ele-admin-plus 1.1.3 → 1.1.4-beta.2

package/lib/ele-cropper/index.js

@@ -178,8 +178,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         vue.createElementVNode("img", {
           ref: "imageRef",
           src: _ctx.src,
-          style: vue.normalizeStyle(_ctx.src ? void 0 : { display: "none" })
-        }, null, 12, _hoisted_2)
+          style: { display: "none" }
+        }, null, 8, _hoisted_2)
       ], 4),
       _ctx.preview ? (vue.openBlock(), vue.createBlock(_component_CropperPreview, {
         key: 0,

package/lib/ele-dashboard/index.d.ts

@@ -1,4 +1,3 @@
-import type { StyleValue } from '../ele-app/types';
 declare const _default: import("vue").DefineComponent<{
     type: import("vue").PropType<import("./types").DashboardType>;
     color: StringConstructor;
@@ -6,7 +5,7 @@ declare const _default: import("vue").DefineComponent<{
     space: (StringConstructor | NumberConstructor)[];
 }, {
     authenticated: import("vue").Ref<boolean>;
-    rootStyle: import("vue").ComputedRef<StyleValue>;
+    rootStyle: import("vue").ComputedRef<Partial<import("vue").CSSProperties>>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     type: import("vue").PropType<import("./types").DashboardType>;
     color: StringConstructor;

package/lib/ele-drawer/index.d.ts

@@ -1,14 +1,15 @@
 import type { ElDrawerInstance } from '../ele-app/types';
 declare const _default: import("vue").DefineComponent<{
-    headerStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
-    titleStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
-    bodyStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
-    footerStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
-    closeBtnStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
+    headerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    titleStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    bodyStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    footerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    closeBtnStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     direction: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown, "rtl", boolean>;
     size: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "30%", boolean>;
     withHeader: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     modalFade: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    headerAriaLevel: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
     appendToBody: BooleanConstructor;
     beforeClose: {
         readonly type: import("vue").PropType<import("element-plus").DialogBeforeCloseFn>;
@@ -57,6 +58,7 @@ declare const _default: import("vue").DefineComponent<{
     fullscreen: BooleanConstructor;
     showClose: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     title: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    ariaLevel: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
 }, {
     drawerRef: import("vue").Ref<ElDrawerInstance>;
     handleClose: () => void;
@@ -74,15 +76,16 @@ declare const _default: import("vue").DefineComponent<{
     openAutoFocus: () => boolean;
     closeAutoFocus: () => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    headerStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
-    titleStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
-    bodyStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
-    footerStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
-    closeBtnStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
+    headerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    titleStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    bodyStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    footerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    closeBtnStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     direction: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown, "rtl", boolean>;
     size: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "30%", boolean>;
     withHeader: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     modalFade: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    headerAriaLevel: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
     appendToBody: BooleanConstructor;
     beforeClose: {
         readonly type: import("vue").PropType<import("element-plus").DialogBeforeCloseFn>;
@@ -131,6 +134,7 @@ declare const _default: import("vue").DefineComponent<{
     fullscreen: BooleanConstructor;
     showClose: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     title: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    ariaLevel: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
 }>> & {
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onOpen?: (() => any) | undefined;
@@ -153,11 +157,13 @@ declare const _default: import("vue").DefineComponent<{
     openDelay: number;
     closeDelay: number;
     trapFocus: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    headerAriaLevel: string;
     alignCenter: boolean;
     customClass: string;
     draggable: boolean;
     fullscreen: boolean;
     showClose: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    ariaLevel: string;
     direction: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown>;
     withHeader: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     modalFade: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;

package/lib/ele-drawer/props.d.ts

@@ -1,18 +1,18 @@
 import type { PropType, ExtractPropTypes } from 'vue';
-import type { StyleValue } from '../ele-app/types';
 /**
  * 属性
  */
 export declare const drawerProps: {
-    headerStyle: PropType<StyleValue>;
-    titleStyle: PropType<StyleValue>;
-    bodyStyle: PropType<StyleValue>;
-    footerStyle: PropType<StyleValue>;
-    closeBtnStyle: PropType<StyleValue>;
+    headerStyle: PropType<Partial<import("vue").CSSProperties>>;
+    titleStyle: PropType<Partial<import("vue").CSSProperties>>;
+    bodyStyle: PropType<Partial<import("vue").CSSProperties>>;
+    footerStyle: PropType<Partial<import("vue").CSSProperties>>;
+    closeBtnStyle: PropType<Partial<import("vue").CSSProperties>>;
     direction: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown, "rtl", boolean>;
     size: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "30%", boolean>;
     withHeader: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     modalFade: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    headerAriaLevel: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
     appendToBody: BooleanConstructor;
     beforeClose: {
         readonly type: PropType<import("element-plus").DialogBeforeCloseFn>;
@@ -61,5 +61,6 @@ export declare const drawerProps: {
     fullscreen: BooleanConstructor;
     showClose: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     title: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    ariaLevel: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
 };
 export type DrawerProps = ExtractPropTypes<typeof drawerProps>;

package/lib/ele-dropdown/index.d.ts

@@ -4,7 +4,7 @@ import type { DropdownItem } from './types';
 declare const _default: import("vue").DefineComponent<{
     items: import("vue").PropType<DropdownItem[]>;
     modelValue: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown> | undefined>;
-    menuStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
+    menuStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     trigger: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import("element-plus").TooltipTriggerType[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").TooltipTriggerType>) | ((new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import("element-plus").TooltipTriggerType[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
     effect: {
         readonly default: "light";
@@ -59,7 +59,7 @@ declare const _default: import("vue").DefineComponent<{
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     items: import("vue").PropType<DropdownItem[]>;
     modelValue: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown> | undefined>;
-    menuStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
+    menuStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     trigger: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import("element-plus").TooltipTriggerType[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").TooltipTriggerType>) | ((new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import("element-plus").TooltipTriggerType[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
     effect: {
         readonly default: "light";

package/lib/ele-dropdown/props.d.ts

@@ -1,5 +1,4 @@
 import type { PropType, ExtractPropTypes } from 'vue';
-import type { StyleValue } from '../ele-app/types';
 import type { DropdownItem } from './types';
 /**
  * 属性
@@ -7,7 +6,7 @@ import type { DropdownItem } from './types';
 export declare const dropdownProps: {
     items: PropType<DropdownItem[]>;
     modelValue: PropType<import("element-plus/es/utils").EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown> | undefined>;
-    menuStyle: PropType<StyleValue>;
+    menuStyle: PropType<Partial<import("vue").CSSProperties>>;
     trigger: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import("element-plus").TooltipTriggerType[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").TooltipTriggerType>) | ((new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import("element-plus").TooltipTriggerType[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
     effect: {
         readonly default: "light";

package/lib/ele-edit-tag/index.d.ts

@@ -11,8 +11,8 @@ declare const _default: import("vue").DefineComponent<{
     effect: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "plain" | "dark", unknown> | undefined>;
     round: BooleanConstructor;
     placeholder: StringConstructor;
-    inputStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
-    buttonStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
+    inputStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    buttonStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     validator: import("vue").PropType<import("./types").Validator>;
     beforeRemove: import("vue").PropType<import("./types").BeforeRemove>;
     tooltipProps: import("vue").PropType<import("../ele-avatar-group/types").EleTooltipProps>;
@@ -40,8 +40,8 @@ declare const _default: import("vue").DefineComponent<{
     effect: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "plain" | "dark", unknown> | undefined>;
     round: BooleanConstructor;
     placeholder: StringConstructor;
-    inputStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
-    buttonStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
+    inputStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    buttonStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     validator: import("vue").PropType<import("./types").Validator>;
     beforeRemove: import("vue").PropType<import("./types").BeforeRemove>;
     tooltipProps: import("vue").PropType<import("../ele-avatar-group/types").EleTooltipProps>;

package/lib/ele-edit-tag/props.d.ts

@@ -1,5 +1,4 @@
 import type { PropType, ExtractPropTypes } from 'vue';
-import type { StyleValue } from '../ele-app/types';
 import type { EleTooltipProps } from '../ele-avatar-group/types';
 import { Validator, BeforeRemove } from './types';
 /**
@@ -17,8 +16,8 @@ export declare const editTagProps: {
     effect: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "plain" | "dark", unknown> | undefined>;
     round: BooleanConstructor;
     placeholder: StringConstructor;
-    inputStyle: PropType<StyleValue>;
-    buttonStyle: PropType<StyleValue>;
+    inputStyle: PropType<Partial<import("vue").CSSProperties>>;
+    buttonStyle: PropType<Partial<import("vue").CSSProperties>>;
     validator: PropType<Validator>;
     beforeRemove: PropType<BeforeRemove>;
     tooltipProps: PropType<EleTooltipProps>;

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

@@ -1,5 +1,4 @@
 import type { EleTooltipProps } from '../ele-avatar-group/types';
-import type { StyleValue } from '../ele-app/types';
 import type { TextProps } from '../ele-text/props';
 import type { EllipsisTooltip, EleTextInstance } from './types';
 declare const _default: import("vue").DefineComponent<{
@@ -23,14 +22,14 @@ declare const _default: import("vue").DefineComponent<{
     italic: BooleanConstructor;
     icon: import("vue").PropType<import("../ele-text/types").TextIcon>;
     iconProps: import("vue").PropType<import("../ele-app/types").ElIconProps>;
-    iconStyle: import("vue").PropType<StyleValue>;
+    iconStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
 }, {
     textRef: import("vue").Ref<EleTextInstance>;
     virtualRef: import("vue").Ref<HTMLElement | undefined>;
     tooltipProps: import("vue").ComputedRef<EleTooltipProps>;
     multiLine: import("vue").ComputedRef<boolean>;
     textProps: import("vue").ComputedRef<Partial<TextProps>>;
-    rootStyle: import("vue").ComputedRef<StyleValue>;
+    rootStyle: import("vue").ComputedRef<Partial<import("vue").CSSProperties>>;
     onHover: (e: MouseEvent) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     maxLine: NumberConstructor;
@@ -53,13 +52,13 @@ declare const _default: import("vue").DefineComponent<{
     italic: BooleanConstructor;
     icon: import("vue").PropType<import("../ele-text/types").TextIcon>;
     iconProps: import("vue").PropType<import("../ele-app/types").ElIconProps>;
-    iconStyle: import("vue").PropType<StyleValue>;
+    iconStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
 }>>, {
     tag: string;
     tooltip: boolean | EllipsisTooltip;
+    underline: boolean;
     strong: boolean;
     italic: boolean;
-    underline: boolean;
     deleted: boolean;
 }, {}>;
 export default _default;

package/lib/ele-ellipsis/props.d.ts

@@ -24,6 +24,6 @@ export declare const ellipsisProps: {
     italic: BooleanConstructor;
     icon: PropType<import("../ele-text/types").TextIcon>;
     iconProps: PropType<import("../ele-app/types").ElIconProps>;
-    iconStyle: PropType<import("../ele-app/types").StyleValue>;
+    iconStyle: PropType<Partial<import("vue").CSSProperties>>;
 };
 export type EllipsisProps = ExtractPropTypes<typeof ellipsisProps>;

package/lib/ele-ellipsis/style/index.scss

@@ -18,6 +18,10 @@
       & > .el-link__inner {
         display: inline;
       }
+
+      & > .el-icon {
+        vertical-align: -1.7px;
+      }
     }
   }
 }

package/lib/ele-file-list/index.d.ts

@@ -1,3 +1,4 @@
+import type { Ref } from 'vue';
 import type { FileItem, SortValue, ItemContextMenuOption, FileListLocale } from './types';
 declare const _default: import("vue").DefineComponent<{
     data: {
@@ -29,13 +30,7 @@ declare const _default: import("vue").DefineComponent<{
     locale: import("vue").PropType<Partial<FileListLocale>>;
 }, {
     lang: import("vue").ComputedRef<FileListLocale>;
-    selectorStyle: import("vue").Ref<{
-        top: string;
-        left: string;
-        width: string;
-        height: string;
-        display: string;
-    }>;
+    selectorStyle: Ref<Partial<import("vue").CSSProperties>>;
     isCheckAll: import("vue").ComputedRef<boolean>;
     isIndeterminate: import("vue").ComputedRef<boolean>;
     onCheckAllChange: () => void;

package/lib/ele-file-list/index.js

@@ -24,8 +24,8 @@ const _sfc_main = vue.defineComponent({
     const isCheckAll = vue.computed(() => {
       return !!(props2.data && props2.data.length && props2.selections && props2.selections.length && !props2.data.some(
         (d) => {
-          var _a;
-          return !((_a = props2.selections) == null ? void 0 : _a.some((t) => d.key === t.key));
+          var _a, _b;
+          return !((_b = (_a = props2.selections) == null ? void 0 : _a.some) == null ? void 0 : _b.call(_a, (t) => d.key === t.key));
         }
       ));
     });

package/lib/ele-file-list/types/index.d.ts

@@ -93,10 +93,6 @@ export type EleDropdownProps = ComponentProps<DropdownProps>;
  * 下拉菜单实例
  */
 export type DropdownInstance = InstanceType<typeof EleDropdown> | null;
-/**
- * 选择框样式
- */
-export type SelectorStyle = Exclude<StyleValue, string>;
 /**
  * 国际化
  */

package/lib/ele-icon-select/components/icon-grid.d.ts

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-import type { StyleValue, ElEmptyProps } from '../../ele-app/types';
+import type { ElEmptyProps } from '../../ele-app/types';
 import type { EleTooltipProps } from '../../ele-avatar-group/types';
 declare const _default: import("vue").DefineComponent<{
     icon: StringConstructor;
@@ -11,8 +11,8 @@ declare const _default: import("vue").DefineComponent<{
     tooltip: BooleanConstructor;
     tooltipProps: PropType<EleTooltipProps>;
     popperVisible: BooleanConstructor;
-    gridStyle: PropType<StyleValue>;
-    itemStyle: PropType<StyleValue>;
+    gridStyle: PropType<Partial<import("vue").CSSProperties>>;
+    itemStyle: PropType<Partial<import("vue").CSSProperties>>;
 }, {
     tooltipContent: import("vue").Ref<string>;
     virtualRef: import("vue").Ref<any>;
@@ -30,8 +30,8 @@ declare const _default: import("vue").DefineComponent<{
     tooltip: BooleanConstructor;
     tooltipProps: PropType<EleTooltipProps>;
     popperVisible: BooleanConstructor;
-    gridStyle: PropType<StyleValue>;
-    itemStyle: PropType<StyleValue>;
+    gridStyle: PropType<Partial<import("vue").CSSProperties>>;
+    itemStyle: PropType<Partial<import("vue").CSSProperties>>;
 }>> & {
     onSelect?: ((_icon: string) => any) | undefined;
 }, {

package/lib/ele-icon-select/components/icon-popper.d.ts

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-import type { StyleValue, ElEmptyProps } from '../../ele-app/types';
+import type { ElEmptyProps } from '../../ele-app/types';
 import type { EleTooltipProps } from '../../ele-avatar-group/types';
 import type { IconItem } from '../types';
 declare const _default: import("vue").DefineComponent<{
@@ -12,13 +12,13 @@ declare const _default: import("vue").DefineComponent<{
     tooltip: BooleanConstructor;
     tooltipProps: PropType<EleTooltipProps>;
     popperVisible: BooleanConstructor;
-    headerStyle: PropType<StyleValue>;
-    tabsStyle: PropType<StyleValue>;
-    searchStyle: PropType<StyleValue>;
-    menusStyle: PropType<StyleValue>;
-    bodyStyle: PropType<StyleValue>;
-    gridStyle: PropType<StyleValue>;
-    itemStyle: PropType<StyleValue>;
+    headerStyle: PropType<Partial<import("vue").CSSProperties>>;
+    tabsStyle: PropType<Partial<import("vue").CSSProperties>>;
+    searchStyle: PropType<Partial<import("vue").CSSProperties>>;
+    menusStyle: PropType<Partial<import("vue").CSSProperties>>;
+    bodyStyle: PropType<Partial<import("vue").CSSProperties>>;
+    gridStyle: PropType<Partial<import("vue").CSSProperties>>;
+    itemStyle: PropType<Partial<import("vue").CSSProperties>>;
 }, {
     Search: import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     tabs: import("vue").Ref<string[]>;
@@ -44,13 +44,13 @@ declare const _default: import("vue").DefineComponent<{
     tooltip: BooleanConstructor;
     tooltipProps: PropType<EleTooltipProps>;
     popperVisible: BooleanConstructor;
-    headerStyle: PropType<StyleValue>;
-    tabsStyle: PropType<StyleValue>;
-    searchStyle: PropType<StyleValue>;
-    menusStyle: PropType<StyleValue>;
-    bodyStyle: PropType<StyleValue>;
-    gridStyle: PropType<StyleValue>;
-    itemStyle: PropType<StyleValue>;
+    headerStyle: PropType<Partial<import("vue").CSSProperties>>;
+    tabsStyle: PropType<Partial<import("vue").CSSProperties>>;
+    searchStyle: PropType<Partial<import("vue").CSSProperties>>;
+    menusStyle: PropType<Partial<import("vue").CSSProperties>>;
+    bodyStyle: PropType<Partial<import("vue").CSSProperties>>;
+    gridStyle: PropType<Partial<import("vue").CSSProperties>>;
+    itemStyle: PropType<Partial<import("vue").CSSProperties>>;
 }>> & {
     onSelect?: ((_icon: string) => any) | undefined;
 }, {

package/lib/ele-icon-select/index.d.ts

@@ -1,4 +1,3 @@
-import type { StyleValue } from '../ele-app/types';
 declare const _default: import("vue").DefineComponent<{
     modelValue: StringConstructor;
     data: {
@@ -49,13 +48,13 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     tooltipProps: import("vue").PropType<import("../ele-avatar-group/types").EleTooltipProps>;
-    headerStyle: import("vue").PropType<StyleValue>;
-    tabsStyle: import("vue").PropType<StyleValue>;
-    searchStyle: import("vue").PropType<StyleValue>;
-    menusStyle: import("vue").PropType<StyleValue>;
-    bodyStyle: import("vue").PropType<StyleValue>;
-    gridStyle: import("vue").PropType<StyleValue>;
-    itemStyle: import("vue").PropType<StyleValue>;
+    headerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    tabsStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    searchStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    menusStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    bodyStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    gridStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    itemStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     responsive: {
         type: BooleanConstructor;
         default: null;
@@ -63,7 +62,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     visible: import("vue").Ref<boolean>;
     popupClass: import("vue").ComputedRef<string>;
-    popupStyle: import("vue").ComputedRef<StyleValue | undefined>;
+    popupStyle: import("vue").ComputedRef<Partial<import("vue").CSSProperties> | undefined>;
     updateVisible: (value: boolean) => void;
     onClear: () => void;
     onFocus: (e: FocusEvent) => void;
@@ -126,13 +125,13 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     tooltipProps: import("vue").PropType<import("../ele-avatar-group/types").EleTooltipProps>;
-    headerStyle: import("vue").PropType<StyleValue>;
-    tabsStyle: import("vue").PropType<StyleValue>;
-    searchStyle: import("vue").PropType<StyleValue>;
-    menusStyle: import("vue").PropType<StyleValue>;
-    bodyStyle: import("vue").PropType<StyleValue>;
-    gridStyle: import("vue").PropType<StyleValue>;
-    itemStyle: import("vue").PropType<StyleValue>;
+    headerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    tabsStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    searchStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    menusStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    bodyStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    gridStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    itemStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     responsive: {
         type: BooleanConstructor;
         default: null;

package/lib/ele-icon-select/props.d.ts

@@ -1,5 +1,5 @@
 import type { PropType, ExtractPropTypes } from 'vue';
-import type { StyleValue, ElEmptyProps } from '../ele-app/types';
+import type { ElEmptyProps } from '../ele-app/types';
 import type { EleTooltipProps } from '../ele-avatar-group/types';
 import type { IconItem } from './types';
 /**
@@ -55,13 +55,13 @@ export declare const iconSelectProps: {
         default: boolean;
     };
     tooltipProps: PropType<EleTooltipProps>;
-    headerStyle: PropType<StyleValue>;
-    tabsStyle: PropType<StyleValue>;
-    searchStyle: PropType<StyleValue>;
-    menusStyle: PropType<StyleValue>;
-    bodyStyle: PropType<StyleValue>;
-    gridStyle: PropType<StyleValue>;
-    itemStyle: PropType<StyleValue>;
+    headerStyle: PropType<Partial<import("vue").CSSProperties>>;
+    tabsStyle: PropType<Partial<import("vue").CSSProperties>>;
+    searchStyle: PropType<Partial<import("vue").CSSProperties>>;
+    menusStyle: PropType<Partial<import("vue").CSSProperties>>;
+    bodyStyle: PropType<Partial<import("vue").CSSProperties>>;
+    gridStyle: PropType<Partial<import("vue").CSSProperties>>;
+    itemStyle: PropType<Partial<import("vue").CSSProperties>>;
     responsive: {
         type: BooleanConstructor;
         default: null;

package/lib/ele-loading/index.d.ts

@@ -1,14 +1,39 @@
+import { ComponentProps } from '../ele-app/types';
+import type { CircleProps } from './types';
 declare const _default: import("vue").DefineComponent<{
     loading: BooleanConstructor;
     text: StringConstructor;
     background: StringConstructor;
     spinner: StringConstructor;
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    svgViewBox: StringConstructor;
+    type: {
+        type: import("vue").PropType<import("./types").LoadingType>;
+        default: string;
+    };
+    blur: BooleanConstructor;
+    size: import("vue").PropType<import("./types").LoadingSize>;
+    spinnerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    textStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+}, {
+    isCircle: import("vue").ComputedRef<boolean>;
+    rootProps: import("vue").ComputedRef<ComponentProps<CircleProps>>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     loading: BooleanConstructor;
     text: StringConstructor;
     background: StringConstructor;
     spinner: StringConstructor;
+    svgViewBox: StringConstructor;
+    type: {
+        type: import("vue").PropType<import("./types").LoadingType>;
+        default: string;
+    };
+    blur: BooleanConstructor;
+    size: import("vue").PropType<import("./types").LoadingSize>;
+    spinnerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    textStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
 }>>, {
+    type: import("./types").LoadingType;
     loading: boolean;
+    blur: boolean;
 }, {}>;
 export default _default;

package/lib/ele-loading/index.js

@@ -1,13 +1,33 @@
 "use strict";
 const vue = require("vue");
 const elementPlus = require("element-plus");
+const receiver = require("../ele-config-provider/receiver");
 const props = require("./props");
 const _sfc_main = vue.defineComponent({
   name: "EleLoading",
   directives: {
     loading: elementPlus.vLoading
   },
-  props: props.loadingProps
+  props: props.loadingProps,
+  setup(props2) {
+    const { authenticated } = receiver.useLicense();
+    const isCircle = vue.computed(() => {
+      return !authenticated.value || props2.type === "circle";
+    });
+    const rootProps = vue.computed(() => {
+      const obj = {
+        class: ["ele-loading", { "ele-loading-show": props2.loading }]
+      };
+      if (isCircle.value) {
+        obj["element-loading-text"] = props2.text;
+        obj["element-loading-background"] = props2.background;
+        obj["element-loading-spinner"] = props2.spinner;
+        obj["element-loading-svg-view-box"] = props2.svgViewBox;
+      }
+      return obj;
+    });
+    return { isCircle, rootProps };
+  }
 });
 const _export_sfc = (sfc, props2) => {
   const target = sfc.__vccOpts || sfc;
@@ -16,17 +36,39 @@ const _export_sfc = (sfc, props2) => {
   }
   return target;
 };
-const _hoisted_1 = ["element-loading-text", "element-loading-background", "element-loading-spinner"];
+const _hoisted_1 = /* @__PURE__ */ vue.createElementVNode("div", { class: "ele-loading-dot" }, [
+  /* @__PURE__ */ vue.createElementVNode("i"),
+  /* @__PURE__ */ vue.createElementVNode("i"),
+  /* @__PURE__ */ vue.createElementVNode("i"),
+  /* @__PURE__ */ vue.createElementVNode("i")
+], -1);
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _directive_loading = vue.resolveDirective("loading");
-  return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
-    "element-loading-text": _ctx.text,
-    "element-loading-background": _ctx.background,
-    "element-loading-spinner": _ctx.spinner
-  }, [
-    vue.renderSlot(_ctx.$slots, "default")
-  ], 8, _hoisted_1)), [
-    [_directive_loading, _ctx.loading]
+  return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", vue.normalizeProps(vue.guardReactiveProps(_ctx.rootProps)), [
+    vue.renderSlot(_ctx.$slots, "default"),
+    !_ctx.isCircle ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+      key: 0,
+      style: vue.normalizeStyle(_ctx.spinnerStyle),
+      class: vue.normalizeClass([
+        "ele-loading-spinner",
+        { "ele-loading-blur": _ctx.blur },
+        { "ele-loading-small": _ctx.size === "small" },
+        { "ele-loading-large": _ctx.size === "large" }
+      ])
+    }, [
+      vue.renderSlot(_ctx.$slots, "spinner", {}, () => [
+        _hoisted_1
+      ]),
+      _ctx.text ? (vue.openBlock(), vue.createElementBlock("div", {
+        key: 0,
+        class: "ele-loading-text",
+        style: vue.normalizeStyle(_ctx.textStyle)
+      }, vue.toDisplayString(_ctx.text), 5)) : vue.createCommentVNode("", true)
+    ], 6)), [
+      [vue.vShow, _ctx.loading]
+    ]) : vue.createCommentVNode("", true)
+  ], 16)), [
+    [_directive_loading, _ctx.isCircle && _ctx.loading]
   ]);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);