@tendaui/react 1.1.1

package/es/select-input/SelectInput.js

@@ -0,0 +1,202 @@
+import { _ as _defineProperty } from '../_chunks/dep-Cwish4GD.js';
+import React, { useMemo, useRef, useImperativeHandle } from 'react';
+import classNames from 'classnames';
+import useSingle from './hook/useSingle.js';
+import useMultiple from './hook/useMultiple.js';
+import { Popup } from '../popup/index.js';
+import { _ as _typeof } from '../_chunks/dep-D-UKOauR.js';
+import { _ as _slicedToArray } from '../_chunks/dep-CzLhKWCf.js';
+import { isFunction, isObject } from 'lodash-es';
+import { u as useControlled } from '../_chunks/dep-DwWrhxkd.js';
+import { u as useConfig } from '../_chunks/dep-u1x3x6MJ.js';
+import { u as useDefaultProps } from '../_chunks/dep-DGvfel3I.js';
+import '../input/index.js';
+import '../input/Input.js';
+import '../_chunks/dep-DN7d1SzH.js';
+import '@tendaui/icons';
+import '../_chunks/dep-0QH2Ee4R.js';
+import '../_chunks/dep-D6YxJv-F.js';
+import '../config-provider/ConfigContext.js';
+import '../input/InputGroup.js';
+import '../input/style/css.js';
+import '../tag-input/index.js';
+import '../tag-input/TagInput.js';
+import '../tag-input/hooks/useTagList.js';
+import '../_chunks/dep-CgyDw_YI.js';
+import '../tag/index.js';
+import '../tag/Tag.js';
+import '../_chunks/dep-U1T8CQY9.js';
+import '../_chunks/dep-bWaVq_y3.js';
+import '../_chunks/dep-BP0-apUT.js';
+import 'hoist-non-react-statics';
+import '../tag/style/css.js';
+import '../hooks/useDragSorter.js';
+import '../tag-input/style/css.js';
+import '../popup/Popup.js';
+import '../portal/Portal.js';
+import 'react-dom';
+import 'react-is';
+import '../_chunks/dep-C1XcmShP.js';
+import '@popperjs/core';
+import 'react-fast-compare';
+import 'react-transition-group';
+import '../_chunks/dep-BH5n5r1M.js';
+import '../popup/style/css.js';
+
+function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var MAX_POPUP_WIDTH = 1e3;
+function useOverlayInnerStyle(props, extra) {
+  var popupProps = props.popupProps,
+    autoWidth = props.autoWidth,
+    readonly = props.readonly,
+    disabled = props.disabled,
+    onPopupVisibleChange = props.onPopupVisibleChange,
+    allowInput = props.allowInput;
+  var _useControlled = useControlled(props, "popupVisible", onPopupVisibleChange),
+    _useControlled2 = _slicedToArray(_useControlled, 2),
+    innerPopupVisible = _useControlled2[0],
+    setInnerPopupVisible = _useControlled2[1];
+  var matchWidthFunc = function matchWidthFunc(triggerElement, popupElement) {
+    if (!triggerElement || !popupElement) {
+      return;
+    }
+    var prevDisplay = popupElement.style.display;
+    popupElement.style.display = "";
+    var overlayScrollWidth = popupElement.offsetWidth - popupElement.scrollWidth;
+    var width = popupElement.offsetWidth - overlayScrollWidth > triggerElement.offsetWidth ? popupElement.scrollWidth : triggerElement.offsetWidth - overlayScrollWidth;
+    if (prevDisplay === "none") {
+      popupElement.style.display = "none";
+    }
+    var otherOverlayInnerStyle = {};
+    if (popupProps && _typeof(popupProps.overlayInnerStyle) === "object" && !popupProps.overlayInnerStyle.width) {
+      otherOverlayInnerStyle = popupProps.overlayInnerStyle;
+    }
+    return _objectSpread$1({
+      width: "".concat(Math.min(width, MAX_POPUP_WIDTH), "px")
+    }, otherOverlayInnerStyle);
+  };
+  var onInnerPopupVisibleChange = function onInnerPopupVisibleChange(visible, context) {
+    if (disabled || readonly) {
+      return;
+    }
+    var newVisible = context.trigger === "trigger-element-click" && allowInput ? true : visible;
+    if (props.popupVisible !== newVisible) {
+      setInnerPopupVisible(newVisible, context);
+      if (!newVisible) {
+        var _extra$afterHidePopup;
+        extra === null || extra === void 0 || (_extra$afterHidePopup = extra.afterHidePopups) === null || _extra$afterHidePopup === void 0 || _extra$afterHidePopup.call(extra, context);
+      }
+    }
+  };
+  var tOverlayInnerStyle = useMemo(function () {
+    var result = {};
+    var overlayInnerStyle = (popupProps === null || popupProps === void 0 ? void 0 : popupProps.overlayInnerStyle) || {};
+    if (isFunction(overlayInnerStyle) || isObject(overlayInnerStyle) && overlayInnerStyle.width) {
+      result = overlayInnerStyle;
+    } else if (!autoWidth) {
+      result = matchWidthFunc;
+    }
+    return result;
+  }, [autoWidth, popupProps === null || popupProps === void 0 ? void 0 : popupProps.overlayInnerStyle]);
+  return {
+    tOverlayInnerStyle: tOverlayInnerStyle,
+    innerPopupVisible: innerPopupVisible,
+    onInnerPopupVisibleChange: onInnerPopupVisibleChange
+  };
+}
+
+var selectInputDefaultProps = {
+  allowInput: false,
+  autoWidth: false,
+  autofocus: false,
+  borderless: false,
+  clearable: false,
+  loading: false,
+  minCollapsedNum: 0,
+  multiple: false,
+  readonly: false,
+  reserveKeyword: false,
+  status: "default"
+};
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+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 SelectInput = /*#__PURE__*/React.forwardRef(function (originalProps, ref) {
+  var props = useDefaultProps(originalProps, selectInputDefaultProps);
+  var _useConfig = useConfig(),
+    prefix = _useConfig.classPrefix;
+  var selectInputRef = useRef(null);
+  var selectInputWrapRef = useRef(null);
+  var multiple = props.multiple,
+    value = props.value,
+    popupVisible = props.popupVisible,
+    popupProps = props.popupProps,
+    borderless = props.borderless,
+    disabled = props.disabled;
+  var _useSingle = useSingle(props),
+    commonInputProps = _useSingle.commonInputProps,
+    inputRef = _useSingle.inputRef,
+    singleInputValue = _useSingle.singleInputValue,
+    onInnerClear = _useSingle.onInnerClear,
+    renderSelectSingle = _useSingle.renderSelectSingle;
+  var _useMultiple = useMultiple(props),
+    tagInputRef = _useMultiple.tagInputRef,
+    multipleInputValue = _useMultiple.multipleInputValue,
+    renderSelectMultiple = _useMultiple.renderSelectMultiple;
+  var _useOverlayInnerStyle = useOverlayInnerStyle(props, {
+      afterHidePopups: onInnerBlur
+    }),
+    tOverlayInnerStyle = _useOverlayInnerStyle.tOverlayInnerStyle,
+    innerPopupVisible = _useOverlayInnerStyle.innerPopupVisible,
+    onInnerPopupVisibleChange = _useOverlayInnerStyle.onInnerPopupVisibleChange;
+  var popupClasses = classNames([props.className, "".concat(prefix, "-select-input"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefix, "-select-input--borderless"), borderless), "".concat(prefix, "-select-input--multiple"), multiple), "".concat(prefix, "-select-input--popup-visible"), popupVisible !== null && popupVisible !== void 0 ? popupVisible : innerPopupVisible), "".concat(prefix, "-select-input--empty"), value instanceof Array ? !value.length : !value)]);
+  useImperativeHandle(ref, function () {
+    return _objectSpread(_objectSpread(_objectSpread({}, selectInputRef.current || {}), inputRef.current || {}), tagInputRef.current || {});
+  });
+  var visibleProps = {
+    visible: popupVisible !== null && popupVisible !== void 0 ? popupVisible : innerPopupVisible
+  };
+  function onInnerBlur(ctx) {
+    var _props$onBlur;
+    var inputValue = props.multiple ? multipleInputValue : singleInputValue;
+    var params = {
+      e: ctx.e,
+      inputValue: inputValue
+    };
+    (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 || _props$onBlur.call(props, props.value, params);
+  }
+  var mainContent = /* @__PURE__ */React.createElement("div", {
+    className: popupClasses,
+    style: props.style
+  }, /* @__PURE__ */React.createElement(Popup, _objectSpread(_objectSpread(_objectSpread({
+    ref: selectInputRef,
+    trigger: (popupProps === null || popupProps === void 0 ? void 0 : popupProps.trigger) || "click",
+    placement: "bottom-left",
+    content: props.panel,
+    hideEmptyPopup: true,
+    onVisibleChange: onInnerPopupVisibleChange,
+    updateScrollTop: props.updateScrollTop
+  }, visibleProps), popupProps), {}, {
+    disabled: disabled,
+    overlayInnerStyle: tOverlayInnerStyle
+  }), multiple ? renderSelectMultiple({
+    commonInputProps: commonInputProps,
+    onInnerClear: onInnerClear,
+    popupVisible: visibleProps.visible,
+    allowInput: props.allowInput
+  }) : renderSelectSingle(visibleProps.visible)));
+  if (!props.tips) {
+    return mainContent;
+  }
+  return /* @__PURE__ */React.createElement("div", {
+    ref: selectInputWrapRef,
+    className: "t-select-input__wrap"
+  }, mainContent, props.tips && /* @__PURE__ */React.createElement("div", {
+    className: "t-input__tips t-input__tips--".concat(props.status || "normal")
+  }, props.tips));
+});
+SelectInput.displayName = "SelectInput";
+
+export { SelectInput as default };
+//# sourceMappingURL=SelectInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectInput.js","sources":["../../../components/select-input/hook/useOverlayInnerStyle.ts","../../../components/select-input/defaultProps.ts","../../../components/select-input/SelectInput.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { isObject, isFunction } from \"lodash-es\";\nimport useControlled from \"../../hooks/useControlled\";\nimport { TdSelectInputProps } from \"../type\";\nimport { TdPopupProps, PopupVisibleChangeContext } from \"../../popup\";\n\nexport type overlayStyleProps = Pick<\n  TdSelectInputProps,\n  | \"popupProps\"\n  | \"autoWidth\"\n  | \"readonly\"\n  | \"onPopupVisibleChange\"\n  | \"disabled\"\n  | \"allowInput\"\n  | \"popupVisible\"\n  | \"defaultPopupVisible\"\n>;\n\nconst MAX_POPUP_WIDTH = 1000;\n\nexport default function useOverlayInnerStyle(\n  props: overlayStyleProps,\n  extra?: {\n    afterHidePopups?: (ctx: PopupVisibleChangeContext) => void;\n  }\n) {\n  const { popupProps, autoWidth, readonly, disabled, onPopupVisibleChange, allowInput } = props;\n  const [innerPopupVisible, setInnerPopupVisible] = useControlled(props, \"popupVisible\", onPopupVisibleChange);\n  const matchWidthFunc = (triggerElement: HTMLElement, popupElement: HTMLElement) => {\n    if (!triggerElement || !popupElement) {\n      return;\n    }\n\n    const prevDisplay = popupElement.style.display;\n    popupElement.style.display = \"\";\n    const overlayScrollWidth = popupElement.offsetWidth - popupElement.scrollWidth;\n    const width =\n      popupElement.offsetWidth - overlayScrollWidth > triggerElement.offsetWidth\n        ? popupElement.scrollWidth\n        : triggerElement.offsetWidth - overlayScrollWidth;\n    if (prevDisplay === \"none\") {\n      popupElement.style.display = \"none\";\n    }\n    let otherOverlayInnerStyle: React.CSSProperties = {};\n    if (popupProps && typeof popupProps.overlayInnerStyle === \"object\" && !popupProps.overlayInnerStyle.width) {\n      otherOverlayInnerStyle = popupProps.overlayInnerStyle;\n    }\n    return {\n      width: `${Math.min(width, MAX_POPUP_WIDTH)}px`,\n      ...otherOverlayInnerStyle\n    };\n  };\n\n  const onInnerPopupVisibleChange = (visible: boolean, context: PopupVisibleChangeContext) => {\n    if (disabled || readonly) {\n      return;\n    }\n    // 如果点击触发元素（输入框）且为可输入状态，则继续显示下拉框\n    const newVisible = context.trigger === \"trigger-element-click\" && allowInput ? true : visible;\n    if (props.popupVisible !== newVisible) {\n      setInnerPopupVisible(newVisible, context);\n      if (!newVisible) {\n        extra?.afterHidePopups?.(context);\n      }\n    }\n  };\n  const tOverlayInnerStyle = useMemo(() => {\n    let result: TdPopupProps[\"overlayInnerStyle\"] = {};\n    const overlayInnerStyle = popupProps?.overlayInnerStyle || {};\n    if (isFunction(overlayInnerStyle) || (isObject(overlayInnerStyle) && overlayInnerStyle.width)) {\n      result = overlayInnerStyle;\n    } else if (!autoWidth) {\n      result = matchWidthFunc;\n    }\n    return result;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [autoWidth, popupProps?.overlayInnerStyle]);\n\n  return {\n    tOverlayInnerStyle,\n    innerPopupVisible,\n    onInnerPopupVisibleChange\n  };\n}\n","import { TdSelectInputProps } from \"./type\";\n\nexport const selectInputDefaultProps: TdSelectInputProps = {\n  allowInput: false,\n  autoWidth: false,\n  autofocus: false,\n  borderless: false,\n  clearable: false,\n  loading: false,\n  minCollapsedNum: 0,\n  multiple: false,\n  readonly: false,\n  reserveKeyword: false,\n  status: \"default\"\n};\n","import React, { useRef, useImperativeHandle } from \"react\";\nimport classNames from \"classnames\";\nimport useSingle from \"./hook/useSingle\";\nimport useMultiple from \"./hook/useMultiple\";\nimport Popup, { PopupRef, PopupVisibleChangeContext } from \"../popup\";\nimport useOverlayInnerStyle from \"./hook/useOverlayInnerStyle\";\nimport { TdSelectInputProps } from \"./type\";\nimport { StyledProps } from \"../common\";\nimport { selectInputDefaultProps } from \"./defaultProps\";\nimport useConfig from \"../hooks/useConfig\";\nimport useDefaultProps from \"../hooks/useDefaultProps\";\nimport { InputRef } from \"../input\";\n\nexport interface SelectInputProps extends TdSelectInputProps, StyledProps {\n  updateScrollTop?: (content: HTMLDivElement) => void;\n  options?: unknown[]; // 参数穿透options, 给SelectInput/SelectInput 自定义选中项呈现的内容和多选状态下设置折叠项内容\n}\n\nconst SelectInput = React.forwardRef<Partial<PopupRef & InputRef>, SelectInputProps>((originalProps, ref) => {\n  const props = useDefaultProps<SelectInputProps>(originalProps, selectInputDefaultProps);\n  const { classPrefix: prefix } = useConfig();\n  const selectInputRef = useRef<PopupRef>(null);\n  const selectInputWrapRef = useRef<HTMLElement>(null);\n  const { multiple, value, popupVisible, popupProps, borderless, disabled } = props;\n  const { commonInputProps, inputRef, singleInputValue, onInnerClear, renderSelectSingle } = useSingle(props);\n\n  const { tagInputRef, multipleInputValue, renderSelectMultiple } = useMultiple(props);\n  const { tOverlayInnerStyle, innerPopupVisible, onInnerPopupVisibleChange } = useOverlayInnerStyle(props, {\n    afterHidePopups: onInnerBlur\n  });\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  useImperativeHandle(ref, () => ({\n    ...(selectInputRef.current || {}),\n    ...(inputRef.current || {}),\n    ...(tagInputRef.current || {})\n  }));\n\n  // 浮层显示的受控与非受控\n  const visibleProps = { visible: popupVisible ?? innerPopupVisible };\n  function onInnerBlur(ctx: PopupVisibleChangeContext) {\n    const inputValue = props.multiple ? multipleInputValue : singleInputValue;\n    const params: Parameters<TdSelectInputProps[\"onBlur\"]>[1] = {\n      e: ctx.e,\n      inputValue\n    };\n    props.onBlur?.(props.value, params);\n  }\n  const mainContent = (\n    <div className={popupClasses} style={props.style}>\n      <Popup\n        ref={selectInputRef}\n        trigger={popupProps?.trigger || \"click\"}\n        placement=\"bottom-left\"\n        content={props.panel}\n        hideEmptyPopup={true}\n        onVisibleChange={onInnerPopupVisibleChange}\n        updateScrollTop={props.updateScrollTop}\n        {...visibleProps}\n        {...popupProps}\n        disabled={disabled}\n        overlayInnerStyle={tOverlayInnerStyle}\n      >\n        {multiple\n          ? renderSelectMultiple({\n              commonInputProps,\n              onInnerClear,\n              popupVisible: visibleProps.visible,\n              allowInput: props.allowInput\n            })\n          : renderSelectSingle(visibleProps.visible)}\n      </Popup>\n    </div>\n  );\n  if (!props.tips) {\n    return mainContent;\n  }\n\n  return (\n    <div ref={selectInputWrapRef as React.Ref<HTMLDivElement>} className={`t-select-input__wrap`}>\n      {mainContent}\n      {props.tips && <div className={`t-input__tips t-input__tips--${props.status || \"normal\"}`}>{props.tips}</div>}\n    </div>\n  );\n});\n\nSelectInput.displayName = \"SelectInput\";\n\nexport default SelectInput;\n"],"names":["MAX_POPUP_WIDTH","useOverlayInnerStyle","props","extra","popupProps","autoWidth","readonly","disabled","onPopupVisibleChange","allowInput","_useControlled","useControlled","_useControlled2","_slicedToArray","innerPopupVisible","setInnerPopupVisible","matchWidthFunc","triggerElement","popupElement","prevDisplay","style","display","overlayScrollWidth","offsetWidth","scrollWidth","width","otherOverlayInnerStyle","_typeof","overlayInnerStyle","_objectSpread","Math","min","onInnerPopupVisibleChange","visible","context","newVisible","trigger","popupVisible","_extra$afterHidePopup","afterHidePopups","call","tOverlayInnerStyle","useMemo","result","isFunction","isObject","selectInputDefaultProps","autofocus","borderless","clearable","loading","minCollapsedNum","multiple","reserveKeyword","status","SelectInput","React","forwardRef","originalProps","ref","useDefaultProps","_useConfig","useConfig","prefix","classPrefix","selectInputRef","useRef","selectInputWrapRef","value","_useSingle","useSingle","commonInputProps","inputRef","singleInputValue","onInnerClear","renderSelectSingle","_useMultiple","useMultiple","tagInputRef","multipleInputValue","renderSelectMultiple","_useOverlayInnerStyle","onInnerBlur","popupClasses","classNames","className","concat","_defineProperty","Array","length","useImperativeHandle","current","visibleProps","ctx","_props$onBlur","inputValue","params","e","onBlur","mainContent","createElement","Popup","placement","content","panel","hideEmptyPopup","onVisibleChange","updateScrollTop","tips","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,IAAMA,eAAA,GAAkB,GAAA;AAExB,SAAwBC,oBAAAA,CACtBC,OACAC,KAAA,EAGA;AACA,EAAA,IAAQC,UAAA,GAAgFF,KAAA,CAAhFE,UAAA;IAAYC,SAAA,GAAoEH,KAAA,CAApEG,SAAA;IAAWC,WAAyDJ,KAAA,CAAzDI;IAAUC,QAAA,GAA+CL,KAAA,CAA/CK,QAAA;IAAUC,oBAAA,GAAqCN,KAAA,CAArCM,oBAAA;IAAsBC,aAAeP,KAAA,CAAfO;EACzE,IAAAC,cAAA,GAAkDC,aAAA,CAAcT,KAAA,EAAO,gBAAgBM,oBAAoB,CAAA;IAAAI,eAAA,GAAAC,cAAA,CAAAH,cAAA,EAAA,CAAA,CAAA;AAApGI,IAAAA,iBAAA,GAAAF,eAAA,CAAA,CAAA,CAAA;AAAmBG,IAAAA,oBAAoB,GAAAH,eAAA,CAAA,CAAA,CAAA;EAC9C,IAAMI,cAAA,GAAiB,SAAjBA,cAAAA,CAAkBC,cAAA,EAA6BC,YAAA,EAA8B;AACjF,IAAA,IAAI,CAACD,cAAA,IAAkB,CAACC,YAAA,EAAc;AACpC,MAAA;AACF,IAAA;AAEA,IAAA,IAAMC,WAAA,GAAcD,aAAaE,KAAA,CAAMC,OAAA;AACvCH,IAAAA,YAAA,CAAaE,MAAMC,OAAA,GAAU,EAAA;IAC7B,IAAMC,kBAAA,GAAqBJ,YAAA,CAAaK,WAAA,GAAcL,YAAA,CAAaM,WAAA;IACnE,IAAMC,KAAA,GACJP,aAAaK,WAAA,GAAcD,kBAAA,GAAqBL,eAAeM,WAAA,GAC3DL,YAAA,CAAaM,WAAA,GACbP,cAAA,CAAeM,WAAA,GAAcD,kBAAA;IACnC,IAAIH,gBAAgB,MAAA,EAAQ;AAC1BD,MAAAA,YAAA,CAAaE,MAAMC,OAAA,GAAU,MAAA;AAC/B,IAAA;IACA,IAAIK,yBAA8C,EAAC;AACnD,IAAA,IAAItB,UAAA,IAAcuB,OAAA,CAAOvB,UAAA,CAAWwB,iBAAA,CAAA,KAAsB,YAAY,CAACxB,UAAA,CAAWwB,kBAAkBH,KAAA,EAAO;MACzGC,sBAAA,GAAyBtB,UAAA,CAAWwB,iBAAA;AACtC,IAAA;AACA,IAAA,OAAAC,eAAA,CAAA;MACEJ,iBAAUK,IAAA,CAAKC,GAAA,CAAIN,KAAA,EAAOzB,eAAe,CAAC,EAAA,IAAA;AAAA,KAAA,EACvC0B,sBAAA,CAAA;EAEP,CAAA;EAEA,IAAMM,yBAAA,GAA4B,SAA5BA,yBAAAA,CAA6BC,OAAA,EAAkBC,OAAA,EAAuC;IAC1F,IAAI3B,YAAYD,QAAA,EAAU;AACxB,MAAA;AACF,IAAA;AAEA,IAAA,IAAM6B,UAAA,GAAaD,OAAA,CAAQE,OAAA,KAAY,uBAAA,IAA2B3B,aAAa,IAAA,GAAOwB,OAAA;AACtF,IAAA,IAAI/B,KAAA,CAAMmC,iBAAiBF,UAAA,EAAY;AACrCpB,MAAAA,oBAAA,CAAqBoB,YAAYD,OAAO,CAAA;MACxC,IAAI,CAACC,UAAA,EAAY;AAAA,QAAA,IAAAG,qBAAA;AACfnC,QAAAA,KAAA,aAAAA,KAAA,KAAA,KAAA,CAAA,IAAA,CAAAmC,qBAAA,GAAAnC,KAAA,CAAOoC,iEAAPD,qBAAA,CAAAE,IAAA,CAAArC,KAAA,EAAyB+B,OAAO,CAAA;AAClC,MAAA;AACF,IAAA;EACF,CAAA;AACA,EAAA,IAAMO,kBAAA,GAAqBC,QAAQ,YAAM;IACvC,IAAIC,SAA4C,EAAC;AACjD,IAAA,IAAMf,iBAAA,GAAoB,CAAAxB,UAAA,KAAA,IAAA,IAAAA,UAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,UAAA,CAAYwB,iBAAA,KAAqB,EAAC;AAC5D,IAAA,IAAIgB,WAAWhB,iBAAiB,CAAA,IAAMiB,SAASjB,iBAAiB,CAAA,IAAKA,kBAAkBH,KAAA,EAAQ;AAC7FkB,MAAAA,MAAA,GAASf,iBAAA;AACX,IAAA,CAAA,MAAA,IAAW,CAACvB,SAAA,EAAW;AACrBsC,MAAAA,MAAA,GAAS3B,cAAA;AACX,IAAA;AACA,IAAA,OAAO2B,MAAA;AAET,EAAA,CAAA,EAAG,CAACtC,SAAA,EAAWD,UAAA,KAAA,IAAA,IAAAA,UAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,UAAA,CAAYwB,iBAAiB,CAAC,CAAA;EAE7C,OAAO;AACLa,IAAAA,kBAAA,EAAAA,kBAAA;AACA3B,IAAAA,iBAAA,EAAAA,iBAAA;AACAkB,IAAAA,yBAAA,EAAAA;GACF;AACF;;ACjFO,IAAMc,uBAAA,GAA8C;AACzDrC,EAAAA,UAAA,EAAY,KAAA;AACZJ,EAAAA,SAAA,EAAW,KAAA;AACX0C,EAAAA,SAAA,EAAW,KAAA;AACXC,EAAAA,UAAA,EAAY,KAAA;AACZC,EAAAA,SAAA,EAAW,KAAA;AACXC,EAAAA,OAAA,EAAS,KAAA;AACTC,EAAAA,eAAA,EAAiB,CAAA;AACjBC,EAAAA,QAAA,EAAU,KAAA;AACV9C,EAAAA,QAAA,EAAU,KAAA;AACV+C,EAAAA,cAAA,EAAgB,KAAA;AAChBC,EAAAA,MAAA,EAAQ;AACV,CAAA;;;;ACIA,IAAMC,WAAA,gBAAcC,KAAA,CAAMC,UAAA,CAA2D,UAACC,eAAeC,GAAA,EAAQ;AAC3G,EAAA,IAAMzD,KAAA,GAAQ0D,eAAA,CAAkCF,aAAA,EAAeZ,uBAAuB,CAAA;AACtF,EAAA,IAAAe,UAAA,GAAgCC,SAAA,EAAU;IAArBC,MAAA,GAAAF,UAAA,CAAbG,WAAA;AACR,EAAA,IAAMC,cAAA,GAAiBC,OAAiB,IAAI,CAAA;AAC5C,EAAA,IAAMC,kBAAA,GAAqBD,OAAoB,IAAI,CAAA;AACnD,EAAA,IAAQd,QAAA,GAAoElD,KAAA,CAApEkD,QAAA;IAAUgB,KAAA,GAA0DlE,KAAA,CAA1DkE,KAAA;IAAO/B,eAAmDnC,KAAA,CAAnDmC;IAAcjC,UAAA,GAAqCF,KAAA,CAArCE,UAAA;IAAY4C,UAAA,GAAyB9C,KAAA,CAAzB8C,UAAA;IAAYzC,WAAaL,KAAA,CAAbK;AAC/D,EAAA,IAAA8D,UAAA,GAA2FC,UAAUpE,KAAK,CAAA;IAAlGqE,8BAAAA;IAAkBC,QAAA,GAAAH,UAAA,CAAAG,QAAA;IAAUC,gBAAA,GAAAJ,UAAA,CAAAI,gBAAA;IAAkBC,0BAAAA;IAAcC,kBAAA,GAAAN,UAAA,CAAAM,kBAAA;AAEpE,EAAA,IAAAC,YAAA,GAAkEC,YAAY3E,KAAK,CAAA;IAA3E4E,WAAA,GAAAF,YAAA,CAAAE,WAAA;IAAaC,kBAAA,GAAAH,YAAA,CAAAG,kBAAA;IAAoBC,oBAAA,GAAAJ,YAAA,CAAAI,oBAAA;AACzC,EAAA,IAAAC,qBAAA,GAA6EhF,qBAAqBC,KAAA,EAAO;AACvGqC,MAAAA,eAAA,EAAiB2C;AACnB,KAAC,CAAA;IAFOzC,kBAAA,GAAAwC,qBAAA,CAAAxC,kBAAA;IAAoB3B,iBAAA,GAAAmE,qBAAA,CAAAnE,iBAAA;IAAmBkB,yBAAA,GAAAiD,qBAAA,CAAAjD,yBAAA;AAI/C,EAAA,IAAMmD,eAAeC,UAAA,CAAW,CAC9BlF,KAAA,CAAMmF,SAAA,EAAA,EAAA,CAAAC,MAAA,CACHvB,MAAM,EAAA,eAAA,CAAA,EAAAwB,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAA,EAAA,EAAA,EAAA,CAAAD,MAAA,CAEHvB,MAAM,EAAA,2BAAA,CAAA,EAA8Bf,UAAA,CAAA,EAAA,EAAA,CAAAsC,MAAA,CACpCvB,MAAM,EAAA,yBAAA,CAAA,EAA4BX,QAAA,CAAA,EAAA,EAAA,CAAAkC,MAAA,CAClCvB,MAAM,EAAA,8BAAA,CAAA,EAAiC1B,YAAA,KAAA,IAAA,IAAAA,YAAA,KAAA,KAAA,CAAA,GAAAA,YAAA,GAAgBvB,iBAAA,CAAA,EAAA,EAAA,CAAAwE,MAAA,CACvDvB,MAAM,EAAA,sBAAA,CAAA,EAAyBK,iBAAiBoB,KAAA,GAAQ,CAACpB,KAAA,CAAMqB,MAAA,GAAS,CAACrB,KAAA,EAEhF,CAAA;EACDsB,mBAAA,CAAoB/B,KAAK,YAAA;IAAA,OAAA9B,aAAA,CAAAA,aAAA,CAAAA,aAAA,KACnBoC,cAAA,CAAe0B,OAAA,IAAW,EAAC,GAC3BnB,QAAA,CAASmB,OAAA,IAAW,EAAC,CAAA,EACrBb,WAAA,CAAYa,OAAA,IAAW,EAAC,CAAA;AAAA,EAAA,CAC5B,CAAA;AAGF,EAAA,IAAMC,YAAA,GAAe;AAAE3D,IAAAA,OAAA,EAASI,YAAA,KAAA,IAAA,IAAAA,YAAA,KAAA,KAAA,CAAA,GAAAA,YAAA,GAAgBvB;GAAkB;EAClE,SAASoE,YAAYW,GAAA,EAAgC;AAAA,IAAA,IAAAC,aAAA;IACnD,IAAMC,UAAA,GAAa7F,KAAA,CAAMkD,QAAA,GAAW2B,kBAAA,GAAqBN,gBAAA;AACzD,IAAA,IAAMuB,MAAA,GAAsD;MAC1DC,GAAGJ,GAAA,CAAII,CAAA;AACPF,MAAAA,UAAA,EAAAA;KACF;AACA,IAAA,CAAAD,aAAA,GAAA5F,KAAA,CAAMgG,MAAA,MAAA,IAAA,IAAAJ,aAAA,KAAA,KAAA,CAAA,IAANA,aAAA,CAAAtD,IAAA,CAAAtC,KAAA,EAAeA,KAAA,CAAMkE,KAAA,EAAO4B,MAAM,CAAA;AACpC,EAAA;EACA,IAAMG,6BACJ3C,KAAA,CAAA4C,aAAA,CAAC,KAAA,EAAA;AAAIf,IAAAA,WAAWF,YAAA;IAAc/D,KAAA,EAAOlB,MAAMkB;AAAA,GAAA,iBACzCoC,KAAA,CAAA4C,aAAA,CAACC,KAAA,EAAAxE,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACC8B,IAAAA,GAAA,EAAKM,cAAA;IACL7B,OAAA,EAAS,CAAAhC,uBAAAA,iCAAAA,WAAYgC,OAAA,KAAW,OAAA;AAChCkE,IAAAA,SAAA,EAAU,aAAA;IACVC,SAASrG,KAAA,CAAMsG,KAAA;AACfC,IAAAA,cAAA,EAAgB,IAAA;AAChBC,IAAAA,eAAA,EAAiB1E,yBAAA;IACjB2E,iBAAiBzG,KAAA,CAAMyG;GAAA,EACnBf,YAAA,GACAxF,UAAA,CAAA,EAAA,EAAA,EAAA;AACJG,IAAAA,QAAA,EAAAA,QAAA;AACAqB,IAAAA,iBAAA,EAAmBa;GAAA,CAAA,EAElBW,WACG4B,oBAAA,CAAqB;AACnBT,IAAAA,gBAAA,EAAAA,gBAAA;AACAG,IAAAA,YAAA,EAAAA,YAAA;IACArC,cAAcuD,YAAA,CAAa3D,OAAA;IAC3BxB,YAAYP,KAAA,CAAMO;GACnB,CAAA,GACDkE,kBAAA,CAAmBiB,YAAA,CAAa3D,OAAO,CAC7C,CACF,CAAA;AAEF,EAAA,IAAI,CAAC/B,MAAM0G,IAAA,EAAM;AACf,IAAA,OAAOT,WAAA;AACT,EAAA;AAEA,EAAA,0CACG,KAAA,EAAA;AAAIxC,IAAAA,GAAA,EAAKQ;IAAiDkB,SAAA,EAAA;AAAW,GAAA,EACnEc,aACAjG,KAAA,CAAM0G,IAAA,uCAAS,KAAA,EAAA;AAAIvB,IAAAA,SAAA,kCAAAC,MAAA,CAA2CpF,KAAA,CAAMoD,MAAA,IAAU,QAAQ;AAAA,GAAA,EAAKpD,KAAA,CAAM0G,IAAK,CACzG,CAAA;AAEJ,CAAC;AAEDrD,WAAA,CAAYsD,WAAA,GAAc,aAAA;;;;"}

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

