@chaoswise/ui 3.0.14 → 3.0.16

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;

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

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

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

@@ -0,0 +1,82 @@
+import _Slider from "@chaoswise/ui/lib/Slider";
+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);
+};
+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 { mapStyledProps } from './shared';
+import formItemWrapper from './formItemWrapper';
+var WrapperSlider = formItemWrapper(_Slider);
+export var Range = connect({
+  defaultProps: {
+    style: {
+      width: 320
+    }
+  },
+  getProps: mapStyledProps
+})(function (_super) {
+  __extends(Component, _super);
+  function Component() {
+    return _super !== null && _super.apply(this, arguments) || this;
+  }
+  Component.prototype.render = function () {
+    var _a = this.props,
+      onChange = _a.onChange,
+      value = _a.value,
+      min = _a.min,
+      max = _a.max,
+      marks = _a.marks,
+      rest = __rest(_a, ["onChange", "value", "min", "max", "marks"]);
+    var newMarks = {};
+    if (Array.isArray(marks)) {
+      marks.forEach(function (mark) {
+        newMarks[mark] = mark;
+      });
+    } else {
+      newMarks = marks;
+    }
+    return /*#__PURE__*/React.createElement(WrapperSlider, __assign({}, rest, {
+      onChange: onChange,
+      value: value,
+      min: min,
+      max: max,
+      marks: newMarks
+    }));
+  };
+  return Component;
+}(React.Component));
+export default Range;

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

@@ -0,0 +1,8 @@
+import _Rate from "@chaoswise/ui/lib/Rate";
+import { connect } from '@formily/react-schema-renderer';
+import { mapStyledProps } from './shared';
+import formItemWrapper from './formItemWrapper';
+export var Rating = connect({
+  getProps: mapStyledProps
+})(formItemWrapper(_Rate));
+export default Rating;

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

@@ -0,0 +1,8 @@
+import { connect } from '@formily/react-schema-renderer';
+import { Select as AntdSelect, mapStyledProps, mapTextComponent } from './shared';
+import formItemWrapper from './formItemWrapper';
+export var Select = connect({
+  getProps: mapStyledProps,
+  getComponent: mapTextComponent
+})(formItemWrapper(AntdSelect));
+export default Select;

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

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

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

@@ -0,0 +1,9 @@
+import _Transfer from "@chaoswise/ui/lib/Transfer";
+import { connect } from '@formily/react-schema-renderer';
+import { mapStyledProps } from './shared';
+import formItemWrapper from './formItemWrapper';
+export var Transfer = connect({
+  getProps: mapStyledProps,
+  valueName: 'targetKeys'
+})(formItemWrapper(_Transfer));
+export default Transfer;

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

@@ -0,0 +1,44 @@
+import _TimePicker from "@chaoswise/ui/lib/TimePicker";
+import { connect } from '@formily/react-schema-renderer';
+import moment from 'moment';
+import { mapStyledProps, mapTextComponent, compose, isStr, isArr } from './shared';
+import formItemWrapper from './formItemWrapper';
+var transformMoment = function transformMoment(value) {
+  if (value === '') return undefined;
+  return value;
+};
+var mapMomentValue = function mapMomentValue(props, fieldProps) {
+  var value = props.value,
+    _a = props.format,
+    format = _a === void 0 ? 'HH:mm:ss' : _a;
+  if (!fieldProps.editable) return props;
+  try {
+    if (isStr(value) && value) {
+      props.value = moment(value, format);
+    } else if (isArr(value) && value.length) {
+      props.value = value.map(function (item) {
+        return item && moment(item, format) || '';
+      });
+    }
+  } catch (e) {
+    throw new Error(e);
+  }
+  return props;
+};
+export var TimePicker = connect({
+  getValueFromEvent: function getValueFromEvent(_, value) {
+    return transformMoment(value);
+  },
+  getProps: compose(mapStyledProps, mapMomentValue),
+  getComponent: mapTextComponent
+})(formItemWrapper(_TimePicker));
+TimePicker.RangePicker = connect({
+  getValueFromEvent: function getValueFromEvent(_, _a) {
+    var startDate = _a[0],
+      endDate = _a[1];
+    return [transformMoment(startDate), transformMoment(endDate)];
+  },
+  getProps: compose(mapStyledProps, mapMomentValue),
+  getComponent: mapTextComponent
+})(formItemWrapper(_TimePicker.RangePicker));
+export default TimePicker;

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

