@aplus-frontend/ui 0.4.26 → 0.4.27

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 (4) hide show
  1. package/package.json +2 -2
  2. package/theme/ap-table/ap-table.css +46 -0
  3. package/theme/ap-table/ap-table.less +1 -0
  4. package/theme/ap-table-modal/index.css +46 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aplus-frontend/ui",
3
- "version": "0.4.26",
3
+ "version": "0.4.27",
4
4
  "main": "./lib/index.js",
5
5
  "type": "module",
6
6
  "files": [
@@ -66,7 +66,7 @@
66
66
  "vue-virtual-scroller": "2.0.0-beta.8",
67
67
  "vuedraggable": "^4.1.0",
68
68
  "@aplus-frontend/hooks": "1.0.7",
69
- "@aplus-frontend/utils": "1.0.50"
69
+ "@aplus-frontend/utils": "1.0.51"
70
70
  },
71
71
  "peerDependencies": {
72
72
  "@aplus-frontend/antdv": "^1.0.12",
package/theme/ap-table/ap-table.css CHANGED
@@ -432,6 +432,52 @@
432
432
  font-size: 14px;
433
433
  display: inline-flex;
434
434
  }
435
+ .aplus-scroll-bar {
436
+ position: relative;
437
+ }
438
+ .aplus-scroll-bar--horizontal {
439
+ width: 100%;
440
+ height: var(--aplus-scroll-bar-track-width, 10px);
441
+ }
442
+ .aplus-scroll-bar--vertical {
443
+ width: var(--aplus-scroll-bar-track-width, 10px);
444
+ height: 100%;
445
+ }
446
+ .aplus-scroll-bar__track {
447
+ position: absolute;
448
+ width: 100%;
449
+ height: 100%;
450
+ top: 0;
451
+ inset-inline-start: 0;
452
+ cursor: pointer;
453
+ background-color: var(--aplus-scroll-bar-track-color, rgba(0, 0, 0, 0.05));
454
+ }
455
+ .aplus-scroll-bar__track--disabled {
456
+ pointer-events: none;
457
+ background-color: rgba(0, 0, 0, 0.02);
458
+ }
459
+ .aplus-scroll-bar__track--hidden {
460
+ pointer-events: none;
461
+ background-color: transparent;
462
+ }
463
+ .aplus-scroll-bar__bar {
464
+ position: absolute;
465
+ border-radius: var(--aplus-scroll-bar-bar-width, 8px);
466
+ background-color: var(--aplus-scroll-bar-bar-color, #c7c8cc);
467
+ cursor: pointer;
468
+ }
469
+ .aplus-scroll-bar__bar--disabled {
470
+ pointer-events: none;
471
+ box-shadow: none;
472
+ }
473
+ .aplus-scroll-bar__bar--horizontal {
474
+ height: var(--aplus-scroll-bar-bar-width, 8px);
475
+ top: calc(var(--aplus-scroll-bar-track-width, 10px) / 2 - var(--aplus-scroll-bar-bar-width, 8px) / 2);
476
+ }
477
+ .aplus-scroll-bar__bar--vertical {
478
+ width: var(--aplus-scroll-bar-bar-width, 8px);
479
+ left: calc(var(--aplus-scroll-bar-track-width, 10px) / 2 - var(--aplus-scroll-bar-bar-width, 8px) / 2);
480
+ }
435
481
  .aplus-ap-table-wrapper {
436
482
  padding: 16px;
437
483
  background-color: #fff;
package/theme/ap-table/ap-table.less CHANGED
@@ -9,6 +9,7 @@
9
9
  @import '../ap-field/index.less';
10
10
  @import '../ap-action/item.less';
11
11
  @import '../ap-action/item-dropdown.less';
12
+ @import '../scroll-bar/index.less';
12
13
 
13
14
  @sw: ~'--@{ns}-ap-table-scroll-bar-width';
14
15
 
package/theme/ap-table-modal/index.css CHANGED
@@ -432,6 +432,52 @@
432
432
  font-size: 14px;
433
433
  display: inline-flex;
434
434
  }
435
+ .aplus-scroll-bar {
436
+ position: relative;
437
+ }
438
+ .aplus-scroll-bar--horizontal {
439
+ width: 100%;
440
+ height: var(--aplus-scroll-bar-track-width, 10px);
441
+ }
442
+ .aplus-scroll-bar--vertical {
443
+ width: var(--aplus-scroll-bar-track-width, 10px);
444
+ height: 100%;
445
+ }
446
+ .aplus-scroll-bar__track {
447
+ position: absolute;
448
+ width: 100%;
449
+ height: 100%;
450
+ top: 0;
451
+ inset-inline-start: 0;
452
+ cursor: pointer;
453
+ background-color: var(--aplus-scroll-bar-track-color, rgba(0, 0, 0, 0.05));
454
+ }
455
+ .aplus-scroll-bar__track--disabled {
456
+ pointer-events: none;
457
+ background-color: rgba(0, 0, 0, 0.02);
458
+ }
459
+ .aplus-scroll-bar__track--hidden {
460
+ pointer-events: none;
461
+ background-color: transparent;
462
+ }
463
+ .aplus-scroll-bar__bar {
464
+ position: absolute;
465
+ border-radius: var(--aplus-scroll-bar-bar-width, 8px);
466
+ background-color: var(--aplus-scroll-bar-bar-color, #c7c8cc);
467
+ cursor: pointer;
468
+ }
469
+ .aplus-scroll-bar__bar--disabled {
470
+ pointer-events: none;
471
+ box-shadow: none;
472
+ }
473
+ .aplus-scroll-bar__bar--horizontal {
474
+ height: var(--aplus-scroll-bar-bar-width, 8px);
475
+ top: calc(var(--aplus-scroll-bar-track-width, 10px) / 2 - var(--aplus-scroll-bar-bar-width, 8px) / 2);
476
+ }
477
+ .aplus-scroll-bar__bar--vertical {
478
+ width: var(--aplus-scroll-bar-bar-width, 8px);
479
+ left: calc(var(--aplus-scroll-bar-track-width, 10px) / 2 - var(--aplus-scroll-bar-bar-width, 8px) / 2);
480
+ }
435
481
  .aplus-ap-table-wrapper {
436
482
  padding: 16px;
437
483
  background-color: #fff;