@quoreadmin/ui 1.4.2 → 1.4.3

package/dist/index96.js

@@ -0,0 +1,138 @@
+import { defineComponent as C, ref as n, computed as v } from "vue";
+import { useDropZone as b } from "./index155.js";
+import z from "./index52.js";
+import M from "./index175.js";
+import T from "./index6.js";
+import I from "./index28.js";
+import O from "./index32.js";
+import Z from "./index33.js";
+const W = C({
+  name: "QFileUpload",
+  components: {
+    FileUpload: M,
+    QBadge: T,
+    QImageGallery: I,
+    QModal: O,
+    QModalContent: Z
+  },
+  props: {
+    /** Name of the request parameter to identify the files at backend. */
+    name: {
+      type: Array,
+      default: null
+    },
+    files: {
+      type: Array,
+      default: () => []
+    },
+    /** Upload url */
+    url: {
+      type: String,
+      default: ""
+    },
+    /** If we should allow multiple files */
+    multiple: {
+      type: Boolean,
+      default: !0
+    },
+    /** Specify file types allowed */
+    // https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file
+    filesAllowed: {
+      type: String,
+      default: "image/*,.pdf"
+    },
+    /** Specify file types allowed */
+    // Added any because type: null as unknown as PropType<number | null>, doesn't work
+    maxFileSize: {
+      type: Number,
+      default: 33554432
+      // 32MB - updated from 8MB standard in quorev2
+    },
+    /** Auto upload files */
+    autoUpload: {
+      type: Boolean,
+      default: !1
+    },
+    /** Override uploading by enabling customUpload and defining a custom uploader handler event. */
+    // https://primevue.org/fileupload/#custom-upload
+    customUpload: {
+      type: Boolean,
+      default: !1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    expands: {
+      type: Boolean,
+      default: !1
+    },
+    processing: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["file-list", "upload-error", "uploading"],
+  setup(s, { emit: r }) {
+    const a = n(null), f = n(), i = n([]), p = n([]), u = v(() => s.files), F = v(() => s.filesAllowed.replace(/,/g, ", ")), x = () => {
+      a.value && a.value.clear();
+    }, U = () => {
+      i.value = [], p.value = [];
+    }, c = (e) => {
+      const o = s.filesAllowed.split(",").map((l) => l.trim());
+      for (const l of o)
+        if (m(l) ? d(e.type) === d(l) : e.type == l || y(e).toLowerCase() === l.toLowerCase())
+          return !0;
+      return !1;
+    }, m = (e) => e.indexOf("*") !== -1, y = (e) => "." + e.name.split(".").pop(), d = (e) => e.substring(0, e.indexOf("/")), g = (e) => {
+      const o = e.originalEvent;
+      let l = [];
+      o.type === "drop" ? l = o.dataTransfer?.files : l = o.target.files;
+      for (const t of l)
+        t.size > s.maxFileSize && i.value.push(t.name), c(t) || p.value.push(t.name);
+    }, w = (e) => {
+      r("upload-error", e);
+    }, B = () => {
+      a.value && a.value.upload();
+    }, A = (e) => {
+      r("uploading", e);
+    }, E = (e) => {
+      const o = u.value, l = o.findIndex(
+        (t) => t.lastModified === e.lastModified
+      );
+      l !== -1 && (o.splice(l, 1), r("file-list", o)), a.value.messages = null;
+    }, Q = (e) => {
+      g(e), r("file-list", e.files);
+    }, { isOverDropZone: S } = b(f);
+    return {
+      // ref elements - Needed this for triggering events in component
+      fileUpload: a,
+      dropZoneRef: f,
+      // refs
+      allFiles: u,
+      sizeErrors: i,
+      typeErrors: p,
+      isOverDropZone: S,
+      // computed
+      displayAllowedTypes: F,
+      // methods
+      clear: x,
+      clearErrors: U,
+      getFileExtension: y,
+      getTypeClass: d,
+      isValidFileType: c,
+      isWildcard: m,
+      onBeforeSelect: g,
+      onUpload: B,
+      onUploadError: w,
+      onUploading: A,
+      onRemoveFile: E,
+      onSelectedFiles: Q,
+      // composables
+      mq: z
+    };
+  }
+});
+export {
+  W as default
+};

package/dist/index97.js

@@ -0,0 +1,10 @@
+import { defineComponent as o } from "vue";
+const n = o({
+  name: "QIcon",
+  props: {},
+  setup() {
+  }
+});
+export {
+  n as default
+};

package/dist/index99.js

@@ -0,0 +1,39 @@
+import { defineComponent as r, computed as t } from "vue";
+const n = r({
+  name: "QFormGroup",
+  props: {
+    labelFor: {
+      type: String,
+      required: !0
+    },
+    required: {
+      type: Boolean,
+      default: !1
+    },
+    status: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(e) {
+    return {
+      statusColor: t(() => {
+        switch (e.status) {
+          case "error":
+            return "red-30";
+          case "info":
+            return "blue-40";
+          case "success":
+            return "green-20";
+          case "warning":
+            return "yellow-30";
+          default:
+            return "inkwell-0";
+        }
+      })
+    };
+  }
+});
+export {
+  n as default
+};

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@quoreadmin/ui",
     "private": false,
-    "version": "1.4.2",
+    "version": "1.4.3",
     "type": "module",
     "sideEffects": [
         "**/*.css",
@@ -13,13 +13,12 @@
         "src/assets/scss",
         "src/assets/illustrations"
     ],
-    "main": "./dist/index.umd.cjs",
     "module": "./dist/index.js",
+    "main": "./dist/index.js",
     "exports": {
         ".": {
             "types": "./dist/index.d.ts",
-            "import": "./dist/index.js",
-            "require": "./dist/index.umd.cjs"
+            "import": "./dist/index.js"
         },
         "./tailwind.preset": {
             "types": "./tailwind.preset.ts",