@nova-kits/components 1.0.2-alpha.0 → 1.0.3-alpha.0

package/dist/Layout/Layout.vue.d.ts

@@ -1,11 +1,4 @@
-import { type ClassValue, type StyleValue } from 'vue';
-export interface LayoutProps {
-    defaultSidebarWidth?: number;
-    collapsed?: boolean;
-    activeKey?: string;
-    class?: ClassValue;
-    style?: StyleValue;
-}
+import type { LayoutProps } from './typing';
 declare var __VLS_1: {}, __VLS_13: {}, __VLS_15: {}, __VLS_17: {};
 type __VLS_Slots = {} & {
     header?: (props: typeof __VLS_1) => any;
@@ -25,8 +18,8 @@ declare const __VLS_base: import("vue").DefineComponent<LayoutProps, {}, {}, {},
 }>, {
     defaultSidebarWidth: number;
     collapsed: boolean;
-    style: string | false | import("vue").CSSProperties | StyleValue[] | null;
-    class: string | false | Record<string, any> | ClassValue[] | null;
+    style: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
+    class: string | false | Record<string, any> | import("vue").ClassValue[] | null;
     activeKey: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/Layout/LayoutContent.vue.d.ts

@@ -1,9 +1,5 @@
 import 'splitpanes/dist/splitpanes.css';
-type __VLS_Props = {
-    defaultSidebarWidth?: number;
-    collapsed?: boolean;
-    containerWidth?: number;
-};
+import type { LayoutContentProps } from './typing';
 declare var __VLS_15: {}, __VLS_23: {}, __VLS_25: {};
 type __VLS_Slots = {} & {
     left?: (props: typeof __VLS_15) => any;
@@ -12,11 +8,11 @@ type __VLS_Slots = {} & {
 } & {
     default?: (props: typeof __VLS_25) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<LayoutContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:sidebarWidth": (value: number) => any;
     "update:collapsed": (value: boolean) => any;
     collapse: (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<LayoutContentProps> & Readonly<{
     "onUpdate:sidebarWidth"?: ((value: number) => any) | undefined;
     "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
     onCollapse?: ((value: boolean) => any) | undefined;

package/dist/Layout/LayoutPortal.vue.d.ts

@@ -1,11 +1,9 @@
-type __VLS_Props = {
-    to: 'header' | 'footer';
-};
+import type { LayoutPortalProps } from './typing';
 declare var __VLS_7: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_7) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<LayoutPortalProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LayoutPortalProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/Layout/LayoutTabs.vue.d.ts

@@ -1,16 +1,4 @@
-import { type ClassValue, type StyleValue } from 'vue';
-export interface Tab {
-    label?: string;
-    key: string;
-}
-export interface LayoutTabsProps {
-    tabs?: Tab[];
-    activeKey?: string;
-    defaultSidebarWidth?: number;
-    collapsed?: boolean;
-    class?: ClassValue;
-    style?: StyleValue;
-}
+import type { Tab, LayoutTabsProps } from './typing';
 declare var __VLS_1: {}, __VLS_27: {}, __VLS_30: string, __VLS_31: {}, __VLS_33: {};
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_30>]?: (props: typeof __VLS_31) => any;
@@ -34,8 +22,8 @@ declare const __VLS_base: import("vue").DefineComponent<LayoutTabsProps, {}, {},
 }>, {
     defaultSidebarWidth: number;
     collapsed: boolean;
-    style: string | false | import("vue").CSSProperties | StyleValue[] | null;
-    class: string | false | Record<string, any> | ClassValue[] | null;
+    style: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
+    class: string | false | Record<string, any> | import("vue").ClassValue[] | null;
     activeKey: string;
     tabs: Tab[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/Layout/index.d.ts

@@ -3,6 +3,7 @@ export { default as NLayoutTabs } from './LayoutTabs.vue';
 export { default as NLayoutPortal } from './LayoutPortal.vue';
 export { default as NLayoutContent } from './LayoutContent.vue';
 export { useTabFocus } from './composables/useLayoutContext';
+export type * from './typing';
 import _NLayout from './Layout.vue';
 import _NLayoutTabs from './LayoutTabs.vue';
 import _NLayoutPortal from './LayoutPortal.vue';

package/dist/Layout/typing.d.ts

@@ -0,0 +1,28 @@
+import type { ClassValue, StyleValue } from 'vue';
+export interface LayoutProps {
+    defaultSidebarWidth?: number;
+    collapsed?: boolean;
+    activeKey?: string;
+    class?: ClassValue;
+    style?: StyleValue;
+}
+export interface Tab {
+    label?: string;
+    key: string;
+}
+export interface LayoutTabsProps {
+    tabs?: Tab[];
+    activeKey?: string;
+    defaultSidebarWidth?: number;
+    collapsed?: boolean;
+    class?: ClassValue;
+    style?: StyleValue;
+}
+export interface LayoutContentProps {
+    defaultSidebarWidth?: number;
+    collapsed?: boolean;
+    containerWidth?: number;
+}
+export interface LayoutPortalProps {
+    to: 'header' | 'footer';
+}

package/dist/index.d.ts

@@ -2,6 +2,7 @@ import { App } from 'vue';
 export * from 'element-plus';
 import 'element-plus/dist/index.css';
 import './styles/scrollbar.scss';
+import './styles/_variables.scss';
 export { NLayoutWithSub as NLayout, NLayoutTabs, NLayoutPortal, useTabFocus } from './Layout/index';
 export declare function install(app: App): void;
 declare const _default: {

package/dist/index.esm.js

@@ -104,7 +104,7 @@ const J = /* @__PURE__ */ S({
   for (const [s, r] of a)
     t[s] = r;
   return t;
-}, K = /* @__PURE__ */ g(J, [["__scopeId", "data-v-a8a5b082"]]), P = /* @__PURE__ */ Symbol("layout-context");
+}, K = /* @__PURE__ */ g(J, [["__scopeId", "data-v-565c92bc"]]), P = /* @__PURE__ */ Symbol("layout-context");
 function E() {
   return X(P, null);
 }
@@ -176,7 +176,7 @@ const Q = ["id"], Z = ["id"], x = /* @__PURE__ */ S({
       ], 2)) : $("", !0)
     ], 6));
   }
