@solar-taro/ui-sun 3.0.0 → 3.1.0

package/CHANGELOG.md

@@ -1,3 +1,19 @@
+# 3.0.0 (2026-07-08)
+
+### 🚀 Features
+
+- **ui-sun/list:** add List component
+- **ui-sun/empty:** add Empty component
+- **ui-sun/item-divider:** add ItemDivider component
+
+### 🩹 Fixes
+
+- **ui-sun/toggle:** fix bug
+
+### ❤️ Thank You
+
+- HyperLife1119
+
 ## 2.9.0 (2026-07-08)
 
 ### 🚀 Features

package/index.d.ts

@@ -19,6 +19,7 @@ export * from './segment';
 export * from './skeleton';
 export * from './slider-captcha';
 export * from './spinner';
+export * from './stepper';
 export * from './sudoku';
 export * from './tabbar';
 export * from './table';

package/index.js

@@ -3,7 +3,7 @@ import { default as t } from "./index3.js";
 import { default as f } from "./index4.js";
 import { default as n } from "./index5.js";
 import { default as d } from "./index6.js";
-import { default as p } from "./index7.js";
+import { default as m } from "./index7.js";
 import { default as x } from "./index8.js";
 import { default as b } from "./index9.js";
 import { default as g } from "./index10.js";
@@ -30,39 +30,41 @@ import { default as te } from "./index30.js";
 import { default as fe } from "./index31.js";
 import { default as ne } from "./index32.js";
 import { default as de } from "./index33.js";
-import { default as pe } from "./index34.js";
+import { default as me } from "./index34.js";
+import { default as xe } from "./index35.js";
 export {
   o as SolarSun,
   t as SunAccordion,
   f as SunBackButton,
   n as SunChip,
   d as SunCircularProgress,
-  p as SunEmpty,
+  m as SunEmpty,
   b as SunFab,
   x as SunFabGroup,
-  ee as SunIcon,
+  oe as SunIcon,
   g as SunItem,
-  oe as SunItemDivider,
+  te as SunItemDivider,
   k as SunLazyRender,
   I as SunList,
-  te as SunListHeader,
+  fe as SunListHeader,
   B as SunNavbar,
-  fe as SunPageHeader,
+  ne as SunPageHeader,
   P as SunPopover,
   y as SunQrcode,
   w as SunSegment,
   H as SunSegmentBtn,
-  ne as SunSkeleton,
+  de as SunSkeleton,
   A as SunSliderCaptcha,
   E as SunSpinner,
-  N as SunSudoku,
-  de as SunSudokuItem,
-  V as SunTabbar,
-  W as SunTag,
-  O as SunTb,
-  q as SunTbCell,
-  K as SunTbRow,
-  pe as SunTitle,
-  Y as SunToggle,
-  _ as SunVirtualScroll
+  N as SunStepper,
+  V as SunSudoku,
+  me as SunSudokuItem,
+  q as SunTabbar,
+  Y as SunTag,
+  W as SunTb,
+  K as SunTbCell,
+  O as SunTbRow,
+  xe as SunTitle,
+  _ as SunToggle,
+  ee as SunVirtualScroll
 };

package/index10.js

@@ -1,5 +1,5 @@
 import { defineComponent as r, computed as c, renderSlot as i, createElementVNode as m, unref as d, openBlock as u, createBlock as p, createCommentVNode as _, normalizeClass as f, createElementBlock as k } from "vue";
