@element-plus/nightly 0.0.20220102 → 0.0.20220106

package/es/components/focus-trap/src/focus-trap.vue_vue_type_script_lang.mjs

@@ -0,0 +1,137 @@
+import { defineComponent, ref, provide, unref, onMounted, watch, onBeforeUnmount } from 'vue';
+import { EVENT_CODE } from '../../../utils/aria.mjs';
+import { on, off } from '../../../utils/dom.mjs';
+import { getEdges, tryFocus, focusableStack, focusFirstDescendant, obtainAllFocusableElements } from './utils.mjs';
+import { ON_MOUNT_FOCUS_EVT, ON_UNMOUNT_FOCUS_EVT, FOCUS_TRAP_INJECTION_KEY, FOCUS_ON_MOUNT, FOCUS_ON_MOUNT_OPTS, FOCUS_ON_UNMOUNT } from './tokens.mjs';
+
+var script = defineComponent({
+  name: "ElFocusTrap",
+  inheritAttrs: false,
+  props: {
+    loop: Boolean,
+    trapped: Boolean
+  },
+  emits: [ON_MOUNT_FOCUS_EVT, ON_UNMOUNT_FOCUS_EVT],
+  setup(props, { emit }) {
+    const focusTrapRef = ref();
+    const forwardRef = ref(null);
+    let lastFocusBeforeMounted;
+    let lastFocusAfterMounted;
+    const focusLayer = {
+      paused: false,
+      pause() {
+        this.paused = true;
+      },
+      resume() {
+        this.paused = false;
+      }
+    };
+    const onKeydown = (e) => {
+      if (!props.loop && !props.trapped)
+        return;
+      if (focusLayer.paused)
+        return;
+      const { key, altKey, ctrlKey, metaKey, currentTarget, shiftKey } = e;
+      const { loop } = props;
+      const isTabbing = key === EVENT_CODE.tab && !altKey && !ctrlKey && !metaKey;
+      const currentFocusingEl = document.activeElement;
+      if (isTabbing && currentFocusingEl) {
+        const container = currentTarget;
+        const [first, last] = getEdges(container);
+        const isTabbable = first && last;
+        if (!isTabbable) {
+          if (currentFocusingEl === container)
+            e.preventDefault();
+        } else {
+          if (!shiftKey && currentFocusingEl === last) {
+            e.preventDefault();
+            if (loop)
+              tryFocus(first, true);
+          } else if (shiftKey && currentFocusingEl === first) {
+            e.preventDefault();
+            if (loop)
+              tryFocus(last, true);
+          }
+        }
+      }
+    };
+    provide(FOCUS_TRAP_INJECTION_KEY, {
+      focusTrapRef: forwardRef,
+      onKeydown
+    });
+    const focusOnMount = (e) => {
+      emit(ON_MOUNT_FOCUS_EVT, e);
+    };
+    const focusOnUnmount = (e) => emit(ON_UNMOUNT_FOCUS_EVT, e);
+    const onFocusIn = (e) => {
+      const trapContainer = unref(forwardRef);
+      if (focusLayer.paused || !trapContainer)
+        return;
+      const target = e.target;
+      if (target && trapContainer.contains(target)) {
+        lastFocusAfterMounted = target;
+      } else {
+        tryFocus(lastFocusAfterMounted, true);
+      }
+    };
+    const onFocusOut = (e) => {
+      const trapContainer = unref(forwardRef);
+      if (focusLayer.paused || !trapContainer)
+        return;
+      if (!trapContainer.contains(e.relatedTarget)) {
+        tryFocus(lastFocusAfterMounted, true);
+      }
+    };
+    onMounted(() => {
+      const trapContainer = unref(forwardRef);
+      if (trapContainer) {
+        focusableStack.push(focusLayer);
+        const prevFocusedElement = document.activeElement;
+        lastFocusBeforeMounted = prevFocusedElement;
+        const isPrevFocusContained = trapContainer.contains(prevFocusedElement);
+        if (!isPrevFocusContained) {
+          const mountEvent = new Event(FOCUS_ON_MOUNT, FOCUS_ON_MOUNT_OPTS);
+          on(trapContainer, FOCUS_ON_MOUNT, focusOnMount);
+          trapContainer.dispatchEvent(mountEvent);
+          if (!mountEvent.defaultPrevented) {
+            focusFirstDescendant(obtainAllFocusableElements(trapContainer), true);
+            if (document.activeElement === prevFocusedElement) {
+              tryFocus(trapContainer);
+            }
+          }
+        }
+      }
+      watch(() => props.trapped, (trapped) => {
+        if (trapped) {
+          on(document, "focusin", onFocusIn);
+          on(document, "focusout", onFocusOut);
+        } else {
+          off(document, "focusin", onFocusIn);
+          off(document, "focusout", onFocusOut);
+        }
+      }, { immediate: true });
+    });
+    onBeforeUnmount(() => {
+      const trapContainer = unref(forwardRef);
+      if (trapContainer) {
+        off(trapContainer, FOCUS_ON_MOUNT, focusOnMount);
+        const unmountEvent = new Event(FOCUS_ON_UNMOUNT, FOCUS_ON_MOUNT_OPTS);
+        on(trapContainer, FOCUS_ON_UNMOUNT, focusOnUnmount);
+        trapContainer.dispatchEvent(unmountEvent);
+        if (!unmountEvent.defaultPrevented) {
+          tryFocus(lastFocusBeforeMounted != null ? lastFocusBeforeMounted : document.body, true);
+        }
+        off(trapContainer, FOCUS_ON_UNMOUNT, focusOnUnmount);
+        focusableStack.remove(focusLayer);
+      }
+    });
+    return {
+      focusTrapRef,
+      forwardRef,
+      onKeydown
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=focus-trap.vue_vue_type_script_lang.mjs.map

package/es/components/focus-trap/src/focus-trap.vue_vue_type_script_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus-trap.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/focus-trap/src/focus-trap.vue"],"sourcesContent":["<template>\n  <slot />\n</template>\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  ref,\n  onMounted,\n  onBeforeUnmount,\n  provide,\n  unref,\n  watch,\n} from 'vue'\nimport { EVENT_CODE } from '@element-plus/utils/aria'\nimport { on, off } from '@element-plus/utils/dom'\nimport {\n  focusableStack,\n  focusFirstDescendant,\n  getEdges,\n  tryFocus,\n  obtainAllFocusableElements,\n} from './utils'\nimport {\n  FOCUS_TRAP_INJECTION_KEY,\n  FOCUS_ON_MOUNT,\n  FOCUS_ON_MOUNT_OPTS,\n  ON_MOUNT_FOCUS_EVT,\n  ON_UNMOUNT_FOCUS_EVT,\n  FOCUS_ON_UNMOUNT,\n} from './tokens'\n\nimport type { FocusLayer } from './utils'\n\nexport default defineComponent({\n  name: 'ElFocusTrap',\n  inheritAttrs: false,\n  props: {\n    loop: Boolean,\n    trapped: Boolean,\n  },\n  emits: [ON_MOUNT_FOCUS_EVT, ON_UNMOUNT_FOCUS_EVT],\n  setup(props, { emit }) {\n    const focusTrapRef = ref<HTMLElement | null>()\n    const forwardRef = ref<HTMLElement | null>(null)\n    let lastFocusBeforeMounted: HTMLElement | null\n    let lastFocusAfterMounted: HTMLElement | null\n\n    const focusLayer: FocusLayer = {\n      paused: false,\n      pause() {\n        this.paused = true\n      },\n      resume() {\n        this.paused = false\n      },\n    }\n\n    const onKeydown = (e: KeyboardEvent) => {\n      if (!props.loop && !props.trapped) return\n      if (focusLayer.paused) return\n\n      const { key, altKey, ctrlKey, metaKey, currentTarget, shiftKey } = e\n      const { loop } = props\n      const isTabbing =\n        key === EVENT_CODE.tab && !altKey && !ctrlKey && !metaKey\n\n      const currentFocusingEl = document.activeElement\n      if (isTabbing && currentFocusingEl) {\n        const container = currentTarget as HTMLElement\n        const [first, last] = getEdges(container)\n        const isTabbable = first && last\n\n        if (!isTabbable) {\n          if (currentFocusingEl === container) e.preventDefault()\n        } else {\n          if (!shiftKey && currentFocusingEl === last) {\n            e.preventDefault()\n            if (loop) tryFocus(first, true)\n          } else if (shiftKey && currentFocusingEl === first) {\n            e.preventDefault()\n            if (loop) tryFocus(last, true)\n          }\n        }\n      }\n    }\n\n    provide(FOCUS_TRAP_INJECTION_KEY, {\n      focusTrapRef: forwardRef,\n      onKeydown,\n    })\n\n    const focusOnMount = (e: Event) => {\n      emit(ON_MOUNT_FOCUS_EVT, e)\n    }\n    const focusOnUnmount = (e: Event) => emit(ON_UNMOUNT_FOCUS_EVT, e)\n    const onFocusIn = (e: Event) => {\n      const trapContainer = unref(forwardRef)\n      if (focusLayer.paused || !trapContainer) return\n      const target = e.target as HTMLElement | null\n      if (target && trapContainer.contains(target)) {\n        lastFocusAfterMounted = target\n      } else {\n        tryFocus(lastFocusAfterMounted, true)\n      }\n    }\n\n    const onFocusOut = (e: Event) => {\n      const trapContainer = unref(forwardRef)\n      if (focusLayer.paused || !trapContainer) return\n\n      if (\n        !trapContainer.contains(\n          (e as FocusEvent).relatedTarget as HTMLElement | null\n        )\n      ) {\n        tryFocus(lastFocusAfterMounted, true)\n      }\n    }\n\n    onMounted(() => {\n      const trapContainer = unref(forwardRef)\n      if (trapContainer) {\n        focusableStack.push(focusLayer)\n        const prevFocusedElement = document.activeElement\n        lastFocusBeforeMounted = prevFocusedElement as HTMLElement | null\n        const isPrevFocusContained = trapContainer.contains(prevFocusedElement)\n        if (!isPrevFocusContained) {\n          const mountEvent = new Event(FOCUS_ON_MOUNT, FOCUS_ON_MOUNT_OPTS)\n          on(trapContainer, FOCUS_ON_MOUNT, focusOnMount)\n          trapContainer.dispatchEvent(mountEvent)\n          if (!mountEvent.defaultPrevented) {\n            focusFirstDescendant(\n              obtainAllFocusableElements(trapContainer),\n              true\n            )\n            if (document.activeElement === prevFocusedElement) {\n              tryFocus(trapContainer)\n            }\n          }\n        }\n      }\n\n      watch(\n        () => props.trapped,\n        (trapped) => {\n          if (trapped) {\n            on(document, 'focusin', onFocusIn)\n            on(document, 'focusout', onFocusOut)\n          } else {\n            off(document, 'focusin', onFocusIn)\n            off(document, 'focusout', onFocusOut)\n          }\n        },\n        { immediate: true }\n      )\n    })\n\n    onBeforeUnmount(() => {\n      const trapContainer = unref(forwardRef)\n\n      if (trapContainer) {\n        off(trapContainer, FOCUS_ON_MOUNT, focusOnMount)\n        const unmountEvent = new Event(FOCUS_ON_UNMOUNT, FOCUS_ON_MOUNT_OPTS)\n\n        on(trapContainer, FOCUS_ON_UNMOUNT, focusOnUnmount)\n        trapContainer.dispatchEvent(unmountEvent)\n\n        if (!unmountEvent.defaultPrevented) {\n          tryFocus(lastFocusBeforeMounted ?? document.body, true)\n        }\n\n        off(trapContainer, FOCUS_ON_UNMOUNT, focusOnUnmount)\n\n        focusableStack.remove(focusLayer)\n      }\n    })\n\n    return {\n      focusTrapRef,\n      forwardRef,\n      onKeydown,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;AA6BA,aAAe;;AAEf,EAAE,YAAY,EAAE,KAAK;;AAErB,IAAI,IAAI,EAAE,OAAO;IACb,OAAO,EAAE,OAAO;GACjB;EACD,KAAK,EAAE;OACF,CAAC,KAAK,EAAE,EAAE;IACb,MAAM;;IAEN,0BAA0B,CAAC;IAC3B,IAAI;IACJ,MAAM,UAAU,GAAG;MACjB,MAAM,EAAE,KAAK;MACb,KAAK,GAAG;QACN,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;;MAErB,MAAM,GAAG;QACP,IAAI,OAAO;OACZ;;;MAGD,IAAI,CAAC;QACH,OAAO;MACT;;;MAGA,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;MACvB,MAAM,eAAe,KAAK,UAAU,CAAC,GAAG;MACxC,MAAM,iBAAiB,GAAG;;QAExB,MAAM,SAAS,gBAAgB,CAAC;QAChC,MAAM,CAAC,WAAW,CAAC;QACnB,MAAM;QACN,IAAI,CAAC,UAAU,EAAE;;YAEb,CAAC,CAAC,cAAc,EAAE;SACrB,MAAM;UACL,IAAI,CAAC,YAAY,iBAAiB,KAAK,IAAI;YACzC,EAAE,cAAc,EAAE,CAAC;YACnB,IAAI,IAAI;;WAET,MAAM,IAAI;aACR,CAAC,cAAc,EAAE;YAClB;cACE,QAAQ,KAAK,EAAE,IAAI,CAAC,CAAC;;;;;YAKvB,0BAA0B;;;MAGhC;IACF;;KAEC,CAAC;UACI,cAAc,GAAG,CAAC,CAAC;UACnB;;;QAGF,OAAO;MACT,MAAM,MAAM,GAAG,CAAC,CAAC,MAAM;;QAErB,qBAAqB,GAAG,MAAM,CAAC;OAChC,MAAM;QACL,QAAQ,CAAC,qBAAqB,EAAE,IAAI;OACrC;MACD;UACI,UAAU,GAAG,CAAC,CAAC,KAAK;YAClB,aAAa,GAAG,KAAK,CAAC;MAC5B,IAAI;QACF,OAAO;MACT;;;KAGD,CAAC;aACO,CAAC,MAAM;MACd,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAC;;;QAGrC,MAAM;8BACgB,GAAG,kBAAkB,CAAC;QAC5C;QACA;UACE,MAAM,UAAU,GAAG,IAAI,KAAK;;;;YAI1B;YACA,IAAI,QAAQ,cAAc,KAAK;cAC7B,QAAQ,CAAC;aACV;WACF;SACF;;WAEE,CAAC,MAAM,KAAK,CAAC,OAAO,EAAE;YACrB,OAAO,EAAE;UACX,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,UAAU,CAAC;UACnC,EAAE,CAAC,QAAQ,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC;eAChC;aACF,CAAC,QAAQ,EAAE;cACV,QAAQ,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC;;;;mBAI7B,CAAC,MAAM;YACd;UACF;QACF;;;QAGA;QACA,IAAI,aAAa,CAAC;UAChB,QAAQ,CAAC;;YAEP,aAAa,EAAE,gBAAgB,EAAE;sBACvB,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;;;;;;eAM3B;MACT;;;;;;"}

package/es/components/focus-trap/src/focus-trap.vue_vue_type_template_id_4a8a10c5_lang.mjs

@@ -0,0 +1,8 @@
+import { renderSlot } from 'vue';
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return renderSlot(_ctx.$slots, "default");
+}
+
+export { render };
+//# sourceMappingURL=focus-trap.vue_vue_type_template_id_4a8a10c5_lang.mjs.map

package/es/components/focus-trap/src/focus-trap.vue_vue_type_template_id_4a8a10c5_lang.mjs.map

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

package/es/components/focus-trap/src/tokens.d.ts

@@ -0,0 +1,11 @@
+import type { InjectionKey, Ref } from 'vue';
+export declare const FOCUS_ON_MOUNT = "focus-trap.focus-on-mount";
+export declare const FOCUS_ON_UNMOUNT = "focus-trap.focus-on-unmount";
+export declare const FOCUS_ON_MOUNT_OPTS: EventInit;
+export declare const ON_MOUNT_FOCUS_EVT = "mountOnFocus";
+export declare const ON_UNMOUNT_FOCUS_EVT = "unmountOnFocus";
+export declare type FocusTrapInjectionContext = {
+    focusTrapRef: Ref<HTMLElement | null>;
+    onKeydown: (e: KeyboardEvent) => void;
+};
+export declare const FOCUS_TRAP_INJECTION_KEY: InjectionKey<FocusTrapInjectionContext>;

package/es/components/focus-trap/src/tokens.mjs

@@ -0,0 +1,12 @@
+const FOCUS_ON_MOUNT = "focus-trap.focus-on-mount";
+const FOCUS_ON_UNMOUNT = "focus-trap.focus-on-unmount";
+const FOCUS_ON_MOUNT_OPTS = {
+  cancelable: true,
+  bubbles: false
+};
+const ON_MOUNT_FOCUS_EVT = "mountOnFocus";
+const ON_UNMOUNT_FOCUS_EVT = "unmountOnFocus";
+const FOCUS_TRAP_INJECTION_KEY = Symbol("elFocusTrap");
+
+export { FOCUS_ON_MOUNT, FOCUS_ON_MOUNT_OPTS, FOCUS_ON_UNMOUNT, FOCUS_TRAP_INJECTION_KEY, ON_MOUNT_FOCUS_EVT, ON_UNMOUNT_FOCUS_EVT };
+//# sourceMappingURL=tokens.mjs.map

package/es/components/focus-trap/src/tokens.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.mjs","sources":["../../../../../../packages/components/focus-trap/src/tokens.ts"],"sourcesContent":["import type { InjectionKey, Ref } from 'vue'\n\nexport const FOCUS_ON_MOUNT = 'focus-trap.focus-on-mount'\nexport const FOCUS_ON_UNMOUNT = 'focus-trap.focus-on-unmount'\nexport const FOCUS_ON_MOUNT_OPTS: EventInit = {\n  cancelable: true,\n  bubbles: false,\n}\n\nexport const ON_MOUNT_FOCUS_EVT = 'mountOnFocus'\nexport const ON_UNMOUNT_FOCUS_EVT = 'unmountOnFocus'\n\nexport type FocusTrapInjectionContext = {\n  focusTrapRef: Ref<HTMLElement | null>\n  onKeydown: (e: KeyboardEvent) => void\n}\n\nexport const FOCUS_TRAP_INJECTION_KEY: InjectionKey<FocusTrapInjectionContext> =\n  Symbol('elFocusTrap')\n"],"names":[],"mappings":"AAAY,MAAC,cAAc,GAAG,4BAA4B;AAC9C,MAAC,gBAAgB,GAAG,8BAA8B;AAClD,MAAC,mBAAmB,GAAG;AACnC,EAAE,UAAU,EAAE,IAAI;AAClB,EAAE,OAAO,EAAE,KAAK;AAChB,EAAE;AACU,MAAC,kBAAkB,GAAG,eAAe;AACrC,MAAC,oBAAoB,GAAG,iBAAiB;AACzC,MAAC,wBAAwB,GAAG,MAAM,CAAC,aAAa;;;;"}

package/es/components/focus-trap/src/utils.d.ts

@@ -0,0 +1,18 @@
+export declare type FocusLayer = {
+    paused: boolean;
+    pause: () => void;
+    resume: () => void;
+};
+export declare type FocusStack = FocusLayer[];
+export declare const obtainAllFocusableElements: (element: HTMLElement) => HTMLElement[];
+export declare const getVisibleElement: (elements: HTMLElement[], container: HTMLElement) => HTMLElement | undefined;
+export declare const isHidden: (element: HTMLElement, container: HTMLElement) => boolean;
+export declare const getEdges: (container: HTMLElement) => (HTMLElement | undefined)[];
+export declare const tryFocus: (element?: HTMLElement | {
+    focus: () => void;
+} | null | undefined, shouldSelect?: boolean | undefined) => void;
+export declare const focusFirstDescendant: (elements: HTMLElement[], shouldSelect?: boolean) => void;
+export declare const focusableStack: {
+    push: (layer: FocusLayer) => void;
+    remove: (layer: FocusLayer) => void;
+};

package/es/components/focus-trap/src/utils.mjs

@@ -0,0 +1,92 @@
+const obtainAllFocusableElements = (element) => {
+  const nodes = [];
+  const walker = document.createTreeWalker(element, NodeFilter.SHOW_ELEMENT, {
+    acceptNode: (node) => {
+      const isHiddenInput = node.tagName === "INPUT" && node.type === "hidden";
+      if (node.disabled || node.hidden || isHiddenInput)
+        return NodeFilter.FILTER_SKIP;
+      return node.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+    }
+  });
+  while (walker.nextNode())
+    nodes.push(walker.currentNode);
+  return nodes;
+};
+const getVisibleElement = (elements, container) => {
+  for (const element of elements) {
+    if (!isHidden(element, container))
+      return element;
+  }
+};
+const isHidden = (element, container) => {
+  if (process.env.NODE_ENV === "test")
+    return false;
+  if (getComputedStyle(element).visibility === "hidden")
+    return true;
+  while (element) {
+    if (container && element === container)
+      return false;
+    if (getComputedStyle(element).display === "none")
+      return true;
+    element = element.parentElement;
+  }
+  return false;
+};
+const getEdges = (container) => {
+  const focusable = obtainAllFocusableElements(container);
+  const first = getVisibleElement(focusable, container);
+  const last = getVisibleElement(focusable.reverse(), container);
+  return [first, last];
+};
+const isSelectable = (element) => {
+  return element instanceof HTMLInputElement && "select" in element;
+};
+const tryFocus = (element, shouldSelect) => {
+  if (element && element.focus) {
+    const prevFocusedElement = document.activeElement;
+    element.focus({ preventScroll: true });
+    if (element !== prevFocusedElement && isSelectable(element) && shouldSelect) {
+      element.select();
+    }
+  }
+};
+function removeFromStack(list, item) {
+  const copy = [...list];
+  const idx = list.indexOf(item);
+  if (idx !== -1) {
+    copy.splice(idx, 1);
+  }
+  return copy;
+}
+const createFocusableStack = () => {
+  let stack = [];
+  const push = (layer) => {
+    const currentLayer = stack[0];
+    if (currentLayer && layer !== currentLayer) {
+      currentLayer.pause();
+    }
+    stack = removeFromStack(stack, layer);
+    stack.unshift(layer);
+  };
+  const remove = (layer) => {
+    var _a, _b;
+    stack = removeFromStack(stack, layer);
+    (_b = (_a = stack[0]) == null ? void 0 : _a.resume) == null ? void 0 : _b.call(_a);
+  };
+  return {
+    push,
+    remove
+  };
+};
+const focusFirstDescendant = (elements, shouldSelect = false) => {
+  const prevFocusedElement = document.activeElement;
+  for (const element of elements) {
+    tryFocus(element, shouldSelect);
+    if (document.activeElement !== prevFocusedElement)
+      return;
+  }
+};
+const focusableStack = createFocusableStack();
+
+export { focusFirstDescendant, focusableStack, getEdges, getVisibleElement, isHidden, obtainAllFocusableElements, tryFocus };
+//# sourceMappingURL=utils.mjs.map

package/es/components/focus-trap/src/utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","sources":["../../../../../../packages/components/focus-trap/src/utils.ts"],"sourcesContent":["export type FocusLayer = {\n  paused: boolean\n  pause: () => void\n  resume: () => void\n}\n\nexport type FocusStack = FocusLayer[]\n\nexport const obtainAllFocusableElements = (\n  element: HTMLElement\n): HTMLElement[] => {\n  const nodes: HTMLElement[] = []\n  const walker = document.createTreeWalker(element, NodeFilter.SHOW_ELEMENT, {\n    acceptNode: (\n      node: Element & {\n        disabled: boolean\n        hidden: boolean\n        type: string\n        tabIndex: number\n      }\n    ) => {\n      const isHiddenInput = node.tagName === 'INPUT' && node.type === 'hidden'\n      if (node.disabled || node.hidden || isHiddenInput)\n        return NodeFilter.FILTER_SKIP\n      return node.tabIndex >= 0\n        ? NodeFilter.FILTER_ACCEPT\n        : NodeFilter.FILTER_SKIP\n    },\n  })\n  while (walker.nextNode()) nodes.push(walker.currentNode as HTMLElement)\n\n  return nodes\n}\n\nexport const getVisibleElement = (\n  elements: HTMLElement[],\n  container: HTMLElement\n) => {\n  for (const element of elements) {\n    if (!isHidden(element, container)) return element\n  }\n}\n\nexport const isHidden = (element: HTMLElement, container: HTMLElement) => {\n  if (process.env.NODE_ENV === 'test') return false\n  if (getComputedStyle(element).visibility === 'hidden') return true\n\n  while (element) {\n    if (container && element === container) return false\n    if (getComputedStyle(element).display === 'none') return true\n    element = element.parentElement as HTMLElement\n  }\n\n  return false\n}\n\nexport const getEdges = (container: HTMLElement) => {\n  const focusable = obtainAllFocusableElements(container)\n  const first = getVisibleElement(focusable, container)\n  const last = getVisibleElement(focusable.reverse(), container)\n  return [first, last]\n}\n\nconst isSelectable = (\n  element: any\n): element is HTMLInputElement & { select: () => void } => {\n  return element instanceof HTMLInputElement && 'select' in element\n}\n\nexport const tryFocus = (\n  element?: HTMLElement | { focus: () => void } | null,\n  shouldSelect?: boolean\n) => {\n  if (element && element.focus) {\n    const prevFocusedElement = document.activeElement\n    element.focus({ preventScroll: true })\n    if (\n      element !== prevFocusedElement &&\n      isSelectable(element) &&\n      shouldSelect\n    ) {\n      element.select()\n    }\n  }\n}\n\nfunction removeFromStack<T>(list: T[], item: T) {\n  const copy = [...list]\n\n  const idx = list.indexOf(item)\n\n  if (idx !== -1) {\n    copy.splice(idx, 1)\n  }\n  return copy\n}\n\nconst createFocusableStack = () => {\n  let stack = [] as FocusStack\n\n  const push = (layer: FocusLayer) => {\n    const currentLayer = stack[0]\n\n    if (currentLayer && layer !== currentLayer) {\n      currentLayer.pause()\n    }\n\n    stack = removeFromStack(stack, layer)\n    stack.unshift(layer)\n  }\n\n  const remove = (layer: FocusLayer) => {\n    stack = removeFromStack(stack, layer)\n    stack[0]?.resume?.()\n  }\n\n  return {\n    push,\n    remove,\n  }\n}\n\nexport const focusFirstDescendant = (\n  elements: HTMLElement[],\n  shouldSelect = false\n) => {\n  const prevFocusedElement = document.activeElement\n  for (const element of elements) {\n    tryFocus(element, shouldSelect)\n    if (document.activeElement !== prevFocusedElement) return\n  }\n}\n\nexport const focusableStack = createFocusableStack()\n"],"names":[],"mappings":"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"}

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

@@ -39,10 +39,10 @@ export declare const ElImage: import("../../utils/types").SFCWithInstall<import(
 } & {
     zIndex: number;
     lazy: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    appendToBody: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     src: string;
     fit: import("../../utils/props").BuildPropType<StringConstructor, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown>;
     initialIndex: number;
+    appendToBody: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     hideOnClickModal: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     previewSrcList: string[];
 } & {
@@ -54,10 +54,10 @@ export declare const ElImage: import("../../utils/types").SFCWithInstall<import(
 }, {
     zIndex: number;
     lazy: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    appendToBody: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     src: string;
     fit: import("../../utils/props").BuildPropType<StringConstructor, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown>;
     initialIndex: number;
+    appendToBody: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     hideOnClickModal: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     scrollContainer: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<string | HTMLElement | undefined>, unknown, unknown>;
     previewSrcList: string[];

package/es/components/image/src/image.vue.d.ts

@@ -40,10 +40,10 @@ declare const _default: import("vue").DefineComponent<{
 } & {
     zIndex: number;
     lazy: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    appendToBody: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     src: string;
     fit: import("../../../utils/props").BuildPropType<StringConstructor, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown>;
     initialIndex: number;
+    appendToBody: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     hideOnClickModal: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     previewSrcList: string[];
 } & {
@@ -55,10 +55,10 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     zIndex: number;
     lazy: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    appendToBody: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     src: string;
     fit: import("../../../utils/props").BuildPropType<StringConstructor, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown>;
     initialIndex: number;
+    appendToBody: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     hideOnClickModal: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     scrollContainer: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<string | HTMLElement | undefined>, unknown, unknown>;
     previewSrcList: string[];

package/es/components/index.mjs

@@ -102,12 +102,12 @@ export { subMenuProps } from './menu/src/sub-menu.mjs';
 export { overlayEmits, overlayProps } from './overlay/src/overlay.mjs';
 export { pageHeaderEmits, pageHeaderProps } from './page-header/src/page-header.mjs';
 export { paginationEmits, paginationProps } from './pagination/src/pagination.mjs';
-export { popconfirmEmits, popconfirmProps } from './popconfirm/src/popconfirm.mjs';
-export { Effect, default as popperDefaultProps } from './popper/src/use-popper/defaults.mjs';
-export { default as usePopper } from './popper/src/use-popper/index.mjs';
-export { default as renderPopper } from './popper/src/renderers/popper.mjs';
-export { default as renderTrigger } from './popper/src/renderers/trigger.mjs';
-export { default as renderArrow } from './popper/src/renderers/arrow.mjs';
+export { popconfirmProps } from './popconfirm/src/popconfirm.mjs';
+export { default as ElPopperArrow } from './popper/src/arrow.vue_vue_type_script_lang.mjs';
+export { default as ElPopperTrigger } from './popper/src/trigger.vue_vue_type_script_lang.mjs';
+export { default as ElPopperContent } from './popper/src/content.vue_vue_type_script_lang.mjs';
+export { Effect, usePopperArrowProps, usePopperContentProps, usePopperCoreConfigProps, usePopperProps, usePopperTriggerProps } from './popper/src/popper.mjs';
+export { POPPER_CONTENT_INJECTION_KEY, POPPER_INJECTION_KEY } from './popper/src/tokens.mjs';
 export { progressProps } from './progress/src/progress.mjs';
 export { radioEmits, radioProps, radioPropsBase, useRadio } from './radio/src/radio.mjs';
 export { radioGroupEmits, radioGroupProps } from './radio/src/radio-group.mjs';
@@ -135,6 +135,7 @@ export { DEFAULT_FORMATS_DATE, DEFAULT_FORMATS_DATEPICKER, DEFAULT_FORMATS_TIME
 export { timePickerDefaultProps } from './time-picker/src/common/props.mjs';
 export { default as CommonPicker } from './time-picker/src/common/picker.vue_vue_type_script_lang.mjs';
 export { default as TimePickPanel } from './time-picker/src/time-picker-com/panel-time-pick.vue_vue_type_script_lang.mjs';
+export { useTooltipContentProps, useTooltipProps, useTooltipTriggerProps } from './tooltip/src/tooltip.mjs';
 export { CHANGE_EVENT } from '../utils/constants.mjs';
 export { default as FixedSizeList } from './virtual-list/src/components/fixed-size-list.mjs';
 export { default as DynamicSizeList } from './virtual-list/src/components/dynamic-size-list.mjs';

package/es/components/index.mjs.map

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

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

@@ -115,16 +115,16 @@ export declare const ElInput: import("../../utils/types").SFCWithInstall<import(
     tabindex?: import("../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown> | undefined;
 }> & {
     onChange?: ((value: string) => any) | undefined;
+    onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+    onMouseleave?: ((evt: MouseEvent) => any) | undefined;
+    onKeydown?: ((evt: KeyboardEvent) => any) | undefined;
+    onFocus?: ((evt: FocusEvent) => any) | undefined;
+    onBlur?: ((evt: FocusEvent) => any) | undefined;
     onInput?: ((value: string) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    onBlur?: ((evt: FocusEvent) => any) | undefined;
     onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
     onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
     onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
-    onFocus?: ((evt: FocusEvent) => any) | undefined;
-    onKeydown?: ((evt: KeyboardEvent) => any) | undefined;
-    onMouseenter?: ((evt: MouseEvent) => any) | undefined;
-    onMouseleave?: ((evt: MouseEvent) => any) | undefined;
     onClear?: (() => any) | undefined;
 }, {
     type: string;

package/es/components/input/src/input.vue.d.ts

@@ -116,16 +116,16 @@ declare const _default: import("vue").DefineComponent<{
     tabindex?: import("../../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown> | undefined;
 }> & {
     onChange?: ((value: string) => any) | undefined;
+    onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+    onMouseleave?: ((evt: MouseEvent) => any) | undefined;
+    onKeydown?: ((evt: KeyboardEvent) => any) | undefined;
+    onFocus?: ((evt: FocusEvent) => any) | undefined;
+    onBlur?: ((evt: FocusEvent) => any) | undefined;
     onInput?: ((value: string) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    onBlur?: ((evt: FocusEvent) => any) | undefined;
     onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
     onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
     onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
-    onFocus?: ((evt: FocusEvent) => any) | undefined;
-    onKeydown?: ((evt: KeyboardEvent) => any) | undefined;
-    onMouseenter?: ((evt: MouseEvent) => any) | undefined;
-    onMouseleave?: ((evt: MouseEvent) => any) | undefined;
     onClear?: (() => any) | undefined;
 }, {
     type: string;

package/es/components/input-number/index.d.ts

@@ -130,16 +130,16 @@ export declare const ElInputNumber: import("../../utils/types").SFCWithInstall<i
         tabindex?: import("../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown> | undefined;
     }> & {
         onChange?: ((value: string) => any) | undefined;
+        onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+        onMouseleave?: ((evt: MouseEvent) => any) | undefined;
+        onKeydown?: ((evt: KeyboardEvent) => any) | undefined;
+        onFocus?: ((evt: FocusEvent) => any) | undefined;
+        onBlur?: ((evt: FocusEvent) => any) | undefined;
         onInput?: ((value: string) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-        onBlur?: ((evt: FocusEvent) => any) | undefined;
         onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
         onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
         onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
-        onFocus?: ((evt: FocusEvent) => any) | undefined;
-        onKeydown?: ((evt: KeyboardEvent) => any) | undefined;
-        onMouseenter?: ((evt: MouseEvent) => any) | undefined;
-        onMouseleave?: ((evt: MouseEvent) => any) | undefined;
         onClear?: (() => any) | undefined;
     }, {
         type: string;
@@ -281,16 +281,16 @@ export declare const ElInputNumber: import("../../utils/types").SFCWithInstall<i
         tabindex?: import("../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown> | undefined;
     }> & {
         onChange?: ((value: string) => any) | undefined;
+        onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+        onMouseleave?: ((evt: MouseEvent) => any) | undefined;
+        onKeydown?: ((evt: KeyboardEvent) => any) | undefined;
+        onFocus?: ((evt: FocusEvent) => any) | undefined;
+        onBlur?: ((evt: FocusEvent) => any) | undefined;
         onInput?: ((value: string) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-        onBlur?: ((evt: FocusEvent) => any) | undefined;
         onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
         onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
         onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
-        onFocus?: ((evt: FocusEvent) => any) | undefined;
-        onKeydown?: ((evt: KeyboardEvent) => any) | undefined;
-        onMouseenter?: ((evt: MouseEvent) => any) | undefined;
-        onMouseleave?: ((evt: MouseEvent) => any) | undefined;
         onClear?: (() => any) | undefined;
     }, {
         type: string;
@@ -365,10 +365,10 @@ export declare const ElInputNumber: import("../../utils/types").SFCWithInstall<i
     precision?: number | undefined;
 }> & {
     onChange?: ((prev: number, cur: number) => any) | undefined;
+    onFocus?: ((e: FocusEvent) => any) | undefined;
+    onBlur?: ((e: FocusEvent) => any) | undefined;
     onInput?: ((val: number) => any) | undefined;
     "onUpdate:modelValue"?: ((val: number) => any) | undefined;
-    onBlur?: ((e: FocusEvent) => any) | undefined;
-    onFocus?: ((e: FocusEvent) => any) | undefined;
 }, {
     size: import("../../utils/props").BuildPropType<StringConstructor, "small" | "default" | "large", unknown>;
     disabled: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;

package/es/components/input-number/src/input-number.vue.d.ts

@@ -131,16 +131,16 @@ declare const _default: import("vue").DefineComponent<{
         tabindex?: import("../../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown> | undefined;
     }> & {
         onChange?: ((value: string) => any) | undefined;
+        onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+        onMouseleave?: ((evt: MouseEvent) => any) | undefined;
+        onKeydown?: ((evt: KeyboardEvent) => any) | undefined;
+        onFocus?: ((evt: FocusEvent) => any) | undefined;
+        onBlur?: ((evt: FocusEvent) => any) | undefined;
         onInput?: ((value: string) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-        onBlur?: ((evt: FocusEvent) => any) | undefined;
         onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
         onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
         onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
-        onFocus?: ((evt: FocusEvent) => any) | undefined;
-        onKeydown?: ((evt: KeyboardEvent) => any) | undefined;
-        onMouseenter?: ((evt: MouseEvent) => any) | undefined;
-        onMouseleave?: ((evt: MouseEvent) => any) | undefined;
         onClear?: (() => any) | undefined;
     }, {
         type: string;
@@ -282,16 +282,16 @@ declare const _default: import("vue").DefineComponent<{
         tabindex?: import("../../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown> | undefined;
     }> & {
         onChange?: ((value: string) => any) | undefined;
+        onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+        onMouseleave?: ((evt: MouseEvent) => any) | undefined;
+        onKeydown?: ((evt: KeyboardEvent) => any) | undefined;
+        onFocus?: ((evt: FocusEvent) => any) | undefined;
+        onBlur?: ((evt: FocusEvent) => any) | undefined;
         onInput?: ((value: string) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-        onBlur?: ((evt: FocusEvent) => any) | undefined;
         onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
         onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
         onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
-        onFocus?: ((evt: FocusEvent) => any) | undefined;
-        onKeydown?: ((evt: KeyboardEvent) => any) | undefined;
-        onMouseenter?: ((evt: MouseEvent) => any) | undefined;
-        onMouseleave?: ((evt: MouseEvent) => any) | undefined;
         onClear?: (() => any) | undefined;
     }, {
         type: string;
@@ -366,10 +366,10 @@ declare const _default: import("vue").DefineComponent<{
     precision?: number | undefined;
 }> & {
     onChange?: ((prev: number, cur: number) => any) | undefined;
+    onFocus?: ((e: FocusEvent) => any) | undefined;
+    onBlur?: ((e: FocusEvent) => any) | undefined;
     onInput?: ((val: number) => any) | undefined;
     "onUpdate:modelValue"?: ((val: number) => any) | undefined;
-    onBlur?: ((e: FocusEvent) => any) | undefined;
-    onFocus?: ((e: FocusEvent) => any) | undefined;
 }, {
     size: import("../../../utils/props").BuildPropType<StringConstructor, "small" | "default" | "large", unknown>;
     disabled: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;

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

@@ -46,8 +46,8 @@ export declare const ElMenu: import("../../utils/types").SFCWithInstall<import("
     activeTextColor?: string | undefined;
 }> & {
     onClose?: ((index: string, indexPath: string[]) => any) | undefined;
-    onSelect?: ((index: string, indexPath: string[], item: import("./src/types").MenuItemClicked, routerResult?: Promise<void | import("vue-router").NavigationFailure> | undefined) => any) | undefined;
     onOpen?: ((index: string, indexPath: string[]) => any) | undefined;
+    onSelect?: ((index: string, indexPath: string[], item: import("./src/types").MenuItemClicked, routerResult?: Promise<void | import("vue-router").NavigationFailure> | undefined) => any) | undefined;
 }, {
     ellipsis: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     collapse: boolean;
@@ -64,7 +64,10 @@ export declare const ElMenu: import("../../utils/types").SFCWithInstall<import("
         readonly route: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<import("vue-router").RouteLocationRaw>, unknown, unknown, unknown, unknown>;
         readonly disabled: BooleanConstructor;
     }, {
-        Effect: typeof import("..").Effect;
+        Effect: {
+            LIGHT: string;
+            DARK: string;
+        };
         parentMenu: import("vue").ComputedRef<import("vue").ComponentInternalInstance>;
         rootMenu: import("./src/types").MenuProvider;
         paddingStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
@@ -134,7 +137,10 @@ export declare const ElMenuItem: import("../../utils/types").SFCWithInstall<impo
     readonly route: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<import("vue-router").RouteLocationRaw>, unknown, unknown, unknown, unknown>;
     readonly disabled: BooleanConstructor;
 }, {
-    Effect: typeof import("..").Effect;
+    Effect: {
+        LIGHT: string;
+        DARK: string;
+    };
     parentMenu: import("vue").ComputedRef<import("vue").ComponentInternalInstance>;
     rootMenu: import("./src/types").MenuProvider;
     paddingStyle: import("vue").ComputedRef<import("vue").CSSProperties>;

package/es/components/menu/src/menu-item.vue.d.ts

@@ -1,11 +1,13 @@
-import { Effect } from 'element-plus/es/components/popper';
 import type { MenuItemRegistered, MenuProvider } from './types';
 declare const _default: import("vue").DefineComponent<{
     readonly index: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<string | null>, null, unknown, unknown, unknown>;
     readonly route: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<import("vue-router").RouteLocationRaw>, unknown, unknown, unknown, unknown>;
     readonly disabled: BooleanConstructor;
 }, {
-    Effect: typeof Effect;
+    Effect: {
+        LIGHT: string;
+        DARK: string;
+    };
     parentMenu: import("vue").ComputedRef<import("vue").ComponentInternalInstance>;
     rootMenu: MenuProvider;
     paddingStyle: import("vue").ComputedRef<import("vue").CSSProperties>;