@cuvp1225/antd 0.2.75 → 0.2.76

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

@@ -0,0 +1 @@
+export {};

package/lib/cjs/components/affix.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const antd_1 = require("antd");
+const react_1 = tslib_1.__importDefault(require("react"));
+const placeholder_1 = require("./placeholder");
+function AffixDesigner(_a) {
+    var { children, style } = _a, rest = tslib_1.__rest(_a, ["children", "style"]);
+    return (react_1.default.createElement(antd_1.Affix, Object.assign({}, rest, { style: style }), children || react_1.default.createElement(placeholder_1.Placeholder, null)));
+}
+// export const Affix = defineComponent(AntAffix, {
+//     name: 'Affix',
+//     designerConfig: {
+//         render({ designerProps, originalProps, }) {
+//             return <AffixDesigner  {...designerProps} {...originalProps} />;
+//           },
+//     },
+//   });

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

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

package/lib/cjs/components/alert.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Alert = 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 AlertDesigner(_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.Alert, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest)));
+}
+exports.Alert = (0, tango_boot_1.defineComponent)(antd_1.Alert, {
+    name: 'Alert',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            // console.log("Alert:  designerProps:", designerProps, "originalProps:", originalProps);
+            return react_1.default.createElement(AlertDesigner, Object.assign({}, designerProps, originalProps));
+        }
+    }
+});

package/lib/cjs/components/anchor.js

@@ -6,12 +6,13 @@ 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");
+const { Link } = antd_1.Anchor;
 function AnchorDesigner(_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"]);
+    var { items } = _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, ["items", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
     const anchorRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-anchor');
+            const popoverNode = document.querySelector(`.${dataId}`);
             console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -20,8 +21,20 @@ function AnchorDesigner(_a) {
             }
         });
     }, [dataDnd, dataId]);
