@mc-markets/ui 1.0.38 → 1.0.40
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.md +100 -0
- package/dist/index.js +18827 -24
- package/dist/index.js.css +1 -0
- package/package.json +15 -32
- package/packages/styles/index.scss +48 -6
- package/packages/styles/variables/border-mode.css +6 -6
- package/packages/styles/variables/index.scss +5 -5
- package/packages/styles/variables/primitives-style.css +112 -112
- package/packages/styles/variables/radius-mode.css +14 -14
- package/packages/styles/variables/spacing-mode.css +20 -20
- package/packages/styles/variables/typography-desktop.css +40 -40
- package/packages/styles/variables/typography-mobile.css +40 -40
- package/dist/ui.css +0 -1
- package/packages/styles/element/button.scss +0 -99
- package/packages/styles/element/form.scss +0 -21
- package/packages/styles/element/popper.scss +0 -6
- package/packages/styles/element/select.scss +0 -35
package/README.md
CHANGED
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
# @mc-markets/ui Demo
|
|
2
|
+
|
|
3
|
+
Vue 3 组件库演示
|
|
4
|
+
|
|
5
|
+
## 🚀 快速开始
|
|
6
|
+
|
|
7
|
+
### 开发模式
|
|
8
|
+
|
|
9
|
+
```bash
|
|
10
|
+
# 安装依赖
|
|
11
|
+
npm install
|
|
12
|
+
|
|
13
|
+
# 启动开发服务器
|
|
14
|
+
npm run dev
|
|
15
|
+
|
|
16
|
+
# 启动演示开发服务器
|
|
17
|
+
npm run dev:demo
|
|
18
|
+
```
|
|
19
|
+
|
|
20
|
+
### 构建
|
|
21
|
+
|
|
22
|
+
```bash
|
|
23
|
+
# 构建组件库
|
|
24
|
+
npm run build
|
|
25
|
+
|
|
26
|
+
# 构建演示
|
|
27
|
+
npm run build:demo
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
## 📦 演示打包
|
|
31
|
+
|
|
32
|
+
### 构建静态HTML
|
|
33
|
+
|
|
34
|
+
```bash
|
|
35
|
+
# 构建演示为静态HTML文件
|
|
36
|
+
npm run build:demo
|
|
37
|
+
```
|
|
38
|
+
|
|
39
|
+
构建完成后，所有文件将输出到 `dist-demo/` 目录，可以直接在浏览器中打开 `dist-demo/index.html`。
|
|
40
|
+
|
|
41
|
+
### 本地预览
|
|
42
|
+
|
|
43
|
+
```bash
|
|
44
|
+
# 构建并直接在浏览器中打开
|
|
45
|
+
npm run open:demo
|
|
46
|
+
|
|
47
|
+
# 使用内置服务器
|
|
48
|
+
npm run serve:local
|
|
49
|
+
|
|
50
|
+
# 使用Vite预览
|
|
51
|
+
npm run preview:demo
|
|
52
|
+
```
|
|
53
|
+
|
|
54
|
+
## 📚 文档
|
|
55
|
+
|
|
56
|
+
- [部署指南](DEPLOYMENT.md) - 详细的打包和部署说明
|
|
57
|
+
|
|
58
|
+
## 🛠️ 可用命令
|
|
59
|
+
|
|
60
|
+
| 命令 | 说明 |
|
|
61
|
+
|------|------|
|
|
62
|
+
| `npm run dev` | 启动开发服务器 |
|
|
63
|
+
| `npm run dev:demo` | 启动演示开发服务器 |
|
|
64
|
+
| `npm run build` | 构建组件库 |
|
|
65
|
+
| `npm run build:demo` | 构建演示 |
|
|
66
|
+
| `npm run preview` | 预览组件库构建结果 |
|
|
67
|
+
| `npm run preview:demo` | 使用Vite预览演示 |
|
|
68
|
+
| `npm run serve:local` | 本地预览演示（内置服务器） |
|
|
69
|
+
| `npm run start:demo` | 构建并启动本地演示服务器 |
|
|
70
|
+
| `npm run open:demo` | 构建并直接在浏览器中打开演示 |
|
|
71
|
+
| `npm run clean:demo` | 清理演示构建文件 |
|
|
72
|
+
| `npm run test:static` | 测试静态访问配置 |
|
|
73
|
+
|
|
74
|
+
## 📁 项目结构
|
|
75
|
+
|
|
76
|
+
```
|
|
77
|
+
├── packages/ # 组件库源码
|
|
78
|
+
│ ├── components/ # 组件
|
|
79
|
+
│ ├── styles/ # 样式
|
|
80
|
+
│ └── index.js # 入口文件
|
|
81
|
+
├── src/ # 演示源码
|
|
82
|
+
│ ├── pages/ # 演示页面
|
|
83
|
+
│ ├── components/ # 演示组件
|
|
84
|
+
│ └── router/ # 路由配置
|
|
85
|
+
├── dist/ # 组件库构建输出
|
|
86
|
+
├── dist-demo/ # 演示构建输出
|
|
87
|
+
└── scripts/ # 部署脚本
|
|
88
|
+
```
|
|
89
|
+
|
|
90
|
+
## 🌐 使用方式
|
|
91
|
+
|
|
92
|
+
构建后的演示文件位于 `dist-demo/` 目录，可以：
|
|
93
|
+
|
|
94
|
+
1. **直接打开**: 双击 `dist-demo/index.html` 在浏览器中打开
|
|
95
|
+
2. **本地服务器**: 使用 `npm run serve:local` 启动本地服务器
|
|
96
|
+
3. **分发**: 将 `dist-demo/` 目录复制到任何地方使用
|
|
97
|
+
|
|
98
|
+
## 📄 许可证
|
|
99
|
+
|
|
100
|
+
MIT License
|