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

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

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

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

@@ -1,36 +0,0 @@
-import { Button, Drawer } from 'antd';
-import React, { useState } from 'react';
-import type { ComponentDemo } from '../../interface';
-
-const Demo: React.FC = () => {
-  const [visible, setVisible] = useState(false);
-
-  const showDrawer = () => {
-    setVisible(true);
-  };
-
-  const onClose = () => {
-    setVisible(false);
-  };
-
-  return (
-    <>
-      <Button type="primary" onClick={showDrawer}>
-        Open
-      </Button>
-      <Drawer title="Basic Drawer" placement="right" onClose={onClose} open={visible}>
-        <p>Some contents...</p>
-        <p>Some contents...</p>
-        <p>Some contents...</p>
-      </Drawer>
-    </>
-  );
-};
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorBgMask', 'colorBgElevated'],
-  key: 'default',
-};
-
-export default componentDemo;

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

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

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

@@ -1,24 +0,0 @@
-import { DownOutlined } from '@ant-design/icons';
-import { Dropdown } from 'antd';
-import React from 'react';
-
-import menu from './menu';
-
-import type { ComponentDemo } from '../../interface';
-
-const Demo = () => (
-  <div>
-    <a className="ant-dropdown-link" onClick={(e) => e.preventDefault()}>
-      Hover me <DownOutlined />
-    </a>
-    <Dropdown._InternalPanelDoNotUseOrYouWillBeFired overlay={menu} />
-  </div>
-);
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorPrimary', 'colorError', 'colorErrorHover', 'colorBgElevated'],
-  key: 'default',
-};
-
-export default componentDemo;

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

@@ -1,42 +0,0 @@
-import { DownOutlined } from '@ant-design/icons';
-import { Dropdown, Typography } from 'antd';
-import React from 'react';
-
-import type { ComponentDemo } from '../../interface';
-
-const Demo = () => (
-  <div>
-    <Typography.Text type={'danger'} onClick={(e) => e.preventDefault()}>
-      Hover me <DownOutlined />
-    </Typography.Text>
-    <Dropdown._InternalPanelDoNotUseOrYouWillBeFired
-      menu={{
-        items: [
-          {
-            label: 'item 1',
-            key: '1',
-          },
-          {
-            label: 'a danger item',
-            danger: true,
-            key: '3',
-          },
-          {
-            label: 'danger disabled item',
-            danger: true,
-            disabled: true,
-            key: '2',
-          },
-        ],
-      }}
-    />
-  </div>
-);
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorError', 'colorErrorHover', 'colorBgElevated'],
-  key: 'default',
-};
-
-export default componentDemo;

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

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

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

@@ -1,26 +0,0 @@
-import { DownOutlined } from '@ant-design/icons';
-import { Menu } from 'antd';
-import React from 'react';
-
-const menu = (
-  <Menu>
-    <Menu.Item>
-      <a target="_blank" rel="noopener noreferrer" href="https://www.antgroup.com">
-        1st menu item
-      </a>
-    </Menu.Item>
-    <Menu.Item icon={<DownOutlined />} disabled>
-      <a target="_blank" rel="noopener noreferrer" href="https://www.aliyun.com">
-        2nd menu item (disabled)
-      </a>
-    </Menu.Item>
-    <Menu.Item disabled>
-      <a target="_blank" rel="noopener noreferrer" href="https://www.luohanacademy.com">
-        3rd menu item (disabled)
-      </a>
-    </Menu.Item>
-    <Menu.Item danger>a danger item</Menu.Item>
-  </Menu>
-);
-
-export default menu;

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

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

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

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

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

@@ -1,33 +0,0 @@
-import { Form, Input } from 'antd';
-import React from 'react';
-import type { ComponentDemo } from '../../interface';
-
-function onFinish() {}
-
-const Demo = () => (
-  <Form
-    name="basic"
-    labelCol={{ span: 4 }}
-    wrapperCol={{ span: 20 }}
-    initialValues={{ remember: true }}
-    onFinish={onFinish}
-    autoComplete="off"
-  >
-    <Form.Item
-      label="Username"
-      name="username"
-      status={'error'}
-      rules={[{ required: true, message: 'Please input your username!' }]}
-    >
-      <Input />
-    </Form.Item>
-  </Form>
-);
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorError', 'colorErrorBorder', 'colorErrorHover'],
-  key: 'danger',
-};
-
-export default componentDemo;

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

