@vuetify/nightly 3.8.9-master.2025-06-14 → 3.8.10-dev.2025-06-18

package/lib/labs/VMaskInput/VMaskInput.js

@@ -0,0 +1,67 @@
+import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
+// Components
+import { makeVTextFieldProps, VTextField } from "../../components/VTextField/VTextField.js"; // Composables
+import { forwardRefs } from "../../composables/forwardRefs.js";
+import { makeMaskProps, useMask } from "../../composables/mask.js";
+import { useProxiedModel } from "../../composables/proxiedModel.js"; // Utilities
+import { computed, onBeforeMount, ref } from 'vue';
+import { genericComponent, propsFactory, useRender } from "../../util/index.js"; // Types
+export const makeVMaskInputProps = propsFactory({
+  ...makeVTextFieldProps(),
+  ...makeMaskProps()
+}, 'VMaskInput');
+export const VMaskInput = genericComponent()({
+  name: 'VMaskInput',
+  props: makeVMaskInputProps(),
+  emits: {
+    'update:modelValue': val => true
+  },
+  setup(props, _ref) {
+    let {
+      slots,
+      emit
+    } = _ref;
+    const vTextFieldRef = ref();
+    const {
+      maskText,
+      updateRange,
+      unmaskText
+    } = useMask(props, vTextFieldRef);
+    const returnMaskedValue = computed(() => props.mask && props.returnMaskedValue);
+    const model = useProxiedModel(props, 'modelValue', undefined,
+    // Always display masked value in input when mask is applied
+    val => props.mask ? maskText(unmaskText(val)) : val, val => {
+      if (props.mask) {
+        const valueBeforeChange = unmaskText(model.value);
+        // E.g. mask is #-# and the input value is '2-23'
+        // model-value should be enforced to '2-2'
+        const enforcedMaskedValue = maskText(unmaskText(val));
+        const newUnmaskedValue = unmaskText(enforcedMaskedValue);
+        if (newUnmaskedValue === valueBeforeChange) {
+          vTextFieldRef.value.value = enforcedMaskedValue;
+        }
+        val = newUnmaskedValue;
+        updateRange();
+        return returnMaskedValue.value ? maskText(val) : val;
+      }
+      return val;
+    });
+    onBeforeMount(() => {
+      if (props.returnMaskedValue) {
+        emit('update:modelValue', model.value);
+      }
+    });
+    useRender(() => {
+      const textFieldProps = VTextField.filterProps(props);
+      return _createVNode(VTextField, _mergeProps(textFieldProps, {
+        "modelValue": model.value,
+        "onUpdate:modelValue": $event => model.value = $event,
+        "ref": vTextFieldRef
+      }), {
+        ...slots
+      });
+    });
+    return forwardRefs({}, vTextFieldRef);
+  }
+});
+//# sourceMappingURL=VMaskInput.js.map