+    //递归遍历生成子节点
+    const renderLinks = (items) => {
+        return items.map((item) => {
+            const { key, href, title, children } = item;
+            // 如果有子节点，则递归渲染
+            if (children) {
+                return (react_1.default.createElement(Link, { key: key, href: href, title: title }, renderLinks(children)));
+            }
+            // 没有子节点的情况
+            return react_1.default.createElement(Link, { key: key, href: href, title: title });
+        });
+    };
     return (react_1.default.createElement("div", { ref: anchorRef, draggable: 'true' },
-        react_1.default.createElement(antd_1.Anchor, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+        react_1.default.createElement(antd_1.Anchor, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), renderLinks(items))));
 }
 exports.Anchor = (0, tango_boot_1.defineComponent)(antd_1.Anchor, {
     name: 'Anchor',

package/lib/cjs/components/auto-complete.js

@@ -11,7 +11,7 @@ function AutoCompleteDesigner(_a) {
     const autocompleteRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-autocomplete');
+            const popoverNode = document.querySelector(`.${dataId}`);
             // console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -21,7 +21,7 @@ function AutoCompleteDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (react_1.default.createElement("div", { ref: autocompleteRef },
-        react_1.default.createElement(antd_1.AutoComplete, Object.assign({ className: 'ant-autocomplete', "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+        react_1.default.createElement(antd_1.AutoComplete, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
 }
 exports.AutoComplete = (0, tango_boot_1.defineComponent)(antd_1.AutoComplete, {
     name: 'AutoComplete',

package/lib/cjs/components/avatar.js

@@ -11,7 +11,7 @@ function AvatarDesigner(_a) {
     const avatarRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-avatar');
+            const popoverNode = document.querySelector(`.${dataId}`);
             // console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -21,7 +21,7 @@ function AvatarDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (react_1.default.createElement("div", { ref: avatarRef },
-        react_1.default.createElement(antd_1.Avatar, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+        react_1.default.createElement(antd_1.Avatar, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
 }
 exports.Avatar = (0, tango_boot_1.defineComponent)(antd_1.Avatar, {
     name: 'Avatar',

package/lib/cjs/components/badge.js

@@ -11,7 +11,7 @@ function BadgeDesigner(_a) {
     const badgeRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-badge');
+            const popoverNode = document.querySelector(`.${dataId}`);
             // console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -20,8 +20,11 @@ function BadgeDesigner(_a) {
             }
         });
     }, [dataDnd, dataId]);
-    return (react_1.default.createElement("div", { ref: badgeRef, draggable: 'true' },
-        react_1.default.createElement(antd_1.Badge, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+    return (react_1.default.createElement("div", { ref: badgeRef },
+        react_1.default.createElement(antd_1.Badge, Object.assign({ className: dataId, 
+            // data-dnd={dataDnd}
+            // data-id={dataId}
+            style: style }, rest), children)));
 }
 exports.Badge = (0, tango_boot_1.defineComponent)(antd_1.Badge, {
     name: 'Badge',

package/lib/cjs/components/calendar.js

@@ -11,7 +11,7 @@ function CalendarDesigner(_a) {
     const calendarRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-picker-calendar');
+            const popoverNode = document.querySelector(`.${dataId}`);
             console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -21,7 +21,7 @@ function CalendarDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (react_1.default.createElement("div", { ref: calendarRef },
-        react_1.default.createElement(antd_1.Calendar, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest))));
+        react_1.default.createElement(antd_1.Calendar, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest))));
 }
 exports.Calendar = (0, tango_boot_1.defineComponent)(antd_1.Calendar, {
     name: 'Calendar',

package/lib/cjs/components/card.js

@@ -11,7 +11,7 @@ function CardDesigner(_a) {
     const cardRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-card');
+            const popoverNode = document.querySelector(`.${dataId}`);
             // console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -21,7 +21,7 @@ function CardDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (react_1.default.createElement("div", { ref: cardRef },
-        react_1.default.createElement(antd_1.Card, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+        react_1.default.createElement(antd_1.Card, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
 }
 exports.Card = (0, tango_boot_1.defineComponent)(antd_1.Card, {
     name: 'Card',

package/lib/cjs/components/carousel.js

@@ -8,10 +8,9 @@ const react_1 = tslib_1.__importStar(require("react"));
 const tango_helpers_1 = require("@music163/tango-helpers");
 function CarouselDesigner(_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"]);
-    const carouselRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-carousel');
+            const popoverNode = document.querySelector(`.${dataId}`);
             console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -20,8 +19,7 @@ function CarouselDesigner(_a) {
             }
         });
     }, [dataDnd, dataId]);
-    return (react_1.default.createElement("div", { ref: carouselRef },
-        react_1.default.createElement(antd_1.Carousel, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+    return (react_1.default.createElement(antd_1.Carousel, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children));
 }
 exports.Carousel = (0, tango_boot_1.defineComponent)(antd_1.Carousel, {
     name: 'Carousel',

package/lib/cjs/components/checkbox.js

@@ -3,22 +3,25 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CheckboxGroup = exports.Checkbox = void 0;
 const tslib_1 = require("tslib");
 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.__importStar(require("react"));
 function CheckboxDesigner(_a) {
-    var { style } = _a, rest = tslib_1.__rest(_a, ["style"]);
+    var { style } = _a, _b = tango_helpers_1.SLOT.dnd, dataDnd = _a[_b], _c = tango_helpers_1.SLOT.id, dataId = _a[_c], rest = tslib_1.__rest(_a, ["style", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + ""]);
     const checkBoxRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-checkbox');
+            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("div", { ref: checkBoxRef },
-        react_1.default.createElement(antd_1.Checkbox, Object.assign({}, rest, { style: style }), rest.label)));
+        react_1.default.createElement(antd_1.Checkbox, Object.assign({}, rest, { style: style, className: dataId, "data-dnd": dataDnd, "data-id": dataId }), rest.label)));
 }
 exports.Checkbox = (0, tango_boot_1.defineComponent)(antd_1.Checkbox, {
     name: 'Checkbox',

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

@@ -1,2 +1,4 @@
-export declare const Collapse: import("react").ForwardRefExoticComponent<import("antd").CollapseProps & import("@music163/tango-boot").TangoComponentProps & import("react").RefAttributes<unknown>>;
-export declare const CollapsePanel: import("react").ForwardRefExoticComponent<import("antd").CollapsePanelProps & import("@music163/tango-boot").TangoComponentProps & import("react").RefAttributes<unknown>>;
+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 CollapsePanel: React.ForwardRefExoticComponent<import("antd").CollapsePanelProps & import("@music163/tango-boot").TangoComponentProps & React.RefAttributes<unknown>>;

package/lib/cjs/components/collapse.js

@@ -1,10 +1,34 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CollapsePanel = exports.Collapse = void 0;
+const tslib_1 = require("tslib");
 const tango_boot_1 = require("@music163/tango-boot");
 const antd_1 = require("antd");
+const react_1 = tslib_1.__importStar(require("react"));
+const tango_helpers_1 = require("@music163/tango-helpers");
+function CollapseDesigner(_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.Collapse, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children));
+}
 exports.Collapse = (0, tango_boot_1.defineComponent)(antd_1.Collapse, {
-    name: 'Collapse'
+    name: 'Collapse',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            console.log("Collapse:  designerProps:", designerProps, "originalProps:", originalProps);
+            return react_1.default.createElement(CollapseDesigner, Object.assign({}, designerProps, originalProps));
+        },
+    },
 });
 exports.CollapsePanel = (0, tango_boot_1.defineComponent)(antd_1.Collapse.Panel, {
     name: 'CollapsePanel',

package/lib/cjs/components/comment.js

@@ -12,7 +12,7 @@ function CommentDesigner(_a) {
     const commentRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-comment');
+            const popoverNode = document.querySelector(`.${dataId}`);
             // console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -22,7 +22,7 @@ function CommentDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (react_1.default.createElement("div", { ref: commentRef },
-        react_1.default.createElement(antd_1.Comment, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, content: content, style: style }, rest), children)));
+        react_1.default.createElement(antd_1.Comment, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, content: content, style: style }, rest), children)));
 }
 exports.Comment = (0, tango_boot_1.defineComponent)(antd_1.Comment, {
     name: 'Comment',

package/lib/cjs/components/date-picker.js

@@ -74,7 +74,7 @@ function DataPickerDesigner(_a) {
     const dateRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-datePicker');
+            const popoverNode = document.querySelector(`.${dataId}`);
             console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -86,7 +86,7 @@ function DataPickerDesigner(_a) {
     return (
     // <div ref={dateRef}>
     react_1.default.createElement(antd_1.ConfigProvider, { locale: zh_CN_1.default },
-        react_1.default.createElement(antd_1.DatePicker, Object.assign({ className: 'ant-datePicker', "data-dnd": dataDnd, "data-id": dataId, style: style, locale: local }, rest)))
+        react_1.default.createElement(antd_1.DatePicker, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style, locale: local }, rest)))
     // </div>
     );
 }

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

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

package/lib/cjs/components/descriptions.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Descriptions = 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 DescriptionsDesigner(_a) {
+    var { items } = _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, ["items", 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.Descriptions, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), items.map((item) => (react_1.default.createElement(antd_1.Descriptions.Item, { label: item.label, key: item.label }, item.value)))));
+}
+exports.Descriptions = (0, tango_boot_1.defineComponent)(antd_1.Descriptions, {
+    name: 'Descriptions',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            console.log("Descriptions:  designerProps:", designerProps, "originalProps:", originalProps);
+            return react_1.default.createElement(DescriptionsDesigner, Object.assign({}, designerProps, originalProps));
+        },
+    },
+});

