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

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

@@ -1,160 +1,111 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-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;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/field/components/Select/index.tsx
-var Select_exports = {};
-__export(Select_exports, {
-  default: () => Select_default,
-  proFieldParsingValueEnumToArray: () => proFieldParsingValueEnumToArray,
-  useFieldFetchData: () => useFieldFetchData
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(Select_exports);
-var import_antd = require("antd");
-var import_react = __toESM(require("react"));
-var import_swr = __toESM(require("swr"));
-var import_provider = require("../../../provider");
-var import_utils = require("../../../utils");
-var import_LightSelect = __toESM(require("./LightSelect"));
-var import_SearchSelect = __toESM(require("./SearchSelect"));
-var Highlight = ({ label, words }) => {
-  const { getPrefixCls } = (0, import_react.useContext)(import_antd.ConfigProvider.ConfigContext);
-  const lightCls = getPrefixCls("pro-select-item-option-content-light");
-  const optionCls = getPrefixCls("pro-select-item-option-content");
-  const { wrapSSR } = (0, import_utils.useStyle)("Highlight", (token) => {
-    return {
-      [`.${lightCls}`]: {
+exports.useFieldFetchData = exports.proFieldParsingValueEnumToArray = exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _antd = require("antd");
+var _react = _interopRequireWildcard(require("react"));
+var _swr = _interopRequireDefault(require("swr"));
+var _provider = require("../../../provider");
+var _utils = require("../../../utils");
+var _LightSelect = _interopRequireDefault(require("./LightSelect"));
+var _SearchSelect = _interopRequireDefault(require("./SearchSelect"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["value", "text"],
+  _excluded2 = ["mode", "valueEnum", "render", "formItemRender", "request", "fieldProps", "plain", "children", "light", "proFieldKey", "params", "label", "variant", "id", "lightLabel", "labelTrigger"];
+var Highlight = function Highlight(_ref) {
+  var label = _ref.label,
+    words = _ref.words;
+  var _useContext = (0, _react.useContext)(_antd.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 = (0, _utils.useStyle)('Highlight', function (token) {
+      return (0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".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),
-      import_react.default.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.default.createElement('span', {
+      className: lightCls
+    }, matchText.slice(start, matchLength)));
     matchText = matchText.slice(matchLength);
   }
-  return wrapSSR(
-    import_react.default.createElement(
-      "div",
-      {
-        title: label,
-        className: optionCls
-      },
-      ...elements
-    )
-  );
+  return wrapSSR( /*#__PURE__*/_react.default.createElement.apply(_react.default, ['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((0, _toConsumableArray2.default)(item.children || []), [item.options || []]).find(function (mapItem) {
+      return filerByItem(mapItem, keyWords);
+    });
+    if (findItem) return true;
   }
   return false;
 }
-var proFieldParsingValueEnumToArray = (valueEnumParams) => {
-  const enumArray = [];
-  const valueEnum = (0, import_utils.objectToMap)(valueEnumParams);
-  valueEnum.forEach((_, key) => {
-    const value = valueEnum.get(key) || valueEnum.get(`${key}`);
+
+/**
+ * 把 value 的枚举转化为数组
+ *
+ * @param valueEnum
+ */
+var proFieldParsingValueEnumToArray = exports.proFieldParsingValueEnumToArray = function proFieldParsingValueEnumToArray(valueEnumParams) {
+  var enumArray = [];
+  var valueEnum = (0, _utils.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 ((0, _typeof2.default)(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;
@@ -166,230 +117,210 @@ var proFieldParsingValueEnumToArray = (valueEnumParams) => {
   });
   return enumArray;
 };
-var useFieldFetchData = (props) => {
-  var _a, _b, _c, _d;
-  const { cacheForSwr, fieldProps } = props;
-  const [keyWords, setKeyWords] = (0, import_react.useState)(
-    props.defaultKeyWords
-  );
-  const [cacheKey] = (0, import_react.useState)(() => {
-    if (props.proFieldKey) {
-      return props.proFieldKey.toString();
-    }
-    if (props.request) {
-      return (0, import_utils.nanoid)();
-    }
-    return "no-fetch";
+var useFieldFetchData = exports.useFieldFetchData = function useFieldFetchData(props) {
+  var _ref5, _props$debounceTime, _props$fieldProps3, _props$fieldProps6;
+  var cacheForSwr = props.cacheForSwr,
+    fieldProps = props.fieldProps;
+  var _useState = (0, _react.useState)(props.defaultKeyWords),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    keyWords = _useState2[0],
+    setKeyWords = _useState2[1];
+  /** Key 是用来缓存请求的，如果不在是有问题 */
+  var _useState3 = (0, _react.useState)(function () {
+      if (props.proFieldKey) {
+        return props.proFieldKey.toString();
+      }
+      if (props.request) {
+        return (0, _utils.nanoid)();
+      }
+      return 'no-fetch';
+    }),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 1),
+    cacheKey = _useState4[0];
+  var proFieldKeyRef = (0, _react.useRef)(cacheKey);
+  var getOptionsFormValueEnum = (0, _utils.useRefFunction)(function (coverValueEnum) {
+    return proFieldParsingValueEnumToArray((0, _utils.objectToMap)(coverValueEnum)).map(function (_ref3) {
+      var value = _ref3.value,
+        text = _ref3.text,
+        rest = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
+      return (0, _objectSpread2.default)({
+        label: text,
+        value: value,
+        key: value
+      }, rest);
+    });
   });
-  const proFieldKeyRef = (0, import_react.useRef)(cacheKey);
-  const getOptionsFormValueEnum = (0, import_utils.useRefFunction)(
-    (coverValueEnum) => {
-      return proFieldParsingValueEnumToArray((0, import_utils.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 = (0, import_utils.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 = (0, _utils.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] = (0, import_utils.useMountMergeState)(
-    () => {
+  var _useMountMergeState = (0, _utils.useMountMergeState)(function () {
       if (props.valueEnum) {
         return getOptionsFormValueEnum(props.valueEnum);
       }
       return [];
-    },
-    {
+    }, {
       value: defaultOptions
-    }
-  );
-  (0, import_utils.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 = (0, _slicedToArray2.default)(_useMountMergeState, 2),
+    options = _useMountMergeState2[0],
+    setOptions = _useMountMergeState2[1];
+  (0, _utils.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 = (0, import_utils.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
-  } = (0, import_swr.default)(
-    () => {
+  var swrKey = (0, _utils.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 = (0, _swr.default)(function () {
       if (!props.request) {
         return null;
       }
       return swrKey;
-    },
-    ([, params, kw]) => props.request(
-      __spreadProps(__spreadValues({}, params), {
+    }, function (_ref6) {
+      var _ref7 = (0, _slicedToArray2.default)(_ref6, 3),
+        params = _ref7[1],
+        kw = _ref7[2];
+      return props.request((0, _objectSpread2.default)((0, _objectSpread2.default)({}, params), {}, {
         keyWords: kw
-      }),
-      props
-    ),
-    {
+      }), props);
+    }, {
       revalidateIfStale: !cacheForSwr,
       // 打开 cacheForSwr 的时候才应该支持两个功能
       revalidateOnReconnect: cacheForSwr,
       shouldRetryOnError: false,
       // @todo 这个功能感觉应该搞个API出来
       revalidateOnFocus: false
-    }
-  );
-  const resOptions = (0, import_react.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 = (0, _react.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((0, _toConsumableArray2.default)(item.children || []), (0, _toConsumableArray2.default)(item.options || [])).filter(function (mapItem) {
           return filerByItem(mapItem, keyWords);
         });
-        return __spreadProps(__spreadValues({}, item), {
+        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, 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 = (0, import_react.useRef)();
-  const intl = (0, import_provider.useIntl)();
-  const keyWordsRef = (0, import_react.useRef)("");
-  const { fieldNames } = fieldProps;
-  (0, import_react.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 = import_antd.ConfigProvider) == null ? void 0 : _b.useConfig) == null ? void 0 : _c.call(_b)) || {
-    componentSize: "middle"
-  };
-  (0, import_react.useImperativeHandle)(
-    ref,
-    () => __spreadProps(__spreadValues({}, inputRef.current || {}), {
-      fetchData: (keyWord) => fetchData(keyWord)
-    }),
-    [fetchData]
-  );
-  const optionsValueEnum = (0, import_react.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 = (0, _objectWithoutProperties2.default)(props, _excluded2);
+  var inputRef = (0, _react.useRef)();
+  var intl = (0, _provider.useIntl)();
+  var keyWordsRef = (0, _react.useRef)('');
+  var fieldNames = fieldProps.fieldNames;
+  (0, _react.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 = (0, _slicedToArray2.default)(_useFieldFetchData, 4),
+    loading = _useFieldFetchData2[0],
+    options = _useFieldFetchData2[1],
+    _fetchData = _useFieldFetchData2[2],
+    resetData = _useFieldFetchData2[3];
+  var _ref8 = (_antd.ConfigProvider === null || _antd.ConfigProvider === void 0 || (_ConfigProvider$useCo = _antd.ConfigProvider.useConfig) === null || _ConfigProvider$useCo === void 0 ? void 0 : _ConfigProvider$useCo.call(_antd.ConfigProvider)) || {
+      componentSize: 'middle'
+    },
+    componentSize = _ref8.componentSize;
+  (0, _react.useImperativeHandle)(ref, function () {
+    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, inputRef.current || {}), {}, {
+      fetchData: function fetchData(keyWord) {
+        return _fetchData(keyWord);
+      }
+    });
+  }, [_fetchData]);
+  var optionsValueEnum = (0, _react.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]);
       }
@@ -397,85 +328,82 @@ var FieldSelect = (props, ref) => {
     };
     return traverseOptions(options);
   }, [fieldNames, mode, options]);
-  if (mode === "read") {
-    const dom = /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, (0, import_utils.proFieldParsingText)(
-      rest.text,
-      (0, import_utils.objectToMap)(
-        valueEnum || optionsValueEnum
-      )
-    ));
+  if (mode === 'read') {
+    var dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: (0, _utils.proFieldParsingText)(rest.text, (0, _utils.objectToMap)(valueEnum || optionsValueEnum))
+    });
     if (render) {
-      return (_d = render(dom, __spreadValues({ mode }, fieldProps), dom)) != null ? _d : null;
+      var _render;
+      return (_render = render(dom, (0, _objectSpread2.default)({
+        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__ */ import_react.default.createElement(
-          import_LightSelect.default,
-          __spreadValues({
-            variant,
-            id,
-            loading,
-            ref: inputRef,
-            allowClear: true,
-            size: componentSize,
-            options,
-            label,
-            placeholder: intl.getMessage(
-              "tableForm.selectPlaceholder",
-              "请选择"
-            ),
-            lightLabel,
-            labelTrigger,
-            fetchData
-          }, fieldProps)
-        );
-      }
-      return /* @__PURE__ */ import_react.default.createElement(
-        import_SearchSelect.default,
-        __spreadProps(__spreadValues({
-          key: "SearchSelect",
-          className: rest.className,
-          style: __spreadValues({
-            minWidth: 100
-          }, rest.style),
-          variant,
-          id,
-          loading,
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_LightSelect.default, (0, _objectSpread2.default)({
+          variant: variant,
+          id: id,
+          loading: loading,
           ref: inputRef,
           allowClear: true,
-          defaultSearchValue: props.defaultKeyWords,
-          notFoundContent: loading ? /* @__PURE__ */ import_react.default.createElement(import_antd.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__ */ import_react.default.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__*/(0, _jsxRuntime.jsx)(_SearchSelect.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+        className: rest.className,
+        style: (0, _objectSpread2.default)({
+          minWidth: 100
+        }, rest.style),
+        variant: variant,
+        id: id,
+        loading: loading,
+        ref: inputRef,
+        allowClear: true,
+        defaultSearchValue: props.defaultKeyWords,
+        notFoundContent: loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.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__*/(0, _jsxRuntime.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, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+        mode: mode
+      }, fieldProps), {}, {
+        options: options,
+        loading: loading
+      }), _dom)) !== null && _formItemRender !== void 0 ? _formItemRender : null;
     }
-    return dom;
+    return _dom;
   }
   return null;
 };
-var Select_default = import_react.default.forwardRef(FieldSelect);
+var _default = exports.default = /*#__PURE__*/_react.default.forwardRef(FieldSelect);