linkmore-design 1.1.3 → 1.1.4
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/CropImg/LmCropImg.d.ts +11 -0
- package/dist/CropImg/body/Operate.d.ts +5 -0
- package/dist/CropImg/body/index.d.ts +5 -0
- package/dist/CropImg/demos/basic.d.ts +2 -0
- package/dist/CropImg/fns/index.d.ts +14 -0
- package/dist/CropImg/index.d.ts +4 -0
- package/dist/CropImg/style/index.d.ts +1 -0
- package/dist/CropImg/style/variables.d.ts +1 -0
- package/dist/CropImg/utils.d.ts +18 -0
- package/dist/CropImg/wrapper/Container.d.ts +5 -0
- package/dist/CropImg/wrapper/Root.d.ts +3 -0
- package/dist/CropImg/wrapper/Wrapper.d.ts +5 -0
- package/dist/CropImg/wrapper/reducer.d.ts +13 -0
- package/dist/ImageViewer/wrapeer/Container.d.ts +4 -3
- package/dist/ImageViewer/wrapeer/Wrapper.d.ts +4 -3
- package/dist/LmUpload/components/Crop.d.ts +5 -0
- package/dist/LmUpload/demos/crop.d.ts +2 -0
- package/dist/LmUpload/demos/custom.d.ts +2 -0
- package/dist/LmUpload/fns/index.d.ts +2 -0
- package/dist/LmUpload/wrapper/reducer.d.ts +1 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.umd.js +2529 -27
- package/dist/index.umd.min.js +46 -18
- package/dist/variables.css +90 -30
- package/es/CardTable/pager/TablePagination.js +1 -3
- package/es/CardTable/pager/index.js +0 -1
- package/es/CropImg/LmCropImg.d.ts +11 -0
- package/es/CropImg/LmCropImg.js +17 -0
- package/es/CropImg/body/Operate.d.ts +5 -0
- package/es/CropImg/body/Operate.js +90 -0
- package/es/CropImg/body/index.d.ts +5 -0
- package/es/CropImg/body/index.js +46 -0
- package/es/CropImg/fns/index.d.ts +14 -0
- package/es/CropImg/fns/index.js +50 -0
- package/es/CropImg/index.d.ts +4 -0
- package/es/CropImg/index.js +4 -0
- package/es/CropImg/style/index.css +17 -0
- package/es/CropImg/style/index.js +3 -0
- package/es/CropImg/style/variables.css +17 -0
- package/es/CropImg/style/variables.js +3 -0
- package/es/CropImg/utils.js +161 -0
- package/es/CropImg/wrapper/Container.d.ts +5 -0
- package/es/CropImg/wrapper/Container.js +107 -0
- package/es/CropImg/wrapper/Root.d.ts +3 -0
- package/es/CropImg/wrapper/Root.js +44 -0
- package/es/CropImg/wrapper/Wrapper.d.ts +5 -0
- package/es/CropImg/wrapper/Wrapper.js +11 -0
- package/es/CropImg/wrapper/reducer.d.ts +13 -0
- package/es/CropImg/wrapper/reducer.js +33 -0
- package/es/ImageViewer/wrapeer/Container.d.ts +4 -3
- package/es/ImageViewer/wrapeer/Container.js +1 -1
- package/es/ImageViewer/wrapeer/Wrapper.d.ts +4 -3
- package/es/ImageViewer/wrapeer/Wrapper.js +1 -1
- package/es/LmFilter/components/CheckboxFilter.js +7 -4
- package/es/LmFilter/filterFns/index.js +15 -3
- package/es/LmFilter/style/index.css +73 -30
- package/es/LmFilter/style/variables.css +73 -30
- package/es/LmTable/Table.js +3 -2
- package/es/LmUpload/LmUpload.js +1 -0
- package/es/LmUpload/components/Crop.d.ts +5 -0
- package/es/LmUpload/components/Crop.js +23 -0
- package/es/LmUpload/fns/index.d.ts +2 -0
- package/es/LmUpload/fns/index.js +90 -14
- package/es/LmUpload/wrapper/UploadWrapper.js +3 -0
- package/es/LmUpload/wrapper/reducer.d.ts +1 -0
- package/es/LmUpload/wrapper/reducer.js +9 -2
- package/es/index.d.ts +3 -0
- package/es/index.js +3 -1
- package/es/styles/variables.css +90 -30
- package/lib/CardTable/pager/TablePagination.js +1 -3
- package/lib/CardTable/pager/index.js +0 -1
- package/lib/CropImg/LmCropImg.d.ts +11 -0
- package/lib/CropImg/LmCropImg.js +31 -0
- package/lib/CropImg/body/Operate.d.ts +5 -0
- package/lib/CropImg/body/Operate.js +102 -0
- package/lib/CropImg/body/index.d.ts +5 -0
- package/lib/CropImg/body/index.js +60 -0
- package/lib/CropImg/fns/index.d.ts +14 -0
- package/lib/CropImg/fns/index.js +60 -0
- package/lib/CropImg/index.d.ts +4 -0
- package/lib/CropImg/index.js +33 -0
- package/lib/CropImg/style/index.css +17 -0
- package/lib/CropImg/style/index.js +3 -0
- package/lib/CropImg/style/variables.css +17 -0
- package/lib/CropImg/style/variables.js +3 -0
- package/lib/CropImg/utils.js +161 -0
- package/lib/CropImg/wrapper/Container.d.ts +5 -0
- package/lib/CropImg/wrapper/Container.js +124 -0
- package/lib/CropImg/wrapper/Root.d.ts +3 -0
- package/lib/CropImg/wrapper/Root.js +61 -0
- package/lib/CropImg/wrapper/Wrapper.d.ts +5 -0
- package/lib/CropImg/wrapper/Wrapper.js +23 -0
- package/lib/CropImg/wrapper/reducer.d.ts +13 -0
- package/lib/CropImg/wrapper/reducer.js +45 -0
- package/lib/ImageViewer/wrapeer/Container.d.ts +4 -3
- package/lib/ImageViewer/wrapeer/Container.js +2 -1
- package/lib/ImageViewer/wrapeer/Wrapper.d.ts +4 -3
- package/lib/ImageViewer/wrapeer/Wrapper.js +2 -1
- package/lib/LmFilter/components/CheckboxFilter.js +7 -4
- package/lib/LmFilter/filterFns/index.js +15 -3
- package/lib/LmFilter/style/index.css +73 -30
- package/lib/LmFilter/style/variables.css +73 -30
- package/lib/LmTable/Table.js +3 -2
- package/lib/LmUpload/LmUpload.js +1 -0
- package/lib/LmUpload/components/Crop.d.ts +5 -0
- package/lib/LmUpload/components/Crop.js +35 -0
- package/lib/LmUpload/fns/index.d.ts +2 -0
- package/lib/LmUpload/fns/index.js +90 -14
- package/lib/LmUpload/wrapper/UploadWrapper.js +4 -0
- package/lib/LmUpload/wrapper/reducer.d.ts +1 -0
- package/lib/LmUpload/wrapper/reducer.js +9 -2
- package/lib/index.d.ts +3 -0
- package/lib/index.js +21 -3
- package/lib/styles/variables.css +90 -30
- package/package.json +3 -1
- package/dist/LmUpload/components/card.d.ts +0 -2
- package/es/LmUpload/components/card.d.ts +0 -2
- package/es/LmUpload/components/card.js +0 -9
- package/lib/LmUpload/components/card.d.ts +0 -2
- package/lib/LmUpload/components/card.js +0 -19
|
@@ -113,53 +113,53 @@
|
|
|
113
113
|
visibility: hidden;
|
|
114
114
|
transform: translateY(-36px);
|
|
115
115
|
}
|
|
116
|
-
.
|
|
116
|
+
.filter_dropdown {
|
|
117
117
|
display: flex;
|
|
118
118
|
flex-flow: column;
|
|
119
119
|
box-shadow: 0 2px 6px var(--box-shadow-color);
|
|
120
120
|
background-color: #fff;
|
|
121
121
|
}
|
|
122
|
-
.
|
|
122
|
+
.filter_dropdown .filter_header {
|
|
123
123
|
min-height: 40px;
|
|
124
124
|
border-bottom: 1px solid #eee;
|
|
125
125
|
padding: 8px;
|
|
126
126
|
}
|
|
127
|
-
.
|
|
127
|
+
.filter_dropdown .filter_header .filter_header_operate {
|
|
128
128
|
display: flex;
|
|
129
129
|
align-items: center;
|
|
130
130
|
justify-content: space-between;
|
|
131
131
|
}
|
|
132
|
-
.
|
|
132
|
+
.filter_dropdown .filter_header .filter_header_operate .filter_header_operate_checked {
|
|
133
133
|
display: inline-flex;
|
|
134
134
|
align-items: center;
|
|
135
135
|
}
|
|
136
|
-
.
|
|
136
|
+
.filter_dropdown .filter_header .filter_header_operate .filter_reset {
|
|
137
137
|
font-size: 12px;
|
|
138
138
|
color: var(--primary-color);
|
|
139
139
|
cursor: pointer;
|
|
140
140
|
}
|
|
141
|
-
.
|
|
141
|
+
.filter_dropdown .filter_header .filter_header_operate .filter_tip {
|
|
142
142
|
font-size: 12px;
|
|
143
143
|
color: var(--text-color);
|
|
144
144
|
}
|
|
145
|
-
.
|
|
145
|
+
.filter_dropdown .filter_header .ant-input-group {
|
|
146
146
|
line-height: 1;
|
|
147
147
|
}
|
|
148
|
-
.
|
|
148
|
+
.filter_dropdown .filter_header input {
|
|
149
149
|
font-size: 12px;
|
|
150
150
|
}
|
|
151
|
-
.
|
|
151
|
+
.filter_dropdown .filter_header .ant-input-search + .filter_header_operate {
|
|
152
152
|
margin-top: 8px;
|
|
153
153
|
}
|
|
154
|
-
.
|
|
154
|
+
.filter_dropdown .filter_body {
|
|
155
155
|
width: 100%;
|
|
156
156
|
}
|
|
157
|
-
.
|
|
157
|
+
.filter_dropdown .filter_body .virtual_list {
|
|
158
158
|
min-width: 168px;
|
|
159
159
|
max-height: 224px;
|
|
160
160
|
overflow: auto;
|
|
161
161
|
}
|
|
162
|
-
.
|
|
162
|
+
.filter_dropdown .filter_body .filter_item {
|
|
163
163
|
display: flex;
|
|
164
164
|
align-items: center;
|
|
165
165
|
justify-content: space-between;
|
|
@@ -172,39 +172,39 @@
|
|
|
172
172
|
cursor: pointer;
|
|
173
173
|
gap: 8px;
|
|
174
174
|
}
|
|
175
|
-
.
|
|
175
|
+
.filter_dropdown .filter_body .filter_item.last_item {
|
|
176
176
|
border-top: 1px solid var(--line-color);
|
|
177
177
|
}
|
|
178
|
-
.
|
|
178
|
+
.filter_dropdown .filter_body .filter_item .filter_item_content {
|
|
179
179
|
flex: auto;
|
|
180
180
|
}
|
|
181
|
-
.
|
|
181
|
+
.filter_dropdown .filter_body .filter_item .filter_item_operate {
|
|
182
182
|
display: inline-flex;
|
|
183
183
|
align-items: center;
|
|
184
184
|
gap: 4px;
|
|
185
185
|
}
|
|
186
|
-
.
|
|
186
|
+
.filter_dropdown .filter_body .filter_item .filter_item_operate .icon_hover {
|
|
187
187
|
font-size: 16px;
|
|
188
188
|
transition: 0.3s;
|
|
189
189
|
opacity: 0;
|
|
190
190
|
}
|
|
191
|
-
.
|
|
191
|
+
.filter_dropdown .filter_body .filter_item .filter_item_operate .icon_hover:hover {
|
|
192
192
|
color: var(--primary-color);
|
|
193
193
|
}
|
|
194
|
-
.
|
|
194
|
+
.filter_dropdown .filter_body .filter_item[disabled] {
|
|
195
195
|
display: none;
|
|
196
196
|
}
|
|
197
|
-
.
|
|
197
|
+
.filter_dropdown .filter_body .filter_item.checked {
|
|
198
198
|
color: var(--font-color);
|
|
199
199
|
background-color: var(--primary-select-color);
|
|
200
200
|
}
|
|
201
|
-
.
|
|
201
|
+
.filter_dropdown .filter_body .filter_item:hover {
|
|
202
202
|
background-color: var(--background-color);
|
|
203
203
|
}
|
|
204
|
-
.
|
|
204
|
+
.filter_dropdown .filter_body .filter_item:hover .filter_item_operate .icon_hover {
|
|
205
205
|
opacity: 1;
|
|
206
206
|
}
|
|
207
|
-
.
|
|
207
|
+
.filter_dropdown .filter_footer {
|
|
208
208
|
display: flex;
|
|
209
209
|
align-items: center;
|
|
210
210
|
justify-content: space-between;
|
|
@@ -214,24 +214,24 @@
|
|
|
214
214
|
border-top: 1px solid #eee;
|
|
215
215
|
letter-spacing: 1px;
|
|
216
216
|
}
|
|
217
|
-
.
|
|
217
|
+
.filter_dropdown .filter_footer button {
|
|
218
218
|
font-size: 12px;
|
|
219
219
|
padding: 0 8px;
|
|
220
220
|
}
|
|
221
|
-
.
|
|
221
|
+
.filter_dropdown .filter_footer .footer_save {
|
|
222
222
|
color: var(--primary-color);
|
|
223
223
|
cursor: pointer;
|
|
224
224
|
transition: 0.3s;
|
|
225
225
|
}
|
|
226
|
-
.
|
|
226
|
+
.filter_dropdown .filter_footer .footer_clear {
|
|
227
227
|
color: var(--text-color);
|
|
228
228
|
cursor: pointer;
|
|
229
229
|
transition: 0.3s;
|
|
230
230
|
}
|
|
231
|
-
.
|
|
231
|
+
.filter_dropdown .filter_footer .footer_clear:hover {
|
|
232
232
|
color: var(--font-color);
|
|
233
233
|
}
|
|
234
|
-
.
|
|
234
|
+
.filter_dropdown .filter_empty {
|
|
235
235
|
display: flex;
|
|
236
236
|
flex-flow: column;
|
|
237
237
|
align-items: center;
|
|
@@ -243,19 +243,19 @@
|
|
|
243
243
|
margin: auto;
|
|
244
244
|
gap: 4px;
|
|
245
245
|
}
|
|
246
|
-
.
|
|
246
|
+
.filter_dropdown .filter_empty .filter_empty_text {
|
|
247
247
|
display: inline-flex;
|
|
248
248
|
align-items: center;
|
|
249
249
|
justify-content: center;
|
|
250
250
|
min-height: 20px;
|
|
251
251
|
color: var(--font-color);
|
|
252
252
|
}
|
|
253
|
-
.
|
|
253
|
+
.filter_dropdown .ant-checkbox-wrapper {
|
|
254
254
|
flex: 1;
|
|
255
255
|
font-size: 12px;
|
|
256
256
|
align-items: center;
|
|
257
257
|
}
|
|
258
|
-
.
|
|
258
|
+
.filter_dropdown .ant-checkbox-wrapper .ant-checkbox {
|
|
259
259
|
top: initial;
|
|
260
260
|
}
|
|
261
261
|
.ant-drawer .ant-drawer-header .ant-drawer-title {
|
|
@@ -420,6 +420,49 @@
|
|
|
420
420
|
.lm_filter_dropdown_picker {
|
|
421
421
|
padding: 0 !important;
|
|
422
422
|
}
|
|
423
|
+
.lm_filter_dropdown_picker .filter_picker_box {
|
|
424
|
+
display: flex;
|
|
425
|
+
}
|
|
426
|
+
.lm_filter_dropdown_picker .filter_picker_box .filter_picker_aside {
|
|
427
|
+
font-size: 12px;
|
|
428
|
+
border-right: 1px solid var(--background-color-hover);
|
|
429
|
+
padding: 6px 0;
|
|
430
|
+
}
|
|
431
|
+
.lm_filter_dropdown_picker .filter_picker_box .filter_picker_aside .filter_picker_aside_item {
|
|
432
|
+
display: flex;
|
|
433
|
+
align-items: center;
|
|
434
|
+
height: 32px;
|
|
435
|
+
padding: 0 8px;
|
|
436
|
+
transition: 0.3s;
|
|
437
|
+
cursor: pointer;
|
|
438
|
+
}
|
|
439
|
+
.lm_filter_dropdown_picker .filter_picker_box .filter_picker_aside .filter_picker_aside_item:hover,
|
|
440
|
+
.lm_filter_dropdown_picker .filter_picker_box .filter_picker_aside .filter_picker_aside_item.active {
|
|
441
|
+
background-color: var(--primary-select-color);
|
|
442
|
+
}
|
|
443
|
+
.lm_filter_dropdown_picker .filter_picker_box .filter_picker_main .filter_picker_header {
|
|
444
|
+
display: flex;
|
|
445
|
+
align-items: center;
|
|
446
|
+
justify-content: space-between;
|
|
447
|
+
min-height: 40px;
|
|
448
|
+
line-height: 1;
|
|
449
|
+
padding: 0 16px;
|
|
450
|
+
border-bottom: 1px solid var(--background-color-hover);
|
|
451
|
+
}
|
|
452
|
+
.lm_filter_dropdown_picker .filter_picker_box .filter_picker_main .filter_picker_header .ant-radio-button-wrapper {
|
|
453
|
+
font-size: 12px;
|
|
454
|
+
color: var(--font2-color);
|
|
455
|
+
}
|
|
456
|
+
.lm_filter_dropdown_picker .filter_picker_box .filter_picker_main .filter_picker_header .ant-radio-button-wrapper:hover,
|
|
457
|
+
.lm_filter_dropdown_picker .filter_picker_box .filter_picker_main .filter_picker_header .ant-radio-button-wrapper.ant-radio-button-wrapper-checked {
|
|
458
|
+
color: var(--primary-color);
|
|
459
|
+
}
|
|
423
460
|
.lm_filter_dropdown_picker .ant-picker-range-arrow {
|
|
424
461
|
display: none;
|
|
425
462
|
}
|
|
463
|
+
.ant-select-dropdown.ant-cascader-dropdown {
|
|
464
|
+
padding: 0;
|
|
465
|
+
}
|
|
466
|
+
.ant-select-dropdown.ant-cascader-dropdown .ant-cascader-menu-item {
|
|
467
|
+
padding: 5px 8px;
|
|
468
|
+
}
|
|
@@ -113,53 +113,53 @@
|
|
|
113
113
|
visibility: hidden;
|
|
114
114
|
transform: translateY(-36px);
|
|
115
115
|
}
|
|
116
|
-
.
|
|
116
|
+
.filter_dropdown {
|
|
117
117
|
display: flex;
|
|
118
118
|
flex-flow: column;
|
|
119
119
|
box-shadow: 0 2px 6px var(--box-shadow-color);
|
|
120
120
|
background-color: #fff;
|
|
121
121
|
}
|
|
122
|
-
.
|
|
122
|
+
.filter_dropdown .filter_header {
|
|
123
123
|
min-height: 40px;
|
|
124
124
|
border-bottom: 1px solid #eee;
|
|
125
125
|
padding: 8px;
|
|
126
126
|
}
|
|
127
|
-
.
|
|
127
|
+
.filter_dropdown .filter_header .filter_header_operate {
|
|
128
128
|
display: flex;
|
|
129
129
|
align-items: center;
|
|
130
130
|
justify-content: space-between;
|
|
131
131
|
}
|
|
132
|
-
.
|
|
132
|
+
.filter_dropdown .filter_header .filter_header_operate .filter_header_operate_checked {
|
|
133
133
|
display: inline-flex;
|
|
134
134
|
align-items: center;
|
|
135
135
|
}
|
|
136
|
-
.
|
|
136
|
+
.filter_dropdown .filter_header .filter_header_operate .filter_reset {
|
|
137
137
|
font-size: 12px;
|
|
138
138
|
color: var(--primary-color);
|
|
139
139
|
cursor: pointer;
|
|
140
140
|
}
|
|
141
|
-
.
|
|
141
|
+
.filter_dropdown .filter_header .filter_header_operate .filter_tip {
|
|
142
142
|
font-size: 12px;
|
|
143
143
|
color: var(--text-color);
|
|
144
144
|
}
|
|
145
|
-
.
|
|
145
|
+
.filter_dropdown .filter_header .ant-input-group {
|
|
146
146
|
line-height: 1;
|
|
147
147
|
}
|
|
148
|
-
.
|
|
148
|
+
.filter_dropdown .filter_header input {
|
|
149
149
|
font-size: 12px;
|
|
150
150
|
}
|
|
151
|
-
.
|
|
151
|
+
.filter_dropdown .filter_header .ant-input-search + .filter_header_operate {
|
|
152
152
|
margin-top: 8px;
|
|
153
153
|
}
|
|
154
|
-
.
|
|
154
|
+
.filter_dropdown .filter_body {
|
|
155
155
|
width: 100%;
|
|
156
156
|
}
|
|
157
|
-
.
|
|
157
|
+
.filter_dropdown .filter_body .virtual_list {
|
|
158
158
|
min-width: 168px;
|
|
159
159
|
max-height: 224px;
|
|
160
160
|
overflow: auto;
|
|
161
161
|
}
|
|
162
|
-
.
|
|
162
|
+
.filter_dropdown .filter_body .filter_item {
|
|
163
163
|
display: flex;
|
|
164
164
|
align-items: center;
|
|
165
165
|
justify-content: space-between;
|
|
@@ -172,39 +172,39 @@
|
|
|
172
172
|
cursor: pointer;
|
|
173
173
|
gap: 8px;
|
|
174
174
|
}
|
|
175
|
-
.
|
|
175
|
+
.filter_dropdown .filter_body .filter_item.last_item {
|
|
176
176
|
border-top: 1px solid var(--line-color);
|
|
177
177
|
}
|
|
178
|
-
.
|
|
178
|
+
.filter_dropdown .filter_body .filter_item .filter_item_content {
|
|
179
179
|
flex: auto;
|
|
180
180
|
}
|
|
181
|
-
.
|
|
181
|
+
.filter_dropdown .filter_body .filter_item .filter_item_operate {
|
|
182
182
|
display: inline-flex;
|
|
183
183
|
align-items: center;
|
|
184
184
|
gap: 4px;
|
|
185
185
|
}
|
|
186
|
-
.
|
|
186
|
+
.filter_dropdown .filter_body .filter_item .filter_item_operate .icon_hover {
|
|
187
187
|
font-size: 16px;
|
|
188
188
|
transition: 0.3s;
|
|
189
189
|
opacity: 0;
|
|
190
190
|
}
|
|
191
|
-
.
|
|
191
|
+
.filter_dropdown .filter_body .filter_item .filter_item_operate .icon_hover:hover {
|
|
192
192
|
color: var(--primary-color);
|
|
193
193
|
}
|
|
194
|
-
.
|
|
194
|
+
.filter_dropdown .filter_body .filter_item[disabled] {
|
|
195
195
|
display: none;
|
|
196
196
|
}
|
|
197
|
-
.
|
|
197
|
+
.filter_dropdown .filter_body .filter_item.checked {
|
|
198
198
|
color: var(--font-color);
|
|
199
199
|
background-color: var(--primary-select-color);
|
|
200
200
|
}
|
|
201
|
-
.
|
|
201
|
+
.filter_dropdown .filter_body .filter_item:hover {
|
|
202
202
|
background-color: var(--background-color);
|
|
203
203
|
}
|
|
204
|
-
.
|
|
204
|
+
.filter_dropdown .filter_body .filter_item:hover .filter_item_operate .icon_hover {
|
|
205
205
|
opacity: 1;
|
|
206
206
|
}
|
|
207
|
-
.
|
|
207
|
+
.filter_dropdown .filter_footer {
|
|
208
208
|
display: flex;
|
|
209
209
|
align-items: center;
|
|
210
210
|
justify-content: space-between;
|
|
@@ -214,24 +214,24 @@
|
|
|
214
214
|
border-top: 1px solid #eee;
|
|
215
215
|
letter-spacing: 1px;
|
|
216
216
|
}
|
|
217
|
-
.
|
|
217
|
+
.filter_dropdown .filter_footer button {
|
|
218
218
|
font-size: 12px;
|
|
219
219
|
padding: 0 8px;
|
|
220
220
|
}
|
|
221
|
-
.
|
|
221
|
+
.filter_dropdown .filter_footer .footer_save {
|
|
222
222
|
color: var(--primary-color);
|
|
223
223
|
cursor: pointer;
|
|
224
224
|
transition: 0.3s;
|
|
225
225
|
}
|
|
226
|
-
.
|
|
226
|
+
.filter_dropdown .filter_footer .footer_clear {
|
|
227
227
|
color: var(--text-color);
|
|
228
228
|
cursor: pointer;
|
|
229
229
|
transition: 0.3s;
|
|
230
230
|
}
|
|
231
|
-
.
|
|
231
|
+
.filter_dropdown .filter_footer .footer_clear:hover {
|
|
232
232
|
color: var(--font-color);
|
|
233
233
|
}
|
|
234
|
-
.
|
|
234
|
+
.filter_dropdown .filter_empty {
|
|
235
235
|
display: flex;
|
|
236
236
|
flex-flow: column;
|
|
237
237
|
align-items: center;
|
|
@@ -243,19 +243,19 @@
|
|
|
243
243
|
margin: auto;
|
|
244
244
|
gap: 4px;
|
|
245
245
|
}
|
|
246
|
-
.
|
|
246
|
+
.filter_dropdown .filter_empty .filter_empty_text {
|
|
247
247
|
display: inline-flex;
|
|
248
248
|
align-items: center;
|
|
249
249
|
justify-content: center;
|
|
250
250
|
min-height: 20px;
|
|
251
251
|
color: var(--font-color);
|
|
252
252
|
}
|
|
253
|
-
.
|
|
253
|
+
.filter_dropdown .ant-checkbox-wrapper {
|
|
254
254
|
flex: 1;
|
|
255
255
|
font-size: 12px;
|
|
256
256
|
align-items: center;
|
|
257
257
|
}
|
|
258
|
-
.
|
|
258
|
+
.filter_dropdown .ant-checkbox-wrapper .ant-checkbox {
|
|
259
259
|
top: initial;
|
|
260
260
|
}
|
|
261
261
|
.ant-drawer .ant-drawer-header .ant-drawer-title {
|
|
@@ -420,6 +420,49 @@
|
|
|
420
420
|
.lm_filter_dropdown_picker {
|
|
421
421
|
padding: 0 !important;
|
|
422
422
|
}
|
|
423
|
+
.lm_filter_dropdown_picker .filter_picker_box {
|
|
424
|
+
display: flex;
|
|
425
|
+
}
|
|
426
|
+
.lm_filter_dropdown_picker .filter_picker_box .filter_picker_aside {
|
|
427
|
+
font-size: 12px;
|
|
428
|
+
border-right: 1px solid var(--background-color-hover);
|
|
429
|
+
padding: 6px 0;
|
|
430
|
+
}
|
|
431
|
+
.lm_filter_dropdown_picker .filter_picker_box .filter_picker_aside .filter_picker_aside_item {
|
|
432
|
+
display: flex;
|
|
433
|
+
align-items: center;
|
|
434
|
+
height: 32px;
|
|
435
|
+
padding: 0 8px;
|
|
436
|
+
transition: 0.3s;
|
|
437
|
+
cursor: pointer;
|
|
438
|
+
}
|
|
439
|
+
.lm_filter_dropdown_picker .filter_picker_box .filter_picker_aside .filter_picker_aside_item:hover,
|
|
440
|
+
.lm_filter_dropdown_picker .filter_picker_box .filter_picker_aside .filter_picker_aside_item.active {
|
|
441
|
+
background-color: var(--primary-select-color);
|
|
442
|
+
}
|
|
443
|
+
.lm_filter_dropdown_picker .filter_picker_box .filter_picker_main .filter_picker_header {
|
|
444
|
+
display: flex;
|
|
445
|
+
align-items: center;
|
|
446
|
+
justify-content: space-between;
|
|
447
|
+
min-height: 40px;
|
|
448
|
+
line-height: 1;
|
|
449
|
+
padding: 0 16px;
|
|
450
|
+
border-bottom: 1px solid var(--background-color-hover);
|
|
451
|
+
}
|
|
452
|
+
.lm_filter_dropdown_picker .filter_picker_box .filter_picker_main .filter_picker_header .ant-radio-button-wrapper {
|
|
453
|
+
font-size: 12px;
|
|
454
|
+
color: var(--font2-color);
|
|
455
|
+
}
|
|
456
|
+
.lm_filter_dropdown_picker .filter_picker_box .filter_picker_main .filter_picker_header .ant-radio-button-wrapper:hover,
|
|
457
|
+
.lm_filter_dropdown_picker .filter_picker_box .filter_picker_main .filter_picker_header .ant-radio-button-wrapper.ant-radio-button-wrapper-checked {
|
|
458
|
+
color: var(--primary-color);
|
|
459
|
+
}
|
|
423
460
|
.lm_filter_dropdown_picker .ant-picker-range-arrow {
|
|
424
461
|
display: none;
|
|
425
462
|
}
|
|
463
|
+
.ant-select-dropdown.ant-cascader-dropdown {
|
|
464
|
+
padding: 0;
|
|
465
|
+
}
|
|
466
|
+
.ant-select-dropdown.ant-cascader-dropdown .ant-cascader-menu-item {
|
|
467
|
+
padding: 5px 8px;
|
|
468
|
+
}
|
package/es/LmTable/Table.js
CHANGED
|
@@ -1481,8 +1481,9 @@ var ResizeSize = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
1481
1481
|
}
|
|
1482
1482
|
|
|
1483
1483
|
var resetHeight = (0, _react.useMemo)(function () {
|
|
1484
|
-
var height = tableSize.height;
|
|
1485
|
-
|
|
1484
|
+
var height = tableSize.height; // 头部高度
|
|
1485
|
+
|
|
1486
|
+
var h = height - (props.size === 'middle' ? 47 : 40);
|
|
1486
1487
|
|
|
1487
1488
|
if (!props.hiddenPage || props.customCheck) {
|
|
1488
1489
|
h -= 48;
|
package/es/LmUpload/LmUpload.js
CHANGED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { CropImg } from 'linkmore-design';
|
|
3
|
+
|
|
4
|
+
var Crop = function Crop(_ref) {
|
|
5
|
+
var instance = _ref.instance;
|
|
6
|
+
var enableCrop = instance.enableCrop,
|
|
7
|
+
state = instance.state,
|
|
8
|
+
cropConfig = instance.cropConfig,
|
|
9
|
+
checkOver = instance.checkOver;
|
|
10
|
+
if (!enableCrop) return null;
|
|
11
|
+
var config = Object.assign(Object.assign({}, cropConfig), {
|
|
12
|
+
file: state.cropFile,
|
|
13
|
+
onClose: function onClose(blob, oldFile) {
|
|
14
|
+
var newFile = new File([blob], oldFile.name, {
|
|
15
|
+
type: oldFile.type
|
|
16
|
+
});
|
|
17
|
+
checkOver(newFile);
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
return /*#__PURE__*/React.createElement(CropImg, Object.assign({}, config));
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
export default /*#__PURE__*/React.memo(Crop);
|
|
@@ -7,6 +7,7 @@ declare const useCoreOptions: ({ state, dispatch, props }: {
|
|
|
7
7
|
getIsMaxCount: () => boolean;
|
|
8
8
|
getFileFields: (fileParams: any) => {};
|
|
9
9
|
beforeUpload: (e: any) => false | import("../../message").MessageType;
|
|
10
|
+
checkOver: (file: any) => Promise<void>;
|
|
10
11
|
getUploadStatus: () => {
|
|
11
12
|
uploading: boolean;
|
|
12
13
|
};
|
|
@@ -17,6 +18,7 @@ declare const useCoreOptions: ({ state, dispatch, props }: {
|
|
|
17
18
|
RefMethods: {
|
|
18
19
|
getState: () => any;
|
|
19
20
|
getFileList: () => any;
|
|
21
|
+
uploadFile: (file: any) => void;
|
|
20
22
|
};
|
|
21
23
|
};
|
|
22
24
|
export default useCoreOptions;
|
package/es/LmUpload/fns/index.js
CHANGED
|
@@ -47,6 +47,7 @@ var useCoreOptions = function useCoreOptions(_ref) {
|
|
|
47
47
|
type = props.type,
|
|
48
48
|
fileSize = props.fileSize,
|
|
49
49
|
enabledOss = props.enabledOss,
|
|
50
|
+
enableCrop = props.enableCrop,
|
|
50
51
|
ossConfig = props.ossConfig; // 获取当前的文件列表
|
|
51
52
|
|
|
52
53
|
var getFileList = useCallback(function () {
|
|
@@ -228,7 +229,74 @@ var useCoreOptions = function useCoreOptions(_ref) {
|
|
|
228
229
|
value: getFileList(),
|
|
229
230
|
onChange: uploadSuccess
|
|
230
231
|
});
|
|
231
|
-
}, [props.fileUpload, getFileList, uploadSuccess]); //
|
|
232
|
+
}, [props.fileUpload, getFileList, uploadSuccess]); // 上传文件
|
|
233
|
+
|
|
234
|
+
var uploadFile = useCallback(function (file) {
|
|
235
|
+
enabledOss && uploadOss(file);
|
|
236
|
+
customUpload(file);
|
|
237
|
+
}, [enabledOss, uploadOss, customUpload]); // 检测完成 file
|
|
238
|
+
|
|
239
|
+
var checkOver = useCallback(function (file) {
|
|
240
|
+
return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
|
|
241
|
+
var res, newFile;
|
|
242
|
+
return _regeneratorRuntime().wrap(function _callee2$(_context2) {
|
|
243
|
+
while (1) {
|
|
244
|
+
switch (_context2.prev = _context2.next) {
|
|
245
|
+
case 0:
|
|
246
|
+
if (props === null || props === void 0 ? void 0 : props.beforeUpload) {
|
|
247
|
+
_context2.next = 3;
|
|
248
|
+
break;
|
|
249
|
+
}
|
|
250
|
+
|
|
251
|
+
uploadFile(file);
|
|
252
|
+
return _context2.abrupt("return");
|
|
253
|
+
|
|
254
|
+
case 3:
|
|
255
|
+
res = props.beforeUpload(file, getFileList()); // Promise
|
|
256
|
+
|
|
257
|
+
if (!(res === null || res === void 0 ? void 0 : res.then)) {
|
|
258
|
+
_context2.next = 16;
|
|
259
|
+
break;
|
|
260
|
+
}
|
|
261
|
+
|
|
262
|
+
_context2.prev = 5;
|
|
263
|
+
_context2.next = 8;
|
|
264
|
+
return res;
|
|
265
|
+
|
|
266
|
+
case 8:
|
|
267
|
+
newFile = _context2.sent;
|
|
268
|
+
uploadFile(newFile);
|
|
269
|
+
_context2.next = 15;
|
|
270
|
+
break;
|
|
271
|
+
|
|
272
|
+
case 12:
|
|
273
|
+
_context2.prev = 12;
|
|
274
|
+
_context2.t0 = _context2["catch"](5);
|
|
275
|
+
console.log('上传失败!');
|
|
276
|
+
|
|
277
|
+
case 15:
|
|
278
|
+
return _context2.abrupt("return");
|
|
279
|
+
|
|
280
|
+
case 16:
|
|
281
|
+
if (res) {
|
|
282
|
+
_context2.next = 18;
|
|
283
|
+
break;
|
|
284
|
+
}
|
|
285
|
+
|
|
286
|
+
return _context2.abrupt("return");
|
|
287
|
+
|
|
288
|
+
case 18:
|
|
289
|
+
// () => true
|
|
290
|
+
uploadFile(file);
|
|
291
|
+
|
|
292
|
+
case 19:
|
|
293
|
+
case "end":
|
|
294
|
+
return _context2.stop();
|
|
295
|
+
}
|
|
296
|
+
}
|
|
297
|
+
}, _callee2, null, [[5, 12]]);
|
|
298
|
+
}));
|
|
299
|
+
}, [props.beforeUpload, getFileList, uploadFile]); // 上传前的检测
|
|
232
300
|
|
|
233
301
|
var beforeUpload = useCallback(function (e) {
|
|
234
302
|
var files = e.target.files; // 循环文件检查是否存在不符合要求的文件
|
|
@@ -243,29 +311,36 @@ var useCoreOptions = function useCoreOptions(_ref) {
|
|
|
243
311
|
|
|
244
312
|
if (item.size / 1024 / 1024 > fileSize) {
|
|
245
313
|
return message.warning("\u6587\u4EF6\u4E0A\u4F20\u5931\u8D25\uFF01\u9644\u4EF6\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC7".concat(fileSize, "M\uFF01"), 1.5);
|
|
246
|
-
}
|
|
314
|
+
} // 可剪裁时单独处理文件
|
|
247
315
|
|
|
248
|
-
enabledOss && uploadOss(item); // 单个文件上传
|
|
249
316
|
|
|
250
|
-
|
|
317
|
+
if (enableCrop) {
|
|
318
|
+
dispatch({
|
|
319
|
+
type: 'changeCropFile',
|
|
320
|
+
cropFile: item
|
|
321
|
+
});
|
|
322
|
+
} else {
|
|
323
|
+
// 单个文件上传
|
|
324
|
+
checkOver(item);
|
|
325
|
+
}
|
|
251
326
|
}
|
|
252
327
|
|
|
253
328
|
return false;
|
|
254
|
-
}, [type, fileSize,
|
|
329
|
+
}, [type, fileSize, enableCrop, checkOver]); // 删除事件
|
|
255
330
|
|
|
256
331
|
var remove = useCallback(function (file) {
|
|
257
|
-
return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function
|
|
332
|
+
return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
|
|
258
333
|
var _a, _b, res, fileList;
|
|
259
334
|
|
|
260
|
-
return _regeneratorRuntime().wrap(function
|
|
335
|
+
return _regeneratorRuntime().wrap(function _callee3$(_context3) {
|
|
261
336
|
while (1) {
|
|
262
|
-
switch (
|
|
337
|
+
switch (_context3.prev = _context3.next) {
|
|
263
338
|
case 0:
|
|
264
|
-
|
|
339
|
+
_context3.next = 2;
|
|
265
340
|
return (_a = props.onRemove) === null || _a === void 0 ? void 0 : _a.call(props, file);
|
|
266
341
|
|
|
267
342
|
case 2:
|
|
268
|
-
res =
|
|
343
|
+
res = _context3.sent;
|
|
269
344
|
|
|
270
345
|
if (res) {
|
|
271
346
|
fileList = (_b = getFileList()) === null || _b === void 0 ? void 0 : _b.filter(function (v) {
|
|
@@ -283,10 +358,10 @@ var useCoreOptions = function useCoreOptions(_ref) {
|
|
|
283
358
|
|
|
284
359
|
case 4:
|
|
285
360
|
case "end":
|
|
286
|
-
return
|
|
361
|
+
return _context3.stop();
|
|
287
362
|
}
|
|
288
363
|
}
|
|
289
|
-
},
|
|
364
|
+
}, _callee3);
|
|
290
365
|
}));
|
|
291
366
|
}, [props.onRemove, getFileList, onChange, dispatch, uid]); // 点击文件链接或预览图标时的回调
|
|
292
367
|
|
|
@@ -305,6 +380,7 @@ var useCoreOptions = function useCoreOptions(_ref) {
|
|
|
305
380
|
getIsMaxCount: getIsMaxCount,
|
|
306
381
|
getFileFields: getFileFields,
|
|
307
382
|
beforeUpload: beforeUpload,
|
|
383
|
+
checkOver: checkOver,
|
|
308
384
|
getUploadStatus: getUploadStatus,
|
|
309
385
|
remove: remove,
|
|
310
386
|
preview: preview,
|
|
@@ -314,8 +390,8 @@ var useCoreOptions = function useCoreOptions(_ref) {
|
|
|
314
390
|
getState: function getState() {
|
|
315
391
|
return state;
|
|
316
392
|
},
|
|
317
|
-
getFileList: getFileList
|
|
318
|
-
|
|
393
|
+
getFileList: getFileList,
|
|
394
|
+
uploadFile: uploadFile
|
|
319
395
|
};
|
|
320
396
|
return {
|
|
321
397
|
CoreMethods: CoreMethods,
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import LmUploadContainer from './UploadContainer';
|
|
4
4
|
import LmUploadView from '../view';
|
|
5
|
+
import Crop from '../components/Crop';
|
|
5
6
|
|
|
6
7
|
var LmUploadWrapper = function LmUploadWrapper(_ref) {
|
|
7
8
|
var instance = _ref.instance;
|
|
@@ -11,6 +12,8 @@ var LmUploadWrapper = function LmUploadWrapper(_ref) {
|
|
|
11
12
|
instance: instance
|
|
12
13
|
}), /*#__PURE__*/React.createElement(LmUploadView, {
|
|
13
14
|
instance: instance
|
|
15
|
+
}), /*#__PURE__*/React.createElement(Crop, {
|
|
16
|
+
instance: instance
|
|
14
17
|
}));
|
|
15
18
|
};
|
|
16
19
|
|