@hostlink/nuxt-light 1.60.5 → 1.61.0

package/dist/runtime/components/l-file-manager.d.vue.ts

@@ -1,19 +1,51 @@
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: import("vue").DefineComponent<{}, {
-    $emit: typeof emit;
-    $props: Partial<typeof props>;
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    closeable: BooleanConstructor;
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+    defaultAction: {
+        default: string;
+        type: StringConstructor;
+    };
+    multiple: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    base: {
+        default: string;
+        type: StringConstructor;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    input: (...args: any[]) => void;
+    close: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    closeable: BooleanConstructor;
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+    defaultAction: {
+        default: string;
+        type: StringConstructor;
+    };
+    multiple: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    base: {
+        default: string;
+        type: StringConstructor;
+    };
+}>> & Readonly<{
+    onInput?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+}>, {
+    base: string;
     height: string;
     multiple: boolean;
-    base: string;
     closeable: boolean;
     defaultAction: string;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const emit: (event: "close" | "input", ...args: any[]) => void;
-declare const props: {
-    readonly height: string;
-    readonly multiple: boolean;
-    readonly base: string;
-    readonly closeable: boolean;
-    readonly defaultAction: string;
-};
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/l-file-manager.vue

@@ -441,8 +441,10 @@ watch(selectedNodePath, async () => {
   await loadItems();
 });
 const canPreview = (file) => {
-  const mime = ["image/jpeg", "image/png", "image/gif"];
-  return mime.includes(file.mime);
+  if (!file.mime) {
+    return false;
+  }
+  return file.mime.startsWith("image/");
 };
 const onCheckTotalSize = async (folder) => {
   const d = $q.dialog({
@@ -464,8 +466,9 @@ const onCheckTotalSize = async (folder) => {
       }
     }
   });
+  const size = humanStorageSize(resp.app.drive.folder.totalSize);
   d.update({
-    message: humanStorageSize(resp.app.drive.folder.totalSize),
+    message: "Total size of folder '" + folder.name + "' is " + size,
     progress: false
   });
 };
@@ -488,14 +491,64 @@ const onDuplicateFile = async (file) => {
   }
   await loadItems();
 };
-selectedNodePath.value = drives[0].index.toString();
+const onDrop = (event) => {
+  event.preventDefault();
+  event.stopPropagation();
+  if (selectedNodePath.value == null) {
+    $q.notify({
+      type: "warning",
+      message: "Please select a folder to upload files."
+    });
+    return;
+  }
+  const files2 = event.dataTransfer.files;
+  console.log("Dropped files:", files2);
+  uploadFiles.value = [];
+  for (let i = 0; i < files2.length; i++) {
+    uploadFiles.value.push(files2[i]);
+  }
+  showUploadFiles.value = true;
+  dragzone.value.style.border = "none";
+};
+const dragzone = ref(null);
+const onDragover = (event) => {
+  event.preventDefault();
+  event.stopPropagation();
+  if (selectedNodePath.value == null) {
+    return;
+  }
+  dragzone.value.style.border = "2px dashed #1976d2";
+};
+const onDragLeave = (event) => {
+  event.preventDefault();
+  event.stopPropagation();
+  if (selectedNodePath.value == null) {
+    return;
+  }
+  dragzone.value.style.border = "none";
+};
+const getFileIcon = (file) => {
+  if (file.mime.startsWith("image/")) {
+    return "sym_o_image";
+  } else if (file.mime === "application/pdf") {
+    return "sym_o_picture_as_pdf";
+  } else if (file.mime.startsWith("video/")) {
+    return "sym_o_videocam";
+  } else if (file.mime.startsWith("audio/")) {
+    return "sym_o_audiotrack";
+  } else if (file.mime === "application/zip" || file.mime === "application/x-rar-compressed") {
+    return "sym_o_archive";
+  } else {
+    return "sym_o_description";
+  }
+};
 </script>
 
 <template>
   <q-layout view="hHh lpR fFf" :class="isDark ? '' : 'bg-white'" container :style="{ 'min-height': height }">
     <q-header bordered :class="isDark ? '' : 'bg-white text-grey-8'" height-hint="64">
       <q-toolbar>
-        <q-btn flat round @click="toggleLeftDrawer" aria-label="Menu" icon="menu" class="q-mr-sm" />
+        <q-btn flat round @click="toggleLeftDrawer" aria-label="Menu" icon="sym_o_menu" class="q-mr-sm" />
 
         <q-toolbar-title v-if="$q.screen.gt.xs" shrink class="row items-center no-wrap">
           <span class="q-ml-sm">{{ $t('File Manager') }}</span>
