@koi-design/uxd-ui 13.2.8 → 13.2.9

package/es/components/Select/Selection/Multiple.vue.d.ts

@@ -50,6 +50,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: NumberConstructor;
         default: number;
     };
+    maxTagTooltipShowAll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     tagRender: {
         type: PropType<TagRenderFunction>;
     };
@@ -65,9 +69,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => {};
     };
 }>, {
-    getRender: (children: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }> | VNodeChild) => () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    getRender: (children: import("vue").VNode | VNodeChild | string | number) => () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>;
     REST_TAG_KEY: string;
@@ -79,6 +81,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     showPlaceholder: import("vue").ComputedRef<boolean>;
     isNotRender: import("vue").ComputedRef<boolean>;
     displayValues: import("vue").ComputedRef<DisplayOption[]>;
+    tooltipValues: import("vue").ComputedRef<DisplayOption[]>;
     closable: (item: DisplayOption) => boolean;
     onClose: (value: SingleValueType, e: any) => void;
     onInputMouseDown: () => void;
@@ -134,6 +137,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: NumberConstructor;
         default: number;
     };
+    maxTagTooltipShowAll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     tagRender: {
         type: PropType<TagRenderFunction>;
     };
@@ -165,11 +172,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     maxTagTooltip: boolean;
     isShowTagTooltip: boolean;
     maxTagTooltipWidth: number;
+    maxTagTooltipShowAll: boolean;
     popoverProps: PopoverProps;
 }, {}, {
     SelectInput: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         inputRef: {
-            type: PropType<(el: Element | ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any>) => void>;
+            type: PropType<(el: Element | ComponentPublicInstance | null) => void>;
         };
         prefixCls: {
             type: StringConstructor;
@@ -215,9 +223,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         onCompositionend: (e: any) => void;
         onFocus: (args: any) => void;
         onBlur: (args: any) => void;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("paste" | "change" | "compositionend" | "compositionstart" | "keydown" | "mousedown")[], "change" | "mousedown" | "keydown" | "paste" | "compositionend" | "compositionstart", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "mousedown" | "keydown" | "paste" | "compositionstart" | "compositionend")[], "change" | "mousedown" | "keydown" | "paste" | "compositionstart" | "compositionend", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         inputRef: {
-            type: PropType<(el: Element | ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any>) => void>;
+            type: PropType<(el: Element | ComponentPublicInstance | null) => void>;
         };
         prefixCls: {
             type: StringConstructor;
@@ -257,9 +265,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         onChange?: (...args: any[]) => any;
         onMousedown?: (...args: any[]) => any;
         onKeydown?: (...args: any[]) => any;
-        onPaste?: (...args: any[]) => any;
-        onCompositionend?: (...args: any[]) => any;
         onCompositionstart?: (...args: any[]) => any;
+        onCompositionend?: (...args: any[]) => any;
+        onPaste?: (...args: any[]) => any;
     }>, {
         disabled: boolean;
         autofocus: boolean;
@@ -277,7 +285,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     UPopover: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
             placement: {
-                type: PropType<"top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end">;
+                type: PropType<import("@koi-design/uxd-ui/es/utils").Placements>;
                 default: string;
                 validator: (val: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end") => boolean;
             };
@@ -304,7 +312,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: () => {};
             };
             trigger: {
-                type: PropType<"click" | "hover" | "focus" | "contextmenu">;
+                type: PropType<import("@koi-design/uxd-ui/es/components/Popover").PopoverTrigger>;
                 default: string;
                 validator: (val: "click" | "hover" | "focus" | "contextmenu") => boolean;
             };
@@ -313,7 +321,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 validator: (val: any[]) => boolean;
             };
             type: {
-                type: PropType<"popConfirm" | "popover">;
+                type: PropType<import("@koi-design/uxd-ui/es/components/Popover").PopoverType>;
                 default: string;
                 validator: (val: "popConfirm" | "popover") => boolean;
             };
@@ -398,7 +406,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     type: PropType<import("../../Popup").GetPopupContainer>;
                 };
                 placement: {
-                    type: PropType<"top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end">;
+                    type: PropType<import("@koi-design/uxd-ui/es/utils").Placements>;
                     default: string;
                     validator: (val: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end") => boolean;
                 };
@@ -420,8 +428,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     type: StringConstructor;
                 };
                 trigger: {
-                    type: PropType<("click" | "hover" | "focus" | "contextmenu")[]>;
-                    default: () => ("click" | "hover" | "focus" | "contextmenu")[];
+                    type: PropType<import("../../Popup").PopupTrigger[]>;
+                    default: () => import("../../Popup").PopupTrigger[];
                 };
                 mouseEnterDelay: {
                     type: NumberConstructor;
@@ -489,7 +497,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     type: PropType<import("../../Popup").GetPopupContainer>;
                 };
                 placement: {
-                    type: PropType<"top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end">;
+                    type: PropType<import("@koi-design/uxd-ui/es/utils").Placements>;
                     default: string;
                     validator: (val: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end") => boolean;
                 };
@@ -511,8 +519,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     type: StringConstructor;
                 };
                 trigger: {
-                    type: PropType<("click" | "hover" | "focus" | "contextmenu")[]>;
-                    default: () => ("click" | "hover" | "focus" | "contextmenu")[];
+                    type: PropType<import("../../Popup").PopupTrigger[]>;
+                    default: () => import("../../Popup").PopupTrigger[];
                 };
                 mouseEnterDelay: {
                     type: NumberConstructor;
@@ -586,7 +594,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             Defaults: {};
         }, Readonly<import("vue").ExtractPropTypes<{
             placement: {
-                type: PropType<"top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end">;
+                type: PropType<import("@koi-design/uxd-ui/es/utils").Placements>;
                 default: string;
                 validator: (val: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end") => boolean;
             };
@@ -613,7 +621,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: () => {};
             };
             trigger: {
-                type: PropType<"click" | "hover" | "focus" | "contextmenu">;
+                type: PropType<import("@koi-design/uxd-ui/es/components/Popover").PopoverTrigger>;
                 default: string;
                 validator: (val: "click" | "hover" | "focus" | "contextmenu") => boolean;
             };
@@ -622,7 +630,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 validator: (val: any[]) => boolean;
             };
             type: {
-                type: PropType<"popConfirm" | "popover">;
+                type: PropType<import("@koi-design/uxd-ui/es/components/Popover").PopoverType>;
                 default: string;
                 validator: (val: "popConfirm" | "popover") => boolean;
             };