package/lib/cjs/components/divider.js

@@ -11,7 +11,7 @@ function DividerDesigner(_a) {
     const dividerRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-divider');
+            const popoverNode = document.querySelector(`.${dataId}`);
             // console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -21,7 +21,7 @@ function DividerDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (react_1.default.createElement("div", { ref: dividerRef },
-        react_1.default.createElement(antd_1.Divider, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+        react_1.default.createElement(antd_1.Divider, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
 }
 exports.Divider = (0, tango_boot_1.defineComponent)(antd_1.Divider, {
     name: 'Divider',

package/lib/cjs/components/drawer.js

@@ -8,8 +8,7 @@ const react_1 = tslib_1.__importDefault(require("react"));
 const placeholder_1 = require("./placeholder");
 function DrawerDesigner(_a) {
     var { children, style } = _a, rest = tslib_1.__rest(_a, ["children", "style"]);
-    return (react_1.default.createElement(antd_1.Drawer, Object.assign({}, rest, { style: style }),
-        react_1.default.createElement(placeholder_1.Placeholder, null)));
+    return (react_1.default.createElement(antd_1.Drawer, Object.assign({}, rest, { style: style }), children || react_1.default.createElement(placeholder_1.Placeholder, null)));
 }
 exports.Drawer = (0, tango_boot_1.defineComponent)(antd_1.Drawer, {
     name: 'Drawer',

package/lib/cjs/components/empty.js

@@ -11,7 +11,7 @@ function EmptyDesigner(_a) {
     const emptyRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-empty');
+            const popoverNode = document.querySelector(`.${dataId}`);
             // console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -21,7 +21,7 @@ function EmptyDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (react_1.default.createElement("div", { ref: emptyRef },
-        react_1.default.createElement(antd_1.Empty, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+        react_1.default.createElement(antd_1.Empty, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
 }
 exports.Empty = (0, tango_boot_1.defineComponent)(antd_1.Empty, {
     name: 'Empty',

package/lib/cjs/components/image.js

@@ -9,10 +9,11 @@ const tango_helpers_1 = require("@music163/tango-helpers");
 function ImageDesigner(_a) {
     var _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, [typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
     const imageRef = (0, react_1.useRef)(null);
+    console.log("wxy-image-rest: ", Object.assign({}, rest));
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-image');
-            // console.log('spinNode', popoverNode);
+            const popoverNode = document.querySelector(`.${dataId}`);
+            console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
                 popoverNode.setAttribute('data-id', dataId);
@@ -21,7 +22,7 @@ function ImageDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (react_1.default.createElement("div", { ref: imageRef },
-        react_1.default.createElement(antd_1.Image, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest))));
+        react_1.default.createElement(antd_1.Image, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest))));
 }
 exports.Image = (0, tango_boot_1.defineComponent)(antd_1.Image, {
     name: 'Image',

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

@@ -56,3 +56,8 @@ export { AutoComplete } from './auto-complete';
 export { Mentions } from './mentions';
 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/cjs/components/index.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Spin = exports.Skeleton = exports.Upload = exports.DropdownButton = exports.Dropdown = exports.ListItem = exports.List = exports.CollapsePanel = exports.Collapse = exports.TimelineItem = exports.Timeline = exports.Menu = exports.MenuItem = exports.BreadcrumbItem = exports.Breadcrumb = exports.FormFooter = exports.FormItem = exports.Fieldset = exports.Form = exports.Cascader = exports.CheckboxGroup = exports.Checkbox = exports.RadioGroup = exports.Radio = exports.DatePicker = exports.Drawer = exports.Result = exports.Tooltip = exports.Popover = exports.Popconfirm = exports.Row1 = exports.Column = exports.Columns = exports.Text = exports.Paragraph = exports.Title = exports.Typography = exports.Space = exports.Select = exports.Modalnew = exports.Password = exports.TextArea = exports.Input = exports.InputNumber = exports.ButtonGroup = exports.Button = exports.Box = exports.When = exports.Link = exports.Each = void 0;
-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.Tag = exports.Card = exports.Table = exports.Pagination = exports.Badge = exports.Divider = exports.Carousel = exports.Calendar = exports.Anchor = void 0;
+exports.Progress = exports.Alert = exports.Tree = exports.Descriptions = exports.Tabs = 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.Tag = exports.Card = exports.Table = exports.Pagination = exports.Badge = exports.Divider = exports.Carousel = exports.Calendar = exports.Anchor = void 0;
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("antd"), exports);
 //export { Each, Link, Text, When } from '@cuvp1225/foundation';
@@ -139,3 +139,14 @@ var tree_select_1 = require("./tree-select");
 Object.defineProperty(exports, "TreeSelect", { enumerable: true, get: function () { return tree_select_1.TreeSelect; } });
 var image_1 = require("./image");
 Object.defineProperty(exports, "Image", { enumerable: true, get: function () { return image_1.Image; } });
+var tabs_1 = require("./tabs");
+Object.defineProperty(exports, "Tabs", { enumerable: true, get: function () { return tabs_1.Tabs; } });
+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; } });
+//export {Affix} from './affix';

package/lib/cjs/components/input-number.js

@@ -8,33 +8,36 @@ const react_1 = tslib_1.__importDefault(require("react"));
 function InputNumberDesigner(_a) {
     var { style, value } = _a, rest = tslib_1.__rest(_a, ["style", "value"]);
     console.log("AntInputNumber:", value, rest);
-    return (react_1.default.createElement(antd_1.InputNumber, Object.assign({}, rest, { style: style })));
+    if (value === undefined || value === null) {
+        return (react_1.default.createElement(antd_1.InputNumber, Object.assign({}, rest, { style: style })));
+    }
+    else {
+        return (react_1.default.createElement(antd_1.InputNumber, Object.assign({}, rest, { style: style, value: value })));
+    }
 }
 exports.InputNumber = (0, tango_boot_1.defineComponent)(antd_1.InputNumber, {
     name: 'InputNumber',
-    //   designerConfig: {
-    //     render({ designerProps, originalProps, }) {
-    //         return <InputNumberDesigner   {...designerProps} {...originalProps} />;
-    //       },
-    // },
-    registerState: {
-        getInitStates({ setPageState }, props) {
-            var _a;
-            return {
-                value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : props.value,
-                setValue(value) {
-                    setPageState({ value });
-                },
-            };
-        },
-        getTriggerProps({ setPageState, getPageState }) {
-            var _a;
-            return {
-                value: (_a = getPageState()) === null || _a === void 0 ? void 0 : _a.value,
-                onChange(value) {
-                    setPageState({ value });
-                },
-            };
+    designerConfig: {
+        render({ designerProps, originalProps, }) {
+            return react_1.default.createElement(InputNumberDesigner, Object.assign({}, designerProps, originalProps));
         },
     },
+    // registerState: {
+    //   getInitStates({ setPageState }, props) {
+    //     return {
+    //       value: props.defaultValue ?? props.value,
+    //       setValue(value: number) {
+    //         setPageState({ value });
+    //       },
+    //     };
+    //   },
+    //   getTriggerProps({ setPageState, getPageState }): InputNumberProps {
+    //     return {
+    //       value: getPageState()?.value,
+    //       onChange(value) {
+    //         setPageState({ value });
+    //       },
+    //     };
+    //   },
+    // },
 });

package/lib/cjs/components/mentions.js

@@ -11,7 +11,7 @@ function MentionsDesigner(_a) {
     const mentionsRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-mentions');
+            const popoverNode = document.querySelector(`.${dataId}`);
             // console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -21,7 +21,7 @@ function MentionsDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (react_1.default.createElement("div", { ref: mentionsRef },
-        react_1.default.createElement(antd_1.Mentions, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest))));
+        react_1.default.createElement(antd_1.Mentions, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest))));
 }
 exports.Mentions = (0, tango_boot_1.defineComponent)(antd_1.Mentions, {
     name: 'Mentions',

package/lib/cjs/components/pageheader.js

@@ -26,7 +26,7 @@ function PageHeaderDesigner(_a) {
     // };
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-page-header');
+            const popoverNode = document.querySelector(`.${dataId}`);
             console.log('pageHeader', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -36,7 +36,7 @@ function PageHeaderDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (react_1.default.createElement("div", { ref: pageHeaderRef },
-        react_1.default.createElement(antd_1.PageHeader, Object.assign({ title: title, "data-dnd": dataDnd, "data-id": dataId }, rest), children)));
+        react_1.default.createElement(antd_1.PageHeader, Object.assign({ title: title, "data-dnd": dataDnd, "data-id": dataId, className: dataId }, rest), children)));
 }
 exports.PageHeader = (0, tango_boot_1.defineComponent)(antd_1.PageHeader, {
     name: 'PageHeader',

package/lib/cjs/components/pagination.js

@@ -11,7 +11,7 @@ function PaginationDesigner(_a) {
     const paginationRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-pagination');
+            const popoverNode = document.querySelector(`.${dataId}`);
             // console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -21,7 +21,7 @@ function PaginationDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (react_1.default.createElement("div", { ref: paginationRef },
-        react_1.default.createElement(antd_1.Pagination, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest))));
+        react_1.default.createElement(antd_1.Pagination, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest))));
 }
 exports.Pagination = (0, tango_boot_1.defineComponent)(antd_1.Pagination, {
     name: 'Pagination',