@cuvp1225/antd 0.2.65 → 0.2.67

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

@@ -1,3 +1,4 @@
 import React from 'react';
-import { RowProps } from 'antd';
-export declare const Row1: React.ForwardRefExoticComponent<Omit<RowProps & React.RefAttributes<HTMLDivElement> & import("@music163/tango-boot").TangoComponentProps, "ref"> & React.RefAttributes<unknown>>;
+export declare const Row1: React.ForwardRefExoticComponent<Omit<import("coral-system/dist/esm/types").OmitCommonProps<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("coral-system").CoralProps> & import("coral-system").CoralProps & import("coral-system/dist/esm/types").OmitCommonProps<any, keyof import("coral-system").CoralProps> & {
+    as?: import("coral-system/dist/esm/types").As<any>;
+} & import("@music163/tango-boot").TangoComponentProps, "ref"> & React.RefAttributes<unknown>>;

package/lib/cjs/components/row.js

@@ -3,31 +3,45 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Row1 = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const styled_components_1 = require("styled-components");
 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 BaseRowWrapper = (0, coral_system_1.coral)('div', (0, styled_components_1.css) `
-    position: relative;
-    background-color: #fff;
-    min-width: 600px;
-
-    .RowNewPanelBody {
-      padding: 12px;
-    }
-  `);
+// const BaseRowWrapper = coral(
+//   'div',
+//   css`
+//     position: relative;
+//     background-color: #fff;
+//     min-width: 600px;
+//     .RowNewPanelBody {
+//       padding: 12px;
+//     }
+//   `,
+// );
+const rowStyle = {
+    position: 'relative',
+    backgroundColor: '#fff',
+    minWidth: '600px',
+};
+// interface RowDesignerProps extends React.HTMLAttributes<HTMLDivElement> {
+//   style?: React.CSSProperties;
+//   children?: React.ReactNode;
+// }
 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("div", { style: { position: "relative", backgroundColor: "#fff", minWidth: "600px" } },
-        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);
+    const mergedStyle = react_1.default.useMemo(() => (Object.assign(Object.assign({}, rowStyle), style)), [style]);
+    return (react_1.default.createElement("div", { style: Object.assign({}, mergedStyle) },
+        react_1.default.createElement("div", null, children || react_1.default.createElement("div", null, "\u62D6\u5165\u7EC4\u4EF6"))));
 }
