@ruixinkeji/prism-ui 1.0.10 → 1.0.12

package/README.md

@@ -13,22 +13,74 @@
 ## 安装
 
 ```bash
-npm install @ruixinkeji/prism-ui
+npm install @ruixinkeji/prism-ui pinia
 ```
 
-## 使用
+## 快速开始
 
-```scss
-// main.js 或 App.vue
-@import "@/styles/index.scss";
+### 1. 初始化 Pinia
+
+```ts
+// main.ts
+import { createSSRApp } from 'vue'
+import { createPinia } from 'pinia'
+import App from './App.vue'
+
+export function createApp() {
+  const app = createSSRApp(App)
+  app.use(createPinia())
+  return { app }
+}
 ```
 
-## 深色模式
+### 2. 引入样式
 
 ```vue
-<view :class="{ 'dark-mode': isDark }">
-  <!-- 内容自动适配深色模式 -->
-</view>
+<!-- App.vue -->
+<style lang="scss">
+@import '@ruixinkeji/prism-ui/styles/index.scss';
+@import '@ruixinkeji/prism-ui/fonts/font-awesome.css';
+</style>
+```
+
+### 3. 配置 easycom（可选）
+
+在 `pages.json` 中添加：
+
+```json
+{
+  "easycom": {
+    "custom": {
+      "^Prism(.*)": "@ruixinkeji/prism-ui/components/Prism$1/Prism$1.vue"
+    }
+  }
+}
+```
+
+配置后可直接使用组件，无需 import：
+
+```vue
+<template>
+  <PrismNavBar title="首页" />
+  <PrismTabBar :tabs="tabs" />
+</template>
+```
+
+### 4. 手动引入组件
+
+```vue
+<script setup>
+import PrismNavBar from '@ruixinkeji/prism-ui/components/PrismNavBar/PrismNavBar.vue'
+import { useAppStore } from '@ruixinkeji/prism-ui/store/app'
+
+const appStore = useAppStore()
+</script>
+
+<template>
+  <view :class="{ 'dark-mode': appStore.isDarkMode }">
+    <PrismNavBar title="首页" />
+  </view>
+</template>
 ```
 
 ## 组件

package/components.d.ts

@@ -0,0 +1,80 @@
+/**
+ * Prism UI - 组件类型定义
+ */
+import { DefineComponent } from 'vue'
+
+// 导航栏组件
+export declare const PrismNavBar: DefineComponent<{
+  title: string
+  icon?: string
+  iconColor?: string
+  glass?: boolean
+  showBack?: boolean
+}>
+
+// 底部导航组件
+export declare const PrismTabBar: DefineComponent<{
+  current: string
+  glass?: boolean
+  tabs?: Array<{ path: string; text: string; icon: string }>
+}>
+
+// 开关组件
+export declare const PrismSwitch: DefineComponent<{
+  modelValue: boolean
+  onText?: string
+  offText?: string
+  showText?: boolean
+  square?: boolean
+  disabled?: boolean
+}>
+
+// 验证码输入
+export declare const PrismCodeInput: DefineComponent<{
+  modelValue: string
+  length?: number
+}>
+
+// 安全密码输入
+export declare const PrismSecureInput: DefineComponent<{
+  modelValue: string
+  length?: number
+  title?: string
+  randomOrder?: boolean
+}>
+
+// 日期时间选择器
+export declare const PrismDateTimePicker: DefineComponent<{
+  modelValue: string | number | Date
+  mode?: 'picker' | 'calendar'
+  showTime?: boolean
+  placeholder?: string
+}>
+
+// 城市选择器
+export declare const PrismCityPicker: DefineComponent<{
+  modelValue: Array<{ code: string; name: string }>
+  mode?: 'picker' | 'cascade'
+  level?: number
+  placeholder?: string
+}>
+
+// 图片选择器
+export declare const PrismImagePicker: DefineComponent<{
+  modelValue: string
+  defaultImages?: string[]
+  uploadText?: string
+  disabled?: boolean
+}>
+
+// 身份证输入
+export declare const PrismIdCardInput: DefineComponent<{
+  modelValue: string
+  showInfo?: boolean
+  placeholder?: string
+}>
+
+// 车牌号输入
+export declare const PrismLicensePlateInput: DefineComponent<{
+  modelValue: string
+}>

package/easycom.json

@@ -0,0 +1,8 @@
+{
+  "easycom": {
+    "autoscan": false,
+    "custom": {
+      "^Prism(.*)": "@ruixinkeji/prism-ui/components/Prism$1/Prism$1.vue"
+    }
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ruixinkeji/prism-ui",
-  "version": "1.0.10",
+  "version": "1.0.12",
   "description": "Prism UI - 现代化玻璃态设计 uni-app 组件库",
   "main": "index.js",
   "module": "index.esm.js",
@@ -12,6 +12,8 @@
     "fonts",
     "store",
     "utils",
+    "easycom.json",
+    "components.d.ts",
     "index.js",
     "index.esm.js",
     "index.d.ts",