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

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

@@ -1,9 +0,0 @@
-import type { SelectProps } from 'antd';
-
-const options: SelectProps['options'] = [];
-
-for (let i = 10; i < 36; i++) {
-  options.push({ value: i.toString(36) + i, label: i.toString(36) + i });
-}
-
-export default options;

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

@@ -1,28 +0,0 @@
-import Select from './_internal';
-
-import React from 'react';
-import type { ComponentDemo } from '../../interface';
-
-import options from './data';
-
-const Demo = () => (
-  <Select
-    mode="multiple"
-    allowClear
-    style={{
-      width: '100%',
-    }}
-    disabled
-    options={options}
-    placeholder="Please select"
-    defaultValue={['a10', 'c12']}
-  />
-);
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorBgContainerDisabled', 'colorTextDisabled'],
-  key: 'disabled',
-};
-
-export default componentDemo;

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

@@ -1,31 +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
-    allowClear
-    style={{
-      width: '100%',
-    }}
-    options={options}
-    placeholder="Please select"
-    value={['a10', 'c12']}
-    onChange={handleChange}
-  />
-);
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorIcon', 'colorIconHover'],
-  key: 'icon',
-};
-
-export default componentDemo;

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

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

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

@@ -1,35 +0,0 @@
-import { Select as _Select, Space } from 'antd';
-import React from 'react';
-import type { ComponentDemo } from '../../interface';
-
-const { Option, _InternalPanelDoNotUseOrYouWillBeFired: Select } = _Select;
-
-function handleChange() {}
-const Demo = () => (
-  <Space align={'start'}>
-    <Select defaultValue="lucy" style={{ width: 120 }} onChange={handleChange}>
-      <Option value="jack">Jack</Option> <Option value="lucy">Lucy</Option>
-      <Option value="disabled" disabled>
-        Disabled
-      </Option>
-      <Option value="Yiminghe">yiminghe</Option>
-    </Select>
-    <Select defaultValue="lucy" style={{ width: 120 }} disabled>
-      <Option value="lucy">Lucy</Option>
-    </Select>
-    <Select defaultValue="lucy" style={{ width: 120 }} loading>
-      <Option value="lucy">Lucy</Option>
-    </Select>
-    <Select defaultValue="lucy" style={{ width: 120 }} allowClear>
-      <Option value="lucy">Lucy</Option>
-    </Select>
-  </Space>
-);
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['controlOutline', 'colorPrimary', 'colorPrimaryHover', 'colorText', 'colorBgElevated', 'colorBgContainer'],
-  key: 'select',
-};
-
-export default componentDemo;

package/src/client/antd-token-previewer/component-demos/select/selectTag.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%',
-    }}
-    options={options}
-    listHeight={200}
-    placeholder="Please select"
-    defaultValue={['a10', 'c12', 'e14']}
-    onChange={handleChange}
-  />
-);
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorPrimary', 'colorFillSecondary'],
-  key: 'selectTag',
-};
-
-export default componentDemo;

package/src/client/antd-token-previewer/component-demos/select/warning.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={'warning'}
-    options={options}
-    placeholder="Please select"
-    defaultValue={['a10', 'c12']}
-    onChange={handleChange}
-  />
-);
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorWarningHover', 'colorWarningOutline'],
-  key: 'warning',
-};
-
-export default componentDemo;

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

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

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

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

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

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

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

@@ -1,26 +0,0 @@
-import { Slider } from 'antd';
-import React from 'react';
-import type { ComponentDemo } from '../../interface';
-
-const Demo = () => (
-  <>
-    <Slider defaultValue={30} />
-    <Slider range defaultValue={[20, 50]} />
-  </>
-);
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: [
-    'colorFillSecondary',
-    'colorFillContentHover',
-    'colorBgContainer',
-    'colorPrimary',
-    'colorPrimaryHover',
-    'colorPrimaryBorderHover',
-    'colorPrimaryBorder',
-  ],
-  key: 'default',
-};
-
-export default componentDemo;

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

