@ant-design/pro-components 3.0.0-beta.1 → 3.0.0-beta.3

package/es/table/utils/cellRenderToFromItem.js

@@ -1,290 +1,215 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-
-// src/table/utils/cellRenderToFromItem.tsx
-import { Form } from "antd";
-import get from "rc-util/lib/utils/get";
-import React, {
-  useCallback,
-  useContext,
-  useEffect,
-  useMemo,
-  useState
-} from "react";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+var _excluded = ["children"];
+import { get } from '@rc-component/util';
+import { Form } from 'antd';
+import React, { useCallback, useContext, useEffect, useMemo, useState } from 'react';
 import { FieldContext, ProForm, ProFormField } from "../../form";
-import {
-  InlineErrorFormItem,
-  getFieldPropsOrFormItemProps,
-  runFunction
-} from "../../utils";
-var SHOW_EMPTY_TEXT_LIST = ["", null, void 0];
-var spellNamePath = (...rest) => {
-  return rest.filter((index) => index !== void 0).map((item) => {
-    if (typeof item === "number") {
+import { InlineErrorFormItem, getFieldPropsOrFormItemProps, runFunction } from "../../utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+var SHOW_EMPTY_TEXT_LIST = ['', null, undefined];
+
+/**
+ * 拼接用于编辑的 key
+ */
+export var spellNamePath = function spellNamePath() {
+  for (var _len = arguments.length, rest = new Array(_len), _key = 0; _key < _len; _key++) {
+    rest[_key] = arguments[_key];
+  }
+  return rest.filter(function (index) {
+    return index !== undefined;
+  }).map(function (item) {
+    if (typeof item === 'number') {
       return item.toString();
     }
     return item;
   }).flat(1);
 };
-var CellRenderFromItem = (props) => {
-  const formContext = useContext(FieldContext);
-  const {
-    columnProps,
-    prefixName,
-    text,
-    counter,
-    rowData,
-    index,
-    recordKey,
-    subName,
-    proFieldProps,
-    editableUtils
-  } = props;
-  const editableForm = ProForm.useFormInstance();
-  const key = recordKey || index;
-  const realIndex = useMemo(
-    () => {
-      var _a, _b;
-      return (_b = (_a = editableUtils == null ? void 0 : editableUtils.getRealIndex) == null ? void 0 : _a.call(editableUtils, rowData)) != null ? _b : index;
-    },
-    [editableUtils, index, rowData]
-  );
-  const [formItemName, setName] = useState(
-    () => {
-      var _a, _b;
-      return spellNamePath(
-        prefixName,
-        prefixName ? subName : [],
-        prefixName ? realIndex : key,
-        (_b = (_a = columnProps == null ? void 0 : columnProps.key) != null ? _a : columnProps == null ? void 0 : columnProps.dataIndex) != null ? _b : index
-      );
-    }
-  );
-  const rowName = useMemo(() => {
+var CellRenderFromItem = function CellRenderFromItem(props) {
+  var formContext = useContext(FieldContext);
+  var columnProps = props.columnProps,
+    prefixName = props.prefixName,
+    text = props.text,
+    counter = props.counter,
+    rowData = props.rowData,
+    index = props.index,
+    recordKey = props.recordKey,
+    subName = props.subName,
+    proFieldProps = props.proFieldProps,
+    editableUtils = props.editableUtils;
+  var editableForm = ProForm.useFormInstance();
+  var key = recordKey || index;
+  var realIndex = useMemo(function () {
+    var _editableUtils$getRea, _editableUtils$getRea2;
+    return (_editableUtils$getRea = editableUtils === null || editableUtils === void 0 || (_editableUtils$getRea2 = editableUtils.getRealIndex) === null || _editableUtils$getRea2 === void 0 ? void 0 : _editableUtils$getRea2.call(editableUtils, rowData)) !== null && _editableUtils$getRea !== void 0 ? _editableUtils$getRea : index;
+  }, [editableUtils, index, rowData]);
+  var _useState = useState(function () {
+      var _ref, _columnProps$key;
+      return spellNamePath(prefixName, prefixName ? subName : [], prefixName ? realIndex : key, (_ref = (_columnProps$key = columnProps === null || columnProps === void 0 ? void 0 : columnProps.key) !== null && _columnProps$key !== void 0 ? _columnProps$key : columnProps === null || columnProps === void 0 ? void 0 : columnProps.dataIndex) !== null && _ref !== void 0 ? _ref : index);
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    formItemName = _useState2[0],
+    setName = _useState2[1];
+  var rowName = useMemo(function () {
     return formItemName.slice(0, -1);
   }, [formItemName]);
-  useEffect(() => {
-    var _a, _b;
-    const value = spellNamePath(
-      prefixName,
-      prefixName ? subName : [],
-      prefixName ? realIndex : key,
-      (_b = (_a = columnProps == null ? void 0 : columnProps.key) != null ? _a : columnProps == null ? void 0 : columnProps.dataIndex) != null ? _b : index
-    );
-    if (value.join("-") !== formItemName.join("-"))
-      setName(value);
-  }, [
-    columnProps == null ? void 0 : columnProps.dataIndex,
-    columnProps == null ? void 0 : columnProps.key,
-    index,
-    recordKey,
-    prefixName,
-    key,
-    subName,
-    formItemName,
-    realIndex
-  ]);
-  const needProps = useMemo(
-    () => [
-      editableForm,
-      __spreadProps(__spreadValues({}, columnProps), {
-        rowKey: rowName,
-        rowIndex: index,
-        isEditable: true
-      })
-    ],
-    [columnProps, editableForm, index, rowName]
-  );
-  const InlineItem = useCallback(
-    (_a) => {
-      var _b = _a, { children } = _b, restProps = __objRest(_b, ["children"]);
-      return /* @__PURE__ */ React.createElement(
-        InlineErrorFormItem,
-        __spreadValues({
-          popoverProps: {
-            getPopupContainer: formContext.getPopupContainer || (() => counter.rootDomRef.current || document.body)
-          },
-          key,
-          errorType: "popover",
-          name: formItemName
-        }, restProps),
-        children
-      );
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [key, formItemName]
-  );
-  const generateFormItem = useCallback(() => {
-    var _a, _b;
-    const formItemProps = __spreadValues({}, getFieldPropsOrFormItemProps(columnProps == null ? void 0 : columnProps.formItemProps, ...needProps));
-    formItemProps.messageVariables = __spreadValues({
-      label: (columnProps == null ? void 0 : columnProps.title) || "此项",
-      type: (columnProps == null ? void 0 : columnProps.valueType) || "文本"
-    }, formItemProps == null ? void 0 : formItemProps.messageVariables);
-    formItemProps.initialValue = (_b = (_a = prefixName ? null : text) != null ? _a : formItemProps == null ? void 0 : formItemProps.initialValue) != null ? _b : columnProps == null ? void 0 : columnProps.initialValue;
-    let fieldDom = /* @__PURE__ */ React.createElement(
-      ProFormField,
-      __spreadValues({
-        cacheForSwr: true,
-        key: formItemName.join("-"),
-        name: formItemName,
-        proFormFieldKey: key,
-        ignoreFormItem: true,
-        fieldProps: getFieldPropsOrFormItemProps(
-          columnProps == null ? void 0 : columnProps.fieldProps,
-          ...needProps
-        )
-      }, proFieldProps)
-    );
-    if (columnProps == null ? void 0 : columnProps.formItemRender) {
-      fieldDom = columnProps.formItemRender(
-        __spreadProps(__spreadValues({}, columnProps), {
-          index,
-          isEditable: true,
-          type: "table"
-        }),
-        {
-          defaultRender: () => /* @__PURE__ */ React.createElement(React.Fragment, null, fieldDom),
-          type: "form",
-          recordKey,
-          record: __spreadValues(__spreadValues({}, rowData), editableForm == null ? void 0 : editableForm.getFieldValue([key])),
-          isEditable: true
+  useEffect(function () {
+    var _ref2, _columnProps$key2;
+    var value = spellNamePath(prefixName, prefixName ? subName : [], prefixName ? realIndex : key, (_ref2 = (_columnProps$key2 = columnProps === null || columnProps === void 0 ? void 0 : columnProps.key) !== null && _columnProps$key2 !== void 0 ? _columnProps$key2 : columnProps === null || columnProps === void 0 ? void 0 : columnProps.dataIndex) !== null && _ref2 !== void 0 ? _ref2 : index);
+    if (value.join('-') !== formItemName.join('-')) setName(value);
+  }, [columnProps === null || columnProps === void 0 ? void 0 : columnProps.dataIndex, columnProps === null || columnProps === void 0 ? void 0 : columnProps.key, index, recordKey, prefixName, key, subName, formItemName, realIndex]);
+  var needProps = useMemo(function () {
+    return [editableForm, _objectSpread(_objectSpread({}, columnProps), {}, {
+      rowKey: rowName,
+      rowIndex: index,
+      isEditable: true
+    })];
+  }, [columnProps, editableForm, index, rowName]);
+  var InlineItem = useCallback(function (_ref3) {
+    var children = _ref3.children,
+      restProps = _objectWithoutProperties(_ref3, _excluded);
+    return /*#__PURE__*/_jsx(InlineErrorFormItem, _objectSpread(_objectSpread({
+      popoverProps: {
+        getPopupContainer: formContext.getPopupContainer || function () {
+          return counter.rootDomRef.current || document.body;
+        }
+      },
+      errorType: "popover",
+      name: formItemName
+    }, restProps), {}, {
+      children: children
+    }), key);
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [key, formItemName]);
+  var generateFormItem = useCallback(function () {
+    var _ref4, _ref5;
+    var formItemProps = _objectSpread({}, getFieldPropsOrFormItemProps.apply(void 0, [columnProps === null || columnProps === void 0 ? void 0 : columnProps.formItemProps].concat(_toConsumableArray(needProps))));
+    formItemProps.messageVariables = _objectSpread({
+      label: (columnProps === null || columnProps === void 0 ? void 0 : columnProps.title) || '此项',
+      type: (columnProps === null || columnProps === void 0 ? void 0 : columnProps.valueType) || '文本'
+    }, formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.messageVariables);
+    formItemProps.initialValue = (_ref4 = (_ref5 = prefixName ? null : text) !== null && _ref5 !== void 0 ? _ref5 : formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.initialValue) !== null && _ref4 !== void 0 ? _ref4 : columnProps === null || columnProps === void 0 ? void 0 : columnProps.initialValue;
+    var fieldDom = /*#__PURE__*/_jsx(ProFormField, _objectSpread({
+      cacheForSwr: true,
+      name: formItemName,
+      proFormFieldKey: key,
+      ignoreFormItem: true,
+      fieldProps: getFieldPropsOrFormItemProps.apply(void 0, [columnProps === null || columnProps === void 0 ? void 0 : columnProps.fieldProps].concat(_toConsumableArray(needProps)))
+    }, proFieldProps), formItemName.join('-'));
+    /**
+     * 如果没有自定义直接返回
+     */
+    if (columnProps !== null && columnProps !== void 0 && columnProps.formItemRender) {
+      fieldDom = columnProps.formItemRender(_objectSpread(_objectSpread({}, columnProps), {}, {
+        index: index,
+        isEditable: true,
+        type: 'table'
+      }), {
+        defaultRender: function defaultRender() {
+          return /*#__PURE__*/_jsx(_Fragment, {
+            children: fieldDom
+          });
         },
-        editableForm,
-        props.editableUtils
-      );
-      if (columnProps.ignoreFormItem)
-        return /* @__PURE__ */ React.createElement(React.Fragment, null, fieldDom);
+        type: 'form',
+        recordKey: recordKey,
+        record: _objectSpread(_objectSpread({}, rowData), editableForm === null || editableForm === void 0 ? void 0 : editableForm.getFieldValue([key])),
+        isEditable: true
+      }, editableForm, props.editableUtils);
+      // 如果需要完全自定义可以不要name
+      if (columnProps.ignoreFormItem) return /*#__PURE__*/_jsx(_Fragment, {
+        children: fieldDom
+      });
     }
-    return /* @__PURE__ */ React.createElement(InlineItem, __spreadValues({ key: formItemName.join("-") }, formItemProps), fieldDom);
-  }, [
-    columnProps,
-    needProps,
-    prefixName,
-    text,
-    key,
-    formItemName,
-    proFieldProps,
-    InlineItem,
-    index,
-    recordKey,
-    rowData,
-    editableForm,
-    props.editableUtils
-  ]);
-  if (formItemName.length === 0)
-    return null;
-  if (typeof (columnProps == null ? void 0 : columnProps.formItemRender) === "function" || typeof (columnProps == null ? void 0 : columnProps.fieldProps) === "function" || typeof (columnProps == null ? void 0 : columnProps.formItemProps) === "function") {
-    return /* @__PURE__ */ React.createElement(
-      Form.Item,
-      {
-        noStyle: true,
-        shouldUpdate: (pre, next) => {
-          if (pre === next)
-            return false;
-          const shouldName = [rowName].flat(1);
-          try {
-            return JSON.stringify(get(pre, shouldName)) !== JSON.stringify(get(next, shouldName));
-          } catch (error) {
-            return true;
-          }
+    return /*#__PURE__*/_jsx(InlineItem, _objectSpread(_objectSpread({}, formItemProps), {}, {
+      children: fieldDom
+    }), formItemName.join('-'));
+  }, [columnProps, needProps, prefixName, text, key, formItemName, proFieldProps, InlineItem, index, recordKey, rowData, editableForm, props.editableUtils]);
+  if (formItemName.length === 0) return null;
+  if (typeof (columnProps === null || columnProps === void 0 ? void 0 : columnProps.formItemRender) === 'function' || typeof (columnProps === null || columnProps === void 0 ? void 0 : columnProps.fieldProps) === 'function' || typeof (columnProps === null || columnProps === void 0 ? void 0 : columnProps.formItemProps) === 'function') {
+    return /*#__PURE__*/_jsx(Form.Item, {
+      noStyle: true,
+      shouldUpdate: function shouldUpdate(pre, next) {
+        if (pre === next) return false;
+        var shouldName = [rowName].flat(1);
+        try {
+          return JSON.stringify(get(pre, shouldName)) !== JSON.stringify(get(next, shouldName));
+        } catch (error) {
+          return true;
         }
       },
-      () => generateFormItem()
-    );
+      children: function children() {
+        return generateFormItem();
+      }
+    });
   }
   return generateFormItem();
 };
+
+/**
+ * 根据不同的类型来转化数值
+ *
+ * @param text
+ * @param valueType
+ */
 function cellRenderToFromItem(config) {
-  var _a, _b;
-  const { text, valueType, rowData, columnProps, index } = config;
-  if ((!valueType || ["textarea", "text"].includes(valueType.toString())) && // valueEnum 存在说明是个select
-  !(columnProps == null ? void 0 : columnProps.valueEnum) && config.mode === "read") {
+  var _columnProps$dataInde, _config$recordKey;
+  var text = config.text,
+    valueType = config.valueType,
+    rowData = config.rowData,
+    columnProps = config.columnProps,
+    index = config.index;
+
+  // 如果 valueType === text ，没必要多走一次 render
+  if ((!valueType || ['textarea', 'text'].includes(valueType.toString())) &&
+  // valueEnum 存在说明是个select
+  !(columnProps !== null && columnProps !== void 0 && columnProps.valueEnum) && config.mode === 'read') {
+    // 如果是''、null、undefined 显示columnEmptyText
     return SHOW_EMPTY_TEXT_LIST.includes(text) ? config.columnEmptyText : text;
   }
-  if (typeof valueType === "function" && rowData) {
-    return cellRenderToFromItem(__spreadProps(__spreadValues({}, config), {
-      valueType: valueType(rowData, config.type) || "text"
+  if (typeof valueType === 'function' && rowData) {
+    // 防止valueType是函数,并且text是''、null、undefined跳过显式设置的columnEmptyText
+    return cellRenderToFromItem(_objectSpread(_objectSpread({}, config), {}, {
+      valueType: valueType(rowData, config.type) || 'text'
     }));
   }
-  const columnKey = (columnProps == null ? void 0 : columnProps.key) || ((_a = columnProps == null ? void 0 : columnProps.dataIndex) == null ? void 0 : _a.toString());
-  const dependencies = (columnProps == null ? void 0 : columnProps.dependencies) ? [
-    config.prefixName,
-    config.prefixName ? index == null ? void 0 : index.toString() : (_b = config.recordKey) == null ? void 0 : _b.toString(),
-    columnProps == null ? void 0 : columnProps.dependencies
-  ].filter(Boolean).flat(1) : [];
-  const proFieldProps = {
-    valueEnum: runFunction(columnProps == null ? void 0 : columnProps.valueEnum, rowData),
-    request: columnProps == null ? void 0 : columnProps.request,
-    dependencies: (columnProps == null ? void 0 : columnProps.dependencies) ? [dependencies] : void 0,
-    originDependencies: (columnProps == null ? void 0 : columnProps.dependencies) ? [columnProps == null ? void 0 : columnProps.dependencies] : void 0,
-    params: runFunction(columnProps == null ? void 0 : columnProps.params, rowData, columnProps),
-    readonly: columnProps == null ? void 0 : columnProps.readonly,
-    text: valueType === "index" || valueType === "indexBorder" ? config.index : text,
+  var columnKey = (columnProps === null || columnProps === void 0 ? void 0 : columnProps.key) || (columnProps === null || columnProps === void 0 || (_columnProps$dataInde = columnProps.dataIndex) === null || _columnProps$dataInde === void 0 ? void 0 : _columnProps$dataInde.toString());
+  var dependencies = columnProps !== null && columnProps !== void 0 && columnProps.dependencies ? [config.prefixName, config.prefixName ? index === null || index === void 0 ? void 0 : index.toString() : (_config$recordKey = config.recordKey) === null || _config$recordKey === void 0 ? void 0 : _config$recordKey.toString(), columnProps === null || columnProps === void 0 ? void 0 : columnProps.dependencies].filter(Boolean).flat(1) : [];
+  /**
+   * 生成公用的 proField dom 配置
+   */
+  var proFieldProps = {
+    valueEnum: runFunction(columnProps === null || columnProps === void 0 ? void 0 : columnProps.valueEnum, rowData),
+    request: columnProps === null || columnProps === void 0 ? void 0 : columnProps.request,
+    dependencies: columnProps !== null && columnProps !== void 0 && columnProps.dependencies ? [dependencies] : undefined,
+    originDependencies: columnProps !== null && columnProps !== void 0 && columnProps.dependencies ? [columnProps === null || columnProps === void 0 ? void 0 : columnProps.dependencies] : undefined,
+    params: runFunction(columnProps === null || columnProps === void 0 ? void 0 : columnProps.params, rowData, columnProps),
+    readonly: columnProps === null || columnProps === void 0 ? void 0 : columnProps.readonly,
+    text: valueType === 'index' || valueType === 'indexBorder' ? config.index : text,
     mode: config.mode,
-    formItemRender: void 0,
-    valueType,
+    formItemRender: undefined,
+    valueType: valueType,
     // @ts-ignore
     record: rowData,
     proFieldProps: {
       emptyText: config.columnEmptyText,
-      proFieldKey: columnKey ? `table-field-${columnKey}` : void 0
+      proFieldKey: columnKey ? "table-field-".concat(columnKey) : undefined
     }
   };
-  if (config.mode !== "edit") {
-    return /* @__PURE__ */ React.createElement(
-      ProFormField,
-      __spreadValues({
-        mode: "read",
-        ignoreFormItem: true,
-        fieldProps: getFieldPropsOrFormItemProps(
-          columnProps == null ? void 0 : columnProps.fieldProps,
-          null,
-          columnProps
-        )
-      }, proFieldProps)
-    );
+
+  /** 只读模式直接返回就好了，不需要处理 formItem */
+  if (config.mode !== 'edit') {
+    return /*#__PURE__*/_jsx(ProFormField, _objectSpread({
+      mode: "read",
+      ignoreFormItem: true,
+      fieldProps: getFieldPropsOrFormItemProps(columnProps === null || columnProps === void 0 ? void 0 : columnProps.fieldProps, null, columnProps)
+    }, proFieldProps));
   }
-  return /* @__PURE__ */ React.createElement(
-    CellRenderFromItem,
-    __spreadProps(__spreadValues({
-      key: config.recordKey
-    }, config), {
-      proFieldProps
-    })
-  );
+  return /*#__PURE__*/_jsx(CellRenderFromItem, _objectSpread(_objectSpread({}, config), {}, {
+    proFieldProps: proFieldProps
+  }), config.recordKey);
 }
-var cellRenderToFromItem_default = cellRenderToFromItem;
-export {
-  cellRenderToFromItem_default as default,
-  spellNamePath
-};
+export default cellRenderToFromItem;