@koi-design/uxd-ui 13.2.8 → 14.0.1

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

@@ -1,306 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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/hooks/useMultipleBase.d.ts

@@ -1,34 +0,0 @@
-import type { DisplayOption, SingleValueType } from '../Select.type';
-export declare const REST_TAG_KEY = "__UUI_SELECT_MAX_REST_COUNT__";
-export default function useMultipleBase(props: any, emit: any): {
-    motionAppear: import("vue").Ref<boolean, boolean>;
-    measureRef: import("vue").Ref<any, any>;
-    inputWidth: import("vue").Ref<number, number>;
-    inputValue: import("vue").ComputedRef<any>;
-    inputEditable: import("vue").ComputedRef<any>;
-    showPlaceholder: import("vue").ComputedRef<boolean>;
-    isNotRender: import("vue").ComputedRef<boolean>;
-    displayValues: import("vue").ComputedRef<any>;
-    displayRest: import("vue").ComputedRef<boolean>;
-    mergedDisplayCount: import("vue").ComputedRef<number>;
-    closable: (item: DisplayOption) => boolean;
-    onClose: (value: SingleValueType, e: any) => void;
-    onOverflowItemResize: ({ width }: {
-        width: number;
-    }, item: DisplayOption) => void;
-    onSuffixResize: ({ width }: {
-        width: number;
-    }) => void;
-    onInputMouseDown: () => void;
-    onInputChange: (val: any) => void;
-    onInputKeydown: (e: KeyboardEvent) => void;
-    onInputCompositionStart: (e: CompositionEvent) => void;
-    onInputCompositionEnd: (e: CompositionEvent) => void;
-    onInputPaste: (e: ClipboardEvent) => void;
-    REST_TAG_KEY: string;
-    getRender: (children: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }> | import("vue").VNodeChild) => () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>;
-};

package/es/components/Select/hooks/useMultipleBase.mjs