@@ -701,7 +709,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         __isSuspense?: never;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
         placement: {
-            type: PropType<"top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end">;
+            type: PropType<import("@koi-design/uxd-ui/es/utils").Placements>;
             default: string;
             validator: (val: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end") => boolean;
         };
@@ -728,7 +736,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: () => {};
         };
         trigger: {
-            type: PropType<"click" | "hover" | "focus" | "contextmenu">;
+            type: PropType<import("@koi-design/uxd-ui/es/components/Popover").PopoverTrigger>;
             default: string;
             validator: (val: "click" | "hover" | "focus" | "contextmenu") => boolean;
         };
@@ -737,7 +745,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             validator: (val: any[]) => boolean;
         };
         type: {
-            type: PropType<"popConfirm" | "popover">;
+            type: PropType<import("@koi-design/uxd-ui/es/components/Popover").PopoverType>;
             default: string;
             validator: (val: "popConfirm" | "popover") => boolean;
         };
@@ -822,7 +830,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: PropType<import("../../Popup").GetPopupContainer>;
             };
             placement: {
-                type: PropType<"top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end">;
+                type: PropType<import("@koi-design/uxd-ui/es/utils").Placements>;
                 default: string;
                 validator: (val: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end") => boolean;
             };
@@ -844,8 +852,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: StringConstructor;
             };
             trigger: {
-                type: PropType<("click" | "hover" | "focus" | "contextmenu")[]>;
-                default: () => ("click" | "hover" | "focus" | "contextmenu")[];
+                type: PropType<import("../../Popup").PopupTrigger[]>;
+                default: () => import("../../Popup").PopupTrigger[];
             };
             mouseEnterDelay: {
                 type: NumberConstructor;
@@ -913,7 +921,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: PropType<import("../../Popup").GetPopupContainer>;
             };
             placement: {
-                type: PropType<"top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end">;
+                type: PropType<import("@koi-design/uxd-ui/es/utils").Placements>;
                 default: string;
                 validator: (val: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end") => boolean;
             };
@@ -935,8 +943,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: StringConstructor;
             };
             trigger: {
-                type: PropType<("click" | "hover" | "focus" | "contextmenu")[]>;
-                default: () => ("click" | "hover" | "focus" | "contextmenu")[];
+                type: PropType<import("../../Popup").PopupTrigger[]>;
+                default: () => import("../../Popup").PopupTrigger[];
             };
             mouseEnterDelay: {
                 type: NumberConstructor;
@@ -1001,7 +1009,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
             };
         }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
