@koi-design/uxd-ui 13.2.8 → 13.2.9

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

@@ -1 +1 @@
-{"version":3,"file":"MultipleBase.js","sources":["../../../../../src/components/Select/Selection/MultipleBase.tsx"],"sourcesContent":["import { defineComponent } from 'vue';\nimport type { PropType, ComponentPublicInstance, VNodeChild } from 'vue';\nimport UIcon from '@uxd-ui/components/Icon';\nimport UPopover from '@uxd-ui/components/Popover';\nimport { URoundClose } from '@koi-design/uxd-icon';\nimport type { JSX } from 'vue/jsx-runtime';\nimport ResizeObserver from '../../base/ResizeObserver';\nimport { getRender } from '../../../utils/slots';\nimport useMultipleBase, { REST_TAG_KEY } from '../hooks/useMultipleBase';\nimport SelectInput from './Input.vue';\nimport type { DisplayOption, SingleValueType, TagRenderFunction } from '../Select.type';\nimport type { IconPropType } from '../../../utils/globalType';\nimport type { PopoverProps } from '../../Popover';\n\nconst defaultMaxTagPlaceholder = (ommittedValus: string[]) => `+ ${ommittedValus.length}...`;\n\nexport const multipleBaseProps = {\n  prefixCls: {\n    type: String\n  },\n  values: {\n    type: Array as PropType<DisplayOption[]>,\n    default: () => [] as DisplayOption[]\n  },\n  searchValue: {\n    type: String\n  },\n  filterable: {\n    type: Boolean,\n    default: false\n  },\n  disabled: {\n    type: Boolean,\n    default: undefined as undefined\n  },\n  open: {\n    type: Boolean,\n    default: undefined as undefined\n  },\n  inputRef: {\n    type: Function as PropType<(el: Element | ComponentPublicInstance | null) => void>\n  },\n  tagTransitionName: {\n    type: String\n  },\n  maxTagCount: {\n    type: Number\n  },\n  maxTagTextLength: {\n    type: [Number, String] as PropType<number | 'responsive'>\n  },\n  maxTagPlaceholder: {\n    type: Function as PropType<(rest: DisplayOption[]) => string | VNodeChild | JSX.Element>,\n    default: defaultMaxTagPlaceholder\n  },\n  maxTagTooltip: {\n    type: Boolean,\n    default: false\n  },\n  maxTagTooltipWidth: {\n    type: Number,\n    default: 99900\n  },\n  tagRender: {\n    type: Function as PropType<TagRenderFunction>\n  },\n  removeIcon: {\n    type: [String, Object] as PropType<IconPropType>\n  },\n  isShowTagTooltip: {\n    type: Boolean,\n    default: false\n  },\n  popoverProps: {\n    type: Object as PropType<PopoverProps>,\n    default: () => ({})\n  },\n\n  itemWidth: {\n    type: Number,\n    default: 10\n  },\n  containerWrapperWidth: {\n    type: [Number, null] as PropType<number | null>,\n    default: null as null\n  },\n  enableOverflow: {\n    type: Boolean,\n    default: false\n  }\n};\n\nexport const multipleBaseEmits = [\n  'select',\n  'input-mousedown',\n  'input-change',\n  'input-keydown',\n  'input-compositionstart',\n  'input-compositionend',\n  'input-paste'\n];\n\nexport function renderSelectionItem(\n  item: DisplayOption,\n  props: any,\n  {\n    prefixCls,\n    isNotRender,\n    closable,\n    onClose,\n    values,\n    displayRest\n  }: {\n    prefixCls: string;\n    isNotRender: boolean;\n    closable: (displayItem: DisplayOption) => boolean;\n    onClose: (value: SingleValueType, e: any) => void;\n    values: DisplayOption[];\n    displayRest: boolean;\n  }\n) {\n  const { tagRender, removeIcon, maxTagTooltip, maxTagTooltipWidth, popoverProps, isShowTagTooltip } = props;\n\n  if (isNotRender) {\n    const content = (\n      <span\n        class={{\n          [`${item.class}`]: item.class,\n          [`${prefixCls}-selection-item`]: true,\n          [`${prefixCls}-selection-item-disabled`]: item.disabled\n        }}\n      >\n        {(item.key === REST_TAG_KEY && (props.maxTagTextLength !== 'responsive' || displayRest)) || isShowTagTooltip ? (\n          <UPopover\n            disabled={!maxTagTooltip}\n            trigger=\"hover\"\n            dropdown-class={`${prefixCls}-dropdown-tooltip`}\n            show-arrow={true}\n            placement=\"top\"\n            {...popoverProps}\n          >\n            {{\n              default: () => (\n                <span class={`${prefixCls}-selection-item-content`} title={item.title}>\n                  {getRender(item.displayLabel)()}\n                </span>\n              ),\n              content: () => (\n                <div class={`${prefixCls}-selection-tooltip`} style={{ maxWidth: `${maxTagTooltipWidth}px` }}>\n                  {values.map((tipItem) => (\n                    <span\n                      key={tipItem.key}\n                      class={{\n                        [`${prefixCls}-selection-item`]: true\n                      }}\n                    >\n                      <span class={`${prefixCls}-selection-item-content`} title={tipItem.title}>\n                        {getRender(tipItem.displayLabel)()}\n                      </span>\n                      {closable(tipItem) && (\n                        <UIcon class={`${prefixCls}-selection-item-remove`} onClick={(e: any) => onClose(tipItem.value, e)}>\n                          <URoundClose />\n                        </UIcon>\n                      )}\n                    </span>\n                  ))}\n                </div>\n              )\n            }}\n          </UPopover>\n        ) : (\n          <>\n            <span class={`${prefixCls}-selection-item-content`} title={item.title}>\n              {getRender(item.displayLabel)()}\n            </span>\n            {closable(item) && (\n              <UIcon class={`${prefixCls}-selection-item-remove`} onClick={(e: any) => onClose(item.value, e)}>\n                {removeIcon ? <component is={removeIcon} /> : <URoundClose />}\n              </UIcon>\n            )}\n          </>\n        )}\n      </span>\n    );\n\n    return content;\n  }\n  return (\n    <span\n      class={item.class}\n      onMousedown={(e: any) => {\n        e.stopPropagation();\n        e.preventDefault();\n      }}\n    >\n      {tagRender?.({\n        ...item,\n        closable: closable(item),\n        onClose: (e: any) => {\n          onClose(item.value, e);\n        }\n      })}\n    </span>\n  );\n}\n\nexport function renderSearchInput(\n  props: any,\n  {\n    prefixCls,\n    inputRef,\n    disabled,\n    inputEditable,\n    inputValue,\n    inputWidth,\n    measureRef,\n    onInputMouseDown,\n    onInputChange,\n    onInputKeydown,\n    onInputCompositionStart,\n    onInputCompositionEnd,\n    onInputPaste\n  }: any\n) {\n  return (\n    <span class={`${prefixCls}-selection-search`} style={{ width: `${inputWidth}px` }}>\n      <SelectInput\n        input-ref={inputRef}\n        prefix-cls={prefixCls}\n        autocomplete=\"off\"\n        disabled={disabled}\n        editable={inputEditable}\n        value={inputValue}\n        onMousedown={onInputMouseDown}\n        onChange={onInputChange}\n        onKeydown={onInputKeydown}\n        onCompositionstart={onInputCompositionStart}\n        onCompositionend={onInputCompositionEnd}\n        onPaste={onInputPaste}\n      />\n      <span ref={measureRef} class={`${prefixCls}-selection-search-mirror`} aria-hidden>\n        {inputValue}&nbsp;\n      </span>\n    </span>\n  );\n}\n\nexport function renderPlaceholder(showPlaceholder: boolean, prefixCls: string, slots: any) {\n  return showPlaceholder ? <div class={`${prefixCls}-selection-placeholder`}>{slots.placeholder?.()}</div> : null;\n}\n\nexport default defineComponent({\n  name: 'MultipleBase',\n  props: multipleBaseProps,\n  emits: multipleBaseEmits,\n  setup(props, { emit, slots }) {\n    const baseState = useMultipleBase(props, emit);\n\n    return () => {\n      const {\n        displayValues,\n        isNotRender,\n        closable,\n        onClose,\n        inputValue,\n        inputWidth,\n        measureRef,\n        showPlaceholder,\n        onInputMouseDown,\n        onInputChange,\n        onInputKeydown,\n        onInputCompositionStart,\n        onInputCompositionEnd,\n        onInputPaste,\n        onOverflowItemResize,\n        onSuffixResize,\n        displayRest\n      } = baseState;\n\n      return (\n        <>\n          {displayValues.value.map((item: DisplayOption, index: number) => {\n            const content = renderSelectionItem(item, props, {\n              prefixCls: props.prefixCls,\n              isNotRender: isNotRender.value,\n              displayRest: displayRest.value,\n              closable,\n              onClose,\n              values: props.values\n            });\n\n            return props.enableOverflow ? (\n              <ResizeObserver key={item.key} onResize={(e) => onOverflowItemResize(e, item)}>\n                <div\n                  class={`${props.prefixCls}-selection-item-wrapper`}\n                  style={{\n                    opacity:\n                      (index > baseState.mergedDisplayCount.value && item.key !== REST_TAG_KEY) || (!displayRest.value && item.key === REST_TAG_KEY)\n                        ? 0\n                        : 1,\n                    height:\n                      (index > baseState.mergedDisplayCount.value && item.key !== REST_TAG_KEY) || (!displayRest.value && item.key === REST_TAG_KEY)\n                        ? 0\n                        : undefined,\n                    overflowY:\n                      (index > baseState.mergedDisplayCount.value && item.key !== REST_TAG_KEY) || (!displayRest.value && item.key === REST_TAG_KEY)\n                        ? 'hidden'\n                        : undefined,\n                    pointerEvents:\n                      (index > baseState.mergedDisplayCount.value && item.key !== REST_TAG_KEY) || (!displayRest.value && item.key === REST_TAG_KEY)\n                        ? 'none'\n                        : undefined,\n                    position:\n                      (index > baseState.mergedDisplayCount.value && item.key !== REST_TAG_KEY) || (!displayRest.value && item.key === REST_TAG_KEY)\n                        ? 'absolute'\n                        : undefined\n                  }}\n                >\n                  {content}\n                </div>\n              </ResizeObserver>\n            ) : (\n              content\n            );\n          })}\n\n          {props.enableOverflow ? (\n            <ResizeObserver onResize={onSuffixResize}>\n              {renderSearchInput(props, {\n                prefixCls: props.prefixCls,\n                inputRef: props.inputRef,\n                disabled: props.disabled,\n                inputEditable: baseState.inputEditable.value,\n                inputValue: inputValue.value,\n                inputWidth: inputWidth.value,\n                measureRef,\n                onInputMouseDown,\n                onInputChange,\n                onInputKeydown,\n                onInputCompositionStart,\n                onInputCompositionEnd,\n                onInputPaste\n              })}\n            </ResizeObserver>\n          ) : (\n            renderSearchInput(props, {\n              prefixCls: props.prefixCls,\n              inputRef: props.inputRef,\n              disabled: props.disabled,\n              inputEditable: baseState.inputEditable.value,\n              inputValue: inputValue.value,\n              inputWidth: inputWidth.value,\n              measureRef,\n              onInputMouseDown,\n              onInputChange,\n              onInputKeydown,\n              onInputCompositionStart,\n              onInputCompositionEnd,\n              onInputPaste\n            })\n          )}\n\n          {renderPlaceholder(showPlaceholder.value, props.prefixCls, slots)}\n        </>\n      );\n    };\n  }\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defaultMaxTagPlaceholder","ommittedValus","length","multipleBaseProps","prefixCls","type","String","values","Array","default","searchValue","filterable","Boolean","disabled","undefined","open","inputRef","Function","tagTransitionName","maxTagCount","Number","maxTagTextLength","maxTagPlaceholder","maxTagTooltip","maxTagTooltipWidth","tagRender","removeIcon","isShowTagTooltip","popoverProps","itemWidth","containerWrapperWidth","enableOverflow","multipleBaseEmits","renderSelectionItem","item","props","isNotRender","closable","onClose","displayRest","content","_createVNode","class","key","REST_TAG_KEY","UPopover","_mergeProps","title","getRender","displayLabel","maxWidth","map","tipItem","UIcon","e","value","URoundClose","_Fragment","_resolveComponent","stopPropagation","preventDefault","renderSearchInput","inputEditable","inputValue","inputWidth","measureRef","onInputMouseDown","onInputChange","onInputKeydown","onInputCompositionStart","onInputCompositionEnd","onInputPaste","width","SelectInput","_createTextVNode","renderPlaceholder","showPlaceholder","slots","placeholder","defineComponent","name","emits","setup","emit","baseState","useMultipleBase","_slot","displayValues","onOverflowItemResize","onSuffixResize","index","ResizeObserver","opacity","mergedDisplayCount","height","overflowY","pointerEvents","position"],"mappings":"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"}
+{"version":3,"file":"MultipleBase.js","sources":["../../../../../src/components/Select/Selection/MultipleBase.tsx"],"sourcesContent":["import { defineComponent } from 'vue';\nimport type { PropType, ComponentPublicInstance, VNodeChild } from 'vue';\nimport UIcon from '@uxd-ui/components/Icon';\nimport UPopover from '@uxd-ui/components/Popover';\nimport { URoundClose } from '@koi-design/uxd-icon';\nimport type { JSX } from 'vue/jsx-runtime';\nimport ResizeObserver from '../../base/ResizeObserver';\nimport { getRender } from '../../../utils/slots';\nimport useMultipleBase, { REST_TAG_KEY } from '../hooks/useMultipleBase';\nimport SelectInput from './Input.vue';\nimport type { DisplayOption, SingleValueType, TagRenderFunction } from '../Select.type';\nimport type { IconPropType } from '../../../utils/globalType';\nimport type { PopoverProps } from '../../Popover';\n\nconst defaultMaxTagPlaceholder = (ommittedValus: string[]) => `+ ${ommittedValus.length}...`;\n\nexport const multipleBaseProps = {\n  prefixCls: {\n    type: String\n  },\n  values: {\n    type: Array as PropType<DisplayOption[]>,\n    default: () => [] as DisplayOption[]\n  },\n  searchValue: {\n    type: String\n  },\n  filterable: {\n    type: Boolean,\n    default: false\n  },\n  disabled: {\n    type: Boolean,\n    default: undefined as undefined\n  },\n  open: {\n    type: Boolean,\n    default: undefined as undefined\n  },\n  inputRef: {\n    type: Function as PropType<(el: Element | ComponentPublicInstance | null) => void>\n  },\n  tagTransitionName: {\n    type: String\n  },\n  maxTagCount: {\n    type: Number\n  },\n  maxTagTextLength: {\n    type: [Number, String] as PropType<number | 'responsive'>\n  },\n  maxTagPlaceholder: {\n    type: Function as PropType<(rest: DisplayOption[]) => string | VNodeChild | JSX.Element>,\n    default: defaultMaxTagPlaceholder\n  },\n  maxTagTooltip: {\n    type: Boolean,\n    default: false\n  },\n  maxTagTooltipWidth: {\n    type: Number,\n    default: 99900\n  },\n  maxTagTooltipShowAll: {\n    type: Boolean,\n    default: true\n  },\n  tagRender: {\n    type: Function as PropType<TagRenderFunction>\n  },\n  removeIcon: {\n    type: [String, Object] as PropType<IconPropType>\n  },\n  isShowTagTooltip: {\n    type: Boolean,\n    default: false\n  },\n  popoverProps: {\n    type: Object as PropType<PopoverProps>,\n    default: () => ({})\n  },\n\n  itemWidth: {\n    type: Number,\n    default: 10\n  },\n  containerWrapperWidth: {\n    type: [Number, null] as PropType<number | null>,\n    default: null as null\n  },\n  enableOverflow: {\n    type: Boolean,\n    default: false\n  }\n};\n\nexport const multipleBaseEmits = [\n  'select',\n  'input-mousedown',\n  'input-change',\n  'input-keydown',\n  'input-compositionstart',\n  'input-compositionend',\n  'input-paste'\n];\n\nexport function renderSelectionItem(\n  item: DisplayOption,\n  props: any,\n  {\n    prefixCls,\n    isNotRender,\n    closable,\n    onClose,\n    values,\n    displayRest,\n    displayedKeys\n  }: {\n    prefixCls: string;\n    isNotRender: boolean;\n    closable: (displayItem: DisplayOption) => boolean;\n    onClose: (value: SingleValueType, e: any) => void;\n    values: DisplayOption[];\n    displayRest: boolean;\n    displayedKeys?: Set<string | number>;\n  }\n) {\n  const { tagRender, removeIcon, maxTagTooltip, maxTagTooltipWidth, maxTagTooltipShowAll, popoverProps, isShowTagTooltip } = props;\n\n  const tooltipValues =\n    maxTagTooltipShowAll || !displayedKeys\n      ? values\n      : values.filter((v) => !displayedKeys.has(v.key));\n\n  if (isNotRender) {\n    const content = (\n      <span\n        class={{\n          [`${item.class}`]: item.class,\n          [`${prefixCls}-selection-item`]: true,\n          [`${prefixCls}-selection-item-disabled`]: item.disabled\n        }}\n      >\n        {(item.key === REST_TAG_KEY && (props.maxTagTextLength !== 'responsive' || displayRest)) || isShowTagTooltip ? (\n          <UPopover\n            disabled={!maxTagTooltip}\n            trigger=\"hover\"\n            dropdown-class={`${prefixCls}-dropdown-tooltip`}\n            show-arrow={true}\n            placement=\"top\"\n            {...popoverProps}\n          >\n            {{\n              default: () => (\n                <span class={`${prefixCls}-selection-item-content`} title={item.title}>\n                  {getRender(item.displayLabel)()}\n                </span>\n              ),\n              content: () => (\n                <div class={`${prefixCls}-selection-tooltip`} style={{ maxWidth: `${maxTagTooltipWidth}px` }}>\n                  {tooltipValues.map((tipItem) => (\n                    <span\n                      key={tipItem.key}\n                      class={{\n                        [`${prefixCls}-selection-item`]: true\n                      }}\n                    >\n                      <span class={`${prefixCls}-selection-item-content`} title={tipItem.title}>\n                        {getRender(tipItem.displayLabel)()}\n                      </span>\n                      {closable(tipItem) && (\n                        <UIcon class={`${prefixCls}-selection-item-remove`} onClick={(e: any) => onClose(tipItem.value, e)}>\n                          <URoundClose />\n                        </UIcon>\n                      )}\n                    </span>\n                  ))}\n                </div>\n              )\n            }}\n          </UPopover>\n        ) : (\n          <>\n            <span class={`${prefixCls}-selection-item-content`} title={item.title}>\n              {getRender(item.displayLabel)()}\n            </span>\n            {closable(item) && (\n              <UIcon class={`${prefixCls}-selection-item-remove`} onClick={(e: any) => onClose(item.value, e)}>\n                {removeIcon ? <component is={removeIcon} /> : <URoundClose />}\n              </UIcon>\n            )}\n          </>\n        )}\n      </span>\n    );\n\n    return content;\n  }\n  return (\n    <span\n      class={item.class}\n      onMousedown={(e: any) => {\n        e.stopPropagation();\n        e.preventDefault();\n      }}\n    >\n      {tagRender?.({\n        ...item,\n        closable: closable(item),\n        onClose: (e: any) => {\n          onClose(item.value, e);\n        }\n      })}\n    </span>\n  );\n}\n\nexport function renderSearchInput(\n  props: any,\n  {\n    prefixCls,\n    inputRef,\n    disabled,\n    inputEditable,\n    inputValue,\n    inputWidth,\n    measureRef,\n    onInputMouseDown,\n    onInputChange,\n    onInputKeydown,\n    onInputCompositionStart,\n    onInputCompositionEnd,\n    onInputPaste\n  }: any\n) {\n  return (\n    <span class={`${prefixCls}-selection-search`} style={{ width: `${inputWidth}px` }}>\n      <SelectInput\n        input-ref={inputRef}\n        prefix-cls={prefixCls}\n        autocomplete=\"off\"\n        disabled={disabled}\n        editable={inputEditable}\n        value={inputValue}\n        onMousedown={onInputMouseDown}\n        onChange={onInputChange}\n        onKeydown={onInputKeydown}\n        onCompositionstart={onInputCompositionStart}\n        onCompositionend={onInputCompositionEnd}\n        onPaste={onInputPaste}\n      />\n      <span ref={measureRef} class={`${prefixCls}-selection-search-mirror`} aria-hidden>\n        {inputValue}&nbsp;\n      </span>\n    </span>\n  );\n}\n\nexport function renderPlaceholder(showPlaceholder: boolean, prefixCls: string, slots: any) {\n  return showPlaceholder ? <div class={`${prefixCls}-selection-placeholder`}>{slots.placeholder?.()}</div> : null;\n}\n\nexport default defineComponent({\n  name: 'MultipleBase',\n  props: multipleBaseProps,\n  emits: multipleBaseEmits,\n  setup(props, { emit, slots }) {\n    const baseState = useMultipleBase(props, emit);\n\n    return () => {\n      const {\n        displayValues,\n        isNotRender,\n        closable,\n        onClose,\n        inputValue,\n        inputWidth,\n        measureRef,\n        showPlaceholder,\n        onInputMouseDown,\n        onInputChange,\n        onInputKeydown,\n        onInputCompositionStart,\n        onInputCompositionEnd,\n        onInputPaste,\n        onOverflowItemResize,\n        onSuffixResize,\n        displayRest\n      } = baseState;\n\n      const displayedKeys = new Set<string | number>();\n      displayValues.value.forEach((item: DisplayOption, index: number) => {\n        const isDisplayed = props.enableOverflow\n          ? index <= baseState.mergedDisplayCount.value && item.key !== REST_TAG_KEY\n          : item.key !== REST_TAG_KEY;\n        if (isDisplayed) {\n          displayedKeys.add(item.key);\n        }\n      });\n\n      return (\n        <>\n          {displayValues.value.map((item: DisplayOption, index: number) => {\n            const content = renderSelectionItem(item, props, {\n              prefixCls: props.prefixCls,\n              isNotRender: isNotRender.value,\n              displayRest: displayRest.value,\n              closable,\n              onClose,\n              values: props.values,\n              displayedKeys\n            });\n\n            return props.enableOverflow ? (\n              <ResizeObserver key={item.key} onResize={(e) => onOverflowItemResize(e, item)}>\n                <div\n                  class={`${props.prefixCls}-selection-item-wrapper`}\n                  style={{\n                    opacity:\n                      (index > baseState.mergedDisplayCount.value && item.key !== REST_TAG_KEY) || (!displayRest.value && item.key === REST_TAG_KEY)\n                        ? 0\n                        : 1,\n                    height:\n                      (index > baseState.mergedDisplayCount.value && item.key !== REST_TAG_KEY) || (!displayRest.value && item.key === REST_TAG_KEY)\n                        ? 0\n                        : undefined,\n                    overflowY:\n                      (index > baseState.mergedDisplayCount.value && item.key !== REST_TAG_KEY) || (!displayRest.value && item.key === REST_TAG_KEY)\n                        ? 'hidden'\n                        : undefined,\n                    pointerEvents:\n                      (index > baseState.mergedDisplayCount.value && item.key !== REST_TAG_KEY) || (!displayRest.value && item.key === REST_TAG_KEY)\n                        ? 'none'\n                        : undefined,\n                    position:\n                      (index > baseState.mergedDisplayCount.value && item.key !== REST_TAG_KEY) || (!displayRest.value && item.key === REST_TAG_KEY)\n                        ? 'absolute'\n                        : undefined\n                  }}\n                >\n                  {content}\n                </div>\n              </ResizeObserver>\n            ) : (\n              content\n            );\n          })}\n\n          {props.enableOverflow ? (\n            <ResizeObserver onResize={onSuffixResize}>\n              {renderSearchInput(props, {\n                prefixCls: props.prefixCls,\n                inputRef: props.inputRef,\n                disabled: props.disabled,\n                inputEditable: baseState.inputEditable.value,\n                inputValue: inputValue.value,\n                inputWidth: inputWidth.value,\n                measureRef,\n                onInputMouseDown,\n                onInputChange,\n                onInputKeydown,\n                onInputCompositionStart,\n                onInputCompositionEnd,\n                onInputPaste\n              })}\n            </ResizeObserver>\n          ) : (\n            renderSearchInput(props, {\n              prefixCls: props.prefixCls,\n              inputRef: props.inputRef,\n              disabled: props.disabled,\n              inputEditable: baseState.inputEditable.value,\n              inputValue: inputValue.value,\n              inputWidth: inputWidth.value,\n              measureRef,\n              onInputMouseDown,\n              onInputChange,\n              onInputKeydown,\n              onInputCompositionStart,\n              onInputCompositionEnd,\n              onInputPaste\n            })\n          )}\n\n          {renderPlaceholder(showPlaceholder.value, props.prefixCls, slots)}\n        </>\n      );\n    };\n  }\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defaultMaxTagPlaceholder","ommittedValus","length","multipleBaseProps","prefixCls","type","String","values","Array","default","searchValue","filterable","Boolean","disabled","undefined","open","inputRef","Function","tagTransitionName","maxTagCount","Number","maxTagTextLength","maxTagPlaceholder","maxTagTooltip","maxTagTooltipWidth","maxTagTooltipShowAll","tagRender","removeIcon","isShowTagTooltip","popoverProps","itemWidth","containerWrapperWidth","enableOverflow","multipleBaseEmits","renderSelectionItem","item","props","isNotRender","closable","onClose","displayRest","displayedKeys","tooltipValues","filter","v","has","key","content","_createVNode","class","REST_TAG_KEY","UPopover","_mergeProps","title","getRender","displayLabel","maxWidth","map","tipItem","UIcon","e","value","URoundClose","_Fragment","_resolveComponent","stopPropagation","preventDefault","renderSearchInput","inputEditable","inputValue","inputWidth","measureRef","onInputMouseDown","onInputChange","onInputKeydown","onInputCompositionStart","onInputCompositionEnd","onInputPaste","width","SelectInput","_createTextVNode","renderPlaceholder","showPlaceholder","slots","placeholder","defineComponent","name","emits","setup","emit","baseState","useMultipleBase","_slot","displayValues","onOverflowItemResize","onSuffixResize","Set","forEach","index","isDisplayed","mergedDisplayCount","add","ResizeObserver","opacity","height","overflowY","pointerEvents","position"],"mappings":"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"}

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

