st-comp 0.0.148 → 0.0.150

package/es/{el-message-d51d032b.js → el-message-7d927756.js}

@@ -1,12 +1,13 @@
-import { defineComponent as B, computed as m, openBlock as v, createElementBlock as z, normalizeClass as C, unref as s, renderSlot as I, createVNode as O, Transition as Z, withCtx as E, withDirectives as j, createElementVNode as L, normalizeStyle as q, createTextVNode as re, toDisplayString as G, vShow as J, shallowReactive as ie, ref as k, onMounted as ue, watch as de, createBlock as b, createCommentVNode as S, resolveDynamicComponent as ce, Fragment as pe, withModifiers as fe, isVNode as K, render as H } from "vue";
-import { u as me, a as ge } from "./el-scrollbar-e8e93751.js";
-import { b as W, d as N, u as ye, l as T, y as A, _ as Q, w as ve, i as X, I as Ce, v as R, e as _, c as he, q as be, J as V, K as Te } from "./base-950bac7e.js";
-import { i as we, T as P, E as U, s as Se } from "./use-form-common-props-4d37077d.js";
+import { defineComponent as B, computed as m, openBlock as v, createElementBlock as z, normalizeClass as C, unref as s, renderSlot as I, createVNode as O, Transition as Z, withCtx as E, withDirectives as j, createElementVNode as L, normalizeStyle as q, createTextVNode as le, toDisplayString as G, vShow as W, shallowReactive as ie, ref as k, onMounted as ue, watch as de, createBlock as b, createCommentVNode as S, resolveDynamicComponent as ce, Fragment as pe, withModifiers as fe, isVNode as J, render as H } from "vue";
+import { b as me, a as ge } from "./el-scrollbar-29bcab5f.js";
+import { b as K, d as N, u as ye, a as T, v as A, _ as Q, w as ve, h as X, o as Ce, i as R, g as _, l as he, e as be, c as V, E as Te } from "./base-19787dfb.js";
+import { E as P } from "./index-72151b24.js";
+import { i as we, f as U, T as Se } from "./use-form-common-props-5ff2f51b.js";
 import { m as Ee } from "./typescript-7ae59c4c.js";