-import B from "./index28.js";
+import B from "./index29.js";
 const n = i, o = m, v = d, s = u, h = p, w = _, C = f, y = k, E = { class: "sun-item-inner" }, N = { class: "sun-item-content-wrapper" }, z = /* @__PURE__ */ r({
   __name: "index",
   props: {

package/index15.js

@@ -1,6 +1,6 @@
 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";
+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({

package/index16.js

@@ -1,5 +1,5 @@
 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";
+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: {

package/index17.js

@@ -1,5 +1,5 @@
 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";
+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: {

package/index18.js

@@ -7,10 +7,10 @@ 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 "./index64.js";
-import { e as D } from "./index65.js";
-import me from "./index66.js";
-import ve from "./index67.js";
+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: {

package/index20.js

@@ -1,27 +1,81 @@
-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",
-  props: {
-    size: String,
-    count: {
-      type: Number,
-      default: 9
-    }
-  },
-  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));
+import { defineComponent as I, mergeModels as w, useModel as z, ref as f, computed as r, effect as C, unref as T, createVNode as _, normalizeClass as h, createElementVNode as S, openBlock as j, createElementBlock as q } from "vue";
+import { vibrator as v } from "@solar-taro/core";
+import c from "./index29.js";
+const b = T, V = _, m = h, d = S, A = j, D = q, G = ["type", "value", "disabled"], L = /* @__PURE__ */ I({
+  __name: "index",
+  props: /* @__PURE__ */ w({
+    type: { default: "decimal" },
+    min: { default: -1 / 0 },
+    max: { default: 1 / 0 },
+    disabled: { type: Boolean }
+  }, {
+    modelValue: { default: 0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(p) {
+    const t = p, u = z(p, "modelValue"), a = f(""), x = r(() => t.type === "integer" ? "number" : "digit"), y = r(() => ({
+      "sun-stepper-disabled": t.disabled
+    })), o = f(!1), M = r(() => u.value <= t.min), B = r(() => u.value >= t.max);
+    function g() {
+      const e = u.value;
+      e >= t.max || (u.value = i(Math.min(t.max, e + 1)), a.value = s(u.value), v.short());
+    }
+    function F() {
+      const e = u.value;
+      e <= t.min || (u.value = i(Math.max(t.min, e - 1)), a.value = s(u.value), v.short());
+    }
+    function N(e) {
+      a.value = e.detail.value;
+      let n = E(a.value);
+      n > t.max ? n = t.max : n < t.min && (n = t.min), u.value = n;
+    }
+    function $() {
+      o.value = !0;
+    }
+    function k() {
+      a.value = s(u.value), o.value = !1;
+    }
+    function E(e) {
+      return e ? i(Number.parseFloat(e) || 0) : 0;
+    }
+    function s(e) {
+      return e = +e, Number.isFinite(e) ? (t.type === "integer" ? Math.trunc(e) : e).toString() : "";
+    }
+    function i(e) {
+      return t.type === "integer" ? Math.trunc(e) : +e.toFixed(2);
+    }
+    return C(() => {
+      o.value || (a.value = s(u.value));
+    }), (e, n) => (A(), D("view", {
+      class: m(["sun-stepper", y.value])
+    }, [
+      d("view", {
+        class: m(["sun-stepper-btn sun-stepper-btn-dec", { "sun-stepper-btn-disabled": M.value }]),
+        "hover-class": "hover",
+        onTap: n[0] || (n[0] = (l) => F())
+      }, [
+        V(b(c), { name: "remove" })
+      ], 34),
+      d("input", {
+        class: "sun-stepper-input",
+        type: x.value,
+        value: a.value,
+        disabled: e.disabled,
+        onInput: n[1] || (n[1] = (l) => N(l)),
+        onFocus: n[2] || (n[2] = (l) => $()),
+        onBlur: n[3] || (n[3] = (l) => k())
+      }, null, 40, G),
+      d("view", {
+        class: m(["sun-stepper-btn sun-stepper-btn-inc", { "sun-stepper-btn-disabled": B.value }]),
+        "hover-class": "hover",
+        onTap: n[4] || (n[4] = (l) => g())
+      }, [
+        V(b(c), { name: "add" })
+      ], 34)
+    ], 2));
   }
 });
 export {
-  _ as default
+  L as default
 };

package/index21.js

@@ -1,49 +1,27 @@
-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 "./index28.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({
-  __name: "index",
+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",
   props: {
-    tabs: {},
-    active: { 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);
+    size: String,
+    count: {
+      type: Number,
+      default: 9
     }
-    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
+  },
+  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 }
     }), [
-      (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));
+      a(s.$slots, "default")
+    ], 16));
   }
 });
 export {
-  I as default
+  _ as default
 };

package/index22.js

