@koi-design/uxd-ui 13.2.6 → 13.2.8

package/es/components/Select/Selection/MultipleBase.mjs

@@ -0,0 +1,306 @@
+import { isVNode, createVNode, mergeProps, Fragment, resolveComponent, createTextVNode, defineComponent } from 'vue';
+import { UIcon } from '../../Icon/index.mjs';
+import { UPopover } from '../../Popover/index.mjs';
+import { URoundClose } from '@koi-design/uxd-icon';
+import ResizeObserver from '../../base/ResizeObserver.mjs';
+import { getRender } from '../../../utils/slots.mjs';
+import useMultipleBase, { REST_TAG_KEY } from '../hooks/useMultipleBase.mjs';
+import SelectInput from './Input.mjs';
+
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const defaultMaxTagPlaceholder = (ommittedValus) => `+ ${ommittedValus.length}...`;
+const multipleBaseProps = {
+  prefixCls: {
+    type: String
+  },
+  values: {
+    type: Array,
+    default: () => []
+  },
+  searchValue: {
+    type: String
+  },
+  filterable: {
+    type: Boolean,
+    default: false
+  },
+  disabled: {
+    type: Boolean,
+    default: void 0
+  },
+  open: {
+    type: Boolean,
+    default: void 0
+  },
+  inputRef: {
+    type: Function
+  },
+  tagTransitionName: {
+    type: String
+  },
+  maxTagCount: {
+    type: Number
+  },
+  maxTagTextLength: {
+    type: [Number, String]
+  },
+  maxTagPlaceholder: {
+    type: Function,
+    default: defaultMaxTagPlaceholder
+  },
+  maxTagTooltip: {
+    type: Boolean,
+    default: false
+  },
+  maxTagTooltipWidth: {
+    type: Number,
+    default: 99900
+  },
+  tagRender: {
+    type: Function
+  },
+  removeIcon: {
+    type: [String, Object]
+  },
+  isShowTagTooltip: {
+    type: Boolean,
+    default: false
+  },
+  popoverProps: {
+    type: Object,
+    default: () => ({})
+  },
+  itemWidth: {
+    type: Number,
+    default: 10
+  },
+  containerWrapperWidth: {
+    type: [Number, null],
+    default: null
+  },
+  enableOverflow: {
+    type: Boolean,
+    default: false
+  }
+};
+const multipleBaseEmits = ["select", "input-mousedown", "input-change", "input-keydown", "input-compositionstart", "input-compositionend", "input-paste"];
+function renderSelectionItem(item, props, {
+  prefixCls,
+  isNotRender,
+  closable,
+  onClose,
+  values,
+  displayRest
+}) {
+  const {
+    tagRender,
+    removeIcon,
+    maxTagTooltip,
+    maxTagTooltipWidth,
+    popoverProps,
+    isShowTagTooltip
+  } = props;
+  if (isNotRender) {
+    const content = createVNode("span", {
+      "class": {
+        [`${item.class}`]: item.class,
+        [`${prefixCls}-selection-item`]: true,
+        [`${prefixCls}-selection-item-disabled`]: item.disabled
+      }
+    }, [item.key === REST_TAG_KEY && (props.maxTagTextLength !== "responsive" || displayRest) || isShowTagTooltip ? createVNode(UPopover, mergeProps({
+      "disabled": !maxTagTooltip,
+      "trigger": "hover",
+      "dropdown-class": `${prefixCls}-dropdown-tooltip`,
+      "show-arrow": true,
+      "placement": "top"
+    }, popoverProps), {
+      default: () => createVNode("span", {
+        "class": `${prefixCls}-selection-item-content`,
+        "title": item.title
+      }, [getRender(item.displayLabel)()]),
+      content: () => createVNode("div", {
+        "class": `${prefixCls}-selection-tooltip`,
+        "style": {
+          maxWidth: `${maxTagTooltipWidth}px`
+        }
+      }, [values.map((tipItem) => createVNode("span", {
+        "key": tipItem.key,
+        "class": {
+          [`${prefixCls}-selection-item`]: true
+        }
+      }, [createVNode("span", {
+        "class": `${prefixCls}-selection-item-content`,
+        "title": tipItem.title
+      }, [getRender(tipItem.displayLabel)()]), closable(tipItem) && createVNode(UIcon, {
+        "class": `${prefixCls}-selection-item-remove`,
+        "onClick": (e) => onClose(tipItem.value, e)
+      }, {
+        default: () => [createVNode(URoundClose, null, null)]
+      })]))])
+    }) : createVNode(Fragment, null, [createVNode("span", {
+      "class": `${prefixCls}-selection-item-content`,
+      "title": item.title
+    }, [getRender(item.displayLabel)()]), closable(item) && createVNode(UIcon, {
+      "class": `${prefixCls}-selection-item-remove`,
+      "onClick": (e) => onClose(item.value, e)
+    }, {
+      default: () => [removeIcon ? createVNode(resolveComponent("component"), {
+        "is": removeIcon
+      }, null) : createVNode(URoundClose, null, null)]
+    })])]);
+    return content;
+  }
+  return createVNode("span", {
+    "class": item.class,
+    "onMousedown": (e) => {
+      e.stopPropagation();
+      e.preventDefault();
+    }
+  }, [tagRender == null ? void 0 : tagRender({
+    ...item,
+    closable: closable(item),
+    onClose: (e) => {
+      onClose(item.value, e);
+    }
+  })]);
+}
+function renderSearchInput(props, {
+  prefixCls,
+  inputRef,
+  disabled,
+  inputEditable,
+  inputValue,
+  inputWidth,
+  measureRef,
+  onInputMouseDown,
+  onInputChange,
+  onInputKeydown,
+  onInputCompositionStart,
+  onInputCompositionEnd,
+  onInputPaste
+}) {
+  return createVNode("span", {
+    "class": `${prefixCls}-selection-search`,
+    "style": {
+      width: `${inputWidth}px`
+    }
+  }, [createVNode(SelectInput, {
+    "input-ref": inputRef,
+    "prefix-cls": prefixCls,
+    "autocomplete": "off",
+    "disabled": disabled,
+    "editable": inputEditable,
+    "value": inputValue,
+    "onMousedown": onInputMouseDown,
+    "onChange": onInputChange,
+    "onKeydown": onInputKeydown,
+    "onCompositionstart": onInputCompositionStart,
+    "onCompositionend": onInputCompositionEnd,
+    "onPaste": onInputPaste
+  }, null), createVNode("span", {
+    "ref": measureRef,
+    "class": `${prefixCls}-selection-search-mirror`,
+    "aria-hidden": true
+  }, [inputValue, createTextVNode("\xA0")])]);
+}
+function renderPlaceholder(showPlaceholder, prefixCls, slots) {
+  var _a;
+  return showPlaceholder ? createVNode("div", {
+    "class": `${prefixCls}-selection-placeholder`
+  }, [(_a = slots.placeholder) == null ? void 0 : _a.call(slots)]) : null;
+}
+var MultipleBase = defineComponent({
+  name: "MultipleBase",
+  props: multipleBaseProps,
+  emits: multipleBaseEmits,
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const baseState = useMultipleBase(props, emit);
+    return () => {
+      let _slot;
+      const {
+        displayValues,
+        isNotRender,
+        closable,
+        onClose,
+        inputValue,
+        inputWidth,
+        measureRef,
+        showPlaceholder,
+        onInputMouseDown,
+        onInputChange,
+        onInputKeydown,
+        onInputCompositionStart,
+        onInputCompositionEnd,
+        onInputPaste,
+        onOverflowItemResize,
+        onSuffixResize,
+        displayRest
+      } = baseState;
+      return createVNode(Fragment, null, [displayValues.value.map((item, index) => {
+        const content = renderSelectionItem(item, props, {
+          prefixCls: props.prefixCls,
+          isNotRender: isNotRender.value,
+          displayRest: displayRest.value,
+          closable,
+          onClose,
+          values: props.values
+        });
+        return props.enableOverflow ? createVNode(ResizeObserver, {
+          "key": item.key,
+          "onResize": (e) => onOverflowItemResize(e, item)
+        }, {
+          default: () => [createVNode("div", {
+            "class": `${props.prefixCls}-selection-item-wrapper`,
+            "style": {
+              opacity: index > baseState.mergedDisplayCount.value && item.key !== REST_TAG_KEY || !displayRest.value && item.key === REST_TAG_KEY ? 0 : 1,
+              height: index > baseState.mergedDisplayCount.value && item.key !== REST_TAG_KEY || !displayRest.value && item.key === REST_TAG_KEY ? 0 : void 0,
+              overflowY: index > baseState.mergedDisplayCount.value && item.key !== REST_TAG_KEY || !displayRest.value && item.key === REST_TAG_KEY ? "hidden" : void 0,
+              pointerEvents: index > baseState.mergedDisplayCount.value && item.key !== REST_TAG_KEY || !displayRest.value && item.key === REST_TAG_KEY ? "none" : void 0,
+              position: index > baseState.mergedDisplayCount.value && item.key !== REST_TAG_KEY || !displayRest.value && item.key === REST_TAG_KEY ? "absolute" : void 0
+            }
+          }, [content])]
+        }) : content;
+      }), props.enableOverflow ? createVNode(ResizeObserver, {
+        "onResize": onSuffixResize
+      }, _isSlot(_slot = renderSearchInput(props, {
+        prefixCls: props.prefixCls,
+        inputRef: props.inputRef,
+        disabled: props.disabled,
+        inputEditable: baseState.inputEditable.value,
+        inputValue: inputValue.value,
+        inputWidth: inputWidth.value,
+        measureRef,
+        onInputMouseDown,
+        onInputChange,
+        onInputKeydown,
+        onInputCompositionStart,
+        onInputCompositionEnd,
+        onInputPaste
+      })) ? _slot : {
+        default: () => [_slot]
+      }) : renderSearchInput(props, {
+        prefixCls: props.prefixCls,
+        inputRef: props.inputRef,
+        disabled: props.disabled,
+        inputEditable: baseState.inputEditable.value,
+        inputValue: inputValue.value,
+        inputWidth: inputWidth.value,
+        measureRef,
+        onInputMouseDown,
+        onInputChange,
+        onInputKeydown,
+        onInputCompositionStart,
+        onInputCompositionEnd,
+        onInputPaste
+      }), renderPlaceholder(showPlaceholder.value, props.prefixCls, slots)]);
+    };
+  }
+});
+
+export { MultipleBase as default, multipleBaseEmits, multipleBaseProps, renderPlaceholder, renderSearchInput, renderSelectionItem };
+//# sourceMappingURL=MultipleBase.mjs.map

