fan-standard-comp 3.2.1 → 4.0.1

package/lib/FormComp/FieldComponent/TitleNode.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 interface TitleNodeProps {
     render?: any;
     data?: any;
 }
-declare const TitleNode: (props: TitleNodeProps) => JSX.Element;
+declare const TitleNode: (props: TitleNodeProps) => React.JSX.Element;
 export default TitleNode;

package/lib/FormComp/FieldComponent/TitleNode.js

@@ -11,5 +11,4 @@ var TitleNode = function TitleNode(props) {
     data = props.data;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, render ? render(data) : data.title || data.label);
 };
-var _default = TitleNode;
-exports.default = _default;
+var _default = exports.default = TitleNode;

package/lib/FormComp/FieldComponent/UploaderViewer.d.ts

@@ -0,0 +1,2 @@
+declare const UploaderViewer: (props: any) => any;
+export default UploaderViewer;

package/lib/FormComp/FieldComponent/UploaderViewer.js

@@ -0,0 +1,102 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _antd = require("antd");
+var _util = require("../Uploader/util");
+var _UploaderStyle = _interopRequireDefault(require("./style/UploaderStyle"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var UploaderViewer = function UploaderViewer(props) {
+  var value = props.value;
+  var componentName = 'spec-uploader-viewonly';
+  var _useUploaderStyle = (0, _UploaderStyle.default)(componentName),
+    _useUploaderStyle2 = _slicedToArray(_useUploaderStyle, 2),
+    wrapSSR = _useUploaderStyle2[0],
+    hashId = _useUploaderStyle2[1];
+  if (!value && value !== 0) return '-'; // 无值情况 下
+  if (Array.isArray(value)) {
+    var _ref;
+    var _useState = (0, _react.useState)(),
+      _useState2 = _slicedToArray(_useState, 2),
+      previews = _useState2[0],
+      setPreviews = _useState2[1];
+    (0, _react.useEffect)(function () {
+      var previewsUlr = [];
+      value.forEach(function (vItem) {
+        if (vItem !== null && vItem !== void 0 && vItem.downloadUrl) {
+          previewsUlr.push({
+            url: vItem.downloadUrl
+          });
+          // @ts-ignore
+          setPreviews(previewsUlr.filter(function (pItem) {
+            return pItem;
+          }));
+        } else {
+          if (vItem !== null && vItem !== void 0 && vItem.originFileObj) (0, _util.getBase64)(vItem.originFileObj).then(function (result) {
+            previewsUlr.push(result);
+            // @ts-ignore
+            setPreviews(previewsUlr.filter(function (pItem) {
+              return pItem;
+            }));
+            return result;
+          });
+        }
+      });
+    }, [value]);
+    return wrapSSR( /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _classnames.default)('spec-uploader-viewonly', hashId)
+    }, /*#__PURE__*/_react.default.createElement(_antd.Image.PreviewGroup, null, // @ts-ignore
+    (_ref = previews || []) === null || _ref === void 0 ? void 0 : _ref.map(function (item, index) {
+      return item !== null && item !== void 0 && item.url ? /*#__PURE__*/_react.default.createElement(_antd.Image, {
+        key: index,
+        width: 100,
+        height: 100,
+        style: {
+          objectFit: 'contain'
+        }
+        // @ts-ignore
+        ,
+        src: item.url
+      }) : /*#__PURE__*/_react.default.createElement("div", {
+        key: index,
+        className: "spec-uploader-viewonly-item"
+      }, "\u6682\u65E0\u56FE\u7247");
+    }))));
+  } else {
+    var _useState3 = (0, _react.useState)(),
+      _useState4 = _slicedToArray(_useState3, 2),
+      preview = _useState4[0],
+      setPreview = _useState4[1];
+    (0, _react.useEffect)(function () {
+      (0, _util.getBase64)(value).then(function (result) {
+        // @ts-ignore
+        setPreview(result);
+      });
+    }, [value]);
+    return wrapSSR( /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _classnames.default)('spec-uploader-viewonly', hashId)
+    }, preview ? /*#__PURE__*/_react.default.createElement(_antd.Image, {
+      style: {
+        objectFit: 'contain'
+      },
+      width: 100
+      // @ts-ignore
+      ,
+      src: preview === null || preview === void 0 ? void 0 : preview.url
+    }) : '暂无图片'));
+  }
+};
+var _default = exports.default = UploaderViewer;

package/lib/FormComp/FieldComponent/index.d.ts

