tdesign-react 0.17.0 → 0.18.2

package/cjs/select/base/PopupContent.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -8,26 +8,35 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../../_chunks/dep-da22c7e7.js');
-var slicedToArray = require('../../_chunks/dep-138b9430.js');
+var objectWithoutProperties = require('../../_chunks/dep-76f334ae.js');
+var defineProperty = require('../../_chunks/dep-3690810b.js');
+var slicedToArray = require('../../_chunks/dep-7555b3cd.js');
 var React = require('react');
 var locale_LocalReceiver = require('../../locale/LocalReceiver.js');
 var select_util_helper = require('../util/helper.js');
 var _util_useConfig = require('../../_util/useConfig.js');
 var select_base_Option = require('./Option.js');
-require('../../_chunks/dep-fe12381d.js');
+require('../../_chunks/dep-3a707dd3.js');
 require('../../config-provider/ConfigContext.js');
 require('../../locale/zh_CN.js');
-require('../../_chunks/dep-d28ccca5.js');
+require('../../_chunks/dep-26d8057f.js');
 require('lodash');
 require('./OptionGroup.js');
 require('classnames');
-require('../../_chunks/dep-e7afdc7b.js');
-require('../../_chunks/dep-e3c11611.js');
-require('../../_chunks/dep-18990b3e.js');
-require('../../_chunks/dep-ff9e6193.js');
-require('../../_chunks/dep-4ffbaf14.js');
-require('../../_chunks/dep-8b42f281.js');
+require('../../_chunks/dep-5ba782c6.js');
+require('../../_chunks/dep-2bf84a94.js');
+require('../../_chunks/dep-d2731646.js');
+require('../../_chunks/dep-39714d3a.js');
+require('../../_chunks/dep-d0bc53f1.js');
+require('../../_chunks/dep-3e8d1212.js');
+require('../../_chunks/dep-95812a03.js');
+require('../../_chunks/dep-d3f303fd.js');
+require('../../_chunks/dep-4ad44dd8.js');
+require('../../_chunks/dep-213765c2.js');
+require('../../_chunks/dep-45c93631.js');
+require('../../_chunks/dep-d3e9cd11.js');
+require('../../_chunks/dep-7649e4c5.js');
+require('../../_chunks/dep-6c7c7494.js');
 require('../../_util/useRipple.js');
 require('../../_util/setStyle.js');
 
