ls-pro-common 1.0.62 → 1.0.64

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 (47) hide show
  1. package/CHANGELOG.md +746 -746
  2. package/README.md +22 -22
  3. package/dist/common.css +101 -22
  4. package/dist/common.js +1 -1
  5. package/dist/common.min.css +101 -22
  6. package/dist/common.min.js +1 -1
  7. package/es/components/IconSelector.d.ts +2 -8
  8. package/es/components/IconSelector.js +114 -207
  9. package/es/components/ImageSelector.d.ts +3 -0
  10. package/es/components/ImageSelector.js +128 -24
  11. package/es/components/InputMultiLine.js +1 -1
  12. package/es/components/InputTable.d.ts +5 -0
  13. package/es/components/InputTable.js +26 -4
  14. package/es/components/common.less +176 -119
  15. package/es/hooks/useDtl/index.d.ts +13 -0
  16. package/es/hooks/useDtl/index.js +388 -235
  17. package/es/hooks/usePermission/index.d.ts +1 -0
  18. package/es/hooks/usePermission/index.js +23 -1
  19. package/es/hooks/useSingle/index.d.ts +1 -0
  20. package/es/hooks/useSingle/index.js +3 -1
  21. package/es/http/index.js +28 -12
  22. package/es/service/BaseService.d.ts +8 -0
  23. package/es/service/BaseService.js +69 -26
  24. package/es/typing.d.ts +4 -0
  25. package/es/utils/index.d.ts +49 -0
  26. package/es/utils/index.js +142 -1
  27. package/lib/components/IconSelector.d.ts +2 -8
  28. package/lib/components/IconSelector.js +112 -214
  29. package/lib/components/ImageSelector.d.ts +3 -0
  30. package/lib/components/ImageSelector.js +125 -24
  31. package/lib/components/InputMultiLine.js +1 -1
  32. package/lib/components/InputTable.d.ts +5 -0
  33. package/lib/components/InputTable.js +26 -4
  34. package/lib/components/common.less +176 -119
  35. package/lib/hooks/useDtl/index.d.ts +13 -0
  36. package/lib/hooks/useDtl/index.js +388 -235
  37. package/lib/hooks/usePermission/index.d.ts +1 -0
  38. package/lib/hooks/usePermission/index.js +23 -0
  39. package/lib/hooks/useSingle/index.d.ts +1 -0
  40. package/lib/hooks/useSingle/index.js +3 -1
  41. package/lib/http/index.js +27 -11
  42. package/lib/service/BaseService.d.ts +8 -0
  43. package/lib/service/BaseService.js +69 -26
  44. package/lib/typing.d.ts +4 -0
  45. package/lib/utils/index.d.ts +49 -0
  46. package/lib/utils/index.js +163 -3
  47. package/package.json +3 -4
