veloce-vue 0.22.0 → 0.23.0

package/components/Layout.vue.d.ts

@@ -1,34 +1,24 @@
-import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
-        'header-actions'?(_: {}): any;
+        'left-actions'?(_: {}): any;
+        'right-actions'?(_: {}): any;
         sidebar?(_: {
             showSidebar: true;
             onClose: () => void;
         }): any;
+        view?(_: {}): any;
     };
     refs: {};
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: DefineComponent<ExtractPropTypes<{
-    brandName: {
-        type: StringConstructor;
-        default: string;
-    };
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const __VLS_component: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     sidebar: (showSidebar: boolean) => any;
-}, string, PublicProps, Readonly< ExtractPropTypes<{
-    brandName: {
-        type: StringConstructor;
-        default: string;
-    };
-}>> & Readonly<{
+}, string, PublicProps, Readonly<{}> & Readonly<{
     onSidebar?: ((showSidebar: boolean) => any) | undefined;
-}>, {
-    brandName: string;
-}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/components/Layout.vue.js

@@ -1,83 +1,69 @@
-import { defineComponent as v, ref as g, onMounted as x, resolveComponent as d, createElementBlock as w, openBlock as a, Fragment as k, createElementVNode as o, createVNode as r, createBlock as m, createCommentVNode as u, unref as e, withCtx as n, toDisplayString as C, renderSlot as f, normalizeClass as S } from "vue";
+import { defineComponent as u, ref as f, onMounted as p, createElementBlock as h, openBlock as n, Fragment as b, createElementVNode as o, createVNode as l, renderSlot as i, unref as e, withCtx as c, createBlock as v, createCommentVNode as _, normalizeClass as g } from "vue";
 /* empty css           */
-import y from "../icons/Hamburger.vue.js";
-import { AnimatePresence as N, motion as V } from "motion-v";
-import B from "./Button.vue.js";
-import { useStorage as z } from "@vueuse/core";
+import w from "../icons/Hamburger.vue.js";
+import { AnimatePresence as x, motion as k } from "motion-v";
+import C from "./Button.vue.js";
+import { useStorage as S } from "@vueuse/core";
 /* empty css              */
-const E = { class: "flex h-14 items-center justify-between gap-4 border-b px-4" }, L = { class: "flex items-center gap-2" }, $ = { class: "text-base font-medium" }, j = { class: "header-actions flex items-center gap-2" }, A = { class: "relative h-[calc(100dvh-3.5rem)] overflow-hidden" }, G = /* @__PURE__ */ v({
+const B = { class: "flex h-14 items-center justify-between gap-4 border-b px-4" }, $ = { class: "flex items-center gap-2" }, y = { class: "header-actions flex items-center gap-2" }, z = { class: "relative h-[calc(100dvh-3.5rem)] overflow-hidden" }, M = /* @__PURE__ */ u({
   __name: "Layout",
-  props: {
-    brandName: { type: String, default: "VeloceVue" }
-  },
   emits: ["sidebar"],
-  setup(i, { emit: p }) {
-    const h = p, t = z("showSidebar", !1), s = g(!0);
-    x(() => setTimeout(() => s.value = !1, 100));
-    const l = () => {
-      t.value = !t.value, h("sidebar", t.value);
+  setup(N, { emit: d }) {
+    const m = d, t = S("showSidebar", !1), a = f(!0);
+    p(() => setTimeout(() => a.value = !1, 100));
+    const r = () => {
+      t.value = !t.value, m("sidebar", t.value);
     };
-    return (c, D) => {
-      const _ = d("router-link"), b = d("router-view");
-      return a(), w(k, null, [
-        o("header", E, [
-          o("div", L, [
-            r(e(B), {
-              icon: e(y),
-              iconClass: "size-6",
-              class: "p-1!",
-              variant: "soft",
-              onClick: l
-            }, null, 8, ["icon"]),
-            i.brandName ? (a(), m(_, {
+    return (s, V) => (n(), h(b, null, [
+      o("header", B, [
+        o("div", $, [
+          l(e(C), {
+            icon: e(w),
+            iconClass: "size-6",
+            class: "p-1!",
+            variant: "soft",
+            onClick: r
+          }, null, 8, ["icon"]),
+          i(s.$slots, "left-actions")
+        ]),
+        o("div", y, [
+          i(s.$slots, "right-actions")
+        ])
+      ]),
+      o("main", z, [
+        l(e(x), null, {
+          default: c(() => [
+            e(t) ? (n(), v(e(k).div, {
               key: 0,
-              to: "/"
+              class: "bg-background absolute bottom-0 left-0 top-0 z-50 w-[240px] shrink-0 overflow-hidden border-r",
+              initial: a.value && e(t) ? { x: 0 } : { x: -240 },
+              animate: { x: 0 },
+              exit: { x: -240 },
+              transition: {
+                duration: 0.3,
+                ease: [0.4, 0, 0.2, 1]
+              }
             }, {
-              default: n(() => [
-                o("h1", $, C(i.brandName), 1)
+              default: c(() => [
+                i(s.$slots, "sidebar", {
+                  showSidebar: e(t),
+                  onClose: r
+                })
               ]),
-              _: 1
-            })) : u("", !0)
+              _: 3
+            }, 8, ["initial"])) : _("", !0)
           ]),
-          o("div", j, [
-            f(c.$slots, "header-actions")
-          ])
-        ]),
-        o("main", A, [
-          r(e(N), null, {
-            default: n(() => [
-              e(t) ? (a(), m(e(V).div, {
-                key: 0,
-                class: "bg-background absolute bottom-0 left-0 top-0 z-50 w-[240px] shrink-0 overflow-hidden border-r",
-                initial: s.value && e(t) ? { x: 0 } : { x: -240 },
-                animate: { x: 0 },
-                exit: { x: -240 },
-                transition: {
-                  duration: 0.3,
-                  ease: [0.4, 0, 0.2, 1]
-                }
-              }, {
-                default: n(() => [
-                  f(c.$slots, "sidebar", {
-                    showSidebar: e(t),
-                    onClose: l
-                  })
-                ]),
-                _: 3
-              }, 8, ["initial"])) : u("", !0)
-            ]),
-            _: 3
-          }),
-          o("div", {
-            class: S([{ "lg:ml-[240px]": e(t) }, "h-full overflow-auto p-2 transition-[margin-left] duration-300 ease-in-out"])
-          }, [
-            r(b)
-          ], 2)
-        ])
-      ], 64);
-    };
+          _: 3
+        }),
+        o("div", {
+          class: g([{ "lg:ml-[240px]": e(t) }, "h-full overflow-auto p-2 transition-[margin-left] duration-300 ease-in-out"])
+        }, [
+          i(s.$slots, "view")
+        ], 2)
+      ])
+    ], 64));
   }
 });
 export {
-  G as default
+  M as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "veloce-vue",
-  "version": "0.22.0",
+  "version": "0.23.0",
   "private": false,
   "type": "module",
   "description": "A Vue 3 library built with Vite + TypeScript + Tailwind CSS.",