@zat-design/sisyphus-react 3.0.13

package/es/ProForm/utils/index.js

@@ -0,0 +1,298 @@
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { useState } from 'react';
+import _, { isObject, isFunction, cloneDeep } from 'lodash';
+var colProps = {
+  search: {
+    span: 8
+  },
+  drawer: {
+    span: 12
+  }
+};
+var footer = {
+  search: true,
+  drawer: false
+};
+export var getLayout = function getLayout(params) {
+  var mode = params.mode,
+    span = params.span,
+    form = params.form;
+  var _colProps = _objectSpread({}, colProps[mode]);
+  if (span) {
+    _colProps.span = span;
+  }
+  return {
+    modeFooter: footer[mode],
+    formProps: {
+      colon: false,
+      labelAlign: 'left',
+      labelWrap: true
+    },
+    colProps: _colProps,
+    onCancel: function onCancel() {
+      form.resetFields();
+    },
+    onOk: function onOk() {
+      form.submit();
+    }
+  };
+};
+// 受控状态
+export var useControlled = function useControlled(props) {
+  var value = props.value,
+    onChange = props.onChange;
+  var _useState = useState(value || false),
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
+  if (value !== undefined) {
+    return [value, onChange];
+  }
+  return [state, setState];
+};
+export var isSelect = function isSelect(props) {
+  var dataSource = props.dataSource,
+    type = props.type;
+  return (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) || ['Select', 'ProSelect', 'ProEnum', 'DatePicker', 'RangePicker', 'ProAddressBar', 'ProTimeLimit'].includes(type);
+};
+/**
+ * Input TextArea 移除前后空格
+ * @param type 组件类型
+ * @param trim 是否移除前后空格
+ * @returns {}
+ */
+export var isTrim = function isTrim(type, trim) {
+  var result = {};
+  if (['Input', 'TextArea'].includes(type) && trim) {
+    result.getValueFromEvent = function (event) {
+      return event.target.value.trim();
+    };
+  }
+  return result;
+};
+// 剔除otherProps 组成对象返回
+export var weedOutProps = function weedOutProps(data, keys) {
+  var obj = {};
+  var weedOut = {};
+  Object.keys(data).forEach(function (key) {
+    var included = keys.includes(key);
+    if (included) {
+      weedOut[key] = data[key];
+    } else {
+      obj[key] = data[key];
+    }
+  });
+  return [obj, weedOut];
+};
+// 对比字段变化
+export var contrast = function contrast(prevValues, curValues, names) {
+  return names.some(function (name) {
+    return _.get(prevValues, name) !== _.get(curValues, name);
+  });
+};
+// 表单name展开
+export var splitNameStr = function splitNameStr(name) {
+  return name.split('-').map(function (keyStr) {
+    return keyStr.split('_');
+  });
+};
+// 过滤掉字段名中包含 '-' 的字段
+export var filterInternalFields = function filterInternalFields(values) {
+  var nextValues = values;
+  if (Array.isArray(nextValues)) {
+    nextValues.forEach(function (item) {
+      filterInternalFields(item);
+    });
+  }
+  if (isObject(nextValues)) {
+    Object.keys(nextValues).forEach(function (key) {
+      if (key.includes('-')) {
+        delete nextValues[key];
+      }
+      filterInternalFields(nextValues[key]);
+    });
+  }
+  return nextValues;
+};
+export var getAllNamePath = function getAllNamePath(object) {
+  var currentPath = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  var keys = Object.keys(object);
+  var resultKeys = [];
+  keys.forEach(function (key) {
+    var value = object[key];
+    // 拆开组合key (组合key只可能存在于最外层)
+    if (key.includes('-')) {
+      resultKeys.concat(key.split('-').map(function (keyStr) {
+        return keyStr.split('_');
+      }));
+    }
+    // 深度获取对象key
+    if (isObject(value)) {
+      resultKeys.concat(getAllNamePath(value, [].concat(_toConsumableArray(currentPath), [key])));
+    }
+    resultKeys.push([].concat(_toConsumableArray(currentPath), [key]));
+  });
+  return resultKeys;
+};
+// 判断一个字段值是否算空
+var nullList = [undefined, 'null', '""', '[]'];
+export var isNullValue = function isNullValue(value) {
+  return nullList.includes(JSON.stringify(value));
+};
+// 判断数组是否算空
+export var isNullArray = function isNullArray(value, length) {
+  var hasValue = false;
+  var hasNullValue = false;
+  if (Array.isArray(value)) {
+    for (var i = 0; i < length; i++) {
+      if (!isNullValue(value[i])) {
+        hasValue = true;
+      } else {
+        hasNullValue = true;
+      }
+    }
+    return hasValue && hasNullValue;
+  }
+  return !value;
+};
+export function toArray(value) {
+  if (value === undefined || value === null) {
+    return [];
+  }
+  return Array.isArray(value) ? value : [value];
+}
+/**
+ * names值合并
+ * @param obj AnyObject
+ * @returns AnyObject
+ */
+export function processHyphenKeys(obj) {
+  var newObj = _objectSpread({}, obj);
+  var keys = Object.keys(obj);
+  for (var _i = 0, _keys = keys; _i < _keys.length; _i++) {
+    var key = _keys[_i];
+    if (key.includes('-')) {
+      var keyParts = key.split('-');
+      var shouldCombine = true;
+      var combinedArray = [];
+      var _iterator = _createForOfIteratorHelper(keyParts),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var part = _step.value;
+          if (obj.hasOwnProperty(part)) {
+            combinedArray.push(obj[part]);
+          } else {
+            shouldCombine = false;
+            break;
+          }
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+      if (shouldCombine) {
+        newObj[key] = combinedArray;
+      } else {
+        newObj[key] = undefined;
+      }
+    }
+    // 匹配数组的namePath,只匹配到1层
+    if (key.includes('_')) {
+      var _keyParts = key.split('_')[0];
+      // 校验值是否存在，解决names多传额外空值报错
+      newObj[key] = isObject(newObj[_keyParts]) ? Object.values(newObj[_keyParts]).filter(function (val) {
+        return val !== null && val !== undefined && val !== '';
+      }) : [];
+    }
+  }
+  return cloneDeep(newObj);
+}
+/**
+ * 初始化值names值合并
+ * @param obj AnyObject
+ * @returns AnyObject
+ */
+export function initialValuesToNames(values, columns) {
+  var result = {};
+  if (!Array.isArray(columns)) {
+    return result;
+  }
+  columns.forEach(function (item) {
+    if (Array.isArray(item === null || item === void 0 ? void 0 : item.names)) {
+      var _item$names;
+      var key = (_item$names = item.names) === null || _item$names === void 0 ? void 0 : _item$names.map(function (name) {
+        return Array.isArray(name) ? name.join('_') : name;
+      }).join('-');
+      values[key] = undefined;
+    }
+  });
+  return processHyphenKeys(values);
+}
+/**
+ * 获取数组含数字的新数组
+ * @returns ['group-7x19no', 0, 'abc'] =>['group-7x19no', 0]
+ */
+export function getArrayBeforeNumber(arr) {
+  var index = arr.findIndex(function (item) {
+    return typeof item === 'number';
+  });
+  return index !== -1 ? arr.slice(0, index + 1) : arr;
+}
+// 自定义深比对 如果两边都是函数类型则认为相等
+export var customEqualForFun = function customEqualForFun(value, other) {
+  if (isFunction(value) && isFunction(other)) {
+    return true;
+  }
+};
+/**
+ * 查询数据中是否包含rowKey
+ */
+export var hasRowKey = function hasRowKey(obj) {
+  if (_typeof(obj) !== 'object' || obj === null) {
+    return false;
+  }
+  var keys = Object.keys(obj);
+  var rowKeyExists = keys.includes('rowKey');
+  if (rowKeyExists) {
+    return true;
+  }
+  return keys.some(function (key) {
+    return hasRowKey(obj[key]);
+  });
+};
+/**
+ * 查询数据中是否包含rowKey
+ */
+export var view = function view(obj) {
+  if (_typeof(obj) !== 'object' || obj === null) {
+    return false;
+  }
+  var keys = Object.keys(obj);
+  var rowKeyExists = keys.includes('rowKey');
+  if (rowKeyExists) {
+    return true;
+  }
+  return keys.some(function (key) {
+    return hasRowKey(obj[key]);
+  });
+};
+/**
+ * 查看高阶render
+ */
+// export const viewRenderHandle = (values, viewRender) => {
+//   if (typeof obj !== 'object' || obj === null) {
+//     return false;
+//   }
+//   const keys = Object.keys(obj);
+//   const rowKeyExists = keys.includes('rowKey');
+//   if (rowKeyExists) {
+//     return true;
+//   }
+//   return keys.some((key) => hasRowKey(obj[key]));
+// };