@@ -0,0 +1,118 @@
+import { _ as _defineProperty } from '../../_chunks/dep-Cwish4GD.js';
+import { _ as _slicedToArray } from '../../_chunks/dep-CzLhKWCf.js';
+import React, { 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-u1x3x6MJ.js';
+import '../../_chunks/dep-D-UKOauR.js';
+import '../../tag-input/TagInput.js';
+import '@tendaui/icons';
+import '../../input/index.js';
+import '../../input/Input.js';
+import '../../_chunks/dep-DN7d1SzH.js';
+import '../../_chunks/dep-0QH2Ee4R.js';
+import '../../_chunks/dep-D6YxJv-F.js';
+import '../../_chunks/dep-DGvfel3I.js';
+import '../../config-provider/ConfigContext.js';
+import '../../input/InputGroup.js';
+import '../../input/style/css.js';
+import '../../tag-input/hooks/useTagList.js';
+import '../../_chunks/dep-CgyDw_YI.js';
+import '../../tag/index.js';
+import '../../tag/Tag.js';
+import '../../_chunks/dep-U1T8CQY9.js';
+import '../../_chunks/dep-bWaVq_y3.js';
+import '../../_chunks/dep-BP0-apUT.js';
+import 'hoist-non-react-statics';
+import '../../tag/style/css.js';
+import '../../hooks/useDragSorter.js';
+import '../../tag-input/style/css.js';
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+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 DEFAULT_KEYS = {
+  label: "label",
+  key: "key",
+  children: "children"
+};
+function useMultiple(props) {
+  var value = props.value;
+  var _useConfig = useConfig(),
+    classPrefix = _useConfig.classPrefix;
+  var tagInputRef = useRef(null);
+  var _useControlled = useControlled(props, "inputValue", props.onInputChange),
+    _useControlled2 = _slicedToArray(_useControlled, 2),
+    tInputValue = _useControlled2[0],
+    setTInputValue = _useControlled2[1];
+  var iKeys = _objectSpread(_objectSpread({}, DEFAULT_KEYS), props.keys);
+  var getTags = function getTags() {
+    if (!(value instanceof Array)) {
+      if (["", null, void 0].includes(String(value))) return [];
+      return isObject(value) ? [value[iKeys.label]] : [value];
+    }
+    return value.map(function (item) {
+      return isObject(item) ? item[iKeys.label] : item;
+    });
+  };
+  var tags = getTags();
+  var tPlaceholder = !tags || !tags.length ? props.placeholder : "";
+  var onTagInputChange = function onTagInputChange(val, context) {
+    var _props$onTagChange;
+    if (context.trigger === "tag-remove") {
+      var _context$e;
+      (_context$e = context.e) === null || _context$e === void 0 || _context$e.stopPropagation();
+    }
+    (_props$onTagChange = props.onTagChange) === null || _props$onTagChange === void 0 || _props$onTagChange.call(props, val, context);
+  };
+  var renderSelectMultiple = function renderSelectMultiple(p) {
+    var _props$tagInputProps;
+    return /* @__PURE__ */React.createElement(TagInput, _objectSpread(_objectSpread(_objectSpread({
+      ref: tagInputRef
+    }, p.commonInputProps), {}, {
+      autoWidth: props.autoWidth,
+      readonly: props.readonly,
+      minCollapsedNum: props.minCollapsedNum,
+      collapsedItems: props.collapsedItems,
+      tag: props.tag,
+      valueDisplay: props.valueDisplay,
+      placeholder: tPlaceholder,
+      options: props.options,
+      value: tags,
+      inputValue: p.popupVisible && p.allowInput ? tInputValue : "",
+      onChange: onTagInputChange,
+      onInputChange: function onInputChange(val, context) {
+        if ((context === null || context === void 0 ? void 0 : context.trigger) === "enter" || (context === null || context === void 0 ? void 0 : context.trigger) === "blur") return;
+        setTInputValue(val, {
+          trigger: context.trigger,
+          e: context.e
+        });
+      },
+      tagProps: props.tagProps,
+      onClear: p.onInnerClear,
+      onFocus: function onFocus(val, context) {
+        var _props$onFocus;
+        (_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 || _props$onFocus.call(props, props.value, _objectSpread(_objectSpread({}, context), {}, {
+          tagInputValue: val
+        }));
+      },
+      onBlur: !props.panel ? props.onBlur : null
+    }, props.tagInputProps), {}, {
+      inputProps: _objectSpread(_objectSpread({}, props.inputProps), {}, {
+        readonly: !props.allowInput || props.readonly,
+        inputClass: classNames((_props$tagInputProps = props.tagInputProps) === null || _props$tagInputProps === void 0 ? void 0 : _props$tagInputProps.className, _defineProperty(_defineProperty({}, "".concat(classPrefix, "-input--focused"), p.popupVisible), "".concat(classPrefix, "-is-focused"), p.popupVisible))
+      })
+    }));
+  };
+  return {
+    tags: tags,
+    tPlaceholder: tPlaceholder,
+    tagInputRef: tagInputRef,
+    multipleInputValue: tInputValue,
+    renderSelectMultiple: renderSelectMultiple
+  };
+}
+
+export { useMultiple as default };
+//# sourceMappingURL=useMultiple.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,105 @@
+import { _ as _defineProperty } from '../../_chunks/dep-Cwish4GD.js';
+import { _ as _slicedToArray } from '../../_chunks/dep-CzLhKWCf.js';
+import React, { 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 '../../_chunks/dep-D-UKOauR.js';
+import '../../input/Input.js';
+import '../../_chunks/dep-DN7d1SzH.js';
+import '@tendaui/icons';
+import '../../_chunks/dep-0QH2Ee4R.js';
+import '../../_chunks/dep-D6YxJv-F.js';
+import '../../_chunks/dep-DGvfel3I.js';
+import '../../_chunks/dep-u1x3x6MJ.js';
+import '../../config-provider/ConfigContext.js';
+import '../../input/InputGroup.js';
+import '../../input/style/css.js';
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+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 COMMON_PROPERTIES = ["status", "clearable", "disabled", "label", "placeholder", "readonly", "suffix", "suffixIcon", "onPaste", "onEnter", "onMouseenter", "onMouseleave", "size", "prefixIcon"];
+var DEFAULT_KEYS = {
+  label: "label",
+  value: "value"
+};
+function getInputValue(value, keys) {
+  var iKeys = keys || DEFAULT_KEYS;
+  return isObject(value) ? value[iKeys.label] : value;
+}
+function useSingle(props) {
+  var value = props.value,
+    keys = props.keys;
+  var inputRef = useRef(null);
+  var _useControlled = useControlled(props, "inputValue", props.onInputChange),
+    _useControlled2 = _slicedToArray(_useControlled, 2),
+    inputValue = _useControlled2[0],
+    setInputValue = _useControlled2[1];
+  var commonInputProps = _objectSpread(_objectSpread({}, pick(props, COMMON_PROPERTIES)), {}, {
+    suffixIcon: props.suffixIcon
+  });
+  var onInnerClear = function onInnerClear(context) {
+    var _context$e, _props$onClear;
+    context === null || context === void 0 || (_context$e = context.e) === null || _context$e === void 0 || _context$e.stopPropagation();
+    (_props$onClear = props.onClear) === null || _props$onClear === void 0 || _props$onClear.call(props, context);
+    setInputValue("", {
+      trigger: "clear"
+    });
+  };
+  var onInnerInputChange = function onInnerInputChange(value2, context) {
+    if (props.allowInput) {
+      setInputValue(value2, _objectSpread(_objectSpread({}, context), {}, {
+        trigger: "input"
+      }));
+    }
+  };
+  var handleEmptyPanelBlur = function handleEmptyPanelBlur(value2, _ref) {
+    var _props$onBlur;
+    var e = _ref.e;
+    (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 || _props$onBlur.call(props, value2, {
+      e: e,
+      inputValue: value2
+    });
+  };
+  var renderSelectSingle = function renderSelectSingle(popupVisible) {
+    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({
+      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),
+      onChange: onInnerInputChange,
+      onClear: onInnerClear,
+      onFocus: function onFocus(val, context) {
+        var _props$onFocus;
+        (_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 || _props$onFocus.call(props, value, _objectSpread(_objectSpread({}, context), {}, {
+          inputValue: val
+        }));
+      },
+      onEnter: function onEnter(val, context) {
+        var _props$onEnter;
+        (_props$onEnter = props.onEnter) === null || _props$onEnter === void 0 || _props$onEnter.call(props, value, _objectSpread(_objectSpread({}, context), {}, {
+          inputValue: val
+        }));
+      },
+      onBlur: !props.panel ? handleEmptyPanelBlur : null
+    }, props.inputProps), {}, {
+      inputClass: classNames((_props$inputProps = props.inputProps) === null || _props$inputProps === void 0 ? void 0 : _props$inputProps.className, _defineProperty(_defineProperty({}, "t-input--focused", popupVisible), "t-is-focused", popupVisible))
+    }));
+  };
+  return {
+    inputRef: inputRef,
+    commonInputProps: commonInputProps,
+    singleInputValue: inputValue,
+    onInnerClear: onInnerClear,
+    renderSelectSingle: renderSelectSingle
+  };
+}
+
+export { useSingle as default };
+//# sourceMappingURL=useSingle.js.map

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

@@ -0,0 +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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"}

package/es/select-input/index.js

@@ -0,0 +1,51 @@
+import SelectInput$1 from './SelectInput.js';
+import './style/css.js';
+import '../_chunks/dep-Cwish4GD.js';
+import '../_chunks/dep-D-UKOauR.js';
+import 'react';
+import 'classnames';
+import './hook/useSingle.js';
+import '../_chunks/dep-CzLhKWCf.js';
+import 'lodash-es';
+import '../input/index.js';
+import '../input/Input.js';
+import '../_chunks/dep-DN7d1SzH.js';
+import '@tendaui/icons';
+import '../_chunks/dep-0QH2Ee4R.js';
+import '../_chunks/dep-DwWrhxkd.js';
+import '../_chunks/dep-D6YxJv-F.js';
+import '../_chunks/dep-DGvfel3I.js';
+import '../_chunks/dep-u1x3x6MJ.js';
+import '../config-provider/ConfigContext.js';
+import '../input/InputGroup.js';
+import '../input/style/css.js';
+import './hook/useMultiple.js';
+import '../tag-input/index.js';
+import '../tag-input/TagInput.js';
+import '../tag-input/hooks/useTagList.js';
+import '../_chunks/dep-CgyDw_YI.js';
+import '../tag/index.js';
+import '../tag/Tag.js';
+import '../_chunks/dep-U1T8CQY9.js';
+import '../_chunks/dep-bWaVq_y3.js';
+import '../_chunks/dep-BP0-apUT.js';
+import 'hoist-non-react-statics';
+import '../tag/style/css.js';
+import '../hooks/useDragSorter.js';
+import '../tag-input/style/css.js';
+import '../popup/index.js';
+import '../popup/Popup.js';
+import '../portal/Portal.js';
+import 'react-dom';
+import 'react-is';
+import '../_chunks/dep-C1XcmShP.js';
+import '@popperjs/core';
+import 'react-fast-compare';
+import 'react-transition-group';
+import '../_chunks/dep-BH5n5r1M.js';
+import '../popup/style/css.js';
+
+var SelectInput = SelectInput$1;
+
+export { SelectInput, SelectInput as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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;;;;"}

package/es/select-input/style/css.js

@@ -0,0 +1 @@
+import "./index.css";

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

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/space/index.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=index.js.map

package/es/space/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}