tdesign-react 0.20.2 → 0.21.0

package/lib/radio/type.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.20.2
+ * tdesign v0.21.0
  * (c) 2021 tdesign
  * @license MIT
  */

package/lib/rate/type.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.20.2
+ * tdesign v0.21.0
  * (c) 2021 tdesign
  * @license MIT
  */

package/lib/select/base/Option.js

@@ -1,28 +1,28 @@
 /**
- * tdesign v0.20.2
+ * tdesign v0.21.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../../_chunks/dep-2e97cc0d.js';
+import { _ as _defineProperty } from '../../_chunks/dep-3457a894.js';
 import React__default, { useRef } from 'react';
 import classNames from 'classnames';
-import { i as isNumber_1 } from '../../_chunks/dep-e2d94b95.js';
-import { i as isString_1 } from '../../_chunks/dep-e8fe5149.js';
-import { g as get_1 } from '../../_chunks/dep-447962b9.js';
+import { i as isNumber_1 } from '../../_chunks/dep-4da39c0f.js';
+import { i as isString_1 } from '../../_chunks/dep-2da653e2.js';
+import { g as get_1 } from '../../_chunks/dep-59ec4bde.js';
 import useConfig from '../../_util/useConfig.js';
 import useRipple from '../../_util/useRipple.js';
-import '../../_chunks/dep-a0170b8a.js';
-import '../../_chunks/dep-759bc4af.js';
-import '../../_chunks/dep-18586a72.js';
-import '../../_chunks/dep-8139cd34.js';
-import '../../_chunks/dep-e96866d8.js';
-import '../../_chunks/dep-fb3be3f7.js';
-import '../../_chunks/dep-98e66b66.js';
-import '../../_chunks/dep-60b80c40.js';
-import '../../_chunks/dep-4bcb4398.js';
-import '../../_chunks/dep-77677472.js';
-import '../../_chunks/dep-ce5f7bb9.js';
+import '../../_chunks/dep-0e1e5699.js';
+import '../../_chunks/dep-6aadb1fe.js';
+import '../../_chunks/dep-de9af197.js';
+import '../../_chunks/dep-1e023941.js';
+import '../../_chunks/dep-db074173.js';
+import '../../_chunks/dep-ab44eb36.js';
+import '../../_chunks/dep-a4046228.js';
+import '../../_chunks/dep-43f753d4.js';
+import '../../_chunks/dep-a6135170.js';
+import '../../_chunks/dep-8b945758.js';
+import '../../_chunks/dep-2ba4fb2f.js';
 import '../../config-provider/ConfigContext.js';
 import '../../locale/zh_CN.js';
 import '../../_util/setStyle.js';

package/lib/select/base/OptionGroup.js

@@ -1,10 +1,10 @@
 /**
- * tdesign v0.20.2
+ * tdesign v0.21.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../../_chunks/dep-2e97cc0d.js';
+import { _ as _defineProperty } from '../../_chunks/dep-3457a894.js';
 import React__default, { Children, isValidElement, cloneElement } from 'react';
 import classNames from 'classnames';
 import useConfig from '../../_util/useConfig.js';
@@ -37,9 +37,9 @@ var OptionGroup = function OptionGroup(props) {
     return child;
   });
   return /* @__PURE__ */React__default.createElement("li", {
-    className: classNames("".concat(classPrefix, "-option-group"), _defineProperty({}, "".concat(classPrefix, "-option-group__divider"), divider))
+    className: classNames("".concat(classPrefix, "-select-option-group"), _defineProperty({}, "".concat(classPrefix, "-select-option-group__divider"), divider))
   }, /* @__PURE__ */React__default.createElement("ul", {
-    className: "".concat(classPrefix, "-option-group-header")
+    className: "".concat(classPrefix, "-select-option-group__header")
   }, label), /* @__PURE__ */React__default.createElement("ul", null, childrenWithProps));
 };
 

package/lib/select/base/OptionGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"OptionGroup.js","sources":["../../../src/select/base/OptionGroup.tsx"],"sourcesContent":["import React, { Children, isValidElement, cloneElement } from 'react';\nimport classNames from 'classnames';\nimport useConfig from '../../_util/useConfig';\n\nimport { TdOptionGroupProps, SelectValue } from '../type';\n\nexport interface SelectGOptionGroupProps extends TdOptionGroupProps {\n  selectedValue?: SelectValue;\n  onSelect?: (\n    value: string | number,\n    context: { label?: React.ReactNode; selected?: boolean; event: React.MouseEvent },\n  ) => void;\n  divider?: boolean;\n  children?: React.ReactNode;\n}\n\nconst OptionGroup = (props: SelectGOptionGroupProps) => {\n  const { children, label, selectedValue, onSelect, divider } = props;\n\n  const { classPrefix } = useConfig();\n\n  const childrenWithProps = Children.map(children, (child) => {\n    if (isValidElement(child)) {\n      const addedProps = { selectedValue, onSelect };\n      return cloneElement(child, { ...addedProps });\n    }\n    return child;\n  });\n\n  return (\n    <li\n      className={classNames(`${classPrefix}-option-group`, {\n        [`${classPrefix}-option-group__divider`]: divider,\n      })}\n    >\n      <ul className={`${classPrefix}-option-group-header`}>{label}</ul>\n      <ul>{childrenWithProps}</ul>\n    </li>\n  );\n};\n\nexport default OptionGroup;\n"],"names":["OptionGroup","props","children","label","selectedValue","onSelect","divider","useConfig","classPrefix","childrenWithProps","Children","map","child","isValidElement","addedProps","cloneElement","className","classNames"],"mappings":";;;;;;;;;;;;;;;;;IAgBMA,cAAc,SAAdA,WAAc,CAACC,KAAD,EAAoC;MAC9CC,WAAsDD,MAAtDC;MAAUC,QAA4CF,MAA5CE;MAAOC,gBAAqCH,MAArCG;MAAeC,WAAsBJ,MAAtBI;MAAUC,UAAYL,MAAZK;;mBAE1BC;MAAhBC,yBAAAA;;MAEFC,oBAAoBC,SAASC,GAAT,CAAaT,QAAb,EAAuB,UAACU,KAAD,EAAW;sBACtDC,eAAeD,QAAQ;UACnBE,aAAa;AAAEV,QAAAA,eAAAA,aAAF;AAAiBC,QAAAA,UAAAA;AAAjB;0BACZU,aAAaH,yBAAYE;;;WAE3BF;GALiB;qDASvB,MAAD;AACEI,IAAAA,WAAWC,qBAAcT,6DACnBA,wCAAsCF;AAF9C,iDAKG,MAAD;AAAIU,IAAAA,qBAAcR;AAAlB,KAAsDL,oDACrD,MAAD,MAAKM;;;;;"}
+{"version":3,"file":"OptionGroup.js","sources":["../../../src/select/base/OptionGroup.tsx"],"sourcesContent":["import React, { Children, isValidElement, cloneElement } from 'react';\nimport classNames from 'classnames';\nimport useConfig from '../../_util/useConfig';\n\nimport { TdOptionGroupProps, SelectValue } from '../type';\n\nexport interface SelectGOptionGroupProps extends TdOptionGroupProps {\n  selectedValue?: SelectValue;\n  onSelect?: (\n    value: string | number,\n    context: { label?: React.ReactNode; selected?: boolean; event: React.MouseEvent },\n  ) => void;\n  divider?: boolean;\n  children?: React.ReactNode;\n}\n\nconst OptionGroup = (props: SelectGOptionGroupProps) => {\n  const { children, label, selectedValue, onSelect, divider } = props;\n\n  const { classPrefix } = useConfig();\n\n  const childrenWithProps = Children.map(children, (child) => {\n    if (isValidElement(child)) {\n      const addedProps = { selectedValue, onSelect };\n      return cloneElement(child, { ...addedProps });\n    }\n    return child;\n  });\n\n  return (\n    <li\n      className={classNames(`${classPrefix}-select-option-group`, {\n        [`${classPrefix}-select-option-group__divider`]: divider,\n      })}\n    >\n      <ul className={`${classPrefix}-select-option-group__header`}>{label}</ul>\n      <ul>{childrenWithProps}</ul>\n    </li>\n  );\n};\n\nexport default OptionGroup;\n"],"names":["OptionGroup","props","children","label","selectedValue","onSelect","divider","useConfig","classPrefix","childrenWithProps","Children","map","child","isValidElement","addedProps","cloneElement","className","classNames"],"mappings":";;;;;;;;;;;;;;;;;IAgBMA,cAAc,SAAdA,WAAc,CAACC,KAAD,EAAoC;MAC9CC,WAAsDD,MAAtDC;MAAUC,QAA4CF,MAA5CE;MAAOC,gBAAqCH,MAArCG;MAAeC,WAAsBJ,MAAtBI;MAAUC,UAAYL,MAAZK;;mBAE1BC;MAAhBC,yBAAAA;;MAEFC,oBAAoBC,SAASC,GAAT,CAAaT,QAAb,EAAuB,UAACU,KAAD,EAAW;sBACtDC,eAAeD,QAAQ;UACnBE,aAAa;AAAEV,QAAAA,eAAAA,aAAF;AAAiBC,QAAAA,UAAAA;AAAjB;0BACZU,aAAaH,yBAAYE;;;WAE3BF;GALiB;qDASvB,MAAD;AACEI,IAAAA,WAAWC,qBAAcT,oEACnBA,+CAA6CF;AAFrD,iDAKG,MAAD;AAAIU,IAAAA,qBAAcR;AAAlB,KAA8DL,oDAC7D,MAAD,MAAKM;;;;;"}

