ll-plus 2.1.17 → 2.1.19

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

@@ -16,6 +16,12 @@ export declare const LlOperateIcon: import("ll-plus/es/utils").SFCWithInstall<im
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
+    readonly iconType: {
+        readonly type: import("vue").PropType<import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "primary", unknown>>;
+        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>;
@@ -23,6 +29,7 @@ export declare const LlOperateIcon: import("ll-plus/es/utils").SFCWithInstall<im
         readonly showDropdown: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly showIconLimit: number;
         readonly data?: any;
+        readonly iconType?: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "primary", unknown> | undefined;
         readonly list?: import("ll-plus/es/index").IconBaseProps[] | undefined;
         readonly "onUpdate:value"?: ((bool: boolean) => any) | undefined;
         readonly onEdit?: ((v: Event, data: any) => any) | undefined;
@@ -54,7 +61,7 @@ export declare const LlOperateIcon: import("ll-plus/es/utils").SFCWithInstall<im
     }[]>;
     dropdownOpen: import("vue").Ref<boolean>;
     defualtList: import("vue").Ref<{
-        iconType: string;
+        iconType: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "primary", unknown>;
         isShowContainer: boolean;
         iconName: string;
         tooltipTitle: string;
@@ -214,6 +221,12 @@ export declare const LlOperateIcon: import("ll-plus/es/utils").SFCWithInstall<im
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
+    readonly iconType: {
+        readonly type: import("vue").PropType<import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "primary", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
 }>> & {
     "onUpdate:value"?: ((bool: boolean) => any) | undefined;
     onEdit?: ((v: Event, data: any) => any) | undefined;

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

@@ -18,6 +18,12 @@ export declare const operateIconProps: {
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
+    readonly iconType: {
+        readonly type: import("vue").PropType<import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "primary", unknown>>;
+        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.mjs

@@ -1,6 +1,8 @@
 import '../../../utils/index.mjs';
 import { isBoolean } from 'lodash-unified';
+import '../../index.mjs';
 import { buildProps, definePropType } from '../../../utils/props/runtime.mjs';
+import { iconTypes } from '../../icon-base/src/icon-base.mjs';
 
 "use strict";
 const operateIconProps = buildProps({
@@ -43,6 +45,13 @@ const operateIconProps = buildProps({
    */
   data: {
     type: definePropType(void 0)
+  },
+  /**
+   * @description 默认icon（edit和delete）的颜色
+   */
+  iconType: {
+    type: String,
+    values: iconTypes
   }
 });
 const operateIconEmits = {

package/es/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 { isBoolean } from 'lodash-unified'\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  dropdownOpen: {\n    type: Boolean,\n    default: false\n  },\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} as const)\n\nexport const operateIconEmits = {\n  edit: (v: Event, data: any) => v || data, // 点击编辑\n  delete: (v: Event, data: any) => v || data, // 点击删除\n  'update:dropdownOpen': (bool: boolean) => isBoolean(bool),\n  'update:value': (bool: boolean) => isBoolean(bool)\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,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;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,qBAAuB,EAAA,CAAC,IAAkB,KAAA,SAAA,CAAU,IAAI,CAAA;AAAA,EACxD,cAAgB,EAAA,CAAC,IAAkB,KAAA,SAAA,CAAU,IAAI,CAAA;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 { isBoolean } from 'lodash-unified'\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  dropdownOpen: {\n    type: Boolean,\n    default: false\n  },\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} as const)\n\nexport const operateIconEmits = {\n  edit: (v: Event, data: any) => v || data, // 点击编辑\n  delete: (v: Event, data: any) => v || data, // 点击删除\n  'update:dropdownOpen': (bool: boolean) => isBoolean(bool),\n  'update:value': (bool: boolean) => isBoolean(bool)\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":";;;;;;;AASO,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,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;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,qBAAuB,EAAA,CAAC,IAAkB,KAAA,SAAA,CAAU,IAAI,CAAA;AAAA,EACxD,cAAgB,EAAA,CAAC,IAAkB,KAAA,SAAA,CAAU,IAAI,CAAA;AACnD;;;;"}

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

@@ -16,6 +16,12 @@ declare const _default: import("vue").DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
+    readonly iconType: {
+        readonly type: import("vue").PropType<import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "primary", unknown>>;
+        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>;
@@ -23,6 +29,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly showDropdown: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly showIconLimit: number;
         readonly data?: any;
+        readonly iconType?: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "primary", unknown> | undefined;
         readonly list?: IconBaseProps[] | undefined;
         readonly "onUpdate:value"?: ((bool: boolean) => any) | undefined;
         readonly onEdit?: ((v: Event, data: any) => any) | undefined;
@@ -54,7 +61,7 @@ declare const _default: import("vue").DefineComponent<{
     }[]>;
     dropdownOpen: import("vue").Ref<boolean>;
     defualtList: import("vue").Ref<{
-        iconType: string;
+        iconType: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "primary", unknown>;
         isShowContainer: boolean;
         iconName: string;
         tooltipTitle: string;
@@ -214,6 +221,12 @@ declare const _default: import("vue").DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
+    readonly iconType: {
+        readonly type: import("vue").PropType<import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "primary", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
 }>> & {
     "onUpdate:value"?: ((bool: boolean) => any) | undefined;
     onEdit?: ((v: Event, data: any) => any) | undefined;

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

@@ -22,7 +22,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const defualtList = ref([
       // 默认的icon列表
       {
-        iconType: "primary",
+        iconType: computed(() => props.iconType || "primary"),
         // default默认为灰色
         isShowContainer: false,
         // 是否显示icon容器
@@ -34,7 +34,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         }
       },
       {
-        iconType: "primary",
+        iconType: computed(() => props.iconType || "primary"),
         // default默认为灰色
         isShowContainer: false,
         // 是否显示icon容器

package/es/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 in showIconList\"\n      v-bind=\"item\"\n      :key=\"item.iconName\"\n      :data=\"data\"\n    />\n    <!-- 下拉提示的icon -->\n    <a-dropdown\n      v-if=\"showDropdown && modalIconList.length\"\n      :overlay-class-name=\"bem.e('dropdown')\"\n      :open=\"dropdownOpen\"\n      @open-change=\"handleDropdownOpenChange\"\n    >\n      <div\n        :class=\"bem.e('dropdown-container')\"\n        @mouseenter=\"handleIconMouseenter\"\n      >\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        />\n      </div>\n      <template #overlay>\n        <a-menu>\n          <slot>\n            <a-menu-item v-for=\"item in modalIconList\" :key=\"item.iconName\">\n              <ll-icon-base v-bind=\"item\" :data=\"data\" />\n            </a-menu-item>\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 defualtList = ref([\n  // 默认的icon列表\n  {\n    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: '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\n// 4.methods\n// 下拉菜单open\nconst handleDropdownOpenChange = (open: boolean) => {\n  if (!open) {\n    dropdownOpen.value = false\n    emits('update:dropdownOpen', false)\n  }\n}\n// icon鼠标悬浮\nconst handleIconMouseenter = () => {\n  dropdownOpen.value = true\n  emits('update:dropdownOpen', true)\n}\n\n// 5.watch\nwatch(\n  () => [props.list, props.showDropdown],\n  (data: any) => {\n    const [newList, showDropdown] = data\n    const list = newList ? newList : defualtList.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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"}
+{"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 in showIconList\"\n      v-bind=\"item\"\n      :key=\"item.iconName\"\n      :data=\"data\"\n    />\n    <!-- 下拉提示的icon -->\n    <a-dropdown\n      v-if=\"showDropdown && modalIconList.length\"\n      :overlay-class-name=\"bem.e('dropdown')\"\n      :open=\"dropdownOpen\"\n      @open-change=\"handleDropdownOpenChange\"\n    >\n      <div\n        :class=\"bem.e('dropdown-container')\"\n        @mouseenter=\"handleIconMouseenter\"\n      >\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        />\n      </div>\n      <template #overlay>\n        <a-menu>\n          <slot>\n            <a-menu-item v-for=\"item in modalIconList\" :key=\"item.iconName\">\n              <ll-icon-base v-bind=\"item\" :data=\"data\" />\n            </a-menu-item>\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 defualtList = 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\n// 4.methods\n// 下拉菜单open\nconst handleDropdownOpenChange = (open: boolean) => {\n  if (!open) {\n    dropdownOpen.value = false\n    emits('update:dropdownOpen', false)\n  }\n}\n// icon鼠标悬浮\nconst handleIconMouseenter = () => {\n  dropdownOpen.value = true\n  emits('update:dropdownOpen', true)\n}\n\n// 5.watch\nwatch(\n  () => [props.list, props.showDropdown],\n  (data: any) => {\n    const [newList, showDropdown] = data\n    const list = newList ? newList : defualtList.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/utils/props/runtime.d.ts

@@ -27,6 +27,6 @@ export declare const buildProp: <Type = never, Value = never, Validator = never,
 export type TestProps = Record<string, {
     [epPropKey]: true;
 } | NativePropType | EpPropInput<any, any, any, any, any>>;
-export declare const buildProps: <Props extends Record<string, {
+export declare const buildProps: <Props extends Record<string, NativePropType | EpPropInput<any, any, any, any, any> | {
     __epPropKey: true;
-} | NativePropType | EpPropInput<any, any, any, any, any>>>(props: Props) => { [K in keyof Props]: IfEpProp<Props[K], Props[K], IfNativePropType<Props[K], Props[K], EpPropConvert<Props[K]>>>; };
+}>>(props: Props) => { [K in keyof Props]: IfEpProp<Props[K], Props[K], IfNativePropType<Props[K], Props[K], EpPropConvert<Props[K]>>>; };

package/index.full.js

@@ -46634,6 +46634,13 @@
      */
     data: {
       type: definePropType(void 0)
+    },
+    /**
+     * @description 默认icon（edit和delete）的颜色
+     */
+    iconType: {
+      type: String,
+      values: iconTypes
     }
   });
   const operateIconEmits = {
@@ -46661,7 +46668,7 @@
       const defualtList = require$$0.ref([
         // 默认的icon列表
         {
-          iconType: "primary",
+          iconType: require$$0.computed(() => props.iconType || "primary"),
           // default默认为灰色
           isShowContainer: false,
           // 是否显示icon容器
@@ -46673,7 +46680,7 @@
           }
         },
         {
-          iconType: "primary",
+          iconType: require$$0.computed(() => props.iconType || "primary"),
           // default默认为灰色
           isShowContainer: false,
           // 是否显示icon容器