@koi-design/uxd-ui 13.2.8 → 14.0.1

package/lib/components/Select/Select.d.ts

@@ -65,7 +65,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: import("vue").PropType<(rest: import("./Select.type").DisplayOption[]) => import("vue").VNodeChild | import("vue/jsx-runtime").JSX.Element>;
     };
     maxTagTextLength: {
-        type: import("vue").PropType<number | "responsive">;
+        type: NumberConstructor;
     };
     tagRender: {
         type: import("vue").PropType<import("./Select.type").TagRenderFunction>;
@@ -159,15 +159,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
     };
     variant: {
-        type: import("vue").PropType<"text" | "surface" | "soft">;
+        type: import("vue").PropType<"underline" | "surface" | "soft" | "borderless">;
         default: string;
         validator: (val: string) => boolean;
     };
-    color: {
-        type: import("vue").PropType<"blue" | "cyan" | "green" | "lime" | "orange" | "pink" | "purple" | "red" | "violet" | "yellow" | "primary" | "iris" | "amber" | "sky" | "mint">;
-        default: "blue" | "cyan" | "green" | "lime" | "orange" | "pink" | "purple" | "red" | "violet" | "yellow" | "primary" | "iris" | "amber" | "sky" | "mint";
-        validator: (val: "blue" | "cyan" | "green" | "lime" | "orange" | "pink" | "purple" | "red" | "violet" | "yellow" | "primary" | "iris" | "amber" | "sky" | "mint") => boolean;
-    };
     label: {
         type: StringConstructor;
     };
@@ -291,7 +286,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: import("vue").PropType<(rest: import("./Select.type").DisplayOption[]) => import("vue").VNodeChild | import("vue/jsx-runtime").JSX.Element>;
     };
     maxTagTextLength: {
-        type: import("vue").PropType<number | "responsive">;
+        type: NumberConstructor;
     };
     tagRender: {
         type: import("vue").PropType<import("./Select.type").TagRenderFunction>;
@@ -385,15 +380,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
     };
     variant: {
-        type: import("vue").PropType<"text" | "surface" | "soft">;
+        type: import("vue").PropType<"underline" | "surface" | "soft" | "borderless">;
         default: string;
         validator: (val: string) => boolean;
     };
-    color: {
-        type: import("vue").PropType<"blue" | "cyan" | "green" | "lime" | "orange" | "pink" | "purple" | "red" | "violet" | "yellow" | "primary" | "iris" | "amber" | "sky" | "mint">;
-        default: "blue" | "cyan" | "green" | "lime" | "orange" | "pink" | "purple" | "red" | "violet" | "yellow" | "primary" | "iris" | "amber" | "sky" | "mint";
-        validator: (val: "blue" | "cyan" | "green" | "lime" | "orange" | "pink" | "purple" | "red" | "violet" | "yellow" | "primary" | "iris" | "amber" | "sky" | "mint") => boolean;
-    };
     label: {
         type: StringConstructor;
     };
@@ -440,22 +430,21 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     required: boolean;
     open: boolean;
-    color: "blue" | "cyan" | "green" | "lime" | "orange" | "pink" | "purple" | "red" | "violet" | "yellow" | "primary" | "iris" | "amber" | "sky" | "mint";
     loading: boolean;
     disabled: boolean;
     multiple: boolean;
     size: "small" | "default" | "large";
     showArrow: boolean;
-    variant: "text" | "surface" | "soft";
+    variant: "underline" | "surface" | "soft" | "borderless";
     clearable: boolean;
     labelColon: boolean;
     disabledTriggerForm: boolean;
     filterable: boolean;
     titleKey: string;
+    tagTransitionName: string;
     maxTagTooltip: boolean;
-    popoverProps: import("..").PopoverProps;
     isShowTagTooltip: boolean;
-    tagTransitionName: string;
+    popoverProps: import("..").PopoverProps;
     allowCreate: boolean;
     allowEmptyValue: boolean;
     showEmpty: boolean;

package/lib/components/Select/Select.type.d.ts