@@ -559,187 +612,195 @@ selectedNodePath.value = drives[0].index.toString();
     </q-drawer>
 
     <q-page-container :style="{ height }">
-
-      <q-dialog v-model="showPreviewImgDialog" full-width full-height auto-close>
-        <q-card>
-          <q-card-section>
-            <q-img :src="previewImg"></q-img>
-          </q-card-section>
-        </q-card>
-      </q-dialog>
-
-      <q-dialog v-model="showUploadFiles" persistent transition-show="scale" transition-hide="scale">
-        <l-card style="width:300px">
-          <q-card-section>
-            <q-file ref="file" v-model="uploadFiles" multiple name="file" label="Files" :color="light.color"></q-file>
-          </q-card-section>
-
-          <q-card-actions align="right">
-            <q-btn flat :label="$t('Cancel')" :color="light.color" v-close-popup></q-btn>
-            <q-btn flat :label="$t('Upload')" :color="light.color" @click="onUploadFiles"></q-btn>
-          </q-card-actions>
-        </l-card>
-      </q-dialog>
-
-      <q-toolbar>
-        <q-breadcrumbs>
-          <q-breadcrumbs-el v-for="(b, index) in breadcrumbs" :label="b.label" :key="index"
-            @click="selectedNodePath = b.path" href="javascript:void(0)"></q-breadcrumbs-el>
-        </q-breadcrumbs>
-        <q-space></q-space>
-
-        <q-btn flat round icon="sym_o_drive_file_move" v-if="selected.length > 0">
-          <l-file-manager-move @selected="moveToFolder($event)" :drive-index="selectedDrive" />
-          <q-tooltip>
-            {{ $t('Move to') }}
-          </q-tooltip>
-        </q-btn>
-
-        <q-btn flat round icon="sym_o_delete" @click="onDeleteSelected" v-if="selected.length > 0">
-          <q-tooltip>
-            {{ $t('Delete') }}
-          </q-tooltip>
-        </q-btn>
-        <q-btn flat round :icon="grid ? 'sym_o_view_list' : 'sym_o_grid_view'" @click="grid = !grid">
-          <q-tooltip>
-            {{ grid ? $t('List view') : $t('Grid view') }}
-          </q-tooltip>
-        </q-btn>
-      </q-toolbar>
-
-      <template v-if="grid">
-        <q-table :title="$t('Folders')" flat grid :columns="columns" :rows="folders" hide-pagination
-          :pagination="{ rowsPerPage: 0 }">
-          <template v-slot:item="props">
-            <div class="q-pa-xs col-xs-12 col-sm-6 col-md-4" @click="onDblclickRow(null, props.row, null)">
-              <q-card flat bordered>
-                <q-item>
-                  <q-item-section avatar>
-                    <q-icon name="sym_o_folder" size="sm"></q-icon>
-                  </q-item-section>
-                  <q-item-section>
-                    {{ props.row.name }}
-                  </q-item-section>
-                  <q-item-section avatar>
-                    <q-checkbox v-model="selected" :val="props.row" />
-                  </q-item-section>
-                </q-item>
-              </q-card>
-            </div>
-          </template>
-        </q-table>
-
-        <q-table :title="$t('Files')" flat grid :columns="columns" :rows="files" hide-pagination
-          :pagination="{ rowsPerPage: 0 }">
-
-          <template v-slot:item="props">
-            <div class="q-pa-xs col-xs-12 col-sm-6 col-md-4" @click="onClickRow(null, props.row, null)">
-              <q-card flat bordered>
-                <q-item>
-                  <q-item-section avatar>
-                    <q-icon name="sym_o_description" size="sm"></q-icon>
-                  </q-item-section>
-                  <q-item-section>
-                    <q-item-label lines="1">
+      <div @drop="onDrop" @dragover="onDragover" ref="dragzone" @dragleave="onDragLeave" style="height: 100%;">
+
+        <q-dialog v-model="showPreviewImgDialog" full-width full-height auto-close>
+          <q-card>
+            <q-card-section>
+              <q-img :src="previewImg"></q-img>
+            </q-card-section>
+          </q-card>
+        </q-dialog>
+
+        <q-dialog v-model="showUploadFiles" persistent transition-show="scale" transition-hide="scale">
+          <q-card style="min-width: 400px;">
+            <q-toolbar>
+              <q-toolbar-title>{{ $t('Upload Files') }}</q-toolbar-title>
+              <q-space></q-space>
+              <q-btn flat round dense icon="sym_o_close" v-close-popup></q-btn>
+            </q-toolbar>
+            <q-card-section>
+              <q-file ref="file" v-model="uploadFiles" multiple name="file" label="Files" color="primary"></q-file>
+            </q-card-section>
+
+            <q-card-actions align="right">
+              <q-btn flat :label="$t('Cancel')" color="primary" v-close-popup></q-btn>
+              <q-btn flat :label="$t('Upload')" color="primary" @click="onUploadFiles"></q-btn>
+            </q-card-actions>
+          </q-card>
+        </q-dialog>
+
+        <q-toolbar>
+          <q-breadcrumbs>
+            <q-breadcrumbs-el v-for="(b, index) in breadcrumbs" :label="b.label" :key="index"
+              @click="selectedNodePath = b.path" href="javascript:void(0)"></q-breadcrumbs-el>
+          </q-breadcrumbs>
+          <q-space></q-space>
+
+          <q-btn flat round icon="sym_o_drive_file_move" v-if="selected.length > 0">
+            <l-file-manager-move @selected="moveToFolder($event)" :drive-index="selectedDrive" />
+            <q-tooltip>
+              {{ $t('Move to') }}
+            </q-tooltip>
+          </q-btn>
+
+          <q-btn flat round icon="sym_o_delete" @click="onDeleteSelected" v-if="selected.length > 0">
+            <q-tooltip>
+              {{ $t('Delete') }}
+            </q-tooltip>
+          </q-btn>
+          <q-btn flat round :icon="grid ? 'sym_o_view_list' : 'sym_o_grid_view'" @click="grid = !grid">
+            <q-tooltip>
+              {{ grid ? $t('List view') : $t('Grid view') }}
+            </q-tooltip>
+          </q-btn>
+        </q-toolbar>
+
+        <template v-if="grid">
+          <q-table :title="$t('Folders')" flat grid :columns="columns" :rows="folders" hide-pagination
+            :pagination="{ rowsPerPage: 0 }">
+            <template v-slot:item="props">
+              <div class="q-pa-xs col-xs-12 col-sm-6 col-md-4" @click="onDblclickRow(null, props.row, null)">
+                <q-card flat bordered>
+                  <q-item>
+                    <q-item-section avatar>
+                      <q-icon name="sym_o_folder" size="sm"></q-icon>
+                    </q-item-section>
+                    <q-item-section>
                       {{ props.row.name }}
