@das-fed/ui 1.1.4 → 6.3.0-beta.0

package/packages/components/autocomplete/index.js

@@ -1,2810 +1,11 @@
-import { warn, getCurrentInstance, inject, ref, computed, unref as unref$1, watch as watch$1, onMounted, shallowRef, onBeforeUnmount, onBeforeMount, provide, defineComponent, renderSlot, openBlock, createElementBlock, normalizeClass, normalizeStyle, withDirectives, cloneVNode, Fragment, Text, Comment, createVNode, createBlock, mergeProps, withCtx, createCommentVNode, nextTick, toRef, Teleport, Transition, vShow, readonly, onDeactivated, toDisplayString, createTextVNode, createElementVNode, isRef, createSlots, renderList } from 'vue';
-import { withInstall as withInstall$1 } from '@das-fed/utils';
-import { DasInput, vDasTooltip, vOverlay } from '@das-fed/ui';
+import { defineComponent, computed, ref, watch, onMounted, onUnmounted, nextTick, resolveComponent, openBlock, createElementBlock, normalizeStyle, createVNode, withCtx, createElementVNode, withModifiers, mergeProps, createSlots, renderList, renderSlot, withDirectives, createBlock, normalizeClass, createTextVNode, toDisplayString, vShow, createCommentVNode } from 'vue';
+import { withInstall } from '@das-fed/utils';
+import { DasInput, vDasTooltip, vOverlay, DasTree } from '@das-fed/ui';
 import { useModelValue } from '@das-fed/utils/vue';
-import { getCurrentScope, onScopeDispose, unref, watch } from 'vue-demi';
+import { RecycleScroller } from 'vue-virtual-scroller';
+import 'vue-virtual-scroller/dist/vue-virtual-scroller.css';
 import '@das-fed/ui/global/theme';
 
