@cuvp1225/antd 0.3.22 → 0.3.24

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

@@ -0,0 +1,8 @@
+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;
+    popupClassName?: string | undefined;
+}) & import("@music163/tango-boot").TangoComponentProps) & React.RefAttributes<unknown>>;

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

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DatePicker = void 0;
+const tslib_1 = require("tslib");
+const tango_boot_1 = require("@music163/tango-boot");
+const antd_1 = require("antd");
+const zh_CN_1 = tslib_1.__importDefault(require("antd/es/locale/zh_CN"));
+const moment_1 = tslib_1.__importDefault(require("moment"));
+require("moment/locale/zh-cn");
+const react_1 = tslib_1.__importDefault(require("react"));
+moment_1.default.locale('zh-cn');
+function DataPickerDesigner(_a) {
+    var { style } = _a, rest = tslib_1.__rest(_a, ["style"]);
+    return (react_1.default.createElement(antd_1.ConfigProvider, { locale: zh_CN_1.default },
+        react_1.default.createElement(antd_1.DatePicker, Object.assign({}, rest, { style: style }))));
+}
+exports.DatePicker = (0, tango_boot_1.defineComponent)(antd_1.DatePicker, {
+    name: 'DatePicker',
+    designerConfig: {
+        render({ designerProps, originalProps, }) {
+            return react_1.default.createElement(DataPickerDesigner, Object.assign({}, designerProps, originalProps));
+        },
+    },
+});

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

@@ -15,3 +15,5 @@ export { Columns, Column } from './columns';
 export { Row1 } from './row';
 export { Popconfirm } from './popconfirm';
 export { Drawer } from "./drawer";
+export { DatePicker } from "./date-picker";
+export { Radio } from "./radio";

package/lib/cjs/components/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Drawer = exports.Popconfirm = exports.Row1 = exports.Column = exports.Columns = exports.Paragraph = exports.Title = exports.Typography = exports.Space = exports.Select = exports.Modalnew = exports.TextArea = exports.Input = exports.InputNumber = exports.ButtonGroup = exports.Button = exports.Box = void 0;
+exports.Radio = exports.DatePicker = exports.Drawer = exports.Popconfirm = exports.Row1 = exports.Column = exports.Columns = exports.Paragraph = exports.Title = exports.Typography = exports.Space = exports.Select = exports.Modalnew = exports.TextArea = exports.Input = exports.InputNumber = exports.ButtonGroup = exports.Button = exports.Box = void 0;
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("antd"), exports);
 // export { Each, Link, Text, When } from '@cuvp1225/foundation';
@@ -37,6 +37,10 @@ var popconfirm_1 = require("./popconfirm");
 Object.defineProperty(exports, "Popconfirm", { enumerable: true, get: function () { return popconfirm_1.Popconfirm; } });
 var drawer_1 = require("./drawer");
 Object.defineProperty(exports, "Drawer", { enumerable: true, get: function () { return drawer_1.Drawer; } });
+var date_picker_1 = require("./date-picker");
+Object.defineProperty(exports, "DatePicker", { enumerable: true, get: function () { return date_picker_1.DatePicker; } });
+var radio_1 = require("./radio");
+Object.defineProperty(exports, "Radio", { enumerable: true, get: function () { return radio_1.Radio; } });
 //export { MultiColumns } from './multiColumns'
 //export { Row,Col } from './grid'
 //export { RowCombination,ColCombination } from './gridCombination'

package/lib/cjs/components/popconfirm.js