package/es/ProForm/utils/rulesCreator.d.ts

@@ -0,0 +1 @@
+export declare const rulesCreator: (rules: any, label: any, isSelect: any) => any;

package/es/ProForm/utils/rulesCreator.js

@@ -0,0 +1,26 @@
+import { validate, regExp } from '@zat-design-pro-component/utils';
+import { isNullValue } from './index';
+export var rulesCreator = function rulesCreator(rules, label, isSelect) {
+  var message = "".concat(isSelect ? '请选择' : '请输入', "\u6B63\u786E\u7684").concat(label || '');
+  return rules.map(function (rule) {
+    if (rule instanceof Object && 'type' in rule) {
+      if (Object.keys(regExp).includes(rule.type)) {
+        rule.validator = function (rule, value) {
+          if (!isNullValue(value) && !regExp[rule.type].test(value)) {
+            return Promise.reject(new Error(rule.message || message));
+          }
+          return Promise.resolve();
+        };
+      }
+      if (Object.keys(validate).includes(rule.type)) {
+        rule.validator = function (rule, value) {
+          if (!isNullValue(value) && !validate[rule.type](value)) {
+            return Promise.reject(new Error(rule.message || message));
+          }
+          return Promise.resolve();
+        };
+      }
+    }
+    return rule;
+  });
+};

