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

package/lib/esm/components/collapse.js

@@ -1,69 +1,32 @@
-// import { defineComponent } from '@music163/tango-boot';
-// import { Collapse as AntCollapse, CollapseProps} from 'antd';
-// import React, { useEffect} from 'react';
-// import { SLOT } from '@music163/tango-helpers';
 import { __rest } from "tslib";
-// function CollapseDesigner({
-//     children,
-//     [SLOT.dnd]: dataDnd,
-//     [SLOT.id]: dataId,
-//     style,
-//     ...rest
-// }: CollapseProps & { [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 (
-//         <AntCollapse
-//         className={dataId}
-//             data-dnd={dataDnd}
-//             data-id={dataId}
-//             style={style}
-//             {...rest}
-//         >
-//             {children}
-//         </AntCollapse>
-//     );
-// }
-// export const Collapse = defineComponent(AntCollapse, {
-//     name: 'Collapse',
-//     designerConfig: {
-//         render({ designerProps, originalProps }) {
-//             console.log("Collapse:  designerProps:", designerProps, "originalProps:", originalProps);
-//             return <CollapseDesigner {...designerProps} {...originalProps} />;
-//         },
-//     },
-// });
+import { defineComponent } from '@music163/tango-boot';
+import { Collapse as AntCollapse } from 'antd';
+import React, { useEffect } from 'react';
+import { SLOT } from '@music163/tango-helpers';
+function CollapseDesigner(_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(AntCollapse, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children));
+}
+export const Collapse = defineComponent(AntCollapse, {
+    name: 'Collapse',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            console.log("Collapse:  designerProps:", designerProps, "originalProps:", originalProps);
+            return React.createElement(CollapseDesigner, Object.assign({}, designerProps, originalProps));
+        },
+    },
+});
 // export const CollapsePanel = defineComponent(AntCollapse.Panel, {
 //     name: 'CollapsePanel',
 // });
-import { Collapse as AntCollapse } from 'antd';
-import React from 'react';
-import { SLOT } from '../helpers/slottype';
-export const Collapse = (_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"]);
-    //console.log("新的descriptions组件0507001", dataId, dataDnd, rest);
-    return (React.createElement("div", { "data-dnd": dataDnd, "data-id": rest.tid, draggable: true, style: style },
-        React.createElement(AntCollapse, Object.assign({}, rest), rest.children)));
-};
-export const CollapsePanel = (props) => {
-    //console.log("新的descriptions组件0507001", dataId, dataDnd, rest);
-    return (
-    // <div data-dnd={dataDnd} data-id={rest.tid}  draggable={true} style={style} >
-    React.createElement(AntCollapse.Panel, Object.assign({}, props))
-    // </div>
-    );
-};
-Collapse.Panel = CollapsePanel;

package/lib/esm/components/comment.js

@@ -3,6 +3,7 @@ import { Comment as AntComment } from 'antd';
 import { defineComponent } from '@music163/tango-boot';
 import React, { useEffect, useRef } from 'react';
 import { SLOT } from '@music163/tango-helpers';
