@cuvp1225/antd 0.2.75 → 0.2.77

package/lib/cjs/components/placeholder.js

@@ -34,15 +34,15 @@ function PlaceholderView(_a) {
     //placeholder = '点击或拖拽组件/区块到这里',
     placeholder = '点击或拖拽组件/区块到这里' } = _a, rest = tslib_1.__rest(_a, ["size", "placeholder"]);
     const height = sizeMap[size];
-    console.log('zcq-PlaceholderView01', rest);
-    //去除rest里的dnd-id属性，解决row等容器组件能否直接选中问题
-    const newRest = Object.keys(rest)
-        .filter(key => key !== "data-dnd")
-        .reduce((acc, key) => {
-        acc[key] = rest[key];
-        return acc;
-    }, {});
-    console.log('zcq-PlaceholderView02', newRest);
-    return (react_1.default.createElement(foundation_1.Box, Object.assign({ className: "tango-placeholder", height: height, css: placeholderStyle }, newRest), placeholder));
+    //console.log('zcq-PlaceholderView01', rest);
+    //去除rest里的dnd-id属性，解决row等容器组件能否直接选中问题(方案废弃，会导致占位符无法被替换)
+    // const newRest = Object.keys(rest)
+    // .filter(key => key !== "data-dnd")
+    // .reduce((acc, key) => {
+    //     acc[key as keyof typeof rest] = rest[key as keyof typeof rest];
+    //     return acc;
+    // }, {} as { [key: string]: any });
+    // console.log('zcq-PlaceholderView02', newRest);
+    return (react_1.default.createElement(foundation_1.Box, Object.assign({ className: "tango-placeholder", height: height, css: placeholderStyle }, rest), placeholder));
 }
 exports.Placeholder = (0, tango_boot_1.defineComponent)(PlaceholderView);

package/lib/cjs/components/popconfirm.js

