@das-fed/ui 6.4.0-dev.2 → 6.4.0-dev.20

package/packages/components/drawer/index.js

@@ -1,1633 +1,62 @@
 import '@das-fed/ui/packages/components/drawer/style.css';
-import { withInstall as Rt } from "@das-fed/utils/with-install/index";
-import { ref as v, readonly as Ft, getCurrentScope as Mt, onScopeDispose as dt, unref as m, defineComponent as j, openBlock as C, createElementBlock as $, createElementVNode as fe, warn as zt, watch as F, inject as Q, computed as g, isRef as ft, getCurrentInstance as ee, onMounted as pe, onBeforeUnmount as Ie, mergeProps as $e, renderSlot as w, provide as jt, nextTick as Te, createVNode as A, h as Bt, resolveComponent as re, createBlock as Vt, Teleport as xt, Transition as Ut, withCtx as R, withDirectives as Kt, withModifiers as Ht, normalizeClass as k, toDisplayString as Yt, createCommentVNode as x, vShow as Gt, createSlots as Wt, normalizeStyle as Jt, normalizeProps as Be, guardReactiveProps as Ve } from "vue";
-import { getVar as xe, setThemeRule as qt } from "@das-fed/web/packages/theme/index";
-var Ue;
-const N = typeof window < "u";
-N && ((Ue = window == null ? void 0 : window.navigator) != null && Ue.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
-function Zt(e) {
-  return typeof e == "function" ? e() : m(e);
-}
-function Xt(e) {
-  return Mt() ? (dt(e), !0) : !1;
-}
-function Ke(e, t, n = {}) {
-  const {
-    immediate: o = !0
-  } = n, r = v(!1);
-  let s = null;
-  function l() {
-    s && (clearTimeout(s), s = null);
-  }
-  function d() {
-    r.value = !1, l();
-  }
-  function h(...f) {
-    l(), r.value = !0, s = setTimeout(() => {
-      r.value = !1, s = null, e(...f);
-    }, Zt(t));
-  }
-  return o && (r.value = !0, N && h()), Xt(d), {
-    isPending: Ft(r),
-    start: h,
-    stop: d
-  };
-}
-/**
-* @vue/shared v3.4.35
-* (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 ce = () => {
-}, pt = Object.assign, Qt = Object.prototype.hasOwnProperty, He = (e, t) => Qt.call(e, t), en = (e) => typeof e == "function", ve = (e) => typeof e == "string", tn = (e) => typeof e == "symbol", vt = (e) => e !== null && typeof e == "object", nn = (e) => {
-  const t = /* @__PURE__ */ Object.create(null);
-  return (n) => t[n] || (t[n] = e(n));
-}, on = /-(\w)/g, rn = nn((e) => e.replace(on, (t, n) => n ? n.toUpperCase() : "")), sn = (e, t) => !Object.is(e, t);
-var an = typeof global == "object" && global && global.Object === Object && global, ln = typeof self == "object" && self && self.Object === Object && self, Le = an || ln || Function("return this")(), K = Le.Symbol, ht = Object.prototype, cn = ht.hasOwnProperty, un = ht.toString, J = K ? K.toStringTag : void 0;
-function dn(e) {
-  var t = cn.call(e, J), n = e[J];
-  try {
-    e[J] = void 0;
-    var o = !0;
-  } catch {
-  }
-  var r = un.call(e);
-  return o && (t ? e[J] = n : delete e[J]), r;
-}
-var fn = Object.prototype, pn = fn.toString;
-function vn(e) {
-  return pn.call(e);
-}
-var hn = "[object Null]", mn = "[object Undefined]", Ye = K ? K.toStringTag : void 0;
-function mt(e) {
-  return e == null ? e === void 0 ? mn : hn : Ye && Ye in Object(e) ? dn(e) : vn(e);
-}
-function yn(e) {
-  return e != null && typeof e == "object";
-}
-var gn = "[object Symbol]";
-function De(e) {
-  return typeof e == "symbol" || yn(e) && mt(e) == gn;
-}
-function _n(e, t) {
-  for (var n = -1, o = e == null ? 0 : e.length, r = Array(o); ++n < o; )
-    r[n] = t(e[n], n, e);
-  return r;
-}
-var ke = Array.isArray, En = 1 / 0, Ge = K ? K.prototype : void 0, We = Ge ? Ge.toString : void 0;
-function yt(e) {
-  if (typeof e == "string")
-    return e;
-  if (ke(e))
-    return _n(e, yt) + "";
-  if (De(e))
-    return We ? We.call(e) : "";
-  var t = e + "";
-  return t == "0" && 1 / e == -En ? "-0" : t;
-}
-function gt(e) {
-  var t = typeof e;
-  return e != null && (t == "object" || t == "function");
-}
-var bn = "[object AsyncFunction]", wn = "[object Function]", Sn = "[object GeneratorFunction]", Tn = "[object Proxy]";
-function Cn(e) {
-  if (!gt(e))
-    return !1;
-  var t = mt(e);
-  return t == wn || t == Sn || t == bn || t == Tn;
-}
-var Ee = Le["__core-js_shared__"], Je = function() {
-  var e = /[^.]+$/.exec(Ee && Ee.keys && Ee.keys.IE_PROTO || "");
-  return e ? "Symbol(src)_1." + e : "";
-}();
-function Nn(e) {
-  return !!Je && Je in e;
-}
-var On = Function.prototype, In = On.toString;
-function $n(e) {
-  if (e != null) {
-    try {
-      return In.call(e);
-    } catch {
-    }
-    try {
-      return e + "";
-    } catch {
-    }
-  }
-  return "";
-}
-var Ln = /[\\^$.*+?()[\]{}|]/g, Dn = /^\[object .+?Constructor\]$/, kn = Function.prototype, Pn = Object.prototype, An = kn.toString, Rn = Pn.hasOwnProperty, Fn = RegExp(
-  "^" + An.call(Rn).replace(Ln, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
-);
-function Mn(e) {
-  if (!gt(e) || Nn(e))
-    return !1;
-  var t = Cn(e) ? Fn : Dn;
-  return t.test($n(e));
-}
-function zn(e, t) {
-  return e == null ? void 0 : e[t];
-}
-function _t(e, t) {
-  var n = zn(e, t);
-  return Mn(n) ? n : void 0;
-}
-function jn(e, t) {
-  return e === t || e !== e && t !== t;
-}
-var Bn = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, Vn = /^\w*$/;
-function xn(e, t) {
-  if (ke(e))
-    return !1;
-  var n = typeof e;
-  return n == "number" || n == "symbol" || n == "boolean" || e == null || De(e) ? !0 : Vn.test(e) || !Bn.test(e) || t != null && e in Object(t);
-}
-var Z = _t(Object, "create");
-function Un() {
-  this.__data__ = Z ? Z(null) : {}, this.size = 0;
-}
-function Kn(e) {
-  var t = this.has(e) && delete this.__data__[e];
-  return this.size -= t ? 1 : 0, t;
-}
-var Hn = "__lodash_hash_undefined__", Yn = Object.prototype, Gn = Yn.hasOwnProperty;
-function Wn(e) {
-  var t = this.__data__;
-  if (Z) {
-    var n = t[e];
-    return n === Hn ? void 0 : n;
-  }
-  return Gn.call(t, e) ? t[e] : void 0;
-}
-var Jn = Object.prototype, qn = Jn.hasOwnProperty;
-function Zn(e) {
-  var t = this.__data__;
-  return Z ? t[e] !== void 0 : qn.call(t, e);
-}
-var Xn = "__lodash_hash_undefined__";
-function Qn(e, t) {
-  var n = this.__data__;
-  return this.size += this.has(e) ? 0 : 1, n[e] = Z && t === void 0 ? Xn : t, this;
-}
-function z(e) {
-  var t = -1, n = e == null ? 0 : e.length;
-  for (this.clear(); ++t < n; ) {
-    var o = e[t];
-    this.set(o[0], o[1]);
-  }
-}
-z.prototype.clear = Un;
-z.prototype.delete = Kn;
-z.prototype.get = Wn;
-z.prototype.has = Zn;
-z.prototype.set = Qn;
-function eo() {
-  this.__data__ = [], this.size = 0;
-}
-function he(e, t) {
-  for (var n = e.length; n--; )
-    if (jn(e[n][0], t))
-      return n;
-  return -1;
-}
-var to = Array.prototype, no = to.splice;
-function oo(e) {
-  var t = this.__data__, n = he(t, e);
-  if (n < 0)
-    return !1;
-  var o = t.length - 1;
-  return n == o ? t.pop() : no.call(t, n, 1), --this.size, !0;
-}
-function ro(e) {
-  var t = this.__data__, n = he(t, e);
-  return n < 0 ? void 0 : t[n][1];
-}
-function so(e) {
-  return he(this.__data__, e) > -1;
-}
-function ao(e, t) {
-  var n = this.__data__, o = he(n, e);
-  return o < 0 ? (++this.size, n.push([e, t])) : n[o][1] = t, this;
-}
-function H(e) {
-  var t = -1, n = e == null ? 0 : e.length;
-  for (this.clear(); ++t < n; ) {
-    var o = e[t];
-    this.set(o[0], o[1]);
-  }
-}
-H.prototype.clear = eo;
-H.prototype.delete = oo;
-H.prototype.get = ro;
-H.prototype.has = so;
-H.prototype.set = ao;
-var io = _t(Le, "Map");
-function lo() {
-  this.size = 0, this.__data__ = {
-    hash: new z(),
-    map: new (io || H)(),
-    string: new z()
-  };
-}
-function co(e) {
-  var t = typeof e;
-  return t == "string" || t == "number" || t == "symbol" || t == "boolean" ? e !== "__proto__" : e === null;
-}
-function me(e, t) {
-  var n = e.__data__;
-  return co(t) ? n[typeof t == "string" ? "string" : "hash"] : n.map;
-}
-function uo(e) {
-  var t = me(this, e).delete(e);
-  return this.size -= t ? 1 : 0, t;
-}
-function fo(e) {
-  return me(this, e).get(e);
-}
-function po(e) {
-  return me(this, e).has(e);
-}
-function vo(e, t) {
-  var n = me(this, e), o = n.size;
-  return n.set(e, t), this.size += n.size == o ? 0 : 1, this;
-}
-function B(e) {
-  var t = -1, n = e == null ? 0 : e.length;
-  for (this.clear(); ++t < n; ) {
-    var o = e[t];
-    this.set(o[0], o[1]);
-  }
-}
-B.prototype.clear = lo;
-B.prototype.delete = uo;
-B.prototype.get = fo;
-B.prototype.has = po;
-B.prototype.set = vo;
-var ho = "Expected a function";
-function Pe(e, t) {
-  if (typeof e != "function" || t != null && typeof t != "function")
-    throw new TypeError(ho);
-  var n = function() {
-    var o = arguments, r = t ? t.apply(this, o) : o[0], s = n.cache;
-    if (s.has(r))
-      return s.get(r);
-    var l = e.apply(this, o);
-    return n.cache = s.set(r, l) || s, l;
-  };
-  return n.cache = new (Pe.Cache || B)(), n;
-}
-Pe.Cache = B;
-var mo = 500;
-function yo(e) {
-  var t = Pe(e, function(o) {
-    return n.size === mo && n.clear(), o;
-  }), n = t.cache;
-  return t;
-}
-var go = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g, _o = /\\(\\)?/g, Eo = yo(function(e) {
-  var t = [];
-  return e.charCodeAt(0) === 46 && t.push(""), e.replace(go, function(n, o, r, s) {
-    t.push(r ? s.replace(_o, "$1") : o || n);
-  }), t;
-});
-function bo(e) {
-  return e == null ? "" : yt(e);
-}
-function wo(e, t) {
-  return ke(e) ? e : xn(e, t) ? [e] : Eo(bo(e));
-}
-var So = 1 / 0;
-function To(e) {
-  if (typeof e == "string" || De(e))
-    return e;
-  var t = e + "";
-  return t == "0" && 1 / e == -So ? "-0" : t;
-}
-function Co(e, t) {
-  t = wo(t, e);
-  for (var n = 0, o = t.length; e != null && n < o; )
-    e = e[To(t[n++])];
-  return n && n == o ? e : void 0;
-}
-function No(e, t, n) {
-  var o = e == null ? void 0 : Co(e, t);
-  return o === void 0 ? n : o;
-}
-function Oo(e) {
-  for (var t = -1, n = e == null ? 0 : e.length, o = {}; ++t < n; ) {
-    var r = e[t];
-    o[r[0]] = r[1];
-  }
-  return o;
-}
-function Io(e) {
-  return e == null;
-}
-function $o(e) {
-  return e === void 0;
-}
-const Lo = (e) => e === void 0, Do = (e) => typeof e == "boolean", Et = (e) => typeof e == "number", ko = (e) => ve(e) ? !Number.isNaN(Number(e)) : !1;
-class bt extends Error {
-  constructor(t) {
-    super(t), this.name = "ElementPlusError";
-  }
-}
-function Po(e, t) {
-  throw new bt(`[${e}] ${t}`);
-}
-function Ae(e, t) {
-  if (process.env.NODE_ENV !== "production") {
-    const n = ve(e) ? new bt(`[${e}] ${t}`) : e;
-  }
-}
-const Ao = "utils/dom/style", wt = (e = "") => e.split(" ").filter((t) => !!t.trim()), qe = (e, t) => {
-  if (!e || !t)
-    return !1;
-  if (t.includes(" "))
-    throw new Error("className should not contain space.");
-  return e.classList.contains(t);
-}, Ro = (e, t) => {
-  !e || !t.trim() || e.classList.add(...wt(t));
-}, Fo = (e, t) => {
-  !e || !t.trim() || e.classList.remove(...wt(t));
-}, Mo = (e, t) => {
-  var n;
-  if (!N || !e || !t)
-    return "";
-  let o = rn(t);
-  o === "float" && (o = "cssFloat");
-  try {
-    const r = e.style[o];
-    if (r)
-      return r;
-    const s = (n = document.defaultView) == null ? void 0 : n.getComputedStyle(e, "");
-    return s ? s[o] : "";
-  } catch {
-    return e.style[o];
-  }
-};
-function Re(e, t = "px") {
-  if (!e)
-    return "";
-  if (Et(e) || ko(e))
-    return `${e}${t}`;
-  if (ve(e))
-    return e;
-  Ae(Ao, "binding value must be a string or number");
-}
-let se;
-const zo = (e) => {
-  var t;
-  if (!N)
-    return 0;
-  if (se !== void 0)
-    return se;
-  const n = document.createElement("div");
-  n.className = `${e}-scrollbar__wrap`, n.style.visibility = "hidden", n.style.width = "100px", n.style.position = "absolute", n.style.top = "-9999px", document.body.appendChild(n);
-  const o = n.offsetWidth;
-  n.style.overflow = "scroll";
-  const r = document.createElement("div");
-  r.style.width = "100%", n.appendChild(r);
-  const s = r.offsetWidth;
-  return (t = n.parentNode) == null || t.removeChild(n), se = o - s, se;
-};
-/*! Element Plus Icons Vue v2.3.1 */
-var jo = /* @__PURE__ */ j({
-  name: "Close",
-  __name: "close",
-  setup(e) {
-    return (t, n) => (C(), $("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 1024 1024"
-    }, [
-      fe("path", {
-        fill: "currentColor",
-        d: "M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"
-      })
-    ]));
-  }
-}), Bo = jo;
-const St = "__epPropKey", X = (e) => e, Vo = (e) => vt(e) && !!e[St], xo = (e, t) => {
-  if (!vt(e) || Vo(e))
-    return e;
-  const { values: n, required: o, default: r, type: s, validator: l } = e, h = {
-    type: s,
-    required: !!o,
-    validator: n || l ? (f) => {
-      let p = !1, y = [];
-      if (n && (y = Array.from(n), He(e, "default") && y.push(r), p || (p = y.includes(f))), l && (p || (p = l(f))), !p && y.length > 0) {
-        const T = [...new Set(y)].map((b) => JSON.stringify(b)).join(", ");
-        zt(`Invalid prop: validation failed${t ? ` for prop "${t}"` : ""}. Expected one of [${T}], got value ${JSON.stringify(f)}.`);
-      }
-      return p;
-    } : void 0,
-    [St]: !0
-  };
-  return He(e, "default") && (h.default = r), h;
-}, te = (e) => Oo(Object.entries(e).map(([t, n]) => [
-  t,
-  xo(n, t)
-])), Uo = X([
-  String,
-  Object,
-  Function
-]), Tt = (e, t) => (e.install = (n) => {
-  for (const o of [e, ...Object.values({})])
-    n.component(o.name, o);
-}, e), Ct = {
-  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"
-}, Nt = "update:modelValue";
-var ue = /* @__PURE__ */ ((e) => (e[e.TEXT = 1] = "TEXT", e[e.CLASS = 2] = "CLASS", e[e.STYLE = 4] = "STYLE", e[e.PROPS = 8] = "PROPS", e[e.FULL_PROPS = 16] = "FULL_PROPS", e[e.HYDRATE_EVENTS = 32] = "HYDRATE_EVENTS", e[e.STABLE_FRAGMENT = 64] = "STABLE_FRAGMENT", e[e.KEYED_FRAGMENT = 128] = "KEYED_FRAGMENT", e[e.UNKEYED_FRAGMENT = 256] = "UNKEYED_FRAGMENT", e[e.NEED_PATCH = 512] = "NEED_PATCH", e[e.DYNAMIC_SLOTS = 1024] = "DYNAMIC_SLOTS", e[e.HOISTED = -1] = "HOISTED", e[e.BAIL = -2] = "BAIL", e))(ue || {});
-const Ze = ({ from: e, replacement: t, scope: n, version: o, ref: r, type: s = "API" }, l) => {
-  F(() => m(l), (d) => {
-    d && Ae(n, `[${s}] ${e} is about to be deprecated in version ${o}, please use ${t} instead.
-For more detail, please visit: ${r}
-`);
-  }, {
-    immediate: !0
-  });
-};
-var Ko = {
-  name: "en",
-  el: {
-    colorpicker: {
-      confirm: "OK",
-      clear: "Clear",
-      defaultLabel: "color picker",
-      description: "current color is {color}. press enter to select a new color."
-    },
-    datepicker: {
-      now: "Now",
-      today: "Today",
-      cancel: "Cancel",
-      clear: "Clear",
-      confirm: "OK",
-      dateTablePrompt: "Use the arrow keys and enter to select the day of the month",
-      monthTablePrompt: "Use the arrow keys and enter to select the month",
-      yearTablePrompt: "Use the arrow keys and enter to select the year",
-      selectedDate: "Selected date",
-      selectDate: "Select date",
-      selectTime: "Select time",
-      startDate: "Start Date",
-      startTime: "Start Time",
-      endDate: "End Date",
-      endTime: "End Time",
-      prevYear: "Previous Year",
-      nextYear: "Next Year",
-      prevMonth: "Previous Month",
-      nextMonth: "Next Month",
-      year: "",
-      month1: "January",
-      month2: "February",
-      month3: "March",
-      month4: "April",
-      month5: "May",
-      month6: "June",
-      month7: "July",
-      month8: "August",
-      month9: "September",
-      month10: "October",
-      month11: "November",
-      month12: "December",
-      week: "week",
-      weeks: {
-        sun: "Sun",
-        mon: "Mon",
-        tue: "Tue",
-        wed: "Wed",
-        thu: "Thu",
-        fri: "Fri",
-        sat: "Sat"
-      },
-      weeksFull: {
-        sun: "Sunday",
-        mon: "Monday",
-        tue: "Tuesday",
-        wed: "Wednesday",
-        thu: "Thursday",
-        fri: "Friday",
-        sat: "Saturday"
-      },
-      months: {
-        jan: "Jan",
-        feb: "Feb",
-        mar: "Mar",
-        apr: "Apr",
-        may: "May",
-        jun: "Jun",
-        jul: "Jul",
-        aug: "Aug",
-        sep: "Sep",
-        oct: "Oct",
-        nov: "Nov",
-        dec: "Dec"
-      }
-    },
-    inputNumber: {
-      decrease: "decrease number",
-      increase: "increase number"
-    },
-    select: {
-      loading: "Loading",
-      noMatch: "No matching data",
-      noData: "No data",
-      placeholder: "Select"
-    },
-    dropdown: {
-      toggleDropdown: "Toggle Dropdown"
-    },
-    cascader: {
-      noMatch: "No matching data",
-      loading: "Loading",
-      placeholder: "Select",
-      noData: "No data"
-    },
-    pagination: {
-      goto: "Go to",
-      pagesize: "/page",
-      total: "Total {total}",
-      pageClassifier: "",
-      page: "Page",
-      prev: "Go to previous page",
-      next: "Go to next page",
-      currentPage: "page {pager}",
-      prevPages: "Previous {pager} pages",
-      nextPages: "Next {pager} pages",
-      deprecationWarning: "Deprecated usages detected, please refer to the el-pagination documentation for more details"
-    },
-    dialog: {
-      close: "Close this dialog"
-    },
-    drawer: {
-      close: "Close this dialog"
-    },
-    messagebox: {
-      title: "Message",
-      confirm: "OK",
-      cancel: "Cancel",
-      error: "Illegal input",
-      close: "Close this dialog"
-    },
-    upload: {
-      deleteTip: "press delete to remove",
-      delete: "Delete",
-      preview: "Preview",
-      continue: "Continue"
-    },
-    slider: {
-      defaultLabel: "slider between {min} and {max}",
-      defaultRangeStartLabel: "pick start value",
-      defaultRangeEndLabel: "pick end value"
-    },
-    table: {
-      emptyText: "No Data",
-      confirmFilter: "Confirm",
-      resetFilter: "Reset",
-      clearFilter: "All",
-      sumText: "Sum"
-    },
-    tree: {
-      emptyText: "No Data"
-    },
-    transfer: {
-      noMatch: "No matching data",
-      noData: "No data",
-      titles: ["List 1", "List 2"],
-      filterPlaceholder: "Enter keyword",
-      noCheckedFormat: "{total} items",
-      hasCheckedFormat: "{checked}/{total} checked"
-    },
-    image: {
-      error: "FAILED"
-    },
-    pageHeader: {
-      title: "Back"
-    },
-    popconfirm: {
-      confirmButtonText: "Yes",
-      cancelButtonText: "No"
-    }
-  }
-};
-const Ho = (e) => (t, n) => Yo(t, n, m(e)), Yo = (e, t, n) => No(n, e, e).replace(/\{(\w+)\}/g, (o, r) => {
-  var s;
-  return `${(s = t == null ? void 0 : t[r]) != null ? s : `{${r}}`}`;
-}), Go = (e) => {
-  const t = g(() => m(e).name), n = ft(e) ? e : v(e);
-  return {
-    lang: t,
-    locale: n,
-    t: Ho(e)
-  };
-}, Wo = Symbol("localeContextKey"), Jo = (e) => {
-  const t = Q(Wo, v());
-  return Go(g(() => t.value || Ko));
-};
-/**
-* @vue/reactivity v3.4.35
-* (c) 2018-present Yuxi (Evan) You and Vue contributors
-* @license MIT
-**/
-function Ot(e, ...t) {
-}
-let qo;
-function Zo(e, t = qo) {
-  t && t.active && t.effects.push(e);
-}
-let q;
-class Xo {
-  constructor(t, n, o, r) {
-    this.fn = t, this.trigger = n, this.scheduler = o, this.active = !0, this.deps = [], this._dirtyLevel = 4, this._trackId = 0, this._runnings = 0, this._shouldSchedule = !1, this._depsLength = 0, Zo(this, r);
-  }
-  get dirty() {
-    if (this._dirtyLevel === 2 || this._dirtyLevel === 3) {
-      this._dirtyLevel = 1, er();
-      for (let t = 0; t < this._depsLength; t++) {
-        const n = this.deps[t];
-        if (n.computed && (Qo(n.computed), this._dirtyLevel >= 4))
-          break;
-      }
-      this._dirtyLevel === 1 && (this._dirtyLevel = 0), tr();
-    }
-    return this._dirtyLevel >= 4;
-  }
-  set dirty(t) {
-    this._dirtyLevel = t ? 4 : 0;
-  }
-  run() {
-    if (this._dirtyLevel = 0, !this.active)
-      return this.fn();
-    let t = M, n = q;
-    try {
-      return M = !0, q = this, this._runnings++, Xe(this), this.fn();
-    } finally {
-      Qe(this), this._runnings--, q = n, M = t;
-    }
-  }
-  stop() {
-    this.active && (Xe(this), Qe(this), this.onStop && this.onStop(), this.active = !1);
-  }
-}
-function Qo(e) {
-  return e.value;
-}
-function Xe(e) {
-  e._trackId++, e._depsLength = 0;
-}
-function Qe(e) {
-  if (e.deps.length > e._depsLength) {
-    for (let t = e._depsLength; t < e.deps.length; t++)
-      It(e.deps[t], e);
-    e.deps.length = e._depsLength;
-  }
-}
-function It(e, t) {
-  const n = e.get(t);
-  n !== void 0 && t._trackId !== n && (e.delete(t), e.size === 0 && e.cleanup());
-}
-let M = !0, Ce = 0;
-const $t = [];
-function er() {
-  $t.push(M), M = !1;
-}
-function tr() {
-  const e = $t.pop();
-  M = e === void 0 ? !0 : e;
-}
-function nr() {
-  Ce++;
-}
-function or() {
-  for (Ce--; !Ce && Ne.length; )
-    Ne.shift()();
-}
-function rr(e, t, n) {
-  var o;
-  if (t.get(e) !== e._trackId) {
-    t.set(e, e._trackId);
-    const r = e.deps[e._depsLength];
-    r !== t ? (r && It(r, e), e.deps[e._depsLength++] = t) : e._depsLength++, process.env.NODE_ENV !== "production" && ((o = e.onTrack) == null || o.call(e, pt({ effect: e }, n)));
-  }
-}
-const Ne = [];
-function sr(e, t, n) {
-  var o;
-  nr();
-  for (const r of e.keys()) {
-    let s;
-    r._dirtyLevel < t && (s ?? (s = e.get(r) === r._trackId)) && (r._shouldSchedule || (r._shouldSchedule = r._dirtyLevel === 0), r._dirtyLevel = t), r._shouldSchedule && (s ?? (s = e.get(r) === r._trackId)) && (process.env.NODE_ENV !== "production" && ((o = r.onTrigger) == null || o.call(r, pt({ effect: r }, n))), r.trigger(), (!r._runnings || r.allowRecurse) && r._dirtyLevel !== 2 && (r._shouldSchedule = !1, r.scheduler && Ne.push(r.scheduler)));
-  }
-  or();
-}
-const ar = (e, t) => {
-  const n = /* @__PURE__ */ new Map();
-  return n.cleanup = e, n.computed = t, n;
-};
-Symbol(process.env.NODE_ENV !== "production" ? "iterate" : "");
-Symbol(process.env.NODE_ENV !== "production" ? "Map key iterate" : "");
-new Set(
-  /* @__PURE__ */ Object.getOwnPropertyNames(Symbol).filter((e) => e !== "arguments" && e !== "caller").map((e) => Symbol[e]).filter(tn)
-);
-function ye(e) {
-  const t = e && e.__v_raw;
-  return t ? ye(t) : e;
-}
-const ir = "Computed is still dirty after getter evaluation, likely because a computed is mutating its own dependency in its getter. State mutations in computed getters should be avoided.  Check the docs for more details: https://vuejs.org/guide/essentials/computed.html#getters-should-be-side-effect-free";
-class Lt {
-  constructor(t, n, o, r) {
-    this.getter = t, this._setter = n, this.dep = void 0, this.__v_isRef = !0, this.__v_isReadonly = !1, this.effect = new Xo(
-      () => t(this._value),
-      () => be(
-        this,
-        this.effect._dirtyLevel === 2 ? 2 : 3
-      )
-    ), this.effect.computed = this, this.effect.active = this._cacheable = !r, this.__v_isReadonly = o;
-  }
-  get value() {
-    const t = ye(this);
-    return (!t._cacheable || t.effect.dirty) && sn(t._value, t._value = t.effect.run()) && be(t, 4), cr(t), t.effect._dirtyLevel >= 2 && (process.env.NODE_ENV !== "production" && this._warnRecursive && Ot(ir, `
-
-getter: `, this.getter), be(t, 2)), t._value;
-  }
-  set value(t) {
-    this._setter(t);
-  }
-  // #region polyfill _dirty for backward compatibility third party code for Vue <= 3.3.x
-  get _dirty() {
-    return this.effect.dirty;
-  }
-  set _dirty(t) {
-    this.effect.dirty = t;
-  }
-  // #endregion
-}
-function lr(e, t, n = !1) {
-  let o, r;
-  const s = en(e);
-  s ? (o = e, r = process.env.NODE_ENV !== "production" ? () => {
-    Ot("Write operation failed: computed value is readonly");
-  } : ce) : (o = e.get, r = e.set);
-  const l = new Lt(o, r, s || !r, n);
-  return process.env.NODE_ENV !== "production" && t && !n && (l.effect.onTrack = t.onTrack, l.effect.onTrigger = t.onTrigger), l;
-}
-function cr(e) {
-  var t;
-  M && q && (e = ye(e), rr(
-    q,
-    (t = e.dep) != null ? t : e.dep = ar(
-      () => e.dep = void 0,
-      e instanceof Lt ? e : void 0
-    ),
-    process.env.NODE_ENV !== "production" ? {
-      target: e,
-      type: "get",
-      key: "value"
-    } : void 0
-  ));
-}
-function be(e, t = 4, n, o) {
-  e = ye(e);
-  const r = e.dep;
-  r && sr(
-    r,
-    t,
-    process.env.NODE_ENV !== "production" ? {
-      target: e,
-      type: "set",
-      key: "value",
-      newValue: n,
-      oldValue: o
-    } : void 0
-  );
-}
-const de = "el", ur = "is-", P = (e, t, n, o, r) => {
-  let s = `${e}-${t}`;
-  return n && (s += `-${n}`), o && (s += `__${o}`), r && (s += `--${r}`), s;
-}, dr = Symbol("namespaceContextKey"), Dt = (e) => {
-  const t = ee() ? Q(dr, v(de)) : v(de);
-  return g(() => m(t) || de);
-}, ge = (e, t) => {
-  const n = Dt();
-  return {
-    namespace: n,
-    b: (a = "") => P(n.value, e, a, "", ""),
-    e: (a) => a ? P(n.value, e, "", a, "") : "",
-    m: (a) => a ? P(n.value, e, "", "", a) : "",
-    be: (a, c) => a && c ? P(n.value, e, a, c, "") : "",
-    em: (a, c) => a && c ? P(n.value, e, "", a, c) : "",
-    bm: (a, c) => a && c ? P(n.value, e, a, "", c) : "",
-    bem: (a, c, u) => a && c && u ? P(n.value, e, a, c, u) : "",
-    is: (a, ...c) => {
-      const u = c.length >= 1 ? c[0] : !0;
-      return a && u ? `${ur}${a}` : "";
-    },
-    cssVar: (a) => {
-      const c = {};
-      for (const u in a)
-        a[u] && (c[`--${n.value}-${u}`] = a[u]);
-      return c;
-    },
-    cssVarName: (a) => `--${n.value}-${a}`,
-    cssVarBlock: (a) => {
-      const c = {};
-      for (const u in a)
-        a[u] && (c[`--${n.value}-${e}-${u}`] = a[u]);
-      return c;
-    },
-    cssVarBlockName: (a) => `--${n.value}-${e}-${a}`
-  };
-}, fr = (e, t = {}) => {
-  ft(e) || Po("[useLockscreen]", "You need to pass a ref param to this function");
-  const n = t.ns || ge("popup"), o = lr(() => n.bm("parent", "hidden"));
-  if (!N || qe(document.body, o.value))
-    return;
-  let r = 0, s = !1, l = "0";
-  const d = () => {
-    setTimeout(() => {
-      Fo(document == null ? void 0 : document.body, o.value), s && document && (document.body.style.width = l);
-    }, 200);
-  };
-  F(e, (h) => {
-    if (!h) {
-      d();
-      return;
-    }
-    s = !qe(document.body, o.value), s && (l = document.body.style.width), r = zo(n.namespace.value);
-    const f = document.documentElement.clientHeight < document.body.scrollHeight, p = Mo(document.body, "overflowY");
-    r > 0 && (f || p === "scroll") && s && (document.body.style.width = `calc(100% - ${r}px)`), Ro(document.body, o.value);
-  }), dt(() => d());
-}, pr = (e) => {
-  if (!e)
-    return { onClick: ce, onMousedown: ce, onMouseup: ce };
-  let t = !1, n = !1;
-  return { onClick: (l) => {
-    t && n && e(l), t = n = !1;
-  }, onMousedown: (l) => {
-    t = l.target === l.currentTarget;
-  }, onMouseup: (l) => {
-    n = l.target === l.currentTarget;
-  } };
-}, Oe = {
-  prefix: Math.floor(Math.random() * 1e4),
-  current: 0
-}, vr = Symbol("elIdInjection"), hr = () => ee() ? Q(vr, Oe) : Oe, et = (e) => {
-  const t = hr();
-  !N && t === Oe && Ae("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 n = Dt();
-  return g(() => m(e) || `${n.value}-id-${t.prefix}-${t.current++}`);
-};
-let U = [];
-const tt = (e) => {
-  const t = e;
-  t.key === Ct.esc && U.forEach((n) => n(t));
-}, mr = (e) => {
-  pe(() => {
-    U.length === 0 && document.addEventListener("keydown", tt), N && U.push(e);
-  }), Ie(() => {
-    U = U.filter((t) => t !== e), U.length === 0 && N && document.removeEventListener("keydown", tt);
-  });
-}, nt = v(0), yr = 2e3, gr = Symbol("zIndexContextKey"), _r = (e) => {
-  const t = ee() ? Q(gr, void 0) : void 0, n = g(() => {
-    const s = m(t);
-    return Et(s) ? s : yr;
-  }), o = g(() => n.value + nt.value);
-  return {
-    initialZIndex: n,
-    currentZIndex: o,
-    nextZIndex: () => (nt.value++, o.value)
-  };
-}, Er = Symbol(), ot = v();
-function br(e, t = void 0) {
-  const n = ee() ? Q(Er, ot) : ot;
-  return g(() => {
-    var o, r;
-    return (r = (o = n.value) == null ? void 0 : o[e]) != null ? r : t;
-  });
-}
-var Fe = (e, t) => {
-  const n = e.__vccOpts || e;
-  for (const [o, r] of t)
-    n[o] = r;
-  return n;
-};
-const wr = te({
-  size: {
-    type: X([Number, String])
-  },
-  color: {
-    type: String
-  }
-}), Sr = j({
-  name: "ElIcon",
-  inheritAttrs: !1
-}), Tr = /* @__PURE__ */ j({
-  ...Sr,
-  props: wr,
-  setup(e) {
-    const t = e, n = ge("icon"), o = g(() => {
-      const { size: r, color: s } = t;
-      return !r && !s ? {} : {
-        fontSize: Lo(r) ? void 0 : Re(r),
-        "--color": s
-      };
-    });
-    return (r, s) => (C(), $("i", $e({
-      class: m(n).b(),
-      style: m(o)
-    }, r.$attrs), [
-      w(r.$slots, "default")
-    ], 16));
-  }
-});
-var Cr = /* @__PURE__ */ Fe(Tr, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/icon/src/icon.vue"]]);
-const Nr = Tt(Cr), we = "focus-trap.focus-after-trapped", Se = "focus-trap.focus-after-released", Or = "focus-trap.focusout-prevented", rt = {
-  cancelable: !0,
-  bubbles: !1
-}, Ir = {
-  cancelable: !0,
-  bubbles: !1
-}, st = "focusAfterTrapped", at = "focusAfterReleased", $r = Symbol("elFocusTrap"), Me = v(), _e = v(0), ze = v(0);
-let ae = 0;
-const kt = (e) => {
-  const t = [], n = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
-    acceptNode: (o) => {
-      const r = o.tagName === "INPUT" && o.type === "hidden";
-      return o.disabled || o.hidden || r ? NodeFilter.FILTER_SKIP : o.tabIndex >= 0 || o === document.activeElement ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
-    }
-  });
-  for (; n.nextNode(); )
-    t.push(n.currentNode);
-  return t;
-}, it = (e, t) => {
-  for (const n of e)
-    if (!Lr(n, t))
-      return n;
-}, Lr = (e, t) => {
-  if (process.env.NODE_ENV === "test")
-    return !1;
-  if (getComputedStyle(e).visibility === "hidden")
-    return !0;
-  for (; e; ) {
-    if (t && e === t)
-      return !1;
-    if (getComputedStyle(e).display === "none")
-      return !0;
-    e = e.parentElement;
-  }
-  return !1;
-}, Dr = (e) => {
-  const t = kt(e), n = it(t, e), o = it(t.reverse(), e);
-  return [n, o];
-}, kr = (e) => e instanceof HTMLInputElement && "select" in e, I = (e, t) => {
-  if (e && e.focus) {
-    const n = document.activeElement;
-    e.focus({ preventScroll: !0 }), ze.value = window.performance.now(), e !== n && kr(e) && t && e.select();
-  }
-};
-function lt(e, t) {
-  const n = [...e], o = e.indexOf(t);
-  return o !== -1 && n.splice(o, 1), n;
-}
-const Pr = () => {
-  let e = [];
-  return {
-    push: (o) => {
-      const r = e[0];
-      r && o !== r && r.pause(), e = lt(e, o), e.unshift(o);
-    },
-    remove: (o) => {
-      var r, s;
-      e = lt(e, o), (s = (r = e[0]) == null ? void 0 : r.resume) == null || s.call(r);
-    }
-  };
-}, Ar = (e, t = !1) => {
-  const n = document.activeElement;
-  for (const o of e)
-    if (I(o, t), document.activeElement !== n)
-      return;
-}, ct = Pr(), Rr = () => _e.value > ze.value, ie = () => {
-  Me.value = "pointer", _e.value = window.performance.now();
-}, ut = () => {
-  Me.value = "keyboard", _e.value = window.performance.now();
-}, Fr = () => (pe(() => {
-  ae === 0 && (document.addEventListener("mousedown", ie), document.addEventListener("touchstart", ie), document.addEventListener("keydown", ut)), ae++;
-}), Ie(() => {
-  ae--, ae <= 0 && (document.removeEventListener("mousedown", ie), document.removeEventListener("touchstart", ie), document.removeEventListener("keydown", ut));
-}), {
-  focusReason: Me,
-  lastUserFocusTimestamp: _e,
-  lastAutomatedFocusTimestamp: ze
-}), le = (e) => new CustomEvent(Or, {
-  ...Ir,
-  detail: e
-}), Mr = j({
-  name: "ElFocusTrap",
-  inheritAttrs: !1,
-  props: {
-    loop: Boolean,
-    trapped: Boolean,
-    focusTrapEl: Object,
-    focusStartEl: {
-      type: [Object, String],
-      default: "first"
-    }
-  },
-  emits: [
-    st,
-    at,
-    "focusin",
-    "focusout",
-    "focusout-prevented",
-    "release-requested"
-  ],
-  setup(e, { emit: t }) {
-    const n = v();
-    let o, r;
-    const { focusReason: s } = Fr();
-    mr((i) => {
-      e.trapped && !l.paused && t("release-requested", i);
-    });
-    const l = {
-      paused: !1,
-      pause() {
-        this.paused = !0;
-      },
-      resume() {
-        this.paused = !1;
-      }
-    }, d = (i) => {
-      if (!e.loop && !e.trapped || l.paused)
-        return;
-      const { key: a, altKey: c, ctrlKey: u, metaKey: _, currentTarget: ne, shiftKey: oe } = i, { loop: Y } = e, G = a === Ct.tab && !c && !u && !_, O = document.activeElement;
-      if (G && O) {
-        const W = ne, [V, L] = Dr(W);
-        if (V && L) {
-          if (!oe && O === L) {
-            const S = le({
-              focusReason: s.value
-            });
-            t("focusout-prevented", S), S.defaultPrevented || (i.preventDefault(), Y && I(V, !0));
-          } else if (oe && [V, W].includes(O)) {
-            const S = le({
-              focusReason: s.value
-            });
-            t("focusout-prevented", S), S.defaultPrevented || (i.preventDefault(), Y && I(L, !0));
-          }
-        } else if (O === W) {
-          const S = le({
-            focusReason: s.value
-          });
-          t("focusout-prevented", S), S.defaultPrevented || i.preventDefault();
-        }
-      }
-    };
-    jt($r, {
-      focusTrapRef: n,
-      onKeydown: d
-    }), F(() => e.focusTrapEl, (i) => {
-      i && (n.value = i);
-    }, { immediate: !0 }), F([n], ([i], [a]) => {
-      i && (i.addEventListener("keydown", d), i.addEventListener("focusin", p), i.addEventListener("focusout", y)), a && (a.removeEventListener("keydown", d), a.removeEventListener("focusin", p), a.removeEventListener("focusout", y));
-    });
-    const h = (i) => {
-      t(st, i);
-    }, f = (i) => t(at, i), p = (i) => {
-      const a = m(n);
-      if (!a)
-        return;
-      const c = i.target, u = i.relatedTarget, _ = c && a.contains(c);
-      e.trapped || u && a.contains(u) || (o = u), _ && t("focusin", i), !l.paused && e.trapped && (_ ? r = c : I(r, !0));
-    }, y = (i) => {
-      const a = m(n);
-      if (!(l.paused || !a))
-        if (e.trapped) {
-          const c = i.relatedTarget;
-          !Io(c) && !a.contains(c) && setTimeout(() => {
-            if (!l.paused && e.trapped) {
-              const u = le({
-                focusReason: s.value
-              });
-              t("focusout-prevented", u), u.defaultPrevented || I(r, !0);
-            }
-          }, 0);
-        } else {
-          const c = i.target;
-          c && a.contains(c) || t("focusout", i);
-        }
-    };
-    async function T() {
-      await Te();
-      const i = m(n);
-      if (i) {
-        ct.push(l);
-        const a = i.contains(document.activeElement) ? o : document.activeElement;
-        if (o = a, !i.contains(a)) {
-          const u = new Event(we, rt);
-          i.addEventListener(we, h), i.dispatchEvent(u), u.defaultPrevented || Te(() => {
-            let _ = e.focusStartEl;
-            ve(_) || (I(_), document.activeElement !== _ && (_ = "first")), _ === "first" && Ar(kt(i), !0), (document.activeElement === a || _ === "container") && I(i);
-          });
-        }
-      }
-    }
-    function b() {
-      const i = m(n);
-      if (i) {
-        i.removeEventListener(we, h);
-        const a = new CustomEvent(Se, {
-          ...rt,
-          detail: {
-            focusReason: s.value
-          }
-        });
-        i.addEventListener(Se, f), i.dispatchEvent(a), !a.defaultPrevented && (s.value == "keyboard" || !Rr() || i.contains(document.activeElement)) && I(o ?? document.body), i.removeEventListener(Se, f), ct.remove(l);
-      }
-    }
-    return pe(() => {
-      e.trapped && T(), F(() => e.trapped, (i) => {
-        i ? T() : b();
-      });
-    }), Ie(() => {
-      e.trapped && b();
-    }), {
-      onKeydown: d
-    };
-  }
-});
-function zr(e, t, n, o, r, s) {
-  return w(e.$slots, "default", { handleKeydown: e.onKeydown });
-}
-var jr = /* @__PURE__ */ Fe(Mr, [["render", zr], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/focus-trap/src/focus-trap.vue"]]);
-const Br = te({
-  mask: {
-    type: Boolean,
-    default: !0
-  },
-  customMaskEvent: {
-    type: Boolean,
-    default: !1
-  },
-  overlayClass: {
-    type: X([
-      String,
-      Array,
-      Object
-    ])
-  },
-  zIndex: {
-    type: X([String, Number])
-  }
-}), Vr = {
-  click: (e) => e instanceof MouseEvent
-}, xr = "overlay";
-var Ur = j({
-  name: "ElOverlay",
-  props: Br,
-  emits: Vr,
-  setup(e, { slots: t, emit: n }) {
-    const o = ge(xr), r = (h) => {
-      n("click", h);
-    }, { onClick: s, onMousedown: l, onMouseup: d } = pr(e.customMaskEvent ? void 0 : r);
-    return () => e.mask ? A("div", {
-      class: [o.b(), e.overlayClass],
-      style: {
-        zIndex: e.zIndex
-      },
-      onClick: s,
-      onMousedown: l,
-      onMouseup: d
-    }, [w(t, "default")], ue.STYLE | ue.CLASS | ue.PROPS, ["onClick", "onMouseup", "onMousedown"]) : Bt("div", {
-      class: e.overlayClass,
-      style: {
-        zIndex: e.zIndex,
-        position: "fixed",
-        top: "0px",
-        right: "0px",
-        bottom: "0px",
-        left: "0px"
-      }
-    }, [w(t, "default")]);
-  }
-});
-const Kr = Ur, Hr = te({
-  center: Boolean,
-  alignCenter: Boolean,
-  closeIcon: {
-    type: Uo
-  },
-  customClass: {
-    type: String,
-    default: ""
-  },
-  draggable: Boolean,
-  fullscreen: Boolean,
-  showClose: {
-    type: Boolean,
-    default: !0
-  },
-  title: {
-    type: String,
-    default: ""
-  },
-  ariaLevel: {
-    type: String,
-    default: "2"
-  }
-}), Yr = te({
-  ...Hr,
-  appendToBody: Boolean,
-  beforeClose: {
-    type: X(Function)
-  },
-  destroyOnClose: Boolean,
-  closeOnClickModal: {
-    type: Boolean,
-    default: !0
-  },
-  closeOnPressEscape: {
-    type: Boolean,
-    default: !0
-  },
-  lockScroll: {
-    type: Boolean,
-    default: !0
-  },
-  modal: {
-    type: Boolean,
-    default: !0
-  },
-  openDelay: {
-    type: Number,
-    default: 0
-  },
-  closeDelay: {
-    type: Number,
-    default: 0
-  },
-  top: {
-    type: String
-  },
-  modelValue: Boolean,
-  modalClass: String,
-  width: {
-    type: [String, Number]
-  },
-  zIndex: {
-    type: Number
-  },
-  trapFocus: {
-    type: Boolean,
-    default: !1
-  },
-  headerAriaLevel: {
-    type: String,
-    default: "2"
-  }
-}), Gr = {
-  open: () => !0,
-  opened: () => !0,
-  close: () => !0,
-  closed: () => !0,
-  [Nt]: (e) => Do(e),
-  openAutoFocus: () => !0,
-  closeAutoFocus: () => !0
-}, Wr = (e, t) => {
-  var n;
-  const r = ee().emit, { nextZIndex: s } = _r();
-  let l = "";
-  const d = et(), h = et(), f = v(!1), p = v(!1), y = v(!1), T = v((n = e.zIndex) != null ? n : s());
-  let b, i;
-  const a = br("namespace", de), c = g(() => {
-    const E = {}, D = `--${a.value}-dialog`;
-    return e.fullscreen || (e.top && (E[`${D}-margin-top`] = e.top), e.width && (E[`${D}-width`] = Re(e.width))), E;
-  }), u = g(() => e.alignCenter ? { display: "flex" } : {});
-  function _() {
-    r("opened");
-  }
-  function ne() {
-    r("closed"), r(Nt, !1), e.destroyOnClose && (y.value = !1);
-  }
-  function oe() {
-    r("close");
-  }
-  function Y() {
-    i == null || i(), b == null || b(), e.openDelay && e.openDelay > 0 ? { stop: b } = Ke(() => V(), e.openDelay) : V();
-  }
-  function G() {
-    b == null || b(), i == null || i(), e.closeDelay && e.closeDelay > 0 ? { stop: i } = Ke(() => L(), e.closeDelay) : L();
-  }
-  function O() {
-    function E(D) {
-      D || (p.value = !0, f.value = !1);
-    }
-    e.beforeClose ? e.beforeClose(E) : G();
-  }
-  function W() {
-    e.closeOnClickModal && O();
-  }
-  function V() {
-    N && (f.value = !0);
-  }
-  function L() {
-    f.value = !1;
-  }
-  function je() {
-    r("openAutoFocus");
-  }
-  function S() {
-    r("closeAutoFocus");
-  }
-  function Pt(E) {
-    var D;
-    ((D = E.detail) == null ? void 0 : D.focusReason) === "pointer" && E.preventDefault();
-  }
-  e.lockScroll && fr(f);
-  function At() {
-    e.closeOnPressEscape && O();
-  }
-  return F(() => e.modelValue, (E) => {
-    E ? (p.value = !1, Y(), y.value = !0, T.value = $o(e.zIndex) ? s() : T.value++, Te(() => {
-      r("open"), t.value && (t.value.scrollTop = 0);
-    })) : f.value && G();
-  }), F(() => e.fullscreen, (E) => {
-    t.value && (E ? (l = t.value.style.transform, t.value.style.transform = "") : t.value.style.transform = l);
-  }), pe(() => {
-    e.modelValue && (f.value = !0, y.value = !0, Y());
-  }), {
-    afterEnter: _,
-    afterLeave: ne,
-    beforeLeave: oe,
-    handleClose: O,
-    onModalClick: W,
-    close: G,
-    doClose: L,
-    onOpenAutoFocus: je,
-    onCloseAutoFocus: S,
-    onCloseRequested: At,
-    onFocusoutPrevented: Pt,
-    titleId: d,
-    bodyId: h,
-    closed: p,
-    style: c,
-    overlayDialogStyle: u,
-    rendered: y,
-    visible: f,
-    zIndex: T
-  };
-}, Jr = te({
-  ...Yr,
-  direction: {
-    type: String,
-    default: "rtl",
-    values: ["ltr", "rtl", "ttb", "btt"]
-  },
-  size: {
-    type: [String, Number],
-    default: "30%"
-  },
-  withHeader: {
-    type: Boolean,
-    default: !0
-  },
-  modalFade: {
-    type: Boolean,
-    default: !0
-  },
-  headerAriaLevel: {
-    type: String,
-    default: "2"
-  }
-}), qr = Gr, Zr = j({
-  name: "ElDrawer",
-  components: {
-    ElOverlay: Kr,
-    ElFocusTrap: jr,
-    ElIcon: Nr,
-    Close: Bo
-  },
-  inheritAttrs: !1,
-  props: Jr,
-  emits: qr,
-  setup(e, { slots: t }) {
-    Ze({
-      scope: "el-drawer",
-      from: "the title slot",
-      replacement: "the header slot",
-      version: "3.0.0",
-      ref: "https://element-plus.org/en-US/component/drawer.html#slots"
-    }, g(() => !!t.title)), Ze({
-      scope: "el-drawer",
-      from: "custom-class",
-      replacement: "class",
-      version: "2.3.0",
-      ref: "https://element-plus.org/en-US/component/drawer.html#attributes",
-      type: "Attribute"
-    }, g(() => !!e.customClass));
-    const n = v(), o = v(), r = ge("drawer"), { t: s } = Jo(), l = g(() => e.direction === "rtl" || e.direction === "ltr"), d = g(() => Re(e.size));
-    return {
-      ...Wr(e, n),
-      drawerRef: n,
-      focusStartRef: o,
-      isHorizontal: l,
-      drawerSize: d,
-      ns: r,
-      t: s
-    };
-  }
-}), Xr = ["aria-label", "aria-labelledby", "aria-describedby"], Qr = ["id", "aria-level"], es = ["aria-label"], ts = ["id"];
-function ns(e, t, n, o, r, s) {
-  const l = re("close"), d = re("el-icon"), h = re("el-focus-trap"), f = re("el-overlay");
-  return C(), Vt(xt, {
-    to: "body",
-    disabled: !e.appendToBody
-  }, [
-    A(Ut, {
-      name: e.ns.b("fade"),
-      onAfterEnter: e.afterEnter,
-      onAfterLeave: e.afterLeave,
-      onBeforeLeave: e.beforeLeave,
-      persisted: ""
-    }, {
-      default: R(() => [
-        Kt(A(f, {
-          mask: e.modal,
-          "overlay-class": e.modalClass,
-          "z-index": e.zIndex,
-          onClick: e.onModalClick
-        }, {
-          default: R(() => [
-            A(h, {
-              loop: "",
-              trapped: e.visible,
-              "focus-trap-el": e.drawerRef,
-              "focus-start-el": e.focusStartRef,
-              onReleaseRequested: e.onCloseRequested
-            }, {
-              default: R(() => [
-                fe("div", $e({
-                  ref: "drawerRef",
-                  "aria-modal": "true",
-                  "aria-label": e.title || void 0,
-                  "aria-labelledby": e.title ? void 0 : e.titleId,
-                  "aria-describedby": e.bodyId
-                }, e.$attrs, {
-                  class: [e.ns.b(), e.direction, e.visible && "open", e.customClass],
-                  style: e.isHorizontal ? "width: " + e.drawerSize : "height: " + e.drawerSize,
-                  role: "dialog",
-                  onClick: t[1] || (t[1] = Ht(() => {
-                  }, ["stop"]))
-                }), [
-                  fe("span", {
-                    ref: "focusStartRef",
-                    class: k(e.ns.e("sr-focus")),
-                    tabindex: "-1"
-                  }, null, 2),
-                  e.withHeader ? (C(), $("header", {
-                    key: 0,
-                    class: k(e.ns.e("header"))
-                  }, [
-                    e.$slots.title ? w(e.$slots, "title", { key: 1 }, () => [
-                      x(" DEPRECATED SLOT ")
-                    ]) : w(e.$slots, "header", {
-                      key: 0,
-                      close: e.handleClose,
-                      titleId: e.titleId,
-                      titleClass: e.ns.e("title")
-                    }, () => [
-                      e.$slots.title ? x("v-if", !0) : (C(), $("span", {
-                        key: 0,
-                        id: e.titleId,
-                        role: "heading",
-                        "aria-level": e.headerAriaLevel,
-                        class: k(e.ns.e("title"))
-                      }, Yt(e.title), 11, Qr))
-                    ]),
-                    e.showClose ? (C(), $("button", {
-                      key: 2,
-                      "aria-label": e.t("el.drawer.close"),
-                      class: k(e.ns.e("close-btn")),
-                      type: "button",
-                      onClick: t[0] || (t[0] = (...p) => e.handleClose && e.handleClose(...p))
-                    }, [
-                      A(d, {
-                        class: k(e.ns.e("close"))
-                      }, {
-                        default: R(() => [
-                          A(l)
-                        ]),
-                        _: 1
-                      }, 8, ["class"])
-                    ], 10, es)) : x("v-if", !0)
-                  ], 2)) : x("v-if", !0),
-                  e.rendered ? (C(), $("div", {
-                    key: 1,
-                    id: e.bodyId,
-                    class: k(e.ns.e("body"))
-                  }, [
-                    w(e.$slots, "default")
-                  ], 10, ts)) : x("v-if", !0),
-                  e.$slots.footer ? (C(), $("div", {
-                    key: 2,
-                    class: k(e.ns.e("footer"))
-                  }, [
-                    w(e.$slots, "footer")
-                  ], 2)) : x("v-if", !0)
-                ], 16, Xr)
-              ]),
-              _: 3
-            }, 8, ["trapped", "focus-trap-el", "focus-start-el", "onReleaseRequested"])
-          ]),
-          _: 3
-        }, 8, ["mask", "overlay-class", "z-index", "onClick"]), [
-          [Gt, e.visible]
-        ])
-      ]),
-      _: 3
-    }, 8, ["name", "onAfterEnter", "onAfterLeave", "onBeforeLeave"])
-  ], 8, ["disabled"]);
-}
-var os = /* @__PURE__ */ Fe(Zr, [["render", ns], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/drawer/src/drawer.vue"]]);
-const rs = Tt(os), ss = { class: "das-ui-drawer" }, as = /* @__PURE__ */ j({
+import { withInstall as u } from "@das-fed/utils/with-install/index";
+import { defineComponent as f, ref as m, openBlock as w, createElementBlock as h, createVNode as y, unref as s, mergeProps as _, createSlots as v, withCtx as l, createElementVNode as g, normalizeStyle as $, renderSlot as i, normalizeProps as n, guardReactiveProps as p } from "vue";
+import { ElDrawer as b } from "element-plus";
+import "element-plus/es/components/drawer/style/css";
+import { getVar as c, setThemeRule as k } from "@das-fed/web/packages/theme/index";
+const D = { class: "das-ui-drawer" }, S = /* @__PURE__ */ f({
   __name: "Index",
   props: {
     title: {},
     bodyStyle: { type: [Boolean, null, String, Object, Array] }
   },
-  setup(e, { expose: t }) {
-    let n = e;
-    const o = v(null);
-    return t({
-      $drawer: o
-    }), (r, s) => (C(), $("div", ss, [
-      A(m(rs), $e({
+  setup(o, { expose: a }) {
+    let r = o;
+    const t = m(null);
+    return a({
+      $drawer: t
+    }), (e, E) => (w(), h("div", D, [
+      y(s(b), _({
         ref_key: "$drawer",
-        ref: o,
-        title: m(n).title
-      }, r.$attrs), Wt({
-        default: R(() => [
-          fe(
-            "div",
-            {
-              class: "das-drawer__body",
-              style: Jt(m(n).bodyStyle)
-            },
-            [
-              w(r.$slots, "default", {}, void 0, !0)
-            ],
-            4
-            /* STYLE */
-          )
+        ref: t,
+        title: s(r).title
+      }, e.$attrs), v({
+        default: l(() => [
+          g("div", {
+            class: "das-drawer__body",
+            style: $(s(r).bodyStyle)
+          }, [
+            i(e.$slots, "default", {}, void 0, !0)
+          ], 4)
         ]),
         _: 2
-        /* DYNAMIC */
       }, [
-        r.$slots.header ? {
+        e.$slots.header ? {
           name: "header",
-          fn: R((l) => [
-            w(r.$slots, "header", Be(Ve(l)), void 0, !0)
+          fn: l((d) => [
+            i(e.$slots, "header", n(p(d)), void 0, !0)
           ]),
           key: "0"
         } : void 0,
-        r.$slots.footer ? {
+        e.$slots.footer ? {
           name: "footer",
-          fn: R((l) => [
-            w(r.$slots, "footer", Be(Ve(l)), void 0, !0)
+          fn: l((d) => [
+            i(e.$slots, "footer", n(p(d)), void 0, !0)
           ]),
           key: "1"
         } : void 0
       ]), 1040, ["title"])
     ]));
   }
-}), is = (e, t) => {
-  const n = e.__vccOpts || e;
-  for (const [o, r] of t)
-    n[o] = r;
-  return n;
-}, ls = /* @__PURE__ */ is(as, [["__scopeId", "data-v-488c08d3"]]), cs = {
+}), x = (o, a) => {
+  const r = o.__vccOpts || o;
+  for (const [t, e] of a)
+    r[t] = e;
+  return r;
+}, z = /* @__PURE__ */ x(S, [["__scopeId", "data-v-488c08d3"]]), B = {
   "--das-ui-drawer-border": "#D9D9D9",
   // 边框线条设置
-  "--das-ui-drawer-header-color": xe("--das-ui-color-normal"),
+  "--das-ui-drawer-header-color": c("--das-ui-color-normal"),
   // 抽屉-头部-字体颜色
   "--das-ui-drawer-header-height": "50px",
   // 抽屉-头部-高度
@@ -1637,14 +66,14 @@ const rs = Tt(os), ss = { class: "das-ui-drawer" }, as = /* @__PURE__ */ j({
   // 抽屉-头部-字体大小
   "--das-ui-drawer-close-font-size": "16px",
   // 抽屉-关闭按钮-字体大小
-  "--das-ui-drawer-close-color": xe("--das-ui-color-help"),
+  "--das-ui-drawer-close-color": c("--das-ui-color-help"),
   // 抽屉-关闭按钮-颜色
   "--das-ui-drawer-body-padding": "16px"
   // 抽屉-内容-padding
 };
-qt(cs);
-const ps = Rt(ls);
+k(B);
+const O = u(z);
 export {
-  ps as DasDrawer,
-  ps as default
+  O as DasDrawer,
+  O as default
 };