+import { Placeholder } from './placeholder';
 function CommentDesigner(_a) {
     var { children, content } = _a, _b = SLOT.dnd, dataDnd = _a[_b], _c = SLOT.id, dataId = _a[_c], { style } = _a, rest = __rest(_a, ["children", "content", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
     const commentRef = useRef(null);
@@ -25,7 +26,8 @@ export const Comment = defineComponent(AntComment, {
     designerConfig: {
         render({ designerProps, originalProps }) {
             // console.log("Comment:  designerProps:", designerProps, "originalProps:", originalProps);
-            return React.createElement(CommentDesigner, Object.assign({ content: React.createElement("div", null) }, designerProps, originalProps));
+            return React.createElement(CommentDesigner, Object.assign({ content: React.createElement("div", null,
+                    React.createElement(Placeholder, { placeholder: "\u653E\u7F6E\u66FF\u6362" })) }, designerProps, originalProps));
         }
     }
 });

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

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

package/lib/esm/components/descriptions.js

@@ -1,19 +1,61 @@
+// import { Descriptions as AntDescriptions, DescriptionsProps } from 'antd';
+// import { defineComponent } from '@music163/tango-boot';
+// import React, { useEffect} from 'react';
+// import { SLOT } from '@music163/tango-helpers';
 import { __rest } from "tslib";
+// function DescriptionsDesigner({
+//     items,
+//     [SLOT.dnd]: dataDnd,
+//     [SLOT.id]: dataId,
+//     style,
+//     ...rest
+// }: DescriptionsProps & { [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 (
+//         <AntDescriptions
+//         className={dataId}
+//             data-dnd={dataDnd}
+//             data-id={dataId}
+//             style={style}
+//             {...rest}
+//         >
+//             {items.map((item: { label:string; value: string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | React.ReactPortal; }) => (
+//         <AntDescriptions.Item label={item.label} key={item.label}>
+//             {item.value}
+//         </AntDescriptions.Item>
+//     ))}
+//         </AntDescriptions>
+//     );
+// }
+// export const Descriptions = defineComponent(AntDescriptions, {
+//     name: 'Descriptions',
+//     designerConfig: {
+//         render({ designerProps, originalProps }) {
+//             console.log("Descriptions:  designerProps:", designerProps, "originalProps:", originalProps);
+//             return <DescriptionsDesigner {...designerProps} {...originalProps} />;
+//         },
+//     },
+// });
 import { Descriptions as AntDescriptions } from 'antd';
 import React from 'react';
-import { SLOT } from '../helpers/slottype';
+import { SLOT } from '@music163/tango-helpers';
 export const Descriptions = (_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"]);
-    //console.log("新的descriptions组件0507001", dataId, dataDnd, rest);
-    return (React.createElement("div", { "data-dnd": dataDnd, "data-id": rest.tid, draggable: true, style: style },
-        React.createElement(AntDescriptions, Object.assign({}, rest), rest.children)));
+    var { items } = _a, _b = SLOT.id, dataId = _a[_b], _c = SLOT.dnd, dataDnd = _a[_c], rest = __rest(_a, ["items", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + ""]);
+    console.log("新的descriptions组件0507001", dataId, dataDnd, rest);
+    return (React.createElement("div", { "data-dnd": dataDnd, "data-id": dataId, draggable: true },
+        React.createElement(AntDescriptions, Object.assign({}, rest), items)));
+};
+export const DescriptionsItem = (_a) => {
+    var rest = __rest(_a, []);
+    return React.createElement(AntDescriptions.Item, Object.assign({}, rest), " ");
 };
-// export const DescriptionsItem = ({
-//     ...rest
-// }: DescriptionsProps & { [key: string]: any; children?: React.ReactNode }) => {
-//     return  <AntDescriptions.Item {...rest}> </AntDescriptions.Item>
-// }

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

@@ -10,9 +10,6 @@ export * from './placeholder';
 export * from './section';
 export { Select } from './select';
 export { Space } from './space';
-export { Popconfirm } from './popconfirm';
-export { Popover } from './popover';
-export { Result } from './result2';
 export { Drawer } from "./drawer";
 export { DatePicker } from "./date-picker";
 export { Radio, RadioGroup } from "./radio";
@@ -47,4 +44,3 @@ export { Descriptions } from './descriptions';
 export { Tree } from './tree';
 export { Alert } from "./alert";
 export { Progress } from './progress';
-export { BackTop } from './backTop';

package/lib/esm/components/index.js

@@ -17,12 +17,12 @@ export { Select } from './select';
 export { Space } from './space';
 //export { Typography, Title, Paragraph,Text } from './typography';
 //export { Columns, Column } from './columns';
-export { Popconfirm } from './popconfirm';
-export { Popover } from './popover';
+//export { Popconfirm } from './popconfirm';
+//export {Popover} from './popover';
 //export {Tooltip} from './tooltip';
 //export {Result} from './result';
 //export {Result} from './result1';
-export { Result } from './result2';
+//export {Result} from './result2';
 //export {Result} from './result3';
 export { Drawer } from "./drawer";
 export { DatePicker } from "./date-picker";
@@ -74,8 +74,6 @@ export { Descriptions } from './descriptions';
 export { Tree } from './tree';
 export { Alert } from "./alert";
 export { Progress } from './progress';
-export { BackTop } from './backTop';
-//export { AntdIcon } from './icon'
 //export {Affix} from './affix';
 //import * as echarts from 'echarts';
 //export {LineChart} from './LineChart';

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

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

package/lib/esm/components/popconfirm.js

@@ -1,73 +1,38 @@
-// import { Popconfirm as AntPopconfirm, PopconfirmProps } from 'antd';
-// //import { CloseOutlined } from '@ant-design/icons';
-// import CloseOutlined  from '@ant-design/icons/CloseOutlined';
-// import { defineComponent } from '@music163/tango-boot';
-// import { Button } from './button';
-// import React, { useEffect, useRef } from 'react';
-// import { ShadowContainer } from './shadow-container';
-// import { SLOT } from '@music163/tango-helpers';
-// function PopconfirmDesigner({
-//   children,
-//   title,
-// [SLOT.dnd]:dataDnd,
-// [SLOT.id]:dataId,
-//   style,
-//   ...rest
-// }:  PopconfirmProps& { [key: string]: any, // 添加索引签名
-//   dnd?: string, children?: React.ReactNode }) {
-// const popconfirmRef = useRef<HTMLDivElement>(null);
 import { __rest } from "tslib";
-// // 监听弹层显示事件
-// const handleVisibleChange = (visible: boolean) => {
-//   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 (
-//   <div ref={popconfirmRef}>
-//   <AntPopconfirm
-//   id={dataId}
-//   className={dataId}
-//     title={title}
-//     onOpenChange={handleVisibleChange}
-//     {...rest}
-//   >
-//     {children}
-//   </AntPopconfirm>
-// </div>
-// );
-// }
-// export const Popconfirm = defineComponent(AntPopconfirm, {
-//     name: 'Popconfirm',
-//     designerConfig: {
-//       render({ designerProps, originalProps }) {
-//         console.log("Popconfirm:  designerProps:",designerProps,"originalProps:",originalProps)
-//       return <PopconfirmDesigner title="Are you sure?" {...designerProps} {...originalProps} />;
-//     },
-//     },
-//   // designerConfig: {
-//   // },
-//   });
 import { Popconfirm as AntPopconfirm } from 'antd';
-import React from 'react';
-import { SLOT } from '../helpers/slottype';
-export const Popconfirm = (_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"]);
-    //console.log("新的descriptions组件0507001", dataId, dataDnd, rest);
-    return (React.createElement("div", { "data-dnd": dataDnd, "data-id": rest.tid, draggable: true, style: style },
-        React.createElement(AntPopconfirm, Object.assign({ title: '确认吗' }, rest), rest.children)));
-};
+import { defineComponent } from '@music163/tango-boot';
+import React, { useRef } from 'react';
+import { SLOT } from '@music163/tango-helpers';
+function PopconfirmDesigner(_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 popconfirmRef = 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: popconfirmRef },
+        React.createElement(AntPopconfirm, Object.assign({ id: dataId, className: dataId, title: title, onOpenChange: handleVisibleChange }, rest), children)));
+}
+export const Popconfirm = defineComponent(AntPopconfirm, {
+    name: 'Popconfirm',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            console.log("Popconfirm:  designerProps:", designerProps, "originalProps:", originalProps);
+            return React.createElement(PopconfirmDesigner, Object.assign({ title: "Are you sure?" }, designerProps, originalProps));
+        },
+    },
+    // designerConfig: {
+    // },
+});

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

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

