element-plus 1.2.0-beta.3 → 1.2.0-beta.4

package/lib/components/message-box/src/message-box.type.d.ts

@@ -45,45 +45,83 @@ export declare interface MessageBoxState {
     zIndex: number;
 }
 export declare type Callback = ((value: string, action: Action) => any) | ((action: Action) => any);
+/** Options used in MessageBox */
 export interface ElMessageBoxOptions {
+    /** Callback before MessageBox closes, and it will prevent MessageBox from closing */
     beforeClose?: (action: Action, instance: MessageBoxState, done: () => void) => void;
+    /** Custom class name for MessageBox */
     customClass?: string;
+    /** Custom inline style for MessageBox */
     customStyle?: CSSProperties;
+    /** MessageBox closing callback if you don't prefer Promise */
     callback?: Callback;
+    /** Text content of cancel button */
     cancelButtonText?: string;
+    /** Text content of confirm button */
     confirmButtonText?: string;
+    /** Custom class name of cancel button */
     cancelButtonClass?: string;
+    /** Custom class name of confirm button */
     confirmButtonClass?: string;
+    /** Whether to align the content in center */
     center?: boolean;
+    /** Content of the MessageBox */
     message?: string | VNode;
+    /** Title of the MessageBox */
     title?: string;
+    /** Message type, used for icon display */
     type?: MessageType;
+    /** Message box type */
     boxType?: MessageBoxType;
+    /** Custom icon component */
     icon?: string | Component;
+    /** Whether message is treated as HTML string */
     dangerouslyUseHTMLString?: boolean;
+    /** Whether to distinguish canceling and closing */
     distinguishCancelAndClose?: boolean;
+    /** Whether to lock body scroll when MessageBox prompts */
     lockScroll?: boolean;
+    /** Whether to show a cancel button */
     showCancelButton?: boolean;
+    /** Whether to show a confirm button */
     showConfirmButton?: boolean;
+    /** Whether to show a close button */
     showClose?: boolean;
+    /** Whether to use round button */
     roundButton?: boolean;
+    /** Whether MessageBox can be closed by clicking the mask */
     closeOnClickModal?: boolean;
+    /** Whether MessageBox can be closed by pressing the ESC */
     closeOnPressEscape?: boolean;
+    /** Whether to close MessageBox when hash changes */
     closeOnHashChange?: boolean;
+    /** Whether to show an input */
     showInput?: boolean;
+    /** Placeholder of input */
     inputPlaceholder?: string;
+    /** Initial value of input */
     inputValue?: string;
+    /** Regexp for the input */
     inputPattern?: RegExp;
+    /** Input Type: text, textArea, password or number */
     inputType?: string;
+    /** Validation function for the input. Should returns a boolean or string. If a string is returned, it will be assigned to inputErrorMessage */
     inputValidator?: MessageBoxInputValidator;
+    /** Error message when validation fails */
     inputErrorMessage?: string;
 }
 export declare type ElMessageBoxShortcutMethod = ((message: ElMessageBoxOptions['message'], title: ElMessageBoxOptions['title'], options?: ElMessageBoxOptions) => Promise<MessageBoxData>) & ((message: ElMessageBoxOptions['message'], options?: ElMessageBoxOptions) => Promise<MessageBoxData>);
 export interface IElMessageBox {
+    /** Show a message box */
+    /** Show a message box */
     (options: ElMessageBoxOptions): Promise<MessageBoxData>;
+    /** Show an alert message box */
     alert: ElMessageBoxShortcutMethod;
+    /** Show a confirm message box */
     confirm: ElMessageBoxShortcutMethod;
+    /** Show a prompt message box */
     prompt: ElMessageBoxShortcutMethod;
+    /** Close current message box */
     close(): void;
 }
 export {};

package/lib/components/message-box/src/messageBox.js

@@ -7,9 +7,9 @@ var shared = require('@vue/shared');
 var isServer = require('../../../utils/isServer.js');
 require('../../../utils/util.js');
 require('./index.js');
-var index_vue_vue_type_script_lang = require('./index.vue_vue&type=script&lang.js');
+var index_vue_vue_type_script_lang = require('./index.vue_vue_type_script_lang.js');
 