-exports.Row1 = (0, tango_boot_1.defineComponent)(antd_1.Row, {
+const Div = (0, coral_system_1.coral)('div', undefined, {
+    prefix: '--music',
+});
+const MemoizedRowDesigner = react_1.default.memo(RowDesigner);
+exports.Row1 = (0, tango_boot_1.defineComponent)(Div, {
     name: 'Row1',
     designerConfig: {
         render({ designerProps, originalProps }) {
-            return react_1.default.createElement(RowDesigner, Object.assign({}, designerProps, originalProps));
+            //return <RowDesigner {...designerProps} {...originalProps} />;
+            return react_1.default.createElement(MemoizedRowDesigner, Object.assign({}, designerProps, originalProps));
         },
     },
 });

package/lib/cjs/prototypes/input.js

@@ -31,6 +31,36 @@ exports.Input = {
             setter: 'textSetter',
             group: 'basic',
         },
+        {
+            name: 'type',
+            title: '类型',
+            tip: '声明 input 类型，同原生 input 标签的 type 属性',
+            setter: 'choiceSetter',
+            setterProps: {
+                options: [
+                    { label: '文本', value: 'text' },
+                    { label: '密码', value: 'password' },
+                    { label: '数字', value: 'number' },
+                    { label: '颜色', value: 'color' },
+                    { label: '电话', value: 'tel' },
+                    { label: '搜索', value: 'search' },
+                    { label: '电子邮件', value: 'email' },
+                    { label: '网址', value: 'url' },
+                    { label: '日期', value: 'date' },
+                    { label: '月份', value: 'month' },
+                    { label: '周', value: 'week' },
+                    { label: '时间', value: 'time' },
+                    { label: '日期时间', value: 'datetime-local' },
+                    { label: '文件', value: 'file' },
+                    { label: '提交', value: 'submit' },
+                    { label: '重置', value: 'reset' },
+                    { label: '图像', value: 'image' },
+                    { label: '按钮', value: 'button' },
+                    { label: '范围', value: 'range' }
+                ],
+            },
+            group: 'basic',
+        },
         {
             name: 'maxLength',
             title: '最大长度',
@@ -102,13 +132,6 @@ exports.Input = {
             setter: 'iconSetter',
             group: 'advanced',
         },
-        {
-            name: 'type',
-            title: '类型',
-            tip: '声明 input 类型，同原生 input 标签的 type 属性',
-            setter: 'textSetter',
-            group: 'advanced',
-        },
         {
             name: 'onPressEnter',
             title: '回车回调',

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

@@ -1,11 +1,10 @@
 import { __rest } from "tslib";
 import { defineComponent } from '@music163/tango-boot';
-import { DatePicker as AntDataPicker } from 'antd';
-import zhCN from 'antd/es/locale/zh_CN';
-import moment from 'moment';
+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');
+// moment.locale('zh-cn');
 const local = {
     "lang": {
         "locale": "zh-cn",
@@ -39,23 +38,37 @@ const local = {
         "previousCentury": "上一世纪",
         "nextCentury": "下一世纪",
         "shortWeekDays": ["日", "一", "二", "三", "四", "五", "六"],
-        "shortMonths": ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
-        "longMonths": ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
+        "shortMonthDays": ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
+        "longMonthDays": ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
+        "monthsShort": ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
+        "monthsFull": ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
+        "weekStartsOn": 0,
+        "weekStart": 0,
+        "firstDayOfWeek": 0,
+        "timePickerColumns": {
+            "viewHour": "选择小时",
+            "viewMinute": "选择分钟",
+            "viewSecond": "选择秒数"
+        },
+        "yearSuffix": "年",
+        "weekSuffix": "周",
+        "monthSuffix": "月",
         "weekShorter": "周",
         "yearShorter": "年",
         "monthShorter": "月",
+        "weekFormat": "YYYY-第wo周",
     },
     "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(AntDataPicker, Object.assign({}, rest, { style: style, locale: zhCN })));
+    return (React.createElement(ConfigProvider, { locale: locale },
+        React.createElement(AntDataPicker, Object.assign({}, rest, { style: style, locale: local }))));
 }
 export const DatePicker = defineComponent(AntDataPicker, {
     name: 'DatePicker',

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

@@ -4,7 +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 { Input, TextArea, Password } 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, Password } from './input';
 export { Modalnew } from './modal';
 export * from './page';
 export * from './placeholder';

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

@@ -9,27 +9,29 @@ function InputNumberDesigner(_a) {
 }
 export const InputNumber = defineComponent(AntInputNumber, {
     name: 'InputNumber',
-    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 });
+    //   designerConfig: {
+    //     render({ designerProps, originalProps, }) {
+    //         return <InputNumberDesigner   {...designerProps} {...originalProps} />;
     //       },
-    //     };
-    //   },
     // },
+    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 });
+                },
+            };
+        },
+    },
 });

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

@@ -1,5 +1,6 @@
 import { InputProps } from 'antd';
-import { TextAreaProps } from 'antd/lib/input';
+import { TextAreaProps, PasswordProps } from 'antd/lib/input';
 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>>;
+export declare const Password: React.ForwardRefExoticComponent<Omit<PasswordProps & React.RefAttributes<import("antd").InputRef> & import("@music163/tango-boot").TangoComponentProps, "ref"> & React.RefAttributes<unknown>>;

package/lib/esm/components/input.js

@@ -33,3 +33,18 @@ export const TextArea = defineComponent(AntInput.TextArea, {
         },
     }
 });
+function PasswordDesigner(_a) {
+    var { style, value } = _a, rest = __rest(_a, ["style", "value"]);
+    if (value && value !== '') {
+        return React.createElement(AntInput.Password, Object.assign({ value: value }, rest, { style: style }));
+    }
+    return (React.createElement(AntInput.Password, Object.assign({}, rest, { style: style })));
+}
+export const Password = defineComponent(AntInput.Password, {
+    name: 'Password',
+    designerConfig: {
+        render({ designerProps, originalProps, }) {
+            return React.createElement(PasswordDesigner, Object.assign({}, designerProps, originalProps));
+        },
+    }
+});

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

@@ -1,3 +1,4 @@
 import React from 'react';
-import { RowProps } from 'antd';
-export declare const Row1: React.ForwardRefExoticComponent<Omit<RowProps & React.RefAttributes<HTMLDivElement> & import("@music163/tango-boot").TangoComponentProps, "ref"> & React.RefAttributes<unknown>>;
+export declare const Row1: React.ForwardRefExoticComponent<Omit<import("coral-system/dist/esm/types").OmitCommonProps<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("coral-system").CoralProps> & import("coral-system").CoralProps & import("coral-system/dist/esm/types").OmitCommonProps<any, keyof import("coral-system").CoralProps> & {
+    as?: import("coral-system/dist/esm/types").As<any>;
+} & import("@music163/tango-boot").TangoComponentProps, "ref"> & React.RefAttributes<unknown>>;

package/lib/esm/components/row.js

@@ -1,30 +1,44 @@
 import { __rest } from "tslib";
 import React from 'react';
-import { css } from 'styled-components';
 import { coral } from 'coral-system';
