@cuvp1225/antd 0.2.74 → 0.2.76

package/lib/esm/components/slider.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Slider: React.ForwardRefExoticComponent<(Omit<import("antd").SliderSingleProps & React.RefAttributes<unknown> & import("@music163/tango-boot").TangoComponentProps, "ref"> | Omit<import("antd/lib/slider").SliderRangeProps & React.RefAttributes<unknown> & import("@music163/tango-boot").TangoComponentProps, "ref">) & React.RefAttributes<unknown>>;

package/lib/esm/components/slider.js

@@ -0,0 +1,48 @@
+import { __rest } from "tslib";
+import { Slider as AntSlider } from 'antd';
+import { defineComponent } from '@music163/tango-boot';
+import React, { useEffect, useRef } from 'react';
+import { SLOT } from '@music163/tango-helpers';
+function SliderDesigner(_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 rateRef = useRef(null);
+    // 监听弹层显示事件
+    // 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);
+    //       }
+    //     });
+    //   }
+    // };
+    useEffect(() => {
+        Promise.resolve().then(() => {
+            const popoverNode = document.querySelector(`.${dataId}`);
+            console.log('rate', popoverNode);
+            if (popoverNode) {
+                popoverNode.setAttribute('data-dnd', dataDnd);
+                popoverNode.setAttribute('data-id', dataId);
+                popoverNode.setAttribute('draggable', 'true');
+            }
+        });
+    }, [dataDnd, dataId]);
+    return (React.createElement("div", { ref: rateRef },
+        React.createElement(AntSlider, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest))));
+}
+export const Slider = defineComponent(AntSlider, {
+    name: 'Slider',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            console.log("Slider:  designerProps:", designerProps, "originalProps:", originalProps);
+            return React.createElement(SliderDesigner, Object.assign({ title: "\u4E00\u7EA7\u6807\u9898" }, designerProps, originalProps));
+        },
+    },
+    // designerConfig: {
+    // },
+});

package/lib/esm/components/spin.d.ts

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

package/lib/esm/components/spin.js

@@ -0,0 +1,34 @@
+import { __rest } from "tslib";
+import { Spin as AntSpin } from 'antd';
+import { defineComponent } from '@music163/tango-boot';
+import React, { useEffect, useRef } from 'react';
+import { SLOT } from '@music163/tango-helpers';
+function SpinDesigner(_a) {
+    var { children, spinning } = _a, _b = SLOT.dnd, dataDnd = _a[_b], _c = SLOT.id, dataId = _a[_c], { style } = _a, rest = __rest(_a, ["children", "spinning", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
+    const spinRef = useRef(null);
+    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("div", { ref: spinRef },
+        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',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            // console.log("Spin:  designerProps:", designerProps, "originalProps:", originalProps);
+            return React.createElement(SpinDesigner, Object.assign({ spinning: true }, designerProps, originalProps));
+        },
+    },
+});

package/lib/esm/components/statistic.d.ts

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

package/lib/esm/components/statistic.js

@@ -0,0 +1,54 @@
+import { __rest } from "tslib";
+import { Statistic as AntStatistic } from 'antd';
+import { defineComponent } from '@music163/tango-boot';
+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<HTMLDivElement>(null);
+    // 监听弹层显示事件
+    // 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);
+    //       }
+    //     });
+    //   }
+    // };
+    useEffect(() => {
+        Promise.resolve().then(() => {
+            const popoverNode = document.querySelector(`.${dataId}`);
+            console.log('rate', popoverNode);
+            if (popoverNode) {
+                popoverNode.setAttribute('data-dnd', dataDnd);
+                popoverNode.setAttribute('data-id', dataId);
+                popoverNode.setAttribute('draggable', 'true');
+            }
+        });
+    }, [dataDnd, dataId]);
+    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',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            console.log("Statistic:  designerProps:", designerProps, "originalProps:", originalProps);
+            return React.createElement(StatisticDesigner, Object.assign({ title: "\u4E00\u7EA7\u6807\u9898" }, designerProps, originalProps));
+        },
+    },
+    // designerConfig: {
+    // },
+});

package/lib/esm/components/switch.d.ts

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

package/lib/esm/components/switch.js

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

package/lib/esm/components/table.d.ts

@@ -0,0 +1,7 @@
+import { TableProps } from 'antd';
+import React from 'react';
+export declare const Table: React.ForwardRefExoticComponent<Omit<TableProps<object> & {
+    children?: React.ReactNode;
+} & {
+    ref?: React.Ref<HTMLDivElement> | undefined;
+} & import("@music163/tango-boot").TangoComponentProps, "ref"> & React.RefAttributes<unknown>>;

package/lib/esm/components/table.js

@@ -0,0 +1,34 @@
+import { __rest } from "tslib";
+import { Table as AntTable } from 'antd';
+import { defineComponent } from '@music163/tango-boot';
+import React, { useEffect, useRef } from 'react';
+import { SLOT } from '@music163/tango-helpers';
+function TableDesigner(_a) {
+    var { children, columns, dataSource } = _a, _b = SLOT.dnd, dataDnd = _a[_b], _c = SLOT.id, dataId = _a[_c], { style } = _a, rest = __rest(_a, ["children", "columns", "dataSource", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
+    const tableRef = useRef(null);
+    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("div", { ref: tableRef },
+        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',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            // console.log("Table:  designerProps:", designerProps, "originalProps:", originalProps);
+            return React.createElement(TableDesigner, Object.assign({}, designerProps, originalProps));
+        }
+    }
+});

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.d.ts

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

