eco-vue-js 0.9.3 → 0.9.4

package/dist/components/Modal/WModalStepper.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WModalStepper.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/WModalStepper.vue"],"names":[],"mappings":"AAyKA,iBAAS,cAAc;;uBA4PI,GAAG;yBACA,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDAkEqxS,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;WAxD95S,OAAO,IAA6B;EAEjD;AAsBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;cA7UT,OAAO;eACN,OAAO;mBACH,OAAO;;gBAqBP,IAAI;oBAJA,IAAI;;;;;;cAnBb,OAAO;eACN,OAAO;mBACH,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDA0W8xS,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;OAlB16S,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":"WModalStepper.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/WModalStepper.vue"],"names":[],"mappings":"AAyKA,iBAAS,cAAc;;uBA4PI,GAAG;yBACA,GAAG;;;;;WAUnB,OAAO,IAA6B;EAEjD;AAsBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;cA7UT,OAAO;eACN,OAAO;mBACH,OAAO;;gBAqBP,IAAI;oBAJA,IAAI;;;;;;cAnBb,OAAO;eACN,OAAO;mBACH,OAAO;;;;;;;OAwVtB,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/Select/WSelectAsyncSingle.vue.d.ts

@@ -12,10 +12,10 @@ declare const _default: <Model extends number | string, Data extends DefaultData
         title?(_: {}): any;
         subtitle?(_: {}): any;
         option?(_: {
-            option: Data | null;
-            selected: boolean;
-            model: boolean;
-            search: string | undefined;
+            option: any;
+            selected: any;
+            model: any;
+            search: any;
         }): any;
         right?(_: {}): any;
     };

package/dist/components/Select/WSelectSingle.vue.d.ts

@@ -13,10 +13,10 @@ declare const _default: <Model extends number | string, Data extends DefaultData
         title?(_: {}): any;
         subtitle?(_: {}): any;
         option?(_: {
-            option: Data | null;
-            selected: boolean;
-            model: boolean;
-            search: string | undefined;
+            option: any;
+            selected: any;
+            model: any;
+            search: any;
         }): any;
         right?(_: {}): any;
     };

package/dist/components/Select/WSelectStringified.vue.d.ts

@@ -13,10 +13,10 @@ declare const _default: <Model extends string, Data extends DefaultData, QueryPa
         title?(_: {}): any;
         subtitle?(_: {}): any;
         option?(_: {
-            option: Data | null;
-            selected: boolean;
-            model: boolean;
-            search: string | undefined;
+            option: any;
+            selected: any;
+            model: any;
+            search: any;
         }): any;
         right?(_: {}): any;
     };

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

@@ -1,5 +1,4 @@
 import { TabsProps } from './types';
