quasar-ui-sellmate-ui-kit 3.14.8 → 3.14.9
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.common.js +2 -2
- package/dist/index.css +1 -1
- package/dist/index.esm.js +2 -2
- package/dist/index.min.css +1 -1
- package/dist/index.rtl.css +1 -1
- package/dist/index.rtl.min.css +1 -1
- package/dist/index.umd.js +17 -7
- package/dist/index.umd.min.js +2 -2
- package/package.json +1 -1
- package/src/components/STable.vue +15 -29
package/package.json
CHANGED
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
:no-data-label="noDataLabel"
|
|
12
12
|
class="s-table"
|
|
13
13
|
:class="{
|
|
14
|
-
's-select-table': $attrs.selection,
|
|
14
|
+
's-select-table': $attrs.selection && $attrs.selection !== 'none',
|
|
15
15
|
'resizable-table': resizable,
|
|
16
16
|
'sticky-column-table': stickyColumn.isStickyLeft || stickyColumn.isStickyRight,
|
|
17
17
|
'sticky-resizable-table': stickyResizable,
|
|
@@ -260,9 +260,10 @@
|
|
|
260
260
|
// 좌측 스티키 : 마지막 셀만 그림자
|
|
261
261
|
const leftStickyCells = scrollTarget.querySelectorAll('.sticky-cell.left');
|
|
262
262
|
leftStickyCells.forEach((cell, index) => {
|
|
263
|
-
const sequence =
|
|
264
|
-
|
|
265
|
-
|
|
263
|
+
const sequence =
|
|
264
|
+
attrs.selection && attrs.selection !== 'none'
|
|
265
|
+
? props.stickyColumn.leftStickyCount + 1
|
|
266
|
+
: props.stickyColumn.leftStickyCount;
|
|
266
267
|
|
|
267
268
|
const isLastLeftCell = index === leftStickyCells.length - 1;
|
|
268
269
|
if (index % sequence === sequence - 1) {
|
|
@@ -322,6 +323,15 @@
|
|
|
322
323
|
},
|
|
323
324
|
);
|
|
324
325
|
|
|
326
|
+
watch(
|
|
327
|
+
() => attrs.selection,
|
|
328
|
+
() => {
|
|
329
|
+
nextTick(() => {
|
|
330
|
+
handleColumns();
|
|
331
|
+
});
|
|
332
|
+
},
|
|
333
|
+
);
|
|
334
|
+
|
|
325
335
|
return {
|
|
326
336
|
sTableRef,
|
|
327
337
|
focusCell,
|
|
@@ -377,21 +387,6 @@
|
|
|
377
387
|
white-space: nowrap;
|
|
378
388
|
text-overflow: ellipsis;
|
|
379
389
|
word-break: keep-all;
|
|
380
|
-
// &.sticky-cell {
|
|
381
|
-
// overflow: visible;
|
|
382
|
-
// &::after {
|
|
383
|
-
// content: '';
|
|
384
|
-
// background: none;
|
|
385
|
-
// height: 100%;
|
|
386
|
-
// position: absolute;
|
|
387
|
-
// top: 0;
|
|
388
|
-
// width: 20px;
|
|
389
|
-
// z-index: 100;
|
|
390
|
-
// transition: opacity 0.4s;
|
|
391
|
-
// opacity: 0;
|
|
392
|
-
// pointer-events: none;
|
|
393
|
-
// }
|
|
394
|
-
// }
|
|
395
390
|
}
|
|
396
391
|
}
|
|
397
392
|
thead {
|
|
@@ -404,11 +399,6 @@
|
|
|
404
399
|
padding: $table-th-padding;
|
|
405
400
|
font-size: $default-font;
|
|
406
401
|
font-weight: $font-weight-md;
|
|
407
|
-
// &.sticky-cell {
|
|
408
|
-
// position: sticky;
|
|
409
|
-
// z-index: 101;
|
|
410
|
-
// background: $th-bg;
|
|
411
|
-
// }
|
|
412
402
|
|
|
413
403
|
.sort-icon {
|
|
414
404
|
color: $Grey_Lighten-1;
|
|
@@ -449,11 +439,6 @@
|
|
|
449
439
|
&::after {
|
|
450
440
|
background: none;
|
|
451
441
|
}
|
|
452
|
-
// &.sticky-cell {
|
|
453
|
-
// position: sticky;
|
|
454
|
-
// z-index: 1;
|
|
455
|
-
// background-color: white;
|
|
456
|
-
// }
|
|
457
442
|
.s-table-edited-td {
|
|
458
443
|
display: inline-flex;
|
|
459
444
|
align-items: center;
|
|
@@ -496,6 +481,7 @@
|
|
|
496
481
|
max-width: 52px !important;
|
|
497
482
|
padding: 0 8px 0 24px;
|
|
498
483
|
line-height: 100%;
|
|
484
|
+
text-align: left;
|
|
499
485
|
> .q-checkbox:not(.s-checkbox) {
|
|
500
486
|
@extend %checkbox;
|
|
501
487
|
}
|