@agrotools1/at-components 0.5.1 → 0.5.3

package/dist/Upload/MultipleUpload/MultipleUpload.d.ts

@@ -0,0 +1,257 @@
+import { type PropType } from "vue";
+declare const _default: import("vue").DefineComponent<{
+    warningTextUpload: {
+        type: StringConstructor;
+        required: true;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    loadingText: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    completeText: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    progressInterval: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+        validator: (value: number) => boolean;
+    };
+    interactiveTextButton: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    interactiveTexthref: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    interactiveTextDownloadName: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    warningFunction: {
+        type: FunctionConstructor;
+        required: false;
+        default: () => void;
+    };
+    multipleSelect: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+        validator: (value: boolean) => boolean;
+    };
+    uploadText: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    uploadInteractionText: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    uploadProgress: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+        validator: (value: number) => boolean;
+    };
+    acceptTypes: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    acceptTypesInput: {
+        type: StringConstructor;
+        default: string;
+    };
+    maxFileSize: {
+        type: NumberConstructor;
+        required: false;
+        default: undefined;
+        validator: (value: number) => boolean;
+    };
+    maxTotalSize: {
+        type: NumberConstructor;
+        required: false;
+        default: undefined;
+        validator: (value: number) => boolean;
+    };
+    maxFiles: {
+        type: NumberConstructor;
+        required: false;
+        default: undefined;
+        validator: (value: number) => boolean;
+    };
+}, {
+    handleDrop: (event: DragEvent) => void;
+    handleFileUpload: (event: Event) => Promise<void>;
+    handleRemove: (fileToRemove: File) => void;
+    handleUpdateProgressOnParent: (newValue: number) => void;
+    getAcceptedFiles: (files: File[]) => File[];
+    isMaxTotalFilesSizeInRange: (newFiles: File[]) => boolean;
+    isMaxFilesInRange: (newFiles: File[]) => boolean;
+    isTypeAccepted: (file: File) => boolean;
+    isSizeAccepted: (file: File) => boolean;
+    files: import("vue").Ref<{
+        readonly lastModified: number;
+        readonly name: string;
+        readonly webkitRelativePath: string;
+        readonly size: number;
+        readonly type: string;
+        arrayBuffer: () => Promise<ArrayBuffer>;
+        slice: (start?: number | undefined, end?: number | undefined, contentType?: string | undefined) => Blob;
+        stream: () => ReadableStream<Uint8Array>;
+        text: () => Promise<string>;
+    }[]>;
+    progress: import("vue").Ref<number>;
+    inputStyle: import("vue").ComputedRef<{
+        height: string;
+        width: string;
+    } | {
+        width: string;
+        height?: undefined;
+    }>;
+    uploaderContainerStyle: import("vue").ComputedRef<{
+        width: string;
+        padding: string;
+    } | {
+        width?: undefined;
+        padding?: undefined;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("updateProgress" | "updateFile" | "uploadError")[], "updateProgress" | "updateFile" | "uploadError", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    warningTextUpload: {
+        type: StringConstructor;
+        required: true;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    loadingText: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    completeText: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    progressInterval: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+        validator: (value: number) => boolean;
+    };
+    interactiveTextButton: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    interactiveTexthref: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    interactiveTextDownloadName: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    warningFunction: {
+        type: FunctionConstructor;
+        required: false;
+        default: () => void;
+    };
+    multipleSelect: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+        validator: (value: boolean) => boolean;
+    };
+    uploadText: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    uploadInteractionText: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    uploadProgress: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+        validator: (value: number) => boolean;
+    };
+    acceptTypes: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    acceptTypesInput: {
+        type: StringConstructor;
+        default: string;
+    };
+    maxFileSize: {
+        type: NumberConstructor;
+        required: false;
+        default: undefined;
+        validator: (value: number) => boolean;
+    };
+    maxTotalSize: {
+        type: NumberConstructor;
+        required: false;
+        default: undefined;
+        validator: (value: number) => boolean;
+    };
+    maxFiles: {
+        type: NumberConstructor;
+        required: false;
+        default: undefined;
+        validator: (value: number) => boolean;
+    };
+}>> & {
+    onUpdateProgress?: ((...args: any[]) => any) | undefined;
+    onUpdateFile?: ((...args: any[]) => any) | undefined;
+    onUploadError?: ((...args: any[]) => any) | undefined;
+}, {
+    warningTextUpload: string;
+    interactiveTextButton: string;
+    interactiveTexthref: string;
+    interactiveTextDownloadName: string;
+    warningFunction: Function;
+    uploadText: string;
+    uploadInteractionText: string;
+    multipleSelect: boolean;
+    acceptTypes: string[];
+    acceptTypesInput: string;
+    loadingText: string;
+    completeText: string;
+    progressInterval: number;
+    uploadProgress: number;
+    maxFileSize: number;
+    maxTotalSize: number;
+    maxFiles: number;
+}, {}>;
+export default _default;

