@solar-taro/ui-sun 3.1.0 → 3.2.0

package/CHANGELOG.md

@@ -1,3 +1,23 @@
+## 3.1.1 (2026-07-10)
+
+### 🚀 Features
+
+- **ui-sun/stepper:** add size and expand properties
+
+### ❤️ Thank You
+
+- HyperLife1119
+
+## 3.1.0 (2026-07-09)
+
+### 🚀 Features
+
+- **ui-sun/stepper:** add Stepper component
+
+### ❤️ Thank You
+
+- HyperLife1119
+
 # 3.0.0 (2026-07-08)
 
 ### 🚀 Features

package/_color.scss

@@ -5,7 +5,7 @@
   $primary: map-get($primary-colors, "base");
   $secondary: #616161;
   $info: #2196f3;
-  $success: #34d399;
+  $success: #10b981;
   $warning: #fbbf24;
   $danger: #f43f5e;
   $light: #f8fafc;
@@ -41,7 +41,7 @@
     ),
     warning: (
       base: $warning,
-      contrast: #fff,
+      contrast: #000,
       shade: sun.get-color-shade($warning),
       tint: sun.get-color-tint($warning)
     ),

package/card/card-content.vue.d.ts

@@ -0,0 +1,17 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        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/card/card-header.vue.d.ts

@@ -0,0 +1,17 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        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/card/card-subtitle.vue.d.ts

@@ -0,0 +1,17 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        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/card/card-title.vue.d.ts

@@ -0,0 +1,17 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        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/card/card.vue.d.ts

@@ -0,0 +1,23 @@
+import { Color } from '../typing';
+type __VLS_Props = {
+    color?: Color;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: SVGViewElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    color: Color;
+}, {}, {}, {}, 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 & {
+    new (): {
+        $slots: S;
+    };
+};

package/card/index.d.ts

@@ -0,0 +1,5 @@
+export { default as SunCardContent } from './card-content.vue';
+export { default as SunCardHeader } from './card-header.vue';
+export { default as SunCardSubtitle } from './card-subtitle.vue';
+export { default as SunCardTitle } from './card-title.vue';
+export { default as SunCard } from './card.vue';

package/card/index.scss

@@ -0,0 +1,90 @@
+.sun-card {
+  display: block;
+  border-radius: 8px;
+  color: rgba(var(--color-rgb), 1);
+  background: var(--background);
+  transition: transform 500ms cubic-bezier(0.12, 0.72, 0.29, 1);
+  font-size: 16px;
+  box-shadow: rgba(0, 0, 0, 0.12) 0 4px 16px;
+  overflow: hidden;
+
+  &-primary {
+    --color-rgb: var(--color-primary-contrast-rgb);
+    --background: var(--color-primary);
+  }
+
+  &-secondary {
+    --color-rgb: var(--color-secondary-contrast-rgb);
+    --background: var(--color-secondary);
+  }
+
+  &-danger {
+    --color-rgb: var(--color-danger-contrast-rgb);
+    --background: var(--color-danger);
+  }
+
+  &-success {
+    --color-rgb: var(--color-success-contrast-rgb);
+    --background: var(--color-success);
+  }
+
+  &-warning {
+    --color-rgb: var(--color-warning-contrast-rgb);
+    --background: var(--color-warning);
+  }
+
+  &-info {
+    --color-rgb: var(--color-info-contrast-rgb);
+    --background: var(--color-info);
+  }
+
+  &-light {
+    --color-rgb: var(--color-light-contrast-rgb);
+    --background: var(--color-light);
+  }
+
+  &-dark {
+    --color-rgb: var(--color-dark-contrast-rgb);
+    --background: var(--color-dark);
+  }
+
+  &-medium {
+    --color-rgb: var(--color-medium-contrast-rgb);
+    --background: var(--color-medium);
+  }
+
+  &-black {
+    --color-rgb: var(--color-black-contrast-rgb);
+    --background: var(--color-black);
+  }
+
+  &-white {
+    --color-rgb: var(--color-white-contrast-rgb);
+    --background: var(--color-white);
+  }
+
+  &:active,
+  &.hover {
+    transform: scale(0.98);
+  }
+
+  &-header {
+    padding: 16px;
+  }
+
+  &-title {
+    font-size: 24px;
+    font-weight: bold;
+  }
+
+  &-subtitle {
+    font-size: 12px;
+    font-weight: bold;
+    color: rgba(var(--color-rgb), 0.8);
+  }
+
+  &-content {
+    padding: 0 16px 16px;
+    color: rgba(var(--color-rgb), 0.8);
+  }
+}