@@ -74,6 +74,10 @@ const _sfc_main = vue.defineComponent({
     maxTagTooltipWidth: {
       type: Number
     },
+    maxTagTooltipShowAll: {
+      type: Boolean,
+      default: true
+    },
     tagRender: {
       type: Function
     },
@@ -236,6 +240,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           "max-tag-placeholder": _ctx.maxTagPlaceholder,
           "max-tag-tooltip": _ctx.maxTagTooltip,
           "max-tag-tooltip-width": _ctx.maxTagTooltipWidth,
+          "max-tag-tooltip-show-all": _ctx.maxTagTooltipShowAll,
           "is-show-tag-tooltip": _ctx.isShowTagTooltip,
           "popover-props": _ctx.popoverProps,
           "tag-render": _ctx.tagRender,
@@ -254,13 +259,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             vue.renderSlot(_ctx.$slots, "placeholder")
           ]),
           _: 3
-        }, 8, ["prefix-cls", "values", "open", "enable-overflow", "filterable", "disabled", "input-ref", "search-value", "max-tag-count", "max-tag-text-length", "max-tag-placeholder", "max-tag-tooltip", "max-tag-tooltip-width", "is-show-tag-tooltip", "popover-props", "tag-render", "tag-transition-name", "remove-icon", "container-wrapper-width", "onSelect", "onInputMousedown", "onInputChange", "onInputKeydown", "onInputCompositionstart", "onInputCompositionend", "onInputPaste"]))
+        }, 8, ["prefix-cls", "values", "open", "enable-overflow", "filterable", "disabled", "input-ref", "search-value", "max-tag-count", "max-tag-text-length", "max-tag-placeholder", "max-tag-tooltip", "max-tag-tooltip-width", "max-tag-tooltip-show-all", "is-show-tag-tooltip", "popover-props", "tag-render", "tag-transition-name", "remove-icon", "container-wrapper-width", "onSelect", "onInputMousedown", "onInputChange", "onInputKeydown", "onInputCompositionstart", "onInputCompositionend", "onInputPaste"]))
       ], 34)
     ]),
     _: 3
   }, 8, ["onResize"]);
 }
