element-pe 1.0.8 → 1.0.9-alpha.12

package/lib/components/loading/src/index.js

@@ -1,110 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var shared = require('@vue/shared');
-var dom = require('../../../utils/dom.js');
-var popupManager = require('../../../utils/popup-manager.js');
-var isServer = require('../../../utils/isServer.js');
-var createLoadingComponent = require('./createLoadingComponent.js');
-
-const defaults = {
-  parent: null,
-  background: "",
-  svg: null,
-  svgViewBox: null,
-  spinner: false,
-  text: null,
-  fullscreen: true,
-  body: false,
-  lock: false,
-  customClass: ""
-};
-const globalLoadingOption = {
-  fullscreenLoading: null
-};
-const addStyle = async (options, parent, instance) => {
-  const maskStyle = {};
-  if (options.fullscreen) {
-    instance.originalPosition.value = dom.getStyle(document.body, "position");
-    instance.originalOverflow.value = dom.getStyle(document.body, "overflow");
-    maskStyle.zIndex = popupManager["default"].nextZIndex();
-  } else if (options.body) {
-    instance.originalPosition.value = dom.getStyle(document.body, "position");
-    await vue.nextTick();
-    ["top", "left"].forEach((property) => {
-      const scroll = property === "top" ? "scrollTop" : "scrollLeft";
-      maskStyle[property] = `${options.target.getBoundingClientRect()[property] + document.body[scroll] + document.documentElement[scroll] - parseInt(dom.getStyle(document.body, `margin-${property}`), 10)}px`;
-    });
-    ["height", "width"].forEach((property) => {
-      maskStyle[property] = `${options.target.getBoundingClientRect()[property]}px`;
-    });
-  } else {
-    instance.originalPosition.value = dom.getStyle(parent, "position");
-  }
-  Object.keys(maskStyle).forEach((property) => {
-    instance.$el.style[property] = maskStyle[property];
-  });
-};
-const addClassList = (options, parent, instance) => {
-  if (instance.originalPosition.value !== "absolute" && instance.originalPosition.value !== "fixed") {
-    dom.addClass(parent, "el-loading-parent--relative");
-  } else {
-    dom.removeClass(parent, "el-loading-parent--relative");
-  }
-  if (options.fullscreen && options.lock) {
-    dom.addClass(parent, "el-loading-parent--hidden");
-  } else {
-    dom.removeClass(parent, "el-loading-parent--hidden");
-  }
-};
-const Loading = function(options = {}) {
-  if (isServer["default"])
-    return;
-  options = {
-    ...defaults,
-    ...options
-  };
-  if (typeof options.target === "string") {
-    options.target = document.querySelector(options.target);
-  }
-  options.target = options.target || document.body;
-  if (options.target !== document.body) {
-    options.fullscreen = false;
-  } else {
-    options.body = true;
-  }
-  if (options.fullscreen && globalLoadingOption.fullscreenLoading) {
-    globalLoadingOption.fullscreenLoading.close();
-  }
-  const parent = options.body ? document.body : options.target;
-  options.parent = parent;
-  const instance = createLoadingComponent.createLoadingComponent({
-    options,
-    globalLoadingOption
-  });
-  addStyle(options, parent, instance);
-  addClassList(options, parent, instance);
-  options.parent.vLoadingAddClassList = () => {
-    addClassList(options, parent, instance);
-  };
-  let loadingNumber = parent.getAttribute("loading-number");
-  if (!loadingNumber) {
-    loadingNumber = 1;
-  } else {
-    loadingNumber = Number.parseInt(loadingNumber) + 1;
-  }
-  parent.setAttribute("loading-number", loadingNumber.toString());
-  parent.appendChild(instance.$el);
-  vue.nextTick().then(() => {
-    instance.visible.value = shared.hasOwn(options, "visible") ? options.visible : true;
-  });
-  if (options.fullscreen) {
-    globalLoadingOption.fullscreenLoading = instance;
-  }
-  return instance;
-};
-
-exports["default"] = Loading;
-//# sourceMappingURL=index.js.map