-                    </q-item-label>
-                  </q-item-section>
-                  <q-item-section side>
-                    <q-checkbox v-model="selected" :val="props.row" />
-                  </q-item-section>
-                </q-item>
-
-                <q-img v-if="canPreview(props.row)" :src="props.row.url"></q-img>
-
-              </q-card>
-            </div>
-          </template>
-        </q-table>
-      </template>
-      <template v-else>
-
-        <q-table flat :columns="columns" :rows="items" @row-dblclick="onDblclickRow" @row-click="onClickRow"
-          :pagination="pagination" row-key="path" selection="multiple" v-model:selected="selected" dense
-          :loading="loading" :loading-label="$t('Loading...')" :no-data-label="$t('No data available')"
-          separator="horizontal" :rows-per-page-options="[0]" color="primary">
-          <template #body-cell-icon="props">
-            <q-td auto-width>
-              <q-icon name="sym_o_folder" v-if="props.value == 'folder'" size="sm" />
-              <q-icon name="sym_o_description" v-else size="sm" />
-            </q-td>
-          </template>
-
-          <template #body-cell-action="props">
-            <q-td auto-width>
-              <q-btn flat icon="sym_o_more_vert" round dense>
-                <q-menu>
-                  <q-list>
-
-                    <q-item clickable v-close-popup="true" @click="onCheckTotalSize(props.row)"
-                      v-if="props.row.type == 'folder'">
-                      <q-item-section avatar>
-                        <q-icon name="sym_o_info"></q-icon>
-                      </q-item-section>
-                      <q-item-section>{{ $t('Total size') }}</q-item-section>
-                    </q-item>
-
-                    <q-item clickable v-close-popup @click="onDeleteRow(props.row)" v-if="canDeleteRow(props.row)">
-                      <q-item-section avatar>
-                        <q-icon name="sym_o_delete"></q-icon>
-                      </q-item-section>
-                      <q-item-section>{{ $t('Delete') }}</q-item-section>
-                    </q-item>
-
-                    <q-item v-if="props.row.type == 'file'" clickable v-close-popup @click="onDownloadRow(props.row)">
-                      <q-item-section avatar>
-                        <q-icon name="sym_o_download"></q-icon>
-                      </q-item-section>
-                      <q-item-section>{{ $t('Download') }}</q-item-section>
-                    </q-item>
-
-                    <q-item clickable v-close-popup @click="onRenameRow(props.row)" v-if="canRenameRow(props.row)">
-                      <q-item-section avatar>
-                        <q-icon name="sym_o_edit"></q-icon>
-                      </q-item-section>
-                      <q-item-section>{{ $t('Rename') }}</q-item-section>
-                    </q-item>
-
-                    <q-item clickable v-close-popup @click="onDuplicateFile(props.row)" v-if="props.row.type == 'file'">
-                      <q-item-section avatar>
-                        <q-icon name="sym_o_content_copy"></q-icon>
-                      </q-item-section>
-                      <q-item-section>{{ $t('Duplicate') }}</q-item-section>
-                    </q-item>
-
-                    <q-item clickable v-close-popup @click="onPreview(props.row)" v-if="props.row.canPreview">
-                      <q-item-section avatar>
-                        <q-icon name="sym_o_preview"></q-icon>
-                      </q-item-section>
-                      <q-item-section>{{ $t('Preview') }}</q-item-section>
-                    </q-item>
-
-                    <q-item clickable v-close-popup v-if="props.row.mime == 'application/pdf'"
-                      @click="onPreviewPDF(props.row)">
-                      <q-item-section avatar>
-                        <q-icon name="sym_o_preview"></q-icon>
-                      </q-item-section>
-                      <q-item-section>{{ $t('Preview') }}</q-item-section>
-                    </q-item>
-
-                    <q-item clickable v-close-popup @click="onClickInfo(props.row)" class="lt-lg">
-                      <q-item-section avatar>
-                        <q-icon name="sym_o_info"></q-icon>
-                      </q-item-section>
-                      <q-item-section>{{ $t('Info') }}</q-item-section>
-                    </q-item>
+                    </q-item-section>
+                    <q-item-section avatar>
+                      <q-checkbox v-model="selected" :val="props.row" />
+                    </q-item-section>
+                  </q-item>
+                </q-card>
+              </div>
+            </template>
+          </q-table>
+
+          <q-table :title="$t('Files')" flat grid :columns="columns" :rows="files" hide-pagination
+            :pagination="{ rowsPerPage: 0 }">
+
+            <template v-slot:item="props">
+              <div class="q-pa-xs col-xs-12 col-sm-6 col-md-4" @click="onClickRow(null, props.row, null)">
+                <q-card flat bordered>
+                  <q-item>
+                    <q-item-section avatar>
+                      <q-icon :name="getFileIcon(props.row)"  size="sm"></q-icon>
+                    </q-item-section>
+                    <q-item-section>
+                      <q-item-label lines="1">
+                        {{ props.row.name }}
+                      </q-item-label>
+                    </q-item-section>
+                    <q-item-section side>
+                      <q-checkbox v-model="selected" :val="props.row" />
+                    </q-item-section>
+                  </q-item>
+
+                  <q-img v-if="canPreview(props.row)" :src="props.row.url"></q-img>
+
+                </q-card>
+              </div>
+            </template>
+          </q-table>
+        </template>
+        <template v-else>
+
+          <q-table flat :columns="columns" :rows="items" @row-dblclick="onDblclickRow" @row-click="onClickRow"
+            :pagination="pagination" row-key="path" selection="multiple" v-model:selected="selected" dense
+            :loading="loading" :loading-label="$t('Loading...')" :no-data-label="$t('No data available')"
+            separator="horizontal" :rows-per-page-options="[0]" color="primary">
+            <template #body-cell-icon="props">
+              <q-td auto-width>
+                <q-icon name="sym_o_folder" v-if="props.value == 'folder'" size="sm" />
+                <q-icon :name="getFileIcon(props.row)" v-else size="sm" />
+              </q-td>
+            </template>
 
