fan-standard-comp 3.1.9 → 3.2.0

package/es/FormComp/FieldComponent/setReadonlyValues.js

@@ -1,32 +1,25 @@
 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 _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 { getBase64 } from "../Uploader/util"; // 设置纯展示模式下的级联选择显示值
+import { getBase64 } from "../Uploader/util";
+// 设置纯展示模式下的级联选择显示值
 
 var setCascaderValue = function setCascaderValue(value, props) {
   var selectOptions = props.selectOptions,
-      defaultProps = props.defaultProps;
+    defaultProps = props.defaultProps;
   if (!value || value.length === 0 || !selectOptions) return '-'; // 无值情况 下
-
   var matchNode = undefined;
   var matchValueItems = [];
   value.forEach(function (valKey) {
-    var matchValue; // 第一个值使用  ‘selectOptions’查找，后面使用上一次匹配到的父节点查找 matchNode
-
+    var matchValue;
+    // 第一个值使用  ‘selectOptions’查找，后面使用上一次匹配到的父节点查找 matchNode
     if (matchNode && matchNode.children) {
       matchValue = matchNode.children.filter(function (seItem) {
         return seItem.value == valKey;
@@ -36,44 +29,39 @@ var setCascaderValue = function setCascaderValue(value, props) {
         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;
+    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) {
@@ -85,94 +73,79 @@ var setSelectValue = function setSelectValue(value, props) {
           matchValues.push(matchValue[0].label);
         }
       }
-    }); // 如果 select 配置选项展示内容，则直接使用其配置值展示当前只读信息
-
+    });
+    // 如果 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 配置选项展示内容，则直接使用其配置值展示当前只读信息
-
+    });
+    // 如果 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;
+    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;
+    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];
-
+      _useState2 = _slicedToArray(_useState, 2),
+      previews = _useState2[0],
+      setPreviews = _useState2[1];
     useEffect(function () {
       var previewsUlr = [];
       value.forEach(function (vItem) {
@@ -212,10 +185,9 @@ var setUploaderValue = function setUploaderValue(value, props) {
     }))));
   } else {
     var _useState3 = useState(),
-        _useState4 = _slicedToArray(_useState3, 2),
-        preview = _useState4[0],
-        setPreview = _useState4[1];
-
+      _useState4 = _slicedToArray(_useState3, 2),
+      preview = _useState4[0],
+      setPreview = _useState4[1];
     useEffect(function () {
       getBase64(value).then(function (result) {
         setPreview(result);
@@ -232,5 +204,4 @@ var setUploaderValue = function setUploaderValue(value, props) {
     }) : '暂无图片');
   }
 };
-
 export { setCascaderValue, setSelectValue, setDatePickerValue, setTimePickerValue, setUploaderValue };

package/es/FormComp/FieldComponent/style/index.less

@@ -3,6 +3,12 @@
 
 .refactor-tree-select {
   position: relative;
+  &.refactor-tree-select-sm {
+    .refactor-tree-select-extra {
+      height: 22px;
+      line-height: 20px;
+    }
+  }
   .ant-select {
     z-index: 2;
     .ant-select-selector {

package/es/FormComp/RenderItemGroup/index.js

@@ -6,65 +6,54 @@ import "antd/es/col/style";
 import _Col from "antd/es/col";
 import "antd/es/form/style";
 import _Form from "antd/es/form";
-
-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); }
-
+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); }
 import React from "react";
 import { general } from '../../data';
 import Field from '../FieldComponent';
 import SpecIcon from '../../SpecIcon';
 var FormItem = _Form.Item;