package/lib/components/loading/src/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../packages/components/loading/src/index.ts"],"sourcesContent":["import { nextTick } from 'vue'\nimport { hasOwn } from '@vue/shared'\nimport { addClass, getStyle, removeClass } from '@element-plus/utils/dom'\nimport PopupManager from '@element-plus/utils/popup-manager'\nimport isServer from '@element-plus/utils/isServer'\nimport { createLoadingComponent } from './createLoadingComponent'\n\nimport type { CSSProperties } from 'vue'\n\nimport type {\n  ILoadingGlobalConfig,\n  ILoadingInstance,\n  ILoadingOptions,\n} from './loading.type'\n\nconst defaults: ILoadingOptions = {\n  parent: null,\n  background: '',\n  svg: null,\n  svgViewBox: null,\n  spinner: false,\n  text: null,\n  fullscreen: true,\n  body: false,\n  lock: false,\n  customClass: '',\n}\n\nconst globalLoadingOption: ILoadingGlobalConfig = {\n  fullscreenLoading: null,\n}\n\nconst addStyle = async (\n  options: ILoadingOptions,\n  parent: HTMLElement,\n  instance: ILoadingInstance\n) => {\n  const maskStyle: Partial<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.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    ;['top', 'left'].forEach((property) => {\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    ;['height', 'width'].forEach((property) => {\n      maskStyle[property] = `${\n        (options.target as HTMLElement).getBoundingClientRect()[property]\n      }px`\n    })\n  } else {\n    instance.originalPosition.value = getStyle(parent, 'position')\n  }\n  Object.keys(maskStyle).forEach((property) => {\n    instance.$el.style[property] = maskStyle[property]\n  })\n}\n\nconst addClassList = (\n  options: ILoadingOptions,\n  parent: HTMLElement,\n  instance: ILoadingInstance\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\nconst Loading = function (options: ILoadingOptions = {}): ILoadingInstance {\n  if (isServer) return\n  options = {\n    ...defaults,\n    ...options,\n  }\n\n  if (typeof options.target === 'string') {\n    options.target = document.querySelector(options.target) as HTMLElement\n  }\n  options.target = options.target || document.body\n  if (options.target !== document.body) {\n    options.fullscreen = false\n  } else {\n    options.body = true\n  }\n\n  if (options.fullscreen && globalLoadingOption.fullscreenLoading) {\n    globalLoadingOption.fullscreenLoading.close()\n  }\n\n  const parent = options.body ? document.body : options.target\n  options.parent = parent\n\n  const instance = createLoadingComponent({\n    options,\n    globalLoadingOption,\n  })\n\n  addStyle(options, parent, instance)\n  addClassList(options, parent, instance)\n\n  options.parent.vLoadingAddClassList = () => {\n    addClassList(options, parent, instance)\n  }\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: number | string = parent.getAttribute('loading-number')\n  if (!loadingNumber) {\n    loadingNumber = 1\n  } else {\n    loadingNumber = Number.parseInt(loadingNumber) + 1\n  }\n  parent.setAttribute('loading-number', loadingNumber.toString())\n\n  parent.appendChild(instance.$el)\n\n  // after instance render, then modify visible to trigger transition\n  nextTick().then(() => {\n    instance.visible.value = hasOwn(options, 'visible') ? options.visible : true\n  })\n\n  if (options.fullscreen) {\n    globalLoadingOption.fullscreenLoading = instance\n  }\n  return instance\n}\n\nexport default Loading\n"],"names":["getStyle","PopupManager","nextTick","isServer","createLoadingComponent","hasOwn"],"mappings":";;;;;;;;;;;AAeA,MAAM,WAA4B;AAAA,EAChC,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,KAAK;AAAA,EACL,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,MAAM;AAAA,EACN,aAAa;AAAA;AAGf,MAAM,sBAA4C;AAAA,EAChD,mBAAmB;AAAA;AAGrB,MAAM,WAAW,OACf,SACA,QACA,aACG;AACH,QAAM,YAAoC;AAC1C,MAAI,QAAQ,YAAY;AACtB,aAAS,iBAAiB,QAAQA,aAAS,SAAS,MAAM;AAC1D,aAAS,iBAAiB,QAAQA,aAAS,SAAS,MAAM;AAC1D,cAAU,SAASC,wBAAa;AAAA,aACvB,QAAQ,MAAM;AACvB,aAAS,iBAAiB,QAAQD,aAAS,SAAS,MAAM;AAM1D,UAAME;AACL,KAAC,OAAO,QAAQ,QAAQ,CAAC,aAAa;AACrC,YAAM,SAAS,aAAa,QAAQ,cAAc;AAClD,gBAAU,YAAY,GACnB,QAAQ,OAAuB,wBAAwB,YACxD,SAAS,KAAK,UACd,SAAS,gBAAgB,UACzB,SAASF,aAAS,SAAS,MAAM,UAAU,aAAa;AAAA;AAG3D,KAAC,UAAU,SAAS,QAAQ,CAAC,aAAa;AACzC,gBAAU,YAAY,GACnB,QAAQ,OAAuB,wBAAwB;AAAA;AAAA,SAGvD;AACL,aAAS,iBAAiB,QAAQA,aAAS,QAAQ;AAAA;AAErD,SAAO,KAAK,WAAW,QAAQ,CAAC,aAAa;AAC3C,aAAS,IAAI,MAAM,YAAY,UAAU;AAAA;AAAA;AAI7C,MAAM,eAAe,CACnB,SACA,QACA,aACG;AACH,MACE,SAAS,iBAAiB,UAAU,cACpC,SAAS,iBAAiB,UAAU,SACpC;AACA,iBAAS,QAAQ;AAAA,SACZ;AACL,oBAAY,QAAQ;AAAA;AAEtB,MAAI,QAAQ,cAAc,QAAQ,MAAM;AACtC,iBAAS,QAAQ;AAAA,SACZ;AACL,oBAAY,QAAQ;AAAA;AAAA;MAIlB,UAAU,SAAU,UAA2B,IAAsB;AACzE,MAAIG;AAAU;AACd,YAAU;AAAA,OACL;AAAA,OACA;AAAA;AAGL,MAAI,OAAO,QAAQ,WAAW,UAAU;AACtC,YAAQ,SAAS,SAAS,cAAc,QAAQ;AAAA;AAElD,UAAQ,SAAS,QAAQ,UAAU,SAAS;AAC5C,MAAI,QAAQ,WAAW,SAAS,MAAM;AACpC,YAAQ,aAAa;AAAA,SAChB;AACL,YAAQ,OAAO;AAAA;AAGjB,MAAI,QAAQ,cAAc,oBAAoB,mBAAmB;AAC/D,wBAAoB,kBAAkB;AAAA;AAGxC,QAAM,SAAS,QAAQ,OAAO,SAAS,OAAO,QAAQ;AACtD,UAAQ,SAAS;AAEjB,QAAM,WAAWC,8CAAuB;AAAA,IACtC;AAAA,IACA;AAAA;AAGF,WAAS,SAAS,QAAQ;AAC1B,eAAa,SAAS,QAAQ;AAE9B,UAAQ,OAAO,uBAAuB,MAAM;AAC1C,iBAAa,SAAS,QAAQ;AAAA;AAWhC,MAAI,gBAAiC,OAAO,aAAa;AACzD,MAAI,CAAC,eAAe;AAClB,oBAAgB;AAAA,SACX;AACL,oBAAgB,OAAO,SAAS,iBAAiB;AAAA;AAEnD,SAAO,aAAa,kBAAkB,cAAc;AAEpD,SAAO,YAAY,SAAS;AAG5B,iBAAW,KAAK,MAAM;AACpB,aAAS,QAAQ,QAAQC,cAAO,SAAS,aAAa,QAAQ,UAAU;AAAA;AAG1E,MAAI,QAAQ,YAAY;AACtB,wBAAoB,oBAAoB;AAAA;AAE1C,SAAO;AAAA;;;;"}

package/lib/components/loading/src/loading.type.d.ts

@@ -1,44 +0,0 @@
-import type { Ref, VNode } from 'vue';
-export declare type ILoadingOptions = {
-    parent?: ILoadingParentElement;
-    background?: string;
-    svg?: string;
-    svgViewBox?: string;
-    spinner?: boolean | string;
-    text?: string;
-    fullscreen?: boolean;
-    body?: boolean;
-    lock?: boolean;
-    customClass?: string;
-    visible?: boolean;
-    target?: string | HTMLElement;
-};
-export declare type ILoadingInstance = {
-    parent?: Ref<ILoadingParentElement>;
-    background?: Ref<string>;
-    spinner?: Ref<boolean | string>;
-    text?: Ref<string>;
-    fullscreen?: Ref<boolean>;
-    body?: Ref<boolean>;
-    lock?: Ref<boolean>;
-    customClass?: Ref<string>;
-    visible?: Ref<boolean>;
-    target?: Ref<string | HTMLElement>;
-    originalPosition?: Ref<string>;
-    originalOverflow?: Ref<string>;
-    setText: (text: string) => void;
-    close: () => void;
-    handleAfterLeave: () => void;
-    vm: VNode;
-    $el: HTMLElement;
-};
-export declare type ILoadingGlobalConfig = {
-    fullscreenLoading: ILoadingInstance;
-};
-export declare type ILoadingCreateComponentParams = {
-    options: ILoadingOptions;
-    globalLoadingOption: ILoadingGlobalConfig;
-};
-export interface ILoadingParentElement extends HTMLElement {
-    vLoadingAddClassList?: () => void;
-}

package/lib/components/loading/src/loading.type.js

@@ -1,3 +0,0 @@
-'use strict';
-
-//# sourceMappingURL=loading.type.js.map

package/lib/components/loading/src/loading.type.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"loading.type.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/lib/components/menu/src/menu-collapse-transition.vue_vue&type=script&lang.js

@@ -1,53 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var dom = require('../../../utils/dom.js');
-
-var script = vue.defineComponent({
-  name: "ElMenuCollapseTransition",
-  setup() {
-    const listeners = {
-      onBeforeEnter: (el) => el.style.opacity = "0.2",
-      onEnter(el, done) {
-        dom.addClass(el, "el-opacity-transition");
-        el.style.opacity = "1";
-        done();
-      },
-      onAfterEnter(el) {
-        dom.removeClass(el, "el-opacity-transition");
-        el.style.opacity = "";
-      },
-      onBeforeLeave(el) {
-        if (!el.dataset) {
-          ;
-          el.dataset = {};
-        }
-        if (dom.hasClass(el, "el-menu--collapse")) {
-          dom.removeClass(el, "el-menu--collapse");
-          el.dataset.oldOverflow = el.style.overflow;
-          el.dataset.scrollWidth = el.clientWidth.toString();
-          dom.addClass(el, "el-menu--collapse");
-        } else {
-          dom.addClass(el, "el-menu--collapse");
-          el.dataset.oldOverflow = el.style.overflow;
-          el.dataset.scrollWidth = el.clientWidth.toString();
-          dom.removeClass(el, "el-menu--collapse");
-        }
-        el.style.width = `${el.scrollWidth}px`;
-        el.style.overflow = "hidden";
-      },
-      onLeave(el) {
-        dom.addClass(el, "horizontal-collapse-transition");
-        el.style.width = `${el.dataset.scrollWidth}px`;
-      }
-    };
-    return {
-      listeners
-    };
-  }
-});
-
-exports["default"] = script;
-//# sourceMappingURL=menu-collapse-transition.vue_vue&type=script&lang.js.map

package/lib/components/menu/src/menu-collapse-transition.vue_vue&type=script&lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-collapse-transition.vue_vue&type=script&lang.js","sources":["../../../../../../packages/components/menu/src/menu-collapse-transition.vue"],"sourcesContent":["<template>\n  <transition mode=\"out-in\" v-bind=\"listeners\">\n    <slot />\n  </transition>\n</template>\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { addClass, removeClass, hasClass } from '@element-plus/utils/dom'\n\nimport type { TransitionProps, BaseTransitionProps } from 'vue'\n\nexport default defineComponent({\n  name: 'ElMenuCollapseTransition',\n  setup() {\n    const listeners = {\n      onBeforeEnter: (el) => (el.style.opacity = '0.2'),\n      onEnter(el, done) {\n        addClass(el, 'el-opacity-transition')\n        el.style.opacity = '1'\n        done()\n      },\n\n      onAfterEnter(el) {\n        removeClass(el, 'el-opacity-transition')\n        el.style.opacity = ''\n      },\n\n      onBeforeLeave(el) {\n        if (!el.dataset) {\n          ;(el as any).dataset = {}\n        }\n\n        if (hasClass(el, 'el-menu--collapse')) {\n          removeClass(el, 'el-menu--collapse')\n          el.dataset.oldOverflow = el.style.overflow\n          el.dataset.scrollWidth = el.clientWidth.toString()\n          addClass(el, 'el-menu--collapse')\n        } else {\n          addClass(el, 'el-menu--collapse')\n          el.dataset.oldOverflow = el.style.overflow\n          el.dataset.scrollWidth = el.clientWidth.toString()\n          removeClass(el, 'el-menu--collapse')\n        }\n\n        el.style.width = `${el.scrollWidth}px`\n        el.style.overflow = 'hidden'\n      },\n\n      onLeave(el: HTMLElement) {\n        addClass(el, 'horizontal-collapse-transition')\n        el.style.width = `${el.dataset.scrollWidth}px`\n      },\n    } as BaseTransitionProps<HTMLElement> as TransitionProps\n\n    return {\n      listeners,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","hasClass"],"mappings":";;;;;;;AAWA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,QAAQ;AACN,UAAM,YAAY;AAAA,MAChB,eAAe,CAAC,OAAQ,GAAG,MAAM,UAAU;AAAA,MAC3C,QAAQ,IAAI,MAAM;AAChB,qBAAS,IAAI;AACb,WAAG,MAAM,UAAU;AACnB;AAAA;AAAA,MAGF,aAAa,IAAI;AACf,wBAAY,IAAI;AAChB,WAAG,MAAM,UAAU;AAAA;AAAA,MAGrB,cAAc,IAAI;AAChB,YAAI,CAAC,GAAG,SAAS;AACf;AAAC,UAAC,GAAW,UAAU;AAAA;AAGzB,YAAIC,aAAS,IAAI,sBAAsB;AACrC,0BAAY,IAAI;AAChB,aAAG,QAAQ,cAAc,GAAG,MAAM;AAClC,aAAG,QAAQ,cAAc,GAAG,YAAY;AACxC,uBAAS,IAAI;AAAA,eACR;AACL,uBAAS,IAAI;AACb,aAAG,QAAQ,cAAc,GAAG,MAAM;AAClC,aAAG,QAAQ,cAAc,GAAG,YAAY;AACxC,0BAAY,IAAI;AAAA;AAGlB,WAAG,MAAM,QAAQ,GAAG,GAAG;AACvB,WAAG,MAAM,WAAW;AAAA;AAAA,MAGtB,QAAQ,IAAiB;AACvB,qBAAS,IAAI;AACb,WAAG,MAAM,QAAQ,GAAG,GAAG,QAAQ;AAAA;AAAA;AAInC,WAAO;AAAA,MACL;AAAA;AAAA;AAAA;;;;"}

package/lib/components/menu/src/menu-collapse-transition.vue_vue&type=template&id=db8e3ce6&lang.js

@@ -1,17 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createBlock(vue.Transition, vue.mergeProps({ mode: "out-in" }, _ctx.listeners), {
-    default: vue.withCtx(() => [
-      vue.renderSlot(_ctx.$slots, "default")
-    ]),
-    _: 3
-  }, 16);
-}
-
-exports.render = render;
-//# sourceMappingURL=menu-collapse-transition.vue_vue&type=template&id=db8e3ce6&lang.js.map