package/dist/common.min.css CHANGED
@@ -138,6 +138,53 @@ a {
138
138
  a:hover {
139
139
  color: var(--ant-primary-5);
140
140
  }
141
+ .image-selector .img-upload,
142
+ .icon-selector .img-upload {
143
+ width: 40px;
144
+ height: 40px;
145
+ }
146
+ .image-selector .ant-upload-select .img-wrapper,
147
+ .icon-selector .ant-upload-select .img-wrapper {
148
+ position: relative;
149
+ }
150
+ .image-selector .ant-upload-select .img-wrapper .clear-btn,
151
+ .icon-selector .ant-upload-select .img-wrapper .clear-btn {
152
+ position: absolute;
153
+ left: 0;
154
+ top: 0;
155
+ width: 100%;
156
+ height: 100%;
157
+ background: rgba(199, 202, 212, 0.9);
158
+ display: flex;
159
+ align-items: flex-start;
160
+ padding: 4px;
161
+ color: #1f4265;
162
+ justify-content: end;
163
+ display: none;
164
+ }
165
+ .image-selector .ant-upload-select .img-wrapper:hover .clear-btn,
166
+ .icon-selector .ant-upload-select .img-wrapper:hover .clear-btn {
167
+ display: flex;
168
+ }
169
+ .image-selector .ant-upload-select .img-wrapper .img-preview,
170
+ .icon-selector .ant-upload-select .img-wrapper .img-preview {
171
+ max-width: 150px;
172
+ max-height: 150px;
173
+ }
174
+ .image-selector .img-choose,
175
+ .icon-selector .img-choose {
176
+ margin: 8px 0;
177
+ }
178
+ .image-selector .img-desc,
179
+ .icon-selector .img-desc {
180
+ color: rgba(69, 77, 100, 0.7);
181
+ }
182
+ .image-selector .ant-modal-body,
183
+ .icon-selector .ant-modal-body {
184
+ padding: 8px;
185
+ max-height: calc(100vh - 180px);
186
+ overflow-y: auto;
187
+ }
141
188
 
142
189
  .pro-table-tooltip-text span {
143
190
  color: #fff;
@@ -229,21 +276,36 @@ a:hover {
229
276
  .ls-pro-table .ant-table-tbody tr:nth-of-type(odd) {
230
277
  background-color: #f7fafc;
231
278
  }
232
- .ant-pro-table .ant-table-cell-row-hover,
233
- .ant-pro-table .ant-table-row-selected td {
279
+ .ls-pro-table .ant-table-tbody tr:nth-of-type(odd) .ant-table-cell-fix-left,
280
+ .ls-pro-table .ant-table-tbody tr:nth-of-type(odd) .ant-table-cell-fix-right {
281
+ background-color: #f7fafc;
282
+ }
283
+ .ls-pro-table .ant-table-tbody .ant-table-cell-fix-left,
284
+ .ls-pro-table .ant-table-tbody .ant-table-cell-fix-right {
285
+ z-index: 1;
286
+ }
287
+ .ls-pro-table .ant-table-tbody > tr > td {
288
+ border-bottom: none;
289
+ }
290
+ .ls-pro-table .ant-table-tbody > tr.ant-table-row-selected .ant-table-cell-fix-left,
291
+ .ls-pro-table .ant-table-tbody > tr.ant-table-row:hover .ant-table-cell-fix-left,
292
+ .ls-pro-table .ant-table-tbody > tr.ant-table-row-selected .ant-table-cell-fix-right,
293
+ .ls-pro-table .ant-table-tbody > tr.ant-table-row:hover .ant-table-cell-fix-right,
294
+ .ls-pro-table .ant-table-tbody > tr.ant-table-row-selected > td,
295
+ .ls-pro-table .ant-table-tbody > tr.ant-table-row:hover > td {
234
296
  background-color: #E6F5FF;
235
297
  }
236
- .ant-pro-table .ant-table-thead tr th {
298
+ .ls-pro-table .ant-table-thead tr th {
237
299
  background-color: #f5f9ff;
238
300
  }
239
- .ant-pro-table .react-resizable {
301
+ .ls-pro-table .react-resizable {
240
302
  position: relative;
241
303
  }
242
- .ant-pro-table .react-resizable::before {
304
+ .ls-pro-table .react-resizable::before {
243
305
  height: 0 !important;
244
306
  width: 0 !important;
245
307
  }
246
- .ant-pro-table .react-resizable-handle {
308
+ .ls-pro-table .react-resizable-handle {
247
309
  cursor: col-resize;
248
310
  border-left: solid 1px rgba(0, 0, 0, 0.12);
249
311
  height: 1.6em;
@@ -257,13 +319,14 @@ a:hover {
257
319
  .theme-yellow .ls-pro-table .ant-table-tbody tr:nth-of-type(odd) {
258
320
  background-color: #fcfaf7;
259
321
  }
260
- .theme-yellow .ant-pro-table .ant-table-cell-row-hover,
261
- .theme-yellow .ant-pro-table .ant-table-row-selected td {
322
+ .theme-yellow .ls-pro-table .ant-table-tbody tr.ant-table-row-selected .ant-table-cell-fix-left,
323
+ .theme-yellow .ls-pro-table .ant-table-tbody > tr.ant-table-row:hover .ant-table-cell-fix-left,
324
+ .theme-yellow .ls-pro-table .ant-table-tbody tr.ant-table-row-selected .ant-table-cell-fix-right,
325
+ .theme-yellow .ls-pro-table .ant-table-tbody > tr.ant-table-row:hover .ant-table-cell-fix-right,
326
+ .theme-yellow .ls-pro-table .ant-table-tbody tr.ant-table-row-selected > td,
327
+ .theme-yellow .ls-pro-table .ant-table-tbody > tr.ant-table-row:hover > td {
262
328
  background-color: #ffedd9;
263
329
  }
264
- .theme-yellow .ant-pro-table .ant-table-thead tr th {
265
- background-color: #fffaf5;
266
- }
267
330
  @keyframes turn {
268
331
  0% {
269
332
  transform: rotate(0deg);
@@ -2103,21 +2166,36 @@ html {
2103
2166
  .ls-pro-table .ant-table-tbody tr:nth-of-type(odd) {
2104
2167
  background-color: #f7fafc;
2105
2168
  }
2106
- .ant-pro-table .ant-table-cell-row-hover,
2107
- .ant-pro-table .ant-table-row-selected td {
2169
+ .ls-pro-table .ant-table-tbody tr:nth-of-type(odd) .ant-table-cell-fix-left,
2170
+ .ls-pro-table .ant-table-tbody tr:nth-of-type(odd) .ant-table-cell-fix-right {
2171
+ background-color: #f7fafc;
2172
+ }
2173
+ .ls-pro-table .ant-table-tbody .ant-table-cell-fix-left,
2174
+ .ls-pro-table .ant-table-tbody .ant-table-cell-fix-right {
2175
+ z-index: 1;
2176
+ }
2177
+ .ls-pro-table .ant-table-tbody > tr > td {
2178
+ border-bottom: none;
2179
+ }
2180
+ .ls-pro-table .ant-table-tbody > tr.ant-table-row-selected .ant-table-cell-fix-left,
2181
+ .ls-pro-table .ant-table-tbody > tr.ant-table-row:hover .ant-table-cell-fix-left,
2182
+ .ls-pro-table .ant-table-tbody > tr.ant-table-row-selected .ant-table-cell-fix-right,
2183
+ .ls-pro-table .ant-table-tbody > tr.ant-table-row:hover .ant-table-cell-fix-right,
2184
+ .ls-pro-table .ant-table-tbody > tr.ant-table-row-selected > td,
2185
+ .ls-pro-table .ant-table-tbody > tr.ant-table-row:hover > td {
2108
2186
  background-color: #E6F5FF;
2109
2187
  }
2110
- .ant-pro-table .ant-table-thead tr th {
2188
+ .ls-pro-table .ant-table-thead tr th {
2111
2189
  background-color: #f5f9ff;
2112
2190
  }
2113
- .ant-pro-table .react-resizable {
2191
+ .ls-pro-table .react-resizable {
2114
2192
  position: relative;
2115
2193
  }
2116
- .ant-pro-table .react-resizable::before {
2194
+ .ls-pro-table .react-resizable::before {
2117
2195
  height: 0 !important;
2118
2196
  width: 0 !important;
2119
2197
  }
2120
- .ant-pro-table .react-resizable-handle {
2198
+ .ls-pro-table .react-resizable-handle {
2121
2199
  cursor: col-resize;
2122
2200
  border-left: solid 1px rgba(0, 0, 0, 0.12);
2123
2201
  height: 1.6em;
@@ -2131,13 +2209,14 @@ html {
2131
2209
  .theme-yellow .ls-pro-table .ant-table-tbody tr:nth-of-type(odd) {
2132
2210
  background-color: #fcfaf7;
2133
2211
  }
2134
- .theme-yellow .ant-pro-table .ant-table-cell-row-hover,
2135
- .theme-yellow .ant-pro-table .ant-table-row-selected td {
2212
+ .theme-yellow .ls-pro-table .ant-table-tbody tr.ant-table-row-selected .ant-table-cell-fix-left,
2213
+ .theme-yellow .ls-pro-table .ant-table-tbody > tr.ant-table-row:hover .ant-table-cell-fix-left,
2214
+ .theme-yellow .ls-pro-table .ant-table-tbody tr.ant-table-row-selected .ant-table-cell-fix-right,
2215
+ .theme-yellow .ls-pro-table .ant-table-tbody > tr.ant-table-row:hover .ant-table-cell-fix-right,
2216
+ .theme-yellow .ls-pro-table .ant-table-tbody tr.ant-table-row-selected > td,
2217
+ .theme-yellow .ls-pro-table .ant-table-tbody > tr.ant-table-row:hover > td {
2136
2218
  background-color: #ffedd9;
2137
2219
  }
2138
- .theme-yellow .ant-pro-table .ant-table-thead tr th {
2139
- background-color: #fffaf5;
2140
- }
2141
2220
  @keyframes turn {
2142
2221
  0% {
2143
2222
  transform: rotate(0deg);