eco-vue-js 0.9.8 → 0.9.10

package/dist/components/Tabs/WTabsStepper.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WTabsStepper.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/WTabsStepper.vue"],"names":[],"mappings":"AAgFA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAA;AAmF7C,iBAAS,cAAc;;yBA4HO,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAoE6xd,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WA1Dt6d,OAAO,IAA6B;EAEjD;AAoBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;gBA3MJ,IAAI;oBAJA,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAkPqyd,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAlBl7d,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WTabsStepper.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/WTabsStepper.vue"],"names":[],"mappings":"AAkFA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAA;AAmF7C,iBAAS,cAAc;;yBA4HO,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAoEqpd,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WA1D9xd,OAAO,IAA6B;EAEjD;AAoBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;gBA3MJ,IAAI;oBAJA,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAkP6pd,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAlB1yd,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Tabs/WTabsStepper.vue.js

@@ -9,7 +9,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     lessTransitions: { type: Boolean },
     initTab: {},
     initTabIndex: {},
-    disableMinHeight: { type: Boolean }
+    disableMinHeight: { type: Boolean },
+    noHeader: { type: Boolean },
+    stepper: { type: Boolean },
+    showHasValue: { type: Boolean }
   },
   emits: ["update:current", "update:current-index", "update:first", "update:last", "update:progress", "update:has-changes", "update:current-title"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -25,7 +28,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       tabsRef.value?.previous();
     };
     const next = () => {
-      const errorMessage = tabsRef.value?.validate(current.value);
+      const errorMessage = tabsRef.value?.validateIfNoError(current.value);
       if (errorMessage) {
         Notify.warn({ title: "Form contains invalid values", caption: errorMessage.length < 200 ? errorMessage : void 0 });
         return;
@@ -47,7 +50,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$1, mergeProps({ ref: "tabs" }, props, {
-        "no-header": "",
+        stepper: "",
+        "no-indicator": "",
+        "show-has-value": "",
         "onUpdate:current": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:current", $event)),
         "onUpdate:currentIndex": _cache[1] || (_cache[1] = ($event) => {
           current.value = $event;

package/dist/components/Tabs/components/TabItem.vue.d.ts

@@ -1,29 +1,217 @@
+import { nextTick } from 'vue';
 declare function __VLS_template(): {
     slots: {
         default?(_: {}): any;
     };
     refs: {
-        element: HTMLDivElement;
+        form: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly name?: string | undefined;
+                readonly title?: string | undefined;
+                readonly "onUpdate:has-changes"?: ((value: boolean) => any) | undefined;
+                readonly "onUpdate:is-valid"?: ((value: boolean | undefined) => any) | undefined;
+                readonly "onUpdate:has-value"?: ((value: boolean | null) => any) | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: ((event: "update:has-changes", value: boolean) => void) & ((event: "update:is-valid", value: boolean | undefined) => void) & ((event: "update:has-value", value: boolean | null) => void);
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<Readonly<{
+                name?: string;
+                title?: string;
+            }> & Readonly<{
+                "onUpdate:has-changes"?: ((value: boolean) => any) | undefined;
+                "onUpdate:is-valid"?: ((value: boolean | undefined) => any) | undefined;
+                "onUpdate:has-value"?: ((value: boolean | null) => any) | undefined;
+            }>, {
+                isValid: import('vue').ComputedRef<boolean>;
+                hasChanges: import('vue').ComputedRef<boolean>;
+                hasValue: import('vue').ComputedRef<boolean | null>;
+                validate: (silent?: boolean, path?: import('../../Form/use/useFormValidateMap').ValidatePath) => string | undefined;
+                invalidate: (payload: {
+                    [x: string]: string | string[] | undefined;
+                }) => void;
+                initModel: () => void;
+                errorMessage: import('vue').ComputedRef<string>;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+                "update:has-changes": (value: boolean) => any;
+                "update:is-valid": (value: boolean | undefined) => any;
+                "update:has-value": (value: boolean | null) => any;
+            }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{}> & Omit<Readonly<{
+            name?: string;
+            title?: string;
+        }> & Readonly<{
+            "onUpdate:has-changes"?: ((value: boolean) => any) | undefined;
+            "onUpdate:is-valid"?: ((value: boolean | undefined) => any) | undefined;
+            "onUpdate:has-value"?: ((value: boolean | null) => any) | undefined;
+        }>, "errorMessage" | "hasChanges" | "isValid" | "hasValue" | "validate" | "invalidate" | "initModel"> & import('vue').ShallowUnwrapRef<{
+            isValid: import('vue').ComputedRef<boolean>;
+            hasChanges: import('vue').ComputedRef<boolean>;
+            hasValue: import('vue').ComputedRef<boolean | null>;
+            validate: (silent?: boolean, path?: import('../../Form/use/useFormValidateMap').ValidatePath) => string | undefined;
+            invalidate: (payload: {
+                [x: string]: string | string[] | undefined;
+            }) => void;
+            initModel: () => void;
+            errorMessage: import('vue').ComputedRef<string>;
+        }> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                default?(_: {}): any;
+            };
+        }) | null;
     };
     attrs: Partial<{}>;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<{
+    name: string;
+    title: string;
     active: boolean;
     removable: boolean;
 }, {
     emitHeight: () => void;
+    isValid: import('vue').ComputedRef<boolean>;
+    hasChanges: import('vue').ComputedRef<boolean>;
+    hasValue: import('vue').ComputedRef<boolean | null>;
+    errorMessage: import('vue').ComputedRef<string | undefined>;
+    validate: (silent?: boolean, path?: import('../../Form/use/useFormValidateMap').ValidatePath) => string | undefined;
+    invalidate: (payload: {
+        [x: string]: string | string[] | undefined;
+    }) => void;
+    initModel: () => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "tab:switch": (value: string) => any;
     "update:height": (value: number) => any;
     "update:active": () => any;
 }, string, import('vue').PublicProps, Readonly<{
+    name: string;
+    title: string;
     active: boolean;
     removable: boolean;
 }> & Readonly<{
+    "onTab:switch"?: ((value: string) => any) | undefined;
     "onUpdate:height"?: ((value: number) => any) | undefined;
     "onUpdate:active"?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    element: HTMLDivElement;
+    form: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly name?: string | undefined;
+            readonly title?: string | undefined;
+            readonly "onUpdate:has-changes"?: ((value: boolean) => any) | undefined;
+            readonly "onUpdate:is-valid"?: ((value: boolean | undefined) => any) | undefined;
+            readonly "onUpdate:has-value"?: ((value: boolean | null) => any) | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "update:has-changes", value: boolean) => void) & ((event: "update:is-valid", value: boolean | undefined) => void) & ((event: "update:has-value", value: boolean | null) => void);
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<{
+            name?: string;
+            title?: string;
+        }> & Readonly<{
+            "onUpdate:has-changes"?: ((value: boolean) => any) | undefined;
+            "onUpdate:is-valid"?: ((value: boolean | undefined) => any) | undefined;
+            "onUpdate:has-value"?: ((value: boolean | null) => any) | undefined;
+        }>, {
+            isValid: import('vue').ComputedRef<boolean>;
+            hasChanges: import('vue').ComputedRef<boolean>;
+            hasValue: import('vue').ComputedRef<boolean | null>;
+            validate: (silent?: boolean, path?: import('../../Form/use/useFormValidateMap').ValidatePath) => string | undefined;
+            invalidate: (payload: {
+                [x: string]: string | string[] | undefined;
+            }) => void;
+            initModel: () => void;
+            errorMessage: import('vue').ComputedRef<string>;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+            "update:has-changes": (value: boolean) => any;
+            "update:is-valid": (value: boolean | undefined) => any;
+            "update:has-value": (value: boolean | null) => any;
+        }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{}> & Omit<Readonly<{
+        name?: string;
+        title?: string;
+    }> & Readonly<{
+        "onUpdate:has-changes"?: ((value: boolean) => any) | undefined;
+        "onUpdate:is-valid"?: ((value: boolean | undefined) => any) | undefined;
+        "onUpdate:has-value"?: ((value: boolean | null) => any) | undefined;
+    }>, "errorMessage" | "hasChanges" | "isValid" | "hasValue" | "validate" | "invalidate" | "initModel"> & import('vue').ShallowUnwrapRef<{
+        isValid: import('vue').ComputedRef<boolean>;
+        hasChanges: import('vue').ComputedRef<boolean>;
+        hasValue: import('vue').ComputedRef<boolean | null>;
+        validate: (silent?: boolean, path?: import('../../Form/use/useFormValidateMap').ValidatePath) => string | undefined;
+        invalidate: (payload: {
+            [x: string]: string | string[] | undefined;
+        }) => void;
+        initModel: () => void;
+        errorMessage: import('vue').ComputedRef<string>;
+    }> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            default?(_: {}): any;
+        };
+    }) | null;
 }, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/Tabs/components/TabItem.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabItem.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/components/TabItem.vue"],"names":[],"mappings":"AAwGA,iBAAS,cAAc;;yBAuCM,GAAG;;;;;WAUlB,OAAO,IAA6B;EAEjD;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;YA7GX,OAAO;eACJ,OAAO;;sBAaG,IAAI;;;;;YAdjB,OAAO;eACJ,OAAO;;;;;;OAwHlB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"TabItem.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/components/TabItem.vue"],"names":[],"mappings":"AA0EA,OAAO,EAAW,QAAQ,EAAwB,MAAM,KAAK,CAAA;AAiF7D,iBAAS,cAAc;;yBA6DM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA0DgvjB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;WAhDx3jB,OAAO,IAA6B;EAEjD;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;UAhKb,MAAM;WACL,MAAM;YACL,OAAO;eACJ,OAAO;;sBAuBG,IAAI;;;;;;;;;;;;;;;UA1BnB,MAAM;WACL,MAAM;YACL,OAAO;eACJ,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA4L4vjB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;OAlBp4jB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Tabs/components/TabItem.vue.js

