@tendaui/react 1.2.3 → 1.3.0

package/es/select-input/hook/useMultiple.js

@@ -1,11 +1,11 @@
 import { _ as _defineProperty } from '../../_chunks/dep-Cwish4GD.js';
 import { _ as _slicedToArray } from '../../_chunks/dep-CzLhKWCf.js';
-import React, { useRef } from 'react';
+import React__default, { useRef } from 'react';
 import { isObject } from 'lodash-es';
 import classNames from 'classnames';
 import { TagInput } from '../../tag-input/index.js';
-import { u as useControlled } from '../../_chunks/dep-DwWrhxkd.js';
-import { u as useConfig } from '../../_chunks/dep-gy8uvBaS.js';
+import { u as useControlled } from '../../_chunks/dep-grkSd2UB.js';
+import { u as useConfig } from '../../_chunks/dep-u1x3x6MJ.js';
 import '../../_chunks/dep-D-UKOauR.js';
 import '../../tag-input/TagInput.js';
 import '@tendaui/icons';
@@ -14,12 +14,13 @@ import '../../input/Input.js';
 import '../../_chunks/dep-DN7d1SzH.js';
 import '../../_chunks/dep-BRbJGDI9.js';
 import '../../_chunks/dep-DRwijJcv.js';
-import '../../_chunks/dep-D6YxJv-F.js';
+import '../../_chunks/dep-spxR0DG0.js';
 import '../../_chunks/dep-DGvfel3I.js';
-import '../../_chunks/dep-CD_4-1Xb.js';
+import '../../_chunks/dep-UHQn9biR.js';
 import '../../config-provider/index.js';
 import '../../config-provider/ConfigProvider.js';
-import '../../_chunks/dep-5U9UjDaf.js';
+import '../../config-provider/ConfigContext.js';
+import '../../_chunks/dep--nQ-cjme.js';
 import 'dayjs';
 import '../../input/InputGroup.js';
 import '../../input/style/css.js';
@@ -29,7 +30,7 @@ import '../../tag/index.js';
 import '../../tag/Tag.js';
 import '../../_chunks/dep-zOZQ0R9g.js';
 import '../../_chunks/dep-U1T8CQY9.js';
-import '../../_chunks/dep-ByzdZjUR.js';
+import '../../_chunks/dep-bWaVq_y3.js';
 import '../../_chunks/dep-BP0-apUT.js';
 import 'hoist-non-react-statics';
 import '../../tag/style/css.js';
