hisonvue 1.0.0

package/dist/HFileset-BGuP9O4l.mjs

@@ -0,0 +1,578 @@
+import { defineComponent as Me, ref as i, computed as N, onMounted as ze, onBeforeUnmount as Ne, watch as o, nextTick as _, resolveComponent as xe, createElementBlock as F, openBlock as T, normalizeClass as x, createElementVNode as O, normalizeStyle as $e, createCommentVNode as de, withModifiers as W, toDisplayString as X, Fragment as re, renderList as Ae, renderSlot as ee, createVNode as ke, withCtx as Be } from "vue";
+import { E as Ee, y as D, g as Le, l as y, u as Oe, j as ve, t as le, h as S, e as je, a as Re, b as fe, r as He, c as Ve, d as Pe } from "./index-DUh7pai4.mjs";
+import { _ as Ue } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const Je = {
+  /**
+   * Unique identifier for the file set.
+   * - Access methods via `hison.component.getFileset(id)`
+   * - ⚠️ Duplicate `id` will throw at mount time
+   */
+  id: { type: String, required: !1 },
+  /**
+   * Custom class for the root (string / array / object supported).
+   * - Works with responsive classes like `hison-col-*`, `hison-size-*`, etc.
+   */
+  class: {
+    type: [String, Array, Object],
+    required: !1
+  },
+  /**
+   * Inline style for the root (string | object | array of objects).
+   */
+  style: {
+    type: [String, Object, Array],
+    required: !1
+  },
+  /**
+   * Visibility of the component.
+   * - Boolean only. Use `:visible="false"`
+   */
+  visible: { type: Boolean, default: !0 },
+  /**
+   * Edit mode of the component.
+   * - 'editable' | 'readonly' | 'disable'
+   */
+  editMode: {
+    type: String,
+    default: D.editable,
+    validator: (l) => Ee.includes(l)
+  },
+  /**
+   * v-model: list of attached files.
+   */
+  modelValue: {
+    type: Array,
+    default: () => []
+  },
+  /**
+   * Attachment group id for backend linkage.
+   */
+  attId: { type: String, default: "" },
+  /**
+   * Text for the "Add" button. (Use `#add-button` slot to fully customize.)
+   */
+  addButtonText: { type: String, default: "Add" },
+  /**
+   * Text for the "Remove" button. (Use `#remove-button` slot to fully customize.)
+   */
+  removeButtonText: { type: String, default: "x" },
+  /**
+   * Placeholder text when list is empty.
+   */
+  placeholder: { type: String, default: "There are no files." },
+  /**
+   * Enable drag-and-drop file upload.
+   */
+  enableDrop: { type: Boolean, default: !0 },
+  /**
+   * Custom download handler. Overrides default behavior when provided.
+   */
+  downloadHandler: {
+    type: Function,
+    default: void 0
+  },
+  /**
+   * Wrap files into multiple columns (UI option).
+   */
+  multiCols: { type: Boolean, default: !1 },
+  /**
+   * Allow multiple file selection.
+   */
+  multiple: { type: Boolean, default: !0 },
+  /**
+   * Allowed file types (string or string[]).
+   * - Accepts MIME types ('image/png') or extensions ('.jpg').
+   * - Comma-separated string will be split internally.
+   * - Takes precedence over `disallowedTypes`.
+   */
+  allowedTypes: {
+    type: [String, Array],
+    default: void 0,
+    validator: (l) => l === void 0 || typeof l == "string" || Array.isArray(l) && l.every((a) => typeof a == "string")
+  },
+  /**
+   * Disallowed file types (string or string[]).
+   * - MIME types or extensions. Comma-separated string supported.
+   * - Ignored if `allowedTypes` is set.
+   */
+  disallowedTypes: {
+    type: [String, Array],
+    default: void 0,
+    validator: (l) => l === void 0 || typeof l == "string" || Array.isArray(l) && l.every((a) => typeof a == "string")
+  },
+  /**
+   * Max file size per file (bytes). Infinity = no limit.
+   */
+  maxFileSize: {
+    type: Number,
+    default: 1 / 0,
+    validator: (l) => Number.isFinite(l) && l >= 0 || l === 1 / 0
+  },
+  /**
+   * Max total size of all files (bytes). Infinity = no limit.
+   */
+  maxTotalFileSize: {
+    type: Number,
+    default: 1 / 0,
+    validator: (l) => Number.isFinite(l) && l >= 0 || l === 1 / 0
+  },
+  /**
+   * Max number of files (0 = unlimited).
+   */
+  maxFileCount: {
+    type: Number,
+    default: 0,
+    validator: (l) => Number.isInteger(l) && l >= 0
+  },
+  /**
+   * Callback when file type is disallowed.
+   * (file, allowedTypes[]|null, disallowedTypes[]|null) => void
+   */
+  onDisallowedType: {
+    type: Function,
+    default: void 0
+  },
+  /**
+   * Callback when a file exceeds `maxFileSize`.
+   * (file, size, max) => void
+   */
+  onMaxFileSizeExceeded: {
+    type: Function,
+    default: void 0
+  },
+  /**
+   * Callback when total size exceeds `maxTotalFileSize`.
+   * (file, total, max) => void
+   */
+  onMaxTotalSizeExceeded: {
+    type: Function,
+    default: void 0
+  },
+  /**
+   * Controls keyboard focus order of the element.
+   * - `0` enables natural tab navigation, positive numbers set custom order.
+   * - `null` or `''` removes tabindex (not focusable).
+   */
+  tabIndex: {
+    type: [Number, String],
+    default: null,
+    validator: (l) => l === null || l === "" || !isNaN(+l) && isFinite(+l)
+  }
+}, qe = Me({
+  name: "HFileset",
+  props: Je,
+  emits: [
+    "mounted",
+    "responsive-change",
+    "update:modelValue",
+    "add",
+    "remove",
+    "focus",
+    "blur",
+    "download",
+    "change"
+  ],
+  setup(l, { emit: a }) {
+    const $ = i(null), n = i([...l.modelValue]), m = i(null), v = l.id ? l.id : Le(), j = `hbutton:${v}`, s = i(l.visible), d = i(l.editMode), R = N(() => d.value === D.disable), ce = N(() => d.value === D.readonly), ye = N(() => d.value !== D.editable ? `hison-fileset-${d.value}` : ""), me = N(() => s.value ? "" : "hison-display-none"), K = i(l.attId || ""), H = i(l.addButtonText || ""), V = i(l.removeButtonText || ""), P = i(l.placeholder ?? ""), Y = i(!1), A = i(l.enableDrop), U = i(typeof l.downloadHandler == "function" ? l.downloadHandler : void 0), J = i(l.multiCols ?? !1), w = i(l.multiple ?? !1), Q = i(!1), be = N(() => {
+      if (b.value.length === 0) return "";
+      const e = new Set(C.value.map((u) => u.toLowerCase())), t = b.value.filter((u) => !e.has(u.toLowerCase()));
+      return t.length > 0 ? t.join(",") : void 0;
+    }), b = i(Array.isArray(l.allowedTypes) ? l.allowedTypes : l.allowedTypes ? l.allowedTypes.split(",") : []), C = i(Array.isArray(l.disallowedTypes) ? l.disallowedTypes : l.disallowedTypes ? l.disallowedTypes.split(",") : []), g = i(l.maxFileSize ?? y.getMaxFilesetSize()), I = i(l.maxTotalFileSize ?? y.getMaxFilesetTotalSize()), k = i(l.maxFileCount), p = i(typeof l.onDisallowedType == "function" ? l.onDisallowedType : void 0), B = i(typeof l.onMaxFileSizeExceeded == "function" ? l.onMaxFileSizeExceeded : void 0), E = i(typeof l.onMaxTotalSizeExceeded == "function" ? l.onMaxTotalSizeExceeded : void 0), q = i(
+      l.tabIndex !== null && l.tabIndex !== "" ? Number(l.tabIndex) : null
+    ), te = Oe(), L = i([]), Z = () => {
+      L.value = je(le(l.class) || "", te.value), Re(L.value, "col") === -1 && L.value.push("hison-col-12"), fe(L.value, "size", S.componentStyle.size), fe(L.value, "color", "primary");
+    }, ge = N(() => {
+      const e = [];
+      return e.push(...ve(le(l.class) || "", "size")), e.push(...ve(le(l.class) || "", "color")), e;
+    }), pe = () => {
+      var e;
+      (e = $.value) == null || e.click();
+    }, he = (e) => {
+      var r, M, f;
+      const t = e.type, u = "." + ((r = e.name.split(".").pop()) == null ? void 0 : r.toLowerCase());
+      return b.value.length > 0 && !b.value.some((z) => z === t || z === u) ? (console.warn(`File type not in allowedTypes: ${t} / ${u}`), (M = p.value) == null || M.call(p, e, b.value, null), !1) : C.value.length > 0 && C.value.some((z) => z === t || z === u) ? (console.warn(`File type is in disallowedTypes: ${t} / ${u}`), (f = p.value) == null || f.call(p, e, null, C.value), !1) : !0;
+    }, we = (e) => {
+      var t;
+      return typeof g.value == "number" && Number.isFinite(g.value) && e.size > g.value ? (console.warn(`File too large: ${e.name}
+Max size: ${g.value} Byte`), (t = B.value) == null || t.call(B, e, e.size, g.value), !1) : !0;
+    }, ae = (e) => {
+      var M;
+      let t = e.filter(
+        (f) => we(f) && he(f)
+      );
+      !w.value && t.length > 1 && (t = [t[0]]);
+      let u = !1;
+      const r = [];
+      for (const f of t) {
+        let G = n.value.filter((c) => !c.isDeleted), z = G.length;
+        const se = G.reduce((c, h) => c + (h.fileSize ?? 0), 0) + f.size;
+        if (I.value > 0 && se > I.value) {
+          (M = E.value) == null || M.call(E, f, se, I.value), console.warn("Total file size exceeds limit.");
+          break;
+        }
+        if (!w.value) {
+          for (const c of G)
+            if (c.isNew) {
+              const h = n.value.indexOf(c);
+              h !== -1 && n.value.splice(h, 1);
+            } else
+              c.isDeleted = !0;
+          u = !0;
+        }
+        if (w.value && k.value > 0 && z >= k.value) {
+          const c = n.value.findIndex((h) => !h.isDeleted);
+          if (c !== -1) {
+            const h = n.value[c];
+            h.isNew ? n.value.splice(c, 1) : h.isDeleted = !0, u = !0;
+          } else {
+            console.warn("No replaceable file found for maxFileCount overflow.");
+            break;
+          }
+        }
+        const ue = {
+          fileName: f.name,
+          fileSize: f.size,
+          extension: f.name.split(".").pop(),
+          file: f,
+          isNew: !0
+        };
+        n.value.push(ue), u = !0, r.push(ue);
+      }
+      u && (Q.value = !0, a("update:modelValue", [...n.value]), r.length && a("add", y.utils.deepCopyObject(r), m.value), a("change", y.utils.deepCopyObject(n.value), m.value));
+    }, Ce = (e) => {
+      if (d.value !== D.editable) return;
+      const t = n.value[e];
+      t.fileId ? t.isDeleted = !0 : n.value.splice(e, 1), Q.value = !0, a("update:modelValue", [...n.value]), a("remove", y.utils.deepCopyObject(t), e, m.value), a("change", y.utils.deepCopyObject(n.value), m.value);
+    }, Fe = (e) => {
+      if (d.value !== D.editable) return;
+      const t = e.target.files;
+      !t || t.length === 0 || (ae(Array.from(t)), _(() => {
+        $.value && ($.value.value = "");
+      }));
+    }, Te = N(() => n.value.filter((e) => !e.isDeleted)), Se = (e) => {
+      if (a("download", y.utils.deepCopyObject(e), m.value), U.value) {
+        U.value(e);
+        return;
+      }
+      let t = "", u = e.fileName || "download";
+      if (e.file) {
+        const M = new Blob([e.file], { type: e.file.type });
+        t = URL.createObjectURL(M);
+      } else if (e.filePath)
+        t = e.filePath;
+      else {
+        console.warn("Download failed: no filePath or file object.");
+        return;
+      }
+      const r = document.createElement("a");
+      r.href = t, r.download = u, r.click(), e.file && URL.revokeObjectURL(t);
+    }, De = (e) => {
+      !A.value || d.value !== D.editable || (Y.value = !0);
+    }, Ie = (e) => {
+      var t;
+      Y.value = !1, !(!A.value || d.value !== D.editable) && (t = e.dataTransfer) != null && t.files && ae(Array.from(e.dataTransfer.files));
+    }, ie = (e) => {
+      if (!e || !e.getIsDataModel || !e.getIsDataModel() || e.getRowCount() === 0) return;
+      const t = e.getRows();
+      n.value = [...t];
+    }, ne = () => {
+      S.component.filesetList[v] && S.component.filesetList[v].isHisonvueComponent && console.warn(`[Hisonvue] The fileset ID is at risk of being duplicated. ${v}`), He(j, () => {
+        oe(), _(ne);
+      }), $.value && (Z(), m.value = {
+        isHisonvueComponent: !0,
+        getId: () => v,
+        getType: () => "fileset",
+        isVisible: () => s.value,
+        setVisible: (e) => {
+          s.value = e;
+        },
+        getEditMode: () => d.value,
+        setEditMode: (e) => {
+          var t;
+          d.value = e, (t = S.component.buttonList[`hison_fileset_add_button_${v}`]) == null || t.setDisable(R.value);
+        },
+        getValue: () => y.utils.deepCopyObject(n.value),
+        setValue: (e) => {
+          n.value = y.utils.deepCopyObject([...e]);
+        },
+        getDataModel: () => n.value.length > 0 ? new y.data.DataModel(n.value) : null,
+        setDataModel: (e) => {
+          ie(e);
+        },
+        load: (e) => {
+          e && e.getIsDataModel && e.getIsDataModel() ? ie(e) : n.value = y.utils.deepCopyObject([...e]);
+        },
+        getAttId: () => K.value,
+        setAttId: (e) => {
+          K.value = e;
+        },
+        getAddButtonText: () => H.value,
+        setAddButtonText: (e) => {
+          H.value = e;
+        },
+        getRemoveButtonText: () => V.value,
+        setRemoveButtonText: (e) => {
+          V.value = e;
+        },
+        isEnableDrop: () => A.value,
+        setEnableDrop: (e) => {
+          A.value = e;
+        },
+        setDownloadHandler: (e) => {
+          U.value = e;
+        },
+        isMultiCols: () => J.value,
+        setMultiCols: (e) => {
+          J.value = e;
+        },
+        isMultiple: () => w.value,
+        setMultiple: (e) => {
+          w.value = e;
+        },
+        getPlaceholder: () => P.value,
+        setPlaceholder: (e) => {
+          P.value = e;
+        },
+        getAllowedTypes: () => b.value,
+        setAllowedTypes: (e) => {
+          b.value = e;
+        },
+        getDisallowedTypes: () => C.value,
+        setDisallowedTypes: (e) => {
+          C.value = e;
+        },
+        getMaxFileSize: () => g.value,
+        setMaxFileSize: (e) => {
+          g.value = e;
+        },
+        getMaxTotalFileSize: () => I.value,
+        setMaxTotalFileSize: (e) => {
+          I.value = e;
+        },
+        getMaxFileCount: () => k.value,
+        setMaxFileCount: (e) => {
+          k.value = e;
+        },
+        setOnDisallowedType: (e) => {
+          p.value = e;
+        },
+        setOnMaxFileSizeExceeded: (e) => {
+          B.value = e;
+        },
+        setOnMaxTotalSizeExceeded: (e) => {
+          E.value = e;
+        },
+        isModified: () => Q.value,
+        setModified: (e) => {
+          Q.value = e;
+        },
+        getTabIndex: () => q.value,
+        setTabIndex: (e) => {
+          q.value = e != null ? Number(e) : null;
+        },
+        focus: () => {
+          var e;
+          (e = S.component.buttonList[`hison_fileset_add_button_${v}`]) == null || e.focus();
+        },
+        reload: () => Ve(j)
+      }, S.component.filesetList[v] = m.value, a("mounted", m.value));
+    }, oe = () => {
+      Pe(j), delete S.component.filesetList[v];
+    };
+    return ze(ne), Ne(oe), o(
+      () => l.modelValue,
+      (e) => {
+        JSON.stringify(e) !== JSON.stringify(n.value) && (n.value = [...e]);
+      },
+      { deep: !0 }
+    ), o(te, (e) => {
+      Z(), a("responsive-change", e);
+    }), o(() => l.visible, (e) => {
+      const t = !!e;
+      t !== s.value && (s.value = t);
+    }), o(() => l.editMode, (e) => {
+      e && e !== d.value && (d.value = e, _(() => {
+        var t;
+        return (t = S.component.buttonList[`hison_fileset_add_button_${v}`]) == null ? void 0 : t.setDisable(R.value);
+      }));
+    }), o(() => l.attId, (e) => {
+      const t = e ?? "";
+      t !== K.value && (K.value = t);
+    }), o(() => l.addButtonText, (e) => {
+      const t = e ?? "";
+      t !== H.value && (H.value = t);
+    }), o(() => l.removeButtonText, (e) => {
+      const t = e ?? "";
+      t !== V.value && (V.value = t);
+    }), o(() => l.placeholder, (e) => {
+      const t = e ?? "";
+      t !== P.value && (P.value = t);
+    }), o(() => l.enableDrop, (e) => {
+      const t = !!e;
+      t !== A.value && (A.value = t);
+    }), o(() => l.downloadHandler, (e) => {
+      const t = typeof e == "function" ? e : void 0;
+      t !== U.value && (U.value = t);
+    }), o(() => l.multiCols, (e) => {
+      const t = !!e;
+      t !== J.value && (J.value = t);
+    }), o(() => l.multiple, (e) => {
+      const t = !!e;
+      t !== w.value && (w.value = t);
+    }), o(() => l.allowedTypes, (e) => {
+      const u = (Array.isArray(e) ? e : typeof e == "string" ? e.split(",") : []).map((r) => String(r).trim()).filter(Boolean);
+      JSON.stringify(u) !== JSON.stringify(b.value) && (b.value = u);
+    }), o(() => l.disallowedTypes, (e) => {
+      const u = (Array.isArray(e) ? e : typeof e == "string" ? e.split(",") : []).map((r) => String(r).trim()).filter(Boolean);
+      JSON.stringify(u) !== JSON.stringify(C.value) && (C.value = u);
+    }), o(() => l.maxFileSize, (e) => {
+      const t = e === 1 / 0 ? 1 / 0 : Number(e);
+      (Number.isFinite(t) || t === 1 / 0) && t !== g.value && (g.value = t);
+    }), o(() => l.maxTotalFileSize, (e) => {
+      const t = e === 1 / 0 ? 1 / 0 : Number(e);
+      (Number.isFinite(t) || t === 1 / 0) && t !== I.value && (I.value = t);
+    }), o(() => l.maxFileCount, (e) => {
+      const t = Number(e);
+      Number.isInteger(t) && t >= 0 && t !== k.value && (k.value = t);
+    }), o(() => l.onDisallowedType, (e) => {
+      const t = typeof e == "function" ? e : void 0;
+      t !== p.value && (p.value = t);
+    }), o(() => l.onMaxFileSizeExceeded, (e) => {
+      const t = typeof e == "function" ? e : void 0;
+      t !== B.value && (B.value = t);
+    }), o(() => l.onMaxTotalSizeExceeded, (e) => {
+      const t = typeof e == "function" ? e : void 0;
+      t !== E.value && (E.value = t);
+    }), o(() => l.tabIndex, (e) => {
+      const t = e === null || e === "" ? null : Number(e);
+      t !== q.value && (q.value = t);
+    }), o(() => l.class, () => {
+      Z();
+    }), {
+      fileInputRef: $,
+      id: v,
+      props: l,
+      visibleFiles: Te,
+      filesetMethods: m,
+      responsiveClassList: L,
+      buttonClassList: ge,
+      visibleClass: me,
+      editModeClass: ye,
+      disable: R,
+      readonly: ce,
+      addButtonText: H,
+      removeButtonText: V,
+      placeholder: P,
+      isDragging: Y,
+      multiCols: J,
+      multiple: w,
+      accept: be,
+      tabIndex: q,
+      openFileDialog: pe,
+      removeFile: Ce,
+      onFileChange: Fe,
+      downloadFile: Se,
+      handleDragEnter: De,
+      handleDrop: Ie
+    };
+  }
+}), Ge = {
+  key: 0,
+  class: "file-placeholder"
+}, Ke = ["onClick"], Qe = ["disabled", "onClick"], We = { class: "hison-fileset-remove-text" }, Xe = {
+  key: 0,
+  class: "add-btn-container"
+}, Ye = {
+  key: 1,
+  class: "hison-fileset-add-text"
+}, Ze = ["id", "accept", "multiple"];
+function _e(l, a, $, n, m, v) {
+  const j = xe("HButton");
+  return T(), F("div", {
+    class: x([
+      "hison-wrapper",
+      ...l.responsiveClassList,
+      l.visibleClass
+    ])
+  }, [
+    O("div", {
+      class: x([
+        "hison-fileset",
+        l.editModeClass
+      ]),
+      style: $e(l.props.style)
+    }, [
+      O("div", {
+        class: x(["file-list-wrapper", { "drag-over": l.isDragging }]),
+        onDragover: a[0] || (a[0] = W(() => {
+        }, ["prevent"])),
+        onDragenter: a[1] || (a[1] = W((...s) => l.handleDragEnter && l.handleDragEnter(...s), ["prevent"])),
+        onDragleave: a[2] || (a[2] = W((s) => l.isDragging = !1, ["prevent"])),
+        onDrop: a[3] || (a[3] = W((...s) => l.handleDrop && l.handleDrop(...s), ["prevent"]))
+      }, [
+        O("div", {
+          class: x(["file-list", { "multi-cols": l.multiCols }])
+        }, [
+          l.visibleFiles.length === 0 && l.placeholder ? (T(), F("div", Ge, X(l.placeholder), 1)) : (T(!0), F(re, { key: 1 }, Ae(l.visibleFiles, (s, d) => (T(), F("div", {
+            key: d,
+            class: "file-item"
+          }, [
+            ee(l.$slots, "file-icon", { file: s }),
+            O("span", {
+              class: x(["file-name", { clickable: s.file || s.filePath }]),
+              onClick: (R) => l.downloadFile(s)
+            }, X(s.fileName), 11, Ke),
+            l.readonly ? de("", !0) : (T(), F(re, { key: 0 }, [
+              l.$slots["remove-button"] ? ee(l.$slots, "remove-button", {
+                key: 0,
+                file: s,
+                index: d,
+                remove: () => l.removeFile(d),
+                disable: l.disable
+              }) : (T(), F("button", {
+                key: 1,
+                class: x(["delete-btn", { "hison-disable": l.disable }]),
+                disabled: l.disable,
+                onClick: (R) => l.removeFile(d)
+              }, [
+                O("span", We, X(l.removeButtonText), 1)
+              ], 10, Qe))
+            ], 64))
+          ]))), 128))
+        ], 2)
+      ], 34),
+      l.readonly ? de("", !0) : (T(), F("div", Xe, [
+        ke(j, {
+          onClick: l.openFileDialog,
+          onFocus: a[4] || (a[4] = (s) => l.$emit("focus", l.filesetMethods)),
+          onBlur: a[5] || (a[5] = (s) => l.$emit("blur", l.filesetMethods)),
+          id: `hison_fileset_add_button_${l.id}`,
+          disable: l.disable,
+          class: x([...l.buttonClassList]),
+          tabindex: l.tabIndex ?? void 0
+        }, {
+          default: Be(() => [
+            l.$slots["add-button"] ? ee(l.$slots, "add-button", {
+              key: 0,
+              add: l.openFileDialog
+            }) : (T(), F("span", Ye, X(l.addButtonText), 1))
+          ]),
+          _: 3
+        }, 8, ["onClick", "id", "disable", "class", "tabindex"])
+      ])),
+      O("input", {
+        id: `hison_fileset_${l.id}`,
+        ref: "fileInputRef",
+        type: "file",
+        accept: l.accept || void 0,
+        multiple: l.multiple,
+        hidden: "",
+        onChange: a[6] || (a[6] = (...s) => l.onFileChange && l.onFileChange(...s))
+      }, null, 40, Ze)
+    ], 6)
+  ], 2);
+}
+const il = /* @__PURE__ */ Ue(qe, [["render", _e]]);
+export {
+  il as default
+};

