@cuvp1225/antd 0.1.19-beta.1 → 0.1.19-beta.11

package/lib/cjs/prototypes/collapse.js

@@ -14,8 +14,10 @@ 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: '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>`,
     relatedImports: ['Placeholder'],
     props: [
         ...common_1.StylePrototypes,
@@ -28,32 +30,44 @@ 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, null)
+                        component: react_1.default.createElement(antd_1.Switch, { defaultChecked: false })
                     },
                     {
                         label: '隐藏时保留',
                         name: 'forceRender',
-                        component: react_1.default.createElement(antd_1.Switch, null),
-                        defaultValue: false,
+                        component: react_1.default.createElement(antd_1.Switch, { defaultChecked: false }),
+                        // defaultValue: false,
                     },
                     {
                         label: '是否展示当前面板上的箭头',
                         name: 'showArrow',
-                        component: react_1.default.createElement(antd_1.Switch, null),
-                        defaultValue: true,
+                        component: react_1.default.createElement(antd_1.Switch, { defaultChecked: true }),
+                        // defaultValue: true,
                     },
                 ]
             }

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

@@ -1,6 +1,7 @@
-import { CheckboxProps } from 'antd';
 import React from 'react';
-export declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxProps & React.RefAttributes<HTMLInputElement> & import("@music163/tango-boot").TangoComponentProps, "ref"> & React.RefAttributes<unknown>>;
+export declare const Checkbox: ({ [SLOT.id]: dataId, [SLOT.dnd]: dataDnd, ...rest }: {
+    [x: string]: any;
+}) => React.JSX.Element;
 export declare const CheckboxGroup: React.ForwardRefExoticComponent<Omit<Omit<import("antd/lib/checkbox").CheckboxGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: React.Ref<HTMLDivElement>;
 } & import("@music163/tango-boot").TangoComponentProps, "ref"> & React.RefAttributes<unknown>>;

package/lib/esm/components/checkbox.js

@@ -2,32 +2,52 @@ import { __rest } from "tslib";
 import { defineComponent } from '@music163/tango-boot';
 import { SLOT } from '@music163/tango-helpers';
 import { Checkbox as AntCheckbox } from 'antd';
-import React, { useRef, useEffect } from 'react';
-function CheckboxDesigner(_a) {
-    var { style } = _a, _b = SLOT.dnd, dataDnd = _a[_b], _c = SLOT.id, dataId = _a[_c], rest = __rest(_a, ["style", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + ""]);
-    const checkBoxRef = 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: checkBoxRef },
-        React.createElement(AntCheckbox, Object.assign({}, rest, { style: style, className: dataId, "data-dnd": dataDnd, "data-id": dataId }), rest.label)));
-}
-export const Checkbox = defineComponent(AntCheckbox, {
-    name: 'Checkbox',
-    designerConfig: {
-        render({ designerProps, originalProps, }) {
-            return React.createElement(CheckboxDesigner, Object.assign({ label: '多选项1' }, designerProps, originalProps));
-        },
-    },
-});
+import React from 'react';
+// function CheckboxDesigner({
+//   style,
+//   [SLOT.dnd]: dataDnd,
+//   [SLOT.id]: dataId,
+//   ...rest
+// }: CheckboxProps & { [key: string]: any; dnd?: string; label: string }) {
+//   const checkBoxRef = useRef<HTMLDivElement>(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 (
+//     <div ref={checkBoxRef}>
+//       <AntCheckbox {...rest}
+//         style={style}
+//         className={dataId}
+//         data-dnd={dataDnd}
+//         data-id={dataId}
+//       >{rest.label}</AntCheckbox>
+//     </div>
+//   );
+// }
+// export const Checkbox = defineComponent(AntCheckbox, {
+//   name: 'Checkbox',
+//   designerConfig: {
+//     render({ designerProps, originalProps, }) {
+//       return <CheckboxDesigner label={'多选项1'}  {...designerProps} {...originalProps} />;
+//     },
+//   },
+// });
+export const Checkbox = (_a) => {
+    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);
+    return (React.createElement("div", { "data-dnd": dataDnd, "data-id": dataId, draggable: true },
+        React.createElement(AntCheckbox, Object.assign({}, rest))));
+};
 export const CheckboxGroup = defineComponent(AntCheckbox.Group, {
     name: 'CheckboxGroup',
 });

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

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

