sakana-element 2.0.0 → 2.0.1

package/dist/es/{Message-De2t5_rA.js → Message-BuoSEEVc.js}

@@ -1,13 +1,13 @@
-import { t as e, b as o, R as t, c as n } from "./utils-2gdi1aKj.js";
+import { t as e, b as o, R as t, c as n } from "./utils-340oIQ8K.js";
 import { defineComponent as s, ref as a, computed as l, watch as c, onMounted as r, createBlock as i, openBlock as u, Transition as p, withCtx as d, withDirectives as f, createElementVNode as m, normalizeStyle as y, normalizeClass as g, createVNode as x, createElementBlock as v, createCommentVNode as b, renderSlot as B, unref as h, withModifiers as _, vShow as C, shallowReactive as k, isVNode as w, h as I, render as T, reactive as P, nextTick as z, createTextVNode as $, toDisplayString as M, resolveDynamicComponent as O, withKeys as j } from "vue";
-import { e as A, f as L, d as V, u as E } from "./hooks-C72Muvqa.js";
-import { P as D } from "./Icon-C3O4WXPI.js";
-import { v as R, u as N, f as K, d as S, w as Z, g as H, x as U, i as q, y as F, z as G, A as J, B as Q } from "./vendor-D87k329e.js";
-import { b as W } from "./Button-CnvCaCzU.js";
-import { _ as X } from "./Input-Cp-yw_0p.js";
-import { P as Y } from "./Overlay-BV2EC6JK.js";
+import { e as A, f as L, d as V, u as E } from "./hooks-qpAqkY5H.js";
+import { P as D } from "./Icon-4XdUD4qc.js";
+import { v as R, u as N, f as K, d as S, w as Z, g as H, x as U, i as q, y as F, z as G, A as J, B as Q } from "./vendor-DXmGx29U.js";
+import { b as W } from "./Button-l3ljgd74.js";
+import { _ as X } from "./Input-C0g1h9x2.js";
+import { P as Y } from "./Overlay-C1k4Jcl7.js";
 const ee = { class: "px-message__content" }, oe = { key: 0, class: "px-message__close" }, te = s({ name: "PxMessage", __name: "Message", props: { id: {}, message: {}, duration: { default: 3e3 }, showClose: { type: Boolean }, center: { type: Boolean }, type: { default: "info" }, offset: { default: 10 }, zIndex: {}, transitionName: { default: "fade-up" }, onDestory: {} }, setup(n2, { expose: s2 }) {
-  const k2 = n2, w2 = a(false), I2 = a(), T2 = a(0), { topOffset: P2, bottomOffset: z2 } = A({ getLastBottomOffset: R(re, k2), offset: k2.offset, boxHeight: T2 }), $2 = l(() => e.get(k2.type) ?? "circle-info"), M2 = l(() => ({ top: o(P2.value), zIndex: k2.zIndex }));
+  const k2 = n2, w2 = a(false), I2 = a(), T2 = a(0), { topOffset: P2, bottomOffset: z2 } = A({ getLastBottomOffset: R(re, k2), offset: k2.offset, boxHeight: T2 }), $2 = l((() => e.get(k2.type) ?? "circle-info")), M2 = l((() => ({ top: o(P2.value), zIndex: k2.zIndex })));
   let O2;
   function j2() {
     0 !== k2.duration && (O2 = N(E2, k2.duration));
@@ -18,14 +18,14 @@ const ee = { class: "px-message__content" }, oe = { key: 0, class: "px-message__
   function E2() {
     w2.value = false;
   }
-  return c(w2, (e2) => {
+  return c(w2, ((e2) => {
     e2 || (T2.value = -k2.offset);
-  }), L(document, "keydown", (e2) => {
+  })), L(document, "keydown", ((e2) => {
     const { code: o2 } = e2;
     "Escape" === o2 && E2();
-  }), r(() => {
+  })), r((() => {
     w2.value = true, j2();
-  }), s2({ close: E2, bottomOffset: z2 }), (e2, o2) => (u(), i(p, { name: e2.transitionName, onEnter: o2[0] || (o2[0] = (e3) => T2.value = I2.value.getBoundingClientRect().height), onAfterLeave: o2[1] || (o2[1] = (o3) => !w2.value && e2.onDestory()) }, { default: d(() => [f(m("div", { ref_key: "messageRef", ref: I2, class: g(["px-message", { [`px-message--${e2.type}`]: e2.type, "is-close": e2.showClose, "text-center": e2.center }]), style: y(M2.value), role: "alert", onMouseenter: V2, onMouseleave: j2 }, [x(D, { class: "px-message__icon", icon: $2.value }, null, 8, ["icon"]), m("div", ee, [B(e2.$slots, "default", {}, () => [e2.message ? (u(), i(h(t), { key: 0, vNode: e2.message }, null, 8, ["vNode"])) : b("", true)])]), e2.showClose ? (u(), v("div", oe, [x(D, { icon: "close", onClick: _(E2, ["stop"]) })])) : b("", true)], 38), [[C, w2.value]])]), _: 3 }, 8, ["name"]));
+  })), s2({ close: E2, bottomOffset: z2 }), (e2, o2) => (u(), i(p, { name: e2.transitionName, onEnter: o2[0] || (o2[0] = (e3) => T2.value = I2.value.getBoundingClientRect().height), onAfterLeave: o2[1] || (o2[1] = (o3) => !w2.value && e2.onDestory()) }, { default: d((() => [f(m("div", { ref_key: "messageRef", ref: I2, class: g(["px-message", { [`px-message--${e2.type}`]: e2.type, "is-close": e2.showClose, "text-center": e2.center }]), style: y(M2.value), role: "alert", onMouseenter: V2, onMouseleave: j2 }, [x(D, { class: "px-message__icon", icon: $2.value }, null, 8, ["icon"]), m("div", ee, [B(e2.$slots, "default", {}, (() => [e2.message ? (u(), i(h(t), { key: 0, vNode: e2.message }, null, 8, ["vNode"])) : b("", true)]))]), e2.showClose ? (u(), v("div", oe, [x(D, { icon: "close", onClick: _(E2, ["stop"]) })])) : b("", true)], 38), [[C, w2.value]])])), _: 3 }, 8, ["name"]));
 } }), ne = ["info", "success", "warning", "danger", "error"], se = k([]), { nextZIndex: ae } = V(), le = { type: "info", duration: 3e3, offset: 10, transitionName: "fade-up" }, ce = (e2) => {
   const o2 = !e2 || w(e2) || S(e2) ? { message: e2 } : e2;
   return { ...le, ...o2 };
@@ -43,18 +43,18 @@ const ie = (e2 = {}) => ((e3) => {
   const a2 = s2.component, l2 = { close: () => a2.exposed.close() }, c2 = { props: n2, id: o2, vm: a2, vnode: s2, handler: l2 };
   return se.push(c2), c2;
 })(ce(e2)).handler;
-K(ne, (e2) => {
-  U(ie, e2, (o2) => {
+K(ne, ((e2) => {
+  U(ie, e2, ((o2) => {
     const t2 = ce(o2);
     return ie({ ...t2, type: e2 });
-  });
-}), ie.closeAll = function(e2) {
-  K(se, (o2) => {
+  }));
+})), ie.closeAll = function(e2) {
+  K(se, ((o2) => {
     e2 ? o2.props.type === e2 && o2.handler.close() : o2.handler.close();
-  });
+  }));
 };
 const ue = n(ie, "$message"), pe = { class: "px-message-box__title" }, de = { class: "px-message-box__content" }, fe = { key: 1, class: "px-message-box__message" }, me = { class: "px-message-box__input" }, ye = { class: "px-message-box__footer" }, ge = s({ name: "PxMessageBox", inheritAttrs: false, __name: "MessageBox", props: { visible: {}, doClose: {}, doAction: {}, destroy: {}, title: {}, message: {}, type: {}, boxType: { default: "" }, icon: {}, callback: {}, showClose: { type: Boolean, default: true }, showInput: { type: Boolean }, showCancelButton: { type: Boolean }, showConfirmButton: { type: Boolean, default: true }, cancelButtonText: { default: "Cancel" }, confirmButtonText: { default: "Ok" }, cancelButtonLoading: { type: Boolean }, confirmButtonLoading: { type: Boolean }, cancelButtonDisabled: { type: Boolean }, confirmButtonDisabled: { type: Boolean }, cancelButtonType: {}, confirmButtonType: { default: "primary" }, roundButton: { type: Boolean, default: false }, center: { type: Boolean }, lockScroll: { type: Boolean, default: true }, closeOnClickModal: { type: Boolean, default: true }, inputPlaceholder: { default: "Please input..." }, inputValue: { default: "" }, inputType: {}, buttonSize: {}, beforeClose: {} }, setup(o2) {
-  const t2 = o2, { doAction: n2 } = t2, { nextZIndex: s2 } = V(), r2 = a(), y2 = a(), k2 = E(), w2 = P({ ...t2, zIndex: s2() }), I2 = l(() => !!w2.message), T2 = l(() => w2.icon ?? e.get(w2.type ?? ""));
+  const t2 = o2, { doAction: n2 } = t2, { nextZIndex: s2 } = V(), r2 = a(), y2 = a(), k2 = E(), w2 = P({ ...t2, zIndex: s2() }), I2 = l((() => !!w2.message)), T2 = l((() => w2.icon ?? e.get(w2.type ?? "")));
   function A2() {
     t2.closeOnClickModal && R2("close");
   }
@@ -62,60 +62,60 @@ const ue = n(ie, "$message"), pe = { class: "px-message-box__title" }, de = { cl
     if ("textarea" !== w2.inputType) return e2.preventDefault(), R2("confirm");
   }
   function R2(e2) {
-    F(t2.beforeClose) ? t2.beforeClose(e2, w2, () => n2(e2, w2.inputValue)) : n2(e2, w2.inputValue);
+    F(t2.beforeClose) ? t2.beforeClose(e2, w2, (() => n2(e2, w2.inputValue))) : n2(e2, w2.inputValue);
   }
   function N2() {
     R2("close");
   }
-  return c(() => {
+  return c((() => {
     var _a;
     return (_a = t2.visible) == null ? void 0 : _a.value;
-  }, (e2) => {
-    e2 && (w2.zIndex = s2()), "prompt" === t2.boxType && e2 && z(() => {
+  }), ((e2) => {
+    e2 && (w2.zIndex = s2()), "prompt" === t2.boxType && e2 && z((() => {
       var _a;
       (_a = y2.value) == null ? void 0 : _a.focus();
-    });
-  }), (e2, o3) => (u(), i(p, { name: "fade-in-linear", onAfterLeave: e2.destroy }, { default: d(() => [f(x(Y, { "z-index": w2.zIndex, mask: "" }, { default: d(() => [m("div", { role: "dialog", class: "px-overlay-message-box", onClick: A2 }, [m("div", { ref: "rootRef", class: g(["px-message-box", { "is-center": w2.center }]), onClick: o3[5] || (o3[5] = _(() => {
-  }, ["stop"])) }, [h(q)(w2.title) ? b("", true) : (u(), v("div", { key: 0, ref_key: "headerRef", ref: r2, class: g(["px-message-box__header", { "show-close": w2.showClose }]) }, [m("div", pe, [T2.value && w2.center ? (u(), i(D, { key: 0, class: g({ [`px-icon-${w2.type}`]: w2.type }), icon: T2.value }, null, 8, ["class", "icon"])) : b("", true), $(" " + M(w2.title), 1)]), e2.showClose ? (u(), v("button", { key: 0, class: "px-message-box__header-btn", onClick: _(N2, ["stop"]) }, [x(D, { icon: "close" })])) : b("", true)], 2)), m("div", de, [T2.value && !w2.center && I2.value ? (u(), i(D, { key: 0, class: g({ [`px-icon-${w2.type}`]: w2.type }), icon: T2.value }, null, 8, ["class", "icon"])) : b("", true), I2.value ? (u(), v("div", fe, [B(e2.$slots, "default", {}, () => [(u(), i(O(w2.showInput ? "label" : "p"), { for: w2.showInput ? h(k2) : void 0 }, { default: d(() => [$(M(w2.message), 1)]), _: 1 }, 8, ["for"]))])])) : b("", true)]), f(m("div", me, [x(X, { modelValue: w2.inputValue, "onUpdate:modelValue": o3[0] || (o3[0] = (e3) => w2.inputValue = e3), ref_key: "inputRef", ref: y2, placeholder: w2.inputPlaceholder, type: w2.inputType, onKeyup: j(L2, ["enter"]) }, null, 8, ["modelValue", "placeholder", "type"])], 512), [[C, w2.showInput]]), m("div", ye, [w2.showCancelButton ? (u(), i(W, { key: 0, class: "px-message-box__footer-btn px-message-box__cancel-btn", type: w2.cancelButtonType, round: w2.roundButton, loading: w2.cancelButtonLoading, onClick: o3[1] || (o3[1] = (e3) => R2("cancel")), onKeydown: o3[2] || (o3[2] = j(_((e3) => R2("cancel"), ["prevent"]), ["enter"])) }, { default: d(() => [$(M(w2.cancelButtonText), 1)]), _: 1 }, 8, ["type", "round", "loading"])) : b("", true), f(x(W, { class: "px-message-box__footer-btn px-message-box__confirm-btn", type: w2.confirmButtonType ?? "primary", round: w2.roundButton, loading: w2.confirmButtonLoading, onClick: o3[3] || (o3[3] = (e3) => R2("confirm")), onKeydown: o3[4] || (o3[4] = j(_((e3) => R2("confirm"), ["prevent"]), ["enter"])) }, { default: d(() => [$(M(w2.confirmButtonText), 1)]), _: 1 }, 8, ["type", "round", "loading"]), [[C, w2.showConfirmButton]])])], 2)])]), _: 3 }, 8, ["z-index"]), [[C, e2.visible.value]])]), _: 3 }, 8, ["onAfterLeave"]));
+    }));
+  })), (e2, o3) => (u(), i(p, { name: "fade-in-linear", onAfterLeave: e2.destroy }, { default: d((() => [f(x(Y, { "z-index": w2.zIndex, mask: "" }, { default: d((() => [m("div", { role: "dialog", class: "px-overlay-message-box", onClick: A2 }, [m("div", { ref: "rootRef", class: g(["px-message-box", { "is-center": w2.center }]), onClick: o3[5] || (o3[5] = _((() => {
+  }), ["stop"])) }, [h(q)(w2.title) ? b("", true) : (u(), v("div", { key: 0, ref_key: "headerRef", ref: r2, class: g(["px-message-box__header", { "show-close": w2.showClose }]) }, [m("div", pe, [T2.value && w2.center ? (u(), i(D, { key: 0, class: g({ [`px-icon-${w2.type}`]: w2.type }), icon: T2.value }, null, 8, ["class", "icon"])) : b("", true), $(" " + M(w2.title), 1)]), e2.showClose ? (u(), v("button", { key: 0, class: "px-message-box__header-btn", onClick: _(N2, ["stop"]) }, [x(D, { icon: "close" })])) : b("", true)], 2)), m("div", de, [T2.value && !w2.center && I2.value ? (u(), i(D, { key: 0, class: g({ [`px-icon-${w2.type}`]: w2.type }), icon: T2.value }, null, 8, ["class", "icon"])) : b("", true), I2.value ? (u(), v("div", fe, [B(e2.$slots, "default", {}, (() => [(u(), i(O(w2.showInput ? "label" : "p"), { for: w2.showInput ? h(k2) : void 0 }, { default: d((() => [$(M(w2.message), 1)])), _: 1 }, 8, ["for"]))]))])) : b("", true)]), f(m("div", me, [x(X, { modelValue: w2.inputValue, "onUpdate:modelValue": o3[0] || (o3[0] = (e3) => w2.inputValue = e3), ref_key: "inputRef", ref: y2, placeholder: w2.inputPlaceholder, type: w2.inputType, onKeyup: j(L2, ["enter"]) }, null, 8, ["modelValue", "placeholder", "type"])], 512), [[C, w2.showInput]]), m("div", ye, [w2.showCancelButton ? (u(), i(W, { key: 0, class: "px-message-box__footer-btn px-message-box__cancel-btn", type: w2.cancelButtonType, round: w2.roundButton, loading: w2.cancelButtonLoading, onClick: o3[1] || (o3[1] = (e3) => R2("cancel")), onKeydown: o3[2] || (o3[2] = j(_(((e3) => R2("cancel")), ["prevent"]), ["enter"])) }, { default: d((() => [$(M(w2.cancelButtonText), 1)])), _: 1 }, 8, ["type", "round", "loading"])) : b("", true), f(x(W, { class: "px-message-box__footer-btn px-message-box__confirm-btn", type: w2.confirmButtonType ?? "primary", round: w2.roundButton, loading: w2.confirmButtonLoading, onClick: o3[3] || (o3[3] = (e3) => R2("confirm")), onKeydown: o3[4] || (o3[4] = j(_(((e3) => R2("confirm")), ["prevent"]), ["enter"])) }, { default: d((() => [$(M(w2.confirmButtonText), 1)])), _: 1 }, 8, ["type", "round", "loading"]), [[C, w2.showConfirmButton]])])], 2)])])), _: 3 }, 8, ["z-index"]), [[C, e2.visible.value]])])), _: 3 }, 8, ["onAfterLeave"]));
 } }), xe = /* @__PURE__ */ new Map();
 function ve(e2) {
   let o2;
-  return S(e2) || w(e2) ? e2 = { message: e2 } : o2 = e2.callback, new Promise((t2, n2) => {
-    const s2 = function(e3) {
-      const o3 = document.createElement("div"), t3 = function(e4, o4) {
+  return S(e2) || w(e2) ? e2 = { message: e2 } : o2 = e2.callback, new Promise(((t2, n2) => {
+    const s2 = (function(e3) {
+      const o3 = document.createElement("div"), t3 = (function(e4, o4) {
         const t4 = a(false), n4 = F(e4 == null ? void 0 : e4.message) || w(e4 == null ? void 0 : e4.message), s3 = x(ge, { ...e4, visible: t4 }, n4 ? { default: (l2 = e4.message, F(l2) ? l2 : () => l2) } : void 0);
         var l2;
         return T(s3, o4), document.body.appendChild(o4.firstElementChild), s3.component;
-      }({ ...e3, doClose: () => {
+      })({ ...e3, doClose: () => {
         n3.visible.value = false;
       }, doAction: (o4, t4) => {
         const s3 = xe.get(n3);
         let a2;
-        z(() => n3.doClose()), a2 = e3.showInput ? { value: t4, action: o4 } : o4, e3.callback ? e3.callback(a2) : "cancel" !== o4 && "close" !== o4 ? s3 == null ? void 0 : s3.resolve(a2) : s3 == null ? void 0 : s3.reject(o4);
+        z((() => n3.doClose())), a2 = e3.showInput ? { value: t4, action: o4 } : o4, e3.callback ? e3.callback(a2) : "cancel" !== o4 && "close" !== o4 ? s3 == null ? void 0 : s3.resolve(a2) : s3 == null ? void 0 : s3.reject(o4);
       }, destroy: () => {
         T(null, o3), xe.delete(n3);
       } }, o3), n3 = t3 == null ? void 0 : t3.proxy;
       return n3.visible.value = true, n3;
-    }(e2);
+    })(e2);
     xe.set(s2, { options: e2, callback: o2, resolve: t2, reject: n2 });
-  });
+  }));
 }
 const be = { alert: { closeOnClickModal: false }, confirm: { showCancelButton: true }, prompt: { showCancelButton: true, showInput: true } };
-K(["alert", "confirm", "prompt"], (e2) => {
+K(["alert", "confirm", "prompt"], ((e2) => {
   return U(ve, e2, (o2 = e2, (e3, t2, n2) => {
     let s2 = "";
     return J(t2) ? (n2 = t2, s2 = "") : s2 = Q(t2) ? "" : t2, ve(G({ title: s2, message: e3, type: "", boxType: o2, ...be[o2] }, n2));
   }));
   var o2;
-}), U(ve, "close", () => {
-  xe.forEach((e2, o2) => {
+})), U(ve, "close", (() => {
+  xe.forEach(((e2, o2) => {
     o2.doClose();
-  }), xe.clear();
-});
+  })), xe.clear();
+}));
 const Be = ve;
-U(Be, "install", (e2) => {
+U(Be, "install", ((e2) => {
   e2.config.globalProperties.$msgbox = ve, e2.config.globalProperties.$messagebox = ve, e2.config.globalProperties.$alert = ve.alert, e2.config.globalProperties.$confirm = ve.confirm, e2.config.globalProperties.$prompt = ve.prompt;
-});
+}));
 export {
   ue as P,
   Be as a,

package/dist/es/{Notification-CD8ac7r3.js → Notification-Bv_vDOpB.js}

@@ -1,10 +1,10 @@
-import { t, b as o, R as e, _ as n, c as s } from "./utils-2gdi1aKj.js";
+import { t, b as o, R as e, _ as n, c as s } from "./utils-340oIQ8K.js";
 import { defineComponent as i, ref as a, computed as l, onMounted as c, createBlock as f, openBlock as r, Transition as d, withCtx as p, withDirectives as u, createElementVNode as m, normalizeStyle as v, normalizeClass as h, createCommentVNode as x, createElementBlock as g, toDisplayString as y, renderSlot as _, unref as C, createVNode as k, withModifiers as b, vShow as w, isVNode as I, h as N, render as O, shallowReactive as j } from "vue";
-import { e as z, d as E, u as $ } from "./hooks-C72Muvqa.js";
-import { P as B } from "./Icon-C3O4WXPI.js";
-import { v as D, u as M, f as P, d as R, w as A, g as L, x as W } from "./vendor-D87k329e.js";
+import { e as z, d as E, u as $ } from "./hooks-qpAqkY5H.js";
+import { P as B } from "./Icon-4XdUD4qc.js";
+import { v as D, u as M, f as P, d as R, w as A, g as L, x as W } from "./vendor-DXmGx29U.js";
 const H = { class: "px-notification__text" }, T = { class: "px-notification__title" }, Z = { class: "px-notification__content" }, q = { key: 1, class: "px-notification__close" }, F = n(i({ name: "PxNotification", __name: "Notification", props: { title: {}, id: {}, zIndex: {}, position: { default: "top-right" }, type: { default: "info" }, message: {}, duration: { default: 3e3 }, showClose: { type: Boolean, default: true }, offset: { default: 20 }, transitionName: { default: "fade" }, icon: {}, onClick: {}, onClose: {}, onDestory: {} }, setup(n2, { expose: s2 }) {
-  const i2 = n2, I2 = a(false), N2 = a(), O2 = a(0), { topOffset: j2, bottomOffset: E2 } = z({ getLastBottomOffset: D(Y, i2), offset: i2.offset, boxHeight: O2 }), $2 = l(() => t.get(i2.type) ?? "circle-info"), P2 = l(() => i2.position.endsWith("right") ? "right" : "left"), R2 = l(() => i2.position.startsWith("top") ? "top" : "bottom"), A2 = l(() => ({ [R2.value]: o(j2.value), zIndex: i2.zIndex }));
+  const i2 = n2, I2 = a(false), N2 = a(), O2 = a(0), { topOffset: j2, bottomOffset: E2 } = z({ getLastBottomOffset: D(Y, i2), offset: i2.offset, boxHeight: O2 }), $2 = l((() => t.get(i2.type) ?? "circle-info")), P2 = l((() => i2.position.endsWith("right") ? "right" : "left")), R2 = l((() => i2.position.startsWith("top") ? "top" : "bottom")), A2 = l((() => ({ [R2.value]: o(j2.value), zIndex: i2.zIndex })));
   let L2;
   function W2() {
     0 !== i2.duration && (L2 = M(G2, i2.duration));
@@ -15,13 +15,13 @@ const H = { class: "px-notification__text" }, T = { class: "px-notification__tit
   function G2() {
     I2.value = false;
   }
-  return c(() => {
+  return c((() => {
     I2.value = true, W2();
-  }), s2({ bottomOffset: E2, close: G2 }), (t2, o2) => (r(), f(d, { name: `px-notification-${t2.transitionName}`, onAfterLeave: o2[1] || (o2[1] = (o3) => !I2.value && t2.onDestory()), onEnter: o2[2] || (o2[2] = (t3) => O2.value = N2.value.getBoundingClientRect().height) }, { default: p(() => [u(m("div", { ref_key: "notifyRef", ref: N2, class: h(["px-notification", { [`px-notification--${t2.type}`]: t2.type, [P2.value]: true, "show-close": t2.showClose }]), style: v(A2.value), role: "alert", onClick: o2[0] || (o2[0] = (...o3) => t2.onClick && t2.onClick(...o3)), onMouseenter: F2, onMouseleave: W2 }, [$2.value ? (r(), f(B, { key: 0, icon: $2.value, class: "px-notification__icon" }, null, 8, ["icon"])) : x("", true), m("div", H, [m("div", T, y(t2.title), 1), m("div", Z, [_(t2.$slots, "default", {}, () => [t2.message ? (r(), f(C(e), { key: 0, vNode: t2.message }, null, 8, ["vNode"])) : x("", true)], true)])]), t2.showClose ? (r(), g("div", q, [k(B, { icon: "close", onClick: b(G2, ["stop"]) })])) : x("", true)], 38), [[w, I2.value]])]), _: 3 }, 8, ["name"]));
+  })), s2({ bottomOffset: E2, close: G2 }), (t2, o2) => (r(), f(d, { name: `px-notification-${t2.transitionName}`, onAfterLeave: o2[1] || (o2[1] = (o3) => !I2.value && t2.onDestory()), onEnter: o2[2] || (o2[2] = (t3) => O2.value = N2.value.getBoundingClientRect().height) }, { default: p((() => [u(m("div", { ref_key: "notifyRef", ref: N2, class: h(["px-notification", { [`px-notification--${t2.type}`]: t2.type, [P2.value]: true, "show-close": t2.showClose }]), style: v(A2.value), role: "alert", onClick: o2[0] || (o2[0] = (...o3) => t2.onClick && t2.onClick(...o3)), onMouseenter: F2, onMouseleave: W2 }, [$2.value ? (r(), f(B, { key: 0, icon: $2.value, class: "px-notification__icon" }, null, 8, ["icon"])) : x("", true), m("div", H, [m("div", T, y(t2.title), 1), m("div", Z, [_(t2.$slots, "default", {}, (() => [t2.message ? (r(), f(C(e), { key: 0, vNode: t2.message }, null, 8, ["vNode"])) : x("", true)]), true)])]), t2.showClose ? (r(), g("div", q, [k(B, { icon: "close", onClick: b(G2, ["stop"]) })])) : x("", true)], 38), [[w, I2.value]])])), _: 3 }, 8, ["name"]));
 } }), [["__scopeId", "data-v-44d5f081"]]), G = ["info", "success", "warning", "danger"], J = ["top-right", "top-left", "bottom-right", "bottom-left"], K = /* @__PURE__ */ new Map();
-P(J, (t2) => {
+P(J, ((t2) => {
   K.set(t2, j([]));
-});
+}));
 const { nextZIndex: Q } = E(), S = { type: "info", duration: 3e3, offset: 20, transitionName: "fade", showClose: true }, U = (t2) => {
   const o2 = !t2 || I(t2) || R(t2) ? { message: t2 } : t2;
   return { ...S, ...o2 };
@@ -38,17 +38,17 @@ function Y() {
   const t2 = V(this.position || "top-right"), o2 = A(t2, { id: this.id });
   return o2 <= 0 ? 0 : L(t2, [o2 - 1, "vm", "exposed", "bottomOffset", "value"]);
 }
-P(G, (t2) => {
-  W(X, t2, (o2) => {
+P(G, ((t2) => {
+  W(X, t2, ((o2) => {
     const e2 = U(o2);
     return X({ ...e2, type: t2 });
-  });
-}), X.closeAll = function(t2) {
-  K.forEach((o2) => {
-    P(o2, (o3) => {
+  }));
+})), X.closeAll = function(t2) {
+  K.forEach(((o2) => {
+    P(o2, ((o3) => {
       t2 ? o3.props.type === t2 && o3.handler.close() : o3.handler.close();
-    });
-  });
+    }));
+  }));
 };
 const tt = s(X, "$notify");
 export {

package/dist/es/{Overlay-BV2EC6JK.js → Overlay-C1k4Jcl7.js}

@@ -1,5 +1,5 @@
 import { defineComponent as e, createElementBlock as s, openBlock as o, normalizeStyle as t, normalizeClass as a, renderSlot as l } from "vue";
-import { _ as i } from "./utils-2gdi1aKj.js";
+import { _ as i } from "./utils-340oIQ8K.js";
 const d = i(e({ name: "PxOverlay", __name: "Overlay", props: { mask: { type: Boolean, default: true }, zIndex: {}, overlayClass: {} }, emits: ["click"], setup(e2, { emit: i2 }) {
   const d2 = i2;
   function n(e3) {

package/dist/es/Popconfirm-mMYpa7O6.js

@@ -0,0 +1,22 @@
+import { b as o, _ as e, w as t } from "./utils-340oIQ8K.js";
+import { defineComponent as n, ref as i, computed as c, createBlock as l, openBlock as a, createSlots as r, withCtx as f, createElementVNode as s, normalizeStyle as p, createCommentVNode as m, createTextVNode as u, toDisplayString as d, createVNode as _, renderSlot as y } from "vue";
+import { b as v } from "./Button-l3ljgd74.js";
+import { P as x } from "./Icon-4XdUD4qc.js";
+import { T as h } from "./Tooltip-CUOZC7JN.js";
+const B = { class: "px-popconfirm__main" }, T = { class: "px-popconfirm__action" }, k = t(e(n({ name: "PxPopconfirm", __name: "Popconfirm", props: { title: { default: "" }, confirmButtonText: {}, cancelButtonText: {}, confirmButtonType: { default: "primary" }, cancelButtonType: {}, icon: { default: "question-circle" }, iconColor: { default: "#f90" }, hideIcon: { type: Boolean }, hideAfter: { default: 200 }, width: { default: 150 } }, emits: ["confirm", "cancel"], setup(e2, { emit: t2 }) {
+  const n2 = e2, k2 = t2, C = i(), P = c((() => ({ width: o(n2.width) })));
+  function j() {
+    var _a;
+    (_a = C.value) == null ? void 0 : _a.hide();
+  }
+  function w(o2) {
+    k2("confirm", o2), j();
+  }
+  function I(o2) {
+    k2("cancel", o2), j();
+  }
+  return (o2, e3) => (a(), l(h, { ref_key: "tooltipRef", ref: C, trigger: "click", "hide-timeout": o2.hideAfter }, r({ content: f((() => [s("div", { class: "px-popconfirm", style: p(P.value) }, [s("div", B, [!o2.hideIcon && o2.icon ? (a(), l(x, { key: 0, icon: o2.icon, color: o2.iconColor }, null, 8, ["icon", "color"])) : m("", true), u(" " + d(o2.title), 1)])], 4), s("div", T, [_(v, { class: "px-popconfirm__cancel", size: "small", type: o2.cancelButtonType, onClick: I }, { default: f((() => [u(d(o2.cancelButtonText || "Cancel"), 1)])), _: 1 }, 8, ["type"]), _(v, { class: "px-popconfirm__confirm", size: "small", type: o2.confirmButtonType, onClick: w }, { default: f((() => [u(d(o2.confirmButtonText || "Confirm"), 1)])), _: 1 }, 8, ["type"])])])), _: 2 }, [o2.$slots.default ? { name: "default", fn: f((() => [y(o2.$slots, "default", {}, void 0, true)])), key: "0" } : void 0, o2.$slots.reference ? { name: "default", fn: f((() => [y(o2.$slots, "reference", {}, void 0, true)])), key: "1" } : void 0]), 1032, ["hide-timeout"]));
+} }), [["__scopeId", "data-v-72e03259"]]));
+export {
+  k as P
+};

package/dist/es/{Select-DFJEKuB2.js → Select-SRw_b6I2.js}

@@ -1,29 +1,29 @@
-import { R as e, _ as l, w as a } from "./utils-2gdi1aKj.js";
+import { R as e, _ as l, w as a } from "./utils-340oIQ8K.js";
 import { defineComponent as t, inject as o, computed as i, createElementBlock as n, openBlock as s, withModifiers as u, normalizeClass as d, renderSlot as r, createVNode as p, unref as c, useSlots as h, ref as v, reactive as f, watch as m, onMounted as b, provide as g, withCtx as y, createCommentVNode as x, createElementVNode as _, Fragment as V, renderList as I, createBlock as w, mergeProps as M, nextTick as k, h as O } from "vue";
-import { C as S, D as L, g as B, b as D, s as N, e as j, E as C, F, f as R, y as E, q as H, z as P, i as z, G as W, c as $ } from "./vendor-D87k329e.js";
-import { u as q, c as A, a as T } from "./hooks-C72Muvqa.js";
-import { P as U } from "./Icon-C3O4WXPI.js";
-import { _ as G } from "./Input-Cp-yw_0p.js";
-import { T as K } from "./Tooltip-D7Zr3a2n.js";
+import { C as S, D as L, g as B, b as D, s as N, e as j, E as C, F, f as R, y as E, q as H, z as P, i as z, G as W, c as $ } from "./vendor-DXmGx29U.js";
+import { u as q, c as A, a as T } from "./hooks-qpAqkY5H.js";
+import { P as U } from "./Icon-4XdUD4qc.js";
+import { _ as G } from "./Input-C0g1h9x2.js";
+import { T as K } from "./Tooltip-CUOZC7JN.js";
 const J = Symbol("selectContext"), Q = { modifiers: [{ name: "offset", options: { offset: [0, 9] } }, { name: "sameWidth", enabled: true, fn: ({ state: e2 }) => {
   e2.styles.popper.width = `${e2.rects.reference.width}px`;
 }, phase: "beforeWrite", requires: ["computeStyles"] }] }, X = ["id"], Y = l(t({ name: "PxOption", __name: "Option", props: { value: {}, label: {}, disabled: { type: Boolean, default: false } }, setup(l2) {
-  const a2 = l2, t2 = o(J), h2 = i(() => {
+  const a2 = l2, t2 = o(J), h2 = i((() => {
     var _a;
     return ((_a = t2 == null ? void 0 : t2.selectStates.selectedOption) == null ? void 0 : _a.value) === a2.value;
-  }), v2 = i(() => S(["label", "value"], (e2) => L(B(t2, ["highlightedLine", "value", e2]), B(a2, e2))));
+  })), v2 = i((() => S(["label", "value"], ((e2) => L(B(t2, ["highlightedLine", "value", e2]), B(a2, e2))))));
   function f2() {
     a2.disabled || (t2 == null ? void 0 : t2.handleSelect(a2));
   }
-  return (l3, o2) => (s(), n("li", { class: d(["px-select__menu-item", { "is-disabled": l3.disabled, "is-selected": h2.value, "is-highlighted": v2.value }]), id: `select-item-${l3.value}`, onClick: u(f2, ["stop"]) }, [r(l3.$slots, "default", {}, () => {
+  return (l3, o2) => (s(), n("li", { class: d(["px-select__menu-item", { "is-disabled": l3.disabled, "is-selected": h2.value, "is-highlighted": v2.value }]), id: `select-item-${l3.value}`, onClick: u(f2, ["stop"]) }, [r(l3.$slots, "default", {}, (() => {
     var _a, _b;
     return [p(c(e), { vNode: ((_a = c(t2)) == null ? void 0 : _a.renderLabel) ? (_b = c(t2)) == null ? void 0 : _b.renderLabel(a2) : l3.label }, null, 8, ["vNode"])];
-  }, true)], 10, X));
+  }), true)], 10, X));
 } }), [["__scopeId", "data-v-c5f1823d"]]), Z = { key: 0, class: "px-select__loading" }, ee = { key: 1, class: "px-select__nodata" }, le = { class: "px-select__menu" }, ae = a(l(t({ name: "PxSelect", __name: "Select", props: { modelValue: {}, id: {}, options: { default: () => [] }, placeholder: {}, disabled: { type: Boolean }, clearable: { type: Boolean }, renderLabel: {}, filterable: { type: Boolean }, filterMethod: {}, remote: { type: Boolean }, remoteMethod: {} }, emits: ["update:modelValue", "change", "visible-change", "clear", "focus", "blur"], setup(l2, { expose: a2, emit: t2 }) {
-  const o2 = l2, r2 = t2, S2 = h(), X2 = v(), ae2 = v(), te2 = v(), oe = v(/* @__PURE__ */ new Map()), ie = v(o2.options ?? []), ne = v(false), se = De(o2.modelValue), ue = f({ inputValue: (se == null ? void 0 : se.label) ?? "", selectedOption: se, mouseHover: false, loading: false, highlightedIndex: -1 }), de = i(() => o2.disabled), re = i(() => {
+  const o2 = l2, r2 = t2, S2 = h(), X2 = v(), ae2 = v(), te2 = v(), oe = v(/* @__PURE__ */ new Map()), ie = v(o2.options ?? []), ne = v(false), se = De(o2.modelValue), ue = f({ inputValue: (se == null ? void 0 : se.label) ?? "", selectedOption: se, mouseHover: false, loading: false, highlightedIndex: -1 }), de = i((() => o2.disabled)), re = i((() => {
     var _a;
-    return D((_a = S2 == null ? void 0 : S2.default) == null ? void 0 : _a.call(S2), (e2) => L(e2.type, Y));
-  }), pe = i(() => N(re.value) > 0), ce = i(() => o2.clearable && ue.mouseHover && "" !== ue.inputValue), he = i(() => {
+    return D((_a = S2 == null ? void 0 : S2.default) == null ? void 0 : _a.call(S2), ((e2) => L(e2.type, Y)));
+  })), pe = i((() => N(re.value) > 0)), ce = i((() => o2.clearable && ue.mouseHover && "" !== ue.inputValue)), he = i((() => {
     var _a;
     let e2;
     if (pe.value) {
@@ -31,60 +31,60 @@ const J = Symbol("selectContext"), Q = { modifiers: [{ name: "offset", options:
       e2 = oe.value.get(l3);
     } else e2 = ie.value[ue.highlightedIndex];
     return e2;
-  }), ve = i(() => pe.value ? j(re.value, (e2) => {
+  })), ve = i((() => pe.value ? j(re.value, ((e2) => {
     var _a, _b, _c;
     return { vNode: O(e2), props: P(e2.props, { disabled: true === ((_a = e2.props) == null ? void 0 : _a.disabled) || !z((_b = e2.props) == null ? void 0 : _b.disabled) && !W((_c = e2.props) == null ? void 0 : _c.disabled) }) };
-  }) : []), fe = i(() => !!o2.filterable && !me.value), me = i(() => pe.value && oe.value.size > 0 || !pe.value && N(ie.value) > 0), be = i(() => pe.value ? oe.value.size - 1 : N(ie.value) - 1), ge = i(() => o2.filterable && ue.selectedOption && ne.value ? ue.selectedOption.label : o2.placeholder), ye = i(() => o2.remote ? 300 : 100), xe = C(function() {
+  })) : [])), fe = i((() => !!o2.filterable && !me.value)), me = i((() => pe.value && oe.value.size > 0 || !pe.value && N(ie.value) > 0)), be = i((() => pe.value ? oe.value.size - 1 : N(ie.value) - 1)), ge = i((() => o2.filterable && ue.selectedOption && ne.value ? ue.selectedOption.label : o2.placeholder)), ye = i((() => o2.remote ? 300 : 100)), xe = C((function() {
     const e2 = ue.inputValue;
-    ue.highlightedIndex = -1, pe.value ? async function(e3) {
+    ue.highlightedIndex = -1, pe.value ? (async function(e3) {
       if (o2.filterable) {
         if (o2.remote && o2.remoteMethod && E(o2.remoteMethod)) return await Fe(o2.remoteMethod, e3), void je(ve.value);
         if (o2.filterMethod && E(o2.filterMethod)) {
           const l3 = j(o2.filterMethod(e3), "value");
-          je(D(ve.value, (e4) => $(l3, B(e4, ["props", "value"]))));
-        } else je(D(ve.value, (l3) => $(B(l3, ["props", "label"]), e3)));
+          je(D(ve.value, ((e4) => $(l3, B(e4, ["props", "value"])))));
+        } else je(D(ve.value, ((l3) => $(B(l3, ["props", "label"]), e3))));
       }
-    }(e2) : async function(e3) {
-      o2.filterable && (o2.remote && o2.remoteMethod && E(o2.remoteMethod) ? ie.value = await Fe(o2.remoteMethod, e3) : o2.filterMethod && E(o2.filterMethod) ? ie.value = o2.filterMethod(e3) : ie.value = D(o2.options, (l3) => $(l3.label, e3)));
-    }(e2);
-  }, ye.value), _e = q().value, { wrapperRef: Ve, isFocused: Ie, handleBlur: we, handleFocus: Me } = A(te2), ke = function({ isDropdownVisible: e2, controlVisible: l3, selectStates: a3, highlightedLine: t3, handleSelect: o3, hasData: i2, lastIndex: n2 }) {
+    })(e2) : (async function(e3) {
+      o2.filterable && (o2.remote && o2.remoteMethod && E(o2.remoteMethod) ? ie.value = await Fe(o2.remoteMethod, e3) : o2.filterMethod && E(o2.filterMethod) ? ie.value = o2.filterMethod(e3) : ie.value = D(o2.options, ((l3) => $(l3.label, e3))));
+    })(e2);
+  }), ye.value), _e = q().value, { wrapperRef: Ve, isFocused: Ie, handleBlur: we, handleFocus: Me } = A(te2), ke = (function({ isDropdownVisible: e2, controlVisible: l3, selectStates: a3, highlightedLine: t3, handleSelect: o3, hasData: i2, lastIndex: n2 }) {
     const s2 = /* @__PURE__ */ new Map();
-    return s2.set("Enter", () => {
+    return s2.set("Enter", (() => {
       e2.value && a3.highlightedIndex >= 0 && t3.value && o3(t3.value), l3(!e2.value);
-    }), s2.set("Escape", () => e2.value && l3(!e2.value)), s2.set("ArrowUp", (e3) => {
+    })), s2.set("Escape", (() => e2.value && l3(!e2.value))), s2.set("ArrowUp", ((e3) => {
       e3.preventDefault(), i2.value && (-1 !== a3.highlightedIndex && 0 !== a3.highlightedIndex ? a3.highlightedIndex-- : a3.highlightedIndex = n2.value);
-    }), s2.set("ArrowDown", (e3) => {
+    })), s2.set("ArrowDown", ((e3) => {
       e3.preventDefault(), i2.value && (-1 !== a3.highlightedIndex && a3.highlightedIndex !== n2.value ? a3.highlightedIndex++ : a3.highlightedIndex = 0);
-    }), s2;
-  }({ isDropdownVisible: ne, controlVisible: Se, selectStates: ue, highlightedLine: he, handleSelect: Ne, hasData: me, lastIndex: be });
+    })), s2;
+  })({ isDropdownVisible: ne, controlVisible: Se, selectStates: ue, highlightedLine: he, handleSelect: Ne, hasData: me, lastIndex: be });
   function Oe(e2) {
-    Ie.value && k(() => we(new FocusEvent("focus", e2)));
+    Ie.value && k((() => we(new FocusEvent("focus", e2))));
   }
   function Se(e2) {
     var _a;
-    ae2.value && ((_a = B(ae2, ["value", e2 ? "show" : "hide"])) == null ? void 0 : _a(), o2.filterable && function(e3) {
+    ae2.value && ((_a = B(ae2, ["value", e2 ? "show" : "hide"])) == null ? void 0 : _a(), o2.filterable && (function(e3) {
       var _a2;
       o2.filterable && (e3 ? (ue.selectedOption && (ue.inputValue = ""), xe()) : ue.inputValue = ((_a2 = ue.selectedOption) == null ? void 0 : _a2.label) || "");
-    }(e2), ne.value = e2, r2("visible-change", e2), ue.highlightedIndex = -1);
+    })(e2), ne.value = e2, r2("visible-change", e2), ue.highlightedIndex = -1);
   }
   function Le() {
     de.value || Se(!ne.value);
   }
   function Be() {
     var _a;
-    (_a = te2.value) == null ? void 0 : _a.clear(), ue.inputValue = "", ue.selectedOption = null, r2("clear"), R(["change", "update:modelValue"], (e2) => r2(e2, ""));
+    (_a = te2.value) == null ? void 0 : _a.clear(), ue.inputValue = "", ue.selectedOption = null, r2("clear"), R(["change", "update:modelValue"], ((e2) => r2(e2, "")));
   }
   function De(e2) {
-    return F(o2.options, (l3) => l3.value === e2);
+    return F(o2.options, ((l3) => l3.value === e2));
   }
   function Ne(e2) {
     var _a;
-    e2.disabled || (ue.inputValue = e2.label, ue.selectedOption = e2, R(["change", "update:modelValue"], (l3) => r2(l3, e2.value)), Se(false), (_a = te2.value) == null ? void 0 : _a.focus());
+    e2.disabled || (ue.inputValue = e2.label, ue.selectedOption = e2, R(["change", "update:modelValue"], ((l3) => r2(l3, e2.value))), Se(false), (_a = te2.value) == null ? void 0 : _a.focus());
   }
   function je(e2) {
-    oe.value.clear(), R(e2, (e3) => {
+    oe.value.clear(), R(e2, ((e3) => {
       oe.value.set(e3.vNode, e3.props);
-    });
+    }));
   }
   function Ce(e2) {
     var _a;
@@ -105,20 +105,20 @@ const J = Symbol("selectContext"), Q = { modifiers: [{ name: "offset", options:
     const e2 = De(o2.modelValue);
     e2 && (ue.inputValue = e2.label, ue.selectedOption = e2);
   }
-  return T(X2, (e2) => Oe(e2)), m(() => o2.options, (e2) => {
+  return T(X2, ((e2) => Oe(e2))), m((() => o2.options), ((e2) => {
     ie.value = e2 ?? [];
-  }), m(() => ve.value, (e2) => je(e2), { immediate: true }), m(() => o2.modelValue, () => {
+  })), m((() => ve.value), ((e2) => je(e2)), { immediate: true }), m((() => o2.modelValue), (() => {
     Re();
-  }), b(() => {
+  })), b((() => {
     Re();
-  }), g(J, { handleSelect: Ne, selectStates: ue, renderLabel: function(e2) {
+  })), g(J, { handleSelect: Ne, selectStates: ue, renderLabel: function(e2) {
     return E(o2.renderLabel) ? o2.renderLabel(e2) : e2.label;
   }, highlightedLine: he }), a2({ focus: () => {
     var _a;
     (_a = te2.value) == null ? void 0 : _a.focus();
   }, blur: () => {
     Oe();
-  } }), (l3, a3) => (s(), n("div", { ref_key: "selectRef", ref: X2, class: d(["px-select", { "is-disabled": de.value }]), onClick: u(Le, ["stop"]), onMouseenter: a3[2] || (a3[2] = (e2) => ue.mouseHover = true), onMouseleave: a3[3] || (a3[3] = (e2) => ue.mouseHover = false) }, [p(K, { ref_key: "tooltipRef", ref: ae2, placement: "bottom-start", "popper-options": c(Q), onClickOutside: a3[1] || (a3[1] = (e2) => Se(false)), manual: "" }, { default: y(() => [_("div", { ref_key: "inputWrapperRef", ref: Ve }, [p(G, { ref_key: "inputRef", ref: te2, modelValue: ue.inputValue, "onUpdate:modelValue": a3[0] || (a3[0] = (e2) => ue.inputValue = e2), id: c(_e), disabled: de.value, placeholder: l3.filterable ? ge.value : l3.placeholder, readonly: !l3.filterable || !ne.value, onFocus: c(Me), onBlur: c(we), onInput: c(xe), onKeydown: Ce }, { suffix: y(() => [ce.value ? (s(), w(U, { key: 0, icon: "close-box", class: "px-input__clear", onClick: u(Be, ["stop"]), onMousedown: u(c(H), ["prevent"]) }, null, 8, ["onMousedown"])) : (s(), w(U, { key: 1, class: d(["header-angle", { "is-active": ne.value }]), icon: "chevron-down" }, null, 8, ["class"]))]), _: 1 }, 8, ["modelValue", "id", "disabled", "placeholder", "readonly", "onFocus", "onBlur", "onInput"])], 512)]), content: y(() => [ue.loading ? (s(), n("div", Z, [p(U, { icon: "loader", spin: "" })])) : l3.filterable && fe.value ? (s(), n("div", ee, " No data ")) : x("", true), _("ul", le, [pe.value ? (s(true), n(V, { key: 1 }, I(oe.value, ([l4, a4]) => (s(), w(c(e), { key: a4.value, vNode: l4 }, null, 8, ["vNode"]))), 128)) : (s(true), n(V, { key: 0 }, I(ie.value, (e2) => (s(), w(Y, M({ key: e2.value, ref_for: true }, e2), null, 16))), 128))])]), _: 1 }, 8, ["popper-options"])], 34));
+  } }), (l3, a3) => (s(), n("div", { ref_key: "selectRef", ref: X2, class: d(["px-select", { "is-disabled": de.value }]), onClick: u(Le, ["stop"]), onMouseenter: a3[2] || (a3[2] = (e2) => ue.mouseHover = true), onMouseleave: a3[3] || (a3[3] = (e2) => ue.mouseHover = false) }, [p(K, { ref_key: "tooltipRef", ref: ae2, placement: "bottom-start", "popper-options": c(Q), onClickOutside: a3[1] || (a3[1] = (e2) => Se(false)), manual: "" }, { default: y((() => [_("div", { ref_key: "inputWrapperRef", ref: Ve }, [p(G, { ref_key: "inputRef", ref: te2, modelValue: ue.inputValue, "onUpdate:modelValue": a3[0] || (a3[0] = (e2) => ue.inputValue = e2), id: c(_e), disabled: de.value, placeholder: l3.filterable ? ge.value : l3.placeholder, readonly: !l3.filterable || !ne.value, onFocus: c(Me), onBlur: c(we), onInput: c(xe), onKeydown: Ce }, { suffix: y((() => [ce.value ? (s(), w(U, { key: 0, icon: "close-box", class: "px-input__clear", onClick: u(Be, ["stop"]), onMousedown: u(c(H), ["prevent"]) }, null, 8, ["onMousedown"])) : (s(), w(U, { key: 1, class: d(["header-angle", { "is-active": ne.value }]), icon: "chevron-down" }, null, 8, ["class"]))])), _: 1 }, 8, ["modelValue", "id", "disabled", "placeholder", "readonly", "onFocus", "onBlur", "onInput"])], 512)])), content: y((() => [ue.loading ? (s(), n("div", Z, [p(U, { icon: "loader", spin: "" })])) : l3.filterable && fe.value ? (s(), n("div", ee, " No data ")) : x("", true), _("ul", le, [pe.value ? (s(true), n(V, { key: 1 }, I(oe.value, (([l4, a4]) => (s(), w(c(e), { key: a4.value, vNode: l4 }, null, 8, ["vNode"])))), 128)) : (s(true), n(V, { key: 0 }, I(ie.value, ((e2) => (s(), w(Y, M({ key: e2.value, ref_for: true }, e2), null, 16)))), 128))])])), _: 1 }, 8, ["popper-options"])], 34));
 } }), [["__scopeId", "data-v-cf32c555"]])), te = a(Y);
 export {
   ae as P,

package/dist/es/{Switch-CXGkwfBF.js → Switch-bhJBaSI7.js}

@@ -1,18 +1,18 @@
-import { w as e } from "./utils-2gdi1aKj.js";
+import { w as e } from "./utils-340oIQ8K.js";
 import { defineComponent as a, computed as i, ref as t, onMounted as c, watch as l, createElementBlock as s, openBlock as u, normalizeClass as n, createElementVNode as o, withKeys as d, unref as r, createCommentVNode as v, toDisplayString as p } from "vue";
-import { u as h } from "./hooks-C72Muvqa.js";
+import { u as h } from "./hooks-qpAqkY5H.js";
 const m = ["id", "name", "disabled", "checked"], x = { class: "px-switch__core" }, _ = { class: "px-switch__core-inner" }, f = { key: 0, class: "px-switch__core-inner-text" }, w = e(a({ name: "PxSwitch", inheritAttrs: false, __name: "Switch", props: { modelValue: { type: [Boolean, String, Number] }, disabled: { type: Boolean }, activeText: {}, inactiveText: {}, activeValue: { type: [Boolean, String, Number], default: true }, inactiveValue: { type: [Boolean, String, Number], default: false }, name: {}, id: {}, size: {} }, emits: ["update:modelValue", "change"], setup(e2, { expose: a2, emit: w2 }) {
-  const k = e2, b = w2, V = i(() => k.disabled), y = t(k.modelValue), T = t(), g = h().value, S = i(() => y.value === k.activeValue);
+  const k = e2, b = w2, V = i((() => k.disabled)), y = t(k.modelValue), T = t(), g = h().value, S = i((() => y.value === k.activeValue));
   function B() {
     if (V.value) return;
     const e3 = S.value ? k.inactiveValue : k.activeValue;
     y.value = e3, b("update:modelValue", e3), b("change", e3);
   }
-  return c(() => {
+  return c((() => {
     T.value.checked = S.value;
-  }), l(S, (e3) => {
+  })), l(S, ((e3) => {
     T.value.checked = e3;
-  }), a2({ checked: S, focus: () => {
+  })), a2({ checked: S, focus: () => {
     var _a;
     (_a = T.value) == null ? void 0 : _a.focus();
   } }), (e3, a3) => (u(), s("div", { class: n(["px-switch", { [`px-switch--${e3.size}`]: e3.size, "is-disabled": V.value, "is-checked": S.value }]), onClick: B }, [o("input", { class: "px-switch__input", type: "checkbox", role: "switch", ref_key: "inputRef", ref: T, id: r(g), name: e3.name, disabled: V.value, checked: S.value, onKeydown: d(B, ["enter"]) }, null, 40, m), o("div", x, [o("div", _, [e3.activeText || e3.inactiveText ? (u(), s("span", f, p(S.value ? e3.activeText : e3.inactiveText), 1)) : v("", true)]), a3[0] || (a3[0] = o("div", { class: "px-switch__core-action" }, null, -1))])], 2));

package/dist/es/{Tooltip-D7Zr3a2n.js → Tooltip-CUOZC7JN.js}

@@ -1,10 +1,10 @@
-import { _ as e, w as t } from "./utils-2gdi1aKj.js";
+import { _ as e, w as t } from "./utils-340oIQ8K.js";
 import { onMounted as o, watch as a, onUnmounted as l, defineComponent as i, ref as r, computed as n, watchEffect as u, createElementBlock as s, openBlock as v, mergeProps as c, toHandlers as p, renderSlot as d, createVNode as f, Transition as g, withCtx as m, createCommentVNode as h, createElementVNode as _, createTextVNode as k, toDisplayString as T } from "vue";
 import { createPopper as y } from "@popperjs/core";
-import { a as x } from "./hooks-C72Muvqa.js";
-import { H as b, f as w, E as j, v as B } from "./vendor-D87k329e.js";
+import { a as x } from "./hooks-qpAqkY5H.js";
+import { H as b, f as w, E as j, v as B } from "./vendor-DXmGx29U.js";
 const E = e(i({ name: "PxTooltip", __name: "Tooltip", props: { content: {}, trigger: { default: "hover" }, placement: { default: "bottom" }, manual: { type: Boolean }, disabled: { type: Boolean }, popperOptions: {}, transition: { default: "fade" }, showTimeout: { default: 0 }, hideTimeout: { default: 200 }, virtualRef: {}, virtualTriggering: { type: Boolean } }, emits: ["visible-change", "click-outside"], setup(e2, { expose: t2, emit: i2 }) {
-  const E2 = e2, L2 = i2, N = r(false), R = r({}), $ = r({}), O = r({}), P = r(), A = r(), D = r(), H = n(() => E2.virtualTriggering ? E2.virtualRef : D.value), I = n(() => ({ placement: E2.placement, modifiers: [{ name: "offset", options: { offset: [0, 9] } }], ...E2.popperOptions })), M = n(() => "hover" === E2.trigger ? E2.showTimeout : 0), q = n(() => "hover" === E2.trigger ? E2.hideTimeout : 0);
+  const E2 = e2, L2 = i2, N = r(false), R = r({}), $ = r({}), O = r({}), P = r(), A = r(), D = r(), H = n((() => E2.virtualTriggering ? E2.virtualRef : D.value)), I = n((() => ({ placement: E2.placement, modifiers: [{ name: "offset", options: { offset: [0, 9] } }], ...E2.popperOptions }))), M = n((() => "hover" === E2.trigger ? E2.showTimeout : 0)), q = n((() => "hover" === E2.trigger ? E2.hideTimeout : 0));
   let z, C, F;
   function G() {
     C == null ? void 0 : C.cancel(), z == null ? void 0 : z();
@@ -32,41 +32,41 @@ const E = e(i({ name: "PxTooltip", __name: "Tooltip", props: { content: {}, trig
   const W = G, X = () => {
     z == null ? void 0 : z.cancel(), Q(false);
   };
-  return a(N, (e3) => {
+  return a(N, ((e3) => {
     e3 && H.value && A.value && (F = y(H.value, A.value, I.value));
-  }, { flush: "post" }), a(() => E2.manual, (e3) => {
+  }), { flush: "post" }), a((() => E2.manual), ((e3) => {
     e3 ? V() : S();
-  }), a(() => E2.trigger, () => {
+  })), a((() => E2.trigger), (() => {
     z == null ? void 0 : z.cancel(), N.value = false, L2("visible-change", false), V();
-  }), u(() => {
+  })), u((() => {
     E2.manual || S(), z = j(B(Q, null, true), M.value), C = j(B(Q, null, false), q.value);
-  }), x(P, () => {
+  })), x(P, (() => {
     L2("click-outside"), "hover" === E2.trigger || E2.manual || N.value && J();
-  }), function(e3, t3, i3) {
+  })), (function(e3, t3, i3) {
     let r2, n2;
     const u2 = /* @__PURE__ */ new Map(), s2 = () => {
       const e4 = t3.value;
-      e4 && b(e4) && w(i3.value, (t4, o2) => {
+      e4 && b(e4) && w(i3.value, ((t4, o2) => {
         u2.set(o2, t4), e4.addEventListener(o2, t4);
-      });
+      }));
     }, v2 = (e4) => {
       const o2 = e4 ?? t3.value;
-      o2 && b(o2) && w(["mouseenter", "click", "contextmenu"], (e5) => u2.has(e5) && o2.removeEventListener(e5, u2.get(e5)));
+      o2 && b(o2) && w(["mouseenter", "click", "contextmenu"], ((e5) => u2.has(e5) && o2.removeEventListener(e5, u2.get(e5))));
     };
-    o(() => {
-      n2 = a(() => e3.virtualRef, (t4, o2) => {
+    o((() => {
+      n2 = a((() => e3.virtualRef), ((t4, o2) => {
         e3.virtualTriggering && (b(o2) && v2(o2), b(t4) && s2());
-      }, { immediate: true }), r2 = a(i3, () => {
+      }), { immediate: true }), r2 = a(i3, (() => {
         e3.virtualTriggering && (v2(), s2(), z == null ? void 0 : z.cancel(), Q(false));
-      }, { deep: true });
-    }), l(() => {
+      }), { deep: true });
+    })), l((() => {
       r2 == null ? void 0 : r2(), n2 == null ? void 0 : n2();
-    });
-  }(E2, H, R), l(() => {
+    }));
+  })(E2, H, R), l((() => {
     U();
-  }), t2({ show: W, hide: X, toggle: () => {
+  })), t2({ show: W, hide: X, toggle: () => {
     N.value ? X() : W();
-  } }), (e3, t3) => (v(), s("div", c({ class: "px-tooltip", ref_key: "containerNode", ref: P }, p($.value, true)), [e3.virtualTriggering ? d(e3.$slots, "default", { key: 1 }, void 0, true) : (v(), s("div", c({ key: 0, class: "px-tooltip__trigger", ref_key: "_triggerNode", ref: D }, p(R.value, true)), [d(e3.$slots, "default", {}, void 0, true)], 16)), f(g, { name: e3.transition, onAfterLeave: U }, { default: m(() => [N.value ? (v(), s("div", c({ key: 0, class: "px-tooltip__popper", ref_key: "popperNode", ref: A }, p(O.value, true)), [d(e3.$slots, "content", {}, () => [k(T(e3.content), 1)], true), t3[0] || (t3[0] = _("div", { id: "arrow", "data-popper-arrow": "" }, null, -1))], 16)) : h("", true)]), _: 3 }, 8, ["name"])], 16));
+  } }), (e3, t3) => (v(), s("div", c({ class: "px-tooltip", ref_key: "containerNode", ref: P }, p($.value, true)), [e3.virtualTriggering ? d(e3.$slots, "default", { key: 1 }, void 0, true) : (v(), s("div", c({ key: 0, class: "px-tooltip__trigger", ref_key: "_triggerNode", ref: D }, p(R.value, true)), [d(e3.$slots, "default", {}, void 0, true)], 16)), f(g, { name: e3.transition, onAfterLeave: U }, { default: m((() => [N.value ? (v(), s("div", c({ key: 0, class: "px-tooltip__popper", ref_key: "popperNode", ref: A }, p(O.value, true)), [d(e3.$slots, "content", {}, (() => [k(T(e3.content), 1)]), true), t3[0] || (t3[0] = _("div", { id: "arrow", "data-popper-arrow": "" }, null, -1))], 16)) : h("", true)])), _: 3 }, 8, ["name"])], 16));
 } }), [["__scopeId", "data-v-e8b45d39"]]), L = t(E);
 export {
   L as P,

package/dist/es/{hooks-C72Muvqa.js → hooks-qpAqkY5H.js}

@@ -1,38 +1,38 @@
 import { isRef as e, watch as t, onMounted as n, onBeforeUnmount as l, unref as r, getCurrentInstance as o, useSlots as a, watchEffect as u, ref as s, computed as c } from "vue";
-import { f as i, y as v, k as d, z as f } from "./vendor-D87k329e.js";
+import { f as i, y as v, k as d, z as f } from "./vendor-DXmGx29U.js";
 function p(o2, a2, u2) {
-  e(o2) ? t(o2, (e2, t2) => {
+  e(o2) ? t(o2, ((e2, t2) => {
     null == t2 || t2.removeEventListener(a2, u2), null == e2 || e2.addEventListener(a2, u2);
-  }) : n(() => null == o2 ? void 0 : o2.addEventListener(a2, u2)), l(() => {
+  })) : n((() => null == o2 ? void 0 : o2.addEventListener(a2, u2))), l((() => {
     var e2;
     return null == (e2 = r(o2)) ? void 0 : e2.removeEventListener(a2, u2);
-  });
+  }));
 }
 function m(e2, t2) {
-  p(document, "click", (n2) => {
+  p(document, "click", ((n2) => {
     e2.value && n2.target && (e2.value.contains(n2.target) || t2(n2));
-  });
+  }));
 }
-const h = (e2, t2) => i(e2, (e3) => {
+const h = (e2, t2) => i(e2, ((e3) => {
   v(t2) && t2(e3), e3.children && h(e3.children, t2);
-});
+}));
 function x() {
   var e2, t2;
   const n2 = /* @__PURE__ */ new Map(), l2 = o(), r2 = null == (t2 = null == (e2 = a()) ? void 0 : e2.default) ? void 0 : t2.call(e2);
-  u(() => {
-    (null == l2 ? void 0 : l2.props.disabled) ? h(r2 ?? [], (e3) => {
+  u((() => {
+    (null == l2 ? void 0 : l2.props.disabled) ? h(r2 ?? [], ((e3) => {
       (null == e3 ? void 0 : e3.props) && (n2.set(e3, d(e3.props)), e3.props = f(null == e3 ? void 0 : e3.props, { style: { cursor: "not-allowed", color: "var(--px-text-color-placeholder)" } }));
-    }) : h(r2 ?? [], (e3) => {
+    })) : h(r2 ?? [], ((e3) => {
       n2.has(e3) && (e3.props = n2.get(e3));
-    });
-  });
+    }));
+  }));
 }
 function g(e2, { afterBlur: t2, beforeBlur: n2, afterFocus: l2 } = {}) {
   const r2 = o(), { emit: a2 } = r2, u2 = s(), c2 = s(false);
-  return p(u2, "click", () => {
+  return p(u2, "click", (() => {
     var t3;
     null == (t3 = e2.value) || t3.focus();
-  }), { wrapperRef: u2, isFocused: c2, handleFocus: (e3) => {
+  })), { wrapperRef: u2, isFocused: c2, handleFocus: (e3) => {
     c2.value || (c2.value = true, a2("focus", e3), null == l2 || l2());
   }, handleBlur: (e3) => {
     var l3;
@@ -41,15 +41,15 @@ function g(e2, { afterBlur: t2, beforeBlur: n2, afterFocus: l2 } = {}) {
 }
 const b = { prefix: Math.floor(1e4 * Math.random()), current: 0 };
 function L(e2 = "er") {
-  return c(() => `${e2}-${b.prefix}-${b.current++}`);
+  return c((() => `${e2}-${b.prefix}-${b.current++}`));
 }
 function B(e2) {
-  const t2 = c(() => e2.getLastBottomOffset()), n2 = c(() => e2.offset + t2.value), l2 = c(() => n2.value + e2.boxHeight.value);
+  const t2 = c((() => e2.getLastBottomOffset())), n2 = c((() => e2.offset + t2.value)), l2 = c((() => n2.value + e2.boxHeight.value));
   return { topOffset: n2, bottomOffset: l2 };
 }
 const E = s(0);
 function k(e2 = 2e3) {
-  const t2 = s(e2), n2 = c(() => E.value + t2.value);
+  const t2 = s(e2), n2 = c((() => E.value + t2.value));
   return { initialValue: t2, currentZIndex: n2, nextZIndex: () => (E.value++, n2.value) };
 }
 s("system"), s(false);