@cuvp1225/antd 0.2.74 → 0.2.76

package/lib/esm/components/upload.js

@@ -0,0 +1,47 @@
+import { __rest } from "tslib";
+import { Upload as AntUpload } from 'antd';
+import { defineComponent } from '@music163/tango-boot';
+import React, { useEffect, useRef } from 'react';
+import { SLOT } from '@music163/tango-helpers';
+function UploadDesigner(_a) {
+    var { children, title } = _a, _b = SLOT.dnd, dataDnd = _a[_b], _c = SLOT.id, dataId = _a[_c], { style } = _a, rest = __rest(_a, ["children", "title", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
+    const uploadRef = useRef(null);
+    useEffect(() => {
+        Promise.resolve().then(() => {
+            const popoverNode = document.querySelector(`.${dataId}`);
+            console.log('uploadNode', popoverNode);
+            if (popoverNode) {
+                popoverNode.setAttribute('data-dnd', dataDnd);
+                popoverNode.setAttribute('data-id', dataId);
+            }
+        });
+    }, [dataDnd, dataId]);
+    // 监听弹层显示事件
+    // const handleVisibleChange = (visible: boolean) => {
+    //   console.log('handleVisibleChange', visible);
+    //   if (visible) {
+    //     // 使用微任务确保弹层已渲染
+    //     Promise.resolve().then(() => {
+    //       const popoverNode = document.querySelector('.ant-popover-placement-top');
+    //       console.log('popoverNode' ,popoverNode)
+    //       if (popoverNode) {
+    //         popoverNode.setAttribute('data-dnd', dataDnd);
+    //         popoverNode.setAttribute('data-id', dataId);
+    //       }
+    //     });
+    //   }
+    // };
+    return (React.createElement("div", { ref: uploadRef },
+        React.createElement(AntUpload, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId }, rest), children)));
+}
+export const Upload = defineComponent(AntUpload, {
+    name: 'Upload',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            console.log("Upload:  designerProps:", designerProps, "originalProps:", originalProps);
+            return React.createElement(UploadDesigner, Object.assign({ title: "Are you sure?" }, designerProps, originalProps));
+        },
+    },
+    // designerConfig: {
+    // },
+});

package/lib/esm/prototypes/anchor.js