package/es/ProForm/utils/transformNames.d.ts

@@ -0,0 +1,10 @@
+import { FormInstance, FormItemProps } from 'antd';
+import { NamePath } from 'antd/lib/form/interface';
+interface TransformProps extends FormItemProps {
+    names: NamePath[];
+    form: FormInstance;
+    namePath: any[];
+}
+type TransformFun = 'normalize' | 'getValueProps' | 'shouldUpdate' | 'name';
+declare const transformNames: (formItem: TransformProps, form: FormInstance, names: NamePath[], fieldName: string) => Pick<TransformProps, TransformFun>;
+export default transformNames;

package/es/ProForm/utils/transformNames.js

@@ -0,0 +1,32 @@
+import { union } from 'lodash';
+import { transformValue } from './transformValue';
+var transformNames = function transformNames(formItem, form, names, fieldName) {
+  var _ref = formItem || {},
+    normalize = _ref.normalize,
+    getValueProps = _ref.getValueProps,
+    _shouldUpdate2 = _ref.shouldUpdate;
+  if (!(names === null || names === void 0 ? void 0 : names.length)) {
+    return {};
+  }
+  // 当在formList场景下，给transformValue函数的setFiledProps的name, 需要全namePath
+  var _fieldName = Array.isArray(formItem === null || formItem === void 0 ? void 0 : formItem.name) ? union(formItem === null || formItem === void 0 ? void 0 : formItem.namePath, formItem === null || formItem === void 0 ? void 0 : formItem.name) : fieldName;
+  var _transformValue = transformValue(names, form, _fieldName, normalize, getValueProps),
+    _normalize = _transformValue.normalize,
+    _getValueProps = _transformValue.getValueProps,
+    _shouldUpdate = _transformValue.shouldUpdate;
+  return {
+    name: fieldName,
+    normalize: _normalize,
+    getValueProps: _getValueProps,
+    shouldUpdate: function shouldUpdate() {
+      if (typeof _shouldUpdate2 === 'boolean') {
+        return _shouldUpdate2 || _shouldUpdate();
+      }
+      for (var _len = arguments.length, rest = new Array(_len), _key = 0; _key < _len; _key++) {
+        rest[_key] = arguments[_key];
+      }
+      return (_shouldUpdate2 === null || _shouldUpdate2 === void 0 ? void 0 : _shouldUpdate2.apply(void 0, rest)) || _shouldUpdate.apply(void 0, rest);
+    }
+  };
+};
+export default transformNames;

