@bit-sun/business-component 2.1.12 → 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 = ".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"),
|
|
@@ -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: 'north__west'.concat(" ", '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:
|
|
21283
|
+
className: " ".concat('editTable__block', " ", 'table_border_style'),
|
|
21284
21284
|
style: {
|
|
21285
21285
|
width: '100%',
|
|
21286
21286
|
top: 0,
|
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 = ".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"),
|
|
@@ -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: 'north__west'.concat(" ", '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:
|
|
21297
|
+
className: " ".concat('editTable__block', " ", 'table_border_style'),
|
|
21298
21298
|
style: {
|
|
21299
21299
|
width: '100%',
|
|
21300
21300
|
top: 0,
|
package/package.json
CHANGED
|
@@ -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,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={`${'north__west'} ${'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,
|