ll-plus 2.2.13 → 2.2.15

package/index.full.mjs

@@ -4946,7 +4946,8 @@ var _sfc_main$$ = /* @__PURE__ */ defineComponent({
                   renderList(props.options, (item, idx) => {
                     return openBlock(), createBlock(unref(Col), mergeProps({ ref_for: true }, item.colOptions, {
                       key: idx,
-                      span: item.span || 24
+                      span: item.span || 24,
+                      class: unref(bem).e("item")
                     }), {
                       default: withCtx(() => [
                         createVNode(
@@ -4971,7 +4972,7 @@ var _sfc_main$$ = /* @__PURE__ */ defineComponent({
                       ]),
                       _: 2
                       /* DYNAMIC */
-                    }, 1040, ["span"]);
+                    }, 1040, ["span", "class"]);
                   }),
                   128
                   /* KEYED_FRAGMENT */
@@ -57256,6 +57257,12 @@ const iconBaseProps = buildProps({
     type: String,
     values: iconTypes
   },
+  /**
+   * @description icon的class
+   */
+  class: {
+    type: String
+  },
   /**
    * @description 是否显示tooltip
    */
@@ -57322,7 +57329,7 @@ var _sfc_main$D = /* @__PURE__ */ defineComponent({
       const exposedClass = props.isShowContainer ? "" : bem.m("exposed");
       const hasTextClass = props.isShowTitle ? bem.m("has-text") : "";
       const disabledClass = props.disabled ? isDefault ? bem.is("default-disable") : bem.is("primary-disable") : "";
-      return `${bem.b()} ${typeClass} ${exposedClass} ${hasTextClass} ${disabledClass}`;
+      return `${props.class} ${bem.b()} ${typeClass} ${exposedClass} ${hasTextClass} ${disabledClass}`;
     });
     const bem = createNamespace("icon-base");
     const handleClickBtn = (e) => props.onClick && props.onClick(e, props.data);
@@ -58978,6 +58985,9 @@ var _sfc_main$t = /* @__PURE__ */ defineComponent({
       const isHasDropdown = props.showDropdown && modalIconList.value.length;
       return `${bem.b()} ${isHasDropdown ? bem.m("has-dropdown") : ""}`;
     });
+    const marginButtonClass = (index, length) => {
+      return index < length ? "margin-button-container" : "";
+    };
     const handleDropdownOpenChange = (open) => {
       if (!open) {
         dropdownOpen.value = false;
@@ -59009,7 +59019,7 @@ var _sfc_main$t = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_a_menu_item = resolveComponent("a-menu-item");
       const _component_a_menu = resolveComponent("a-menu");
-      const _component_a_dropdown = resolveComponent("a-dropdown");
+      const _component_a_dropdownx = resolveComponent("a-dropdownx");
       return openBlock(), createElementBlock(
         "div",
         {
@@ -59020,17 +59030,18 @@ var _sfc_main$t = /* @__PURE__ */ defineComponent({
           (openBlock(true), createElementBlock(
             Fragment,
             null,
-            renderList(showIconList.value, (item) => {
+            renderList(showIconList.value, (item, index) => {
               return openBlock(), createBlock(unref(LlIconBase), mergeProps({ ref_for: true }, item, {
                 key: item.iconName,
-                data: _ctx.data
-              }), null, 16, ["data"]);
+                data: _ctx.data,
+                class: unref(bem).e(marginButtonClass(index, showIconList.value.length - 1))
+              }), null, 16, ["data", "class"]);
             }),
             128
             /* KEYED_FRAGMENT */
           )),
           createCommentVNode(" \u4E0B\u62C9\u63D0\u793A\u7684icon "),
-          _ctx.showDropdown && modalIconList.value.length ? (openBlock(), createBlock(_component_a_dropdown, {
+          _ctx.showDropdown && modalIconList.value.length ? (openBlock(), createBlock(_component_a_dropdownx, {
             key: 0,
             "overlay-class-name": unref(bem).e("dropdown"),
             open: dropdownOpen.value,
@@ -59082,8 +59093,9 @@ var _sfc_main$t = /* @__PURE__ */ defineComponent({
                     "is-show-container": showIconList.value[0].isShowContainer,
                     "icon-type": showIconList.value[0].iconType,
                     data: _ctx.data,
-                    "icon-name": "icon-more"
-                  }, null, 8, ["is-show-container", "icon-type", "data"])
+                    "icon-name": "icon-more",
+                    class: normalizeClass(unref(bem).e("icon-more"))
+                  }, null, 8, ["is-show-container", "icon-type", "data", "class"])
                 ],
                 34
                 /* CLASS, NEED_HYDRATION */

package/lib/components/checkbox/src/checkbox-group.vue2.js

@@ -34,7 +34,8 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   vue.renderList(props.options, (item, idx) => {
                     return vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Col), vue.mergeProps({ ref_for: true }, item.colOptions, {
                       key: idx,
-                      span: item.span || 24
+                      span: item.span || 24,
+                      class: vue.unref(bem).e("item")
                     }), {
                       default: vue.withCtx(() => [
                         vue.createVNode(
@@ -59,7 +60,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                       ]),
                       _: 2
                       /* DYNAMIC */
-                    }, 1040, ["span"]);
+                    }, 1040, ["span", "class"]);
                   }),
                   128
                   /* KEYED_FRAGMENT */

package/lib/components/checkbox/src/checkbox-group.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-group.vue2.js","sources":["../../../../../packages/components/checkbox/src/checkbox-group.vue"],"sourcesContent":["<template>\n  <CheckboxGroup :class=\"bem.b()\" v-bind=\"attrs\">\n    <Row v-bind=\"props.rowOptions\">\n      <Col\n        v-for=\"(item, idx) in props.options\"\n        v-bind=\"item.colOptions\"\n        :key=\"idx\"\n        :span=\"item.span || 24\"\n      >\n        <checkbox v-bind=\"item\">\n          <slot v-bind=\"item\">\n            {{ item.label }}\n          </slot>\n        </checkbox>\n      </Col>\n    </Row>\n  </CheckboxGroup>\n</template>\n\n<script setup lang=\"ts\">\nimport { useAttrs } from 'vue'\nimport { Row, Col, CheckboxGroup } from 'ant-design-vue'\nimport { checkboxGroupProps } from './checkbox'\nimport Checkbox from './checkbox.vue'\n\nimport { createNamespace } from '@ll-plus/utils'\n\ndefineOptions({ name: 'LlCheckboxGroup' })\n\nconst props = defineProps(checkboxGroupProps)\n\nconst bem = createNamespace('checkbox-group')\n\nconst attrs = useAttrs()\n</script>\n"],"names":["createNamespace","useAttrs"],"mappings":";;;;;;;;;;;;;;;;;AA6BA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAM,MAAA,GAAA,GAAMA,gCAAgB,gBAAgB,CAAA,CAAA;AAE5C,IAAA,MAAM,QAAQC,YAAS,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"checkbox-group.vue2.js","sources":["../../../../../packages/components/checkbox/src/checkbox-group.vue"],"sourcesContent":["<template>\n  <CheckboxGroup :class=\"bem.b()\" v-bind=\"attrs\">\n    <Row v-bind=\"props.rowOptions\">\n      <Col\n        v-for=\"(item, idx) in props.options\"\n        v-bind=\"item.colOptions\"\n        :key=\"idx\"\n        :span=\"item.span || 24\"\n        :class=\"bem.e('item')\"\n      >\n        <checkbox v-bind=\"item\">\n          <slot v-bind=\"item\">\n            {{ item.label }}\n          </slot>\n        </checkbox>\n      </Col>\n    </Row>\n  </CheckboxGroup>\n</template>\n\n<script setup lang=\"ts\">\nimport { useAttrs } from 'vue'\nimport { Row, Col, CheckboxGroup } from 'ant-design-vue'\nimport { checkboxGroupProps } from './checkbox'\nimport Checkbox from './checkbox.vue'\n\nimport { createNamespace } from '@ll-plus/utils'\n\ndefineOptions({ name: 'LlCheckboxGroup' })\n\nconst props = defineProps(checkboxGroupProps)\n\nconst bem = createNamespace('checkbox-group')\n\nconst attrs = useAttrs()\n</script>\n"],"names":["createNamespace","useAttrs"],"mappings":";;;;;;;;;;;;;;;;;AA8BA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAM,MAAA,GAAA,GAAMA,gCAAgB,gBAAgB,CAAA,CAAA;AAE5C,IAAA,MAAM,QAAQC,YAAS,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/icon-base/index.d.ts

@@ -6,6 +6,12 @@ export declare const LlIconBase: import("ll-plus/es/utils").SFCWithInstall<impor
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
+    readonly class: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
     readonly isShowTooltip: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly tooltipTitle: {
         readonly type: import("vue").PropType<string>;
@@ -51,6 +57,7 @@ export declare const LlIconBase: import("ll-plus/es/utils").SFCWithInstall<impor
         readonly disabled?: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
         readonly onClick?: Function | undefined;
         readonly data?: any;
+        readonly class?: string | undefined;
         readonly iconName?: string | undefined;
         readonly iconType?: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "primary", unknown> | undefined;
         readonly tooltipTitle?: string | undefined;
@@ -75,6 +82,12 @@ export declare const LlIconBase: import("ll-plus/es/utils").SFCWithInstall<impor
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
+    readonly class: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
     readonly isShowTooltip: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly tooltipTitle: {
         readonly type: import("vue").PropType<string>;

package/lib/components/icon-base/src/icon-base.d.ts

@@ -8,6 +8,12 @@ export declare const iconBaseProps: {
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
+    readonly class: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
     readonly isShowTooltip: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly tooltipTitle: {
         readonly type: import("vue").PropType<string>;

package/lib/components/icon-base/src/icon-base.js

@@ -13,6 +13,12 @@ const iconBaseProps = runtime.buildProps({
     type: String,
     values: iconTypes
   },
+  /**
+   * @description icon的class
+   */
+  class: {
+    type: String
+  },
   /**
    * @description 是否显示tooltip
    */

package/lib/components/icon-base/src/icon-base.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-base.js","sources":["../../../../../packages/components/icon-base/src/icon-base.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type IconBase from './icon-base.vue'\n\nexport const iconTypes = ['default', 'primary'] as const\nexport const iconBaseProps = buildProps({\n  /**\n   * @description icon的类型\n   */\n  iconType: {\n    type: String,\n    values: iconTypes\n  },\n  /**\n   * @description 是否显示tooltip\n   */\n  isShowTooltip: {\n    type: Boolean,\n    default: true\n  },\n  /**\n   * @description tooltip的提示语\n   */\n  tooltipTitle: {\n    type: String\n  },\n  /**\n   * @description 是否显示button的容器\n   */\n  isShowContainer: {\n    type: Boolean,\n    default: true\n  },\n  /**\n   * @description 是否禁用\n   */\n  disabled: {\n    type: Boolean\n  },\n  /**\n   * @description icon的name\n   */\n  iconName: {\n    type: String\n  },\n  /**\n   * @description 是否显示icon右边的文字\n   */\n  isShowTitle: {\n    type: Boolean\n  },\n  /**\n   * @description 点击按钮传递的数据\n   */\n  data: {\n    type: definePropType<any>(undefined)\n  },\n  /**\n   * @description 按钮点击事件\n   */\n  onClick: {\n    type: Function\n  }\n} as const)\n\n// props\nexport type IconBaseProps = ExtractPropTypes<typeof iconBaseProps>\nexport type IconTypes = IconBaseProps['iconType']\n\n// instance\nexport type IconBaseInstance = InstanceType<typeof IconBase>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;AAKa,MAAA,SAAA,GAAY,CAAC,SAAA,EAAW,SAAS,EAAA;AACvC,MAAM,gBAAgBA,kBAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAItC,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,MAAQ,EAAA,SAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,eAAiB,EAAA;AAAA,IACf,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,OAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAA,EAAMC,uBAAoB,KAAS,CAAA,CAAA;AAAA,GACrC;AAAA;AAAA;AAAA;AAAA,EAIA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,QAAA;AAAA,GACR;AACF,CAAU;;;;;"}
+{"version":3,"file":"icon-base.js","sources":["../../../../../packages/components/icon-base/src/icon-base.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type IconBase from './icon-base.vue'\n\nexport const iconTypes = ['default', 'primary'] as const\nexport const iconBaseProps = buildProps({\n  /**\n   * @description icon的类型\n   */\n  iconType: {\n    type: String,\n    values: iconTypes\n  },\n  /**\n   * @description icon的class\n   */\n  class: {\n    type: String\n  },\n  /**\n   * @description 是否显示tooltip\n   */\n  isShowTooltip: {\n    type: Boolean,\n    default: true\n  },\n  /**\n   * @description tooltip的提示语\n   */\n  tooltipTitle: {\n    type: String\n  },\n  /**\n   * @description 是否显示button的容器\n   */\n  isShowContainer: {\n    type: Boolean,\n    default: true\n  },\n  /**\n   * @description 是否禁用\n   */\n  disabled: {\n    type: Boolean\n  },\n  /**\n   * @description icon的name\n   */\n  iconName: {\n    type: String\n  },\n  /**\n   * @description 是否显示icon右边的文字\n   */\n  isShowTitle: {\n    type: Boolean\n  },\n  /**\n   * @description 点击按钮传递的数据\n   */\n  data: {\n    type: definePropType<any>(undefined)\n  },\n  /**\n   * @description 按钮点击事件\n   */\n  onClick: {\n    type: Function\n  }\n} as const)\n\n// props\nexport type IconBaseProps = ExtractPropTypes<typeof iconBaseProps>\nexport type IconTypes = IconBaseProps['iconType']\n\n// instance\nexport type IconBaseInstance = InstanceType<typeof IconBase>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;AAKa,MAAA,SAAA,GAAY,CAAC,SAAA,EAAW,SAAS,EAAA;AACvC,MAAM,gBAAgBA,kBAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAItC,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,MAAQ,EAAA,SAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,eAAiB,EAAA;AAAA,IACf,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,OAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAA,EAAMC,uBAAoB,KAAS,CAAA,CAAA;AAAA,GACrC;AAAA;AAAA;AAAA;AAAA,EAIA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,QAAA;AAAA,GACR;AACF,CAAU;;;;;"}

package/lib/components/icon-base/src/icon-base.vue.d.ts

@@ -5,6 +5,12 @@ declare const _default: import("vue").DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
+    readonly class: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
     readonly isShowTooltip: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly tooltipTitle: {
         readonly type: import("vue").PropType<string>;
@@ -50,6 +56,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly disabled?: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
         readonly onClick?: Function | undefined;
         readonly data?: any;
+        readonly class?: string | undefined;
         readonly iconName?: string | undefined;
         readonly iconType?: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "primary", unknown> | undefined;
         readonly tooltipTitle?: string | undefined;
@@ -74,6 +81,12 @@ declare const _default: import("vue").DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
+    readonly class: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
     readonly isShowTooltip: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly tooltipTitle: {
         readonly type: import("vue").PropType<string>;

package/lib/components/icon-base/src/icon-base.vue2.js

@@ -22,7 +22,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       const exposedClass = props.isShowContainer ? "" : bem.m("exposed");
       const hasTextClass = props.isShowTitle ? bem.m("has-text") : "";
       const disabledClass = props.disabled ? isDefault ? bem.is("default-disable") : bem.is("primary-disable") : "";
-      return `${bem.b()} ${typeClass} ${exposedClass} ${hasTextClass} ${disabledClass}`;
+      return `${props.class} ${bem.b()} ${typeClass} ${exposedClass} ${hasTextClass} ${disabledClass}`;
     });
     const bem = createNamespace.createNamespace("icon-base");
     const handleClickBtn = (e) => props.onClick && props.onClick(e, props.data);

package/lib/components/icon-base/src/icon-base.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-base.vue2.js","sources":["../../../../../packages/components/icon-base/src/icon-base.vue"],"sourcesContent":["<template>\n  <!-- 有文字提示弹窗 -->\n  <template v-if=\"isShowTooltip\">\n    <ll-tooltip :tip=\"tooltipTitle\">\n      <a-button\n        type=\"text\"\n        :disabled=\"disabled\"\n        :class=\"`${btnClass}`\"\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>\n    <a-button\n      type=\"text\"\n      :disabled=\"disabled\"\n      :class=\"`${btnClass}`\"\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 ? '' : 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 `${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":["computed","createNamespace"],"mappings":";;;;;;;;;;;;;;;;;AA0CA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAId,IAAM,MAAA,QAAA,GAAWA,aAAS,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,MAAA,MAAM,eAAe,KAAM,CAAA,eAAA,GAAkB,EAAK,GAAA,GAAA,CAAI,EAAE,SAAS,CAAA,CAAA;AAEjE,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,MAAO,OAAA,CAAA,EAAG,GAAI,CAAA,CAAA,EAAG,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA,EAAI,YAAY,CAAA,CAAA,EAAI,YAAY,CAAA,CAAA,EAAI,aAAa,CAAA,CAAA,CAAA;AAAA,KAChF,CAAA,CAAA;AACD,IAAM,MAAA,GAAA,GAAMC,gCAAgB,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.js","sources":["../../../../../packages/components/icon-base/src/icon-base.vue"],"sourcesContent":["<template>\n  <!-- 有文字提示弹窗 -->\n  <template v-if=\"isShowTooltip\">\n    <ll-tooltip :tip=\"tooltipTitle\">\n      <a-button\n        type=\"text\"\n        :disabled=\"disabled\"\n        :class=\"`${btnClass}`\"\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>\n    <a-button\n      type=\"text\"\n      :disabled=\"disabled\"\n      :class=\"`${btnClass}`\"\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 ? '' : 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":["computed","createNamespace"],"mappings":";;;;;;;;;;;;;;;;;AA0CA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAId,IAAM,MAAA,QAAA,GAAWA,aAAS,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,MAAA,MAAM,eAAe,KAAM,CAAA,eAAA,GAAkB,EAAK,GAAA,GAAA,CAAI,EAAE,SAAS,CAAA,CAAA;AAEjE,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,GAAMC,gCAAgB,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/lib/components/key-value/index.d.ts

@@ -62,23 +62,17 @@ export declare const LlKeyValue: import("ll-plus/es/utils").SFCWithInstall<impor
         bem: (blockSuffix: string, element: string, modifier: string) => string;
         is: (name?: string) => string;
     };
-    innerValue: import("vue").Ref<(Record<string, any> | {
+    innerValue: import("vue").Ref<{
         key: string | null;
         value: any;
-    })[]>;
+    }[]>;
     keyValueItems: import("vue").Ref<any[]>;
     keyValueTypeDict: import("vue").ComputedRef<{}>;
     handleAddItem: () => void;
     handleDelete: (idx: number) => void;
     handleChange: () => void;
     keyValueItem: import("vue").DefineComponent<{
-        readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => Record<string, any> | {
-            key: string | null;
-            value: any;
-        }) | (() => import("./src/config").KeyValueItem) | ((new (...args: any[]) => Record<string, any> | {
-            key: string | null;
-            value: any;
-        }) | (() => import("./src/config").KeyValueItem))[], unknown, unknown, () => {
+        readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./src/config").KeyValueItem) | (() => import("./src/config").KeyValueItem) | ((new (...args: any[]) => import("./src/config").KeyValueItem) | (() => import("./src/config").KeyValueItem))[], unknown, unknown, () => {
             key: string;
             value: string;
         }, boolean>;
@@ -107,7 +101,7 @@ export declare const LlKeyValue: import("ll-plus/es/utils").SFCWithInstall<impor
             bem: (blockSuffix: string, element: string, modifier: string) => string;
             is: (name?: string) => string;
         };
-        innerValue: import("vue").Ref<Record<string, any> | {
+        innerValue: import("vue").Ref<{
             key: string | null;
             value: any;
         }>;
@@ -360,13 +354,7 @@ export declare const LlKeyValue: import("ll-plus/es/utils").SFCWithInstall<impor
         change: () => boolean;
         'update:value': (value: import("./src/config").KeyValueItem) => boolean;
     }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-        readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => Record<string, any> | {
-            key: string | null;
-            value: any;
-        }) | (() => import("./src/config").KeyValueItem) | ((new (...args: any[]) => Record<string, any> | {
-            key: string | null;
-            value: any;
-        }) | (() => import("./src/config").KeyValueItem))[], unknown, unknown, () => {
+        readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./src/config").KeyValueItem) | (() => import("./src/config").KeyValueItem) | ((new (...args: any[]) => import("./src/config").KeyValueItem) | (() => import("./src/config").KeyValueItem))[], unknown, unknown, () => {
             key: string;
             value: string;
         }, boolean>;

package/lib/components/key-value/src/components/key-value-item.vue.d.ts

@@ -1,11 +1,5 @@
 declare const _default: import("vue").DefineComponent<{
-    readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => Record<string, any> | {
-        key: string | null;
-        value: any;
-    }) | (() => import("ll-plus/es/components").KeyValueItem) | ((new (...args: any[]) => Record<string, any> | {
-        key: string | null;
-        value: any;
-    }) | (() => import("ll-plus/es/components").KeyValueItem))[], unknown, unknown, () => {
+    readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("ll-plus/es/components").KeyValueItem) | (() => import("ll-plus/es/components").KeyValueItem) | ((new (...args: any[]) => import("ll-plus/es/components").KeyValueItem) | (() => import("ll-plus/es/components").KeyValueItem))[], unknown, unknown, () => {
         key: string;
         value: string;
     }, boolean>;
@@ -34,7 +28,7 @@ declare const _default: import("vue").DefineComponent<{
         bem: (blockSuffix: string, element: string, modifier: string) => string;
         is: (name?: string) => string;
     };
-    innerValue: import("vue").Ref<Record<string, any> | {
+    innerValue: import("vue").Ref<{
         key: string | null;
         value: any;
     }>;
@@ -287,13 +281,7 @@ declare const _default: import("vue").DefineComponent<{
     change: () => boolean;
     'update:value': (value: import("ll-plus/es/components").KeyValueItem) => boolean;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => Record<string, any> | {
-        key: string | null;
-        value: any;
-    }) | (() => import("ll-plus/es/components").KeyValueItem) | ((new (...args: any[]) => Record<string, any> | {
-        key: string | null;
-        value: any;
-    }) | (() => import("ll-plus/es/components").KeyValueItem))[], unknown, unknown, () => {
+    readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("ll-plus/es/components").KeyValueItem) | (() => import("ll-plus/es/components").KeyValueItem) | ((new (...args: any[]) => import("ll-plus/es/components").KeyValueItem) | (() => import("ll-plus/es/components").KeyValueItem))[], unknown, unknown, () => {
         key: string;
         value: string;
     }, boolean>;

package/lib/components/key-value/src/config/key-value-item.d.ts

@@ -233,18 +233,12 @@ export declare const formColumns: {
         span: number;
     };
 }[];
-export type KeyValueItem = {
+export interface KeyValueItem {
     key: string | null;
     value: any | null;
-} | Record<string, any>;
+}
 export declare const keyValueItemProps: {
-    readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => Record<string, any> | {
-        key: string | null;
-        value: any | null;
-    }) | (() => KeyValueItem) | ((new (...args: any[]) => Record<string, any> | {
-        key: string | null;
-        value: any | null;
-    }) | (() => KeyValueItem))[], unknown, unknown, () => {
+    readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => KeyValueItem) | (() => KeyValueItem) | ((new (...args: any[]) => KeyValueItem) | (() => KeyValueItem))[], unknown, unknown, () => {
         key: string;
         value: string;
     }, boolean>;

package/lib/components/key-value/src/config/key-value-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"key-value-item.js","sources":["../../../../../../packages/components/key-value/src/config/key-value-item.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\nimport type { FormProps } from 'ant-design-vue'\n\nexport const typeRules = [\n  {\n    trigger: ['blur', 'change'],\n    message: '此字段是必需的',\n    validator: async (_rule: any, value: any) => {\n      if (!value) {\n        return Promise.reject(new Error('此字段是必需的'))\n      } else {\n        return Promise.resolve()\n      }\n    }\n  }\n]\nexport const formOptions = {\n  layout: 'horizontal',\n  labelAlign: 'left'\n} as FormProps\n\nexport const formColumns = [\n  {\n    key: 'other',\n    labelCol: {\n      span: 24\n    }\n  }\n]\n\nexport type KeyValueItem =\n  | {\n      key: string | null\n      value: any | null\n    }\n  | Record<string, any>\nexport const keyValueItemProps = buildProps({\n  value: {\n    type: definePropType<KeyValueItem>(Object),\n    default: () => ({\n      key: '',\n      value: ''\n    })\n  },\n  keyValueTypeDict: {\n    type: Object,\n    default: () => ({})\n  },\n  showDelete: {\n    type: Boolean,\n    default: true\n  }\n} as const)\n\nexport const keyValueItemEmits = {\n  delete: () => true,\n  change: () => true,\n  'update:value': (value: KeyValueItem) => !!value\n}\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;AAGO,MAAM,SAAY,GAAA;AAAA,EACvB;AAAA,IACE,OAAA,EAAS,CAAC,MAAA,EAAQ,QAAQ,CAAA;AAAA,IAC1B,OAAS,EAAA,4CAAA;AAAA,IACT,SAAA,EAAW,OAAO,KAAA,EAAY,KAAe,KAAA;AAC3C,MAAA,IAAI,CAAC,KAAO,EAAA;AACV,QAAA,OAAO,OAAQ,CAAA,MAAA,CAAO,IAAI,KAAA,CAAM,4CAAS,CAAC,CAAA,CAAA;AAAA,OACrC,MAAA;AACL,QAAA,OAAO,QAAQ,OAAQ,EAAA,CAAA;AAAA,OACzB;AAAA,KACF;AAAA,GACF;AACF,EAAA;AACO,MAAM,WAAc,GAAA;AAAA,EACzB,MAAQ,EAAA,YAAA;AAAA,EACR,UAAY,EAAA,MAAA;AACd,EAAA;AAEO,MAAM,WAAc,GAAA;AAAA,EACzB;AAAA,IACE,GAAK,EAAA,OAAA;AAAA,IACL,QAAU,EAAA;AAAA,MACR,IAAM,EAAA,EAAA;AAAA,KACR;AAAA,GACF;AACF,EAAA;AAQO,MAAM,oBAAoBA,kBAAW,CAAA;AAAA,EAC1C,KAAO,EAAA;AAAA,IACL,IAAA,EAAMC,uBAA6B,MAAM,CAAA;AAAA,IACzC,SAAS,OAAO;AAAA,MACd,GAAK,EAAA,EAAA;AAAA,MACL,KAAO,EAAA,EAAA;AAAA,KACT,CAAA;AAAA,GACF;AAAA,EACA,gBAAkB,EAAA;AAAA,IAChB,IAAM,EAAA,MAAA;AAAA,IACN,OAAA,EAAS,OAAO,EAAC,CAAA;AAAA,GACnB;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AACF,CAAU,EAAA;AAEH,MAAM,iBAAoB,GAAA;AAAA,EAC/B,QAAQ,MAAM,IAAA;AAAA,EACd,QAAQ,MAAM,IAAA;AAAA,EACd,cAAgB,EAAA,CAAC,KAAwB,KAAA,CAAC,CAAC,KAAA;AAC7C;;;;;;;;"}
+{"version":3,"file":"key-value-item.js","sources":["../../../../../../packages/components/key-value/src/config/key-value-item.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\nimport type { FormProps } from 'ant-design-vue'\n\nexport const typeRules = [\n  {\n    trigger: ['blur', 'change'],\n    message: '此字段是必需的',\n    validator: async (_rule: any, value: any) => {\n      if (!value) {\n        return Promise.reject(new Error('此字段是必需的'))\n      } else {\n        return Promise.resolve()\n      }\n    }\n  }\n]\nexport const formOptions = {\n  layout: 'horizontal',\n  labelAlign: 'left'\n} as FormProps\n\nexport const formColumns = [\n  {\n    key: 'other',\n    labelCol: {\n      span: 24\n    }\n  }\n]\n\nexport interface KeyValueItem {\n  key: string | null\n  value: any | null\n}\n \nexport const keyValueItemProps = buildProps({\n  value: {\n    type: definePropType<KeyValueItem>(Object),\n    default: () => ({\n      key: '',\n      value: ''\n    })\n  },\n  keyValueTypeDict: {\n    type: Object,\n    default: () => ({})\n  },\n  showDelete: {\n    type: Boolean,\n    default: true\n  }\n} as const)\n\nexport const keyValueItemEmits = {\n  delete: () => true,\n  change: () => true,\n  'update:value': (value: KeyValueItem) => !!value\n}\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;AAGO,MAAM,SAAY,GAAA;AAAA,EACvB;AAAA,IACE,OAAA,EAAS,CAAC,MAAA,EAAQ,QAAQ,CAAA;AAAA,IAC1B,OAAS,EAAA,4CAAA;AAAA,IACT,SAAA,EAAW,OAAO,KAAA,EAAY,KAAe,KAAA;AAC3C,MAAA,IAAI,CAAC,KAAO,EAAA;AACV,QAAA,OAAO,OAAQ,CAAA,MAAA,CAAO,IAAI,KAAA,CAAM,4CAAS,CAAC,CAAA,CAAA;AAAA,OACrC,MAAA;AACL,QAAA,OAAO,QAAQ,OAAQ,EAAA,CAAA;AAAA,OACzB;AAAA,KACF;AAAA,GACF;AACF,EAAA;AACO,MAAM,WAAc,GAAA;AAAA,EACzB,MAAQ,EAAA,YAAA;AAAA,EACR,UAAY,EAAA,MAAA;AACd,EAAA;AAEO,MAAM,WAAc,GAAA;AAAA,EACzB;AAAA,IACE,GAAK,EAAA,OAAA;AAAA,IACL,QAAU,EAAA;AAAA,MACR,IAAM,EAAA,EAAA;AAAA,KACR;AAAA,GACF;AACF,EAAA;AAOO,MAAM,oBAAoBA,kBAAW,CAAA;AAAA,EAC1C,KAAO,EAAA;AAAA,IACL,IAAA,EAAMC,uBAA6B,MAAM,CAAA;AAAA,IACzC,SAAS,OAAO;AAAA,MACd,GAAK,EAAA,EAAA;AAAA,MACL,KAAO,EAAA,EAAA;AAAA,KACT,CAAA;AAAA,GACF;AAAA,EACA,gBAAkB,EAAA;AAAA,IAChB,IAAM,EAAA,MAAA;AAAA,IACN,OAAA,EAAS,OAAO,EAAC,CAAA;AAAA,GACnB;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AACF,CAAU,EAAA;AAEH,MAAM,iBAAoB,GAAA;AAAA,EAC/B,QAAQ,MAAM,IAAA;AAAA,EACd,QAAQ,MAAM,IAAA;AAAA,EACd,cAAgB,EAAA,CAAC,KAAwB,KAAA,CAAC,CAAC,KAAA;AAC7C;;;;;;;;"}

package/lib/components/key-value/src/key-value.vue.d.ts

@@ -61,23 +61,17 @@ declare const _default: import("vue").DefineComponent<{
         bem: (blockSuffix: string, element: string, modifier: string) => string;
         is: (name?: string) => string;
     };
-    innerValue: import("vue").Ref<(Record<string, any> | {
+    innerValue: import("vue").Ref<{
         key: string | null;
         value: any;
-    })[]>;
+    }[]>;
     keyValueItems: import("vue").Ref<any[]>;
     keyValueTypeDict: import("vue").ComputedRef<{}>;
     handleAddItem: () => void;
     handleDelete: (idx: number) => void;
     handleChange: () => void;
     keyValueItem: import("vue").DefineComponent<{
-        readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => Record<string, any> | {
-            key: string | null;
-            value: any;
-        }) | (() => import("./config").KeyValueItem) | ((new (...args: any[]) => Record<string, any> | {
-            key: string | null;
-            value: any;
-        }) | (() => import("./config").KeyValueItem))[], unknown, unknown, () => {
+        readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./config").KeyValueItem) | (() => import("./config").KeyValueItem) | ((new (...args: any[]) => import("./config").KeyValueItem) | (() => import("./config").KeyValueItem))[], unknown, unknown, () => {
             key: string;
             value: string;
         }, boolean>;
@@ -106,7 +100,7 @@ declare const _default: import("vue").DefineComponent<{
             bem: (blockSuffix: string, element: string, modifier: string) => string;
             is: (name?: string) => string;
         };
-        innerValue: import("vue").Ref<Record<string, any> | {
+        innerValue: import("vue").Ref<{
             key: string | null;
             value: any;
         }>;
@@ -359,13 +353,7 @@ declare const _default: import("vue").DefineComponent<{
         change: () => boolean;
         'update:value': (value: import("./config").KeyValueItem) => boolean;
     }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-        readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => Record<string, any> | {
-            key: string | null;
-            value: any;
-        }) | (() => import("./config").KeyValueItem) | ((new (...args: any[]) => Record<string, any> | {
-            key: string | null;
-            value: any;
-        }) | (() => import("./config").KeyValueItem))[], unknown, unknown, () => {
+        readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./config").KeyValueItem) | (() => import("./config").KeyValueItem) | ((new (...args: any[]) => import("./config").KeyValueItem) | (() => import("./config").KeyValueItem))[], unknown, unknown, () => {
             key: string;
             value: string;
         }, boolean>;

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

@@ -43,6 +43,7 @@ export declare const LlOperateIcon: import("ll-plus/es/utils").SFCWithInstall<im
         readonly disabled?: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
         readonly onClick?: Function | undefined;
         readonly data?: any;
+        readonly class?: string | undefined;
         readonly iconName?: string | undefined;
         readonly iconType?: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "primary", unknown> | undefined;
         readonly tooltipTitle?: string | undefined;
@@ -54,6 +55,7 @@ export declare const LlOperateIcon: import("ll-plus/es/utils").SFCWithInstall<im
         readonly disabled?: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
         readonly onClick?: Function | undefined;
         readonly data?: any;
+        readonly class?: string | undefined;
         readonly iconName?: string | undefined;
         readonly iconType?: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "primary", unknown> | undefined;
         readonly tooltipTitle?: string | undefined;
@@ -79,6 +81,7 @@ export declare const LlOperateIcon: import("ll-plus/es/utils").SFCWithInstall<im
         is: (name?: string) => string;
     };
     operateIconClass: import("vue").ComputedRef<string>;
+    marginButtonClass: (index: any, length: any) => "" | "margin-button-container";
     handleDropdownOpenChange: (open: boolean) => void;
     handleIconMouseenter: () => void;
     readonly LlIconBase: import("ll-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
@@ -88,6 +91,12 @@ export declare const LlOperateIcon: import("ll-plus/es/utils").SFCWithInstall<im
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
         };
+        readonly class: {
+            readonly type: import("vue").PropType<string>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
         readonly isShowTooltip: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
         readonly tooltipTitle: {
             readonly type: import("vue").PropType<string>;
@@ -133,6 +142,7 @@ export declare const LlOperateIcon: import("ll-plus/es/utils").SFCWithInstall<im
             readonly disabled?: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
             readonly onClick?: Function | undefined;
             readonly data?: any;
+            readonly class?: string | undefined;
             readonly iconName?: string | undefined;
             readonly iconType?: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "primary", unknown> | undefined;
             readonly tooltipTitle?: string | undefined;
@@ -157,6 +167,12 @@ export declare const LlOperateIcon: import("ll-plus/es/utils").SFCWithInstall<im
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
         };
+        readonly class: {
+            readonly type: import("vue").PropType<string>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
         readonly isShowTooltip: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
         readonly tooltipTitle: {
             readonly type: import("vue").PropType<string>;

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

@@ -43,6 +43,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly disabled?: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
         readonly onClick?: Function | undefined;
         readonly data?: any;
+        readonly class?: string | undefined;
         readonly iconName?: string | undefined;
         readonly iconType?: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "primary", unknown> | undefined;
         readonly tooltipTitle?: string | undefined;
@@ -54,6 +55,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly disabled?: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
         readonly onClick?: Function | undefined;
         readonly data?: any;
+        readonly class?: string | undefined;
         readonly iconName?: string | undefined;
         readonly iconType?: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "primary", unknown> | undefined;
         readonly tooltipTitle?: string | undefined;
@@ -79,6 +81,7 @@ declare const _default: import("vue").DefineComponent<{
         is: (name?: string) => string;
     };
     operateIconClass: import("vue").ComputedRef<string>;
+    marginButtonClass: (index: any, length: any) => "" | "margin-button-container";
     handleDropdownOpenChange: (open: boolean) => void;
     handleIconMouseenter: () => void;
     readonly LlIconBase: import("ll-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
@@ -88,6 +91,12 @@ declare const _default: import("vue").DefineComponent<{
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
         };
+        readonly class: {
+            readonly type: import("vue").PropType<string>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
         readonly isShowTooltip: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
         readonly tooltipTitle: {
             readonly type: import("vue").PropType<string>;
@@ -133,6 +142,7 @@ declare const _default: import("vue").DefineComponent<{
             readonly disabled?: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
             readonly onClick?: Function | undefined;
             readonly data?: any;
+            readonly class?: string | undefined;
             readonly iconName?: string | undefined;
             readonly iconType?: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "primary", unknown> | undefined;
             readonly tooltipTitle?: string | undefined;
@@ -157,6 +167,12 @@ declare const _default: import("vue").DefineComponent<{
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
         };
+        readonly class: {
+            readonly type: import("vue").PropType<string>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
         readonly isShowTooltip: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
         readonly tooltipTitle: {
             readonly type: import("vue").PropType<string>;

package/lib/components/operate-icon/src/operate-icon.vue2.js

@@ -55,6 +55,9 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       const isHasDropdown = props.showDropdown && modalIconList.value.length;
       return `${bem.b()} ${isHasDropdown ? bem.m("has-dropdown") : ""}`;
     });
+    const marginButtonClass = (index, length) => {
+      return index < length ? "margin-button-container" : "";
+    };
     const handleDropdownOpenChange = (open) => {
       if (!open) {
         dropdownOpen.value = false;
@@ -86,7 +89,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       const _component_a_menu_item = vue.resolveComponent("a-menu-item");
       const _component_a_menu = vue.resolveComponent("a-menu");
-      const _component_a_dropdown = vue.resolveComponent("a-dropdown");
+      const _component_a_dropdownx = vue.resolveComponent("a-dropdownx");
       return vue.openBlock(), vue.createElementBlock(
         "div",
         {
@@ -97,17 +100,18 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
           (vue.openBlock(true), vue.createElementBlock(
             vue.Fragment,
             null,
-            vue.renderList(showIconList.value, (item) => {
+            vue.renderList(showIconList.value, (item, index$1) => {
               return vue.openBlock(), vue.createBlock(vue.unref(index.LlIconBase), vue.mergeProps({ ref_for: true }, item, {
                 key: item.iconName,
-                data: _ctx.data
-              }), null, 16, ["data"]);
+                data: _ctx.data,
+                class: vue.unref(bem).e(marginButtonClass(index$1, showIconList.value.length - 1))
+              }), null, 16, ["data", "class"]);
             }),
             128
             /* KEYED_FRAGMENT */
           )),
           vue.createCommentVNode(" \u4E0B\u62C9\u63D0\u793A\u7684icon "),
-          _ctx.showDropdown && modalIconList.value.length ? (vue.openBlock(), vue.createBlock(_component_a_dropdown, {
+          _ctx.showDropdown && modalIconList.value.length ? (vue.openBlock(), vue.createBlock(_component_a_dropdownx, {
             key: 0,
             "overlay-class-name": vue.unref(bem).e("dropdown"),
             open: dropdownOpen.value,
@@ -159,8 +163,9 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     "is-show-container": showIconList.value[0].isShowContainer,
                     "icon-type": showIconList.value[0].iconType,
                     data: _ctx.data,
-                    "icon-name": "icon-more"
-                  }, null, 8, ["is-show-container", "icon-type", "data"])
+                    "icon-name": "icon-more",
+                    class: vue.normalizeClass(vue.unref(bem).e("icon-more"))
+                  }, null, 8, ["is-show-container", "icon-type", "data", "class"])
                 ],
                 34
                 /* CLASS, NEED_HYDRATION */