-
 var RenderItemGroup = function RenderItemGroup(props) {
   var itemGroup = props.itemGroup,
-      _props$size = props.size,
-      size = _props$size === void 0 ? 'md' : _props$size,
-      _props$fieldStatus = props.fieldStatus,
-      fieldStatus = _props$fieldStatus === void 0 ? 'default' : _props$fieldStatus,
-      _props$fieldSize = props.fieldSize,
-      fieldSize = _props$fieldSize === void 0 ? 'middle' : _props$fieldSize,
-      displayLayout = props.displayLayout,
-      form = props.form,
-      doUpdateFormFields = props.doUpdateFormFields,
-      _props$layout = props.layout,
-      layout = _props$layout === void 0 ? "horizontal" : _props$layout;
-
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'md' : _props$size,
+    _props$fieldStatus = props.fieldStatus,
+    fieldStatus = _props$fieldStatus === void 0 ? 'default' : _props$fieldStatus,
+    _props$fieldSize = props.fieldSize,
+    fieldSize = _props$fieldSize === void 0 ? 'middle' : _props$fieldSize,
+    displayLayout = props.displayLayout,
+    form = props.form,
+    doUpdateFormFields = props.doUpdateFormFields,
+    _props$layout = props.layout,
+    layout = _props$layout === void 0 ? "horizontal" : _props$layout;
   var setColSpan = function setColSpan(display, modalSize) {
     if (_typeof(display) === 'object' || display === 'block' || modalSize === 'xs' || modalSize === 'sm') {
       return 24;
     }
-
     if (modalSize === 'lg' || modalSize === 'xlg') {
       return 8;
     }
-
     return 12;
   };
-
   var updateFormFields = function updateFormFields() {
     // if (newVal) form && form.setFieldsValue({ ...newVal })
     if (doUpdateFormFields) doUpdateFormFields(); // 用于触发更新表单实例赋值
-  }; // useEffect(() => {
+  };
+  // useEffect(() => {
   //   // updateFormFields()
   // }, [form])
   // 渲染隐藏指定控件