package/dist/HFileset-CuPR6Hwf.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),i=require("./index-BmKMHsSZ.js"),re=require("./_plugin-vue_export-helper-BHFhmbuH.js"),ce={id:{type:String,required:!1},class:{type:[String,Array,Object],required:!1},style:{type:[String,Object,Array],required:!1},visible:{type:Boolean,default:!0},editMode:{type:String,default:i.EditMode.editable,validator:t=>i.EDIT_MODE_VALUES.includes(t)},modelValue:{type:Array,default:()=>[]},attId:{type:String,default:""},addButtonText:{type:String,default:"Add"},removeButtonText:{type:String,default:"x"},placeholder:{type:String,default:"There are no files."},enableDrop:{type:Boolean,default:!0},downloadHandler:{type:Function,default:void 0},multiCols:{type:Boolean,default:!1},multiple:{type:Boolean,default:!0},allowedTypes:{type:[String,Array],default:void 0,validator:t=>t===void 0||typeof t=="string"||Array.isArray(t)&&t.every(o=>typeof o=="string")},disallowedTypes:{type:[String,Array],default:void 0,validator:t=>t===void 0||typeof t=="string"||Array.isArray(t)&&t.every(o=>typeof o=="string")},maxFileSize:{type:Number,default:1/0,validator:t=>Number.isFinite(t)&&t>=0||t===1/0},maxTotalFileSize:{type:Number,default:1/0,validator:t=>Number.isFinite(t)&&t>=0||t===1/0},maxFileCount:{type:Number,default:0,validator:t=>Number.isInteger(t)&&t>=0},onDisallowedType:{type:Function,default:void 0},onMaxFileSizeExceeded:{type:Function,default:void 0},onMaxTotalSizeExceeded:{type:Function,default:void 0},tabIndex:{type:[Number,String],default:null,validator:t=>t===null||t===""||!isNaN(+t)&&isFinite(+t)}},fe=l.defineComponent({name:"HFileset",props:ce,emits:["mounted","responsive-change","update:modelValue","add","remove","focus","blur","download","change"],setup(t,{emit:o}){const F=l.ref(null),n=l.ref([...t.modelValue]),m=l.ref(null),c=t.id?t.id:i.getUUID(),N=`hbutton:${c}`,s=l.ref(t.visible),d=l.ref(t.editMode),B=l.computed(()=>d.value===i.EditMode.disable),X=l.computed(()=>d.value===i.EditMode.readonly),Y=l.computed(()=>d.value!==i.EditMode.editable?`hison-fileset-${d.value}`:""),Z=l.computed(()=>s.value?"":"hison-display-none"),j=l.ref(t.attId||""),E=l.ref(t.addButtonText||""),x=l.ref(t.removeButtonText||""),A=l.ref(t.placeholder??""),R=l.ref(!1),M=l.ref(t.enableDrop),$=l.ref(typeof t.downloadHandler=="function"?t.downloadHandler:void 0),O=l.ref(t.multiCols??!1),h=l.ref(t.multiple??!1),H=l.ref(!1),_=l.computed(()=>{if(y.value.length===0)return"";const e=new Set(w.value.map(u=>u.toLowerCase())),a=y.value.filter(u=>!e.has(u.toLowerCase()));return a.length>0?a.join(","):void 0}),y=l.ref(Array.isArray(t.allowedTypes)?t.allowedTypes:t.allowedTypes?t.allowedTypes.split(","):[]),w=l.ref(Array.isArray(t.disallowedTypes)?t.disallowedTypes:t.disallowedTypes?t.disallowedTypes.split(","):[]),b=l.ref(t.maxFileSize??i.hison.getMaxFilesetSize()),C=l.ref(t.maxTotalFileSize??i.hison.getMaxFilesetTotalSize()),D=l.ref(t.maxFileCount),g=l.ref(typeof t.onDisallowedType=="function"?t.onDisallowedType:void 0),z=l.ref(typeof t.onMaxFileSizeExceeded=="function"?t.onMaxFileSizeExceeded:void 0),k=l.ref(typeof t.onMaxTotalSizeExceeded=="function"?t.onMaxTotalSizeExceeded:void 0),L=l.ref(t.tabIndex!==null&&t.tabIndex!==""?Number(t.tabIndex):null),U=i.useDevice(),I=l.ref([]),P=()=>{I.value=i.extractResponsiveClasses(i.toClassString(t.class)||"",U.value),i.getIndexSpecificClassNameFromClassList(I.value,"col")===-1&&I.value.push("hison-col-12"),i.addComponentNameToClass(I.value,"size",i.hisonCloser.componentStyle.size),i.addComponentNameToClass(I.value,"color","primary")},ee=l.computed(()=>{const e=[];return e.push(...i.extractPrefixedClasses(i.toClassString(t.class)||"","size")),e.push(...i.extractPrefixedClasses(i.toClassString(t.class)||"","color")),e}),te=()=>{var e;(e=F.value)==null||e.click()},le=e=>{var r,S,f;const a=e.type,u="."+((r=e.name.split(".").pop())==null?void 0:r.toLowerCase());return y.value.length>0&&!y.value.some(T=>T===a||T===u)?(console.warn(`File type not in allowedTypes: ${a} / ${u}`),(S=g.value)==null||S.call(g,e,y.value,null),!1):w.value.length>0&&w.value.some(T=>T===a||T===u)?(console.warn(`File type is in disallowedTypes: ${a} / ${u}`),(f=g.value)==null||f.call(g,e,null,w.value),!1):!0},ae=e=>{var a;return typeof b.value=="number"&&Number.isFinite(b.value)&&e.size>b.value?(console.warn(`File too large: ${e.name}
+Max size: ${b.value} Byte`),(a=z.value)==null||a.call(z,e,e.size,b.value),!1):!0},q=e=>{var S;let a=e.filter(f=>ae(f)&&le(f));!h.value&&a.length>1&&(a=[a[0]]);let u=!1;const r=[];for(const f of a){let V=n.value.filter(v=>!v.isDeleted),T=V.length;const Q=V.reduce((v,p)=>v+(p.fileSize??0),0)+f.size;if(C.value>0&&Q>C.value){(S=k.value)==null||S.call(k,f,Q,C.value),console.warn("Total file size exceeds limit.");break}if(!h.value){for(const v of V)if(v.isNew){const p=n.value.indexOf(v);p!==-1&&n.value.splice(p,1)}else v.isDeleted=!0;u=!0}if(h.value&&D.value>0&&T>=D.value){const v=n.value.findIndex(p=>!p.isDeleted);if(v!==-1){const p=n.value[v];p.isNew?n.value.splice(v,1):p.isDeleted=!0,u=!0}else{console.warn("No replaceable file found for maxFileCount overflow.");break}}const W={fileName:f.name,fileSize:f.size,extension:f.name.split(".").pop(),file:f,isNew:!0};n.value.push(W),u=!0,r.push(W)}u&&(H.value=!0,o("update:modelValue",[...n.value]),r.length&&o("add",i.hison.utils.deepCopyObject(r),m.value),o("change",i.hison.utils.deepCopyObject(n.value),m.value))},ie=e=>{if(d.value!==i.EditMode.editable)return;const a=n.value[e];a.fileId?a.isDeleted=!0:n.value.splice(e,1),H.value=!0,o("update:modelValue",[...n.value]),o("remove",i.hison.utils.deepCopyObject(a),e,m.value),o("change",i.hison.utils.deepCopyObject(n.value),m.value)},oe=e=>{if(d.value!==i.EditMode.editable)return;const a=e.target.files;!a||a.length===0||(q(Array.from(a)),l.nextTick(()=>{F.value&&(F.value.value="")}))},ne=l.computed(()=>n.value.filter(e=>!e.isDeleted)),se=e=>{if(o("download",i.hison.utils.deepCopyObject(e),m.value),$.value){$.value(e);return}let a="",u=e.fileName||"download";if(e.file){const S=new Blob([e.file],{type:e.file.type});a=URL.createObjectURL(S)}else if(e.filePath)a=e.filePath;else{console.warn("Download failed: no filePath or file object.");return}const r=document.createElement("a");r.href=a,r.download=u,r.click(),e.file&&URL.revokeObjectURL(a)},ue=e=>{!M.value||d.value!==i.EditMode.editable||(R.value=!0)},de=e=>{var a;R.value=!1,!(!M.value||d.value!==i.EditMode.editable)&&(a=e.dataTransfer)!=null&&a.files&&q(Array.from(e.dataTransfer.files))},J=e=>{if(!e||!e.getIsDataModel||!e.getIsDataModel()||e.getRowCount()===0)return;const a=e.getRows();n.value=[...a]},G=()=>{i.hisonCloser.component.filesetList[c]&&i.hisonCloser.component.filesetList[c].isHisonvueComponent&&console.warn(`[Hisonvue] The fileset ID is at risk of being duplicated. ${c}`),i.registerReloadable(N,()=>{K(),l.nextTick(G)}),F.value&&(P(),m.value={isHisonvueComponent:!0,getId:()=>c,getType:()=>"fileset",isVisible:()=>s.value,setVisible:e=>{s.value=e},getEditMode:()=>d.value,setEditMode:e=>{var a;d.value=e,(a=i.hisonCloser.component.buttonList[`hison_fileset_add_button_${c}`])==null||a.setDisable(B.value)},getValue:()=>i.hison.utils.deepCopyObject(n.value),setValue:e=>{n.value=i.hison.utils.deepCopyObject([...e])},getDataModel:()=>n.value.length>0?new i.hison.data.DataModel(n.value):null,setDataModel:e=>{J(e)},load:e=>{e&&e.getIsDataModel&&e.getIsDataModel()?J(e):n.value=i.hison.utils.deepCopyObject([...e])},getAttId:()=>j.value,setAttId:e=>{j.value=e},getAddButtonText:()=>E.value,setAddButtonText:e=>{E.value=e},getRemoveButtonText:()=>x.value,setRemoveButtonText:e=>{x.value=e},isEnableDrop:()=>M.value,setEnableDrop:e=>{M.value=e},setDownloadHandler:e=>{$.value=e},isMultiCols:()=>O.value,setMultiCols:e=>{O.value=e},isMultiple:()=>h.value,setMultiple:e=>{h.value=e},getPlaceholder:()=>A.value,setPlaceholder:e=>{A.value=e},getAllowedTypes:()=>y.value,setAllowedTypes:e=>{y.value=e},getDisallowedTypes:()=>w.value,setDisallowedTypes:e=>{w.value=e},getMaxFileSize:()=>b.value,setMaxFileSize:e=>{b.value=e},getMaxTotalFileSize:()=>C.value,setMaxTotalFileSize:e=>{C.value=e},getMaxFileCount:()=>D.value,setMaxFileCount:e=>{D.value=e},setOnDisallowedType:e=>{g.value=e},setOnMaxFileSizeExceeded:e=>{z.value=e},setOnMaxTotalSizeExceeded:e=>{k.value=e},isModified:()=>H.value,setModified:e=>{H.value=e},getTabIndex:()=>L.value,setTabIndex:e=>{L.value=e!=null?Number(e):null},focus:()=>{var e;(e=i.hisonCloser.component.buttonList[`hison_fileset_add_button_${c}`])==null||e.focus()},reload:()=>i.reloadHisonComponent(N)},i.hisonCloser.component.filesetList[c]=m.value,o("mounted",m.value))},K=()=>{i.unregisterReloadable(N),delete i.hisonCloser.component.filesetList[c]};return l.onMounted(G),l.onBeforeUnmount(K),l.watch(()=>t.modelValue,e=>{JSON.stringify(e)!==JSON.stringify(n.value)&&(n.value=[...e])},{deep:!0}),l.watch(U,e=>{P(),o("responsive-change",e)}),l.watch(()=>t.visible,e=>{const a=!!e;a!==s.value&&(s.value=a)}),l.watch(()=>t.editMode,e=>{e&&e!==d.value&&(d.value=e,l.nextTick(()=>{var a;return(a=i.hisonCloser.component.buttonList[`hison_fileset_add_button_${c}`])==null?void 0:a.setDisable(B.value)}))}),l.watch(()=>t.attId,e=>{const a=e??"";a!==j.value&&(j.value=a)}),l.watch(()=>t.addButtonText,e=>{const a=e??"";a!==E.value&&(E.value=a)}),l.watch(()=>t.removeButtonText,e=>{const a=e??"";a!==x.value&&(x.value=a)}),l.watch(()=>t.placeholder,e=>{const a=e??"";a!==A.value&&(A.value=a)}),l.watch(()=>t.enableDrop,e=>{const a=!!e;a!==M.value&&(M.value=a)}),l.watch(()=>t.downloadHandler,e=>{const a=typeof e=="function"?e:void 0;a!==$.value&&($.value=a)}),l.watch(()=>t.multiCols,e=>{const a=!!e;a!==O.value&&(O.value=a)}),l.watch(()=>t.multiple,e=>{const a=!!e;a!==h.value&&(h.value=a)}),l.watch(()=>t.allowedTypes,e=>{const u=(Array.isArray(e)?e:typeof e=="string"?e.split(","):[]).map(r=>String(r).trim()).filter(Boolean);JSON.stringify(u)!==JSON.stringify(y.value)&&(y.value=u)}),l.watch(()=>t.disallowedTypes,e=>{const u=(Array.isArray(e)?e:typeof e=="string"?e.split(","):[]).map(r=>String(r).trim()).filter(Boolean);JSON.stringify(u)!==JSON.stringify(w.value)&&(w.value=u)}),l.watch(()=>t.maxFileSize,e=>{const a=e===1/0?1/0:Number(e);(Number.isFinite(a)||a===1/0)&&a!==b.value&&(b.value=a)}),l.watch(()=>t.maxTotalFileSize,e=>{const a=e===1/0?1/0:Number(e);(Number.isFinite(a)||a===1/0)&&a!==C.value&&(C.value=a)}),l.watch(()=>t.maxFileCount,e=>{const a=Number(e);Number.isInteger(a)&&a>=0&&a!==D.value&&(D.value=a)}),l.watch(()=>t.onDisallowedType,e=>{const a=typeof e=="function"?e:void 0;a!==g.value&&(g.value=a)}),l.watch(()=>t.onMaxFileSizeExceeded,e=>{const a=typeof e=="function"?e:void 0;a!==z.value&&(z.value=a)}),l.watch(()=>t.onMaxTotalSizeExceeded,e=>{const a=typeof e=="function"?e:void 0;a!==k.value&&(k.value=a)}),l.watch(()=>t.tabIndex,e=>{const a=e===null||e===""?null:Number(e);a!==L.value&&(L.value=a)}),l.watch(()=>t.class,()=>{P()}),{fileInputRef:F,id:c,props:t,visibleFiles:ne,filesetMethods:m,responsiveClassList:I,buttonClassList:ee,visibleClass:Z,editModeClass:Y,disable:B,readonly:X,addButtonText:E,removeButtonText:x,placeholder:A,isDragging:R,multiCols:O,multiple:h,accept:_,tabIndex:L,openFileDialog:te,removeFile:ie,onFileChange:oe,downloadFile:se,handleDragEnter:ue,handleDrop:de}}}),ve={key:0,class:"file-placeholder"},me=["onClick"],ye=["disabled","onClick"],be={class:"hison-fileset-remove-text"},ge={key:0,class:"add-btn-container"},pe={key:1,class:"hison-fileset-add-text"},he=["id","accept","multiple"];function we(t,o,F,n,m,c){const N=l.resolveComponent("HButton");return l.openBlock(),l.createElementBlock("div",{class:l.normalizeClass(["hison-wrapper",...t.responsiveClassList,t.visibleClass])},[l.createElementVNode("div",{class:l.normalizeClass(["hison-fileset",t.editModeClass]),style:l.normalizeStyle(t.props.style)},[l.createElementVNode("div",{class:l.normalizeClass(["file-list-wrapper",{"drag-over":t.isDragging}]),onDragover:o[0]||(o[0]=l.withModifiers(()=>{},["prevent"])),onDragenter:o[1]||(o[1]=l.withModifiers((...s)=>t.handleDragEnter&&t.handleDragEnter(...s),["prevent"])),onDragleave:o[2]||(o[2]=l.withModifiers(s=>t.isDragging=!1,["prevent"])),onDrop:o[3]||(o[3]=l.withModifiers((...s)=>t.handleDrop&&t.handleDrop(...s),["prevent"]))},[l.createElementVNode("div",{class:l.normalizeClass(["file-list",{"multi-cols":t.multiCols}])},[t.visibleFiles.length===0&&t.placeholder?(l.openBlock(),l.createElementBlock("div",ve,l.toDisplayString(t.placeholder),1)):(l.openBlock(!0),l.createElementBlock(l.Fragment,{key:1},l.renderList(t.visibleFiles,(s,d)=>(l.openBlock(),l.createElementBlock("div",{key:d,class:"file-item"},[l.renderSlot(t.$slots,"file-icon",{file:s}),l.createElementVNode("span",{class:l.normalizeClass(["file-name",{clickable:s.file||s.filePath}]),onClick:B=>t.downloadFile(s)},l.toDisplayString(s.fileName),11,me),t.readonly?l.createCommentVNode("",!0):(l.openBlock(),l.createElementBlock(l.Fragment,{key:0},[t.$slots["remove-button"]?l.renderSlot(t.$slots,"remove-button",{key:0,file:s,index:d,remove:()=>t.removeFile(d),disable:t.disable}):(l.openBlock(),l.createElementBlock("button",{key:1,class:l.normalizeClass(["delete-btn",{"hison-disable":t.disable}]),disabled:t.disable,onClick:B=>t.removeFile(d)},[l.createElementVNode("span",be,l.toDisplayString(t.removeButtonText),1)],10,ye))],64))]))),128))],2)],34),t.readonly?l.createCommentVNode("",!0):(l.openBlock(),l.createElementBlock("div",ge,[l.createVNode(N,{onClick:t.openFileDialog,onFocus:o[4]||(o[4]=s=>t.$emit("focus",t.filesetMethods)),onBlur:o[5]||(o[5]=s=>t.$emit("blur",t.filesetMethods)),id:`hison_fileset_add_button_${t.id}`,disable:t.disable,class:l.normalizeClass([...t.buttonClassList]),tabindex:t.tabIndex??void 0},{default:l.withCtx(()=>[t.$slots["add-button"]?l.renderSlot(t.$slots,"add-button",{key:0,add:t.openFileDialog}):(l.openBlock(),l.createElementBlock("span",pe,l.toDisplayString(t.addButtonText),1))]),_:3},8,["onClick","id","disable","class","tabindex"])])),l.createElementVNode("input",{id:`hison_fileset_${t.id}`,ref:"fileInputRef",type:"file",accept:t.accept||void 0,multiple:t.multiple,hidden:"",onChange:o[6]||(o[6]=(...s)=>t.onFileChange&&t.onFileChange(...s))},null,40,he)],6)],2)}const Ce=re._export_sfc(fe,[["render",we]]);exports.default=Ce;

