@zat-design/sisyphus-react 4.2.0-beta.2 → 4.2.0-beta.3

package/es/ProForm/components/render/CustomComponentViewWrapper.js

@@ -1,65 +1,60 @@
-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); }
+import _omit from "lodash/omit";
 import React from 'react';
 import { Form } from 'antd';
-import { omit } from 'lodash';
 import Container from "../Container";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * 自定义组件视图模式包装器
  * 用于处理自定义组件在 isView 模式下的渲染逻辑
  */
-var CustomComponentViewWrapper = props => {
-  var formItemProps = props.formItemProps,
-    internalItemRender = props.internalItemRender,
-    className = props.className,
-    style = props.style,
-    _props$filterFormItem = props.filterFormItemKey,
-    filterFormItemKey = _props$filterFormItem === void 0 ? [] : _props$filterFormItem,
-    form = props.form,
-    name = props.name,
-    isView = props.isView,
-    viewRender = props.viewRender,
-    originComponent = props.originComponent,
-    viewEmpty = props.viewEmpty,
-    otherProps = props.otherProps,
-    component = props.component,
-    AutoComponent = props.AutoComponent,
-    children = props.children;
+const CustomComponentViewWrapper = props => {
+  const {
+    formItemProps,
+    internalItemRender,
+    className,
+    style,
+    filterFormItemKey = [],
+    form,
+    name,
+    isView,
+    viewRender,
+    originComponent,
+    viewEmpty,
+    otherProps,
+    component,
+    AutoComponent,
+    children
+  } = props;
 
   // 判断是否应该使用自定义组件视图渲染
-  var shouldUseViewRender = isView && viewRender && originComponent && (typeof component === 'function' && ! /*#__PURE__*/React.isValidElement(component) || typeof AutoComponent === 'function' && ! /*#__PURE__*/React.isValidElement(AutoComponent));
+  const shouldUseViewRender = isView && viewRender && originComponent && (typeof component === 'function' && ! /*#__PURE__*/React.isValidElement(component) || typeof AutoComponent === 'function' && ! /*#__PURE__*/React.isValidElement(AutoComponent));
 
   // 如果不满足条件，直接返回 children 包装在 Form.Item 中
   if (!shouldUseViewRender) {
-    return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, omit(formItemProps, filterFormItemKey)), {}, {
+    return /*#__PURE__*/_jsx(Form.Item, {
+      ..._omit(formItemProps, filterFormItemKey),
       // @ts-ignore
       _internalItemRender: internalItemRender,
       className: className,
       style: style,
       children: children
-    }));
+    });
   }
 
   // 满足条件时，创建 child 函数用于视图渲染
-  var createViewRenderChild = formItemValue => {
-    var _otherProps$namePath;
+  const createViewRenderChild = formItemValue => {
     // 在 Form.Item 的 children 函数中获取值
-    var value = formItemValue !== undefined ? formItemValue : form.getFieldValue(name);
-    var record = form.getFieldsValue();
-    var index;
+    const value = formItemValue !== undefined ? formItemValue : form.getFieldValue(name);
+    const record = form.getFieldsValue();
+    let index;
     // FormList场景
-    if (Array.isArray(otherProps === null || otherProps === void 0 ? void 0 : otherProps.namePath) && otherProps !== null && otherProps !== void 0 && (_otherProps$namePath = otherProps.namePath) !== null && _otherProps$namePath !== void 0 && _otherProps$namePath.length) {
-      var _otherProps$namePath2;
-      index = otherProps === null || otherProps === void 0 ? void 0 : otherProps.namePath[(otherProps === null || otherProps === void 0 || (_otherProps$namePath2 = otherProps.namePath) === null || _otherProps$namePath2 === void 0 ? void 0 : _otherProps$namePath2.length) - 1];
+    if (Array.isArray(otherProps?.namePath) && otherProps?.namePath?.length) {
+      index = otherProps?.namePath[otherProps?.namePath?.length - 1];
     }
-    var viewRenderResult = viewRender === null || viewRender === void 0 ? void 0 : viewRender(value, record, {
+    const viewRenderResult = viewRender?.(value, record, {
       form,
       index,
-      namePath: otherProps === null || otherProps === void 0 ? void 0 : otherProps.namePath
+      namePath: otherProps?.namePath
     });
 
     // 如果 viewRender 返回的是 React 元素，直接使用
@@ -69,7 +64,7 @@ var CustomComponentViewWrapper = props => {
     if ( /*#__PURE__*/React.isValidElement(originComponent)) {
       // 如果 viewRender 返回的不是 React 元素（如字符串、数字），但有 originComponent
       // 使用 Container 组件来显示值，与标准 Input 组件在 isView 模式下的行为一致
-      var viewValue = viewRenderResult !== undefined && viewRenderResult !== null ? viewRenderResult : value;
+      const viewValue = viewRenderResult !== undefined && viewRenderResult !== null ? viewRenderResult : value;
       // 使用 Container 组件显示值，这是标准组件在 isView 模式下的做法
       return /*#__PURE__*/_jsx(Container, {
         viewEmpty: viewEmpty || '-',
@@ -83,37 +78,39 @@ var CustomComponentViewWrapper = props => {
   // 当 child 是函数且 Form.Item 有 name 时，使用 shouldUpdate 来监听字段值变化
   if (!name) {
     // 如果没有 name，直接渲染 child
-    return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, omit(formItemProps, filterFormItemKey)), {}, {
+    return /*#__PURE__*/_jsx(Form.Item, {
+      ..._omit(formItemProps, filterFormItemKey),
       // @ts-ignore
       _internalItemRender: internalItemRender,
       className: className,
       style: style,
       children: createViewRenderChild(undefined)
-    }));
+    });
   }
 
   // 外层 Form.Item 用于监听字段值变化
   return /*#__PURE__*/_jsx(Form.Item, {
     shouldUpdate: (prevValues, currentValues) => {
       // 监听当前字段的值变化
-      var prevValue = prevValues === null || prevValues === void 0 ? void 0 : prevValues[name];
-      var currentValue = currentValues === null || currentValues === void 0 ? void 0 : currentValues[name];
+      const prevValue = prevValues?.[name];
+      const currentValue = currentValues?.[name];
       return prevValue !== currentValue;
     },
     noStyle: true,
     children: () => {
       // 在 shouldUpdate 的 children 函数中获取表单值
-      var value = form.getFieldValue(name);
+      const value = form.getFieldValue(name);
       // 调用 child 函数获取渲染结果
-      var renderResult = createViewRenderChild(value);
+      const renderResult = createViewRenderChild(value);
       // 返回实际的 Form.Item，包含 name 和其他属性
-      return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, omit(formItemProps, filterFormItemKey)), {}, {
+      return /*#__PURE__*/_jsx(Form.Item, {
+        ..._omit(formItemProps, filterFormItemKey),
         // @ts-ignore
         _internalItemRender: internalItemRender,
         className: className,
         style: style,
         children: renderResult
-      }));
+      });
     }
   });
 };