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

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

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

package/src/client/antd-token-previewer/component-demos/notification/info.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={'info'}
-    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: ['colorInfo'],
-  key: 'info',
-};
-
-export default componentDemo;

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

@@ -1,23 +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'}
-    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: ['colorIcon', 'colorIconHover', 'colorBgElevated'],
-  key: 'default',
-};
-
-export default componentDemo;

package/src/client/antd-token-previewer/component-demos/notification/success.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={'success'}
-    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: ['colorSuccess'],
-  key: 'success',
-};
-
-export default componentDemo;

package/src/client/antd-token-previewer/component-demos/notification/warning.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={'warning'}
-    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: ['colorWarning'],
-  key: 'warning',
-};
-
-export default componentDemo;

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

@@ -1,13 +0,0 @@
-import { Pagination } from 'antd';
-import React from 'react';
-import type { ComponentDemo } from '../../interface';
-
-const Demo: React.FC = () => <Pagination showQuickJumper defaultCurrent={2} total={10} disabled />;
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['controlItemBgActiveDisabled', 'colorBgContainerDisabled', 'colorFillAlter'],
-  key: 'disabled',
-};
-
-export default componentDemo;

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

@@ -1,9 +0,0 @@
-import disabled from './disabled';
-import outline from './outline';
-import Demo from './pagination';
-
-import type { ComponentDemo } from '../../interface';
-
-const previewerDemo: ComponentDemo[] = [Demo, disabled, outline];
-
-export default previewerDemo;

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

@@ -1,17 +0,0 @@
-import { Pagination, Space } from 'antd';
-import React from 'react';
-import type { ComponentDemo } from '../../interface';
-
-const Demo: React.FC = () => (
-  <Space direction={'vertical'}>
-    <Pagination showQuickJumper pageSize={1} defaultCurrent={2} total={10} />
-  </Space>
-);
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorPrimary', 'controlOutline', 'colorPrimaryHover', 'colorBgContainer'],
-  key: 'outline',
-};
-
-export default componentDemo;

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

@@ -1,19 +0,0 @@
-import { Pagination, Space } from 'antd';
-import React from 'react';
-import type { ComponentDemo } from '../../interface';
-
-const Demo: React.FC = () => (
-  <Space direction={'vertical'}>
-    <Pagination showQuickJumper defaultCurrent={2} total={500} />
-
-    <Pagination simple />
-  </Space>
-);
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorPrimary', 'colorPrimaryHover', 'colorBgContainer'],
-  key: 'default',
-};
-
-export default componentDemo;

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

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

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

@@ -1,30 +0,0 @@
-import { Popconfirm, message } from 'antd';
-import React from 'react';
-import type { ComponentDemo } from '../../interface';
-
-function confirm() {
-  message.success('Click on Yes');
-}
-function cancel() {
-  message.error('Click on No');
-}
-const Demo = () => (
-  <div>
-    <Popconfirm._InternalPanelDoNotUseOrYouWillBeFired
-      title="Are you sure to delete this task?"
-      onConfirm={confirm}
-      onCancel={cancel}
-      okText="Yes"
-      cancelText="No"
-      placement={'topLeft'}
-    />
-  </div>
-);
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorBgElevated', 'colorWarning'],
-  key: 'default',
-};
-
-export default componentDemo;

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

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

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

@@ -1,23 +0,0 @@
-import { Button, Popover } from 'antd';
-import React from 'react';
-import type { ComponentDemo } from '../../interface';
-
-const content = (
-  <div>
-    <p>Content</p> <p>Content</p>
-  </div>
-);
-const Demo = () => (
-  <div>
-    <Popover._InternalPanelDoNotUseOrYouWillBeFired content={content} title="Title" />
-    <Button type="primary">Hover me</Button>
-  </div>
-);
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorBgElevated'],
-  key: 'default',
-};
-
-export default componentDemo;

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

@@ -1,22 +0,0 @@
-import { Flexbox } from '@arvinxu/layout-kit';
-import { Progress } from 'antd';
-import React from 'react';
-import type { ComponentDemo } from '../../interface';
-
-const Demo: React.FC = () => (
-  <Flexbox gap={12}>
-    <Flexbox horizontal gap={24}>
-      <Progress percent={70} status="exception" type={'dashboard'} />
-      <Progress percent={80} status="exception" type={'circle'} />
-    </Flexbox>
-    <Progress percent={50} status="exception" />
-  </Flexbox>
-);
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorError'],
-  key: 'danger',
-};
-
-export default componentDemo;

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

