slw 1.0.0-rc.8 → 1.0.0-rc.8.2
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 +42 -42
- package/lib/{index-a0ac0f40.js → index-c1685298.js} +118508 -118280
- package/lib/index-fe459710.js +1097 -0
- package/lib/index.js +1 -1
- package/lib/index.umd.cjs +1520 -495
- package/lib/package.json +1 -1
- package/lib/style.css +1 -1
- package/package.json +1 -1
- package/lib/index-15b66b28.js +0 -1100
package/README.md
CHANGED
|
@@ -1,42 +1,42 @@
|
|
|
1
|
-
# SLW 插件介绍
|
|
2
|
-
**`SLW` 是一个动态页面生成组件库**，通过后端配置动态渲染企业级业务页面，无需硬编码前端代码
|
|
3
|
-
|
|
4
|
-
```
|
|
5
|
-
后端配置页面结构 ————> 前端动态渲染 ————> 完整业务页面
|
|
6
|
-
(JSON) (SLW) (表格/表单/图表)
|
|
7
|
-
```
|
|
8
|
-
|
|
9
|
-
## 📌 基于的技术栈
|
|
10
|
-
|
|
11
|
-
| 类别 | 技术 |
|
|
12
|
-
|------|------|
|
|
13
|
-
| **前端框架** | Vue 3 |
|
|
14
|
-
| **UI 组件库** | VXE-PC-UI、Element Plus |
|
|
15
|
-
|
|
16
|
-
**典型场景: **
|
|
17
|
-
|
|
18
|
-
- 📊 **数据管理页面** - 查询表格 + 新增编辑弹窗
|
|
19
|
-
- 📝 **表单录入页面** - 复杂表单 + 数据验证
|
|
20
|
-
- 📈 **数据可视化** - ECharts 图表展示
|
|
21
|
-
- 🔗 **自定义页面** - Vue 组件嵌入
|
|
22
|
-
|
|
23
|
-
## 🎯 核心功能
|
|
24
|
-
|
|
25
|
-
| 功能模块 | 说明 |
|
|
26
|
-
|---------|------|
|
|
27
|
-
| **动态布局** | 支持垂直/水平/页签布局，可拖拽分割面板 |
|
|
28
|
-
| **数据表格** | 查询/分页/排序/过滤/勾选/导入导出 |
|
|
29
|
-
| **数据表单** | 字段编辑/验证/图片上传/文件上传/代码编辑器 |
|
|
30
|
-
| **弹窗管理** | 编辑弹窗/预览弹窗/自定义弹窗/抽屉 |
|
|
31
|
-
| **页面设计器** | 可视化配置页面布局 |
|
|
32
|
-
| **多语言** | 内置 i18n 支持 (zh-CN/en-US) |
|
|
33
|
-
| **权限控制** | 按钮级显示逻辑控制 |
|
|
34
|
-
| **事件驱动** | 支持行点击/双击/提交前后等事件钩子 |
|
|
35
|
-
|
|
36
|
-
## 📦 优势
|
|
37
|
-
|
|
38
|
-
- ✅ **低代码** - 页面配置化，减少业务开发工作量
|
|
39
|
-
- ✅ **高复用** - 统一组件库，标准化企业 UI
|
|
40
|
-
- ✅ **灵活扩展** - 支持自定义 Vue 组件嵌入
|
|
41
|
-
- ✅ **多 UI 适配** - 可切换不同 UI 组件库
|
|
42
|
-
- ✅ **全功能** - 覆盖企业应用 90% 常见页面场景
|
|
1
|
+
# SLW 插件介绍
|
|
2
|
+
**`SLW` 是一个动态页面生成组件库**，通过后端配置动态渲染企业级业务页面，无需硬编码前端代码
|
|
3
|
+
|
|
4
|
+
```
|
|
5
|
+
后端配置页面结构 ————> 前端动态渲染 ————> 完整业务页面
|
|
6
|
+
(JSON) (SLW) (表格/表单/图表)
|
|
7
|
+
```
|
|
8
|
+
|
|
9
|
+
## 📌 基于的技术栈
|
|
10
|
+
|
|
11
|
+
| 类别 | 技术 |
|
|
12
|
+
|------|------|
|
|
13
|
+
| **前端框架** | Vue 3 |
|
|
14
|
+
| **UI 组件库** | VXE-PC-UI、Element Plus |
|
|
15
|
+
|
|
16
|
+
**典型场景: **
|
|
17
|
+
|
|
18
|
+
- 📊 **数据管理页面** - 查询表格 + 新增编辑弹窗
|
|
19
|
+
- 📝 **表单录入页面** - 复杂表单 + 数据验证
|
|
20
|
+
- 📈 **数据可视化** - ECharts 图表展示
|
|
21
|
+
- 🔗 **自定义页面** - Vue 组件嵌入
|
|
22
|
+
|
|
23
|
+
## 🎯 核心功能
|
|
24
|
+
|
|
25
|
+
| 功能模块 | 说明 |
|
|
26
|
+
|---------|------|
|
|
27
|
+
| **动态布局** | 支持垂直/水平/页签布局，可拖拽分割面板 |
|
|
28
|
+
| **数据表格** | 查询/分页/排序/过滤/勾选/导入导出 |
|
|
29
|
+
| **数据表单** | 字段编辑/验证/图片上传/文件上传/代码编辑器 |
|
|
30
|
+
| **弹窗管理** | 编辑弹窗/预览弹窗/自定义弹窗/抽屉 |
|
|
31
|
+
| **页面设计器** | 可视化配置页面布局 |
|
|
32
|
+
| **多语言** | 内置 i18n 支持 (zh-CN/en-US) |
|
|
33
|
+
| **权限控制** | 按钮级显示逻辑控制 |
|
|
34
|
+
| **事件驱动** | 支持行点击/双击/提交前后等事件钩子 |
|
|
35
|
+
|
|
36
|
+
## 📦 优势
|
|
37
|
+
|
|
38
|
+
- ✅ **低代码** - 页面配置化，减少业务开发工作量
|
|
39
|
+
- ✅ **高复用** - 统一组件库，标准化企业 UI
|
|
40
|
+
- ✅ **灵活扩展** - 支持自定义 Vue 组件嵌入
|
|
41
|
+
- ✅ **多 UI 适配** - 可切换不同 UI 组件库
|
|
42
|
+
- ✅ **全功能** - 覆盖企业应用 90% 常见页面场景
|