st-comp 0.0.279 → 0.0.280

package/es/el-overlay-36f223e9.js

@@ -0,0 +1,444 @@
+import { U as Y } from "./el-popper-852446fd.js";
+import { t as se, u as q, j as ue, h as ie, z as re, r as ce, N as D, b as L, c as f, q as de, p as fe, k as ve, v as ye, m as me, B as V, e as $, y as ge } from "./base-dd156b8e.js";
+import { i as be, v as Ce } from "./use-form-item-187cd7db.js";
+import { isRef as pe, computed as u, watch as E, onScopeDispose as Be, defineComponent as Oe, createVNode as he, renderSlot as U, h as Ee, getCurrentInstance as xe, ref as B, nextTick as we, onMounted as Ae } from "vue";
+import { g as Ie } from "./scroll-70271cb1.js";
+import { a as W } from "./index-a181f161.js";
+import { a as Se } from "./use-global-config-17dafd40.js";
+const Me = (e, t = {}) => {
+  pe(e) || se("[useLockscreen]", "You need to pass a ref param to this function");
+  const n = t.ns || q("popup"), s = u(() => n.bm("parent", "hidden"));
+  let i = 0, r = !1, l = "0", a = !1;
+  const v = () => {
+    a || (a = !0, setTimeout(() => {
+      typeof document > "u" || r && document && (document.body.style.width = l, ce(document.body, s.value));
+    }, 200));
+  };
+  E(e, (g) => {
+    if (!g) {
+      v();
+      return;
+    }
+    a = !1, r = !ue(document.body, s.value), r && (l = document.body.style.width, ie(document.body, s.value)), i = Ie(n.namespace.value);
+    const b = document.documentElement.clientHeight < document.body.scrollHeight, C = re(document.body, "overflowY");
+    i > 0 && (b || C === "scroll") && r && (document.body.style.width = `calc(100% - ${i}px)`);
+  }), Be(() => v());
+}, ke = (e) => {
+  if (!e)
+    return {
+      onClick: D,
+      onMousedown: D,
+      onMouseup: D
+    };
+  let t = !1, n = !1;
+  return {
+    onClick: (l) => {
+      t && n && e(l), t = n = !1;
+    },
+    onMousedown: (l) => {
+      t = l.target === l.currentTarget;
+    },
+    onMouseup: (l) => {
+      n = l.target === l.currentTarget;
+    }
+  };
+}, De = L({
+  /**
+  * @description whether to align the header and footer in center
+  */
+  center: Boolean,
+  /**
+  * @description whether to align the dialog both horizontally and vertically
+  */
+  alignCenter: {
+    type: Boolean,
+    default: void 0
+  },
+  /**
+  * @description custom close icon, default is Close
+  */
+  closeIcon: { type: be },
+  /**
+  * @description enable dragging feature for Dialog
+  */
+  draggable: {
+    type: Boolean,
+    default: void 0
+  },
+  /**
+  * @description draggable Dialog can overflow the viewport
+  */
+  overflow: {
+    type: Boolean,
+    default: void 0
+  },
+  /**
+  * @description whether the Dialog takes up full screen
+  */
+  fullscreen: Boolean,
+  /**
+  * @description custom class names for header wrapper
+  */
+  headerClass: {
+    type: f([
+      String,
+      Array,
+      Object,
+      Boolean
+    ]),
+    default: void 0
+  },
+  /**
+  * @description custom class names for body wrapper
+  */
+  bodyClass: {
+    type: f([
+      String,
+      Array,
+      Object,
+      Boolean
+    ]),
+    default: void 0
+  },
+  /**
+  * @description custom class names for footer wrapper
+  */
+  footerClass: {
+    type: f([
+      String,
+      Array,
+      Object,
+      Boolean
+    ]),
+    default: void 0
+  },
+  /**
+  * @description whether to show a close button
+  */
+  showClose: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+  * @description title of Dialog. Can also be passed with a named slot (see the following table)
+  */
+  title: {
+    type: String,
+    default: ""
+  },
+  /**
+  * @description header's aria-level attribute
+  */
+  ariaLevel: {
+    type: String,
+    default: "2"
+  }
+}), Ke = { close: () => !0 }, Ye = L({
+  ...De,
+  /**
+  * @description whether to append Dialog itself to body. A nested Dialog should have this attribute set to `true`
+  */
+  appendToBody: Boolean,
+  /**
+  * @description which element the Dialog appends to
+  */
+  appendTo: {
+    type: f([String, Object]),
+    default: "body"
+  },
+  /**
+  * @description callback before Dialog closes, and it will prevent Dialog from closing, use done to close the dialog
+  */
+  beforeClose: { type: f(Function) },
+  /**
+  * @description destroy elements in Dialog when closed
+  */
+  destroyOnClose: Boolean,
+  /**
+  * @description whether the Dialog can be closed by clicking the mask
+  */
+  closeOnClickModal: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+  * @description whether the Dialog can be closed by pressing ESC
+  */
+  closeOnPressEscape: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+  * @description whether scroll of body is disabled while Dialog is displayed
+  */
+  lockScroll: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+  * @description whether a mask is displayed
+  */
+  modal: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+  * @description whether the mask is penetrable
+  */
+  modalPenetrable: Boolean,
+  /**
+  * @description the Time(milliseconds) before open
+  */
+  openDelay: {
+    type: Number,
+    default: 0
+  },
+  /**
+  * @description the Time(milliseconds) before close
+  */
+  closeDelay: {
+    type: Number,
+    default: 0
+  },
+  /**
+  * @description value for `margin-top` of Dialog CSS, default is 15vh
+  */
+  top: { type: String },
+  /**
+  * @description visibility of Dialog
+  */
+  modelValue: Boolean,
+  /**
+  * @description custom class names for mask
+  */
+  modalClass: {
+    type: f([
+      String,
+      Array,
+      Object,
+      Boolean
+    ]),
+    default: void 0
+  },
+  /**
+  * @description width of Dialog, default is 50%
+  */
+  width: { type: [String, Number] },
+  /**
+  * @description same as z-index in native CSS, z-order of dialog
+  */
+  zIndex: { type: Number },
+  trapFocus: Boolean,
+  /**
+  * @description header's aria-level attribute
+  */
+  headerAriaLevel: {
+    type: String,
+    default: "2"
+  },
+  /**
+  * @description custom transition configuration for dialog animation, it can be a string (transition name) or an object with Vue transition props
+  */
+  transition: {
+    type: f([String, Object]),
+    default: void 0
+  }
+}), qe = {
+  open: () => !0,
+  opened: () => !0,
+  close: () => !0,
+  closed: () => !0,
+  [Y]: (e) => de(e),
+  openAutoFocus: () => !0,
+  closeAutoFocus: () => !0
+}, Le = L({
+  mask: {
+    type: Boolean,
+    default: !0
+  },
+  customMaskEvent: Boolean,
+  overlayClass: {
+    type: f([
+      String,
+      Array,
+      Object,
+      Boolean
+    ]),
+    default: void 0
+  },
+  zIndex: { type: f([String, Number]) }
+}), Pe = { click: (e) => e instanceof MouseEvent }, Ne = "overlay";
+var Te = Oe({
+  name: "ElOverlay",
+  props: Le,
+  emits: Pe,
+  setup(e, { slots: t, emit: n }) {
+    const s = q(Ne), i = (v) => {
+      n("click", v);
+    }, { onClick: r, onMousedown: l, onMouseup: a } = ke(e.customMaskEvent ? void 0 : i);
+    return () => e.mask ? he("div", {
+      class: [s.b(), e.overlayClass],
+      style: { zIndex: e.zIndex },
+      onClick: r,
+      onMousedown: l,
+      onMouseup: a
+    }, [U(t, "default")], 14, [
+      "onClick",
+      "onMouseup",
+      "onMousedown"
+    ]) : Ee("div", {
+      class: e.overlayClass,
+      style: {
+        zIndex: e.zIndex,
+        position: "fixed",
+        top: "0px",
+        right: "0px",
+        bottom: "0px",
+        left: "0px"
+      }
+    }, [U(t, "default")]);
+  }
+});
+const Ge = Te, He = Symbol("dialogInjectionKey"), K = "dialog-fade", ze = "ElDialog", Ze = (e, t) => {
+  const n = xe().emit, { nextZIndex: s } = Ce();
+  let i = "";
+  const r = W(), l = W(), a = B(!1), v = B(!1), g = B(!1), b = B(e.zIndex ?? s()), C = B(!1);
+  let y, m;
+  const P = Se(), G = u(() => {
+    var o;
+    return ((o = P.value) == null ? void 0 : o.namespace) ?? "el";
+  }), O = u(() => {
+    var o;
+    return (o = P.value) == null ? void 0 : o.dialog;
+  }), H = u(() => {
+    const o = {}, c = `--${G.value}-dialog`;
+    if (!e.fullscreen) {
+      e.top && (o[`${c}-margin-top`] = e.top);
+      const p = fe(e.width);
+      p && (o[`${c}-width`] = p);
+    }
+    return o;
+  }), Z = u(() => {
+    var o;
+    return (e.draggable ?? ((o = O.value) == null ? void 0 : o.draggable) ?? !1) && !e.fullscreen;
+  }), N = u(() => {
+    var o;
+    return e.alignCenter ?? ((o = O.value) == null ? void 0 : o.alignCenter) ?? !1;
+  }), J = u(() => {
+    var o;
+    return e.overflow ?? ((o = O.value) == null ? void 0 : o.overflow) ?? !1;
+  }), T = u(() => e.modalPenetrable && !e.modal && !e.fullscreen), Q = u(() => N.value ? { display: "flex" } : {}), X = u(() => {
+    var p;
+    const o = e.transition ?? ((p = O.value) == null ? void 0 : p.transition) ?? "dialog-fade", c = {
+      name: o,
+      onAfterEnter: x,
+      onBeforeLeave: A,
+      onAfterLeave: w
+    };
+    if (ve(o)) {
+      const d = { ...o }, k = (h, ae) => (j) => {
+        me(h) ? h.forEach((_) => {
+          V(_) && _(j);
+        }) : V(h) && h(j), ae();
+      };
+      return d.onAfterEnter = k(d.onAfterEnter, x), d.onBeforeLeave = k(d.onBeforeLeave, A), d.onAfterLeave = k(d.onAfterLeave, w), d.name || (d.name = K, ye(ze, `transition.name is missing when using object syntax, fallback to '${K}'`)), d;
+    }
+    return c;
+  });
+  function x() {
+    n("opened");
+  }
+  function w() {
+    n("closed"), n(Y, !1), e.destroyOnClose && (g.value = !1), C.value = !1;
+  }
+  function A() {
+    C.value = !0, n("close");
+  }
+  function z() {
+    m == null || m(), y == null || y(), e.openDelay && e.openDelay > 0 ? { stop: y } = $(() => F(), e.openDelay) : F();
+  }
+  function I() {
+    y == null || y(), m == null || m(), e.closeDelay && e.closeDelay > 0 ? { stop: m } = $(() => M(), e.closeDelay) : M();
+  }
+  function S() {
+    function o(c) {
+      c || (v.value = !0, a.value = !1);
+    }
+    e.beforeClose ? e.beforeClose(o) : I();
+  }
+  function R() {
+    e.closeOnClickModal && S();
+  }
+  function F() {
+    ge && (a.value = !0);
+  }
+  function M() {
+    a.value = !1;
+  }
+  function ee() {
+    n("openAutoFocus");
+  }
+  function oe() {
+    n("closeAutoFocus");
+  }
+  function te(o) {
+    var c;
+    ((c = o.detail) == null ? void 0 : c.focusReason) === "pointer" && o.preventDefault();
+  }
+  e.lockScroll && Me(a);
+  function ne() {
+    e.closeOnPressEscape && S();
+  }
+  function le() {
+    !a.value || !T.value || e.zIndex !== void 0 || (b.value = s());
+  }
+  return E(() => e.zIndex, () => {
+    b.value = e.zIndex ?? s();
+  }), E(() => e.modelValue, (o) => {
+    o ? (v.value = !1, C.value = !1, z(), g.value = !0, b.value = e.zIndex ?? s(), we(() => {
+      n("open"), t.value && (t.value.parentElement.scrollTop = 0, t.value.parentElement.scrollLeft = 0, t.value.scrollTop = 0);
+    })) : a.value && I();
+  }), E(() => e.fullscreen, (o) => {
+    t.value && (o ? (i = t.value.style.transform, t.value.style.transform = "") : t.value.style.transform = i);
+  }), Ae(() => {
+    e.modelValue && (a.value = !0, g.value = !0, z());
+  }), {
+    afterEnter: x,
+    afterLeave: w,
+    beforeLeave: A,
+    handleClose: S,
+    onModalClick: R,
+    close: I,
+    doClose: M,
+    onOpenAutoFocus: ee,
+    onCloseAutoFocus: oe,
+    onCloseRequested: ne,
+    onFocusoutPrevented: te,
+    bringToFront: le,
+    titleId: r,
+    bodyId: l,
+    closed: v,
+    style: H,
+    overlayDialogStyle: Q,
+    rendered: g,
+    visible: a,
+    zIndex: b,
+    transitionConfig: X,
+    _draggable: Z,
+    _alignCenter: N,
+    _overflow: J,
+    closing: C,
+    penetrable: T
+  };
+};
+export {
+  Ge as E,
+  qe as a,
+  Me as b,
+  ke as c,
+  Ye as d,
+  De as e,
+  Ke as f,
+  He as g,
+  Ze as u
+};

