@nocobase/plugin-theme-editor 0.11.1-alpha.4 → 0.12.0-alpha.1

package/src/client/antd-token-previewer/component-demos/input/warning.tsx

@@ -1,15 +0,0 @@
-import { Input } from 'antd';
-import React from 'react';
-import type { ComponentDemo } from '../../interface';
-
-function onChange() {}
-
-const Demo = () => <Input status={'warning'} defaultValue={3} onChange={onChange} />;
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorWarning', 'colorWarningBorder', 'colorWarningHover', 'colorWarningOutline'],
-  key: 'warning',
-};
-
-export default componentDemo;

package/src/client/antd-token-previewer/component-demos/input/withAddon.tsx

@@ -1,13 +0,0 @@
-import { Input } from 'antd';
-import React from 'react';
-import type { ComponentDemo } from '../../interface';
-
-const Demo = () => <Input addonBefore="http://" addonAfter=".com" defaultValue="mysite" />;
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorFillAlter'],
-  key: 'withAddon',
-};
-
-export default componentDemo;

package/src/client/antd-token-previewer/component-demos/inputNumber/danger.tsx

@@ -1,15 +0,0 @@
-import { InputNumber } from 'antd';
-import React from 'react';
-import type { ComponentDemo } from '../../interface';
-
-function onChange() {}
-
-const Demo = () => <InputNumber status={'error'} min={1} max={10} defaultValue={3} onChange={onChange} />;
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorErrorBorder', 'colorErrorOutline', 'colorErrorHover', 'colorError'],
-  key: 'danger',
-};
-
-export default componentDemo;

package/src/client/antd-token-previewer/component-demos/inputNumber/disabled.tsx

@@ -1,13 +0,0 @@
-import { InputNumber } from 'antd';
-import React from 'react';
-
-import type { ComponentDemo } from '../../interface';
-
-const Demo = () => <InputNumber min={1} max={10} defaultValue={3} disabled />;
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorBgContainerDisabled'],
-  key: 'disabled',
-};
-
-export default componentDemo;

package/src/client/antd-token-previewer/component-demos/inputNumber/index.ts

@@ -1,10 +0,0 @@
-import danger from './danger';
-import disabled from './disabled';
-import Default from './inputNumber';
-import warning from './warning';
-
-import type { ComponentDemo } from '../../interface';
-
-const previewerDemo: ComponentDemo[] = [Default, danger, warning, disabled];
-
-export default previewerDemo;

package/src/client/antd-token-previewer/component-demos/inputNumber/inputNumber.tsx

@@ -1,14 +0,0 @@
-import { InputNumber } from 'antd';
-import React from 'react';
-import type { ComponentDemo } from '../../interface';
-
-function onChange() {}
-const Demo = () => <InputNumber min={1} max={10} defaultValue={3} onChange={onChange} />;
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorPrimaryBorder', 'controlOutline', 'colorPrimaryHover', 'colorPrimary', 'colorBgContainer'],
-  key: 'default',
-};
-
-export default componentDemo;

package/src/client/antd-token-previewer/component-demos/inputNumber/warning.tsx

@@ -1,15 +0,0 @@
-import { InputNumber } from 'antd';
-import React from 'react';
-import type { ComponentDemo } from '../../interface';
-
-function onChange() {}
-
-const Demo = () => <InputNumber status={'warning'} min={1} max={10} defaultValue={3} onChange={onChange} />;
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorWarning', 'colorWarningBorder', 'colorWarningOutline', 'colorWarningHover'],
-  key: 'warning',
-};
-
-export default componentDemo;

package/src/client/antd-token-previewer/component-demos/list/index.ts

@@ -1,7 +0,0 @@
-import Default from './list';
-
-import type { ComponentDemo } from '../../interface';
-
-const previewerDemo: ComponentDemo[] = [Default];
-
-export default previewerDemo;

package/src/client/antd-token-previewer/component-demos/list/list.tsx