@@ -15,17 +15,18 @@ function PopconfirmDesigner(_a) {
         if (visible) {
             // 使用微任务确保弹层已渲染
             Promise.resolve().then(() => {
-                const popoverNode = document.querySelector('.ant-popconfirm');
+                const popoverNode = document.querySelector(`#${dataId}`);
                 console.log('popoverNode', popoverNode);
                 if (popoverNode) {
                     popoverNode.setAttribute('data-dnd', dataDnd);
                     popoverNode.setAttribute('data-id', dataId);
+                    popoverNode.setAttribute('draggable', 'true');
                 }
             });
         }
     };
     return (react_1.default.createElement("div", { ref: popconfirmRef },
-        react_1.default.createElement(antd_1.Popconfirm, Object.assign({ title: title, onOpenChange: handleVisibleChange }, rest), children)));
+        react_1.default.createElement(antd_1.Popconfirm, Object.assign({ id: dataId, className: dataId, title: title, onOpenChange: handleVisibleChange }, rest), children)));
 }
 exports.Popconfirm = (0, tango_boot_1.defineComponent)(antd_1.Popconfirm, {
     name: 'Popconfirm',

package/lib/cjs/components/popover.js

@@ -15,17 +15,18 @@ function PopoverDesigner(_a) {
         if (visible) {
             // 使用微任务确保弹层已渲染
             Promise.resolve().then(() => {
-                const popoverNode = document.querySelector('.ant-popover');
+                const popoverNode = document.querySelector(`#${dataId}`);
                 console.log('popoverNode', popoverNode);
                 if (popoverNode) {
                     popoverNode.setAttribute('data-dnd', dataDnd);
                     popoverNode.setAttribute('data-id', dataId);
+                    popoverNode.setAttribute('draggable', 'true');
                 }
             });
         }
     };
     return (react_1.default.createElement("div", { ref: popoverRef },
-        react_1.default.createElement(antd_1.Popover, Object.assign({ title: title, onOpenChange: handleVisibleChange }, rest), children)));
+        react_1.default.createElement(antd_1.Popover, Object.assign({ id: dataId, title: title, onOpenChange: handleVisibleChange }, rest), children)));
 }
 exports.Popover = (0, tango_boot_1.defineComponent)(antd_1.Popover, {
     name: 'Popover',

package/lib/cjs/components/progress.d.ts

@@ -0,0 +1,3 @@
+import { ProgressProps } from 'antd';
+import React from 'react';
+export declare const Progress: React.ForwardRefExoticComponent<ProgressProps & import("@music163/tango-boot").TangoComponentProps & React.RefAttributes<unknown>>;

package/lib/cjs/components/progress.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Progress = void 0;
+const tslib_1 = require("tslib");
+const antd_1 = require("antd");
+const tango_boot_1 = require("@music163/tango-boot");
+const react_1 = tslib_1.__importStar(require("react"));
+const tango_helpers_1 = require("@music163/tango-helpers");
+function ProgressDesigner(_a
+// ProgressProps & { [key: string]: any; dnd?: string; children?: React.ReactNode }
+) {
+    var { children } = _a
+    // ProgressProps & { [key: string]: any; dnd?: string; children?: React.ReactNode }
+    , _b = tango_helpers_1.SLOT.dnd, dataDnd = _a[_b], _c = tango_helpers_1.SLOT.id, dataId = _a[_c], { style } = _a
+    // ProgressProps & { [key: string]: any; dnd?: string; children?: React.ReactNode }
+    , rest = tslib_1.__rest(_a, ["children", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
+    (0, react_1.useEffect)(() => {
+        Promise.resolve().then(() => {
+            const popoverNode = document.querySelector(`#${dataId}`);
+            // console.log('spinNode', popoverNode);
+            if (popoverNode) {
+                popoverNode.setAttribute('data-dnd', dataDnd);
+                popoverNode.setAttribute('data-id', dataId);
+                popoverNode.setAttribute('draggable', 'true');
+            }
+        });
+    }, [dataDnd, dataId]);
+    return (react_1.default.createElement(antd_1.Progress, Object.assign({ id: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children));
+}
+exports.Progress = (0, tango_boot_1.defineComponent)(antd_1.Progress, {
+    name: 'Progress',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            // console.log("Progress:  designerProps:", designerProps, "originalProps:", originalProps);
+            return react_1.default.createElement(ProgressDesigner, Object.assign({}, designerProps, originalProps));
+        }
+    }
+});

package/lib/cjs/components/radio.js

@@ -3,20 +3,23 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.RadioGroup = exports.Radio = void 0;
 const tslib_1 = require("tslib");
 const tango_boot_1 = require("@music163/tango-boot");
+const tango_helpers_1 = require("@music163/tango-helpers");
 const antd_1 = require("antd");
 const react_1 = tslib_1.__importStar(require("react"));
 function RadioDesigner(_a) {
-    var { children, style } = _a, rest = tslib_1.__rest(_a, ["children", "style"]);
+    var { children, style } = _a, _b = tango_helpers_1.SLOT.dnd, dataDnd = _a[_b], _c = tango_helpers_1.SLOT.id, dataId = _a[_c], rest = tslib_1.__rest(_a, ["children", "style", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + ""]);
     // const radioRef = useRef<HTMLDivElement>(null);
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-radio');
+            const popoverNode = document.querySelector(`.${dataId}`);
             console.log('popoverNode', popoverNode);
             if (popoverNode) {
+                popoverNode.setAttribute('data-dnd', dataDnd);
+                popoverNode.setAttribute('data-id', dataId);
                 popoverNode.setAttribute('draggable', 'true');
             }
         });
-    }, []);
+    }, [dataDnd, dataId]);
     // const { optionType } = rest;
     // if (optionType === 'button') {
     //   return (