package/es/el-popconfirm-520b2928.cjs

@@ -0,0 +1 @@
+"use strict";const l=require("./base-d987e5c9.cjs"),k=require("./index-d372e68f.cjs"),g=require("./index-3e7d5ffb.cjs"),r=require("./el-popper-f824c63b.cjs"),c=require("./el-button-8259594b.cjs"),S=require("./use-form-item-0a831287.cjs"),e=require("vue"),E=l.buildProps({title:String,confirmButtonText:String,cancelButtonText:String,confirmButtonType:{type:String,values:c.buttonTypes,default:"primary"},cancelButtonType:{type:String,values:c.buttonTypes,default:"text"},icon:{type:S.iconPropType,default:()=>g.question_filled_default},iconColor:{type:String,default:"#f90"},hideIcon:Boolean,hideAfter:{type:Number,default:200},effect:{...r.useTooltipContentProps.effect,default:"light"},teleported:r.useTooltipContentProps.teleported,persistent:r.useTooltipContentProps.persistent,width:{type:[String,Number],default:150},virtualTriggering:r.useTooltipTriggerProps.virtualTriggering,virtualRef:r.useTooltipTriggerProps.virtualRef}),N={confirm:t=>t instanceof MouseEvent,cancel:t=>t instanceof MouseEvent};var w=e.defineComponent({name:"ElPopconfirm",__name:"popconfirm",props:E,emits:N,setup(t,{expose:T,emit:v}){const a=t,f=v,{t:p}=k.useLocale(),i=l.useNamespace("popconfirm"),s=e.ref(),m=e.ref(),x=e.computed(()=>{var o;return(o=e.unref(s))==null?void 0:o.popperRef}),B=()=>{var o,n;(n=(o=m.value)==null?void 0:o.focus)==null||n.call(o)},u=()=>{var o,n;(n=(o=s.value)==null?void 0:o.onClose)==null||n.call(o)},C=e.computed(()=>({width:l.addUnit(a.width)})),d=o=>{f("confirm",o),u()},y=o=>{f("cancel",o),u()},h=e.computed(()=>a.confirmButtonText||p("el.popconfirm.confirmButtonText")),P=e.computed(()=>a.cancelButtonText||p("el.popconfirm.cancelButtonText"));return T({popperRef:x,hide:u}),(o,n)=>(e.openBlock(),e.createBlock(e.unref(r.ElTooltip),e.mergeProps({ref_key:"tooltipRef",ref:s,trigger:"click",effect:t.effect},o.$attrs,{"virtual-triggering":t.virtualTriggering,"virtual-ref":t.virtualRef,"popper-class":`${e.unref(i).namespace.value}-popover`,"popper-style":C.value,teleported:t.teleported,"fallback-placements":["bottom","top","right","left"],"hide-after":t.hideAfter,persistent:t.persistent,loop:"",onShow:B}),{content:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"rootRef",ref:m,tabindex:"-1",class:e.normalizeClass(e.unref(i).b())},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(i).e("main"))},[!t.hideIcon&&t.icon?(e.openBlock(),e.createBlock(e.unref(g.ElIcon),{key:0,class:e.normalizeClass(e.unref(i).e("icon")),style:e.normalizeStyle({color:t.iconColor})},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.icon)))]),_:1},8,["class","style"])):e.createCommentVNode("v-if",!0),e.createTextVNode(" "+e.toDisplayString(t.title),1)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(i).e("action"))},[e.renderSlot(o.$slots,"actions",{confirm:d,cancel:y},()=>[e.createVNode(e.unref(c.ElButton),{size:"small",type:t.cancelButtonType==="text"?"":t.cancelButtonType,text:t.cancelButtonType==="text",onClick:y},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(P.value),1)]),_:1},8,["type","text"]),e.createVNode(e.unref(c.ElButton),{size:"small",type:t.confirmButtonType==="text"?"":t.confirmButtonType,text:t.confirmButtonType==="text",onClick:d},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(h.value),1)]),_:1},8,["type","text"])])],2)],2)]),default:e.withCtx(()=>[o.$slots.reference?e.renderSlot(o.$slots,"reference",{key:0}):e.createCommentVNode("v-if",!0)]),_:3},16,["effect","virtual-triggering","virtual-ref","popper-class","popper-style","teleported","hide-after","persistent"]))}}),b=w;const V=l.withInstall(b);exports.ElPopconfirm=V;