-
-
   var itemIsHide = function itemIsHide(isHide, getFieldsValue, FormInstance) {
     if (typeof isHide === 'function') {
       return isHide(getFieldsValue, FormInstance, fieldStatus);
     }
-
     return isHide || false;
-  }; // 渲染表单控件
-
-
+  };
+  // 渲染表单控件
   var renderFormField = function renderFormField(field) {
     var componentStyle = field.componentStyle,
-        extra = field.extra,
-        preExtra = field.preExtra; // 当前可传参的配置值
+      extra = field.extra,
+      preExtra = field.preExtra; // 当前可传参的配置值
     // 带前缀或后缀控件渲染
-
     if (preExtra || extra) {
       return /*#__PURE__*/React.createElement(React.Fragment, null, preExtra ? preExtra(field, form) : '', /*#__PURE__*/React.createElement(FormItem, {
         noStyle: true,
@@ -73,11 +62,9 @@ var RenderItemGroup = function RenderItemGroup(props) {
       }, /*#__PURE__*/React.createElement(Field, Object.assign({}, field, {
         onChange: function onChange(eOrValue) {
           updateFormFields();
-
           for (var _len = arguments.length, otherParams = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
             otherParams[_key - 1] = arguments[_key];
           }
-
           if (field.onChange) field.onChange.apply(field, [eOrValue].concat(otherParams));
         },
         fieldStatus: field.fieldStatus || fieldStatus,
@@ -92,12 +79,11 @@ var RenderItemGroup = function RenderItemGroup(props) {
           //   updateValue = val.target.value
           // }
           // updateFormFields({ [field.filedName]: updateValue })
-          updateFormFields(); // if (field.onChange) field.onChange(val, form)
-
+          updateFormFields();
+          // if (field.onChange) field.onChange(val, form)
           for (var _len2 = arguments.length, otherParams = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
             otherParams[_key2 - 1] = arguments[_key2];
           }
-
           if (field.onChange) field.onChange.apply(field, [eOrValue].concat(otherParams));
         },
         fieldStatus: field.fieldStatus || fieldStatus,
@@ -106,14 +92,12 @@ var RenderItemGroup = function RenderItemGroup(props) {
       }));
     }
   };
-
   var renderColFormItem = function renderColFormItem(item, index, formLayout) {
     var label = item.label,
-        description = item.description,
-        type = item.type,
-        customRender = item.customRender,
-        filedName = item.filedName; // 当前可传参的配置值
-
+      description = item.description,
+      type = item.type,
+      customRender = item.customRender,
+      filedName = item.filedName; // 当前可传参的配置值
     if (layout === "horizontal") {
       return /*#__PURE__*/React.createElement(_Col, {
         key: index,
@@ -144,62 +128,56 @@ var RenderItemGroup = function RenderItemGroup(props) {
         rules: item.rules || (item.fieldOptions ? item.fieldOptions.rules : [])
       }, formLayout, item.protoFormItem), type === 'custom' && customRender ? customRender(form, Object.assign({}, item), fieldStatus) : renderFormField(Object.assign({}, item)));
     }
-  }; // 渲染表单控件列表
-
-
+  };
+  // 渲染表单控件列表
   var renderItemGroupNode = function renderItemGroupNode() {
     return itemGroup.map(function (item, index) {
       var label = item.label,
-          isHide = item.isHide,
-          type = item.type,
-          _item$display = item.display,
-          display = _item$display === void 0 ? 'side' : _item$display; // 当前可传参的配置值
-
-      var formLayout = {}; // if (displayLayout) {
+        isHide = item.isHide,
+        type = item.type,
+        _item$display = item.display,
+        display = _item$display === void 0 ? 'side' : _item$display; // 当前可传参的配置值
+      var formLayout = {};
+      // if (displayLayout) {
       //   // 如果未配置，则使用以下配置值
       //   formLayout = { ...displayLayout }
       // }
       // 优先级 displayLayout.side > displayLayout > general
       // 优先级：若有displayLayout.block 则直接使用 general > displayLayout
-
       formLayout = (displayLayout === null || displayLayout === void 0 ? void 0 : displayLayout.side) || ((displayLayout === null || displayLayout === void 0 ? void 0 : displayLayout.block) ? general.modalSize[size].formLayout : !displayLayout || JSON.stringify(displayLayout) === '{}' ? general.modalSize[size].formLayout : displayLayout);
-
       if (item.hasOwnProperty('display')) {
         if (typeof display === 'string') {
           if (display === 'block') {
             formLayout = (displayLayout === null || displayLayout === void 0 ? void 0 : displayLayout.block) || general.modalSize[size].formBlockLayout;
-          } else {// 使用默认
+          } else {
+            // 使用默认
             // formLayout = displayLayout?.side || (displayLayout?.block ? general.modalSize[size].formLayout : displayLayout) || general.modalSize[size].formLayout
           }
         } else {
           formLayout = item.display; // 对象类型传值如： {labelCol: {span: 3},wrapperCol: {span: 8}} 优先级最高
         }
-      } // 当布局为 'vertical'或'inline'时，不配置栅格结构
-
-
+      }
+      // 当布局为 'vertical'或'inline'时，不配置栅格结构
       if (layout !== 'horizontal') {
         formLayout = {};
-      } // title标题或html渲染
-
-
+      }
+      // title标题或html渲染
       if (type === 'title' || type === 'html') {
         return /*#__PURE__*/React.createElement(FormItem, {
           key: index,
           noStyle: true,
           shouldUpdate: true
         }, function (FormInstance) {
-          var _a; // isHide 返回为true则隐藏当前控件
-
-
+          var _a;
+          // isHide 返回为true则隐藏当前控件
           return !itemIsHide(isHide, FormInstance.getFieldValue(), FormInstance) ? /*#__PURE__*/React.createElement(_Col, {
             span: item.colSpan || 24
           }, type === 'title' ? /*#__PURE__*/React.createElement("h3", Object.assign({}, item.protoConfig, {
             className: "modalPanelTitle ".concat(((_a = item === null || item === void 0 ? void 0 : item.protoConfig) === null || _a === void 0 ? void 0 : _a.className) || '')
           }), label) : label) : /*#__PURE__*/React.createElement(React.Fragment, null, null);
         });
-      } // 判断是否强制重新渲染表单
-
-
+      }
+      // 判断是否强制重新渲染表单
       if (item.protoFormItem && item.protoFormItem.shouldUpdate) {
         return /*#__PURE__*/React.createElement(FormItem, {
           key: index,
@@ -210,25 +188,19 @@ var RenderItemGroup = function RenderItemGroup(props) {
           return !itemIsHide(isHide, FormInstance.getFieldValue(), FormInstance) ? renderColFormItem(item, index, formLayout) : null;
         });
       }
-
       return renderColFormItem(item, index, formLayout);
     });
-  }; // itemGroup = Array 则按以下结构渲染
-
-
+  };
+  // itemGroup = Array 则按以下结构渲染
   if (itemGroup && Array.isArray(itemGroup)) {
     // 布局配置为'vertical或inline'
     if (layout !== 'horizontal') {
       return renderItemGroupNode();
-    } // 布局配置为horizontal
-
-
+    }
+    // 布局配置为horizontal
     return /*#__PURE__*/React.createElement(_Row, null, renderItemGroupNode());
   }
   /* itemGroup = ReactNode则直接返回 */
-
-
   return itemGroup;
 };
-
 export default RenderItemGroup;