@zat-design/sisyphus-react 3.13.19-beta.6 → 3.13.19-beta.7

package/es/ProForm/components/combination/Group/hooks/index.js

@@ -1,14 +1,12 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _isEqual from "lodash/isEqual";
-import _cloneDeep from "lodash/cloneDeep";
 /* eslint-disable no-lonely-if */
 import { useRef } from 'react';
-import { useDeepCompareMemo } from '../../../../utils/useDeepCompareMemo';
-import { difference } from '../../../../../ProEditTable/utils/tools';
-import { getReactiveProps, getValueTypeTrans, valueFromEventWrapper } from '../utils';
+import { cloneDeep, isEqual } from 'lodash';
+import { useDeepCompareMemo } from "../../../../utils/useDeepCompareMemo";
+import { difference } from "../../../../../ProEditTable/utils/tools";
+import { getReactiveProps, getValueTypeTrans, valueFromEventWrapper } from "../utils";
 /** 转换columns */
-export var useTransformColumns = function useTransformColumns(params) {
+export var useTransformColumns = params => {
   var form = params.form,
     columns = params.columns,
     name = params.name,
@@ -21,7 +19,7 @@ export var useTransformColumns = function useTransformColumns(params) {
     formDisabled = params.formDisabled,
     desensitizationKey = params.desensitizationKey;
   var timerRef = useRef([]);
-  return columns === null || columns === void 0 ? void 0 : columns.flatMap(function (column, index) {
+  return columns === null || columns === void 0 ? void 0 : columns.flatMap((column, index) => {
     var type = column.type,
       valueType = column.valueType,
       switchValue = column.switchValue,
@@ -40,19 +38,20 @@ export var useTransformColumns = function useTransformColumns(params) {
       comDisabled = _ref.disabled;
     var _disabled = disabled || comDisabled;
     var columnName = names ? names[index] : [].concat(name, index);
+
     // 响应式字段改变后的回调
-    var changedCallback = function changedCallback(lastDependency, current) {
+    var changedCallback = (lastDependency, current) => {
       // 清值防抖  多次刷新时以最后一次为准
       if (clearNotShow !== false && names) {
         if ((current === null || current === void 0 ? void 0 : current.show) === false) {
           clearInterval(timerRef.current[index]);
-          timerRef.current[index] = setTimeout(function () {
+          timerRef.current[index] = setTimeout(() => {
             if (names) {
               form.resetFields([columnName]);
             }
-            if (!names && (value === null || value === void 0 ? void 0 : value.length)) {
+            if (!names && value !== null && value !== void 0 && value.length) {
               value[index] = null;
-              form.setFieldValue(columnName, _toConsumableArray(value));
+              form.setFieldValue(columnName, [...value]);
             }
           }, 200);
         } else {
@@ -60,22 +59,24 @@ export var useTransformColumns = function useTransformColumns(params) {
         }
       }
     };
+
     // 响应式字段
     // eslint-disable-next-line react-hooks/rules-of-hooks
-    var reactiveProps = useDeepCompareMemo(function () {
+    var reactiveProps = useDeepCompareMemo(() => {
       return getReactiveProps({
-        form: form,
-        index: index,
-        type: type,
-        namePath: namePath,
+        form,
+        index,
+        type,
+        namePath,
         disabled: _disabled,
-        show: show,
-        component: component,
-        fieldProps: fieldProps,
+        show,
+        component,
+        fieldProps,
         name: columnName,
-        desensitization: desensitization
+        desensitization
       });
     }, changedCallback, [value, show, fieldProps, _disabled, columnName, type]);
+
     // 从处理后的fieldProps中获取事件处理器
     var _ref2 = reactiveProps.fieldProps || {},
       onFieldChange = _ref2.onFieldChange,
@@ -84,12 +85,12 @@ export var useTransformColumns = function useTransformColumns(params) {
       return [];
     }
     var transform = getValueTypeTrans({
-      type: type,
-      valueType: valueType,
-      switchValue: switchValue,
-      toISOString: toISOString,
-      toCSTString: toCSTString,
-      mode: mode
+      type,
+      valueType,
+      switchValue,
+      toISOString,
+      toCSTString,
+      mode
     });
     var newValue;
     var handleChange = function handleChange() {
@@ -97,43 +98,43 @@ export var useTransformColumns = function useTransformColumns(params) {
         args[_key] = arguments[_key];
       }
       newValue = valueFromEventWrapper(column, args);
-      if (transform === null || transform === void 0 ? void 0 : transform.normalize) {
+      if (transform !== null && transform !== void 0 && transform.normalize) {
         var _transform$normalize;
-        newValue = transform === null || transform === void 0 ? void 0 : (_transform$normalize = transform.normalize) === null || _transform$normalize === void 0 ? void 0 : _transform$normalize.call(transform, newValue);
+        newValue = transform === null || transform === void 0 || (_transform$normalize = transform.normalize) === null || _transform$normalize === void 0 ? void 0 : _transform$normalize.call(transform, newValue);
       } else if (normalize) {
         // @ts-ignore
         newValue = normalize === null || normalize === void 0 ? void 0 : normalize(newValue);
       }
+
       // 根据模式选择值管理方式
       if (names) {
         // 独立字段模式：设置单个字段值 + 触发整体校验
         form.setFieldValue(columnName, newValue);
         // 确保触发Group整体的校验
-        internalChange === null || internalChange === void 0 ? void 0 : internalChange(newValue, args[1], index);
+        internalChange === null || internalChange === void 0 || internalChange(newValue, args[1], index);
       } else {
         // 数组值模式
-        internalChange === null || internalChange === void 0 ? void 0 : internalChange(newValue, args[1], index);
+        internalChange === null || internalChange === void 0 || internalChange(newValue, args[1], index);
       }
       var values = form.getFieldValue(namePath);
-      var originRow = (namePath === null || namePath === void 0 ? void 0 : namePath.length) ? _cloneDeep(values) : undefined;
-      onChange === null || onChange === void 0 ? void 0 : onChange.apply(void 0, args);
-      onFieldChange === null || onFieldChange === void 0 ? void 0 : onFieldChange(newValue, values, {
+      var originRow = namePath !== null && namePath !== void 0 && namePath.length ? cloneDeep(values) : undefined;
+      onChange === null || onChange === void 0 || onChange(...args);
+      onFieldChange === null || onFieldChange === void 0 || onFieldChange(newValue, values, {
         index: outerIndex,
-        namePath: namePath,
-        form: form,
+        namePath,
+        form,
         option: args === null || args === void 0 ? void 0 : args[1]
       });
+
       // 如果是在可编辑表格或formList内部, 储存当前行的值, 并在变更后更新到表单里
-      if ((namePath === null || namePath === void 0 ? void 0 : namePath.length) && !_isEqual(originRow, values)) {
+      if (namePath !== null && namePath !== void 0 && namePath.length && !isEqual(originRow, values)) {
         var _Object$keys, _Object$keys$map;
         form.setFieldValue(namePath, values);
         var diff = difference(originRow, values) || {};
-        var validateFieldKeys = (_Object$keys = Object.keys(diff)) === null || _Object$keys === void 0 ? void 0 : (_Object$keys$map = _Object$keys.map) === null || _Object$keys$map === void 0 ? void 0 : _Object$keys$map.call(_Object$keys, function (key) {
-          return [].concat(_toConsumableArray(namePath), [key]);
-        });
-        if (validateFieldKeys === null || validateFieldKeys === void 0 ? void 0 : validateFieldKeys.length) {
-          setTimeout(function () {
-            form.validateFields([name].concat(_toConsumableArray(validateFieldKeys)));
+        var validateFieldKeys = (_Object$keys = Object.keys(diff)) === null || _Object$keys === void 0 || (_Object$keys$map = _Object$keys.map) === null || _Object$keys$map === void 0 ? void 0 : _Object$keys$map.call(_Object$keys, key => [...namePath, key]);
+        if (validateFieldKeys !== null && validateFieldKeys !== void 0 && validateFieldKeys.length) {
+          setTimeout(() => {
+            form.validateFields([name, ...validateFieldKeys]);
           }, 100);
         }
       }
@@ -144,15 +145,16 @@ export var useTransformColumns = function useTransformColumns(params) {
       for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
         args[_key2] = arguments[_key2];
       }
-      onBlur === null || onBlur === void 0 ? void 0 : onBlur(args[0], values, {
+      onBlur === null || onBlur === void 0 || onBlur(args[0], values, {
         index: outerIndex,
-        namePath: namePath,
-        form: form,
+        namePath,
+        form,
         option: args === null || args === void 0 ? void 0 : args[1]
       });
     };
+
     // 内外一个为true则为true
-    var getLastDisabled = function getLastDisabled() {
+    var getLastDisabled = () => {
       if (Array.isArray(groupProps.disabled)) {
         return reactiveProps.disabled || groupProps.disabled[index];
       }

package/es/ProForm/components/combination/Group/index.js

@@ -1,23 +1,22 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import "antd/es/space/style";
 import _Space from "antd/es/space";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _omit from "lodash/omit";
-import { jsx as _jsx } from "react/jsx-runtime";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import React from 'react';
+import { omit } from 'lodash';
 import classnames from 'classnames';
-import { insertSeparator } from './utils';
-import { useTransformColumns } from './hooks';
-import ProForm from '../../../../ProForm';
-import ComRender from './component/ComRender';
+import { insertSeparator } from "./utils";
+import { useTransformColumns } from "./hooks";
+import ProForm from "../../../../ProForm";
+import ComRender from "./component/ComRender";
+
 /**
  * 1. 外层过滤FormItem相关属性, 但是子元素上的 required [disabled] [show] rules [fieldProps] [component] 需要取到并
  * 2.
  *
  * render内部能力 show, component, value, onChange, disabled, clearNotShow, fieldProps
  */
-var Group = function Group(props) {
+import { jsx as _jsx } from "react/jsx-runtime";
+var Group = props => {
   var children = props.children,
     className = props.className,
     _props$space = props.space,
@@ -40,63 +39,65 @@ var Group = function Group(props) {
     index = contextProps.index,
     isView = contextProps.isView;
   var nextOption = React.useRef([]);
+
   // 组合onChange
-  var handleChange = function handleChange(value, option, index) {
-    var nextValue = props.value ? _toConsumableArray(props.value) : [];
+  var handleChange = (value, option, index) => {
+    var nextValue = props.value ? [...props.value] : [];
     nextValue[index] = value;
     nextOption.current[index] = option;
     onChange(nextValue, nextOption.current);
   };
   var columnsProps = useTransformColumns({
     columns: children,
-    name: name,
-    names: names,
+    name,
+    names,
     onChange: handleChange,
-    namePath: namePath,
-    form: form,
-    index: index,
-    value: value,
+    namePath,
+    form,
+    index,
+    value,
     groupProps: props,
-    formDisabled: formDisabled,
-    desensitizationKey: desensitizationKey
+    formDisabled,
+    desensitizationKey
   });
   var columns = insertSeparator(columnsProps, space);
-  var nextClassName = classnames(_defineProperty({
+  var nextClassName = classnames({
     'pro-group': true,
-    'pro-group-diy-width': columns.some(function (item) {
-      var _item$fieldProps, _item$fieldProps$styl;
-      return item === null || item === void 0 ? void 0 : (_item$fieldProps = item.fieldProps) === null || _item$fieldProps === void 0 ? void 0 : (_item$fieldProps$styl = _item$fieldProps.style) === null || _item$fieldProps$styl === void 0 ? void 0 : _item$fieldProps$styl.width;
+    'pro-group-diy-width': columns.some(item => {
+      var _item$fieldProps;
+      return item === null || item === void 0 || (_item$fieldProps = item.fieldProps) === null || _item$fieldProps === void 0 || (_item$fieldProps = _item$fieldProps.style) === null || _item$fieldProps === void 0 ? void 0 : _item$fieldProps.width;
     }),
-    'pro-group-width-auto': columns.some(function (item) {
+    'pro-group-width-auto': columns.some(item => {
       return ['Radio', 'Checkbox', 'Switch'].includes(item.type);
-    })
-  }, "".concat(className), className));
-  return _jsx("div", {
+    }),
+    [`${className}`]: className
+  });
+  return /*#__PURE__*/_jsx("div", {
     className: nextClassName,
     id: id,
-    children: space.compact || (space === null || space === void 0 ? void 0 : space.separator) ? _jsx(_Space.Compact, {
-      children: columns.map(function (column, index) {
+    children: space.compact || space !== null && space !== void 0 && space.separator ? /*#__PURE__*/_jsx(_Space.Compact, {
+      children: columns.map((column, index) => {
         column.otherProps = otherProps;
         // 自定义间隔移除对应参数
-        if (column === null || column === void 0 ? void 0 : column.separator) {
+        if (column !== null && column !== void 0 && column.separator) {
           delete column.separator;
           delete column.otherProps;
         }
-        return _jsx(ComRender, _objectSpread({
+        return /*#__PURE__*/_jsx(ComRender, _objectSpread({
           contextProps: contextProps,
           isView: isParentView || isView
         }, column), column.name || index);
       })
-    }) : _jsx(_Space, _objectSpread(_objectSpread({
+    }) : /*#__PURE__*/_jsx(_Space, _objectSpread(_objectSpread({
       align: "start"
-    }, _omit(space, ['separator', 'compact'])), {}, {
-      children: columns.map(function (column, index) {
+    }, omit(space, ['separator', 'compact'])), {}, {
+      children: columns.map((column, index) => {
         column.otherProps = otherProps;
-        if (column === null || column === void 0 ? void 0 : column.separator) {
+        if (column !== null && column !== void 0 && column.separator) {
           delete column.separator;
           delete column.otherProps;
         }
-        return _jsx(ComRender, _objectSpread({
+        return /*#__PURE__*/_jsx(ComRender, _objectSpread({
           contextProps: contextProps,
           isView: isParentView || isView
         }, column), column.name || index);

package/es/ProForm/components/combination/Group/utils.js

@@ -1,25 +1,26 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _typeof from "@babel/runtime/helpers/esm/typeof";
 import "antd/es/button/style";
 import _Button from "antd/es/button";
-import _isFunction from "lodash/isFunction";
-import { jsx as _jsx } from "react/jsx-runtime";
+/* eslint-disable no-lonely-if */
+
+import { isFunction } from 'lodash';
 import { validate } from '@zat-design/utils';
-import valueTypeMap from '../../../utils/valueType';
+import valueTypeMap from "../../../utils/valueType";
+import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * 插入间隔符
  * @param columns 表单配置数组
  * @returns
  */
-export var insertSeparator = function insertSeparator(columns, space) {
-  if (!(space === null || space === void 0 ? void 0 : space.separator)) {
+export var insertSeparator = (columns, space) => {
+  if (!(space !== null && space !== void 0 && space.separator)) {
     return columns;
   }
-  var separatorIndexs = function () {
+  var separatorIndexs = (() => {
     var reuslt = [];
     if (validate.isEmpty(space === null || space === void 0 ? void 0 : space.separatorIndex)) {
       return reuslt;
     }
+
     // 如果 index 是数字，将其转换为数组
     if (typeof (space === null || space === void 0 ? void 0 : space.separatorIndex) === 'number') {
       reuslt.push(space.separatorIndex);
@@ -28,16 +29,16 @@ export var insertSeparator = function insertSeparator(columns, space) {
       reuslt = reuslt.concat(space.separatorIndex);
     }
     return reuslt;
-  }();
-  return columns.reduce(function (result, current, index, array) {
+  })();
+  return columns.reduce((result, current, index, array) => {
     // 将当前元素添加到结果数组中
     result.push(current);
-    if (separatorIndexs === null || separatorIndexs === void 0 ? void 0 : separatorIndexs.length) {
-      separatorIndexs.forEach(function (separatorIndex) {
+    if (separatorIndexs !== null && separatorIndexs !== void 0 && separatorIndexs.length) {
+      separatorIndexs.forEach(separatorIndex => {
         if (index === separatorIndex) {
           result.push({
             separator: true,
-            component: _jsx(_Button, {
+            component: /*#__PURE__*/_jsx(_Button, {
               className: "group-separator",
               children: space.separator
             }),
@@ -52,7 +53,7 @@ export var insertSeparator = function insertSeparator(columns, space) {
       if (index < array.length - 1) {
         result.push({
           separator: true,
-          component: _jsx(_Button, {
+          component: /*#__PURE__*/_jsx(_Button, {
             className: "group-separator",
             children: space.separator
           }),
@@ -65,17 +66,19 @@ export var insertSeparator = function insertSeparator(columns, space) {
     return result;
   }, []);
 };
+
 /** 带出event的组件默认取值方法 */
 export function defaultGetValueFromEvent(valuePropName) {
   var event = arguments.length <= 1 ? undefined : arguments[1];
-  if (event && event.target && _typeof(event.target) === 'object' && valuePropName in event.target) {
+  if (event && event.target && typeof event.target === 'object' && valuePropName in event.target) {
     return event.target[valuePropName];
   }
   return event;
 }
+
 /** 转换names */
-export var transformNamesString = function transformNamesString(arr) {
-  var result = arr.map(function (subArr) {
+export var transformNamesString = arr => {
+  var result = arr.map(subArr => {
     if (Array.isArray(subArr)) {
       return subArr.join('_');
     }
@@ -83,31 +86,32 @@ export var transformNamesString = function transformNamesString(arr) {
   });
   return result;
 };
+
 /**
  * Input TextArea 小写自动转大写
  * @param type 组件类型
  * @param upperCase 是否小写转大写
  * @returns {}
  */
-export var isUpperCase = function isUpperCase(type, upperCase) {
+export var isUpperCase = (type, upperCase) => {
   var result = {};
   if (['Input', 'TextArea', 'ProCombination'].includes(type) && upperCase) {
-    result.getValueFromEvent = function (event) {
-      var _event$target, _event$target$value;
+    result.getValueFromEvent = event => {
+      var _event$target;
       if (Array.isArray(event)) {
-        return event.map(function (value) {
+        return event.map(value => {
           var newValue = value === null || value === void 0 ? void 0 : value.replace(/[^a-zA-Z]/g, '');
           return (newValue === null || newValue === void 0 ? void 0 : newValue.toUpperCase()) || '';
         });
       }
-      var newValue = (_event$target = event.target) === null || _event$target === void 0 ? void 0 : (_event$target$value = _event$target.value) === null || _event$target$value === void 0 ? void 0 : _event$target$value.replace(/[^a-zA-Z]/g, '');
+      var newValue = (_event$target = event.target) === null || _event$target === void 0 || (_event$target = _event$target.value) === null || _event$target === void 0 ? void 0 : _event$target.replace(/[^a-zA-Z]/g, '');
       return newValue.toUpperCase() || '';
     };
   }
   return result;
 };
 /** 计算响应式参数的值 */
-export var getReactiveProps = function getReactiveProps(params) {
+export var getReactiveProps = params => {
   var form = params.form,
     index = params.index,
     namePath = params.namePath,
@@ -117,30 +121,30 @@ export var getReactiveProps = function getReactiveProps(params) {
     fieldProps = params.fieldProps,
     desensitization = params.desensitization;
   var values = namePath ? form.getFieldValue(namePath) : form.getFieldsValue();
-  var _disabled = _isFunction(disabled) ? disabled(values, {
-    form: form,
-    index: index,
-    namePath: namePath
+  var _disabled = isFunction(disabled) ? disabled(values, {
+    form,
+    index,
+    namePath
   }) : disabled;
-  var _show = _isFunction(show) ? show(values, {
-    form: form,
-    index: index,
-    namePath: namePath
+  var _show = isFunction(show) ? show(values, {
+    form,
+    index,
+    namePath
   }) : show;
-  var _component = _isFunction(component) ? component(values, {
-    form: form,
-    index: index,
-    namePath: namePath
+  var _component = isFunction(component) ? component(values, {
+    form,
+    index,
+    namePath
   }) : component;
-  var _fieldProps = _isFunction(fieldProps) ? fieldProps(values, {
-    form: form,
-    index: index,
-    namePath: namePath
+  var _fieldProps = isFunction(fieldProps) ? fieldProps(values, {
+    form,
+    index,
+    namePath
   }) : fieldProps;
-  var _desensitization = _isFunction(desensitization) ? desensitization(values, {
-    form: form,
-    index: index,
-    namePath: namePath
+  var _desensitization = isFunction(desensitization) ? desensitization(values, {
+    form,
+    index,
+    namePath
   }) : desensitization;
   return {
     disabled: _disabled,
@@ -151,28 +155,30 @@ export var getReactiveProps = function getReactiveProps(params) {
   };
 };
 /** 获取当前字段的转换函数 */
-export var getValueTypeTrans = function getValueTypeTrans(params) {
+export var getValueTypeTrans = params => {
   var _valueTypeMap$valueTy;
   var valueType = params.valueType;
   var transform = (_valueTypeMap$valueTy = valueTypeMap[valueType]) === null || _valueTypeMap$valueTy === void 0 ? void 0 : _valueTypeMap$valueTy.call(valueTypeMap, params);
   return transform;
 };
-var getTrim = function getTrim(value) {
+var getTrim = value => {
   return (value === null || value === void 0 ? void 0 : value.trim()) || '';
 };
-var getUpperCase = function getUpperCase(value) {
+var getUpperCase = value => {
   var _value = value === null || value === void 0 ? void 0 : value.replace(/[^a-zA-Z]/g, '');
   return _value.toUpperCase() || '';
 };
+
 /** 执行所有中间件 返回处理后的值 */
 export var getValueMiddleware = function getValueMiddleware(value) {
   var callbacks = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  return callbacks.reduce(function (preValue, cb) {
+  return callbacks.reduce((preValue, cb) => {
     return cb === null || cb === void 0 ? void 0 : cb(preValue);
   }, value);
 };
+
 /** 获取中间件处理后的value */
-export var valueFromEventWrapper = function valueFromEventWrapper(column, args) {
+export var valueFromEventWrapper = (column, args) => {
   var getValueFromEvent = column.getValueFromEvent,
     _column$valuePropName = column.valuePropName,
     valuePropName = _column$valuePropName === void 0 ? 'value' : _column$valuePropName,
@@ -180,9 +186,9 @@ export var valueFromEventWrapper = function valueFromEventWrapper(column, args)
     upperCase = column.upperCase;
   var newValue;
   if (getValueFromEvent) {
-    newValue = getValueFromEvent.apply(void 0, _toConsumableArray(args));
+    newValue = getValueFromEvent(...args);
   } else {
-    newValue = defaultGetValueFromEvent.apply(void 0, [valuePropName].concat(_toConsumableArray(args)));
+    newValue = defaultGetValueFromEvent(valuePropName, ...args);
   }
   var list = [];
   if (trim) list.push(getTrim);