@solar-taro/ui-sun 2.9.0 → 3.1.0

package/CHANGELOG.md

@@ -1,3 +1,30 @@
+# 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
+
+- **ui-sun/toggle:** add toggle component
+- **ui-sun/fab:** add sun-icon font size styling
+
+### ❤️ Thank You
+
+- HyperLife1119
+
 ## 2.8.11 (2026-07-06)
 
 ### 🚀 Features

package/empty/index.d.ts

@@ -0,0 +1 @@
+export { default as SunEmpty } from './index.vue';

package/empty/index.scss

@@ -0,0 +1,23 @@
+.sun-empty {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 4px;
+  height: 100%;
+  color: var(--color-medium);
+
+  &-icon {
+    font-size: 60px;
+  }
+
+  &-description {
+    font-size: 14px;
+    font-weight: bold;
+  }
+
+  &-icon,
+  &-description {
+    opacity: 0.4;
+  }
+}

package/empty/index.vue.d.ts

@@ -0,0 +1,18 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        description?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    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 _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/index.d.ts

@@ -2,10 +2,13 @@ export * from './accordion';
 export * from './back-button';
 export * from './chip';
 export * from './circular-progress';
+export * from './empty';
 export * from './fab';
 export * from './icon';
 export * from './item';
+export * from './item-divider';
 export * from './lazy-render';
+export * from './list';
 export * from './list-header';
 export * from './navbar';
 export * from './page-header';
@@ -16,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

@@ -5,20 +5,20 @@ import { default as n } from "./index5.js";
 import { default as d } from "./index6.js";
 import { default as m } from "./index7.js";
 import { default as x } from "./index8.js";
-import { default as c } from "./index9.js";
+import { default as b } from "./index9.js";
 import { default as g } from "./index10.js";
 import { default as k } from "./index11.js";
-import { default as B } from "./index12.js";
-import { default as P } from "./index13.js";
-import { default as v } from "./index14.js";
-import { default as H } from "./index15.js";
-import { default as R } from "./index16.js";
-import { default as y } from "./index17.js";
+import { default as I } from "./index12.js";
+import { default as B } from "./index13.js";
+import { default as P } from "./index14.js";
+import { default as y } from "./index15.js";
+import { default as H } from "./index16.js";
+import { default as w } from "./index17.js";
 import { default as A } from "./index18.js";
-import { default as N } from "./index19.js";
-import { default as V } from "./index20.js";
-import { default as q } from "./index21.js";
-import { default as E } from "./index22.js";
+import { default as E } from "./index19.js";
+import { default as N } from "./index20.js";
+import { default as V } from "./index21.js";
+import { default as q } from "./index22.js";
 import { default as K } from "./index23.js";
 import { default as O } from "./index24.js";
 import { default as W } from "./index25.js";
@@ -28,35 +28,43 @@ import { default as ee } from "./index28.js";
 import { default as oe } from "./index29.js";
 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 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,
-  x as SunFab,
-  m as SunFabGroup,
-  Y as SunIcon,
-  c as SunItem,
-  g as SunLazyRender,
-  _ as SunListHeader,
-  k as SunNavbar,
-  ee as SunPageHeader,
-  B as SunPopover,
-  P as SunQrcode,
-  H as SunSegment,
-  v as SunSegmentBtn,
-  oe as SunSkeleton,
-  R as SunSliderCaptcha,
-  y as SunSpinner,
-  A as SunSudoku,
-  te as SunSudokuItem,
-  N as SunTabbar,
-  K as SunTag,
-  E as SunTb,
-  V as SunTbCell,
-  q as SunTbRow,
-  fe as SunTitle,
-  O as SunToggle,
-  W as SunVirtualScroll
+  m as SunEmpty,
+  b as SunFab,
+  x as SunFabGroup,
+  oe as SunIcon,
+  g as SunItem,
+  te as SunItemDivider,
+  k as SunLazyRender,
+  I as SunList,
+  fe as SunListHeader,
+  B as SunNavbar,
+  ne as SunPageHeader,
+  P as SunPopover,
+  y as SunQrcode,
+  w as SunSegment,
+  H as SunSegmentBtn,
+  de as SunSkeleton,
+  A as SunSliderCaptcha,
+  E as SunSpinner,
+  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,24 +1,36 @@
-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({
+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 "./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: {
-    hook: { default: "activated" }
+    detail: { type: Boolean },
+    lines: { type: Boolean, default: !0 },
+    clickable: { type: Boolean }
   },
-  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);
+  setup(l) {
+    const t = l, a = c(() => ({
+      "sun-item-lines-none": !t.lines,
+      "sun-item-clickable": t.detail || t.clickable
+    }));
+    return (e, V) => (s(), y("view", {
+      class: C(["sun-item", a.value]),
+      "hover-class": "hover"
+    }, [
+      n(e.$slots, "start"),
+      o("view", E, [
+        o("view", N, [
+          n(e.$slots, "default")
+        ]),
+        n(e.$slots, "end"),
+        e.detail ? (s(), h(v(B), {
+          key: 0,
+          class: "sun-item-detail-icon",
+          name: "chevron-forward"
+        })) : w("", !0)
+      ])
+    ], 2));
   }
 });
 export {
-  v as default
+  z as default
 };