@@ -1,11 +0,0 @@
-import danger from './danger';
-import info from './info';
-import Demo from './progress';
-import progressInBg from './progressInBg';
-import success from './success';
-
-import type { ComponentDemo } from '../../interface';
-
-const previewerDemo: ComponentDemo[] = [Demo, info, danger, success, progressInBg];
-
-export default previewerDemo;

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

@@ -1,21 +0,0 @@
-import { Progress } from 'antd';
-import React from 'react';
-import type { ComponentDemo } from '../../interface';
-
-const Demo: React.FC = () => (
-  <>
-    <Progress percent={30} />
-    <Progress percent={50} status="active" />
-    <Progress percent={70} type={'dashboard'} />
-    <Progress percent={80} type={'circle'} />
-    <Progress steps={8} percent={30} />
-  </>
-);
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorInfo'],
-  key: 'info',
-};
-
-export default componentDemo;

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

@@ -1,22 +0,0 @@
-import { Progress } from 'antd';
-import React from 'react';
-import type { ComponentDemo } from '../../interface';
-
-const Demo: React.FC = () => (
-  <>
-    <Progress percent={30} />
-    <Progress percent={50} status="active" />
-    <Progress percent={70} status="exception" />
-    <Progress percent={100} />
-    <Progress percent={50} showInfo={false} />
-    <Progress steps={8} />
-  </>
-);
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorFillSecondary', 'colorText', 'colorBgContainer'],
-  key: 'default',
-};
-
-export default componentDemo;

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

@@ -1,25 +0,0 @@
-import { Progress, theme } from 'antd';
-import React from 'react';
-import type { ComponentDemo } from '../../interface';
-
-const Demo: React.FC = () => {
-  const { token } = theme.useToken();
-  return (
-    <div style={{ padding: 24, background: token.colorBgLayout }}>
-      <Progress percent={30} />
-      <Progress percent={50} status="active" />
-      <Progress percent={70} status="exception" />
-      <Progress percent={100} />
-      <Progress percent={50} showInfo={false} />
-      <Progress steps={8} />
-    </div>
-  );
-};
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorFillSecondary', 'colorText', 'colorBgContainer'],
-  key: 'layout',
-};
-
-export default componentDemo;

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

@@ -1,22 +0,0 @@
-import { Flexbox } from '@arvinxu/layout-kit';
-import { Progress } from 'antd';
-import React from 'react';
-import type { ComponentDemo } from '../../interface';
-
-const Demo: React.FC = () => (
-  <Flexbox gap={12}>
-    <Flexbox horizontal gap={24}>
-      <Progress percent={70} status="success" type={'dashboard'} />
-      <Progress percent={80} status="success" type={'circle'} />
-    </Flexbox>
-    <Progress percent={50} status="success" />
-  </Flexbox>
-);
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorSuccess'],
-  key: 'success',
-};
-
-export default componentDemo;

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

@@ -1,27 +0,0 @@
-import { Radio, Space } from 'antd';
-import React from 'react';
-import type { ComponentDemo } from '../../interface';
-
-const Demo = () => (
-  <Space>
-    <Radio.Group defaultValue={'a'} buttonStyle="solid">
-      <Radio.Button value={'a'} checked>
-        Hangzhou
-      </Radio.Button>
-      <Radio.Button value={'b'}>Shanghai</Radio.Button>
-    </Radio.Group>
-
-    <div>
-      <Radio.Button>Apple</Radio.Button>
-      <Radio.Button checked>Orange</Radio.Button>
-    </div>
-  </Space>
-);
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorPrimaryActive', 'colorPrimaryHover'],
-  key: 'button',
-};
-
-export default componentDemo;

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

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

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

@@ -1,9 +0,0 @@
-import Button from './button';
-import disabled from './disabled';
-import Default from './radio';
-
-import type { ComponentDemo } from '../../interface';
-
-const previewerDemo: ComponentDemo[] = [Default, Button, disabled];
-
-export default previewerDemo;

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

@@ -1,13 +0,0 @@
-import { Radio } from 'antd';
-import React from 'react';
-import type { ComponentDemo } from '../../interface';
-
-const Demo = () => <Radio checked>Radio</Radio>;
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorPrimary', 'controlOutline', 'colorBgContainer'],
-  key: 'default',
-};
-
-export default componentDemo;

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

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

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

@@ -1,14 +0,0 @@
-import { Rate } from 'antd';
-import React from 'react';
-
-import type { ComponentDemo } from '../../interface';
-
-const Demo = () => <Rate />;
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorFillContent'],
-  key: 'default',
-};
-
-export default componentDemo;

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

