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

package/es/field/components/Select/index.js

@@ -1,145 +1,104 @@
-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/field/components/Select/index.tsx
-import { ConfigProvider, Spin } from "antd";
-import React, {
-  useContext,
-  useEffect,
-  useImperativeHandle,
-  useMemo,
-  useRef,
-  useState
-} from "react";
-import useSWR from "swr";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+var _excluded = ["value", "text"],
+  _excluded2 = ["mode", "valueEnum", "render", "formItemRender", "request", "fieldProps", "plain", "children", "light", "proFieldKey", "params", "label", "variant", "id", "lightLabel", "labelTrigger"];
+import { ConfigProvider, Spin } from 'antd';
+import React, { useContext, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
+import useSWR from 'swr';
 import { useIntl } from "../../../provider";
-import {
-  nanoid,
-  objectToMap,
-  proFieldParsingText,
-  useDebounceValue,
-  useDeepCompareEffect,
-  useDeepCompareMemo,
-  useMountMergeState,
-  useRefFunction,
-  useStyle
-} from "../../../utils";
+import { nanoid, objectToMap, proFieldParsingText, useDebounceValue, useDeepCompareEffect, useDeepCompareMemo, useMountMergeState, useRefFunction, useStyle } from "../../../utils";
 import LightSelect from "./LightSelect";
 import SearchSelect from "./SearchSelect";
-var Highlight = ({ label, words }) => {
-  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const lightCls = getPrefixCls("pro-select-item-option-content-light");
-  const optionCls = getPrefixCls("pro-select-item-option-content");
-  const { wrapSSR } = useStyle("Highlight", (token) => {
-    return {
-      [`.${lightCls}`]: {
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+var Highlight = function Highlight(_ref) {
+  var label = _ref.label,
+    words = _ref.words;
+  var _useContext = useContext(ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var lightCls = getPrefixCls('pro-select-item-option-content-light');
+  var optionCls = getPrefixCls('pro-select-item-option-content');
+
+  // css
+  var _useStyle = useStyle('Highlight', function (token) {
+      return _defineProperty(_defineProperty({}, ".".concat(lightCls), {
         color: token.colorPrimary
-      },
-      [`.${optionCls}`]: {
-        flex: "auto",
-        overflow: "hidden",
-        whiteSpace: "nowrap",
-        textOverflow: "ellipsis"
-      }
-    };
-  });
-  const matchKeywordsRE = new RegExp(
-    words.map((word) => word.replace(/[-[\]/{}()*+?.\\^$|]/g, "\\$&")).join("|"),
-    "gi"
-  );
-  let matchText = label;
-  const elements = [];
+      }), ".".concat(optionCls), {
+        flex: 'auto',
+        overflow: 'hidden',
+        whiteSpace: 'nowrap',
+        textOverflow: 'ellipsis'
+      });
+    }),
+    wrapSSR = _useStyle.wrapSSR;
+  var matchKeywordsRE = new RegExp(words.map(function (word) {
+    return word.replace(/[-[\]/{}()*+?.\\^$|]/g, '\\$&');
+  }).join('|'), 'gi');
+  var matchText = label;
+  var elements = [];
   while (matchText.length) {
-    const match = matchKeywordsRE.exec(matchText);
+    var match = matchKeywordsRE.exec(matchText);
     if (!match) {
       elements.push(matchText);
       break;
     }
-    const start = match.index;
-    const matchLength = match[0].length + start;
-    elements.push(
-      matchText.slice(0, start),
-      React.createElement(
-        "span",
-        {
-          className: lightCls
-        },
-        matchText.slice(start, matchLength)
-      )
-    );
+    var start = match.index;
+    var matchLength = match[0].length + start;
+    elements.push(matchText.slice(0, start), /*#__PURE__*/React.createElement('span', {
+      className: lightCls
+    }, matchText.slice(start, matchLength)));
     matchText = matchText.slice(matchLength);
   }
-  return wrapSSR(
-    React.createElement(
-      "div",
-      {
-        title: label,
-        className: optionCls
-      },
-      ...elements
-    )
-  );
+  return wrapSSR( /*#__PURE__*/React.createElement.apply(React, ['div', {
+    title: label,
+    className: optionCls
+  }].concat(elements)));
 };
+
+/**
+ * 递归筛选 item
+ *
+ * @param item
+ * @param keyWords
+ * @returns
+ */
 function filerByItem(item, keyWords) {
-  var _a, _b;
-  if (!keyWords)
-    return true;
-  if (((_a = item == null ? void 0 : item.label) == null ? void 0 : _a.toString().toLowerCase().includes(keyWords.toLowerCase())) || ((_b = item == null ? void 0 : item.value) == null ? void 0 : _b.toString().toLowerCase().includes(keyWords.toLowerCase()))) {
+  var _item$label, _item$value;
+  if (!keyWords) return true;
+  if (item !== null && item !== void 0 && (_item$label = item.label) !== null && _item$label !== void 0 && _item$label.toString().toLowerCase().includes(keyWords.toLowerCase()) || item !== null && item !== void 0 && (_item$value = item.value) !== null && _item$value !== void 0 && _item$value.toString().toLowerCase().includes(keyWords.toLowerCase())) {
     return true;
   }
   if (item.children || item.options) {
-    const findItem = [...item.children || [], item.options || []].find(
-      (mapItem) => {
-        return filerByItem(mapItem, keyWords);
-      }
-    );
-    if (findItem)
-      return true;
+    var findItem = [].concat(_toConsumableArray(item.children || []), [item.options || []]).find(function (mapItem) {
+      return filerByItem(mapItem, keyWords);
+    });
+    if (findItem) return true;
   }
   return false;
 }
-var proFieldParsingValueEnumToArray = (valueEnumParams) => {
-  const enumArray = [];
-  const valueEnum = objectToMap(valueEnumParams);
-  valueEnum.forEach((_, key) => {
-    const value = valueEnum.get(key) || valueEnum.get(`${key}`);
+
+/**
+ * 把 value 的枚举转化为数组
+ *
+ * @param valueEnum
+ */
+export var proFieldParsingValueEnumToArray = function proFieldParsingValueEnumToArray(valueEnumParams) {
+  var enumArray = [];
+  var valueEnum = objectToMap(valueEnumParams);
+  valueEnum.forEach(function (_, key) {
+    var value = valueEnum.get(key) || valueEnum.get("".concat(key));
     if (!value) {
       return;
     }
-    if (typeof value === "object" && (value == null ? void 0 : value.text)) {
+    if (_typeof(value) === 'object' && value !== null && value !== void 0 && value.text) {
       enumArray.push({
-        text: value == null ? void 0 : value.text,
+        text: value === null || value === void 0 ? void 0 : value.text,
         value: key,
-        label: value == null ? void 0 : value.text,
+        label: value === null || value === void 0 ? void 0 : value.text,
         disabled: value.disabled
       });
       return;
@@ -151,230 +110,210 @@ var proFieldParsingValueEnumToArray = (valueEnumParams) => {
   });
   return enumArray;
 };
-var useFieldFetchData = (props) => {
-  var _a, _b, _c, _d;
-  const { cacheForSwr, fieldProps } = props;
-  const [keyWords, setKeyWords] = useState(
-    props.defaultKeyWords
-  );
-  const [cacheKey] = useState(() => {
-    if (props.proFieldKey) {
-      return props.proFieldKey.toString();
-    }
-    if (props.request) {
-      return nanoid();
-    }
-    return "no-fetch";
+export var useFieldFetchData = function useFieldFetchData(props) {
+  var _ref5, _props$debounceTime, _props$fieldProps3, _props$fieldProps6;
+  var cacheForSwr = props.cacheForSwr,
+    fieldProps = props.fieldProps;
+  var _useState = useState(props.defaultKeyWords),
+    _useState2 = _slicedToArray(_useState, 2),
+    keyWords = _useState2[0],
+    setKeyWords = _useState2[1];
+  /** Key 是用来缓存请求的，如果不在是有问题 */
+  var _useState3 = useState(function () {
+      if (props.proFieldKey) {
+        return props.proFieldKey.toString();
+      }
+      if (props.request) {
+        return nanoid();
+      }
+      return 'no-fetch';
+    }),
+    _useState4 = _slicedToArray(_useState3, 1),
+    cacheKey = _useState4[0];
+  var proFieldKeyRef = useRef(cacheKey);
+  var getOptionsFormValueEnum = useRefFunction(function (coverValueEnum) {
+    return proFieldParsingValueEnumToArray(objectToMap(coverValueEnum)).map(function (_ref3) {
+      var value = _ref3.value,
+        text = _ref3.text,
+        rest = _objectWithoutProperties(_ref3, _excluded);
+      return _objectSpread({
+        label: text,
+        value: value,
+        key: value
+      }, rest);
+    });
   });
-  const proFieldKeyRef = useRef(cacheKey);
-  const getOptionsFormValueEnum = useRefFunction(
-    (coverValueEnum) => {
-      return proFieldParsingValueEnumToArray(objectToMap(coverValueEnum)).map(
-        (_a2) => {
-          var _b2 = _a2, { value, text } = _b2, rest = __objRest(_b2, ["value", "text"]);
-          return __spreadValues({
-            label: text,
-            value,
-            key: value
-          }, rest);
-        }
-      );
-    }
-  );
-  const defaultOptions = useDeepCompareMemo(() => {
-    if (!fieldProps)
-      return void 0;
-    const data2 = (fieldProps == null ? void 0 : fieldProps.options) || (fieldProps == null ? void 0 : fieldProps.treeData);
-    if (!data2)
-      return void 0;
-    const { children, label, value } = fieldProps.fieldNames || {};
-    const traverseFieldKey = (_options, type) => {
-      if (!(_options == null ? void 0 : _options.length))
-        return;
-      const length = _options.length;
-      let i = 0;
+  var defaultOptions = useDeepCompareMemo(function () {
+    if (!fieldProps) return undefined;
+    var data = (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.options) || (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.treeData);
+    if (!data) return undefined;
+    var _ref4 = fieldProps.fieldNames || {},
+      children = _ref4.children,
+      label = _ref4.label,
+      value = _ref4.value;
+    var traverseFieldKey = function traverseFieldKey(_options, type) {
+      if (!(_options !== null && _options !== void 0 && _options.length)) return;
+      var length = _options.length;
+      var i = 0;
       while (i < length) {
-        const cur = _options[i++];
+        var cur = _options[i++];
         if (cur[children] || cur[label] || cur[value]) {
-          cur[type] = cur[type === "children" ? children : type === "label" ? label : value];
+          cur[type] = cur[type === 'children' ? children : type === 'label' ? label : value];
           traverseFieldKey(cur[children], type);
         }
       }
     };
-    if (children)
-      traverseFieldKey(data2, "children");
-    if (label)
-      traverseFieldKey(data2, "label");
-    if (value)
-      traverseFieldKey(data2, "value");
-    return data2;
+    if (children) traverseFieldKey(data, 'children');
+    if (label) traverseFieldKey(data, 'label');
+    if (value) traverseFieldKey(data, 'value');
+    return data;
   }, [fieldProps]);
-  const [options, setOptions] = useMountMergeState(
-    () => {
+  var _useMountMergeState = useMountMergeState(function () {
       if (props.valueEnum) {
         return getOptionsFormValueEnum(props.valueEnum);
       }
       return [];
-    },
-    {
+    }, {
       value: defaultOptions
-    }
-  );
-  useDeepCompareEffect(() => {
-    var _a2, _b2;
-    if (!props.valueEnum || ((_a2 = props.fieldProps) == null ? void 0 : _a2.options) || ((_b2 = props.fieldProps) == null ? void 0 : _b2.treeData))
-      return;
+    }),
+    _useMountMergeState2 = _slicedToArray(_useMountMergeState, 2),
+    options = _useMountMergeState2[0],
+    setOptions = _useMountMergeState2[1];
+  useDeepCompareEffect(function () {
+    var _props$fieldProps, _props$fieldProps2;
+    // 优先使用 fieldProps?.options
+    if (!props.valueEnum || (_props$fieldProps = props.fieldProps) !== null && _props$fieldProps !== void 0 && _props$fieldProps.options || (_props$fieldProps2 = props.fieldProps) !== null && _props$fieldProps2 !== void 0 && _props$fieldProps2.treeData) return;
     setOptions(getOptionsFormValueEnum(props.valueEnum));
   }, [props.valueEnum]);
-  const swrKey = useDebounceValue(
-    [proFieldKeyRef.current, props.params, keyWords],
-    (_c = (_b = props.debounceTime) != null ? _b : (_a = props == null ? void 0 : props.fieldProps) == null ? void 0 : _a.debounceTime) != null ? _c : 0,
-    [props.params, keyWords]
-  );
-  const {
-    data,
-    mutate: setLocaleData,
-    isValidating
-  } = useSWR(
-    () => {
+  var swrKey = useDebounceValue([proFieldKeyRef.current, props.params, keyWords], (_ref5 = (_props$debounceTime = props.debounceTime) !== null && _props$debounceTime !== void 0 ? _props$debounceTime : props === null || props === void 0 || (_props$fieldProps3 = props.fieldProps) === null || _props$fieldProps3 === void 0 ? void 0 : _props$fieldProps3.debounceTime) !== null && _ref5 !== void 0 ? _ref5 : 0, [props.params, keyWords]);
+  var _useSWR = useSWR(function () {
       if (!props.request) {
         return null;
       }
       return swrKey;
-    },
-    ([, params, kw]) => props.request(
-      __spreadProps(__spreadValues({}, params), {
+    }, function (_ref6) {
+      var _ref7 = _slicedToArray(_ref6, 3),
+        params = _ref7[1],
+        kw = _ref7[2];
+      return props.request(_objectSpread(_objectSpread({}, params), {}, {
         keyWords: kw
-      }),
-      props
-    ),
-    {
+      }), props);
+    }, {
       revalidateIfStale: !cacheForSwr,
       // 打开 cacheForSwr 的时候才应该支持两个功能
       revalidateOnReconnect: cacheForSwr,
       shouldRetryOnError: false,
       // @todo 这个功能感觉应该搞个API出来
       revalidateOnFocus: false
-    }
-  );
-  const resOptions = useMemo(() => {
-    var _a2, _b2;
-    const opt = options == null ? void 0 : options.map((item) => {
-      if (typeof item === "string") {
+    }),
+    data = _useSWR.data,
+    setLocaleData = _useSWR.mutate,
+    isValidating = _useSWR.isValidating;
+  var resOptions = useMemo(function () {
+    var _props$fieldProps4, _props$fieldProps5;
+    var opt = options === null || options === void 0 ? void 0 : options.map(function (item) {
+      if (typeof item === 'string') {
         return {
           label: item,
           value: item
         };
       }
       if (item.children || item.options) {
-        const childrenOptions = [
-          ...item.children || [],
-          ...item.options || []
-        ].filter((mapItem) => {
+        var childrenOptions = [].concat(_toConsumableArray(item.children || []), _toConsumableArray(item.options || [])).filter(function (mapItem) {
           return filerByItem(mapItem, keyWords);
         });
-        return __spreadProps(__spreadValues({}, item), {
+        return _objectSpread(_objectSpread({}, item), {}, {
           children: childrenOptions,
           options: childrenOptions
         });
       }
       return item;
     });
-    if (((_a2 = props.fieldProps) == null ? void 0 : _a2.filterOption) === true || ((_b2 = props.fieldProps) == null ? void 0 : _b2.filterOption) === void 0) {
-      return opt == null ? void 0 : opt.filter((item) => {
-        if (!item)
-          return false;
-        if (!keyWords)
-          return true;
+
+    // filterOption 为 true 时 filter数据, filterOption 默认为true
+    if (((_props$fieldProps4 = props.fieldProps) === null || _props$fieldProps4 === void 0 ? void 0 : _props$fieldProps4.filterOption) === true || ((_props$fieldProps5 = props.fieldProps) === null || _props$fieldProps5 === void 0 ? void 0 : _props$fieldProps5.filterOption) === undefined) {
+      return opt === null || opt === void 0 ? void 0 : opt.filter(function (item) {
+        if (!item) return false;
+        if (!keyWords) return true;
         return filerByItem(item, keyWords);
       });
     }
     return opt;
-  }, [options, keyWords, (_d = props.fieldProps) == null ? void 0 : _d.filterOption]);
-  return [
-    isValidating,
-    props.request ? data : resOptions,
-    (fetchKeyWords) => {
-      setKeyWords(fetchKeyWords);
-    },
-    () => {
-      setKeyWords(void 0);
-      setLocaleData([], false);
-    }
-  ];
+  }, [options, keyWords, (_props$fieldProps6 = props.fieldProps) === null || _props$fieldProps6 === void 0 ? void 0 : _props$fieldProps6.filterOption]);
+  return [isValidating, props.request ? data : resOptions, function (fetchKeyWords) {
+    setKeyWords(fetchKeyWords);
+  }, function () {
+    setKeyWords(undefined);
+    setLocaleData([], false);
+  }];
 };
-var FieldSelect = (props, ref) => {
-  var _b, _c, _d, _e;
-  const _a = props, {
-    mode,
-    valueEnum,
-    render,
-    formItemRender,
-    request,
-    fieldProps,
-    plain,
-    children,
-    light,
-    proFieldKey,
-    params,
-    label,
-    variant,
-    id,
-    lightLabel,
-    labelTrigger
-  } = _a, rest = __objRest(_a, [
-    "mode",
-    "valueEnum",
-    "render",
-    "formItemRender",
-    "request",
-    "fieldProps",
-    "plain",
-    "children",
-    "light",
-    "proFieldKey",
-    "params",
-    "label",
-    "variant",
-    "id",
-    "lightLabel",
-    "labelTrigger"
-  ]);
-  const inputRef = useRef();
-  const intl = useIntl();
-  const keyWordsRef = useRef("");
-  const { fieldNames } = fieldProps;
-  useEffect(() => {
-    keyWordsRef.current = fieldProps == null ? void 0 : fieldProps.searchValue;
-  }, [fieldProps == null ? void 0 : fieldProps.searchValue]);
-  const [loading, options, fetchData, resetData] = useFieldFetchData(props);
-  const { componentSize } = ((_c = (_b = ConfigProvider) == null ? void 0 : _b.useConfig) == null ? void 0 : _c.call(_b)) || {
-    componentSize: "middle"
-  };
-  useImperativeHandle(
-    ref,
-    () => __spreadProps(__spreadValues({}, inputRef.current || {}), {
-      fetchData: (keyWord) => fetchData(keyWord)
-    }),
-    [fetchData]
-  );
-  const optionsValueEnum = useMemo(() => {
-    if (mode !== "read")
-      return;
-    const {
-      label: labelPropsName = "label",
-      value: valuePropsName = "value",
-      options: optionsPropsName = "options"
-    } = fieldNames || {};
-    const valuesMap = /* @__PURE__ */ new Map();
-    const traverseOptions = (_options) => {
-      if (!(_options == null ? void 0 : _options.length)) {
+
+/**
+ * 可以根据 valueEnum 来进行类型的设置
+ *
+ * @param
+ */
+var FieldSelect = function FieldSelect(props, ref) {
+  var _ConfigProvider$useCo;
+  var mode = props.mode,
+    valueEnum = props.valueEnum,
+    render = props.render,
+    formItemRender = props.formItemRender,
+    request = props.request,
+    fieldProps = props.fieldProps,
+    plain = props.plain,
+    children = props.children,
+    light = props.light,
+    proFieldKey = props.proFieldKey,
+    params = props.params,
+    label = props.label,
+    variant = props.variant,
+    id = props.id,
+    lightLabel = props.lightLabel,
+    labelTrigger = props.labelTrigger,
+    rest = _objectWithoutProperties(props, _excluded2);
+  var inputRef = useRef();
+  var intl = useIntl();
+  var keyWordsRef = useRef('');
+  var fieldNames = fieldProps.fieldNames;
+  useEffect(function () {
+    keyWordsRef.current = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.searchValue;
+  }, [fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.searchValue]);
+  var _useFieldFetchData = useFieldFetchData(props),
+    _useFieldFetchData2 = _slicedToArray(_useFieldFetchData, 4),
+    loading = _useFieldFetchData2[0],
+    options = _useFieldFetchData2[1],
+    _fetchData = _useFieldFetchData2[2],
+    resetData = _useFieldFetchData2[3];
+  var _ref8 = (ConfigProvider === null || ConfigProvider === void 0 || (_ConfigProvider$useCo = ConfigProvider.useConfig) === null || _ConfigProvider$useCo === void 0 ? void 0 : _ConfigProvider$useCo.call(ConfigProvider)) || {
+      componentSize: 'middle'
+    },
+    componentSize = _ref8.componentSize;
+  useImperativeHandle(ref, function () {
+    return _objectSpread(_objectSpread({}, inputRef.current || {}), {}, {
+      fetchData: function fetchData(keyWord) {
+        return _fetchData(keyWord);
+      }
+    });
+  }, [_fetchData]);
+  var optionsValueEnum = useMemo(function () {
+    if (mode !== 'read') return;
+    var _ref9 = fieldNames || {},
+      _ref9$label = _ref9.label,
+      labelPropsName = _ref9$label === void 0 ? 'label' : _ref9$label,
+      _ref9$value = _ref9.value,
+      valuePropsName = _ref9$value === void 0 ? 'value' : _ref9$value,
+      _ref9$options = _ref9.options,
+      optionsPropsName = _ref9$options === void 0 ? 'options' : _ref9$options;
+    var valuesMap = new Map();
+    var traverseOptions = function traverseOptions(_options) {
+      if (!(_options !== null && _options !== void 0 && _options.length)) {
         return valuesMap;
       }
-      const length = _options.length;
-      let i = 0;
+      var length = _options.length;
+      var i = 0;
       while (i < length) {
-        const cur = _options[i++];
+        var cur = _options[i++];
         valuesMap.set(cur[valuePropsName], cur[labelPropsName]);
         traverseOptions(cur[optionsPropsName]);
       }
@@ -382,90 +321,82 @@ var FieldSelect = (props, ref) => {
     };
     return traverseOptions(options);
   }, [fieldNames, mode, options]);
-  if (mode === "read") {
-    const dom = /* @__PURE__ */ React.createElement(React.Fragment, null, proFieldParsingText(
-      rest.text,
-      objectToMap(
-        valueEnum || optionsValueEnum
-      )
-    ));
+  if (mode === 'read') {
+    var dom = /*#__PURE__*/_jsx(_Fragment, {
+      children: proFieldParsingText(rest.text, objectToMap(valueEnum || optionsValueEnum))
+    });
     if (render) {
-      return (_d = render(dom, __spreadValues({ mode }, fieldProps), dom)) != null ? _d : null;
+      var _render;
+      return (_render = render(dom, _objectSpread({
+        mode: mode
+      }, fieldProps), dom)) !== null && _render !== void 0 ? _render : null;
     }
     return dom;
   }
-  if (mode === "edit" || mode === "update") {
-    const renderDom = () => {
+  if (mode === 'edit' || mode === 'update') {
+    var renderDom = function renderDom() {
       if (light) {
-        return /* @__PURE__ */ React.createElement(
-          LightSelect,
-          __spreadValues({
-            variant,
-            id,
-            loading,
-            ref: inputRef,
-            allowClear: true,
-            size: componentSize,
-            options,
-            label,
-            placeholder: intl.getMessage(
-              "tableForm.selectPlaceholder",
-              "请选择"
-            ),
-            lightLabel,
-            labelTrigger,
-            fetchData
-          }, fieldProps)
-        );
-      }
-      return /* @__PURE__ */ React.createElement(
-        SearchSelect,
-        __spreadProps(__spreadValues({
-          key: "SearchSelect",
-          className: rest.className,
-          style: __spreadValues({
-            minWidth: 100
-          }, rest.style),
-          variant,
-          id,
-          loading,
+        return /*#__PURE__*/_jsx(LightSelect, _objectSpread({
+          variant: variant,
+          id: id,
+          loading: loading,
           ref: inputRef,
           allowClear: true,
-          defaultSearchValue: props.defaultKeyWords,
-          notFoundContent: loading ? /* @__PURE__ */ React.createElement(Spin, { size: "small" }) : fieldProps == null ? void 0 : fieldProps.notFoundContent,
-          fetchData: (keyWord) => {
-            keyWordsRef.current = keyWord != null ? keyWord : "";
-            fetchData(keyWord);
-          },
-          resetData,
-          optionItemRender: (item) => {
-            if (typeof item.label === "string" && keyWordsRef.current) {
-              return /* @__PURE__ */ React.createElement(Highlight, { label: item.label, words: [keyWordsRef.current] });
-            }
-            return item.label;
-          },
-          placeholder: intl.getMessage("tableForm.selectPlaceholder", "请选择"),
-          label
-        }, fieldProps), {
-          options
-        })
-      );
+          size: componentSize,
+          options: options,
+          label: label,
+          placeholder: intl.getMessage('tableForm.selectPlaceholder', '请选择'),
+          lightLabel: lightLabel,
+          labelTrigger: labelTrigger,
+          fetchData: _fetchData
+        }, fieldProps));
+      }
+      return /*#__PURE__*/_jsx(SearchSelect, _objectSpread(_objectSpread({
+        className: rest.className,
+        style: _objectSpread({
+          minWidth: 100
+        }, rest.style),
+        variant: variant,
+        id: id,
+        loading: loading,
+        ref: inputRef,
+        allowClear: true,
+        defaultSearchValue: props.defaultKeyWords,
+        notFoundContent: loading ? /*#__PURE__*/_jsx(Spin, {
+          size: "small"
+        }) : fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.notFoundContent,
+        fetchData: function fetchData(keyWord) {
+          keyWordsRef.current = keyWord !== null && keyWord !== void 0 ? keyWord : '';
+          _fetchData(keyWord);
+        },
+        resetData: resetData,
+        optionItemRender: function optionItemRender(item) {
+          if (typeof item.label === 'string' && keyWordsRef.current) {
+            return /*#__PURE__*/_jsx(Highlight, {
+              label: item.label,
+              words: [keyWordsRef.current]
+            });
+          }
+          return item.label;
+        },
+        placeholder: intl.getMessage('tableForm.selectPlaceholder', '请选择'),
+        label: label
+      }, fieldProps), {}, {
+        options: options
+      }), "SearchSelect");
     };
-    const dom = renderDom();
+    var _dom = renderDom();
     if (formItemRender) {
-      return (_e = formItemRender(
-        rest.text,
-        __spreadProps(__spreadValues({ mode }, fieldProps), { options, loading }),
-        dom
-      )) != null ? _e : null;
+      var _formItemRender;
+      return (_formItemRender = formItemRender(rest.text, _objectSpread(_objectSpread({
+        mode: mode
+      }, fieldProps), {}, {
+        options: options,
+        loading: loading
+      }), _dom)) !== null && _formItemRender !== void 0 ? _formItemRender : null;
     }
-    return dom;
+    return _dom;
   }
   return null;
 };
-var Select_default = React.forwardRef(FieldSelect);
-export {
-  Select_default as default,
-  proFieldParsingValueEnumToArray,
-  useFieldFetchData
-};
+export default /*#__PURE__*/React.forwardRef(FieldSelect);