@das-fed/ui 6.4.0-dev.9 → 6.4.0-hot.10

package/packages/components/drawer/index.js

@@ -1,1635 +1,69 @@
 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 de, warn as zt, watch as F, inject as Q, computed as g, isRef as ft, getCurrentInstance as ee, onMounted as fe, onBeforeUnmount as Ie, mergeProps as $e, renderSlot as w, provide as jt, nextTick as Te, createVNode as A, h as Vt, resolveComponent as re, createBlock as Bt, 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 Ve, guardReactiveProps as Be } 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 _e = () => {
-}, Qt = Object.prototype.hasOwnProperty, He = (e, t) => Qt.call(e, t), pe = (e) => typeof e == "string", pt = (e) => e !== null && typeof e == "object", en = (e) => {
-  const t = /* @__PURE__ */ Object.create(null);
-  return (n) => t[n] || (t[n] = e(n));
-}, tn = /-(\w)/g, nn = en((e) => e.replace(tn, (t, n) => n ? n.toUpperCase() : ""));
-var on = typeof global == "object" && global && global.Object === Object && global, rn = typeof self == "object" && self && self.Object === Object && self, De = on || rn || Function("return this")(), K = De.Symbol, vt = Object.prototype, sn = vt.hasOwnProperty, an = vt.toString, J = K ? K.toStringTag : void 0;
-function ln(e) {
-  var t = sn.call(e, J), n = e[J];
-  try {
-    e[J] = void 0;
-    var o = !0;
-  } catch {
-  }
-  var r = an.call(e);
-  return o && (t ? e[J] = n : delete e[J]), r;
-}
-var cn = Object.prototype, un = cn.toString;
-function dn(e) {
-  return un.call(e);
-}
-var fn = "[object Null]", pn = "[object Undefined]", Ye = K ? K.toStringTag : void 0;
-function ht(e) {
-  return e == null ? e === void 0 ? pn : fn : Ye && Ye in Object(e) ? ln(e) : dn(e);
-}
-function vn(e) {
-  return e != null && typeof e == "object";
-}
-var hn = "[object Symbol]";
-function Le(e) {
-  return typeof e == "symbol" || vn(e) && ht(e) == hn;
-}
-function mn(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, yn = 1 / 0, Ge = K ? K.prototype : void 0, We = Ge ? Ge.toString : void 0;
-function mt(e) {
-  if (typeof e == "string")
-    return e;
-  if (ke(e))
-    return mn(e, mt) + "";
-  if (Le(e))
-    return We ? We.call(e) : "";
-  var t = e + "";
-  return t == "0" && 1 / e == -yn ? "-0" : t;
-}
-function yt(e) {
-  var t = typeof e;
-  return e != null && (t == "object" || t == "function");
-}
-var gn = "[object AsyncFunction]", _n = "[object Function]", En = "[object GeneratorFunction]", bn = "[object Proxy]";
-function wn(e) {
-  if (!yt(e))
-    return !1;
-  var t = ht(e);
-  return t == _n || t == En || t == gn || t == bn;
-}
-var Ee = De["__core-js_shared__"], Je = function() {
-  var e = /[^.]+$/.exec(Ee && Ee.keys && Ee.keys.IE_PROTO || "");
-  return e ? "Symbol(src)_1." + e : "";
-}();
-function Sn(e) {
-  return !!Je && Je in e;
-}
-var Tn = Function.prototype, Cn = Tn.toString;
-function Nn(e) {
-  if (e != null) {
-    try {
-      return Cn.call(e);
-    } catch {
-    }
-    try {
-      return e + "";
-    } catch {
-    }
-  }
-  return "";
-}
-var On = /[\\^$.*+?()[\]{}|]/g, In = /^\[object .+?Constructor\]$/, $n = Function.prototype, Dn = Object.prototype, Ln = $n.toString, kn = Dn.hasOwnProperty, Pn = RegExp(
-  "^" + Ln.call(kn).replace(On, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
-);
-function An(e) {
-  if (!yt(e) || Sn(e))
-    return !1;
-  var t = wn(e) ? Pn : In;
-  return t.test(Nn(e));
-}
-function Rn(e, t) {
-  return e == null ? void 0 : e[t];
-}
-function gt(e, t) {
-  var n = Rn(e, t);
-  return An(n) ? n : void 0;
-}
-function Fn(e, t) {
-  return e === t || e !== e && t !== t;
-}
-var Mn = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, zn = /^\w*$/;
-function jn(e, t) {
-  if (ke(e))
-    return !1;
-  var n = typeof e;
-  return n == "number" || n == "symbol" || n == "boolean" || e == null || Le(e) ? !0 : zn.test(e) || !Mn.test(e) || t != null && e in Object(t);
-}
-var Z = gt(Object, "create");
-function Vn() {
-  this.__data__ = Z ? Z(null) : {}, this.size = 0;
-}
-function Bn(e) {
-  var t = this.has(e) && delete this.__data__[e];
-  return this.size -= t ? 1 : 0, t;
-}
-var xn = "__lodash_hash_undefined__", Un = Object.prototype, Kn = Un.hasOwnProperty;
-function Hn(e) {
-  var t = this.__data__;
-  if (Z) {
-    var n = t[e];
-    return n === xn ? void 0 : n;
-  }
-  return Kn.call(t, e) ? t[e] : void 0;
-}
-var Yn = Object.prototype, Gn = Yn.hasOwnProperty;
-function Wn(e) {
-  var t = this.__data__;
-  return Z ? t[e] !== void 0 : Gn.call(t, e);
-}
-var Jn = "__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 ? Jn : 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 = Vn;
-z.prototype.delete = Bn;
-z.prototype.get = Hn;
-z.prototype.has = Wn;
-z.prototype.set = qn;
-function Zn() {
-  this.__data__ = [], this.size = 0;
-}
-function ve(e, t) {
-  for (var n = e.length; n--; )
-    if (Fn(e[n][0], t))
-      return n;
-  return -1;
-}
-var Xn = Array.prototype, Qn = Xn.splice;
-function eo(e) {
-  var t = this.__data__, n = ve(t, e);
-  if (n < 0)
-    return !1;
-  var o = t.length - 1;
-  return n == o ? t.pop() : Qn.call(t, n, 1), --this.size, !0;
-}
-function to(e) {
-  var t = this.__data__, n = ve(t, e);
-  return n < 0 ? void 0 : t[n][1];
-}
-function no(e) {
-  return ve(this.__data__, e) > -1;
-}
-function oo(e, t) {
-  var n = this.__data__, o = ve(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 = Zn;
-H.prototype.delete = eo;
-H.prototype.get = to;
-H.prototype.has = no;
-H.prototype.set = oo;
-var ro = gt(De, "Map");
-function so() {
-  this.size = 0, this.__data__ = {
-    hash: new z(),
-    map: new (ro || H)(),
-    string: new z()
-  };
-}
-function ao(e) {
-  var t = typeof e;
-  return t == "string" || t == "number" || t == "symbol" || t == "boolean" ? e !== "__proto__" : e === null;
-}
-function he(e, t) {
-  var n = e.__data__;
-  return ao(t) ? n[typeof t == "string" ? "string" : "hash"] : n.map;
-}
-function io(e) {
-  var t = he(this, e).delete(e);
-  return this.size -= t ? 1 : 0, t;
-}
-function lo(e) {
-  return he(this, e).get(e);
-}
-function co(e) {
-  return he(this, e).has(e);
-}
-function uo(e, t) {
-  var n = he(this, e), o = n.size;
-  return n.set(e, t), this.size += n.size == o ? 0 : 1, this;
-}
-function V(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]);
-  }
-}
-V.prototype.clear = so;
-V.prototype.delete = io;
-V.prototype.get = lo;
-V.prototype.has = co;
-V.prototype.set = uo;
-var fo = "Expected a function";
-function Pe(e, t) {
-  if (typeof e != "function" || t != null && typeof t != "function")
-    throw new TypeError(fo);
-  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 || V)(), n;
-}
-Pe.Cache = V;
-var po = 500;
-function vo(e) {
-  var t = Pe(e, function(o) {
-    return n.size === po && n.clear(), o;
-  }), n = t.cache;
-  return t;
-}
-var ho = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g, mo = /\\(\\)?/g, yo = vo(function(e) {
-  var t = [];
-  return e.charCodeAt(0) === 46 && t.push(""), e.replace(ho, function(n, o, r, s) {
-    t.push(r ? s.replace(mo, "$1") : o || n);
-  }), t;
-});
-function go(e) {
-  return e == null ? "" : mt(e);
-}
-function _o(e, t) {
-  return ke(e) ? e : jn(e, t) ? [e] : yo(go(e));
-}
-var Eo = 1 / 0;
-function bo(e) {
-  if (typeof e == "string" || Le(e))
-    return e;
-  var t = e + "";
-  return t == "0" && 1 / e == -Eo ? "-0" : t;
-}
-function wo(e, t) {
-  t = _o(t, e);
-  for (var n = 0, o = t.length; e != null && n < o; )
-    e = e[bo(t[n++])];
-  return n && n == o ? e : void 0;
-}
-function So(e, t, n) {
-  var o = e == null ? void 0 : wo(e, t);
-  return o === void 0 ? n : o;
-}
-function To(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 Co(e) {
-  return e == null;
-}
-function No(e) {
-  return e === void 0;
-}
-const Oo = (e) => e === void 0, Io = (e) => typeof e == "boolean", _t = (e) => typeof e == "number", $o = (e) => pe(e) ? !Number.isNaN(Number(e)) : !1;
-class Et extends Error {
-  constructor(t) {
-    super(t), this.name = "ElementPlusError";
-  }
-}
-function Do(e, t) {
-  throw new Et(`[${e}] ${t}`);
-}
-function Ae(e, t) {
-  if (process.env.NODE_ENV !== "production") {
-    const n = pe(e) ? new Et(`[${e}] ${t}`) : e;
-  }
-}
-const Lo = "utils/dom/style", bt = (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);
-}, ko = (e, t) => {
-  !e || !t.trim() || e.classList.add(...bt(t));
-}, Po = (e, t) => {
-  !e || !t.trim() || e.classList.remove(...bt(t));
-}, Ao = (e, t) => {
-  var n;
-  if (!N || !e || !t)
-    return "";
-  let o = nn(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 (_t(e) || $o(e))
-    return `${e}${t}`;
-  if (pe(e))
-    return e;
-  Ae(Lo, "binding value must be a string or number");
-}
-let se;
-const Ro = (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 Fo = /* @__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"
-    }, [
-      de("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"
-      })
-    ]));
-  }
-}), Mo = Fo;
-const wt = "__epPropKey", X = (e) => e, zo = (e) => pt(e) && !!e[wt], jo = (e, t) => {
-  if (!pt(e) || zo(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,
-    [wt]: !0
-  };
-  return He(e, "default") && (h.default = r), h;
-}, te = (e) => To(Object.entries(e).map(([t, n]) => [
-  t,
-  jo(n, t)
-])), Vo = X([
-  String,
-  Object,
-  Function
-]), St = (e, t) => (e.install = (n) => {
-  for (const o of [e, ...Object.values({})])
-    n.component(o.name, o);
-}, e), Tt = {
-  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"
-}, Ct = "update:modelValue";
-var ce = /* @__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))(ce || {});
-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 Bo = {
-  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 xo = (e) => (t, n) => Uo(t, n, m(e)), Uo = (e, t, n) => So(n, e, e).replace(/\{(\w+)\}/g, (o, r) => {
-  var s;
-  return `${(s = t == null ? void 0 : t[r]) != null ? s : `{${r}}`}`;
-}), Ko = (e) => {
-  const t = g(() => m(e).name), n = ft(e) ? e : v(e);
-  return {
-    lang: t,
-    locale: n,
-    t: xo(e)
-  };
-}, Ho = Symbol("localeContextKey"), Yo = (e) => {
-  const t = Q(Ho, v());
-  return Ko(g(() => t.value || Bo));
-};
-/**
-* @vue/shared v3.4.31
-* (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 Go = () => {
-}, Nt = Object.assign, Wo = (e) => typeof e == "function", Jo = (e) => typeof e == "symbol", qo = (e, t) => !Object.is(e, t);
-/**
-* @vue/reactivity v3.4.31
-* (c) 2018-present Yuxi (Evan) You and Vue contributors
-* @license MIT
-**/
-function Ot(e, ...t) {
-}
-let Zo;
-function Xo(e, t = Zo) {
-  t && t.active && t.effects.push(e);
-}
-let q;
-class Qo {
-  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, Xo(this, r);
-  }
-  get dirty() {
-    if (this._dirtyLevel === 2 || this._dirtyLevel === 3) {
-      this._dirtyLevel = 1, tr();
-      for (let t = 0; t < this._depsLength; t++) {
-        const n = this.deps[t];
-        if (n.computed && (er(n.computed), this._dirtyLevel >= 4))
-          break;
-      }
-      this._dirtyLevel === 1 && (this._dirtyLevel = 0), nr();
-    }
-    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 er(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 tr() {
-  $t.push(M), M = !1;
-}
-function nr() {
-  const e = $t.pop();
-  M = e === void 0 ? !0 : e;
-}
-function or() {
-  Ce++;
-}
-function rr() {
-  for (Ce--; !Ce && Ne.length; )
-    Ne.shift()();
-}
-function sr(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, Nt({ effect: e }, n)));
-  }
-}
-const Ne = [];
-function ar(e, t, n) {
-  var o;
-  or();
-  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, Nt({ effect: r }, n))), r.trigger(), (!r._runnings || r.allowRecurse) && r._dirtyLevel !== 2 && (r._shouldSchedule = !1, r.scheduler && Ne.push(r.scheduler)));
-  }
-  rr();
-}
-const ir = (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(Jo)
-);
-function me(e) {
-  const t = e && e.__v_raw;
-  return t ? me(t) : e;
-}
-const lr = "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 Dt {
-  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 Qo(
-      () => 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 = me(this);
-    return (!t._cacheable || t.effect.dirty) && qo(t._value, t._value = t.effect.run()) && be(t, 4), ur(t), t.effect._dirtyLevel >= 2 && (process.env.NODE_ENV !== "production" && this._warnRecursive && Ot(lr, `
-
-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 cr(e, t, n = !1) {
-  let o, r;
-  const s = Wo(e);
-  s ? (o = e, r = process.env.NODE_ENV !== "production" ? () => {
-    Ot("Write operation failed: computed value is readonly");
-  } : Go) : (o = e.get, r = e.set);
-  const l = new Dt(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 ur(e) {
-  var t;
-  M && q && (e = me(e), sr(
-    q,
-    (t = e.dep) != null ? t : e.dep = ir(
-      () => e.dep = void 0,
-      e instanceof Dt ? e : void 0
-    ),
-    process.env.NODE_ENV !== "production" ? {
-      target: e,
-      type: "get",
-      key: "value"
-    } : void 0
-  ));
-}
-function be(e, t = 4, n, o) {
-  e = me(e);
-  const r = e.dep;
-  r && ar(
-    r,
-    t,
-    process.env.NODE_ENV !== "production" ? {
-      target: e,
-      type: "set",
-      key: "value",
-      newValue: n,
-      oldValue: o
-    } : void 0
-  );
-}
-const ue = "el", dr = "is-", P = (e, t, n, o, r) => {
-  let s = `${e}-${t}`;
-  return n && (s += `-${n}`), o && (s += `__${o}`), r && (s += `--${r}`), s;
-}, fr = Symbol("namespaceContextKey"), Lt = (e) => {
-  const t = ee() ? Q(fr, v(ue)) : v(ue);
-  return g(() => m(t) || ue);
-}, ye = (e, t) => {
-  const n = Lt();
-  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 ? `${dr}${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}`
-  };
-}, pr = (e, t = {}) => {
-  ft(e) || Do("[useLockscreen]", "You need to pass a ref param to this function");
-  const n = t.ns || ye("popup"), o = cr(() => n.bm("parent", "hidden"));
-  if (!N || qe(document.body, o.value))
-    return;
-  let r = 0, s = !1, l = "0";
-  const d = () => {
-    setTimeout(() => {
-      Po(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 = Ro(n.namespace.value);
-    const f = document.documentElement.clientHeight < document.body.scrollHeight, p = Ao(document.body, "overflowY");
-    r > 0 && (f || p === "scroll") && s && (document.body.style.width = `calc(100% - ${r}px)`), ko(document.body, o.value);
-  }), dt(() => d());
-}, vr = (e) => {
-  if (!e)
-    return { onClick: _e, onMousedown: _e, onMouseup: _e };
-  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
-}, hr = Symbol("elIdInjection"), mr = () => ee() ? Q(hr, Oe) : Oe, et = (e) => {
-  const t = mr();
-  !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 = Lt();
-  return g(() => m(e) || `${n.value}-id-${t.prefix}-${t.current++}`);
-};
-let U = [];
-const tt = (e) => {
-  const t = e;
-  t.key === Tt.esc && U.forEach((n) => n(t));
-}, yr = (e) => {
-  fe(() => {
-    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), gr = 2e3, _r = Symbol("zIndexContextKey"), Er = (e) => {
-  const t = ee() ? Q(_r, void 0) : void 0, n = g(() => {
-    const s = m(t);
-    return _t(s) ? s : gr;
-  }), o = g(() => n.value + nt.value);
-  return {
-    initialZIndex: n,
-    currentZIndex: o,
-    nextZIndex: () => (nt.value++, o.value)
-  };
-}, br = Symbol(), ot = v();
-function wr(e, t = void 0) {
-  const n = ee() ? Q(br, 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 Sr = te({
-  size: {
-    type: X([Number, String])
-  },
-  color: {
-    type: String
-  }
-}), Tr = j({
-  name: "ElIcon",
-  inheritAttrs: !1
-}), Cr = /* @__PURE__ */ j({
-  ...Tr,
-  props: Sr,
-  setup(e) {
-    const t = e, n = ye("icon"), o = g(() => {
-      const { size: r, color: s } = t;
-      return !r && !s ? {} : {
-        fontSize: Oo(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 Nr = /* @__PURE__ */ Fe(Cr, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/icon/src/icon.vue"]]);
-const Or = St(Nr), we = "focus-trap.focus-after-trapped", Se = "focus-trap.focus-after-released", Ir = "focus-trap.focusout-prevented", rt = {
-  cancelable: !0,
-  bubbles: !1
-}, $r = {
-  cancelable: !0,
-  bubbles: !1
-}, st = "focusAfterTrapped", at = "focusAfterReleased", Dr = Symbol("elFocusTrap"), Me = v(), ge = 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;
-}, kr = (e) => {
-  const t = kt(e), n = it(t, e), o = it(t.reverse(), e);
-  return [n, o];
-}, Pr = (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 && Pr(e) && t && e.select();
-  }
-};
-function lt(e, t) {
-  const n = [...e], o = e.indexOf(t);
-  return o !== -1 && n.splice(o, 1), n;
-}
-const Ar = () => {
-  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);
-    }
-  };
-}, Rr = (e, t = !1) => {
-  const n = document.activeElement;
-  for (const o of e)
-    if (I(o, t), document.activeElement !== n)
-      return;
-}, ct = Ar(), Fr = () => ge.value > ze.value, ie = () => {
-  Me.value = "pointer", ge.value = window.performance.now();
-}, ut = () => {
-  Me.value = "keyboard", ge.value = window.performance.now();
-}, Mr = () => (fe(() => {
-  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: ge,
-  lastAutomatedFocusTimestamp: ze
-}), le = (e) => new CustomEvent(Ir, {
-  ...$r,
-  detail: e
-}), zr = 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 } = Mr();
-    yr((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 === Tt.tab && !c && !u && !_, O = document.activeElement;
-      if (G && O) {
-        const W = ne, [B, D] = kr(W);
-        if (B && D) {
-          if (!oe && O === D) {
-            const S = le({
-              focusReason: s.value
-            });
-            t("focusout-prevented", S), S.defaultPrevented || (i.preventDefault(), Y && I(B, !0));
-          } else if (oe && [B, W].includes(O)) {
-            const S = le({
-              focusReason: s.value
-            });
-            t("focusout-prevented", S), S.defaultPrevented || (i.preventDefault(), Y && I(D, !0));
-          }
-        } else if (O === W) {
-          const S = le({
-            focusReason: s.value
-          });
-          t("focusout-prevented", S), S.defaultPrevented || i.preventDefault();
-        }
-      }
-    };
-    jt(Dr, {
-      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;
-          !Co(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;
-            pe(_) || (I(_), document.activeElement !== _ && (_ = "first")), _ === "first" && Rr(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" || !Fr() || i.contains(document.activeElement)) && I(o ?? document.body), i.removeEventListener(Se, f), ct.remove(l);
-      }
-    }
-    return fe(() => {
-      e.trapped && T(), F(() => e.trapped, (i) => {
-        i ? T() : b();
-      });
-    }), Ie(() => {
-      e.trapped && b();
-    }), {
-      onKeydown: d
-    };
-  }
-});
-function jr(e, t, n, o, r, s) {
-  return w(e.$slots, "default", { handleKeydown: e.onKeydown });
-}
-var Vr = /* @__PURE__ */ Fe(zr, [["render", jr], ["__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])
-  }
-}), xr = {
-  click: (e) => e instanceof MouseEvent
-}, Ur = "overlay";
-var Kr = j({
-  name: "ElOverlay",
-  props: Br,
-  emits: xr,
-  setup(e, { slots: t, emit: n }) {
-    const o = ye(Ur), r = (h) => {
-      n("click", h);
-    }, { onClick: s, onMousedown: l, onMouseup: d } = vr(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")], ce.STYLE | ce.CLASS | ce.PROPS, ["onClick", "onMouseup", "onMousedown"]) : Vt("div", {
-      class: e.overlayClass,
-      style: {
-        zIndex: e.zIndex,
-        position: "fixed",
-        top: "0px",
-        right: "0px",
-        bottom: "0px",
-        left: "0px"
-      }
-    }, [w(t, "default")]);
-  }
-});
-const Hr = Kr, Yr = te({
-  center: Boolean,
-  alignCenter: Boolean,
-  closeIcon: {
-    type: Vo
-  },
-  customClass: {
-    type: String,
-    default: ""
-  },
-  draggable: Boolean,
-  fullscreen: Boolean,
-  showClose: {
-    type: Boolean,
-    default: !0
-  },
-  title: {
-    type: String,
-    default: ""
-  },
-  ariaLevel: {
-    type: String,
-    default: "2"
-  }
-}), Gr = te({
-  ...Yr,
-  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"
-  }
-}), Wr = {
-  open: () => !0,
-  opened: () => !0,
-  close: () => !0,
-  closed: () => !0,
-  [Ct]: (e) => Io(e),
-  openAutoFocus: () => !0,
-  closeAutoFocus: () => !0
-}, Jr = (e, t) => {
-  var n;
-  const r = ee().emit, { nextZIndex: s } = Er();
-  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 = wr("namespace", ue), c = g(() => {
-    const E = {}, L = `--${a.value}-dialog`;
-    return e.fullscreen || (e.top && (E[`${L}-margin-top`] = e.top), e.width && (E[`${L}-width`] = Re(e.width))), E;
-  }), u = g(() => e.alignCenter ? { display: "flex" } : {});
-  function _() {
-    r("opened");
-  }
-  function ne() {
-    r("closed"), r(Ct, !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(() => B(), e.openDelay) : B();
-  }
-  function G() {
-    b == null || b(), i == null || i(), e.closeDelay && e.closeDelay > 0 ? { stop: i } = Ke(() => D(), e.closeDelay) : D();
-  }
-  function O() {
-    function E(L) {
-      L || (p.value = !0, f.value = !1);
-    }
-    e.beforeClose ? e.beforeClose(E) : G();
-  }
-  function W() {
-    e.closeOnClickModal && O();
-  }
-  function B() {
-    N && (f.value = !0);
-  }
-  function D() {
-    f.value = !1;
-  }
-  function je() {
-    r("openAutoFocus");
-  }
-  function S() {
-    r("closeAutoFocus");
-  }
-  function Pt(E) {
-    var L;
-    ((L = E.detail) == null ? void 0 : L.focusReason) === "pointer" && E.preventDefault();
-  }
-  e.lockScroll && pr(f);
-  function At() {
-    e.closeOnPressEscape && O();
-  }
-  return F(() => e.modelValue, (E) => {
-    E ? (p.value = !1, Y(), y.value = !0, T.value = No(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);
-  }), fe(() => {
-    e.modelValue && (f.value = !0, y.value = !0, Y());
-  }), {
-    afterEnter: _,
-    afterLeave: ne,
-    beforeLeave: oe,
-    handleClose: O,
-    onModalClick: W,
-    close: G,
-    doClose: D,
-    onOpenAutoFocus: je,
-    onCloseAutoFocus: S,
-    onCloseRequested: At,
-    onFocusoutPrevented: Pt,
-    titleId: d,
-    bodyId: h,
-    closed: p,
-    style: c,
-    overlayDialogStyle: u,
-    rendered: y,
-    visible: f,
-    zIndex: T
-  };
-}, qr = te({
-  ...Gr,
-  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"
-  }
-}), Zr = Wr, Xr = j({
-  name: "ElDrawer",
-  components: {
-    ElOverlay: Hr,
-    ElFocusTrap: Vr,
-    ElIcon: Or,
-    Close: Mo
-  },
-  inheritAttrs: !1,
-  props: qr,
-  emits: Zr,
-  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 = ye("drawer"), { t: s } = Yo(), l = g(() => e.direction === "rtl" || e.direction === "ltr"), d = g(() => Re(e.size));
-    return {
-      ...Jr(e, n),
-      drawerRef: n,
-      focusStartRef: o,
-      isHorizontal: l,
-      drawerSize: d,
-      ns: r,
-      t: s
-    };
-  }
-}), Qr = ["aria-label", "aria-labelledby", "aria-describedby"], es = ["id", "aria-level"], ts = ["aria-label"], ns = ["id"];
-function os(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(), Bt(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(() => [
-                de("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"]))
-                }), [
-                  de("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, es))
-                    ]),
-                    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, ts)) : 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, ns)) : 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, Qr)
-              ]),
-              _: 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 rs = /* @__PURE__ */ Fe(Xr, [["render", os], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/drawer/src/drawer.vue"]]);
-const ss = St(rs), as = { class: "das-ui-drawer" }, is = /* @__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", as, [
-      A(m(ss), $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(() => [
-          de("div", {
-            class: "das-drawer__body",
-            style: Jt(m(n).bodyStyle)
-          }, [
-            w(r.$slots, "default", {}, void 0, !0)
-          ], 4)
+        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
+            /* STYLE */
+          )
         ]),
         _: 2
+        /* DYNAMIC */
       }, [
-        r.$slots.header ? {
+        e.$slots.header ? {
           name: "header",
-          fn: R((l) => [
-            w(r.$slots, "header", Ve(Be(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", Ve(Be(l)), void 0, !0)
+          fn: l((d) => [
+            i(e.$slots, "footer", n(p(d)), void 0, !0)
           ]),
           key: "1"
         } : void 0
       ]), 1040, ["title"])
     ]));
   }
-}), ls = (e, t) => {
-  const n = e.__vccOpts || e;
-  for (const [o, r] of t)
-    n[o] = r;
-  return n;
-}, cs = /* @__PURE__ */ ls(is, [["__scopeId", "data-v-488c08d3"]]), us = {
+}), 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",
   // 抽屉-头部-高度
@@ -1639,14 +73,14 @@ const ss = St(rs), as = { class: "das-ui-drawer" }, is = /* @__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(us);
-const vs = Rt(cs);
+k(B);
+const O = u(z);
 export {
-  vs as DasDrawer,
-  vs as default
+  O as DasDrawer,
+  O as default
 };