@@ -107,7 +107,7 @@ export declare const selectProps: {
         type: PropType<(rest: DisplayOption[]) => string | VNodeChild | JSX.Element>;
     };
     maxTagTextLength: {
-        type: PropType<number | "responsive">;
+        type: NumberConstructor;
     };
     tagRender: {
         type: PropType<TagRenderFunction>;
@@ -201,15 +201,10 @@ export declare const selectProps: {
         default: string;
     };
     variant: {
-        type: PropType<"text" | "surface" | "soft">;
+        type: PropType<"surface" | "soft" | "borderless" | "underline">;
         default: string;
         validator: (val: string) => boolean;
     };
-    color: {
-        type: PropType<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-        default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-        validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
-    };
     label: {
         type: StringConstructor;
     };

package/lib/components/Select/Select.type.js

@@ -31,16 +31,16 @@ const selectProps = {
     type: Object
   },
   prefixIcon: {
-    type: [String, Object]
+    type: [String, Object, Function]
   },
   suffixIcon: {
-    type: [String, Object]
+    type: [String, Object, Function]
   },
   clearIcon: {
-    type: [String, Object]
+    type: [String, Object, Function]
   },
   removeIcon: {
-    type: [String, Object]
+    type: [String, Object, Function]
   },
   allowCreate: {
     type: Boolean,
@@ -73,7 +73,7 @@ const selectProps = {
     type: Function
   },
   maxTagTextLength: {
-    type: [Number, String]
+    type: Number
   },
   tagRender: {
     type: Function
@@ -122,11 +122,11 @@ const selectProps = {
   },
   dropdownHeight: {
     type: Number,
-    default: 256
+    default: 288
   },
   dropdownItemHeight: {
     type: Number,
-    default: 32
+    default: 36
   },
   selectAll: {
     type: Boolean,
@@ -169,12 +169,7 @@ const selectProps = {
   variant: {
     type: String,
     default: "surface",
-    validator: propsValidators.oneOf(["surface", "soft", "text"])
-  },
-  color: {
-    type: String,
-    default: void 0,
-    validator: propsValidators.oneOf(globalType.colorType)
+    validator: propsValidators.oneOf(["surface", "soft", "borderless", "underline"])
   },
   label: {
     type: String

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

@@ -1 +1 @@
-{"version":3,"file":"Select.type.js","sources":["../../../../src/components/Select/Select.type.ts"],"sourcesContent":["import type { Component, CSSProperties, ExtractPropTypes, PropType, VNodeChild } from 'vue';\nimport type { JSX } from 'vue/jsx-runtime';\nimport { colorType, normalSizeMap } from '../../utils/globalType';\nimport type { ColorType, IconPropType, NormalSizeMap } from '../../utils/globalType';\nimport { oneOf } from '../../utils/propsValidators';\nimport type Select from './Select';\nimport type { PopoverProps } from '../Popover';\nimport type { Placements } from '../../utils';\nimport placements from '../../utils/placements';\n\nexport interface SelectOption {\n  value: string | number;\n  label?: string;\n  // slot?: any\n  disabled?: boolean;\n  group?: boolean;\n  children?: SelectOption[];\n  [key: string]: any;\n}\n\nexport type InnerSelectOption = SelectOption & {\n  selected: boolean;\n  children?: InnerSelectOption[];\n};\n\nexport interface DisplayOption {\n  value: any;\n  [key: string]: any;\n  displayLabel: string | VNodeChild | JSX.Element;\n}\n\nexport type OptionFilterMethod = (option: SelectOption, searchText: string) => boolean;\n\nexport type SingleValueType = string | number;\n\nexport type SelectValueType = SingleValueType | SingleValueType[];\n\nexport type SelectOptionGroupComponent = Component & {\n  isSelectOptionGroup?: boolean;\n};\n\nexport type SelectOptionComponent = Component & { isSelectOption?: boolean };\n\nexport interface SelectBaseProps {\n  options?: SelectOption[];\n  filterable?: boolean;\n  filterProp?: string;\n  filterMethod?: OptionFilterMethod;\n}\n\nexport interface TagRenderParam extends SelectOption {\n  closable: boolean;\n  onClose: (e: any) => void;\n}\n\nexport type TagRenderFunction = (param: TagRenderParam) => VNodeChild;\n\nexport const selectProps = {\n  modelValue: {\n    type: [String, Number, Array] as PropType<SelectValueType>\n  },\n  options: {\n    type: Array as PropType<SelectOption[]>\n  },\n  size: {\n    type: String as PropType<NormalSizeMap>,\n    default: 'default',\n    validator: oneOf(normalSizeMap)\n  },\n  placeholder: {\n    type: String\n  },\n  notFoundText: {\n    type: String\n  },\n  dropdownMenuClass: {\n    type: String\n  },\n  dropdownMenuStyle: {\n    type: Object as PropType<CSSProperties>\n  },\n\n  prefixIcon: {\n    type: [String, Object] as PropType<IconPropType>\n  },\n  suffixIcon: {\n    type: [String, Object] as PropType<IconPropType>\n  },\n  clearIcon: {\n    type: [String, Object] as PropType<IconPropType>\n  },\n  removeIcon: {\n    type: [String, Object] as PropType<IconPropType>\n  },\n  allowCreate: {\n    type: Boolean,\n    default: false\n  },\n  allowEmptyValue: {\n    type: Boolean,\n    default: false\n  },\n  showEmpty: {\n    type: Boolean,\n    default: true\n  },\n  loading: {\n    type: Boolean,\n    default: undefined as undefined\n  },\n  showArrow: {\n    type: Boolean,\n    default: true\n  },\n  multiple: {\n    type: Boolean,\n    default: false\n  },\n  maxTagCount: {\n    type: Number\n  },\n  maxTagPlaceholder: {\n    type: Function as PropType<(rest: DisplayOption[]) => string | VNodeChild | JSX.Element>\n  },\n  maxTagTextLength: {\n    type: [Number, String] as PropType<number | 'responsive'>\n  },\n  tagRender: {\n    type: Function as PropType<TagRenderFunction>\n  },\n  filterable: {\n    type: Boolean,\n    default: false\n  },\n  filterMethod: {\n    type: [Function, Boolean] as PropType<boolean | OptionFilterMethod>,\n    default: undefined as undefined\n  },\n  filterProp: {\n    type: String\n  },\n  displayProp: {\n    type: String,\n    default: 'slot'\n  },\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  clearable: {\n    type: Boolean,\n    default: false\n  },\n  open: {\n    type: Boolean,\n    default: undefined as undefined\n  },\n  tagTransitionName: {\n    type: String,\n    default: 'fade'\n  },\n  defaultActiveFirst: {\n    type: Boolean,\n    default: true\n  },\n  tokenSeparators: {\n    type: Array as PropType<string[]>\n  },\n  autoClearSearchValue: {\n    type: Boolean,\n    default: true\n  },\n  dropdownHeight: {\n    type: Number,\n    default: 256\n  },\n  dropdownItemHeight: {\n    type: Number,\n    default: 32\n  },\n  selectAll: {\n    type: Boolean,\n    default: false\n  },\n  multipleLimit: {\n    type: Number,\n    default: 0\n  },\n  maxTagTooltip: {\n    type: Boolean,\n    default: false\n  },\n  isShowTagTooltip: {\n    type: Boolean,\n    default: false\n  },\n  maxTagTooltipWidth: {\n    type: Number\n  },\n  disabledTriggerForm: {\n    type: Boolean,\n    default: false\n  },\n  sortByOption: {\n    type: Boolean,\n    default: false\n  },\n  loadingText: {\n    type: String\n  },\n  popoverProps: {\n    type: Object as PropType<PopoverProps>,\n    default: () => ({})\n  },\n  dropdownMenuWidth: {\n    type: [Number, String] as PropType<number | 'container'>,\n    default: 'container'\n  },\n  variant: {\n    type: String as PropType<'surface' | 'soft' | 'text'>,\n    default: 'surface',\n    validator: oneOf(['surface', 'soft', 'text'])\n  },\n  color: {\n    type: String as PropType<ColorType | undefined>,\n    default: undefined as undefined | ColorType,\n    validator: oneOf(colorType)\n  },\n  label: {\n    type: String\n  },\n  labelColon: {\n    type: Boolean,\n    default: true\n  },\n  required: {\n    type: Boolean,\n    default: false\n  },\n  placement: {\n    type: String as PropType<Placements>,\n    validator: oneOf(placements)\n  },\n  arrowRotate: {\n    type: Boolean,\n    default: true\n  },\n  direction: {\n    type: String as PropType<'ltr' | 'rtl'>\n  },\n  showNoOptionValue: {\n    type: Boolean,\n    default: false\n  },\n  titleKey: {\n    type: String,\n    default: 'title'\n  }\n};\n\nexport type SelectProps = ExtractPropTypes<typeof selectProps>;\n\nexport const selectEmits = {\n  focus: (ev: Event) => ev instanceof Event,\n  blur: (ev: Event) => ev instanceof Event,\n  change: (val: SelectValueType, options: SelectOption[] | SelectOption) => {\n    if (Array.isArray(val)) {\n      if (val.length === 0) {\n        return true;\n      }\n      return val.every((x) => val === undefined || typeof x === 'string' || typeof x === 'number') && Array.isArray(options);\n    }\n    if (val === undefined) {\n      return true;\n    }\n    return (typeof val === 'string' || typeof val === 'number') && !Array.isArray(options) && typeof options === 'object';\n  },\n  mousedown: (ev: Event) => ev instanceof Event,\n  'dropdown-visible-change': (val: boolean) => typeof val === 'boolean',\n  'update:modelValue': (val: SelectValueType) => {\n    if (Array.isArray(val)) {\n      if (val.length === 0) {\n        return true;\n      }\n      return val.every((x) => typeof x === 'string' || typeof x === 'number');\n    }\n    if (val === undefined) {\n      return true;\n    }\n    return typeof val === 'string' || typeof val === 'number';\n  },\n  search: (val: string) => typeof val === 'string',\n  clear: () => true,\n  keydown: (ev: KeyboardEvent) => ev instanceof KeyboardEvent,\n  create: (val: string) => typeof val === 'string',\n  'scroll-at-top': () => true,\n  'scroll-at-bottom': () => true\n};\n\nexport type SelectEmits = typeof selectEmits;\n\nexport interface SelectContext {\n  focus: (arg: any) => void;\n  blur: (arg: any) => void;\n}\n\nexport type SelectInstanceType = InstanceType<typeof Select>;\n\nexport const optionProps = {\n  value: {\n    type: [String, Number] as PropType<string | number>\n  },\n  label: {\n    type: [String, Number] as PropType<string | number>\n  },\n  disabled: {\n    type: Boolean,\n    default: undefined as undefined\n  },\n  title: {\n    type: [String, Number] as PropType<string | number>\n  }\n};\n\nexport type SelectOptionProps = ExtractPropTypes<typeof optionProps>;\n"],"names":["oneOf","normalSizeMap","colorType","placements"],"mappings":"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"}
+{"version":3,"file":"Select.type.js","sources":["../../../../src/components/Select/Select.type.ts"],"sourcesContent":["import type { Component, CSSProperties, ExtractPropTypes, PropType, VNodeChild } from 'vue';\nimport type { JSX } from 'vue/jsx-runtime';\nimport { normalSizeMap } from '../../utils/globalType';\nimport type { IconPropType, NormalSizeMap } from '../../utils/globalType';\nimport { oneOf } from '../../utils/propsValidators';\nimport type Select from './Select';\nimport type { PopoverProps } from '../Popover';\nimport type { Placements } from '../../utils';\nimport placements from '../../utils/placements';\n\nexport interface SelectOption {\n  value: string | number;\n  label?: string;\n  // slot?: any\n  disabled?: boolean;\n  group?: boolean;\n  children?: SelectOption[];\n  [key: string]: any;\n}\n\nexport type InnerSelectOption = SelectOption & {\n  selected: boolean;\n  children?: InnerSelectOption[];\n};\n\nexport interface DisplayOption {\n  value: any;\n  [key: string]: any;\n  displayLabel: string | VNodeChild | JSX.Element;\n}\n\nexport type OptionFilterMethod = (option: SelectOption, searchText: string) => boolean;\n\nexport type SingleValueType = string | number;\n\nexport type SelectValueType = SingleValueType | SingleValueType[];\n\nexport type SelectOptionGroupComponent = Component & {\n  isSelectOptionGroup?: boolean;\n};\n\nexport type SelectOptionComponent = Component & { isSelectOption?: boolean };\n\nexport interface SelectBaseProps {\n  options?: SelectOption[];\n  filterable?: boolean;\n  filterProp?: string;\n  filterMethod?: OptionFilterMethod;\n}\n\nexport interface TagRenderParam extends SelectOption {\n  closable: boolean;\n  onClose: (e: any) => void;\n}\n\nexport type TagRenderFunction = (param: TagRenderParam) => VNodeChild;\n\nexport const selectProps = {\n  modelValue: {\n    type: [String, Number, Array] as PropType<SelectValueType>\n  },\n  options: {\n    type: Array as PropType<SelectOption[]>\n  },\n  size: {\n    type: String as PropType<NormalSizeMap>,\n    default: 'default',\n    validator: oneOf(normalSizeMap)\n  },\n  placeholder: {\n    type: String\n  },\n  notFoundText: {\n    type: String\n  },\n  dropdownMenuClass: {\n    type: String\n  },\n  dropdownMenuStyle: {\n    type: Object as PropType<CSSProperties>\n  },\n\n  prefixIcon: {\n    type: [String, Object, Function] as PropType<IconPropType>\n  },\n  suffixIcon: {\n    type: [String, Object, Function] as PropType<IconPropType>\n  },\n  clearIcon: {\n    type: [String, Object, Function] as PropType<IconPropType>\n  },\n  removeIcon: {\n    type: [String, Object, Function] as PropType<IconPropType>\n  },\n  allowCreate: {\n    type: Boolean,\n    default: false\n  },\n  allowEmptyValue: {\n    type: Boolean,\n    default: false\n  },\n  showEmpty: {\n    type: Boolean,\n    default: true\n  },\n  loading: {\n    type: Boolean,\n    default: undefined as undefined\n  },\n  showArrow: {\n    type: Boolean,\n    default: true\n  },\n  multiple: {\n    type: Boolean,\n    default: false\n  },\n  maxTagCount: {\n    type: Number\n  },\n  maxTagPlaceholder: {\n    type: Function as PropType<(rest: DisplayOption[]) => string | VNodeChild | JSX.Element>\n  },\n  maxTagTextLength: {\n    type: Number\n  },\n  tagRender: {\n    type: Function as PropType<TagRenderFunction>\n  },\n  filterable: {\n    type: Boolean,\n    default: false\n  },\n  filterMethod: {\n    type: [Function, Boolean] as PropType<boolean | OptionFilterMethod>,\n    default: undefined as undefined\n  },\n  filterProp: {\n    type: String\n  },\n  displayProp: {\n    type: String,\n    default: 'slot'\n  },\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  clearable: {\n    type: Boolean,\n    default: false\n  },\n  open: {\n    type: Boolean,\n    default: undefined as undefined\n  },\n  tagTransitionName: {\n    type: String,\n    default: 'fade'\n  },\n  defaultActiveFirst: {\n    type: Boolean,\n    default: true\n  },\n  tokenSeparators: {\n    type: Array as PropType<string[]>\n  },\n  autoClearSearchValue: {\n    type: Boolean,\n    default: true\n  },\n  dropdownHeight: {\n    type: Number,\n    default: 288\n  },\n  dropdownItemHeight: {\n    type: Number,\n    default: 36\n  },\n  selectAll: {\n    type: Boolean,\n    default: false\n  },\n  multipleLimit: {\n    type: Number,\n    default: 0\n  },\n  maxTagTooltip: {\n    type: Boolean,\n    default: false\n  },\n  isShowTagTooltip: {\n    type: Boolean,\n    default: false\n  },\n  maxTagTooltipWidth: {\n    type: Number\n  },\n  disabledTriggerForm: {\n    type: Boolean,\n    default: false\n  },\n  sortByOption: {\n    type: Boolean,\n    default: false\n  },\n  loadingText: {\n    type: String\n  },\n  popoverProps: {\n    type: Object as PropType<PopoverProps>,\n    default: () => ({})\n  },\n  dropdownMenuWidth: {\n    type: [Number, String] as PropType<number | 'container'>,\n    default: 'container'\n  },\n  variant: {\n    type: String as PropType<'surface' | 'soft' | 'borderless' | 'underline'>,\n    default: 'surface',\n    validator: oneOf(['surface', 'soft', 'borderless', 'underline'])\n  },\n  label: {\n    type: String\n  },\n  labelColon: {\n    type: Boolean,\n    default: true\n  },\n  required: {\n    type: Boolean,\n    default: false\n  },\n  placement: {\n    type: String as PropType<Placements>,\n    validator: oneOf(placements)\n  },\n  arrowRotate: {\n    type: Boolean,\n    default: true\n  },\n  direction: {\n    type: String as PropType<'ltr' | 'rtl'>\n  },\n  showNoOptionValue: {\n    type: Boolean,\n    default: false\n  },\n  titleKey: {\n    type: String,\n    default: 'title'\n  }\n};\n\nexport type SelectProps = ExtractPropTypes<typeof selectProps>;\n\nexport const selectEmits = {\n  focus: (ev: Event) => ev instanceof Event,\n  blur: (ev: Event) => ev instanceof Event,\n  change: (val: SelectValueType, options: SelectOption[] | SelectOption) => {\n    if (Array.isArray(val)) {\n      if (val.length === 0) {\n        return true;\n      }\n      return val.every((x) => val === undefined || typeof x === 'string' || typeof x === 'number') && Array.isArray(options);\n    }\n    if (val === undefined) {\n      return true;\n    }\n    return (typeof val === 'string' || typeof val === 'number') && !Array.isArray(options) && typeof options === 'object';\n  },\n  mousedown: (ev: Event) => ev instanceof Event,\n  'dropdown-visible-change': (val: boolean) => typeof val === 'boolean',\n  'update:modelValue': (val: SelectValueType) => {\n    if (Array.isArray(val)) {\n      if (val.length === 0) {\n        return true;\n      }\n      return val.every((x) => typeof x === 'string' || typeof x === 'number');\n    }\n    if (val === undefined) {\n      return true;\n    }\n    return typeof val === 'string' || typeof val === 'number';\n  },\n  search: (val: string) => typeof val === 'string',\n  clear: () => true,\n  keydown: (ev: KeyboardEvent) => ev instanceof KeyboardEvent,\n  create: (val: string) => typeof val === 'string',\n  'scroll-at-top': () => true,\n  'scroll-at-bottom': () => true\n};\n\nexport type SelectEmits = typeof selectEmits;\n\nexport interface SelectContext {\n  focus: (arg: any) => void;\n  blur: (arg: any) => void;\n}\n\nexport type SelectInstanceType = InstanceType<typeof Select>;\n\nexport const optionProps = {\n  value: {\n    type: [String, Number] as PropType<string | number>\n  },\n  label: {\n    type: [String, Number] as PropType<string | number>\n  },\n  disabled: {\n    type: Boolean,\n    default: undefined as undefined\n  },\n  title: {\n    type: [String, Number] as PropType<string | number>\n  }\n};\n\nexport type SelectOptionProps = ExtractPropTypes<typeof optionProps>;\n"],"names":["oneOf","normalSizeMap","placements"],"mappings":"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"}

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

@@ -119,7 +119,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     onCompositionend: _cache[7] || (_cache[7] = (...args) => _ctx.onCompositionend && _ctx.onCompositionend(...args))
   }, null, 46, _hoisted_1);
 }
-var SelectInput = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\Select\\Selection\\Input.vue"]]);
+var SelectInput = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Select/Selection/Input.vue"]]);
 
 exports["default"] = SelectInput;
 //# sourceMappingURL=Input.js.map

package/lib/components/Select/Selection/Input.vue.d.ts

@@ -87,11 +87,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>> & Readonly<{
     onChange?: (...args: any[]) => any;
-    onMousedown?: (...args: any[]) => any;
-    onKeydown?: (...args: any[]) => any;
     onPaste?: (...args: any[]) => any;
     onCompositionend?: (...args: any[]) => any;
     onCompositionstart?: (...args: any[]) => any;
+    onKeydown?: (...args: any[]) => any;
+    onMousedown?: (...args: any[]) => any;
 }>, {
     disabled: boolean;
     autofocus: boolean;

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

@@ -11,7 +11,7 @@ const _hoisted_2 = ["title"];
 const _hoisted_3 = ["title"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Render = vue.resolveComponent("Render");
-  const _component_URoundClose = vue.resolveComponent("URoundClose");
+  const _component_X = vue.resolveComponent("X");
   const _component_UIcon = vue.resolveComponent("UIcon");
   const _component_UPopover = vue.resolveComponent("UPopover");
   const _component_SelectInput = vue.resolveComponent("SelectInput");
@@ -33,9 +33,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             key: 0,
             disabled: !_ctx.maxTagTooltip,
             trigger: "hover",
+            "dropdown-class": `${_ctx.prefixCls}-dropdown-tooltip`,
             "show-arrow": true,
-            placement: "top"
-          }, { ref_for: true }, _ctx.popoverProps), {
+            placement: "top",
+            ref_for: true
+          }, _ctx.popoverProps), {
             content: vue.withCtx(() => [
               vue.createElementVNode("div", {
                 class: vue.normalizeClass(`${_ctx.prefixCls}-selection-tooltip`),
@@ -64,7 +66,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                       onClick: (e) => _ctx.onClose(tipItem.value, e)
                     }, {
                       default: vue.withCtx(() => [
-                        vue.createVNode(_component_URoundClose)
+                        vue.createVNode(_component_X)
                       ]),
                       _: 2
                     }, 1032, ["class", "onClick"])) : vue.createCommentVNode("v-if", true)
@@ -83,7 +85,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               ], 10, _hoisted_1)
             ]),
             _: 2