package/lib/components/menu/src/menu-collapse-transition.vue_vue&type=template&id=db8e3ce6&lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-collapse-transition.vue_vue&type=template&id=db8e3ce6&lang.js","sources":["../../../../../../packages/components/menu/src/menu-collapse-transition.vue?vue&type=template&id=db8e3ce6&lang.js"],"sourcesContent":["<template>\n  <transition mode=\"out-in\" v-bind=\"listeners\">\n    <slot />\n  </transition>\n</template>\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { addClass, removeClass, hasClass } from '@element-plus/utils/dom'\n\nimport type { TransitionProps, BaseTransitionProps } from 'vue'\n\nexport default defineComponent({\n  name: 'ElMenuCollapseTransition',\n  setup() {\n    const listeners = {\n      onBeforeEnter: (el) => (el.style.opacity = '0.2'),\n      onEnter(el, done) {\n        addClass(el, 'el-opacity-transition')\n        el.style.opacity = '1'\n        done()\n      },\n\n      onAfterEnter(el) {\n        removeClass(el, 'el-opacity-transition')\n        el.style.opacity = ''\n      },\n\n      onBeforeLeave(el) {\n        if (!el.dataset) {\n          ;(el as any).dataset = {}\n        }\n\n        if (hasClass(el, 'el-menu--collapse')) {\n          removeClass(el, 'el-menu--collapse')\n          el.dataset.oldOverflow = el.style.overflow\n          el.dataset.scrollWidth = el.clientWidth.toString()\n          addClass(el, 'el-menu--collapse')\n        } else {\n          addClass(el, 'el-menu--collapse')\n          el.dataset.oldOverflow = el.style.overflow\n          el.dataset.scrollWidth = el.clientWidth.toString()\n          removeClass(el, 'el-menu--collapse')\n        }\n\n        el.style.width = `${el.scrollWidth}px`\n        el.style.overflow = 'hidden'\n      },\n\n      onLeave(el: HTMLElement) {\n        addClass(el, 'horizontal-collapse-transition')\n        el.style.width = `${el.dataset.scrollWidth}px`\n      },\n    } as BaseTransitionProps<HTMLElement> as TransitionProps\n\n    return {\n      listeners,\n    }\n  },\n})\n</script>\n"],"names":["_createBlock","_mergeProps","_renderSlot"],"mappings":";;;;;;;0BACEA,gCAAAC,iBAAY,MAAK,YAAiB;yBAChC;MAAAC;;;;;;;;"}