@@ -1,33 +0,0 @@
-import { Avatar, List } from 'antd';
-import React from 'react';
-import type { ComponentDemo } from '../../interface';
-
-const data = [
-  { title: 'Ant Design Title 1' },
-  { title: 'Ant Design Title 2' },
-  { title: 'Ant Design Title 3' },
-  { title: 'Ant Design Title 4' },
-];
-const Demo = () => (
-  <List
-    itemLayout="horizontal"
-    dataSource={data}
-    renderItem={(item) => (
-      <List.Item>
-        <List.Item.Meta
-          avatar={<Avatar src="https://joeschmoe.io/api/v1/random" />}
-          title={<a href="https://ant.design">{item.title}</a>}
-          description="Ant Design, a design language for background applications, is refined by Ant UED Team"
-        />
-      </List.Item>
-    )}
-  />
-);
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: [],
-  key: 'default',
-};
-
-export default componentDemo;

package/src/client/antd-token-previewer/component-demos/mentions/danger.tsx

@@ -1,23 +0,0 @@
-import { Mentions } from 'antd';
-import React from 'react';
-import type { ComponentDemo } from '../../interface';
-
-const { Option } = Mentions;
-function onChange() {}
-function onSelect() {}
-
-const Demo = () => (
-  <Mentions style={{ width: '100%' }} onChange={onChange} onSelect={onSelect} status={'error'} defaultValue="@afc163">
-    <Option value="afc163">afc163</Option>
-    <Option value="zombieJ">zombieJ</Option>
-    <Option value="yesmeck">yesmeck</Option>
-  </Mentions>
-);
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorError', 'colorErrorOutline', 'colorErrorBorder', 'colorErrorHover'],
-  key: 'danger',
-};
-
-export default componentDemo;

package/src/client/antd-token-previewer/component-demos/mentions/disabled.tsx

@@ -1,21 +0,0 @@
-import { Mentions } from 'antd';
-import React from 'react';
-import type { ComponentDemo } from '../../interface';
-
-const { Option } = Mentions;
-
-const Demo = () => (
-  <Mentions style={{ width: '100%' }} status={'error'} disabled defaultValue="@afc163">
-    <Option value="afc163">afc163</Option>
-    <Option value="zombieJ">zombieJ</Option>
-    <Option value="yesmeck">yesmeck</Option>
-  </Mentions>
-);
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorBgContainerDisabled', 'colorTextDisabled'],
-  key: 'disabled',
-};
-
-export default componentDemo;

package/src/client/antd-token-previewer/component-demos/mentions/index.ts

@@ -1,10 +0,0 @@
-import danger from './danger';
-import disabled from './disabled';
-import Default from './mentions';
-import warning from './warning';
-
-import type { ComponentDemo } from '../../interface';
-
-const previewerDemo: ComponentDemo[] = [Default, danger, warning, disabled];
-
-export default previewerDemo;

package/src/client/antd-token-previewer/component-demos/mentions/mentions.tsx

@@ -1,27 +0,0 @@
-import { Mentions } from 'antd';
-import React from 'react';
-import type { ComponentDemo } from '../../interface';
-
-const { Option } = Mentions;
-function onChange() {}
-function onSelect() {}
-const Demo = () => (
-  <Mentions._InternalPanelDoNotUseOrYouWillBeFired
-    style={{ width: '100%' }}
-    onChange={onChange}
-    onSelect={onSelect}
-    defaultValue="@afc163"
-  >
-    <Option value="afc163">afc163</Option>
-    <Option value="zombieJ">zombieJ</Option>
-    <Option value="yesmeck">yesmeck</Option>
-  </Mentions._InternalPanelDoNotUseOrYouWillBeFired>
-);
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorBgContainer', 'colorBorder', 'colorPrimary', 'colorPrimaryHover', 'controlOutline'],
-  key: 'default',
-};
-
-export default componentDemo;

package/src/client/antd-token-previewer/component-demos/mentions/warning.tsx

@@ -1,23 +0,0 @@
-import { Mentions } from 'antd';
-import React from 'react';
-import type { ComponentDemo } from '../../interface';
-
-const { Option } = Mentions;
-function onChange() {}
-function onSelect() {}
-
-const Demo = () => (
-  <Mentions style={{ width: '100%' }} onChange={onChange} onSelect={onSelect} status={'warning'} defaultValue="@afc163">
-    <Option value="afc163">afc163</Option>
-    <Option value="zombieJ">zombieJ</Option>
-    <Option value="yesmeck">yesmeck</Option>
-  </Mentions>
-);
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorWarning', 'colorWarningBorder', 'colorWarningHover', 'colorWarningOutline'],
-  key: 'warning',
-};
-
-export default componentDemo;

