@zat-design/sisyphus-react 4.5.9 → 4.5.10-beta.2

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

@@ -1,32 +1,23 @@
-import _omit from "lodash/omit";
-import _isString from "lodash/isString";
-import _isFunction from "lodash/isFunction";
-/* eslint-disable no-lonely-if */
-import { Button } from 'antd';
-import React from 'react';
-import { validate } from '@zat-design/utils';
+import { jsx } from "react/jsx-runtime";
+import { Button } from "antd";
+import isFunction from "lodash/isFunction";
+import isString from "lodash/isString";
+import omit from "lodash/omit";
+import { validate } from "@zat-design/utils";
 import valueTypeMap from "../../../../utils/valueType";
 import locale from "../../../../../locale";
 import { isSelect } from "../../../../utils";
 import { rulesCreator } from "../../../../utils/rulesCreator";
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * 插入间隔符
- * @param columns 表单配置数组
- * @returns
- */
-export const insertSeparator = (columns, space) => {
-  if (!space?.separator) {
+const insertSeparator = (columns, space) => {
+  if (!(space == null ? void 0 : space.separator)) {
     return columns;
   }
   const separatorIndexs = (() => {
     let reuslt = [];
-    if (validate.isEmpty(space?.separatorIndex)) {
+    if (validate.isEmpty(space == null ? void 0 : space.separatorIndex)) {
       return reuslt;
     }
-
-    // 如果 index 是数字，将其转换为数组
-    if (typeof space?.separatorIndex === 'number') {
+    if (typeof (space == null ? void 0 : space.separatorIndex) === "number") {
       reuslt.push(space.separatorIndex);
     }
     if (Array.isArray(space.separatorIndex)) {
@@ -35,17 +26,13 @@ export const insertSeparator = (columns, space) => {
     return reuslt;
   })();
   return columns.reduce((result, current, index, array) => {
-    // 将当前元素添加到结果数组中
     result.push(current);
-    if (separatorIndexs?.length) {
-      separatorIndexs.forEach(separatorIndex => {
+    if (separatorIndexs == null ? void 0 : separatorIndexs.length) {
+      separatorIndexs.forEach((separatorIndex) => {
         if (index === separatorIndex) {
           result.push({
             separator: true,
-            component: /*#__PURE__*/_jsx(Button, {
-              className: "group-separator",
-              children: space.separator
-            }),
+            component: /* @__PURE__ */ jsx(Button, { className: "group-separator", children: space.separator }),
             fieldProps: {
               disabled: true
             }
@@ -53,14 +40,10 @@ export const insertSeparator = (columns, space) => {
         }
       });
     } else {
-      // 如果当前元素不是最后一个元素，则添加间隔符
       if (index < array.length - 1) {
         result.push({
           separator: true,
-          component: /*#__PURE__*/_jsx(Button, {
-            className: "group-separator",
-            children: space.separator
-          }),
+          component: /* @__PURE__ */ jsx(Button, { className: "group-separator", children: space.separator }),
           fieldProps: {
             disabled: true
           }
@@ -70,87 +53,47 @@ export const insertSeparator = (columns, space) => {
     return result;
   }, []);
 };
-
-/** 带出event的组件默认取值方法 */
-export function defaultGetValueFromEvent(valuePropName, ...args) {
+function defaultGetValueFromEvent(valuePropName, ...args) {
   const event = args[0];
-  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 const transformNamesString = arr => {
-  const result = arr.map(subArr => {
+const transformNamesString = (arr) => {
+  const result = arr.map((subArr) => {
     if (Array.isArray(subArr)) {
-      return subArr.join('_');
+      return subArr.join("_");
     }
     return subArr;
   });
   return result;
 };
-
-/**
- * Input TextArea 小写自动转大写
- * @param type 组件类型
- * @param upperCase 是否小写转大写
- * @returns {}
- */
-export const isUpperCase = (type, upperCase) => {
+const isUpperCase = (type, upperCase) => {
   const result = {};
-  if (['Input', 'TextArea'].includes(type) && upperCase) {
-    result.getValueFromEvent = event => {
+  if (["Input", "TextArea"].includes(type) && upperCase) {
+    result.getValueFromEvent = (event) => {
+      var _a, _b;
       if (Array.isArray(event)) {
-        return event.map(value => {
-          const newValue = value?.replace(/[^a-zA-Z]/g, '');
-          return newValue?.toUpperCase() || '';
+        return event.map((value) => {
+          const newValue2 = value == null ? void 0 : value.replace(/[^a-zA-Z]/g, "");
+          return (newValue2 == null ? void 0 : newValue2.toUpperCase()) || "";
         });
       }
-      const newValue = event.target?.value?.replace(/[^a-zA-Z]/g, '');
-      return newValue.toUpperCase() || '';
+      const newValue = (_b = (_a = event.target) == null ? void 0 : _a.value) == null ? void 0 : _b.replace(/[^a-zA-Z]/g, "");
+      return newValue.toUpperCase() || "";
     };
   }
   return result;
 };
-/** 计算响应式参数的值 */
-export const getReactiveProps = params => {
-  const {
-    form,
-    index,
-    namePath,
-    disabled,
-    show,
-    component,
-    fieldProps,
-    desensitization
-  } = params;
+const getReactiveProps = (params) => {
+  const { form, index, namePath, disabled, show, component, fieldProps, desensitization } = params;
   const values = namePath ? form.getFieldValue(namePath) : form.getFieldsValue();
-  const _disabled = _isFunction(disabled) ? disabled(values, {
-    form,
-    index,
-    namePath
-  }) : disabled;
-  const _show = _isFunction(show) ? show(values, {
-    form,
-    index,
-    namePath
-  }) : show;
-  const _component = _isFunction(component) ? component(values, {
-    form,
-    index,
-    namePath
-  }) : component;
-  const _fieldProps = _isFunction(fieldProps) ? fieldProps(values, {
-    form,
-    index,
-    namePath
-  }) : fieldProps;
-  const _desensitization = _isFunction(desensitization) ? desensitization(values, {
-    form,
-    index,
-    namePath
-  }) : desensitization;
+  const _disabled = isFunction(disabled) ? disabled(values, { form, index, namePath }) : disabled;
+  const _show = isFunction(show) ? show(values, { form, index, namePath }) : show;
+  const _component = isFunction(component) ? component(values, { form, index, namePath }) : component;
+  const _fieldProps = isFunction(fieldProps) ? fieldProps(values, { form, index, namePath }) : fieldProps;
+  const _desensitization = isFunction(desensitization) ? desensitization(values, { form, index, namePath }) : desensitization;
   return {
     disabled: _disabled,
     show: _show,
@@ -159,37 +102,26 @@ export const getReactiveProps = params => {
     desensitization: _desensitization
   };
 };
-/** 获取当前字段的转换函数 */
-export const getValueTypeTrans = params => {
-  const {
-    valueType
-  } = params;
-  const transform = valueTypeMap[valueType]?.(params);
+const getValueTypeTrans = (params) => {
+  var _a, _b;
+  const { valueType } = params;
+  const transform = (_b = (_a = valueTypeMap)[valueType]) == null ? void 0 : _b.call(_a, params);
   return transform;
 };
-const getTrim = value => {
-  return value?.trim() || '';
+const getTrim = (value) => {
+  return (value == null ? void 0 : value.trim()) || "";
 };
-const getUpperCase = value => {
-  const _value = value?.replace(/[^a-zA-Z]/g, '');
-  return _value.toUpperCase() || '';
+const getUpperCase = (value) => {
+  const _value = value == null ? void 0 : value.replace(/[^a-zA-Z]/g, "");
+  return _value.toUpperCase() || "";
 };
-
-/** 执行所有中间件 返回处理后的值 */
-export const getValueMiddleware = (value, callbacks = []) => {
+const getValueMiddleware = (value, callbacks = []) => {
   return callbacks.reduce((preValue, cb) => {
-    return cb?.(preValue);
+    return cb == null ? void 0 : cb(preValue);
   }, value);
 };
-
-/** 获取中间件处理后的value */
-export const valueFromEventWrapper = (column, args) => {
-  const {
-    getValueFromEvent,
-    valuePropName = 'value',
-    trim,
-    upperCase
-  } = column;
+const valueFromEventWrapper = (column, args) => {
+  const { getValueFromEvent, valuePropName = "value", trim, upperCase } = column;
   let newValue;
   if (getValueFromEvent) {
     newValue = getValueFromEvent(...args);
@@ -197,19 +129,13 @@ export const valueFromEventWrapper = (column, args) => {
     newValue = defaultGetValueFromEvent(valuePropName, ...args);
   }
   const list = [];
-  if (trim) list.push(getTrim);
-  if (upperCase) list.push(getUpperCase);
+  if (trim)
+    list.push(getTrim);
+  if (upperCase)
+    list.push(getUpperCase);
   return getValueMiddleware(newValue, list);
 };
-
-// ==================== 原 formItemHelpers.ts 内容 ====================
-
-/**
- * 创建FormItem属性（Hook版本）
- */
-export const useFormItemProps = (column, contextProps, groupProps) => {
-  // Debug info removed for production
-
+const useFormItemProps = (column, contextProps, groupProps) => {
   const {
     name,
     label,
@@ -224,54 +150,35 @@ export const useFormItemProps = (column, contextProps, groupProps) => {
     fieldProps = {},
     ...otherFormItemProps
   } = column;
-  const {
-    form,
-    namePath
-  } = contextProps;
-
-  // 构建完整的name路径
+  const { form, namePath } = contextProps;
   const fullName = namePath ? [...namePath, name] : name;
-
-  // 处理依赖关系 - 支持相对路径和绝对路径
   const safeDependencies = Array.isArray(dependencies) ? dependencies : [];
-  const processedDependencies = safeDependencies.map(dep => {
-    if (typeof dep === 'string') {
-      // 相对路径：同Group内的其他字段
+  const processedDependencies = safeDependencies.map((dep) => {
+    if (typeof dep === "string") {
       return namePath ? [...namePath, dep] : dep;
     }
-    return dep; // 绝对路径保持不变
+    return dep;
   });
-
-  // 处理校验规则 - 确保rules是数组
   const safeRules = Array.isArray(rules) ? rules : [];
-
-  // 先调用 rulesCreator 转换自定义校验类型（如 type: 'isEmail'）
   const transformedRules = rulesCreator({
     rules: safeRules,
-    label: label,
-    isSelect: isSelect({
-      dataSource: fieldProps?.dataSource,
-      type
-    }),
-    names: undefined,
+    label,
+    isSelect: isSelect({ dataSource: fieldProps == null ? void 0 : fieldProps.dataSource, type }),
+    names: void 0,
     // 灵活模式不使用 names
     required
   });
-
-  // 然后再处理 validator 的增强逻辑（为 validator 提供 form 和当前字段上下文）
-  const processedRules = transformedRules.map(rule => {
-    if (typeof rule.validator === 'function') {
+  const processedRules = transformedRules.map((rule) => {
+    if (typeof rule.validator === "function") {
       const originalValidator = rule.validator;
       return {
         ...rule,
         validator: async (ruleObj, value) => {
-          // 为validator提供form和当前字段上下文
           const enhancedRule = {
             ...ruleObj,
             form,
             field: fullName,
-            getFieldValue: fieldName => {
-              // 支持相对路径获取同Group内字段值
+            getFieldValue: (fieldName) => {
               const targetName = namePath ? [...namePath, fieldName] : fieldName;
               return form.getFieldValue(targetName);
             }
@@ -282,15 +189,11 @@ export const useFormItemProps = (column, contextProps, groupProps) => {
     }
     return rule;
   });
-
-  // 处理disabled状态
-  const lastDisabled = groupProps.formDisabled ?? columnDisabled ?? fieldProps?.disabled ?? groupProps.disabled;
-
-  // 直接处理校验规则，避免在非Hook函数中使用useRules
+  const lastDisabled = groupProps.formDisabled ?? columnDisabled ?? (fieldProps == null ? void 0 : fieldProps.disabled) ?? groupProps.disabled;
   const internalRule = {
     rules: processedRules,
     required,
-    label: label
+    label
   };
   return {
     name: fullName,
@@ -304,40 +207,16 @@ export const useFormItemProps = (column, contextProps, groupProps) => {
     ...internalRule
   };
 };
-
-/**
- * 创建组件属性
- */
-export const createComponentProps = (column, formItemProps) => {
-  const {
-    type,
-    fieldProps = {},
-    valueType,
-    switchValue,
-    toISOString,
-    toCSTString
-  } = column;
-
-  // 处理placeholder
-  const {
-    label,
-    placeholder,
-    dataSource
-  } = fieldProps;
-  const {
-    label: formLabel
-  } = formItemProps;
-  const _isSelect = isSelect({
-    dataSource,
-    type
-  });
+const createComponentProps = (column, formItemProps) => {
+  const { type, fieldProps = {}, valueType, switchValue, toISOString, toCSTString } = column;
+  const { label, placeholder, dataSource } = fieldProps;
+  const { label: formLabel } = formItemProps;
+  const _isSelect = isSelect({ dataSource, type });
   const placeholderHandle = () => {
-    const _label = _isString(label) ? label : '';
-    const _formLabel = _isString(formLabel) ? formLabel : '';
-    return placeholder || `${_isSelect ? `${locale.ProForm.selectPlaceHolder}` : `${locale.ProForm.inputPlaceholder}`}${_label || _formLabel || ''}`;
+    const _label = isString(label) ? label : "";
+    const _formLabel = isString(formLabel) ? formLabel : "";
+    return placeholder || `${_isSelect ? `${locale.ProForm.selectPlaceHolder}` : `${locale.ProForm.inputPlaceholder}`}${_label || _formLabel || ""}`;
   };
-
-  // 值类型转换
   const transform = getValueTypeTrans({
     type,
     valueType,
@@ -346,75 +225,81 @@ export const createComponentProps = (column, formItemProps) => {
     toCSTString,
     mode: fieldProps.mode
   });
-
-  // 组件基本属性
   const componentProps = {
     placeholder: placeholderHandle(),
     ...fieldProps,
     disabled: formItemProps.disabled
   };
-
-  // 时间范围placeholder特殊处理
-  if (type === 'RangePicker' && !fieldProps?.placeholder) {
+  if (type === "RangePicker" && !(fieldProps == null ? void 0 : fieldProps.placeholder)) {
     delete componentProps.placeholder;
   }
-
-  // Switch组件valuePropName处理
-  if (['Switch', 'SwitchCheckbox'].includes(type)) {
-    formItemProps.valuePropName = 'checked';
+  if (["Switch", "SwitchCheckbox"].includes(type)) {
+    formItemProps.valuePropName = "checked";
   }
-
-  // 分离 transform 中的 normalize 和 getValueProps（这些应该应用到 Form.Item，而不是组件）
-  const {
-    normalize,
-    getValueProps,
-    ...restTransform
-  } = transform || {};
-
-  // formItemTransform 只包含应该应用到 Form.Item 的属性
+  const { normalize, getValueProps, ...restTransform } = transform || {};
   const formItemTransform = {
-    ...(normalize && {
-      normalize
-    }),
-    ...(getValueProps && {
-      getValueProps
-    })
+    ...normalize && { normalize },
+    ...getValueProps && { getValueProps }
   };
-
-  // 过滤掉不应该传递给组件的属性（这些属性只用于转换，不应该出现在 DOM 上）
-  const filteredComponentProps = _omit({
-    ...componentProps,
-    ...restTransform
-  }, ['valueType', 'switchValue', 'toISOString', 'toCSTString', 'format', 'precision', 'clearNotShow', 'dependNames']);
+  const filteredComponentProps = omit(
+    {
+      ...componentProps,
+      ...restTransform
+    },
+    [
+      "valueType",
+      "switchValue",
+      "toISOString",
+      "toCSTString",
+      "format",
+      "precision",
+      "clearNotShow",
+      "dependNames"
+    ]
+  );
   return {
     componentProps: filteredComponentProps,
     formItemTransform
   };
 };
-
-/**
- * 配置验证组件
- */
-export const validateChildren = children => {
-  // 确保children是数组
+const validateChildren = (children) => {
   if (!Array.isArray(children) || children.length === 0) {
-    console.warn('[ProForm Group] 灵活模式下children必须是数组且不能为空');
+    console.warn("[ProForm Group] 灵活模式下children必须是数组且不能为空");
     return false;
   }
-  const invalidChildren = children.filter(child => {
-    return child.names || !child.name || child.type === 'Group';
+  const invalidChildren = children.filter((child) => {
+    return child.names || !child.name || child.type === "Group";
   });
   if (invalidChildren.length > 0) {
-    console.warn('[ProForm Group] 灵活模式下所有子组件都必须配置name属性。且type不能为Group', '缺少name的组件索引:', invalidChildren.map((_, index) => children.findIndex(child => child === invalidChildren[index])), '\n示例配置:', '\n{\n  type: "InputNumber",\n  name: "min", // 必需\n  rules: [...] // 可选\n}');
+    console.warn(
+      "[ProForm Group] 灵活模式下所有子组件都必须配置name属性。且type不能为Group",
+      "缺少name的组件索引:",
+      invalidChildren.map(
+        (_, index) => children.findIndex((child) => child === invalidChildren[index])
+      ),
+      "\n示例配置:",
+      '\n{\n  type: "InputNumber",\n  name: "min", // 必需\n  rules: [...] // 可选\n}'
+    );
     return false;
   }
-
-  // 检查name重复
-  const names = children.map(child => child.name);
+  const names = children.map((child) => child.name);
   const duplicateNames = names.filter((name, index) => names.indexOf(name) !== index);
   if (duplicateNames.length > 0) {
-    console.warn('[ProForm Group] 子组件中发现重复的name属性:', [...new Set(duplicateNames)]);
+    console.warn("[ProForm Group] 子组件中发现重复的name属性:", [...new Set(duplicateNames)]);
     return false;
   }
   return true;
-};
+};
+export {
+  createComponentProps,
+  defaultGetValueFromEvent,
+  getReactiveProps,
+  getValueMiddleware,
+  getValueTypeTrans,
+  insertSeparator,
+  isUpperCase,
+  transformNamesString,
+  useFormItemProps,
+  validateChildren,
+  valueFromEventWrapper
+};