package/index11.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/index12.js

@@ -1,39 +1,86 @@
-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 c, renderSlot as m, toDisplayString as y, createTextVNode as w, unref as p, withCtx as x, openBlock as v, createBlock as B, createVNode as S, vShow as k, createElementVNode as b, withDirectives as N, mergeProps as V, createElementBlock as E } from "vue";
+import { vibrator as $ } from "@solar-taro/core";
+import { SunSpinner as a, SunEmpty as D } from "@solar-taro/ui-sun";
+const s = m, T = y, C = w, r = p, z = x, i = v, P = B, d = S, f = k, n = b, h = N, j = V, A = E, L = ["enable-flex", "refresher-enabled", "refresher-triggered", "refresher-background"], R = {
+  class: "sun-list-placeholder",
+  style: { display: "flex", "justify-content": "center", "align-items": "center", height: "85%" }
+}, q = {
+  class: "sun-list-loading-wrapper",
+  style: { "text-align": "center", padding: "6px" }
+}, I = /* @__PURE__ */ c({
   __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"])
-    }, [
-      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));
+  props: {
+    refreshing: {
+      type: Boolean,
+      default: !1
+    },
+    flex: {
+      type: Boolean,
+      default: !1
+    },
+    loading: {
+      type: Boolean,
+      default: !1
+    },
+    loadingText: {
+      type: String,
+      default: "Loading"
+    },
+    data: {
+      type: Array,
+      default: []
+    },
+    refresher: {
+      type: Boolean,
+      default: !0
+    },
+    refresherBg: {
+      type: String,
+      default: "transparent"
+    }
+  },
+  emits: ["refresh", "lower"],
+  setup(e, { emit: g }) {
+    const o = g;
+    return (l, t) => (i(), A("scroll-view", j(l.$attrs, {
+      class: "sun-list",
+      enhanced: !0,
+      "scroll-y": !0,
+      "lower-threshold": 300,
+      "enable-flex": e.flex,
+      "refresher-enabled": e.refresher,
+      "refresher-triggered": e.refreshing,
+      "refresher-background": e.refresherBg,
+      onRefresherrefresh: t[0] || (t[0] = (u) => {
+        r($).short("light"), o("refresh");
+      }),
+      onScrolltolower: t[1] || (t[1] = (u) => o("lower"))
+    }), [
+      s(l.$slots, "default"),
+      h(n("view", R, [
+        e.loading ? (i(), P(r(a), {
+          key: 0,
+          size: "large"
+        }, {
+          default: z(() => [
+            C(T(e.loadingText), 1)
+          ]),
+          _: 1
+        })) : s(l.$slots, "empty", { key: 1 }, () => [
+          d(r(D))
+        ])
+      ], 512), [
+        [f, !e.data.length]
+      ]),
+      h(n("view", q, [
+        d(r(a), { size: "small" })
+      ], 512), [
+        [f, e.data.length && e.loading && !e.refreshing]
+      ]),
+      t[2] || (t[2] = n("view", { style: { position: "absolute", height: "1px", width: "1px", overflow: "hidden" } }, null, -1))
+    ], 16, L));
   }
 });
 export {
-  T as default
+  I as default
 };

package/index13.js

@@ -1,81 +1,30 @@
-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 "./index55.js";
-const h = k, A = w, B = z, D = R;
-let T = 1;
-const N = /* @__PURE__ */ C({
+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: {
-    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())
+  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
     }, [
-      h("canvas", {
-        id: u,
-        type: "2d",
-        class: "sun-slider-captcha-canvas"
-      })
-    ], 32));
+      o("view", v, [
+        a(n.$slots, "default"),
+        o("view", b, [
+          a(n.$slots, "center")
+        ])
+      ])
+    ]));
   }
 });
 export {
-  N as default
+  k as default
 };

package/index14.js

@@ -1,25 +1,39 @@
-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 "./index56.js";
-const o = u, k = i, C = _, B = f, E = v, $ = /* @__PURE__ */ p({
-  __name: "segment-btn",
-  props: {
-    value: {}
-  },
-  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)))
+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: /* @__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"])
+    }, [
+      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 }
       }), [
-        k(t.$slots, "default")
-      ], 16);
-    };
+        s[1] || (s[1] = n("view", { class: "sun-popover-arrow" }, null, -1)),
+        p(e.$slots, "content")
+      ], 16)
+    ], 38));
   }
 });
 export {
-  $ as default
+  T as default
 };