package/lib/components/menu/src/menu-item-group.vue_vue&type=script&lang.js

@@ -1,38 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var error = require('../../../utils/error.js');
-var menuItemGroup = require('./menu-item-group.js');
-
-const COMPONENT_NAME = "ElMenuItemGroup";
-var script = vue.defineComponent({
-  name: COMPONENT_NAME,
-  props: menuItemGroup.menuItemGroupProps,
-  setup() {
-    const instance = vue.getCurrentInstance();
-    const menu = vue.inject("rootMenu");
-    if (!menu)
-      error.throwError(COMPONENT_NAME, "can not inject root menu");
-    const levelPadding = vue.computed(() => {
-      if (menu.props.collapse)
-        return 20;
-      let padding = 20;
-      let parent = instance.parent;
-      while (parent && parent.type.name !== "ElMenu") {
-        if (parent.type.name === "ElSubMenu") {
-          padding += 20;
-        }
-        parent = parent.parent;
-      }
-      return padding;
-    });
-    return {
-      levelPadding
-    };
-  }
-});
-
-exports["default"] = script;
-//# sourceMappingURL=menu-item-group.vue_vue&type=script&lang.js.map

package/lib/components/menu/src/menu-item-group.vue_vue&type=script&lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-item-group.vue_vue&type=script&lang.js","sources":["../../../../../../packages/components/menu/src/menu-item-group.vue"],"sourcesContent":["<template>\n  <li class=\"el-menu-item-group\">\n    <div\n      class=\"el-menu-item-group__title\"\n      :style=\"{ paddingLeft: `${levelPadding}px` }\"\n    >\n      <template v-if=\"!$slots.title\">{{ title }}</template>\n      <slot v-else name=\"title\" />\n    </div>\n    <ul>\n      <slot />\n    </ul>\n  </li>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, getCurrentInstance, inject } from 'vue'\nimport { throwError } from '@element-plus/utils/error'\nimport { menuItemGroupProps } from './menu-item-group'\n\nimport type { MenuProvider } from './types'\n\nconst COMPONENT_NAME = 'ElMenuItemGroup'\n\nexport default defineComponent({\n  name: COMPONENT_NAME,\n\n  props: menuItemGroupProps,\n\n  setup() {\n    const instance = getCurrentInstance()!\n    const menu = inject<MenuProvider>('rootMenu')\n    if (!menu) throwError(COMPONENT_NAME, 'can not inject root menu')\n\n    const levelPadding = computed(() => {\n      if (menu.props.collapse) return 20\n      let padding = 20\n      let parent = instance.parent\n      while (parent && parent.type.name !== 'ElMenu') {\n        if (parent.type.name === 'ElSubMenu') {\n          padding += 20\n        }\n        parent = parent.parent\n      }\n      return padding\n    })\n\n    return {\n      levelPadding,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","menuItemGroupProps","getCurrentInstance","inject","computed"],"mappings":";;;;;;;;AAsBA,MAAM,iBAAiB;AAEvB,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,OAAOC;AAAA,EAEP,QAAQ;AACN,UAAM,WAAWC;AACjB,UAAM,OAAOC,WAAqB;AAClC,QAAI,CAAC;AAAM,uBAAW,gBAAgB;AAEtC,UAAM,eAAeC,aAAS,MAAM;AAClC,UAAI,KAAK,MAAM;AAAU,eAAO;AAChC,UAAI,UAAU;AACd,UAAI,SAAS,SAAS;AACtB,aAAO,UAAU,OAAO,KAAK,SAAS,UAAU;AAC9C,YAAI,OAAO,KAAK,SAAS,aAAa;AACpC,qBAAW;AAAA;AAEb,iBAAS,OAAO;AAAA;AAElB,aAAO;AAAA;AAGT,WAAO;AAAA,MACL;AAAA;AAAA;AAAA;;;;"}

