zartui 2.0.80-beta.2 → 2.0.81

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 (21) hide show
  1. package/es/index.js +1 -1
  2. package/es/style/var.less +6 -1
  3. package/es/table/index.css +1 -1
  4. package/es/table/index.js +160 -232
  5. package/es/table/index.less +116 -55
  6. package/es/table/style/index.js +2 -0
  7. package/es/table/style/less.js +2 -0
  8. package/es/table/type.js +6 -0
  9. package/lib/index.css +1 -1
  10. package/lib/index.js +1 -1
  11. package/lib/index.less +2 -2
  12. package/lib/style/var.less +6 -1
  13. package/lib/table/index.css +1 -1
  14. package/lib/table/index.js +163 -232
  15. package/lib/table/index.less +116 -55
  16. package/lib/table/style/index.js +2 -0
  17. package/lib/table/style/less.js +2 -0
  18. package/lib/table/type.js +11 -0
  19. package/lib/zart.js +167 -232
  20. package/lib/zart.min.js +1 -1
  21. package/package.json +5 -5
package/lib/table/index.less CHANGED
@@ -1,73 +1,134 @@
1
1
  @import '../style/var';
2
+
2
3
  .@{base-prefix}-table {
3
- position: relative;
4
- border-radius: @table-border-radius;
5
- scrollbar-width: none; /* firefox */
6
- -ms-overflow-style: none; /* IE 10+ */
7
- &::-webkit-scrollbar {
8
- display: none;
9
- width: 0;
10
- height: 0;
4
+ table {
5
+ border-collapse: separate;
6
+ border-spacing: 0;
7
+ width: 100%;
8
+ table-layout: auto;
9
+ box-sizing: border-box;
11
10
  }
12
- &__normal-box {
13
- display: flex;
14
- overflow-x: scroll;
15
- position: relative;
11
+
12
+ &--fixed {
13
+ overflow: auto scroll;
14
+
15
+ &::-webkit-scrollbar {
16
+ width: 0;
17
+ height: 0;
18
+ }
19
+
20
+ table {
21
+ table-layout: fixed;
22
+ }
16
23
 
17
24
  }
18
- &__fixed-left-box {
19
- display: flex;
20
- position: absolute;
21
- top: 0;
22
- left: -1px;
25
+
26
+ &--thead-fixed {
27
+ position: sticky !important;
23
28
  z-index: 2;
24
29
  }
25
- &__fixed-right-box {
26
- display: flex;
27
- position: absolute;
28
- top: 0;
29
- right: -1px;
30
+
31
+ &--fix-left {
32
+ position: sticky !important;
30
33
  z-index: 2;
31
34
  }
32
- &__fixed-left-box.shadow::after {
33
- content: "";
34
- position: absolute;
35
- top: 0;
36
- right: -10px;
37
- width: 10px;
38
- height: 100%;
39
- opacity: 0.06;
40
- background-image: linear-gradient(90deg, #000000 0%, rgba(0,0,0,0.00) 100%);
35
+
36
+ &--bordered {
37
+ border-left: 1px solid #f0f0f0;
38
+
39
+ >table {
40
+ border-top: 1px solid #f0f0f0;
41
+ }
42
+
43
+ .@{base-prefix}-table__thead {
44
+ >tr {
45
+ >th {
46
+ border-right: 1px solid #f0f0f0;
47
+ border-bottom: 1px solid #f0f0f0;
48
+ }
49
+ }
50
+ }
51
+
52
+ .@{base-prefix}-table__tbody {
53
+ >tr {
54
+ >td {
55
+ border-bottom: 1px solid #f0f0f0;
56
+ border-right: 1px solid #f0f0f0;
57
+ }
58
+ }
59
+ }
41
60
  }
42
- &__fixed-right-box.shadow::before {
43
- content: "";
44
- position: absolute;
45
- top: 0;
46
- left: -10px;
47
- width: 10px;
48
- height: 100%;
49
- opacity: 0.06;
50
- background-image: linear-gradient(90deg, #000000 0%, rgba(0,0,0,0.00) 100%);
61
+
62
+ &__thead {
63
+ >tr {
64
+ >th {
65
+ box-sizing: border-box;
66
+ overflow-wrap: break-word;
67
+ height: @table-head-height;
68
+ font-weight: 600;
69
+ font-size: @table-head-font-size;
70
+ color: @table-head-color;
71
+ text-align: center;
72
+ line-height: @table-head-height;
73
+ background: @table-head-background;
74
+ }
75
+ }
51
76
  }
77
+
52
78
  &__head {
53
- flex-shrink: 0;
79
+ display: flex;
80
+ justify-content: center;
81
+ }
82
+
83
+ &__head-sort {
84
+ display: inline-flex;
85
+ align-items: center;
86
+ justify-content: center;
87
+ flex-direction: column;
88
+ color: @table-sort-default-color;
54
89
  }
55
- &__head-item {
56
- height: @table-head-height;
57
- font-weight: 600;
58
- font-size: @table-head-font-size;
59
- text-align: center;
60
- line-height: @table-head-height;
90
+
91
+ &__sort-active {
92
+ color: @blue;
93
+ }
94
+
95
+ &__tbody {
96
+ >tr {
97
+ >td {
98
+ box-sizing: border-box;
99
+ overflow-wrap: break-word;
100
+ height: @table-row-height;
101
+ font-size: @table-row-font-size;
102
+ color: @table-row-color;
103
+ text-align: center;
104
+ line-height: @table-row-height;
105
+ background: @table-row-background;
106
+ }
107
+ }
61
108
  }
62
- &__table-data {
63
- height: @table-row-height;
64
- font-size: @table-row-font-size;
65
- text-align: center;
66
- line-height: @table-row-height;
109
+
110
+ &--striped {
111
+ .@{base-prefix}-table__tbody {
112
+ >tr:nth-child(even) {
113
+ >td {
114
+ background: @table-body-background;
115
+ }
116
+ }
117
+ }
67
118
  }
68
- &.@{base-prefix}-table--no-border {
69
- .@{base-prefix}-table__normal-box::after, .@{base-prefix}-table__fixed-head::after, .@{base-prefix}-table__head::after, .@{base-prefix}-table__head-item::after, .@{base-prefix}-table__table-data::after {
70
- border: none;
119
+
120
+ &--left-last {
121
+ border-right: none !important;
122
+
123
+ &::after {
124
+ content: "";
125
+ position: absolute;
126
+ top: 0;
127
+ right: -10px;
128
+ width: 10px;
129
+ height: 100%;
130
+ opacity: 0.06;
131
+ background-image: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
71
132
  }
72
133
  }
73
134
  }
package/lib/table/style/index.js CHANGED
@@ -1,2 +1,4 @@
1
1
  require('../../style/base.css');
2
+ require('../../info/index.css');
3
+ require('../../icon/index.css');
2
4
  require('../index.css');
package/lib/table/style/less.js CHANGED
@@ -1,2 +1,4 @@
1
1
  require('../../style/base.less');
2
+ require('../../info/index.less');
3
+ require('../../icon/index.less');
2
4
  require('../index.less');
package/lib/table/type.js ADDED
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.SortOrderEnum = void 0;
5
+ var SortOrderEnum;
6
+ exports.SortOrderEnum = SortOrderEnum;
7
+
8
+ (function (SortOrderEnum) {
9
+ SortOrderEnum["ASCEND"] = "ascend";
10
+ SortOrderEnum["DESCEND"] = "descend";
11
+ })(SortOrderEnum || (exports.SortOrderEnum = SortOrderEnum = {}));