@cuvp1225/antd 0.1.12-beta.5 → 0.1.12-beta.7

package/lib/esm/prototypes/form.js

@@ -1,16 +1,18 @@
 import { Input, Password, TextArea } from './input';
 import { InputNumber } from './input-number';
-import { Switch } from './switch';
+import { Switch } from 'antd';
 import { RadioGroup } from './radio';
 import { Checkbox, CheckboxGroup } from './checkbox';
-import { Select } from './select';
+import { Select } from 'antd';
 import { Cascader } from './cascader';
 import { TreeSelect } from './tree-select';
 import { DatePicker, DateRangePicker } from './date-picker';
 import { TimePicker, TimeRangePicker } from './time-picker';
 import { Upload } from './upload';
+import React from 'react';
 import { StylePrototypes } from './common';
 import { omitProps } from '../helpers';
+import { JSONSetter } from '@music163/tango-designer/lib/esm/setters/json-setter';
 const componentMap = {
     Input,
     Password,
@@ -31,6 +33,78 @@ const componentMap = {
     UploadImage: Upload,
     UploadFile: Upload,
 };
+const formChildren = [{
+        value: '< Input />',
+        label: '输入框',
+    },
+    {
+        value: '< Password />',
+        label: '密码框',
+    },
+    {
+        value: '< TextArea />',
+        label: '文本域',
+    },
+    {
+        value: '< InputNumber />',
+        label: '数字输入框',
+    },
+    {
+        value: '< Switch />',
+        label: '开关',
+    },
+    {
+        value: '< RadioGroup />',
+        label: '单选框组',
+    }, {
+        value: '< Checkbox />',
+        label: '复选框',
+    },
+    {
+        value: '< CheckboxGroup />',
+        label: '复选框组',
+    },
+    {
+        value: '< Select />',
+        label: '选择框',
+    },
+    {
+        value: '< Cascader />',
+        label: '级联选择框',
+    },
+    {
+        value: '< TreeSelect />',
+        label: '树选择框',
+    },
+    {
+        value: '< DatePicker />',
+        label: '日期选择框',
+    },
+    {
+        value: '< DateRangePicker />',
+        label: '日期范围选择框',
+    },
+    {
+        value: '< TimePicker />',
+        label: '时间选择框',
+    },
+    {
+        value: '< TimeRangePicker />',
+        label: '时间范围选择框',
+    },
+    {
+        value: '< UploadImage />',
+        label: '图片上传',
+    },
+    {
+        value: '< UploadFile />',
+        label: '文件上传',
+    },
+    {
+        value: '< Slider />',
+        label: '滑动输入条',
+    }
+];
 export const Form = {
     name: 'Form',
     title: '基本表单',
@@ -40,6 +114,7 @@ export const Form = {
     package: '@cuvp1225/antd',
     help: '最基本的表单组件，可以创建一个轻量级表单。',
     hasChildren: true,
+    hasChildrenItem: true,
     // initChildren:
     // `<Form.Item label="Username" name="username" rules={[{ required: true, message: "Please input your username!" }]}>
     // <Input />
@@ -56,16 +131,60 @@ export const Form = {
     //     Submit
     //   </Button>
     // </Form.Item>`,
-    initChildren: '<FormItem component="Input" label="表单项" ><div><Placeholder></Placeholder></div></FormItem><FormItem component="Input" label="表单项" ><div><Placeholder></Placeholder></div></FormItem><FormItem component="Input" label="表单项" ><div><Placeholder></Placeholder></div></FormItem><FormItem   wrapperCol={{offset: 8,span: 16,}}><Button type="primary" htmlType="submit">提交</Button></FormItem>',
+    initChildren: '<Form.Item component="Input" label="表单项" ><Placeholder></Placeholder></Form.Item>',
     relatedImports: ['FormItem', 'FormFooter', 'Button', 'Input'],
     childrenName: ['FormItem', 'Fieldset', 'FormFooter'],
     props: [
         ...StylePrototypes,
         {
-            name: 'formChildren',
+            name: 'itemArray',
             title: '表单项',
             tip: '表单项子节点',
             setter: 'arraySetter',
+            setterProps: {
+                ArrayProps: [
+                    { label: '标签', name: 'label', required: false, defaultValue: '表单项' },
+                    {
+                        label: '表单组件',
+                        name: 'children',
+                        component: React.createElement(Select, { options: formChildren }),
+                        defaultValue: '< Input />',
+                    },
+                    { label: '是否必填', name: 'required',
+                        component: React.createElement(Switch, null),
+                    },
+                    {
+                        label: '是否显示冒号', name: "colon",
+                        component: React.createElement(Switch, null),
+                        defaultValue: true,
+                    },
+                    {
+                        label: '提示信息', name: "help",
+                    },
+                    {
+                        label: '是否隐藏字段', name: "hidden",
+                        component: React.createElement(Switch, null),
+                    },
+                    // {
+                    //   label:'默认值',name:"initialValue",
+                    // },
+                    // {
+                    //   label:'标签文本对齐方式',name:"labelAlign",
+                    // },
+                    // {
+                    //   label:'label 标签布局',name:"labelCol",
+                    // }
+                    { label: '下拉选项', name: 'options',
+                        component: React.createElement(JSONSetter, { onChange: function (value, detail) {
+                                throw new Error('Function not implemented.');
+                            } }),
+                        getVisible: (form) => {
+                            // 配置项 buttonType 仅在配置项 shape 的值为 button 时才展示
+                            return form.getFieldValue('children').includes("Select");
+                        },
+                    }
+                ]
+            },
         },
         {
             name: 'layout',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuvp1225/antd",
-  "version": "0.1.12-beta.5",
+  "version": "0.1.12-beta.7",
   "description": "antd components for tango app",
   "author": "wwsun <ww.sww@outlook.com>",
   "homepage": "https://github.com/netease/tango-components#readme",
@@ -55,5 +55,5 @@
     "classnames": "^2.3.2",
     "coral-system": "^1.0.6"
   },
-  "gitHead": "c607b6382308fd48a6180ff888a274206beb3039"
+  "gitHead": "a87937f170f41214ef36d7ddb88040549c2d6185"
 }