-const messageInstance = new Map();
+const messageInstance = /* @__PURE__ */ new Map();
 const initInstance = (props, container) => {
   const vnode = vue.h(index_vue_vue_type_script_lang["default"], props);
   vue.render(vnode, container);

package/lib/components/message-box/src/messageBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"messageBox.js","sources":["../../../../../../packages/components/message-box/src/messageBox.ts"],"sourcesContent":["import { h, watch, render } from 'vue'\nimport { hasOwn } from '@vue/shared'\nimport isServer from '@element-plus/utils/isServer'\nimport { isVNode, isString } from '@element-plus/utils/util'\nimport MessageBoxConstructor from './index.vue'\n\nimport type { ComponentPublicInstance, VNode } from 'vue'\nimport type {\n  Action,\n  Callback,\n  MessageBoxState,\n  IElMessageBox,\n  ElMessageBoxOptions,\n  MessageBoxData,\n} from './message-box.type'\n\n// component default merge props & data\n\nconst messageInstance = new Map<\n  ComponentPublicInstance<{ doClose: () => void }>, // marking doClose as function\n  {\n    options: any\n    callback: Callback\n    resolve: (res: any) => void\n    reject: (reason?: any) => void\n  }\n>()\n\nconst initInstance = (props: any, container: HTMLElement) => {\n  const vnode = h(MessageBoxConstructor, props)\n  render(vnode, container)\n  document.body.appendChild(container.firstElementChild)\n  return vnode.component\n}\n\nconst genContainer = () => {\n  return document.createElement('div')\n}\n\nconst showMessage = (options: any) => {\n  const container = genContainer()\n  // Adding destruct method.\n  // when transition leaves emitting `vanish` evt. so that we can do the clean job.\n  options.onVanish = () => {\n    // not sure if this causes mem leak, need proof to verify that.\n    // maybe calling out like 1000 msg-box then close them all.\n    render(null, container)\n    messageInstance.delete(vm) // Remove vm to avoid mem leak.\n    // here we were suppose to call document.body.removeChild(container.firstElementChild)\n    // but render(null, container) did that job for us. so that we do not call that directly\n  }\n\n  options.onAction = (action: Action) => {\n    const currentMsg = messageInstance.get(vm)\n    let resolve: Action | { value: string; action: Action }\n    if (options.showInput) {\n      resolve = { value: vm.inputValue, action }\n    } else {\n      resolve = action\n    }\n    if (options.callback) {\n      options.callback(resolve, instance.proxy)\n    } else {\n      if (action === 'cancel' || action === 'close') {\n        if (options.distinguishCancelAndClose && action !== 'cancel') {\n          currentMsg.reject('close')\n        } else {\n          currentMsg.reject('cancel')\n        }\n      } else {\n        currentMsg.resolve(resolve)\n      }\n    }\n  }\n\n  const instance = initInstance(options, container)\n\n  // This is how we use message box programmably.\n  // Maybe consider releasing a template version?\n  // get component instance like v2.\n  const vm = instance.proxy as ComponentPublicInstance<\n    {\n      visible: boolean\n      doClose: () => void\n    } & MessageBoxState\n  >\n\n  for (const prop in options) {\n    if (hasOwn(options, prop) && !hasOwn(vm.$props, prop)) {\n      vm[prop as string] = options[prop]\n    }\n  }\n\n  watch(\n    () => vm.message,\n    (newVal, oldVal) => {\n      if (isVNode(newVal)) {\n        // Override slots since message is vnode type.\n        instance.slots.default = () => [newVal]\n      } else if (isVNode(oldVal) && !isVNode(newVal)) {\n        delete instance.slots.default\n      }\n    },\n    {\n      immediate: true,\n    }\n  )\n\n  // change visibility after everything is settled\n  vm.visible = true\n  return vm\n}\n\nasync function MessageBox(options: ElMessageBoxOptions): Promise<MessageBoxData>\nfunction MessageBox(\n  options: ElMessageBoxOptions | string | VNode\n): Promise<{ value: string; action: Action } | Action> {\n  if (isServer) return\n  let callback\n  if (isString(options) || isVNode(options)) {\n    options = {\n      message: options,\n    }\n  } else {\n    callback = options.callback\n  }\n\n  return new Promise((resolve, reject) => {\n    const vm = showMessage(options)\n    // collect this vm in order to handle upcoming events.\n    messageInstance.set(vm, {\n      options,\n      callback,\n      resolve,\n      reject,\n    })\n  })\n}\n\nMessageBox.alert = (\n  message: string,\n  title: string,\n  options?: ElMessageBoxOptions\n) => {\n  if (typeof title === 'object') {\n    options = title\n    title = ''\n  } else if (title === undefined) {\n    title = ''\n  }\n\n  return MessageBox(\n    Object.assign(\n      {\n        title,\n        message,\n        type: '',\n        closeOnPressEscape: false,\n        closeOnClickModal: false,\n      },\n      options,\n      {\n        boxType: 'alert',\n      }\n    )\n  )\n}\n\nMessageBox.confirm = (\n  message: string,\n  title: string,\n  options?: ElMessageBoxOptions\n) => {\n  if (typeof title === 'object') {\n    options = title\n    title = ''\n  } else if (title === undefined) {\n    title = ''\n  }\n  return MessageBox(\n    Object.assign(\n      {\n        title,\n        message,\n        type: '',\n        showCancelButton: true,\n      },\n      options,\n      {\n        boxType: 'confirm',\n      }\n    )\n  )\n}\n\nMessageBox.prompt = (\n  message: string,\n  title: string,\n  options?: ElMessageBoxOptions\n) => {\n  if (typeof title === 'object') {\n    options = title\n    title = ''\n  } else if (title === undefined) {\n    title = ''\n  }\n  return MessageBox(\n    Object.assign(\n      {\n        title,\n        message,\n        showCancelButton: true,\n        showInput: true,\n        type: '',\n      },\n      options,\n      {\n        boxType: 'prompt',\n      }\n    )\n  )\n}\n\nMessageBox.close = () => {\n  // instance.setupInstall.doClose()\n  // instance.setupInstall.state.visible = false\n\n  messageInstance.forEach((_, vm) => {\n    vm.doClose()\n  })\n\n  messageInstance.clear()\n}\n\nexport default MessageBox as IElMessageBox\n"],"names":["h","MessageBoxConstructor","hasOwn","isVNode","isServer","isString"],"mappings":"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"}
+{"version":3,"file":"messageBox.js","sources":["../../../../../../packages/components/message-box/src/messageBox.ts"],"sourcesContent":["import { h, watch, render } from 'vue'\nimport { hasOwn } from '@vue/shared'\nimport isServer from '@element-plus/utils/isServer'\nimport { isVNode, isString } from '@element-plus/utils/util'\nimport MessageBoxConstructor from './index.vue'\n\nimport type { ComponentPublicInstance, VNode } from 'vue'\nimport type {\n  Action,\n  Callback,\n  MessageBoxState,\n  IElMessageBox,\n  ElMessageBoxOptions,\n  MessageBoxData,\n} from './message-box.type'\n\n// component default merge props & data\n\nconst messageInstance = new Map<\n  ComponentPublicInstance<{ doClose: () => void }>, // marking doClose as function\n  {\n    options: any\n    callback: Callback\n    resolve: (res: any) => void\n    reject: (reason?: any) => void\n  }\n>()\n\nconst initInstance = (props: any, container: HTMLElement) => {\n  const vnode = h(MessageBoxConstructor, props)\n  render(vnode, container)\n  document.body.appendChild(container.firstElementChild)\n  return vnode.component\n}\n\nconst genContainer = () => {\n  return document.createElement('div')\n}\n\nconst showMessage = (options: any) => {\n  const container = genContainer()\n  // Adding destruct method.\n  // when transition leaves emitting `vanish` evt. so that we can do the clean job.\n  options.onVanish = () => {\n    // not sure if this causes mem leak, need proof to verify that.\n    // maybe calling out like 1000 msg-box then close them all.\n    render(null, container)\n    messageInstance.delete(vm) // Remove vm to avoid mem leak.\n    // here we were suppose to call document.body.removeChild(container.firstElementChild)\n    // but render(null, container) did that job for us. so that we do not call that directly\n  }\n\n  options.onAction = (action: Action) => {\n    const currentMsg = messageInstance.get(vm)\n    let resolve: Action | { value: string; action: Action }\n    if (options.showInput) {\n      resolve = { value: vm.inputValue, action }\n    } else {\n      resolve = action\n    }\n    if (options.callback) {\n      options.callback(resolve, instance.proxy)\n    } else {\n      if (action === 'cancel' || action === 'close') {\n        if (options.distinguishCancelAndClose && action !== 'cancel') {\n          currentMsg.reject('close')\n        } else {\n          currentMsg.reject('cancel')\n        }\n      } else {\n        currentMsg.resolve(resolve)\n      }\n    }\n  }\n\n  const instance = initInstance(options, container)\n\n  // This is how we use message box programmably.\n  // Maybe consider releasing a template version?\n  // get component instance like v2.\n  const vm = instance.proxy as ComponentPublicInstance<\n    {\n      visible: boolean\n      doClose: () => void\n    } & MessageBoxState\n  >\n\n  for (const prop in options) {\n    if (hasOwn(options, prop) && !hasOwn(vm.$props, prop)) {\n      vm[prop as string] = options[prop]\n    }\n  }\n\n  watch(\n    () => vm.message,\n    (newVal, oldVal) => {\n      if (isVNode(newVal)) {\n        // Override slots since message is vnode type.\n        instance.slots.default = () => [newVal]\n      } else if (isVNode(oldVal) && !isVNode(newVal)) {\n        delete instance.slots.default\n      }\n    },\n    {\n      immediate: true,\n    }\n  )\n\n  // change visibility after everything is settled\n  vm.visible = true\n  return vm\n}\n\nasync function MessageBox(options: ElMessageBoxOptions): Promise<MessageBoxData>\nfunction MessageBox(\n  options: ElMessageBoxOptions | string | VNode\n): Promise<{ value: string; action: Action } | Action> {\n  if (isServer) return\n  let callback\n  if (isString(options) || isVNode(options)) {\n    options = {\n      message: options,\n    }\n  } else {\n    callback = options.callback\n  }\n\n  return new Promise((resolve, reject) => {\n    const vm = showMessage(options)\n    // collect this vm in order to handle upcoming events.\n    messageInstance.set(vm, {\n      options,\n      callback,\n      resolve,\n      reject,\n    })\n  })\n}\n\nMessageBox.alert = (\n  message: string,\n  title: string,\n  options?: ElMessageBoxOptions\n) => {\n  if (typeof title === 'object') {\n    options = title\n    title = ''\n  } else if (title === undefined) {\n    title = ''\n  }\n\n  return MessageBox(\n    Object.assign(\n      {\n        title,\n        message,\n        type: '',\n        closeOnPressEscape: false,\n        closeOnClickModal: false,\n      },\n      options,\n      {\n        boxType: 'alert',\n      }\n    )\n  )\n}\n\nMessageBox.confirm = (\n  message: string,\n  title: string,\n  options?: ElMessageBoxOptions\n) => {\n  if (typeof title === 'object') {\n    options = title\n    title = ''\n  } else if (title === undefined) {\n    title = ''\n  }\n  return MessageBox(\n    Object.assign(\n      {\n        title,\n        message,\n        type: '',\n        showCancelButton: true,\n      },\n      options,\n      {\n        boxType: 'confirm',\n      }\n    )\n  )\n}\n\nMessageBox.prompt = (\n  message: string,\n  title: string,\n  options?: ElMessageBoxOptions\n) => {\n  if (typeof title === 'object') {\n    options = title\n    title = ''\n  } else if (title === undefined) {\n    title = ''\n  }\n  return MessageBox(\n    Object.assign(\n      {\n        title,\n        message,\n        showCancelButton: true,\n        showInput: true,\n        type: '',\n      },\n      options,\n      {\n        boxType: 'prompt',\n      }\n    )\n  )\n}\n\nMessageBox.close = () => {\n  // instance.setupInstall.doClose()\n  // instance.setupInstall.state.visible = false\n\n  messageInstance.forEach((_, vm) => {\n    vm.doClose()\n  })\n\n  messageInstance.clear()\n}\n\nexport default MessageBox as IElMessageBox\n"],"names":["h","MessageBoxConstructor","hasOwn","isVNode","isServer","isString"],"mappings":"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"}