@@ -14,7 +14,7 @@ export interface FieldComponentProps {
     filedName?: string;
     value?: any;
     protoConfig?: any;
-    onChange?: (value?: any, option?: any) => void;
+    onChange?: (value?: any, option?: any) => void | any;
     selectOptions?: any[];
     selectOptionName?: OptionNameProps;
     fieldNames?: OptionNameProps;

package/lib/FormComp/FieldComponent/index.js

@@ -4,44 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("antd/es/rate/style");
-var _rate = _interopRequireDefault(require("antd/es/rate"));
-require("antd/es/mentions/style");
-var _mentions = _interopRequireDefault(require("antd/es/mentions"));
-require("antd/es/slider/style");
-var _slider = _interopRequireDefault(require("antd/es/slider"));
-require("antd/es/switch/style");
-var _switch = _interopRequireDefault(require("antd/es/switch"));
-require("antd/es/cascader/style");
-var _cascader = _interopRequireDefault(require("antd/es/cascader"));
-require("antd/es/button/style");
-var _button = _interopRequireDefault(require("antd/es/button"));
-require("antd/es/time-picker/style");
-var _timePicker = _interopRequireDefault(require("antd/es/time-picker"));
-require("antd/es/radio/style");
-var _radio = _interopRequireDefault(require("antd/es/radio"));
-require("antd/es/checkbox/style");
-var _checkbox = _interopRequireDefault(require("antd/es/checkbox"));
-require("antd/es/input-number/style");
-var _inputNumber = _interopRequireDefault(require("antd/es/input-number"));
-require("antd/es/date-picker/style");
-var _datePicker = _interopRequireDefault(require("antd/es/date-picker"));
-require("antd/es/select/style");
-var _select = _interopRequireDefault(require("antd/es/select"));
-require("antd/es/input/style");
-var _input = _interopRequireDefault(require("antd/es/input"));
 var _react = _interopRequireDefault(require("react"));
+var _antd = require("antd");
 var _Uploader = _interopRequireDefault(require("../Uploader"));
 var _SpecIcon = _interopRequireDefault(require("../../SpecIcon"));
-var _RefactorTreeSelect = _interopRequireDefault(require("./RefactorTreeSelect.js"));
-var _setReadonlyValues = require("./setReadonlyValues.js");
+var _RefactorTreeSelect = _interopRequireDefault(require("./RefactorTreeSelect"));
+var _setReadonlyValues = require("./setReadonlyValues");
 var _TitleNode = _interopRequireDefault(require("./TitleNode"));
 var _ReUpload = _interopRequireDefault(require("./ReUpload"));
+var _UploaderViewer = _interopRequireDefault(require("./UploaderViewer"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var TextArea = _input.default.TextArea,
-  Password = _input.default.Password;
-var Option = _select.default.Option;
-var RangePicker = _datePicker.default.RangePicker; // 表单组件类型
+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); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, 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(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(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); } /* eslint-disable */ // @ts-ignore
+// @ts-ignore
+var TextArea = _antd.Input.TextArea,
+  Password = _antd.Input.Password;
+var Option = _antd.Select.Option;
+var RangePicker = _antd.DatePicker.RangePicker;
+// 表单组件类型
 var FieldComponent = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var type = props.type,
     _onChange = props.onChange,
@@ -80,7 +65,7 @@ var FieldComponent = /*#__PURE__*/_react.default.forwardRef(function (props, ref
   if (selectOptionName && selectOptions) {
     // 将传值的数据进行转换
     selectOptions = selectOptions.map(function (item) {
-      return Object.assign(Object.assign({}, item), {
+      return _objectSpread(_objectSpread({}, item), {}, {
         value: item[selectOptionName.value || 'value'],
         label: item[selectOptionName.label || 'label'],
         disabled: item[selectOptionName.disabled || 'disabled'],
@@ -88,7 +73,7 @@ var FieldComponent = /*#__PURE__*/_react.default.forwardRef(function (props, ref
       });
     });
   }
-  var defaultProps = Object.assign({
+  var defaultProps = _objectSpread({
     style: style,
     onChange: _onChange,
     value: value,
@@ -111,7 +96,7 @@ var FieldComponent = /*#__PURE__*/_react.default.forwardRef(function (props, ref
   var viewOnly = fieldStatus === 'viewOnly'; // 是否纯展示
   switch (type) {
     case 'input':
-      compContent = viewOnly ? value || '-' : /*#__PURE__*/_react.default.createElement(_input.default, Object.assign({
+      compContent = viewOnly ? value || '-' : /*#__PURE__*/_react.default.createElement(_antd.Input, _extends({
         placeholder: fieldStatus === 'disabled' || defaultProps.disabled ? '' : defaultProps.placeholder || placeholder || '请输入',
         autoComplete: "off",
         title: fieldStatus === 'disabled' || defaultProps.disabled ? value : null,
@@ -119,24 +104,24 @@ var FieldComponent = /*#__PURE__*/_react.default.forwardRef(function (props, ref
       }, defaultProps));
       break;
     case 'password':
-      compContent = viewOnly ? value ? "\u25CF\u25CF\u25CF\u25CF\u25CF\u25CF" : '-' : /*#__PURE__*/_react.default.createElement(Password, Object.assign({
+      compContent = viewOnly ? value ? "\u25CF\u25CF\u25CF\u25CF\u25CF\u25CF" : '-' : /*#__PURE__*/_react.default.createElement(Password, _extends({
         autoComplete: "off",
         placeholder: fieldStatus === 'disabled' || defaultProps.disabled ? '' : defaultProps.placeholder || placeholder || '请输入',
         maxLength: defaultProps.maxLength || 50
       }, defaultProps));
       break;
     case 'textarea':
-      compContent = viewOnly ? value || '-' : /*#__PURE__*/_react.default.createElement(TextArea, Object.assign({
+      compContent = viewOnly ? value || '-' : /*#__PURE__*/_react.default.createElement(TextArea, _extends({
         placeholder: fieldStatus === 'disabled' || defaultProps.disabled ? '' : defaultProps.placeholder || placeholder || '请输入',
         maxLength: defaultProps.maxLength || 500,
         title: fieldStatus === 'disabled' || defaultProps.disabled ? value : null
       }, defaultProps));
       break;
     case 'inputNumber':
-      compContent = viewOnly ? value || 0 : /*#__PURE__*/_react.default.createElement(_inputNumber.default, Object.assign({
+      compContent = viewOnly ? value || 0 : /*#__PURE__*/_react.default.createElement(_antd.InputNumber, _extends({
         placeholder: fieldStatus === 'disabled' || defaultProps.disabled ? '' : defaultProps.placeholder || placeholder || '请输入数字'
       }, sortLimitRule, defaultProps, {
-        style: Object.assign({
+        style: _objectSpread({
           width: '120px'
         }, defaultProps.style)
       }));
@@ -145,34 +130,36 @@ var FieldComponent = /*#__PURE__*/_react.default.forwardRef(function (props, ref
       // 重置返回完整字段值
       var resetResultOption = function resetResultOption(Option) {
         if (!Option) return Option;
-        if (Array.isArray(Option)) return selectOptions.filter(function (childOpt) {
+        if (Array.isArray(Option)) return (selectOptions || []).filter(function (childOpt) {
           return Option.filter(function (optItem) {
             return childOpt.value === optItem.value;
           }).length > 0;
         }); // 数据为数组
-        var extraParam = selectOptions.filter(function (childOpt) {
+        var extraParam = (selectOptions || []).filter(function (childOpt) {
           return childOpt.value === Option.value;
         })[0];
-        return Object.assign(Object.assign({}, Option), extraParam);
+        return _objectSpread(_objectSpread({}, Option), extraParam);
       };
       compContent = viewOnly ? (0, _setReadonlyValues.setSelectValue)(value, {
         selectOptions: selectOptions,
         selectOptionRender: selectOptionRender,
         defaultProps: defaultProps,
         type: type
-      }) : /*#__PURE__*/_react.default.createElement(_select.default, Object.assign({
+      }) : /*#__PURE__*/_react.default.createElement(_antd.Select, _extends({
         allowClear: true,
         placeholder: fieldStatus === 'disabled' || defaultProps.disabled ? '' : defaultProps.placeholder || placeholder || "".concat(defaultProps.showSearch ? '请输入选择' : '请选择'),
         filterOption: function filterOption(inputValue, option) {
           return defaultProps.showSearch ? option.children.toLowerCase().indexOf(inputValue.toLowerCase()) >= 0 : false;
         },
         value: value
+        // fieldNames={fieldNames || selectOptionName}
+        // options={selectOptions}
       }, defaultProps, {
         // onChange返回参数：累加当前选中包括其他字段值的数据
         onChange: function onChange(value, Option) {
-          return _onChange(value, resetResultOption(Option));
-        }
-      }), (defaultProps === null || defaultProps === void 0 ? void 0 : defaultProps.fieldNames) ? null : (selectOptions || []).map(function (val, index) {
+          return _onChange && _onChange(value, resetResultOption(Option));
+        } // 数据为对象
+      }), defaultProps !== null && defaultProps !== void 0 && defaultProps.fieldNames ? null : (selectOptions || []).map(function (val, index) {
         return /*#__PURE__*/_react.default.createElement(Option, {
           value: val.value,
           key: val.value || index,
@@ -182,7 +169,7 @@ var FieldComponent = /*#__PURE__*/_react.default.forwardRef(function (props, ref
       }));
       break;
     case 'tree-select':
-      compContent = /*#__PURE__*/_react.default.createElement(_RefactorTreeSelect.default, Object.assign({
+      compContent = /*#__PURE__*/_react.default.createElement(_RefactorTreeSelect.default, _extends({
         treeData: treeData,
         treeOptionName: treeOptionName,
         allowClear: true,
@@ -201,20 +188,22 @@ var FieldComponent = /*#__PURE__*/_react.default.forwardRef(function (props, ref
         selectOptionRender: selectOptionRender,
         defaultProps: defaultProps,
         separator: separator
-      }) : /*#__PURE__*/_react.default.createElement(_checkbox.default.Group, Object.assign({}, defaultProps, {
-        style: Object.assign({
+      }) : /*#__PURE__*/_react.default.createElement(_antd.Checkbox.Group, _extends({}, defaultProps, {
+        style: _objectSpread({
           width: 'auto'
         }, defaultProps.style)
       }), selectOptions && selectOptions.map(function (val, index) {
-        return /*#__PURE__*/_react.default.createElement(_checkbox.default, {
+        return /*#__PURE__*/_react.default.createElement(_antd.Checkbox, {
           value: val.value,
-          key: val.value || index,
+          key: val.value || index
           // @ts-ignore
+          ,
           title: /*#__PURE__*/_react.default.createElement(_TitleNode.default, {
             render: selectOptionRender,
             data: val
-          }),
+          })
           // title={selectOptionRender ? selectOptionRender(val) : (val.title || val.label)}
+          ,
           disabled: val.disabled
         }, selectOptionRender ? selectOptionRender(val) : val.label);
       }));
@@ -225,33 +214,16 @@ var FieldComponent = /*#__PURE__*/_react.default.forwardRef(function (props, ref
         selectOptions: selectOptions,
         selectOptionRender: selectOptionRender,
         defaultProps: defaultProps
-      }) : /*#__PURE__*/_react.default.createElement(_radio.default.Group, Object.assign({}, defaultProps, {
-        style: Object.assign({
+      }) : /*#__PURE__*/_react.default.createElement(_antd.Radio.Group, _extends({
+        options: (selectOptions || []).map(function (val) {
+          return _objectSpread(_objectSpread({}, val), {}, {
+            label: selectOptionRender ? selectOptionRender(val) : val.label
+          });
+        })
+      }, defaultProps, {
+        style: _objectSpread({
           width: 'auto'
         }, defaultProps.style)
-      }), selectOptions && selectOptions.map(function (val, index) {
-        if (defaultProps.optionType === 'button') {
-          return /*#__PURE__*/_react.default.createElement(_radio.default.Button, {
-            value: val.value,
-            key: val.value || index,
-            // @ts-ignore
-            title: /*#__PURE__*/_react.default.createElement(_TitleNode.default, {
-              render: selectOptionRender,
-              data: val
-            }),
-            disabled: val.disabled
-          }, selectOptionRender ? selectOptionRender(val) : val.label);
-        }
-        return /*#__PURE__*/_react.default.createElement(_radio.default, {
-          value: val.value,
-          key: val.value,
-          // @ts-ignore
-          title: /*#__PURE__*/_react.default.createElement(_TitleNode.default, {
-            render: selectOptionRender,
-            data: val
-          }),
-          disabled: val.disabled
-        }, selectOptionRender ? selectOptionRender(val) : val.label);
       }));
       break;
     case 'datePicker': // 使用配置 picker设置其属于week,month,year
@@ -259,11 +231,11 @@ var FieldComponent = /*#__PURE__*/_react.default.forwardRef(function (props, ref
       compContent = viewOnly ? (0, _setReadonlyValues.setDatePickerValue)(value, {
         type: type,
         protoConfig: protoConfig
-      }) : /*#__PURE__*/_react.default.createElement(_datePicker.default, Object.assign({
+      }) : /*#__PURE__*/_react.default.createElement(_antd.DatePicker, _extends({
         showTime: defaultProps.showTime || type === 'dateTimePicker',
         placeholder: fieldStatus === 'disabled' || defaultProps.disabled ? '' : defaultProps.placeholder || placeholder || '请选择'
       }, defaultProps, {
-        style: Object.assign({
+        style: _objectSpread({
           'minWidth': 'auto'
         }, defaultProps.style)
       }));
@@ -274,10 +246,11 @@ var FieldComponent = /*#__PURE__*/_react.default.forwardRef(function (props, ref
       compContent = viewOnly ? (0, _setReadonlyValues.setDatePickerValue)(value, {
         type: type,
         protoConfig: protoConfig
-      }) : /*#__PURE__*/_react.default.createElement(RangePicker, Object.assign({
-        showTime: defaultProps.showTime || type === 'rangeTimePicker'
+      }) : /*#__PURE__*/_react.default.createElement(RangePicker, _extends({
+        showTime: defaultProps.showTime || type === 'rangeTimePicker',
+        allowEmpty: true
       }, defaultProps, {
-        style: Object.assign({
+        style: _objectSpread({
           width: type === 'rangeTimePicker' ? 'auto' : '100%'
         }, defaultProps.style)
       }));
@@ -287,10 +260,10 @@ var FieldComponent = /*#__PURE__*/_react.default.forwardRef(function (props, ref
       compContent = viewOnly ? (0, _setReadonlyValues.setTimePickerValue)(value, {
         type: type,
         protoConfig: protoConfig
-      }) : /*#__PURE__*/_react.default.createElement(_timePicker.default, Object.assign({}, defaultProps, {
-        style: Object.assign(Object.assign({
+      }) : /*#__PURE__*/_react.default.createElement(_antd.TimePicker, _extends({}, defaultProps, {
+        style: _objectSpread(_objectSpread({
           'minWidth': 'auto'
-        }, defaultProps.style), {
+        }, defaultProps.style), {}, {
           width: 'auto'
         })
       }));
@@ -301,16 +274,18 @@ var FieldComponent = /*#__PURE__*/_react.default.forwardRef(function (props, ref
       compContent = viewOnly ? (0, _setReadonlyValues.setTimePickerValue)(value, {
         type: type,
         protoConfig: protoConfig
-      }) : /*#__PURE__*/_react.default.createElement(_timePicker.default.RangePicker, Object.assign({}, defaultProps, {
-        style: Object.assign(Object.assign({
+      }) : /*#__PURE__*/_react.default.createElement(_antd.TimePicker.RangePicker, _extends({
+        allowEmpty: true
+      }, defaultProps, {
+        style: _objectSpread(_objectSpread({
           'minWidth': 'auto'
-        }, defaultProps.style), {
+        }, defaultProps.style), {}, {
           width: 'auto'
         })
       }));
       break;
     case 'upload':
-      compContent = viewOnly && (!value || value.length === 0) ? '-' : /*#__PURE__*/_react.default.createElement(_ReUpload.default, Object.assign({}, defaultProps, {
+      compContent = viewOnly && (!value || value.length === 0) ? '-' : /*#__PURE__*/_react.default.createElement(_ReUpload.default, _extends({}, defaultProps, {
         viewOnly: viewOnly,
         disabled: viewOnly || fieldStatus === 'disabled' || defaultProps.disabled
       }), defaultProps.children ? defaultProps.children : defaultProps.fileList && defaultProps.fileList.length >= 1 || defaultProps.defaultFileList && defaultProps.defaultFileList.length >= 1 ? null : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, defaultProps.listType === 'picture-card' ? /*#__PURE__*/_react.default.createElement("div", {
@@ -319,12 +294,14 @@ var FieldComponent = /*#__PURE__*/_react.default.forwardRef(function (props, ref
         name: "plus"
       }), /*#__PURE__*/_react.default.createElement("div", {
         className: "ant-upload-text"
-      }, "\u70B9\u51FB\u9009\u62E9")) : /*#__PURE__*/_react.default.createElement(_button.default, null, /*#__PURE__*/_react.default.createElement(_SpecIcon.default, {
+      }, "\u70B9\u51FB\u9009\u62E9")) : /*#__PURE__*/_react.default.createElement(_antd.Button, null, /*#__PURE__*/_react.default.createElement(_SpecIcon.default, {
         name: "upload"
       }), " \u70B9\u51FB\u4E0A\u4F20")));
       break;
     case 'uploader':
-      compContent = viewOnly ? (0, _setReadonlyValues.setUploaderValue)(value) : /*#__PURE__*/_react.default.createElement(_Uploader.default, Object.assign({}, defaultProps, {
+      compContent = viewOnly ? /*#__PURE__*/_react.default.createElement(_UploaderViewer.default, {
+        value: value
+      }) : /*#__PURE__*/_react.default.createElement(_Uploader.default, _extends({}, defaultProps, {
         size: protoConfig === null || protoConfig === void 0 ? void 0 : protoConfig.size
       }));
       // compContent = <Uploader {...defaultProps}></Uploader>
@@ -334,7 +311,7 @@ var FieldComponent = /*#__PURE__*/_react.default.forwardRef(function (props, ref
         selectOptions: selectOptions,
         selectOptionRender: selectOptionRender,
         defaultProps: defaultProps
-      }) : /*#__PURE__*/_react.default.createElement(_cascader.default, Object.assign({
+      }) : /*#__PURE__*/_react.default.createElement(_antd.Cascader, _extends({
         options: selectOptions,
         allowClear: true,
         fieldNames: (defaultProps === null || defaultProps === void 0 ? void 0 : defaultProps.fieldNames) || selectOptionName,
@@ -342,32 +319,32 @@ var FieldComponent = /*#__PURE__*/_react.default.forwardRef(function (props, ref
       }, defaultProps));
       break;
     case 'switch':
-      compContent = /*#__PURE__*/_react.default.createElement(_switch.default, Object.assign({}, defaultProps, {
+      compContent = /*#__PURE__*/_react.default.createElement(_antd.Switch, _extends({}, defaultProps, {
         disabled: viewOnly || defaultProps.disabled,
         checked: value,
-        style: Object.assign(Object.assign({}, defaultProps.style), {
+        style: _objectSpread(_objectSpread({}, defaultProps.style), {}, {
           width: 'auto'
         })
       }));
       // compContent = viewOnly ? (String(value) === 'undefined' ? '-' : String(value)) : (<Switch {...defaultProps} checked={value} style={{ ...defaultProps.style, width: 'auto' }} />)
       break;
     case 'slider':
-      compContent = viewOnly ? value : /*#__PURE__*/_react.default.createElement(_slider.default, Object.assign({}, defaultProps, {
-        style: Object.assign({}, defaultProps.style)
+      compContent = viewOnly ? value : /*#__PURE__*/_react.default.createElement(_antd.Slider, _extends({}, defaultProps, {
+        style: _objectSpread({}, defaultProps.style)
       }));
       break;
     case 'mentions':
-      compContent = viewOnly ? value : /*#__PURE__*/_react.default.createElement(_mentions.default, Object.assign({
-        placeholder: "\u8BF7\u8F93\u5165 ".concat(defaultProps.prefix || '@', " \u9009\u62E9")
-      }, defaultProps), selectOptions.map(function (val, index) {
-        return /*#__PURE__*/_react.default.createElement(Option, {
-          value: val.value || index,
-          key: val.value
-        }, selectOptionRender ? selectOptionRender(val) : val.label);
-      }));
+      compContent = viewOnly ? value : /*#__PURE__*/_react.default.createElement(_antd.Mentions, _extends({
+        placeholder: "\u8BF7\u8F93\u5165 ".concat(defaultProps.prefix || '@', " \u9009\u62E9"),
+        options: (selectOptions || []).map(function (val) {
+          return _objectSpread(_objectSpread({}, val), {}, {
+            label: selectOptionRender ? selectOptionRender(val) : val.label
+          });
+        })
+      }, defaultProps));
       break;
     case 'rate':
-      compContent = /*#__PURE__*/_react.default.createElement(_rate.default, Object.assign({
+      compContent = /*#__PURE__*/_react.default.createElement(_antd.Rate, _extends({
         disabled: viewOnly || defaultProps.disabled
       }, defaultProps));
       break;
@@ -380,5 +357,4 @@ var FieldComponent = /*#__PURE__*/_react.default.forwardRef(function (props, ref
   }
   return compContent;
 });
-var _default = FieldComponent;
-exports.default = _default;
+var _default = exports.default = FieldComponent;