@cuvp1225/antd 0.1.19-beta.14 → 0.1.19-beta.3

package/lib/cjs/components/popover.js

@@ -3,16 +3,39 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Popover = void 0;
 const tslib_1 = require("tslib");
 const antd_1 = require("antd");
-const react_1 = tslib_1.__importDefault(require("react"));
-const slottype_1 = require("../helpers/slottype");
-const Popover = (_a) => {
-    var 
-    //items,
-    _b = slottype_1.SLOT.id, 
-    //items,
-    dataId = _a[_b], _c = slottype_1.SLOT.dnd, dataDnd = _a[_c], { style } = _a, rest = tslib_1.__rest(_a, [typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
-    //console.log("新的descriptions组件0507001", dataId, dataDnd, rest);
-    return (react_1.default.createElement("div", { "data-dnd": dataDnd, "data-id": rest.tid, draggable: true, style: style },
-        react_1.default.createElement(antd_1.Popover, Object.assign({ title: '标题' }, rest), rest.children)));
-};
-exports.Popover = Popover;
+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 PopoverDesigner(_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 popoverRef = (0, react_1.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_1.default.createElement("div", { ref: popoverRef },
+        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',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            console.log("Popover:  designerProps:", designerProps, "originalProps:", originalProps);
+            return react_1.default.createElement(PopoverDesigner, Object.assign({ title: "Are you sure?" }, designerProps, originalProps));
+        },
+    },
+    // designerConfig: {
+    // },
+});

package/lib/cjs/components/radio.js

@@ -6,11 +6,65 @@ 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.__importDefault(require("react"));
+// function RadioDesigner({
+//   children,
+//   style,
+//   [SLOT.dnd]: dataDnd,
+//   [SLOT.id]: dataId,
+//   ...rest
+// }: RadioProps & {
+//   [key: string]: any, // 添加索引签名
+//   dnd?: string, children?: React.ReactNode
+// }) {
+//   // const radioRef = useRef<HTMLDivElement>(null);
+//   useEffect(() => {
+//     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');
+//       }
+//     });
+//   }, [dataDnd, dataId]);
+//   // const { optionType } = rest;
+//   // if (optionType === 'button') {
+//   //   return (
+//   //     <div ref={radioRef} className='.ant-radio'>
+//   //       <AntRadio.Button {...rest} style={style} >{rest.label}</AntRadio.Button>
+//   //     </div>
+//   //   );
+//   // }
+//   return (
+//     <AntRadio
+//       {...rest}
+//       style={style}
+//       className={dataId}
+//       data-dnd={dataDnd}
+//       data-id={dataId}
+//     >
+//       {children}
+//     </AntRadio>
+//   );
+// }
+// export const Radio = defineComponent(AntRadio, {
+//   name: 'Radio',
+//   designerConfig: {
+//     render({ designerProps, originalProps, }) {
+//       console.log("designerProps:", designerProps, "originalProps:", originalProps)
+//       return <RadioDesigner {...designerProps} {...originalProps} />;
+//     },
+//   },
+// });
+// export const Radio = defineComponent(AntRadio, {
+//   name: 'Radio',
+// });
 const Radio = (_a) => {
-    //console.log("新的单选组件",dataId,dataDnd,rest);
+    var _b = tango_helpers_1.SLOT.id, dataId = _a[_b], _c = tango_helpers_1.SLOT.dnd, dataDnd = _a[_c], rest = tslib_1.__rest(_a, [typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + ""]);
+    console.log("新的单选组件", dataId, dataDnd, rest);
     //const newProps = {...rest, ...{draggable:true}}
     //console.log("新的表格组件01",newProps);
-    var _b = tango_helpers_1.SLOT.id, dataId = _a[_b], _c = tango_helpers_1.SLOT.dnd, dataDnd = _a[_c], rest = tslib_1.__rest(_a, [typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + ""]);
     return (react_1.default.createElement("div", { "data-dnd": dataDnd, "data-id": dataId, draggable: true },
         react_1.default.createElement(antd_1.Radio, Object.assign({}, rest))));
 };

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

@@ -1,6 +1,4 @@
-import { ResultProps } from 'antd';
 import React from 'react';
-export declare const Result: ({ [SLOT.id]: dataId, [SLOT.dnd]: dataDnd, style, ...rest }: ResultProps & {
-    [key: string]: any;
-    children?: React.ReactNode;
+export declare const Result: ({ [SLOT.id]: dataId, [SLOT.dnd]: dataDnd, ...rest }: {
+    [x: string]: any;
 }) => React.JSX.Element;

package/lib/cjs/components/result2.js

@@ -4,25 +4,10 @@ exports.Result = void 0;
 const tslib_1 = require("tslib");
 const antd_1 = require("antd");
 const react_1 = tslib_1.__importDefault(require("react"));
-const slottype_1 = require("../helpers/slottype");
-// export const Result =({
-//   [SLOT.id]:dataId,
-//   [SLOT.dnd]:dataDnd,
-//   ...rest
-//   })=>{
-//       console.log("新的结果组件02",dataId,dataDnd,rest);
-//       return (
-//           <AntResult data-dnd={dataDnd} data-id={dataId}  {...rest}  > </AntResult>
-//       ) 
-// }
+const tango_helpers_1 = require("@music163/tango-helpers");
 const Result = (_a) => {
-    var 
-    //items,
-    _b = slottype_1.SLOT.id, 
-    //items,
-    dataId = _a[_b], _c = slottype_1.SLOT.dnd, dataDnd = _a[_c], { style } = _a, rest = tslib_1.__rest(_a, [typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
-    //console.log("新的descriptions组件0507001", dataId, dataDnd, rest);
-    return (react_1.default.createElement("div", { "data-dnd": dataDnd, "data-id": rest.tid, draggable: true, style: style },
-        react_1.default.createElement(antd_1.Result, Object.assign({}, rest), rest.children)));
+    var _b = tango_helpers_1.SLOT.id, dataId = _a[_b], _c = tango_helpers_1.SLOT.dnd, dataDnd = _a[_c], rest = tslib_1.__rest(_a, [typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + ""]);
+    console.log("新的结果组件02", dataId, dataDnd, rest);
+    return (react_1.default.createElement(antd_1.Result, Object.assign({ "data-dnd": dataDnd, "data-id": dataId }, rest), " "));
 };
 exports.Result = Result;

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

@@ -1,6 +1,2 @@
-import { TooltipProps } from 'antd';
 import React from 'react';
-export declare const Tooltip: ({ [SLOT.id]: dataId, [SLOT.dnd]: dataDnd, style, ...rest }: TooltipProps & {
-    [key: string]: any;
-    children?: React.ReactNode;
-}) => React.JSX.Element;
+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/cjs/components/tooltip.js

@@ -3,16 +3,39 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tooltip = void 0;
 const tslib_1 = require("tslib");
 const antd_1 = require("antd");
-const react_1 = tslib_1.__importDefault(require("react"));
-const slottype_1 = require("../helpers/slottype");
-const Tooltip = (_a) => {
-    var 
-    //items,
-    _b = slottype_1.SLOT.id, 
-    //items,
-    dataId = _a[_b], _c = slottype_1.SLOT.dnd, dataDnd = _a[_c], { style } = _a, rest = tslib_1.__rest(_a, [typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
-    //console.log("新的descriptions组件0507001", dataId, dataDnd, rest);
-    return (react_1.default.createElement("div", { "data-dnd": dataDnd, "data-id": rest.tid, draggable: true, style: style },
-        react_1.default.createElement(antd_1.Tooltip, Object.assign({ title: '文字提示' }, rest), rest.children)));
-};
-exports.Tooltip = Tooltip;
+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 TooltipDesigner(_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 tooltipRef = (0, react_1.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_1.default.createElement("div", { ref: tooltipRef },
+        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',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            console.log("Tooltip:  designerProps:", designerProps, "originalProps:", originalProps);
+            return react_1.default.createElement(TooltipDesigner, Object.assign({ title: "Are you sure?" }, designerProps, originalProps));
+        },
+    },
+    // designerConfig: {
+    // },
+});

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

@@ -1,6 +1,3 @@
 import { UploadProps } from 'antd';
 import React from 'react';
-export declare const Upload: ({ [SLOT.id]: dataId, [SLOT.dnd]: dataDnd, style, ...rest }: UploadProps & {
-    [key: string]: any;
-    children?: React.ReactNode;
-}) => React.JSX.Element;
+export declare const Upload: React.ForwardRefExoticComponent<Omit<UploadProps<any> & React.RefAttributes<unknown> & import("@music163/tango-boot").TangoComponentProps, "ref"> & React.RefAttributes<unknown>>;

package/lib/cjs/components/upload.js

@@ -3,16 +3,48 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Upload = void 0;
 const tslib_1 = require("tslib");
 const antd_1 = require("antd");
-const react_1 = tslib_1.__importDefault(require("react"));
-const slottype_1 = require("../helpers/slottype");
-const Upload = (_a) => {
-    var 
-    //items,
-    _b = slottype_1.SLOT.id, 
-    //items,
-    dataId = _a[_b], _c = slottype_1.SLOT.dnd, dataDnd = _a[_c], { style } = _a, rest = tslib_1.__rest(_a, [typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
-    //console.log("新的descriptions组件0507001", dataId, dataDnd, rest);
-    return (react_1.default.createElement("div", { "data-dnd": dataDnd, "data-id": rest.tid, draggable: true, style: style },
-        react_1.default.createElement(antd_1.Upload, Object.assign({}, rest), rest.children)));
-};
-exports.Upload = Upload;
+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 UploadDesigner(_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 uploadRef = (0, react_1.useRef)(null);
+    (0, react_1.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_1.default.createElement("div", { ref: uploadRef },
+        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',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            console.log("Upload:  designerProps:", designerProps, "originalProps:", originalProps);
+            return react_1.default.createElement(UploadDesigner, Object.assign({ title: "Are you sure?" }, designerProps, originalProps));
+        },
+    },
+    // designerConfig: {
+    // },
+});

package/lib/cjs/prototypes/collapse.js

@@ -14,10 +14,8 @@ exports.Collapse = {
     type: 'element',
     hasChildrenItem: true,
     hasChildren: true,
-    // childrenName: 'Collapse.Panel',
-    // initChildren: `<Collapse.Panel  header="panel1" key="1"><Placeholder text="放置替换" /></Collapse.Panel><Collapse.Panel header="panel2" key="2"><Placeholder text="放置替换" /></Collapse.Panel><Collapse.Panel header="panel3" key="3"><Placeholder text="放置替换" /></Collapse.Panel>`,
-    childrenName: 'Panel',
-    initChildren: `<Panel  header="panel1" key="1"><Placeholder text="放置替换" /></Panel><Panel header="panel2" key="2"><Placeholder text="放置替换" /></Panel>`,
+    childrenName: 'Collapse.Panel',
+    initChildren: `<Collapse.Panel  header="panel1" key="1"><Placeholder text="放置替换" /></Collapse.Panel><Collapse.Panel header="panel2" key="2"><Placeholder text="放置替换" /></Collapse.Panel><Collapse.Panel header="panel3" key="3"><Placeholder text="放置替换" /></Collapse.Panel>`,
     relatedImports: ['Placeholder'],
     props: [
         ...common_1.StylePrototypes,
@@ -30,44 +28,32 @@ exports.Collapse = {
                     {
                         label: '面板头内容',
                         name: 'header',
-                        defaultValue: 'panel'
                     },
                     {
-                        label: 'activeKey',
+                        label: '对应 activeKey',
                         name: 'key',
-                        required: true,
-                    },
-                    {
-                        label: '面板内容',
-                        name: 'children',
-                        defaultValue: '<Placeholder text="放置替换" />',
-                        // required: true,
-                    },
-                    {
-                        label: '指定可折叠触发区域',
-                        name: 'collapsible',
-                        component: react_1.default.createElement(antd_1.Select, { options: [
-                                { value: 'header', label: '面板头', },
-                                { value: 'icon', label: '箭头', },
-                                { value: 'disabled', label: '不可折叠', },
-                            ] })
                     },
+                    // {
+                    //   label: '是否可折叠',
+                    //   name: 'collapsible',
+                    //   component: <Switch />
+                    // },
                     {
                         label: '自定义渲染',
                         name: 'extra',
-                        component: react_1.default.createElement(antd_1.Switch, { defaultChecked: false })
+                        component: react_1.default.createElement(antd_1.Switch, null)
                     },
                     {
                         label: '隐藏时保留',
                         name: 'forceRender',
-                        component: react_1.default.createElement(antd_1.Switch, { defaultChecked: false }),
-                        // defaultValue: false,
+                        component: react_1.default.createElement(antd_1.Switch, null),
+                        defaultValue: false,
                     },
                     {
                         label: '是否展示当前面板上的箭头',
                         name: 'showArrow',
-                        component: react_1.default.createElement(antd_1.Switch, { defaultChecked: true }),
-                        // defaultValue: true,
+                        component: react_1.default.createElement(antd_1.Switch, null),
+                        defaultValue: true,
                     },
                 ]
             }

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

@@ -1,6 +1,3 @@
 import { AnchorProps } from 'antd';
 import React from 'react';
-export declare const Carousel: ({ [SLOT.id]: dataId, [SLOT.dnd]: dataDnd, style, ...rest }: AnchorProps & {
-    [key: string]: any;
-    children?: React.ReactNode;
-}) => React.JSX.Element;
+export declare const Anchor: React.ForwardRefExoticComponent<AnchorProps & import("@music163/tango-boot").TangoComponentProps & React.RefAttributes<unknown>>;

package/lib/esm/components/anchor.js

@@ -1,13 +1,44 @@
 import { __rest } from "tslib";
 import { Anchor as AntAnchor } from 'antd';
-import React from 'react';
-import { SLOT } from '../helpers/slottype';
-export const Carousel = (_a) => {
-    var 
-    //items,
-    _b = SLOT.id, 
-    //items,
-    dataId = _a[_b], _c = SLOT.dnd, dataDnd = _a[_c], { style } = _a, rest = __rest(_a, [typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
-    return (React.createElement("div", { "data-dnd": dataDnd, "data-id": rest.tid, draggable: true, style: style },
-        React.createElement(AntAnchor, Object.assign({}, rest), rest.children)));
-};
+import { defineComponent } from '@music163/tango-boot';
+import React, { useEffect, useRef } from 'react';
+import { SLOT } from '@music163/tango-helpers';
+const { Link } = AntAnchor;
+function AnchorDesigner(_a) {
+    var { items } = _a, _b = SLOT.dnd, dataDnd = _a[_b], _c = SLOT.id, dataId = _a[_c], { style } = _a, rest = __rest(_a, ["items", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
+    const anchorRef = 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]);
+    //递归遍历生成子节点
+    const renderLinks = (items) => {
+        return items.map((item) => {
+            const { key, href, title, children } = item;
+            // 如果有子节点，则递归渲染
+            if (children) {
+                return (React.createElement(Link, { key: key, href: href, title: title }, renderLinks(children)));
+            }
+            // 没有子节点的情况
+            return React.createElement(Link, { key: key, href: href, title: title });
+        });
+    };
+    return (React.createElement("div", { ref: anchorRef, draggable: 'true' },
+        React.createElement(AntAnchor, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), renderLinks(items))));
+}
+export const Anchor = defineComponent(AntAnchor, {
+    name: 'Anchor',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            console.log("Anchor:  designerProps:", designerProps, "originalProps:", originalProps);
+            return React.createElement(AnchorDesigner, Object.assign({}, designerProps, originalProps));
+        },
+    },
+});

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

@@ -1,6 +1,3 @@
 import { CarouselProps } from 'antd';
 import React from 'react';
-export declare const Carousel: ({ [SLOT.id]: dataId, [SLOT.dnd]: dataDnd, style, ...rest }: CarouselProps & {
-    [key: string]: any;
-    children?: React.ReactNode;
-}) => React.JSX.Element;
+export declare const Carousel: React.ForwardRefExoticComponent<Omit<CarouselProps & React.RefAttributes<import("antd/lib/carousel").CarouselRef> & import("@music163/tango-boot").TangoComponentProps, "ref"> & React.RefAttributes<unknown>>;

package/lib/esm/components/carousel.js

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

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

@@ -1,16 +1,3 @@
-import { CollapseProps, CollapsePanelProps } from 'antd';
+import { CollapseProps } from 'antd';
 import React from 'react';
-export declare const Collapse: {
-    ({ [SLOT.id]: dataId, [SLOT.dnd]: dataDnd, style, ...rest }: CollapseProps & {
-        [key: string]: any;
-        children?: React.ReactNode;
-    }): React.JSX.Element;
-    Panel: (props: CollapsePanelProps & {
-        [key: string]: any;
-        children?: React.ReactNode;
-    }) => React.JSX.Element;
-};
-export declare const CollapsePanel: (props: CollapsePanelProps & {
-    [key: string]: any;
-    children?: React.ReactNode;
-}) => React.JSX.Element;
+export declare const Collapse: React.ForwardRefExoticComponent<CollapseProps & import("@music163/tango-boot").TangoComponentProps & React.RefAttributes<unknown>>;