@fangzhongya/fang-ui 0.1.45 → 0.1.46

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 (48) hide show
  1. package/dist/components/common/css.cjs +0 -1
  2. package/dist/components/common/css.js +0 -1
  3. package/dist/components/forms/src/setup.cjs +1 -2
  4. package/dist/components/forms/src/setup.js +1 -2
  5. package/dist/components/forms-items/src/index2.cjs +1 -2
  6. package/dist/components/forms-items/src/index2.js +1 -2
  7. package/dist/components/list/index.css +15 -14
  8. package/dist/components/list/index.scss +21 -19
  9. package/dist/components/list/src/index2.cjs +55 -41
  10. package/dist/components/list/src/index2.js +55 -41
  11. package/dist/components/lists/index.css +15 -14
  12. package/dist/components/lists/src/index2.cjs +1 -2
  13. package/dist/components/lists/src/index2.js +1 -2
  14. package/dist/components/listsp/index.css +15 -14
  15. package/dist/components/listspd/index.css +15 -14
  16. package/dist/components/page/index.css +20 -14
  17. package/dist/components/tables/common/pagin.cjs +1 -1
  18. package/dist/components/tables/common/pagin.js +1 -1
  19. package/dist/components/tables/common/tooltip.cjs +1 -1
  20. package/dist/components/tables/common/tooltip.js +1 -1
  21. package/dist/components/tables/index.css +5 -0
  22. package/dist/components/tables/index.scss +3 -0
  23. package/dist/components/tables/src/data.cjs +1 -3
  24. package/dist/components/tables/src/data.d.ts +1 -1
  25. package/dist/components/tables/src/data.js +1 -3
  26. package/dist/components/tablesp/index.css +5 -0
  27. package/dist/components/tablespd/index.css +5 -0
  28. package/dist/components/tablesv/src/data.cjs +1 -3
  29. package/dist/components/tablesv/src/data.d.ts +1 -1
  30. package/dist/components/tablesv/src/data.js +1 -3
  31. package/dist/css/index.css +20 -14
  32. package/dist/css/list.css +15 -14
  33. package/dist/css/lists.css +15 -14
  34. package/dist/css/listsp.css +15 -14
  35. package/dist/css/listspd.css +15 -14
  36. package/dist/css/page.css +20 -14
  37. package/dist/css/tables.css +5 -0
  38. package/dist/css/tablesp.css +5 -0
  39. package/dist/css/tablespd.css +5 -0
  40. package/dist/icons/index.json +1 -1
  41. package/dist/index.css +20 -14
  42. package/dist/utils/css.cjs +0 -10
  43. package/dist/utils/css.d.ts +0 -2
  44. package/dist/utils/css.js +1 -5
  45. package/dist/utils/vues/buildProps.d.ts +5 -0
  46. package/package.json +4 -4
  47. /package/dist/components/{keep-com → global-config}/index.css +0 -0
  48. /package/dist/css/{keep-com.css → global-config.css} +0 -0
@@ -27,10 +27,10 @@
27
27
  width: 100%;
28
28
  height: 100%;
29
29
  }