-var Selection = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\Select\\Selection\\Selection.vue"]]);
+var Selection = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Select/Selection/Selection.vue"]]);
 
 exports["default"] = Selection;
 //# sourceMappingURL=Selection.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Selection.js","sources":["../../../../../src/components/Select/Selection/Selection.vue"],"sourcesContent":["<template>\n  <ResizeObserver @resize=\"onOverflowResize\">\n    <div\n      :class=\"{\n        [`${prefixCls}-selection`]: true,\n        [`${prefixCls}-selection-overflow`]: multiple && isResponsive\n      }\"\n      @click=\"onClick\"\n      @mousedown=\"onMousedown\"\n    >\n      <SingleSelection\n        v-if=\"!multiple\"\n        :prefix-cls=\"prefixCls\"\n        :values=\"values\"\n        :open=\"open\"\n        :filterable=\"filterable\"\n        :disabled=\"disabled\"\n        :input-ref=\"getInputRef\"\n        :search-value=\"searchValue\"\n        :allow-create=\"allowCreate\"\n        :title-key=\"titleKey\"\n        @input-mousedown=\"onInputMouseDown\"\n        @input-change=\"onInputChange\"\n        @input-keydown=\"onInputKeydown\"\n        @input-compositionstart=\"onInputCompositionStart\"\n        @input-compositionend=\"onInputCompositionEnd\"\n        @input-paste=\"onInputPaste\"\n      >\n        <template #placeholder>\n          <slot name=\"placeholder\" />\n        </template>\n      </SingleSelection>\n      <MultipleBase\n        v-else\n        :prefix-cls=\"prefixCls\"\n        :values=\"values\"\n        :open=\"open\"\n        :enable-overflow=\"isResponsive\"\n        :filterable=\"filterable\"\n        :disabled=\"disabled\"\n        :input-ref=\"getInputRef\"\n        :search-value=\"searchValue\"\n        :max-tag-count=\"maxTagCount\"\n        :max-tag-text-length=\"maxTagTextLength\"\n        :max-tag-placeholder=\"maxTagPlaceholder\"\n        :max-tag-tooltip=\"maxTagTooltip\"\n        :max-tag-tooltip-width=\"maxTagTooltipWidth\"\n        :is-show-tag-tooltip=\"isShowTagTooltip\"\n        :popover-props=\"popoverProps\"\n        :tag-render=\"tagRender\"\n        :tag-transition-name=\"tagTransitionName\"\n        :remove-icon=\"removeIcon\"\n        :container-wrapper-width=\"containerWrapperWidth\"\n        @select=\"onSelectionSelect\"\n        @input-mousedown=\"onInputMouseDown\"\n        @input-change=\"onInputChange\"\n        @input-keydown=\"onInputKeydown\"\n        @input-compositionstart=\"onInputCompositionStart\"\n        @input-compositionend=\"onInputCompositionEnd\"\n        @input-paste=\"onInputPaste\"\n      >\n        <template #placeholder>\n          <slot name=\"placeholder\" />\n        </template>\n      </MultipleBase>\n    </div>\n  </ResizeObserver>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, shallowRef, computed } from 'vue';\nimport type { PropType, ComponentPublicInstance, VNodeChild } from 'vue';\nimport type { JSX } from 'vue/jsx-runtime';\nimport SingleSelection from './Single.vue';\n// import Multiple from './Multiple.vue';\nimport MultipleBase from './MultipleBase';\nimport KeyCode from '../../../utils/KeyCode';\nimport useLock from '../../base/hooks/useLock';\nimport ResizeObserver from '../../base/ResizeObserver';\nimport type { GetLock, SetLock } from '../../base/hooks/useLock';\nimport type { DisplayOption, SingleValueType, TagRenderFunction } from '../Select.type';\nimport type { IconPropType } from '../../../utils/globalType';\nimport type { PopoverProps } from '../../Popover';\n\nconst RESPONSIVE = 'responsive';\n\nexport default defineComponent({\n  name: 'Selection',\n  components: {\n    SingleSelection,\n    // Multiple,\n    ResizeObserver,\n    MultipleBase\n  },\n  props: {\n    prefixCls: {\n      type: String\n    },\n    id: {\n      type: String\n    },\n    open: {\n      type: Boolean,\n      default: false\n    },\n    filterable: {\n      type: Boolean,\n      default: false\n    },\n    values: {\n      type: Array as PropType<DisplayOption[]>,\n      default: (): DisplayOption[] => []\n    },\n    multiple: {\n      type: Boolean,\n      default: false\n    },\n    disabled: {\n      type: Boolean,\n      default: false\n    },\n    searchValue: {\n      type: String\n    },\n    triggerSearch: {\n      type: Function as PropType<(searchText: string, isCompositing: boolean | undefined) => boolean>\n    },\n    allowCreate: {\n      type: Boolean,\n      default: false\n    },\n    removeIcon: {\n      type: [String, Object] as PropType<IconPropType>\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    maxTagTooltip: {\n      type: Boolean,\n      default: false\n    },\n    maxTagTooltipWidth: {\n      type: Number\n    },\n    tagRender: {\n      type: Function as PropType<TagRenderFunction>\n    },\n    tagTransitionName: {\n      type: String\n    },\n    tokenWithEnter: {\n      type: Boolean,\n      default: false\n    },\n    isShowTagTooltip: {\n      type: Boolean,\n      default: false\n    },\n    popoverProps: {\n      type: Object as PropType<PopoverProps>,\n      default: () => ({})\n    },\n    titleKey: {\n      type: String,\n      default: 'title'\n    }\n  },\n  emits: ['toggle-open', 'create-submit', 'select'],\n  setup(props, { emit }) {\n    const inputRef = ref<HTMLElement | null>(null);\n    let compositionStatus = false;\n\n    const isResponsive = computed(() => {\n      return props.maxTagTextLength === RESPONSIVE;\n    });\n\n    // ===============selector event ===================\n    const [getInputMouseDown, setInputMouseDown] = useLock(0);\n    const onInputMouseDown = () => {\n      (setInputMouseDown as SetLock)(true);\n    };\n    const containerWrapperWidth = shallowRef<number>(null);\n\n    const onOverflowResize = ({ width }: { width: number }) => {\n      containerWrapperWidth.value = width;\n    };\n\n    // paste handle\n    let pastedText: string | null = null;\n    const onInputPaste = (e: ClipboardEvent) => {\n      const { clipboardData } = e;\n      pastedText = clipboardData?.getData('text') || '';\n    };\n\n    const onInputChange = ({ target }: any) => {\n      let { value } = target;\n      // if separator has \\r\\n , need to replace pasted text back to origin content.because CRLF in input is a single space\n      if (pastedText && /[\\r\\n]/.test(pastedText) && props.tokenWithEnter) {\n        // CRLF will be treated as a single space for input element\n        const replacedText = pastedText.replace(/\\r\\n/g, ' ').replace(/[\\r\\n]/g, ' ');\n        value = value.replace(replacedText, pastedText);\n      }\n\n      if (props.triggerSearch) {\n        const rst = props.triggerSearch(value, compositionStatus);\n        if (rst) {\n          emit('toggle-open', true);\n        }\n      }\n    };\n\n    const onInputKeydown = (e: any) => {\n      const { which } = e;\n      if (which === KeyCode.UP || which === KeyCode.DOWN) {\n        e.preventDefault();\n      }\n      if (which === KeyCode.ENTER && props.allowCreate && !props.open && !compositionStatus) {\n        emit('create-submit', e.target.value);\n      }\n      if (![KeyCode.SHIFT, KeyCode.TAB, KeyCode.BACKSPACE, KeyCode.ESC].includes(which)) {\n        emit('toggle-open', true);\n      }\n    };\n\n    const onInputCompositionStart = () => {\n      compositionStatus = true;\n    };\n\n    const onInputCompositionEnd = () => {\n      compositionStatus = false;\n    };\n\n    const onSelectionSelect = (value: SingleValueType, opt: { selected: boolean }) => {\n      emit('select', value, opt);\n    };\n\n    // ===============container div event ===================\n    const onClick = ({ target }: any) => {\n      if (target !== inputRef.value) {\n        inputRef.value?.focus();\n      }\n    };\n\n    const onMousedown = (e: MouseEvent) => {\n      const inputMouseDown = (getInputMouseDown as GetLock)();\n      if (e.target !== inputRef.value && !inputMouseDown) {\n        e.preventDefault();\n      }\n      if (props.open && props.filterable && inputMouseDown) {\n        e.stopPropagation();\n      }\n    };\n    return {\n      getInputRef: (el: Element | ComponentPublicInstance | null) => {\n        inputRef.value = el as HTMLElement;\n      },\n      onSelectionSelect,\n      onClick,\n      onMousedown,\n      onInputMouseDown,\n      onInputChange,\n      onInputKeydown,\n      onInputCompositionStart,\n      onInputCompositionEnd,\n      onInputPaste,\n      onOverflowResize,\n      containerWrapperWidth,\n      isResponsive\n    };\n  }\n});\n</script>\n"],"names":["defineComponent","SingleSelection","ResizeObserver","MultipleBase","ref","computed","useLock","shallowRef","KeyCode","_createBlock","_createElementVNode","_normalizeClass","_withCtx","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"Selection.js","sources":["../../../../../src/components/Select/Selection/Selection.vue"],"sourcesContent":["<template>\n  <ResizeObserver @resize=\"onOverflowResize\">\n    <div\n      :class=\"{\n        [`${prefixCls}-selection`]: true,\n        [`${prefixCls}-selection-overflow`]: multiple && isResponsive\n      }\"\n      @click=\"onClick\"\n      @mousedown=\"onMousedown\"\n    >\n      <SingleSelection\n        v-if=\"!multiple\"\n        :prefix-cls=\"prefixCls\"\n        :values=\"values\"\n        :open=\"open\"\n        :filterable=\"filterable\"\n        :disabled=\"disabled\"\n        :input-ref=\"getInputRef\"\n        :search-value=\"searchValue\"\n        :allow-create=\"allowCreate\"\n        :title-key=\"titleKey\"\n        @input-mousedown=\"onInputMouseDown\"\n        @input-change=\"onInputChange\"\n        @input-keydown=\"onInputKeydown\"\n        @input-compositionstart=\"onInputCompositionStart\"\n        @input-compositionend=\"onInputCompositionEnd\"\n        @input-paste=\"onInputPaste\"\n      >\n        <template #placeholder>\n          <slot name=\"placeholder\" />\n        </template>\n      </SingleSelection>\n      <MultipleBase\n        v-else\n        :prefix-cls=\"prefixCls\"\n        :values=\"values\"\n        :open=\"open\"\n        :enable-overflow=\"isResponsive\"\n        :filterable=\"filterable\"\n        :disabled=\"disabled\"\n        :input-ref=\"getInputRef\"\n        :search-value=\"searchValue\"\n        :max-tag-count=\"maxTagCount\"\n        :max-tag-text-length=\"maxTagTextLength\"\n        :max-tag-placeholder=\"maxTagPlaceholder\"\n        :max-tag-tooltip=\"maxTagTooltip\"\n        :max-tag-tooltip-width=\"maxTagTooltipWidth\"\n        :max-tag-tooltip-show-all=\"maxTagTooltipShowAll\"\n        :is-show-tag-tooltip=\"isShowTagTooltip\"\n        :popover-props=\"popoverProps\"\n        :tag-render=\"tagRender\"\n        :tag-transition-name=\"tagTransitionName\"\n        :remove-icon=\"removeIcon\"\n        :container-wrapper-width=\"containerWrapperWidth\"\n        @select=\"onSelectionSelect\"\n        @input-mousedown=\"onInputMouseDown\"\n        @input-change=\"onInputChange\"\n        @input-keydown=\"onInputKeydown\"\n        @input-compositionstart=\"onInputCompositionStart\"\n        @input-compositionend=\"onInputCompositionEnd\"\n        @input-paste=\"onInputPaste\"\n      >\n        <template #placeholder>\n          <slot name=\"placeholder\" />\n        </template>\n      </MultipleBase>\n    </div>\n  </ResizeObserver>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, shallowRef, computed } from 'vue';\nimport type { PropType, ComponentPublicInstance, VNodeChild } from 'vue';\nimport type { JSX } from 'vue/jsx-runtime';\nimport SingleSelection from './Single.vue';\n// import Multiple from './Multiple.vue';\nimport MultipleBase from './MultipleBase';\nimport KeyCode from '../../../utils/KeyCode';\nimport useLock from '../../base/hooks/useLock';\nimport ResizeObserver from '../../base/ResizeObserver';\nimport type { GetLock, SetLock } from '../../base/hooks/useLock';\nimport type { DisplayOption, SingleValueType, TagRenderFunction } from '../Select.type';\nimport type { IconPropType } from '../../../utils/globalType';\nimport type { PopoverProps } from '../../Popover';\n\nconst RESPONSIVE = 'responsive';\n\nexport default defineComponent({\n  name: 'Selection',\n  components: {\n    SingleSelection,\n    // Multiple,\n    ResizeObserver,\n    MultipleBase\n  },\n  props: {\n    prefixCls: {\n      type: String\n    },\n    id: {\n      type: String\n    },\n    open: {\n      type: Boolean,\n      default: false\n    },\n    filterable: {\n      type: Boolean,\n      default: false\n    },\n    values: {\n      type: Array as PropType<DisplayOption[]>,\n      default: (): DisplayOption[] => []\n    },\n    multiple: {\n      type: Boolean,\n      default: false\n    },\n    disabled: {\n      type: Boolean,\n      default: false\n    },\n    searchValue: {\n      type: String\n    },\n    triggerSearch: {\n      type: Function as PropType<(searchText: string, isCompositing: boolean | undefined) => boolean>\n    },\n    allowCreate: {\n      type: Boolean,\n      default: false\n    },\n    removeIcon: {\n      type: [String, Object] as PropType<IconPropType>\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    maxTagTooltip: {\n      type: Boolean,\n      default: false\n    },\n    maxTagTooltipWidth: {\n      type: Number\n    },\n    maxTagTooltipShowAll: {\n      type: Boolean,\n      default: true\n    },\n    tagRender: {\n      type: Function as PropType<TagRenderFunction>\n    },\n    tagTransitionName: {\n      type: String\n    },\n    tokenWithEnter: {\n      type: Boolean,\n      default: false\n    },\n    isShowTagTooltip: {\n      type: Boolean,\n      default: false\n    },\n    popoverProps: {\n      type: Object as PropType<PopoverProps>,\n      default: () => ({})\n    },\n    titleKey: {\n      type: String,\n      default: 'title'\n    }\n  },\n  emits: ['toggle-open', 'create-submit', 'select'],\n  setup(props, { emit }) {\n    const inputRef = ref<HTMLElement | null>(null);\n    let compositionStatus = false;\n\n    const isResponsive = computed(() => {\n      return props.maxTagTextLength === RESPONSIVE;\n    });\n\n    // ===============selector event ===================\n    const [getInputMouseDown, setInputMouseDown] = useLock(0);\n    const onInputMouseDown = () => {\n      (setInputMouseDown as SetLock)(true);\n    };\n    const containerWrapperWidth = shallowRef<number>(null);\n\n    const onOverflowResize = ({ width }: { width: number }) => {\n      containerWrapperWidth.value = width;\n    };\n\n    // paste handle\n    let pastedText: string | null = null;\n    const onInputPaste = (e: ClipboardEvent) => {\n      const { clipboardData } = e;\n      pastedText = clipboardData?.getData('text') || '';\n    };\n\n    const onInputChange = ({ target }: any) => {\n      let { value } = target;\n      // if separator has \\r\\n , need to replace pasted text back to origin content.because CRLF in input is a single space\n      if (pastedText && /[\\r\\n]/.test(pastedText) && props.tokenWithEnter) {\n        // CRLF will be treated as a single space for input element\n        const replacedText = pastedText.replace(/\\r\\n/g, ' ').replace(/[\\r\\n]/g, ' ');\n        value = value.replace(replacedText, pastedText);\n      }\n\n      if (props.triggerSearch) {\n        const rst = props.triggerSearch(value, compositionStatus);\n        if (rst) {\n          emit('toggle-open', true);\n        }\n      }\n    };\n\n    const onInputKeydown = (e: any) => {\n      const { which } = e;\n      if (which === KeyCode.UP || which === KeyCode.DOWN) {\n        e.preventDefault();\n      }\n      if (which === KeyCode.ENTER && props.allowCreate && !props.open && !compositionStatus) {\n        emit('create-submit', e.target.value);\n      }\n      if (![KeyCode.SHIFT, KeyCode.TAB, KeyCode.BACKSPACE, KeyCode.ESC].includes(which)) {\n        emit('toggle-open', true);\n      }\n    };\n\n    const onInputCompositionStart = () => {\n      compositionStatus = true;\n    };\n\n    const onInputCompositionEnd = () => {\n      compositionStatus = false;\n    };\n\n    const onSelectionSelect = (value: SingleValueType, opt: { selected: boolean }) => {\n      emit('select', value, opt);\n    };\n\n    // ===============container div event ===================\n    const onClick = ({ target }: any) => {\n      if (target !== inputRef.value) {\n        inputRef.value?.focus();\n      }\n    };\n\n    const onMousedown = (e: MouseEvent) => {\n      const inputMouseDown = (getInputMouseDown as GetLock)();\n      if (e.target !== inputRef.value && !inputMouseDown) {\n        e.preventDefault();\n      }\n      if (props.open && props.filterable && inputMouseDown) {\n        e.stopPropagation();\n      }\n    };\n    return {\n      getInputRef: (el: Element | ComponentPublicInstance | null) => {\n        inputRef.value = el as HTMLElement;\n      },\n      onSelectionSelect,\n      onClick,\n      onMousedown,\n      onInputMouseDown,\n      onInputChange,\n      onInputKeydown,\n      onInputCompositionStart,\n      onInputCompositionEnd,\n      onInputPaste,\n      onOverflowResize,\n      containerWrapperWidth,\n      isResponsive\n    };\n  }\n});\n</script>\n"],"names":["defineComponent","SingleSelection","ResizeObserver","MultipleBase","ref","computed","useLock","shallowRef","KeyCode","_createBlock","_createElementVNode","_normalizeClass","_withCtx","_renderSlot"],"mappings":"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"}

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

