@cuvp1225/antd 0.3.51 → 0.3.53

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

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

package/lib/esm/components/carousel.js

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

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

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

package/lib/esm/components/comment.js

@@ -0,0 +1,33 @@
+import { __rest } from "tslib";
+import { Comment as AntComment } from 'antd';
+import { defineComponent } from '@music163/tango-boot';
+import React, { useEffect, useRef } from 'react';
+import { SLOT } from '@music163/tango-helpers';
+import { Placeholder } from './placeholder';
+function CommentDesigner(_a) {
+    var { children, content } = _a, _b = SLOT.dnd, dataDnd = _a[_b], _c = SLOT.id, dataId = _a[_c], { style } = _a, rest = __rest(_a, ["children", "content", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
+    const commentRef = useRef(null);
+    useEffect(() => {
+        Promise.resolve().then(() => {
+            const popoverNode = document.querySelector('.ant-comment');
+            // 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: commentRef, draggable: 'true' },
+        React.createElement(AntComment, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, content: content, style: style }, rest), children)));
+}
+export const Comment = defineComponent(AntComment, {
+    name: 'Comment',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            // console.log("Comment:  designerProps:", designerProps, "originalProps:", originalProps);
+            return React.createElement(CommentDesigner, Object.assign({ content: React.createElement("div", null,
+                    React.createElement(Placeholder, { placeholder: "\u653E\u7F6E\u66FF\u6362" })) }, designerProps, originalProps));
+        }
+    }
+});

package/lib/esm/components/date-picker.d.ts

@@ -1,6 +1,6 @@
+import React from 'react';
 import moment from 'moment';
 import 'moment/locale/zh-cn';
-import React from 'react';
 export declare const DatePicker: React.ForwardRefExoticComponent<((import("antd/lib/date-picker/generatePicker").PickerProps<moment.Moment> & {
     status?: "" | "warning" | "error" | undefined;
     dropdownClassName?: string | undefined;

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

@@ -1,10 +1,11 @@
 import { __rest } from "tslib";
 import { defineComponent } from '@music163/tango-boot';
+import React, { useEffect, useRef } from 'react';
 import { DatePicker as AntDataPicker, ConfigProvider } from 'antd';
 import 'moment/locale/zh-cn';
 import locale from 'antd/es/locale/zh_CN';
-import React from 'react';
-// moment.locale('zh-cn');
+import { SLOT } from '@music163/tango-helpers';
+// moment.locale('zh-cn');S
 const local = {
     "lang": {
         "locale": "zh-cn",
@@ -66,9 +67,22 @@ const local = {
     "monthFormat": "YYYY-MM"
 };
 function DataPickerDesigner(_a) {
-    var { style } = _a, rest = __rest(_a, ["style"]);
-    return (React.createElement(ConfigProvider, { locale: locale },
-        React.createElement(AntDataPicker, Object.assign({}, rest, { style: style, locale: local }))));
+    var { style } = _a, _b = SLOT.dnd, dataDnd = _a[_b], _c = SLOT.id, dataId = _a[_c], rest = __rest(_a, ["style", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + ""]);
+    const dateRef = useRef(null);
+    useEffect(() => {
+        Promise.resolve().then(() => {
+            const popoverNode = document.querySelector('.ant-comment');
+            // 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: dateRef, draggable: 'true' },
+        React.createElement(ConfigProvider, { locale: locale },
+            React.createElement(AntDataPicker, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style, locale: local }, rest)))));
 }
 export const DatePicker = defineComponent(AntDataPicker, {
     name: 'DatePicker',

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

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

package/lib/esm/components/empty.js

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

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

@@ -33,7 +33,16 @@ export { Dropdown, DropdownButton } from './dropdown';
 export { Upload } from "./upload";
 export { Skeleton } from "./skeleton";
 export { Spin } from './spin';
+export { Anchor } from './anchor';
+export { Calendar } from './calendar';
+export { Carousel } from './carousel';
 export { Divider } from './divider';
 export { Badge } from './badge';
 export { Pagination } from './pagination';
 export { Table } from './table';
+export { Card } from './card';
+export { Tag } from './tag';
+export { Avatar } from './avatar';
+export { Empty } from './empty';
+export { Comment } from './comment';
+export { TimePicker } from './time-picker';

package/lib/esm/components/index.js

@@ -38,7 +38,16 @@ export { Dropdown, DropdownButton } from './dropdown';
 export { Upload } from "./upload";
 export { Skeleton } from "./skeleton";
 export { Spin } from './spin';
+export { Anchor } from './anchor';
+export { Calendar } from './calendar';
+export { Carousel } from './carousel';
 export { Divider } from './divider';
 export { Badge } from './badge';
 export { Pagination } from './pagination';
 export { Table } from './table';
+export { Card } from './card';
+export { Tag } from './tag';
+export { Avatar } from './avatar';
+export { Empty } from './empty';
+export { Comment } from './comment';
+export { TimePicker } from './time-picker';

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

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

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

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

package/lib/esm/components/typography.js

@@ -15,7 +15,8 @@ export const Typography = defineComponent(AntTypography, {
     name: 'Typography',
     designerConfig: {
         defaultProps: {
-            children: React.createElement(Placeholder, { placeholder: "\u6DFB\u52A0\u6807\u9898\u6216\u6BB5\u843D\u5230\u8FD9\u91CC" }),
+            children: React.createElement("div", null,
+                React.createElement(Placeholder, { placeholder: "\u6DFB\u52A0\u6807\u9898\u6216\u6BB5\u843D\u5230\u8FD9\u91CC" })),
         },
     },
 });

package/package.json

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