imatrix-ui 2.8.7 → 2.8.8-boe10

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.
Files changed (47) hide show
  1. package/lib/super-ui.css +1 -1
  2. package/lib/super-ui.umd.min.js +5 -5
  3. package/package.json +2 -2
  4. package/src/i18n/langs/cn.js +2 -0
  5. package/src/i18n/langs/en.js +4 -2
  6. package/src/router/index.js +10 -0
  7. package/src/store/modules/tab-content.js +6 -0
  8. package/src/styles/display-layout.scss +34 -0
  9. package/src/styles/index.scss +103 -5
  10. package/src/styles/theme/black/font-style.scss +70 -0
  11. package/src/styles/theme/black/index.scss +6 -30
  12. package/src/styles/theme/blue/font-style.scss +37 -0
  13. package/src/styles/theme/blue/index.scss +2 -18
  14. package/src/styles/theme/blue2/font-style.scss +70 -0
  15. package/src/styles/theme/blue2/index.scss +3 -13
  16. package/src/styles/theme/dark-blue/button.scss +9 -0
  17. package/src/styles/theme/dark-blue/card.scss +64 -0
  18. package/src/styles/theme/dark-blue/checkbox.scss +10 -0
  19. package/src/styles/theme/dark-blue/dark-blue-var.scss +8 -0
  20. package/src/styles/theme/dark-blue/dialog.scss +21 -0
  21. package/src/styles/theme/dark-blue/element-variables.scss +7 -0
  22. package/src/styles/theme/dark-blue/font.scss +71 -0
  23. package/src/styles/theme/{gray/form-style.scss → dark-blue/form.scss} +12 -2
  24. package/src/styles/theme/dark-blue/index.scss +255 -0
  25. package/src/styles/theme/dark-blue/input.scss +15 -0
  26. package/src/styles/theme/dark-blue/pagination.scss +14 -0
  27. package/src/styles/theme/dark-blue/scrollbar-style.scss +32 -0
  28. package/src/styles/theme/dark-blue/sidebar.scss +266 -0
  29. package/src/styles/theme/dark-blue/tab.scss +83 -0
  30. package/src/styles/theme/dark-blue/table.scss +60 -0
  31. package/src/styles/theme/dark-blue/tree.scss +31 -0
  32. package/src/styles/theme/dark-blue/var.scss +1028 -0
  33. package/src/styles/theme/gray/card-style.scss +13 -1
  34. package/src/styles/theme/gray/font-style.scss +38 -0
  35. package/src/styles/theme/gray/index.scss +13 -25
  36. package/src/styles/theme/gray/scrollbar-style.scss +32 -0
  37. package/src/styles/theme/gray/sidebar.scss +5 -0
  38. package/src/utils/common-util.js +4 -0
  39. package/src/utils/request.js +13 -0
  40. package/src/views/layout/NewLayout.vue +6 -65
  41. package/src/views/layout/components/Menubar/Item.vue +23 -7
  42. package/src/views/layout/components/Menubar/Link.vue +11 -2
  43. package/src/views/layout/components/Menubar/SidebarItem.vue +50 -7
  44. package/src/views/layout/components/Menubar/index.vue +51 -16
  45. package/src/views/layout/components/tabs/tab-content.vue +160 -0
  46. package/src/views/layout/tab-content-iframe-index.vue +31 -0
  47. package/src/views/layout/tab-content-index.vue +85 -0