package/chip/index.scss

@@ -88,6 +88,11 @@
     --color-contrast: var(--color-medium-contrast);
   }
 
+  &-black {
+    --color-rgb: 0, 0, 0;
+    --color-contrast: var(--color-black);
+  }
+
   &-white {
     --color-rgb: 255, 255, 255;
     --color-contrast: var(--color-dark);

package/index.d.ts

@@ -1,5 +1,6 @@
 export * from './accordion';
 export * from './back-button';
+export * from './card';
 export * from './chip';
 export * from './circular-progress';
 export * from './empty';

package/index.js

@@ -1,18 +1,18 @@
-import { SolarSun as o } from "./index2.js";
-import { default as t } from "./index3.js";
+import { SolarSun as a } from "./index2.js";
+import { default as o } 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 l } from "./index5.js";
+import { default as S } from "./index6.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";
-import { default as k } from "./index11.js";
+import { default as C } from "./index9.js";
+import { default as c } from "./index10.js";
+import { default as g } from "./index11.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 L } from "./index14.js";
+import { default as h } from "./index15.js";
+import { default as F } from "./index16.js";
 import { default as w } from "./index17.js";
 import { default as A } from "./index18.js";
 import { default as E } from "./index19.js";
@@ -25,46 +25,56 @@ import { default as W } from "./index25.js";
 import { default as Y } from "./index26.js";
 import { default as _ } from "./index27.js";
 import { default as ee } from "./index28.js";
-import { default as oe } from "./index29.js";
-import { default as te } from "./index30.js";
+import { default as ae } from "./index29.js";
+import { default as oe } 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 le } from "./index32.js";
+import { default as Se } from "./index33.js";
 import { default as me } from "./index34.js";
 import { default as xe } from "./index35.js";
+import { default as Ce } from "./index36.js";
+import { default as ce } from "./index37.js";
+import { default as ge } from "./index38.js";
+import { default as Ie } from "./index39.js";
+import { default as Be } from "./index40.js";
 export {
-  o as SolarSun,
-  t as SunAccordion,
+  a as SolarSun,
+  o as SunAccordion,
   f as SunBackButton,
-  n as SunChip,
-  d as SunCircularProgress,
-  m as SunEmpty,
-  b as SunFab,
-  x as SunFabGroup,
-  oe as SunIcon,
+  l as SunCard,
+  oe as SunCardContent,
+  fe as SunCardHeader,
+  le as SunCardSubtitle,
+  Se as SunCardTitle,
+  S as SunChip,
+  m as SunCircularProgress,
+  x as SunEmpty,
+  c as SunFab,
+  C as SunFabGroup,
+  me 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
+  xe as SunItemDivider,
+  I as SunLazyRender,
+  B as SunList,
+  Ce as SunListHeader,
+  L as SunNavbar,
+  ce as SunPageHeader,
+  h as SunPopover,
+  F as SunQrcode,
+  A as SunSegment,
+  w as SunSegmentBtn,
+  ge as SunSkeleton,
+  E as SunSliderCaptcha,
+  N as SunSpinner,
+  V as SunStepper,
+  q as SunSudoku,
+  Ie as SunSudokuItem,
+  K as SunTabbar,
+  _ as SunTag,
+  Y as SunTb,
+  O as SunTbCell,
+  W as SunTbRow,
+  Be as SunTitle,
+  ee as SunToggle,
+  ae as SunVirtualScroll
 };

package/index10.js

@@ -1,36 +1,22 @@
-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",
+import { defineComponent as t, computed as n, renderSlot as c, mergeProps as a, openBlock as l, createElementBlock as p } from "vue";
+const m = c, u = a, f = l, _ = p, v = /* @__PURE__ */ t({
+  __name: "fab",
   props: {
-    detail: { type: Boolean },
-    lines: { type: Boolean, default: !0 },
-    clickable: { type: Boolean }
+    color: {}
   },
-  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));
+  setup(o) {
+    const r = o, s = n(() => [
+      `sun-fab-${r.color}`
+    ]);
+    return (e, d) => (f(), _("view", u(e.$attrs, {
+      class: ["sun-fab", s.value],
+      "hover-class": "hover",
+      "hover-stay-time": "200"
+    }), [
+      m(e.$slots, "default")
+    ], 16));
   }
 });
 export {
-  z as default
+  v as default
 };

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

@@ -1,86 +1,24 @@
-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({
+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",
   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"
-    }
+    hook: { default: "activated" }
   },
-  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));
+  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 {
-  I as default
+  v as default
 };