vft 0.0.5 → 0.0.6

package/es/components/result/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/result/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport Result from './result.vue'\n\nexport const VftResult = withInstall(Result)\nexport default VftResult\n"],"names":["VftResult","withInstall","Result"],"mappings":";;;AAIa,MAAAA,IAAYC,EAAYC,CAAM;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/result/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport Result from './result.vue'\n\nexport const VftResult = withInstall(Result)\nexport default VftResult\n"],"names":["VftResult","withInstall","Result"],"mappings":";;;;;AAIa,MAAAA,IAAYC,EAAYC,CAAM;"}

package/es/components/result/result.vue2.mjs

@@ -1,18 +1,20 @@
 import { defineComponent as u, getCurrentInstance as d, useSlots as f, computed as v, h as e } from "vue";
 import { singleAttrToObj as _, renderTNode as b } from "@vft/utils";
 import { useNamespace as x } from "../../hooks/use-namespace/index.mjs";
+import "@vue/shared";
 import "../divider/index.mjs";
 import { VftIcon as C } from "../icon/index.mjs";
 import "../avatar/index.mjs";
 import "../empty/index.mjs";
 import "./index.mjs";
 import "../exception/index.mjs";
+import "../tabs/index.mjs";
 const o = (
   /* hoist-static*/
   x("result")
 ), I = u({
   name: o.b()
-}), k = /* @__PURE__ */ u({
+}), w = /* @__PURE__ */ u({
   ...I,
   props: {
     title: null,
@@ -51,6 +53,6 @@ const o = (
   }
 });
 export {
-  k as default
+  w as default
 };
 //# sourceMappingURL=result.vue2.mjs.map

package/es/components/result/result.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"result.vue2.mjs","sources":["../../../../../packages/components/result/result.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('result')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n  name: ns.b()\n});</script>\n<script setup lang=\"ts\">\nimport { renderTNode, singleAttrToObj } from '@vft/utils';\nimport { h, getCurrentInstance, computed, useSlots } from 'vue';\nimport { useNamespace } from '@vft-ui/use';\nimport { type IconProps, VftIcon } from '@vft-ui/components';\n\ninterface Props {\n  title?: string | number;\n  subTitle?: string | number;\n  icon?: IconProps;\n}\n\ndefineProps({\n  \"title\": null,\n  \"subTitle\": null,\n  \"icon\": null\n})\n\n\n\n;\n\nconst instance = getCurrentInstance()!;\n\nconst slots = useSlots();\n\nconst _icon = computed(() => {\n  return singleAttrToObj(__props.icon, 'icon') as IconProps;\n});\n\nconst vIcon = _icon.value?.icon ? h('div', {\n  class: ns.e('icon')\n}, [h(VftIcon, { ..._icon.value })]) : slots.default?.();\n\nconst vCon = (attrName: string) => {\n  const nodeCon = renderTNode(instance, attrName);\n  return nodeCon ? h(\n    'div',\n    {\n      class: ns.e(attrName)\n    }, [h('p', {}, { default: () => nodeCon })]\n  ) : null;\n};\n\ndefineRender(() => {\n  return (\n    h(\n      'div', { class: ns.b() }, {\n        default: () => [\n          vIcon,\n          vCon('title'),\n          vCon('sub-title'),\n          slots.extra ? h('div', { class: ns.e('extra') }, { default: ()=> slots.extra?.() }) : null\n        ]\n      }\n    )\n  );\n});\n</script>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","instance","getCurrentInstance","slots","useSlots","_icon","computed","singleAttrToObj","__props","vIcon","_a","h","VftIcon","_b","vCon","attrName","nodeCon","renderTNode"],"mappings":";;;;;;;;;AACA,MAAMA;AAAA;AAAA,EAAuBC,EAAa,QAAQ;AAAA,GAGlDC,IAA6BC,EAAmB;AAAA,EAC9C,MAAMH,EAAG,EAAE;AACb,CAAC;;;;;;;;;AAuBD,UAAMI,IAAWC,KAEXC,IAAQC,KAERC,IAAQC,EAAS,MACdC,EAAgBC,EAAQ,MAAM,MAAM,CAC5C,GAEKC,KAAQC,IAAAL,EAAM,UAAN,QAAAK,EAAa,OAAOC,EAAE,OAAO;AAAA,MACzC,OAAOd,EAAG,EAAE,MAAM;AAAA,IACjB,GAAA,CAACc,EAAEC,GAAS,EAAE,GAAGP,EAAM,MAAO,CAAA,CAAC,CAAC,KAAIQ,IAAAV,EAAM,YAAN,gBAAAU,EAAA,KAAAV,IAEjCW,IAAO,CAACC,MAAqB;AAC3B,YAAAC,IAAUC,EAAYhB,GAAUc,CAAQ;AAC9C,aAAOC,IAAUL;AAAA,QACf;AAAA,QACA;AAAA,UACE,OAAOd,EAAG,EAAEkB,CAAQ;AAAA,QACtB;AAAA,QAAG,CAACJ,EAAE,KAAK,CAAC,GAAG,EAAE,SAAS,MAAMK,EAAQ,CAAC,CAAC;AAAA,MACxC,IAAA;AAAA,IAAA;AAGO,WAAA,MAETL;AAAA,MACE;AAAA,MAAO,EAAE,OAAOd,EAAG,IAAI;AAAA,MAAG;AAAA,QACxB,SAAS,MAAM;AAAA,UACbY;AAAA,UACAK,EAAK,OAAO;AAAA,UACZA,EAAK,WAAW;AAAA,UAChBX,EAAM,QAAQQ,EAAE,OAAO,EAAE,OAAOd,EAAG,EAAE,OAAO,EAAE,GAAG,EAAE,SAAS,MAAA;;AAAK,oBAAAa,IAAAP,EAAM,UAAN,gBAAAO,EAAA,KAAAP;AAAA,YAAiB,CAAA,IAAI;AAAA,QACxF;AAAA,MACF;AAAA,IAAA;AAAA;;"}
+{"version":3,"file":"result.vue2.mjs","sources":["../../../../../packages/components/result/result.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('result')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n  name: ns.b()\n});</script>\n<script setup lang=\"ts\">\nimport { renderTNode, singleAttrToObj } from '@vft/utils';\nimport { h, getCurrentInstance, computed, useSlots } from 'vue';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { type IconProps, VftIcon } from '@vft-ui/components';\n\ninterface Props {\n  title?: string | number;\n  subTitle?: string | number;\n  icon?: IconProps;\n}\n\ndefineProps({\n  \"title\": null,\n  \"subTitle\": null,\n  \"icon\": null\n})\n\n\n\n;\n\nconst instance = getCurrentInstance()!;\n\nconst slots = useSlots();\n\nconst _icon = computed(() => {\n  return singleAttrToObj(__props.icon, 'icon') as IconProps;\n});\n\nconst vIcon = _icon.value?.icon ? h('div', {\n  class: ns.e('icon')\n}, [h(VftIcon, { ..._icon.value })]) : slots.default?.();\n\nconst vCon = (attrName: string) => {\n  const nodeCon = renderTNode(instance, attrName);\n  return nodeCon ? h(\n    'div',\n    {\n      class: ns.e(attrName)\n    }, [h('p', {}, { default: () => nodeCon })]\n  ) : null;\n};\n\ndefineRender(() => {\n  return (\n    h(\n      'div', { class: ns.b() }, {\n        default: () => [\n          vIcon,\n          vCon('title'),\n          vCon('sub-title'),\n          slots.extra ? h('div', { class: ns.e('extra') }, { default: ()=> slots.extra?.() }) : null\n        ]\n      }\n    )\n  );\n});\n</script>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","instance","getCurrentInstance","slots","useSlots","_icon","computed","singleAttrToObj","__props","vIcon","_a","h","VftIcon","_b","vCon","attrName","nodeCon","renderTNode"],"mappings":";;;;;;;;;;;AACA,MAAMA;AAAA;AAAA,EAAuBC,EAAa,QAAQ;AAAA,GAGlDC,IAA6BC,EAAmB;AAAA,EAC9C,MAAMH,EAAG,EAAE;AACb,CAAC;;;;;;;;;AAuBD,UAAMI,IAAWC,KAEXC,IAAQC,KAERC,IAAQC,EAAS,MACdC,EAAgBC,EAAQ,MAAM,MAAM,CAC5C,GAEKC,KAAQC,IAAAL,EAAM,UAAN,QAAAK,EAAa,OAAOC,EAAE,OAAO;AAAA,MACzC,OAAOd,EAAG,EAAE,MAAM;AAAA,IACjB,GAAA,CAACc,EAAEC,GAAS,EAAE,GAAGP,EAAM,MAAO,CAAA,CAAC,CAAC,KAAIQ,IAAAV,EAAM,YAAN,gBAAAU,EAAA,KAAAV,IAEjCW,IAAO,CAACC,MAAqB;AAC3B,YAAAC,IAAUC,EAAYhB,GAAUc,CAAQ;AAC9C,aAAOC,IAAUL;AAAA,QACf;AAAA,QACA;AAAA,UACE,OAAOd,EAAG,EAAEkB,CAAQ;AAAA,QACtB;AAAA,QAAG,CAACJ,EAAE,KAAK,CAAC,GAAG,EAAE,SAAS,MAAMK,EAAQ,CAAC,CAAC;AAAA,MACxC,IAAA;AAAA,IAAA;AAGO,WAAA,MAETL;AAAA,MACE;AAAA,MAAO,EAAE,OAAOd,EAAG,IAAI;AAAA,MAAG;AAAA,QACxB,SAAS,MAAM;AAAA,UACbY;AAAA,UACAK,EAAK,OAAO;AAAA,UACZA,EAAK,WAAW;AAAA,UAChBX,EAAM,QAAQQ,EAAE,OAAO,EAAE,OAAOd,EAAG,EAAE,OAAO,EAAE,GAAG,EAAE,SAAS,MAAA;;AAAK,oBAAAa,IAAAP,EAAM,UAAN,gBAAAO,EAAA,KAAAP;AAAA,YAAiB,CAAA,IAAI;AAAA,QACxF;AAAA,MACF;AAAA,IAAA;AAAA;;"}