package/dist/Upload/MultipleUpload/MultipleUpload.vue.js

@@ -0,0 +1,58 @@
+import c from "./MultipleUpload.vue2.js";
+import { resolveComponent as p, openBlock as t, createElementBlock as o, createVNode as r, createElementVNode as n, normalizeStyle as l, Fragment as m, renderList as v, createCommentVNode as f, pushScopeId as h, popScopeId as y } from "vue";
+import "./MultipleUpload.vue3.js";
+import $ from "../../_virtual/_plugin-vue_export-helper.js";
+const g = (e) => (h("data-v-86b31a14"), e = e(), y(), e), w = { class: "at-uploader-multiple-input-container" }, U = {
+  key: 0,
+  class: "at-uploader-file-container"
+}, I = /* @__PURE__ */ g(() => /* @__PURE__ */ n("span", null, "Arquivos", -1)), T = { class: "at-uploader-files" };
+function S(e, P, B, _, b, k) {
+  const i = p("UploaderHeader"), s = p("UploaderInput"), d = p("AtProgressBar");
+  return t(), o("div", null, [
+    r(i, {
+      "warning-text-upload": e.$props.warningTextUpload,
+      "interactive-text-button": e.$props.interactiveTextButton,
+      "interactive-texthref": e.$props.interactiveTexthref,
+      "interactive-text-download-name": e.$props.interactiveTextDownloadName,
+      "warning-function": e.$props.warningFunction
+    }, null, 8, ["warning-text-upload", "interactive-text-button", "interactive-texthref", "interactive-text-download-name", "warning-function"]),
+    n("div", {
+      class: "at-uploader-multiple",
+      style: l(e.uploaderContainerStyle)
+    }, [
+      n("div", w, [
+        r(s, {
+          style: l(e.inputStyle),
+          "handle-drop": e.handleDrop,
+          "upload-text": e.$props.uploadText,
+          "upload-interaction-text": e.$props.uploadInteractionText,
+          "multiple-select": e.$props.multipleSelect,
+          "accept-types": e.$props.acceptTypes,
+          "accept-types-input": e.$props.acceptTypesInput,
+          "handle-file-upload": e.handleFileUpload
+        }, null, 8, ["style", "handle-drop", "upload-text", "upload-interaction-text", "multiple-select", "accept-types", "accept-types-input", "handle-file-upload"])
+      ]),
+      e.files && e.files.length ? (t(), o("div", U, [
+        I,
+        n("div", T, [
+          (t(!0), o(m, null, v(e.files, (a, u) => (t(), o("div", {
+            key: a.name + u,
+            class: "at-uploader-file"
+          }, [
+            r(d, {
+              file: a,
+              "handle-remove-file": () => e.handleRemove(a),
+              "is-only-use": !1,
+              interval: e.$props.progressInterval,
+              onUpdateProgress: e.handleUpdateProgressOnParent
+            }, null, 8, ["file", "handle-remove-file", "interval", "onUpdateProgress"])
+          ]))), 128))
+        ])
+      ])) : f("", !0)
+    ], 4)
+  ]);
+}
+const V = /* @__PURE__ */ $(c, [["render", S], ["__scopeId", "data-v-86b31a14"]]);
+export {
+  V as default
+};

package/dist/Upload/MultipleUpload/MultipleUpload.vue2.js

