@squirrel-cloud/ui-vue 0.5.3 → 0.5.4

package/dist/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as R, computed as y, openBlock as m, createBlock as S, unref as i, normalizeClass as W, withCtx as N, resolveDynamicComponent as fe, createCommentVNode as P, createTextVNode as De, toDisplayString as Q, h as Pe, ref as T, watch as oe, onMounted as se, createElementBlock as w, normalizeStyle as G, onBeforeUnmount as ye, Transition as we, withDirectives as ue, createElementVNode as E, renderSlot as F, vShow as he, useSlots as Oe, createVNode as z, inject as me, shallowRef as le, provide as Se, toRef as re, useModel as ie, vModelCheckbox as it, mergeModels as Z, toRaw as ze, Fragment as ae, renderList as pe, useAttrs as Ze, Teleport as ut, mergeProps as ve, withModifiers as be, nextTick as ke, vModelDynamic as Tt, vModelText as zt, render as Ne, cloneVNode as Rt, Text as Lt, Comment as It, vModelRadio as ct } from "vue";
+import { defineComponent as R, computed as y, openBlock as m, createBlock as S, unref as i, normalizeClass as W, withCtx as N, resolveDynamicComponent as fe, createCommentVNode as P, createTextVNode as De, toDisplayString as Q, h as Pe, ref as T, watch as se, onMounted as oe, createElementBlock as w, normalizeStyle as G, onBeforeUnmount as ye, Transition as we, withDirectives as ue, createElementVNode as E, renderSlot as F, vShow as he, useSlots as Oe, createVNode as z, inject as me, shallowRef as le, provide as Se, toRef as re, useModel as ie, vModelCheckbox as it, mergeModels as Z, toRaw as ze, Fragment as ae, renderList as pe, useAttrs as Ze, Teleport as ut, mergeProps as ve, withModifiers as be, nextTick as ke, vModelDynamic as Tt, vModelText as zt, render as Ne, cloneVNode as Rt, Text as Lt, Comment as It, vModelRadio as ct } from "vue";
 import { WarningFilled as dt, CloseFilled as ft, InfoFilled as nt, CheckFilled as pt, JumpTo as At, CaretUp as Et, Loading as Ue, Check as vt, Close as Ge, Bold as Mt, Italic as Pt, Underline as Dt, Strikethrough as Ot, Hide as mt, ListUl as Nt, ListOl as Ut, View as ht, ArrowLeft as gt, ArrowRight as bt, ZoomIn as Vt, ZoomOut as Ft, FlipHorizontal as Ht, FlipVertical as jt, Clockwise as Wt, Couterclockwise as Xt, FitSize as Yt, Fullscreen as Kt, Ellipsis as Zt, ArrowDown as Gt } from "@squirrel-cloud/icons-vue";
 import { autoUpdate as Qt, computePosition as Jt, offset as en, flip as tn, shift as nn } from "@floating-ui/dom";
 const Qe = {
@@ -410,10 +410,10 @@ const { md2tokensAsync: dn, tokens2vueh: fn } = rn(), pn = "sq-article", vn = R(
       "input-checkbox": _t,
       ...c.customNodeMap
     }));
