@spaethtech/svelte-ui 0.18.1-dev.88.f4b29b6 → 0.18.1-dev.90.ca4ea8f
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/components/DataTable.svelte +1 -1
- package/dist/theme.css +1 -1
- package/docs/usage.md +8 -1
- package/package.json +1 -1
|
@@ -133,7 +133,7 @@
|
|
|
133
133
|
);
|
|
134
134
|
/** Inter-column gap. Tracks the same size axis so lead/cell/tail
|
|
135
135
|
* spacing stays proportional to cell padding. */
|
|
136
|
-
const cellGap = $derived(sSize === "lg" ? "gap-
|
|
136
|
+
const cellGap = $derived(sSize === "lg" ? "gap-6" : sSize === "md" ? "gap-4" : "gap-2");
|
|
137
137
|
|
|
138
138
|
const columns = $derived(grid.columns);
|
|
139
139
|
const hasLead = $derived(selectable || expandable || reorderable);
|
package/dist/theme.css
CHANGED
|
@@ -218,7 +218,7 @@ body {
|
|
|
218
218
|
@source inline("{,4xs:,3xs:,2xs:,xs:,sm:,md:,lg:,xl:,2xl:,3xl:}px-{1.5,2,2.5,3,4,5,6}");
|
|
219
219
|
@source inline("{,4xs:,3xs:,2xs:,xs:,sm:,md:,lg:,xl:,2xl:,3xl:}py-{0.5,1,1.5,2,2.5,3}");
|
|
220
220
|
@source inline("{,4xs:,3xs:,2xs:,xs:,sm:,md:,lg:,xl:,2xl:,3xl:}{pt,pb}-{2,3,4}");
|
|
221
|
-
@source inline("{,4xs:,3xs:,2xs:,xs:,sm:,md:,lg:,xl:,2xl:,3xl:}gap-{1.5,2,3}");
|
|
221
|
+
@source inline("{,4xs:,3xs:,2xs:,xs:,sm:,md:,lg:,xl:,2xl:,3xl:}gap-{1.5,2,3,4,6}");
|
|
222
222
|
@source inline("{,4xs:,3xs:,2xs:,xs:,sm:,md:,lg:,xl:,2xl:,3xl:}text-{xs,sm,base,lg,2xl}");
|
|
223
223
|
@source inline("{,4xs:,3xs:,2xs:,xs:,sm:,md:,lg:,xl:,2xl:,3xl:}[&_svg]:{w,h}-{3.5,4,5,6}");
|
|
224
224
|
/* FieldGroup `columns` → responsive grid tracks (auto-placed cells). */
|
package/docs/usage.md
CHANGED
|
@@ -1114,7 +1114,14 @@ bar with `Query` over a `DataSet`.
|
|
|
1114
1114
|
|
|
1115
1115
|
// CLIENT array: `localFetch` parses the query, filters (matchesRow), sorts + paginates for you —
|
|
1116
1116
|
// full query support ($status == active, $name ~= /re/, ranges, bare search…). No hand-rolled filter.
|
|
1117
|
-
const grid = createGrid({
|
|
1117
|
+
const grid = createGrid({
|
|
1118
|
+
columns,
|
|
1119
|
+
getRowId: (r) => r.id,
|
|
1120
|
+
fetch: localFetch(() => rows, columns),
|
|
1121
|
+
// optional: lock specific rows out of selection (disabled checkbox, excluded from select-all,
|
|
1122
|
+
// never in grid.selected — so bulkActions(selected) never sees them)
|
|
1123
|
+
selectableRow: (r) => !r.locked,
|
|
1124
|
+
});
|
|
1118
1125
|
</script>
|
|
1119
1126
|
|
|
1120
1127
|
<DataTable
|