7 | {['date', 'month'].map(type => (
8 |
9 | console.log(v)} />
10 |
11 | ))}
12 |
13 | {['12px', '16px', '30px', '2em', '3rem'].map(size => (
14 |
15 | ))}
16 |
17 | );
18 | // demo end
19 |
20 | export default Demo;
21 |
--------------------------------------------------------------------------------
/src/components/SvgIcon/SvgIcon.md:
--------------------------------------------------------------------------------
1 | ### 说明
2 |
3 | - 这是 SvgIcon 组件，主要是组件内部使用的一些图标，目前直接不建议使用
4 |
5 | ### 演示
6 |
7 | #### 演示
8 |
9 | ```js {"codepath": "svgIcon.jsx"}
10 | ```
11 |
12 | #### type - 图标类型
13 |
14 | ```js {"codepath": "svgIcon-type.jsx"}
15 | ```
16 |
17 | #### color - 颜色
18 |
19 | ```js {"codepath": "svgIcon-color.jsx"}
20 | ```
21 |
22 | #### spin - 是否旋转
23 |
24 | ```js {"codepath": "svgIcon-spin.jsx"}
25 | ```
26 |
27 | #### size - 尺寸
28 |
29 | ```js {"codepath": "svgIcon-size.jsx"}
30 | ```
31 |
--------------------------------------------------------------------------------
/src/components/Calendar/__demo__/base.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | import Calendar from 'src/components/Calendar';
4 |
5 | // demo start
6 | const Demo = () => (
7 |
8 | console.log('select', v)}
10 | onChange={v => console.log('change', v)}
11 | rules={{ range: [Date.now() - 7 * 24 * 60 * 60 * 1000, Date.now() + 7 * 24 * 60 * 60 * 1000] }}
12 | />
13 |
14 | );
15 | // demo end
16 |
17 | export default Demo;
18 |
--------------------------------------------------------------------------------
/src/components/SvgIcon/icons/CircleYesMdFill.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | export default React.memo(() => (
4 |
5 | ));
6 |
--------------------------------------------------------------------------------
/src/components/SvgIcon/icons/Search.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | export default React.memo(() => (
4 |
5 | ));
6 |
--------------------------------------------------------------------------------
/.recodo/data/Link.doc.json:
--------------------------------------------------------------------------------
1 | {
2 | "Button": {
3 | "path": "Link/Button.md",
4 | "name": "Button",
5 | "info": "### 说明\n\n- 这是 Link.Button 子组件，提供 Button 样式的 Link 组件，除了支持 Link 的属性外，还支持 Button 的样式属性\n\n### 演示\n\n- 普通使用\n\n```js {\"codepath\": \"button.jsx\"}\n```\n"
6 | },
7 | "Link": {
8 | "path": "Link/Link.md",
9 | "name": "Link",
10 | "info": "### 说明\n\n- 这是 Link 组件，主要是针对 a 标签进行样式封装\n\n### 演示\n\n- 普通使用\n\n```js {\"codepath\": \"base.jsx\"}\n```\n"
11 | }
12 | }
13 |
--------------------------------------------------------------------------------
/.recodo/data/PopConfirm.doc.json:
--------------------------------------------------------------------------------
1 | {
2 | "PopConfirm": {
3 | "path": "PopConfirm/PopConfirm.md",
4 | "name": "PopConfirm",
5 | "info": "### 说明\n\n- 这是 PopConfirm 组件，用作一些按钮操作的二次确认\n- PopConfirm 由 Tooltip 封装，支持所有 Tooltip 的 props\n\n### 演示\n\n#### 普通使用\n\n```js {\"codepath\": \"popConfirm.jsx\"}\n```\n\n#### onConfirm - 确认按钮回调\n\n```js {\"codepath\": \"onConfirm.jsx\"}\n```\n\n#### onCancel - 取消按钮回调\n\n```js {\"codepath\": \"onCancel.jsx\"}\n```\n\n#### 演示\n\n```js {\"codepath\": \"demo.jsx\"}\n```\n"
6 | }
7 | }
8 |
--------------------------------------------------------------------------------
/src/components/Button/__demo__/size.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | import Button from 'src/components/Button';
4 |
5 | // demo start
6 | const { Sizes } = Button;
7 |
8 | const Demo = () => {
9 | return (
10 |
11 | {Sizes.map(size => (
12 |
15 | ))}
16 |
17 | );
18 | };
19 | // demo end
20 |
21 | export default Demo;
22 |
--------------------------------------------------------------------------------
/src/components/ConfigProvider/ConfigProvider.md:
--------------------------------------------------------------------------------
1 | ### 说明
2 |
3 | 这是 ConfigProvider 组件，用于统一配置应用的配置
4 |
5 | ### 演示
6 |
7 | #### 普通使用
8 |
9 | ```js {"codepath": "demo.jsx"}
10 | ```
11 |
12 | #### theme - 用作定义主题
13 |
14 | ```js {"codepath": "theme.jsx"}
15 | ```
16 |
17 | #### locale - 用作定义语言
18 |
19 | ```js {"codepath": "locale.jsx"}
20 | ```
21 |
22 | #### iconDefaultPrefix - icon 默认前缀
23 |
24 | ```js {"codepath": "icon.jsx"}
25 | ```
26 |
27 | #### actionListAutoAdjustment
28 |
29 | ```js {"codepath": "actionList.jsx"}
30 | ```
31 |
--------------------------------------------------------------------------------
/src/components/SvgIcon/__demo__/svgIcon-color.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | import SvgIcon from 'src/components/SvgIcon';
4 |
5 | // demo start
6 | const layout = {
7 | style: {
8 | marginRight: 10
9 | }
10 | };
11 | const Demo = () => (
12 |
13 | {['black', 'white', 'red', 'green', 'blue', 'purple', '#18E1c9'].map(color => (
14 |
15 | ))}
16 |
17 | );
18 | // demo end
19 |
20 | export default Demo;
21 |
--------------------------------------------------------------------------------
/src/components/Upload/locale/zh_CN.js:
--------------------------------------------------------------------------------
1 | export default {
2 | selectFile: '请选择文件',
3 | selectFileTip: '请选择符合规则的文件',
4 | emptyTip: '你还未上传任何内容',
5 | retry: '重试',
6 | uploading: '上传中...',
7 | defaultUploadErrorTip: '上传失败，请重试',
8 | defaultErrorTipTitle: '无法添加文件',
9 | defaultErrorTip: '请检查添加的文件是否符合规则',
10 | maxCountErrorTip: '最大文件数量为 {maxCount}',
11 | typeErrorTip: '支持的文件类型为 {accept}',
12 | maxSizeErrorTip: '文件最大尺寸为 {size}',
13 | dropzoneMainTip: '拖拽文件到此处上传',
14 | dropzoneSubTip: '请上传符合要求的文件'
15 | };
16 |
--------------------------------------------------------------------------------
/src/components/Radio/__demo__/group-size.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Radio from 'src/components/Radio';
3 |
4 | // demo start
5 | const { Size } = Radio;
6 | const options = [1, 2, 3];
7 | const Demo = () => (
8 |
9 | {Size.map(size => (
10 |
11 | ({ value: v, styleType: 'button' }))} />
12 |
13 | ))}
14 |
8 | console.log('select', v)}
11 | onChange={v => console.log('change', v)}
12 | rules={{ range: [Date.now() - 3 * 30 * 24 * 60 * 60 * 1000, Date.now() + 3 * 30 * 24 * 60 * 60 * 1000] }}
13 | />
14 |
15 | );
16 | // demo end
17 |
18 | export default Demo;
19 |
--------------------------------------------------------------------------------
/src/components/Cascader/interface.ts:
--------------------------------------------------------------------------------
1 | import { ReactNode } from 'react';
2 |
3 | export type Key = string;
4 |
5 | export interface LoadData {
6 | (expandedKeys: Key[]): Promise;
7 | }
8 |
9 | export interface CascadeData {
10 | // 唯一键，所有值的字符串不得重复，会用作 key 和选中判定，如果为其它值会转为 string 再应用
11 | key: Key;
12 | // 选项标题内容
13 | title: ReactNode;
14 | // 子数据，存在即为父节点，不存在即为叶子结点，与程序树有差异，原因详见说明
15 | children?: CascadeData[];
16 | // 是否禁用，父节点禁用会禁用所有子孙节点
17 | disabled?: boolean;
18 | // 是否强制为父节点
19 | isParent?: boolean;
20 | }
21 |
--------------------------------------------------------------------------------
/src/components/Radio/__demo__/group-disabled.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Radio from 'src/components/Radio';
3 |
4 | // demo start
5 | const options = [1, 2, 3];
6 | const Demo = () => (
7 |
8 |
9 | ({ value: v }))} />
10 |
11 |
12 | ({ value: v }))} />
13 |
14 |
8 | console.log('change', v)}
11 | rangeValue={[
12 | new Date(Date.now() - 30 * 24 * 60 * 60 * 1000),
13 | new Date(Date.now() + 30 * 24 * 60 * 60 * 1000)
14 | ]}
15 | />
16 |
17 | );
18 | // demo end
19 |
20 | export default Demo;
21 |
--------------------------------------------------------------------------------
/src/components/ConfigProvider/__demo__/locale.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | import ConfigProvider from 'src/components/ConfigProvider';
4 | import Pagination from 'src/components/Pagination';
5 |
6 | // demo start
7 | const Demo = () => (
8 |
13 | );
14 | // demo end
15 |
16 | export default Demo;
17 |
--------------------------------------------------------------------------------
/src/components/DatePicker/index.tsx:
--------------------------------------------------------------------------------
1 | import { Sizes } from 'src/type';
2 |
3 | import DatePicker from './DatePicker';
4 | import Month from './Month';
5 | import Range from './Range';
6 |
7 | type TExportDatePicker = typeof DatePicker & {
8 | Month: typeof Month;
9 | Range: typeof Range;
10 | Sizes: typeof Sizes;
11 | };
12 |
13 | const ExportDatePicker: TExportDatePicker = DatePicker as TExportDatePicker;
14 | ExportDatePicker.Month = Month;
15 | ExportDatePicker.Range = Range;
16 | ExportDatePicker.Sizes = Sizes;
17 |
18 | export default ExportDatePicker;
19 |
--------------------------------------------------------------------------------
/src/components/EditableTable/EditableTable.md:
--------------------------------------------------------------------------------
1 | ### 说明
2 |
3 | - 这是 EditableTable 组件，主要用于列表项的编辑删除
4 | - 与表格的区别
5 | 1. pagination 固定为 null
6 | 2. emptyContent 固定为 null
7 | 3. columns 中添加了删除列
8 | - 其余属性与 Table 保持一致
9 |
10 | ### 演示
11 |
12 | #### 普通使用
13 |
14 | ```js {"codepath": "editableTable.jsx"}
15 | ```
16 |
17 | #### addition - 添加
18 |
19 | ```js {"codepath": "addition.jsx"}
20 | ```
21 |
22 | #### rowDeletion - 删除
23 |
24 | ```js {"codepath": "rowDeletion.jsx"}
25 | ```
26 |
27 | #### 样例演示
28 |
29 | ```js {"codepath": "demo.jsx"}
30 | ```
31 |
--------------------------------------------------------------------------------
/src/components/Table/locale/en_US.js:
--------------------------------------------------------------------------------
1 | export default {
2 | emptyTip: 'Data is empty',
3 | search: 'Search',
4 | filter: 'Filter',
5 | searchResult: 'Search result',
6 | items: 'Items',
7 | reset: 'Reset search and filter',
8 | period: '.',
9 | semicolon: ';',
10 | colon: ': ',
11 | selected: 'Selected',
12 | cancelSelect: 'Cancel select',
13 | columnConfigHeader: 'Custom columns',
14 | columnConfigTip: 'When you clean cache or change browser, the saving record will lost.',
15 | columnConfigSelected: 'Selected'
16 | };
17 |
--------------------------------------------------------------------------------
/shared/DemoWrap.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import classnames from 'classnames';
3 | import PropTypes from 'prop-types';
4 |
5 | const DemoWrap = ({ children, className, title }) => {
6 | return (
7 | <>
8 | {title && {title}
}
9 | {children}
10 |
11 | );
12 | };
13 | DemoWrap.propTypes = {
14 | children: PropTypes.node,
15 | className: PropTypes.string,
16 | title: PropTypes.node
17 | };
18 | export default DemoWrap;
19 |
--------------------------------------------------------------------------------
/src/components/Button/__demo__/styleType.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | import Button from 'src/components/Button';
4 |
5 | // demo start
6 | const { StyleTypes } = Button;
7 |
8 | const Demo = () => {
9 | return (
10 |
11 | {StyleTypes.map(styleType => (
12 |
15 | ))}
16 |
17 | );
18 | };
19 | // demo end
20 |
21 | export default Demo;
22 |
--------------------------------------------------------------------------------
/src/components/LocaleProvider/__demo__/localeprovider.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import LocaleProvider from 'src/components/LocaleProvider';
3 | import Pagination from 'src/components/Pagination';
4 |
5 | // demo start
6 | const Demo = () => (
7 |
12 | );
13 | // demo end
14 |
15 | export default Demo;
16 |
--------------------------------------------------------------------------------
/src/components/SvgIcon/icons/CircleCrossFill.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | export default React.memo(() => (
4 |
5 | ));
6 |
--------------------------------------------------------------------------------
/src/components/SvgIcon/icons/TickSmall.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | export default React.memo(() => (
4 |
5 | ));
6 |
--------------------------------------------------------------------------------
/src/components/TimePicker/__demo__/disabled.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | import demoUtil from 'shared/demoUtil';
4 | import TimePicker from 'src/components/TimePicker';
5 |
6 | // demo start
7 | const { DemoWrap } = demoUtil;
8 | const Demo = () => {
9 | return (
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 | );
19 | };
20 | // demo end
21 |
22 | export default Demo;
23 |
--------------------------------------------------------------------------------
/src/components/TimePicker/__demo__/nullable.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | import demoUtil from 'shared/demoUtil';
4 | import TimePicker from 'src/components/TimePicker';
5 |
6 | // demo start
7 | const { DemoWrap } = demoUtil;
8 | const Demo = () => {
9 | return (
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 | );
19 | };
20 | // demo end
21 |
22 | export default Demo;
23 |
--------------------------------------------------------------------------------
/src/components/TimePicker/__demo__/size.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | import demoUtil from 'shared/demoUtil';
4 | import TimePicker from 'src/components/TimePicker';
5 |
6 | // demo start
7 | const { DemoWrap } = demoUtil;
8 | const Demo = () => {
9 | return (
10 |
11 | {['sm', 'md', 'lg'].map(size => (
12 |
13 |
14 |
15 | ))}
16 |
17 | );
18 | };
19 | // demo end
20 |
21 | export default Demo;
22 |
--------------------------------------------------------------------------------
/src/libs/rc-trigger/src/mock.js:
--------------------------------------------------------------------------------
1 | import Portal from 'rc-util/lib/Portal';
2 | import Trigger from './index';
3 |
4 | Portal.prototype.render = function () {
5 | // eslint-disable-line
6 | return this.props.children;
7 | };
8 |
9 | const render = Trigger.prototype.render;
10 |
11 | Trigger.prototype.render = function () {
12 | // eslint-disable-line
13 | const tree = render.call(this);
14 |
15 | if (this.state.popupVisible || this._component) {
16 | return tree;
17 | }
18 |
19 | return tree[0];
20 | };
21 |
22 | export default Trigger;
23 |
--------------------------------------------------------------------------------
/src/components/EditableList/EditableList.md:
--------------------------------------------------------------------------------
1 | ### 说明
2 |
3 | 这是 EditableList 可编辑列表组件
4 |
5 | ### 演示
6 |
7 | #### 普通使用
8 |
9 | ```js {"codepath": "editableList.jsx"}
10 | ```
11 |
12 | #### addition - 添加
13 |
14 | ```js {"codepath": "addition.jsx"}
15 | ```
16 |
17 | #### itemDeletion - 项删除
18 |
19 | ```js {"codepath": "itemDeletion.jsx"}
20 | ```
21 |
22 | #### grid - 布局
23 |
24 | ```js {"codepath": "grid.jsx"}
25 | ```
26 |
27 | #### size - 空间尺寸
28 |
29 | ```js {"codepath": "size.jsx"}
30 | ```
31 |
32 | #### demo - 案例演示
33 |
34 | ```js {"codepath": "demo.jsx"}
35 | ```
36 |
--------------------------------------------------------------------------------
/src/components/LocaleProvider/__demo__/localefile.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | import LocaleProvider from 'src/components/LocaleProvider';
4 | import Pagination from 'src/components/Pagination';
5 | import ENLocale from 'src/components/LocaleProvider/locale/en_US';
6 |
7 | // demo start
8 | const Demo = () => (
9 |
14 | );
15 | // demo end
16 |
17 | export default Demo;
18 |
--------------------------------------------------------------------------------
/src/components/Message/__demo__/message.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | import Message from 'src/components/Message';
4 |
5 | // demo start
6 | const { StyleType } = Message;
7 | const Demo = () => {
8 | return (
9 |
10 | {StyleType.map(styleType => (
11 |
12 | this is a message
} />
13 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
8 | {children}
9 |
10 | );
11 | };
12 | DemoBlock.propTypes = {
13 | children: PropTypes.node,
14 | className: PropTypes.string,
15 | lg: PropTypes.bool,
16 | row: PropTypes.bool
17 | };
18 | export default DemoBlock;
19 |
--------------------------------------------------------------------------------
/src/components/Input/__demo__/input-clearable.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | import Input from 'src/components/Input';
4 |
5 | // demo start
6 | class Demo extends React.Component {
7 | render() {
8 | return (
9 |
17 | );
18 | }
19 | }
20 | // demo end
21 |
22 | export default Demo;
23 |
--------------------------------------------------------------------------------
/src/components/Steps/Steps.md:
--------------------------------------------------------------------------------
1 | ### 说明
2 |
3 | 这是步骤条组件
4 |
5 | ### 演示
6 |
7 | #### 演示
8 |
9 | ```js {"codepath": "steps.jsx"}
10 | ```
11 |
12 | #### steps - 步骤
13 |
14 | ```js {"codepath": "steps-steps.jsx"}
15 | ```
16 |
17 | #### status - 状态
18 |
19 | ```js {"codepath": "steps-status.jsx"}
20 | ```
21 |
22 | #### current - 当前 step
23 |
24 | ```js {"codepath": "steps-current.jsx"}
25 | ```
26 |
27 | #### vertical - 纵向 step
28 |
29 | ```js {"codepath": "steps-vertical.jsx"}
30 | ```
31 |
32 | #### onChange - 可点击 step
33 |
34 | ```js {"codepath": "steps-change.jsx"}
35 | ```
36 |
--------------------------------------------------------------------------------
/src/components/Switch/__demo__/size.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Switch from 'src/components/Switch';
3 |
4 | // demo start
5 | const { Sizes } = Switch;
6 | class Demo extends React.Component {
7 | render() {
8 | return (
9 |
10 | {Sizes.map(size => (
11 |
12 |
13 |
14 | ))}
15 |
11 | {Sizes.map(size => (
12 |
13 |
14 |
15 | ))}
16 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
9 |
12 |
15 | );
16 | };
17 | // demo end
18 |
19 | export default Demo;
20 |
--------------------------------------------------------------------------------
/src/components/Input/__demo__/search-disabled.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Input from 'src/components/Input';
3 |
4 | // demo start
5 | class Demo extends React.Component {
6 | render() {
7 | return (
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
10 | {Sizes.map(size => (
11 |
12 |
13 |
14 | ))}
15 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
{title}
10 | {children}
11 |
12 | );
13 | };
14 | SubArea.propTypes = {
15 | title: PropTypes.node,
16 | children: PropTypes.node
17 | };
18 |
19 | export default React.memo(SubArea);
20 |
--------------------------------------------------------------------------------
/src/components/Combine/__demo__/null.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | import Combine from 'src/components/Combine';
4 | import Input from 'src/components/Input';
5 |
6 | // demo start
7 | const Demo = () => (
8 |
9 |
10 |
11 | {undefined}
12 |
13 | {null}
14 | {undefined}
15 | {''}
16 | {false}
17 |
18 |
19 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
10 | {Sizes.map(size => (
11 |
12 |
13 |
14 | ))}
15 |
10 | {Size.map(size => (
11 |
12 | checkbox
13 |
14 | ))}
15 |
11 | {Sizes.map(size => (
12 |
13 |
14 |
15 | ))}
16 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 | );
20 | // demo end
21 |
22 | export default Demo;
23 |
--------------------------------------------------------------------------------
/src/components/Input/__demo__/input-icon.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Input from 'src/components/Input';
3 |
4 | // demo start
5 | const IconType = ['circle-fill', 'circle', 'loading'];
6 | class Demo extends React.Component {
7 | render() {
8 | return (
9 |
10 | {IconType.map(icon => (
11 |
12 |
13 |
14 | ))}
15 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
10 | {Sizes.map(size => (
11 |
12 |
13 |
14 | ))}
15 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
11 | {Theme.map(theme => (
12 |
13 |
14 |
15 |
16 |
17 | ))}
18 |
9 |
10 | unchecked
11 |
12 |
13 | checked
14 |
15 |
9 |
10 | common
11 |
12 |
13 | disabled
14 |
15 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
8 |
9 | ({ value: v }))} />
10 |
11 |
12 | ({ value: v }))} />
13 |
14 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |