@hostlink/nuxt-light 1.66.0 → 1.66.2

package/dist/runtime/components/{l-editor.vue → L/Editor.vue}

@@ -1,12 +1,29 @@
 <script setup>
 import { computed, ref, useAttrs } from "vue";
 import { useQuasar } from "quasar";
-import { sanitizeHtml } from "../composables/sanitizeHtml";
+import { sanitizeHtml } from "../../composables/sanitizeHtml";
 const $q = useQuasar();
 const editorRef = ref(null);
 const textColorRef = ref(null);
 const textHightlightRef = ref(null);
 const insertTableRef = ref(null);
+const fontSizeRef = ref(null);
+const fontSizes = ["8px", "10px", "12px", "14px", "16px", "18px", "20px", "24px", "28px", "32px", "36px", "48px", "72px"];
+const setFontSizeCMD = (size) => {
+  const edit = editorRef.value;
+  fontSizeRef.value.hide();
+  edit.caret.restore();
+  document.execCommand("fontSize", false, "7");
+  const contentEl = edit.$el.querySelector(".q-editor__content");
+  contentEl.querySelectorAll('font[size="7"]').forEach((el) => {
+    const span = document.createElement("span");
+    span.style.fontSize = size;
+    span.innerHTML = el.innerHTML;
+    el.parentNode.replaceChild(span, el);
+  });
+  emit("update:modelValue", contentEl.innerHTML);
+  edit.focus();
+};
 const highlight = ref("#ffff00aa");
 const foreColor = ref("#000000");
 const tableRows = ref(3);
@@ -130,22 +147,7 @@ const newToolBar = [
         "code"
       ]
     },
