@das-fed/ui 6.4.0-hot.1 → 6.4.0-hot.2

package/packages/components/drawer/index.js

@@ -1,62 +1,1637 @@
-import '@das-fed/ui/packages/components/drawer/style.css';
-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({
+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 "element-plus/theme-chalk/base.css";
+import "element-plus/theme-chalk/el-drawer.css";
+import "element-plus/theme-chalk/el-overlay.css";
+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({
   __name: "Index",
   props: {
     title: {},
     bodyStyle: { type: [Boolean, null, String, Object, Array] }
   },
-  setup(o, { expose: a }) {
-    let r = o;
-    const t = m(null);
-    return a({
-      $drawer: t
-    }), (e, E) => (w(), h("div", D, [
-      y(s(b), _({
+  setup(e, { expose: t }) {
+    let n = e;
+    const o = v(null);
+    return t({
+      $drawer: o
+    }), (r, s) => (C(), $("div", as, [
+      A(m(ss), $e({
         ref_key: "$drawer",
-        ref: t,
-        title: s(r).title
-      }, e.$attrs), v({
-        default: l(() => [
-          g("div", {
+        ref: o,
+        title: m(n).title
+      }, r.$attrs), Wt({
+        default: R(() => [
+          de("div", {
             class: "das-drawer__body",
-            style: $(s(r).bodyStyle)
+            style: Jt(m(n).bodyStyle)
           }, [
-            i(e.$slots, "default", {}, void 0, !0)
+            w(r.$slots, "default", {}, void 0, !0)
           ], 4)
         ]),
         _: 2
       }, [
-        e.$slots.header ? {
+        r.$slots.header ? {
           name: "header",
-          fn: l((d) => [
-            i(e.$slots, "header", n(p(d)), void 0, !0)
+          fn: R((l) => [
+            w(r.$slots, "header", Ve(Be(l)), void 0, !0)
           ]),
           key: "0"
         } : void 0,
-        e.$slots.footer ? {
+        r.$slots.footer ? {
           name: "footer",
-          fn: l((d) => [
-            i(e.$slots, "footer", n(p(d)), void 0, !0)
+          fn: R((l) => [
+            w(r.$slots, "footer", Ve(Be(l)), void 0, !0)
           ]),
           key: "1"
         } : void 0
       ]), 1040, ["title"])
     ]));
   }
-}), 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 = {
+}), 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 = {
   "--das-ui-drawer-border": "#D9D9D9",
   // 边框线条设置
-  "--das-ui-drawer-header-color": c("--das-ui-color-normal"),
+  "--das-ui-drawer-header-color": xe("--das-ui-color-normal"),
   // 抽屉-头部-字体颜色
   "--das-ui-drawer-header-height": "50px",
   // 抽屉-头部-高度
@@ -66,14 +1641,14 @@ const D = { class: "das-ui-drawer" }, S = /* @__PURE__ */ f({
   // 抽屉-头部-字体大小
   "--das-ui-drawer-close-font-size": "16px",
   // 抽屉-关闭按钮-字体大小
-  "--das-ui-drawer-close-color": c("--das-ui-color-help"),
+  "--das-ui-drawer-close-color": xe("--das-ui-color-help"),
   // 抽屉-关闭按钮-颜色
   "--das-ui-drawer-body-padding": "16px"
   // 抽屉-内容-padding
 };
-k(B);
-const O = u(z);
+qt(us);
+const ys = Rt(cs);
 export {
-  O as DasDrawer,
-  O as default
+  ys as DasDrawer,
+  ys as default
 };