package/src/client/antd-token-previewer/component-demos/menu/data.tsx

@@ -1,42 +0,0 @@
-import { AppstoreOutlined, MailOutlined, SettingOutlined } from '@ant-design/icons';
-import type { MenuProps } from 'antd';
-import React from 'react';
-
-type MenuItem = Required<MenuProps>['items'][number];
-
-const getItem = (
-  label: React.ReactNode,
-  key: React.Key,
-  icon?: React.ReactNode,
-  children?: MenuItem[],
-  type?: 'group',
-): MenuItem =>
-  ({
-    key,
-    icon,
-    children,
-    label,
-    type,
-  } as MenuItem);
-
-const items: MenuProps['items'] = [
-  getItem('Navigation One', 'sub1', <MailOutlined />, [
-    getItem('Item 1', 'g1', null, [getItem('Option 1', '1'), getItem('Option 2', '2')], 'group'),
-    getItem('Item 2', 'g2', null, [getItem('Option 3', '3'), getItem('Option 4', '4')], 'group'),
-  ]),
-
-  getItem('Navigation Two', 'sub2', <AppstoreOutlined />, [
-    getItem('Option 5', '5'),
-    getItem('Option 6', '6'),
-    getItem('Submenu', 'sub3', null, [getItem('Option 7', '7'), getItem('Option 8', '8')]),
-  ]),
-
-  getItem('Navigation Three', 'sub4', <SettingOutlined />, [
-    getItem('Option 9', '9'),
-    getItem('Option 10', '10'),
-    getItem('Option 11', '11'),
-    getItem('Option 12', '12'),
-  ]),
-];
-
-export default items;

package/src/client/antd-token-previewer/component-demos/menu/index.ts

@@ -1,9 +0,0 @@
-import Default from './menu';
-import danger from './menuDanger';
-import MenuInLayout from './menuInLayout';
-
-import type { ComponentDemo } from '../../interface';
-
-const previewerDemo: ComponentDemo[] = [Default, danger, MenuInLayout];
-
-export default previewerDemo;

package/src/client/antd-token-previewer/component-demos/menu/menu.tsx

@@ -1,34 +0,0 @@
-import type { MenuProps } from 'antd';
-import { Menu } from 'antd';
-import React from 'react';
-
-import items from './data';
-
-import type { ComponentDemo } from '../../interface';
-
-const Demo: React.FC = () => {
-  const onClick: MenuProps['onClick'] = (e) => {
-    console.log('click ', e);
-  };
-
-  return (
-    <div>
-      <Menu
-        onClick={onClick}
-        style={{ width: 256 }}
-        defaultSelectedKeys={['1']}
-        defaultOpenKeys={['sub1', 'sub2']}
-        mode="inline"
-        items={items}
-      />
-    </div>
-  );
-};
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorPrimary', 'colorBgContainer', 'colorFillAlter', 'colorSplit', 'colorPrimaryHover'],
-  key: 'default',
-};
-
-export default componentDemo;

package/src/client/antd-token-previewer/component-demos/menu/menuDanger.tsx

@@ -1,40 +0,0 @@
-import type { MenuProps } from 'antd';
-import { Menu } from 'antd';
-import React from 'react';
-
-import type { ComponentDemo } from '../../interface';
-
-const items: MenuProps['items'] = [
-  {
-    key: '0',
-    danger: true,
-    label: '危险',
-  },
-  {
-    key: '1',
-    danger: true,
-    label: '危险选中',
-  },
-  {
-    key: '2',
-    danger: true,
-    disabled: true,
-    label: '危险禁用',
-  },
-];
-
-const Demo: React.FC = () => {
-  const onClick: MenuProps['onClick'] = (e) => {
-    console.log('click ', e);
-  };
-
-  return <Menu onClick={onClick} style={{ width: 256 }} defaultSelectedKeys={['1']} items={items} />;
-};
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorError', 'colorErrorHover', 'colorErrorOutline'],
-  key: 'danger',
-};
-
-export default componentDemo;