@@ -1,30 +1,49 @@
-import { defineComponent as o, computed as r, renderSlot as n, mergeProps as i, openBlock as a, createElementBlock as c } from "vue";
-const d = n, p = i, h = a, m = c, b = /* @__PURE__ */ o({
-  __name: "table-cell",
+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 "./index29.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({
+  __name: "index",
   props: {
-    sticky: {},
-    head: { type: Boolean },
-    width: {},
-    maxWidth: {},
-    ellipsis: { type: Boolean },
-    breakWord: { type: Boolean }
+    tabs: {},
+    active: { default: 0 }
   },
-  setup(l) {
-    const e = l, s = r(() => ({
-      "sun-tb-cell-sticky-left": e.sticky === "left",
-      "sun-tb-cell-sticky-right": e.sticky === "right",
-      "sun-tb-cell-ellipsis": e.ellipsis,
-      "sun-tb-cell-head": e.head,
-      "sun-tb-cell-break-word": e.breakWord
-    }));
-    return (t, u) => (h(), m("view", p(t.$attrs, {
-      class: ["sun-tb-cell", s.value],
-      style: { width: t.width, "min-width": t.width, "max-width": t.maxWidth }
+  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
     }), [
-      d(t.$slots, "default")
-    ], 16));
+      (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));
   }
 });
 export {
-  b as default
+  I as default
 };

package/index23.js