package/es/components/tabs/index.d.ts

@@ -0,0 +1,356 @@
+export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    type: {
+        type: import("vue").PropType<import("./types").TabsType | undefined>;
+        required: false;
+    };
+    closable: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    addable: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    modelValue: {
+        type: import("vue").PropType<Numberish>;
+        required: true;
+    };
+    editable: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    tabPosition: {
+        type: import("vue").PropType<"left" | "right" | "top" | "bottom" | undefined>;
+        required: false;
+    };
+    beforeLeave: {
+        type: import("vue").PropType<Function | undefined>;
+        required: false;
+    };
+    stretch: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    closeIconCfg: {
+        type: import("vue").PropType<import("..").IconProps | undefined>;
+        required: false;
+    };
+    addIconCfg: {
+        type: import("vue").PropType<import("..").IconProps | undefined>;
+        required: false;
+    };
+    arrowLeftIconCfg: {
+        type: import("vue").PropType<import("..").IconProps | undefined>;
+        required: false;
+    };
+    arrowRightIconCfg: {
+        type: import("vue").PropType<import("..").IconProps | undefined>;
+        required: false;
+    };
+}, {
+    currentName: import("vue").Ref<Numberish>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (name: Numberish) => boolean;
+    tabClick: (pane: {
+        uid: number;
+        slots: Readonly<{
+            [name: string]: import("vue").Slot | undefined;
+        }>;
+        props: {
+            label: string;
+            name: Numberish;
+            closable: boolean;
+            disabled: boolean;
+            lazy: boolean;
+        };
+        paneName: string | number | undefined;
+        active: boolean;
+        index: string | undefined;
+        isClosable: boolean;
+        attrs: Record<string, any>;
+    }, ev: Event) => boolean;
+    tabContextMenu: (pane: {
+        uid: number;
+        slots: Readonly<{
+            [name: string]: import("vue").Slot | undefined;
+        }>;
+        props: {
+            label: string;
+            name: Numberish;
+            closable: boolean;
+            disabled: boolean;
+            lazy: boolean;
+        };
+        paneName: string | number | undefined;
+        active: boolean;
+        index: string | undefined;
+        isClosable: boolean;
+        attrs: Record<string, any>;
+    }, index: number, ev: Event) => boolean;
+    tabChange: (name: Numberish) => boolean;
+    edit: (paneName: Numberish | undefined, action: "remove" | "add") => boolean;
+    tabRemove: (name: Numberish) => boolean;
+    tabAdd: () => true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: import("vue").PropType<import("./types").TabsType | undefined>;
+        required: false;
+    };
+    closable: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    addable: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    modelValue: {
+        type: import("vue").PropType<Numberish>;
+        required: true;
+    };
+    editable: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    tabPosition: {
+        type: import("vue").PropType<"left" | "right" | "top" | "bottom" | undefined>;
+        required: false;
+    };
+    beforeLeave: {
+        type: import("vue").PropType<Function | undefined>;
+        required: false;
+    };
+    stretch: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    closeIconCfg: {
+        type: import("vue").PropType<import("..").IconProps | undefined>;
+        required: false;
+    };
+    addIconCfg: {
+        type: import("vue").PropType<import("..").IconProps | undefined>;
+        required: false;
+    };
+    arrowLeftIconCfg: {
+        type: import("vue").PropType<import("..").IconProps | undefined>;
+        required: false;
+    };
+    arrowRightIconCfg: {
+        type: import("vue").PropType<import("..").IconProps | undefined>;
+        required: false;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((name: Numberish) => any) | undefined;
+    onTabClick?: ((pane: {
+        uid: number;
+        slots: Readonly<{
+            [name: string]: import("vue").Slot | undefined;
+        }>;
+        props: {
+            label: string;
+            name: Numberish;
+            closable: boolean;
+            disabled: boolean;
+            lazy: boolean;
+        };
+        paneName: string | number | undefined;
+        active: boolean;
+        index: string | undefined;
+        isClosable: boolean;
+        attrs: Record<string, any>;
+    }, ev: Event) => any) | undefined;
+    onTabContextMenu?: ((pane: {
+        uid: number;
+        slots: Readonly<{
+            [name: string]: import("vue").Slot | undefined;
+        }>;
+        props: {
+            label: string;
+            name: Numberish;
+            closable: boolean;
+            disabled: boolean;
+            lazy: boolean;
+        };
+        paneName: string | number | undefined;
+        active: boolean;
+        index: string | undefined;
+        isClosable: boolean;
+        attrs: Record<string, any>;
+    }, index: number, ev: Event) => any) | undefined;
+    onTabChange?: ((name: Numberish) => any) | undefined;
+    onEdit?: ((paneName: Numberish | undefined, action: "remove" | "add") => any) | undefined;
+    onTabRemove?: ((name: Numberish) => any) | undefined;
+    onTabAdd?: (() => any) | undefined;
+}, {}>> & {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            label: {
+                type: import("vue").PropType<string | undefined>;
+                required: false;
+            };
+            name: {
+                type: import("vue").PropType<Numberish | undefined>;
+                required: false;
+            };
+            closable: {
+                type: import("vue").PropType<boolean | undefined>;
+                required: false;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean | undefined>;
+                required: false;
+            };
+            lazy: {
+                type: import("vue").PropType<boolean | undefined>;
+                required: false;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            label: {
+                type: import("vue").PropType<string | undefined>;
+                required: false;
+            };
+            name: {
+                type: import("vue").PropType<Numberish | undefined>;
+                required: false;
+            };
+            closable: {
+                type: import("vue").PropType<boolean | undefined>;
+                required: false;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean | undefined>;
+                required: false;
+            };
+            lazy: {
+                type: import("vue").PropType<boolean | undefined>;
+                required: false;
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        label: {
+            type: import("vue").PropType<string | undefined>;
+            required: false;
+        };
+        name: {
+            type: import("vue").PropType<Numberish | undefined>;
+            required: false;
+        };
+        closable: {
+            type: import("vue").PropType<boolean | undefined>;
+            required: false;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean | undefined>;
+            required: false;
+        };
+        lazy: {
+            type: import("vue").PropType<boolean | undefined>;
+            required: false;
+        };
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    name: {
+        type: import("vue").PropType<Numberish | undefined>;
+        required: false;
+    };
+    closable: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    lazy: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+export declare const VftTabPane: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    label: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    name: {
+        type: import("vue").PropType<Numberish | undefined>;
+        required: false;
+    };
+    closable: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    lazy: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    name: {
+        type: import("vue").PropType<Numberish | undefined>;
+        required: false;
+    };
+    closable: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    lazy: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+}>>, {}>>;
+export default VftTabs;
+export * from './types';

package/es/components/tabs/index.mjs

@@ -0,0 +1,15 @@
+import { withInstall as o, withNoopInstall as m } from "../../utils/vue/install.mjs";
+import "vue";
+import "@vue/shared";
+import "@vft/utils";
+import r from "./tabs.vue2.mjs";
+import t from "./tab-pane.vue2.mjs";
+import { TabsRootContextKey as b } from "./types.mjs";
+const e = o(r, t), l = m(t);
+export {
+  b as TabsRootContextKey,
+  l as VftTabPane,
+  e as VftTabs,
+  e as default
+};
+//# sourceMappingURL=index.mjs.map

package/es/components/tabs/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/tabs/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from '@vft-ui/utils'\nimport Tabs from './tabs.vue';\nimport TabPane from './tab-pane.vue';\n\nexport const VftTabs = withInstall(Tabs, TabPane)\nexport const VftTabPane = withNoopInstall(TabPane)\nexport default VftTabs\n\nexport * from './types';\n"],"names":["VftTabs","withInstall","Tabs","TabPane","VftTabPane","withNoopInstall"],"mappings":";;;;;;;AAIa,MAAAA,IAAUC,EAAYC,GAAMC,CAAO,GACnCC,IAAaC,EAAgBF,CAAO;"}

package/es/components/tabs/style/css.mjs

@@ -0,0 +1,3 @@
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-tabs.css";
+//# sourceMappingURL=css.mjs.map

package/es/components/tabs/style/css.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/es/components/tabs/style/index.mjs

@@ -0,0 +1,3 @@
+import "../../../theme-style/src/base.scss.mjs";
+import "../../../theme-style/src/tabs.scss.mjs";
+//# sourceMappingURL=index.mjs.map

package/es/components/tabs/style/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/es/components/tabs/tab-bar.vue.d.ts

@@ -0,0 +1,51 @@
+import type { PropType as __PropType } from 'vue';
+import type { CSSProperties } from 'vue';
+declare const _sfc_main: import("vue").DefineComponent<{
+    tabs: {
+        type: __PropType<{
+            uid: number;
+            slots: Readonly<{
+                [name: string]: import("vue").Slot | undefined;
+            }>;
+            props: {
+                label: string;
+                name: Numberish;
+                closable: boolean;
+                disabled: boolean;
+                lazy: boolean;
+            };
+            paneName: string | number | undefined;
+            active: boolean;
+            index: string | undefined;
+            isClosable: boolean;
+            attrs: Record<string, any>;
+        }[]>;
+        required: true;
+    };
+}, {
+    ref: import("vue").Ref<HTMLDivElement | undefined>;
+    update: () => CSSProperties;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    tabs: {
+        type: __PropType<{
+            uid: number;
+            slots: Readonly<{
+                [name: string]: import("vue").Slot | undefined;
+            }>;
+            props: {
+                label: string;
+                name: Numberish;
+                closable: boolean;
+                disabled: boolean;
+                lazy: boolean;
+            };
+            paneName: string | number | undefined;
+            active: boolean;
+            index: string | undefined;
+            isClosable: boolean;
+            attrs: Record<string, any>;
+        }[]>;
+        required: true;
+    };
+}>>, {}>;
+export default _sfc_main;

package/es/components/tabs/tab-bar.vue.mjs

@@ -0,0 +1,5 @@
+import f from "./tab-bar.vue2.mjs";
+export {
+  f as default
+};
+//# sourceMappingURL=tab-bar.vue.mjs.map

package/es/components/tabs/tab-bar.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-bar.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/es/components/tabs/tab-bar.vue2.mjs

@@ -0,0 +1,53 @@
+import { defineComponent as $, getCurrentInstance as S, inject as C, ref as g, watch as N, nextTick as R, computed as k, openBlock as B, createElementBlock as F, normalizeClass as P, unref as c, normalizeStyle as T } from "vue";
+import { TabsRootContextKey as L } from "./types.mjs";
+import { useNamespace as j } from "../../hooks/use-namespace/index.mjs";
+import "@vue/shared";
+import { capitalize as p } from "@vft/utils";
+import { useResizeObserver as D } from "@vueuse/core";
+const G = /* @__PURE__ */ $({
+  __name: "tab-bar",
+  props: {
+    tabs: null
+  },
+  setup(h, { expose: x }) {
+    const s = h, _ = S(), l = C(L), f = j("tabs"), a = g(), m = g(), v = () => {
+      let t = 0, e = 0;
+      const o = ["top", "bottom"].includes(l.props.tabPosition) ? "width" : "height", u = o === "width" ? "x" : "y", z = u === "x" ? "left" : "top";
+      return s.tabs.every((b) => {
+        var d, y;
+        const r = (y = (d = _.parent) == null ? void 0 : d.refs) == null ? void 0 : y[`tab-${b.uid}`];
+        if (!r)
+          return !1;
+        if (!b.active)
+          return !0;
+        t = r[`offset${p(z)}`], e = r[`client${p(o)}`];
+        const i = window.getComputedStyle(r);
+        return o === "width" && (s.tabs.length > 1 && (e -= Number.parseFloat(i.paddingLeft) + Number.parseFloat(i.paddingRight)), t += Number.parseFloat(i.paddingLeft)), !1;
+      }), {
+        [o]: `${e}px`,
+        transform: `translate${p(u)}(${t}px)`
+      };
+    }, n = () => m.value = v();
+    N(
+      () => s.tabs,
+      async () => {
+        await R(), n();
+      },
+      { immediate: !0 }
+    );
+    const w = k(() => l.props.tabPosition);
+    return D(a, () => n()), x({
+      ref: a,
+      update: n
+    }), (t, e) => (B(), F("div", {
+      ref_key: "barRef",
+      ref: a,
+      class: P([c(f).e("active-bar"), c(f).is(c(w))]),
+      style: T(m.value)
+    }, null, 6));
+  }
+});
+export {
+  G as default
+};
+//# sourceMappingURL=tab-bar.vue2.mjs.map

package/es/components/tabs/tab-bar.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-bar.vue2.mjs","sources":["../../../../../packages/components/tabs/tab-bar.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { type TabsPaneContext, TabsRootContextKey } from './types';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { capitalize } from '@vft/utils';\nimport { getCurrentInstance, inject, nextTick, ref, watch, computed } from 'vue';\nimport { useResizeObserver } from '@vueuse/core';\n\nimport type { CSSProperties } from 'vue';\n\nconst props = defineProps({\n  \"tabs\": null\n});\n\nconst instance = getCurrentInstance()!;\nconst rootTabs = inject(TabsRootContextKey)!;\n\nconst ns = useNamespace('tabs');\n\nconst barRef = ref<HTMLDivElement>();\nconst barStyle = ref<CSSProperties>();\n\nconst getBarStyle = (): CSSProperties => {\n  let offset = 0;\n  let tabSize = 0;\n\n  const sizeName = ['top', 'bottom'].includes(rootTabs.props.tabPosition!)\n    ? 'width'\n    : 'height';\n  const sizeDir = sizeName === 'width' ? 'x' : 'y';\n  const position = sizeDir === 'x' ? 'left' : 'top';\n\n  props.tabs.every((tab) => {\n    const $el = instance.parent?.refs?.[`tab-${tab.uid}`] as HTMLElement;\n    if (!$el) return false;\n\n    if (!tab.active) {\n      return true;\n    }\n    offset = $el[`offset${capitalize(position)}`];\n    tabSize = $el[`client${capitalize(sizeName)}`];\n\n    const tabStyles = window.getComputedStyle($el);\n\n    if (sizeName === 'width') {\n      if (props.tabs.length > 1) {\n        tabSize -=\n          Number.parseFloat(tabStyles.paddingLeft) +\n          Number.parseFloat(tabStyles.paddingRight);\n      }\n      offset += Number.parseFloat(tabStyles.paddingLeft);\n    }\n    return false;\n  });\n\n  return {\n    [sizeName]: `${tabSize}px`,\n    transform: `translate${capitalize(sizeDir)}(${offset}px)`\n  };\n};\n\nconst update = () => (barStyle.value = getBarStyle());\n\nwatch(\n  () => props.tabs,\n  async () => {\n    await nextTick();\n    update();\n  },\n  { immediate: true }\n);\n\nconst _tabPosition = computed(() => {\n  return rootTabs.props.tabPosition!;\n});\n\nuseResizeObserver(barRef, () => update());\n\ndefineExpose({\n  ref: barRef,\n  update\n});\n</script>\n\n<template>\n  <div\n    ref=\"barRef\"\n    :class=\"[ns.e('active-bar'), ns.is(_tabPosition)]\"\n    :style=\"barStyle\"\n  />\n</template>\n"],"names":["instance","getCurrentInstance","rootTabs","inject","TabsRootContextKey","ns","useNamespace","barRef","ref","barStyle","getBarStyle","offset","tabSize","sizeName","sizeDir","position","props","tab","$el","_b","_a","capitalize","tabStyles","update","watch","nextTick","_tabPosition","computed","useResizeObserver","expose"],"mappings":";;;;;;;;;;;;iBAaMA,IAAWC,KACXC,IAAWC,EAAOC,CAAkB,GAEpCC,IAAKC,EAAa,MAAM,GAExBC,IAASC,KACTC,IAAWD,KAEXE,IAAc,MAAqB;AACvC,UAAIC,IAAS,GACTC,IAAU;AAER,YAAAC,IAAW,CAAC,OAAO,QAAQ,EAAE,SAASX,EAAS,MAAM,WAAY,IACnE,UACA,UACEY,IAAUD,MAAa,UAAU,MAAM,KACvCE,IAAWD,MAAY,MAAM,SAAS;AAEtC,aAAAE,EAAA,KAAK,MAAM,CAACC,MAAQ;;AACxB,cAAMC,KAAMC,KAAAC,IAAApB,EAAS,WAAT,gBAAAoB,EAAiB,SAAjB,gBAAAD,EAAwB,OAAOF,EAAI;AAC/C,YAAI,CAACC;AAAY,iBAAA;AAEb,YAAA,CAACD,EAAI;AACA,iBAAA;AAET,QAAAN,IAASO,EAAI,SAASG,EAAWN,CAAQ,GAAG,GAC5CH,IAAUM,EAAI,SAASG,EAAWR,CAAQ,GAAG;AAEvC,cAAAS,IAAY,OAAO,iBAAiBJ,CAAG;AAE7C,eAAIL,MAAa,YACXG,EAAM,KAAK,SAAS,MAEpBJ,KAAA,OAAO,WAAWU,EAAU,WAAW,IACvC,OAAO,WAAWA,EAAU,YAAY,IAElCX,KAAA,OAAO,WAAWW,EAAU,WAAW,IAE5C;AAAA,MAAA,CACR,GAEM;AAAA,QACL,CAACT,CAAQ,GAAG,GAAGD;AAAA,QACf,WAAW,YAAYS,EAAWP,CAAO,KAAKH;AAAA,MAAA;AAAA,IAChD,GAGIY,IAAS,MAAOd,EAAS,QAAQC,EAAY;AAEnD,IAAAc;AAAA,MACE,MAAMR,EAAM;AAAA,MACZ,YAAY;AACV,cAAMS,EAAS,GACRF;MACT;AAAA,MACA,EAAE,WAAW,GAAK;AAAA,IAAA;AAGd,UAAAG,IAAeC,EAAS,MACrBzB,EAAS,MAAM,WACvB;AAEiB,WAAA0B,EAAArB,GAAQ,MAAMgB,EAAA,CAAQ,GAE3BM,EAAA;AAAA,MACX,KAAKtB;AAAA,MACL,QAAAgB;AAAA,IAAA,CACD;;;;;;;;"}