@@ -4,17 +4,19 @@ exports.Popconfirm = 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.__importDefault(require("react"));
+const react_1 = tslib_1.__importStar(require("react"));
 const tango_helpers_1 = require("@music163/tango-helpers");
 function PopconfirmDesigner(_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"]);
-    return (react_1.default.createElement("div", { "data-dnd": dataDnd, "data-id": dataId },
-        react_1.default.createElement(antd_1.Popconfirm, Object.assign({ title: "Are you sure?" }, rest, { style: style }), children)));
+    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"]);
+    (0, react_1.useEffect)(() => {
+        console.log('PopconfirmDesigner', dataDnd, dataId, rest);
+    }, []);
+    return (react_1.default.createElement("div", { id: "popconfirSwrapper", "data-dnd": dataDnd, "data-id": dataId },
+        react_1.default.createElement(antd_1.Popconfirm, Object.assign({ title: title }, rest, { style: style }), children)));
 }
 exports.Popconfirm = (0, tango_boot_1.defineComponent)(antd_1.Popconfirm, {
     name: 'Popconfirm',
     designerConfig: {
-        hasWrapper: true,
         render({ designerProps, originalProps }) {
             return react_1.default.createElement(PopconfirmDesigner, Object.assign({ title: "Are you sure?" }, designerProps, originalProps));
         },

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

@@ -0,0 +1,6 @@
+import { RadioProps } from 'antd';
+import React from 'react';
+export declare const Radio: React.ForwardRefExoticComponent<Omit<RadioProps & React.RefAttributes<HTMLElement> & import("@music163/tango-boot").TangoComponentProps, "ref"> & React.RefAttributes<unknown>>;
+export declare const RadioGroup: React.ForwardRefExoticComponent<Omit<Omit<import("antd").RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & import("@music163/tango-boot").TangoComponentProps, "ref"> & React.RefAttributes<unknown>>;

package/lib/cjs/components/radio.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RadioGroup = exports.Radio = 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.__importDefault(require("react"));
+function RadioDesigner(_a) {
+    var { style } = _a, rest = tslib_1.__rest(_a, ["style"]);
+    const { optionType } = rest;
+    if (optionType === 'button') {
+        return react_1.default.createElement(antd_1.Radio.Button, Object.assign({}, rest, { style: style }), rest.label);
+    }
+    return (react_1.default.createElement(antd_1.Radio, Object.assign({}, rest, { style: style }), rest.label));
+}
+exports.Radio = (0, tango_boot_1.defineComponent)(antd_1.Radio, {
+    name: 'Radio',
+    designerConfig: {
+        render({ designerProps, originalProps, }) {
+            console.log("designerProps:", designerProps, "originalProps:", originalProps);
+            return react_1.default.createElement(RadioDesigner, Object.assign({ label: '单项1', optionType: '' }, designerProps, originalProps));
+        },
+    },
+});
+exports.RadioGroup = (0, tango_boot_1.defineComponent)(antd_1.Radio.Group, {
+    name: 'RadioGroup',
+});

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

@@ -9,4 +9,5 @@ type TypographyComponent = React.ForwardRefExoticComponent<any & React.RefAttrib
     Text: typeof AntTypography.Text;
 };
 export declare const Typography: TypographyComponent;
+export declare const Text: React.ForwardRefExoticComponent<Omit<import("antd/lib/typography/Text").TextProps & React.RefAttributes<HTMLSpanElement> & import("@music163/tango-boot").TangoComponentProps, "ref"> & React.RefAttributes<unknown>>;
 export {};

package/lib/cjs/components/typography.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Typography = exports.Paragraph = exports.Title = void 0;
+exports.Text = exports.Typography = exports.Paragraph = exports.Title = void 0;
 const tslib_1 = require("tslib");
 const tango_boot_1 = require("@music163/tango-boot");
 const antd_1 = require("antd");
@@ -20,6 +20,9 @@ exports.Typography = (0, tango_boot_1.defineComponent)(antd_1.Typography, {
         },
     },
 });
+exports.Text = (0, tango_boot_1.defineComponent)(exports.Typography.Text, {
+    name: 'Text',
+});
 exports.Typography.Title = exports.Title;
 exports.Typography.Paragraph = exports.Paragraph;
 exports.Typography.Link = antd_1.Typography.Link;

package/lib/cjs/prototypes/radio.js

@@ -23,11 +23,27 @@ exports.Radio = {
             title: '选中',
             setter: 'boolSetter',
         },