package/lib/esm/components/tag.js

@@ -0,0 +1,31 @@
+import { __rest } from "tslib";
+import { Tag as AntTag } from 'antd';
+import { defineComponent } from '@music163/tango-boot';
+import React, { useEffect, useRef } from 'react';
+import { SLOT } from '@music163/tango-helpers';
+function TagDesigner(_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"]);
+    const tagRef = useRef(null);
+    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("div", { ref: tagRef },
+        React.createElement(AntTag, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+}
+export const Tag = defineComponent(AntTag, {
+    name: 'Tag',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            // console.log("Tag:  designerProps:", designerProps, "originalProps:", originalProps);
+            return React.createElement(TagDesigner, Object.assign({}, designerProps, originalProps));
+        }
+    }
+});

package/lib/esm/components/time-picker.d.ts

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

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

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

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,43 @@
 import { defineComponent } from '@music163/tango-boot';
 import { Timeline as AntTimeline } from 'antd';
+// 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>
+//     );
+// }
 export const Timeline = defineComponent(AntTimeline, {
-    name: 'Timeline'
+    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.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Tooltip: React.ForwardRefExoticComponent<(Omit<import("antd/lib/tooltip").TooltipPropsWithTitle & React.RefAttributes<unknown> & import("@music163/tango-boot").TangoComponentProps, "ref"> | Omit<import("antd/lib/tooltip").TooltipPropsWithOverlay & React.RefAttributes<unknown> & import("@music163/tango-boot").TangoComponentProps, "ref">) & React.RefAttributes<unknown>>;

package/lib/esm/components/tooltip.js

@@ -0,0 +1,38 @@
+import { __rest } from "tslib";
+import { Tooltip as AntTooltip } from 'antd';
+import { defineComponent } from '@music163/tango-boot';
+import React, { useRef } from 'react';
+import { SLOT } from '@music163/tango-helpers';
+function TooltipDesigner(_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 tooltipRef = useRef(null);
+    // 监听弹层显示事件
+    const handleVisibleChange = (visible) => {
+        console.log('handleVisibleChange', visible);
+        if (visible) {
+            // 使用微任务确保弹层已渲染
+            Promise.resolve().then(() => {
+                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, id: dataId, onOpenChange: handleVisibleChange }, rest), children)));
+}
+export const Tooltip = defineComponent(AntTooltip, {
+    name: 'Tooltip',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            console.log("Tooltip:  designerProps:", designerProps, "originalProps:", originalProps);
+            return React.createElement(TooltipDesigner, Object.assign({ title: "Are you sure?" }, designerProps, originalProps));
+        },
+    },
+    // designerConfig: {
+    // },
+});

package/lib/esm/components/transfer.d.ts

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

package/lib/esm/components/transfer.js

@@ -0,0 +1,48 @@
+import { __rest } from "tslib";
+import { Transfer as AntTransfer } from 'antd';
+import { defineComponent } from '@music163/tango-boot';
+import React, { useEffect, useRef } from 'react';
+import { SLOT } from '@music163/tango-helpers';
+function TransferDesigner(_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 transferRef = useRef(null);
+    // 监听弹层显示事件
+    // 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);
+    //       }
+    //     });
+    //   }
+    // };
+    useEffect(() => {
+        Promise.resolve().then(() => {
+            const popoverNode = document.querySelector(`.${dataId}`);
+            console.log('rate', popoverNode);
+            if (popoverNode) {
+                popoverNode.setAttribute('data-dnd', dataDnd);
+                popoverNode.setAttribute('data-id', dataId);
+                popoverNode.setAttribute('draggable', 'true');
+            }
+        });
+    }, [dataDnd, dataId]);
+    return (React.createElement("div", { ref: transferRef },
+        React.createElement(AntTransfer, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId }, rest))));
+}
+export const Transfer = defineComponent(AntTransfer, {
+    name: 'Transfer',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            console.log("Transfer:  designerProps:", designerProps, "originalProps:", originalProps);
+            return React.createElement(TransferDesigner, Object.assign({ title: "\u4E00\u7EA7\u6807\u9898" }, designerProps, originalProps));
+        },
+    },
+    // designerConfig: {
+    // },
+});

package/lib/esm/components/tree-select.d.ts

@@ -0,0 +1,7 @@
+import { TreeSelectProps } from 'antd';
+import React from 'react';
+export declare const TreeSelect: React.ForwardRefExoticComponent<Omit<TreeSelectProps<unknown, import("rc-tree-select/lib/TreeSelect").DefaultOptionType | import("rc-tree-select/lib/TreeSelect").BaseOptionType> & {
+    children?: React.ReactNode;
+} & {
+    ref?: React.Ref<import("antd").RefSelectProps> | undefined;
+} & import("@music163/tango-boot").TangoComponentProps, "ref"> & React.RefAttributes<unknown>>;

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

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

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

@@ -15,7 +15,8 @@ export const Typography = defineComponent(AntTypography, {
     name: 'Typography',
     designerConfig: {
         defaultProps: {
-            children: React.createElement(Placeholder, { placeholder: "\u6DFB\u52A0\u6807\u9898\u6216\u6BB5\u843D\u5230\u8FD9\u91CC" }),
+            children: React.createElement("div", null,
+                React.createElement(Placeholder, { placeholder: "\u6DFB\u52A0\u6807\u9898\u6216\u6BB5\u843D\u5230\u8FD9\u91CC" })),
         },
     },
 });

package/lib/esm/components/upload.d.ts

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