@zat-design/sisyphus-react 3.13.14-deta.2 → 4.0.0-beta.3

package/lib/ProSelect/index.js

@@ -1,384 +1,342 @@
-"use strict";
+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);
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
+// src/ProSelect/index.tsx
+var ProSelect_exports = {};
+__export(ProSelect_exports, {
+  ProSelect: () => ProSelect,
+  default: () => ProSelect_default
 });
-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 _isNumber2 = _interopRequireDefault(require("lodash/isNumber"));
-var _omit2 = _interopRequireDefault(require("lodash/omit"));
-var _isString2 = _interopRequireDefault(require("lodash/isString"));
-var _isObject2 = _interopRequireDefault(require("lodash/isObject"));
-var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _ahooks = require("ahooks");
-var _react = _interopRequireWildcard(require("react"));
-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 _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 = exports.ProSelect = function ProSelect(props, ref) {
-  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';
+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;
+var ProSelect = (props, ref) => {
+  var _a, _b, _c;
+  const { fieldNames: proSelectFieldNames = {}, showCodeName } = (0, import_ProConfigProvider.useProConfig)("ProSelect") || {};
+  let label = "label";
+  let code = "value";
   if (proSelectFieldNames && Object.keys(proSelectFieldNames).length) {
     code = proSelectFieldNames.value;
     label = proSelectFieldNames.label;
   }
-  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参数, 优先级高
+  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;
   if (fieldNames && Object.keys(fieldNames).length) {
     code = fieldNames.value;
     label = fieldNames.label;
   }
-  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 = function defaultOnSuccessFun(res) {
-    var _res$status = res.status,
-      status = _res$status === void 0 ? 200 : _res$status,
-      msg = res.message,
-      data = res.data;
+  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;
     if (status !== 200) {
-      _message2.default.error(msg);
+      import_antd.message.error(msg);
       return;
     }
     setSelectList(data || []);
   };
-  var successTransformDataHandle = (0, _react.useCallback)(function (res) {
-    if (transformResponse && typeof transformResponse === 'function') {
+  const successTransformDataHandle = (0, import_react.useCallback)((res) => {
+    if (transformResponse && typeof transformResponse === "function") {
       return transformResponse(res);
     }
-    var _ref3 = res || {},
-      _ref3$status = _ref3.status,
-      status = _ref3$status === void 0 ? 200 : _ref3$status,
-      msg = _ref3.message,
-      data = _ref3.data;
+    const { status = 200, message: msg, data } = res || {};
     if (status !== 200) {
-      _message2.default.error(msg);
+      import_antd.message.error(msg);
       return;
     }
     return data;
   }, []);
-  var fetchFunction = (0, _ahooks.useRequest)(useRequest === null || useRequest === void 0 ? void 0 : useRequest.service, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+  const fetchFunction = (0, import_ahooks.useRequest)(useRequest == null ? void 0 : useRequest.service, {
     manual: true,
-    debounceWait: 300
-  }, useRequest === null || useRequest === void 0 ? void 0 : useRequest.options), {}, {
-    onSuccess: function onSuccess(data) {
-      var _useRequest$options, _useRequest$options$o, _useRequest$options2;
-      if (transformResponse && typeof transformResponse === 'function') {
-        var responseData = transformResponse(data);
+    debounceWait: 300,
+    ...useRequest == null ? void 0 : useRequest.options,
+    onSuccess: (data) => {
+      var _a2, _b2, _c2;
+      if (transformResponse && typeof transformResponse === "function") {
+        const responseData = transformResponse(data);
         setSelectList(responseData);
       } else {
-        // 接口写死了，无法复用
         updateDataSource ? updateDataSource(data, setSelectList) : defaultOnSuccessFun(data);
       }
-      // 执行传入onSuccess
-      useRequest === null || useRequest === void 0 ? void 0 : (_useRequest$options = useRequest.options) === null || _useRequest$options === void 0 ? void 0 : (_useRequest$options$o = _useRequest$options.onSuccess) === null || _useRequest$options$o === void 0 ? void 0 : _useRequest$options$o.call(_useRequest$options, data, useRequest === null || useRequest === void 0 ? void 0 : (_useRequest$options2 = useRequest.options) === null || _useRequest$options2 === void 0 ? void 0 : _useRequest$options2.defaultParams);
+      (_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);
     }
-  }));
-  var cacheList = (useRequest === null || useRequest === void 0 ? void 0 : (_useRequest$options3 = useRequest.options) === null || _useRequest$options3 === void 0 ? void 0 : _useRequest$options3.cacheKey) ? successTransformDataHandle(fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.data) : [];
-  var getValueObject = function getValueObject(input) {
+  });
+  const cacheList = ((_a = useRequest == null ? void 0 : useRequest.options) == null ? void 0 : _a.cacheKey) ? successTransformDataHandle(fetchFunction == null ? void 0 : fetchFunction.data) : [];
+  const getValueObject = (input) => {
     if (Array.isArray(input) && input.length) {
-      var resArr = [];
-      input.forEach(function (i) {
-        var res = selectList.find(function (item) {
-          return item[code] === i;
-        });
-        if (res) resArr.push(res);
+      const resArr = [];
+      input.forEach((i) => {
+        const res = selectList.find((item) => item[code] === i);
+        if (res)
+          resArr.push(res);
       });
       return resArr;
     }
-    return selectList.find(function (item) {
-      return item[code] === input;
-    });
+    return selectList.find((item) => item[code] === input);
   };
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      getValueObject: getValueObject,
+  (0, import_react.useImperativeHandle)(
+    ref,
+    () => ({
+      getValueObject,
       useRequestRef: fetchFunction
-    };
-  });
-  (0, _ahooks.useDeepCompareEffect)(function () {
+    })
+  );
+  (0, import_ahooks.useDeepCompareEffect)(() => {
     setSelectList(dataSource);
   }, [dataSource]);
-  (0, _ahooks.useDeepCompareEffect)(function () {
-    var _useRequest$options4;
-    // 设置cacheKey后使用缓存的数据
-    if (!(selectList === null || selectList === void 0 ? void 0 : selectList.length) && (useRequest === null || useRequest === void 0 ? void 0 : (_useRequest$options4 = useRequest.options) === null || _useRequest$options4 === void 0 ? void 0 : _useRequest$options4.cacheKey)) {
-      if (cacheList === null || cacheList === void 0 ? void 0 : cacheList.length) {
+  (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) {
         setSelectList(cacheList);
       }
     }
-  }, [fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.data]);
-  (0, _ahooks.useDeepCompareEffect)(function () {
-    // 默认disable值时，不查询接口
+  }, [fetchFunction == null ? void 0 : fetchFunction.data]);
+  (0, import_ahooks.useDeepCompareEffect)(() => {
     if (defaultDisableValue || !useRequest) {
       return;
     }
-    var _ref4 = (useRequest === null || useRequest === void 0 ? void 0 : useRequest.options) || {},
-      defaultParams = _ref4.defaultParams,
-      manual = _ref4.manual;
-    if (manual || (cacheList === null || cacheList === void 0 ? void 0 : cacheList.length)) {
+    const { defaultParams, manual } = (useRequest == null ? void 0 : useRequest.options) || {};
+    if (manual || (cacheList == null ? void 0 : cacheList.length)) {
       return;
     }
-    var params = Array.isArray(defaultParams) ? defaultParams === null || defaultParams === void 0 ? void 0 : defaultParams[0] : defaultParams || {};
+    const params = Array.isArray(defaultParams) ? defaultParams == null ? void 0 : defaultParams[0] : defaultParams || {};
     fetchFunction.run(params);
-  }, [useRequest === null || useRequest === void 0 ? void 0 : useRequest.options, defaultDisableValue]);
-  // disable默认值
+  }, [useRequest == null ? void 0 : useRequest.options, defaultDisableValue]);
   if (defaultDisableValue) {
-    return (0, _jsxRuntime.jsx)("span", {
-      title: defaultDisableValue,
-      children: (0, _jsxRuntime.jsx)(_input.default, {
-        disabled: true,
-        defaultValue: defaultDisableValue,
-        style: props === null || props === void 0 ? void 0 : props.style
-      })
-    });
+    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 }));
   }
-  var transToLabel = function transToLabel(value) {
+  const transToLabel = (value2) => {
     if (!Array.isArray(selectList) || !selectList.length) {
       return viewEmpty;
     }
-    var labelList = value.map(function (v) {
-      var option = selectList.find(function (item) {
+    const labelList = value2.map((v) => {
+      const option = selectList.find((item) => {
         if (labelInValue) {
           return item[code] === v[code];
         }
         return item[code] === v;
       });
       if (option) {
-        return selectProps.showCodeName ? "".concat(option[code], "-").concat(option[label]) : option === null || option === void 0 ? void 0 : option[label];
+        return selectProps.showCodeName ? `${option[code]}-${option[label]}` : option == null ? void 0 : option[label];
       }
-      return '-';
+      return "-";
     });
-    var record = value.map(function (v) {
-      return selectList.find(function (item) {
+    const record = value2.map((v) => {
+      return selectList.find((item) => {
         if (labelInValue) {
           return item[code] === v[code];
         }
         return item[code] === v;
       });
-    }).filter(function (v) {
-      return !!v;
-    });
-    // 自定义option时，默认取optionRender的值
-    var _optionRender = function _optionRender() {
+    }).filter((v) => !!v);
+    const _optionRender = () => {
       if (!record.length) {
         return viewEmpty;
       }
-      var arr = [];
-      record.forEach(function (item) {
+      const arr = [];
+      record.forEach((item) => {
         arr.push(props.optionRender(item));
       });
-      return (0, _jsxRuntime.jsx)(_space.default, {
-        direction: "vertical",
-        size: 4,
-        children: arr.map(function (item) {
-          return (0, _jsxRuntime.jsx)(_react.default.Fragment, {
-            children: item
-          }, 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 (0, _isFunction2.default)(props.optionRender) && record.length ? _optionRender() : labelList === null || labelList === void 0 ? void 0 : labelList.join('，');
+    return (0, import_lodash.isFunction)(props.optionRender) && record.length ? _optionRender() : labelList == null ? void 0 : labelList.join("，");
   };
   if (isView || props.isView) {
     if (Array.isArray(value)) {
-      return (0, _jsxRuntime.jsx)(_Container.default, {
-        tooltip: true,
-        viewEmpty: viewEmpty,
-        children: transToLabel(value)
-      });
+      return /* @__PURE__ */ import_react.default.createElement(import_Container.default, { tooltip: true, viewEmpty }, transToLabel(value));
     }
-    return (0, _jsxRuntime.jsx)(_Container.default, {
-      viewEmpty: viewEmpty,
-      children: value || (0, _isNumber2.default)(value) ? transToLabel([value]) : null
-    });
+    return /* @__PURE__ */ import_react.default.createElement(import_Container.default, { viewEmpty }, value || (0, import_lodash.isNumber)(value) ? transToLabel([value]) : null);
   }
-  var TooltipOption = function TooltipOption(props) {
+  const TooltipOption = (props2) => {
     if (tooltip) {
-      return (0, _jsxRuntime.jsx)(_AdaptiveTooltip.default, {
-        children: props.children
-      });
+      return /* @__PURE__ */ import_react.default.createElement(import_AdaptiveTooltip.default, null, props2.children);
     }
-    return props.children;
-  };
-  var isReactElement = function isReactElement(element) {
-    return /*#__PURE__*/(0, _react.isValidElement)(element);
+    return props2.children;
   };
-  var handleChange = function 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 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 getChangeValue = selectProps.getChangeValue;
-    if (selectProps.mode && selectProps.mode === 'multiple') {
+    const { getChangeValue } = selectProps;
+    if (selectProps.mode && selectProps.mode === "multiple") {
       if (Array.isArray(option)) {
-        option.forEach(function (item) {
+        option.forEach((item) => {
           Object.assign(item, item.record);
           delete item.record;
           delete item.children;
         });
       }
       if (labelInValue) {
-        onChange === null || onChange === void 0 ? void 0 : onChange(getChangeValue ? getChangeValue(getValueObject(value)) : getValueObject(value), option);
+        onChange == null ? void 0 : onChange(
+          getChangeValue ? getChangeValue(getValueObject(value2)) : getValueObject(value2),
+          option
+        );
       } else {
-        onChange === null || onChange === void 0 ? void 0 : onChange(getChangeValue ? getChangeValue(value) : value, option);
+        onChange == null ? void 0 : onChange(getChangeValue ? getChangeValue(value2) : value2, option);
       }
     } else if (!selectProps.mode && labelInValue) {
-      onChange(getChangeValue ? getChangeValue(getValueObject(value)) : getValueObject(value), option);
+      onChange(
+        getChangeValue ? getChangeValue(getValueObject(value2)) : getValueObject(value2),
+        option
+      );
     } else {
-      onChange === null || onChange === void 0 ? void 0 : onChange(getChangeValue ? getChangeValue(value) : value, _option === null || _option === void 0 ? void 0 : _option.record);
+      onChange == null ? void 0 : onChange(getChangeValue ? getChangeValue(value2) : value2, _option == null ? void 0 : _option.record);
     }
   };
-  /**
-   * 处理 labelInValue 模式下值的回填
-   * @returns
-   */
-  var transformValue = function transformValue() {
+  const transformValue = () => {
     if (labelInValue && !selectProps.mode) {
-      if (!(0, _isObject2.default)(value)) {
-        return undefined;
+      if (!(0, import_lodash.isObject)(value)) {
+        return void 0;
       }
-      return (value === null || value === void 0 ? void 0 : value[code]) || (value === null || value === void 0 ? void 0 : value.value);
+      return (value == null ? void 0 : value[code]) || (value == null ? void 0 : value.value);
     }
     if (labelInValue && selectProps.mode) {
-      // 对传入的值做一些基础判断
       if (!Array.isArray(value)) {
         return [];
       }
-      return value.map(function (item) {
-        return item === null || item === void 0 ? void 0 : item[code];
-      });
+      return value.map((item) => item == null ? void 0 : item[code]);
     }
-    // Handling Jialuo's Extreme Demands
     if (selectProps.mode && value === null) {
-      return undefined;
+      return void 0;
     }
     if (defaultOne && !value && !isDefaultOne) {
-      var option = selectList === null || selectList === void 0 ? void 0 : selectList[0];
-      // selectList 可能是异步回来的值
+      const option = selectList == null ? void 0 : selectList[0];
       if (option) {
         setIsDefaultOne(true);
-        onChange === null || onChange === void 0 ? void 0 : onChange(option === null || option === void 0 ? void 0 : option[code], option);
-        return option === null || option === void 0 ? void 0 : option[code];
+        onChange == null ? void 0 : onChange(option == null ? void 0 : option[code], option);
+        return option == null ? void 0 : option[code];
       }
     }
-    // 修复空字符placeholder不显示
-    if (value === '') {
+    if (value === "") {
       return null;
     }
     return value;
   };
-  var newSelectList = selectList;
-  if ((otherProps === null || otherProps === void 0 ? void 0 : otherProps.listName) && filterInList) {
-    newSelectList = (0, _utils.getSelectList)({
-      otherProps: otherProps,
-      value: value,
+  let newSelectList = selectList;
+  if ((otherProps == null ? void 0 : otherProps.listName) && filterInList) {
+    newSelectList = (0, import_utils.getSelectList)({
+      otherProps,
+      value,
       dataSource: selectList,
-      labelInValue: labelInValue,
-      fieldNames: fieldNames,
+      labelInValue,
+      fieldNames,
       mode: selectProps.mode
     });
   }
-  return (0, _jsxRuntime.jsx)("div", {
-    style: props.style,
-    className: "pro-select",
-    children: (0, _jsxRuntime.jsx)(_select.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
-      placeholder: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProSelect = _locale.default.ProSelect) === null || _locale$ProSelect === void 0 ? void 0 : _locale$ProSelect.select,
+  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,
       allowClear: true,
-      showArrow: true,
-      loading: fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.loading,
+      loading: fetchFunction == null ? void 0 : fetchFunction.loading,
       onChange: handleChange,
-      // optionLabelProp={otherProps?.isDiffChange ? 'label' : 'children'} // 解决warning报错，添加默认值
-      // optionLabelProp="label" // 解决warning报错，添加默认值
       showSearch: true,
-      filterOption: (0, _isFunction2.default)(_onSearch) ? false : function (input, option) {
-        var _option$children, _option$children$prop;
-        var value = (0, _isString2.default)(option === null || option === void 0 ? void 0 : option.children) ? option === null || option === void 0 ? void 0 : option.children : option === null || option === void 0 ? void 0 : (_option$children = option.children) === null || _option$children === void 0 ? void 0 : (_option$children$prop = _option$children.props) === null || _option$children$prop === void 0 ? void 0 : _option$children$prop.title;
-        return value.toLowerCase().includes(input.toLowerCase());
+      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());
       },
-      onSearch: function onSearch(value) {
-        _onSearch && _onSearch(value, (0, _objectSpread2.default)({}, fetchFunction));
+      onSearch: (value2) => {
+        _onSearch && _onSearch(value2, { ...fetchFunction });
       },
-      getPopupContainer: function getPopupContainer(trigger) {
+      getPopupContainer: (trigger) => {
         return scrollFollowParent ? trigger.parentElement : document.body;
-      }
-    }, (0, _omit2.default)((0, _objectSpread2.default)({}, selectProps), ['isView', 'showCodeName', 'form', 'name', 'style', 'onFieldChange'])), {}, {
-      value: transformValue(),
-      children: Array.isArray(newSelectList) && newSelectList.map(function (item) {
-        return (0, _jsxRuntime.jsx)(Option, {
+      },
+      ...(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],
           label: item[label],
           value: item[code],
           record: item,
-          disabled: !!item.disabled,
-          children: (0, _jsxRuntime.jsx)(TooltipOption, {
-            title: OptionRender ? OptionRender(item) : selectProps.showCodeName ? "".concat(item[code], "-").concat(item[label]) : item[label],
-            children: OptionRender ? (0, _jsxRuntime.jsx)("span", {
-              children: OptionRender(item)
-            }) : (0, _jsxRuntime.jsx)("span", {
-              children: selectProps.showCodeName ? "".concat(item[code], "-").concat(item[label]) : item[label]
-            })
-          }, item[code])
-        }, item[code]);
-      })
-    }))
-  });
+          disabled: !!item.disabled
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          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])
+        )
+      );
+    })
+  ));
 };
-var _default = exports.default = /*#__PURE__*/(0, _react.forwardRef)(ProSelect);
+var ProSelect_default = (0, import_react.forwardRef)(ProSelect);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ProSelect
+});

package/lib/ProSelect/index.less

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

package/lib/ProSelect/propsType.d.ts

@@ -10,7 +10,7 @@ export interface DataOptionType {
      * @description 展示标签
      * @default -
      */
-    label?: string;
+    label?: ReactNode;
     /**
      * @description 选项值
      * @default -