@cuvp1225/antd 0.2.74 → 0.2.76

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

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Rate = 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 RateDesigner(_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 rateRef = (0, react_1.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);
+    //       }
+    //     });
+    //   }
+    // };
+    (0, react_1.useEffect)(() => {
+        Promise.resolve().then(() => {
+            const popoverNode = document.querySelector(`.${dataId}`);
+            console.log('rate', 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: rateRef },
+        react_1.default.createElement(antd_1.Rate, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId }, rest))));
+}
+exports.Rate = (0, tango_boot_1.defineComponent)(antd_1.Rate, {
+    name: 'Rate',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            console.log("Rate:  designerProps:", designerProps, "originalProps:", originalProps);
+            return react_1.default.createElement(RateDesigner, Object.assign({ title: "\u4E00\u7EA7\u6807\u9898" }, designerProps, originalProps));
+        },
+    },
+    // designerConfig: {
+    // },
+});

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

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

package/lib/cjs/components/result.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Result = 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 ResultDesigner(_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 resultRef = (0, react_1.useRef)(null);
+    (0, react_1.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 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: resultRef },
+        react_1.default.createElement(antd_1.Result, Object.assign({ className: dataId, title: title, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+}
+exports.Result = (0, tango_boot_1.defineComponent)(antd_1.Result, {
+    name: 'Result',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            console.log("Result:  designerProps:", designerProps, "originalProps:", originalProps);
+            return react_1.default.createElement(ResultDesigner, Object.assign({ title: "Are you sure?" }, designerProps, originalProps));
+        },
+    },
+    // designerConfig: {
+    // },
+});

package/lib/cjs/components/row.js

@@ -5,7 +5,6 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const coral_system_1 = require("coral-system");
 const tango_boot_1 = require("@music163/tango-boot");
-const placeholder_1 = require("./placeholder");
 //import { ShadowContainer } from './shadow-container';
 // const BaseRowWrapper = coral(
 //   'div',
@@ -28,11 +27,19 @@ const rowStyle = {
 //   children?: React.ReactNode;
 // }
 function RowDesigner(_a) {
+    // useEffect(() => {
+    //   Promise.resolve().then(() => {
+    //     const popoverNode = document.querySelector('.ant-raw');
+    //     // console.log('spinNode', popoverNode);
+    //     if (popoverNode) {
+    //       popoverNode.setAttribute('draggable', 'true');
     var { gutter, align, justify, prefixCls, wrap, style, children } = _a, rest = tslib_1.__rest(_a, ["gutter", "align", "justify", "prefixCls", "wrap", "style", "children"]);
-    //console.log("zcq栅格行的入参",dataDnd,dataId);
-    const mergedStyle = react_1.default.useMemo(() => (Object.assign(Object.assign({}, rowStyle), style)), [style]);
-    return (react_1.default.createElement("div", Object.assign({ style: Object.assign({}, mergedStyle) }, rest),
-        react_1.default.createElement("div", null, children || react_1.default.createElement(placeholder_1.Placeholder, null))));
+    //     }
+    //   });
+    // }, []);
+    console.log("zcq栅格行的入参", gutter, align, justify, prefixCls, wrap, style, children);
+    return (react_1.default.createElement("div", { style: Object.assign(Object.assign({}, rowStyle), style) },
+        react_1.default.createElement("div", null, children || react_1.default.createElement("div", null, "\u62D6\u5165\u7EC4\u4EF6"))));
 }
 const Div = (0, coral_system_1.coral)('div', undefined, {
     prefix: '--music',

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

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

package/lib/cjs/components/skeleton.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Skeleton = 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 SkeletonDesigner(_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 skeletonRef = (0, react_1.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);
+    //       }
+    //     });
+    //   }
+    // };
+    (0, react_1.useEffect)(() => {
+        Promise.resolve().then(() => {
+            const popoverNode = document.querySelector(`.${dataId}`);
+            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_1.default.createElement("div", { ref: skeletonRef },
+        react_1.default.createElement(antd_1.Skeleton, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId }, rest), children)));
+}
+exports.Skeleton = (0, tango_boot_1.defineComponent)(antd_1.Skeleton, {
+    name: 'Skeleton',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            console.log("Skeleton:  designerProps:", designerProps, "originalProps:", originalProps);
+            return react_1.default.createElement(SkeletonDesigner, Object.assign({}, designerProps, originalProps));
+        },
+    },
+    // designerConfig: {
+    // },
+});

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

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Slider = 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 SliderDesigner(_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 rateRef = (0, react_1.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);
+    //       }
+    //     });
+    //   }
+    // };
+    (0, react_1.useEffect)(() => {
+        Promise.resolve().then(() => {
+            const popoverNode = document.querySelector(`.${dataId}`);
+            console.log('rate', 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: rateRef },
+        react_1.default.createElement(antd_1.Slider, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest))));
+}
+exports.Slider = (0, tango_boot_1.defineComponent)(antd_1.Slider, {
+    name: 'Slider',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            console.log("Slider:  designerProps:", designerProps, "originalProps:", originalProps);
+            return react_1.default.createElement(SliderDesigner, Object.assign({ title: "\u4E00\u7EA7\u6807\u9898" }, designerProps, originalProps));
+        },
+    },
+    // designerConfig: {
+    // },
+});

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

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

package/lib/cjs/components/spin.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Spin = 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 SpinDesigner(_a) {
+    var { children, spinning } = _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", "spinning", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
+    const spinRef = (0, react_1.useRef)(null);
+    (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("div", { ref: spinRef },
+        react_1.default.createElement(antd_1.Spin, Object.assign({ className: dataId, spinning: spinning, 
+            // data-dnd={dataDnd}
+            // data-id={dataId}
+            style: style }, rest), children)));
+}
+exports.Spin = (0, tango_boot_1.defineComponent)(antd_1.Spin, {
+    name: 'Spin',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            // console.log("Spin:  designerProps:", designerProps, "originalProps:", originalProps);
+            return react_1.default.createElement(SpinDesigner, Object.assign({ spinning: true }, designerProps, originalProps));
+        },
+    },
+});

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

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

