@cuvp1225/antd 0.3.15 → 0.3.17

package/lib/esm/prototypes/tabs.js

@@ -8,7 +8,7 @@ export const Tabs = {
     package: '@cuvp1225/antd',
     help: '提供平级的区域将大块内容进行收纳和展现，保持界面整洁',
     hasChildren: true,
-    initChildren: '<TabPane key="1" tab="选项卡1"></TabPane><TabPane key="2" tab="选项卡2"></TabPane>',
+    initChildren: `<TabPane key="1" tab="选项卡1"><Placeholder text="放置替换" style={{ marginLeft: "15px", marginRight: "15px" }} /></TabPane><TabPane key="2" tab="选项卡2"><Placeholder text="放置替换" style={{ marginLeft: "15px", marginRight: "15px" }}/></TabPane>`,
     childrenName: 'TabPane',
     relatedImports: ['TabPane'],
     props: [
@@ -17,6 +17,7 @@ export const Tabs = {
             name: 'defaultActiveKey',
             title: '默认选中的面板',
             setter: 'textSetter',
+            initValue: '1',
         },
         {
             name: 'centered',
@@ -31,10 +32,21 @@ export const Tabs = {
                 { label: '基本', value: 'line' },
                 { label: '卡片', value: 'card' },
                 { label: '可编辑卡片', value: 'editable-card' },
-                { label: '胶囊', value: 'capsule' },
-                { label: '文本', value: 'text' },
+                // { label: '胶囊', value: 'capsule' },
+                // { label: '文本', value: 'text' },
             ],
         },
+        {
+            name: 'size',
+            title: '选项卡大小',
+            setter: 'choiceSetter',
+            options: [
+                { label: '大', value: 'large' },
+                { label: '中', value: 'middle' },
+                { label: '小', value: 'small' },
+            ],
+            tip: '提供large、middle和small三种大小',
+        },
         {
             name: 'tabPosition',
             title: '选项卡位置',
@@ -46,6 +58,13 @@ export const Tabs = {
                 { label: '左', value: 'left' },
             ],
         },
+        {
+            name: 'hideAdd',
+            title: '是否隐藏加号图标',
+            tip: '仅在选项卡类型为可编辑卡片时有效',
+            setter: 'boolSetter',
+            getVisible: (form) => form.getValue('type') === 'editable-card',
+        },
         {
             name: 'onChange',
             title: '当面板切换时',
@@ -53,6 +72,15 @@ export const Tabs = {
             group: 'event',
             autoCompleteOptions: ['(activeKey)=>{}'],
         },
+        {
+            name: 'onEdit',
+            title: '新增和删除页签的回调',
+            tip: '仅在选项卡类型为可编辑卡片时有效',
+            setter: 'expressionSetter',
+            group: 'event',
+            autoCompleteOptions: ["(action === 'add' ? event : targetKey, action): void"],
+            getVisible: (form) => form.getValue('type') === 'editable-card',
+        },
         {
             name: 'tabBarExtraContent',
             title: 'tab bar 上额外的元素',

package/lib/esm/prototypes/tree-select.js

@@ -1,4 +1,4 @@
-import { InstancePrototypes, StylePrototypes } from './common';
+import { InstancePrototypes } from './common';
 export const TreeSelect = {
     name: 'TreeSelect',
     title: '树选择',
@@ -10,7 +10,24 @@ export const TreeSelect = {
     childrenName: 'TreeNode',
     relatedImports: ['TreeNode'],
     props: [
-        ...StylePrototypes,
+        // ...StylePrototypes,
+        {
+            name: 'style',
+            title: '样式对象',
+            setter: 'expressionSetter',
+            setterProps: {
+                expressionType: 'cssObject',
+            },
+            group: 'style',
+            initValue: '{{{width: "100%"}}}',
+            autoCompleteOptions: ['{}'],
+        },
+        {
+            name: 'className',
+            title: '自定义样式类名',
+            setter: 'classNameSetter',
+            group: 'style',
+        },
         ...InstancePrototypes,
         {
             name: 'treeData',
@@ -197,6 +214,19 @@ export const TreeSelect = {
             name: 'loadData',
             title: '异步加载数据',
             setter: 'expressionSetter',
+            autoCompleteOptions: [`({ id }) =>
+new Promise((resolve) => {
+  setTimeout(() => {
+    this.setState({
+      treeData: this.state.treeData.concat([
+        genTreeNode(id, false),
+        genTreeNode(id, true),
+        genTreeNode(id, true),
+      ]),
+    });
+    resolve(undefined);
+  }, 300);
+})`]
         },
         {
             name: 'maxTagCount',

package/lib/esm/prototypes/typography.js

@@ -130,11 +130,11 @@ export const Title = {
             title: '标题级别',
             setter: 'pickerSetter',
             options: [
-                { label: 'h1', value: '1' },
-                { label: 'h2', value: '2' },
-                { label: 'h3', value: '3' },
-                { label: 'h4', value: '4' },
-                { label: 'h5', value: '5' },
+                { label: 'h1', value: 1 },
+                { label: 'h2', value: 2 },
+                { label: 'h3', value: 3 },
+                { label: 'h4', value: 4 },
+                { label: 'h5', value: 5 },
             ],
             tip: '数字越小，级别越大',
         },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuvp1225/antd",
-  "version": "0.3.15",
+  "version": "0.3.17",
   "description": "antd components for tango app",
   "author": "wwsun <ww.sww@outlook.com>",
   "homepage": "https://github.com/netease/tango-components#readme",
@@ -49,10 +49,10 @@
     "@cuvp1225/formily": "^0.2.6",
     "@cuvp1225/foundation": "^0.3.2",
     "@music163/tango-boot": "^0.3.3",
-    "@music163/tango-helpers": "^1.2.4",
+    "@music163/tango-helpers": "^1.2.8",
     "antd": "4",
     "classnames": "^2.3.2",
     "coral-system": "^1.0.6"
   },
-  "gitHead": "270119e95d3f2b1d4148647397e08bd17b15fa70"
+  "gitHead": "4f2d4ca7ccca68826914e86aaa553b5d1e952237"
 }