-                  </q-list>
-                </q-menu>
-              </q-btn>
-            </q-td>
-          </template>
-        </q-table>
-      </template>
+            <template #body-cell-action="props">
+              <q-td auto-width>
+                <q-btn flat icon="sym_o_more_vert" round dense>
+                  <q-menu>
+                    <q-list>
+
+                      <q-item clickable v-close-popup="true" @click="onCheckTotalSize(props.row)"
+                        v-if="props.row.type == 'folder'">
+                        <q-item-section avatar>
+                          <q-icon name="sym_o_info"></q-icon>
+                        </q-item-section>
+                        <q-item-section>{{ $t('Total size') }}</q-item-section>
+                      </q-item>
+
+                      <q-item clickable v-close-popup @click="onDeleteRow(props.row)" v-if="canDeleteRow(props.row)">
+                        <q-item-section avatar>
+                          <q-icon name="sym_o_delete"></q-icon>
+                        </q-item-section>
+                        <q-item-section>{{ $t('Delete') }}</q-item-section>
+                      </q-item>
+
+                      <q-item v-if="props.row.type == 'file'" clickable v-close-popup @click="onDownloadRow(props.row)">
+                        <q-item-section avatar>
+                          <q-icon name="sym_o_download"></q-icon>
+                        </q-item-section>
+                        <q-item-section>{{ $t('Download') }}</q-item-section>
+                      </q-item>
+
+                      <q-item clickable v-close-popup @click="onRenameRow(props.row)" v-if="canRenameRow(props.row)">
+                        <q-item-section avatar>
+                          <q-icon name="sym_o_edit"></q-icon>
+                        </q-item-section>
+                        <q-item-section>{{ $t('Rename') }}</q-item-section>
+                      </q-item>
+
+                      <q-item clickable v-close-popup @click="onDuplicateFile(props.row)"
+                        v-if="props.row.type == 'file'">
+                        <q-item-section avatar>
+                          <q-icon name="sym_o_content_copy"></q-icon>
+                        </q-item-section>
+                        <q-item-section>{{ $t('Duplicate') }}</q-item-section>
+                      </q-item>
+
+                      <q-item clickable v-close-popup @click="onPreview(props.row)" v-if="canPreview(props.row)">
+                        <q-item-section avatar>
+                          <q-icon name="sym_o_preview"></q-icon>
+                        </q-item-section>
+                        <q-item-section>{{ $t('Preview') }}</q-item-section>
+                      </q-item>
+
+                      <q-item clickable v-close-popup v-if="props.row.mime == 'application/pdf'"
+                        @click="onPreviewPDF(props.row)">
+                        <q-item-section avatar>
+                          <q-icon name="sym_o_preview"></q-icon>
+                        </q-item-section>
+                        <q-item-section>{{ $t('Preview') }}</q-item-section>
+                      </q-item>
+
+                      <q-item clickable v-close-popup @click="onClickInfo(props.row)" class="lt-lg">
+                        <q-item-section avatar>
+                          <q-icon name="sym_o_info"></q-icon>
+                        </q-item-section>
+                        <q-item-section>{{ $t('Info') }}</q-item-section>
+                      </q-item>
+
+                    </q-list>
+                  </q-menu>
+                </q-btn>
+              </q-td>
+            </template>
+          </q-table>
+        </template>
+      </div>
     </q-page-container>
   </q-layout>
 </template>

