ll-plus 2.8.18 → 2.8.19

package/es/packages/components/icon-base/src/icon-base.vue2.mjs

@@ -82,8 +82,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 default: withCtx(() => [
                   _ctx.iconName ? (openBlock(), createBlock(_component_ll_icon, {
                     key: 0,
-                    "icon-name": _ctx.iconName
-                  }, null, 8, ["icon-name"])) : createCommentVNode("v-if", true),
+                    "icon-name": _ctx.iconName,
+                    class: normalizeClass(unref(bem).e("text-icon"))
+                  }, null, 8, ["icon-name", "class"])) : createCommentVNode("v-if", true),
                   _ctx.isShowTitle ? (openBlock(), createElementBlock(
                     "span",
                     {

package/es/packages/components/icon-base/src/icon-base.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"icon-base.vue2.mjs","sources":["../../../../../../packages/components/icon-base/src/icon-base.vue"],"sourcesContent":["<template>\n  <!-- 有文字提示弹窗 -->\n  <template v-if=\"isShowTooltip && isShow\">\n    <ll-tooltip :tip=\"tooltipTitle\" :class=\"tooltipClass\">\n      <a-button\n        type=\"text\"\n        :disabled=\"disabled\"\n        :class=\"`${btnClass}`\"\n        :style=\"style\"\n        @click=\"handleClickBtn\"\n      >\n        <ll-icon v-if=\"iconName\" :icon-name=\"iconName\" />\n        <span v-if=\"isShowTitle\" :class=\"bem.e('text')\">{{\n          tooltipTitle\n        }}</span>\n      </a-button>\n    </ll-tooltip>\n  </template>\n  <!-- 没有文字提示弹窗 -->\n  <template v-else-if=\"!isShowTooltip && isShow\">\n    <a-button\n      v-if=\"isShow\"\n      type=\"text\"\n      :disabled=\"disabled\"\n      :class=\"`${btnClass}`\"\n      :style=\"style\"\n      @click=\"handleClickBtn\"\n    >\n      <ll-icon v-if=\"iconName\" :icon-name=\"iconName\" />\n      <span v-if=\"isShowTitle\" :class=\"bem.e('text')\">{{ tooltipTitle }}</span>\n    </a-button>\n  </template>\n</template>\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\n\nimport { createNamespace } from '@ll-plus/utils'\nimport { iconBaseProps } from './icon-base'\n\n// 1.defineOptions\ndefineOptions({\n  name: 'LlIconBase'\n})\n\n// 2.props\nconst props = defineProps(iconBaseProps)\n\n// 3.computed/const\n// button的类名样式\nconst btnClass = computed(() => {\n  const isDefault = props.iconType === 'default' || !props.iconType\n  // 1.类型的class\n  const typeClass = isDefault ? bem.m('default') : bem.m('primary')\n  // 2.是否要裸露的class\n  const exposedClass = props.isShowContainer\n    ? bem.m('container')\n    : bem.m('exposed')\n  // 3.有文本的class\n  const hasTextClass = props.isShowTitle ? bem.m('has-text') : ''\n  // 4.禁用的class\n  const disabledClass = props.disabled\n    ? isDefault\n      ? bem.is('default-disable')\n      : bem.is('primary-disable')\n    : ''\n  return `${\n    props.class\n  } ${bem.b()} ${typeClass} ${exposedClass} ${hasTextClass} ${disabledClass}`\n})\nconst bem = createNamespace('icon-base')\n\n// 4.methods\nconst handleClickBtn = (e: Event) =>\n  props.onClick && props.onClick(e, props.data)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;AA6CA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAId,IAAM,MAAA,QAAA,GAAW,SAAS,MAAM;AAC9B,MAAA,MAAM,SAAY,GAAA,KAAA,CAAM,QAAa,KAAA,SAAA,IAAa,CAAC,KAAM,CAAA,QAAA,CAAA;AAEzD,MAAM,MAAA,SAAA,GAAY,YAAY,GAAI,CAAA,CAAA,CAAE,SAAS,CAAI,GAAA,GAAA,CAAI,EAAE,SAAS,CAAA,CAAA;AAEhE,MAAM,MAAA,YAAA,GAAe,MAAM,eACvB,GAAA,GAAA,CAAI,EAAE,WAAW,CAAA,GACjB,GAAI,CAAA,CAAA,CAAE,SAAS,CAAA,CAAA;AAEnB,MAAA,MAAM,eAAe,KAAM,CAAA,WAAA,GAAc,GAAI,CAAA,CAAA,CAAE,UAAU,CAAI,GAAA,EAAA,CAAA;AAE7D,MAAM,MAAA,aAAA,GAAgB,KAAM,CAAA,QAAA,GACxB,SACE,GAAA,GAAA,CAAI,EAAG,CAAA,iBAAiB,CACxB,GAAA,GAAA,CAAI,EAAG,CAAA,iBAAiB,CAC1B,GAAA,EAAA,CAAA;AACJ,MAAA,OAAO,CACL,EAAA,KAAA,CAAM,KACR,CAAA,CAAA,EAAI,IAAI,CAAE,EAAC,CAAI,CAAA,EAAA,SAAS,CAAI,CAAA,EAAA,YAAY,CAAI,CAAA,EAAA,YAAY,IAAI,aAAa,CAAA,CAAA,CAAA;AAAA,KAC1E,CAAA,CAAA;AACD,IAAM,MAAA,GAAA,GAAM,gBAAgB,WAAW,CAAA,CAAA;AAGvC,IAAM,MAAA,cAAA,GAAiB,CAAC,CACtB,KAAA,KAAA,CAAM,WAAW,KAAM,CAAA,OAAA,CAAQ,CAAG,EAAA,KAAA,CAAM,IAAI,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"icon-base.vue2.mjs","sources":["../../../../../../packages/components/icon-base/src/icon-base.vue"],"sourcesContent":["<template>\n  <!-- 有文字提示弹窗 -->\n  <template v-if=\"isShowTooltip && isShow\">\n    <ll-tooltip :tip=\"tooltipTitle\" :class=\"tooltipClass\">\n      <a-button\n        type=\"text\"\n        :disabled=\"disabled\"\n        :class=\"`${btnClass}`\"\n        :style=\"style\"\n        @click=\"handleClickBtn\"\n      >\n        <ll-icon v-if=\"iconName\" :icon-name=\"iconName\" />\n        <span v-if=\"isShowTitle\" :class=\"bem.e('text')\">{{\n          tooltipTitle\n        }}</span>\n      </a-button>\n    </ll-tooltip>\n  </template>\n  <!-- 没有文字提示弹窗 -->\n  <template v-else-if=\"!isShowTooltip && isShow\">\n    <a-button\n      v-if=\"isShow\"\n      type=\"text\"\n      :disabled=\"disabled\"\n      :class=\"`${btnClass}`\"\n      :style=\"style\"\n      @click=\"handleClickBtn\"\n    >\n      <ll-icon\n        v-if=\"iconName\"\n        :icon-name=\"iconName\"\n        :class=\"bem.e('text-icon')\"\n      />\n      <span v-if=\"isShowTitle\" :class=\"bem.e('text')\">{{ tooltipTitle }}</span>\n    </a-button>\n  </template>\n</template>\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\n\nimport { createNamespace } from '@ll-plus/utils'\nimport { iconBaseProps } from './icon-base'\n\n// 1.defineOptions\ndefineOptions({\n  name: 'LlIconBase'\n})\n\n// 2.props\nconst props = defineProps(iconBaseProps)\n\n// 3.computed/const\n// button的类名样式\nconst btnClass = computed(() => {\n  const isDefault = props.iconType === 'default' || !props.iconType\n  // 1.类型的class\n  const typeClass = isDefault ? bem.m('default') : bem.m('primary')\n  // 2.是否要裸露的class\n  const exposedClass = props.isShowContainer\n    ? bem.m('container')\n    : bem.m('exposed')\n  // 3.有文本的class\n  const hasTextClass = props.isShowTitle ? bem.m('has-text') : ''\n  // 4.禁用的class\n  const disabledClass = props.disabled\n    ? isDefault\n      ? bem.is('default-disable')\n      : bem.is('primary-disable')\n    : ''\n  return `${\n    props.class\n  } ${bem.b()} ${typeClass} ${exposedClass} ${hasTextClass} ${disabledClass}`\n})\nconst bem = createNamespace('icon-base')\n\n// 4.methods\nconst handleClickBtn = (e: Event) =>\n  props.onClick && props.onClick(e, props.data)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;AAiDA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAId,IAAM,MAAA,QAAA,GAAW,SAAS,MAAM;AAC9B,MAAA,MAAM,SAAY,GAAA,KAAA,CAAM,QAAa,KAAA,SAAA,IAAa,CAAC,KAAM,CAAA,QAAA,CAAA;AAEzD,MAAM,MAAA,SAAA,GAAY,YAAY,GAAI,CAAA,CAAA,CAAE,SAAS,CAAI,GAAA,GAAA,CAAI,EAAE,SAAS,CAAA,CAAA;AAEhE,MAAM,MAAA,YAAA,GAAe,MAAM,eACvB,GAAA,GAAA,CAAI,EAAE,WAAW,CAAA,GACjB,GAAI,CAAA,CAAA,CAAE,SAAS,CAAA,CAAA;AAEnB,MAAA,MAAM,eAAe,KAAM,CAAA,WAAA,GAAc,GAAI,CAAA,CAAA,CAAE,UAAU,CAAI,GAAA,EAAA,CAAA;AAE7D,MAAM,MAAA,aAAA,GAAgB,KAAM,CAAA,QAAA,GACxB,SACE,GAAA,GAAA,CAAI,EAAG,CAAA,iBAAiB,CACxB,GAAA,GAAA,CAAI,EAAG,CAAA,iBAAiB,CAC1B,GAAA,EAAA,CAAA;AACJ,MAAA,OAAO,CACL,EAAA,KAAA,CAAM,KACR,CAAA,CAAA,EAAI,IAAI,CAAE,EAAC,CAAI,CAAA,EAAA,SAAS,CAAI,CAAA,EAAA,YAAY,CAAI,CAAA,EAAA,YAAY,IAAI,aAAa,CAAA,CAAA,CAAA;AAAA,KAC1E,CAAA,CAAA;AACD,IAAM,MAAA,GAAA,GAAM,gBAAgB,WAAW,CAAA,CAAA;AAGvC,IAAM,MAAA,cAAA,GAAiB,CAAC,CACtB,KAAA,KAAA,CAAM,WAAW,KAAM,CAAA,OAAA,CAAQ,CAAG,EAAA,KAAA,CAAM,IAAI,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/packages/components/operate-icon/src/operate-icon.vue2.mjs

@@ -52,7 +52,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       return `${bem.b()} ${isHasDropdown ? bem.m("has-dropdown") : bem.m("no-dropdown")}`;
     });
     const marginButtonClass = (index, length) => {
-      return index < length && props.showDropdown ? "margin-tooltip" : "";
+      return index < length ? "margin-tooltip" : "";
     };
     const handleOpenChange = (open) => emits("onDropdownOpenChange", open);
     const handleDropdownOpenChange = (open) => {

package/es/packages/components/operate-icon/src/operate-icon.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"operate-icon.vue2.mjs","sources":["../../../../../../packages/components/operate-icon/src/operate-icon.vue"],"sourcesContent":["<template>\n  <div :class=\"operateIconClass\">\n    <!-- 显示的icon -->\n    <ll-icon-base\n      v-for=\"(item, index) in showIconList\"\n      v-bind=\"item\"\n      :key=\"item.iconName\"\n      :data=\"data\"\n      :is-show=\"Object.keys(item).includes('isShow') ? item.isShow : true\"\n      :tooltip-class=\"bem.e(marginButtonClass(index, showIconList.length - 1))\"\n    />\n    <template v-if=\"modalIconList.length === 1\">\n      <ll-icon-base\n        v-for=\"(item, index) in modalIconList\"\n        :key=\"index\"\n        v-bind=\"item\"\n        :data=\"data\"\n        :tooltip-class=\"`${bem.e('last-icon')}`\"\n      />\n    </template>\n    <!-- 下拉提示的icon -->\n    <a-dropdown\n      v-if=\"showDropdown && modalIconList.length > 1\"\n      :overlay-class-name=\"`${bem.e('dropdown')} ${props.overlayClassName}`\"\n      :open=\"dropdownOpen\"\n      :trigger=\"trigger\"\n      @open-change=\"handleDropdownOpenChange\"\n    >\n      <div :class=\"bem.e('dropdown-container')\">\n        <ll-icon-base\n          :is-show-tooltip=\"false\"\n          :is-show-container=\"showIconList[0].isShowContainer\"\n          :icon-type=\"showIconList[0].iconType\"\n          :data=\"data\"\n          icon-name=\"icon-more\"\n          :class=\"bem.e('icon-more')\"\n        />\n      </div>\n      <template #overlay>\n        <a-menu @click=\"handleDropdownParentClick\">\n          <slot>\n            <template v-for=\"item in modalIconList\">\n              <a-menu-item\n                v-if=\"Object.keys(item).includes('isShow') ? item.isShow : true\"\n                :key=\"item.iconName\"\n              >\n                <ll-icon-base\n                  v-bind=\"item\"\n                  :data=\"data\"\n                  :icon-name=\"showDropdownItemIcon ? item.iconName : ''\"\n                />\n              </a-menu-item>\n            </template>\n          </slot>\n        </a-menu>\n      </template>\n    </a-dropdown>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue'\n\nimport { createNamespace } from '@ll-plus/utils'\n\nimport { IconBaseProps, LlIconBase } from '@ll-plus/components'\nimport { operateIconEmits, operateIconProps } from './operate-icon'\n\n// 1.defineOptions\ndefineOptions({\n  name: 'LlOperateIcon'\n})\n\n// 2.props/emits\nconst props = defineProps(operateIconProps)\nconst emits = defineEmits(operateIconEmits)\n\n// 3.ref/const\nconst showIconList = ref<IconBaseProps[]>([]) // 显示的icon列表\nconst modalIconList = ref<IconBaseProps[]>([]) // 弹窗的icon列表\nconst dropdownOpen = ref(false) // 下拉菜单的open\nconst defaultList = ref([\n  // 默认的icon列表\n  {\n    iconType: computed(() => props.iconType || 'primary'), // default默认为灰色\n    isShowContainer: false, // 是否显示icon容器\n    iconName: 'icon-edit',\n    tooltipTitle: '编辑',\n    disabled: props.disabled,\n    onClick: (e: Event, data: any) => {\n      emits('edit', e, data)\n    }\n  },\n  {\n    iconType: computed(() => props.iconType || 'primary'), // default默认为灰色\n    isShowContainer: false, // 是否显示icon容器\n    iconName: 'icon-delete',\n    tooltipTitle: '删除',\n    disabled: props.disabled,\n    onClick: (e: Event, data: any) => {\n      emits('delete', e, data)\n    }\n  }\n])\nconst bem = createNamespace('operate-icon')\nconst operateIconClass = computed(() => {\n  const isHasDropdown = props.showDropdown && modalIconList.value.length\n  return `${bem.b()} ${\n    isHasDropdown ? bem.m('has-dropdown') : bem.m('no-dropdown')\n  }`\n})\n// 4.methods\n// 点击更多按钮\nconst marginButtonClass = (index, length) => {\n  return index < length && props.showDropdown ? 'margin-tooltip' : ''\n}\nconst handleOpenChange = (open: boolean) => emits('onDropdownOpenChange', open)\n// 下拉菜单open\nconst handleDropdownOpenChange = (open: boolean) => {\n  dropdownOpen.value = open\n  handleOpenChange(open)\n}\nconst handleDropdownParentClick = () => {\n  dropdownOpen.value = false\n  handleOpenChange(false)\n}\n\n// 5.watch\nwatch(\n  () => [props.list, props.showDropdown],\n  (data: any) => {\n    const [newList, showDropdown] = data\n    const list = newList\n      ? newList.filter(Boolean).filter(item => Boolean(item.isShow))\n      : defaultList.value\n    const length = list.length\n    if (length >= props.showIconLimit && showDropdown) {\n      showIconList.value = list\n        .slice(0, props.showIconLimit - 1)\n        .map(item => ({ ...item, isShowTooltip: true })) as IconBaseProps[]\n      // 默认modal里面要icon后面跟文字\n      const sliceList = list.slice(props.showIconLimit - 1)\n      if (sliceList.length === 1) {\n        modalIconList.value = sliceList.map((item: any) => ({\n          ...item,\n          isShowTitle: false,\n          isShowTooltip: true\n        }))\n      } else {\n        modalIconList.value = sliceList.map((item: any) => ({\n          ...item,\n          isShowTitle: true\n        }))\n      }\n    } else {\n      showIconList.value = list as IconBaseProps[]\n    }\n  },\n  { immediate: true, deep: true }\n)\n</script>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"operate-icon.vue2.mjs","sources":["../../../../../../packages/components/operate-icon/src/operate-icon.vue"],"sourcesContent":["<template>\n  <div :class=\"operateIconClass\">\n    <!-- 显示的icon -->\n    <ll-icon-base\n      v-for=\"(item, index) in showIconList\"\n      v-bind=\"item\"\n      :key=\"item.iconName\"\n      :data=\"data\"\n      :is-show=\"Object.keys(item).includes('isShow') ? item.isShow : true\"\n      :tooltip-class=\"bem.e(marginButtonClass(index, showIconList.length - 1))\"\n    />\n    <template v-if=\"modalIconList.length === 1\">\n      <ll-icon-base\n        v-for=\"(item, index) in modalIconList\"\n        :key=\"index\"\n        v-bind=\"item\"\n        :data=\"data\"\n        :tooltip-class=\"`${bem.e('last-icon')}`\"\n      />\n    </template>\n    <!-- 下拉提示的icon -->\n    <a-dropdown\n      v-if=\"showDropdown && modalIconList.length > 1\"\n      :overlay-class-name=\"`${bem.e('dropdown')} ${props.overlayClassName}`\"\n      :open=\"dropdownOpen\"\n      :trigger=\"trigger\"\n      @open-change=\"handleDropdownOpenChange\"\n    >\n      <div :class=\"bem.e('dropdown-container')\">\n        <ll-icon-base\n          :is-show-tooltip=\"false\"\n          :is-show-container=\"showIconList[0].isShowContainer\"\n          :icon-type=\"showIconList[0].iconType\"\n          :data=\"data\"\n          icon-name=\"icon-more\"\n          :class=\"bem.e('icon-more')\"\n        />\n      </div>\n      <template #overlay>\n        <a-menu @click=\"handleDropdownParentClick\">\n          <slot>\n            <template v-for=\"item in modalIconList\">\n              <a-menu-item\n                v-if=\"Object.keys(item).includes('isShow') ? item.isShow : true\"\n                :key=\"item.iconName\"\n              >\n                <ll-icon-base\n                  v-bind=\"item\"\n                  :data=\"data\"\n                  :icon-name=\"showDropdownItemIcon ? item.iconName : ''\"\n                />\n              </a-menu-item>\n            </template>\n          </slot>\n        </a-menu>\n      </template>\n    </a-dropdown>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue'\n\nimport { createNamespace } from '@ll-plus/utils'\n\nimport { IconBaseProps, LlIconBase } from '@ll-plus/components'\nimport { operateIconEmits, operateIconProps } from './operate-icon'\n\n// 1.defineOptions\ndefineOptions({\n  name: 'LlOperateIcon'\n})\n\n// 2.props/emits\nconst props = defineProps(operateIconProps)\nconst emits = defineEmits(operateIconEmits)\n\n// 3.ref/const\nconst showIconList = ref<IconBaseProps[]>([]) // 显示的icon列表\nconst modalIconList = ref<IconBaseProps[]>([]) // 弹窗的icon列表\nconst dropdownOpen = ref(false) // 下拉菜单的open\nconst defaultList = ref([\n  // 默认的icon列表\n  {\n    iconType: computed(() => props.iconType || 'primary'), // default默认为灰色\n    isShowContainer: false, // 是否显示icon容器\n    iconName: 'icon-edit',\n    tooltipTitle: '编辑',\n    disabled: props.disabled,\n    onClick: (e: Event, data: any) => {\n      emits('edit', e, data)\n    }\n  },\n  {\n    iconType: computed(() => props.iconType || 'primary'), // default默认为灰色\n    isShowContainer: false, // 是否显示icon容器\n    iconName: 'icon-delete',\n    tooltipTitle: '删除',\n    disabled: props.disabled,\n    onClick: (e: Event, data: any) => {\n      emits('delete', e, data)\n    }\n  }\n])\nconst bem = createNamespace('operate-icon')\nconst operateIconClass = computed(() => {\n  const isHasDropdown = props.showDropdown && modalIconList.value.length\n  return `${bem.b()} ${\n    isHasDropdown ? bem.m('has-dropdown') : bem.m('no-dropdown')\n  }`\n})\n// 4.methods\n// 点击更多按钮\nconst marginButtonClass = (index, length) => {\n  return index < length ? 'margin-tooltip' : ''\n}\nconst handleOpenChange = (open: boolean) => emits('onDropdownOpenChange', open)\n// 下拉菜单open\nconst handleDropdownOpenChange = (open: boolean) => {\n  dropdownOpen.value = open\n  handleOpenChange(open)\n}\nconst handleDropdownParentClick = () => {\n  dropdownOpen.value = false\n  handleOpenChange(false)\n}\n\n// 5.watch\nwatch(\n  () => [props.list, props.showDropdown],\n  (data: any) => {\n    const [newList, showDropdown] = data\n    const list = newList\n      ? newList.filter(Boolean).filter(item => Boolean(item.isShow))\n      : defaultList.value\n    const length = list.length\n    if (length >= props.showIconLimit && showDropdown) {\n      showIconList.value = list\n        .slice(0, props.showIconLimit - 1)\n        .map(item => ({ ...item, isShowTooltip: true })) as IconBaseProps[]\n      // 默认modal里面要icon后面跟文字\n      const sliceList = list.slice(props.showIconLimit - 1)\n      if (sliceList.length === 1) {\n        modalIconList.value = sliceList.map((item: any) => ({\n          ...item,\n          isShowTitle: false,\n          isShowTooltip: true\n        }))\n      } else {\n        modalIconList.value = sliceList.map((item: any) => ({\n          ...item,\n          isShowTitle: true\n        }))\n      }\n    } else {\n      showIconList.value = list as IconBaseProps[]\n    }\n  },\n  { immediate: true, deep: true }\n)\n</script>\n"],"names":[],"mappings":"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"}

package/index.full.js

@@ -64573,8 +64573,9 @@
                   default: require$$0.withCtx(() => [
                     _ctx.iconName ? (require$$0.openBlock(), require$$0.createBlock(_component_ll_icon, {
                       key: 0,
-                      "icon-name": _ctx.iconName
-                    }, null, 8, ["icon-name"])) : require$$0.createCommentVNode("v-if", true),
+                      "icon-name": _ctx.iconName,
+                      class: require$$0.normalizeClass(require$$0.unref(bem).e("text-icon"))
+                    }, null, 8, ["icon-name", "class"])) : require$$0.createCommentVNode("v-if", true),
                     _ctx.isShowTitle ? (require$$0.openBlock(), require$$0.createElementBlock(
                       "span",
                       {
@@ -73697,7 +73698,7 @@
         return `${bem.b()} ${isHasDropdown ? bem.m("has-dropdown") : bem.m("no-dropdown")}`;
       });
       const marginButtonClass = (index, length) => {
-        return index < length && props.showDropdown ? "margin-tooltip" : "";
+        return index < length ? "margin-tooltip" : "";
       };
       const handleOpenChange = (open) => emits("onDropdownOpenChange", open);
       const handleDropdownOpenChange = (open) => {