@zat-design/sisyphus-react 4.0.0-beta.3 → 4.0.0-beta.5

package/lib/ProSelect/index.js

@@ -1,281 +1,321 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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/ProSelect/index.tsx
-var ProSelect_exports = {};
-__export(ProSelect_exports, {
-  ProSelect: () => ProSelect,
-  default: () => ProSelect_default
+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(ProSelect_exports);
-var import_ahooks = require("ahooks");
-var import_antd = require("antd");
-var import_react = __toESM(require("react"));
-var import_lodash = require("lodash");
-var import_ProConfigProvider = require("../ProConfigProvider");
-var import_Container = __toESM(require("../ProForm/components/Container"));
-var import_AdaptiveTooltip = __toESM(require("./components/AdaptiveTooltip"));
-var import__ = require("..");
-var import_locale = __toESM(require("../locale"));
-var import_utils = require("./utils");
-var import_index = require("./index.less");
-var { Option } = import_antd.Select;
+exports.default = exports.ProSelect = void 0;
+require("antd/es/space/style");
+var _space = _interopRequireDefault(require("antd/es/space"));
+require("antd/es/input/style");
+var _input = _interopRequireDefault(require("antd/es/input"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+require("antd/es/message/style");
+var _message2 = _interopRequireDefault(require("antd/es/message"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+require("antd/es/select/style");
+var _select = _interopRequireDefault(require("antd/es/select"));
+var _ahooks = require("ahooks");
+var _react = _interopRequireWildcard(require("react"));
+var _lodash = require("lodash");
+var _ProConfigProvider = require("../ProConfigProvider");
+var _Container = _interopRequireDefault(require("../ProForm/components/Container"));
+var _AdaptiveTooltip = _interopRequireDefault(require("./components/AdaptiveTooltip"));
+var _ = require("..");
+var _locale = _interopRequireDefault(require("../locale"));
+var _utils = require("./utils");
+require("./index.less");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["dataSource", "defaultDisableValue", "useRequest", "fieldNames", "tooltip", "otherProps", "labelInValue", "filterInList", "scrollFollowParent", "defaultOne", "onSearch", "optionRender", "onChange", "updateDataSource", "transformResponse", "getValueProps", "isView"];
+var Option = _select.default.Option;
 var ProSelect = (props, ref) => {
-  var _a, _b, _c;
-  const { fieldNames: proSelectFieldNames = {}, showCodeName } = (0, import_ProConfigProvider.useProConfig)("ProSelect") || {};
-  let label = "label";
-  let code = "value";
+  var _selectProps$showCode, _useRequest$options3, _locale$ProSelect;
+  var _ref = (0, _ProConfigProvider.useProConfig)('ProSelect') || {},
+    _ref$fieldNames = _ref.fieldNames,
+    proSelectFieldNames = _ref$fieldNames === void 0 ? {} : _ref$fieldNames,
+    showCodeName = _ref.showCodeName;
+  var label = 'label';
+  var code = 'value';
   if (proSelectFieldNames && Object.keys(proSelectFieldNames).length) {
     code = proSelectFieldNames.value;
     label = proSelectFieldNames.label;
   }
-  const {
-    dataSource = [],
-    defaultDisableValue,
-    useRequest,
-    fieldNames,
-    tooltip = false,
-    otherProps,
-    labelInValue,
-    filterInList = false,
-    scrollFollowParent = true,
-    defaultOne,
-    onSearch: _onSearch,
-    optionRender,
-    onChange,
-    updateDataSource,
-    transformResponse,
-    getValueProps,
-    isView: isViewPro,
-    ...selectProps
-  } = props;
-  selectProps.showCodeName = selectProps.showCodeName ?? showCodeName;
-  const value = getValueProps && props.value ? getValueProps(props.value) : props.value;
-  const { isView: isViewCon, viewEmpty } = import__.ProForm.useFieldProps() || {};
-  const isView = typeof props.isView === "boolean" ? props.isView : isViewCon;
+  var _props$dataSource = props.dataSource,
+    dataSource = _props$dataSource === void 0 ? [] : _props$dataSource,
+    defaultDisableValue = props.defaultDisableValue,
+    useRequest = props.useRequest,
+    fieldNames = props.fieldNames,
+    _props$tooltip = props.tooltip,
+    tooltip = _props$tooltip === void 0 ? false : _props$tooltip,
+    otherProps = props.otherProps,
+    labelInValue = props.labelInValue,
+    _props$filterInList = props.filterInList,
+    filterInList = _props$filterInList === void 0 ? false : _props$filterInList,
+    _props$scrollFollowPa = props.scrollFollowParent,
+    scrollFollowParent = _props$scrollFollowPa === void 0 ? true : _props$scrollFollowPa,
+    defaultOne = props.defaultOne,
+    _onSearch = props.onSearch,
+    optionRender = props.optionRender,
+    onChange = props.onChange,
+    updateDataSource = props.updateDataSource,
+    transformResponse = props.transformResponse,
+    getValueProps = props.getValueProps,
+    isViewPro = props.isView,
+    selectProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+  selectProps.showCodeName = (_selectProps$showCode = selectProps.showCodeName) !== null && _selectProps$showCode !== void 0 ? _selectProps$showCode : showCodeName;
+  var value = getValueProps && props.value ? getValueProps(props.value) : props.value;
+  var _ref2 = _.ProForm.useFieldProps() || {},
+    isViewCon = _ref2.isView,
+    viewEmpty = _ref2.viewEmpty;
+  var isView = typeof props.isView === 'boolean' ? props.isView : isViewCon; // 组件可直接接收isView参数, 优先级高
+
   if (fieldNames && Object.keys(fieldNames).length) {
     code = fieldNames.value;
     label = fieldNames.label;
   }
-  const [selectList, setSelectList] = (0, import_react.useState)(dataSource || []);
-  const [isDefaultOne, setIsDefaultOne] = (0, import_react.useState)(false);
-  const OptionRender = optionRender;
-  const defaultOnSuccessFun = (res) => {
-    const { status = 200, message: msg, data } = res;
+  var _useState = (0, _react.useState)(dataSource || []),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    selectList = _useState2[0],
+    setSelectList = _useState2[1];
+
+  // 用来控制只有第一次才会设置 defaultOne 属性、🔒
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    isDefaultOne = _useState4[0],
+    setIsDefaultOne = _useState4[1];
+  var OptionRender = optionRender;
+  var defaultOnSuccessFun = res => {
+    var _res$status = res.status,
+      status = _res$status === void 0 ? 200 : _res$status,
+      msg = res.message,
+      data = res.data;
     if (status !== 200) {
-      import_antd.message.error(msg);
+      _message2.default.error(msg);
       return;
     }
     setSelectList(data || []);
   };
-  const successTransformDataHandle = (0, import_react.useCallback)((res) => {
-    if (transformResponse && typeof transformResponse === "function") {
+  var successTransformDataHandle = (0, _react.useCallback)(res => {
+    if (transformResponse && typeof transformResponse === 'function') {
       return transformResponse(res);
     }
-    const { status = 200, message: msg, data } = res || {};
+    var _ref3 = res || {},
+      _ref3$status = _ref3.status,
+      status = _ref3$status === void 0 ? 200 : _ref3$status,
+      msg = _ref3.message,
+      data = _ref3.data;
     if (status !== 200) {
-      import_antd.message.error(msg);
+      _message2.default.error(msg);
       return;
     }
     return data;
   }, []);
-  const fetchFunction = (0, import_ahooks.useRequest)(useRequest == null ? void 0 : useRequest.service, {
+  var fetchFunction = (0, _ahooks.useRequest)(useRequest === null || useRequest === void 0 ? void 0 : useRequest.service, (0, _objectSpread2.default)((0, _objectSpread2.default)({
     manual: true,
-    debounceWait: 300,
-    ...useRequest == null ? void 0 : useRequest.options,
-    onSuccess: (data) => {
-      var _a2, _b2, _c2;
-      if (transformResponse && typeof transformResponse === "function") {
-        const responseData = transformResponse(data);
+    debounceWait: 300
+  }, useRequest === null || useRequest === void 0 ? void 0 : useRequest.options), {}, {
+    onSuccess: data => {
+      var _useRequest$options, _useRequest$options$o, _useRequest$options2;
+      if (transformResponse && typeof transformResponse === 'function') {
+        var responseData = transformResponse(data);
         setSelectList(responseData);
       } else {
+        // 接口写死了，无法复用
         updateDataSource ? updateDataSource(data, setSelectList) : defaultOnSuccessFun(data);
       }
-      (_c2 = (_a2 = useRequest == null ? void 0 : useRequest.options) == null ? void 0 : _a2.onSuccess) == null ? void 0 : _c2.call(_a2, data, (_b2 = useRequest == null ? void 0 : useRequest.options) == null ? void 0 : _b2.defaultParams);
+      // 执行传入onSuccess
+      useRequest === null || useRequest === void 0 || (_useRequest$options = useRequest.options) === null || _useRequest$options === void 0 || (_useRequest$options$o = _useRequest$options.onSuccess) === null || _useRequest$options$o === void 0 || _useRequest$options$o.call(_useRequest$options, data, useRequest === null || useRequest === void 0 || (_useRequest$options2 = useRequest.options) === null || _useRequest$options2 === void 0 ? void 0 : _useRequest$options2.defaultParams);
     }
-  });
-  const cacheList = ((_a = useRequest == null ? void 0 : useRequest.options) == null ? void 0 : _a.cacheKey) ? successTransformDataHandle(fetchFunction == null ? void 0 : fetchFunction.data) : [];
-  const getValueObject = (input) => {
+  }));
+  var cacheList = useRequest !== null && useRequest !== void 0 && (_useRequest$options3 = useRequest.options) !== null && _useRequest$options3 !== void 0 && _useRequest$options3.cacheKey ? successTransformDataHandle(fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.data) : [];
+  var getValueObject = input => {
     if (Array.isArray(input) && input.length) {
-      const resArr = [];
-      input.forEach((i) => {
-        const res = selectList.find((item) => item[code] === i);
-        if (res)
-          resArr.push(res);
+      var resArr = [];
+      input.forEach(i => {
+        var res = selectList.find(item => item[code] === i);
+        if (res) resArr.push(res);
       });
       return resArr;
     }
-    return selectList.find((item) => item[code] === input);
+    return selectList.find(item => item[code] === input);
   };
-  (0, import_react.useImperativeHandle)(
-    ref,
-    () => ({
-      getValueObject,
-      useRequestRef: fetchFunction
-    })
-  );
-  (0, import_ahooks.useDeepCompareEffect)(() => {
+  (0, _react.useImperativeHandle)(ref, () => ({
+    getValueObject,
+    useRequestRef: fetchFunction
+  }));
+  (0, _ahooks.useDeepCompareEffect)(() => {
     setSelectList(dataSource);
   }, [dataSource]);
-  (0, import_ahooks.useDeepCompareEffect)(() => {
-    var _a2;
-    if (!(selectList == null ? void 0 : selectList.length) && ((_a2 = useRequest == null ? void 0 : useRequest.options) == null ? void 0 : _a2.cacheKey)) {
-      if (cacheList == null ? void 0 : cacheList.length) {
+  (0, _ahooks.useDeepCompareEffect)(() => {
+    var _useRequest$options4;
+    // 设置cacheKey后使用缓存的数据
+    if (!(selectList !== null && selectList !== void 0 && selectList.length) && useRequest !== null && useRequest !== void 0 && (_useRequest$options4 = useRequest.options) !== null && _useRequest$options4 !== void 0 && _useRequest$options4.cacheKey) {
+      if (cacheList !== null && cacheList !== void 0 && cacheList.length) {
         setSelectList(cacheList);
       }
     }
-  }, [fetchFunction == null ? void 0 : fetchFunction.data]);
-  (0, import_ahooks.useDeepCompareEffect)(() => {
+  }, [fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.data]);
+  (0, _ahooks.useDeepCompareEffect)(() => {
+    // 默认disable值时，不查询接口
     if (defaultDisableValue || !useRequest) {
       return;
     }
-    const { defaultParams, manual } = (useRequest == null ? void 0 : useRequest.options) || {};
-    if (manual || (cacheList == null ? void 0 : cacheList.length)) {
+    var _ref4 = (useRequest === null || useRequest === void 0 ? void 0 : useRequest.options) || {},
+      defaultParams = _ref4.defaultParams,
+      manual = _ref4.manual;
+    if (manual || cacheList !== null && cacheList !== void 0 && cacheList.length) {
       return;
     }
-    const params = Array.isArray(defaultParams) ? defaultParams == null ? void 0 : defaultParams[0] : defaultParams || {};
+    var params = Array.isArray(defaultParams) ? defaultParams === null || defaultParams === void 0 ? void 0 : defaultParams[0] : defaultParams || {};
     fetchFunction.run(params);
-  }, [useRequest == null ? void 0 : useRequest.options, defaultDisableValue]);
+  }, [useRequest === null || useRequest === void 0 ? void 0 : useRequest.options, defaultDisableValue]);
+
+  // disable默认值
   if (defaultDisableValue) {
-    return /* @__PURE__ */ import_react.default.createElement("span", { title: defaultDisableValue }, /* @__PURE__ */ import_react.default.createElement(import_antd.Input, { disabled: true, defaultValue: defaultDisableValue, style: props == null ? void 0 : props.style }));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      title: defaultDisableValue,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_input.default, {
+        disabled: true,
+        defaultValue: defaultDisableValue,
+        style: props === null || props === void 0 ? void 0 : props.style
+      })
+    });
   }
-  const transToLabel = (value2) => {
+  var transToLabel = value => {
     if (!Array.isArray(selectList) || !selectList.length) {
       return viewEmpty;
     }
-    const labelList = value2.map((v) => {
-      const option = selectList.find((item) => {
+    var labelList = value.map(v => {
+      var option = selectList.find(item => {
         if (labelInValue) {
           return item[code] === v[code];
         }
         return item[code] === v;
       });
       if (option) {
-        return selectProps.showCodeName ? `${option[code]}-${option[label]}` : option == null ? void 0 : option[label];
+        return selectProps.showCodeName ? `${option[code]}-${option[label]}` : option === null || option === void 0 ? void 0 : option[label];
       }
-      return "-";
+      return '-';
     });
-    const record = value2.map((v) => {
-      return selectList.find((item) => {
+    var record = value.map(v => {
+      return selectList.find(item => {
         if (labelInValue) {
           return item[code] === v[code];
         }
         return item[code] === v;
       });
-    }).filter((v) => !!v);
-    const _optionRender = () => {
+    }).filter(v => !!v);
+
+    // 自定义option时，默认取optionRender的值
+    var _optionRender = () => {
       if (!record.length) {
         return viewEmpty;
       }
-      const arr = [];
-      record.forEach((item) => {
+      var arr = [];
+      record.forEach(item => {
         arr.push(props.optionRender(item));
       });
-      return /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { direction: "vertical", size: 4 }, arr.map((item) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, { key: item }, item)));
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_space.default, {
+        direction: "vertical",
+        size: 4,
+        children: arr.map(item => /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
+          children: item
+        }, item))
+      });
     };
-    return (0, import_lodash.isFunction)(props.optionRender) && record.length ? _optionRender() : labelList == null ? void 0 : labelList.join("，");
+    return (0, _lodash.isFunction)(props.optionRender) && record.length ? _optionRender() : labelList === null || labelList === void 0 ? void 0 : labelList.join('，');
   };
   if (isView || props.isView) {
     if (Array.isArray(value)) {
-      return /* @__PURE__ */ import_react.default.createElement(import_Container.default, { tooltip: true, viewEmpty }, transToLabel(value));
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Container.default, {
+        tooltip: true,
+        viewEmpty: viewEmpty,
+        children: transToLabel(value)
+      });
     }
-    return /* @__PURE__ */ import_react.default.createElement(import_Container.default, { viewEmpty }, value || (0, import_lodash.isNumber)(value) ? transToLabel([value]) : null);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Container.default, {
+      viewEmpty: viewEmpty,
+      children: value || (0, _lodash.isNumber)(value) ? transToLabel([value]) : null
+    });
   }
-  const TooltipOption = (props2) => {
+  var TooltipOption = props => {
     if (tooltip) {
-      return /* @__PURE__ */ import_react.default.createElement(import_AdaptiveTooltip.default, null, props2.children);
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AdaptiveTooltip.default, {
+        children: props.children
+      });
     }
-    return props2.children;
+    return props.children;
   };
-  const isReactElement = (element) => (0, import_react.isValidElement)(element);
-  const handleChange = (value2, _option) => {
-    let option = _option;
-    if (labelInValue && (isReactElement(_option) || isReactElement(_option == null ? void 0 : _option.children))) {
-      option = _option == null ? void 0 : _option.record;
+  var isReactElement = element => /*#__PURE__*/(0, _react.isValidElement)(element);
+  var handleChange = (value, _option) => {
+    // option/其第一层子节点是react节点且是labelInValue就拿record
+    var option = _option;
+    if (labelInValue && (isReactElement(_option) || isReactElement(_option === null || _option === void 0 ? void 0 : _option.children))) {
+      option = _option === null || _option === void 0 ? void 0 : _option.record;
     }
-    const { getChangeValue } = selectProps;
-    if (selectProps.mode && selectProps.mode === "multiple") {
+    var getChangeValue = selectProps.getChangeValue;
+    if (selectProps.mode && selectProps.mode === 'multiple') {
       if (Array.isArray(option)) {
-        option.forEach((item) => {
+        option.forEach(item => {
           Object.assign(item, item.record);
           delete item.record;
           delete item.children;
         });
       }
       if (labelInValue) {
-        onChange == null ? void 0 : onChange(
-          getChangeValue ? getChangeValue(getValueObject(value2)) : getValueObject(value2),
-          option
-        );
+        onChange === null || onChange === void 0 || onChange(getChangeValue ? getChangeValue(getValueObject(value)) : getValueObject(value), option);
       } else {
-        onChange == null ? void 0 : onChange(getChangeValue ? getChangeValue(value2) : value2, option);
+        onChange === null || onChange === void 0 || onChange(getChangeValue ? getChangeValue(value) : value, option);
       }
     } else if (!selectProps.mode && labelInValue) {
-      onChange(
-        getChangeValue ? getChangeValue(getValueObject(value2)) : getValueObject(value2),
-        option
-      );
+      onChange(getChangeValue ? getChangeValue(getValueObject(value)) : getValueObject(value), option);
     } else {
-      onChange == null ? void 0 : onChange(getChangeValue ? getChangeValue(value2) : value2, _option == null ? void 0 : _option.record);
+      onChange === null || onChange === void 0 || onChange(getChangeValue ? getChangeValue(value) : value, _option === null || _option === void 0 ? void 0 : _option.record);
     }
   };
-  const transformValue = () => {
+
+  /**
+   * 处理 labelInValue 模式下值的回填
+   * @returns
+   */
+  var transformValue = () => {
     if (labelInValue && !selectProps.mode) {
-      if (!(0, import_lodash.isObject)(value)) {
-        return void 0;
+      if (!(0, _lodash.isObject)(value)) {
+        return undefined;
       }
-      return (value == null ? void 0 : value[code]) || (value == null ? void 0 : value.value);
+      return (value === null || value === void 0 ? void 0 : value[code]) || (value === null || value === void 0 ? void 0 : value.value);
     }
     if (labelInValue && selectProps.mode) {
+      // 对传入的值做一些基础判断
       if (!Array.isArray(value)) {
         return [];
       }
-      return value.map((item) => item == null ? void 0 : item[code]);
+      return value.map(item => item === null || item === void 0 ? void 0 : item[code]);
     }
+    // Handling Jialuo's Extreme Demands
     if (selectProps.mode && value === null) {
-      return void 0;
+      return undefined;
     }
     if (defaultOne && !value && !isDefaultOne) {
-      const option = selectList == null ? void 0 : selectList[0];
+      var option = selectList === null || selectList === void 0 ? void 0 : selectList[0];
+      // selectList 可能是异步回来的值
       if (option) {
         setIsDefaultOne(true);
-        onChange == null ? void 0 : onChange(option == null ? void 0 : option[code], option);
-        return option == null ? void 0 : option[code];
+        onChange === null || onChange === void 0 || onChange(option === null || option === void 0 ? void 0 : option[code], option);
+        return option === null || option === void 0 ? void 0 : option[code];
       }
     }
-    if (value === "") {
+    // 修复空字符placeholder不显示
+    if (value === '') {
       return null;
     }
     return value;
   };
-  let newSelectList = selectList;
-  if ((otherProps == null ? void 0 : otherProps.listName) && filterInList) {
-    newSelectList = (0, import_utils.getSelectList)({
+  var newSelectList = selectList;
+  if (otherProps !== null && otherProps !== void 0 && otherProps.listName && filterInList) {
+    newSelectList = (0, _utils.getSelectList)({
       otherProps,
       value,
       dataSource: selectList,
@@ -284,59 +324,46 @@ var ProSelect = (props, ref) => {
       mode: selectProps.mode
     });
   }
-  return /* @__PURE__ */ import_react.default.createElement("div", { style: props.style, className: "pro-select" }, /* @__PURE__ */ import_react.default.createElement(
-    import_antd.Select,
-    {
-      placeholder: (_c = (_b = import_locale.default) == null ? void 0 : _b.ProSelect) == null ? void 0 : _c.select,
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    style: props.style,
+    className: "pro-select",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_select.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      placeholder: _locale.default === null || _locale.default === void 0 || (_locale$ProSelect = _locale.default.ProSelect) === null || _locale$ProSelect === void 0 ? void 0 : _locale$ProSelect.select,
       allowClear: true,
-      loading: fetchFunction == null ? void 0 : fetchFunction.loading,
+      loading: fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.loading,
       onChange: handleChange,
       showSearch: true,
-      filterOption: (0, import_lodash.isFunction)(_onSearch) ? false : (input, option) => {
-        var _a2, _b2;
-        const value2 = (0, import_lodash.isString)(option == null ? void 0 : option.children) ? option == null ? void 0 : option.children : (_b2 = (_a2 = option == null ? void 0 : option.children) == null ? void 0 : _a2.props) == null ? void 0 : _b2.title;
-        return value2.toLowerCase().includes(input.toLowerCase());
+      filterOption: (0, _lodash.isFunction)(_onSearch) ? false : (input, option) => {
+        var _option$children;
+        var value = (0, _lodash.isString)(option === null || option === void 0 ? void 0 : option.children) ? option === null || option === void 0 ? void 0 : option.children : option === null || option === void 0 || (_option$children = option.children) === null || _option$children === void 0 || (_option$children = _option$children.props) === null || _option$children === void 0 ? void 0 : _option$children.title;
+        return value.toLowerCase().includes(input.toLowerCase());
       },
-      onSearch: (value2) => {
-        _onSearch && _onSearch(value2, { ...fetchFunction });
+      onSearch: value => {
+        _onSearch && _onSearch(value, (0, _objectSpread2.default)({}, fetchFunction));
       },
-      getPopupContainer: (trigger) => {
+      getPopupContainer: trigger => {
         return scrollFollowParent ? trigger.parentElement : document.body;
-      },
-      ...(0, import_lodash.omit)({ ...selectProps }, [
-        "isView",
-        "showCodeName",
-        "form",
-        "name",
-        "style",
-        "onFieldChange"
-      ]),
-      value: transformValue()
-    },
-    Array.isArray(newSelectList) && newSelectList.map((item) => {
-      return /* @__PURE__ */ import_react.default.createElement(
-        Option,
-        {
-          key: item[code],
+      }
+    }, (0, _lodash.omit)((0, _objectSpread2.default)({}, selectProps), ['isView', 'showCodeName', 'form', 'name', 'style', 'onFieldChange'])), {}, {
+      value: transformValue(),
+      children: Array.isArray(newSelectList) && newSelectList.map(item => {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(Option, {
           label: item[label],
           value: item[code],
           record: item,
-          disabled: !!item.disabled
-        },
-        /* @__PURE__ */ import_react.default.createElement(
-          TooltipOption,
-          {
+          disabled: !!item.disabled,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TooltipOption, {
             title: OptionRender ? OptionRender(item) : selectProps.showCodeName ? `${item[code]}-${item[label]}` : item[label],
-            key: item[code]
-          },
-          OptionRender ? /* @__PURE__ */ import_react.default.createElement("span", null, OptionRender(item)) : /* @__PURE__ */ import_react.default.createElement("span", null, selectProps.showCodeName ? `${item[code]}-${item[label]}` : item[label])
-        )
-      );
-    })
-  ));
+            children: OptionRender ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              children: OptionRender(item)
+            }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              children: selectProps.showCodeName ? `${item[code]}-${item[label]}` : item[label]
+            })
+          }, item[code])
+        }, item[code]);
+      })
+    }))
+  });
 };
-var ProSelect_default = (0, import_react.forwardRef)(ProSelect);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ProSelect
-});
+exports.ProSelect = ProSelect;
+var _default = exports.default = /*#__PURE__*/(0, _react.forwardRef)(ProSelect);

package/lib/ProSelect/index.less

@@ -1,5 +1,3 @@
-/* @root-entry-name: 'default'; */
-/* @import (reference) '~antd/es/style/themes/index.less'; */
 
 .pro-select-ellipse {
   display: block;

package/lib/ProSelect/propsType.js

@@ -1,17 +1,5 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/ProSelect/propsType.ts
-var propsType_exports = {};
-module.exports = __toCommonJS(propsType_exports);
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});