@ruixinkeji/prism-ui 1.0.19 → 1.0.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/README.md +17 -3
  2. package/package.json +4 -3
  3. package/styles/themes/cyan.css +16 -0
  4. package/styles/themes/green.css +16 -0
  5. package/styles/themes/orange.css +16 -0
  6. package/styles/themes/purple.css +16 -0
  7. package/styles/themes/red.css +16 -0
  8. package/dist/index.d.ts +0 -26
  9. package/dist/index.esm.js +0 -33
  10. package/dist/index.js +0 -33
  11. /package/{dist → styles}/prism-ui.css +0 -0
  12. /package/{dist → styles}/prism-ui.min.css +0 -0
package/README.md CHANGED
@@ -50,15 +50,29 @@ onLaunch(() => {
50
50
 
51
51
  <style>
52
52
  /* 引入预编译的 CSS（推荐，无需安装 sass） */
53
- @import '@ruixinkeji/prism-ui/dist/prism-ui.css';
53
+ @import '@ruixinkeji/prism-ui/styles/prism-ui.css';
54
54
  /* 引入字体图标 */
55
55
  @import '@ruixinkeji/prism-ui/fonts/font-awesome.css';
56
56
  </style>
57
57
  ```
58
58
 
59
- > 也可以使用压缩版本：`@import '@ruixinkeji/prism-ui/dist/prism-ui.min.css';`
59
+ > 也可以使用压缩版本：`@import '@ruixinkeji/prism-ui/styles/prism-ui.min.css';`
60
60
 
61
- ### 3. 配置 easycom（可选）
61
+ ### 3. 切换主题色（可选）
62
+
63
+ 引入主题覆盖文件即可切换主题色：
64
+
65
+ ```vue
66
+ <style>
67
+ @import '@ruixinkeji/prism-ui/styles/prism-ui.css';
68
+ @import '@ruixinkeji/prism-ui/styles/themes/purple.css'; /* 紫色主题 */
69
+ @import '@ruixinkeji/prism-ui/fonts/font-awesome.css';
70
+ </style>
71
+ ```
72
+
73
+ 可选主题：`purple` / `green` / `orange` / `red` / `cyan`
74
+
75
+ ### 4. 配置 easycom（可选）
62
76
 
63
77
  在 `pages.json` 中添加：
64
78
 
package/package.json CHANGED
@@ -1,13 +1,14 @@
1
1
  {
2
2
  "name": "@ruixinkeji/prism-ui",
3
- "version": "1.0.19",
3
+ "version": "1.0.20",
4
4
  "description": "Prism UI - 现代化玻璃态设计 uni-app 组件库",
5
5
  "main": "index.js",
6
6
  "module": "index.esm.js",
7
7
  "types": "index.d.ts",
8
8
  "files": [
9
- "dist/prism-ui.css",
10
- "dist/prism-ui.min.css",
9
+ "styles/prism-ui.css",
10
+ "styles/prism-ui.min.css",
11
+ "styles/themes",
11
12
  "components",
12
13
  "fonts",
13
14
  "store",
package/styles/themes/cyan.css ADDED
@@ -0,0 +1,16 @@
1
+ /* Prism UI - cyan 主题 */
2
+ :root, page {
3
+ --prism-primary-color: #14C9C9;
4
+ --prism-primary-light: #E8FAFA;
5
+ --prism-primary-alpha-15: rgba(20, 201, 201, 0.15);
6
+ --prism-primary-alpha-25: rgba(20, 201, 201, 0.25);
7
+ --prism-primary-alpha-35: rgba(20, 201, 201, 0.35);
8
+ --prism-primary-gradient: linear-gradient(135deg, #14C9C9 0%, #67E8F9 100%);
9
+ --prism-primary-gradient-alpha: linear-gradient(135deg, rgba(20, 201, 201, 0.08) 0%, rgba(103, 232, 249, 0.08) 100%);
10
+ --prism-primary-gradient-shadow: 0 8rpx 24rpx rgba(20, 201, 201, 0.3);
11
+ }
12
+
13
+ .dark-mode {
14
+ --prism-primary-color: #22D3EE;
15
+ --prism-primary-light: #1A3D3D;
16
+ }
package/styles/themes/green.css ADDED
@@ -0,0 +1,16 @@
1
+ /* Prism UI - green 主题 */
2
+ :root, page {
3
+ --prism-primary-color: #00B42A;
4
+ --prism-primary-light: #E8F7E8;
5
+ --prism-primary-alpha-15: rgba(0, 180, 42, 0.15);
6
+ --prism-primary-alpha-25: rgba(0, 180, 42, 0.25);
7
+ --prism-primary-alpha-35: rgba(0, 180, 42, 0.35);
8
+ --prism-primary-gradient: linear-gradient(135deg, #00B42A 0%, #6EE7B7 100%);
9
+ --prism-primary-gradient-alpha: linear-gradient(135deg, rgba(0, 180, 42, 0.08) 0%, rgba(110, 231, 183, 0.08) 100%);
10
+ --prism-primary-gradient-shadow: 0 8rpx 24rpx rgba(0, 180, 42, 0.3);
11
+ }
12
+
13
+ .dark-mode {
14
+ --prism-primary-color: #34D399;
15
+ --prism-primary-light: #1A3D2A;
16
+ }
package/styles/themes/orange.css ADDED
@@ -0,0 +1,16 @@
1
+ /* Prism UI - orange 主题 */
2
+ :root, page {
3
+ --prism-primary-color: #FF7D00;
4
+ --prism-primary-light: #FFF3E8;
5
+ --prism-primary-alpha-15: rgba(255, 125, 0, 0.15);
6
+ --prism-primary-alpha-25: rgba(255, 125, 0, 0.25);
7
+ --prism-primary-alpha-35: rgba(255, 125, 0, 0.35);
8
+ --prism-primary-gradient: linear-gradient(135deg, #FF7D00 0%, #FDBA74 100%);
9
+ --prism-primary-gradient-alpha: linear-gradient(135deg, rgba(255, 125, 0, 0.08) 0%, rgba(253, 186, 116, 0.08) 100%);
10
+ --prism-primary-gradient-shadow: 0 8rpx 24rpx rgba(255, 125, 0, 0.3);
11
+ }
12
+
13
+ .dark-mode {
14
+ --prism-primary-color: #FB923C;
15
+ --prism-primary-light: #3D2A1A;
16
+ }
package/styles/themes/purple.css ADDED
@@ -0,0 +1,16 @@
1
+ /* Prism UI - purple 主题 */
2
+ :root, page {
3
+ --prism-primary-color: #722ED1;
4
+ --prism-primary-light: #F3E8FF;
5
+ --prism-primary-alpha-15: rgba(114, 46, 209, 0.15);
6
+ --prism-primary-alpha-25: rgba(114, 46, 209, 0.25);
7
+ --prism-primary-alpha-35: rgba(114, 46, 209, 0.35);
8
+ --prism-primary-gradient: linear-gradient(135deg, #722ED1 0%, #B37FEB 100%);
9
+ --prism-primary-gradient-alpha: linear-gradient(135deg, rgba(114, 46, 209, 0.08) 0%, rgba(179, 127, 235, 0.08) 100%);
10
+ --prism-primary-gradient-shadow: 0 8rpx 24rpx rgba(114, 46, 209, 0.3);
11
+ }
12
+
13
+ .dark-mode {
14
+ --prism-primary-color: #A855F7;
15
+ --prism-primary-light: #2D1B4E;
16
+ }
package/styles/themes/red.css ADDED
@@ -0,0 +1,16 @@
1
+ /* Prism UI - red 主题 */
2
+ :root, page {
3
+ --prism-primary-color: #F53F3F;
4
+ --prism-primary-light: #FFECE8;
5
+ --prism-primary-alpha-15: rgba(245, 63, 63, 0.15);
6
+ --prism-primary-alpha-25: rgba(245, 63, 63, 0.25);
7
+ --prism-primary-alpha-35: rgba(245, 63, 63, 0.35);
8
+ --prism-primary-gradient: linear-gradient(135deg, #F53F3F 0%, #FCA5A5 100%);
9
+ --prism-primary-gradient-alpha: linear-gradient(135deg, rgba(245, 63, 63, 0.08) 0%, rgba(252, 165, 165, 0.08) 100%);
10
+ --prism-primary-gradient-shadow: 0 8rpx 24rpx rgba(245, 63, 63, 0.3);
11
+ }
12
+
13
+ .dark-mode {
14
+ --prism-primary-color: #F87171;
15
+ --prism-primary-light: #3D1A1A;
16
+ }
package/dist/index.d.ts DELETED
@@ -1,26 +0,0 @@
1
- /**
2
- * Prism UI - TypeScript 类型定义
3
- * @ruixin/prism-ui
4
- */
5
-
6
- export declare const STYLES_PATH: string;
7
- export declare const version: string;
8
-
9
- export interface PrismUIInfo {
10
- name: string;
11
- version: string;
12
- description: string;
13
- author: string;
14
- }
15
-
16
- export declare const info: PrismUIInfo;
17
-
18
- export declare function install(app: any): void;
19
-
20
- declare const _default: {
21
- version: string;
22
- info: PrismUIInfo;
23
- install: (app: any) => void;
24
- };
25
-
26
- export default _default;
package/dist/index.esm.js DELETED
@@ -1,33 +0,0 @@
1
- /**
2
- * Prism UI - 组件入口文件
3
- * @ruixin/prism-ui
4
- */
5
-
6
- // 导出样式路径常量
7
- export const STYLES_PATH = '@ruixin/prism-ui/src/styles/index.scss';
8
-
9
- // 版本信息
10
- export const version = '1.0.0';
11
-
12
- // 组件库信息
13
- export const info = {
14
- name: 'Prism UI',
15
- version: '1.0.0',
16
- description: '现代化玻璃态设计 uni-app 组件库',
17
- author: 'Ruixin'
18
- };
19
-
20
- /**
21
- * 安装函数
22
- * @param {Object} app - Vue 应用实例
23
- */
24
- export function install(app) {
25
- // 注册全局属性
26
- app.config.globalProperties.$prismUI = info;
27
- }
28
-
29
- export default {
30
- version,
31
- info,
32
- install
33
- };
package/dist/index.js DELETED
@@ -1,33 +0,0 @@
1
- /**
2
- * Prism UI - 组件入口文件
3
- * @ruixin/prism-ui
4
- */
5
-
6
- // 导出样式路径常量
7
- export const STYLES_PATH = '@ruixin/prism-ui/src/styles/index.scss';
8
-
9
- // 版本信息
10
- export const version = '1.0.0';
11
-
12
- // 组件库信息
13
- export const info = {
14
- name: 'Prism UI',
15
- version: '1.0.0',
16
- description: '现代化玻璃态设计 uni-app 组件库',
17
- author: 'Ruixin'
18
- };
19
-
20
- /**
21
- * 安装函数
22
- * @param {Object} app - Vue 应用实例
23
- */
24
- export function install(app) {
25
- // 注册全局属性
26
- app.config.globalProperties.$prismUI = info;
27
- }
28
-
29
- export default {
30
- version,
31
- info,
32
- install
33
- };
/package/{dist → styles}/prism-ui.css RENAMED
File without changes
/package/{dist → styles}/prism-ui.min.css RENAMED
File without changes