@cuvp1225/antd 0.1.19-beta.2 → 0.1.19-beta.21

package/lib/cjs/components/dropdown.js

@@ -1,11 +1,26 @@
 "use strict";
+// import { defineComponent } from '@music163/tango-boot';
+// import { Dropdown as AntDropdown } from 'antd';
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DropdownButton = exports.Dropdown = void 0;
-const tango_boot_1 = require("@music163/tango-boot");
+exports.Dropdown = void 0;
+const tslib_1 = require("tslib");
+// export const Dropdown = defineComponent(AntDropdown, {
+//     name: 'Dropdown'
+// });
+// export const DropdownButton = defineComponent(AntDropdown, {
+//     name: 'DropdownButton',
+// });
 const antd_1 = require("antd");
-exports.Dropdown = (0, tango_boot_1.defineComponent)(antd_1.Dropdown, {
-    name: 'Dropdown'
-});
-exports.DropdownButton = (0, tango_boot_1.defineComponent)(antd_1.Dropdown, {
-    name: 'DropdownButton',
-});
+const react_1 = tslib_1.__importDefault(require("react"));
+const slottype_1 = require("../helpers/slottype");
+const Dropdown = (_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("新的Tooltip组件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.Dropdown, Object.assign({}, rest), rest.children)));
+};
+exports.Dropdown = Dropdown;

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

@@ -10,17 +10,25 @@ export * from './placeholder';
 export * from './section';
 export { Select } from './select';
 export { Space } from './space';
+export { Popconfirm } from './popconfirm';
+export { Popover } from './popover';
+export { Tooltip } from './tooltip';
+export { Result } from './result2';
 export { Drawer } from "./drawer";
 export { DatePicker } from "./date-picker";
 export { Radio, RadioGroup } from "./radio";
 export { Checkbox, CheckboxGroup } from "./checkbox";
 export { Cascader } from "./cascader";
+export { Breadcrumb } from './breadcrumb';
+export { Menu } from './menu';
 export { Collapse } from './collapse';
-export { Dropdown, DropdownButton } from './dropdown';
+export { Dropdown } from './dropdown';
 export { Upload } from "./upload";
 export { Skeleton } from "./skeleton";
 export { Spin } from './spin';
+export { Anchor } from './anchor';
 export { Calendar } from './calendar';
+export { Carousel } from './carousel';
 export { Divider } from './divider';
 export { Badge } from './badge';
 export { Pagination } from './pagination';
@@ -40,6 +48,8 @@ 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';
+export { BackTop } from './backTop';

package/lib/cjs/components/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Progress = exports.Alert = exports.Tree = exports.Image = exports.TreeSelect = exports.Mentions = exports.AutoComplete = exports.Switch = exports.PageHeader = exports.Statistic = exports.Transfer = exports.TimePicker = exports.Comment = exports.Rate = exports.Slider = exports.Empty = exports.Avatar = exports.Card = exports.Table = exports.Pagination = exports.Badge = exports.Divider = exports.Calendar = exports.Spin = exports.Skeleton = exports.Upload = exports.DropdownButton = exports.Dropdown = exports.Collapse = exports.Cascader = exports.CheckboxGroup = exports.Checkbox = exports.RadioGroup = exports.Radio = exports.DatePicker = exports.Drawer = exports.Space = exports.Select = exports.Password = exports.TextArea = exports.Input = exports.InputNumber = exports.ButtonGroup = exports.Button = exports.Box = exports.When = exports.Each = void 0;
+exports.TreeSelect = exports.Mentions = exports.AutoComplete = exports.Switch = exports.PageHeader = exports.Statistic = exports.Transfer = exports.TimePicker = exports.Comment = exports.Rate = exports.Slider = exports.Empty = exports.Avatar = exports.Card = exports.Table = exports.Pagination = exports.Badge = exports.Divider = exports.Carousel = exports.Calendar = exports.Anchor = exports.Spin = exports.Skeleton = exports.Upload = exports.Dropdown = exports.Collapse = exports.Menu = exports.Breadcrumb = exports.Cascader = exports.CheckboxGroup = exports.Checkbox = exports.RadioGroup = exports.Radio = exports.DatePicker = exports.Drawer = exports.Result = exports.Tooltip = exports.Popover = exports.Popconfirm = exports.Space = exports.Select = exports.Password = exports.TextArea = exports.Input = exports.InputNumber = exports.ButtonGroup = exports.Button = exports.Box = exports.When = exports.Each = void 0;
+exports.BackTop = exports.Progress = exports.Alert = exports.Tree = exports.Descriptions = exports.Image = void 0;
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("antd"), exports);
 //以下组件都从antd中导出，解决下述组件卡顿问题
