@hostlink/nuxt-light 1.27.8 → 1.28.1

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

@@ -1,47 +1,46 @@
-<script setup>
-const modelValue = defineModel({
-  type: String,
-  default: ""
-})
-const emit = defineEmits(['update:modelValue'])
-const toggleLabel = (type) => {
-  if (modelValue.value == type) {
-    emit('update:modelValue', null)
-  } else {
-    emit('update:modelValue', type)
-  }
-}
-
-const LABLES = [
-  {
-    type: 'document',
-    icon: 'sym_o_article',
-    label: 'Documents'
-  },
-  {
-    type: 'image',
-    icon: 'sym_o_insert_photo',
-    label: 'Images'
-  },
-  {
-    type: 'video',
-    icon: 'sym_o_videocam',
-    label: 'Videos'
-  },
-  {
-    type: 'audio',
-    icon: 'sym_o_audiotrack',
-    label: 'Audio'
-  },
-  {
-    type: 'other',
-    icon: 'sym_o_text_snippet',
-    label: 'Archives'
-  }
-]
-
-</script>
-<template>
+<script setup>
+const modelValue = defineModel({
+  type: String,
+  default: ""
+});
+const emit = defineEmits(["update:modelValue"]);
+const toggleLabel = (type) => {
+  if (modelValue.value == type) {
+    emit("update:modelValue", null);
+  } else {
+    emit("update:modelValue", type);
+  }
+};
+const LABLES = [
+  {
+    type: "document",
+    icon: "sym_o_article",
+    label: "Documents"
+  },
+  {
+    type: "image",
+    icon: "sym_o_insert_photo",
+    label: "Images"
+  },
+  {
+    type: "video",
+    icon: "sym_o_videocam",
+    label: "Videos"
+  },
+  {
+    type: "audio",
+    icon: "sym_o_audiotrack",
+    label: "Audio"
+  },
+  {
+    type: "other",
+    icon: "sym_o_text_snippet",
+    label: "Archives"
+  }
+];
+</script>
+
+<template>
   <q-item-label header>
     {{ $t('Labels') }}
   </q-item-label>