@@ -74,7 +75,7 @@ function useMultiple(props) {
   };
   var renderSelectMultiple = function renderSelectMultiple(p) {
     var _props$tagInputProps;
-    return /* @__PURE__ */React.createElement(TagInput, _objectSpread(_objectSpread(_objectSpread({
+    return /* @__PURE__ */React__default.createElement(TagInput, _objectSpread(_objectSpread(_objectSpread({
       ref: tagInputRef
     }, p.commonInputProps), {}, {
       autoWidth: props.autoWidth,

package/es/select-input/hook/useMultiple.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMultiple.js","sources":["../../../../components/select-input/hook/useMultiple.tsx"],"sourcesContent":["import React, { useRef, MouseEvent } from \"react\";\nimport { isObject } from \"lodash-es\";\nimport classNames from \"classnames\";\nimport { TdSelectInputProps, SelectInputChangeContext, SelectInputKeys, SelectInputValue } from \"../type\";\nimport TagInput, { TagInputValue } from \"../../tag-input\";\nimport { SelectInputCommonProperties } from \"../interface\";\nimport useControlled from \"../../hooks/useControlled\";\nimport useConfig from \"../../hooks/useConfig\";\nimport { InputRef } from \"../../input\";\nimport { StyledProps } from \"../../common\";\n\nexport interface RenderSelectMultipleParams {\n  commonInputProps: SelectInputCommonProperties;\n  onInnerClear: (context: { e: MouseEvent<SVGElement> }) => void;\n  popupVisible: boolean;\n  allowInput: boolean;\n}\n\nconst DEFAULT_KEYS = {\n  label: \"label\",\n  key: \"key\",\n  children: \"children\"\n};\n\nexport interface SelectInputProps extends TdSelectInputProps, StyledProps {\n  options?: unknown[]; // 参数穿透options, 给SelectInput/SelectInput 自定义选中项呈现的内容和多选状态下设置折叠项内容\n}\n\nexport default function useMultiple(props: SelectInputProps) {\n  const { value } = props;\n  const { classPrefix } = useConfig();\n  const tagInputRef = useRef<InputRef>(null);\n  const [tInputValue, setTInputValue] = useControlled(props, \"inputValue\", props.onInputChange);\n  const iKeys: SelectInputKeys = { ...DEFAULT_KEYS, ...props.keys };\n\n  const getTags = () => {\n    if (!(value instanceof Array)) {\n      if ([\"\", null, undefined].includes(String(value))) return [];\n      return isObject(value) ? [value[iKeys.label]] : [value];\n    }\n    return value.map((item: SelectInputValue) => (isObject(item) ? item[iKeys.label] : item));\n  };\n  const tags = getTags();\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      autoWidth={props.autoWidth}\n      readonly={props.readonly}\n      minCollapsedNum={props.minCollapsedNum}\n      collapsedItems={props.collapsedItems}\n      tag={props.tag}\n      valueDisplay={props.valueDisplay}\n      placeholder={tPlaceholder}\n      options={props.options}\n      value={tags}\n      inputValue={p.popupVisible && p.allowInput ? tInputValue : \"\"}\n      onChange={onTagInputChange}\n      onInputChange={(val, context) => {\n        // 筛选器统一特性：筛选器按下回车时不清空输入框\n        if (context?.trigger === \"enter\" || context?.trigger === \"blur\") return;\n        setTInputValue(val, { trigger: context.trigger, e: context.e });\n      }}\n      tagProps={props.tagProps}\n      onClear={p.onInnerClear}\n      // [Important Info]: SelectInput.blur is not equal to TagInput, example: click popup panel\n      onFocus={(val, context) => {\n        props.onFocus?.(props.value, { ...context, tagInputValue: val });\n      }}\n      onBlur={!props.panel ? props.onBlur : null}\n      {...props.tagInputProps}\n      inputProps={{\n        ...props.inputProps,\n        readonly: !props.allowInput || props.readonly,\n        inputClass: classNames(props.tagInputProps?.className, {\n          [`${classPrefix}-input--focused`]: p.popupVisible,\n          [`${classPrefix}-is-focused`]: p.popupVisible\n        })\n      }}\n    />\n  );\n\n  return {\n    tags,\n    tPlaceholder,\n    tagInputRef,\n    multipleInputValue: tInputValue,\n    renderSelectMultiple\n  };\n}\n"],"names":["DEFAULT_KEYS","label","key","children","useMultiple","props","value","_useConfig","useConfig","classPrefix","tagInputRef","useRef","_useControlled","useControlled","onInputChange","_useControlled2","_slicedToArray","tInputValue","setTInputValue","iKeys","keys","getTags","Array","includes","String","isObject","map","item","tags","tPlaceholder","length","placeholder","onTagInputChange","val","context","_props$onTagChange","trigger","_context$e","e","stopPropagation","onTagChange","call","renderSelectMultiple","p","_props$tagInputProps","React","createElement","TagInput","_objectSpread","ref","commonInputProps","autoWidth","readonly","minCollapsedNum","collapsedItems","tag","valueDisplay","options","inputValue","popupVisible","allowInput","onChange","tagProps","onClear","onInnerClear","onFocus","_props$onFocus","tagInputValue","onBlur","panel","tagInputProps","inputProps","inputClass","classNames","className","_defineProperty","concat","multipleInputValue"],"mappings":"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"}
+{"version":3,"file":"useMultiple.js","sources":["../../../../components/select-input/hook/useMultiple.tsx"],"sourcesContent":["import React, { useRef, MouseEvent } from \"react\";\nimport { isObject } from \"lodash-es\";\nimport classNames from \"classnames\";\nimport { TdSelectInputProps, SelectInputChangeContext, SelectInputKeys, SelectInputValue } from \"../type\";\nimport TagInput, { TagInputValue } from \"../../tag-input\";\nimport { SelectInputCommonProperties } from \"../interface\";\nimport useControlled from \"../../hooks/useControlled\";\nimport useConfig from \"../../hooks/useConfig\";\nimport { InputRef } from \"../../input\";\nimport { StyledProps } from \"../../common\";\n\nexport interface RenderSelectMultipleParams {\n  commonInputProps: SelectInputCommonProperties;\n  onInnerClear: (context: { e: MouseEvent<SVGElement> }) => void;\n  popupVisible: boolean;\n  allowInput: boolean;\n}\n\nconst DEFAULT_KEYS = {\n  label: \"label\",\n  key: \"key\",\n  children: \"children\"\n};\n\nexport interface SelectInputProps extends TdSelectInputProps, StyledProps {\n  options?: unknown[]; // 参数穿透options, 给SelectInput/SelectInput 自定义选中项呈现的内容和多选状态下设置折叠项内容\n}\n\nexport default function useMultiple(props: SelectInputProps) {\n  const { value } = props;\n  const { classPrefix } = useConfig();\n  const tagInputRef = useRef<InputRef>(null);\n  const [tInputValue, setTInputValue] = useControlled(props, \"inputValue\", props.onInputChange);\n  const iKeys: SelectInputKeys = { ...DEFAULT_KEYS, ...props.keys };\n\n  const getTags = () => {\n    if (!(value instanceof Array)) {\n      if ([\"\", null, undefined].includes(String(value))) return [];\n      return isObject(value) ? [value[iKeys.label]] : [value];\n    }\n    return value.map((item: SelectInputValue) => (isObject(item) ? item[iKeys.label] : item));\n  };\n  const tags = getTags();\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      autoWidth={props.autoWidth}\n      readonly={props.readonly}\n      minCollapsedNum={props.minCollapsedNum}\n      collapsedItems={props.collapsedItems}\n      tag={props.tag}\n      valueDisplay={props.valueDisplay}\n      placeholder={tPlaceholder}\n      options={props.options}\n      value={tags}\n      inputValue={p.popupVisible && p.allowInput ? tInputValue : \"\"}\n      onChange={onTagInputChange}\n      onInputChange={(val, context) => {\n        // 筛选器统一特性：筛选器按下回车时不清空输入框\n        if (context?.trigger === \"enter\" || context?.trigger === \"blur\") return;\n        setTInputValue(val, { trigger: context.trigger, e: context.e });\n      }}\n      tagProps={props.tagProps}\n      onClear={p.onInnerClear}\n      // [Important Info]: SelectInput.blur is not equal to TagInput, example: click popup panel\n      onFocus={(val, context) => {\n        props.onFocus?.(props.value, { ...context, tagInputValue: val });\n      }}\n      onBlur={!props.panel ? props.onBlur : null}\n      {...props.tagInputProps}\n      inputProps={{\n        ...props.inputProps,\n        readonly: !props.allowInput || props.readonly,\n        inputClass: classNames(props.tagInputProps?.className, {\n          [`${classPrefix}-input--focused`]: p.popupVisible,\n          [`${classPrefix}-is-focused`]: p.popupVisible\n        })\n      }}\n    />\n  );\n\n  return {\n    tags,\n    tPlaceholder,\n    tagInputRef,\n    multipleInputValue: tInputValue,\n    renderSelectMultiple\n  };\n}\n"],"names":["DEFAULT_KEYS","label","key","children","useMultiple","props","value","_useConfig","useConfig","classPrefix","tagInputRef","useRef","_useControlled","useControlled","onInputChange","_useControlled2","_slicedToArray","tInputValue","setTInputValue","iKeys","keys","getTags","Array","includes","String","isObject","map","item","tags","tPlaceholder","length","placeholder","onTagInputChange","val","context","_props$onTagChange","trigger","_context$e","e","stopPropagation","onTagChange","call","renderSelectMultiple","p","_props$tagInputProps","React","createElement","TagInput","_objectSpread","ref","commonInputProps","autoWidth","readonly","minCollapsedNum","collapsedItems","tag","valueDisplay","options","inputValue","popupVisible","allowInput","onChange","tagProps","onClear","onInnerClear","onFocus","_props$onFocus","tagInputValue","onBlur","panel","tagInputProps","inputProps","inputClass","classNames","className","_defineProperty","concat","multipleInputValue"],"mappings":"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"}

package/es/select-input/hook/useSingle.js

@@ -1,22 +1,23 @@
 import { _ as _defineProperty } from '../../_chunks/dep-Cwish4GD.js';
 import { _ as _slicedToArray } from '../../_chunks/dep-CzLhKWCf.js';
-import React, { useRef } from 'react';
+import React__default, { useRef } from 'react';
 import { isObject, pick } from 'lodash-es';
 import classNames from 'classnames';
 import { Input } from '../../input/index.js';
-import { u as useControlled } from '../../_chunks/dep-DwWrhxkd.js';
+import { u as useControlled } from '../../_chunks/dep-grkSd2UB.js';
 import '../../_chunks/dep-D-UKOauR.js';
 import '../../input/Input.js';
 import '../../_chunks/dep-DN7d1SzH.js';
 import '@tendaui/icons';
 import '../../_chunks/dep-BRbJGDI9.js';
 import '../../_chunks/dep-DRwijJcv.js';
-import '../../_chunks/dep-D6YxJv-F.js';
+import '../../_chunks/dep-spxR0DG0.js';
 import '../../_chunks/dep-DGvfel3I.js';
-import '../../_chunks/dep-gy8uvBaS.js';
-import '../../_chunks/dep-5U9UjDaf.js';
+import '../../_chunks/dep-u1x3x6MJ.js';
+import '../../config-provider/ConfigContext.js';
+import '../../_chunks/dep--nQ-cjme.js';
 import 'dayjs';
-import '../../_chunks/dep-CD_4-1Xb.js';
+import '../../_chunks/dep-UHQn9biR.js';
 import '../../config-provider/index.js';
 import '../../config-provider/ConfigProvider.js';
 import '../../input/InputGroup.js';
@@ -71,13 +72,13 @@ function useSingle(props) {
     var _props$inputProps;
     var singleValueDisplay = !props.multiple ? props.valueDisplay : null;
     var displayedValue = popupVisible && props.allowInput ? inputValue : getInputValue(value, keys);
-    return /* @__PURE__ */React.createElement(Input, _objectSpread(_objectSpread(_objectSpread({
+    return /* @__PURE__ */React__default.createElement(Input, _objectSpread(_objectSpread(_objectSpread({
       ref: inputRef
     }, commonInputProps), {}, {
       autoWidth: props.autoWidth,
       placeholder: props.placeholder,
       value: singleValueDisplay ? " " : displayedValue,
-      label: (props.label || singleValueDisplay) && /* @__PURE__ */React.createElement(React.Fragment, null, props.label, singleValueDisplay),
+      label: (props.label || singleValueDisplay) && /* @__PURE__ */React__default.createElement(React__default.Fragment, null, props.label, singleValueDisplay),
       onChange: onInnerInputChange,
       onClear: onInnerClear,
       onFocus: function onFocus(val, context) {

package/es/select-input/hook/useSingle.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSingle.js","sources":["../../../../components/select-input/hook/useSingle.tsx"],"sourcesContent":["import React, { useRef, MouseEvent } from \"react\";\nimport { isObject, pick } from \"lodash-es\";\nimport classNames from \"classnames\";\nimport { SelectInputCommonProperties } from \"../interface\";\nimport { TdSelectInputProps, SelectInputValueChangeContext } from \"../type\";\nimport Input, { InputRef, TdInputProps } from \"../../input\";\nimport useControlled from \"../../hooks/useControlled\";\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  \"size\",\n  \"prefixIcon\"\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<InputRef>(null);\n  const [inputValue, setInputValue] = useControlled(props, \"inputValue\", props.onInputChange);\n  const commonInputProps: SelectInputCommonProperties = {\n    ...pick(props, COMMON_PROPERTIES),\n    suffixIcon: props.suffixIcon\n  };\n\n  const onInnerClear = (context: { e: MouseEvent<SVGSVGElement> }) => {\n    context?.e?.stopPropagation();\n    props.onClear?.(context);\n    setInputValue(\"\", { trigger: \"clear\" });\n  };\n\n  const onInnerInputChange: TdInputProps[\"onChange\"] = (value, context) => {\n    if (props.allowInput) {\n      setInputValue(value, { ...context, trigger: \"input\" } as SelectInputValueChangeContext);\n    }\n  };\n\n  const handleEmptyPanelBlur = (value: string, { e }: { e: React.FocusEvent<HTMLInputElement> }) => {\n    props.onBlur?.(value, { e, inputValue: value });\n  };\n\n  const renderSelectSingle = (popupVisible: boolean) => {\n    const singleValueDisplay = !props.multiple ? props.valueDisplay : null;\n    const displayedValue = popupVisible && props.allowInput ? inputValue : getInputValue(value, keys);\n    return (\n      <Input\n        ref={inputRef as unknown as React.Ref<HTMLInputElement>}\n        {...commonInputProps}\n        autoWidth={props.autoWidth}\n        placeholder={props.placeholder}\n        value={singleValueDisplay ? \" \" : displayedValue}\n        label={\n          (props.label || singleValueDisplay) && (\n            <>\n              {props.label}\n              {singleValueDisplay as React.ReactNode}\n            </>\n          )\n        }\n        onChange={onInnerInputChange}\n        onClear={onInnerClear}\n        // [Important Info]: SelectInput.blur is not equal to Input, example: click popup panel\n        onFocus={(val, context) => {\n          props.onFocus?.(value, { ...context, inputValue: val });\n          // focus might not need to change input value. it will caught some curious errors in tree-select\n          // !popupVisible && setInputValue(getInputValue(value, keys), { ...context, trigger: 'input' });\n        }}\n        onEnter={(val, context) => {\n          props.onEnter?.(value, { ...context, inputValue: val });\n        }}\n        // onBlur need to triggered by input when popup panel is null\n        onBlur={!props.panel ? handleEmptyPanelBlur : null}\n        {...props.inputProps}\n        inputClass={classNames(props.inputProps?.className, {\n          [`t-input--focused`]: popupVisible,\n          [`t-is-focused`]: popupVisible\n        })}\n      ></Input>\n    );\n  };\n  return {\n    inputRef,\n    commonInputProps,\n    singleInputValue: inputValue,\n    onInnerClear,\n    renderSelectSingle\n  };\n}\n"],"names":["COMMON_PROPERTIES","DEFAULT_KEYS","label","value","getInputValue","keys","iKeys","isObject","useSingle","props","inputRef","useRef","_useControlled","useControlled","onInputChange","_useControlled2","_slicedToArray","inputValue","setInputValue","commonInputProps","_objectSpread","pick","suffixIcon","onInnerClear","context","_context$e","_props$onClear","e","stopPropagation","onClear","call","trigger","onInnerInputChange","allowInput","handleEmptyPanelBlur","_props$onBlur","onBlur","renderSelectSingle","popupVisible","_props$inputProps","singleValueDisplay","multiple","valueDisplay","displayedValue","React","createElement","Input","ref","autoWidth","placeholder","Fragment","onChange","onFocus","val","_props$onFocus","onEnter","_props$onEnter","panel","inputProps","inputClass","classNames","className","_defineProperty","singleInputValue"],"mappings":"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"}
+{"version":3,"file":"useSingle.js","sources":["../../../../components/select-input/hook/useSingle.tsx"],"sourcesContent":["import React, { useRef, MouseEvent } from \"react\";\nimport { isObject, pick } from \"lodash-es\";\nimport classNames from \"classnames\";\nimport { SelectInputCommonProperties } from \"../interface\";\nimport { TdSelectInputProps, SelectInputValueChangeContext } from \"../type\";\nimport Input, { InputRef, TdInputProps } from \"../../input\";\nimport useControlled from \"../../hooks/useControlled\";\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  \"size\",\n  \"prefixIcon\"\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<InputRef>(null);\n  const [inputValue, setInputValue] = useControlled(props, \"inputValue\", props.onInputChange);\n  const commonInputProps: SelectInputCommonProperties = {\n    ...pick(props, COMMON_PROPERTIES),\n    suffixIcon: props.suffixIcon\n  };\n\n  const onInnerClear = (context: { e: MouseEvent<SVGSVGElement> }) => {\n    context?.e?.stopPropagation();\n    props.onClear?.(context);\n    setInputValue(\"\", { trigger: \"clear\" });\n  };\n\n  const onInnerInputChange: TdInputProps[\"onChange\"] = (value, context) => {\n    if (props.allowInput) {\n      setInputValue(value, { ...context, trigger: \"input\" } as SelectInputValueChangeContext);\n    }\n  };\n\n  const handleEmptyPanelBlur = (value: string, { e }: { e: React.FocusEvent<HTMLInputElement> }) => {\n    props.onBlur?.(value, { e, inputValue: value });\n  };\n\n  const renderSelectSingle = (popupVisible: boolean) => {\n    const singleValueDisplay = !props.multiple ? props.valueDisplay : null;\n    const displayedValue = popupVisible && props.allowInput ? inputValue : getInputValue(value, keys);\n    return (\n      <Input\n        ref={inputRef as unknown as React.Ref<HTMLInputElement>}\n        {...commonInputProps}\n        autoWidth={props.autoWidth}\n        placeholder={props.placeholder}\n        value={singleValueDisplay ? \" \" : displayedValue}\n        label={\n          (props.label || singleValueDisplay) && (\n            <>\n              {props.label}\n              {singleValueDisplay as React.ReactNode}\n            </>\n          )\n        }\n        onChange={onInnerInputChange}\n        onClear={onInnerClear}\n        // [Important Info]: SelectInput.blur is not equal to Input, example: click popup panel\n        onFocus={(val, context) => {\n          props.onFocus?.(value, { ...context, inputValue: val });\n          // focus might not need to change input value. it will caught some curious errors in tree-select\n          // !popupVisible && setInputValue(getInputValue(value, keys), { ...context, trigger: 'input' });\n        }}\n        onEnter={(val, context) => {\n          props.onEnter?.(value, { ...context, inputValue: val });\n        }}\n        // onBlur need to triggered by input when popup panel is null\n        onBlur={!props.panel ? handleEmptyPanelBlur : null}\n        {...props.inputProps}\n        inputClass={classNames(props.inputProps?.className, {\n          [`t-input--focused`]: popupVisible,\n          [`t-is-focused`]: popupVisible\n        })}\n      ></Input>\n    );\n  };\n  return {\n    inputRef,\n    commonInputProps,\n    singleInputValue: inputValue,\n    onInnerClear,\n    renderSelectSingle\n  };\n}\n"],"names":["COMMON_PROPERTIES","DEFAULT_KEYS","label","value","getInputValue","keys","iKeys","isObject","useSingle","props","inputRef","useRef","_useControlled","useControlled","onInputChange","_useControlled2","_slicedToArray","inputValue","setInputValue","commonInputProps","_objectSpread","pick","suffixIcon","onInnerClear","context","_context$e","_props$onClear","e","stopPropagation","onClear","call","trigger","onInnerInputChange","allowInput","handleEmptyPanelBlur","_props$onBlur","onBlur","renderSelectSingle","popupVisible","_props$inputProps","singleValueDisplay","multiple","valueDisplay","displayedValue","React","createElement","Input","ref","autoWidth","placeholder","Fragment","onChange","onFocus","val","_props$onFocus","onEnter","_props$onEnter","panel","inputProps","inputClass","classNames","className","_defineProperty","singleInputValue"],"mappings":"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"}

package/es/select-input/index.js

@@ -13,13 +13,14 @@ import '../_chunks/dep-DN7d1SzH.js';
 import '@tendaui/icons';
 import '../_chunks/dep-BRbJGDI9.js';
 import '../_chunks/dep-DRwijJcv.js';
-import '../_chunks/dep-DwWrhxkd.js';
-import '../_chunks/dep-D6YxJv-F.js';
+import '../_chunks/dep-grkSd2UB.js';
+import '../_chunks/dep-spxR0DG0.js';
 import '../_chunks/dep-DGvfel3I.js';
-import '../_chunks/dep-gy8uvBaS.js';
-import '../_chunks/dep-5U9UjDaf.js';
+import '../_chunks/dep-u1x3x6MJ.js';
+import '../config-provider/ConfigContext.js';
+import '../_chunks/dep--nQ-cjme.js';
 import 'dayjs';
-import '../_chunks/dep-CD_4-1Xb.js';
+import '../_chunks/dep-UHQn9biR.js';
 import '../config-provider/index.js';
 import '../config-provider/ConfigProvider.js';
 import '../input/InputGroup.js';
@@ -33,7 +34,7 @@ import '../tag/index.js';
 import '../tag/Tag.js';
 import '../_chunks/dep-zOZQ0R9g.js';
 import '../_chunks/dep-U1T8CQY9.js';
-import '../_chunks/dep-ByzdZjUR.js';
+import '../_chunks/dep-bWaVq_y3.js';
 import '../_chunks/dep-BP0-apUT.js';
 import 'hoist-non-react-statics';
 import '../tag/style/css.js';
@@ -43,7 +44,7 @@ import '../popup/index.js';
 import '../popup/Popup.js';
 import '../portal/Portal.js';
 import 'react-dom';
-import '../_chunks/dep-CkmtEv0Y.js';
+import '../_chunks/dep-B2D1svZy.js';
 import 'react-is';
 import '../_chunks/dep-C1XcmShP.js';
 import '../_chunks/dep-Ccktr_jk.js';

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

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

package/es/slider/Slider.js

@@ -1,15 +1,16 @@
 import { _ as _defineProperty } from '../_chunks/dep-Cwish4GD.js';
 import { _ as _typeof } from '../_chunks/dep-D-UKOauR.js';
 import { _ as _slicedToArray } from '../_chunks/dep-CzLhKWCf.js';
-import React, { useRef, useMemo } from 'react';
+import React__default, { useRef, useMemo } from 'react';
 import classNames from 'classnames';
 import { isNumber, isObject, isString, isFunction } from 'lodash-es';
-import { u as useConfig } from '../_chunks/dep-gy8uvBaS.js';
-import { u as useControlled } from '../_chunks/dep-DwWrhxkd.js';
+import { u as useConfig } from '../_chunks/dep-u1x3x6MJ.js';
+import { u as useControlled } from '../_chunks/dep-grkSd2UB.js';
 import { u as useDefaultProps } from '../_chunks/dep-DGvfel3I.js';
 import InputNumber from '../input-number/InputNumber.js';
 import SliderHandleButton from './SliderHandleButton.js';
-import '../_chunks/dep-5U9UjDaf.js';
+import '../config-provider/ConfigContext.js';
+import '../_chunks/dep--nQ-cjme.js';
 import 'dayjs';
 import '@tendaui/icons';
 import '../input/index.js';
@@ -17,8 +18,8 @@ import '../input/Input.js';
 import '../_chunks/dep-DN7d1SzH.js';
 import '../_chunks/dep-BRbJGDI9.js';
 import '../_chunks/dep-DRwijJcv.js';
-import '../_chunks/dep-D6YxJv-F.js';
-import '../_chunks/dep-CD_4-1Xb.js';
+import '../_chunks/dep-spxR0DG0.js';
+import '../_chunks/dep-UHQn9biR.js';
 import '../config-provider/index.js';
 import '../config-provider/ConfigProvider.js';
 import '../input/InputGroup.js';
@@ -30,15 +31,15 @@ import '../loading/Loading.js';
 import '../common/Portal.js';
 import 'react-dom';
 import '../loading/Gradient.js';
-import '../_chunks/dep-DQ6kXoi8.js';
+import '../_chunks/dep-DHWwZ2Nj.js';
 import '../_chunks/dep-PPA-yoAy.js';
 import '../_chunks/dep-DbVHGoUC.js';
 import '../loading/style/css.js';
 import '../button/style/css.js';
 import '../input-number/useInputNumber.js';
 import '../utils/log/index.js';
-import '../_chunks/dep-DTlQ2dCA.js';
-import '../_chunks/dep-ByzdZjUR.js';
+import '../_chunks/dep--qagmRQa.js';
+import '../_chunks/dep-bWaVq_y3.js';
 import '../_chunks/dep-BbeHB7S3.js';
 
 var logSet = /* @__PURE__ */new Set();
@@ -441,9 +442,10 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LEFT_NODE = 0;
 var RIGHT_NODE = 1;
-var Slider = /*#__PURE__*/React.forwardRef(function (originalProps, ref) {
+var Slider = /*#__PURE__*/React__default.forwardRef(function (originalProps, ref) {
   var _useConfig = useConfig(),
-    classPrefix = _useConfig.classPrefix;
+    classPrefix = _useConfig.classPrefix,
+    direction = _useConfig.direction;
   var props = useDefaultProps(originalProps, sliderDefaultProps);
   var disabled = props.disabled,
     inputNumberProps = props.inputNumberProps,
@@ -464,6 +466,7 @@ var Slider = /*#__PURE__*/React.forwardRef(function (originalProps, ref) {
     value = _useControlled2[0],
     internalOnChange = _useControlled2[1];
   var isVertical = layout === "vertical";
+  var isRtl = direction === "rtl";
   var renderValue = Array.isArray(value) ? value : [min, Math.min(max, value)];
   var start = (renderValue[LEFT_NODE] - min) / (max - min);
   var width = (renderValue[RIGHT_NODE] - renderValue[LEFT_NODE]) / (max - min);
@@ -516,8 +519,8 @@ var Slider = /*#__PURE__*/React.forwardRef(function (originalProps, ref) {
     }
     return result;
   }, [max, min, step]);
-  var startDirection = isVertical ? "bottom" : "left";
-  var stepDirection = isVertical ? "top" : "left";
+  var startDirection = isVertical ? "bottom" : isRtl ? "right" : "left";
+  var stepDirection = isVertical ? "top" : isRtl ? "right" : "left";
   var sizeKey = isVertical ? "height" : "width";
   var renderDots = isVertical ? dots.map(function (item) {
     return _objectSpread(_objectSpread({}, item), {}, {
@@ -541,7 +544,7 @@ var Slider = /*#__PURE__*/React.forwardRef(function (originalProps, ref) {
   var createInput = function createInput(nodeIndex) {
     var inputProps = _typeof(inputNumberProps) === "object" ? inputNumberProps : {};
     var currentValue = renderValue[nodeIndex];
-    return /* @__PURE__ */React.createElement(InputNumber, _objectSpread({
+    return /* @__PURE__ */React__default.createElement(InputNumber, _objectSpread({
       value: currentValue,
       onChange: function onChange(v) {
         if (typeof v !== "undefined") {
@@ -582,8 +585,15 @@ var Slider = /*#__PURE__*/React.forwardRef(function (originalProps, ref) {
     if (disabled || !sliderRef.current) return;
     var clientKey = isVertical ? "clientY" : "clientX";
     var sliderPositionInfo = sliderRef.current.getBoundingClientRect();
-    var sliderOffset = sliderPositionInfo[startDirection];
-    var position = (event[clientKey] - sliderOffset) / sliderPositionInfo[sizeKey] * (isVertical ? -1 : 1);
+    var position = 0;
+    if (isVertical) {
+      var sliderOffset = sliderPositionInfo[startDirection];
+      position = (event[clientKey] - sliderOffset) / sliderPositionInfo[sizeKey] * -1;
+    } else if (isRtl) {
+      position = (sliderPositionInfo.right - event[clientKey]) / sliderPositionInfo.width;
+    } else {
+      position = (event[clientKey] - sliderPositionInfo.left) / sliderPositionInfo.width;
+    }
     setPosition(position, nodeIndex);
   };
   var handleClickMarks = function handleClickMarks(event, value2) {
@@ -603,7 +613,7 @@ var Slider = /*#__PURE__*/React.forwardRef(function (originalProps, ref) {
       tipLabel = label.replace(/\$\{value\}/g, currentValue.toString());
     }
     if (isNumber(tipLabel) && precision) tipLabel = largeNumberToFixed(String(tipLabel), precision);
-    return /* @__PURE__ */React.createElement(SliderHandleButton, {
+    return /* @__PURE__ */React__default.createElement(SliderHandleButton, {
       toolTipProps: _objectSpread({
         content: tipLabel
       }, tooltipProps),
@@ -615,22 +625,22 @@ var Slider = /*#__PURE__*/React.forwardRef(function (originalProps, ref) {
       }
     });
   };
-  return /* @__PURE__ */React.createElement("div", {
+  return /* @__PURE__ */React__default.createElement("div", {
     style: _objectSpread({}, style),
     className: classNames("".concat(classPrefix, "-slider__container"), {
       "is-vertical": isVertical
     }),
     ref: ref
-  }, /* @__PURE__ */React.createElement("div", {
+  }, /* @__PURE__ */React__default.createElement("div", {
     ref: sliderRef,
     className: classNames("".concat(classPrefix, "-slider"), className, _defineProperty(_defineProperty(_defineProperty({}, "".concat(classPrefix, "-is-disabled"), disabled), "".concat(classPrefix, "-slider--vertical"), isVertical), "".concat(classPrefix, "-slider--with-input"), inputNumberProps)),
     onClick: onSliderChange
-  }, /* @__PURE__ */React.createElement("div", {
+  }, /* @__PURE__ */React__default.createElement("div", {
     className: classNames("".concat(classPrefix, "-slider__rail"))
-  }, /* @__PURE__ */React.createElement("div", {
+  }, /* @__PURE__ */React__default.createElement("div", {
     style: _defineProperty(_defineProperty({}, startDirection, numberToPercent(start)), sizeKey, numberToPercent(width)),
     className: classNames("".concat(classPrefix, "-slider__track"))
-  }), range ? createHandleButton(LEFT_NODE, _defineProperty({}, startDirection, numberToPercent(start))) : null, createHandleButton(RIGHT_NODE, _defineProperty({}, startDirection, numberToPercent(end))), /* @__PURE__ */React.createElement("div", {
+  }), range ? createHandleButton(LEFT_NODE, _defineProperty({}, startDirection, numberToPercent(start))) : null, createHandleButton(RIGHT_NODE, _defineProperty({}, startDirection, numberToPercent(end))), /* @__PURE__ */React__default.createElement("div", {
     className: "".concat(classPrefix, "-slider__stops")
   }, renderDots.map(function (_ref) {
     var position = _ref.position,
@@ -638,18 +648,18 @@ var Slider = /*#__PURE__*/React.forwardRef(function (originalProps, ref) {
     if (position === 0 || position === 1) {
       return null;
     }
-    return /* @__PURE__ */React.createElement("div", {
+    return /* @__PURE__ */React__default.createElement("div", {
       key: value2,
       style: _defineProperty({}, stepDirection, numberToPercent(position)),
       className: classNames("".concat(classPrefix, "-slider__stop"))
     });
-  })), /* @__PURE__ */React.createElement("div", {
+  })), /* @__PURE__ */React__default.createElement("div", {
     className: classNames("".concat(classPrefix, "-slider__mark"))
   }, renderDots.map(function (_ref2) {
     var position = _ref2.position,
       value2 = _ref2.value,
       label2 = _ref2.label;
-    return /* @__PURE__ */React.createElement("div", {
+    return /* @__PURE__ */React__default.createElement("div", {
       key: value2,
       onClick: function onClick(event) {
         return handleClickMarks(event, value2);
@@ -657,11 +667,11 @@ var Slider = /*#__PURE__*/React.forwardRef(function (originalProps, ref) {
       style: _defineProperty({}, stepDirection, numberToPercent(position)),
       className: classNames("".concat(classPrefix, "-slider__mark-text"))
     }, label2);
-  })))), inputNumberProps ? /* @__PURE__ */React.createElement("div", {
+  })))), inputNumberProps ? /* @__PURE__ */React__default.createElement("div", {
     className: classNames("".concat(classPrefix, "-slider__input-container"), {
       "is-vertical": isVertical
     })
-  }, range && createInput(LEFT_NODE), range && /* @__PURE__ */React.createElement("div", {
+  }, range && createInput(LEFT_NODE), range && /* @__PURE__ */React__default.createElement("div", {
     className: "".concat(classPrefix, "-slider__center-line")
   }), createInput(RIGHT_NODE)) : null);
 });