package/lib/components/menu/src/menu-item-group.vue_vue&type=template&id=67a2995d&lang.js

@@ -1,25 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-const _hoisted_1 = { class: "el-menu-item-group" };
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createElementBlock("li", _hoisted_1, [
-    vue.createElementVNode("div", {
-      class: "el-menu-item-group__title",
-      style: vue.normalizeStyle({ paddingLeft: `${_ctx.levelPadding}px` })
-    }, [
-      !_ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-        vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
-      ], 2112)) : vue.renderSlot(_ctx.$slots, "title", { key: 1 })
-    ], 4),
-    vue.createElementVNode("ul", null, [
-      vue.renderSlot(_ctx.$slots, "default")
-    ])
-  ]);
-}
-
-exports.render = render;
-//# sourceMappingURL=menu-item-group.vue_vue&type=template&id=67a2995d&lang.js.map

package/lib/components/menu/src/menu-item-group.vue_vue&type=template&id=67a2995d&lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-item-group.vue_vue&type=template&id=67a2995d&lang.js","sources":["../../../../../../packages/components/menu/src/menu-item-group.vue?vue&type=template&id=67a2995d&lang.js"],"sourcesContent":["<template>\n  <li class=\"el-menu-item-group\">\n    <div\n      class=\"el-menu-item-group__title\"\n      :style=\"{ paddingLeft: `${levelPadding}px` }\"\n    >\n      <template v-if=\"!$slots.title\">{{ title }}</template>\n      <slot v-else name=\"title\" />\n    </div>\n    <ul>\n      <slot />\n    </ul>\n  </li>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, getCurrentInstance, inject } from 'vue'\nimport { throwError } from '@element-plus/utils/error'\nimport { menuItemGroupProps } from './menu-item-group'\n\nimport type { MenuProvider } from './types'\n\nconst COMPONENT_NAME = 'ElMenuItemGroup'\n\nexport default defineComponent({\n  name: COMPONENT_NAME,\n\n  props: menuItemGroupProps,\n\n  setup() {\n    const instance = getCurrentInstance()!\n    const menu = inject<MenuProvider>('rootMenu')\n    if (!menu) throwError(COMPONENT_NAME, 'can not inject root menu')\n\n    const levelPadding = computed(() => {\n      if (menu.props.collapse) return 20\n      let padding = 20\n      let parent = instance.parent\n      while (parent && parent.type.name !== 'ElMenu') {\n        if (parent.type.name === 'ElSubMenu') {\n          padding += 20\n        }\n        parent = parent.parent\n      }\n      return padding\n    })\n\n    return {\n      levelPadding,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_renderSlot"],"mappings":";;;;;;qBACM,OAAM;;0BAAVA,6BAAA;IACEC;MACE,OAAM;AAAA,MACL,4CAAyB;;OAET,YAAO,0BAAxBD;gDAAkC;kBAClCE;;IAEFD;MACEC;;;;;;;"}

package/lib/components/menu/src/menu-item.vue_vue&type=script&lang.js

@@ -1,66 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var index = require('../../tooltip/index.js');
-require('../../popper/index.js');
-var error = require('../../../utils/error.js');
-var useMenu = require('./use-menu.js');
-var menuItem = require('./menu-item.js');
-var defaults = require('../../popper/src/use-popper/defaults.js');
-
-const COMPONENT_NAME = "ElMenuItem";
-var script = vue.defineComponent({
-  name: COMPONENT_NAME,
-  components: {
-    ElTooltip: index["default"]
-  },
-  props: menuItem.menuItemProps,
-  emits: menuItem.menuItemEmits,
-  setup(props, { emit }) {
-    const instance = vue.getCurrentInstance();
-    const rootMenu = vue.inject("rootMenu");
-    if (!rootMenu)
-      error.throwError(COMPONENT_NAME, "can not inject root menu");
-    const { parentMenu, paddingStyle, indexPath } = useMenu["default"](instance, vue.toRef(props, "index"));
-    const subMenu = vue.inject(`subMenu:${parentMenu.value.uid}`);
-    if (!subMenu)
-      error.throwError(COMPONENT_NAME, "can not inject sub menu");
-    const active = vue.computed(() => props.index === rootMenu.activeIndex);
-    const item = vue.reactive({
-      index: props.index,
-      indexPath,
-      active
-    });
-    const handleClick = () => {
-      if (!props.disabled) {
-        rootMenu.handleMenuItemClick({
-          index: props.index,
-          indexPath: indexPath.value,
-          route: props.route
-        });
-        emit("click", item);
-      }
-    };
-    vue.onMounted(() => {
-      subMenu.addSubMenu(item);
-      rootMenu.addMenuItem(item);
-    });
-    vue.onBeforeUnmount(() => {
-      subMenu.removeSubMenu(item);
-      rootMenu.removeMenuItem(item);
-    });
-    return {
-      Effect: defaults.Effect,
-      parentMenu,
-      rootMenu,
-      paddingStyle,
-      active,
-      handleClick
-    };
-  }
-});
-
-exports["default"] = script;
-//# sourceMappingURL=menu-item.vue_vue&type=script&lang.js.map