@@ -53,9 +52,8 @@ const LABLES = [
     </q-item-section>
     <q-item-section> {{ $t(label.label) }} </q-item-section>
   </q-item>
-</template>
-
-
+</template>
+
 <style scoped>
 .q-item--active{background-color:#e0e0e0}
-</style>
+</style>

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

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

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

@@ -1,70 +1,55 @@
-<script setup>
-import { ref, computed, watch } from "vue";
-import { useQuasar } from 'quasar';
-import { api } from '#imports';
-const props = defineProps({
-  driveIndex: Number,
-})
-
-const emit = defineEmits(["selected"]);
-
-const data = await api.drive(props.driveIndex).folders.list("/")
-const folders = ref(data);
-const mode = ref("move");
-const folder = ref("/");
-const parent = ref("/");
-
-const qua = useQuasar();
-
-const drive = api.drive(props.driveIndex);
-
-watch(folder, async () => {
-  folders.value = await drive.folders.list(folder.value)
-});
-
-const clickBack = () => {
-  folder.value = parent.value;
-
-}
-
-const title = computed(() => {
-  if (folder.value) {
-    return folder.value.split("/").pop();
-  }
-  return "";
-});
-
-const newFolder = ref(null);
-
-const onClickCreate = async () => {
-  let f = folder.value + "/" + newFolder.value;
-  await drive.folders.create(f);
-  folder.value = f;
-  mode.value = "move";
-}
-
-const menu = ref(null);
-const onClickMove = async () => {
-  qua.dialog({
-    title: "Move",
-    message: "Are you sure you want to move to \"" + folder.value + "\" ?",
-    cancel: true,
-    persistent: true,
-  }).onOk(async () => {
-
-
-    menu.value.hide();
-    emit("selected", folder.value);
-    folder.value = "/";
-    parent.value = null;
-    folder.value = "/";
-
-
-  })
-}
-
-</script>
-<template>
+<script setup>
+import { ref, computed, watch } from "vue";
+import { useQuasar } from "quasar";
+import { api } from "#imports";
+const props = defineProps({
+  driveIndex: Number
+});
+const emit = defineEmits(["selected"]);
+const data = await api.drive(props.driveIndex).folders.list("/");
+const folders = ref(data);
+const mode = ref("move");
+const folder = ref("/");
+const parent = ref("/");
+const qua = useQuasar();
+const drive = api.drive(props.driveIndex);
+watch(folder, async () => {
+  folders.value = await drive.folders.list(folder.value);
+});
+const clickBack = () => {
+  folder.value = parent.value;
+};
+const title = computed(() => {
+  if (folder.value) {
+    return folder.value.split("/").pop();
+  }
+  return "";
+});
+const newFolder = ref(null);
+const onClickCreate = async () => {
+  let f = folder.value + "/" + newFolder.value;
+  await drive.folders.create(f);
+  folder.value = f;
+  mode.value = "move";
+};
+const menu = ref(null);
+const onClickMove = async () => {
+  qua.dialog({
+    title: "Move",
+    message: 'Are you sure you want to move to "' + folder.value + '" ?',
+    cancel: true,
+    persistent: true
+  }).onOk(async () => {
+    menu.value.hide();
+    emit("selected", folder.value);
+    folder.value = "/";
+    parent.value = null;
+    folder.value = "/";
+  });
+};
+</script>
+
+<template>
   <q-menu transition-show="jump-down" transition-hide="jump-up" ref="menu">
     <q-card>
       <q-toolbar>
@@ -132,4 +117,4 @@ const onClickMove = async () => {
       </q-card-actions>
     </q-card>
   </q-menu>
-</template>
+</template>

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

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

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

@@ -1,59 +1,48 @@
-<script setup>
-import { format, useQuasar } from "quasar"
-import { computed } from 'vue'
-import { q, api } from '#imports';
-const { humanStorageSize } = format
-
-const quasar = useQuasar()
-
-const props = defineProps({
-  path: {
-    type: String,
-    required: true
-  },
-  driveIndex: {
-    type: Number,
-    default: 0
-  },
-})
-
-const file = await api.drive(props.driveIndex).files.get(props.path, {
-  name: true,
-  size: true,
-  mime: true,
-  url: true,
-  lastModified: true,
-  lastModifiedHuman: true,
-  path: true,
-});
-const size = humanStorageSize(file.size)
-
-
-const copyToClipboard = (text) => {
-  navigator.clipboard.writeText(text).then(() => {
-
-    quasar.notify({
-      message: 'URL copied to clipboard',
-      color: 'positive',
-      position: 'top',
-      timeout: 1000,
-    });
-
-  }, (err) => {
-    console.error('Could not copy text: ', err);
-  });
-}
-
-
-const canPreview = computed(() => {
-  //check file mime type
-  const mime = ['image/jpeg', 'image/png', 'image/gif'];
-  return mime.includes(file.mime);
-
-});
-
-</script>
-<template>
+<script setup>
+import { format, useQuasar } from "quasar";
+import { computed } from "vue";
+import { q, api } from "#imports";
+const { humanStorageSize } = format;
+const quasar = useQuasar();
+const props = defineProps({
+  path: {
+    type: String,
+    required: true
+  },
+  driveIndex: {
+    type: Number,
+    default: 0
+  }
+});
+const file = await api.drive(props.driveIndex).files.get(props.path, {
+  name: true,
+  size: true,
+  mime: true,
+  url: true,
+  lastModified: true,
+  lastModifiedHuman: true,
+  path: true
+});
+const size = humanStorageSize(file.size);
+const copyToClipboard = (text) => {
+  navigator.clipboard.writeText(text).then(() => {
+    quasar.notify({
+      message: "URL copied to clipboard",
+      color: "positive",
+      position: "top",
+      timeout: 1e3
+    });
+  }, (err) => {
+    console.error("Could not copy text: ", err);
+  });
+};
+const canPreview = computed(() => {
+  const mime = ["image/jpeg", "image/png", "image/gif"];
+  return mime.includes(file.mime);
+});
+</script>
+
+<template>
   <template v-if="canPreview">
     <q-img :src="file.url"></q-img>
   </template>
@@ -76,28 +65,4 @@ const canPreview = computed(() => {
       </q-item-section>
     </q-item>
   </q-list>
-</template>
-
-<!-- <script >
-import { getEndpoint } from "../lib";
-export default {
-  props: {
-    value: Object,
-  },
-
-  computed: {
-    imagePath() {
-      return getEndpoint() + `photo/0${this.value.path}?w=200`;
-    },
-    canPreviewImage() {
-      if (this.value.type == "folder") return false;
-
-      if (this.value.mime_type == "image/jpeg") return true;
-      if (this.value.mime_type == "image/png") return true;
-      if (this.value.mime_type == "image/gif") return true;
-
-      return false;
-    },
-  },
-};
-</script> -->
+</template>

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

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;