package/lib/esm/components/popover.js

@@ -1,14 +1,38 @@
 import { __rest } from "tslib";
 import { Popover as AntPopover } from 'antd';
-import React from 'react';
-import { SLOT } from '../helpers/slottype';
-export const Popover = (_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"]);
-    //console.log("新的descriptions组件0507001", dataId, dataDnd, rest);
-    return (React.createElement("div", { "data-dnd": dataDnd, "data-id": rest.tid, draggable: true, style: style },
-        React.createElement(AntPopover, Object.assign({ title: '标题' }, rest), rest.children)));
-};
+import { defineComponent } from '@music163/tango-boot';
+import React, { useRef } from 'react';
+import { SLOT } from '@music163/tango-helpers';
+function PopoverDesigner(_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 popoverRef = 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: popoverRef },
+        React.createElement(AntPopover, Object.assign({ id: dataId, title: title, onOpenChange: handleVisibleChange }, rest), children)));
+}
+export const Popover = defineComponent(AntPopover, {
+    name: 'Popover',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            console.log("Popover:  designerProps:", designerProps, "originalProps:", originalProps);
+            return React.createElement(PopoverDesigner, Object.assign({ title: "Are you sure?" }, designerProps, originalProps));
+        },
+    },
+    // designerConfig: {
+    // },
+});

