ruiling/tachybase_todo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor(client): unify classnames (#1594)

Browse Source 
Co-authored-by: sealday <sealday@gmail.com>
Reviewed-on: daoyoucloud/tachybase#1594
This commit is contained in:
sealday 2024-10-14 12:51:34 +08:00
parent eb3d0e9fe7
commit f7156b9a20
119 changed files with 306 additions and 306 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/core/client/src/application/schema-initializer/components/style.ts
View File

@ -1,6 +1,6 @@
import { genStyleHook } from '../../../schema-component/antd/__builtins__';
export const useSchemaInitializerStyles = genStyleHook('nb-schema-initializer', (token) => {
export const useSchemaInitializerStyles = genStyleHook('tb-schema-initializer', (token) => {
const { componentCls } = token;
return {
[componentCls]: {

6
packages/core/client/src/built-in/acl/Configuration/schemas/scopes.ts
View File

@ -59,7 +59,7 @@ export const scopesSchema: ISchema = {
title: '{{ t("Select record") }}',
'x-component': 'RecordPicker.Selector',
'x-component-props': {
className: 'nb-record-picker-selector',
className: 'tb-record-picker-selector',
},
properties: {
tableBlock: {
@ -109,7 +109,7 @@ export const scopesSchema: ISchema = {
title: '{{ t("Add record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
formBlock: {
@ -236,7 +236,7 @@ export const scopesSchema: ISchema = {
title: '{{ t("Edit record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
formBlock: {

4
packages/core/client/src/built-in/admin-layout/index.tsx
View File

@ -341,7 +341,7 @@ const MenuEditor = (props) => {
* 鼠标悬浮在顶部“更多”按钮时显示的子菜单的样式
*/
const GlobalStyleForAdminLayout = createGlobalStyle`
.nb-container-of-header-submenu {
.tb-container-of-header-submenu {
.ant-menu.ant-menu-submenu.ant-menu-submenu-popup {
.ant-menu.ant-menu-sub.ant-menu-vertical {
background-color: ${(p) => {
@ -387,7 +387,7 @@ const SetThemeOfHeaderSubmenu = ({ children }) => {
useEffect(() => {
containerRef.current = document.createElement('div');
containerRef.current.classList.add('nb-container-of-header-submenu');
containerRef.current.classList.add('tb-container-of-header-submenu');
document.body.appendChild(containerRef.current);
return () => {

4
packages/core/client/src/built-in/context-menu/ContextMenuItemsProps.tsx
View File

@ -102,7 +102,7 @@ const checkedAutoPage = (position, message, t) => {
const navbarHeight = navbar.getBoundingClientRect();
const classId = uid();
if (blockElement) {
const page = blockElement?.closest('.ant-nb-page ');
const page = blockElement?.closest('.ant-tb-page ');
const drawer = blockElement?.closest('.ant-drawer-body');
const modal = blockElement?.closest('.ant-modal-body');
const tabNav = amplifierBlock.querySelector('.ant-tabs-nav');
@ -154,7 +154,7 @@ const checkedAutoPage = (position, message, t) => {
};
const removeNode = ({ gridRow: blockElement, classId }) => {
const page = blockElement?.closest('.ant-nb-page ');
const page = blockElement?.closest('.ant-tb-page ');
const drawer = blockElement?.closest('.ant-drawer-body');
const parentNode = blockElement.parentNode;
const tabNav = document.querySelector('.ant-tabs-nav');

2
packages/core/client/src/built-in/pm/PluginDocument.tsx
View File

@ -67,7 +67,7 @@ export const PluginDocument: React.FC<PluginDocumentProps> = memo((props) => {
<Spin />
) : (
<div
className={`${componentCls} ${hashId} nb-markdown nb-markdown-default nb-markdown-table`}
className={`${componentCls} ${hashId} tb-markdown tb-markdown-default tb-markdown-table`}
dangerouslySetInnerHTML={{ __html: error ? '' : htmlWithOutRelativeDirect }}
></div>
)}

2
packages/core/client/src/collection-manager/interfaces/properties/index.ts
View File

@ -378,7 +378,7 @@ export const recordPickerViewer = {
title: '{{ t("View record") }}',
'x-component': 'RecordPicker.Viewer',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {

2
packages/core/client/src/modules/actions/add-child/CreateChildInitializer.tsx
View File

@ -24,7 +24,7 @@ export const CreateChildInitializer = (props) => {
title: '{{ t("Add record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {

2
packages/core/client/src/modules/actions/add-new/CreateActionInitializer.tsx
View File

@ -25,7 +25,7 @@ export const CreateActionInitializer = () => {
title: '{{ t("Add record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {

2
packages/core/client/src/modules/actions/add-record/CustomizeAddRecordActionInitializer.tsx
View File

@ -21,7 +21,7 @@ export const CustomizeAddRecordActionInitializer = () => {
title: '{{t("Add record")}}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {

2
packages/core/client/src/modules/actions/disassociate/__e2e__/templatesOfPage.ts
View File

@ -148,7 +148,7 @@ export const disassociatePage: PageConfig = {
title: '{{ t("Edit record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {

2
packages/core/client/src/modules/actions/view-edit-popup/PopupActionInitializer.tsx
View File

@ -20,7 +20,7 @@ export const PopupActionInitializer = (props) => {
title: '{{ t("Popup") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {

2
packages/core/client/src/modules/actions/view-edit-popup/UpdateActionInitializer.tsx
View File

@ -20,7 +20,7 @@ export const UpdateActionInitializer = (props) => {
title: '{{ t("Edit record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {

2
packages/core/client/src/modules/actions/view-edit-popup/ViewActionInitializer.tsx
View File

@ -19,7 +19,7 @@ export const ViewActionInitializer = (props) => {
title: '{{ t("View record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {

30
packages/core/client/src/modules/blocks/data-blocks/form/__e2e__/form-create/templatesOfBug.ts
View File

@ -410,7 +410,7 @@ export const T2174 = {
title: '{{ t("View record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
'x-index': 1,
properties: {
@ -694,7 +694,7 @@ export const T2174 = {
title: '{{ t("View record") }}',
'x-component': 'AssociationField.Viewer',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
'x-index': 1,
properties: {
@ -999,7 +999,7 @@ export const T2614: PageConfig = {
title: '{{ t("View record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -1328,7 +1328,7 @@ export const T2614: PageConfig = {
title: '{{ t("Edit record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -1803,7 +1803,7 @@ export const T2993: PageConfig = {
title: '{{ t("Add record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -2385,7 +2385,7 @@ export const T2615: PageConfig = {
title: '{{ t("Add record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -2666,7 +2666,7 @@ export const T2615: PageConfig = {
title: '{{ t("Edit record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -2909,7 +2909,7 @@ export const T2615: PageConfig = {
title: '{{ t("View record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -3293,7 +3293,7 @@ export const T2845: PageConfig = {
title: '{{ t("Add record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
'x-index': 1,
properties: {
@ -3519,7 +3519,7 @@ export const T2845: PageConfig = {
'x-component-props':
{
className:
'nb-action-popup',
'tb-action-popup',
},
'x-index': 1,
properties: {
@ -3618,7 +3618,7 @@ export const T2845: PageConfig = {
'x-component':
'AssociationField.Viewer',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
'x-index': 2,
properties: {
@ -3935,7 +3935,7 @@ export const T2845: PageConfig = {
title: '{{ t("Edit record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
'x-index': 1,
properties: {
@ -4304,7 +4304,7 @@ export const T2845: PageConfig = {
title: '{{ t("View record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
'x-index': 1,
properties: {
@ -4801,7 +4801,7 @@ export const T2200 = {
title: '{{ t("Edit record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -5822,7 +5822,7 @@ export const T3529: PageConfig = {
title: '{{ t("View record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {

6
packages/core/client/src/modules/blocks/data-blocks/table-selector/__e2e__/templatesOfBug.ts
View File

@ -142,7 +142,7 @@ export const tableSelectorDataScopeVariable: PageConfig = {
title: '{{ t("View record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -263,7 +263,7 @@ export const tableSelectorDataScopeVariable: PageConfig = {
'{{ t("Select record") }}',
'x-component-props': {
className:
'nb-record-picker-selector',
'tb-record-picker-selector',
},
'x-index': 1,
properties: {
@ -455,7 +455,7 @@ export const tableSelectorDataScopeVariable: PageConfig = {
'x-component-props':
{
className:
'nb-action-popup',
'tb-action-popup',
},
properties:
{

4
packages/core/client/src/modules/blocks/data-blocks/table/__e2e__/templatesOfBug.ts
View File

@ -445,7 +445,7 @@ export const T2187 = {
title: '{{ t("Duplicate") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -839,7 +839,7 @@ export const T3686: PageConfig = {
title: '{{ t("View record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {

18
packages/core/client/src/modules/dialog/__e2e__/templatesOfBug.ts
View File

@ -133,7 +133,7 @@ export const T2797: PageConfig = {
title: '{{ t("Popup") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
'x-index': 1,
properties: {
@ -256,7 +256,7 @@ export const T2797: PageConfig = {
title: '{{ t("Popup") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
'x-index': 1,
properties: {
@ -712,7 +712,7 @@ export const T2838: PageConfig = {
title: '{{ t("Edit record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
'x-index': 1,
properties: {
@ -825,7 +825,7 @@ export const T2838: PageConfig = {
title: '{{ t("Edit record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
'x-index': 1,
properties: {
@ -992,7 +992,7 @@ export const T2838: PageConfig = {
'x-component-props':
{
className:
'nb-action-popup',
'tb-action-popup',
},
'x-index': 1,
properties:
@ -1597,7 +1597,7 @@ export const tableWithRoles: PageConfig = {
title: '{{ t("View record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -1812,7 +1812,7 @@ export const tableWithUsers = {
title: '{{ t("View record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -2058,7 +2058,7 @@ export const tableWithInherit = {
title: '{{ t("View record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -2289,7 +2289,7 @@ export const tableWithInheritWithoutAssociation = {
title: '{{ t("View record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {

6
packages/core/client/src/schema-component/antd/action/Action.Drawer.style.ts
View File

@ -1,17 +1,17 @@
import { genStyleHook } from '../__builtins__';
export const useStyles = genStyleHook('nb-action-drawer', (token) => {
export const useStyles = genStyleHook('tb-action-drawer', (token) => {
const { componentCls } = token;
return {
[componentCls]: {
overflow: 'hidden',
'&.reset': {
'&.nb-action-popup': {
'&.tb-action-popup': {
'.ant-drawer-header': { display: 'none' },
'.ant-drawer-body': { paddingTop: token.paddingContentVerticalLG, backgroundColor: 'var(--colorBgDrawer)' },
},
'&.nb-record-picker-selector': {
'&.tb-record-picker-selector': {
'.ant-drawer-wrapper-body': {
backgroundColor: 'var(--colorBgDrawer)',
},

2
packages/core/client/src/schema-component/antd/action/Action.Link.tsx
View File

@ -10,7 +10,7 @@ import { ComposedAction } from './types';
export const ActionLink: ComposedAction = withDynamicSchemaProps(
observer((props: any) => {
return (
<Action {...props} component={props.component || 'a'} className={classnames('nb-action-link', props.className)} />
<Action {...props} component={props.component || 'a'} className={classnames('tb-action-link', props.className)} />
);
}),
{ displayName: 'ActionLink' },

2
packages/core/client/src/schema-component/antd/action/Action.Modal.tsx
View File

@ -14,7 +14,7 @@ import { ComposedActionDrawer } from './types';
const useStyles = createStyles(({ css }) => {
return {
container: css`
&.nb-action-popup {
&.tb-action-popup {
.ant-modal-header {
display: none;
}

2
packages/core/client/src/schema-component/antd/action/Action.Page.tsx
View File

@ -43,7 +43,7 @@ export const ActionPage: ComposedActionDrawer = observer(
{containerRef?.current &&
visible &&
createPortal(
<div data-testid="action-page" className="nb-action-page">
<div data-testid="action-page" className="tb-action-page">
<RecursionField
basePath={field.address}
schema={schema}

4
packages/core/client/src/schema-component/antd/action/Action.style.ts
View File

@ -1,13 +1,13 @@
import { genStyleHook } from '../__builtins__';
const useStyles = genStyleHook('nb-action', (token) => {
const useStyles = genStyleHook('tb-action', (token) => {
const { componentCls } = token;
return {
[componentCls]: {
position: 'relative',
'&:hover': { '> .general-schema-designer': { display: 'block' } },
'&.nb-action-link': {
'&.tb-action-link': {
margin: '-12px',
padding: '12px',
},

2
packages/core/client/src/schema-component/antd/action/Action.tsx
View File

@ -147,7 +147,7 @@ export const Action: ComposedAction = withDynamicSchemaProps(
style={buttonStyle}
onClick={handleButtonClick}
component={tarComponent || Button}
className={classnames(componentCls, hashId, className, 'nb-action')}
className={classnames(componentCls, hashId, className, 'tb-action')}
type={props.type === 'danger' ? undefined : props.type}
>
{actionTitle}

4
packages/core/client/src/schema-component/antd/action/ActionBar.tsx
View File

@ -68,7 +68,7 @@ export const ActionBar = withDynamicSchemaProps(
<div
style={{ display: 'flex', alignItems: 'center', gap: 8, ...style }}
{...others}
className={cx(others.className, 'nb-action-bar')}
className={cx(others.className, 'tb-action-bar')}
>
{props.children && (
<div>
@ -101,7 +101,7 @@ export const ActionBar = withDynamicSchemaProps(
}
}
{...others}
className={cx(others.className, 'nb-action-bar')}
className={cx(others.className, 'tb-action-bar')}
>
<div
style={{

10
packages/core/client/src/schema-component/antd/action/__tests__/action.test.tsx
View File

@ -54,7 +54,7 @@ describe('Action', () => {
expect(document.querySelector('.ant-drawer')).not.toBeInTheDocument();
expect(document.querySelector('.ant-modal')).not.toBeInTheDocument();
expect(document.querySelector('.nb-action-page')).not.toBeInTheDocument();
expect(document.querySelector('.tb-action-page')).not.toBeInTheDocument();
// drawer
await userEvent.click(getByText('Drawer'));
@ -63,7 +63,7 @@ describe('Action', () => {
await waitFor(() => {
expect(document.querySelector('.ant-drawer')).toBeInTheDocument();
expect(document.querySelector('.ant-modal')).not.toBeInTheDocument();
expect(document.querySelector('.nb-action-page')).not.toBeInTheDocument();
expect(document.querySelector('.tb-action-page')).not.toBeInTheDocument();
});
await userEvent.click(getByText('Close'));
@ -75,7 +75,7 @@ describe('Action', () => {
await waitFor(() => {
expect(document.querySelector('.ant-drawer')).not.toBeInTheDocument();
expect(document.querySelector('.ant-modal')).toBeInTheDocument();
expect(document.querySelector('.nb-action-page')).not.toBeInTheDocument();
expect(document.querySelector('.tb-action-page')).not.toBeInTheDocument();
});
await userEvent.click(getByText('Close'));
@ -87,12 +87,12 @@ describe('Action', () => {
await waitFor(() => {
expect(document.querySelector('.ant-drawer')).not.toBeInTheDocument();
expect(document.querySelector('.ant-modal')).not.toBeInTheDocument();
expect(document.querySelector('.nb-action-page')).toBeInTheDocument();
expect(document.querySelector('.tb-action-page')).toBeInTheDocument();
});
await userEvent.click(getByText('Close'));
// TODO: 点击关闭按钮时应该消失
// expect(document.querySelector('.nb-action-page')).not.toBeInTheDocument();
// expect(document.querySelector('.tb-action-page')).not.toBeInTheDocument();
});
});

6
packages/core/client/src/schema-component/antd/association-field/schema.ts
View File

@ -16,7 +16,7 @@ export default {
'x-action': 'create',
title: '{{ t("Add record") }}',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -49,7 +49,7 @@ export default {
'x-component': 'AssociationField.Selector',
title: '{{ t("Select record") }}',
'x-component-props': {
className: 'nb-record-picker-selector',
className: 'tb-record-picker-selector',
},
properties: {
grid: {
@ -91,7 +91,7 @@ export default {
title: '{{ t("View record") }}',
'x-component': 'AssociationField.Viewer',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {

2
packages/core/client/src/schema-component/antd/association-filter/AssociationFilter.Item.style.ts
View File

@ -1,6 +1,6 @@
import { genStyleHook } from '../__builtins__';
const useStyles = genStyleHook('nb-association-filter-item', (token) => {
const useStyles = genStyleHook('tb-association-filter-item', (token) => {
const { componentCls } = token;
return {

4
packages/core/client/src/schema-component/antd/grid-card/GridCard.Decorator.style.ts
View File

@ -1,12 +1,12 @@
import { genStyleHook } from '../__builtins__';
const useStyles = genStyleHook('nb-grid-card', (token) => {
const useStyles = genStyleHook('tb-grid-card', (token) => {
const { componentCls } = token;
return {
[componentCls]: {
'& > .tb-block-item': {
marginBottom: token.marginLG,
'& > .nb-action-bar:has(:first-child:not(:empty))': {
'& > .tb-action-bar:has(:first-child:not(:empty))': {
padding: token.marginLG,
background: token.colorBgContainer,
},

2
packages/core/client/src/schema-component/antd/grid-card/GridCard.Item.tsx
View File

@ -28,7 +28,7 @@ const useStyles = createStyles(({ css }) => {
padding: 24px 24px 0px;
height: 100%;
}
.nb-action-bar {
.tb-action-bar {
padding: 5px 0;
}
`,

2
packages/core/client/src/schema-component/antd/grid-card/GridCard.tsx
View File

@ -136,7 +136,7 @@ const InternalGridCard = (props) => {
useGridCardActionBarProps,
}}
>
<SortableItem className={cx('nb-card-list', styles.designer)}>
<SortableItem className={cx('tb-card-list', styles.designer)}>
<AntdList
pagination={
!meta || meta.count <= meta.pageSize || needInfiniteScroll

2
packages/core/client/src/schema-component/antd/grid/Grid.style.ts
View File

@ -1,6 +1,6 @@
import { genStyleHook } from '../__builtins__';
const useStyles = genStyleHook('nb-grid', (token) => {
const useStyles = genStyleHook('tb-grid', (token) => {
const { componentCls } = token;
return {

10
packages/core/client/src/schema-component/antd/grid/Grid.tsx
View File

@ -158,7 +158,7 @@ const ColDivider = (props) => {
dividerRef.current = el;
}
}}
className={cls('nb-col-divider', 'ColDivider')}
className={cls('tb-col-divider', 'ColDivider')}
style={droppableStyle}
>
<div
@ -230,7 +230,7 @@ const RowDivider = (props) => {
});
return (
<span ref={visible ? setNodeRef : null} className={cls('nb-row-divider', 'RowDivider')} style={droppableStyle} />
<span ref={visible ? setNodeRef : null} className={cls('tb-row-divider', 'RowDivider')} style={droppableStyle} />
);
};
@ -332,7 +332,7 @@ export const Grid: any = observer(
<GridContext.Provider
value={{ ref: gridRef, fieldSchema, renderSchemaInitializer: render, InitializerComponent, showDivider }}
>
<div className={`nb-grid ${componentCls} ${hashId}`} style={{ position: 'relative' }} ref={gridRef}>
<div className={`tb-grid ${componentCls} ${hashId}`} style={{ position: 'relative' }} ref={gridRef}>
<DndWrapper dndContext={props.dndContext}>
{showDivider ? (
<RowDivider
@ -392,7 +392,7 @@ Grid.Row = observer(
return (
<GridRowContext.Provider value={{ schema: fieldSchema, cols }}>
<div
className={cls('nb-grid-row', 'CardRow', {
className={cls('tb-grid-row', 'CardRow', {
showDivider,
})}
>
@ -504,7 +504,7 @@ Grid.Col = observer(
return (
<GridColContext.Provider value={{ cols, schema }}>
<div ref={setNodeRef} style={{ ...style, ...droppableStyle }} className={cls('nb-grid-col CardCol')}>
<div ref={setNodeRef} style={{ ...style, ...droppableStyle }} className={cls('tb-grid-col CardCol')}>
{props.children}
</div>
</GridColContext.Provider>

2
packages/core/client/src/schema-component/antd/input-number/ReadPretty.tsx
View File

@ -119,7 +119,7 @@ export const ReadPretty: React.FC<InputProps & InputNumberProps> = (props: any)
}
return (
<div className={'nb-read-pretty-input-number'}>
<div className={'tb-read-pretty-input-number'}>
{addonBefore}
<span dangerouslySetInnerHTML={{ __html: result }} />
{addonAfter}

2
packages/core/client/src/schema-component/antd/list/List.Item.tsx
View File

@ -12,7 +12,7 @@ import { useDesignable } from '../../hooks';
const useStyles = createStyles(({ css }, props: { designable: boolean }) => {
return {
item: css`
.nb-action-bar {
.tb-action-bar {
gap: 20px !important;
margin-top: ${props.designable ? '20px' : '0px'};
}

4
packages/core/client/src/schema-component/antd/list/List.style.ts
View File

@ -1,12 +1,12 @@
import { genStyleHook } from '../__builtins__';
const useStyles = genStyleHook('nb-list', (token) => {
const useStyles = genStyleHook('tb-list', (token) => {
const { componentCls } = token;
return {
[componentCls]: {
width: '100%',
marginBottom: 0,
// '.nb-action-bar:not(:empty)': { marginTop: token.marginXS },
// '.tb-action-bar:not(:empty)': { marginTop: token.marginXS },
'&:hover': { '> .general-schema-designer': { display: 'block' } },
'> .general-schema-designer': {
position: 'absolute',

2
packages/core/client/src/schema-component/antd/list/List.tsx
View File

@ -60,7 +60,7 @@ const InternalList = (props) => {
useListActionBarProps,
}}
>
<SortableItem className={cx('nb-list', componentCls, hashId)}>
<SortableItem className={cx('tb-list', componentCls, hashId)}>
<AntdList
{...props}
pagination={

2
packages/core/client/src/schema-component/antd/markdown/Markdown.Void.tsx
View File

@ -85,7 +85,7 @@ export const MarkdownVoid: any = observer(
/>
) : (
<div
className={cls([componentCls, hashId, 'nb-markdown nb-markdown-default nb-markdown-table', className])}
className={cls([componentCls, hashId, 'tb-markdown tb-markdown-default tb-markdown-table', className])}
style={props.style}
dangerouslySetInnerHTML={{ __html: html }}
/>

2
packages/core/client/src/schema-component/antd/markdown/Markdown.tsx
View File

@ -32,7 +32,7 @@ export const MarkdownReadPretty = (props) => {
const text = convertToText(html);
const value = (
<div
className={`${hashId} ${className} nb-markdown nb-markdown-default nb-markdown-table`}
className={`${hashId} ${className} tb-markdown tb-markdown-default tb-markdown-table`}
dangerouslySetInnerHTML={{ __html: html }}
/>
);

10
packages/core/client/src/schema-component/antd/markdown/style.ts
View File

@ -2,7 +2,7 @@ import { TinyColor } from '@ctrl/tinycolor';
import { genStyleHook } from './../__builtins__';
export const useStyles = genStyleHook('nb-markdown', (token, { isDarkTheme }) => {
export const useStyles = genStyleHook('tb-markdown', (token, { isDarkTheme }) => {
const { componentCls } = token;
const colorFillAlterSolid = new TinyColor(token.colorFillAlter)
.onBackground(token.colorBgContainer)
@ -10,7 +10,7 @@ export const useStyles = genStyleHook('nb-markdown', (token, { isDarkTheme }) =>
const defaultStyle: any = {
// default style of markdown
'&.nb-markdown-default': {
'&.tb-markdown-default': {
'pre code.hljs': { display: 'block', overflowX: 'auto', padding: '1em' },
'code.hljs': { padding: '3px 5px' },
':not(pre) code': {
@ -55,7 +55,7 @@ export const useStyles = genStyleHook('nb-markdown', (token, { isDarkTheme }) =>
},
// table style of markdown
'&.nb-markdown-table': {
'&.tb-markdown-table': {
table: {
borderCollapse: 'collapse',
width: '100%',
@ -80,7 +80,7 @@ export const useStyles = genStyleHook('nb-markdown', (token, { isDarkTheme }) =>
const darkStyle: any = {
// default style of markdown
'&.nb-markdown-default': {
'&.tb-markdown-default': {
'pre code.hljs': { display: 'block', overflowX: 'auto', padding: '1em' },
'code.hljs': { padding: '3px 5px' },
':not(pre) code': {
@ -118,7 +118,7 @@ export const useStyles = genStyleHook('nb-markdown', (token, { isDarkTheme }) =>
},
// table style of markdown
'&.nb-markdown-table': {
'&.tb-markdown-table': {
table: {
borderCollapse: 'collapse',
width: '100%',

4
packages/core/client/src/schema-component/antd/menu/Menu.styles.ts
View File

@ -17,7 +17,7 @@ export const useStyles = createStyles(({ css, token }) => {
display: block;
}
}
&.nb-action-link {
&.tb-action-link {
> .general-schema-designer {
top: -10px;
bottom: -10px;
@ -69,7 +69,7 @@ export const useStyles = createStyles(({ css, token }) => {
display: block;
}
}
&.nb-action-link {
&.tb-action-link {
> .general-schema-designer {
top: -10px;
bottom: -10px;

2
packages/core/client/src/schema-component/antd/page/FixedBlock.tsx
View File

@ -47,7 +47,7 @@ export const FixedBlockWrapper = (props) => {
if (!fixedBlock && fixedBlockUID) return <>{props.children}</>;
return (
<div
className="nb-fixed-block"
className="tb-fixed-block"
style={{
height: fixedBlockUID ? `calc(100vh - ${height})` : undefined,
}}

6
packages/core/client/src/schema-component/antd/page/Page.tsx
View File

@ -162,7 +162,7 @@ export const Page = (props) => {
<SortableItem
id={schema.name as string}
schema={schema}
className={classNames('nb-action-link', 'designerCss', props.className)}
className={classNames('tb-action-link', 'designerCss', props.className)}
>
{schema['x-icon'] && <Icon style={{ marginRight: 8 }} type={schema['x-icon']} />}
<span>{schema.title || t('Unnamed')}</span>
@ -179,7 +179,7 @@ export const Page = (props) => {
/>
)}
</div>
<div className="nb-page-wrapper">
<div className="tb-page-wrapper">
<ErrorBoundary FallbackComponent={ErrorFallback} onError={handleErrors}>
{PageContent(loading, disablePageHeader, enablePageTabs, fieldSchema, activeKey, height, props)}
</ErrorBoundary>
@ -226,7 +226,7 @@ function PageContent(
})
) : (
<FixedBlock height={`calc(${height}px + 46px + ${token.marginLG}px * 2)`}>
<div className={`pageWithFixedBlockCss nb-page-content`}>{props.children}</div>
<div className={`pageWithFixedBlockCss tb-page-content`}>{props.children}</div>
</FixedBlock>
);
}

10
packages/core/client/src/schema-component/antd/page/style.ts
View File

@ -1,6 +1,6 @@
import { genStyleHook } from './../__builtins__';
export const useStyles = genStyleHook('nb-page', (token) => {
export const useStyles = genStyleHook('tb-page', (token) => {
const { componentCls } = token;
return {
@ -67,7 +67,7 @@ export const useStyles = genStyleHook('nb-page', (token) => {
'.designerCss': {
position: 'relative',
'&:hover': { '> .general-schema-designer': { display: 'block' } },
'&.nb-action-link': {
'&.tb-action-link': {
'> .general-schema-designer': {
top: '-10px',
bottom: '-10px',
@ -105,12 +105,12 @@ export const useStyles = genStyleHook('nb-page', (token) => {
'.pageWithFixedBlockCss': {
height: '100%',
'> .nb-grid:not(:last-child)': {
'> .nb-schema-initializer-button': { display: 'none' },
'> .tb-grid:not(:last-child)': {
'> .tb-schema-initializer-button': { display: 'none' },
},
},
'.nb-page-wrapper': {
'.tb-page-wrapper': {
margin: token.marginLG,
flex: 1,
},

2
packages/core/client/src/schema-component/antd/preview/Preview.tsx
View File

@ -59,7 +59,7 @@ export const FileSelector = (props: Props) => {
return wrapSSR(
<div>
<div className={cls(`${prefixCls}-wrapper`, `${prefixCls}-picture-card-wrapper`, 'nb-upload', hashId)}>
<div className={cls(`${prefixCls}-wrapper`, `${prefixCls}-picture-card-wrapper`, 'tb-upload', hashId)}>
<div className={cls(`${prefixCls}-list`, `${prefixCls}-list-picture-card`)}>
{list.map((file) => {
const handleClick = (e) => {

2
packages/core/client/src/schema-component/antd/record-picker/demos/demo1.tsx
View File

@ -73,7 +73,7 @@ const schema: ISchema = {
title: '{{ t("Select record") }}',
'x-component': 'RecordPicker.Selector',
'x-component-props': {
className: 'nb-record-picker-selector',
className: 'tb-record-picker-selector',
},
properties: {
tableBlock: {

2
packages/core/client/src/schema-component/antd/rich-text/style.ts
View File

@ -6,7 +6,7 @@ import { genStyleHook } from './../__builtins__';
* Copyright (c) 2014, Jason Chen
* Copyright (c) 2013, salesforce.com
*/
export const useStyles = genStyleHook('nb-rich-text', (token) => {
export const useStyles = genStyleHook('tb-rich-text', (token) => {
const { componentCls } = token;
return {

12
packages/core/client/src/schema-component/antd/table-v2/Table.styles.ts
View File

@ -30,7 +30,7 @@ export const useStyles = createStyles(({ css, token }) => {
`,
toolbar: css`
// 扩大 SchemaToolbar 的面积
.nb-action-link {
.tb-action-link {
margin: -${token.paddingContentVerticalLG}px -${token.marginSM}px;
padding: ${token.paddingContentVerticalLG}px ${token.marginSM}px;
}
@ -64,7 +64,7 @@ export const useStyles = createStyles(({ css, token }) => {
bodyCell: css`
max-width: 300px;
white-space: nowrap;
.nb-read-pretty-input-number {
.tb-read-pretty-input-number {
text-align: right;
}
.ant-color-picker-trigger {
@ -80,21 +80,21 @@ export const useStyles = createStyles(({ css, token }) => {
align-items: center;
justify-content: space-evenly;
padding-right: 8px;
.nb-table-index {
.tb-table-index {
opacity: 0;
}
&:not(.checked) {
.nb-table-index {
.tb-table-index {
opacity: 1;
}
}
`,
rowSelectHover: css`
&:hover {
.nb-table-index {
.tb-table-index {
opacity: 0;
}
.nb-origin-node {
.tb-origin-node {
display: block;
}
}

4
packages/core/client/src/schema-component/antd/table-v2/Table.tsx
View File

@ -212,7 +212,7 @@ const SortHandle = (props) => {
const TableIndex = (props) => {
const { index, ...otherProps } = props;
return (
<div className={classNames('nb-table-index')} style={{ padding: '0 8px 0 16px' }} {...otherProps}>
<div className={classNames('tb-table-index')} style={{ padding: '0 8px 0 16px' }} {...otherProps}>
{index}
</div>
);
@ -432,7 +432,7 @@ export const Table: any = withDynamicSchemaProps(
{showIndex && <TableIndex index={index} />}
</div>
{isRowSelect && (
<div className={classNames('nb-origin-node', checked ? 'checked' : null, styles.cellCheckedNode)}>
<div className={classNames('tb-origin-node', checked ? 'checked' : null, styles.cellCheckedNode)}>
{originNode}
</div>
)}

12
packages/core/client/src/schema-component/antd/table/Table.Array.tsx
View File

@ -61,19 +61,19 @@ const useStyles = createStyles(({ css, token }) => {
align-items: center;
justify-content: space-evenly;
padding-right: 8px;
.nb-table-index {
.tb-table-index {
opacity: 0;
}
&:not(.checked) {
.nb-table-index {
.tb-table-index {
opacity: 1;
}
}
&:hover {
.nb-table-index {
.tb-table-index {
opacity: 0;
}
.nb-origin-node {
.tb-origin-node {
display: block;
}
}
@ -159,7 +159,7 @@ const SortHandle = (props) => {
const TableIndex = (props) => {
const { index, ...otherProps } = props;
return (
<div className={classNames('nb-table-index')} style={{ padding: '0 8px 0 16px' }} {...otherProps}>
<div className={classNames('tb-table-index')} style={{ padding: '0 8px 0 16px' }} {...otherProps}>
{index + 1}
</div>
);
@ -250,7 +250,7 @@ export const TableArray: React.FC<any> = observer(
<TableIndex role="button" aria-label={`table-index-${record?.name || index}`} index={index} />
)}
</div>
<div className={classNames('nb-origin-node', checked ? 'checked' : null, styles.node)}>
<div className={classNames('tb-origin-node', checked ? 'checked' : null, styles.node)}>
{originNode}
</div>
</div>

4
packages/core/client/src/schema-component/antd/tabs/Tabs.tsx
View File

@ -21,7 +21,7 @@ const useStyles = createStyles(({ css }) => {
display: block;
}
}
&.nb-action-link {
&.tb-action-link {
> .general-schema-designer {
top: -10px;
bottom: -10px;
@ -108,7 +108,7 @@ Tabs.TabPane = observer(
const Designer = useDesigner();
const field = useField();
return (
<SortableItem className={classNames('nb-action-link', styles.designer, props.className)}>
<SortableItem className={classNames('tb-action-link', styles.designer, props.className)}>
{props.icon && <Icon style={{ marginRight: 2 }} type={props.icon} />} {props.tab || field.title}
<Designer />
</SortableItem>

4
packages/core/client/src/schema-component/antd/upload/ReadPretty.tsx
View File

@ -43,8 +43,8 @@ ReadPretty.File = function File(props: UploadProps) {
className={cls(
`${prefixCls}-wrapper`,
`${prefixCls}-picture-card-wrapper`,
`nb-upload`,
size ? `nb-upload-${size}` : null,
`tb-upload`,
size ? `tb-upload-${size}` : null,
hashId,
)}
>

2
packages/core/client/src/schema-component/antd/upload/Upload.tsx
View File

@ -49,7 +49,7 @@ Upload.Attachment = connect((props: UploadProps) => {
return wrapSSR(
<div>
<div className={cls(`${prefixCls}-wrapper`, `${prefixCls}-picture-card-wrapper`, 'nb-upload', hashId)}>
<div className={cls(`${prefixCls}-wrapper`, `${prefixCls}-picture-card-wrapper`, 'tb-upload', hashId)}>
<div className={cls(`${prefixCls}-list`, `${prefixCls}-list-picture-card`)}>
{fileList.map((file, index) => {
const fileProps = {

6
packages/core/client/src/schema-component/antd/upload/style.ts
View File

@ -5,7 +5,7 @@ export const useStyles = genStyleHook('upload', (token) => {
return {
[`${componentCls}-wrapper`]: {
'&.nb-upload-small': {
'&.tb-upload-small': {
[`${componentCls}-list-picture-card-container${componentCls}-list-picture-card-container`]: {
margin: '0 3px 3px 0 !important',
height: '32px !important',
@ -20,7 +20,7 @@ export const useStyles = genStyleHook('upload', (token) => {
padding: '1px !important',
},
},
'&.nb-upload-large': {
'&.tb-upload-large': {
[`${componentCls}-list-picture-card-container${componentCls}-list-picture-card-container`]: {
margin: '0 3px 3px 0 !important',
height: '160px !important',
@ -28,7 +28,7 @@ export const useStyles = genStyleHook('upload', (token) => {
marginBlock: '0 28px !important',
},
},
'&.nb-upload': {
'&.tb-upload': {
[`${componentCls}-list-item${componentCls}-list-item-list-type-picture-card`]: {
padding: '3px !important',
},

2
packages/core/client/src/schema-component/antd/variable/VariableSelect.style.ts
View File

@ -1,6 +1,6 @@
import { genStyleHook } from '../__builtins__';
const useStyles = genStyleHook('nb-variable-select', (token) => {
const useStyles = genStyleHook('tb-variable-select', (token) => {
const { componentCls } = token;
return {

2
packages/core/client/src/schema-component/common/sortable-item/SortableItem.tsx
View File

@ -44,7 +44,7 @@ export const Sortable = (props: any) => {
{
role: 'none',
...others,
className: cx('nb-sortable-designer', props.className),
className: cx('tb-sortable-designer', props.className),
ref: setNodeRef,
style: droppableStyle,
},

2
packages/core/client/src/schema-initializer/items/SelectActionInitializer.tsx
View File

@ -18,7 +18,7 @@ export const SelectActionInitializer = (props) => {
'x-component': 'AssociationField.Selector',
title: '{{ t("Select record") }}',
'x-component-props': {
className: 'nb-record-picker-selector',
className: 'tb-record-picker-selector',
},
properties: {
grid: {

2
packages/core/client/src/schema-templates/schemas/uiSchemaTemplates.ts
View File

@ -120,7 +120,7 @@ export const uiSchemaTemplatesSchema: ISchema = {
title: '{{ t("Edit record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
form: {

122
packages/core/test/src/e2e/templatesOfPage.ts
View File

@ -1290,7 +1290,7 @@ export const oneEmptyTableBlockWithActions: PageConfig = {
title: '{{ t("Add record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -1409,7 +1409,7 @@ export const oneEmptyTableBlockWithActions: PageConfig = {
title: '{{t("Add record")}}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -1522,7 +1522,7 @@ export const oneEmptyTableBlockWithActions: PageConfig = {
title: '{{ t("View record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -1596,7 +1596,7 @@ export const oneEmptyTableBlockWithActions: PageConfig = {
title: '{{ t("Edit record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -1695,7 +1695,7 @@ export const oneEmptyTableBlockWithActions: PageConfig = {
title: '{{ t("Duplicate") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -1897,7 +1897,7 @@ export const oneTableBlockWithActionsAndFormBlocks: PageConfig = {
title: '{{ t("Add record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -2102,7 +2102,7 @@ export const oneTableBlockWithActionsAndFormBlocks: PageConfig = {
title: '{{t("Add record")}}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -2302,7 +2302,7 @@ export const oneTableBlockWithActionsAndFormBlocks: PageConfig = {
title: '{{ t("View record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -2462,7 +2462,7 @@ export const oneTableBlockWithActionsAndFormBlocks: PageConfig = {
title: '{{ t("Edit record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -2738,7 +2738,7 @@ export const oneEmptyTableBlockWithCustomizeActions: PageConfig = {
title: '{{t("Bulk edit")}}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -2962,7 +2962,7 @@ export const oneFormBlockWithRolesFieldBasedUsers: PageConfig = {
'x-component': 'AssociationField.Selector',
title: '{{ t("Select record") }}',
'x-component-props': {
className: 'nb-record-picker-selector',
className: 'tb-record-picker-selector',
},
'x-index': 1,
properties: {
@ -3179,7 +3179,7 @@ export const oneFormBlockWithAllAssociationFieldsAndSelectorMode: PageConfig = {
'x-component': 'AssociationField.Selector',
title: '{{ t("Select record") }}',
'x-component-props': {
className: 'nb-record-picker-selector',
className: 'tb-record-picker-selector',
},
'x-index': 1,
properties: {
@ -3282,7 +3282,7 @@ export const oneFormBlockWithAllAssociationFieldsAndSelectorMode: PageConfig = {
'x-component': 'AssociationField.Selector',
title: '{{ t("Select record") }}',
'x-component-props': {
className: 'nb-record-picker-selector',
className: 'tb-record-picker-selector',
},
'x-index': 1,
properties: {
@ -3385,7 +3385,7 @@ export const oneFormBlockWithAllAssociationFieldsAndSelectorMode: PageConfig = {
'x-component': 'AssociationField.Selector',
title: '{{ t("Select record") }}',
'x-component-props': {
className: 'nb-record-picker-selector',
className: 'tb-record-picker-selector',
},
'x-index': 1,
properties: {
@ -3488,7 +3488,7 @@ export const oneFormBlockWithAllAssociationFieldsAndSelectorMode: PageConfig = {
'x-component': 'AssociationField.Selector',
title: '{{ t("Select record") }}',
'x-component-props': {
className: 'nb-record-picker-selector',
className: 'tb-record-picker-selector',
},
'x-index': 1,
properties: {
@ -3591,7 +3591,7 @@ export const oneFormBlockWithAllAssociationFieldsAndSelectorMode: PageConfig = {
'x-component': 'AssociationField.Selector',
title: '{{ t("Select record") }}',
'x-component-props': {
className: 'nb-record-picker-selector',
className: 'tb-record-picker-selector',
},
'x-index': 1,
properties: {
@ -3976,7 +3976,7 @@ export const oneTableBlockWithAddNewAndViewAndEditAndBasicFields: PageConfig = {
title: '{{ t("Add record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -4589,7 +4589,7 @@ export const oneTableBlockWithAddNewAndViewAndEditAndBasicFields: PageConfig = {
title: '{{ t("View record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -4689,7 +4689,7 @@ export const oneTableBlockWithAddNewAndViewAndEditAndBasicFields: PageConfig = {
title: '{{ t("Edit record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -5226,7 +5226,7 @@ export const oneTableBlockWithAddNewAndViewAndEditAndBasicFields: PageConfig = {
title: '{{ t("Edit record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -5978,7 +5978,7 @@ export const oneTableBlockWithAddNewAndViewAndEditAndBasicFieldsAndSubTable: Pag
title: '{{ t("Edit record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -6352,7 +6352,7 @@ export const oneTableBlockWithAddNewAndViewAndEditAndChoicesFields: PageConfig =
title: '{{ t("Add record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -6801,7 +6801,7 @@ export const oneTableBlockWithAddNewAndViewAndEditAndChoicesFields: PageConfig =
title: '{{ t("View record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -6901,7 +6901,7 @@ export const oneTableBlockWithAddNewAndViewAndEditAndChoicesFields: PageConfig =
title: '{{ t("Edit record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -7263,7 +7263,7 @@ export const oneTableBlockWithAddNewAndViewAndEditAndChoicesFields: PageConfig =
title: '{{ t("Edit record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -7787,7 +7787,7 @@ export const oneTableBlockWithAddNewAndViewAndEditAndMediaFields: PageConfig = {
title: '{{ t("Add record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -8119,7 +8119,7 @@ export const oneTableBlockWithAddNewAndViewAndEditAndMediaFields: PageConfig = {
title: '{{ t("View record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -8219,7 +8219,7 @@ export const oneTableBlockWithAddNewAndViewAndEditAndMediaFields: PageConfig = {
title: '{{ t("Edit record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -8467,7 +8467,7 @@ export const oneTableBlockWithAddNewAndViewAndEditAndMediaFields: PageConfig = {
title: '{{ t("Edit record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -8877,7 +8877,7 @@ export const oneTableBlockWithAddNewAndViewAndEditAndDatetimeFields: PageConfig
title: '{{ t("Add record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -9172,7 +9172,7 @@ export const oneTableBlockWithAddNewAndViewAndEditAndDatetimeFields: PageConfig
title: '{{ t("View record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -9272,7 +9272,7 @@ export const oneTableBlockWithAddNewAndViewAndEditAndDatetimeFields: PageConfig
title: '{{ t("Edit record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -9482,7 +9482,7 @@ export const oneTableBlockWithAddNewAndViewAndEditAndDatetimeFields: PageConfig
title: '{{ t("Edit record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -9854,7 +9854,7 @@ export const oneTableBlockWithAddNewAndViewAndEditAndAssociationFields: PageConf
title: '{{ t("Add record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -10256,7 +10256,7 @@ export const oneTableBlockWithAddNewAndViewAndEditAndAssociationFields: PageConf
title: '{{ t("View record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -10356,7 +10356,7 @@ export const oneTableBlockWithAddNewAndViewAndEditAndAssociationFields: PageConf
title: '{{ t("Edit record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -10674,7 +10674,7 @@ export const oneTableBlockWithAddNewAndViewAndEditAndAssociationFields: PageConf
title: '{{ t("Edit record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -11477,7 +11477,7 @@ export const oneTableBlockWithAddNewAndViewAndEditAndAdvancedFields: PageConfig
title: '{{ t("Add record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -11849,7 +11849,7 @@ export const oneTableBlockWithAddNewAndViewAndEditAndAdvancedFields: PageConfig
title: '{{ t("View record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -11949,7 +11949,7 @@ export const oneTableBlockWithAddNewAndViewAndEditAndAdvancedFields: PageConfig
title: '{{ t("Edit record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -12238,7 +12238,7 @@ export const oneTableBlockWithAddNewAndViewAndEditAndAdvancedFields: PageConfig
title: '{{ t("Edit record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -12689,7 +12689,7 @@ export const oneTableBlockWithAddNewAndViewAndEditAndSystemInfoFields: PageConfi
title: '{{ t("Add record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -12864,7 +12864,7 @@ export const oneTableBlockWithAddNewAndViewAndEditAndSystemInfoFields: PageConfi
title: '{{ t("View record") }}',
'x-component': 'RecordPicker.Viewer',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -12956,7 +12956,7 @@ export const oneTableBlockWithAddNewAndViewAndEditAndSystemInfoFields: PageConfi
title: '{{ t("View record") }}',
'x-component': 'RecordPicker.Viewer',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -13243,7 +13243,7 @@ export const oneTableBlockWithAddNewAndViewAndEditAndSystemInfoFields: PageConfi
title: '{{ t("View record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -13343,7 +13343,7 @@ export const oneTableBlockWithAddNewAndViewAndEditAndSystemInfoFields: PageConfi
title: '{{ t("Edit record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -13513,7 +13513,7 @@ export const oneTableBlockWithAddNewAndViewAndEditAndSystemInfoFields: PageConfi
'x-component':
'RecordPicker.Viewer',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -13614,7 +13614,7 @@ export const oneTableBlockWithAddNewAndViewAndEditAndSystemInfoFields: PageConfi
'x-component':
'RecordPicker.Viewer',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -13830,7 +13830,7 @@ export const oneTableBlockWithAddNewAndViewAndEditAndSystemInfoFields: PageConfi
title: '{{ t("Edit record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -14011,7 +14011,7 @@ export const oneTableBlockWithAddNewAndViewAndEditAndSystemInfoFields: PageConfi
'x-component':
'RecordPicker.Viewer',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -14112,7 +14112,7 @@ export const oneTableBlockWithAddNewAndViewAndEditAndSystemInfoFields: PageConfi
'x-component':
'RecordPicker.Viewer',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -15475,7 +15475,7 @@ export const oneTableSubformWithMultiLevelAssociationFields: PageConfig = {
title: '{{ t("Add record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -15590,7 +15590,7 @@ export const oneTableSubformWithMultiLevelAssociationFields: PageConfig = {
title: '{{ t("View record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -16271,7 +16271,7 @@ export const oneTableSubformWithMultiLevelAssociationFields: PageConfig = {
title: '{{ t("Edit record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -17189,7 +17189,7 @@ export const oneTableSubtableWithMultiLevelAssociationFields: PageConfig = {
title: '{{ t("Add record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -17304,7 +17304,7 @@ export const oneTableSubtableWithMultiLevelAssociationFields: PageConfig = {
title: '{{ t("View record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -17404,7 +17404,7 @@ export const oneTableSubtableWithMultiLevelAssociationFields: PageConfig = {
title: '{{ t("Edit record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -17735,7 +17735,7 @@ export const oneTableSubtableWithMultiLevelAssociationFields: PageConfig = {
title: '{{ t("Edit record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -18201,7 +18201,7 @@ export const formBlockDefaultValueTemplate: PageConfig = {
title: '{{ t("Add record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -18477,7 +18477,7 @@ export const formBlockDefaultValueTemplate: PageConfig = {
title: '{{ t("View record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -18551,7 +18551,7 @@ export const formBlockDefaultValueTemplate: PageConfig = {
title: '{{ t("Edit record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {

4
packages/core/utils/src/isPortalInBody.ts
View File

@ -5,8 +5,8 @@
export const isPortalInBody = (dom: Element) => {
while (dom) {
// 如果有 `nb-action` 类名，说明是一个 Action 按钮，其本身已经阻止了冒泡，不需要再次阻止，如果阻止会导致点击无效
if (dom.id === 'root' || dom.classList?.contains('nb-action')) {
// 如果有 `tb-action` 类名，说明是一个 Action 按钮，其本身已经阻止了冒泡，不需要再次阻止，如果阻止会导致点击无效
if (dom.id === 'root' || dom.classList?.contains('tb-action')) {
return false;
}
dom = dom.parentNode as Element;

2
packages/plugins/@hera/plugin-core/src/client/components/fields/AssociatedField.tsx
View File

@ -16,7 +16,7 @@ const viewerSchema: ISchema = {
title: '{{ t("View record") }}',
'x-component': 'AssociationField.Viewer',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {

2
packages/plugins/@hera/plugin-core/src/client/schema-initializer/actions/hooks/useCreateActionProps.tsx
View File

@ -32,7 +32,7 @@ const viewerSchema: ISchema = {
title: tval('View record'),
'x-component': pageDetailsViewer,
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
page: {

4
packages/plugins/@hera/plugin-homepage/src/client/HomePageConfiguration.tsx
View File

@ -61,7 +61,7 @@ export const HomePageConfiguration = (props) => {
title: '{{ t("Add record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -337,7 +337,7 @@ export const HomePageConfiguration = (props) => {
title: '{{ t("Edit record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {

18
packages/plugins/@tachybase/plugin-acl/src/client/__e2e__/utils.ts
View File

@ -92,7 +92,7 @@ export const oneTableBlock: PageConfig = {
version: '2.0',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
_isJSONSchemaObject: true,
properties: {
@ -826,7 +826,7 @@ export const oneTableBlock: PageConfig = {
version: '2.0',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
_isJSONSchemaObject: true,
properties: {
@ -1156,7 +1156,7 @@ export const oneTableBlock: PageConfig = {
version: '2.0',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
_isJSONSchemaObject: true,
properties: {
@ -1230,7 +1230,7 @@ export const oneTableBlock: PageConfig = {
version: '2.0',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
_isJSONSchemaObject: true,
properties: {
@ -1819,7 +1819,7 @@ export const oneTableBlock: PageConfig = {
version: '2.0',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
_isJSONSchemaObject: true,
properties: {
@ -2702,7 +2702,7 @@ export const newTableBlock: PageConfig = {
title: '{{t("Bulk edit")}}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -2781,7 +2781,7 @@ export const newTableBlock: PageConfig = {
title: '{{ t("Add record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -2925,7 +2925,7 @@ export const newTableBlock: PageConfig = {
title: '{{ t("View record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -3000,7 +3000,7 @@ export const newTableBlock: PageConfig = {
title: '{{ t("Edit record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {

6
packages/plugins/@tachybase/plugin-acl/src/client/schemas/scopes.ts
View File

@ -57,7 +57,7 @@ export const scopesSchema: ISchema = {
title: '{{ t("Select record") }}',
'x-component': 'RecordPicker.Selector',
'x-component-props': {
className: 'nb-record-picker-selector',
className: 'tb-record-picker-selector',
},
properties: {
tableBlock: {
@ -107,7 +107,7 @@ export const scopesSchema: ISchema = {
title: '{{ t("Add record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
formBlock: {
@ -234,7 +234,7 @@ export const scopesSchema: ISchema = {
title: '{{ t("Edit record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
formBlock: {

2
packages/plugins/@tachybase/plugin-action-bulk-edit/src/client/BulkEditActionInitializer.tsx
View File

@ -20,7 +20,7 @@ export const BulkEditActionInitializer = () => {
title: '{{t("Bulk edit")}}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {

4
packages/plugins/@tachybase/plugin-action-bulk-edit/src/client/__e2e__/utils.ts
View File

@ -227,7 +227,7 @@ export const oneEmptyGantt: PageConfig = {
type: 'void',
'x-component': 'Action.Drawer',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
title: '{{ t("View record") }}',
properties: {
@ -405,7 +405,7 @@ export const oneEmptyTableBlockWithCustomizeActions: PageConfig = {
title: '{{t("Bulk edit")}}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {

2
packages/plugins/@tachybase/plugin-action-bulk-update/src/client/__e2e__/utils.ts
View File

@ -270,7 +270,7 @@ export const oneEmptyGantt: PageConfig = {
type: 'void',
'x-component': 'Action.Drawer',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
title: '{{ t("View record") }}',
properties: {

2
packages/plugins/@tachybase/plugin-action-duplicate/src/client/DuplicateAction.tsx
View File

@ -162,7 +162,7 @@ export const DuplicateAction = observer(
<div>
{isLinkBtn ? (
<a
className="nb-action-link"
className="tb-action-link"
role={props.role}
aria-label={props['aria-label']}
//@ts-ignore

2
packages/plugins/@tachybase/plugin-action-duplicate/src/client/DuplicateActionInitializer.tsx
View File

@ -19,7 +19,7 @@ export const DuplicateActionInitializer = (props) => {
title: '{{ t("Duplicate") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {

4
packages/plugins/@tachybase/plugin-action-duplicate/src/client/__e2e__/utils.ts
View File

@ -227,7 +227,7 @@ export const oneEmptyGantt: PageConfig = {
type: 'void',
'x-component': 'Action.Drawer',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
title: '{{ t("View record") }}',
properties: {
@ -440,7 +440,7 @@ export const oneEmptyTableBlockWithDuplicateActions: PageConfig = {
title: '{{ t("Duplicate") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {

6
packages/plugins/@tachybase/plugin-action-print/src/client/__e2e__/utils.ts
View File

@ -205,7 +205,7 @@ export const oneTableWithViewAction: PageConfig = {
version: '2.0',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
_isJSONSchemaObject: true,
properties: {
@ -476,7 +476,7 @@ export const oneCalenderWithViewAction: PageConfig = {
version: '2.0',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
_isJSONSchemaObject: true,
properties: {
@ -762,7 +762,7 @@ export const oneCalenderWithViewAction: PageConfig = {
version: '2.0',
'x-component': 'Action.Drawer',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
_isJSONSchemaObject: true,
properties: {

4
packages/plugins/@tachybase/plugin-audit-logs/src/client/components/AuditLogsViewActionInitializer.tsx
View File

@ -89,7 +89,7 @@ export const AuditLogsViewActionInitializer = () => {
title: tval('View record'),
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -257,7 +257,7 @@ export const AuditLogsViewActionInitializer = () => {
title: tval('View record'),
'x-component': 'RecordPicker.Viewer',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {

2
packages/plugins/@tachybase/plugin-audit-logs/src/client/deplicated/AuditLogs.tsx
View File

@ -197,7 +197,7 @@ export const AuditLogs: any = () => {
title: tval('View record'),
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
grid: {

2
packages/plugins/@tachybase/plugin-audit-logs/src/client/utils.ts
View File

@ -188,7 +188,7 @@ export const createSchema = () => {
type: 'void',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
title: tval('View record'),
properties: {

2
packages/plugins/@tachybase/plugin-calendar/src/client/__e2e__/templates.ts
View File

@ -145,7 +145,7 @@ export const oneTableWithCalendarCollection: PageConfig = {
title: '{{ t("View record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {

2
packages/plugins/@tachybase/plugin-calendar/src/client/calendar/style.ts
View File

@ -1,6 +1,6 @@
import { genStyleHook } from '@tachybase/client';
export default genStyleHook('nb-calendar', (token) => {
export default genStyleHook('tb-calendar', (token) => {
const { componentCls } = token;
return {

2
packages/plugins/@tachybase/plugin-calendar/src/client/schema-initializer/createCalendarBlockUISchema.ts
View File

@ -55,7 +55,7 @@ export const createCalendarBlockUISchema = (options: {
type: 'void',
'x-component': 'Action.Drawer',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
title: generateNTemplate('View record'),
properties: {

2
packages/plugins/@tachybase/plugin-calendar/src/client/schema-initializer/initializers/CalendarFormActionInitializers.tsx
View File

@ -95,7 +95,7 @@ export const CalendarFormActionInitializers = new SchemaInitializer({
title: generateNTemplate('Popup'),
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {

2
packages/plugins/@tachybase/plugin-comments/src/client/styles.ts
View File

@ -1,6 +1,6 @@
import { genStyleHook } from '@tachybase/client';
export const styles = genStyleHook('nb-comment', (tokens) => {
export const styles = genStyleHook('tb-comment', (tokens) => {
const { componentCls } = tokens;
return {
[componentCls]: {

4
packages/plugins/@tachybase/plugin-data-source-external/src/client/features/rest-api/collection-add/PreviewComponent.tsx
View File

@ -72,12 +72,12 @@ export const PreviewComponent = (props) => {
}, [form.values.fields]);
return (
<div key={uid()} style={{ marginBottom: 'var(--nb-spacing)' }}>
<div key={uid()} style={{ marginBottom: 'var(--tb-spacing)' }}>
{dataSource?.length > 0 && (
<>
<div
className="ant-formily-item-label"
style={{ marginTop: 'var(--nb-spacing)', display: 'flex', padding: '0 0 8px' }}
style={{ marginTop: 'var(--tb-spacing)', display: 'flex', padding: '0 0 8px' }}
>
<div className="ant-formily-item-label-content">
<span>

2
packages/plugins/@tachybase/plugin-data-source-external/src/client/features/rest-api/request-configs/debug-area/Debug.schema.ts
View File

@ -58,7 +58,7 @@ export const useSchemaDebug = () => {
'x-component': 'Action.Modal',
'x-component-props': {
className: cx(
'nb-action-popup',
'tb-action-popup',
css`
.ant-modal-content {
padding: 0;

2
packages/plugins/@tachybase/plugin-data-source-manager/src/client/component/CollectionsManager/schema/collections.ts
View File

@ -309,7 +309,7 @@ export const collectionTableSchema: ISchema = {
role: 'button',
'aria-label': '{{ "delete-button-" + $record.name }}',
type: 'primary',
className: 'nb-action-link',
className: 'tb-action-link',
},
},
},

2
packages/plugins/@tachybase/plugin-data-source-manager/src/client/component/MainDataSourceManager/Configuration/schemas/collections.ts
View File

@ -339,7 +339,7 @@ export const collectionTableSchema: ISchema = {
role: 'button',
'aria-label': '{{ "delete-button-" + $record.name }}',
type: 'primary',
className: 'nb-action-link',
className: 'tb-action-link',
},
},
},

6
packages/plugins/@tachybase/plugin-data-source-manager/src/client/component/PermissionManager/schemas/scopes.ts
View File

@ -61,7 +61,7 @@ export const getScopesSchema = (dataSourceKey) => {
title: '{{ t("Select record") }}',
'x-component': 'RecordPicker.Selector',
'x-component-props': {
className: 'nb-record-picker-selector',
className: 'tb-record-picker-selector',
},
properties: {
tableBlock: {
@ -111,7 +111,7 @@ export const getScopesSchema = (dataSourceKey) => {
title: '{{ t("Add record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
formBlock: {
@ -237,7 +237,7 @@ export const getScopesSchema = (dataSourceKey) => {
title: '{{ t("Edit record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
formBlock: {

2
packages/plugins/@tachybase/plugin-data-visualization/src/client/filter/FilterBlockInitializer.tsx
View File

@ -63,7 +63,7 @@ export const ChartFilterGrid: React.FC = (props) => {
return (
<div
className={css`
.ant-nb-grid {
.ant-tb-grid {
overflow: hidden;
height: ${collapsed ? `${token.controlHeight * 2}px` : 'auto'};
}

2
packages/plugins/@tachybase/plugin-field-markdown-vditor/src/client/components/style.ts
View File

@ -1,6 +1,6 @@
import { genStyleHook } from '@tachybase/client';
export default genStyleHook('nb-field-markdown-vditor', (token) => {
export default genStyleHook('tb-field-markdown-vditor', (token) => {
const { componentCls } = token;
return {

2
packages/plugins/@tachybase/plugin-gantt/src/client/__e2e__/utils.ts
View File

@ -270,7 +270,7 @@ export const oneEmptyGantt: PageConfig = {
type: 'void',
'x-component': 'Action.Drawer',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
title: '{{ t("View record") }}',
properties: {

2
packages/plugins/@tachybase/plugin-gantt/src/client/components/other/tooltip.tsx
View File

@ -122,7 +122,7 @@ export const StandardTooltipContent: React.FC<{
fontFamily,
};
return (
<div className={cx(styles.nbGridOther, styles.tooltipDefaultContainer)} aria-label="nb-gantt-tooltip" style={style}>
<div className={cx(styles.nbGridOther, styles.tooltipDefaultContainer)} aria-label="tb-gantt-tooltip" style={style}>
<b style={{ fontSize: fontSize }}>
{task.name}: {getYmd(task.start)} ~ {getYmd(task.end)}
</b>

2
packages/plugins/@tachybase/plugin-gantt/src/client/createGanttBlockUISchema.tsx
View File

@ -91,7 +91,7 @@ export const createGanttBlockUISchema = (options: {
type: 'void',
'x-component': 'Action.Drawer',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
title: '{{ t("View record") }}',
properties: {

2
packages/plugins/@tachybase/plugin-graph-collection-manager/src/client/style.tsx
View File

@ -221,7 +221,7 @@ const useStyles = createStyles(({ token, css }) => {
`,
collectionListClass: css`
.nb-action-bar {
.tb-action-bar {
float: right;
position: fixed;
margin-top: 24px;

6
packages/plugins/@tachybase/plugin-kanban/src/client/Kanban.Card.tsx
View File

@ -43,7 +43,7 @@ export const KanbanCard: any = observer(
.ant-card-body {
padding: 16px;
}
.nb-row-divider {
.tb-row-divider {
height: 16px;
margin-top: -16px;
&:last-child {
@ -63,8 +63,8 @@ export const KanbanCard: any = observer(
.ant-formily-item {
margin-bottom: 12px;
}
.nb-grid-row:last-of-type {
.nb-grid-col {
.tb-grid-row:last-of-type {
.tb-grid-col {
.tb-form-item:last-of-type {
.ant-formily-item {
margin-bottom: 0;

2
packages/plugins/@tachybase/plugin-kanban/src/client/__e2e__/utils.ts
View File

@ -202,7 +202,7 @@ export const oneEmptyKanbanBlock: PageConfig = {
title: '{{ t("View record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {

2
packages/plugins/@tachybase/plugin-kanban/src/client/createKanbanBlockUISchema.ts
View File

@ -78,7 +78,7 @@ export const createKanbanBlockUISchema = (options: {
title: '{{ t("View record") }}',
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {

2
packages/plugins/@tachybase/plugin-map/src/client/block/createMapBlockUISchema.ts
View File

@ -45,7 +45,7 @@ export const createMapBlockUISchema = (options: {
type: 'void',
'x-component': 'Action.Drawer',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
title: '{{ t("View record") }}',
properties: {

4
packages/plugins/@tachybase/plugin-messages/src/client/components/MessageViewActionInitializer.tsx
View File

@ -62,7 +62,7 @@ export const MessageViewActionInitializer = () => {
title: tval('View record'),
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {
@ -230,7 +230,7 @@ export const MessageViewActionInitializer = () => {
title: tval('View record'),
'x-component': 'RecordPicker.Viewer',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
tabs: {

2
packages/plugins/@tachybase/plugin-messages/src/client/deplicated/Message.tsx
View File

@ -197,7 +197,7 @@ export const Message: any = () => {
title: tval('View record'),
'x-component': 'Action.Container',
'x-component-props': {
className: 'nb-action-popup',
className: 'tb-action-popup',
},
properties: {
grid: {

6
packages/plugins/@tachybase/plugin-mobile-client/src/client/core/schema/components/container/Container.tsx
View File

@ -56,13 +56,13 @@ const InternalContainer: React.FC = (props) => {
return (
<MobileProvider>
<SortableItem eid="nb-mobile-scroll-wrapper" className={cx('nb-mobile-container', styles.mobileContainer)}>
<SortableItem eid="tb-mobile-scroll-wrapper" className={cx('tb-mobile-container', styles.mobileContainer)}>
<Designer></Designer>
<div
style={{
paddingBottom: redirectToUid ? token.paddingLG * 2 : 0,
}}
className="nb-mobile-container-content"
className="tb-mobile-container-content"
>
{redirectToUid ? (
<TabContentComponent />
@ -76,7 +76,7 @@ const InternalContainer: React.FC = (props) => {
)}
</div>
{isTabBarEnabled && (
<div className={cx('nb-mobile-container-tab-bar', styles.tabBar)}>
<div className={cx('tb-mobile-container-tab-bar', styles.tabBar)}>
<SchemaComponent
onlyRenderProperties
filterProperties={(schema) => {

2
packages/plugins/@tachybase/plugin-mobile-client/src/client/core/schema/components/header/Header.tsx
View File

@ -35,7 +35,7 @@ const InternalHeader = (props: HeaderProps) => {
}, [token.colorBgContainer]);
return (
<SortableItem className={cx('nb-mobile-header')} style={style}>
<SortableItem className={cx('tb-mobile-header')} style={style}>
<NavBar backArrow={showBack} onBack={() => navigate(-1)}>
{compiledTitle}
</NavBar>

2
packages/plugins/@tachybase/plugin-mobile-client/src/client/core/schema/components/menu/Menu.Item.tsx
View File

@ -40,7 +40,7 @@ const InternalMenuItem: React.FC<MMenuItemProps> = (props) => {
return (
<SortableItem
className={cx(
'nb-mobile-menu-item',
'tb-mobile-menu-item',
css`
width: 100%;
background: var(--adm-color-background);

2
packages/plugins/@tachybase/plugin-mobile-client/src/client/core/schema/components/menu/Menu.tsx
View File

@ -43,7 +43,7 @@ const InternalMenu: React.FC = (props) => {
};
return (
<SortableItem className={cx('nb-mobile-menu', styles.mobileMenu)}>
<SortableItem className={cx('tb-mobile-menu', styles.mobileMenu)}>
<List>
{designable && (
<List.Item>

Some files were not shown because too many files have changed in this diff Show More