package/lib/components/notification/src/notification.vue.d.ts

@@ -17,7 +17,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly type: import("../../../utils/props").BuildPropReturn<StringConstructor, "", unknown, "" | "error" | "success" | "warning" | "info", unknown>;
     readonly zIndex: import("../../../utils/props").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
 }, {
-    horizontalClass: import("vue").ComputedRef<"left" | "right">;
+    horizontalClass: import("vue").ComputedRef<"right" | "left">;
     typeClass: import("vue").ComputedRef<string>;
     iconComponent: import("vue").ComputedRef<any>;
     positionStyle: import("vue").ComputedRef<CSSProperties>;

package/lib/components/notification/src/notification.vue_vue_type_script_lang.js

@@ -0,0 +1,83 @@
+'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('../../icon/index.js');
+var icon = require('../../../utils/icon.js');
+var notification = require('./notification.js');
+
+var script = vue.defineComponent({
+  name: "ElNotification",
+  components: {
+    ElIcon: index.ElIcon,
+    ...icon.TypeComponents
+  },
+  props: notification.notificationProps,
+  emits: notification.notificationEmits,
+  setup(props) {
+    const visible = vue.ref(false);
+    let timer = void 0;
+    const typeClass = vue.computed(() => {
+      const type = props.type;
+      return type && icon.TypeComponentsMap[props.type] ? `el-notification--${type}` : "";
+    });
+    const iconComponent = vue.computed(() => {
+      return icon.TypeComponentsMap[props.type] || props.icon || "";
+    });
+    const horizontalClass = vue.computed(() => props.position.endsWith("right") ? "right" : "left");
+    const verticalProperty = vue.computed(() => props.position.startsWith("top") ? "top" : "bottom");
+    const positionStyle = vue.computed(() => {
+      return {
+        [verticalProperty.value]: `${props.offset}px`,
+        zIndex: props.zIndex
+      };
+    });
+    function startTimer() {
+      if (props.duration > 0) {
+        ;
+        ({ stop: timer } = core.useTimeoutFn(() => {
+          if (visible.value)
+            close();
+        }, props.duration));
+      }
+    }
+    function clearTimer() {
+      timer == null ? void 0 : timer();
+    }
+    function close() {
+      visible.value = false;
+    }
+    function onKeydown({ code }) {
+      if (code === aria.EVENT_CODE.delete || code === aria.EVENT_CODE.backspace) {
+        clearTimer();
+      } else if (code === aria.EVENT_CODE.esc) {
+        if (visible.value) {
+          close();
+        }
+      } else {
+        startTimer();
+      }
+    }
+    vue.onMounted(() => {
+      startTimer();
+      visible.value = true;
+    });
+    core.useEventListener(document, "keydown", onKeydown);
+    return {
+      horizontalClass,
+      typeClass,
+      iconComponent,
+      positionStyle,
+      visible,
+      close,
+      clearTimer,
+      startTimer
+    };
+  }
+});
+
+exports["default"] = script;
+//# sourceMappingURL=notification.vue_vue_type_script_lang.js.map

package/lib/components/notification/src/notification.vue_vue_type_script_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/notification/src/notification.vue"],"sourcesContent":["<template>\n  <transition\n    name=\"el-notification-fade\"\n    @before-leave=\"onClose\"\n    @after-leave=\"$emit('destroy')\"\n  >\n    <div\n      v-show=\"visible\"\n      :id=\"id\"\n      :class=\"['el-notification', customClass, horizontalClass]\"\n      :style=\"positionStyle\"\n      role=\"alert\"\n      @mouseenter=\"clearTimer\"\n      @mouseleave=\"startTimer\"\n      @click=\"onClick\"\n    >\n      <el-icon\n        v-if=\"iconComponent\"\n        class=\"el-notification__icon\"\n        :class=\"typeClass\"\n      >\n        <component :is=\"iconComponent\" />\n      </el-icon>\n      <div class=\"el-notification__group\">\n        <h2 class=\"el-notification__title\" v-text=\"title\"></h2>\n        <div\n          v-show=\"message\"\n          class=\"el-notification__content\"\n          :style=\"!!title ? undefined : { margin: 0 }\"\n        >\n          <slot>\n            <p v-if=\"!dangerouslyUseHTMLString\">{{ message }}</p>\n            <!-- Caution here, message could've been compromized, nerver use user's input as message -->\n            <!-- eslint-disable-next-line -->\n            <p v-else v-html=\"message\"></p>\n          </slot>\n        </div>\n        <el-icon\n          v-if=\"showClose\"\n          class=\"el-notification__closeBtn\"\n          @click.stop=\"close\"\n        >\n          <close />\n        </el-icon>\n      </div>\n    </div>\n  </transition>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, computed, ref, onMounted } from 'vue'\nimport { useEventListener, useTimeoutFn } from '@vueuse/core'\nimport { EVENT_CODE } from '@element-plus/utils/aria'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { TypeComponents, TypeComponentsMap } from '@element-plus/utils/icon'\nimport { notificationProps, notificationEmits } from './notification'\n\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'ElNotification',\n\n  components: {\n    ElIcon,\n    ...TypeComponents,\n  },\n\n  props: notificationProps,\n  emits: notificationEmits,\n\n  setup(props) {\n    const visible = ref(false)\n    let timer: (() => void) | undefined = undefined\n\n    const typeClass = computed(() => {\n      const type = props.type\n      return type && TypeComponentsMap[props.type]\n        ? `el-notification--${type}`\n        : ''\n    })\n\n    const iconComponent = computed(() => {\n      return TypeComponentsMap[props.type] || props.icon || ''\n    })\n\n    const horizontalClass = computed(() =>\n      props.position.endsWith('right') ? 'right' : 'left'\n    )\n\n    const verticalProperty = computed(() =>\n      props.position.startsWith('top') ? 'top' : 'bottom'\n    )\n\n    const positionStyle = computed<CSSProperties>(() => {\n      return {\n        [verticalProperty.value]: `${props.offset}px`,\n        zIndex: props.zIndex,\n      }\n    })\n\n    function startTimer() {\n      if (props.duration > 0) {\n        ;({ stop: timer } = useTimeoutFn(() => {\n          if (visible.value) close()\n        }, props.duration))\n      }\n    }\n\n    function clearTimer() {\n      timer?.()\n    }\n\n    function close() {\n      visible.value = false\n    }\n\n    function onKeydown({ code }: KeyboardEvent) {\n      if (code === EVENT_CODE.delete || code === EVENT_CODE.backspace) {\n        clearTimer() // press delete/backspace clear timer\n      } else if (code === EVENT_CODE.esc) {\n        // press esc to close the notification\n        if (visible.value) {\n          close()\n        }\n      } else {\n        startTimer() // resume timer\n      }\n    }\n\n    // lifecycle\n    onMounted(() => {\n      startTimer()\n      visible.value = true\n    })\n\n    useEventListener(document, 'keydown', onKeydown)\n\n    return {\n      horizontalClass,\n      typeClass,\n      iconComponent,\n      positionStyle,\n      visible,\n\n      close,\n      clearTimer,\n      startTimer,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElIcon","TypeComponents","notificationProps","notificationEmits","ref","computed","TypeComponentsMap","useTimeoutFn","EVENT_CODE"],"mappings":";;;;;;;;;;;AA0DA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,YACVC;AAAA,OACGC;AAAA;AAAA,EAGL,OAAOC;AAAA,EACP,OAAOC;AAAA,EAEP,MAAM,OAAO;AACX,UAAM,UAAUC,QAAI;AACpB,QAAI,QAAkC;AAEtC,UAAM,YAAYC,aAAS,MAAM;AAC/B,YAAM,OAAO,MAAM;AACnB,aAAO,QAAQC,uBAAkB,MAAM,QACnC,oBAAoB,SACpB;AAAA;AAGN,UAAM,gBAAgBD,aAAS,MAAM;AACnC,aAAOC,uBAAkB,MAAM,SAAS,MAAM,QAAQ;AAAA;AAGxD,UAAM,kBAAkBD,aAAS,MAC/B,MAAM,SAAS,SAAS,WAAW,UAAU;AAG/C,UAAM,mBAAmBA,aAAS,MAChC,MAAM,SAAS,WAAW,SAAS,QAAQ;AAG7C,UAAM,gBAAgBA,aAAwB,MAAM;AAClD,aAAO;AAAA,SACJ,iBAAiB,QAAQ,GAAG,MAAM;AAAA,QACnC,QAAQ,MAAM;AAAA;AAAA;AAIlB,0BAAsB;AACpB,UAAI,MAAM,WAAW,GAAG;AACtB;AAAC,QAAC,GAAE,MAAM,UAAUE,kBAAa,MAAM;AACrC,cAAI,QAAQ;AAAO;AAAA,WAClB,MAAM;AAAA;AAAA;AAIb,0BAAsB;AACpB;AAAA;AAGF,qBAAiB;AACf,cAAQ,QAAQ;AAAA;AAGlB,uBAAmB,EAAE,QAAuB;AAC1C,UAAI,SAASC,gBAAW,UAAU,SAASA,gBAAW,WAAW;AAC/D;AAAA,iBACS,SAASA,gBAAW,KAAK;AAElC,YAAI,QAAQ,OAAO;AACjB;AAAA;AAAA,aAEG;AACL;AAAA;AAAA;AAKJ,kBAAU,MAAM;AACd;AACA,cAAQ,QAAQ;AAAA;AAGlB,0BAAiB,UAAU,WAAW;AAEtC,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}