package/lib/select/base/PopupContent.js

@@ -1,38 +1,38 @@
 /**
- * tdesign v0.20.2
+ * tdesign v0.21.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _objectWithoutProperties } from '../../_chunks/dep-3d9b45dc.js';
-import { _ as _defineProperty } from '../../_chunks/dep-2e97cc0d.js';
-import { _ as _slicedToArray } from '../../_chunks/dep-85854991.js';
+import { _ as _objectWithoutProperties } from '../../_chunks/dep-7cd001a1.js';
+import { _ as _defineProperty } from '../../_chunks/dep-3457a894.js';
+import { _ as _slicedToArray } from '../../_chunks/dep-06e3288c.js';
 import React__default, { Children, isValidElement, cloneElement } from 'react';
 import { useLocaleReceiver } from '../../locale/LocalReceiver.js';
 import { getSelectValueArr } from '../util/helper.js';
 import useConfig from '../../_util/useConfig.js';
 import Option from './Option.js';
-import '../../_chunks/dep-38c06164.js';
+import '../../_chunks/dep-eeb051d7.js';
 import '../../config-provider/ConfigContext.js';
 import '../../locale/zh_CN.js';
-import '../../_chunks/dep-0ab6329f.js';
+import '../../_chunks/dep-333904c2.js';
 import 'lodash';
 import './OptionGroup.js';
 import 'classnames';
-import '../../_chunks/dep-e2d94b95.js';
-import '../../_chunks/dep-a0170b8a.js';
-import '../../_chunks/dep-759bc4af.js';
-import '../../_chunks/dep-18586a72.js';
-import '../../_chunks/dep-e8fe5149.js';
-import '../../_chunks/dep-8139cd34.js';
-import '../../_chunks/dep-447962b9.js';
-import '../../_chunks/dep-e96866d8.js';
-import '../../_chunks/dep-fb3be3f7.js';
-import '../../_chunks/dep-98e66b66.js';
-import '../../_chunks/dep-60b80c40.js';
-import '../../_chunks/dep-4bcb4398.js';
-import '../../_chunks/dep-77677472.js';
-import '../../_chunks/dep-ce5f7bb9.js';
+import '../../_chunks/dep-4da39c0f.js';
+import '../../_chunks/dep-0e1e5699.js';
+import '../../_chunks/dep-6aadb1fe.js';
+import '../../_chunks/dep-de9af197.js';
+import '../../_chunks/dep-2da653e2.js';
+import '../../_chunks/dep-1e023941.js';
+import '../../_chunks/dep-59ec4bde.js';
+import '../../_chunks/dep-db074173.js';
+import '../../_chunks/dep-ab44eb36.js';
+import '../../_chunks/dep-a4046228.js';
+import '../../_chunks/dep-43f753d4.js';
+import '../../_chunks/dep-a6135170.js';
+import '../../_chunks/dep-8b945758.js';
+import '../../_chunks/dep-2ba4fb2f.js';
 import '../../_util/useRipple.js';
 import '../../_util/setStyle.js';
 
@@ -159,13 +159,13 @@ var PopupContent = function PopupContent(props) {
 
   if (isEmpty) {
     return /* @__PURE__ */React__default.createElement("div", {
-      className: "".concat(classPrefix, "-select-empty")
+      className: "".concat(classPrefix, "-select__empty")
     }, empty ? empty : /* @__PURE__ */React__default.createElement("p", null, emptyText));
   }
 
   if (loading) {
     return /* @__PURE__ */React__default.createElement("div", {
-      className: "".concat(classPrefix, "-select-loading-tips")
+      className: "".concat(classPrefix, "-select__loading-tips")
     }, loadingText);
   }
 

package/lib/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, TdOptionProps } from '../type';\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    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 (!Object.keys(objVal).length) {\n      Object.assign(objVal, { [keys?.label || 'label']: selectedValue, [keys?.value || 'value']: selectedValue });\n    }\n    if (multiple) {\n      // calc multiple select values\n      const values = getSelectValueArr(value, selectedValue, selected, valueType, keys, objVal);\n      onChange(values, { label });\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  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","Object","length","values","getSelectValueArr","selectVal","childrenWithProps","Children","map","child","isValidElement","addedProps","cloneElement","renderOptions","index","optionValue","disabled","Option","key","isEmpty","Array","isArray","className"],"mappings":"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"}
+{"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';\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    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 (!Object.keys(objVal).length) {\n      Object.assign(objVal, { [keys?.label || 'label']: selectedValue, [keys?.value || 'value']: selectedValue });\n    }\n    if (multiple) {\n      // calc multiple select values\n      const values = getSelectValueArr(value, selectedValue, selected, valueType, keys, objVal);\n      onChange(values, { label });\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  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","Object","length","values","getSelectValueArr","selectVal","childrenWithProps","Children","map","child","isValidElement","addedProps","cloneElement","renderOptions","index","optionValue","disabled","Option","key","isEmpty","Array","isArray","className"],"mappings":"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"}