-        {
-            name: 'tooltip',
-            title: '提示文案',
+        // {
+        //   name: 'radioGroup',
+        //   title: '单选框组',
+        //   setter: 'boolSetter',
+        // },
+        {
+            name: 'label',
+            title: '标签',
+            initValue: '单项1',
             setter: 'textSetter',
         },
+        {
+            name: 'optionType',
+            title: '选项类型',
+            setter: 'choiceSetter',
+            initValue: 'default',
+            options: [
+                { label: '默认', value: 'default' },
+                { label: '按钮类型', value: 'button' },
+            ],
+        },
         {
             name: 'defaultChecked',
             title: '初始选中',

package/lib/cjs/prototypes/table.js

@@ -7,10 +7,10 @@ const renderChildrenOptions = [
     { label: '取消自定义', value: '' },
     {
         label: '自定义区域',
-        value: 'Box',
+        value: 'div',
         //render: '{(record, index, indent, expanded) => <Box></Box>}',
-        render: '(record, index, indent, expanded) => <Box></Box>',
-        relatedImports: ['Box'],
+        render: '(record, index, indent, expanded) => <div><Placeholder text="放置替换" /></div>',
+        relatedImports: ['div'],
     },
 ];
 exports.Table = {

package/lib/cjs/prototypes/tabs.js

@@ -102,7 +102,7 @@ exports.Tabs = {
             tip: '仅在选项卡类型为可编辑卡片时有效',
             setter: 'expressionSetter',
             group: 'event',
-            autoCompleteOptions: ["(action === 'add' ? event : targetKey, action): void"],
+            // autoCompleteOptions: ["(action === 'add' ? event : targetKey, action): void"],
             getVisible: (form) => form.getValue('type') === 'editable-card',
         },
         {

package/lib/cjs/prototypes/typography.js

@@ -132,7 +132,7 @@ exports.Title = {
             name: 'level',
             title: '标题级别',
             setter: 'pickerSetter',
-            comOptions: [
+            options: [
                 { label: 'h1', value: 1 },
                 { label: 'h2', value: 2 },
                 { label: 'h3', value: 3 },

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

@@ -0,0 +1,8 @@
+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;
+    popupClassName?: string | undefined;
+}) & import("@music163/tango-boot").TangoComponentProps) & React.RefAttributes<unknown>>;

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

@@ -0,0 +1,21 @@
+import { __rest } from "tslib";
+import { defineComponent } from '@music163/tango-boot';
+import { DatePicker as AntDataPicker, ConfigProvider } from 'antd';
+import zhCN from 'antd/es/locale/zh_CN';
+import moment from 'moment';
+import 'moment/locale/zh-cn';
+import React from 'react';
+moment.locale('zh-cn');
+function DataPickerDesigner(_a) {
+    var { style } = _a, rest = __rest(_a, ["style"]);
+    return (React.createElement(ConfigProvider, { locale: zhCN },
+        React.createElement(AntDataPicker, Object.assign({}, rest, { style: style }))));
+}
+export const DatePicker = defineComponent(AntDataPicker, {
+    name: 'DatePicker',
+    designerConfig: {
+        render({ designerProps, originalProps, }) {
+            return React.createElement(DataPickerDesigner, Object.assign({}, designerProps, originalProps));
+        },
+    },
+});

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

@@ -15,3 +15,5 @@ export { Columns, Column } from './columns';
 export { Row1 } from './row';
 export { Popconfirm } from './popconfirm';
 export { Drawer } from "./drawer";
+export { DatePicker } from "./date-picker";
+export { Radio } from "./radio";

package/lib/esm/components/index.js

@@ -16,6 +16,8 @@ export { Columns, Column } from './columns';
 export { Row1 } from './row';
 export { Popconfirm } from './popconfirm';
 export { Drawer } from "./drawer";
+export { DatePicker } from "./date-picker";
+export { Radio } from "./radio";
 //export { MultiColumns } from './multiColumns'
 //export { Row,Col } from './grid'
 //export { RowCombination,ColCombination } from './gridCombination'

package/lib/esm/components/popconfirm.js

@@ -1,17 +1,19 @@
 import { __rest } from "tslib";
 import { Popconfirm as AntPopconfirm } from 'antd';
 import { defineComponent } from '@music163/tango-boot';
-import React from 'react';
+import React, { useEffect } from 'react';
 import { SLOT } from '@music163/tango-helpers';
 function PopconfirmDesigner(_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"]);
-    return (React.createElement("div", { "data-dnd": dataDnd, "data-id": dataId },
-        React.createElement(AntPopconfirm, Object.assign({ title: "Are you sure?" }, rest, { style: style }), children)));
+    var { children, title } = _a, _b = SLOT.dnd, dataDnd = _a[_b], _c = SLOT.id, dataId = _a[_c], { style } = _a, rest = __rest(_a, ["children", "title", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
+    useEffect(() => {
+        console.log('PopconfirmDesigner', dataDnd, dataId, rest);
+    }, []);
+    return (React.createElement("div", { id: "popconfirSwrapper", "data-dnd": dataDnd, "data-id": dataId },
+        React.createElement(AntPopconfirm, Object.assign({ title: title }, rest, { style: style }), children)));
 }
 export const Popconfirm = defineComponent(AntPopconfirm, {
     name: 'Popconfirm',
     designerConfig: {
-        hasWrapper: true,
         render({ designerProps, originalProps }) {
             return React.createElement(PopconfirmDesigner, Object.assign({ title: "Are you sure?" }, designerProps, originalProps));
         },

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

@@ -0,0 +1,6 @@
+import { RadioProps } from 'antd';
+import React from 'react';
+export declare const Radio: React.ForwardRefExoticComponent<Omit<RadioProps & React.RefAttributes<HTMLElement> & import("@music163/tango-boot").TangoComponentProps, "ref"> & React.RefAttributes<unknown>>;
+export declare const RadioGroup: React.ForwardRefExoticComponent<Omit<Omit<import("antd").RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & import("@music163/tango-boot").TangoComponentProps, "ref"> & React.RefAttributes<unknown>>;

package/lib/esm/components/radio.js

@@ -0,0 +1,24 @@
+import { __rest } from "tslib";
+import { defineComponent } from '@music163/tango-boot';
+import { Radio as AntRadio } from 'antd';
+import React from 'react';
+function RadioDesigner(_a) {
+    var { style } = _a, rest = __rest(_a, ["style"]);
+    const { optionType } = rest;
+    if (optionType === 'button') {
+        return React.createElement(AntRadio.Button, Object.assign({}, rest, { style: style }), rest.label);
+    }
+    return (React.createElement(AntRadio, Object.assign({}, rest, { style: style }), rest.label));
+}
+export const Radio = defineComponent(AntRadio, {
+    name: 'Radio',
+    designerConfig: {
+        render({ designerProps, originalProps, }) {
+            console.log("designerProps:", designerProps, "originalProps:", originalProps);
+            return React.createElement(RadioDesigner, Object.assign({ label: '单项1', optionType: '' }, designerProps, originalProps));
+        },
+    },
+});
+export const RadioGroup = defineComponent(AntRadio.Group, {
+    name: 'RadioGroup',
+});

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

@@ -9,4 +9,5 @@ type TypographyComponent = React.ForwardRefExoticComponent<any & React.RefAttrib
     Text: typeof AntTypography.Text;
 };
 export declare const Typography: TypographyComponent;
+export declare const Text: React.ForwardRefExoticComponent<Omit<import("antd/lib/typography/Text").TextProps & React.RefAttributes<HTMLSpanElement> & import("@music163/tango-boot").TangoComponentProps, "ref"> & React.RefAttributes<unknown>>;
 export {};

package/lib/esm/components/typography.js

@@ -16,6 +16,9 @@ export const Typography = defineComponent(AntTypography, {
         },
     },
 });
+export const Text = defineComponent(Typography.Text, {
+    name: 'Text',
+});
 Typography.Title = Title;
 Typography.Paragraph = Paragraph;
 Typography.Link = AntTypography.Link;

package/lib/esm/prototypes/radio.js

@@ -20,11 +20,27 @@ export const Radio = {
             title: '选中',
             setter: 'boolSetter',
         },
-        {
-            name: 'tooltip',
-            title: '提示文案',
+        // {
+        //   name: 'radioGroup',
+        //   title: '单选框组',
+        //   setter: 'boolSetter',
+        // },
+        {
+            name: 'label',
+            title: '标签',
+            initValue: '单项1',
             setter: 'textSetter',
         },
+        {
+            name: 'optionType',
+            title: '选项类型',
+            setter: 'choiceSetter',
+            initValue: 'default',
+            options: [
+                { label: '默认', value: 'default' },
+                { label: '按钮类型', value: 'button' },
+            ],
+        },
         {
             name: 'defaultChecked',
             title: '初始选中',

package/lib/esm/prototypes/table.js

@@ -4,10 +4,10 @@ const renderChildrenOptions = [
     { label: '取消自定义', value: '' },
     {
         label: '自定义区域',
-        value: 'Box',
+        value: 'div',
         //render: '{(record, index, indent, expanded) => <Box></Box>}',
-        render: '(record, index, indent, expanded) => <Box></Box>',
-        relatedImports: ['Box'],
+        render: '(record, index, indent, expanded) => <div><Placeholder text="放置替换" /></div>',
+        relatedImports: ['div'],
     },
 ];
 export const Table = {

package/lib/esm/prototypes/tabs.js

@@ -99,7 +99,7 @@ export const Tabs = {
             tip: '仅在选项卡类型为可编辑卡片时有效',
             setter: 'expressionSetter',
             group: 'event',
-            autoCompleteOptions: ["(action === 'add' ? event : targetKey, action): void"],
+            // autoCompleteOptions: ["(action === 'add' ? event : targetKey, action): void"],
             getVisible: (form) => form.getValue('type') === 'editable-card',
         },
         {

package/lib/esm/prototypes/typography.js

@@ -129,7 +129,7 @@ export const Title = {
             name: 'level',
             title: '标题级别',
             setter: 'pickerSetter',
-            comOptions: [
+            options: [
                 { label: 'h1', value: 1 },
                 { label: 'h2', value: 2 },
                 { label: 'h3', value: 3 },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuvp1225/antd",
-  "version": "0.3.22",
+  "version": "0.3.24",
   "description": "antd components for tango app",
   "author": "wwsun <ww.sww@outlook.com>",
   "homepage": "https://github.com/netease/tango-components#readme",
@@ -49,10 +49,10 @@
     "@cuvp1225/formily": "^0.2.6",
     "@cuvp1225/foundation": "^0.3.2",
     "@music163/tango-boot": "^0.3.3",
-    "@music163/tango-helpers": "^1.2.9",
+    "@music163/tango-helpers": "1.2.8",
     "antd": "4",
     "classnames": "^2.3.2",
     "coral-system": "^1.0.6"
   },
-  "gitHead": "0403dcedd7b02c78b4c1621c717bcffae247d0aa"
+  "gitHead": "cd1802cc91dad8394a3e12afe5c56f99cbda0c5c"
 }