fan-standard-comp 3.1.4 → 3.1.6

package/es/FormComp/FieldComponent/index.js

@@ -0,0 +1,413 @@
+import "antd/es/rate/style";
+import _Rate from "antd/es/rate";
+import "antd/es/mentions/style";
+import _Mentions from "antd/es/mentions";
+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) {
+  var type = props.type,
+      _onChange = props.onChange,
+      value = props.value,
+      style = props.style,
+      placeholder = props.placeholder,
+      protoConfig = props.protoConfig,
+      _props$treeData = props.treeData,
+      treeData = _props$treeData === void 0 ? [] : _props$treeData,
+      filedName = props.filedName,
+      _props$selectOptionNa = props.selectOptionName,
+      selectOptionName = _props$selectOptionNa === void 0 ? {
+    value: 'value',
+    label: 'label',
+    disabled: 'disabled',
+    title: 'title'
+  } : _props$selectOptionNa,
+      fieldNames = props.fieldNames,
+      _props$treeOptionName = props.treeOptionName,
+      treeOptionName = _props$treeOptionName === void 0 ? {
+    title: 'title',
+    value: 'value',
+    children: 'children',
+    disabled: 'disabled'
+  } : _props$treeOptionName,
+      _props$fieldStatus = props.fieldStatus,
+      fieldStatus = _props$fieldStatus === void 0 ? 'default' : _props$fieldStatus,
+      _props$size = props.size,
+      size = _props$size === void 0 ? 'middle' : _props$size,
+      showFullLevel = props.showFullLevel,
+      separator = props.separator,
+      disabledFields = props.disabledFields,
+      selectOptionRender = props.selectOptionRender,
+      render = props.render;
+  var selectOptions = props.selectOptions;
+  var compContent;
+
+  if (selectOptionName && selectOptions) {
+    // 将传值的数据进行转换
+    selectOptions = selectOptions.map(function (item) {
+      return Object.assign(Object.assign({}, item), {
+        value: item[selectOptionName.value || 'value'],
+        label: item[selectOptionName.label || 'label'],
+        disabled: item[selectOptionName.disabled || 'disabled'],
+        title: item[selectOptionName.title || 'title']
+      });
+    });
+  }
+
+  var defaultProps = Object.assign({
+    style: style,
+    onChange: _onChange,
+    value: value,
+    render: render,
+    size: size,
+    ref: ref
+  }, protoConfig);
+
+  if (fieldStatus === 'disabled') {
+    defaultProps.disabled = true;
+  }
+
+  var sortLimitRule = {}; // 排序字段长度限制
+
+  if (filedName === 'sorts' || filedName === 'sort' || filedName === 'indexSort' || filedName === 'sorta' || filedName === 'categorySort') {
+    sortLimitRule = {
+      min: 0,
+      max: 999999999,
+      maxLength: 9
+    };
+  } // 设置纯展示模式下的“下拉树”控件返回值
+
+
+  var viewOnly = fieldStatus === 'viewOnly'; // 是否纯展示
+
+  switch (type) {
+    case 'input':
+      compContent = viewOnly ? value || '-' : /*#__PURE__*/React.createElement(_Input, Object.assign({
+        placeholder: fieldStatus === 'disabled' || defaultProps.disabled ? '' : defaultProps.placeholder || placeholder || '请输入',
+        autoComplete: "off",
+        title: fieldStatus === 'disabled' || defaultProps.disabled ? value : null,
+        maxLength: defaultProps.maxLength || 50
+      }, defaultProps));
+      break;
+
+    case 'password':
+      compContent = viewOnly ? value ? "\u25CF\u25CF\u25CF\u25CF\u25CF\u25CF" : '-' : /*#__PURE__*/React.createElement(Password, Object.assign({
+        autoComplete: "off",
+        placeholder: fieldStatus === 'disabled' || defaultProps.disabled ? '' : defaultProps.placeholder || placeholder || '请输入',
+        maxLength: defaultProps.maxLength || 50
+      }, defaultProps));
+      break;
+
+    case 'textarea':
+      compContent = viewOnly ? value || '-' : /*#__PURE__*/React.createElement(TextArea, Object.assign({
+        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.createElement(_InputNumber, Object.assign({
+        placeholder: fieldStatus === 'disabled' || defaultProps.disabled ? '' : defaultProps.placeholder || placeholder || '请输入数字'
+      }, sortLimitRule, defaultProps, {
+        style: Object.assign({
+          width: '120px'
+        }, defaultProps.style)
+      }));
+      break;
+
+    case 'select':
+      // 重置返回完整字段值
+      var resetResultOption = function resetResultOption(Option) {
+        if (!Option) return Option;
+        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) {
+          return childOpt.value === Option.value;
+        })[0];
+        return Object.assign(Object.assign({}, Option), extraParam);
+      };
+
+      compContent = viewOnly ? setSelectValue(value, {
+        selectOptions: selectOptions,
+        selectOptionRender: selectOptionRender,
+        defaultProps: defaultProps,
+        type: type
+      }) : /*#__PURE__*/React.createElement(_Select, Object.assign({
+        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
+      }, defaultProps, {
+        // onChange返回参数：累加当前选中包括其他字段值的数据
+        onChange: function onChange(value, Option) {
+          return _onChange(value, resetResultOption(Option));
+        }
+      }), fieldNames ? null : selectOptions.map(function (val, index) {
+        return /*#__PURE__*/React.createElement(Option, {
+          value: val.value,
+          key: val.value || index,
+          title: selectOptionRender ? selectOptionRender(val) : val.title || val.label,
+          disabled: val.disabled
+        }, selectOptionRender ? selectOptionRender(val) : val.label);
+      }));
+      break;
+
+    case 'tree-select':
+      compContent = /*#__PURE__*/React.createElement(RefactorTreeSelect, Object.assign({
+        treeData: treeData,
+        treeOptionName: treeOptionName,
+        allowClear: true,
+        separator: separator,
+        showFullLevel: showFullLevel,
+        placeholder: fieldStatus === 'disabled' || defaultProps.disabled ? '' : defaultProps.placeholder || placeholder || '请选择',
+        protoTreeNode: protoConfig && protoConfig.TreeNode || {},
+        fieldStatus: fieldStatus,
+        disabledFields: disabledFields
+      }, defaultProps));
+      break;
+
+    case 'checkbox':
+      delete defaultProps.ref;
+      compContent = viewOnly ? setSelectValue(value, {
+        selectOptions: selectOptions,
+        selectOptionRender: selectOptionRender,
+        defaultProps: defaultProps,
+        separator: separator
+      }) : /*#__PURE__*/React.createElement(_Checkbox.Group, Object.assign({}, defaultProps, {
+        style: Object.assign({
+          width: 'auto'
+        }, defaultProps.style)
+      }), selectOptions && selectOptions.map(function (val, index) {
+        return /*#__PURE__*/React.createElement(_Checkbox, {
+          value: val.value,
+          key: val.value || index,
+          // @ts-ignore
+          title: /*#__PURE__*/React.createElement(TitleNode, {
+            render: selectOptionRender,
+            data: val
+          }),
+          // title={selectOptionRender ? selectOptionRender(val) : (val.title || val.label)}
+          disabled: val.disabled
+        }, selectOptionRender ? selectOptionRender(val) : val.label);
+      }));
+      break;
+
+    case 'radio':
+      delete defaultProps.ref;
+      compContent = viewOnly ? setSelectValue(value, {
+        selectOptions: selectOptions,
+        selectOptionRender: selectOptionRender,
+        defaultProps: defaultProps
+      }) : /*#__PURE__*/React.createElement(_Radio.Group, Object.assign({}, defaultProps, {
+        style: Object.assign({
+          width: 'auto'
+        }, defaultProps.style)
+      }), selectOptions && selectOptions.map(function (val, index) {
+        if (defaultProps.optionType === 'button') {
+          return /*#__PURE__*/React.createElement(_Radio.Button, {
+            value: val.value,
+            key: val.value || index,
+            // @ts-ignore
+            title: /*#__PURE__*/React.createElement(TitleNode, {
+              render: selectOptionRender,
+              data: val
+            }),
+            disabled: val.disabled
+          }, selectOptionRender ? selectOptionRender(val) : val.label);
+        }
+
+        return /*#__PURE__*/React.createElement(_Radio, {
+          value: val.value,
+          key: val.value,
+          // @ts-ignore
+          title: /*#__PURE__*/React.createElement(TitleNode, {
+            render: selectOptionRender,
+            data: val
+          }),
+          disabled: val.disabled
+        }, selectOptionRender ? selectOptionRender(val) : val.label);
+      }));
+      break;
+
+    case 'datePicker': // 使用配置 picker设置其属于week,month,year
+
+    case 'dateTimePicker':
+      compContent = viewOnly ? setDatePickerValue(value, {
+        type: type,
+        protoConfig: protoConfig
+      }) : /*#__PURE__*/React.createElement(_DatePicker, Object.assign({
+        showTime: defaultProps.showTime || type === 'dateTimePicker',
+        placeholder: fieldStatus === 'disabled' || defaultProps.disabled ? '' : defaultProps.placeholder || placeholder || '请选择'
+      }, defaultProps, {
+        style: Object.assign({
+          'minWidth': 'auto'
+        }, defaultProps.style)
+      }));
+      break;
+
+    case 'rangePicker':
+    case 'rangeTimePicker':
+      if (fieldStatus === 'disabled' || defaultProps.disabled) defaultProps.placeholder = ''; // 禁用时，placeHolder不显示
+
+      compContent = viewOnly ? setDatePickerValue(value, {
+        type: type,
+        protoConfig: protoConfig
+      }) : /*#__PURE__*/React.createElement(RangePicker, Object.assign({
+        showTime: defaultProps.showTime || type === 'rangeTimePicker'
+      }, defaultProps, {
+        style: Object.assign({
+          width: type === 'rangeTimePicker' ? 'auto' : '100%'
+        }, defaultProps.style)
+      }));
+      break;
+
+    case 'timePicker':
+      if (fieldStatus === 'disabled' || defaultProps.disabled) defaultProps.placeholder = ''; // 禁用时，placeHolder不显示
+
+      compContent = viewOnly ? setTimePickerValue(value, {
+        type: type,
+        protoConfig: protoConfig
+      }) : /*#__PURE__*/React.createElement(_TimePicker, Object.assign({}, defaultProps, {
+        style: Object.assign(Object.assign({
+          'minWidth': 'auto'
+        }, defaultProps.style), {
+          width: 'auto'
+        })
+      }));
+      break;
+
+    case 'timePickerRange':
+      if (fieldStatus === 'disabled' || defaultProps.disabled) defaultProps.placeholder = ''; // 禁用时，placeHolder不显示
+      // @ts-ignore
+
+      compContent = viewOnly ? setTimePickerValue(value, {
+        type: type,
+        protoConfig: protoConfig
+      }) : /*#__PURE__*/React.createElement(_TimePicker.RangePicker, Object.assign({}, defaultProps, {
+        style: Object.assign(Object.assign({
+          'minWidth': 'auto'
+        }, defaultProps.style), {
+          width: 'auto'
+        })
+      }));
+      break;
+
+    case 'upload':
+      compContent = viewOnly && (!value || value.length === 0) ? '-' : /*#__PURE__*/React.createElement(ReUpload, 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", {
+        className: 'spec-uploader-control'
+      }, /*#__PURE__*/React.createElement(SpecIcon, {
+        name: "plus"
+      }), /*#__PURE__*/React.createElement("div", {
+        className: "ant-upload-text"
+      }, "\u70B9\u51FB\u9009\u62E9")) : /*#__PURE__*/React.createElement(_Button, null, /*#__PURE__*/React.createElement(SpecIcon, {
+        name: "upload"
+      }), " \u70B9\u51FB\u4E0A\u4F20")));
+      break;
+
+    case 'uploader':
+      compContent = viewOnly ? setUploaderValue(value) : /*#__PURE__*/React.createElement(Uploader, Object.assign({}, defaultProps, {
+        size: protoConfig === null || protoConfig === void 0 ? void 0 : protoConfig.size
+      })); // compContent = <Uploader {...defaultProps}></Uploader>
+
+      break;
+
+    case 'cascader':
+      compContent = viewOnly ? setCascaderValue(value, {
+        selectOptions: selectOptions,
+        selectOptionRender: selectOptionRender,
+        defaultProps: defaultProps
+      }) : /*#__PURE__*/React.createElement(_Cascader, Object.assign({
+        options: selectOptions,
+        allowClear: true,
+        fieldNames: fieldNames || selectOptionName,
+        placeholder: fieldStatus === 'disabled' || defaultProps.disabled ? '' : defaultProps.placeholder || placeholder || '请选择'
+      }, defaultProps));
+      break;
+
+    case 'switch':
+      compContent = /*#__PURE__*/React.createElement(_Switch, Object.assign({}, defaultProps, {
+        disabled: viewOnly || defaultProps.disabled,
+        checked: value,
+        style: Object.assign(Object.assign({}, 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.createElement(_Slider, Object.assign({}, defaultProps, {
+        style: Object.assign({}, defaultProps.style)
+      }));
+      break;
+
+    case 'mentions':
+      compContent = viewOnly ? value : /*#__PURE__*/React.createElement(_Mentions, Object.assign({
+        placeholder: "\u8BF7\u8F93\u5165 ".concat(defaultProps.prefix || '@', " \u9009\u62E9")
+      }, defaultProps), selectOptions.map(function (val, index) {
+        return /*#__PURE__*/React.createElement(Option, {
+          value: val.value || index,
+          key: val.value
+        }, selectOptionRender ? selectOptionRender(val) : val.label);
+      }));
+      break;
+
+    case 'rate':
+      compContent = /*#__PURE__*/React.createElement(_Rate, Object.assign({
+        disabled: viewOnly || defaultProps.disabled
+      }, defaultProps));
+      break;
+
+    case 'custom':
+      compContent = defaultProps.render && defaultProps.render(props) || defaultProps.customRender && defaultProps.customRender(props) || null;
+      break;
+
+    default:
+      compContent = value;
+      break;
+  }
+
+  return compContent;
+});
+export default FieldComponent;

package/es/FormComp/FieldComponent/setReadonlyValues.js

@@ -0,0 +1,236 @@
+import "antd/es/image/style";
+import _Image from "antd/es/image";
+
+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(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+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;
+  if (!value || value.length === 0 || !selectOptions) return '-'; // 无值情况 下
+
+  var matchNode = undefined;
+  var matchValueItems = [];
+  value.forEach(function (valKey) {
+    var matchValue; // 第一个值使用  ‘selectOptions’查找，后面使用上一次匹配到的父节点查找 matchNode
+
+    if (matchNode && matchNode.children) {
+      matchValue = matchNode.children.filter(function (seItem) {
+        return seItem.value == valKey;
+      });
+    } else {
+      matchValue = selectOptions.filter(function (seItem) {
+        return seItem.value == valKey;
+      });
+    }
+
+    if (matchValue.length > 0) {
+      matchNode = matchValue[0];
+      matchValueItems.push(matchValue[0]);
+    }
+  }); // 如果自定义"选择后展示的渲染函数"则直接返回此选择方法
+
+  if (defaultProps.displayRender) return defaultProps.displayRender(matchValueItems.map(function (item) {
+    return item.label;
+  }), matchValueItems);
+  return matchValueItems.map(function (item) {
+    return item.label;
+  }).join('/');
+}; // 设置纯展示模式下的下拉、单选、多选表单值
+
+
+var setSelectValue = function setSelectValue(value, props) {
+  var selectOptions = props.selectOptions,
+      selectOptionRender = props.selectOptionRender,
+      defaultProps = props.defaultProps,
+      type = props.type,
+      separator = props.separator;
+  var labelInValue = defaultProps.labelInValue;
+  if (!value && value !== 0 || !selectOptions) return '-'; // 无值情况 下
+  // 数组情况
+
+  if (Array.isArray(value)) {
+    if (value.length == 0) {
+      return '-'; // 无值情况 下
+    } // 返回是数组
+
+
+    var matchValues = [];
+    value.forEach(function (valKey, index) {
+      var matchValue = selectOptions.filter(function (seItem) {
+        return seItem.value == (labelInValue ? valKey.value : valKey);
+      });
+
+      if (matchValue.length > 0) {
+        // 如果 select 配置选项展示内容，则直接使用其配置值展示当前只读信息
+        if (selectOptionRender) {
+          matchValues.push( /*#__PURE__*/React.createElement("div", {
+            key: index,
+            className: "checkbox-viewonly-item"
+          }, selectOptionRender(matchValue[0]), value.length - 1 > index ? separator ? separator : separator == null ? '' : ',' : ''));
+        } else {
+          matchValues.push(matchValue[0].label);
+        }
+      }
+    }); // 如果 select 配置选项展示内容，则直接使用其配置值展示当前只读信息
+
+    if (selectOptionRender) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "checkbox-viewonly-list"
+      }, matchValues);
+    }
+
+    return matchValues.join(separator ? separator : ',');
+  } else {
+    // 如select配置labelInValue则value返回数据是对象{key: 'xxx'}
+    var matchValue = selectOptions.filter(function (seItem) {
+      return seItem.value == (labelInValue ? value.value : value);
+    }); // 如果 select 配置选项展示内容，则直接使用其配置值展示当前只读信息
+
+    if (selectOptionRender) {
+      return matchValue.length > 0 ? selectOptionRender(matchValue[0]) : '-';
+    }
+
+    return matchValue.length > 0 ? matchValue[0].label : '-';
+  }
+}; // 设置纯展示模式下的日期控件值
+
+
+var setDatePickerValue = function setDatePickerValue(value, props) {
+  var type = props.type,
+      protoConfig = props.protoConfig;
+  if (!value && value !== 0) return '-'; // 无值情况 下
+  // 数组情况 'YYYY-MM-DD HH:mm:ss' : 'YYYY-MM-DD'
+
+  switch (type) {
+    case 'datePicker':
+      return moment(value).format(protoConfig && protoConfig.format || 'YYYY-MM-DD');
+      break;
+
+    case 'dateTimePicker':
+      return moment(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'));
+      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'));
+      break;
+
+    case 'monthPicker':
+      return moment(value).format(protoConfig && protoConfig.format || 'MM月');
+      break;
+
+    default:
+      return '-';
+      break;
+  }
+}; // 设置纯展示模式下的时间控件值
+
+
+var setTimePickerValue = function setTimePickerValue(value, props) {
+  var type = props.type,
+      protoConfig = props.protoConfig;
+  if (!value && value !== 0) return '-'; // 无值情况 下
+
+  switch (type) {
+    case 'timePicker':
+      return moment(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'));
+      break;
+
+    default:
+      return '-';
+      break;
+  }
+}; // 设置纯展示模式下上传控件显示值
+
+
+var setUploaderValue = function setUploaderValue(value, props) {
+  if (!value && value !== 0) return '-'; // 无值情况 下
+
+  if (Array.isArray(value)) {
+    var _useState = useState(),
+        _useState2 = _slicedToArray(_useState, 2),
+        previews = _useState2[0],
+        setPreviews = _useState2[1];
+
+    useEffect(function () {
+      var previewsUlr = [];
+      value.forEach(function (vItem) {
+        if (vItem === null || vItem === void 0 ? void 0 : vItem.downloadUrl) {
+          previewsUlr.push({
+            url: vItem.downloadUrl
+          });
+          setPreviews(previewsUlr.filter(function (pItem) {
+            return pItem;
+          }));
+        } else {
+          if (vItem === null || vItem === void 0 ? void 0 : vItem.originFileObj) getBase64(vItem.originFileObj).then(function (result) {
+            previewsUlr.push(result);
+            setPreviews(previewsUlr.filter(function (pItem) {
+              return pItem;
+            }));
+            return result;
+          });
+        }
+      });
+    }, [value]);
+    return /*#__PURE__*/React.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, {
+        key: index,
+        width: 100,
+        height: 100,
+        style: {
+          objectFit: 'contain'
+        },
+        src: item.url
+      }) : /*#__PURE__*/React.createElement("div", {
+        key: index,
+        className: "spec-uploader-viewonly-item"
+      }, "\u6682\u65E0\u56FE\u7247");
+    }))));
+  } else {
+    var _useState3 = useState(),
+        _useState4 = _slicedToArray(_useState3, 2),
+        preview = _useState4[0],
+        setPreview = _useState4[1];
+
+    useEffect(function () {
+      getBase64(value).then(function (result) {
+        setPreview(result);
+      });
+    }, [value]);
+    return /*#__PURE__*/React.createElement("div", {
+      className: "spec-uploader-viewonly"
+    }, preview ? /*#__PURE__*/React.createElement(_Image, {
+      style: {
+        objectFit: 'contain'
+      },
+      width: 100,
+      src: preview === null || preview === void 0 ? void 0 : preview.url
+    }) : '暂无图片');
+  }
+};
+
+export { setCascaderValue, setSelectValue, setDatePickerValue, setTimePickerValue, setUploaderValue };