@bit-sun/business-component 2.1.12 → 2.1.14
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 +21 -25
- package/dist/index.js +21 -25
- package/package.json +1 -1
- package/src/components/Business/columnSettingTable/index.tsx +1 -1
- package/src/components/Business/columnSettingTable/sulaSettingTable.tsx +1 -1
- package/src/components/Business/moreTreeTable/index.less +7 -134
- package/src/components/Business/moreTreeTable/index.tsx +60 -58
package/dist/index.esm.js
CHANGED
|
@@ -14979,7 +14979,7 @@ var ColumnSettingSulaTable = /*#__PURE__*/function (_React$Component) {
|
|
|
14979
14979
|
fixed: true
|
|
14980
14980
|
}, /*#__PURE__*/React.createElement(Table.Summary.Row, null, _toConsumableArray(summaryRow).map(function (item, index) {
|
|
14981
14981
|
return /*#__PURE__*/React.createElement(Table.Summary.Cell, {
|
|
14982
|
-
index:
|
|
14982
|
+
index: index
|
|
14983
14983
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
14984
14984
|
type: "danger"
|
|
14985
14985
|
}, summaryInitial.filter(function (inner) {
|
|
@@ -15267,7 +15267,7 @@ var ColumnSettingTable = /*#__PURE__*/function (_React$Component) {
|
|
|
15267
15267
|
fixed: true
|
|
15268
15268
|
}, /*#__PURE__*/React.createElement(Table.Summary.Row, null, _toConsumableArray(summaryRow).map(function (item, index) {
|
|
15269
15269
|
return /*#__PURE__*/React.createElement(Table.Summary.Cell, {
|
|
15270
|
-
index:
|
|
15270
|
+
index: index
|
|
15271
15271
|
}, /*#__PURE__*/React.createElement(Text$1, {
|
|
15272
15272
|
type: "danger"
|
|
15273
15273
|
}, summaryInitial.filter(function (inner) {
|
|
@@ -21107,7 +21107,7 @@ var headersToRows = function headersToRows(originColumns) {
|
|
|
21107
21107
|
};
|
|
21108
21108
|
};
|
|
21109
21109
|
|
|
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
|
|
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) {
|
|
@@ -21234,6 +21234,13 @@ var index$7 = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
21234
21234
|
key: 'moreTreeTable',
|
|
21235
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"),
|
|
@@ -21261,31 +21268,12 @@ var index$7 = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
21261
21268
|
}, innerItem && innerItem.title);
|
|
21262
21269
|
}));
|
|
21263
21270
|
}))), /*#__PURE__*/React.createElement("table", {
|
|
21264
|
-
|
|
21265
|
-
width: "".concat(config.colHeaderWidth + 1, "px"),
|
|
21266
|
-
height: "".concat(config.colHeaderToTop, "px"),
|
|
21267
|
-
display: config.tableType === 'col-header-table' ? 'none' : ''
|
|
21268
|
-
},
|
|
21269
|
-
className: 'north__west'.concat(" ", 'editTable__block')
|
|
21270
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
21271
|
-
style: {
|
|
21272
|
-
position: 'absolute',
|
|
21273
|
-
left: "".concat(config.colHeaderWidth, "px"),
|
|
21274
|
-
minWidth: rightAreaWidth,
|
|
21275
|
-
zIndex: 0,
|
|
21276
|
-
top: 0
|
|
21277
|
-
}
|
|
21278
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
21279
|
-
style: {
|
|
21280
|
-
position: 'relative'
|
|
21281
|
-
}
|
|
21282
|
-
}, /*#__PURE__*/React.createElement("table", {
|
|
21283
|
-
className: 'north__east_bottom'.concat(" ", 'editTable__block', " ", 'table_border_style'),
|
|
21271
|
+
className: " ".concat('editTable__block', " ", 'table_border_style'),
|
|
21284
21272
|
style: {
|
|
21285
21273
|
width: '100%',
|
|
21286
21274
|
top: 0,
|
|
21287
21275
|
left: "".concat(config.colHeaderWidth, "px"),
|
|
21288
|
-
position: '
|
|
21276
|
+
position: 'absolute',
|
|
21289
21277
|
display: config.tableType === 'col-header-table' ? 'none' : ''
|
|
21290
21278
|
}
|
|
21291
21279
|
}, /*#__PURE__*/React.createElement("colgroup", null, config.rowLastData.map(function (row) {
|
|
@@ -21307,7 +21295,15 @@ var index$7 = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
21307
21295
|
colSpan: innerItem && innerItem.colSpan
|
|
21308
21296
|
}, innerItem && innerItem.title);
|
|
21309
21297
|
}));
|
|
21310
|
-
})))
|
|
21298
|
+
}))), /*#__PURE__*/React.createElement("div", {
|
|
21299
|
+
style: {
|
|
21300
|
+
position: 'absolute',
|
|
21301
|
+
left: "".concat(config.colHeaderWidth, "px"),
|
|
21302
|
+
top: "".concat(config.colHeaderToTop, "px"),
|
|
21303
|
+
minWidth: rightAreaWidth,
|
|
21304
|
+
zIndex: 0
|
|
21305
|
+
}
|
|
21306
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
21311
21307
|
style: {
|
|
21312
21308
|
width: '100%',
|
|
21313
21309
|
position: 'relative'
|
package/dist/index.js
CHANGED
|
@@ -14993,7 +14993,7 @@ var ColumnSettingSulaTable = /*#__PURE__*/function (_React$Component) {
|
|
|
14993
14993
|
fixed: true
|
|
14994
14994
|
}, /*#__PURE__*/React__default['default'].createElement(antd.Table.Summary.Row, null, _toConsumableArray(summaryRow).map(function (item, index) {
|
|
14995
14995
|
return /*#__PURE__*/React__default['default'].createElement(antd.Table.Summary.Cell, {
|
|
14996
|
-
index:
|
|
14996
|
+
index: index
|
|
14997
14997
|
}, /*#__PURE__*/React__default['default'].createElement(Text, {
|
|
14998
14998
|
type: "danger"
|
|
14999
14999
|
}, summaryInitial.filter(function (inner) {
|
|
@@ -15281,7 +15281,7 @@ var ColumnSettingTable = /*#__PURE__*/function (_React$Component) {
|
|
|
15281
15281
|
fixed: true
|
|
15282
15282
|
}, /*#__PURE__*/React__default['default'].createElement(antd.Table.Summary.Row, null, _toConsumableArray(summaryRow).map(function (item, index) {
|
|
15283
15283
|
return /*#__PURE__*/React__default['default'].createElement(antd.Table.Summary.Cell, {
|
|
15284
|
-
index:
|
|
15284
|
+
index: index
|
|
15285
15285
|
}, /*#__PURE__*/React__default['default'].createElement(Text$1, {
|
|
15286
15286
|
type: "danger"
|
|
15287
15287
|
}, summaryInitial.filter(function (inner) {
|
|
@@ -21121,7 +21121,7 @@ var headersToRows = function headersToRows(originColumns) {
|
|
|
21121
21121
|
};
|
|
21122
21122
|
};
|
|
21123
21123
|
|
|
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
|
|
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) {
|
|
@@ -21248,6 +21248,13 @@ var index$7 = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
21248
21248
|
key: 'moreTreeTable',
|
|
21249
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"),
|
|
@@ -21275,31 +21282,12 @@ var index$7 = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
21275
21282
|
}, innerItem && innerItem.title);
|
|
21276
21283
|
}));
|
|
21277
21284
|
}))), /*#__PURE__*/React__default['default'].createElement("table", {
|
|
21278
|
-
|
|
21279
|
-
width: "".concat(config.colHeaderWidth + 1, "px"),
|
|
21280
|
-
height: "".concat(config.colHeaderToTop, "px"),
|
|
21281
|
-
display: config.tableType === 'col-header-table' ? 'none' : ''
|
|
21282
|
-
},
|
|
21283
|
-
className: 'north__west'.concat(" ", 'editTable__block')
|
|
21284
|
-
}), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
21285
|
-
style: {
|
|
21286
|
-
position: 'absolute',
|
|
21287
|
-
left: "".concat(config.colHeaderWidth, "px"),
|
|
21288
|
-
minWidth: rightAreaWidth,
|
|
21289
|
-
zIndex: 0,
|
|
21290
|
-
top: 0
|
|
21291
|
-
}
|
|
21292
|
-
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
21293
|
-
style: {
|
|
21294
|
-
position: 'relative'
|
|
21295
|
-
}
|
|
21296
|
-
}, /*#__PURE__*/React__default['default'].createElement("table", {
|
|
21297
|
-
className: 'north__east_bottom'.concat(" ", 'editTable__block', " ", 'table_border_style'),
|
|
21285
|
+
className: " ".concat('editTable__block', " ", 'table_border_style'),
|
|
21298
21286
|
style: {
|
|
21299
21287
|
width: '100%',
|
|
21300
21288
|
top: 0,
|
|
21301
21289
|
left: "".concat(config.colHeaderWidth, "px"),
|
|
21302
|
-
position: '
|
|
21290
|
+
position: 'absolute',
|
|
21303
21291
|
display: config.tableType === 'col-header-table' ? 'none' : ''
|
|
21304
21292
|
}
|
|
21305
21293
|
}, /*#__PURE__*/React__default['default'].createElement("colgroup", null, config.rowLastData.map(function (row) {
|
|
@@ -21321,7 +21309,15 @@ var index$7 = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
21321
21309
|
colSpan: innerItem && innerItem.colSpan
|
|
21322
21310
|
}, innerItem && innerItem.title);
|
|
21323
21311
|
}));
|
|
21324
|
-
})))
|
|
21312
|
+
}))), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
21313
|
+
style: {
|
|
21314
|
+
position: 'absolute',
|
|
21315
|
+
left: "".concat(config.colHeaderWidth, "px"),
|
|
21316
|
+
top: "".concat(config.colHeaderToTop, "px"),
|
|
21317
|
+
minWidth: rightAreaWidth,
|
|
21318
|
+
zIndex: 0
|
|
21319
|
+
}
|
|
21320
|
+
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
21325
21321
|
style: {
|
|
21326
21322
|
width: '100%',
|
|
21327
21323
|
position: 'relative'
|
package/package.json
CHANGED
|
@@ -77,7 +77,7 @@ export default class ColumnSettingTable extends React.Component {
|
|
|
77
77
|
{
|
|
78
78
|
[...summaryRow].map((item: any, index: number) => {
|
|
79
79
|
return (
|
|
80
|
-
<Table.Summary.Cell index={
|
|
80
|
+
<Table.Summary.Cell index={index}>
|
|
81
81
|
<Text type="danger">
|
|
82
82
|
{
|
|
83
83
|
summaryInitial.filter((inner: any) => inner.key === item.dataIndex || inner.key === item.key).length ?
|
|
@@ -83,7 +83,7 @@ export default class ColumnSettingSulaTable extends React.Component {
|
|
|
83
83
|
{
|
|
84
84
|
[...summaryRow].map((item: any, index: number) => {
|
|
85
85
|
return (
|
|
86
|
-
<Table.Summary.Cell index={
|
|
86
|
+
<Table.Summary.Cell index={index}>
|
|
87
87
|
<Text type="danger">
|
|
88
88
|
{
|
|
89
89
|
summaryInitial.filter((inner: any) => inner.key === item.dataIndex || inner.key === item.key).length ?
|
|
@@ -8,20 +8,6 @@
|
|
|
8
8
|
-ms-user-select: none;
|
|
9
9
|
user-select: none;
|
|
10
10
|
|
|
11
|
-
.err-div {
|
|
12
|
-
position: absolute;
|
|
13
|
-
top: 10px;
|
|
14
|
-
height: 20px !important;
|
|
15
|
-
line-height: 20px !important;
|
|
16
|
-
background: rgba(245, 108, 108, 0.1);
|
|
17
|
-
border: 1px solid rgba(245, 108, 108, 0.4);
|
|
18
|
-
font-size: 12px;
|
|
19
|
-
color: #f56c6c;
|
|
20
|
-
z-index: 1000;
|
|
21
|
-
overflow: hidden;
|
|
22
|
-
text-overflow: ellipsis;
|
|
23
|
-
white-space: nowrap;
|
|
24
|
-
}
|
|
25
11
|
table {
|
|
26
12
|
table-layout: fixed;
|
|
27
13
|
}
|
|
@@ -31,94 +17,38 @@
|
|
|
31
17
|
// border: 1px solid #dcdfe6;
|
|
32
18
|
border-top: 0;
|
|
33
19
|
background: #fff;
|
|
34
|
-
.th-div {
|
|
35
|
-
-webkit-user-select: none;
|
|
36
|
-
-moz-user-select: none;
|
|
37
|
-
-ms-user-select: none;
|
|
38
|
-
user-select: none;
|
|
39
|
-
div {
|
|
40
|
-
height: 100%;
|
|
41
|
-
.el-input {
|
|
42
|
-
height: 100%;
|
|
43
|
-
width: 100%;
|
|
44
|
-
}
|
|
45
|
-
.el-select {
|
|
46
|
-
width: 100%;
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
.el-input__inner {
|
|
50
|
-
height: 100%;
|
|
51
|
-
line-height: 100%;
|
|
52
|
-
border: 0;
|
|
53
|
-
outline: 0;
|
|
54
|
-
background: transparent;
|
|
55
|
-
padding-left: 6px;
|
|
56
|
-
padding-right: 15px;
|
|
57
|
-
}
|
|
58
|
-
.el-date-editor .el-input__inner {
|
|
59
|
-
padding-left: 30px;
|
|
60
|
-
}
|
|
61
|
-
.el-range-separator {
|
|
62
|
-
visibility: hidden;
|
|
63
|
-
}
|
|
64
|
-
.el-range-input {
|
|
65
|
-
background: transparent;
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
.edit-table-add {
|
|
70
|
-
width: 100%;
|
|
71
|
-
height: 40px;
|
|
72
|
-
text-align: center;
|
|
73
|
-
line-height: 40px;
|
|
74
|
-
font-size: 14px;
|
|
75
|
-
border: 1px dashed #dcdfe6;
|
|
76
|
-
color: #303133;
|
|
77
|
-
margin-top: 10px;
|
|
78
|
-
cursor: pointer;
|
|
79
|
-
svg {
|
|
80
|
-
fill: #333333;
|
|
81
|
-
vertical-align: middle;
|
|
82
|
-
margin-right: 6px;
|
|
83
|
-
}
|
|
84
20
|
}
|
|
85
21
|
.north__west {
|
|
86
|
-
position:
|
|
22
|
+
position: sticky;
|
|
23
|
+
background-color: #f7f8fb;
|
|
87
24
|
left: 0px;
|
|
88
25
|
top: 0px;
|
|
89
|
-
background: transparent;
|
|
90
26
|
font-size: 14px;
|
|
91
27
|
color: #606266;
|
|
92
|
-
z-index:
|
|
28
|
+
z-index: 5;
|
|
93
29
|
th {
|
|
94
30
|
// background: #f0f2f5;
|
|
95
31
|
background: #fff;
|
|
96
32
|
font-size: 14px;
|
|
97
33
|
color: #606266;
|
|
98
|
-
z-index:
|
|
34
|
+
z-index: 5;
|
|
99
35
|
// border: 1px solid #dcdfe6
|
|
100
36
|
}
|
|
101
37
|
}
|
|
102
38
|
.south__west {
|
|
103
|
-
z-index:
|
|
39
|
+
z-index: 4;
|
|
104
40
|
position: absolute;
|
|
105
41
|
left: 0px;
|
|
106
42
|
top: 0;
|
|
107
43
|
th {
|
|
108
|
-
// background: #f0f2f5;
|
|
109
44
|
background: #fff;
|
|
110
45
|
font-size: 14px;
|
|
111
46
|
color: #606266;
|
|
112
|
-
z-index:
|
|
47
|
+
z-index: 4;
|
|
113
48
|
}
|
|
114
49
|
td {
|
|
115
50
|
font-size: 12px;
|
|
116
|
-
// color: #606266;
|
|
117
51
|
background: #fff;
|
|
118
|
-
// white-space: nowrap;
|
|
119
|
-
// overflow: hidden;
|
|
120
|
-
// text-overflow: ellipsis;
|
|
121
|
-
// font-size: 11px;
|
|
122
52
|
color: #6a6a6a;
|
|
123
53
|
svg {
|
|
124
54
|
width: 20px;
|
|
@@ -127,30 +57,6 @@
|
|
|
127
57
|
}
|
|
128
58
|
}
|
|
129
59
|
}
|
|
130
|
-
.north__east {
|
|
131
|
-
position: absolute;
|
|
132
|
-
top: 0px;
|
|
133
|
-
// min-width: 100%;
|
|
134
|
-
z-index: 110;
|
|
135
|
-
font-size: 14px;
|
|
136
|
-
color: #606266;
|
|
137
|
-
th {
|
|
138
|
-
background: #fff;
|
|
139
|
-
}
|
|
140
|
-
}
|
|
141
|
-
.activity__table {
|
|
142
|
-
min-width: 100%;
|
|
143
|
-
th {
|
|
144
|
-
background: #fff;
|
|
145
|
-
font-size: 14px;
|
|
146
|
-
color: #606266;
|
|
147
|
-
}
|
|
148
|
-
td {
|
|
149
|
-
font-size: 12px;
|
|
150
|
-
color: #6a6a6a;
|
|
151
|
-
}
|
|
152
|
-
}
|
|
153
|
-
|
|
154
60
|
.editTable__block {
|
|
155
61
|
user-select: none;
|
|
156
62
|
position: absolute;
|
|
@@ -165,29 +71,6 @@
|
|
|
165
71
|
}
|
|
166
72
|
}
|
|
167
73
|
|
|
168
|
-
.el-input--small {
|
|
169
|
-
.el-input__inner {
|
|
170
|
-
border-color: transparent;
|
|
171
|
-
background: transparent;
|
|
172
|
-
font-size: 12px;
|
|
173
|
-
color: #606266;
|
|
174
|
-
outline: 0;
|
|
175
|
-
}
|
|
176
|
-
}
|
|
177
|
-
|
|
178
|
-
.north__east_bottom{
|
|
179
|
-
table{
|
|
180
|
-
border-bottom: 0;
|
|
181
|
-
|
|
182
|
-
}
|
|
183
|
-
th {
|
|
184
|
-
border-bottom: 0;
|
|
185
|
-
}
|
|
186
|
-
}
|
|
187
|
-
|
|
188
|
-
.icon-ser {
|
|
189
|
-
cursor: pointer;
|
|
190
|
-
}
|
|
191
74
|
|
|
192
75
|
.value_table {
|
|
193
76
|
table {
|
|
@@ -214,14 +97,4 @@
|
|
|
214
97
|
line-height: 28px;
|
|
215
98
|
}
|
|
216
99
|
}
|
|
217
|
-
|
|
218
|
-
}
|
|
219
|
-
|
|
220
|
-
.editTableWrapper .editTable .el-form-item--mini.el-form-item,
|
|
221
|
-
.el-form-item--small.el-form-item {
|
|
222
|
-
margin-bottom: 0;
|
|
223
|
-
}
|
|
224
|
-
.editTableWrapper .el-form-item--small .el-form-item__error {
|
|
225
|
-
z-index: 100;
|
|
226
|
-
}
|
|
227
|
-
|
|
100
|
+
}
|
|
@@ -110,6 +110,17 @@ export default forwardRef((props, ref) => {
|
|
|
110
110
|
key='moreTreeTable'
|
|
111
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={{
|
|
@@ -152,76 +163,67 @@ export default forwardRef((props, ref) => {
|
|
|
152
163
|
})}
|
|
153
164
|
</tbody>
|
|
154
165
|
</table>
|
|
155
|
-
{/* -------------------------------------左上角区域--------------------------------------- */}
|
|
156
166
|
<table
|
|
167
|
+
className={` ${'editTable__block'} ${'table_border_style'}`}
|
|
157
168
|
style={{
|
|
158
|
-
width:
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
169
|
+
width: '100%',
|
|
170
|
+
top: 0,
|
|
171
|
+
left: `${config.colHeaderWidth}px`,
|
|
172
|
+
position: 'absolute',
|
|
173
|
+
display: config.tableType === 'col-header-table' ? 'none' : ''
|
|
174
|
+
}}
|
|
163
175
|
>
|
|
164
|
-
|
|
176
|
+
<colgroup>
|
|
177
|
+
{
|
|
178
|
+
config.rowLastData.map(row => {
|
|
179
|
+
return (<col width={row.width ? `${row.width}px` : '100px'} />)
|
|
180
|
+
})
|
|
181
|
+
}
|
|
182
|
+
</colgroup>
|
|
183
|
+
<tbody>
|
|
184
|
+
{
|
|
185
|
+
config.rowHeader.map((item) => {
|
|
186
|
+
return (
|
|
187
|
+
<tr>
|
|
188
|
+
{
|
|
189
|
+
item.map((innerItem) => {
|
|
190
|
+
if (!innerItem) return null;
|
|
191
|
+
return (
|
|
192
|
+
<td
|
|
193
|
+
style={{
|
|
194
|
+
height: '40px',
|
|
195
|
+
background: '#f7f8fb',
|
|
196
|
+
color: '#000000',
|
|
197
|
+
fontWeight: 500,
|
|
198
|
+
width: innerItem.width ? `${innerItem.width}px` : '100px',
|
|
199
|
+
}}
|
|
200
|
+
rowSpan={innerItem && innerItem.rowSpan}
|
|
201
|
+
colSpan={innerItem && innerItem.colSpan}
|
|
202
|
+
>
|
|
203
|
+
{innerItem && innerItem.title}
|
|
204
|
+
</td>
|
|
205
|
+
)
|
|
206
|
+
})
|
|
207
|
+
}
|
|
208
|
+
</tr>
|
|
209
|
+
)
|
|
210
|
+
})
|
|
211
|
+
}
|
|
212
|
+
</tbody>
|
|
213
|
+
</table>
|
|
165
214
|
<div
|
|
166
215
|
style={{
|
|
167
216
|
position: 'absolute',
|
|
168
217
|
left: `${config.colHeaderWidth}px`,
|
|
218
|
+
top: `${config.colHeaderToTop}px`,
|
|
169
219
|
minWidth: rightAreaWidth,
|
|
170
220
|
zIndex: 0,
|
|
171
|
-
top: 0
|
|
172
221
|
}}
|
|
173
222
|
>
|
|
174
223
|
{/* --------------------------------------横向表头---------------------------------------- */}
|
|
175
|
-
<div style={{position: 'relative'}}>
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
style={{
|
|
179
|
-
width: '100%',
|
|
180
|
-
top: 0,
|
|
181
|
-
left: `${config.colHeaderWidth}px`,
|
|
182
|
-
position: 'sticky',
|
|
183
|
-
display: config.tableType === 'col-header-table' ? 'none' : ''
|
|
184
|
-
}}
|
|
185
|
-
>
|
|
186
|
-
<colgroup>
|
|
187
|
-
{
|
|
188
|
-
config.rowLastData.map(row => {
|
|
189
|
-
return (<col width={row.width ? `${row.width}px` : '100px'} />)
|
|
190
|
-
})
|
|
191
|
-
}
|
|
192
|
-
</colgroup>
|
|
193
|
-
<tbody>
|
|
194
|
-
{
|
|
195
|
-
config.rowHeader.map((item) => {
|
|
196
|
-
return (
|
|
197
|
-
<tr>
|
|
198
|
-
{
|
|
199
|
-
item.map((innerItem) => {
|
|
200
|
-
if (!innerItem) return null;
|
|
201
|
-
return (
|
|
202
|
-
<td
|
|
203
|
-
style={{
|
|
204
|
-
height: '40px',
|
|
205
|
-
background: '#f7f8fb',
|
|
206
|
-
color: '#000000',
|
|
207
|
-
fontWeight: 500,
|
|
208
|
-
width: innerItem.width ? `${innerItem.width}px` : '100px',
|
|
209
|
-
}}
|
|
210
|
-
rowSpan={innerItem && innerItem.rowSpan}
|
|
211
|
-
colSpan={innerItem && innerItem.colSpan}
|
|
212
|
-
>
|
|
213
|
-
{innerItem && innerItem.title}
|
|
214
|
-
</td>
|
|
215
|
-
)
|
|
216
|
-
})
|
|
217
|
-
}
|
|
218
|
-
</tr>
|
|
219
|
-
)
|
|
220
|
-
})
|
|
221
|
-
}
|
|
222
|
-
</tbody>
|
|
223
|
-
</table>
|
|
224
|
-
</div>
|
|
224
|
+
{/* <div style={{position: 'relative'}}>
|
|
225
|
+
|
|
226
|
+
</div> */}
|
|
225
227
|
<div
|
|
226
228
|
style={{
|
|
227
229
|
width: '100%',
|