eco-vue-js 0.8.34 → 0.8.36

package/dist/components/List/WList.vue.d.ts

@@ -22,6 +22,8 @@ declare const _default: <Data extends DefaultData, QueryParams, Fields extends L
         configKey: string;
         defaultConfigMap: FieldConfigMap<Fields>;
         alignTop?: boolean;
+        disableMore?: boolean;
+        readonly?: boolean;
     }> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;

package/dist/components/List/WList.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/List/WList.vue"],"names":[],"mappings":"AA0TA,OAAO,KAAK,EAAC,aAAa,EAAE,cAAc,EAAE,cAAc,EAAE,UAAU,EAAE,aAAa,EAAC,MAAM,SAAS,CAAA;yBAYpF,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC,eACtF,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAqnBxD,mBAAmB,CAAC;;;gBA/mBpB,MAAM;gBACN,MAAM;oBACF,cAAc,CAAC,IAAI,CAAC;oBACpB,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC;qBACnC,WAAW;6BACH,MAAM;wBACX,MAAM;eACf,aAAa,CAAC,WAAW,CAAC,EAAE;mBACxB,aAAa,CAAC,WAAW,CAAC,EAAE;cACjC,aAAa,CAAC,IAAI,CAAC,EAAE;yBACV,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO;oBAC5B,MAAM;2BACC,MAAM;6BACJ,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM;oBACvD,OAAO;qBACN,OAAO;mBACT,MAAM;0BACC,cAAc,CAAC,MAAM,CAAC;mBAC7B,OAAO;KA6lBmE,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;YAtDgB,GAAG;;cApiB1B,uBAAuB,SAAS,MAAM,KAAG,IAAI;;;;YA+lBP,OAAO,CAAC,OAAO,WAAW,CAAC;;AA/nBvE,wBA+nB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/List/WList.vue"],"names":[],"mappings":"AA6TA,OAAO,KAAK,EAAC,aAAa,EAAE,cAAc,EAAE,cAAc,EAAE,UAAU,EAAE,aAAa,EAAC,MAAM,SAAS,CAAA;yBAYpF,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC,eACtF,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAunBxD,mBAAmB,CAAC;;;gBAjnBpB,MAAM;gBACN,MAAM;oBACF,cAAc,CAAC,IAAI,CAAC;oBACpB,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC;qBACnC,WAAW;6BACH,MAAM;wBACX,MAAM;eACf,aAAa,CAAC,WAAW,CAAC,EAAE;mBACxB,aAAa,CAAC,WAAW,CAAC,EAAE;cACjC,aAAa,CAAC,IAAI,CAAC,EAAE;yBACV,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO;oBAC5B,MAAM;2BACC,MAAM;6BACJ,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM;oBACvD,OAAO;qBACN,OAAO;mBACT,MAAM;0BACC,cAAc,CAAC,MAAM,CAAC;mBAC7B,OAAO;sBACJ,OAAO;mBACV,OAAO;KA6lBmE,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;YAtDgB,GAAG;;cApiB1B,uBAAuB,SAAS,MAAM,KAAG,IAAI;;;;YA+lBP,OAAO,CAAC,OAAO,WAAW,CAAC;;AAjoBvE,wBAioB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/List/WList.vue.js

@@ -34,7 +34,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     moreBottom: { type: Boolean },
     configKey: {},
     defaultConfigMap: {},
