fan-standard-comp 3.0.13 → 3.0.16

package/es/FormComp/FieldComponent/index.js

@@ -1,38 +1,76 @@
-import "antd/es/slider/style";
-import _Slider from "antd/es/slider";
-import "antd/es/switch/style";
-import _Switch from "antd/es/switch";
-import "antd/es/cascader/style";
-import _Cascader from "antd/es/cascader";
-import "antd/es/button/style";
-import _Button from "antd/es/button";
-import "antd/es/time-picker/style";
-import _TimePicker from "antd/es/time-picker";
-import "antd/es/radio/style";
-import _Radio from "antd/es/radio";
-import "antd/es/checkbox/style";
-import _Checkbox from "antd/es/checkbox";
-import "antd/es/input-number/style";
-import _InputNumber from "antd/es/input-number";
-import "antd/es/date-picker/style";
-import _DatePicker from "antd/es/date-picker";
-import "antd/es/select/style";
-import _Select from "antd/es/select";
-import "antd/es/input/style";
-import _Input from "antd/es/input";
-import React from "react";
-import Uploader from '../Uploader';
-import SpecIcon from '../../SpecIcon';
-import RefactorTreeSelect from './RefactorTreeSelect.js';
-import { setSelectValue, setUploaderValue, setDatePickerValue, setTimePickerValue, setCascaderValue } from './setReadonlyValues.js';
-import TitleNode from './TitleNode';
-import ReUpload from './ReUpload';
-var TextArea = _Input.TextArea,
-    Password = _Input.Password;
-var Option = _Select.Option;
-var RangePicker = _DatePicker.RangePicker; // 表单组件类型
-
-var FieldComponent = /*#__PURE__*/React.forwardRef(function (props, ref) {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+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 _Uploader = _interopRequireDefault(require("../Uploader"));
+
+var _SpecIcon = _interopRequireDefault(require("../../SpecIcon"));
+
+var _RefactorTreeSelect = _interopRequireDefault(require("./RefactorTreeSelect.js"));
+
+var _setReadonlyValues = require("./setReadonlyValues.js");
+
+var _TitleNode = _interopRequireDefault(require("./TitleNode"));
+
+var _ReUpload = _interopRequireDefault(require("./ReUpload"));
+
+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; // 表单组件类型
+
+var FieldComponent = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
   var type = props.type,
       _onChange = props.onChange,
       value = props.value,
@@ -108,7 +146,7 @@ var FieldComponent = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
   switch (type) {
     case 'input':
-      compContent = viewOnly ? value || '-' : /*#__PURE__*/React.createElement(_Input, Object.assign({
+      compContent = viewOnly ? value || '-' : /*#__PURE__*/_react["default"].createElement(_input["default"], Object.assign({
         placeholder: fieldStatus === 'disabled' || defaultProps.disabled ? '' : defaultProps.placeholder || placeholder || '请输入',
         autoComplete: "off",
         title: fieldStatus === 'disabled' || defaultProps.disabled ? value : null,
@@ -117,7 +155,7 @@ var FieldComponent = /*#__PURE__*/React.forwardRef(function (props, ref) {
       break;
 
     case 'password':
-      compContent = viewOnly ? value ? "\u25CF\u25CF\u25CF\u25CF\u25CF\u25CF" : '-' : /*#__PURE__*/React.createElement(Password, Object.assign({
+      compContent = viewOnly ? value ? "\u25CF\u25CF\u25CF\u25CF\u25CF\u25CF" : '-' : /*#__PURE__*/_react["default"].createElement(Password, Object.assign({
         autoComplete: "off",
         placeholder: fieldStatus === 'disabled' || defaultProps.disabled ? '' : defaultProps.placeholder || placeholder || '请输入',
         maxLength: defaultProps.maxLength || 50
@@ -125,7 +163,7 @@ var FieldComponent = /*#__PURE__*/React.forwardRef(function (props, ref) {
       break;
 
     case 'textarea':
-      compContent = viewOnly ? value || '-' : /*#__PURE__*/React.createElement(TextArea, Object.assign({
+      compContent = viewOnly ? value || '-' : /*#__PURE__*/_react["default"].createElement(TextArea, Object.assign({
         placeholder: fieldStatus === 'disabled' || defaultProps.disabled ? '' : defaultProps.placeholder || placeholder || '请输入',
         maxLength: defaultProps.maxLength || 500,
         title: fieldStatus === 'disabled' || defaultProps.disabled ? value : null
@@ -133,7 +171,7 @@ var FieldComponent = /*#__PURE__*/React.forwardRef(function (props, ref) {
       break;
 
     case 'inputNumber':
-      compContent = viewOnly ? value || 0 : /*#__PURE__*/React.createElement(_InputNumber, Object.assign({
+      compContent = viewOnly ? value || 0 : /*#__PURE__*/_react["default"].createElement(_inputNumber["default"], Object.assign({
         placeholder: fieldStatus === 'disabled' || defaultProps.disabled ? '' : defaultProps.placeholder || placeholder || '请输入数字'
       }, sortLimitRule, defaultProps, {
         style: Object.assign({
@@ -158,12 +196,12 @@ var FieldComponent = /*#__PURE__*/React.forwardRef(function (props, ref) {
         return Object.assign(Object.assign({}, Option), extraParam);
       };
 
-      compContent = viewOnly ? setSelectValue(value, {
+      compContent = viewOnly ? (0, _setReadonlyValues.setSelectValue)(value, {
         selectOptions: selectOptions,
         selectOptionRender: selectOptionRender,
         defaultProps: defaultProps,
         type: type
-      }) : /*#__PURE__*/React.createElement(_Select, Object.assign({
+      }) : /*#__PURE__*/_react["default"].createElement(_select["default"], Object.assign({
         allowClear: true,
         placeholder: fieldStatus === 'disabled' || defaultProps.disabled ? '' : defaultProps.placeholder || placeholder || "".concat(defaultProps.showSearch ? '请输入选择' : '请选择'),
         filterOption: function filterOption(inputValue, option) {
@@ -176,7 +214,7 @@ var FieldComponent = /*#__PURE__*/React.forwardRef(function (props, ref) {
           return _onChange(value, resetResultOption(Option));
         }
       }), selectOptions.map(function (val) {
-        return /*#__PURE__*/React.createElement(Option, {
+        return /*#__PURE__*/_react["default"].createElement(Option, {
           value: val.value,
           key: val.value,
           title: selectOptionRender ? selectOptionRender(val) : val.title || val.label,
@@ -186,7 +224,7 @@ var FieldComponent = /*#__PURE__*/React.forwardRef(function (props, ref) {
       break;
 
     case 'tree-select':
-      compContent = /*#__PURE__*/React.createElement(RefactorTreeSelect, Object.assign({
+      compContent = /*#__PURE__*/_react["default"].createElement(_RefactorTreeSelect["default"], Object.assign({
         treeData: treeData,
         treeOptionName: treeOptionName,
         allowClear: true,
@@ -201,21 +239,21 @@ var FieldComponent = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
     case 'checkbox':
       delete defaultProps.ref;
-      compContent = viewOnly ? setSelectValue(value, {
+      compContent = viewOnly ? (0, _setReadonlyValues.setSelectValue)(value, {
         selectOptions: selectOptions,
         selectOptionRender: selectOptionRender,
         defaultProps: defaultProps,
         separator: separator
-      }) : /*#__PURE__*/React.createElement(_Checkbox.Group, Object.assign({}, defaultProps, {
+      }) : /*#__PURE__*/_react["default"].createElement(_checkbox["default"].Group, Object.assign({}, defaultProps, {
         style: Object.assign({
           width: 'auto'
         }, defaultProps.style)
       }), selectOptions && selectOptions.map(function (val) {
-        return /*#__PURE__*/React.createElement(_Checkbox, {
+        return /*#__PURE__*/_react["default"].createElement(_checkbox["default"], {
           value: val.value,
           key: val.value,
           // @ts-ignore
-          title: /*#__PURE__*/React.createElement(TitleNode, {
+          title: /*#__PURE__*/_react["default"].createElement(_TitleNode["default"], {
             render: selectOptionRender,
             data: val
           }),
@@ -227,21 +265,21 @@ var FieldComponent = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
     case 'radio':
       delete defaultProps.ref;
-      compContent = viewOnly ? setSelectValue(value, {
+      compContent = viewOnly ? (0, _setReadonlyValues.setSelectValue)(value, {
         selectOptions: selectOptions,
         selectOptionRender: selectOptionRender,
         defaultProps: defaultProps
-      }) : /*#__PURE__*/React.createElement(_Radio.Group, Object.assign({}, defaultProps, {
+      }) : /*#__PURE__*/_react["default"].createElement(_radio["default"].Group, Object.assign({}, defaultProps, {
         style: Object.assign({
           width: 'auto'
         }, defaultProps.style)
       }), selectOptions && selectOptions.map(function (val) {
         if (defaultProps.optionType === 'button') {
-          return /*#__PURE__*/React.createElement(_Radio.Button, {
+          return /*#__PURE__*/_react["default"].createElement(_radio["default"].Button, {
             value: val.value,
             key: val.value,
             // @ts-ignore
-            title: /*#__PURE__*/React.createElement(TitleNode, {
+            title: /*#__PURE__*/_react["default"].createElement(_TitleNode["default"], {
               render: selectOptionRender,
               data: val
             }),
@@ -249,11 +287,11 @@ var FieldComponent = /*#__PURE__*/React.forwardRef(function (props, ref) {
           }, selectOptionRender ? selectOptionRender(val) : val.label);
         }
 
-        return /*#__PURE__*/React.createElement(_Radio, {
+        return /*#__PURE__*/_react["default"].createElement(_radio["default"], {
           value: val.value,
           key: val.value,
           // @ts-ignore
-          title: /*#__PURE__*/React.createElement(TitleNode, {
+          title: /*#__PURE__*/_react["default"].createElement(_TitleNode["default"], {
             render: selectOptionRender,
             data: val
           }),
@@ -265,10 +303,10 @@ var FieldComponent = /*#__PURE__*/React.forwardRef(function (props, ref) {
     case 'datePicker': // 使用配置 picker设置其属于week,month,year
 
     case 'dateTimePicker':
-      compContent = viewOnly ? setDatePickerValue(value, {
+      compContent = viewOnly ? (0, _setReadonlyValues.setDatePickerValue)(value, {
         type: type,
         protoConfig: protoConfig
-      }) : /*#__PURE__*/React.createElement(_DatePicker, Object.assign({
+      }) : /*#__PURE__*/_react["default"].createElement(_datePicker["default"], Object.assign({
         showTime: defaultProps.showTime || type === 'dateTimePicker',
         placeholder: fieldStatus === 'disabled' || defaultProps.disabled ? '' : defaultProps.placeholder || placeholder || '请选择'
       }, defaultProps, {
@@ -282,10 +320,10 @@ var FieldComponent = /*#__PURE__*/React.forwardRef(function (props, ref) {
     case 'rangeTimePicker':
       if (fieldStatus === 'disabled' || defaultProps.disabled) defaultProps.placeholder = ''; // 禁用时，placeHolder不显示
 
-      compContent = viewOnly ? setDatePickerValue(value, {
+      compContent = viewOnly ? (0, _setReadonlyValues.setDatePickerValue)(value, {
         type: type,
         protoConfig: protoConfig
-      }) : /*#__PURE__*/React.createElement(RangePicker, Object.assign({
+      }) : /*#__PURE__*/_react["default"].createElement(RangePicker, Object.assign({
         showTime: defaultProps.showTime || type === 'rangeTimePicker'
       }, defaultProps, {
         style: Object.assign({
@@ -297,10 +335,10 @@ var FieldComponent = /*#__PURE__*/React.forwardRef(function (props, ref) {
     case 'timePicker':
       if (fieldStatus === 'disabled' || defaultProps.disabled) defaultProps.placeholder = ''; // 禁用时，placeHolder不显示
 
-      compContent = viewOnly ? setTimePickerValue(value, {
+      compContent = viewOnly ? (0, _setReadonlyValues.setTimePickerValue)(value, {
         type: type,
         protoConfig: protoConfig
-      }) : /*#__PURE__*/React.createElement(_TimePicker, Object.assign({}, defaultProps, {
+      }) : /*#__PURE__*/_react["default"].createElement(_timePicker["default"], Object.assign({}, defaultProps, {
         style: Object.assign(Object.assign({
           'minWidth': 'auto'
         }, defaultProps.style), {
@@ -313,10 +351,10 @@ var FieldComponent = /*#__PURE__*/React.forwardRef(function (props, ref) {
       if (fieldStatus === 'disabled' || defaultProps.disabled) defaultProps.placeholder = ''; // 禁用时，placeHolder不显示
       // @ts-ignore
 
-      compContent = viewOnly ? setTimePickerValue(value, {
+      compContent = viewOnly ? (0, _setReadonlyValues.setTimePickerValue)(value, {
         type: type,
         protoConfig: protoConfig
-      }) : /*#__PURE__*/React.createElement(_TimePicker.RangePicker, Object.assign({}, defaultProps, {
+      }) : /*#__PURE__*/_react["default"].createElement(_timePicker["default"].RangePicker, Object.assign({}, defaultProps, {
         style: Object.assign(Object.assign({
           'minWidth': 'auto'
         }, defaultProps.style), {
@@ -326,33 +364,33 @@ var FieldComponent = /*#__PURE__*/React.forwardRef(function (props, ref) {
       break;
 
     case 'upload':
-      compContent = viewOnly && (!value || value.length === 0) ? '-' : /*#__PURE__*/React.createElement(ReUpload, Object.assign({}, defaultProps, {
+      compContent = viewOnly && (!value || value.length === 0) ? '-' : /*#__PURE__*/_react["default"].createElement(_ReUpload["default"], Object.assign({}, 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.createElement(React.Fragment, null, defaultProps.listType === 'picture-card' ? /*#__PURE__*/React.createElement("div", {
+      }), 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", {
         className: 'spec-uploader-control'
-      }, /*#__PURE__*/React.createElement(SpecIcon, {
+      }, /*#__PURE__*/_react["default"].createElement(_SpecIcon["default"], {
         name: "plus"
-      }), /*#__PURE__*/React.createElement("div", {
+      }), /*#__PURE__*/_react["default"].createElement("div", {
         className: "ant-upload-text"
-      }, "\u70B9\u51FB\u9009\u62E9")) : /*#__PURE__*/React.createElement(_Button, null, /*#__PURE__*/React.createElement(SpecIcon, {
+      }, "\u70B9\u51FB\u9009\u62E9")) : /*#__PURE__*/_react["default"].createElement(_button["default"], null, /*#__PURE__*/_react["default"].createElement(_SpecIcon["default"], {
         name: "upload"
       }), " \u70B9\u51FB\u4E0A\u4F20")));
       break;
 
     case 'uploader':
-      compContent = viewOnly ? setUploaderValue(value) : /*#__PURE__*/React.createElement(Uploader, Object.assign({}, defaultProps, {
+      compContent = viewOnly ? (0, _setReadonlyValues.setUploaderValue)(value) : /*#__PURE__*/_react["default"].createElement(_Uploader["default"], Object.assign({}, defaultProps, {
         size: protoConfig === null || protoConfig === void 0 ? void 0 : protoConfig.size
       })); // compContent = <Uploader {...defaultProps}></Uploader>
 
       break;
 
     case 'cascader':
-      compContent = viewOnly ? setCascaderValue(value, {
+      compContent = viewOnly ? (0, _setReadonlyValues.setCascaderValue)(value, {
         selectOptions: selectOptions,
         selectOptionRender: selectOptionRender,
         defaultProps: defaultProps
-      }) : /*#__PURE__*/React.createElement(_Cascader, Object.assign({
+      }) : /*#__PURE__*/_react["default"].createElement(_cascader["default"], Object.assign({
         options: selectOptions,
         allowClear: true,
         placeholder: fieldStatus === 'disabled' || defaultProps.disabled ? '' : defaultProps.placeholder || placeholder || '请选择'
@@ -360,7 +398,7 @@ var FieldComponent = /*#__PURE__*/React.forwardRef(function (props, ref) {
       break;
 
     case 'switch':
-      compContent = /*#__PURE__*/React.createElement(_Switch, Object.assign({}, defaultProps, {
+      compContent = /*#__PURE__*/_react["default"].createElement(_switch["default"], Object.assign({}, defaultProps, {
         disabled: viewOnly || defaultProps.disabled,
         checked: value,
         style: Object.assign(Object.assign({}, defaultProps.style), {
@@ -371,7 +409,7 @@ var FieldComponent = /*#__PURE__*/React.forwardRef(function (props, ref) {
       break;
 
     case 'slider':
-      compContent = viewOnly ? value : /*#__PURE__*/React.createElement(_Slider, Object.assign({}, defaultProps, {
+      compContent = viewOnly ? value : /*#__PURE__*/_react["default"].createElement(_slider["default"], Object.assign({}, defaultProps, {
         style: Object.assign({}, defaultProps.style)
       }));
       break;
@@ -387,4 +425,6 @@ var FieldComponent = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
   return compContent;
 });
-export default FieldComponent;
+
+var _default = FieldComponent;
+exports["default"] = _default;

package/es/FormComp/FieldComponent/setReadonlyValues.js

@@ -1,5 +1,27 @@
-import "antd/es/image/style";
-import _Image from "antd/es/image";
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.setUploaderValue = exports.setTimePickerValue = exports.setDatePickerValue = exports.setSelectValue = exports.setCascaderValue = void 0;
+
+require("antd/es/image/style");
+
+var _image = _interopRequireDefault(require("antd/es/image"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _moment = _interopRequireDefault(require("moment"));
+
+var _util = require("../Uploader/util");
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -13,10 +35,7 @@ function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-import React, { useEffect, useMemo, useState } from "react";
-import moment from 'moment';
-import { getBase64 } from "../Uploader/util"; // 设置纯展示模式下的级联选择显示值
-
+// 设置纯展示模式下的级联选择显示值
 var setCascaderValue = function setCascaderValue(value, props) {
   var selectOptions = props.selectOptions,
       defaultProps = props.defaultProps;
@@ -52,6 +71,8 @@ var setCascaderValue = function setCascaderValue(value, props) {
 }; // 设置纯展示模式下的下拉、单选、多选表单值
 
 
+exports.setCascaderValue = setCascaderValue;
+
 var setSelectValue = function setSelectValue(value, props) {
   var selectOptions = props.selectOptions,
       selectOptionRender = props.selectOptionRender,
@@ -77,7 +98,7 @@ var setSelectValue = function setSelectValue(value, props) {
       if (matchValue.length > 0) {
         // 如果 select 配置选项展示内容，则直接使用其配置值展示当前只读信息
         if (selectOptionRender) {
-          matchValues.push( /*#__PURE__*/React.createElement("div", {
+          matchValues.push( /*#__PURE__*/_react["default"].createElement("div", {
             key: index,
             className: "checkbox-viewonly-item"
           }, selectOptionRender(matchValue[0]), value.length - 1 > index ? separator ? separator : separator === null ? '' : ',' : ''));
@@ -88,7 +109,7 @@ var setSelectValue = function setSelectValue(value, props) {
     }); // 如果 select 配置选项展示内容，则直接使用其配置值展示当前只读信息
 
     if (selectOptionRender) {
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/_react["default"].createElement("div", {
         className: "checkbox-viewonly-list"
       }, matchValues);
     }
@@ -109,6 +130,8 @@ var setSelectValue = function setSelectValue(value, props) {
 }; // 设置纯展示模式下的日期控件值
 
 
+exports.setSelectValue = setSelectValue;
+
 var setDatePickerValue = function setDatePickerValue(value, props) {
   var type = props.type,
       protoConfig = props.protoConfig;
@@ -117,23 +140,23 @@ var setDatePickerValue = function setDatePickerValue(value, props) {
 
   switch (type) {
     case 'datePicker':
-      return moment(value).format(protoConfig && protoConfig.format || 'YYYY-MM-DD');
+      return (0, _moment["default"])(value).format(protoConfig && protoConfig.format || 'YYYY-MM-DD');
       break;
 
     case 'dateTimePicker':
-      return moment(value).format(protoConfig && protoConfig.format || 'YYYY-MM-DD HH:mm:ss');
+      return (0, _moment["default"])(value).format(protoConfig && protoConfig.format || 'YYYY-MM-DD HH:mm:ss');
       break;
 
     case 'rangePicker':
-      return "".concat(moment(value[0]).format(protoConfig && protoConfig.format || 'YYYY-MM-DD'), " - ").concat(moment(value[1]).format(protoConfig && protoConfig.format || 'YYYY-MM-DD'));
+      return "".concat((0, _moment["default"])(value[0]).format(protoConfig && protoConfig.format || 'YYYY-MM-DD'), " - ").concat((0, _moment["default"])(value[1]).format(protoConfig && protoConfig.format || 'YYYY-MM-DD'));
       break;
 
     case 'rangeTimePicker':
-      return "".concat(moment(value[0]).format(protoConfig && protoConfig.format || 'YYYY-MM-DD  HH:mm:ss'), " - ").concat(moment(value[1]).format(protoConfig && protoConfig.format || 'YYYY-MM-DD  HH:mm:ss'));
+      return "".concat((0, _moment["default"])(value[0]).format(protoConfig && protoConfig.format || 'YYYY-MM-DD  HH:mm:ss'), " - ").concat((0, _moment["default"])(value[1]).format(protoConfig && protoConfig.format || 'YYYY-MM-DD  HH:mm:ss'));
       break;
 
     case 'monthPicker':
-      return moment(value).format(protoConfig && protoConfig.format || 'MM月');
+      return (0, _moment["default"])(value).format(protoConfig && protoConfig.format || 'MM月');
       break;
 
     default:
@@ -143,6 +166,8 @@ var setDatePickerValue = function setDatePickerValue(value, props) {
 }; // 设置纯展示模式下的时间控件值
 
 
+exports.setDatePickerValue = setDatePickerValue;
+
 var setTimePickerValue = function setTimePickerValue(value, props) {
   var type = props.type,
       protoConfig = props.protoConfig;
@@ -150,11 +175,11 @@ var setTimePickerValue = function setTimePickerValue(value, props) {
 
   switch (type) {
     case 'timePicker':
-      return moment(value).format(protoConfig && protoConfig.format || 'HH:mm:ss');
+      return (0, _moment["default"])(value).format(protoConfig && protoConfig.format || 'HH:mm:ss');
       break;
 
     case 'timePickerRange':
-      return "".concat(moment(value[0]).format(protoConfig && protoConfig.format || 'HH:mm:ss'), " - ").concat(moment(value[1]).format(protoConfig && protoConfig.format || 'HH:mm:ss'));
+      return "".concat((0, _moment["default"])(value[0]).format(protoConfig && protoConfig.format || 'HH:mm:ss'), " - ").concat((0, _moment["default"])(value[1]).format(protoConfig && protoConfig.format || 'HH:mm:ss'));
       break;
 
     default:
@@ -164,16 +189,18 @@ var setTimePickerValue = function setTimePickerValue(value, props) {
 }; // 设置纯展示模式下上传控件显示值
 
 
+exports.setTimePickerValue = setTimePickerValue;
+
 var setUploaderValue = function setUploaderValue(value, props) {
   if (!value && value !== 0) return '-'; // 无值情况 下
 
   if (Array.isArray(value)) {
-    var _useState = useState(),
+    var _useState = (0, _react.useState)(),
         _useState2 = _slicedToArray(_useState, 2),
         previews = _useState2[0],
         setPreviews = _useState2[1];
 
-    useEffect(function () {
+    (0, _react.useEffect)(function () {
       var previewsUlr = [];
       value.forEach(function (vItem) {
         if (vItem === null || vItem === void 0 ? void 0 : vItem.downloadUrl) {
@@ -184,7 +211,7 @@ var setUploaderValue = function setUploaderValue(value, props) {
             return pItem;
           }));
         } else {
-          if (vItem === null || vItem === void 0 ? void 0 : vItem.originFileObj) getBase64(vItem.originFileObj).then(function (result) {
+          if (vItem === null || vItem === void 0 ? void 0 : vItem.originFileObj) (0, _util.getBase64)(vItem.originFileObj).then(function (result) {
             previewsUlr.push(result);
             setPreviews(previewsUlr.filter(function (pItem) {
               return pItem;
@@ -194,10 +221,10 @@ var setUploaderValue = function setUploaderValue(value, props) {
         }
       });
     }, [value]);
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react["default"].createElement("div", {
       className: 'spec-uploader-viewonly'
-    }, /*#__PURE__*/React.createElement(_Image.PreviewGroup, null, previews && (previews === null || previews === void 0 ? void 0 : previews.map(function (item, index) {
-      return (item === null || item === void 0 ? void 0 : item.url) ? /*#__PURE__*/React.createElement(_Image, {
+    }, /*#__PURE__*/_react["default"].createElement(_image["default"].PreviewGroup, null, previews && (previews === null || previews === void 0 ? void 0 : previews.map(function (item, index) {
+      return (item === null || item === void 0 ? void 0 : item.url) ? /*#__PURE__*/_react["default"].createElement(_image["default"], {
         key: index,
         width: 100,
         height: 100,
@@ -205,25 +232,25 @@ var setUploaderValue = function setUploaderValue(value, props) {
           objectFit: 'contain'
         },
         src: item.url
-      }) : /*#__PURE__*/React.createElement("div", {
+      }) : /*#__PURE__*/_react["default"].createElement("div", {
         key: index,
         className: "spec-uploader-viewonly-item"
       }, "\u6682\u65E0\u56FE\u7247");
     }))));
   } else {
-    var _useState3 = useState(),
+    var _useState3 = (0, _react.useState)(),
         _useState4 = _slicedToArray(_useState3, 2),
         preview = _useState4[0],
         setPreview = _useState4[1];
 
-    useEffect(function () {
-      getBase64(value).then(function (result) {
+    (0, _react.useEffect)(function () {
+      (0, _util.getBase64)(value).then(function (result) {
         setPreview(result);
       });
     }, [value]);
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react["default"].createElement("div", {
       className: "spec-uploader-viewonly"
-    }, preview ? /*#__PURE__*/React.createElement(_Image, {
+    }, preview ? /*#__PURE__*/_react["default"].createElement(_image["default"], {
       style: {
         objectFit: 'contain'
       },
@@ -233,4 +260,4 @@ var setUploaderValue = function setUploaderValue(value, props) {
   }
 };
 
-export { setCascaderValue, setSelectValue, setDatePickerValue, setTimePickerValue, setUploaderValue };
+exports.setUploaderValue = setUploaderValue;

package/es/FormComp/RenderItemGroup/index.d.ts

@@ -15,12 +15,20 @@ export interface FieldsItemProps extends FieldComponentProps {
     size?: 'large' | 'middle' | 'small' | string;
     componentStyle?: React.CSSProperties;
 }
+interface layoutProps {
+    labelCol?: any;
+    wrapperCol?: any;
+}
+interface displayLayoutProps extends layoutProps {
+    side?: layoutProps;
+    block?: layoutProps;
+}
 interface ItemGroupProps {
     itemGroup: any | FieldsItemProps[];
     size?: string;
     fieldStatus?: 'default' | 'viewOnly' | 'disabled';
     fieldSize?: 'large' | 'middle' | 'small' | any;
-    displayLayout?: object;
+    displayLayout?: displayLayoutProps;
     form?: any;
     layout?: string;
     doUpdateFormFields?: () => void;