package/lib/cjs/components/statistic.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Statistic = 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 StatisticDesigner(_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 statisticRef = useRef<HTMLDivElement>(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);
+    //       }
+    //     });
+    //   }
+    // };
+    (0, react_1.useEffect)(() => {
+        Promise.resolve().then(() => {
+            const popoverNode = document.querySelector(`.${dataId}`);
+            console.log('rate', popoverNode);
+            if (popoverNode) {
+                popoverNode.setAttribute('data-dnd', dataDnd);
+                popoverNode.setAttribute('data-id', dataId);
+                popoverNode.setAttribute('draggable', 'true');
+            }
+        });
+    }, [dataDnd, dataId]);
+    return (
+    //   <div ref={statisticRef}>
+    react_1.default.createElement(antd_1.Statistic, Object.assign({ className: dataId, 
+        // data-dnd={dataDnd}
+        // data-id={dataId}
+        style: style }, rest))
+    // </div>
+    );
+}
+exports.Statistic = (0, tango_boot_1.defineComponent)(antd_1.Statistic, {
+    name: 'Statistic',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            console.log("Statistic:  designerProps:", designerProps, "originalProps:", originalProps);
+            return react_1.default.createElement(StatisticDesigner, Object.assign({ title: "\u4E00\u7EA7\u6807\u9898" }, designerProps, originalProps));
+        },
+    },
+    // designerConfig: {
+    // },
+});

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

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

package/lib/cjs/components/switch.js

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

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

@@ -0,0 +1,7 @@
+import { TableProps } from 'antd';
+import React from 'react';
+export declare const Table: React.ForwardRefExoticComponent<Omit<TableProps<object> & {
+    children?: React.ReactNode;
+} & {
+    ref?: React.Ref<HTMLDivElement> | undefined;
+} & import("@music163/tango-boot").TangoComponentProps, "ref"> & React.RefAttributes<unknown>>;

