@cuvp1225/antd 0.2.62 → 0.2.64

package/lib/cjs/components/input.js

@@ -1,57 +1,38 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextArea = exports.Input = 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"));
+function InputDesigner(_a) {
+    var { style, value } = _a, rest = tslib_1.__rest(_a, ["style", "value"]);
+    console.log("AntInput:", value, rest);
+    if (value && value !== '') {
+        return react_1.default.createElement(antd_1.Input, Object.assign({ value: value }, rest, { style: style }));
+    }
+    return (react_1.default.createElement(antd_1.Input, Object.assign({}, rest, { style: style })));
+}
 exports.Input = (0, tango_boot_1.defineComponent)(antd_1.Input, {
     name: 'Input',
-    registerState: {
-        getInitStates({ setPageState }, props) {
-            var _a;
-            return {
-                value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : '',
-                clear() {
-                    setPageState({ value: '' });
-                },
-                setValue(nextValue) {
-                    setPageState({ value: nextValue });
-                },
-            };
-        },
-        getTriggerProps({ setPageState, getPageState }) {
-            var _a;
-            return {
-                value: (_a = getPageState()) === null || _a === void 0 ? void 0 : _a.value,
-                onChange(e) {
-                    setPageState({ value: e.target.value });
-                },
-            };
+    designerConfig: {
+        render({ designerProps, originalProps, }) {
+            return react_1.default.createElement(InputDesigner, Object.assign({}, designerProps, originalProps));
         },
     },
 });
+function TextAreaDesigner(_a) {
+    var { style, value } = _a, rest = tslib_1.__rest(_a, ["style", "value"]);
+    if (value && value !== '') {
+        return react_1.default.createElement(antd_1.Input.TextArea, Object.assign({ value: value }, rest, { style: style }));
+    }
+    return (react_1.default.createElement(antd_1.Input.TextArea, Object.assign({}, rest, { style: style })));
+}
 exports.TextArea = (0, tango_boot_1.defineComponent)(antd_1.Input.TextArea, {
     name: 'TextArea',
-    registerState: {
-        getInitStates({ setPageState }, props) {
-            var _a;
-            return {
-                value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : '',
-                clear() {
-                    setPageState({ value: '' });
-                },
-                setValue(nextValue) {
-                    setPageState({ value: nextValue });
-                },
-            };
-        },
-        getTriggerProps({ setPageState, getPageState }) {
-            var _a;
-            return {
-                value: (_a = getPageState()) === null || _a === void 0 ? void 0 : _a.value,
-                onChange(e) {
-                    setPageState({ value: e.target.value });
-                },
-            };
+    designerConfig: {
+        render({ designerProps, originalProps, }) {
+            return react_1.default.createElement(TextAreaDesigner, Object.assign({}, designerProps, originalProps));
         },
-    },
+    }
 });

package/lib/cjs/components/popconfirm.js

@@ -5,8 +5,9 @@ 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 PopconfirmDesigner(_a) {
-    var { children, title, dataDnd, dataId, style } = _a, rest = tslib_1.__rest(_a, ["children", "title", "dataDnd", "dataId", "style"]);
+    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);
     }, []);

package/lib/cjs/components/row.js

@@ -8,12 +8,9 @@ const coral_system_1 = require("coral-system");
 const antd_1 = require("antd");
 const tango_boot_1 = require("@music163/tango-boot");
 const placeholder_1 = require("./placeholder");
-const shadow_container_1 = require("./shadow-container");
 const BaseRowWrapper = (0, coral_system_1.coral)('div', (0, styled_components_1.css) `
     position: relative;
     background-color: #fff;
-    border: 1px solid var(--music-colors-line-normal);
-    box-shadow: var(--music-shadows-lowDown);
     min-width: 600px;
 
     .RowNewPanelBody {
@@ -23,9 +20,9 @@ const BaseRowWrapper = (0, coral_system_1.coral)('div', (0, styled_components_1.
 function RowDesigner(_a) {
     var { gutter, align, justify, prefixCls, wrap, style, children } = _a, rest = tslib_1.__rest(_a, ["gutter", "align", "justify", "prefixCls", "wrap", "style", "children"]);
     console.log("zcq栅格行的入参", gutter, align, justify, prefixCls, wrap, style, children);
-    return (react_1.default.createElement(shadow_container_1.ShadowContainer, Object.assign({ type: "modal", label: "Row", bg: "rgba(0, 0, 0, 0.45)", px: "100px", py: "24px" }, rest),
+    return (react_1.default.createElement("div", null,
         react_1.default.createElement(BaseRowWrapper, { style: style },
-            react_1.default.createElement("div", { className: "RowNewPanelBody" }, children || react_1.default.createElement(placeholder_1.Placeholder, null)))));
+            react_1.default.createElement("div", null, children || react_1.default.createElement(placeholder_1.Placeholder, null)))));
 }
 exports.Row1 = (0, tango_boot_1.defineComponent)(antd_1.Row, {
     name: 'Row1',

package/lib/cjs/prototypes/form.js

@@ -59,7 +59,7 @@ exports.Form = {
     //     Submit
     //   </Button>
     // </Form.Item>`,
-    initChildren: '<FormItem component="Input" label="表单项" > <div><Placeholder></Placeholder></div></FormItem><FormItem component="Input" label="表单项" > <div><Placeholder></Placeholder></div></FormItem><FormItem component="Input" label="表单项" ><div><Placeholder></Placeholder></div></FormItem><FormFooter><Button type="primary" htmlType="submit">提交</Button></FormFooter>',
+    initChildren: '<FormItem component="Input" label="表单项" ><div><Placeholder></Placeholder></div></FormItem><FormItem component="Input" label="表单项" ><div><Placeholder></Placeholder></div></FormItem><FormItem component="Input" label="表单项" ><div><Placeholder></Placeholder></div></FormItem><FormItem   wrapperCol={{offset: 8,span: 16,}}><Button type="primary" htmlType="submit">提交</Button></FormItem>',
     relatedImports: ['FormItem', 'FormFooter', 'Button', 'Input'],
     childrenName: ['FormItem', 'Fieldset', 'FormFooter'],
     props: [
@@ -186,7 +186,7 @@ exports.FormItem = {
     package: '@cuvp1225/antd',
     help: '一个基本的表单项',
     hasChildren: true,
-    initChildren: ' <div><Placeholder></Placeholder></div>',
+    initChildren: '<div><Placeholder></Placeholder></div>',
     props: [
         ...common_1.StylePrototypes,
         {

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

@@ -1,15 +1,61 @@
 import { __rest } from "tslib";
 import { defineComponent } from '@music163/tango-boot';
-import { DatePicker as AntDataPicker, ConfigProvider } from 'antd';
+import { DatePicker as AntDataPicker } 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');
+const local = {
+    "lang": {
+        "locale": "zh-cn",
+        "placeholder": "请选择日期",
+        "rangePlaceholder": ["开始日期", "结束日期"],
+        "today": "今天",
+        "now": "此刻",
+        "backToToday": "返回今天",
+        "ok": "确定",
+        "timeSelect": "选择时间",
+        "dateSelect": "选择日期",
+        "weekSelect": "选择周",
+        "monthSelect": "选择月",
+        "yearSelect": "选择年",
+        "decadeSelect": "选择年代",
+        "clear": "清除",
+        "month": "月",
+        "year": "年",
+        "previousMonth": "上个月 (PageUp)",
+        "nextMonth": "下个月 (PageDown)",
+        "yearFormat": "YYYY",
+        "dateFormat": "M/D/YYYY",
+        "dayFormat": "D",
+        "dateTimeFormat": "M/D/YYYY HH:mm:ss",
+        "monthFormat": "MMMM",
+        "monthBeforeYear": true,
+        "previousYear": "上一年 (Control + left)",
+        "nextYear": "下一年 (Control + right)",
+        "previousDecade": "上一年代",
+        "nextDecade": "下一年代",
+        "previousCentury": "上一世纪",
+        "nextCentury": "下一世纪",
+        "shortWeekDays": ["日", "一", "二", "三", "四", "五", "六"],
+        "shortMonths": ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
+        "longMonths": ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
+        "weekShorter": "周",
+        "yearShorter": "年",
+        "monthShorter": "月",
+    },
+    "timePickerLocale": {
+        "placeholder": "请选择时间"
+    },
+    "dateFormat": "YYYY-MM-DD",
+    "dateTimeFormat": "YYYY-MM-DD HH:mm:ss",
+    "weekFormat": "YYYY-wo",
+    "monthFormat": "YYYY-MM"
+};
 function DataPickerDesigner(_a) {
     var { style } = _a, rest = __rest(_a, ["style"]);
-    return (React.createElement(ConfigProvider, { locale: zhCN },
-        React.createElement(AntDataPicker, Object.assign({}, rest, { style: style }))));
+    return (React.createElement(AntDataPicker, Object.assign({}, rest, { style: style, locale: zhCN })));
 }
 export const DatePicker = defineComponent(AntDataPicker, {
     name: 'DatePicker',

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

@@ -4,6 +4,7 @@ export { Box } from './box';
 export { Button, ButtonGroup } from './button';
 export * from './formily';
 export { InputNumber } from './input-number';
+export { Input, TextArea } from './input';
 export { Modalnew } from './modal';
 export * from './page';
 export * from './placeholder';

package/lib/esm/components/index.js

@@ -5,7 +5,7 @@ export { Box } from './box';
 export { Button, ButtonGroup } from './button';
 export * from './formily';
 export { InputNumber } from './input-number';
-// export { Input, TextArea } from './input';
+export { Input, TextArea } from './input';
 export { Modalnew } from './modal';
 export * from './page';
 export * from './placeholder';

package/lib/esm/components/input-number.d.ts

@@ -1,6 +1,7 @@
 import { InputNumberProps } from 'antd';
-export declare const InputNumber: import("react").ForwardRefExoticComponent<Omit<InputNumberProps<import("rc-input-number/lib/utils/MiniDecimal").ValueType> & {
+import React from 'react';
+export declare const InputNumber: React.ForwardRefExoticComponent<Omit<InputNumberProps<import("rc-input-number/lib/utils/MiniDecimal").ValueType> & {
     children?: React.ReactNode;
 } & {
     ref?: React.Ref<HTMLInputElement> | undefined;
-} & import("@music163/tango-boot").TangoComponentProps, "ref"> & import("react").RefAttributes<unknown>>;
+} & import("@music163/tango-boot").TangoComponentProps, "ref"> & React.RefAttributes<unknown>>;

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

@@ -1,25 +1,35 @@
+import { __rest } from "tslib";
 import { defineComponent } from '@music163/tango-boot';
 import { InputNumber as AntInputNumber } from 'antd';
+import React from 'react';
+function InputNumberDesigner(_a) {
+    var { style, value } = _a, rest = __rest(_a, ["style", "value"]);
+    console.log("AntInputNumber:", value, rest);
+    return (React.createElement(AntInputNumber, Object.assign({}, rest, { style: style })));
+}
 export const InputNumber = defineComponent(AntInputNumber, {
     name: 'InputNumber',
-    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.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/esm/components/input.d.ts

@@ -1,4 +1,5 @@
 import { InputProps } from 'antd';
 import { TextAreaProps } from 'antd/lib/input';
-export declare const Input: import("react").ForwardRefExoticComponent<Omit<InputProps & import("react").RefAttributes<import("antd").InputRef> & import("@music163/tango-boot").TangoComponentProps, "ref"> & import("react").RefAttributes<unknown>>;
-export declare const TextArea: import("react").ForwardRefExoticComponent<Omit<TextAreaProps & import("react").RefAttributes<import("antd/lib/input/TextArea").TextAreaRef> & import("@music163/tango-boot").TangoComponentProps, "ref"> & import("react").RefAttributes<unknown>>;
+import React from 'react';
+export declare const Input: React.ForwardRefExoticComponent<Omit<InputProps & React.RefAttributes<import("antd").InputRef> & import("@music163/tango-boot").TangoComponentProps, "ref"> & React.RefAttributes<unknown>>;
+export declare const TextArea: React.ForwardRefExoticComponent<Omit<TextAreaProps & React.RefAttributes<import("antd/lib/input/TextArea").TextAreaRef> & import("@music163/tango-boot").TangoComponentProps, "ref"> & React.RefAttributes<unknown>>;

package/lib/esm/components/input.js

@@ -1,54 +1,35 @@
+import { __rest } from "tslib";
 import { Input as AntInput } from 'antd';
 import { defineComponent } from '@music163/tango-boot';
+import React from 'react';
+function InputDesigner(_a) {
+    var { style, value } = _a, rest = __rest(_a, ["style", "value"]);
+    console.log("AntInput:", value, rest);
+    if (value && value !== '') {
+        return React.createElement(AntInput, Object.assign({ value: value }, rest, { style: style }));
+    }
+    return (React.createElement(AntInput, Object.assign({}, rest, { style: style })));
+}
 export const Input = defineComponent(AntInput, {
     name: 'Input',
-    registerState: {
-        getInitStates({ setPageState }, props) {
-            var _a;
-            return {
-                value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : '',
-                clear() {
-                    setPageState({ value: '' });
-                },
-                setValue(nextValue) {
-                    setPageState({ value: nextValue });
-                },
-            };
-        },
-        getTriggerProps({ setPageState, getPageState }) {
-            var _a;
-            return {
-                value: (_a = getPageState()) === null || _a === void 0 ? void 0 : _a.value,
-                onChange(e) {
-                    setPageState({ value: e.target.value });
-                },
-            };
+    designerConfig: {
+        render({ designerProps, originalProps, }) {
+            return React.createElement(InputDesigner, Object.assign({}, designerProps, originalProps));
         },
     },
 });
+function TextAreaDesigner(_a) {
+    var { style, value } = _a, rest = __rest(_a, ["style", "value"]);
+    if (value && value !== '') {
+        return React.createElement(AntInput.TextArea, Object.assign({ value: value }, rest, { style: style }));
+    }
+    return (React.createElement(AntInput.TextArea, Object.assign({}, rest, { style: style })));
+}
 export const TextArea = defineComponent(AntInput.TextArea, {
     name: 'TextArea',
-    registerState: {
-        getInitStates({ setPageState }, props) {
-            var _a;
-            return {
-                value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : '',
-                clear() {
-                    setPageState({ value: '' });
-                },
-                setValue(nextValue) {
-                    setPageState({ value: nextValue });
-                },
-            };
-        },
-        getTriggerProps({ setPageState, getPageState }) {
-            var _a;
-            return {
-                value: (_a = getPageState()) === null || _a === void 0 ? void 0 : _a.value,
-                onChange(e) {
-                    setPageState({ value: e.target.value });
-                },
-            };
+    designerConfig: {
+        render({ designerProps, originalProps, }) {
+            return React.createElement(TextAreaDesigner, Object.assign({}, designerProps, originalProps));
         },
-    },
+    }
 });

package/lib/esm/components/popconfirm.js

@@ -2,8 +2,9 @@ import { __rest } from "tslib";
 import { Popconfirm as AntPopconfirm } from 'antd';
 import { defineComponent } from '@music163/tango-boot';
 import React, { useEffect } from 'react';
+import { SLOT } from '@music163/tango-helpers';
 function PopconfirmDesigner(_a) {
-    var { children, title, dataDnd, dataId, style } = _a, rest = __rest(_a, ["children", "title", "dataDnd", "dataId", "style"]);
+    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);
     }, []);

package/lib/esm/components/row.js

@@ -5,12 +5,9 @@ import { coral } from 'coral-system';
 import { Row as AntRow } from 'antd';
 import { defineComponent } from '@music163/tango-boot';
 import { Placeholder } from './placeholder';
-import { ShadowContainer } from './shadow-container';
 const BaseRowWrapper = coral('div', css `
     position: relative;
     background-color: #fff;
-    border: 1px solid var(--music-colors-line-normal);
-    box-shadow: var(--music-shadows-lowDown);
     min-width: 600px;
 
     .RowNewPanelBody {
@@ -20,9 +17,9 @@ const BaseRowWrapper = coral('div', css `
 function RowDesigner(_a) {
     var { gutter, align, justify, prefixCls, wrap, style, children } = _a, rest = __rest(_a, ["gutter", "align", "justify", "prefixCls", "wrap", "style", "children"]);
     console.log("zcq栅格行的入参", gutter, align, justify, prefixCls, wrap, style, children);
-    return (React.createElement(ShadowContainer, Object.assign({ type: "modal", label: "Row", bg: "rgba(0, 0, 0, 0.45)", px: "100px", py: "24px" }, rest),
+    return (React.createElement("div", null,
         React.createElement(BaseRowWrapper, { style: style },
-            React.createElement("div", { className: "RowNewPanelBody" }, children || React.createElement(Placeholder, null)))));
+            React.createElement("div", null, children || React.createElement(Placeholder, null)))));
 }
 export const Row1 = defineComponent(AntRow, {
     name: 'Row1',

package/lib/esm/prototypes/form.js

@@ -56,7 +56,7 @@ export const Form = {
     //     Submit
     //   </Button>
     // </Form.Item>`,
-    initChildren: '<FormItem component="Input" label="表单项" > <div><Placeholder></Placeholder></div></FormItem><FormItem component="Input" label="表单项" > <div><Placeholder></Placeholder></div></FormItem><FormItem component="Input" label="表单项" ><div><Placeholder></Placeholder></div></FormItem><FormFooter><Button type="primary" htmlType="submit">提交</Button></FormFooter>',
+    initChildren: '<FormItem component="Input" label="表单项" ><div><Placeholder></Placeholder></div></FormItem><FormItem component="Input" label="表单项" ><div><Placeholder></Placeholder></div></FormItem><FormItem component="Input" label="表单项" ><div><Placeholder></Placeholder></div></FormItem><FormItem   wrapperCol={{offset: 8,span: 16,}}><Button type="primary" htmlType="submit">提交</Button></FormItem>',
     relatedImports: ['FormItem', 'FormFooter', 'Button', 'Input'],
     childrenName: ['FormItem', 'Fieldset', 'FormFooter'],
     props: [
@@ -183,7 +183,7 @@ export const FormItem = {
     package: '@cuvp1225/antd',
     help: '一个基本的表单项',
     hasChildren: true,
-    initChildren: ' <div><Placeholder></Placeholder></div>',
+    initChildren: '<div><Placeholder></Placeholder></div>',
     props: [
         ...StylePrototypes,
         {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuvp1225/antd",
-  "version": "0.2.62",
+  "version": "0.2.64",
   "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": "f23f45632a2a24575497188b8676f38ad6739dcd"
+  "gitHead": "97929ed682ec2e43bd20600de22d4de287fc272a"
 }