@@ -1,211 +0,0 @@
-import { ref, computed, shallowRef, onMounted, watch } from 'vue';
-import { getRender } from '../../../utils/slots.mjs';
-
-const REST_TAG_KEY = "__UUI_SELECT_MAX_REST_COUNT__";
-function useMultipleBase(props, emit) {
-  const motionAppear = ref(false);
-  const measureRef = ref();
-  const inputWidth = ref(0);
-  const mergedContainerWidth = computed(() => props.containerWrapperWidth || 0);
-  const itemWidths = shallowRef(/* @__PURE__ */ new Map());
-  const suffixWidth = shallowRef(0);
-  const prevRestWidth = shallowRef(0);
-  const restWidth = shallowRef(0);
-  const displayCount = shallowRef(null);
-  const restReady = shallowRef(false);
-  const inputValue = computed(() => {
-    return props.searchValue;
-  });
-  const inputEditable = computed(() => {
-    return props.filterable && props.open;
-  });
-  const showPlaceholder = computed(() => {
-    return !props.values.length && !inputValue.value;
-  });
-  const isNotRender = computed(() => {
-    return !props.tagRender;
-  });
-  const mergedDisplayCount = computed(() => {
-    if (displayCount.value === null) {
-      return Number.MAX_SAFE_INTEGER;
-    }
-    return displayCount.value || 0;
-  });
-  const mergedRestWidth = computed(() => Math.max(prevRestWidth.value, restWidth.value));
-  const omittedItems = computed(() => {
-    return props.values.slice(mergedDisplayCount.value + 1);
-  });
-  const displayRest = computed(() => restReady.value && !!omittedItems.value.length);
-  const baseDisplayValues = computed(() => {
-    const { values, maxTagCount, maxTagTextLength, maxTagPlaceholder } = props;
-    let restCount = 0;
-    let _display = values;
-    if (typeof maxTagCount === "number") {
-      restCount = values.length - maxTagCount;
-      _display = values.slice(0, maxTagCount);
-    }
-    if (typeof maxTagTextLength === "number") {
-      _display = _display.map(({ displayLabel, ...rest }) => {
-        let _label = displayLabel;
-        if (typeof displayLabel === "string" || typeof displayLabel === "number") {
-          const strLabel = String(_label);
-          if (strLabel.length > maxTagTextLength) {
-            _label = `${strLabel.slice(0, maxTagTextLength)}...`;
-          }
-        }
-        return {
-          ...rest,
-          displayLabel: _label
-        };
-      });
-    }
-    if (restCount > 0) {
-      const rest = values.slice(maxTagCount);
-      _display.push({
-        key: REST_TAG_KEY,
-        value: REST_TAG_KEY,
-        displayLabel: maxTagPlaceholder(rest)
-      });
-    }
-    return _display;
-  });
-  const overflowDisplayValues = computed(() => {
-    const { maxTagPlaceholder } = props;
-    let items = [];
-    if (props.containerWrapperWidth === null) {
-      items = props.values;
-    } else {
-      items = props.values.slice(0, Math.min(props.values.length, props.containerWrapperWidth / props.itemWidth));
-    }
-    items = [
-      ...items,
-      {
-        key: REST_TAG_KEY,
-        value: REST_TAG_KEY,
-        displayLabel: maxTagPlaceholder(omittedItems.value)
-      }
-    ];
-    return items;
-  });
-  const displayValues = computed(() => {
-    return props.enableOverflow ? overflowDisplayValues.value : baseDisplayValues.value;
-  });
-  const closable = (item) => {
-    return item.key !== REST_TAG_KEY && !item.disabled;
-  };
-  const onClose = (value, e) => {
-    if (e && e.stopPropagation) {
-      e.stopPropagation();
-    }
-    emit("select", value, { selected: false });
-  };
-  const getItemWidth = (index) => {
-    return itemWidths.value.get(displayValues.value[index].value || displayValues.value[index].key);
-  };
-  const updateDisplayCount = (count, notReady) => {
-    displayCount.value = count;
-    if (!notReady) {
-      restReady.value = count < props.values.length - 1;
-    }
-  };
-  const onOverflowItemResize = ({ width }, item) => {
-    const clone = new Map(itemWidths.value);
-    const key = item.value || item.key;
-    if (key === REST_TAG_KEY) {
-      prevRestWidth.value = restWidth.value;
-      restWidth.value = width;
-    }
-    if (width === null) {
-      clone.delete(key);
-    } else {
-      clone.set(key, width);
-    }
-    itemWidths.value = clone;
-  };
-  const onSuffixResize = ({ width }) => {
-    suffixWidth.value = width;
-  };
-  const onInputMouseDown = () => {
-    emit("input-mousedown");
-  };
-  const onInputChange = (val) => {
-    emit("input-change", val);
-  };
-  const onInputKeydown = (e) => {
-    emit("input-keydown", e);
-  };
-  const onInputCompositionStart = (e) => {
-    emit("input-compositionstart", e);
-  };
-  const onInputCompositionEnd = (e) => {
-    emit("input-compositionend", e);
-  };
-  const onInputPaste = (e) => {
-    emit("input-paste", e);
-  };
-  onMounted(() => {
-    motionAppear.value = true;
-    watch(
-      inputValue,
-      () => {
-        inputWidth.value = measureRef.value.scrollWidth;
-      },
-      { flush: "post" }
-    );
-  });
-  watch([mergedContainerWidth, itemWidths, restWidth, suffixWidth, displayValues], () => {
-    if (!props.enableOverflow)
-      return;
-    if (mergedContainerWidth.value && mergedRestWidth.value && displayValues.value) {
-      let totalWidth = suffixWidth.value;
-      const len = displayValues.value.filter((item) => item.key !== REST_TAG_KEY).length;
-      const lastIndex = len - 1;
-      if (!len) {
-        updateDisplayCount(0);
-        return;
-      }
-      for (let i = 0; i < len; i += 1) {
-        const currentItemWidth = getItemWidth(i);
-        if (currentItemWidth === void 0) {
-          updateDisplayCount(i - 1, true);
-          break;
-        }
-        totalWidth += currentItemWidth;
-        if (lastIndex === 0 && totalWidth <= mergedContainerWidth.value || i === lastIndex - 1 && totalWidth + getItemWidth(lastIndex) <= mergedContainerWidth.value) {
-          updateDisplayCount(lastIndex);
-          break;
-        } else if (totalWidth + mergedRestWidth.value > mergedContainerWidth.value) {
-          updateDisplayCount(i - 1);
-          break;
-        }
-      }
-    }
-  });
-  return {
-    motionAppear,
-    measureRef,
-    inputWidth,
-    inputValue,
-    inputEditable,
-    showPlaceholder,
-    isNotRender,
-    displayValues,
-    displayRest,
-    mergedDisplayCount,
-    closable,
-    onClose,
-    onOverflowItemResize,
-    onSuffixResize,
-    onInputMouseDown,
-    onInputChange,
-    onInputKeydown,
-    onInputCompositionStart,
-    onInputCompositionEnd,
-    onInputPaste,
-    REST_TAG_KEY,
-    getRender
-  };
-}
-
-export { REST_TAG_KEY, useMultipleBase as default };
-//# sourceMappingURL=useMultipleBase.mjs.map

