@solar-taro/ui-sun 2.8.9 → 2.8.11

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## 2.8.10 (2026-07-01)
+
+This was a version bump only for ui-sun to align it with other projects, there were no code changes.
+
+## 2.8.9 (2026-06-30)
+
+This was a version bump only for ui-sun to align it with other projects, there were no code changes.
+
 ## 2.8.8 (2026-06-30)
 
 This was a version bump only for ui-sun to align it with other projects, there were no code changes.

package/fab/fab.vue.d.ts

@@ -1,3 +1,7 @@
+import { Color } from '../typing';
+type __VLS_Props = {
+    color: Color;
+};
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -7,7 +11,7 @@ declare function __VLS_template(): {
     rootEl: SVGViewElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGViewElement>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, SVGViewElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/fab/index.scss

@@ -6,6 +6,8 @@
   width: 56px;
   height: 56px;
   border-radius: 18px;
+  color: var(--color);
+  background: var(--background);
   box-shadow:
     0 10px 15px -3px rgb(0 0 0 / 0.1),
     0 4px 6px -4px rgb(0 0 0 / 0.1);
@@ -19,6 +21,51 @@
     transform: scale(1.1);
   }
 
+  &-primary {
+    --color: var(--color-primary-contrast);
+    --background: var(--color-primary);
+  }
+
+  &-secondary {
+    --color: var(--color-secondary-contrast);
+    --background: var(--color-secondary);
+  }
+
+  &-danger {
+    --color: var(--color-danger-contrast);
+    --background: var(--color-danger);
+  }
+
+  &-success {
+    --color: var(--color-success-contrast);
+    --background: var(--color-success);
+  }
+
+  &-warning {
+    --color: var(--color-warning-contrast);
+    --background: var(--color-warning);
+  }
+
+  &-info {
+    --color: var(--color-info-contrast);
+    --background: var(--color-info);
+  }
+
+  &-light {
+    --color: var(--color-light-contrast);
+    --background: var(--color-light);
+  }
+
+  &-dark {
+    --color: var(--color-dark-contrast);
+    --background: var(--color-dark);
+  }
+
+  &-medium {
+    --color: var(--color-medium-contrast);
+    --background: var(--color-medium);
+  }
+
   &-group {
     position: fixed;
     right: calc(15px + var(--safe-right));

package/index.js

@@ -33,28 +33,28 @@ export {
   f as SunBackButton,
   l as SunChip,
   d as SunCircularProgress,
-  O as SunFab,
+  x as SunFab,
   m as SunFabGroup,
   W as SunIcon,
-  x as SunItem,
-  c as SunLazyRender,
+  c as SunItem,
+  T as SunLazyRender,
   Y as SunListHeader,
-  T as SunNavbar,
+  k as SunNavbar,
   _ as SunPageHeader,
-  k as SunPopover,
-  B as SunQrcode,
-  v as SunSegment,
-  P as SunSegmentBtn,
+  B as SunPopover,
+  P as SunQrcode,
+  H as SunSegment,
+  v as SunSegmentBtn,
   ee as SunSkeleton,
-  H as SunSliderCaptcha,
-  R as SunSpinner,
-  y as SunSudoku,
+  R as SunSliderCaptcha,
+  y as SunSpinner,
+  A as SunSudoku,
   ae as SunSudokuItem,
-  A as SunTabbar,
-  E as SunTag,
-  q as SunTb,
-  N as SunTbCell,
-  V as SunTbRow,
+  N as SunTabbar,
+  K as SunTag,
+  E as SunTb,
+  V as SunTbCell,
+  q as SunTbRow,
   te as SunTitle,
-  K as SunVirtualScroll
+  O as SunVirtualScroll
 };

package/index10.js

@@ -1,30 +1,24 @@
-import { defineComponent as i, renderSlot as d, createElementVNode as s, openBlock as c, createElementBlock as l } from "vue";
-import { withPixel as t } from "@solar-kit/core";
-import { getNavbarRect as p } from "@solar-taro/core";
-const a = d, o = s, g = c, m = l, v = { class: "sun-navbar-inner" }, b = { class: "sun-navbar-center" }, k = /* @__PURE__ */ i({
+import { defineComponent as c, ref as d, onActivated as s, onDeactivated as i, renderSlot as l, createCommentVNode as f } from "vue";
+const m = l, u = f, v = /* @__PURE__ */ c({
   __name: "index",
-  setup(_) {
-    const e = p(), r = {
-      "--navbar-height": t(e.height),
-      "--navbar-content-height": t(e.buttonHeight),
-      "--navbar-padding-top": t(e.paddingTop),
-      "--navbar-padding-bottom": t(e.paddingBottom),
-      "--navbar-padding-left": t(e.paddingLeft),
-      "--navbar-padding-right": t(e.paddingRight)
-    };
-    return (n, h) => (g(), m("view", {
-      class: "sun-navbar",
-      style: r
-    }, [
-      o("view", v, [
-        a(n.$slots, "default"),
-        o("view", b, [
-          a(n.$slots, "center")
-        ])
-      ])
-    ]));
+  props: {
+    hook: { default: "activated" }
+  },
+  setup(a) {
+    const n = a, e = d(!1);
+    let t;
+    function o() {
+      t = requestAnimationFrame(() => {
+        e.value = !0;
+      });
+    }
+    return n.hook === "created" && o(), s(() => {
+      o();
+    }), i(() => {
+      e.value = !1, t && cancelAnimationFrame(t);
+    }), (r, p) => e.value ? m(r.$slots, "default", { key: 0 }) : u("", !0);
   }
 });
 export {
-  k as default
+  v as default
 };

package/index11.js

@@ -1,39 +1,30 @@
-import { defineComponent as m, mergeModels as d, useModel as v, computed as t, renderSlot as w, createElementVNode as g, mergeProps as k, withModifiers as y, normalizeClass as $, normalizeStyle as h, openBlock as b, createElementBlock as B } from "vue";
-const p = w, n = g, M = k, z = y, E = $, S = h, C = b, N = B, T = /* @__PURE__ */ m({
+import { defineComponent as i, renderSlot as d, createElementVNode as s, openBlock as c, createElementBlock as l } from "vue";
+import { withPixel as t } from "@solar-kit/core";
+import { getNavbarRect as p } from "@solar-taro/core";
+const a = d, o = s, g = c, m = l, v = { class: "sun-navbar-inner" }, b = { class: "sun-navbar-center" }, k = /* @__PURE__ */ i({
   __name: "index",
-  props: /* @__PURE__ */ d({
-    placement: {},
-    offset: { default: "6px" },
-    background: { default: "rgba(0, 0, 0, 0.5)" },
-    color: { default: "#fff" }
-  }, {
-    show: { type: Boolean },
-    showModifiers: {}
-  }),
-  emits: ["update:show"],
-  setup(r) {
-    const o = r, l = v(r, "show"), a = t(() => ["left", "right"].includes(o.placement[0])), u = t(() => ["top", "bottom"].includes(o.placement[1])), f = t(() => a.value ? o.offset : "0px"), i = t(() => u.value ? o.offset : "0px");
-    return (e, s) => (C(), N("view", {
-      class: E(["sun-popover", [{ "sun-popover-show": l.value }, `sun-popover-x-${e.placement[0]}`, `sun-popover-y-${e.placement[1]}`]]),
-      style: S({ "--popover-x-offset": f.value, "--popover-y-offset": i.value, "--popover-background": e.background }),
-      onTap: z((c) => !1, ["stop"])
+  setup(_) {
+    const e = p(), r = {
+      "--navbar-height": t(e.height),
+      "--navbar-content-height": t(e.buttonHeight),
+      "--navbar-padding-top": t(e.paddingTop),
+      "--navbar-padding-bottom": t(e.paddingBottom),
+      "--navbar-padding-left": t(e.paddingLeft),
+      "--navbar-padding-right": t(e.paddingRight)
+    };
+    return (n, h) => (g(), m("view", {
+      class: "sun-navbar",
+      style: r
     }, [
-      n("view", {
-        class: "sun-popover-trigger",
-        onTap: s[0] || (s[0] = (c) => l.value = !l.value)
-      }, [
-        p(e.$slots, "default")
-      ], 32),
-      n("view", M(e.$attrs, {
-        class: "sun-popover-container",
-        style: { color: e.color }
-      }), [
-        s[1] || (s[1] = n("view", { class: "sun-popover-arrow" }, null, -1)),
-        p(e.$slots, "content")
-      ], 16)
-    ], 38));
+      o("view", v, [
+        a(n.$slots, "default"),
+        o("view", b, [
+          a(n.$slots, "center")
+        ])
+      ])
+    ]));
   }
 });
 export {
-  T as default
+  k as default
 };

package/index12.js

@@ -1,81 +1,39 @@
-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 "./index53.js";
-const h = k, A = w, B = z, D = R;
-let T = 1;
-const N = /* @__PURE__ */ C({
+import { defineComponent as m, mergeModels as d, useModel as v, computed as t, renderSlot as w, createElementVNode as g, mergeProps as k, withModifiers as y, normalizeClass as $, normalizeStyle as h, openBlock as b, createElementBlock as B } from "vue";
+const p = w, n = g, M = k, z = y, E = $, S = h, C = b, N = B, T = /* @__PURE__ */ m({
   __name: "index",
-  props: {
-    value: {},
-    color: { default: "#000000" },
-    backgroundColor: { default: "transparent" },
-    level: { default: "M" }
-  },
-  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 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");
-    }
-    function p() {
-      return n.toDataURL("image/png", 1);
-    }
-    function E() {
-      const t = p();
-      S({
-        current: t,
-        urls: [t]
-      });
-    }
-    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())
+  props: /* @__PURE__ */ d({
+    placement: {},
+    offset: { default: "6px" },
+    background: { default: "rgba(0, 0, 0, 0.5)" },
+    color: { default: "#fff" }
+  }, {
+    show: { type: Boolean },
+    showModifiers: {}
+  }),
+  emits: ["update:show"],
+  setup(r) {
+    const o = r, l = v(r, "show"), a = t(() => ["left", "right"].includes(o.placement[0])), u = t(() => ["top", "bottom"].includes(o.placement[1])), f = t(() => a.value ? o.offset : "0px"), i = t(() => u.value ? o.offset : "0px");
+    return (e, s) => (C(), N("view", {
+      class: E(["sun-popover", [{ "sun-popover-show": l.value }, `sun-popover-x-${e.placement[0]}`, `sun-popover-y-${e.placement[1]}`]]),
+      style: S({ "--popover-x-offset": f.value, "--popover-y-offset": i.value, "--popover-background": e.background }),
+      onTap: z((c) => !1, ["stop"])
     }, [
-      h("canvas", {
-        id: u,
-        type: "2d",
-        class: "sun-slider-captcha-canvas"
-      })
-    ], 32));
+      n("view", {
+        class: "sun-popover-trigger",
+        onTap: s[0] || (s[0] = (c) => l.value = !l.value)
+      }, [
+        p(e.$slots, "default")
+      ], 32),
+      n("view", M(e.$attrs, {
+        class: "sun-popover-container",
+        style: { color: e.color }
+      }), [
+        s[1] || (s[1] = n("view", { class: "sun-popover-arrow" }, null, -1)),
+        p(e.$slots, "content")
+      ], 16)
+    ], 38));
   }
 });
 export {
-  N as default
+  T as default
 };

package/index13.js

@@ -1,25 +1,81 @@
-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 "./index54.js";
-const o = u, k = i, C = _, B = f, E = v, $ = /* @__PURE__ */ p({
-  __name: "segment-btn",
+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 "./index60.js";
+const h = k, A = w, B = z, D = R;
+let T = 1;
+const N = /* @__PURE__ */ C({
+  __name: "index",
   props: {
-    value: {}
+    value: {},
+    color: { default: "#000000" },
+    backgroundColor: { default: "transparent" },
+    level: { default: "M" }
   },
-  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);
-    };
+  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 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");
+    }
+    function p() {
+      return n.toDataURL("image/png", 1);
+    }
+    function E() {
+      const t = p();
+      S({
+        current: t,
+        urls: [t]
+      });
+    }
+    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 {
-  $ as default
+  N as default
 };

package/index14.js

@@ -1,55 +1,25 @@
-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 "./index54.js";
-const R = y, T = B, b = I, L = O, S = A, $ = { class: "sun-segment-inner" }, M = /* @__PURE__ */ x({
-  __name: "segment",
+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 "./index54.js";
+const o = u, k = i, C = _, B = f, E = v, $ = /* @__PURE__ */ p({
+  __name: "segment-btn",
   props: {
-    modelValue: {}
+    value: {}
   },
-  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);
-    });
-    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));
+  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 {
-  M as default
+  $ as default
 };