package/lib/components/notification/src/notification.vue_vue_type_template_id_d6b81f36_lang.js

@@ -0,0 +1,78 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+const _hoisted_1 = ["id"];
+const _hoisted_2 = { class: "el-notification__group" };
+const _hoisted_3 = ["textContent"];
+const _hoisted_4 = { key: 0 };
+const _hoisted_5 = ["innerHTML"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_icon = vue.resolveComponent("el-icon");
+  const _component_close = vue.resolveComponent("close");
+  return vue.openBlock(), vue.createBlock(vue.Transition, {
+    name: "el-notification-fade",
+    onBeforeLeave: _ctx.onClose,
+    onAfterLeave: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("destroy"))
+  }, {
+    default: vue.withCtx(() => [
+      vue.withDirectives(vue.createElementVNode("div", {
+        id: _ctx.id,
+        class: vue.normalizeClass(["el-notification", _ctx.customClass, _ctx.horizontalClass]),
+        style: vue.normalizeStyle(_ctx.positionStyle),
+        role: "alert",
+        onMouseenter: _cache[0] || (_cache[0] = (...args) => _ctx.clearTimer && _ctx.clearTimer(...args)),
+        onMouseleave: _cache[1] || (_cache[1] = (...args) => _ctx.startTimer && _ctx.startTimer(...args)),
+        onClick: _cache[2] || (_cache[2] = (...args) => _ctx.onClick && _ctx.onClick(...args))
+      }, [
+        _ctx.iconComponent ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
+          key: 0,
+          class: vue.normalizeClass(["el-notification__icon", _ctx.typeClass])
+        }, {
+          default: vue.withCtx(() => [
+            (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.iconComponent)))
+          ]),
+          _: 1
+        }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createElementVNode("h2", {
+            class: "el-notification__title",
+            textContent: vue.toDisplayString(_ctx.title)
+          }, null, 8, _hoisted_3),
+          vue.withDirectives(vue.createElementVNode("div", {
+            class: "el-notification__content",
+            style: vue.normalizeStyle(!!_ctx.title ? void 0 : { margin: 0 })
+          }, [
+            vue.renderSlot(_ctx.$slots, "default", {}, () => [
+              !_ctx.dangerouslyUseHTMLString ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_4, vue.toDisplayString(_ctx.message), 1)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                vue.createCommentVNode(" Caution here, message could've been compromized, nerver use user's input as message "),
+                vue.createCommentVNode(" eslint-disable-next-line "),
+                vue.createElementVNode("p", { innerHTML: _ctx.message }, null, 8, _hoisted_5)
+              ], 2112))
+            ])
+          ], 4), [
+            [vue.vShow, _ctx.message]
+          ]),
+          _ctx.showClose ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
+            key: 0,
+            class: "el-notification__closeBtn",
+            onClick: vue.withModifiers(_ctx.close, ["stop"])
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_close)
+            ]),
+            _: 1
+          }, 8, ["onClick"])) : vue.createCommentVNode("v-if", true)
+        ])
+      ], 46, _hoisted_1), [
+        [vue.vShow, _ctx.visible]
+      ])
+    ]),
+    _: 3
+  }, 8, ["onBeforeLeave"]);
+}
+
+exports.render = render;
+//# sourceMappingURL=notification.vue_vue_type_template_id_d6b81f36_lang.js.map