package/lib/labs/VMaskInput/VMaskInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VMaskInput.js","names":["makeVTextFieldProps","VTextField","forwardRefs","makeMaskProps","useMask","useProxiedModel","computed","onBeforeMount","ref","genericComponent","propsFactory","useRender","makeVMaskInputProps","VMaskInput","name","props","emits","val","setup","_ref","slots","emit","vTextFieldRef","maskText","updateRange","unmaskText","returnMaskedValue","mask","model","undefined","valueBeforeChange","value","enforcedMaskedValue","newUnmaskedValue","textFieldProps","filterProps","_createVNode","_mergeProps","$event"],"sources":["../../../src/labs/VMaskInput/VMaskInput.tsx"],"sourcesContent":["// Components\nimport { makeVTextFieldProps, VTextField } from '@/components/VTextField/VTextField'\n\n// Composables\nimport { forwardRefs } from '@/composables/forwardRefs'\nimport { makeMaskProps, useMask } from '@/composables/mask'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { computed, onBeforeMount, ref } from 'vue'\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { VTextFieldSlots } from '@/components/VTextField/VTextField'\n\nexport type VMaskInputSlots = VTextFieldSlots\n\nexport const makeVMaskInputProps = propsFactory({\n  ...makeVTextFieldProps(),\n  ...makeMaskProps(),\n}, 'VMaskInput')\n\nexport const VMaskInput = genericComponent<VMaskInputSlots>()({\n  name: 'VMaskInput',\n\n  props: makeVMaskInputProps(),\n\n  emits: {\n    'update:modelValue': (val: string) => true,\n  },\n\n  setup (props, { slots, emit }) {\n    const vTextFieldRef = ref<VTextField>()\n\n    const { maskText, updateRange, unmaskText } = useMask(props, vTextFieldRef)\n    const returnMaskedValue = computed(() => props.mask && props.returnMaskedValue)\n\n    const model = useProxiedModel(\n      props,\n      'modelValue',\n      undefined,\n      // Always display masked value in input when mask is applied\n      val => props.mask ? maskText(unmaskText(val)) : val,\n      val => {\n        if (props.mask) {\n          const valueBeforeChange = unmaskText(model.value)\n          // E.g. mask is #-# and the input value is '2-23'\n          // model-value should be enforced to '2-2'\n          const enforcedMaskedValue = maskText(unmaskText(val))\n          const newUnmaskedValue = unmaskText(enforcedMaskedValue)\n\n          if (newUnmaskedValue === valueBeforeChange) {\n            vTextFieldRef.value!.value = enforcedMaskedValue\n          }\n          val = newUnmaskedValue\n          updateRange()\n          return returnMaskedValue.value ? maskText(val) : val\n        }\n        return val\n      },\n    )\n\n    onBeforeMount(() => {\n      if (props.returnMaskedValue) {\n        emit('update:modelValue', model.value)\n      }\n    })\n\n    useRender(() => {\n      const textFieldProps = VTextField.filterProps(props)\n\n      return (\n        <VTextField\n          { ...textFieldProps }\n          v-model={ model.value }\n          ref={ vTextFieldRef }\n        >\n          {{ ...slots }}\n        </VTextField>\n      )\n    })\n\n    return forwardRefs({}, vTextFieldRef)\n  },\n})\n\nexport type VMaskInput = InstanceType<typeof VMaskInput>\n"],"mappings":";AAAA;AAAA,SACSA,mBAAmB,EAAEC,UAAU,qDAExC;AAAA,SACSC,WAAW;AAAA,SACXC,aAAa,EAAEC,OAAO;AAAA,SACtBC,eAAe,6CAExB;AACA,SAASC,QAAQ,EAAEC,aAAa,EAAEC,GAAG,QAAQ,KAAK;AAAA,SACzCC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS,+BAElD;AAKA,OAAO,MAAMC,mBAAmB,GAAGF,YAAY,CAAC;EAC9C,GAAGV,mBAAmB,CAAC,CAAC;EACxB,GAAGG,aAAa,CAAC;AACnB,CAAC,EAAE,YAAY,CAAC;AAEhB,OAAO,MAAMU,UAAU,GAAGJ,gBAAgB,CAAkB,CAAC,CAAC;EAC5DK,IAAI,EAAE,YAAY;EAElBC,KAAK,EAAEH,mBAAmB,CAAC,CAAC;EAE5BI,KAAK,EAAE;IACL,mBAAmB,EAAGC,GAAW,IAAK;EACxC,CAAC;EAEDC,KAAKA,CAAEH,KAAK,EAAAI,IAAA,EAAmB;IAAA,IAAjB;MAAEC,KAAK;MAAEC;IAAK,CAAC,GAAAF,IAAA;IAC3B,MAAMG,aAAa,GAAGd,GAAG,CAAa,CAAC;IAEvC,MAAM;MAAEe,QAAQ;MAAEC,WAAW;MAAEC;IAAW,CAAC,GAAGrB,OAAO,CAACW,KAAK,EAAEO,aAAa,CAAC;IAC3E,MAAMI,iBAAiB,GAAGpB,QAAQ,CAAC,MAAMS,KAAK,CAACY,IAAI,IAAIZ,KAAK,CAACW,iBAAiB,CAAC;IAE/E,MAAME,KAAK,GAAGvB,eAAe,CAC3BU,KAAK,EACL,YAAY,EACZc,SAAS;IACT;IACAZ,GAAG,IAAIF,KAAK,CAACY,IAAI,GAAGJ,QAAQ,CAACE,UAAU,CAACR,GAAG,CAAC,CAAC,GAAGA,GAAG,EACnDA,GAAG,IAAI;MACL,IAAIF,KAAK,CAACY,IAAI,EAAE;QACd,MAAMG,iBAAiB,GAAGL,UAAU,CAACG,KAAK,CAACG,KAAK,CAAC;QACjD;QACA;QACA,MAAMC,mBAAmB,GAAGT,QAAQ,CAACE,UAAU,CAACR,GAAG,CAAC,CAAC;QACrD,MAAMgB,gBAAgB,GAAGR,UAAU,CAACO,mBAAmB,CAAC;QAExD,IAAIC,gBAAgB,KAAKH,iBAAiB,EAAE;UAC1CR,aAAa,CAACS,KAAK,CAAEA,KAAK,GAAGC,mBAAmB;QAClD;QACAf,GAAG,GAAGgB,gBAAgB;QACtBT,WAAW,CAAC,CAAC;QACb,OAAOE,iBAAiB,CAACK,KAAK,GAAGR,QAAQ,CAACN,GAAG,CAAC,GAAGA,GAAG;MACtD;MACA,OAAOA,GAAG;IACZ,CACF,CAAC;IAEDV,aAAa,CAAC,MAAM;MAClB,IAAIQ,KAAK,CAACW,iBAAiB,EAAE;QAC3BL,IAAI,CAAC,mBAAmB,EAAEO,KAAK,CAACG,KAAK,CAAC;MACxC;IACF,CAAC,CAAC;IAEFpB,SAAS,CAAC,MAAM;MACd,MAAMuB,cAAc,GAAGjC,UAAU,CAACkC,WAAW,CAACpB,KAAK,CAAC;MAEpD,OAAAqB,YAAA,CAAAnC,UAAA,EAAAoC,WAAA,CAESH,cAAc;QAAA,cACTN,KAAK,CAACG,KAAK;QAAA,uBAAAO,MAAA,IAAXV,KAAK,CAACG,KAAK,GAAAO,MAAA;QAAA,OACfhB;MAAa;QAEhB,GAAGF;MAAK;IAGjB,CAAC,CAAC;IAEF,OAAOlB,WAAW,CAAC,CAAC,CAAC,EAAEoB,aAAa,CAAC;EACvC;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/labs/VMaskInput/index.d.ts

