@ibiz-template/web-theme 1.1.22 → 1.1.23
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/dist/index.min.css +1 -1
- package/dist/index.system.min.js +1 -1
- package/dist/index.system.min.js.map +1 -1
- package/es/publish/app-index-view-layout.d.ts +79 -48
- package/es/publish/app-index-view-layout.mjs +74 -77
- package/es/theme/index.css +1 -1
- package/es/theme/theme/dark/dark-theme.css +1 -1
- package/es/theme/theme/default/default-theme.css +1 -1
- package/es/theme/theme/default-dark/default-dark-theme.css +1 -1
- package/es/theme/theme/index.css +1 -1
- package/lib/publish/app-index-view-layout.cjs +74 -77
- package/lib/theme/index.css +1 -1
- package/lib/theme/theme/dark/dark-theme.css +1 -1
- package/lib/theme/theme/default/default-theme.css +1 -1
- package/lib/theme/theme/default-dark/default-dark-theme.css +1 -1
- package/lib/theme/theme/index.css +1 -1
- package/package.json +1 -1
- package/src/publish/app-index-view-layout.ts +74 -77
- package/src/theme/theme/dark/dark-theme.scss +2 -0
- package/src/theme/theme/default/default-theme.scss +2 -0
- package/src/theme/theme/default-dark/default-dark-theme.scss +2 -0
|
@@ -89,19 +89,20 @@ export default {
|
|
|
89
89
|
{
|
|
90
90
|
"rawItem": {
|
|
91
91
|
"predefinedType": "APP_APPTITLE",
|
|
92
|
-
"rawItemHeight":
|
|
92
|
+
"rawItemHeight": 80,
|
|
93
93
|
"id": "app_apptitle"
|
|
94
94
|
},
|
|
95
95
|
"caption": "应用标题",
|
|
96
|
-
"contentHeight":
|
|
97
|
-
"height":
|
|
96
|
+
"contentHeight": 80,
|
|
97
|
+
"height": 80,
|
|
98
98
|
"itemStyle": "DEFAULT",
|
|
99
99
|
"itemType": "RAWITEM",
|
|
100
100
|
"layoutPos": {
|
|
101
101
|
"shrink": 0,
|
|
102
|
-
"height":
|
|
102
|
+
"height": 80,
|
|
103
103
|
"heightMode": "PX",
|
|
104
104
|
"layout": "FLEX",
|
|
105
|
+
"spacingBottom": "OUTERSMALL",
|
|
105
106
|
"widthMode": "FULL"
|
|
106
107
|
},
|
|
107
108
|
"showCaption": true,
|
|
@@ -110,17 +111,17 @@ export default {
|
|
|
110
111
|
{
|
|
111
112
|
"rawItem": {
|
|
112
113
|
"predefinedType": "AUTH_USERINFO",
|
|
113
|
-
"rawItemHeight":
|
|
114
|
+
"rawItemHeight": 88,
|
|
114
115
|
"id": "auth_userinfo"
|
|
115
116
|
},
|
|
116
117
|
"caption": "用户信息",
|
|
117
|
-
"contentHeight":
|
|
118
|
-
"height":
|
|
118
|
+
"contentHeight": 88,
|
|
119
|
+
"height": 88,
|
|
119
120
|
"itemStyle": "DEFAULT",
|
|
120
121
|
"itemType": "RAWITEM",
|
|
121
122
|
"layoutPos": {
|
|
122
123
|
"shrink": 0,
|
|
123
|
-
"height":
|
|
124
|
+
"height": 88,
|
|
124
125
|
"heightMode": "PX",
|
|
125
126
|
"layout": "FLEX",
|
|
126
127
|
"widthMode": "FULL"
|
|
@@ -128,6 +129,47 @@ export default {
|
|
|
128
129
|
"showCaption": true,
|
|
129
130
|
"id": "auth_userinfo"
|
|
130
131
|
},
|
|
132
|
+
{
|
|
133
|
+
"actionGroupExtractMode": "ITEM",
|
|
134
|
+
"panelItems": [
|
|
135
|
+
{
|
|
136
|
+
"rawItem": {
|
|
137
|
+
"caption": "文本内容",
|
|
138
|
+
"halign": "LEFT",
|
|
139
|
+
"renderMode": "TEXT",
|
|
140
|
+
"valign": "MIDDLE",
|
|
141
|
+
"wrapMode": "NOWRAP",
|
|
142
|
+
"contentType": "RAW",
|
|
143
|
+
"predefinedType": "INDEX_VIEW_SEARCH",
|
|
144
|
+
"id": "index_view_search"
|
|
145
|
+
},
|
|
146
|
+
"caption": "搜索栏",
|
|
147
|
+
"itemStyle": "DEFAULT",
|
|
148
|
+
"itemType": "RAWITEM",
|
|
149
|
+
"layoutPos": {
|
|
150
|
+
"shrink": 1,
|
|
151
|
+
"layout": "FLEX"
|
|
152
|
+
},
|
|
153
|
+
"showCaption": true,
|
|
154
|
+
"id": "index_view_search"
|
|
155
|
+
}
|
|
156
|
+
],
|
|
157
|
+
"layout": {
|
|
158
|
+
"align": "center",
|
|
159
|
+
"layout": "FLEX",
|
|
160
|
+
"valign": "center"
|
|
161
|
+
},
|
|
162
|
+
"dataRegionType": "INHERIT",
|
|
163
|
+
"caption": "容器",
|
|
164
|
+
"itemStyle": "DEFAULT",
|
|
165
|
+
"itemType": "CONTAINER",
|
|
166
|
+
"layoutPos": {
|
|
167
|
+
"shrink": 0,
|
|
168
|
+
"layout": "FLEX",
|
|
169
|
+
"widthMode": "FULL"
|
|
170
|
+
},
|
|
171
|
+
"id": "container"
|
|
172
|
+
},
|
|
131
173
|
{
|
|
132
174
|
"actionGroupExtractMode": "ITEM",
|
|
133
175
|
"panelItems": [
|
|
@@ -166,20 +208,20 @@ export default {
|
|
|
166
208
|
},
|
|
167
209
|
"dataRegionType": "INHERIT",
|
|
168
210
|
"caption": "容器",
|
|
169
|
-
"contentHeight":
|
|
170
|
-
"contentWidth":
|
|
171
|
-
"height":
|
|
211
|
+
"contentHeight": 32,
|
|
212
|
+
"contentWidth": 32,
|
|
213
|
+
"height": 32,
|
|
172
214
|
"itemStyle": "DEFAULT",
|
|
173
215
|
"itemType": "CONTAINER",
|
|
174
216
|
"layoutPos": {
|
|
175
217
|
"shrink": 1,
|
|
176
|
-
"height":
|
|
218
|
+
"height": 32,
|
|
177
219
|
"heightMode": "PX",
|
|
178
220
|
"layout": "FLEX",
|
|
179
|
-
"width":
|
|
221
|
+
"width": 32,
|
|
180
222
|
"widthMode": "PX"
|
|
181
223
|
},
|
|
182
|
-
"width":
|
|
224
|
+
"width": 32,
|
|
183
225
|
"id": "container1"
|
|
184
226
|
},
|
|
185
227
|
{
|
|
@@ -217,20 +259,20 @@ export default {
|
|
|
217
259
|
},
|
|
218
260
|
"dataRegionType": "INHERIT",
|
|
219
261
|
"caption": "容器",
|
|
220
|
-
"contentHeight":
|
|
221
|
-
"contentWidth":
|
|
222
|
-
"height":
|
|
262
|
+
"contentHeight": 32,
|
|
263
|
+
"contentWidth": 32,
|
|
264
|
+
"height": 32,
|
|
223
265
|
"itemStyle": "DEFAULT",
|
|
224
266
|
"itemType": "CONTAINER",
|
|
225
267
|
"layoutPos": {
|
|
226
268
|
"shrink": 1,
|
|
227
|
-
"height":
|
|
269
|
+
"height": 32,
|
|
228
270
|
"heightMode": "PX",
|
|
229
271
|
"layout": "FLEX",
|
|
230
|
-
"width":
|
|
272
|
+
"width": 32,
|
|
231
273
|
"widthMode": "PX"
|
|
232
274
|
},
|
|
233
|
-
"width":
|
|
275
|
+
"width": 32,
|
|
234
276
|
"id": "container2"
|
|
235
277
|
},
|
|
236
278
|
{
|
|
@@ -268,20 +310,20 @@ export default {
|
|
|
268
310
|
},
|
|
269
311
|
"dataRegionType": "INHERIT",
|
|
270
312
|
"caption": "容器",
|
|
271
|
-
"contentHeight":
|
|
272
|
-
"contentWidth":
|
|
273
|
-
"height":
|
|
313
|
+
"contentHeight": 32,
|
|
314
|
+
"contentWidth": 32,
|
|
315
|
+
"height": 32,
|
|
274
316
|
"itemStyle": "DEFAULT",
|
|
275
317
|
"itemType": "CONTAINER",
|
|
276
318
|
"layoutPos": {
|
|
277
319
|
"shrink": 1,
|
|
278
|
-
"height":
|
|
320
|
+
"height": 32,
|
|
279
321
|
"heightMode": "PX",
|
|
280
322
|
"layout": "FLEX",
|
|
281
|
-
"width":
|
|
323
|
+
"width": 32,
|
|
282
324
|
"widthMode": "PX"
|
|
283
325
|
},
|
|
284
|
-
"width":
|
|
326
|
+
"width": 32,
|
|
285
327
|
"id": "container3"
|
|
286
328
|
},
|
|
287
329
|
{
|
|
@@ -319,20 +361,20 @@ export default {
|
|
|
319
361
|
},
|
|
320
362
|
"dataRegionType": "INHERIT",
|
|
321
363
|
"caption": "容器",
|
|
322
|
-
"contentHeight":
|
|
323
|
-
"contentWidth":
|
|
324
|
-
"height":
|
|
364
|
+
"contentHeight": 32,
|
|
365
|
+
"contentWidth": 32,
|
|
366
|
+
"height": 32,
|
|
325
367
|
"itemStyle": "DEFAULT",
|
|
326
368
|
"itemType": "CONTAINER",
|
|
327
369
|
"layoutPos": {
|
|
328
370
|
"shrink": 1,
|
|
329
|
-
"height":
|
|
371
|
+
"height": 32,
|
|
330
372
|
"heightMode": "PX",
|
|
331
373
|
"layout": "FLEX",
|
|
332
|
-
"width":
|
|
374
|
+
"width": 32,
|
|
333
375
|
"widthMode": "PX"
|
|
334
376
|
},
|
|
335
|
-
"width":
|
|
377
|
+
"width": 32,
|
|
336
378
|
"id": "container5"
|
|
337
379
|
}
|
|
338
380
|
],
|
|
@@ -354,51 +396,6 @@ export default {
|
|
|
354
396
|
},
|
|
355
397
|
"id": "indexactions"
|
|
356
398
|
},
|
|
357
|
-
{
|
|
358
|
-
"actionGroupExtractMode": "ITEM",
|
|
359
|
-
"panelItems": [
|
|
360
|
-
{
|
|
361
|
-
"rawItem": {
|
|
362
|
-
"caption": "文本内容",
|
|
363
|
-
"halign": "LEFT",
|
|
364
|
-
"renderMode": "TEXT",
|
|
365
|
-
"valign": "MIDDLE",
|
|
366
|
-
"wrapMode": "NOWRAP",
|
|
367
|
-
"contentType": "RAW",
|
|
368
|
-
"predefinedType": "INDEX_VIEW_SEARCH",
|
|
369
|
-
"id": "index_view_search"
|
|
370
|
-
},
|
|
371
|
-
"caption": "搜索栏",
|
|
372
|
-
"itemStyle": "DEFAULT",
|
|
373
|
-
"itemType": "RAWITEM",
|
|
374
|
-
"layoutPos": {
|
|
375
|
-
"shrink": 1,
|
|
376
|
-
"layout": "FLEX"
|
|
377
|
-
},
|
|
378
|
-
"showCaption": true,
|
|
379
|
-
"id": "index_view_search"
|
|
380
|
-
}
|
|
381
|
-
],
|
|
382
|
-
"layout": {
|
|
383
|
-
"align": "center",
|
|
384
|
-
"layout": "FLEX",
|
|
385
|
-
"valign": "center"
|
|
386
|
-
},
|
|
387
|
-
"dataRegionType": "INHERIT",
|
|
388
|
-
"caption": "容器",
|
|
389
|
-
"contentHeight": 52,
|
|
390
|
-
"height": 52,
|
|
391
|
-
"itemStyle": "DEFAULT",
|
|
392
|
-
"itemType": "CONTAINER",
|
|
393
|
-
"layoutPos": {
|
|
394
|
-
"shrink": 0,
|
|
395
|
-
"height": 52,
|
|
396
|
-
"heightMode": "PX",
|
|
397
|
-
"layout": "FLEX",
|
|
398
|
-
"widthMode": "FULL"
|
|
399
|
-
},
|
|
400
|
-
"id": "container"
|
|
401
|
-
},
|
|
402
399
|
{
|
|
403
400
|
"caption": "首页菜单",
|
|
404
401
|
"itemStyle": "DEFAULT",
|
|
@@ -273,6 +273,7 @@
|
|
|
273
273
|
#{getCssVarName(color, fill, 0)}: rgba(var(#{getCssVarName(white)}), .12); // 填充色 - 默认态
|
|
274
274
|
#{getCssVarName(color, fill, 1)}: rgba(var(#{getCssVarName(white)}), .16); // 填充色 - 悬浮态
|
|
275
275
|
#{getCssVarName(color, fill, 2)}: rgba(var(#{getCssVarName(white)}), .20); // 填充色 - 激活态
|
|
276
|
+
#{getCssVarName(color, scroll, menu)}: rgba(var(#{getCssVarName(white)}), .20); // 填充色 - 特殊-菜单滚动条颜色
|
|
276
277
|
|
|
277
278
|
// 背景色
|
|
278
279
|
#{getCssVarName(color, border)}: rgba(var(#{getCssVarName(white)}), .08); // 背景色 - 最下层(底部页面)
|
|
@@ -289,6 +290,7 @@
|
|
|
289
290
|
#{getCssVarName(color, text, 1)}: rgba(var(#{getCssVarName(grey, 9) }), .8); // 文本/图标颜色 - 稍次要
|
|
290
291
|
#{getCssVarName(color, text, 2)}: rgba(var(#{getCssVarName(grey, 9) }), .6); // 文本/图标颜色 - 次要
|
|
291
292
|
#{getCssVarName(color, text, 3)}: rgba(var(#{getCssVarName(grey, 9)}), .35); // 文本/图标颜色 - 最次要
|
|
293
|
+
#{getCssVarName(color, text, menu)}: rgba(var(#{getCssVarName(white)}), 1); // 文本 - 特殊-菜单颜色
|
|
292
294
|
|
|
293
295
|
// 圆角
|
|
294
296
|
#{getCssVarName(border,radius,extra,small)}: 3px; // 超小圆角,用于 checkbox 内圆角
|
|
@@ -302,6 +302,7 @@
|
|
|
302
302
|
#{getCssVarName(color, text, 1)}: rgba(var(#{getCssVarName(grey, 7)}),1); // 文本/图标颜色 - 稍次要
|
|
303
303
|
#{getCssVarName(color, text, 2)}: rgba(var(#{getCssVarName(grey, 6)}),1); // 文本/图标颜色 - 次要
|
|
304
304
|
#{getCssVarName(color, text, 3)}: rgba(var(#{getCssVarName(grey, 4)}),1); // 文本/图标颜色 - 最次要
|
|
305
|
+
#{getCssVarName(color, text, menu)}: rgb(219, 228, 236); // 文本 - 特殊-菜单颜色
|
|
305
306
|
|
|
306
307
|
// 链接颜色
|
|
307
308
|
#{getCssVarName(color, link)}: rgba(var(#{getCssVarName(blue, cyan, 5)}),1); // 链接颜色
|
|
@@ -322,6 +323,7 @@
|
|
|
322
323
|
#{getCssVarName(color, fill, 0)}: rgba(var(#{getCssVarName(grey, 8)}),0.05); // 填充色 - 默认态
|
|
323
324
|
#{getCssVarName(color, fill, 1)}: rgba(var(#{getCssVarName(grey, 8)}),0.1); // 填充色 - 悬浮态
|
|
324
325
|
#{getCssVarName(color, fill, 2)}: rgba(var(#{getCssVarName(grey, 8), }),0.13); // 填充色 - 激活态
|
|
326
|
+
#{getCssVarName(color, scroll, menu)}: rgba(132, 165, 198, 0.4); // 填充色 - 特殊-菜单滚动条颜色
|
|
325
327
|
|
|
326
328
|
|
|
327
329
|
// 边框
|
|
@@ -314,6 +314,7 @@
|
|
|
314
314
|
#{getCssVarName(color, text, 1)}: rgba(var(#{getCssVarName(dark, purple, 8)}),1); // 文本/图标颜色 - 稍次要
|
|
315
315
|
#{getCssVarName(color, text, 2)}: rgba(var(#{getCssVarName(grey, 9)}),.6); // 文本/图标颜色 - 次要
|
|
316
316
|
#{getCssVarName(color, text, 3)}: rgba(var(#{getCssVarName(grey, 9)}),.35); // 文本/图标颜色 - 最次要
|
|
317
|
+
#{getCssVarName(color, text, menu)}: rgba(var(#{getCssVarName(white)}), 1); // 文本 - 特殊-菜单颜色
|
|
317
318
|
|
|
318
319
|
// 链接颜色
|
|
319
320
|
#{getCssVarName(color, link)}: rgba(var(#{getCssVarName(blue, 4)}),1); // 链接颜色
|
|
@@ -334,6 +335,7 @@
|
|
|
334
335
|
#{getCssVarName(color, fill, 0)}: rgba(var(#{getCssVarName(dark, purple, 4)}),1); // 填充色 - 默认态
|
|
335
336
|
#{getCssVarName(color, fill, 1)}: rgba(var(#{getCssVarName(white)}),.16); // 填充色 - 悬浮态
|
|
336
337
|
#{getCssVarName(color, fill, 2)}: rgba(var(#{getCssVarName(white)}),.20); // 填充色 - 激活态
|
|
338
|
+
#{getCssVarName(color, scroll, menu)}: rgba(var(#{getCssVarName(white)}), .20); // 填充色 - 特殊-菜单滚动条颜色
|
|
337
339
|
|
|
338
340
|
|
|
339
341
|
// 边框
|