-import { u as Ne } from "./index-aece600c.js";
-import { E as Be } from "./index-121e2861.js";
-import { m as c } from "./config-provider-feed0e8a.js";
-const Me = W({
+import { u as Ne } from "./index-c066fe0d.js";
+import { E as Be } from "./index-621b092b.js";
+import { m as c } from "./config-provider-0f6672af.js";
+const Me = K({
   value: {
     type: [String, Number],
     default: ""
@@ -44,11 +45,11 @@ const Me = W({
   props: Me,
   setup(o, { expose: t }) {
     const e = o, a = ye("badge"), n = m(() => e.isDot ? "" : T(e.value) && T(e.max) ? e.max < e.value ? `${e.max}+` : `${e.value}` : `${e.value}`), p = m(() => {
-      var l, u, f, g, y;
+      var r, u, f, g, y;
       return [
         {
           backgroundColor: e.color,
-          marginRight: A(-((u = (l = e.offset) == null ? void 0 : l[0]) != null ? u : 0)),
+          marginRight: A(-((u = (r = e.offset) == null ? void 0 : r[0]) != null ? u : 0)),
           marginTop: A((g = (f = e.offset) == null ? void 0 : f[1]) != null ? g : 0)
         },
         (y = e.badgeStyle) != null ? y : {}
@@ -56,10 +57,10 @@ const Me = W({
     });
     return t({
       content: n
-    }), (l, u) => (v(), z("div", {
+    }), (r, u) => (v(), z("div", {
       class: C(s(a).b())
     }, [
-      I(l.$slots, "default"),
+      I(r.$slots, "default"),
       O(Z, {
         name: `${s(a).namespace.value}-zoom-in-center`,
         persisted: ""
@@ -68,19 +69,19 @@ const Me = W({
           j(L("sup", {
             class: C([
               s(a).e("content"),
-              s(a).em("content", l.type),
-              s(a).is("fixed", !!l.$slots.default),
-              s(a).is("dot", l.isDot),
-              s(a).is("hide-zero", !l.showZero && e.value === 0),
-              l.badgeClass
+              s(a).em("content", r.type),
+              s(a).is("fixed", !!r.$slots.default),
+              s(a).is("dot", r.isDot),
+              s(a).is("hide-zero", !r.showZero && e.value === 0),
+              r.badgeClass
             ]),
             style: q(s(p))
           }, [
-            I(l.$slots, "content", { value: s(n) }, () => [
-              re(G(s(n)), 1)
+            I(r.$slots, "content", { value: s(n) }, () => [
+              le(G(s(n)), 1)
             ])
           ], 6), [
-            [J, !l.hidden && (s(n) || l.isDot || l.$slots.content)]
+            [W, !r.hidden && (s(n) || r.isDot || r.$slots.content)]
           ])
         ]),
         _: 3
@@ -106,7 +107,7 @@ const Ie = ve(ze), Y = ["success", "info", "warning", "error"], i = Ee({
   grouping: !1,
   repeatNum: 1,
   appendTo: X ? document.body : void 0
-}), Le = W({
+}), Le = K({
   customClass: {
     type: String,
     default: i.customClass
@@ -188,14 +189,14 @@ const Ie = ve(ze), Y = ["success", "info", "warning", "error"], i = Ee({
   props: Le,
   emits: _e,
   setup(o, { expose: t }) {
-    const e = o, { Close: a } = Se, { ns: n, zIndex: p } = Ne("message"), { currentZIndex: l, nextZIndex: u } = p, f = k(), g = k(!1), y = k(0);
+    const e = o, { Close: a } = Se, { ns: n, zIndex: p } = Ne("message"), { currentZIndex: r, nextZIndex: u } = p, f = k(), g = k(!1), y = k(0);
     let M;
     const se = m(() => e.type ? e.type === "error" ? "danger" : e.type : "info"), oe = m(() => {
-      const r = e.type;
-      return { [n.bm("icon", r)]: r && P[r] };
-    }), D = m(() => e.icon || P[e.type] || ""), te = m(() => De(e.id)), x = m(() => xe(e.id, e.offset) + te.value), ne = m(() => y.value + x.value), ae = m(() => ({
+      const l = e.type;
+      return { [n.bm("icon", l)]: l && U[l] };
+    }), D = m(() => e.icon || U[e.type] || ""), te = m(() => De(e.id)), x = m(() => xe(e.id, e.offset) + te.value), ne = m(() => y.value + x.value), ae = m(() => ({
       top: `${x.value}px`,
-      zIndex: l.value
+      zIndex: r.value
     }));
     function $() {
       e.duration !== 0 && ({ stop: M } = Ce(() => {
@@ -208,50 +209,50 @@ const Ie = ve(ze), Y = ["success", "info", "warning", "error"], i = Ee({
     function w() {
       g.value = !1;
     }
-    function le({ code: r }) {
-      r === Be.esc && w();
+    function re({ code: l }) {
+      l === Be.esc && w();
     }
     return ue(() => {
       $(), u(), g.value = !0;
     }), de(() => e.repeatNum, () => {
       F(), $();
-    }), me(document, "keydown", le), ge(f, () => {
+    }), me(document, "keydown", re), ge(f, () => {
       y.value = f.value.getBoundingClientRect().height;
     }), t({
       visible: g,
       bottom: ne,
       close: w
-    }), (r, Ze) => (v(), b(Z, {
+    }), (l, Ze) => (v(), b(Z, {
       name: s(n).b("fade"),
-      onBeforeLeave: r.onClose,
-      onAfterLeave: (je) => r.$emit("destroy"),
+      onBeforeLeave: l.onClose,
+      onAfterLeave: (je) => l.$emit("destroy"),
       persisted: ""
     }, {
       default: E(() => [
         j(L("div", {
-          id: r.id,
+          id: l.id,
           ref_key: "messageRef",
           ref: f,
           class: C([
             s(n).b(),
-            { [s(n).m(r.type)]: r.type },
-            s(n).is("center", r.center),
-            s(n).is("closable", r.showClose),
-            s(n).is("plain", r.plain),
-            r.customClass
+            { [s(n).m(l.type)]: l.type },
+            s(n).is("center", l.center),
+            s(n).is("closable", l.showClose),
+            s(n).is("plain", l.plain),
+            l.customClass
           ]),
           style: q(s(ae)),
           role: "alert",
           onMouseenter: F,
           onMouseleave: $
         }, [
-          r.repeatNum > 1 ? (v(), b(s(Ie), {
+          l.repeatNum > 1 ? (v(), b(s(Ie), {
             key: 0,
-            value: r.repeatNum,
+            value: l.repeatNum,
             type: s(se),
             class: C(s(n).e("badge"))
           }, null, 8, ["value", "type", "class"])) : S("v-if", !0),
-          s(D) ? (v(), b(s(U), {
+          s(D) ? (v(), b(s(P), {
             key: 1,
             class: C([s(n).e("icon"), s(oe)])
           }, {
@@ -260,19 +261,19 @@ const Ie = ve(ze), Y = ["success", "info", "warning", "error"], i = Ee({
             ]),
             _: 1
           }, 8, ["class"])) : S("v-if", !0),
-          I(r.$slots, "default", {}, () => [
-            r.dangerouslyUseHTMLString ? (v(), z(pe, { key: 1 }, [
+          I(l.$slots, "default", {}, () => [
+            l.dangerouslyUseHTMLString ? (v(), z(pe, { key: 1 }, [
               S(" Caution here, message could've been compromised, never use user's input as message "),
               L("p", {
                 class: C(s(n).e("content")),
-                innerHTML: r.message
+                innerHTML: l.message
               }, null, 10, ["innerHTML"])
             ], 2112)) : (v(), z("p", {
               key: 0,
               class: C(s(n).e("content"))
-            }, G(r.message), 3))
+            }, G(l.message), 3))
           ]),
-          r.showClose ? (v(), b(s(U), {
+          l.showClose ? (v(), b(s(P), {
             key: 2,
             class: C(s(n).e("closeBtn")),
             onClick: fe(w, ["stop"])
@@ -283,7 +284,7 @@ const Ie = ve(ze), Y = ["success", "info", "warning", "error"], i = Ee({
             _: 1
           }, 8, ["class", "onClick"])) : S("v-if", !0)
         ], 46, ["id"]), [
-          [J, g.value]
+          [W, g.value]
         ])
       ]),
       _: 3
@@ -293,7 +294,7 @@ const Ie = ve(ze), Y = ["success", "info", "warning", "error"], i = Ee({
 var Ae = /* @__PURE__ */ Q(He, [["__file", "message.vue"]]);
 let Re = 1;
 const ee = (o) => {
-  const t = !o || R(o) || K(o) || _(o) ? { message: o } : o, e = {
+  const t = !o || R(o) || J(o) || _(o) ? { message: o } : o, e = {
     ...i,
     ...t
   };
@@ -312,7 +313,7 @@ const ee = (o) => {
   const { handler: e } = o;
   e.close();
 }, Pe = ({ appendTo: o, ...t }, e) => {
-  const a = `message_${Re++}`, n = t.onClose, p = document.createElement("div"), l = {
+  const a = `message_${Re++}`, n = t.onClose, p = document.createElement("div"), r = {
     ...t,
     id: a,
     onClose: () => {
@@ -321,8 +322,8 @@ const ee = (o) => {
     onDestroy: () => {
       H(null, p);
     }
-  }, u = O(Ae, l, _(l.message) || K(l.message) ? {
-    default: _(l.message) ? l.message : () => l.message
+  }, u = O(Ae, r, _(r.message) || J(r.message) ? {
+    default: _(r.message) ? r.message : () => r.message
   } : null);
   u.appContext = e || h._context, H(u, p), o.appendChild(p.firstElementChild);
   const f = u.component, y = {
@@ -344,8 +345,8 @@ const ee = (o) => {
   const e = ee(o);
   if (e.grouping && d.length) {
     const n = d.find(({ vnode: p }) => {
-      var l;
-      return ((l = p.props) == null ? void 0 : l.message) === e.message;
+      var r;
+      return ((r = p.props) == null ? void 0 : r.message) === e.message;
     });
     if (n)
       return n.props.repeatNum += 1, n.props.type = e.type, n.handler;
@@ -368,7 +369,7 @@ function Ue(o) {
 }
 h.closeAll = Ue;
 h._context = null;
-const es = Te(h, "$message");
+const ss = Te(h, "$message");
 export {
-  es as E
+  ss as E
 };

package/es/el-message-d5ed7a4f.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),k=require("./el-scrollbar-ac525239.cjs"),o=require("./base-0ca7c43a.cjs"),w=require("./index-afc88a4b.cjs"),h=require("./use-form-common-props-74a96df2.cjs"),_=require("./typescript-b63f8e83.cjs"),D=require("./index-2f958e56.cjs"),O=require("./index-65b4113e.cjs"),p=require("./config-provider-cfbb9cd8.cjs"),P=o.buildProps({value:{type:[String,Number],default:""},max:{type:Number,default:99},isDot:Boolean,hidden:Boolean,type:{type:String,values:["primary","success","warning","info","danger"],default:"danger"},showZero:{type:Boolean,default:!0},color:String,badgeStyle:{type:o.definePropType([String,Object,Array])},offset:{type:o.definePropType(Array),default:[0,0]},badgeClass:{type:String}}),q=e.defineComponent({name:"ElBadge"}),F=e.defineComponent({...q,props:P,setup(s,{expose:t}){const n=s,a=o.useNamespace("badge"),r=e.computed(()=>n.isDot?"":o.isNumber(n.value)&&o.isNumber(n.max)?n.max<n.value?`${n.max}+`:`${n.value}`:`${n.value}`),f=e.computed(()=>{var l,c,m,g,y;return[{backgroundColor:n.color,marginRight:o.addUnit(-((c=(l=n.offset)==null?void 0:l[0])!=null?c:0)),marginTop:o.addUnit((g=(m=n.offset)==null?void 0:m[1])!=null?g:0)},(y=n.badgeStyle)!=null?y:{}]});return t({content:r}),(l,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(a).b())},[e.renderSlot(l.$slots,"default"),e.createVNode(e.Transition,{name:`${e.unref(a).namespace.value}-zoom-in-center`,persisted:""},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("sup",{class:e.normalizeClass([e.unref(a).e("content"),e.unref(a).em("content",l.type),e.unref(a).is("fixed",!!l.$slots.default),e.unref(a).is("dot",l.isDot),e.unref(a).is("hide-zero",!l.showZero&&n.value===0),l.badgeClass]),style:e.normalizeStyle(e.unref(f))},[e.renderSlot(l.$slots,"content",{value:e.unref(r)},()=>[e.createTextVNode(e.toDisplayString(e.unref(r)),1)])],6),[[e.vShow,!l.hidden&&(e.unref(r)||l.isDot||l.$slots.content)]])]),_:3},8,["name"])],2))}});var H=o._export_sfc(F,[["__file","badge.vue"]]);const A=o.withInstall(H),E=["success","info","warning","error"],u=_.mutable({customClass:"",center:!1,dangerouslyUseHTMLString:!1,duration:3e3,icon:void 0,id:"",message:"",onClose:void 0,showClose:!1,type:"info",plain:!1,offset:16,zIndex:0,grouping:!1,repeatNum:1,appendTo:o.isClient?document.body:void 0}),R=o.buildProps({customClass:{type:String,default:u.customClass},center:{type:Boolean,default:u.center},dangerouslyUseHTMLString:{type:Boolean,default:u.dangerouslyUseHTMLString},duration:{type:Number,default:u.duration},icon:{type:h.iconPropType,default:u.icon},id:{type:String,default:u.id},message:{type:o.definePropType([String,Object,Function]),default:u.message},onClose:{type:o.definePropType(Function),default:u.onClose},showClose:{type:Boolean,default:u.showClose},type:{type:String,values:E,default:u.type},plain:{type:Boolean,default:u.plain},offset:{type:Number,default:u.offset},zIndex:{type:Number,default:u.zIndex},grouping:{type:Boolean,default:u.grouping},repeatNum:{type:Number,default:u.repeatNum}}),U={destroy:()=>!0},d=e.shallowReactive([]),Z=s=>{const t=d.findIndex(r=>r.id===s),n=d[t];let a;return t>0&&(a=d[t-1]),{current:n,prev:a}},j=s=>{const{prev:t}=Z(s);return t?t.vm.exposed.bottom.value:0},G=(s,t)=>d.findIndex(a=>a.id===s)>0?16:t,W=e.defineComponent({name:"ElMessage"}),J=e.defineComponent({...W,props:R,emits:U,setup(s,{expose:t}){const n=s,{Close:a}=h.TypeComponents,{ns:r,zIndex:f}=D.useGlobalComponentSettings("message"),{currentZIndex:l,nextZIndex:c}=f,m=e.ref(),g=e.ref(!1),y=e.ref(0);let b;const M=e.computed(()=>n.type?n.type==="error"?"danger":n.type:"info"),$=e.computed(()=>{const i=n.type;return{[r.bm("icon",i)]:i&&h.TypeComponentsMap[i]}}),T=e.computed(()=>n.icon||h.TypeComponentsMap[n.type]||""),x=e.computed(()=>j(n.id)),N=e.computed(()=>G(n.id,n.offset)+x.value),I=e.computed(()=>y.value+N.value),V=e.computed(()=>({top:`${N.value}px`,zIndex:l.value}));function B(){n.duration!==0&&({stop:b}=o.useTimeoutFn(()=>{C()},n.duration))}function S(){b==null||b()}function C(){g.value=!1}function L({code:i}){i===O.EVENT_CODE.esc&&C()}return e.onMounted(()=>{B(),c(),g.value=!0}),e.watch(()=>n.repeatNum,()=>{S(),B()}),k.useEventListener(document,"keydown",L),k.useResizeObserver(m,()=>{y.value=m.value.getBoundingClientRect().height}),t({visible:g,bottom:I,close:C}),(i,oe)=>(e.openBlock(),e.createBlock(e.Transition,{name:e.unref(r).b("fade"),onBeforeLeave:i.onClose,onAfterLeave:se=>i.$emit("destroy"),persisted:""},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{id:i.id,ref_key:"messageRef",ref:m,class:e.normalizeClass([e.unref(r).b(),{[e.unref(r).m(i.type)]:i.type},e.unref(r).is("center",i.center),e.unref(r).is("closable",i.showClose),e.unref(r).is("plain",i.plain),i.customClass]),style:e.normalizeStyle(e.unref(V)),role:"alert",onMouseenter:S,onMouseleave:B},[i.repeatNum>1?(e.openBlock(),e.createBlock(e.unref(A),{key:0,value:i.repeatNum,type:e.unref(M),class:e.normalizeClass(e.unref(r).e("badge"))},null,8,["value","type","class"])):e.createCommentVNode("v-if",!0),e.unref(T)?(e.openBlock(),e.createBlock(e.unref(w.ElIcon),{key:1,class:e.normalizeClass([e.unref(r).e("icon"),e.unref($)])},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(T))))]),_:1},8,["class"])):e.createCommentVNode("v-if",!0),e.renderSlot(i.$slots,"default",{},()=>[i.dangerouslyUseHTMLString?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createCommentVNode(" Caution here, message could've been compromised, never use user's input as message "),e.createElementVNode("p",{class:e.normalizeClass(e.unref(r).e("content")),innerHTML:i.message},null,10,["innerHTML"])],2112)):(e.openBlock(),e.createElementBlock("p",{key:0,class:e.normalizeClass(e.unref(r).e("content"))},e.toDisplayString(i.message),3))]),i.showClose?(e.openBlock(),e.createBlock(e.unref(w.ElIcon),{key:2,class:e.normalizeClass(e.unref(r).e("closeBtn")),onClick:e.withModifiers(C,["stop"])},{default:e.withCtx(()=>[e.createVNode(e.unref(a))]),_:1},8,["class","onClick"])):e.createCommentVNode("v-if",!0)],46,["id"]),[[e.vShow,g.value]])]),_:3},8,["name","onBeforeLeave","onAfterLeave"]))}});var K=o._export_sfc(J,[["__file","message.vue"]]);let Q=1;const z=s=>{const t=!s||o.isString(s)||e.isVNode(s)||o.isFunction(s)?{message:s}:s,n={...u,...t};if(!n.appendTo)n.appendTo=document.body;else if(o.isString(n.appendTo)){let a=document.querySelector(n.appendTo);o.isElement(a)||(o.debugWarn("ElMessage","the appendTo option is not an HTMLElement. Falling back to document.body."),a=document.body),n.appendTo=a}return o.isBoolean(p.messageConfig.grouping)&&!n.grouping&&(n.grouping=p.messageConfig.grouping),o.isNumber(p.messageConfig.duration)&&n.duration===3e3&&(n.duration=p.messageConfig.duration),o.isNumber(p.messageConfig.offset)&&n.offset===16&&(n.offset=p.messageConfig.offset),o.isBoolean(p.messageConfig.showClose)&&!n.showClose&&(n.showClose=p.messageConfig.showClose),n},X=s=>{const t=d.indexOf(s);if(t===-1)return;d.splice(t,1);const{handler:n}=s;n.close()},Y=({appendTo:s,...t},n)=>{const a=`message_${Q++}`,r=t.onClose,f=document.createElement("div"),l={...t,id:a,onClose:()=>{r==null||r(),X(y)},onDestroy:()=>{e.render(null,f)}},c=e.createVNode(K,l,o.isFunction(l.message)||e.isVNode(l.message)?{default:o.isFunction(l.message)?l.message:()=>l.message}:null);c.appContext=n||v._context,e.render(c,f),s.appendChild(f.firstElementChild);const m=c.component,y={id:a,vnode:c,vm:m,handler:{close:()=>{m.exposed.visible.value=!1}},props:c.component.props};return y},v=(s={},t)=>{if(!o.isClient)return{close:()=>{}};const n=z(s);if(n.grouping&&d.length){const r=d.find(({vnode:f})=>{var l;return((l=f.props)==null?void 0:l.message)===n.message});if(r)return r.props.repeatNum+=1,r.props.type=n.type,r.handler}if(o.isNumber(p.messageConfig.max)&&d.length>=p.messageConfig.max)return{close:()=>{}};const a=Y(n,t);return d.push(a),a.handler};E.forEach(s=>{v[s]=(t={},n)=>{const a=z(t);return v({...a,type:s},n)}});function ee(s){for(const t of d)(!s||s===t.props.type)&&t.handler.close()}v.closeAll=ee;v._context=null;const ne=o.withInstallFunction(v,"$message");exports.ElMessage=ne;