-import { CSSProperties, nextTick } from 'vue';
 import { default as WForm } from '../Form/WForm.vue';
 declare const _default: import('vue').DefineComponent<TabsProps, {
     updateCurrent: (value: string) => void;
@@ -25,264 +24,9 @@ declare const _default: import('vue').DefineComponent<TabsProps, {
     "onUpdate:tabs-length"?: ((value: number) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     buttonContainer: HTMLDivElement;
-    button: (({
-        $: import('vue').ComponentInternalInstance;
-        $data: {};
-        $props: {
-            readonly active: boolean;
-            readonly index: number;
-            readonly hasError: boolean;
-            readonly hasChanges: boolean;
-            readonly title: string;
-            readonly icon: SVGComponent | undefined;
-            readonly side?: boolean | undefined;
-            readonly onClick?: ((value: MouseEvent) => any) | undefined;
-            readonly "onUpdate:indicator-style"?: ((value: CSSProperties) => any) | undefined;
-            readonly "onUpdate:scroll-position"?: ((value: {
-                left: number;
-            } | {
-                top: number;
-            }) => any) | undefined;
-        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        } & {
-            button: HTMLButtonElement;
-        };
-        $slots: Readonly<{
-            [name: string]: import('vue').Slot<any> | undefined;
-        }>;
-        $root: import('vue').ComponentPublicInstance | null;
-        $parent: import('vue').ComponentPublicInstance | null;
-        $host: Element | null;
-        $emit: ((event: "click", value: MouseEvent) => void) & ((event: "update:indicator-style", value: CSSProperties) => void) & ((event: "update:scroll-position", value: {
-            left: number;
-        } | {
-            top: number;
-        }) => void);
-        $el: any;
-        $options: import('vue').ComponentOptionsBase<Readonly<{
-            active: boolean;
-            index: number;
-            hasError: boolean;
-            hasChanges: boolean;
-            title: string;
-            icon: SVGComponent | undefined;
-            side?: boolean;
-        }> & Readonly<{
-            onClick?: ((value: MouseEvent) => any) | undefined;
-            "onUpdate:indicator-style"?: ((value: CSSProperties) => any) | undefined;
-            "onUpdate:scroll-position"?: ((value: {
-                left: number;
-            } | {
-                top: number;
-            }) => any) | undefined;
-        }>, {
-            update: () => void;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-            click: (value: MouseEvent) => any;
-            "update:indicator-style": (value: CSSProperties) => any;
-            "update:scroll-position": (value: {
-                left: number;
-            } | {
-                top: number;
-            }) => 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<{
-        active: boolean;
-        index: number;
-        hasError: boolean;
-        hasChanges: boolean;
-        title: string;
-        icon: SVGComponent | undefined;
-        side?: boolean;
-    }> & Readonly<{
-        onClick?: ((value: MouseEvent) => any) | undefined;
-        "onUpdate:indicator-style"?: ((value: CSSProperties) => any) | undefined;
-        "onUpdate:scroll-position"?: ((value: {
-            left: number;
-        } | {
-            top: number;
-        }) => any) | undefined;
-    }>, "update"> & import('vue').ShallowUnwrapRef<{
-        update: () => void;
-    }> & {} & import('vue').ComponentCustomProperties & {} & {
-        $slots: {
-            title?(_: {}): any;
-            suffix?(_: {}): any;
-            right?(_: {}): any;
-        };
-    }) | null)[];
-    tabItem: (({
-        $: import('vue').ComponentInternalInstance;
-        $data: {};
-        $props: {
-            readonly active: boolean;
-            readonly removable: boolean;
-            readonly "onUpdate:height"?: ((value: number) => any) | undefined;
-            readonly "onUpdate:active"?: (() => any) | undefined;
-        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        } & {
-            element: HTMLDivElement;
-        };
-        $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:height", value: number) => void) & ((event: "update:active") => void);
-        $el: any;
-        $options: import('vue').ComponentOptionsBase<Readonly<{
-            active: boolean;
-            removable: boolean;
-        }> & Readonly<{
-            "onUpdate:height"?: ((value: number) => any) | undefined;
-            "onUpdate:active"?: (() => any) | undefined;
-        }>, {
-            emitHeight: () => void;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-            "update:height": (value: number) => any;
-            "update:active": () => 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<{
-        active: boolean;
-        removable: boolean;
-    }> & Readonly<{
-        "onUpdate:height"?: ((value: number) => any) | undefined;
-        "onUpdate:active"?: (() => any) | undefined;
-    }>, "emitHeight"> & import('vue').ShallowUnwrapRef<{
-        emitHeight: () => void;
-    }> & {} & import('vue').ComponentCustomProperties & {} & {
-        $slots: {
-            default?(_: {}): any;
-        };
-    }) | null)[];
-    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;
-        } & 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);
-        $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;
-        }>, {
-            isValid: import('vue').ComputedRef<boolean>;
-            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;
-        }, 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;
-    }>, "errorMessage" | "isValid" | "validate" | "invalidate" | "initModel"> & import('vue').ShallowUnwrapRef<{
-        isValid: import('vue').ComputedRef<boolean>;
-        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)[];
+    button: any[];
+    tabItem: any[];
+    form: any[];
 }, any>;
 export default _default;
 //# sourceMappingURL=WTabs.vue.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"WTabs.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/WTabs.vue"],"names":[],"mappings":"AAiSA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,SAAS,CAAA;AAEtC,OAAO,EAAC,KAAK,aAAa,EAAgD,QAAQ,EAAyE,MAAM,KAAK,CAAA;AAEtK,OAAO,KAAK,MAAM,6BAA6B,CAAA;;2BAsEjB,MAAM;yBAMR,MAAM;gBAcjB,IAAI;oBAIA,IAAI;sBAUA,MAAM,6GAAqE,UAAU,CAAC,iBAAiB,CAAC,OAAO,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC;wBAIhI,MAAM;;UAAuE,UAAU,CAAC,iBAAiB,CAAC,OAAO,KAAK,CAAC,CAAC,YAAY,CAAC,CAAC;uBAIvI,MAAM,KAAsE,UAAU,CAAC,iBAAiB,CAAC,OAAO,KAAK,CAAC,CAAC,WAAW,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA0PhI,GAAG,8CACO,GAAG,yBAE9B,GAAG,6DAEW,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCALA,GAAG,8CACO,GAAG,yBAE9B,GAAG,6DAEW,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCALA,GAAG,8CACO,GAAG,yBAE9B,GAAG,6DAEW,GAAG;;;;;;;;;;;;;;;;;;;;;AA4J9B,wBAeG"}
+{"version":3,"file":"WTabs.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/WTabs.vue"],"names":[],"mappings":"AA+TA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,SAAS,CAAA;AAItC,OAAO,KAAK,MAAM,6BAA6B,CAAA;;2BAsEjB,MAAM;yBAMR,MAAM;gBAcjB,IAAI;oBAIA,IAAI;sBAUA,MAAM,6GAAqE,UAAU,CAAC,iBAAiB,CAAC,OAAO,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC;wBAIhI,MAAM;;UAAuE,UAAU,CAAC,iBAAiB,CAAC,OAAO,KAAK,CAAC,CAAC,YAAY,CAAC,CAAC;uBAIvI,MAAM,KAAsE,UAAU,CAAC,iBAAiB,CAAC,OAAO,KAAK,CAAC,CAAC,WAAW,CAAC,CAAC;;;;;;;;;;;;;;;;;;;AAob9J,wBAeG"}

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

@@ -1,6 +1,6 @@
-import { defineComponent, useSlots, useTemplateRef, computed, ref, reactive, inject, watch, onMounted, onUnmounted, openBlock, createElementBlock, normalizeClass, Fragment, renderList, createBlock, unref, createSlots, withCtx, resolveDynamicComponent, createElementVNode, normalizeStyle, createCommentVNode, createVNode, TransitionGroup, nextTick } from 'vue';
+import { defineComponent, useSlots, useTemplateRef, computed, ref, inject, watch, onMounted, onUnmounted, openBlock, createElementBlock, normalizeClass, Fragment, renderList, createBlock, unref, createSlots, withCtx, resolveDynamicComponent, mergeProps, createElementVNode, normalizeStyle, createCommentVNode, createVNode, TransitionGroup } from 'vue';
 import _sfc_main$3 from '../Form/WForm.vue.js';
-import { throttle, debounce } from '../../utils/utils.js';
+import { debounce, throttle } from '../../utils/utils.js';
 import _sfc_main$2 from './components/TabItem.vue.js';
 import _sfc_main$1 from './components/TabTitleButton.vue.js';
 import { wTabItemListener, wTabItemUnlistener } from './models/injection.js';
@@ -30,9 +30,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         else return [];
       });
     };