package/es/components/Select/Selection/MultipleBase.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultipleBase.mjs","sources":["../../../../../src/components/Select/Selection/MultipleBase.tsx"],"sourcesContent":["import { defineComponent } from 'vue';\nimport type { PropType, ComponentPublicInstance, VNodeChild } from 'vue';\nimport UIcon from '@uxd-ui/components/Icon';\nimport UPopover from '@uxd-ui/components/Popover';\nimport { URoundClose } from '@koi-design/uxd-icon';\nimport type { JSX } from 'vue/jsx-runtime';\nimport ResizeObserver from '../../base/ResizeObserver';\nimport { getRender } from '../../../utils/slots';\nimport useMultipleBase, { REST_TAG_KEY } from '../hooks/useMultipleBase';\nimport SelectInput from './Input.vue';\nimport type { DisplayOption, SingleValueType, TagRenderFunction } from '../Select.type';\nimport type { IconPropType } from '../../../utils/globalType';\nimport type { PopoverProps } from '../../Popover';\n\nconst defaultMaxTagPlaceholder = (ommittedValus: string[]) => `+ ${ommittedValus.length}...`;\n\nexport const multipleBaseProps = {\n  prefixCls: {\n    type: String\n  },\n  values: {\n    type: Array as PropType<DisplayOption[]>,\n    default: () => [] as DisplayOption[]\n  },\n  searchValue: {\n    type: String\n  },\n  filterable: {\n    type: Boolean,\n    default: false\n  },\n  disabled: {\n    type: Boolean,\n    default: undefined as undefined\n  },\n  open: {\n    type: Boolean,\n    default: undefined as undefined\n  },\n  inputRef: {\n    type: Function as PropType<(el: Element | ComponentPublicInstance | null) => void>\n  },\n  tagTransitionName: {\n    type: String\n  },\n  maxTagCount: {\n    type: Number\n  },\n  maxTagTextLength: {\n    type: [Number, String] as PropType<number | 'responsive'>\n  },\n  maxTagPlaceholder: {\n    type: Function as PropType<(rest: DisplayOption[]) => string | VNodeChild | JSX.Element>,\n    default: defaultMaxTagPlaceholder\n  },\n  maxTagTooltip: {\n    type: Boolean,\n    default: false\n  },\n  maxTagTooltipWidth: {\n    type: Number,\n    default: 99900\n  },\n  tagRender: {\n    type: Function as PropType<TagRenderFunction>\n  },\n  removeIcon: {\n    type: [String, Object] as PropType<IconPropType>\n  },\n  isShowTagTooltip: {\n    type: Boolean,\n    default: false\n  },\n  popoverProps: {\n    type: Object as PropType<PopoverProps>,\n    default: () => ({})\n  },\n\n  itemWidth: {\n    type: Number,\n    default: 10\n  },\n  containerWrapperWidth: {\n    type: [Number, null] as PropType<number | null>,\n    default: null as null\n  },\n  enableOverflow: {\n    type: Boolean,\n    default: false\n  }\n};\n\nexport const multipleBaseEmits = [\n  'select',\n  'input-mousedown',\n  'input-change',\n  'input-keydown',\n  'input-compositionstart',\n  'input-compositionend',\n  'input-paste'\n];\n\nexport function renderSelectionItem(\n  item: DisplayOption,\n  props: any,\n  {\n    prefixCls,\n    isNotRender,\n    closable,\n    onClose,\n    values,\n    displayRest\n  }: {\n    prefixCls: string;\n    isNotRender: boolean;\n    closable: (displayItem: DisplayOption) => boolean;\n    onClose: (value: SingleValueType, e: any) => void;\n    values: DisplayOption[];\n    displayRest: boolean;\n  }\n) {\n  const { tagRender, removeIcon, maxTagTooltip, maxTagTooltipWidth, popoverProps, isShowTagTooltip } = props;\n\n  if (isNotRender) {\n    const content = (\n      <span\n        class={{\n          [`${item.class}`]: item.class,\n          [`${prefixCls}-selection-item`]: true,\n          [`${prefixCls}-selection-item-disabled`]: item.disabled\n        }}\n      >\n        {(item.key === REST_TAG_KEY && (props.maxTagTextLength !== 'responsive' || displayRest)) || isShowTagTooltip ? (\n          <UPopover\n            disabled={!maxTagTooltip}\n            trigger=\"hover\"\n            dropdown-class={`${prefixCls}-dropdown-tooltip`}\n            show-arrow={true}\n            placement=\"top\"\n            {...popoverProps}\n          >\n            {{\n              default: () => (\n                <span class={`${prefixCls}-selection-item-content`} title={item.title}>\n                  {getRender(item.displayLabel)()}\n                </span>\n              ),\n              content: () => (\n                <div class={`${prefixCls}-selection-tooltip`} style={{ maxWidth: `${maxTagTooltipWidth}px` }}>\n                  {values.map((tipItem) => (\n                    <span\n                      key={tipItem.key}\n                      class={{\n                        [`${prefixCls}-selection-item`]: true\n                      }}\n                    >\n                      <span class={`${prefixCls}-selection-item-content`} title={tipItem.title}>\n                        {getRender(tipItem.displayLabel)()}\n                      </span>\n                      {closable(tipItem) && (\n                        <UIcon class={`${prefixCls}-selection-item-remove`} onClick={(e: any) => onClose(tipItem.value, e)}>\n                          <URoundClose />\n                        </UIcon>\n                      )}\n                    </span>\n                  ))}\n                </div>\n              )\n            }}\n          </UPopover>\n        ) : (\n          <>\n            <span class={`${prefixCls}-selection-item-content`} title={item.title}>\n              {getRender(item.displayLabel)()}\n            </span>\n            {closable(item) && (\n              <UIcon class={`${prefixCls}-selection-item-remove`} onClick={(e: any) => onClose(item.value, e)}>\n                {removeIcon ? <component is={removeIcon} /> : <URoundClose />}\n              </UIcon>\n            )}\n          </>\n        )}\n      </span>\n    );\n\n    return content;\n  }\n  return (\n    <span\n      class={item.class}\n      onMousedown={(e: any) => {\n        e.stopPropagation();\n        e.preventDefault();\n      }}\n    >\n      {tagRender?.({\n        ...item,\n        closable: closable(item),\n        onClose: (e: any) => {\n          onClose(item.value, e);\n        }\n      })}\n    </span>\n  );\n}\n\nexport function renderSearchInput(\n  props: any,\n  {\n    prefixCls,\n    inputRef,\n    disabled,\n    inputEditable,\n    inputValue,\n    inputWidth,\n    measureRef,\n    onInputMouseDown,\n    onInputChange,\n    onInputKeydown,\n    onInputCompositionStart,\n    onInputCompositionEnd,\n    onInputPaste\n  }: any\n) {\n  return (\n    <span class={`${prefixCls}-selection-search`} style={{ width: `${inputWidth}px` }}>\n      <SelectInput\n        input-ref={inputRef}\n        prefix-cls={prefixCls}\n        autocomplete=\"off\"\n        disabled={disabled}\n        editable={inputEditable}\n        value={inputValue}\n        onMousedown={onInputMouseDown}\n        onChange={onInputChange}\n        onKeydown={onInputKeydown}\n        onCompositionstart={onInputCompositionStart}\n        onCompositionend={onInputCompositionEnd}\n        onPaste={onInputPaste}\n      />\n      <span ref={measureRef} class={`${prefixCls}-selection-search-mirror`} aria-hidden>\n        {inputValue}&nbsp;\n      </span>\n    </span>\n  );\n}\n\nexport function renderPlaceholder(showPlaceholder: boolean, prefixCls: string, slots: any) {\n  return showPlaceholder ? <div class={`${prefixCls}-selection-placeholder`}>{slots.placeholder?.()}</div> : null;\n}\n\nexport default defineComponent({\n  name: 'MultipleBase',\n  props: multipleBaseProps,\n  emits: multipleBaseEmits,\n  setup(props, { emit, slots }) {\n    const baseState = useMultipleBase(props, emit);\n\n    return () => {\n      const {\n        displayValues,\n        isNotRender,\n        closable,\n        onClose,\n        inputValue,\n        inputWidth,\n        measureRef,\n        showPlaceholder,\n        onInputMouseDown,\n        onInputChange,\n        onInputKeydown,\n        onInputCompositionStart,\n        onInputCompositionEnd,\n        onInputPaste,\n        onOverflowItemResize,\n        onSuffixResize,\n        displayRest\n      } = baseState;\n\n      return (\n        <>\n          {displayValues.value.map((item: DisplayOption, index: number) => {\n            const content = renderSelectionItem(item, props, {\n              prefixCls: props.prefixCls,\n              isNotRender: isNotRender.value,\n              displayRest: displayRest.value,\n              closable,\n              onClose,\n              values: props.values\n            });\n\n            return props.enableOverflow ? (\n              <ResizeObserver key={item.key} onResize={(e) => onOverflowItemResize(e, item)}>\n                <div\n                  class={`${props.prefixCls}-selection-item-wrapper`}\n                  style={{\n                    opacity:\n                      (index > baseState.mergedDisplayCount.value && item.key !== REST_TAG_KEY) || (!displayRest.value && item.key === REST_TAG_KEY)\n                        ? 0\n                        : 1,\n                    height:\n                      (index > baseState.mergedDisplayCount.value && item.key !== REST_TAG_KEY) || (!displayRest.value && item.key === REST_TAG_KEY)\n                        ? 0\n                        : undefined,\n                    overflowY:\n                      (index > baseState.mergedDisplayCount.value && item.key !== REST_TAG_KEY) || (!displayRest.value && item.key === REST_TAG_KEY)\n                        ? 'hidden'\n                        : undefined,\n                    pointerEvents:\n                      (index > baseState.mergedDisplayCount.value && item.key !== REST_TAG_KEY) || (!displayRest.value && item.key === REST_TAG_KEY)\n                        ? 'none'\n                        : undefined,\n                    position:\n                      (index > baseState.mergedDisplayCount.value && item.key !== REST_TAG_KEY) || (!displayRest.value && item.key === REST_TAG_KEY)\n                        ? 'absolute'\n                        : undefined\n                  }}\n                >\n                  {content}\n                </div>\n              </ResizeObserver>\n            ) : (\n              content\n            );\n          })}\n\n          {props.enableOverflow ? (\n            <ResizeObserver onResize={onSuffixResize}>\n              {renderSearchInput(props, {\n                prefixCls: props.prefixCls,\n                inputRef: props.inputRef,\n                disabled: props.disabled,\n                inputEditable: baseState.inputEditable.value,\n                inputValue: inputValue.value,\n                inputWidth: inputWidth.value,\n                measureRef,\n                onInputMouseDown,\n                onInputChange,\n                onInputKeydown,\n                onInputCompositionStart,\n                onInputCompositionEnd,\n                onInputPaste\n              })}\n            </ResizeObserver>\n          ) : (\n            renderSearchInput(props, {\n              prefixCls: props.prefixCls,\n              inputRef: props.inputRef,\n              disabled: props.disabled,\n              inputEditable: baseState.inputEditable.value,\n              inputValue: inputValue.value,\n              inputWidth: inputWidth.value,\n              measureRef,\n              onInputMouseDown,\n              onInputChange,\n              onInputKeydown,\n              onInputCompositionStart,\n              onInputCompositionEnd,\n              onInputPaste\n            })\n          )}\n\n          {renderPlaceholder(showPlaceholder.value, props.prefixCls, slots)}\n        </>\n      );\n    };\n  }\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defaultMaxTagPlaceholder","ommittedValus","length","multipleBaseProps","prefixCls","type","String","values","Array","default","searchValue","filterable","Boolean","disabled","undefined","open","inputRef","Function","tagTransitionName","maxTagCount","Number","maxTagTextLength","maxTagPlaceholder","maxTagTooltip","maxTagTooltipWidth","tagRender","removeIcon","isShowTagTooltip","popoverProps","itemWidth","containerWrapperWidth","enableOverflow","multipleBaseEmits","renderSelectionItem","item","props","isNotRender","closable","onClose","displayRest","content","_createVNode","class","key","REST_TAG_KEY","UPopover","_mergeProps","title","getRender","displayLabel","maxWidth","map","tipItem","UIcon","e","value","URoundClose","_Fragment","_resolveComponent","stopPropagation","preventDefault","renderSearchInput","inputEditable","inputValue","inputWidth","measureRef","onInputMouseDown","onInputChange","onInputKeydown","onInputCompositionStart","onInputCompositionEnd","onInputPaste","width","SelectInput","_createTextVNode","renderPlaceholder","showPlaceholder","slots","placeholder","defineComponent","name","emits","setup","emit","baseState","useMultipleBase","_slot","displayValues","onOverflowItemResize","onSuffixResize","index","ResizeObserver","opacity","mergedDisplayCount","height","overflowY","pointerEvents","position"],"mappings":"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"}

package/es/components/Select/Selection/Selection.mjs

@@ -1,15 +1,18 @@
-import { defineComponent, ref, resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createCommentVNode } from 'vue';
+import { defineComponent, ref, computed, shallowRef, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, normalizeClass, renderSlot } from 'vue';
 import SingleSelection from './Single.mjs';
-import Multiple from './Multiple.mjs';
+import MultipleBase from './MultipleBase.mjs';
 import KeyCode from '../../../utils/KeyCode.mjs';
 import useLock from '../../base/hooks/useLock.mjs';
+import ResizeObserver from '../../base/ResizeObserver.mjs';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 
+const RESPONSIVE = "responsive";
 const _sfc_main = defineComponent({
   name: "Selection",
   components: {
     SingleSelection,
-    Multiple
+    ResizeObserver,
+    MultipleBase
   },
   props: {
     prefixCls: {
@@ -58,7 +61,7 @@ const _sfc_main = defineComponent({
       type: Function
     },
     maxTagTextLength: {
-      type: Number
+      type: [Number, String]
     },
     maxTagTooltip: {
       type: Boolean,
@@ -94,10 +97,17 @@ const _sfc_main = defineComponent({
   setup(props, { emit }) {
     const inputRef = ref(null);
     let compositionStatus = false;
+    const isResponsive = computed(() => {
+      return props.maxTagTextLength === RESPONSIVE;
+    });
     const [getInputMouseDown, setInputMouseDown] = useLock(0);
     const onInputMouseDown = () => {
       setInputMouseDown(true);
     };
+    const containerWrapperWidth = shallowRef(null);
+    const onOverflowResize = ({ width }) => {
+      containerWrapperWidth.value = width;
+    };
     let pastedText = null;
     const onInputPaste = (e) => {
       const { clipboardData } = e;
@@ -164,74 +174,87 @@ const _sfc_main = defineComponent({
       onInputKeydown,
       onInputCompositionStart,
       onInputCompositionEnd,
-      onInputPaste
+      onInputPaste,
+      onOverflowResize,
+      containerWrapperWidth,
+      isResponsive
     };
   }
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_SingleSelection = resolveComponent("SingleSelection");
-  const _component_Multiple = resolveComponent("Multiple");
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass(`${_ctx.prefixCls}-selection`),
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args)),
-    onMousedown: _cache[1] || (_cache[1] = (...args) => _ctx.onMousedown && _ctx.onMousedown(...args))
-  }, [
-    !_ctx.multiple ? (openBlock(), createBlock(_component_SingleSelection, {
-      key: 0,
-      "prefix-cls": _ctx.prefixCls,
-      values: _ctx.values,
-      open: _ctx.open,
-      filterable: _ctx.filterable,
-      disabled: _ctx.disabled,
-      "input-ref": _ctx.getInputRef,
-      "search-value": _ctx.searchValue,
-      "allow-create": _ctx.allowCreate,
-      "title-key": _ctx.titleKey,
-      onInputMousedown: _ctx.onInputMouseDown,
-      onInputChange: _ctx.onInputChange,
-      onInputKeydown: _ctx.onInputKeydown,
-      onInputCompositionstart: _ctx.onInputCompositionStart,
-      onInputCompositionend: _ctx.onInputCompositionEnd,
-      onInputPaste: _ctx.onInputPaste
-    }, {
-      placeholder: withCtx(() => [
-        renderSlot(_ctx.$slots, "placeholder")
-      ]),
-      _: 3
-    }, 8, ["prefix-cls", "values", "open", "filterable", "disabled", "input-ref", "search-value", "allow-create", "title-key", "onInputMousedown", "onInputChange", "onInputKeydown", "onInputCompositionstart", "onInputCompositionend", "onInputPaste"])) : _ctx.multiple ? (openBlock(), createBlock(_component_Multiple, {
-      key: 1,
-      "prefix-cls": _ctx.prefixCls,
-      values: _ctx.values,
-      open: _ctx.open,
-      filterable: _ctx.filterable,
-      disabled: _ctx.disabled,
-      "input-ref": _ctx.getInputRef,
-      "search-value": _ctx.searchValue,
-      "max-tag-count": _ctx.maxTagCount,
-      "max-tag-text-length": _ctx.maxTagTextLength,
-      "max-tag-placeholder": _ctx.maxTagPlaceholder,
-      "max-tag-tooltip": _ctx.maxTagTooltip,
-      "max-tag-tooltip-width": _ctx.maxTagTooltipWidth,
-      "is-show-tag-tooltip": _ctx.isShowTagTooltip,
-      "popover-props": _ctx.popoverProps,
-      "tag-render": _ctx.tagRender,
-      "tag-transition-name": _ctx.tagTransitionName,
-      "allow-create": _ctx.allowCreate,
-      "remove-icon": _ctx.removeIcon,
-      onSelect: _ctx.onSelectionSelect,
-      onInputMousedown: _ctx.onInputMouseDown,
-      onInputChange: _ctx.onInputChange,
-      onInputKeydown: _ctx.onInputKeydown,
-      onInputCompositionstart: _ctx.onInputCompositionStart,
-      onInputCompositionend: _ctx.onInputCompositionEnd,
-      onInputPaste: _ctx.onInputPaste
-    }, {
-      placeholder: withCtx(() => [
-        renderSlot(_ctx.$slots, "placeholder")
-      ]),
-      _: 3
-    }, 8, ["prefix-cls", "values", "open", "filterable", "disabled", "input-ref", "search-value", "max-tag-count", "max-tag-text-length", "max-tag-placeholder", "max-tag-tooltip", "max-tag-tooltip-width", "is-show-tag-tooltip", "popover-props", "tag-render", "tag-transition-name", "allow-create", "remove-icon", "onSelect", "onInputMousedown", "onInputChange", "onInputKeydown", "onInputCompositionstart", "onInputCompositionend", "onInputPaste"])) : createCommentVNode("v-if", true)
-  ], 34);
+  const _component_MultipleBase = resolveComponent("MultipleBase");
+  const _component_ResizeObserver = resolveComponent("ResizeObserver");
+  return openBlock(), createBlock(_component_ResizeObserver, { onResize: _ctx.onOverflowResize }, {
+    default: withCtx(() => [
+      createElementVNode("div", {
+        class: normalizeClass({
+          [`${_ctx.prefixCls}-selection`]: true,
+          [`${_ctx.prefixCls}-selection-overflow`]: _ctx.multiple && _ctx.isResponsive
+        }),
+        onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args)),
+        onMousedown: _cache[1] || (_cache[1] = (...args) => _ctx.onMousedown && _ctx.onMousedown(...args))
+      }, [
+        !_ctx.multiple ? (openBlock(), createBlock(_component_SingleSelection, {
+          key: 0,
+          "prefix-cls": _ctx.prefixCls,
+          values: _ctx.values,
+          open: _ctx.open,
+          filterable: _ctx.filterable,
+          disabled: _ctx.disabled,
+          "input-ref": _ctx.getInputRef,
+          "search-value": _ctx.searchValue,
+          "allow-create": _ctx.allowCreate,
+          "title-key": _ctx.titleKey,
+          onInputMousedown: _ctx.onInputMouseDown,
+          onInputChange: _ctx.onInputChange,
+          onInputKeydown: _ctx.onInputKeydown,
+          onInputCompositionstart: _ctx.onInputCompositionStart,
+          onInputCompositionend: _ctx.onInputCompositionEnd,
+          onInputPaste: _ctx.onInputPaste
+        }, {
+          placeholder: withCtx(() => [
+            renderSlot(_ctx.$slots, "placeholder")
+          ]),
+          _: 3
+        }, 8, ["prefix-cls", "values", "open", "filterable", "disabled", "input-ref", "search-value", "allow-create", "title-key", "onInputMousedown", "onInputChange", "onInputKeydown", "onInputCompositionstart", "onInputCompositionend", "onInputPaste"])) : (openBlock(), createBlock(_component_MultipleBase, {
+          key: 1,
+          "prefix-cls": _ctx.prefixCls,
+          values: _ctx.values,
+          open: _ctx.open,
+          "enable-overflow": _ctx.isResponsive,
+          filterable: _ctx.filterable,
+          disabled: _ctx.disabled,
+          "input-ref": _ctx.getInputRef,
+          "search-value": _ctx.searchValue,
+          "max-tag-count": _ctx.maxTagCount,
+          "max-tag-text-length": _ctx.maxTagTextLength,
+          "max-tag-placeholder": _ctx.maxTagPlaceholder,
+          "max-tag-tooltip": _ctx.maxTagTooltip,
+          "max-tag-tooltip-width": _ctx.maxTagTooltipWidth,
+          "is-show-tag-tooltip": _ctx.isShowTagTooltip,
+          "popover-props": _ctx.popoverProps,
+          "tag-render": _ctx.tagRender,
+          "tag-transition-name": _ctx.tagTransitionName,
+          "remove-icon": _ctx.removeIcon,
+          "container-wrapper-width": _ctx.containerWrapperWidth,
+          onSelect: _ctx.onSelectionSelect,
+          onInputMousedown: _ctx.onInputMouseDown,
+          onInputChange: _ctx.onInputChange,
+          onInputKeydown: _ctx.onInputKeydown,
+          onInputCompositionstart: _ctx.onInputCompositionStart,
+          onInputCompositionend: _ctx.onInputCompositionEnd,
+          onInputPaste: _ctx.onInputPaste
+        }, {
+          placeholder: withCtx(() => [
+            renderSlot(_ctx.$slots, "placeholder")
+          ]),
+          _: 3
+        }, 8, ["prefix-cls", "values", "open", "enable-overflow", "filterable", "disabled", "input-ref", "search-value", "max-tag-count", "max-tag-text-length", "max-tag-placeholder", "max-tag-tooltip", "max-tag-tooltip-width", "is-show-tag-tooltip", "popover-props", "tag-render", "tag-transition-name", "remove-icon", "container-wrapper-width", "onSelect", "onInputMousedown", "onInputChange", "onInputKeydown", "onInputCompositionstart", "onInputCompositionend", "onInputPaste"]))
+      ], 34)
+    ]),
+    _: 3
+  }, 8, ["onResize"]);
 }
 var Selection = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\Select\\Selection\\Selection.vue"]]);
 

package/es/components/Select/Selection/Selection.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Selection.mjs","sources":["../../../../../src/components/Select/Selection/Selection.vue"],"sourcesContent":["<template>\n  <div :class=\"`${prefixCls}-selection`\" @click=\"onClick\" @mousedown=\"onMousedown\">\n    <SingleSelection\n      v-if=\"!multiple\"\n      :prefix-cls=\"prefixCls\"\n      :values=\"values\"\n      :open=\"open\"\n      :filterable=\"filterable\"\n      :disabled=\"disabled\"\n      :input-ref=\"getInputRef\"\n      :search-value=\"searchValue\"\n      :allow-create=\"allowCreate\"\n      :title-key=\"titleKey\"\n      @input-mousedown=\"onInputMouseDown\"\n      @input-change=\"onInputChange\"\n      @input-keydown=\"onInputKeydown\"\n      @input-compositionstart=\"onInputCompositionStart\"\n      @input-compositionend=\"onInputCompositionEnd\"\n      @input-paste=\"onInputPaste\"\n    >\n      <template #placeholder>\n        <slot name=\"placeholder\" />\n      </template>\n    </SingleSelection>\n    <Multiple\n      v-else-if=\"multiple\"\n      :prefix-cls=\"prefixCls\"\n      :values=\"values\"\n      :open=\"open\"\n      :filterable=\"filterable\"\n      :disabled=\"disabled\"\n      :input-ref=\"getInputRef\"\n      :search-value=\"searchValue\"\n      :max-tag-count=\"maxTagCount\"\n      :max-tag-text-length=\"maxTagTextLength\"\n      :max-tag-placeholder=\"maxTagPlaceholder\"\n      :max-tag-tooltip=\"maxTagTooltip\"\n      :max-tag-tooltip-width=\"maxTagTooltipWidth\"\n      :is-show-tag-tooltip=\"isShowTagTooltip\"\n      :popover-props=\"popoverProps\"\n      :tag-render=\"tagRender\"\n      :tag-transition-name=\"tagTransitionName\"\n      :allow-create=\"allowCreate\"\n      :remove-icon=\"removeIcon\"\n      @select=\"onSelectionSelect\"\n      @input-mousedown=\"onInputMouseDown\"\n      @input-change=\"onInputChange\"\n      @input-keydown=\"onInputKeydown\"\n      @input-compositionstart=\"onInputCompositionStart\"\n      @input-compositionend=\"onInputCompositionEnd\"\n      @input-paste=\"onInputPaste\"\n    >\n      <template #placeholder>\n        <slot name=\"placeholder\" />\n      </template>\n    </Multiple>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref } from 'vue';\nimport type { PropType, ComponentPublicInstance, VNodeChild } from 'vue';\nimport type { JSX } from 'vue/jsx-runtime';\nimport SingleSelection from './Single.vue';\nimport Multiple from './Multiple.vue';\nimport KeyCode from '../../../utils/KeyCode';\nimport useLock from '../../base/hooks/useLock';\nimport type { GetLock, SetLock } from '../../base/hooks/useLock';\nimport type { DisplayOption, SingleValueType, TagRenderFunction } from '../Select.type';\nimport type { IconPropType } from '../../../utils/globalType';\nimport type { PopoverProps } from '../../Popover';\n\nexport default defineComponent({\n  name: 'Selection',\n  components: {\n    SingleSelection,\n    Multiple\n  },\n  props: {\n    prefixCls: {\n      type: String\n    },\n    id: {\n      type: String\n    },\n    open: {\n      type: Boolean,\n      default: false\n    },\n    filterable: {\n      type: Boolean,\n      default: false\n    },\n    values: {\n      type: Array as PropType<DisplayOption[]>,\n      default: (): DisplayOption[] => []\n    },\n    multiple: {\n      type: Boolean,\n      default: false\n    },\n    disabled: {\n      type: Boolean,\n      default: false\n    },\n    searchValue: {\n      type: String\n    },\n    triggerSearch: {\n      type: Function as PropType<(searchText: string, isCompositing: boolean | undefined) => boolean>\n    },\n    allowCreate: {\n      type: Boolean,\n      default: false\n    },\n    removeIcon: {\n      type: [String, Object] as PropType<IconPropType>\n    },\n    maxTagCount: {\n      type: Number\n    },\n    maxTagPlaceholder: {\n      type: Function as PropType<(rest: DisplayOption[]) => string | VNodeChild | JSX.Element>\n    },\n    maxTagTextLength: {\n      type: Number\n    },\n    maxTagTooltip: {\n      type: Boolean,\n      default: false\n    },\n    maxTagTooltipWidth: {\n      type: Number\n    },\n    tagRender: {\n      type: Function as PropType<TagRenderFunction>\n    },\n    tagTransitionName: {\n      type: String\n    },\n    tokenWithEnter: {\n      type: Boolean,\n      default: false\n    },\n    isShowTagTooltip: {\n      type: Boolean,\n      default: false\n    },\n    popoverProps: {\n      type: Object as PropType<PopoverProps>,\n      default: () => ({})\n    },\n    titleKey: {\n      type: String,\n      default: 'title'\n    }\n  },\n  emits: ['toggle-open', 'create-submit', 'select'],\n  setup(props, { emit }) {\n    const inputRef = ref<HTMLElement | null>(null);\n    let compositionStatus = false;\n\n    // ===============selector event ===================\n    const [getInputMouseDown, setInputMouseDown] = useLock(0);\n    const onInputMouseDown = () => {\n      (setInputMouseDown as SetLock)(true);\n    };\n\n    // paste handle\n    let pastedText: string | null = null;\n    const onInputPaste = (e: ClipboardEvent) => {\n      const { clipboardData } = e;\n      pastedText = clipboardData?.getData('text') || '';\n    };\n\n    const onInputChange = ({ target }: any) => {\n      let { value } = target;\n      // if separator has \\r\\n , need to replace pasted text back to origin content.because CRLF in input is a single space\n      if (pastedText && /[\\r\\n]/.test(pastedText) && props.tokenWithEnter) {\n        // CRLF will be treated as a single space for input element\n        const replacedText = pastedText.replace(/\\r\\n/g, ' ').replace(/[\\r\\n]/g, ' ');\n        value = value.replace(replacedText, pastedText);\n      }\n\n      if (props.triggerSearch) {\n        const rst = props.triggerSearch(value, compositionStatus);\n        if (rst) {\n          emit('toggle-open', true);\n        }\n      }\n    };\n\n    const onInputKeydown = (e: any) => {\n      const { which } = e;\n      if (which === KeyCode.UP || which === KeyCode.DOWN) {\n        e.preventDefault();\n      }\n      if (which === KeyCode.ENTER && props.allowCreate && !props.open && !compositionStatus) {\n        emit('create-submit', e.target.value);\n      }\n      if (![KeyCode.SHIFT, KeyCode.TAB, KeyCode.BACKSPACE, KeyCode.ESC].includes(which)) {\n        emit('toggle-open', true);\n      }\n    };\n\n    const onInputCompositionStart = () => {\n      compositionStatus = true;\n    };\n\n    const onInputCompositionEnd = () => {\n      compositionStatus = false;\n    };\n\n    const onSelectionSelect = (value: SingleValueType, opt: { selected: boolean }) => {\n      emit('select', value, opt);\n    };\n\n    // ===============container div event ===================\n    const onClick = ({ target }: any) => {\n      if (target !== inputRef.value) {\n        inputRef.value?.focus();\n      }\n    };\n\n    const onMousedown = (e: MouseEvent) => {\n      const inputMouseDown = (getInputMouseDown as GetLock)();\n      if (e.target !== inputRef.value && !inputMouseDown) {\n        e.preventDefault();\n      }\n      if (props.open && props.filterable && inputMouseDown) {\n        e.stopPropagation();\n      }\n    };\n    return {\n      getInputRef: (el: Element | ComponentPublicInstance | null) => {\n        inputRef.value = el as HTMLElement;\n      },\n      onSelectionSelect,\n      onClick,\n      onMousedown,\n      onInputMouseDown,\n      onInputChange,\n      onInputKeydown,\n      onInputCompositionStart,\n      onInputCompositionEnd,\n      onInputPaste\n    };\n  }\n});\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_createBlock","_withCtx","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"Selection.mjs","sources":["../../../../../src/components/Select/Selection/Selection.vue"],"sourcesContent":["<template>\n  <ResizeObserver @resize=\"onOverflowResize\">\n    <div\n      :class=\"{\n        [`${prefixCls}-selection`]: true,\n        [`${prefixCls}-selection-overflow`]: multiple && isResponsive\n      }\"\n      @click=\"onClick\"\n      @mousedown=\"onMousedown\"\n    >\n      <SingleSelection\n        v-if=\"!multiple\"\n        :prefix-cls=\"prefixCls\"\n        :values=\"values\"\n        :open=\"open\"\n        :filterable=\"filterable\"\n        :disabled=\"disabled\"\n        :input-ref=\"getInputRef\"\n        :search-value=\"searchValue\"\n        :allow-create=\"allowCreate\"\n        :title-key=\"titleKey\"\n        @input-mousedown=\"onInputMouseDown\"\n        @input-change=\"onInputChange\"\n        @input-keydown=\"onInputKeydown\"\n        @input-compositionstart=\"onInputCompositionStart\"\n        @input-compositionend=\"onInputCompositionEnd\"\n        @input-paste=\"onInputPaste\"\n      >\n        <template #placeholder>\n          <slot name=\"placeholder\" />\n        </template>\n      </SingleSelection>\n      <MultipleBase\n        v-else\n        :prefix-cls=\"prefixCls\"\n        :values=\"values\"\n        :open=\"open\"\n        :enable-overflow=\"isResponsive\"\n        :filterable=\"filterable\"\n        :disabled=\"disabled\"\n        :input-ref=\"getInputRef\"\n        :search-value=\"searchValue\"\n        :max-tag-count=\"maxTagCount\"\n        :max-tag-text-length=\"maxTagTextLength\"\n        :max-tag-placeholder=\"maxTagPlaceholder\"\n        :max-tag-tooltip=\"maxTagTooltip\"\n        :max-tag-tooltip-width=\"maxTagTooltipWidth\"\n        :is-show-tag-tooltip=\"isShowTagTooltip\"\n        :popover-props=\"popoverProps\"\n        :tag-render=\"tagRender\"\n        :tag-transition-name=\"tagTransitionName\"\n        :remove-icon=\"removeIcon\"\n        :container-wrapper-width=\"containerWrapperWidth\"\n        @select=\"onSelectionSelect\"\n        @input-mousedown=\"onInputMouseDown\"\n        @input-change=\"onInputChange\"\n        @input-keydown=\"onInputKeydown\"\n        @input-compositionstart=\"onInputCompositionStart\"\n        @input-compositionend=\"onInputCompositionEnd\"\n        @input-paste=\"onInputPaste\"\n      >\n        <template #placeholder>\n          <slot name=\"placeholder\" />\n        </template>\n      </MultipleBase>\n    </div>\n  </ResizeObserver>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, shallowRef, computed } from 'vue';\nimport type { PropType, ComponentPublicInstance, VNodeChild } from 'vue';\nimport type { JSX } from 'vue/jsx-runtime';\nimport SingleSelection from './Single.vue';\n// import Multiple from './Multiple.vue';\nimport MultipleBase from './MultipleBase';\nimport KeyCode from '../../../utils/KeyCode';\nimport useLock from '../../base/hooks/useLock';\nimport ResizeObserver from '../../base/ResizeObserver';\nimport type { GetLock, SetLock } from '../../base/hooks/useLock';\nimport type { DisplayOption, SingleValueType, TagRenderFunction } from '../Select.type';\nimport type { IconPropType } from '../../../utils/globalType';\nimport type { PopoverProps } from '../../Popover';\n\nconst RESPONSIVE = 'responsive';\n\nexport default defineComponent({\n  name: 'Selection',\n  components: {\n    SingleSelection,\n    // Multiple,\n    ResizeObserver,\n    MultipleBase\n  },\n  props: {\n    prefixCls: {\n      type: String\n    },\n    id: {\n      type: String\n    },\n    open: {\n      type: Boolean,\n      default: false\n    },\n    filterable: {\n      type: Boolean,\n      default: false\n    },\n    values: {\n      type: Array as PropType<DisplayOption[]>,\n      default: (): DisplayOption[] => []\n    },\n    multiple: {\n      type: Boolean,\n      default: false\n    },\n    disabled: {\n      type: Boolean,\n      default: false\n    },\n    searchValue: {\n      type: String\n    },\n    triggerSearch: {\n      type: Function as PropType<(searchText: string, isCompositing: boolean | undefined) => boolean>\n    },\n    allowCreate: {\n      type: Boolean,\n      default: false\n    },\n    removeIcon: {\n      type: [String, Object] as PropType<IconPropType>\n    },\n    maxTagCount: {\n      type: Number\n    },\n    maxTagPlaceholder: {\n      type: Function as PropType<(rest: DisplayOption[]) => string | VNodeChild | JSX.Element>\n    },\n    maxTagTextLength: {\n      type: [Number, String] as PropType<number | 'responsive'>\n    },\n    maxTagTooltip: {\n      type: Boolean,\n      default: false\n    },\n    maxTagTooltipWidth: {\n      type: Number\n    },\n    tagRender: {\n      type: Function as PropType<TagRenderFunction>\n    },\n    tagTransitionName: {\n      type: String\n    },\n    tokenWithEnter: {\n      type: Boolean,\n      default: false\n    },\n    isShowTagTooltip: {\n      type: Boolean,\n      default: false\n    },\n    popoverProps: {\n      type: Object as PropType<PopoverProps>,\n      default: () => ({})\n    },\n    titleKey: {\n      type: String,\n      default: 'title'\n    }\n  },\n  emits: ['toggle-open', 'create-submit', 'select'],\n  setup(props, { emit }) {\n    const inputRef = ref<HTMLElement | null>(null);\n    let compositionStatus = false;\n\n    const isResponsive = computed(() => {\n      return props.maxTagTextLength === RESPONSIVE;\n    });\n\n    // ===============selector event ===================\n    const [getInputMouseDown, setInputMouseDown] = useLock(0);\n    const onInputMouseDown = () => {\n      (setInputMouseDown as SetLock)(true);\n    };\n    const containerWrapperWidth = shallowRef<number>(null);\n\n    const onOverflowResize = ({ width }: { width: number }) => {\n      containerWrapperWidth.value = width;\n    };\n\n    // paste handle\n    let pastedText: string | null = null;\n    const onInputPaste = (e: ClipboardEvent) => {\n      const { clipboardData } = e;\n      pastedText = clipboardData?.getData('text') || '';\n    };\n\n    const onInputChange = ({ target }: any) => {\n      let { value } = target;\n      // if separator has \\r\\n , need to replace pasted text back to origin content.because CRLF in input is a single space\n      if (pastedText && /[\\r\\n]/.test(pastedText) && props.tokenWithEnter) {\n        // CRLF will be treated as a single space for input element\n        const replacedText = pastedText.replace(/\\r\\n/g, ' ').replace(/[\\r\\n]/g, ' ');\n        value = value.replace(replacedText, pastedText);\n      }\n\n      if (props.triggerSearch) {\n        const rst = props.triggerSearch(value, compositionStatus);\n        if (rst) {\n          emit('toggle-open', true);\n        }\n      }\n    };\n\n    const onInputKeydown = (e: any) => {\n      const { which } = e;\n      if (which === KeyCode.UP || which === KeyCode.DOWN) {\n        e.preventDefault();\n      }\n      if (which === KeyCode.ENTER && props.allowCreate && !props.open && !compositionStatus) {\n        emit('create-submit', e.target.value);\n      }\n      if (![KeyCode.SHIFT, KeyCode.TAB, KeyCode.BACKSPACE, KeyCode.ESC].includes(which)) {\n        emit('toggle-open', true);\n      }\n    };\n\n    const onInputCompositionStart = () => {\n      compositionStatus = true;\n    };\n\n    const onInputCompositionEnd = () => {\n      compositionStatus = false;\n    };\n\n    const onSelectionSelect = (value: SingleValueType, opt: { selected: boolean }) => {\n      emit('select', value, opt);\n    };\n\n    // ===============container div event ===================\n    const onClick = ({ target }: any) => {\n      if (target !== inputRef.value) {\n        inputRef.value?.focus();\n      }\n    };\n\n    const onMousedown = (e: MouseEvent) => {\n      const inputMouseDown = (getInputMouseDown as GetLock)();\n      if (e.target !== inputRef.value && !inputMouseDown) {\n        e.preventDefault();\n      }\n      if (props.open && props.filterable && inputMouseDown) {\n        e.stopPropagation();\n      }\n    };\n    return {\n      getInputRef: (el: Element | ComponentPublicInstance | null) => {\n        inputRef.value = el as HTMLElement;\n      },\n      onSelectionSelect,\n      onClick,\n      onMousedown,\n      onInputMouseDown,\n      onInputChange,\n      onInputKeydown,\n      onInputCompositionStart,\n      onInputCompositionEnd,\n      onInputPaste,\n      onOverflowResize,\n      containerWrapperWidth,\n      isResponsive\n    };\n  }\n});\n</script>\n"],"names":["_createBlock","_createElementVNode","_normalizeClass","_withCtx","_renderSlot"],"mappings":"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"}