@@ -1,29 +0,0 @@
-import { Slider, theme } from 'antd';
-import React from 'react';
-import type { ComponentDemo } from '../../interface';
-
-const Demo = () => {
-  const { token } = theme.useToken();
-  return (
-    <div style={{ padding: 12, background: token.colorFillSecondary }}>
-      <Slider defaultValue={30} />
-      <Slider range defaultValue={[20, 50]} />
-    </div>
-  );
-};
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: [
-    'colorFillSecondary',
-    'colorFillContentHover',
-    'colorBgContainer',
-    'colorPrimary',
-    'colorPrimaryHover',
-    'colorPrimaryBorderHover',
-    'colorPrimaryBorder',
-  ],
-  key: 'sliderInBg',
-};
-
-export default componentDemo;

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

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

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

@@ -1,26 +0,0 @@
-import { UploadOutlined } from '@ant-design/icons';
-import { Button, Popconfirm, Space, Upload } from 'antd';
-import React from 'react';
-import type { ComponentDemo } from '../../interface';
-
-const Demo: React.FC = () => (
-  <Space>
-    Space
-    <Button type="primary">Button</Button>
-    <Upload>
-      <Button>
-        <UploadOutlined /> Click to Upload
-      </Button>
-    </Upload>
-    <Popconfirm title="Are you sure delete this task?" okText="Yes" cancelText="No">
-      <Button>Confirm</Button>
-    </Popconfirm>
-  </Space>
-);
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  key: 'default',
-};
-
-export default componentDemo;

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

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

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

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

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

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

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

@@ -1,28 +0,0 @@
-import { Button, Col, Row, Statistic } from 'antd';
-import React from 'react';
-import type { ComponentDemo } from '../../interface';
-
-const Demo = () => (
-  <Row gutter={16}>
-    <Col span={12}>
-      <Statistic title="Active Users" value={112893} />
-    </Col>
-    <Col span={12}>
-      <Statistic title="Account Balance (CNY)" value={112893} precision={2} />
-      <Button style={{ marginTop: 16 }} type="primary">
-        Recharge
-      </Button>
-    </Col>
-    <Col span={12}>
-      <Statistic title="Active Users" value={112893} loading />
-    </Col>
-  </Row>
-);
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorPrimary'],
-  key: 'default',
-};
-
-export default componentDemo;

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

@@ -1,20 +0,0 @@
-import { Steps } from 'antd';
-import React from 'react';
-import type { ComponentDemo } from '../../interface';
-
-const { Step } = Steps;
-
-const Demo: React.FC = () => (
-  <Steps current={1}>
-    <Step title="Error" status={'error'} description="This is a description." />
-    <Step status={'error'} title="In Progress" subTitle="Left 00:00:08" description="This is a description." />
-  </Steps>
-);
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorError'],
-  key: 'danger',
-};
-
-export default componentDemo;

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

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

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

@@ -1,21 +0,0 @@
-import { Steps } from 'antd';
-import React from 'react';
-import type { ComponentDemo } from '../../interface';
-
-const { Step } = Steps;
-
-const Demo: React.FC = () => (
-  <Steps current={1}>
-    <Step title="Finished" description="This is a description." />
-    <Step title="In Progress" subTitle="Left 00:00:08" description="This is a description." />
-    <Step title="Waiting" description="This is a description." />
-  </Steps>
-);
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorPrimary', 'colorBgContainer'],
-  key: 'default',
-};
-
-export default componentDemo;

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

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

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

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

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

