@vuetify/nightly 3.6.3-master.2024-05-07 → 3.6.4-master.2024-05-09
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 +7 -13
- package/dist/json/attributes.json +31 -31
- package/dist/json/importMap-labs.json +8 -8
- package/dist/json/importMap.json +124 -124
- package/dist/json/web-types.json +64 -64
- package/dist/vuetify-labs.css +2434 -2363
- package/dist/vuetify-labs.d.ts +995 -966
- package/dist/vuetify-labs.esm.js +104 -70
- package/dist/vuetify-labs.esm.js.map +1 -1
- package/dist/vuetify-labs.js +103 -69
- package/dist/vuetify-labs.min.css +2 -2
- package/dist/vuetify.css +775 -708
- package/dist/vuetify.d.ts +965 -936
- package/dist/vuetify.esm.js +104 -70
- package/dist/vuetify.esm.js.map +1 -1
- package/dist/vuetify.js +103 -69
- package/dist/vuetify.js.map +1 -1
- package/dist/vuetify.min.css +2 -2
- package/dist/vuetify.min.js +981 -976
- package/dist/vuetify.min.js.map +1 -1
- package/lib/components/VAutocomplete/index.d.mts +169 -140
- package/lib/components/VBottomSheet/index.d.mts +33 -27
- package/lib/components/VColorPicker/VColorPickerCanvas.mjs +1 -1
- package/lib/components/VColorPicker/VColorPickerCanvas.mjs.map +1 -1
- package/lib/components/VCombobox/index.d.mts +169 -140
- package/lib/components/VDataIterator/index.d.mts +1 -1
- package/lib/components/VDataTable/VDataTable.css +1 -1
- package/lib/components/VDataTable/VDataTable.sass +2 -1
- package/lib/components/VDataTable/VDataTableHeaders.mjs +1 -1
- package/lib/components/VDataTable/VDataTableHeaders.mjs.map +1 -1
- package/lib/components/VDataTable/VDataTableVirtual.mjs.map +1 -1
- package/lib/components/VDataTable/composables/select.mjs +2 -1
- package/lib/components/VDataTable/composables/select.mjs.map +1 -1
- package/lib/components/VDataTable/index.d.mts +10 -5
- package/lib/components/VDatePicker/VDatePickerYears.mjs +4 -4
- package/lib/components/VDatePicker/VDatePickerYears.mjs.map +1 -1
- package/lib/components/VDialog/index.d.mts +99 -93
- package/lib/components/VFileInput/VFileInput.mjs +1 -1
- package/lib/components/VFileInput/VFileInput.mjs.map +1 -1
- package/lib/components/VInfiniteScroll/VInfiniteScroll.mjs +1 -1
- package/lib/components/VInfiniteScroll/VInfiniteScroll.mjs.map +1 -1
- package/lib/components/VList/VList.mjs.map +1 -1
- package/lib/components/VList/index.d.mts +70 -46
- package/lib/components/VMenu/index.d.mts +99 -93
- package/lib/components/VOverlay/VOverlay.mjs.map +1 -1
- package/lib/components/VOverlay/index.d.mts +33 -27
- package/lib/components/VOverlay/useActivator.mjs +5 -5
- package/lib/components/VOverlay/useActivator.mjs.map +1 -1
- package/lib/components/VSelect/index.d.mts +169 -140
- package/lib/components/VSheet/VSheet.css +1 -1
- package/lib/components/VSheet/_variables.scss +1 -1
- package/lib/components/VSlideGroup/VSlideGroup.mjs +25 -25
- package/lib/components/VSlideGroup/VSlideGroup.mjs.map +1 -1
- package/lib/components/VSlider/VSliderThumb.css +5 -0
- package/lib/components/VSlider/VSliderThumb.sass +3 -0
- package/lib/components/VSlider/VSliderTrack.css +15 -0
- package/lib/components/VSlider/VSliderTrack.sass +9 -0
- package/lib/components/VSnackbar/index.d.mts +85 -79
- package/lib/components/VSpeedDial/index.d.mts +33 -27
- package/lib/components/VStepper/VStepper.mjs +12 -6
- package/lib/components/VStepper/VStepper.mjs.map +1 -1
- package/lib/components/VStepper/VStepperItem.css +47 -0
- package/lib/components/VStepper/VStepperItem.mjs +5 -3
- package/lib/components/VStepper/VStepperItem.mjs.map +1 -1
- package/lib/components/VStepper/VStepperItem.sass +18 -0
- package/lib/components/VStepper/VStepperWindow.mjs +2 -1
- package/lib/components/VStepper/VStepperWindow.mjs.map +1 -1
- package/lib/components/VStepper/VStepperWindowItem.mjs +2 -1
- package/lib/components/VStepper/VStepperWindowItem.mjs.map +1 -1
- package/lib/components/VTabs/VTabsWindow.mjs +2 -1
- package/lib/components/VTabs/VTabsWindow.mjs.map +1 -1
- package/lib/components/VTooltip/index.d.mts +99 -93
- package/lib/components/VVirtualScroll/VVirtualScrollItem.mjs.map +1 -1
- package/lib/components/index.d.mts +926 -897
- package/lib/composables/nested/activeStrategies.mjs +16 -10
- package/lib/composables/nested/activeStrategies.mjs.map +1 -1
- package/lib/composables/nested/nested.mjs +7 -5
- package/lib/composables/nested/nested.mjs.map +1 -1
- package/lib/composables/resizeObserver.mjs +5 -5
- package/lib/composables/resizeObserver.mjs.map +1 -1
- package/lib/entry-bundler.mjs +1 -1
- package/lib/framework.mjs +1 -1
- package/lib/index.d.mts +39 -39
- package/lib/labs/VCalendar/VCalendar.css +5 -1
- package/lib/labs/VCalendar/VCalendar.sass +3 -2
- package/lib/labs/VCalendar/_variables.scss +8 -0
- package/lib/labs/VSnackbarQueue/index.d.mts +97 -91
- package/lib/labs/VTreeview/VTreeview.mjs.map +1 -1
- package/lib/labs/VTreeview/index.d.mts +82 -58
- package/lib/labs/components.d.mts +178 -149
- package/lib/util/helpers.mjs +16 -0
- package/lib/util/helpers.mjs.map +1 -1
- package/package.json +1 -1
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"VTreeview.mjs","names":["makeVTreeviewChildrenProps","VTreeviewChildren","makeVListProps","useListItems","VList","provideDefaults","makeFilterProps","useFilter","useProxiedModel","computed","provide","ref","toRef","watch","genericComponent","omit","propsFactory","useRender","VTreeviewSymbol","flatten","items","flat","arguments","length","undefined","item","push","children","makeVTreeviewProps","openAll","Boolean","search","String","filterKeys","collapseIcon","expandIcon","selectStrategy","openStrategy","slim","VTreeview","name","props","emits","val","value","setup","_ref","slots","activeColor","baseColor","color","opened","activated","selected","vListRef","flatItems","filteredItems","visibleIds","Set","flatMap","getPath","getChildren","id","path","parent","unshift","parents","get","arr","queue","slice","child","shift","immediate","ids","i","concat","VTreeviewGroup","VTreeviewItem","activeClass","density","disabled","lines","variant","listProps","filterProps","treeviewChildrenProps","_createVNode","_mergeProps","class","style","$event","default","open"],"sources":["../../../src/labs/VTreeview/VTreeview.tsx"],"sourcesContent":["// Components\nimport { makeVTreeviewChildrenProps, VTreeviewChildren } from './VTreeviewChildren'\nimport { makeVListProps, useListItems, VList } from '@/components/VList/VList'\n\n// Composables\nimport { provideDefaults } from '@/composables/defaults'\nimport { makeFilterProps, useFilter } from '@/composables/filter'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { computed, provide, ref, toRef, watch } from 'vue'\nimport { genericComponent, omit, propsFactory, useRender } from '@/util'\n\n// Types\nimport { VTreeviewSymbol } from './shared'\nimport type { VListChildrenSlots } from '@/components/VList/VListChildren'\nimport type { ListItem } from '@/composables/list-items'\nimport type { GenericProps } from '@/util'\n\nfunction flatten (items: ListItem[], flat: ListItem[] = []) {\n for (const item of items) {\n flat.push(item)\n if (item.children) flatten(item.children, flat)\n }\n return flat\n}\n\nexport const makeVTreeviewProps = propsFactory({\n openAll: Boolean,\n search: String,\n\n ...makeFilterProps({ filterKeys: ['title'] }),\n ...makeVTreeviewChildrenProps(),\n ...omit(makeVListProps({\n collapseIcon: '$treeviewCollapse',\n expandIcon: '$treeviewExpand',\n selectStrategy: 'independent' as const,\n openStrategy: 'multiple' as const,\n slim: true,\n }), ['nav']),\n}, 'VTreeview')\n\nexport const VTreeview = genericComponent<new <T>(\n props: {\n items?: T[]\n },\n slots: VListChildrenSlots<T>\n) => GenericProps<typeof props, typeof slots>>()({\n name: 'VTreeview',\n\n props: makeVTreeviewProps(),\n\n emits: {\n 'update:opened': (val: unknown[]) => true,\n 'update:activated': (val: unknown[]) => true,\n 'update:selected': (val: unknown[]) => true,\n 'click:open': (value: { id: unknown, value: boolean, path: unknown[] }) => true,\n 'click:select': (value: { id: unknown, value: boolean, path: unknown[] }) => true,\n },\n\n setup (props, { slots }) {\n const { items } = useListItems(props)\n const activeColor = toRef(props, 'activeColor')\n const baseColor = toRef(props, 'baseColor')\n const color = toRef(props, 'color')\n const opened = useProxiedModel(props, 'opened')\n const activated = useProxiedModel(props, 'activated')\n const selected = useProxiedModel(props, 'selected')\n\n const vListRef = ref<VList>()\n\n const flatItems = computed(() => flatten(items.value))\n const search = toRef(props, 'search')\n const { filteredItems } = useFilter(props, flatItems, search)\n const visibleIds = computed(() => {\n if (!search.value) {\n return null\n }\n return new Set(filteredItems.value.flatMap(item => {\n return [...getPath(item.props.value), ...getChildren(item.props.value)]\n }))\n })\n\n function getPath (id: unknown) {\n const path: unknown[] = []\n let parent: unknown = id\n while (parent != null) {\n path.unshift(parent)\n parent = vListRef.value?.parents.get(parent)\n }\n return path\n }\n\n function getChildren (id: unknown) {\n const arr: unknown[] = []\n const queue = ((vListRef.value?.children.get(id) ?? []).slice())\n while (queue.length) {\n const child = queue.shift()\n if (!child) continue\n arr.push(child)\n queue.push(...((vListRef.value?.children.get(child) ?? []).slice()))\n }\n return arr\n }\n\n watch(() => props.openAll, val => {\n opened.value = val ? openAll(items.value) : []\n }, { immediate: true })\n\n function openAll (item: any) {\n let ids: number[] = []\n\n for (const i of item) {\n if (!i.children) continue\n\n ids.push(i.value)\n\n if (i.children) {\n ids = ids.concat(openAll(i.children))\n }\n }\n\n return ids\n }\n\n provide(VTreeviewSymbol, { visibleIds })\n\n provideDefaults({\n VTreeviewGroup: {\n activeColor,\n baseColor,\n color,\n collapseIcon: toRef(props, 'collapseIcon'),\n expandIcon: toRef(props, 'expandIcon'),\n },\n VTreeviewItem: {\n activeClass: toRef(props, 'activeClass'),\n activeColor,\n baseColor,\n color,\n density: toRef(props, 'density'),\n disabled: toRef(props, 'disabled'),\n lines: toRef(props, 'lines'),\n variant: toRef(props, 'variant'),\n },\n })\n\n useRender(() => {\n const listProps = VList.filterProps(props)\n const treeviewChildrenProps = VTreeviewChildren.filterProps(props)\n\n return (\n <VList\n ref={ vListRef }\n { ...listProps }\n class={[\n 'v-treeview',\n props.class,\n ]}\n style={ props.style }\n v-model:opened={ opened.value }\n v-model:activated={ activated.value }\n v-model:selected={ selected.value }\n >\n <VTreeviewChildren\n { ...treeviewChildrenProps }\n items={ items.value }\n v-slots={ slots }\n ></VTreeviewChildren>\n </VList>\n )\n })\n\n return {\n open,\n }\n },\n})\n\nexport type VTreeview = InstanceType<typeof VTreeview>\n"],"mappings":"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","ignoreList":[]}
|
1
|
+
{"version":3,"file":"VTreeview.mjs","names":["makeVTreeviewChildrenProps","VTreeviewChildren","makeVListProps","useListItems","VList","provideDefaults","makeFilterProps","useFilter","useProxiedModel","computed","provide","ref","toRef","watch","genericComponent","omit","propsFactory","useRender","VTreeviewSymbol","flatten","items","flat","arguments","length","undefined","item","push","children","makeVTreeviewProps","openAll","Boolean","search","String","filterKeys","collapseIcon","expandIcon","selectStrategy","openStrategy","slim","VTreeview","name","props","emits","val","value","setup","_ref","slots","activeColor","baseColor","color","opened","activated","selected","vListRef","flatItems","filteredItems","visibleIds","Set","flatMap","getPath","getChildren","id","path","parent","unshift","parents","get","arr","queue","slice","child","shift","immediate","ids","i","concat","VTreeviewGroup","VTreeviewItem","activeClass","density","disabled","lines","variant","listProps","filterProps","treeviewChildrenProps","_createVNode","_mergeProps","class","style","$event","default","open"],"sources":["../../../src/labs/VTreeview/VTreeview.tsx"],"sourcesContent":["// Components\nimport { makeVTreeviewChildrenProps, VTreeviewChildren } from './VTreeviewChildren'\nimport { makeVListProps, useListItems, VList } from '@/components/VList/VList'\n\n// Composables\nimport { provideDefaults } from '@/composables/defaults'\nimport { makeFilterProps, useFilter } from '@/composables/filter'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { computed, provide, ref, toRef, watch } from 'vue'\nimport { genericComponent, omit, propsFactory, useRender } from '@/util'\n\n// Types\nimport { VTreeviewSymbol } from './shared'\nimport type { VListChildrenSlots } from '@/components/VList/VListChildren'\nimport type { ListItem } from '@/composables/list-items'\nimport type { GenericProps } from '@/util'\n\nfunction flatten (items: ListItem[], flat: ListItem[] = []) {\n for (const item of items) {\n flat.push(item)\n if (item.children) flatten(item.children, flat)\n }\n return flat\n}\n\nexport const makeVTreeviewProps = propsFactory({\n openAll: Boolean,\n search: String,\n\n ...makeFilterProps({ filterKeys: ['title'] }),\n ...makeVTreeviewChildrenProps(),\n ...omit(makeVListProps({\n collapseIcon: '$treeviewCollapse',\n expandIcon: '$treeviewExpand',\n selectStrategy: 'independent' as const,\n openStrategy: 'multiple' as const,\n slim: true,\n }), ['nav']),\n}, 'VTreeview')\n\nexport const VTreeview = genericComponent<new <T>(\n props: {\n items?: T[]\n },\n slots: VListChildrenSlots<T>\n) => GenericProps<typeof props, typeof slots>>()({\n name: 'VTreeview',\n\n props: makeVTreeviewProps(),\n\n emits: {\n 'update:opened': (val: unknown) => true,\n 'update:activated': (val: unknown) => true,\n 'update:selected': (val: unknown) => true,\n 'click:open': (value: { id: unknown, value: boolean, path: unknown[] }) => true,\n 'click:select': (value: { id: unknown, value: boolean, path: unknown[] }) => true,\n },\n\n setup (props, { slots }) {\n const { items } = useListItems(props)\n const activeColor = toRef(props, 'activeColor')\n const baseColor = toRef(props, 'baseColor')\n const color = toRef(props, 'color')\n const opened = useProxiedModel(props, 'opened')\n const activated = useProxiedModel(props, 'activated')\n const selected = useProxiedModel(props, 'selected')\n\n const vListRef = ref<VList>()\n\n const flatItems = computed(() => flatten(items.value))\n const search = toRef(props, 'search')\n const { filteredItems } = useFilter(props, flatItems, search)\n const visibleIds = computed(() => {\n if (!search.value) {\n return null\n }\n return new Set(filteredItems.value.flatMap(item => {\n return [...getPath(item.props.value), ...getChildren(item.props.value)]\n }))\n })\n\n function getPath (id: unknown) {\n const path: unknown[] = []\n let parent: unknown = id\n while (parent != null) {\n path.unshift(parent)\n parent = vListRef.value?.parents.get(parent)\n }\n return path\n }\n\n function getChildren (id: unknown) {\n const arr: unknown[] = []\n const queue = ((vListRef.value?.children.get(id) ?? []).slice())\n while (queue.length) {\n const child = queue.shift()\n if (!child) continue\n arr.push(child)\n queue.push(...((vListRef.value?.children.get(child) ?? []).slice()))\n }\n return arr\n }\n\n watch(() => props.openAll, val => {\n opened.value = val ? openAll(items.value) : []\n }, { immediate: true })\n\n function openAll (item: any) {\n let ids: number[] = []\n\n for (const i of item) {\n if (!i.children) continue\n\n ids.push(i.value)\n\n if (i.children) {\n ids = ids.concat(openAll(i.children))\n }\n }\n\n return ids\n }\n\n provide(VTreeviewSymbol, { visibleIds })\n\n provideDefaults({\n VTreeviewGroup: {\n activeColor,\n baseColor,\n color,\n collapseIcon: toRef(props, 'collapseIcon'),\n expandIcon: toRef(props, 'expandIcon'),\n },\n VTreeviewItem: {\n activeClass: toRef(props, 'activeClass'),\n activeColor,\n baseColor,\n color,\n density: toRef(props, 'density'),\n disabled: toRef(props, 'disabled'),\n lines: toRef(props, 'lines'),\n variant: toRef(props, 'variant'),\n },\n })\n\n useRender(() => {\n const listProps = VList.filterProps(props)\n const treeviewChildrenProps = VTreeviewChildren.filterProps(props)\n\n return (\n <VList\n ref={ vListRef }\n { ...listProps }\n class={[\n 'v-treeview',\n props.class,\n ]}\n style={ props.style }\n v-model:opened={ opened.value }\n v-model:activated={ activated.value }\n v-model:selected={ selected.value }\n >\n <VTreeviewChildren\n { ...treeviewChildrenProps }\n items={ items.value }\n v-slots={ slots }\n ></VTreeviewChildren>\n </VList>\n )\n })\n\n return {\n open,\n }\n },\n})\n\nexport type VTreeview = InstanceType<typeof VTreeview>\n"],"mappings":"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","ignoreList":[]}
|
@@ -76,6 +76,22 @@ interface InternalItem<T = any> {
|
|
76
76
|
raw: T;
|
77
77
|
}
|
78
78
|
|
79
|
+
type ActiveStrategyFn = (data: {
|
80
|
+
id: unknown;
|
81
|
+
value: boolean;
|
82
|
+
activated: Set<unknown>;
|
83
|
+
children: Map<unknown, unknown[]>;
|
84
|
+
parents: Map<unknown, unknown>;
|
85
|
+
event?: Event;
|
86
|
+
}) => Set<unknown>;
|
87
|
+
type ActiveStrategyTransformInFn = (v: unknown | undefined, children: Map<unknown, unknown[]>, parents: Map<unknown, unknown>) => Set<unknown>;
|
88
|
+
type ActiveStrategyTransformOutFn = (v: Set<unknown>, children: Map<unknown, unknown[]>, parents: Map<unknown, unknown>) => unknown;
|
89
|
+
type ActiveStrategy = {
|
90
|
+
activate: ActiveStrategyFn;
|
91
|
+
in: ActiveStrategyTransformInFn;
|
92
|
+
out: ActiveStrategyTransformOutFn;
|
93
|
+
};
|
94
|
+
|
79
95
|
type OpenStrategyFn = (data: {
|
80
96
|
id: unknown;
|
81
97
|
value: boolean;
|
@@ -106,8 +122,16 @@ type SelectStrategyFn = (data: {
|
|
106
122
|
parents: Map<unknown, unknown>;
|
107
123
|
event?: Event;
|
108
124
|
}) => Map<unknown, 'on' | 'off' | 'indeterminate'>;
|
125
|
+
type SelectStrategyTransformInFn = (v: readonly unknown[] | undefined, children: Map<unknown, unknown[]>, parents: Map<unknown, unknown>) => Map<unknown, 'on' | 'off' | 'indeterminate'>;
|
126
|
+
type SelectStrategyTransformOutFn = (v: Map<unknown, 'on' | 'off' | 'indeterminate'>, children: Map<unknown, unknown[]>, parents: Map<unknown, unknown>) => unknown[];
|
127
|
+
type SelectStrategy = {
|
128
|
+
select: SelectStrategyFn;
|
129
|
+
in: SelectStrategyTransformInFn;
|
130
|
+
out: SelectStrategyTransformOutFn;
|
131
|
+
};
|
109
132
|
|
110
|
-
type
|
133
|
+
type ActiveStrategyProp = 'single-leaf' | 'leaf' | 'independent' | 'single-independent' | ActiveStrategy | ((mandatory: boolean) => ActiveStrategy);
|
134
|
+
type SelectStrategyProp = 'single-leaf' | 'leaf' | 'independent' | 'single-independent' | 'classic' | SelectStrategy | ((mandatory: boolean) => SelectStrategy);
|
111
135
|
type OpenStrategyProp = 'single' | 'multiple' | 'list' | OpenStrategy;
|
112
136
|
|
113
137
|
interface ListItem<T = any> extends InternalItem<T> {
|
@@ -157,7 +181,7 @@ declare const VTreeview: {
|
|
157
181
|
valueComparator: typeof deepEqual;
|
158
182
|
activatable: boolean;
|
159
183
|
selectable: boolean;
|
160
|
-
selectStrategy: NonNullable<NonNullable<
|
184
|
+
selectStrategy: NonNullable<NonNullable<SelectStrategyProp>>;
|
161
185
|
openStrategy: NonNullable<NonNullable<OpenStrategyProp>>;
|
162
186
|
collapseIcon: string;
|
163
187
|
expandIcon: string;
|
@@ -180,7 +204,7 @@ declare const VTreeview: {
|
|
180
204
|
height?: string | number | undefined;
|
181
205
|
theme?: string | undefined;
|
182
206
|
color?: string | undefined;
|
183
|
-
activated?:
|
207
|
+
activated?: any;
|
184
208
|
border?: string | number | boolean | undefined;
|
185
209
|
rounded?: string | number | boolean | undefined;
|
186
210
|
maxHeight?: string | number | undefined;
|
@@ -189,19 +213,19 @@ declare const VTreeview: {
|
|
189
213
|
minWidth?: string | number | undefined;
|
190
214
|
elevation?: string | number | undefined;
|
191
215
|
baseColor?: string | undefined;
|
192
|
-
selected?:
|
216
|
+
selected?: any;
|
193
217
|
bgColor?: string | undefined;
|
194
218
|
activeClass?: string | undefined;
|
195
|
-
opened?:
|
196
|
-
activeStrategy?:
|
219
|
+
opened?: any;
|
220
|
+
activeStrategy?: ActiveStrategyProp | undefined;
|
197
221
|
activeColor?: string | undefined;
|
198
222
|
customFilter?: FilterFunction | undefined;
|
199
223
|
customKeyFilter?: FilterKeyFunctions | undefined;
|
200
224
|
loadChildren?: ((item: unknown) => Promise<void>) | undefined;
|
201
225
|
} & {
|
202
|
-
"onUpdate:activated"?: ((val: unknown
|
203
|
-
"onUpdate:selected"?: ((val: unknown
|
204
|
-
"onUpdate:opened"?: ((val: unknown
|
226
|
+
"onUpdate:activated"?: ((val: unknown) => any) | undefined;
|
227
|
+
"onUpdate:selected"?: ((val: unknown) => any) | undefined;
|
228
|
+
"onUpdate:opened"?: ((val: unknown) => any) | undefined;
|
205
229
|
"onClick:open"?: ((value: {
|
206
230
|
id: unknown;
|
207
231
|
value: boolean;
|
@@ -215,9 +239,9 @@ declare const VTreeview: {
|
|
215
239
|
}, {
|
216
240
|
open: typeof open;
|
217
241
|
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
|
218
|
-
'update:opened': (val: unknown
|
219
|
-
'update:activated': (val: unknown
|
220
|
-
'update:selected': (val: unknown
|
242
|
+
'update:opened': (val: unknown) => boolean;
|
243
|
+
'update:activated': (val: unknown) => boolean;
|
244
|
+
'update:selected': (val: unknown) => boolean;
|
221
245
|
'click:open': (value: {
|
222
246
|
id: unknown;
|
223
247
|
value: boolean;
|
@@ -240,7 +264,7 @@ declare const VTreeview: {
|
|
240
264
|
valueComparator: typeof deepEqual;
|
241
265
|
activatable: boolean;
|
242
266
|
selectable: boolean;
|
243
|
-
selectStrategy: NonNullable<NonNullable<
|
267
|
+
selectStrategy: NonNullable<NonNullable<SelectStrategyProp>>;
|
244
268
|
openStrategy: NonNullable<NonNullable<OpenStrategyProp>>;
|
245
269
|
collapseIcon: string;
|
246
270
|
expandIcon: string;
|
@@ -263,7 +287,7 @@ declare const VTreeview: {
|
|
263
287
|
height?: string | number | undefined;
|
264
288
|
theme?: string | undefined;
|
265
289
|
color?: string | undefined;
|
266
|
-
activated?:
|
290
|
+
activated?: any;
|
267
291
|
border?: string | number | boolean | undefined;
|
268
292
|
rounded?: string | number | boolean | undefined;
|
269
293
|
maxHeight?: string | number | undefined;
|
@@ -272,19 +296,19 @@ declare const VTreeview: {
|
|
272
296
|
minWidth?: string | number | undefined;
|
273
297
|
elevation?: string | number | undefined;
|
274
298
|
baseColor?: string | undefined;
|
275
|
-
selected?:
|
299
|
+
selected?: any;
|
276
300
|
bgColor?: string | undefined;
|
277
301
|
activeClass?: string | undefined;
|
278
|
-
opened?:
|
279
|
-
activeStrategy?:
|
302
|
+
opened?: any;
|
303
|
+
activeStrategy?: ActiveStrategyProp | undefined;
|
280
304
|
activeColor?: string | undefined;
|
281
305
|
customFilter?: FilterFunction | undefined;
|
282
306
|
customKeyFilter?: FilterKeyFunctions | undefined;
|
283
307
|
loadChildren?: ((item: unknown) => Promise<void>) | undefined;
|
284
308
|
} & {
|
285
|
-
"onUpdate:activated"?: ((val: unknown
|
286
|
-
"onUpdate:selected"?: ((val: unknown
|
287
|
-
"onUpdate:opened"?: ((val: unknown
|
309
|
+
"onUpdate:activated"?: ((val: unknown) => any) | undefined;
|
310
|
+
"onUpdate:selected"?: ((val: unknown) => any) | undefined;
|
311
|
+
"onUpdate:opened"?: ((val: unknown) => any) | undefined;
|
288
312
|
"onClick:open"?: ((value: {
|
289
313
|
id: unknown;
|
290
314
|
value: boolean;
|
@@ -308,7 +332,7 @@ declare const VTreeview: {
|
|
308
332
|
valueComparator: typeof deepEqual;
|
309
333
|
activatable: boolean;
|
310
334
|
selectable: boolean;
|
311
|
-
selectStrategy: NonNullable<NonNullable<
|
335
|
+
selectStrategy: NonNullable<NonNullable<SelectStrategyProp>>;
|
312
336
|
openStrategy: NonNullable<NonNullable<OpenStrategyProp>>;
|
313
337
|
collapseIcon: string;
|
314
338
|
expandIcon: string;
|
@@ -413,7 +437,7 @@ declare const VTreeview: {
|
|
413
437
|
valueComparator: typeof deepEqual;
|
414
438
|
activatable: boolean;
|
415
439
|
selectable: boolean;
|
416
|
-
selectStrategy: NonNullable<NonNullable<
|
440
|
+
selectStrategy: NonNullable<NonNullable<SelectStrategyProp>>;
|
417
441
|
openStrategy: NonNullable<NonNullable<OpenStrategyProp>>;
|
418
442
|
collapseIcon: string;
|
419
443
|
expandIcon: string;
|
@@ -436,7 +460,7 @@ declare const VTreeview: {
|
|
436
460
|
height?: string | number | undefined;
|
437
461
|
theme?: string | undefined;
|
438
462
|
color?: string | undefined;
|
439
|
-
activated?:
|
463
|
+
activated?: any;
|
440
464
|
border?: string | number | boolean | undefined;
|
441
465
|
rounded?: string | number | boolean | undefined;
|
442
466
|
maxHeight?: string | number | undefined;
|
@@ -445,19 +469,19 @@ declare const VTreeview: {
|
|
445
469
|
minWidth?: string | number | undefined;
|
446
470
|
elevation?: string | number | undefined;
|
447
471
|
baseColor?: string | undefined;
|
448
|
-
selected?:
|
472
|
+
selected?: any;
|
449
473
|
bgColor?: string | undefined;
|
450
474
|
activeClass?: string | undefined;
|
451
|
-
opened?:
|
452
|
-
activeStrategy?:
|
475
|
+
opened?: any;
|
476
|
+
activeStrategy?: ActiveStrategyProp | undefined;
|
453
477
|
activeColor?: string | undefined;
|
454
478
|
customFilter?: FilterFunction | undefined;
|
455
479
|
customKeyFilter?: FilterKeyFunctions | undefined;
|
456
480
|
loadChildren?: ((item: unknown) => Promise<void>) | undefined;
|
457
481
|
} & {
|
458
|
-
"onUpdate:activated"?: ((val: unknown
|
459
|
-
"onUpdate:selected"?: ((val: unknown
|
460
|
-
"onUpdate:opened"?: ((val: unknown
|
482
|
+
"onUpdate:activated"?: ((val: unknown) => any) | undefined;
|
483
|
+
"onUpdate:selected"?: ((val: unknown) => any) | undefined;
|
484
|
+
"onUpdate:opened"?: ((val: unknown) => any) | undefined;
|
461
485
|
"onClick:open"?: ((value: {
|
462
486
|
id: unknown;
|
463
487
|
value: boolean;
|
@@ -483,7 +507,7 @@ declare const VTreeview: {
|
|
483
507
|
valueComparator: typeof deepEqual;
|
484
508
|
activatable: boolean;
|
485
509
|
selectable: boolean;
|
486
|
-
selectStrategy: NonNullable<NonNullable<
|
510
|
+
selectStrategy: NonNullable<NonNullable<SelectStrategyProp>>;
|
487
511
|
openStrategy: NonNullable<NonNullable<OpenStrategyProp>>;
|
488
512
|
collapseIcon: string;
|
489
513
|
expandIcon: string;
|
@@ -515,7 +539,7 @@ declare const VTreeview: {
|
|
515
539
|
valueComparator: typeof deepEqual;
|
516
540
|
activatable: boolean;
|
517
541
|
selectable: boolean;
|
518
|
-
selectStrategy: NonNullable<NonNullable<
|
542
|
+
selectStrategy: NonNullable<NonNullable<SelectStrategyProp>>;
|
519
543
|
openStrategy: NonNullable<NonNullable<OpenStrategyProp>>;
|
520
544
|
collapseIcon: string;
|
521
545
|
expandIcon: string;
|
@@ -538,7 +562,7 @@ declare const VTreeview: {
|
|
538
562
|
height?: string | number | undefined;
|
539
563
|
theme?: string | undefined;
|
540
564
|
color?: string | undefined;
|
541
|
-
activated?:
|
565
|
+
activated?: any;
|
542
566
|
border?: string | number | boolean | undefined;
|
543
567
|
rounded?: string | number | boolean | undefined;
|
544
568
|
maxHeight?: string | number | undefined;
|
@@ -547,19 +571,19 @@ declare const VTreeview: {
|
|
547
571
|
minWidth?: string | number | undefined;
|
548
572
|
elevation?: string | number | undefined;
|
549
573
|
baseColor?: string | undefined;
|
550
|
-
selected?:
|
574
|
+
selected?: any;
|
551
575
|
bgColor?: string | undefined;
|
552
576
|
activeClass?: string | undefined;
|
553
|
-
opened?:
|
554
|
-
activeStrategy?:
|
577
|
+
opened?: any;
|
578
|
+
activeStrategy?: ActiveStrategyProp | undefined;
|
555
579
|
activeColor?: string | undefined;
|
556
580
|
customFilter?: FilterFunction | undefined;
|
557
581
|
customKeyFilter?: FilterKeyFunctions | undefined;
|
558
582
|
loadChildren?: ((item: unknown) => Promise<void>) | undefined;
|
559
583
|
} & {
|
560
|
-
"onUpdate:activated"?: ((val: unknown
|
561
|
-
"onUpdate:selected"?: ((val: unknown
|
562
|
-
"onUpdate:opened"?: ((val: unknown
|
584
|
+
"onUpdate:activated"?: ((val: unknown) => any) | undefined;
|
585
|
+
"onUpdate:selected"?: ((val: unknown) => any) | undefined;
|
586
|
+
"onUpdate:opened"?: ((val: unknown) => any) | undefined;
|
563
587
|
"onClick:open"?: ((value: {
|
564
588
|
id: unknown;
|
565
589
|
value: boolean;
|
@@ -573,9 +597,9 @@ declare const VTreeview: {
|
|
573
597
|
}, {
|
574
598
|
open: typeof open;
|
575
599
|
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
|
576
|
-
'update:opened': (val: unknown
|
577
|
-
'update:activated': (val: unknown
|
578
|
-
'update:selected': (val: unknown
|
600
|
+
'update:opened': (val: unknown) => boolean;
|
601
|
+
'update:activated': (val: unknown) => boolean;
|
602
|
+
'update:selected': (val: unknown) => boolean;
|
579
603
|
'click:open': (value: {
|
580
604
|
id: unknown;
|
581
605
|
value: boolean;
|
@@ -599,7 +623,7 @@ declare const VTreeview: {
|
|
599
623
|
valueComparator: typeof deepEqual;
|
600
624
|
activatable: boolean;
|
601
625
|
selectable: boolean;
|
602
|
-
selectStrategy: NonNullable<NonNullable<
|
626
|
+
selectStrategy: NonNullable<NonNullable<SelectStrategyProp>>;
|
603
627
|
openStrategy: NonNullable<NonNullable<OpenStrategyProp>>;
|
604
628
|
collapseIcon: string;
|
605
629
|
expandIcon: string;
|
@@ -700,7 +724,7 @@ declare const VTreeview: {
|
|
700
724
|
theme: StringConstructor;
|
701
725
|
color: StringConstructor;
|
702
726
|
disabled: BooleanConstructor;
|
703
|
-
activated:
|
727
|
+
activated: null;
|
704
728
|
tag: {
|
705
729
|
type: StringConstructor;
|
706
730
|
default: string;
|
@@ -738,7 +762,7 @@ declare const VTreeview: {
|
|
738
762
|
validator: (v: any) => boolean;
|
739
763
|
};
|
740
764
|
baseColor: StringConstructor;
|
741
|
-
selected:
|
765
|
+
selected: null;
|
742
766
|
bgColor: StringConstructor;
|
743
767
|
slim: {
|
744
768
|
type: vue.PropType<boolean>;
|
@@ -749,16 +773,16 @@ declare const VTreeview: {
|
|
749
773
|
default: typeof deepEqual;
|
750
774
|
};
|
751
775
|
activeClass: StringConstructor;
|
752
|
-
opened:
|
776
|
+
opened: null;
|
753
777
|
activatable: BooleanConstructor;
|
754
778
|
selectable: BooleanConstructor;
|
755
|
-
activeStrategy: vue.PropType<
|
779
|
+
activeStrategy: vue.PropType<ActiveStrategyProp>;
|
756
780
|
selectStrategy: Omit<{
|
757
|
-
type: vue.PropType<NonNullable<
|
758
|
-
default: NonNullable<
|
781
|
+
type: vue.PropType<NonNullable<SelectStrategyProp>>;
|
782
|
+
default: NonNullable<SelectStrategyProp>;
|
759
783
|
}, "default" | "type"> & {
|
760
|
-
type: vue.PropType<NonNullable<NonNullable<
|
761
|
-
default: NonNullable<NonNullable<
|
784
|
+
type: vue.PropType<NonNullable<NonNullable<SelectStrategyProp>>>;
|
785
|
+
default: NonNullable<NonNullable<SelectStrategyProp>>;
|
762
786
|
};
|
763
787
|
openStrategy: Omit<{
|
764
788
|
type: vue.PropType<NonNullable<OpenStrategyProp>>;
|
@@ -830,7 +854,7 @@ declare const VTreeview: {
|
|
830
854
|
theme: StringConstructor;
|
831
855
|
color: StringConstructor;
|
832
856
|
disabled: BooleanConstructor;
|
833
|
-
activated:
|
857
|
+
activated: null;
|
834
858
|
tag: {
|
835
859
|
type: StringConstructor;
|
836
860
|
default: string;
|
@@ -868,7 +892,7 @@ declare const VTreeview: {
|
|
868
892
|
validator: (v: any) => boolean;
|
869
893
|
};
|
870
894
|
baseColor: StringConstructor;
|
871
|
-
selected:
|
895
|
+
selected: null;
|
872
896
|
bgColor: StringConstructor;
|
873
897
|
slim: {
|
874
898
|
type: vue.PropType<boolean>;
|
@@ -879,16 +903,16 @@ declare const VTreeview: {
|
|
879
903
|
default: typeof deepEqual;
|
880
904
|
};
|
881
905
|
activeClass: StringConstructor;
|
882
|
-
opened:
|
906
|
+
opened: null;
|
883
907
|
activatable: BooleanConstructor;
|
884
908
|
selectable: BooleanConstructor;
|
885
|
-
activeStrategy: vue.PropType<
|
909
|
+
activeStrategy: vue.PropType<ActiveStrategyProp>;
|
886
910
|
selectStrategy: Omit<{
|
887
|
-
type: vue.PropType<NonNullable<
|
888
|
-
default: NonNullable<
|
911
|
+
type: vue.PropType<NonNullable<SelectStrategyProp>>;
|
912
|
+
default: NonNullable<SelectStrategyProp>;
|
889
913
|
}, "default" | "type"> & {
|
890
|
-
type: vue.PropType<NonNullable<NonNullable<
|
891
|
-
default: NonNullable<NonNullable<
|
914
|
+
type: vue.PropType<NonNullable<NonNullable<SelectStrategyProp>>>;
|
915
|
+
default: NonNullable<NonNullable<SelectStrategyProp>>;
|
892
916
|
};
|
893
917
|
openStrategy: Omit<{
|
894
918
|
type: vue.PropType<NonNullable<OpenStrategyProp>>;
|