@@ -1,25 +1,31 @@
-import { defineComponent, useTemplateRef, watch, nextTick, openBlock, createBlock, KeepAlive, withDirectives, createElementBlock, renderSlot, vShow, createCommentVNode } from 'vue';
+import { defineComponent, useTemplateRef, computed, watch, nextTick, withDirectives, openBlock, createBlock, withCtx, renderSlot, vShow, createCommentVNode } from 'vue';
+import _sfc_main$1 from '../../Form/WForm.vue.js';
 import { useTabItemActiveListener } from '../use/useTabItemActiveListener.js';
 
-const _hoisted_1 = {
-  key: 0,
-  ref: "element"
-};
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "TabItem",
   props: {
+    name: {},
+    title: {},
     active: { type: Boolean },
     removable: { type: Boolean }
   },
-  emits: ["update:height", "update:active"],
+  emits: ["tab:switch", "update:height", "update:active"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
     const { callListeners } = useTabItemActiveListener();
-    const elementRef = useTemplateRef("element");
+    const formRef = useTemplateRef("form");
+    const isValid = computed(() => formRef.value?.isValid ?? true);
+    const hasChanges = computed(() => formRef.value?.hasChanges ?? false);
+    const hasValue = computed(() => formRef.value?.hasValue ?? null);
+    const errorMessage = computed(() => formRef.value?.errorMessage);
+    const validate = (...args) => formRef.value?.validate(...args);
+    const invalidate = (...args) => formRef.value?.invalidate(...args);
+    const initModel = () => formRef.value?.initModel();
     const emitHeight = () => {
-      if (!elementRef.value) return;
-      emit("update:height", elementRef.value.offsetHeight);
+      if (!formRef.value) return;
+      emit("update:height", formRef.value.$el.offsetHeight);
     };
     watch(() => props.active, async (value) => {
       if (value) emit("update:active");
@@ -28,16 +34,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (value) callListeners();
     }, { immediate: true });
     __expose({
-      emitHeight
+      emitHeight,
+      isValid,
+      hasChanges,
+      hasValue,
+      errorMessage,
+      validate,
+      invalidate,
+      initModel
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(KeepAlive, null, [
-        !_ctx.removable || _ctx.active ? withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [
+      return !_ctx.removable || _ctx.active ? withDirectives((openBlock(), createBlock(_sfc_main$1, {
+        key: 0,
+        ref: "form",
+        name: _ctx.name,
+        title: _ctx.title,
+        "onUpdate:isValid": _cache[0] || (_cache[0] = ($event) => $event === false && _ctx.$emit("tab:switch", _ctx.name))
+      }, {
+        default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
-        ], 512)), [
-          [vShow, _ctx.active]
-        ]) : createCommentVNode("", true)
-      ], 1024);
+        ]),
+        _: 3
+      }, 8, ["name", "title"])), [
+        [vShow, _ctx.active]
+      ]) : createCommentVNode("", true);
     };
   }
 });

