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__'; 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; const { componentCls } = token;
return { return {
[componentCls]: { [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") }}', title: '{{ t("Select record") }}',
'x-component': 'RecordPicker.Selector', 'x-component': 'RecordPicker.Selector',
'x-component-props': { 'x-component-props': {
className: 'nb-record-picker-selector', className: 'tb-record-picker-selector',
}, },
properties: { properties: {
tableBlock: { tableBlock: {
@ -109,7 +109,7 @@ export const scopesSchema: ISchema = {
title: '{{ t("Add record") }}', title: '{{ t("Add record") }}',
'x-component': 'Action.Container', 'x-component': 'Action.Container',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
properties: { properties: {
formBlock: { formBlock: {
@ -236,7 +236,7 @@ export const scopesSchema: ISchema = {
title: '{{ t("Edit record") }}', title: '{{ t("Edit record") }}',
'x-component': 'Action.Container', 'x-component': 'Action.Container',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
properties: { properties: {
formBlock: { formBlock: {

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

@ -341,7 +341,7 @@ const MenuEditor = (props) => {
* 鼠标悬浮在顶部“更多”按钮时显示的子菜单的样式 * 鼠标悬浮在顶部“更多”按钮时显示的子菜单的样式
*/ */
const GlobalStyleForAdminLayout = createGlobalStyle` 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-submenu.ant-menu-submenu-popup {
.ant-menu.ant-menu-sub.ant-menu-vertical { .ant-menu.ant-menu-sub.ant-menu-vertical {
background-color: ${(p) => { background-color: ${(p) => {
@ -387,7 +387,7 @@ const SetThemeOfHeaderSubmenu = ({ children }) => {
useEffect(() => { useEffect(() => {
containerRef.current = document.createElement('div'); 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); document.body.appendChild(containerRef.current);
return () => { 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 navbarHeight = navbar.getBoundingClientRect();
const classId = uid(); const classId = uid();
if (blockElement) { if (blockElement) {
const page = blockElement?.closest('.ant-nb-page '); const page = blockElement?.closest('.ant-tb-page ');
const drawer = blockElement?.closest('.ant-drawer-body'); const drawer = blockElement?.closest('.ant-drawer-body');
const modal = blockElement?.closest('.ant-modal-body'); const modal = blockElement?.closest('.ant-modal-body');
const tabNav = amplifierBlock.querySelector('.ant-tabs-nav'); const tabNav = amplifierBlock.querySelector('.ant-tabs-nav');
@ -154,7 +154,7 @@ const checkedAutoPage = (position, message, t) => {
}; };
const removeNode = ({ gridRow: blockElement, classId }) => { 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 drawer = blockElement?.closest('.ant-drawer-body');
const parentNode = blockElement.parentNode; const parentNode = blockElement.parentNode;
const tabNav = document.querySelector('.ant-tabs-nav'); 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 /> <Spin />
) : ( ) : (
<div <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 }} dangerouslySetInnerHTML={{ __html: error ? '' : htmlWithOutRelativeDirect }}
></div> ></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") }}', title: '{{ t("View record") }}',
'x-component': 'RecordPicker.Viewer', 'x-component': 'RecordPicker.Viewer',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
properties: { properties: {
tabs: { 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") }}', title: '{{ t("Add record") }}',
'x-component': 'Action.Container', 'x-component': 'Action.Container',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
properties: { properties: {
tabs: { 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") }}', title: '{{ t("Add record") }}',
'x-component': 'Action.Container', 'x-component': 'Action.Container',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
properties: { properties: {
tabs: { 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")}}', title: '{{t("Add record")}}',
'x-component': 'Action.Container', 'x-component': 'Action.Container',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
properties: { properties: {
tabs: { 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") }}', title: '{{ t("Edit record") }}',
'x-component': 'Action.Container', 'x-component': 'Action.Container',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
properties: { properties: {
tabs: { 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") }}', title: '{{ t("Popup") }}',
'x-component': 'Action.Container', 'x-component': 'Action.Container',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
properties: { properties: {
tabs: { 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") }}', title: '{{ t("Edit record") }}',
'x-component': 'Action.Container', 'x-component': 'Action.Container',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
properties: { properties: {
tabs: { 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") }}', title: '{{ t("View record") }}',
'x-component': 'Action.Container', 'x-component': 'Action.Container',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
properties: { properties: {
tabs: { 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") }}', title: '{{ t("View record") }}',
'x-component': 'Action.Container', 'x-component': 'Action.Container',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
'x-index': 1, 'x-index': 1,
properties: { properties: {
@ -694,7 +694,7 @@ export const T2174 = {
title: '{{ t("View record") }}', title: '{{ t("View record") }}',
'x-component': 'AssociationField.Viewer', 'x-component': 'AssociationField.Viewer',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
'x-index': 1, 'x-index': 1,
properties: { properties: {
@ -999,7 +999,7 @@ export const T2614: PageConfig = {
title: '{{ t("View record") }}', title: '{{ t("View record") }}',
'x-component': 'Action.Container', 'x-component': 'Action.Container',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
properties: { properties: {
tabs: { tabs: {
@ -1328,7 +1328,7 @@ export const T2614: PageConfig = {
title: '{{ t("Edit record") }}', title: '{{ t("Edit record") }}',
'x-component': 'Action.Container', 'x-component': 'Action.Container',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
properties: { properties: {
tabs: { tabs: {
@ -1803,7 +1803,7 @@ export const T2993: PageConfig = {
title: '{{ t("Add record") }}', title: '{{ t("Add record") }}',
'x-component': 'Action.Container', 'x-component': 'Action.Container',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
properties: { properties: {
tabs: { tabs: {
@ -2385,7 +2385,7 @@ export const T2615: PageConfig = {
title: '{{ t("Add record") }}', title: '{{ t("Add record") }}',
'x-component': 'Action.Container', 'x-component': 'Action.Container',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
properties: { properties: {
tabs: { tabs: {
@ -2666,7 +2666,7 @@ export const T2615: PageConfig = {
title: '{{ t("Edit record") }}', title: '{{ t("Edit record") }}',
'x-component': 'Action.Container', 'x-component': 'Action.Container',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
properties: { properties: {
tabs: { tabs: {
@ -2909,7 +2909,7 @@ export const T2615: PageConfig = {
title: '{{ t("View record") }}', title: '{{ t("View record") }}',
'x-component': 'Action.Container', 'x-component': 'Action.Container',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
properties: { properties: {
tabs: { tabs: {
@ -3293,7 +3293,7 @@ export const T2845: PageConfig = {
title: '{{ t("Add record") }}', title: '{{ t("Add record") }}',
'x-component': 'Action.Container', 'x-component': 'Action.Container',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
'x-index': 1, 'x-index': 1,
properties: { properties: {
@ -3519,7 +3519,7 @@ export const T2845: PageConfig = {
'x-component-props': 'x-component-props':
{ {
className: className:
'nb-action-popup', 'tb-action-popup',
}, },
'x-index': 1, 'x-index': 1,
properties: { properties: {
@ -3618,7 +3618,7 @@ export const T2845: PageConfig = {
'x-component': 'x-component':
'AssociationField.Viewer', 'AssociationField.Viewer',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
'x-index': 2, 'x-index': 2,
properties: { properties: {
@ -3935,7 +3935,7 @@ export const T2845: PageConfig = {
title: '{{ t("Edit record") }}', title: '{{ t("Edit record") }}',
'x-component': 'Action.Container', 'x-component': 'Action.Container',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
'x-index': 1, 'x-index': 1,
properties: { properties: {
@ -4304,7 +4304,7 @@ export const T2845: PageConfig = {
title: '{{ t("View record") }}', title: '{{ t("View record") }}',
'x-component': 'Action.Container', 'x-component': 'Action.Container',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
'x-index': 1, 'x-index': 1,
properties: { properties: {
@ -4801,7 +4801,7 @@ export const T2200 = {
title: '{{ t("Edit record") }}', title: '{{ t("Edit record") }}',
'x-component': 'Action.Container', 'x-component': 'Action.Container',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
properties: { properties: {
tabs: { tabs: {
@ -5822,7 +5822,7 @@ export const T3529: PageConfig = {
title: '{{ t("View record") }}', title: '{{ t("View record") }}',
'x-component': 'Action.Container', 'x-component': 'Action.Container',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
properties: { properties: {
tabs: { 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") }}', title: '{{ t("View record") }}',
'x-component': 'Action.Container', 'x-component': 'Action.Container',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
properties: { properties: {
tabs: { tabs: {
@ -263,7 +263,7 @@ export const tableSelectorDataScopeVariable: PageConfig = {
'{{ t("Select record") }}', '{{ t("Select record") }}',
'x-component-props': { 'x-component-props': {
className: className:
'nb-record-picker-selector', 'tb-record-picker-selector',
}, },
'x-index': 1, 'x-index': 1,
properties: { properties: {
@ -455,7 +455,7 @@ export const tableSelectorDataScopeVariable: PageConfig = {
'x-component-props': 'x-component-props':
{ {
className: className:
'nb-action-popup', 'tb-action-popup',
}, },
properties: 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") }}', title: '{{ t("Duplicate") }}',
'x-component': 'Action.Container', 'x-component': 'Action.Container',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
properties: { properties: {
tabs: { tabs: {
@ -839,7 +839,7 @@ export const T3686: PageConfig = {
title: '{{ t("View record") }}', title: '{{ t("View record") }}',
'x-component': 'Action.Container', 'x-component': 'Action.Container',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
properties: { properties: {
tabs: { tabs: {

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

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

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

@ -1,17 +1,17 @@
import { genStyleHook } from '../__builtins__'; import { genStyleHook } from '../__builtins__';
export const useStyles = genStyleHook('nb-action-drawer', (token) => { export const useStyles = genStyleHook('tb-action-drawer', (token) => {
const { componentCls } = token; const { componentCls } = token;
return { return {
[componentCls]: { [componentCls]: {
overflow: 'hidden', overflow: 'hidden',
'&.reset': { '&.reset': {
'&.nb-action-popup': { '&.tb-action-popup': {
'.ant-drawer-header': { display: 'none' }, '.ant-drawer-header': { display: 'none' },
'.ant-drawer-body': { paddingTop: token.paddingContentVerticalLG, backgroundColor: 'var(--colorBgDrawer)' }, '.ant-drawer-body': { paddingTop: token.paddingContentVerticalLG, backgroundColor: 'var(--colorBgDrawer)' },
}, },
'&.nb-record-picker-selector': { '&.tb-record-picker-selector': {
'.ant-drawer-wrapper-body': { '.ant-drawer-wrapper-body': {
backgroundColor: 'var(--colorBgDrawer)', 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( export const ActionLink: ComposedAction = withDynamicSchemaProps(
observer((props: any) => { observer((props: any) => {
return ( 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' }, { 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 }) => { const useStyles = createStyles(({ css }) => {
return { return {
container: css` container: css`
&.nb-action-popup { &.tb-action-popup {
.ant-modal-header { .ant-modal-header {
display: none; 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 && {containerRef?.current &&
visible && visible &&
createPortal( createPortal(
<div data-testid="action-page" className="nb-action-page"> <div data-testid="action-page" className="tb-action-page">
<RecursionField <RecursionField
basePath={field.address} basePath={field.address}
schema={schema} schema={schema}

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

@ -1,13 +1,13 @@
import { genStyleHook } from '../__builtins__'; import { genStyleHook } from '../__builtins__';
const useStyles = genStyleHook('nb-action', (token) => { const useStyles = genStyleHook('tb-action', (token) => {
const { componentCls } = token; const { componentCls } = token;
return { return {
[componentCls]: { [componentCls]: {
position: 'relative', position: 'relative',
'&:hover': { '> .general-schema-designer': { display: 'block' } }, '&:hover': { '> .general-schema-designer': { display: 'block' } },
'&.nb-action-link': { '&.tb-action-link': {
margin: '-12px', margin: '-12px',
padding: '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} style={buttonStyle}
onClick={handleButtonClick} onClick={handleButtonClick}
component={tarComponent || Button} component={tarComponent || Button}
className={classnames(componentCls, hashId, className, 'nb-action')} className={classnames(componentCls, hashId, className, 'tb-action')}
type={props.type === 'danger' ? undefined : props.type} type={props.type === 'danger' ? undefined : props.type}
> >
{actionTitle} {actionTitle}

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

@ -68,7 +68,7 @@ export const ActionBar = withDynamicSchemaProps(
<div <div
style={{ display: 'flex', alignItems: 'center', gap: 8, ...style }} style={{ display: 'flex', alignItems: 'center', gap: 8, ...style }}
{...others} {...others}
className={cx(others.className, 'nb-action-bar')} className={cx(others.className, 'tb-action-bar')}
> >
{props.children && ( {props.children && (
<div> <div>
@ -101,7 +101,7 @@ export const ActionBar = withDynamicSchemaProps(
} }
} }
{...others} {...others}
className={cx(others.className, 'nb-action-bar')} className={cx(others.className, 'tb-action-bar')}
> >
<div <div
style={{ 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-drawer')).not.toBeInTheDocument();
expect(document.querySelector('.ant-modal')).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 // drawer
await userEvent.click(getByText('Drawer')); await userEvent.click(getByText('Drawer'));
@ -63,7 +63,7 @@ describe('Action', () => {
await waitFor(() => { await waitFor(() => {
expect(document.querySelector('.ant-drawer')).toBeInTheDocument(); expect(document.querySelector('.ant-drawer')).toBeInTheDocument();
expect(document.querySelector('.ant-modal')).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();
}); });
await userEvent.click(getByText('Close')); await userEvent.click(getByText('Close'));
@ -75,7 +75,7 @@ describe('Action', () => {
await waitFor(() => { await waitFor(() => {
expect(document.querySelector('.ant-drawer')).not.toBeInTheDocument(); expect(document.querySelector('.ant-drawer')).not.toBeInTheDocument();
expect(document.querySelector('.ant-modal')).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')); await userEvent.click(getByText('Close'));
@ -87,12 +87,12 @@ describe('Action', () => {
await waitFor(() => { await waitFor(() => {
expect(document.querySelector('.ant-drawer')).not.toBeInTheDocument(); expect(document.querySelector('.ant-drawer')).not.toBeInTheDocument();
expect(document.querySelector('.ant-modal')).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')); await userEvent.click(getByText('Close'));
// TODO: 点击关闭按钮时应该消失 // 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', 'x-action': 'create',
title: '{{ t("Add record") }}', title: '{{ t("Add record") }}',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
properties: { properties: {
tabs: { tabs: {
@ -49,7 +49,7 @@ export default {
'x-component': 'AssociationField.Selector', 'x-component': 'AssociationField.Selector',
title: '{{ t("Select record") }}', title: '{{ t("Select record") }}',
'x-component-props': { 'x-component-props': {
className: 'nb-record-picker-selector', className: 'tb-record-picker-selector',
}, },
properties: { properties: {
grid: { grid: {
@ -91,7 +91,7 @@ export default {
title: '{{ t("View record") }}', title: '{{ t("View record") }}',
'x-component': 'AssociationField.Viewer', 'x-component': 'AssociationField.Viewer',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
properties: { properties: {
tabs: { 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__'; import { genStyleHook } from '../__builtins__';
const useStyles = genStyleHook('nb-association-filter-item', (token) => { const useStyles = genStyleHook('tb-association-filter-item', (token) => {
const { componentCls } = token; const { componentCls } = token;
return { 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__'; import { genStyleHook } from '../__builtins__';
const useStyles = genStyleHook('nb-grid-card', (token) => { const useStyles = genStyleHook('tb-grid-card', (token) => {
const { componentCls } = token; const { componentCls } = token;
return { return {
[componentCls]: { [componentCls]: {
'& > .tb-block-item': { '& > .tb-block-item': {
marginBottom: token.marginLG, marginBottom: token.marginLG,
'& > .nb-action-bar:has(:first-child:not(:empty))': { '& > .tb-action-bar:has(:first-child:not(:empty))': {
padding: token.marginLG, padding: token.marginLG,
background: token.colorBgContainer, 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; padding: 24px 24px 0px;
height: 100%; height: 100%;
} }
.nb-action-bar { .tb-action-bar {
padding: 5px 0; 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, useGridCardActionBarProps,
}} }}
> >
<SortableItem className={cx('nb-card-list', styles.designer)}> <SortableItem className={cx('tb-card-list', styles.designer)}>
<AntdList <AntdList
pagination={ pagination={
!meta || meta.count <= meta.pageSize || needInfiniteScroll !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__'; import { genStyleHook } from '../__builtins__';
const useStyles = genStyleHook('nb-grid', (token) => { const useStyles = genStyleHook('tb-grid', (token) => {
const { componentCls } = token; const { componentCls } = token;
return { return {

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

@ -158,7 +158,7 @@ const ColDivider = (props) => {
dividerRef.current = el; dividerRef.current = el;
} }
}} }}
className={cls('nb-col-divider', 'ColDivider')} className={cls('tb-col-divider', 'ColDivider')}
style={droppableStyle} style={droppableStyle}
> >
<div <div
@ -230,7 +230,7 @@ const RowDivider = (props) => {
}); });
return ( 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 <GridContext.Provider
value={{ ref: gridRef, fieldSchema, renderSchemaInitializer: render, InitializerComponent, showDivider }} 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}> <DndWrapper dndContext={props.dndContext}>
{showDivider ? ( {showDivider ? (
<RowDivider <RowDivider
@ -392,7 +392,7 @@ Grid.Row = observer(
return ( return (
<GridRowContext.Provider value={{ schema: fieldSchema, cols }}> <GridRowContext.Provider value={{ schema: fieldSchema, cols }}>
<div <div
className={cls('nb-grid-row', 'CardRow', { className={cls('tb-grid-row', 'CardRow', {
showDivider, showDivider,
})} })}
> >
@ -504,7 +504,7 @@ Grid.Col = observer(
return ( return (
<GridColContext.Provider value={{ cols, schema }}> <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} {props.children}
</div> </div>
</GridColContext.Provider> </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 ( return (
<div className={'nb-read-pretty-input-number'}> <div className={'tb-read-pretty-input-number'}>
{addonBefore} {addonBefore}
<span dangerouslySetInnerHTML={{ __html: result }} /> <span dangerouslySetInnerHTML={{ __html: result }} />
{addonAfter} {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 }) => { const useStyles = createStyles(({ css }, props: { designable: boolean }) => {
return { return {
item: css` item: css`
.nb-action-bar { .tb-action-bar {
gap: 20px !important; gap: 20px !important;
margin-top: ${props.designable ? '20px' : '0px'}; 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__'; import { genStyleHook } from '../__builtins__';
const useStyles = genStyleHook('nb-list', (token) => { const useStyles = genStyleHook('tb-list', (token) => {
const { componentCls } = token; const { componentCls } = token;
return { return {
[componentCls]: { [componentCls]: {
width: '100%', width: '100%',
marginBottom: 0, marginBottom: 0,
// '.nb-action-bar:not(:empty)': { marginTop: token.marginXS }, // '.tb-action-bar:not(:empty)': { marginTop: token.marginXS },
'&:hover': { '> .general-schema-designer': { display: 'block' } }, '&:hover': { '> .general-schema-designer': { display: 'block' } },
'> .general-schema-designer': { '> .general-schema-designer': {
position: 'absolute', position: 'absolute',

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

@ -60,7 +60,7 @@ const InternalList = (props) => {
useListActionBarProps, useListActionBarProps,
}} }}
> >
<SortableItem className={cx('nb-list', componentCls, hashId)}> <SortableItem className={cx('tb-list', componentCls, hashId)}>
<AntdList <AntdList
{...props} {...props}
pagination={ 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 <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} style={props.style}
dangerouslySetInnerHTML={{ __html: html }} 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 text = convertToText(html);
const value = ( const value = (
<div <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 }} 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__'; import { genStyleHook } from './../__builtins__';
export const useStyles = genStyleHook('nb-markdown', (token, { isDarkTheme }) => { export const useStyles = genStyleHook('tb-markdown', (token, { isDarkTheme }) => {
const { componentCls } = token; const { componentCls } = token;
const colorFillAlterSolid = new TinyColor(token.colorFillAlter) const colorFillAlterSolid = new TinyColor(token.colorFillAlter)
.onBackground(token.colorBgContainer) .onBackground(token.colorBgContainer)
@ -10,7 +10,7 @@ export const useStyles = genStyleHook('nb-markdown', (token, { isDarkTheme }) =>
const defaultStyle: any = { const defaultStyle: any = {
// default style of markdown // default style of markdown
'&.nb-markdown-default': { '&.tb-markdown-default': {
'pre code.hljs': { display: 'block', overflowX: 'auto', padding: '1em' }, 'pre code.hljs': { display: 'block', overflowX: 'auto', padding: '1em' },
'code.hljs': { padding: '3px 5px' }, 'code.hljs': { padding: '3px 5px' },
':not(pre) code': { ':not(pre) code': {
@ -55,7 +55,7 @@ export const useStyles = genStyleHook('nb-markdown', (token, { isDarkTheme }) =>
}, },
// table style of markdown // table style of markdown
'&.nb-markdown-table': { '&.tb-markdown-table': {
table: { table: {
borderCollapse: 'collapse', borderCollapse: 'collapse',
width: '100%', width: '100%',
@ -80,7 +80,7 @@ export const useStyles = genStyleHook('nb-markdown', (token, { isDarkTheme }) =>
const darkStyle: any = { const darkStyle: any = {
// default style of markdown // default style of markdown
'&.nb-markdown-default': { '&.tb-markdown-default': {
'pre code.hljs': { display: 'block', overflowX: 'auto', padding: '1em' }, 'pre code.hljs': { display: 'block', overflowX: 'auto', padding: '1em' },
'code.hljs': { padding: '3px 5px' }, 'code.hljs': { padding: '3px 5px' },
':not(pre) code': { ':not(pre) code': {
@ -118,7 +118,7 @@ export const useStyles = genStyleHook('nb-markdown', (token, { isDarkTheme }) =>
}, },
// table style of markdown // table style of markdown
'&.nb-markdown-table': { '&.tb-markdown-table': {
table: { table: {
borderCollapse: 'collapse', borderCollapse: 'collapse',
width: '100%', 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; display: block;
} }
} }
&.nb-action-link { &.tb-action-link {
> .general-schema-designer { > .general-schema-designer {
top: -10px; top: -10px;
bottom: -10px; bottom: -10px;
@ -69,7 +69,7 @@ export const useStyles = createStyles(({ css, token }) => {
display: block; display: block;
} }
} }
&.nb-action-link { &.tb-action-link {
> .general-schema-designer { > .general-schema-designer {
top: -10px; top: -10px;
bottom: -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}</>; if (!fixedBlock && fixedBlockUID) return <>{props.children}</>;
return ( return (
<div <div
className="nb-fixed-block" className="tb-fixed-block"
style={{ style={{
height: fixedBlockUID ? `calc(100vh - ${height})` : undefined, 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 <SortableItem
id={schema.name as string} id={schema.name as string}
schema={schema} 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']} />} {schema['x-icon'] && <Icon style={{ marginRight: 8 }} type={schema['x-icon']} />}
<span>{schema.title || t('Unnamed')}</span> <span>{schema.title || t('Unnamed')}</span>
@ -179,7 +179,7 @@ export const Page = (props) => {
/> />
)} )}
</div> </div>
<div className="nb-page-wrapper"> <div className="tb-page-wrapper">
<ErrorBoundary FallbackComponent={ErrorFallback} onError={handleErrors}> <ErrorBoundary FallbackComponent={ErrorFallback} onError={handleErrors}>
{PageContent(loading, disablePageHeader, enablePageTabs, fieldSchema, activeKey, height, props)} {PageContent(loading, disablePageHeader, enablePageTabs, fieldSchema, activeKey, height, props)}
</ErrorBoundary> </ErrorBoundary>
@ -226,7 +226,7 @@ function PageContent(
}) })
) : ( ) : (
<FixedBlock height={`calc(${height}px + 46px + ${token.marginLG}px * 2)`}> <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> </FixedBlock>
); );
} }

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

@ -1,6 +1,6 @@
import { genStyleHook } from './../__builtins__'; import { genStyleHook } from './../__builtins__';
export const useStyles = genStyleHook('nb-page', (token) => { export const useStyles = genStyleHook('tb-page', (token) => {
const { componentCls } = token; const { componentCls } = token;
return { return {
@ -67,7 +67,7 @@ export const useStyles = genStyleHook('nb-page', (token) => {
'.designerCss': { '.designerCss': {
position: 'relative', position: 'relative',
'&:hover': { '> .general-schema-designer': { display: 'block' } }, '&:hover': { '> .general-schema-designer': { display: 'block' } },
'&.nb-action-link': { '&.tb-action-link': {
'> .general-schema-designer': { '> .general-schema-designer': {
top: '-10px', top: '-10px',
bottom: '-10px', bottom: '-10px',
@ -105,12 +105,12 @@ export const useStyles = genStyleHook('nb-page', (token) => {
'.pageWithFixedBlockCss': { '.pageWithFixedBlockCss': {
height: '100%', height: '100%',
'> .nb-grid:not(:last-child)': { '> .tb-grid:not(:last-child)': {
'> .nb-schema-initializer-button': { display: 'none' }, '> .tb-schema-initializer-button': { display: 'none' },
}, },
}, },
'.nb-page-wrapper': { '.tb-page-wrapper': {
margin: token.marginLG, margin: token.marginLG,
flex: 1, 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( return wrapSSR(
<div> <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`)}> <div className={cls(`${prefixCls}-list`, `${prefixCls}-list-picture-card`)}>
{list.map((file) => { {list.map((file) => {
const handleClick = (e) => { 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") }}', title: '{{ t("Select record") }}',
'x-component': 'RecordPicker.Selector', 'x-component': 'RecordPicker.Selector',
'x-component-props': { 'x-component-props': {
className: 'nb-record-picker-selector', className: 'tb-record-picker-selector',
}, },
properties: { properties: {
tableBlock: { 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) 2014, Jason Chen
* Copyright (c) 2013, salesforce.com * Copyright (c) 2013, salesforce.com
*/ */
export const useStyles = genStyleHook('nb-rich-text', (token) => { export const useStyles = genStyleHook('tb-rich-text', (token) => {
const { componentCls } = token; const { componentCls } = token;
return { 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` toolbar: css`
// 扩大 SchemaToolbar 的面积 // 扩大 SchemaToolbar 的面积
.nb-action-link { .tb-action-link {
margin: -${token.paddingContentVerticalLG}px -${token.marginSM}px; margin: -${token.paddingContentVerticalLG}px -${token.marginSM}px;
padding: ${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` bodyCell: css`
max-width: 300px; max-width: 300px;
white-space: nowrap; white-space: nowrap;
.nb-read-pretty-input-number { .tb-read-pretty-input-number {
text-align: right; text-align: right;
} }
.ant-color-picker-trigger { .ant-color-picker-trigger {
@ -80,21 +80,21 @@ export const useStyles = createStyles(({ css, token }) => {
align-items: center; align-items: center;
justify-content: space-evenly; justify-content: space-evenly;
padding-right: 8px; padding-right: 8px;
.nb-table-index { .tb-table-index {
opacity: 0; opacity: 0;
} }
&:not(.checked) { &:not(.checked) {
.nb-table-index { .tb-table-index {
opacity: 1; opacity: 1;
} }
} }
`, `,
rowSelectHover: css` rowSelectHover: css`
&:hover { &:hover {
.nb-table-index { .tb-table-index {
opacity: 0; opacity: 0;
} }
.nb-origin-node { .tb-origin-node {
display: block; 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 TableIndex = (props) => {
const { index, ...otherProps } = props; const { index, ...otherProps } = props;
return ( 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} {index}
</div> </div>
); );
@ -432,7 +432,7 @@ export const Table: any = withDynamicSchemaProps(
{showIndex && <TableIndex index={index} />} {showIndex && <TableIndex index={index} />}
</div> </div>
{isRowSelect && ( {isRowSelect && (
<div className={classNames('nb-origin-node', checked ? 'checked' : null, styles.cellCheckedNode)}> <div className={classNames('tb-origin-node', checked ? 'checked' : null, styles.cellCheckedNode)}>
{originNode} {originNode}
</div> </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; align-items: center;
justify-content: space-evenly; justify-content: space-evenly;
padding-right: 8px; padding-right: 8px;
.nb-table-index { .tb-table-index {
opacity: 0; opacity: 0;
} }
&:not(.checked) { &:not(.checked) {
.nb-table-index { .tb-table-index {
opacity: 1; opacity: 1;
} }
} }
&:hover { &:hover {
.nb-table-index { .tb-table-index {
opacity: 0; opacity: 0;
} }
.nb-origin-node { .tb-origin-node {
display: block; display: block;
} }
} }
@ -159,7 +159,7 @@ const SortHandle = (props) => {
const TableIndex = (props) => { const TableIndex = (props) => {
const { index, ...otherProps } = props; const { index, ...otherProps } = props;
return ( 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} {index + 1}
</div> </div>
); );
@ -250,7 +250,7 @@ export const TableArray: React.FC<any> = observer(
<TableIndex role="button" aria-label={`table-index-${record?.name || index}`} index={index} /> <TableIndex role="button" aria-label={`table-index-${record?.name || index}`} index={index} />
)} )}
</div> </div>
<div className={classNames('nb-origin-node', checked ? 'checked' : null, styles.node)}> <div className={classNames('tb-origin-node', checked ? 'checked' : null, styles.node)}>
{originNode} {originNode}
</div> </div>
</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; display: block;
} }
} }
&.nb-action-link { &.tb-action-link {
> .general-schema-designer { > .general-schema-designer {
top: -10px; top: -10px;
bottom: -10px; bottom: -10px;
@ -108,7 +108,7 @@ Tabs.TabPane = observer(
const Designer = useDesigner(); const Designer = useDesigner();
const field = useField(); const field = useField();
return ( 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} {props.icon && <Icon style={{ marginRight: 2 }} type={props.icon} />} {props.tab || field.title}
<Designer /> <Designer />
</SortableItem> </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( className={cls(
`${prefixCls}-wrapper`, `${prefixCls}-wrapper`,
`${prefixCls}-picture-card-wrapper`, `${prefixCls}-picture-card-wrapper`,
`nb-upload`, `tb-upload`,
size ? `nb-upload-${size}` : null, size ? `tb-upload-${size}` : null,
hashId, 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( return wrapSSR(
<div> <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`)}> <div className={cls(`${prefixCls}-list`, `${prefixCls}-list-picture-card`)}>
{fileList.map((file, index) => { {fileList.map((file, index) => {
const fileProps = { 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 { return {
[`${componentCls}-wrapper`]: { [`${componentCls}-wrapper`]: {
'&.nb-upload-small': { '&.tb-upload-small': {
[`${componentCls}-list-picture-card-container${componentCls}-list-picture-card-container`]: { [`${componentCls}-list-picture-card-container${componentCls}-list-picture-card-container`]: {
margin: '0 3px 3px 0 !important', margin: '0 3px 3px 0 !important',
height: '32px !important', height: '32px !important',
@ -20,7 +20,7 @@ export const useStyles = genStyleHook('upload', (token) => {
padding: '1px !important', padding: '1px !important',
}, },
}, },
'&.nb-upload-large': { '&.tb-upload-large': {
[`${componentCls}-list-picture-card-container${componentCls}-list-picture-card-container`]: { [`${componentCls}-list-picture-card-container${componentCls}-list-picture-card-container`]: {
margin: '0 3px 3px 0 !important', margin: '0 3px 3px 0 !important',
height: '160px !important', height: '160px !important',
@ -28,7 +28,7 @@ export const useStyles = genStyleHook('upload', (token) => {
marginBlock: '0 28px !important', marginBlock: '0 28px !important',
}, },
}, },
'&.nb-upload': { '&.tb-upload': {
[`${componentCls}-list-item${componentCls}-list-item-list-type-picture-card`]: { [`${componentCls}-list-item${componentCls}-list-item-list-type-picture-card`]: {
padding: '3px !important', 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__'; import { genStyleHook } from '../__builtins__';
const useStyles = genStyleHook('nb-variable-select', (token) => { const useStyles = genStyleHook('tb-variable-select', (token) => {
const { componentCls } = token; const { componentCls } = token;
return { 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', role: 'none',
...others, ...others,
className: cx('nb-sortable-designer', props.className), className: cx('tb-sortable-designer', props.className),
ref: setNodeRef, ref: setNodeRef,
style: droppableStyle, 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', 'x-component': 'AssociationField.Selector',
title: '{{ t("Select record") }}', title: '{{ t("Select record") }}',
'x-component-props': { 'x-component-props': {
className: 'nb-record-picker-selector', className: 'tb-record-picker-selector',
}, },
properties: { properties: {
grid: { 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") }}', title: '{{ t("Edit record") }}',
'x-component': 'Action.Container', 'x-component': 'Action.Container',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
properties: { properties: {
form: { form: {

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

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

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

@ -5,8 +5,8 @@
export const isPortalInBody = (dom: Element) => { export const isPortalInBody = (dom: Element) => {
while (dom) { while (dom) {
// 如果有 `nb-action` 类名，说明是一个 Action 按钮，其本身已经阻止了冒泡，不需要再次阻止，如果阻止会导致点击无效 // 如果有 `tb-action` 类名，说明是一个 Action 按钮，其本身已经阻止了冒泡，不需要再次阻止，如果阻止会导致点击无效
if (dom.id === 'root' || dom.classList?.contains('nb-action')) { if (dom.id === 'root' || dom.classList?.contains('tb-action')) {
return false; return false;
} }
dom = dom.parentNode as Element; 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") }}', title: '{{ t("View record") }}',
'x-component': 'AssociationField.Viewer', 'x-component': 'AssociationField.Viewer',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
properties: { properties: {
tabs: { 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'), title: tval('View record'),
'x-component': pageDetailsViewer, 'x-component': pageDetailsViewer,
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
properties: { properties: {
page: { 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") }}', title: '{{ t("Add record") }}',
'x-component': 'Action.Container', 'x-component': 'Action.Container',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
properties: { properties: {
tabs: { tabs: {
@ -337,7 +337,7 @@ export const HomePageConfiguration = (props) => {
title: '{{ t("Edit record") }}', title: '{{ t("Edit record") }}',
'x-component': 'Action.Container', 'x-component': 'Action.Container',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
properties: { properties: {
tabs: { 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', version: '2.0',
'x-component': 'Action.Container', 'x-component': 'Action.Container',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
_isJSONSchemaObject: true, _isJSONSchemaObject: true,
properties: { properties: {
@ -826,7 +826,7 @@ export const oneTableBlock: PageConfig = {
version: '2.0', version: '2.0',
'x-component': 'Action.Container', 'x-component': 'Action.Container',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
_isJSONSchemaObject: true, _isJSONSchemaObject: true,
properties: { properties: {
@ -1156,7 +1156,7 @@ export const oneTableBlock: PageConfig = {
version: '2.0', version: '2.0',
'x-component': 'Action.Container', 'x-component': 'Action.Container',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
_isJSONSchemaObject: true, _isJSONSchemaObject: true,
properties: { properties: {
@ -1230,7 +1230,7 @@ export const oneTableBlock: PageConfig = {
version: '2.0', version: '2.0',
'x-component': 'Action.Container', 'x-component': 'Action.Container',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
_isJSONSchemaObject: true, _isJSONSchemaObject: true,
properties: { properties: {
@ -1819,7 +1819,7 @@ export const oneTableBlock: PageConfig = {
version: '2.0', version: '2.0',
'x-component': 'Action.Container', 'x-component': 'Action.Container',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
_isJSONSchemaObject: true, _isJSONSchemaObject: true,
properties: { properties: {
@ -2702,7 +2702,7 @@ export const newTableBlock: PageConfig = {
title: '{{t("Bulk edit")}}', title: '{{t("Bulk edit")}}',
'x-component': 'Action.Container', 'x-component': 'Action.Container',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
properties: { properties: {
tabs: { tabs: {
@ -2781,7 +2781,7 @@ export const newTableBlock: PageConfig = {
title: '{{ t("Add record") }}', title: '{{ t("Add record") }}',
'x-component': 'Action.Container', 'x-component': 'Action.Container',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
properties: { properties: {
tabs: { tabs: {
@ -2925,7 +2925,7 @@ export const newTableBlock: PageConfig = {
title: '{{ t("View record") }}', title: '{{ t("View record") }}',
'x-component': 'Action.Container', 'x-component': 'Action.Container',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
properties: { properties: {
tabs: { tabs: {
@ -3000,7 +3000,7 @@ export const newTableBlock: PageConfig = {
title: '{{ t("Edit record") }}', title: '{{ t("Edit record") }}',
'x-component': 'Action.Container', 'x-component': 'Action.Container',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
properties: { properties: {
tabs: { 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") }}', title: '{{ t("Select record") }}',
'x-component': 'RecordPicker.Selector', 'x-component': 'RecordPicker.Selector',
'x-component-props': { 'x-component-props': {
className: 'nb-record-picker-selector', className: 'tb-record-picker-selector',
}, },
properties: { properties: {
tableBlock: { tableBlock: {
@ -107,7 +107,7 @@ export const scopesSchema: ISchema = {
title: '{{ t("Add record") }}', title: '{{ t("Add record") }}',
'x-component': 'Action.Container', 'x-component': 'Action.Container',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
properties: { properties: {
formBlock: { formBlock: {
@ -234,7 +234,7 @@ export const scopesSchema: ISchema = {
title: '{{ t("Edit record") }}', title: '{{ t("Edit record") }}',
'x-component': 'Action.Container', 'x-component': 'Action.Container',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
properties: { properties: {
formBlock: { 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")}}', title: '{{t("Bulk edit")}}',
'x-component': 'Action.Container', 'x-component': 'Action.Container',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
properties: { properties: {
tabs: { 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', type: 'void',
'x-component': 'Action.Drawer', 'x-component': 'Action.Drawer',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
title: '{{ t("View record") }}', title: '{{ t("View record") }}',
properties: { properties: {
@ -405,7 +405,7 @@ export const oneEmptyTableBlockWithCustomizeActions: PageConfig = {
title: '{{t("Bulk edit")}}', title: '{{t("Bulk edit")}}',
'x-component': 'Action.Container', 'x-component': 'Action.Container',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
properties: { properties: {
tabs: { 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', type: 'void',
'x-component': 'Action.Drawer', 'x-component': 'Action.Drawer',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
title: '{{ t("View record") }}', title: '{{ t("View record") }}',
properties: { properties: {

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

@ -162,7 +162,7 @@ export const DuplicateAction = observer(
<div> <div>
{isLinkBtn ? ( {isLinkBtn ? (
<a <a
className="nb-action-link" className="tb-action-link"
role={props.role} role={props.role}
aria-label={props['aria-label']} aria-label={props['aria-label']}
//@ts-ignore //@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") }}', title: '{{ t("Duplicate") }}',
'x-component': 'Action.Container', 'x-component': 'Action.Container',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
properties: { properties: {
tabs: { 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', type: 'void',
'x-component': 'Action.Drawer', 'x-component': 'Action.Drawer',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
title: '{{ t("View record") }}', title: '{{ t("View record") }}',
properties: { properties: {
@ -440,7 +440,7 @@ export const oneEmptyTableBlockWithDuplicateActions: PageConfig = {
title: '{{ t("Duplicate") }}', title: '{{ t("Duplicate") }}',
'x-component': 'Action.Container', 'x-component': 'Action.Container',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
properties: { properties: {
tabs: { 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', version: '2.0',
'x-component': 'Action.Container', 'x-component': 'Action.Container',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
_isJSONSchemaObject: true, _isJSONSchemaObject: true,
properties: { properties: {
@ -476,7 +476,7 @@ export const oneCalenderWithViewAction: PageConfig = {
version: '2.0', version: '2.0',
'x-component': 'Action.Container', 'x-component': 'Action.Container',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
_isJSONSchemaObject: true, _isJSONSchemaObject: true,
properties: { properties: {
@ -762,7 +762,7 @@ export const oneCalenderWithViewAction: PageConfig = {
version: '2.0', version: '2.0',
'x-component': 'Action.Drawer', 'x-component': 'Action.Drawer',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
_isJSONSchemaObject: true, _isJSONSchemaObject: true,
properties: { 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'), title: tval('View record'),
'x-component': 'Action.Container', 'x-component': 'Action.Container',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
properties: { properties: {
tabs: { tabs: {
@ -257,7 +257,7 @@ export const AuditLogsViewActionInitializer = () => {
title: tval('View record'), title: tval('View record'),
'x-component': 'RecordPicker.Viewer', 'x-component': 'RecordPicker.Viewer',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
properties: { properties: {
tabs: { 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'), title: tval('View record'),
'x-component': 'Action.Container', 'x-component': 'Action.Container',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
properties: { properties: {
grid: { grid: {

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

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

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

@ -1,6 +1,6 @@
import { genStyleHook } from '@tachybase/client'; import { genStyleHook } from '@tachybase/client';
export default genStyleHook('nb-calendar', (token) => { export default genStyleHook('tb-calendar', (token) => {
const { componentCls } = token; const { componentCls } = token;
return { 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', type: 'void',
'x-component': 'Action.Drawer', 'x-component': 'Action.Drawer',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
title: generateNTemplate('View record'), title: generateNTemplate('View record'),
properties: { 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'), title: generateNTemplate('Popup'),
'x-component': 'Action.Container', 'x-component': 'Action.Container',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
properties: { properties: {
tabs: { tabs: {

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

@ -1,6 +1,6 @@
import { genStyleHook } from '@tachybase/client'; import { genStyleHook } from '@tachybase/client';
export const styles = genStyleHook('nb-comment', (tokens) => { export const styles = genStyleHook('tb-comment', (tokens) => {
const { componentCls } = tokens; const { componentCls } = tokens;
return { return {
[componentCls]: { [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]); }, [form.values.fields]);
return ( return (
<div key={uid()} style={{ marginBottom: 'var(--nb-spacing)' }}> <div key={uid()} style={{ marginBottom: 'var(--tb-spacing)' }}>
{dataSource?.length > 0 && ( {dataSource?.length > 0 && (
<> <>
<div <div
className="ant-formily-item-label" 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"> <div className="ant-formily-item-label-content">
<span> <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': 'Action.Modal',
'x-component-props': { 'x-component-props': {
className: cx( className: cx(
'nb-action-popup', 'tb-action-popup',
css` css`
.ant-modal-content { .ant-modal-content {
padding: 0; 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', role: 'button',
'aria-label': '{{ "delete-button-" + $record.name }}', 'aria-label': '{{ "delete-button-" + $record.name }}',
type: 'primary', 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', role: 'button',
'aria-label': '{{ "delete-button-" + $record.name }}', 'aria-label': '{{ "delete-button-" + $record.name }}',
type: 'primary', 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") }}', title: '{{ t("Select record") }}',
'x-component': 'RecordPicker.Selector', 'x-component': 'RecordPicker.Selector',
'x-component-props': { 'x-component-props': {
className: 'nb-record-picker-selector', className: 'tb-record-picker-selector',
}, },
properties: { properties: {
tableBlock: { tableBlock: {
@ -111,7 +111,7 @@ export const getScopesSchema = (dataSourceKey) => {
title: '{{ t("Add record") }}', title: '{{ t("Add record") }}',
'x-component': 'Action.Container', 'x-component': 'Action.Container',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
properties: { properties: {
formBlock: { formBlock: {
@ -237,7 +237,7 @@ export const getScopesSchema = (dataSourceKey) => {
title: '{{ t("Edit record") }}', title: '{{ t("Edit record") }}',
'x-component': 'Action.Container', 'x-component': 'Action.Container',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
properties: { properties: {
formBlock: { 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 ( return (
<div <div
className={css` className={css`
.ant-nb-grid { .ant-tb-grid {
overflow: hidden; overflow: hidden;
height: ${collapsed ? `${token.controlHeight * 2}px` : 'auto'}; 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'; import { genStyleHook } from '@tachybase/client';
export default genStyleHook('nb-field-markdown-vditor', (token) => { export default genStyleHook('tb-field-markdown-vditor', (token) => {
const { componentCls } = token; const { componentCls } = token;
return { return {

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

@ -270,7 +270,7 @@ export const oneEmptyGantt: PageConfig = {
type: 'void', type: 'void',
'x-component': 'Action.Drawer', 'x-component': 'Action.Drawer',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
title: '{{ t("View record") }}', title: '{{ t("View record") }}',
properties: { 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, fontFamily,
}; };
return ( 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 }}> <b style={{ fontSize: fontSize }}>
{task.name}: {getYmd(task.start)} ~ {getYmd(task.end)} {task.name}: {getYmd(task.start)} ~ {getYmd(task.end)}
</b> </b>

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

@ -91,7 +91,7 @@ export const createGanttBlockUISchema = (options: {
type: 'void', type: 'void',
'x-component': 'Action.Drawer', 'x-component': 'Action.Drawer',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
title: '{{ t("View record") }}', title: '{{ t("View record") }}',
properties: { 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` collectionListClass: css`
.nb-action-bar { .tb-action-bar {
float: right; float: right;
position: fixed; position: fixed;
margin-top: 24px; 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 { .ant-card-body {
padding: 16px; padding: 16px;
} }
.nb-row-divider { .tb-row-divider {
height: 16px; height: 16px;
margin-top: -16px; margin-top: -16px;
&:last-child { &:last-child {
@ -63,8 +63,8 @@ export const KanbanCard: any = observer(
.ant-formily-item { .ant-formily-item {
margin-bottom: 12px; margin-bottom: 12px;
} }
.nb-grid-row:last-of-type { .tb-grid-row:last-of-type {
.nb-grid-col { .tb-grid-col {
.tb-form-item:last-of-type { .tb-form-item:last-of-type {
.ant-formily-item { .ant-formily-item {
margin-bottom: 0; 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") }}', title: '{{ t("View record") }}',
'x-component': 'Action.Container', 'x-component': 'Action.Container',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
properties: { properties: {
tabs: { 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") }}', title: '{{ t("View record") }}',
'x-component': 'Action.Container', 'x-component': 'Action.Container',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
properties: { properties: {
tabs: { tabs: {

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

@ -45,7 +45,7 @@ export const createMapBlockUISchema = (options: {
type: 'void', type: 'void',
'x-component': 'Action.Drawer', 'x-component': 'Action.Drawer',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
title: '{{ t("View record") }}', title: '{{ t("View record") }}',
properties: { 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'), title: tval('View record'),
'x-component': 'Action.Container', 'x-component': 'Action.Container',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
properties: { properties: {
tabs: { tabs: {
@ -230,7 +230,7 @@ export const MessageViewActionInitializer = () => {
title: tval('View record'), title: tval('View record'),
'x-component': 'RecordPicker.Viewer', 'x-component': 'RecordPicker.Viewer',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
properties: { properties: {
tabs: { 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'), title: tval('View record'),
'x-component': 'Action.Container', 'x-component': 'Action.Container',
'x-component-props': { 'x-component-props': {
className: 'nb-action-popup', className: 'tb-action-popup',
}, },
properties: { properties: {
grid: { 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 ( return (
<MobileProvider> <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> <Designer></Designer>
<div <div
style={{ style={{
paddingBottom: redirectToUid ? token.paddingLG * 2 : 0, paddingBottom: redirectToUid ? token.paddingLG * 2 : 0,
}} }}
className="nb-mobile-container-content" className="tb-mobile-container-content"
> >
{redirectToUid ? ( {redirectToUid ? (
<TabContentComponent /> <TabContentComponent />
@ -76,7 +76,7 @@ const InternalContainer: React.FC = (props) => {
)} )}
</div> </div>
{isTabBarEnabled && ( {isTabBarEnabled && (
<div className={cx('nb-mobile-container-tab-bar', styles.tabBar)}> <div className={cx('tb-mobile-container-tab-bar', styles.tabBar)}>
<SchemaComponent <SchemaComponent
onlyRenderProperties onlyRenderProperties
filterProperties={(schema) => { 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]); }, [token.colorBgContainer]);
return ( return (
<SortableItem className={cx('nb-mobile-header')} style={style}> <SortableItem className={cx('tb-mobile-header')} style={style}>
<NavBar backArrow={showBack} onBack={() => navigate(-1)}> <NavBar backArrow={showBack} onBack={() => navigate(-1)}>
{compiledTitle} {compiledTitle}
</NavBar> </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 ( return (
<SortableItem <SortableItem
className={cx( className={cx(
'nb-mobile-menu-item', 'tb-mobile-menu-item',
css` css`
width: 100%; width: 100%;
background: var(--adm-color-background); 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 ( return (
<SortableItem className={cx('nb-mobile-menu', styles.mobileMenu)}> <SortableItem className={cx('tb-mobile-menu', styles.mobileMenu)}>
<List> <List>
{designable && ( {designable && (
<List.Item> <List.Item>

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