@@ -8,6 +8,7 @@ export const Anchor = {
     props: [
         ...StylePrototypes,
         { name: 'affix', title: '固定模式', setter: 'boolSetter', initValue: true },
+        { name: 'items', title: '锚点列表', setter: 'arraySetter', initValue: [{ title: '锚点1', href: '#1' }] },
         {
             name: 'bounds',
             title: '锚点区域边界',

package/lib/esm/prototypes/auto-complete.js

@@ -172,13 +172,14 @@ export const AutoComplete = {
         {
             name: 'style',
             title: '样式对象',
-            setter: 'expressionSetter',
-            setterProps: {
-                expressionType: 'cssObject',
-            },
+            // setter: 'expressionSetter',
+            // setterProps: {
+            //   expressionType: 'cssObject',
+            // },
+            setter: 'cssSetter',
             group: 'style',
             initValue: '{{{width: "200px"}}}',
-            autoCompleteOptions: ['{}'],
+            // autoCompleteOptions: ['{}'],
         },
         {
             name: 'className',

package/lib/esm/prototypes/breadcrumb.js

@@ -16,6 +16,7 @@ export const Breadcrumb = {
             name: 'separator',
             title: '分隔符自定义',
             setter: 'expressionSetter',
+            initValue: '>',
         },
         {
             name: 'itemRender',
@@ -23,8 +24,31 @@ export const Breadcrumb = {
             tip: '自定义链接函数，和 react-router 配置使用',
             setter: 'expressionSetter',
         },
-        { name: 'params', title: '路由的参数', setter: 'expressionSetter' },
-        { name: 'routes', title: 'router 的路由栈信息', setter: 'expressionSetter' },
+        {
+            name: 'params',
+            title: '路由的参数',
+            tip: '输入格式为: { id: 1 }',
+            setter: 'expressionSetter'
+        },
+        {
+            name: 'routes',
+            title: 'router 的路由栈信息',
+            setter: 'expressionSetter',
+            initValue: null,
+            autoCompleteOptions: [
+                `[
+{ path: "/home", breadcrumbName: "Home" },
+{
+path: "/user",
+breadcrumbName: "User",
+children: [
+{ path: "/user1", breadcrumbName: "User1" },
+{ path: "/user2", breadcrumbName: "User2" },
+],
+},
+]`
+            ]
+        },
     ],
 };
 export const BreadcrumbItem = {
@@ -37,9 +61,14 @@ export const BreadcrumbItem = {
     props: [
         ...StylePrototypes,
         { name: 'children', title: '文案', setter: 'textSetter', initValue: '节点名称' },
-        { name: 'href', title: '链接的目的地', setter: 'textSetter' },
         {
-            name: 'overlay',
+            name: 'href',
+            title: '链接的目的地',
+            setter: 'textSetter',
+            initValue: null,
+        },
+        {
+            name: 'menu',
             title: '下拉菜单的内容',
             setter: 'expressionSetter',
             group: 'advanced',

package/lib/esm/prototypes/descriptions.js

@@ -18,6 +18,18 @@ export const Descriptions = {
             setter: 'textSetter',
             initValue: '标题',
         },
+        {
+            name: 'items',
+            title: '数据源',
+            tip: '支持异步数据载入',
+            setter: 'optionSetter',
+            initValue: [
+                { label: 'UserName', value: 'user1' },
+                { label: 'Telephone', value: '123456' },
+                { label: 'Live', value: 'Live' },
+            ],
+            group: 'basic',
+        },
         {
             name: 'bordered',
             title: '是否展示边框',

package/lib/esm/prototypes/divider.js

@@ -11,7 +11,7 @@ export const Divider = {
             name: 'children',
             title: '文案',
             setter: 'textSetter',
-            initValue: null,
+            initValue: '分割线',
         },
         {
             name: 'plain',

package/lib/esm/prototypes/modal.js

@@ -74,6 +74,7 @@ export const Modal = {
             tip: '不建议使用，给弹窗绑定id即可控制弹窗开关',
             setter: 'boolSetter',
             group: 'basic',
+            initValue: true,
         },
         ...StylePrototypes,
         {

package/lib/esm/prototypes/page-header.js

@@ -42,6 +42,7 @@ export const PageHeader = {
             name: 'subTitle',
             title: '二级标题文字',
             setter: 'expressionSetter',
+            initValue: '二级标题',
         },
         {
             name: 'tags',
@@ -49,7 +50,7 @@ export const PageHeader = {
             tip: '位于title旁',
             setter: 'expressionSetter',
         },
-        { name: 'title', title: '自定义标题文字', setter: 'expressionSetter' },
+        { name: 'title', title: '自定义标题文字', setter: 'expressionSetter', initValue: '标题' },
         {
             name: 'onBack',
             title: '返回按钮的点击事件',

package/lib/esm/prototypes/radio.js

@@ -31,16 +31,17 @@ export const Radio = {
             initValue: '单项1',
             setter: 'textSetter',
         },
-        {
-            name: 'optionType',
-            title: '选项类型',
-            setter: 'choiceSetter',
-            initValue: 'default',
-            options: [
-                { label: '默认', value: 'default' },
-                { label: '按钮类型', value: 'button' },
-            ],
-        },
+        // `optionType` is only support in Radio.Group
+        // {
+        //   name: 'optionType',
+        //   title: '选项类型',
+        //   setter: 'choiceSetter',
+        //   initValue: 'default',
+        //   options: [
+        //     { label: '默认', value: 'default' },
+        //     { label: '按钮类型', value: 'button' },
+        //   ],
+        // },
         {
             name: 'defaultChecked',
             title: '初始选中',

package/lib/esm/prototypes/slider.js

@@ -101,7 +101,7 @@ export const Slider = {
             name: 'vertical',
             title: '垂直',
             setter: 'boolSetter',
-            tip: '值为 true 时，Slider 为垂直方向',
+            tip: '值为 true 时，Slider 为垂直方向。选则垂直方向时，请配合样式的高度使用',
         },
         {
             name: 'onAfterChange',

package/lib/esm/prototypes/steps.js

@@ -15,13 +15,14 @@ export const Steps = {
         {
             name: 'style',
             title: '样式对象',
-            setter: 'expressionSetter',
-            setterProps: {
-                expressionType: 'cssObject',
-            },
+            // setter: 'expressionSetter',
+            // setterProps: {
+            //   expressionType: 'cssObject',
+            // },
+            setter: 'cssSetter',
             group: 'style',
             initValue: '{{{width: "100%"}}}',
-            autoCompleteOptions: ['{}'],
+            // autoCompleteOptions: ['{}'],
         },
         {
             name: 'className',

package/lib/esm/prototypes/tabs.js

@@ -23,7 +23,7 @@ export const Tabs = {
                     label: '选项卡1',
                     forceRender: false,
                     disabled: false,
-                    // children: '选项卡1',
+                    children: `{{<Placeholder text="放置替换" style={{ margin: "15px"}} />}}`,
                 },
                 {
                     key: '2',
@@ -31,6 +31,7 @@ export const Tabs = {
                     forceRender: false,
                     disabled: false,
                     // children: '选项卡2',
+                    children: `{{<Placeholder text="放置替换" style={{ margin: "15px"}} />}}`,
                 },
             ]
         },

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

@@ -10,17 +10,17 @@ export const TreeSelect = {
     childrenName: 'TreeNode',
     relatedImports: ['TreeNode'],
     props: [
-        // ...StylePrototypes,
         {
             name: 'style',
             title: '样式对象',
-            setter: 'expressionSetter',
-            setterProps: {
-                expressionType: 'cssObject',
-            },
+            // setter: 'expressionSetter',
+            // setterProps: {
+            //   expressionType: 'cssObject',
+            // },
+            setter: 'cssSetter',
             group: 'style',
             initValue: '{{{width: "100%"}}}',
-            autoCompleteOptions: ['{}'],
+            // autoCompleteOptions: ['{}'],
         },
         {
             name: 'className',
@@ -28,6 +28,7 @@ export const TreeSelect = {
             setter: 'classNameSetter',
             group: 'style',
         },
+        // ...StylePrototypes,
         ...InstancePrototypes,
         {
             name: 'treeData',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuvp1225/antd",
-  "version": "0.2.74",
+  "version": "0.2.76",
   "description": "antd components for tango app",
   "author": "wwsun <ww.sww@outlook.com>",
   "homepage": "https://github.com/netease/tango-components#readme",
@@ -54,5 +54,5 @@
     "classnames": "^2.3.2",
     "coral-system": "^1.0.6"
   },
-  "gitHead": "96c8721108eba12392aa5e461542d566702bd61c"
+  "gitHead": "27676ece31a6cbc68404e0c456bb7628e7d421c6"
 }