package/dist/HGap-BPAdnOQz.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),n=require("./index-BmKMHsSZ.js"),A=require("./_plugin-vue_export-helper-BHFhmbuH.js"),R={id:{type:String,required:!1},class:{type:[String,Array,Object],required:!1},style:{type:[String,Object,Array],required:!1},visible:{type:Boolean,default:!0},border:{type:Boolean,default:!1},backgroundType:{type:String,default:n.BackgroundType.empty,validator:l=>n.BACKGROUND_TYPE_VALUES.includes(l)},line:{type:String,default:"none",validator:l=>n.H_GAP_RULE_VALUES.includes(l)},lineStyle:{type:String,default:"solid",validator:l=>n.H_GAP_LINE_STYLE_VALUES.includes(l)},lineWidth:{type:[Number,String],default:1},lineColor:{type:String,default:""}},V=t.defineComponent({name:"HGap",props:R,inheritAttrs:!1,emits:["mounted","responsive-change"],setup(l,{emit:y}){const h=t.ref(null),g=t.ref(null),a=l.id?l.id:n.getUUID(),f=`hgap:${a}`,C=n.useDevice(),u=t.ref(l.visible),c=t.ref(l.border??!1),d=t.ref(l.backgroundType??n.BackgroundType.empty),v=t.ref(l.line),i=t.ref(l.lineStyle||"solid"),r=t.ref(l.lineWidth??1),p=t.ref(l.lineColor||""),b=t.computed(()=>{var w,$;const e=String(p.value||"").trim(),o=n.getHexCodeFromColorText(e);if(o)return o;if(e)return e;const k=n.getSpecificClassValueFromClassList(s.value,"color"),B=k?n.getHexCodeFromColorText(k):null;return B||(($=(w=n.hisonCloser)==null?void 0:w.componentStyle)==null?void 0:$.mutedColor)||"#999999"}),S=t.computed(()=>{const e=r.value;return typeof e=="number"?`${e}px`:String(e||"1px")}),z=t.computed(()=>({borderTop:`${S.value} ${i.value} ${b.value}`})),E=t.computed(()=>({borderLeft:`${S.value} ${i.value} ${b.value}`})),H=t.computed(()=>u.value?"":"hison-display-none"),N=t.computed(()=>c.value?"hison-border":""),_=t.computed(()=>{switch(d.value){case n.BackgroundType.empty:return"hison-bg-empty";case n.BackgroundType.transparent:return"hison-bg-transparent";default:return"hison-bg-filled"}}),s=t.ref([]),m=()=>{s.value=n.extractResponsiveClasses(n.toClassString(l.class)||"",C.value),n.addComponentNameToClass(s.value,"size",n.hisonCloser.componentStyle.size),n.addComponentNameToClass(s.value,"color","primary"),n.getIndexSpecificClassNameFromClassList(s.value,"col")===-1&&s.value.push("hison-col-12")},L=()=>{n.hisonCloser.component.gapList[a]&&n.hisonCloser.component.gapList[a].isHisonvueComponent&&console.warn(`[Hisonvue] The gap ID is at risk of being duplicated. ${a}`),n.registerReloadable(f,()=>{T(),t.nextTick(L)}),m(),g.value={isHisonvueComponent:!0,getId:()=>a,getType:()=>"gap",isVisible:()=>u.value,setVisible:e=>{u.value=e},isBorder:()=>c.value,setBorder:e=>{c.value=e},getBackgroundType:()=>d.value,setBackgroundType:e=>{d.value=e},getLine:()=>v.value,setLine:e=>{v.value=e},getLineStyle:()=>i.value,setLineStyle:e=>{i.value=e},getLineWidth:()=>r.value,setLineWidth:e=>{r.value=e},getLineColor:()=>p.value,setLineColor:e=>{p.value=e??""},reload:()=>n.reloadHisonComponent(f)},n.hisonCloser.component.gapList[a]=g.value,y("mounted",g.value)},T=()=>{n.unregisterReloadable(f),delete n.hisonCloser.component.gapList[a]};return t.onMounted(L),t.onBeforeUnmount(T),t.watch(C,e=>{m(),y("responsive-change",e)}),t.watch(()=>l.visible,e=>{const o=!!e;o!==u.value&&(u.value=o)}),t.watch(()=>l.border,e=>{const o=!!e;o!==c.value&&(c.value=o)}),t.watch(()=>l.backgroundType,e=>{e&&e!==d.value&&(d.value=e)}),t.watch(()=>l.line,e=>{(e==="none"||e==="horizontal"||e==="vertical")&&e!==v.value&&(v.value=e)}),t.watch(()=>l.lineStyle,e=>{["solid","dashed","dotted","double","groove","ridge","inset","outset"].includes(e)&&e!==i.value&&(i.value=e)}),t.watch(()=>l.lineWidth,e=>{const o=typeof e=="number"&&Number.isFinite(e)&&e>=0||typeof e=="string"?e:r.value;o!==r.value&&(r.value=o)}),t.watch(()=>l.lineColor,e=>{const o=(e??"").toString();o!==p.value&&(p.value=o)}),t.watch(()=>l.class,()=>{m()}),{gapRef:h,props:l,line:v,visibleClass:H,borderClass:N,backgroundTypeClass:_,responsiveClassList:s,horizontalStyle:z,verticalStyle:E}}});function U(l,y,h,g,a,f){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["hison-wrapper",...l.responsiveClassList,l.visibleClass])},[t.createElementVNode("div",{ref:"gapRef",class:t.normalizeClass(["hison-gap",l.borderClass,l.backgroundTypeClass]),style:t.normalizeStyle(l.props.style)},[l.line==="horizontal"?(t.openBlock(),t.createElementBlock("div",{key:0,class:"hison-gap-line-horizontal",style:t.normalizeStyle(l.horizontalStyle)},null,4)):l.line==="vertical"?(t.openBlock(),t.createElementBlock("div",{key:1,class:"hison-gap-line-vertical",style:t.normalizeStyle(l.verticalStyle)},null,4)):t.createCommentVNode("",!0)],6)],2)}const x=A._export_sfc(V,[["render",U]]);exports.default=x;