@koi-design/uxd-ui 13.2.8 → 13.2.9

package/uxd-ui.esm.mjs

@@ -1,4 +1,4 @@
-/*! @koi-design/uxd-ui@3.2.8 */
+/*! @koi-design/uxd-ui@13.2.9 */
 
 import { defineComponent, reactive, watch, provide, inject, computed, onMounted, ref, onBeforeUnmount, openBlock, createElementBlock, createElementVNode, normalizeClass, normalizeStyle, renderSlot, withDirectives, vShow, createBlock, resolveDynamicComponent, createCommentVNode, toRaw, resolveComponent, Transition, withCtx, createVNode, toDisplayString, isVNode, Comment as Comment$1, Fragment, Text as Text$1, h, shallowRef, toRef, nextTick, onUpdated, onUnmounted, cloneVNode, Teleport, toRefs, withModifiers, mergeProps, renderList, onBeforeUpdate, createTextVNode, watchEffect, onActivated, onDeactivated, normalizeProps, guardReactiveProps, createStaticVNode, withKeys, TransitionGroup, createApp, onBeforeMount } from 'vue';
 import { URoundClose, USolidCheckmarkCircle, USolidCloseCircle, USolidAlertCircle, USolidInfoCircle, ULineLoading, URoundSearch, URoundCloseCircle, URoundEyeOpen, URoundEyeOff, URoundCheck, ULineEnter, ULineUp, ULineDown, ULineRight, ULineMenu, URoundDown, USolidCheck, USolidRemove, UColorfulEmpty, ULineSearch, ULineLeft, USolidDown, ULineSortRight, ULineLeftDouble, ULineRightDouble, URoundCalendar, ULineShrink, ULineMagnify, ULineRefreshLeft, ULineRefreshRight, ULineScreenOpen, ULineScaleToOriginal, USolidCaretLeft, USolidCaretRight, ULineUnfold, ULinePack, ULinePicture, ULineAlertCircle, USolidStar, UColorfulNotFound, UColorfulStatisticsEmpty, UColorfulMessageEmpty, USolidFilter, USolidCaretUp, USolidCaretDown, ULineCanDrag, ULineAdd, URoundTime, ULineText, ULineDelete, USolidHelpCircle, URoundHelpCircle, ULineInfoCircle, ULineCheckmarkCircle } from '@koi-design/uxd-icon';
