st-comp 0.0.186 → 0.0.188

package/es/el-autocomplete-e74d589c.js

@@ -0,0 +1,328 @@
+import { defineComponent as oe, computed as k, useAttrs as Ce, ref as d, onBeforeUnmount as Se, onMounted as Ie, openBlock as b, createBlock as Ne, unref as t, withCtx as v, createElementVNode as X, normalizeClass as y, normalizeStyle as Y, createElementBlock as w, withModifiers as N, renderSlot as g, createCommentVNode as Z, createVNode as T, Fragment as Te, renderList as Ae, createTextVNode as Fe, toDisplayString as Pe, mergeProps as x, withKeys as C, createSlots as Ve } from "vue";
+import { d as _e, o as Be } from "./el-scrollbar-09769d9e.js";
+import { E as De, l as Oe } from "./index-b07f58c9.js";
+import { i as se, E as Ke } from "./el-input-03aad76d.js";
+import { a as ee, U as A, I as K, C as le, p as Re, E as Me, f as Ue, t as We } from "./el-popper-ee1f8186.js";
+import { b as Le, d as te, N as He, e as B, f as D, h as qe, u as ze, _ as je, i as O, w as Ge } from "./base-f5b11441.js";
+import { u as Je } from "./index-34048a1d.js";
+import { d as Qe } from "./debounce-06f59c68.js";
+const Xe = Le({
+  ...se,
+  valueKey: {
+    type: String,
+    default: "value"
+  },
+  modelValue: {
+    type: [String, Number],
+    default: ""
+  },
+  debounce: {
+    type: Number,
+    default: 300
+  },
+  placement: {
+    type: te(String),
+    values: [
+      "top",
+      "top-start",
+      "top-end",
+      "bottom",
+      "bottom-start",
+      "bottom-end"
+    ],
+    default: "bottom-start"
+  },
+  fetchSuggestions: {
+    type: te([Function, Array]),
+    default: He
+  },
+  popperClass: {
+    type: String,
+    default: ""
+  },
+  triggerOnFocus: {
+    type: Boolean,
+    default: !0
+  },
+  selectWhenUnmatched: Boolean,
+  hideLoading: Boolean,
+  teleported: ee.teleported,
+  appendTo: ee.appendTo,
+  highlightFirstItem: Boolean,
+  fitInputWidth: Boolean
+}), Ye = {
+  [A]: (l) => B(l) || D(l),
+  [K]: (l) => B(l) || D(l),
+  [le]: (l) => B(l) || D(l),
+  focus: (l) => l instanceof FocusEvent,
+  blur: (l) => l instanceof FocusEvent,
+  clear: () => !0,
+  select: (l) => qe(l)
+}, ae = "ElAutocomplete", Ze = oe({
+  name: ae,
+  inheritAttrs: !1
+}), xe = /* @__PURE__ */ oe({
+  ...Ze,
+  props: Xe,
+  emits: Ye,
+  setup(l, { expose: ne, emit: i }) {
+    const n = l, re = k(() => Re(n, Object.keys(se))), ue = Ce(), R = _e(), r = ze("autocomplete"), p = d(), M = d(), S = d(), U = d();
+    let W = !1, F = !1;
+    const c = d([]), a = d(-1), L = d(""), f = d(!1), I = d(!1), h = d(!1), E = Je(), ie = k(() => ue.style), m = k(() => (c.value.length > 0 || h.value) && f.value), H = k(() => !n.hideLoading && h.value), ce = k(() => p.value ? Array.from(p.value.$el.querySelectorAll("input")) : []), pe = () => {
+      m.value && (L.value = `${p.value.$el.offsetWidth}px`);
+    }, de = () => {
+      a.value = -1;
+    }, q = async (e) => {
+      if (I.value)
+        return;
+      const o = (s) => {
+        h.value = !1, !I.value && (O(s) ? (c.value = s, a.value = n.highlightFirstItem ? 0 : -1) : We(ae, "autocomplete suggestions must be an array"));
+      };
+      if (h.value = !0, O(n.fetchSuggestions))
+        o(n.fetchSuggestions);
+      else {
+        const s = await n.fetchSuggestions(e, o);
+        O(s) && o(s);
+      }
+    }, z = Qe(q, n.debounce), fe = (e) => {
+      const o = !!e;
+      if (i(K, e), i(A, e), I.value = !1, f.value || (f.value = o), !n.triggerOnFocus && !e) {
+        I.value = !0, c.value = [];
+        return;
+      }
+      z(e);
+    }, ve = (e) => {
+      var o;
+      R.value || (((o = e.target) == null ? void 0 : o.tagName) !== "INPUT" || ce.value.includes(document.activeElement)) && (f.value = !0);
+    }, ge = (e) => {
+      i(le, e);
+    }, me = (e) => {
+      var o;
+      if (F)
+        F = !1;
+      else {
+        f.value = !0, i("focus", e);
+        const s = (o = n.modelValue) != null ? o : "";
+        n.triggerOnFocus && !W && z(String(s));
+      }
+    }, he = (e) => {
+      setTimeout(() => {
+        var o;
+        if ((o = S.value) != null && o.isFocusInsideContent()) {
+          F = !0;
+          return;
+        }
+        f.value && $(), i("blur", e);
+      });
+    }, be = () => {
+      f.value = !1, i(A, ""), i("clear");
+    }, j = async () => {
+      var e;
+      (e = p.value) != null && e.isComposing || (m.value && a.value >= 0 && a.value < c.value.length ? P(c.value[a.value]) : n.selectWhenUnmatched && (i("select", { value: n.modelValue }), c.value = [], a.value = -1));
+    }, ye = (e) => {
+      m.value && (e.preventDefault(), e.stopPropagation(), $());
+    }, $ = () => {
+      f.value = !1;
+    }, Ee = () => {
+      var e;
+      (e = p.value) == null || e.focus();
+    }, $e = () => {
+      var e;
+      (e = p.value) == null || e.blur();
+    }, P = async (e) => {
+      i(K, e[n.valueKey]), i(A, e[n.valueKey]), i("select", e), c.value = [], a.value = -1;
+    }, V = (e) => {
+      var o, s;
+      if (!m.value || h.value)
+        return;
+      if (e < 0) {
+        a.value = -1;
+        return;
+      }
+      e >= c.value.length && (e = c.value.length - 1);
+      const u = M.value.querySelector(`.${r.be("suggestion", "wrap")}`), we = u.querySelectorAll(`.${r.be("suggestion", "list")} li`)[e], J = u.scrollTop, { offsetTop: Q, scrollHeight: _ } = we;
+      Q + _ > J + u.clientHeight && (u.scrollTop += _), Q < J && (u.scrollTop -= _), a.value = e, (s = (o = p.value) == null ? void 0 : o.ref) == null || s.setAttribute("aria-activedescendant", `${E.value}-item-${a.value}`);
+    }, G = Be(U, () => {
+      var e;
+      (e = S.value) != null && e.isFocusInsideContent() || m.value && $();
+    });
+    return Se(() => {
+      G == null || G();
+    }), Ie(() => {
+      var e;
+      const o = (e = p.value) == null ? void 0 : e.ref;
+      o && ([
+        { key: "role", value: "textbox" },
+        { key: "aria-autocomplete", value: "list" },
+        { key: "aria-controls", value: "id" },
+        {
+          key: "aria-activedescendant",
+          value: `${E.value}-item-${a.value}`
+        }
+      ].forEach(({ key: s, value: u }) => o.setAttribute(s, u)), W = o.hasAttribute("readonly"));
+    }), ne({
+      highlightedIndex: a,
+      activated: f,
+      loading: h,
+      inputRef: p,
+      popperRef: S,
+      suggestions: c,
+      handleSelect: P,
+      handleKeyEnter: j,
+      focus: Ee,
+      blur: $e,
+      close: $,
+      highlight: V,
+      getData: q
+    }), (e, o) => (b(), Ne(t(Me), {
+      ref_key: "popperRef",
+      ref: S,
+      visible: t(m),
+      placement: e.placement,
+      "fallback-placements": ["bottom-start", "top-start"],
+      "popper-class": [t(r).e("popper"), e.popperClass],
+      teleported: e.teleported,
+      "append-to": e.appendTo,
+      "gpu-acceleration": !1,
+      pure: "",
+      "manual-mode": "",
+      effect: "light",
+      trigger: "click",
+      transition: `${t(r).namespace.value}-zoom-in-top`,
+      persistent: "",
+      role: "listbox",
+      onBeforeShow: pe,
+      onHide: de
+    }, {
+      content: v(() => [
+        X("div", {
+          ref_key: "regionRef",
+          ref: M,
+          class: y([t(r).b("suggestion"), t(r).is("loading", t(H))]),
+          style: Y({
+            [e.fitInputWidth ? "width" : "minWidth"]: L.value,
+            outline: "none"
+          }),
+          role: "region"
+        }, [
+          e.$slots.header ? (b(), w("div", {
+            key: 0,
+            class: y(t(r).be("suggestion", "header")),
+            onClick: N(() => {
+            }, ["stop"])
+          }, [
+            g(e.$slots, "header")
+          ], 10, ["onClick"])) : Z("v-if", !0),
+          T(t(Ue), {
+            id: t(E),
+            tag: "ul",
+            "wrap-class": t(r).be("suggestion", "wrap"),
+            "view-class": t(r).be("suggestion", "list"),
+            role: "listbox"
+          }, {
+            default: v(() => [
+              t(H) ? (b(), w("li", { key: 0 }, [
+                g(e.$slots, "loading", {}, () => [
+                  T(t(De), {
+                    class: y(t(r).is("loading"))
+                  }, {
+                    default: v(() => [
+                      T(t(Oe))
+                    ]),
+                    _: 1
+                  }, 8, ["class"])
+                ])
+              ])) : (b(!0), w(Te, { key: 1 }, Ae(c.value, (s, u) => (b(), w("li", {
+                id: `${t(E)}-item-${u}`,
+                key: u,
+                class: y({ highlighted: a.value === u }),
+                role: "option",
+                "aria-selected": a.value === u,
+                onClick: (ke) => P(s)
+              }, [
+                g(e.$slots, "default", { item: s }, () => [
+                  Fe(Pe(s[e.valueKey]), 1)
+                ])
+              ], 10, ["id", "aria-selected", "onClick"]))), 128))
+            ]),
+            _: 3
+          }, 8, ["id", "wrap-class", "view-class"]),
+          e.$slots.footer ? (b(), w("div", {
+            key: 1,
+            class: y(t(r).be("suggestion", "footer")),
+            onClick: N(() => {
+            }, ["stop"])
+          }, [
+            g(e.$slots, "footer")
+          ], 10, ["onClick"])) : Z("v-if", !0)
+        ], 6)
+      ]),
+      default: v(() => [
+        X("div", {
+          ref_key: "listboxRef",
+          ref: U,
+          class: y([t(r).b(), e.$attrs.class]),
+          style: Y(t(ie)),
+          role: "combobox",
+          "aria-haspopup": "listbox",
+          "aria-expanded": t(m),
+          "aria-owns": t(E)
+        }, [
+          T(t(Ke), x({
+            ref_key: "inputRef",
+            ref: p
+          }, x(t(re), e.$attrs), {
+            "model-value": e.modelValue,
+            disabled: t(R),
+            onInput: fe,
+            onChange: ge,
+            onFocus: me,
+            onBlur: he,
+            onClear: be,
+            onKeydown: [
+              C(N((s) => V(a.value - 1), ["prevent"]), ["up"]),
+              C(N((s) => V(a.value + 1), ["prevent"]), ["down"]),
+              C(j, ["enter"]),
+              C($, ["tab"]),
+              C(ye, ["esc"])
+            ],
+            onMousedown: ve
+          }), Ve({
+            _: 2
+          }, [
+            e.$slots.prepend ? {
+              name: "prepend",
+              fn: v(() => [
+                g(e.$slots, "prepend")
+              ])
+            } : void 0,
+            e.$slots.append ? {
+              name: "append",
+              fn: v(() => [
+                g(e.$slots, "append")
+              ])
+            } : void 0,
+            e.$slots.prefix ? {
+              name: "prefix",
+              fn: v(() => [
+                g(e.$slots, "prefix")
+              ])
+            } : void 0,
+            e.$slots.suffix ? {
+              name: "suffix",
+              fn: v(() => [
+                g(e.$slots, "suffix")
+              ])
+            } : void 0
+          ]), 1040, ["model-value", "disabled", "onKeydown"])
+        ], 14, ["aria-expanded", "aria-owns"])
+      ]),
+      _: 3
+    }, 8, ["visible", "placement", "popper-class", "teleported", "append-to", "transition"]));
+  }
+});
+var et = /* @__PURE__ */ je(xe, [["__file", "autocomplete.vue"]]);
+const it = Ge(et);
+export {
+  it as E
+};

