@cuvp1225/antd 0.3.57 → 0.3.59

package/lib/esm/components/pageheader.js

@@ -1,7 +1,7 @@
 import { __rest } from "tslib";
 import { PageHeader as AntPageHeader } from 'antd';
 import { defineComponent } from '@music163/tango-boot';
-import React, { useRef } from 'react';
+import React, { useEffect, useRef } from 'react';
 import { SLOT } from '@music163/tango-helpers';
 function PageHeaderDesigner(_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"]);
@@ -21,6 +21,17 @@ function PageHeaderDesigner(_a) {
     //     });
     //   }
     // };
+    useEffect(() => {
+        Promise.resolve().then(() => {
+            const popoverNode = document.querySelector('.ant-page-header');
+            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: pageHeaderRef },
         React.createElement(AntPageHeader, Object.assign({ title: title, "data-dnd": dataDnd, "data-id": dataId }, rest), children)));
 }

package/lib/esm/components/pagination.js

@@ -17,7 +17,7 @@ function PaginationDesigner(_a) {
             }
         });
     }, [dataDnd, dataId]);
-    return (React.createElement("div", { ref: paginationRef, draggable: 'true' },
+    return (React.createElement("div", { ref: paginationRef },
         React.createElement(AntPagination, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest))));
 }
 export const Pagination = defineComponent(AntPagination, {

package/lib/esm/components/popover.js

@@ -12,7 +12,7 @@ function PopoverDesigner(_a) {
         if (visible) {
             // 使用微任务确保弹层已渲染
             Promise.resolve().then(() => {
-                const popoverNode = document.querySelector('.ant-popover-placement-top');
+                const popoverNode = document.querySelector('.ant-popover');
                 console.log('popoverNode', popoverNode);
                 if (popoverNode) {
                     popoverNode.setAttribute('data-dnd', dataDnd);

package/lib/esm/components/radio.js

@@ -1,9 +1,18 @@
 import { __rest } from "tslib";
 import { defineComponent } from '@music163/tango-boot';
 import { Radio as AntRadio } from 'antd';
-import React from 'react';
+import React, { useEffect } from 'react';
 function RadioDesigner(_a) {
     var { style } = _a, rest = __rest(_a, ["style"]);
+    useEffect(() => {
+        Promise.resolve().then(() => {
+            const popoverNode = document.querySelector('.ant-radio');
+            // console.log('spinNode', popoverNode);
+            if (popoverNode) {
+                popoverNode.setAttribute('draggable', 'true');
+            }
+        });
+    }, []);
     const { optionType } = rest;
     if (optionType === 'button') {
         return React.createElement(AntRadio.Button, Object.assign({}, rest, { style: style }), rest.label);

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

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

package/lib/esm/components/rate.js

@@ -0,0 +1,48 @@
+import { __rest } from "tslib";
+import { Rate as AntRate } from 'antd';
+import { defineComponent } from '@music163/tango-boot';
+import React, { useEffect, useRef } from 'react';
+import { SLOT } from '@music163/tango-helpers';
+function RateDesigner(_a) {
+    var { children, title } = _a, _b = SLOT.dnd, dataDnd = _a[_b], _c = SLOT.id, dataId = _a[_c], { style } = _a, rest = __rest(_a, ["children", "title", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
+    const rateRef = useRef(null);
+    // 监听弹层显示事件
+    // const handleVisibleChange = (visible: boolean) => {
+    //   console.log('handleVisibleChange', visible);
+    //   if (visible) {
+    //     // 使用微任务确保弹层已渲染
+    //     Promise.resolve().then(() => {
+    //       const popoverNode = document.querySelector('.ant-popover-placement-top');
+    //       console.log('popoverNode' ,popoverNode)
+    //       if (popoverNode) {
+    //         popoverNode.setAttribute('data-dnd', dataDnd);
+    //         popoverNode.setAttribute('data-id', dataId);
+    //       }
+    //     });
+    //   }
+    // };
+    useEffect(() => {
+        Promise.resolve().then(() => {
+            const popoverNode = document.querySelector('.ant-rate');
+            console.log('rate', popoverNode);
+            if (popoverNode) {
+                popoverNode.setAttribute('data-dnd', dataDnd);
+                popoverNode.setAttribute('data-id', dataId);
+                popoverNode.setAttribute('draggable', 'true');
+            }
+        });
+    }, [dataDnd, dataId]);
+    return (React.createElement("div", { ref: rateRef },
+        React.createElement(AntRate, Object.assign({ "data-dnd": dataDnd, "data-id": dataId }, rest))));
+}
+export const Rate = defineComponent(AntRate, {
+    name: 'Rate',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            console.log("Rate:  designerProps:", designerProps, "originalProps:", originalProps);
+            return React.createElement(RateDesigner, Object.assign({ title: "\u4E00\u7EA7\u6807\u9898" }, designerProps, originalProps));
+        },
+    },
+    // designerConfig: {
+    // },
+});

package/lib/esm/components/result.js

@@ -32,7 +32,7 @@ function ResultDesigner(_a) {
     //     });
     //   }
     // };
-    return (React.createElement("div", { ref: resultRef, draggable: 'true' },
+    return (React.createElement("div", { ref: resultRef },
         React.createElement(AntResult, Object.assign({ title: title, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
 }
 export const Result = defineComponent(AntResult, {

package/lib/esm/components/skeleton.js

@@ -1,7 +1,7 @@
 import { __rest } from "tslib";
 import { Skeleton as AntSkeleton } from 'antd';
 import { defineComponent } from '@music163/tango-boot';
-import React, { useRef } from 'react';
+import React, { useEffect, useRef } from 'react';
 import { SLOT } from '@music163/tango-helpers';
 function SkeletonDesigner(_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"]);
@@ -21,6 +21,17 @@ function SkeletonDesigner(_a) {
     //     });
     //   }
     // };
+    useEffect(() => {
+        Promise.resolve().then(() => {
+            const popoverNode = document.querySelector('.ant-skeleton');
+            console.log('ant-skeleton', popoverNode);
+            if (popoverNode) {
+                popoverNode.setAttribute('data-dnd', dataDnd);
+                popoverNode.setAttribute('data-id', dataId);
+                popoverNode.setAttribute('draggable', 'true');
+            }
+        });
+    }, [dataDnd, dataId]);
     return (React.createElement("div", { ref: skeletonRef },
         React.createElement(AntSkeleton, Object.assign({ "data-dnd": dataDnd, "data-id": dataId }, rest), children)));
 }

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

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

package/lib/esm/components/slider.js

@@ -0,0 +1,48 @@
+import { __rest } from "tslib";
+import { Slider as AntSlider } from 'antd';
+import { defineComponent } from '@music163/tango-boot';
+import React, { useEffect, useRef } from 'react';
+import { SLOT } from '@music163/tango-helpers';
+function SliderDesigner(_a) {
+    var { children, title } = _a, _b = SLOT.dnd, dataDnd = _a[_b], _c = SLOT.id, dataId = _a[_c], { style } = _a, rest = __rest(_a, ["children", "title", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
+    const rateRef = useRef(null);
+    // 监听弹层显示事件
+    // const handleVisibleChange = (visible: boolean) => {
+    //   console.log('handleVisibleChange', visible);
+    //   if (visible) {
+    //     // 使用微任务确保弹层已渲染
+    //     Promise.resolve().then(() => {
+    //       const popoverNode = document.querySelector('.ant-popover-placement-top');
+    //       console.log('popoverNode' ,popoverNode)
+    //       if (popoverNode) {
+    //         popoverNode.setAttribute('data-dnd', dataDnd);
+    //         popoverNode.setAttribute('data-id', dataId);
+    //       }
+    //     });
+    //   }
+    // };
+    useEffect(() => {
+        Promise.resolve().then(() => {
+            const popoverNode = document.querySelector('.ant-slider');
+            console.log('rate', popoverNode);
+            if (popoverNode) {
+                popoverNode.setAttribute('data-dnd', dataDnd);
+                popoverNode.setAttribute('data-id', dataId);
+                popoverNode.setAttribute('draggable', 'true');
+            }
+        });
+    }, [dataDnd, dataId]);
+    return (React.createElement("div", { ref: rateRef },
+        React.createElement(AntSlider, Object.assign({ "data-dnd": dataDnd, "data-id": dataId }, rest))));
+}
+export const Slider = defineComponent(AntSlider, {
+    name: 'Slider',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            console.log("Slider:  designerProps:", designerProps, "originalProps:", originalProps);
+            return React.createElement(SliderDesigner, Object.assign({ title: "\u4E00\u7EA7\u6807\u9898" }, designerProps, originalProps));
+        },
+    },
+    // designerConfig: {
+    // },
+});

package/lib/esm/components/spin.js

@@ -17,7 +17,7 @@ function SpinDesigner(_a) {
             }
         });
     }, [dataDnd, dataId]);
-    return (React.createElement("div", { ref: spinRef, draggable: 'true' },
+    return (React.createElement("div", { ref: spinRef },
         React.createElement(AntSpin, Object.assign({ spinning: spinning, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
 }
 export const Spin = defineComponent(AntSpin, {

package/lib/esm/components/table.js

@@ -17,7 +17,7 @@ function TableDesigner(_a) {
             }
         });
     }, [dataDnd, dataId]);
-    return (React.createElement("div", { ref: tableRef, draggable: 'true' },
+    return (React.createElement("div", { ref: tableRef },
         React.createElement(AntTable, Object.assign({ columns: columns, dataSource: dataSource, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
 }
 export const Table = defineComponent(AntTable, {

package/lib/esm/components/tag.js

@@ -17,7 +17,7 @@ function TagDesigner(_a) {
             }
         });
     }, [dataDnd, dataId]);
-    return (React.createElement("div", { ref: tagRef, draggable: 'true' },
+    return (React.createElement("div", { ref: tagRef },
         React.createElement(AntTag, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
 }
 export const Tag = defineComponent(AntTag, {

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

@@ -17,8 +17,7 @@ function TimePickerDesigner(_a) {
             }
         });
     }, [dataDnd, dataId]);
-    return (React.createElement("div", { ref: timePickerRef, draggable: 'true' },
-        React.createElement(AntTimePicker, Object.assign({ className: 'antd-timePicker', "data-dnd": dataDnd, "data-id": dataId, style: style }, rest))));
+    return (React.createElement(AntTimePicker, Object.assign({ className: 'ant-timePicker', "data-dnd": dataDnd, "data-id": dataId, style: style }, rest)));
 }
 export const TimePicker = defineComponent(AntTimePicker, {
     name: 'TimePicker',

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

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

package/lib/esm/components/transfer.js

@@ -0,0 +1,48 @@
+import { __rest } from "tslib";
+import { Transfer as AntTransfer } from 'antd';
+import { defineComponent } from '@music163/tango-boot';
+import React, { useEffect, useRef } from 'react';
+import { SLOT } from '@music163/tango-helpers';
+function TransferDesigner(_a) {
+    var { children, title } = _a, _b = SLOT.dnd, dataDnd = _a[_b], _c = SLOT.id, dataId = _a[_c], { style } = _a, rest = __rest(_a, ["children", "title", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
+    const transferRef = useRef(null);
+    // 监听弹层显示事件
+    // const handleVisibleChange = (visible: boolean) => {
+    //   console.log('handleVisibleChange', visible);
+    //   if (visible) {
+    //     // 使用微任务确保弹层已渲染
+    //     Promise.resolve().then(() => {
+    //       const popoverNode = document.querySelector('.ant-popover-placement-top');
+    //       console.log('popoverNode' ,popoverNode)
+    //       if (popoverNode) {
+    //         popoverNode.setAttribute('data-dnd', dataDnd);
+    //         popoverNode.setAttribute('data-id', dataId);
+    //       }
+    //     });
+    //   }
+    // };
+    useEffect(() => {
+        Promise.resolve().then(() => {
+            const popoverNode = document.querySelector('.ant-transfer');
+            console.log('rate', popoverNode);
+            if (popoverNode) {
+                popoverNode.setAttribute('data-dnd', dataDnd);
+                popoverNode.setAttribute('data-id', dataId);
+                popoverNode.setAttribute('draggable', 'true');
+            }
+        });
+    }, [dataDnd, dataId]);
+    return (React.createElement("div", { ref: transferRef },
+        React.createElement(AntTransfer, Object.assign({ "data-dnd": dataDnd, "data-id": dataId }, rest))));
+}
+export const Transfer = defineComponent(AntTransfer, {
+    name: 'Transfer',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            console.log("Transfer:  designerProps:", designerProps, "originalProps:", originalProps);
+            return React.createElement(TransferDesigner, Object.assign({ title: "\u4E00\u7EA7\u6807\u9898" }, designerProps, originalProps));
+        },
+    },
+    // designerConfig: {
+    // },
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuvp1225/antd",
-  "version": "0.3.57",
+  "version": "0.3.59",
   "description": "antd components for tango app",
   "author": "wwsun <ww.sww@outlook.com>",
   "homepage": "https://github.com/netease/tango-components#readme",
@@ -54,5 +54,5 @@
     "classnames": "^2.3.2",
     "coral-system": "^1.0.6"
   },
-  "gitHead": "16d4c03cf12458f1bf5c74c497b5182f9fd49ec5"
+  "gitHead": "497a56d200ec75281cf77d717306bc096b503743"
 }