13 |
15 | )
16 | }
17 |
18 | export default Markdown
19 |
--------------------------------------------------------------------------------
/src/Welcome.stories.tsx:
--------------------------------------------------------------------------------
1 | import { storiesOf } from '@storybook/react'
2 | import * as React from 'react'
3 | import Markdown from './Markdown'
4 | import ReadMe from '../README.md'
5 | import ReadMeZHCN from '../README.zh-CN.md'
6 | import License from '../LICENSE.md'
7 |
8 | storiesOf('Antd Extension|Welcome', module)
9 | .add('Getting Started', () => (
10 | {License})
32 |
--------------------------------------------------------------------------------
/src/form-pro/.babelrc.js:
--------------------------------------------------------------------------------
1 | module.exports = function(api) {
2 | const env = api.cache(() => process.env.TARGET_ENV)
3 | return {
4 | presets: [
5 | [
6 | '@babel/env',
7 | {
8 | modules: env === 'esm' ? false : 'auto',
9 | },
10 | ],
11 |
12 | ['react-app', { flow: false, typescript: true, absoluteRuntime: false }],
13 | ],
14 |
15 | plugins: [['babel-plugin-import', { libraryName: 'antd', style: true }]],
16 |
17 | ignore: ['src/__tests__/', 'src/__stories__/'],
18 | }
19 | }
20 |
--------------------------------------------------------------------------------
/src/form-pro/.npmignore:
--------------------------------------------------------------------------------
1 | src
2 | .babelrc.js
3 | setupTests.js
4 | react-app-env.d.ts
5 | tsconfig.settings.json
--------------------------------------------------------------------------------
/src/form-pro/LICENSE:
--------------------------------------------------------------------------------
1 | MIT LICENSE
2 |
3 | Copyright (c) 2019 zuiidea (zuiiidea@gmail.com)
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining
6 | a copy of this software and associated documentation files (the
7 | "Software"), to deal in the Software without restriction, including
8 | without limitation the rights to use, copy, modify, merge, publish,
9 | distribute, sublicense, and/or sell copies of the Software, and to
10 | permit persons to whom the Software is furnished to do so, subject to
11 | the following conditions:
12 |
13 | The above copyright notice and this permission notice shall be
14 | included in all copies or substantial portions of the Software.
15 |
16 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
17 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
18 | MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
19 | NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
20 | LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
21 | OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
22 | WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
23 |
--------------------------------------------------------------------------------
/src/form-pro/README.md:
--------------------------------------------------------------------------------
1 |
2 |
3 | 
4 |
5 |
2 |
3 |
4 |
5 |
Examples
,
85 | {
86 | name: 'price',
87 | required: true,
88 | render:
100 | {
104 | console.log(values)
105 | }}
106 | onSubmit={(values: any) => {
107 | console.log(values)
108 | }}
109 | />
110 |
111 | )
112 | }
113 | }
114 |
115 | export default CustomizedFormControls
116 |
--------------------------------------------------------------------------------
/src/form-pro/src/__stories__/FormPro.module.less:
--------------------------------------------------------------------------------
1 | .container {
2 | max-width: 600px;
3 | }
4 |
5 | .title {
6 | font-size: 18px;
7 | font-weight: 700;
8 | margin-bottom: 16px;
9 | color: #333;
10 | }
11 |
--------------------------------------------------------------------------------
/src/form-pro/src/__stories__/FormPro.stories.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react'
2 | import { Button, Icon } from 'antd'
3 | import { object } from '@storybook/addon-knobs'
4 | import * as styles from './FormPro.module.less'
5 | import { countryList, colorList, cityList, fruitList, treeData } from './data'
6 | import FormPro from '../FormPro'
7 | import '../style/'
8 |
9 | const columns = [
10 | {
11 | type: 'AutoComplete',
12 | formItemProps: {
13 | dataSource: fruitList,
14 | },
15 | },
16 | {
17 | type: 'Checkbox',
18 | formItemProps: {
19 | children: 'Checkbox',
20 | },
21 | },
22 | {
23 | type: 'CheckboxGroup',
24 | formItemProps: {
25 | options: fruitList,
26 | },
27 | },
28 | {
29 | type: 'DatePicker',
30 | },
31 | {
32 | type: 'MonthPicker',
33 | },
34 | {
35 | type: 'RangePicker',
36 | },
37 | {
38 | type: 'WeekPicker',
39 | },
40 | {
41 | type: 'Cascader',
42 | formItemProps: {
43 | options: cityList,
44 | },
45 | },
46 | {
47 | type: 'Input',
48 | formItemProps: {
49 | placeholder: 'Please input your name',
50 | },
51 | },
52 | {
53 | type: 'InputSearch',
54 | formItemProps: {
55 | placeholder: 'Please input search keywords',
56 | },
57 | },
58 | {
59 | type: 'InputPassword',
60 | formItemProps: {
61 | placeholder: 'Please input password',
62 | },
63 | },
64 | {
65 | type: 'InputTextArea',
66 | },
67 | {
68 | type: 'InputNumber',
69 | formItemProps: {
70 | min: 1,
71 | max: 10,
72 | },
73 | },
74 | {
75 | type: 'Mentions',
76 | extraProps: {
77 | dataSource: countryList.concat(colorList),
78 | },
79 | },
80 | {
81 | type: 'Select',
82 | formItemProps: {
83 | placeholder: 'Please select a country',
84 | },
85 | extraProps: {
86 | dataSource: countryList,
87 | },
88 | },
89 | {
90 | type: 'Select',
91 | name: 'SelectMultiple',
92 | label: 'Select[multiple]',
93 | formItemProps: {
94 | placeholder: 'Please select your favourite colors',
95 | mode: 'multiple',
96 | },
97 | extraProps: {
98 | dataSource: colorList,
99 | },
100 | },
101 | {
102 | type: 'Slider',
103 | formItemProps: {
104 | marks: {
105 | 0: 'A',
106 | 20: 'B',
107 | 40: 'C',
108 | 60: 'D',
109 | 80: 'E',
110 | 100: 'F',
111 | },
112 | },
113 | },
114 | {
115 | type: 'Rate',
116 | },
117 | {
118 | type: 'Radio',
119 | formItemProps: {
120 | children: 'Radio',
121 | },
122 | },
123 | {
124 | type: 'RadioGroup',
125 | extraProps: {
126 | dataSource: colorList,
127 | },
128 | },
129 | {
130 | type: 'RadioButtonGroup',
131 | extraProps: {
132 | dataSource: countryList,
133 | },
134 | },
135 | {
136 | type: 'TreeSelect',
137 | formItemProps: {
138 | treeData,
139 | },
140 | },
141 | {
142 | type: 'TimePicker',
143 | },
144 | {
145 | type: 'Upload',
146 | formItemProps: {
147 | name: 'logo',
148 | action: '/upload.do',
149 | listType: 'picture',
150 | children: (
151 |
154 | ),
155 | },
156 | },
157 | {
158 | type: 'UploadDragger',
159 | formItemProps: {
160 | name: 'logo',
161 | action: '/upload.do',
162 | listType: 'picture',
163 | children:
185 | Examples
,
188 | // tslint:disable-next-line:ter-arrow-parens
189 | ...columns.map(item => {
190 | if (item.type === 'Upload' || item.type === 'UploadDragger') {
191 | return item
192 | }
193 | return object(item.name, item, 'columns')
194 | }),
195 | ]}
196 | formProps={formProps}
197 | onChange={(values: any, changedValues: any) => {
198 | console.log(values, changedValues)
199 | }}
200 | onSubmit={(values: any) => {
201 | console.log(values)
202 | }}
203 | />
204 |
205 | )
206 | }
207 |
208 | export default StandardFormPro
209 |
--------------------------------------------------------------------------------
/src/form-pro/src/__stories__/WithModal.stories.tsx:
--------------------------------------------------------------------------------
1 | import { Button, Icon, Modal } from 'antd'
2 | import * as React from 'react'
3 | import FormPro from '../FormPro'
4 | import * as styles from './FormPro.module.less'
5 | import '../style/'
6 |
7 | const { Fragment, PureComponent } = React
8 |
9 | const columns = [
10 | {
11 | name: 'username',
12 | type: 'Input',
13 | required: true,
14 | formItemProps: {
15 | prefix:
79 |
91 |
92 | Examples
80 |
90 |