@lanrenbang/basecoat-ultra 0.1.4 → 0.1.6
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.
- package/README-cn.md +8 -11
- package/README.md +5 -5
- package/dist/css/basecoat.cdn.css +160 -1447
- package/dist/css/basecoat.cdn.min.css +1 -1
- package/dist/css/basecoat.css +38 -1
- package/dist/css/datepicker.css +796 -1
- package/dist/css/datepicker.min.css +1 -1
- package/dist/js/catppuccin-theme-switcher.js +23 -3
- package/dist/js/catppuccin-theme-switcher.min.js +47 -39
- package/dist/js/command.js +0 -1
- package/dist/js/command.min.js +1 -1
- package/dist/js/sidebar.js +13 -2
- package/dist/js/sidebar.min.js +29 -24
- package/package.json +12 -11
package/README-cn.md
CHANGED
|
@@ -57,21 +57,21 @@ npm install @lanrenbang/basecoat-ultra
|
|
|
57
57
|
|
|
58
58
|
在您的 CSS 入口文件（例如 `style.css`）中引入。
|
|
59
59
|
|
|
60
|
-
|
|
60
|
+
**注意**：请引入不带编译的源码版本，让您的 Tailwind 配置来处理样式。切勿引入 `.cdn.css` 版本。
|
|
61
61
|
|
|
62
62
|
```css
|
|
63
63
|
@import "tailwindcss";
|
|
64
64
|
|
|
65
65
|
/* 1. Basecoat 核心样式 (必须) */
|
|
66
|
-
@import "@lanrenbang/basecoat-ultra
|
|
66
|
+
@import "@lanrenbang/basecoat-ultra";
|
|
67
67
|
|
|
68
|
-
/* 2. 外部扩展组件样式 (
|
|
69
|
-
@import "@lanrenbang/basecoat-ultra/
|
|
70
|
-
@import "@lanrenbang/basecoat-ultra/
|
|
68
|
+
/* 2. 外部扩展组件样式 (可选，仅当您使用这些组件时必须显式引入) */
|
|
69
|
+
@import "@lanrenbang/basecoat-ultra/datepicker.css";
|
|
70
|
+
@import "@lanrenbang/basecoat-ultra/resizable.css";
|
|
71
71
|
|
|
72
72
|
/* 3. 主题样式 (可选，必须显式引入) */
|
|
73
73
|
/* 我们提供了一套 Catppuccin 主题，您也可以参考源码实现自己的主题 */
|
|
74
|
-
@import "@lanrenbang/basecoat-ultra/theme/catppuccin
|
|
74
|
+
@import "@lanrenbang/basecoat-ultra/theme/catppuccin";
|
|
75
75
|
```
|
|
76
76
|
|
|
77
77
|
### 2. 引入 JavaScript
|
|
@@ -82,13 +82,10 @@ npm install @lanrenbang/basecoat-ultra
|
|
|
82
82
|
包含核心逻辑及大部分常用组件（不含 Datepicker/Resizable）。
|
|
83
83
|
|
|
84
84
|
```javascript
|
|
85
|
-
import '@lanrenbang/basecoat-ultra';
|
|
85
|
+
import '@lanrenbang/basecoat-ultra/all';
|
|
86
86
|
```
|
|
87
87
|
|
|
88
|
-
|
|
89
|
-
如果您想减少体积，可以只引入需要的组件。
|
|
90
|
-
**重要**：必须首先引入 `basecoat` 核心模块，因为其他组件依赖它来注册初始化逻辑。
|
|
91
|
-
|
|
88
|
+
**方式二：特定组件引入**
|
|
92
89
|
```javascript
|
|
93
90
|
// 1. 先引入核心
|
|
94
91
|
import '@lanrenbang/basecoat-ultra/basecoat';
|
package/README.md
CHANGED
|
@@ -63,16 +63,16 @@ In your CSS entry file (e.g., `style.css`).
|
|
|
63
63
|
@import "tailwindcss";
|
|
64
64
|
|
|
65
65
|
/* 1. Basecoat Core (Required) */
|
|
66
|
-
@import "@lanrenbang/basecoat-ultra
|
|
66
|
+
@import "@lanrenbang/basecoat-ultra";
|
|
67
67
|
|
|
68
68
|
/* 2. External Components (Optional) */
|
|
69
69
|
/* Only import if you use these specific components */
|
|
70
|
-
@import "@lanrenbang/basecoat-ultra/
|
|
71
|
-
@import "@lanrenbang/basecoat-ultra/
|
|
70
|
+
@import "@lanrenbang/basecoat-ultra/datepicker.css";
|
|
71
|
+
@import "@lanrenbang/basecoat-ultra/resizable.css";
|
|
72
72
|
|
|
73
73
|
/* 3. Theme (Optional, must be explicit) */
|
|
74
74
|
/* We provide a Catppuccin theme suite, or you can build your own */
|
|
75
|
-
@import "@lanrenbang/basecoat-ultra/theme/catppuccin
|
|
75
|
+
@import "@lanrenbang/basecoat-ultra/theme/catppuccin";
|
|
76
76
|
```
|
|
77
77
|
|
|
78
78
|
### 2. Import JavaScript
|
|
@@ -83,7 +83,7 @@ In your application entry point (e.g., `main.js` or `app.ts`).
|
|
|
83
83
|
Includes core logic and most standard components (excludes Datepicker/Resizable).
|
|
84
84
|
|
|
85
85
|
```javascript
|
|
86
|
-
import '@lanrenbang/basecoat-ultra';
|
|
86
|
+
import '@lanrenbang/basecoat-ultra/all';
|
|
87
87
|
```
|
|
88
88
|
|
|
89
89
|
**Option B: Cherry-pick**
|