package/es/components/Select/hooks/useMultipleBase.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useMultipleBase.mjs","sources":["../../../../../src/components/Select/hooks/useMultipleBase.ts"],"sourcesContent":["import { ref, computed, shallowRef, onMounted, watch } from 'vue';\nimport type { DisplayOption, SingleValueType } from '../Select.type';\nimport { getRender } from '../../../utils/slots';\n\nexport const REST_TAG_KEY = '__UUI_SELECT_MAX_REST_COUNT__';\n\nexport default function useMultipleBase(props: any, emit: any) {\n  type Key = string | number;\n\n  const motionAppear = ref(false);\n  const measureRef = ref();\n  const inputWidth = ref(0);\n\n  const mergedContainerWidth = computed(() => props.containerWrapperWidth || 0);\n  const itemWidths = shallowRef<Map<Key, number>>(new Map<Key, number>());\n  const suffixWidth = shallowRef(0);\n  const prevRestWidth = shallowRef(0);\n  const restWidth = shallowRef(0);\n  const displayCount = shallowRef<number>(null);\n  const restReady = shallowRef(false);\n\n  const inputValue = computed(() => {\n    return props.searchValue;\n  });\n\n  const inputEditable = computed(() => {\n    return props.filterable && props.open;\n  });\n\n  const showPlaceholder = computed(() => {\n    return !props.values.length && !inputValue.value;\n  });\n\n  const isNotRender = computed(() => {\n    return !props.tagRender;\n  });\n\n  const mergedDisplayCount = computed(() => {\n    if (displayCount.value === null) {\n      return Number.MAX_SAFE_INTEGER;\n    }\n    return displayCount.value || 0;\n  });\n\n  const mergedRestWidth = computed(() => Math.max(prevRestWidth.value, restWidth.value));\n\n  const omittedItems = computed(() => {\n    return props.values.slice(mergedDisplayCount.value + 1);\n  });\n\n  const displayRest = computed(() => restReady.value && !!omittedItems.value.length);\n\n  const baseDisplayValues = computed(() => {\n    const { values, maxTagCount, maxTagTextLength, maxTagPlaceholder } = props;\n    let restCount = 0;\n    let _display = values;\n\n    if (typeof maxTagCount === 'number') {\n      restCount = values.length - maxTagCount;\n      _display = values.slice(0, maxTagCount);\n    }\n\n    if (typeof maxTagTextLength === 'number') {\n      _display = _display.map(({ displayLabel, ...rest }: { displayLabel: string; [key: string]: any }) => {\n        let _label = displayLabel;\n        if (typeof displayLabel === 'string' || typeof displayLabel === 'number') {\n          const strLabel = String(_label);\n          if (strLabel.length > maxTagTextLength) {\n            _label = `${strLabel.slice(0, maxTagTextLength)}...`;\n          }\n        }\n        return {\n          ...rest,\n          displayLabel: _label\n        };\n      });\n    }\n\n    if (restCount > 0) {\n      const rest = values.slice(maxTagCount);\n      _display.push({\n        key: REST_TAG_KEY,\n        value: REST_TAG_KEY,\n        displayLabel: maxTagPlaceholder(rest)\n      });\n    }\n    return _display;\n  });\n\n  const overflowDisplayValues = computed(() => {\n    const { maxTagPlaceholder } = props;\n    let items = [];\n\n    if (props.containerWrapperWidth === null) {\n      items = props.values;\n    } else {\n      items = props.values.slice(0, Math.min(props.values.length, props.containerWrapperWidth / props.itemWidth));\n    }\n\n    items = [\n      ...items,\n      {\n        key: REST_TAG_KEY,\n        value: REST_TAG_KEY,\n        displayLabel: maxTagPlaceholder(omittedItems.value)\n      }\n    ];\n\n    return items as DisplayOption[];\n  });\n\n  const displayValues = computed(() => {\n    return props.enableOverflow ? overflowDisplayValues.value : baseDisplayValues.value;\n  });\n\n  const closable = (item: DisplayOption) => {\n    return item.key !== REST_TAG_KEY && !item.disabled;\n  };\n\n  const onClose = (value: SingleValueType, e: any) => {\n    if (e && e.stopPropagation) {\n      e.stopPropagation();\n    }\n    emit('select', value, { selected: false });\n  };\n\n  const getItemWidth = (index: number) => {\n    return itemWidths.value.get(displayValues.value[index].value || displayValues.value[index].key);\n  };\n\n  const updateDisplayCount = (count: number, notReady?: boolean) => {\n    displayCount.value = count;\n    if (!notReady) {\n      restReady.value = count < props.values.length - 1;\n    }\n  };\n\n  const onOverflowItemResize = ({ width }: { width: number }, item: DisplayOption) => {\n    const clone = new Map(itemWidths.value);\n    const key = item.value || item.key;\n\n    if (key === REST_TAG_KEY) {\n      prevRestWidth.value = restWidth.value;\n      restWidth.value = width!;\n    }\n\n    if (width === null) {\n      clone.delete(key);\n    } else {\n      clone.set(key, width);\n    }\n    itemWidths.value = clone;\n  };\n\n  const onSuffixResize = ({ width }: { width: number }) => {\n    suffixWidth.value = width;\n  };\n\n  const onInputMouseDown = () => {\n    emit('input-mousedown');\n  };\n\n  const onInputChange = (val: any) => {\n    emit('input-change', val);\n  };\n\n  const onInputKeydown = (e: KeyboardEvent) => {\n    emit('input-keydown', e);\n  };\n\n  const onInputCompositionStart = (e: CompositionEvent) => {\n    emit('input-compositionstart', e);\n  };\n\n  const onInputCompositionEnd = (e: CompositionEvent) => {\n    emit('input-compositionend', e);\n  };\n\n  const onInputPaste = (e: ClipboardEvent) => {\n    emit('input-paste', e);\n  };\n\n  onMounted(() => {\n    motionAppear.value = true;\n    watch(\n      inputValue,\n      () => {\n        inputWidth.value = measureRef.value.scrollWidth;\n      },\n      { flush: 'post' }\n    );\n  });\n\n  watch([mergedContainerWidth, itemWidths, restWidth, suffixWidth, displayValues], () => {\n    if (!props.enableOverflow) return;\n\n    if (mergedContainerWidth.value && mergedRestWidth.value && displayValues.value) {\n      let totalWidth = suffixWidth.value;\n      const len = displayValues.value.filter((item: DisplayOption) => item.key !== REST_TAG_KEY).length;\n      const lastIndex = len - 1;\n\n      if (!len) {\n        updateDisplayCount(0);\n        return;\n      }\n\n      for (let i = 0; i < len; i += 1) {\n        const currentItemWidth = getItemWidth(i);\n\n        if (currentItemWidth === undefined) {\n          updateDisplayCount(i - 1, true);\n          break;\n        }\n\n        totalWidth += currentItemWidth;\n\n        if (\n          (lastIndex === 0 && totalWidth <= mergedContainerWidth.value) ||\n          (i === lastIndex - 1 && totalWidth + getItemWidth(lastIndex)! <= mergedContainerWidth.value)\n        ) {\n          updateDisplayCount(lastIndex);\n          break;\n        } else if (totalWidth + mergedRestWidth.value > mergedContainerWidth.value) {\n          updateDisplayCount(i - 1);\n          break;\n        }\n      }\n    }\n  });\n\n  return {\n    motionAppear,\n    measureRef,\n    inputWidth,\n    inputValue,\n    inputEditable,\n    showPlaceholder,\n    isNotRender,\n    displayValues,\n    displayRest,\n    mergedDisplayCount,\n\n    closable,\n    onClose,\n    onOverflowItemResize,\n    onSuffixResize,\n    onInputMouseDown,\n    onInputChange,\n    onInputKeydown,\n    onInputCompositionStart,\n    onInputCompositionEnd,\n    onInputPaste,\n\n    REST_TAG_KEY,\n    getRender\n  };\n}\n"],"names":[],"mappings":"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"}