package/dist/components/Tabs/components/TabTitleButton.vue.d.ts

@@ -1,12 +1,24 @@
 import { CSSProperties } from 'vue';
 declare function __VLS_template(): {
     slots: {
-        title?(_: {}): any;
-        suffix?(_: {}): any;
-        right?(_: {}): any;
+        title?(_: {
+            hasChanges: boolean;
+            hasError: boolean;
+            hasValue: boolean;
+        }): any;
+        suffix?(_: {
+            hasChanges: boolean;
+            hasError: boolean;
+            hasValue: boolean;
+        }): any;
+        right?(_: {
+            hasChanges: boolean;
+            hasError: boolean;
+            hasValue: boolean;
+        }): any;
     };
     refs: {
-        button: HTMLButtonElement;
+        container: HTMLDivElement;
     };
     attrs: Partial<{}>;
 };
@@ -16,8 +28,15 @@ declare const __VLS_component: import('vue').DefineComponent<{
     index: number;
     hasError: boolean;
     hasChanges: boolean;
+    hasValue: boolean;
     title: string;
     icon: SVGComponent | undefined;
+    first: boolean;
+    last: boolean;
+    disabled?: boolean;
+    stepper?: boolean;
+    showHasValue?: boolean;
+    noIndicator?: boolean;
     side?: boolean;
 }, {
     update: () => void;
@@ -34,8 +53,15 @@ declare const __VLS_component: import('vue').DefineComponent<{
     index: number;
     hasError: boolean;
     hasChanges: boolean;
+    hasValue: boolean;
     title: string;
     icon: SVGComponent | undefined;
+    first: boolean;
+    last: boolean;
+    disabled?: boolean;
+    stepper?: boolean;
+    showHasValue?: boolean;
+    noIndicator?: boolean;
     side?: boolean;
 }> & Readonly<{
     onClick?: ((value: MouseEvent) => any) | undefined;
@@ -46,7 +72,7 @@ declare const __VLS_component: import('vue').DefineComponent<{
         top: number;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    button: HTMLButtonElement;
+    container: HTMLDivElement;
 }, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/Tabs/components/TabTitleButton.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabTitleButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/components/TabTitleButton.vue"],"names":[],"mappings":"AA8IA,OAAO,EAAC,KAAK,aAAa,EAA6C,MAAM,KAAK,CAAA;AA0FlF,iBAAS,cAAc;;uBA2HI,GAAG;wBACD,GAAG;uBACJ,GAAG;;;;;WAUjB,OAAO,IAA6B;EAEjD;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;YA5OX,OAAO;WACR,MAAM;cACH,OAAO;gBACL,OAAO;WACZ,MAAM;UACP,YAAY,GAAG,SAAS;WACvB,OAAO;;;;;;;cA+O8B,MAAM;;aAAU,MAAM;;;YArP1D,OAAO;WACR,MAAM;cACH,OAAO;gBACL,OAAO;WACZ,MAAM;UACP,YAAY,GAAG,SAAS;WACvB,OAAO;;;;;cA+O8B,MAAM;;aAAU,MAAM;;;;OAIlE,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"TabTitleButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/components/TabTitleButton.vue"],"names":[],"mappings":"AAoNA,OAAO,EAAC,KAAK,aAAa,EAA6C,MAAM,KAAK,CAAA;AAqGlF,iBAAS,cAAc;;;;;;YAwNK,GAAG;;;;;YACF,GAAG;;;;;YACJ,GAAG;;;;;WAUjB,OAAO,IAA6B;EAEjD;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;YAnVX,OAAO;WACR,MAAM;cACH,OAAO;gBACL,OAAO;cACT,OAAO;WACV,MAAM;UACP,YAAY,GAAG,SAAS;WACvB,OAAO;UACR,OAAO;eACF,OAAO;cACR,OAAO;mBACF,OAAO;kBACR,OAAO;WACd,OAAO;;;;;;;cA+U8B,MAAM;;aAAU,MAAM;;;YA5V1D,OAAO;WACR,MAAM;cACH,OAAO;gBACL,OAAO;cACT,OAAO;WACV,MAAM;UACP,YAAY,GAAG,SAAS;WACvB,OAAO;UACR,OAAO;eACF,OAAO;cACR,OAAO;mBACF,OAAO;kBACR,OAAO;WACd,OAAO;;;;;cA+U8B,MAAM;;aAAU,MAAM;;;;OAIlE,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}