@@ -19,7 +19,7 @@ const camelize$1 = cacheStringFunction(
 );
 /*! #__NO_SIDE_EFFECTS__ */
 /**
-* @vue/shared v3.5.18
+* @vue/shared v3.5.13
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -9895,6 +9895,10 @@ const selectProps = {
   maxTagTooltipWidth: {
     type: Number
   },
+  maxTagTooltipShowAll: {
+    type: Boolean,
+    default: true
+  },
   disabledTriggerForm: {
     type: Boolean,
     default: false
@@ -13683,7 +13687,10 @@ function _sfc_render$1R(_ctx, _cache, $props, $setup, $data, $options) {
           }),
           createTextVNode(" " + toDisplayString(_ctx.loadingText || _ctx.computedLocale.loadingText), 1)
         ])) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.options, (item, index) => {
-          return openBlock(), createBlock(_component_UCheckbox, mergeProps({ key: index }, { ref_for: true }, item), {
+          return openBlock(), createBlock(_component_UCheckbox, mergeProps({
+            key: index,
+            ref_for: true
+          }, item), {
             default: withCtx(() => [
               createTextVNode(toDisplayString(item.label || item.value), 1)
             ]),
@@ -14214,6 +14221,10 @@ const multipleBaseProps = {
     type: Number,
     default: 99900
   },
+  maxTagTooltipShowAll: {
+    type: Boolean,
+    default: true
+  },
   tagRender: {
     type: Function
   },
@@ -14248,16 +14259,19 @@ function renderSelectionItem(item, props, {
   closable,
   onClose,
   values,
-  displayRest
+  displayRest,
+  displayedKeys
 }) {
   const {
     tagRender,
     removeIcon,
     maxTagTooltip,
     maxTagTooltipWidth,
+    maxTagTooltipShowAll,
     popoverProps,
     isShowTagTooltip
   } = props;
+  const tooltipValues = maxTagTooltipShowAll || !displayedKeys ? values : values.filter((v) => !displayedKeys.has(v.key));
   if (isNotRender) {
     const content = createVNode("span", {
       "class": {
@@ -14281,7 +14295,7 @@ function renderSelectionItem(item, props, {
         "style": {
           maxWidth: `${maxTagTooltipWidth}px`
         }
-      }, [values.map((tipItem) => createVNode("span", {
+      }, [tooltipValues.map((tipItem) => createVNode("span", {
         "key": tipItem.key,
         "class": {
           [`${prefixCls}-selection-item`]: true
@@ -14397,6 +14411,13 @@ var MultipleBase = defineComponent({
         onSuffixResize,
         displayRest
       } = baseState;
+      const displayedKeys = /* @__PURE__ */ new Set();
+      displayValues.value.forEach((item, index) => {
+        const isDisplayed = props.enableOverflow ? index <= baseState.mergedDisplayCount.value && item.key !== REST_TAG_KEY : item.key !== REST_TAG_KEY;
+        if (isDisplayed) {
+          displayedKeys.add(item.key);
+        }
+      });
       return createVNode(Fragment, null, [displayValues.value.map((item, index) => {
         const content = renderSelectionItem(item, props, {
           prefixCls: props.prefixCls,
@@ -14404,7 +14425,8 @@ var MultipleBase = defineComponent({
           displayRest: displayRest.value,
           closable,
           onClose,
-          values: props.values
+          values: props.values,
+          displayedKeys
         });
         return props.enableOverflow ? createVNode(ResizeObserver$1, {
           "key": item.key,
@@ -14522,6 +14544,10 @@ const _sfc_main$1Q = defineComponent({
     maxTagTooltipWidth: {
       type: Number
     },
+    maxTagTooltipShowAll: {
+      type: Boolean,
+      default: true
+    },
     tagRender: {
       type: Function
     },
@@ -14684,6 +14710,7 @@ function _sfc_render$1O(_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,
@@ -14702,7 +14729,7 @@ function _sfc_render$1O(_ctx, _cache, $props, $setup, $data, $options) {
             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
@@ -15490,6 +15517,7 @@ function _sfc_render$1M(_ctx, _cache, $props, $setup, $data, $options) {
           "popover-props": _ctx.popoverProps,
           "max-tag-tooltip": _ctx.maxTagTooltip,
           "max-tag-tooltip-width": _ctx.maxTagTooltipWidth,
+          "max-tag-tooltip-show-all": _ctx.maxTagTooltipShowAll,
           "is-show-tag-tooltip": _ctx.isShowTagTooltip,
           "tag-render": _ctx.tagRender,
           "tag-transition-name": _ctx.tagTransitionName,
@@ -15509,7 +15537,7 @@ function _sfc_render$1M(_ctx, _cache, $props, $setup, $data, $options) {
             ])
           ]),
           _: 3
-        }, 8, ["disabled", "multiple", "open", "values", "prefix-cls", "filterable", "search-value", "placeholder", "max-tag-count", "max-tag-text-length", "max-tag-placeholder", "popover-props", "max-tag-tooltip", "max-tag-tooltip-width", "is-show-tag-tooltip", "tag-render", "tag-transition-name", "remove-icon", "allow-create", "title-key", "allow-empty-value", "token-with-enter", "trigger-search", "onToggleOpen", "onSelect", "onCreateSubmit"]),
+        }, 8, ["disabled", "multiple", "open", "values", "prefix-cls", "filterable", "search-value", "placeholder", "max-tag-count", "max-tag-text-length", "max-tag-placeholder", "popover-props", "max-tag-tooltip", "max-tag-tooltip-width", "max-tag-tooltip-show-all", "is-show-tag-tooltip", "tag-render", "tag-transition-name", "remove-icon", "allow-create", "title-key", "allow-empty-value", "token-with-enter", "trigger-search", "onToggleOpen", "onSelect", "onCreateSubmit"]),
         createCommentVNode(" arrow-Icon "),
         _ctx.showArrow ? (openBlock(), createElementBlock("span", {
           key: "arrow",
@@ -33009,7 +33037,7 @@ function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
         key: index,
         ref_for: true,
         ref: _ctx.saveRef(`header-column-${cell._index}`)
-      }, { ref_for: true }, _ctx.getCellProps(cell), {
+      }, _ctx.getCellProps(cell), {
         style: _ctx.getCellStyle(cell),
         class: {
           [String(cell.className)]: !!cell.className,
@@ -33884,8 +33912,9 @@ function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
       return openBlock(), createElementBlock("td", mergeProps({
         key: column.key,
         class: { [`${column.className}`]: !!column.className },
-        style: _ctx.getCellStyle(column)
-      }, { ref_for: true }, _ctx.tdProps(column)), [
+        style: _ctx.getCellStyle(column),
+        ref_for: true
+      }, _ctx.tdProps(column)), [
         !!column.summaryRender ? (openBlock(), createBlock(_component_Render, {
           key: 0,
           render: () => {

package/uxd-ui.umd.js

@@ -1,4 +1,4 @@
-/*! @koi-design/uxd-ui@3.2.8 */
+/*! @koi-design/uxd-ui@13.2.9 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue'), require('@koi-design/uxd-icon')) :
@@ -22,7 +22,7 @@
   );
   /*! #__NO_SIDE_EFFECTS__ */
   /**
-  * @vue/shared v3.5.18
+  * @vue/shared v3.5.13
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -9898,6 +9898,10 @@
     maxTagTooltipWidth: {
       type: Number
     },
+    maxTagTooltipShowAll: {
+      type: Boolean,
+      default: true
+    },
     disabledTriggerForm: {
       type: Boolean,
       default: false
@@ -13686,7 +13690,10 @@
             }),
             vue.createTextVNode(" " + vue.toDisplayString(_ctx.loadingText || _ctx.computedLocale.loadingText), 1)
           ])) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(_ctx.options, (item, index) => {
-            return vue.openBlock(), vue.createBlock(_component_UCheckbox, vue.mergeProps({ key: index }, { ref_for: true }, item), {
+            return vue.openBlock(), vue.createBlock(_component_UCheckbox, vue.mergeProps({
+              key: index,
+              ref_for: true
+            }, item), {
               default: vue.withCtx(() => [
                 vue.createTextVNode(vue.toDisplayString(item.label || item.value), 1)
               ]),
@@ -14217,6 +14224,10 @@
       type: Number,
       default: 99900
     },
+    maxTagTooltipShowAll: {
+      type: Boolean,
+      default: true
+    },
     tagRender: {
       type: Function
     },
@@ -14251,16 +14262,19 @@
     closable,
     onClose,
     values,
-    displayRest
+    displayRest,
+    displayedKeys
   }) {
     const {
       tagRender,
       removeIcon,
       maxTagTooltip,
       maxTagTooltipWidth,
+      maxTagTooltipShowAll,
       popoverProps,
       isShowTagTooltip
     } = props;
+    const tooltipValues = maxTagTooltipShowAll || !displayedKeys ? values : values.filter((v) => !displayedKeys.has(v.key));
     if (isNotRender) {
       const content = vue.createVNode("span", {
         "class": {
@@ -14284,7 +14298,7 @@
           "style": {
             maxWidth: `${maxTagTooltipWidth}px`
           }
-        }, [values.map((tipItem) => vue.createVNode("span", {
+        }, [tooltipValues.map((tipItem) => vue.createVNode("span", {
           "key": tipItem.key,
           "class": {
             [`${prefixCls}-selection-item`]: true
@@ -14400,6 +14414,13 @@
           onSuffixResize,
           displayRest
         } = baseState;
+        const displayedKeys = /* @__PURE__ */ new Set();
+        displayValues.value.forEach((item, index) => {
+          const isDisplayed = props.enableOverflow ? index <= baseState.mergedDisplayCount.value && item.key !== REST_TAG_KEY : item.key !== REST_TAG_KEY;
+          if (isDisplayed) {
+            displayedKeys.add(item.key);
+          }
+        });
         return vue.createVNode(vue.Fragment, null, [displayValues.value.map((item, index) => {
           const content = renderSelectionItem(item, props, {
             prefixCls: props.prefixCls,
@@ -14407,7 +14428,8 @@
             displayRest: displayRest.value,
             closable,
             onClose,
-            values: props.values
+            values: props.values,
+            displayedKeys
           });
           return props.enableOverflow ? vue.createVNode(ResizeObserver$1, {
             "key": item.key,
@@ -14525,6 +14547,10 @@
       maxTagTooltipWidth: {
         type: Number
       },
+      maxTagTooltipShowAll: {
+        type: Boolean,
+        default: true
+      },
       tagRender: {
         type: Function
       },
@@ -14687,6 +14713,7 @@
             "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,
@@ -14705,7 +14732,7 @@
               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
@@ -15493,6 +15520,7 @@
             "popover-props": _ctx.popoverProps,
             "max-tag-tooltip": _ctx.maxTagTooltip,
             "max-tag-tooltip-width": _ctx.maxTagTooltipWidth,
+            "max-tag-tooltip-show-all": _ctx.maxTagTooltipShowAll,
             "is-show-tag-tooltip": _ctx.isShowTagTooltip,
             "tag-render": _ctx.tagRender,
             "tag-transition-name": _ctx.tagTransitionName,
@@ -15512,7 +15540,7 @@
               ])
             ]),
             _: 3
-          }, 8, ["disabled", "multiple", "open", "values", "prefix-cls", "filterable", "search-value", "placeholder", "max-tag-count", "max-tag-text-length", "max-tag-placeholder", "popover-props", "max-tag-tooltip", "max-tag-tooltip-width", "is-show-tag-tooltip", "tag-render", "tag-transition-name", "remove-icon", "allow-create", "title-key", "allow-empty-value", "token-with-enter", "trigger-search", "onToggleOpen", "onSelect", "onCreateSubmit"]),
+          }, 8, ["disabled", "multiple", "open", "values", "prefix-cls", "filterable", "search-value", "placeholder", "max-tag-count", "max-tag-text-length", "max-tag-placeholder", "popover-props", "max-tag-tooltip", "max-tag-tooltip-width", "max-tag-tooltip-show-all", "is-show-tag-tooltip", "tag-render", "tag-transition-name", "remove-icon", "allow-create", "title-key", "allow-empty-value", "token-with-enter", "trigger-search", "onToggleOpen", "onSelect", "onCreateSubmit"]),
           vue.createCommentVNode(" arrow-Icon "),
           _ctx.showArrow ? (vue.openBlock(), vue.createElementBlock("span", {
             key: "arrow",
@@ -33012,7 +33040,7 @@
           key: index,
           ref_for: true,
           ref: _ctx.saveRef(`header-column-${cell._index}`)
-        }, { ref_for: true }, _ctx.getCellProps(cell), {
+        }, _ctx.getCellProps(cell), {
           style: _ctx.getCellStyle(cell),
           class: {
             [String(cell.className)]: !!cell.className,
@@ -33887,8 +33915,9 @@
         return vue.openBlock(), vue.createElementBlock("td", vue.mergeProps({
           key: column.key,
           class: { [`${column.className}`]: !!column.className },
-          style: _ctx.getCellStyle(column)
-        }, { ref_for: true }, _ctx.tdProps(column)), [
+          style: _ctx.getCellStyle(column),
+          ref_for: true
+        }, _ctx.tdProps(column)), [
           !!column.summaryRender ? (vue.openBlock(), vue.createBlock(_component_Render, {
             key: 0,
             render: () => {