package/dist/runtime/components/l-file-manager.vue.d.ts

@@ -1,19 +1,51 @@
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: import("vue").DefineComponent<{}, {
-    $emit: typeof emit;
-    $props: Partial<typeof props>;
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    closeable: BooleanConstructor;
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+    defaultAction: {
+        default: string;
+        type: StringConstructor;
+    };
+    multiple: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    base: {
+        default: string;
+        type: StringConstructor;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    input: (...args: any[]) => void;
+    close: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    closeable: BooleanConstructor;
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+    defaultAction: {
+        default: string;
+        type: StringConstructor;
+    };
+    multiple: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    base: {
+        default: string;
+        type: StringConstructor;
+    };
+}>> & Readonly<{
+    onInput?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+}>, {
+    base: string;
     height: string;
     multiple: boolean;
-    base: string;
     closeable: boolean;
     defaultAction: string;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const emit: (event: "close" | "input", ...args: any[]) => void;
-declare const props: {
-    readonly height: string;
-    readonly multiple: boolean;
-    readonly base: string;
-    readonly closeable: boolean;
-    readonly defaultAction: string;
-};
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/l-file-upload.d.vue.ts

@@ -17,15 +17,26 @@ type __VLS_ModelProps = {
     modelValue?: any;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_67: any, __VLS_68: any;
+declare var __VLS_63: string, __VLS_64: any;
 type __VLS_Slots = {} & {
-    [K in NonNullable<typeof __VLS_67>]?: (props: typeof __VLS_68) => any;
+    [K in NonNullable<typeof __VLS_63>]?: (props: typeof __VLS_64) => any;
 };
 declare const __VLS_base: 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>;
+}>, {
+    path: string;
+    rounded: boolean;
+    square: boolean;
+    dense: boolean;
+    outlined: boolean;
+    filled: boolean;
+    stackLabel: boolean;
+    standout: boolean;
+    accept: string;
+    driveIndex: number;
+}, {}, {}, {}, 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;