package/lib/esm/components/collapse.js

@@ -1,32 +1,60 @@
+// 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";
-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));
-        },
-    },
-});
+// 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} />;
+//         },
+//     },
+// });
 // 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)));
+};

package/lib/esm/components/comment.js

@@ -3,7 +3,6 @@ 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);
@@ -26,8 +25,7 @@ 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,
-                    React.createElement(Placeholder, { placeholder: "\u653E\u7F6E\u66FF\u6362" })) }, designerProps, originalProps));
+            return React.createElement(CommentDesigner, Object.assign({ content: React.createElement("div", null) }, designerProps, originalProps));
         }
     }
 });

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

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

package/lib/esm/components/descriptions.js

@@ -48,14 +48,19 @@ import { __rest } from "tslib";
 // });
 import { Descriptions as AntDescriptions } from 'antd';
 import React from 'react';
-import { SLOT } from '@music163/tango-helpers';
+import { SLOT } from '../helpers/slottype';
 export const Descriptions = (_a) => {
-    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组件01", 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), " ");
+    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)));
 };
+// 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,6 +10,7 @@ export * from './placeholder';
 export * from './section';
 export { Select } from './select';
 export { Space } from './space';
+export { Result } from './result2';
 export { Drawer } from "./drawer";
 export { DatePicker } from "./date-picker";
 export { Radio, RadioGroup } from "./radio";
@@ -40,6 +41,7 @@ export { AutoComplete } from './auto-complete';
 export { Mentions } from './mentions';
 export { TreeSelect } from './tree-select';
 export { Image } from './image';
+export { Descriptions } from './descriptions';
 export { Tree } from './tree';
 export { Alert } from "./alert";
 export { Progress } from './progress';

package/lib/esm/components/index.js

@@ -22,7 +22,7 @@ export { Space } from './space';
 //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";
@@ -70,7 +70,7 @@ export { Mentions } from './mentions';
 export { TreeSelect } from './tree-select';
 export { Image } from './image';
 //export { Tabs } from './tabs'
-// export { Descriptions } from './descriptions'
+export { Descriptions } from './descriptions';
 export { Tree } from './tree';
 export { Alert } from "./alert";
 export { Progress } from './progress';

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

@@ -1,6 +1,7 @@
-import { RadioProps } from 'antd';
 import React from 'react';
-export declare const Radio: React.ForwardRefExoticComponent<Omit<RadioProps & React.RefAttributes<HTMLElement> & import("@music163/tango-boot").TangoComponentProps, "ref"> & React.RefAttributes<unknown>>;
+export declare const Radio: ({ [SLOT.id]: dataId, [SLOT.dnd]: dataDnd, ...rest }: {
+    [x: string]: any;
+}) => React.JSX.Element;
 export declare const RadioGroup: React.ForwardRefExoticComponent<Omit<Omit<import("antd").RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: React.Ref<HTMLDivElement>;
 } & import("@music163/tango-boot").TangoComponentProps, "ref"> & React.RefAttributes<unknown>>;

package/lib/esm/components/radio.js

@@ -1,5 +1,8 @@
+import { __rest } from "tslib";
 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,
@@ -51,9 +54,17 @@ import { Radio as AntRadio } from 'antd';
 //     },
 //   },
 // });
-export const Radio = defineComponent(AntRadio, {
-    name: 'Radio',
-});
+// export const Radio = defineComponent(AntRadio, {
+//   name: 'Radio',
+// });
+export const Radio = (_a) => {
+    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);
+    return (React.createElement("div", { "data-dnd": dataDnd, "data-id": dataId, draggable: true },
+        React.createElement(AntRadio, Object.assign({}, rest))));
+};
 export const RadioGroup = defineComponent(AntRadio.Group, {
     name: 'RadioGroup',
 });

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

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