@@ -59,6 +59,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     maxTagTooltipWidth: {
         type: NumberConstructor;
     };
+    maxTagTooltipShowAll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     tagRender: {
         type: PropType<TagRenderFunction>;
     };
@@ -155,6 +159,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     maxTagTooltipWidth: {
         type: NumberConstructor;
     };
+    maxTagTooltipShowAll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     tagRender: {
         type: PropType<TagRenderFunction>;
     };
@@ -191,6 +199,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     allowCreate: boolean;
     maxTagTooltip: boolean;
     isShowTagTooltip: boolean;
+    maxTagTooltipShowAll: boolean;
     popoverProps: PopoverProps;
     tokenWithEnter: boolean;
 }, {}, {
@@ -218,16 +227,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: boolean;
         };
         inputRef: {
-            type: PropType<(el: Element | ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any>) => void>;
+            type: PropType<(el: Element | ComponentPublicInstance | null) => void>;
         };
         titleKey: {
             type: StringConstructor;
             default: string;
         };
     }>, {
-        getRender: (children: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }> | VNodeChild) => () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        getRender: (children: import("vue").VNode | VNodeChild | string | number) => () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
             [key: string]: any;
         }>;
         inputValue: import("vue").ComputedRef<string>;
@@ -266,7 +273,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: boolean;
         };
         inputRef: {
-            type: PropType<(el: Element | ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any>) => void>;
+            type: PropType<(el: Element | ComponentPublicInstance | null) => void>;
         };
         titleKey: {
             type: StringConstructor;
@@ -296,7 +303,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         SelectInput: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
             inputRef: {
-                type: PropType<(el: Element | ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any>) => void>;
+                type: PropType<(el: Element | ComponentPublicInstance | null) => void>;
             };
             prefixCls: {
                 type: StringConstructor;
@@ -342,9 +349,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             onCompositionend: (e: any) => void;
             onFocus: (args: any) => void;
             onBlur: (args: any) => void;
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("paste" | "change" | "compositionend" | "compositionstart" | "keydown" | "mousedown")[], "change" | "mousedown" | "keydown" | "paste" | "compositionend" | "compositionstart", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "mousedown" | "keydown" | "paste" | "compositionstart" | "compositionend")[], "change" | "mousedown" | "keydown" | "paste" | "compositionstart" | "compositionend", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
             inputRef: {
-                type: PropType<(el: Element | ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any>) => void>;
+                type: PropType<(el: Element | ComponentPublicInstance | null) => void>;
             };
             prefixCls: {
                 type: StringConstructor;
@@ -384,9 +391,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             onChange?: (...args: any[]) => any;
             onMousedown?: (...args: any[]) => any;
             onKeydown?: (...args: any[]) => any;
-            onPaste?: (...args: any[]) => any;
-            onCompositionend?: (...args: any[]) => any;
             onCompositionstart?: (...args: any[]) => any;
+            onCompositionend?: (...args: any[]) => any;
+            onPaste?: (...args: any[]) => any;
         }>, {
             disabled: boolean;
             autofocus: boolean;
@@ -435,7 +442,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: undefined;
         };
         inputRef: {
-            type: PropType<(el: Element | ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any>) => void>;
+            type: PropType<(el: Element | ComponentPublicInstance | null) => void>;
         };
         tagTransitionName: {
             type: StringConstructor;
@@ -447,7 +454,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: PropType<number | "responsive">;
         };
         maxTagPlaceholder: {
-            type: PropType<(rest: DisplayOption[]) => VNodeChild | JSX.Element>;
+            type: PropType<(rest: DisplayOption[]) => string | VNodeChild | JSX.Element>;
             default: (ommittedValus: string[]) => string;
         };
         maxTagTooltip: {
@@ -458,6 +465,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: NumberConstructor;
             default: number;
         };
+        maxTagTooltipShowAll: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         tagRender: {
             type: PropType<TagRenderFunction>;
         };
@@ -477,7 +488,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: number;
         };
         containerWrapperWidth: {
-            type: PropType<number>;
+            type: PropType<number | null>;
             default: null;
         };
         enableOverflow: {
@@ -508,7 +519,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: undefined;
         };
         inputRef: {
-            type: PropType<(el: Element | ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any>) => void>;
+            type: PropType<(el: Element | ComponentPublicInstance | null) => void>;
         };
         tagTransitionName: {
             type: StringConstructor;
@@ -520,7 +531,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: PropType<number | "responsive">;
         };
         maxTagPlaceholder: {
-            type: PropType<(rest: DisplayOption[]) => VNodeChild | JSX.Element>;
+            type: PropType<(rest: DisplayOption[]) => string | VNodeChild | JSX.Element>;
             default: (ommittedValus: string[]) => string;
         };
         maxTagTooltip: {
@@ -531,6 +542,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: NumberConstructor;
             default: number;
         };