package/lib/cjs/components/table.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Table = 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 TableDesigner(_a) {
+    var { children, columns, dataSource } = _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", "columns", "dataSource", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
+    const tableRef = (0, react_1.useRef)(null);
+    (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("div", { ref: tableRef },
+        react_1.default.createElement(antd_1.Table, Object.assign({ className: dataId, columns: columns, dataSource: dataSource, 
+            // data-dnd={dataDnd}
+            // data-id={dataId}
+            style: style }, rest), children)));
+}
+exports.Table = (0, tango_boot_1.defineComponent)(antd_1.Table, {
+    name: 'Table',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            // console.log("Table:  designerProps:", designerProps, "originalProps:", originalProps);
+            return react_1.default.createElement(TableDesigner, Object.assign({}, designerProps, originalProps));
+        }
+    }
+});

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

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

package/lib/cjs/components/tabs.js

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

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

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

package/lib/cjs/components/tag.js

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

package/lib/cjs/components/time-picker.d.ts

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

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

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

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

@@ -1,2 +1,4 @@
-export declare const Timeline: import("react").ForwardRefExoticComponent<import("antd").TimelineProps & import("@music163/tango-boot").TangoComponentProps & import("react").RefAttributes<unknown>>;
-export declare const TimelineItem: import("react").ForwardRefExoticComponent<import("antd").TimelineItemProps & import("@music163/tango-boot").TangoComponentProps & import("react").RefAttributes<unknown>>;
+import { TimelineProps } from 'antd';
+import React from 'react';
+export declare const Timeline: React.ForwardRefExoticComponent<TimelineProps & import("@music163/tango-boot").TangoComponentProps & React.RefAttributes<unknown>>;
+export declare const TimelineItem: React.ForwardRefExoticComponent<import("antd").TimelineItemProps & import("@music163/tango-boot").TangoComponentProps & React.RefAttributes<unknown>>;

package/lib/cjs/components/timeline.js

@@ -3,8 +3,44 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TimelineItem = exports.Timeline = void 0;
 const tango_boot_1 = require("@music163/tango-boot");
 const antd_1 = require("antd");
+// function TimelineDesigner({
+//     children,
+//     [SLOT.dnd]: dataDnd,
+//     [SLOT.id]: dataId,
+//     style,
+//     ...rest
+// }: TimelineProps & { [key: string]: any; dnd?: string; children?: React.ReactNode }) {
+//     useEffect(() => {
+//         Promise.resolve().then(() => {
+//             const popoverNode = document.querySelector(`.${dataId}`);
+//             console.log('spinNode', popoverNode);
+//             if (popoverNode) {
+//                 popoverNode.setAttribute('data-dnd', dataDnd);
+//                 popoverNode.setAttribute('data-id', dataId);
+//                 popoverNode.setAttribute('draggable', 'true');
+//             }
+//         });
+//     }, [dataDnd, dataId]);
+//     return (
+//         <AntTimeline
+//         className={dataId}
+//         //     data-dnd={dataDnd}
+//         //     data-id={dataId}
+//             style={style}
+//             {...rest}
+//         >
+//             {children}
+//         </AntTimeline>
+//     );
+// }
 exports.Timeline = (0, tango_boot_1.defineComponent)(antd_1.Timeline, {
-    name: 'Timeline'
+    name: 'Timeline',
+    // designerConfig: {
+    //     render({ designerProps, originalProps }) {
+    //         console.log("Timeline:  designerProps:", designerProps, "originalProps:", originalProps);
+    //         return <TimelineDesigner {...designerProps} {...originalProps} />;
+    //     },
+    // },
 });
 exports.TimelineItem = (0, tango_boot_1.defineComponent)(antd_1.Timeline.Item, {
     name: 'TimelineItem',

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

@@ -0,0 +1,2 @@
+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>>;