st-comp 0.0.178 → 0.0.180

package/es/el-button-5b08c08a.js

@@ -0,0 +1,272 @@
+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-74fb90c7.js";
+import { u as X } from "./index-2e331d74.js";
+import { a as Y } from "./use-global-config-4b185eb5.js";
+import { d as Z, e as tt, g as F, h as et, i as D } from "./el-scrollbar-fae984e3.js";
+import { b as ot, e as lt, u as I, _ as K, w as nt, l as at } from "./base-62a70f61.js";
+import { T as rt } from "./index-657047bb.js";
+const j = Symbol("buttonGroupContextKey"), st = (t, c) => {
+  X({
+    from: "type.text",
+    replacement: "link",
+    version: "3.0.0",
+    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(() => {
+    var e;
+    return t.type || (n == null ? void 0 : n.type) || ((e = l.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;
+  }), h = u(() => {
+    var e, r, i;
+    return (i = (r = t.plain) != null ? r : (e = l.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;
+  }), C = u(() => {
+    var e, r, i;
+    return (i = (r = t.text) != null ? r : (e = l.value) == null ? void 0 : e.text) != null ? i : !1;
+  }), _ = u(() => t.tag === "button" ? {
+    ariaDisabled: o.value || t.loading,
+    disabled: o.value || t.loading,
+    autofocus: t.autofocus,
+    type: t.nativeType
+  } : {}), x = u(() => {
+    var e;
+    const r = (e = v.default) == null ? void 0 : e.call(v);
+    if (g.value && (r == null ? void 0 : r.length) === 1) {
+      const i = r[0];
+      if ((i == null ? void 0 : i.type) === q) {
+        const U = i.children;
+        return /^\p{Unified_Ideograph}{2}$/u.test(U.trim());
+      }
+    }
+    return !1;
+  });
+  return {
+    _disabled: o,
+    _size: a,
+    _type: p,
+    _ref: b,
+    _props: _,
+    _plain: h,
+    _round: S,
+    _text: C,
+    shouldAddSpace: x,
+    handleClick: (e) => {
+      if (o.value || t.loading) {
+        e.stopPropagation();
+        return;
+      }
+      t.nativeType === "reset" && (s == null || s.resetFields()), c("click", e);
+    }
+  };
+}, it = [
+  "default",
+  "primary",
+  "success",
+  "warning",
+  "info",
+  "danger",
+  "text",
+  ""
+], ct = ["button", "submit", "reset"], z = ot({
+  size: et,
+  disabled: Boolean,
+  type: {
+    type: String,
+    values: it,
+    default: ""
+  },
+  icon: {
+    type: D
+  },
+  nativeType: {
+    type: String,
+    values: ct,
+    default: "button"
+  },
+  loading: Boolean,
+  loadingIcon: {
+    type: D,
+    default: () => W
+  },
+  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: lt([String, Object]),
+    default: "button"
+  }
+}), ut = {
+  click: (t) => t instanceof MouseEvent
+};
+function f(t, c = 20) {
+  return t.mix("#141414", c).toString();
+}
+function dt(t) {
+  const c = F(), n = I("button");
+  return u(() => {
+    let l = {}, 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({
+          "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-bg-color": s,
+          "hover-border-color": s,
+          "active-bg-color": b,
+          "active-text-color": `var(${n.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());
+      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({
+          "bg-color": s,
+          "text-color": p,
+          "border-color": s,
+          "hover-bg-color": v,
+          "hover-text-color": p,
+          "hover-border-color": v,
+          "active-bg-color": b,
+          "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;
+        }
+      }
+    }
+    return l;
+  });
+}
+const bt = B({
+  name: "ElButton"
+}), vt = /* @__PURE__ */ B({
+  ...bt,
+  props: z,
+  emits: ut,
+  setup(t, { expose: c, emit: n }) {
+    const l = t, s = dt(l), a = I("button"), {
+      _ref: o,
+      _size: b,
+      _type: v,
+      _disabled: p,
+      _props: g,
+      _plain: h,
+      _round: S,
+      _text: C,
+      shouldAddSpace: _,
+      handleClick: x
+    } = st(l, n), E = u(() => [
+      a.b(),
+      a.m(v.value),
+      a.m(b.value),
+      a.is("disabled", p.value),
+      a.is("loading", l.loading),
+      a.is("plain", h.value),
+      a.is("round", S.value),
+      a.is("circle", l.circle),
+      a.is("text", C.value),
+      a.is("link", l.link),
+      a.is("has-bg", l.bg)
+    ]);
+    return c({
+      ref: o,
+      size: b,
+      type: v,
+      disabled: p,
+      shouldAddSpace: _
+    }), (e, r) => (m(), y(N(e.tag), H({
+      ref_key: "_ref",
+      ref: o
+    }, d(g), {
+      class: d(E),
+      style: d(s),
+      onClick: d(x)
+    }), {
+      default: V(() => [
+        e.loading ? (m(), $(J, { key: 0 }, [
+          e.$slots.loading ? k(e.$slots, "loading", { key: 0 }) : (m(), y(d(G), {
+            key: 1,
+            class: w(d(a).is("loading"))
+          }, {
+            default: V(() => [
+              (m(), y(N(e.loadingIcon)))
+            ]),
+            _: 1
+          }, 8, ["class"]))
+        ], 64)) : e.icon || e.$slots.icon ? (m(), y(d(G), { key: 1 }, {
+          default: V(() => [
+            e.icon ? (m(), y(N(e.icon), { key: 0 })) : k(e.$slots, "icon", { key: 1 })
+          ]),
+          _: 3
+        })) : T("v-if", !0),
+        e.$slots.default ? (m(), $("span", {
+          key: 2,
+          class: w({ [d(a).em("text", "expand")]: d(_) })
+        }, [
+          k(e.$slots, "default")
+        ], 2)) : T("v-if", !0)
+      ]),
+      _: 3
+    }, 16, ["class", "style", "onClick"]));
+  }
+});
+var ft = /* @__PURE__ */ K(vt, [["__file", "button.vue"]]);
+const mt = {
+  size: z.size,
+  type: z.type
+}, pt = B({
+  name: "ElButtonGroup"
+}), gt = /* @__PURE__ */ B({
+  ...pt,
+  props: mt,
+  setup(t) {
+    const c = t;
+    L(j, Q({
+      size: P(c, "size"),
+      type: P(c, "type")
+    }));
+    const n = I("button");
+    return (l, s) => (m(), $("div", {
+      class: w(d(n).b("group"))
+    }, [
+      k(l.$slots, "default")
+    ], 2));
+  }
+});
+var A = /* @__PURE__ */ K(gt, [["__file", "button-group.vue"]]);
+const xt = nt(ft, {
+  ButtonGroup: A
+});
+at(A);
+export {
+  xt as E,
+  it as b
+};

package/es/el-button-fc46a173.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),S=require("./index-f6afafaa.cjs"),z=require("./index-f1c702f6.cjs"),E=require("./use-global-config-03735617.cjs"),v=require("./el-scrollbar-691cfc11.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-dialog-0b7166c9.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),p=require("./el-overlay-96630a2e.cjs"),T=require("./el-popper-73466d7a.cjs"),F=require("./index-f6afafaa.cjs"),E=require("./base-ef747d02.cjs"),R=require("./el-scrollbar-691cfc11.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;

package/es/el-dialog-d8d0da7a.js

@@ -0,0 +1,276 @@
+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-540b2a02.js";
+import { F as fe, c as me, e as ve } from "./el-popper-544fd77e.js";
+import { E as pe } from "./index-74fb90c7.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-fae984e3.js";
+import { u as ye } from "./index-34592e82.js";
+import { u as Ee } from "./index-2e331d74.js";
+const we = (r, d, l, $) => {
+  const a = {
+    offsetX: 0,
+    offsetY: 0
+  }, c = I(!1), b = (n, i) => {
+    if (r.value) {
+      const { offsetX: p, offsetY: g } = a, u = r.value.getBoundingClientRect(), f = u.left, s = u.top, m = u.width, w = u.height, M = document.documentElement.clientWidth, F = document.documentElement.clientHeight, Y = -f + p, z = -s + g, T = M - f - m + p, X = F - s - (w < F ? w : 0) + g;
+      $ != null && $.value || (n = Math.min(Math.max(n, Y), T), i = Math.min(Math.max(i, z), X)), a.offsetX = n, a.offsetY = i, r.value.style.transform = `translate(${H(n)}, ${H(i)})`;
+    }
+  }, v = (n) => {
+    const i = n.clientX, p = n.clientY, { offsetX: g, offsetY: u } = a, f = (m) => {
+      c.value || (c.value = !0);
+      const w = g + m.clientX - i, M = u + m.clientY - p;
+      b(w, M);
+    }, s = () => {
+      c.value = !1, document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", s);
+    };
+    document.addEventListener("mousemove", f), document.addEventListener("mouseup", s);
+  }, t = () => {
+    d.value && r.value && (d.value.addEventListener("mousedown", v), window.addEventListener("resize", E));
+  }, y = () => {
+    d.value && r.value && (d.value.removeEventListener("mousedown", v), window.removeEventListener("resize", E));
+  }, D = () => {
+    a.offsetX = 0, a.offsetY = 0, r.value && (r.value.style.transform = "");
+  }, E = () => {
+    const { offsetX: n, offsetY: i } = a;
+    b(n, i);
+  };
+  return _(() => {
+    J(() => {
+      l.value ? t() : y();
+    });
+  }), Q(() => {
+    y();
+  }), {
+    isDragging: c,
+    resetPosition: D,
+    updatePosition: E
+  };
+}, ke = (...r) => (d) => {
+  r.forEach((l) => {
+    ge(l) ? l(d) : l.value = d;
+  });
+}, $e = A({ name: "ElDialogContent" }), De = /* @__PURE__ */ A({
+  ...$e,
+  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(() => [
+      t.b(),
+      t.is("fullscreen", l.fullscreen),
+      t.is("draggable", n.value),
+      t.is("dragging", u.value),
+      t.is("align-center", !!l.alignCenter),
+      { [t.m("center")]: l.center }
+    ]);
+    return d({
+      resetPosition: p,
+      updatePosition: g
+    }), (s, m) => (P(), B("div", {
+      ref: e(E),
+      class: h(e(f)),
+      style: K(e(y)),
+      tabindex: "-1"
+    }, [
+      R("header", {
+        ref_key: "headerRef",
+        ref: b,
+        class: h([e(t).e("header"), s.headerClass, { "show-close": s.showClose }])
+      }, [
+        k(s.$slots, "header", {}, () => [
+          R("span", {
+            role: "heading",
+            "aria-level": s.ariaLevel,
+            class: h(e(t).e("title"))
+          }, G(s.title), 11, ["aria-level"])
+        ]),
+        s.showClose ? (P(), B("button", {
+          key: 0,
+          "aria-label": e($)("el.dialog.close"),
+          class: h(e(t).e("headerbtn")),
+          type: "button",
+          onClick: (w) => s.$emit("close")
+        }, [
+          S(e(pe), {
+            class: h(e(t).e("close"))
+          }, {
+            default: C(() => [
+              (P(), N(Z(s.closeIcon || e(a))))
+            ]),
+            _: 1
+          }, 8, ["class"])
+        ], 10, ["aria-label", "onClick"])) : O("v-if", !0)
+      ], 2),
+      R("div", {
+        id: e(v),
+        class: h([e(t).e("body"), s.bodyClass])
+      }, [
+        k(s.$slots, "default")
+      ], 10, ["id"]),
+      s.$slots.footer ? (P(), B("footer", {
+        key: 0,
+        class: h([e(t).e("footer"), s.footerClass])
+      }, [
+        k(s.$slots, "footer")
+      ], 2)) : O("v-if", !0)
+    ], 6));
+  }
+});
+var Pe = /* @__PURE__ */ W(De, [["__file", "dialog-content.vue"]]);
+const Me = A({
+  name: "ElDialog",
+  inheritAttrs: !1
+}), Te = /* @__PURE__ */ A({
+  ...Me,
+  props: re,
+  emits: ie,
+  setup(r, { expose: d }) {
+    const l = r, $ = x();
+    Ee({
+      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"
+    }, L(() => !!$.title));
+    const a = he("dialog"), c = I(), b = I(), v = I(), {
+      visible: t,
+      titleId: y,
+      bodyId: D,
+      style: E,
+      overlayDialogStyle: n,
+      rendered: i,
+      transitionConfig: p,
+      zIndex: g,
+      _draggable: u,
+      _alignCenter: f,
+      _overflow: s,
+      handleClose: m,
+      onModalClick: w,
+      onOpenAutoFocus: M,
+      onCloseAutoFocus: F,
+      onCloseRequested: Y,
+      onFocusoutPrevented: z
+    } = de(l, c);
+    ee(V, {
+      dialogRef: c,
+      headerRef: b,
+      bodyId: D,
+      ns: a,
+      rendered: i,
+      style: E
+    });
+    const T = ue(w), X = L(() => l.modalPenetrable && !l.modal && !l.fullscreen);
+    return d({
+      visible: t,
+      dialogContentRef: v,
+      resetPosition: () => {
+        var o;
+        (o = v.value) == null || o.resetPosition();
+      },
+      handleClose: m
+    }), (o, Ie) => (P(), N(e(me), {
+      to: o.appendTo,
+      disabled: o.appendTo !== "body" ? !1 : !o.appendToBody
+    }, {
+      default: C(() => [
+        S(oe, q(e(p), { persisted: "" }), {
+          default: C(() => {
+            var U;
+            return [
+              se(S(e(ce), {
+                "custom-mask-event": "",
+                mask: o.modal,
+                "overlay-class": [
+                  (U = o.modalClass) != null ? U : "",
+                  `${e(a).namespace.value}-modal-dialog`,
+                  e(a).is("penetrable", e(X))
+                ],
+                "z-index": e(g)
+              }, {
+                default: C(() => [
+                  R("div", {
+                    role: "dialog",
+                    "aria-modal": "true",
+                    "aria-label": o.title || void 0,
+                    "aria-labelledby": o.title ? void 0 : e(y),
+                    "aria-describedby": e(D),
+                    class: h(`${e(a).namespace.value}-overlay-dialog`),
+                    style: K(e(n)),
+                    onClick: e(T).onClick,
+                    onMousedown: e(T).onMousedown,
+                    onMouseup: e(T).onMouseup
+                  }, [
+                    S(e(ve), {
+                      loop: "",
+                      trapped: e(t),
+                      "focus-start-el": "container",
+                      onFocusAfterTrapped: e(M),
+                      onFocusAfterReleased: e(F),
+                      onFocusoutPrevented: e(z),
+                      onReleaseRequested: e(Y)
+                    }, {
+                      default: C(() => [
+                        e(i) ? (P(), N(Pe, q({
+                          key: 0,
+                          ref_key: "dialogContentRef",
+                          ref: v
+                        }, o.$attrs, {
+                          center: o.center,
+                          "align-center": e(f),
+                          "close-icon": o.closeIcon,
+                          draggable: e(u),
+                          overflow: e(s),
+                          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(m)
+                        }), te({
+                          header: C(() => [
+                            o.$slots.title ? k(o.$slots, "title", { key: 1 }) : k(o.$slots, "header", {
+                              key: 0,
+                              close: e(m),
+                              titleId: e(y),
+                              titleClass: e(a).e("title")
+                            })
+                          ]),
+                          default: C(() => [
+                            k(o.$slots, "default")
+                          ]),
+                          _: 2
+                        }, [
+                          o.$slots.footer ? {
+                            name: "footer",
+                            fn: C(() => [
+                              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)
+                      ]),
+                      _: 3
+                    }, 8, ["trapped", "onFocusAfterTrapped", "onFocusAfterReleased", "onFocusoutPrevented", "onReleaseRequested"])
+                  ], 46, ["aria-label", "aria-labelledby", "aria-describedby", "onClick", "onMousedown", "onMouseup"])
+                ]),
+                _: 3
+              }, 8, ["mask", "overlay-class", "z-index"]), [
+                [le, e(t)]
+              ])
+            ];
+          }),
+          _: 3
+        }, 16)
+      ]),
+      _: 3
+    }, 8, ["to", "disabled"]));
+  }
+});
+var Le = /* @__PURE__ */ W(Te, [["__file", "dialog.vue"]]);
+const Oe = Ce(Le);
+export {
+  Oe as E,
+  ke as c,
+  we as u
+};

package/es/{el-divider-fd2b4e2e.js → el-divider-2f300113.js}

@@ -1,5 +1,5 @@
 import { defineComponent as n, computed as c, openBlock as o, createElementBlock as i, normalizeClass as s, unref as r, normalizeStyle as p, renderSlot as u, createCommentVNode as v } from "vue";
-import { b as f, d as m, u as y, _ as S, w as _ } from "./base-d9284bf0.js";
+import { b as f, e as m, u as y, _ as S, w as _ } from "./base-62a70f61.js";
 const b = f({
   direction: {
     type: String,

package/es/{el-divider-40c50ce7.cjs → el-divider-4713d74c.cjs}

@@ -1 +1 @@
-"use strict";const e=require("vue"),i=require("./base-bdc10baa.cjs"),l=i.buildProps({direction:{type:String,values:["horizontal","vertical"],default:"horizontal"},contentPosition:{type:String,values:["left","center","right"],default:"center"},borderStyle:{type:i.definePropType(String),default:"solid"}}),d=e.defineComponent({name:"ElDivider"}),a=e.defineComponent({...d,props:l,setup(n){const o=n,t=i.useNamespace("divider"),s=e.computed(()=>t.cssVar({"border-style":o.borderStyle}));return(r,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(t).b(),e.unref(t).m(r.direction)]),style:e.normalizeStyle(e.unref(s)),role:"separator"},[r.$slots.default&&r.direction!=="vertical"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(t).e("text"),e.unref(t).is(r.contentPosition)])},[e.renderSlot(r.$slots,"default")],2)):e.createCommentVNode("v-if",!0)],6))}});var c=i._export_sfc(a,[["__file","divider.vue"]]);const u=i.withInstall(c);exports.ElDivider=u;
+"use strict";const e=require("vue"),i=require("./base-ef747d02.cjs"),l=i.buildProps({direction:{type:String,values:["horizontal","vertical"],default:"horizontal"},contentPosition:{type:String,values:["left","center","right"],default:"center"},borderStyle:{type:i.definePropType(String),default:"solid"}}),d=e.defineComponent({name:"ElDivider"}),a=e.defineComponent({...d,props:l,setup(n){const o=n,t=i.useNamespace("divider"),s=e.computed(()=>t.cssVar({"border-style":o.borderStyle}));return(r,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(t).b(),e.unref(t).m(r.direction)]),style:e.normalizeStyle(e.unref(s)),role:"separator"},[r.$slots.default&&r.direction!=="vertical"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(t).e("text"),e.unref(t).is(r.contentPosition)])},[e.renderSlot(r.$slots,"default")],2)):e.createCommentVNode("v-if",!0)],6))}});var c=i._export_sfc(a,[["__file","divider.vue"]]);const u=i.withInstall(c);exports.ElDivider=u;