-const composeEventHandlers = (theirsHandler, oursHandler, { checkForDefaultPrevented = true } = {}) => {
-  const handleEvent = (event) => {
-    const shouldPrevent = theirsHandler == null ? void 0 : theirsHandler(event);
-    if (checkForDefaultPrevented === false || !shouldPrevent) {
-      return oursHandler == null ? void 0 : oursHandler(event);
-    }
-  };
-  return handleEvent;
-};
-
-var _a;
-const isClient = typeof window !== "undefined";
-const isString$1 = (val) => typeof val === "string";
-const noop = () => {
-};
-const isIOS = isClient && ((_a = window == null ? void 0 : window.navigator) == null ? void 0 : _a.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
-
-function resolveUnref(r) {
-  return typeof r === "function" ? r() : unref(r);
-}
-function identity(arg) {
-  return arg;
-}
-
-function tryOnScopeDispose(fn) {
-  if (getCurrentScope()) {
-    onScopeDispose(fn);
-    return true;
-  }
-  return false;
-}
-
-function unrefElement(elRef) {
-  var _a;
-  const plain = resolveUnref(elRef);
-  return (_a = plain == null ? void 0 : plain.$el) != null ? _a : plain;
-}
-
-const defaultWindow = isClient ? window : void 0;
-
-function useEventListener(...args) {
-  let target;
-  let events;
-  let listeners;
-  let options;
-  if (isString$1(args[0]) || Array.isArray(args[0])) {
-    [events, listeners, options] = args;
-    target = defaultWindow;
-  } else {
-    [target, events, listeners, options] = args;
-  }
-  if (!target)
-    return noop;
-  if (!Array.isArray(events))
-    events = [events];
-  if (!Array.isArray(listeners))
-    listeners = [listeners];
-  const cleanups = [];
-  const cleanup = () => {
-    cleanups.forEach((fn) => fn());
-    cleanups.length = 0;
-  };
-  const register = (el, event, listener, options2) => {
-    el.addEventListener(event, listener, options2);
-    return () => el.removeEventListener(event, listener, options2);
-  };
-  const stopWatch = watch(() => [unrefElement(target), resolveUnref(options)], ([el, options2]) => {
-    cleanup();
-    if (!el)
-      return;
-    cleanups.push(...events.flatMap((event) => {
-      return listeners.map((listener) => register(el, event, listener, options2));
-    }));
-  }, { immediate: true, flush: "post" });
-  const stop = () => {
-    stopWatch();
-    cleanup();
-  };
-  tryOnScopeDispose(stop);
-  return stop;
-}
-
-let _iOSWorkaround = false;
-function onClickOutside(target, handler, options = {}) {
-  const { window = defaultWindow, ignore = [], capture = true, detectIframe = false } = options;
-  if (!window)
-    return;
-  if (isIOS && !_iOSWorkaround) {
-    _iOSWorkaround = true;
-    Array.from(window.document.body.children).forEach((el) => el.addEventListener("click", noop));
-  }
-  let shouldListen = true;
-  const shouldIgnore = (event) => {
-    return ignore.some((target2) => {
-      if (typeof target2 === "string") {
-        return Array.from(window.document.querySelectorAll(target2)).some((el) => el === event.target || event.composedPath().includes(el));
-      } else {
-        const el = unrefElement(target2);
-        return el && (event.target === el || event.composedPath().includes(el));
-      }
-    });
-  };
-  const listener = (event) => {
-    const el = unrefElement(target);
-    if (!el || el === event.target || event.composedPath().includes(el))
-      return;
-    if (event.detail === 0)
-      shouldListen = !shouldIgnore(event);
-    if (!shouldListen) {
-      shouldListen = true;
-      return;
-    }
-    handler(event);
-  };
-  const cleanup = [
-    useEventListener(window, "click", listener, { passive: true, capture }),
-    useEventListener(window, "pointerdown", (e) => {
-      const el = unrefElement(target);
-      if (el)
-        shouldListen = !e.composedPath().includes(el) && !shouldIgnore(e);
-    }, { passive: true }),
-    detectIframe && useEventListener(window, "blur", (event) => {
-      var _a;
-      const el = unrefElement(target);
-      if (((_a = window.document.activeElement) == null ? void 0 : _a.tagName) === "IFRAME" && !(el == null ? void 0 : el.contains(window.document.activeElement)))
-        handler(event);
-    })
-  ].filter(Boolean);
-  const stop = () => cleanup.forEach((fn) => fn());
-  return stop;
-}
-
-const _global = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
-const globalKey = "__vueuse_ssr_handlers__";
-_global[globalKey] = _global[globalKey] || {};
-
-var SwipeDirection;
-(function(SwipeDirection2) {
-  SwipeDirection2["UP"] = "UP";
-  SwipeDirection2["RIGHT"] = "RIGHT";
-  SwipeDirection2["DOWN"] = "DOWN";
-  SwipeDirection2["LEFT"] = "LEFT";
-  SwipeDirection2["NONE"] = "NONE";
-})(SwipeDirection || (SwipeDirection = {}));
-
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-const _TransitionPresets = {
-  easeInSine: [0.12, 0, 0.39, 0],
-  easeOutSine: [0.61, 1, 0.88, 1],
-  easeInOutSine: [0.37, 0, 0.63, 1],
-  easeInQuad: [0.11, 0, 0.5, 0],
-  easeOutQuad: [0.5, 1, 0.89, 1],
-  easeInOutQuad: [0.45, 0, 0.55, 1],
-  easeInCubic: [0.32, 0, 0.67, 0],
-  easeOutCubic: [0.33, 1, 0.68, 1],
-  easeInOutCubic: [0.65, 0, 0.35, 1],
-  easeInQuart: [0.5, 0, 0.75, 0],
-  easeOutQuart: [0.25, 1, 0.5, 1],
-  easeInOutQuart: [0.76, 0, 0.24, 1],
-  easeInQuint: [0.64, 0, 0.78, 0],
-  easeOutQuint: [0.22, 1, 0.36, 1],
-  easeInOutQuint: [0.83, 0, 0.17, 1],
-  easeInExpo: [0.7, 0, 0.84, 0],
-  easeOutExpo: [0.16, 1, 0.3, 1],
-  easeInOutExpo: [0.87, 0, 0.13, 1],
-  easeInCirc: [0.55, 0, 1, 0.45],
-  easeOutCirc: [0, 0.55, 0.45, 1],
-  easeInOutCirc: [0.85, 0, 0.15, 1],
-  easeInBack: [0.36, 0, 0.66, -0.56],
-  easeOutBack: [0.34, 1.56, 0.64, 1],
-  easeInOutBack: [0.68, -0.6, 0.32, 1.6]
-};
-__spreadValues({
-  linear: identity
-}, _TransitionPresets);
-
-/**
-* @vue/shared v3.4.21
-* (c) 2018-present Yuxi (Evan) You and Vue contributors
-* @license MIT
-**/
-
-!!(process.env.NODE_ENV !== "production") ? Object.freeze({}) : {};
-!!(process.env.NODE_ENV !== "production") ? Object.freeze([]) : [];
-const NOOP = () => {
-};
-const hasOwnProperty = Object.prototype.hasOwnProperty;
-const hasOwn = (val, key) => hasOwnProperty.call(val, key);
-const isArray = Array.isArray;
-const isFunction = (val) => typeof val === "function";
-const isString = (val) => typeof val === "string";
-const isObject = (val) => val !== null && typeof val === "object";
-
-/**
- * The inverse of `_.toPairs`; this method returns an object composed
- * from key-value `pairs`.
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Array
- * @param {Array} pairs The key-value pairs.
- * @returns {Object} Returns the new object.
- * @example
- *
- * _.fromPairs([['a', 1], ['b', 2]]);
- * // => { 'a': 1, 'b': 2 }
- */
-function fromPairs(pairs) {
-  var index = -1,
-      length = pairs == null ? 0 : pairs.length,
-      result = {};
-
-  while (++index < length) {
-    var pair = pairs[index];
-    result[pair[0]] = pair[1];
-  }
-  return result;
-}
-
-/**
- * Checks if `value` is `null` or `undefined`.
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is nullish, else `false`.
- * @example
- *
- * _.isNil(null);
- * // => true
- *
- * _.isNil(void 0);
- * // => true
- *
- * _.isNil(NaN);
- * // => false
- */
-function isNil(value) {
-  return value == null;
-}
-
-/**
- * Checks if `value` is `undefined`.
- *
- * @static
- * @since 0.1.0
- * @memberOf _
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is `undefined`, else `false`.
- * @example
- *
- * _.isUndefined(void 0);
- * // => true
- *
- * _.isUndefined(null);
- * // => false
- */
-function isUndefined(value) {
-  return value === undefined;
-}
-
-const isBoolean = (val) => typeof val === "boolean";
-const isNumber = (val) => typeof val === "number";
-const isElement = (e) => {
-  if (typeof Element === "undefined")
-    return false;
-  return e instanceof Element;
-};
-const isStringNumber = (val) => {
-  if (!isString(val)) {
-    return false;
-  }
-  return !Number.isNaN(Number(val));
-};
-
-class ElementPlusError extends Error {
-  constructor(m) {
-    super(m);
-    this.name = "ElementPlusError";
-  }
-}
-function debugWarn(scope, message) {
-  if (process.env.NODE_ENV !== "production") {
-    const error = isString(scope) ? new ElementPlusError(`[${scope}] ${message}`) : scope;
-    console.warn(error);
-  }
-}
-
-const SCOPE = "utils/dom/style";
-function addUnit(value, defaultUnit = "px") {
-  if (!value)
-    return "";
-  if (isNumber(value) || isStringNumber(value)) {
-    return `${value}${defaultUnit}`;
-  } else if (isString(value)) {
-    return value;
-  }
-  debugWarn(SCOPE, "binding value must be a string or number");
-}
-
-const epPropKey = "__epPropKey";
-const definePropType = (val) => val;
-const isEpProp = (val) => isObject(val) && !!val[epPropKey];
-const buildProp = (prop, key) => {
-  if (!isObject(prop) || isEpProp(prop))
-    return prop;
-  const { values, required, default: defaultValue, type, validator } = prop;
-  const _validator = values || validator ? (val) => {
-    let valid = false;
-    let allowedValues = [];
-    if (values) {
-      allowedValues = Array.from(values);
-      if (hasOwn(prop, "default")) {
-        allowedValues.push(defaultValue);
-      }
-      valid || (valid = allowedValues.includes(val));
-    }
-    if (validator)
-      valid || (valid = validator(val));
-    if (!valid && allowedValues.length > 0) {
-      const allowValuesText = [...new Set(allowedValues)].map((value) => JSON.stringify(value)).join(", ");
-      warn(`Invalid prop: validation failed${key ? ` for prop "${key}"` : ""}. Expected one of [${allowValuesText}], got value ${JSON.stringify(val)}.`);
-    }
-    return valid;
-  } : void 0;
-  const epProp = {
-    type,
-    required: !!required,
-    validator: _validator,
-    [epPropKey]: true
-  };
-  if (hasOwn(prop, "default"))
-    epProp.default = defaultValue;
-  return epProp;
-};
-const buildProps = (props) => fromPairs(Object.entries(props).map(([key, option]) => [
-  key,
-  buildProp(option, key)
-]));
-
-const iconPropType = definePropType([
-  String,
-  Object,
-  Function
-]);
-
-const withInstall = (main, extra) => {
-  main.install = (app) => {
-    for (const comp of [main, ...Object.values(extra != null ? extra : {})]) {
-      app.component(comp.name, comp);
-    }
-  };
-  if (extra) {
-    for (const [key, comp] of Object.entries(extra)) {
-      main[key] = comp;
-    }
-  }
-  return main;
-};
-const withInstallDirective = (directive, name) => {
-  directive.install = (app) => {
-    app.directive(name, directive);
-  };
-  return directive;
-};
-
-const EVENT_CODE = {
-  tab: "Tab",
-  enter: "Enter",
-  space: "Space",
-  left: "ArrowLeft",
-  up: "ArrowUp",
-  right: "ArrowRight",
-  down: "ArrowDown",
-  esc: "Escape",
-  delete: "Delete",
-  backspace: "Backspace",
-  numpadEnter: "NumpadEnter",
-  pageUp: "PageUp",
-  pageDown: "PageDown",
-  home: "Home",
-  end: "End"
-};
-
-const defaultNamespace = "el";
-const statePrefix = "is-";
-const _bem = (namespace, block, blockSuffix, element, modifier) => {
-  let cls = `${namespace}-${block}`;
-  if (blockSuffix) {
-    cls += `-${blockSuffix}`;
-  }
-  if (element) {
-    cls += `__${element}`;
-  }
-  if (modifier) {
-    cls += `--${modifier}`;
-  }
-  return cls;
-};
-const namespaceContextKey = Symbol("namespaceContextKey");
-const useGetDerivedNamespace = (namespaceOverrides) => {
-  const derivedNamespace = namespaceOverrides || (getCurrentInstance() ? inject(namespaceContextKey, ref(defaultNamespace)) : ref(defaultNamespace));
-  const namespace = computed(() => {
-    return unref$1(derivedNamespace) || defaultNamespace;
-  });
-  return namespace;
-};
-const useNamespace = (block, namespaceOverrides) => {
-  const namespace = useGetDerivedNamespace(namespaceOverrides);
-  const b = (blockSuffix = "") => _bem(namespace.value, block, blockSuffix, "", "");
-  const e = (element) => element ? _bem(namespace.value, block, "", element, "") : "";
-  const m = (modifier) => modifier ? _bem(namespace.value, block, "", "", modifier) : "";
-  const be = (blockSuffix, element) => blockSuffix && element ? _bem(namespace.value, block, blockSuffix, element, "") : "";
-  const em = (element, modifier) => element && modifier ? _bem(namespace.value, block, "", element, modifier) : "";
-  const bm = (blockSuffix, modifier) => blockSuffix && modifier ? _bem(namespace.value, block, blockSuffix, "", modifier) : "";
-  const bem = (blockSuffix, element, modifier) => blockSuffix && element && modifier ? _bem(namespace.value, block, blockSuffix, element, modifier) : "";
-  const is = (name, ...args) => {
-    const state = args.length >= 1 ? args[0] : true;
-    return name && state ? `${statePrefix}${name}` : "";
-  };
-  const cssVar = (object) => {
-    const styles = {};
-    for (const key in object) {
-      if (object[key]) {
-        styles[`--${namespace.value}-${key}`] = object[key];
-      }
-    }
-    return styles;
-  };
-  const cssVarBlock = (object) => {
-    const styles = {};
-    for (const key in object) {
-      if (object[key]) {
-        styles[`--${namespace.value}-${block}-${key}`] = object[key];
-      }
-    }
-    return styles;
-  };
-  const cssVarName = (name) => `--${namespace.value}-${name}`;
-  const cssVarBlockName = (name) => `--${namespace.value}-${block}-${name}`;
-  return {
-    namespace,
-    b,
-    e,
-    m,
-    be,
-    em,
-    bm,
-    bem,
-    is,
-    cssVar,
-    cssVarName,
-    cssVarBlock,
-    cssVarBlockName
-  };
-};
-
-const _prop = buildProp({
-  type: definePropType(Boolean),
-  default: null
-});
-const _event = buildProp({
-  type: definePropType(Function)
-});
-const createModelToggleComposable = (name) => {
-  const updateEventKey = `update:${name}`;
-  const updateEventKeyRaw = `onUpdate:${name}`;
-  const useModelToggleEmits2 = [updateEventKey];
-  const useModelToggleProps2 = {
-    [name]: _prop,
-    [updateEventKeyRaw]: _event
-  };
-  const useModelToggle2 = ({
-    indicator,
-    toggleReason,
-    shouldHideWhenRouteChanges,
-    shouldProceed,
-    onShow,
-    onHide
-  }) => {
-    const instance = getCurrentInstance();
-    const { emit } = instance;
-    const props = instance.props;
-    const hasUpdateHandler = computed(() => isFunction(props[updateEventKeyRaw]));
-    const isModelBindingAbsent = computed(() => props[name] === null);
-    const doShow = (event) => {
-      if (indicator.value === true) {
-        return;
-      }
-      indicator.value = true;
-      if (toggleReason) {
-        toggleReason.value = event;
-      }
-      if (isFunction(onShow)) {
-        onShow(event);
-      }
-    };
-    const doHide = (event) => {
-      if (indicator.value === false) {
-        return;
-      }
-      indicator.value = false;
-      if (toggleReason) {
-        toggleReason.value = event;
-      }
-      if (isFunction(onHide)) {
-        onHide(event);
-      }
-    };
-    const show = (event) => {
-      if (props.disabled === true || isFunction(shouldProceed) && !shouldProceed())
-        return;
-      const shouldEmit = hasUpdateHandler.value && isClient;
-      if (shouldEmit) {
-        emit(updateEventKey, true);
-      }
-      if (isModelBindingAbsent.value || !shouldEmit) {
-        doShow(event);
-      }
-    };
-    const hide = (event) => {
-      if (props.disabled === true || !isClient)
-        return;
-      const shouldEmit = hasUpdateHandler.value && isClient;
-      if (shouldEmit) {
-        emit(updateEventKey, false);
-      }
-      if (isModelBindingAbsent.value || !shouldEmit) {
-        doHide(event);
-      }
-    };
-    const onChange = (val) => {
-      if (!isBoolean(val))
-        return;
-      if (props.disabled && val) {
-        if (hasUpdateHandler.value) {
-          emit(updateEventKey, false);
-        }
-      } else if (indicator.value !== val) {
-        if (val) {
-          doShow();
-        } else {
-          doHide();
-        }
-      }
-    };
-    const toggle = () => {
-      if (indicator.value) {
-        hide();
-      } else {
-        show();
-      }
-    };
-    watch$1(() => props[name], onChange);
-    if (shouldHideWhenRouteChanges && instance.appContext.config.globalProperties.$route !== void 0) {
-      watch$1(() => ({
-        ...instance.proxy.$route
-      }), () => {
-        if (shouldHideWhenRouteChanges.value && indicator.value) {
-          hide();
-        }
-      });
-    }
-    onMounted(() => {
-      onChange(props[name]);
-    });
-    return {
-      hide,
-      show,
-      toggle,
-      hasUpdateHandler
-    };
-  };
-  return {
-    useModelToggle: useModelToggle2,
-    useModelToggleProps: useModelToggleProps2,
-    useModelToggleEmits: useModelToggleEmits2
-  };
-};
-createModelToggleComposable("modelValue");
-
-var E="top",R="bottom",W="right",P="left",me="auto",G=[E,R,W,P],U="start",J="end",Xe="clippingParents",je="viewport",K="popper",Ye="reference",De=G.reduce(function(t,e){return t.concat([e+"-"+U,e+"-"+J])},[]),Ee=[].concat(G,[me]).reduce(function(t,e){return t.concat([e,e+"-"+U,e+"-"+J])},[]),Ge="beforeRead",Je="read",Ke="afterRead",Qe="beforeMain",Ze="main",et="afterMain",tt="beforeWrite",nt="write",rt="afterWrite",ot=[Ge,Je,Ke,Qe,Ze,et,tt,nt,rt];function C(t){return t?(t.nodeName||"").toLowerCase():null}function H(t){if(t==null)return window;if(t.toString()!=="[object Window]"){var e=t.ownerDocument;return e&&e.defaultView||window}return t}function Q(t){var e=H(t).Element;return t instanceof e||t instanceof Element}function B(t){var e=H(t).HTMLElement;return t instanceof e||t instanceof HTMLElement}function Pe(t){if(typeof ShadowRoot=="undefined")return !1;var e=H(t).ShadowRoot;return t instanceof e||t instanceof ShadowRoot}function Mt(t){var e=t.state;Object.keys(e.elements).forEach(function(n){var r=e.styles[n]||{},o=e.attributes[n]||{},i=e.elements[n];!B(i)||!C(i)||(Object.assign(i.style,r),Object.keys(o).forEach(function(a){var s=o[a];s===!1?i.removeAttribute(a):i.setAttribute(a,s===!0?"":s);}));});}function Rt(t){var e=t.state,n={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,n.popper),e.styles=n,e.elements.arrow&&Object.assign(e.elements.arrow.style,n.arrow),function(){Object.keys(e.elements).forEach(function(r){var o=e.elements[r],i=e.attributes[r]||{},a=Object.keys(e.styles.hasOwnProperty(r)?e.styles[r]:n[r]),s=a.reduce(function(f,c){return f[c]="",f},{});!B(o)||!C(o)||(Object.assign(o.style,s),Object.keys(i).forEach(function(f){o.removeAttribute(f);}));});}}var Ae={name:"applyStyles",enabled:!0,phase:"write",fn:Mt,effect:Rt,requires:["computeStyles"]};function q(t){return t.split("-")[0]}var X=Math.max,ve=Math.min,Z=Math.round;function ee(t,e){e===void 0&&(e=!1);var n=t.getBoundingClientRect(),r=1,o=1;if(B(t)&&e){var i=t.offsetHeight,a=t.offsetWidth;a>0&&(r=Z(n.width)/a||1),i>0&&(o=Z(n.height)/i||1);}return {width:n.width/r,height:n.height/o,top:n.top/o,right:n.right/r,bottom:n.bottom/o,left:n.left/r,x:n.left/r,y:n.top/o}}function ke(t){var e=ee(t),n=t.offsetWidth,r=t.offsetHeight;return Math.abs(e.width-n)<=1&&(n=e.width),Math.abs(e.height-r)<=1&&(r=e.height),{x:t.offsetLeft,y:t.offsetTop,width:n,height:r}}function it(t,e){var n=e.getRootNode&&e.getRootNode();if(t.contains(e))return !0;if(n&&Pe(n)){var r=e;do{if(r&&t.isSameNode(r))return !0;r=r.parentNode||r.host;}while(r)}return !1}function N(t){return H(t).getComputedStyle(t)}function Wt(t){return ["table","td","th"].indexOf(C(t))>=0}function I(t){return ((Q(t)?t.ownerDocument:t.document)||window.document).documentElement}function ge(t){return C(t)==="html"?t:t.assignedSlot||t.parentNode||(Pe(t)?t.host:null)||I(t)}function at(t){return !B(t)||N(t).position==="fixed"?null:t.offsetParent}function Bt(t){var e=navigator.userAgent.toLowerCase().indexOf("firefox")!==-1,n=navigator.userAgent.indexOf("Trident")!==-1;if(n&&B(t)){var r=N(t);if(r.position==="fixed")return null}var o=ge(t);for(Pe(o)&&(o=o.host);B(o)&&["html","body"].indexOf(C(o))<0;){var i=N(o);if(i.transform!=="none"||i.perspective!=="none"||i.contain==="paint"||["transform","perspective"].indexOf(i.willChange)!==-1||e&&i.willChange==="filter"||e&&i.filter&&i.filter!=="none")return o;o=o.parentNode;}return null}function se(t){for(var e=H(t),n=at(t);n&&Wt(n)&&N(n).position==="static";)n=at(n);return n&&(C(n)==="html"||C(n)==="body"&&N(n).position==="static")?e:n||Bt(t)||e}function Le(t){return ["top","bottom"].indexOf(t)>=0?"x":"y"}function fe(t,e,n){return X(t,ve(e,n))}function St(t,e,n){var r=fe(t,e,n);return r>n?n:r}function st(){return {top:0,right:0,bottom:0,left:0}}function ft(t){return Object.assign({},st(),t)}function ct(t,e){return e.reduce(function(n,r){return n[r]=t,n},{})}var Tt=function(t,e){return t=typeof t=="function"?t(Object.assign({},e.rects,{placement:e.placement})):t,ft(typeof t!="number"?t:ct(t,G))};function Ht(t){var e,n=t.state,r=t.name,o=t.options,i=n.elements.arrow,a=n.modifiersData.popperOffsets,s=q(n.placement),f=Le(s),c=[P,W].indexOf(s)>=0,u=c?"height":"width";if(!(!i||!a)){var m=Tt(o.padding,n),v=ke(i),l=f==="y"?E:P,h=f==="y"?R:W,p=n.rects.reference[u]+n.rects.reference[f]-a[f]-n.rects.popper[u],g=a[f]-n.rects.reference[f],x=se(i),y=x?f==="y"?x.clientHeight||0:x.clientWidth||0:0,$=p/2-g/2,d=m[l],b=y-v[u]-m[h],w=y/2-v[u]/2+$,O=fe(d,w,b),j=f;n.modifiersData[r]=(e={},e[j]=O,e.centerOffset=O-w,e);}}function Ct(t){var e=t.state,n=t.options,r=n.element,o=r===void 0?"[data-popper-arrow]":r;o!=null&&(typeof o=="string"&&(o=e.elements.popper.querySelector(o),!o)||!it(e.elements.popper,o)||(e.elements.arrow=o));}var pt={name:"arrow",enabled:!0,phase:"main",fn:Ht,effect:Ct,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function te(t){return t.split("-")[1]}var qt={top:"auto",right:"auto",bottom:"auto",left:"auto"};function Vt(t){var e=t.x,n=t.y,r=window,o=r.devicePixelRatio||1;return {x:Z(e*o)/o||0,y:Z(n*o)/o||0}}function ut(t){var e,n=t.popper,r=t.popperRect,o=t.placement,i=t.variation,a=t.offsets,s=t.position,f=t.gpuAcceleration,c=t.adaptive,u=t.roundOffsets,m=t.isFixed,v=a.x,l=v===void 0?0:v,h=a.y,p=h===void 0?0:h,g=typeof u=="function"?u({x:l,y:p}):{x:l,y:p};l=g.x,p=g.y;var x=a.hasOwnProperty("x"),y=a.hasOwnProperty("y"),$=P,d=E,b=window;if(c){var w=se(n),O="clientHeight",j="clientWidth";if(w===H(n)&&(w=I(n),N(w).position!=="static"&&s==="absolute"&&(O="scrollHeight",j="scrollWidth")),w=w,o===E||(o===P||o===W)&&i===J){d=R;var A=m&&w===b&&b.visualViewport?b.visualViewport.height:w[O];p-=A-r.height,p*=f?1:-1;}if(o===P||(o===E||o===R)&&i===J){$=W;var k=m&&w===b&&b.visualViewport?b.visualViewport.width:w[j];l-=k-r.width,l*=f?1:-1;}}var D=Object.assign({position:s},c&&qt),S=u===!0?Vt({x:l,y:p}):{x:l,y:p};if(l=S.x,p=S.y,f){var L;return Object.assign({},D,(L={},L[d]=y?"0":"",L[$]=x?"0":"",L.transform=(b.devicePixelRatio||1)<=1?"translate("+l+"px, "+p+"px)":"translate3d("+l+"px, "+p+"px, 0)",L))}return Object.assign({},D,(e={},e[d]=y?p+"px":"",e[$]=x?l+"px":"",e.transform="",e))}function Nt(t){var e=t.state,n=t.options,r=n.gpuAcceleration,o=r===void 0?!0:r,i=n.adaptive,a=i===void 0?!0:i,s=n.roundOffsets,f=s===void 0?!0:s,c={placement:q(e.placement),variation:te(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:o,isFixed:e.options.strategy==="fixed"};e.modifiersData.popperOffsets!=null&&(e.styles.popper=Object.assign({},e.styles.popper,ut(Object.assign({},c,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:a,roundOffsets:f})))),e.modifiersData.arrow!=null&&(e.styles.arrow=Object.assign({},e.styles.arrow,ut(Object.assign({},c,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:f})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement});}var Me={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:Nt,data:{}},ye={passive:!0};function It(t){var e=t.state,n=t.instance,r=t.options,o=r.scroll,i=o===void 0?!0:o,a=r.resize,s=a===void 0?!0:a,f=H(e.elements.popper),c=[].concat(e.scrollParents.reference,e.scrollParents.popper);return i&&c.forEach(function(u){u.addEventListener("scroll",n.update,ye);}),s&&f.addEventListener("resize",n.update,ye),function(){i&&c.forEach(function(u){u.removeEventListener("scroll",n.update,ye);}),s&&f.removeEventListener("resize",n.update,ye);}}var Re={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:It,data:{}},_t={left:"right",right:"left",bottom:"top",top:"bottom"};function be(t){return t.replace(/left|right|bottom|top/g,function(e){return _t[e]})}var zt={start:"end",end:"start"};function lt(t){return t.replace(/start|end/g,function(e){return zt[e]})}function We(t){var e=H(t),n=e.pageXOffset,r=e.pageYOffset;return {scrollLeft:n,scrollTop:r}}function Be(t){return ee(I(t)).left+We(t).scrollLeft}function Ft(t){var e=H(t),n=I(t),r=e.visualViewport,o=n.clientWidth,i=n.clientHeight,a=0,s=0;return r&&(o=r.width,i=r.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(a=r.offsetLeft,s=r.offsetTop)),{width:o,height:i,x:a+Be(t),y:s}}function Ut(t){var e,n=I(t),r=We(t),o=(e=t.ownerDocument)==null?void 0:e.body,i=X(n.scrollWidth,n.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),a=X(n.scrollHeight,n.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),s=-r.scrollLeft+Be(t),f=-r.scrollTop;return N(o||n).direction==="rtl"&&(s+=X(n.clientWidth,o?o.clientWidth:0)-i),{width:i,height:a,x:s,y:f}}function Se(t){var e=N(t),n=e.overflow,r=e.overflowX,o=e.overflowY;return /auto|scroll|overlay|hidden/.test(n+o+r)}function dt(t){return ["html","body","#document"].indexOf(C(t))>=0?t.ownerDocument.body:B(t)&&Se(t)?t:dt(ge(t))}function ce(t,e){var n;e===void 0&&(e=[]);var r=dt(t),o=r===((n=t.ownerDocument)==null?void 0:n.body),i=H(r),a=o?[i].concat(i.visualViewport||[],Se(r)?r:[]):r,s=e.concat(a);return o?s:s.concat(ce(ge(a)))}function Te(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function Xt(t){var e=ee(t);return e.top=e.top+t.clientTop,e.left=e.left+t.clientLeft,e.bottom=e.top+t.clientHeight,e.right=e.left+t.clientWidth,e.width=t.clientWidth,e.height=t.clientHeight,e.x=e.left,e.y=e.top,e}function ht(t,e){return e===je?Te(Ft(t)):Q(e)?Xt(e):Te(Ut(I(t)))}function Yt(t){var e=ce(ge(t)),n=["absolute","fixed"].indexOf(N(t).position)>=0,r=n&&B(t)?se(t):t;return Q(r)?e.filter(function(o){return Q(o)&&it(o,r)&&C(o)!=="body"}):[]}function Gt(t,e,n){var r=e==="clippingParents"?Yt(t):[].concat(e),o=[].concat(r,[n]),i=o[0],a=o.reduce(function(s,f){var c=ht(t,f);return s.top=X(c.top,s.top),s.right=ve(c.right,s.right),s.bottom=ve(c.bottom,s.bottom),s.left=X(c.left,s.left),s},ht(t,i));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}function mt(t){var e=t.reference,n=t.element,r=t.placement,o=r?q(r):null,i=r?te(r):null,a=e.x+e.width/2-n.width/2,s=e.y+e.height/2-n.height/2,f;switch(o){case E:f={x:a,y:e.y-n.height};break;case R:f={x:a,y:e.y+e.height};break;case W:f={x:e.x+e.width,y:s};break;case P:f={x:e.x-n.width,y:s};break;default:f={x:e.x,y:e.y};}var c=o?Le(o):null;if(c!=null){var u=c==="y"?"height":"width";switch(i){case U:f[c]=f[c]-(e[u]/2-n[u]/2);break;case J:f[c]=f[c]+(e[u]/2-n[u]/2);break}}return f}function ne(t,e){e===void 0&&(e={});var n=e,r=n.placement,o=r===void 0?t.placement:r,i=n.boundary,a=i===void 0?Xe:i,s=n.rootBoundary,f=s===void 0?je:s,c=n.elementContext,u=c===void 0?K:c,m=n.altBoundary,v=m===void 0?!1:m,l=n.padding,h=l===void 0?0:l,p=ft(typeof h!="number"?h:ct(h,G)),g=u===K?Ye:K,x=t.rects.popper,y=t.elements[v?g:u],$=Gt(Q(y)?y:y.contextElement||I(t.elements.popper),a,f),d=ee(t.elements.reference),b=mt({reference:d,element:x,strategy:"absolute",placement:o}),w=Te(Object.assign({},x,b)),O=u===K?w:d,j={top:$.top-O.top+p.top,bottom:O.bottom-$.bottom+p.bottom,left:$.left-O.left+p.left,right:O.right-$.right+p.right},A=t.modifiersData.offset;if(u===K&&A){var k=A[o];Object.keys(j).forEach(function(D){var S=[W,R].indexOf(D)>=0?1:-1,L=[E,R].indexOf(D)>=0?"y":"x";j[D]+=k[L]*S;});}return j}function Jt(t,e){e===void 0&&(e={});var n=e,r=n.placement,o=n.boundary,i=n.rootBoundary,a=n.padding,s=n.flipVariations,f=n.allowedAutoPlacements,c=f===void 0?Ee:f,u=te(r),m=u?s?De:De.filter(function(h){return te(h)===u}):G,v=m.filter(function(h){return c.indexOf(h)>=0});v.length===0&&(v=m);var l=v.reduce(function(h,p){return h[p]=ne(t,{placement:p,boundary:o,rootBoundary:i,padding:a})[q(p)],h},{});return Object.keys(l).sort(function(h,p){return l[h]-l[p]})}function Kt(t){if(q(t)===me)return [];var e=be(t);return [lt(t),e,lt(e)]}function Qt(t){var e=t.state,n=t.options,r=t.name;if(!e.modifiersData[r]._skip){for(var o=n.mainAxis,i=o===void 0?!0:o,a=n.altAxis,s=a===void 0?!0:a,f=n.fallbackPlacements,c=n.padding,u=n.boundary,m=n.rootBoundary,v=n.altBoundary,l=n.flipVariations,h=l===void 0?!0:l,p=n.allowedAutoPlacements,g=e.options.placement,x=q(g),y=x===g,$=f||(y||!h?[be(g)]:Kt(g)),d=[g].concat($).reduce(function(z,V){return z.concat(q(V)===me?Jt(e,{placement:V,boundary:u,rootBoundary:m,padding:c,flipVariations:h,allowedAutoPlacements:p}):V)},[]),b=e.rects.reference,w=e.rects.popper,O=new Map,j=!0,A=d[0],k=0;k<d.length;k++){var D=d[k],S=q(D),L=te(D)===U,re=[E,R].indexOf(S)>=0,oe=re?"width":"height",M=ne(e,{placement:D,boundary:u,rootBoundary:m,altBoundary:v,padding:c}),T=re?L?W:P:L?R:E;b[oe]>w[oe]&&(T=be(T));var pe=be(T),_=[];if(i&&_.push(M[S]<=0),s&&_.push(M[T]<=0,M[pe]<=0),_.every(function(z){return z})){A=D,j=!1;break}O.set(D,_);}if(j)for(var ue=h?3:1,xe=function(z){var V=d.find(function(de){var ae=O.get(de);if(ae)return ae.slice(0,z).every(function(Y){return Y})});if(V)return A=V,"break"},ie=ue;ie>0;ie--){var le=xe(ie);if(le==="break")break}e.placement!==A&&(e.modifiersData[r]._skip=!0,e.placement=A,e.reset=!0);}}var vt={name:"flip",enabled:!0,phase:"main",fn:Qt,requiresIfExists:["offset"],data:{_skip:!1}};function gt(t,e,n){return n===void 0&&(n={x:0,y:0}),{top:t.top-e.height-n.y,right:t.right-e.width+n.x,bottom:t.bottom-e.height+n.y,left:t.left-e.width-n.x}}function yt(t){return [E,W,R,P].some(function(e){return t[e]>=0})}function Zt(t){var e=t.state,n=t.name,r=e.rects.reference,o=e.rects.popper,i=e.modifiersData.preventOverflow,a=ne(e,{elementContext:"reference"}),s=ne(e,{altBoundary:!0}),f=gt(a,r),c=gt(s,o,i),u=yt(f),m=yt(c);e.modifiersData[n]={referenceClippingOffsets:f,popperEscapeOffsets:c,isReferenceHidden:u,hasPopperEscaped:m},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":u,"data-popper-escaped":m});}var bt={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:Zt};function en(t,e,n){var r=q(t),o=[P,E].indexOf(r)>=0?-1:1,i=typeof n=="function"?n(Object.assign({},e,{placement:t})):n,a=i[0],s=i[1];return a=a||0,s=(s||0)*o,[P,W].indexOf(r)>=0?{x:s,y:a}:{x:a,y:s}}function tn(t){var e=t.state,n=t.options,r=t.name,o=n.offset,i=o===void 0?[0,0]:o,a=Ee.reduce(function(u,m){return u[m]=en(m,e.rects,i),u},{}),s=a[e.placement],f=s.x,c=s.y;e.modifiersData.popperOffsets!=null&&(e.modifiersData.popperOffsets.x+=f,e.modifiersData.popperOffsets.y+=c),e.modifiersData[r]=a;}var wt={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:tn};function nn(t){var e=t.state,n=t.name;e.modifiersData[n]=mt({reference:e.rects.reference,element:e.rects.popper,strategy:"absolute",placement:e.placement});}var He={name:"popperOffsets",enabled:!0,phase:"read",fn:nn,data:{}};function rn(t){return t==="x"?"y":"x"}function on(t){var e=t.state,n=t.options,r=t.name,o=n.mainAxis,i=o===void 0?!0:o,a=n.altAxis,s=a===void 0?!1:a,f=n.boundary,c=n.rootBoundary,u=n.altBoundary,m=n.padding,v=n.tether,l=v===void 0?!0:v,h=n.tetherOffset,p=h===void 0?0:h,g=ne(e,{boundary:f,rootBoundary:c,padding:m,altBoundary:u}),x=q(e.placement),y=te(e.placement),$=!y,d=Le(x),b=rn(d),w=e.modifiersData.popperOffsets,O=e.rects.reference,j=e.rects.popper,A=typeof p=="function"?p(Object.assign({},e.rects,{placement:e.placement})):p,k=typeof A=="number"?{mainAxis:A,altAxis:A}:Object.assign({mainAxis:0,altAxis:0},A),D=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,S={x:0,y:0};if(w){if(i){var L,re=d==="y"?E:P,oe=d==="y"?R:W,M=d==="y"?"height":"width",T=w[d],pe=T+g[re],_=T-g[oe],ue=l?-j[M]/2:0,xe=y===U?O[M]:j[M],ie=y===U?-j[M]:-O[M],le=e.elements.arrow,z=l&&le?ke(le):{width:0,height:0},V=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:st(),de=V[re],ae=V[oe],Y=fe(0,O[M],z[M]),jt=$?O[M]/2-ue-Y-de-k.mainAxis:xe-Y-de-k.mainAxis,Dt=$?-O[M]/2+ue+Y+ae+k.mainAxis:ie+Y+ae+k.mainAxis,Oe=e.elements.arrow&&se(e.elements.arrow),Et=Oe?d==="y"?Oe.clientTop||0:Oe.clientLeft||0:0,Ce=(L=D==null?void 0:D[d])!=null?L:0,Pt=T+jt-Ce-Et,At=T+Dt-Ce,qe=fe(l?ve(pe,Pt):pe,T,l?X(_,At):_);w[d]=qe,S[d]=qe-T;}if(s){var Ve,kt=d==="x"?E:P,Lt=d==="x"?R:W,F=w[b],he=b==="y"?"height":"width",Ne=F+g[kt],Ie=F-g[Lt],$e=[E,P].indexOf(x)!==-1,_e=(Ve=D==null?void 0:D[b])!=null?Ve:0,ze=$e?Ne:F-O[he]-j[he]-_e+k.altAxis,Fe=$e?F+O[he]+j[he]-_e-k.altAxis:Ie,Ue=l&&$e?St(ze,F,Fe):fe(l?ze:Ne,F,l?Fe:Ie);w[b]=Ue,S[b]=Ue-F;}e.modifiersData[r]=S;}}var xt={name:"preventOverflow",enabled:!0,phase:"main",fn:on,requiresIfExists:["offset"]};function an(t){return {scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}function sn(t){return t===H(t)||!B(t)?We(t):an(t)}function fn(t){var e=t.getBoundingClientRect(),n=Z(e.width)/t.offsetWidth||1,r=Z(e.height)/t.offsetHeight||1;return n!==1||r!==1}function cn(t,e,n){n===void 0&&(n=!1);var r=B(e),o=B(e)&&fn(e),i=I(e),a=ee(t,o),s={scrollLeft:0,scrollTop:0},f={x:0,y:0};return (r||!r&&!n)&&((C(e)!=="body"||Se(i))&&(s=sn(e)),B(e)?(f=ee(e,!0),f.x+=e.clientLeft,f.y+=e.clientTop):i&&(f.x=Be(i))),{x:a.left+s.scrollLeft-f.x,y:a.top+s.scrollTop-f.y,width:a.width,height:a.height}}function pn(t){var e=new Map,n=new Set,r=[];t.forEach(function(i){e.set(i.name,i);});function o(i){n.add(i.name);var a=[].concat(i.requires||[],i.requiresIfExists||[]);a.forEach(function(s){if(!n.has(s)){var f=e.get(s);f&&o(f);}}),r.push(i);}return t.forEach(function(i){n.has(i.name)||o(i);}),r}function un(t){var e=pn(t);return ot.reduce(function(n,r){return n.concat(e.filter(function(o){return o.phase===r}))},[])}function ln(t){var e;return function(){return e||(e=new Promise(function(n){Promise.resolve().then(function(){e=void 0,n(t());});})),e}}function dn(t){var e=t.reduce(function(n,r){var o=n[r.name];return n[r.name]=o?Object.assign({},o,r,{options:Object.assign({},o.options,r.options),data:Object.assign({},o.data,r.data)}):r,n},{});return Object.keys(e).map(function(n){return e[n]})}var Ot={placement:"bottom",modifiers:[],strategy:"absolute"};function $t(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return !e.some(function(r){return !(r&&typeof r.getBoundingClientRect=="function")})}function we(t){t===void 0&&(t={});var e=t,n=e.defaultModifiers,r=n===void 0?[]:n,o=e.defaultOptions,i=o===void 0?Ot:o;return function(a,s,f){f===void 0&&(f=i);var c={placement:"bottom",orderedModifiers:[],options:Object.assign({},Ot,i),modifiersData:{},elements:{reference:a,popper:s},attributes:{},styles:{}},u=[],m=!1,v={state:c,setOptions:function(p){var g=typeof p=="function"?p(c.options):p;h(),c.options=Object.assign({},i,c.options,g),c.scrollParents={reference:Q(a)?ce(a):a.contextElement?ce(a.contextElement):[],popper:ce(s)};var x=un(dn([].concat(r,c.options.modifiers)));return c.orderedModifiers=x.filter(function(y){return y.enabled}),l(),v.update()},forceUpdate:function(){if(!m){var p=c.elements,g=p.reference,x=p.popper;if($t(g,x)){c.rects={reference:cn(g,se(x),c.options.strategy==="fixed"),popper:ke(x)},c.reset=!1,c.placement=c.options.placement,c.orderedModifiers.forEach(function(j){return c.modifiersData[j.name]=Object.assign({},j.data)});for(var y=0;y<c.orderedModifiers.length;y++){if(c.reset===!0){c.reset=!1,y=-1;continue}var $=c.orderedModifiers[y],d=$.fn,b=$.options,w=b===void 0?{}:b,O=$.name;typeof d=="function"&&(c=d({state:c,options:w,name:O,instance:v})||c);}}}},update:ln(function(){return new Promise(function(p){v.forceUpdate(),p(c);})}),destroy:function(){h(),m=!0;}};if(!$t(a,s))return v;v.setOptions(f).then(function(p){!m&&f.onFirstUpdate&&f.onFirstUpdate(p);});function l(){c.orderedModifiers.forEach(function(p){var g=p.name,x=p.options,y=x===void 0?{}:x,$=p.effect;if(typeof $=="function"){var d=$({state:c,name:g,instance:v,options:y}),b=function(){};u.push(d||b);}});}function h(){u.forEach(function(p){return p()}),u=[];}return v}}we();var mn=[Re,He,Me,Ae];we({defaultModifiers:mn});var gn=[Re,He,Me,Ae,wt,vt,xt,pt,bt],yn=we({defaultModifiers:gn});
-
-const usePopper = (referenceElementRef, popperElementRef, opts = {}) => {
-  const stateUpdater = {
-    name: "updateState",
-    enabled: true,
-    phase: "write",
-    fn: ({ state }) => {
-      const derivedState = deriveState(state);
-      Object.assign(states.value, derivedState);
-    },
-    requires: ["computeStyles"]
-  };
-  const options = computed(() => {
-    const { onFirstUpdate, placement, strategy, modifiers } = unref$1(opts);
-    return {
-      onFirstUpdate,
-      placement: placement || "bottom",
-      strategy: strategy || "absolute",
-      modifiers: [
-        ...modifiers || [],
-        stateUpdater,
-        { name: "applyStyles", enabled: false }
-      ]
-    };
-  });
-  const instanceRef = shallowRef();
-  const states = ref({
-    styles: {
-      popper: {
-        position: unref$1(options).strategy,
-        left: "0",
-        top: "0"
-      },
-      arrow: {
-        position: "absolute"
-      }
-    },
-    attributes: {}
-  });
-  const destroy = () => {
-    if (!instanceRef.value)
-      return;
-    instanceRef.value.destroy();
-    instanceRef.value = void 0;
-  };
-  watch$1(options, (newOptions) => {
-    const instance = unref$1(instanceRef);
-    if (instance) {
-      instance.setOptions(newOptions);
-    }
-  }, {
-    deep: true
-  });
-  watch$1([referenceElementRef, popperElementRef], ([referenceElement, popperElement]) => {
-    destroy();
-    if (!referenceElement || !popperElement)
-      return;
-    instanceRef.value = yn(referenceElement, popperElement, unref$1(options));
-  });
-  onBeforeUnmount(() => {
-    destroy();
-  });
-  return {
-    state: computed(() => {
-      var _a;
-      return { ...((_a = unref$1(instanceRef)) == null ? void 0 : _a.state) || {} };
-    }),
-    styles: computed(() => unref$1(states).styles),
-    attributes: computed(() => unref$1(states).attributes),
-    update: () => {
-      var _a;
-      return (_a = unref$1(instanceRef)) == null ? void 0 : _a.update();
-    },
-    forceUpdate: () => {
-      var _a;
-      return (_a = unref$1(instanceRef)) == null ? void 0 : _a.forceUpdate();
-    },
-    instanceRef: computed(() => unref$1(instanceRef))
-  };
-};
-function deriveState(state) {
-  const elements = Object.keys(state.elements);
-  const styles = fromPairs(elements.map((element) => [element, state.styles[element] || {}]));
-  const attributes = fromPairs(elements.map((element) => [element, state.attributes[element]]));
-  return {
-    styles,
-    attributes
-  };
-}
-
-function useTimeout() {
-  let timeoutHandle;
-  const registerTimeout = (fn, delay) => {
-    cancelTimeout();
-    timeoutHandle = window.setTimeout(fn, delay);
-  };
-  const cancelTimeout = () => window.clearTimeout(timeoutHandle);
-  tryOnScopeDispose(() => cancelTimeout());
-  return {
-    registerTimeout,
-    cancelTimeout
-  };
-}
-
-const defaultIdInjection = {
-  prefix: Math.floor(Math.random() * 1e4),
-  current: 0
-};
-const ID_INJECTION_KEY = Symbol("elIdInjection");
-const useIdInjection = () => {
-  return getCurrentInstance() ? inject(ID_INJECTION_KEY, defaultIdInjection) : defaultIdInjection;
-};
-const useId = (deterministicId) => {
-  const idInjection = useIdInjection();
-  if (!isClient && idInjection === defaultIdInjection) {
-    debugWarn("IdInjection", `Looks like you are using server rendering, you must provide a id provider to ensure the hydration process to be succeed
-usage: app.provide(ID_INJECTION_KEY, {
-  prefix: number,
-  current: number,
-})`);
-  }
-  const namespace = useGetDerivedNamespace();
-  const idRef = computed(() => unref$1(deterministicId) || `${namespace.value}-id-${idInjection.prefix}-${idInjection.current++}`);
-  return idRef;
-};
-
-let registeredEscapeHandlers = [];
-const cachedHandler = (e) => {
-  const event = e;
-  if (event.key === EVENT_CODE.esc) {
-    registeredEscapeHandlers.forEach((registeredHandler) => registeredHandler(event));
-  }
-};
-const useEscapeKeydown = (handler) => {
-  onMounted(() => {
-    if (registeredEscapeHandlers.length === 0) {
-      document.addEventListener("keydown", cachedHandler);
-    }
-    if (isClient)
-      registeredEscapeHandlers.push(handler);
-  });
-  onBeforeUnmount(() => {
-    registeredEscapeHandlers = registeredEscapeHandlers.filter((registeredHandler) => registeredHandler !== handler);
-    if (registeredEscapeHandlers.length === 0) {
-      if (isClient)
-        document.removeEventListener("keydown", cachedHandler);
-    }
-  });
-};
-
-let cachedContainer;
-const usePopperContainerId = () => {
-  const namespace = useGetDerivedNamespace();
-  const idInjection = useIdInjection();
-  const id = computed(() => {
-    return `${namespace.value}-popper-container-${idInjection.prefix}`;
-  });
-  const selector = computed(() => `#${id.value}`);
-  return {
-    id,
-    selector
-  };
-};
-const createContainer = (id) => {
-  const container = document.createElement("div");
-  container.id = id;
-  document.body.appendChild(container);
-  return container;
-};
-const usePopperContainer = () => {
-  const { id, selector } = usePopperContainerId();
-  onBeforeMount(() => {
-    if (!isClient)
-      return;
-    if (process.env.NODE_ENV === "test" || !cachedContainer && !document.body.querySelector(selector.value)) {
-      cachedContainer = createContainer(id.value);
-    }
-  });
-  return {
-    id,
-    selector
-  };
-};
-
-const useDelayedToggleProps = buildProps({
-  showAfter: {
-    type: Number,
-    default: 0
-  },
-  hideAfter: {
-    type: Number,
-    default: 200
-  },
-  autoClose: {
-    type: Number,
-    default: 0
-  }
-});
-const useDelayedToggle = ({
-  showAfter,
-  hideAfter,
-  autoClose,
-  open,
-  close
-}) => {
-  const { registerTimeout } = useTimeout();
-  const {
-    registerTimeout: registerTimeoutForAutoClose,
-    cancelTimeout: cancelTimeoutForAutoClose
-  } = useTimeout();
-  const onOpen = (event) => {
-    registerTimeout(() => {
-      open(event);
-      const _autoClose = unref$1(autoClose);
-      if (isNumber(_autoClose) && _autoClose > 0) {
-        registerTimeoutForAutoClose(() => {
-          close(event);
-        }, _autoClose);
-      }
-    }, unref$1(showAfter));
-  };
-  const onClose = (event) => {
-    cancelTimeoutForAutoClose();
-    registerTimeout(() => {
-      close(event);
-    }, unref$1(hideAfter));
-  };
-  return {
-    onOpen,
-    onClose
-  };
-};
-
-const FORWARD_REF_INJECTION_KEY = Symbol("elForwardRef");
-const useForwardRef = (forwardRef) => {
-  const setForwardRef = (el) => {
-    forwardRef.value = el;
-  };
-  provide(FORWARD_REF_INJECTION_KEY, {
-    setForwardRef
-  });
-};
-const useForwardRefDirective = (setForwardRef) => {
-  return {
-    mounted(el) {
-      setForwardRef(el);
-    },
-    updated(el) {
-      setForwardRef(el);
-    },
-    unmounted() {
-      setForwardRef(null);
-    }
-  };
-};
-
-const zIndex = ref(0);
-const defaultInitialZIndex = 2e3;
-const zIndexContextKey = Symbol("zIndexContextKey");
-const useZIndex = (zIndexOverrides) => {
-  const zIndexInjection = zIndexOverrides || (getCurrentInstance() ? inject(zIndexContextKey, void 0) : void 0);
-  const initialZIndex = computed(() => {
-    const zIndexFromInjection = unref$1(zIndexInjection);
-    return isNumber(zIndexFromInjection) ? zIndexFromInjection : defaultInitialZIndex;
-  });
-  const currentZIndex = computed(() => initialZIndex.value + zIndex.value);
-  const nextZIndex = () => {
-    zIndex.value++;
-    return currentZIndex.value;
-  };
-  return {
-    initialZIndex,
-    currentZIndex,
-    nextZIndex
-  };
-};
-
-var _export_sfc$1 = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-
-const formItemContextKey = Symbol("formItemContextKey");
-
-const POPPER_INJECTION_KEY = Symbol("popper");
-const POPPER_CONTENT_INJECTION_KEY = Symbol("popperContent");
-
-const roleTypes = [
-  "dialog",
-  "grid",
-  "group",
-  "listbox",
-  "menu",
-  "navigation",
-  "tooltip",
-  "tree"
-];
-const popperProps = buildProps({
-  role: {
-    type: String,
-    values: roleTypes,
-    default: "tooltip"
-  }
-});
-
-const __default__$7 = defineComponent({
-  name: "ElPopper",
-  inheritAttrs: false
-});
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
-  ...__default__$7,
-  props: popperProps,
-  setup(__props, { expose }) {
-    const props = __props;
-    const triggerRef = ref();
-    const popperInstanceRef = ref();
-    const contentRef = ref();
-    const referenceRef = ref();
-    const role = computed(() => props.role);
-    const popperProvides = {
-      triggerRef,
-      popperInstanceRef,
-      contentRef,
-      referenceRef,
-      role
-    };
-    expose(popperProvides);
-    provide(POPPER_INJECTION_KEY, popperProvides);
-    return (_ctx, _cache) => {
-      return renderSlot(_ctx.$slots, "default");
-    };
-  }
-});
-var Popper = /* @__PURE__ */ _export_sfc$1(_sfc_main$b, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/popper/src/popper.vue"]]);
-
-const popperArrowProps = buildProps({
-  arrowOffset: {
-    type: Number,
-    default: 5
-  }
-});
-
-const __default__$6 = defineComponent({
-  name: "ElPopperArrow",
-  inheritAttrs: false
-});
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
-  ...__default__$6,
-  props: popperArrowProps,
-  setup(__props, { expose }) {
-    const props = __props;
-    const ns = useNamespace("popper");
-    const { arrowOffset, arrowRef, arrowStyle } = inject(POPPER_CONTENT_INJECTION_KEY, void 0);
-    watch$1(() => props.arrowOffset, (val) => {
-      arrowOffset.value = val;
-    });
-    onBeforeUnmount(() => {
-      arrowRef.value = void 0;
-    });
-    expose({
-      arrowRef
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", {
-        ref_key: "arrowRef",
-        ref: arrowRef,
-        class: normalizeClass(unref$1(ns).e("arrow")),
-        style: normalizeStyle(unref$1(arrowStyle)),
-        "data-popper-arrow": ""
-      }, null, 6);
-    };
-  }
-});
-var ElPopperArrow = /* @__PURE__ */ _export_sfc$1(_sfc_main$a, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/popper/src/arrow.vue"]]);
-
-const NAME = "ElOnlyChild";
-const OnlyChild = defineComponent({
-  name: NAME,
-  setup(_, {
-    slots,
-    attrs
-  }) {
-    var _a;
-    const forwardRefInjection = inject(FORWARD_REF_INJECTION_KEY);
-    const forwardRefDirective = useForwardRefDirective((_a = forwardRefInjection == null ? void 0 : forwardRefInjection.setForwardRef) != null ? _a : NOOP);
-    return () => {
-      var _a2;
-      const defaultSlot = (_a2 = slots.default) == null ? void 0 : _a2.call(slots, attrs);
-      if (!defaultSlot)
-        return null;
-      if (defaultSlot.length > 1) {
-        debugWarn(NAME, "requires exact only one valid child.");
-        return null;
-      }
-      const firstLegitNode = findFirstLegitChild(defaultSlot);
-      if (!firstLegitNode) {
-        debugWarn(NAME, "no valid child node found");
-        return null;
-      }
-      return withDirectives(cloneVNode(firstLegitNode, attrs), [[forwardRefDirective]]);
-    };
-  }
-});
-function findFirstLegitChild(node) {
-  if (!node)
-    return null;
-  const children = node;
-  for (const child of children) {
-    if (isObject(child)) {
-      switch (child.type) {
-        case Comment:
-          continue;
-        case Text:
-        case "svg":
-          return wrapTextContent(child);
-        case Fragment:
-          return findFirstLegitChild(child.children);
-        default:
-          return child;
-      }
-    }
-    return wrapTextContent(child);
-  }
-  return null;
-}
-function wrapTextContent(s) {
-  const ns = useNamespace("only-child");
-  return createVNode("span", {
-    "class": ns.e("content")
-  }, [s]);
-}
-
-const popperTriggerProps = buildProps({
-  virtualRef: {
-    type: definePropType(Object)
-  },
-  virtualTriggering: Boolean,
-  onMouseenter: {
-    type: definePropType(Function)
-  },
-  onMouseleave: {
-    type: definePropType(Function)
-  },
-  onClick: {
-    type: definePropType(Function)
-  },
-  onKeydown: {
-    type: definePropType(Function)
-  },
-  onFocus: {
-    type: definePropType(Function)
-  },
-  onBlur: {
-    type: definePropType(Function)
-  },
-  onContextmenu: {
-    type: definePropType(Function)
-  },
-  id: String,
-  open: Boolean
-});
-
-const __default__$5 = defineComponent({
-  name: "ElPopperTrigger",
-  inheritAttrs: false
-});
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
-  ...__default__$5,
-  props: popperTriggerProps,
-  setup(__props, { expose }) {
-    const props = __props;
-    const { role, triggerRef } = inject(POPPER_INJECTION_KEY, void 0);
-    useForwardRef(triggerRef);
-    const ariaControls = computed(() => {
-      return ariaHaspopup.value ? props.id : void 0;
-    });
-    const ariaDescribedby = computed(() => {
-      if (role && role.value === "tooltip") {
-        return props.open && props.id ? props.id : void 0;
-      }
-      return void 0;
-    });
-    const ariaHaspopup = computed(() => {
-      if (role && role.value !== "tooltip") {
-        return role.value;
-      }
-      return void 0;
-    });
-    const ariaExpanded = computed(() => {
-      return ariaHaspopup.value ? `${props.open}` : void 0;
-    });
-    let virtualTriggerAriaStopWatch = void 0;
-    onMounted(() => {
-      watch$1(() => props.virtualRef, (virtualEl) => {
-        if (virtualEl) {
-          triggerRef.value = unrefElement(virtualEl);
-        }
-      }, {
-        immediate: true
-      });
-      watch$1(triggerRef, (el, prevEl) => {
-        virtualTriggerAriaStopWatch == null ? void 0 : virtualTriggerAriaStopWatch();
-        virtualTriggerAriaStopWatch = void 0;
-        if (isElement(el)) {
-          [
-            "onMouseenter",
-            "onMouseleave",
-            "onClick",
-            "onKeydown",
-            "onFocus",
-            "onBlur",
-            "onContextmenu"
-          ].forEach((eventName) => {
-            var _a;
-            const handler = props[eventName];
-            if (handler) {
-              el.addEventListener(eventName.slice(2).toLowerCase(), handler);
-              (_a = prevEl == null ? void 0 : prevEl.removeEventListener) == null ? void 0 : _a.call(prevEl, eventName.slice(2).toLowerCase(), handler);
-            }
-          });
-          virtualTriggerAriaStopWatch = watch$1([ariaControls, ariaDescribedby, ariaHaspopup, ariaExpanded], (watches) => {
-            [
-              "aria-controls",
-              "aria-describedby",
-              "aria-haspopup",
-              "aria-expanded"
-            ].forEach((key, idx) => {
-              isNil(watches[idx]) ? el.removeAttribute(key) : el.setAttribute(key, watches[idx]);
-            });
-          }, { immediate: true });
-        }
-        if (isElement(prevEl)) {
-          [
-            "aria-controls",
-            "aria-describedby",
-            "aria-haspopup",
-            "aria-expanded"
-          ].forEach((key) => prevEl.removeAttribute(key));
-        }
-      }, {
-        immediate: true
-      });
-    });
-    onBeforeUnmount(() => {
-      virtualTriggerAriaStopWatch == null ? void 0 : virtualTriggerAriaStopWatch();
-      virtualTriggerAriaStopWatch = void 0;
-    });
-    expose({
-      triggerRef
-    });
-    return (_ctx, _cache) => {
-      return !_ctx.virtualTriggering ? (openBlock(), createBlock(unref$1(OnlyChild), mergeProps({ key: 0 }, _ctx.$attrs, {
-        "aria-controls": unref$1(ariaControls),
-        "aria-describedby": unref$1(ariaDescribedby),
-        "aria-expanded": unref$1(ariaExpanded),
-        "aria-haspopup": unref$1(ariaHaspopup)
-      }), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["aria-controls", "aria-describedby", "aria-expanded", "aria-haspopup"])) : createCommentVNode("v-if", true);
-    };
-  }
-});
-var ElPopperTrigger = /* @__PURE__ */ _export_sfc$1(_sfc_main$9, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/popper/src/trigger.vue"]]);
-
-const FOCUS_AFTER_TRAPPED = "focus-trap.focus-after-trapped";
-const FOCUS_AFTER_RELEASED = "focus-trap.focus-after-released";
-const FOCUSOUT_PREVENTED = "focus-trap.focusout-prevented";
-const FOCUS_AFTER_TRAPPED_OPTS = {
-  cancelable: true,
-  bubbles: false
-};
-const FOCUSOUT_PREVENTED_OPTS = {
-  cancelable: true,
-  bubbles: false
-};
-const ON_TRAP_FOCUS_EVT = "focusAfterTrapped";
-const ON_RELEASE_FOCUS_EVT = "focusAfterReleased";
-const FOCUS_TRAP_INJECTION_KEY = Symbol("elFocusTrap");
-
-const focusReason = ref();
-const lastUserFocusTimestamp = ref(0);
-const lastAutomatedFocusTimestamp = ref(0);
-let focusReasonUserCount = 0;
-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 || node === document.activeElement ? 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 });
-    lastAutomatedFocusTimestamp.value = window.performance.now();
-    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();
-const isFocusCausedByUserEvent = () => {
-  return lastUserFocusTimestamp.value > lastAutomatedFocusTimestamp.value;
-};
-const notifyFocusReasonPointer = () => {
-  focusReason.value = "pointer";
-  lastUserFocusTimestamp.value = window.performance.now();
-};
-const notifyFocusReasonKeydown = () => {
-  focusReason.value = "keyboard";
-  lastUserFocusTimestamp.value = window.performance.now();
-};
-const useFocusReason = () => {
-  onMounted(() => {
-    if (focusReasonUserCount === 0) {
-      document.addEventListener("mousedown", notifyFocusReasonPointer);
-      document.addEventListener("touchstart", notifyFocusReasonPointer);
-      document.addEventListener("keydown", notifyFocusReasonKeydown);
-    }
-    focusReasonUserCount++;
-  });
-  onBeforeUnmount(() => {
-    focusReasonUserCount--;
-    if (focusReasonUserCount <= 0) {
-      document.removeEventListener("mousedown", notifyFocusReasonPointer);
-      document.removeEventListener("touchstart", notifyFocusReasonPointer);
-      document.removeEventListener("keydown", notifyFocusReasonKeydown);
-    }
-  });
-  return {
-    focusReason,
-    lastUserFocusTimestamp,
-    lastAutomatedFocusTimestamp
-  };
-};
-const createFocusOutPreventedEvent = (detail) => {
-  return new CustomEvent(FOCUSOUT_PREVENTED, {
-    ...FOCUSOUT_PREVENTED_OPTS,
-    detail
-  });
-};
-
-const _sfc_main$8 = defineComponent({
-  name: "ElFocusTrap",
-  inheritAttrs: false,
-  props: {
-    loop: Boolean,
-    trapped: Boolean,
-    focusTrapEl: Object,
-    focusStartEl: {
-      type: [Object, String],
-      default: "first"
-    }
-  },
-  emits: [
-    ON_TRAP_FOCUS_EVT,
-    ON_RELEASE_FOCUS_EVT,
-    "focusin",
-    "focusout",
-    "focusout-prevented",
-    "release-requested"
-  ],
-  setup(props, { emit }) {
-    const forwardRef = ref();
-    let lastFocusBeforeTrapped;
-    let lastFocusAfterTrapped;
-    const { focusReason } = useFocusReason();
-    useEscapeKeydown((event) => {
-      if (props.trapped && !focusLayer.paused) {
-        emit("release-requested", event);
-      }
-    });
-    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) {
-            const focusoutPreventedEvent = createFocusOutPreventedEvent({
-              focusReason: focusReason.value
-            });
-            emit("focusout-prevented", focusoutPreventedEvent);
-            if (!focusoutPreventedEvent.defaultPrevented) {
-              e.preventDefault();
-            }
-          }
-        } else {
-          if (!shiftKey && currentFocusingEl === last) {
-            const focusoutPreventedEvent = createFocusOutPreventedEvent({
-              focusReason: focusReason.value
-            });
-            emit("focusout-prevented", focusoutPreventedEvent);
-            if (!focusoutPreventedEvent.defaultPrevented) {
-              e.preventDefault();
-              if (loop)
-                tryFocus(first, true);
-            }
-          } else if (shiftKey && [first, container].includes(currentFocusingEl)) {
-            const focusoutPreventedEvent = createFocusOutPreventedEvent({
-              focusReason: focusReason.value
-            });
-            emit("focusout-prevented", focusoutPreventedEvent);
-            if (!focusoutPreventedEvent.defaultPrevented) {
-              e.preventDefault();
-              if (loop)
-                tryFocus(last, true);
-            }
-          }
-        }
-      }
-    };
-    provide(FOCUS_TRAP_INJECTION_KEY, {
-      focusTrapRef: forwardRef,
-      onKeydown
-    });
-    watch$1(() => props.focusTrapEl, (focusTrapEl) => {
-      if (focusTrapEl) {
-        forwardRef.value = focusTrapEl;
-      }
-    }, { immediate: true });
-    watch$1([forwardRef], ([forwardRef2], [oldForwardRef]) => {
-      if (forwardRef2) {
-        forwardRef2.addEventListener("keydown", onKeydown);
-        forwardRef2.addEventListener("focusin", onFocusIn);
-        forwardRef2.addEventListener("focusout", onFocusOut);
-      }
-      if (oldForwardRef) {
-        oldForwardRef.removeEventListener("keydown", onKeydown);
-        oldForwardRef.removeEventListener("focusin", onFocusIn);
-        oldForwardRef.removeEventListener("focusout", onFocusOut);
-      }
-    });
-    const trapOnFocus = (e) => {
-      emit(ON_TRAP_FOCUS_EVT, e);
-    };
-    const releaseOnFocus = (e) => emit(ON_RELEASE_FOCUS_EVT, e);
-    const onFocusIn = (e) => {
-      const trapContainer = unref$1(forwardRef);
-      if (!trapContainer)
-        return;
-      const target = e.target;
-      const relatedTarget = e.relatedTarget;
-      const isFocusedInTrap = target && trapContainer.contains(target);
-      if (!props.trapped) {
-        const isPrevFocusedInTrap = relatedTarget && trapContainer.contains(relatedTarget);
-        if (!isPrevFocusedInTrap) {
-          lastFocusBeforeTrapped = relatedTarget;
-        }
-      }
-      if (isFocusedInTrap)
-        emit("focusin", e);
-      if (focusLayer.paused)
-        return;
-      if (props.trapped) {
-        if (isFocusedInTrap) {
-          lastFocusAfterTrapped = target;
-        } else {
-          tryFocus(lastFocusAfterTrapped, true);
-        }
-      }
-    };
-    const onFocusOut = (e) => {
-      const trapContainer = unref$1(forwardRef);
-      if (focusLayer.paused || !trapContainer)
-        return;
-      if (props.trapped) {
-        const relatedTarget = e.relatedTarget;
-        if (!isNil(relatedTarget) && !trapContainer.contains(relatedTarget)) {
-          setTimeout(() => {
-            if (!focusLayer.paused && props.trapped) {
-              const focusoutPreventedEvent = createFocusOutPreventedEvent({
-                focusReason: focusReason.value
-              });
-              emit("focusout-prevented", focusoutPreventedEvent);
-              if (!focusoutPreventedEvent.defaultPrevented) {
-                tryFocus(lastFocusAfterTrapped, true);
-              }
-            }
-          }, 0);
-        }
-      } else {
-        const target = e.target;
-        const isFocusedInTrap = target && trapContainer.contains(target);
-        if (!isFocusedInTrap)
-          emit("focusout", e);
-      }
-    };
-    async function startTrap() {
-      await nextTick();
-      const trapContainer = unref$1(forwardRef);
-      if (trapContainer) {
-        focusableStack.push(focusLayer);
-        const prevFocusedElement = trapContainer.contains(document.activeElement) ? lastFocusBeforeTrapped : document.activeElement;
-        lastFocusBeforeTrapped = prevFocusedElement;
-        const isPrevFocusContained = trapContainer.contains(prevFocusedElement);
-        if (!isPrevFocusContained) {
-          const focusEvent = new Event(FOCUS_AFTER_TRAPPED, FOCUS_AFTER_TRAPPED_OPTS);
-          trapContainer.addEventListener(FOCUS_AFTER_TRAPPED, trapOnFocus);
-          trapContainer.dispatchEvent(focusEvent);
-          if (!focusEvent.defaultPrevented) {
-            nextTick(() => {
-              let focusStartEl = props.focusStartEl;
-              if (!isString(focusStartEl)) {
-                tryFocus(focusStartEl);
-                if (document.activeElement !== focusStartEl) {
-                  focusStartEl = "first";
-                }
-              }
-              if (focusStartEl === "first") {
-                focusFirstDescendant(obtainAllFocusableElements(trapContainer), true);
-              }
-              if (document.activeElement === prevFocusedElement || focusStartEl === "container") {
-                tryFocus(trapContainer);
-              }
-            });
-          }
-        }
-      }
-    }
-    function stopTrap() {
-      const trapContainer = unref$1(forwardRef);
-      if (trapContainer) {
-        trapContainer.removeEventListener(FOCUS_AFTER_TRAPPED, trapOnFocus);
-        const releasedEvent = new CustomEvent(FOCUS_AFTER_RELEASED, {
-          ...FOCUS_AFTER_TRAPPED_OPTS,
-          detail: {
-            focusReason: focusReason.value
-          }
-        });
-        trapContainer.addEventListener(FOCUS_AFTER_RELEASED, releaseOnFocus);
-        trapContainer.dispatchEvent(releasedEvent);
-        if (!releasedEvent.defaultPrevented && (focusReason.value == "keyboard" || !isFocusCausedByUserEvent() || trapContainer.contains(document.activeElement))) {
-          tryFocus(lastFocusBeforeTrapped != null ? lastFocusBeforeTrapped : document.body);
-        }
-        trapContainer.removeEventListener(FOCUS_AFTER_RELEASED, releaseOnFocus);
-        focusableStack.remove(focusLayer);
-      }
-    }
-    onMounted(() => {
-      if (props.trapped) {
-        startTrap();
-      }
-      watch$1(() => props.trapped, (trapped) => {
-        if (trapped) {
-          startTrap();
-        } else {
-          stopTrap();
-        }
-      });
-    });
-    onBeforeUnmount(() => {
-      if (props.trapped) {
-        stopTrap();
-      }
-    });
-    return {
-      onKeydown
-    };
-  }
-});
-function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
-  return renderSlot(_ctx.$slots, "default", { handleKeydown: _ctx.onKeydown });
-}
-var ElFocusTrap = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["render", _sfc_render$2], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/focus-trap/src/focus-trap.vue"]]);
-
-const POSITIONING_STRATEGIES = ["fixed", "absolute"];
-const popperCoreConfigProps = buildProps({
-  boundariesPadding: {
-    type: Number,
-    default: 0
-  },
-  fallbackPlacements: {
-    type: definePropType(Array),
-    default: void 0
-  },
-  gpuAcceleration: {
-    type: Boolean,
-    default: true
-  },
-  offset: {
-    type: Number,
-    default: 12
-  },
-  placement: {
-    type: String,
-    values: Ee,
-    default: "bottom"
-  },
-  popperOptions: {
-    type: definePropType(Object),
-    default: () => ({})
-  },
-  strategy: {
-    type: String,
-    values: POSITIONING_STRATEGIES,
-    default: "absolute"
-  }
-});
-const popperContentProps = buildProps({
-  ...popperCoreConfigProps,
-  id: String,
-  style: {
-    type: definePropType([String, Array, Object])
-  },
-  className: {
-    type: definePropType([String, Array, Object])
-  },
-  effect: {
-    type: String,
-    default: "dark"
-  },
-  visible: Boolean,
-  enterable: {
-    type: Boolean,
-    default: true
-  },
-  pure: Boolean,
-  focusOnShow: {
-    type: Boolean,
-    default: false
-  },
-  trapping: {
-    type: Boolean,
-    default: false
-  },
-  popperClass: {
-    type: definePropType([String, Array, Object])
-  },
-  popperStyle: {
-    type: definePropType([String, Array, Object])
-  },
-  referenceEl: {
-    type: definePropType(Object)
-  },
-  triggerTargetEl: {
-    type: definePropType(Object)
-  },
-  stopPopperMouseEvent: {
-    type: Boolean,
-    default: true
-  },
-  ariaLabel: {
-    type: String,
-    default: void 0
-  },
-  virtualTriggering: Boolean,
-  zIndex: Number
-});
-const popperContentEmits = {
-  mouseenter: (evt) => evt instanceof MouseEvent,
-  mouseleave: (evt) => evt instanceof MouseEvent,
-  focus: () => true,
-  blur: () => true,
-  close: () => true
-};
-
-const buildPopperOptions = (props, modifiers = []) => {
-  const { placement, strategy, popperOptions } = props;
-  const options = {
-    placement,
-    strategy,
-    ...popperOptions,
-    modifiers: [...genModifiers(props), ...modifiers]
-  };
-  deriveExtraModifiers(options, popperOptions == null ? void 0 : popperOptions.modifiers);
-  return options;
-};
-const unwrapMeasurableEl = ($el) => {
-  if (!isClient)
-    return;
-  return unrefElement($el);
-};
-function genModifiers(options) {
-  const { offset, gpuAcceleration, fallbackPlacements } = options;
-  return [
-    {
-      name: "offset",
-      options: {
-        offset: [0, offset != null ? offset : 12]
-      }
-    },
-    {
-      name: "preventOverflow",
-      options: {
-        padding: {
-          top: 2,
-          bottom: 2,
-          left: 5,
-          right: 5
-        }
-      }
-    },
-    {
-      name: "flip",
-      options: {
-        padding: 5,
-        fallbackPlacements
-      }
-    },
-    {
-      name: "computeStyles",
-      options: {
-        gpuAcceleration
-      }
-    }
-  ];
-}
-function deriveExtraModifiers(options, modifiers) {
-  if (modifiers) {
-    options.modifiers = [...options.modifiers, ...modifiers != null ? modifiers : []];
-  }
-}
-
-const DEFAULT_ARROW_OFFSET = 0;
-const usePopperContent = (props) => {
-  const { popperInstanceRef, contentRef, triggerRef, role } = inject(POPPER_INJECTION_KEY, void 0);
-  const arrowRef = ref();
-  const arrowOffset = ref();
-  const eventListenerModifier = computed(() => {
-    return {
-      name: "eventListeners",
-      enabled: !!props.visible
-    };
-  });
-  const arrowModifier = computed(() => {
-    var _a;
-    const arrowEl = unref$1(arrowRef);
-    const offset = (_a = unref$1(arrowOffset)) != null ? _a : DEFAULT_ARROW_OFFSET;
-    return {
-      name: "arrow",
-      enabled: !isUndefined(arrowEl),
-      options: {
-        element: arrowEl,
-        padding: offset
-      }
-    };
-  });
-  const options = computed(() => {
-    return {
-      onFirstUpdate: () => {
-        update();
-      },
-      ...buildPopperOptions(props, [
-        unref$1(arrowModifier),
-        unref$1(eventListenerModifier)
-      ])
-    };
-  });
-  const computedReference = computed(() => unwrapMeasurableEl(props.referenceEl) || unref$1(triggerRef));
-  const { attributes, state, styles, update, forceUpdate, instanceRef } = usePopper(computedReference, contentRef, options);
-  watch$1(instanceRef, (instance) => popperInstanceRef.value = instance);
-  onMounted(() => {
-    watch$1(() => {
-      var _a;
-      return (_a = unref$1(computedReference)) == null ? void 0 : _a.getBoundingClientRect();
-    }, () => {
-      update();
-    });
-  });
-  return {
-    attributes,
-    arrowRef,
-    contentRef,
-    instanceRef,
-    state,
-    styles,
-    role,
-    forceUpdate,
-    update
-  };
-};
-
-const usePopperContentDOM = (props, {
-  attributes,
-  styles,
-  role
-}) => {
-  const { nextZIndex } = useZIndex();
-  const ns = useNamespace("popper");
-  const contentAttrs = computed(() => unref$1(attributes).popper);
-  const contentZIndex = ref(isNumber(props.zIndex) ? props.zIndex : nextZIndex());
-  const contentClass = computed(() => [
-    ns.b(),
-    ns.is("pure", props.pure),
-    ns.is(props.effect),
-    props.popperClass
-  ]);
-  const contentStyle = computed(() => {
-    return [
-      { zIndex: unref$1(contentZIndex) },
-      unref$1(styles).popper,
-      props.popperStyle || {}
-    ];
-  });
-  const ariaModal = computed(() => role.value === "dialog" ? "false" : void 0);
-  const arrowStyle = computed(() => unref$1(styles).arrow || {});
-  const updateZIndex = () => {
-    contentZIndex.value = isNumber(props.zIndex) ? props.zIndex : nextZIndex();
-  };
-  return {
-    ariaModal,
-    arrowStyle,
-    contentAttrs,
-    contentClass,
-    contentStyle,
-    contentZIndex,
-    updateZIndex
-  };
-};
-
-const usePopperContentFocusTrap = (props, emit) => {
-  const trapped = ref(false);
-  const focusStartRef = ref();
-  const onFocusAfterTrapped = () => {
-    emit("focus");
-  };
-  const onFocusAfterReleased = (event) => {
-    var _a;
-    if (((_a = event.detail) == null ? void 0 : _a.focusReason) !== "pointer") {
-      focusStartRef.value = "first";
-      emit("blur");
-    }
-  };
-  const onFocusInTrap = (event) => {
-    if (props.visible && !trapped.value) {
-      if (event.target) {
-        focusStartRef.value = event.target;
-      }
-      trapped.value = true;
-    }
-  };
-  const onFocusoutPrevented = (event) => {
-    if (!props.trapping) {
-      if (event.detail.focusReason === "pointer") {
-        event.preventDefault();
-      }
-      trapped.value = false;
-    }
-  };
-  const onReleaseRequested = () => {
-    trapped.value = false;
-    emit("close");
-  };
-  return {
-    focusStartRef,
-    trapped,
-    onFocusAfterReleased,
-    onFocusAfterTrapped,
-    onFocusInTrap,
-    onFocusoutPrevented,
-    onReleaseRequested
-  };
-};
-
-const __default__$4 = defineComponent({
-  name: "ElPopperContent"
-});
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
-  ...__default__$4,
-  props: popperContentProps,
-  emits: popperContentEmits,
-  setup(__props, { expose, emit }) {
-    const props = __props;
-    const {
-      focusStartRef,
-      trapped,
-      onFocusAfterReleased,
-      onFocusAfterTrapped,
-      onFocusInTrap,
-      onFocusoutPrevented,
-      onReleaseRequested
-    } = usePopperContentFocusTrap(props, emit);
-    const { attributes, arrowRef, contentRef, styles, instanceRef, role, update } = usePopperContent(props);
-    const {
-      ariaModal,
-      arrowStyle,
-      contentAttrs,
-      contentClass,
-      contentStyle,
-      updateZIndex
-    } = usePopperContentDOM(props, {
-      styles,
-      attributes,
-      role
-    });
-    const formItemContext = inject(formItemContextKey, void 0);
-    const arrowOffset = ref();
-    provide(POPPER_CONTENT_INJECTION_KEY, {
-      arrowStyle,
-      arrowRef,
-      arrowOffset
-    });
-    if (formItemContext && (formItemContext.addInputId || formItemContext.removeInputId)) {
-      provide(formItemContextKey, {
-        ...formItemContext,
-        addInputId: NOOP,
-        removeInputId: NOOP
-      });
-    }
-    let triggerTargetAriaStopWatch = void 0;
-    const updatePopper = (shouldUpdateZIndex = true) => {
-      update();
-      shouldUpdateZIndex && updateZIndex();
-    };
-    const togglePopperAlive = () => {
-      updatePopper(false);
-      if (props.visible && props.focusOnShow) {
-        trapped.value = true;
-      } else if (props.visible === false) {
-        trapped.value = false;
-      }
-    };
-    onMounted(() => {
-      watch$1(() => props.triggerTargetEl, (triggerTargetEl, prevTriggerTargetEl) => {
-        triggerTargetAriaStopWatch == null ? void 0 : triggerTargetAriaStopWatch();
-        triggerTargetAriaStopWatch = void 0;
-        const el = unref$1(triggerTargetEl || contentRef.value);
-        const prevEl = unref$1(prevTriggerTargetEl || contentRef.value);
-        if (isElement(el)) {
-          triggerTargetAriaStopWatch = watch$1([role, () => props.ariaLabel, ariaModal, () => props.id], (watches) => {
-            ["role", "aria-label", "aria-modal", "id"].forEach((key, idx) => {
-              isNil(watches[idx]) ? el.removeAttribute(key) : el.setAttribute(key, watches[idx]);
-            });
-          }, { immediate: true });
-        }
-        if (prevEl !== el && isElement(prevEl)) {
-          ["role", "aria-label", "aria-modal", "id"].forEach((key) => {
-            prevEl.removeAttribute(key);
-          });
-        }
-      }, { immediate: true });
-      watch$1(() => props.visible, togglePopperAlive, { immediate: true });
-    });
-    onBeforeUnmount(() => {
-      triggerTargetAriaStopWatch == null ? void 0 : triggerTargetAriaStopWatch();
-      triggerTargetAriaStopWatch = void 0;
-    });
-    expose({
-      popperContentRef: contentRef,
-      popperInstanceRef: instanceRef,
-      updatePopper,
-      contentStyle
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", mergeProps({
-        ref_key: "contentRef",
-        ref: contentRef
-      }, unref$1(contentAttrs), {
-        style: unref$1(contentStyle),
-        class: unref$1(contentClass),
-        tabindex: "-1",
-        onMouseenter: _cache[0] || (_cache[0] = (e) => _ctx.$emit("mouseenter", e)),
-        onMouseleave: _cache[1] || (_cache[1] = (e) => _ctx.$emit("mouseleave", e))
-      }), [
-        createVNode(unref$1(ElFocusTrap), {
-          trapped: unref$1(trapped),
-          "trap-on-focus-in": true,
-          "focus-trap-el": unref$1(contentRef),
-          "focus-start-el": unref$1(focusStartRef),
-          onFocusAfterTrapped: unref$1(onFocusAfterTrapped),
-          onFocusAfterReleased: unref$1(onFocusAfterReleased),
-          onFocusin: unref$1(onFocusInTrap),
-          onFocusoutPrevented: unref$1(onFocusoutPrevented),
-          onReleaseRequested: unref$1(onReleaseRequested)
-        }, {
-          default: withCtx(() => [
-            renderSlot(_ctx.$slots, "default")
-          ]),
-          _: 3
-        }, 8, ["trapped", "focus-trap-el", "focus-start-el", "onFocusAfterTrapped", "onFocusAfterReleased", "onFocusin", "onFocusoutPrevented", "onReleaseRequested"])
-      ], 16);
-    };
-  }
-});
-var ElPopperContent = /* @__PURE__ */ _export_sfc$1(_sfc_main$7, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/popper/src/content.vue"]]);
-
-const ElPopper = withInstall(Popper);
-
-const TOOLTIP_INJECTION_KEY = Symbol("elTooltip");
-
-const useTooltipContentProps = buildProps({
-  ...useDelayedToggleProps,
-  ...popperContentProps,
-  appendTo: {
-    type: definePropType([String, Object])
-  },
-  content: {
-    type: String,
-    default: ""
-  },
-  rawContent: {
-    type: Boolean,
-    default: false
-  },
-  persistent: Boolean,
-  ariaLabel: String,
-  visible: {
-    type: definePropType(Boolean),
-    default: null
-  },
-  transition: String,
-  teleported: {
-    type: Boolean,
-    default: true
-  },
-  disabled: Boolean
-});
-
-const useTooltipTriggerProps = buildProps({
-  ...popperTriggerProps,
-  disabled: Boolean,
-  trigger: {
-    type: definePropType([String, Array]),
-    default: "hover"
-  },
-  triggerKeys: {
-    type: definePropType(Array),
-    default: () => [EVENT_CODE.enter, EVENT_CODE.space]
-  }
-});
-
-const {
-  useModelToggleProps: useTooltipModelToggleProps,
-  useModelToggleEmits: useTooltipModelToggleEmits,
-  useModelToggle: useTooltipModelToggle
-} = createModelToggleComposable("visible");
-const useTooltipProps = buildProps({
-  ...popperProps,
-  ...useTooltipModelToggleProps,
-  ...useTooltipContentProps,
-  ...useTooltipTriggerProps,
-  ...popperArrowProps,
-  showArrow: {
-    type: Boolean,
-    default: true
-  }
-});
-const tooltipEmits = [
-  ...useTooltipModelToggleEmits,
-  "before-show",
-  "before-hide",
-  "show",
-  "hide",
-  "open",
-  "close"
-];
-
-const isTriggerType = (trigger, type) => {
-  if (isArray(trigger)) {
-    return trigger.includes(type);
-  }
-  return trigger === type;
-};
-const whenTrigger = (trigger, type, handler) => {
-  return (e) => {
-    isTriggerType(unref$1(trigger), type) && handler(e);
-  };
-};
-
-const __default__$3 = defineComponent({
-  name: "ElTooltipTrigger"
-});
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
-  ...__default__$3,
-  props: useTooltipTriggerProps,
-  setup(__props, { expose }) {
-    const props = __props;
-    const ns = useNamespace("tooltip");
-    const { controlled, id, open, onOpen, onClose, onToggle } = inject(TOOLTIP_INJECTION_KEY, void 0);
-    const triggerRef = ref(null);
-    const stopWhenControlledOrDisabled = () => {
-      if (unref$1(controlled) || props.disabled) {
-        return true;
-      }
-    };
-    const trigger = toRef(props, "trigger");
-    const onMouseenter = composeEventHandlers(stopWhenControlledOrDisabled, whenTrigger(trigger, "hover", onOpen));
-    const onMouseleave = composeEventHandlers(stopWhenControlledOrDisabled, whenTrigger(trigger, "hover", onClose));
-    const onClick = composeEventHandlers(stopWhenControlledOrDisabled, whenTrigger(trigger, "click", (e) => {
-      if (e.button === 0) {
-        onToggle(e);
-      }
-    }));
-    const onFocus = composeEventHandlers(stopWhenControlledOrDisabled, whenTrigger(trigger, "focus", onOpen));
-    const onBlur = composeEventHandlers(stopWhenControlledOrDisabled, whenTrigger(trigger, "focus", onClose));
-    const onContextMenu = composeEventHandlers(stopWhenControlledOrDisabled, whenTrigger(trigger, "contextmenu", (e) => {
-      e.preventDefault();
-      onToggle(e);
-    }));
-    const onKeydown = composeEventHandlers(stopWhenControlledOrDisabled, (e) => {
-      const { code } = e;
-      if (props.triggerKeys.includes(code)) {
-        e.preventDefault();
-        onToggle(e);
-      }
-    });
-    expose({
-      triggerRef
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref$1(ElPopperTrigger), {
-        id: unref$1(id),
-        "virtual-ref": _ctx.virtualRef,
-        open: unref$1(open),
-        "virtual-triggering": _ctx.virtualTriggering,
-        class: normalizeClass(unref$1(ns).e("trigger")),
-        onBlur: unref$1(onBlur),
-        onClick: unref$1(onClick),
-        onContextmenu: unref$1(onContextMenu),
-        onFocus: unref$1(onFocus),
-        onMouseenter: unref$1(onMouseenter),
-        onMouseleave: unref$1(onMouseleave),
-        onKeydown: unref$1(onKeydown)
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["id", "virtual-ref", "open", "virtual-triggering", "class", "onBlur", "onClick", "onContextmenu", "onFocus", "onMouseenter", "onMouseleave", "onKeydown"]);
-    };
-  }
-});
-var ElTooltipTrigger = /* @__PURE__ */ _export_sfc$1(_sfc_main$6, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/tooltip/src/trigger.vue"]]);
-
-const __default__$2 = defineComponent({
-  name: "ElTooltipContent",
-  inheritAttrs: false
-});
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  ...__default__$2,
-  props: useTooltipContentProps,
-  setup(__props, { expose }) {
-    const props = __props;
-    const { selector } = usePopperContainerId();
-    const ns = useNamespace("tooltip");
-    const contentRef = ref(null);
-    const destroyed = ref(false);
-    const {
-      controlled,
-      id,
-      open,
-      trigger,
-      onClose,
-      onOpen,
-      onShow,
-      onHide,
-      onBeforeShow,
-      onBeforeHide
-    } = inject(TOOLTIP_INJECTION_KEY, void 0);
-    const transitionClass = computed(() => {
-      return props.transition || `${ns.namespace.value}-fade-in-linear`;
-    });
-    const persistentRef = computed(() => {
-      if (process.env.NODE_ENV === "test") {
-        return true;
-      }
-      return props.persistent;
-    });
-    onBeforeUnmount(() => {
-      destroyed.value = true;
-    });
-    const shouldRender = computed(() => {
-      return unref$1(persistentRef) ? true : unref$1(open);
-    });
-    const shouldShow = computed(() => {
-      return props.disabled ? false : unref$1(open);
-    });
-    const appendTo = computed(() => {
-      return props.appendTo || selector.value;
-    });
-    const contentStyle = computed(() => {
-      var _a;
-      return (_a = props.style) != null ? _a : {};
-    });
-    const ariaHidden = computed(() => !unref$1(open));
-    const onTransitionLeave = () => {
-      onHide();
-    };
-    const stopWhenControlled = () => {
-      if (unref$1(controlled))
-        return true;
-    };
-    const onContentEnter = composeEventHandlers(stopWhenControlled, () => {
-      if (props.enterable && unref$1(trigger) === "hover") {
-        onOpen();
-      }
-    });
-    const onContentLeave = composeEventHandlers(stopWhenControlled, () => {
-      if (unref$1(trigger) === "hover") {
-        onClose();
-      }
-    });
-    const onBeforeEnter = () => {
-      var _a, _b;
-      (_b = (_a = contentRef.value) == null ? void 0 : _a.updatePopper) == null ? void 0 : _b.call(_a);
-      onBeforeShow == null ? void 0 : onBeforeShow();
-    };
-    const onBeforeLeave = () => {
-      onBeforeHide == null ? void 0 : onBeforeHide();
-    };
-    const onAfterShow = () => {
-      onShow();
-      stopHandle = onClickOutside(computed(() => {
-        var _a;
-        return (_a = contentRef.value) == null ? void 0 : _a.popperContentRef;
-      }), () => {
-        if (unref$1(controlled))
-          return;
-        const $trigger = unref$1(trigger);
-        if ($trigger !== "hover") {
-          onClose();
-        }
-      });
-    };
-    const onBlur = () => {
-      if (!props.virtualTriggering) {
-        onClose();
-      }
-    };
-    let stopHandle;
-    watch$1(() => unref$1(open), (val) => {
-      if (!val) {
-        stopHandle == null ? void 0 : stopHandle();
-      }
-    }, {
-      flush: "post"
-    });
-    watch$1(() => props.content, () => {
-      var _a, _b;
-      (_b = (_a = contentRef.value) == null ? void 0 : _a.updatePopper) == null ? void 0 : _b.call(_a);
-    });
-    expose({
-      contentRef
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(Teleport, {
-        disabled: !_ctx.teleported,
-        to: unref$1(appendTo)
-      }, [
-        createVNode(Transition, {
-          name: unref$1(transitionClass),
-          onAfterLeave: onTransitionLeave,
-          onBeforeEnter,
-          onAfterEnter: onAfterShow,
-          onBeforeLeave
-        }, {
-          default: withCtx(() => [
-            unref$1(shouldRender) ? withDirectives((openBlock(), createBlock(unref$1(ElPopperContent), mergeProps({
-              key: 0,
-              id: unref$1(id),
-              ref_key: "contentRef",
-              ref: contentRef
-            }, _ctx.$attrs, {
-              "aria-label": _ctx.ariaLabel,
-              "aria-hidden": unref$1(ariaHidden),
-              "boundaries-padding": _ctx.boundariesPadding,
-              "fallback-placements": _ctx.fallbackPlacements,
-              "gpu-acceleration": _ctx.gpuAcceleration,
-              offset: _ctx.offset,
-              placement: _ctx.placement,
-              "popper-options": _ctx.popperOptions,
-              strategy: _ctx.strategy,
-              effect: _ctx.effect,
-              enterable: _ctx.enterable,
-              pure: _ctx.pure,
-              "popper-class": _ctx.popperClass,
-              "popper-style": [_ctx.popperStyle, unref$1(contentStyle)],
-              "reference-el": _ctx.referenceEl,
-              "trigger-target-el": _ctx.triggerTargetEl,
-              visible: unref$1(shouldShow),
-              "z-index": _ctx.zIndex,
-              onMouseenter: unref$1(onContentEnter),
-              onMouseleave: unref$1(onContentLeave),
-              onBlur,
-              onClose: unref$1(onClose)
-            }), {
-              default: withCtx(() => [
-                !destroyed.value ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("v-if", true)
-              ]),
-              _: 3
-            }, 16, ["id", "aria-label", "aria-hidden", "boundaries-padding", "fallback-placements", "gpu-acceleration", "offset", "placement", "popper-options", "strategy", "effect", "enterable", "pure", "popper-class", "popper-style", "reference-el", "trigger-target-el", "visible", "z-index", "onMouseenter", "onMouseleave", "onClose"])), [
-              [vShow, unref$1(shouldShow)]
-            ]) : createCommentVNode("v-if", true)
-          ]),
-          _: 3
-        }, 8, ["name"])
-      ], 8, ["disabled", "to"]);
-    };
-  }
-});
-var ElTooltipContent = /* @__PURE__ */ _export_sfc$1(_sfc_main$5, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/tooltip/src/content.vue"]]);
-
-const _hoisted_1$1 = ["innerHTML"];
-const _hoisted_2$1 = { key: 1 };
-const __default__$1 = defineComponent({
-  name: "ElTooltip"
-});
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  ...__default__$1,
-  props: useTooltipProps,
-  emits: tooltipEmits,
-  setup(__props, { expose, emit }) {
-    const props = __props;
-    usePopperContainer();
-    const id = useId();
-    const popperRef = ref();
-    const contentRef = ref();
-    const updatePopper = () => {
-      var _a;
-      const popperComponent = unref$1(popperRef);
-      if (popperComponent) {
-        (_a = popperComponent.popperInstanceRef) == null ? void 0 : _a.update();
-      }
-    };
-    const open = ref(false);
-    const toggleReason = ref();
-    const { show, hide, hasUpdateHandler } = useTooltipModelToggle({
-      indicator: open,
-      toggleReason
-    });
-    const { onOpen, onClose } = useDelayedToggle({
-      showAfter: toRef(props, "showAfter"),
-      hideAfter: toRef(props, "hideAfter"),
-      autoClose: toRef(props, "autoClose"),
-      open: show,
-      close: hide
-    });
-    const controlled = computed(() => isBoolean(props.visible) && !hasUpdateHandler.value);
-    provide(TOOLTIP_INJECTION_KEY, {
-      controlled,
-      id,
-      open: readonly(open),
-      trigger: toRef(props, "trigger"),
-      onOpen: (event) => {
-        onOpen(event);
-      },
-      onClose: (event) => {
-        onClose(event);
-      },
-      onToggle: (event) => {
-        if (unref$1(open)) {
-          onClose(event);
-        } else {
-          onOpen(event);
-        }
-      },
-      onShow: () => {
-        emit("show", toggleReason.value);
-      },
-      onHide: () => {
-        emit("hide", toggleReason.value);
-      },
-      onBeforeShow: () => {
-        emit("before-show", toggleReason.value);
-      },
-      onBeforeHide: () => {
-        emit("before-hide", toggleReason.value);
-      },
-      updatePopper
-    });
-    watch$1(() => props.disabled, (disabled) => {
-      if (disabled && open.value) {
-        open.value = false;
-      }
-    });
-    const isFocusInsideContent = (event) => {
-      var _a, _b;
-      const popperContent = (_b = (_a = contentRef.value) == null ? void 0 : _a.contentRef) == null ? void 0 : _b.popperContentRef;
-      const activeElement = (event == null ? void 0 : event.relatedTarget) || document.activeElement;
-      return popperContent && popperContent.contains(activeElement);
-    };
-    onDeactivated(() => open.value && hide());
-    expose({
-      popperRef,
-      contentRef,
-      isFocusInsideContent,
-      updatePopper,
-      onOpen,
-      onClose,
-      hide
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref$1(ElPopper), {
-        ref_key: "popperRef",
-        ref: popperRef,
-        role: _ctx.role
-      }, {
-        default: withCtx(() => [
-          createVNode(ElTooltipTrigger, {
-            disabled: _ctx.disabled,
-            trigger: _ctx.trigger,
-            "trigger-keys": _ctx.triggerKeys,
-            "virtual-ref": _ctx.virtualRef,
-            "virtual-triggering": _ctx.virtualTriggering
-          }, {
-            default: withCtx(() => [
-              _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("v-if", true)
-            ]),
-            _: 3
-          }, 8, ["disabled", "trigger", "trigger-keys", "virtual-ref", "virtual-triggering"]),
-          createVNode(ElTooltipContent, {
-            ref_key: "contentRef",
-            ref: contentRef,
-            "aria-label": _ctx.ariaLabel,
-            "boundaries-padding": _ctx.boundariesPadding,
-            content: _ctx.content,
-            disabled: _ctx.disabled,
-            effect: _ctx.effect,
-            enterable: _ctx.enterable,
-            "fallback-placements": _ctx.fallbackPlacements,
-            "hide-after": _ctx.hideAfter,
-            "gpu-acceleration": _ctx.gpuAcceleration,
-            offset: _ctx.offset,
-            persistent: _ctx.persistent,
-            "popper-class": _ctx.popperClass,
-            "popper-style": _ctx.popperStyle,
-            placement: _ctx.placement,
-            "popper-options": _ctx.popperOptions,
-            pure: _ctx.pure,
-            "raw-content": _ctx.rawContent,
-            "reference-el": _ctx.referenceEl,
-            "trigger-target-el": _ctx.triggerTargetEl,
-            "show-after": _ctx.showAfter,
-            strategy: _ctx.strategy,
-            teleported: _ctx.teleported,
-            transition: _ctx.transition,
-            "virtual-triggering": _ctx.virtualTriggering,
-            "z-index": _ctx.zIndex,
-            "append-to": _ctx.appendTo
-          }, {
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "content", {}, () => [
-                _ctx.rawContent ? (openBlock(), createElementBlock("span", {
-                  key: 0,
-                  innerHTML: _ctx.content
-                }, null, 8, _hoisted_1$1)) : (openBlock(), createElementBlock("span", _hoisted_2$1, toDisplayString(_ctx.content), 1))
-              ]),
-              _ctx.showArrow ? (openBlock(), createBlock(unref$1(ElPopperArrow), {
-                key: 0,
-                "arrow-offset": _ctx.arrowOffset
-              }, null, 8, ["arrow-offset"])) : createCommentVNode("v-if", true)
-            ]),
-            _: 3
-          }, 8, ["aria-label", "boundaries-padding", "content", "disabled", "effect", "enterable", "fallback-placements", "hide-after", "gpu-acceleration", "offset", "persistent", "popper-class", "popper-style", "placement", "popper-options", "pure", "raw-content", "reference-el", "trigger-target-el", "show-after", "strategy", "teleported", "transition", "virtual-triggering", "z-index", "append-to"])
-        ]),
-        _: 3
-      }, 8, ["role"]);
-    };
-  }
-});
-var Tooltip = /* @__PURE__ */ _export_sfc$1(_sfc_main$4, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/tooltip/src/tooltip.vue"]]);
-
-const ElTooltip = withInstall(Tooltip);
-
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  inheritAttrs: false
-});
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  return renderSlot(_ctx.$slots, "default");
-}
-var Collection = /* @__PURE__ */ _export_sfc$1(_sfc_main$3, [["render", _sfc_render$1], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/collection/src/collection.vue"]]);
-
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  name: "ElCollectionItem",
-  inheritAttrs: false
-});
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return renderSlot(_ctx.$slots, "default");
-}
-var CollectionItem = /* @__PURE__ */ _export_sfc$1(_sfc_main$2, [["render", _sfc_render], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/collection/src/collection-item.vue"]]);
-
-const COLLECTION_ITEM_SIGN = `data-el-collection-item`;
-const createCollectionWithScope = (name) => {
-  const COLLECTION_NAME = `El${name}Collection`;
-  const COLLECTION_ITEM_NAME = `${COLLECTION_NAME}Item`;
-  const COLLECTION_INJECTION_KEY = Symbol(COLLECTION_NAME);
-  const COLLECTION_ITEM_INJECTION_KEY = Symbol(COLLECTION_ITEM_NAME);
-  const ElCollection = {
-    ...Collection,
-    name: COLLECTION_NAME,
-    setup() {
-      const collectionRef = ref(null);
-      const itemMap = /* @__PURE__ */ new Map();
-      const getItems = () => {
-        const collectionEl = unref$1(collectionRef);
-        if (!collectionEl)
-          return [];
-        const orderedNodes = Array.from(collectionEl.querySelectorAll(`[${COLLECTION_ITEM_SIGN}]`));
-        const items = [...itemMap.values()];
-        return items.sort((a, b) => orderedNodes.indexOf(a.ref) - orderedNodes.indexOf(b.ref));
-      };
-      provide(COLLECTION_INJECTION_KEY, {
-        itemMap,
-        getItems,
-        collectionRef
-      });
-    }
-  };
-  const ElCollectionItem = {
-    ...CollectionItem,
-    name: COLLECTION_ITEM_NAME,
-    setup(_, { attrs }) {
-      const collectionItemRef = ref(null);
-      const collectionInjection = inject(COLLECTION_INJECTION_KEY, void 0);
-      provide(COLLECTION_ITEM_INJECTION_KEY, {
-        collectionItemRef
-      });
-      onMounted(() => {
-        const collectionItemEl = unref$1(collectionItemRef);
-        if (collectionItemEl) {
-          collectionInjection.itemMap.set(collectionItemEl, {
-            ref: collectionItemEl,
-            ...attrs
-          });
-        }
-      });
-      onBeforeUnmount(() => {
-        const collectionItemEl = unref$1(collectionItemRef);
-        collectionInjection.itemMap.delete(collectionItemEl);
-      });
-    }
-  };
-  return {
-    COLLECTION_INJECTION_KEY,
-    COLLECTION_ITEM_INJECTION_KEY,
-    ElCollection,
-    ElCollectionItem
-  };
-};
-
-const dropdownProps = buildProps({
-  trigger: useTooltipTriggerProps.trigger,
-  effect: {
-    ...useTooltipContentProps.effect,
-    default: "light"
-  },
-  type: {
-    type: definePropType(String)
-  },
-  placement: {
-    type: definePropType(String),
-    default: "bottom"
-  },
-  popperOptions: {
-    type: definePropType(Object),
-    default: () => ({})
-  },
-  id: String,
-  size: {
-    type: String,
-    default: ""
-  },
-  splitButton: Boolean,
-  hideOnClick: {
-    type: Boolean,
-    default: true
-  },
-  loop: {
-    type: Boolean,
-    default: true
-  },
-  showTimeout: {
-    type: Number,
-    default: 150
-  },
-  hideTimeout: {
-    type: Number,
-    default: 150
-  },
-  tabindex: {
-    type: definePropType([Number, String]),
-    default: 0
-  },
-  maxHeight: {
-    type: definePropType([Number, String]),
-    default: ""
-  },
-  popperClass: {
-    type: String,
-    default: ""
-  },
-  disabled: {
-    type: Boolean,
-    default: false
-  },
-  role: {
-    type: String,
-    default: "menu"
-  },
-  buttonProps: {
-    type: definePropType(Object)
-  },
-  teleported: useTooltipContentProps.teleported
-});
-buildProps({
-  command: {
-    type: [Object, String, Number],
-    default: () => ({})
-  },
-  disabled: Boolean,
-  divided: Boolean,
-  textValue: String,
-  icon: {
-    type: iconPropType
-  }
-});
-buildProps({
-  onKeydown: { type: definePropType(Function) }
-});
-createCollectionWithScope("Dropdown");
-
-const popoverProps = buildProps({
-  trigger: useTooltipTriggerProps.trigger,
-  placement: dropdownProps.placement,
-  disabled: useTooltipTriggerProps.disabled,
-  visible: useTooltipContentProps.visible,
-  transition: useTooltipContentProps.transition,
-  popperOptions: dropdownProps.popperOptions,
-  tabindex: dropdownProps.tabindex,
-  content: useTooltipContentProps.content,
-  popperStyle: useTooltipContentProps.popperStyle,
-  popperClass: useTooltipContentProps.popperClass,
-  enterable: {
-    ...useTooltipContentProps.enterable,
-    default: true
-  },
-  effect: {
-    ...useTooltipContentProps.effect,
-    default: "light"
-  },
-  teleported: useTooltipContentProps.teleported,
-  title: String,
-  width: {
-    type: [String, Number],
-    default: 150
-  },
-  offset: {
-    type: Number,
-    default: void 0
-  },
-  showAfter: {
-    type: Number,
-    default: 0
-  },
-  hideAfter: {
-    type: Number,
-    default: 200
-  },
-  autoClose: {
-    type: Number,
-    default: 0
-  },
-  showArrow: {
-    type: Boolean,
-    default: true
-  },
-  persistent: {
-    type: Boolean,
-    default: true
-  },
-  "onUpdate:visible": {
-    type: Function
-  }
-});
-const popoverEmits = {
-  "update:visible": (value) => isBoolean(value),
-  "before-enter": () => true,
-  "before-leave": () => true,
-  "after-enter": () => true,
-  "after-leave": () => true
-};
-
-const updateEventKeyRaw = `onUpdate:visible`;
-const __default__ = defineComponent({
-  name: "ElPopover"
-});
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: popoverProps,
-  emits: popoverEmits,
-  setup(__props, { expose, emit }) {
-    const props = __props;
-    const onUpdateVisible = computed(() => {
-      return props[updateEventKeyRaw];
-    });
-    const ns = useNamespace("popover");
-    const tooltipRef = ref();
-    const popperRef = computed(() => {
-      var _a;
-      return (_a = unref$1(tooltipRef)) == null ? void 0 : _a.popperRef;
-    });
-    const style = computed(() => {
-      return [
-        {
-          width: addUnit(props.width)
-        },
-        props.popperStyle
-      ];
-    });
-    const kls = computed(() => {
-      return [ns.b(), props.popperClass, { [ns.m("plain")]: !!props.content }];
-    });
-    const gpuAcceleration = computed(() => {
-      return props.transition === `${ns.namespace.value}-fade-in-linear`;
-    });
-    const hide = () => {
-      var _a;
-      (_a = tooltipRef.value) == null ? void 0 : _a.hide();
-    };
-    const beforeEnter = () => {
-      emit("before-enter");
-    };
-    const beforeLeave = () => {
-      emit("before-leave");
-    };
-    const afterEnter = () => {
-      emit("after-enter");
-    };
-    const afterLeave = () => {
-      emit("update:visible", false);
-      emit("after-leave");
-    };
-    expose({
-      popperRef,
-      hide
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref$1(ElTooltip), mergeProps({
-        ref_key: "tooltipRef",
-        ref: tooltipRef
-      }, _ctx.$attrs, {
-        trigger: _ctx.trigger,
-        placement: _ctx.placement,
-        disabled: _ctx.disabled,
-        visible: _ctx.visible,
-        transition: _ctx.transition,
-        "popper-options": _ctx.popperOptions,
-        tabindex: _ctx.tabindex,
-        content: _ctx.content,
-        offset: _ctx.offset,
-        "show-after": _ctx.showAfter,
-        "hide-after": _ctx.hideAfter,
-        "auto-close": _ctx.autoClose,
-        "show-arrow": _ctx.showArrow,
-        "aria-label": _ctx.title,
-        effect: _ctx.effect,
-        enterable: _ctx.enterable,
-        "popper-class": unref$1(kls),
-        "popper-style": unref$1(style),
-        teleported: _ctx.teleported,
-        persistent: _ctx.persistent,
-        "gpu-acceleration": unref$1(gpuAcceleration),
-        "onUpdate:visible": unref$1(onUpdateVisible),
-        onBeforeShow: beforeEnter,
-        onBeforeHide: beforeLeave,
-        onShow: afterEnter,
-        onHide: afterLeave
-      }), {
-        content: withCtx(() => [
-          _ctx.title ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: normalizeClass(unref$1(ns).e("title")),
-            role: "title"
-          }, toDisplayString(_ctx.title), 3)) : createCommentVNode("v-if", true),
-          renderSlot(_ctx.$slots, "default", {}, () => [
-            createTextVNode(toDisplayString(_ctx.content), 1)
-          ])
-        ]),
-        default: withCtx(() => [
-          _ctx.$slots.reference ? renderSlot(_ctx.$slots, "reference", { key: 0 }) : createCommentVNode("v-if", true)
-        ]),
-        _: 3
-      }, 16, ["trigger", "placement", "disabled", "visible", "transition", "popper-options", "tabindex", "content", "offset", "show-after", "hide-after", "auto-close", "show-arrow", "aria-label", "effect", "enterable", "popper-class", "popper-style", "teleported", "persistent", "gpu-acceleration", "onUpdate:visible"]);
-    };
-  }
-});
-var Popover = /* @__PURE__ */ _export_sfc$1(_sfc_main$1, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/popover/src/popover.vue"]]);
-
-const attachEvents = (el, binding) => {
-  const popperComponent = binding.arg || binding.value;
-  const popover = popperComponent == null ? void 0 : popperComponent.popperRef;
-  if (popover) {
-    popover.triggerRef = el;
-  }
-};
-var PopoverDirective = {
-  mounted(el, binding) {
-    attachEvents(el, binding);
-  },
-  updated(el, binding) {
-    attachEvents(el, binding);
-  }
-};
-const VPopover = "popover";
-
-const ElPopoverDirective = withInstallDirective(PopoverDirective, VPopover);
-const ElPopover = withInstall(Popover, {
-  directive: ElPopoverDirective
-});
-
-const _hoisted_1 = ["onClick"];
-const _hoisted_2 = { style: { "display": "inline-block" } };
-const _hoisted_3 = { class: "slot-component-box" };
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
@@ -2816,39 +17,150 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     placement: { type: String, required: false, default: "bottom" },
     maxCount: { type: Number, required: false, default: 6 },
     offset: { type: Number, required: false, default: 0 },
-    popperOptions: { type: Object, required: false, default: () => ({}) }
-  },
-  emits: ["update:modelValue", "change"],
-  setup(__props, { emit: __emit }) {
+    popperOptions: { type: Object, required: false, default: () => ({}) },
+    showFullPath: { type: Boolean, required: true, default: false },
+    fieldNames: { type: Object, required: false, default: () => ({
+      label: "value",
+      children: "children"
+    }) },
+    treeOptions: { type: null, required: false, default: () => ({}) },
+    path: { type: null, required: false },
+    nodeKey: { type: String, required: false },
+    mode: { type: String, required: true, default: "tree" }
+  },
+  emits: ["update:modelValue", "input", "change", "node-click", "update:path"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
     const emits = __emit;
     const props = __props;
+    const nodeKey = computed(() => props.nodeKey || props.fieldNames.label);
+    const innerPath = ref("");
+    watch(
+      () => props.path,
+      (nval) => {
+        if (nval && nval !== innerPath.value) {
+          innerPath.value = nval;
+        }
+      },
+      { immediate: true }
+    );
+    const inputRef = ref(null);
+    function hidePopover() {
+      visible.value = false;
+    }
+    function emitHidePopover() {
+      document.documentElement.click();
+    }
+    onMounted(() => {
+      document.addEventListener("click", hidePopover);
+    });
+    onUnmounted(() => {
+      document.removeEventListener("click", hidePopover);
+    });
+    const loadFn = computed(() => props?.treeOptions?.load ?? void 0);
+    const isLazy = computed(() => props?.treeOptions?.lazy ?? loadFn.value);
+    const updateInputValue = async (val) => {
+      emits("update:path", val.path || "");
+      if (props.mode === "tree") {
+        if (isLazy.value) {
+          if (props.showFullPath) {
+            inputValue.value = val.pathName || "";
+          } else {
+            inputValue.value = val.name || "";
+          }
+          return;
+        }
+        let node = treeRef.value.treeRef.getNode(val);
+        console.log("treeNodeClick\u56DE\u8C03:", val, node);
+        let res = [node.data[props.fieldNames.label] || ""];
+        if (props.showFullPath) {
+          while (node.parent && node.parent.data[props.fieldNames.label]) {
+            node = node.parent;
+            res.unshift(node.data[props.fieldNames.label]);
+          }
+        }
+        inputValue.value = res.join("/");
+      } else {
+        let res = val[props.fieldNames.label] || "";
+        inputValue.value = res;
+      }
+    };
+    const treeNodeClick = (val) => {
+      updateInputValue(val);
+      emitHidePopover();
+      emits("node-click", val);
+      emits("update:modelValue", inputValue.value);
+      emits("change", inputValue.value);
+    };
+    const currentNodeKey = ref("");
     const domPopover = ref(null);
     const currentSize = useModelValue(props, "size");
     const currentIsView = useModelValue(props, "isView");
+    watch(
+      () => props.isView,
+      (nval) => {
+        if (nval) {
+          emitHidePopover();
+        }
+      }
+    );
     const inputValue = useModelValue(props, "modelValue");
+    const treeRef = ref(null);
     const inputIng = (val) => {
+      hasInputValue.value = getInputValueStatus();
+      getSelectOptions().then((res) => {
+        checkPopoverVisible(res);
+        nextTick(() => {
+          domPopover.value?.popperRef?.popperInstanceRef?.forceUpdate();
+        });
+      });
       emits("update:modelValue", val);
+      emits("input", val);
+    };
+    const changeEvenet = (val) => {
       emits("change", val);
-      inputFocus();
-      nextTick(() => {
-        domPopover.value?.popperRef?.popperInstanceRef?.forceUpdate();
+    };
+    const inputClear = () => {
+      currentNodeKey.value = "";
+      hasInputValue.value = getInputValueStatus();
+      setTimeout(() => {
+        visible.value = true;
       });
     };
-    const visible = ref(false);
-    const inputFocus = () => {
-      const list = getSelectOptions(inputValue.value);
-      const flag = list.length > 0;
-      visible.value = !currentIsView.value && flag && true;
-      if (visible.value)
-        getCurrentPopoverWidth(), selectOptions.value = list;
+    const updateTreeSelectKey = () => {
+      if (props.showFullPath) {
+        let key = inputValue.value.split("/");
+        currentNodeKey.value = key[key.length - 1] || "";
+      } else {
+        currentNodeKey.value = inputValue.value || "";
+      }
     };
-    const inputBlur = () => {
-      visible.value = false;
+    const checkPopoverVisible = (list) => {
+      if (list.length > 0) {
+        visible.value = !currentIsView.value && true;
+        selectOptions.value = list;
+      } else {
+        visible.value = false;
+      }
+    };
+    const visible = ref(false);
+    const hasInputValue = ref(false);
+    const getInputValueStatus = () => inputValue.value.length > 0;
+    const inputClick = () => {
+      hasInputValue.value = getInputValueStatus();
+      emitHidePopover();
+      getCurrentPopoverWidth();
+      getSelectOptions().then((res) => {
+        checkPopoverVisible(res);
+      });
     };
-    const handleSelect = (item) => {
-      const value = item?.value || "";
-      emits("update:modelValue", value);
-      emits("change", value);
+    const handleSelect = async (item) => {
+      if (item.disabled) return;
+      updateInputValue(item);
+      emitHidePopover();
+      emits("node-click", item);
+      emits("update:modelValue", inputValue.value);
+      emits("change", inputValue.value);
     };
     const getCurrentWidth = (size) => {
       let width = 0;
@@ -2861,8 +173,33 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return width;
     };
-    const getSelectOptions = (value) => {
-      return props.options?.filter((item) => value ? item.value.includes(value) : true) || [];
+    const getList = (list, value) => {
+      if (!value) return list;
+      let res = [];
+      for (let i = 0; i < list.length; i++) {
+        if (list[i][props.fieldNames.label].includes(value)) {
+          res.push(list[i]);
+        }
+        if (list[i][props.fieldNames.children] && list[i][props.fieldNames.children].length > 0) {
+          res.push(...getList(list[i][props.fieldNames.children], value));
+        }
+      }
+      return res;
+    };
+    const getSelectOptions = async () => {
+      updateTreeSelectKey();
+      let res = [];
+      if (!isLazy.value) {
+        res = getList(props.options, currentNodeKey.value);
+      } else {
+        if (!inputValue.value) {
+          res = getList([""], null);
+        } else {
+          let tmpArr = await props.treeOptions.search(currentNodeKey.value);
+          res = getList(tmpArr, currentNodeKey.value);
+        }
+      }
+      return res;
     };
     const selectOptions = ref([]);
     const currentWidth = computed(() => {
@@ -2878,105 +215,27 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       const value = $completeEL.value?.offsetWidth;
       currentPopoverWidth.value = value ? value + "px" : currentWidth.value;
     };
-    watch$1(
+    watch(
       () => props.options,
       () => {
-        selectOptions.value = getSelectOptions(inputValue.value);
+        getSelectOptions().then((res) => {
+          selectOptions.value = res;
+        });
       }
     );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "div",
-        {
-          class: "autocomplete-page",
-          ref_key: "$completeEL",
-          ref: $completeEL,
-          style: normalizeStyle(`width:${currentWidth.value}`)
-        },
-        [
-          createVNode(unref$1(ElPopover), {
-            ref_key: "domPopover",
-            ref: domPopover,
-            visible: visible.value,
-            placement: _ctx.placement,
-            width: currentPopoverWidth.value,
-            "popper-class": "autocomplete-popover",
-            "show-arrow": false,
-            offset: _ctx.offset,
-            "popper-options": _ctx.popperOptions
-          }, {
-            reference: withCtx(() => [
-              createElementVNode("div", _hoisted_3, [
-                createVNode(unref$1(DasInput), mergeProps({
-                  modelValue: unref$1(inputValue),
-                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(inputValue) ? inputValue.value = $event : null),
-                  size: unref$1(currentSize),
-                  width: currentWidth.value,
-                  isView: unref$1(currentIsView)
-                }, _ctx.$attrs, {
-                  onFocus: inputFocus,
-                  onBlur: inputBlur,
-                  onInput: inputIng
-                }), createSlots({
-                  _: 2
-                  /* DYNAMIC */
-                }, [
-                  renderList(_ctx.$slots, (_item, key, index) => {
-                    return {
-                      name: key,
-                      fn: withCtx(() => [
-                        renderSlot(_ctx.$slots, key, {}, void 0, true)
-                      ])
-                    };
-                  })
-                ]), 1040, ["modelValue", "size", "width", "isView"])
-              ])
-            ]),
-            default: withCtx(() => [
-              withDirectives((openBlock(), createElementBlock(
-                "div",
-                {
-                  class: "autocomplete-select-box",
-                  style: normalizeStyle(`max-height: ${32 * _ctx.maxCount}px;`)
-                },
-                [
-                  (openBlock(true), createElementBlock(
-                    Fragment,
-                    null,
-                    renderList(selectOptions.value, (item) => {
-                      return openBlock(), createElementBlock("div", {
-                        onClick: ($event) => handleSelect(item),
-                        class: normalizeClass(["select-label", { "current-select-label": item.value === unref$1(inputValue) }])
-                      }, [
-                        withDirectives((openBlock(), createElementBlock("span", _hoisted_2, [
-                          createTextVNode(
-                            toDisplayString(item.value),
-                            1
-                            /* TEXT */
-                          )
-                        ])), [
-                          [unref$1(vDasTooltip)]
-                        ])
-                      ], 10, _hoisted_1);
-                    }),
-                    256
-                    /* UNKEYED_FRAGMENT */
-                  ))
-                ],
-                4
-                /* STYLE */
-              )), [
-                [unref$1(vOverlay)]
-              ])
-            ]),
-            _: 3
-            /* FORWARDED */
-          }, 8, ["visible", "placement", "width", "offset", "popper-options"])
-        ],
-        4
-        /* STYLE */
-      );
-    };
+    const __returned__ = { emits, props, nodeKey, innerPath, inputRef, hidePopover, emitHidePopover, loadFn, isLazy, updateInputValue, treeNodeClick, currentNodeKey, domPopover, currentSize, currentIsView, inputValue, treeRef, inputIng, changeEvenet, inputClear, updateTreeSelectKey, checkPopoverVisible, visible, hasInputValue, getInputValueStatus, inputClick, handleSelect, getCurrentWidth, getList, getSelectOptions, selectOptions, currentWidth, $completeEL, currentPopoverWidth, getCurrentPopoverWidth, get DasInput() {
+      return DasInput;
+    }, get vDasTooltip() {
+      return vDasTooltip;
+    }, get vOverlay() {
+      return vOverlay;
+    }, get DasTree() {
+      return DasTree;
+    }, get RecycleScroller() {
+      return RecycleScroller;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
   }
 });
 
@@ -2988,9 +247,139 @@ var _export_sfc = (sfc, props) => {
   return target;
 };
 
-var Autocomplete = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-171bc33d"], ["__file", "E:\\company-code\\v6r3\\framework-3\\packages\\das-ui\\packages\\components\\autocomplete\\src\\index.vue"]]);
+const _hoisted_1 = ["onClick"];
+const _hoisted_2 = { style: { "display": "inline-block" } };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_popover = resolveComponent("el-popover");
+  return openBlock(), createElementBlock(
+    "div",
+    {
+      class: "autocomplete-page",
+      ref: "$completeEL",
+      style: normalizeStyle(`width:${$setup.currentWidth}`)
+    },
+    [
+      createVNode(_component_el_popover, {
+        ref: "domPopover",
+        visible: $setup.visible,
+        placement: $props.placement,
+        width: $setup.currentPopoverWidth,
+        "popper-class": "autocomplete-popover",
+        "show-arrow": false,
+        offset: $props.offset,
+        "popper-options": $props.popperOptions
+      }, {
+        reference: withCtx(() => [
+          createElementVNode("div", {
+            class: "slot-component-box",
+            onClick: withModifiers($setup.inputClick, ["stop"])
+          }, [
+            createVNode($setup["DasInput"], mergeProps({
+              ref: "inputRef",
+              modelValue: $setup.inputValue,
+              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => $setup.inputValue = $event),
+              modelModifiers: { trim: true },
+              size: $setup.currentSize,
+              width: $setup.currentWidth,
+              isView: $setup.currentIsView
+            }, _ctx.$attrs, {
+              onClear: $setup.inputClear,
+              onInput: $setup.inputIng,
+              onChange: $setup.changeEvenet
+            }), createSlots({
+              _: 2
+              /* DYNAMIC */
+            }, [
+              renderList(_ctx.$slots, (_item, key, index) => {
+                return {
+                  name: key,
+                  fn: withCtx(() => [
+                    renderSlot(_ctx.$slots, key, {}, void 0, true)
+                  ])
+                };
+              })
+            ]), 1040, ["modelValue", "size", "width", "isView"])
+          ])
+        ]),
+        default: withCtx(() => [
+          withDirectives((openBlock(), createElementBlock(
+            "div",
+            {
+              class: "autocomplete-select-box",
+              style: normalizeStyle(`max-height: ${32 * $props.maxCount}px;`),
+              onClick: _cache[2] || (_cache[2] = withModifiers(() => {
+              }, ["stop"]))
+            },
+            [
+              withDirectives((openBlock(), createBlock($setup["RecycleScroller"], {
+                key: $setup.selectOptions.length,
+                items: $setup.selectOptions,
+                "item-size": 32,
+                "key-field": $props.fieldNames.value || $props.fieldNames.label,
+                class: "virtual-list"
+              }, {
+                default: withCtx(({ item, index }) => [
+                  createElementVNode("div", {
+                    onClick: ($event) => $setup.handleSelect(item),
+                    class: normalizeClass([
+                      "select-label",
+                      { "current-select-label": item[$props.fieldNames.label] === $setup.currentNodeKey },
+                      { "is-disabled": item.disabled }
+                    ])
+                  }, [
+                    withDirectives((openBlock(), createElementBlock("span", _hoisted_2, [
+                      createTextVNode(
+                        toDisplayString(item[$props.fieldNames.label]),
+                        1
+                        /* TEXT */
+                      )
+                    ])), [
+                      [$setup["vDasTooltip"]]
+                    ])
+                  ], 10, _hoisted_1)
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["items", "key-field"])), [
+                [vShow, $setup.props.mode === "list" || $setup.hasInputValue]
+              ]),
+              $setup.props.mode === "tree" ? withDirectives((openBlock(), createBlock($setup["DasTree"], mergeProps({
+                key: 0,
+                width: "120px",
+                filterMode: "input",
+                "node-key": $setup.nodeKey,
+                ref: "treeRef",
+                "is-ellipsis": "",
+                data: $setup.props.options,
+                showFilterInput: false
+              }, $props.treeOptions, {
+                props: { ...$props.fieldNames },
+                modelValue: $setup.currentNodeKey,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $setup.currentNodeKey = $event),
+                path: $setup.innerPath,
+                "onUpdate:path": _cache[1] || (_cache[1] = ($event) => $setup.innerPath = $event),
+                onNodeClick: $setup.treeNodeClick
+              }), null, 16, ["node-key", "data", "props", "modelValue", "path"])), [
+                [vShow, !$setup.hasInputValue]
+              ]) : createCommentVNode("v-if", true)
+            ],
+            4
+            /* STYLE */
+          )), [
+            [$setup["vOverlay"]]
+          ])
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 8, ["visible", "placement", "width", "offset", "popper-options"])
+    ],
+    4
+    /* STYLE */
+  );
+}
+var Autocomplete = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-171bc33d"], ["__file", "/Users/xiecp/das/das-fe/framework/packages/das-ui/packages/components/autocomplete/src/index.vue"]]);
 
 const DasAutocompleteRef = () => ref(null);
-const DasAutocomplete = withInstall$1(Autocomplete);
+const DasAutocomplete = withInstall(Autocomplete);
 
 export { DasAutocomplete, DasAutocompleteRef, DasAutocomplete as default };