@@ -1,18 +1,30 @@
-import { defineComponent as o, renderSlot as t, mergeProps as r, openBlock as n, createElementBlock as s } from "vue";
-const a = t, l = r, p = n, c = s, u = /* @__PURE__ */ o({
-  __name: "table-row",
+import { defineComponent as o, computed as r, renderSlot as n, mergeProps as i, openBlock as a, createElementBlock as c } from "vue";
+const d = n, p = i, h = a, m = c, b = /* @__PURE__ */ o({
+  __name: "table-cell",
   props: {
+    sticky: {},
     head: { type: Boolean },
-    foot: { type: Boolean }
+    width: {},
+    maxWidth: {},
+    ellipsis: { type: Boolean },
+    breakWord: { type: Boolean }
   },
-  setup(m) {
-    return (e, d) => (p(), c("view", l(e.$attrs, {
-      class: ["sun-tb-row", { "sun-tb-head": e.head, "sun-tb-foot": e.foot }]
+  setup(l) {
+    const e = l, s = r(() => ({
+      "sun-tb-cell-sticky-left": e.sticky === "left",
+      "sun-tb-cell-sticky-right": e.sticky === "right",
+      "sun-tb-cell-ellipsis": e.ellipsis,
+      "sun-tb-cell-head": e.head,
+      "sun-tb-cell-break-word": e.breakWord
+    }));
+    return (t, u) => (h(), m("view", p(t.$attrs, {
+      class: ["sun-tb-cell", s.value],
+      style: { width: t.width, "min-width": t.width, "max-width": t.maxWidth }
     }), [
-      a(e.$slots, "default")
+      d(t.$slots, "default")
     ], 16));
   }
 });
 export {
-  u as default
+  b as default
 };

package/index24.js

@@ -1,35 +1,18 @@
-import { defineComponent as s, computed as o, renderSlot as l, normalizeClass as u, createElementVNode as d, mergeProps as b, openBlock as c, createElementBlock as p } from "vue";
-const m = l, i = u, B = d, _ = b, f = c, z = p, k = /* @__PURE__ */ s({
-  __name: "table",
+import { defineComponent as o, renderSlot as t, mergeProps as r, openBlock as n, createElementBlock as s } from "vue";
+const a = t, l = r, p = n, c = s, u = /* @__PURE__ */ o({
+  __name: "table-row",
   props: {
-    rounded: { type: Boolean, default: !0 },
-    bordered: { type: Boolean },
-    outerBordered: { type: Boolean, default: !0 },
-    zebra: { type: Boolean },
-    size: { default: "default" },
-    layout: {}
+    head: { type: Boolean },
+    foot: { type: Boolean }
   },
-  setup(r) {
-    const e = r, n = o(() => ({
-      "sun-tb-rounded": e.rounded,
-      "sun-tb-bordered": e.bordered,
-      "sun-tb-outer-bordered": e.outerBordered,
-      [`sun-tb-size-${e.size}`]: e.size
-    })), a = o(() => ({
-      "sun-tb-zebra": e.zebra,
-      [`sun-tb-layout-${e.layout}`]: e.layout
-    }));
-    return (t, y) => (f(), z("view", _(t.$attrs, {
-      class: ["sun-tb", n.value]
+  setup(m) {
+    return (e, d) => (p(), c("view", l(e.$attrs, {
+      class: ["sun-tb-row", { "sun-tb-head": e.head, "sun-tb-foot": e.foot }]
     }), [
-      B("view", {
-        class: i(["sun-tb-inner", a.value])
-      }, [
-        m(t.$slots, "default")
-      ], 2)
+      a(e.$slots, "default")
     ], 16));
   }
 });
 export {
-  k as default
+  u as default
 };

package/index25.js

@@ -1,24 +1,35 @@
-import { defineComponent as n, computed as a, renderSlot as l, normalizeClass as r, openBlock as c, createElementBlock as p } from "vue";
-const u = l, d = r, m = c, _ = p, g = /* @__PURE__ */ n({
-  __name: "index",
+import { defineComponent as s, computed as o, renderSlot as l, normalizeClass as u, createElementVNode as d, mergeProps as b, openBlock as c, createElementBlock as p } from "vue";
+const m = l, i = u, B = d, _ = b, f = c, z = p, k = /* @__PURE__ */ s({
+  __name: "table",
   props: {
-    type: { default: "solid" },
-    color: {},
-    shape: { default: "round" }
+    rounded: { type: Boolean, default: !0 },
+    bordered: { type: Boolean },
+    outerBordered: { type: Boolean, default: !0 },
+    zebra: { type: Boolean },
+    size: { default: "default" },
+    layout: {}
   },
-  setup(o) {
-    const e = o, t = a(() => [
-      `sun-tag-${e.type}`,
-      `sun-tag-${e.color}`,
-      `sun-tag-${e.shape}`
-    ]);
-    return (s, i) => (m(), _("view", {
-      class: d(["sun-tag", t.value])
-    }, [
-      u(s.$slots, "default")
-    ], 2));
+  setup(r) {
+    const e = r, n = o(() => ({
+      "sun-tb-rounded": e.rounded,
+      "sun-tb-bordered": e.bordered,
+      "sun-tb-outer-bordered": e.outerBordered,
+      [`sun-tb-size-${e.size}`]: e.size
+    })), a = o(() => ({
+      "sun-tb-zebra": e.zebra,
+      [`sun-tb-layout-${e.layout}`]: e.layout
+    }));
+    return (t, y) => (f(), z("view", _(t.$attrs, {
+      class: ["sun-tb", n.value]
+    }), [
+      B("view", {
+        class: i(["sun-tb-inner", a.value])
+      }, [
+        m(t.$slots, "default")
+      ], 2)
+    ], 16));
   }
 });
 export {
-  g as default
+  k as default
 };

package/index26.js

@@ -1,36 +1,24 @@
-import { defineComponent as r, mergeModels as d, useModel as c, computed as u, createElementVNode as i, normalizeClass as m, openBlock as g, createElementBlock as p } from "vue";
-const t = i, v = m, f = g, k = p, w = /* @__PURE__ */ r({
+import { defineComponent as n, computed as a, renderSlot as l, normalizeClass as r, openBlock as c, createElementBlock as p } from "vue";
+const u = l, d = r, m = c, _ = p, g = /* @__PURE__ */ n({
   __name: "index",
-  props: /* @__PURE__ */ d({
-    disabled: { type: Boolean },
-    color: { default: "primary" }
-  }, {
-    modelValue: { type: Boolean },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(s) {
-    const o = s, l = c(s, "modelValue"), n = u(() => [
-      `sun-toggle-${o.color}`,
-      {
-        "sun-toggle-disabled": o.disabled,
-        "sun-toggle-checked": l.value
-      }
+  props: {
+    type: { default: "solid" },
+    color: {},
+    shape: { default: "round" }
+  },
+  setup(o) {
+    const e = o, t = a(() => [
+      `sun-tag-${e.type}`,
+      `sun-tag-${e.color}`,
+      `sun-tag-${e.shape}`
     ]);
-    function a() {
-      o.disabled || (l.value = !l.value);
-    }
-    return (B, e) => (f(), k("view", {
-      class: v(["sun-toggle", n.value]),
-      "hover-class": "hover",
-      onTap: e[0] || (e[0] = (V) => a())
-    }, e[1] || (e[1] = [
-      t("view", { class: "sun-toggle-toggle-icon-wrapper" }, [
-        t("view", { class: "sun-toggle-toggle-icon" })
-      ], -1)
-    ]), 34));
+    return (s, i) => (m(), _("view", {
+      class: d(["sun-tag", t.value])
+    }, [
+      u(s.$slots, "default")
+    ], 2));
   }
 });
 export {
-  w as default
+  g as default
 };