comins-table 0.1.2 → 0.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/CHANGELOG.md +11 -0
- package/README.md +130 -108
- package/dist/column-pointer.d.ts +9 -0
- package/dist/column-pointer.d.ts.map +1 -0
- package/dist/component-renderer.d.ts +8 -2
- package/dist/component-renderer.d.ts.map +1 -1
- package/dist/core.d.ts +21 -31
- package/dist/core.d.ts.map +1 -1
- package/dist/core.js +120 -99
- package/dist/core.js.map +1 -1
- package/dist/index.d.ts +5 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +929 -847
- package/dist/index.js.map +1 -1
- package/package.json +2 -1
- package/styles.css +49 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "comins-table",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.4",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"repository": {
|
|
@@ -15,6 +15,7 @@
|
|
|
15
15
|
"build": "vite build && tsc -p tsconfig.build.json",
|
|
16
16
|
"check:hygiene": "node scripts/check-repository-hygiene.mjs",
|
|
17
17
|
"dev": "vite --config vite.example.config.ts",
|
|
18
|
+
"docs:readme-gif": "node scripts/capture-readme-demo.mjs",
|
|
18
19
|
"lint": "tsc --noEmit",
|
|
19
20
|
"setup:hooks": "git config core.hooksPath .githooks",
|
|
20
21
|
"test": "vitest",
|
package/styles.css
CHANGED
|
@@ -497,6 +497,18 @@
|
|
|
497
497
|
cursor: grabbing;
|
|
498
498
|
}
|
|
499
499
|
|
|
500
|
+
.comins-table__th[data-column-placeholder="true"] {
|
|
501
|
+
background: color-mix(in srgb, var(--comins-table-surface-muted) 82%, transparent);
|
|
502
|
+
outline: 1px dashed var(--comins-table-drop-marker);
|
|
503
|
+
outline-offset: -2px;
|
|
504
|
+
}
|
|
505
|
+
|
|
506
|
+
.comins-table__th[data-column-placeholder="true"] > .comins-table__header-content,
|
|
507
|
+
.comins-table__th[data-column-placeholder="true"] > .comins-table__resize {
|
|
508
|
+
opacity: 0;
|
|
509
|
+
pointer-events: none;
|
|
510
|
+
}
|
|
511
|
+
|
|
500
512
|
.comins-table__header-content {
|
|
501
513
|
align-items: center;
|
|
502
514
|
column-gap: 0;
|
|
@@ -613,6 +625,10 @@
|
|
|
613
625
|
background: var(--comins-table-accent-strong);
|
|
614
626
|
}
|
|
615
627
|
|
|
628
|
+
.comins-table__th[data-column-placeholder="true"][data-column-drop-target="true"] {
|
|
629
|
+
background: color-mix(in srgb, var(--comins-table-surface-muted) 82%, transparent);
|
|
630
|
+
}
|
|
631
|
+
|
|
616
632
|
.comins-column-move-ghost {
|
|
617
633
|
background: var(--comins-table-drop-marker);
|
|
618
634
|
border: 1px solid rgba(255, 255, 255, 0.58);
|
|
@@ -632,6 +648,13 @@
|
|
|
632
648
|
z-index: 60;
|
|
633
649
|
}
|
|
634
650
|
|
|
651
|
+
.comins-sort-meta {
|
|
652
|
+
align-items: center;
|
|
653
|
+
display: inline-flex;
|
|
654
|
+
gap: 3px;
|
|
655
|
+
min-width: 0;
|
|
656
|
+
}
|
|
657
|
+
|
|
635
658
|
.comins-sort-indicator {
|
|
636
659
|
display: none;
|
|
637
660
|
justify-content: center;
|
|
@@ -655,6 +678,32 @@
|
|
|
655
678
|
transform: scale(1) rotate(180deg);
|
|
656
679
|
}
|
|
657
680
|
|
|
681
|
+
.comins-sort-priority {
|
|
682
|
+
align-items: center;
|
|
683
|
+
background: color-mix(in srgb, var(--comins-table-accent) 18%, transparent);
|
|
684
|
+
border: 1px solid color-mix(in srgb, var(--comins-table-accent) 48%, transparent);
|
|
685
|
+
border-radius: 999px;
|
|
686
|
+
color: var(--comins-table-accent);
|
|
687
|
+
display: inline-flex;
|
|
688
|
+
font-size: 10px;
|
|
689
|
+
font-weight: 800;
|
|
690
|
+
height: 16px;
|
|
691
|
+
justify-content: center;
|
|
692
|
+
line-height: 1;
|
|
693
|
+
min-width: 16px;
|
|
694
|
+
padding: 0 4px;
|
|
695
|
+
}
|
|
696
|
+
|
|
697
|
+
.comins-table__sort-status {
|
|
698
|
+
clip: rect(0 0 0 0);
|
|
699
|
+
clip-path: inset(50%);
|
|
700
|
+
height: 1px;
|
|
701
|
+
overflow: hidden;
|
|
702
|
+
position: absolute;
|
|
703
|
+
white-space: nowrap;
|
|
704
|
+
width: 1px;
|
|
705
|
+
}
|
|
706
|
+
|
|
658
707
|
.comins-row-selected {
|
|
659
708
|
background: var(--comins-table-row-selected-background);
|
|
660
709
|
}
|