@@ -1,42 +0,0 @@
-import { Button, Checkbox, Form, Input } from 'antd';
-import React from 'react';
-import type { ComponentDemo } from '../../interface';
-
-const Demo = () => {
-  const onFinish = () => {};
-  const onFinishFailed = () => {};
-  return (
-    <Form
-      name="basic"
-      labelCol={{ span: 8 }}
-      wrapperCol={{ span: 16 }}
-      initialValues={{ remember: true }}
-      onFinish={onFinish}
-      onFinishFailed={onFinishFailed}
-      autoComplete="off"
-    >
-      <Form.Item label="Username" name="username" rules={[{ required: true, message: 'Please input your username!' }]}>
-        <Input />
-      </Form.Item>
-      <Form.Item label="Password" name="password" rules={[{ required: true, message: 'Please input your password!' }]}>
-        <Input.Password />
-      </Form.Item>
-      <Form.Item name="remember" valuePropName="checked" wrapperCol={{ offset: 8, span: 16 }}>
-        <Checkbox>Remember me</Checkbox>
-      </Form.Item>
-      <Form.Item wrapperCol={{ offset: 8, span: 16 }}>
-        <Button type="primary" htmlType="submit">
-          Submit
-        </Button>
-      </Form.Item>
-    </Form>
-  );
-};
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorError', 'controlOutline', 'colorErrorBorder', 'colorErrorHover'],
-  key: 'default',
-};
-
-export default componentDemo;

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

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

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

@@ -1,33 +0,0 @@
-import { Form, Input } from 'antd';
-import React from 'react';
-import type { ComponentDemo } from '../../interface';
-
-function onFinish() {}
-
-const Demo = () => (
-  <Form
-    name="basic"
-    labelCol={{ span: 8 }}
-    wrapperCol={{ span: 16 }}
-    initialValues={{ remember: true }}
-    onFinish={onFinish}
-    autoComplete="off"
-  >
-    <Form.Item
-      label="Username"
-      name="username"
-      status={'warning'}
-      rules={[{ required: true, message: 'Please input your username!' }]}
-    >
-      <Input />
-    </Form.Item>
-  </Form>
-);
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorWarning'],
-  key: 'warning',
-};
-
-export default componentDemo;

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

@@ -1,56 +0,0 @@
-import { Col, Row } from 'antd';
-import classNames from 'classnames';
-import React from 'react';
-import type { ComponentDemo } from '../../interface';
-import makeStyle from '../../utils/makeStyle';
-
-const useStyle = makeStyle('GridDemo', (token) => ({
-  '.previewer-grid-demo': {
-    [`${token.rootCls}-row`]: {
-      marginBottom: 16,
-    },
-    [`${token.rootCls}-row > div:not(.gutter-row)`]: {
-      padding: '16px 0',
-      background: '#0092ff',
-      color: '#fff',
-      display: 'inline-flex',
-      alignItems: 'center',
-      justifyContent: 'center',
-
-      '&:nth-child(2n + 1)': {
-        background: 'rgba(0,146,255,.75)',
-      },
-    },
-  },
-}));
-
-const Demo = () => {
-  const [, hashId] = useStyle();
-
-  return (
-    <div className={classNames('previewer-grid-demo', hashId)}>
-      <Row>
-        <Col span={24}>col</Col>
-      </Row>
-      <Row>
-        <Col span={12}>col-12</Col> <Col span={12}>col-12</Col>
-      </Row>
-      <Row>
-        <Col span={8}>col-8</Col> <Col span={8}>col-8</Col>
-        <Col span={8}>col-8</Col>
-      </Row>
-      <Row>
-        <Col span={6}>col-6</Col> <Col span={6}>col-6</Col>
-        <Col span={6}>col-6</Col>
-        <Col span={6}>col-6</Col>
-      </Row>
-    </div>
-  );
-};
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  key: 'default',
-};
-
-export default componentDemo;

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

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

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

@@ -1,18 +0,0 @@
-import { HomeOutlined, LoadingOutlined, SettingFilled, SmileOutlined, SyncOutlined } from '@ant-design/icons';
-import { Space } from 'antd';
-import React from 'react';
-import type { ComponentDemo } from '../../interface';
-
-const Demo = () => (
-  <Space>
-    <HomeOutlined /> <SettingFilled /> <SmileOutlined /> <SyncOutlined spin />
-    <SmileOutlined rotate={180} /> <LoadingOutlined />
-  </Space>
-);
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  key: 'default',
-};
-
-export default componentDemo;

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

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

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

@@ -1,16 +0,0 @@
-import { Image } from 'antd';
-import React from 'react';
-
-import type { ComponentDemo } from '../../interface';
-
-const Demo = () => {
-  return <Image width={200} height={200} src="error" placeholder />;
-};
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorBgContainerDisabled'],
-  key: 'disabled',
-};
-
-export default componentDemo;

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

