@cuvp1225/antd 0.1.16 → 0.1.17

package/lib/esm/prototypes/collapse.js

@@ -1,4 +1,6 @@
 import { StylePrototypes } from './common';
+import React from 'react';
+import { Switch } from 'antd';
 export const Collapse = {
     name: 'Collapse',
     title: '折叠面板',
@@ -6,12 +8,52 @@ export const Collapse = {
     icon: 'icon-zhediemianban',
     help: '可以折叠/展开的内容区域，对复杂区域进行分组和隐藏，保持页面的整洁',
     type: 'element',
+    hasChildrenItem: true,
     hasChildren: true,
-    childrenName: 'CollapsePanel',
+    childrenName: 'Collapse.Panel',
     initChildren: `<Collapse.Panel  header="panel1" key="1"><Placeholder text="放置替换" /></Collapse.Panel><Collapse.Panel header="panel2" key="2"><Placeholder text="放置替换" /></Collapse.Panel><Collapse.Panel header="panel3" key="3"><Placeholder text="放置替换" /></Collapse.Panel>`,
     relatedImports: ['Placeholder'],
     props: [
         ...StylePrototypes,
+        {
+            name: 'itemArray',
+            title: '子面板',
+            setter: 'arraySetter',
+            setterProps: {
+                ArrayProps: [
+                    {
+                        label: '面板头内容',
+                        name: 'header',
+                    },
+                    {
+                        label: '对应 activeKey',
+                        name: 'key',
+                    },
+                    // {
+                    //   label: '是否可折叠',
+                    //   name: 'collapsible',
+                    //   component: <Switch />
+                    // },
+                    {
+                        label: '自定义渲染',
+                        name: 'extra',
+                        component: React.createElement(Switch, null)
+                    },
+                    {
+                        label: '隐藏时保留',
+                        name: 'forceRender',
+                        component: React.createElement(Switch, null),
+                        defaultValue: false,
+                    },
+                    {
+                        label: '是否展示当前面板上的箭头',
+                        name: 'showArrow',
+                        component: React.createElement(Switch, null),
+                        defaultValue: true,
+                    },
+                ]
+            }
+        },
         {
             name: 'accordion',
             title: '手风琴模式',

package/lib/esm/prototypes/descriptions.js

@@ -7,7 +7,7 @@ export const Descriptions = {
     help: '成组展示多个只读字段，常见于详情页的信息展示',
     type: 'element',
     hasChildren: true,
-    childrenName: 'DescriptionItem',
+    childrenName: 'Description.Item',
     // initChildren: `<DescriptionItem label="标签" content="文本内容" /><DescriptionItem label="标签" content="文本内容" />`,
     // relatedImports: ['DescriptionItem', 'Text'],
     hasChildrenItem: true,

package/lib/esm/prototypes/drawer.js

@@ -8,7 +8,7 @@ export const Drawer = {
     package: '@cuvp1225/antd',
     help: '屏幕边缘滑出的浮层面板。',
     hasChildren: true,
-    initChildren: '',
+    initChildren: '<Placeholder></Placeholder>',
     props: [
         ...StylePrototypes,
         // {

package/lib/esm/prototypes/form.js

@@ -92,16 +92,20 @@ const formChildren = [{
         label: '时间范围选择框',
     },
     {
-        value: '< UploadImage />',
-        label: '图片上传',
+        value: '< Upload />',
+        label: '上传',
     },
     {
-        value: '< UploadFile />',
-        label: '文件上传',
+        value: '< Rate />',
+        label: '评分',
     },
     {
         value: '< Slider />',
         label: '滑动输入条',
+    },
+    {
+        value: '< Placeholder />',
+        label: '插槽',
     }
 ];
 export const Form = {
@@ -131,8 +135,8 @@ export const Form = {
     //   </Button>
     // </Form.Item>`,
     initChildren: '<Form.Item component="Input" label="表单项" ><Placeholder></Placeholder></Form.Item>',
-    relatedImports: ['FormItem', 'FormFooter', 'Button', 'Input'],
-    childrenName: ['FormItem', 'Fieldset', 'FormFooter'],
+    // relatedImports: ['Form.Item', 'FormFooter', 'Button', 'Input'],
+    childrenName: ['Form.Item', 'Fieldset', 'FormFooter'],
     props: [
         ...StylePrototypes,
         {

package/lib/esm/prototypes/list.js

@@ -11,7 +11,7 @@ export const List = {
     type: 'element',
     hasChildren: true,
     hasChildrenItem: true,
-    childrenName: 'ListItem',
+    childrenName: 'List.Item',
     // relatedImports: ['ListItem'],
     initChildren: '<List.Item>列表项</List.Item>',
     props: [

package/lib/esm/prototypes/row.js

@@ -15,8 +15,8 @@ export const Row1 = {
         {
             name: 'gutter',
             title: '栅格间隔',
-            setter: 'textSetter',
-            defaultValue: [20, 20]
+            setter: 'expressionSetter',
+            initValue: 16
         },
     ],
     rules: {

package/lib/esm/prototypes/timeline.js

@@ -13,7 +13,7 @@ export const Timeline = {
     help: '垂直展示的时间流信息，用于一系列信息需按时间排列时',
     hasChildren: true,
     hasChildrenItem: true,
-    childrenName: 'TimelineItem',
+    childrenName: 'Timeline.Item',
     initChildren: `<Timeline.Item>阶段1</Timeline.Item><Timeline.Item>阶段2</Timeline.Item><Timeline.Item>阶段3</Timeline.Item>`,
     //relatedImports: ['TimelineItem'],
     props: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuvp1225/antd",
-  "version": "0.1.16",
+  "version": "0.1.17",
   "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": "ac557f98aa52343b507e2e255dd591a2ab2d3391"
+  "gitHead": "2d92db223f29a6b72052189b0bc1ec2a860dc725"
 }