linkmore-design 1.1.3 → 1.1.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (128) hide show
  1. package/dist/CropImg/LmCropImg.d.ts +11 -0
  2. package/dist/CropImg/body/Operate.d.ts +5 -0
  3. package/dist/CropImg/body/index.d.ts +5 -0
  4. package/dist/CropImg/demos/basic.d.ts +2 -0
  5. package/dist/CropImg/fns/index.d.ts +14 -0
  6. package/dist/CropImg/index.d.ts +4 -0
  7. package/dist/CropImg/style/index.d.ts +1 -0
  8. package/dist/CropImg/style/variables.d.ts +1 -0
  9. package/dist/CropImg/utils.d.ts +18 -0
  10. package/dist/CropImg/wrapper/Container.d.ts +5 -0
  11. package/dist/CropImg/wrapper/Root.d.ts +3 -0
  12. package/dist/CropImg/wrapper/Wrapper.d.ts +5 -0
  13. package/dist/CropImg/wrapper/reducer.d.ts +13 -0
  14. package/dist/ImageViewer/LmImageViewer.d.ts +8 -0
  15. package/dist/ImageViewer/index.d.ts +1 -0
  16. package/dist/ImageViewer/wrapeer/Container.d.ts +4 -3
  17. package/dist/ImageViewer/wrapeer/Wrapper.d.ts +4 -3
  18. package/dist/LmUpload/components/Crop.d.ts +5 -0
  19. package/dist/LmUpload/demos/crop.d.ts +2 -0
  20. package/dist/LmUpload/demos/custom.d.ts +2 -0
  21. package/dist/LmUpload/fns/index.d.ts +2 -0
  22. package/dist/LmUpload/wrapper/reducer.d.ts +1 -0
  23. package/dist/index.d.ts +5 -0
  24. package/dist/index.umd.js +3023 -27
  25. package/dist/index.umd.min.js +46 -18
  26. package/dist/variables.css +90 -30
  27. package/es/CardTable/pager/TablePagination.js +1 -3
  28. package/es/CardTable/pager/index.js +0 -1
  29. package/es/CropImg/LmCropImg.d.ts +11 -0
  30. package/es/CropImg/LmCropImg.js +17 -0
  31. package/es/CropImg/body/Operate.d.ts +5 -0
  32. package/es/CropImg/body/Operate.js +90 -0
  33. package/es/CropImg/body/index.d.ts +5 -0
  34. package/es/CropImg/body/index.js +46 -0
  35. package/es/CropImg/fns/index.d.ts +14 -0
  36. package/es/CropImg/fns/index.js +50 -0
  37. package/es/CropImg/index.d.ts +4 -0
  38. package/es/CropImg/index.js +4 -0
  39. package/es/CropImg/style/index.css +17 -0
  40. package/es/CropImg/style/index.js +3 -0
  41. package/es/CropImg/style/variables.css +17 -0
  42. package/es/CropImg/style/variables.js +3 -0
  43. package/es/CropImg/utils.js +161 -0
  44. package/es/CropImg/wrapper/Container.d.ts +5 -0
  45. package/es/CropImg/wrapper/Container.js +107 -0
  46. package/es/CropImg/wrapper/Root.d.ts +3 -0
  47. package/es/CropImg/wrapper/Root.js +44 -0
  48. package/es/CropImg/wrapper/Wrapper.d.ts +5 -0
  49. package/es/CropImg/wrapper/Wrapper.js +11 -0
  50. package/es/CropImg/wrapper/reducer.d.ts +13 -0
  51. package/es/CropImg/wrapper/reducer.js +33 -0
  52. package/es/ImageViewer/LmImageViewer.d.ts +8 -0
  53. package/es/ImageViewer/index.d.ts +1 -0
  54. package/es/ImageViewer/index.js +1 -0
  55. package/es/ImageViewer/wrapeer/Container.d.ts +4 -3
  56. package/es/ImageViewer/wrapeer/Container.js +1 -1
  57. package/es/ImageViewer/wrapeer/Wrapper.d.ts +4 -3
  58. package/es/ImageViewer/wrapeer/Wrapper.js +1 -1
  59. package/es/LmFilter/components/CheckboxFilter.js +7 -4
  60. package/es/LmFilter/filterFns/index.js +15 -3
  61. package/es/LmFilter/style/index.css +73 -30
  62. package/es/LmFilter/style/variables.css +73 -30
  63. package/es/LmTable/Table.js +3 -2
  64. package/es/LmUpload/LmUpload.js +1 -0
  65. package/es/LmUpload/components/Crop.d.ts +5 -0
  66. package/es/LmUpload/components/Crop.js +23 -0
  67. package/es/LmUpload/fns/index.d.ts +2 -0
  68. package/es/LmUpload/fns/index.js +90 -14
  69. package/es/LmUpload/wrapper/UploadWrapper.js +3 -0
  70. package/es/LmUpload/wrapper/reducer.d.ts +1 -0
  71. package/es/LmUpload/wrapper/reducer.js +9 -2
  72. package/es/index.d.ts +5 -0
  73. package/es/index.js +4 -1
  74. package/es/styles/variables.css +90 -30
  75. package/lib/CardTable/pager/TablePagination.js +1 -3
  76. package/lib/CardTable/pager/index.js +0 -1
  77. package/lib/CropImg/LmCropImg.d.ts +11 -0
  78. package/lib/CropImg/LmCropImg.js +31 -0
  79. package/lib/CropImg/body/Operate.d.ts +5 -0
  80. package/lib/CropImg/body/Operate.js +102 -0
  81. package/lib/CropImg/body/index.d.ts +5 -0
  82. package/lib/CropImg/body/index.js +60 -0
  83. package/lib/CropImg/fns/index.d.ts +14 -0
  84. package/lib/CropImg/fns/index.js +60 -0
  85. package/lib/CropImg/index.d.ts +4 -0
  86. package/lib/CropImg/index.js +33 -0
  87. package/lib/CropImg/style/index.css +17 -0
  88. package/lib/CropImg/style/index.js +3 -0
  89. package/lib/CropImg/style/variables.css +17 -0
  90. package/lib/CropImg/style/variables.js +3 -0
  91. package/lib/CropImg/utils.js +161 -0
  92. package/lib/CropImg/wrapper/Container.d.ts +5 -0
  93. package/lib/CropImg/wrapper/Container.js +124 -0
  94. package/lib/CropImg/wrapper/Root.d.ts +3 -0
  95. package/lib/CropImg/wrapper/Root.js +61 -0
  96. package/lib/CropImg/wrapper/Wrapper.d.ts +5 -0
  97. package/lib/CropImg/wrapper/Wrapper.js +23 -0
  98. package/lib/CropImg/wrapper/reducer.d.ts +13 -0
  99. package/lib/CropImg/wrapper/reducer.js +45 -0
  100. package/lib/ImageViewer/LmImageViewer.d.ts +8 -0
  101. package/lib/ImageViewer/index.d.ts +1 -0
  102. package/lib/ImageViewer/index.js +14 -2
  103. package/lib/ImageViewer/wrapeer/Container.d.ts +4 -3
  104. package/lib/ImageViewer/wrapeer/Container.js +2 -1
  105. package/lib/ImageViewer/wrapeer/Wrapper.d.ts +4 -3
  106. package/lib/ImageViewer/wrapeer/Wrapper.js +2 -1
  107. package/lib/LmFilter/components/CheckboxFilter.js +7 -4
  108. package/lib/LmFilter/filterFns/index.js +15 -3
  109. package/lib/LmFilter/style/index.css +73 -30
  110. package/lib/LmFilter/style/variables.css +73 -30
  111. package/lib/LmTable/Table.js +3 -2
  112. package/lib/LmUpload/LmUpload.js +1 -0
  113. package/lib/LmUpload/components/Crop.d.ts +5 -0
  114. package/lib/LmUpload/components/Crop.js +35 -0
  115. package/lib/LmUpload/fns/index.d.ts +2 -0
  116. package/lib/LmUpload/fns/index.js +90 -14
  117. package/lib/LmUpload/wrapper/UploadWrapper.js +4 -0
  118. package/lib/LmUpload/wrapper/reducer.d.ts +1 -0
  119. package/lib/LmUpload/wrapper/reducer.js +9 -2
  120. package/lib/index.d.ts +5 -0
  121. package/lib/index.js +30 -3
  122. package/lib/styles/variables.css +90 -30
  123. package/package.json +3 -1
  124. package/dist/LmUpload/components/card.d.ts +0 -2
  125. package/es/LmUpload/components/card.d.ts +0 -2
  126. package/es/LmUpload/components/card.js +0 -9
  127. package/lib/LmUpload/components/card.d.ts +0 -2
  128. package/lib/LmUpload/components/card.js +0 -19