package/src/client/antd-token-previewer/component-demos/menu/menuInLayout.tsx

@@ -1,23 +0,0 @@
-import { Menu, theme } from 'antd';
-import React from 'react';
-
-import items from './data';
-
-import type { ComponentDemo } from '../../interface';
-
-const Demo: React.FC = () => {
-  const { token } = theme.useToken();
-  return (
-    <div style={{ background: token.colorBorderSecondary, padding: 12 }}>
-      <Menu style={{ width: 256 }} defaultSelectedKeys={['1']} defaultOpenKeys={['sub1']} mode="inline" items={items} />
-    </div>
-  );
-};
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorSplit'],
-  key: 'menuInLayout',
-};
-
-export default componentDemo;

package/src/client/antd-token-previewer/component-demos/message/error.tsx

@@ -1,15 +0,0 @@
-import { message } from 'antd';
-import React from 'react';
-import type { ComponentDemo } from '../../interface';
-
-const { _InternalPanelDoNotUseOrYouWillBeFired } = message;
-
-const Demo = () => <_InternalPanelDoNotUseOrYouWillBeFired type={'error'} content={'这是一条异常消息，会主动消失'} />;
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorError'],
-  key: 'error',
-};
-
-export default componentDemo;

package/src/client/antd-token-previewer/component-demos/message/index.ts

@@ -1,11 +0,0 @@
-import error from './error';
-import info from './info';
-import Default from './message';
-import success from './success';
-import warning from './warning';
-
-import type { ComponentDemo } from '../../interface';
-
-const previewerDemo: ComponentDemo[] = [Default, error, info, success, warning];
-
-export default previewerDemo;

package/src/client/antd-token-previewer/component-demos/message/info.tsx

@@ -1,15 +0,0 @@
-import { message } from 'antd';
-import React from 'react';
-import type { ComponentDemo } from '../../interface';
-
-const { _InternalPanelDoNotUseOrYouWillBeFired } = message;
-
-const Demo = () => <_InternalPanelDoNotUseOrYouWillBeFired type={'info'} content={'Info'} />;
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorInfo'],
-  key: 'info',
-};
-
-export default componentDemo;

package/src/client/antd-token-previewer/component-demos/message/message.tsx

@@ -1,16 +0,0 @@
-import { message } from 'antd';
-import React from 'react';
-
-import type { ComponentDemo } from '../../interface';
-
-const { _InternalPanelDoNotUseOrYouWillBeFired } = message;
-
-const Demo = () => <_InternalPanelDoNotUseOrYouWillBeFired type={'info'} content={`Hello, Ant Design!`} />;
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorText', 'colorBgElevated'],
-  key: 'message',
-};
-
-export default componentDemo;

package/src/client/antd-token-previewer/component-demos/message/success.tsx

@@ -1,15 +0,0 @@
-import { message } from 'antd';
-import React from 'react';
-import type { ComponentDemo } from '../../interface';
-
-const { _InternalPanelDoNotUseOrYouWillBeFired } = message;
-
-const Demo = () => <_InternalPanelDoNotUseOrYouWillBeFired type={'success'} content={'这是一条成功消息，会主动消失'} />;
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorSuccess'],
-  key: 'success',
-};
-
-export default componentDemo;

package/src/client/antd-token-previewer/component-demos/message/warning.tsx

@@ -1,15 +0,0 @@
-import { message } from 'antd';
-import React from 'react';
-import type { ComponentDemo } from '../../interface';
-
-const { _InternalPanelDoNotUseOrYouWillBeFired } = message;
-
-const Demo = () => <_InternalPanelDoNotUseOrYouWillBeFired type={'warning'} content={'这是一条警告消息，会主动消失'} />;
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorWarning'],
-  key: 'warning',
-};
-
-export default componentDemo;

package/src/client/antd-token-previewer/component-demos/modal/index.ts

@@ -1,11 +0,0 @@
-import info from './info';
-import Default from './modal';
-import withButton from './modalWithButton';
-import success from './success';
-import warning from './warning';
-
-import type { ComponentDemo } from '../../interface';
-
-const previewerDemo: ComponentDemo[] = [Default, info, withButton, warning, success];
-
-export default previewerDemo;

