@koi-design/uxd-ui 14.0.39 → 14.0.41

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

@@ -0,0 +1,317 @@
+import { isVNode, createVNode, mergeProps, Fragment, resolveComponent, createTextVNode, defineComponent } from 'vue';
+import { UIcon } from '../../Icon/index.mjs';
+import { UPopover } from '../../Popover/index.mjs';
+import { X } from 'lucide-vue-next';
+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
+}) {
+  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 || 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, mergeProps({
+        "class": `${prefixCls}-selection-item-remove`
+      }, {
+        onMousedown: (e) => {
+          e.stopPropagation();
+          e.preventDefault();
+        }
+      }, {
+        "onClick": (e) => onClose(tipItem.value, e)
+      }), {
+        default: () => [createVNode(X, null, null)]
+      })]))])
+    }) : createVNode(Fragment, null, [createVNode("span", {
+      "class": `${prefixCls}-selection-item-content`,
+      "title": item.title
+    }, [getRender(item.displayLabel)()]), closable(item) && createVNode(UIcon, mergeProps({
+      "class": `${prefixCls}-selection-item-remove`
+    }, {
+      onMousedown: (e) => {
+        e.stopPropagation();
+        e.preventDefault();
+      }
+    }, {
+      "onClick": (e) => onClose(item.value, e)
+    }), {
+      default: () => [removeIcon ? createVNode(resolveComponent("component"), {
+        "is": removeIcon
+      }, null) : createVNode(X, 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,
+        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,
+        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 { X } from 'lucide-vue-next';\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  }: {\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 || 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\n                          class={`${prefixCls}-selection-item-remove`}\n                          {...({\n                            onMousedown: (e: MouseEvent) => {\n                              e.stopPropagation();\n                              e.preventDefault();\n                            }\n                          } as any)}\n                          onClick={(e: any) => onClose(tipItem.value, e)}\n                        >\n                          <X />\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\n                class={`${prefixCls}-selection-item-remove`}\n                {...({\n                  onMousedown: (e: MouseEvent) => {\n                    e.stopPropagation();\n                    e.preventDefault();\n                  }\n                } as any)}\n                onClick={(e: any) => onClose(item.value, e)}\n              >\n                {removeIcon ? <component is={removeIcon} /> : <X />}\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,\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,\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","content","_createVNode","class","key","REST_TAG_KEY","UPopover","_mergeProps","title","getRender","displayLabel","maxWidth","map","tipItem","UIcon","onMousedown","e","stopPropagation","preventDefault","value","X","_Fragment","_resolveComponent","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","displayRest","index","ResizeObserver","opacity","mergedDisplayCount","height","overflowY","pointerEvents","position"],"mappings":"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"}

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

@@ -0,0 +1,202 @@
+import _sfc_main from './MultipleOverFlow.vue_vue_type_script_lang.mjs';
+import { resolveComponent, openBlock, createElementBlock, Fragment, createCommentVNode, renderList, createBlock, withCtx, createElementVNode, normalizeClass, normalizeStyle, mergeProps, createVNode, withModifiers, toDisplayString, resolveDynamicComponent, withDirectives, renderSlot, vShow } from 'vue';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+
+const _hoisted_1 = { style: { "display": "flex", "align-items": "center" } };
+const _hoisted_2 = ["title"];
+const _hoisted_3 = ["title"];
+const _hoisted_4 = {
+  key: 1,
+  style: { "display": "flex", "align-items": "center" }
+};
+const _hoisted_5 = ["title"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_X = resolveComponent("X");
+  const _component_UIcon = resolveComponent("UIcon");
+  const _component_Render = resolveComponent("Render");
+  const _component_UPopover = resolveComponent("UPopover");
+  const _component_ResizeObserver = resolveComponent("ResizeObserver");
+  const _component_SelectInput = resolveComponent("SelectInput");
+  return openBlock(), createElementBlock(Fragment, null, [
+    createCommentVNode(' <transition-group :appear="motionAppear" :name="tagTransitionName"> '),
+    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.displayValues, (item, index) => {
+      return openBlock(), createBlock(_component_ResizeObserver, {
+        key: item.key,
+        onResize: ($event) => _ctx.onOverflowItemResize($event, item)
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", {
+            class: normalizeClass(`${_ctx.prefixCls}-selection-item-wrapper`),
+            style: normalizeStyle({
+              opacity: index > _ctx.mergedDisplayCount && item.key !== _ctx.REST_TAG_KEY || !_ctx.displayRest && item.key === _ctx.REST_TAG_KEY ? 0 : 1,
+              height: index > _ctx.mergedDisplayCount && item.key !== _ctx.REST_TAG_KEY || !_ctx.displayRest && item.key === _ctx.REST_TAG_KEY ? 0 : void 0,
+              overflowY: index > _ctx.mergedDisplayCount && item.key !== _ctx.REST_TAG_KEY || !_ctx.displayRest && item.key === _ctx.REST_TAG_KEY ? "hidden" : void 0,
+              pointerEvents: index > _ctx.mergedDisplayCount && item.key !== _ctx.REST_TAG_KEY || !_ctx.displayRest && item.key === _ctx.REST_TAG_KEY ? "none" : void 0,
+              position: index > _ctx.mergedDisplayCount && item.key !== _ctx.REST_TAG_KEY || !_ctx.displayRest && item.key === _ctx.REST_TAG_KEY ? "absolute" : void 0
+            })
+          }, [
+            _ctx.isNotRender ? (openBlock(), createElementBlock("span", {
+              key: 0,
+              class: normalizeClass({
+                [`${item.class}`]: item.class,
+                [`${_ctx.prefixCls}-selection-item`]: true,
+                [`${_ctx.prefixCls}-selection-item-disabled`]: item.disabled
+              })
+            }, [
+              item.key === _ctx.REST_TAG_KEY || _ctx.isShowTagTooltip ? (openBlock(), createBlock(_component_UPopover, mergeProps({
+                key: 0,
+                disabled: !_ctx.maxTagTooltip,
+                trigger: "hover",
+                "dropdown-class": `${_ctx.prefixCls}-dropdown-tooltip`,
+                "show-arrow": true,
+                placement: "top",
+                ref_for: true
+              }, _ctx.popoverProps), {
+                content: withCtx(() => [
+                  createElementVNode("div", {
+                    class: normalizeClass(`${_ctx.prefixCls}-selection-tooltip`),
+                    style: normalizeStyle({ maxWidth: `${_ctx.maxTagTooltipWidth}px` })
+                  }, [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.values, (tipItem) => {
+                      return openBlock(), createElementBlock("span", {
+                        key: tipItem.key,
+                        class: normalizeClass({
+                          [`${_ctx.prefixCls}-selection-item`]: true
+                        })
+                      }, [
+                        createElementVNode("span", {
+                          class: normalizeClass([`${_ctx.prefixCls}-selection-item-content`, "ldlldlldl"]),
+                          title: tipItem.title
+                        }, [
+                          createVNode(_component_Render, {
+                            render: _ctx.getRender(tipItem.displayLabel)
+                          }, null, 8, ["render"])
+                        ], 10, _hoisted_3),
+                        _ctx.closable(tipItem) ? (openBlock(), createBlock(_component_UIcon, {
+                          key: 0,
+                          class: normalizeClass(`${_ctx.prefixCls}-selection-item-remove`),
+                          onMousedown: _cache[1] || (_cache[1] = withModifiers(() => {
+                          }, ["stop", "prevent"])),
+                          onClick: (e) => _ctx.onClose(tipItem.value, e)
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_X)
+                          ]),
+                          _: 2
+                        }, 1032, ["class", "onClick"])) : createCommentVNode("v-if", true)
+                      ], 2);
+                    }), 128))
+                  ], 6)
+                ]),
+                default: withCtx(() => [
+                  createElementVNode("div", _hoisted_1, [
+                    createElementVNode("span", {
+                      class: normalizeClass(`${_ctx.prefixCls}-selection-item-content`),
+                      title: item.title
+                    }, toDisplayString(item.displayLabel), 11, _hoisted_2),
+                    _ctx.closable(item) ? (openBlock(), createBlock(_component_UIcon, {
+                      key: 0,
+                      class: normalizeClass(`${_ctx.prefixCls}-selection-item-remove`),
+                      style: { "opacity": "0" },
+                      onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {
+                      }, ["stop", "prevent"]))
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_X)
+                      ]),
+                      _: 1
+                    }, 8, ["class"])) : createCommentVNode("v-if", true)
+                  ])
+                ]),
+                _: 2
+              }, 1040, ["disabled", "dropdown-class"])) : (openBlock(), createElementBlock("div", _hoisted_4, [
+                createElementVNode("span", {
+                  class: normalizeClass(`${_ctx.prefixCls}-selection-item-content`),
+                  title: item.title
+                }, [
+                  createVNode(_component_Render, {
+                    render: _ctx.getRender(item.displayLabel)
+                  }, null, 8, ["render"])
+                ], 10, _hoisted_5),
+                _ctx.closable(item) ? (openBlock(), createBlock(_component_UIcon, {
+                  key: 0,
+                  class: normalizeClass(`${_ctx.prefixCls}-selection-item-remove`),
+                  onMousedown: _cache[2] || (_cache[2] = withModifiers(() => {
+                  }, ["stop", "prevent"])),
+                  onClick: (e) => _ctx.onClose(item.value, e)
+                }, {
+                  default: withCtx(() => [
+                    _ctx.removeIcon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.removeIcon), { key: 0 })) : (openBlock(), createBlock(_component_X, { key: 1 }))
+                  ]),
+                  _: 2
+                }, 1032, ["class", "onClick"])) : createCommentVNode("v-if", true)
+              ]))
+            ], 2)) : (openBlock(), createElementBlock("span", {
+              key: 1,
+              class: normalizeClass(item.class),
+              onMousedown: _cache[3] || (_cache[3] = withModifiers(() => {
+              }, ["stop", "prevent"]))
+            }, [
+              createVNode(_component_Render, {
+                render: () => {
+                  var _a;
+                  return (_a = _ctx.tagRender) == null ? void 0 : _a.call(_ctx, {
+                    ...item,
+                    closable: _ctx.closable(item),
+                    onClose: (e) => {
+                      _ctx.onClose(item.value, e);
+                    }
+                  });
+                }
+              }, null, 8, ["render"])
+            ], 34))
+          ], 6)
+        ]),
+        _: 2
+      }, 1032, ["onResize"]);
+    }), 128)),
+    createCommentVNode(" </transition-group> "),
+    createElementVNode("span", {
+      class: normalizeClass(`${_ctx.prefixCls}-selection-search`),
+      style: normalizeStyle({ width: `${_ctx.inputWidth}px` })
+    }, [
+      createVNode(_component_ResizeObserver, {
+        onResize: _cache[4] || (_cache[4] = ($event) => _ctx.onSuffixResize($event))
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_SelectInput, {
+            "input-ref": _ctx.inputRef,
+            "prefix-cls": _ctx.prefixCls,
+            autocomplete: "off",
+            disabled: _ctx.disabled,
+            editable: _ctx.inputEditable,
+            value: _ctx.inputValue,
+            onMousedown: _ctx.onInputMouseDown,
+            onChange: _ctx.onInputChange,
+            onKeydown: _ctx.onInputKeydown,
+            onCompositionstart: _ctx.onInputCompositionStart,
+            onCompositionend: _ctx.onInputCompositionEnd,
+            onPaste: _ctx.onInputPaste
+          }, null, 8, ["input-ref", "prefix-cls", "disabled", "editable", "value", "onMousedown", "onChange", "onKeydown", "onCompositionstart", "onCompositionend", "onPaste"])
+        ]),
+        _: 1
+      }),
+      createElementVNode("span", {
+        ref: "measureRef",
+        class: normalizeClass(`${_ctx.prefixCls}-selection-search-mirror`),
+        "aria-hidden": ""
+      }, toDisplayString(_ctx.inputValue) + "\xA0 ", 3)
+    ], 6),
+    withDirectives(createElementVNode("div", {
+      class: normalizeClass(`${_ctx.prefixCls}-selection-placeholder`)
+    }, [
+      renderSlot(_ctx.$slots, "placeholder")
+    ], 2), [
+      [vShow, _ctx.showPlaceholder]
+    ])
+  ], 64);
+}
+var MultipleOverFlow = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Select/Selection/MultipleOverFlow.vue"]]);
+
+export { MultipleOverFlow as default };
+//# sourceMappingURL=MultipleOverFlow.mjs.map

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

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