@feugene/granularity 0.21.0 → 0.22.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/dist/chunks/config-BTCOJO5z2.js.map +1 -0
- package/dist/chunks/config-B_qi4Fma.js.map +1 -0
- package/dist/chunks/config-Baj7Wvx-.js.map +1 -0
- package/dist/chunks/{config-BKvX0q10.js → config-C5mO5DYZ.js} +10 -1
- package/dist/chunks/config-C5mO5DYZ.js.map +1 -0
- package/dist/chunks/config-CIcynHGr.js +96 -0
- package/dist/chunks/config-CIcynHGr.js.map +1 -0
- package/dist/chunks/{config-BsuDM3Hb.js → config-CKULiuvc.js} +15 -1
- package/dist/chunks/config-CKULiuvc.js.map +1 -0
- package/dist/chunks/config-QaIc_gRa.js.map +1 -0
- package/dist/chunks/config-eXB87DOi.js.map +1 -0
- package/dist/chunks/copy-DChChcq-.js +29 -0
- package/dist/chunks/copy-DChChcq-.js.map +1 -0
- package/dist/chunks/{en-CwAr3C_x.js → en-DCCFP4qu.js} +12 -2
- package/dist/chunks/{en-CwAr3C_x.js.map → en-DCCFP4qu.js.map} +1 -1
- package/dist/chunks/{es-TR4g2I4A.js → es-CT34HBVM.js} +12 -2
- package/dist/chunks/{es-TR4g2I4A.js.map → es-CT34HBVM.js.map} +1 -1
- package/dist/chunks/{es-Do1q9_SF.js → es-DdJsxlUr.js} +3 -3
- package/dist/chunks/{es-Do1q9_SF.js.map → es-DdJsxlUr.js.map} +1 -1
- package/dist/chunks/{generated-Do60Aq2I.js → generated-CiCrGDQO.js} +49 -0
- package/dist/chunks/{generated-Do60Aq2I.js.map → generated-CiCrGDQO.js.map} +1 -1
- package/dist/chunks/{granular-provider-BW2uopTG.js → granular-provider-CYroWMjO.js} +9 -7
- package/dist/chunks/granular-provider-CYroWMjO.js.map +1 -0
- package/dist/chunks/{ru-Bm-zWJ3F.js → ru-CLiAMwrx.js} +12 -2
- package/dist/chunks/{ru-Bm-zWJ3F.js.map → ru-CLiAMwrx.js.map} +1 -1
- package/dist/components/GrCodeBlock/chunks/{GrCodeBlock-CW3zY1ee.js → GrCodeBlock-BmXCLgLS.js} +4 -30
- package/dist/components/GrCodeBlock/chunks/{GrCodeBlock-CW3zY1ee.js.map → GrCodeBlock-BmXCLgLS.js.map} +1 -1
- package/dist/components/GrCodeBlock/index.js +2 -2
- package/dist/components/GrDropdownMenu/chunks/{GrDropdownMenu-LOaFSCyd.js → GrDropdownMenu-DyS6dWDp.js} +2 -2
- package/dist/components/GrDropdownMenu/chunks/{GrDropdownMenu-LOaFSCyd.js.map → GrDropdownMenu-DyS6dWDp.js.map} +1 -1
- package/dist/components/GrDropdownMenu/index.js +2 -2
- package/dist/components/GrJsonViewer/chunks/GrJsonViewer-DFUppRNb.js +389 -0
- package/dist/components/GrJsonViewer/chunks/GrJsonViewer-DFUppRNb.js.map +1 -0
- package/dist/components/GrJsonViewer/index.js +3 -0
- package/dist/components/GrList/chunks/{GrList-BUzFRa8-.js → GrList-BRYhpqIe.js} +3 -3
- package/dist/components/GrList/chunks/GrList-BRYhpqIe.js.map +1 -0
- package/dist/components/GrList/index.js +2 -2
- package/dist/components/GrList/styles.css +1 -1
- package/dist/components/GrRadio/index.js +1 -1
- package/dist/components/GrRadioGroup/index.js +1 -1
- package/dist/components/GrRating/chunks/{GrRating-BiAVT9H7.js → GrRating-BSEtaibx.js} +1 -1
- package/dist/components/GrRating/chunks/{GrRating-BiAVT9H7.js.map → GrRating-BSEtaibx.js.map} +1 -1
- package/dist/components/GrRating/index.js +2 -2
- package/dist/components/GrTabPanels/index.js +1 -1
- package/dist/granular-provider-node.js +1 -1
- package/dist/granular-provider.js +1 -1
- package/dist/i18n/all.js +1 -1
- package/dist/i18n/index.js +1 -1
- package/dist/index.js +15 -13
- package/dist/theme.js +1 -1
- package/dist/tokens.js +1 -1
- package/dist/types/components/GrDropdownMenu/GrDropdownMenu.vue.d.ts +1 -1
- package/dist/types/components/GrDropdownMenu/grDropdownMenuStyles.d.ts +10 -1
- package/dist/types/components/GrJsonViewer/GrJsonViewer.vue.d.ts +129 -0
- package/dist/types/components/GrJsonViewer/config.d.ts +1 -0
- package/dist/types/components/GrJsonViewer/defaults.d.ts +23 -0
- package/dist/types/components/GrJsonViewer/grJsonViewerStyles.d.ts +57 -0
- package/dist/types/components/GrJsonViewer/index.d.ts +9 -0
- package/dist/types/components/GrJsonViewer/jsonToNodes.d.ts +47 -0
- package/dist/types/components/GrJsonViewer/safelist.d.ts +1 -0
- package/dist/types/components/GrList/grListStyles.d.ts +13 -0
- package/dist/types/granular-provider/shared.d.ts +1 -0
- package/dist/types/i18n/messages/en.d.ts +18 -0
- package/dist/types/i18n/messages/es.d.ts +18 -0
- package/dist/types/i18n/messages/ru.d.ts +18 -0
- package/dist/types/index.d.ts +1 -0
- package/dist/web-types.json +123 -3
- package/package.json +5 -1
- package/dist/chunks/config-BKvX0q10.js.map +0 -1
- package/dist/chunks/config-BTCOJO5z.js.map +0 -1
- package/dist/chunks/config-B_qi4Fma2.js.map +0 -1
- package/dist/chunks/config-Baj7Wvx-2.js.map +0 -1
- package/dist/chunks/config-BsuDM3Hb.js.map +0 -1
- package/dist/chunks/config-QaIc_gRa2.js.map +0 -1
- package/dist/chunks/config-eXB87DOi2.js.map +0 -1
- package/dist/chunks/granular-provider-BW2uopTG.js.map +0 -1
- package/dist/components/GrList/chunks/GrList-BUzFRa8-.js.map +0 -1
- /package/dist/chunks/{config-BTCOJO5z.js → config-BTCOJO5z2.js} +0 -0
- /package/dist/chunks/{config-B_qi4Fma2.js → config-B_qi4Fma.js} +0 -0
- /package/dist/chunks/{config-Baj7Wvx-2.js → config-Baj7Wvx-.js} +0 -0
- /package/dist/chunks/{config-QaIc_gRa2.js → config-QaIc_gRa.js} +0 -0
- /package/dist/chunks/{config-eXB87DOi2.js → config-eXB87DOi.js} +0 -0
package/dist/index.js
CHANGED
|
@@ -50,8 +50,8 @@ import "./components/GrCheckbox/index.js";
|
|
|
50
50
|
import { t as GrCheckboxGroup_default } from "./components/GrCheckboxGroup/chunks/GrCheckboxGroup-BOwrVcFr.js";
|
|
51
51
|
import { t as grCheckboxGroupConfig } from "./chunks/config-BuGlNPE9.js";
|
|
52
52
|
import { useAnnouncer } from "./composables/useAnnouncer.js";
|
|
53
|
-
import { t as GrCodeBlock_default } from "./components/GrCodeBlock/chunks/GrCodeBlock-
|
|
54
|
-
import { n as grCodeBlockSafelist, t as grCodeBlockConfig } from "./chunks/config-
|
|
53
|
+
import { t as GrCodeBlock_default } from "./components/GrCodeBlock/chunks/GrCodeBlock-BmXCLgLS.js";
|
|
54
|
+
import { n as grCodeBlockSafelist, t as grCodeBlockConfig } from "./chunks/config-B_qi4Fma.js";
|
|
55
55
|
import { n as grCollapseSafelist, t as grCollapseConfig } from "./chunks/config-DU2DNSRx.js";
|
|
56
56
|
import { n as GrCollapse_default, t as GrCollapseItem_default } from "./components/GrCollapse/chunks/GrCollapse-C1rCfbc0.js";
|
|
57
57
|
import { n as grIconSafelist, t as grIconConfig } from "./chunks/config-Cp0DE0GH.js";
|
|
@@ -98,8 +98,8 @@ import { t as GrDrawer_default } from "./components/GrDrawer/chunks/GrDrawer-C3z
|
|
|
98
98
|
import { t as GrDropdown_default } from "./components/GrDropdown/chunks/GrDropdown-BSfFOcDx.js";
|
|
99
99
|
import { n as grDropdownSafelist, t as grDropdownConfig } from "./chunks/config-BViooYNv.js";
|
|
100
100
|
import "./components/GrDropdown/index.js";
|
|
101
|
-
import { n as grDropdownMenuSafelist, t as grDropdownMenuConfig } from "./chunks/config-
|
|
102
|
-
import { a as GrDropdownMenuItem_default, c as GrDropdownMenuDivider_default, i as GrDropdownMenuList_default, n as GrDropdownMenuColumn_default, o as GrDropdownMenuGroup_default, r as GrDropdownMenu_default, s as GrDropdownMenuHeader_default, t as GrDropdownMenuColumns_default } from "./components/GrDropdownMenu/chunks/GrDropdownMenu-
|
|
101
|
+
import { n as grDropdownMenuSafelist, t as grDropdownMenuConfig } from "./chunks/config-C5mO5DYZ.js";
|
|
102
|
+
import { a as GrDropdownMenuItem_default, c as GrDropdownMenuDivider_default, i as GrDropdownMenuList_default, n as GrDropdownMenuColumn_default, o as GrDropdownMenuGroup_default, r as GrDropdownMenu_default, s as GrDropdownMenuHeader_default, t as GrDropdownMenuColumns_default } from "./components/GrDropdownMenu/chunks/GrDropdownMenu-DyS6dWDp.js";
|
|
103
103
|
import { t as GrEmptyState_default } from "./components/GrEmptyState/chunks/GrEmptyState-CS9do8eM.js";
|
|
104
104
|
import { n as grEmptyStateSafelist, t as grEmptyStateConfig } from "./chunks/config-vSji8w90.js";
|
|
105
105
|
import { t as GrFilePreview_default } from "./components/GrFilePreview/chunks/GrFilePreview-rbE3zL9w.js";
|
|
@@ -121,12 +121,15 @@ import { n as grInputSafelist, t as grInputConfig } from "./chunks/config-DpeQch
|
|
|
121
121
|
import "./components/GrInput/index.js";
|
|
122
122
|
import { n as grInputTagSafelist, t as grInputTagConfig } from "./chunks/config-BN4sXYXn.js";
|
|
123
123
|
import { t as GrInputTag_default } from "./components/GrInputTag/chunks/GrInputTag-C7QVPijj.js";
|
|
124
|
+
import { t as GrTree_default } from "./components/GrTree/chunks/GrTree-BvOeQ3xJ.js";
|
|
125
|
+
import { t as GrJsonViewer_default } from "./components/GrJsonViewer/chunks/GrJsonViewer-DFUppRNb.js";
|
|
126
|
+
import { n as grJsonViewerSafelist, t as grJsonViewerConfig } from "./chunks/config-CIcynHGr.js";
|
|
124
127
|
import { n as grKbdSafelist, t as grKbdConfig } from "./chunks/config-DA6SnEoy.js";
|
|
125
128
|
import "./components/GrKbd/index.js";
|
|
126
129
|
import { n as grLinkSafelist, t as grLinkConfig } from "./chunks/config-Cl4ST6Qd.js";
|
|
127
130
|
import "./components/GrLink/index.js";
|
|
128
|
-
import { n as grListSafelist, t as grListConfig } from "./chunks/config-
|
|
129
|
-
import { n as GrList_default, t as GrListItem_default } from "./components/GrList/chunks/GrList-
|
|
131
|
+
import { n as grListSafelist, t as grListConfig } from "./chunks/config-CKULiuvc.js";
|
|
132
|
+
import { n as GrList_default, t as GrListItem_default } from "./components/GrList/chunks/GrList-BRYhpqIe.js";
|
|
130
133
|
import { n as grLoadingSafelist, t as grLoadingConfig } from "./chunks/config-CjnbevbD.js";
|
|
131
134
|
import "./components/GrLoading/index.js";
|
|
132
135
|
import { n as grModalSafelist, t as grModalConfig } from "./chunks/config-BtXRpAtq.js";
|
|
@@ -147,12 +150,12 @@ import { n as grProgressCircleSafelist, t as grProgressCircleConfig } from "./ch
|
|
|
147
150
|
import { t as grPromptDialogConfig } from "./chunks/config-C0Ea9ePP.js";
|
|
148
151
|
import "./components/GrPromptDialog/index.js";
|
|
149
152
|
import { t as GrRadio_default } from "./components/GrRadio/chunks/GrRadio-BdhknbO8.js";
|
|
150
|
-
import { n as grRadioSafelist, t as grRadioConfig } from "./chunks/config-
|
|
153
|
+
import { n as grRadioSafelist, t as grRadioConfig } from "./chunks/config-BTCOJO5z2.js";
|
|
151
154
|
import "./components/GrRadio/index.js";
|
|
152
155
|
import { t as GrRadioGroup_default } from "./components/GrRadioGroup/chunks/GrRadioGroup-BVmjKXcv.js";
|
|
153
|
-
import { t as grRadioGroupConfig } from "./chunks/config-
|
|
154
|
-
import { n as grRatingSafelist, t as grRatingConfig } from "./chunks/config-Baj7Wvx
|
|
155
|
-
import { t as GrRating_default } from "./components/GrRating/chunks/GrRating-
|
|
156
|
+
import { t as grRadioGroupConfig } from "./chunks/config-QaIc_gRa.js";
|
|
157
|
+
import { n as grRatingSafelist, t as grRatingConfig } from "./chunks/config-Baj7Wvx-.js";
|
|
158
|
+
import { t as GrRating_default } from "./components/GrRating/chunks/GrRating-BSEtaibx.js";
|
|
156
159
|
import { n as GrFormErrorBanner_default, r as GrUploadErrorBanner_default, t as useResponseError } from "./components/GrResponseErrorBanner/chunks/GrResponseErrorBanner-CgfAwlg3.js";
|
|
157
160
|
import { n as grSegmentedSafelist, t as grSegmentedConfig } from "./chunks/config-BEVBsvni2.js";
|
|
158
161
|
import { t as GrSegmented_default } from "./components/GrSegmented/chunks/GrSegmented-D1mjxF_O.js";
|
|
@@ -175,7 +178,7 @@ import { t as GrSwitch_default } from "./components/GrSwitch/chunks/GrSwitch-x_v
|
|
|
175
178
|
import { n as grTableSafelist, t as grTableConfig } from "./chunks/config-WTNhdh6T.js";
|
|
176
179
|
import "./components/GrTable/index.js";
|
|
177
180
|
import { n as GrTabPanels_default, t as GrTabPanel_default } from "./components/GrTabPanels/chunks/GrTabPanels-AJt1w1XC.js";
|
|
178
|
-
import { t as grTabPanelsConfig } from "./chunks/config-
|
|
181
|
+
import { t as grTabPanelsConfig } from "./chunks/config-eXB87DOi.js";
|
|
179
182
|
import { n as grTabsSafelist, t as grTabsConfig } from "./chunks/config-DWN4x6_e.js";
|
|
180
183
|
import { t as GrTabs_default } from "./components/GrTabs/chunks/GrTabs-CBHZkOFY.js";
|
|
181
184
|
import { n as grTextareaSafelist, t as grTextareaConfig } from "./chunks/config-BDfTXHo1.js";
|
|
@@ -187,11 +190,10 @@ import { n as grToasterSafelist, t as grToasterConfig } from "./chunks/config-Sc
|
|
|
187
190
|
import { t as GrToaster_default } from "./components/GrToaster/chunks/GrToaster-DJUzx3sR.js";
|
|
188
191
|
import { n as grTooltipSafelist, t as grTooltipConfig } from "./chunks/config-CN2ULSQL.js";
|
|
189
192
|
import { t as GrTooltip_default } from "./components/GrTooltip/chunks/GrTooltip-B6AwE_UX.js";
|
|
190
|
-
import { t as GrTree_default } from "./components/GrTree/chunks/GrTree-BvOeQ3xJ.js";
|
|
191
193
|
import { n as grTreeSafelist, t as grTreeConfig } from "./chunks/config-CDat1wXf.js";
|
|
192
194
|
import { n as grTreeSelectSafelist, t as grTreeSelectConfig } from "./chunks/config-DCFvmHEv.js";
|
|
193
195
|
import { t as GrTreeSelect_default } from "./components/GrTreeSelect/chunks/GrTreeSelect-_LjTRR7X.js";
|
|
194
196
|
import "./composables/useGrComponentConfig.js";
|
|
195
197
|
import "./composables/useGranularityTranslations.js";
|
|
196
198
|
import { GRANULARITY_THEME_STATE, granularityThemePlugin, initThemeEarly, useTheme } from "./composables/useTheme.js";
|
|
197
|
-
export { FileValidationError, GRANULARITY_THEME_STATE, GRANULARITY_TOAST_STATE, GR_KBD_TOKENS, GR_TONES, GrAlert_default as GrAlert, GrAutocomplete_default as GrAutocomplete, GrAvatar_default as GrAvatar, GrAvatarGroup_default as GrAvatarGroup, GrBadge_default as GrBadge, GrBadgeWrap_default as GrBadgeWrap, GrBottomNav_default as GrBottomNav, GrBreadcrumbs_default as GrBreadcrumbs, GrButton_default as GrButton, GrButtonGroup_default as GrButtonGroup, GrCard_default as GrCard, GrCheckbox_default as GrCheckbox, GrCheckboxGroup_default as GrCheckboxGroup, GrCodeBlock_default as GrCodeBlock, GrCollapse_default as GrCollapse, GrCollapseItem_default as GrCollapseItem, GrColorPicker_default as GrColorPicker, GrCommandPalette_default as GrCommandPalette, GrConfigProvider_default as GrConfigProvider, GrConfirmDialog_default as GrConfirmDialog, GrDataTable_default as GrDataTable, GrDelta_default as GrDelta, GrDescriptionList_default as GrDescriptionList, GrDialog_default as GrDialog, GrDialogCloseButton_default as GrDialogCloseButton, GrDialogFooter_default as GrDialogFooter, GrDialogHeader_default as GrDialogHeader, GrDialogServiceHost_default as GrDialogServiceHost, GrDivider_default as GrDivider, GrDrawer_default as GrDrawer, GrDropdown_default as GrDropdown, GrDropdownMenu_default as GrDropdownMenu, GrDropdownMenuColumn_default as GrDropdownMenuColumn, GrDropdownMenuColumns_default as GrDropdownMenuColumns, GrDropdownMenuDivider_default as GrDropdownMenuDivider, GrDropdownMenuGroup_default as GrDropdownMenuGroup, GrDropdownMenuHeader_default as GrDropdownMenuHeader, GrDropdownMenuItem_default as GrDropdownMenuItem, GrDropdownMenuList_default as GrDropdownMenuList, GrEmptyState_default as GrEmptyState, GrFilePreview_default as GrFilePreview, GrFileUpload_default as GrFileUpload, GrForm_default as GrForm, GrFormErrorBanner_default as GrFormErrorBanner, GrFormField_default as GrFormField, GrFormFile_default as GrFormFile, GrFormSection_default as GrFormSection, GrIcon_default as GrIcon, GrImageViewer_default as GrImageViewer, GrInput_default as GrInput, GrInputTag_default as GrInputTag, GrKbd_default as GrKbd, GrLink_default as GrLink, GrList_default as GrList, GrListItem_default as GrListItem, GrLoading_default as GrLoading, GrModal_default as GrModal, GrNavbar_default as GrNavbar, GrNumberInput_default as GrNumberInput, GrPagination_default as GrPagination, GrPopover_default as GrPopover, GrProgressBar_default as GrProgressBar, GrProgressCircle_default as GrProgressCircle, GrPromptDialog_default as GrPromptDialog, GrRadio_default as GrRadio, GrRadioGroup_default as GrRadioGroup, GrRating_default as GrRating, GrResponseErrorBanner_default as GrResponseErrorBanner, GrSegmented_default as GrSegmented, GrSelect_default as GrSelect, GrSidebar_default as GrSidebar, GrSidebarGroup_default as GrSidebarGroup, GrSidebarItem_default as GrSidebarItem, GrSkeleton_default as GrSkeleton, GrSlider_default as GrSlider, GrSortableList_default as GrSortableList, GrSplitter_default as GrSplitter, GrStatistic_default as GrStatistic, GrSwitch_default as GrSwitch, GrTabPanel_default as GrTabPanel, GrTabPanels_default as GrTabPanels, GrTable_default as GrTable, GrTabs_default as GrTabs, GrTextarea_default as GrTextarea, GrTimeline_default as GrTimeline, GrTimelineItem_default as GrTimelineItem, GrToaster_default as GrToaster, GrTooltip_default as GrTooltip, GrTree_default as GrTree, GrTreeSelect_default as GrTreeSelect, GrUploadAbortError, GrUploadErrorBanner_default as GrUploadErrorBanner, GrUploadHttpError, coreResponseErrorParsers, createGrFormMessageResolver, createLoading, createResponseErrorClassifier, dialogService, extendDefaultParsers, findKbdToken, formatBadgeValue, formatStatisticValue, grAlertConfig, grAutocompleteConfig, grAutocompleteSafelist, grAvatarConfig, grAvatarSafelist, grBadgeConfig, grBadgeSafelist, grBadgeWrapConfig, grBadgeWrapSafelist, grBottomNavConfig, grBottomNavSafelist, grBreadcrumbsConfig, grBreadcrumbsSafelist, grButtonConfig, grButtonGroupConfig, grButtonSafelist, grCardConfig, grCardSafelist, grCheckboxConfig, grCheckboxGroupConfig, grCheckboxSafelist, grCodeBlockConfig, grCodeBlockSafelist, grCollapseConfig, grCollapseSafelist, grColorPickerConfig, grColorPickerSafelist, grCommandPaletteConfig, grCommandPaletteSafelist, grConfigProviderConfig, grConfirmDialogConfig, grDataTableConfig, grDataTableSafelist, grDeltaConfig, grDeltaSafelist, grDescriptionListConfig, grDescriptionListSafelist, grDialogSafelist, grDialogServiceConfig, grDividerConfig, grDividerSafelist, grDrawerConfig, grDrawerSafelist, grDropdownConfig, grDropdownMenuConfig, grDropdownMenuSafelist, grDropdownSafelist, grEmptyStateConfig, grEmptyStateSafelist, grFilePreviewConfig, grFilePreviewSafelist, grFileUploadConfig, grFileUploadSafelist, grFormConfig, grFormFieldConfig, grFormFieldSafelist, grFormFileConfig, grFormFileSafelist, grFormSectionConfig, grFormSectionSafelist, grIconConfig, grIconSafelist, grImageViewerConfig, grImageViewerSafelist, grInputConfig, grInputSafelist, grInputTagConfig, grInputTagSafelist, grKbdConfig, grKbdSafelist, grLinkConfig, grLinkSafelist, grListConfig, grListSafelist, grLoadingConfig, grLoadingSafelist, grModalConfig, grModalSafelist, grNavbarConfig, grNavbarSafelist, grNumberInputConfig, grNumberInputSafelist, grPaginationConfig, grPaginationSafelist, grPopoverConfig, grPopoverSafelist, grProgressBarConfig, grProgressBarSafelist, grProgressCircleConfig, grProgressCircleSafelist, grPromptDialogConfig, grRadioConfig, grRadioGroupConfig, grRadioSafelist, grRatingConfig, grRatingSafelist, grSegmentedConfig, grSegmentedSafelist, grSelectConfig, grSelectSafelist, grSidebarConfig, grSidebarSafelist, grSkeletonConfig, grSliderConfig, grSliderSafelist, grSortableListConfig, grSortableListSafelist, grSplitterConfig, grSplitterSafelist, grStatisticConfig, grStatisticSafelist, grSwitchConfig, grSwitchSafelist, grTabPanelsConfig, grTableConfig, grTableSafelist, grTabsConfig, grTabsSafelist, grTextareaConfig, grTextareaSafelist, grTimelineConfig, grTimelineSafelist, grToasterConfig, grToasterSafelist, grTooltipConfig, grTooltipSafelist, grTreeConfig, grTreeSafelist, grTreeSelectConfig, grTreeSelectSafelist, granularityDialogServicePlugin, granularityThemePlugin, granularityToastPlugin, initThemeEarly, initialsFrom, normalizeError, resolveBreadcrumbsFit, resolveBreadcrumbsLayout, resolveGrConfig, runFieldRules, sizeFromPointer, teardownDialogService, useAnnouncer, useComboboxNavigation, useDialogService, useDismissible, useDragGesture, useDragSort, useFloating, useFocusTrap, useGrButtonGroup, useGrComponentDefaults, useGrComponentProp, useGrComponentSize, useGrConfig, useGrFormContext, useGrFormControl, useGrFormFieldContext, useGrThemeAttrs, useGranularityTranslations, useOverlayLayer, usePortalTarget, useResponseError, useRovingFocus, useTheme, useToast, useVirtualList, vAutofocus, vAutosize, vClickOutside, vDropzone, vHotkey, vLoading };
|
|
199
|
+
export { FileValidationError, GRANULARITY_THEME_STATE, GRANULARITY_TOAST_STATE, GR_KBD_TOKENS, GR_TONES, GrAlert_default as GrAlert, GrAutocomplete_default as GrAutocomplete, GrAvatar_default as GrAvatar, GrAvatarGroup_default as GrAvatarGroup, GrBadge_default as GrBadge, GrBadgeWrap_default as GrBadgeWrap, GrBottomNav_default as GrBottomNav, GrBreadcrumbs_default as GrBreadcrumbs, GrButton_default as GrButton, GrButtonGroup_default as GrButtonGroup, GrCard_default as GrCard, GrCheckbox_default as GrCheckbox, GrCheckboxGroup_default as GrCheckboxGroup, GrCodeBlock_default as GrCodeBlock, GrCollapse_default as GrCollapse, GrCollapseItem_default as GrCollapseItem, GrColorPicker_default as GrColorPicker, GrCommandPalette_default as GrCommandPalette, GrConfigProvider_default as GrConfigProvider, GrConfirmDialog_default as GrConfirmDialog, GrDataTable_default as GrDataTable, GrDelta_default as GrDelta, GrDescriptionList_default as GrDescriptionList, GrDialog_default as GrDialog, GrDialogCloseButton_default as GrDialogCloseButton, GrDialogFooter_default as GrDialogFooter, GrDialogHeader_default as GrDialogHeader, GrDialogServiceHost_default as GrDialogServiceHost, GrDivider_default as GrDivider, GrDrawer_default as GrDrawer, GrDropdown_default as GrDropdown, GrDropdownMenu_default as GrDropdownMenu, GrDropdownMenuColumn_default as GrDropdownMenuColumn, GrDropdownMenuColumns_default as GrDropdownMenuColumns, GrDropdownMenuDivider_default as GrDropdownMenuDivider, GrDropdownMenuGroup_default as GrDropdownMenuGroup, GrDropdownMenuHeader_default as GrDropdownMenuHeader, GrDropdownMenuItem_default as GrDropdownMenuItem, GrDropdownMenuList_default as GrDropdownMenuList, GrEmptyState_default as GrEmptyState, GrFilePreview_default as GrFilePreview, GrFileUpload_default as GrFileUpload, GrForm_default as GrForm, GrFormErrorBanner_default as GrFormErrorBanner, GrFormField_default as GrFormField, GrFormFile_default as GrFormFile, GrFormSection_default as GrFormSection, GrIcon_default as GrIcon, GrImageViewer_default as GrImageViewer, GrInput_default as GrInput, GrInputTag_default as GrInputTag, GrJsonViewer_default as GrJsonViewer, GrKbd_default as GrKbd, GrLink_default as GrLink, GrList_default as GrList, GrListItem_default as GrListItem, GrLoading_default as GrLoading, GrModal_default as GrModal, GrNavbar_default as GrNavbar, GrNumberInput_default as GrNumberInput, GrPagination_default as GrPagination, GrPopover_default as GrPopover, GrProgressBar_default as GrProgressBar, GrProgressCircle_default as GrProgressCircle, GrPromptDialog_default as GrPromptDialog, GrRadio_default as GrRadio, GrRadioGroup_default as GrRadioGroup, GrRating_default as GrRating, GrResponseErrorBanner_default as GrResponseErrorBanner, GrSegmented_default as GrSegmented, GrSelect_default as GrSelect, GrSidebar_default as GrSidebar, GrSidebarGroup_default as GrSidebarGroup, GrSidebarItem_default as GrSidebarItem, GrSkeleton_default as GrSkeleton, GrSlider_default as GrSlider, GrSortableList_default as GrSortableList, GrSplitter_default as GrSplitter, GrStatistic_default as GrStatistic, GrSwitch_default as GrSwitch, GrTabPanel_default as GrTabPanel, GrTabPanels_default as GrTabPanels, GrTable_default as GrTable, GrTabs_default as GrTabs, GrTextarea_default as GrTextarea, GrTimeline_default as GrTimeline, GrTimelineItem_default as GrTimelineItem, GrToaster_default as GrToaster, GrTooltip_default as GrTooltip, GrTree_default as GrTree, GrTreeSelect_default as GrTreeSelect, GrUploadAbortError, GrUploadErrorBanner_default as GrUploadErrorBanner, GrUploadHttpError, coreResponseErrorParsers, createGrFormMessageResolver, createLoading, createResponseErrorClassifier, dialogService, extendDefaultParsers, findKbdToken, formatBadgeValue, formatStatisticValue, grAlertConfig, grAutocompleteConfig, grAutocompleteSafelist, grAvatarConfig, grAvatarSafelist, grBadgeConfig, grBadgeSafelist, grBadgeWrapConfig, grBadgeWrapSafelist, grBottomNavConfig, grBottomNavSafelist, grBreadcrumbsConfig, grBreadcrumbsSafelist, grButtonConfig, grButtonGroupConfig, grButtonSafelist, grCardConfig, grCardSafelist, grCheckboxConfig, grCheckboxGroupConfig, grCheckboxSafelist, grCodeBlockConfig, grCodeBlockSafelist, grCollapseConfig, grCollapseSafelist, grColorPickerConfig, grColorPickerSafelist, grCommandPaletteConfig, grCommandPaletteSafelist, grConfigProviderConfig, grConfirmDialogConfig, grDataTableConfig, grDataTableSafelist, grDeltaConfig, grDeltaSafelist, grDescriptionListConfig, grDescriptionListSafelist, grDialogSafelist, grDialogServiceConfig, grDividerConfig, grDividerSafelist, grDrawerConfig, grDrawerSafelist, grDropdownConfig, grDropdownMenuConfig, grDropdownMenuSafelist, grDropdownSafelist, grEmptyStateConfig, grEmptyStateSafelist, grFilePreviewConfig, grFilePreviewSafelist, grFileUploadConfig, grFileUploadSafelist, grFormConfig, grFormFieldConfig, grFormFieldSafelist, grFormFileConfig, grFormFileSafelist, grFormSectionConfig, grFormSectionSafelist, grIconConfig, grIconSafelist, grImageViewerConfig, grImageViewerSafelist, grInputConfig, grInputSafelist, grInputTagConfig, grInputTagSafelist, grJsonViewerConfig, grJsonViewerSafelist, grKbdConfig, grKbdSafelist, grLinkConfig, grLinkSafelist, grListConfig, grListSafelist, grLoadingConfig, grLoadingSafelist, grModalConfig, grModalSafelist, grNavbarConfig, grNavbarSafelist, grNumberInputConfig, grNumberInputSafelist, grPaginationConfig, grPaginationSafelist, grPopoverConfig, grPopoverSafelist, grProgressBarConfig, grProgressBarSafelist, grProgressCircleConfig, grProgressCircleSafelist, grPromptDialogConfig, grRadioConfig, grRadioGroupConfig, grRadioSafelist, grRatingConfig, grRatingSafelist, grSegmentedConfig, grSegmentedSafelist, grSelectConfig, grSelectSafelist, grSidebarConfig, grSidebarSafelist, grSkeletonConfig, grSliderConfig, grSliderSafelist, grSortableListConfig, grSortableListSafelist, grSplitterConfig, grSplitterSafelist, grStatisticConfig, grStatisticSafelist, grSwitchConfig, grSwitchSafelist, grTabPanelsConfig, grTableConfig, grTableSafelist, grTabsConfig, grTabsSafelist, grTextareaConfig, grTextareaSafelist, grTimelineConfig, grTimelineSafelist, grToasterConfig, grToasterSafelist, grTooltipConfig, grTooltipSafelist, grTreeConfig, grTreeSafelist, grTreeSelectConfig, grTreeSelectSafelist, granularityDialogServicePlugin, granularityThemePlugin, granularityToastPlugin, initThemeEarly, initialsFrom, normalizeError, resolveBreadcrumbsFit, resolveBreadcrumbsLayout, resolveGrConfig, runFieldRules, sizeFromPointer, teardownDialogService, useAnnouncer, useComboboxNavigation, useDialogService, useDismissible, useDragGesture, useDragSort, useFloating, useFocusTrap, useGrButtonGroup, useGrComponentDefaults, useGrComponentProp, useGrComponentSize, useGrConfig, useGrFormContext, useGrFormControl, useGrFormFieldContext, useGrThemeAttrs, useGranularityTranslations, useOverlayLayer, usePortalTarget, useResponseError, useRovingFocus, useTheme, useToast, useVirtualList, vAutofocus, vAutosize, vClickOutside, vDropzone, vHotkey, vLoading };
|
package/dist/theme.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { a as grThemeTokens, n as grDerivedTokens, t as grComponentTokens } from "./chunks/generated-
|
|
1
|
+
import { a as grThemeTokens, n as grDerivedTokens, t as grComponentTokens } from "./chunks/generated-CiCrGDQO.js";
|
|
2
2
|
//#region src/theme/color.ts
|
|
3
3
|
function parseHex(value) {
|
|
4
4
|
const match = value.trim().match(/^#([\da-f]{3}|[\da-f]{6})$/i);
|
package/dist/tokens.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as grThemeTokens, i as grThemeNames, n as grDerivedTokens, r as grFoundationTokens, t as grComponentTokens } from "./chunks/generated-
|
|
1
|
+
import { a as grThemeTokens, i as grThemeNames, n as grDerivedTokens, r as grFoundationTokens, t as grComponentTokens } from "./chunks/generated-CiCrGDQO.js";
|
|
2
2
|
export { grComponentTokens, grDerivedTokens, grFoundationTokens, grThemeNames, grThemeTokens };
|
|
@@ -22,7 +22,7 @@ export interface GrDropdownMenuProps {
|
|
|
22
22
|
teleportTo?: string | HTMLElement;
|
|
23
23
|
/** Закрывать по клику внутри content. */
|
|
24
24
|
closeOnContentClick?: boolean;
|
|
25
|
-
/** Дополнительные классы content
|
|
25
|
+
/** Дополнительные классы content-контейнера. */
|
|
26
26
|
contentClass?: string;
|
|
27
27
|
/**
|
|
28
28
|
* Декларативное меню: пункты, группы и разделители массивом. Слот по
|
|
@@ -6,7 +6,16 @@ export type GrDropdownMenuColumnsCount = 2 | 3 | 4;
|
|
|
6
6
|
export declare const alignClass: Record<GrDropdownMenuItemAlign, string>;
|
|
7
7
|
export declare const textAlignClass: Record<GrDropdownMenuHeaderAlign, string>;
|
|
8
8
|
export declare const colsClass: Record<GrDropdownMenuColumnsCount, string>;
|
|
9
|
-
|
|
9
|
+
/**
|
|
10
|
+
* Радиус здесь не украшение: фон подсветки лежит на самом пункте, а панель
|
|
11
|
+
* `GrDropdown` скруглена на 16 px и содержимое не обрезает. Прямоугольник во всю
|
|
12
|
+
* ширину заливал бы угловые сегменты, вырезанные этим радиусом. Восемь
|
|
13
|
+
* пикселей — та же ступень, что у опций `GrSelect` и `GrAutocomplete`; внутренний
|
|
14
|
+
* угол панели после рамки и поля ≈ 11 px, так что подсветка до скругления не
|
|
15
|
+
* достаёт. Радиус в базовом классе, а не отдельной константой: hover, disabled и
|
|
16
|
+
* кольцо фокуса висят на одном элементе.
|
|
17
|
+
*/
|
|
18
|
+
export declare const itemBaseClass = "w-full min-h-10 px-4 py-2.5 rounded-[var(--gr-radius-md)] flex items-center gap-2 text-[length:var(--gr-text-sm)] transition-colors duration-[var(--gr-duration-fast)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]";
|
|
10
19
|
export declare const itemVariantClass: Record<GrDropdownMenuItemVariant, string>;
|
|
11
20
|
export declare const itemInteractiveClass = "cursor-pointer hover:bg-[var(--gr-accent)] hover:text-[var(--gr-accent-fg)]";
|
|
12
21
|
export declare const itemDisabledClass = "cursor-not-allowed pointer-events-none bg-[var(--gr-muted)] text-[var(--gr-muted-fg)]";
|
|
@@ -0,0 +1,129 @@
|
|
|
1
|
+
import { type GrJsonNode } from './jsonToNodes';
|
|
2
|
+
import type { GrComponentSize } from '../shared/sizes';
|
|
3
|
+
export type { GrJsonNode, GrJsonNodeKind } from './jsonToNodes';
|
|
4
|
+
/**
|
|
5
|
+
* JSON со свёрткой по узлам, поиском по ключу и значению и копированием узла.
|
|
6
|
+
*
|
|
7
|
+
* Дерево, клавиатуру и виртуализацию несёт `GrTree`; здесь — разбор `unknown` в
|
|
8
|
+
* узлы и разметка строки. Плоский текст целиком, который копируют в тикет, —
|
|
9
|
+
* `GrCodeBlock`.
|
|
10
|
+
*/
|
|
11
|
+
export interface GrJsonViewerProps {
|
|
12
|
+
/** Показываемое значение. `unknown`, потому что приходит из БД или чужого сервиса. */
|
|
13
|
+
value: unknown;
|
|
14
|
+
/** Подпись корня. По умолчанию `$` — так адресуют путь JSONPath и dev-tools. */
|
|
15
|
+
rootLabel?: string;
|
|
16
|
+
/** Сколько уровней раскрыто изначально. */
|
|
17
|
+
defaultExpandDepth?: number;
|
|
18
|
+
/**
|
|
19
|
+
* Длина строкового значения, после которой показ обрезается.
|
|
20
|
+
*
|
|
21
|
+
* Не косметика: запрос к модели с картинкой в base64 — это один лист на
|
|
22
|
+
* сотни тысяч символов, и ни свёртка, ни виртуализация по строкам его не
|
|
23
|
+
* берут. Копирование при этом отдаёт значение целиком.
|
|
24
|
+
*/
|
|
25
|
+
maxStringLength?: number;
|
|
26
|
+
/** Сколько элементов массива разбирать до заглушки «ещё N». */
|
|
27
|
+
maxArrayItems?: number;
|
|
28
|
+
/** Поле поиска над деревом. Выключено — поиск остаётся на `filter()` из `defineExpose`. */
|
|
29
|
+
searchable?: boolean;
|
|
30
|
+
/** Кнопка копирования узла в строке. */
|
|
31
|
+
copyable?: boolean;
|
|
32
|
+
/** Оставлять в DOM только окно вокруг вьюпорта. Требует `maxHeight`. */
|
|
33
|
+
virtual?: boolean;
|
|
34
|
+
/** Высота области просмотра: число — пиксели, строка — как есть. */
|
|
35
|
+
maxHeight?: string | number;
|
|
36
|
+
/** Имя области для скринридера. Безымянное дерево объявляется просто «дерево». */
|
|
37
|
+
ariaLabel?: string;
|
|
38
|
+
size?: GrComponentSize;
|
|
39
|
+
}
|
|
40
|
+
export interface GrJsonViewerEmits {
|
|
41
|
+
/** Узел скопирован: путь для тикета и полное значение. */
|
|
42
|
+
(e: 'copy', payload: {
|
|
43
|
+
path: string;
|
|
44
|
+
value: unknown;
|
|
45
|
+
}): void;
|
|
46
|
+
}
|
|
47
|
+
type __VLS_Slots = {
|
|
48
|
+
/** Значение листа: ссылка, дата, денежная сумма — оформление знает приложение. */
|
|
49
|
+
leaf?: (props: {
|
|
50
|
+
node: GrJsonNode;
|
|
51
|
+
}) => unknown;
|
|
52
|
+
};
|
|
53
|
+
declare function expandAll(): void;
|
|
54
|
+
declare function collapseAll(): void;
|
|
55
|
+
declare function filter(value: string): void;
|
|
56
|
+
declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrJsonViewerProps>, {
|
|
57
|
+
rootLabel: undefined;
|
|
58
|
+
defaultExpandDepth: undefined;
|
|
59
|
+
maxStringLength: undefined;
|
|
60
|
+
maxArrayItems: undefined;
|
|
61
|
+
searchable: undefined;
|
|
62
|
+
copyable: undefined;
|
|
63
|
+
virtual: boolean;
|
|
64
|
+
maxHeight: undefined;
|
|
65
|
+
ariaLabel: undefined;
|
|
66
|
+
size: undefined;
|
|
67
|
+
}>>, {
|
|
68
|
+
filter: typeof filter;
|
|
69
|
+
expandAll: typeof expandAll;
|
|
70
|
+
collapseAll: typeof collapseAll;
|
|
71
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
72
|
+
copy: (payload: {
|
|
73
|
+
path: string;
|
|
74
|
+
value: unknown;
|
|
75
|
+
}) => void;
|
|
76
|
+
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrJsonViewerProps>, {
|
|
77
|
+
rootLabel: undefined;
|
|
78
|
+
defaultExpandDepth: undefined;
|
|
79
|
+
maxStringLength: undefined;
|
|
80
|
+
maxArrayItems: undefined;
|
|
81
|
+
searchable: undefined;
|
|
82
|
+
copyable: undefined;
|
|
83
|
+
virtual: boolean;
|
|
84
|
+
maxHeight: undefined;
|
|
85
|
+
ariaLabel: undefined;
|
|
86
|
+
size: undefined;
|
|
87
|
+
}>>> & Readonly<{
|
|
88
|
+
onCopy?: ((payload: {
|
|
89
|
+
path: string;
|
|
90
|
+
value: unknown;
|
|
91
|
+
}) => any) | undefined;
|
|
92
|
+
}>, {
|
|
93
|
+
size: GrComponentSize;
|
|
94
|
+
copyable: boolean;
|
|
95
|
+
defaultExpandDepth: number;
|
|
96
|
+
maxStringLength: number;
|
|
97
|
+
maxArrayItems: number;
|
|
98
|
+
searchable: boolean;
|
|
99
|
+
maxHeight: string | number;
|
|
100
|
+
ariaLabel: string;
|
|
101
|
+
virtual: boolean;
|
|
102
|
+
rootLabel: string;
|
|
103
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
104
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
105
|
+
declare const _default: typeof __VLS_export;
|
|
106
|
+
export default _default;
|
|
107
|
+
type __VLS_TypePropsToOption<T> = {
|
|
108
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
109
|
+
type: import('vue').PropType<Required<T>[K]>;
|
|
110
|
+
} : {
|
|
111
|
+
type: import('vue').PropType<T[K]>;
|
|
112
|
+
required: true;
|
|
113
|
+
};
|
|
114
|
+
};
|
|
115
|
+
type __VLS_WithDefaults<P, D> = {
|
|
116
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
|
|
117
|
+
default: D[K];
|
|
118
|
+
}> : P[K];
|
|
119
|
+
};
|
|
120
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
121
|
+
new (): {
|
|
122
|
+
$slots: S;
|
|
123
|
+
};
|
|
124
|
+
};
|
|
125
|
+
type __VLS_PrettifyLocal<T> = (T extends any ? {
|
|
126
|
+
[K in keyof T]: T[K];
|
|
127
|
+
} : {
|
|
128
|
+
[K in keyof T as K]: T[K];
|
|
129
|
+
}) & {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const grJsonViewerConfig: import("@feugene/unocss-preset-granular/contract").GranularComponentDescriptor<"GrJsonViewer">;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import type { GrComponentSize } from '../shared/sizes';
|
|
2
|
+
/**
|
|
3
|
+
* Пропы `GrJsonViewer`, настраиваемые глобально через
|
|
4
|
+
* `<GrConfigProvider :component-defaults="{ GrJsonViewer: { … } }">`.
|
|
5
|
+
*
|
|
6
|
+
* Пороги обрезки здесь наравне с оформлением не случайно: «сколько показывать»
|
|
7
|
+
* — решение приложения, а не экрана. У админки с ответами модели и у панели с
|
|
8
|
+
* конфигами оно разное, и повторять его на каждом просмотрщике значит однажды
|
|
9
|
+
* забыть.
|
|
10
|
+
*/
|
|
11
|
+
export interface GrJsonViewerConfigurableProps {
|
|
12
|
+
size: GrComponentSize;
|
|
13
|
+
defaultExpandDepth: number;
|
|
14
|
+
maxStringLength: number;
|
|
15
|
+
maxArrayItems: number;
|
|
16
|
+
searchable: boolean;
|
|
17
|
+
copyable: boolean;
|
|
18
|
+
}
|
|
19
|
+
declare module '../../composables/useGrComponentConfig' {
|
|
20
|
+
interface GrComponentDefaultsRegistry {
|
|
21
|
+
GrJsonViewer: GrJsonViewerConfigurableProps;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import type { GrJsonNodeKind } from './jsonToNodes';
|
|
2
|
+
/**
|
|
3
|
+
* Классы `GrJsonViewer`.
|
|
4
|
+
*
|
|
5
|
+
* Роли перечислены целиком, по литералу на ветку: UnoCSS сканирует исходный
|
|
6
|
+
* текст файла, и собранное шаблонной строкой имя уехало бы в CSS литералом.
|
|
7
|
+
*/
|
|
8
|
+
/**
|
|
9
|
+
* `min-w-0` и клип — не украшение: глубокая ветка шире контейнера, и без них
|
|
10
|
+
* панель растягивает раскладку страницы, вместо того чтобы прокручиваться
|
|
11
|
+
* внутри себя. Горизонтальный скролл остаётся у самого дерева.
|
|
12
|
+
*/
|
|
13
|
+
export declare const jsonViewerRootClass = "min-w-0 overflow-hidden rounded-[var(--gr-radius-md)] bg-[var(--gr-json-viewer-bg,var(--gr-muted))] text-[var(--gr-fg)]";
|
|
14
|
+
/** Шапка с поиском и кнопками свёртки. Отбивается от дерева, а не от края. */
|
|
15
|
+
export declare const jsonViewerToolbarClass = "flex items-center gap-2 border-b border-[var(--gr-brd)] p-2";
|
|
16
|
+
export declare const jsonViewerSearchClass = "min-w-0 flex-1";
|
|
17
|
+
/** Строка узла моноширинная: значения выравниваются по разрядам, как в блоке кода. */
|
|
18
|
+
export declare const jsonViewerRowClass = "relative flex min-w-0 items-center gap-1 font-[var(--gr-font-mono)]";
|
|
19
|
+
/** Область узла не даёт значению растянуть строку шире панели. */
|
|
20
|
+
export declare const jsonViewerContentClass = "min-w-0";
|
|
21
|
+
export declare const jsonViewerKeyClass = "shrink-0 text-[var(--gr-json-viewer-key,var(--gr-primary-text))]";
|
|
22
|
+
export declare const jsonViewerPunctuationClass = "shrink-0 text-[var(--gr-json-viewer-punctuation,var(--gr-fg))]";
|
|
23
|
+
/**
|
|
24
|
+
* Значение обрезается по ширине строки, а не переносится: перенос превратил бы
|
|
25
|
+
* дерево в простыню и сломал бы оценку высоты строки у виртуализации.
|
|
26
|
+
*/
|
|
27
|
+
export declare const jsonViewerValueClass = "min-w-0 truncate";
|
|
28
|
+
/** Счётчик у свёрнутой ветки и служебные подписи — тише значения. */
|
|
29
|
+
export declare const jsonViewerMutedClass = "shrink-0 text-[var(--gr-json-viewer-muted,var(--gr-muted-fg))]";
|
|
30
|
+
/**
|
|
31
|
+
* Кнопка копирования узла: появляется по наведению и по фокусу внутри строки.
|
|
32
|
+
*
|
|
33
|
+
* Стоит в потоке сразу за значением, а не прижата к правому краю строки:
|
|
34
|
+
* прижать её не к чему — область узла у `GrTree` сжата по содержимому
|
|
35
|
+
* (`flex: 0 1 auto`) собственным scoped-правилом, а утилитой снаружи оно не
|
|
36
|
+
* перебивается: оба класса равной специфичности, и победителя выбирает порядок
|
|
37
|
+
* правил в CSS. Цена потока — 4 px высоты строки, и она дешевле этой лотереи.
|
|
38
|
+
*/
|
|
39
|
+
export declare const jsonViewerCopyClass = "ml-2 shrink-0 opacity-0 focus-visible:opacity-100 group-hover:opacity-100";
|
|
40
|
+
/**
|
|
41
|
+
* Зацепка варианта `group-hover` у кнопки копирования. В safelist не идёт: CSS
|
|
42
|
+
* из неё не порождается — правило пишет сам вариант, а гейт справедливо считал
|
|
43
|
+
* бы такую запись мёртвой.
|
|
44
|
+
*/
|
|
45
|
+
export declare const jsonViewerGroupClass = "group";
|
|
46
|
+
/**
|
|
47
|
+
* Цвет значения по виду.
|
|
48
|
+
*
|
|
49
|
+
* Дефолты — ссылки на `-text`-роли темы, те же, что у `GrCodeBlock`: роли
|
|
50
|
+
* переключаются вместе с темой, поэтому подсветка работает в обеих без своего
|
|
51
|
+
* theme-слоя, а два компонента остаются согласованными через роль, а не через
|
|
52
|
+
* общую константу — импорт чужой мапы притащил бы потребителю весь CSS донора.
|
|
53
|
+
*
|
|
54
|
+
* Число взято от `azure`, а не от `info`: `info` — синий в двух шагах от индиго
|
|
55
|
+
* `primary`, и пара «ключ ↔ число» стояла бы в одной строке неразличимой.
|
|
56
|
+
*/
|
|
57
|
+
export declare const jsonValueClass: Record<GrJsonNodeKind, string>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { ComponentExposed } from '../shared/instance';
|
|
2
|
+
import type GrJsonViewerComponent from './GrJsonViewer.vue';
|
|
3
|
+
export { default } from './GrJsonViewer.vue';
|
|
4
|
+
export { default as GrJsonViewer } from './GrJsonViewer.vue';
|
|
5
|
+
export { grJsonViewerConfig } from './config';
|
|
6
|
+
export type { GrJsonViewerConfigurableProps } from './defaults';
|
|
7
|
+
export type { GrJsonNode, GrJsonNodeKind, GrJsonViewerEmits, GrJsonViewerProps, } from './GrJsonViewer.vue';
|
|
8
|
+
export { grJsonViewerSafelist } from './safelist';
|
|
9
|
+
export type GrJsonViewerInstance = ComponentExposed<typeof GrJsonViewerComponent>;
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Разбор произвольного значения в узлы дерева.
|
|
3
|
+
*
|
|
4
|
+
* Компонент показывает данные из БД и от чужих сервисов, поэтому обход обязан
|
|
5
|
+
* пережить всё: цикл, `BigInt`, функцию в поле, массив на десять тысяч записей,
|
|
6
|
+
* строку в миллион символов. Уронить страницу он права не имеет.
|
|
7
|
+
*/
|
|
8
|
+
/** Что за значение в узле. Решает и цвет, и то, раскрывается ли узел. */
|
|
9
|
+
export type GrJsonNodeKind = 'object' | 'array' | 'string' | 'number' | 'boolean' | 'null'
|
|
10
|
+
/** Значения, которых в JSON не бывает: функция, символ, `undefined`. */
|
|
11
|
+
| 'unsupported'
|
|
12
|
+
/** Хвост обрезанного массива — «ещё N элементов». Своего значения не имеет. */
|
|
13
|
+
| 'truncation';
|
|
14
|
+
export type GrJsonNode = {
|
|
15
|
+
/** Читаемый адрес узла (`$.items[3].name`). Он же ключ для `GrTree`. */
|
|
16
|
+
path: string;
|
|
17
|
+
/** Имя ключа или индекс. Показывается слева от двоеточия. */
|
|
18
|
+
label: string;
|
|
19
|
+
kind: GrJsonNodeKind;
|
|
20
|
+
/** Что видно в строке. У ветки — счётчик, у листа — значение, возможно обрезанное. */
|
|
21
|
+
preview: string;
|
|
22
|
+
/** Полное значение. Копирование берёт его, а не `preview`. */
|
|
23
|
+
value: unknown;
|
|
24
|
+
/** Показ обрезан: копирование всё равно отдаёт целое. */
|
|
25
|
+
truncated: boolean;
|
|
26
|
+
isLeaf: boolean;
|
|
27
|
+
children?: GrJsonNode[];
|
|
28
|
+
};
|
|
29
|
+
export type GrJsonToNodesOptions = {
|
|
30
|
+
/** Подпись корня. */
|
|
31
|
+
rootLabel?: string;
|
|
32
|
+
/** Длина строки, после которой значение обрезается в показе. */
|
|
33
|
+
maxStringLength?: number;
|
|
34
|
+
/** Сколько элементов массива разбирать до заглушки «ещё N». */
|
|
35
|
+
maxArrayItems?: number;
|
|
36
|
+
};
|
|
37
|
+
/** Маркер ветки, которая уже встречалась выше по этой же цепочке предков. */
|
|
38
|
+
export declare const CIRCULAR_MARKER = "[Circular]";
|
|
39
|
+
/**
|
|
40
|
+
* Значение → узлы дерева. Корень всегда один: даже скаляр на входе — это узел,
|
|
41
|
+
* иначе дерево пришлось бы то показывать, то нет.
|
|
42
|
+
*/
|
|
43
|
+
export declare function jsonToNodes(value: unknown, options?: GrJsonToNodesOptions): GrJsonNode[];
|
|
44
|
+
/** Пути всех узлов до заданной глубины — ими задаётся начальная свёртка. */
|
|
45
|
+
export declare function pathsToDepth(nodes: GrJsonNode[], depth: number, level?: number): string[];
|
|
46
|
+
/** Пути всех веток — для «раскрыть всё». */
|
|
47
|
+
export declare function branchPaths(nodes: GrJsonNode[]): string[];
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const grJsonViewerSafelist: string[];
|
|
@@ -7,6 +7,19 @@ export type GrListItemDensity = 'compact' | 'regular';
|
|
|
7
7
|
* и разойтись они могли молча.
|
|
8
8
|
*/
|
|
9
9
|
export declare const densityPadding: Record<GrListItemDensity, string>;
|
|
10
|
+
/**
|
|
11
|
+
* Список обрезается по радиусу карточки под ним.
|
|
12
|
+
*
|
|
13
|
+
* Своего радиуса у строки нет и не нужно: строки идут вплотную, и скруглённая
|
|
14
|
+
* подсветка посреди сплошного списка читалась бы как случайная. Но поля у
|
|
15
|
+
* `GrCard` по умолчанию нет, строка лежит вплотную к скруглению, и без клипа
|
|
16
|
+
* фон первой и последней заливает углы — постоянно при `disabled` и по
|
|
17
|
+
* наведению при кликабельной строке.
|
|
18
|
+
*
|
|
19
|
+
* `inherit`, а не повтор `--gr-radius-lg`: значение принадлежит `GrCard`, и
|
|
20
|
+
* копия разошлась бы с ним молча.
|
|
21
|
+
*/
|
|
22
|
+
export declare const listSurfaceClass = "overflow-hidden rounded-[inherit]";
|
|
10
23
|
export declare const itemLayoutClass = "flex items-start justify-between gap-4";
|
|
11
24
|
/** Интерактивная строка занимает всю ширину пункта — кликабельна вся, а не текст. */
|
|
12
25
|
export declare const itemInteractiveClass = "w-full text-left transition-colors duration-[var(--gr-duration-fast)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] focus-visible:ring-inset";
|
|
@@ -49,6 +49,7 @@ export declare const granularityComponentConfigs: {
|
|
|
49
49
|
GrImageViewer: GranularComponentDescriptor<"GrImageViewer">;
|
|
50
50
|
GrInput: GranularComponentDescriptor<"GrInput">;
|
|
51
51
|
GrInputTag: GranularComponentDescriptor<"GrInputTag">;
|
|
52
|
+
GrJsonViewer: GranularComponentDescriptor<"GrJsonViewer">;
|
|
52
53
|
GrKbd: GranularComponentDescriptor<"GrKbd">;
|
|
53
54
|
GrLink: GranularComponentDescriptor<"GrLink">;
|
|
54
55
|
GrList: GranularComponentDescriptor<"GrList">;
|
|
@@ -346,6 +346,15 @@ export declare const en: {
|
|
|
346
346
|
copied: string;
|
|
347
347
|
copyFailed: string;
|
|
348
348
|
};
|
|
349
|
+
jsonViewer: {
|
|
350
|
+
search: string;
|
|
351
|
+
expandAll: string;
|
|
352
|
+
collapseAll: string;
|
|
353
|
+
copy: string;
|
|
354
|
+
copied: string;
|
|
355
|
+
copyFailed: string;
|
|
356
|
+
moreItems: string;
|
|
357
|
+
};
|
|
349
358
|
};
|
|
350
359
|
common: {
|
|
351
360
|
confirm: string;
|
|
@@ -684,6 +693,15 @@ export declare const en: {
|
|
|
684
693
|
copied: string;
|
|
685
694
|
copyFailed: string;
|
|
686
695
|
};
|
|
696
|
+
jsonViewer: {
|
|
697
|
+
search: string;
|
|
698
|
+
expandAll: string;
|
|
699
|
+
collapseAll: string;
|
|
700
|
+
copy: string;
|
|
701
|
+
copied: string;
|
|
702
|
+
copyFailed: string;
|
|
703
|
+
moreItems: string;
|
|
704
|
+
};
|
|
687
705
|
}>;
|
|
688
706
|
};
|
|
689
707
|
};
|
|
@@ -341,6 +341,15 @@ export declare const es: {
|
|
|
341
341
|
copied: string;
|
|
342
342
|
copyFailed: string;
|
|
343
343
|
};
|
|
344
|
+
jsonViewer: {
|
|
345
|
+
search: string;
|
|
346
|
+
expandAll: string;
|
|
347
|
+
collapseAll: string;
|
|
348
|
+
copy: string;
|
|
349
|
+
copied: string;
|
|
350
|
+
copyFailed: string;
|
|
351
|
+
moreItems: string;
|
|
352
|
+
};
|
|
344
353
|
};
|
|
345
354
|
common: {
|
|
346
355
|
confirm: string;
|
|
@@ -681,6 +690,15 @@ export declare const es: {
|
|
|
681
690
|
copied: string;
|
|
682
691
|
copyFailed: string;
|
|
683
692
|
};
|
|
693
|
+
jsonViewer: {
|
|
694
|
+
search: string;
|
|
695
|
+
expandAll: string;
|
|
696
|
+
collapseAll: string;
|
|
697
|
+
copy: string;
|
|
698
|
+
copied: string;
|
|
699
|
+
copyFailed: string;
|
|
700
|
+
moreItems: string;
|
|
701
|
+
};
|
|
684
702
|
}>;
|
|
685
703
|
};
|
|
686
704
|
};
|
|
@@ -343,6 +343,15 @@ export declare const ru: {
|
|
|
343
343
|
copied: string;
|
|
344
344
|
copyFailed: string;
|
|
345
345
|
};
|
|
346
|
+
jsonViewer: {
|
|
347
|
+
search: string;
|
|
348
|
+
expandAll: string;
|
|
349
|
+
collapseAll: string;
|
|
350
|
+
copy: string;
|
|
351
|
+
copied: string;
|
|
352
|
+
copyFailed: string;
|
|
353
|
+
moreItems: string;
|
|
354
|
+
};
|
|
346
355
|
};
|
|
347
356
|
common: {
|
|
348
357
|
confirm: string;
|
|
@@ -685,6 +694,15 @@ export declare const ru: {
|
|
|
685
694
|
copied: string;
|
|
686
695
|
copyFailed: string;
|
|
687
696
|
};
|
|
697
|
+
jsonViewer: {
|
|
698
|
+
search: string;
|
|
699
|
+
expandAll: string;
|
|
700
|
+
collapseAll: string;
|
|
701
|
+
copy: string;
|
|
702
|
+
copied: string;
|
|
703
|
+
copyFailed: string;
|
|
704
|
+
moreItems: string;
|
|
705
|
+
};
|
|
688
706
|
}>;
|
|
689
707
|
};
|
|
690
708
|
};
|
package/dist/types/index.d.ts
CHANGED
|
@@ -36,6 +36,7 @@ export * from './components/GrIcon';
|
|
|
36
36
|
export * from './components/GrImageViewer';
|
|
37
37
|
export * from './components/GrInput';
|
|
38
38
|
export * from './components/GrInputTag';
|
|
39
|
+
export * from './components/GrJsonViewer';
|
|
39
40
|
export * from './components/GrKbd';
|
|
40
41
|
export * from './components/GrLink';
|
|
41
42
|
export * from './components/GrList';
|