vlite3 0.7.13 → 0.7.15

package/components/List/List.vue.js

@@ -1,21 +1,21 @@
-import { defineComponent as T, useSlots as z, computed as v, openBlock as t, createElementBlock as r, normalizeClass as g, renderSlot as k, createBlock as y, createCommentVNode as m, createElementVNode as u, toDisplayString as A, Fragment as c, renderList as f, createSlots as p, withCtx as C, mergeProps as x } from "vue";
-import G from "../Icon.vue.js";
-import $ from "./ListFieldRow.vue.js";
-import { $t as P } from "../../utils/i18n.js";
-import { getObjectValue as q } from "./utils.js";
-const H = {
+import { defineComponent as J, useSlots as K, computed as g, openBlock as r, createElementBlock as l, normalizeClass as C, renderSlot as p, createBlock as x, createCommentVNode as k, createElementVNode as d, toDisplayString as N, Fragment as b, renderList as f, unref as S, isMemoSame as B, createSlots as j, withCtx as L, mergeProps as M } from "vue";
+import Q from "../Icon.vue.js";
+import F from "./ListFieldRow.vue.js";
+import { $t as U } from "../../utils/i18n.js";
+import { getObjectValue as $ } from "./utils.js";
+const W = {
   key: 0,
   class: "px-3 py-2.5 border-b border-border/70 flex items-center gap-2 bg-gray-50"
-}, J = { class: "text-sm font-semibold text-gray-900 tracking-tight" }, K = { class: "sm:hidden" }, N = { class: "hidden sm:block" }, Q = { class: "sm:hidden" }, U = { class: "hidden sm:block" }, W = {
+}, X = { class: "text-sm font-semibold text-gray-900 tracking-tight" }, Y = { class: "sm:hidden" }, Z = { class: "hidden sm:block" }, _ = { class: "sm:hidden" }, ee = { class: "hidden sm:block" }, te = {
   key: 0,
   class: "px-3 py-8 text-center text-sm text-muted-foreground"
-}, X = { key: 1 }, Y = { key: 2 }, Z = {
+}, re = { key: 1 }, oe = { key: 2 }, le = {
   key: 1,
   class: "px-3 py-8 text-center text-sm text-muted-foreground"
-}, _ = {
+}, ne = {
   key: 3,
   class: "border-t border-border/70 px-3 py-2.5"
-}, ne = /* @__PURE__ */ T({
+}, me = /* @__PURE__ */ J({
   __name: "List",
   props: {
     fields: {},
@@ -31,31 +31,31 @@ const H = {
     skeletonRows: { default: 6 },
     stackedBorderStyle: { default: "none" }
   },
-  setup(d) {
-    const o = d, D = z(), h = v(() => o.fields.filter((l) => {
-      const a = q(l.key, o.data);
-      return l.whenTrue && !a ? !1 : l.when ? l.when(a, o.data) : !0;
-    })), i = v(() => {
+  setup(s) {
+    const o = s, G = K(), y = g(() => o.fields.filter((n) => {
+      const u = $(n.key, o.data);
+      return n.whenTrue && !u ? !1 : n.when ? n.when(u, o.data) : !0;
+    })), i = g(() => {
       if (o.columns === 1)
-        return { left: [], right: [], full: h.value };
-      const l = [], a = [], n = [];
-      for (const s of h.value) {
-        if (s.lineByLine) {
-          n.push(s);
+        return { left: [], right: [], full: y.value };
+      const n = [], u = [], t = [];
+      for (const h of y.value) {
+        if (h.lineByLine) {
+          t.push(h);
           continue;
         }
-        l.length <= a.length ? l.push(s) : a.push(s);
+        n.length <= u.length ? n.push(h) : u.push(h);
       }
-      const e = Math.abs(l.length - a.length);
+      const e = Math.abs(n.length - u.length);
       if (e >= 2) {
-        const s = l.length > a.length ? l : a, b = s.splice(s.length - Math.floor(e / 2));
-        n.unshift(...b);
+        const h = n.length > u.length ? n : u, a = h.splice(h.length - Math.floor(e / 2));
+        t.unshift(...a);
       }
-      return { left: l, right: a, full: n };
-    }), S = v(() => i.value.full.length > 0), E = v(
+      return { left: n, right: u, full: t };
+    }), D = g(() => i.value.full.length > 0), P = g(
       () => i.value.left.length > 0 || i.value.right.length > 0
-    ), B = v(() => o.titleI18n ? P(o.titleI18n) : o.title ?? ""), j = v(() => o.variant === "stacked"), O = v(() => {
-      const l = {
+    ), E = g(() => o.titleI18n ? U(o.titleI18n) : o.title ?? ""), O = g(() => o.variant === "stacked"), q = g(() => {
+      const n = {
         default: "border border-border rounded",
         card: "border border-border rounded bg-card shadow-sm",
         minimal: "rounded",
@@ -66,205 +66,230 @@ const H = {
       };
       return [
         "list-component w-full overflow-hidden",
-        l[o.variant] ?? l.default,
+        n[o.variant] ?? n.default,
         o.class
       ].join(" ");
-    }), L = v(() => o.columns === 1 ? "grid grid-cols-1" : o.columns === 3 ? "grid grid-cols-1 md:grid-cols-3" : "grid grid-cols-1 md:grid-cols-2"), F = v(() => o.columns === 1 ? "" : "border-r border-border/70"), M = v(() => o.columns === 1 ? 1 : o.columns === 3 ? 3 : 2), V = v(() => o.columns === 1 ? "grid grid-cols-1 pb-2.5 pt-1 px-1" : o.columns === 3 ? "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 pb-2.5 pt-1 px-1" : "grid grid-cols-1 sm:grid-cols-2 pb-2.5 pt-1 px-1"), w = v(
-      () => Object.keys(D).filter((l) => !["title", "header", "footer"].includes(l))
-    ), I = v(() => Array.from({ length: o.skeletonRows }));
-    function R(l) {
-      return o.stackedBorderStyle === "divider" && l % M.value !== 0 ? "flex flex-col gap-1.5 py-2 border-l border-border pl-4 pr-3.5" : "flex flex-col gap-1.5 px-3.5 py-2";
+    }), R = g(() => o.columns === 1 ? "grid grid-cols-1" : o.columns === 3 ? "grid grid-cols-1 md:grid-cols-3" : "grid grid-cols-1 md:grid-cols-2"), T = g(() => o.columns === 1 ? "" : "border-r border-border/70"), z = g(() => o.columns === 1 ? 1 : o.columns === 3 ? 3 : 2), A = g(() => o.columns === 1 ? "grid grid-cols-1 pb-2.5 pt-1 px-1" : o.columns === 3 ? "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 pb-2.5 pt-1 px-1" : "grid grid-cols-1 sm:grid-cols-2 pb-2.5 pt-1 px-1"), I = g(
+      () => Object.keys(G).filter((n) => !["title", "header", "footer"].includes(n))
+    ), V = g(() => Array.from({ length: o.skeletonRows }));
+    function H(n) {
+      return o.stackedBorderStyle === "divider" && n % z.value !== 0 ? "flex flex-col gap-1.5 py-2 border-l border-border pl-4 pr-3.5" : "flex flex-col gap-1.5 px-3.5 py-2";
     }
-    return (l, a) => (t(), r("div", {
-      class: g(O.value),
+    return (n, u) => (r(), l("div", {
+      class: C(q.value),
       role: "table",
       "aria-label": "Information list"
     }, [
-      B.value || d.titleIcon || l.$slots.title ? (t(), r("div", H, [
-        k(l.$slots, "title", {}, () => [
-          d.titleIcon ? (t(), y(G, {
+      E.value || s.titleIcon || n.$slots.title ? (r(), l("div", W, [
+        p(n.$slots, "title", {}, () => [
+          s.titleIcon ? (r(), x(Q, {
             key: 0,
-            icon: d.titleIcon,
+            icon: s.titleIcon,
             class: "w-4 h-4 text-muted-foreground shrink-0"
-          }, null, 8, ["icon"])) : m("", !0),
-          u("h3", J, A(B.value), 1)
+          }, null, 8, ["icon"])) : k("", !0),
+          d("h3", X, N(E.value), 1)
         ])
-      ])) : m("", !0),
-      d.loading ? (t(), r(c, { key: 1 }, [
-        j.value ? (t(), r(c, { key: 0 }, [
-          u("div", K, [
-            (t(!0), r(c, null, f(I.value, (n, e) => (t(), r("div", {
+      ])) : k("", !0),
+      s.loading ? (r(), l(b, { key: 1 }, [
+        O.value ? (r(), l(b, { key: 0 }, [
+          d("div", Y, [
+            (r(!0), l(b, null, f(V.value, (t, e) => (r(), l("div", {
               key: "sk-sm-" + e,
               class: "flex justify-between gap-3 px-3 py-2.5 border-b border-border/70 last:border-b-0"
-            }, [...a[0] || (a[0] = [
-              u("div", { class: "h-4 w-1/3 rounded bg-muted animate-pulse" }, null, -1),
-              u("div", { class: "h-4 w-2/5 rounded bg-muted/60 animate-pulse" }, null, -1)
+            }, [...u[10] || (u[10] = [
+              d("div", { class: "h-4 w-1/3 rounded bg-muted animate-pulse" }, null, -1),
+              d("div", { class: "h-4 w-2/5 rounded bg-muted/60 animate-pulse" }, null, -1)
             ])]))), 128))
           ]),
-          u("div", N, [
-            u("div", {
-              class: g(V.value)
+          d("div", Z, [
+            d("div", {
+              class: C(A.value)
             }, [
-              (t(!0), r(c, null, f(I.value, (n, e) => (t(), r("div", {
+              (r(!0), l(b, null, f(V.value, (t, e) => (r(), l("div", {
                 key: "sk-s-" + e,
-                class: g(R(e))
-              }, [...a[1] || (a[1] = [
-                u("div", { class: "h-3 w-1/3 rounded bg-muted/60 animate-pulse" }, null, -1),
-                u("div", { class: "h-4 w-2/3 rounded bg-muted animate-pulse" }, null, -1)
+                class: C(H(e))
+              }, [...u[11] || (u[11] = [
+                d("div", { class: "h-3 w-1/3 rounded bg-muted/60 animate-pulse" }, null, -1),
+                d("div", { class: "h-4 w-2/3 rounded bg-muted animate-pulse" }, null, -1)
               ])], 2))), 128))
             ], 2)
           ])
-        ], 64)) : (t(), r("div", {
+        ], 64)) : (r(), l("div", {
           key: 1,
-          class: g(L.value)
+          class: C(R.value)
         }, [
-          u("div", null, [
-            (t(!0), r(c, null, f(I.value, (n, e) => (t(), r("div", {
+          d("div", null, [
+            (r(!0), l(b, null, f(V.value, (t, e) => (r(), l("div", {
               key: "sk-l-" + e,
               class: "flex justify-between gap-3 px-3 py-2.5 border-b border-border/70 last:border-b-0"
-            }, [...a[2] || (a[2] = [
-              u("div", { class: "h-4 w-1/3 rounded bg-muted animate-pulse" }, null, -1),
-              u("div", { class: "h-4 w-2/5 rounded bg-muted/60 animate-pulse" }, null, -1)
+            }, [...u[12] || (u[12] = [
+              d("div", { class: "h-4 w-1/3 rounded bg-muted animate-pulse" }, null, -1),
+              d("div", { class: "h-4 w-2/5 rounded bg-muted/60 animate-pulse" }, null, -1)
             ])]))), 128))
           ]),
-          d.columns !== 1 ? (t(), r("div", {
+          s.columns !== 1 ? (r(), l("div", {
             key: 0,
-            class: g(F.value)
+            class: C(T.value)
           }, [
-            (t(!0), r(c, null, f(I.value, (n, e) => (t(), r("div", {
+            (r(!0), l(b, null, f(V.value, (t, e) => (r(), l("div", {
               key: "sk-r-" + e,
               class: "flex justify-between gap-3 px-3 py-2.5 border-b border-border/70 last:border-b-0"
-            }, [...a[3] || (a[3] = [
-              u("div", { class: "h-4 w-1/3 rounded bg-muted animate-pulse" }, null, -1),
-              u("div", { class: "h-4 w-2/5 rounded bg-muted/60 animate-pulse" }, null, -1)
+            }, [...u[13] || (u[13] = [
+              d("div", { class: "h-4 w-1/3 rounded bg-muted animate-pulse" }, null, -1),
+              d("div", { class: "h-4 w-2/5 rounded bg-muted/60 animate-pulse" }, null, -1)
             ])]))), 128))
-          ], 2)) : m("", !0)
+          ], 2)) : k("", !0)
         ], 2))
-      ], 64)) : (t(), r(c, { key: 2 }, [
-        j.value ? (t(), r(c, { key: 0 }, [
-          u("div", Q, [
-            (t(!0), r(c, null, f(h.value, (n, e) => (t(), y($, {
-              key: "mob-" + n.key + e,
-              field: n,
-              data: o.data,
-              index: e,
-              variant: "default",
-              "show-colon": d.showColon,
-              "is-last": e === h.value.length - 1,
-              "show-border-bottom": e < h.value.length - 1
-            }, p({ _: 2 }, [
-              f(w.value, (s) => ({
-                name: s,
-                fn: C((b) => [
-                  k(l.$slots, s, x({ ref_for: !0 }, b))
-                ])
-              }))
-            ]), 1032, ["field", "data", "index", "show-colon", "is-last", "show-border-bottom"]))), 128))
-          ]),
-          u("div", U, [
-            u("div", {
-              class: g(V.value)
-            }, [
-              (t(!0), r(c, null, f(h.value, (n, e) => (t(), y($, {
-                key: n.key + e,
-                field: n,
+      ], 64)) : (r(), l(b, { key: 2 }, [
+        O.value ? (r(), l(b, { key: 0 }, [
+          d("div", _, [
+            (r(!0), l(b, null, f(y.value, (t, e, h, a) => {
+              const m = [t, S($)(t.key, o.data), s.variant, s.showColon];
+              if (a && a.key === "mob-" + t.key + e && B(a, m)) return a;
+              const v = (r(), x(F, {
+                key: "mob-" + t.key + e,
+                field: t,
                 data: o.data,
                 index: e,
-                variant: d.variant,
-                "show-colon": !1,
-                "is-last": e === h.value.length - 1,
-                "show-border-bottom": !1,
-                "stacked-col-index": e % M.value,
-                "stacked-border-style": d.stackedBorderStyle
-              }, p({ _: 2 }, [
-                f(w.value, (s) => ({
-                  name: s,
-                  fn: C((b) => [
-                    k(l.$slots, s, x({ ref_for: !0 }, b))
+                variant: "default",
+                "show-colon": s.showColon,
+                "is-last": e === y.value.length - 1,
+                "show-border-bottom": e < y.value.length - 1
+              }, j({ _: 2 }, [
+                f(I.value, (c) => ({
+                  name: c,
+                  fn: L((w) => [
+                    p(n.$slots, c, M({ ref_for: !0 }, w))
                   ])
                 }))
-              ]), 1032, ["field", "data", "index", "variant", "is-last", "stacked-col-index", "stacked-border-style"]))), 128))
+              ]), 1032, ["field", "data", "index", "show-colon", "is-last", "show-border-bottom"]));
+              return v.memo = m, v;
+            }, u, 0), 128))
+          ]),
+          d("div", ee, [
+            d("div", {
+              class: C(A.value)
+            }, [
+              (r(!0), l(b, null, f(y.value, (t, e, h, a) => {
+                const m = [t, S($)(t.key, o.data), s.variant, s.showColon];
+                if (a && a.key === t.key + e && B(a, m)) return a;
+                const v = (r(), x(F, {
+                  key: t.key + e,
+                  field: t,
+                  data: o.data,
+                  index: e,
+                  variant: s.variant,
+                  "show-colon": !1,
+                  "is-last": e === y.value.length - 1,
+                  "show-border-bottom": !1,
+                  "stacked-col-index": e % z.value,
+                  "stacked-border-style": s.stackedBorderStyle
+                }, j({ _: 2 }, [
+                  f(I.value, (c) => ({
+                    name: c,
+                    fn: L((w) => [
+                      p(n.$slots, c, M({ ref_for: !0 }, w))
+                    ])
+                  }))
+                ]), 1032, ["field", "data", "index", "variant", "is-last", "stacked-col-index", "stacked-border-style"]));
+                return v.memo = m, v;
+              }, u, 2), 128))
             ], 2)
           ]),
-          h.value.length === 0 ? (t(), r("div", W, " No information to display. ")) : m("", !0)
-        ], 64)) : (t(), r(c, { key: 1 }, [
-          u("div", {
-            class: g(L.value)
+          y.value.length === 0 ? (r(), l("div", te, " No information to display. ")) : k("", !0)
+        ], 64)) : (r(), l(b, { key: 1 }, [
+          d("div", {
+            class: C(R.value)
           }, [
-            i.value.left.length > 0 ? (t(), r("div", {
+            i.value.left.length > 0 ? (r(), l("div", {
               key: 0,
-              class: g(F.value)
+              class: C(T.value)
             }, [
-              (t(!0), r(c, null, f(i.value.left, (n, e) => (t(), y($, {
-                key: n.key + e,
-                field: n,
-                data: o.data,
-                index: e,
-                variant: d.variant,
-                "show-colon": d.showColon,
-                "is-last": e === i.value.left.length - 1,
-                "show-border-bottom": e < i.value.left.length - 1 || e === i.value.left.length - 1 && !S.value
-              }, p({ _: 2 }, [
-                f(w.value, (s) => ({
-                  name: s,
-                  fn: C((b) => [
-                    k(l.$slots, s, x({ ref_for: !0 }, b))
-                  ])
-                }))
-              ]), 1032, ["field", "data", "index", "variant", "show-colon", "is-last", "show-border-bottom"]))), 128))
-            ], 2)) : m("", !0),
-            d.columns !== 1 && i.value.right.length > 0 ? (t(), r("div", X, [
-              (t(!0), r(c, null, f(i.value.right, (n, e) => (t(), y($, {
-                key: n.key + e,
-                field: n,
+              (r(!0), l(b, null, f(i.value.left, (t, e, h, a) => {
+                const m = [t, S($)(t.key, o.data), s.variant, s.showColon];
+                if (a && a.key === t.key + e && B(a, m)) return a;
+                const v = (r(), x(F, {
+                  key: t.key + e,
+                  field: t,
+                  data: o.data,
+                  index: e,
+                  variant: s.variant,
+                  "show-colon": s.showColon,
+                  "is-last": e === i.value.left.length - 1,
+                  "show-border-bottom": e < i.value.left.length - 1 || e === i.value.left.length - 1 && !D.value
+                }, j({ _: 2 }, [
+                  f(I.value, (c) => ({
+                    name: c,
+                    fn: L((w) => [
+                      p(n.$slots, c, M({ ref_for: !0 }, w))
+                    ])
+                  }))
+                ]), 1032, ["field", "data", "index", "variant", "show-colon", "is-last", "show-border-bottom"]));
+                return v.memo = m, v;
+              }, u, 4), 128))
+            ], 2)) : k("", !0),
+            s.columns !== 1 && i.value.right.length > 0 ? (r(), l("div", re, [
+              (r(!0), l(b, null, f(i.value.right, (t, e, h, a) => {
+                const m = [t, S($)(t.key, o.data), s.variant, s.showColon];
+                if (a && a.key === t.key + e && B(a, m)) return a;
+                const v = (r(), x(F, {
+                  key: t.key + e,
+                  field: t,
+                  data: o.data,
+                  index: e,
+                  variant: s.variant,
+                  "show-colon": s.showColon,
+                  "is-last": e === i.value.right.length - 1,
+                  "show-border-bottom": e < i.value.right.length - 1 || e === i.value.right.length - 1 && !D.value
+                }, j({ _: 2 }, [
+                  f(I.value, (c) => ({
+                    name: c,
+                    fn: L((w) => [
+                      p(n.$slots, c, M({ ref_for: !0 }, w))
+                    ])
+                  }))
+                ]), 1032, ["field", "data", "index", "variant", "show-colon", "is-last", "show-border-bottom"]));
+                return v.memo = m, v;
+              }, u, 6), 128))
+            ])) : k("", !0),
+            s.columns === 3 ? (r(), l("div", oe)) : k("", !0)
+          ], 2),
+          D.value ? (r(), l("div", {
+            key: 0,
+            class: C(P.value ? "border-t border-border" : "")
+          }, [
+            (r(!0), l(b, null, f(i.value.full, (t, e, h, a) => {
+              const m = [t, S($)(t.key, o.data), s.variant, s.showColon];
+              if (a && a.key === t.key + e && B(a, m)) return a;
+              const v = (r(), x(F, {
+                key: t.key + e,
+                field: t,
                 data: o.data,
                 index: e,
-                variant: d.variant,
-                "show-colon": d.showColon,
-                "is-last": e === i.value.right.length - 1,
-                "show-border-bottom": e < i.value.right.length - 1 || e === i.value.right.length - 1 && !S.value
-              }, p({ _: 2 }, [
-                f(w.value, (s) => ({
-                  name: s,
-                  fn: C((b) => [
-                    k(l.$slots, s, x({ ref_for: !0 }, b))
+                variant: s.variant,
+                "show-colon": s.showColon,
+                "is-last": e === i.value.full.length - 1,
+                "show-border-bottom": e < i.value.full.length - 1
+              }, j({ _: 2 }, [
+                f(I.value, (c) => ({
+                  name: c,
+                  fn: L((w) => [
+                    p(n.$slots, c, M({ ref_for: !0 }, w))
                   ])
                 }))
-              ]), 1032, ["field", "data", "index", "variant", "show-colon", "is-last", "show-border-bottom"]))), 128))
-            ])) : m("", !0),
-            d.columns === 3 ? (t(), r("div", Y)) : m("", !0)
-          ], 2),
-          S.value ? (t(), r("div", {
-            key: 0,
-            class: g(E.value ? "border-t border-border" : "")
-          }, [
-            (t(!0), r(c, null, f(i.value.full, (n, e) => (t(), y($, {
-              key: n.key + e,
-              field: n,
-              data: o.data,
-              index: e,
-              variant: d.variant,
-              "show-colon": d.showColon,
-              "is-last": e === i.value.full.length - 1,
-              "show-border-bottom": e < i.value.full.length - 1
-            }, p({ _: 2 }, [
-              f(w.value, (s) => ({
-                name: s,
-                fn: C((b) => [
-                  k(l.$slots, s, x({ ref_for: !0 }, b))
-                ])
-              }))
-            ]), 1032, ["field", "data", "index", "variant", "show-colon", "is-last", "show-border-bottom"]))), 128))
-          ], 2)) : m("", !0),
-          h.value.length === 0 ? (t(), r("div", Z, " No information to display. ")) : m("", !0)
+              ]), 1032, ["field", "data", "index", "variant", "show-colon", "is-last", "show-border-bottom"]));
+              return v.memo = m, v;
+            }, u, 8), 128))
+          ], 2)) : k("", !0),
+          y.value.length === 0 ? (r(), l("div", le, " No information to display. ")) : k("", !0)
         ], 64))
       ], 64)),
-      l.$slots.footer ? (t(), r("div", _, [
-        k(l.$slots, "footer")
-      ])) : m("", !0)
+      n.$slots.footer ? (r(), l("div", ne, [
+        p(n.$slots, "footer")
+      ])) : k("", !0)
     ], 2));
   }
 });
 export {
-  ne as default
+  me as default
 };

package/components/Modal.vue.js

@@ -1,7 +1,7 @@
 import o from "./Modal.vue2.js";
 /* empty css           */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d2085008"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-537da95f"]]);
 export {
-  p as default
+  m as default
 };