package/es/{el-button-338a49b7.cjs → el-button-5973d99c.cjs}

@@ -1 +1 @@
-"use strict";const e=require("vue"),S=require("./index-8feed26f.cjs"),z=require("./index-f1c702f6.cjs"),E=require("./use-global-config-f3664595.cjs"),v=require("./el-scrollbar-802d874d.cjs"),p=require("./base-ef747d02.cjs"),I=require("./index-eea0bcb3.cjs"),N=Symbol("buttonGroupContextKey"),T=(t,u)=>{z.useDeprecated({from:"type.text",replacement:"link",version:"3.0.0",scope:"props",ref:"https://element-plus.org/en-US/component/button.html#button-attributes"},e.computed(()=>t.type==="text"));const r=e.inject(N,void 0),l=E.useGlobalConfig("button"),{form:c}=v.useFormItem(),a=v.useFormSize(e.computed(()=>r==null?void 0:r.size)),n=v.useFormDisabled(),d=e.ref(),f=e.useSlots(),b=e.computed(()=>{var o;return t.type||(r==null?void 0:r.type)||((o=l.value)==null?void 0:o.type)||""}),g=e.computed(()=>{var o,s,i;return(i=(s=t.autoInsertSpace)!=null?s:(o=l.value)==null?void 0:o.autoInsertSpace)!=null?i:!1}),y=e.computed(()=>{var o,s,i;return(i=(s=t.plain)!=null?s:(o=l.value)==null?void 0:o.plain)!=null?i:!1}),_=e.computed(()=>{var o,s,i;return(i=(s=t.round)!=null?s:(o=l.value)==null?void 0:o.round)!=null?i:!1}),B=e.computed(()=>{var o,s,i;return(i=(s=t.text)!=null?s:(o=l.value)==null?void 0:o.text)!=null?i:!1}),k=e.computed(()=>t.tag==="button"?{ariaDisabled:n.value||t.loading,disabled:n.value||t.loading,autofocus:t.autofocus,type:t.nativeType}:{}),C=e.computed(()=>{var o;const s=(o=f.default)==null?void 0:o.call(f);if(g.value&&(s==null?void 0:s.length)===1){const i=s[0];if((i==null?void 0:i.type)===e.Text){const w=i.children;return/^\p{Unified_Ideograph}{2}$/u.test(w.trim())}}return!1});return{_disabled:n,_size:a,_type:b,_ref:d,_props:k,_plain:y,_round:_,_text:B,shouldAddSpace:C,handleClick:o=>{if(n.value||t.loading){o.stopPropagation();return}t.nativeType==="reset"&&(c==null||c.resetFields()),u("click",o)}}},$=["default","primary","success","warning","info","danger","text",""],P=["button","submit","reset"],h=p.buildProps({size:v.useSizeProp,disabled:Boolean,type:{type:String,values:$,default:""},icon:{type:v.iconPropType},nativeType:{type:String,values:P,default:"button"},loading:Boolean,loadingIcon:{type:v.iconPropType,default:()=>S.loading_default},plain:{type:Boolean,default:void 0},text:{type:Boolean,default:void 0},link:Boolean,bg:Boolean,autofocus:Boolean,round:{type:Boolean,default:void 0},circle:Boolean,color:String,dark:Boolean,autoInsertSpace:{type:Boolean,default:void 0},tag:{type:p.definePropType([String,Object]),default:"button"}}),D={click:t=>t instanceof MouseEvent};function m(t,u=20){return t.mix("#141414",u).toString()}function G(t){const u=v.useFormDisabled(),r=p.useNamespace("button");return e.computed(()=>{let l={},c=t.color;if(c){const a=c.match(/var\((.*?)\)/);a&&(c=window.getComputedStyle(window.document.documentElement).getPropertyValue(a[1]));const n=new I.TinyColor(c),d=t.dark?n.tint(20).toString():m(n,20);if(t.plain)l=r.cssVarBlock({"bg-color":t.dark?m(n,90):n.tint(90).toString(),"text-color":c,"border-color":t.dark?m(n,50):n.tint(50).toString(),"hover-text-color":`var(${r.cssVarName("color-white")})`,"hover-bg-color":c,"hover-border-color":c,"active-bg-color":d,"active-text-color":`var(${r.cssVarName("color-white")})`,"active-border-color":d}),u.value&&(l[r.cssVarBlockName("disabled-bg-color")]=t.dark?m(n,90):n.tint(90).toString(),l[r.cssVarBlockName("disabled-text-color")]=t.dark?m(n,50):n.tint(50).toString(),l[r.cssVarBlockName("disabled-border-color")]=t.dark?m(n,80):n.tint(80).toString());else{const f=t.dark?m(n,30):n.tint(30).toString(),b=n.isDark()?`var(${r.cssVarName("color-white")})`:`var(${r.cssVarName("color-black")})`;if(l=r.cssVarBlock({"bg-color":c,"text-color":b,"border-color":c,"hover-bg-color":f,"hover-text-color":b,"hover-border-color":f,"active-bg-color":d,"active-border-color":d}),u.value){const g=t.dark?m(n,50):n.tint(50).toString();l[r.cssVarBlockName("disabled-bg-color")]=g,l[r.cssVarBlockName("disabled-text-color")]=t.dark?"rgba(255, 255, 255, 0.5)":`var(${r.cssVarName("color-white")})`,l[r.cssVarBlockName("disabled-border-color")]=g}}}return l})}const q=e.defineComponent({name:"ElButton"}),F=e.defineComponent({...q,props:h,emits:D,setup(t,{expose:u,emit:r}){const l=t,c=G(l),a=p.useNamespace("button"),{_ref:n,_size:d,_type:f,_disabled:b,_props:g,_plain:y,_round:_,_text:B,shouldAddSpace:k,handleClick:C}=T(l,r),x=e.computed(()=>[a.b(),a.m(f.value),a.m(d.value),a.is("disabled",b.value),a.is("loading",l.loading),a.is("plain",y.value),a.is("round",_.value),a.is("circle",l.circle),a.is("text",B.value),a.is("link",l.link),a.is("has-bg",l.bg)]);return u({ref:n,size:d,type:f,disabled:b,shouldAddSpace:k}),(o,s)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.tag),e.mergeProps({ref_key:"_ref",ref:n},e.unref(g),{class:e.unref(x),style:e.unref(c),onClick:e.unref(C)}),{default:e.withCtx(()=>[o.loading?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o.$slots.loading?e.renderSlot(o.$slots,"loading",{key:0}):(e.openBlock(),e.createBlock(e.unref(S.ElIcon),{key:1,class:e.normalizeClass(e.unref(a).is("loading"))},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.loadingIcon)))]),_:1},8,["class"]))],64)):o.icon||o.$slots.icon?(e.openBlock(),e.createBlock(e.unref(S.ElIcon),{key:1},{default:e.withCtx(()=>[o.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.icon),{key:0})):e.renderSlot(o.$slots,"icon",{key:1})]),_:3})):e.createCommentVNode("v-if",!0),o.$slots.default?(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass({[e.unref(a).em("text","expand")]:e.unref(k)})},[e.renderSlot(o.$slots,"default")],2)):e.createCommentVNode("v-if",!0)]),_:3},16,["class","style","onClick"]))}});var K=p._export_sfc(F,[["__file","button.vue"]]);const j={size:h.size,type:h.type},A=e.defineComponent({name:"ElButtonGroup"}),R=e.defineComponent({...A,props:j,setup(t){const u=t;e.provide(N,e.reactive({size:e.toRef(u,"size"),type:e.toRef(u,"type")}));const r=p.useNamespace("button");return(l,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(r).b("group"))},[e.renderSlot(l.$slots,"default")],2))}});var V=p._export_sfc(R,[["__file","button-group.vue"]]);const U=p.withInstall(K,{ButtonGroup:V});p.withNoopInstall(V);exports.ElButton=U;exports.buttonTypes=$;
+"use strict";const e=require("vue"),S=require("./index-eab8a286.cjs"),z=require("./index-f1c702f6.cjs"),E=require("./use-global-config-c2c5ca8f.cjs"),v=require("./el-scrollbar-05815cf5.cjs"),p=require("./base-ef747d02.cjs"),I=require("./index-eea0bcb3.cjs"),N=Symbol("buttonGroupContextKey"),T=(t,u)=>{z.useDeprecated({from:"type.text",replacement:"link",version:"3.0.0",scope:"props",ref:"https://element-plus.org/en-US/component/button.html#button-attributes"},e.computed(()=>t.type==="text"));const r=e.inject(N,void 0),l=E.useGlobalConfig("button"),{form:c}=v.useFormItem(),a=v.useFormSize(e.computed(()=>r==null?void 0:r.size)),n=v.useFormDisabled(),d=e.ref(),f=e.useSlots(),b=e.computed(()=>{var o;return t.type||(r==null?void 0:r.type)||((o=l.value)==null?void 0:o.type)||""}),g=e.computed(()=>{var o,s,i;return(i=(s=t.autoInsertSpace)!=null?s:(o=l.value)==null?void 0:o.autoInsertSpace)!=null?i:!1}),y=e.computed(()=>{var o,s,i;return(i=(s=t.plain)!=null?s:(o=l.value)==null?void 0:o.plain)!=null?i:!1}),_=e.computed(()=>{var o,s,i;return(i=(s=t.round)!=null?s:(o=l.value)==null?void 0:o.round)!=null?i:!1}),B=e.computed(()=>{var o,s,i;return(i=(s=t.text)!=null?s:(o=l.value)==null?void 0:o.text)!=null?i:!1}),k=e.computed(()=>t.tag==="button"?{ariaDisabled:n.value||t.loading,disabled:n.value||t.loading,autofocus:t.autofocus,type:t.nativeType}:{}),C=e.computed(()=>{var o;const s=(o=f.default)==null?void 0:o.call(f);if(g.value&&(s==null?void 0:s.length)===1){const i=s[0];if((i==null?void 0:i.type)===e.Text){const w=i.children;return/^\p{Unified_Ideograph}{2}$/u.test(w.trim())}}return!1});return{_disabled:n,_size:a,_type:b,_ref:d,_props:k,_plain:y,_round:_,_text:B,shouldAddSpace:C,handleClick:o=>{if(n.value||t.loading){o.stopPropagation();return}t.nativeType==="reset"&&(c==null||c.resetFields()),u("click",o)}}},$=["default","primary","success","warning","info","danger","text",""],P=["button","submit","reset"],h=p.buildProps({size:v.useSizeProp,disabled:Boolean,type:{type:String,values:$,default:""},icon:{type:v.iconPropType},nativeType:{type:String,values:P,default:"button"},loading:Boolean,loadingIcon:{type:v.iconPropType,default:()=>S.loading_default},plain:{type:Boolean,default:void 0},text:{type:Boolean,default:void 0},link:Boolean,bg:Boolean,autofocus:Boolean,round:{type:Boolean,default:void 0},circle:Boolean,color:String,dark:Boolean,autoInsertSpace:{type:Boolean,default:void 0},tag:{type:p.definePropType([String,Object]),default:"button"}}),D={click:t=>t instanceof MouseEvent};function m(t,u=20){return t.mix("#141414",u).toString()}function G(t){const u=v.useFormDisabled(),r=p.useNamespace("button");return e.computed(()=>{let l={},c=t.color;if(c){const a=c.match(/var\((.*?)\)/);a&&(c=window.getComputedStyle(window.document.documentElement).getPropertyValue(a[1]));const n=new I.TinyColor(c),d=t.dark?n.tint(20).toString():m(n,20);if(t.plain)l=r.cssVarBlock({"bg-color":t.dark?m(n,90):n.tint(90).toString(),"text-color":c,"border-color":t.dark?m(n,50):n.tint(50).toString(),"hover-text-color":`var(${r.cssVarName("color-white")})`,"hover-bg-color":c,"hover-border-color":c,"active-bg-color":d,"active-text-color":`var(${r.cssVarName("color-white")})`,"active-border-color":d}),u.value&&(l[r.cssVarBlockName("disabled-bg-color")]=t.dark?m(n,90):n.tint(90).toString(),l[r.cssVarBlockName("disabled-text-color")]=t.dark?m(n,50):n.tint(50).toString(),l[r.cssVarBlockName("disabled-border-color")]=t.dark?m(n,80):n.tint(80).toString());else{const f=t.dark?m(n,30):n.tint(30).toString(),b=n.isDark()?`var(${r.cssVarName("color-white")})`:`var(${r.cssVarName("color-black")})`;if(l=r.cssVarBlock({"bg-color":c,"text-color":b,"border-color":c,"hover-bg-color":f,"hover-text-color":b,"hover-border-color":f,"active-bg-color":d,"active-border-color":d}),u.value){const g=t.dark?m(n,50):n.tint(50).toString();l[r.cssVarBlockName("disabled-bg-color")]=g,l[r.cssVarBlockName("disabled-text-color")]=t.dark?"rgba(255, 255, 255, 0.5)":`var(${r.cssVarName("color-white")})`,l[r.cssVarBlockName("disabled-border-color")]=g}}}return l})}const q=e.defineComponent({name:"ElButton"}),F=e.defineComponent({...q,props:h,emits:D,setup(t,{expose:u,emit:r}){const l=t,c=G(l),a=p.useNamespace("button"),{_ref:n,_size:d,_type:f,_disabled:b,_props:g,_plain:y,_round:_,_text:B,shouldAddSpace:k,handleClick:C}=T(l,r),x=e.computed(()=>[a.b(),a.m(f.value),a.m(d.value),a.is("disabled",b.value),a.is("loading",l.loading),a.is("plain",y.value),a.is("round",_.value),a.is("circle",l.circle),a.is("text",B.value),a.is("link",l.link),a.is("has-bg",l.bg)]);return u({ref:n,size:d,type:f,disabled:b,shouldAddSpace:k}),(o,s)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.tag),e.mergeProps({ref_key:"_ref",ref:n},e.unref(g),{class:e.unref(x),style:e.unref(c),onClick:e.unref(C)}),{default:e.withCtx(()=>[o.loading?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o.$slots.loading?e.renderSlot(o.$slots,"loading",{key:0}):(e.openBlock(),e.createBlock(e.unref(S.ElIcon),{key:1,class:e.normalizeClass(e.unref(a).is("loading"))},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.loadingIcon)))]),_:1},8,["class"]))],64)):o.icon||o.$slots.icon?(e.openBlock(),e.createBlock(e.unref(S.ElIcon),{key:1},{default:e.withCtx(()=>[o.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.icon),{key:0})):e.renderSlot(o.$slots,"icon",{key:1})]),_:3})):e.createCommentVNode("v-if",!0),o.$slots.default?(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass({[e.unref(a).em("text","expand")]:e.unref(k)})},[e.renderSlot(o.$slots,"default")],2)):e.createCommentVNode("v-if",!0)]),_:3},16,["class","style","onClick"]))}});var K=p._export_sfc(F,[["__file","button.vue"]]);const j={size:h.size,type:h.type},A=e.defineComponent({name:"ElButtonGroup"}),R=e.defineComponent({...A,props:j,setup(t){const u=t;e.provide(N,e.reactive({size:e.toRef(u,"size"),type:e.toRef(u,"type")}));const r=p.useNamespace("button");return(l,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(r).b("group"))},[e.renderSlot(l.$slots,"default")],2))}});var V=p._export_sfc(R,[["__file","button-group.vue"]]);const U=p.withInstall(K,{ButtonGroup:V});p.withNoopInstall(V);exports.ElButton=U;exports.buttonTypes=$;

