tdesign-react 0.25.3-alpha.1 → 0.26.0

package/lib/select-input/SelectInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectInput.js","sources":["../../src/select-input/SelectInput.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useImperativeHandle } from 'react';\nimport classNames from 'classnames';\nimport useConfig from '../_util/useConfig';\nimport Popup from '../popup';\nimport useSingle from './useSingle';\nimport useMultiple from './useMultiple';\nimport useOverlayStyle from './useOverlayStyle';\nimport { TdSelectInputProps } from './type';\nimport { StyledProps } from '../common';\n\nexport interface SelectInputProps extends TdSelectInputProps, StyledProps {}\n\nconst SelectInput = forwardRef((props: SelectInputProps, ref) => {\n  const selectInputRef = useRef();\n  const selectInputWrapRef = useRef();\n  const { classPrefix: prefix } = useConfig();\n  const { multiple, value, popupVisible, popupProps, borderless } = props;\n  const { commonInputProps, inputRef, onInnerClear, renderSelectSingle } = useSingle(props);\n  const { tagInputRef, renderSelectMultiple } = useMultiple(props);\n  const { tOverlayStyle, innerPopupVisible, onInnerPopupVisibleChange } = useOverlayStyle(props);\n\n  const popupClasses = classNames([\n    props.className,\n    `${prefix}-select-input`,\n    {\n      [`${prefix}-select-input--borderless`]: borderless,\n      [`${prefix}-select-input--multiple`]: multiple,\n      [`${prefix}-select-input--popup-visible`]: popupVisible ?? innerPopupVisible,\n      [`${prefix}-select-input--empty`]: value instanceof Array ? !value.length : !value,\n    },\n  ]);\n\n  useImperativeHandle(ref, () => ({\n    ...(selectInputRef.current || {}),\n    ...(inputRef.current || {}),\n    ...(tagInputRef.current || {}),\n  }));\n\n  // 浮层显示的受控与非受控\n  const visibleProps = { visible: popupVisible ?? innerPopupVisible };\n\n  const mainContent = (\n    <Popup\n      ref={selectInputRef}\n      style={props.style}\n      className={popupClasses}\n      trigger={popupProps?.trigger || 'click'}\n      placement=\"bottom-left\"\n      content={props.panel}\n      hideEmptyPopup={true}\n      onVisibleChange={onInnerPopupVisibleChange}\n      {...visibleProps}\n      {...popupProps}\n      overlayStyle={tOverlayStyle}\n    >\n      {multiple\n        ? renderSelectMultiple({\n            commonInputProps,\n            onInnerClear,\n          })\n        : renderSelectSingle()}\n    </Popup>\n  );\n\n  if (!props.tips) return mainContent;\n\n  return (\n    <div ref={selectInputWrapRef} className={`${prefix}-select-input__wrap`}>\n      {mainContent}\n      <div className={`${prefix}-input__tips ${prefix}-input__tips--${props.status || 'normal'}`}>{props.tips}</div>\n    </div>\n  );\n});\n\nSelectInput.displayName = 'SelectInput';\n\nexport default SelectInput;\n"],"names":["SelectInput","forwardRef","props","ref","selectInputRef","useRef","selectInputWrapRef","useConfig","prefix","classPrefix","multiple","value","popupVisible","popupProps","borderless","useSingle","commonInputProps","inputRef","onInnerClear","renderSelectSingle","useMultiple","tagInputRef","renderSelectMultiple","useOverlayStyle","tOverlayStyle","innerPopupVisible","onInnerPopupVisibleChange","popupClasses","classNames","className","Array","length","useImperativeHandle","current","visibleProps","visible","mainContent","React","createElement","Popup","style","trigger","placement","content","panel","hideEmptyPopup","onVisibleChange","overlayStyle","tips","status","displayName"],"mappings":"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"}
+{"version":3,"file":"SelectInput.js","sources":["../../src/select-input/SelectInput.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useImperativeHandle } from 'react';\nimport classNames from 'classnames';\nimport useConfig from '../_util/useConfig';\nimport Popup from '../popup';\nimport useSingle from './useSingle';\nimport useMultiple from './useMultiple';\nimport useOverlayStyle from './useOverlayStyle';\nimport { TdSelectInputProps } from './type';\nimport { StyledProps } from '../common';\n\nexport interface SelectInputProps extends TdSelectInputProps, StyledProps {}\n\nconst SelectInput = forwardRef((props: SelectInputProps, ref) => {\n  const selectInputRef = useRef();\n  const selectInputWrapRef = useRef();\n  const { classPrefix: prefix } = useConfig();\n  const { multiple, value, popupVisible, popupProps, borderless } = props;\n  const { tOverlayStyle, innerPopupVisible, onInnerPopupVisibleChange } = useOverlayStyle(props);\n  const { commonInputProps, inputRef, onInnerClear, renderSelectSingle } = useSingle(props);\n  const { tagInputRef, renderSelectMultiple } = useMultiple(props);\n\n  const popupClasses = classNames([\n    props.className,\n    `${prefix}-select-input`,\n    {\n      [`${prefix}-select-input--borderless`]: borderless,\n      [`${prefix}-select-input--multiple`]: multiple,\n      [`${prefix}-select-input--popup-visible`]: popupVisible ?? innerPopupVisible,\n      [`${prefix}-select-input--empty`]: value instanceof Array ? !value.length : !value,\n    },\n  ]);\n\n  useImperativeHandle(ref, () => ({\n    ...(selectInputRef.current || {}),\n    ...(inputRef.current || {}),\n    ...(tagInputRef.current || {}),\n  }));\n\n  // 浮层显示的受控与非受控\n  const visibleProps = { visible: popupVisible ?? innerPopupVisible };\n\n  const mainContent = (\n    <Popup\n      ref={selectInputRef}\n      style={props.style}\n      className={popupClasses}\n      trigger={popupProps?.trigger || 'click'}\n      placement=\"bottom-left\"\n      content={props.panel}\n      hideEmptyPopup={true}\n      onVisibleChange={onInnerPopupVisibleChange}\n      {...visibleProps}\n      {...popupProps}\n      overlayStyle={tOverlayStyle}\n    >\n      {multiple\n        ? renderSelectMultiple({\n            commonInputProps,\n            onInnerClear,\n            popupVisible: visibleProps.visible,\n          })\n        : renderSelectSingle(visibleProps.visible)}\n    </Popup>\n  );\n\n  if (!props.tips) return mainContent;\n\n  return (\n    <div ref={selectInputWrapRef} className={`${prefix}-select-input__wrap`}>\n      {mainContent}\n      <div className={`${prefix}-input__tips ${prefix}-input__tips--${props.status || 'normal'}`}>{props.tips}</div>\n    </div>\n  );\n});\n\nSelectInput.displayName = 'SelectInput';\n\nexport default SelectInput;\n"],"names":["SelectInput","forwardRef","props","ref","selectInputRef","useRef","selectInputWrapRef","useConfig","prefix","classPrefix","multiple","value","popupVisible","popupProps","borderless","useOverlayStyle","tOverlayStyle","innerPopupVisible","onInnerPopupVisibleChange","useSingle","commonInputProps","inputRef","onInnerClear","renderSelectSingle","useMultiple","tagInputRef","renderSelectMultiple","popupClasses","classNames","className","Array","length","useImperativeHandle","current","visibleProps","visible","mainContent","React","createElement","Popup","style","trigger","placement","content","panel","hideEmptyPopup","onVisibleChange","overlayStyle","tips","status","displayName"],"mappings":"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"}

package/lib/select-input/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.3-alpha.1
+ * tdesign v0.26.0
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -9,32 +9,32 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var selectInput_SelectInput = require('./SelectInput.js');
-require('../_chunks/dep-728c3d30.js');
+require('../_chunks/dep-ca7914de.js');
 require('react');
 require('classnames');
 require('../_util/useConfig.js');
-require('../_chunks/dep-cb1cdc62.js');
-require('../_chunks/dep-94ac5bc2.js');
-require('../_chunks/dep-d5c34a19.js');
-require('../_chunks/dep-b81d09ba.js');
-require('../_chunks/dep-9ac45eb1.js');
-require('../_chunks/dep-0e51d993.js');
-require('../_chunks/dep-e92e2bb4.js');
-require('../_chunks/dep-09c2324b.js');
-require('../_chunks/dep-aef3883a.js');
-require('../_chunks/dep-4d02f91f.js');
-require('../_chunks/dep-f7cad145.js');
-require('../_chunks/dep-d5b1028b.js');
-require('../_chunks/dep-fe8b0b86.js');
-require('../_chunks/dep-32b793ca.js');
-require('../_chunks/dep-3a37dd17.js');
-require('../_chunks/dep-b4f37218.js');
+require('../_chunks/dep-2e128b45.js');
+require('../_chunks/dep-d260b48d.js');
+require('../_chunks/dep-7f9dd76c.js');
+require('../_chunks/dep-af5977f3.js');
+require('../_chunks/dep-81c8f336.js');
+require('../_chunks/dep-346e4fd6.js');
+require('../_chunks/dep-bd8388db.js');
+require('../_chunks/dep-91b0bcca.js');
+require('../_chunks/dep-0dcb1822.js');
+require('../_chunks/dep-b9ebc0ad.js');
+require('../_chunks/dep-4f241655.js');
+require('../_chunks/dep-fe548b95.js');
+require('../_chunks/dep-7dafe964.js');
+require('../_chunks/dep-e5b97b7b.js');
+require('../_chunks/dep-c093a95b.js');
+require('../_chunks/dep-d55e22e6.js');
 require('../_common/js/locale/zh_CN.js');
-require('../config-provider/defaultConfig.js');
+require('../config-provider/zh_CN_config.js');
 require('../popup/index.js');
 require('../popup/Popup.js');
-require('../_chunks/dep-402b9452.js');
-require('../_chunks/dep-20cb3e75.js');
+require('../_chunks/dep-1c9c3eb3.js');
+require('../_chunks/dep-802cffb1.js');
 require('react-transition-group');
 require('react-popper');
 require('../_util/useDefault.js');
@@ -45,36 +45,47 @@ require('../common/Portal.js');
 require('react-dom');
 require('../_util/dom.js');
 require('raf');
-require('../_chunks/dep-a2749c28.js');
+require('../_chunks/dep-4aa7b082.js');
 require('../_util/easing.js');
 require('../popup/hooks/useTriggerProps.js');
 require('../_util/useClickOutside.js');
 require('../popup/utils/getTransitionParams.js');
 require('./useSingle.js');
-require('../_chunks/dep-620f8a64.js');
-require('../_chunks/dep-6e35a7fc.js');
-require('../_chunks/dep-9c3742b4.js');
-require('../_chunks/dep-cbdb9d60.js');
-require('../_chunks/dep-793b82fb.js');
-require('../_chunks/dep-bec18e34.js');
-require('../_chunks/dep-136475a2.js');
-require('../_chunks/dep-4f843491.js');
-require('../_chunks/dep-3bb6344b.js');
+require('../_chunks/dep-61436bd3.js');
+require('../_chunks/dep-929b29ba.js');
+require('../_chunks/dep-dd7a6358.js');
+require('../_chunks/dep-f11349dd.js');
+require('../_chunks/dep-c4ccee0d.js');
+require('../_chunks/dep-320842c6.js');
+require('../_chunks/dep-86dbecea.js');
+require('../_chunks/dep-a6b63432.js');
+require('../_chunks/dep-a63f9fa8.js');
 require('../input/index.js');
 require('../input/Input.js');
-require('../_chunks/dep-7b67ce1a.js');
+require('../_chunks/dep-118265e9.js');
 require('tdesign-icons-react');
 require('../_util/forwardRefWithStatics.js');
 require('hoist-non-react-statics');
+require('../_util/helper.js');
+require('../_chunks/dep-f3ebd593.js');
+require('../_chunks/dep-e3d1b0a1.js');
+require('../_chunks/dep-05fbc204.js');
 require('../input/InputGroup.js');
 require('../_util/useDefaultValue.js');
+require('../loading/index.js');
+require('../loading/loading.js');
+require('../loading/gradient.js');
+require('../_common/js/loading/circle-adapter.js');
+require('../_common/js/utils/set-style.js');
+require('../_common/js/utils/helper.js');
+require('../loading/plugin.js');
 require('./useMultiple.js');
 require('../tag-input/index.js');
 require('../tag-input/TagInput.js');
 require('../_util/useDragSorter.js');
 require('../tag-input/useTagScroll.js');
 require('../tag-input/useTagList.js');
-require('../_chunks/dep-b41f5892.js');
+require('../_chunks/dep-aabd119c.js');
 require('lodash');
 require('../tag/index.js');
 require('../tag/Tag.js');

package/lib/select-input/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/select-input/index.ts"],"sourcesContent":["import _SelectInput from './SelectInput';\n\nimport './style/index.js';\n\nexport type { SelectInputProps } from './SelectInput';\nexport * from './type';\n\nexport const SelectInput = _SelectInput;\nexport default SelectInput;\n"],"names":["SelectInput","_SelectInput"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAGaA,WAAW,GAAGC;;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/select-input/index.ts"],"sourcesContent":["import _SelectInput from './SelectInput';\n\nimport './style/index.js';\n\nexport type { SelectInputProps } from './SelectInput';\nexport * from './type';\n\nexport const SelectInput = _SelectInput;\nexport default SelectInput;\n"],"names":["SelectInput","_SelectInput"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAGaA,WAAW,GAAGC;;;;;"}

package/lib/select-input/type.d.ts

@@ -20,7 +20,7 @@ export interface TdSelectInputProps {
      */
     autoWidth?: boolean;
     /**
-     * 无边框模式
+     * 【开发中】无边框模式
      * @default false
      */
     borderless?: boolean;
@@ -62,6 +62,11 @@ export interface TdSelectInputProps {
      * 左侧文本
      */
     label?: TNode;
+    /**
+     * 是否处于加载状态
+     * @default false
+     */
+    loading?: boolean;
     /**
      * 最小折叠数量，用于标签数量过多的情况下折叠选中项，超出该数值的选中项折叠。值为 0 则表示不折叠
      * @default 0
@@ -200,7 +205,7 @@ export interface SelectInputFocusContext {
     e: FocusEvent<HTMLInputElement>;
 }
 export interface SelectInputValueChangeContext {
-    e?: FormEvent<HTMLDivElement> | MouseEvent<HTMLElement | SVGElement> | FocusEvent<HTMLInputElement> | KeyboardEvent<HTMLDivElement>;
+    e?: FormEvent<HTMLDivElement> | MouseEvent<HTMLElement | SVGElement> | FocusEvent<HTMLInputElement> | KeyboardEvent<HTMLInputElement>;
     trigger: 'input' | 'clear' | 'blur';
 }
 export declare type SelectInputChangeContext = TagInputChangeContext;

package/lib/select-input/type.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.3-alpha.1
+ * tdesign v0.26.0
  * (c) 2022 tdesign
  * @license MIT
  */

package/lib/select-input/useMultiple.d.ts

@@ -6,6 +6,7 @@ export interface RenderSelectMultipleParams {
     onInnerClear: (context: {
         e: MouseEvent<SVGElement>;
     }) => void;
+    popupVisible: boolean;
 }
 export default function useMultiple(props: TdSelectInputProps): {
     tags: any[];

package/lib/select-input/useMultiple.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.3-alpha.1
+ * tdesign v0.26.0
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -8,46 +8,52 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../_chunks/dep-728c3d30.js');
-var slicedToArray = require('../_chunks/dep-402b9452.js');
+var defineProperty = require('../_chunks/dep-ca7914de.js');
+var slicedToArray = require('../_chunks/dep-1c9c3eb3.js');
 var React = require('react');
-var isFunction = require('../_chunks/dep-9ac45eb1.js');
+var isFunction = require('../_chunks/dep-81c8f336.js');
+var classNames = require('classnames');
 var tagInput_index = require('../tag-input/index.js');
 var _util_useDefault = require('../_util/useDefault.js');
-require('../_chunks/dep-20cb3e75.js');
-require('../_chunks/dep-0e51d993.js');
-require('../_chunks/dep-e92e2bb4.js');
+var _util_useConfig = require('../_util/useConfig.js');
+require('../_chunks/dep-802cffb1.js');
+require('../_chunks/dep-346e4fd6.js');
+require('../_chunks/dep-bd8388db.js');
 require('../tag-input/TagInput.js');
 require('tdesign-icons-react');
-require('classnames');
-require('../_util/useConfig.js');
-require('../_chunks/dep-cb1cdc62.js');
-require('../_chunks/dep-94ac5bc2.js');
-require('../_chunks/dep-d5c34a19.js');
-require('../_chunks/dep-b81d09ba.js');
-require('../_chunks/dep-09c2324b.js');
-require('../_chunks/dep-aef3883a.js');
-require('../_chunks/dep-4d02f91f.js');
-require('../_chunks/dep-f7cad145.js');
-require('../_chunks/dep-d5b1028b.js');
-require('../_chunks/dep-fe8b0b86.js');
-require('../_chunks/dep-32b793ca.js');
-require('../_chunks/dep-3a37dd17.js');
-require('../_chunks/dep-b4f37218.js');
-require('../_common/js/locale/zh_CN.js');
-require('../config-provider/defaultConfig.js');
 require('../_util/useDragSorter.js');
 require('../input/index.js');
 require('../input/Input.js');
-require('../_chunks/dep-7b67ce1a.js');
+require('../_chunks/dep-118265e9.js');
 require('../_util/forwardRefWithStatics.js');
 require('hoist-non-react-statics');
+require('../_util/helper.js');
+require('../_chunks/dep-f3ebd593.js');
+require('../_chunks/dep-f11349dd.js');
+require('../_chunks/dep-c093a95b.js');
+require('../_chunks/dep-dd7a6358.js');
+require('../_chunks/dep-91b0bcca.js');
+require('../_chunks/dep-e3d1b0a1.js');
+require('../_chunks/dep-05fbc204.js');
 require('../input/InputGroup.js');
+require('../_chunks/dep-2e128b45.js');
+require('../_chunks/dep-d260b48d.js');
+require('../_chunks/dep-7f9dd76c.js');
+require('../_chunks/dep-af5977f3.js');
+require('../_chunks/dep-0dcb1822.js');
+require('../_chunks/dep-b9ebc0ad.js');
+require('../_chunks/dep-4f241655.js');
+require('../_chunks/dep-fe548b95.js');
+require('../_chunks/dep-7dafe964.js');
+require('../_chunks/dep-e5b97b7b.js');
+require('../_chunks/dep-d55e22e6.js');
+require('../_common/js/locale/zh_CN.js');
+require('../config-provider/zh_CN_config.js');
 require('../_util/useDefaultValue.js');
 require('../_util/noop.js');
 require('../tag-input/useTagScroll.js');
 require('../tag-input/useTagList.js');
-require('../_chunks/dep-b41f5892.js');
+require('../_chunks/dep-aabd119c.js');
 require('lodash');
 require('../tag/index.js');
 require('../tag/Tag.js');
@@ -57,6 +63,7 @@ require('../tag-input/useHover.js');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -68,6 +75,10 @@ var DEFAULT_KEYS = {
 };
 function useMultiple(props) {
   var value = props.value;
+
+  var _useConfig = _util_useConfig["default"](),
+      classPrefix = _useConfig.classPrefix;
+
   var tagInputRef = React.useRef();
 
   var _useDefaultValue = _util_useDefault["default"](props.inputValue, props.defaultInputValue, props.onInputChange),
@@ -103,7 +114,9 @@ function useMultiple(props) {
   };
 
   var renderSelectMultiple = function renderSelectMultiple(p) {
-    return /* @__PURE__ */React__default["default"].createElement(tagInput_index.TagInput, _objectSpread(_objectSpread({
+    var _props$tagInputProps;
+
+    return /* @__PURE__ */React__default["default"].createElement(tagInput_index.TagInput, _objectSpread(_objectSpread(_objectSpread({
       ref: tagInputRef
     }, p.commonInputProps), {}, {
       readonly: !props.allowInput,
@@ -142,7 +155,9 @@ function useMultiple(props) {
           tagInputValue: val
         }));
       }
-    }, props.tagInputProps));
+    }, props.tagInputProps), {}, {
+      className: classNames__default["default"]((_props$tagInputProps = props.tagInputProps) === null || _props$tagInputProps === void 0 ? void 0 : _props$tagInputProps.className, defineProperty._defineProperty({}, "".concat(classPrefix, "-input--focused"), p.popupVisible))
+    }));
   };
 
   return {

package/lib/select-input/useMultiple.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMultiple.js","sources":["../../src/select-input/useMultiple.tsx"],"sourcesContent":["import React, { useRef, MouseEvent } from 'react';\nimport isObject from 'lodash/isObject';\nimport { TdSelectInputProps, SelectInputChangeContext, SelectInputKeys } from './type';\nimport TagInput, { TagInputValue } from '../tag-input';\nimport { SelectInputCommonProperties } from './interface';\nimport useDefaultValue from '../_util/useDefault';\n\nexport interface RenderSelectMultipleParams {\n  commonInputProps: SelectInputCommonProperties;\n  onInnerClear: (context: { e: MouseEvent<SVGElement> }) => void;\n}\n\nconst DEFAULT_KEYS = {\n  label: 'label',\n  key: 'key',\n  children: 'children',\n};\n\nexport default function useMultiple(props: TdSelectInputProps) {\n  const { value } = props;\n  const tagInputRef = useRef();\n  const [tInputValue, setTInputValue] = useDefaultValue(props.inputValue, props.defaultInputValue, props.onInputChange);\n  const iKeys: SelectInputKeys = { ...DEFAULT_KEYS, ...props.keys };\n\n  const getTags = () => {\n    if (!(value instanceof Array)) {\n      return isObject(value) ? [value[iKeys.label]] : [value];\n    }\n    return value.map((item) => (isObject(item) ? item[iKeys.label] : item));\n  };\n  const tags = getTags();\n\n  const tPlaceholder = !tags || !tags.length ? props.placeholder : '';\n\n  const onTagInputChange = (val: TagInputValue, context: SelectInputChangeContext) => {\n    // 避免触发浮层的显示或隐藏\n    if (context.trigger === 'tag-remove') {\n      context.e?.stopPropagation();\n    }\n    props.onTagChange?.(val, context);\n  };\n\n  const renderSelectMultiple = (p: RenderSelectMultipleParams) => (\n    <TagInput\n      ref={tagInputRef}\n      {...p.commonInputProps}\n      readonly={!props.allowInput}\n      autoWidth={props.borderless || props.autoWidth}\n      minCollapsedNum={props.minCollapsedNum}\n      collapsedItems={props.collapsedItems}\n      tag={props.tag}\n      valueDisplay={props.valueDisplay}\n      placeholder={tPlaceholder}\n      value={tags}\n      inputValue={tInputValue || ''}\n      onChange={onTagInputChange}\n      onInputChange={(val, context) => {\n        // 筛选器统一特性：筛选器按下回车时不清空输入框\n        if (context?.trigger === 'enter') return;\n        setTInputValue(val, { trigger: context.trigger, e: context.e });\n      }}\n      tagProps={props.tagProps}\n      onClear={p.onInnerClear}\n      onBlur={(val, context) => {\n        props.onBlur?.(props.value, { ...context, tagInputValue: val });\n        // 筛选器统一特性：失去焦点时，清空输入内容\n        setTInputValue('', { ...context, trigger: 'blur' });\n      }}\n      onFocus={(val, context) => {\n        props.onFocus?.(props.value, { ...context, tagInputValue: val });\n      }}\n      {...props.tagInputProps}\n    />\n  );\n\n  return {\n    tags,\n    tPlaceholder,\n    tagInputRef,\n    renderSelectMultiple,\n  };\n}\n"],"names":["DEFAULT_KEYS","label","key","children","useMultiple","props","value","tagInputRef","useRef","useDefaultValue","inputValue","defaultInputValue","onInputChange","tInputValue","setTInputValue","iKeys","keys","getTags","Array","isObject","map","item","tags","tPlaceholder","length","placeholder","onTagInputChange","val","context","trigger","e","stopPropagation","onTagChange","renderSelectMultiple","p","React","createElement","TagInput","ref","commonInputProps","readonly","allowInput","autoWidth","borderless","minCollapsedNum","collapsedItems","tag","valueDisplay","onChange","tagProps","onClear","onInnerClear","onBlur","tagInputValue","onFocus","tagInputProps"],"mappings":"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"}
+{"version":3,"file":"useMultiple.js","sources":["../../src/select-input/useMultiple.tsx"],"sourcesContent":["import React, { useRef, MouseEvent } from 'react';\nimport isObject from 'lodash/isObject';\nimport classNames from 'classnames';\nimport { TdSelectInputProps, SelectInputChangeContext, SelectInputKeys } from './type';\nimport TagInput, { TagInputValue } from '../tag-input';\nimport { SelectInputCommonProperties } from './interface';\nimport useDefaultValue from '../_util/useDefault';\nimport useConfig from '../_util/useConfig';\n\nexport interface RenderSelectMultipleParams {\n  commonInputProps: SelectInputCommonProperties;\n  onInnerClear: (context: { e: MouseEvent<SVGElement> }) => void;\n  popupVisible: boolean;\n}\n\nconst DEFAULT_KEYS = {\n  label: 'label',\n  key: 'key',\n  children: 'children',\n};\n\nexport default function useMultiple(props: TdSelectInputProps) {\n  const { value } = props;\n  const { classPrefix } = useConfig();\n  const tagInputRef = useRef();\n  const [tInputValue, setTInputValue] = useDefaultValue(props.inputValue, props.defaultInputValue, props.onInputChange);\n  const iKeys: SelectInputKeys = { ...DEFAULT_KEYS, ...props.keys };\n\n  const getTags = () => {\n    if (!(value instanceof Array)) {\n      return isObject(value) ? [value[iKeys.label]] : [value];\n    }\n    return value.map((item) => (isObject(item) ? item[iKeys.label] : item));\n  };\n  const tags = getTags();\n\n  const tPlaceholder = !tags || !tags.length ? props.placeholder : '';\n\n  const onTagInputChange = (val: TagInputValue, context: SelectInputChangeContext) => {\n    // 避免触发浮层的显示或隐藏\n    if (context.trigger === 'tag-remove') {\n      context.e?.stopPropagation();\n    }\n    props.onTagChange?.(val, context);\n  };\n\n  const renderSelectMultiple = (p: RenderSelectMultipleParams) => (\n    <TagInput\n      ref={tagInputRef}\n      {...p.commonInputProps}\n      readonly={!props.allowInput}\n      autoWidth={props.borderless || props.autoWidth}\n      minCollapsedNum={props.minCollapsedNum}\n      collapsedItems={props.collapsedItems}\n      tag={props.tag}\n      valueDisplay={props.valueDisplay}\n      placeholder={tPlaceholder}\n      value={tags}\n      inputValue={tInputValue || ''}\n      onChange={onTagInputChange}\n      onInputChange={(val, context) => {\n        // 筛选器统一特性：筛选器按下回车时不清空输入框\n        if (context?.trigger === 'enter') return;\n        setTInputValue(val, { trigger: context.trigger, e: context.e });\n      }}\n      tagProps={props.tagProps}\n      onClear={p.onInnerClear}\n      onBlur={(val, context) => {\n        props.onBlur?.(props.value, { ...context, tagInputValue: val });\n        // 筛选器统一特性：失去焦点时，清空输入内容\n        setTInputValue('', { ...context, trigger: 'blur' });\n      }}\n      onFocus={(val, context) => {\n        props.onFocus?.(props.value, { ...context, tagInputValue: val });\n      }}\n      {...props.tagInputProps}\n      className={classNames(props.tagInputProps?.className, {\n        [`${classPrefix}-input--focused`]: p.popupVisible,\n      })}\n    />\n  );\n\n  return {\n    tags,\n    tPlaceholder,\n    tagInputRef,\n    renderSelectMultiple,\n  };\n}\n"],"names":["DEFAULT_KEYS","label","key","children","useMultiple","props","value","useConfig","classPrefix","tagInputRef","useRef","useDefaultValue","inputValue","defaultInputValue","onInputChange","tInputValue","setTInputValue","iKeys","keys","getTags","Array","isObject","map","item","tags","tPlaceholder","length","placeholder","onTagInputChange","val","context","trigger","e","stopPropagation","onTagChange","renderSelectMultiple","p","React","createElement","TagInput","ref","commonInputProps","readonly","allowInput","autoWidth","borderless","minCollapsedNum","collapsedItems","tag","valueDisplay","onChange","tagProps","onClear","onInnerClear","onBlur","tagInputValue","onFocus","tagInputProps","className","classNames","popupVisible"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAMA,YAAY,GAAG;AACnBC,EAAAA,KAAK,EAAE,OADY;AAEnBC,EAAAA,GAAG,EAAE,KAFc;AAGnBC,EAAAA,QAAQ,EAAE;AAHS,CAArB;AAKe,SAASC,WAAT,CAAqBC,KAArB,EAA4B;AACzC,MAAQC,KAAR,GAAkBD,KAAlB,CAAQC,KAAR;;AACA,mBAAwBC,0BAAS,EAAjC;AAAA,MAAQC,WAAR,cAAQA,WAAR;;AACA,MAAMC,WAAW,GAAGC,YAAM,EAA1B;;AACA,yBAAsCC,2BAAe,CAACN,KAAK,CAACO,UAAP,EAAmBP,KAAK,CAACQ,iBAAzB,EAA4CR,KAAK,CAACS,aAAlD,CAArD;AAAA;AAAA,MAAOC,WAAP;AAAA,MAAoBC,cAApB;;AACA,MAAMC,KAAK,mCAAQjB,YAAR,GAAyBK,KAAK,CAACa,IAA/B,CAAX;;AACA,MAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AACpB,QAAI,EAAEb,KAAK,YAAYc,KAAnB,CAAJ,EAA+B;AAC7B,aAAOC,qBAAQ,CAACf,KAAD,CAAR,GAAkB,CAACA,KAAK,CAACW,KAAK,CAAChB,KAAP,CAAN,CAAlB,GAAyC,CAACK,KAAD,CAAhD;AACD;;AACD,WAAOA,KAAK,CAACgB,GAAN,CAAU,UAACC,IAAD;AAAA,aAAUF,qBAAQ,CAACE,IAAD,CAAR,GAAiBA,IAAI,CAACN,KAAK,CAAChB,KAAP,CAArB,GAAqCsB,IAA/C;AAAA,KAAV,CAAP;AACD,GALD;;AAMA,MAAMC,IAAI,GAAGL,OAAO,EAApB;AACA,MAAMM,YAAY,GAAG,CAACD,IAAD,IAAS,CAACA,IAAI,CAACE,MAAf,GAAwBrB,KAAK,CAACsB,WAA9B,GAA4C,EAAjE;;AACA,MAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,GAAD,EAAMC,OAAN,EAAkB;AAAA;;AACzC,QAAIA,OAAO,CAACC,OAAR,KAAoB,YAAxB,EAAsC;AAAA;;AACpC,oBAAAD,OAAO,CAACE,CAAR,0DAAWC,eAAX;AACD;;AACD,0BAAA5B,KAAK,CAAC6B,WAAN,+EAAA7B,KAAK,EAAewB,GAAf,EAAoBC,OAApB,CAAL;AACD,GALD;;AAMA,MAAMK,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,CAAD;AAAA;;AAAA,0BAAuBC,yBAAK,CAACC,aAAN,CAAoBC,uBAApB;AAClDC,MAAAA,GAAG,EAAE/B;AAD6C,OAE/C2B,CAAC,CAACK,gBAF6C;AAGlDC,MAAAA,QAAQ,EAAE,CAACrC,KAAK,CAACsC,UAHiC;AAIlDC,MAAAA,SAAS,EAAEvC,KAAK,CAACwC,UAAN,IAAoBxC,KAAK,CAACuC,SAJa;AAKlDE,MAAAA,eAAe,EAAEzC,KAAK,CAACyC,eAL2B;AAMlDC,MAAAA,cAAc,EAAE1C,KAAK,CAAC0C,cAN4B;AAOlDC,MAAAA,GAAG,EAAE3C,KAAK,CAAC2C,GAPuC;AAQlDC,MAAAA,YAAY,EAAE5C,KAAK,CAAC4C,YAR8B;AASlDtB,MAAAA,WAAW,EAAEF,YATqC;AAUlDnB,MAAAA,KAAK,EAAEkB,IAV2C;AAWlDZ,MAAAA,UAAU,EAAEG,WAAW,IAAI,EAXuB;AAYlDmC,MAAAA,QAAQ,EAAEtB,gBAZwC;AAalDd,MAAAA,aAAa,EAAE,uBAACe,GAAD,EAAMC,OAAN,EAAkB;AAC/B,YAAI,CAAAA,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAEC,OAAT,MAAqB,OAAzB,EACE;AACFf,QAAAA,cAAc,CAACa,GAAD,EAAM;AAAEE,UAAAA,OAAO,EAAED,OAAO,CAACC,OAAnB;AAA4BC,UAAAA,CAAC,EAAEF,OAAO,CAACE;AAAvC,SAAN,CAAd;AACD,OAjBiD;AAkBlDmB,MAAAA,QAAQ,EAAE9C,KAAK,CAAC8C,QAlBkC;AAmBlDC,MAAAA,OAAO,EAAEhB,CAAC,CAACiB,YAnBuC;AAoBlDC,MAAAA,MAAM,EAAE,gBAACzB,GAAD,EAAMC,OAAN,EAAkB;AAAA;;AACxB,yBAAAzB,KAAK,CAACiD,MAAN,qEAAAjD,KAAK,EAAUA,KAAK,CAACC,KAAhB,kCAA4BwB,OAA5B;AAAqCyB,UAAAA,aAAa,EAAE1B;AAApD,WAAL;AACAb,QAAAA,cAAc,CAAC,EAAD,kCAAUc,OAAV;AAAmBC,UAAAA,OAAO,EAAE;AAA5B,WAAd;AACD,OAvBiD;AAwBlDyB,MAAAA,OAAO,EAAE,iBAAC3B,GAAD,EAAMC,OAAN,EAAkB;AAAA;;AACzB,0BAAAzB,KAAK,CAACmD,OAAN,uEAAAnD,KAAK,EAAWA,KAAK,CAACC,KAAjB,kCAA6BwB,OAA7B;AAAsCyB,UAAAA,aAAa,EAAE1B;AAArD,WAAL;AACD;AA1BiD,OA2B/CxB,KAAK,CAACoD,aA3ByC;AA4BlDC,MAAAA,SAAS,EAAEC,8BAAU,yBAACtD,KAAK,CAACoD,aAAP,yDAAC,qBAAqBC,SAAtB,+CACflD,WADe,sBACgB4B,CAAC,CAACwB,YADlB;AA5B6B,OAAvB;AAAA,GAA7B;;AAgCA,SAAO;AACLpC,IAAAA,IAAI,EAAJA,IADK;AAELC,IAAAA,YAAY,EAAZA,YAFK;AAGLhB,IAAAA,WAAW,EAAXA,WAHK;AAIL0B,IAAAA,oBAAoB,EAApBA;AAJK,GAAP;AAMD;;;;"}

package/lib/select-input/useOverlayStyle.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.3-alpha.1
+ * tdesign v0.26.0
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -8,13 +8,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../_chunks/dep-728c3d30.js');
-var _typeof = require('../_chunks/dep-e92e2bb4.js');
-var slicedToArray = require('../_chunks/dep-402b9452.js');
+var defineProperty = require('../_chunks/dep-ca7914de.js');
+var _typeof = require('../_chunks/dep-bd8388db.js');
+var slicedToArray = require('../_chunks/dep-1c9c3eb3.js');
 var React = require('react');
-var isFunction = require('../_chunks/dep-9ac45eb1.js');
-require('../_chunks/dep-20cb3e75.js');
-require('../_chunks/dep-0e51d993.js');
+var isFunction = require('../_chunks/dep-81c8f336.js');
+require('../_chunks/dep-802cffb1.js');
+require('../_chunks/dep-346e4fd6.js');
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 

package/lib/select-input/useSingle.d.ts

@@ -10,5 +10,5 @@ export default function useSingle(props: TdSelectInputProps): {
     onInnerClear: (context: {
         e: MouseEvent<SVGElement>;
     }) => void;
-    renderSelectSingle: () => JSX.Element;
+    renderSelectSingle: (popupVisible: boolean) => JSX.Element;
 };

package/lib/select-input/useSingle.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.3-alpha.1
+ * tdesign v0.26.0
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -8,53 +8,71 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../_chunks/dep-728c3d30.js');
-var slicedToArray = require('../_chunks/dep-402b9452.js');
+var defineProperty = require('../_chunks/dep-ca7914de.js');
+var slicedToArray = require('../_chunks/dep-1c9c3eb3.js');
 var React = require('react');
-var isFunction = require('../_chunks/dep-9ac45eb1.js');
-var pick = require('../_chunks/dep-620f8a64.js');
+var isFunction = require('../_chunks/dep-81c8f336.js');
+var pick = require('../_chunks/dep-61436bd3.js');
+var classNames = require('classnames');
 var input_index = require('../input/index.js');
-require('../_chunks/dep-20cb3e75.js');
-require('../_chunks/dep-0e51d993.js');
-require('../_chunks/dep-e92e2bb4.js');
-require('../_chunks/dep-6e35a7fc.js');
-require('../_chunks/dep-3a37dd17.js');
-require('../_chunks/dep-9c3742b4.js');
-require('../_chunks/dep-09c2324b.js');
-require('../_chunks/dep-d5c34a19.js');
-require('../_chunks/dep-b81d09ba.js');
-require('../_chunks/dep-aef3883a.js');
-require('../_chunks/dep-cbdb9d60.js');
-require('../_chunks/dep-793b82fb.js');
-require('../_chunks/dep-d5b1028b.js');
-require('../_chunks/dep-bec18e34.js');
-require('../_chunks/dep-136475a2.js');
-require('../_chunks/dep-4f843491.js');
-require('../_chunks/dep-3bb6344b.js');
+var loading_index = require('../loading/index.js');
+var _util_useConfig = require('../_util/useConfig.js');
+require('../_chunks/dep-802cffb1.js');
+require('../_chunks/dep-346e4fd6.js');
+require('../_chunks/dep-bd8388db.js');
+require('../_chunks/dep-929b29ba.js');
+require('../_chunks/dep-c093a95b.js');
+require('../_chunks/dep-dd7a6358.js');
+require('../_chunks/dep-91b0bcca.js');
+require('../_chunks/dep-7f9dd76c.js');
+require('../_chunks/dep-af5977f3.js');
+require('../_chunks/dep-0dcb1822.js');
+require('../_chunks/dep-f11349dd.js');
+require('../_chunks/dep-c4ccee0d.js');
+require('../_chunks/dep-fe548b95.js');
+require('../_chunks/dep-320842c6.js');
+require('../_chunks/dep-86dbecea.js');
+require('../_chunks/dep-a6b63432.js');
+require('../_chunks/dep-a63f9fa8.js');
 require('../input/Input.js');
-require('../_chunks/dep-7b67ce1a.js');
-require('classnames');
+require('../_chunks/dep-118265e9.js');
 require('tdesign-icons-react');
 require('../_util/forwardRefWithStatics.js');
 require('hoist-non-react-statics');
-require('../_util/useConfig.js');
-require('../_chunks/dep-cb1cdc62.js');
-require('../_chunks/dep-94ac5bc2.js');
-require('../_chunks/dep-4d02f91f.js');
-require('../_chunks/dep-f7cad145.js');
-require('../_chunks/dep-fe8b0b86.js');
-require('../_chunks/dep-32b793ca.js');
-require('../_chunks/dep-b4f37218.js');
-require('../_common/js/locale/zh_CN.js');
-require('../config-provider/defaultConfig.js');
+require('../_util/helper.js');
+require('../_chunks/dep-f3ebd593.js');
+require('../_chunks/dep-e3d1b0a1.js');
+require('../_chunks/dep-05fbc204.js');
 require('../input/InputGroup.js');
+require('../_chunks/dep-2e128b45.js');
+require('../_chunks/dep-d260b48d.js');
+require('../_chunks/dep-b9ebc0ad.js');
+require('../_chunks/dep-4f241655.js');
+require('../_chunks/dep-7dafe964.js');
+require('../_chunks/dep-e5b97b7b.js');
+require('../_chunks/dep-d55e22e6.js');
+require('../_common/js/locale/zh_CN.js');
+require('../config-provider/zh_CN_config.js');
 require('../_util/useDefaultValue.js');
 require('../_util/useDefault.js');
 require('../_util/noop.js');
+require('../loading/loading.js');
+require('../_util/dom.js');
+require('raf');
+require('../_chunks/dep-4aa7b082.js');
+require('../_util/easing.js');
+require('../common/Portal.js');
+require('react-dom');
+require('../loading/gradient.js');
+require('../_common/js/loading/circle-adapter.js');
+require('../_common/js/utils/set-style.js');
+require('../_common/js/utils/helper.js');
+require('../loading/plugin.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -72,7 +90,13 @@ function getInputValue(value, keys) {
 
 function useSingle(props) {
   var value = props.value,
-      keys = props.keys;
+      keys = props.keys,
+      loading = props.loading,
+      disabled = props.disabled;
+
+  var _useConfig = _util_useConfig["default"](),
+      classPrefix = _useConfig.classPrefix;
+
   var inputRef = React.useRef();
 
   var _useState = React.useState(""),
@@ -80,7 +104,16 @@ function useSingle(props) {
       inputValue = _useState2[0],
       setInputValue = _useState2[1];
 
-  var commonInputProps = pick.pick_1(props, COMMON_PROPERTIES);
+  var showLoading = React.useMemo(function () {
+    return !disabled && loading;
+  }, [loading, disabled]);
+
+  var commonInputProps = _objectSpread(_objectSpread({}, pick.pick_1(props, COMMON_PROPERTIES)), {}, {
+    suffixIcon: showLoading ? /* @__PURE__ */React__default["default"].createElement(loading_index.Loading, {
+      loading: true,
+      size: "small"
+    }) : props.suffixIcon
+  });
 
   var onInnerClear = function onInnerClear(context) {
     var _context$e, _props$onClear;
@@ -105,16 +138,17 @@ function useSingle(props) {
     setInputValue(getInputValue(value, keys));
   }, [keys, value]);
 
-  var renderSelectSingle = function renderSelectSingle() {
+  var renderSelectSingle = function renderSelectSingle(popupVisible) {
+    var _props$inputProps;
+
     var singleValueDisplay = !props.multiple ? props.valueDisplay : null;
-    return /* @__PURE__ */React__default["default"].createElement(input_index.Input, _objectSpread(_objectSpread({
+    return /* @__PURE__ */React__default["default"].createElement(input_index.Input, _objectSpread(_objectSpread(_objectSpread({
       ref: inputRef
     }, commonInputProps), {}, {
       autoWidth: props.borderless || props.autoWidth,
       placeholder: singleValueDisplay ? "" : props.placeholder,
       value: singleValueDisplay ? void 0 : inputValue,
       label: /* @__PURE__ */React__default["default"].createElement(React__default["default"].Fragment, null, props.label, singleValueDisplay),
-      showClearIconOnEmpty: true,
       onChange: onInnerInputChange,
       readonly: !props.allowInput,
       onClear: onInnerClear,
@@ -133,7 +167,9 @@ function useSingle(props) {
           inputValue: val
         }));
       }
-    }, props.inputProps));
+    }, props.inputProps), {}, {
+      className: classNames__default["default"]((_props$inputProps = props.inputProps) === null || _props$inputProps === void 0 ? void 0 : _props$inputProps.className, defineProperty._defineProperty({}, "".concat(classPrefix, "-input--focused"), popupVisible))
+    }));
   };
 
   return {

package/lib/select-input/useSingle.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSingle.js","sources":["../../src/select-input/useSingle.tsx"],"sourcesContent":["import React, { useRef, useState, useEffect, MouseEvent, FormEvent } from 'react';\nimport isObject from 'lodash/isObject';\nimport pick from 'lodash/pick';\nimport { SelectInputCommonProperties } from './interface';\nimport Input, { InputValue } from '../input';\nimport { TdSelectInputProps } from './type';\n\nexport interface RenderSelectSingleInputParams {\n  tPlaceholder: string;\n}\n\n// single 和 multiple 共有特性\nconst COMMON_PROPERTIES = [\n  'status',\n  'clearable',\n  'disabled',\n  'label',\n  'placeholder',\n  'readonly',\n  'suffix',\n  'suffixIcon',\n  'onPaste',\n  'onEnter',\n  'onMouseenter',\n  'onMouseleave',\n];\n\nconst DEFAULT_KEYS: TdSelectInputProps['keys'] = {\n  label: 'label',\n  value: 'value',\n};\n\nfunction getInputValue(value: TdSelectInputProps['value'], keys: TdSelectInputProps['keys']) {\n  const iKeys = keys || DEFAULT_KEYS;\n  return isObject(value) ? value[iKeys.label] : value;\n}\n\nexport default function useSingle(props: TdSelectInputProps) {\n  const { value, keys } = props;\n  const inputRef = useRef();\n  const [inputValue, setInputValue] = useState<string | number>('');\n\n  const commonInputProps: SelectInputCommonProperties = pick(props, COMMON_PROPERTIES);\n\n  const onInnerClear = (context: { e: MouseEvent<SVGElement> }) => {\n    context?.e?.stopPropagation();\n    props.onClear?.(context);\n    setInputValue('');\n  };\n\n  const onInnerInputChange = (\n    value: InputValue,\n    context: { e: FormEvent<HTMLDivElement> | MouseEvent<HTMLElement | SVGElement> },\n  ) => {\n    if (props.allowInput) {\n      setInputValue(value);\n      props.onInputChange?.(value, { ...context, trigger: 'input' });\n    }\n  };\n\n  useEffect(() => {\n    setInputValue(getInputValue(value, keys));\n  }, [keys, value]);\n\n  const renderSelectSingle = () => {\n    // 单选，值的呈现方式\n    const singleValueDisplay = !props.multiple ? props.valueDisplay : null;\n    return (\n      <Input\n        ref={inputRef}\n        {...commonInputProps}\n        autoWidth={props.borderless || props.autoWidth}\n        placeholder={singleValueDisplay ? '' : props.placeholder}\n        value={singleValueDisplay ? undefined : inputValue}\n        label={\n          <>\n            {props.label}\n            {singleValueDisplay}\n          </>\n        }\n        showClearIconOnEmpty={true}\n        onChange={onInnerInputChange}\n        readonly={!props.allowInput}\n        onClear={onInnerClear}\n        onBlur={(val, context) => {\n          props.onBlur?.(value, { ...context, inputValue: val });\n          setInputValue(getInputValue(value, keys));\n        }}\n        onFocus={(val, context) => {\n          props.onFocus?.(value, { ...context, inputValue: val });\n        }}\n        {...props.inputProps}\n      />\n    );\n  };\n\n  return {\n    inputRef,\n    commonInputProps,\n    onInnerClear,\n    renderSelectSingle,\n  };\n}\n"],"names":["COMMON_PROPERTIES","DEFAULT_KEYS","label","value","getInputValue","keys","iKeys","isObject","useSingle","props","inputRef","useRef","useState","inputValue","setInputValue","commonInputProps","pick","onInnerClear","context","e","stopPropagation","onClear","onInnerInputChange","value2","allowInput","onInputChange","trigger","useEffect","renderSelectSingle","singleValueDisplay","multiple","valueDisplay","React","createElement","Input","ref","autoWidth","borderless","placeholder","Fragment","showClearIconOnEmpty","onChange","readonly","onBlur","val","onFocus","inputProps"],"mappings":"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"}
+{"version":3,"file":"useSingle.js","sources":["../../src/select-input/useSingle.tsx"],"sourcesContent":["import React, { useRef, useState, useEffect, MouseEvent, FormEvent, useMemo } from 'react';\nimport isObject from 'lodash/isObject';\nimport pick from 'lodash/pick';\nimport classNames from 'classnames';\nimport { SelectInputCommonProperties } from './interface';\nimport Input, { InputValue } from '../input';\nimport { TdSelectInputProps } from './type';\nimport { Loading } from '../loading';\nimport useConfig from '../_util/useConfig';\n\nexport interface RenderSelectSingleInputParams {\n  tPlaceholder: string;\n}\n\n// single 和 multiple 共有特性\nconst COMMON_PROPERTIES = [\n  'status',\n  'clearable',\n  'disabled',\n  'label',\n  'placeholder',\n  'readonly',\n  'suffix',\n  'suffixIcon',\n  'onPaste',\n  'onEnter',\n  'onMouseenter',\n  'onMouseleave',\n];\n\nconst DEFAULT_KEYS: TdSelectInputProps['keys'] = {\n  label: 'label',\n  value: 'value',\n};\n\nfunction getInputValue(value: TdSelectInputProps['value'], keys: TdSelectInputProps['keys']) {\n  const iKeys = keys || DEFAULT_KEYS;\n  return isObject(value) ? value[iKeys.label] : value;\n}\n\nexport default function useSingle(props: TdSelectInputProps) {\n  const { value, keys, loading, disabled } = props;\n  const { classPrefix } = useConfig();\n  const inputRef = useRef();\n  const [inputValue, setInputValue] = useState<string | number>('');\n\n  const showLoading = useMemo(() => !disabled && loading, [loading, disabled]);\n\n  const commonInputProps: SelectInputCommonProperties = {\n    ...pick(props, COMMON_PROPERTIES),\n    suffixIcon: showLoading ? <Loading loading size=\"small\" /> : props.suffixIcon,\n  };\n\n  const onInnerClear = (context: { e: MouseEvent<SVGElement> }) => {\n    context?.e?.stopPropagation();\n    props.onClear?.(context);\n    setInputValue('');\n  };\n\n  const onInnerInputChange = (\n    value: InputValue,\n    context: { e: FormEvent<HTMLDivElement> | MouseEvent<HTMLElement | SVGElement> },\n  ) => {\n    if (props.allowInput) {\n      setInputValue(value);\n      props.onInputChange?.(value, { ...context, trigger: 'input' });\n    }\n  };\n\n  useEffect(() => {\n    setInputValue(getInputValue(value, keys));\n  }, [keys, value]);\n\n  const renderSelectSingle = (popupVisible: boolean) => {\n    // 单选，值的呈现方式\n    const singleValueDisplay = !props.multiple ? props.valueDisplay : null;\n    return (\n      <Input\n        ref={inputRef}\n        {...commonInputProps}\n        autoWidth={props.borderless || props.autoWidth}\n        placeholder={singleValueDisplay ? '' : props.placeholder}\n        value={singleValueDisplay ? undefined : inputValue}\n        label={\n          <>\n            {props.label}\n            {singleValueDisplay}\n          </>\n        }\n        onChange={onInnerInputChange}\n        readonly={!props.allowInput}\n        onClear={onInnerClear}\n        onBlur={(val, context) => {\n          props.onBlur?.(value, { ...context, inputValue: val });\n          setInputValue(getInputValue(value, keys));\n        }}\n        onFocus={(val, context) => {\n          props.onFocus?.(value, { ...context, inputValue: val });\n        }}\n        {...props.inputProps}\n        className={classNames(props.inputProps?.className, {\n          [`${classPrefix}-input--focused`]: popupVisible,\n        })}\n      />\n    );\n  };\n\n  return {\n    inputRef,\n    commonInputProps,\n    onInnerClear,\n    renderSelectSingle,\n  };\n}\n"],"names":["COMMON_PROPERTIES","DEFAULT_KEYS","label","value","getInputValue","keys","iKeys","isObject","useSingle","props","loading","disabled","useConfig","classPrefix","inputRef","useRef","useState","inputValue","setInputValue","showLoading","useMemo","commonInputProps","pick","suffixIcon","React","createElement","Loading","size","onInnerClear","context","e","stopPropagation","onClear","onInnerInputChange","value2","allowInput","onInputChange","trigger","useEffect","renderSelectSingle","popupVisible","singleValueDisplay","multiple","valueDisplay","Input","ref","autoWidth","borderless","placeholder","Fragment","onChange","readonly","onBlur","val","onFocus","inputProps","className","classNames"],"mappings":"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"}