vlite3 0.4.4 → 0.4.7

package/components/Screen/ScreenFilter.vue.js

@@ -1,9 +1,10 @@
-import { defineComponent as b, ref as V, computed as F, openBlock as r, createBlock as a, withCtx as s, createElementVNode as t, createVNode as n, unref as v, toDisplayString as w, withModifiers as k } from "vue";
-import p from "../Button.vue.js";
-import C from "../Modal.vue.js";
-import O from "../Dropdown/Dropdown.vue.js";
-import f from "../Icon.vue.js";
-import x from "../Form/Form.vue.js";
+import { defineComponent as $, ref as S, computed as p, openBlock as o, createBlock as a, withCtx as r, createElementVNode as l, createVNode as n, unref as w, toDisplayString as v, withModifiers as F } from "vue";
+import f from "../Button.vue.js";
+import j from "../Modal.vue.js";
+import z from "../Dropdown/Dropdown.vue.js";
+import h from "../Icon.vue.js";
+import { $t as x } from "../../utils/i18n.js";
+import C from "../Form/Form.vue.js";
 /* empty css                  */
 import "v-datepicker-lite";
 import "v-datepicker-lite/style.css";
@@ -15,7 +16,7 @@ import "iconify-icon-picker/style.css";
 /* empty css                        */
 /* empty css                      */
 import "../../core/config.js";