package/es/{el-button-f44cb2cf.js → el-button-5a260464.js}

@@ -1,9 +1,9 @@
 import { computed as u, inject as M, ref as O, useSlots as R, Text as q, defineComponent as B, openBlock as m, createBlock as y, resolveDynamicComponent as N, mergeProps as H, unref as d, withCtx as V, createElementBlock as $, Fragment as J, renderSlot as k, normalizeClass as w, createCommentVNode as T, provide as L, reactive as Q, toRef as P } from "vue";
-import { l as W, E as G } from "./index-35129268.js";
+import { l as W, E as G } from "./index-b07f58c9.js";
 import { u as X } from "./index-2e331d74.js";
-import { a as Y } from "./use-global-config-53be2b7d.js";
-import { d as Z, e as tt, g as F, h as et, i as D } from "./el-scrollbar-31d72626.js";
-import { b as ot, e as lt, u as I, _ as K, w as nt, l as at } from "./base-62a70f61.js";
+import { a as Y } from "./use-global-config-1923bb6f.js";
+import { e as Z, a as tt, d as F, u as et, i as D } from "./el-scrollbar-09769d9e.js";
+import { b as ot, d as nt, u as I, _ as K, w as lt, y as at } from "./base-f5b11441.js";
 import { T as rt } from "./index-657047bb.js";
 const j = Symbol("buttonGroupContextKey"), st = (t, c) => {
   X({
@@ -13,21 +13,21 @@ const j = Symbol("buttonGroupContextKey"), st = (t, c) => {
     scope: "props",
     ref: "https://element-plus.org/en-US/component/button.html#button-attributes"
   }, u(() => t.type === "text"));
-  const n = M(j, void 0), l = Y("button"), { form: s } = Z(), a = tt(u(() => n == null ? void 0 : n.size)), o = F(), b = O(), v = R(), p = u(() => {
+  const l = M(j, void 0), n = Y("button"), { form: s } = Z(), a = tt(u(() => l == null ? void 0 : l.size)), o = F(), b = O(), v = R(), p = u(() => {
     var e;
-    return t.type || (n == null ? void 0 : n.type) || ((e = l.value) == null ? void 0 : e.type) || "";
+    return t.type || (l == null ? void 0 : l.type) || ((e = n.value) == null ? void 0 : e.type) || "";
   }), g = u(() => {
     var e, r, i;
-    return (i = (r = t.autoInsertSpace) != null ? r : (e = l.value) == null ? void 0 : e.autoInsertSpace) != null ? i : !1;
+    return (i = (r = t.autoInsertSpace) != null ? r : (e = n.value) == null ? void 0 : e.autoInsertSpace) != null ? i : !1;
   }), h = u(() => {
     var e, r, i;
-    return (i = (r = t.plain) != null ? r : (e = l.value) == null ? void 0 : e.plain) != null ? i : !1;
+    return (i = (r = t.plain) != null ? r : (e = n.value) == null ? void 0 : e.plain) != null ? i : !1;
   }), S = u(() => {
     var e, r, i;
-    return (i = (r = t.round) != null ? r : (e = l.value) == null ? void 0 : e.round) != null ? i : !1;
+    return (i = (r = t.round) != null ? r : (e = n.value) == null ? void 0 : e.round) != null ? i : !1;
   }), C = u(() => {
     var e, r, i;
-    return (i = (r = t.text) != null ? r : (e = l.value) == null ? void 0 : e.text) != null ? i : !1;
+    return (i = (r = t.text) != null ? r : (e = n.value) == null ? void 0 : e.text) != null ? i : !1;
   }), _ = u(() => t.tag === "button" ? {
     ariaDisabled: o.value || t.loading,
     disabled: o.value || t.loading,
@@ -116,7 +116,7 @@ const j = Symbol("buttonGroupContextKey"), st = (t, c) => {
     default: void 0
   },
   tag: {
-    type: lt([String, Object]),
+    type: nt([String, Object]),
     default: "button"
   }
 }), ut = {
@@ -126,28 +126,28 @@ function f(t, c = 20) {
   return t.mix("#141414", c).toString();
 }
 function dt(t) {
-  const c = F(), n = I("button");
+  const c = F(), l = I("button");
   return u(() => {
-    let l = {}, s = t.color;
+    let n = {}, s = t.color;
     if (s) {
       const a = s.match(/var\((.*?)\)/);
       a && (s = window.getComputedStyle(window.document.documentElement).getPropertyValue(a[1]));
       const o = new rt(s), b = t.dark ? o.tint(20).toString() : f(o, 20);
       if (t.plain)
-        l = n.cssVarBlock({
+        n = l.cssVarBlock({
           "bg-color": t.dark ? f(o, 90) : o.tint(90).toString(),
           "text-color": s,
           "border-color": t.dark ? f(o, 50) : o.tint(50).toString(),
-          "hover-text-color": `var(${n.cssVarName("color-white")})`,
+          "hover-text-color": `var(${l.cssVarName("color-white")})`,
           "hover-bg-color": s,
           "hover-border-color": s,
           "active-bg-color": b,
-          "active-text-color": `var(${n.cssVarName("color-white")})`,
+          "active-text-color": `var(${l.cssVarName("color-white")})`,
           "active-border-color": b
-        }), c.value && (l[n.cssVarBlockName("disabled-bg-color")] = t.dark ? f(o, 90) : o.tint(90).toString(), l[n.cssVarBlockName("disabled-text-color")] = t.dark ? f(o, 50) : o.tint(50).toString(), l[n.cssVarBlockName("disabled-border-color")] = t.dark ? f(o, 80) : o.tint(80).toString());
+        }), c.value && (n[l.cssVarBlockName("disabled-bg-color")] = t.dark ? f(o, 90) : o.tint(90).toString(), n[l.cssVarBlockName("disabled-text-color")] = t.dark ? f(o, 50) : o.tint(50).toString(), n[l.cssVarBlockName("disabled-border-color")] = t.dark ? f(o, 80) : o.tint(80).toString());
       else {
-        const v = t.dark ? f(o, 30) : o.tint(30).toString(), p = o.isDark() ? `var(${n.cssVarName("color-white")})` : `var(${n.cssVarName("color-black")})`;
-        if (l = n.cssVarBlock({
+        const v = t.dark ? f(o, 30) : o.tint(30).toString(), p = o.isDark() ? `var(${l.cssVarName("color-white")})` : `var(${l.cssVarName("color-black")})`;
+        if (n = l.cssVarBlock({
           "bg-color": s,
           "text-color": p,
           "border-color": s,
@@ -158,11 +158,11 @@ function dt(t) {
           "active-border-color": b
         }), c.value) {
           const g = t.dark ? f(o, 50) : o.tint(50).toString();
-          l[n.cssVarBlockName("disabled-bg-color")] = g, l[n.cssVarBlockName("disabled-text-color")] = t.dark ? "rgba(255, 255, 255, 0.5)" : `var(${n.cssVarName("color-white")})`, l[n.cssVarBlockName("disabled-border-color")] = g;
+          n[l.cssVarBlockName("disabled-bg-color")] = g, n[l.cssVarBlockName("disabled-text-color")] = t.dark ? "rgba(255, 255, 255, 0.5)" : `var(${l.cssVarName("color-white")})`, n[l.cssVarBlockName("disabled-border-color")] = g;
         }
       }
     }
-    return l;
+    return n;
   });
 }
 const bt = B({
@@ -171,8 +171,8 @@ const bt = B({
   ...bt,
   props: z,
   emits: ut,
-  setup(t, { expose: c, emit: n }) {
-    const l = t, s = dt(l), a = I("button"), {
+  setup(t, { expose: c, emit: l }) {
+    const n = t, s = dt(n), a = I("button"), {
       _ref: o,
       _size: b,
       _type: v,
@@ -183,18 +183,18 @@ const bt = B({
       _text: C,
       shouldAddSpace: _,
       handleClick: x
-    } = st(l, n), E = u(() => [
+    } = st(n, l), E = u(() => [
       a.b(),
       a.m(v.value),
       a.m(b.value),
       a.is("disabled", p.value),
-      a.is("loading", l.loading),
+      a.is("loading", n.loading),
       a.is("plain", h.value),
       a.is("round", S.value),
-      a.is("circle", l.circle),
+      a.is("circle", n.circle),
       a.is("text", C.value),
-      a.is("link", l.link),
-      a.is("has-bg", l.bg)
+      a.is("link", n.link),
+      a.is("has-bg", n.bg)
     ]);
     return c({
       ref: o,
@@ -253,16 +253,16 @@ const mt = {
       size: P(c, "size"),
       type: P(c, "type")
     }));
-    const n = I("button");
-    return (l, s) => (m(), $("div", {
-      class: w(d(n).b("group"))
+    const l = I("button");
+    return (n, s) => (m(), $("div", {
+      class: w(d(l).b("group"))
     }, [
-      k(l.$slots, "default")
+      k(n.$slots, "default")
     ], 2));
   }
 });
 var A = /* @__PURE__ */ K(gt, [["__file", "button-group.vue"]]);
-const xt = nt(ft, {
+const xt = lt(ft, {
   ButtonGroup: A
 });
 at(A);

package/es/{el-dialog-c2451c86.js → el-dialog-8d8f6443.js}

@@ -1,10 +1,10 @@
-import { ref as I, onMounted as _, watchEffect as J, onBeforeUnmount as Q, defineComponent as A, inject as j, computed as L, openBlock as P, createElementBlock as B, unref as e, normalizeClass as h, normalizeStyle as K, createElementVNode as R, renderSlot as k, toDisplayString as G, createVNode as S, withCtx as C, createBlock as N, resolveDynamicComponent as Z, createCommentVNode as O, useSlots as x, provide as ee, Transition as oe, mergeProps as q, withDirectives as se, createSlots as te, vShow as le } from "vue";
-import { e as ae, f as ne, g as V, d as re, a as ie, u as de, E as ce, c as ue } from "./el-overlay-a6f43919.js";
-import { F as fe, c as me, e as ve } from "./el-popper-05a8f271.js";
-import { E as pe } from "./index-35129268.js";
-import { n as H, x as ge, _ as W, u as he, w as Ce } from "./base-62a70f61.js";
-import { Q as be } from "./el-scrollbar-31d72626.js";
-import { u as ye } from "./index-34592e82.js";
+import { ref as I, onMounted as _, watchEffect as J, onBeforeUnmount as G, defineComponent as A, inject as U, computed as L, openBlock as P, createElementBlock as B, unref as e, normalizeClass as h, normalizeStyle as K, createElementVNode as R, renderSlot as k, toDisplayString as Q, createVNode as S, withCtx as C, createBlock as N, resolveDynamicComponent as Z, createCommentVNode as j, useSlots as x, provide as ee, Transition as oe, mergeProps as q, withDirectives as se, createSlots as te, vShow as le } from "vue";
+import { d as ae, a as ne, b as V, c as re, e as ie, u as de, E as ce, f as ue } from "./el-overlay-04659660.js";
+import { F as fe, g as me, b as ve } from "./el-popper-ee1f8186.js";
+import { E as pe } from "./index-b07f58c9.js";
+import { j as H, c as ge, _ as W, u as he, w as Ce } from "./base-f5b11441.js";
+import { C as be } from "./el-scrollbar-09769d9e.js";
+import { u as ye } from "./index-cfeda35a.js";
 import { u as Ee } from "./index-2e331d74.js";
 const we = (r, d, l, $) => {
   const a = {
@@ -38,7 +38,7 @@ const we = (r, d, l, $) => {
     J(() => {
       l.value ? t() : y();
     });
-  }), Q(() => {
+  }), G(() => {
     y();
   }), {
     isDragging: c,
@@ -54,7 +54,7 @@ const we = (r, d, l, $) => {
   props: ae,
   emits: ne,
   setup(r, { expose: d }) {
-    const l = r, { t: $ } = ye(), { Close: a } = be, { dialogRef: c, headerRef: b, bodyId: v, ns: t, style: y } = j(V), { focusTrapRef: D } = j(fe), E = ke(D, c), n = L(() => !!l.draggable), i = L(() => !!l.overflow), { resetPosition: p, updatePosition: g, isDragging: u } = we(c, b, n, i), f = L(() => [
+    const l = r, { t: $ } = ye(), { Close: a } = be, { dialogRef: c, headerRef: b, bodyId: v, ns: t, style: y } = U(V), { focusTrapRef: D } = U(fe), E = ke(D, c), n = L(() => !!l.draggable), i = L(() => !!l.overflow), { resetPosition: p, updatePosition: g, isDragging: u } = we(c, b, n, i), f = L(() => [
       t.b(),
       t.is("fullscreen", l.fullscreen),
       t.is("draggable", n.value),
@@ -81,7 +81,7 @@ const we = (r, d, l, $) => {
             role: "heading",
             "aria-level": s.ariaLevel,
             class: h(e(t).e("title"))
-          }, G(s.title), 11, ["aria-level"])
+          }, Q(s.title), 11, ["aria-level"])
         ]),
         s.showClose ? (P(), B("button", {
           key: 0,
@@ -98,7 +98,7 @@ const we = (r, d, l, $) => {
             ]),
             _: 1
           }, 8, ["class"])
-        ], 10, ["aria-label", "onClick"])) : O("v-if", !0)
+        ], 10, ["aria-label", "onClick"])) : j("v-if", !0)
       ], 2),
       R("div", {
         id: e(v),
@@ -111,7 +111,7 @@ const we = (r, d, l, $) => {
         class: h([e(t).e("footer"), s.footerClass])
       }, [
         k(s.$slots, "footer")
-      ], 2)) : O("v-if", !0)
+      ], 2)) : j("v-if", !0)
     ], 6));
   }
 });
@@ -175,13 +175,13 @@ const Me = A({
       default: C(() => [
         S(oe, q(e(p), { persisted: "" }), {
           default: C(() => {
-            var U;
+            var O;
             return [
               se(S(e(ce), {
                 "custom-mask-event": "",
                 mask: o.modal,
                 "overlay-class": [
-                  (U = o.modalClass) != null ? U : "",
+                  (O = o.modalClass) != null ? O : "",
                   `${e(a).namespace.value}-modal-dialog`,
                   e(a).is("penetrable", e(X))
                 ],
@@ -248,7 +248,7 @@ const Me = A({
                               k(o.$slots, "footer")
                             ])
                           } : void 0
-                        ]), 1040, ["center", "align-center", "close-icon", "draggable", "overflow", "fullscreen", "header-class", "body-class", "footer-class", "show-close", "title", "aria-level", "onClose"])) : O("v-if", !0)
+                        ]), 1040, ["center", "align-center", "close-icon", "draggable", "overflow", "fullscreen", "header-class", "body-class", "footer-class", "show-close", "title", "aria-level", "onClose"])) : j("v-if", !0)
                       ]),
                       _: 3
                     }, 8, ["trapped", "onFocusAfterTrapped", "onFocusAfterReleased", "onFocusoutPrevented", "onReleaseRequested"])
@@ -268,9 +268,9 @@ const Me = A({
   }
 });
 var Le = /* @__PURE__ */ W(Te, [["__file", "dialog.vue"]]);
-const Oe = Ce(Le);
+const je = Ce(Le);
 export {
-  Oe as E,
+  je as E,
   ke as c,
   we as u
 };

package/es/{el-dialog-45250561.cjs → el-dialog-a24f4f8f.cjs}

@@ -1 +1 @@
-"use strict";const e=require("vue"),p=require("./el-overlay-39e2e96f.cjs"),T=require("./el-popper-dca2de0d.cjs"),F=require("./index-8feed26f.cjs"),E=require("./base-ef747d02.cjs"),R=require("./el-scrollbar-802d874d.cjs"),q=require("./index-3a74eae4.cjs"),V=require("./index-f1c702f6.cjs"),N=(r,d,s,k)=>{const l={offsetX:0,offsetY:0},c=e.ref(!1),h=(a,i)=>{if(r.value){const{offsetX:g,offsetY:C}=l,u=r.value.getBoundingClientRect(),f=u.left,t=u.top,m=u.width,w=u.height,D=document.documentElement.clientWidth,S=document.documentElement.clientHeight,z=-f+g,B=-t+C,P=D-f-m+g,M=S-t-(w<S?w:0)+C;k!=null&&k.value||(a=Math.min(Math.max(a,z),P),i=Math.min(Math.max(i,B),M)),l.offsetX=a,l.offsetY=i,r.value.style.transform=`translate(${E.addUnit(a)}, ${E.addUnit(i)})`}},v=a=>{const i=a.clientX,g=a.clientY,{offsetX:C,offsetY:u}=l,f=m=>{c.value||(c.value=!0);const w=C+m.clientX-i,D=u+m.clientY-g;h(w,D)},t=()=>{c.value=!1,document.removeEventListener("mousemove",f),document.removeEventListener("mouseup",t)};document.addEventListener("mousemove",f),document.addEventListener("mouseup",t)},n=()=>{d.value&&r.value&&(d.value.addEventListener("mousedown",v),window.addEventListener("resize",y))},b=()=>{d.value&&r.value&&(d.value.removeEventListener("mousedown",v),window.removeEventListener("resize",y))},$=()=>{l.offsetX=0,l.offsetY=0,r.value&&(r.value.style.transform="")},y=()=>{const{offsetX:a,offsetY:i}=l;h(a,i)};return e.onMounted(()=>{e.watchEffect(()=>{s.value?n():b()})}),e.onBeforeUnmount(()=>{b()}),{isDragging:c,resetPosition:$,updatePosition:y}},I=(...r)=>d=>{r.forEach(s=>{E.isFunction(s)?s(d):s.value=d})},A=e.defineComponent({name:"ElDialogContent"}),Y=e.defineComponent({...A,props:p.dialogContentProps,emits:p.dialogContentEmits,setup(r,{expose:d}){const s=r,{t:k}=q.useLocale(),{Close:l}=R.CloseComponents,{dialogRef:c,headerRef:h,bodyId:v,ns:n,style:b}=e.inject(p.dialogInjectionKey),{focusTrapRef:$}=e.inject(T.FOCUS_TRAP_INJECTION_KEY),y=I($,c),a=e.computed(()=>!!s.draggable),i=e.computed(()=>!!s.overflow),{resetPosition:g,updatePosition:C,isDragging:u}=N(c,h,a,i),f=e.computed(()=>[n.b(),n.is("fullscreen",s.fullscreen),n.is("draggable",a.value),n.is("dragging",u.value),n.is("align-center",!!s.alignCenter),{[n.m("center")]:s.center}]);return d({resetPosition:g,updatePosition:C}),(t,m)=>(e.openBlock(),e.createElementBlock("div",{ref:e.unref(y),class:e.normalizeClass(e.unref(f)),style:e.normalizeStyle(e.unref(b)),tabindex:"-1"},[e.createElementVNode("header",{ref_key:"headerRef",ref:h,class:e.normalizeClass([e.unref(n).e("header"),t.headerClass,{"show-close":t.showClose}])},[e.renderSlot(t.$slots,"header",{},()=>[e.createElementVNode("span",{role:"heading","aria-level":t.ariaLevel,class:e.normalizeClass(e.unref(n).e("title"))},e.toDisplayString(t.title),11,["aria-level"])]),t.showClose?(e.openBlock(),e.createElementBlock("button",{key:0,"aria-label":e.unref(k)("el.dialog.close"),class:e.normalizeClass(e.unref(n).e("headerbtn")),type:"button",onClick:w=>t.$emit("close")},[e.createVNode(e.unref(F.ElIcon),{class:e.normalizeClass(e.unref(n).e("close"))},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.closeIcon||e.unref(l))))]),_:1},8,["class"])],10,["aria-label","onClick"])):e.createCommentVNode("v-if",!0)],2),e.createElementVNode("div",{id:e.unref(v),class:e.normalizeClass([e.unref(n).e("body"),t.bodyClass])},[e.renderSlot(t.$slots,"default")],10,["id"]),t.$slots.footer?(e.openBlock(),e.createElementBlock("footer",{key:0,class:e.normalizeClass([e.unref(n).e("footer"),t.footerClass])},[e.renderSlot(t.$slots,"footer")],2)):e.createCommentVNode("v-if",!0)],6))}});var X=E._export_sfc(Y,[["__file","dialog-content.vue"]]);const j=e.defineComponent({name:"ElDialog",inheritAttrs:!1}),O=e.defineComponent({...j,props:p.dialogProps,emits:p.dialogEmits,setup(r,{expose:d}){const s=r,k=e.useSlots();V.useDeprecated({scope:"el-dialog",from:"the title slot",replacement:"the header slot",version:"3.0.0",ref:"https://element-plus.org/en-US/component/dialog.html#slots"},e.computed(()=>!!k.title));const l=E.useNamespace("dialog"),c=e.ref(),h=e.ref(),v=e.ref(),{visible:n,titleId:b,bodyId:$,style:y,overlayDialogStyle:a,rendered:i,transitionConfig:g,zIndex:C,_draggable:u,_alignCenter:f,_overflow:t,handleClose:m,onModalClick:w,onOpenAutoFocus:D,onCloseAutoFocus:S,onCloseRequested:z,onFocusoutPrevented:B}=p.useDialog(s,c);e.provide(p.dialogInjectionKey,{dialogRef:c,headerRef:h,bodyId:$,ns:l,rendered:i,style:y});const P=p.useSameTarget(w),M=e.computed(()=>s.modalPenetrable&&!s.modal&&!s.fullscreen);return d({visible:n,dialogContentRef:v,resetPosition:()=>{var o;(o=v.value)==null||o.resetPosition()},handleClose:m}),(o,H)=>(e.openBlock(),e.createBlock(e.unref(T.ElTeleport),{to:o.appendTo,disabled:o.appendTo!=="body"?!1:!o.appendToBody},{default:e.withCtx(()=>[e.createVNode(e.Transition,e.mergeProps(e.unref(g),{persisted:""}),{default:e.withCtx(()=>{var L;return[e.withDirectives(e.createVNode(e.unref(p.ElOverlay),{"custom-mask-event":"",mask:o.modal,"overlay-class":[(L=o.modalClass)!=null?L:"",`${e.unref(l).namespace.value}-modal-dialog`,e.unref(l).is("penetrable",e.unref(M))],"z-index":e.unref(C)},{default:e.withCtx(()=>[e.createElementVNode("div",{role:"dialog","aria-modal":"true","aria-label":o.title||void 0,"aria-labelledby":o.title?void 0:e.unref(b),"aria-describedby":e.unref($),class:e.normalizeClass(`${e.unref(l).namespace.value}-overlay-dialog`),style:e.normalizeStyle(e.unref(a)),onClick:e.unref(P).onClick,onMousedown:e.unref(P).onMousedown,onMouseup:e.unref(P).onMouseup},[e.createVNode(e.unref(T.ElFocusTrap),{loop:"",trapped:e.unref(n),"focus-start-el":"container",onFocusAfterTrapped:e.unref(D),onFocusAfterReleased:e.unref(S),onFocusoutPrevented:e.unref(B),onReleaseRequested:e.unref(z)},{default:e.withCtx(()=>[e.unref(i)?(e.openBlock(),e.createBlock(X,e.mergeProps({key:0,ref_key:"dialogContentRef",ref:v},o.$attrs,{center:o.center,"align-center":e.unref(f),"close-icon":o.closeIcon,draggable:e.unref(u),overflow:e.unref(t),fullscreen:o.fullscreen,"header-class":o.headerClass,"body-class":o.bodyClass,"footer-class":o.footerClass,"show-close":o.showClose,title:o.title,"aria-level":o.headerAriaLevel,onClose:e.unref(m)}),e.createSlots({header:e.withCtx(()=>[o.$slots.title?e.renderSlot(o.$slots,"title",{key:1}):e.renderSlot(o.$slots,"header",{key:0,close:e.unref(m),titleId:e.unref(b),titleClass:e.unref(l).e("title")})]),default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:2},[o.$slots.footer?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"footer")])}:void 0]),1040,["center","align-center","close-icon","draggable","overflow","fullscreen","header-class","body-class","footer-class","show-close","title","aria-level","onClose"])):e.createCommentVNode("v-if",!0)]),_:3},8,["trapped","onFocusAfterTrapped","onFocusAfterReleased","onFocusoutPrevented","onReleaseRequested"])],46,["aria-label","aria-labelledby","aria-describedby","onClick","onMousedown","onMouseup"])]),_:3},8,["mask","overlay-class","z-index"]),[[e.vShow,e.unref(n)]])]}),_:3},16)]),_:3},8,["to","disabled"]))}});var U=E._export_sfc(O,[["__file","dialog.vue"]]);const K=E.withInstall(U);exports.ElDialog=K;exports.composeRefs=I;exports.useDraggable=N;
+"use strict";const e=require("vue"),p=require("./el-overlay-ef92f51f.cjs"),T=require("./el-popper-c9e0136d.cjs"),F=require("./index-eab8a286.cjs"),E=require("./base-ef747d02.cjs"),R=require("./el-scrollbar-05815cf5.cjs"),q=require("./index-bb833443.cjs"),V=require("./index-f1c702f6.cjs"),N=(r,d,s,k)=>{const l={offsetX:0,offsetY:0},c=e.ref(!1),h=(a,i)=>{if(r.value){const{offsetX:g,offsetY:C}=l,u=r.value.getBoundingClientRect(),f=u.left,t=u.top,m=u.width,w=u.height,D=document.documentElement.clientWidth,S=document.documentElement.clientHeight,z=-f+g,B=-t+C,P=D-f-m+g,M=S-t-(w<S?w:0)+C;k!=null&&k.value||(a=Math.min(Math.max(a,z),P),i=Math.min(Math.max(i,B),M)),l.offsetX=a,l.offsetY=i,r.value.style.transform=`translate(${E.addUnit(a)}, ${E.addUnit(i)})`}},v=a=>{const i=a.clientX,g=a.clientY,{offsetX:C,offsetY:u}=l,f=m=>{c.value||(c.value=!0);const w=C+m.clientX-i,D=u+m.clientY-g;h(w,D)},t=()=>{c.value=!1,document.removeEventListener("mousemove",f),document.removeEventListener("mouseup",t)};document.addEventListener("mousemove",f),document.addEventListener("mouseup",t)},n=()=>{d.value&&r.value&&(d.value.addEventListener("mousedown",v),window.addEventListener("resize",y))},b=()=>{d.value&&r.value&&(d.value.removeEventListener("mousedown",v),window.removeEventListener("resize",y))},$=()=>{l.offsetX=0,l.offsetY=0,r.value&&(r.value.style.transform="")},y=()=>{const{offsetX:a,offsetY:i}=l;h(a,i)};return e.onMounted(()=>{e.watchEffect(()=>{s.value?n():b()})}),e.onBeforeUnmount(()=>{b()}),{isDragging:c,resetPosition:$,updatePosition:y}},I=(...r)=>d=>{r.forEach(s=>{E.isFunction(s)?s(d):s.value=d})},A=e.defineComponent({name:"ElDialogContent"}),Y=e.defineComponent({...A,props:p.dialogContentProps,emits:p.dialogContentEmits,setup(r,{expose:d}){const s=r,{t:k}=q.useLocale(),{Close:l}=R.CloseComponents,{dialogRef:c,headerRef:h,bodyId:v,ns:n,style:b}=e.inject(p.dialogInjectionKey),{focusTrapRef:$}=e.inject(T.FOCUS_TRAP_INJECTION_KEY),y=I($,c),a=e.computed(()=>!!s.draggable),i=e.computed(()=>!!s.overflow),{resetPosition:g,updatePosition:C,isDragging:u}=N(c,h,a,i),f=e.computed(()=>[n.b(),n.is("fullscreen",s.fullscreen),n.is("draggable",a.value),n.is("dragging",u.value),n.is("align-center",!!s.alignCenter),{[n.m("center")]:s.center}]);return d({resetPosition:g,updatePosition:C}),(t,m)=>(e.openBlock(),e.createElementBlock("div",{ref:e.unref(y),class:e.normalizeClass(e.unref(f)),style:e.normalizeStyle(e.unref(b)),tabindex:"-1"},[e.createElementVNode("header",{ref_key:"headerRef",ref:h,class:e.normalizeClass([e.unref(n).e("header"),t.headerClass,{"show-close":t.showClose}])},[e.renderSlot(t.$slots,"header",{},()=>[e.createElementVNode("span",{role:"heading","aria-level":t.ariaLevel,class:e.normalizeClass(e.unref(n).e("title"))},e.toDisplayString(t.title),11,["aria-level"])]),t.showClose?(e.openBlock(),e.createElementBlock("button",{key:0,"aria-label":e.unref(k)("el.dialog.close"),class:e.normalizeClass(e.unref(n).e("headerbtn")),type:"button",onClick:w=>t.$emit("close")},[e.createVNode(e.unref(F.ElIcon),{class:e.normalizeClass(e.unref(n).e("close"))},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.closeIcon||e.unref(l))))]),_:1},8,["class"])],10,["aria-label","onClick"])):e.createCommentVNode("v-if",!0)],2),e.createElementVNode("div",{id:e.unref(v),class:e.normalizeClass([e.unref(n).e("body"),t.bodyClass])},[e.renderSlot(t.$slots,"default")],10,["id"]),t.$slots.footer?(e.openBlock(),e.createElementBlock("footer",{key:0,class:e.normalizeClass([e.unref(n).e("footer"),t.footerClass])},[e.renderSlot(t.$slots,"footer")],2)):e.createCommentVNode("v-if",!0)],6))}});var X=E._export_sfc(Y,[["__file","dialog-content.vue"]]);const j=e.defineComponent({name:"ElDialog",inheritAttrs:!1}),O=e.defineComponent({...j,props:p.dialogProps,emits:p.dialogEmits,setup(r,{expose:d}){const s=r,k=e.useSlots();V.useDeprecated({scope:"el-dialog",from:"the title slot",replacement:"the header slot",version:"3.0.0",ref:"https://element-plus.org/en-US/component/dialog.html#slots"},e.computed(()=>!!k.title));const l=E.useNamespace("dialog"),c=e.ref(),h=e.ref(),v=e.ref(),{visible:n,titleId:b,bodyId:$,style:y,overlayDialogStyle:a,rendered:i,transitionConfig:g,zIndex:C,_draggable:u,_alignCenter:f,_overflow:t,handleClose:m,onModalClick:w,onOpenAutoFocus:D,onCloseAutoFocus:S,onCloseRequested:z,onFocusoutPrevented:B}=p.useDialog(s,c);e.provide(p.dialogInjectionKey,{dialogRef:c,headerRef:h,bodyId:$,ns:l,rendered:i,style:y});const P=p.useSameTarget(w),M=e.computed(()=>s.modalPenetrable&&!s.modal&&!s.fullscreen);return d({visible:n,dialogContentRef:v,resetPosition:()=>{var o;(o=v.value)==null||o.resetPosition()},handleClose:m}),(o,H)=>(e.openBlock(),e.createBlock(e.unref(T.ElTeleport),{to:o.appendTo,disabled:o.appendTo!=="body"?!1:!o.appendToBody},{default:e.withCtx(()=>[e.createVNode(e.Transition,e.mergeProps(e.unref(g),{persisted:""}),{default:e.withCtx(()=>{var L;return[e.withDirectives(e.createVNode(e.unref(p.ElOverlay),{"custom-mask-event":"",mask:o.modal,"overlay-class":[(L=o.modalClass)!=null?L:"",`${e.unref(l).namespace.value}-modal-dialog`,e.unref(l).is("penetrable",e.unref(M))],"z-index":e.unref(C)},{default:e.withCtx(()=>[e.createElementVNode("div",{role:"dialog","aria-modal":"true","aria-label":o.title||void 0,"aria-labelledby":o.title?void 0:e.unref(b),"aria-describedby":e.unref($),class:e.normalizeClass(`${e.unref(l).namespace.value}-overlay-dialog`),style:e.normalizeStyle(e.unref(a)),onClick:e.unref(P).onClick,onMousedown:e.unref(P).onMousedown,onMouseup:e.unref(P).onMouseup},[e.createVNode(e.unref(T.ElFocusTrap),{loop:"",trapped:e.unref(n),"focus-start-el":"container",onFocusAfterTrapped:e.unref(D),onFocusAfterReleased:e.unref(S),onFocusoutPrevented:e.unref(B),onReleaseRequested:e.unref(z)},{default:e.withCtx(()=>[e.unref(i)?(e.openBlock(),e.createBlock(X,e.mergeProps({key:0,ref_key:"dialogContentRef",ref:v},o.$attrs,{center:o.center,"align-center":e.unref(f),"close-icon":o.closeIcon,draggable:e.unref(u),overflow:e.unref(t),fullscreen:o.fullscreen,"header-class":o.headerClass,"body-class":o.bodyClass,"footer-class":o.footerClass,"show-close":o.showClose,title:o.title,"aria-level":o.headerAriaLevel,onClose:e.unref(m)}),e.createSlots({header:e.withCtx(()=>[o.$slots.title?e.renderSlot(o.$slots,"title",{key:1}):e.renderSlot(o.$slots,"header",{key:0,close:e.unref(m),titleId:e.unref(b),titleClass:e.unref(l).e("title")})]),default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:2},[o.$slots.footer?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"footer")])}:void 0]),1040,["center","align-center","close-icon","draggable","overflow","fullscreen","header-class","body-class","footer-class","show-close","title","aria-level","onClose"])):e.createCommentVNode("v-if",!0)]),_:3},8,["trapped","onFocusAfterTrapped","onFocusAfterReleased","onFocusoutPrevented","onReleaseRequested"])],46,["aria-label","aria-labelledby","aria-describedby","onClick","onMousedown","onMouseup"])]),_:3},8,["mask","overlay-class","z-index"]),[[e.vShow,e.unref(n)]])]}),_:3},16)]),_:3},8,["to","disabled"]))}});var U=E._export_sfc(O,[["__file","dialog.vue"]]);const K=E.withInstall(U);exports.ElDialog=K;exports.composeRefs=I;exports.useDraggable=N;