@@ -32,12 +33,16 @@ var space_1 = require("./space");
 Object.defineProperty(exports, "Space", { enumerable: true, get: function () { return space_1.Space; } });
 //export { Typography, Title, Paragraph,Text } from './typography';
 //export { Columns, Column } from './columns';
-//export { Popconfirm } from './popconfirm';
-//export {Popover} from './popover';
-//export {Tooltip} from './tooltip';
+var popconfirm_1 = require("./popconfirm");
+Object.defineProperty(exports, "Popconfirm", { enumerable: true, get: function () { return popconfirm_1.Popconfirm; } });
+var popover_1 = require("./popover");
+Object.defineProperty(exports, "Popover", { enumerable: true, get: function () { return popover_1.Popover; } });
+var tooltip_1 = require("./tooltip");
+Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return tooltip_1.Tooltip; } });
 //export {Result} from './result';
 //export {Result} from './result1';
-//export {Result} from './result2';
+var result2_1 = require("./result2");
+Object.defineProperty(exports, "Result", { enumerable: true, get: function () { return result2_1.Result; } });
 //export {Result} from './result3';
 var drawer_1 = require("./drawer");
 Object.defineProperty(exports, "Drawer", { enumerable: true, get: function () { return drawer_1.Drawer; } });
@@ -55,8 +60,10 @@ Object.defineProperty(exports, "Cascader", { enumerable: true, get: function ()
 //export { Row,Col } from './grid'
 //export { RowCombination,ColCombination } from './gridCombination'
 //export { Form,Fieldset,FormItem,FormFooter } from './form'
-//export { Breadcrumb,BreadcrumbItem } from './breadcrumb'
-//export { MenuItem,Menu } from './menu'
+var breadcrumb_1 = require("./breadcrumb");
+Object.defineProperty(exports, "Breadcrumb", { enumerable: true, get: function () { return breadcrumb_1.Breadcrumb; } });
+var menu_1 = require("./menu");
+Object.defineProperty(exports, "Menu", { enumerable: true, get: function () { return menu_1.Menu; } });
 //export { Timeline,TimelineItem } from './timeline'
 // export { Timeline,TimelineItem } from './timeline1'
 // export { BasicTimeline } from './timeline2'
@@ -64,19 +71,21 @@ Object.defineProperty(exports, "Cascader", { enumerable: true, get: function ()
 var collapse_1 = require("./collapse");
 Object.defineProperty(exports, "Collapse", { enumerable: true, get: function () { return collapse_1.Collapse; } });
 //export { List, ListItem } from './list'
+//export { Dropdown, DropdownButton } from './dropdown'
 var dropdown_1 = require("./dropdown");
 Object.defineProperty(exports, "Dropdown", { enumerable: true, get: function () { return dropdown_1.Dropdown; } });
-Object.defineProperty(exports, "DropdownButton", { enumerable: true, get: function () { return dropdown_1.DropdownButton; } });
 var upload_1 = require("./upload");
 Object.defineProperty(exports, "Upload", { enumerable: true, get: function () { return upload_1.Upload; } });
 var skeleton_1 = require("./skeleton");
 Object.defineProperty(exports, "Skeleton", { enumerable: true, get: function () { return skeleton_1.Skeleton; } });
 var spin_1 = require("./spin");
 Object.defineProperty(exports, "Spin", { enumerable: true, get: function () { return spin_1.Spin; } });
-//export { Anchor } from './anchor';
+var anchor_1 = require("./anchor");
+Object.defineProperty(exports, "Anchor", { enumerable: true, get: function () { return anchor_1.Anchor; } });
 var calendar_1 = require("./calendar");
 Object.defineProperty(exports, "Calendar", { enumerable: true, get: function () { return calendar_1.Calendar; } });
-//export { Carousel } from './carousel';
+var carousel_1 = require("./carousel");
+Object.defineProperty(exports, "Carousel", { enumerable: true, get: function () { return carousel_1.Carousel; } });
 var divider_1 = require("./divider");
 Object.defineProperty(exports, "Divider", { enumerable: true, get: function () { return divider_1.Divider; } });
 var badge_1 = require("./badge");
@@ -118,13 +127,17 @@ Object.defineProperty(exports, "TreeSelect", { enumerable: true, get: function (
 var image_1 = require("./image");
 Object.defineProperty(exports, "Image", { enumerable: true, get: function () { return image_1.Image; } });
 //export { Tabs } from './tabs'
-// export { Descriptions } from './descriptions'
+var descriptions_1 = require("./descriptions");
+Object.defineProperty(exports, "Descriptions", { enumerable: true, get: function () { return descriptions_1.Descriptions; } });
 var tree_1 = require("./tree");
 Object.defineProperty(exports, "Tree", { enumerable: true, get: function () { return tree_1.Tree; } });
 var alert_1 = require("./alert");
 Object.defineProperty(exports, "Alert", { enumerable: true, get: function () { return alert_1.Alert; } });
 var progress_1 = require("./progress");
 Object.defineProperty(exports, "Progress", { enumerable: true, get: function () { return progress_1.Progress; } });
+var backTop_1 = require("./backTop");
+Object.defineProperty(exports, "BackTop", { enumerable: true, get: function () { return backTop_1.BackTop; } });
+//export { AntdIcon } from './icon'
 //export {Affix} from './affix';
 //import * as echarts from 'echarts';
 //export {LineChart} from './LineChart';

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

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

package/lib/cjs/components/popconfirm.js

@@ -1,41 +1,77 @@
 "use strict";
+// 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);
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Popconfirm = void 0;
 const tslib_1 = require("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: {
+//   // },
+//   });
 const antd_1 = require("antd");
-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 PopconfirmDesigner(_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 popconfirmRef = (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: popconfirmRef },
-        react_1.default.createElement(antd_1.Popconfirm, Object.assign({ id: dataId, className: dataId, title: title, onOpenChange: handleVisibleChange }, rest), children)));
-}
-exports.Popconfirm = (0, tango_boot_1.defineComponent)(antd_1.Popconfirm, {
-    name: 'Popconfirm',
-    designerConfig: {
-        render({ designerProps, originalProps }) {
-            console.log("Popconfirm:  designerProps:", designerProps, "originalProps:", originalProps);
-            return react_1.default.createElement(PopconfirmDesigner, Object.assign({ title: "Are you sure?" }, designerProps, originalProps));
-        },
-    },
-    // designerConfig: {
-    // },
-});
+const react_1 = tslib_1.__importDefault(require("react"));
+const slottype_1 = require("../helpers/slottype");
+const Popconfirm = (_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.Popconfirm, Object.assign({ title: '确认吗' }, rest), rest.children)));
+};
+exports.Popconfirm = Popconfirm;

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

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

package/lib/cjs/components/popover.js

@@ -3,39 +3,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Popover = void 0;
 const tslib_1 = require("tslib");
 const antd_1 = require("antd");
-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: {
-    // },
-});
+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;

package/lib/cjs/components/radio.js

@@ -6,65 +6,11 @@ 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) => {
-    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);
+    //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,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/cjs/components/result2.js

@@ -4,10 +4,25 @@ exports.Result = void 0;
 const tslib_1 = require("tslib");
 const antd_1 = require("antd");
 const react_1 = tslib_1.__importDefault(require("react"));
-const tango_helpers_1 = require("@music163/tango-helpers");
+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 Result = (_a) => {
-    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), " "));
+    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)));
 };
 exports.Result = Result;

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

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

package/lib/cjs/components/tooltip.js

@@ -3,39 +3,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tooltip = void 0;
 const tslib_1 = require("tslib");
 const antd_1 = require("antd");
-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: {
-    // },
-});
+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("新的Tooltip组件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;

package/lib/cjs/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/cjs/components/upload.js

@@ -3,48 +3,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Upload = void 0;
 const tslib_1 = require("tslib");
 const antd_1 = require("antd");
-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: {
-    // },
-});
+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;

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

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

package/lib/cjs/helpers/slottype.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SLOT = void 0;
+exports.SLOT = {
+    /**
+     * DND 追踪标记，通常值为 {{pagePath}}:{{componentName}}
+     */
+    dnd: 'data-dnd',
+    /**
+     * ID 追踪标记
+     */
+    id: 'data-id',
+};