@@ -1,103 +0,0 @@
-import type { TableProps } from 'antd';
-import { Table } from 'antd';
-import React from 'react';
-import type { ComponentDemo } from '../../interface';
-
-type TableData = { name: string; age: number; address: string };
-
-const columns: TableProps<TableData>['columns'] = [
-  {
-    title: 'Name',
-    dataIndex: 'name',
-    filters: [
-      {
-        text: 'Joe',
-        value: 'Joe',
-      },
-      {
-        text: 'Jim',
-        value: 'Jim',
-      },
-      {
-        text: 'Submenu',
-        value: 'Submenu',
-        children: [
-          {
-            text: 'Green',
-            value: 'Green',
-          },
-          {
-            text: 'Black',
-            value: 'Black',
-          },
-        ],
-      },
-    ],
-    // specify the condition of filtering result
-    // here is that finding the name started with `value`
-    onFilter: (value, record) => record.name.indexOf(String(value)) === 0,
-    sorter: (a, b) => a.name.length - b.name.length,
-    sortDirections: ['descend'],
-  },
-  {
-    title: 'Age',
-    dataIndex: 'age',
-    defaultSortOrder: 'descend',
-    sorter: (a, b) => a.age - b.age,
-  },
-  {
-    title: 'Address',
-    dataIndex: 'address',
-    filters: [
-      {
-        text: 'London',
-        value: 'London',
-      },
-      {
-        text: 'New York',
-        value: 'New York',
-      },
-    ],
-    onFilter: (value, record) => record.address.indexOf(String(value)) === 0,
-  },
-];
-const data = [
-  {
-    key: '1',
-    name: 'John Brown',
-    age: 32,
-    address: 'New York No. 1 Lake Park',
-  },
-  {
-    key: '2',
-    name: 'Jim Green',
-    age: 42,
-    address: 'London No. 1 Lake Park',
-  },
-  {
-    key: '3',
-    name: 'Joe Black',
-    age: 32,
-    address: 'Sidney No. 1 Lake Park',
-  },
-  {
-    key: '4',
-    name: 'Jim Red',
-    age: 32,
-    address: 'London No. 2 Lake Park',
-  },
-];
-
-const onChange: TableProps<TableData>['onChange'] = (pagination, filters, sorter, extra) => {
-  console.log('params', pagination, filters, sorter, extra);
-};
-
-const Demo = () => <Table columns={columns} dataSource={data} onChange={onChange} />;
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorFillSecondary', 'colorFillContentHover', 'colorFillContent', 'colorFillAlter'],
-  key: 'filterTable',
-};
-
-export default componentDemo;

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

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

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

@@ -1,75 +0,0 @@
-import { Space, Table, Tag } from 'antd';
-import React from 'react';
-import type { ComponentDemo } from '../../interface';
-
-const columns = [
-  {
-    title: 'Name',
-    dataIndex: 'name',
-    key: 'name',
-    render: (text: string) => <a>{text}</a>,
-  },
-  { title: 'Age', dataIndex: 'age', key: 'age' },
-  { title: 'Address', dataIndex: 'address', key: 'address' },
-  {
-    title: 'Tags',
-    key: 'tags',
-    dataIndex: 'tags',
-    render: (tags: string[]) => (
-      <>
-        {tags.map((tag: string) => {
-          let color = tag.length > 5 ? 'geekblue' : 'green';
-          if (tag === 'loser') {
-            color = 'volcano';
-          }
-          return (
-            <Tag color={color} key={tag}>
-              {tag.toUpperCase()}
-            </Tag>
-          );
-        })}
-      </>
-    ),
-  },
-  {
-    title: 'Action',
-    key: 'action',
-    render: (_: string, record: any) => (
-      <Space size="middle">
-        <a>Invite {record.name}</a> <a>Delete</a>
-      </Space>
-    ),
-  },
-];
-const data = [
-  {
-    key: '1',
-    name: 'John Brown',
-    age: 32,
-    address: 'New York No. 1 Lake Park',
-    tags: ['nice', 'developer'],
-  },
-  {
-    key: '2',
-    name: 'Jim Green',
-    age: 42,
-    address: 'London No. 1 Lake Park',
-    tags: ['loser'],
-  },
-  {
-    key: '3',
-    name: 'Joe Black',
-    age: 32,
-    address: 'Sidney No. 1 Lake Park',
-    tags: ['cool', 'teacher'],
-  },
-];
-const Demo = () => <Table columns={columns} dataSource={data} pagination={false} />;
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorPrimaryActive', 'colorBgContainer'],
-  key: 'table',
-};
-
-export default componentDemo;

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

@@ -1,27 +0,0 @@
-import { Tabs } from 'antd';
-import React from 'react';
-import type { ComponentDemo } from '../../interface';
-
-const { TabPane } = Tabs;
-
-const Demo = () => (
-  <Tabs type={'card'} defaultActiveKey="1">
-    <TabPane tab="Tab 1" key="1">
-      Content of Tab Pane 1
-    </TabPane>
-    <TabPane tab="Tab 2" key="2">
-      Content of Tab Pane 2
-    </TabPane>
-    <TabPane tab="Tab 3" key="3">
-      Content of Tab Pane 3
-    </TabPane>
-  </Tabs>
-);
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorFillAlter'],
-  key: 'cardTabs',
-};
-
-export default componentDemo;