package/es/el-popconfirm-a857c54a.js

@@ -0,0 +1,190 @@
+import { b as A, u as D, p as M, w as L } from "./base-dd156b8e.js";
+import { u as U } from "./index-a181f161.js";
+import { q as j, E as F } from "./index-60900c6c.js";
+import { b as p, c as C, E as G } from "./el-popper-852446fd.js";
+import { b as E, E as b } from "./el-button-8a9721f8.js";
+import { i as H } from "./use-form-item-187cd7db.js";
+import { defineComponent as J, ref as P, computed as l, unref as o, openBlock as u, createBlock as m, mergeProps as K, withCtx as i, createElementVNode as d, normalizeClass as c, normalizeStyle as O, resolveDynamicComponent as Q, createCommentVNode as S, createTextVNode as y, toDisplayString as g, renderSlot as k, createVNode as R } from "vue";
+const W = A({
+  /**
+  * @description Title
+  */
+  title: String,
+  /**
+  * @description Confirm button text
+  */
+  confirmButtonText: String,
+  /**
+  * @description Cancel button text
+  */
+  cancelButtonText: String,
+  /**
+  * @description Confirm button type
+  */
+  confirmButtonType: {
+    type: String,
+    values: E,
+    default: "primary"
+  },
+  /**
+  * @description Cancel button type
+  */
+  cancelButtonType: {
+    type: String,
+    values: E,
+    default: "text"
+  },
+  /**
+  * @description Icon Component
+  */
+  icon: {
+    type: H,
+    default: () => j
+  },
+  /**
+  * @description Icon color
+  */
+  iconColor: {
+    type: String,
+    default: "#f90"
+  },
+  /**
+  * @description is hide Icon
+  */
+  hideIcon: Boolean,
+  /**
+  * @description delay of disappear, in millisecond
+  */
+  hideAfter: {
+    type: Number,
+    default: 200
+  },
+  /**
+  * @description Tooltip theme, built-in theme: `dark` / `light`
+  */
+  effect: {
+    ...p.effect,
+    default: "light"
+  },
+  /**
+  * @description whether popconfirm is teleported to the body
+  */
+  teleported: p.teleported,
+  /**
+  * @description when popconfirm inactive and `persistent` is `false` , popconfirm will be destroyed
+  */
+  persistent: p.persistent,
+  /**
+  * @description popconfirm width, min width 150px
+  */
+  width: {
+    type: [String, Number],
+    default: 150
+  },
+  virtualTriggering: C.virtualTriggering,
+  virtualRef: C.virtualRef
+}), X = {
+  /**
+  * @description triggers when click confirm button
+  */
+  confirm: (e) => e instanceof MouseEvent,
+  /**
+  * @description triggers when click cancel button
+  */
+  cancel: (e) => e instanceof MouseEvent
+};
+var Y = /* @__PURE__ */ J({
+  name: "ElPopconfirm",
+  __name: "popconfirm",
+  props: W,
+  emits: X,
+  setup(e, { expose: w, emit: N }) {
+    const a = e, v = N, { t: T } = U(), r = D("popconfirm"), s = P(), B = P(), $ = l(() => {
+      var t;
+      return (t = o(s)) == null ? void 0 : t.popperRef;
+    }), z = () => {
+      var t, n;
+      (n = (t = B.value) == null ? void 0 : t.focus) == null || n.call(t);
+    }, f = () => {
+      var t, n;
+      (n = (t = s.value) == null ? void 0 : t.onClose) == null || n.call(t);
+    }, I = l(() => ({ width: M(a.width) })), x = (t) => {
+      v("confirm", t), f();
+    }, h = (t) => {
+      v("cancel", t), f();
+    }, V = l(() => a.confirmButtonText || T("el.popconfirm.confirmButtonText")), q = l(() => a.cancelButtonText || T("el.popconfirm.cancelButtonText"));
+    return w({
+      popperRef: $,
+      hide: f
+    }), (t, n) => (u(), m(o(G), K({
+      ref_key: "tooltipRef",
+      ref: s,
+      trigger: "click",
+      effect: e.effect
+    }, t.$attrs, {
+      "virtual-triggering": e.virtualTriggering,
+      "virtual-ref": e.virtualRef,
+      "popper-class": `${o(r).namespace.value}-popover`,
+      "popper-style": I.value,
+      teleported: e.teleported,
+      "fallback-placements": [
+        "bottom",
+        "top",
+        "right",
+        "left"
+      ],
+      "hide-after": e.hideAfter,
+      persistent: e.persistent,
+      loop: "",
+      onShow: z
+    }), {
+      content: i(() => [d("div", {
+        ref_key: "rootRef",
+        ref: B,
+        tabindex: "-1",
+        class: c(o(r).b())
+      }, [d("div", { class: c(o(r).e("main")) }, [!e.hideIcon && e.icon ? (u(), m(o(F), {
+        key: 0,
+        class: c(o(r).e("icon")),
+        style: O({ color: e.iconColor })
+      }, {
+        default: i(() => [(u(), m(Q(e.icon)))]),
+        _: 1
+      }, 8, ["class", "style"])) : S("v-if", !0), y(" " + g(e.title), 1)], 2), d("div", { class: c(o(r).e("action")) }, [k(t.$slots, "actions", {
+        confirm: x,
+        cancel: h
+      }, () => [R(o(b), {
+        size: "small",
+        type: e.cancelButtonType === "text" ? "" : e.cancelButtonType,
+        text: e.cancelButtonType === "text",
+        onClick: h
+      }, {
+        default: i(() => [y(g(q.value), 1)]),
+        _: 1
+      }, 8, ["type", "text"]), R(o(b), {
+        size: "small",
+        type: e.confirmButtonType === "text" ? "" : e.confirmButtonType,
+        text: e.confirmButtonType === "text",
+        onClick: x
+      }, {
+        default: i(() => [y(g(V.value), 1)]),
+        _: 1
+      }, 8, ["type", "text"])])], 2)], 2)]),
+      default: i(() => [t.$slots.reference ? k(t.$slots, "reference", { key: 0 }) : S("v-if", !0)]),
+      _: 3
+    }, 16, [
+      "effect",
+      "virtual-triggering",
+      "virtual-ref",
+      "popper-class",
+      "popper-style",
+      "teleported",
+      "hide-after",
+      "persistent"
+    ]));
+  }
+}), Z = Y;
+const le = L(Z);
+export {
+  le as E
+};