@ibiz-template/mob-theme 0.2.18 → 2.0.0
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/LICENSE +21 -0
- package/README.md +92 -0
- package/package.json +5 -3
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2023 iBiz
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
ADDED
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
# 移动端主题样式库
|
|
2
|
+
|
|
3
|
+
移动端主题样式库,包含所有视图、部件预定义布局模型,同时也包含主题的颜色、间距、圆角、遮罩等主题配置,包含亮色主题、暗色主题。
|
|
4
|
+
|
|
5
|
+
## 目录结构
|
|
6
|
+
|
|
7
|
+
```javascript
|
|
8
|
+
|── mob-theme
|
|
9
|
+
├── src
|
|
10
|
+
├── index.ts
|
|
11
|
+
├── publish 预置布局模型
|
|
12
|
+
│ ├── app-index-view-layout-blank-mode.ts 应用首页视图布局_空白模式
|
|
13
|
+
│ ├── app-index-view-layout.ts 首页视图布局面板
|
|
14
|
+
│ ├── app-login-view.ts 应用登录视图
|
|
15
|
+
│ ├── app-wf-step-trace-view-layout.ts 应用流程跟踪视图布局面板
|
|
16
|
+
│ ├── control-layout 预置部件布局模型
|
|
17
|
+
│ │ ├── control-layout-model-repository-mob-tree-exp-bar-layout.ts 移动端树导航栏布局面板
|
|
18
|
+
│ │ └── control-layout-model-repository-mob-tree-layout.ts 移动端树部件布局布局面板
|
|
19
|
+
│ ├── index.ts
|
|
20
|
+
│ └── mob-view-layout-model-repository 预置视图布局模型
|
|
21
|
+
│ ├── mob-view-layout-model-repository-de-mob-calendar-view-9-layout.ts 实体移动端日历视图(部件视图)布局面板布局面板
|
|
22
|
+
│ ├── mob-view-layout-model-repository-de-mob-calendar-view-layout.ts 实体移动端日历视图布局面板
|
|
23
|
+
│ ├── mob-view-layout-model-repository-de-mob-chart-view-9-layout.ts 实体移动端图表视图(部件视图)布局面板布局面板
|
|
24
|
+
│ ├── mob-view-layout-model-repository-de-mob-chart-view-layout.ts 实体移动端图表视图布局面板
|
|
25
|
+
│ ├── mob-view-layout-model-repository-de-mob-data-view-layout.ts 实体移动端卡片视图布局面板
|
|
26
|
+
│ ├── mob-view-layout-model-repository-de-mob-edit-view-3-layout.ts 实体移动端编辑视图分页关系布局面板(预置模型)
|
|
27
|
+
│ ├── mob-view-layout-model-repository-de-mob-edit-view-9-layout.ts 实体移动端编辑视图(部件视图)布局面板布局面板
|
|
28
|
+
│ ├── mob-view-layout-model-repository-de-mob-edit-view-layout.ts 实体移动端编辑视图布局面板
|
|
29
|
+
│ ├── mob-view-layout-model-repository-de-mob-list-view-layout.ts 实体移动端列表视图布局面板
|
|
30
|
+
│ ├── mob-view-layout-model-repository-de-mob-m-pickup-view-layout.ts 实体移动端多数据选择视图布局面板
|
|
31
|
+
│ ├── mob-view-layout-model-repository-de-mob-md-view-9-layout.ts 实体移动端多数据视图(部件视图)布局面板布局面板
|
|
32
|
+
│ ├── mob-view-layout-model-repository-de-mob-md-view-layout.ts 实体移动端多数据视图布局面板
|
|
33
|
+
│ ├── mob-view-layout-model-repository-de-mob-option-view-layout.ts 实体移动端操作视图布局面板
|
|
34
|
+
│ ├── mob-view-layout-model-repository-de-mob-pickup-md-view-layout.ts 实体移动端选择多数据视图(部件视图)布局面板
|
|
35
|
+
│ ├── mob-view-layout-model-repository-de-mob-pickup-tree-view-layout.ts 实体移动端选择树视图(部件视图)布局面板
|
|
36
|
+
│ ├── mob-view-layout-model-repository-de-mob-pickup-view-layout.ts 实体移动端数据选择视图布局面板
|
|
37
|
+
│ ├── mob-view-layout-model-repository-de-mob-tab-exp-view-9-layout.ts 实体移动端分页导航视图(部件视图)布局面板布局面板
|
|
38
|
+
│ ├── mob-view-layout-model-repository-de-mob-tab-exp-view-layout.ts 实体移动端分页导航视图布局面板
|
|
39
|
+
│ ├── mob-view-layout-model-repository-de-mob-tree-exp-view-layout.ts 移动端树导航视图布局面板
|
|
40
|
+
│ ├── mob-view-layout-model-repository-de-mob-tree-view-layout.ts 实体移动端树视图布局面板
|
|
41
|
+
│ ├── mob-view-layout-model-repository-de-mob-wf-dyna-action-view-layout.ts 实体移动端工作流动态操作视图布局面板(预置模型)
|
|
42
|
+
│ ├── mob-view-layout-model-repository-de-mob-wf-dyna-edit-view-3-layout.ts 实体移动端工作流动态编辑视图分页关系布局面板(预置模型)
|
|
43
|
+
│ ├── mob-view-layout-model-repository-de-mob-wf-dyna-edit-view-layout.ts 实体移动端工作流动态编辑视图布局面板(预置模型)
|
|
44
|
+
│ ├── mob-view-layout-model-repository-de-mob-wf-dyna-start-view-layout.ts 实体移动端工作流动态启动视图布局面板(预置模型)
|
|
45
|
+
│ └── mob-view-layout-model-repository-de-mob-wizard-view-layout.ts 实体移动端向导视图布局面板
|
|
46
|
+
└── theme
|
|
47
|
+
├── elements
|
|
48
|
+
│ └── index.scss dom元素样式
|
|
49
|
+
├── generic
|
|
50
|
+
│ ├── index.scss
|
|
51
|
+
│ └── vant.scss vant重写样式
|
|
52
|
+
├── index.scss
|
|
53
|
+
├── objects
|
|
54
|
+
│ ├── index.scss
|
|
55
|
+
│ └── state
|
|
56
|
+
│ └── state.scss 默认组件样式扩展
|
|
57
|
+
├── theme
|
|
58
|
+
│ ├── dark
|
|
59
|
+
│ │ └── dark-theme.scss 暗色主题样式
|
|
60
|
+
│ ├── index.scss
|
|
61
|
+
│ └── light
|
|
62
|
+
│ └── light-theme.scss 亮色主题样式
|
|
63
|
+
├── tumps
|
|
64
|
+
│ └── index.scss 特异性样式,可使用important
|
|
65
|
+
└── var.scss 默认变量
|
|
66
|
+
```
|
|
67
|
+
|
|
68
|
+
## 开发
|
|
69
|
+
|
|
70
|
+
1. 启动开发环境
|
|
71
|
+
|
|
72
|
+
进入 mob-theme 终端后,执行以下命令启动开发环境:
|
|
73
|
+
|
|
74
|
+
```bash
|
|
75
|
+
pnpm dev
|
|
76
|
+
```
|
|
77
|
+
|
|
78
|
+
2. 将 mob-theme 包链接到全局
|
|
79
|
+
|
|
80
|
+
等待开发环境启动完成后,将 mob-theme 包添加pnpm link到全局:
|
|
81
|
+
|
|
82
|
+
```bash
|
|
83
|
+
pnpm link --global
|
|
84
|
+
```
|
|
85
|
+
|
|
86
|
+
3. 链接依赖项目
|
|
87
|
+
|
|
88
|
+
在依赖此包的项目工作空间中,安装依赖后执行以下命令link插件包:
|
|
89
|
+
|
|
90
|
+
```bash
|
|
91
|
+
pnpm link --global "@ibiz-template/mob-theme"
|
|
92
|
+
```
|
package/package.json
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ibiz-template/mob-theme",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "2.0.0",
|
|
4
|
+
"description": "移动端主题样式库",
|
|
4
5
|
"type": "module",
|
|
5
6
|
"main": "lib/index.cjs",
|
|
6
7
|
"types": "es/index.d.ts",
|
|
@@ -29,12 +30,13 @@
|
|
|
29
30
|
"publish:beta": "npm run build && npm publish --access public --tag=beta",
|
|
30
31
|
"publish:npm": "npm run build && npm publish --access public --registry=https://registry.npmjs.org/"
|
|
31
32
|
},
|
|
32
|
-
"author": "
|
|
33
|
+
"author": "iBiz",
|
|
33
34
|
"license": "MIT",
|
|
34
35
|
"devDependencies": {
|
|
35
36
|
"@ibiz-template/theme": "0.3.0"
|
|
36
37
|
},
|
|
37
38
|
"dependencies": {
|
|
38
39
|
"@ibiz-template/runtime": "^0.4.3"
|
|
39
|
-
}
|
|
40
|
+
},
|
|
41
|
+
"gitHead": "e76921a89142e615b3b2d07e87ae075d4921c5f2"
|
|
40
42
|
}
|