@cuvp1225/antd 0.3.49 → 0.3.51

package/lib/cjs/components/table.js

@@ -0,0 +1,34 @@
+"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('.ant-table');
+            // 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, draggable: 'true' },
+        react_1.default.createElement(antd_1.Table, Object.assign({ 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/esm/components/badge.d.ts

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

package/lib/esm/components/badge.js

@@ -0,0 +1,31 @@
+import { __rest } from "tslib";
+import { Badge as AntBadge } from 'antd';
+import { defineComponent } from '@music163/tango-boot';
+import React, { useEffect, useRef } from 'react';
+import { SLOT } from '@music163/tango-helpers';
+function BadgeDesigner(_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"]);
+    const badgeRef = useRef(null);
+    useEffect(() => {
+        Promise.resolve().then(() => {
+            const popoverNode = document.querySelector('.ant-badge');
+            // 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: badgeRef, draggable: 'true' },
+        React.createElement(AntBadge, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+}
+export const Badge = defineComponent(AntBadge, {
+    name: 'Badge',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            // console.log("Badge:  designerProps:", designerProps, "originalProps:", originalProps);
+            return React.createElement(BadgeDesigner, Object.assign({}, designerProps, originalProps));
+        }
+    }
+});

package/lib/esm/components/divider.js

@@ -9,7 +9,7 @@ function DividerDesigner(_a) {
     useEffect(() => {
         Promise.resolve().then(() => {
             const popoverNode = document.querySelector('.ant-divider');
-            console.log('spinNode', popoverNode);
+            // console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
                 popoverNode.setAttribute('data-id', dataId);
@@ -24,7 +24,7 @@ export const Divider = defineComponent(AntDivider, {
     name: 'Divider',
     designerConfig: {
         render({ designerProps, originalProps }) {
-            console.log("Divider:  designerProps:", designerProps, "originalProps:", originalProps);
+            // console.log("Divider:  designerProps:", designerProps, "originalProps:", originalProps);
             return React.createElement(DividerDesigner, Object.assign({}, designerProps, originalProps));
         }
     }

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

@@ -34,3 +34,6 @@ export { Upload } from "./upload";
 export { Skeleton } from "./skeleton";
 export { Spin } from './spin';
 export { Divider } from './divider';
+export { Badge } from './badge';
+export { Pagination } from './pagination';
+export { Table } from './table';

package/lib/esm/components/index.js

@@ -39,3 +39,6 @@ export { Upload } from "./upload";
 export { Skeleton } from "./skeleton";
 export { Spin } from './spin';
 export { Divider } from './divider';
+export { Badge } from './badge';
+export { Pagination } from './pagination';
+export { Table } from './table';

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

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

package/lib/esm/components/pagination.js

@@ -0,0 +1,31 @@
+import { __rest } from "tslib";
+import { Pagination as AntPagination } from 'antd';
+import { defineComponent } from '@music163/tango-boot';
+import React, { useEffect, useRef } from 'react';
+import { SLOT } from '@music163/tango-helpers';
+function PaginationDesigner(_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"]);
+    const paginationRef = useRef(null);
+    useEffect(() => {
+        Promise.resolve().then(() => {
+            const popoverNode = document.querySelector('.ant-pagination');
+            // 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: paginationRef, draggable: 'true' },
+        React.createElement(AntPagination, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest))));
+}
+export const Pagination = defineComponent(AntPagination, {
+    name: 'Pagination',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            // console.log("Pagination:  designerProps:", designerProps, "originalProps:", originalProps);
+            return React.createElement(PaginationDesigner, Object.assign({}, designerProps, originalProps));
+        }
+    }
+});

package/lib/esm/components/result.js

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

package/lib/esm/components/spin.js

@@ -9,7 +9,7 @@ function SpinDesigner(_a) {
     useEffect(() => {
         Promise.resolve().then(() => {
             const popoverNode = document.querySelector('.ant-spin');
-            console.log('spinNode', popoverNode);
+            // console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
                 popoverNode.setAttribute('data-id', dataId);
@@ -24,7 +24,7 @@ export const Spin = defineComponent(AntSpin, {
     name: 'Spin',
     designerConfig: {
         render({ designerProps, originalProps }) {
-            console.log("Spin:  designerProps:", designerProps, "originalProps:", originalProps);
+            // console.log("Spin:  designerProps:", designerProps, "originalProps:", originalProps);
             return React.createElement(SpinDesigner, Object.assign({ spinning: true }, designerProps, originalProps));
         },
     },

package/lib/esm/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/esm/components/table.js

@@ -0,0 +1,31 @@
+import { __rest } from "tslib";
+import { Table as AntTable } from 'antd';
+import { defineComponent } from '@music163/tango-boot';
+import React, { useEffect, useRef } from 'react';
+import { SLOT } from '@music163/tango-helpers';
+function TableDesigner(_a) {
+    var { children, columns, dataSource } = _a, _b = SLOT.dnd, dataDnd = _a[_b], _c = SLOT.id, dataId = _a[_c], { style } = _a, rest = __rest(_a, ["children", "columns", "dataSource", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
+    const tableRef = useRef(null);
+    useEffect(() => {
+        Promise.resolve().then(() => {
+            const popoverNode = document.querySelector('.ant-table');
+            // 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: tableRef, draggable: 'true' },
+        React.createElement(AntTable, Object.assign({ columns: columns, dataSource: dataSource, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+}
+export const Table = defineComponent(AntTable, {
+    name: 'Table',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            // console.log("Table:  designerProps:", designerProps, "originalProps:", originalProps);
+            return React.createElement(TableDesigner, Object.assign({}, designerProps, originalProps));
+        }
+    }
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuvp1225/antd",
-  "version": "0.3.49",
+  "version": "0.3.51",
   "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": "b544956f040297509dc435799e9b1a02d843818d"
+  "gitHead": "223912bbc93780307694a631f81903bd8351ebab"
 }