-    oe(
+    se(
       () => [c.md, c.text, c.customNodeMap, c.plugins],
       e
-    ), se(e);
+    ), oe(e);
     async function e() {
       if (!c.md) {
         o.value = Pe("article", { class: "sq-article" }, [
@@ -456,7 +456,7 @@ const { md2tokensAsync: dn, tokens2vueh: fn } = rn(), pn = "sq-article", vn = R(
         "--avatar-bg-color": d()
       };
     }), t = y(() => o.alt.charAt(0).toUpperCase());
-    oe(
+    se(
       () => o.src,
       () => {
         s.value = !0;
@@ -493,7 +493,7 @@ const { md2tokensAsync: dn, tokens2vueh: fn } = rn(), pn = "sq-article", vn = R(
   },
   setup(c) {
     const { throttle: o } = un(), s = o(u), e = new ResizeObserver(l), n = c, t = T(100), a = T(0), d = y(() => a.value > n.visibilityHeight);
-    se(() => {
+    oe(() => {
       var h;
       l(), s(), window.addEventListener("scroll", s);
       const p = document.querySelector(n.target) ?? document.body;
@@ -982,14 +982,14 @@ const Rn = ["disabled", "form", "type"], Ln = "sq-button", ee = /* @__PURE__ */
       const v = [], f = i(n), x = i(t), $ = i(u);
       return f !== "md" && v.push(`sq-selection--${f}`), h.value && v.push("is-checked"), x && v.push("is-disabled"), $ && v.push(`is-${$}`), v;
     }), h = y(() => l ? i(l).list.includes(e.value) : r.value);
-    return oe(h, (v) => {
+    return se(h, (v) => {
       if (r.value !== v) {
         r.value = v;
         return;
       }
-    }), oe(r, (v) => {
+    }), se(r, (v) => {
       h.value !== v && l && l.value.toggleItem(e.value);
-    }), se(() => {
+    }), oe(() => {
       r.value = h.value;
     }), (v, f) => (m(), w("label", {
       class: W(["sq-selection sq-checkbox", p.value])
@@ -1054,7 +1054,7 @@ const Rn = ["disabled", "form", "type"], Ln = "sq-button", ee = /* @__PURE__ */
         list: a,
         toggleItem: l
       })
-    ), oe(
+    ), se(
       () => t.value,
       (r) => {
         const p = r || [], h = [.../* @__PURE__ */ new Set([...p, a.value])];
@@ -1088,7 +1088,7 @@ const Rn = ["disabled", "form", "type"], Ln = "sq-button", ee = /* @__PURE__ */
       theme: e.theme,
       lang: e.lang
     }) : `<pre>${e.code}</pre>`);
-    return se(async () => {
+    return oe(async () => {
       if (n.value = await o(), !n.value) {
         console.warn("[squirrel-cloud/ui-vue] SqCode 组件代码高亮依赖 shiki");
         return;
@@ -1117,7 +1117,7 @@ const Rn = ["disabled", "form", "type"], Ln = "sq-button", ee = /* @__PURE__ */
     const { nextZIndex: s } = Je(), e = Ze();
     let n;
     const t = o, a = c, d = T(0), u = T(!1), l = ie(c, "visible");
-    u.value = l.value, oe(l, (v) => {
+    u.value = l.value, se(l, (v) => {
       const f = document.scrollingElement;
       v ? (n = f.style.overflow, f.style.overflow = "hidden", d.value = s(), u.value = !0, document.addEventListener("keydown", r)) : (f.style.overflow = n, document.removeEventListener("keydown", r));
     }), ye(() => {
@@ -1672,7 +1672,7 @@ const Rn = ["disabled", "form", "type"], Ln = "sq-button", ee = /* @__PURE__ */
     ), M = y(
       () => typeof e.beforePreview == "function" ? e.beforePreview(f.value) : f.value
     );
-    se(() => {
+    oe(() => {
       document.addEventListener("selectionchange", V), document.addEventListener("click", j);
     }), ye(() => {
       document.removeEventListener("selectionchange", V), document.removeEventListener("click", j);
@@ -1904,12 +1904,12 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
       const u = [];
       return s.isRequired && u.push("is-required"), u;
     }), a = y(() => ["input", "switch", "select"].includes(s.type));
-    oe(
+    se(
       () => s.errorMsg,
       (u) => {
         u && (n.value = u);
       }
-    ), se(() => {
+    ), oe(() => {
       a.value && (e.value = `sq-form-item-${o()}`);
     });
     function d() {
@@ -1985,7 +1985,7 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
       const k = t.step;
       return k === void 0 ? t.items : t.items.filter((C) => C.step === void 0 ? C : Array.isArray(C.step) ? C.step.includes(k) : C.step === k);
     });
-    se(() => {
+    oe(() => {
       e = structuredClone(ze(t.formData));
     });
     function h(k) {
@@ -2150,12 +2150,12 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
       height: p.value ? void 0 : "var(--image-placeholder-height)",
       aspectRatio: p.value ? void 0 : n.aspectRatio
     }));
-    oe(
+    se(
       () => n.src,
       () => {
         d.value = !1, t.value = !1, a.value = n.src;
       }
-    ), se(() => {
+    ), oe(() => {
       s.observe(r.value);
     }), ye(() => {
       s.disconnect();
@@ -2548,12 +2548,12 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
       marginInlineStart: `${t.value.x}px`,
       marginBlockStart: `${t.value.y}px`
     }));
-    oe(
+    se(
       () => $.aspectRatio,
       () => {
         ke(I);
       }
-    ), se(() => {
+    ), oe(() => {
       document.addEventListener("pointermove", V), document.addEventListener("pointerup", u);
     }), ye(() => {
       document.removeEventListener("pointermove", V), document.removeEventListener("pointerup", u);
@@ -2825,7 +2825,7 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
   emits: /* @__PURE__ */ Z(["click", "change"], ["update:active"]),
   setup(c, { emit: o }) {
     const { getText: s } = Ie(), e = o, n = c, t = T(!1), a = le(null), d = ie(c, "active"), u = y(() => [`sq-menu--${n.direction}`]);
-    se(async () => {
+    oe(async () => {
       try {
         const { RouterLink: p } = await import("vue-router");
         a.value = p, t.value = !0;
@@ -2908,7 +2908,7 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
   },
   setup(c, { expose: o }) {
     const s = c, e = T(!0), n = y(() => s.type ? Qe[s.type] : void 0);
-    se(() => {
+    oe(() => {
       setTimeout(t, s.closeAfter);
     });
     function t() {
@@ -3012,7 +3012,7 @@ const Ta = Ke, no = ["textContent"], so = "sq-message-box", oo = /* @__PURE__ */
   },
   setup(c, { expose: o }) {
     const s = c, e = T(!1);
-    se(() => {
+    oe(() => {
       e.value = !0;
     });
     function n() {
@@ -3280,20 +3280,20 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
       const C = [];
       return p.shadow && C.push("has-shadow"), [C];
     });
-    oe(h, (C) => {
+    se(h, (C) => {
       if (C === l) return;
       l = C, k();
       const b = C ? p.showAfter : p.hideAfter;
       d = setTimeout(() => {
         x.value = C;
       }, b);
-    }), oe(x, (C) => {
+    }), se(x, (C) => {
       C ? (v.value = e(), ne(), u = Qt(
         $.value.$el,
         B.value,
         ne
       )) : u == null || u(), r("openChange", C);
-    }), se(() => {
+    }), oe(() => {
       ne();
     }), ye(() => {
       k(), document.removeEventListener("click", te);
@@ -3411,7 +3411,7 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
       }
       return r;
     });
-    se(() => {
+    oe(() => {
       o.observe(n.value);
     }), ye(() => {
       o.disconnect();
@@ -3484,16 +3484,16 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
       const f = [], x = i(n), $ = i(t), B = i(u);
       return x !== "md" && f.push(`sq-selection--${x}`), v.value && f.push("is-checked"), $ && f.push("is-disabled"), B && f.push(`is-${B}`), f;
     }), v = y(() => l ? i(l).checked === e.value : p.value);
-    return oe(r, (f) => {
+    return se(r, (f) => {
       p.value = f === e.value;
-    }), oe(v, (f) => {
+    }), se(v, (f) => {
       if (f ? r.value = e.value ?? "on" : r.value = void 0, p.value !== f) {
         p.value = f;
         return;
       }
-    }), oe(p, (f) => {
+    }), se(p, (f) => {
       v.value !== f && l && l.value.toggleItem(e.value);
-    }), se(() => {
+    }), oe(() => {
       p.value = v.value, r.value = p.value ? e.value ?? "on" : void 0;
     }), (f, x) => (m(), w("label", {
       class: W(["sq-selection sq-radio", h.value])
@@ -3550,7 +3550,7 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
         checked: a,
         toggleItem: l
       })
-    ), oe(
+    ), se(
       () => t.value,
       (r) => {
         r !== a.value && (a.value = r);
@@ -3605,7 +3605,7 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
         toggleItem: h,
         updateThumb: v
       })
-    ), se(() => {
+    ), oe(() => {
       var f;
       d.value || (d.value = (f = u.value[0]) == null ? void 0 : f.value);
     });
@@ -3643,12 +3643,12 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
       const p = [], h = i(s);
       return u.value && p.push("is-active"), h && p.push("is-disabled"), p;
     }), u = y(() => i(e).active === o.value), l = y(() => i(e).size !== "sm" ? "md" : "sm");
-    oe(u, (p) => {
+    se(u, (p) => {
       if (p) {
         if (t.value = o.value ?? "on", !e) return;
         e.value.updateThumb(a.value);
       } else t.value = void 0;
-    }), se(() => {
+    }), oe(() => {
       t.value = u.value ? o.value ?? "on" : void 0, !(!u.value || !e) && e.value.updateThumb(a.value);
     });
     function r() {
@@ -3744,9 +3744,9 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
         active: r,
         toggleItem: v
       })
-    ), oe(a, () => {
+    ), se(a, () => {
       e = u.value;
-    }), oe(r, f), se(() => {
+    }), se(r, f), se(() => t.items, f), oe(() => {
       f();
     });
     function h(L) {
@@ -3874,9 +3874,9 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
       `transparent ${h.value}px`,
       `#000 ${h.value + 1}px`
     ].join(",")})`);
-    oe(f, () => {
+    se(f, () => {
       d || L();
-    }), se(() => {
+    }), oe(() => {
       L(), document.addEventListener("pointermove", te), document.addEventListener("pointerup", j);
     }), ye(() => {
       document.removeEventListener("pointermove", te), document.removeEventListener("pointerup", j);
@@ -4034,7 +4034,7 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
       ...d.value,
       paddingInlineEnd: n.value ? "6px" : "0"
     }));
-    se(() => {
+    oe(() => {
       s.observe(t.value);
     }), ye(() => {
       s.disconnect();

package/package.json

@@ -2,7 +2,7 @@
   "name": "@squirrel-cloud/ui-vue",
   "description": "松鼠的坚果屋前端VUE框架",
   "license": "GPL-3.0",
-  "version": "0.5.3",
+  "version": "0.5.4",
   "private": false,
   "type": "module",
   "files": [