package/src/client/antd-token-previewer/component-demos/modal/info.tsx

@@ -1,21 +0,0 @@
-import { Modal } from 'antd';
-import React from 'react';
-import type { ComponentDemo } from '../../interface';
-
-const { _InternalPanelDoNotUseOrYouWillBeFired } = Modal;
-const Demo = () => {
-  return (
-    <>
-      <_InternalPanelDoNotUseOrYouWillBeFired title="Basic Modal">
-        <p>Some contents...</p> <p>Some contents...</p> <p>Some contents...</p>
-      </_InternalPanelDoNotUseOrYouWillBeFired>
-    </>
-  );
-};
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorInfo'],
-  key: 'info',
-};
-export default componentDemo;

package/src/client/antd-token-previewer/component-demos/modal/modal.tsx

@@ -1,19 +0,0 @@
-import { Modal } from 'antd';
-import React from 'react';
-
-import type { ComponentDemo } from '../../interface';
-
-const Demo = () => {
-  return (
-    <Modal._InternalPanelDoNotUseOrYouWillBeFired title="Basic Modal">
-      <p>Some contents...</p> <p>Some contents...</p> <p>Some contents...</p>
-    </Modal._InternalPanelDoNotUseOrYouWillBeFired>
-  );
-};
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorBgElevated'],
-  key: 'default',
-};
-export default componentDemo;

package/src/client/antd-token-previewer/component-demos/modal/modalWithButton.tsx

@@ -1,33 +0,0 @@
-import { Button, Modal } from 'antd';
-import React, { useState } from 'react';
-import type { ComponentDemo } from '../../interface';
-
-const Demo = () => {
-  const [isModalVisible, setIsModalVisible] = useState(false);
-  const showModal = () => {
-    setIsModalVisible(true);
-  };
-  const handleOk = () => {
-    setIsModalVisible(false);
-  };
-  const handleCancel = () => {
-    setIsModalVisible(false);
-  };
-  return (
-    <>
-      <Button type="primary" onClick={showModal}>
-        Open Modal
-      </Button>
-      <Modal title="Basic Modal" open={isModalVisible} onOk={handleOk} onCancel={handleCancel}>
-        <p>Some contents...</p> <p>Some contents...</p> <p>Some contents...</p>
-      </Modal>
-    </>
-  );
-};
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorBgMask'],
-  key: 'modalWithButton',
-};
-export default componentDemo;

package/src/client/antd-token-previewer/component-demos/modal/success.tsx

@@ -1,19 +0,0 @@
-import { Modal } from 'antd';
-import React from 'react';
-
-import type { ComponentDemo } from '../../interface';
-
-const Demo = () => {
-  return (
-    <Modal._InternalPanelDoNotUseOrYouWillBeFired type={'success'}>
-      A good news!
-    </Modal._InternalPanelDoNotUseOrYouWillBeFired>
-  );
-};
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorSuccess'],
-  key: 'success',
-};
-export default componentDemo;

package/src/client/antd-token-previewer/component-demos/modal/warning.tsx

@@ -1,19 +0,0 @@
-import { Modal } from 'antd';
-import React from 'react';
-
-import type { ComponentDemo } from '../../interface';
-
-const Demo = () => {
-  return (
-    <Modal._InternalPanelDoNotUseOrYouWillBeFired type={'confirm'} title={'Confirm This?'}>
-      Some descriptions.
-    </Modal._InternalPanelDoNotUseOrYouWillBeFired>
-  );
-};
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorWarning'],
-  key: 'warning',
-};
-export default componentDemo;

package/src/client/antd-token-previewer/component-demos/notification/error.tsx

@@ -1,24 +0,0 @@
-import { notification } from 'antd';
-import React from 'react';
-import type { ComponentDemo } from '../../interface';
-
-const { _InternalPanelDoNotUseOrYouWillBeFired } = notification;
-
-const Demo = () => (
-  // @ts-ignore
-  <_InternalPanelDoNotUseOrYouWillBeFired
-    message={'Notification Title'}
-    type={'error'}
-    description={
-      'This is the content of the notification. This is the content of the notification. This is the content of the notification.'
-    }
-  />
-);
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorError'],
-  key: 'error',
-};
-
-export default componentDemo;