+        maxTagTooltipShowAll: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         tagRender: {
             type: PropType<TagRenderFunction>;
         };
@@ -550,7 +565,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: number;
         };
         containerWrapperWidth: {
-            type: PropType<number>;
+            type: PropType<number | null>;
             default: null;
         };
         enableOverflow: {
@@ -558,16 +573,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: boolean;
         };
     }>> & Readonly<{
-        [x: `on${string}`]: (...args: any[]) => any;
+        [x: `on${Capitalize<string>}`]: (...args: any[]) => any;
     }>, {
         values: DisplayOption[];
         disabled: boolean;
         open: boolean;
         filterable: boolean;
-        maxTagPlaceholder: (rest: DisplayOption[]) => VNodeChild | JSX.Element;
+        maxTagPlaceholder: (rest: DisplayOption[]) => string | VNodeChild | JSX.Element;
         maxTagTooltip: boolean;
         isShowTagTooltip: boolean;
         maxTagTooltipWidth: number;
+        maxTagTooltipShowAll: boolean;
         popoverProps: PopoverProps;
         itemWidth: number;
         containerWrapperWidth: number;

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

@@ -145,7 +145,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 64);
 }
-var SingleSelection = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\Select\\Selection\\Single.vue"]]);
+var SingleSelection = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Select/Selection/Single.vue"]]);
 
 exports["default"] = SingleSelection;
 //# sourceMappingURL=Single.js.map

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