@@ -1,13 +0,0 @@
-import { Result } from 'antd';
-import React from 'react';
-import type { ComponentDemo } from '../../interface';
-
-const Demo: React.FC = () => <Result status={'error'} title="Demo示意" subTitle="status 为 error" />;
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorError'],
-  key: 'danger',
-};
-
-export default componentDemo;

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

@@ -1,11 +0,0 @@
-import danger from './danger';
-import info from './info';
-import Demo from './result';
-import ResultWithDesc from './resultWithDesc';
-import warning from './warning';
-
-import type { ComponentDemo } from '../../interface';
-
-const previewerDemo: ComponentDemo[] = [Demo, info, warning, danger, ResultWithDesc];
-
-export default previewerDemo;

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

@@ -1,13 +0,0 @@
-import { Result } from 'antd';
-import React from 'react';
-import type { ComponentDemo } from '../../interface';
-
-const Demo: React.FC = () => <Result status={'info'} title="Demo示意" subTitle="status 为info" />;
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorInfo'],
-  key: 'info',
-};
-
-export default componentDemo;

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

@@ -1,25 +0,0 @@
-import { Button, Result } from 'antd';
-import React from 'react';
-import type { ComponentDemo } from '../../interface';
-
-const Demo: React.FC = () => (
-  <Result
-    status="success"
-    title="Successfully Purchased Cloud Server ECS!"
-    subTitle="Order number: 2017182818828182881 Cloud server configuration takes 1-5 minutes, please wait."
-    extra={[
-      <Button type="primary" key="console">
-        Go Console
-      </Button>,
-      <Button key="buy">Buy Again</Button>,
-    ]}
-  />
-);
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorSuccess'],
-  key: 'result',
-};
-
-export default componentDemo;

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

@@ -1,16 +0,0 @@
-import { Result } from 'antd';
-import React from 'react';
-import type { ComponentDemo } from '../../interface';
-
-const Demo: React.FC = () => (
-  <Result title="Demo示意" subTitle="背景色为 colorFillAlter">
-    Order number: 2017182818828182881 Cloud server configuration takes 1-5 minutes, please wait.
-  </Result>
-);
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorFillAlter'],
-  key: 'resultWithDesc',
-};
-
-export default componentDemo;

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

@@ -1,20 +0,0 @@
-import { Result } from 'antd';
-import React from 'react';
-import type { ComponentDemo } from '../../interface';
-
-const Demo: React.FC = () => (
-  <Result
-    status="success"
-    title="Successfully Purchased Cloud Server ECS!"
-    subTitle="Order number: 2017182818828182881 Cloud server configuration takes 1-5 minutes, please wait."
-    style={{ padding: 24 }}
-  />
-);
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorSuccess'],
-  key: 'result',
-};
-
-export default componentDemo;

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

@@ -1,13 +0,0 @@
-import { Result } from 'antd';
-import React from 'react';
-import type { ComponentDemo } from '../../interface';
-
-const Demo: React.FC = () => <Result status={'warning'} title="Demo示意" subTitle="status 为warning" />;
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorWarning'],
-  key: 'warning',
-};
-
-export default componentDemo;

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

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

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

@@ -1,13 +0,0 @@
-import { Segmented } from 'antd';
-import React from 'react';
-import type { ComponentDemo } from '../../interface';
-
-const Demo = () => <Segmented options={['Daily', 'Weekly', 'Monthly', 'Quarterly', 'Yearly']} />;
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  key: 'default',
-  tokens: [],
-};
-
-export default componentDemo;

package/src/client/antd-token-previewer/component-demos/select/_internal.ts

@@ -1,3 +0,0 @@
-import { Select } from 'antd';
-
-export default Select._InternalPanelDoNotUseOrYouWillBeFired;

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

@@ -1,33 +0,0 @@
-import Select from './_internal';
-
-import React from 'react';
-import type { ComponentDemo } from '../../interface';
-
-import options from './data';
-
-const handleChange = (value: any) => {
-  console.log(`selected ${value}`);
-};
-
-const Demo = () => (
-  <Select
-    mode="multiple"
-    allowClear
-    style={{
-      width: '100%',
-    }}
-    status={'error'}
-    options={options}
-    placeholder="Please select"
-    defaultValue={['a10', 'c12']}
-    onChange={handleChange}
-  />
-);
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorError', 'colorErrorOutline', 'colorErrorBorder', 'colorErrorHover'],
-  key: 'danger',
-};
-
-export default componentDemo;