@solar-taro/ui-sun 1.3.3 → 1.3.5

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## 1.3.4 (2025-09-24)
+
+### 🚀 Features
+
+- **ui-sun/tailwind:** refactor color configuration to accept primary colors as options
+
+### ❤️ Thank You
+
+- HyperLife1119
+
+## 1.3.3 (2025-09-24)
+
+This was a version bump only for ui-sun to align it with other projects, there were no code changes.
+
 ## 1.3.2 (2025-09-18)
 
 ### 🩹 Fixes

package/index18.js

@@ -1,15 +1,15 @@
-import { defineComponent as F, ref as f, computed as n, onMounted as P, renderList as V, Fragment as I, openBlock as L, createElementBlock as N, renderSlot as D, normalizeStyle as M, createCommentVNode as A, toDisplayString as E, createTextVNode as K, unref as R, withCtx as j, createBlock as q, mergeProps as O } from "vue";
-import { withPixel as S } from "@solar-kit/core";
-import { rpxToPx as Q, vibrator as W } from "@solar-taro/core";
-import { createSelectorQuery as X } from "@tarojs/taro";
-import Y from "./index13.js";
-const G = V, H = I, a = L, u = N, w = D, h = M, J = A, U = E, Z = K, k = R, ee = j, te = q, re = O, le = ["id", "refresher-enabled", "refresher-triggered", "refresher-background", "scroll-x", "scroll-y"], oe = {
+import { defineComponent as P, ref as f, computed as i, onMounted as V, onUnmounted as I, renderList as L, Fragment as N, openBlock as D, createElementBlock as M, renderSlot as A, normalizeStyle as E, createCommentVNode as K, toDisplayString as R, createTextVNode as j, unref as q, withCtx as O, createBlock as Q, mergeProps as U } from "vue";
+import { withPixel as w } from "@solar-kit/core";
+import { rpxToPx as W, vibrator as X } from "@solar-taro/core";
+import { createSelectorQuery as Y } from "@tarojs/taro";
+import G from "./index13.js";
+const H = L, J = N, a = D, u = M, k = A, h = E, Z = K, ee = R, te = j, b = q, re = O, le = Q, oe = U, ne = ["id", "refresher-enabled", "refresher-triggered", "refresher-background", "scroll-x", "scroll-y"], ie = {
   key: 1,
   class: "sun-virtual-scroll-placeholder",
   style: { display: "flex", "justify-content": "center", "align-items": "center", height: "85%" }
 };
-let ie = 1;
-const me = /* @__PURE__ */ F({
+let ae = 1;
+const ve = /* @__PURE__ */ P({
   __name: "index",
   props: {
     refreshing: { type: Boolean },
@@ -19,49 +19,51 @@ const me = /* @__PURE__ */ F({
     items: {},
     itemSize: {},
     itemKey: {},
-    id: { default: () => `sun-virtual-scroll-${ie++}` },
+    id: { default: () => `sun-virtual-scroll-${ae++}` },
     bottomSpace: { default: 0 },
     loading: { type: Boolean },
     loadingText: { default: "Loading" }
   },
   emits: ["refresh", "lower"],
-  setup(b, { emit: z }) {
-    const p = z, r = b;
-    let c;
-    const s = f(0), m = f(0), d = f(0), l = n(() => r.direction === "vertical"), B = n(() => ({
+  setup(z, { emit: B }) {
+    const p = B, r = z;
+    let c, g = !1;
+    const s = f(0), m = f(0), v = f(0), l = i(() => r.direction === "vertical"), $ = i(() => ({
       right: l.value ? "0" : "auto",
-      transform: `translate${l.value ? "Y" : "X"}(${d.value}px)`,
+      transform: `translate${l.value ? "Y" : "X"}(${v.value}px)`,
       "white-space": l.value ? "normal" : "nowrap"
-    })), i = n(() => typeof r.itemSize == "number" ? r.itemSize : r.itemSize.endsWith("rpx") ? Q(parseFloat(r.itemSize)) : parseFloat(r.itemSize)), $ = n(() => i.value * r.items.length), x = n(() => ({
-      [l.value ? "height" : "width"]: S($.value + r.bottomSpace)
-    })), C = n(() => ({
+    })), n = i(() => typeof r.itemSize == "number" ? r.itemSize : r.itemSize.endsWith("rpx") ? W(parseFloat(r.itemSize)) : parseFloat(r.itemSize)), x = i(() => n.value * r.items.length), C = i(() => ({
+      [l.value ? "height" : "width"]: w(x.value + r.bottomSpace)
+    })), _ = i(() => ({
       display: l.value ? "block" : "inline-block",
-      [l.value ? "height" : "width"]: S(i.value)
-    })), _ = n(
+      [l.value ? "height" : "width"]: w(n.value)
+    })), T = i(
       () => r.items.slice(
         Math.max(m.value - s.value, 0),
         m.value + s.value * 2
       )
     );
-    function T({ detail: e }) {
+    function F({ detail: e }) {
       c && cancelAnimationFrame(c), c = requestAnimationFrame(() => {
         const t = l.value ? e.scrollTop : e.scrollLeft;
-        m.value = ~~(t / i.value), m.value > s.value - 1 ? d.value = t - i.value * s.value - t % i.value : d.value = t - t % (i.value * s.value), c = 0;
+        m.value = ~~(t / n.value), m.value > s.value - 1 ? v.value = t - n.value * s.value - t % n.value : v.value = t - t % (n.value * s.value), c = 0;
       });
     }
-    function g() {
+    function y() {
       setTimeout(() => {
-        X().select(`#${r.id}`).boundingClientRect((e) => {
-          if (e = e, !(e != null && e.height) || !(e != null && e.width))
-            return g();
-          const { height: t, width: o } = e, v = l.value ? t : o;
-          s.value = Math.ceil(v / i.value);
+        Y().select(`#${r.id}`).boundingClientRect((e) => {
+          if (e = e, (!(e != null && e.height) || !(e != null && e.width)) && !g)
+            return y();
+          const { height: t, width: o } = e, d = l.value ? t : o;
+          s.value = Math.ceil(d / n.value);
         }).exec();
-      });
+      }, 50);
     }
-    return P(() => {
-      g();
-    }), (e, t) => (a(), u("scroll-view", re(e.$attrs, {
+    return V(() => {
+      y();
+    }), I(() => {
+      g = !0;
+    }), (e, t) => (a(), u("scroll-view", oe(e.$attrs, {
       id: e.id,
       class: "sun-virtual-scroll",
       "refresher-enabled": e.refresher,
@@ -71,49 +73,49 @@ const me = /* @__PURE__ */ F({
       "scroll-y": l.value,
       enhanced: !0,
       "lower-threshold": 300,
-      onScrollPassive: t[0] || (t[0] = (o) => T(o)),
+      onScrollPassive: t[0] || (t[0] = (o) => F(o)),
       onRefresherrefresh: t[1] || (t[1] = (o) => {
-        k(W).short("light"), p("refresh");
+        b(X).short("light"), p("refresh");
       }),
       onScrolltolower: t[2] || (t[2] = (o) => p("lower"))
     }), [
       e.items.length ? (a(), u("view", {
         key: 0,
         class: "sun-virtual-scroll-content-container",
-        style: h(B.value)
+        style: h($.value)
       }, [
-        (a(!0), u(H, null, G(_.value, (o, v) => {
-          var y;
+        (a(!0), u(J, null, H(T.value, (o, d) => {
+          var S;
           return a(), u("view", {
-            key: (y = o[e.itemKey]) != null ? y : v,
+            key: (S = o[e.itemKey]) != null ? S : d,
             class: "sun-virtual-scroll-item",
-            style: h(C.value)
+            style: h(_.value)
           }, [
-            w(e.$slots, "default", {
+            k(e.$slots, "default", {
               item: o,
-              index: v
+              index: d
             })
           ], 4);
         }), 128))
-      ], 4)) : (a(), u("view", oe, [
-        e.loading ? (a(), te(k(Y), {
+      ], 4)) : (a(), u("view", ie, [
+        e.loading ? (a(), le(b(G), {
           key: 0,
           spinning: !0
         }, {
-          default: ee(() => [
-            Z(U(e.loadingText), 1)
+          default: re(() => [
+            te(ee(e.loadingText), 1)
           ]),
           _: 1
-        })) : w(e.$slots, "empty", { key: 1 })
+        })) : k(e.$slots, "empty", { key: 1 })
       ])),
       e.items.length ? (a(), u("view", {
         key: 2,
         class: "sun-virtual-scroll-spacer",
-        style: h(x.value)
-      }, null, 4)) : J("", !0)
-    ], 16, le));
+        style: h(C.value)
+      }, null, 4)) : Z("", !0)
+    ], 16, ne));
   }
 });
 export {
-  me as default
+  ve as default
 };

package/index19.js

@@ -1,5 +1,5 @@
 import { renderSlot as r, mergeProps as o, openBlock as t, createElementBlock as n } from "vue";
-import c from "./index32.js";
+import c from "./index25.js";
 const s = {}, l = r, a = o, f = t, _ = n;
 function m(e, p) {
   return f(), _("view", a(e.$attrs, { class: "sun-fab" }), [

package/index20.js

@@ -1,5 +1,5 @@
 import { renderSlot as o, mergeProps as r, openBlock as t, createElementBlock as s } from "vue";
-import n from "./index32.js";
+import n from "./index25.js";
 const c = {}, l = o, m = r, _ = t, a = s;
 function u(e, d) {
   return _(), a("view", m(e.$attrs, { class: "sun-sudoku-item" }), [

package/index22.js

@@ -1,4 +1,4 @@
-import f from "./index4.js";
+import f from "./index7.js";
 export {
   f as default
 };

package/index23.js

@@ -1,4 +1,4 @@
-import f from "./index5.js";
+import f from "./index9.js";
 export {
   f as default
 };

package/index24.js

@@ -1,4 +1,4 @@
-import f from "./index7.js";
+import f from "./index6.js";
 export {
   f as default
 };

package/index25.js

@@ -1,4 +1,9 @@
-import f from "./index9.js";
+const s = (t, e) => {
+  const o = t.__vccOpts || t;
+  for (const [r, c] of e)
+    o[r] = c;
+  return o;
+};
 export {
-  f as default
+  s as default
 };

package/index26.js

@@ -1,4 +1,4 @@
-import f from "./index8.js";
+import f from "./index11.js";
 export {
   f as default
 };

package/index27.js

@@ -1,4 +1,4 @@
-import f from "./index18.js";
+import f from "./index12.js";
 export {
   f as default
 };

package/index28.js

@@ -1,4 +1,4 @@
-import f from "./index15.js";
+import f from "./index4.js";
 export {
   f as default
 };

package/index29.js

@@ -1,4 +1,4 @@
-import f from "./index16.js";
+import f from "./index8.js";
 export {
   f as default
 };

package/index30.js

@@ -1,4 +1,4 @@
-import f from "./index17.js";
+import f from "./index14.js";
 export {
   f as default
 };

package/index32.js

@@ -1,9 +1,4 @@
-const s = (t, e) => {
-  const o = t.__vccOpts || t;
-  for (const [r, c] of e)
-    o[r] = c;
-  return o;
-};
+import f from "./index5.js";
 export {
-  s as default
+  f as default
 };

package/index33.js

@@ -1,4 +1,4 @@
-import f from "./index14.js";
+import f from "./index15.js";
 export {
   f as default
 };

package/index34.js

@@ -1,4 +1,4 @@
-import f from "./index11.js";
+import f from "./index16.js";
 export {
   f as default
 };

package/index35.js

@@ -1,4 +1,4 @@
-import f from "./index12.js";
+import f from "./index17.js";
 export {
   f as default
 };

package/index36.js

@@ -1,4 +1,4 @@
-import f from "./index6.js";
+import f from "./index18.js";
 export {
   f as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@solar-taro/ui-sun",
-  "version": "1.3.3",
+  "version": "1.3.5",
   "type": "module",
   "main": "./index.js",
   "module": "./index.js",

package/tailwind.js

@@ -1,52 +1,67 @@
-module.exports = {
-  colors: {
-    primary: {
-      DEFAULT: 'var(--color-primary)',
-      contrast: 'var(--color-primary-contrast)',
-      tint: 'var(--color-primary-tint)',
-      shade: 'var(--color-primary-shade)',
-    },
-    secondary: {
-      DEFAULT: 'var(--color-secondary)',
-      contrast: 'var(--color-secondary-contrast)',
-      tint: 'var(--color-secondary-tint)',
-      shade: 'var(--color-secondary-shade)',
-    },
-    success: {
-      DEFAULT: 'var(--color-success)',
-      contrast: 'var(--color-success-contrast)',
-      tint: 'var(--color-success-tint)',
-      shade: 'var(--color-success-shade)',
-    },
-    warning: {
-      DEFAULT: 'var(--color-warning)',
-      contrast: 'var(--color-warning-contrast)',
-      tint: 'var(--color-warning-tint)',
-      shade: 'var(--color-warning-shade)',
-    },
-    danger: {
-      DEFAULT: 'var(--color-danger)',
-      contrast: 'var(--color-danger-contrast)',
-      tint: 'var(--color-danger-tint)',
-      shade: 'var(--color-danger-shade)',
-    },
-    medium: {
-      DEFAULT: 'var(--color-medium)',
-      contrast: 'var(--color-medium-contrast)',
-      tint: 'var(--color-medium-tint)',
-      shade: 'var(--color-medium-shade)',
-    },
-    light: {
-      DEFAULT: 'var(--color-light)',
-      contrast: 'var(--color-light-contrast)',
-      tint: 'var(--color-light-tint)',
-      shade: 'var(--color-light-shade)',
-    },
-    dark: {
-      DEFAULT: 'var(--color-dark)',
-      contrast: 'var(--color-dark-contrast)',
-      tint: 'var(--color-dark-tint)',
-      shade: 'var(--color-dark-shade)',
+/**
+ * @typedef {Object} Options
+ * @property {Object<number, string>} primaryColors
+ * @param {Options} options
+ * @returns
+ */
+module.exports = function (options) {
+  return {
+    colors: {
+      primary: {
+        DEFAULT: 'var(--color-primary)',
+        contrast: 'var(--color-primary-contrast)',
+        tint: 'var(--color-primary-tint)',
+        shade: 'var(--color-primary-shade)',
+        ...options.primaryColors
+      },
+      secondary: {
+        DEFAULT: 'var(--color-secondary)',
+        contrast: 'var(--color-secondary-contrast)',
+        tint: 'var(--color-secondary-tint)',
+        shade: 'var(--color-secondary-shade)',
+      },
+      info: {
+        DEFAULT: 'var(--color-info)',
+        contrast: 'var(--color-info-contrast)',
+        tint: 'var(--color-info-tint)',
+        shade: 'var(--color-info-shade)',
+      },
+      success: {
+        DEFAULT: 'var(--color-success)',
+        contrast: 'var(--color-success-contrast)',
+        tint: 'var(--color-success-tint)',
+        shade: 'var(--color-success-shade)',
+      },
+      warning: {
+        DEFAULT: 'var(--color-warning)',
+        contrast: 'var(--color-warning-contrast)',
+        tint: 'var(--color-warning-tint)',
+        shade: 'var(--color-warning-shade)',
+      },
+      danger: {
+        DEFAULT: 'var(--color-danger)',
+        contrast: 'var(--color-danger-contrast)',
+        tint: 'var(--color-danger-tint)',
+        shade: 'var(--color-danger-shade)',
+      },
+      medium: {
+        DEFAULT: 'var(--color-medium)',
+        contrast: 'var(--color-medium-contrast)',
+        tint: 'var(--color-medium-tint)',
+        shade: 'var(--color-medium-shade)',
+      },
+      light: {
+        DEFAULT: 'var(--color-light)',
+        contrast: 'var(--color-light-contrast)',
+        tint: 'var(--color-light-tint)',
+        shade: 'var(--color-light-shade)',
+      },
+      dark: {
+        DEFAULT: 'var(--color-dark)',
+        contrast: 'var(--color-dark-contrast)',
+        tint: 'var(--color-dark-tint)',
+        shade: 'var(--color-dark-shade)',
+      }
     }
   }
 }