30
- .list-div .list-table td {
30
+ .list-div .list-table-td {
31
31
  text-align: left;
32
32
  }
33
- .list-div .list-table th {
33
+ .list-div .list-table-th {
34
34
  font-weight: initial;
35
35
  }
36
36
  .list-div .list-table .is-whole .list-table-auto {
@@ -102,11 +102,13 @@
102
102
  .list-div .list-table .list-table-value {
103
103
  word-break: break-all;
104
104
  white-space: pre-wrap;
105
+ overflow: hidden;
106
+ }
107
+ .list-div .list-table .list-table-value.is-tooltip {
105
108
  max-height: var(--list-row-max-height);
106
109
  display: -webkit-box;
107
- -webkit-line-clamp: var(--list-line-clamp); /* 显示的行数 */
110
+ -webkit-line-clamp: var(--list-line-clamp, 1); /* 显示的行数 */
108
111
  -webkit-box-orient: vertical;
109
- overflow: hidden;
110
112
  text-overflow: ellipsis;
111
113
  }
112
114
  .list-div .list-table.right .list-table-th {
@@ -126,36 +128,35 @@
126
128
  border-top: 1px solid var(--list-border-color);
127
129
  border-bottom: 1px solid var(--list-border-color);
128
130
  }
129
- .list-div .list-table.is-border > tr > td {
131
+ .list-div .list-table.is-border > .list-table-tr > .list-table-td {
130
132
  border-bottom: 1px solid var(--list-border-color);
131
133
  border-left: 1px solid var(--list-border-color);
132
134
  }
133
- .list-div .list-table.is-border > tr > td:last-child {
135
+ .list-div .list-table.is-border > .list-table-tr > .list-table-td:last-child {
134
136
  border-right: 1px solid var(--list-border-color);
135
137
  }
136
- .list-div .list-table.is-border > tr > th {
138
+ .list-div .list-table.is-border > .list-table-tr > .list-table-th {
137
139
  border-left: 1px solid var(--list-border-color);
138
140
  border-bottom: 1px solid var(--list-border-color);
139
141
  }
140
- .list-div .list-table.is-border > tr > th:last-child {
142
+ .list-div .list-table.is-border > .list-table-tr > .list-table-th:last-child {
141
143
  border-right: 1px solid var(--list-border-color);
142
144
  }
143
- .list-div .list-table.is-border > tr:last-child > td {
145
+ .list-div .list-table.is-border > .list-table-tr:last-child > .list-table-td {
144
146
  border-bottom: 0;
145
147
  }
146
- .list-div .list-table.is-border > tr:last-child > th {
148
+ .list-div .list-table.is-border > .list-table-tr:last-child > .list-table-th {
147
149
  border-bottom: 0;
148
150
  }
149
- .list-div .list-table.is-border.top > tr > th {
151
+ .list-div .list-table.is-border.top > .list-table-tr > .list-table-th {
150
152
  border-bottom: 0;
151
153
  }
152
154
  .list-div .list-table .list-com {
153
155
  display: flex;
154
156
  align-items: center;
155
157
  }
156
- .list-div .list-table .list-com-img {
157
- width: 50px;
158
- height: 50px;
158
+ .list-div .el-tooltip {
159
+ white-space: pre-wrap;
159
160
  }
160
161
 
161
162
  .lists {
@@ -663,10 +663,10 @@
663
663
  width: 100%;
664
664
  height: 100%;
665
665
  }
666
- .list-div .list-table td {
666
+ .list-div .list-table-td {
667
667
  text-align: left;
668
668
  }
669
- .list-div .list-table th {
669
+ .list-div .list-table-th {
670
670
  font-weight: initial;
671
671
  }
672
672
  .list-div .list-table .is-whole .list-table-auto {
@@ -738,11 +738,13 @@
738
738
  .list-div .list-table .list-table-value {
739
739
  word-break: break-all;
740
740
  white-space: pre-wrap;
741
+ overflow: hidden;
742
+ }
743
+ .list-div .list-table .list-table-value.is-tooltip {
741
744
  max-height: var(--list-row-max-height);
742
745
  display: -webkit-box;
743
- -webkit-line-clamp: var(--list-line-clamp); /* 显示的行数 */
746
+ -webkit-line-clamp: var(--list-line-clamp, 1); /* 显示的行数 */
744
747
  -webkit-box-orient: vertical;
745
- overflow: hidden;
746
748
  text-overflow: ellipsis;
747
749
  }
748
750
  .list-div .list-table.right .list-table-th {
@@ -762,36 +764,35 @@
762
764
  border-top: 1px solid var(--list-border-color);
763
765
  border-bottom: 1px solid var(--list-border-color);
764
766
  }
765
- .list-div .list-table.is-border > tr > td {
767
+ .list-div .list-table.is-border > .list-table-tr > .list-table-td {
766
768
  border-bottom: 1px solid var(--list-border-color);
767
769
  border-left: 1px solid var(--list-border-color);
768
770
  }
769
- .list-div .list-table.is-border > tr > td:last-child {
771
+ .list-div .list-table.is-border > .list-table-tr > .list-table-td:last-child {
770
772
  border-right: 1px solid var(--list-border-color);
771
773
  }
772
- .list-div .list-table.is-border > tr > th {
774
+ .list-div .list-table.is-border > .list-table-tr > .list-table-th {
773
775
  border-left: 1px solid var(--list-border-color);
774
776
  border-bottom: 1px solid var(--list-border-color);
775
777
  }
776
- .list-div .list-table.is-border > tr > th:last-child {
778
+ .list-div .list-table.is-border > .list-table-tr > .list-table-th:last-child {
777
779
  border-right: 1px solid var(--list-border-color);
778
780
  }
779
- .list-div .list-table.is-border > tr:last-child > td {
781
+ .list-div .list-table.is-border > .list-table-tr:last-child > .list-table-td {
780
782
  border-bottom: 0;
781
783
  }
782
- .list-div .list-table.is-border > tr:last-child > th {
784
+ .list-div .list-table.is-border > .list-table-tr:last-child > .list-table-th {
783
785
  border-bottom: 0;
784
786
  }
785
- .list-div .list-table.is-border.top > tr > th {
787
+ .list-div .list-table.is-border.top > .list-table-tr > .list-table-th {
786
788
  border-bottom: 0;
787
789
  }
788
790
  .list-div .list-table .list-com {
789
791
  display: flex;
790
792
  align-items: center;
791
793
  }
792
- .list-div .list-table .list-com-img {
793
- width: 50px;
794
- height: 50px;
794
+ .list-div .el-tooltip {
795
+ white-space: pre-wrap;
795
796
  }
796
797
 
797
798
  .tables {
@@ -815,6 +816,11 @@
815
816
  }
816
817
  .tables-table.el-table--default .cell {
817
818
  white-space: pre-wrap;
819
+ }
820
+ .tables-table.el-table--default .cell.el-tooltip {
821
+ white-space: nowrap;
822
+ }
823
+ .tables-table.el-table--default .cell {
818
824
  padding: 0 var(--tables-interval-horizon, var(--tables-interval));
819
825
  }
820
826
 
@@ -662,7 +662,7 @@ const useInit = (props2, emit, refTable, getLocale, defaultConfig = {}) => {
662
662
  }
663
663
  const height = vue.computed(() => {
664
664
  var _a2;
665
- return ((_a2 = tableConfig.value.config) == null ? void 0 : _a2.height) ?? "";
665
+ return (_a2 = tableConfig.value.config) == null ? void 0 : _a2.height;
666
666
  });
667
667
  const onScroll = () => {
668
668
  console.log("onScroll");
@@ -660,7 +660,7 @@ const useInit = (props2, emit, refTable, getLocale, defaultConfig = {}) => {
660
660
  }
661
661
  const height = computed(() => {
662
662
  var _a2;
663
- return ((_a2 = tableConfig.value.config) == null ? void 0 : _a2.height) ?? "";
663
+ return (_a2 = tableConfig.value.config) == null ? void 0 : _a2.height;
664
664
  });
665
665
  const onScroll = () => {
666
666
  console.log("onScroll");
@@ -42,7 +42,7 @@ function isExceed(cellChild, lineClamp = 1) {
42
42
  const verticalPadding = top + bottom;
43
43
  const horizontalPadding = left + right;
44
44
  if (lineClamp > 1) {
45
- if (isGreaterThan(rangeWidth + horizontalPadding, cellChildWidth) || isGreaterThan(rangeHeight + verticalPadding, cellChildHeight) || isGreaterThan(cellChild.scrollWidth, cellChildWidth)) {
45
+ if (isGreaterThan(rangeWidth + horizontalPadding, cellChildWidth) || isGreaterThan(rangeHeight + verticalPadding, cellChildHeight)) {
46
46
  return true;
47
47
  }
48
48
  } else if (isGreaterThan(rangeHeight + verticalPadding, cellChildHeight)) {
@@ -40,7 +40,7 @@ function isExceed(cellChild, lineClamp = 1) {
40
40
  const verticalPadding = top + bottom;
41
41
  const horizontalPadding = left + right;
42
42
  if (lineClamp > 1) {
43
- if (isGreaterThan(rangeWidth + horizontalPadding, cellChildWidth) || isGreaterThan(rangeHeight + verticalPadding, cellChildHeight) || isGreaterThan(cellChild.scrollWidth, cellChildWidth)) {
43
+ if (isGreaterThan(rangeWidth + horizontalPadding, cellChildWidth) || isGreaterThan(rangeHeight + verticalPadding, cellChildHeight)) {
44
44
  return true;
45
45
  }
46
46
  } else if (isGreaterThan(rangeHeight + verticalPadding, cellChildHeight)) {
@@ -43,5 +43,10 @@
43
43
  }
44
44
  .tables-table.el-table--default .cell {
45
45
  white-space: pre-wrap;
46
+ }
47
+ .tables-table.el-table--default .cell.el-tooltip {
48
+ white-space: nowrap;
49
+ }
50
+ .tables-table.el-table--default .cell {
46
51
  padding: 0 var(--tables-interval-horizon, var(--tables-interval));
47
52
  }
@@ -27,6 +27,9 @@ $tables: 'tables';
27
27
  }
28
28
  .cell {
29
29
  white-space: pre-wrap;
30
+ &.#{el('tooltip')} {
31
+ white-space: nowrap;
32
+ }
30
33
  padding: 0
31
34
  var(
32
35
  vdm('interval-horizon', $tables),
@@ -16,9 +16,7 @@ const dataProps = {
16
16
  */
17
17
  height: {
18
18
  type: [String, Number],
19
- default() {
20
- return "auto";
21
- }
19
+ default: "auto"
22
20
  },
23
21
  /**
24
22
  * @props { String, Number } maxHeight
@@ -26,7 +26,7 @@ export declare const dataProps: {
26
26
  */
27
27
  height: {
28
28
  type: (StringConstructor | NumberConstructor)[];
29
- default(): string;
29
+ default: string;
30
30
  };
31
31
  /**
32
32
  * @props { String, Number } maxHeight
@@ -14,9 +14,7 @@ const dataProps = {
14
14
  */
15
15
  height: {
16
16
  type: [String, Number],
17
- default() {
18
- return "auto";
19
- }
17
+ default: "auto"
20
18
  },
21
19
  /**
22
20
  * @props { String, Number } maxHeight
@@ -43,6 +43,11 @@
43
43
  }
44
44
  .tables-table.el-table--default .cell {
45
45
  white-space: pre-wrap;
46
+ }
47
+ .tables-table.el-table--default .cell.el-tooltip {
48
+ white-space: nowrap;
49
+ }
50
+ .tables-table.el-table--default .cell {
46
51
  padding: 0 var(--tables-interval-horizon, var(--tables-interval));
47
52
  }
48
53
 
@@ -43,6 +43,11 @@
43
43
  }
44
44
  .tables-table.el-table--default .cell {
45
45
  white-space: pre-wrap;
46
+ }
47
+ .tables-table.el-table--default .cell.el-tooltip {
48
+ white-space: nowrap;
49
+ }
50
+ .tables-table.el-table--default .cell {
46
51
  padding: 0 var(--tables-interval-horizon, var(--tables-interval));
47
52
  }
48
53
 
@@ -16,9 +16,7 @@ const dataProps = {
16
16
  */
17
17
  height: {
18
18
  type: [String, Number],
19
- default() {
20
- return "auto";
21
- }
19
+ default: "auto"
22
20
  },
23
21
  /**
24
22
  * @props { String, Number } maxHeight
@@ -26,7 +26,7 @@ export declare const dataProps: {
26
26
  */
27
27
  height: {
28
28
  type: (StringConstructor | NumberConstructor)[];
29
- default(): string;
29
+ default: string;
30
30
  };
31
31
  /**
32
32
  * @props { String, Number } maxHeight
@@ -14,9 +14,7 @@ const dataProps = {
14
14
  */
15
15
  height: {
16
16
  type: [String, Number],
17
- default() {
18
- return "auto";
19
- }
17
+ default: "auto"
20
18
  },
21
19
  /**
22
20
  * @props { String, Number } maxHeight
@@ -1075,10 +1075,10 @@
1075
1075
  width: 100%;
1076
1076
  height: 100%;
1077
1077
  }
1078
- .list-div .list-table td {
1078
+ .list-div .list-table-td {
1079
1079
  text-align: left;
1080
1080
  }
1081
- .list-div .list-table th {
1081
+ .list-div .list-table-th {
1082
1082
  font-weight: initial;
1083
1083
  }
1084
1084
  .list-div .list-table .is-whole .list-table-auto {
@@ -1150,11 +1150,13 @@
1150
1150
  .list-div .list-table .list-table-value {
1151
1151
  word-break: break-all;
1152
1152
  white-space: pre-wrap;
1153
+ overflow: hidden;
1154
+ }
1155
+ .list-div .list-table .list-table-value.is-tooltip {
1153
1156
  max-height: var(--list-row-max-height);
1154
1157
  display: -webkit-box;
1155
- -webkit-line-clamp: var(--list-line-clamp); /* 显示的行数 */
1158
+ -webkit-line-clamp: var(--list-line-clamp, 1); /* 显示的行数 */
1156
1159
  -webkit-box-orient: vertical;
1157
- overflow: hidden;
1158
1160
  text-overflow: ellipsis;
1159
1161
  }
1160
1162
  .list-div .list-table.right .list-table-th {
@@ -1174,36 +1176,35 @@
1174
1176
  border-top: 1px solid var(--list-border-color);
1175
1177
  border-bottom: 1px solid var(--list-border-color);
1176
1178
  }
1177
- .list-div .list-table.is-border > tr > td {
1179
+ .list-div .list-table.is-border > .list-table-tr > .list-table-td {
1178
1180
  border-bottom: 1px solid var(--list-border-color);
1179
1181
  border-left: 1px solid var(--list-border-color);
1180
1182
  }
1181
- .list-div .list-table.is-border > tr > td:last-child {
1183
+ .list-div .list-table.is-border > .list-table-tr > .list-table-td:last-child {
1182
1184
  border-right: 1px solid var(--list-border-color);
1183
1185
  }
1184
- .list-div .list-table.is-border > tr > th {
1186
+ .list-div .list-table.is-border > .list-table-tr > .list-table-th {
1185
1187
  border-left: 1px solid var(--list-border-color);
1186
1188
  border-bottom: 1px solid var(--list-border-color);
1187
1189
  }
1188
- .list-div .list-table.is-border > tr > th:last-child {
1190
+ .list-div .list-table.is-border > .list-table-tr > .list-table-th:last-child {
1189
1191
  border-right: 1px solid var(--list-border-color);
1190
1192
  }
1191
- .list-div .list-table.is-border > tr:last-child > td {
1193
+ .list-div .list-table.is-border > .list-table-tr:last-child > .list-table-td {
1192
1194
  border-bottom: 0;
1193
1195
  }
1194
- .list-div .list-table.is-border > tr:last-child > th {
1196
+ .list-div .list-table.is-border > .list-table-tr:last-child > .list-table-th {
1195
1197
  border-bottom: 0;
1196
1198
  }
1197
- .list-div .list-table.is-border.top > tr > th {
1199
+ .list-div .list-table.is-border.top > .list-table-tr > .list-table-th {
1198
1200
  border-bottom: 0;
1199
1201
  }
1200
1202
  .list-div .list-table .list-com {
1201
1203
  display: flex;
1202
1204
  align-items: center;
1203
1205
  }
1204
- .list-div .list-table .list-com-img {
1205
- width: 50px;
1206
- height: 50px;
1206
+ .list-div .el-tooltip {
1207
+ white-space: pre-wrap;
1207
1208
  }
1208
1209
 
1209
1210
  .tables {
@@ -1227,6 +1228,11 @@
1227
1228
  }
1228
1229
  .tables-table.el-table--default .cell {
1229
1230
  white-space: pre-wrap;
1231
+ }
1232
+ .tables-table.el-table--default .cell.el-tooltip {
1233
+ white-space: nowrap;
1234
+ }
1235
+ .tables-table.el-table--default .cell {
1230
1236
  padding: 0 var(--tables-interval-horizon, var(--tables-interval));
1231
1237
  }
1232
1238
 
package/dist/css/list.css CHANGED
@@ -27,10 +27,10 @@
27
27
  width: 100%;
28
28
  height: 100%;
29
29
  }
30
- .list-div .list-table td {
30
+ .list-div .list-table-td {
31
31
  text-align: left;
32
32
  }
33
- .list-div .list-table th {
33
+ .list-div .list-table-th {
34
34
  font-weight: initial;
35
35
  }
36
36
  .list-div .list-table .is-whole .list-table-auto {
@@ -102,11 +102,13 @@
102
102
  .list-div .list-table .list-table-value {
103
103
  word-break: break-all;
104
104
  white-space: pre-wrap;
105
+ overflow: hidden;
106
+ }
107
+ .list-div .list-table .list-table-value.is-tooltip {
105
108
  max-height: var(--list-row-max-height);
106
109
  display: -webkit-box;
107
- -webkit-line-clamp: var(--list-line-clamp); /* 显示的行数 */
110
+ -webkit-line-clamp: var(--list-line-clamp, 1); /* 显示的行数 */
108
111
  -webkit-box-orient: vertical;
109
- overflow: hidden;
110
112
  text-overflow: ellipsis;
111
113
  }
112
114
  .list-div .list-table.right .list-table-th {
@@ -126,34 +128,33 @@
126
128
  border-top: 1px solid var(--list-border-color);
127
129
  border-bottom: 1px solid var(--list-border-color);
128
130
  }
129
- .list-div .list-table.is-border > tr > td {
131
+ .list-div .list-table.is-border > .list-table-tr > .list-table-td {
130
132
  border-bottom: 1px solid var(--list-border-color);
131
133
  border-left: 1px solid var(--list-border-color);
132
134
  }
133
- .list-div .list-table.is-border > tr > td:last-child {
135
+ .list-div .list-table.is-border > .list-table-tr > .list-table-td:last-child {
134
136
  border-right: 1px solid var(--list-border-color);
135
137
  }
136
- .list-div .list-table.is-border > tr > th {
138
+ .list-div .list-table.is-border > .list-table-tr > .list-table-th {
137
139
  border-left: 1px solid var(--list-border-color);
138
140
  border-bottom: 1px solid var(--list-border-color);
139
141
  }
140
- .list-div .list-table.is-border > tr > th:last-child {
142
+ .list-div .list-table.is-border > .list-table-tr > .list-table-th:last-child {
141
143
  border-right: 1px solid var(--list-border-color);
142
144
  }
143
- .list-div .list-table.is-border > tr:last-child > td {
145
+ .list-div .list-table.is-border > .list-table-tr:last-child > .list-table-td {
144
146
  border-bottom: 0;
145
147
  }
146
- .list-div .list-table.is-border > tr:last-child > th {
148
+ .list-div .list-table.is-border > .list-table-tr:last-child > .list-table-th {
147
149
  border-bottom: 0;
148
150
  }
149
- .list-div .list-table.is-border.top > tr > th {
151
+ .list-div .list-table.is-border.top > .list-table-tr > .list-table-th {
150
152
  border-bottom: 0;
151
153
  }
152
154
  .list-div .list-table .list-com {
153
155
  display: flex;
154
156
  align-items: center;
155
157
  }
156
- .list-div .list-table .list-com-img {
157
- width: 50px;
158
- height: 50px;
158
+ .list-div .el-tooltip {
159
+ white-space: pre-wrap;
159
160
  }
@@ -27,10 +27,10 @@
27
27
  width: 100%;
28
28
  height: 100%;
29
29
  }
30
- .list-div .list-table td {
30
+ .list-div .list-table-td {
31
31
  text-align: left;
32
32
  }
33
- .list-div .list-table th {
33
+ .list-div .list-table-th {
34
34
  font-weight: initial;
35
35
  }
36
36
  .list-div .list-table .is-whole .list-table-auto {
@@ -102,11 +102,13 @@
102
102
  .list-div .list-table .list-table-value {
103
103
  word-break: break-all;
104
104
  white-space: pre-wrap;
105
+ overflow: hidden;
106
+ }
107
+ .list-div .list-table .list-table-value.is-tooltip {
105
108
  max-height: var(--list-row-max-height);
106
109
  display: -webkit-box;
107
- -webkit-line-clamp: var(--list-line-clamp); /* 显示的行数 */
110
+ -webkit-line-clamp: var(--list-line-clamp, 1); /* 显示的行数 */
108
111
  -webkit-box-orient: vertical;
109
- overflow: hidden;
110
112
  text-overflow: ellipsis;
111
113
  }
112
114
  .list-div .list-table.right .list-table-th {
@@ -126,36 +128,35 @@
126
128
  border-top: 1px solid var(--list-border-color);
127
129
  border-bottom: 1px solid var(--list-border-color);
128
130
  }
129
- .list-div .list-table.is-border > tr > td {
131
+ .list-div .list-table.is-border > .list-table-tr > .list-table-td {
130
132
  border-bottom: 1px solid var(--list-border-color);
131
133
  border-left: 1px solid var(--list-border-color);
132
134
  }
133
- .list-div .list-table.is-border > tr > td:last-child {
135
+ .list-div .list-table.is-border > .list-table-tr > .list-table-td:last-child {
134
136
  border-right: 1px solid var(--list-border-color);
135
137
  }
136
- .list-div .list-table.is-border > tr > th {
138
+ .list-div .list-table.is-border > .list-table-tr > .list-table-th {
137
139
  border-left: 1px solid var(--list-border-color);
138
140
  border-bottom: 1px solid var(--list-border-color);
139
141
  }
140
- .list-div .list-table.is-border > tr > th:last-child {
142
+ .list-div .list-table.is-border > .list-table-tr > .list-table-th:last-child {
141
143
  border-right: 1px solid var(--list-border-color);
142
144
  }
143
- .list-div .list-table.is-border > tr:last-child > td {
145
+ .list-div .list-table.is-border > .list-table-tr:last-child > .list-table-td {
144
146
  border-bottom: 0;
145
147
  }
146
- .list-div .list-table.is-border > tr:last-child > th {
148
+ .list-div .list-table.is-border > .list-table-tr:last-child > .list-table-th {
147
149
  border-bottom: 0;
148
150
  }
149
- .list-div .list-table.is-border.top > tr > th {
151
+ .list-div .list-table.is-border.top > .list-table-tr > .list-table-th {
150
152
  border-bottom: 0;
151
153
  }
152
154
  .list-div .list-table .list-com {
153
155
  display: flex;
154
156
  align-items: center;
155
157
  }
156
- .list-div .list-table .list-com-img {
157
- width: 50px;
158
- height: 50px;
158
+ .list-div .el-tooltip {
159
+ white-space: pre-wrap;
159
160
  }
160
161
 
161
162
  .lists {
@@ -27,10 +27,10 @@
27
27
  width: 100%;
28
28
  height: 100%;
29
29
  }
30
- .list-div .list-table td {
30
+ .list-div .list-table-td {
31
31
  text-align: left;
32
32
  }
33
- .list-div .list-table th {
33
+ .list-div .list-table-th {
34
34
  font-weight: initial;
35
35
  }
36
36
  .list-div .list-table .is-whole .list-table-auto {
@@ -102,11 +102,13 @@
102
102
  .list-div .list-table .list-table-value {
103
103
  word-break: break-all;
104
104
  white-space: pre-wrap;
105
+ overflow: hidden;
106
+ }
107
+ .list-div .list-table .list-table-value.is-tooltip {
105
108
  max-height: var(--list-row-max-height);
106
109
  display: -webkit-box;
107
- -webkit-line-clamp: var(--list-line-clamp); /* 显示的行数 */
110
+ -webkit-line-clamp: var(--list-line-clamp, 1); /* 显示的行数 */
108
111
  -webkit-box-orient: vertical;
109
- overflow: hidden;
110
112
  text-overflow: ellipsis;
111
113
  }
112
114
  .list-div .list-table.right .list-table-th {
@@ -126,36 +128,35 @@
126
128
  border-top: 1px solid var(--list-border-color);
127
129
  border-bottom: 1px solid var(--list-border-color);
128
130
  }
129
- .list-div .list-table.is-border > tr > td {
131
+ .list-div .list-table.is-border > .list-table-tr > .list-table-td {
130
132
  border-bottom: 1px solid var(--list-border-color);
131
133
  border-left: 1px solid var(--list-border-color);
132
134
  }
133
- .list-div .list-table.is-border > tr > td:last-child {
135
+ .list-div .list-table.is-border > .list-table-tr > .list-table-td:last-child {
134
136
  border-right: 1px solid var(--list-border-color);
135
137
  }
136
- .list-div .list-table.is-border > tr > th {
138
+ .list-div .list-table.is-border > .list-table-tr > .list-table-th {
137
139
  border-left: 1px solid var(--list-border-color);
138
140
  border-bottom: 1px solid var(--list-border-color);
139
141
  }
140
- .list-div .list-table.is-border > tr > th:last-child {
142
+ .list-div .list-table.is-border > .list-table-tr > .list-table-th:last-child {
141
143
  border-right: 1px solid var(--list-border-color);
142
144
  }
143
- .list-div .list-table.is-border > tr:last-child > td {
145
+ .list-div .list-table.is-border > .list-table-tr:last-child > .list-table-td {
144
146
  border-bottom: 0;
145
147
  }
146
- .list-div .list-table.is-border > tr:last-child > th {
148
+ .list-div .list-table.is-border > .list-table-tr:last-child > .list-table-th {
147
149
  border-bottom: 0;
148
150
  }
149
- .list-div .list-table.is-border.top > tr > th {
151
+ .list-div .list-table.is-border.top > .list-table-tr > .list-table-th {
150
152
  border-bottom: 0;
151
153
  }
152
154
  .list-div .list-table .list-com {
153
155
  display: flex;
154
156
  align-items: center;
155
157
  }
156
- .list-div .list-table .list-com-img {
157
- width: 50px;
158
- height: 50px;
158
+ .list-div .el-tooltip {
159
+ white-space: pre-wrap;
159
160
  }
160
161
 
161
162
  .lists {