-import { Row as AntRow } from 'antd';
 import { defineComponent } from '@music163/tango-boot';
-import { Placeholder } from './placeholder';
-const BaseRowWrapper = coral('div', css `
-    position: relative;
-    background-color: #fff;
-    min-width: 600px;
-
-    .RowNewPanelBody {
-      padding: 12px;
-    }
-  `);
+// const BaseRowWrapper = coral(
+//   'div',
+//   css`
+//     position: relative;
+//     background-color: #fff;
+//     min-width: 600px;
+//     .RowNewPanelBody {
+//       padding: 12px;
+//     }
+//   `,
+// );
+const rowStyle = {
+    position: 'relative',
+    backgroundColor: '#fff',
+    minWidth: '600px',
+};
+// interface RowDesignerProps extends React.HTMLAttributes<HTMLDivElement> {
+//   style?: React.CSSProperties;
+//   children?: React.ReactNode;
+// }
 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("div", { style: { position: "relative", backgroundColor: "#fff", minWidth: "600px" } },
-        React.createElement("div", null, children || React.createElement(Placeholder, null))));
+    //console.log("zcq栅格行的入参",gutter,align,justify,prefixCls,wrap,style,children);
+    const mergedStyle = React.useMemo(() => (Object.assign(Object.assign({}, rowStyle), style)), [style]);
+    return (React.createElement("div", { style: Object.assign({}, mergedStyle) },
+        React.createElement("div", null, children || React.createElement("div", null, "\u62D6\u5165\u7EC4\u4EF6"))));
 }
-export const Row1 = defineComponent(AntRow, {
+const Div = coral('div', undefined, {
+    prefix: '--music',
+});
+const MemoizedRowDesigner = React.memo(RowDesigner);
+export const Row1 = defineComponent(Div, {
     name: 'Row1',
     designerConfig: {
         render({ designerProps, originalProps }) {
-            return React.createElement(RowDesigner, Object.assign({}, designerProps, originalProps));
+            //return <RowDesigner {...designerProps} {...originalProps} />;
+            return React.createElement(MemoizedRowDesigner, Object.assign({}, designerProps, originalProps));
         },
     },
 });

package/lib/esm/prototypes/input.js

@@ -28,6 +28,36 @@ export const Input = {
             setter: 'textSetter',
             group: 'basic',
         },
+        {
+            name: 'type',
+            title: '类型',
+            tip: '声明 input 类型，同原生 input 标签的 type 属性',
+            setter: 'choiceSetter',
+            setterProps: {
+                options: [
+                    { label: '文本', value: 'text' },
+                    { label: '密码', value: 'password' },
+                    { label: '数字', value: 'number' },
+                    { label: '颜色', value: 'color' },
+                    { label: '电话', value: 'tel' },
+                    { label: '搜索', value: 'search' },
+                    { label: '电子邮件', value: 'email' },
+                    { label: '网址', value: 'url' },
+                    { label: '日期', value: 'date' },
+                    { label: '月份', value: 'month' },
+                    { label: '周', value: 'week' },
+                    { label: '时间', value: 'time' },
+                    { label: '日期时间', value: 'datetime-local' },
+                    { label: '文件', value: 'file' },
+                    { label: '提交', value: 'submit' },
+                    { label: '重置', value: 'reset' },
+                    { label: '图像', value: 'image' },
+                    { label: '按钮', value: 'button' },
+                    { label: '范围', value: 'range' }
+                ],
+            },
+            group: 'basic',
+        },
         {
             name: 'maxLength',
             title: '最大长度',
@@ -99,13 +129,6 @@ export const Input = {
             setter: 'iconSetter',
             group: 'advanced',
         },
-        {
-            name: 'type',
-            title: '类型',
-            tip: '声明 input 类型，同原生 input 标签的 type 属性',
-            setter: 'textSetter',
-            group: 'advanced',
-        },
         {
             name: 'onPressEnter',
             title: '回车回调',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuvp1225/antd",
-  "version": "0.2.65",
+  "version": "0.2.67",
   "description": "antd components for tango app",
   "author": "wwsun <ww.sww@outlook.com>",
   "homepage": "https://github.com/netease/tango-components#readme",
@@ -48,11 +48,11 @@
   "dependencies": {
     "@cuvp1225/formily": "^0.2.6",
     "@cuvp1225/foundation": "^0.3.2",
-    "@music163/tango-boot": "^0.3.3",
+    "@music163/tango-boot": "0.3.5",
     "@music163/tango-helpers": "1.2.8",
     "antd": "4",
     "classnames": "^2.3.2",
     "coral-system": "^1.0.6"
   },
-  "gitHead": "1d5023197662f518fc4e24b3b79da8ae004c41fe"
+  "gitHead": "50729b648123837cefa6bdc9a586e754f36be6b6"
 }