ele-admin-plus 1.3.0-beta.2 → 1.3.0-beta.3

package/es/ele-cascader/props.d.ts

@@ -1,10 +1,13 @@
-import { ExtractPropTypes } from 'vue';
+import { PropType, ExtractPropTypes } from 'vue';
+import { CascaderOption, CascaderOptionFunction } from './types';
 
 export { cascaderEmits } from 'element-plus';
 /**
  * 属性
  */
 export declare const cascaderProps: {
+    /** 选项数据 */
+    options: PropType<CascaderOption[] | CascaderOptionFunction>;
     /** 是否多选 */
     multiple: BooleanConstructor;
     emptyValues: ArrayConstructor;
@@ -69,7 +72,6 @@ export declare const cascaderProps: {
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    options: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus').CascaderOption[]) | (() => import('element-plus').CascaderOption[]) | ((new (...args: any[]) => import('element-plus').CascaderOption[]) | (() => import('element-plus').CascaderOption[]))[], unknown, unknown, () => import('element-plus').CascaderOption[], boolean>;
     props: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus').CascaderProps) | (() => import('element-plus').CascaderProps) | ((new (...args: any[]) => import('element-plus').CascaderProps) | (() => import('element-plus').CascaderProps))[], unknown, unknown, () => import('element-plus').CascaderProps, boolean>;
 };
 export type CascaderProps = ExtractPropTypes<typeof cascaderProps>;

package/es/ele-cascader/props.js

@@ -2,6 +2,8 @@ import { cascaderProps as cascaderProps$1 } from "element-plus";
 import { cascaderEmits } from "element-plus";
 const cascaderProps = {
   ...cascaderProps$1,
+  /** 选项数据 */
+  options: [Array, Function],
   /** 是否多选 */
   multiple: Boolean
 };

package/es/ele-cascader/types.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 选项数据
+ */
+export type CascaderOption = Record<string, any>;
+
+/**
+ * 选项数据请求函数
+ */
+export type CascaderOptionFunction = () => Promise<CascaderOption[]>;

package/es/ele-check-card/index.d.ts

@@ -5,7 +5,7 @@ declare const _default: import('vue').DefineComponent<{
         type: import('vue').PropType<CheckedValue>;
         default: () => null;
     };
-    items: import('vue').PropType<CheckCardItem[]>;
+    items: import('vue').PropType<CheckCardItem[] | import('./types').CheckCardItemsFunction>;
     multiple: BooleanConstructor;
     disabled: BooleanConstructor;
     bordered: {
@@ -22,6 +22,8 @@ declare const _default: import('vue').DefineComponent<{
     row: import('vue').PropType<boolean | import('../ele-app/el').ElRowProps>;
     allowUncheck: BooleanConstructor;
 }, {
+    optionData: import('vue').Ref<CheckCardItem[]>;
+    reloadOptions: () => void;
     isChecked: (item: CheckCardItem) => boolean;
     handleItemClick: (item: CheckCardItem) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -32,7 +34,7 @@ declare const _default: import('vue').DefineComponent<{
         type: import('vue').PropType<CheckedValue>;
         default: () => null;
     };
-    items: import('vue').PropType<CheckCardItem[]>;
+    items: import('vue').PropType<CheckCardItem[] | import('./types').CheckCardItemsFunction>;
     multiple: BooleanConstructor;
     disabled: BooleanConstructor;
     bordered: {

package/es/ele-check-card/index.js

@@ -1,5 +1,6 @@
 import { defineComponent, resolveComponent, openBlock, createElementBlock, createBlock, normalizeProps, mergeProps, withCtx, Fragment, renderList, createVNode, normalizeStyle, normalizeClass, renderSlot, createTextVNode, toDisplayString } from "vue";
 import { ElRow, ElCol } from "element-plus";
+import { useProOptions } from "../utils/hook";
 import { useFormValidate, isEmptyValue, valueIsChanged } from "../ele-basic-select/util";
 import CardItem from "./components/card-item";
 import { checkCardProps, checkCardEmits } from "./props";
@@ -10,6 +11,10 @@ const _sfc_main = defineComponent({
   emits: checkCardEmits,
   setup(props, { emit }) {
     const { validateChange } = useFormValidate();
+    const { optionData, reloadOptions } = useProOptions(
+      props,
+      "items"
+    );
     const isChecked = (item) => {
       if (props.modelValue == null || item.value == null) {
         return false;
@@ -59,7 +64,12 @@ const _sfc_main = defineComponent({
       }
       updateModelValue(props.modelValue.filter((v) => v !== item.value));
     };
-    return { isChecked, handleItemClick };
+    return {
+      optionData,
+      reloadOptions,
+      isChecked,
+      handleItemClick
+    };
   }
 });
 const _export_sfc = (sfc, props) => {
@@ -77,7 +87,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", _hoisted_1, [
     _ctx.row ? (openBlock(), createBlock(_component_ElRow, normalizeProps(mergeProps({ key: 0 }, _ctx.row === true ? {} : _ctx.row)), {
       default: withCtx(() => [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item, index2) => {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.optionData, (item, index2) => {
           return openBlock(), createBlock(_component_ElCol, mergeProps({
             key: index2 + "-" + item.value,
             ref_for: true
@@ -107,7 +117,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         }), 128))
       ]),
       _: 3
-    }, 16)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.items, (item, index2) => {
+    }, 16)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.optionData, (item, index2) => {
       return openBlock(), createBlock(_component_CardItem, {
         key: item.key ?? index2 + "-" + item.value,
         item,

package/es/ele-check-card/props.d.ts

@@ -1,7 +1,7 @@
 import { ExtractPropTypes, PropType } from 'vue';
 import { StyleValue } from '../ele-app/types';
 import { ElRowProps } from '../ele-app/el';
-import { CheckCardItem, CheckedValue } from './types';
+import { CheckedValue, CheckCardItem, CheckCardItemsFunction } from './types';
 
 /**
  * 属性
@@ -13,7 +13,7 @@ export declare const checkCardProps: {
         default: () => null;
     };
     /** 数据 */
-    items: PropType<CheckCardItem[]>;
+    items: PropType<CheckCardItem[] | CheckCardItemsFunction>;
     /** 是否多选 */
     multiple: BooleanConstructor;
     /** 是否禁用 */

package/es/ele-check-card/props.js

@@ -7,7 +7,7 @@ const checkCardProps = {
     }
   },
   /** 数据 */
-  items: Array,
+  items: [Array, Function],
   /** 是否多选 */
   multiple: Boolean,
   /** 是否禁用 */

package/es/ele-check-card/types.d.ts

@@ -37,3 +37,8 @@ export interface CheckCardItem extends Record<keyof any, any> {
   /** 栅格属性 */
   col?: ElColProps;
 }
+
+/**
+ * 卡片数据请求函数
+ */
+export type CheckCardItemsFunction = () => Promise<CheckCardItem[]>;

package/es/ele-checkbox-group/index.d.ts

@@ -0,0 +1,60 @@
+import { omit } from '../utils/core';
+import { CheckboxOption } from './types';
+
+declare const _default: import('vue').DefineComponent<{
+    type: import('vue').PropType<import('./types').CheckboxType>;
+    options: import('vue').PropType<CheckboxOption[] | import('./types').CheckboxOptionFunction>;
+    ariaLabel: StringConstructor;
+    modelValue: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus').CheckboxGroupValueType) | (() => import('element-plus').CheckboxGroupValueType) | ((new (...args: any[]) => import('element-plus').CheckboxGroupValueType) | (() => import('element-plus').CheckboxGroupValueType))[], unknown, unknown, () => never[], boolean>;
+    disabled: BooleanConstructor;
+    min: NumberConstructor;
+    max: NumberConstructor;
+    size: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    fill: StringConstructor;
+    textColor: StringConstructor;
+    tag: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "div", boolean>;
+    validateEvent: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+}, {
+    omit: typeof omit;
+    emitMethods: {
+        change: (val: import('element-plus').CheckboxValueType[]) => void;
+        "update:modelValue": (val: import('element-plus').CheckboxGroupValueType) => void;
+    };
+    optionData: import('vue').Ref<CheckboxOption[]>;
+    reloadOptions: () => void;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (val: import('element-plus').CheckboxGroupValueType) => boolean;
+    change: (val: import('element-plus').CheckboxValueType[]) => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    type: import('vue').PropType<import('./types').CheckboxType>;
+    options: import('vue').PropType<CheckboxOption[] | import('./types').CheckboxOptionFunction>;
+    ariaLabel: StringConstructor;
+    modelValue: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus').CheckboxGroupValueType) | (() => import('element-plus').CheckboxGroupValueType) | ((new (...args: any[]) => import('element-plus').CheckboxGroupValueType) | (() => import('element-plus').CheckboxGroupValueType))[], unknown, unknown, () => never[], boolean>;
+    disabled: BooleanConstructor;
+    min: NumberConstructor;
+    max: NumberConstructor;
+    size: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    fill: StringConstructor;
+    textColor: StringConstructor;
+    tag: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "div", boolean>;
+    validateEvent: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+}>> & {
+    "onUpdate:modelValue"?: ((val: import('element-plus').CheckboxGroupValueType) => any) | undefined;
+    onChange?: ((val: import('element-plus').CheckboxValueType[]) => any) | undefined;
+}, {
+    modelValue: import('element-plus').CheckboxGroupValueType;
+    disabled: boolean;
+    tag: string;
+    validateEvent: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+}, {}>;
+export default _default;

package/es/ele-checkbox-group/index.js

@@ -0,0 +1,74 @@
+import { defineComponent, resolveComponent, openBlock, createBlock, mergeProps, createSlots, withCtx, createElementBlock, Fragment, renderList, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+import { ElCheckboxGroup, ElCheckbox, ElCheckboxButton } from "element-plus";
+import { omit } from "../utils/core";
+import { useComponentEvents, useProOptions } from "../utils/hook";
+import { checkboxGroupProps, checkboxGroupEmits } from "./props";
+const _sfc_main = defineComponent({
+  name: "EleCheckboxGroup",
+  components: { ElCheckboxGroup, ElCheckbox, ElCheckboxButton },
+  props: checkboxGroupProps,
+  emits: checkboxGroupEmits,
+  setup(props, { emit }) {
+    const { emitMethods } = useComponentEvents(checkboxGroupEmits, emit);
+    const { optionData, reloadOptions } = useProOptions(props);
+    return {
+      omit,
+      emitMethods,
+      optionData,
+      reloadOptions
+    };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ElCheckboxButton = resolveComponent("ElCheckboxButton");
+  const _component_ElCheckbox = resolveComponent("ElCheckbox");
+  const _component_ElCheckboxGroup = resolveComponent("ElCheckboxGroup");
+  return openBlock(), createBlock(_component_ElCheckboxGroup, mergeProps(_ctx.omit(_ctx.$props, ["type", "options"]), {
+    "onUpdate:modelValue": _ctx.emitMethods["update:modelValue"],
+    onChange: _ctx.emitMethods["change"]
+  }), createSlots({
+    default: withCtx(() => [
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.optionData, (option) => {
+        return openBlock(), createElementBlock(Fragment, {
+          key: option.value
+        }, [
+          _ctx.type === "button" ? (openBlock(), createBlock(_component_ElCheckboxButton, {
+            key: 0,
+            label: option.label,
+            value: option.value,
+            disabled: option.disabled,
+            name: option.name
+          }, null, 8, ["label", "value", "disabled", "name"])) : (openBlock(), createBlock(_component_ElCheckbox, {
+            key: 1,
+            label: option.label,
+            value: option.value,
+            disabled: option.disabled,
+            border: option.border,
+            name: option.name
+          }, null, 8, ["label", "value", "disabled", "border", "name"]))
+        ], 64);
+      }), 128))
+    ]),
+    _: 2
+  }, [
+    renderList(Object.keys(_ctx.$slots).filter((k) => "default" !== k), (name) => {
+      return {
+        name,
+        fn: withCtx((slotProps) => [
+          renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+        ])
+      };
+    })
+  ]), 1040, ["onUpdate:modelValue", "onChange"]);
+}
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};

package/es/ele-checkbox-group/props.d.ts

@@ -0,0 +1,29 @@
+import { PropType, ExtractPropTypes } from 'vue';
+import { CheckboxType, CheckboxOption, CheckboxOptionFunction } from './types';
+
+export { checkboxGroupEmits } from 'element-plus';
+/**
+ * 属性
+ */
+export declare const checkboxGroupProps: {
+    /** 风格类型 */
+    type: PropType<CheckboxType>;
+    /** 选项数据 */
+    options: PropType<CheckboxOption[] | CheckboxOptionFunction>;
+    ariaLabel: StringConstructor;
+    modelValue: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus').CheckboxGroupValueType) | (() => import('element-plus').CheckboxGroupValueType) | ((new (...args: any[]) => import('element-plus').CheckboxGroupValueType) | (() => import('element-plus').CheckboxGroupValueType))[], unknown, unknown, () => never[], boolean>;
+    disabled: BooleanConstructor;
+    min: NumberConstructor;
+    max: NumberConstructor;
+    size: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    fill: StringConstructor;
+    textColor: StringConstructor;
+    tag: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "div", boolean>;
+    validateEvent: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+};
+export type CheckboxGroupProps = ExtractPropTypes<typeof checkboxGroupProps>;

package/es/ele-checkbox-group/props.js

@@ -0,0 +1,13 @@
+import { checkboxGroupProps as checkboxGroupProps$1 } from "element-plus";
+import { checkboxGroupEmits } from "element-plus";
+const checkboxGroupProps = {
+  ...checkboxGroupProps$1,
+  /** 风格类型 */
+  type: String,
+  /** 选项数据 */
+  options: [Array, Function]
+};
+export {
+  checkboxGroupEmits,
+  checkboxGroupProps
+};

package/es/ele-checkbox-group/style/index.d.ts

@@ -0,0 +1 @@
+

package/es/ele-checkbox-group/style/index.js

@@ -0,0 +1,3 @@
+import "element-plus/es/components/checkbox-group/style/index";
+import "element-plus/es/components/checkbox/style/index";
+import "element-plus/es/components/checkbox-button/style/index";

package/es/ele-checkbox-group/types.d.ts

@@ -0,0 +1,25 @@
+/**
+ * 风格类型
+ */
+export type CheckboxType = 'default' | 'button';
+
+/**
+ * 选项数据
+ */
+export interface CheckboxOption {
+  /** 选项值 */
+  value: any;
+  /** 显示文本 */
+  label?: string;
+  /** 是否禁用 */
+  disabled?: boolean;
+  /** 是否显示边框 */
+  border?: boolean;
+  /** name */
+  name?: string;
+}
+
+/**
+ * 选项数据请求函数
+ */
+export type CheckboxOptionFunction = () => Promise<CheckboxOption[]>;

package/es/ele-dropdown/components/pro-dropdown.d.ts

@@ -21,6 +21,7 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    id: StringConstructor;
     type: {
         readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown> & {}) | (() => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>) | ((new (...args: any[]) => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown> & {}) | (() => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>))[], unknown, unknown>>;
         readonly required: false;
@@ -39,7 +40,6 @@ declare const _default: import('vue').DefineComponent<{
     teleported: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     disabled: BooleanConstructor;
     popperOptions: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => Partial<import('element-plus').Options>) | (() => Partial<import('element-plus').Options>) | ((new (...args: any[]) => Partial<import('element-plus').Options>) | (() => Partial<import('element-plus').Options>))[], unknown, unknown, () => {}, boolean>;
-    id: StringConstructor;
     splitButton: BooleanConstructor;
     hideOnClick: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     loop: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
@@ -136,6 +136,7 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    id: StringConstructor;
     type: {
         readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown> & {}) | (() => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>) | ((new (...args: any[]) => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown> & {}) | (() => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>))[], unknown, unknown>>;
         readonly required: false;
@@ -154,7 +155,6 @@ declare const _default: import('vue').DefineComponent<{
     teleported: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     disabled: BooleanConstructor;
     popperOptions: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => Partial<import('element-plus').Options>) | (() => Partial<import('element-plus').Options>) | ((new (...args: any[]) => Partial<import('element-plus').Options>) | (() => Partial<import('element-plus').Options>))[], unknown, unknown, () => {}, boolean>;
-    id: StringConstructor;
     splitButton: BooleanConstructor;
     hideOnClick: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     loop: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;

package/es/ele-ellipsis/index.d.ts

@@ -49,9 +49,9 @@ declare const _default: import('vue').DefineComponent<{
     iconProps: import('vue').PropType<import('../ele-app/el').ElIconProps>;
     iconStyle: import('vue').PropType<StyleValue>;
 }>>, {
+    strong: boolean;
     underline: boolean;
     tooltip: boolean | EllipsisTooltip;
-    strong: boolean;
     italic: boolean;
     deleted: boolean;
 }, {}>;

package/es/ele-icon/index.d.ts

@@ -2,10 +2,36 @@ import { UserComponent } from '../ele-app/types';
 
 declare const _default: import('vue').DefineComponent<{
     name: import('vue').PropType<UserComponent>;
+    iconType: import('vue').PropType<import('./types').IconType>;
+    size: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    color: {
+        readonly type: import('vue').PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
 }, {
     defaultIconTag: string;
     iconComponent: import('vue').ComputedRef<UserComponent | undefined>;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     name: import('vue').PropType<UserComponent>;
+    iconType: import('vue').PropType<import('./types').IconType>;
+    size: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    color: {
+        readonly type: import('vue').PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
 }>>, {}, {}>;
 export default _default;

package/es/ele-icon/index.js

@@ -8,21 +8,10 @@ const _sfc_main = defineComponent({
   props: iconProps,
   setup(props) {
     const iconComponent = computed(() => {
-      if (props.name == null) {
-        return;
-      }
-      const nameType = typeof props.name;
-      if (nameType === "object") {
-        return props.name;
-      }
-      if (nameType !== "string" || nameType === "string" && props.name.includes(" ")) {
-        return defaultIconTag;
-      }
-      const componentName = resolveComponent(props.name);
-      if (typeof componentName === "string") {
+      if (props.name != null && (props.iconType === "fontClass" || typeof props.name === "string" && props.name.includes(" "))) {
         return defaultIconTag;
       }
-      return componentName;
+      return props.name;
     });
     return {
       defaultIconTag,
@@ -39,7 +28,10 @@ const _export_sfc = (sfc, props) => {
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ElIcon = resolveComponent("ElIcon");
-  return openBlock(), createBlock(_component_ElIcon, null, {
+  return openBlock(), createBlock(_component_ElIcon, {
+    size: _ctx.size,
+    color: _ctx.color
+  }, {
     default: withCtx(() => [
       _ctx.iconComponent ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.iconComponent), {
         key: 0,
@@ -48,7 +40,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       renderSlot(_ctx.$slots, "default")
     ]),
     _: 3
-  });
+  }, 8, ["size", "color"]);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/es/ele-icon/props.d.ts

@@ -1,5 +1,6 @@
 import { PropType, ExtractPropTypes } from 'vue';
 import { UserComponent } from '../ele-app/types';
+import { IconType } from './types';
 
 /**
  * 属性
@@ -7,5 +8,19 @@ import { UserComponent } from '../ele-app/types';
 export declare const iconProps: {
     /** 图标名称 */
     name: PropType<UserComponent>;
+    /** 图标类型 */
+    iconType: PropType<IconType>;
+    size: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    color: {
+        readonly type: import('vue').PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
 };
 export type IconProps = ExtractPropTypes<typeof iconProps>;

package/es/ele-icon/props.js

@@ -1,6 +1,10 @@
+import { iconProps as iconProps$1 } from "element-plus";
 const iconProps = {
+  ...iconProps$1,
   /** 图标名称 */
-  name: String
+  name: [String, Object, Function],
+  /** 图标类型 */
+  iconType: String
 };
 export {
   iconProps

package/es/ele-icon/types.d.ts

@@ -0,0 +1,4 @@
+/**
+ * 图标类型
+ */
+export type IconType = 'svg' | 'fontClass';