tdesign-react 0.25.3-alpha.1 → 0.26.0

package/esm/select-input/SelectInput.js

@@ -1,10 +1,10 @@
 /**
- * tdesign v0.25.3-alpha.1
+ * tdesign v0.26.0
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-cad4c9bb.js';
+import { _ as _defineProperty } from '../_chunks/dep-ada514b9.js';
 import React, { forwardRef, useRef, useImperativeHandle } from 'react';
 import classNames from 'classnames';
 import useConfig from '../_util/useConfig.js';
@@ -12,30 +12,30 @@ import { Popup } from '../popup/index.js';
 import useSingle from './useSingle.js';
 import useMultiple from './useMultiple.js';
 import useOverlayStyle from './useOverlayStyle.js';
-import '../_chunks/dep-7e017026.js';
-import '../_chunks/dep-461ab060.js';
-import '../_chunks/dep-e5363865.js';
-import '../_chunks/dep-8b84448e.js';
-import '../_chunks/dep-ac1b23ff.js';
-import '../_chunks/dep-9893f12f.js';
-import '../_chunks/dep-a2f13442.js';
-import '../_chunks/dep-0edc09ed.js';
-import '../_chunks/dep-07116ce5.js';
-import '../_chunks/dep-6d9098b6.js';
-import '../_chunks/dep-a96d8a0e.js';
-import '../_chunks/dep-e417d118.js';
-import '../_chunks/dep-1af55183.js';
-import '../_chunks/dep-ed441d47.js';
-import '../_chunks/dep-4afdc0f2.js';
-import '../_chunks/dep-89ac56b6.js';
-import '../_chunks/dep-b15d6ac2.js';
-import '../_chunks/dep-0058bc23.js';
+import '../_chunks/dep-a8619fd7.js';
+import '../_chunks/dep-c5e6a539.js';
+import '../_chunks/dep-8fea0649.js';
+import '../_chunks/dep-4506ade7.js';
+import '../_chunks/dep-96268fc3.js';
+import '../_chunks/dep-08a538d7.js';
+import '../_chunks/dep-76bc9a8e.js';
+import '../_chunks/dep-87647568.js';
+import '../_chunks/dep-cfa4c989.js';
+import '../_chunks/dep-456d7444.js';
+import '../_chunks/dep-f81e5642.js';
+import '../_chunks/dep-6ef661cb.js';
+import '../_chunks/dep-a3b25bd0.js';
+import '../_chunks/dep-b52934ba.js';
+import '../_chunks/dep-5e81ed02.js';
+import '../_chunks/dep-d945c24c.js';
+import '../_chunks/dep-43841bc9.js';
+import '../_chunks/dep-2f1a6244.js';
 import '../locale/zh_CN.js';
 import '../_common/js/locale/zh_CN.js';
-import '../config-provider/defaultConfig.js';
+import '../config-provider/zh_CN_config.js';
 import '../popup/Popup.js';
-import '../_chunks/dep-ca97d683.js';
-import '../_chunks/dep-6f5ded5c.js';
+import '../_chunks/dep-e9eb270f.js';
+import '../_chunks/dep-722fe6eb.js';
 import 'react-transition-group';
 import 'react-popper';
 import '../_util/useDefault.js';
@@ -46,38 +46,51 @@ import '../common/Portal.js';
 import 'react-dom';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-02e6b611.js';
+import '../_chunks/dep-f5031153.js';
 import '../_util/easing.js';
 import '../popup/hooks/useTriggerProps.js';
 import '../_util/useClickOutside.js';
 import '../popup/utils/getTransitionParams.js';
 import '../popup/style/index.js';
 import '../popup/type.js';
-import '../_chunks/dep-b7d8b7af.js';
-import '../_chunks/dep-f6037fb6.js';
-import '../_chunks/dep-cb80eab2.js';
-import '../_chunks/dep-ce5e6d7b.js';
-import '../_chunks/dep-0496aed2.js';
-import '../_chunks/dep-483d0d43.js';
-import '../_chunks/dep-45df395e.js';
-import '../_chunks/dep-a164f50b.js';
-import '../_chunks/dep-ec5725fb.js';
+import '../_chunks/dep-0c320105.js';
+import '../_chunks/dep-8d8a59c5.js';
+import '../_chunks/dep-6a9e2ff5.js';
+import '../_chunks/dep-9c495ff4.js';
+import '../_chunks/dep-17843c23.js';
+import '../_chunks/dep-4bde00b2.js';
+import '../_chunks/dep-c5a4a84b.js';
+import '../_chunks/dep-93f0cc3c.js';
+import '../_chunks/dep-a3e8ed28.js';
 import '../input/index.js';
 import '../input/Input.js';
-import '../_chunks/dep-497887bb.js';
+import '../_chunks/dep-9f6be541.js';
 import 'tdesign-icons-react';
 import '../_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';
+import '../_util/helper.js';
+import '../_chunks/dep-bce15148.js';
+import '../_chunks/dep-b59a613a.js';
+import '../_chunks/dep-1f097e5c.js';
 import '../input/InputGroup.js';
 import '../_util/useDefaultValue.js';
 import '../input/style/index.js';
 import '../input/type.js';
+import '../loading/index.js';
+import '../loading/loading.js';
+import '../loading/gradient.js';
+import '../_common/js/loading/circle-adapter.js';
+import '../_common/js/utils/set-style.js';
+import '../_common/js/utils/helper.js';
+import '../loading/plugin.js';
+import '../loading/style/index.js';
+import '../loading/type.js';
 import '../tag-input/index.js';
 import '../tag-input/TagInput.js';
 import '../_util/useDragSorter.js';
 import '../tag-input/useTagScroll.js';
 import '../tag-input/useTagList.js';
-import '../_chunks/dep-4a5a3bfe.js';
+import '../_chunks/dep-d08c8845.js';
 import 'lodash';
 import '../tag/index.js';
 import '../tag/Tag.js';
@@ -106,6 +119,11 @@ var SelectInput = /*#__PURE__*/forwardRef(function (props, ref) {
       popupProps = props.popupProps,
       borderless = props.borderless;
 
+  var _useOverlayStyle = useOverlayStyle(props),
+      tOverlayStyle = _useOverlayStyle.tOverlayStyle,
+      innerPopupVisible = _useOverlayStyle.innerPopupVisible,
+      onInnerPopupVisibleChange = _useOverlayStyle.onInnerPopupVisibleChange;
+
   var _useSingle = useSingle(props),
       commonInputProps = _useSingle.commonInputProps,
       inputRef = _useSingle.inputRef,
@@ -116,11 +134,6 @@ var SelectInput = /*#__PURE__*/forwardRef(function (props, ref) {
       tagInputRef = _useMultiple.tagInputRef,
       renderSelectMultiple = _useMultiple.renderSelectMultiple;
 
-  var _useOverlayStyle = useOverlayStyle(props),
-      tOverlayStyle = _useOverlayStyle.tOverlayStyle,
-      innerPopupVisible = _useOverlayStyle.innerPopupVisible,
-      onInnerPopupVisibleChange = _useOverlayStyle.onInnerPopupVisibleChange;
-
   var popupClasses = classNames([props.className, "".concat(prefix, "-select-input"), (_ref = {}, _defineProperty(_ref, "".concat(prefix, "-select-input--borderless"), borderless), _defineProperty(_ref, "".concat(prefix, "-select-input--multiple"), multiple), _defineProperty(_ref, "".concat(prefix, "-select-input--popup-visible"), popupVisible !== null && popupVisible !== void 0 ? popupVisible : innerPopupVisible), _defineProperty(_ref, "".concat(prefix, "-select-input--empty"), value instanceof Array ? !value.length : !value), _ref)]);
   useImperativeHandle(ref, function () {
     return _objectSpread(_objectSpread(_objectSpread({}, selectInputRef.current || {}), inputRef.current || {}), tagInputRef.current || {});
@@ -141,8 +154,9 @@ var SelectInput = /*#__PURE__*/forwardRef(function (props, ref) {
     overlayStyle: tOverlayStyle
   }), multiple ? renderSelectMultiple({
     commonInputProps: commonInputProps,
-    onInnerClear: onInnerClear
-  }) : renderSelectSingle());
+    onInnerClear: onInnerClear,
+    popupVisible: visibleProps.visible
+  }) : renderSelectSingle(visibleProps.visible));
   if (!props.tips) return mainContent;
   return /* @__PURE__ */React.createElement("div", {
     ref: selectInputWrapRef,

package/esm/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/esm/select-input/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.3-alpha.1
+ * tdesign v0.26.0
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -7,35 +7,35 @@
 import SelectInput$1 from './SelectInput.js';
 import './style/index.js';
 import './type.js';
-import '../_chunks/dep-cad4c9bb.js';
+import '../_chunks/dep-ada514b9.js';
 import 'react';
 import 'classnames';
 import '../_util/useConfig.js';
-import '../_chunks/dep-7e017026.js';
-import '../_chunks/dep-461ab060.js';
-import '../_chunks/dep-e5363865.js';
-import '../_chunks/dep-8b84448e.js';
-import '../_chunks/dep-ac1b23ff.js';
-import '../_chunks/dep-9893f12f.js';
-import '../_chunks/dep-a2f13442.js';
-import '../_chunks/dep-0edc09ed.js';
-import '../_chunks/dep-07116ce5.js';
-import '../_chunks/dep-6d9098b6.js';
-import '../_chunks/dep-a96d8a0e.js';
-import '../_chunks/dep-e417d118.js';
-import '../_chunks/dep-1af55183.js';
-import '../_chunks/dep-ed441d47.js';
-import '../_chunks/dep-4afdc0f2.js';
-import '../_chunks/dep-89ac56b6.js';
-import '../_chunks/dep-b15d6ac2.js';
-import '../_chunks/dep-0058bc23.js';
+import '../_chunks/dep-a8619fd7.js';
+import '../_chunks/dep-c5e6a539.js';
+import '../_chunks/dep-8fea0649.js';
+import '../_chunks/dep-4506ade7.js';
+import '../_chunks/dep-96268fc3.js';
+import '../_chunks/dep-08a538d7.js';
+import '../_chunks/dep-76bc9a8e.js';
+import '../_chunks/dep-87647568.js';
+import '../_chunks/dep-cfa4c989.js';
+import '../_chunks/dep-456d7444.js';
+import '../_chunks/dep-f81e5642.js';
+import '../_chunks/dep-6ef661cb.js';
+import '../_chunks/dep-a3b25bd0.js';
+import '../_chunks/dep-b52934ba.js';
+import '../_chunks/dep-5e81ed02.js';
+import '../_chunks/dep-d945c24c.js';
+import '../_chunks/dep-43841bc9.js';
+import '../_chunks/dep-2f1a6244.js';
 import '../locale/zh_CN.js';
 import '../_common/js/locale/zh_CN.js';
-import '../config-provider/defaultConfig.js';
+import '../config-provider/zh_CN_config.js';
 import '../popup/index.js';
 import '../popup/Popup.js';
-import '../_chunks/dep-ca97d683.js';
-import '../_chunks/dep-6f5ded5c.js';
+import '../_chunks/dep-e9eb270f.js';
+import '../_chunks/dep-722fe6eb.js';
 import 'react-transition-group';
 import 'react-popper';
 import '../_util/useDefault.js';
@@ -46,7 +46,7 @@ import '../common/Portal.js';
 import 'react-dom';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-02e6b611.js';
+import '../_chunks/dep-f5031153.js';
 import '../_util/easing.js';
 import '../popup/hooks/useTriggerProps.js';
 import '../_util/useClickOutside.js';
@@ -54,32 +54,45 @@ import '../popup/utils/getTransitionParams.js';
 import '../popup/style/index.js';
 import '../popup/type.js';
 import './useSingle.js';
-import '../_chunks/dep-b7d8b7af.js';
-import '../_chunks/dep-f6037fb6.js';
-import '../_chunks/dep-cb80eab2.js';
-import '../_chunks/dep-ce5e6d7b.js';
-import '../_chunks/dep-0496aed2.js';
-import '../_chunks/dep-483d0d43.js';
-import '../_chunks/dep-45df395e.js';
-import '../_chunks/dep-a164f50b.js';
-import '../_chunks/dep-ec5725fb.js';
+import '../_chunks/dep-0c320105.js';
+import '../_chunks/dep-8d8a59c5.js';
+import '../_chunks/dep-6a9e2ff5.js';
+import '../_chunks/dep-9c495ff4.js';
+import '../_chunks/dep-17843c23.js';
+import '../_chunks/dep-4bde00b2.js';
+import '../_chunks/dep-c5a4a84b.js';
+import '../_chunks/dep-93f0cc3c.js';
+import '../_chunks/dep-a3e8ed28.js';
 import '../input/index.js';
 import '../input/Input.js';
-import '../_chunks/dep-497887bb.js';
+import '../_chunks/dep-9f6be541.js';
 import 'tdesign-icons-react';
 import '../_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';
+import '../_util/helper.js';
+import '../_chunks/dep-bce15148.js';
+import '../_chunks/dep-b59a613a.js';
+import '../_chunks/dep-1f097e5c.js';
 import '../input/InputGroup.js';
 import '../_util/useDefaultValue.js';
 import '../input/style/index.js';
 import '../input/type.js';
+import '../loading/index.js';
+import '../loading/loading.js';
+import '../loading/gradient.js';
+import '../_common/js/loading/circle-adapter.js';
+import '../_common/js/utils/set-style.js';
+import '../_common/js/utils/helper.js';
+import '../loading/plugin.js';
+import '../loading/style/index.js';
+import '../loading/type.js';
 import './useMultiple.js';
 import '../tag-input/index.js';
 import '../tag-input/TagInput.js';
 import '../_util/useDragSorter.js';
 import '../tag-input/useTagScroll.js';
 import '../tag-input/useTagList.js';
-import '../_chunks/dep-4a5a3bfe.js';
+import '../_chunks/dep-d08c8845.js';
 import 'lodash';
 import '../tag/index.js';
 import '../tag/Tag.js';

package/esm/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/esm/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/esm/select-input/type.js

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

package/esm/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/esm/select-input/useMultiple.js

@@ -1,54 +1,60 @@
 /**
- * tdesign v0.25.3-alpha.1
+ * tdesign v0.26.0
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-cad4c9bb.js';
-import { _ as _slicedToArray } from '../_chunks/dep-ca97d683.js';
+import { _ as _defineProperty } from '../_chunks/dep-ada514b9.js';
+import { _ as _slicedToArray } from '../_chunks/dep-e9eb270f.js';
 import React, { useRef } from 'react';
-import { a as isObject_1 } from '../_chunks/dep-9893f12f.js';
+import { a as isObject_1 } from '../_chunks/dep-08a538d7.js';
+import classNames from 'classnames';
 import { TagInput } from '../tag-input/index.js';
 import useDefault from '../_util/useDefault.js';
-import '../_chunks/dep-6f5ded5c.js';
-import '../_chunks/dep-461ab060.js';
-import '../_chunks/dep-a2f13442.js';
-import '../_chunks/dep-0edc09ed.js';
+import useConfig from '../_util/useConfig.js';
+import '../_chunks/dep-722fe6eb.js';
+import '../_chunks/dep-c5e6a539.js';
+import '../_chunks/dep-76bc9a8e.js';
+import '../_chunks/dep-87647568.js';
 import '../tag-input/TagInput.js';
 import 'tdesign-icons-react';
-import 'classnames';
-import '../_util/useConfig.js';
-import '../_chunks/dep-7e017026.js';
-import '../_chunks/dep-e5363865.js';
-import '../_chunks/dep-8b84448e.js';
-import '../_chunks/dep-ac1b23ff.js';
-import '../_chunks/dep-07116ce5.js';
-import '../_chunks/dep-6d9098b6.js';
-import '../_chunks/dep-a96d8a0e.js';
-import '../_chunks/dep-e417d118.js';
-import '../_chunks/dep-1af55183.js';
-import '../_chunks/dep-ed441d47.js';
-import '../_chunks/dep-4afdc0f2.js';
-import '../_chunks/dep-89ac56b6.js';
-import '../_chunks/dep-b15d6ac2.js';
-import '../_chunks/dep-0058bc23.js';
-import '../locale/zh_CN.js';
-import '../_common/js/locale/zh_CN.js';
-import '../config-provider/defaultConfig.js';
 import '../_util/useDragSorter.js';
 import '../input/index.js';
 import '../input/Input.js';
-import '../_chunks/dep-497887bb.js';
+import '../_chunks/dep-9f6be541.js';
 import '../_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';
+import '../_util/helper.js';
+import '../_chunks/dep-bce15148.js';
+import '../_chunks/dep-9c495ff4.js';
+import '../_chunks/dep-d945c24c.js';
+import '../_chunks/dep-43841bc9.js';
+import '../_chunks/dep-6a9e2ff5.js';
+import '../_chunks/dep-456d7444.js';
+import '../_chunks/dep-b59a613a.js';
+import '../_chunks/dep-1f097e5c.js';
 import '../input/InputGroup.js';
+import '../_chunks/dep-a8619fd7.js';
+import '../_chunks/dep-8fea0649.js';
+import '../_chunks/dep-4506ade7.js';
+import '../_chunks/dep-96268fc3.js';
+import '../_chunks/dep-cfa4c989.js';
+import '../_chunks/dep-f81e5642.js';
+import '../_chunks/dep-6ef661cb.js';
+import '../_chunks/dep-a3b25bd0.js';
+import '../_chunks/dep-b52934ba.js';
+import '../_chunks/dep-5e81ed02.js';
+import '../_chunks/dep-2f1a6244.js';
+import '../locale/zh_CN.js';
+import '../_common/js/locale/zh_CN.js';
+import '../config-provider/zh_CN_config.js';
 import '../_util/useDefaultValue.js';
 import '../_util/noop.js';
 import '../input/style/index.js';
 import '../input/type.js';
 import '../tag-input/useTagScroll.js';
 import '../tag-input/useTagList.js';
-import '../_chunks/dep-4a5a3bfe.js';
+import '../_chunks/dep-d08c8845.js';
 import 'lodash';
 import '../tag/index.js';
 import '../tag/Tag.js';
@@ -69,6 +75,10 @@ var DEFAULT_KEYS = {
 };
 function useMultiple(props) {
   var value = props.value;
+
+  var _useConfig = useConfig(),
+      classPrefix = _useConfig.classPrefix;
+
   var tagInputRef = useRef();
 
   var _useDefaultValue = useDefault(props.inputValue, props.defaultInputValue, props.onInputChange),
@@ -104,7 +114,9 @@ function useMultiple(props) {
   };
 
   var renderSelectMultiple = function renderSelectMultiple(p) {
-    return /* @__PURE__ */React.createElement(TagInput, _objectSpread(_objectSpread({
+    var _props$tagInputProps;
+
+    return /* @__PURE__ */React.createElement(TagInput, _objectSpread(_objectSpread(_objectSpread({
       ref: tagInputRef
     }, p.commonInputProps), {}, {
       readonly: !props.allowInput,
@@ -143,7 +155,9 @@ function useMultiple(props) {
           tagInputValue: val
         }));
       }
-    }, props.tagInputProps));
+    }, props.tagInputProps), {}, {
+      className: classNames((_props$tagInputProps = props.tagInputProps) === null || _props$tagInputProps === void 0 ? void 0 : _props$tagInputProps.className, _defineProperty({}, "".concat(classPrefix, "-input--focused"), p.popupVisible))
+    }));
   };
 
   return {

package/esm/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":"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"}

package/esm/select-input/useOverlayStyle.js

@@ -1,17 +1,17 @@
 /**
- * tdesign v0.25.3-alpha.1
+ * tdesign v0.26.0
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-cad4c9bb.js';
-import { _ as _typeof } from '../_chunks/dep-0edc09ed.js';
-import { _ as _slicedToArray } from '../_chunks/dep-ca97d683.js';
+import { _ as _defineProperty } from '../_chunks/dep-ada514b9.js';
+import { _ as _typeof } from '../_chunks/dep-87647568.js';
+import { _ as _slicedToArray } from '../_chunks/dep-e9eb270f.js';
 import { useState, useMemo } from 'react';
-import { i as isFunction_1, a as isObject_1 } from '../_chunks/dep-9893f12f.js';
-import '../_chunks/dep-6f5ded5c.js';
-import '../_chunks/dep-461ab060.js';
-import '../_chunks/dep-a2f13442.js';
+import { i as isFunction_1, a as isObject_1 } from '../_chunks/dep-08a538d7.js';
+import '../_chunks/dep-722fe6eb.js';
+import '../_chunks/dep-c5e6a539.js';
+import '../_chunks/dep-76bc9a8e.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/esm/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;
 };