package/lib/components/menu/src/menu-item.vue_vue&type=script&lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-item.vue_vue&type=script&lang.js","sources":["../../../../../../packages/components/menu/src/menu-item.vue"],"sourcesContent":["<template>\n  <li\n    class=\"el-menu-item\"\n    role=\"menuitem\"\n    tabindex=\"-1\"\n    :style=\"paddingStyle\"\n    :class=\"{\n      'is-active': active,\n      'is-disabled': disabled,\n    }\"\n    @click=\"handleClick\"\n  >\n    <el-tooltip\n      v-if=\"\n        parentMenu.type.name === 'ElMenu' &&\n        rootMenu.props.collapse &&\n        $slots.title\n      \"\n      :effect=\"Effect.DARK\"\n      placement=\"right\"\n    >\n      <template #content>\n        <slot name=\"title\" />\n      </template>\n      <div\n        :style=\"{\n          position: 'absolute',\n          left: 0,\n          top: 0,\n          height: '100%',\n          width: '100%',\n          display: 'inline-block',\n          boxSizing: 'border-box',\n          padding: '0 20px',\n        }\"\n      >\n        <slot />\n      </div>\n    </el-tooltip>\n    <template v-else>\n      <slot />\n      <slot name=\"title\" />\n    </template>\n  </li>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  computed,\n  onMounted,\n  onBeforeUnmount,\n  inject,\n  getCurrentInstance,\n  toRef,\n  reactive,\n} from 'vue'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport { Effect } from '@element-plus/components/popper'\nimport { throwError } from '@element-plus/utils/error'\nimport useMenu from './use-menu'\nimport { menuItemEmits, menuItemProps } from './menu-item'\n\nimport type { MenuItemRegistered, MenuProvider, SubMenuProvider } from './types'\n\nconst COMPONENT_NAME = 'ElMenuItem'\nexport default defineComponent({\n  name: COMPONENT_NAME,\n  components: {\n    ElTooltip,\n  },\n\n  props: menuItemProps,\n  emits: menuItemEmits,\n\n  setup(props, { emit }) {\n    const instance = getCurrentInstance()!\n    const rootMenu = inject<MenuProvider>('rootMenu')\n    if (!rootMenu) throwError(COMPONENT_NAME, 'can not inject root menu')\n\n    const { parentMenu, paddingStyle, indexPath } = useMenu(\n      instance,\n      toRef(props, 'index')\n    )\n\n    const subMenu = inject<SubMenuProvider>(`subMenu:${parentMenu.value.uid}`)\n    if (!subMenu) throwError(COMPONENT_NAME, 'can not inject sub menu')\n\n    const active = computed(() => props.index === rootMenu.activeIndex)\n    const item: MenuItemRegistered = reactive({\n      index: props.index,\n      indexPath,\n      active,\n    })\n\n    const handleClick = () => {\n      if (!props.disabled) {\n        rootMenu.handleMenuItemClick({\n          index: props.index,\n          indexPath: indexPath.value,\n          route: props.route,\n        })\n        emit('click', item)\n      }\n    }\n\n    onMounted(() => {\n      subMenu.addSubMenu(item)\n      rootMenu.addMenuItem(item)\n    })\n\n    onBeforeUnmount(() => {\n      subMenu.removeSubMenu(item)\n      rootMenu.removeMenuItem(item)\n    })\n\n    return {\n      Effect,\n      parentMenu,\n      rootMenu,\n      paddingStyle,\n      active,\n\n      handleClick,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElTooltip","menuItemProps","menuItemEmits","getCurrentInstance","inject","useMenu","toRef","computed","reactive","Effect"],"mappings":";;;;;;;;;;;;AAiEA,MAAM,iBAAiB;AACvB,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,eACVC;AAAA;AAAA,EAGF,OAAOC;AAAA,EACP,OAAOC;AAAA,EAEP,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,WAAWC;AACjB,UAAM,WAAWC,WAAqB;AACtC,QAAI,CAAC;AAAU,uBAAW,gBAAgB;AAE1C,UAAM,EAAE,YAAY,cAAc,cAAcC,mBAC9C,UACAC,UAAM,OAAO;AAGf,UAAM,UAAUF,WAAwB,WAAW,WAAW,MAAM;AACpE,QAAI,CAAC;AAAS,uBAAW,gBAAgB;AAEzC,UAAM,SAASG,aAAS,MAAM,MAAM,UAAU,SAAS;AACvD,UAAM,OAA2BC,aAAS;AAAA,MACxC,OAAO,MAAM;AAAA,MACb;AAAA,MACA;AAAA;AAGF,UAAM,cAAc,MAAM;AACxB,UAAI,CAAC,MAAM,UAAU;AACnB,iBAAS,oBAAoB;AAAA,UAC3B,OAAO,MAAM;AAAA,UACb,WAAW,UAAU;AAAA,UACrB,OAAO,MAAM;AAAA;AAEf,aAAK,SAAS;AAAA;AAAA;AAIlB,kBAAU,MAAM;AACd,cAAQ,WAAW;AACnB,eAAS,YAAY;AAAA;AAGvB,wBAAgB,MAAM;AACpB,cAAQ,cAAc;AACtB,eAAS,eAAe;AAAA;AAG1B,WAAO;AAAA,cACLC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA;AAAA;AAAA;;;;"}

package/lib/components/menu/src/menu-item.vue_vue&type=template&id=aa755baa&lang.js

@@ -1,51 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-const _hoisted_1 = { style: {
-  position: "absolute",
-  left: 0,
-  top: 0,
-  height: "100%",
-  width: "100%",
-  display: "inline-block",
-  boxSizing: "border-box",
-  padding: "0 20px"
-} };
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_tooltip = vue.resolveComponent("el-tooltip");
-  return vue.openBlock(), vue.createElementBlock("li", {
-    class: vue.normalizeClass(["el-menu-item", {
-      "is-active": _ctx.active,
-      "is-disabled": _ctx.disabled
-    }]),
-    role: "menuitem",
-    tabindex: "-1",
-    style: vue.normalizeStyle(_ctx.paddingStyle),
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
-  }, [
-    _ctx.parentMenu.type.name === "ElMenu" && _ctx.rootMenu.props.collapse && _ctx.$slots.title ? (vue.openBlock(), vue.createBlock(_component_el_tooltip, {
-      key: 0,
-      effect: _ctx.Effect.DARK,
-      placement: "right"
-    }, {
-      content: vue.withCtx(() => [
-        vue.renderSlot(_ctx.$slots, "title")
-      ]),
-      default: vue.withCtx(() => [
-        vue.createElementVNode("div", _hoisted_1, [
-          vue.renderSlot(_ctx.$slots, "default")
-        ])
-      ]),
-      _: 3
-    }, 8, ["effect"])) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-      vue.renderSlot(_ctx.$slots, "default"),
-      vue.renderSlot(_ctx.$slots, "title")
-    ], 64))
-  ], 6);
-}
-
-exports.render = render;
-//# sourceMappingURL=menu-item.vue_vue&type=template&id=aa755baa&lang.js.map