-    const defaultSlots = computed(() => {
+    const isTabItem = (slot) => {
+      return slot.type instanceof Object && "__name" in slot.type && slot.type.__name === "WTabsItem";
+    };
+    const defaultSlotsAll = computed(() => {
       return unwrapSlots(defaultSlotsRaw.value);
     });
+    const defaultSlots = computed(() => {
+      return defaultSlotsAll.value.filter(isTabItem);
+    });
     const defaultSlotsKeys = computed(() => defaultSlots.value.map((item) => item.props?.name));
     const current = ref(defaultSlotsKeys.value[props.initTab ?? 0]);
     const currentIndex = computed(() => defaultSlotsKeys.value.indexOf(current.value));
@@ -42,15 +48,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const minHeight = ref(0);
     const tabItemRef = useTemplateRef("tabItem");
     const formRef = useTemplateRef("form");
-    const isValidMap = reactive({});
-    const hasChangesMap = reactive({});
-    const hasChanges = computed(() => Object.values(hasChangesMap).includes(true));
-    const updateIsValidMap = (key, value) => {
-      isValidMap[key] = value;
-      nextTick().then(() => {
-        if (value === false && isValidMap[current.value] !== false) switchTab(key);
-      });
-    };
+    const currentIsValud = computed(() => formRef.value?.[defaultSlotsKeys.value.indexOf(current.value)]?.isValid);
+    const switchOnInvalid = debounce((key) => {
+      if (currentIsValud.value !== false) switchTab(key);
+    }, 50);
     const switchTab = throttle((key) => {
       if (current.value === key) return;
       updateCurrent(key);
@@ -109,9 +110,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     watch(currentIndex, (value) => {
       emit("update:current-index", value);
     }, { immediate: true });
-    watch(hasChanges, (value) => {
-      emit("update:has-changes", value);
-    }, { immediate: true });
     watch(defaultSlotsKeys, (newValue, oldValue) => {
       const newIndex = newValue.findIndex((item) => !oldValue.includes(item));
       if (props.switchToNew && newIndex !== -1) {
@@ -151,53 +149,74 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         !_ctx.noHeader ? (openBlock(), createElementBlock("div", {
           key: 0,
           ref: "buttonContainer",
-          class: normalizeClass(["no-scrollbar relative flex snap-x snap-mandatory snap-always overflow-x-auto overscroll-x-contain", {
-            "flex-col": _ctx.side
+          class: normalizeClass(["no-scrollbar relative snap-x snap-mandatory snap-always overflow-x-auto overscroll-x-contain", {
+            "grid grid-cols-[1fr,auto]": _ctx.side,
+            "flex": !_ctx.side
           }])
         }, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(defaultSlots.value, (slot, index) => {
-            return openBlock(), createBlock(_sfc_main$1, {
-              key: slot.props?.name,
-              ref_for: true,
-              ref: "button",
-              active: current.value === slot.props?.name,
-              index,
-              title: slot.props?.title,
-              icon: slot.props?.icon,
-              "has-changes": hasChangesMap[slot.props?.name] === true,
-              "has-error": isValidMap[slot.props?.name] === false,
-              side: _ctx.side,
-              "onUpdate:indicatorStyle": _cache[0] || (_cache[0] = ($event) => indicatorStyle.value = $event),
-              "onUpdate:scrollPosition": updateScrollPosition,
-              onClick: ($event) => unref(switchTab)(slot.props?.name)
-            }, createSlots({ _: 2 }, [
-              slot.children?.title ? {
-                name: "title",
-                fn: withCtx(() => [
-                  (openBlock(), createBlock(resolveDynamicComponent(slot.children?.title)))
-                ]),
-                key: "0"
-              } : void 0,
-              slot.children?.suffix ? {
-                name: "suffix",
-                fn: withCtx(() => [
-                  (openBlock(), createBlock(resolveDynamicComponent(slot.children?.suffix)))
-                ]),
-                key: "1"
-              } : void 0,
-              slot.children?.right ? {
-                name: "right",
-                fn: withCtx(() => [
-                  (openBlock(), createBlock(resolveDynamicComponent(slot.children?.right)))
-                ]),
-                key: "2"
-              } : void 0
-            ]), 1032, ["active", "index", "title", "icon", "has-changes", "has-error", "side", "onClick"]);
+          (openBlock(true), createElementBlock(Fragment, null, renderList(defaultSlotsAll.value, (slot, index) => {
+            return openBlock(), createElementBlock(Fragment, {
+              key: slot.props?.name
+            }, [
+              isTabItem(slot) ? (openBlock(), createBlock(_sfc_main$1, {
+                key: 0,
+                ref_for: true,
+                ref: "button",
+                active: current.value === slot.props?.name,
+                index,
+                title: slot.props?.title,
+                icon: slot.props?.icon,
+                "has-changes": unref(formRef)?.[defaultSlots.value.indexOf(slot)]?.hasChanges === true,
+                "has-error": unref(formRef)?.[defaultSlots.value.indexOf(slot)]?.isValid === false,
+                side: _ctx.side,
+                class: normalizeClass({
+                  "col-span-2 grid grid-cols-subgrid": _ctx.side,
+                  "grid-cols-[1fr,auto]": !_ctx.side
+                }),
+                "onUpdate:indicatorStyle": _cache[0] || (_cache[0] = ($event) => indicatorStyle.value = $event),
+                "onUpdate:scrollPosition": updateScrollPosition,
+                onClick: ($event) => unref(switchTab)(slot.props?.name)
+              }, createSlots({ _: 2 }, [
+                slot.children?.title ? {
+                  name: "title",
+                  fn: withCtx(() => [
+                    (openBlock(), createBlock(resolveDynamicComponent(slot.children?.title), mergeProps({ ref_for: true }, {
+                      hasError: unref(formRef)?.[defaultSlots.value.indexOf(slot)]?.isValid === false,
+                      hasChanges: unref(formRef)?.[defaultSlots.value.indexOf(slot)]?.hasChanges === true,
+                      hasValue: unref(formRef)?.[defaultSlots.value.indexOf(slot)]?.hasValue === true
+                    }), null, 16))
+                  ]),
+                  key: "0"
+                } : void 0,
+                slot.children?.suffix ? {
+                  name: "suffix",
+                  fn: withCtx(() => [
+                    (openBlock(), createBlock(resolveDynamicComponent(slot.children?.suffix), mergeProps({ ref_for: true }, {
+                      hasError: unref(formRef)?.[defaultSlots.value.indexOf(slot)]?.isValid === false,
+                      hasChanges: unref(formRef)?.[defaultSlots.value.indexOf(slot)]?.hasChanges === true,
+                      hasValue: unref(formRef)?.[defaultSlots.value.indexOf(slot)]?.hasValue === true
+                    }), null, 16))
+                  ]),
+                  key: "1"
+                } : void 0,
+                slot.children?.right ? {
+                  name: "right",
+                  fn: withCtx(() => [
+                    (openBlock(), createBlock(resolveDynamicComponent(slot.children?.right), mergeProps({ ref_for: true }, {
+                      hasError: unref(formRef)?.[defaultSlots.value.indexOf(slot)]?.isValid === false,
+                      hasChanges: unref(formRef)?.[defaultSlots.value.indexOf(slot)]?.hasChanges === true,
+                      hasValue: unref(formRef)?.[defaultSlots.value.indexOf(slot)]?.hasValue === true
+                    }), null, 16))
+                  ]),
+                  key: "2"
+                } : void 0
+              ]), 1032, ["active", "index", "title", "icon", "has-changes", "has-error", "side", "class", "onClick"])) : (openBlock(), createBlock(resolveDynamicComponent(slot), { key: 1 }))
+            ], 64);
           }), 128)),
           createElementVNode("div", {
             class: normalizeClass(["absolute rounded-sm duration-500", {
-              "bg-primary-default dark:bg-primary-dark": isValidMap[current.value] !== false,
-              "bg-negative dark:bg-negative-dark": isValidMap[current.value] === false,
+              "bg-primary-default dark:bg-primary-dark": currentIsValud.value !== false,
+              "bg-negative dark:bg-negative-dark": currentIsValud.value === false,
               "transition-[left,width,background-color]": !_ctx.side && indicatorStyle.value !== void 0,
               "transition-[top,height,background-color]": _ctx.side && indicatorStyle.value !== void 0
             }]),
@@ -232,14 +251,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       ref: "form",
                       name: slot.props?.name,
                       title: slot.props?.title,
-                      "onUpdate:isValid": ($event) => updateIsValidMap(slot.props?.name, $event),
-                      "onUpdate:hasChanges": ($event) => hasChangesMap[slot.props?.name] = $event
+                      "onUpdate:isValid": ($event) => $event === false && unref(switchOnInvalid)(slot.props?.name)
                     }, {
                       default: withCtx(() => [
                         (openBlock(), createBlock(resolveDynamicComponent(slot)))
                       ]),
                       _: 2
-                    }, 1032, ["name", "title", "onUpdate:isValid", "onUpdate:hasChanges"])
+                    }, 1032, ["name", "title", "onUpdate:isValid"])
                   ]),
                   _: 2
                 }, 1032, ["active", "removable", "onUpdate:active"]);

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

@@ -1,14 +1,15 @@
+import { TabsItemScopedProps } from './types';
 declare function __VLS_template(): {
     slots: Readonly<{
         default?: () => void;
-        title?: () => void;
-        suffix?: () => void;
-        right?: () => void;
+        title?: (props: TabsItemScopedProps) => void;
+        suffix?: (props: TabsItemScopedProps) => void;
+        right?: (props: TabsItemScopedProps) => void;
     }> & {
         default?: () => void;
-        title?: () => void;
-        suffix?: () => void;
-        right?: () => void;
+        title?: (props: TabsItemScopedProps) => void;
+        suffix?: (props: TabsItemScopedProps) => void;
+        right?: (props: TabsItemScopedProps) => void;
     };
     refs: {};
     attrs: Partial<{}>;
@@ -20,12 +21,14 @@ declare const __VLS_component: import('vue').DefineComponent<{
     icon?: SVGComponent;
     disabled?: boolean;
     removable?: boolean;
+    divided?: boolean;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
     title: string;
     name: string;
     icon?: SVGComponent;
     disabled?: boolean;
     removable?: boolean;
+    divided?: boolean;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"WTabsItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/WTabsItem.vue"],"names":[],"mappings":"AA2CA,iBAAS,cAAc;;kBAVX,MAAM,IAAI;gBACZ,MAAM,IAAI;iBACT,MAAM,IAAI;gBACX,MAAM,IAAI;;kBAHR,MAAM,IAAI;gBACZ,MAAM,IAAI;iBACT,MAAM,IAAI;gBACX,MAAM,IAAI;;;WAsCN,OAAO,IAA6B;EAEjD;AAQD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;WA7DZ,MAAM;UACP,MAAM;WACL,YAAY;eACR,OAAO;gBACN,OAAO;;WAJZ,MAAM;UACP,MAAM;WACL,YAAY;eACR,OAAO;gBACN,OAAO;iGA+DnB,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":"WTabsItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/WTabsItem.vue"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAA;AAyBhD,iBAAS,cAAc;;kBAVX,MAAM,IAAI;gBACZ,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI;iBACnC,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI;gBACrC,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI;;kBAHlC,MAAM,IAAI;gBACZ,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI;iBACnC,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI;gBACrC,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI;;;WAsChC,OAAO,IAA6B;EAEjD;AAQD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;WA9DZ,MAAM;UACP,MAAM;WACL,YAAY;eACR,OAAO;gBACN,OAAO;cACT,OAAO;;WALV,MAAM;UACP,MAAM;WACL,YAAY;eACR,OAAO;gBACN,OAAO;cACT,OAAO;iGA+DjB,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/WTabsItem.vue.js

@@ -7,7 +7,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     name: {},
     icon: {},
     disabled: { type: Boolean },
-    removable: { type: Boolean }
+    removable: { type: Boolean },
+    divided: { type: Boolean }
   },
   setup(__props) {
     return (_ctx, _cache) => {