@koi-design/uxd-ui 13.2.7 → 13.2.8

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

@@ -109,7 +109,7 @@ function renderSelectionItem(item, props, {
         [`${prefixCls}-selection-item`]: true,
         [`${prefixCls}-selection-item-disabled`]: item.disabled
       }
-    }, [item.key === REST_TAG_KEY && displayRest || isShowTagTooltip ? createVNode(UPopover, mergeProps({
+    }, [item.key === REST_TAG_KEY && (props.maxTagTextLength !== "responsive" || displayRest) || isShowTagTooltip ? createVNode(UPopover, mergeProps({
       "disabled": !maxTagTooltip,
       "trigger": "hover",
       "dropdown-class": `${prefixCls}-dropdown-tooltip`,
@@ -273,7 +273,7 @@ var MultipleBase = defineComponent({
         disabled: props.disabled,
         inputEditable: baseState.inputEditable.value,
         inputValue: inputValue.value,
-        inputWidth,
+        inputWidth: inputWidth.value,
         measureRef,
         onInputMouseDown,
         onInputChange,
@@ -289,7 +289,7 @@ var MultipleBase = defineComponent({
         disabled: props.disabled,
         inputEditable: baseState.inputEditable.value,
         inputValue: inputValue.value,
-        inputWidth,
+        inputWidth: inputWidth.value,
         measureRef,
         onInputMouseDown,
         onInputChange,

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

@@ -1 +1 @@
-{"version":3,"file":"MultipleBase.mjs","sources":["../../../../../src/components/Select/Selection/MultipleBase.tsx"],"sourcesContent":["import { defineComponent } from 'vue';\nimport type { PropType, ComponentPublicInstance, VNodeChild } from 'vue';\nimport UIcon from '@uxd-ui/components/Icon';\nimport UPopover from '@uxd-ui/components/Popover';\nimport { URoundClose } from '@koi-design/uxd-icon';\nimport type { JSX } from 'vue/jsx-runtime';\nimport ResizeObserver from '../../base/ResizeObserver';\nimport { getRender } from '../../../utils/slots';\nimport useMultipleBase, { REST_TAG_KEY } from '../hooks/useMultipleBase';\nimport SelectInput from './Input.vue';\nimport type { DisplayOption, SingleValueType, TagRenderFunction } from '../Select.type';\nimport type { IconPropType } from '../../../utils/globalType';\nimport type { PopoverProps } from '../../Popover';\n\nconst defaultMaxTagPlaceholder = (ommittedValus: string[]) => `+ ${ommittedValus.length}...`;\n\nexport const multipleBaseProps = {\n  prefixCls: {\n    type: String\n  },\n  values: {\n    type: Array as PropType<DisplayOption[]>,\n    default: () => [] as DisplayOption[]\n  },\n  searchValue: {\n    type: String\n  },\n  filterable: {\n    type: Boolean,\n    default: false\n  },\n  disabled: {\n    type: Boolean,\n    default: undefined as undefined\n  },\n  open: {\n    type: Boolean,\n    default: undefined as undefined\n  },\n  inputRef: {\n    type: Function as PropType<(el: Element | ComponentPublicInstance | null) => void>\n  },\n  tagTransitionName: {\n    type: String\n  },\n  maxTagCount: {\n    type: Number\n  },\n  maxTagTextLength: {\n    type: [Number, String] as PropType<number | 'responsive'>\n  },\n  maxTagPlaceholder: {\n    type: Function as PropType<(rest: DisplayOption[]) => string | VNodeChild | JSX.Element>,\n    default: defaultMaxTagPlaceholder\n  },\n  maxTagTooltip: {\n    type: Boolean,\n    default: false\n  },\n  maxTagTooltipWidth: {\n    type: Number,\n    default: 99900\n  },\n  tagRender: {\n    type: Function as PropType<TagRenderFunction>\n  },\n  removeIcon: {\n    type: [String, Object] as PropType<IconPropType>\n  },\n  isShowTagTooltip: {\n    type: Boolean,\n    default: false\n  },\n  popoverProps: {\n    type: Object as PropType<PopoverProps>,\n    default: () => ({})\n  },\n\n  itemWidth: {\n    type: Number,\n    default: 10\n  },\n  containerWrapperWidth: {\n    type: [Number, null] as PropType<number | null>,\n    default: null as null\n  },\n  enableOverflow: {\n    type: Boolean,\n    default: false\n  }\n};\n\nexport const multipleBaseEmits = [\n  'select',\n  'input-mousedown',\n  'input-change',\n  'input-keydown',\n  'input-compositionstart',\n  'input-compositionend',\n  'input-paste'\n];\n\nexport function renderSelectionItem(\n  item: DisplayOption,\n  props: any,\n  {\n    prefixCls,\n    isNotRender,\n    closable,\n    onClose,\n    values,\n    displayRest\n  }: {\n    prefixCls: string;\n    isNotRender: boolean;\n    closable: (displayItem: DisplayOption) => boolean;\n    onClose: (value: SingleValueType, e: any) => void;\n    values: DisplayOption[];\n    displayRest: boolean;\n  }\n) {\n  const { tagRender, removeIcon, maxTagTooltip, maxTagTooltipWidth, popoverProps, isShowTagTooltip } = props;\n\n  if (isNotRender) {\n    const content = (\n      <span\n        class={{\n          [`${item.class}`]: item.class,\n          [`${prefixCls}-selection-item`]: true,\n          [`${prefixCls}-selection-item-disabled`]: item.disabled\n        }}\n      >\n        {(item.key === REST_TAG_KEY && 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,\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,\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.mjs","sources":["../../../../../src/components/Select/Selection/MultipleBase.tsx"],"sourcesContent":["import { defineComponent } from 'vue';\nimport type { PropType, ComponentPublicInstance, VNodeChild } from 'vue';\nimport UIcon from '@uxd-ui/components/Icon';\nimport UPopover from '@uxd-ui/components/Popover';\nimport { URoundClose } from '@koi-design/uxd-icon';\nimport type { JSX } from 'vue/jsx-runtime';\nimport ResizeObserver from '../../base/ResizeObserver';\nimport { getRender } from '../../../utils/slots';\nimport useMultipleBase, { REST_TAG_KEY } from '../hooks/useMultipleBase';\nimport SelectInput from './Input.vue';\nimport type { DisplayOption, SingleValueType, TagRenderFunction } from '../Select.type';\nimport type { IconPropType } from '../../../utils/globalType';\nimport type { PopoverProps } from '../../Popover';\n\nconst defaultMaxTagPlaceholder = (ommittedValus: string[]) => `+ ${ommittedValus.length}...`;\n\nexport const multipleBaseProps = {\n  prefixCls: {\n    type: String\n  },\n  values: {\n    type: Array as PropType<DisplayOption[]>,\n    default: () => [] as DisplayOption[]\n  },\n  searchValue: {\n    type: String\n  },\n  filterable: {\n    type: Boolean,\n    default: false\n  },\n  disabled: {\n    type: Boolean,\n    default: undefined as undefined\n  },\n  open: {\n    type: Boolean,\n    default: undefined as undefined\n  },\n  inputRef: {\n    type: Function as PropType<(el: Element | ComponentPublicInstance | null) => void>\n  },\n  tagTransitionName: {\n    type: String\n  },\n  maxTagCount: {\n    type: Number\n  },\n  maxTagTextLength: {\n    type: [Number, String] as PropType<number | 'responsive'>\n  },\n  maxTagPlaceholder: {\n    type: Function as PropType<(rest: DisplayOption[]) => string | VNodeChild | JSX.Element>,\n    default: defaultMaxTagPlaceholder\n  },\n  maxTagTooltip: {\n    type: Boolean,\n    default: false\n  },\n  maxTagTooltipWidth: {\n    type: Number,\n    default: 99900\n  },\n  tagRender: {\n    type: Function as PropType<TagRenderFunction>\n  },\n  removeIcon: {\n    type: [String, Object] as PropType<IconPropType>\n  },\n  isShowTagTooltip: {\n    type: Boolean,\n    default: false\n  },\n  popoverProps: {\n    type: Object as PropType<PopoverProps>,\n    default: () => ({})\n  },\n\n  itemWidth: {\n    type: Number,\n    default: 10\n  },\n  containerWrapperWidth: {\n    type: [Number, null] as PropType<number | null>,\n    default: null as null\n  },\n  enableOverflow: {\n    type: Boolean,\n    default: false\n  }\n};\n\nexport const multipleBaseEmits = [\n  'select',\n  'input-mousedown',\n  'input-change',\n  'input-keydown',\n  'input-compositionstart',\n  'input-compositionend',\n  'input-paste'\n];\n\nexport function renderSelectionItem(\n  item: DisplayOption,\n  props: any,\n  {\n    prefixCls,\n    isNotRender,\n    closable,\n    onClose,\n    values,\n    displayRest\n  }: {\n    prefixCls: string;\n    isNotRender: boolean;\n    closable: (displayItem: DisplayOption) => boolean;\n    onClose: (value: SingleValueType, e: any) => void;\n    values: DisplayOption[];\n    displayRest: boolean;\n  }\n) {\n  const { tagRender, removeIcon, maxTagTooltip, maxTagTooltipWidth, popoverProps, isShowTagTooltip } = props;\n\n  if (isNotRender) {\n    const content = (\n      <span\n        class={{\n          [`${item.class}`]: item.class,\n          [`${prefixCls}-selection-item`]: true,\n          [`${prefixCls}-selection-item-disabled`]: item.disabled\n        }}\n      >\n        {(item.key === REST_TAG_KEY && (props.maxTagTextLength !== 'responsive' || displayRest)) || isShowTagTooltip ? (\n          <UPopover\n            disabled={!maxTagTooltip}\n            trigger=\"hover\"\n            dropdown-class={`${prefixCls}-dropdown-tooltip`}\n            show-arrow={true}\n            placement=\"top\"\n            {...popoverProps}\n          >\n            {{\n              default: () => (\n                <span class={`${prefixCls}-selection-item-content`} title={item.title}>\n                  {getRender(item.displayLabel)()}\n                </span>\n              ),\n              content: () => (\n                <div class={`${prefixCls}-selection-tooltip`} style={{ maxWidth: `${maxTagTooltipWidth}px` }}>\n                  {values.map((tipItem) => (\n                    <span\n                      key={tipItem.key}\n                      class={{\n                        [`${prefixCls}-selection-item`]: true\n                      }}\n                    >\n                      <span class={`${prefixCls}-selection-item-content`} title={tipItem.title}>\n                        {getRender(tipItem.displayLabel)()}\n                      </span>\n                      {closable(tipItem) && (\n                        <UIcon class={`${prefixCls}-selection-item-remove`} onClick={(e: any) => onClose(tipItem.value, e)}>\n                          <URoundClose />\n                        </UIcon>\n                      )}\n                    </span>\n                  ))}\n                </div>\n              )\n            }}\n          </UPopover>\n        ) : (\n          <>\n            <span class={`${prefixCls}-selection-item-content`} title={item.title}>\n              {getRender(item.displayLabel)()}\n            </span>\n            {closable(item) && (\n              <UIcon class={`${prefixCls}-selection-item-remove`} onClick={(e: any) => onClose(item.value, e)}>\n                {removeIcon ? <component is={removeIcon} /> : <URoundClose />}\n              </UIcon>\n            )}\n          </>\n        )}\n      </span>\n    );\n\n    return content;\n  }\n  return (\n    <span\n      class={item.class}\n      onMousedown={(e: any) => {\n        e.stopPropagation();\n        e.preventDefault();\n      }}\n    >\n      {tagRender?.({\n        ...item,\n        closable: closable(item),\n        onClose: (e: any) => {\n          onClose(item.value, e);\n        }\n      })}\n    </span>\n  );\n}\n\nexport function renderSearchInput(\n  props: any,\n  {\n    prefixCls,\n    inputRef,\n    disabled,\n    inputEditable,\n    inputValue,\n    inputWidth,\n    measureRef,\n    onInputMouseDown,\n    onInputChange,\n    onInputKeydown,\n    onInputCompositionStart,\n    onInputCompositionEnd,\n    onInputPaste\n  }: any\n) {\n  return (\n    <span class={`${prefixCls}-selection-search`} style={{ width: `${inputWidth}px` }}>\n      <SelectInput\n        input-ref={inputRef}\n        prefix-cls={prefixCls}\n        autocomplete=\"off\"\n        disabled={disabled}\n        editable={inputEditable}\n        value={inputValue}\n        onMousedown={onInputMouseDown}\n        onChange={onInputChange}\n        onKeydown={onInputKeydown}\n        onCompositionstart={onInputCompositionStart}\n        onCompositionend={onInputCompositionEnd}\n        onPaste={onInputPaste}\n      />\n      <span ref={measureRef} class={`${prefixCls}-selection-search-mirror`} aria-hidden>\n        {inputValue}&nbsp;\n      </span>\n    </span>\n  );\n}\n\nexport function renderPlaceholder(showPlaceholder: boolean, prefixCls: string, slots: any) {\n  return showPlaceholder ? <div class={`${prefixCls}-selection-placeholder`}>{slots.placeholder?.()}</div> : null;\n}\n\nexport default defineComponent({\n  name: 'MultipleBase',\n  props: multipleBaseProps,\n  emits: multipleBaseEmits,\n  setup(props, { emit, slots }) {\n    const baseState = useMultipleBase(props, emit);\n\n    return () => {\n      const {\n        displayValues,\n        isNotRender,\n        closable,\n        onClose,\n        inputValue,\n        inputWidth,\n        measureRef,\n        showPlaceholder,\n        onInputMouseDown,\n        onInputChange,\n        onInputKeydown,\n        onInputCompositionStart,\n        onInputCompositionEnd,\n        onInputPaste,\n        onOverflowItemResize,\n        onSuffixResize,\n        displayRest\n      } = baseState;\n\n      return (\n        <>\n          {displayValues.value.map((item: DisplayOption, index: number) => {\n            const content = renderSelectionItem(item, props, {\n              prefixCls: props.prefixCls,\n              isNotRender: isNotRender.value,\n              displayRest: displayRest.value,\n              closable,\n              onClose,\n              values: props.values\n            });\n\n            return props.enableOverflow ? (\n              <ResizeObserver key={item.key} onResize={(e) => onOverflowItemResize(e, item)}>\n                <div\n                  class={`${props.prefixCls}-selection-item-wrapper`}\n                  style={{\n                    opacity:\n                      (index > baseState.mergedDisplayCount.value && item.key !== REST_TAG_KEY) || (!displayRest.value && item.key === REST_TAG_KEY)\n                        ? 0\n                        : 1,\n                    height:\n                      (index > baseState.mergedDisplayCount.value && item.key !== REST_TAG_KEY) || (!displayRest.value && item.key === REST_TAG_KEY)\n                        ? 0\n                        : undefined,\n                    overflowY:\n                      (index > baseState.mergedDisplayCount.value && item.key !== REST_TAG_KEY) || (!displayRest.value && item.key === REST_TAG_KEY)\n                        ? 'hidden'\n                        : undefined,\n                    pointerEvents:\n                      (index > baseState.mergedDisplayCount.value && item.key !== REST_TAG_KEY) || (!displayRest.value && item.key === REST_TAG_KEY)\n                        ? 'none'\n                        : undefined,\n                    position:\n                      (index > baseState.mergedDisplayCount.value && item.key !== REST_TAG_KEY) || (!displayRest.value && item.key === REST_TAG_KEY)\n                        ? 'absolute'\n                        : undefined\n                  }}\n                >\n                  {content}\n                </div>\n              </ResizeObserver>\n            ) : (\n              content\n            );\n          })}\n\n          {props.enableOverflow ? (\n            <ResizeObserver onResize={onSuffixResize}>\n              {renderSearchInput(props, {\n                prefixCls: props.prefixCls,\n                inputRef: props.inputRef,\n                disabled: props.disabled,\n                inputEditable: baseState.inputEditable.value,\n                inputValue: inputValue.value,\n                inputWidth: inputWidth.value,\n                measureRef,\n                onInputMouseDown,\n                onInputChange,\n                onInputKeydown,\n                onInputCompositionStart,\n                onInputCompositionEnd,\n                onInputPaste\n              })}\n            </ResizeObserver>\n          ) : (\n            renderSearchInput(props, {\n              prefixCls: props.prefixCls,\n              inputRef: props.inputRef,\n              disabled: props.disabled,\n              inputEditable: baseState.inputEditable.value,\n              inputValue: inputValue.value,\n              inputWidth: inputWidth.value,\n              measureRef,\n              onInputMouseDown,\n              onInputChange,\n              onInputKeydown,\n              onInputCompositionStart,\n              onInputCompositionEnd,\n              onInputPaste\n            })\n          )}\n\n          {renderPlaceholder(showPlaceholder.value, props.prefixCls, slots)}\n        </>\n      );\n    };\n  }\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defaultMaxTagPlaceholder","ommittedValus","length","multipleBaseProps","prefixCls","type","String","values","Array","default","searchValue","filterable","Boolean","disabled","undefined","open","inputRef","Function","tagTransitionName","maxTagCount","Number","maxTagTextLength","maxTagPlaceholder","maxTagTooltip","maxTagTooltipWidth","tagRender","removeIcon","isShowTagTooltip","popoverProps","itemWidth","containerWrapperWidth","enableOverflow","multipleBaseEmits","renderSelectionItem","item","props","isNotRender","closable","onClose","displayRest","content","_createVNode","class","key","REST_TAG_KEY","UPopover","_mergeProps","title","getRender","displayLabel","maxWidth","map","tipItem","UIcon","e","value","URoundClose","_Fragment","_resolveComponent","stopPropagation","preventDefault","renderSearchInput","inputEditable","inputValue","inputWidth","measureRef","onInputMouseDown","onInputChange","onInputKeydown","onInputCompositionStart","onInputCompositionEnd","onInputPaste","width","SelectInput","_createTextVNode","renderPlaceholder","showPlaceholder","slots","placeholder","defineComponent","name","emits","setup","emit","baseState","useMultipleBase","_slot","displayValues","onOverflowItemResize","onSuffixResize","index","ResizeObserver","opacity","mergedDisplayCount","height","overflowY","pointerEvents","position"],"mappings":";;;;;;;;;AASsC,SAAAA,QAAAC;AAAA,gBAAAA,oBAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,CAAA,4BAAAK,QAAAL,CAAA;AAAA;AAKtC,MAAMM,2BAA4BC,mBAA4B,KAAKA,cAAcC;MAEpEC,oBAAoB;AAAA,EAC/BC,WAAW;AAAA,IACTC,MAAMC;AAAAA;AACR,EACAC,QAAQ;AAAA,IACNF,MAAMG;AAAAA,IACNC,SAASA,MAAM;;AACjB,EACAC,aAAa;AAAA,IACXL,MAAMC;AAAAA;AACR,EACAK,YAAY;AAAA,IACVN,MAAMO;AAAAA,IACNH,SAAS;AAAA;AACX,EACAI,UAAU;AAAA,IACRR,MAAMO;AAAAA,IACNH,SAASK;AAAAA;AACX,EACAC,MAAM;AAAA,IACJV,MAAMO;AAAAA,IACNH,SAASK;AAAAA;AACX,EACAE,UAAU;AAAA,IACRX,MAAMY;AAAAA;AACR,EACAC,mBAAmB;AAAA,IACjBb,MAAMC;AAAAA;AACR,EACAa,aAAa;AAAA,IACXd,MAAMe;AAAAA;AACR,EACAC,kBAAkB;AAAA,IAChBhB,MAAM,CAACe,QAAQd,MAAM;AAAA;AACvB,EACAgB,mBAAmB;AAAA,IACjBjB,MAAMY;AAAAA,IACNR,SAAST;AAAAA;AACX,EACAuB,eAAe;AAAA,IACblB,MAAMO;AAAAA,IACNH,SAAS;AAAA;AACX,EACAe,oBAAoB;AAAA,IAClBnB,MAAMe;AAAAA,IACNX,SAAS;AAAA;AACX,EACAgB,WAAW;AAAA,IACTpB,MAAMY;AAAAA;AACR,EACAS,YAAY;AAAA,IACVrB,MAAM,CAACC,QAAQX,MAAM;AAAA;AACvB,EACAgC,kBAAkB;AAAA,IAChBtB,MAAMO;AAAAA,IACNH,SAAS;AAAA;AACX,EACAmB,cAAc;AAAA,IACZvB,MAAMV;AAAAA,IACNc,SAASA,OAAO;AAAC;AACnB,EAEAoB,WAAW;AAAA,IACTxB,MAAMe;AAAAA,IACNX,SAAS;AAAA;AACX,EACAqB,uBAAuB;AAAA,IACrBzB,MAAM,CAACe,QAAQ,IAAI;AAAA,IACnBX,SAAS;AAAA;AACX,EACAsB,gBAAgB;AAAA,IACd1B,MAAMO;AAAAA,IACNH,SAAS;AAAA;AAEb;MAEauB,oBAAoB,CAC/B,UACA,mBACA,gBACA,iBACA,0BACA,wBACA,aAAa;SAGCC,oBACdC,MACAC,OACA;AAAA,EACE/B;AAAAA,EACAgC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA/B;AAAAA,EACAgC;AAQF,GACA;AACA,QAAM;AAAA,IAAEd;AAAAA,IAAWC;AAAAA,IAAYH;AAAAA,IAAeC;AAAAA,IAAoBI;AAAAA,IAAcD;AAAAA,MAAqBQ;AAErG,MAAIC,aAAa;AACf,UAAMI,UAAOC;MAAA,SAEF;AAAA,QACL,CAAC,GAAGP,KAAKQ,UAAUR,KAAKQ;AAAAA,QACxB,CAAC,GAAGtC,6BAA6B;AAAA,QACjC,CAAC,GAAGA,sCAAsC8B,KAAKrB;AAAAA;AACjD,QAEEqB,KAAKS,QAAQC,iBAAiBT,MAAMd,qBAAqB,gBAAgBkB,gBAAiBZ,mBAAgBc,YAAAI,UAAAC;MAAA,YAE9F,CAACvB;AAAAA,MAAa;MAAA,kBAER,GAAGnB;AAAAA,MAA4B,cACnC;AAAA,MAAI;OAEZwB,YAAY;MAGdnB,SAASA,MAAAgC;QAAA,SACM,GAAGrC;AAAAA,QAAkC,SAAS8B,KAAKa;AAAAA,UAC7DC,UAAUd,KAAKe,YAAY,GAAG;MAGnCT,SAASA,MAAAC;QAAA,SACK,GAAGrC;AAAAA,QAA6B,SAAS;AAAA,UAAE8C,UAAU,GAAG1B;AAAAA;AAAuB,UACxFjB,OAAO4C,IAAKC,aAAOX;QAAA,OAEXW,QAAQT;AAAAA,QAAG,SACT;AAAA,UACL,CAAC,GAAGvC,6BAA6B;AAAA;AACnC,UAACqC;QAAA,SAEY,GAAGrC;AAAAA,QAAkC,SAASgD,QAAQL;AAAAA,UAChEC,UAAUI,QAAQH,YAAY,GAAG,IAEnCZ,SAASe,OAAO,KAACX,YAAAY;QAAA,SACF,GAAGjD;AAAAA,QAAiC,WAAYkD,OAAWhB,QAAQc,QAAQG,OAAOD,CAAC;AAAA;QAAC7C,SAAAA,OAAAgC,YAAAe;QAGnG,EAEJ,CAAC;SAELf,YAAAgB,iBAAAhB;MAAA,SAKU,GAAGrC;AAAAA,MAAkC,SAAS8B,KAAKa;AAAAA,QAC7DC,UAAUd,KAAKe,YAAY,GAAG,IAEhCZ,SAASH,IAAI,KAACO,YAAAY;MAAA,SACC,GAAGjD;AAAAA,MAAiC,WAAYkD,OAAWhB,QAAQJ,KAAKqB,OAAOD,CAAC;AAAA;MAAC7C,SAAAA,OAC5FiB,aAAUe,YAAAiB;QAAA,MAAkBhC;AAAAA,iBAAUe,YAAAe,wBAAsB;AAAA,MAEhE,EAEJ;AAIL,WAAOhB;AAAAA;AAET,SAAAC;IAAA,SAEWP,KAAKQ;AAAAA,IAAK,eACHY,OAAW;AACvBA,QAAEK;AACFL,QAAEM;AAAe;AACnB,MAECnC,uCAAY;AAAA,IACX,GAAGS;AAAAA,IACHG,UAAUA,SAASH,IAAI;AAAA,IACvBI,SAAUgB,OAAW;AACnBhB,cAAQJ,KAAKqB,OAAOD,CAAC;AAAA;AACvB,IACA;AAGR;SAEgBO,kBACd1B,OACA;AAAA,EACE/B;AAAAA,EACAY;AAAAA,EACAH;AAAAA,EACAiD;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AACG,GACL;AACA,SAAA9B;IAAA,SACe,GAAGrC;AAAAA,IAA4B,SAAS;AAAA,MAAEoE,OAAO,GAAGR;AAAAA;AAAe,MAACvB,YAAAgC;IAAA,aAElEzD;AAAAA,IAAQ,cACPZ;AAAAA,IAAS;IAAA,YAEXS;AAAAA,IAAQ,YACRiD;AAAAA,IAAa,SAChBC;AAAAA,IAAU,eACJG;AAAAA,IAAgB,YACnBC;AAAAA,IAAa,aACZC;AAAAA,IAAc,sBACLC;AAAAA,IAAuB,oBACzBC;AAAAA,IAAqB,WAC9BC;AAAAA,YAAY9B;IAAA,OAEZwB;AAAAA,IAAU,SAAS,GAAG7D;AAAAA,IAAmC;MACjE2D,YAAUW;AAInB;SAEgBC,kBAAkBC,iBAA0BxE,WAAmByE,OAAY;AAvP3F;AAwPE,SAAOD,kBAAenC;IAAA,SAAe,GAAGrC;AAAAA,OAAoCyE,WAAMC,gBAAND,8BAAqB,KAAU;AAC7G;AAEA,mBAAeE,gBAAgB;AAAA,EAC7BC,MAAM;AAAA,EACN7C,OAAOhC;AAAAA,EACP8E,OAAOjD;AAAAA,EACPkD,MAAM/C,OAAO;AAAA,IAAEgD;AAAAA,IAAMN;AAAAA,KAAS;AAC5B,UAAMO,YAAYC,gBAAgBlD,OAAOgD,IAAI;AAE7C,WAAO,MAAM;AAAA,UAAAG;AACX,YAAM;AAAA,QACJC;AAAAA,QACAnD;AAAAA,QACAC;AAAAA,QACAC;AAAAA,QACAyB;AAAAA,QACAC;AAAAA,QACAC;AAAAA,QACAW;AAAAA,QACAV;AAAAA,QACAC;AAAAA,QACAC;AAAAA,QACAC;AAAAA,QACAC;AAAAA,QACAC;AAAAA,QACAiB;AAAAA,QACAC;AAAAA,QACAlD;AAAAA,UACE6C;AAEJ,aAAA3C,YAAAgB,iBAEK8B,cAAchC,MAAMJ,IAAI,CAACjB,MAAqBwD,UAAkB;AAC/D,cAAMlD,UAAUP,oBAAoBC,MAAMC,OAAO;AAAA,UAC/C/B,WAAW+B,MAAM/B;AAAAA,UACjBgC,aAAaA,YAAYmB;AAAAA,UACzBhB,aAAaA,YAAYgB;AAAAA,UACzBlB;AAAAA,UACAC;AAAAA,UACA/B,QAAQ4B,MAAM5B;AAAAA,SACf;AAED,eAAO4B,MAAMJ,iBAAcU,YAAAkD;UAAA,OACJzD,KAAKS;AAAAA,UAAG,YAAaW,OAAMkC,qBAAqBlC,GAAGpB,IAAI;AAAA;UAACzB,SAAAA,OAAAgC;YAAA,SAElE,GAAGN,MAAM/B;AAAAA,YAAkC,SAC3C;AAAA,cACLwF,SACGF,QAAQN,UAAUS,mBAAmBtC,SAASrB,KAAKS,QAAQC,gBAAkB,CAACL,YAAYgB,SAASrB,KAAKS,QAAQC,eAC7G,IACA;AAAA,cACNkD,QACGJ,QAAQN,UAAUS,mBAAmBtC,SAASrB,KAAKS,QAAQC,gBAAkB,CAACL,YAAYgB,SAASrB,KAAKS,QAAQC,eAC7G,IACA9B;AAAAA,cACNiF,WACGL,QAAQN,UAAUS,mBAAmBtC,SAASrB,KAAKS,QAAQC,gBAAkB,CAACL,YAAYgB,SAASrB,KAAKS,QAAQC,eAC7G,WACA9B;AAAAA,cACNkF,eACGN,QAAQN,UAAUS,mBAAmBtC,SAASrB,KAAKS,QAAQC,gBAAkB,CAACL,YAAYgB,SAASrB,KAAKS,QAAQC,eAC7G,SACA9B;AAAAA,cACNmF,UACGP,QAAQN,UAAUS,mBAAmBtC,SAASrB,KAAKS,QAAQC,gBAAkB,CAACL,YAAYgB,SAASrB,KAAKS,QAAQC,eAC7G,aACA9B;AAAAA;AACR,cAEC0B,OAAO;aAIZA;AAAAA,OAEH,GAEAL,MAAMJ,iBAAcU,YAAAkD;QAAA,YACOF;AAAAA,SAAchG,QAAA6F,QACrCzB,kBAAkB1B,OAAO;AAAA,QACxB/B,WAAW+B,MAAM/B;AAAAA,QACjBY,UAAUmB,MAAMnB;AAAAA,QAChBH,UAAUsB,MAAMtB;AAAAA,QAChBiD,eAAesB,UAAUtB,cAAcP;AAAAA,QACvCQ,YAAYA,WAAWR;AAAAA,QACvBS,YAAYA,WAAWT;AAAAA,QACvBU;AAAAA,QACAC;AAAAA,QACAC;AAAAA,QACAC;AAAAA,QACAC;AAAAA,QACAC;AAAAA,QACAC;AAAAA,OACD,CAAC,IAAAe;QAAA7E,SAAAA,OAAA6E,KAAA;AAAA,WAGJzB,kBAAkB1B,OAAO;AAAA,QACvB/B,WAAW+B,MAAM/B;AAAAA,QACjBY,UAAUmB,MAAMnB;AAAAA,QAChBH,UAAUsB,MAAMtB;AAAAA,QAChBiD,eAAesB,UAAUtB,cAAcP;AAAAA,QACvCQ,YAAYA,WAAWR;AAAAA,QACvBS,YAAYA,WAAWT;AAAAA,QACvBU;AAAAA,QACAC;AAAAA,QACAC;AAAAA,QACAC;AAAAA,QACAC;AAAAA,QACAC;AAAAA,QACAC;AAAAA,OACD,GAGFI,kBAAkBC,gBAAgBrB,OAAOpB,MAAM/B,WAAWyE,KAAK,CAAC;;AAGvE;AAEJ,CAAC;;;;"}

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

@@ -113,7 +113,7 @@ function renderSelectionItem(item, props, {
         [`${prefixCls}-selection-item`]: true,
         [`${prefixCls}-selection-item-disabled`]: item.disabled
       }
-    }, [item.key === useMultipleBase.REST_TAG_KEY && displayRest || isShowTagTooltip ? vue.createVNode(index.UPopover, vue.mergeProps({
+    }, [item.key === useMultipleBase.REST_TAG_KEY && (props.maxTagTextLength !== "responsive" || displayRest) || isShowTagTooltip ? vue.createVNode(index.UPopover, vue.mergeProps({
       "disabled": !maxTagTooltip,
       "trigger": "hover",
       "dropdown-class": `${prefixCls}-dropdown-tooltip`,
@@ -277,7 +277,7 @@ var MultipleBase = vue.defineComponent({
         disabled: props.disabled,
         inputEditable: baseState.inputEditable.value,
         inputValue: inputValue.value,
-        inputWidth,
+        inputWidth: inputWidth.value,
         measureRef,
         onInputMouseDown,
         onInputChange,
@@ -293,7 +293,7 @@ var MultipleBase = vue.defineComponent({
         disabled: props.disabled,
         inputEditable: baseState.inputEditable.value,
         inputValue: inputValue.value,
-        inputWidth,
+        inputWidth: inputWidth.value,
         measureRef,
         onInputMouseDown,
         onInputChange,

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@koi-design/uxd-ui",
-  "version": "13.2.7",
+  "version": "13.2.8",
   "description": "uxd ui component with vue3.0",
   "license": "MIT",
   "maintainers": [],