@agrotools1/at-components 0.6.3 → 0.6.4

package/dist/Upload/UploaderInput/UploaderInput.d.ts

@@ -38,6 +38,8 @@ declare const _default: import('vue').DefineComponent<{
 }, {
     dropAreaElem: import('vue').Ref<HTMLDivElement | null | undefined>;
     dropAreaClasses: import('vue').Ref<string[]>;
+    resetFileInput: () => void;
+    fileInputRef: import('vue').Ref<HTMLInputElement | null>;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
     uploadText: {
         type: StringConstructor;

package/dist/Upload/UploaderInput/UploaderInput.vue.js

@@ -1,39 +1,42 @@
-import m from "./UploaderInput.vue2.js";
-import { resolveComponent as a, openBlock as f, createElementBlock as c, normalizeClass as $, withModifiers as n, createVNode as p, createElementVNode as l, withCtx as s, createTextVNode as i, toDisplayString as d } from "vue";
+import f from "./UploaderInput.vue2.js";
+import { resolveComponent as a, openBlock as m, createElementBlock as c, normalizeClass as $, withModifiers as n, createVNode as p, createElementVNode as l, withCtx as s, createTextVNode as i, toDisplayString as d } from "vue";
 import "./UploaderInput.vue3.js";
-import g from "../../_virtual/_plugin-vue_export-helper.js";
-const v = ["multiple", "accept"], A = { class: "at-uploader-input-file-label pointer" };
-function I(t, e, b, C, D, _) {
+import I from "../../_virtual/_plugin-vue_export-helper.js";
+const g = ["multiple", "accept"], v = { class: "at-uploader-input-file-label pointer" };
+function A(e, t, w, C, D, b) {
   const u = a("AtIllustration"), r = a("AtParagraph");
-  return f(), c("label", {
+  return m(), c("label", {
     ref: "dropAreaElem",
     for: "inputFile",
-    class: $(t.dropAreaClasses),
-    onDragover: e[1] || (e[1] = n(() => {
+    class: $(e.dropAreaClasses),
+    onDragover: t[1] || (t[1] = n(() => {
     }, ["prevent"])),
-    onDragenter: e[2] || (e[2] = n(() => {
+    onDragenter: t[2] || (t[2] = n(() => {
     }, ["prevent"])),
-    onDrop: e[3] || (e[3] = (o) => t.$props.handleDrop(o))
+    onDrop: t[3] || (t[3] = (o) => e.$props.handleDrop(o))
   }, [
     p(u, { illustration: "cloudUpload" }),
     l("input", {
       id: "inputFile",
+      ref: "fileInputRef",
       class: "w-100 h-100 at-uploader-input",
-      multiple: t.$props.multipleSelect,
+      multiple: e.$props.multipleSelect,
       type: "file",
       label: "",
-      accept: t.$props.acceptTypesInput,
-      onChange: e[0] || (e[0] = (o) => t.$props.handleFileUpload(o))
-    }, null, 40, v),
+      accept: e.$props.acceptTypesInput,
+      onChange: t[0] || (t[0] = async (o) => {
+        await e.$props.handleFileUpload(o), e.resetFileInput();
+      })
+    }, null, 40, g),
     l("div", null, [
-      l("span", A, [
+      l("span", v, [
         p(r, {
           size: "p1",
           weight: "bold",
           class: "at-uploader-text"
         }, {
           default: s(() => [
-            i(d(t.$props.uploadText), 1)
+            i(d(e.$props.uploadText), 1)
           ]),
           _: 1
         }),
@@ -42,7 +45,7 @@ function I(t, e, b, C, D, _) {
           class: "at-uploader-interaction-text"
         }, {
           default: s(() => [
-            i(d(t.$props.uploadInteractionText), 1)
+            i(d(e.$props.uploadInteractionText), 1)
           ]),
           _: 1
         })
@@ -50,7 +53,7 @@ function I(t, e, b, C, D, _) {
     ])
   ], 34);
 }
-const z = /* @__PURE__ */ g(m, [["render", I], ["__scopeId", "data-v-746db2c1"]]);
+const _ = /* @__PURE__ */ I(f, [["render", A], ["__scopeId", "data-v-4f7a297e"]]);
 export {
-  z as default
+  _ as default
 };

package/dist/Upload/UploaderInput/UploaderInput.vue2.js

@@ -1,7 +1,7 @@
-import { defineComponent as a, ref as r, onMounted as o } from "vue";
+import { defineComponent as n, ref as r, onMounted as u } from "vue";
 import p from "../../Illustration/Illustration.vue.js";
-import { AtTipograph as n } from "../../Tipograph/index.js";
-const d = a({
+import { AtTipograph as l } from "../../Tipograph/index.js";
+const f = n({
   test: {
     globals: !0,
     environment: "jsdom"
@@ -9,7 +9,7 @@ const d = a({
   name: "UploaderInput",
   components: {
     AtIllustration: p,
-    AtParagraph: n.Paragraph
+    AtParagraph: l.Paragraph
   },
   props: {
     uploadText: {
@@ -48,12 +48,16 @@ const d = a({
     }
   },
   setup() {
-    const e = r(), t = r(["at-uploader-input-container"]);
-    return o(() => {
+    const e = r(), t = r(["at-uploader-input-container"]), a = r(null);
+    u(() => {
       e.value.ondragover = () => t.value = ["at-uploader-input-container", "dragging"], e.value.ondrop = () => t.value = ["at-uploader-input-container"];
-    }), { dropAreaElem: e, dropAreaClasses: t };
+    });
+    function o() {
+      a.value && (a.value.value = "");
+    }
+    return { dropAreaElem: e, dropAreaClasses: t, resetFileInput: o, fileInputRef: a };
   }
 });
 export {
-  d as default
+  f as default
 };