package/lib/components/notification/src/notification.vue_vue_type_template_id_d6b81f36_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification.vue_vue_type_template_id_d6b81f36_lang.js","sources":["../../../../../../packages/components/notification/src/notification.vue?vue&type=template&id=d6b81f36&lang.js"],"sourcesContent":["<template>\n  <transition\n    name=\"el-notification-fade\"\n    @before-leave=\"onClose\"\n    @after-leave=\"$emit('destroy')\"\n  >\n    <div\n      v-show=\"visible\"\n      :id=\"id\"\n      :class=\"['el-notification', customClass, horizontalClass]\"\n      :style=\"positionStyle\"\n      role=\"alert\"\n      @mouseenter=\"clearTimer\"\n      @mouseleave=\"startTimer\"\n      @click=\"onClick\"\n    >\n      <el-icon\n        v-if=\"iconComponent\"\n        class=\"el-notification__icon\"\n        :class=\"typeClass\"\n      >\n        <component :is=\"iconComponent\" />\n      </el-icon>\n      <div class=\"el-notification__group\">\n        <h2 class=\"el-notification__title\" v-text=\"title\"></h2>\n        <div\n          v-show=\"message\"\n          class=\"el-notification__content\"\n          :style=\"!!title ? undefined : { margin: 0 }\"\n        >\n          <slot>\n            <p v-if=\"!dangerouslyUseHTMLString\">{{ message }}</p>\n            <!-- Caution here, message could've been compromized, nerver use user's input as message -->\n            <!-- eslint-disable-next-line -->\n            <p v-else v-html=\"message\"></p>\n          </slot>\n        </div>\n        <el-icon\n          v-if=\"showClose\"\n          class=\"el-notification__closeBtn\"\n          @click.stop=\"close\"\n        >\n          <close />\n        </el-icon>\n      </div>\n    </div>\n  </transition>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, computed, ref, onMounted } from 'vue'\nimport { useEventListener, useTimeoutFn } from '@vueuse/core'\nimport { EVENT_CODE } from '@element-plus/utils/aria'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { TypeComponents, TypeComponentsMap } from '@element-plus/utils/icon'\nimport { notificationProps, notificationEmits } from './notification'\n\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'ElNotification',\n\n  components: {\n    ElIcon,\n    ...TypeComponents,\n  },\n\n  props: notificationProps,\n  emits: notificationEmits,\n\n  setup(props) {\n    const visible = ref(false)\n    let timer: (() => void) | undefined = undefined\n\n    const typeClass = computed(() => {\n      const type = props.type\n      return type && TypeComponentsMap[props.type]\n        ? `el-notification--${type}`\n        : ''\n    })\n\n    const iconComponent = computed(() => {\n      return TypeComponentsMap[props.type] || props.icon || ''\n    })\n\n    const horizontalClass = computed(() =>\n      props.position.endsWith('right') ? 'right' : 'left'\n    )\n\n    const verticalProperty = computed(() =>\n      props.position.startsWith('top') ? 'top' : 'bottom'\n    )\n\n    const positionStyle = computed<CSSProperties>(() => {\n      return {\n        [verticalProperty.value]: `${props.offset}px`,\n        zIndex: props.zIndex,\n      }\n    })\n\n    function startTimer() {\n      if (props.duration > 0) {\n        ;({ stop: timer } = useTimeoutFn(() => {\n          if (visible.value) close()\n        }, props.duration))\n      }\n    }\n\n    function clearTimer() {\n      timer?.()\n    }\n\n    function close() {\n      visible.value = false\n    }\n\n    function onKeydown({ code }: KeyboardEvent) {\n      if (code === EVENT_CODE.delete || code === EVENT_CODE.backspace) {\n        clearTimer() // press delete/backspace clear timer\n      } else if (code === EVENT_CODE.esc) {\n        // press esc to close the notification\n        if (visible.value) {\n          close()\n        }\n      } else {\n        startTimer() // resume timer\n      }\n    }\n\n    // lifecycle\n    onMounted(() => {\n      startTimer()\n      visible.value = true\n    })\n\n    useEventListener(document, 'keydown', onKeydown)\n\n    return {\n      horizontalClass,\n      typeClass,\n      iconComponent,\n      positionStyle,\n      visible,\n\n      close,\n      clearTimer,\n      startTimer,\n    }\n  },\n})\n</script>\n"],"names":["_createBlock","_createElementVNode","_toDisplayString","_renderSlot","_createElementBlock","_createCommentVNode","_createVNode"],"mappings":";;;;;;;qBAuBW,OAAM;;;;;;;0BAtBfA;IACE,MAAK;AAAA,IACJ,eAAc;IACd,oDAAa;;yBAEd;yBAAAC;QAEG,IAAI;QACJ,8CAA2B,kBAAa;QACxC,0BAAO;QACR,MAAK;AAAA,QACJ,qDAAY;QACZ,qDAAY;QACZ,gDAAO;;QAGA,uCADRD;;UAEE,2BAAM,yBACE;;+BAER;8BAAAA,4CAAgB;;;;QAElBC,8BAAA;UACEA;YAAI,OAAM;AAAA,yBAAyBC,oBAAQ;;6BAC3CD;YAEE,OAAM;AAAA,YACL,4BAAS,aAAQ;;YAElBE,2CAAA;eACY,kDAAVC,4DAAuC,uCAGvCA;gBAFAC;gBACAA;gBACAJ,8BAAU,WAAQ;;;;wBARZ;;UAYF,mCADRD;;YAEE,OAAM;AAAA,YACL,2BAAY;;iCAEb;cAAAM;;;;;;oBAnCI;;;;;;;;;"}

