eco-vue-js 0.5.8 → 0.5.10

package/dist/components/Expansion/WExpansion.vue.js

@@ -4,7 +4,7 @@ const _hoisted_1 = {
   key: 0,
   class: "duration-[var(--expansion-duration,200ms)]"
 };
-const _hoisted_2 = { class: "[overflow:inherit]" };
+const _hoisted_2 = { class: "[overflow:inherit] grid grid-cols-1" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WExpansion",
   props: {

package/dist/components/Nav/WNavItem.vue.d.ts

@@ -4,16 +4,19 @@ interface Props extends LinkProps {
     title: string;
     count?: number;
     counter?: number;
-    noQuery?: boolean;
     skeleton?: boolean;
     hasActive?: boolean;
+    expand?: boolean;
+    indent?: boolean;
+    queryFields?: string[];
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:isActive": (value: Record<string, boolean>) => void;
+    "update:isActive": (value: [string, boolean]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
-    "onUpdate:isActive"?: ((value: Record<string, boolean>) => any) | undefined;
+    "onUpdate:isActive"?: ((value: [string, boolean]) => any) | undefined;
 }, {}, {}>, {
     icon?(_: {}): any;
+    right?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/components/Nav/WNavItem.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WNavItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Nav/WNavItem.vue"],"names":[],"mappings":"AAmEA;AAOA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAI5C,UAAU,KAAM,SAAQ,SAAS;IAC/B,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;;;;;;;;AAqOD,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"WNavItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Nav/WNavItem.vue"],"names":[],"mappings":"AAwFA;AAOA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAM5C,UAAU,KAAM,SAAQ,SAAS;IAC/B,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;CACvB;;;;;;;;;AA4RD,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/components/Nav/WNavItem.vue.js

@@ -1,15 +1,27 @@
-import { defineComponent, computed, watch, onUnmounted, openBlock, createBlock, unref, normalizeClass, withCtx, createElementVNode, resolveDynamicComponent, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createElementBlock } from 'vue';
+import { defineComponent, computed, watch, onBeforeUnmount, openBlock, createBlock, unref, normalizeClass, withCtx, createVNode, Transition, createElementBlock, createCommentVNode, createElementVNode, resolveDynamicComponent, renderSlot, toDisplayString, createTextVNode } from 'vue';
 import { useRoute, useRouter, RouterLink } from 'vue-router';
 import { isEqualObj, numberCompactFormatter } from '../../utils/utils.js';
 import WSkeleton from '../Skeleton/WSkeleton.vue.js';
 import _sfc_main$1 from '../Counter/WCounter.vue.js';
 
-const _hoisted_1 = { class: "[overflow:inherit]" };
-const _hoisted_2 = { class: "grid grid-cols-[2.5rem,1fr,3rem] items-center py-4 px-5" };
-const _hoisted_3 = { class: "flex items-center" };
-const _hoisted_4 = { class: "text-base font-normal tracking-wide whitespace-nowrap relative" };
-const _hoisted_5 = { class: "text-base font-normal tracking-wide text-center flex justify-center" };
-const _hoisted_6 = {
+const _hoisted_1 = {
+  key: 0,
+  class: "bg-primary-default dark:bg-primary-dark w-1 h-full absolute left-0 top-0"
+};
+const _hoisted_2 = {
+  key: 0,
+  class: "h-full absolute left-7 top-0 flex items-center"
+};
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("div", { class: "bg-[var(--w-nav-item-dot-color)] square-1.5 rounded-full" }, null, -1);
+const _hoisted_4 = [
+  _hoisted_3
+];
+const _hoisted_5 = { class: "[overflow:inherit]" };
+const _hoisted_6 = { class: "grid grid-cols-[2rem,auto,1fr,1rem] items-center py-4 px-5" };
+const _hoisted_7 = { class: "flex items-center" };
+const _hoisted_8 = { class: "text-base font-normal tracking-wide whitespace-nowrap relative" };
+const _hoisted_9 = { class: "text-base font-normal tracking-wide text-center flex justify-start relative" };
+const _hoisted_10 = {
   key: 0,
   class: "relative"
 };
@@ -20,13 +32,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     title: {},
     count: {},
     counter: {},
-    noQuery: { type: Boolean },
     skeleton: { type: Boolean },
     hasActive: { type: Boolean },
+    expand: { type: Boolean },
+    indent: { type: Boolean },
+    queryFields: {},
     to: {}
   },
   emits: ["update:isActive"],
   setup(__props, { emit: __emit }) {
+    const EXCLUDE_QUERY_FIELDS = ["ordering", "page"];
     const props = __props;
     const emit = __emit;
     const route = useRoute();
@@ -35,47 +50,60 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const isActive = computed(() => {
       if (routeTo.value?.name !== route.name)
         return false;
-      return isEqualObj(route.query, routeTo.value.query, ["ordering", "page"]);
+      return isEqualObj(route.query, routeTo.value.query, EXCLUDE_QUERY_FIELDS, props.queryFields);
     });
+    const isTextColor = computed(() => props.hasActive ? !props.indent : isActive.value);
     const isBigCount = computed(() => props.counter !== void 0 && props.counter >= 1e3);
-    watch(isActive, (value) => emit("update:isActive", { [props.title]: value }), { immediate: true });
-    onUnmounted(() => {
-      emit("update:isActive", { [props.title]: false });
+    watch(isActive, (value) => emit("update:isActive", [props.title, value]), { immediate: true });
+    onBeforeUnmount(() => {
+      emit("update:isActive", [props.title, false]);
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(RouterLink), {
         to: _ctx.to,
         class: normalizeClass(["relative no-underline block w-ripple w-ripple-hover", {
-          "text-primary-default dark:text-primary-dark": isActive.value || _ctx.hasActive,
-          "text-accent": !isActive.value && !_ctx.hasActive
+          "text-primary-default dark:text-primary-dark": isTextColor.value,
+          "text-accent": !isTextColor.value,
+          "pl-7": _ctx.indent
         }])
       }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1, [
-            createElementVNode("div", _hoisted_2, [
-              createElementVNode("div", _hoisted_3, [
+          createVNode(Transition, {
+            "enter-active-class": "transition-transform duration-200",
+            "leave-active-class": "transition-transform duration-200",
+            "enter-from-class": "-translate-x-1",
+            "leave-to-class": "-translate-x-1"
+          }, {
+            default: withCtx(() => [
+              !_ctx.indent && (isActive.value || _ctx.hasActive) ? (openBlock(), createElementBlock("div", _hoisted_1)) : createCommentVNode("", true)
+            ]),
+            _: 1
+          }),
+          createVNode(Transition, {
+            "enter-active-class": "transition-opacity duration-200",
+            "leave-active-class": "transition-opacity duration-200",
+            "enter-from-class": "opacity-0",
+            "leave-to-class": "opacity-0"
+          }, {
+            default: withCtx(() => [
+              _ctx.indent && !_ctx.expand && isActive.value ? (openBlock(), createElementBlock("div", _hoisted_2, _hoisted_4)) : createCommentVNode("", true)
+            ]),
+            _: 1
+          }),
+          createElementVNode("div", _hoisted_5, [
+            createElementVNode("div", _hoisted_6, [
+              createElementVNode("div", _hoisted_7, [
                 _ctx.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), {
                   key: 0,
                   class: "square-6"
                 })) : renderSlot(_ctx.$slots, "icon", { key: 1 })
               ]),
-              createElementVNode("div", _hoisted_4, [
-                createTextVNode(toDisplayString(_ctx.title) + " ", 1),
-                _ctx.counter !== void 0 && _ctx.counter !== 0 && _ctx.count === void 0 ? (openBlock(), createBlock(_sfc_main$1, {
-                  key: 0,
-                  count: _ctx.counter,
-                  trigger: 1,
-                  small: "",
-                  class: normalizeClass(["absolute -top-3", {
-                    "left-[calc(100%-0.25rem)]": !isBigCount.value,
-                    "left-[calc(100%-1rem)]": isBigCount.value
-                  }])
-                }, null, 8, ["count", "class"])) : createCommentVNode("", true)
-              ]),
-              createElementVNode("div", _hoisted_5, [
-                !_ctx.skeleton ? (openBlock(), createElementBlock("span", _hoisted_6, [
-                  createTextVNode(toDisplayString(typeof _ctx.count === "number" ? unref(numberCompactFormatter).format(_ctx.count) : "") + " ", 1),
-                  _ctx.counter !== void 0 && _ctx.counter !== 0 && _ctx.count !== void 0 ? (openBlock(), createBlock(_sfc_main$1, {
+              createElementVNode("div", _hoisted_8, toDisplayString(_ctx.title), 1),
+              createElementVNode("div", _hoisted_9, [
+                createTextVNode("   "),
+                !_ctx.skeleton ? (openBlock(), createElementBlock("span", _hoisted_10, [
+                  createTextVNode(toDisplayString(typeof _ctx.count === "number" ? `(${unref(numberCompactFormatter).format(_ctx.count)})` : "") + " ", 1),
+                  _ctx.counter !== void 0 && _ctx.counter !== 0 ? (openBlock(), createBlock(_sfc_main$1, {
                     key: 0,
                     count: _ctx.counter,
                     trigger: 1,
@@ -85,8 +113,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       "left-[calc(100%-1rem)]": isBigCount.value
                     }])
                   }, null, 8, ["count", "class"])) : createCommentVNode("", true)
-                ])) : (openBlock(), createBlock(WSkeleton, { key: 1 }))
-              ])
+                ])) : (openBlock(), createBlock(WSkeleton, {
+                  key: 1,
+                  class: "max-w-10"
+                }))
+              ]),
+              renderSlot(_ctx.$slots, "right")
             ])
           ])
         ]),

package/dist/components/Nav/WNavItemExpand.vue.d.ts

@@ -1,12 +1,20 @@
 import type { LinkProps } from '../../types/types';
-interface Props extends LinkProps {
+interface Props extends Partial<LinkProps> {
     icon?: SVGComponent;
     title: string;
     count?: number;
+    counter?: number;
     skeleton?: boolean;
-    newLabel?: boolean;
+    indent?: boolean;
+    queryFields?: string[];
 }
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>;
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:isActive": (value: [string, boolean]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
+    "onUpdate:isActive"?: ((value: [string, boolean]) => any) | undefined;
+}, {}, {}>, {
+    icon?(_: {}): any;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {
@@ -17,4 +25,9 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
 //# sourceMappingURL=WNavItemExpand.vue.d.ts.map

package/dist/components/Nav/WNavItemExpand.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WNavItemExpand.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Nav/WNavItemExpand.vue"],"names":[],"mappings":"AAmCA;AAOA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAI5C,UAAU,KAAM,SAAQ,SAAS;IAC/B,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;;AAyJD,wBAMG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC"}
+{"version":3,"file":"WNavItemExpand.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Nav/WNavItemExpand.vue"],"names":[],"mappings":"AA6CA;AAOA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAK5C,UAAU,KAAM,SAAQ,OAAO,CAAC,SAAS,CAAC;IACxC,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;CACvB;;;;;;;;AA0MD,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/components/Nav/WNavItemExpand.vue.js

@@ -1,8 +1,17 @@
-import { defineComponent, ref, computed, openBlock, createElementBlock, createVNode, withCtx, unref, normalizeClass, Fragment, renderList, createBlock, resolveDynamicComponent } from 'vue';
+import { defineComponent, useSlots, computed, ref, reactive, watch, onBeforeUnmount, openBlock, createElementBlock, createVNode, withCtx, renderSlot, unref, normalizeClass, Fragment, renderList, createBlock, resolveDynamicComponent } from 'vue';
 import IconArrow from '../../assets/icons/default/IconArrow.svg.js';
 import _sfc_main$1 from './WNavItem.vue.js';
 import _sfc_main$2 from '../Expansion/WExpansion.vue.js';
 import WNavItemTransition from './WNavItemTransition.vue.js';
+import '../Button/WButtonAction.vue.js';
+import '../Button/WButton.vue.js';
+import { debounce } from '../../utils/utils.js';
+import '../../utils/supportsPassive.js';
+import '../Dropdown/utils/DropdownStyle.js';
+import 'vue-router';
+import '../../utils/Modal.js';
+import '../Link/WLink.vue.js';
+import '@tanstack/vue-query';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WNavItemExpand",
@@ -10,46 +19,69 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     icon: {},
     title: {},
     count: {},
+    counter: {},
     skeleton: { type: Boolean },
-    newLabel: { type: Boolean },
+    indent: { type: Boolean },
+    queryFields: {},
     to: {}
   },
-  setup(__props) {
+  emits: ["update:isActive"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const slots = useSlots();
+    const slotsDefault = computed(() => slots.default?.());
+    const emit = __emit;
     const isOpen = ref(false);
-    const isActiveChildrenMap = ref({});
-    const hasActive = computed(() => Object.values(isActiveChildrenMap.value).includes(true));
-    const updateIsActive = (value) => {
-      isActiveChildrenMap.value = { ...isActiveChildrenMap.value, ...value };
-    };
+    const hasActiveCached = ref(false);
+    const isActiveChildrenMap = reactive({});
+    const hasActive = computed(() => isOpen.value || Object.values(isActiveChildrenMap).includes(true));
+    const updateHasActiveCache = debounce((value) => {
+      hasActiveCached.value = value;
+      emit("update:isActive", [props.title, value]);
+    }, 10);
+    watch(hasActive, updateHasActiveCache, { immediate: true });
+    onBeforeUnmount(() => {
+      emit("update:isActive", [props.title, false]);
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
         createVNode(_sfc_main$1, {
-          to: _ctx.to,
+          to: _ctx.to ?? slotsDefault.value?.[0]?.props?.to,
           title: _ctx.title,
           icon: _ctx.icon,
-          "new-label": _ctx.newLabel,
           skeleton: _ctx.skeleton,
           count: _ctx.count,
-          "has-active": hasActive.value || isOpen.value,
-          "onUpdate:isActive": _cache[0] || (_cache[0] = ($event) => isOpen.value = $event[_ctx.title])
+          counter: _ctx.counter,
+          "has-active": hasActiveCached.value,
+          indent: _ctx.indent,
+          expand: !_ctx.to,
+          "query-fields": _ctx.queryFields,
+          "onUpdate:isActive": _cache[0] || (_cache[0] = ($event) => {
+            isOpen.value = $event[1];
+            $event[1] && _ctx.$emit("update:isActive", [_ctx.title, $event[1]]);
+          })
         }, {
           icon: withCtx(() => [
+            renderSlot(_ctx.$slots, "icon")
+          ]),
+          right: withCtx(() => [
             createVNode(unref(IconArrow), {
-              class: normalizeClass(["square-4 mx-1 transition-transform", { "rotate-180": hasActive.value || isOpen.value }])
+              class: normalizeClass(["square-3 transition-transform", {
+                "-rotate-90": !hasActiveCached.value
+              }])
             }, null, 8, ["class"])
           ]),
-          _: 1
-        }, 8, ["to", "title", "icon", "new-label", "skeleton", "count", "has-active"]),
-        createVNode(_sfc_main$2, {
-          "is-shown": isOpen.value || hasActive.value
-        }, {
+          _: 3
+        }, 8, ["to", "title", "icon", "skeleton", "count", "counter", "has-active", "indent", "expand", "query-fields"]),
+        createVNode(_sfc_main$2, { "is-shown": hasActiveCached.value }, {
           default: withCtx(() => [
             createVNode(WNavItemTransition, null, {
               default: withCtx(() => [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.$slots.default?.(), (slot, index) => {
+                (openBlock(true), createElementBlock(Fragment, null, renderList(slotsDefault.value, (slot, index) => {
                   return openBlock(), createBlock(resolveDynamicComponent(slot), {
                     key: index,
-                    "onUpdate:isActive": updateIsActive
+                    indent: "",
+                    "onUpdate:isActive": _cache[1] || (_cache[1] = ($event) => isActiveChildrenMap[$event[0]] = $event[1])
                   }, null, 32);
                 }), 128))
               ]),

package/dist/utils/utils.d.ts

@@ -5,7 +5,7 @@ type DebounceCb = (...args: any[]) => void;
 export declare function debounce<T extends DebounceCb>(cb: T, delay?: number): T;
 export declare function throttle<T extends DebounceCb>(cb: T, delay?: number): T;
 export declare const isEqualArr: (arr1: unknown[], arr2: unknown[]) => boolean;
-export declare const isEqualObj: (obj1: Record<string, unknown>, obj2: Record<string, unknown>, exclude?: string[]) => boolean;
+export declare const isEqualObj: (obj1: Record<string, unknown>, obj2: Record<string, unknown>, exclude?: string[], include?: string[]) => boolean;
 export declare const percentCompactFormatter: Intl.NumberFormat;
 export declare const numberCompactFormatter: Intl.NumberFormat;
 export declare const numberFormatter: Intl.NumberFormat;

package/dist/utils/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,eAAe,SAAU,OAAO,KAAG,OAAO,GAAG,IAKhD,CAAA;AAEV,eAAO,MAAM,mBAAmB,UAAW,OAAO,mBAAa,MAAM,OAAO,CAa3E,CAAA;AAED,eAAO,MAAM,SAAS,WAAY,OAAO,WAAW,OAAO,KAAG,OAI7D,CAAA;AAGD,KAAK,UAAU,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAA;AAE1C,wBAAgB,QAAQ,CAAC,CAAC,SAAS,UAAU,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,SAAM,GAAG,CAAC,CAWpE;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS,UAAU,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,SAAM,GAAG,CAAC,CAYpE;AAED,eAAO,MAAM,UAAU,SAAU,OAAO,EAAE,QAAQ,OAAO,EAAE,KAAG,OAE7D,CAAA;AAED,eAAO,MAAM,UAAU,SAAU,OAAO,MAAM,EAAE,OAAO,CAAC,QAAQ,OAAO,MAAM,EAAE,OAAO,CAAC,YAAY,MAAM,EAAE,KAAG,OAS7G,CAAA;AAED,eAAO,MAAM,uBAAuB,mBAAmE,CAAA;AACvG,eAAO,MAAM,sBAAsB,mBAAiD,CAAA;AACpF,eAAO,MAAM,eAAe,mBAA0B,CAAA;AAEtD,eAAO,MAAM,YAAY,EAAE,OAAuC,CAAA;AAIlE,eAAO,MAAM,KAAK,cAEjB,CAAA"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,eAAe,SAAU,OAAO,KAAG,OAAO,GAAG,IAKhD,CAAA;AAEV,eAAO,MAAM,mBAAmB,UAAW,OAAO,mBAAa,MAAM,OAAO,CAa3E,CAAA;AAED,eAAO,MAAM,SAAS,WAAY,OAAO,WAAW,OAAO,KAAG,OAI7D,CAAA;AAGD,KAAK,UAAU,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAA;AAE1C,wBAAgB,QAAQ,CAAC,CAAC,SAAS,UAAU,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,SAAM,GAAG,CAAC,CAWpE;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS,UAAU,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,SAAM,GAAG,CAAC,CAYpE;AAED,eAAO,MAAM,UAAU,SAAU,OAAO,EAAE,QAAQ,OAAO,EAAE,KAAG,OAE7D,CAAA;AAED,eAAO,MAAM,UAAU,SAAU,OAAO,MAAM,EAAE,OAAO,CAAC,QAAQ,OAAO,MAAM,EAAE,OAAO,CAAC,YAAY,MAAM,EAAE,YAAY,MAAM,EAAE,KAAG,OAWjI,CAAA;AAED,eAAO,MAAM,uBAAuB,mBAAmE,CAAA;AACvG,eAAO,MAAM,sBAAsB,mBAAiD,CAAA;AACpF,eAAO,MAAM,eAAe,mBAA0B,CAAA;AAEtD,eAAO,MAAM,YAAY,EAAE,OAAuC,CAAA;AAIlE,eAAO,MAAM,KAAK,cAEjB,CAAA"}

package/dist/utils/utils.js

@@ -49,8 +49,10 @@ function throttle(cb, delay = 200) {
 const isEqualArr = (arr1, arr2) => {
   return arr1.length === arr2.length && arr1.every((item) => arr2.includes(item));
 };
-const isEqualObj = (obj1, obj2, exclude) => {
+const isEqualObj = (obj1, obj2, exclude, include) => {
   return Object.keys({ ...obj1, ...obj2 }).every((key) => {
+    if (include && !include.includes(key))
+      return true;
     if (exclude?.includes(key) || obj1[key] === obj2[key])
       return true;
     if (Array.isArray(obj1[key]) && Array.isArray(obj2[key]))

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "https://github.com/rsmple/eco-vue-js.git"
   },
-  "version": "0.5.8",
+  "version": "0.5.10",
   "scripts": {
     "dev": "vite",
     "build": "run-p type-check build-only",