@cuvp1225/antd 0.2.75 → 0.2.77

package/lib/esm/components/popconfirm.js

@@ -12,17 +12,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.createElement("div", { ref: popconfirmRef },
-        React.createElement(AntPopconfirm, Object.assign({ title: title, onOpenChange: handleVisibleChange }, rest), children)));
+        React.createElement(AntPopconfirm, Object.assign({ id: dataId, className: dataId, title: title, onOpenChange: handleVisibleChange }, rest), children)));
 }
 export const Popconfirm = defineComponent(AntPopconfirm, {
     name: 'Popconfirm',

package/lib/esm/components/popover.js

@@ -12,17 +12,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.createElement("div", { ref: popoverRef },
-        React.createElement(AntPopover, Object.assign({ title: title, onOpenChange: handleVisibleChange }, rest), children)));
+        React.createElement(AntPopover, Object.assign({ id: dataId, title: title, onOpenChange: handleVisibleChange }, rest), children)));
 }
 export const Popover = defineComponent(AntPopover, {
     name: 'Popover',

package/lib/esm/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/esm/components/progress.js

@@ -0,0 +1,35 @@
+import { __rest } from "tslib";
+import { Progress as AntProgress } from 'antd';
+import { defineComponent } from '@music163/tango-boot';
+import React, { useEffect } from 'react';
+import { SLOT } from '@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 = SLOT.dnd, dataDnd = _a[_b], _c = SLOT.id, dataId = _a[_c], { style } = _a
+    // ProgressProps & { [key: string]: any; dnd?: string; children?: React.ReactNode }
+    , rest = __rest(_a, ["children", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
+    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.createElement(AntProgress, Object.assign({ id: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children));
+}
+export const Progress = defineComponent(AntProgress, {
+    name: 'Progress',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            // console.log("Progress:  designerProps:", designerProps, "originalProps:", originalProps);
+            return React.createElement(ProgressDesigner, Object.assign({}, designerProps, originalProps));
+        }
+    }
+});

package/lib/esm/components/radio.js

@@ -1,19 +1,22 @@
 import { __rest } from "tslib";
 import { defineComponent } from '@music163/tango-boot';
+import { SLOT } from '@music163/tango-helpers';
 import { Radio as AntRadio } from 'antd';
 import React, { useEffect } from 'react';
 function RadioDesigner(_a) {
-    var { children, style } = _a, rest = __rest(_a, ["children", "style"]);
+    var { children, style } = _a, _b = SLOT.dnd, dataDnd = _a[_b], _c = SLOT.id, dataId = _a[_c], rest = __rest(_a, ["children", "style", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + ""]);
     // const radioRef = useRef<HTMLDivElement>(null);
     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 (
@@ -22,7 +25,7 @@ function RadioDesigner(_a) {
     //     </div>
     //   );
     // }
-    return (React.createElement(AntRadio, Object.assign({}, rest, { style: style }), children));
+    return (React.createElement(AntRadio, Object.assign({}, rest, { style: style, className: dataId, "data-dnd": dataDnd, "data-id": dataId }), children));
 }
 export const Radio = defineComponent(AntRadio, {
     name: 'Radio',

package/lib/esm/components/rate.js

@@ -23,7 +23,7 @@ function RateDesigner(_a) {
     // };
     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);
@@ -33,7 +33,7 @@ function RateDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (React.createElement("div", { ref: rateRef },
-        React.createElement(AntRate, Object.assign({ "data-dnd": dataDnd, "data-id": dataId }, rest))));
+        React.createElement(AntRate, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId }, rest))));
 }
 export const Rate = defineComponent(AntRate, {
     name: 'Rate',

package/lib/esm/components/result.js

@@ -8,7 +8,7 @@ function ResultDesigner(_a) {
     const resultRef = useRef(null);
     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);
@@ -33,7 +33,7 @@ function ResultDesigner(_a) {
     //   }
     // };
     return (React.createElement("div", { ref: resultRef },
-        React.createElement(AntResult, Object.assign({ title: title, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+        React.createElement(AntResult, Object.assign({ className: dataId, title: title, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
 }
 export const Result = defineComponent(AntResult, {
     name: 'Result',

package/lib/esm/components/skeleton.js

@@ -23,7 +23,7 @@ function SkeletonDesigner(_a) {
     // };
     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);
@@ -33,7 +33,7 @@ function SkeletonDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (React.createElement("div", { ref: skeletonRef },
-        React.createElement(AntSkeleton, Object.assign({ "data-dnd": dataDnd, "data-id": dataId }, rest), children)));
+        React.createElement(AntSkeleton, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId }, rest), children)));
 }
 export const Skeleton = defineComponent(AntSkeleton, {
     name: 'Skeleton',

package/lib/esm/components/slider.js

@@ -23,7 +23,7 @@ function SliderDesigner(_a) {
     // };
     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);
@@ -33,7 +33,7 @@ function SliderDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (React.createElement("div", { ref: rateRef },
-        React.createElement(AntSlider, Object.assign({ "data-dnd": dataDnd, "data-id": dataId }, rest))));
+        React.createElement(AntSlider, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest))));
 }
 export const Slider = defineComponent(AntSlider, {
     name: 'Slider',

package/lib/esm/components/spin.js

@@ -8,7 +8,7 @@ function SpinDesigner(_a) {
     const spinRef = useRef(null);
     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);
@@ -18,7 +18,10 @@ function SpinDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (React.createElement("div", { ref: spinRef },
-        React.createElement(AntSpin, Object.assign({ spinning: spinning, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+        React.createElement(AntSpin, Object.assign({ className: dataId, spinning: spinning, 
+            // data-dnd={dataDnd}
+            // data-id={dataId}
+            style: style }, rest), children)));
 }
 export const Spin = defineComponent(AntSpin, {
     name: 'Spin',

package/lib/esm/components/statistic.js

@@ -1,11 +1,11 @@
 import { __rest } from "tslib";
 import { Statistic as AntStatistic } from 'antd';
 import { defineComponent } from '@music163/tango-boot';
-import React, { useEffect, useRef } from 'react';
+import React, { useEffect } from 'react';
 import { SLOT } from '@music163/tango-helpers';
 function StatisticDesigner(_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 statisticRef = useRef(null);
+    // const statisticRef = useRef<HTMLDivElement>(null);
     // 监听弹层显示事件
     // const handleVisibleChange = (visible: boolean) => {
     //   console.log('handleVisibleChange', visible);
@@ -23,7 +23,7 @@ function StatisticDesigner(_a) {
     // };
     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);
@@ -32,8 +32,14 @@ function StatisticDesigner(_a) {
             }
         });
     }, [dataDnd, dataId]);
-    return (React.createElement("div", { ref: statisticRef },
-        React.createElement(AntStatistic, Object.assign({ "data-dnd": dataDnd, "data-id": dataId }, rest))));
+    return (
+    //   <div ref={statisticRef}>
+    React.createElement(AntStatistic, Object.assign({ className: dataId, 
+        // data-dnd={dataDnd}
+        // data-id={dataId}
+        style: style }, rest))
+    // </div>
+    );
 }
 export const Statistic = defineComponent(AntStatistic, {
     name: 'Statistic',

package/lib/esm/components/switch.js

@@ -8,7 +8,7 @@ function SwitchDesigner(_a) {
     const switchRef = useRef(null);
     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/esm/components/table.js

@@ -8,7 +8,7 @@ function TableDesigner(_a) {
     const tableRef = useRef(null);
     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);
@@ -18,7 +18,10 @@ function TableDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (React.createElement("div", { ref: tableRef },
-        React.createElement(AntTable, Object.assign({ columns: columns, dataSource: dataSource, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+        React.createElement(AntTable, Object.assign({ className: dataId, columns: columns, dataSource: dataSource, 
+            // data-dnd={dataDnd}
+            // data-id={dataId}
+            style: style }, rest), children)));
 }
 export const Table = defineComponent(AntTable, {
     name: 'Table',

package/lib/esm/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/esm/components/tabs.js

@@ -0,0 +1,29 @@
+import { __rest } from "tslib";
+import { Tabs as AntTabs } from 'antd';
+import { defineComponent } from '@music163/tango-boot';
+import React, { useEffect } from 'react';
+import { SLOT } from '@music163/tango-helpers';
+function TabsDesigner(_a) {
+    var { children } = _a, _b = SLOT.dnd, dataDnd = _a[_b], _c = SLOT.id, dataId = _a[_c], { style } = _a, rest = __rest(_a, ["children", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
+    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.createElement(AntTabs, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children));
+}
+export const Tabs = defineComponent(AntTabs, {
+    name: 'Tabs',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            console.log("Tabs:  designerProps:", designerProps, "originalProps:", originalProps);
+            return React.createElement(TabsDesigner, Object.assign({}, designerProps, originalProps));
+        },
+    },
+});

package/lib/esm/components/tag.js

@@ -8,7 +8,7 @@ function TagDesigner(_a) {
     const tagRef = useRef(null);
     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);
@@ -18,7 +18,7 @@ function TagDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (React.createElement("div", { ref: tagRef },
-        React.createElement(AntTag, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+        React.createElement(AntTag, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
 }
 export const Tag = defineComponent(AntTag, {
     name: 'Tag',

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

@@ -8,7 +8,7 @@ function TimePickerDesigner(_a) {
     const timePickerRef = useRef(null);
     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);
@@ -17,7 +17,7 @@ function TimePickerDesigner(_a) {
             }
         });
     }, [dataDnd, dataId]);
-    return (React.createElement(AntTimePicker, Object.assign({ className: 'ant-timePicker', "data-dnd": dataDnd, "data-id": dataId, style: style }, rest)));
+    return (React.createElement(AntTimePicker, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest)));
 }
 export const TimePicker = defineComponent(AntTimePicker, {
     name: 'TimePicker',

package/lib/esm/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/esm/components/timeline.js

@@ -1,7 +1,45 @@
 import { defineComponent } from '@music163/tango-boot';
 import { Timeline as AntTimeline } from 'antd';
-export const Timeline = defineComponent(AntTimeline, {
-    name: 'Timeline'
+import React from '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.memo(AntTimeline);
+export const Timeline = defineComponent(MemoizedTimeline, {
+    name: 'Timeline',
+    // designerConfig: {
+    //     render({ designerProps, originalProps }) {
+    //         console.log("Timeline:  designerProps:", designerProps, "originalProps:", originalProps);
+    //         return <TimelineDesigner {...designerProps} {...originalProps} />;
+    //     },
+    // },
 });
 export const TimelineItem = defineComponent(AntTimeline.Item, {
     name: 'TimelineItem',

package/lib/esm/components/tooltip.js

@@ -12,17 +12,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.createElement("div", { ref: tooltipRef },
-        React.createElement(AntTooltip, Object.assign({ title: title, onOpenChange: handleVisibleChange }, rest), children)));
+        React.createElement(AntTooltip, Object.assign({ title: title, id: dataId, onOpenChange: handleVisibleChange }, rest), children)));
 }
 export const Tooltip = defineComponent(AntTooltip, {
     name: 'Tooltip',

package/lib/esm/components/transfer.js

@@ -23,7 +23,7 @@ function TransferDesigner(_a) {
     // };
     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);
@@ -33,7 +33,7 @@ function TransferDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (React.createElement("div", { ref: transferRef },
-        React.createElement(AntTransfer, Object.assign({ "data-dnd": dataDnd, "data-id": dataId }, rest))));
+        React.createElement(AntTransfer, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId }, rest))));
 }
 export const Transfer = defineComponent(AntTransfer, {
     name: 'Transfer',

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

@@ -8,7 +8,7 @@ function TreeSelectDesigner(_a) {
     const treeselectRef = useRef(null);
     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);
@@ -18,7 +18,7 @@ function TreeSelectDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (React.createElement("div", { ref: treeselectRef },
-        React.createElement(AntTreeSelect, Object.assign({ className: 'ant-tree-select', "data-dnd": dataDnd, "data-id": dataId, style: style }, rest))));
+        React.createElement(AntTreeSelect, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest))));
 }
 export const TreeSelect = defineComponent(AntTreeSelect, {
     name: 'TreeSelect',

package/lib/esm/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/esm/components/tree.js

@@ -0,0 +1,29 @@
+import { __rest } from "tslib";
+import { Tree as AntTree } from 'antd';
+import { defineComponent } from '@music163/tango-boot';
+import React, { useEffect } from 'react';
+import { SLOT } from '@music163/tango-helpers';
+function TreeDesigner(_a) {
+    var { children } = _a, _b = SLOT.dnd, dataDnd = _a[_b], _c = SLOT.id, dataId = _a[_c], { style } = _a, rest = __rest(_a, ["children", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
+    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.createElement(AntTree, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children));
+}
+export const Tree = defineComponent(AntTree, {
+    name: 'Tree',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            // console.log("Tree:  designerProps:", designerProps, "originalProps:", originalProps);
+            return React.createElement(TreeDesigner, Object.assign({}, designerProps, originalProps));
+        }
+    }
+});

package/lib/esm/components/upload.js

@@ -8,7 +8,7 @@ function UploadDesigner(_a) {
     const uploadRef = useRef(null);
     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);
@@ -32,7 +32,7 @@ function UploadDesigner(_a) {
     //   }
     // };
     return (React.createElement("div", { ref: uploadRef },
-        React.createElement(AntUpload, Object.assign({ "data-dnd": dataDnd, "data-id": dataId }, rest), children)));
+        React.createElement(AntUpload, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId }, rest), children)));
 }
 export const Upload = defineComponent(AntUpload, {
     name: 'Upload',

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/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/modal.js

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

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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuvp1225/antd",
-  "version": "0.2.75",
+  "version": "0.2.77",
   "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": "9234ba34350f140a142935cd08790b7b62f52612"
+  "gitHead": "458c071a56af932dee9421f318be965f509aa62d"
 }