@@ -0,0 +1,260 @@
+import _Button from "@chaoswise/ui/lib/Button";
+import _Upload from "@chaoswise/ui/lib/Upload";
+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 __makeTemplateObject = this && this.__makeTemplateObject || function (cooked, raw) {
+  if (Object.defineProperty) {
+    Object.defineProperty(cooked, "raw", {
+      value: raw
+    });
+  } else {
+    cooked.raw = raw;
+  }
+  return cooked;
+};
+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);
+};
+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;
+};
+var __spreadArrays = this && this.__spreadArrays || function () {
+  for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
+  for (var r = Array(s), k = 0, i = 0; i < il; i++) for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++) r[k] = a[j];
+  return r;
+};
+var _a;
+import React from 'react';
+import { connect } from '@formily/react-schema-renderer';
+import styled from 'styled-components';
+import { toArr, isArr, isEqual, mapStyledProps } from './shared';
+import { LoadingOutlined, PlusOutlined, UploadOutlined, InboxOutlined } from '@ant-design/icons';
+import formItemWrapper from './formItemWrapper';
+var UploadDragger = formItemWrapper(_Upload.Dragger);
+var AntdUpload = formItemWrapper(_Upload);
+var exts = [{
+  ext: /\.docx?$/i,
+  icon: '//img.alicdn.com/tfs/TB1n8jfr1uSBuNjy1XcXXcYjFXa-200-200.png'
+}, {
+  ext: /\.pptx?$/i,
+  icon: '//img.alicdn.com/tfs/TB1ItgWr_tYBeNjy1XdXXXXyVXa-200-200.png'
+}, {
+  ext: /\.jpe?g$/i,
+  icon: '//img.alicdn.com/tfs/TB1wrT5r9BYBeNjy0FeXXbnmFXa-200-200.png'
+}, {
+  ext: /\.pdf$/i,
+  icon: '//img.alicdn.com/tfs/TB1GwD8r9BYBeNjy0FeXXbnmFXa-200-200.png'
+}, {
+  ext: /\.png$/i,
+  icon: '//img.alicdn.com/tfs/TB1BHT5r9BYBeNjy0FeXXbnmFXa-200-200.png'
+}, {
+  ext: /\.eps$/i,
+  icon: '//img.alicdn.com/tfs/TB1G_iGrVOWBuNjy0FiXXXFxVXa-200-200.png'
+}, {
+  ext: /\.ai$/i,
+  icon: '//img.alicdn.com/tfs/TB1B2cVr_tYBeNjy1XdXXXXyVXa-200-200.png'
+}, {
+  ext: /\.gif$/i,
+  icon: '//img.alicdn.com/tfs/TB1DTiGrVOWBuNjy0FiXXXFxVXa-200-200.png'
+}, {
+  ext: /\.svg$/i,
+  icon: '//img.alicdn.com/tfs/TB1uUm9rY9YBuNjy0FgXXcxcXXa-200-200.png'
+}, {
+  ext: /\.xlsx?$/i,
+  icon: '//img.alicdn.com/tfs/TB1any1r1OSBuNjy0FdXXbDnVXa-200-200.png'
+}, {
+  ext: /\.psd?$/i,
+  icon: '//img.alicdn.com/tfs/TB1_nu1r1OSBuNjy0FdXXbDnVXa-200-200.png'
+}, {
+  ext: /\.(wav|aif|aiff|au|mp1|mp2|mp3|ra|rm|ram|mid|rmi)$/i,
+  icon: '//img.alicdn.com/tfs/TB1jPvwr49YBuNjy0FfXXXIsVXa-200-200.png'
+}, {
+  ext: /\.(avi|wmv|mpg|mpeg|vob|dat|3gp|mp4|mkv|rm|rmvb|mov|flv)$/i,
+  icon: '//img.alicdn.com/tfs/TB1FrT5r9BYBeNjy0FeXXbnmFXa-200-200.png'
+}, {
+  ext: /\.(zip|rar|arj|z|gz|iso|jar|ace|tar|uue|dmg|pkg|lzh|cab)$/i,
+  icon: '//img.alicdn.com/tfs/TB10jmfr29TBuNjy0FcXXbeiFXa-200-200.png'
+}, {
+  ext: /\.[^.]+$/i,
+  icon: '//img.alicdn.com/tfs/TB10.R4r3mTBuNjy1XbXXaMrVXa-200-200.png'
+}];
+var UploadPlaceholder = styled(function (props) {
+  return /*#__PURE__*/React.createElement("div", null, props.loading ? /*#__PURE__*/React.createElement(LoadingOutlined, null) : /*#__PURE__*/React.createElement(PlusOutlined, null), /*#__PURE__*/React.createElement("div", {
+    className: 'ant-upload-text'
+  }, "\u4E0A\u4F20"));
+})(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
+var testOpts = function testOpts(ext, options) {
+  if (options && isArr(options.include)) {
+    return options.include.some(function (url) {
+      return ext.test(url);
+    });
+  }
+  if (options && isArr(options.exclude)) {
+    return !options.exclude.some(function (url) {
+      return ext.test(url);
+    });
+  }
+  return true;
+};
+var getImageByUrl = function getImageByUrl(url, options) {
+  for (var i = 0; i < exts.length; i++) {
+    if (exts[i].ext.test(url) && testOpts(exts[i].ext, options)) {
+      return exts[i].icon || url;
+    }
+  }
+  return url;
+};
+var normalizeFileList = function normalizeFileList(fileList) {
+  if (fileList && fileList.length) {
+    return fileList.map(function (file) {
+      return __assign(__assign({
+        uid: file.uid,
+        status: file.status,
+        name: file.name,
+        url: file.downloadURL || file.imgURL || file.url
+      }, file.response), {
+        thumbUrl: file.imgURL || getImageByUrl(file.downloadURL || file.url, {
+          exclude: ['.png', '.jpg', '.jpeg', '.gif']
+        })
+      });
+    });
+  }
+  return [];
+};
+var shallowClone = function shallowClone(val) {
+  var result = isArr(val) ? __spreadArrays(val) : _typeof(val) === 'object' ? __assign({}, val) : val;
+  if (isArr(result)) {
+    result = result.map(function (item) {
+      return __assign(__assign({}, item), {
+        uid: item.uid || Math.random().toFixed(16).slice(2, 10)
+      });
+    });
+  }
+  return result;
+};
+export var Upload = connect({
+  getProps: mapStyledProps
+})((_a = function (_super) {
+  __extends(Uploader, _super);
+  function Uploader(props) {
+    var _this = _super.call(this, props) || this;
+    _this.onRemoveHandler = function (file) {
+      var value = _this.state.value;
+      var fileList = [];
+      value.forEach(function (item) {
+        if (item.uid !== file.uid) {
+          fileList.push(item);
+        }
+      });
+      _this.props.onChange(fileList);
+    };
+    _this.onChangeHandler = function (_a) {
+      var fileList = _a.fileList;
+      var onChange = _this.props.onChange;
+      fileList = toArr(fileList);
+      if (fileList.every(function (file) {
+        if (file.status === 'done' || file.imgURL || file.downloadURL || file.url || file.thumbUrl) return true;
+        if (file.response) {
+          if (file.response.imgURL || file.response.downloadURL || file.response.url || file.response.thumbUrl) return true;
+        }
+        return false;
+      }) && fileList.length) {
+        fileList = normalizeFileList(fileList);
+        _this.setState({
+          value: fileList
+        }, function () {
+          onChange(fileList.length > 0 ? fileList : undefined);
+        });
+      } else {
+        _this.setState({
+          value: fileList
+        });
+      }
+    };
+    _this.state = {
+      value: shallowClone(toArr(props.value))
+    };
+    return _this;
+  }
+  Uploader.prototype.componentDidUpdate = function (preProps) {
+    if (this.props.value && !isEqual(this.props.value, preProps.value)) {
+      this.setState({
+        value: shallowClone(this.props.value)
+      });
+    }
+  };
+  Uploader.prototype.render = function () {
+    var _a = this.props,
+      listType = _a.listType,
+      locale = _a.locale,
+      onChange = _a.onChange,
+      value = _a.value,
+      others = __rest(_a, ["listType", "locale", "onChange", "value"]);
+    if (listType.indexOf('card') > -1) {
+      return /*#__PURE__*/React.createElement(AntdUpload, __assign({}, others, {
+        fileList: this.state.value,
+        onChange: this.onChangeHandler,
+        onRemove: this.onRemoveHandler,
+        listType: 'picture-card'
+      }), /*#__PURE__*/React.createElement(UploadPlaceholder, null));
+    }
+    if (listType.indexOf('dragger') > -1) {
+      return /*#__PURE__*/React.createElement(UploadDragger, __assign({}, others, {
+        fileList: this.state.value,
+        onChange: this.onChangeHandler,
+        onRemove: this.onRemoveHandler,
+        listType: listType.indexOf('image') > -1 ? 'picture' : 'text'
+      }), /*#__PURE__*/React.createElement("p", {
+        className: 'ant-upload-drag-icon'
+      }, /*#__PURE__*/React.createElement(InboxOutlined, null)), /*#__PURE__*/React.createElement("p", {
+        className: 'ant-upload-text'
+      }, "\u62D6\u62FD\u4E0A\u4F20"));
+    }
+    return /*#__PURE__*/React.createElement(AntdUpload, __assign({}, others, {
+      fileList: this.state.value,
+      onChange: this.onChangeHandler,
+      onRemove: this.onRemoveHandler,
+      listType: listType
+    }), /*#__PURE__*/React.createElement(_Button, {
+      // style: { margin: '0 0 10px' } 
+    }, /*#__PURE__*/React.createElement(UploadOutlined, null), locale && locale.uploadText || '上传文件'));
+  };
+  return Uploader;
+}(React.Component), _a.defaultProps = {
+  action: 'https://www.easy-mock.com/mock/5b713974309d0d7d107a74a3/alifd/upload',
+  listType: 'text',
+  multiple: true,
+  className: 'antd-uploader'
+}, _a));
+export default Upload;
+var templateObject_1;

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

@@ -0,0 +1,17 @@
+import _FormItemWrapper from "@chaoswise/ui/lib/FormItemWrapper";
+var _excluded = ["iconOption"];
+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';
+var formItemWrapper = function formItemWrapper(Com) {
+  var Wrapper = function Wrapper(_ref) {
+    var _ref$iconOption = _ref.iconOption,
+      iconOption = _ref$iconOption === void 0 ? {} : _ref$iconOption,
+      props = _objectWithoutProperties(_ref, _excluded);
+    return /*#__PURE__*/React.createElement(_FormItemWrapper, {
+      iconOption: iconOption
+    }, /*#__PURE__*/React.createElement(Com, props));
+  };
+  return Wrapper;
+};
+export default formItemWrapper;