@@ -31,9 +31,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
     };
 }>, {
-    getRender: (children: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }> | import("vue").VNodeChild) => () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    getRender: (children: import("vue").VNode | import("vue").VNodeChild | string | number) => () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>;
     inputValue: import("vue").ComputedRef<string>;
@@ -102,7 +100,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     SelectInput: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         inputRef: {
-            type: PropType<(el: Element | ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any>) => void>;
+            type: PropType<(el: Element | ComponentPublicInstance | null) => void>;
         };
         prefixCls: {
             type: StringConstructor;
@@ -148,9 +146,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         onCompositionend: (e: any) => void;
         onFocus: (args: any) => void;
         onBlur: (args: any) => void;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("paste" | "change" | "compositionend" | "compositionstart" | "keydown" | "mousedown")[], "change" | "mousedown" | "keydown" | "paste" | "compositionend" | "compositionstart", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "mousedown" | "keydown" | "paste" | "compositionstart" | "compositionend")[], "change" | "mousedown" | "keydown" | "paste" | "compositionstart" | "compositionend", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         inputRef: {
-            type: PropType<(el: Element | ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any>) => void>;
+            type: PropType<(el: Element | ComponentPublicInstance | null) => void>;
         };
         prefixCls: {
             type: StringConstructor;
@@ -190,9 +188,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         onChange?: (...args: any[]) => any;
         onMousedown?: (...args: any[]) => any;
         onKeydown?: (...args: any[]) => any;
-        onPaste?: (...args: any[]) => any;
-        onCompositionend?: (...args: any[]) => any;
         onCompositionstart?: (...args: any[]) => any;
+        onCompositionend?: (...args: any[]) => any;
+        onPaste?: (...args: any[]) => any;
     }>, {
         disabled: boolean;
         autofocus: boolean;

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

@@ -26,9 +26,7 @@ export default function useMultipleBase(props: any, emit: any): {
     onInputCompositionEnd: (e: CompositionEvent) => void;
     onInputPaste: (e: ClipboardEvent) => void;
     REST_TAG_KEY: string;
-    getRender: (children: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }> | import("vue").VNodeChild) => () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    getRender: (children: import("vue").VNode | import("vue").VNodeChild | string | number) => () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>;
 };