@feugene/granularity 0.44.0 → 0.45.0
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/README.md +3 -3
- package/dist/chunks/config-ChnYtO4o.js +28 -0
- package/dist/chunks/config-ChnYtO4o.js.map +1 -0
- package/dist/chunks/{generated-Hxu_sWPs.js → generated-DAKeOOqm.js} +17 -3
- package/dist/chunks/{generated-Hxu_sWPs.js.map → generated-DAKeOOqm.js.map} +1 -1
- package/dist/chunks/{granular-provider-CCNbQa5U.js → granular-provider-D_8_l-gM.js} +2 -0
- package/dist/chunks/granular-provider-D_8_l-gM.js.map +1 -0
- package/dist/chunks/useTree-BebEiBcL.js +525 -0
- package/dist/chunks/useTree-BebEiBcL.js.map +1 -0
- package/dist/components/GrJsonViewer/chunks/{GrJsonViewer-CwCBMh4h.js → GrJsonViewer-CdlWMGnF.js} +1 -1
- package/dist/components/GrJsonViewer/chunks/{GrJsonViewer-CwCBMh4h.js.map → GrJsonViewer-CdlWMGnF.js.map} +1 -1
- package/dist/components/GrJsonViewer/index.js +1 -1
- package/dist/components/GrTree/chunks/{GrTree-CkHzgYg1.js → GrTree-DnDGW0xO.js} +103 -540
- package/dist/components/GrTree/chunks/GrTree-DnDGW0xO.js.map +1 -0
- package/dist/components/GrTree/index.js +2 -2
- package/dist/components/GrTree/styles.css +1 -1
- package/dist/components/GrTreeSections/chunks/GrTreeSections-D2PQ87mw.js +147 -0
- package/dist/components/GrTreeSections/chunks/GrTreeSections-D2PQ87mw.js.map +1 -0
- package/dist/components/GrTreeSections/index.js +3 -0
- package/dist/components/GrTreeSelect/chunks/{GrTreeSelect-DUsv3_mF.js → GrTreeSelect-DzheDCuZ.js} +1 -1
- package/dist/components/GrTreeSelect/chunks/{GrTreeSelect-DUsv3_mF.js.map → GrTreeSelect-DzheDCuZ.js.map} +1 -1
- package/dist/components/GrTreeSelect/index.js +1 -1
- package/dist/composables/useTree.js +2 -0
- package/dist/granular-provider-node.js +1 -1
- package/dist/granular-provider.js +1 -1
- package/dist/index.js +7 -4
- package/dist/theme.js +1 -1
- package/dist/tokens.js +1 -1
- package/dist/types/components/GrTree/grTreeProps.d.ts +8 -1
- package/dist/types/components/GrTree/grTreeStyles.d.ts +12 -0
- package/dist/types/components/GrTree/index.d.ts +3 -2
- package/dist/types/components/GrTreeSections/GrTreeSections.vue.d.ts +71 -0
- package/dist/types/components/GrTreeSections/config.d.ts +1 -0
- package/dist/types/components/GrTreeSections/grTreeSectionsStyles.d.ts +8 -0
- package/dist/types/components/GrTreeSections/index.d.ts +8 -0
- package/dist/types/components/GrTreeSections/safelist.d.ts +1 -0
- package/dist/types/{components/GrTree/grTreeDataAdapter.d.ts → composables/internal/treeAdapter.d.ts} +3 -3
- package/dist/types/{components/GrTree/grTreeChecking.d.ts → composables/internal/treeChecking.d.ts} +1 -1
- package/dist/types/composables/useTree.d.ts +107 -0
- package/dist/types/granular-provider/shared.d.ts +1 -0
- package/dist/types/index.d.ts +3 -0
- package/dist/web-types.json +143 -3
- package/package.json +9 -1
- package/dist/chunks/granular-provider-CCNbQa5U.js.map +0 -1
- package/dist/components/GrTree/chunks/GrTree-CkHzgYg1.js.map +0 -1
- package/dist/types/components/GrTree/grTreeStore.d.ts +0 -71
package/README.md
CHANGED
|
@@ -91,10 +91,10 @@ from its own chunk, so a granular import already brings everything it needs.
|
|
|
91
91
|
<!-- entry-sizes:generated:start lang=en -->
|
|
92
92
|
| What you import | gzip | of the barrel |
|
|
93
93
|
| --- | ---: | ---: |
|
|
94
|
-
| the whole package from the root |
|
|
94
|
+
| the whole package from the root | 595.8 kB | 100 % |
|
|
95
95
|
| the lightest component — `GrButtonGroup` | 1.8 kB | < 1 % |
|
|
96
|
-
| the median component — `
|
|
97
|
-
| the 5 heaviest together |
|
|
96
|
+
| the median component — `GrNavbar` | 15.4 kB | 3 % |
|
|
97
|
+
| the 5 heaviest together | 173.8 kB | 29 % |
|
|
98
98
|
|
|
99
99
|
These numbers **do not add up**: shared code is counted again in every row but paid for once, which is why
|
|
100
100
|
the set is shown as a union rather than a sum. They are an upper bound — the gzip of everything a subpath
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { n as splitClassTokens } from "./classTokens-8v2XC74x.js";
|
|
2
|
+
import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
|
|
3
|
+
//#region src/components/GrTreeSections/grTreeSectionsStyles.ts
|
|
4
|
+
var treeSectionsRootClass = "flex flex-col gap-4";
|
|
5
|
+
/**
|
|
6
|
+
* Заголовок группы набирается капителью и отделяется линией: он объявляет
|
|
7
|
+
* рубрику, а не узел, и должен читаться иначе, чем строки под ним.
|
|
8
|
+
*/
|
|
9
|
+
var treeSectionsHeadClass = "flex items-baseline gap-2 pb-1 text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)] uppercase tracking-wider text-[var(--gr-muted-fg)] border-b border-[var(--gr-brd)]";
|
|
10
|
+
var treeSectionsCountClass = "ml-auto text-[var(--gr-muted-fg)] [font-variant-numeric:tabular-nums]";
|
|
11
|
+
var treeSectionsGroupClass = "flex flex-col gap-1";
|
|
12
|
+
//#endregion
|
|
13
|
+
//#region src/components/GrTreeSections/safelist.ts
|
|
14
|
+
var grTreeSectionsSafelist = [.../* @__PURE__ */ new Set([
|
|
15
|
+
...splitClassTokens(treeSectionsRootClass),
|
|
16
|
+
...splitClassTokens(treeSectionsHeadClass),
|
|
17
|
+
...splitClassTokens(treeSectionsCountClass),
|
|
18
|
+
...splitClassTokens(treeSectionsGroupClass)
|
|
19
|
+
])];
|
|
20
|
+
//#endregion
|
|
21
|
+
//#region src/components/GrTreeSections/config.ts
|
|
22
|
+
var grTreeSectionsConfig = defineGranularComponent(import.meta.url, {
|
|
23
|
+
name: "GrTreeSections",
|
|
24
|
+
dependencies: ["GrTree"],
|
|
25
|
+
safelist: grTreeSectionsSafelist
|
|
26
|
+
});
|
|
27
|
+
//#endregion
|
|
28
|
+
export { treeSectionsHeadClass as a, treeSectionsGroupClass as i, grTreeSectionsSafelist as n, treeSectionsRootClass as o, treeSectionsCountClass as r, grTreeSectionsConfig as t };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"config-ChnYtO4o.js","names":[],"sources":["../../src/components/GrTreeSections/grTreeSectionsStyles.ts","../../src/components/GrTreeSections/safelist.ts","../../src/components/GrTreeSections/config.ts"],"sourcesContent":["export const treeSectionsRootClass = 'flex flex-col gap-4'\n\n/**\n * Заголовок группы набирается капителью и отделяется линией: он объявляет\n * рубрику, а не узел, и должен читаться иначе, чем строки под ним.\n */\nexport const treeSectionsHeadClass = 'flex items-baseline gap-2 pb-1 text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)] uppercase tracking-wider text-[var(--gr-muted-fg)] border-b border-[var(--gr-brd)]'\n\nexport const treeSectionsCountClass = 'ml-auto text-[var(--gr-muted-fg)] [font-variant-numeric:tabular-nums]'\n\nexport const treeSectionsGroupClass = 'flex flex-col gap-1'\n","import { splitClassTokens } from '../shared/classTokens'\n\nimport {\n treeSectionsCountClass,\n treeSectionsGroupClass,\n treeSectionsHeadClass,\n treeSectionsRootClass,\n} from './grTreeSectionsStyles'\n\nexport const grTreeSectionsSafelist = [...new Set([\n ...splitClassTokens(treeSectionsRootClass),\n ...splitClassTokens(treeSectionsHeadClass),\n ...splitClassTokens(treeSectionsCountClass),\n ...splitClassTokens(treeSectionsGroupClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grTreeSectionsSafelist } from './safelist'\n\nexport const grTreeSectionsConfig = defineGranularComponent(import.meta.url, {\n name: 'GrTreeSections',\n dependencies: ['GrTree'],\n safelist: grTreeSectionsSafelist,\n})\n"],"mappings":";;;AAAA,IAAa,wBAAwB;;;;;AAMrC,IAAa,wBAAwB;AAErC,IAAa,yBAAyB;AAEtC,IAAa,yBAAyB;;;ACDtC,IAAa,yBAAyB,CAAC,mBAAG,IAAI,IAAI;CAChD,GAAG,iBAAiB,qBAAqB;CACzC,GAAG,iBAAiB,qBAAqB;CACzC,GAAG,iBAAiB,sBAAsB;CAC1C,GAAG,iBAAiB,sBAAsB;AAC5C,CAAC,CAAC;;;ACVF,IAAa,uBAAuB,wBAAwB,YAAY,KAAK;CAC3E,MAAM;CACN,cAAc,CAAC,QAAQ;CACvB,UAAU;AACZ,CAAC"}
|
|
@@ -3470,7 +3470,7 @@ var grComponentTokens = [
|
|
|
3470
3470
|
"owner": "GrTree",
|
|
3471
3471
|
"name": "--gr-tree-indent-step",
|
|
3472
3472
|
"kind": "css",
|
|
3473
|
-
"default": "calc(
|
|
3473
|
+
"default": "calc(12px + var(--gr-tree-children-pl) + var(--gr-tree-branch-line-width))",
|
|
3474
3474
|
"description": "Шаг отступа уровня. Складывается из переключателя, отступа вложенного списка и толщины направляющей — линия обязана попадать ровно между ними."
|
|
3475
3475
|
},
|
|
3476
3476
|
{
|
|
@@ -3533,7 +3533,7 @@ var grComponentTokens = [
|
|
|
3533
3533
|
"owner": "GrTree",
|
|
3534
3534
|
"name": "--gr-tree-row-current-bg",
|
|
3535
3535
|
"kind": "css",
|
|
3536
|
-
"default": "color-mix(in srgb, var(--gr-primary)
|
|
3536
|
+
"default": "color-mix(in srgb, var(--gr-primary) 14%, transparent)",
|
|
3537
3537
|
"description": "Фон текущей (выбранной) строки."
|
|
3538
3538
|
},
|
|
3539
3539
|
{
|
|
@@ -3543,6 +3543,13 @@ var grComponentTokens = [
|
|
|
3543
3543
|
"default": "color-mix(in srgb, var(--gr-primary) 16%, transparent)",
|
|
3544
3544
|
"description": "Фон текущей строки под курсором."
|
|
3545
3545
|
},
|
|
3546
|
+
{
|
|
3547
|
+
"owner": "GrTree",
|
|
3548
|
+
"name": "--gr-tree-row-current-color",
|
|
3549
|
+
"kind": "css",
|
|
3550
|
+
"default": "var(--gr-tree-row-color)",
|
|
3551
|
+
"description": "Цвет текста выбранной строки. Отдельно от --gr-tree-row-color, потому что насыщенная подложка выбора требует своего текста: без этого сплошную плашку выбора нельзя сделать читаемой."
|
|
3552
|
+
},
|
|
3546
3553
|
{
|
|
3547
3554
|
"owner": "GrTree",
|
|
3548
3555
|
"name": "--gr-tree-font-size",
|
|
@@ -3725,11 +3732,18 @@ var grComponentTokens = [
|
|
|
3725
3732
|
"default": "2px",
|
|
3726
3733
|
"description": "Толщина направляющей линии уровня."
|
|
3727
3734
|
},
|
|
3735
|
+
{
|
|
3736
|
+
"owner": "GrTree",
|
|
3737
|
+
"name": "--gr-tree-branch-elbow-width",
|
|
3738
|
+
"kind": "css",
|
|
3739
|
+
"default": "8px",
|
|
3740
|
+
"description": "Длина горизонтального колена от направляющей к строке при branchLine=\"elbow\". Колено соединяет узлы, а не только отмечает уровень."
|
|
3741
|
+
},
|
|
3728
3742
|
{
|
|
3729
3743
|
"owner": "GrTree",
|
|
3730
3744
|
"name": "--gr-tree-branch-line-offset",
|
|
3731
3745
|
"kind": "css",
|
|
3732
|
-
"default": "
|
|
3746
|
+
"default": "12px",
|
|
3733
3747
|
"description": "Сдвиг направляющей от левого края строки."
|
|
3734
3748
|
},
|
|
3735
3749
|
{
|