-const $ = { class: "" }, S = { class: "py-3 px-3.5 w-[300px] sm:w-[320px] max-h-[85vh] overflow-y-auto bg-card rounded-md border border-border shadow-lg text-left" }, P = /* @__PURE__ */ b({
+const B = { class: "" }, M = { class: "py-3 px-3.5 w-[300px] sm:w-[320px] max-h-[85vh] overflow-y-auto bg-card rounded-md border border-border shadow-lg text-left" }, X = /* @__PURE__ */ $({
   __name: "ScreenFilter",
   props: {
     schema: {},
@@ -23,63 +24,72 @@ const $ = { class: "" }, S = { class: "py-3 px-3.5 w-[300px] sm:w-[320px] max-h-
     type: { default: "modal" }
   },
   emits: ["update:modelValue", "change"],
-  setup(i, { emit: y }) {
-    const m = i, c = y, l = V(!1), d = F(() => m.modelValue ? Object.keys(m.modelValue).filter(
-      (o) => m.modelValue[o] !== "" && m.modelValue[o] !== null && m.modelValue[o] !== void 0
-    ).length : 0), h = (o) => {
-      c("update:modelValue", o.values), c("change", o.values), l.value = !1;
-    }, g = () => {
-      c("update:modelValue", {}), c("change", {});
-    };
-    return (o, e) => i.type === "modal" ? (r(), a(C, {
+  setup(i, { emit: O }) {
+    const u = i, m = O, s = S(!1), d = p(() => u.modelValue ? Object.keys(u.modelValue).filter(
+      (e) => u.modelValue[e] !== "" && u.modelValue[e] !== null && u.modelValue[e] !== void 0
+    ).length : 0), k = (e) => {
+      m("update:modelValue", e.values), m("change", e.values), s.value = !1;
+    }, y = () => {
+      m("update:modelValue", {}), m("change", {});
+    }, g = p(() => {
+      const e = x("vlite.screen.filters");
+      return e !== "vlite.screen.filters" ? e : "Filters";
+    }), b = p(() => {
+      const e = x("vlite.screen.applyFilters");
+      return e !== "vlite.screen.applyFilters" ? e : "Apply Filters";
+    }), V = p(() => {
+      const e = x("vlite.screen.filter");
+      return e !== "vlite.screen.filter" ? e : "Filter";
+    });
+    return (e, t) => i.type === "modal" ? (o(), a(j, {
       key: 0,
-      title: "Filters",
-      show: l.value,
-      "onUpdate:show": e[2] || (e[2] = (u) => l.value = u),
+      title: g.value,
+      show: s.value,
+      "onUpdate:show": t[2] || (t[2] = (c) => s.value = c),
       "max-width": "sm:max-w-md"
     }, {
-      trigger: s(() => [
-        d.value > 0 ? (r(), a(p, {
+      trigger: r(() => [
+        d.value > 0 ? (o(), a(f, {
           key: 0,
           variant: "secondary",
           class: "flex items-center gap-1.5 pl-3 pr-1.5 shrink-0",
-          onClick: e[0] || (e[0] = (u) => l.value = !0)
+          onClick: t[0] || (t[0] = (c) => s.value = !0)
         }, {
-          default: s(() => [
-            n(f, {
+          default: r(() => [
+            n(h, {
               icon: "ci:filter",
               class: "w-4 h-4"
             }),
-            t("span", null, "Filters (" + w(d.value) + ")", 1),
-            t("div", {
-              onClick: k(g, ["stop"]),
+            l("span", null, v(g.value) + " (" + v(d.value) + ")", 1),
+            l("div", {
+              onClick: F(y, ["stop"]),
               class: "ml-1 p-1 hover:bg-black/10 dark:hover:bg-white/10 rounded-full transition-colors cursor-pointer"
             }, [
-              n(f, {
+              n(h, {
                 icon: "lucide:x",
                 class: "w-4 h-4"
               })
             ])
           ]),
           _: 1
-        })) : (r(), a(p, {
+        })) : (o(), a(f, {
           key: 1,
           variant: "outline",
-          onClick: e[1] || (e[1] = (u) => l.value = !0),
-          title: "Filter",
+          onClick: t[1] || (t[1] = (c) => s.value = !0),
+          title: V.value,
           size: "lg",
           asIcon: "",
           class: "shrink-0 h-9! w-9!"
         }, {
-          default: s(() => [...e[4] || (e[4] = [
-            t("div", { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }, [
-              t("svg", {
+          default: r(() => [...t[4] || (t[4] = [
+            l("div", { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }, [
+              l("svg", {
                 xmlns: "http://www.w3.org/2000/svg",
                 width: "1.132em",
                 height: "1.132em",
                 viewBox: "0 0 24 24"
               }, [
-                t("path", {
+                l("path", {
                   fill: "none",
                   stroke: "currentColor",
                   "stroke-linecap": "round",
@@ -91,73 +101,73 @@ const $ = { class: "" }, S = { class: "py-3 px-3.5 w-[300px] sm:w-[320px] max-h-
             ], -1)
           ])]),
           _: 1
-        }))
+        }, 8, ["title"]))
       ]),
-      default: s(() => [
-        t("div", $, [
-          n(v(x), {
+      default: r(() => [
+        l("div", B, [
+          n(w(C), {
             schema: i.schema,
             values: i.modelValue,
-            "submit-text": "Apply Filters",
-            onOnSubmit: h
-          }, null, 8, ["schema", "values"])
+            "submit-text": b.value,
+            onOnSubmit: k
+          }, null, 8, ["schema", "values", "submit-text"])
         ])
       ]),
       _: 1
-    }, 8, ["show"])) : (r(), a(v(O), {
+    }, 8, ["title", "show"])) : (o(), a(w(z), {
       key: 1,
-      isOpen: l.value,
-      "onUpdate:isOpen": e[3] || (e[3] = (u) => l.value = u),
+      isOpen: s.value,
+      "onUpdate:isOpen": t[3] || (t[3] = (c) => s.value = c),
       "close-on-select": !1,
       position: "bottom-end",
       class: "w-auto"
     }, {
-      trigger: s(() => [
-        d.value > 0 ? (r(), a(p, {
+      trigger: r(() => [
+        d.value > 0 ? (o(), a(f, {
           key: 0,
           variant: "secondary",
           class: "flex items-center gap-1.5 pl-3 pr-1.5 shrink-0 bg-gray-150! hover:bg-gray-100!",
           style: { "pointer-events": "auto" }
         }, {
-          default: s(() => [
-            n(f, {
+          default: r(() => [
+            n(h, {
               icon: "ci:filter",
               class: "w-4 h-4"
             }),
-            t("span", null, "Filters (" + w(d.value) + ")", 1),
-            t("div", {
-              onClick: k(g, ["stop"]),
+            l("span", null, v(g.value) + " (" + v(d.value) + ")", 1),
+            l("div", {
+              onClick: F(y, ["stop"]),
               class: "ml-1 p-1 hover:bg-black/10 dark:hover:bg-white/10 rounded-full transition-colors cursor-pointer"
             }, [
-              n(f, {
+              n(h, {
                 icon: "lucide:x",
                 class: "w-4 h-4"
               })
             ])
           ]),
           _: 1
-        })) : (r(), a(p, {
+        })) : (o(), a(f, {
           key: 1,
           variant: "outline",
           icon: "hugeicons:filter-add",
-          title: "Filter",
+          title: V.value,
           size: "lg",
           class: "shrink-0 h-9! w-9!"
-        }))
+        }, null, 8, ["title"]))
       ]),
-      default: s(() => [
-        t("div", S, [
-          n(v(x), {
+      default: r(() => [
+        l("div", M, [
+          n(w(C), {
             schema: i.schema,
             values: i.modelValue,
-            "submit-text": "Apply Filters",
+            "submit-text": b.value,
             "submit-props": {
               size: "sm",
               class: "w-full",
               textClass: "-text-fs-1!"
             },
-            onOnSubmit: h
-          }, null, 8, ["schema", "values"])
+            onOnSubmit: k
+          }, null, 8, ["schema", "values", "submit-text"])
         ])
       ]),
       _: 1
@@ -165,5 +175,5 @@ const $ = { class: "" }, S = { class: "py-3 px-3.5 w-[300px] sm:w-[320px] max-h-
   }
 });
 export {
-  P as default
+  X as default
 };

package/components/Screen/types.d.ts

@@ -6,6 +6,7 @@ export interface ScreenPaginationProps extends Omit<PaginationProps, 'currentPag
 }
 export interface AddBtnConfig {
     label?: string;
+    labelI18n?: string;
     icon?: string;
     variant?: ButtonVariant;
     to?: string | Record<string, any>;
@@ -19,7 +20,9 @@ export interface AddBtnConfig {
 export interface ScreenProps {
     name?: string;
     title?: string;
+    titleI18n?: string;
     description?: string;
+    descriptionI18n?: string;
     pageInfo?: PageInfo;
     data?: any[];
     loading?: boolean;
@@ -37,7 +40,9 @@ export interface ScreenProps {
     }) => void;
     paginationProps?: ScreenPaginationProps;
     emptyTitle?: string;
+    emptyTitleI18n?: string;
     emptyDescription?: string;
+    emptyDescriptionI18n?: string;
     emptyIcon?: string;
     addComponent?: Component | any;
     addBtn?: AddBtnConfig;

package/components/SidePanel.vue.d.ts

@@ -3,7 +3,9 @@ import { SidePanelPosition, SidePanelSize } from '../types';
 interface Props {
     show?: boolean;
     title?: string;
+    titleI18n?: string;
     description?: string;
+    descriptionI18n?: string;
     position?: SidePanelPosition;
     size?: SidePanelSize;
     closeOutside?: boolean;

package/components/SidePanel.vue.js

@@ -1,7 +1,142 @@
-import o from "./SidePanel.vue2.js";
-/* empty css               */
-import a from "../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ a(o, [["__scopeId", "data-v-495f8aa0"]]);
+import { defineComponent as N, ref as P, watch as b, onUnmounted as D, computed as f, openBlock as s, createElementBlock as r, Fragment as T, createElementVNode as c, mergeProps as C, withModifiers as V, renderSlot as i, createCommentVNode as l, createBlock as y, Teleport as K, createVNode as h, Transition as k, withCtx as g, normalizeClass as d, toDisplayString as w, resolveDynamicComponent as j } from "vue";
+import F from "./Button.vue.js";
+import { useKeyStroke as L } from "../composables/useKeyStroke.js";
+import { $t as x } from "../utils/i18n.js";
+const M = { class: "text-lg font-bold text-foreground" }, U = {
+  key: 0,
+  class: "mt-1 text-sm text-muted-foreground"
+}, Q = /* @__PURE__ */ N({
+  inheritAttrs: !1,
+  __name: "SidePanel",
+  props: {
+    show: { type: Boolean, default: !1 },
+    title: {},
+    titleI18n: {},
+    description: {},
+    descriptionI18n: {},
+    position: { default: "right" },
+    size: { default: "md" },
+    closeOutside: { type: Boolean, default: !0 },
+    hideCloseButton: { type: Boolean, default: !1 },
+    class: { default: "" },
+    overlayClass: { default: "" },
+    bodyClass: { default: "" },
+    headerClass: { default: "" },
+    triggerClass: { default: "" },
+    footerClass: { default: "" },
+    backdrop: { type: Boolean, default: !0 },
+    body: {},
+    bodyProps: {}
+  },
+  emits: ["close", "update:show", "onOpen", "onAfterOpen", "onAfterClose"],
+  setup(t, { emit: $ }) {
+    const o = t, m = $, a = P(o.show);
+    b(
+      () => o.show,
+      (e) => {
+        a.value = e, e && m("onOpen");
+      }
+    );
+    const B = () => {
+      a.value = !0;
+    }, n = () => {
+      a.value = !1, m("update:show", !1), m("close");
+    }, z = () => {
+      o.closeOutside && n();
+    }, { onKeyStroke: A } = L();
+    A("Escape", n), b(a, (e) => {
+      e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "";
+    }), D(() => {
+      document.body.style.overflow = "";
+    });
+    const O = {
+      sm: "max-w-sm",
+      md: "max-w-md",
+      lg: "max-w-lg",
+      xl: "max-w-xl",
+      full: "max-w-full"
+    }, I = f(() => o.position === "left" ? "left-0" : "right-0"), S = f(() => o.position === "left" ? "slide-left" : "slide-right"), p = f(() => o.titleI18n ? x(o.titleI18n) : o.title), v = f(
+      () => o.descriptionI18n ? x(o.descriptionI18n) : o.description
+    );
+    return (e, u) => (s(), r(T, null, [
+      c("span", C({
+        onClick: V(B, ["stop"]),
+        class: `${t.triggerClass}`
+      }, e.$attrs), [
+        i(e.$slots, "trigger", {}, () => [
+          t.body ? i(e.$slots, "default", { key: 0 }) : l("", !0)
+        ])
+      ], 16),
+      (s(), y(K, { to: "body" }, [
+        h(k, {
+          "enter-active-class": "transition-opacity duration-300 ease-out",
+          "enter-from-class": "opacity-0",
+          "enter-to-class": "opacity-100",
+          "leave-active-class": "transition-opacity duration-200 ease-in",
+          "leave-from-class": "opacity-100",
+          "leave-to-class": "opacity-0"
+        }, {
+          default: g(() => [
+            a.value ? (s(), r("div", {
+              key: 0,
+              class: d(["fixed inset-0 z-50 bg-[#00000033]", [t.overlayClass, { "backdrop-blur-[2px]": t.backdrop }]]),
+              onClick: z
+            }, null, 2)) : l("", !0)
+          ]),
+          _: 1
+        }),
+        h(k, {
+          name: S.value,
+          onAfterEnter: u[0] || (u[0] = (E) => e.$emit("onAfterOpen")),
+          onAfterLeave: u[1] || (u[1] = (E) => e.$emit("onAfterClose"))
+        }, {
+          default: g(() => [
+            a.value ? (s(), r("div", {
+              key: 0,
+              class: d(["sidepanel-body fixed inset-y-0 z-50 flex flex-col bg-body shadow-sm border transition-transform duration-300 ease-in-out w-full", [O[t.size], I.value, o.class]])
+            }, [
+              p.value || e.$slots.header ? (s(), r("div", {
+                key: 0,
+                class: d([t.headerClass, "flex-none flex items-center justify-between px-6 py-2 border-b border-border"])
+              }, [
+                i(e.$slots, "header", {}, () => [
+                  c("div", null, [
+                    c("h3", M, w(p.value), 1),
+                    v.value ? (s(), r("p", U, w(v.value), 1)) : l("", !0)
+                  ])
+                ]),
+                t.hideCloseButton ? l("", !0) : (s(), y(F, {
+                  key: 0,
+                  rounded: "full",
+                  size: "sm",
+                  variant: "ghost",
+                  icon: "lucide:x",
+                  onClick: n,
+                  class: "-mr-2"
+                }))
+              ], 2)) : l("", !0),
+              c("div", {
+                class: d(["flex-1 overflow-y-auto px-6 py-4", t.bodyClass])
+              }, [
+                t.body ? (s(), y(j(t.body), C({ key: 0 }, { ...t.bodyProps, ...e.$attrs }, { close: n }), null, 16)) : i(e.$slots, "default", {
+                  key: 1,
+                  close: n
+                })
+              ], 2),
+              e.$slots.footer ? (s(), r("div", {
+                key: 1,
+                class: d(["flex-none px-6 py-3 border-t border-border", t.footerClass])
+              }, [
+                i(e.$slots, "footer", { close: n })
+              ], 2)) : l("", !0)
+            ], 2)) : l("", !0)
+          ]),
+          _: 3
+        }, 8, ["name"])
+      ]))
+    ], 64));
+  }
+});
 export {
-  f as default
+  Q as default
 };

package/components/SidePanel.vue2.js

@@ -1,137 +1,4 @@
-import { defineComponent as S, ref as E, watch as y, onUnmounted as N, computed as v, openBlock as o, createElementBlock as r, Fragment as P, createElementVNode as f, mergeProps as b, withModifiers as V, renderSlot as i, createCommentVNode as s, createBlock as m, Teleport as D, createVNode as p, Transition as C, withCtx as h, normalizeClass as d, toDisplayString as k, resolveDynamicComponent as K } from "vue";
-import T from "./Button.vue.js";
-import { useKeyStroke as j } from "../composables/useKeyStroke.js";
-const F = { class: "text-lg font-bold text-foreground" }, L = {
-  key: 0,
-  class: "mt-1 text-sm text-muted-foreground"
-}, G = /* @__PURE__ */ S({
-  inheritAttrs: !1,
-  __name: "SidePanel",
-  props: {
-    show: { type: Boolean, default: !1 },
-    title: {},
-    description: {},
-    position: { default: "right" },
-    size: { default: "md" },
-    closeOutside: { type: Boolean, default: !0 },
-    hideCloseButton: { type: Boolean, default: !1 },
-    class: { default: "" },
-    overlayClass: { default: "" },
-    bodyClass: { default: "" },
-    headerClass: { default: "" },
-    triggerClass: { default: "" },
-    footerClass: { default: "" },
-    backdrop: { type: Boolean, default: !0 },
-    body: {},
-    bodyProps: {}
-  },
-  emits: ["close", "update:show", "onOpen", "onAfterOpen", "onAfterClose"],
-  setup(e, { emit: g }) {
-    const l = e, c = g, a = E(l.show);
-    y(
-      () => l.show,
-      (t) => {
-        a.value = t, t && c("onOpen");
-      }
-    );
-    const w = () => {
-      a.value = !0;
-    }, n = () => {
-      a.value = !1, c("update:show", !1), c("close");
-    }, x = () => {
-      l.closeOutside && n();
-    }, { onKeyStroke: $ } = j();
-    $("Escape", n), y(a, (t) => {
-      t ? document.body.style.overflow = "hidden" : document.body.style.overflow = "";
-    }), N(() => {
-      document.body.style.overflow = "";
-    });
-    const B = {
-      sm: "max-w-sm",
-      md: "max-w-md",
-      lg: "max-w-lg",
-      xl: "max-w-xl",
-      full: "max-w-full"
-    }, z = v(() => l.position === "left" ? "left-0" : "right-0"), A = v(() => l.position === "left" ? "slide-left" : "slide-right");
-    return (t, u) => (o(), r(P, null, [
-      f("span", b({
-        onClick: V(w, ["stop"]),
-        class: `${e.triggerClass}`
-      }, t.$attrs), [
-        i(t.$slots, "trigger", {}, () => [
-          e.body ? i(t.$slots, "default", { key: 0 }, void 0, !0) : s("", !0)
-        ], !0)
-      ], 16),
-      (o(), m(D, { to: "body" }, [
-        p(C, {
-          "enter-active-class": "transition-opacity duration-300 ease-out",
-          "enter-from-class": "opacity-0",
-          "enter-to-class": "opacity-100",
-          "leave-active-class": "transition-opacity duration-200 ease-in",
-          "leave-from-class": "opacity-100",
-          "leave-to-class": "opacity-0"
-        }, {
-          default: h(() => [
-            a.value ? (o(), r("div", {
-              key: 0,
-              class: d(["fixed inset-0 z-50 bg-[#00000033]", [e.overlayClass, { "backdrop-blur-[2px]": e.backdrop }]]),
-              onClick: x
-            }, null, 2)) : s("", !0)
-          ]),
-          _: 1
-        }),
-        p(C, {
-          name: A.value,
-          onAfterEnter: u[0] || (u[0] = (O) => t.$emit("onAfterOpen")),
-          onAfterLeave: u[1] || (u[1] = (O) => t.$emit("onAfterClose"))
-        }, {
-          default: h(() => [
-            a.value ? (o(), r("div", {
-              key: 0,
-              class: d(["sidepanel-body fixed inset-y-0 z-50 flex flex-col bg-body shadow-sm border transition-transform duration-300 ease-in-out w-full", [B[e.size], z.value, l.class]])
-            }, [
-              e.title || t.$slots.header ? (o(), r("div", {
-                key: 0,
-                class: d([e.headerClass, "flex-none flex items-center justify-between px-6 py-2 border-b border-border"])
-              }, [
-                i(t.$slots, "header", {}, () => [
-                  f("div", null, [
-                    f("h3", F, k(e.title), 1),
-                    e.description ? (o(), r("p", L, k(e.description), 1)) : s("", !0)
-                  ])
-                ], !0),
-                e.hideCloseButton ? s("", !0) : (o(), m(T, {
-                  key: 0,
-                  rounded: "full",
-                  size: "sm",
-                  variant: "ghost",
-                  icon: "lucide:x",
-                  onClick: n,
-                  class: "-mr-2"
-                }))
-              ], 2)) : s("", !0),
-              f("div", {
-                class: d(["flex-1 overflow-y-auto px-6 py-4", e.bodyClass])
-              }, [
-                e.body ? (o(), m(K(e.body), b({ key: 0 }, { ...e.bodyProps, ...t.$attrs }, { close: n }), null, 16)) : i(t.$slots, "default", {
-                  key: 1,
-                  close: n
-                }, void 0, !0)
-              ], 2),
-              t.$slots.footer ? (o(), r("div", {
-                key: 1,
-                class: d(["flex-none px-6 py-3 border-t border-border", e.footerClass])
-              }, [
-                i(t.$slots, "footer", { close: n }, void 0, !0)
-              ], 2)) : s("", !0)
-            ], 2)) : s("", !0)
-          ]),
-          _: 3
-        }, 8, ["name"])
-      ]))
-    ], 64));
-  }
-});
+import f from "./SidePanel.vue.js";
 export {
-  G as default
+  f as default
 };