@ruixinkeji/prism-ui 1.0.12 → 1.0.14

package/README.md

@@ -33,10 +33,21 @@ export function createApp() {
 }
 ```
 
-### 2. 引入样式
+### 2. 引入样式并初始化主题
 
 ```vue
 <!-- App.vue -->
+<script setup>
+import { onLaunch } from '@dcloudio/uni-app'
+import { useAppStore } from '@ruixinkeji/prism-ui/store/app'
+
+onLaunch(() => {
+  // 初始化主题（恢复保存的主题设置）
+  const appStore = useAppStore()
+  appStore.initTheme()
+})
+</script>
+
 <style lang="scss">
 @import '@ruixinkeji/prism-ui/styles/index.scss';
 @import '@ruixinkeji/prism-ui/fonts/font-awesome.css';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ruixinkeji/prism-ui",
-  "version": "1.0.12",
+  "version": "1.0.14",
   "description": "Prism UI - 现代化玻璃态设计 uni-app 组件库",
   "main": "index.js",
   "module": "index.esm.js",

package/styles/base.scss

@@ -2,6 +2,7 @@
  * Prism UI - 基础样式
  * CSS 变量定义和全局样式重置
  */
+@use './variables' as *;
 
 /* ============================================================
    一、CSS 变量定义 - 支持动态主题切换

package/styles/card.scss

@@ -3,6 +3,7 @@
  *
  * 基础样式 .prism-card-base 定义在 @/styles/colors.scss
  */
+@use './variables' as *;
 
 /* ============================================================
    prism-card - 卡片容器（带背景）

package/styles/colors.scss

@@ -1,6 +1,9 @@
 /**
  * Prism UI 颜色主题系统
  * 使用 SCSS 变量定义，自动注入到所有组件
+ */
+@use './variables' as *;
+/**
  *
  * 📦 包含内容：
  * 1. 14种颜色：purple, blue, green, red, orange, cyan, yellow, pink,

package/styles/effects.scss

@@ -2,6 +2,7 @@
  * Prism UI - 特效组件样式
  * 悬浮按钮、霓虹灯效果、动画等
  */
+@use './variables' as *;
 
 /* ============================================================
    悬浮按钮

package/styles/form.scss

@@ -2,6 +2,7 @@
  * Prism UI - 表单组件样式
  * 输入框、复选框、选项卡等
  */
+@use './variables' as *;
 
 /* ============================================================
    输入框容器

package/styles/navigation.scss

@@ -2,6 +2,7 @@
  * Prism UI - 导航组件样式
  * Steps 步骤条、Breadcrumb 面包屑、DropdownMenu 下拉菜单
  */
+@use './variables' as *;
 
 /* ============================================================
    Steps 步骤条