+    } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (import("vue").Plugin & Record<string, any>);
     UIcon: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
             rotate: {
@@ -1132,7 +1140,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, string, {
         color: string;
         spin: boolean;
-    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (import("vue").Plugin & Record<string, any>);
     URoundClose: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -65,6 +65,10 @@ var _sfc_main = defineComponent({
       type: Number,
       default: 99900
     },
+    maxTagTooltipShowAll: {
+      type: Boolean,
+      default: true
+    },
     tagRender: {
       type: Function
     },
@@ -151,6 +155,13 @@ var _sfc_main = defineComponent({
     const closable = (item) => {
       return item.key !== REST_TAG_KEY && !item.disabled;
     };
+    const tooltipValues = computed(() => {
+      if (props.maxTagTooltipShowAll) {
+        return props.values;
+      }
+      const displayedKeys = new Set(displayValues.value.filter((item) => item.key !== REST_TAG_KEY).map((item) => item.key));
+      return props.values.filter((v) => !displayedKeys.has(v.key));
+    });
     const onClose = (value, e) => {
       if (e && e.stopPropagation) {
         e.stopPropagation();
@@ -170,6 +181,7 @@ var _sfc_main = defineComponent({
       showPlaceholder,
       isNotRender,
       displayValues,
+      tooltipValues,
       closable,
       onClose,
       onInputMouseDown: () => {

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

@@ -1 +1 @@
-{"version":3,"file":"Multiple.vue_vue_type_script_lang.mjs","sources":["../../../../../src/components/Select/Selection/Multiple.vue"],"sourcesContent":["<template>\n  <!-- <transition-group :appear=\"motionAppear\" :name=\"tagTransitionName\"> -->\n  <template v-for=\"item in displayValues\" :key=\"item.key\">\n    <span\n      v-if=\"isNotRender\"\n      :class=\"{\n        [`${item.class}`]: item.class,\n        [`${prefixCls}-selection-item`]: true,\n        [`${prefixCls}-selection-item-disabled`]: item.disabled\n      }\"\n    >\n      <template v-if=\"item.key === REST_TAG_KEY || isShowTagTooltip\">\n        <UPopover :disabled=\"!maxTagTooltip\" trigger=\"hover\" :show-arrow=\"true\" placement=\"top\" v-bind=\"popoverProps\">\n          <span :class=\"`${prefixCls}-selection-item-content`\" :title=\"item.title\">\n            <Render :render=\"getRender(item.displayLabel)\" />\n          </span>\n          <template #content>\n            <div :class=\"`${prefixCls}-selection-tooltip`\" :style=\"{ maxWidth: `${maxTagTooltipWidth}px` }\">\n              <span\n                v-for=\"tipItem in values\"\n                :key=\"tipItem.key\"\n                :class=\"{\n                  [`${prefixCls}-selection-item`]: true\n                }\"\n              >\n                <span :class=\"`${prefixCls}-selection-item-content`\" :title=\"tipItem.title\">\n                  <Render :render=\"getRender(tipItem.displayLabel)\" />\n                </span>\n                <UIcon\n                  v-if=\"closable(tipItem)\"\n                  :class=\"`${prefixCls}-selection-item-remove`\"\n                  @mousedown.stop.prevent\n                  @click=\"(e) => onClose(tipItem.value, e)\"\n                >\n                  <URoundClose />\n                </UIcon>\n              </span>\n            </div>\n          </template>\n        </UPopover>\n      </template>\n      <template v-else>\n        <span :class=\"`${prefixCls}-selection-item-content`\" :title=\"item.title\">\n          <!-- {{ item.displayLabel }} -->\n          <Render :render=\"getRender(item.displayLabel)\" />\n        </span>\n        <UIcon v-if=\"closable(item)\" :class=\"`${prefixCls}-selection-item-remove`\" @mousedown.stop.prevent @click=\"(e) => onClose(item.value, e)\">\n          <component :is=\"removeIcon\" v-if=\"removeIcon\" />\n          <URoundClose v-else />\n        </UIcon>\n      </template>\n    </span>\n    <span v-else :class=\"item.class\" @mousedown.stop.prevent>\n      <Render\n        :render=\"\n          () => {\n            return tagRender?.({\n              ...item,\n              closable: closable(item),\n              onClose: (e) => {\n                onClose(item.value, e);\n              }\n            });\n          }\n        \"\n      />\n    </span>\n  </template>\n  <!-- </transition-group> -->\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      @mousedown=\"onInputMouseDown\"\n      @change=\"onInputChange\"\n      @keydown=\"onInputKeydown\"\n      @compositionstart=\"onInputCompositionStart\"\n      @compositionend=\"onInputCompositionEnd\"\n      @paste=\"onInputPaste\"\n    />\n    <span ref=\"measureRef\" :class=\"`${prefixCls}-selection-search-mirror`\" aria-hidden> {{ inputValue }}&nbsp; </span>\n  </span>\n  <div v-show=\"showPlaceholder\" :class=\"`${prefixCls}-selection-placeholder`\">\n    <slot name=\"placeholder\" />\n  </div>\n</template>\n\n<script lang=\"tsx\">\nimport { defineComponent, ref, computed, watch, onMounted } 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 Render from '../../base/Render';\nimport { getRender } from '../../../utils/slots';\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 REST_TAG_KEY = '__UUI_SELECT_MAX_REST_COUNT__';\nconst defaultMaxTagPlaceholder = (ommittedValus: string[]) => `+ ${ommittedValus.length}...`;\n\nexport default defineComponent({\n  name: 'MutipleSelector',\n  components: {\n    SelectInput,\n    Render,\n    UPopover,\n    UIcon,\n    URoundClose\n  },\n  inheritAttrs: false,\n  props: {\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]\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  emits: ['select', 'input-mousedown', 'input-change', 'input-keydown', 'input-compositionstart', 'input-compositionend', 'input-paste'],\n  setup(props, { emit }) {\n    const motionAppear = ref(false);\n    const measureRef = ref();\n    const inputWidth = ref(0);\n\n    const inputValue = computed(() => {\n      return props.searchValue;\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    onMounted(() => {\n      motionAppear.value = true;\n      watch(\n        inputValue,\n        () => {\n          inputWidth.value = measureRef.value.scrollWidth;\n        },\n        { flush: 'post' }\n      );\n    });\n\n    const isNotRender = computed(() => {\n      return !props.tagRender;\n    });\n\n    const displayValues = computed(() => {\n      const { values, maxTagCount, maxTagTextLength, maxTagPlaceholder } = props;\n      let restCount = 0;\n      let _display = values;\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 }) => {\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 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    return {\n      getRender,\n      REST_TAG_KEY,\n      motionAppear,\n      measureRef,\n      inputWidth,\n      inputValue,\n      inputEditable,\n      showPlaceholder,\n      isNotRender,\n      displayValues,\n      closable,\n      onClose,\n      onInputMouseDown: () => {\n        emit('input-mousedown');\n      },\n      onInputChange: (val: any) => {\n        emit('input-change', val);\n      },\n      onInputKeydown: (e: KeyboardEvent) => {\n        emit('input-keydown', e);\n      },\n      onInputCompositionStart: (e: CompositionEvent) => {\n        emit('input-compositionstart', e);\n      },\n      onInputCompositionEnd: (e: CompositionEvent) => {\n        emit('input-compositionend', e);\n      },\n      onInputPaste: (e: ClipboardEvent) => {\n        emit('input-paste', e);\n      }\n    };\n  }\n});\n</script>\n"],"names":["REST_TAG_KEY","defaultMaxTagPlaceholder","ommittedValus","length","defineComponent","name","components","SelectInput","Render","UPopover","UIcon","URoundClose","inheritAttrs","props","prefixCls","type","String","values","Array","default","searchValue","filterable","Boolean","disabled","undefined","open","inputRef","Function","tagTransitionName","maxTagCount","Number","maxTagTextLength","maxTagPlaceholder","maxTagTooltip","maxTagTooltipWidth","tagRender","removeIcon","Object","isShowTagTooltip","popoverProps","emits","setup","emit","motionAppear","ref","measureRef","inputWidth","inputValue","computed","inputEditable","showPlaceholder","value","onMounted","watch","scrollWidth","flush","isNotRender","displayValues","restCount","_display","slice","map","displayLabel","rest","_label","strLabel","push","key","closable","item","onClose","e","stopPropagation","selected","getRender","onInputMouseDown","onInputChange","val","onInputKeydown","onInputCompositionStart","onInputCompositionEnd","onInputPaste"],"mappings":"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"}
+{"version":3,"file":"Multiple.vue_vue_type_script_lang.mjs","sources":["../../../../../src/components/Select/Selection/Multiple.vue"],"sourcesContent":["<template>\n  <!-- <transition-group :appear=\"motionAppear\" :name=\"tagTransitionName\"> -->\n  <template v-for=\"item in displayValues\" :key=\"item.key\">\n    <span\n      v-if=\"isNotRender\"\n      :class=\"{\n        [`${item.class}`]: item.class,\n        [`${prefixCls}-selection-item`]: true,\n        [`${prefixCls}-selection-item-disabled`]: item.disabled\n      }\"\n    >\n      <template v-if=\"item.key === REST_TAG_KEY || isShowTagTooltip\">\n        <UPopover :disabled=\"!maxTagTooltip\" trigger=\"hover\" :show-arrow=\"true\" placement=\"top\" v-bind=\"popoverProps\">\n          <span :class=\"`${prefixCls}-selection-item-content`\" :title=\"item.title\">\n            <Render :render=\"getRender(item.displayLabel)\" />\n          </span>\n          <template #content>\n            <div :class=\"`${prefixCls}-selection-tooltip`\" :style=\"{ maxWidth: `${maxTagTooltipWidth}px` }\">\n              <span\n                v-for=\"tipItem in tooltipValues\"\n                :key=\"tipItem.key\"\n                :class=\"{\n                  [`${prefixCls}-selection-item`]: true\n                }\"\n              >\n                <span :class=\"`${prefixCls}-selection-item-content`\" :title=\"tipItem.title\">\n                  <Render :render=\"getRender(tipItem.displayLabel)\" />\n                </span>\n                <UIcon\n                  v-if=\"closable(tipItem)\"\n                  :class=\"`${prefixCls}-selection-item-remove`\"\n                  @mousedown.stop.prevent\n                  @click=\"(e) => onClose(tipItem.value, e)\"\n                >\n                  <URoundClose />\n                </UIcon>\n              </span>\n            </div>\n          </template>\n        </UPopover>\n      </template>\n      <template v-else>\n        <span :class=\"`${prefixCls}-selection-item-content`\" :title=\"item.title\">\n          <!-- {{ item.displayLabel }} -->\n          <Render :render=\"getRender(item.displayLabel)\" />\n        </span>\n        <UIcon v-if=\"closable(item)\" :class=\"`${prefixCls}-selection-item-remove`\" @mousedown.stop.prevent @click=\"(e) => onClose(item.value, e)\">\n          <component :is=\"removeIcon\" v-if=\"removeIcon\" />\n          <URoundClose v-else />\n        </UIcon>\n      </template>\n    </span>\n    <span v-else :class=\"item.class\" @mousedown.stop.prevent>\n      <Render\n        :render=\"\n          () => {\n            return tagRender?.({\n              ...item,\n              closable: closable(item),\n              onClose: (e) => {\n                onClose(item.value, e);\n              }\n            });\n          }\n        \"\n      />\n    </span>\n  </template>\n  <!-- </transition-group> -->\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      @mousedown=\"onInputMouseDown\"\n      @change=\"onInputChange\"\n      @keydown=\"onInputKeydown\"\n      @compositionstart=\"onInputCompositionStart\"\n      @compositionend=\"onInputCompositionEnd\"\n      @paste=\"onInputPaste\"\n    />\n    <span ref=\"measureRef\" :class=\"`${prefixCls}-selection-search-mirror`\" aria-hidden> {{ inputValue }}&nbsp; </span>\n  </span>\n  <div v-show=\"showPlaceholder\" :class=\"`${prefixCls}-selection-placeholder`\">\n    <slot name=\"placeholder\" />\n  </div>\n</template>\n\n<script lang=\"tsx\">\nimport { defineComponent, ref, computed, watch, onMounted } 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 Render from '../../base/Render';\nimport { getRender } from '../../../utils/slots';\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 REST_TAG_KEY = '__UUI_SELECT_MAX_REST_COUNT__';\nconst defaultMaxTagPlaceholder = (ommittedValus: string[]) => `+ ${ommittedValus.length}...`;\n\nexport default defineComponent({\n  name: 'MutipleSelector',\n  components: {\n    SelectInput,\n    Render,\n    UPopover,\n    UIcon,\n    URoundClose\n  },\n  inheritAttrs: false,\n  props: {\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]\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    maxTagTooltipShowAll: {\n      type: Boolean,\n      default: true\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  emits: ['select', 'input-mousedown', 'input-change', 'input-keydown', 'input-compositionstart', 'input-compositionend', 'input-paste'],\n  setup(props, { emit }) {\n    const motionAppear = ref(false);\n    const measureRef = ref();\n    const inputWidth = ref(0);\n\n    const inputValue = computed(() => {\n      return props.searchValue;\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    onMounted(() => {\n      motionAppear.value = true;\n      watch(\n        inputValue,\n        () => {\n          inputWidth.value = measureRef.value.scrollWidth;\n        },\n        { flush: 'post' }\n      );\n    });\n\n    const isNotRender = computed(() => {\n      return !props.tagRender;\n    });\n\n    const displayValues = computed(() => {\n      const { values, maxTagCount, maxTagTextLength, maxTagPlaceholder } = props;\n      let restCount = 0;\n      let _display = values;\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 }) => {\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 closable = (item: DisplayOption) => {\n      return item.key !== REST_TAG_KEY && !item.disabled;\n    };\n\n    const tooltipValues = computed(() => {\n      if (props.maxTagTooltipShowAll) {\n        return props.values;\n      }\n      const displayedKeys = new Set(displayValues.value.filter((item) => item.key !== REST_TAG_KEY).map((item) => item.key));\n      return props.values.filter((v) => !displayedKeys.has(v.key));\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    return {\n      getRender,\n      REST_TAG_KEY,\n      motionAppear,\n      measureRef,\n      inputWidth,\n      inputValue,\n      inputEditable,\n      showPlaceholder,\n      isNotRender,\n      displayValues,\n      tooltipValues,\n      closable,\n      onClose,\n      onInputMouseDown: () => {\n        emit('input-mousedown');\n      },\n      onInputChange: (val: any) => {\n        emit('input-change', val);\n      },\n      onInputKeydown: (e: KeyboardEvent) => {\n        emit('input-keydown', e);\n      },\n      onInputCompositionStart: (e: CompositionEvent) => {\n        emit('input-compositionstart', e);\n      },\n      onInputCompositionEnd: (e: CompositionEvent) => {\n        emit('input-compositionend', e);\n      },\n      onInputPaste: (e: ClipboardEvent) => {\n        emit('input-paste', e);\n      }\n    };\n  }\n});\n</script>\n"],"names":["REST_TAG_KEY","defaultMaxTagPlaceholder","ommittedValus","length","defineComponent","name","components","SelectInput","Render","UPopover","UIcon","URoundClose","inheritAttrs","props","prefixCls","type","String","values","Array","default","searchValue","filterable","Boolean","disabled","undefined","open","inputRef","Function","tagTransitionName","maxTagCount","Number","maxTagTextLength","maxTagPlaceholder","maxTagTooltip","maxTagTooltipWidth","maxTagTooltipShowAll","tagRender","removeIcon","Object","isShowTagTooltip","popoverProps","emits","setup","emit","motionAppear","ref","measureRef","inputWidth","inputValue","computed","inputEditable","showPlaceholder","value","onMounted","watch","scrollWidth","flush","isNotRender","displayValues","restCount","_display","slice","map","displayLabel","rest","_label","strLabel","push","key","closable","item","tooltipValues","displayedKeys","Set","filter","v","has","onClose","e","stopPropagation","selected","getRender","onInputMouseDown","onInputChange","val","onInputKeydown","onInputCompositionStart","onInputCompositionEnd","onInputPaste"],"mappings":"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"}

package/es/components/Select/Selection/MultipleBase.d.ts

@@ -50,6 +50,10 @@ export declare const multipleBaseProps: {
         type: NumberConstructor;
         default: number;
     };
+    maxTagTooltipShowAll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     tagRender: {
         type: PropType<TagRenderFunction>;
     };
@@ -69,7 +73,7 @@ export declare const multipleBaseProps: {
         default: number;
     };
     containerWrapperWidth: {
-        type: PropType<number>;
+        type: PropType<number | null>;
         default: null;
     };
     enableOverflow: {
@@ -78,13 +82,14 @@ export declare const multipleBaseProps: {
     };
 };
 export declare const multipleBaseEmits: string[];
-export declare function renderSelectionItem(item: DisplayOption, props: any, { prefixCls, isNotRender, closable, onClose, values, displayRest }: {
+export declare function renderSelectionItem(item: DisplayOption, props: any, { prefixCls, isNotRender, closable, onClose, values, displayRest, displayedKeys }: {
     prefixCls: string;
     isNotRender: boolean;
     closable: (displayItem: DisplayOption) => boolean;
     onClose: (value: SingleValueType, e: any) => void;
     values: DisplayOption[];
     displayRest: boolean;
+    displayedKeys?: Set<string | number>;
 }): JSX.Element;
 export declare function renderSearchInput(props: any, { prefixCls, inputRef, disabled, inputEditable, inputValue, inputWidth, measureRef, onInputMouseDown, onInputChange, onInputKeydown, onInputCompositionStart, onInputCompositionEnd, onInputPaste }: any): JSX.Element;
 export declare function renderPlaceholder(showPlaceholder: boolean, prefixCls: string, slots: any): JSX.Element;
@@ -112,7 +117,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: undefined;
     };
     inputRef: {
-        type: PropType<(el: Element | ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any>) => void>;
+        type: PropType<(el: Element | ComponentPublicInstance | null) => void>;
     };
     tagTransitionName: {
         type: StringConstructor;
@@ -124,7 +129,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<number | "responsive">;
     };
     maxTagPlaceholder: {
-        type: PropType<(rest: DisplayOption[]) => VNodeChild | JSX.Element>;
+        type: PropType<(rest: DisplayOption[]) => string | VNodeChild | JSX.Element>;
         default: (ommittedValus: string[]) => string;
     };
     maxTagTooltip: {
@@ -135,6 +140,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: NumberConstructor;
         default: number;
     };
+    maxTagTooltipShowAll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     tagRender: {
         type: PropType<TagRenderFunction>;
     };
@@ -154,7 +163,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: number;
     };
     containerWrapperWidth: {
-        type: PropType<number>;
+        type: PropType<number | null>;
         default: null;
     };
     enableOverflow: {
@@ -185,7 +194,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: undefined;
     };
     inputRef: {
-        type: PropType<(el: Element | ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any>) => void>;
+        type: PropType<(el: Element | ComponentPublicInstance | null) => void>;
     };
     tagTransitionName: {
         type: StringConstructor;
@@ -197,7 +206,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<number | "responsive">;
     };
     maxTagPlaceholder: {
-        type: PropType<(rest: DisplayOption[]) => VNodeChild | JSX.Element>;
+        type: PropType<(rest: DisplayOption[]) => string | VNodeChild | JSX.Element>;
         default: (ommittedValus: string[]) => string;
     };
     maxTagTooltip: {
@@ -208,6 +217,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: NumberConstructor;
         default: number;
     };
+    maxTagTooltipShowAll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     tagRender: {
         type: PropType<TagRenderFunction>;
     };
@@ -227,7 +240,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: number;
     };
     containerWrapperWidth: {
-        type: PropType<number>;
+        type: PropType<number | null>;
         default: null;
     };
     enableOverflow: {
@@ -235,15 +248,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
 }>> & Readonly<{
-    [x: `on${string}`]: (...args: any[]) => any;
+    [x: `on${Capitalize<string>}`]: (...args: any[]) => any;
 }>, {
     values: DisplayOption[];
     open: boolean;
     disabled: boolean;
     filterable: boolean;
-    maxTagPlaceholder: (rest: DisplayOption[]) => VNodeChild | JSX.Element;
+    maxTagPlaceholder: (rest: DisplayOption[]) => string | VNodeChild | JSX.Element;
     maxTagTooltip: boolean;
     maxTagTooltipWidth: number;
+    maxTagTooltipShowAll: boolean;
     popoverProps: PopoverProps;
     isShowTagTooltip: boolean;
     itemWidth: number;

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

@@ -58,6 +58,10 @@ const multipleBaseProps = {
     type: Number,
     default: 99900
   },
+  maxTagTooltipShowAll: {
+    type: Boolean,
+    default: true
+  },
   tagRender: {
     type: Function
   },
@@ -92,16 +96,19 @@ function renderSelectionItem(item, props, {
   closable,
   onClose,
   values,
-  displayRest
+  displayRest,
+  displayedKeys
 }) {
   const {
     tagRender,
     removeIcon,
     maxTagTooltip,
     maxTagTooltipWidth,
+    maxTagTooltipShowAll,
     popoverProps,
     isShowTagTooltip
   } = props;
+  const tooltipValues = maxTagTooltipShowAll || !displayedKeys ? values : values.filter((v) => !displayedKeys.has(v.key));
   if (isNotRender) {
     const content = createVNode("span", {
       "class": {
@@ -125,7 +132,7 @@ function renderSelectionItem(item, props, {
         "style": {
           maxWidth: `${maxTagTooltipWidth}px`
         }
-      }, [values.map((tipItem) => createVNode("span", {
+      }, [tooltipValues.map((tipItem) => createVNode("span", {
         "key": tipItem.key,
         "class": {
           [`${prefixCls}-selection-item`]: true
@@ -241,6 +248,13 @@ var MultipleBase = defineComponent({
         onSuffixResize,
         displayRest
       } = baseState;
+      const displayedKeys = /* @__PURE__ */ new Set();
+      displayValues.value.forEach((item, index) => {
+        const isDisplayed = props.enableOverflow ? index <= baseState.mergedDisplayCount.value && item.key !== REST_TAG_KEY : item.key !== REST_TAG_KEY;
+        if (isDisplayed) {
+          displayedKeys.add(item.key);
+        }
+      });
       return createVNode(Fragment, null, [displayValues.value.map((item, index) => {
         const content = renderSelectionItem(item, props, {
           prefixCls: props.prefixCls,
@@ -248,7 +262,8 @@ var MultipleBase = defineComponent({
           displayRest: displayRest.value,
           closable,
           onClose,
-          values: props.values
+          values: props.values,
+          displayedKeys
         });
         return props.enableOverflow ? createVNode(ResizeObserver, {
           "key": item.key,