element-plus 1.2.0-beta.5 → 1.2.0-beta.6

package/es/components/loading/index.d.ts

@@ -1,19 +1,58 @@
 import type { App } from 'vue';
-declare const ElLoading: {
+export declare const ElLoading: {
     install(app: App): void;
-    directive: {
-        mounted(el: import("./src/directive").ElementLoading, binding: import("vue").DirectiveBinding<any>): void;
-        updated(el: import("./src/directive").ElementLoading, binding: import("vue").DirectiveBinding<any>): void;
-        unmounted(el: import("./src/directive").ElementLoading): void;
+    directive: import("vue").Directive<import("./src/directive").ElementLoading, import("./src/directive").LoadingBinding>;
+    service: (options?: Partial<Omit<import("./src/types").LoadingOptionsResolved, "target" | "parent"> & {
+        target: string | HTMLElement;
+        body: boolean;
+    }>) => {
+        setText: (text: string) => void;
+        close: () => void;
+        handleAfterLeave: () => void;
+        vm: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
+        $el: HTMLElement;
+        originalPosition: import("vue").Ref<string>;
+        originalOverflow: import("vue").Ref<string>;
+        visible: import("vue").Ref<boolean>;
+        parent: import("vue").Ref<import("./src/types").LoadingParentElement>;
+        background: import("vue").Ref<string>;
+        svg: import("vue").Ref<string>;
+        svgViewBox: import("vue").Ref<string>;
+        spinner: import("vue").Ref<string | boolean>;
+        text: import("vue").Ref<string>;
+        fullscreen: import("vue").Ref<boolean>;
+        lock: import("vue").Ref<boolean>;
+        customClass: import("vue").Ref<string>;
+        target: import("vue").Ref<HTMLElement>;
+        beforeClose?: import("vue").Ref<(() => boolean) | undefined> | undefined;
+        closed?: import("vue").Ref<(() => void) | undefined> | undefined;
     };
-    service: (options?: import("./src/loading.type").ILoadingOptions) => import("./src/loading.type").ILoadingInstance;
 };
 export default ElLoading;
-export { ElLoading };
-export declare const ElLoadingDirective: {
-    mounted(el: import("./src/directive").ElementLoading, binding: import("vue").DirectiveBinding<any>): void;
-    updated(el: import("./src/directive").ElementLoading, binding: import("vue").DirectiveBinding<any>): void;
-    unmounted(el: import("./src/directive").ElementLoading): void;
+export declare const ElLoadingDirective: import("vue").Directive<import("./src/directive").ElementLoading, import("./src/directive").LoadingBinding>;
+export declare const ElLoadingService: (options?: Partial<Omit<import("./src/types").LoadingOptionsResolved, "target" | "parent"> & {
+    target: string | HTMLElement;
+    body: boolean;
+}>) => {
+    setText: (text: string) => void;
+    close: () => void;
+    handleAfterLeave: () => void;
+    vm: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
+    $el: HTMLElement;
+    originalPosition: import("vue").Ref<string>;
+    originalOverflow: import("vue").Ref<string>;
+    visible: import("vue").Ref<boolean>;
+    parent: import("vue").Ref<import("./src/types").LoadingParentElement>;
+    background: import("vue").Ref<string>;
+    svg: import("vue").Ref<string>;
+    svgViewBox: import("vue").Ref<string>;
+    spinner: import("vue").Ref<string | boolean>;
+    text: import("vue").Ref<string>;
+    fullscreen: import("vue").Ref<boolean>;
+    lock: import("vue").Ref<boolean>;
+    customClass: import("vue").Ref<string>;
+    target: import("vue").Ref<HTMLElement>;
+    beforeClose?: import("vue").Ref<(() => boolean) | undefined> | undefined;
+    closed?: import("vue").Ref<(() => void) | undefined> | undefined;
 };
-export declare const ElLoadingService: (options?: import("./src/loading.type").ILoadingOptions) => import("./src/loading.type").ILoadingInstance;
-export * from './src/loading.type';
+export * from './src/types';

package/es/components/loading/index.mjs

@@ -1,6 +1,6 @@
-import Loading from './src/index.mjs';
-import vLoading from './src/directive.mjs';
-import './src/loading.type.mjs';
+import { Loading } from './src/service.mjs';
+import { vLoading } from './src/directive.mjs';
+import './src/types.mjs';
 
 const ElLoading = {
   install(app) {

package/es/components/loading/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/loading/index.ts"],"sourcesContent":["import Loading from './src'\nimport vLoading from './src/directive'\n\nimport type { App } from 'vue'\n\n// installer and everything in all\nconst ElLoading = {\n  install(app: App) {\n    app.directive('loading', vLoading)\n    app.config.globalProperties.$loading = Loading\n  },\n  directive: vLoading,\n  service: Loading,\n}\n\nexport default ElLoading\n\nexport { ElLoading }\n\nexport const ElLoadingDirective = vLoading\nexport const ElLoadingService = Loading\n\nexport * from './src/loading.type'\n"],"names":[],"mappings":";;;;MAMM,YAAY;AAAA,EAChB,QAAQ,KAAU;AAChB,QAAI,UAAU,WAAW;AACzB,QAAI,OAAO,iBAAiB,WAAW;AAAA;AAAA,EAEzC,WAAW;AAAA,EACX,SAAS;AAAA;MAOE,qBAAqB;MACrB,mBAAmB;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/loading/index.ts"],"sourcesContent":["import { Loading } from './src/service'\nimport { vLoading } from './src/directive'\n\nimport type { App } from 'vue'\n\n// installer and everything in all\nexport const ElLoading = {\n  install(app: App) {\n    app.directive('loading', vLoading)\n    app.config.globalProperties.$loading = Loading\n  },\n  directive: vLoading,\n  service: Loading,\n}\n\nexport default ElLoading\n\nexport const ElLoadingDirective = vLoading\nexport const ElLoadingService = Loading\n\nexport * from './src/types'\n"],"names":[],"mappings":";;;;MAMa,YAAY;AAAA,EACvB,QAAQ,KAAU;AAChB,QAAI,UAAU,WAAW;AACzB,QAAI,OAAO,iBAAiB,WAAW;AAAA;AAAA,EAEzC,WAAW;AAAA,EACX,SAAS;AAAA;MAKE,qBAAqB;MACrB,mBAAmB;;;;"}

package/es/components/loading/src/directive.d.ts

@@ -1,12 +1,13 @@
-import type { DirectiveBinding } from 'vue';
-import type { ILoadingInstance } from './loading.type';
-declare const INSTANCE_NAME = "ElLoading";
+import type { Directive, UnwrapRef } from 'vue';
+import type { LoadingOptions } from './types';
+import type { LoadingInstance } from './loading';
+declare const INSTANCE_KEY: unique symbol;
+export declare type LoadingBinding = boolean | UnwrapRef<LoadingOptions>;
 export interface ElementLoading extends HTMLElement {
-    [INSTANCE_NAME]?: ILoadingInstance;
+    [INSTANCE_KEY]?: {
+        instance: LoadingInstance;
+        options: LoadingOptions;
+    };
 }
-declare const vLoading: {
-    mounted(el: ElementLoading, binding: DirectiveBinding): void;
-    updated(el: ElementLoading, binding: DirectiveBinding): void;
-    unmounted(el: ElementLoading): void;
-};
-export default vLoading;
+export declare const vLoading: Directive<ElementLoading, LoadingBinding>;
+export {};

package/es/components/loading/src/directive.mjs

@@ -1,27 +1,43 @@
-import Loading from './index.mjs';
+import { ref, isRef } from 'vue';
+import { isObject, isString, hyphenate } from '@vue/shared';
+import { Loading } from './service.mjs';
 
-const INSTANCE_NAME = "ElLoading";
+const INSTANCE_KEY = Symbol("ElLoading");
 const createInstance = (el, binding) => {
-  const textExr = el.getAttribute("element-loading-text");
-  const spinnerExr = el.getAttribute("element-loading-spinner");
-  const svgExr = el.getAttribute("element-loading-svg");
-  const svgViewBoxExr = el.getAttribute("element-loading-svg-view-box");
-  const backgroundExr = el.getAttribute("element-loading-background");
-  const customClassExr = el.getAttribute("element-loading-custom-class");
+  var _a, _b, _c, _d;
   const vm = binding.instance;
-  el[INSTANCE_NAME] = Loading({
-    text: vm && vm[textExr] || textExr,
-    svg: vm && vm[svgExr] || svgExr,
-    svgViewBox: vm && vm[svgViewBoxExr] || svgViewBoxExr,
-    spinner: vm && vm[spinnerExr] || spinnerExr,
-    background: vm && vm[backgroundExr] || backgroundExr,
-    customClass: vm && vm[customClassExr] || customClassExr,
-    fullscreen: !!binding.modifiers.fullscreen,
-    target: binding.modifiers.fullscreen ? null : el,
-    body: !!binding.modifiers.body,
-    visible: true,
-    lock: !!binding.modifiers.lock
-  });
+  const getBindingProp = (key) => isObject(binding.value) ? binding.value[key] : void 0;
+  const resolveExpression = (key) => {
+    const data = isString(key) && (vm == null ? void 0 : vm[key]) || key;
+    if (data)
+      return ref(data);
+    else
+      return data;
+  };
+  const getProp = (name) => resolveExpression(getBindingProp(name) || el.getAttribute(`element-loading-${hyphenate(name)}`));
+  const fullscreen = (_a = getBindingProp("fullscreen")) != null ? _a : binding.modifiers.fullscreen;
+  const options = {
+    text: getProp("text"),
+    svg: getProp("svg"),
+    svgViewBox: getProp("svgViewBox"),
+    spinner: getProp("spinner"),
+    background: getProp("background"),
+    customClass: getProp("customClass"),
+    fullscreen,
+    target: (_b = getBindingProp("target")) != null ? _b : fullscreen ? void 0 : el,
+    body: (_c = getBindingProp("body")) != null ? _c : binding.modifiers.body,
+    lock: (_d = getBindingProp("lock")) != null ? _d : binding.modifiers.lock
+  };
+  el[INSTANCE_KEY] = {
+    options,
+    instance: Loading(options)
+  };
+};
+const updateOptions = (newOptions, originalOptions) => {
+  for (const key of Object.keys(originalOptions)) {
+    if (isRef(originalOptions[key]))
+      originalOptions[key].value = newOptions[key];
+  }
 };
 const vLoading = {
   mounted(el, binding) {
@@ -30,20 +46,23 @@ const vLoading = {
     }
   },
   updated(el, binding) {
-    const instance = el[INSTANCE_NAME];
+    const instance = el[INSTANCE_KEY];
     if (binding.oldValue !== binding.value) {
-      if (binding.value) {
+      if (binding.value && !binding.oldValue) {
         createInstance(el, binding);
+      } else if (binding.value && binding.oldValue) {
+        if (isObject(binding.value))
+          updateOptions(binding.value, instance.options);
       } else {
-        instance == null ? void 0 : instance.close();
+        instance == null ? void 0 : instance.instance.close();
       }
     }
   },
   unmounted(el) {
     var _a;
-    (_a = el[INSTANCE_NAME]) == null ? void 0 : _a.close();
+    (_a = el[INSTANCE_KEY]) == null ? void 0 : _a.instance.close();
   }
 };
 
-export { vLoading as default };
+export { vLoading };
 //# sourceMappingURL=directive.mjs.map

package/es/components/loading/src/directive.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"directive.mjs","sources":["../../../../../../packages/components/loading/src/directive.ts"],"sourcesContent":["import Loading from './index'\n\nimport type { DirectiveBinding } from 'vue'\nimport type { ILoadingInstance } from './loading.type'\n\nconst INSTANCE_NAME = 'ElLoading'\n\nexport interface ElementLoading extends HTMLElement {\n  [INSTANCE_NAME]?: ILoadingInstance\n}\n\nconst createInstance = (el: ElementLoading, binding: DirectiveBinding) => {\n  const textExr = el.getAttribute('element-loading-text')\n  const spinnerExr = el.getAttribute('element-loading-spinner')\n  const svgExr = el.getAttribute('element-loading-svg')\n  const svgViewBoxExr = el.getAttribute('element-loading-svg-view-box')\n  const backgroundExr = el.getAttribute('element-loading-background')\n  const customClassExr = el.getAttribute('element-loading-custom-class')\n  const vm = binding.instance\n  el[INSTANCE_NAME] = Loading({\n    text: (vm && vm[textExr]) || textExr,\n    svg: (vm && vm[svgExr]) || svgExr,\n    svgViewBox: (vm && vm[svgViewBoxExr]) || svgViewBoxExr,\n    spinner: (vm && vm[spinnerExr]) || spinnerExr,\n    background: (vm && vm[backgroundExr]) || backgroundExr,\n    customClass: (vm && vm[customClassExr]) || customClassExr,\n    fullscreen: !!binding.modifiers.fullscreen,\n    target: binding.modifiers.fullscreen ? null : el,\n    body: !!binding.modifiers.body,\n    visible: true,\n    lock: !!binding.modifiers.lock,\n  })\n}\n\nconst vLoading = {\n  mounted(el: ElementLoading, binding: DirectiveBinding) {\n    if (binding.value) {\n      createInstance(el, binding)\n    }\n  },\n  updated(el: ElementLoading, binding: DirectiveBinding) {\n    const instance = el[INSTANCE_NAME]\n    if (binding.oldValue !== binding.value) {\n      if (binding.value) {\n        createInstance(el, binding)\n      } else {\n        instance?.close()\n      }\n    }\n  },\n  unmounted(el: ElementLoading) {\n    el[INSTANCE_NAME]?.close()\n  },\n}\n\nexport default vLoading\n"],"names":[],"mappings":";;AAKA,MAAM,gBAAgB;AAMtB,MAAM,iBAAiB,CAAC,IAAoB,YAA8B;AACxE,QAAM,UAAU,GAAG,aAAa;AAChC,QAAM,aAAa,GAAG,aAAa;AACnC,QAAM,SAAS,GAAG,aAAa;AAC/B,QAAM,gBAAgB,GAAG,aAAa;AACtC,QAAM,gBAAgB,GAAG,aAAa;AACtC,QAAM,iBAAiB,GAAG,aAAa;AACvC,QAAM,KAAK,QAAQ;AACnB,KAAG,iBAAiB,QAAQ;AAAA,IAC1B,MAAO,MAAM,GAAG,YAAa;AAAA,IAC7B,KAAM,MAAM,GAAG,WAAY;AAAA,IAC3B,YAAa,MAAM,GAAG,kBAAmB;AAAA,IACzC,SAAU,MAAM,GAAG,eAAgB;AAAA,IACnC,YAAa,MAAM,GAAG,kBAAmB;AAAA,IACzC,aAAc,MAAM,GAAG,mBAAoB;AAAA,IAC3C,YAAY,CAAC,CAAC,QAAQ,UAAU;AAAA,IAChC,QAAQ,QAAQ,UAAU,aAAa,OAAO;AAAA,IAC9C,MAAM,CAAC,CAAC,QAAQ,UAAU;AAAA,IAC1B,SAAS;AAAA,IACT,MAAM,CAAC,CAAC,QAAQ,UAAU;AAAA;AAAA;MAIxB,WAAW;AAAA,EACf,QAAQ,IAAoB,SAA2B;AACrD,QAAI,QAAQ,OAAO;AACjB,qBAAe,IAAI;AAAA;AAAA;AAAA,EAGvB,QAAQ,IAAoB,SAA2B;AACrD,UAAM,WAAW,GAAG;AACpB,QAAI,QAAQ,aAAa,QAAQ,OAAO;AACtC,UAAI,QAAQ,OAAO;AACjB,uBAAe,IAAI;AAAA,aACd;AACL,6CAAU;AAAA;AAAA;AAAA;AAAA,EAIhB,UAAU,IAAoB;AAlDhC;AAmDI,aAAG,mBAAH,mBAAmB;AAAA;AAAA;;;;"}
+{"version":3,"file":"directive.mjs","sources":["../../../../../../packages/components/loading/src/directive.ts"],"sourcesContent":["import { isRef, ref } from 'vue'\nimport { isObject, isString, hyphenate } from '@vue/shared'\nimport { Loading } from './service'\nimport type { Directive, DirectiveBinding, UnwrapRef } from 'vue'\nimport type { LoadingOptions } from './types'\nimport type { LoadingInstance } from './loading'\n\nconst INSTANCE_KEY = Symbol('ElLoading')\n\nexport type LoadingBinding = boolean | UnwrapRef<LoadingOptions>\nexport interface ElementLoading extends HTMLElement {\n  [INSTANCE_KEY]?: {\n    instance: LoadingInstance\n    options: LoadingOptions\n  }\n}\n\nconst createInstance = (\n  el: ElementLoading,\n  binding: DirectiveBinding<LoadingBinding>\n) => {\n  const vm = binding.instance\n\n  const getBindingProp = <K extends keyof LoadingOptions>(\n    key: K\n  ): LoadingOptions[K] =>\n    isObject(binding.value) ? binding.value[key] : undefined\n\n  const resolveExpression = (key: any) => {\n    const data = (isString(key) && vm?.[key]) || key\n    if (data) return ref(data)\n    else return data\n  }\n\n  const getProp = <K extends keyof LoadingOptions>(name: K) =>\n    resolveExpression(\n      getBindingProp(name) ||\n        el.getAttribute(`element-loading-${hyphenate(name)}`)\n    )\n\n  const fullscreen =\n    getBindingProp('fullscreen') ?? binding.modifiers.fullscreen\n\n  const options: LoadingOptions = {\n    text: getProp('text'),\n    svg: getProp('svg'),\n    svgViewBox: getProp('svgViewBox'),\n    spinner: getProp('spinner'),\n    background: getProp('background'),\n    customClass: getProp('customClass'),\n    fullscreen,\n    target: getBindingProp('target') ?? (fullscreen ? undefined : el),\n    body: getBindingProp('body') ?? binding.modifiers.body,\n    lock: getBindingProp('lock') ?? binding.modifiers.lock,\n  }\n  el[INSTANCE_KEY] = {\n    options,\n    instance: Loading(options),\n  }\n}\n\nconst updateOptions = (\n  newOptions: UnwrapRef<LoadingOptions>,\n  originalOptions: LoadingOptions\n) => {\n  for (const key of Object.keys(originalOptions)) {\n    if (isRef(originalOptions[key]))\n      originalOptions[key].value = newOptions[key]\n  }\n}\n\nexport const vLoading: Directive<ElementLoading, LoadingBinding> = {\n  mounted(el, binding) {\n    if (binding.value) {\n      createInstance(el, binding)\n    }\n  },\n  updated(el, binding) {\n    const instance = el[INSTANCE_KEY]\n    if (binding.oldValue !== binding.value) {\n      if (binding.value && !binding.oldValue) {\n        createInstance(el, binding)\n      } else if (binding.value && binding.oldValue) {\n        if (isObject(binding.value))\n          updateOptions(binding.value, instance!.options)\n      } else {\n        instance?.instance.close()\n      }\n    }\n  },\n  unmounted(el) {\n    el[INSTANCE_KEY]?.instance.close()\n  },\n}\n"],"names":[],"mappings":";;;;AAOA,MAAM,eAAe,OAAO;AAU5B,MAAM,iBAAiB,CACrB,IACA,YACG;AApBL;AAqBE,QAAM,KAAK,QAAQ;AAEnB,QAAM,iBAAiB,CACrB,QAEA,SAAS,QAAQ,SAAS,QAAQ,MAAM,OAAO;AAEjD,QAAM,oBAAoB,CAAC,QAAa;AACtC,UAAM,OAAQ,SAAS,kCAAa,SAAS;AAC7C,QAAI;AAAM,aAAO,IAAI;AAAA;AAChB,aAAO;AAAA;AAGd,QAAM,UAAU,CAAiC,SAC/C,kBACE,eAAe,SACb,GAAG,aAAa,mBAAmB,UAAU;AAGnD,QAAM,aACJ,qBAAe,kBAAf,YAAgC,QAAQ,UAAU;AAEpD,QAAM,UAA0B;AAAA,IAC9B,MAAM,QAAQ;AAAA,IACd,KAAK,QAAQ;AAAA,IACb,YAAY,QAAQ;AAAA,IACpB,SAAS,QAAQ;AAAA,IACjB,YAAY,QAAQ;AAAA,IACpB,aAAa,QAAQ;AAAA,IACrB;AAAA,IACA,QAAQ,qBAAe,cAAf,YAA6B,aAAa,SAAY;AAAA,IAC9D,MAAM,qBAAe,YAAf,YAA0B,QAAQ,UAAU;AAAA,IAClD,MAAM,qBAAe,YAAf,YAA0B,QAAQ,UAAU;AAAA;AAEpD,KAAG,gBAAgB;AAAA,IACjB;AAAA,IACA,UAAU,QAAQ;AAAA;AAAA;AAItB,MAAM,gBAAgB,CACpB,YACA,oBACG;AACH,aAAW,OAAO,OAAO,KAAK,kBAAkB;AAC9C,QAAI,MAAM,gBAAgB;AACxB,sBAAgB,KAAK,QAAQ,WAAW;AAAA;AAAA;MAIjC,WAAsD;AAAA,EACjE,QAAQ,IAAI,SAAS;AACnB,QAAI,QAAQ,OAAO;AACjB,qBAAe,IAAI;AAAA;AAAA;AAAA,EAGvB,QAAQ,IAAI,SAAS;AACnB,UAAM,WAAW,GAAG;AACpB,QAAI,QAAQ,aAAa,QAAQ,OAAO;AACtC,UAAI,QAAQ,SAAS,CAAC,QAAQ,UAAU;AACtC,uBAAe,IAAI;AAAA,iBACV,QAAQ,SAAS,QAAQ,UAAU;AAC5C,YAAI,SAAS,QAAQ;AACnB,wBAAc,QAAQ,OAAO,SAAU;AAAA,aACpC;AACL,6CAAU,SAAS;AAAA;AAAA;AAAA;AAAA,EAIzB,UAAU,IAAI;AA1FhB;AA2FI,aAAG,kBAAH,mBAAkB,SAAS;AAAA;AAAA;;;;"}

package/es/components/loading/src/loading.d.ts

@@ -0,0 +1,24 @@
+import type { LoadingOptionsResolved } from './types';
+export declare function createLoadingComponent(options: LoadingOptionsResolved): {
+    setText: (text: string) => void;
+    close: () => void;
+    handleAfterLeave: () => void;
+    vm: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
+    $el: HTMLElement;
+    originalPosition: import("vue").Ref<string>;
+    originalOverflow: import("vue").Ref<string>;
+    visible: import("vue").Ref<boolean>;
+    parent: import("vue").Ref<import("./types").LoadingParentElement>;
+    background: import("vue").Ref<string>;
+    svg: import("vue").Ref<string>;
+    svgViewBox: import("vue").Ref<string>;
+    spinner: import("vue").Ref<string | boolean>;
+    text: import("vue").Ref<string>;
+    fullscreen: import("vue").Ref<boolean>;
+    lock: import("vue").Ref<boolean>;
+    customClass: import("vue").Ref<string>;
+    target: import("vue").Ref<HTMLElement>;
+    beforeClose?: import("vue").Ref<(() => boolean) | undefined> | undefined;
+    closed?: import("vue").Ref<(() => void) | undefined> | undefined;
+};
+export declare type LoadingInstance = ReturnType<typeof createLoadingComponent>;

package/es/components/loading/src/loading.mjs

@@ -0,0 +1,112 @@
+import { ref, reactive, h, Transition, withCtx, withDirectives, createVNode, vShow, createApp, toRefs } from 'vue';
+import { removeClass } from '../../../utils/dom.mjs';
+
+function createLoadingComponent(options) {
+  let afterLeaveTimer;
+  const afterLeaveFlag = ref(false);
+  const data = reactive({
+    ...options,
+    originalPosition: "",
+    originalOverflow: "",
+    visible: false
+  });
+  function setText(text) {
+    data.text = text;
+  }
+  function destroySelf() {
+    var _a, _b;
+    const target = data.parent;
+    if (!target.vLoadingAddClassList) {
+      let loadingNumber = target.getAttribute("loading-number");
+      loadingNumber = Number.parseInt(loadingNumber) - 1;
+      if (!loadingNumber) {
+        removeClass(target, "el-loading-parent--relative");
+        target.removeAttribute("loading-number");
+      } else {
+        target.setAttribute("loading-number", loadingNumber.toString());
+      }
+      removeClass(target, "el-loading-parent--hidden");
+    }
+    (_b = (_a = vm.$el) == null ? void 0 : _a.parentNode) == null ? void 0 : _b.removeChild(vm.$el);
+  }
+  function close() {
+    var _a;
+    if (options.beforeClose && !options.beforeClose())
+      return;
+    const target = data.parent;
+    target.vLoadingAddClassList = void 0;
+    afterLeaveFlag.value = true;
+    clearTimeout(afterLeaveTimer);
+    afterLeaveTimer = window.setTimeout(() => {
+      if (afterLeaveFlag.value) {
+        afterLeaveFlag.value = false;
+        destroySelf();
+      }
+    }, 400);
+    data.visible = false;
+    (_a = options.closed) == null ? void 0 : _a.call(options);
+  }
+  function handleAfterLeave() {
+    if (!afterLeaveFlag.value)
+      return;
+    afterLeaveFlag.value = false;
+    destroySelf();
+  }
+  const elLoadingComponent = {
+    name: "ElLoading",
+    setup() {
+      return () => {
+        const svg = data.spinner || data.svg;
+        const spinner = h("svg", {
+          class: "circular",
+          viewBox: data.svgViewBox ? data.svgViewBox : "25 25 50 50",
+          ...svg ? { innerHTML: svg } : {}
+        }, [
+          h("circle", {
+            class: "path",
+            cx: "50",
+            cy: "50",
+            r: "20",
+            fill: "none"
+          })
+        ]);
+        const spinnerText = data.text ? h("p", { class: "el-loading-text" }, [data.text]) : void 0;
+        return h(Transition, {
+          name: "el-loading-fade",
+          onAfterLeave: handleAfterLeave
+        }, {
+          default: withCtx(() => [
+            withDirectives(createVNode("div", {
+              style: {
+                backgroundColor: data.background || ""
+              },
+              class: [
+                "el-loading-mask",
+                data.customClass,
+                data.fullscreen ? "is-fullscreen" : ""
+              ]
+            }, [
+              h("div", {
+                class: "el-loading-spinner"
+              }, [spinner, spinnerText])
+            ]), [[vShow, data.visible]])
+          ])
+        });
+      };
+    }
+  };
+  const vm = createApp(elLoadingComponent).mount(document.createElement("div"));
+  return {
+    ...toRefs(data),
+    setText,
+    close,
+    handleAfterLeave,
+    vm,
+    get $el() {
+      return vm.$el;
+    }
+  };
+}
+
+export { createLoadingComponent };
+//# sourceMappingURL=loading.mjs.map

package/es/components/loading/src/loading.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading.mjs","sources":["../../../../../../packages/components/loading/src/loading.ts"],"sourcesContent":["import {\n  createApp,\n  h,\n  reactive,\n  ref,\n  createVNode,\n  toRefs,\n  Transition,\n  vShow,\n  withCtx,\n  withDirectives,\n} from 'vue'\nimport { removeClass } from '@element-plus/utils/dom'\n\nimport type { LoadingOptionsResolved } from './types'\n\nexport function createLoadingComponent(options: LoadingOptionsResolved) {\n  let afterLeaveTimer: number\n\n  const afterLeaveFlag = ref(false)\n  const data = reactive({\n    ...options,\n    originalPosition: '',\n    originalOverflow: '',\n    visible: false,\n  })\n\n  function setText(text: string) {\n    data.text = text\n  }\n\n  function destroySelf() {\n    const target = data.parent\n    if (!target.vLoadingAddClassList) {\n      let loadingNumber: number | string | null =\n        target.getAttribute('loading-number')\n      loadingNumber = Number.parseInt(loadingNumber as any) - 1\n      if (!loadingNumber) {\n        removeClass(target, 'el-loading-parent--relative')\n        target.removeAttribute('loading-number')\n      } else {\n        target.setAttribute('loading-number', loadingNumber.toString())\n      }\n      removeClass(target, 'el-loading-parent--hidden')\n    }\n    vm.$el?.parentNode?.removeChild(vm.$el)\n  }\n\n  function close() {\n    if (options.beforeClose && !options.beforeClose()) return\n\n    const target = data.parent\n    target.vLoadingAddClassList = undefined\n    afterLeaveFlag.value = true\n    clearTimeout(afterLeaveTimer)\n\n    afterLeaveTimer = window.setTimeout(() => {\n      if (afterLeaveFlag.value) {\n        afterLeaveFlag.value = false\n        destroySelf()\n      }\n    }, 400)\n    data.visible = false\n\n    options.closed?.()\n  }\n\n  function handleAfterLeave() {\n    if (!afterLeaveFlag.value) return\n    afterLeaveFlag.value = false\n    destroySelf()\n  }\n\n  const elLoadingComponent = {\n    name: 'ElLoading',\n    setup() {\n      return () => {\n        const svg = data.spinner || data.svg\n        const spinner = h(\n          'svg',\n          {\n            class: 'circular',\n            viewBox: data.svgViewBox ? data.svgViewBox : '25 25 50 50',\n            ...(svg ? { innerHTML: svg } : {}),\n          },\n          [\n            h('circle', {\n              class: 'path',\n              cx: '50',\n              cy: '50',\n              r: '20',\n              fill: 'none',\n            }),\n          ]\n        )\n\n        const spinnerText = data.text\n          ? h('p', { class: 'el-loading-text' }, [data.text])\n          : undefined\n\n        return h(\n          Transition,\n          {\n            name: 'el-loading-fade',\n            onAfterLeave: handleAfterLeave,\n          },\n          {\n            default: withCtx(() => [\n              withDirectives(\n                createVNode(\n                  'div',\n                  {\n                    style: {\n                      backgroundColor: data.background || '',\n                    },\n                    class: [\n                      'el-loading-mask',\n                      data.customClass,\n                      data.fullscreen ? 'is-fullscreen' : '',\n                    ],\n                  },\n                  [\n                    h(\n                      'div',\n                      {\n                        class: 'el-loading-spinner',\n                      },\n                      [spinner, spinnerText]\n                    ),\n                  ]\n                ),\n                [[vShow, data.visible]]\n              ),\n            ]),\n          }\n        )\n      }\n    },\n  }\n\n  const vm = createApp(elLoadingComponent).mount(document.createElement('div'))\n\n  return {\n    ...toRefs(data),\n    setText,\n    close,\n    handleAfterLeave,\n    vm,\n    get $el(): HTMLElement {\n      return vm.$el\n    },\n  }\n}\n\nexport type LoadingInstance = ReturnType<typeof createLoadingComponent>\n"],"names":[],"mappings":";;;gCAgBuC,SAAiC;AACtE,MAAI;AAEJ,QAAM,iBAAiB,IAAI;AAC3B,QAAM,OAAO,SAAS;AAAA,OACjB;AAAA,IACH,kBAAkB;AAAA,IAClB,kBAAkB;AAAA,IAClB,SAAS;AAAA;AAGX,mBAAiB,MAAc;AAC7B,SAAK,OAAO;AAAA;AAGd,yBAAuB;AA/BzB;AAgCI,UAAM,SAAS,KAAK;AACpB,QAAI,CAAC,OAAO,sBAAsB;AAChC,UAAI,gBACF,OAAO,aAAa;AACtB,sBAAgB,OAAO,SAAS,iBAAwB;AACxD,UAAI,CAAC,eAAe;AAClB,oBAAY,QAAQ;AACpB,eAAO,gBAAgB;AAAA,aAClB;AACL,eAAO,aAAa,kBAAkB,cAAc;AAAA;AAEtD,kBAAY,QAAQ;AAAA;AAEtB,mBAAG,QAAH,mBAAQ,eAAR,mBAAoB,YAAY,GAAG;AAAA;AAGrC,mBAAiB;AAhDnB;AAiDI,QAAI,QAAQ,eAAe,CAAC,QAAQ;AAAe;AAEnD,UAAM,SAAS,KAAK;AACpB,WAAO,uBAAuB;AAC9B,mBAAe,QAAQ;AACvB,iBAAa;AAEb,sBAAkB,OAAO,WAAW,MAAM;AACxC,UAAI,eAAe,OAAO;AACxB,uBAAe,QAAQ;AACvB;AAAA;AAAA,OAED;AACH,SAAK,UAAU;AAEf,kBAAQ,WAAR;AAAA;AAGF,8BAA4B;AAC1B,QAAI,CAAC,eAAe;AAAO;AAC3B,mBAAe,QAAQ;AACvB;AAAA;AAGF,QAAM,qBAAqB;AAAA,IACzB,MAAM;AAAA,IACN,QAAQ;AACN,aAAO,MAAM;AACX,cAAM,MAAM,KAAK,WAAW,KAAK;AACjC,cAAM,UAAU,EACd,OACA;AAAA,UACE,OAAO;AAAA,UACP,SAAS,KAAK,aAAa,KAAK,aAAa;AAAA,aACzC,MAAM,EAAE,WAAW,QAAQ;AAAA,WAEjC;AAAA,UACE,EAAE,UAAU;AAAA,YACV,OAAO;AAAA,YACP,IAAI;AAAA,YACJ,IAAI;AAAA,YACJ,GAAG;AAAA,YACH,MAAM;AAAA;AAAA;AAKZ,cAAM,cAAc,KAAK,OACrB,EAAE,KAAK,EAAE,OAAO,qBAAqB,CAAC,KAAK,SAC3C;AAEJ,eAAO,EACL,YACA;AAAA,UACE,MAAM;AAAA,UACN,cAAc;AAAA,WAEhB;AAAA,UACE,SAAS,QAAQ,MAAM;AAAA,YACrB,eACE,YACE,OACA;AAAA,cACE,OAAO;AAAA,gBACL,iBAAiB,KAAK,cAAc;AAAA;AAAA,cAEtC,OAAO;AAAA,gBACL;AAAA,gBACA,KAAK;AAAA,gBACL,KAAK,aAAa,kBAAkB;AAAA;AAAA,eAGxC;AAAA,cACE,EACE,OACA;AAAA,gBACE,OAAO;AAAA,iBAET,CAAC,SAAS;AAAA,gBAIhB,CAAC,CAAC,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAS5B,QAAM,KAAK,UAAU,oBAAoB,MAAM,SAAS,cAAc;AAEtE,SAAO;AAAA,OACF,OAAO;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,QACI,MAAmB;AACrB,aAAO,GAAG;AAAA;AAAA;AAAA;;;;"}

package/es/components/loading/src/service.d.ts

@@ -0,0 +1,3 @@
+import type { LoadingInstance } from './loading';
+import type { LoadingOptions } from './types';
+export declare const Loading: (options?: LoadingOptions) => LoadingInstance;

package/es/components/loading/src/service.mjs

@@ -0,0 +1,101 @@
+import { nextTick } from 'vue';
+import { isString } from '@vue/shared';
+import { isClient } from '@vueuse/core';
+import { getStyle, addClass, removeClass } from '../../../utils/dom.mjs';
+import PopupManager from '../../../utils/popup-manager.mjs';
+import { createLoadingComponent } from './loading.mjs';
+
+let fullscreenInstance = void 0;
+const Loading = function(options = {}) {
+  if (!isClient)
+    return void 0;
+  const resolved = resolveOptions(options);
+  if (resolved.fullscreen && fullscreenInstance) {
+    fullscreenInstance.close();
+  }
+  const instance = createLoadingComponent({
+    ...resolved,
+    closed: () => {
+      var _a;
+      (_a = resolved.closed) == null ? void 0 : _a.call(resolved);
+      if (resolved.fullscreen)
+        fullscreenInstance = void 0;
+    }
+  });
+  addStyle(resolved, resolved.parent, instance);
+  addClassList(resolved, resolved.parent, instance);
+  resolved.parent.vLoadingAddClassList = () => addClassList(resolved, resolved.parent, instance);
+  let loadingNumber = resolved.parent.getAttribute("loading-number");
+  if (!loadingNumber) {
+    loadingNumber = "1";
+  } else {
+    loadingNumber = `${Number.parseInt(loadingNumber) + 1}`;
+  }
+  resolved.parent.setAttribute("loading-number", loadingNumber);
+  resolved.parent.appendChild(instance.$el);
+  nextTick(() => instance.visible.value = resolved.visible);
+  if (resolved.fullscreen) {
+    fullscreenInstance = instance;
+  }
+  return instance;
+};
+const resolveOptions = (options) => {
+  var _a, _b, _c, _d;
+  let target;
+  if (isString(options.target)) {
+    target = (_a = document.querySelector(options.target)) != null ? _a : document.body;
+  } else {
+    target = options.target || document.body;
+  }
+  return {
+    parent: target === document.body || options.body ? document.body : target,
+    background: options.background || "",
+    svg: options.svg || "",
+    svgViewBox: options.svgViewBox || "",
+    spinner: options.spinner || false,
+    text: options.text || "",
+    fullscreen: target === document.body && ((_b = options.fullscreen) != null ? _b : true),
+    lock: (_c = options.lock) != null ? _c : false,
+    customClass: options.customClass || "",
+    visible: (_d = options.visible) != null ? _d : true,
+    target
+  };
+};
+const addStyle = async (options, parent, instance) => {
+  const maskStyle = {};
+  if (options.fullscreen) {
+    instance.originalPosition.value = getStyle(document.body, "position");
+    instance.originalOverflow.value = getStyle(document.body, "overflow");
+    maskStyle.zIndex = PopupManager.nextZIndex();
+  } else if (options.parent === document.body) {
+    instance.originalPosition.value = getStyle(document.body, "position");
+    await nextTick();
+    for (const property of ["top", "left"]) {
+      const scroll = property === "top" ? "scrollTop" : "scrollLeft";
+      maskStyle[property] = `${options.target.getBoundingClientRect()[property] + document.body[scroll] + document.documentElement[scroll] - parseInt(getStyle(document.body, `margin-${property}`), 10)}px`;
+    }
+    for (const property of ["height", "width"]) {
+      maskStyle[property] = `${options.target.getBoundingClientRect()[property]}px`;
+    }
+  } else {
+    instance.originalPosition.value = getStyle(parent, "position");
+  }
+  for (const [key, value] of Object.entries(maskStyle)) {
+    instance.$el.style[key] = value;
+  }
+};
+const addClassList = (options, parent, instance) => {
+  if (instance.originalPosition.value !== "absolute" && instance.originalPosition.value !== "fixed") {
+    addClass(parent, "el-loading-parent--relative");
+  } else {
+    removeClass(parent, "el-loading-parent--relative");
+  }
+  if (options.fullscreen && options.lock) {
+    addClass(parent, "el-loading-parent--hidden");
+  } else {
+    removeClass(parent, "el-loading-parent--hidden");
+  }
+};
+
+export { Loading };
+//# sourceMappingURL=service.mjs.map

package/es/components/loading/src/service.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"service.mjs","sources":["../../../../../../packages/components/loading/src/service.ts"],"sourcesContent":["import { nextTick } from 'vue'\nimport { isString } from '@vue/shared'\nimport { isClient } from '@vueuse/core'\nimport { addClass, getStyle, removeClass } from '@element-plus/utils/dom'\nimport PopupManager from '@element-plus/utils/popup-manager'\nimport { createLoadingComponent } from './loading'\nimport type { LoadingInstance } from './loading'\nimport type { LoadingOptionsResolved } from '..'\nimport type { LoadingOptions } from './types'\nimport type { CSSProperties } from 'vue'\n\nlet fullscreenInstance: LoadingInstance | undefined = undefined\n\nexport const Loading = function (\n  options: LoadingOptions = {}\n): LoadingInstance {\n  if (!isClient) return undefined as any\n\n  const resolved = resolveOptions(options)\n\n  if (resolved.fullscreen && fullscreenInstance) {\n    fullscreenInstance.close()\n  }\n\n  const instance = createLoadingComponent({\n    ...resolved,\n    closed: () => {\n      resolved.closed?.()\n      if (resolved.fullscreen) fullscreenInstance = undefined\n    },\n  })\n\n  addStyle(resolved, resolved.parent, instance)\n  addClassList(resolved, resolved.parent, instance)\n\n  resolved.parent.vLoadingAddClassList = () =>\n    addClassList(resolved, resolved.parent, instance)\n\n  /**\n   * add loading-number to parent.\n   * because if a fullscreen loading is triggered when somewhere\n   * a v-loading.body was triggered before and it's parent is\n   * document.body which with a margin , the fullscreen loading's\n   * destroySelf function will remove 'el-loading-parent--relative',\n   * and then the position of v-loading.body will be error.\n   */\n  let loadingNumber: string | null =\n    resolved.parent.getAttribute('loading-number')\n  if (!loadingNumber) {\n    loadingNumber = '1'\n  } else {\n    loadingNumber = `${Number.parseInt(loadingNumber) + 1}`\n  }\n  resolved.parent.setAttribute('loading-number', loadingNumber)\n\n  resolved.parent.appendChild(instance.$el)\n\n  // after instance render, then modify visible to trigger transition\n  nextTick(() => (instance.visible.value = resolved.visible))\n\n  if (resolved.fullscreen) {\n    fullscreenInstance = instance\n  }\n  return instance\n}\n\nconst resolveOptions = (options: LoadingOptions): LoadingOptionsResolved => {\n  let target: HTMLElement\n  if (isString(options.target)) {\n    target =\n      document.querySelector<HTMLElement>(options.target) ?? document.body\n  } else {\n    target = options.target || document.body\n  }\n  return {\n    parent: target === document.body || options.body ? document.body : target,\n    background: options.background || '',\n    svg: options.svg || '',\n    svgViewBox: options.svgViewBox || '',\n    spinner: options.spinner || false,\n    text: options.text || '',\n    fullscreen: target === document.body && (options.fullscreen ?? true),\n    lock: options.lock ?? false,\n    customClass: options.customClass || '',\n    visible: options.visible ?? true,\n    target,\n  }\n}\n\nconst addStyle = async (\n  options: LoadingOptionsResolved,\n  parent: HTMLElement,\n  instance: LoadingInstance\n) => {\n  const maskStyle: CSSProperties = {}\n  if (options.fullscreen) {\n    instance.originalPosition.value = getStyle(document.body, 'position')\n    instance.originalOverflow.value = getStyle(document.body, 'overflow')\n    maskStyle.zIndex = PopupManager.nextZIndex()\n  } else if (options.parent === document.body) {\n    instance.originalPosition.value = getStyle(document.body, 'position')\n    /**\n     * await dom render when visible is true in init,\n     * because some component's height maybe 0.\n     * e.g. el-table.\n     */\n    await nextTick()\n    for (const property of ['top', 'left']) {\n      const scroll = property === 'top' ? 'scrollTop' : 'scrollLeft'\n      maskStyle[property] = `${\n        (options.target as HTMLElement).getBoundingClientRect()[property] +\n        document.body[scroll] +\n        document.documentElement[scroll] -\n        parseInt(getStyle(document.body, `margin-${property}`), 10)\n      }px`\n    }\n    for (const property of ['height', 'width']) {\n      maskStyle[property] = `${\n        (options.target as HTMLElement).getBoundingClientRect()[property]\n      }px`\n    }\n  } else {\n    instance.originalPosition.value = getStyle(parent, 'position')\n  }\n  for (const [key, value] of Object.entries(maskStyle)) {\n    instance.$el.style[key] = value\n  }\n}\n\nconst addClassList = (\n  options: LoadingOptions,\n  parent: HTMLElement,\n  instance: LoadingInstance\n) => {\n  if (\n    instance.originalPosition.value !== 'absolute' &&\n    instance.originalPosition.value !== 'fixed'\n  ) {\n    addClass(parent, 'el-loading-parent--relative')\n  } else {\n    removeClass(parent, 'el-loading-parent--relative')\n  }\n  if (options.fullscreen && options.lock) {\n    addClass(parent, 'el-loading-parent--hidden')\n  } else {\n    removeClass(parent, 'el-loading-parent--hidden')\n  }\n}\n"],"names":[],"mappings":";;;;;;;AAWA,IAAI,qBAAkD;MAEzC,UAAU,SACrB,UAA0B,IACT;AACjB,MAAI,CAAC;AAAU,WAAO;AAEtB,QAAM,WAAW,eAAe;AAEhC,MAAI,SAAS,cAAc,oBAAoB;AAC7C,uBAAmB;AAAA;AAGrB,QAAM,WAAW,uBAAuB;AAAA,OACnC;AAAA,IACH,QAAQ,MAAM;AA1BlB;AA2BM,qBAAS,WAAT;AACA,UAAI,SAAS;AAAY,6BAAqB;AAAA;AAAA;AAIlD,WAAS,UAAU,SAAS,QAAQ;AACpC,eAAa,UAAU,SAAS,QAAQ;AAExC,WAAS,OAAO,uBAAuB,MACrC,aAAa,UAAU,SAAS,QAAQ;AAU1C,MAAI,gBACF,SAAS,OAAO,aAAa;AAC/B,MAAI,CAAC,eAAe;AAClB,oBAAgB;AAAA,SACX;AACL,oBAAgB,GAAG,OAAO,SAAS,iBAAiB;AAAA;AAEtD,WAAS,OAAO,aAAa,kBAAkB;AAE/C,WAAS,OAAO,YAAY,SAAS;AAGrC,WAAS,MAAO,SAAS,QAAQ,QAAQ,SAAS;AAElD,MAAI,SAAS,YAAY;AACvB,yBAAqB;AAAA;AAEvB,SAAO;AAAA;AAGT,MAAM,iBAAiB,CAAC,YAAoD;AAlE5E;AAmEE,MAAI;AACJ,MAAI,SAAS,QAAQ,SAAS;AAC5B,aACE,eAAS,cAA2B,QAAQ,YAA5C,YAAuD,SAAS;AAAA,SAC7D;AACL,aAAS,QAAQ,UAAU,SAAS;AAAA;AAEtC,SAAO;AAAA,IACL,QAAQ,WAAW,SAAS,QAAQ,QAAQ,OAAO,SAAS,OAAO;AAAA,IACnE,YAAY,QAAQ,cAAc;AAAA,IAClC,KAAK,QAAQ,OAAO;AAAA,IACpB,YAAY,QAAQ,cAAc;AAAA,IAClC,SAAS,QAAQ,WAAW;AAAA,IAC5B,MAAM,QAAQ,QAAQ;AAAA,IACtB,YAAY,WAAW,SAAS,uBAAiB,eAAR,YAAsB;AAAA,IAC/D,MAAM,cAAQ,SAAR,YAAgB;AAAA,IACtB,aAAa,QAAQ,eAAe;AAAA,IACpC,SAAS,cAAQ,YAAR,YAAmB;AAAA,IAC5B;AAAA;AAAA;AAIJ,MAAM,WAAW,OACf,SACA,QACA,aACG;AACH,QAAM,YAA2B;AACjC,MAAI,QAAQ,YAAY;AACtB,aAAS,iBAAiB,QAAQ,SAAS,SAAS,MAAM;AAC1D,aAAS,iBAAiB,QAAQ,SAAS,SAAS,MAAM;AAC1D,cAAU,SAAS,aAAa;AAAA,aACvB,QAAQ,WAAW,SAAS,MAAM;AAC3C,aAAS,iBAAiB,QAAQ,SAAS,SAAS,MAAM;AAM1D,UAAM;AACN,eAAW,YAAY,CAAC,OAAO,SAAS;AACtC,YAAM,SAAS,aAAa,QAAQ,cAAc;AAClD,gBAAU,YAAY,GACnB,QAAQ,OAAuB,wBAAwB,YACxD,SAAS,KAAK,UACd,SAAS,gBAAgB,UACzB,SAAS,SAAS,SAAS,MAAM,UAAU,aAAa;AAAA;AAG5D,eAAW,YAAY,CAAC,UAAU,UAAU;AAC1C,gBAAU,YAAY,GACnB,QAAQ,OAAuB,wBAAwB;AAAA;AAAA,SAGvD;AACL,aAAS,iBAAiB,QAAQ,SAAS,QAAQ;AAAA;AAErD,aAAW,CAAC,KAAK,UAAU,OAAO,QAAQ,YAAY;AACpD,aAAS,IAAI,MAAM,OAAO;AAAA;AAAA;AAI9B,MAAM,eAAe,CACnB,SACA,QACA,aACG;AACH,MACE,SAAS,iBAAiB,UAAU,cACpC,SAAS,iBAAiB,UAAU,SACpC;AACA,aAAS,QAAQ;AAAA,SACZ;AACL,gBAAY,QAAQ;AAAA;AAEtB,MAAI,QAAQ,cAAc,QAAQ,MAAM;AACtC,aAAS,QAAQ;AAAA,SACZ;AACL,gBAAY,QAAQ;AAAA;AAAA;;;;"}

package/es/components/loading/src/types.d.ts

@@ -0,0 +1,23 @@
+import type { MaybeRef } from '@vueuse/core';
+export declare type LoadingOptionsResolved = {
+    parent: LoadingParentElement;
+    background: MaybeRef<string>;
+    svg: MaybeRef<string>;
+    svgViewBox: MaybeRef<string>;
+    spinner: MaybeRef<boolean | string>;
+    text: MaybeRef<string>;
+    fullscreen: boolean;
+    lock: boolean;
+    customClass: MaybeRef<string>;
+    visible: boolean;
+    target: HTMLElement;
+    beforeClose?: () => boolean;
+    closed?: () => void;
+};
+export declare type LoadingOptions = Partial<Omit<LoadingOptionsResolved, 'parent' | 'target'> & {
+    target: HTMLElement | string;
+    body: boolean;
+}>;
+export interface LoadingParentElement extends HTMLElement {
+    vLoadingAddClassList?: () => void;
+}

package/es/components/loading/src/types.mjs

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.mjs.map

package/es/components/loading/src/types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/components/menu/src/menu.mjs

@@ -1,7 +1,7 @@
 import { defineComponent, getCurrentInstance, ref, computed, nextTick, watch, provide, reactive, onMounted, withDirectives, h } from 'vue';
 import '../../../directives/index.mjs';
 import { ElIcon } from '../../icon/index.mjs';
-import { More } from '@element-plus/icons';
+import { More } from '@element-plus/icons-vue';
 import Menu$1 from '../../../utils/menu/menu-bar.mjs';
 import { buildProps, definePropType, mutable } from '../../../utils/props.mjs';
 import '../../../utils/util.mjs';