@@ -35,6 +44,8 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+var _excluded = ["value", "label", "disabled"];
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { defineProperty._defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
@@ -51,7 +62,9 @@ var PopupContent = function PopupContent(props) {
       empty = props.empty,
       loadingText = props.loadingText,
       loading = props.loading,
-      valueType = props.valueType;
+      valueType = props.valueType,
+      children = props.children,
+      keys = props.keys;
 
   var _useLocaleReceiver = locale_LocalReceiver.useLocaleReceiver("select"),
       _useLocaleReceiver2 = slicedToArray._slicedToArray(_useLocaleReceiver, 2),
@@ -63,15 +76,35 @@ var PopupContent = function PopupContent(props) {
   var _useConfig = _util_useConfig["default"](),
       classPrefix = _useConfig.classPrefix;
 
-  if (!props.children && !props.options) return null;
+  if (!children && !props.options) return null;
 
   var onSelect = function onSelect(selectedValue, _ref) {
     var label = _ref.label,
-        selected = _ref.selected;
+        selected = _ref.selected,
+        restData = _ref.restData;
 
     if (selectedValue) {
+      var isValObj = valueType === "object";
+      var objVal = {};
+
+      if (isValObj) {
+        objVal = _objectSpread({}, restData);
+
+        if (!(keys !== null && keys !== void 0 && keys.label)) {
+          Object.assign(objVal, {
+            label: label
+          });
+        }
+
+        if (!(keys !== null && keys !== void 0 && keys.value)) {
+          Object.assign(objVal, {
+            value: selectedValue
+          });
+        }
+      }
+
       if (multiple) {
-        var values = select_util_helper.getSelectValueArr(value, selectedValue, label, selected, valueType);
+        var values = select_util_helper.getSelectValueArr(value, selectedValue, selected, valueType, keys, objVal);
         onChange(values, {
           label: label
         });
@@ -79,7 +112,8 @@ var PopupContent = function PopupContent(props) {
           return setShowPopup(true);
         });
       } else {
-        onChange(selectedValue, {
+        var selectVal = valueType === "object" ? objVal : selectedValue;
+        onChange(selectVal, {
           label: label
         });
         setShowPopup(!showPopup);
@@ -87,7 +121,7 @@ var PopupContent = function PopupContent(props) {
     }
   };
 
-  var childrenWithProps = React.Children.map(props.children, function (child) {
+  var childrenWithProps = React.Children.map(children, function (child) {
     if ( /*#__PURE__*/React.isValidElement(child)) {
       var addedProps = {
         size: size,
@@ -107,7 +141,9 @@ var PopupContent = function PopupContent(props) {
       return /* @__PURE__ */React__default["default"].createElement("ul", null, options.map(function (_ref2, index) {
         var optionValue = _ref2.value,
             label = _ref2.label,
-            disabled = _ref2.disabled;
+            disabled = _ref2.disabled,
+            restData = objectWithoutProperties._objectWithoutProperties(_ref2, _excluded);
+
         return /* @__PURE__ */React__default["default"].createElement(select_base_Option["default"], {
           key: index,
           max: max,
@@ -117,7 +153,9 @@ var PopupContent = function PopupContent(props) {
           selectedValue: value,
           multiple: multiple,
           size: size,
-          disabled: disabled
+          disabled: disabled,
+          restData: restData,
+          keys: keys
         });
       }));
     }

package/cjs/select/base/PopupContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopupContent.js","sources":["../../../src/select/base/PopupContent.tsx"],"sourcesContent":["import React, { Children, isValidElement, cloneElement } from 'react';\nimport { useLocaleReceiver } from '../../locale/LocalReceiver';\nimport { getSelectValueArr } from '../util/helper';\nimport { TdSelectProps, SelectValue } from '../../_type/components/select';\nimport useConfig from '../../_util/useConfig';\nimport Option, { SelectOptionProps } from './Option';\n\ninterface SelectPopupProps\n  extends Pick<\n    TdSelectProps,\n    'value' | 'size' | 'multiple' | 'empty' | 'options' | 'max' | 'loadingText' | 'loading' | 'valueType'\n  > {\n  onChange?: (value: SelectValue, context?: { label?: string | number }) => void;\n  /**\n   * 是否展示popup\n   */\n  showPopup: boolean;\n  /**\n   * 控制popup展示的函数\n   */\n  setShowPopup: (show: boolean) => void;\n  children?: React.ReactNode;\n}\n\nconst PopupContent = (props: SelectPopupProps) => {\n  const {\n    onChange,\n    value,\n    size,\n    max,\n    multiple,\n    showPopup,\n    setShowPopup,\n    options,\n    empty,\n    loadingText,\n    loading,\n    valueType,\n  } = props;\n\n  // 国际化文本初始化\n  const [local, t] = useLocaleReceiver('select');\n  const emptyText = t(local.empty);\n\n  const { classPrefix } = useConfig();\n  if (!props.children && !props.options) return null;\n\n  const onSelect: SelectOptionProps['onSelect'] = (selectedValue, { label, selected }) => {\n    if (selectedValue) {\n      if (multiple) {\n        const values = getSelectValueArr(value, selectedValue, label, selected, valueType);\n        onChange(values, { label });\n        requestAnimationFrame(() => setShowPopup(true));\n      } else {\n        onChange(selectedValue, { label });\n        setShowPopup(!showPopup);\n      }\n    }\n  };\n\n  const childrenWithProps = Children.map(props.children, (child) => {\n    if (isValidElement(child)) {\n      const addedProps = { size, max, multiple, selectedValue: value, onSelect };\n      return cloneElement(child, { ...addedProps });\n    }\n    return child;\n  });\n\n  // 渲染 options\n  const renderOptions = () => {\n    if (options) {\n      // 通过options API配置的\n      return (\n        <ul>\n          {options.map(({ value: optionValue, label, disabled }, index) => (\n            <Option\n              key={index}\n              max={max}\n              label={label}\n              value={optionValue}\n              onSelect={onSelect}\n              selectedValue={value}\n              multiple={multiple}\n              size={size}\n              disabled={disabled}\n            />\n          ))}\n        </ul>\n      );\n    }\n    return <ul>{childrenWithProps}</ul>;\n  };\n\n  const isEmpty = (Array.isArray(childrenWithProps) && !childrenWithProps.length) || (options && options.length === 0);\n\n  if (isEmpty) {\n    return <div className={`${classPrefix}-select-empty`}>{empty ? empty : <p>{emptyText}</p>}</div>;\n  }\n\n  if (loading) {\n    return <div className={`${classPrefix}-select-loading-tips`}>{loadingText}</div>;\n  }\n  return <div>{renderOptions()}</div>;\n};\n\nexport default PopupContent;\n"],"names":["PopupContent","props","onChange","value","size","max","multiple","showPopup","setShowPopup","options","empty","loadingText","loading","valueType","useLocaleReceiver","local","t","emptyText","useConfig","classPrefix","children","onSelect","selectedValue","label","selected","values","getSelectValueArr","childrenWithProps","Children","map","child","isValidElement","addedProps","cloneElement","renderOptions","index","optionValue","disabled","Option","key","isEmpty","Array","isArray","length","className"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAwBMA,eAAe,SAAfA,YAAe,CAACC,KAAD,EAA6B;MAE9CC,WAYED,MAZFC;MACAC,QAWEF,MAXFE;MACAC,OAUEH,MAVFG;MACAC,MASEJ,MATFI;MACAC,WAQEL,MARFK;MACAC,YAOEN,MAPFM;MACAC,eAMEP,MANFO;MACAC,UAKER,MALFQ;MACAC,QAIET,MAJFS;MACAC,cAGEV,MAHFU;MACAC,UAEEX,MAFFW;MACAC,YACEZ,MADFY;;2BAIiBC,uCAAkB;;MAA9BC;MAAOC;;MACRC,YAAYD,EAAED,MAAML;;mBAEFQ;MAAhBC,yBAAAA;;MACJ,CAAClB,MAAMmB,QAAP,IAAmB,CAACnB,MAAMQ,gBAAgB;;MAExCY,WAA0C,SAA1CA,QAA0C,CAACC,aAAD,QAAwC;AAAA,QAAtBC,KAAsB,QAAtBA,KAAsB;AAAA,QAAfC,QAAe,QAAfA,QAAe;;QAClFF,eAAe;UACbhB,UAAU;YACNmB,SAASC,qCAAkBvB,OAAOmB,eAAeC,OAAOC,UAAUX;iBAC/DY,QAAQ;AAAEF,UAAAA,OAAAA;AAAF;8BACK;AAAA,iBAAMf,aAAa,KAAnB;AAAA;aACjB;iBACIc,eAAe;AAAEC,UAAAA,OAAAA;AAAF;qBACX,CAAChB;;;;;MAKdoB,oBAAoBC,eAASC,GAAT,CAAa5B,MAAMmB,QAAnB,EAA6B,UAACU,KAAD,EAAW;sBAC5DC,qBAAeD,QAAQ;UACnBE,aAAa;AAAE5B,QAAAA,MAAAA,IAAF;AAAQC,QAAAA,KAAAA,GAAR;AAAaC,QAAAA,UAAAA,QAAb;AAAuBgB,QAAAA,eAAenB,KAAtC;AAA6CkB,QAAAA,UAAAA;AAA7C;0BACZY,mBAAaH,yBAAYE;;;WAE3BF;GALiB;;MASpBI,gBAAgB,SAAhBA,aAAgB,GAAM;QACtBzB,SAAS;oEAGR,MAAD,MACGA,QAAQoB,GAAR,CAAY,iBAA0CM,KAA1C;AAAA,YAAUC,WAAV,SAAGjC,KAAH;AAAA,YAAuBoB,KAAvB,SAAuBA,KAAvB;AAAA,YAA8Bc,QAA9B,SAA8BA,QAA9B;AAAA,sEACVC,+BAAD;AACEC,UAAAA,KAAKJ,KADP;AAEE9B,UAAAA,KAAAA,GAFF;AAGEkB,UAAAA,OAAAA,KAHF;AAIEpB,UAAAA,OAAOiC,WAJT;AAKEf,UAAAA,UAAAA,QALF;AAMEC,UAAAA,eAAenB,KANjB;AAOEG,UAAAA,UAAAA,QAPF;AAQEF,UAAAA,MAAAA,IARF;AASEiC,UAAAA,UAAAA;AATF,UADW;AAAA,OAAZ;;;kEAgBC,MAAD,MAAKV;;;MAGRa,UAAWC,MAAMC,OAAN,CAAcf,iBAAd,KAAoC,CAACA,kBAAkBgB,MAAvD,IAAmElC,WAAWA,QAAQkC,MAAR,KAAmB;;MAE9GH,SAAS;kEACH,OAAD;AAAKI,MAAAA,qBAAczB;AAAnB,OAAgDT,QAAQA,+DAAS,KAAD,MAAIO;;;MAGzEL,SAAS;kEACH,OAAD;AAAKgC,MAAAA,qBAAczB;AAAnB,OAAuDR;;;gEAExD,OAAD,MAAMuB;;;;;"}
+{"version":3,"file":"PopupContent.js","sources":["../../../src/select/base/PopupContent.tsx"],"sourcesContent":["import React, { Children, isValidElement, cloneElement } from 'react';\nimport { useLocaleReceiver } from '../../locale/LocalReceiver';\nimport { getSelectValueArr } from '../util/helper';\nimport { TdSelectProps, SelectValue, TdOptionProps } from '../../_type/components/select';\nimport useConfig from '../../_util/useConfig';\nimport Option, { SelectOptionProps } from './Option';\n\ntype OptionsType = TdOptionProps[];\n\ninterface SelectPopupProps\n  extends Pick<\n    TdSelectProps,\n    'value' | 'size' | 'multiple' | 'empty' | 'options' | 'max' | 'loadingText' | 'loading' | 'valueType' | 'keys'\n  > {\n  onChange?: (value: SelectValue, context?: { label?: string | number; restData?: Record<string, any> }) => void;\n  /**\n   * 是否展示popup\n   */\n  showPopup: boolean;\n  /**\n   * 控制popup展示的函数\n   */\n  setShowPopup: (show: boolean) => void;\n  children?: React.ReactNode;\n}\n\nconst PopupContent = (props: SelectPopupProps) => {\n  const {\n    onChange,\n    value,\n    size,\n    max,\n    multiple,\n    showPopup,\n    setShowPopup,\n    options,\n    empty,\n    loadingText,\n    loading,\n    valueType,\n    children,\n    keys,\n  } = props;\n\n  // 国际化文本初始化\n  const [local, t] = useLocaleReceiver('select');\n  const emptyText = t(local.empty);\n\n  const { classPrefix } = useConfig();\n  if (!children && !props.options) return null;\n\n  const onSelect: SelectOptionProps['onSelect'] = (selectedValue, { label, selected, restData }) => {\n    if (selectedValue) {\n      const isValObj = valueType === 'object';\n      let objVal = {};\n      if (isValObj) {\n        objVal = { ...restData };\n        if (!keys?.label) {\n          Object.assign(objVal, { label });\n        }\n        if (!keys?.value) {\n          Object.assign(objVal, { value: selectedValue });\n        }\n      }\n\n      if (multiple) {\n        // calc multiple select values\n        const values = getSelectValueArr(value, selectedValue, selected, valueType, keys, objVal);\n        onChange(values, { label });\n        requestAnimationFrame(() => setShowPopup(true));\n      } else {\n        // calc single select value\n        const selectVal = valueType === 'object' ? objVal : selectedValue;\n\n        onChange(selectVal, { label });\n        setShowPopup(!showPopup);\n      }\n    }\n  };\n\n  const childrenWithProps = Children.map(children, (child) => {\n    if (isValidElement(child)) {\n      const addedProps = { size, max, multiple, selectedValue: value, onSelect };\n      return cloneElement(child, { ...addedProps });\n    }\n    return child;\n  });\n\n  // 渲染 options\n  const renderOptions = () => {\n    if (options) {\n      // 通过options API配置的\n      return (\n        <ul>\n          {(options as OptionsType).map(({ value: optionValue, label, disabled, ...restData }, index) => (\n            <Option\n              key={index}\n              max={max}\n              label={label}\n              value={optionValue}\n              onSelect={onSelect}\n              selectedValue={value}\n              multiple={multiple}\n              size={size}\n              disabled={disabled}\n              restData={restData}\n              keys={keys}\n            />\n          ))}\n        </ul>\n      );\n    }\n    return <ul>{childrenWithProps}</ul>;\n  };\n\n  const isEmpty = (Array.isArray(childrenWithProps) && !childrenWithProps.length) || (options && options.length === 0);\n\n  if (isEmpty) {\n    return <div className={`${classPrefix}-select-empty`}>{empty ? empty : <p>{emptyText}</p>}</div>;\n  }\n\n  if (loading) {\n    return <div className={`${classPrefix}-select-loading-tips`}>{loadingText}</div>;\n  }\n  return <div>{renderOptions()}</div>;\n};\n\nexport default PopupContent;\n"],"names":["PopupContent","props","onChange","value","size","max","multiple","showPopup","setShowPopup","options","empty","loadingText","loading","valueType","children","keys","useLocaleReceiver","local","t","emptyText","useConfig","classPrefix","onSelect","selectedValue","label","selected","restData","isValObj","objVal","assign","values","getSelectValueArr","selectVal","childrenWithProps","Children","map","child","isValidElement","addedProps","cloneElement","renderOptions","index","optionValue","disabled","Option","key","isEmpty","Array","isArray","length","className"],"mappings":"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"}

package/cjs/select/base/Select.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { SelectOptionProps } from './Option';
 import { TdSelectProps } from '../../_type/components/select';
 import { StyledProps } from '../../_type';
 export interface SelectProps extends TdSelectProps, StyledProps {
@@ -6,7 +7,7 @@ export interface SelectProps extends TdSelectProps, StyledProps {
 }
 declare const Select: React.FunctionComponent<SelectProps & React.RefAttributes<HTMLDivElement>> & {
     displayName: string;
-    Option: (props: import("./Option").SelectOptionProps) => JSX.Element;
+    Option: (props: SelectOptionProps) => JSX.Element;
     OptionGroup: (props: import("./OptionGroup").SelectGOptionGroupProps) => JSX.Element;
 };
 export default Select;

package/cjs/select/base/Select.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -8,12 +8,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../../_chunks/dep-da22c7e7.js');
-var slicedToArray = require('../../_chunks/dep-138b9430.js');
+var defineProperty = require('../../_chunks/dep-3690810b.js');
+var slicedToArray = require('../../_chunks/dep-7555b3cd.js');
 var React = require('react');
-var classNames = require('classnames');
-var lodash = require('lodash');
 var tdesignIconsReact = require('tdesign-icons-react');
+var classNames = require('classnames');
+var isFunction = require('../../_chunks/dep-45c93631.js');
+var get = require('../../_chunks/dep-95812a03.js');
+var isString = require('../../_chunks/dep-d0bc53f1.js');
 var locale_LocalReceiver = require('../../locale/LocalReceiver.js');
 var _util_useConfig = require('../../_util/useConfig.js');
 var _util_composeRefs = require('../../_util/composeRefs.js');
@@ -22,38 +24,49 @@ var _util_forwardRefWithStatics = require('../../_util/forwardRefWithStatics.js'
 var select_util_helper = require('../util/helper.js');
 var _util_noop = require('../../_util/noop.js');
 var common_FakeArrow = require('../../common/FakeArrow.js');
+var loading_index = require('../../loading/index.js');
 var input_index = require('../../input/index.js');
 var popup_index = require('../../popup/index.js');
 var tag_index = require('../../tag/index.js');
 var select_base_Option = require('./Option.js');
 var select_base_OptionGroup = require('./OptionGroup.js');
 var select_base_PopupContent = require('./PopupContent.js');
-require('../../_chunks/dep-fe12381d.js');
+require('../../_chunks/dep-3a707dd3.js');
+require('../../_chunks/dep-2bf84a94.js');
+require('../../_chunks/dep-d2731646.js');
+require('../../_chunks/dep-d3e9cd11.js');
+require('../../_chunks/dep-d3f303fd.js');
+require('../../_chunks/dep-3e8d1212.js');
+require('../../_chunks/dep-4ad44dd8.js');
+require('../../_chunks/dep-39714d3a.js');
+require('../../_chunks/dep-213765c2.js');
+require('../../_chunks/dep-7649e4c5.js');
+require('../../_chunks/dep-6c7c7494.js');
 require('../../config-provider/ConfigContext.js');
 require('../../locale/zh_CN.js');
-require('../../_chunks/dep-d83d25da.js');
+require('../../_chunks/dep-76f334ae.js');
 require('../../_util/useDefault.js');
 require('hoist-non-react-statics');
-require('../../_chunks/dep-d28ccca5.js');
+require('../../_chunks/dep-26d8057f.js');
+require('lodash');
+require('../../loading/loading.js');
+require('react-dom');
+require('../../_util/dom.js');
+require('raf');
+require('../../_util/easing.js');
+require('../../common/Portal.js');
+require('../../_chunks/dep-7a3bfc35.js');
 require('../../input/Input.js');
-require('../../_chunks/dep-fa810c21.js');
-require('../../_chunks/dep-e3c11611.js');
-require('../../_chunks/dep-18990b3e.js');
-require('../../_chunks/dep-dc9b08b7.js');
 require('../../input/InputGroup.js');
 require('../../popup/Popup.js');
 require('react-popper');
 require('../../_util/usePrevious.js');
 require('../../popup/Portal.js');
-require('react-dom');
 require('../../popup/useTriggerProps.js');
 require('../../_util/useClickOutside.js');
 require('../../tag/Tag.js');
 require('../../tag/CheckTag.js');
-require('../../_chunks/dep-e7afdc7b.js');
-require('../../_chunks/dep-ff9e6193.js');
-require('../../_chunks/dep-4ffbaf14.js');
-require('../../_chunks/dep-8b42f281.js');
+require('../../_chunks/dep-5ba782c6.js');
 require('../../_util/useRipple.js');
 require('../../_util/setStyle.js');
 
@@ -111,7 +124,12 @@ var Select = _util_forwardRefWithStatics["default"](function (props, ref) {
       _useDefaultValue$valu = _useDefaultValue.valueType,
       valueType = _useDefaultValue$valu === void 0 ? "value" : _useDefaultValue$valu,
       keys = _useDefaultValue.keys,
-      children = _useDefaultValue.children;
+      children = _useDefaultValue.children,
+      collapsedItems = _useDefaultValue.collapsedItems,
+      minCollapsedNum = _useDefaultValue.minCollapsedNum,
+      valueDisplay = _useDefaultValue.valueDisplay,
+      _onEnter = _useDefaultValue.onEnter,
+      onVisibleChange = _useDefaultValue.onVisibleChange;
 
   var _useConfig = _util_useConfig["default"](),
       classPrefix = _useConfig.classPrefix;
@@ -144,14 +162,15 @@ var Select = _util_forwardRefWithStatics["default"](function (props, ref) {
       width = _useState10[0],
       setWidth = _useState10[1];
 
+  var selectRef = React.useRef(null);
+  var overlayRef = React.useRef(null);
+
   if (value) {
-    selectedLabel = select_util_helper.getLabel(children, value, currentOptions);
+    selectedLabel = select_util_helper.getLabel(children, value, currentOptions, keys);
   }
 
-  var selectRef = React.useRef(null);
-  var overlayRef = React.useRef(null);
   React.useEffect(function () {
-    if (showPopup && selectRef && selectRef.current) {
+    if (showPopup && selectRef !== null && selectRef !== void 0 && selectRef.current) {
       var _overlayRef$current, _overlayRef$current$g, _overlayRef$current$g2;
 
       var domRect = selectRef.current.getBoundingClientRect();
@@ -160,23 +179,18 @@ var Select = _util_forwardRefWithStatics["default"](function (props, ref) {
       setWidth(width2);
     }
   }, [showPopup]);
+  React.useEffect(function () {
+    onVisibleChange === null || onVisibleChange === void 0 ? void 0 : onVisibleChange(showPopup);
+  }, [showPopup, onVisibleChange]);
   React.useEffect(function () {
     if (keys) {
       var transformedOptions = options.map(function (option) {
         return _objectSpread(_objectSpread({}, option), {}, {
-          value: lodash.get(option, (keys === null || keys === void 0 ? void 0 : keys.value) || "value"),
-          label: lodash.get(option, (keys === null || keys === void 0 ? void 0 : keys.label) || "label")
+          value: get.get_1(option, (keys === null || keys === void 0 ? void 0 : keys.value) || "value"),
+          label: get.get_1(option, (keys === null || keys === void 0 ? void 0 : keys.label) || "label")
         });
       });
       setCurrentOptions(transformedOptions);
-    } else if (children && Array.isArray(children)) {
-      var optionFromChild = children.reduce(function (acc, item) {
-        return acc.concat({
-          value: item.props.value,
-          label: item.props.label || item.props.children
-        });
-      }, []);
-      setCurrentOptions(optionFromChild);
     } else {
       setCurrentOptions(options);
     }
@@ -200,14 +214,14 @@ var Select = _util_forwardRefWithStatics["default"](function (props, ref) {
     return function () {
       document.removeEventListener("click", listener);
     };
-  }, [showPopup]);
+  }, [showPopup, onVisibleChange]);
 
   var removeTag = function removeTag(event, selectValue, tagData) {
     event.stopPropagation();
-    var values = select_util_helper.getSelectValueArr(value, selectValue, "", true, valueType);
+    var values = select_util_helper.getSelectValueArr(value, selectValue, true, valueType, keys);
     onChange(values);
 
-    if (lodash.isFunction(onRemove)) {
+    if (isFunction.isFunction_1(onRemove)) {
       onRemove({
         value: tagData.value,
         data: tagData,
@@ -218,22 +232,13 @@ var Select = _util_forwardRefWithStatics["default"](function (props, ref) {
 
   var handleChange = function handleChange(value2, _ref) {
     var label = _ref.label;
-
-    if (multiple) {
-      onChange(value2);
-    } else {
-      var selectVal = valueType === "object" ? {
-        label: label,
-        value: value2
-      } : value2;
-      onChange(selectVal);
-    }
+    onChange(value2);
 
     if (filterable) {
       setInputVal(!multiple || reserveKeyword && multiple ? label : "");
     }
 
-    if (creatable && lodash.isFunction(onCreate)) {
+    if (creatable && isFunction.isFunction_1(onCreate)) {
       if (options.filter(function (option) {
         return option.value === value2;
       }).length === 0) {
@@ -250,7 +255,7 @@ var Select = _util_forwardRefWithStatics["default"](function (props, ref) {
       return;
     }
 
-    if (filter && lodash.isFunction(filter)) {
+    if (filter && isFunction.isFunction_1(filter)) {
       filteredOptions = Array.isArray(options) && options.filter(function (option) {
         return filter(value2, option);
       });
@@ -274,7 +279,7 @@ var Select = _util_forwardRefWithStatics["default"](function (props, ref) {
   var handleInputChange = function handleInputChange(value2) {
     setInputVal(value2);
 
-    if (lodash.isFunction(onSearch)) {
+    if (isFunction.isFunction_1(onSearch)) {
       onSearch(value2);
       return;
     }
@@ -292,15 +297,29 @@ var Select = _util_forwardRefWithStatics["default"](function (props, ref) {
       var optionValue = [];
 
       if (valueType === "value") {
-        optionValue = currentOptions.filter(function (option) {
-          return value.includes(option.value);
-        });
-        tags = select_util_helper.getMultipleTags(optionValue);
+        if (currentOptions) {
+          optionValue = currentOptions.filter(function (option) {
+            return value.includes(option === null || option === void 0 ? void 0 : option.value);
+          });
+        }
+
+        if (children && Array.isArray(children)) {
+          optionValue = children.reduce(function (acc, item) {
+            return acc.concat({
+              value: item.props.value,
+              label: item.props.label || item.props.children
+            });
+          }, []).filter(function (option) {
+            return value.includes(option === null || option === void 0 ? void 0 : option.value);
+          });
+        }
+
+        tags = select_util_helper.getMultipleTags(optionValue, keys);
       } else {
-        tags = select_util_helper.getMultipleTags(value);
+        tags = select_util_helper.getMultipleTags(value, keys);
       }
 
-      if (tags.length > 0) return tags.map(function (item) {
+      if (tags.length > 0) return /* @__PURE__ */React__default["default"].createElement(React__default["default"].Fragment, null, tags.slice(0, minCollapsedNum).map(function (item) {
         return /* @__PURE__ */React__default["default"].createElement(tag_index.Tag, {
           closable: !disabled,
           key: item.value,
@@ -308,9 +327,12 @@ var Select = _util_forwardRefWithStatics["default"](function (props, ref) {
             var e = _ref2.e;
             return removeTag(e, item.value, item);
           },
-          disabled: disabled
+          disabled: disabled,
+          size: size
         }, item.label);
-      });
+      }), collapsedItems, minCollapsedNum && tags.length - minCollapsedNum > 0 && !collapsedItems ? /* @__PURE__ */React__default["default"].createElement(tag_index.Tag, {
+        size: size
+      }, " ", "+".concat(tags.length - minCollapsedNum)) : null);
       return !filterable ? defaultLabel : null;
     }
 
@@ -320,18 +342,25 @@ var Select = _util_forwardRefWithStatics["default"](function (props, ref) {
   var renderInput = function renderInput() {
     var isEmpty = !value || Array.isArray(value) && value.length === 0;
     return /* @__PURE__ */React__default["default"].createElement(input_index.Input, {
-      value: lodash.isString(inputVal) ? inputVal : selectedLabel,
+      value: isString.isString_1(inputVal) ? inputVal : selectedLabel,
       placeholder: isEmpty ? placeholder || "-\u8BF7\u9009\u62E9-" : void 0,
       className: "".concat(name, "-input"),
       onChange: handleInputChange,
-      onFocus: function onFocus(v, context) {
-        return lodash.isFunction(_onFocus) && _onFocus({
+      onFocus: function onFocus(_, context) {
+        return _onFocus === null || _onFocus === void 0 ? void 0 : _onFocus({
           value: value,
           e: context === null || context === void 0 ? void 0 : context.e
         });
       },
-      onBlur: function onBlur(v, context) {
-        return lodash.isFunction(_onBlur) && _onBlur({
+      onBlur: function onBlur(_, context) {
+        return _onBlur === null || _onBlur === void 0 ? void 0 : _onBlur({
+          value: value,
+          e: context === null || context === void 0 ? void 0 : context.e
+        });
+      },
+      onEnter: function onEnter(_, context) {
+        return _onEnter === null || _onEnter === void 0 ? void 0 : _onEnter({
+          inputValue: inputVal,
           value: value,
           e: context === null || context === void 0 ? void 0 : context.e
         });
@@ -363,8 +392,10 @@ var Select = _util_forwardRefWithStatics["default"](function (props, ref) {
 
   var renderSuffixIcon = function renderSuffixIcon() {
     if (loading) {
-      return /* @__PURE__ */React__default["default"].createElement(tdesignIconsReact.LoadingIcon, {
-        className: classNames__default["default"](className, "".concat(name, "-right-icon"))
+      return /* @__PURE__ */React__default["default"].createElement(loading_index.Loading, {
+        className: classNames__default["default"](className, "".concat(name, "-right-icon"), "".concat(name, "-active-icon")),
+        loading: true,
+        size: "small"
       });
     }
 
@@ -395,17 +426,25 @@ var Select = _util_forwardRefWithStatics["default"](function (props, ref) {
     max: max,
     loadingText: loadingText,
     loading: loading,
-    valueType: valueType
+    valueType: valueType,
+    keys: keys
   };
 
   var renderContent = function renderContent() {
     return /* @__PURE__ */React__default["default"].createElement(select_base_PopupContent["default"], _objectSpread({}, popupContentProps), children);
   };
 
-  var selectDropdownClass = classNames__default["default"](className, "".concat(name, "-dropdown"), "".concat(classPrefix, "-popup"), "narrow-scrollbar");
-  var overlayStyle = {
-    width: width ? "".concat(width, "px") : "none"
+  var renderMultipleInput = function renderMultipleInput() {
+    if (valueDisplay) {
+      return valueDisplay({
+        value: value,
+        onClose: removeTag
+      }) || defaultLabel;
+    }
+
+    return renderMultipleTags();
   };
+
   return /* @__PURE__ */React__default["default"].createElement("div", {
     className: "".concat(name, "-wrap"),
     style: _objectSpread({}, style),
@@ -419,8 +458,10 @@ var Select = _util_forwardRefWithStatics["default"](function (props, ref) {
     content: renderContent(),
     placement: "bottom-left",
     visible: showPopup,
-    overlayStyle: overlayStyle,
-    overlayClassName: selectDropdownClass,
+    overlayStyle: {
+      width: width ? "".concat(width, "px") : "none"
+    },
+    overlayClassName: classNames__default["default"](className, "".concat(name, "-dropdown"), "".concat(classPrefix, "-popup"), "narrow-scrollbar"),
     destroyOnClose: true,
     className: "".concat(name, "-popup-reference")
   }, popupProps), {}, {
@@ -434,7 +475,7 @@ var Select = _util_forwardRefWithStatics["default"](function (props, ref) {
     onClick: onInputClick
   }, /* @__PURE__ */React__default["default"].createElement("span", {
     className: "".concat(name, "-left-icon")
-  }, prefixIcon), multiple && renderMultipleTags(), filterable && renderInput(), !multiple && !filterable && defaultLabel, renderSuffixIcon())));
+  }, prefixIcon), multiple ? renderMultipleInput() : null, filterable && renderInput(), !multiple && !filterable && defaultLabel, renderSuffixIcon())));
 }, {
   displayName: "Select",
   Option: select_base_Option["default"],