@quidgest/ui 0.17.2 → 0.17.4

package/esm/components/QFileUpload/QFileUpload.vue.js

@@ -1,242 +1,157 @@
-import { defineComponent as L, mergeModels as N, useModel as O, toRef as P, computed as d, ref as b, watch as T, createBlock as w, openBlock as n, unref as i, createSlots as Z, withCtx as _, createElementVNode as a, normalizeClass as Q, createElementBlock as c, mergeProps as F, createVNode as s, normalizeProps as v, guardReactiveProps as m, toDisplayString as y, createCommentVNode as j, createTextVNode as M, renderSlot as $ } from "vue";
-import { DEFAULT_TEXTS as H, DEFAULT_ICONS as W } from "./constants.js";
-import { QButton as h } from "../QButton/index.js";
-import { QField as X } from "../QField/index.js";
-import { QIcon as u } from "../QIcon/index.js";
-import { useId as G } from "../../composables/uid.js";
-import { useDropZone as J } from "../../composables/useDropZone/index.js";
-import { downloadFile as K } from "../../utils/download.js";
-const Y = ["id", "accept", "required", "readonly", "disabled"], ee = {
-  key: 0,
-  class: "q-file-input__drop-area"
-}, le = {
-  key: 1,
-  class: "q-file-input__file-details"
-}, te = { class: "q-file-input__attached-file" }, ie = {
-  key: 0,
-  class: "q-file-input__preview q-file-input__image-preview"
-}, oe = ["src", "alt"], ae = { class: "q-file-input__file-meta" }, ne = { class: "q-file-input__file-name" }, se = { class: "q-file-input__file-type" }, re = {
-  key: 0,
-  class: "q-file-input__action-buttons"
-}, de = {
-  key: 2,
-  class: "q-file-input__empty-container"
-}, be = /* @__PURE__ */ L({
-  inheritAttrs: !1,
-  __name: "QFileUpload",
-  props: /* @__PURE__ */ N({
-    id: {},
-    class: {},
-    label: {},
-    required: { type: Boolean },
-    for: {},
-    labelPosition: {},
-    size: { default: "large" },
-    readonly: { type: Boolean },
-    disabled: { type: Boolean },
-    invalid: { type: Boolean },
-    accept: {},
-    icons: { default: () => W },
-    texts: { default: () => H }
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(q) {
-    const e = q, t = O(q, "modelValue"), k = G(P(e, "id")), p = d(() => !e.readonly && !e.disabled), r = b(null);
-    T(t, (l) => {
-      r.value && URL.revokeObjectURL(r.value);
-      const o = l && l.type.startsWith("image/");
-      r.value = o ? URL.createObjectURL(l) : null;
-    });
-    const f = b(null);
-    function B() {
-      var l;
-      (l = f.value) == null || l.click();
-    }
-    function R(l) {
-      var C;
-      const o = l.target;
-      (C = o == null ? void 0 : o.files) != null && C[0] && (t.value = o.files[0]);
-    }
-    function U() {
-      t.value && K(t.value);
-    }
-    function V() {
-      t.value = void 0, f.value && (f.value.value = "");
-    }
-    function D(l) {
-      if (!p.value) return;
-      const o = l == null ? void 0 : l[0];
-      o && (t.value = o);
-    }
-    const g = b(null), x = d(() => Array.isArray(e.accept) ? e.accept : e.accept ? e.accept.split(",").map((l) => l.trim()) : []), I = d(() => {
-      var l;
-      return (l = x.value) == null ? void 0 : l.join(",");
-    }), S = d(() => p.value && !t.value), { isOverDropZone: z, isValid: A } = J(g, {
-      onDrop: D,
-      accept: x,
-      enabled: S
-    }), E = d(() => [
-      "q-field__control",
-      "q-file-input",
-      {
-        "q-file-input--highlighted": z.value && A.value
-      },
-      e.class
-    ]);
-    return (l, o) => (n(), w(i(X), {
-      for: i(k),
-      label: e.label,
-      "label-position": e.labelPosition,
-      size: e.size,
-      readonly: e.readonly,
-      disabled: e.disabled,
-      required: e.required,
-      invalid: e.invalid
-    }, Z({
-      control: _(() => [
-        a(
-          "div",
-          {
-            ref_key: "dropZoneRef",
-            ref: g,
-            class: Q(E.value)
-          },
-          [
-            a("input", F({
-              id: i(k),
-              ref_key: "fileInput",
-              ref: f,
-              type: "file",
-              class: "q-file-input__file-input",
-              accept: I.value,
-              required: e.required,
-              readonly: e.readonly,
-              disabled: e.disabled
-            }, l.$attrs, { onChange: R }), null, 16, Y),
-            !t.value && p.value ? (n(), c("div", ee, [
-              s(
-                i(u),
-                v(m(e.icons.upload)),
-                null,
-                16
-                /* FULL_PROPS */
-              ),
-              a(
-                "span",
-                null,
-                y(e.texts.dropHereOr),
-                1
-                /* TEXT */
-              ),
-              s(i(h), {
-                label: e.texts.chooseFile,
-                onClick: B
-              }, null, 8, ["label"])
-            ])) : t.value ? (n(), c("div", le, [
-              a("div", te, [
-                r.value ? (n(), c("div", ie, [
-                  a("img", {
-                    src: r.value,
-                    alt: e.texts.preview
-                  }, null, 8, oe)
-                ])) : (n(), w(
-                  i(u),
-                  F({
-                    key: 1,
-                    class: "q-file-input__preview"
-                  }, e.icons.file),
-                  null,
-                  16
-                  /* FULL_PROPS */
-                )),
-                a("div", ae, [
-                  a(
-                    "span",
-                    ne,
-                    y(t.value.name),
-                    1
-                    /* TEXT */
-                  ),
-                  a(
-                    "span",
-                    se,
-                    y(t.value.type),
-                    1
-                    /* TEXT */
-                  )
-                ])
-              ]),
-              p.value ? (n(), c("div", re, [
-                s(i(h), {
-                  title: e.texts.download,
-                  borderless: "",
-                  onClick: U
-                }, {
-                  default: _(() => [
-                    s(
-                      i(u),
-                      v(m(e.icons.download)),
-                      null,
-                      16
-                      /* FULL_PROPS */
-                    )
-                  ]),
-                  _: 1
-                  /* STABLE */
-                }, 8, ["title"]),
-                s(i(h), {
-                  title: e.texts.remove,
-                  borderless: "",
-                  onClick: V
-                }, {
-                  default: _(() => [
-                    s(
-                      i(u),
-                      v(m(e.icons.remove)),
-                      null,
-                      16
-                      /* FULL_PROPS */
-                    )
-                  ]),
-                  _: 1
-                  /* STABLE */
-                }, 8, ["title"])
-              ])) : j("v-if", !0)
-            ])) : (n(), c("div", de, [
-              s(
-                i(u),
-                v(m(e.icons.empty)),
-                null,
-                16
-                /* FULL_PROPS */
-              ),
-              M(
-                " " + y(e.texts.empty),
-                1
-                /* TEXT */
-              )
-            ]))
-          ],
-          2
-          /* CLASS */
-        )
-      ]),
-      _: 2
-      /* DYNAMIC */
-    }, [
-      l.$slots.extras ? {
-        name: "extras",
-        fn: _(() => [
-          $(l.$slots, "extras")
-        ]),
-        key: "0"
-      } : void 0
-    ]), 1032, ["for", "label", "label-position", "size", "readonly", "disabled", "required", "invalid"]));
-  }
+import { QButton as e } from "../QButton/index.js";
+import { QIcon as t } from "../QIcon/index.js";
+import { useId as n } from "../../composables/uid.js";
+import { QField as r } from "../QField/index.js";
+import { DEFAULT_ICONS as i, DEFAULT_TEXTS as a } from "./constants.js";
+import { useDropZone as o } from "../../composables/useDropZone/index.js";
+import { downloadFile as s } from "../../utils/download.js";
+import { computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createSlots as p, createTextVNode as m, createVNode as h, defineComponent as g, guardReactiveProps as _, mergeModels as v, mergeProps as y, normalizeClass as b, normalizeProps as x, openBlock as S, ref as C, renderSlot as w, toDisplayString as T, toRef as E, unref as D, useModel as O, watch as k, withCtx as A } from "vue";
+//#region src/components/QFileUpload/QFileUpload.vue?vue&type=script&setup=true&lang.ts
+var j = [
+	"id",
+	"accept",
+	"required",
+	"readonly",
+	"disabled"
+], M = {
+	key: 0,
+	class: "q-file-input__drop-area"
+}, N = {
+	key: 1,
+	class: "q-file-input__file-details"
+}, P = { class: "q-file-input__attached-file" }, F = {
+	key: 0,
+	class: "q-file-input__preview q-file-input__image-preview"
+}, I = ["src", "alt"], L = { class: "q-file-input__file-meta" }, R = { class: "q-file-input__file-name" }, z = { class: "q-file-input__file-type" }, B = {
+	key: 0,
+	class: "q-file-input__action-buttons"
+}, V = {
+	key: 2,
+	class: "q-file-input__empty-container"
+}, H = /*@__PURE__*/ g({
+	inheritAttrs: !1,
+	__name: "QFileUpload",
+	props: /*@__PURE__*/ v({
+		id: {},
+		class: {},
+		label: {},
+		required: { type: Boolean },
+		for: {},
+		labelPosition: {},
+		size: { default: "large" },
+		readonly: { type: Boolean },
+		disabled: { type: Boolean },
+		invalid: { type: Boolean },
+		accept: {},
+		icons: { default: () => i },
+		texts: { default: () => a }
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(i) {
+		let a = i, g = O(i, "modelValue"), v = n(E(a, "id")), H = c(() => !a.readonly && !a.disabled), U = C(null);
+		k(g, (e) => {
+			U.value && URL.revokeObjectURL(U.value), U.value = e && e.type.startsWith("image/") ? URL.createObjectURL(e) : null;
+		});
+		let W = C(null);
+		function G() {
+			W.value?.click();
+		}
+		function K(e) {
+			let t = e.target;
+			t?.files?.[0] && (g.value = t.files[0]);
+		}
+		function q() {
+			g.value && s(g.value);
+		}
+		function J() {
+			g.value = void 0, W.value && (W.value.value = "");
+		}
+		function Y(e) {
+			if (!H.value) return;
+			let t = e?.[0];
+			t && (g.value = t);
+		}
+		let X = C(null), Z = c(() => Array.isArray(a.accept) ? a.accept : a.accept ? a.accept.split(",").map((e) => e.trim()) : []), Q = c(() => Z.value?.join(",")), { isOverDropZone: $, isValid: ee } = o(X, {
+			onDrop: Y,
+			accept: Z,
+			enabled: c(() => H.value && !g.value)
+		}), te = c(() => [
+			"q-field__control",
+			"q-file-input",
+			{ "q-file-input--highlighted": $.value && ee.value },
+			a.class
+		]);
+		return (n, i) => (S(), l(D(r), {
+			for: D(v),
+			label: a.label,
+			"label-position": a.labelPosition,
+			size: a.size,
+			readonly: a.readonly,
+			disabled: a.disabled,
+			required: a.required,
+			invalid: a.invalid
+		}, p({
+			control: A(() => [f("div", {
+				ref_key: "dropZoneRef",
+				ref: X,
+				class: b(te.value)
+			}, [f("input", y({
+				id: D(v),
+				ref_key: "fileInput",
+				ref: W,
+				type: "file",
+				class: "q-file-input__file-input",
+				accept: Q.value,
+				required: a.required,
+				readonly: a.readonly,
+				disabled: a.disabled
+			}, n.$attrs, { onChange: K }), null, 16, j), !g.value && H.value ? (S(), d("div", M, [
+				h(D(t), x(_(a.icons.upload)), null, 16),
+				f("span", null, T(a.texts.dropHereOr), 1),
+				h(D(e), {
+					label: a.texts.chooseFile,
+					onClick: G
+				}, null, 8, ["label"])
+			])) : g.value ? (S(), d("div", N, [f("div", P, [U.value ? (S(), d("div", F, [f("img", {
+				src: U.value,
+				alt: a.texts.preview
+			}, null, 8, I)])) : (S(), l(D(t), y({
+				key: 1,
+				class: "q-file-input__preview"
+			}, a.icons.file), null, 16)), f("div", L, [f("span", R, T(g.value.name), 1), f("span", z, T(g.value.type), 1)])]), H.value ? (S(), d("div", B, [h(D(e), {
+				title: a.texts.download,
+				borderless: "",
+				onClick: q
+			}, {
+				default: A(() => [h(D(t), x(_(a.icons.download)), null, 16)]),
+				_: 1
+			}, 8, ["title"]), h(D(e), {
+				title: a.texts.remove,
+				borderless: "",
+				onClick: J
+			}, {
+				default: A(() => [h(D(t), x(_(a.icons.remove)), null, 16)]),
+				_: 1
+			}, 8, ["title"])])) : u("v-if", !0)])) : (S(), d("div", V, [h(D(t), x(_(a.icons.empty)), null, 16), m(" " + T(a.texts.empty), 1)]))], 2)]),
+			_: 2
+		}, [n.$slots.extras ? {
+			name: "extras",
+			fn: A(() => [w(n.$slots, "extras")]),
+			key: "0"
+		} : void 0]), 1032, [
+			"for",
+			"label",
+			"label-position",
+			"size",
+			"readonly",
+			"disabled",
+			"required",
+			"invalid"
+		]));
+	}
 });
-export {
-  be as default
-};
+//#endregion
+export { H as default };

package/esm/components/QFileUpload/QFileUpload2.vue.js

@@ -0,0 +1,5 @@
+import e from "./QFileUpload.vue.js";
+//#region src/components/QFileUpload/QFileUpload.vue
+var t = e;
+//#endregion
+export { t as default };

package/esm/components/QFileUpload/constants.js

@@ -1,28 +1,17 @@
-const e = {
-  remove: {
-    icon: "close"
-  },
-  download: {
-    icon: "download"
-  },
-  upload: {
-    icon: "upload"
-  },
-  file: {
-    icon: "file"
-  },
-  empty: {
-    icon: "diameter-variant"
-  }
-}, o = {
-  dropHereOr: "Drop here or",
-  chooseFile: "Choose file",
-  preview: "Preview",
-  download: "Download attached file",
-  remove: "Remove attached file",
-  empty: "No document attached"
-};
-export {
-  e as DEFAULT_ICONS,
-  o as DEFAULT_TEXTS
+//#region src/components/QFileUpload/constants.ts
+var e = {
+	remove: { icon: "close" },
+	download: { icon: "download" },
+	upload: { icon: "upload" },
+	file: { icon: "file" },
+	empty: { icon: "diameter-variant" }
+}, t = {
+	dropHereOr: "Drop here or",
+	chooseFile: "Choose file",
+	preview: "Preview",
+	download: "Download attached file",
+	remove: "Remove attached file",
+	empty: "No document attached"
 };
+//#endregion
+export { e as DEFAULT_ICONS, t as DEFAULT_TEXTS };

package/esm/components/QFileUpload/index.js

@@ -1,6 +1,6 @@
-import o from "./QFileUpload.vue.js";
-import { setupPropsProxy as r } from "../../utils/setupPropsProxy.js";
-const t = r(o);
-export {
-  t as QFileUpload
-};
+import { setupPropsProxy as e } from "../../utils/setupPropsProxy.js";
+import t from "./QFileUpload2.vue.js";
+//#region src/components/QFileUpload/index.ts
+var n = e(t);
+//#endregion
+export { n as QFileUpload };