package/es/ProForm/utils/transformValue.d.ts

@@ -0,0 +1,6 @@
+import { FormInstance, FormItemProps } from 'antd';
+import { NamePath } from 'antd/es/form/interface';
+import { StoreValue, Store } from 'rc-field-form/es/interface.d';
+import { Transform } from '../propsType';
+export declare const transformValue: (names: NamePath[], form: FormInstance, fieldName: NamePath, normalize?: (value: StoreValue, prevValue: StoreValue, allValues: Store) => StoreValue, getValueProps?: FormItemProps['getValueProps']) => Transform;
+export default transformValue;

package/es/ProForm/utils/transformValue.js

@@ -0,0 +1,49 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["value"];
+import { isEqual } from 'lodash';
+import { contrast } from '../utils';
+export var transformValue = function transformValue(names, form, fieldName, _normalize, _getValueProps) {
+  return {
+    normalize: function normalize(value) {
+      var _value = value;
+      // 支持外部传入转换函数
+      if (_normalize) {
+        for (var _len = arguments.length, res = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+          res[_key - 1] = arguments[_key];
+        }
+        _value = _normalize.apply(void 0, [value].concat(res));
+      }
+      names.forEach(function (name, index) {
+        var _value2;
+        form.setFieldValue(name, (_value2 = _value) === null || _value2 === void 0 ? void 0 : _value2[index]);
+      });
+      return _value;
+    },
+    getValueProps: function getValueProps(value) {
+      var _value = [];
+      names.forEach(function (name, index) {
+        // const value = form.getFieldValue(name) || getBaseName(name, form);
+        var value = form.getFieldValue(name);
+        ![null, undefined].includes(value) && (_value[index] = value);
+      });
+      // 支持外部传入转换函数
+      var _ref = (_getValueProps === null || _getValueProps === void 0 ? void 0 : _getValueProps(_value)) || {
+          value: _value
+        },
+        cusValue = _ref.value,
+        cusRest = _objectWithoutProperties(_ref, _excluded);
+      if (!isEqual(value, cusValue)) {
+        form.setFieldValue(fieldName, cusValue);
+      }
+      // 如果表单里的值和组合得到的值不全等  更新表单里的值、
+      return _objectSpread({
+        value: cusValue
+      }, cusRest);
+    },
+    shouldUpdate: function shouldUpdate(prevValues, curValues) {
+      return contrast(prevValues, curValues, names);
+    }
+  };
+};
+export default transformValue;

package/es/ProForm/utils/useChanged.d.ts

@@ -0,0 +1 @@
+export declare const useChanged: (name: any, names: any, nameStr: any, originalValues: any, form: any, fun: any) => any;

package/es/ProForm/utils/useChanged.js

@@ -0,0 +1,10 @@
+import "antd/es/form/style";
+import _Form from "antd/es/form";
+import { get } from 'lodash';
+import { contrastOriginal } from './contrastOriginal';
+export var useChanged = function useChanged(name, names, nameStr, originalValues, form, fun) {
+  var value = _Form.useWatch(nameStr || name, form);
+  if (!originalValues || get(originalValues, nameStr || name) === undefined) return false;
+  var changed = contrastOriginal(name, names, originalValues, value, fun);
+  return changed;
+};

package/es/ProForm/utils/useForm.d.ts

@@ -0,0 +1,2 @@
+import { FormInstance } from 'antd';
+export declare const useForm: <T>(originForm: FormInstance<T>) => [FormInstance<T>];

package/es/ProForm/utils/useForm.js

