@aplus-frontend/ui 6.26.1 → 6.26.3

package/es/src/mask/index.vue.mjs

@@ -20,7 +20,7 @@ const J = /* @__PURE__ */ V({
   },
   emits: ["update:open"],
   setup(E, { emit: S }) {
-    const n = E, { b: z, e: u, em: I } = w("mask"), { b: c } = w("fade"), L = S, N = n.zIndex || U(), { value: a, updateValue: s } = j(
+    const n = E, { b: z, e: u, em: I } = w("mask"), { b: c } = w("fade"), L = S, N = n.zIndex || U(), { value: t, updateValue: s } = j(
       n,
       L,
       {
@@ -28,22 +28,22 @@ const J = /* @__PURE__ */ V({
       }
     ), l = m(n.open);
     v(
-      () => a.value,
+      () => t.value,
       (e) => {
         e && (l.value = e);
       }
     );
     const p = m();
     v(p, (e) => {
-      e && e.addEventListener("wheel", (t) => {
-        t.stopPropagation(), t.preventDefault();
+      e && e.addEventListener("wheel", (a) => {
+        a.stopPropagation(), a.preventDefault();
       });
     }), _((e) => {
-      if (!a.value)
+      if (!t.value)
         return;
-      const t = $();
+      const a = $();
       e(() => {
-        t == null || t();
+        a?.();
       });
     }), g(() => {
       document.addEventListener("keydown", f);
@@ -63,9 +63,9 @@ const J = /* @__PURE__ */ V({
       }
     }
     function f(e) {
-      !a.value || !(n.closable && n.escClosable) || e.key === "Escape" && s(!1);
+      !t.value || !(n.closable && n.escClosable) || e.key === "Escape" && s(!1);
     }
-    return (e, t) => !e.deleteOnClose || l.value ? (y(), x(P, {
+    return (e, a) => !e.deleteOnClose || l.value ? (y(), x(P, {
       key: 0,
       to: "body"
     }, [
@@ -81,7 +81,7 @@ const J = /* @__PURE__ */ V({
           onAfterLeave: A
         }, {
           default: h(() => [
-            o(a) ? (y(), T("div", {
+            o(t) ? (y(), T("div", {
               key: 0,
               class: i([o(u)("mask"), { [o(I)("mask", "disabled")]: e.disabled }]),
               onClick: M
@@ -103,7 +103,7 @@ const J = /* @__PURE__ */ V({
             name: o(c)()
           }, {
             default: h(() => [
-              o(a) ? B(e.$slots, "default", { key: 0 }) : r("", !0)
+              o(t) ? B(e.$slots, "default", { key: 0 }) : r("", !0)
             ]),
             _: 3
           }, 8, ["name"])

package/es/src/resize-observer/index.vue.mjs

@@ -9,35 +9,33 @@ const B = /* @__PURE__ */ b({
     onResize: { type: Function },
     throttle: { type: [Boolean, Number], default: 16 }
   },
-  setup(r, { expose: i }) {
-    const u = r.throttle == !0 ? 16 : r.throttle, f = R(c, u), { observe: a, unobserve: m } = S(), n = v();
-    let o = d(!1);
-    function l() {
-      var t;
-      if (o.value)
+  setup(n, { expose: l }) {
+    const i = n.throttle == !0 ? 16 : n.throttle, u = R(m, i), { observe: f, unobserve: a } = S(), r = v();
+    let t = d(!1);
+    function s() {
+      if (t.value)
         return;
-      const e = (t = n == null ? void 0 : n.proxy) == null ? void 0 : t.$el;
-      e != null && e.nextElementSibling && (a(e.nextElementSibling, f), o.value = !0);
+      const e = r?.proxy?.$el;
+      e?.nextElementSibling && (f(e.nextElementSibling, u), t.value = !0);
     }
-    function s() {
-      var e;
-      if (o.value) {
-        const t = (e = n == null ? void 0 : n.proxy) == null ? void 0 : e.$el;
-        t != null && t.nextElementSibling && (m(t.nextElementSibling), o.value = !1);
+    function o() {
+      if (t.value) {
+        const e = r?.proxy?.$el;
+        e?.nextElementSibling && (a(e.nextElementSibling), t.value = !1);
       }
     }
-    function c(e) {
-      r.onResize(e) === !1 && s();
+    function m(e) {
+      n.onResize(e) === !1 && o();
     }
     return p(() => {
-      l();
-    }), x(() => {
       s();
-    }), i({
-      visible: h(() => z(o)),
-      cancel: s,
-      resume: l
-    }), (e, t) => g(e.$slots, "default");
+    }), x(() => {
+      o();
+    }), l({
+      visible: h(() => z(t)),
+      cancel: o,
+      resume: s
+    }), (e, c) => g(e.$slots, "default");
   }
 });
 export {

package/es/src/scroll-bar/index.vue.mjs

@@ -69,16 +69,10 @@ const W = /* @__PURE__ */ z({
       t[h] = e * (c + r.extraSize - i) / 100;
     }
     return m({
-      currentScroll: s(() => {
-        var e;
-        return a((e = l.value) == null ? void 0 : e.currentScroll);
-      }),
+      currentScroll: s(() => a(l.value?.currentScroll)),
       scroll: d,
       visible: s(() => n.value < 100),
-      rootElement: s(() => {
-        var e;
-        return a((e = l.value) == null ? void 0 : e.container);
-      })
+      rootElement: s(() => a(l.value?.container))
     }), (e, t) => n.value !== 100 ? (B(), k(E, L({
       key: 0,
       ref_key: "barRef",

package/es/src/scroll-bar/internal.vue.mjs

@@ -1,9 +1,9 @@
-import { defineComponent as V, ref as f, toRef as h, watch as W, watchEffect as z, unref as o, createElementBlock as A, openBlock as N, normalizeStyle as U, normalizeClass as m, createElementVNode as L } from "vue";
+import { defineComponent as $, ref as f, toRef as p, watch as V, watchEffect as W, unref as o, createElementBlock as z, openBlock as A, normalizeStyle as N, normalizeClass as b, createElementVNode as E } from "vue";
 import "../config-provider/index.mjs";
-import { useTrack as X } from "./hooks/use-track.mjs";
-import { ensureRangeValue as C } from "./utils/index.mjs";
-import { useNamespace as Y } from "../config-provider/hooks/use-namespace.mjs";
-const I = /* @__PURE__ */ V({
+import { useTrack as U } from "./hooks/use-track.mjs";
+import { ensureRangeValue as L } from "./utils/index.mjs";
+import { useNamespace as X } from "../config-provider/hooks/use-namespace.mjs";
+const H = /* @__PURE__ */ $({
   __name: "internal",
   props: {
     direction: { default: "vertical" },
@@ -20,80 +20,74 @@ const I = /* @__PURE__ */ V({
     onScroll: {},
     onScrollEnd: {}
   },
-  setup(D, { expose: M }) {
-    const t = D, k = f(), c = f(), l = f(), { b: B, e: v, m: P, em: d, cssVar: R } = Y("scroll-bar"), r = f(t.scroll), { handleMouseDown: p } = X({
-      currentScroll: r,
-      track: c,
+  setup(C, { expose: D }) {
+    const t = C, m = f(), i = f(), l = f(), { b: M, e: k, m: B, em: c, cssVar: P } = X("scroll-bar"), n = f(t.scroll), { handleMouseDown: v } = U({
+      currentScroll: n,
+      track: i,
       bar: l,
-      type: h(t, "direction"),
-      trackSpeed: h(t, "trackSpeed"),
-      barLength: h(t, "barLength"),
-      disabled: h(t, "disabled"),
+      type: p(t, "direction"),
+      trackSpeed: p(t, "trackSpeed"),
+      barLength: p(t, "barLength"),
+      disabled: p(t, "disabled"),
       onDown: (e) => {
-        var n;
-        (n = t.onScrollStart) == null || n.call(t, e);
+        t.onScrollStart?.(e);
       },
       onUp: (e) => {
-        var n;
-        (n = t.onScrollEnd) == null || n.call(t, e);
+        t.onScrollEnd?.(e);
       },
       onScroll: (e) => {
-        var n;
-        (n = t.onScroll) == null || n.call(t, e);
+        t.onScroll?.(e);
       }
     });
-    W(
+    V(
       () => t.scroll,
       (e) => {
-        r.value = e;
+        n.value = e;
       }
-    ), z(() => {
+    ), W(() => {
       if (!o(l)) return;
-      const e = `${(100 - t.barLength) * r.value / t.barLength}%`, n = `${t.barLength}%`;
-      t.direction === "vertical" ? (l.value.style.height = n, l.value.style.transform = `translate3d(0, ${e}, 0)`) : (l.value.style.width = n, l.value.style.transform = `translate3d(${e}, 0, 0)`);
+      const e = `${(100 - t.barLength) * n.value / t.barLength}%`, r = `${t.barLength}%`;
+      t.direction === "vertical" ? (l.value.style.height = r, l.value.style.transform = `translate3d(0, ${e}, 0)`) : (l.value.style.width = r, l.value.style.transform = `translate3d(${e}, 0, 0)`);
     });
-    let b, s, u;
-    function T(e) {
-      var E;
+    let h, s, d;
+    function R(e) {
       if (t.disabled || e.button !== 0) return;
       e.preventDefault(), e.stopPropagation();
-      const n = o(c), i = o(l);
-      if (!n || !i)
+      const r = o(i), a = o(l);
+      if (!r || !a)
         return;
       document.addEventListener("pointermove", g), document.addEventListener("pointerup", S);
-      const a = n.getBoundingClientRect(), y = i.getBoundingClientRect();
-      t.direction === "vertical" ? (b = a.height, s = y.top - a.top, u = e.clientY) : (b = a.width, s = y.left - a.left, u = e.clientX), (E = t.onScrollStart) == null || E.call(t, o(r));
+      const u = r.getBoundingClientRect(), y = a.getBoundingClientRect();
+      t.direction === "vertical" ? (h = u.height, s = y.top - u.top, d = e.clientY) : (h = u.width, s = y.left - u.left, d = e.clientX), t.onScrollStart?.(o(n));
     }
     function g(e) {
-      var a;
       e.stopPropagation(), e.preventDefault();
-      let n;
-      t.direction === "vertical" ? n = s + e.clientY - u : n = s + e.clientX - u;
-      const i = n / b / (100 - t.barLength) * 1e4;
-      r.value = C(i), (a = t.onScroll) == null || a.call(t, o(r));
+      let r;
+      t.direction === "vertical" ? r = s + e.clientY - d : r = s + e.clientX - d;
+      const a = r / h / (100 - t.barLength) * 1e4;
+      n.value = L(a), t.onScroll?.(o(n));
     }
     function S(e) {
-      var n;
-      e.preventDefault(), document.removeEventListener("pointermove", g), document.removeEventListener("pointerup", S), (n = t.onScrollEnd) == null || n.call(t, o(r));
+      e.preventDefault(), document.removeEventListener("pointermove", g), document.removeEventListener("pointerup", S), t.onScrollEnd?.(o(n));
     }
     function w(e) {
       e.cancelable && (e.stopPropagation(), e.preventDefault());
     }
-    function $(e) {
-      Math.abs(o(r) - e) <= 1e-3 || (r.value = C(e));
+    function T(e) {
+      Math.abs(o(n) - e) <= 1e-3 || (n.value = L(e));
     }
-    return M({
-      currentScroll: r,
-      container: k,
+    return D({
+      currentScroll: n,
+      container: m,
       bar: l,
-      track: c,
-      scroll: $
-    }), (e, n) => (N(), A("div", {
+      track: i,
+      scroll: T
+    }), (e, r) => (A(), z("div", {
       ref_key: "container",
-      ref: k,
-      class: m([o(B)(), o(P)(e.direction)]),
-      style: U(
-        o(R)({
+      ref: m,
+      class: b([o(M)(), o(B)(e.direction)]),
+      style: N(
+        o(P)({
           "bar-color": e.barColor,
           "track-color": e.trackColor,
           "bar-width": e.width ? `${e.width}px` : void 0,
@@ -101,32 +95,32 @@ const I = /* @__PURE__ */ V({
         })
       )
     }, [
-      L("div", {
+      E("div", {
         ref_key: "track",
-        ref: c,
-        class: m([
-          o(v)("track"),
-          e.disabled ? o(d)("track", "disabled") : null,
-          e.showTrack ? null : o(d)("track", "hidden")
+        ref: i,
+        class: b([
+          o(k)("track"),
+          e.disabled ? o(c)("track", "disabled") : null,
+          e.showTrack ? null : o(c)("track", "hidden")
         ]),
-        onPointerdown: n[0] || (n[0] = //@ts-ignore
-        (...i) => o(p) && o(p)(...i)),
+        onPointerdown: r[0] || (r[0] = //@ts-ignore
+        (...a) => o(v) && o(v)(...a)),
         onTouchstart: w
       }, null, 34),
-      L("div", {
+      E("div", {
         ref_key: "bar",
         ref: l,
-        class: m([
-          o(v)("bar"),
-          o(d)("bar", e.direction),
-          e.disabled ? o(d)("bar", "disabled") : null
+        class: b([
+          o(k)("bar"),
+          o(c)("bar", e.direction),
+          e.disabled ? o(c)("bar", "disabled") : null
         ]),
-        onPointerdown: T,
+        onPointerdown: R,
         onTouchstart: w
       }, null, 34)
     ], 6));
   }
 });
 export {
-  I as default
+  H as default
 };

package/es/src/scroll-view/hooks/use-scroll-wrapper.mjs

@@ -1,52 +1,50 @@
-import { getScrollable as c } from "../../scroll-bar/utils/index.mjs";
-import { ref as i, reactive as v, watch as p, unref as b } from "vue";
+import { getScrollable as r } from "../../scroll-bar/utils/index.mjs";
+import { ref as a, reactive as f, watch as p, unref as b } from "vue";
 const B = () => {
-  const t = i(), n = v({ x: 0, y: 0 }), a = v({ x: 0, y: 0 }), s = i(), u = i();
+  const t = a(), c = f({ x: 0, y: 0 }), n = f({ x: 0, y: 0 }), i = a(), s = a();
   p(
     () => t.value,
     () => {
-      f();
+      u();
     }
   );
-  function f() {
+  function u() {
     const e = b(t);
     if (!e)
       return;
-    const { visibleSize: l, totalSize: r } = c(
+    const { visibleSize: o, totalSize: l } = r(
       e,
       "horizontal"
-    ), { visibleSize: o, totalSize: x } = c(e, "vertical");
-    n.x = r - l, n.y = x - o;
+    ), { visibleSize: z, totalSize: x } = r(e, "vertical");
+    c.x = l - o, c.y = x - z;
   }
-  function S() {
-    var o;
+  function v() {
     if (!t.value)
       return;
-    const { totalSize: e, visibleSize: l } = c(
+    const { totalSize: e, visibleSize: o } = r(
       t.value,
       "vertical"
-    ), r = a.y / (e - l || 1) * 100;
-    (o = u.value) == null || o.scroll(r);
+    ), l = n.y / (e - o || 1) * 100;
+    s.value?.scroll(l);
   }
-  function z() {
-    var o;
+  function S() {
     if (!t.value)
       return;
-    const { totalSize: e, visibleSize: l } = c(
+    const { totalSize: e, visibleSize: o } = r(
       t.value,
       "horizontal"
-    ), r = a.x / (e - l || 1) * 100;
-    (o = s.value) == null || o.scroll(r);
+    ), l = n.x / (e - o || 1) * 100;
+    i.value?.scroll(l);
   }
   return {
-    maxScrollDistance: n,
-    scrollOffset: a,
-    xBarRef: s,
-    yBarRef: u,
-    scrollYBar: S,
-    scrollXBar: z,
+    maxScrollDistance: c,
+    scrollOffset: n,
+    xBarRef: i,
+    yBarRef: s,
+    scrollYBar: v,
+    scrollXBar: S,
     containerRef: t,
-    updateMaxScrollDistance: f
+    updateMaxScrollDistance: u
   };
 };
 export {

package/es/src/scroll-view/index.vue.mjs

@@ -44,8 +44,8 @@ const Ye = /* @__PURE__ */ fe({
     } = de(), { width: Z, height: ee } = F(u), { width: te, height: re } = F(s), { start: N } = xe({
       scrollOffset: r,
       maxScrollDistance: i,
-      onScroll: (t) => {
-        t === "horizontal" ? p() : h();
+      onScroll: (e) => {
+        e === "horizontal" ? p() : h();
       },
       async onScrollEnd() {
         await R(200), S();
@@ -53,8 +53,8 @@ const Ye = /* @__PURE__ */ fe({
     }), { start: $ } = Be({
       scrollOffset: r,
       maxScrollDistance: i,
-      onScroll(t, e) {
-        V.value && (y(), g = !0), t && p(), e && h();
+      onScroll(e, t) {
+        V.value && (y(), g = !0), e && p(), t && h();
       },
       async onScrollEnd() {
         g && (await R(200), S(), g = !1);
@@ -65,27 +65,27 @@ const Ye = /* @__PURE__ */ fe({
           y();
           return;
         }
-        const t = o.autoPlay === !0 ? {} : o.autoPlay, e = {
+        const e = o.autoPlay === !0 ? {} : o.autoPlay, t = {
           ...G,
-          ...t
+          ...e
         };
-        if (e.direction === "horizontal") {
+        if (t.direction === "horizontal") {
           if (r.x === i.x) {
-            y(), e.repeat && N("horizontal");
+            y(), t.repeat && N("horizontal");
             return;
           }
           r.x = n(
-            r.x + e.rate,
+            r.x + t.rate,
             0,
             i.x
           ), p();
         } else {
           if (r.y === i.y) {
-            y(), e.repeat && N("vertical");
+            y(), t.repeat && N("vertical");
             return;
           }
           r.y = n(
-            r.y + e.rate,
+            r.y + t.rate,
             0,
             i.y
           ), h();
@@ -100,56 +100,54 @@ const Ye = /* @__PURE__ */ fe({
     async function b() {
       V.value && (y(), await R(500), S());
     }
-    async function ae(t) {
-      var e;
+    async function ae(e) {
       if (l(x))
-        t.preventDefault(), t.stopPropagation();
+        e.preventDefault(), e.stopPropagation();
       else
         return;
       r.y = n(
-        r.y + t.deltaY,
+        r.y + e.deltaY,
         0,
         i.y
-      ), h(), (e = o.onWheel) == null || e.call(o, "vertical", r.y), b();
+      ), h(), o.onWheel?.("vertical", r.y), b();
     }
-    function le(t) {
-      var e;
+    function le(e) {
       if (l(m))
-        t.preventDefault(), t.stopPropagation();
+        e.preventDefault(), e.stopPropagation();
       else
         return;
       r.x = n(
-        r.x + t.deltaX,
+        r.x + e.deltaX,
         0,
         i.x
-      ), p(), (e = o.onWheel) == null || e.call(o, "horizontal", r.x), b();
+      ), p(), o.onWheel?.("horizontal", r.x), b();
     }
     function E() {
       if (o.showYBar) {
-        const { visibleSize: t, totalSize: e } = k(
+        const { visibleSize: e, totalSize: t } = k(
           s.value,
           "vertical"
         );
         c.y = n(
-          Math.min(t / (e || 1) * 100)
+          Math.min(e / (t || 1) * 100)
         );
       }
       if (o.showXBar) {
-        const { visibleSize: t, totalSize: e } = k(
+        const { visibleSize: e, totalSize: t } = k(
           s.value,
           "horizontal"
         );
         c.x = n(
-          Math.min(t / (e || 1) * 100)
+          Math.min(e / (t || 1) * 100)
         );
       }
     }
-    function X(t, e) {
+    function X(e, t) {
       const a = l(s), d = l(u);
       if (!a || !d) return;
-      const { visibleSize: C, totalSize: D } = k(a, e);
+      const { visibleSize: C, totalSize: D } = k(a, t);
       if (D <= C) return;
-      const Y = (D - C) * t / 100, ce = e === "vertical";
+      const Y = (D - C) * e / 100, ce = t === "vertical";
       if (b(), ce) {
         r.y = Y;
         return;
@@ -174,17 +172,17 @@ const Ye = /* @__PURE__ */ fe({
     ), _(() => {
       u.value && (u.value.style.transform = `translate3d(-${r.x}px, -${r.y}px, 0px)`);
     });
-    function ie(t, e) {
-      f(t) && m.value && (r.x = n(t, 0, i.x), p()), f(e) && x.value && (r.y = n(e, 0, i.y), h());
+    function ie(e, t) {
+      f(e) && m.value && (r.x = n(e, 0, i.x), p()), f(t) && x.value && (r.y = n(t, 0, i.y), h());
     }
-    function ne({ smooth: t, left: e, top: a }) {
-      t ? $({ x: e, y: a }) : (f(e) && (r.x = e), f(a) && (r.y = a));
+    function ne({ smooth: e, left: t, top: a }) {
+      e ? $({ x: t, y: a }) : (f(t) && (r.x = t), f(a) && (r.y = a));
     }
-    function se(t, e = "start") {
+    function se(e, t = "start") {
       const a = we(
         s.value,
-        t,
-        e
+        e,
+        t
       ), d = {};
       m.value && (d.x = n(
         r.x + a.x,
@@ -202,7 +200,7 @@ const Ye = /* @__PURE__ */ fe({
       scroll: ie,
       scrollTo: ne,
       scrollIntoView: se
-    }), (t, e) => (P(), ye("div", {
+    }), (e, t) => (P(), ye("div", {
       ref_key: "containerRef",
       ref: s,
       class: B(l(J)()),
@@ -217,19 +215,19 @@ const Ye = /* @__PURE__ */ fe({
         ref: u,
         class: B(l(w)("content"))
       }, [
-        me(t.$slots, "default")
+        me(e.$slots, "default")
       ], 2),
       z("div", {
         class: B([l(w)("bar-wrapper"), l(W)("bar-wrapper", "vertical")]),
-        style: A(`height: calc(100% - ${m.value ? t.xBarProps.trackWidth || 10 : 0}px)`)
+        style: A(`height: calc(100% - ${m.value ? e.xBarProps.trackWidth || 10 : 0}px)`)
       }, [
         x.value ? (P(), L(l(H), T({
           key: 0,
           ref_key: "yBarRef",
           ref: Q
-        }, t.yBarProps, {
+        }, e.yBarProps, {
           "bar-length": c.y,
-          onScroll: e[0] || (e[0] = (a) => X(a, "vertical"))
+          onScroll: t[0] || (t[0] = (a) => X(a, "vertical"))
         }), null, 16, ["bar-length"])) : O("", !0)
       ], 6),
       z("div", {
@@ -239,10 +237,10 @@ const Ye = /* @__PURE__ */ fe({
           key: 0,
           ref_key: "xBarRef",
           ref: K
-        }, t.xBarProps, {
+        }, e.xBarProps, {
           direction: "horizontal",
           "bar-length": c.x,
-          onScroll: e[1] || (e[1] = (a) => X(a, "horizontal"))
+          onScroll: t[1] || (t[1] = (a) => X(a, "horizontal"))
         }), null, 16, ["bar-length"])) : O("", !0)
       ], 2)
     ], 38));