package/lib/components/notification/src/notification2.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var notification_vue_vue_type_script_lang = require('./notification.vue_vue&type=script&lang.js');
-var notification_vue_vue_type_template_id_d6b81f36_lang = require('./notification.vue_vue&type=template&id=d6b81f36&lang.js');
+var notification_vue_vue_type_script_lang = require('./notification.vue_vue_type_script_lang.js');
+var notification_vue_vue_type_template_id_d6b81f36_lang = require('./notification.vue_vue_type_template_id_d6b81f36_lang.js');
 
 notification_vue_vue_type_script_lang["default"].render = notification_vue_vue_type_template_id_d6b81f36_lang.render;
 notification_vue_vue_type_script_lang["default"].__file = "packages/components/notification/src/notification.vue";

package/lib/components/notification/src/notify.d.ts

@@ -1,5 +1,13 @@
 import type { VNode } from 'vue';
 import type { NotificationOptions, Notify } from './notification';
+/**
+ * This function gets called when user click `x` button or press `esc` or the time reached its limitation.
+ * Emitted by transition@before-leave event so that we can fetch the current notification.offsetHeight, if this was called
+ * by @after-leave the DOM element will be removed from the page thus we can no longer fetch the offsetHeight.
+ * @param {String} id notification id to be closed
+ * @param {Position} position the positioning strategy
+ * @param {Function} userOnClose the callback called when close passed by user
+ */
 export declare function close(id: string, position: NotificationOptions['position'], userOnClose?: (vm: VNode) => void): void;
 export declare function closeAll(): void;
 declare const _default: Notify;

package/lib/components/notification/src/notify.js

@@ -9,7 +9,7 @@ require('../../../utils/util.js');
 var error = require('../../../utils/error.js');
 require('./notification2.js');
 var notification = require('./notification.js');
-var notification_vue_vue_type_script_lang = require('./notification.vue_vue&type=script&lang.js');
+var notification_vue_vue_type_script_lang = require('./notification.vue_vue_type_script_lang.js');
 
 const notifications = {
   "top-left": [],

package/lib/components/page-header/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var withInstall = require('../../utils/with-install.js');
 require('./src/page-header2.js');
 var pageHeader = require('./src/page-header.js');
-var pageHeader_vue_vue_type_script_lang = require('./src/page-header.vue_vue&type=script&lang.js');
+var pageHeader_vue_vue_type_script_lang = require('./src/page-header.vue_vue_type_script_lang.js');
 
 const ElPageHeader = withInstall.withInstall(pageHeader_vue_vue_type_script_lang["default"]);
 

package/lib/components/page-header/src/page-header.vue_vue_type_script_lang.js

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var index = require('../../icon/index.js');
+require('../../../hooks/index.js');
+var pageHeader = require('./page-header.js');
+var index$1 = require('../../../hooks/use-locale/index.js');
+
+var script = vue.defineComponent({
+  name: "ElPageHeader",
+  components: {
+    ElIcon: index.ElIcon
+  },
+  props: pageHeader.pageHeaderProps,
+  emits: pageHeader.pageHeaderEmits,
+  setup(_, { emit }) {
+    const { t } = index$1.useLocaleInject();
+    function handleClick() {
+      emit("back");
+    }
+    return {
+      handleClick,
+      t
+    };
+  }
+});
+
+exports["default"] = script;
+//# sourceMappingURL=page-header.vue_vue_type_script_lang.js.map

package/lib/components/page-header/src/page-header.vue_vue_type_script_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-header.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/page-header/src/page-header.vue"],"sourcesContent":["<template>\n  <div class=\"el-page-header\">\n    <div class=\"el-page-header__left\" @click=\"handleClick\">\n      <div v-if=\"icon || $slots.icon\" class=\"el-page-header__icon\">\n        <slot name=\"icon\">\n          <el-icon v-if=\"icon\"><component :is=\"icon\" /></el-icon>\n        </slot>\n      </div>\n      <div class=\"el-page-header__title\">\n        <slot name=\"title\">{{ title || t('el.pageHeader.title') }}</slot>\n      </div>\n    </div>\n    <div class=\"el-page-header__content\">\n      <slot name=\"content\">{{ content }}</slot>\n    </div>\n  </div>\n</template>\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\n\nimport { useLocaleInject } from '@element-plus/hooks'\nimport { pageHeaderEmits, pageHeaderProps } from './page-header'\n\nexport default defineComponent({\n  name: 'ElPageHeader',\n\n  components: {\n    ElIcon,\n  },\n\n  props: pageHeaderProps,\n  emits: pageHeaderEmits,\n\n  setup(_, { emit }) {\n    const { t } = useLocaleInject()\n\n    function handleClick() {\n      emit('back')\n    }\n\n    return {\n      handleClick,\n      t,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElIcon","pageHeaderProps","pageHeaderEmits","useLocaleInject"],"mappings":";;;;;;;;;;AAwBA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,YACVC;AAAA;AAAA,EAGF,OAAOC;AAAA,EACP,OAAOC;AAAA,EAEP,MAAM,GAAG,EAAE,QAAQ;AACjB,UAAM,EAAE,MAAMC;AAEd,2BAAuB;AACrB,WAAK;AAAA;AAGP,WAAO;AAAA,MACL;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}