@@ -0,0 +1,96 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import "antd/es/form/style";
+import _Form from "antd/es/form";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { useEffect } from 'react';
+import { cloneDeep } from 'lodash';
+import { filterInternalFields, processHyphenKeys, hasRowKey } from './index';
+// eslint-disable-next-line space-before-function-paren
+export var useForm = function useForm(originForm) {
+  var _Form$useForm = _Form.useForm(originForm),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  var getFieldsValue = form.getFieldsValue,
+    validateFields = form.validateFields,
+    getFieldValue = form.getFieldValue;
+  useEffect(function () {
+    var _getFieldsValue = function _getFieldsValue() {
+      for (var _len = arguments.length, rest = new Array(_len), _key = 0; _key < _len; _key++) {
+        rest[_key] = arguments[_key];
+      }
+      var props = (rest === null || rest === void 0 ? void 0 : rest.length) ? rest : [true];
+      // @ts-ignore
+      var values = getFieldsValue.apply(void 0, _toConsumableArray(props));
+      if (rest === null || rest === void 0 ? void 0 : rest.length) {
+        return values;
+      }
+      if ((rest === null || rest === void 0 ? void 0 : rest[0]) === true) {
+        return values;
+      }
+      return filterInternalFields(cloneDeep(values));
+    };
+    var originSetFieldsValue = form.setFieldsValue; // 备份原始的 setFieldsValue 方法
+    // const originSetFieldValue = form.setFieldValue; // 备份原始的 setFieldValue 方法
+    var _setFieldsValue = function _setFieldsValue(values) {
+      if (hasRowKey(values)) {
+        originSetFieldsValue(values); // 调用原始方法
+      } else {
+        var mergedValues = processHyphenKeys(_objectSpread(_objectSpread({}, getFieldsValue()), values));
+        originSetFieldsValue(mergedValues); // 调用原始方法
+      }
+    };
+    // const _setFieldValue: FormInstance<T>['setFieldValue'] = (namePath, value) => {
+    //   // 当namePath是数组且最后一个为数字时，就是行编辑
+    //   if (Array.isArray(namePath) && isNumber(namePath[namePath.length - 1])) {
+    //     const newNamePath: any = getArrayBeforeNumber(namePath); // formList&ProEditTable的行namePath
+    //     const getRightValue = getFieldsValue()[newNamePath[0]] ? getFieldsValue()[newNamePath[0]] : getFieldsValue()[newNamePath[0].split('-')[0]];
+    //     const getNamePathValue = getRightValue?.[newNamePath[newNamePath.length - 1]]; // 取当前行数据
+    //     const mergedValues: any = processHyphenKeys({ ...getNamePathValue, ...value });
+    //     originSetFieldValue(newNamePath, mergedValues); // 调用原始方法
+    //   } else {
+    //     originSetFieldValue(namePath, value);
+    //   }
+    // };
+    var _validateFields = /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(nameList) {
+        var values, _values;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return validateFields(nameList);
+            case 2:
+              values = _context.sent;
+              if (!nameList) {
+                _context.next = 5;
+                break;
+              }
+              return _context.abrupt("return", values);
+            case 5:
+              _values = _getFieldsValue();
+              return _context.abrupt("return", _values);
+            case 7:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function _validateFields(_x) {
+        return _ref.apply(this, arguments);
+      };
+    }();
+    form.getFieldsValue = _getFieldsValue;
+    form.validateFields = _validateFields;
+    form.setFieldsValue = _setFieldsValue;
+    // form.setFieldValue = _setFieldValue;
+    // return () => {
+    //   // 组件卸载前恢复原始的 setFieldsValue 方法
+    //   form.setFieldsValue = originSetFieldsValue;
+    //   form.setFieldValue = originSetFieldValue;
+    // };
+  }, [form]);
+  return [form];
+};

package/es/ProForm/utils/useShouldUpdate.d.ts

@@ -0,0 +1,24 @@
+import { FormInstance, FormItemProps } from 'antd';
+import { ProColumnProps, ProRule } from '../components/render/propsType';
+interface Result<Values> {
+    shouldUpdate?: FormItemProps<Values>['shouldUpdate'];
+    show?: boolean;
+    disabled?: boolean;
+    rules?: ProRule[];
+    required?: boolean;
+    [key: string]: any;
+}
+interface UseShouldUpdateProps<Values> {
+    show?: ProColumnProps['show'];
+    formItemProps?: ProColumnProps['formItemProps'] & {
+        clearNotShow?: boolean;
+    };
+    form?: FormInstance<Values>;
+    disabled?: ProColumnProps['disabled'];
+    rules?: ProRule[];
+    required?: boolean;
+    [key: string]: any;
+}
+type HookShouldUpdate<Values = any> = ({ show, formItemProps, form, disabled, rules, required, }: UseShouldUpdateProps<Values>) => Result<Values>;
+declare const useShouldUpdate: HookShouldUpdate;
+export default useShouldUpdate;