ele-admin-plus 1.1.9-beta.1 → 1.1.9-beta.10

package/lib/ele-file-list-tool/index.cjs

@@ -3,11 +3,11 @@ const vue = require("vue");
 const _sfc_main = vue.defineComponent({
   name: "EleFileListTool",
   emits: {
-    click: () => true
+    click: (_e) => true
   },
   setup(_props, { emit }) {
     return {
-      onClick: () => emit("click")
+      onClick: (e) => emit("click", e)
     };
   }
 });

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

@@ -1,8 +1,8 @@
-declare const _default: import("vue").DefineComponent<{}, {
-    onClick: () => void;
+declare const _default: import('vue').DefineComponent<{}, {
+    onClick: (e: MouseEvent) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    click: () => true;
+    click: (_e: MouseEvent) => true;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
-    onClick?: (() => any) | undefined;
+    onClick?: ((_e: MouseEvent) => any) | undefined;
 }, {}, {}>;
 export default _default;

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

@@ -1,6 +1,7 @@
-import type { PropType } from 'vue';
-import type { ElEmptyProps } from '../../ele-app/el';
-declare const _default: import("vue").DefineComponent<{
+import { ElEmptyProps } from '../../ele-app/el';
+import { PropType } from 'vue';
+
+declare const _default: import('vue').DefineComponent<{
     /** 选中的图标 */
     icon: StringConstructor;
     /** 图标数据 */

package/lib/ele-icon-select/index.cjs

@@ -1,25 +1,27 @@
 "use strict";
 const vue = require("vue");
+const elementPlus = require("element-plus");
 const receiver = require("../ele-config-provider/receiver");
 const EleBasicSelect = require("../ele-basic-select/index");
 const util = require("../ele-basic-select/util");
+const icons = require("../icons");
 const IconGrid = require("./components/icon-grid");
 const props = require("./props");
 const _sfc_main = vue.defineComponent({
   name: "EleIconSelect",
-  components: { EleBasicSelect, IconGrid },
+  components: { ElInput: elementPlus.ElInput, EleBasicSelect, IconGrid },
   props: props.iconSelectProps,
   emits: props.iconSelectEmits,
   setup(props2, { emit }) {
     const isResponsive = receiver.useResponsive(props2);
-    const iconState = { keyword: "" };
     const selectRef = vue.ref(null);
     const selectVisible = vue.ref(false);
     const tabs = vue.ref([]);
     const tabActive = vue.ref();
     const menus = vue.ref([]);
     const menuActive = vue.ref();
-    const icons = vue.ref([]);
+    const icons$1 = vue.ref([]);
+    const keywords = vue.ref("");
     const tabBar = vue.computed(() => {
       if (!tabs.value || !tabs.value.length) {
         return false;
@@ -56,7 +58,7 @@ const _sfc_main = vue.defineComponent({
         menus.value = [];
         tabActive.value = void 0;
         menuActive.value = void 0;
-        icons.value = filterData(props2.data);
+        icons$1.value = filterData(props2.data);
         return;
       }
       tabs.value = props2.data.map(
@@ -71,21 +73,22 @@ const _sfc_main = vue.defineComponent({
         if (menuActive.value == null || menuActive.value >= menus.value.length) {
           menuActive.value = 0;
         }
-        icons.value = filterData(data.children[menuActive.value].icons);
+        icons$1.value = filterData(data.children[menuActive.value].icons);
         return;
       }
       menus.value = [];
       menuActive.value = void 0;
-      icons.value = typeof data !== "string" ? filterData(data.icons) : [];
+      icons$1.value = typeof data !== "string" ? filterData(data.icons) : [];
     };
     const filterData = (data) => {
       if (!data) {
         return [];
       }
-      if (!iconState.keyword) {
+      if (!keywords.value) {
         return data;
       }
-      return data.filter((t) => t.toLowerCase().includes(iconState.keyword));
+      const keyword = keywords.value.toLowerCase();
+      return data.filter((t) => t.toLowerCase().includes(keyword));
     };
     const updateVisible = (visible) => {
       if (visible) {
@@ -113,11 +116,13 @@ const _sfc_main = vue.defineComponent({
     const onSelectBlur = (e) => {
       emit("blur", e);
     };
-    const onSelectFilter = (keywords) => {
+    const onSelectFilter = (value) => {
       var _a;
-      iconState.keyword = keywords ? keywords.toLowerCase() : "";
+      if (keywords.value !== value) {
+        keywords.value = value;
+      }
       initData();
-      if (!((_a = props2.data) == null ? void 0 : _a.length) || icons.value.length) {
+      if (!((_a = props2.data) == null ? void 0 : _a.length) || icons$1.value.length) {
         return;
       }
       for (let i = 0; i < props2.data.length; i++) {
@@ -125,17 +130,18 @@ const _sfc_main = vue.defineComponent({
         if (typeof d === "string") {
           return;
         }
+        const keyword = keywords.value.toLowerCase();
         if (d.children != null && d.children.length) {
           for (let j = 0; j < d.children.length; j++) {
             const icons2 = d.children[j].icons;
-            if (icons2 && icons2.some((t) => t.toLowerCase().includes(iconState.keyword))) {
+            if (icons2 && icons2.some((t) => t.toLowerCase().includes(keyword))) {
               menuActive.value = j;
               tabActive.value = i;
               initData();
               return;
             }
           }
-        } else if (d.icons != null && d.icons.some((t) => t.toLowerCase().includes(iconState.keyword))) {
+        } else if (d.icons != null && d.icons.some((t) => t.toLowerCase().includes(keyword))) {
           tabActive.value = i;
           initData();
           return;
@@ -165,13 +171,15 @@ const _sfc_main = vue.defineComponent({
       }
     );
     return {
+      SearchOutlined: icons.SearchOutlined,
       selectRef,
       selectVisible,
       tabs,
       tabActive,
       menus,
       menuActive,
-      icons,
+      icons: icons$1,
+      keywords,
       tabBar,
       selectPopperClass,
       iconPopperStyle,
@@ -198,6 +206,7 @@ const _hoisted_1 = ["onClick"];
 const _hoisted_2 = { class: "ele-icon-select-main" };
 const _hoisted_3 = ["onClick"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ElInput = vue.resolveComponent("ElInput");
   const _component_IconGrid = vue.resolveComponent("IconGrid");
   const _component_EleBasicSelect = vue.resolveComponent("EleBasicSelect");
   return vue.openBlock(), vue.createBlock(_component_EleBasicSelect, {
@@ -209,7 +218,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     clearable: _ctx.clearable,
     placeholder: _ctx.placeholder,
     automaticDropdown: _ctx.automaticDropdown,
-    filterable: _ctx.filterable,
+    filterable: typeof _ctx.filterable === "boolean" ? _ctx.filterable : false,
     teleported: _ctx.teleported,
     persistent: _ctx.persistent,
     placement: _ctx.placement,
@@ -233,7 +242,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         class: "ele-icon-select",
         style: vue.normalizeStyle(_ctx.iconPopperStyle)
       }, [
-        _ctx.tabBar ? (vue.openBlock(), vue.createElementBlock("div", {
+        _ctx.tabBar || _ctx.filterable === "popper" ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
           class: "ele-icon-select-header",
           style: vue.normalizeStyle(_ctx.headerStyle)
@@ -252,6 +261,20 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               }, vue.toDisplayString(t), 11, _hoisted_1);
             }), 128))
           ], 4)) : vue.createCommentVNode("", true),
+          _ctx.filterable === "popper" ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 1,
+            class: "ele-icon-select-search",
+            style: vue.normalizeStyle(_ctx.searchStyle)
+          }, [
+            vue.createVNode(_component_ElInput, {
+              size: "small",
+              clearable: true,
+              modelValue: _ctx.keywords,
+              prefixIcon: _ctx.SearchOutlined,
+              placeholder: _ctx.filterPlaceholder,
+              "onUpdate:modelValue": _ctx.onSelectFilter
+            }, null, 8, ["modelValue", "prefixIcon", "placeholder", "onUpdate:modelValue"])
+          ], 4)) : vue.createCommentVNode("", true),
           vue.renderSlot(_ctx.$slots, "tabRightExtra")
         ], 4)) : vue.createCommentVNode("", true),
         vue.createElementVNode("div", _hoisted_2, [

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

@@ -1,6 +1,7 @@
-import type { EleBasicSelectInstance } from '../ele-app/plus';
-import type { IconItem } from './types';
-declare const _default: import("vue").DefineComponent<{
+import { IconItem } from './types';
+import { EleBasicSelectInstance } from '../ele-app/plus';
+
+declare const _default: import('vue').DefineComponent<{
     modelValue: StringConstructor;
     data: {
         type: import("vue").PropType<string[] | IconItem[]>;
@@ -11,7 +12,7 @@ declare const _default: import("vue").DefineComponent<{
     clearable: BooleanConstructor;
     placeholder: StringConstructor;
     automaticDropdown: BooleanConstructor;
-    filterable: BooleanConstructor;
+    filterable: (BooleanConstructor | StringConstructor)[];
     teleported: {
         type: BooleanConstructor;
         default: boolean;
@@ -20,6 +21,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /** 下拉组件 */
     placement: {
         type: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, import("element-plus").Placement, unknown> | undefined>;
         default: string;
@@ -31,16 +33,16 @@ declare const _default: import("vue").DefineComponent<{
     popperOptions: import("vue").PropType<Partial<import("element-plus").Options> | undefined>;
     popperClass: StringConstructor;
     popperWidth: {
-        type: (StringConstructor | NumberConstructor)[]; /** 是否显示选项卡栏 */
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     popperHeight: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
-    };
+    }; /** 是否显示选项卡栏 */
     selectStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     inputStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
-    hideOnSingleTab: BooleanConstructor; /** 下拉框类名 */
+    hideOnSingleTab: BooleanConstructor;
     emptyProps: import("vue").PropType<import("../ele-app/el").ElEmptyProps>;
     tooltip: {
         type: BooleanConstructor;
@@ -54,11 +56,16 @@ declare const _default: import("vue").DefineComponent<{
     bodyStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     gridStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     itemStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    filterPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
     responsive: {
         type: BooleanConstructor;
         default: null;
     };
 }, {
+    SearchOutlined: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
     selectRef: import("vue").Ref<EleBasicSelectInstance>;
     selectVisible: import("vue").Ref<boolean>;
     tabs: import("vue").Ref<string[]>;
@@ -66,6 +73,7 @@ declare const _default: import("vue").DefineComponent<{
     menus: import("vue").Ref<string[]>;
     menuActive: import("vue").Ref<number | undefined>;
     icons: import("vue").Ref<string[]>;
+    keywords: import("vue").Ref<string>;
     tabBar: import("vue").ComputedRef<boolean>;
     selectPopperClass: import("vue").ComputedRef<string>;
     iconPopperStyle: import("vue").ComputedRef<Partial<import("vue").CSSProperties> | undefined>;
@@ -74,7 +82,7 @@ declare const _default: import("vue").DefineComponent<{
     onSelectClear: () => void;
     onSelectFocus: (e: FocusEvent) => void;
     onSelectBlur: (e: FocusEvent) => void;
-    onSelectFilter: (keywords: string) => void;
+    onSelectFilter: (value: string) => void;
     onTabClick: (index: number) => void;
     onMenuClick: (index: number) => void;
     onIconSelect: (icon: string) => void;
@@ -96,7 +104,7 @@ declare const _default: import("vue").DefineComponent<{
     clearable: BooleanConstructor;
     placeholder: StringConstructor;
     automaticDropdown: BooleanConstructor;
-    filterable: BooleanConstructor;
+    filterable: (BooleanConstructor | StringConstructor)[];
     teleported: {
         type: BooleanConstructor;
         default: boolean;
@@ -105,6 +113,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /** 下拉组件 */
     placement: {
         type: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, import("element-plus").Placement, unknown> | undefined>;
         default: string;
@@ -116,16 +125,16 @@ declare const _default: import("vue").DefineComponent<{
     popperOptions: import("vue").PropType<Partial<import("element-plus").Options> | undefined>;
     popperClass: StringConstructor;
     popperWidth: {
-        type: (StringConstructor | NumberConstructor)[]; /** 是否显示选项卡栏 */
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     popperHeight: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
-    };
+    }; /** 是否显示选项卡栏 */
     selectStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     inputStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
-    hideOnSingleTab: BooleanConstructor; /** 下拉框类名 */
+    hideOnSingleTab: BooleanConstructor;
     emptyProps: import("vue").PropType<import("../ele-app/el").ElEmptyProps>;
     tooltip: {
         type: BooleanConstructor;
@@ -139,6 +148,10 @@ declare const _default: import("vue").DefineComponent<{
     bodyStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     gridStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     itemStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    filterPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
     responsive: {
         type: BooleanConstructor;
         default: null;
@@ -146,8 +159,8 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     onFocus?: ((_e: FocusEvent) => any) | undefined;
     onBlur?: ((_e: FocusEvent) => any) | undefined;
-    "onUpdate:modelValue"?: ((_value?: string | null | undefined) => any) | undefined;
     onChange?: ((_value?: string | null | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((_value?: string | null | undefined) => any) | undefined;
     onClear?: (() => any) | undefined;
     onVisibleChange?: ((_visible: boolean) => any) | undefined;
 }, {
@@ -160,9 +173,9 @@ declare const _default: import("vue").DefineComponent<{
     tooltip: boolean;
     responsive: boolean;
     automaticDropdown: boolean;
-    filterable: boolean;
     popperWidth: string | number;
     popperHeight: string | number;
     hideOnSingleTab: boolean;
+    filterPlaceholder: string;
 }, {}>;
 export default _default;

package/lib/ele-icon-select/props.cjs

@@ -19,7 +19,7 @@ const iconSelectProps = {
   /** 是否在输入框获得焦点后自动弹出选项菜单 */
   automaticDropdown: Boolean,
   /** 是否可以筛选 */
-  filterable: Boolean,
+  filterable: [Boolean, String],
   /** 是否将下拉框插入 body */
   teleported: {
     type: Boolean,
@@ -83,6 +83,11 @@ const iconSelectProps = {
   gridStyle: Object,
   /** 图标样式 */
   itemStyle: Object,
+  /** 搜索框提示文本 */
+  filterPlaceholder: {
+    type: String,
+    default: ""
+  },
   /** 是否开启响应式 */
   responsive: {
     type: Boolean,

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

@@ -1,6 +1,7 @@
-import type { PropType, ExtractPropTypes } from 'vue';
-import type { ElEmptyProps } from '../ele-app/el';
-import type { IconItem } from './types';
+import { IconItem } from './types';
+import { ElEmptyProps } from '../ele-app/el';
+import { PropType, ExtractPropTypes } from 'vue';
+
 /**
  * 属性
  */
@@ -15,7 +16,7 @@ export declare const iconSelectProps: {
     /** 是否禁用 */
     disabled: BooleanConstructor;
     /** 尺寸 */
-    size: PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never> | undefined>;
+    size: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never> | undefined>;
     /** 是否支持清除 */
     clearable: BooleanConstructor;
     /** 无选中时提示文本 */
@@ -23,7 +24,7 @@ export declare const iconSelectProps: {
     /** 是否在输入框获得焦点后自动弹出选项菜单 */
     automaticDropdown: BooleanConstructor;
     /** 是否可以筛选 */
-    filterable: BooleanConstructor;
+    filterable: (BooleanConstructor | StringConstructor)[];
     /** 是否将下拉框插入 body */
     teleported: {
         type: BooleanConstructor;
@@ -36,7 +37,7 @@ export declare const iconSelectProps: {
     };
     /** 下拉框位置 */
     placement: {
-        type: PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, import("element-plus").Placement, unknown> | undefined>;
+        type: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, import("element-plus").Placement, unknown> | undefined>;
         default: string;
     };
     /** 下拉框渐变动画 */
@@ -45,7 +46,7 @@ export declare const iconSelectProps: {
         default: string;
     };
     /** popper.js 参数 */
-    popperOptions: PropType<Partial<import("element-plus").Options> | undefined>;
+    popperOptions: PropType<Partial<import('element-plus').Options> | undefined>;
     /** 下拉框类名 */
     popperClass: StringConstructor;
     /** 下拉框宽度 */
@@ -59,9 +60,9 @@ export declare const iconSelectProps: {
         default: number;
     };
     /** 自定义样式 */
-    selectStyle: PropType<Partial<import("vue").CSSProperties>>;
+    selectStyle: PropType<Partial<import('vue').CSSProperties>>;
     /** 自定义样式 */
-    inputStyle: PropType<Partial<import("vue").CSSProperties>>;
+    inputStyle: PropType<Partial<import('vue').CSSProperties>>;
     /** 顶部选项卡只有一个时隐藏 */
     hideOnSingleTab: BooleanConstructor;
     /** 空组件属性 */
@@ -72,21 +73,26 @@ export declare const iconSelectProps: {
         default: boolean;
     };
     /** 提示属性 */
-    tooltipProps: PropType<Partial<import("../ele-tooltip/props").TooltipProps>>;
+    tooltipProps: PropType<Partial<import('../ele-tooltip/props').TooltipProps>>;
     /** 头部样式 */
-    headerStyle: PropType<Partial<import("vue").CSSProperties>>;
+    headerStyle: PropType<Partial<import('vue').CSSProperties>>;
     /** 选项卡样式 */
-    tabsStyle: PropType<Partial<import("vue").CSSProperties>>;
+    tabsStyle: PropType<Partial<import('vue').CSSProperties>>;
     /** 搜索区样式 */
-    searchStyle: PropType<Partial<import("vue").CSSProperties>>;
+    searchStyle: PropType<Partial<import('vue').CSSProperties>>;
     /** 菜单样式 */
-    menusStyle: PropType<Partial<import("vue").CSSProperties>>;
+    menusStyle: PropType<Partial<import('vue').CSSProperties>>;
     /** 主体样式 */
-    bodyStyle: PropType<Partial<import("vue").CSSProperties>>;
+    bodyStyle: PropType<Partial<import('vue').CSSProperties>>;
     /** 网格样式 */
-    gridStyle: PropType<Partial<import("vue").CSSProperties>>;
+    gridStyle: PropType<Partial<import('vue').CSSProperties>>;
     /** 图标样式 */
-    itemStyle: PropType<Partial<import("vue").CSSProperties>>;
+    itemStyle: PropType<Partial<import('vue').CSSProperties>>;
+    /** 搜索框提示文本 */
+    filterPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
     /** 是否开启响应式 */
     responsive: {
         type: BooleanConstructor;

package/lib/ele-icon-select/style/index.cjs

@@ -1,6 +1,7 @@
 "use strict";
 require("element-plus/lib/components/empty/style/index");
 require("element-plus/lib/components/scrollbar/style/index");
+require("element-plus/lib/components/input/style/index");
 require("../../ele-tooltip/style/index");
 require("../../ele-basic-select/style/index");
 require("./index.scss");

package/lib/ele-icon-select/style/index.scss

@@ -28,7 +28,6 @@
 .ele-icon-select-tabs {
   flex: 1;
   overflow: auto;
-  overflow: overlay;
   display: flex;
   align-items: center;
 
@@ -92,6 +91,22 @@
   }
 }
 
+.ele-icon-select-search {
+  width: 100%;
+  flex-shrink: 0;
+  padding: eleVar('icon', 'search-padding');
+  box-sizing: border-box;
+
+  & > .el-input .el-input__prefix .el-input__icon {
+    font-size: eleVar('icon', 'search-icon-size');
+  }
+}
+
+.ele-icon-select-tabs + .ele-icon-select-search {
+  width: eleVar('icon', 'search-width');
+  padding-left: 12px;
+}
+
 .ele-icon-select-main {
   flex: 1;
   display: flex;
@@ -103,7 +118,6 @@
   width: eleVar('icon', 'menus-width');
   flex-shrink: 0;
   overflow: auto;
-  overflow: overlay;
   padding: eleVar('icon', 'menus-padding');
   box-shadow: -0.8px 0 0 elVar('border-color', 'light') inset;
   box-sizing: border-box;

package/lib/ele-loading/index.cjs

@@ -1,18 +1,16 @@
 "use strict";
 const vue = require("vue");
 const elementPlus = require("element-plus");
-const receiver = require("../ele-config-provider/receiver");
+const ReceiverView = require("../ele-config-provider/components/receiver-view");
 const props = require("./props");
 const _sfc_main = vue.defineComponent({
   name: "EleLoading",
-  directives: {
-    loading: elementPlus.vLoading
-  },
+  directives: { loading: elementPlus.vLoading },
+  components: { ReceiverView },
   props: props.loadingProps,
   setup(props2) {
-    const { authenticated } = receiver.useLicense();
     const isCircle = vue.computed(() => {
-      return !authenticated.value || props2.type === "circle";
+      return props2.type === "circle";
     });
     const rootProps = vue.computed(() => {
       const obj = {
@@ -43,31 +41,35 @@ const _hoisted_1 = /* @__PURE__ */ vue.createElementVNode("div", { class: "ele-l
   /* @__PURE__ */ vue.createElementVNode("i")
 ], -1);
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ReceiverView = vue.resolveComponent("ReceiverView");
   const _directive_loading = vue.resolveDirective("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", {
+  return vue.withDirectives((vue.openBlock(), vue.createBlock(_component_ReceiverView, vue.normalizeProps(vue.guardReactiveProps(_ctx.rootProps)), {
+    default: vue.withCtx(() => [
+      vue.renderSlot(_ctx.$slots, "default"),
+      !_ctx.isCircle ? vue.withDirectives((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)), [
+        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)
+    ]),
+    _: 3
+  }, 16)), [
     [_directive_loading, _ctx.isCircle && _ctx.loading]
   ]);
 }

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

@@ -1,6 +1,7 @@
+import { CircleProps } from './types';
 import { ComponentProps } from '../ele-app/types';
-import type { CircleProps } from './types';
-declare const _default: import("vue").DefineComponent<{
+
+declare const _default: import('vue').DefineComponent<{
     loading: BooleanConstructor;
     text: StringConstructor;
     background: StringConstructor;
@@ -13,7 +14,6 @@ declare const _default: import("vue").DefineComponent<{
     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>;
@@ -31,7 +31,6 @@ declare const _default: import("vue").DefineComponent<{
     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;

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

@@ -1,5 +1,6 @@
-import type { PropType, ExtractPropTypes } from 'vue';
-import type { LoadingType, LoadingSize } from './types';
+import { LoadingType, LoadingSize } from './types';
+import { PropType, ExtractPropTypes } from 'vue';
+
 /**
  * 属性
  */
@@ -24,8 +25,8 @@ export declare const loadingProps: {
     /** 加载器尺寸 */
     size: PropType<LoadingSize>;
     /** 自定义加载器样式 */
-    spinnerStyle: PropType<Partial<import("vue").CSSProperties>>;
+    spinnerStyle: PropType<Partial<import('vue').CSSProperties>>;
     /** 自定义文本样式 */
-    textStyle: PropType<Partial<import("vue").CSSProperties>>;
+    textStyle: PropType<Partial<import('vue').CSSProperties>>;
 };
 export type LoadingProps = ExtractPropTypes<typeof loadingProps>;