stellar-ui-plus 1.24.15 → 1.24.17

package/components/ste-radio/ste-radio.vue

@@ -1,12 +1,15 @@
 <script lang="ts" setup>
 import { useSlots, computed, type CSSProperties } from 'vue';
 import { useColorStore } from '../../store/color';
-let { getColor } = useColorStore();
 import utils from '../../utils/utils';
 import propsData, { RADIO_KEY, type RadioEmits } from './props';
 import type { RadioGroupProps } from '../ste-radio-group/props';
 import { useInject } from '../../utils/mixin';
 
+// 🚀 优化: 模块级别调用，所有实例共享
+const { getColor } = useColorStore();
+const themeColor = getColor()?.steThemeColor || '#0090FF';
+
 const componentName = `ste-radio`;
 defineOptions({
     name: componentName,
@@ -22,9 +25,6 @@ const Parent = useInject<{ props: Required<RadioGroupProps>; updateValue: (value
 
 const parentProps = computed(() => Parent?.parent?.props);
 
-// 🚀 优化: 缓存 themeColor,避免每次调用 getColor()
-const themeColor = getColor().steThemeColor;
-
 // 🚀 优化: 只保留必要的 computed
 const cmpChecked = computed(() => {
     return parentProps.value ? parentProps.value.modelValue == props.name : props.modelValue == props.name;
@@ -108,6 +108,16 @@ const cmpSlotProps = computed(() => ({
     readonly: getDefaultData('readonly', false),
 }));
 
+// 🚀 优化: 缓存 ste-icon 需要的属性，避免模板中重复调用 getDefaultData
+const cmpIconProps = computed(() => {
+    const iconSize = getDefaultData('iconSize', 36);
+    const disabled = getDefaultData('disabled', false);
+    return {
+        size: iconSize * 0.8,
+        color: disabled ? '#bbbbbb' : '#fff',
+    };
+});
+
 async function click() {
     const readonly = getDefaultData('readonly', false);
     const disabled = getDefaultData('disabled', false);
@@ -155,7 +165,7 @@ const getDefaultData = <T,>(key: PropsKeyType, defaultValue: T): T => {
         <view class="icon" :style="[cmpIconStyle]">
             <slot name="icon" :slotProps="cmpSlotProps">
                 <view class="input-icon" :style="[cmpInputStyle]">
-                    <ste-icon v-if="cmpChecked" :size="getDefaultData('iconSize', 36) * 0.8" code="&#xe67a;" :color="getDefaultData('disabled', false) ? '#bbbbbb' : '#fff'" bold></ste-icon>
+                    <ste-icon v-if="cmpChecked" :size="cmpIconProps.size" code="&#xe67a;" :color="cmpIconProps.color" bold></ste-icon>
                 </view>
             </slot>
         </view>

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "stellar-ui-plus",
-    "version": "1.24.15",
+    "version": "1.24.17",
     "description": "",
     "author": "",
     "license": "MIT",

package/store/color.ts

@@ -2,19 +2,27 @@ const colorValue = {
     steThemeColor: '#0090FF',
     defaultColor: '#0090FF',
 };
+
+// 模块级缓存，避免重复读取 storage
+let cachedColor: typeof colorValue | null = null;
+
 export function useColorStore() {
     const getColor = () => {
         // 测试环境判断
         if (process.env.NODE_ENV == 'test') {
             return colorValue;
         }
-        if (process.env.NODE_ENV != 'test') {
-            return uni.getStorageSync('steColor') ? uni.getStorageSync('steColor') : colorValue;
+        // 使用缓存，避免重复调用 getStorageSync
+        if (cachedColor) {
+            return cachedColor;
         }
+        cachedColor = uni.getStorageSync('steColor') || colorValue;
+        return cachedColor;
     };
 
     const setColor = (value: any) => {
-        uni.setStorageSync('steColor', Object.assign(colorValue, value));
+        cachedColor = Object.assign({}, colorValue, value);
+        uni.setStorageSync('steColor', cachedColor);
     };
 
     return {