package/lib/esm/components/radio.js

@@ -3,11 +3,65 @@ import { defineComponent } from '@music163/tango-boot';
 import { SLOT } from '@music163/tango-helpers';
 import { Radio as AntRadio } from 'antd';
 import React from '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',
+// });
 export const Radio = (_a) => {
-    //console.log("新的单选组件",dataId,dataDnd,rest);
+    var _b = SLOT.id, dataId = _a[_b], _c = SLOT.dnd, dataDnd = _a[_c], rest = __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 = SLOT.id, dataId = _a[_b], _c = SLOT.dnd, dataDnd = _a[_c], rest = __rest(_a, [typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + ""]);
     return (React.createElement("div", { "data-dnd": dataDnd, "data-id": dataId, draggable: true },
         React.createElement(AntRadio, Object.assign({}, rest))));
 };

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

@@ -1,24 +1,9 @@
 import { __rest } from "tslib";
 import { Result as AntResult } from 'antd';
 import React from 'react';
-import { SLOT } from '../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>
-//       ) 
-// }
+import { SLOT } from '@music163/tango-helpers';
 export const Result = (_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"]);
-    //console.log("新的descriptions组件0507001", dataId, dataDnd, rest);
-    return (React.createElement("div", { "data-dnd": dataDnd, "data-id": rest.tid, draggable: true, style: style },
-        React.createElement(AntResult, Object.assign({}, rest), rest.children)));
+    var _b = SLOT.id, dataId = _a[_b], _c = SLOT.dnd, dataDnd = _a[_c], rest = __rest(_a, [typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + ""]);
+    console.log("新的结果组件02", dataId, dataDnd, rest);
+    return (React.createElement(AntResult, Object.assign({ "data-dnd": dataDnd, "data-id": dataId }, rest), " "));
 };

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

@@ -1,14 +1,38 @@
 import { __rest } from "tslib";
 import { Tooltip as AntTooltip } from 'antd';
-import React from 'react';
-import { SLOT } from '../helpers/slottype';
-export const Tooltip = (_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"]);
-    //console.log("新的descriptions组件0507001", dataId, dataDnd, rest);
-    return (React.createElement("div", { "data-dnd": dataDnd, "data-id": rest.tid, draggable: true, style: style },
-        React.createElement(AntTooltip, Object.assign({ title: '文字提示' }, rest), rest.children)));
-};
+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/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>>;