@@ -0,0 +1,187 @@
+import { defineComponent as h, ref as g, computed as y } from "vue";
+import x from "../../ProgressBar/ProgressBar.vue.js";
+import q from "../UploaderHeader/UploaderHeader.vue.js";
+import T from "../UploaderInput/UploaderInput.vue.js";
+const I = h({
+  name: "MultipleUpload",
+  components: {
+    AtProgressBar: x,
+    UploaderHeader: q,
+    UploaderInput: T
+  },
+  props: {
+    warningTextUpload: {
+      type: String,
+      required: !0,
+      default: "Texto de aviso sobre o upload",
+      validator: (e) => typeof e == "string"
+    },
+    loadingText: {
+      type: String,
+      required: !1,
+      default: "Estamos analisando o arquivo, em breve, retornaremos com os resultados.",
+      validator: (e) => typeof e == "string"
+    },
+    completeText: {
+      type: String,
+      required: !1,
+      default: "O upload foi concluído.",
+      validator: (e) => typeof e == "string"
+    },
+    progressInterval: {
+      type: Number,
+      required: !1,
+      default: 1e3,
+      validator: (e) => typeof e == "number"
+    },
+    interactiveTextButton: {
+      type: String,
+      required: !1,
+      default: "",
+      validator: (e) => typeof e == "string"
+    },
+    interactiveTexthref: {
+      type: String,
+      required: !1,
+      default: "",
+      validator: (e) => typeof e == "string"
+    },
+    interactiveTextDownloadName: {
+      type: String,
+      required: !1,
+      default: "",
+      validator: (e) => typeof e == "string"
+    },
+    warningFunction: {
+      type: Function,
+      required: !1,
+      default: () => {
+        console.warn("This is a warning");
+      }
+    },
+    multipleSelect: {
+      type: Boolean,
+      required: !1,
+      default: !1,
+      validator: (e) => typeof e == "boolean"
+    },
+    uploadText: {
+      type: String,
+      required: !1,
+      default: "Importe seu arquivo aqui",
+      validator: (e) => typeof e == "string"
+    },
+    uploadInteractionText: {
+      type: String,
+      required: !1,
+      default: "Arraste ou clique para fazer upload do arquivo",
+      validator: (e) => typeof e == "string"
+    },
+    uploadProgress: {
+      type: Number,
+      required: !1,
+      default: 0,
+      validator: (e) => typeof e == "number"
+    },
+    acceptTypes: {
+      type: Array,
+      default: () => []
+    },
+    acceptTypesInput: {
+      type: String,
+      default: "*"
+    },
+    maxFileSize: {
+      type: Number,
+      required: !1,
+      default: void 0,
+      validator: (e) => typeof e == "number"
+    },
+    maxTotalSize: {
+      type: Number,
+      required: !1,
+      default: void 0,
+      validator: (e) => typeof e == "number"
+    },
+    maxFiles: {
+      type: Number,
+      required: !1,
+      default: void 0,
+      validator: (e) => typeof e == "number"
+    }
+  },
+  emits: ["updateFile", "updateProgress", "uploadError"],
+  setup(e, { emit: l }) {
+    const r = g([]), u = g(e.uploadProgress), v = (t) => {
+      if (t.preventDefault(), t.dataTransfer) {
+        const a = Array.from(t.dataTransfer.files), o = d(a);
+        o.length && (r.value.push(...o), l("updateFile", r.value));
+      }
+    }, d = (t) => {
+      const a = [];
+      if (!c(t) || !m(t))
+        return [];
+      const o = t.filter((i) => {
+        const n = f(i), s = p(i);
+        return n || a.push({
+          file: i,
+          message: `O tipo (${i.type}) do arquivo ${i.name} não é suportado. `
+        }), s || a.push({
+          file: i,
+          message: `O tamanho do arquivo ${i.name} excedeu o limite permitido. `
+        }), n && s;
+      });
+      return a.length && (console.warn(a.map((i) => i.message).join(`
+`)), l("uploadError", a)), o;
+    }, p = (t) => e.maxFileSize ? t.size < e.maxFileSize : !0, f = (t) => e.acceptTypes.length ? e.acceptTypes.map((o) => o.toLowerCase()).includes(t.type.toLowerCase()) : !0, c = (t) => {
+      const a = [], o = t.length + r.value.length;
+      return e.maxFiles && o > e.maxFiles ? (a.push({
+        file: t[0],
+        message: `O tamanho limite de arquivos foi excedido (${e.maxFiles})`
+      }), console.warn(a.map((i) => i.message).join(`
+`)), l("uploadError", a), !1) : !0;
+    }, m = (t) => {
+      const a = [], o = r.value.reduce(
+        (n, s) => n + s.size,
+        0
+      ), i = t.reduce(
+        (n, s) => n + s.size,
+        0
+      );
+      return e.maxTotalSize && i + o > e.maxTotalSize ? (a.push({
+        file: t[0],
+        message: `A soma de tamanho dos arquivos foi excedida, máximo permitido: ${e.maxTotalSize} B `
+      }), console.warn(a.map((n) => n.message).join(`
+`)), l("uploadError", a), !1) : !0;
+    };
+    return {
+      handleDrop: v,
+      handleFileUpload: async (t) => {
+        const a = t.target.files;
+        if (!a)
+          return;
+        const o = d(Array.from(a));
+        o.length && (r.value.push(...o), l("updateFile", r.value));
+      },
+      handleRemove: (t) => {
+        const a = r.value.indexOf(t);
+        a !== -1 && (r.value.splice(a, 1), r.value.length === 0 && (u.value = 0, l("updateProgress", 0)), l("updateFile", r.value));
+      },
+      handleUpdateProgressOnParent: (t) => {
+        u.value = t, l("updateProgress", u.value);
+      },
+      getAcceptedFiles: d,
+      isMaxTotalFilesSizeInRange: m,
+      isMaxFilesInRange: c,
+      isTypeAccepted: f,
+      isSizeAccepted: p,
+      files: r,
+      progress: u,
+      inputStyle: y(() => r.value.length > 0 ? { height: "256px", width: "256px" } : { width: "100%" }),
+      uploaderContainerStyle: y(() => r.value.length <= 0 ? { width: "100%", padding: "0px" } : {})
+    };
+  }
+});
+export {
+  I as default
+};

package/dist/Upload/MultipleUpload/MultipleUpload.vue3.js

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};