@cuvp1225/antd 0.3.74 → 0.3.76

package/lib/cjs/components/tree.js

@@ -6,27 +6,48 @@ 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 TreeDesigner(_a) {
-    var { children } = _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", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
-    (0, react_1.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_1.default.createElement(antd_1.Tree, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children));
+function TreeDesigner(_a
+// TreeProps & {
+//     [key: string]: any, // 添加索引签名
+//     dnd?: string, children?: React.ReactNode}
+) {
+    var { children, title } = _a
+    // TreeProps & {
+    //     [key: string]: any, // 添加索引签名
+    //     dnd?: string, children?: React.ReactNode}
+    , _b = tango_helpers_1.SLOT.dnd, dataDnd = _a[_b], _c = tango_helpers_1.SLOT.id, dataId = _a[_c], { style } = _a
+    // TreeProps & {
+    //     [key: string]: any, // 添加索引签名
+    //     dnd?: string, children?: React.ReactNode}
+    , rest = tslib_1.__rest(_a, ["children", "title", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
+    const treeRef = (0, react_1.useRef)(null);
+    // 监听弹层显示事件
+    const handleVisibleChange = (visible) => {
+        console.log('handleVisibleChange', visible);
+        if (visible) {
+            // 使用微任务确保弹层已渲染
+            Promise.resolve().then(() => {
+                const treeNode = document.querySelector(`#${dataId}`);
+                console.log('treeNode', treeNode);
+                if (treeNode) {
+                    // treeNode.setAttribute('data-dnd', dataDnd);
+                    // treeNode.setAttribute('data-id', dataId);
+                    treeNode.setAttribute('draggable', 'true');
+                }
+            });
+        }
+    };
+    return (react_1.default.createElement("div", { ref: treeRef },
+        react_1.default.createElement(antd_1.Tree, Object.assign({ id: dataId, title: title, onOpenChange: handleVisibleChange }, rest), children)));
 }
 exports.Tree = (0, tango_boot_1.defineComponent)(antd_1.Tree, {
     name: 'Tree',
     designerConfig: {
         render({ designerProps, originalProps }) {
-            // console.log("Tree:  designerProps:", designerProps, "originalProps:", originalProps);
-            return react_1.default.createElement(TreeDesigner, Object.assign({}, designerProps, originalProps));
-        }
-    }
+            console.log("Tree:  designerProps:", designerProps, "originalProps:", originalProps);
+            return react_1.default.createElement(TreeDesigner, Object.assign({ title: "Are you sure?" }, designerProps, originalProps));
+        },
+    },
+    // designerConfig: {
+    // },
 });

package/lib/esm/components/alert.js

@@ -3,20 +3,26 @@ import { Alert as AntAlert } from 'antd';
 import { defineComponent } from '@music163/tango-boot';
 import React, { useEffect } from 'react';
 import { SLOT } from '@music163/tango-helpers';
-function AlertDesigner(_a) {
-    var _b = SLOT.dnd, dataDnd = _a[_b], _c = SLOT.id, dataId = _a[_c], { style } = _a, rest = __rest(_a, [typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
+function AlertDesigner(_a
+// AlertProps & { [key: string]: any; dnd?: string; children?: React.ReactNode }
+) {
+    var { children } = _a
+    // AlertProps & { [key: string]: any; dnd?: string; children?: React.ReactNode }
+    , _b = SLOT.dnd, dataDnd = _a[_b], _c = SLOT.id, dataId = _a[_c], { style } = _a
+    // AlertProps & { [key: string]: any; dnd?: string; children?: React.ReactNode }
+    , rest = __rest(_a, ["children", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
     useEffect(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector(`.${dataId}`);
+            const popoverNode = document.querySelector(`#${dataId}`);
             // console.log('spinNode', popoverNode);
             if (popoverNode) {
-                popoverNode.setAttribute('data-dnd', dataDnd);
-                popoverNode.setAttribute('data-id', dataId);
+                // popoverNode.setAttribute('data-dnd', dataDnd);
+                // popoverNode.setAttribute('data-id', dataId);
                 popoverNode.setAttribute('draggable', 'true');
             }
         });
     }, [dataDnd, dataId]);
-    return (React.createElement(AntAlert, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest)));
+    return (React.createElement(AntAlert, Object.assign({ id: dataId, style: style }, rest)));
 }
 export const Alert = defineComponent(AntAlert, {
     name: 'Alert',

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

@@ -58,3 +58,6 @@ export { TreeSelect } from './tree-select';
 export { Image } from './image';
 export { Tabs } from './tabs';
 export { Descriptions } from './descriptions';
+export { Tree } from './tree';
+export { Alert } from "./alert";
+export { Progress } from './progress';

package/lib/esm/components/index.js

@@ -63,3 +63,6 @@ export { TreeSelect } from './tree-select';
 export { Image } from './image';
 export { Tabs } from './tabs';
 export { Descriptions } from './descriptions';
+export { Tree } from './tree';
+export { Alert } from "./alert";
+export { Progress } from './progress';

package/lib/esm/components/popconfirm.js

@@ -12,7 +12,7 @@ function PopconfirmDesigner(_a) {
         if (visible) {
             // 使用微任务确保弹层已渲染
             Promise.resolve().then(() => {
-                const popoverNode = document.querySelector(`.${dataId}`);
+                const popoverNode = document.querySelector(`#${dataId}`);
                 console.log('popoverNode', popoverNode);
                 if (popoverNode) {
                     popoverNode.setAttribute('data-dnd', dataDnd);
@@ -23,7 +23,7 @@ function PopconfirmDesigner(_a) {
         }
     };
     return (React.createElement("div", { ref: popconfirmRef },
-        React.createElement(AntPopconfirm, Object.assign({ className: dataId, title: title, onOpenChange: handleVisibleChange }, rest), children)));
+        React.createElement(AntPopconfirm, Object.assign({ id: dataId, className: dataId, title: title, onOpenChange: handleVisibleChange }, rest), children)));
 }
 export const Popconfirm = defineComponent(AntPopconfirm, {
     name: 'Popconfirm',

package/lib/esm/components/popover.js

@@ -12,7 +12,7 @@ function PopoverDesigner(_a) {
         if (visible) {
             // 使用微任务确保弹层已渲染
             Promise.resolve().then(() => {
-                const popoverNode = document.querySelector(`.${dataId}`);
+                const popoverNode = document.querySelector(`#${dataId}`);
                 console.log('popoverNode', popoverNode);
                 if (popoverNode) {
                     popoverNode.setAttribute('data-dnd', dataDnd);
@@ -23,7 +23,7 @@ function PopoverDesigner(_a) {
         }
     };
     return (React.createElement("div", { ref: popoverRef },
-        React.createElement(AntPopover, Object.assign({ className: dataId, title: title, onOpenChange: handleVisibleChange }, rest), children)));
+        React.createElement(AntPopover, Object.assign({ id: dataId, title: title, onOpenChange: handleVisibleChange }, rest), children)));
 }
 export const Popover = defineComponent(AntPopover, {
     name: 'Popover',

package/lib/esm/components/progress.js

@@ -3,20 +3,29 @@ import { Progress as AntProgress } from 'antd';
 import { defineComponent } from '@music163/tango-boot';
 import React, { useEffect } from 'react';
 import { SLOT } from '@music163/tango-helpers';
-function ProgressDesigner(_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"]);
+function ProgressDesigner(_a
+// ProgressProps & { [key: string]: any; dnd?: string; children?: React.ReactNode }
+) {
+    var { children } = _a
+    // ProgressProps & { [key: string]: any; dnd?: string; children?: React.ReactNode }
+    , _b = SLOT.dnd, dataDnd = _a[_b], _c = SLOT.id, dataId = _a[_c], { style } = _a
+    // ProgressProps & { [key: string]: any; dnd?: string; children?: React.ReactNode }
+    , rest = __rest(_a, ["children", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
     useEffect(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector(`.${dataId}`);
+            const popoverNode = document.querySelector(`#${dataId}`);
             // console.log('spinNode', popoverNode);
             if (popoverNode) {
-                popoverNode.setAttribute('data-dnd', dataDnd);
-                popoverNode.setAttribute('data-id', dataId);
+                // popoverNode.setAttribute('data-dnd', dataDnd);
+                // popoverNode.setAttribute('data-id', dataId);
                 popoverNode.setAttribute('draggable', 'true');
             }
         });
     }, [dataDnd, dataId]);
-    return (React.createElement(AntProgress, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children));
+    return (React.createElement(AntProgress, Object.assign({ id: dataId, 
+        // data-dnd={dataDnd}
+        // data-id={dataId}
+        style: style }, rest), children));
 }
 export const Progress = defineComponent(AntProgress, {
     name: 'Progress',

package/lib/esm/components/tooltip.js

@@ -12,7 +12,7 @@ function TooltipDesigner(_a) {
         if (visible) {
             // 使用微任务确保弹层已渲染
             Promise.resolve().then(() => {
-                const popoverNode = document.querySelector(`.${dataId}`);
+                const popoverNode = document.querySelector(`#${dataId}`);
                 console.log('popoverNode', popoverNode);
                 if (popoverNode) {
                     popoverNode.setAttribute('data-dnd', dataDnd);
@@ -23,7 +23,7 @@ function TooltipDesigner(_a) {
         }
     };
     return (React.createElement("div", { ref: tooltipRef },
-        React.createElement(AntTooltip, Object.assign({ title: title, className: dataId, onOpenChange: handleVisibleChange }, rest), children)));
+        React.createElement(AntTooltip, Object.assign({ title: title, id: dataId, onOpenChange: handleVisibleChange }, rest), children)));
 }
 export const Tooltip = defineComponent(AntTooltip, {
     name: 'Tooltip',

package/lib/esm/components/tree.js

@@ -1,29 +1,50 @@
 import { __rest } from "tslib";
 import { Tree as AntTree } from 'antd';
 import { defineComponent } from '@music163/tango-boot';
-import React, { useEffect } from 'react';
+import React, { useRef } from 'react';
 import { SLOT } from '@music163/tango-helpers';
-function TreeDesigner(_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(AntTree, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children));
+function TreeDesigner(_a
+// TreeProps & {
+//     [key: string]: any, // 添加索引签名
+//     dnd?: string, children?: React.ReactNode}
+) {
+    var { children, title } = _a
+    // TreeProps & {
+    //     [key: string]: any, // 添加索引签名
+    //     dnd?: string, children?: React.ReactNode}
+    , _b = SLOT.dnd, dataDnd = _a[_b], _c = SLOT.id, dataId = _a[_c], { style } = _a
+    // TreeProps & {
+    //     [key: string]: any, // 添加索引签名
+    //     dnd?: string, children?: React.ReactNode}
+    , rest = __rest(_a, ["children", "title", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
+    const treeRef = useRef(null);
+    // 监听弹层显示事件
+    const handleVisibleChange = (visible) => {
+        console.log('handleVisibleChange', visible);
+        if (visible) {
+            // 使用微任务确保弹层已渲染
+            Promise.resolve().then(() => {
+                const treeNode = document.querySelector(`#${dataId}`);
+                console.log('treeNode', treeNode);
+                if (treeNode) {
+                    // treeNode.setAttribute('data-dnd', dataDnd);
+                    // treeNode.setAttribute('data-id', dataId);
+                    treeNode.setAttribute('draggable', 'true');
+                }
+            });
+        }
+    };
+    return (React.createElement("div", { ref: treeRef },
+        React.createElement(AntTree, Object.assign({ id: dataId, title: title, onOpenChange: handleVisibleChange }, rest), children)));
 }
 export const Tree = defineComponent(AntTree, {
     name: 'Tree',
     designerConfig: {
         render({ designerProps, originalProps }) {
-            // console.log("Tree:  designerProps:", designerProps, "originalProps:", originalProps);
-            return React.createElement(TreeDesigner, Object.assign({}, designerProps, originalProps));
-        }
-    }
+            console.log("Tree:  designerProps:", designerProps, "originalProps:", originalProps);
+            return React.createElement(TreeDesigner, Object.assign({ title: "Are you sure?" }, designerProps, originalProps));
+        },
+    },
+    // designerConfig: {
+    // },
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuvp1225/antd",
-  "version": "0.3.74",
+  "version": "0.3.76",
   "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": "33dd2f83432b51a64159ed2a3098a07cd41ae3ea"
+  "gitHead": "faca46e9d1c744c5f6117f3e73472c9b9d193f88"
 }