eco-vue-js 0.10.55 → 0.10.56

package/dist/components/Button/WButtonTab.vue.js

@@ -108,7 +108,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             default: withCtx(() => [
               _ctx.hasChanges ? (openBlock(), createElementBlock("div", {
                 key: 0,
-                class: normalizeClass(["square-2 absolute right-1 top-1 rounded-full transition-colors duration-500", {
+                class: normalizeClass(["square-2 absolute right-1 top-1 rounded-full transition-colors duration-200", {
                   "bg-info dark:bg-info-dark": !_ctx.hasError,
                   "bg-negative dark:bg-negative-dark": _ctx.hasError
                 }])

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

@@ -20,7 +20,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$1, {
         "is-open": isOpen.value,
-        "horizontal-align": unref(HorizontalAlign).RIGHT_INNER,
+        "horizontal-align": unref(HorizontalAlign).FILL,
         "max-height": 320,
         "max-width": 320,
         teleport: "",

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

@@ -22,11 +22,9 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "update:isActive": (value: [string, boolean]) => any;
-}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
-    "onUpdate:isActive"?: ((value: [string, boolean]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {
+    isActive: import('vue').ComputedRef<boolean>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = 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":"AAyFA;AAkJA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAY5C,UAAU,KAAM,SAAQ,SAAS;IAC/B,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,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;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAiCD,iBAAS,cAAc;WAuKT,OAAO,IAA6B;;sBAXvB,GAAG;uBACF,GAAG;;;;EAe9B;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;kFAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WNavItem.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Nav/WNavItem.vue"],"names":[],"mappings":"AAyFA;AA4IA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAY5C,UAAU,KAAM,SAAQ,SAAS;IAC/B,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,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;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AA6BD,iBAAS,cAAc;WAuKT,OAAO,IAA6B;;sBAXvB,GAAG;uBACF,GAAG;;;;EAe9B;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;8OAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1,4 +1,4 @@
-import { defineComponent, computed, watch, onBeforeUnmount, createBlock, openBlock, unref, normalizeClass, withCtx, createVNode, createElementVNode, Transition, createElementBlock, createCommentVNode, renderSlot, resolveDynamicComponent, createTextVNode, toDisplayString } from 'vue';
+import { defineComponent, computed, createBlock, openBlock, unref, normalizeClass, withCtx, createVNode, createElementVNode, Transition, createElementBlock, createCommentVNode, renderSlot, resolveDynamicComponent, createTextVNode, toDisplayString } from 'vue';
 import { useRoute, useRouter, RouterLink } from 'vue-router';
 import _sfc_main$1 from '../Counter/WCounter.vue.js';
 import WSkeleton from '../Skeleton/WSkeleton.vue.js';
@@ -35,11 +35,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     even: { type: Boolean },
     to: {}
   },
-  emits: ["update:isActive"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { expose: __expose }) {
     const EXCLUDE_QUERY_FIELDS = ["ordering", "page"];
     const props = __props;
-    const emit = __emit;
     const route = useRoute();
     const router = useRouter();
     const routeTo = computed(() => router.resolve(props.to));
@@ -49,9 +47,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return isEqualObj(route.query, routeTo.value.query, EXCLUDE_QUERY_FIELDS, props.queryFields);
     });
     const isTextColor = computed(() => props.hasActive ? !props.indent : isActive.value);
-    watch(isActive, (value) => emit("update:isActive", [titleLocal.value, value]), { immediate: true });
-    onBeforeUnmount(() => {
-      emit("update:isActive", [titleLocal.value, false]);
+    __expose({
+      isActive
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(RouterLink), {

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

@@ -1,5 +1,4 @@
 import { LinkProps } from '../../types/types';
-import { VNode } from 'vue';
 interface Props extends Partial<LinkProps> {
     icon?: SVGComponent;
     title: string;
@@ -10,24 +9,11 @@ interface Props extends Partial<LinkProps> {
     queryFields?: string[];
     even?: boolean;
 }
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<{
-        default?: () => VNode[];
-        icon?: () => VNode[];
-    }> & {
-        default?: () => VNode[];
-        icon?: () => VNode[];
-    };
-    refs: {};
-    rootEl: HTMLDivElement;
-};
+declare function __VLS_template(): any;
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "update:isActive": (value: [string, boolean]) => any;
-}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
-    "onUpdate:isActive"?: ((value: [string, boolean]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {
+    isActive: import('vue').Ref<boolean, boolean>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, any, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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":"AA2FA;AAuKA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAE5C,OAAO,EAAC,KAAK,KAAK,EAA4D,MAAM,KAAK,CAAA;AAczF,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;IACtB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAmDD,iBAAS,cAAc;WAkMT,OAAO,IAA6B;;kBAxMtC,MAAM,KAAK,EAAE;eAChB,MAAM,KAAK,EAAE;;kBADV,MAAM,KAAK,EAAE;eAChB,MAAM,KAAK,EAAE;;;;EA4MrB;AAuBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;6FAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WNavItemExpand.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Nav/WNavItemExpand.vue"],"names":[],"mappings":"AAoFA;AAAA,OAuKO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAgB5C,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;IACtB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AA4DD,iBAAS,cAAc,QA+LtB;AAoBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;+OASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1,10 +1,10 @@
-import { defineComponent, useSlots, computed, ref, reactive, watch, onBeforeUnmount, createElementBlock, openBlock, createVNode, unref, withCtx, createElementVNode, Fragment, renderList, createBlock, resolveDynamicComponent, mergeProps, normalizeClass, renderSlot } from 'vue';
+import { defineComponent, useSlots, computed, useTemplateRef, ref, watch, onBeforeUnmount, createElementBlock, openBlock, createVNode, unref, withCtx, createElementVNode, Fragment, renderList, createBlock, resolveDynamicComponent, mergeProps, normalizeClass, renderSlot, nextTick } from 'vue';
 import _sfc_main$1 from '../DropdownMenu/WDropdownMenu.vue.js';
 import _sfc_main$3 from '../Expansion/WExpansion.vue.js';
 import IconArrow from '../../assets/icons/default/IconArrow.svg.js';
 import { HorizontalAlign } from '../../utils/HorizontalAlign.js';
 import { useIsMobile } from '../../utils/mobile.js';
-import { unwrapSlots, debounce } from '../../utils/utils.js';
+import { unwrapSlots } from '../../utils/utils.js';
 import _sfc_main$2 from './WNavItem.vue.js';
 import WNavItemTransition from './WNavItemTransition.vue.js';
 
@@ -22,64 +22,64 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     even: { type: Boolean },
     to: {}
   },
-  emits: ["update:isActive"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
+  setup(__props, { expose: __expose }) {
     const slots = useSlots();
     const { isMobile } = useIsMobile();
     const slotsDefault = computed(() => unwrapSlots(slots.default?.() ?? []));
-    const emit = __emit;
-    const isOpen = ref(false);
-    const hasActiveCached = ref(false);
+    const componentRef = useTemplateRef("component");
+    const innerRef = useTemplateRef("inner");
     const isDropdownOpen = ref(false);
-    const isActiveChildrenMap = reactive({});
-    const hasActive = computed(() => isOpen.value || Object.values(isActiveChildrenMap).includes(true));
-    const updateHasActiveCache = debounce((value) => {
-      hasActiveCached.value = value;
-      isDropdownOpen.value = false;
-      emit("update:isActive", [props.title, value]);
-    }, 10);
+    const hasActive = ref(false);
+    const isActive = computed(() => componentRef.value?.isActive ?? false);
+    const hasInnerActive = computed(() => innerRef.value?.some((item) => item.isActive) ?? false);
+    const updateHasActive = async () => {
+      await nextTick();
+      hasActive.value = componentRef.value?.isActive || (innerRef.value?.some((item) => item.isActive) ?? false);
+    };
     const showDropdown = () => {
       isDropdownOpen.value = true;
     };
     const hideDropdown = () => {
       isDropdownOpen.value = false;
     };
-    watch(hasActive, updateHasActiveCache, { immediate: true });
+    watch(hasInnerActive, updateHasActive, { immediate: true });
+    watch(isActive, updateHasActive, { immediate: true });
+    watch(slotsDefault, updateHasActive, { immediate: true });
+    watch(hasActive, () => {
+      isDropdownOpen.value = false;
+    }, { immediate: true });
     onBeforeUnmount(() => {
       isDropdownOpen.value = false;
-      emit("update:isActive", [props.title, false]);
+    });
+    __expose({
+      isActive: hasActive
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
         createVNode(_sfc_main$1, {
-          "is-open": isDropdownOpen.value && !hasActiveCached.value,
+          "is-open": isDropdownOpen.value && !hasActive.value,
           "max-width": 320,
           "max-height": 320,
           "horizontal-align": unref(HorizontalAlign).RIGHT_OUTER
         }, {
           toggle: withCtx(() => [
-            createVNode(_sfc_main$2, mergeProps(unref(isMobile) || hasActiveCached.value || _ctx.even ? void 0 : {
+            createVNode(_sfc_main$2, mergeProps(unref(isMobile) || hasActive.value || _ctx.even ? void 0 : {
               onmouseenter: showDropdown,
               onmouseleave: hideDropdown
             }, {
+              ref: "component",
               to: _ctx.to ?? slotsDefault.value?.[0]?.props?.to,
               title: _ctx.title,
               icon: _ctx.icon,
               skeleton: _ctx.skeleton,
               count: _ctx.count,
               counter: _ctx.counter,
-              "has-active": hasActiveCached.value,
+              "has-active": hasActive.value,
               indent: _ctx.indent,
               even: _ctx.even,
               expand: !_ctx.to,
               "query-fields": _ctx.queryFields,
-              hovered: isDropdownOpen.value && !hasActiveCached.value,
-              "onUpdate:isActive": _cache[0] || (_cache[0] = ($event) => {
-                isOpen.value = $event[1];
-                $event[1] && _ctx.$emit("update:isActive", [_ctx.title, $event[1]]);
-                $event[1] && hideDropdown();
-              })
+              hovered: isDropdownOpen.value && !hasActive.value
             }), {
               icon: withCtx(() => [
                 renderSlot(_ctx.$slots, "icon")
@@ -87,7 +87,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               right: withCtx(() => [
                 createVNode(unref(IconArrow), {
                   class: normalizeClass(["square-3 transition-transform", {
-                    "-rotate-90": !hasActiveCached.value && !_ctx.even
+                    "-rotate-90": !hasActive.value && !_ctx.even
                   }])
                 }, null, 8, ["class"])
               ]),
@@ -105,7 +105,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   return openBlock(), createBlock(resolveDynamicComponent(slot), {
                     key: index,
                     even: "",
-                    "onUpdate:isActive": _cache[1] || (_cache[1] = ($event) => $event[1] && hideDropdown())
+                    "onUpdate:isActive": _cache[0] || (_cache[0] = ($event) => $event[1] && hideDropdown())
                   }, null, 32);
                 }), 128))
               ])
@@ -114,7 +114,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           _: 3
         }, 8, ["is-open", "horizontal-align"]),
         createVNode(_sfc_main$3, {
-          "is-shown": hasActiveCached.value || _ctx.even
+          "is-shown": hasActive.value || _ctx.even
         }, {
           default: withCtx(() => [
             createVNode(WNavItemTransition, null, {
@@ -122,13 +122,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 (openBlock(true), createElementBlock(Fragment, null, renderList(slotsDefault.value, (slot, index) => {
                   return openBlock(), createBlock(resolveDynamicComponent(slot), {
                     key: index,
+                    ref_for: true,
+                    ref: "inner",
                     even: _ctx.even,
-                    indent: !_ctx.even,
-                    "onUpdate:isActive": _cache[2] || (_cache[2] = ($event) => {
-                      isActiveChildrenMap[$event[0]] = $event[1];
-                      $event[1] && hideDropdown();
-                    })
-                  }, null, 40, ["even", "indent"]);
+                    indent: !_ctx.even
+                  }, null, 8, ["even", "indent"]);
                 }), 128))
               ]),
               _: 1

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "https://github.com/rsmple/eco-vue-js.git"
   },
-  "version": "0.10.55",
+  "version": "0.10.56",
   "scripts": {
     "build": "run-p type-check \"build-only {@}\" --",
     "dev": "vite build --mode development --watch",