fan-standard-comp 3.2.1 → 4.0.1

package/es/FormComp/FieldComponent/index.js

@@ -1,40 +1,27 @@
-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";
+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 */
 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; // 表单组件类型
+import { Input, Select, Checkbox, InputNumber, DatePicker, Radio, Button, Cascader, Switch, Slider, TimePicker, Mentions, Rate } from "antd";
+import Uploader from "../Uploader";
+import SpecIcon from "../../SpecIcon";
+// @ts-ignore
+import RefactorTreeSelect from "./RefactorTreeSelect";
+// @ts-ignore
+import { setSelectValue, setDatePickerValue, setTimePickerValue, setCascaderValue } from "./setReadonlyValues";
+import TitleNode from "./TitleNode";
+import ReUpload from "./ReUpload";
+import UploaderViewer from "./UploaderViewer";
+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,
@@ -73,7 +60,7 @@ var FieldComponent = /*#__PURE__*/React.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'],
@@ -81,7 +68,7 @@ var FieldComponent = /*#__PURE__*/React.forwardRef(function (props, ref) {
       });
     });
   }
-  var defaultProps = Object.assign({
+  var defaultProps = _objectSpread({
     style: style,
     onChange: _onChange,
     value: value,
@@ -104,7 +91,7 @@ var FieldComponent = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var viewOnly = fieldStatus === 'viewOnly'; // 是否纯展示
   switch (type) {
     case 'input':
-      compContent = viewOnly ? value || '-' : /*#__PURE__*/React.createElement(_Input, Object.assign({
+      compContent = viewOnly ? value || '-' : /*#__PURE__*/React.createElement(Input, _extends({
         placeholder: fieldStatus === 'disabled' || defaultProps.disabled ? '' : defaultProps.placeholder || placeholder || '请输入',
         autoComplete: "off",
         title: fieldStatus === 'disabled' || defaultProps.disabled ? value : null,
@@ -112,24 +99,24 @@ var FieldComponent = /*#__PURE__*/React.forwardRef(function (props, ref) {
       }, defaultProps));
       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.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.createElement(TextArea, Object.assign({
+      compContent = viewOnly ? value || '-' : /*#__PURE__*/React.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.createElement(_InputNumber, Object.assign({
+      compContent = viewOnly ? value || 0 : /*#__PURE__*/React.createElement(InputNumber, _extends({
         placeholder: fieldStatus === 'disabled' || defaultProps.disabled ? '' : defaultProps.placeholder || placeholder || '请输入数字'
       }, sortLimitRule, defaultProps, {
-        style: Object.assign({
+        style: _objectSpread({
           width: '120px'
         }, defaultProps.style)
       }));
@@ -138,34 +125,36 @@ var FieldComponent = /*#__PURE__*/React.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 ? setSelectValue(value, {
         selectOptions: selectOptions,
         selectOptionRender: selectOptionRender,
         defaultProps: defaultProps,
         type: type
-      }) : /*#__PURE__*/React.createElement(_Select, Object.assign({
+      }) : /*#__PURE__*/React.createElement(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.createElement(Option, {
           value: val.value,
           key: val.value || index,
@@ -175,7 +164,7 @@ var FieldComponent = /*#__PURE__*/React.forwardRef(function (props, ref) {
       }));
       break;
     case 'tree-select':
-      compContent = /*#__PURE__*/React.createElement(RefactorTreeSelect, Object.assign({
+      compContent = /*#__PURE__*/React.createElement(RefactorTreeSelect, _extends({
         treeData: treeData,
         treeOptionName: treeOptionName,
         allowClear: true,
@@ -194,20 +183,22 @@ var FieldComponent = /*#__PURE__*/React.forwardRef(function (props, ref) {
         selectOptionRender: selectOptionRender,
         defaultProps: defaultProps,
         separator: separator
-      }) : /*#__PURE__*/React.createElement(_Checkbox.Group, Object.assign({}, defaultProps, {
-        style: Object.assign({
+      }) : /*#__PURE__*/React.createElement(Checkbox.Group, _extends({}, defaultProps, {
+        style: _objectSpread({
           width: 'auto'
         }, defaultProps.style)
       }), selectOptions && selectOptions.map(function (val, index) {
-        return /*#__PURE__*/React.createElement(_Checkbox, {
+        return /*#__PURE__*/React.createElement(Checkbox, {
           value: val.value,
-          key: val.value || index,
+          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);
       }));
@@ -218,33 +209,16 @@ var FieldComponent = /*#__PURE__*/React.forwardRef(function (props, ref) {
         selectOptions: selectOptions,
         selectOptionRender: selectOptionRender,
         defaultProps: defaultProps
-      }) : /*#__PURE__*/React.createElement(_Radio.Group, Object.assign({}, defaultProps, {
-        style: Object.assign({
+      }) : /*#__PURE__*/React.createElement(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.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
@@ -252,11 +226,11 @@ var FieldComponent = /*#__PURE__*/React.forwardRef(function (props, ref) {
       compContent = viewOnly ? setDatePickerValue(value, {
         type: type,
         protoConfig: protoConfig
-      }) : /*#__PURE__*/React.createElement(_DatePicker, Object.assign({
+      }) : /*#__PURE__*/React.createElement(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)
       }));
@@ -267,10 +241,11 @@ var FieldComponent = /*#__PURE__*/React.forwardRef(function (props, ref) {
       compContent = viewOnly ? setDatePickerValue(value, {
         type: type,
         protoConfig: protoConfig
-      }) : /*#__PURE__*/React.createElement(RangePicker, Object.assign({
-        showTime: defaultProps.showTime || type === 'rangeTimePicker'
+      }) : /*#__PURE__*/React.createElement(RangePicker, _extends({
+        showTime: defaultProps.showTime || type === 'rangeTimePicker',
+        allowEmpty: true
       }, defaultProps, {
-        style: Object.assign({
+        style: _objectSpread({
           width: type === 'rangeTimePicker' ? 'auto' : '100%'
         }, defaultProps.style)
       }));
@@ -280,10 +255,10 @@ var FieldComponent = /*#__PURE__*/React.forwardRef(function (props, ref) {
       compContent = viewOnly ? setTimePickerValue(value, {
         type: type,
         protoConfig: protoConfig
-      }) : /*#__PURE__*/React.createElement(_TimePicker, Object.assign({}, defaultProps, {
-        style: Object.assign(Object.assign({
+      }) : /*#__PURE__*/React.createElement(TimePicker, _extends({}, defaultProps, {
+        style: _objectSpread(_objectSpread({
           'minWidth': 'auto'
-        }, defaultProps.style), {
+        }, defaultProps.style), {}, {
           width: 'auto'
         })
       }));
@@ -294,16 +269,18 @@ var FieldComponent = /*#__PURE__*/React.forwardRef(function (props, ref) {
       compContent = viewOnly ? setTimePickerValue(value, {
         type: type,
         protoConfig: protoConfig
-      }) : /*#__PURE__*/React.createElement(_TimePicker.RangePicker, Object.assign({}, defaultProps, {
-        style: Object.assign(Object.assign({
+      }) : /*#__PURE__*/React.createElement(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.createElement(ReUpload, Object.assign({}, defaultProps, {
+      compContent = viewOnly && (!value || value.length === 0) ? '-' : /*#__PURE__*/React.createElement(ReUpload, _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.createElement(React.Fragment, null, defaultProps.listType === 'picture-card' ? /*#__PURE__*/React.createElement("div", {
@@ -312,12 +289,14 @@ var FieldComponent = /*#__PURE__*/React.forwardRef(function (props, ref) {
         name: "plus"
       }), /*#__PURE__*/React.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.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, {
+      compContent = viewOnly ? /*#__PURE__*/React.createElement(UploaderViewer, {
+        value: value
+      }) : /*#__PURE__*/React.createElement(Uploader, _extends({}, defaultProps, {
         size: protoConfig === null || protoConfig === void 0 ? void 0 : protoConfig.size
       }));
       // compContent = <Uploader {...defaultProps}></Uploader>
@@ -327,7 +306,7 @@ var FieldComponent = /*#__PURE__*/React.forwardRef(function (props, ref) {
         selectOptions: selectOptions,
         selectOptionRender: selectOptionRender,
         defaultProps: defaultProps
-      }) : /*#__PURE__*/React.createElement(_Cascader, Object.assign({
+      }) : /*#__PURE__*/React.createElement(Cascader, _extends({
         options: selectOptions,
         allowClear: true,
         fieldNames: (defaultProps === null || defaultProps === void 0 ? void 0 : defaultProps.fieldNames) || selectOptionName,
@@ -335,32 +314,32 @@ var FieldComponent = /*#__PURE__*/React.forwardRef(function (props, ref) {
       }, defaultProps));
       break;
     case 'switch':
-      compContent = /*#__PURE__*/React.createElement(_Switch, Object.assign({}, defaultProps, {
+      compContent = /*#__PURE__*/React.createElement(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.createElement(_Slider, Object.assign({}, defaultProps, {
-        style: Object.assign({}, defaultProps.style)
+      compContent = viewOnly ? value : /*#__PURE__*/React.createElement(Slider, _extends({}, defaultProps, {
+        style: _objectSpread({}, 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);
-      }));
+      compContent = viewOnly ? value : /*#__PURE__*/React.createElement(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.createElement(_Rate, Object.assign({
+      compContent = /*#__PURE__*/React.createElement(Rate, _extends({
         disabled: viewOnly || defaultProps.disabled
       }, defaultProps));
       break;

package/es/FormComp/FieldComponent/setReadonlyValues.js

@@ -1,14 +1,15 @@
-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(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 _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; }
 import React, { useEffect, useMemo, useState } from "react";
 import moment from 'moment';
+import { Image } from 'antd';
 import { getBase64 } from "../Uploader/util";
+import useUploaderStyle from "./style/UploaderStyle";
+import classNames from 'classnames';
 // 设置纯展示模式下的级联选择显示值
 
 var setCascaderValue = function setCascaderValue(value, props) {
@@ -140,6 +141,11 @@ var setTimePickerValue = function setTimePickerValue(value, props) {
 };
 // 设置纯展示模式下上传控件显示值
 var setUploaderValue = function setUploaderValue(value, props) {
+  var componentName = 'spec-uploader-viewonly';
+  var _useUploaderStyle = useUploaderStyle(componentName),
+    _useUploaderStyle2 = _slicedToArray(_useUploaderStyle, 2),
+    wrapSSR = _useUploaderStyle2[0],
+    hashId = _useUploaderStyle2[1];
   if (!value && value !== 0) return '-'; // 无值情况 下
   if (Array.isArray(value)) {
     var _useState = useState(),
@@ -149,7 +155,7 @@ var setUploaderValue = function setUploaderValue(value, props) {
     useEffect(function () {
       var previewsUlr = [];
       value.forEach(function (vItem) {
-        if (vItem === null || vItem === void 0 ? void 0 : vItem.downloadUrl) {
+        if (vItem !== null && vItem !== void 0 && vItem.downloadUrl) {
           previewsUlr.push({
             url: vItem.downloadUrl
           });
@@ -157,7 +163,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 && vItem.originFileObj) getBase64(vItem.originFileObj).then(function (result) {
             previewsUlr.push(result);
             setPreviews(previewsUlr.filter(function (pItem) {
               return pItem;
@@ -167,10 +173,10 @@ var setUploaderValue = function setUploaderValue(value, props) {
         }
       });
     }, [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, {
+    return wrapSSR( /*#__PURE__*/React.createElement("div", {
+      className: classNames('spec-uploader-viewonly', hashId)
+    }, /*#__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 && item.url ? /*#__PURE__*/React.createElement(Image, {
         key: index,
         width: 100,
         height: 100,
@@ -182,7 +188,7 @@ var setUploaderValue = function setUploaderValue(value, props) {
         key: index,
         className: "spec-uploader-viewonly-item"
       }, "\u6682\u65E0\u56FE\u7247");
-    }))));
+    })))));
   } else {
     var _useState3 = useState(),
       _useState4 = _slicedToArray(_useState3, 2),
@@ -193,15 +199,15 @@ var setUploaderValue = function setUploaderValue(value, props) {
         setPreview(result);
       });
     }, [value]);
-    return /*#__PURE__*/React.createElement("div", {
-      className: "spec-uploader-viewonly"
-    }, preview ? /*#__PURE__*/React.createElement(_Image, {
+    return wrapSSR( /*#__PURE__*/React.createElement("div", {
+      className: classNames('spec-uploader-viewonly', hashId)
+    }, 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 };

package/es/FormComp/FieldComponent/style/TreeSelect.d.ts

@@ -0,0 +1,6 @@
+import { GlobalToken } from "antd";
+export interface RefactorTreeSelectTokenType extends GlobalToken {
+    [k: string]: any;
+}
+declare const RefactorTreeSelectStyleFunc: (prefix: string) => any;
+export default RefactorTreeSelectStyleFunc;

package/es/FormComp/FieldComponent/style/TreeSelect.js

@@ -0,0 +1,42 @@
+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 _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); }
+import { createStyleHook } from "../../../theme/utils/genStyleHook";
+import { TinyColor } from '@ctrl/tinycolor';
+var RefactorTreeSelectStyleFunc = function RefactorTreeSelectStyleFunc(prefix) {
+  var prepareComponentToken = function prepareComponentToken(token) {
+    return {
+      // fontWeight: 400,
+    };
+  };
+  return createStyleHook(prefix, function (token) {
+    var prefixCls = ".".concat(prefix);
+    return [_defineProperty(_defineProperty({}, prefixCls, {
+      '&.refactor-disabled .refactor-tree-select-extra ': {
+        color: token.colorTextDisabled,
+        background: token.colorBgContainerDisabled
+      },
+      '.refactor-tree-select-extra': {
+        background: token.colorBgContainer,
+        height: token.controlHeight
+      }
+    }), '.tree-select-viewonly-list', {
+      border: "1px solid ".concat(new TinyColor(token.colorSplit).setAlpha(0.6).toRgbString()),
+      borderRadius: token.borderRadisuSM,
+      padding: "".concat(token.paddingXS, "px ").concat(token.paddingSM, "px"),
+      '& .toggle-icon': {
+        fontSize: token.fontSizeSM,
+        color: token.colorTextSecondary,
+        // backgroundImage: `-webkit-gradient(linear, left top, left bottom, from(fade(@component-background, 0)), to(@component-background))`,
+        // backgroundImage: `-webkit-linear-gradient(top, fade(@component-background, 0), @component-background)`,
+        backgroundImage: "linear-gradient(-180deg, ".concat(new TinyColor(token.colorBgContainer).setAlpha(0.).toRgbString(), ", ").concat(token.colorBgContainer, ")"),
+        '&:hover': {
+          color: token.colorPrimary
+        }
+      }
+    })];
+  }, prepareComponentToken // 当前组件扩展的变量
+  );
+};
+export default RefactorTreeSelectStyleFunc;

package/es/FormComp/FieldComponent/style/UploaderStyle.d.ts

@@ -0,0 +1,6 @@
+import { GlobalToken } from "antd";
+export interface RefactorTreeSelectTokenType extends GlobalToken {
+    [k: string]: any;
+}
+declare const RefactorTreeSelectStyleFunc: (prefix: string) => any;
+export default RefactorTreeSelectStyleFunc;

package/es/FormComp/FieldComponent/style/UploaderStyle.js

@@ -0,0 +1,25 @@
+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 _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); }
+import { createStyleHook } from "../../../theme/utils/genStyleHook";
+var RefactorTreeSelectStyleFunc = function RefactorTreeSelectStyleFunc(prefix) {
+  var prepareComponentToken = function prepareComponentToken(token) {
+    return {
+      // fontWeight: 400,
+    };
+  };
+  return createStyleHook(prefix, function (token) {
+    var prefixCls = ".".concat(prefix);
+    return [_defineProperty({}, prefixCls, {
+      '.spec-uploader-viewonly-item': {
+        padding: token.paddingXS,
+        marginRight: token.marginXS,
+        border: "1px solid ".concat(token.colorBorder),
+        borderRadius: token.borderRadiusSM
+      }
+    })];
+  }, prepareComponentToken // 当前组件扩展的变量
+  );
+};
+export default RefactorTreeSelectStyleFunc;