@@ -0,0 +1,83 @@
1
+ .dark-blue {
2
+
3
+ .superForm,
4
+ .chartTabPage {
5
+
6
+ .el-tabs {
7
+ background-color: #FFFFFF;
8
+ // margin-top: 16px;
9
+ // margin-left: 24px;
10
+ }
11
+
12
+ .el-tabs__active-bar {
13
+ display: none;
14
+ }
15
+
16
+ .el-tabs__header {
17
+ margin: 0 0 6px;
18
+ }
19
+
20
+ .el-tabs__header.is-top {
21
+ border-bottom: 0;
22
+ }
23
+
24
+ .el-tabs--top .el-tabs__item.is-top {
25
+ padding: 0px 20px 0px 20px;
26
+ }
27
+
28
+ .el-tabs__nav {
29
+ background-color: #F7F7F8;
30
+ }
31
+
32
+ .el-tabs__item {
33
+ height: 32px;
34
+ line-height: 32px;
35
+ margin: 4px;
36
+ color: rgba(0, 13, 31, 0.85)
37
+ }
38
+
39
+ .el-tabs__nav-wrap::after {
40
+ display: none;
41
+ }
42
+
43
+
44
+ .el-tabs__item.is-active {
45
+ background-color: #FFFFFF;
46
+ color: #3D4CF2;
47
+ font-weight: 500;
48
+ }
49
+
50
+ .el-form--label-right {
51
+ border-radius: 28px 8px 0 0;
52
+ }
53
+
54
+ .el-tabs__content {
55
+ background-color: #FFFFFF;
56
+ }
57
+
58
+ .el-tabs--border-card>.el-tabs__content {
59
+ padding: 0;
60
+ }
61
+
62
+ .el-tabs--border-card {
63
+ background-color: #F7F7F8;
64
+ border-radius: 8px 8px 0 0;
65
+ }
66
+
67
+ .el-tabs--border-card>.el-tabs__header {
68
+ background-color: #F7F7F8;
69
+ }
70
+
71
+ .el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover {
72
+ color: #3D4CF2;
73
+ }
74
+
75
+ .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
76
+ color: #3D4CF2;
77
+ font-size: 14px;
78
+ font-weight: 500;
79
+ }
80
+ }
81
+
82
+
83
+ }
@@ -0,0 +1,60 @@
1
+ @import "./dark-blue-var.scss";
2
+
3
+ .dark-blue {
4
+
5
+ $table-cell-font-color: #313233;
6
+
7
+ // 表头背景颜色 包括组合表头 已经当表头有空白列表头
8
+ .el-table th {
9
+ background-color: $th-cell-background !important;
10
+ }
11
+
12
+ .el-table__header-wrapper {
13
+ background-color: $th-cell-background;
14
+ }
15
+
16
+ // .el-table th.el-table__cell {
17
+ // background-color: $th-cell-background;
18
+ // }
19
+
20
+ // .el-table thead.is-group th.el-table__cell {
21
+ // background-color: $th-cell-background;
22
+ // }
23
+
24
+ .el-table .el-table__cell {
25
+ color: $table-cell-font-color;
26
+ padding: 0;
27
+ }
28
+
29
+ // 表头字体样式
30
+ .el-table th.el-table__cell>.cell {
31
+ color: $table-cell-font-color;
32
+ font-family: Source Han Sans CN;
33
+ font-weight: medium;
34
+ font-size: 14px;
35
+ line-height: 22px;
36
+ letter-spacing: 0px;
37
+ // text-align: left;
38
+ }
39
+
40
+ // 表格内容颜色
41
+ .el-table .cell {
42
+ font-family: Source Han Sans CN;
43
+ font-weight: regular;
44
+ font-size: 14px;
45
+ line-height: 22px;
46
+ letter-spacing: 0px;
47
+ // text-align: left;
48
+
49
+ }
50
+
51
+ .el-button--text {
52
+ color: $--color-primary;
53
+ font-family: Source Han Sans CN;
54
+ font-weight: regular;
55
+ font-size: 14px;
56
+ line-height: 22px;
57
+ letter-spacing: 0px;
58
+ text-align: center;
59
+ }
60
+ }
@@ -0,0 +1,31 @@
1
+ @import "./dark-blue-var.scss";
2
+
3
+ .dark-blue {
4
+
5
+
6
+ .el-tree-node__content:hover {
7
+ background-color: $th-cell-background;
8
+ }
9
+
10
+ .el-tree-node__content>.el-checkbox {
11
+ margin-right: 8px;
12
+ }
13
+
14
+
15
+
16
+ .el-tree-node .is-checked {
17
+ background-color: $th-cell-background !important;
18
+ }
19
+
20
+ .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
21
+ background-color: transparent;
22
+ }
23
+
24
+ .el-tree-node .is-expanded .is-focusable .is-checked {
25
+ background-color: transparent;
26
+ }
27
+
28
+ .el-tree-node .is-current .is-focusable {
29
+ background-color: $th-cell-background !important;
30
+ }
31
+ }