@bit-sun/business-component 2.1.11 → 2.1.13
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.esm.js
CHANGED
|
@@ -21107,7 +21107,7 @@ var headersToRows = function headersToRows(originColumns) {
|
|
|
21107
21107
|
};
|
|
21108
21108
|
};
|
|
21109
21109
|
|
|
21110
|
-
var css_248z$m = ".
|
|
21110
|
+
var css_248z$m = ".editTableWrapper {\n width: 1000px;\n height: 500px;\n overflow: auto;\n position: relative;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.editTableWrapper table {\n table-layout: fixed;\n}\n.editTableWrapper .editTable {\n position: relative;\n overflow: hidden;\n border-top: 0;\n background: #fff;\n}\n.editTableWrapper .north__west {\n position: sticky;\n background-color: #f7f8fb;\n left: 0px;\n top: 0px;\n font-size: 14px;\n color: #606266;\n z-index: 5;\n}\n.editTableWrapper .north__west th {\n background: #fff;\n font-size: 14px;\n color: #606266;\n z-index: 5;\n}\n.editTableWrapper .south__west {\n z-index: 4;\n position: absolute;\n left: 0px;\n top: 0;\n}\n.editTableWrapper .south__west th {\n background: #fff;\n font-size: 14px;\n color: #606266;\n z-index: 4;\n}\n.editTableWrapper .south__west td {\n font-size: 12px;\n background: #fff;\n color: #6a6a6a;\n}\n.editTableWrapper .south__west td svg {\n width: 20px;\n height: 20px;\n vertical-align: middle;\n}\n.editTableWrapper .editTable__block {\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n position: absolute;\n border-collapse: collapse;\n padding: 0;\n}\n.editTableWrapper .editTable__block th,\n.editTableWrapper .editTable__block td {\n box-sizing: border-box;\n font-size: 11px;\n color: #6a6a6a;\n}\n.editTableWrapper .value_table table {\n table-layout: fixed;\n min-width: 100%;\n}\n.editTableWrapper .table_border_style {\n border-collapse: separate;\n border-spacing: 0;\n border-left: 1px solid #f0f0f0;\n border-top: 1px solid #f0f0f0;\n}\n.editTableWrapper .table_border_style td {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n box-sizing: border-box;\n border-right: 1px solid #f0f0f0;\n border-bottom: 1px solid #f0f0f0;\n padding: 0 10px;\n font-size: 14px;\n line-height: 28px;\n}\n";
|
|
21111
21111
|
styleInject(css_248z$m);
|
|
21112
21112
|
|
|
21113
21113
|
var index$7 = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
@@ -21232,15 +21232,22 @@ var index$7 = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
21232
21232
|
height: tableHeight
|
|
21233
21233
|
},
|
|
21234
21234
|
key: 'moreTreeTable',
|
|
21235
|
-
className:
|
|
21235
|
+
className: 'editTableWrapper'
|
|
21236
21236
|
}, /*#__PURE__*/React.createElement("table", {
|
|
21237
|
+
style: {
|
|
21238
|
+
width: "".concat(config.colHeaderWidth + 1, "px"),
|
|
21239
|
+
height: "".concat(config.colHeaderToTop, "px"),
|
|
21240
|
+
display: config.tableType === 'col-header-table' ? 'none' : ''
|
|
21241
|
+
},
|
|
21242
|
+
className: 'north__west'
|
|
21243
|
+
}), /*#__PURE__*/React.createElement("table", {
|
|
21237
21244
|
style: {
|
|
21238
21245
|
width: "".concat(config.colHeaderWidth + 1, "px"),
|
|
21239
21246
|
top: "".concat(config.colHeaderToTop, "px"),
|
|
21240
21247
|
left: '0px',
|
|
21241
21248
|
position: 'sticky'
|
|
21242
21249
|
},
|
|
21243
|
-
className:
|
|
21250
|
+
className: 'south__west'.concat(" ", 'editTable__block', " ", 'table_border_style')
|
|
21244
21251
|
}, /*#__PURE__*/React.createElement("tbody", null, config.colHeader.map(function (item, index) {
|
|
21245
21252
|
return /*#__PURE__*/React.createElement("tr", null, item.map(function (innerItem) {
|
|
21246
21253
|
if (!innerItem) return null;
|
|
@@ -21260,14 +21267,7 @@ var index$7 = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
21260
21267
|
colSpan: innerItem && innerItem.rowSpan
|
|
21261
21268
|
}, innerItem && innerItem.title);
|
|
21262
21269
|
}));
|
|
21263
|
-
}))), /*#__PURE__*/React.createElement("
|
|
21264
|
-
style: {
|
|
21265
|
-
width: "".concat(config.colHeaderWidth + 1, "px"),
|
|
21266
|
-
height: "".concat(config.colHeaderToTop, "px"),
|
|
21267
|
-
display: config.tableType === 'col-header-table' ? 'none' : ''
|
|
21268
|
-
},
|
|
21269
|
-
className: "".concat(css_248z$m.north__west, " ").concat(css_248z$m.editTable__block)
|
|
21270
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
21270
|
+
}))), /*#__PURE__*/React.createElement("div", {
|
|
21271
21271
|
style: {
|
|
21272
21272
|
position: 'absolute',
|
|
21273
21273
|
left: "".concat(config.colHeaderWidth, "px"),
|
|
@@ -21280,7 +21280,7 @@ var index$7 = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
21280
21280
|
position: 'relative'
|
|
21281
21281
|
}
|
|
21282
21282
|
}, /*#__PURE__*/React.createElement("table", {
|
|
21283
|
-
className: "".concat(
|
|
21283
|
+
className: " ".concat('editTable__block', " ", 'table_border_style'),
|
|
21284
21284
|
style: {
|
|
21285
21285
|
width: '100%',
|
|
21286
21286
|
top: 0,
|
|
@@ -21312,13 +21312,13 @@ var index$7 = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
21312
21312
|
width: '100%',
|
|
21313
21313
|
position: 'relative'
|
|
21314
21314
|
},
|
|
21315
|
-
className:
|
|
21315
|
+
className: 'value_table'.concat(" ", 'table_border_style')
|
|
21316
21316
|
}, /*#__PURE__*/React.createElement("table", {
|
|
21317
21317
|
style: {
|
|
21318
21318
|
width: '100%',
|
|
21319
21319
|
display: config.tableType === 'col-header-table' ? '' : 'none'
|
|
21320
21320
|
},
|
|
21321
|
-
className:
|
|
21321
|
+
className: 'editTable__block'.concat(" ", 'table_border_style')
|
|
21322
21322
|
}, /*#__PURE__*/React.createElement("tbody", null, config.colLastData.map(function (item, index) {
|
|
21323
21323
|
var fixedTop = item.fixed ? "".concat(index * 40 + config.colHeaderToTop, "px") : 0;
|
|
21324
21324
|
return /*#__PURE__*/React.createElement("tr", null, colTableData.map(function (record, index) {
|
|
@@ -21344,7 +21344,7 @@ var index$7 = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
21344
21344
|
width: '100%',
|
|
21345
21345
|
display: config.tableType === 'col-header-table' ? 'none' : ''
|
|
21346
21346
|
},
|
|
21347
|
-
className:
|
|
21347
|
+
className: 'editTable__block'.concat(" ", 'table_border_style')
|
|
21348
21348
|
}, /*#__PURE__*/React.createElement("colgroup", null, config.rowLastData.map(function (row) {
|
|
21349
21349
|
return /*#__PURE__*/React.createElement("col", {
|
|
21350
21350
|
width: row.width ? "".concat(row.width, "px") : '100px'
|
package/dist/index.js
CHANGED
|
@@ -21121,7 +21121,7 @@ var headersToRows = function headersToRows(originColumns) {
|
|
|
21121
21121
|
};
|
|
21122
21122
|
};
|
|
21123
21123
|
|
|
21124
|
-
var css_248z$m = ".
|
|
21124
|
+
var css_248z$m = ".editTableWrapper {\n width: 1000px;\n height: 500px;\n overflow: auto;\n position: relative;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.editTableWrapper table {\n table-layout: fixed;\n}\n.editTableWrapper .editTable {\n position: relative;\n overflow: hidden;\n border-top: 0;\n background: #fff;\n}\n.editTableWrapper .north__west {\n position: sticky;\n background-color: #f7f8fb;\n left: 0px;\n top: 0px;\n font-size: 14px;\n color: #606266;\n z-index: 5;\n}\n.editTableWrapper .north__west th {\n background: #fff;\n font-size: 14px;\n color: #606266;\n z-index: 5;\n}\n.editTableWrapper .south__west {\n z-index: 4;\n position: absolute;\n left: 0px;\n top: 0;\n}\n.editTableWrapper .south__west th {\n background: #fff;\n font-size: 14px;\n color: #606266;\n z-index: 4;\n}\n.editTableWrapper .south__west td {\n font-size: 12px;\n background: #fff;\n color: #6a6a6a;\n}\n.editTableWrapper .south__west td svg {\n width: 20px;\n height: 20px;\n vertical-align: middle;\n}\n.editTableWrapper .editTable__block {\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n position: absolute;\n border-collapse: collapse;\n padding: 0;\n}\n.editTableWrapper .editTable__block th,\n.editTableWrapper .editTable__block td {\n box-sizing: border-box;\n font-size: 11px;\n color: #6a6a6a;\n}\n.editTableWrapper .value_table table {\n table-layout: fixed;\n min-width: 100%;\n}\n.editTableWrapper .table_border_style {\n border-collapse: separate;\n border-spacing: 0;\n border-left: 1px solid #f0f0f0;\n border-top: 1px solid #f0f0f0;\n}\n.editTableWrapper .table_border_style td {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n box-sizing: border-box;\n border-right: 1px solid #f0f0f0;\n border-bottom: 1px solid #f0f0f0;\n padding: 0 10px;\n font-size: 14px;\n line-height: 28px;\n}\n";
|
|
21125
21125
|
styleInject(css_248z$m);
|
|
21126
21126
|
|
|
21127
21127
|
var index$7 = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
@@ -21246,15 +21246,22 @@ var index$7 = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
21246
21246
|
height: tableHeight
|
|
21247
21247
|
},
|
|
21248
21248
|
key: 'moreTreeTable',
|
|
21249
|
-
className:
|
|
21249
|
+
className: 'editTableWrapper'
|
|
21250
21250
|
}, /*#__PURE__*/React__default['default'].createElement("table", {
|
|
21251
|
+
style: {
|
|
21252
|
+
width: "".concat(config.colHeaderWidth + 1, "px"),
|
|
21253
|
+
height: "".concat(config.colHeaderToTop, "px"),
|
|
21254
|
+
display: config.tableType === 'col-header-table' ? 'none' : ''
|
|
21255
|
+
},
|
|
21256
|
+
className: 'north__west'
|
|
21257
|
+
}), /*#__PURE__*/React__default['default'].createElement("table", {
|
|
21251
21258
|
style: {
|
|
21252
21259
|
width: "".concat(config.colHeaderWidth + 1, "px"),
|
|
21253
21260
|
top: "".concat(config.colHeaderToTop, "px"),
|
|
21254
21261
|
left: '0px',
|
|
21255
21262
|
position: 'sticky'
|
|
21256
21263
|
},
|
|
21257
|
-
className:
|
|
21264
|
+
className: 'south__west'.concat(" ", 'editTable__block', " ", 'table_border_style')
|
|
21258
21265
|
}, /*#__PURE__*/React__default['default'].createElement("tbody", null, config.colHeader.map(function (item, index) {
|
|
21259
21266
|
return /*#__PURE__*/React__default['default'].createElement("tr", null, item.map(function (innerItem) {
|
|
21260
21267
|
if (!innerItem) return null;
|
|
@@ -21274,14 +21281,7 @@ var index$7 = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
21274
21281
|
colSpan: innerItem && innerItem.rowSpan
|
|
21275
21282
|
}, innerItem && innerItem.title);
|
|
21276
21283
|
}));
|
|
21277
|
-
}))), /*#__PURE__*/React__default['default'].createElement("
|
|
21278
|
-
style: {
|
|
21279
|
-
width: "".concat(config.colHeaderWidth + 1, "px"),
|
|
21280
|
-
height: "".concat(config.colHeaderToTop, "px"),
|
|
21281
|
-
display: config.tableType === 'col-header-table' ? 'none' : ''
|
|
21282
|
-
},
|
|
21283
|
-
className: "".concat(css_248z$m.north__west, " ").concat(css_248z$m.editTable__block)
|
|
21284
|
-
}), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
21284
|
+
}))), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
21285
21285
|
style: {
|
|
21286
21286
|
position: 'absolute',
|
|
21287
21287
|
left: "".concat(config.colHeaderWidth, "px"),
|
|
@@ -21294,7 +21294,7 @@ var index$7 = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
21294
21294
|
position: 'relative'
|
|
21295
21295
|
}
|
|
21296
21296
|
}, /*#__PURE__*/React__default['default'].createElement("table", {
|
|
21297
|
-
className: "".concat(
|
|
21297
|
+
className: " ".concat('editTable__block', " ", 'table_border_style'),
|
|
21298
21298
|
style: {
|
|
21299
21299
|
width: '100%',
|
|
21300
21300
|
top: 0,
|
|
@@ -21326,13 +21326,13 @@ var index$7 = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
21326
21326
|
width: '100%',
|
|
21327
21327
|
position: 'relative'
|
|
21328
21328
|
},
|
|
21329
|
-
className:
|
|
21329
|
+
className: 'value_table'.concat(" ", 'table_border_style')
|
|
21330
21330
|
}, /*#__PURE__*/React__default['default'].createElement("table", {
|
|
21331
21331
|
style: {
|
|
21332
21332
|
width: '100%',
|
|
21333
21333
|
display: config.tableType === 'col-header-table' ? '' : 'none'
|
|
21334
21334
|
},
|
|
21335
|
-
className:
|
|
21335
|
+
className: 'editTable__block'.concat(" ", 'table_border_style')
|
|
21336
21336
|
}, /*#__PURE__*/React__default['default'].createElement("tbody", null, config.colLastData.map(function (item, index) {
|
|
21337
21337
|
var fixedTop = item.fixed ? "".concat(index * 40 + config.colHeaderToTop, "px") : 0;
|
|
21338
21338
|
return /*#__PURE__*/React__default['default'].createElement("tr", null, colTableData.map(function (record, index) {
|
|
@@ -21358,7 +21358,7 @@ var index$7 = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
21358
21358
|
width: '100%',
|
|
21359
21359
|
display: config.tableType === 'col-header-table' ? 'none' : ''
|
|
21360
21360
|
},
|
|
21361
|
-
className:
|
|
21361
|
+
className: 'editTable__block'.concat(" ", 'table_border_style')
|
|
21362
21362
|
}, /*#__PURE__*/React__default['default'].createElement("colgroup", null, config.rowLastData.map(function (row) {
|
|
21363
21363
|
return /*#__PURE__*/React__default['default'].createElement("col", {
|
|
21364
21364
|
width: row.width ? "".concat(row.width, "px") : '100px'
|
package/package.json
CHANGED
|
@@ -1,7 +1,3 @@
|
|
|
1
|
-
.ant-pro-card-body {
|
|
2
|
-
padding: 0px;
|
|
3
|
-
}
|
|
4
|
-
|
|
5
1
|
.editTableWrapper {
|
|
6
2
|
width: 1000px;
|
|
7
3
|
height: 500px;
|
|
@@ -12,218 +8,93 @@
|
|
|
12
8
|
-ms-user-select: none;
|
|
13
9
|
user-select: none;
|
|
14
10
|
|
|
15
|
-
.err-div {
|
|
16
|
-
position: absolute;
|
|
17
|
-
top: 10px;
|
|
18
|
-
height: 20px !important;
|
|
19
|
-
line-height: 20px !important;
|
|
20
|
-
background: rgba(245, 108, 108, 0.1);
|
|
21
|
-
border: 1px solid rgba(245, 108, 108, 0.4);
|
|
22
|
-
font-size: 12px;
|
|
23
|
-
color: #f56c6c;
|
|
24
|
-
z-index: 1000;
|
|
25
|
-
overflow: hidden;
|
|
26
|
-
text-overflow: ellipsis;
|
|
27
|
-
white-space: nowrap;
|
|
28
|
-
}
|
|
29
11
|
table {
|
|
30
12
|
table-layout: fixed;
|
|
31
13
|
}
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
// border: 1px solid #dcdfe6;
|
|
38
|
-
border-top: 0;
|
|
39
|
-
background: #fff;
|
|
40
|
-
.th-div {
|
|
41
|
-
-webkit-user-select: none;
|
|
42
|
-
-moz-user-select: none;
|
|
43
|
-
-ms-user-select: none;
|
|
44
|
-
user-select: none;
|
|
45
|
-
div {
|
|
46
|
-
height: 100%;
|
|
47
|
-
.el-input {
|
|
48
|
-
height: 100%;
|
|
49
|
-
width: 100%;
|
|
50
|
-
}
|
|
51
|
-
.el-select {
|
|
52
|
-
width: 100%;
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
.el-input__inner {
|
|
56
|
-
height: 100%;
|
|
57
|
-
line-height: 100%;
|
|
58
|
-
border: 0;
|
|
59
|
-
outline: 0;
|
|
60
|
-
background: transparent;
|
|
61
|
-
padding-left: 6px;
|
|
62
|
-
padding-right: 15px;
|
|
63
|
-
}
|
|
64
|
-
.el-date-editor .el-input__inner {
|
|
65
|
-
padding-left: 30px;
|
|
66
|
-
}
|
|
67
|
-
.el-range-separator {
|
|
68
|
-
visibility: hidden;
|
|
69
|
-
}
|
|
70
|
-
.el-range-input {
|
|
71
|
-
background: transparent;
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
}
|
|
75
|
-
.edit-table-add {
|
|
76
|
-
width: 100%;
|
|
77
|
-
height: 40px;
|
|
78
|
-
text-align: center;
|
|
79
|
-
line-height: 40px;
|
|
80
|
-
font-size: 14px;
|
|
81
|
-
border: 1px dashed #dcdfe6;
|
|
82
|
-
color: #303133;
|
|
83
|
-
margin-top: 10px;
|
|
84
|
-
cursor: pointer;
|
|
85
|
-
svg {
|
|
86
|
-
fill: #333333;
|
|
87
|
-
vertical-align: middle;
|
|
88
|
-
margin-right: 6px;
|
|
89
|
-
}
|
|
90
|
-
}
|
|
91
|
-
.north__west {
|
|
92
|
-
position: absolute;
|
|
93
|
-
left: 0px;
|
|
94
|
-
top: 0px;
|
|
95
|
-
background: transparent;
|
|
96
|
-
font-size: 14px;
|
|
97
|
-
color: #606266;
|
|
98
|
-
z-index: 113;
|
|
99
|
-
th {
|
|
100
|
-
// background: #f0f2f5;
|
|
14
|
+
.editTable {
|
|
15
|
+
position: relative;
|
|
16
|
+
overflow: hidden;
|
|
17
|
+
// border: 1px solid #dcdfe6;
|
|
18
|
+
border-top: 0;
|
|
101
19
|
background: #fff;
|
|
102
|
-
font-size: 14px;
|
|
103
|
-
color: #606266;
|
|
104
|
-
z-index: 112;
|
|
105
|
-
// border: 1px solid #dcdfe6
|
|
106
20
|
}
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
top: 0;
|
|
113
|
-
th {
|
|
114
|
-
// background: #f0f2f5;
|
|
115
|
-
background: #fff;
|
|
21
|
+
.north__west {
|
|
22
|
+
position: sticky;
|
|
23
|
+
background-color: #f7f8fb;
|
|
24
|
+
left: 0px;
|
|
25
|
+
top: 0px;
|
|
116
26
|
font-size: 14px;
|
|
117
27
|
color: #606266;
|
|
118
|
-
z-index:
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
// text-overflow: ellipsis;
|
|
127
|
-
// font-size: 11px;
|
|
128
|
-
color: #6a6a6a;
|
|
129
|
-
svg {
|
|
130
|
-
width: 20px;
|
|
131
|
-
height: 20px;
|
|
132
|
-
vertical-align: middle;
|
|
28
|
+
z-index: 5;
|
|
29
|
+
th {
|
|
30
|
+
// background: #f0f2f5;
|
|
31
|
+
background: #fff;
|
|
32
|
+
font-size: 14px;
|
|
33
|
+
color: #606266;
|
|
34
|
+
z-index: 5;
|
|
35
|
+
// border: 1px solid #dcdfe6
|
|
133
36
|
}
|
|
134
37
|
}
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
th {
|
|
144
|
-
background: #fff;
|
|
145
|
-
}
|
|
146
|
-
}
|
|
147
|
-
.activity__table {
|
|
148
|
-
min-width: 100%;
|
|
149
|
-
th {
|
|
150
|
-
background: #fff;
|
|
151
|
-
font-size: 14px;
|
|
152
|
-
color: #606266;
|
|
153
|
-
}
|
|
154
|
-
td {
|
|
155
|
-
font-size: 12px;
|
|
156
|
-
color: #6a6a6a;
|
|
157
|
-
}
|
|
158
|
-
}
|
|
159
|
-
|
|
160
|
-
.editTable__block {
|
|
161
|
-
user-select: none;
|
|
162
|
-
position: absolute;
|
|
163
|
-
border-collapse: collapse;
|
|
164
|
-
padding: 0;
|
|
165
|
-
|
|
166
|
-
& th,
|
|
167
|
-
td {
|
|
168
|
-
box-sizing: border-box;
|
|
169
|
-
font-size: 11px;
|
|
170
|
-
color: #6a6a6a;
|
|
171
|
-
}
|
|
172
|
-
}
|
|
173
|
-
.editTableWrapper {
|
|
174
|
-
.el-input--small {
|
|
175
|
-
.el-input__inner {
|
|
176
|
-
border-color: transparent;
|
|
177
|
-
background: transparent;
|
|
178
|
-
font-size: 12px;
|
|
38
|
+
.south__west {
|
|
39
|
+
z-index: 4;
|
|
40
|
+
position: absolute;
|
|
41
|
+
left: 0px;
|
|
42
|
+
top: 0;
|
|
43
|
+
th {
|
|
44
|
+
background: #fff;
|
|
45
|
+
font-size: 14px;
|
|
179
46
|
color: #606266;
|
|
180
|
-
|
|
47
|
+
z-index: 4;
|
|
48
|
+
}
|
|
49
|
+
td {
|
|
50
|
+
font-size: 12px;
|
|
51
|
+
background: #fff;
|
|
52
|
+
color: #6a6a6a;
|
|
53
|
+
svg {
|
|
54
|
+
width: 20px;
|
|
55
|
+
height: 20px;
|
|
56
|
+
vertical-align: middle;
|
|
57
|
+
}
|
|
181
58
|
}
|
|
182
59
|
}
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
60
|
+
.editTable__block {
|
|
61
|
+
user-select: none;
|
|
62
|
+
position: absolute;
|
|
63
|
+
border-collapse: collapse;
|
|
64
|
+
padding: 0;
|
|
65
|
+
|
|
66
|
+
& th,
|
|
67
|
+
td {
|
|
68
|
+
box-sizing: border-box;
|
|
69
|
+
font-size: 11px;
|
|
70
|
+
color: #6a6a6a;
|
|
71
|
+
}
|
|
191
72
|
}
|
|
192
|
-
}
|
|
193
73
|
|
|
194
|
-
.icon-ser {
|
|
195
|
-
cursor: pointer;
|
|
196
|
-
}
|
|
197
|
-
.editTableWrapper .editTable .el-form-item--mini.el-form-item,
|
|
198
|
-
.el-form-item--small.el-form-item {
|
|
199
|
-
margin-bottom: 0;
|
|
200
|
-
}
|
|
201
|
-
.editTableWrapper .el-form-item--small .el-form-item__error {
|
|
202
|
-
z-index: 100;
|
|
203
|
-
}
|
|
204
74
|
|
|
205
|
-
.value_table {
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
75
|
+
.value_table {
|
|
76
|
+
table {
|
|
77
|
+
table-layout: fixed;
|
|
78
|
+
min-width: 100%;
|
|
79
|
+
|
|
80
|
+
}
|
|
210
81
|
}
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
82
|
+
|
|
83
|
+
.table_border_style {
|
|
84
|
+
border-collapse: separate;
|
|
85
|
+
border-spacing: 0;
|
|
86
|
+
border-left: 1px solid #f0f0f0;
|
|
87
|
+
border-top: 1px solid #f0f0f0;
|
|
88
|
+
td {
|
|
89
|
+
overflow: hidden;
|
|
90
|
+
text-overflow: ellipsis;
|
|
91
|
+
white-space: nowrap;
|
|
92
|
+
box-sizing: border-box;
|
|
93
|
+
border-right: 1px solid #f0f0f0;
|
|
94
|
+
border-bottom: 1px solid #f0f0f0;
|
|
95
|
+
padding: 0 10px;
|
|
96
|
+
font-size: 14px;
|
|
97
|
+
line-height: 28px;
|
|
98
|
+
}
|
|
228
99
|
}
|
|
229
100
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
// @ts-nocheck
|
|
2
2
|
import React, { useState, useEffect, useImperativeHandle, forwardRef } from 'react';
|
|
3
3
|
import { getAllColumns, convertToRows, headersToRows } from './utils';
|
|
4
|
-
import
|
|
4
|
+
import './index.less';
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
export default forwardRef((props, ref) => {
|
|
@@ -108,8 +108,19 @@ export default forwardRef((props, ref) => {
|
|
|
108
108
|
<div
|
|
109
109
|
style={{width: tableWidth, height: tableHeight}}
|
|
110
110
|
key='moreTreeTable'
|
|
111
|
-
className={
|
|
111
|
+
className={'editTableWrapper'}
|
|
112
112
|
>
|
|
113
|
+
{/* -------------------------------------左上角区域--------------------------------------- */}
|
|
114
|
+
<table
|
|
115
|
+
style={{
|
|
116
|
+
width: `${config.colHeaderWidth+1}px`,
|
|
117
|
+
height: `${config.colHeaderToTop}px`,
|
|
118
|
+
display: config.tableType === 'col-header-table' ? 'none' : '',
|
|
119
|
+
}}
|
|
120
|
+
className={`${'north__west'}`}
|
|
121
|
+
>
|
|
122
|
+
</table>
|
|
123
|
+
|
|
113
124
|
{/* --------------------------------------纵向表头---------------------------------------- */}
|
|
114
125
|
<table
|
|
115
126
|
style={{
|
|
@@ -118,7 +129,7 @@ export default forwardRef((props, ref) => {
|
|
|
118
129
|
left: '0px',
|
|
119
130
|
position: 'sticky',
|
|
120
131
|
}}
|
|
121
|
-
className={`${
|
|
132
|
+
className={`${'south__west'} ${'editTable__block'} ${'table_border_style'}`}
|
|
122
133
|
>
|
|
123
134
|
<tbody>
|
|
124
135
|
{config.colHeader.map((item, index) => {
|
|
@@ -152,16 +163,7 @@ export default forwardRef((props, ref) => {
|
|
|
152
163
|
})}
|
|
153
164
|
</tbody>
|
|
154
165
|
</table>
|
|
155
|
-
|
|
156
|
-
<table
|
|
157
|
-
style={{
|
|
158
|
-
width: `${config.colHeaderWidth+1}px`,
|
|
159
|
-
height: `${config.colHeaderToTop}px`,
|
|
160
|
-
display: config.tableType === 'col-header-table' ? 'none' : '',
|
|
161
|
-
}}
|
|
162
|
-
className={`${styles.north__west} ${styles.editTable__block}`}
|
|
163
|
-
>
|
|
164
|
-
</table>
|
|
166
|
+
|
|
165
167
|
<div
|
|
166
168
|
style={{
|
|
167
169
|
position: 'absolute',
|
|
@@ -174,7 +176,7 @@ export default forwardRef((props, ref) => {
|
|
|
174
176
|
{/* --------------------------------------横向表头---------------------------------------- */}
|
|
175
177
|
<div style={{position: 'relative'}}>
|
|
176
178
|
<table
|
|
177
|
-
className={
|
|
179
|
+
className={` ${'editTable__block'} ${'table_border_style'}`}
|
|
178
180
|
style={{
|
|
179
181
|
width: '100%',
|
|
180
182
|
top: 0,
|
|
@@ -227,7 +229,7 @@ export default forwardRef((props, ref) => {
|
|
|
227
229
|
width: '100%',
|
|
228
230
|
position: 'relative'
|
|
229
231
|
}}
|
|
230
|
-
className={`${
|
|
232
|
+
className={`${'value_table'} ${'table_border_style'}`}
|
|
231
233
|
>
|
|
232
234
|
{/* ------------------------------------纵向表头数据-------------------------------------- */}
|
|
233
235
|
<table
|
|
@@ -235,7 +237,7 @@ export default forwardRef((props, ref) => {
|
|
|
235
237
|
width: '100%',
|
|
236
238
|
display: config.tableType === 'col-header-table' ? '' : 'none',
|
|
237
239
|
}}
|
|
238
|
-
className={`${
|
|
240
|
+
className={`${'editTable__block'} ${'table_border_style'}`}
|
|
239
241
|
>
|
|
240
242
|
<tbody>
|
|
241
243
|
{config.colLastData.map((item, index) => {
|
|
@@ -274,7 +276,7 @@ export default forwardRef((props, ref) => {
|
|
|
274
276
|
width: '100%',
|
|
275
277
|
display: config.tableType === 'col-header-table' ? 'none' : '',
|
|
276
278
|
}}
|
|
277
|
-
className={`${
|
|
279
|
+
className={`${'editTable__block'} ${'table_border_style'}`}
|
|
278
280
|
>
|
|
279
281
|
<colgroup>
|
|
280
282
|
{
|