-    alignTop: { type: Boolean }
+    alignTop: { type: Boolean },
+    disableMore: { type: Boolean },
+    readonly: { type: Boolean }
   },
   emits: ["update:header-padding"],
   setup(__props) {
@@ -201,6 +203,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         default: withCtx(({ item, skeleton, setter, refetch }) => [
           createVNode(_sfc_main$7, {
             disabled: skeleton,
+            "disable-more": _ctx.disableMore,
             mobile: unref(isMobile),
             "card-class": _ctx.cardClass,
             "card-wrapper-class": _ctx.cardWrapperClass,
@@ -219,7 +222,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 default: withCtx((defaultScope) => [
                   (openBlock(), createBlock(resolveDynamicComponent(defaultScope.field.component), {
                     item: defaultScope.item,
-                    readonly: _ctx.readonlyGetter?.(defaultScope.item) ?? false,
+                    readonly: _ctx.readonly || (_ctx.readonlyGetter?.(defaultScope.item) ?? false),
                     skeleton,
                     mobile: unref(isMobile),
                     class: normalizeClass({
@@ -243,7 +246,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 return openBlock(), createBlock(resolveDynamicComponent(menuItem), {
                   key: menuIndex,
                   item,
-                  readonly: _ctx.readonlyGetter?.(item) ?? false,
+                  readonly: _ctx.readonly || (_ctx.readonlyGetter?.(item) ?? false),
                   "update-item": setter,
                   "delete-item": () => {
                     setter();
@@ -264,7 +267,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               fn: withCtx(() => [
                 (openBlock(), createBlock(resolveDynamicComponent(_ctx.expansion), {
                   item,
-                  readonly: _ctx.readonlyGetter?.(item) ?? false,
+                  readonly: _ctx.readonly || (_ctx.readonlyGetter?.(item) ?? false),
                   skeleton,
                   mobile: unref(isMobile),
                   "onUpdate:item": setter,
@@ -276,7 +279,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ]),
               key: "0"
             } : void 0
-          ]), 1032, ["disabled", "mobile", "card-class", "card-wrapper-class", "has-border", "more-bottom", "allow-open", "align-top"])
+          ]), 1032, ["disabled", "disable-more", "mobile", "card-class", "card-wrapper-class", "has-border", "more-bottom", "allow-open", "align-top"])
         ]),
         _: 3
       }, 8, ["use-query-fn", "query-params", "skeleton-length", "header-margin", "allow-select", "selected", "reverse", "selected-range", "page-length", "count", "onSelect", "onSelectReverse", "onSelectRange"]);

package/dist/components/List/WListCard.vue.d.ts

@@ -21,6 +21,7 @@ declare const __VLS_component: import('vue').DefineComponent<{
     cardClass?: string;
     cardWrapperClass?: string;
     allowOpen?: boolean;
+    disableMore?: boolean;
 }, {
     updateSelected: ((value: boolean) => void) | undefined;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
@@ -36,6 +37,7 @@ declare const __VLS_component: import('vue').DefineComponent<{
     cardClass?: string;
     cardWrapperClass?: string;
     allowOpen?: boolean;
+    disableMore?: boolean;
 }> & Readonly<{
     "onUpdate:selected"?: ((value: boolean) => any) | undefined;
     "onUpdate:selected-hover"?: ((value: boolean) => any) | undefined;

package/dist/components/List/WListCard.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WListCard.vue.d.ts","sourceRoot":"","sources":["../../../src/components/List/WListCard.vue"],"names":[],"mappings":"AAuRA,iBAAS,cAAc;;;;;YAuUO,GAAG;sBACN,GAAG;2BACE,GAAG;;;WASrB,OAAO,IAA6B;EAEjD;AA4BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;eAnbR,OAAO;eACP,OAAO;aACT,OAAO;iBACH,OAAO;eACT,OAAO;gBACN,OAAO;gBACP,MAAM;uBACC,MAAM;gBACb,OAAO;;;;;;;eARR,OAAO;eACP,OAAO;aACT,OAAO;iBACH,OAAO;eACT,OAAO;gBACN,OAAO;gBACP,MAAM;uBACC,MAAM;gBACb,OAAO;;;;kFAsbnB,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":"WListCard.vue.d.ts","sourceRoot":"","sources":["../../../src/components/List/WListCard.vue"],"names":[],"mappings":"AAyRA,iBAAS,cAAc;;;;;YAuUO,GAAG;sBACN,GAAG;2BACE,GAAG;;;WASrB,OAAO,IAA6B;EAEjD;AA4BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;eApbR,OAAO;eACP,OAAO;aACT,OAAO;iBACH,OAAO;eACT,OAAO;gBACN,OAAO;gBACP,MAAM;uBACC,MAAM;gBACb,OAAO;kBACL,OAAO;;;;;;;eATV,OAAO;eACP,OAAO;aACT,OAAO;iBACH,OAAO;eACT,OAAO;gBACN,OAAO;gBACP,MAAM;uBACC,MAAM;gBACb,OAAO;kBACL,OAAO;;;;kFAsbrB,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/List/WListCard.vue.js

@@ -25,7 +25,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     hasBorder: { type: Boolean },
     cardClass: {},
     cardWrapperClass: {},
-    allowOpen: { type: Boolean }
+    allowOpen: { type: Boolean },
+    disableMore: { type: Boolean }
   },
   emits: ["update:selected", "update:selected-hover"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -148,7 +149,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   "items-start pt-3": _ctx.alignTop,
                   "items-center": !_ctx.alignTop
                 }]),
-                disabled: _ctx.disabled
+                disabled: _ctx.disabled || _ctx.disableMore
               }, {
                 default: withCtx(() => [
                   unref(allowSelect) && _ctx.mobile ? (openBlock(), createBlock(_sfc_main$3, {

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

@@ -10,6 +10,8 @@ declare function __VLS_template(): {
             slots?: import('vue').VNode[];
             lessTransitions?: boolean;
             initTab?: number;
+            side?: boolean;
+            disableMinHeight?: boolean;
         }> & Readonly<{
             "onUpdate:has-changes"?: ((value: boolean) => any) | undefined;
             "onUpdate:current"?: ((value: number) => any) | undefined;
@@ -39,6 +41,8 @@ declare function __VLS_template(): {
             slots?: import('vue').VNode[];
             lessTransitions?: boolean;
             initTab?: number;
+            side?: boolean;
+            disableMinHeight?: boolean;
         }> & Readonly<{
             "onUpdate:has-changes"?: ((value: boolean) => any) | undefined;
             "onUpdate:current"?: ((value: number) => any) | undefined;

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":"AAuNA,iBAAS,cAAc;;uBA6MI,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAUhB,OAAO,IAA6B;EAEjD;AAyBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;YAzTX,MAAM,EAAE;cACN,OAAO;eACN,OAAO;mBACH,OAAO;;gBA2BP,IAAI;oBANA,IAAI;;;;;;;;;YAxBf,MAAM,EAAE;cACN,OAAO;eACN,OAAO;mBACH,OAAO;;;;;;;;kFAqUtB,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":"AAuNA,iBAAS,cAAc;;uBA6MI,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAUhB,OAAO,IAA6B;EAEjD;AAyBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;YAzTX,MAAM,EAAE;cACN,OAAO;eACN,OAAO;mBACH,OAAO;;gBA2BP,IAAI;oBANA,IAAI;;;;;;;;;YAxBf,MAAM,EAAE;cACN,OAAO;eACN,OAAO;mBACH,OAAO;;;;;;;;kFAqUtB,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/WTabs.vue.d.ts

@@ -7,6 +7,8 @@ declare const _default: import('vue').DefineComponent<{
     slots?: VNode[];
     lessTransitions?: boolean;
     initTab?: number;
+    side?: boolean;
+    disableMinHeight?: boolean;
 }, {
     updateIndex: (value: number) => void;
     next: () => void;
@@ -26,6 +28,8 @@ declare const _default: import('vue').DefineComponent<{
     slots?: VNode[];
     lessTransitions?: boolean;
     initTab?: number;
+    side?: boolean;
+    disableMinHeight?: boolean;
 }> & Readonly<{
     "onUpdate:has-changes"?: ((value: boolean) => any) | undefined;
     "onUpdate:current"?: ((value: number) => any) | undefined;

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":"AA4OA,OAAO,EAAkC,KAAK,KAAK,EAAoD,MAAM,KAAK,CAAA;AAElH,OAAO,KAAK,MAAM,6BAA6B,CAAA;;YAOrC,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;gBAC7B,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;YACrC,YAAY,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC;YAC7C,KAAK,EAAE;sBACG,OAAO;cACf,MAAM;;yBAyCU,MAAM;gBAajB,IAAI;oBAIA,IAAI;sBAuBA,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;;;;;YA9FpJ,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;gBAC7B,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;YACrC,YAAY,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC;YAC7C,KAAK,EAAE;sBACG,OAAO;cACf,MAAM;;;;;AAoZlB,wBAWG"}
+{"version":3,"file":"WTabs.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/WTabs.vue"],"names":[],"mappings":"AAqQA,OAAO,EAAkC,KAAK,KAAK,EAAoD,MAAM,KAAK,CAAA;AAElH,OAAO,KAAK,MAAM,6BAA6B,CAAA;;YAOrC,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;gBAC7B,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;YACrC,YAAY,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC;YAC7C,KAAK,EAAE;sBACG,OAAO;cACf,MAAM;WACT,OAAO;uBACK,OAAO;;yBAyCA,MAAM;gBAajB,IAAI;oBAIA,IAAI;sBAkCA,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;;;;;YA3GpJ,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;gBAC7B,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;YACrC,YAAY,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC;YAC7C,KAAK,EAAE;sBACG,OAAO;cACf,MAAM;WACT,OAAO;uBACK,OAAO;;;;;AAmb5B,wBAWG"}

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

@@ -1,16 +1,11 @@
-import { defineComponent, useSlots, computed, ref, reactive, inject, watch, onMounted, onUnmounted, openBlock, createElementBlock, Fragment, renderList, normalizeClass, unref, createElementVNode, createBlock, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, Transition, withCtx, normalizeStyle, TransitionGroup, nextTick } from 'vue';
+import { defineComponent, useSlots, computed, ref, reactive, inject, watch, onMounted, onUnmounted, openBlock, createElementBlock, normalizeClass, Fragment, renderList, unref, createElementVNode, createBlock, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, Transition, withCtx, normalizeStyle, TransitionGroup, nextTick } from 'vue';
 import _sfc_main$1 from './components/TabItem.vue.js';
 import _sfc_main$2 from '../Form/WForm.vue.js';
 import { throttle, debounce } from '../../utils/utils.js';
 import { wTabItemListener, wTabItemUnlistener } from './models/injection.js';
 
-const _hoisted_1 = { class: "mb-8" };
-const _hoisted_2 = {
-  key: 0,
-  class: "relative flex mb-4 overflow-x-auto overscroll-x-contain no-scrollbar snap-x snap-always snap-mandatory"
-};
-const _hoisted_3 = ["onClick"];
-const _hoisted_4 = { class: "relative whitespace-nowrap px-4" };
+const _hoisted_1 = ["onClick"];
+const _hoisted_2 = { class: "relative whitespace-nowrap px-4" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WTabs",
   props: {
@@ -19,7 +14,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     icons: {},
     slots: {},
     lessTransitions: { type: Boolean },
-    initTab: {}
+    initTab: {},
+    side: { type: Boolean },
+    disableMinHeight: { type: Boolean }
   },
   emits: ["update:current", "update:has-changes"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -66,10 +63,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (!props.names) return;
       const element = button.value[current.value];
       if (!element || !element.offsetWidth) return;
-      indicatorStyle.value = {
-        width: element.offsetWidth + "px",
-        left: element.offsetLeft + "px"
-      };
+      if (props.side) {
+        indicatorStyle.value = {
+          height: element.offsetHeight + "px",
+          top: element.offsetTop + "px",
+          left: "0",
+          width: "0.25rem"
+        };
+      } else {
+        indicatorStyle.value = {
+          width: element.offsetWidth + "px",
+          left: element.offsetLeft + "px",
+          bottom: "0",
+          height: "0.25rem"
+        };
+      }
     };
     const updateHeight = (value) => {
       if (minHeight.value >= value) return;
@@ -111,22 +119,34 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       initModel
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        _ctx.names ? (openBlock(), createElementBlock("div", _hoisted_2, [
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["mb-8 grid gap-4", {
+          "grid grid-cols-1": !_ctx.side,
+          "grid grid-cols-[auto,1fr] items-start": _ctx.side
+        }])
+      }, [
+        _ctx.names ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(["relative flex overflow-x-auto overscroll-x-contain no-scrollbar snap-x snap-always snap-mandatory", {
+            "flex-col": _ctx.side
+          }])
+        }, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(defaultSlots.value, (_, index) => {
             return openBlock(), createElementBlock("button", {
               ref_for: true,
               ref_key: "button",
               ref: button,
               key: index,
-              class: normalizeClass(["flex-1 font-semibold flex items-center justify-center h-10 cursor-pointer snap-center relative w-ripple w-ripple-hover select-none transition-colors duration-500 outline-none", {
+              class: normalizeClass(["flex-1 font-semibold flex items-center cursor-pointer snap-center relative w-ripple w-ripple-hover select-none transition-colors duration-500 outline-none", {
                 "text-description": current.value !== index && isValidMap[index] !== false,
                 "text-primary-default dark:text-primary-dark": current.value === index && isValidMap[index] !== false,
-                "text-negative dark:text-negative-dark": isValidMap[index] === false
+                "text-negative dark:text-negative-dark": isValidMap[index] === false,
+                "h-10 text-center justify-center": !_ctx.side,
+                "py-3 text-start pr-4": _ctx.side
               }]),
               onClick: ($event) => unref(switchTab)(index)
             }, [
-              createElementVNode("div", _hoisted_4, [
+              createElementVNode("div", _hoisted_2, [
                 _ctx.icons?.[index] ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icons?.[index]), {
                   key: 0,
                   class: "inline -mt-1"
@@ -141,7 +161,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   default: withCtx(() => [
                     hasChangesMap[index] ? (openBlock(), createElementBlock("div", {
                       key: 0,
-                      class: normalizeClass(["absolute top-0 -right-4 square-2 rounded-full transition-colors duration-500", {
+                      class: normalizeClass(["absolute top-0 right-0 square-2 rounded-full transition-colors duration-500", {
                         "bg-info dark:bg-info-dark": isValidMap[index] !== false,
                         "bg-negative dark:bg-negative-dark": isValidMap[index] === false
                       }])
@@ -150,26 +170,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   _: 2
                 }, 1024)
               ])
-            ], 10, _hoisted_3);
+            ], 10, _hoisted_1);
           }), 128)),
           createElementVNode("div", {
-            class: normalizeClass(["absolute bottom-0 h-1 rounded-sm duration-500", {
+            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,
-              "transition-[left,width,background-color]": indicatorStyle.value !== void 0
+              "transition-[left,width,background-color]": !_ctx.side && indicatorStyle.value !== void 0,
+              "transition-[top,height,background-color]": _ctx.side && indicatorStyle.value !== void 0
             }]),
             style: normalizeStyle(indicatorStyle.value)
           }, null, 6)
-        ])) : createCommentVNode("", true),
+        ], 2)) : createCommentVNode("", true),
         createElementVNode("div", {
           class: "relative transition-[min-height] h-full duration-300",
           style: normalizeStyle({ minHeight: minHeight.value ? minHeight.value + "px" : "auto", "--direction-factor": isDirect.value ? "1" : "-1" })
         }, [
           createVNode(TransitionGroup, {
-            "enter-active-class": "transition-transform duration-[250ms] w-full",
-            "leave-active-class": "transition-transform duration-[250ms] w-full absolute top-0",
-            "enter-from-class": _ctx.lessTransitions ? "opacity-0" : "translate-x-[calc((100%+var(--inner-margin))*var(--direction-factor))]",
-            "leave-to-class": _ctx.lessTransitions ? "opacity-0" : "translate-x-[calc((100%+var(--inner-margin))*var(--direction-factor)*-1)]"
+            "enter-active-class": "transition-[transform,opacity] duration-[250ms] w-full",
+            "leave-active-class": "transition-[transform,opacity] duration-[250ms] w-full absolute top-0",
+            "enter-from-class": _ctx.lessTransitions || _ctx.side ? "opacity-0" : "translate-x-[calc((100%+var(--inner-margin))*var(--direction-factor))]",
+            "leave-to-class": _ctx.lessTransitions || _ctx.side ? "opacity-0" : "translate-x-[calc((100%+var(--inner-margin))*var(--direction-factor)*-1)]"
           }, {
             default: withCtx(() => [
               (openBlock(true), createElementBlock(Fragment, null, renderList(defaultSlots.value, (slot, index) => {
@@ -180,7 +201,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   key: index,
                   "is-active": index === current.value,
                   class: "width-full",
-                  "onUpdate:height": updateHeight
+                  "onUpdate:height": _cache[0] || (_cache[0] = ($event) => !_ctx.disableMinHeight && updateHeight($event))
                 }, {
                   default: withCtx(() => [
                     createVNode(_sfc_main$2, {
@@ -205,7 +226,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             _: 1
           }, 8, ["enter-from-class", "leave-to-class"])
         ], 4)
-      ]);
+      ], 2);
     };
   }
 });

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "https://github.com/rsmple/eco-vue-js.git"
   },
-  "version": "0.8.34",
+  "version": "0.8.36",
   "scripts": {
     "dev": "vite",
     "build": "run-p type-check build-only",
@@ -25,7 +25,7 @@
     "@rushstack/eslint-patch": "1.10.4",
     "@tsconfig/node18": "18.2.4",
     "@types/jsdom": "21.1.7",
-    "@types/node": "22.7.4",
+    "@types/node": "22.9.0",
     "@types/postcss-import": "14.0.3",
     "@vitejs/plugin-vue": "5.1.4",
     "@vue/eslint-config-typescript": "13.0.0",
@@ -33,19 +33,19 @@
     "autoprefixer": "10.4.20",
     "eslint": "8.57.0",
     "eslint-plugin-unused-imports": "3.0.0",
-    "eslint-plugin-vue": "9.28.0",
+    "eslint-plugin-vue": "9.30.0",
     "jsdom": "25.0.1",
     "npm-run-all": "4.1.5",
     "path": "0.12.7",
     "postcss": "8.4.47",
     "postcss-import": "16.1.0",
-    "tailwindcss": "3.4.13",
-    "typescript": "5.6.2",
-    "vite": "5.4.8",
-    "vite-plugin-dts": "4.2.2",
+    "tailwindcss": "3.4.14",
+    "typescript": "5.6.3",
+    "vite": "5.4.10",
+    "vite-plugin-dts": "4.3.0",
     "vite-svg-loader": "5.1.0",
-    "vitest": "2.1.1",
-    "vue-tsc": "2.1.6"
+    "vitest": "2.1.4",
+    "vue-tsc": "2.1.10"
   },
   "type": "module",
   "files": [