-}), _ = /* @__PURE__ */ g(x, [["__scopeId", "data-v-c90dad87"]]), ee = ["id"], te = ["id"], oe = /* @__PURE__ */ S({
+}), _ = /* @__PURE__ */ g(x, [["__scopeId", "data-v-d9758f9b"]]), ee = ["id"], te = ["id"], oe = /* @__PURE__ */ S({
   __name: "LayoutTabs",
   props: {
     tabs: { default: () => [] },
@@ -268,7 +268,7 @@ const Q = ["id"], Z = ["id"], x = /* @__PURE__ */ S({
       ], 2)) : $("", !0)
     ], 6));
   }
-}), j = /* @__PURE__ */ g(oe, [["__scopeId", "data-v-12d97b4e"]]), A = /* @__PURE__ */ S({
+}), j = /* @__PURE__ */ g(oe, [["__scopeId", "data-v-09cbd4e3"]]), A = /* @__PURE__ */ S({
   __name: "LayoutPortal",
   props: {
     to: {}

package/dist/index.umd.cjs

@@ -1 +1 @@
-(function(r,f){typeof exports=="object"&&typeof module<"u"?f(exports,require("element-plus"),require("vue"),require("splitpanes")):typeof define=="function"&&define.amd?define(["exports","element-plus","vue","splitpanes"],f):(r=typeof globalThis<"u"?globalThis:r||self,f(r.NovaKits={},r.ElementPlus,r.Vue,r.splitpanes))})(this,(function(r,f,e,h){"use strict";const w="nova";function C(t){return a=>`${w}-${t}`+(a?`-${a}`:"")}const L=e.defineComponent({__name:"LayoutContent",props:{defaultSidebarWidth:{default:242},collapsed:{type:Boolean,default:!1},containerWidth:{default:1e3}},emits:["update:sidebarWidth","update:collapsed","collapse"],setup(t,{emit:a}){const o=C("layout"),n=t,d=a,s=e.ref(n.defaultSidebarWidth),p=e.computed(()=>Math.min(50,Math.max(10,s.value/n.containerWidth*100)));function m(l){if(n.collapsed)return;const i=l.panes[0].size,c=Math.round(i/100*n.containerWidth);s.value=c,d("update:sidebarWidth",c)}function y(){const l=!n.collapsed;d("update:collapsed",l),d("collapse",l)}return(l,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(o)("content-wrapper")])},[l.$slots.left?(e.openBlock(),e.createBlock(e.unref(h.Splitpanes),{key:0,class:e.normalizeClass(["default-theme",[e.unref(o)("splitpanes")]]),onResize:m},{default:e.withCtx(()=>[e.createVNode(e.unref(h.Pane),{size:t.collapsed?0:p.value,"min-size":t.collapsed?0:10,"max-size":t.collapsed?0:50,class:e.normalizeClass([e.unref(o)("left"),{[e.unref(o)("left-collapsed")]:t.collapsed}])},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass([e.unref(o)("left-body")])},[e.renderSlot(l.$slots,"left",{},void 0,!0)],2)]),_:3},8,["size","min-size","max-size","class"]),e.createVNode(e.unref(h.Pane),{size:t.collapsed?100:100-p.value},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass([e.unref(o)("content")])},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(o)("content-scroll")])},[e.renderSlot(l.$slots,"default",{},void 0,!0)],2)],2)]),_:3},8,["size"])]),_:3},8,["class"])):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(o)("content")])},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(o)("content-scroll")])},[e.renderSlot(l.$slots,"default",{},void 0,!0)],2)],2)),l.$slots.left?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass([e.unref(o)("left-collapse-btn"),{[e.unref(o)("left-collapse-btn-collapsed")]:t.collapsed}]),onClick:y},[...i[0]||(i[0]=[e.createElementVNode("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none"},[e.createElementVNode("path",{d:"M8 1L4 6L8 11",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"})],-1)])],2)):e.createCommentVNode("",!0)],2))}}),k=(t,a)=>{const o=t.__vccOpts||t;for(const[n,d]of a)o[n]=d;return o},S=k(L,[["__scopeId","data-v-a8a5b082"]]),B=Symbol("layout-context");function z(){return e.inject(B,null)}function V(t){e.provide(B,t)}function T(t){const a=z();return a?e.computed(()=>a.activeKey.value===t):e.computed(()=>!0)}const W=["id"],g=["id"],I=k(e.defineComponent({__name:"Layout",props:{defaultSidebarWidth:{default:242},collapsed:{type:Boolean,default:!1},activeKey:{default:void 0},class:{type:[Boolean,null,String,Object,Array],default:void 0},style:{type:[Boolean,null,String,Object,Array],default:void 0}},emits:["update:collapsed","collapse"],setup(t){const a=C("layout"),o=t,n=e.useId(),d={header:`nova-layout-header-${n}`,footer:`nova-layout-footer-${n}`};return V({teleportIds:d,activeKey:e.computed(()=>o.activeKey)}),(s,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(a)(),o.class]),style:e.normalizeStyle(t.style)},[s.$slots.header?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(a)("header")])},[e.renderSlot(s.$slots,"header",{},void 0,!0),e.createElementVNode("div",{id:d.header},null,8,W)],2)):e.createCommentVNode("",!0),e.createVNode(S,{"default-sidebar-width":t.defaultSidebarWidth,collapsed:t.collapsed,"onUpdate:collapsed":p[0]||(p[0]=m=>s.$emit("update:collapsed",m)),onCollapse:p[1]||(p[1]=m=>s.$emit("collapse",m))},e.createSlots({default:e.withCtx(()=>[e.renderSlot(s.$slots,"default",{},void 0,!0)]),_:2},[s.$slots.left?{name:"left",fn:e.withCtx(()=>[e.renderSlot(s.$slots,"left",{},void 0,!0)]),key:"0"}:void 0]),1032,["default-sidebar-width","collapsed"]),s.$slots.footer?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(a)("footer")])},[e.renderSlot(s.$slots,"footer",{},void 0,!0),e.createElementVNode("div",{id:d.footer},null,8,g)],2)):e.createCommentVNode("",!0)],6))}}),[["__scopeId","data-v-c90dad87"]]),K=["id"],O=["id"],b=k(e.defineComponent({__name:"LayoutTabs",props:{tabs:{default:()=>[]},activeKey:{default:void 0},defaultSidebarWidth:{default:242},collapsed:{type:Boolean,default:!1},class:{type:[Boolean,null,String,Object,Array],default:void 0},style:{type:[Boolean,null,String,Object,Array],default:void 0}},emits:["update:activeKey","update:collapsed","tab-click","collapse"],setup(t,{emit:a}){const o=C("layout"),n=t,d=a,s=e.computed({get:()=>n.activeKey??n.tabs[0]?.key,set:l=>d("update:activeKey",l)});function p(l,i){d("tab-click",String(l.paneName??""))}const m=e.useId(),y={header:`nova-layout-header-${m}`,footer:`nova-layout-footer-${m}`};return V({teleportIds:y,activeKey:s}),(l,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(o)("tabs-layout"),n.class]),style:e.normalizeStyle(t.style)},[l.$slots.header?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(o)("header")])},[e.renderSlot(l.$slots,"header",{},void 0,!0),e.createElementVNode("div",{id:y.header},null,8,K)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(o)("tabs-wrapper")])},[e.createVNode(e.unref(f.ElTabs),{modelValue:s.value,"onUpdate:modelValue":i[2]||(i[2]=c=>s.value=c),class:e.normalizeClass(e.unref(o)("tabs")),onTabClick:p},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.tabs,c=>(e.openBlock(),e.createBlock(e.unref(f.ElTabPane),{key:c.key,label:c.label||c.key,name:c.key},{default:e.withCtx(()=>[e.createVNode(S,{"default-sidebar-width":t.defaultSidebarWidth,collapsed:t.collapsed,"onUpdate:collapsed":i[0]||(i[0]=N=>l.$emit("update:collapsed",N)),onCollapse:i[1]||(i[1]=N=>l.$emit("collapse",N))},e.createSlots({default:e.withCtx(()=>[e.renderSlot(l.$slots,c.key,{},void 0,!0)]),_:2},[l.$slots.left?{name:"left",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"left",{},void 0,!0)]),key:"0"}:void 0]),1032,["default-sidebar-width","collapsed"])]),_:2},1032,["label","name"]))),128))]),_:3},8,["modelValue","class"])],2),l.$slots.footer?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(o)("footer")])},[e.renderSlot(l.$slots,"footer",{},void 0,!0),e.createElementVNode("div",{id:y.footer},null,8,O)],2)):e.createCommentVNode("",!0)],6))}}),[["__scopeId","data-v-12d97b4e"]]),$=e.defineComponent({__name:"LayoutPortal",props:{to:{}},setup(t){const a=t,o=z(),n=e.computed(()=>o?a.to==="header"?o.teleportIds.header:o.teleportIds.footer:null);return(d,s)=>n.value?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:`#${n.value}`},[e.renderSlot(d.$slots,"default")],8,["to"])):e.createCommentVNode("",!0)}}),u=I;u.Tabs=b,u.Portal=$;function E(t){t.component("NLayout",u),t.component("NLayoutTabs",b),t.component("NLayoutPortal",$),t.use(f)}const j={install:E};r.NLayout=u,r.NLayoutPortal=$,r.NLayoutTabs=b,r.default=j,r.install=E,r.useTabFocus=T,Object.keys(f).forEach(t=>{t!=="default"&&!Object.prototype.hasOwnProperty.call(r,t)&&Object.defineProperty(r,t,{enumerable:!0,get:()=>f[t]})}),Object.defineProperties(r,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
+(function(r,f){typeof exports=="object"&&typeof module<"u"?f(exports,require("element-plus"),require("vue"),require("splitpanes")):typeof define=="function"&&define.amd?define(["exports","element-plus","vue","splitpanes"],f):(r=typeof globalThis<"u"?globalThis:r||self,f(r.NovaKits={},r.ElementPlus,r.Vue,r.splitpanes))})(this,(function(r,f,e,h){"use strict";const w="nova";function C(t){return a=>`${w}-${t}`+(a?`-${a}`:"")}const L=e.defineComponent({__name:"LayoutContent",props:{defaultSidebarWidth:{default:242},collapsed:{type:Boolean,default:!1},containerWidth:{default:1e3}},emits:["update:sidebarWidth","update:collapsed","collapse"],setup(t,{emit:a}){const o=C("layout"),n=t,d=a,s=e.ref(n.defaultSidebarWidth),p=e.computed(()=>Math.min(50,Math.max(10,s.value/n.containerWidth*100)));function m(l){if(n.collapsed)return;const i=l.panes[0].size,c=Math.round(i/100*n.containerWidth);s.value=c,d("update:sidebarWidth",c)}function y(){const l=!n.collapsed;d("update:collapsed",l),d("collapse",l)}return(l,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(o)("content-wrapper")])},[l.$slots.left?(e.openBlock(),e.createBlock(e.unref(h.Splitpanes),{key:0,class:e.normalizeClass(["default-theme",[e.unref(o)("splitpanes")]]),onResize:m},{default:e.withCtx(()=>[e.createVNode(e.unref(h.Pane),{size:t.collapsed?0:p.value,"min-size":t.collapsed?0:10,"max-size":t.collapsed?0:50,class:e.normalizeClass([e.unref(o)("left"),{[e.unref(o)("left-collapsed")]:t.collapsed}])},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass([e.unref(o)("left-body")])},[e.renderSlot(l.$slots,"left",{},void 0,!0)],2)]),_:3},8,["size","min-size","max-size","class"]),e.createVNode(e.unref(h.Pane),{size:t.collapsed?100:100-p.value},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass([e.unref(o)("content")])},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(o)("content-scroll")])},[e.renderSlot(l.$slots,"default",{},void 0,!0)],2)],2)]),_:3},8,["size"])]),_:3},8,["class"])):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(o)("content")])},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(o)("content-scroll")])},[e.renderSlot(l.$slots,"default",{},void 0,!0)],2)],2)),l.$slots.left?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass([e.unref(o)("left-collapse-btn"),{[e.unref(o)("left-collapse-btn-collapsed")]:t.collapsed}]),onClick:y},[...i[0]||(i[0]=[e.createElementVNode("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none"},[e.createElementVNode("path",{d:"M8 1L4 6L8 11",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"})],-1)])],2)):e.createCommentVNode("",!0)],2))}}),k=(t,a)=>{const o=t.__vccOpts||t;for(const[n,d]of a)o[n]=d;return o},S=k(L,[["__scopeId","data-v-565c92bc"]]),B=Symbol("layout-context");function z(){return e.inject(B,null)}function V(t){e.provide(B,t)}function T(t){const a=z();return a?e.computed(()=>a.activeKey.value===t):e.computed(()=>!0)}const W=["id"],g=["id"],I=k(e.defineComponent({__name:"Layout",props:{defaultSidebarWidth:{default:242},collapsed:{type:Boolean,default:!1},activeKey:{default:void 0},class:{type:[Boolean,null,String,Object,Array],default:void 0},style:{type:[Boolean,null,String,Object,Array],default:void 0}},emits:["update:collapsed","collapse"],setup(t){const a=C("layout"),o=t,n=e.useId(),d={header:`nova-layout-header-${n}`,footer:`nova-layout-footer-${n}`};return V({teleportIds:d,activeKey:e.computed(()=>o.activeKey)}),(s,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(a)(),o.class]),style:e.normalizeStyle(t.style)},[s.$slots.header?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(a)("header")])},[e.renderSlot(s.$slots,"header",{},void 0,!0),e.createElementVNode("div",{id:d.header},null,8,W)],2)):e.createCommentVNode("",!0),e.createVNode(S,{"default-sidebar-width":t.defaultSidebarWidth,collapsed:t.collapsed,"onUpdate:collapsed":p[0]||(p[0]=m=>s.$emit("update:collapsed",m)),onCollapse:p[1]||(p[1]=m=>s.$emit("collapse",m))},e.createSlots({default:e.withCtx(()=>[e.renderSlot(s.$slots,"default",{},void 0,!0)]),_:2},[s.$slots.left?{name:"left",fn:e.withCtx(()=>[e.renderSlot(s.$slots,"left",{},void 0,!0)]),key:"0"}:void 0]),1032,["default-sidebar-width","collapsed"]),s.$slots.footer?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(a)("footer")])},[e.renderSlot(s.$slots,"footer",{},void 0,!0),e.createElementVNode("div",{id:d.footer},null,8,g)],2)):e.createCommentVNode("",!0)],6))}}),[["__scopeId","data-v-d9758f9b"]]),K=["id"],O=["id"],b=k(e.defineComponent({__name:"LayoutTabs",props:{tabs:{default:()=>[]},activeKey:{default:void 0},defaultSidebarWidth:{default:242},collapsed:{type:Boolean,default:!1},class:{type:[Boolean,null,String,Object,Array],default:void 0},style:{type:[Boolean,null,String,Object,Array],default:void 0}},emits:["update:activeKey","update:collapsed","tab-click","collapse"],setup(t,{emit:a}){const o=C("layout"),n=t,d=a,s=e.computed({get:()=>n.activeKey??n.tabs[0]?.key,set:l=>d("update:activeKey",l)});function p(l,i){d("tab-click",String(l.paneName??""))}const m=e.useId(),y={header:`nova-layout-header-${m}`,footer:`nova-layout-footer-${m}`};return V({teleportIds:y,activeKey:s}),(l,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(o)("tabs-layout"),n.class]),style:e.normalizeStyle(t.style)},[l.$slots.header?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(o)("header")])},[e.renderSlot(l.$slots,"header",{},void 0,!0),e.createElementVNode("div",{id:y.header},null,8,K)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(o)("tabs-wrapper")])},[e.createVNode(e.unref(f.ElTabs),{modelValue:s.value,"onUpdate:modelValue":i[2]||(i[2]=c=>s.value=c),class:e.normalizeClass(e.unref(o)("tabs")),onTabClick:p},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.tabs,c=>(e.openBlock(),e.createBlock(e.unref(f.ElTabPane),{key:c.key,label:c.label||c.key,name:c.key},{default:e.withCtx(()=>[e.createVNode(S,{"default-sidebar-width":t.defaultSidebarWidth,collapsed:t.collapsed,"onUpdate:collapsed":i[0]||(i[0]=N=>l.$emit("update:collapsed",N)),onCollapse:i[1]||(i[1]=N=>l.$emit("collapse",N))},e.createSlots({default:e.withCtx(()=>[e.renderSlot(l.$slots,c.key,{},void 0,!0)]),_:2},[l.$slots.left?{name:"left",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"left",{},void 0,!0)]),key:"0"}:void 0]),1032,["default-sidebar-width","collapsed"])]),_:2},1032,["label","name"]))),128))]),_:3},8,["modelValue","class"])],2),l.$slots.footer?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(o)("footer")])},[e.renderSlot(l.$slots,"footer",{},void 0,!0),e.createElementVNode("div",{id:y.footer},null,8,O)],2)):e.createCommentVNode("",!0)],6))}}),[["__scopeId","data-v-09cbd4e3"]]),$=e.defineComponent({__name:"LayoutPortal",props:{to:{}},setup(t){const a=t,o=z(),n=e.computed(()=>o?a.to==="header"?o.teleportIds.header:o.teleportIds.footer:null);return(d,s)=>n.value?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:`#${n.value}`},[e.renderSlot(d.$slots,"default")],8,["to"])):e.createCommentVNode("",!0)}}),u=I;u.Tabs=b,u.Portal=$;function E(t){t.component("NLayout",u),t.component("NLayoutTabs",b),t.component("NLayoutPortal",$),t.use(f)}const j={install:E};r.NLayout=u,r.NLayoutPortal=$,r.NLayoutTabs=b,r.default=j,r.install=E,r.useTabFocus=T,Object.keys(f).forEach(t=>{t!=="default"&&!Object.prototype.hasOwnProperty.call(r,t)&&Object.defineProperty(r,t,{enumerable:!0,get:()=>f[t]})}),Object.defineProperties(r,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));