@@ -1,16 +0,0 @@
-import { Image } from 'antd';
-import React from 'react';
-
-import type { ComponentDemo } from '../../interface';
-
-const Demo = () => {
-  return <Image width={200} src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" />;
-};
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorBgMask'],
-  key: 'default',
-};
-
-export default componentDemo;

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

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

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

@@ -1,125 +0,0 @@
-import Alert from './alert';
-import Anchor from './anchor';
-import AutoComplete from './autoComplete';
-import Avatar from './avatar';
-import Badge from './badge';
-import Breadcrumb from './breadcrumb';
-import Button from './button';
-import Calendar from './calendar';
-import Card from './card';
-import Carousel from './carousel';
-import Cascader from './cascader';
-import Checkbox from './checkbox';
-import Collapse from './collapse';
-import DatePicker from './datePicker';
-import Descriptions from './descriptions';
-import Divider from './divider';
-import Drawer from './drawer';
-import Dropdown from './dropdown';
-import Empty from './empty';
-import Form from './form';
-import Grid from './grid';
-import Icon from './icon';
-import Image from './image';
-import Input from './input';
-import InputNumber from './inputNumber';
-import List from './list';
-import Mentions from './mentions';
-import Menu from './menu';
-import Message from './message';
-import Modal from './modal';
-import Notification from './notification';
-import Pagination from './pagination';
-import Popconfirm from './popconfirm';
-import Popover from './popover';
-import Progress from './progress';
-import Radio from './radio';
-import Rate from './rate';
-import Result from './result';
-import Segmented from './segmented';
-import Select from './select';
-import Skeleton from './skeleton';
-import Slider from './slider';
-import Space from './space';
-import Spin from './spin';
-import Statistic from './statistic';
-import Steps from './steps';
-import Switch from './switch';
-import Table from './table';
-import Tabs from './tabs';
-import Tag from './tag';
-import TimePicker from './timePicker';
-import Timeline from './timeline';
-import Tooltip from './tooltip';
-import Transfer from './transfer';
-import Tree from './tree';
-import TreeSelect from './treeSelect';
-import Typography from './typography';
-import Upload from './upload';
-
-import type { ComponentDemo } from '../interface';
-
-export type PreviewerDemos = Record<string, ComponentDemo[]>;
-
-const ComponentDemos: PreviewerDemos = {
-  Alert,
-  Anchor,
-  AutoComplete,
-  Avatar,
-  Badge,
-  Breadcrumb,
-  Button,
-  Calendar,
-  Card,
-  Carousel,
-  Cascader,
-  Checkbox,
-  Collapse,
-  DatePicker,
-  Descriptions,
-  Dropdown,
-  Empty,
-  Form,
-  Grid,
-  Icon,
-  Image,
-  InputNumber,
-  Input,
-  List,
-  Mentions,
-  Modal,
-  Notification,
-  Pagination,
-  Popconfirm,
-  Popover,
-  Radio,
-  Rate,
-  Select,
-  Skeleton,
-  Slider,
-  Spin,
-  Statistic,
-  Switch,
-  Table,
-  Tabs,
-  Tag,
-  TimePicker,
-  Timeline,
-  Tooltip,
-  Transfer,
-  TreeSelect,
-  Tree,
-  Typography,
-  Upload,
-  Divider,
-  Space,
-  Menu,
-  Steps,
-  Segmented,
-  Drawer,
-  Message,
-  Result,
-  Progress,
-};
-
-export default ComponentDemos;

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

@@ -1,13 +0,0 @@
-import { Input } from 'antd';
-import React from 'react';
-
-import type { ComponentDemo } from '../../interface';
-
-const Demo = () => <Input placeholder="Basic usage" value={'右侧的图标就是 colorIcon'} allowClear />;
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorIcon', 'colorIconHover'],
-  key: 'clearIcon',
-};
-export default componentDemo;

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

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

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

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

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

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

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

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

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

@@ -1,25 +0,0 @@
-import { CheckCircleFilled } from '@ant-design/icons';
-import { Input, theme } from 'antd';
-import React from 'react';
-import type { ComponentDemo } from '../../interface';
-
-function onChange() {}
-
-const Demo = () => {
-  const { token } = theme.useToken();
-  return (
-    <Input
-      defaultValue={"I'm the content"}
-      suffix={<CheckCircleFilled style={{ color: token.colorSuccess }} />}
-      onChange={onChange}
-    />
-  );
-};
-
-const componentDemo: ComponentDemo = {
-  demo: <Demo />,
-  tokens: ['colorSuccess'],
-  key: 'warning',
-};
-
-export default componentDemo;