package/lib/select/base/Select.js

@@ -1,17 +1,17 @@
 /**
- * tdesign v0.20.2
+ * tdesign v0.21.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../../_chunks/dep-2e97cc0d.js';
-import { _ as _slicedToArray } from '../../_chunks/dep-85854991.js';
+import { _ as _defineProperty } from '../../_chunks/dep-3457a894.js';
+import { _ as _slicedToArray } from '../../_chunks/dep-06e3288c.js';
 import React__default, { useState, useRef, useEffect } from 'react';
 import { CloseCircleFilledIcon } from 'tdesign-icons-react';
 import classNames from 'classnames';
-import { i as isFunction_1 } from '../../_chunks/dep-60b80c40.js';
-import { g as get_1 } from '../../_chunks/dep-447962b9.js';
-import { i as isString_1 } from '../../_chunks/dep-e8fe5149.js';
+import { i as isFunction_1 } from '../../_chunks/dep-43f753d4.js';
+import { g as get_1 } from '../../_chunks/dep-59ec4bde.js';
+import { i as isString_1 } from '../../_chunks/dep-2da653e2.js';
 import { isNumber } from 'lodash';
 import { useLocaleReceiver } from '../../locale/LocalReceiver.js';
 import useConfig from '../../_util/useConfig.js';
@@ -28,23 +28,23 @@ import { Tag } from '../../tag/index.js';
 import Option from './Option.js';
 import OptionGroup from './OptionGroup.js';
 import PopupContent from './PopupContent.js';
-import '../../_chunks/dep-38c06164.js';
-import '../../_chunks/dep-a0170b8a.js';
-import '../../_chunks/dep-759bc4af.js';
-import '../../_chunks/dep-4bcb4398.js';
-import '../../_chunks/dep-e96866d8.js';
-import '../../_chunks/dep-8139cd34.js';
-import '../../_chunks/dep-fb3be3f7.js';
-import '../../_chunks/dep-18586a72.js';
-import '../../_chunks/dep-98e66b66.js';
-import '../../_chunks/dep-77677472.js';
-import '../../_chunks/dep-ce5f7bb9.js';
+import '../../_chunks/dep-eeb051d7.js';
+import '../../_chunks/dep-0e1e5699.js';
+import '../../_chunks/dep-6aadb1fe.js';
+import '../../_chunks/dep-a6135170.js';
+import '../../_chunks/dep-db074173.js';
+import '../../_chunks/dep-1e023941.js';
+import '../../_chunks/dep-ab44eb36.js';
+import '../../_chunks/dep-de9af197.js';
+import '../../_chunks/dep-a4046228.js';
+import '../../_chunks/dep-8b945758.js';
+import '../../_chunks/dep-2ba4fb2f.js';
 import '../../config-provider/ConfigContext.js';
 import '../../locale/zh_CN.js';
-import '../../_chunks/dep-3d9b45dc.js';
+import '../../_chunks/dep-7cd001a1.js';
 import '../../_util/useDefault.js';
 import 'hoist-non-react-statics';
-import '../../_chunks/dep-0ab6329f.js';
+import '../../_chunks/dep-333904c2.js';
 import '../../loading/loading.js';
 import '../../_util/dom.js';
 import 'raf';
@@ -65,7 +65,7 @@ import '../../_util/useClickOutside.js';
 import '../../popup/hooks/usePopupCssTransition.js';
 import '../../tag/Tag.js';
 import '../../tag/CheckTag.js';
-import '../../_chunks/dep-e2d94b95.js';
+import '../../_chunks/dep-4da39c0f.js';
 import '../../_util/useRipple.js';
 import '../../_util/setStyle.js';
 
@@ -273,7 +273,7 @@ var Select = forwardRefWithStatics(function (props, ref) {
   };
 
   var defaultLabel = /* @__PURE__ */React__default.createElement("span", {
-    className: classNames(className, _defineProperty({}, "".concat(name, "-placeholder"), !value && !isNumber(value) || Array.isArray(value) && value.length < 1), _defineProperty({}, "".concat(name, "-selectedSingle"), selectedLabel))
+    className: classNames(className, _defineProperty({}, "".concat(name, "__placeholder"), !value && !isNumber(value) || Array.isArray(value) && value.length < 1), _defineProperty({}, "".concat(name, "__single"), selectedLabel))
   }, selectedLabel || placeholder || "-\u8BF7\u9009\u62E9-");
 
   var renderMultipleTags = function renderMultipleTags() {
@@ -328,7 +328,7 @@ var Select = forwardRefWithStatics(function (props, ref) {
     return /* @__PURE__ */React__default.createElement(Input, {
       value: isString_1(inputVal) ? inputVal : selectedLabel,
       placeholder: multiple && get_1(value, "length") > 0 ? null : selectedLabel || placeholder || "-\u8BF7\u9009\u62E9-",
-      className: "".concat(name, "-input"),
+      className: "".concat(name, "__input"),
       onChange: handleInputChange,
       size: size,
       onFocus: function onFocus(_, context) {
@@ -379,7 +379,7 @@ var Select = forwardRefWithStatics(function (props, ref) {
   var renderSuffixIcon = function renderSuffixIcon() {
     if (loading) {
       return /* @__PURE__ */React__default.createElement(Loading, {
-        className: classNames(className, "".concat(name, "-right-icon"), "".concat(name, "-active-icon")),
+        className: classNames(className, "".concat(name, "__right-icon"), "".concat(name, "__active-icon")),
         loading: true,
         size: "small"
       });
@@ -388,12 +388,12 @@ var Select = forwardRefWithStatics(function (props, ref) {
     if (clearable && value && isHover) {
       return /* @__PURE__ */React__default.createElement(CloseCircleFilledIcon, {
         onClick: clearable ? onClearValue : void 0,
-        className: classNames(className, "".concat(name, "-right-icon"), "".concat(name, "-right-icon__clear"))
+        className: classNames(className, "".concat(name, "__right-icon"), "".concat(name, "__right-icon-clear"))
       });
     }
 
     return /* @__PURE__ */React__default.createElement(FakeArrow, {
-      overlayClassName: "".concat(name, "-right-icon"),
+      overlayClassName: "".concat(name, "__right-icon"),
       isActive: showPopup,
       disabled: disabled
     });
@@ -432,7 +432,7 @@ var Select = forwardRefWithStatics(function (props, ref) {
   };
 
   return /* @__PURE__ */React__default.createElement("div", {
-    className: "".concat(name, "-wrap"),
+    className: "".concat(name, "__wrap"),
     style: _objectSpread({}, style),
     onMouseEnter: function onMouseEnter() {
       return toggleHover(true);
@@ -450,8 +450,8 @@ var Select = forwardRefWithStatics(function (props, ref) {
       width: width ? "".concat(width, "px") : "none"
     },
     onVisibleChange: handleShowPopup,
-    overlayClassName: classNames(className, "".concat(name, "-dropdown"), "".concat(classPrefix, "-popup"), "narrow-scrollbar"),
-    className: "".concat(name, "-popup-reference"),
+    overlayClassName: classNames(className, "".concat(name, "__dropdown"), "".concat(classPrefix, "-popup"), "narrow-scrollbar"),
+    className: "".concat(name, "__popup-reference"),
     expandAnimation: true
   }, popupProps), /* @__PURE__ */React__default.createElement("div", {
     className: classNames(className, name, (_classNames3 = {}, _defineProperty(_classNames3, "".concat(classPrefix, "-is-disabled"), disabled), _defineProperty(_classNames3, "".concat(classPrefix, "-is-active"), showPopup), _defineProperty(_classNames3, "".concat(classPrefix, "-size-s"), size === "small"), _defineProperty(_classNames3, "".concat(classPrefix, "-size-l"), size === "large"), _defineProperty(_classNames3, "".concat(classPrefix, "-no-border"), !bordered), _defineProperty(_classNames3, "".concat(classPrefix, "-has-prefix"), !!prefixIcon), _classNames3)),
@@ -461,7 +461,7 @@ var Select = forwardRefWithStatics(function (props, ref) {
     },
     onClick: onInputClick
   }, /* @__PURE__ */React__default.createElement("span", {
-    className: "".concat(name, "-left-icon")
+    className: "".concat(name, "__left-icon")
   }, prefixIcon), multiple ? renderMultipleInput() : null, filterable && renderInput(), !multiple && !filterable && defaultLabel, renderSuffixIcon())));
 }, {
   displayName: "Select",

package/lib/select/base/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../../src/select/base/Select.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, Ref, ReactElement } from 'react';\nimport { CloseCircleFilledIcon } from 'tdesign-icons-react';\nimport classNames from 'classnames';\nimport isFunction from 'lodash/isFunction';\nimport get from 'lodash/get';\nimport isString from 'lodash/isString';\n\nimport { isNumber } from 'lodash';\nimport { useLocaleReceiver } from '../../locale/LocalReceiver';\nimport useConfig from '../../_util/useConfig';\nimport composeRefs from '../../_util/composeRefs';\nimport useDefaultValue from '../../_util/useDefaultValue';\nimport forwardRefWithStatics from '../../_util/forwardRefWithStatics';\nimport { getLabel, getMultipleTags, getSelectValueArr } from '../util/helper';\nimport noop from '../../_util/noop';\n\nimport FakeArrow from '../../common/FakeArrow';\nimport Loading from '../../loading';\nimport Input from '../../input';\nimport Popup from '../../popup';\nimport Tag from '../../tag';\nimport Option, { SelectOptionProps } from './Option';\nimport OptionGroup from './OptionGroup';\nimport PopupContent from './PopupContent';\n\nimport { TdSelectProps, SelectValue, TdOptionProps } from '../type';\nimport { StyledProps } from '../../common';\n\nconst MAX_OVERLAY_WIDTH = 500;\n\nexport interface SelectProps extends TdSelectProps, StyledProps {\n  // 子节点\n  children?: React.ReactNode;\n}\n\ntype OptionsType = TdOptionProps[];\n\nconst Select = forwardRefWithStatics(\n  (props: SelectProps, ref: Ref<HTMLDivElement>) => {\n    // 国际化文本初始化\n    const [local, t] = useLocaleReceiver('select');\n    const emptyText = t(local.loadingText);\n\n    const {\n      bordered = true,\n      creatable,\n      filter,\n      loadingText = emptyText,\n      max = 0,\n      popupProps,\n      reserveKeyword,\n      value,\n      className,\n      style,\n      disabled,\n      size,\n      multiple,\n      placeholder,\n      clearable,\n      prefixIcon,\n      options,\n      filterable,\n      loading,\n      onFocus,\n      onBlur,\n      onClear = noop,\n      onCreate,\n      onRemove,\n      onSearch,\n      onChange,\n      empty,\n      valueType = 'value',\n      keys,\n      children,\n      collapsedItems,\n      minCollapsedNum,\n      valueDisplay,\n      onEnter,\n      onVisibleChange,\n    } = useDefaultValue(props);\n\n    const { classPrefix } = useConfig();\n\n    const name = `${classPrefix}-select`; // t-select\n\n    let selectedLabel = '';\n\n    const [showPopup, setShowPopup] = useState(false);\n    const [isHover, toggleHover] = useState(false);\n    const [inputVal, setInputVal] = useState<string>(undefined);\n    const [currentOptions, setCurrentOptions] = useState([]);\n    const [tmpPropOptions, setTmpPropOptions] = useState([]);\n\n    const [width, setWidth] = useState(0);\n\n    const selectRef = useRef(null);\n    const overlayRef = useRef(null);\n\n    selectedLabel = getLabel(children, value, currentOptions, keys);\n    // 计算Select的宽高\n    useEffect(() => {\n      if (showPopup && selectRef?.current) {\n        const domRect = selectRef.current.getBoundingClientRect();\n        const overlayRect = overlayRef?.current?.getContentRef?.getBoundingClientRect?.();\n\n        // 获取overlay的内容的宽度进行比较 如果比select本身宽，则优先使用overlay内容宽度，减少text被省略展示的情况\n        const width =\n          domRect.width > MAX_OVERLAY_WIDTH\n            ? domRect.width\n            : Math.min(MAX_OVERLAY_WIDTH, Math.max(domRect.width, overlayRect?.width));\n\n        setWidth(width);\n      }\n    }, [showPopup]);\n\n    const handleShowPopup = (visible: boolean) => {\n      setShowPopup(visible);\n      onVisibleChange?.(visible);\n      if (!visible && !multiple && filterable) {\n        setInputVal(selectedLabel);\n      }\n    };\n\n    // 处理设置option的逻辑\n    useEffect(() => {\n      if (keys) {\n        // 如果有定制keys 先做转换\n        const transformedOptions = options.map((option) => ({\n          ...option,\n          value: get(option, keys?.value || 'value'),\n          label: get(option, keys?.label || 'label'),\n        }));\n        setCurrentOptions(transformedOptions);\n        setTmpPropOptions(transformedOptions);\n      } else {\n        setCurrentOptions(options);\n        setTmpPropOptions(options);\n      }\n    }, [options, keys, children]);\n\n    // 移除 Tag\n    const removeTag = (\n      event?: React.MouseEvent,\n      selectValue?: SelectValue,\n      tagData?: {\n        label?: string;\n        value?: string | number;\n      },\n    ) => {\n      event.stopPropagation();\n      const values = getSelectValueArr(value, selectValue, true, valueType, keys);\n      onChange(values);\n      if (isFunction(onRemove)) {\n        onRemove({ value: tagData.value, data: tagData, e: event as React.MouseEvent<HTMLDivElement, MouseEvent> });\n      }\n    };\n\n    // 选中 Popup 某项\n    const handleChange: SelectOptionProps['onSelect'] = (value, { label }) => {\n      if (filterable) {\n        setInputVal(!multiple || (reserveKeyword && multiple) ? label : '');\n      }\n      if (creatable && isFunction(onCreate)) {\n        if ((options as OptionsType).filter((option) => option.value === value).length === 0) {\n          onCreate(value);\n        }\n      }\n      onChange(value);\n    };\n\n    // 处理filter逻辑\n    const handleFilter = (value: string) => {\n      let filteredOptions: OptionsType;\n      if (!value) {\n        setCurrentOptions(tmpPropOptions);\n        return;\n      }\n\n      if (filter && isFunction(filter)) {\n        // 如果有自定义的filter方法 使用自定义的filter方法\n        filteredOptions = Array.isArray(tmpPropOptions) && tmpPropOptions.filter((option) => filter(value, option));\n      } else {\n        const filterRegExp = new RegExp(value, 'i');\n        filteredOptions =\n          Array.isArray(tmpPropOptions) && tmpPropOptions.filter((option) => filterRegExp.test(option?.label)); // 不区分大小写\n      }\n\n      if (creatable) {\n        filteredOptions = filteredOptions.concat([{ label: value, value }]);\n      }\n      setCurrentOptions(filteredOptions);\n    };\n\n    // 处理输入框逻辑\n    const handleInputChange = (value: string) => {\n      setInputVal(value);\n\n      if (isFunction(onSearch)) {\n        onSearch(value);\n        return;\n      }\n\n      handleFilter(value);\n    };\n\n    const defaultLabel = (\n      <span\n        className={classNames(\n          className,\n          {\n            [`${name}-placeholder`]: (!value && !isNumber(value)) || (Array.isArray(value) && value.length < 1),\n          },\n          {\n            [`${name}-selectedSingle`]: selectedLabel,\n          },\n        )}\n      >\n        {selectedLabel || placeholder || '-请选择-'}\n      </span>\n    );\n\n    const renderMultipleTags = () => {\n      if (multiple && Array.isArray(value) && value.length > 0) {\n        let tags: OptionsType;\n        let optionValue = [];\n        if (valueType === 'value') {\n          if (tmpPropOptions) {\n            optionValue = tmpPropOptions.filter((option) => value.includes(option?.value));\n          }\n          if (children && Array.isArray(children)) {\n            optionValue = children\n              .reduce(\n                (acc, item: ReactElement) =>\n                  acc.concat({ value: item.props.value, label: item.props.label || item.props.children }),\n                [],\n              )\n              .filter((option) => value.includes(option?.value));\n          }\n          tags = getMultipleTags(optionValue, keys);\n        } else {\n          tags = getMultipleTags(value, keys);\n        }\n\n        if (tags.length > 0)\n          return (\n            <>\n              {tags.slice(0, minCollapsedNum).map((item) => (\n                <Tag\n                  closable={!disabled}\n                  key={item.value}\n                  onClose={({ e }) => removeTag(e, item.value, item)}\n                  disabled={disabled}\n                  size={size}\n                >\n                  {item.label}\n                </Tag>\n              ))}\n              {collapsedItems}\n              {minCollapsedNum && tags.length - minCollapsedNum > 0 && !collapsedItems ? (\n                <Tag size={size}> {`+${tags.length - minCollapsedNum}`}</Tag>\n              ) : null}\n            </>\n          );\n        return !filterable ? defaultLabel : null;\n      }\n      return !filterable ? defaultLabel : null;\n    };\n\n    const renderInput = () => (\n      <Input\n        value={isString(inputVal) ? inputVal : selectedLabel}\n        placeholder={multiple && get(value, 'length') > 0 ? null : selectedLabel || placeholder || '-请选择-'}\n        className={`${name}-input`}\n        onChange={handleInputChange}\n        size={size}\n        onFocus={(_, context) => onFocus?.({ value, e: context?.e })}\n        onBlur={(_, context) => onBlur?.({ value, e: context?.e })}\n        onEnter={(_, context) => onEnter?.({ inputValue: inputVal, value, e: context?.e })}\n      />\n    );\n\n    const onInputClick = (e: React.MouseEvent) => {\n      e.preventDefault();\n      if (!disabled) {\n        setShowPopup(true);\n        setInputVal('');\n      }\n    };\n\n    const onClearValue = (event: React.MouseEvent) => {\n      event.stopPropagation();\n      if (Array.isArray(value)) {\n        onChange([]);\n      } else {\n        onChange('');\n      }\n      onClear({ e: event as React.MouseEvent<HTMLDivElement, MouseEvent> });\n    };\n\n    // 渲染后置图标\n    const renderSuffixIcon = () => {\n      if (loading) {\n        return (\n          <Loading\n            className={classNames(className, `${name}-right-icon`, `${name}-active-icon`)}\n            loading={true}\n            size=\"small\"\n          />\n        );\n      }\n      if (clearable && value && isHover) {\n        return (\n          <CloseCircleFilledIcon\n            onClick={clearable ? onClearValue : undefined}\n            className={classNames(className, `${name}-right-icon`, `${name}-right-icon__clear`)}\n          />\n        );\n      }\n      return <FakeArrow overlayClassName={`${name}-right-icon`} isActive={showPopup} disabled={disabled} />;\n    };\n\n    const popupContentProps = {\n      onChange: handleChange,\n      value,\n      className,\n      size,\n      multiple,\n      showPopup,\n      setShowPopup,\n      options: currentOptions,\n      empty,\n      max,\n      loadingText,\n      loading,\n      valueType,\n      keys,\n    };\n\n    const renderContent = () => <PopupContent {...popupContentProps}>{children}</PopupContent>;\n\n    const renderMultipleInput = () => {\n      if (valueDisplay) {\n        return valueDisplay({ value: value as OptionsType, onClose: removeTag }) || defaultLabel;\n      }\n      return renderMultipleTags();\n    };\n    return (\n      <div\n        className={`${name}-wrap`}\n        style={{ ...style }}\n        onMouseEnter={() => toggleHover(true)}\n        onMouseLeave={() => toggleHover(false)}\n      >\n        <Popup\n          trigger=\"click\"\n          ref={overlayRef}\n          content={renderContent()}\n          placement=\"bottom-left\"\n          visible={showPopup}\n          overlayStyle={{\n            width: width ? `${width}px` : 'none',\n          }}\n          onVisibleChange={handleShowPopup}\n          overlayClassName={classNames(className, `${name}-dropdown`, `${classPrefix}-popup`, 'narrow-scrollbar')}\n          className={`${name}-popup-reference`}\n          expandAnimation={true}\n          {...popupProps}\n        >\n          <div\n            className={classNames(className, name, {\n              [`${classPrefix}-is-disabled`]: disabled,\n              [`${classPrefix}-is-active`]: showPopup,\n              [`${classPrefix}-size-s`]: size === 'small',\n              [`${classPrefix}-size-l`]: size === 'large',\n              [`${classPrefix}-no-border`]: !bordered,\n              [`${classPrefix}-has-prefix`]: !!prefixIcon,\n            })}\n            ref={composeRefs(selectRef, ref)}\n            style={{ userSelect: 'none' }}\n            onClick={onInputClick}\n          >\n            {<span className={`${name}-left-icon`}>{prefixIcon}</span>}\n            {multiple ? renderMultipleInput() : null}\n            {filterable && renderInput()}\n            {!multiple && !filterable && defaultLabel}\n            {renderSuffixIcon()}\n          </div>\n        </Popup>\n      </div>\n    );\n  },\n  {\n    displayName: 'Select',\n    Option,\n    OptionGroup,\n  },\n);\n\nexport default Select;\n"],"names":["MAX_OVERLAY_WIDTH","Select","forwardRefWithStatics","props","ref","useLocaleReceiver","local","t","emptyText","loadingText","useDefaultValue","bordered","creatable","filter","max","popupProps","reserveKeyword","value","className","style","disabled","size","multiple","placeholder","clearable","prefixIcon","options","filterable","loading","onFocus","onBlur","onClear","noop","onCreate","onRemove","onSearch","onChange","empty","valueType","keys","children","collapsedItems","minCollapsedNum","valueDisplay","onEnter","onVisibleChange","useConfig","classPrefix","name","selectedLabel","useState","showPopup","setShowPopup","isHover","toggleHover","inputVal","setInputVal","currentOptions","setCurrentOptions","tmpPropOptions","setTmpPropOptions","width","setWidth","selectRef","useRef","overlayRef","getLabel","current","domRect","getBoundingClientRect","overlayRect","getContentRef","width2","Math","min","handleShowPopup","visible","transformedOptions","map","option","get","label","removeTag","event","selectValue","tagData","stopPropagation","values","getSelectValueArr","isFunction","data","e","handleChange","value2","length","handleFilter","filteredOptions","Array","isArray","filterRegExp","RegExp","test","concat","handleInputChange","defaultLabel","classNames","isNumber","renderMultipleTags","tags","optionValue","includes","reduce","acc","item","getMultipleTags","slice","Tag","closable","key","onClose","renderInput","Input","isString","_","context","inputValue","onInputClick","preventDefault","onClearValue","renderSuffixIcon","Loading","CloseCircleFilledIcon","onClick","FakeArrow","overlayClassName","isActive","popupContentProps","renderContent","PopupContent","renderMultipleInput","onMouseEnter","onMouseLeave","Popup","trigger","content","placement","overlayStyle","expandAnimation","composeRefs","userSelect","displayName","Option","OptionGroup"],"mappings":"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"}
+{"version":3,"file":"Select.js","sources":["../../../src/select/base/Select.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, Ref, ReactElement } from 'react';\nimport { CloseCircleFilledIcon } from 'tdesign-icons-react';\nimport classNames from 'classnames';\nimport isFunction from 'lodash/isFunction';\nimport get from 'lodash/get';\nimport isString from 'lodash/isString';\n\nimport { isNumber } from 'lodash';\nimport { useLocaleReceiver } from '../../locale/LocalReceiver';\nimport useConfig from '../../_util/useConfig';\nimport composeRefs from '../../_util/composeRefs';\nimport useDefaultValue from '../../_util/useDefaultValue';\nimport forwardRefWithStatics from '../../_util/forwardRefWithStatics';\nimport { getLabel, getMultipleTags, getSelectValueArr } from '../util/helper';\nimport noop from '../../_util/noop';\n\nimport FakeArrow from '../../common/FakeArrow';\nimport Loading from '../../loading';\nimport Input from '../../input';\nimport Popup from '../../popup';\nimport Tag from '../../tag';\nimport Option, { SelectOptionProps } from './Option';\nimport OptionGroup from './OptionGroup';\nimport PopupContent from './PopupContent';\n\nimport { TdSelectProps, SelectValue, TdOptionProps } from '../type';\nimport { StyledProps } from '../../common';\n\nconst MAX_OVERLAY_WIDTH = 500;\n\nexport interface SelectProps extends TdSelectProps, StyledProps {\n  // 子节点\n  children?: React.ReactNode;\n}\n\ntype OptionsType = TdOptionProps[];\n\nconst Select = forwardRefWithStatics(\n  (props: SelectProps, ref: Ref<HTMLDivElement>) => {\n    // 国际化文本初始化\n    const [local, t] = useLocaleReceiver('select');\n    const emptyText = t(local.loadingText);\n\n    const {\n      bordered = true,\n      creatable,\n      filter,\n      loadingText = emptyText,\n      max = 0,\n      popupProps,\n      reserveKeyword,\n      value,\n      className,\n      style,\n      disabled,\n      size,\n      multiple,\n      placeholder,\n      clearable,\n      prefixIcon,\n      options,\n      filterable,\n      loading,\n      onFocus,\n      onBlur,\n      onClear = noop,\n      onCreate,\n      onRemove,\n      onSearch,\n      onChange,\n      empty,\n      valueType = 'value',\n      keys,\n      children,\n      collapsedItems,\n      minCollapsedNum,\n      valueDisplay,\n      onEnter,\n      onVisibleChange,\n    } = useDefaultValue(props);\n\n    const { classPrefix } = useConfig();\n\n    const name = `${classPrefix}-select`; // t-select\n\n    let selectedLabel = '';\n\n    const [showPopup, setShowPopup] = useState(false);\n    const [isHover, toggleHover] = useState(false);\n    const [inputVal, setInputVal] = useState<string>(undefined);\n    const [currentOptions, setCurrentOptions] = useState([]);\n    const [tmpPropOptions, setTmpPropOptions] = useState([]);\n\n    const [width, setWidth] = useState(0);\n\n    const selectRef = useRef(null);\n    const overlayRef = useRef(null);\n\n    selectedLabel = getLabel(children, value, currentOptions, keys);\n    // 计算Select的宽高\n    useEffect(() => {\n      if (showPopup && selectRef?.current) {\n        const domRect = selectRef.current.getBoundingClientRect();\n        const overlayRect = overlayRef?.current?.getContentRef?.getBoundingClientRect?.();\n\n        // 获取overlay的内容的宽度进行比较 如果比select本身宽，则优先使用overlay内容宽度，减少text被省略展示的情况\n        const width =\n          domRect.width > MAX_OVERLAY_WIDTH\n            ? domRect.width\n            : Math.min(MAX_OVERLAY_WIDTH, Math.max(domRect.width, overlayRect?.width));\n\n        setWidth(width);\n      }\n    }, [showPopup]);\n\n    const handleShowPopup = (visible: boolean) => {\n      setShowPopup(visible);\n      onVisibleChange?.(visible);\n      if (!visible && !multiple && filterable) {\n        setInputVal(selectedLabel);\n      }\n    };\n\n    // 处理设置option的逻辑\n    useEffect(() => {\n      if (keys) {\n        // 如果有定制keys 先做转换\n        const transformedOptions = options.map((option) => ({\n          ...option,\n          value: get(option, keys?.value || 'value'),\n          label: get(option, keys?.label || 'label'),\n        }));\n        setCurrentOptions(transformedOptions);\n        setTmpPropOptions(transformedOptions);\n      } else {\n        setCurrentOptions(options);\n        setTmpPropOptions(options);\n      }\n    }, [options, keys, children]);\n\n    // 移除 Tag\n    const removeTag = (\n      event?: React.MouseEvent,\n      selectValue?: SelectValue,\n      tagData?: {\n        label?: string;\n        value?: string | number;\n      },\n    ) => {\n      event.stopPropagation();\n      const values = getSelectValueArr(value, selectValue, true, valueType, keys);\n      onChange(values);\n      if (isFunction(onRemove)) {\n        onRemove({ value: tagData.value, data: tagData, e: event as React.MouseEvent<HTMLDivElement, MouseEvent> });\n      }\n    };\n\n    // 选中 Popup 某项\n    const handleChange: SelectOptionProps['onSelect'] = (value, { label }) => {\n      if (filterable) {\n        setInputVal(!multiple || (reserveKeyword && multiple) ? label : '');\n      }\n      if (creatable && isFunction(onCreate)) {\n        if ((options as OptionsType).filter((option) => option.value === value).length === 0) {\n          onCreate(value);\n        }\n      }\n      onChange(value);\n    };\n\n    // 处理filter逻辑\n    const handleFilter = (value: string) => {\n      let filteredOptions: OptionsType;\n      if (!value) {\n        setCurrentOptions(tmpPropOptions);\n        return;\n      }\n\n      if (filter && isFunction(filter)) {\n        // 如果有自定义的filter方法 使用自定义的filter方法\n        filteredOptions = Array.isArray(tmpPropOptions) && tmpPropOptions.filter((option) => filter(value, option));\n      } else {\n        const filterRegExp = new RegExp(value, 'i');\n        filteredOptions =\n          Array.isArray(tmpPropOptions) && tmpPropOptions.filter((option) => filterRegExp.test(option?.label)); // 不区分大小写\n      }\n\n      if (creatable) {\n        filteredOptions = filteredOptions.concat([{ label: value, value }]);\n      }\n      setCurrentOptions(filteredOptions);\n    };\n\n    // 处理输入框逻辑\n    const handleInputChange = (value: string) => {\n      setInputVal(value);\n\n      if (isFunction(onSearch)) {\n        onSearch(value);\n        return;\n      }\n\n      handleFilter(value);\n    };\n\n    const defaultLabel = (\n      <span\n        className={classNames(\n          className,\n          {\n            [`${name}__placeholder`]: (!value && !isNumber(value)) || (Array.isArray(value) && value.length < 1),\n          },\n          {\n            [`${name}__single`]: selectedLabel,\n          },\n        )}\n      >\n        {selectedLabel || placeholder || '-请选择-'}\n      </span>\n    );\n\n    const renderMultipleTags = () => {\n      if (multiple && Array.isArray(value) && value.length > 0) {\n        let tags: OptionsType;\n        let optionValue = [];\n        if (valueType === 'value') {\n          if (tmpPropOptions) {\n            optionValue = tmpPropOptions.filter((option) => value.includes(option?.value));\n          }\n          if (children && Array.isArray(children)) {\n            optionValue = children\n              .reduce(\n                (acc, item: ReactElement) =>\n                  acc.concat({ value: item.props.value, label: item.props.label || item.props.children }),\n                [],\n              )\n              .filter((option) => value.includes(option?.value));\n          }\n          tags = getMultipleTags(optionValue, keys);\n        } else {\n          tags = getMultipleTags(value, keys);\n        }\n\n        if (tags.length > 0)\n          return (\n            <>\n              {tags.slice(0, minCollapsedNum).map((item) => (\n                <Tag\n                  closable={!disabled}\n                  key={item.value}\n                  onClose={({ e }) => removeTag(e, item.value, item)}\n                  disabled={disabled}\n                  size={size}\n                >\n                  {item.label}\n                </Tag>\n              ))}\n              {collapsedItems}\n              {minCollapsedNum && tags.length - minCollapsedNum > 0 && !collapsedItems ? (\n                <Tag size={size}> {`+${tags.length - minCollapsedNum}`}</Tag>\n              ) : null}\n            </>\n          );\n        return !filterable ? defaultLabel : null;\n      }\n      return !filterable ? defaultLabel : null;\n    };\n\n    const renderInput = () => (\n      <Input\n        value={isString(inputVal) ? inputVal : selectedLabel}\n        placeholder={multiple && get(value, 'length') > 0 ? null : selectedLabel || placeholder || '-请选择-'}\n        className={`${name}__input`}\n        onChange={handleInputChange}\n        size={size}\n        onFocus={(_, context) => onFocus?.({ value, e: context?.e })}\n        onBlur={(_, context) => onBlur?.({ value, e: context?.e })}\n        onEnter={(_, context) => onEnter?.({ inputValue: inputVal, value, e: context?.e })}\n      />\n    );\n\n    const onInputClick = (e: React.MouseEvent) => {\n      e.preventDefault();\n      if (!disabled) {\n        setShowPopup(true);\n        setInputVal('');\n      }\n    };\n\n    const onClearValue = (event: React.MouseEvent) => {\n      event.stopPropagation();\n      if (Array.isArray(value)) {\n        onChange([]);\n      } else {\n        onChange('');\n      }\n      onClear({ e: event as React.MouseEvent<HTMLDivElement, MouseEvent> });\n    };\n\n    // 渲染后置图标\n    const renderSuffixIcon = () => {\n      if (loading) {\n        return (\n          <Loading\n            className={classNames(className, `${name}__right-icon`, `${name}__active-icon`)}\n            loading={true}\n            size=\"small\"\n          />\n        );\n      }\n      if (clearable && value && isHover) {\n        return (\n          <CloseCircleFilledIcon\n            onClick={clearable ? onClearValue : undefined}\n            className={classNames(className, `${name}__right-icon`, `${name}__right-icon-clear`)}\n          />\n        );\n      }\n      return <FakeArrow overlayClassName={`${name}__right-icon`} isActive={showPopup} disabled={disabled} />;\n    };\n\n    const popupContentProps = {\n      onChange: handleChange,\n      value,\n      className,\n      size,\n      multiple,\n      showPopup,\n      setShowPopup,\n      options: currentOptions,\n      empty,\n      max,\n      loadingText,\n      loading,\n      valueType,\n      keys,\n    };\n\n    const renderContent = () => <PopupContent {...popupContentProps}>{children}</PopupContent>;\n\n    const renderMultipleInput = () => {\n      if (valueDisplay) {\n        return valueDisplay({ value: value as OptionsType, onClose: removeTag }) || defaultLabel;\n      }\n      return renderMultipleTags();\n    };\n    return (\n      <div\n        className={`${name}__wrap`}\n        style={{ ...style }}\n        onMouseEnter={() => toggleHover(true)}\n        onMouseLeave={() => toggleHover(false)}\n      >\n        <Popup\n          trigger=\"click\"\n          ref={overlayRef}\n          content={renderContent()}\n          placement=\"bottom-left\"\n          visible={showPopup}\n          overlayStyle={{\n            width: width ? `${width}px` : 'none',\n          }}\n          onVisibleChange={handleShowPopup}\n          overlayClassName={classNames(className, `${name}__dropdown`, `${classPrefix}-popup`, 'narrow-scrollbar')}\n          className={`${name}__popup-reference`}\n          expandAnimation={true}\n          {...popupProps}\n        >\n          <div\n            className={classNames(className, name, {\n              [`${classPrefix}-is-disabled`]: disabled,\n              [`${classPrefix}-is-active`]: showPopup,\n              [`${classPrefix}-size-s`]: size === 'small',\n              [`${classPrefix}-size-l`]: size === 'large',\n              [`${classPrefix}-no-border`]: !bordered,\n              [`${classPrefix}-has-prefix`]: !!prefixIcon,\n            })}\n            ref={composeRefs(selectRef, ref)}\n            style={{ userSelect: 'none' }}\n            onClick={onInputClick}\n          >\n            {<span className={`${name}__left-icon`}>{prefixIcon}</span>}\n            {multiple ? renderMultipleInput() : null}\n            {filterable && renderInput()}\n            {!multiple && !filterable && defaultLabel}\n            {renderSuffixIcon()}\n          </div>\n        </Popup>\n      </div>\n    );\n  },\n  {\n    displayName: 'Select',\n    Option,\n    OptionGroup,\n  },\n);\n\nexport default Select;\n"],"names":["MAX_OVERLAY_WIDTH","Select","forwardRefWithStatics","props","ref","useLocaleReceiver","local","t","emptyText","loadingText","useDefaultValue","bordered","creatable","filter","max","popupProps","reserveKeyword","value","className","style","disabled","size","multiple","placeholder","clearable","prefixIcon","options","filterable","loading","onFocus","onBlur","onClear","noop","onCreate","onRemove","onSearch","onChange","empty","valueType","keys","children","collapsedItems","minCollapsedNum","valueDisplay","onEnter","onVisibleChange","useConfig","classPrefix","name","selectedLabel","useState","showPopup","setShowPopup","isHover","toggleHover","inputVal","setInputVal","currentOptions","setCurrentOptions","tmpPropOptions","setTmpPropOptions","width","setWidth","selectRef","useRef","overlayRef","getLabel","current","domRect","getBoundingClientRect","overlayRect","getContentRef","width2","Math","min","handleShowPopup","visible","transformedOptions","map","option","get","label","removeTag","event","selectValue","tagData","stopPropagation","values","getSelectValueArr","isFunction","data","e","handleChange","value2","length","handleFilter","filteredOptions","Array","isArray","filterRegExp","RegExp","test","concat","handleInputChange","defaultLabel","classNames","isNumber","renderMultipleTags","tags","optionValue","includes","reduce","acc","item","getMultipleTags","slice","Tag","closable","key","onClose","renderInput","Input","isString","_","context","inputValue","onInputClick","preventDefault","onClearValue","renderSuffixIcon","Loading","CloseCircleFilledIcon","onClick","FakeArrow","overlayClassName","isActive","popupContentProps","renderContent","PopupContent","renderMultipleInput","onMouseEnter","onMouseLeave","Popup","trigger","content","placement","overlayStyle","expandAnimation","composeRefs","userSelect","displayName","Option","OptionGroup"],"mappings":"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"}

package/lib/select/index.js

@@ -1,29 +1,29 @@
 /**
- * tdesign v0.20.2
+ * tdesign v0.21.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
 import Select$1 from './base/Select.js';
-import '../_chunks/dep-2e97cc0d.js';
-import '../_chunks/dep-85854991.js';
-import '../_chunks/dep-38c06164.js';
+import '../_chunks/dep-3457a894.js';
+import '../_chunks/dep-06e3288c.js';
+import '../_chunks/dep-eeb051d7.js';
 import 'react';
 import 'tdesign-icons-react';
 import 'classnames';
-import '../_chunks/dep-60b80c40.js';
-import '../_chunks/dep-a0170b8a.js';
-import '../_chunks/dep-759bc4af.js';
-import '../_chunks/dep-4bcb4398.js';
-import '../_chunks/dep-447962b9.js';
-import '../_chunks/dep-e96866d8.js';
-import '../_chunks/dep-8139cd34.js';
-import '../_chunks/dep-fb3be3f7.js';
-import '../_chunks/dep-18586a72.js';
-import '../_chunks/dep-98e66b66.js';
-import '../_chunks/dep-77677472.js';
-import '../_chunks/dep-ce5f7bb9.js';
-import '../_chunks/dep-e8fe5149.js';
+import '../_chunks/dep-43f753d4.js';
+import '../_chunks/dep-0e1e5699.js';
+import '../_chunks/dep-6aadb1fe.js';
+import '../_chunks/dep-a6135170.js';
+import '../_chunks/dep-59ec4bde.js';
+import '../_chunks/dep-db074173.js';
+import '../_chunks/dep-1e023941.js';
+import '../_chunks/dep-ab44eb36.js';
+import '../_chunks/dep-de9af197.js';
+import '../_chunks/dep-a4046228.js';
+import '../_chunks/dep-8b945758.js';
+import '../_chunks/dep-2ba4fb2f.js';
+import '../_chunks/dep-2da653e2.js';
 import 'lodash';
 import '../locale/LocalReceiver.js';
 import '../config-provider/ConfigContext.js';
@@ -31,13 +31,13 @@ import '../locale/zh_CN.js';
 import '../_util/useConfig.js';
 import '../_util/composeRefs.js';
 import '../_util/useDefaultValue.js';
-import '../_chunks/dep-3d9b45dc.js';
+import '../_chunks/dep-7cd001a1.js';
 import '../_util/useDefault.js';
 import '../_util/noop.js';
 import '../_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';
 import './util/helper.js';
-import '../_chunks/dep-0ab6329f.js';
+import '../_chunks/dep-333904c2.js';
 import './base/OptionGroup.js';
 import '../common/FakeArrow.js';
 import '../loading/index.js';
@@ -65,7 +65,7 @@ import '../tag/index.js';
 import '../tag/Tag.js';
 import '../tag/CheckTag.js';
 import './base/Option.js';
-import '../_chunks/dep-e2d94b95.js';
+import '../_chunks/dep-4da39c0f.js';
 import '../_util/useRipple.js';
 import '../_util/setStyle.js';
 import './base/PopupContent.js';

package/lib/select/type.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.20.2
+ * tdesign v0.21.0
  * (c) 2021 tdesign
  * @license MIT
  */

package/lib/select/util/helper.js

@@ -1,14 +1,14 @@
 /**
- * tdesign v0.20.2
+ * tdesign v0.21.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _toConsumableArray } from '../../_chunks/dep-0ab6329f.js';
+import { _ as _toConsumableArray } from '../../_chunks/dep-333904c2.js';
 import { get, isPlainObject } from 'lodash';
 import OptionGroup from '../base/OptionGroup.js';
-import '../../_chunks/dep-38c06164.js';
-import '../../_chunks/dep-2e97cc0d.js';
+import '../../_chunks/dep-eeb051d7.js';
+import '../../_chunks/dep-3457a894.js';
 import 'react';
 import 'classnames';
 import '../../_util/useConfig.js';

package/lib/skeleton/type.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.20.2
+ * tdesign v0.21.0
  * (c) 2021 tdesign
  * @license MIT
  */