-          }, 1040, ["disabled"])) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+          }, 1040, ["disabled", "dropdown-class"])) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
             vue.createElementVNode("span", {
               class: vue.normalizeClass(`${_ctx.prefixCls}-selection-item-content`),
               title: item.title
@@ -101,7 +103,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               onClick: (e) => _ctx.onClose(item.value, e)
             }, {
               default: vue.withCtx(() => [
-                _ctx.removeIcon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.removeIcon), { key: 0 })) : (vue.openBlock(), vue.createBlock(_component_URoundClose, { key: 1 }))
+                _ctx.removeIcon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.removeIcon), { key: 0 })) : (vue.openBlock(), vue.createBlock(_component_X, { key: 1 }))
               ]),
               _: 2
             }, 1032, ["class", "onClick"])) : vue.createCommentVNode("v-if", true)
@@ -161,7 +163,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 64);
 }
-var Multiple = /* @__PURE__ */ pluginVue_exportHelper["default"](Multiple_vue_vue_type_script_lang["default"], [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\Select\\Selection\\Multiple.vue"]]);
+var Multiple = /* @__PURE__ */ pluginVue_exportHelper["default"](Multiple_vue_vue_type_script_lang["default"], [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Select/Selection/Multiple.vue"]]);
 
 exports["default"] = Multiple;
 //# sourceMappingURL=Multiple.js.map

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

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

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

@@ -36,7 +36,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: NumberConstructor;
     };
     maxTagTextLength: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: NumberConstructor;
     };
     maxTagPlaceholder: {
         type: PropType<(rest: DisplayOption[]) => string | VNodeChild | JSX.Element>;
@@ -120,7 +120,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: NumberConstructor;
     };
     maxTagTextLength: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: NumberConstructor;
     };
     maxTagPlaceholder: {
         type: PropType<(rest: DisplayOption[]) => string | VNodeChild | JSX.Element>;
@@ -255,11 +255,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
     }>> & Readonly<{
         onChange?: (...args: any[]) => any;
-        onMousedown?: (...args: any[]) => any;
-        onKeydown?: (...args: any[]) => any;
         onPaste?: (...args: any[]) => any;
         onCompositionend?: (...args: any[]) => any;
         onCompositionstart?: (...args: any[]) => any;
+        onKeydown?: (...args: any[]) => any;
+        onMousedown?: (...args: any[]) => any;
     }>, {
         disabled: boolean;
         autofocus: boolean;
@@ -379,11 +379,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             'update:visible': (v: boolean) => boolean;
         }, import("vue").PublicProps, {
             type: "popConfirm" | "popover";
+            width: string | number;
             visible: boolean;
             placement: "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";
             trigger: "click" | "hover" | "focus" | "contextmenu";
             disabled: boolean;
-            width: string | number;
             dropdownClass: string;
             dropdownStyle: import("vue").CSSProperties;
             destroyOnHide: boolean;
@@ -556,9 +556,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 onMouseleave?: (e: Event) => any;
                 "onContext-menu"?: (e: Event) => any;
             }>, {
+                offset: number[];
                 visible: boolean;
                 placement: "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";
-                offset: number[];
                 popupStyle: import("vue").CSSProperties;
                 trigger: ("click" | "hover" | "focus" | "contextmenu")[];
                 mouseEnterDelay: number;
@@ -685,11 +685,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             onVisibleChange: (val: boolean) => void;
         }, {}, {}, {}, {
             type: "popConfirm" | "popover";
+            width: string | number;
             visible: boolean;
             placement: "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";
             trigger: "click" | "hover" | "focus" | "contextmenu";
             disabled: boolean;
-            width: string | number;
             dropdownClass: string;
             dropdownStyle: import("vue").CSSProperties;
             destroyOnHide: boolean;
@@ -803,11 +803,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         'update:visible': (v: boolean) => boolean;
     }, string, {
         type: "popConfirm" | "popover";
+        width: string | number;
         visible: boolean;
         placement: "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";
         trigger: "click" | "hover" | "focus" | "contextmenu";
         disabled: boolean;
-        width: string | number;
         dropdownClass: string;
         dropdownStyle: import("vue").CSSProperties;
         destroyOnHide: boolean;
@@ -980,9 +980,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             onMouseleave?: (e: Event) => any;
             "onContext-menu"?: (e: Event) => any;
         }>, {
+            offset: number[];
             visible: boolean;
             placement: "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";
-            offset: number[];
             popupStyle: import("vue").CSSProperties;
             trigger: ("click" | "hover" | "focus" | "contextmenu")[];
             mouseEnterDelay: number;
@@ -1001,7 +1001,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<any[]> & Record<string, any>;
     UIcon: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
             rotate: {
@@ -1132,7 +1132,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>;
-    URoundClose: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
+    X: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -5,13 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 var index$1 = require('../../Icon/index.js');
 var index = require('../../Popover/index.js');
-var uxdIcon = require('@koi-design/uxd-icon');
+var lucideVueNext = require('lucide-vue-next');
 var Render = require('../../base/Render.js');
 var slots = require('../../../utils/slots.js');
 var Input = require('./Input.js');
 
 const REST_TAG_KEY = "__UUI_SELECT_MAX_REST_COUNT__";
-const defaultMaxTagPlaceholder = (ommittedValus) => `+ ${ommittedValus.length}...`;
+const defaultMaxTagPlaceholder = (ommittedValus) => `+ ${ommittedValus.length}`;
 var _sfc_main = vue.defineComponent({
   name: "MutipleSelector",
   components: {
@@ -19,7 +19,7 @@ var _sfc_main = vue.defineComponent({
     Render: Render["default"],
     UPopover: index.UPopover,
     UIcon: index$1.UIcon,
-    URoundClose: uxdIcon.URoundClose
+    X: lucideVueNext.X
   },
   inheritAttrs: false,
   props: {
@@ -55,7 +55,7 @@ var _sfc_main = vue.defineComponent({
       type: Number
     },
     maxTagTextLength: {
-      type: [Number, String]
+      type: Number
     },
     maxTagPlaceholder: {
       type: Function,

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

@@ -1 +1 @@
-{"version":3,"file":"Multiple.vue_vue_type_script_lang.js","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.js","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\n          :disabled=\"!maxTagTooltip\"\n          trigger=\"hover\"\n          :dropdown-class=\"`${prefixCls}-dropdown-tooltip`\"\n          :show-arrow=\"true\"\n          placement=\"top\"\n          v-bind=\"popoverProps\"\n        >\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:any) => onClose(tipItem.value, e)\"\n                >\n                  <X />\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\n          v-if=\"closable(item)\"\n          :class=\"`${prefixCls}-selection-item-remove`\"\n          @mousedown.stop.prevent\n          @click=\"(e: any) => onClose(item.value, e)\"\n        >\n          <component :is=\"removeIcon\" v-if=\"removeIcon\" />\n          <X 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: any) => {\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 { X } from 'lucide-vue-next';\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    X\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\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","X","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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"}