package/lib/components/page-header/src/page-header.vue_vue_type_template_id_d12fb4b2_lang.js

@@ -0,0 +1,46 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+const _hoisted_1 = { class: "el-page-header" };
+const _hoisted_2 = {
+  key: 0,
+  class: "el-page-header__icon"
+};
+const _hoisted_3 = { class: "el-page-header__title" };
+const _hoisted_4 = { class: "el-page-header__content" };
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_icon = vue.resolveComponent("el-icon");
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+    vue.createElementVNode("div", {
+      class: "el-page-header__left",
+      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+    }, [
+      _ctx.icon || _ctx.$slots.icon ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+        vue.renderSlot(_ctx.$slots, "icon", {}, () => [
+          _ctx.icon ? (vue.openBlock(), vue.createBlock(_component_el_icon, { key: 0 }, {
+            default: vue.withCtx(() => [
+              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
+            ]),
+            _: 1
+          })) : vue.createCommentVNode("v-if", true)
+        ])
+      ])) : vue.createCommentVNode("v-if", true),
+      vue.createElementVNode("div", _hoisted_3, [
+        vue.renderSlot(_ctx.$slots, "title", {}, () => [
+          vue.createTextVNode(vue.toDisplayString(_ctx.title || _ctx.t("el.pageHeader.title")), 1)
+        ])
+      ])
+    ]),
+    vue.createElementVNode("div", _hoisted_4, [
+      vue.renderSlot(_ctx.$slots, "content", {}, () => [
+        vue.createTextVNode(vue.toDisplayString(_ctx.content), 1)
+      ])
+    ])
+  ]);
+}
+
+exports.render = render;
+//# sourceMappingURL=page-header.vue_vue_type_template_id_d12fb4b2_lang.js.map

package/lib/components/page-header/src/page-header.vue_vue_type_template_id_d12fb4b2_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-header.vue_vue_type_template_id_d12fb4b2_lang.js","sources":["../../../../../../packages/components/page-header/src/page-header.vue?vue&type=template&id=d12fb4b2&lang.js"],"sourcesContent":["<template>\n  <div class=\"el-page-header\">\n    <div class=\"el-page-header__left\" @click=\"handleClick\">\n      <div v-if=\"icon || $slots.icon\" class=\"el-page-header__icon\">\n        <slot name=\"icon\">\n          <el-icon v-if=\"icon\"><component :is=\"icon\" /></el-icon>\n        </slot>\n      </div>\n      <div class=\"el-page-header__title\">\n        <slot name=\"title\">{{ title || t('el.pageHeader.title') }}</slot>\n      </div>\n    </div>\n    <div class=\"el-page-header__content\">\n      <slot name=\"content\">{{ content }}</slot>\n    </div>\n  </div>\n</template>\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\n\nimport { useLocaleInject } from '@element-plus/hooks'\nimport { pageHeaderEmits, pageHeaderProps } from './page-header'\n\nexport default defineComponent({\n  name: 'ElPageHeader',\n\n  components: {\n    ElIcon,\n  },\n\n  props: pageHeaderProps,\n  emits: pageHeaderEmits,\n\n  setup(_, { emit }) {\n    const { t } = useLocaleInject()\n\n    function handleClick() {\n      emit('back')\n    }\n\n    return {\n      handleClick,\n      t,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_renderSlot","_createBlock","_resolveDynamicComponent"],"mappings":";;;;;;qBACO,OAAM;;;EAEyB,OAAM;AAAA;qBAKjC,OAAM;qBAIR,OAAM;;;0BAXbA,8BAAA;IACEC;MAAK,OAAM;AAAA,MAAwB,gDAAO;;MAC7B,aAAQ,YAAO,yBAA1BD,8BAAA;QACEE,wCAAA;UACiB,8BAAfC;iCAAqB;gCAAAA,gBAAwBC,4BAAR;;;;;;MAGzCH,8BAAA;QACEC,yCAAA;kDAAsB,cAAS;;;;IAGnCD,8BAAA;MACEC,2CAAA;gDAAwB;;;;;;;;"}

package/lib/components/page-header/src/page-header2.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var pageHeader_vue_vue_type_script_lang = require('./page-header.vue_vue&type=script&lang.js');
-var pageHeader_vue_vue_type_template_id_d12fb4b2_lang = require('./page-header.vue_vue&type=template&id=d12fb4b2&lang.js');
+var pageHeader_vue_vue_type_script_lang = require('./page-header.vue_vue_type_script_lang.js');
+var pageHeader_vue_vue_type_template_id_d12fb4b2_lang = require('./page-header.vue_vue_type_template_id_d12fb4b2_lang.js');
 
 pageHeader_vue_vue_type_script_lang["default"].render = pageHeader_vue_vue_type_template_id_d12fb4b2_lang.render;
 pageHeader_vue_vue_type_script_lang["default"].__file = "packages/components/page-header/src/page-header.vue";

package/lib/components/pagination/src/components/jumper.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var jumper_vue_vue_type_script_lang = require('./jumper.vue_vue&type=script&lang.js');
-var jumper_vue_vue_type_template_id_772239ce_lang = require('./jumper.vue_vue&type=template&id=772239ce&lang.js');
+var jumper_vue_vue_type_script_lang = require('./jumper.vue_vue_type_script_lang.js');
+var jumper_vue_vue_type_template_id_772239ce_lang = require('./jumper.vue_vue_type_template_id_772239ce_lang.js');
 
 jumper_vue_vue_type_script_lang["default"].render = jumper_vue_vue_type_template_id_772239ce_lang.render;
 jumper_vue_vue_type_script_lang["default"].__file = "packages/components/pagination/src/components/jumper.vue";

package/lib/components/pagination/src/components/jumper.vue_vue_type_script_lang.js

@@ -0,0 +1,43 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+require('../../../../hooks/index.js');
+var index = require('../../../input/index.js');
+var usePagination = require('../usePagination.js');
+var index$1 = require('../../../../hooks/use-locale/index.js');
+
+var script = vue.defineComponent({
+  name: "ElPaginationJumper",
+  components: {
+    ElInput: index.ElInput
+  },
+  setup() {
+    const { t } = index$1.useLocaleInject();
+    const { pageCount, disabled, currentPage, changeEvent } = usePagination.usePagination();
+    const userInput = vue.ref();
+    const innerValue = vue.computed(() => {
+      var _a;
+      return (_a = userInput.value) != null ? _a : currentPage == null ? void 0 : currentPage.value;
+    });
+    function handleInput(val) {
+      userInput.value = +val;
+    }
+    function handleChange(val) {
+      changeEvent == null ? void 0 : changeEvent(+val);
+      userInput.value = void 0;
+    }
+    return {
+      pageCount,
+      disabled,
+      innerValue,
+      t,
+      handleInput,
+      handleChange
+    };
+  }
+});
+
+exports["default"] = script;
+//# sourceMappingURL=jumper.vue_vue_type_script_lang.js.map