@@ -0,0 +1 @@
+export { VMaskInput } from './VMaskInput.js';

package/lib/labs/VMaskInput/index.js

@@ -0,0 +1,2 @@
+export { VMaskInput } from "./VMaskInput.js";
+//# sourceMappingURL=index.js.map

package/lib/labs/VMaskInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["VMaskInput"],"sources":["../../../src/labs/VMaskInput/index.ts"],"sourcesContent":["export { VMaskInput } from './VMaskInput'\n"],"mappings":"SAASA,UAAU","ignoreList":[]}

package/lib/labs/VStepperVertical/VStepperVertical.d.ts

@@ -193,14 +193,18 @@ export declare const makeVStepperVerticalProps: <Defaults extends {
         default: boolean;
     }, "type" | "default"> & {
         type: import("vue").PropType<unknown extends Defaults["ripple"] ? boolean | {
-            class: string;
+            class?: string;
+            keys?: number[];
         } | undefined : boolean | {
-            class: string;
+            class?: string;
+            keys?: number[];
         } | Defaults["ripple"] | undefined>;
         default: unknown extends Defaults["ripple"] ? boolean | {
-            class: string;
+            class?: string;
+            keys?: number[];
         } | undefined : NonNullable<boolean | {
-            class: string;
+            class?: string;
+            keys?: number[];
         } | undefined> | Defaults["ripple"];
     };
     collapseIcon: unknown extends Defaults["collapseIcon"] ? {
@@ -333,7 +337,8 @@ export declare const VStepperVertical: {
         itemValue: string;
         tile: boolean;
         ripple: boolean | {
-            class: string;
+            class?: string;
+            keys?: number[];
         } | undefined;
         collapseIcon: import("../../composables/icons.js").IconValue;
         expandIcon: import("../../composables/icons.js").IconValue;
@@ -376,7 +381,8 @@ export declare const VStepperVertical: {
         rounded: string | number | boolean;
         tile: boolean;
         ripple: boolean | {
-            class: string;
+            class?: string;
+            keys?: number[];
         } | undefined;
         collapseIcon: import("../../composables/icons.js").IconValue;
         expandIcon: import("../../composables/icons.js").IconValue;
@@ -422,7 +428,8 @@ export declare const VStepperVertical: {
         itemValue: string;
         tile: boolean;
         ripple: boolean | {
-            class: string;
+            class?: string;
+            keys?: number[];
         } | undefined;
         collapseIcon: import("../../composables/icons.js").IconValue;
         expandIcon: import("../../composables/icons.js").IconValue;
@@ -463,7 +470,8 @@ export declare const VStepperVertical: {
         rounded: string | number | boolean;
         tile: boolean;
         ripple: boolean | {
-            class: string;
+            class?: string;
+            keys?: number[];
         } | undefined;
         collapseIcon: import("../../composables/icons.js").IconValue;
         expandIcon: import("../../composables/icons.js").IconValue;
@@ -494,7 +502,8 @@ export declare const VStepperVertical: {
     itemValue: string;
     tile: boolean;
     ripple: boolean | {
-        class: string;
+        class?: string;
+        keys?: number[];
     } | undefined;
     collapseIcon: import("../../composables/icons.js").IconValue;
     expandIcon: import("../../composables/icons.js").IconValue;
@@ -537,7 +546,8 @@ export declare const VStepperVertical: {
     rounded: string | number | boolean;
     tile: boolean;
     ripple: boolean | {
-        class: string;
+        class?: string;
+        keys?: number[];
     } | undefined;
     collapseIcon: import("../../composables/icons.js").IconValue;
     expandIcon: import("../../composables/icons.js").IconValue;

package/lib/labs/VStepperVertical/VStepperVerticalItem.d.ts

@@ -175,14 +175,18 @@ export declare const makeVStepperVerticalItemProps: <Defaults extends {
         default: boolean;
     }, "type" | "default"> & {
         type: import("vue").PropType<unknown extends Defaults["ripple"] ? boolean | {
-            class: string;
+            class?: string;
+            keys?: number[];
         } | undefined : boolean | {
-            class: string;
+            class?: string;
+            keys?: number[];
         } | Defaults["ripple"] | undefined>;
         default: unknown extends Defaults["ripple"] ? boolean | {
-            class: string;
+            class?: string;
+            keys?: number[];
         } | undefined : NonNullable<boolean | {
-            class: string;
+            class?: string;
+            keys?: number[];
         } | undefined> | Defaults["ripple"];
     };
     collapseIcon: unknown extends Defaults["collapseIcon"] ? Omit<{
@@ -296,7 +300,8 @@ export declare const VStepperVerticalItem: {
         rules: readonly import("../../components/VStepper/VStepperItem.js").ValidationRule[];
         tile: boolean;
         ripple: boolean | {
-            class: string;
+            class?: string;
+            keys?: number[];
         } | undefined;
         collapseIcon: import("../../composables/icons.js").IconValue;
         expandIcon: import("../../composables/icons.js").IconValue;
@@ -375,7 +380,8 @@ export declare const VStepperVerticalItem: {
         rounded: string | number | boolean;
         tile: boolean;
         ripple: boolean | {
-            class: string;
+            class?: string;
+            keys?: number[];
         } | undefined;
         collapseIcon: import("../../composables/icons.js").IconValue;
         expandIcon: import("../../composables/icons.js").IconValue;
@@ -413,7 +419,8 @@ export declare const VStepperVerticalItem: {
         rules: readonly import("../../components/VStepper/VStepperItem.js").ValidationRule[];
         tile: boolean;
         ripple: boolean | {
-            class: string;
+            class?: string;
+            keys?: number[];
         } | undefined;
         collapseIcon: import("../../composables/icons.js").IconValue;
         expandIcon: import("../../composables/icons.js").IconValue;
@@ -488,7 +495,8 @@ export declare const VStepperVerticalItem: {
         rounded: string | number | boolean;
         tile: boolean;
         ripple: boolean | {
-            class: string;
+            class?: string;
+            keys?: number[];
         } | undefined;
         collapseIcon: import("../../composables/icons.js").IconValue;
         expandIcon: import("../../composables/icons.js").IconValue;
@@ -514,7 +522,8 @@ export declare const VStepperVerticalItem: {
     rules: readonly import("../../components/VStepper/VStepperItem.js").ValidationRule[];
     tile: boolean;
     ripple: boolean | {
-        class: string;
+        class?: string;
+        keys?: number[];
     } | undefined;
     collapseIcon: import("../../composables/icons.js").IconValue;
     expandIcon: import("../../composables/icons.js").IconValue;
@@ -593,7 +602,8 @@ export declare const VStepperVerticalItem: {
     rounded: string | number | boolean;
     tile: boolean;
     ripple: boolean | {
-        class: string;
+        class?: string;
+        keys?: number[];
     } | undefined;
     collapseIcon: import("../../composables/icons.js").IconValue;
     expandIcon: import("../../composables/icons.js").IconValue;

package/lib/labs/VTreeview/VTreeview.d.ts

@@ -36,6 +36,7 @@ export declare const makeVTreeviewProps: <Defaults extends {
     activeColor?: unknown;
     slim?: unknown;
     activeClass?: unknown;
+    filterable?: unknown;
     activatable?: unknown;
     selectable?: unknown;
     activeStrategy?: unknown;
@@ -47,13 +48,13 @@ export declare const makeVTreeviewProps: <Defaults extends {
     itemProps?: unknown;
     'onClick:open'?: unknown;
     'onClick:select'?: unknown;
-    loadChildren?: unknown;
-    loadingIcon?: unknown;
     openOnClick?: unknown;
-    indeterminateIcon?: unknown;
     falseIcon?: unknown;
     trueIcon?: unknown;
+    indeterminateIcon?: unknown;
+    loadingIcon?: unknown;
     selectedColor?: unknown;
+    loadChildren?: unknown;
     customFilter?: unknown;
     customKeyFilter?: unknown;
     filterKeys?: unknown;
@@ -281,6 +282,10 @@ export declare const makeVTreeviewProps: <Defaults extends {
         type: import("vue").PropType<unknown extends Defaults["activeClass"] ? string : string | Defaults["activeClass"]>;
         default: unknown extends Defaults["activeClass"] ? string : string | Defaults["activeClass"];
     };
+    filterable: unknown extends Defaults["filterable"] ? BooleanConstructor : {
+        type: import("vue").PropType<unknown extends Defaults["filterable"] ? boolean : boolean | Defaults["filterable"]>;
+        default: unknown extends Defaults["filterable"] ? boolean : boolean | Defaults["filterable"];
+    };
     activatable: unknown extends Defaults["activatable"] ? BooleanConstructor : {
         type: import("vue").PropType<unknown extends Defaults["activatable"] ? boolean : boolean | Defaults["activatable"]>;
         default: unknown extends Defaults["activatable"] ? boolean : boolean | Defaults["activatable"];
@@ -395,20 +400,6 @@ export declare const makeVTreeviewProps: <Defaults extends {
             path: unknown[];
         }) => void) | Defaults["onClick:select"];
     };
-    loadChildren: unknown extends Defaults["loadChildren"] ? import("vue").PropType<(item: unknown) => Promise<void>> : {
-        type: import("vue").PropType<unknown extends Defaults["loadChildren"] ? (item: unknown) => Promise<void> : ((item: unknown) => Promise<void>) | Defaults["loadChildren"]>;
-        default: unknown extends Defaults["loadChildren"] ? (item: unknown) => Promise<void> : ((item: unknown) => Promise<void>) | Defaults["loadChildren"];
-    };
-    loadingIcon: unknown extends Defaults["loadingIcon"] ? {
-        type: StringConstructor;
-        default: string;
-    } : Omit<{
-        type: StringConstructor;
-        default: string;
-    }, "type" | "default"> & {
-        type: import("vue").PropType<unknown extends Defaults["loadingIcon"] ? string : string | Defaults["loadingIcon"]>;
-        default: unknown extends Defaults["loadingIcon"] ? string : string | Defaults["loadingIcon"];
-    };
     openOnClick: unknown extends Defaults["openOnClick"] ? {
         type: BooleanConstructor;
         default: undefined;
@@ -419,6 +410,14 @@ export declare const makeVTreeviewProps: <Defaults extends {
         type: import("vue").PropType<unknown extends Defaults["openOnClick"] ? boolean : boolean | Defaults["openOnClick"]>;
         default: unknown extends Defaults["openOnClick"] ? boolean : boolean | Defaults["openOnClick"];
     };
+    falseIcon: unknown extends Defaults["falseIcon"] ? import("vue").PropType<import("../../composables/icons.js").IconValue> : {
+        type: import("vue").PropType<unknown extends Defaults["falseIcon"] ? import("../../composables/icons.js").IconValue : import("../../composables/icons.js").IconValue | Defaults["falseIcon"]>;
+        default: unknown extends Defaults["falseIcon"] ? import("../../composables/icons.js").IconValue : NonNullable<import("../../composables/icons.js").IconValue> | Defaults["falseIcon"];
+    };
+    trueIcon: unknown extends Defaults["trueIcon"] ? import("vue").PropType<import("../../composables/icons.js").IconValue> : {
+        type: import("vue").PropType<unknown extends Defaults["trueIcon"] ? import("../../composables/icons.js").IconValue : import("../../composables/icons.js").IconValue | Defaults["trueIcon"]>;
+        default: unknown extends Defaults["trueIcon"] ? import("../../composables/icons.js").IconValue : NonNullable<import("../../composables/icons.js").IconValue> | Defaults["trueIcon"];
+    };
     indeterminateIcon: unknown extends Defaults["indeterminateIcon"] ? {
         type: import("vue").PropType<import("../../composables/icons.js").IconValue>;
         default: string;
@@ -429,18 +428,24 @@ export declare const makeVTreeviewProps: <Defaults extends {
         type: import("vue").PropType<unknown extends Defaults["indeterminateIcon"] ? import("../../composables/icons.js").IconValue : import("../../composables/icons.js").IconValue | Defaults["indeterminateIcon"]>;
         default: unknown extends Defaults["indeterminateIcon"] ? import("../../composables/icons.js").IconValue : NonNullable<import("../../composables/icons.js").IconValue> | Defaults["indeterminateIcon"];
     };
-    falseIcon: unknown extends Defaults["falseIcon"] ? import("vue").PropType<import("../../composables/icons.js").IconValue> : {
-        type: import("vue").PropType<unknown extends Defaults["falseIcon"] ? import("../../composables/icons.js").IconValue : import("../../composables/icons.js").IconValue | Defaults["falseIcon"]>;
-        default: unknown extends Defaults["falseIcon"] ? import("../../composables/icons.js").IconValue : NonNullable<import("../../composables/icons.js").IconValue> | Defaults["falseIcon"];
-    };
-    trueIcon: unknown extends Defaults["trueIcon"] ? import("vue").PropType<import("../../composables/icons.js").IconValue> : {
-        type: import("vue").PropType<unknown extends Defaults["trueIcon"] ? import("../../composables/icons.js").IconValue : import("../../composables/icons.js").IconValue | Defaults["trueIcon"]>;
-        default: unknown extends Defaults["trueIcon"] ? import("../../composables/icons.js").IconValue : NonNullable<import("../../composables/icons.js").IconValue> | Defaults["trueIcon"];
+    loadingIcon: unknown extends Defaults["loadingIcon"] ? {
+        type: StringConstructor;
+        default: string;
+    } : Omit<{
+        type: StringConstructor;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<unknown extends Defaults["loadingIcon"] ? string : string | Defaults["loadingIcon"]>;
+        default: unknown extends Defaults["loadingIcon"] ? string : string | Defaults["loadingIcon"];
     };
     selectedColor: unknown extends Defaults["selectedColor"] ? StringConstructor : {
         type: import("vue").PropType<unknown extends Defaults["selectedColor"] ? string : string | Defaults["selectedColor"]>;
         default: unknown extends Defaults["selectedColor"] ? string : string | Defaults["selectedColor"];
     };
+    loadChildren: unknown extends Defaults["loadChildren"] ? import("vue").PropType<(item: unknown) => Promise<void>> : {
+        type: import("vue").PropType<unknown extends Defaults["loadChildren"] ? (item: unknown) => Promise<void> : ((item: unknown) => Promise<void>) | Defaults["loadChildren"]>;
+        default: unknown extends Defaults["loadChildren"] ? (item: unknown) => Promise<void> : ((item: unknown) => Promise<void>) | Defaults["loadChildren"];
+    };
     customFilter: unknown extends Defaults["customFilter"] ? import("vue").PropType<import("../../composables/filter.js").FilterFunction> : {
         type: import("vue").PropType<unknown extends Defaults["customFilter"] ? import("../../composables/filter.js").FilterFunction : import("../../composables/filter.js").FilterFunction | Defaults["customFilter"]>;
         default: unknown extends Defaults["customFilter"] ? import("../../composables/filter.js").FilterFunction : import("../../composables/filter.js").FilterFunction | Defaults["customFilter"];
@@ -505,6 +510,7 @@ export declare const VTreeview: {
         tile: boolean;
         slim: boolean;
         indeterminateIcon: import("../../composables/icons.js").IconValue;
+        filterable: boolean;
         activatable: boolean;
         selectable: boolean;
         collapseIcon: import("../../composables/icons.js").IconValue;
@@ -606,6 +612,7 @@ export declare const VTreeview: {
         slim: boolean;
         openOnClick: boolean;
         indeterminateIcon: import("../../composables/icons.js").IconValue;
+        filterable: boolean;
         activatable: boolean;
         selectable: boolean;
         collapseIcon: import("../../composables/icons.js").IconValue;
@@ -667,6 +674,7 @@ export declare const VTreeview: {
         tile: boolean;
         slim: boolean;
         indeterminateIcon: import("../../composables/icons.js").IconValue;
+        filterable: boolean;
         activatable: boolean;
         selectable: boolean;
         collapseIcon: import("../../composables/icons.js").IconValue;
@@ -753,6 +761,7 @@ export declare const VTreeview: {
         slim: boolean;
         openOnClick: boolean;
         indeterminateIcon: import("../../composables/icons.js").IconValue;
+        filterable: boolean;
         activatable: boolean;
         selectable: boolean;
         collapseIcon: import("../../composables/icons.js").IconValue;
@@ -785,6 +794,7 @@ export declare const VTreeview: {
     tile: boolean;
     slim: boolean;
     indeterminateIcon: import("../../composables/icons.js").IconValue;
+    filterable: boolean;
     activatable: boolean;
     selectable: boolean;
     collapseIcon: import("../../composables/icons.js").IconValue;
@@ -886,6 +896,7 @@ export declare const VTreeview: {
     slim: boolean;
     openOnClick: boolean;
     indeterminateIcon: import("../../composables/icons.js").IconValue;
+    filterable: boolean;
     activatable: boolean;
     selectable: boolean;
     collapseIcon: import("../../composables/icons.js").IconValue;
@@ -1000,6 +1011,7 @@ export declare const VTreeview: {
         default: boolean;
     };
     activeClass: StringConstructor;
+    filterable: BooleanConstructor;
     activatable: BooleanConstructor;
     selectable: BooleanConstructor;
     activeStrategy: import("vue").PropType<import("../../composables/nested/nested.js").ActiveStrategyProp>;
@@ -1034,22 +1046,22 @@ export declare const VTreeview: {
         value: boolean;
         path: unknown[];
     }) => void>;
-    loadChildren: import("vue").PropType<(item: unknown) => Promise<void>>;
-    loadingIcon: {
-        type: StringConstructor;
-        default: string;
-    };
     openOnClick: {
         type: BooleanConstructor;
         default: undefined;
     };
+    falseIcon: import("vue").PropType<import("../../composables/icons.js").IconValue>;
+    trueIcon: import("vue").PropType<import("../../composables/icons.js").IconValue>;
     indeterminateIcon: {
         type: import("vue").PropType<import("../../composables/icons.js").IconValue>;
         default: string;
     };
-    falseIcon: import("vue").PropType<import("../../composables/icons.js").IconValue>;
-    trueIcon: import("vue").PropType<import("../../composables/icons.js").IconValue>;
+    loadingIcon: {
+        type: StringConstructor;
+        default: string;
+    };
     selectedColor: StringConstructor;
+    loadChildren: import("vue").PropType<(item: unknown) => Promise<void>>;
     customFilter: import("vue").PropType<import("../../composables/filter.js").FilterFunction>;
     customKeyFilter: import("vue").PropType<import("../../composables/filter.js").FilterKeyFunctions>;
     filterKeys: {
@@ -1140,6 +1152,7 @@ export declare const VTreeview: {
         default: boolean;
     };
     activeClass: StringConstructor;
+    filterable: BooleanConstructor;
     activatable: BooleanConstructor;
     selectable: BooleanConstructor;
     activeStrategy: import("vue").PropType<import("../../composables/nested/nested.js").ActiveStrategyProp>;
@@ -1174,22 +1187,22 @@ export declare const VTreeview: {
         value: boolean;
         path: unknown[];
     }) => void>;
-    loadChildren: import("vue").PropType<(item: unknown) => Promise<void>>;
-    loadingIcon: {
-        type: StringConstructor;
-        default: string;
-    };
     openOnClick: {
         type: BooleanConstructor;
         default: undefined;
     };
+    falseIcon: import("vue").PropType<import("../../composables/icons.js").IconValue>;
+    trueIcon: import("vue").PropType<import("../../composables/icons.js").IconValue>;
     indeterminateIcon: {
         type: import("vue").PropType<import("../../composables/icons.js").IconValue>;
         default: string;
     };
-    falseIcon: import("vue").PropType<import("../../composables/icons.js").IconValue>;
-    trueIcon: import("vue").PropType<import("../../composables/icons.js").IconValue>;
+    loadingIcon: {
+        type: StringConstructor;
+        default: string;
+    };
     selectedColor: StringConstructor;
+    loadChildren: import("vue").PropType<(item: unknown) => Promise<void>>;
     customFilter: import("vue").PropType<import("../../composables/filter.js").FilterFunction>;
     customKeyFilter: import("vue").PropType<import("../../composables/filter.js").FilterKeyFunctions>;
     filterKeys: {

package/lib/labs/VTreeview/VTreeview.js

@@ -23,7 +23,7 @@ export const makeVTreeviewProps = propsFactory({
   ...makeFilterProps({
     filterKeys: ['title']
   }),
-  ...makeVTreeviewChildrenProps(),
+  ...omit(makeVTreeviewChildrenProps(), ['index', 'path']),
   ...omit(makeVListProps({
     collapseIcon: '$treeviewCollapse',
     expandIcon: '$treeviewExpand',

package/lib/labs/VTreeview/VTreeview.js.map

@@ -1 +1 @@
-{"version":3,"file":"VTreeview.js","names":["makeVTreeviewChildrenProps","VTreeviewChildren","makeVListProps","useListItems","VList","provideDefaults","makeFilterProps","useFilter","useProxiedModel","computed","provide","ref","toRaw","toRef","genericComponent","omit","propsFactory","useRender","VTreeviewSymbol","flatten","items","flat","arguments","length","undefined","item","push","children","makeVTreeviewProps","fluid","Boolean","openAll","search","String","filterKeys","collapseIcon","expandIcon","slim","modelValue","type","Array","default","VTreeview","name","props","emits","val","value","setup","_ref","slots","activeColor","baseColor","color","activated","model","_selected","selected","get","set","vListRef","opened","flatItems","filteredItems","visibleIds","getPath","Set","flatMap","itemVal","returnObject","raw","getChildren","map","id","arr","queue","slice","child","shift","ids","i","concat","VTreeviewGroup","VTreeviewItem","activeClass","density","disabled","lines","variant","listProps","filterProps","treeviewChildrenProps","_createVNode","_mergeProps","class","style","$event"],"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, toRaw, toRef } from 'vue'\nimport { genericComponent, omit, propsFactory, useRender } from '@/util'\n\n// Types\nimport { VTreeviewSymbol } from './shared'\nimport type { InternalListItem } from '@/components/VList/VList'\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  fluid: Boolean,\n  openAll: Boolean,\n  search: String,\n\n  ...makeFilterProps({ filterKeys: ['title'] }),\n  ...makeVTreeviewChildrenProps(),\n  ...omit(makeVListProps({\n    collapseIcon: '$treeviewCollapse',\n    expandIcon: '$treeviewExpand',\n    slim: true,\n  }), ['itemType', 'nav', 'openStrategy']),\n  modelValue: {\n    type: Array,\n    default: () => ([]),\n  },\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    'update:modelValue': (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 activated = useProxiedModel(props, 'activated')\n    const model = useProxiedModel(props, 'modelValue')\n    const _selected = useProxiedModel(props, 'selected', props.modelValue)\n\n    const selected = computed({\n      get: () => _selected.value,\n      set (val) {\n        _selected.value = val\n        model.value = val\n      },\n    })\n\n    const vListRef = ref<VList>()\n\n    const opened = computed(() => props.openAll ? openAll(items.value) : props.opened)\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) return null\n      const getPath = vListRef.value?.getPath\n      if (!getPath) return null\n      return new Set(filteredItems.value.flatMap(item => {\n        const itemVal = props.returnObject ? item.raw : item.props.value\n        return [\n          ...getPath(itemVal),\n          ...getChildren(itemVal),\n        ].map(toRaw)\n      }))\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    function openAll (items: InternalListItem<any>[]) {\n      let ids: any[] = []\n\n      for (const i of items) {\n        if (!i.children) continue\n\n        ids.push(props.returnObject ? toRaw(i.raw) : 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            {\n              'v-treeview--fluid': props.fluid,\n            },\n            props.class,\n          ]}\n          open-strategy=\"multiple\"\n          style={ props.style }\n          opened={ opened.value }\n          v-model:activated={ activated.value }\n          v-model:selected={ selected.value }\n        >\n          <VTreeviewChildren\n            { ...treeviewChildrenProps }\n            density={ props.density }\n            returnObject={ props.returnObject }\n            items={ items.value }\n            v-slots={ slots }\n          ></VTreeviewChildren>\n        </VList>\n      )\n    })\n\n    return { }\n  },\n})\n\nexport type VTreeview = InstanceType<typeof VTreeview>\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"VTreeview.js","names":["makeVTreeviewChildrenProps","VTreeviewChildren","makeVListProps","useListItems","VList","provideDefaults","makeFilterProps","useFilter","useProxiedModel","computed","provide","ref","toRaw","toRef","genericComponent","omit","propsFactory","useRender","VTreeviewSymbol","flatten","items","flat","arguments","length","undefined","item","push","children","makeVTreeviewProps","fluid","Boolean","openAll","search","String","filterKeys","collapseIcon","expandIcon","slim","modelValue","type","Array","default","VTreeview","name","props","emits","val","value","setup","_ref","slots","activeColor","baseColor","color","activated","model","_selected","selected","get","set","vListRef","opened","flatItems","filteredItems","visibleIds","getPath","Set","flatMap","itemVal","returnObject","raw","getChildren","map","id","arr","queue","slice","child","shift","ids","i","concat","VTreeviewGroup","VTreeviewItem","activeClass","density","disabled","lines","variant","listProps","filterProps","treeviewChildrenProps","_createVNode","_mergeProps","class","style","$event"],"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, toRaw, toRef } from 'vue'\nimport { genericComponent, omit, propsFactory, useRender } from '@/util'\n\n// Types\nimport { VTreeviewSymbol } from './shared'\nimport type { InternalListItem } from '@/components/VList/VList'\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  fluid: Boolean,\n  openAll: Boolean,\n  search: String,\n\n  ...makeFilterProps({ filterKeys: ['title'] }),\n  ...omit(makeVTreeviewChildrenProps(), ['index', 'path']),\n  ...omit(makeVListProps({\n    collapseIcon: '$treeviewCollapse',\n    expandIcon: '$treeviewExpand',\n    slim: true,\n  }), ['itemType', 'nav', 'openStrategy']),\n  modelValue: {\n    type: Array,\n    default: () => ([]),\n  },\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    'update:modelValue': (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 activated = useProxiedModel(props, 'activated')\n    const model = useProxiedModel(props, 'modelValue')\n    const _selected = useProxiedModel(props, 'selected', props.modelValue)\n\n    const selected = computed({\n      get: () => _selected.value,\n      set (val) {\n        _selected.value = val\n        model.value = val\n      },\n    })\n\n    const vListRef = ref<VList>()\n\n    const opened = computed(() => props.openAll ? openAll(items.value) : props.opened)\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) return null\n      const getPath = vListRef.value?.getPath\n      if (!getPath) return null\n      return new Set(filteredItems.value.flatMap(item => {\n        const itemVal = props.returnObject ? item.raw : item.props.value\n        return [\n          ...getPath(itemVal),\n          ...getChildren(itemVal),\n        ].map(toRaw)\n      }))\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    function openAll (items: InternalListItem<any>[]) {\n      let ids: any[] = []\n\n      for (const i of items) {\n        if (!i.children) continue\n\n        ids.push(props.returnObject ? toRaw(i.raw) : 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            {\n              'v-treeview--fluid': props.fluid,\n            },\n            props.class,\n          ]}\n          open-strategy=\"multiple\"\n          style={ props.style }\n          opened={ opened.value }\n          v-model:activated={ activated.value }\n          v-model:selected={ selected.value }\n        >\n          <VTreeviewChildren\n            { ...treeviewChildrenProps }\n            density={ props.density }\n            returnObject={ props.returnObject }\n            items={ items.value }\n            v-slots={ slots }\n          ></VTreeviewChildren>\n        </VList>\n      )\n    })\n\n    return { }\n  },\n})\n\nexport type VTreeview = InstanceType<typeof VTreeview>\n"],"mappings":"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","ignoreList":[]}