@@ -113,53 +113,53 @@
113
113
  visibility: hidden;
114
114
  transform: translateY(-36px);
115
115
  }
116
- .ant-dropdown .filter_dropdown {
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
- .ant-dropdown .filter_dropdown .filter_header {
122
+ .filter_dropdown .filter_header {
123
123
  min-height: 40px;
124
124
  border-bottom: 1px solid #eee;
125
125
  padding: 8px;
126
126
  }
127
- .ant-dropdown .filter_dropdown .filter_header .filter_header_operate {
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
- .ant-dropdown .filter_dropdown .filter_header .filter_header_operate .filter_header_operate_checked {
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
- .ant-dropdown .filter_dropdown .filter_header .filter_header_operate .filter_reset {
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
- .ant-dropdown .filter_dropdown .filter_header .filter_header_operate .filter_tip {
141
+ .filter_dropdown .filter_header .filter_header_operate .filter_tip {
142
142
  font-size: 12px;
143
143
  color: var(--text-color);
144
144
  }
145
- .ant-dropdown .filter_dropdown .filter_header .ant-input-group {
145
+ .filter_dropdown .filter_header .ant-input-group {
146
146
  line-height: 1;
147
147
  }
148
- .ant-dropdown .filter_dropdown .filter_header input {
148
+ .filter_dropdown .filter_header input {
149
149
  font-size: 12px;
150
150
  }
151
- .ant-dropdown .filter_dropdown .filter_header .ant-input-search + .filter_header_operate {
151
+ .filter_dropdown .filter_header .ant-input-search + .filter_header_operate {
152
152
  margin-top: 8px;
153
153
  }
154
- .ant-dropdown .filter_dropdown .filter_body {
154
+ .filter_dropdown .filter_body {
155
155
  width: 100%;
156
156
  }
157
- .ant-dropdown .filter_dropdown .filter_body .virtual_list {
157
+ .filter_dropdown .filter_body .virtual_list {
158
158
  min-width: 168px;
159
159
  max-height: 224px;
160
160
  overflow: auto;
161
161
  }
162
- .ant-dropdown .filter_dropdown .filter_body .filter_item {
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
- .ant-dropdown .filter_dropdown .filter_body .filter_item.last_item {
175
+ .filter_dropdown .filter_body .filter_item.last_item {
176
176
  border-top: 1px solid var(--line-color);
177
177
  }
178
- .ant-dropdown .filter_dropdown .filter_body .filter_item .filter_item_content {
178
+ .filter_dropdown .filter_body .filter_item .filter_item_content {
179
179
  flex: auto;
180
180
  }
181
- .ant-dropdown .filter_dropdown .filter_body .filter_item .filter_item_operate {
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
- .ant-dropdown .filter_dropdown .filter_body .filter_item .filter_item_operate .icon_hover {
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
- .ant-dropdown .filter_dropdown .filter_body .filter_item .filter_item_operate .icon_hover:hover {
191
+ .filter_dropdown .filter_body .filter_item .filter_item_operate .icon_hover:hover {
192
192
  color: var(--primary-color);
193
193
  }
194
- .ant-dropdown .filter_dropdown .filter_body .filter_item[disabled] {
194
+ .filter_dropdown .filter_body .filter_item[disabled] {
195
195
  display: none;
196
196
  }
197
- .ant-dropdown .filter_dropdown .filter_body .filter_item.checked {
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
- .ant-dropdown .filter_dropdown .filter_body .filter_item:hover {
201
+ .filter_dropdown .filter_body .filter_item:hover {
202
202
  background-color: var(--background-color);
203
203
  }
204
- .ant-dropdown .filter_dropdown .filter_body .filter_item:hover .filter_item_operate .icon_hover {
204
+ .filter_dropdown .filter_body .filter_item:hover .filter_item_operate .icon_hover {
205
205
  opacity: 1;
206
206
  }
207
- .ant-dropdown .filter_dropdown .filter_footer {
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
- .ant-dropdown .filter_dropdown .filter_footer button {
217
+ .filter_dropdown .filter_footer button {
218
218
  font-size: 12px;
219
219
  padding: 0 8px;
220
220
  }
221
- .ant-dropdown .filter_dropdown .filter_footer .footer_save {
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
- .ant-dropdown .filter_dropdown .filter_footer .footer_clear {
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
- .ant-dropdown .filter_dropdown .filter_footer .footer_clear:hover {
231
+ .filter_dropdown .filter_footer .footer_clear:hover {
232
232
  color: var(--font-color);
233
233
  }
234
- .ant-dropdown .filter_dropdown .filter_empty {
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
- .ant-dropdown .filter_dropdown .filter_empty .filter_empty_text {
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
- .ant-dropdown .filter_dropdown .ant-checkbox-wrapper {
253
+ .filter_dropdown .ant-checkbox-wrapper {
254
254
  flex: 1;
255
255
  font-size: 12px;
256
256
  align-items: center;
257
257
  }
258
- .ant-dropdown .filter_dropdown .ant-checkbox-wrapper .ant-checkbox {
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
- .ant-dropdown .filter_dropdown {
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
- .ant-dropdown .filter_dropdown .filter_header {
122
+ .filter_dropdown .filter_header {
123
123
  min-height: 40px;
124
124
  border-bottom: 1px solid #eee;
125
125
  padding: 8px;
126
126
  }
127
- .ant-dropdown .filter_dropdown .filter_header .filter_header_operate {
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
- .ant-dropdown .filter_dropdown .filter_header .filter_header_operate .filter_header_operate_checked {
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
- .ant-dropdown .filter_dropdown .filter_header .filter_header_operate .filter_reset {
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
- .ant-dropdown .filter_dropdown .filter_header .filter_header_operate .filter_tip {
141
+ .filter_dropdown .filter_header .filter_header_operate .filter_tip {
142
142
  font-size: 12px;
143
143
  color: var(--text-color);
144
144
  }
145
- .ant-dropdown .filter_dropdown .filter_header .ant-input-group {
145
+ .filter_dropdown .filter_header .ant-input-group {
146
146
  line-height: 1;
147
147
  }
148
- .ant-dropdown .filter_dropdown .filter_header input {
148
+ .filter_dropdown .filter_header input {
149
149
  font-size: 12px;
150
150
  }
151
- .ant-dropdown .filter_dropdown .filter_header .ant-input-search + .filter_header_operate {
151
+ .filter_dropdown .filter_header .ant-input-search + .filter_header_operate {
152
152
  margin-top: 8px;
153
153
  }
154
- .ant-dropdown .filter_dropdown .filter_body {
154
+ .filter_dropdown .filter_body {
155
155
  width: 100%;
156
156
  }
157
- .ant-dropdown .filter_dropdown .filter_body .virtual_list {
157
+ .filter_dropdown .filter_body .virtual_list {
158
158
  min-width: 168px;
159
159
  max-height: 224px;
160
160
  overflow: auto;
161
161
  }
162
- .ant-dropdown .filter_dropdown .filter_body .filter_item {
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
- .ant-dropdown .filter_dropdown .filter_body .filter_item.last_item {
175
+ .filter_dropdown .filter_body .filter_item.last_item {
176
176
  border-top: 1px solid var(--line-color);
177
177
  }
178
- .ant-dropdown .filter_dropdown .filter_body .filter_item .filter_item_content {
178
+ .filter_dropdown .filter_body .filter_item .filter_item_content {
179
179
  flex: auto;
180
180
  }
181
- .ant-dropdown .filter_dropdown .filter_body .filter_item .filter_item_operate {
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
- .ant-dropdown .filter_dropdown .filter_body .filter_item .filter_item_operate .icon_hover {
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
- .ant-dropdown .filter_dropdown .filter_body .filter_item .filter_item_operate .icon_hover:hover {
191
+ .filter_dropdown .filter_body .filter_item .filter_item_operate .icon_hover:hover {
192
192
  color: var(--primary-color);
193
193
  }
194
- .ant-dropdown .filter_dropdown .filter_body .filter_item[disabled] {
194
+ .filter_dropdown .filter_body .filter_item[disabled] {
195
195
  display: none;
196
196
  }
197
- .ant-dropdown .filter_dropdown .filter_body .filter_item.checked {
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
- .ant-dropdown .filter_dropdown .filter_body .filter_item:hover {
201
+ .filter_dropdown .filter_body .filter_item:hover {
202
202
  background-color: var(--background-color);
203
203
  }
204
- .ant-dropdown .filter_dropdown .filter_body .filter_item:hover .filter_item_operate .icon_hover {
204
+ .filter_dropdown .filter_body .filter_item:hover .filter_item_operate .icon_hover {
205
205
  opacity: 1;
206
206
  }
207
- .ant-dropdown .filter_dropdown .filter_footer {
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
- .ant-dropdown .filter_dropdown .filter_footer button {
217
+ .filter_dropdown .filter_footer button {
218
218
  font-size: 12px;
219
219
  padding: 0 8px;
220
220
  }
221
- .ant-dropdown .filter_dropdown .filter_footer .footer_save {
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
- .ant-dropdown .filter_dropdown .filter_footer .footer_clear {
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
- .ant-dropdown .filter_dropdown .filter_footer .footer_clear:hover {
231
+ .filter_dropdown .filter_footer .footer_clear:hover {
232
232
  color: var(--font-color);
233
233
  }
234
- .ant-dropdown .filter_dropdown .filter_empty {
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
- .ant-dropdown .filter_dropdown .filter_empty .filter_empty_text {
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
- .ant-dropdown .filter_dropdown .ant-checkbox-wrapper {
253
+ .filter_dropdown .ant-checkbox-wrapper {
254
254
  flex: 1;
255
255
  font-size: 12px;
256
256
  align-items: center;
257
257
  }
258
- .ant-dropdown .filter_dropdown .ant-checkbox-wrapper .ant-checkbox {
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
+ }
@@ -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
- var h = height - 32;
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;
@@ -85,6 +85,7 @@ var LmUpload = function LmUpload(_a, ref) {
85
85
  maxCount: null,
86
86
  children: null,
87
87
  itemRender: null,
88
+ enabledCrop: false,
88
89
  enabledOss: false,
89
90
  // oss配置
90
91
  ossConfig: function ossConfig() {
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ declare const _default: React.MemoExoticComponent<({ instance }: {
3
+ instance: any;
4
+ }) => JSX.Element>;
5
+ export default _default;
@@ -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;
@@ -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
- customUpload(item);
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, uploadOss, customUpload]); // 删除事件
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 _callee2() {
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 _callee2$(_context2) {
335
+ return _regeneratorRuntime().wrap(function _callee3$(_context3) {
261
336
  while (1) {
262
- switch (_context2.prev = _context2.next) {
337
+ switch (_context3.prev = _context3.next) {
263
338
  case 0:
264
- _context2.next = 2;
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 = _context2.sent;
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 _context2.stop();
361
+ return _context3.stop();
287
362
  }
288
363
  }
289
- }, _callee2);
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
 
@@ -4,5 +4,6 @@ export declare const initialState: (props: any) => {
4
4
  process: number;
5
5
  status: string;
6
6
  fileList: any;
7
+ cropFile: any;
7
8
  };
8
9
  export default reducer;