@@ -25,7 +28,7 @@ function RadioDesigner(_a) {
     //     </div>
     //   );
     // }
-    return (react_1.default.createElement(antd_1.Radio, Object.assign({}, rest, { style: style }), children));
+    return (react_1.default.createElement(antd_1.Radio, Object.assign({}, rest, { style: style, className: dataId, "data-dnd": dataDnd, "data-id": dataId }), children));
 }
 exports.Radio = (0, tango_boot_1.defineComponent)(antd_1.Radio, {
     name: 'Radio',

package/lib/cjs/components/rate.js

@@ -26,7 +26,7 @@ function RateDesigner(_a) {
     // };
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-rate');
+            const popoverNode = document.querySelector(`.${dataId}`);
             console.log('rate', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -36,7 +36,7 @@ function RateDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (react_1.default.createElement("div", { ref: rateRef },
-        react_1.default.createElement(antd_1.Rate, Object.assign({ "data-dnd": dataDnd, "data-id": dataId }, rest))));
+        react_1.default.createElement(antd_1.Rate, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId }, rest))));
 }
 exports.Rate = (0, tango_boot_1.defineComponent)(antd_1.Rate, {
     name: 'Rate',

package/lib/cjs/components/result.js

@@ -11,7 +11,7 @@ function ResultDesigner(_a) {
     const resultRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-result');
+            const popoverNode = document.querySelector(`.${dataId}`);
             console.log('popoverNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -36,7 +36,7 @@ function ResultDesigner(_a) {
     //   }
     // };
     return (react_1.default.createElement("div", { ref: resultRef },
-        react_1.default.createElement(antd_1.Result, Object.assign({ title: title, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+        react_1.default.createElement(antd_1.Result, Object.assign({ className: dataId, title: title, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
 }
 exports.Result = (0, tango_boot_1.defineComponent)(antd_1.Result, {
     name: 'Result',

package/lib/cjs/components/skeleton.js

@@ -26,7 +26,7 @@ function SkeletonDesigner(_a) {
     // };
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-skeleton');
+            const popoverNode = document.querySelector(`.${dataId}`);
             console.log('ant-skeleton', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -36,7 +36,7 @@ function SkeletonDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (react_1.default.createElement("div", { ref: skeletonRef },
-        react_1.default.createElement(antd_1.Skeleton, Object.assign({ "data-dnd": dataDnd, "data-id": dataId }, rest), children)));
+        react_1.default.createElement(antd_1.Skeleton, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId }, rest), children)));
 }
 exports.Skeleton = (0, tango_boot_1.defineComponent)(antd_1.Skeleton, {
     name: 'Skeleton',

package/lib/cjs/components/slider.js

@@ -26,7 +26,7 @@ function SliderDesigner(_a) {
     // };
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-slider');
+            const popoverNode = document.querySelector(`.${dataId}`);
             console.log('rate', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -36,7 +36,7 @@ function SliderDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (react_1.default.createElement("div", { ref: rateRef },
-        react_1.default.createElement(antd_1.Slider, Object.assign({ "data-dnd": dataDnd, "data-id": dataId }, rest))));
+        react_1.default.createElement(antd_1.Slider, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest))));
 }
 exports.Slider = (0, tango_boot_1.defineComponent)(antd_1.Slider, {
     name: 'Slider',

package/lib/cjs/components/spin.js

@@ -11,7 +11,7 @@ function SpinDesigner(_a) {
     const spinRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-spin');
+            const popoverNode = document.querySelector(`.${dataId}`);
             // console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -21,7 +21,10 @@ function SpinDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (react_1.default.createElement("div", { ref: spinRef },
-        react_1.default.createElement(antd_1.Spin, Object.assign({ spinning: spinning, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+        react_1.default.createElement(antd_1.Spin, Object.assign({ className: dataId, spinning: spinning, 
+            // data-dnd={dataDnd}
+            // data-id={dataId}
+            style: style }, rest), children)));
 }
 exports.Spin = (0, tango_boot_1.defineComponent)(antd_1.Spin, {
     name: 'Spin',

package/lib/cjs/components/statistic.js

@@ -8,7 +8,7 @@ const react_1 = tslib_1.__importStar(require("react"));
 const tango_helpers_1 = require("@music163/tango-helpers");
 function StatisticDesigner(_a) {
     var { children, title } = _a, _b = tango_helpers_1.SLOT.dnd, dataDnd = _a[_b], _c = tango_helpers_1.SLOT.id, dataId = _a[_c], { style } = _a, rest = tslib_1.__rest(_a, ["children", "title", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
-    const statisticRef = (0, react_1.useRef)(null);
+    // const statisticRef = useRef<HTMLDivElement>(null);
     // 监听弹层显示事件
     // const handleVisibleChange = (visible: boolean) => {
     //   console.log('handleVisibleChange', visible);
@@ -26,7 +26,7 @@ function StatisticDesigner(_a) {
     // };
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-statistic');
+            const popoverNode = document.querySelector(`.${dataId}`);
             console.log('rate', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -35,8 +35,14 @@ function StatisticDesigner(_a) {
             }
         });
     }, [dataDnd, dataId]);
-    return (react_1.default.createElement("div", { ref: statisticRef },
-        react_1.default.createElement(antd_1.Statistic, Object.assign({ "data-dnd": dataDnd, "data-id": dataId }, rest))));
+    return (
+    //   <div ref={statisticRef}>
+    react_1.default.createElement(antd_1.Statistic, Object.assign({ className: dataId, 
+        // data-dnd={dataDnd}
+        // data-id={dataId}
+        style: style }, rest))
+    // </div>
+    );
 }
 exports.Statistic = (0, tango_boot_1.defineComponent)(antd_1.Statistic, {
     name: 'Statistic',

package/lib/cjs/components/switch.js

@@ -11,7 +11,7 @@ function SwitchDesigner(_a) {
     const switchRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-switch');
+            const popoverNode = document.querySelector(`.${dataId}`);
             // console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);

package/lib/cjs/components/table.js

@@ -11,7 +11,7 @@ function TableDesigner(_a) {
     const tableRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-table');
+            const popoverNode = document.querySelector(`.${dataId}`);
             // console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -21,7 +21,10 @@ function TableDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (react_1.default.createElement("div", { ref: tableRef },
-        react_1.default.createElement(antd_1.Table, Object.assign({ columns: columns, dataSource: dataSource, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+        react_1.default.createElement(antd_1.Table, Object.assign({ className: dataId, columns: columns, dataSource: dataSource, 
+            // data-dnd={dataDnd}
+            // data-id={dataId}
+            style: style }, rest), children)));
 }
 exports.Table = (0, tango_boot_1.defineComponent)(antd_1.Table, {
     name: 'Table',

package/lib/cjs/components/tabs.d.ts

@@ -0,0 +1,3 @@
+import { TabsProps } from 'antd';
+import React from 'react';
+export declare const Tabs: React.ForwardRefExoticComponent<TabsProps & import("@music163/tango-boot").TangoComponentProps & React.RefAttributes<unknown>>;

package/lib/cjs/components/tabs.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tabs = void 0;
+const tslib_1 = require("tslib");
+const antd_1 = require("antd");
+const tango_boot_1 = require("@music163/tango-boot");
+const react_1 = tslib_1.__importStar(require("react"));
+const tango_helpers_1 = require("@music163/tango-helpers");
+function TabsDesigner(_a) {
+    var { children } = _a, _b = tango_helpers_1.SLOT.dnd, dataDnd = _a[_b], _c = tango_helpers_1.SLOT.id, dataId = _a[_c], { style } = _a, rest = tslib_1.__rest(_a, ["children", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
+    (0, react_1.useEffect)(() => {
+        Promise.resolve().then(() => {
+            const popoverNode = document.querySelector(`.${dataId}`);
+            console.log('spinNode', popoverNode);
+            if (popoverNode) {
+                popoverNode.setAttribute('data-dnd', dataDnd);
+                popoverNode.setAttribute('data-id', dataId);
+                popoverNode.setAttribute('draggable', 'true');
+            }
+        });
+    }, [dataDnd, dataId]);
+    return (react_1.default.createElement(antd_1.Tabs, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children));
+}
+exports.Tabs = (0, tango_boot_1.defineComponent)(antd_1.Tabs, {
+    name: 'Tabs',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            console.log("Tabs:  designerProps:", designerProps, "originalProps:", originalProps);
+            return react_1.default.createElement(TabsDesigner, Object.assign({}, designerProps, originalProps));
+        },
+    },
+});

package/lib/cjs/components/tag.js

@@ -11,7 +11,7 @@ function TagDesigner(_a) {
     const tagRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-tag');
+            const popoverNode = document.querySelector(`.${dataId}`);
             // console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -21,7 +21,7 @@ function TagDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (react_1.default.createElement("div", { ref: tagRef },
-        react_1.default.createElement(antd_1.Tag, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+        react_1.default.createElement(antd_1.Tag, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
 }
 exports.Tag = (0, tango_boot_1.defineComponent)(antd_1.Tag, {
     name: 'Tag',

package/lib/cjs/components/time-picker.js

@@ -11,7 +11,7 @@ function TimePickerDesigner(_a) {
     const timePickerRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-timePicker');
+            const popoverNode = document.querySelector(`.${dataId}`);
             // console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -20,7 +20,7 @@ function TimePickerDesigner(_a) {
             }
         });
     }, [dataDnd, dataId]);
-    return (react_1.default.createElement(antd_1.TimePicker, Object.assign({ className: 'ant-timePicker', "data-dnd": dataDnd, "data-id": dataId, style: style }, rest)));
+    return (react_1.default.createElement(antd_1.TimePicker, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest)));
 }
 exports.TimePicker = (0, tango_boot_1.defineComponent)(antd_1.TimePicker, {
     name: 'TimePicker',

package/lib/cjs/components/timeline.d.ts

@@ -1,2 +1,4 @@
-export declare const Timeline: import("react").ForwardRefExoticComponent<import("antd").TimelineProps & import("@music163/tango-boot").TangoComponentProps & import("react").RefAttributes<unknown>>;
-export declare const TimelineItem: import("react").ForwardRefExoticComponent<import("antd").TimelineItemProps & import("@music163/tango-boot").TangoComponentProps & import("react").RefAttributes<unknown>>;
+import { TimelineProps } from 'antd';
+import React from 'react';
+export declare const Timeline: React.ForwardRefExoticComponent<TimelineProps & import("@music163/tango-boot").TangoComponentProps & React.RefAttributes<unknown>>;
+export declare const TimelineItem: React.ForwardRefExoticComponent<import("antd").TimelineItemProps & import("@music163/tango-boot").TangoComponentProps & React.RefAttributes<unknown>>;

package/lib/cjs/components/timeline.js

@@ -1,10 +1,49 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TimelineItem = exports.Timeline = void 0;
+const tslib_1 = require("tslib");
 const tango_boot_1 = require("@music163/tango-boot");
 const antd_1 = require("antd");
-exports.Timeline = (0, tango_boot_1.defineComponent)(antd_1.Timeline, {
-    name: 'Timeline'
+const react_1 = tslib_1.__importDefault(require("react"));
+// function TimelineDesigner({
+//     children,
+//     [SLOT.dnd]: dataDnd,
+//     [SLOT.id]: dataId,
+//     style,
+//     ...rest
+// }: TimelineProps & { [key: string]: any; dnd?: string; children?: React.ReactNode }) {
+//     useEffect(() => {
+//         Promise.resolve().then(() => {
+//             const popoverNode = document.querySelector(`.${dataId}`);
+//             console.log('spinNode', popoverNode);
+//             if (popoverNode) {
+//                 popoverNode.setAttribute('data-dnd', dataDnd);
+//                 popoverNode.setAttribute('data-id', dataId);
+//                 popoverNode.setAttribute('draggable', 'true');
+//             }
+//         });
+//     }, [dataDnd, dataId]);
+//     return (
+//         <AntTimeline
+//         className={dataId}
+//         //     data-dnd={dataDnd}
+//         //     data-id={dataId}
+//             style={style}
+//             {...rest}
+//         >
+//             {children}
+//         </AntTimeline>
+//     );
+// }
+const MemoizedTimeline = react_1.default.memo(antd_1.Timeline);
+exports.Timeline = (0, tango_boot_1.defineComponent)(MemoizedTimeline, {
+    name: 'Timeline',
+    // designerConfig: {
+    //     render({ designerProps, originalProps }) {
+    //         console.log("Timeline:  designerProps:", designerProps, "originalProps:", originalProps);
+    //         return <TimelineDesigner {...designerProps} {...originalProps} />;
+    //     },
+    // },
 });
 exports.TimelineItem = (0, tango_boot_1.defineComponent)(antd_1.Timeline.Item, {
     name: 'TimelineItem',

package/lib/cjs/components/tooltip.js

@@ -15,17 +15,18 @@ function TooltipDesigner(_a) {
         if (visible) {
             // 使用微任务确保弹层已渲染
             Promise.resolve().then(() => {
-                const popoverNode = document.querySelector('.ant-tooltip');
+                const popoverNode = document.querySelector(`#${dataId}`);
                 console.log('popoverNode', popoverNode);
                 if (popoverNode) {
                     popoverNode.setAttribute('data-dnd', dataDnd);
                     popoverNode.setAttribute('data-id', dataId);
+                    popoverNode.setAttribute('draggable', 'true');
                 }
             });
         }
     };
     return (react_1.default.createElement("div", { ref: tooltipRef },
-        react_1.default.createElement(antd_1.Tooltip, Object.assign({ title: title, onOpenChange: handleVisibleChange }, rest), children)));
+        react_1.default.createElement(antd_1.Tooltip, Object.assign({ title: title, id: dataId, onOpenChange: handleVisibleChange }, rest), children)));
 }
 exports.Tooltip = (0, tango_boot_1.defineComponent)(antd_1.Tooltip, {
     name: 'Tooltip',

package/lib/cjs/components/transfer.js

@@ -26,7 +26,7 @@ function TransferDesigner(_a) {
     // };
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-transfer');
+            const popoverNode = document.querySelector(`.${dataId}`);
             console.log('rate', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -36,7 +36,7 @@ function TransferDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (react_1.default.createElement("div", { ref: transferRef },
-        react_1.default.createElement(antd_1.Transfer, Object.assign({ "data-dnd": dataDnd, "data-id": dataId }, rest))));
+        react_1.default.createElement(antd_1.Transfer, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId }, rest))));
 }
 exports.Transfer = (0, tango_boot_1.defineComponent)(antd_1.Transfer, {
     name: 'Transfer',

package/lib/cjs/components/tree-select.js

@@ -11,7 +11,7 @@ function TreeSelectDesigner(_a) {
     const treeselectRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-tree-select');
+            const popoverNode = document.querySelector(`.${dataId}`);
             // console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -21,7 +21,7 @@ function TreeSelectDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (react_1.default.createElement("div", { ref: treeselectRef },
-        react_1.default.createElement(antd_1.TreeSelect, Object.assign({ className: 'ant-tree-select', "data-dnd": dataDnd, "data-id": dataId, style: style }, rest))));
+        react_1.default.createElement(antd_1.TreeSelect, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest))));
 }
 exports.TreeSelect = (0, tango_boot_1.defineComponent)(antd_1.TreeSelect, {
     name: 'TreeSelect',

package/lib/cjs/components/tree.d.ts

@@ -0,0 +1,7 @@
+import { TreeProps } from 'antd';
+import React from 'react';
+export declare const Tree: React.ForwardRefExoticComponent<Omit<TreeProps<import("rc-tree").BasicDataNode | import("antd").TreeDataNode> & {
+    children?: React.ReactNode | undefined;
+} & {
+    ref?: React.Ref<import("rc-tree").default>;
+} & import("@music163/tango-boot").TangoComponentProps, "ref"> & React.RefAttributes<unknown>>;

package/lib/cjs/components/tree.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tree = void 0;
+const tslib_1 = require("tslib");
+const antd_1 = require("antd");
+const tango_boot_1 = require("@music163/tango-boot");
+const react_1 = tslib_1.__importStar(require("react"));
+const tango_helpers_1 = require("@music163/tango-helpers");
+function TreeDesigner(_a) {
+    var { children } = _a, _b = tango_helpers_1.SLOT.dnd, dataDnd = _a[_b], _c = tango_helpers_1.SLOT.id, dataId = _a[_c], { style } = _a, rest = tslib_1.__rest(_a, ["children", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
+    (0, react_1.useEffect)(() => {
+        Promise.resolve().then(() => {
+            const popoverNode = document.querySelector(`.${dataId}`);
+            // console.log('spinNode', popoverNode);
+            if (popoverNode) {
+                popoverNode.setAttribute('data-dnd', dataDnd);
+                popoverNode.setAttribute('data-id', dataId);
+                popoverNode.setAttribute('draggable', 'true');
+            }
+        });
+    }, [dataDnd, dataId]);
+    return (react_1.default.createElement(antd_1.Tree, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children));
+}
+exports.Tree = (0, tango_boot_1.defineComponent)(antd_1.Tree, {
+    name: 'Tree',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            // console.log("Tree:  designerProps:", designerProps, "originalProps:", originalProps);
+            return react_1.default.createElement(TreeDesigner, Object.assign({}, designerProps, originalProps));
+        }
+    }
+});

package/lib/cjs/components/upload.js

@@ -11,7 +11,7 @@ function UploadDesigner(_a) {
     const uploadRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-upload');
+            const popoverNode = document.querySelector(`.${dataId}`);
             console.log('uploadNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -35,7 +35,7 @@ function UploadDesigner(_a) {
     //   }
     // };
     return (react_1.default.createElement("div", { ref: uploadRef },
-        react_1.default.createElement(antd_1.Upload, Object.assign({ "data-dnd": dataDnd, "data-id": dataId }, rest), children)));
+        react_1.default.createElement(antd_1.Upload, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId }, rest), children)));
 }
 exports.Upload = (0, tango_boot_1.defineComponent)(antd_1.Upload, {
     name: 'Upload',

package/lib/cjs/prototypes/anchor.js

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

package/lib/cjs/prototypes/descriptions.js

@@ -21,6 +21,18 @@ exports.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/cjs/prototypes/modal.js

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

package/lib/cjs/prototypes/slider.js

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