package/lib/components/pagination/src/components/jumper.vue_vue_type_script_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jumper.vue_vue_type_script_lang.js","sources":["../../../../../../../packages/components/pagination/src/components/jumper.vue"],"sourcesContent":["<template>\n  <span class=\"el-pagination__jump\">\n    {{ t('el.pagination.goto') }}\n    <el-input\n      size=\"mini\"\n      class=\"el-pagination__editor is-in-pagination\"\n      :min=\"1\"\n      :max=\"pageCount\"\n      :disabled=\"disabled\"\n      :model-value=\"innerValue\"\n      type=\"number\"\n      @update:model-value=\"handleInput\"\n      @change=\"handleChange\"\n    />\n    {{ t('el.pagination.pageClassifier') }}\n  </span>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue'\nimport { useLocaleInject } from '@element-plus/hooks'\nimport ElInput from '@element-plus/components/input'\nimport { usePagination } from '../usePagination'\n\nexport default defineComponent({\n  name: 'ElPaginationJumper',\n  components: {\n    ElInput,\n  },\n\n  setup() {\n    const { t } = useLocaleInject()\n    const { pageCount, disabled, currentPage, changeEvent } = usePagination()\n    const userInput = ref<number>()\n    const innerValue = computed(() => userInput.value ?? currentPage?.value)\n\n    function handleInput(val: number | string) {\n      userInput.value = +val\n    }\n\n    function handleChange(val: number | string) {\n      changeEvent?.(+val)\n      userInput.value = undefined\n    }\n\n    return {\n      pageCount,\n      disabled,\n      innerValue,\n\n      t,\n      handleInput,\n      handleChange,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElInput","useLocaleInject","usePagination","ref","computed"],"mappings":";;;;;;;;;;AAwBA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,aACVC;AAAA;AAAA,EAGF,QAAQ;AACN,UAAM,EAAE,MAAMC;AACd,UAAM,EAAE,WAAW,UAAU,aAAa,gBAAgBC;AAC1D,UAAM,YAAYC;AAClB,UAAM,aAAaC,aAAS,MAAG;;AAAG,6BAAU,UAAV,YAAmB,2CAAa;AAAA;AAElE,yBAAqB,KAAsB;AACzC,gBAAU,QAAQ,CAAC;AAAA;AAGrB,0BAAsB,KAAsB;AAC1C,iDAAc,CAAC;AACf,gBAAU,QAAQ;AAAA;AAGpB,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}

package/lib/components/pagination/src/components/jumper.vue_vue_type_template_id_772239ce_lang.js

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+const _hoisted_1 = { class: "el-pagination__jump" };
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_input = vue.resolveComponent("el-input");
+  return vue.openBlock(), vue.createElementBlock("span", _hoisted_1, [
+    vue.createTextVNode(vue.toDisplayString(_ctx.t("el.pagination.goto")) + " ", 1),
+    vue.createVNode(_component_el_input, {
+      size: "mini",
+      class: "el-pagination__editor is-in-pagination",
+      min: 1,
+      max: _ctx.pageCount,
+      disabled: _ctx.disabled,
+      "model-value": _ctx.innerValue,
+      type: "number",
+      "onUpdate:modelValue": _ctx.handleInput,
+      onChange: _ctx.handleChange
+    }, null, 8, ["max", "disabled", "model-value", "onUpdate:modelValue", "onChange"]),
+    vue.createTextVNode(" " + vue.toDisplayString(_ctx.t("el.pagination.pageClassifier")), 1)
+  ]);
+}
+
+exports.render = render;
+//# sourceMappingURL=jumper.vue_vue_type_template_id_772239ce_lang.js.map

package/lib/components/pagination/src/components/jumper.vue_vue_type_template_id_772239ce_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jumper.vue_vue_type_template_id_772239ce_lang.js","sources":["../../../../../../../packages/components/pagination/src/components/jumper.vue?vue&type=template&id=772239ce&lang.js"],"sourcesContent":["<template>\n  <span class=\"el-pagination__jump\">\n    {{ t('el.pagination.goto') }}\n    <el-input\n      size=\"mini\"\n      class=\"el-pagination__editor is-in-pagination\"\n      :min=\"1\"\n      :max=\"pageCount\"\n      :disabled=\"disabled\"\n      :model-value=\"innerValue\"\n      type=\"number\"\n      @update:model-value=\"handleInput\"\n      @change=\"handleChange\"\n    />\n    {{ t('el.pagination.pageClassifier') }}\n  </span>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue'\nimport { useLocaleInject } from '@element-plus/hooks'\nimport ElInput from '@element-plus/components/input'\nimport { usePagination } from '../usePagination'\n\nexport default defineComponent({\n  name: 'ElPaginationJumper',\n  components: {\n    ElInput,\n  },\n\n  setup() {\n    const { t } = useLocaleInject()\n    const { pageCount, disabled, currentPage, changeEvent } = usePagination()\n    const userInput = ref<number>()\n    const innerValue = computed(() => userInput.value ?? currentPage?.value)\n\n    function handleInput(val: number | string) {\n      userInput.value = +val\n    }\n\n    function handleChange(val: number | string) {\n      changeEvent?.(+val)\n      userInput.value = undefined\n    }\n\n    return {\n      pageCount,\n      disabled,\n      innerValue,\n\n      t,\n      handleInput,\n      handleChange,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createVNode"],"mappings":";;;;;;qBACQ,OAAM;;;0BAAZA,+BAAA;4CACK;IACHC;MACE,MAAK;AAAA,MACL,OAAM;AAAA,MACL,KAAK;AAAA,MACL,KAAK;MACL,UAAU;MACV,eAAa;MACd,MAAK;AAAA,MACJ,uBAAoB;MACpB,UAAQ;;kDAER;;;;;;"}

package/lib/components/pagination/src/components/next.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var next_vue_vue_type_script_lang = require('./next.vue_vue&type=script&lang.js');
-var next_vue_vue_type_template_id_93fbb39e_lang = require('./next.vue_vue&type=template&id=93fbb39e&lang.js');
+var next_vue_vue_type_script_lang = require('./next.vue_vue_type_script_lang.js');
+var next_vue_vue_type_template_id_93fbb39e_lang = require('./next.vue_vue_type_template_id_93fbb39e_lang.js');
 
 next_vue_vue_type_script_lang["default"].render = next_vue_vue_type_template_id_93fbb39e_lang.render;
 next_vue_vue_type_script_lang["default"].__file = "packages/components/pagination/src/components/next.vue";