package/lib/esm/components/result2.js

@@ -1,9 +1,24 @@
 import { __rest } from "tslib";
 import { Result as AntResult } from 'antd';
 import React from 'react';
-import { SLOT } from '@music163/tango-helpers';
+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>
+//       ) 
+// }
 export const Result = (_a) => {
-    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), " "));
+    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)));
 };

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

@@ -1,3 +1,6 @@
 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>>;
+export declare const Upload: ({ [SLOT.id]: dataId, [SLOT.dnd]: dataDnd, style, ...rest }: UploadProps & {
+    [key: string]: any;
+    children?: React.ReactNode;
+}) => React.JSX.Element;

package/lib/esm/components/upload.js

@@ -1,47 +1,77 @@
+// import { Upload as AntUpload, UploadProps } from 'antd';
+// import { defineComponent } from '@music163/tango-boot';
+// import React, { useEffect, useRef } from 'react';
+// import { SLOT } from '@music163/tango-helpers';
+// function UploadDesigner({
+//   children,
+//   title,
+// [SLOT.dnd]:dataDnd,
+// [SLOT.id]:dataId,
+//   style,
+//   ...rest
+// }: UploadProps& { [key: string]: any, // 添加索引签名
+//   dnd?: string, children?: React.ReactNode }) {
+// const uploadRef = useRef<HTMLDivElement>(null);
 import { __rest } from "tslib";
+// 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 (
+//   <div ref={uploadRef}>
+//   <AntUpload
+//   className={dataId}
+//     data-dnd={dataDnd}
+//     data-id={dataId}
+//     {...rest}
+//   >
+//     {children}
+//   </AntUpload>
+// </div>
+// );
+// }
+// export const Upload = defineComponent(AntUpload, {
+//     name: 'Upload',
+//     designerConfig: {
+//       render({ designerProps, originalProps }) {
+//         console.log("Upload:  designerProps:",designerProps,"originalProps:",originalProps)
+//       return <UploadDesigner title="Are you sure?" {...designerProps} {...originalProps} />;
+//     },
+//     },
+//   // designerConfig: {
+//   // },
+//   });
 import { Upload as AntUpload } from 'antd';
-import { defineComponent } from '@music163/tango-boot';
-import React, { useEffect, useRef } from 'react';
-import { SLOT } from '@music163/tango-helpers';
-function UploadDesigner(_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 uploadRef = useRef(null);
-    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.createElement("div", { ref: uploadRef },
-        React.createElement(AntUpload, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId }, rest), children)));
-}
-export const Upload = defineComponent(AntUpload, {
-    name: 'Upload',
-    designerConfig: {
-        render({ designerProps, originalProps }) {
-            console.log("Upload:  designerProps:", designerProps, "originalProps:", originalProps);
-            return React.createElement(UploadDesigner, Object.assign({ title: "Are you sure?" }, designerProps, originalProps));
-        },
-    },
-    // designerConfig: {
-    // },
-});
+import React from 'react';
+import { SLOT } from '../helpers/slottype';
+export const Upload = (_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(AntUpload, Object.assign({}, rest), rest.children)));
+};

package/lib/esm/helpers/slottype.d.ts

@@ -0,0 +1,10 @@
+export declare const SLOT: {
+    /**
+     * DND 追踪标记，通常值为 {{pagePath}}:{{componentName}}
+     */
+    dnd: string;
+    /**
+     * ID 追踪标记
+     */
+    id: string;
+};

package/lib/esm/helpers/slottype.js

@@ -0,0 +1,10 @@
+export const SLOT = {
+    /**
+     * DND 追踪标记，通常值为 {{pagePath}}:{{componentName}}
+     */
+    dnd: 'data-dnd',
+    /**
+     * ID 追踪标记
+     */
+    id: 'data-id',
+};