ll-plus 2.8.8 → 2.8.10

package/es/components/operate-icon/index.d.ts

@@ -22,12 +22,19 @@ export declare const LlOperateIcon: import("ll-plus/es/utils").SFCWithInstall<im
         __epPropKey: true;
     };
     readonly trigger: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => string[], boolean>;
+    readonly overlayClassName: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
 }, {
     props: import("@vue/shared").LooseRequired<{
         readonly disabled: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly trigger: string[];
         readonly showDropdown: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly showIconLimit: number;
+        readonly overlayClassName?: string | undefined;
         readonly data?: any;
         readonly list?: import("ll-plus/es/index").IconBaseProps[] | undefined;
         readonly iconType?: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "primary", unknown> | undefined;
@@ -3464,6 +3471,12 @@ export declare const LlOperateIcon: import("ll-plus/es/utils").SFCWithInstall<im
         __epPropKey: true;
     };
     readonly trigger: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => string[], boolean>;
+    readonly overlayClassName: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
 }>> & {
     onEdit?: ((v: Event, data: any) => any) | undefined;
     onDelete?: ((v: Event, data: any) => any) | undefined;

package/es/components/operate-icon/src/operate-icon.d.ts

@@ -1,6 +1,6 @@
+import type { IconBaseProps } from 'll-plus/es/components';
 import type { ExtractPropTypes } from 'vue';
 import type OperateIcon from './operate-icon.vue';
-import type { IconBaseProps } from 'll-plus/es/components';
 export declare const operateIconProps: {
     readonly showDropdown: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly list: {
@@ -24,6 +24,12 @@ export declare const operateIconProps: {
         __epPropKey: true;
     };
     readonly trigger: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => string[], boolean>;
+    readonly overlayClassName: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
 };
 export declare const operateIconEmits: {
     edit: (v: Event, data: any) => Event;

package/es/components/operate-icon/src/operate-icon.vue.d.ts

@@ -22,12 +22,19 @@ declare const _default: import("vue").DefineComponent<{
         __epPropKey: true;
     };
     readonly trigger: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => string[], boolean>;
+    readonly overlayClassName: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
 }, {
     props: import("@vue/shared").LooseRequired<{
         readonly disabled: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly trigger: string[];
         readonly showDropdown: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly showIconLimit: number;
+        readonly overlayClassName?: string | undefined;
         readonly data?: any;
         readonly list?: IconBaseProps[] | undefined;
         readonly iconType?: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "primary", unknown> | undefined;
@@ -3464,6 +3471,12 @@ declare const _default: import("vue").DefineComponent<{
         __epPropKey: true;
     };
     readonly trigger: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => string[], boolean>;
+    readonly overlayClassName: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
 }>> & {
     onEdit?: ((v: Event, data: any) => any) | undefined;
     onDelete?: ((v: Event, data: any) => any) | undefined;

package/es/locale/lang/en.d.ts

@@ -1,7 +1,7 @@
 import { LOCALE } from '../config';
 declare const _default: {
     name: LOCALE;
-    ll: {
+    plus: {
         table: {
             operate: string;
         };

package/es/locale/lang/zh-cn.d.ts

@@ -1,7 +1,7 @@
 import { LOCALE } from '../config';
 declare const _default: {
     name: LOCALE;
-    ll: {
+    plus: {
         table: {
             operate: string;
         };

package/es/locale/lang/zh-tw.d.ts

@@ -1,7 +1,7 @@
 import { LOCALE } from '../config';
 declare const _default: {
     name: LOCALE;
-    ll: {
+    plus: {
         table: {
             operate: string;
         };

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

@@ -51,6 +51,12 @@ const operateIconProps = buildProps({
   trigger: {
     type: definePropType(Object),
     default: () => ["click"]
+  },
+  /**
+   * @description 弹窗class类名
+   */
+  overlayClassName: {
+    type: String
   }
 });
 const operateIconEmits = {

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

@@ -1 +1 @@
-{"version":3,"file":"operate-icon.mjs","sources":["../../../../../../packages/components/operate-icon/src/operate-icon.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport { iconTypes } from '@ll-plus/components'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type OperateIcon from './operate-icon.vue'\nimport type { IconBaseProps } from '@ll-plus/components'\n\nexport const operateIconProps = buildProps({\n  /**\n   * @description 是否显示dropdown\n   */\n  showDropdown: {\n    type: Boolean,\n    default: false\n  },\n  /**\n   * @description  icon列表\n   */\n  list: {\n    type: definePropType<IconBaseProps[]>(Array)\n  },\n  /**\n   * @description 是否禁用\n   */\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  /**\n   * @description 显示多少个icon,其余在弹窗中显示\n   */\n  showIconLimit: {\n    type: Number,\n    default: 3\n  },\n  /**\n   * @description 点击按钮传递的数据\n   */\n  data: {\n    type: definePropType<any>(undefined)\n  },\n  /**\n   * @description 默认icon（edit和delete）的颜色\n   */\n  iconType: {\n    type: String,\n    values: iconTypes\n  },\n  /**\n   * @description 触发下拉的行为\n   */\n  trigger: {\n    type: definePropType<string[]>(Object),\n    default: () => ['click']\n  }\n} as const)\n\nexport const operateIconEmits = {\n  edit: (v: Event, data: any) => v || data, // 点击编辑\n  delete: (v: Event, data: any) => v || data, // 点击删除\n  onDropdownOpenChange: (open: boolean) => open || true // 下拉菜单的open\n}\n\n// props\nexport type OperateIconProps = ExtractPropTypes<typeof operateIconProps>\n\n// emits\nexport type OperateIconEmits = typeof operateIconEmits\n\n// instance\nexport type OperateIconInstance = InstanceType<typeof OperateIcon>\n"],"names":[],"mappings":";;;;;;AAQO,MAAM,mBAAmB,UAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAIzC,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAA,EAAM,eAAgC,KAAK,CAAA;AAAA,GAC7C;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAA,EAAM,eAAoB,KAAS,CAAA,CAAA;AAAA,GACrC;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,MAAQ,EAAA,SAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,OAAS,EAAA;AAAA,IACP,IAAA,EAAM,eAAyB,MAAM,CAAA;AAAA,IACrC,OAAA,EAAS,MAAM,CAAC,OAAO,CAAA;AAAA,GACzB;AACF,CAAU,EAAA;AAEH,MAAM,gBAAmB,GAAA;AAAA,EAC9B,IAAM,EAAA,CAAC,CAAU,EAAA,IAAA,KAAc,CAAK,IAAA,IAAA;AAAA;AAAA,EACpC,MAAQ,EAAA,CAAC,CAAU,EAAA,IAAA,KAAc,CAAK,IAAA,IAAA;AAAA;AAAA,EACtC,oBAAA,EAAsB,CAAC,IAAA,KAAkB,IAAQ,IAAA,IAAA;AAAA;AACnD;;;;"}
+{"version":3,"file":"operate-icon.mjs","sources":["../../../../../../packages/components/operate-icon/src/operate-icon.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport { iconTypes } from '@ll-plus/components'\n\nimport type { IconBaseProps } from '@ll-plus/components'\nimport type { ExtractPropTypes } from 'vue'\nimport type OperateIcon from './operate-icon.vue'\n\nexport const operateIconProps = buildProps({\n  /**\n   * @description 是否显示dropdown\n   */\n  showDropdown: {\n    type: Boolean,\n    default: false\n  },\n  /**\n   * @description  icon列表\n   */\n  list: {\n    type: definePropType<IconBaseProps[]>(Array)\n  },\n  /**\n   * @description 是否禁用\n   */\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  /**\n   * @description 显示多少个icon,其余在弹窗中显示\n   */\n  showIconLimit: {\n    type: Number,\n    default: 3\n  },\n  /**\n   * @description 点击按钮传递的数据\n   */\n  data: {\n    type: definePropType<any>(undefined)\n  },\n  /**\n   * @description 默认icon（edit和delete）的颜色\n   */\n  iconType: {\n    type: String,\n    values: iconTypes\n  },\n  /**\n   * @description 触发下拉的行为\n   */\n  trigger: {\n    type: definePropType<string[]>(Object),\n    default: () => ['click']\n  },\n  /**\n   * @description 弹窗class类名\n   */\n  overlayClassName: {\n    type: String\n  }\n} as const)\n\nexport const operateIconEmits = {\n  edit: (v: Event, data: any) => v || data, // 点击编辑\n  delete: (v: Event, data: any) => v || data, // 点击删除\n  onDropdownOpenChange: (open: boolean) => open || true // 下拉菜单的open\n}\n\n// props\nexport type OperateIconProps = ExtractPropTypes<typeof operateIconProps>\n\n// emits\nexport type OperateIconEmits = typeof operateIconEmits\n\n// instance\nexport type OperateIconInstance = InstanceType<typeof OperateIcon>\n"],"names":[],"mappings":";;;;;;AAQO,MAAM,mBAAmB,UAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAIzC,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAA,EAAM,eAAgC,KAAK,CAAA;AAAA,GAC7C;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAA,EAAM,eAAoB,KAAS,CAAA,CAAA;AAAA,GACrC;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,MAAQ,EAAA,SAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,OAAS,EAAA;AAAA,IACP,IAAA,EAAM,eAAyB,MAAM,CAAA;AAAA,IACrC,OAAA,EAAS,MAAM,CAAC,OAAO,CAAA;AAAA,GACzB;AAAA;AAAA;AAAA;AAAA,EAIA,gBAAkB,EAAA;AAAA,IAChB,IAAM,EAAA,MAAA;AAAA,GACR;AACF,CAAU,EAAA;AAEH,MAAM,gBAAmB,GAAA;AAAA,EAC9B,IAAM,EAAA,CAAC,CAAU,EAAA,IAAA,KAAc,CAAK,IAAA,IAAA;AAAA;AAAA,EACpC,MAAQ,EAAA,CAAC,CAAU,EAAA,IAAA,KAAc,CAAK,IAAA,IAAA;AAAA;AAAA,EACtC,oBAAA,EAAsB,CAAC,IAAA,KAAkB,IAAQ,IAAA,IAAA;AAAA;AACnD;;;;"}

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

@@ -109,7 +109,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           createCommentVNode(" \u4E0B\u62C9\u63D0\u793A\u7684icon "),
           _ctx.showDropdown && modalIconList.value.length ? (openBlock(), createBlock(_component_a_dropdown, {
             key: 0,
-            "overlay-class-name": unref(bem).e("dropdown"),
+            "overlay-class-name": [unref(bem).e("dropdown"), props.overlayClassName],
             open: dropdownOpen.value,
             trigger: _ctx.trigger,
             onOpenChange: handleDropdownOpenChange

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    <!-- 下拉提示的icon -->\n    <a-dropdown\n      v-if=\"showDropdown && modalIconList.length\"\n      :overlay-class-name=\"bem.e('dropdown')\"\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 v-bind=\"item\" :data=\"data\" />\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 { ref, computed, watch } from 'vue'\n\nimport { createNamespace } from '@ll-plus/utils'\n\nimport { IconBaseProps, LlIconBase } from '@ll-plus/components'\nimport { operateIconProps, operateIconEmits } 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()} ${isHasDropdown ? bem.m('has-dropdown') : ''}`\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 ? newList.filter(Boolean) : defaultList.value\n    const length = list.length\n    if (length >= props.showIconLimit && showDropdown) {\n      showIconList.value = list.slice(\n        0,\n        props.showIconLimit - 1\n      ) as IconBaseProps[]\n      // 默认modal里面要icon后面跟文字\n      modalIconList.value = list\n        .slice(props.showIconLimit - 1)\n        .map((item: any) => ({ ...item, isShowTitle: true }))\n    } else {\n      showIconList.value = list as IconBaseProps[]\n    }\n  },\n  { immediate: true, deep: true }\n)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AA4DA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAGd,IAAM,MAAA,YAAA,GAAe,GAAqB,CAAA,EAAE,CAAA,CAAA;AAC5C,IAAM,MAAA,aAAA,GAAgB,GAAqB,CAAA,EAAE,CAAA,CAAA;AAC7C,IAAM,MAAA,YAAA,GAAe,IAAI,KAAK,CAAA,CAAA;AAC9B,IAAA,MAAM,cAAc,GAAI,CAAA;AAAA;AAAA,MAEtB;AAAA,QACE,QAAU,EAAA,QAAA,CAAS,MAAM,KAAA,CAAM,YAAY,SAAS,CAAA;AAAA;AAAA,QACpD,eAAiB,EAAA,KAAA;AAAA;AAAA,QACjB,QAAU,EAAA,WAAA;AAAA,QACV,YAAc,EAAA,cAAA;AAAA,QACd,UAAU,KAAM,CAAA,QAAA;AAAA,QAChB,OAAA,EAAS,CAAC,CAAA,EAAU,IAAc,KAAA;AAChC,UAAM,KAAA,CAAA,MAAA,EAAQ,GAAG,IAAI,CAAA,CAAA;AAAA,SACvB;AAAA,OACF;AAAA,MACA;AAAA,QACE,QAAU,EAAA,QAAA,CAAS,MAAM,KAAA,CAAM,YAAY,SAAS,CAAA;AAAA;AAAA,QACpD,eAAiB,EAAA,KAAA;AAAA;AAAA,QACjB,QAAU,EAAA,aAAA;AAAA,QACV,YAAc,EAAA,cAAA;AAAA,QACd,UAAU,KAAM,CAAA,QAAA;AAAA,QAChB,OAAA,EAAS,CAAC,CAAA,EAAU,IAAc,KAAA;AAChC,UAAM,KAAA,CAAA,QAAA,EAAU,GAAG,IAAI,CAAA,CAAA;AAAA,SACzB;AAAA,OACF;AAAA,KACD,CAAA,CAAA;AACD,IAAM,MAAA,GAAA,GAAM,gBAAgB,cAAc,CAAA,CAAA;AAC1C,IAAM,MAAA,gBAAA,GAAmB,SAAS,MAAM;AACtC,MAAA,MAAM,aAAgB,GAAA,KAAA,CAAM,YAAgB,IAAA,aAAA,CAAc,KAAM,CAAA,MAAA,CAAA;AAChE,MAAO,OAAA,CAAA,EAAG,GAAI,CAAA,CAAA,EAAG,CAAA,CAAA,EAAI,gBAAgB,GAAI,CAAA,CAAA,CAAE,cAAc,CAAA,GAAI,EAAE,CAAA,CAAA,CAAA;AAAA,KAChE,CAAA,CAAA;AAGD,IAAM,MAAA,iBAAA,GAAoB,CAAC,KAAA,EAAO,MAAW,KAAA;AAC3C,MAAO,OAAA,KAAA,GAAQ,SAAS,gBAAmB,GAAA,EAAA,CAAA;AAAA,KAC7C,CAAA;AACA,IAAA,MAAM,gBAAmB,GAAA,CAAC,IAAkB,KAAA,KAAA,CAAM,wBAAwB,IAAI,CAAA,CAAA;AAE9E,IAAM,MAAA,wBAAA,GAA2B,CAAC,IAAkB,KAAA;AAClD,MAAA,YAAA,CAAa,KAAQ,GAAA,IAAA,CAAA;AACrB,MAAA,gBAAA,CAAiB,IAAI,CAAA,CAAA;AAAA,KACvB,CAAA;AACA,IAAA,MAAM,4BAA4B,MAAM;AACtC,MAAA,YAAA,CAAa,KAAQ,GAAA,KAAA,CAAA;AACrB,MAAA,gBAAA,CAAiB,KAAK,CAAA,CAAA;AAAA,KACxB,CAAA;AAGA,IAAA,KAAA;AAAA,MACE,MAAM,CAAC,KAAM,CAAA,IAAA,EAAM,MAAM,YAAY,CAAA;AAAA,MACrC,CAAC,IAAc,KAAA;AACb,QAAM,MAAA,CAAC,OAAS,EAAA,YAAY,CAAI,GAAA,IAAA,CAAA;AAChC,QAAA,MAAM,OAAO,OAAU,GAAA,OAAA,CAAQ,MAAO,CAAA,OAAO,IAAI,WAAY,CAAA,KAAA,CAAA;AAC7D,QAAA,MAAM,SAAS,IAAK,CAAA,MAAA,CAAA;AACpB,QAAI,IAAA,MAAA,IAAU,KAAM,CAAA,aAAA,IAAiB,YAAc,EAAA;AACjD,UAAA,YAAA,CAAa,QAAQ,IAAK,CAAA,KAAA;AAAA,YACxB,CAAA;AAAA,YACA,MAAM,aAAgB,GAAA,CAAA;AAAA,WACxB,CAAA;AAEA,UAAA,aAAA,CAAc,KAAQ,GAAA,IAAA,CACnB,KAAM,CAAA,KAAA,CAAM,gBAAgB,CAAC,CAAA,CAC7B,GAAI,CAAA,CAAC,UAAe,EAAE,GAAG,IAAM,EAAA,WAAA,EAAa,MAAO,CAAA,CAAA,CAAA;AAAA,SACjD,MAAA;AACL,UAAA,YAAA,CAAa,KAAQ,GAAA,IAAA,CAAA;AAAA,SACvB;AAAA,OACF;AAAA,MACA,EAAE,SAAA,EAAW,IAAM,EAAA,IAAA,EAAM,IAAK,EAAA;AAAA,KAChC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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    <!-- 下拉提示的icon -->\n    <a-dropdown\n      v-if=\"showDropdown && modalIconList.length\"\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 v-bind=\"item\" :data=\"data\" />\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()} ${isHasDropdown ? bem.m('has-dropdown') : ''}`\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 ? newList.filter(Boolean) : defaultList.value\n    const length = list.length\n    if (length >= props.showIconLimit && showDropdown) {\n      showIconList.value = list.slice(\n        0,\n        props.showIconLimit - 1\n      ) as IconBaseProps[]\n      // 默认modal里面要icon后面跟文字\n      modalIconList.value = list\n        .slice(props.showIconLimit - 1)\n        .map((item: any) => ({ ...item, isShowTitle: true }))\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/es/packages/locale/lang/en.mjs

@@ -3,7 +3,7 @@ import { LOCALE } from '../config.mjs';
 "use strict";
 var en = {
   name: LOCALE.en,
-  ll: {
+  plus: {
     table: {
       operate: "operate"
     }

package/es/packages/locale/lang/en.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"en.mjs","sources":["../../../../../packages/locale/lang/en.ts"],"sourcesContent":["import { LOCALE } from '../config'\n\nexport default {\n  name: LOCALE.en,\n  ll: {\n    table: {\n      operate: 'operate'\n    }\n  }\n}\n"],"names":[],"mappings":";;;AAEA,SAAe;AAAA,EACb,MAAM,MAAO,CAAA,EAAA;AAAA,EACb,EAAI,EAAA;AAAA,IACF,KAAO,EAAA;AAAA,MACL,OAAS,EAAA,SAAA;AAAA,KACX;AAAA,GACF;AACF,CAAA;;;;"}
+{"version":3,"file":"en.mjs","sources":["../../../../../packages/locale/lang/en.ts"],"sourcesContent":["import { LOCALE } from '../config'\n\nexport default {\n  name: LOCALE.en,\n  plus: {\n    table: {\n      operate: 'operate'\n    }\n  }\n}\n"],"names":[],"mappings":";;;AAEA,SAAe;AAAA,EACb,MAAM,MAAO,CAAA,EAAA;AAAA,EACb,IAAM,EAAA;AAAA,IACJ,KAAO,EAAA;AAAA,MACL,OAAS,EAAA,SAAA;AAAA,KACX;AAAA,GACF;AACF,CAAA;;;;"}

package/es/packages/locale/lang/zh-cn.mjs

@@ -3,7 +3,7 @@ import { LOCALE } from '../config.mjs';
 "use strict";
 var ZhCN = {
   name: LOCALE["zh-cn"],
-  ll: {
+  plus: {
     table: {
       operate: "\u64CD\u4F5C"
     }

package/es/packages/locale/lang/zh-cn.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"zh-cn.mjs","sources":["../../../../../packages/locale/lang/zh-cn.ts"],"sourcesContent":["import { LOCALE } from '../config'\n\nexport default {\n  name: LOCALE['zh-cn'],\n  ll: {\n    table: {\n      operate: '操作'\n    }\n  }\n}\n"],"names":[],"mappings":";;;AAEA,WAAe;AAAA,EACb,IAAA,EAAM,OAAO,OAAO,CAAA;AAAA,EACpB,EAAI,EAAA;AAAA,IACF,KAAO,EAAA;AAAA,MACL,OAAS,EAAA,cAAA;AAAA,KACX;AAAA,GACF;AACF,CAAA;;;;"}
+{"version":3,"file":"zh-cn.mjs","sources":["../../../../../packages/locale/lang/zh-cn.ts"],"sourcesContent":["import { LOCALE } from '../config'\n\nexport default {\n  name: LOCALE['zh-cn'],\n  plus: {\n    table: {\n      operate: '操作'\n    }\n  }\n}\n"],"names":[],"mappings":";;;AAEA,WAAe;AAAA,EACb,IAAA,EAAM,OAAO,OAAO,CAAA;AAAA,EACpB,IAAM,EAAA;AAAA,IACJ,KAAO,EAAA;AAAA,MACL,OAAS,EAAA,cAAA;AAAA,KACX;AAAA,GACF;AACF,CAAA;;;;"}

package/es/packages/locale/lang/zh-tw.mjs

@@ -3,7 +3,7 @@ import { LOCALE } from '../config.mjs';
 "use strict";
 var zhTw = {
   name: LOCALE["zh-tw"],
-  ll: {
+  plus: {
     table: {
       operate: "\u64CD\u4F5C"
     }

package/es/packages/locale/lang/zh-tw.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"zh-tw.mjs","sources":["../../../../../packages/locale/lang/zh-tw.ts"],"sourcesContent":["import { LOCALE } from '../config'\n\nexport default {\n  name: LOCALE['zh-tw'],\n  ll: {\n    table: {\n      operate: '操作'\n    }\n  }\n}\n"],"names":[],"mappings":";;;AAEA,WAAe;AAAA,EACb,IAAA,EAAM,OAAO,OAAO,CAAA;AAAA,EACpB,EAAI,EAAA;AAAA,IACF,KAAO,EAAA;AAAA,MACL,OAAS,EAAA,cAAA;AAAA,KACX;AAAA,GACF;AACF,CAAA;;;;"}
+{"version":3,"file":"zh-tw.mjs","sources":["../../../../../packages/locale/lang/zh-tw.ts"],"sourcesContent":["import { LOCALE } from '../config'\n\nexport default {\n  name: LOCALE['zh-tw'],\n  plus: {\n    table: {\n      operate: '操作'\n    }\n  }\n}\n"],"names":[],"mappings":";;;AAEA,WAAe;AAAA,EACb,IAAA,EAAM,OAAO,OAAO,CAAA;AAAA,EACpB,IAAM,EAAA;AAAA,IACJ,KAAO,EAAA;AAAA,MACL,OAAS,EAAA,cAAA;AAAA,KACX;AAAA,GACF;AACF,CAAA;;;;"}

package/index.full.js

@@ -5495,7 +5495,7 @@
 
   var ZhCN = {
     name: LOCALE["zh-cn"],
-    ll: {
+    plus: {
       table: {
         operate: "\u64CD\u4F5C"
       }
@@ -73182,6 +73182,12 @@
     trigger: {
       type: definePropType(Object),
       default: () => ["click"]
+    },
+    /**
+     * @description 弹窗class类名
+     */
+    overlayClassName: {
+      type: String
     }
   });
   const operateIconEmits = {
@@ -73296,7 +73302,7 @@
             require$$0.createCommentVNode(" \u4E0B\u62C9\u63D0\u793A\u7684icon "),
             _ctx.showDropdown && modalIconList.value.length ? (require$$0.openBlock(), require$$0.createBlock(_component_a_dropdown, {
               key: 0,
-              "overlay-class-name": require$$0.unref(bem).e("dropdown"),
+              "overlay-class-name": [require$$0.unref(bem).e("dropdown"), props.overlayClassName],
               open: dropdownOpen.value,
               trigger: _ctx.trigger,
               onOpenChange: handleDropdownOpenChange