-    {
-      label: $q.lang.editor.fontSize,
-      icon: $q.iconSet.editor.fontSize,
-      fixedLabel: true,
-      fixedIcon: true,
-      list: "no-icons",
-      options: [
-        "size-1",
-        "size-2",
-        "size-3",
-        "size-4",
-        "size-5",
-        "size-6",
-        "size-7"
-      ]
-    },
+    "fontSize",
     {
       label: $q.lang.editor.defaultFont,
       icon: $q.iconSet.editor.font,
@@ -187,6 +189,18 @@ const newFonts = {
 
 <template>
     <q-editor v-model="localValue" ref="editorRef" v-bind="attrs" @blur="onEditorBlur">
+        <template v-slot:fontSize>
+            <q-btn-dropdown dense no-caps ref="fontSizeRef" no-wrap unelevated color="white" text-color="default"
+                label="Font Size" icon="sym_o_format_size" size="sm">
+                <q-list dense>
+                    <q-item v-for="size in fontSizes" :key="size" clickable v-close-popup @click="setFontSizeCMD(size)">
+                        <q-item-section>
+                            <span :style="{ fontSize: size }">{{ size }}</span>
+                        </q-item-section>
+                    </q-item>
+                </q-list>
+            </q-btn-dropdown>
+        </template>
         <template v-slot:textColor>
             <q-btn-dropdown dense no-caps ref="textColorRef" no-wrap unelevated color="white" text-color="default"
                 label="Text Color" icon="sym_o_format_color_text" size="sm">

package/dist/runtime/components/L/Fieldset.d.vue.ts

@@ -1,31 +1,19 @@
+type __VLS_Props = {
+    gutter?: string;
+    label?: string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    gutter: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-type __VLS_WithSlots<T, S> = T & (new () => {
-    $slots: S;
-});
-declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    gutter: {
-        type: StringConstructor;
-        default: string;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
     };
-    label: {
-        type: StringConstructor;
-        default: null;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    gutter: {
-        type: StringConstructor;
-        default: string;
-    };
-    label: {
-        type: StringConstructor;
-        default: null;
-    };
-}>> & Readonly<{}>, {
-    label: string;
-    gutter: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-type __VLS_Slots = {
-    default?: ((props: {}) => any) | undefined;
 };

package/dist/runtime/components/L/Fieldset.vue

@@ -1,15 +1,9 @@
 <script setup>
 import { useI18n } from "vue-i18n";
-const i18n = useI18n();
+const { t } = useI18n();
 const props = defineProps({
-  gutter: {
-    type: String,
-    default: "none"
-  },
-  label: {
-    type: String,
-    default: null
-  }
+  gutter: { type: String, required: false, default: "none" },
+  label: { type: String, required: false }
 });
 </script>
 
@@ -19,7 +13,7 @@ body.body--dark fieldset{border-color:hsla(0,0%,100%,.6)}fieldset{border:1px sol
 
 <template>
     <fieldset>
-        <legend v-if="props.label">{{ i18n.t(props.label) }}</legend>
+        <legend v-if="props.label">{{ t(props.label) }}</legend>
 
         <div :class="`q-gutter-${props.gutter}`">
             <slot></slot>

package/dist/runtime/components/L/Fieldset.vue.d.ts

@@ -1,31 +1,19 @@
+type __VLS_Props = {
+    gutter?: string;
+    label?: string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    gutter: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-type __VLS_WithSlots<T, S> = T & (new () => {
-    $slots: S;
-});
-declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    gutter: {
-        type: StringConstructor;
-        default: string;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
     };
-    label: {
-        type: StringConstructor;
-        default: null;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    gutter: {
-        type: StringConstructor;
-        default: string;
-    };
-    label: {
-        type: StringConstructor;
-        default: null;
-    };
-}>> & Readonly<{}>, {
-    label: string;
-    gutter: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-type __VLS_Slots = {
-    default?: ((props: {}) => any) | undefined;
 };

package/dist/runtime/components/{l-file-manager.vue → L/FileManager.vue}

@@ -2,7 +2,7 @@
 import { useI18n } from "vue-i18n";
 import { ref, watch, computed } from "vue";
 import { useQuasar, format, date } from "quasar";
-import { q, m, useLight, showUploadFilesDialog, showDocumentDialog } from "#imports";
+import { q, useLight, showUploadFilesDialog, showDocumentDialog } from "#imports";
 import { getGrantedRights } from "@hostlink/light";
 import { fs } from "@hostlink/light";
 const { humanStorageSize } = format;
@@ -399,10 +399,7 @@ const onCheckTotalSize = async (folder) => {
 };
 const onDuplicateFile = async (file) => {
   try {
-    const newPath = await m("lightDriveDuplicateFile", {
-      index: file.driveIndex,
-      path: file.path
-    });
+    const newPath = await fs.duplicateFile(file.location);
     $q.notify({
       type: "positive",
       message: "File duplicated to " + newPath

package/dist/runtime/components/{l-icon-picker.vue → L/IconPicker.vue}

@@ -3237,33 +3237,34 @@ const icons = [
   "sym_o_nest_gale_wifi"
 ];
 const scroll = ref(null);
+const search = ref("");
+const scroll_index = ref(0);
 const filteredIcons = computed(() => {
-  if (!search.value) {
-    return icons;
-  }
-  return icons.filter((icon) => {
-    return icon.includes(search.value);
-  });
+  const q = search.value.trim();
+  if (!q) return icons;
+  return icons.filter((icon) => icon.includes(q));
 });
-const scroll_index = ref(0);
 const onLoad = (index, done) => {
   scroll_index.value = index;
   done();
 };
-const search = ref("");
-watch(search, (val) => {
-  scroll.value.reset();
-  scroll.value.poll();
+watch(search, () => {
   scroll_index.value = 0;
+  scroll.value?.reset();
+  scroll.value?.poll();
 });
 const displayIcons = computed(() => {
   return filteredIcons.value.slice(0, 100 * scroll_index.value + 100);
 });
+const onMenuHide = () => {
+  search.value = "";
+  scroll_index.value = 0;
+};
 </script>
 
 <template>
     <q-btn v-bind="$props" :icon="modelValue ?? 'sym_o_link'">
-        <q-menu :offset="[0, 8]">
+        <q-menu :offset="[0, 8]" @hide="onMenuHide">
 
             <q-item-label header>
                 <q-input v-model="search" label="Search" outlined dense>
@@ -3288,7 +3289,6 @@ const displayIcons = computed(() => {
 
                     <template v-slot:loading>
                         <div class="text-center q-my-md">
-
                             <q-spinner-dots size="40px" />
                         </div>
                     </template>

package/dist/runtime/components/{l-input.d.vue.ts → L/Input.d.vue.ts}

@@ -9,11 +9,15 @@ type __VLS_ModelProps = {
     modelValue?: any;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_43: string, __VLS_44: any;
+declare var __VLS_44: string, __VLS_45: any;
 type __VLS_Slots = {} & {
-    [K in NonNullable<typeof __VLS_43>]?: (props: typeof __VLS_44) => any;
+    [K in NonNullable<typeof __VLS_44>]?: (props: typeof __VLS_45) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
+    validate: () => any;
+    focus: () => any;
+    reset: () => any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: any) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;

package/dist/runtime/components/{l-input.vue → L/Input.vue}

@@ -1,7 +1,10 @@
 <script setup>
 import { computed, ref, useAttrs } from "vue";
 import { useI18n } from "vue-i18n";
-import tc2sc from "../composables/tc2sc";
+import tc2sc from "../../composables/tc2sc";
+import useLight from "../../composables/useLight";
+import { useLightInputDefaults } from "../../composables/useLightProps";
+defineOptions({ inheritAttrs: false });
 const { t } = useI18n();
 const props = defineProps({
   showPassword: { type: Boolean, required: false },
@@ -62,91 +65,68 @@ const props = defineProps({
   onClear: { type: Function, required: false }
 });
 const modelValue = defineModel({ type: null });
-const new_rules = Array.isArray(props.rules) ? [...props.rules] : [];
-if (props.required) {
-  new_rules.push((val) => !!val || t("input_required", [t(props.label ?? "")]));
-}
-if (props.type == "email") {
-  new_rules.push((val) => {
-    if (val && !val.match(/^[^\s@]+@[^\s@]+\.[^\s@]+$/)) {
-      return t("Invalid email format");
-    }
-  });
-}
-const stringRules = new_rules.filter((r) => typeof r === "string");
-if (stringRules.includes("containUpper")) {
-  new_rules.push((val) => {
-    if (val && !val.match(/[A-Z]/)) {
-      return t("Must contain at least one uppercase letter");
-    }
-  });
-}
-if (stringRules.includes("containLower")) {
-  new_rules.push((val) => {
-    if (val && !val.match(/[a-z]/)) {
-      return t("Must contain at least one lowercase letter");
-    }
-  });
-}
-if (stringRules.includes("containNumber")) {
-  new_rules.push((val) => {
-    if (val && !val.match(/[0-9]/)) {
-      return t("Must contain at least one number");
-    }
-  });
-}
-if (stringRules.includes("containSpecial")) {
-  new_rules.push((val) => {
-    if (val && !val.match(/[!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?]/)) {
-      return t("Must contain at least one symbol");
-    }
-  });
-}
-const minLength = new_rules.find((rule) => {
-  if (typeof rule != "string") return false;
-  return rule.startsWith("minLength:");
+const attrs = useAttrs();
+const L_KEYS = ["showPassword", "translate", "required"];
+const computedRules = computed(() => {
+  const rules = Array.isArray(props.rules) ? [...props.rules] : [];
+  if (props.required) {
+    rules.push((val) => !!val || t("input_required", [t(props.label ?? "")]));
+  }
+  if (props.type === "email") {
+    rules.push((val) => {
+      if (val && !val.match(/^[^\s@]+@[^\s@]+\.[^\s@]+$/))
+        return t("Invalid email format");
+    });
+  }
+  const stringRules = rules.filter((r) => typeof r === "string");
+  if (stringRules.includes("containUpper"))
+    rules.push((val) => val && !val.match(/[A-Z]/) ? t("Must contain at least one uppercase letter") : void 0);
+  if (stringRules.includes("containLower"))
+    rules.push((val) => val && !val.match(/[a-z]/) ? t("Must contain at least one lowercase letter") : void 0);
+  if (stringRules.includes("containNumber"))
+    rules.push((val) => val && !val.match(/[0-9]/) ? t("Must contain at least one number") : void 0);
+  if (stringRules.includes("containSpecial"))
+    rules.push((val) => val && !val.match(/[!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?]/) ? t("Must contain at least one symbol") : void 0);
+  const minLengthRule = rules.find((r) => typeof r === "string" && r.startsWith("minLength:"));
+  if (minLengthRule) {
+    const min = parseInt(minLengthRule.replace("minLength:", ""));
+    rules.push((val) => val && val.length < min ? t("input_min", [min]) : void 0);
+  }
+  return rules.filter((r) => typeof r !== "string");
 });
-if (minLength) {
-  const min = parseInt(minLength.replace("minLength:", ""));
-  new_rules.push((val) => {
-    if (val && val.length < min) {
-      return t("input_min", [min]);
-    }
-  });
-}
 const isShowPassword = ref(false);
 const localType = computed(() => {
-  if (props.type == "password" && isShowPassword.value) {
-    return "text";
-  }
+  if (props.type === "password" && isShowPassword.value) return "text";
   return props.type;
 });
-const localShowPassword = computed(() => {
-  if (props.type != "password") {
-    return false;
-  }
-  if (!props.showPassword) {
-    return false;
-  }
-  if (!modelValue.value) {
-    return false;
-  }
-  return true;
-});
+const localShowPassword = computed(
+  () => props.type === "password" && !!props.showPassword && !!modelValue.value
+);
 const onClickTc2Sc = () => {
   modelValue.value = tc2sc(modelValue.value ?? "");
 };
-const attrs = useAttrs();
-const localClass = computed(() => {
-  if (attrs.class) {
-    return attrs.class;
-  }
-  return "col-12";
+const base = useLightInputDefaults(props, attrs, L_KEYS);
+const inputProps = computed(() => {
+  const result = {
+    ...base.value,
+    // label/hint already translated by composable
+    rules: computedRules.value,
+    type: localType.value
+  };
+  if (props.required && result.label)
+    result.label = "* " + result.label;
+  return result;
+});
+const inputRef = ref();
+defineExpose({
+  validate: () => inputRef.value?.validate(),
+  focus: () => inputRef.value?.focus(),
+  reset: () => inputRef.value?.reset()
 });
 </script>
 
 <template>
-    <q-input v-bind="$light.getInputProps($props)" :rules="new_rules" :type="localType" :class="localClass">
+    <q-input ref="inputRef" v-model="modelValue" v-bind="inputProps">
         <template v-if="translate" #prepend>
             <q-btn icon="sym_o_translate" flat dense rounded>
                 <q-menu dense>
@@ -158,15 +138,14 @@ const localClass = computed(() => {
                 </q-menu>
             </q-btn>
         </template>
-        <template v-for="(s, name) in $slots" v-slot:[name]="props" :key="name">
-            <slot :name="name" v-bind="props ?? {}"></slot>
+
+        <template v-for="(_, name) in $slots" #[name]="slotProps" :key="name">
+            <slot :name="name" v-bind="slotProps ?? {}" />
         </template>
 
-        <template v-if="localShowPassword" v-slot:append>
-            <q-icon name="sym_o_visibility" class="cursor-pointer" @click="isShowPassword = false"
-                v-if="isShowPassword" />
+        <template v-if="localShowPassword" #append>
+            <q-icon name="sym_o_visibility" class="cursor-pointer" @click="isShowPassword = false" v-if="isShowPassword" />
             <q-icon name="sym_o_visibility_off" class="cursor-pointer" @click="isShowPassword = true" v-else />
         </template>
-
     </q-input>
 </template>

package/dist/runtime/components/{l-input.vue.d.ts → L/Input.vue.d.ts}

@@ -9,11 +9,15 @@ type __VLS_ModelProps = {
     modelValue?: any;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_43: string, __VLS_44: any;
+declare var __VLS_44: string, __VLS_45: any;
 type __VLS_Slots = {} & {
-    [K in NonNullable<typeof __VLS_43>]?: (props: typeof __VLS_44) => any;
+    [K in NonNullable<typeof __VLS_44>]?: (props: typeof __VLS_45) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
+    validate: () => any;
+    focus: () => any;
+    reset: () => any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: any) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;

package/dist/runtime/components/{l-input-select.d.vue.ts → L/InputSelect.d.vue.ts}

@@ -1,14 +1,15 @@
 import type { QSelectProps } from 'quasar';
 export interface LInputSelectProps extends QSelectProps {
+    required?: boolean;
 }
 type __VLS_Props = LInputSelectProps;
 type __VLS_ModelProps = {
     modelValue?: string | null;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_11: {};
+declare var __VLS_13: string, __VLS_14: any;
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_11) => any;
+    [K in NonNullable<typeof __VLS_13>]?: (props: typeof __VLS_14) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string | null | undefined) => any;

package/dist/runtime/components/{l-input-select.vue → L/InputSelect.vue}

@@ -1,6 +1,9 @@
 <script setup>
-import { ref } from "vue";
+import { ref, useAttrs, computed, watch } from "vue";
+import { useLightInputDefaults } from "../../composables/useLightProps";
+defineOptions({ inheritAttrs: false });
 const props = defineProps({
+  required: { type: Boolean, required: false },
   name: { type: null, required: false },
   virtualScrollHorizontal: { type: Boolean, required: false, skipCheck: true },
   virtualScrollSliceSize: { type: null, required: false },
@@ -101,21 +104,36 @@ const props = defineProps({
   onPopupHide: { type: Function, required: false }
 });
 const model = defineModel({ type: [String, null] });
-const setModel = (val) => {
-  model.value = val;
+const attrs = useAttrs();
+const L_KEYS = ["required"];
+const toStringOptions = (opts) => {
+  if (!opts || !Array.isArray(opts)) return [];
+  return opts.map((v) => typeof v === "string" ? v : String(v));
 };
-const localOptions = ref(props.options || []);
-const filterFn = (val, update, abort) => {
+const localOptions = ref(toStringOptions(props.options));
+watch(() => props.options, (opts) => {
+  localOptions.value = toStringOptions(opts);
+});
+const filterFn = (val, update) => {
   update(() => {
     const needle = val.toLocaleLowerCase();
-    localOptions.value = props.options?.filter((v) => v.toLocaleLowerCase().indexOf(needle) > -1) || [];
+    localOptions.value = toStringOptions(props.options).filter((v) => v.toLocaleLowerCase().includes(needle));
   });
 };
+const base = useLightInputDefaults(props, attrs, L_KEYS);
+const selectProps = computed(() => ({
+  ...base.value,
+  options: localOptions.value
+}));
 </script>
 
 <template>
-    <q-select v-model="model" v-bind="$light.getInputProps($props)" :options="localOptions" use-input fill-input
-        hide-selected @filter="filterFn" @input-value="setModel">
-        <slot></slot>
+    <q-select v-model="model" v-bind="selectProps"
+        use-input fill-input hide-selected
+        @filter="filterFn"
+        @input-value="(val) => model = val">
+        <template v-for="(_, name) in $slots" #[name]="slotProps" :key="name">
+            <slot :name="name" v-bind="slotProps ?? {}" />
+        </template>
     </q-select>
 </template>

package/dist/runtime/components/{l-input-select.vue.d.ts → L/InputSelect.vue.d.ts}

@@ -1,14 +1,15 @@
 import type { QSelectProps } from 'quasar';
 export interface LInputSelectProps extends QSelectProps {
+    required?: boolean;
 }
 type __VLS_Props = LInputSelectProps;
 type __VLS_ModelProps = {
     modelValue?: string | null;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_11: {};
+declare var __VLS_13: string, __VLS_14: any;
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_11) => any;
+    [K in NonNullable<typeof __VLS_13>]?: (props: typeof __VLS_14) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string | null | undefined) => any;

package/dist/runtime/components/L/InputXlsx.d.vue.ts

@@ -0,0 +1,17 @@
+export interface LInputXlsxProps {
+    label?: string;
+    hint?: string;
+    disable?: boolean;
+}
+type __VLS_Props = LInputXlsxProps;
+type __VLS_ModelProps = {
+    modelValue?: any[];
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: any[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;