package/lib/components/menu/src/menu-item.vue_vue&type=template&id=aa755baa&lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-item.vue_vue&type=template&id=aa755baa&lang.js","sources":["../../../../../../packages/components/menu/src/menu-item.vue?vue&type=template&id=aa755baa&lang.js"],"sourcesContent":["<template>\n  <li\n    class=\"el-menu-item\"\n    role=\"menuitem\"\n    tabindex=\"-1\"\n    :style=\"paddingStyle\"\n    :class=\"{\n      'is-active': active,\n      'is-disabled': disabled,\n    }\"\n    @click=\"handleClick\"\n  >\n    <el-tooltip\n      v-if=\"\n        parentMenu.type.name === 'ElMenu' &&\n        rootMenu.props.collapse &&\n        $slots.title\n      \"\n      :effect=\"Effect.DARK\"\n      placement=\"right\"\n    >\n      <template #content>\n        <slot name=\"title\" />\n      </template>\n      <div\n        :style=\"{\n          position: 'absolute',\n          left: 0,\n          top: 0,\n          height: '100%',\n          width: '100%',\n          display: 'inline-block',\n          boxSizing: 'border-box',\n          padding: '0 20px',\n        }\"\n      >\n        <slot />\n      </div>\n    </el-tooltip>\n    <template v-else>\n      <slot />\n      <slot name=\"title\" />\n    </template>\n  </li>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  computed,\n  onMounted,\n  onBeforeUnmount,\n  inject,\n  getCurrentInstance,\n  toRef,\n  reactive,\n} from 'vue'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport { Effect } from '@element-plus/components/popper'\nimport { throwError } from '@element-plus/utils/error'\nimport useMenu from './use-menu'\nimport { menuItemEmits, menuItemProps } from './menu-item'\n\nimport type { MenuItemRegistered, MenuProvider, SubMenuProvider } from './types'\n\nconst COMPONENT_NAME = 'ElMenuItem'\nexport default defineComponent({\n  name: COMPONENT_NAME,\n  components: {\n    ElTooltip,\n  },\n\n  props: menuItemProps,\n  emits: menuItemEmits,\n\n  setup(props, { emit }) {\n    const instance = getCurrentInstance()!\n    const rootMenu = inject<MenuProvider>('rootMenu')\n    if (!rootMenu) throwError(COMPONENT_NAME, 'can not inject root menu')\n\n    const { parentMenu, paddingStyle, indexPath } = useMenu(\n      instance,\n      toRef(props, 'index')\n    )\n\n    const subMenu = inject<SubMenuProvider>(`subMenu:${parentMenu.value.uid}`)\n    if (!subMenu) throwError(COMPONENT_NAME, 'can not inject sub menu')\n\n    const active = computed(() => props.index === rootMenu.activeIndex)\n    const item: MenuItemRegistered = reactive({\n      index: props.index,\n      indexPath,\n      active,\n    })\n\n    const handleClick = () => {\n      if (!props.disabled) {\n        rootMenu.handleMenuItemClick({\n          index: props.index,\n          indexPath: indexPath.value,\n          route: props.route,\n        })\n        emit('click', item)\n      }\n    }\n\n    onMounted(() => {\n      subMenu.addSubMenu(item)\n      rootMenu.addMenuItem(item)\n    })\n\n    onBeforeUnmount(() => {\n      subMenu.removeSubMenu(item)\n      rootMenu.removeMenuItem(item)\n    })\n\n    return {\n      Effect,\n      parentMenu,\n      rootMenu,\n      paddingStyle,\n      active,\n\n      handleClick,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createBlock","_renderSlot","_createElementVNode"],"mappings":";;;;;;qBAyBS,OAAO;AAAA;;;;;;;;;;;0BAxBdA;IACE,2BAAM;;;;IACN,MAAK;AAAA,IACL,UAAS;AAAA,IACR,0BAAO;IAKP,gDAAO;;oHAERC;;MAMG,QAAQ,YAAO;AAAA,MAChB,WAAU;AAAA;MAEC,qBACT;QAAAC;;2BAEF;QAAAC,8BAAA;UAYED;;;;2CAGJF;MACEE;MACAA;;;;;;;"}

package/lib/components/message/src/message.vue_vue&type=script&lang.js

@@ -1,82 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var core = require('@vueuse/core');
-var aria = require('../../../utils/aria.js');
-var index = require('../../badge/index.js');
-var index$1 = require('../../icon/index.js');
-var icon = require('../../../utils/icon.js');
-var message = require('./message2.js');
-
-var script = vue.defineComponent({
-  name: "ElMessage",
-  components: {
-    ElBadge: index.ElBadge,
-    ElIcon: index$1.ElIcon,
-    ...icon.TypeComponents
-  },
-  props: message.messageProps,
-  emits: message.messageEmits,
-  setup(props) {
-    const visible = vue.ref(false);
-    let stopTimer = void 0;
-    const typeClass = vue.computed(() => {
-      const type = props.type;
-      return type && icon.TypeComponentsMap[type] ? `el-message-icon--${type}` : "";
-    });
-    const iconComponent = vue.computed(() => {
-      return props.icon || icon.TypeComponentsMap[props.type] || "";
-    });
-    const customStyle = vue.computed(() => ({
-      top: `${props.offset}px`,
-      zIndex: props.zIndex
-    }));
-    function startTimer() {
-      if (props.duration > 0) {
-        ;
-        ({ stop: stopTimer } = core.useTimeoutFn(() => {
-          if (visible.value)
-            close();
-        }, props.duration));
-      }
-    }
-    function clearTimer() {
-      stopTimer == null ? void 0 : stopTimer();
-    }
-    function close() {
-      visible.value = false;
-    }
-    function keydown({ code }) {
-      if (code === aria.EVENT_CODE.esc) {
-        if (visible.value) {
-          close();
-        }
-      } else {
-        startTimer();
-      }
-    }
-    vue.onMounted(() => {
-      startTimer();
-      visible.value = true;
-    });
-    vue.watch(() => props.repeatNum, () => {
-      clearTimer();
-      startTimer();
-    });
-    core.useEventListener(document, "keydown", keydown);
-    return {
-      typeClass,
-      iconComponent,
-      customStyle,
-      visible,
-      close,
-      clearTimer,
-      startTimer
-    };
-  }
-});
-
-exports["default"] = script;
-//# sourceMappingURL=message.vue_vue&type=script&lang.js.map

