@koi-design/uxd-ui 14.0.39 → 14.0.41

package/es/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[]) => string | import("vue").VNodeChild | import("vue/jsx-runtime").JSX.Element>;
     };
     maxTagTextLength: {
-        type: NumberConstructor;
+        type: import("vue").PropType<number | "responsive">;
     };
     tagRender: {
         type: import("vue").PropType<import("./Select.type").TagRenderFunction>;
@@ -288,7 +288,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: import("vue").PropType<(rest: import("./Select.type").DisplayOption[]) => string | import("vue").VNodeChild | import("vue/jsx-runtime").JSX.Element>;
     };
     maxTagTextLength: {
-        type: NumberConstructor;
+        type: import("vue").PropType<number | "responsive">;
     };
     tagRender: {
         type: import("vue").PropType<import("./Select.type").TagRenderFunction>;
@@ -444,10 +444,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     loading: boolean;
     filterable: boolean;
     titleKey: string;
-    tagTransitionName: string;
     maxTagTooltip: boolean;
-    isShowTagTooltip: boolean;
     popoverProps: import("@uxd-ui/index").PopoverProps;
+    isShowTagTooltip: boolean;
+    tagTransitionName: string;
     allowCreate: boolean;
     allowEmptyValue: boolean;
     showEmpty: boolean;

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

@@ -108,7 +108,7 @@ export declare const selectProps: {
         type: PropType<(rest: DisplayOption[]) => string | VNodeChild | JSX.Element>;
     };
     maxTagTextLength: {
-        type: NumberConstructor;
+        type: PropType<number | "responsive">;
     };
     tagRender: {
         type: PropType<TagRenderFunction>;

package/es/components/Select/Select.type.mjs

@@ -69,7 +69,7 @@ const selectProps = {
     type: Function
   },
   maxTagTextLength: {
-    type: Number
+    type: [Number, String]
   },
   tagRender: {
     type: Function

package/es/components/Select/Select.type.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Select.type.mjs","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  'click-outside': (e: Event) => e instanceof Event\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":[],"mappings":";;;;MAyDa,cAAc;AAAA,EACzB,YAAY;AAAA,IACV,MAAM,CAAC,QAAQ,QAAQ,KAAK;AAAA;AAC9B,EACA,SAAS;AAAA,IACP,MAAM;AAAA;AACR,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW,MAAM,aAAa;AAAA;AAChC,EACA,aAAa;AAAA,IACX,MAAM;AAAA;AACR,EACA,cAAc;AAAA,IACZ,MAAM;AAAA;AACR,EACA,mBAAmB;AAAA,IACjB,MAAM;AAAA;AACR,EACA,mBAAmB;AAAA,IACjB,MAAM;AAAA;AACR,EAEA,YAAY;AAAA,IACV,MAAM,CAAC,QAAQ,QAAQ,QAAQ;AAAA;AACjC,EACA,YAAY;AAAA,IACV,MAAM,CAAC,QAAQ,QAAQ,QAAQ;AAAA;AACjC,EACA,WAAW;AAAA,IACT,MAAM,CAAC,QAAQ,QAAQ,QAAQ;AAAA;AACjC,EACA,YAAY;AAAA,IACV,MAAM,CAAC,QAAQ,QAAQ,QAAQ;AAAA;AACjC,EACA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,aAAa;AAAA,IACX,MAAM;AAAA;AACR,EACA,mBAAmB;AAAA,IACjB,MAAM;AAAA;AACR,EACA,kBAAkB;AAAA,IAChB,MAAM;AAAA;AACR,EACA,WAAW;AAAA,IACT,MAAM;AAAA;AACR,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,cAAc;AAAA,IACZ,MAAM,CAAC,UAAU,OAAO;AAAA,IACxB,SAAS;AAAA;AACX,EACA,YAAY;AAAA,IACV,MAAM;AAAA;AACR,EACA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,mBAAmB;AAAA,IACjB,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,oBAAoB;AAAA,IAClB,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA;AACR,EACA,sBAAsB;AAAA,IACpB,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,gBAAgB;AAAA,IACd,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,oBAAoB;AAAA,IAClB,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,kBAAkB;AAAA,IAChB,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,oBAAoB;AAAA,IAClB,MAAM;AAAA;AACR,EACA,qBAAqB;AAAA,IACnB,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,aAAa;AAAA,IACX,MAAM;AAAA;AACR,EACA,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS,OAAO;AAAC;AACnB,EACA,mBAAmB;AAAA,IACjB,MAAM,CAAC,QAAQ,MAAM;AAAA,IACrB,SAAS;AAAA;AACX,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW,MAAM,CAAC,WAAW,QAAQ,cAAc,WAAW,CAAC;AAAA;AACjE,EACA,OAAO;AAAA,IACL,MAAM;AAAA;AACR,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,WAAW,MAAM,UAAU;AAAA;AAC7B,EACA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,WAAW;AAAA,IACT,MAAM;AAAA;AACR,EACA,mBAAmB;AAAA,IACjB,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AAEb;MAIa,cAAc;AAAA,EACzB,OAAO,CAAC,OAAc,cAAc;AAAA,EACpC,MAAM,CAAC,OAAc,cAAc;AAAA,EACnC,QAAQ,CAAC,KAAsB,YAA2C;AACxE,QAAI,MAAM,QAAQ,GAAG,GAAG;AACtB,UAAI,IAAI,WAAW,GAAG;AACpB,eAAO;AAAA;AAET,aAAO,IAAI,MAAM,CAAC,MAAM,QAAQ,UAAa,OAAO,MAAM,YAAY,OAAO,MAAM,QAAQ,KAAK,MAAM,QAAQ,OAAO;AAAA;AAEvH,QAAI,QAAQ,QAAW;AACrB,aAAO;AAAA;AAET,YAAQ,OAAO,QAAQ,YAAY,OAAO,QAAQ,aAAa,CAAC,MAAM,QAAQ,OAAO,KAAK,OAAO,YAAY;AAAA;AAC/G,EACA,WAAW,CAAC,OAAc,cAAc;AAAA,EACxC,2BAA2B,CAAC,QAAiB,OAAO,QAAQ;AAAA,EAC5D,qBAAqB,CAAC,QAAyB;AAC7C,QAAI,MAAM,QAAQ,GAAG,GAAG;AACtB,UAAI,IAAI,WAAW,GAAG;AACpB,eAAO;AAAA;AAET,aAAO,IAAI,MAAM,CAAC,MAAM,OAAO,MAAM,YAAY,OAAO,MAAM,QAAQ;AAAA;AAExE,QAAI,QAAQ,QAAW;AACrB,aAAO;AAAA;AAET,WAAO,OAAO,QAAQ,YAAY,OAAO,QAAQ;AAAA;AACnD,EACA,QAAQ,CAAC,QAAgB,OAAO,QAAQ;AAAA,EACxC,OAAO,MAAM;AAAA,EACb,SAAS,CAAC,OAAsB,cAAc;AAAA,EAC9C,QAAQ,CAAC,QAAgB,OAAO,QAAQ;AAAA,EACxC,iBAAiB,MAAM;AAAA,EACvB,oBAAoB,MAAM;AAAA,EAC1B,iBAAiB,CAAC,MAAa,aAAa;AAC9C;MAWa,cAAc;AAAA,EACzB,OAAO;AAAA,IACL,MAAM,CAAC,QAAQ,MAAM;AAAA;AACvB,EACA,OAAO;AAAA,IACL,MAAM,CAAC,QAAQ,MAAM;AAAA;AACvB,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,OAAO;AAAA,IACL,MAAM,CAAC,QAAQ,MAAM;AAAA;AAEzB;;;;"}
+{"version":3,"file":"Select.type.mjs","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, 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: 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  'click-outside': (e: Event) => e instanceof Event\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":[],"mappings":"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"}

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

@@ -36,7 +36,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: NumberConstructor;
     };
     maxTagTextLength: {
-        type: NumberConstructor;
+        type: (StringConstructor | NumberConstructor)[];
     };
     maxTagPlaceholder: {
         type: PropType<(rest: DisplayOption[]) => string | VNodeChild | JSX.Element>;
@@ -118,7 +118,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: NumberConstructor;
     };
     maxTagTextLength: {
-        type: NumberConstructor;
+        type: (StringConstructor | NumberConstructor)[];
     };
     maxTagPlaceholder: {
         type: PropType<(rest: DisplayOption[]) => string | VNodeChild | JSX.Element>;

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

@@ -51,7 +51,7 @@ var _sfc_main = defineComponent({
       type: Number
     },
     maxTagTextLength: {
-      type: Number
+      type: [Number, String]
     },
     maxTagPlaceholder: {
       type: Function,

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\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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"}
+{"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\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, 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","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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"}

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

@@ -0,0 +1,253 @@
+import type { PropType, ComponentPublicInstance, VNodeChild } from 'vue';
+import type { JSX } from 'vue/jsx-runtime';
+import type { DisplayOption, SingleValueType, TagRenderFunction } from '../Select.type';
+import type { IconPropType } from '../../../utils/globalType';
+import type { PopoverProps } from '../../Popover';
+export declare const multipleBaseProps: {
+    prefixCls: {
+        type: StringConstructor;
+    };
+    values: {
+        type: PropType<DisplayOption[]>;
+        default: () => DisplayOption[];
+    };
+    searchValue: {
+        type: StringConstructor;
+    };
+    filterable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    inputRef: {
+        type: PropType<(el: Element | ComponentPublicInstance | null) => void>;
+    };
+    tagTransitionName: {
+        type: StringConstructor;
+    };
+    maxTagCount: {
+        type: NumberConstructor;
+    };
+    maxTagTextLength: {
+        type: PropType<number | "responsive">;
+    };
+    maxTagPlaceholder: {
+        type: PropType<(rest: DisplayOption[]) => string | VNodeChild | JSX.Element>;
+        default: (ommittedValus: string[]) => string;
+    };
+    maxTagTooltip: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxTagTooltipWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    tagRender: {
+        type: PropType<TagRenderFunction>;
+    };
+    removeIcon: {
+        type: PropType<IconPropType>;
+    };
+    isShowTagTooltip: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    popoverProps: {
+        type: PropType<PopoverProps>;
+        default: () => {};
+    };
+    itemWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    containerWrapperWidth: {
+        type: PropType<number | null>;
+        default: null;
+    };
+    enableOverflow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export declare const multipleBaseEmits: string[];
+export declare function renderSelectionItem(item: DisplayOption, props: any, { prefixCls, isNotRender, closable, onClose, values }: {
+    prefixCls: string;
+    isNotRender: boolean;
+    closable: (displayItem: DisplayOption) => boolean;
+    onClose: (value: SingleValueType, e: any) => void;
+    values: DisplayOption[];
+    displayRest: boolean;
+}): 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;
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    prefixCls: {
+        type: StringConstructor;
+    };
+    values: {
+        type: PropType<DisplayOption[]>;
+        default: () => DisplayOption[];
+    };
+    searchValue: {
+        type: StringConstructor;
+    };
+    filterable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    inputRef: {
+        type: PropType<(el: Element | ComponentPublicInstance | null) => void>;
+    };
+    tagTransitionName: {
+        type: StringConstructor;
+    };
+    maxTagCount: {
+        type: NumberConstructor;
+    };
+    maxTagTextLength: {
+        type: PropType<number | "responsive">;
+    };
+    maxTagPlaceholder: {
+        type: PropType<(rest: DisplayOption[]) => string | VNodeChild | JSX.Element>;
+        default: (ommittedValus: string[]) => string;
+    };
+    maxTagTooltip: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxTagTooltipWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    tagRender: {
+        type: PropType<TagRenderFunction>;
+    };
+    removeIcon: {
+        type: PropType<IconPropType>;
+    };
+    isShowTagTooltip: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    popoverProps: {
+        type: PropType<PopoverProps>;
+        default: () => {};
+    };
+    itemWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    containerWrapperWidth: {
+        type: PropType<number | null>;
+        default: null;
+    };
+    enableOverflow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    prefixCls: {
+        type: StringConstructor;
+    };
+    values: {
+        type: PropType<DisplayOption[]>;
+        default: () => DisplayOption[];
+    };
+    searchValue: {
+        type: StringConstructor;
+    };
+    filterable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    inputRef: {
+        type: PropType<(el: Element | ComponentPublicInstance | null) => void>;
+    };
+    tagTransitionName: {
+        type: StringConstructor;
+    };
+    maxTagCount: {
+        type: NumberConstructor;
+    };
+    maxTagTextLength: {
+        type: PropType<number | "responsive">;
+    };
+    maxTagPlaceholder: {
+        type: PropType<(rest: DisplayOption[]) => string | VNodeChild | JSX.Element>;
+        default: (ommittedValus: string[]) => string;
+    };
+    maxTagTooltip: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxTagTooltipWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    tagRender: {
+        type: PropType<TagRenderFunction>;
+    };
+    removeIcon: {
+        type: PropType<IconPropType>;
+    };
+    isShowTagTooltip: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    popoverProps: {
+        type: PropType<PopoverProps>;
+        default: () => {};
+    };
+    itemWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    containerWrapperWidth: {
+        type: PropType<number | null>;
+        default: null;
+    };
+    enableOverflow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    [x: `on${Capitalize<string>}`]: (...args: any[]) => any;
+}>, {
+    values: DisplayOption[];
+    disabled: boolean;
+    open: boolean;
+    filterable: boolean;
+    maxTagPlaceholder: (rest: DisplayOption[]) => string | VNodeChild | JSX.Element;
+    maxTagTooltip: boolean;
+    maxTagTooltipWidth: number;
+    popoverProps: PopoverProps;
+    isShowTagTooltip: boolean;
+    itemWidth: number;
+    containerWrapperWidth: number;
+    enableOverflow: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;