@solar-taro/ui-sun 1.1.8 → 1.1.10

package/CHANGELOG.md

@@ -1,3 +1,21 @@
+## 1.1.9 (2025-07-16)
+
+### 🩹 Fixes
+
+- **ui-sun/fab:** replace rpx with px
+
+### 🔥 Performance
+
+- **ui-sun/lazy-render:** use requestAnimationFrame instead of setTimeout
+
+### ❤️ Thank You
+
+- HyperLife1119
+
+## 1.1.8 (2025-06-24)
+
+This was a version bump only for ui-sun to align it with other projects, there were no code changes.
+
 ## 1.1.7 (2025-05-30)
 
 ### 🩹 Fixes

package/_wx.scss

@@ -5,7 +5,7 @@ page {
   --safe-right: env(safe-area-inset-right);
 
   color: var(--color-dark);
-  font-size: 30rpx;
+  font-size: 16px;
   font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
 
   > view {

package/chip/index.scss

@@ -7,24 +7,24 @@
   border-radius: 99px;
 
   &-default {
-    font-size: 30rpx;
-    height: 60rpx;
-    margin: 8rpx;
-    padding: 14rpx 24rpx;
+    font-size: 16px;
+    height: 30px;
+    margin: 4px;
+    padding: 6px 12px;
   }
 
   &-small {
-    font-size: 24rpx;
-    height: 50rpx;
-    margin: 6rpx;
-    padding: 10rpx 20rpx;
+    font-size: 12px;
+    height: 26px;
+    margin: 4px;
+    padding: 4px 8px;
   }
 
   &-large {
-    font-size: 35rpx;
-    height: 70rpx;
-    margin: 8rpx;
-    padding: 20rpx 30rpx;
+    font-size: 18px;
+    height: 36px;
+    margin: 4px;
+    padding: 10px 16px;
   }
 
   &-solid {

package/fab/index.scss

@@ -2,8 +2,8 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  width: 105rpx;
-  height: 105rpx;
+  width: 52px;
+  height: 52px;
   border-radius: 50%;
 
   &:not(:last-child) {

package/index10.js

@@ -20,12 +20,12 @@ const n = s, t = a, v = f, m = p, y = i, g = u, w = d, S = c, x = { class: "sun-
     /** 横轴偏移度 */
     offsetX: {
       type: String,
-      default: "7.5rpx"
+      default: "4px"
     },
     /** 纵轴偏移度 */
     offsetY: {
       type: String,
-      default: "7.5rpx"
+      default: "4px"
     },
     /** popover背景 */
     bg: {

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 "./index22.js";
+import c from "./index27.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 "./index22.js";
+import n from "./index27.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/index21.js

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

package/index22.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/index23.js

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

package/index24.js

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

package/index25.js

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

package/index26.js

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

package/index27.js

@@ -1,4 +1,9 @@
-import f from "./index10.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/index28.js

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

package/index29.js

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

package/index30.js

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

package/index31.js

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

package/index32.js

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

package/index33.js

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

package/index34.js

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

package/index35.js

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

package/index36.js

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

package/index37.js

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

package/index8.js

@@ -1,23 +1,22 @@
-import { defineComponent as d, ref as l, onActivated as c, onDeactivated as s, renderSlot as u, createCommentVNode as f } from "vue";
-const i = u, m = f, v = /* @__PURE__ */ d({
+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: {
-    delay: { default: 50 },
     hook: { default: "activated" }
   },
-  setup(r) {
-    const o = r, e = l(!1);
+  setup(a) {
+    const n = a, e = d(!1);
     let t;
-    function a() {
-      t = setTimeout(() => {
+    function o() {
+      t = requestAnimationFrame(() => {
         e.value = !0;
-      }, o.delay);
+      });
     }
-    return o.hook === "created" && a(), c(() => {
-      a();
-    }), s(() => {
-      e.value = !1, t && clearTimeout(t);
-    }), (n, p) => e.value ? i(n.$slots, "default", { key: 0 }) : m("", !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 {

package/lazy-render/index.vue.d.ts

@@ -2,19 +2,14 @@ declare function __VLS_template(): {
     default?(_: {}): any;
 };
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    delay?: number;
     hook?: "activated" | "created";
 }>, {
-    delay: number;
     hook: string;
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    delay?: number;
     hook?: "activated" | "created";
 }>, {
-    delay: number;
     hook: string;
 }>>> & Readonly<{}>, {
-    delay: number;
     hook: "activated" | "created";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

package/package.json

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

package/popover/index.scss

@@ -82,9 +82,8 @@
 
 .sun-popover-container {
   position: absolute;
-  // padding: 10rpx 15rpx;
   background: var(--popover-background);
-  border-radius: 15rpx;
+  border-radius: 8px;
   text-align: left;
   opacity: 0;
   visibility: hidden;
@@ -95,6 +94,6 @@
 
   > .sun-popover-arrow {
     position: absolute;
-    border: 10rpx solid transparent;
+    border: 4px solid transparent;
   }
 }

package/segment/index.scss

@@ -1,8 +1,9 @@
 .sun-segment {
-  --border-radius: 14rpx;
+  --font-size: 14px;
+  --border-radius: 8px;
   --segment-background: rgba(0, 0, 0, 0.03);
   height: 100%;
-  font-size: 26rpx;
+  font-size: var(--font-size);
   border-radius: calc(var(--border-radius) + 1.5px);
   background: var(--segment-background);
   overflow: hidden;

package/spinner/index.scss

@@ -1,26 +1,26 @@
 .sun-spinner {
   --spinner-color: var(--color-primary);
-  --spinner-dot-size: 26rpx;
-  --spinner-dot-gap: 10rpx;
-  --spinner-desc-size: 26rpx;
+  --spinner-dot-size: 12px;
+  --spinner-dot-gap: 6px;
+  --spinner-desc-size: 14px;
   display: inline-block;
 
   &-small {
-    --spinner-dot-size: 14rpx;
-    --spinner-dot-gap: 4rpx;
-    --spinner-desc-size: 22rpx;
+    --spinner-dot-size: 6px;
+    --spinner-dot-gap: 2px;
+    --spinner-desc-size: 12px;
   }
 
   &-middle {
-    --spinner-dot-size: 20rpx;
-    --spinner-dot-gap: 6rpx;
-    --spinner-desc-size: 24rpx;
+    --spinner-dot-size: 10px;
+    --spinner-dot-gap: 4px;
+    --spinner-desc-size: 12px;
   }
 
   &-large {
-    --spinner-dot-size: 36rpx;
-    --spinner-dot-gap: 14rpx;
-    --spinner-desc-size: 28rpx;
+    --spinner-dot-size: 18px;
+    --spinner-dot-gap: 6px;
+    --spinner-desc-size: 14px;
   }
 
   &-spinning > &-dot {
@@ -59,7 +59,7 @@
     text-align: center;
     font-size: var(--spinner-desc-size);
     color: var(--spinner-color);
-    margin-top: 12rpx;
+    margin-top: 6px;
   }
 }
 

package/table/_table-cell.scss

@@ -26,7 +26,7 @@
       top: 0;
       content: "";
       height: 100%;
-      width: 7.5rpx;
+      width: 3.75px;
     }
   }
 

package/table/_table.scss

@@ -10,7 +10,7 @@
   }
 
   &-rounded {
-    border-radius: 12rpx;
+    border-radius: 6px;
   }
 
   &-bordered {
@@ -46,26 +46,26 @@
 // table size
 .sun-tb-size {
   &-default {
-    font-size: 28rpx;
+    font-size: 14px;
 
     .sun-tb-cell {
-      padding: 18rpx 22rpx;
+      padding: 6px 12px;
     }
   }
 
   &-medium {
-    font-size: 26rpx;
+    font-size: 12px;
 
     .sun-tb-cell {
-      padding: 16rpx 20rpx;
+      padding: 8px 10px;
     }
   }
 
   &-small {
-    font-size: 24rpx;
+    font-size: 12px;
 
     .sun-tb-cell {
-      padding: 14rpx 18rpx;
+      padding: 6px 8px;
     }
   }
 }