@koi-design/uxd-ui 13.2.8 → 14.0.1

package/lib/components/Select/Selection/Selection.js

@@ -4,19 +4,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var Single = require('./Single.js');
-var MultipleBase = require('./MultipleBase.js');
+var Multiple = require('./Multiple.js');
 var KeyCode = require('../../../utils/KeyCode.js');
 var useLock = require('../../base/hooks/useLock.js');
-var ResizeObserver = require('../../base/ResizeObserver.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 
-const RESPONSIVE = "responsive";
 const _sfc_main = vue.defineComponent({
   name: "Selection",
   components: {
     SingleSelection: Single["default"],
-    ResizeObserver: ResizeObserver["default"],
-    MultipleBase: MultipleBase["default"]
+    Multiple: Multiple["default"]
   },
   props: {
     prefixCls: {
@@ -65,7 +62,7 @@ const _sfc_main = vue.defineComponent({
       type: Function
     },
     maxTagTextLength: {
-      type: [Number, String]
+      type: Number
     },
     maxTagTooltip: {
       type: Boolean,
@@ -101,17 +98,10 @@ const _sfc_main = vue.defineComponent({
   setup(props, { emit }) {
     const inputRef = vue.ref(null);
     let compositionStatus = false;
-    const isResponsive = vue.computed(() => {
-      return props.maxTagTextLength === RESPONSIVE;
-    });
     const [getInputMouseDown, setInputMouseDown] = useLock["default"](0);
     const onInputMouseDown = () => {
       setInputMouseDown(true);
     };
-    const containerWrapperWidth = vue.shallowRef(null);
-    const onOverflowResize = ({ width }) => {
-      containerWrapperWidth.value = width;
-    };
     let pastedText = null;
     const onInputPaste = (e) => {
       const { clipboardData } = e;
@@ -178,89 +168,76 @@ const _sfc_main = vue.defineComponent({
       onInputKeydown,
       onInputCompositionStart,
       onInputCompositionEnd,
-      onInputPaste,
-      onOverflowResize,
-      containerWrapperWidth,
-      isResponsive
+      onInputPaste
     };
   }
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_SingleSelection = vue.resolveComponent("SingleSelection");
-  const _component_MultipleBase = vue.resolveComponent("MultipleBase");
-  const _component_ResizeObserver = vue.resolveComponent("ResizeObserver");
-  return vue.openBlock(), vue.createBlock(_component_ResizeObserver, { onResize: _ctx.onOverflowResize }, {
-    default: vue.withCtx(() => [
-      vue.createElementVNode("div", {
-        class: vue.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 ? (vue.openBlock(), vue.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: vue.withCtx(() => [
-            vue.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"])) : (vue.openBlock(), vue.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: vue.withCtx(() => [
-            vue.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"]);
+  const _component_Multiple = vue.resolveComponent("Multiple");
+  return vue.openBlock(), vue.createElementBlock("div", {
+    class: vue.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 ? (vue.openBlock(), vue.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: vue.withCtx(() => [
+        vue.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 ? (vue.openBlock(), vue.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: vue.withCtx(() => [
+        vue.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"])) : vue.createCommentVNode("v-if", true)
+  ], 34);
 }
-var Selection = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\Select\\Selection\\Selection.vue"]]);
+var Selection = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Select/Selection/Selection.vue"]]);
 
 exports["default"] = Selection;
 //# sourceMappingURL=Selection.js.map

package/lib/components/Select/Selection/Selection.js.map

@@ -1 +1 @@
-{"version":3,"file":"Selection.js","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":["defineComponent","SingleSelection","ResizeObserver","MultipleBase","ref","computed","useLock","shallowRef","KeyCode","_createBlock","_createElementVNode","_normalizeClass","_withCtx","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"Selection.js","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":["defineComponent","SingleSelection","Multiple","ref","useLock","KeyCode","_createElementBlock","_normalizeClass","_createBlock","_withCtx","_renderSlot"],"mappings":"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"}