@solar-taro/ui-sun 2.9.0 → 3.1.0

package/index15.js

@@ -1,55 +1,81 @@
-import { defineComponent as x, getCurrentInstance as V, shallowRef as E, shallowReactive as k, computed as a, provide as i, watch as C, onMounted as w, renderSlot as y, createElementVNode as B, mergeProps as I, openBlock as O, createElementBlock as A } from "vue";
-import { ACTIVE_CHILD as N, PARENT as P } from "./index56.js";
-const R = y, T = B, b = I, L = O, S = A, $ = { class: "sun-segment-inner" }, M = /* @__PURE__ */ x({
-  __name: "segment",
+import { defineComponent as C, watch as I, onMounted as L, onUnmounted as M, createElementVNode as k, unref as w, openBlock as z, createElementBlock as R } from "vue";
+import { createSelectorQuery as y, getWindowInfo as Q, previewImage as S } from "@tarojs/taro";
+import { QrCode as U, QrCodeEcc as a } from "./index65.js";
+const h = k, A = w, B = z, D = R;
+let T = 1;
+const N = /* @__PURE__ */ C({
+  __name: "index",
   props: {
-    modelValue: {}
+    value: {},
+    color: { default: "#000000" },
+    backgroundColor: { default: "transparent" },
+    level: { default: "M" }
   },
-  emits: ["update:modelValue", "change"],
-  setup(p, { emit: v }) {
-    const r = v, c = p, m = V(), o = E(null), t = k([]), d = a(() => t.indexOf(o.value)), f = a(() => t.length), g = a(() => ({
-      "--segment-length": f.value,
-      "--segment-active-index": d.value
-    }));
-    i(N, o), i(P, {
-      link: (e) => {
-        const n = u();
-        t.push(e), t.sort((s, l) => {
-          const h = n.indexOf(s.vnode), _ = n.indexOf(l.vnode);
-          return h - _;
-        });
-      },
-      unlink: (e) => {
-        t.slice(t.indexOf(e), 1);
-      },
-      active: (e) => {
-        r("change", {
-          value: e.props.value,
-          index: d.value
-        }), r("update:modelValue", e.props.value), o.value = e;
-      }
-    }), C(() => c.modelValue, (e) => {
-      o.value = t.find((n) => n.props.value === e);
+  emits: ["rendered"],
+  setup(m, { expose: v, emit: g }) {
+    let n, i, l, s = !1;
+    const u = `sun-qrcode-captcha-${T++}`, x = {
+      L: a.LOW,
+      M: a.MEDIUM,
+      Q: a.QUARTILE,
+      H: a.HIGH
+    }, _ = g, c = m;
+    v({
+      getDataURL: p
     });
-    function u() {
-      return m.subTree.children[0].children[0].children.filter((e) => typeof e.type != "symbol");
+    function d() {
+      setTimeout(() => {
+        y().select(`#${u}`).fields({ node: !0, size: !0 }).exec(([{ node: t, width: e, height: r }]) => {
+          if (s) return;
+          if (!r || !e)
+            return d();
+          const o = Q().pixelRatio;
+          n = t, l = n.getContext("2d"), i = e, n.width = e * o, n.height = r * o, l.scale(o, o), f();
+        });
+      }, 50);
+    }
+    function f() {
+      const t = U.encodeText(c.value, x[c.level]), e = i / (t.size + 2);
+      l.fillStyle = c.backgroundColor, l.fillRect(0, 0, n.width, n.height), l.fillStyle = c.color;
+      for (let r = 0; r < t.size; r++)
+        for (let o = 0; o < t.size; o++)
+          t.getModule(o, r) && l.fillRect(
+            o * e + e,
+            // +moduleSize 留出边距
+            r * e + e,
+            e,
+            e
+          );
+      _("rendered");
     }
-    return w(() => {
-      const e = u();
-      t.forEach((n) => {
-        const s = e.findIndex((l) => l === n.vnode);
-        n.props.value === void 0 && (n.props.value = s), n.props.value === c.modelValue && (o.value = n);
+    function p() {
+      return n.toDataURL("image/png", 1);
+    }
+    function E() {
+      const t = p();
+      S({
+        current: t,
+        urls: [t]
       });
-    }), (e, n) => (L(), S("view", b(e.$attrs, {
-      class: "sun-segment",
-      style: g.value
-    }), [
-      T("view", $, [
-        R(e.$slots, "default")
-      ])
-    ], 16));
+    }
+    return I(() => c.value, () => {
+      l && f();
+    }), L(() => {
+      d();
+    }), M(() => {
+      s = !0;
+    }), (t, e) => (B(), D("view", {
+      class: "sun-qrcode",
+      onTap: e[0] || (e[0] = (r) => A(n) && E())
+    }, [
+      h("canvas", {
+        id: u,
+        type: "2d",
+        class: "sun-slider-captcha-canvas"
+      })
+    ], 32));
   }
 });
 export {
-  M as default
+  N as default
 };

package/index16.js

@@ -1,150 +1,25 @@
-import { defineComponent as J, ref as d, computed as M, onMounted as q, onUnmounted as F, unref as K, normalizeStyle as O, createElementVNode as Q, openBlock as X, createBlock as Y, createCommentVNode as ee, toDisplayString as te, normalizeClass as ae, createElementBlock as ne } from "vue";
-import { HttpClient as se, withInterceptors as oe } from "@ngify/http";
-import { withPixel as B } from "@solar-kit/core";
-import { CaptchaType as S } from "@solar-kit/planets/mercury";
-import { filterResult as ie } from "@solar-kit/planets/sun";
-import { useCommonInterceptor as re } from "@solar-taro/http";
-import { SunSpinner as ce } from "@solar-taro/ui-sun";
-import { attachLoading as le } from "@solar-vue/core";
-import { createSelectorQuery as pe, getWindowInfo as ue } from "@tarojs/taro";
-import { a as de } from "./index57.js";
-import { e as D } from "./index58.js";
-import me from "./index59.js";
-import ve from "./index60.js";
-const g = K, H = O, o = Q, w = X, fe = Y, N = ee, he = te, U = ae, $ = ne, ye = { class: "sun-slider-captcha" }, ge = { class: "sun-slider-captcha-container" }, we = { class: "sun-slider-captcha-mask" }, ke = { class: "sun-slider-captcha-track" }, _e = ["x", "disabled"], V = "sun-slider-captcha", be = 155, Ie = 310, ze = 155, xe = 50, Le = /* @__PURE__ */ J({
-  __name: "index",
+import { defineComponent as p, inject as a, getCurrentInstance as c, onUnmounted as m, unref as u, renderSlot as i, mergeProps as _, openBlock as f, createElementBlock as v } from "vue";
+import { ACTIVE_CHILD as d, PARENT as g } from "./index64.js";
+const o = u, k = i, C = _, B = f, E = v, $ = /* @__PURE__ */ p({
+  __name: "segment-btn",
   props: {
-    height: { default: 187.5 },
-    width: { default: 375 },
-    url: {},
-    verifyUrl: {},
-    verifyData: {}
+    value: {}
   },
-  emits: ["verified"],
-  setup(Z, { emit: L }) {
-    let c, p, m, v, k, _ = !1;
-    const i = Z, R = L, l = d(0), f = d(!1), b = d(!1), y = M(() => ({
-      width: i.width / Ie,
-      height: i.height / be
-    })), I = new se(
-      oe([
-        re()
-      ])
-    ), n = d({
-      visible: !1,
-      type: "success",
-      content: ""
-    }), h = d({ type: "primary" }), r = { key: "", token: "" };
-    function z() {
-      f.value = !0, I.post(i.url, { captchaType: S.BlockPuzzle }).pipe(
-        ie()
-      ).subscribe(async ({ data: t }) => {
-        r.key = t.secretKey, r.token = t.token, m = c.createImage(), v = c.createImage(), m.src = `data:image/png;base64,${t.originalImageBase64}`, v.src = `data:image/png;base64,${t.jigsawImageBase64}`, await Promise.all([
-          new Promise((e) => m.onload = () => e()),
-          new Promise((e) => v.onload = () => e())
-        ]), k = Date.now(), x(), f.value = !1;
-      });
-    }
-    function x(t = 0) {
-      const e = i.width, a = i.height;
-      p.clearRect(0, 0, e, a), p.drawImage(m, 0, 0, e, a), p.drawImage(v, t, 0, y.value.width * xe, y.value.height * ze), l.value = t;
-    }
-    function W(t) {
-      t = t / y.value.width;
-      const e = Date.now(), a = JSON.stringify({ x: t, y: 5 }), s = r.key ? E(a, r.key) : a, C = {
-        captchaType: S.BlockPuzzle,
-        pointJson: s,
-        token: r.token,
-        ...i.verifyData
-      };
-      I.post(i.verifyUrl, C).pipe(
-        le(b)
-      ).subscribe({
-        next: (u) => {
-          if (u.code !== 0)
-            n.value.type = "danger", n.value.content = u.msg, n.value.visible = !0, h.value.type = "danger", setTimeout(() => {
-              n.value.visible = !1, z();
-            }, 1e3);
-          else {
-            const G = ((e - k) / 1e3).toFixed(2);
-            n.value.type = "success", n.value.content = `验证成功，耗时 ${G} 秒`, n.value.visible = !0, h.value.type = "primary";
-            const P = u.data.token + "---" + a;
-            u.data.captcha = r.key ? E(P, r.key) : P;
-          }
-          R("verified", u);
-        }
-      });
-    }
-    function E(t, e) {
-      const a = D.parse(e), s = D.parse(t);
-      return de.encrypt(s, a, { mode: me, padding: ve }).toString();
-    }
-    function j(t) {
-      l.value = t.x, x(l.value);
-    }
-    function A() {
-      W(l.value);
-    }
-    function T() {
-      setTimeout(() => {
-        pe().select(`#${V}`).fields({ node: !0, size: !0 }).exec(([{ node: t, width: e, height: a }]) => {
-          if (_) return;
-          if (!a || !e)
-            return T();
-          const s = ue().pixelRatio;
-          c = t, p = c.getContext("2d"), c.width = e * s, c.height = a * s, p.scale(s, s), z();
-        });
-      }, 50);
-    }
-    return q(() => {
-      T();
-    }), F(() => {
-      _ = !0;
-    }), (t, e) => (w(), $("view", ye, [
-      o("view", ge, [
-        o("canvas", {
-          id: V,
-          type: "2d",
-          class: "sun-slider-captcha-canvas",
-          style: H({ height: g(B)(t.height), width: g(B)(t.width) })
-        }, null, 4),
-        o("view", we, [
-          f.value ? (w(), fe(g(ce), { key: 0 })) : N("", !0),
-          n.value.visible ? (w(), $("view", {
-            key: 1,
-            class: U(["sun-slider-captcha-alert", {
-              "sun-slider-captcha-alert-success": n.value.type === "success",
-              "sun-slider-captcha-alert-danger": n.value.type === "danger"
-            }])
-          }, he(n.value.content), 3)) : N("", !0)
-        ])
-      ]),
-      o("movable-area", ke, [
-        e[3] || (e[3] = o("view", { class: "sun-slider-captcha-hint" }, "拖动滑块以完成拼图", -1)),
-        o("view", {
-          class: U(["sun-slider-captcha-indicator", {
-            "sun-slider-captcha-indicator-primary": h.value.type === "primary",
-            "sun-slider-captcha-indicator-danger": h.value.type === "danger"
-          }]),
-          style: H({ transform: `translateX(calc(-100% + ${l.value}px))` })
-        }, null, 6),
-        o("movable-view", {
-          class: "sun-slider-captcha-handler",
-          x: l.value,
-          direction: "horizontal",
-          disabled: f.value || b.value,
-          onChangePassive: e[0] || (e[0] = (a) => j(a.detail)),
-          onTouchendPassive: e[1] || (e[1] = (a) => A())
-        }, e[2] || (e[2] = [
-          o("van-icon", {
-            name: "wap-nav",
-            style: { transform: "rotate(90deg)" }
-          }, null, -1)
-        ]), 40, _e)
-      ])
-    ]));
+  setup(b) {
+    const l = a(d), e = a(g), n = c();
+    return m(() => {
+      e.unlink(n);
+    }), e.link(n), (t, r) => {
+      var s;
+      return B(), E("view", C(t.$attrs, {
+        class: ["sun-segment-btn", { "sun-segment-btn-active": ((s = o(l)) == null ? void 0 : s.props.value) === t.value }],
+        onTap: r[0] || (r[0] = (I) => o(e).active(o(n)))
+      }), [
+        k(t.$slots, "default")
+      ], 16);
+    };
   }
 });
 export {
-  Le as default
+  $ as default
 };

package/index17.js

@@ -1,35 +1,55 @@
-import { defineComponent as a, computed as c, renderList as d, Fragment as m, openBlock as p, createElementBlock as u, createElementVNode as _, renderSlot as f, createCommentVNode as k, normalizeClass as g } from "vue";
-const v = d, B = m, e = p, n = u, o = _, C = f, N = k, w = g, z = { class: "sun-spinner-dot" }, E = {
-  key: 0,
-  class: "sun-spinner-desc"
-}, y = /* @__PURE__ */ a({
-  __name: "index",
+import { defineComponent as x, getCurrentInstance as V, shallowRef as E, shallowReactive as k, computed as a, provide as i, watch as C, onMounted as w, renderSlot as y, createElementVNode as B, mergeProps as I, openBlock as O, createElementBlock as A } from "vue";
+import { ACTIVE_CHILD as N, PARENT as P } from "./index64.js";
+const R = y, T = B, b = I, L = O, S = A, $ = { class: "sun-segment-inner" }, M = /* @__PURE__ */ x({
+  __name: "segment",
   props: {
-    size: { default: "middle" },
-    spinning: { type: Boolean, default: !0 }
+    modelValue: {}
   },
-  setup(r) {
-    const s = r, l = c(() => [
-      {
-        "sun-spinner-spinning": s.spinning
+  emits: ["update:modelValue", "change"],
+  setup(p, { emit: v }) {
+    const r = v, c = p, m = V(), o = E(null), t = k([]), d = a(() => t.indexOf(o.value)), f = a(() => t.length), g = a(() => ({
+      "--segment-length": f.value,
+      "--segment-active-index": d.value
+    }));
+    i(N, o), i(P, {
+      link: (e) => {
+        const n = u();
+        t.push(e), t.sort((s, l) => {
+          const h = n.indexOf(s.vnode), _ = n.indexOf(l.vnode);
+          return h - _;
+        });
       },
-      `sun-spinner-${s.size}`
-    ]);
-    return (t, V) => (e(), n("view", {
-      class: w(["sun-spinner", l.value])
-    }, [
-      o("view", z, [
-        (e(), n(B, null, v(4, (i) => o("view", {
-          key: i,
-          class: "sun-spinner-dot-item"
-        })), 64))
-      ]),
-      t.$slots.default ? (e(), n("view", E, [
-        C(t.$slots, "default")
-      ])) : N("", !0)
-    ], 2));
+      unlink: (e) => {
+        t.slice(t.indexOf(e), 1);
+      },
+      active: (e) => {
+        r("change", {
+          value: e.props.value,
+          index: d.value
+        }), r("update:modelValue", e.props.value), o.value = e;
+      }
+    }), C(() => c.modelValue, (e) => {
+      o.value = t.find((n) => n.props.value === e);
+    });
+    function u() {
+      return m.subTree.children[0].children[0].children.filter((e) => typeof e.type != "symbol");
+    }
+    return w(() => {
+      const e = u();
+      t.forEach((n) => {
+        const s = e.findIndex((l) => l === n.vnode);
+        n.props.value === void 0 && (n.props.value = s), n.props.value === c.modelValue && (o.value = n);
+      });
+    }), (e, n) => (L(), S("view", b(e.$attrs, {
+      class: "sun-segment",
+      style: g.value
+    }), [
+      T("view", $, [
+        R(e.$slots, "default")
+      ])
+    ], 16));
   }
 });
 export {
-  y as default
+  M as default
 };

package/index18.js

@@ -1,27 +1,150 @@
-import { defineComponent as u, computed as n, renderSlot as c, mergeProps as r, openBlock as l, createElementBlock as d } from "vue";
-const a = c, m = r, p = l, k = d, _ = /* @__PURE__ */ u({
-  __name: "sudoku",
+import { defineComponent as J, ref as d, computed as M, onMounted as q, onUnmounted as F, unref as K, normalizeStyle as O, createElementVNode as Q, openBlock as X, createBlock as Y, createCommentVNode as ee, toDisplayString as te, normalizeClass as ae, createElementBlock as ne } from "vue";
+import { HttpClient as se, withInterceptors as oe } from "@ngify/http";
+import { withPixel as B } from "@solar-kit/core";
+import { CaptchaType as S } from "@solar-kit/planets/mercury";
+import { filterResult as ie } from "@solar-kit/planets/sun";
+import { useCommonInterceptor as re } from "@solar-taro/http";
+import { SunSpinner as ce } from "@solar-taro/ui-sun";
+import { attachLoading as le } from "@solar-vue/core";
+import { createSelectorQuery as pe, getWindowInfo as ue } from "@tarojs/taro";
+import { a as de } from "./index66.js";
+import { e as D } from "./index67.js";
+import me from "./index68.js";
+import ve from "./index69.js";
+const g = K, H = O, o = Q, w = X, fe = Y, N = ee, he = te, U = ae, $ = ne, ye = { class: "sun-slider-captcha" }, ge = { class: "sun-slider-captcha-container" }, we = { class: "sun-slider-captcha-mask" }, ke = { class: "sun-slider-captcha-track" }, _e = ["x", "disabled"], V = "sun-slider-captcha", be = 155, Ie = 310, ze = 155, xe = 50, Le = /* @__PURE__ */ J({
+  __name: "index",
   props: {
-    size: String,
-    count: {
-      type: Number,
-      default: 9
-    }
+    height: { default: 187.5 },
+    width: { default: 375 },
+    url: {},
+    verifyUrl: {},
+    verifyData: {}
   },
-  setup(o) {
-    const e = o, t = n(() => ({
-      "sun-sudoku-sm": e.count === 1,
-      "sun-sudoku-md": e.count === 2 || e.count === 4,
-      "sun-sudoku-lg": e.count === 3 || e.count > 4
-    }));
-    return (s, i) => (p(), k("view", m(s.$attrs, {
-      class: ["sun-sudoku", t.value],
-      style: { "--sudoku-width": o.size }
-    }), [
-      a(s.$slots, "default")
-    ], 16));
+  emits: ["verified"],
+  setup(Z, { emit: L }) {
+    let c, p, m, v, k, _ = !1;
+    const i = Z, R = L, l = d(0), f = d(!1), b = d(!1), y = M(() => ({
+      width: i.width / Ie,
+      height: i.height / be
+    })), I = new se(
+      oe([
+        re()
+      ])
+    ), n = d({
+      visible: !1,
+      type: "success",
+      content: ""
+    }), h = d({ type: "primary" }), r = { key: "", token: "" };
+    function z() {
+      f.value = !0, I.post(i.url, { captchaType: S.BlockPuzzle }).pipe(
+        ie()
+      ).subscribe(async ({ data: t }) => {
+        r.key = t.secretKey, r.token = t.token, m = c.createImage(), v = c.createImage(), m.src = `data:image/png;base64,${t.originalImageBase64}`, v.src = `data:image/png;base64,${t.jigsawImageBase64}`, await Promise.all([
+          new Promise((e) => m.onload = () => e()),
+          new Promise((e) => v.onload = () => e())
+        ]), k = Date.now(), x(), f.value = !1;
+      });
+    }
+    function x(t = 0) {
+      const e = i.width, a = i.height;
+      p.clearRect(0, 0, e, a), p.drawImage(m, 0, 0, e, a), p.drawImage(v, t, 0, y.value.width * xe, y.value.height * ze), l.value = t;
+    }
+    function W(t) {
+      t = t / y.value.width;
+      const e = Date.now(), a = JSON.stringify({ x: t, y: 5 }), s = r.key ? E(a, r.key) : a, C = {
+        captchaType: S.BlockPuzzle,
+        pointJson: s,
+        token: r.token,
+        ...i.verifyData
+      };
+      I.post(i.verifyUrl, C).pipe(
+        le(b)
+      ).subscribe({
+        next: (u) => {
+          if (u.code !== 0)
+            n.value.type = "danger", n.value.content = u.msg, n.value.visible = !0, h.value.type = "danger", setTimeout(() => {
+              n.value.visible = !1, z();
+            }, 1e3);
+          else {
+            const G = ((e - k) / 1e3).toFixed(2);
+            n.value.type = "success", n.value.content = `验证成功，耗时 ${G} 秒`, n.value.visible = !0, h.value.type = "primary";
+            const P = u.data.token + "---" + a;
+            u.data.captcha = r.key ? E(P, r.key) : P;
+          }
+          R("verified", u);
+        }
+      });
+    }
+    function E(t, e) {
+      const a = D.parse(e), s = D.parse(t);
+      return de.encrypt(s, a, { mode: me, padding: ve }).toString();
+    }
+    function j(t) {
+      l.value = t.x, x(l.value);
+    }
+    function A() {
+      W(l.value);
+    }
+    function T() {
+      setTimeout(() => {
+        pe().select(`#${V}`).fields({ node: !0, size: !0 }).exec(([{ node: t, width: e, height: a }]) => {
+          if (_) return;
+          if (!a || !e)
+            return T();
+          const s = ue().pixelRatio;
+          c = t, p = c.getContext("2d"), c.width = e * s, c.height = a * s, p.scale(s, s), z();
+        });
+      }, 50);
+    }
+    return q(() => {
+      T();
+    }), F(() => {
+      _ = !0;
+    }), (t, e) => (w(), $("view", ye, [
+      o("view", ge, [
+        o("canvas", {
+          id: V,
+          type: "2d",
+          class: "sun-slider-captcha-canvas",
+          style: H({ height: g(B)(t.height), width: g(B)(t.width) })
+        }, null, 4),
+        o("view", we, [
+          f.value ? (w(), fe(g(ce), { key: 0 })) : N("", !0),
+          n.value.visible ? (w(), $("view", {
+            key: 1,
+            class: U(["sun-slider-captcha-alert", {
+              "sun-slider-captcha-alert-success": n.value.type === "success",
+              "sun-slider-captcha-alert-danger": n.value.type === "danger"
+            }])
+          }, he(n.value.content), 3)) : N("", !0)
+        ])
+      ]),
+      o("movable-area", ke, [
+        e[3] || (e[3] = o("view", { class: "sun-slider-captcha-hint" }, "拖动滑块以完成拼图", -1)),
+        o("view", {
+          class: U(["sun-slider-captcha-indicator", {
+            "sun-slider-captcha-indicator-primary": h.value.type === "primary",
+            "sun-slider-captcha-indicator-danger": h.value.type === "danger"
+          }]),
+          style: H({ transform: `translateX(calc(-100% + ${l.value}px))` })
+        }, null, 6),
+        o("movable-view", {
+          class: "sun-slider-captcha-handler",
+          x: l.value,
+          direction: "horizontal",
+          disabled: f.value || b.value,
+          onChangePassive: e[0] || (e[0] = (a) => j(a.detail)),
+          onTouchendPassive: e[1] || (e[1] = (a) => A())
+        }, e[2] || (e[2] = [
+          o("van-icon", {
+            name: "wap-nav",
+            style: { transform: "rotate(90deg)" }
+          }, null, -1)
+        ]), 40, _e)
+      ])
+    ]));
   }
 });
 export {
-  _ as default
+  Le as default
 };

package/index19.js

@@ -1,49 +1,35 @@
-import { defineComponent as u, computed as p, renderList as _, Fragment as f, openBlock as d, createElementBlock as g, renderSlot as v, unref as b, createBlock as k, createCommentVNode as h, toDisplayString as B, createTextVNode as y, normalizeClass as C, mergeProps as $ } from "vue";
-import w from "./index26.js";
-const N = _, S = f, r = d, n = g, T = v, V = b, L = k, z = h, D = B, E = y, F = C, P = $, j = ["scroll-left"], q = ["onTap"], I = /* @__PURE__ */ u({
+import { defineComponent as a, computed as c, renderList as d, Fragment as m, openBlock as p, createElementBlock as u, createElementVNode as _, renderSlot as f, createCommentVNode as k, normalizeClass as g } from "vue";
+const v = d, B = m, e = p, n = u, o = _, C = f, N = k, w = g, z = { class: "sun-spinner-dot" }, E = {
+  key: 0,
+  class: "sun-spinner-desc"
+}, y = /* @__PURE__ */ a({
   __name: "index",
   props: {
-    tabs: {},
-    active: { default: 0 }
+    size: { default: "middle" },
+    spinning: { type: Boolean, default: !0 }
   },
-  emits: ["update:active", "toggle"],
-  setup(s, { emit: c }) {
-    const a = c, l = s, i = p(() => l.active > 2 ? (l.active - 2) * 150 + "rpx" : 0);
-    function m(e) {
-      a("toggle", e), a("update:active", e);
-    }
-    return (e, x) => (r(), n("scroll-view", P(e.$attrs, {
-      class: "sun-tabbar",
-      "scroll-x": !0,
-      "enable-flex": !0,
-      enhanced: !0,
-      "show-scrollbar": !1,
-      "scroll-with-animation": !0,
-      "scroll-left": i.value
-    }), [
-      (r(!0), n(S, null, N(e.tabs, (t, o) => (r(), n("view", {
-        key: o,
-        class: F(["sun-tabbar-item", {
-          "sun-tabbar-item-active": e.active === o,
-          "sun-tabbar-item-icon-only": !t.text
-        }]),
-        onTap: (A) => m(o)
-      }, [
-        T(e.$slots, "default", {
-          tab: t,
-          index: o
-        }, () => [
-          t.icon ? (r(), L(V(w), {
-            key: 0,
-            class: "sun-tabbar-item-icon",
-            name: e.active === o ? t.icon[0] : t.icon[1] || `${t.icon[0]}-outline`
-          }, null, 8, ["name"])) : z("", !0),
-          E(" " + D(t.text), 1)
-        ])
-      ], 42, q))), 128))
-    ], 16, j));
+  setup(r) {
+    const s = r, l = c(() => [
+      {
+        "sun-spinner-spinning": s.spinning
+      },
+      `sun-spinner-${s.size}`
+    ]);
+    return (t, V) => (e(), n("view", {
+      class: w(["sun-spinner", l.value])
+    }, [
+      o("view", z, [
+        (e(), n(B, null, v(4, (i) => o("view", {
+          key: i,
+          class: "sun-spinner-dot-item"
+        })), 64))
+      ]),
+      t.$slots.default ? (e(), n("view", E, [
+        C(t.$slots, "default")
+      ])) : N("", !0)
+    ], 2));
   }
 });
 export {
-  I as default
+  y as default
 };