@chaoswise/ui 3.0.15 → 3.0.16

package/lib/EchartsBase/index.js

@@ -14,7 +14,7 @@ import React, { forwardRef, useMemo } from "react";
 import PropTypes from "prop-types";
 import * as echarts from "echarts";
 import ReactEcharts from "echarts-for-react";
-import _ from "lodash-es";
+import { merge } from "lodash-es";
 import { each } from "zrender/lib/core/util";
 import CWTheme from "../../config/theme/CWTheme";
 var EchartsBase = /*#__PURE__*/forwardRef(function (_ref, ref) {
@@ -31,7 +31,7 @@ var EchartsBase = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var newTheme = useMemo(function () {
     if (theme) {
       if (_typeof(theme) === "object") {
-        _.merge(CWTheme, theme);
+        merge(CWTheme, theme);
         echarts.registerTheme("CWTheme", CWTheme);
         return "CWTheme";
       } else if (typeof theme === "string") {
@@ -68,8 +68,8 @@ var EchartsBase = /*#__PURE__*/forwardRef(function (_ref, ref) {
 
     // 合并动态主题 动态主题级别高
     if (isMergeOption) {
-      _.merge(_option, defaultOption);
-      _.merge(_option, option);
+      merge(_option, defaultOption);
+      merge(_option, option);
 
       /**
        * 合并动态主题到option
@@ -88,16 +88,16 @@ var EchartsBase = /*#__PURE__*/forwardRef(function (_ref, ref) {
         // 轴
         if (axisType.includes(optName)) {
           if (_option[optName] && Object.prototype.toString.call(_option[optName]) === "[object Object]") {
-            _.merge(_option[optName], opt);
+            merge(_option[optName], opt);
           }
           if (_option[optName] && Object.prototype.toString.call(_option[optName]) === "[object Array]") {
             _option[optName].forEach(function (option, index) {
               if (Object.prototype.toString.call(opt) === "[object Object]") {
-                _.merge(option, opt);
+                merge(option, opt);
               }
               // 是数组分别设置
               if (Object.prototype.toString.call(opt) === "[object Array]") {
-                _.merge(option, opt[index] || {});
+                merge(option, opt[index] || {});
               }
             });
           }
@@ -111,35 +111,35 @@ var EchartsBase = /*#__PURE__*/forwardRef(function (_ref, ref) {
        */
       // 是对象
       if (Object.prototype.toString.call(_option.series) === "[object Object]") {
-        _.merge(_option.series, dynamicTheme[_option.series.type]);
+        merge(_option.series, dynamicTheme[_option.series.type]);
 
         // 特殊处理seriesCommon
         seriesCommon.forEach(function (scName) {
-          _option.series[scName] = _.merge(_option.series[scName], dynamicTheme[scName]);
+          _option.series[scName] = merge(_option.series[scName], dynamicTheme[scName]);
         });
 
         // 特殊处理seriesMap
         if (seriesMap[_option.series.name]) {
-          _.merge(_option.series, seriesMap[_option.series.name]);
+          merge(_option.series, seriesMap[_option.series.name]);
         }
       }
       // 是数组
       if (Object.prototype.toString.call(_option.series) === "[object Array]") {
         _option.series.forEach(function (ser) {
-          _.merge(ser, dynamicTheme[ser.type]);
+          merge(ser, dynamicTheme[ser.type]);
 
           // 特殊处理seriesCommon
           seriesCommon.forEach(function (scName) {
-            ser[scName] = _.merge(ser[scName], dynamicTheme[scName]);
+            ser[scName] = merge(ser[scName], dynamicTheme[scName]);
           });
 
           // 特殊处理seriesMap
           if (seriesMap[ser.name]) {
-            _.merge(ser, seriesMap[ser.name]);
+            merge(ser, seriesMap[ser.name]);
           }
         });
       }
-      _.merge(_option, commonOpt);
+      merge(_option, commonOpt);
       return _option;
     }
     return option;

package/lib/EchartsLine/index.js

@@ -11,7 +11,7 @@ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
 import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
-var _ = require("lodash-es");
+import { merge } from "lodash-es";
 
 /**
  *
@@ -102,7 +102,7 @@ var EchartsLine = /*#__PURE__*/forwardRef(function (props, ref) {
       lineOption.series = newSeriesData;
     }
     if (option) {
-      _.merge(lineOption, option);
+      merge(lineOption, option);
     }
     return lineOption;
   };

package/lib/EchartsPie/index.js

@@ -7,8 +7,7 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 // 引入对应组件
-var _ = require("lodash-es");
-
+import { merge } from "lodash-es";
 /**
  *
  * 二次封装的饼图组件，可直接传入data，也支持设置自己的option配置，配置具体设置参考Echarts文档。更多API参考echarts-for-react
@@ -51,7 +50,7 @@ var EchartsPie = /*#__PURE__*/forwardRef(function (_ref, ref) {
       pieOption.series[0].name = data.seriesData[0].name;
     }
     if (option) {
-      _.merge(pieOption, option);
+      merge(pieOption, option);
     }
     return pieOption;
   };

package/lib/EchartsRing/index.js

@@ -7,7 +7,7 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 import React, { forwardRef } from "react";
 import PropTypes, { object } from "prop-types";
 // 引入对应组件
-var _ = require("lodash-es");
+import { merge } from "lodash-es";
 
 /**
  *
@@ -32,7 +32,7 @@ var EchartsRing = /*#__PURE__*/forwardRef(function (_ref, ref) {
       }]
     };
     if (option) {
-      _.merge(RingOption, option);
+      merge(RingOption, option);
     }
     return RingOption;
   };

package/lib/Empty/index.js

@@ -9,7 +9,7 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
 import React, { forwardRef } from "react";
-import { Empty } from "../Antd5";
+import Empty from "../Antd5/empty";
 import PropTypes from "prop-types";
 import classnames from "classnames";
 import { cloneComProps } from "../utils";

package/lib/FilterDropDown/DragList.js

@@ -11,7 +11,8 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import React, { useRef } from "react";
 import { useDrag, useDrop } from "react-dnd";
-import { Checkbox, Tooltip } from "../Antd5";
+import Checkbox from "../Antd5/checkbox";
+import Tooltip from "../Antd5/tooltip";
 import Icon from "@ant-design/icons";
 import DragSvg from "./assets/DragSvg";
 import classnames from "classnames";

package/lib/Flow/BasicLayout/Chain.js

@@ -25,7 +25,7 @@ var Chain = function Chain(props) {
     graph = props.graph,
     rest = _objectWithoutProperties(props, _excluded);
   var currentMaxY = useRef(0);
-  var buildTree = function buildTree(combo, config) {
+  var _buildTree = function buildTree(combo, config) {
     var index = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
     var deep = arguments.length > 3 ? arguments[3] : undefined;
     var list = arguments.length > 4 ? arguments[4] : undefined;
@@ -37,7 +37,7 @@ var Chain = function Chain(props) {
     var count = getBrotherChildrenCount(list, index);
     var node = calcNodePosition(isRoot, config, combo, count, deep);
     var childNodes = (nextList || []).reduce(function (t, c, index, list) {
-      var children = buildTree(c, _objectSpread(_objectSpread({}, config), {}, {
+      var children = _buildTree(c, _objectSpread(_objectSpread({}, config), {}, {
         parentNodePosition: {
           x: node.x,
           y: node.y
@@ -79,7 +79,7 @@ var Chain = function Chain(props) {
             y: index === 0 ? chainConfig.originalPoint.y : chainConfig.rootMargin + currentMaxY.current
           }
         });
-        var currentNode = buildTree(lists, config, undefined, 0, []);
+        var currentNode = _buildTree(lists, config, undefined, 0, []);
         var maxY = currentNode.reduce(function (t, c, index) {
           if (index === 0) {
             return c.y;

package/lib/Flow/BasicLayout/util.js

@@ -11,12 +11,12 @@ var compose = function compose(operator) {
     };
   });
 };
-var getLength = function getLength(node) {
+var _getLength = function getLength(node) {
   var nextList = node.nextList;
   // const baseLength = nextList && nextList.length ? nextList.length : 0;
   var baseLength = nextList ? nextList.length : 1;
   var childrenLength = (nextList || []).reduce(function (t, c) {
-    var res = getLength(c);
+    var res = _getLength(c);
     return t + res;
   }, 0);
   return childrenLength > baseLength ? childrenLength : baseLength;
@@ -24,7 +24,7 @@ var getLength = function getLength(node) {
 export var getBrotherChildrenCount = function getBrotherChildrenCount(nodes, i) {
   return nodes.reduce(function (t, c, index) {
     if (index < i) {
-      return t + getLength(c);
+      return t + _getLength(c);
     } else {
       return t;
     }

package/lib/Form/FormItem.js

@@ -9,7 +9,9 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
 import React from "react";
-import { Form, Typography, Tooltip } from "../Antd5";
+import Form from "../Antd5/form";
+import Typography from "../Antd5/typography";
+import Tooltip from "../Antd5/tooltip";
 import LayoutContext from "./context";
 import useConfigContext from "../useConfigContext";
 import useForm3 from "./hook/useForm3";

package/lib/Form/hook/useForm3.js

@@ -7,7 +7,7 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
 import React from "react";
 import { FIELD_META_PROP, FIELD_DATA_PROP } from "../consts";
 var useForm3 = function useForm3(props) {
-  var getControls = function getControls(children, recursively) {
+  var _getControls = function getControls(children, recursively) {
     var controls = [];
     var childrenArray = React.Children.toArray(children);
     for (var i = 0; i < childrenArray.length; i++) {
@@ -25,7 +25,7 @@ var useForm3 = function useForm3(props) {
         // And means FIELD_DATA_PROP in child.props, too.
         controls.push(child);
       } else if (child.props.children) {
-        controls = controls.concat(getControls(child.props.children, recursively));
+        controls = controls.concat(_getControls(child.props.children, recursively));
       }
     }
     return controls;
@@ -35,7 +35,7 @@ var useForm3 = function useForm3(props) {
     return child && child.props && child.props[prop];
   };
   var getOnlyControl = function getOnlyControl() {
-    var child = getControls(props.children, false)[0];
+    var child = _getControls(props.children, false)[0];
     return child !== undefined ? child : null;
   };
   var getField = function getField() {

package/lib/Form/index.js

@@ -17,7 +17,7 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 import React from "react";
 import createDOMForm from "rc-form/lib/createDOMForm";
 import createFormField from "rc-form/lib/createFormField";
-import { Form } from "../Antd5";
+import Form from "../Antd5/form";
 import FormItem from "./FormItem";
 import classnames from "classnames";
 import { cloneComProps } from "../utils";

package/lib/Formily/FieldList/index.js

@@ -0,0 +1,43 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["children"],
+  _excluded2 = ["state", "mutators"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+import React from 'react';
+import { FieldList as OriginFieldList } from '@formily/antd';
+function FieldList(_ref) {
+  var _ref$children = _ref.children,
+    children = _ref$children === void 0 ? function () {} : _ref$children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(OriginFieldList, props, function (_ref2) {
+    var state = _ref2.state,
+      mutators = _ref2.mutators,
+      resp = _objectWithoutProperties(_ref2, _excluded2);
+    var onAdd = function onAdd() {
+      return mutators.push();
+    };
+    var onRemove = function onRemove(index) {
+      return mutators.remove(index);
+    };
+    var onMoveUp = function onMoveUp(index) {
+      return mutators.moveUp(index);
+    };
+    var onMoveDown = function onMoveDown(index) {
+      return mutators.moveDown(index);
+    };
+    return children(_objectSpread({
+      state: state,
+      mutators: mutators,
+      onAdd: onAdd,
+      onRemove: onRemove,
+      onMoveUp: onMoveUp,
+      onMoveDown: onMoveDown
+    }, resp));
+  });
+}
+export default FieldList;

package/lib/Formily/Form/index.js

@@ -0,0 +1,2 @@
+import { Form } from '@formily/antd';
+export default Form;

package/lib/Formily/FormButtonGroup/index.js

@@ -0,0 +1,2 @@
+import { FormButtonGroup } from '@formily/antd';
+export default FormButtonGroup;

package/lib/Formily/FormItem/index.js

@@ -0,0 +1,90 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+import _Tooltip from "@chaoswise/ui/lib/Tooltip";
+import _Typography from "@chaoswise/ui/lib/Typography";
+var _excluded = ["type", "showLabelWidth"];
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+import React, { useContext } from 'react';
+import { FormItem } from '@formily/antd';
+import classnames from 'classnames';
+import Input from './items/Input';
+import Select from './items/Select';
+import Switch from './items/Switch';
+import DatePicker from './items/DatePicker';
+import TimePicker from './items/TimePicker';
+import Range from './items/Range';
+import Upload from './items/Upload';
+import Checkbox from './items/Checkbox';
+import Radio from './items/Radio';
+import Rating from './items/Rating';
+import Transfer from './items/Tansfer';
+import NumberPicker from './items/NumberPicker';
+import Password from './items/Password';
+import LayoutContext from '../context';
+var COMS_MAP = {
+  input: Input,
+  select: Select,
+  textarea: Input.TextArea,
+  password: Password,
+  numberpicker: NumberPicker,
+  "switch": Switch,
+  datepicker: DatePicker,
+  rangepicker: DatePicker.RangePicker,
+  weekpicker: DatePicker.WeekPicker,
+  monthpicker: DatePicker.MonthPicker,
+  yearpicker: DatePicker.YearPicker,
+  timepicker: TimePicker,
+  range: Range,
+  upload: Upload,
+  checkbox: Checkbox.Group,
+  radio: Radio.Group,
+  rating: Rating,
+  transfer: Transfer
+};
+function Item(_ref) {
+  var type = _ref.type,
+    _ref$showLabelWidth = _ref.showLabelWidth,
+    showLabelWidth = _ref$showLabelWidth === void 0 ? false : _ref$showLabelWidth,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var Com = COMS_MAP[type];
+  var _useContext = useContext(LayoutContext),
+    labelAlign = _useContext.labelAlign,
+    inline = _useContext.inline;
+
+  // ui 规范
+  var isUseRule = labelAlign === 'left' && !inline;
+  return /*#__PURE__*/React.createElement(FormItem, _extends({
+    component: Com
+  }, props, {
+    labelCol: _objectSpread({
+      className: isUseRule ? 'cw-form-item-label-horizontal' : ''
+    }, props.labelCol || {}),
+    "mega-props": _objectSpread({
+      span: 2
+    }, props['mega-props']),
+    label: !props.label && props.label !== '' && !showLabelWidth || !isUseRule ? props.label : /*#__PURE__*/React.createElement(_Tooltip, {
+      title: props.label
+    }, /*#__PURE__*/React.createElement(_Typography.Paragraph, {
+      className: "cw-form-item-typography-label",
+      ellipsis: {
+        rows: 2,
+        expandable: false
+      },
+      style: {
+        marginBottom: 0,
+        wordBreak: 'break-word'
+      }
+    }, props.label)),
+    itemClassName: classnames({
+      'cw-form-item': isUseRule
+    }, props.itemClassName),
+    colon: !(showLabelWidth && !props.label)
+  }));
+}
+export default Item;

package/lib/Formily/FormItem/items/Checkbox.js

@@ -0,0 +1,13 @@
+import _Checkbox from "@chaoswise/ui/lib/Checkbox";
+import { connect } from '@formily/react-schema-renderer';
+import { transformDataSourceKey, mapStyledProps, mapTextComponent } from './shared';
+import formItemWrapper from './formItemWrapper';
+export var Checkbox = connect({
+  valueName: 'checked',
+  getProps: mapStyledProps
+})(formItemWrapper(_Checkbox));
+Checkbox.Group = connect({
+  getProps: mapStyledProps,
+  getComponent: mapTextComponent
+})(transformDataSourceKey(formItemWrapper(_Checkbox.Group), 'options'));
+export default Checkbox;

package/lib/Formily/FormItem/items/DatePicker.js

@@ -0,0 +1,121 @@
+import _DatePicker from "@chaoswise/ui/lib/DatePicker";
+var __extends = this && this.__extends || function () {
+  var _extendStatics = function extendStatics(d, b) {
+    _extendStatics = Object.setPrototypeOf || {
+      __proto__: []
+    } instanceof Array && function (d, b) {
+      d.__proto__ = b;
+    } || function (d, b) {
+      for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
+    };
+    return _extendStatics(d, b);
+  };
+  return function (d, b) {
+    _extendStatics(d, b);
+    function __() {
+      this.constructor = d;
+    }
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+  };
+}();
+var __assign = this && this.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+    }
+    return t;
+  };
+  return __assign.apply(this, arguments);
+};
+import React from 'react';
+import { connect } from '@formily/react-schema-renderer';
+import moment from 'moment';
+import formItemWrapper from './formItemWrapper';
+var WrapperedAntdDatePicker = formItemWrapper(_DatePicker);
+import { mapStyledProps, mapTextComponent, compose, isStr, isArr } from './shared';
+var YearPicker = function (_super) {
+  __extends(YearPicker, _super);
+  function YearPicker() {
+    return _super !== null && _super.apply(this, arguments) || this;
+  }
+  YearPicker.prototype.render = function () {
+    return /*#__PURE__*/React.createElement(WrapperedAntdDatePicker, __assign({}, this.props, {
+      picker: 'year'
+    }));
+  };
+  return YearPicker;
+}(React.Component);
+var transformMoment = function transformMoment(value, format) {
+  if (format === void 0) {
+    format = 'YYYY-MM-DD HH:mm:ss';
+  }
+  if (value === '') return undefined;
+  return value && value.format ? value.format(format) : value;
+};
+var mapMomentValue = function mapMomentValue(props, fieldProps) {
+  var value = props.value,
+    _a = props.showTime,
+    showTime = _a === void 0 ? false : _a,
+    format = props.format;
+  if (!fieldProps.editable) return props;
+  try {
+    if (isStr(value) && value) {
+      props.value = moment(value, format || (showTime ? 'YYYY-MM-DD HH:mm:ss' : 'YYYY-MM-DD'));
+    } else if (isArr(value) && value.length) {
+      props.value = value.map(function (item) {
+        return item && moment(item, format || (showTime ? 'YYYY-MM-DD HH:mm:ss' : 'YYYY-MM-DD')) || '';
+      });
+    }
+  } catch (e) {
+    throw new Error(e);
+  }
+  return props;
+};
+export var DatePicker = connect({
+  getValueFromEvent: function getValueFromEvent(_, value) {
+    var props = this.props || {};
+    return transformMoment(value, props.format || (props.showTime ? 'YYYY-MM-DD HH:mm:ss' : 'YYYY-MM-DD'));
+  },
+  getProps: compose(mapStyledProps, mapMomentValue),
+  getComponent: mapTextComponent
+})(formItemWrapper(_DatePicker));
+DatePicker.RangePicker = connect({
+  getValueFromEvent: function getValueFromEvent(_, _a) {
+    var startDate = _a[0],
+      endDate = _a[1];
+    var props = this.props || {};
+    var format = props.format || (props.showTime ? 'YYYY-MM-DD HH:mm:ss' : 'YYYY-MM-DD');
+    return [transformMoment(startDate, format), transformMoment(endDate, format)];
+  },
+  getProps: compose(mapStyledProps, mapMomentValue),
+  getComponent: mapTextComponent
+})(formItemWrapper(_DatePicker.RangePicker));
+DatePicker.MonthPicker = connect({
+  getValueFromEvent: function getValueFromEvent(_, value) {
+    return transformMoment(value);
+  },
+  getProps: compose(mapStyledProps, mapMomentValue),
+  getComponent: mapTextComponent
+})(formItemWrapper(_DatePicker.MonthPicker));
+DatePicker.WeekPicker = connect({
+  getValueFromEvent: function getValueFromEvent(_, value) {
+    return transformMoment(value, 'gggg-wo');
+  },
+  getProps: compose(mapStyledProps, function (props) {
+    if (isStr(props.value) && props.value) {
+      var parsed = props.value.match(/\D*(\d+)\D*(\d+)\D*/) || ['', '', ''];
+      props.value = moment(parsed[1], 'YYYY').add(parsed[2] - 1, 'weeks');
+    }
+    return props;
+  }),
+  getComponent: mapTextComponent
+})(formItemWrapper(_DatePicker.WeekPicker));
+DatePicker.YearPicker = connect({
+  getValueFromEvent: function getValueFromEvent(_, value) {
+    return transformMoment(value, 'YYYY');
+  },
+  getProps: compose(mapStyledProps, mapMomentValue),
+  getComponent: mapTextComponent
+})(YearPicker);
+export default DatePicker;

package/lib/Formily/FormItem/items/Input.js

@@ -0,0 +1,13 @@
+import _Input from "@chaoswise/ui/lib/Input";
+import { connect } from '@formily/react-schema-renderer';
+import formItemWrapper from './formItemWrapper';
+import { acceptEnum, mapStyledProps, mapTextComponent } from '@formily/antd-components/esm/shared';
+export var Input = connect({
+  getProps: mapStyledProps,
+  getComponent: mapTextComponent
+})(acceptEnum(formItemWrapper(_Input)));
+Input.TextArea = connect({
+  getProps: mapStyledProps,
+  getComponent: mapTextComponent
+})(acceptEnum(formItemWrapper(_Input.TextArea)));
+export default Input;

package/lib/Formily/FormItem/items/NumberPicker.js

@@ -0,0 +1,9 @@
+import _InputNumber from "@chaoswise/ui/lib/InputNumber";
+import { connect } from '@formily/react-schema-renderer';
+import { acceptEnum, mapStyledProps, mapTextComponent } from './shared';
+import formItemWrapper from './formItemWrapper';
+export var NumberPicker = connect({
+  getProps: mapStyledProps,
+  getComponent: mapTextComponent
+})(acceptEnum(formItemWrapper(_InputNumber)));
+export default NumberPicker;

package/lib/Formily/FormItem/items/Password.js

@@ -0,0 +1,70 @@
+import _Input from "@chaoswise/ui/lib/Input";
+var __makeTemplateObject = this && this.__makeTemplateObject || function (cooked, raw) {
+  if (Object.defineProperty) {
+    Object.defineProperty(cooked, "raw", {
+      value: raw
+    });
+  } else {
+    cooked.raw = raw;
+  }
+  return cooked;
+};
+var __assign = this && this.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+    }
+    return t;
+  };
+  return __assign.apply(this, arguments);
+};
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+import React from 'react';
+import { connect } from '@formily/react-schema-renderer';
+import { PasswordStrength } from '@formily/react-shared-components';
+import styled from 'styled-components';
+import { mapStyledProps } from './shared';
+import formItemWrapper from './formItemWrapper';
+var InputPassword = formItemWrapper(_Input.Password);
+export var Password = connect({
+  getProps: mapStyledProps
+})(styled(function (props) {
+  var value = props.value,
+    className = props.className,
+    checkStrength = props.checkStrength,
+    others = __rest(props, ["value", "className", "checkStrength"]);
+  return /*#__PURE__*/React.createElement("span", {
+    className: className
+  }, /*#__PURE__*/React.createElement(InputPassword, __assign({}, others, {
+    value: value
+  })), checkStrength && ( /*#__PURE__*/React.createElement(PasswordStrength, {
+    value: String(value)
+  }, function (score) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "password-strength-wrapper"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "div-1 div"
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "div-2 div"
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "div-3 div"
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "div-4 div"
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "password-strength-bar",
+      style: {
+        clipPath: "polygon(0 0," + score + "% 0," + score + "% 100%,0 100%)"
+      }
+    }));
+  })));
+})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .password-strength-wrapper {\n    background: #e0e0e0;\n    margin-bottom: 3px;\n    position: relative;\n    .div {\n      position: absolute;\n      z-index: 1;\n      height: 8px;\n      top: 0;\n      background: #fff;\n      width: 1px;\n      transform: translate(-50%, 0);\n    }\n    .div-1 {\n      left: 20%;\n    }\n    .div-2 {\n      left: 40%;\n    }\n    .div-3 {\n      left: 60%;\n    }\n    .div-4 {\n      left: 80%;\n    }\n    .password-strength-bar {\n      position: relative;\n      background-image: -webkit-linear-gradient(left, #ff5500, #ff9300);\n      transition: all 0.35s ease-in-out;\n      height: 8px;\n      width: 100%;\n      margin-top: 5px;\n    }\n  }\n"], ["\n  .password-strength-wrapper {\n    background: #e0e0e0;\n    margin-bottom: 3px;\n    position: relative;\n    .div {\n      position: absolute;\n      z-index: 1;\n      height: 8px;\n      top: 0;\n      background: #fff;\n      width: 1px;\n      transform: translate(-50%, 0);\n    }\n    .div-1 {\n      left: 20%;\n    }\n    .div-2 {\n      left: 40%;\n    }\n    .div-3 {\n      left: 60%;\n    }\n    .div-4 {\n      left: 80%;\n    }\n    .password-strength-bar {\n      position: relative;\n      background-image: -webkit-linear-gradient(left, #ff5500, #ff9300);\n      transition: all 0.35s ease-in-out;\n      height: 8px;\n      width: 100%;\n      margin-top: 5px;\n    }\n  }\n"]))));
+export default Password;
+var templateObject_1;