package/lib/components/message/src/message.vue_vue&type=script&lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"message.vue_vue&type=script&lang.js","sources":["../../../../../../packages/components/message/src/message.vue"],"sourcesContent":["<template>\n  <transition\n    name=\"el-message-fade\"\n    @before-leave=\"onClose\"\n    @after-leave=\"$emit('destroy')\"\n  >\n    <div\n      v-show=\"visible\"\n      :id=\"id\"\n      :class=\"[\n        'el-message',\n        type && !icon ? `el-message--${type}` : '',\n        center ? 'is-center' : '',\n        showClose ? 'is-closable' : '',\n        customClass,\n      ]\"\n      :style=\"customStyle\"\n      role=\"alert\"\n      @mouseenter=\"clearTimer\"\n      @mouseleave=\"startTimer\"\n    >\n      <el-badge\n        v-if=\"repeatNum > 1\"\n        :value=\"repeatNum\"\n        :type=\"type ?? 'info'\"\n        class=\"el-message__badge\"\n      >\n      </el-badge>\n      <el-icon v-if=\"iconComponent\" class=\"el-message__icon\" :class=\"typeClass\">\n        <component :is=\"iconComponent\" />\n      </el-icon>\n      <slot>\n        <p v-if=\"!dangerouslyUseHTMLString\" class=\"el-message__content\">\n          {{ message }}\n        </p>\n        <!-- Caution here, message could've been compromised, never use user's input as message -->\n        <p v-else class=\"el-message__content\" v-html=\"message\"></p>\n      </slot>\n      <el-icon\n        v-if=\"showClose\"\n        class=\"el-message__closeBtn\"\n        @click.stop=\"close\"\n      >\n        <close />\n      </el-icon>\n    </div>\n  </transition>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, computed, ref, onMounted, watch } from 'vue'\nimport { useEventListener, useTimeoutFn } from '@vueuse/core'\nimport { EVENT_CODE } from '@element-plus/utils/aria'\nimport ElBadge from '@element-plus/components/badge'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { TypeComponents, TypeComponentsMap } from '@element-plus/utils/icon'\n\nimport { messageEmits, messageProps } from './message'\n\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'ElMessage',\n\n  components: {\n    ElBadge,\n    ElIcon,\n    ...TypeComponents,\n  },\n\n  props: messageProps,\n  emits: messageEmits,\n\n  setup(props) {\n    const visible = ref(false)\n    let stopTimer: (() => void) | undefined = undefined\n\n    const typeClass = computed(() => {\n      const type = props.type\n      return type && TypeComponentsMap[type] ? `el-message-icon--${type}` : ''\n    })\n\n    const iconComponent = computed(() => {\n      return props.icon || TypeComponentsMap[props.type] || ''\n    })\n\n    const customStyle = computed<CSSProperties>(() => ({\n      top: `${props.offset}px`,\n      zIndex: props.zIndex,\n    }))\n\n    function startTimer() {\n      if (props.duration > 0) {\n        ;({ stop: stopTimer } = useTimeoutFn(() => {\n          if (visible.value) close()\n        }, props.duration))\n      }\n    }\n\n    function clearTimer() {\n      stopTimer?.()\n    }\n\n    function close() {\n      visible.value = false\n    }\n\n    function keydown({ code }: KeyboardEvent) {\n      if (code === EVENT_CODE.esc) {\n        // press esc to close the message\n        if (visible.value) {\n          close()\n        }\n      } else {\n        startTimer() // resume timer\n      }\n    }\n\n    onMounted(() => {\n      startTimer()\n      visible.value = true\n    })\n\n    watch(\n      () => props.repeatNum,\n      () => {\n        clearTimer()\n        startTimer()\n      }\n    )\n\n    useEventListener(document, 'keydown', keydown)\n\n    return {\n      typeClass,\n      iconComponent,\n      customStyle,\n      visible,\n\n      close,\n      clearTimer,\n      startTimer,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElBadge","ElIcon","TypeComponents","messageProps","messageEmits","ref","computed","TypeComponentsMap","useTimeoutFn","EVENT_CODE"],"mappings":";;;;;;;;;;;;AA4DA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,aACVC;AAAA,YACAC;AAAA,OACGC;AAAA;AAAA,EAGL,OAAOC;AAAA,EACP,OAAOC;AAAA,EAEP,MAAM,OAAO;AACX,UAAM,UAAUC,QAAI;AACpB,QAAI,YAAsC;AAE1C,UAAM,YAAYC,aAAS,MAAM;AAC/B,YAAM,OAAO,MAAM;AACnB,aAAO,QAAQC,uBAAkB,QAAQ,oBAAoB,SAAS;AAAA;AAGxE,UAAM,gBAAgBD,aAAS,MAAM;AACnC,aAAO,MAAM,QAAQC,uBAAkB,MAAM,SAAS;AAAA;AAGxD,UAAM,cAAcD,aAAwB;AAAO,MACjD,KAAK,GAAG,MAAM;AAAA,MACd,QAAQ,MAAM;AAAA;AAGhB,0BAAsB;AACpB,UAAI,MAAM,WAAW,GAAG;AACtB;AAAC,QAAC,GAAE,MAAM,cAAcE,kBAAa,MAAM;AACzC,cAAI,QAAQ;AAAO;AAAA,WAClB,MAAM;AAAA;AAAA;AAIb,0BAAsB;AACpB;AAAA;AAGF,qBAAiB;AACf,cAAQ,QAAQ;AAAA;AAGlB,qBAAiB,EAAE,QAAuB;AACxC,UAAI,SAASC,gBAAW,KAAK;AAE3B,YAAI,QAAQ,OAAO;AACjB;AAAA;AAAA,aAEG;AACL;AAAA;AAAA;AAIJ,kBAAU,MAAM;AACd;AACA,cAAQ,QAAQ;AAAA;AAGlB,cACE,MAAM,MAAM,WACZ,MAAM;AACJ;AACA;AAAA;AAIJ,0BAAiB,UAAU,WAAW;AAEtC,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}