@fewangsit/wangsvue 1.5.219-alpha.0 → 1.5.219-alpha.2

package/treesearchinput/index.es.js

@@ -1,49 +1,55 @@
-import { defineComponent as u, resolveDirective as f, createElementBlock as g, openBlock as h, normalizeClass as r, createVNode as o, withDirectives as v, unref as x } from "vue";
-import { s as w } from "../vendor/primevue/inputtext/inputtext.esm.es.js";
-import { _ as s } from "../icon/index.es.js";
-const _ = {
-  class: /* @__PURE__ */ r([
+import { defineComponent, resolveDirective, createElementBlock, openBlock, normalizeClass, createVNode, withDirectives, unref } from "vue";
+import { s as script } from "../vendor/primevue/inputtext/inputtext.esm.es.js";
+import { _ as _sfc_main$1 } from "../icon/index.es.js";
+const _hoisted_1 = {
+  class: /* @__PURE__ */ normalizeClass([
     "relative w-full text-xs flex gap-1 py-[4.5px] px-2 items-center",
     "rounded ring-1 ring-inset ring-offset-0 ring-general-500 dark:ring-general-500"
   ]),
   "data-wv-name": "tree-search-input"
-}, C = /* @__PURE__ */ u({
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "TreeSearchInput",
   props: {
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(i, { emit: c }) {
-    const n = i, d = c, m = (e) => {
-      e.key === "Enter" && e.preventDefault();
-    }, a = (e) => {
-      d("update:modelValue", e);
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const onKeydown = (event) => {
+      if (event.key === "Enter") {
+        event.preventDefault();
+      }
+    };
+    const updateSearchModel = (query) => {
+      emit("update:modelValue", query);
     };
-    return (e, t) => {
-      const p = f("focus");
-      return h(), g("div", _, [
-        o(s, {
+    return (_ctx, _cache) => {
+      const _directive_focus = resolveDirective("focus");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_sfc_main$1, {
           class: "w-4 h-4 shrink-0 grow-0 !text-general-400",
           icon: "search"
         }),
-        v(o(x(w), {
-          class: r([
+        withDirectives(createVNode(unref(script), {
+          class: normalizeClass([
             "w-max grow h-auto !shadow-none !p-0 placeholder:text-general-200"
           ]),
-          "model-value": n.modelValue,
-          onInput: t[0] || (t[0] = (l) => a(l.target.value)),
-          onKeydown: m,
+          "model-value": props.modelValue,
+          onInput: _cache[0] || (_cache[0] = ($event) => updateSearchModel($event.target.value)),
+          onKeydown,
           autocomplete: "off",
           placeholder: "Search"
         }, null, 8, ["model-value"]), [
-          [p]
+          [_directive_focus]
         ]),
-        o(s, {
-          class: r([
+        createVNode(_sfc_main$1, {
+          class: normalizeClass([
             "text-md w-4 h-4 shrink-0 !text-general-400",
-            { hidden: !n.modelValue }
+            { hidden: !props.modelValue }
           ]),
-          onClick: t[1] || (t[1] = (l) => a("")),
+          onClick: _cache[1] || (_cache[1] = ($event) => updateSearchModel("")),
           "data-wv-section": "reset-filter-icon",
           icon: "close"
         }, null, 8, ["class"])
@@ -52,5 +58,5 @@ const _ = {
   }
 });
 export {
-  C as _
+  _sfc_main as _
 };

package/usergroup/index.es.js

@@ -1,12 +1,16 @@
-import { defineComponent as y, inject as b, shallowRef as w, computed as c, createElementBlock as i, createBlock as t, openBlock as l, createVNode as f, createCommentVNode as m, toDisplayString as x, unref as a, withCtx as u, createElementVNode as F, Fragment as _, renderList as g } from "vue";
-import { s as h } from "../vendor/primevue/avatar/avatar.esm.es.js";
-import { s as N } from "../vendor/primevue/avatargroup/avatargroup.esm.es.js";
-import { _ as D } from "../dialog/index.es.js";
-import { _ as n } from "../username/index.es.js";
-const P = { key: 0 }, $ = { key: 0 }, U = {
+import { defineComponent, inject, shallowRef, computed, createElementBlock, createBlock, openBlock, createVNode, createCommentVNode, toDisplayString, unref, withCtx, createElementVNode, Fragment, renderList } from "vue";
+import { s as script$1 } from "../vendor/primevue/avatar/avatar.esm.es.js";
+import { s as script } from "../vendor/primevue/avatargroup/avatargroup.esm.es.js";
+import { _ as _sfc_main$2 } from "../dialog/index.es.js";
+import { _ as _sfc_main$1 } from "../username/index.es.js";
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = {
   key: 1,
   class: "flex gap-2 items-center"
-}, B = { class: "flex flex-wrap gap-3 items-center" }, j = /* @__PURE__ */ y({
+};
+const _hoisted_4 = { class: "flex flex-wrap gap-3 items-center" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "UserGroup",
   props: {
     users: {},
@@ -16,70 +20,82 @@ const P = { key: 0 }, $ = { key: 0 }, U = {
     withDialogDetail: { type: Boolean },
     dialogHeaderLabel: { default: "User List" }
   },
-  setup(k) {
-    const e = k, v = b("preset", {}).badgegroup, o = w(!1), d = c(() => e.users.slice(0, e.limit)), p = c(
-      () => e.users.length - d.value.length
+  setup(__props) {
+    const props = __props;
+    const Preset = inject("preset", {}).badgegroup;
+    const dialogDetail = shallowRef(false);
+    const showedUsers = computed(() => {
+      return props.users.slice(0, props.limit);
+    });
+    const totalRemainingUser = computed(
+      () => props.users.length - showedUsers.value.length
     );
-    return (C, s) => e.withDialogDetail ? (l(), i("div", P, [
-      e.users.length ? (l(), i("div", U, [
-        f(n, {
-          "profile-picture-field": e.profilePictureField,
-          user: e.users[0],
-          "user-name-field": e.userNameField
-        }, null, 8, ["profile-picture-field", "user", "user-name-field"]),
-        e.users.length > 1 ? (l(), i("span", {
-          key: 0,
-          onClick: s[0] || (s[0] = (r) => o.value = !0),
-          class: "cursor-pointer"
-        }, x(`+${e.users.length - 1}`), 1)) : m("", !0)
-      ])) : (l(), i("span", $, "-")),
-      f(D, {
-        visible: o.value,
-        "onUpdate:visible": s[1] || (s[1] = (r) => o.value = r),
-        draggable: !1,
-        header: e.dialogHeaderLabel,
-        pt: a(v).showmoredialog,
-        modal: ""
-      }, {
-        default: u(() => [
-          F("div", B, [
-            (l(!0), i(_, null, g(e.users, (r) => (l(), t(n, {
-              key: r._id,
-              "profile-picture-field": e.profilePictureField,
-              user: r,
-              "user-name-field": e.userNameField
-            }, null, 8, ["profile-picture-field", "user", "user-name-field"]))), 128))
-          ])
-        ]),
-        _: 1
-      }, 8, ["visible", "header", "pt"])
-    ])) : (l(), t(a(N), { key: 1 }, {
-      default: u(() => [
-        (l(!0), i(_, null, g(d.value, (r) => (l(), t(a(h), {
-          key: r,
-          shape: "circle"
+    return (_ctx, _cache) => {
+      return props.withDialogDetail ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        !props.users.length ? (openBlock(), createElementBlock("span", _hoisted_2, "-")) : (openBlock(), createElementBlock("div", _hoisted_3, [
+          createVNode(_sfc_main$1, {
+            "profile-picture-field": props.profilePictureField,
+            user: props.users[0],
+            "user-name-field": props.userNameField
+          }, null, 8, ["profile-picture-field", "user", "user-name-field"]),
+          props.users.length > 1 ? (openBlock(), createElementBlock("span", {
+            key: 0,
+            onClick: _cache[0] || (_cache[0] = ($event) => dialogDetail.value = true),
+            class: "cursor-pointer"
+          }, toDisplayString(`+${props.users.length - 1}`), 1)) : createCommentVNode("", true)
+        ])),
+        createVNode(_sfc_main$2, {
+          visible: dialogDetail.value,
+          "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => dialogDetail.value = $event),
+          draggable: false,
+          header: props.dialogHeaderLabel,
+          pt: unref(Preset).showmoredialog,
+          modal: ""
         }, {
-          icon: u(() => [
-            (l(), t(n, {
-              key: r._id,
-              "profile-picture-field": e.profilePictureField,
-              "show-user-name": !1,
-              user: { ...r, nickName: void 0 },
-              class: "w-[29px] h-[29px]"
-            }, null, 8, ["profile-picture-field", "user"]))
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_4, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(props.users, (user) => {
+                return openBlock(), createBlock(_sfc_main$1, {
+                  key: user._id,
+                  "profile-picture-field": props.profilePictureField,
+                  user,
+                  "user-name-field": props.userNameField
+                }, null, 8, ["profile-picture-field", "user", "user-name-field"]);
+              }), 128))
+            ])
           ]),
-          _: 2
-        }, 1024))), 128)),
-        p.value ? (l(), t(a(h), {
-          key: 0,
-          label: `+${p.value}`,
-          shape: "circle"
-        }, null, 8, ["label"])) : m("", !0)
-      ]),
-      _: 1
-    }));
+          _: 1
+        }, 8, ["visible", "header", "pt"])
+      ])) : (openBlock(), createBlock(unref(script), { key: 1 }, {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(showedUsers.value, (user) => {
+            return openBlock(), createBlock(unref(script$1), {
+              key: user,
+              shape: "circle"
+            }, {
+              icon: withCtx(() => [
+                (openBlock(), createBlock(_sfc_main$1, {
+                  key: user._id,
+                  "profile-picture-field": props.profilePictureField,
+                  "show-user-name": false,
+                  user: { ...user, nickName: void 0 },
+                  class: "w-[29px] h-[29px]"
+                }, null, 8, ["profile-picture-field", "user"]))
+              ]),
+              _: 2
+            }, 1024);
+          }), 128)),
+          totalRemainingUser.value ? (openBlock(), createBlock(unref(script$1), {
+            key: 0,
+            label: `+${totalRemainingUser.value}`,
+            shape: "circle"
+          }, null, 8, ["label"])) : createCommentVNode("", true)
+        ]),
+        _: 1
+      }));
+    };
   }
 });
 export {
-  j as _
+  _sfc_main as _
 };

package/username/index.es.js

@@ -1,18 +1,19 @@
-import { defineComponent as A, computed as h, shallowRef as N, ref as H, resolveDirective as I, createElementBlock as u, openBlock as a, mergeProps as i, createBlock as d, withDirectives as M, createCommentVNode as P, withModifiers as F, unref as v, createTextVNode as U, toDisplayString as p, withCtx as R, createElementVNode as k, createVNode as q, normalizeProps as G, Fragment as J } from "vue";
-import { t as K } from "../vendor/single-spa/lib/es2015/esm/single-spa.min.es.js";
-import { u as L } from "../plugins/WangsVue.es.js";
-import { m as Q } from "../utils/mergePropsWithDefaults.util.es.js";
-import { g as _ } from "../utils/object.util.es.js";
-import { f as X } from "../utils/textFormatter.util.es.js";
-import { s as $ } from "../vendor/primevue/skeleton/skeleton.esm.es.js";
-import { _ as Y } from "../icon/index.es.js";
-import { _ as j } from "../image/index.es.js";
-import { _ as Z } from "../overlaypanel/index.es.js";
-const ee = { key: 0 }, me = /* @__PURE__ */ A({
+import { defineComponent, computed, shallowRef, ref, resolveDirective, createElementBlock, openBlock, mergeProps, createBlock, withDirectives, createCommentVNode, withModifiers, unref, createTextVNode, toDisplayString, withCtx, createElementVNode, createVNode, normalizeProps, Fragment } from "vue";
+import { t as tt } from "../vendor/single-spa/lib/es2015/esm/single-spa.min.es.js";
+import { u as useWangsVueConfig } from "../plugins/WangsVue.es.js";
+import { m as mergePropsWithDefaults } from "../utils/mergePropsWithDefaults.util.es.js";
+import { g as getNestedPropertyValue } from "../utils/object.util.es.js";
+import { f as formatUserName } from "../utils/textFormatter.util.es.js";
+import { s as script } from "../vendor/primevue/skeleton/skeleton.esm.es.js";
+import { _ as _sfc_main$2 } from "../icon/index.es.js";
+import { _ as _sfc_main$1 } from "../image/index.es.js";
+import { _ as _sfc_main$3 } from "../overlaypanel/index.es.js";
+const _hoisted_1 = { key: 0 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "UserName",
   props: {
     user: {},
-    fetchDetailOnPanelShow: { type: Boolean, default: !0 },
+    fetchDetailOnPanelShow: { type: Boolean, default: true },
     detailUserPath: {},
     type: {},
     showUserName: { type: Boolean, default: void 0 },
@@ -21,126 +22,139 @@ const ee = { key: 0 }, me = /* @__PURE__ */ A({
     profilePictureField: {},
     getUserDetail: {}
   },
-  setup(z) {
-    const r = z, { locale: E, defaultProps: T } = L("UserName"), n = h(() => Q(r, T)), f = N(!1), s = N(), g = N(!1), w = H(), m = h(
-      () => _(
-        r.user ?? {},
-        n.value.userNameField
+  setup(__props) {
+    const props = __props;
+    const { locale, defaultProps } = useWangsVueConfig("UserName");
+    const config = computed(() => mergePropsWithDefaults(props, defaultProps));
+    const loadingUser = shallowRef(false);
+    const fullUserObject = shallowRef();
+    const showPreview = shallowRef(false);
+    const miniProfile = ref();
+    const userDisplayName = computed(
+      () => getNestedPropertyValue(
+        props.user ?? {},
+        config.value.userNameField
       )
-    ), D = h(() => n.value.formatUserName ? X(m.value) : m.value), W = async () => {
-      var t, e, y;
-      if (!s.value && r.fetchDetailOnPanelShow)
+    );
+    const truncatedUserName = computed(() => {
+      return config.value.formatUserName ? formatUserName(userDisplayName.value) : userDisplayName.value;
+    });
+    const adjustPosition = async () => {
+      var _a, _b, _c;
+      if (!fullUserObject.value && props.fetchDetailOnPanelShow) {
         try {
-          f.value = !0;
-          const o = await ((y = (e = n.value).getUserDetail) == null ? void 0 : y.call(e, (t = r.user) == null ? void 0 : t._id));
-          s.value = o;
-        } catch (o) {
-          console.error(o);
+          loadingUser.value = true;
+          const data = await ((_c = (_b = config.value).getUserDetail) == null ? void 0 : _c.call(_b, (_a = props.user) == null ? void 0 : _a._id));
+          fullUserObject.value = data;
+        } catch (error) {
+          console.error(error);
         } finally {
-          f.value = !1;
+          loadingUser.value = false;
         }
-      else r.fetchDetailOnPanelShow || (s.value = r.user);
+      } else if (!props.fetchDetailOnPanelShow) {
+        fullUserObject.value = props.user;
+      }
     };
-    return (t, e) => {
-      const y = I("tooltip");
-      return Object.keys(r.user ?? {}).length < 1 ? (a(), u("span", ee, " - ")) : (a(), u("span", i({
+    return (_ctx, _cache) => {
+      const _directive_tooltip = resolveDirective("tooltip");
+      return Object.keys(props.user ?? {}).length < 1 ? (openBlock(), createElementBlock("span", _hoisted_1, " - ")) : (openBlock(), createElementBlock("span", mergeProps({
         key: 1,
-        onClick: e[4] || (e[4] = //@ts-ignore
-        (...o) => {
-          var l, c;
-          return ((l = w.value) == null ? void 0 : l.toggle) && ((c = w.value) == null ? void 0 : c.toggle(...o));
+        onClick: _cache[4] || (_cache[4] = //@ts-ignore
+        (...args) => {
+          var _a, _b;
+          return ((_a = miniProfile.value) == null ? void 0 : _a.toggle) && ((_b = miniProfile.value) == null ? void 0 : _b.toggle(...args));
         })
-      }, t.$preset.username.root, {
+      }, _ctx.$preset.username.root, {
         "data-wv-name": "username",
         "data-wv-section": "root"
       }), [
-        n.value.type == "picture" ? (a(), d(j, {
+        config.value.type == "picture" ? (openBlock(), createBlock(_sfc_main$1, {
           key: 0,
-          preview: m.value !== void 0,
-          src: v(_)(
-            r.user ?? {},
-            n.value.profilePictureField
+          preview: userDisplayName.value !== void 0,
+          src: unref(getNestedPropertyValue)(
+            props.user ?? {},
+            config.value.profilePictureField
           ),
-          onClick: e[0] || (e[0] = F((o) => {
-            var l;
-            m.value || (l = w.value) == null || l.toggle(o);
+          onClick: _cache[0] || (_cache[0] = withModifiers(($event) => {
+            var _a;
+            if (!userDisplayName.value) (_a = miniProfile.value) == null ? void 0 : _a.toggle($event);
           }, ["stop"])),
           rounded: "",
           size: "small"
-        }, null, 8, ["preview", "src"])) : (a(), d(Y, {
+        }, null, 8, ["preview", "src"])) : (openBlock(), createBlock(_sfc_main$2, {
           key: 1,
           class: "text-general-300 text-base",
           icon: "user"
         })),
-        n.value.showUserName ? M((a(), u("span", i({ key: 2 }, t.$preset.username.displayname({ props: r }), { "data-wv-section": "displayname" }), [
-          U(p(D.value), 1)
+        config.value.showUserName ? withDirectives((openBlock(), createElementBlock("span", mergeProps({ key: 2 }, _ctx.$preset.username.displayname({ props }), { "data-wv-section": "displayname" }), [
+          createTextVNode(toDisplayString(truncatedUserName.value), 1)
         ], 16)), [
           [
-            y,
-            D.value === m.value ? void 0 : m.value,
+            _directive_tooltip,
+            truncatedUserName.value === userDisplayName.value ? void 0 : userDisplayName.value,
             void 0,
-            { top: !0 }
+            { top: true }
           ]
-        ]) : P("", !0),
-        Object.keys(r.user ?? {}).length > 1 ? (a(), d(Z, {
+        ]) : createCommentVNode("", true),
+        Object.keys(props.user ?? {}).length > 1 ? (openBlock(), createBlock(_sfc_main$3, {
           key: 3,
           ref_key: "miniProfile",
-          ref: w,
-          dismissable: !g.value,
-          onShow: W
+          ref: miniProfile,
+          dismissable: !showPreview.value,
+          onShow: adjustPosition
         }, {
-          default: R(() => {
-            var o, l, c, b, B, C, O, S;
+          default: withCtx(() => {
+            var _a, _b, _c, _d, _e, _f, _g, _h;
             return [
-              k("div", i(t.$preset.username.panel.contentwrapper, { "data-wv-section": "contentwrapper" }), [
-                k("div", i(t.$preset.username.panel.background, { "data-wv-section": "background" }), null, 16),
-                q(j, {
-                  src: ((o = s.value) == null ? void 0 : o.profilePicture) ?? ((l = s.value) == null ? void 0 : l.profilePictureBig),
+              createElementVNode("div", mergeProps(_ctx.$preset.username.panel.contentwrapper, { "data-wv-section": "contentwrapper" }), [
+                createElementVNode("div", mergeProps(_ctx.$preset.username.panel.background, { "data-wv-section": "background" }), null, 16),
+                createVNode(_sfc_main$1, {
+                  src: ((_a = fullUserObject.value) == null ? void 0 : _a.profilePicture) ?? ((_b = fullUserObject.value) == null ? void 0 : _b.profilePictureBig),
                   width: 60,
-                  onHide: e[1] || (e[1] = (V) => g.value = !1),
-                  onShow: e[2] || (e[2] = (V) => g.value = !0),
+                  onHide: _cache[1] || (_cache[1] = ($event) => showPreview.value = false),
+                  onShow: _cache[2] || (_cache[2] = ($event) => showPreview.value = true),
                   class: "w-[60px] h-[60px]",
                   rounded: ""
                 }, null, 8, ["src"]),
-                f.value ? (a(), d(v($), {
+                !loadingUser.value ? (openBlock(), createElementBlock("div", normalizeProps(mergeProps({ key: 0 }, _ctx.$preset.username.panel.detailwrapper)), [
+                  createElementVNode("h4", mergeProps(_ctx.$preset.username.panel.username, { "data-wv-section": "username" }), [
+                    createTextVNode(toDisplayString((_c = fullUserObject.value) == null ? void 0 : _c.fullName) + " ", 1),
+                    ((_d = fullUserObject.value) == null ? void 0 : _d.nickName) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                      createTextVNode(" (" + toDisplayString((_e = fullUserObject.value) == null ? void 0 : _e.nickName) + ") ", 1)
+                    ], 64)) : createCommentVNode("", true)
+                  ], 16),
+                  createElementVNode("span", mergeProps(_ctx.$preset.username.panel.useremail, { "data-wv-section": "useremail" }), toDisplayString((_f = fullUserObject.value) == null ? void 0 : _f.email), 17)
+                ], 16)) : (openBlock(), createBlock(unref(script), {
                   key: 1,
                   height: "29px",
                   width: "100px"
-                })) : (a(), u("div", G(i({ key: 0 }, t.$preset.username.panel.detailwrapper)), [
-                  k("h4", i(t.$preset.username.panel.username, { "data-wv-section": "username" }), [
-                    U(p((c = s.value) == null ? void 0 : c.fullName) + " ", 1),
-                    (b = s.value) != null && b.nickName ? (a(), u(J, { key: 0 }, [
-                      U(" (" + p((B = s.value) == null ? void 0 : B.nickName) + ") ", 1)
-                    ], 64)) : P("", !0)
-                  ], 16),
-                  k("span", i(t.$preset.username.panel.useremail, { "data-wv-section": "useremail" }), p((C = s.value) == null ? void 0 : C.email), 17)
-                ], 16)),
-                f.value ? (a(), d(v($), {
+                })),
+                !loadingUser.value ? (openBlock(), createElementBlock("span", mergeProps({ key: 2 }, _ctx.$preset.username.panel.positiondivision, { "data-wv-section": "positiondivision" }), toDisplayString((_g = fullUserObject.value) == null ? void 0 : _g.division) + " / " + toDisplayString((_h = fullUserObject.value) == null ? void 0 : _h.position), 17)) : (openBlock(), createBlock(unref(script), {
                   key: 3,
                   height: "12px",
                   width: "60px"
-                })) : (a(), u("span", i({ key: 2 }, t.$preset.username.panel.positiondivision, { "data-wv-section": "positiondivision" }), p((O = s.value) == null ? void 0 : O.division) + " / " + p((S = s.value) == null ? void 0 : S.position), 17)),
-                f.value ? (a(), d(v($), {
-                  key: 5,
-                  width: "75px"
-                })) : (a(), u("a", i({
+                })),
+                !loadingUser.value ? (openBlock(), createElementBlock("a", mergeProps({
                   key: 4,
-                  onClick: e[3] || (e[3] = F((V) => {
-                    var x;
-                    return v(K)(
-                      n.value.detailUserPath.replace("{userId}", (x = r.user) == null ? void 0 : x._id)
+                  onClick: _cache[3] || (_cache[3] = withModifiers(($event) => {
+                    var _a2;
+                    return unref(tt)(
+                      config.value.detailUserPath.replace("{userId}", (_a2 = props.user) == null ? void 0 : _a2._id)
                     );
                   }, ["stop"]))
-                }, t.$preset.username.panel.userdetaillink, { "data-wv-section": "userdetaillink" }), p(v(E).detailUserAnchorText), 17))
+                }, _ctx.$preset.username.panel.userdetaillink, { "data-wv-section": "userdetaillink" }), toDisplayString(unref(locale).detailUserAnchorText), 17)) : (openBlock(), createBlock(unref(script), {
+                  key: 5,
+                  width: "75px"
+                }))
               ], 16)
             ];
           }),
           _: 1
-        }, 8, ["dismissable"])) : P("", !0)
+        }, 8, ["dismissable"])) : createCommentVNode("", true)
       ], 16));
     };
   }
 });
 export {
-  me as _
+  _sfc_main as _
 };

package/utils/addAttachment.util.es.js

@@ -1,24 +1,50 @@
-const e = (t) => t.startsWith("image/") ? "image" : t.includes("mp4") ? "mp4" : t === "video/x-matroska" ? "mkv" : t === "text/plain" ? "txt" : t === "text/csv" ? "csv" : t === "text/html" ? "html" : t === "application/json" ? "json" : t === "application/pdf" ? "pdf" : t === "application/vnd.ms-excel" || t === "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" ? "xls" : t === "application/msword" || t === "application/vnd.openxmlformats-officedocument.wordprocessingml.document" ? "doc" : t.startsWith("application/x-url") ? "link" : t.includes("application/x-zip-compressed") || t.includes("application/x-compressed") ? "compressed" : "unknown", s = (t) => ({
-  name: t.name,
-  type: t.type,
-  size: t.size,
-  webkitRelativePath: t.webkitRelativePath,
-  fileType: e(t.type),
-  file: t,
-  imgPreviewURL: e(t.type) === "image" ? URL.createObjectURL(t) : void 0
-}), i = (t, n = 1) => {
-  var a;
-  if (n *= 1048576, !((a = t.type) != null && a.length))
-    return !1;
-  const r = e(t.type);
-  return t.size <= (r === "mp4" || r === "mkv" ? 10485760 : n);
-}, o = (t) => {
-  var n;
-  return !!((n = t.type) != null && n.length);
+const MAX_FILE_SIZE = 1 * 1024 * 1024;
+const MAX_VIDEO_SIZE = 10 * 1024 * 1024;
+const getFileType = (mimeType) => {
+  if (mimeType.startsWith("image/")) return "image";
+  if (mimeType.includes("mp4")) return "mp4";
+  if (mimeType === "video/x-matroska") return "mkv";
+  if (mimeType === "text/plain") return "txt";
+  if (mimeType === "text/csv") return "csv";
+  if (mimeType === "text/html") return "html";
+  if (mimeType === "application/json") return "json";
+  if (mimeType === "application/pdf") return "pdf";
+  if (mimeType === "application/vnd.ms-excel" || mimeType === "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet")
+    return "xls";
+  if (mimeType === "application/msword" || mimeType === "application/vnd.openxmlformats-officedocument.wordprocessingml.document")
+    return "doc";
+  if (mimeType.startsWith("application/x-url")) return "link";
+  if (mimeType.includes("application/x-zip-compressed") || mimeType.includes("application/x-compressed"))
+    return "compressed";
+  return "unknown";
+};
+const formatFile = (file) => {
+  return {
+    name: file.name,
+    type: file.type,
+    size: file.size,
+    webkitRelativePath: file.webkitRelativePath,
+    fileType: getFileType(file.type),
+    file,
+    imgPreviewURL: getFileType(file.type) === "image" ? URL.createObjectURL(file) : void 0
+  };
+};
+const validateFileSize = (file, customFileSize = 1) => {
+  var _a;
+  customFileSize *= MAX_FILE_SIZE;
+  if (!((_a = file.type) == null ? void 0 : _a.length)) {
+    return false;
+  }
+  const fileType = getFileType(file.type);
+  return file.size <= (fileType === "mp4" || fileType === "mkv" ? MAX_VIDEO_SIZE : customFileSize);
+};
+const validateFileType = (file) => {
+  var _a;
+  return !!((_a = file.type) == null ? void 0 : _a.length);
 };
 export {
-  i as a,
-  s as f,
-  e as g,
-  o as v
+  validateFileType as a,
+  formatFile as f,
+  getFileType as g,
+  validateFileSize as v
 };