eco-vue-js 0.10.52 → 0.10.54

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

@@ -95,7 +95,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               key: 0,
               "has-value": _ctx.hasValue,
               "has-error": _ctx.hasError,
-              class: "sm-not:-mr--inner-margin ml-auto mr-4"
+              class: "sm-not:-mr--inner-margin square-4 ml-auto mr-4"
             }, null, 8, ["has-value", "has-error"])) : createCommentVNode("", true),
             renderSlot(_ctx.$slots, "suffix", normalizeProps(guardReactiveProps({ hasChanges: _ctx.hasChanges, hasError: _ctx.hasError, hasValue: _ctx.hasValue })))
           ], 2)),
@@ -108,7 +108,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             default: withCtx(() => [
               _ctx.hasChanges ? (openBlock(), createElementBlock("div", {
                 key: 0,
-                class: normalizeClass(["square-2 absolute right-0 top-0 rounded-full transition-colors duration-500", {
+                class: normalizeClass(["square-2 absolute right-1 top-1 rounded-full transition-colors duration-500", {
                   "bg-info dark:bg-info-dark": !_ctx.hasError,
                   "bg-negative dark:bg-negative-dark": _ctx.hasError
                 }])

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

@@ -9,6 +9,8 @@ interface Props extends LinkProps {
     expand?: boolean;
     indent?: boolean;
     queryFields?: string[];
+    hovered?: boolean;
+    even?: boolean;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;

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":"AAiFA;AAwIA,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;CACvB;AAiCD,iBAAS,cAAc;WAgKT,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;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"}

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

@@ -13,13 +13,12 @@ const _hoisted_2 = {
   class: "absolute left-7 top-0 flex h-full items-center"
 };
 const _hoisted_3 = { class: "[overflow:inherit]" };
-const _hoisted_4 = { class: "grid grid-cols-[1.5rem,1fr,auto] items-center px-4" };
-const _hoisted_5 = { class: "flex items-center" };
-const _hoisted_6 = { class: "last-not:pr-1 whitespace-nowrap font-normal" };
-const _hoisted_7 = { class: "relative" };
-const _hoisted_8 = { class: "tracking-wide" };
-const _hoisted_9 = { class: "leading-[2.625]" };
-const _hoisted_10 = { key: 0 };
+const _hoisted_4 = { class: "flex items-center" };
+const _hoisted_5 = { class: "last-not:pr-1 whitespace-nowrap font-normal" };
+const _hoisted_6 = { class: "relative" };
+const _hoisted_7 = { class: "tracking-wide" };
+const _hoisted_8 = { class: "leading-loose" };
+const _hoisted_9 = { key: 0 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WNavItem",
   props: {
@@ -32,6 +31,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     expand: { type: Boolean },
     indent: { type: Boolean },
     queryFields: {},
+    hovered: { type: Boolean },
+    even: { type: Boolean },
     to: {}
   },
   emits: ["update:isActive"],
@@ -55,10 +56,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(RouterLink), {
         to: _ctx.to,
-        class: normalizeClass(["w-ripple w-ripple-hover relative block no-underline", {
+        class: normalizeClass(["w-ripple-trigger relative block py-1 no-underline", {
           "text-primary dark:text-primary-dark": isTextColor.value,
           "text-accent": !isTextColor.value,
-          "pl-2": _ctx.indent
+          "px-1": _ctx.even,
+          "xl-not:pr-1 pl-2": !_ctx.even
         }])
       }, {
         default: withCtx(() => [
@@ -87,19 +89,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             _: 1
           }),
           createElementVNode("div", _hoisted_3, [
-            createElementVNode("div", _hoisted_4, [
-              createElementVNode("div", _hoisted_5, [
+            createElementVNode("div", {
+              class: normalizeClass(["w-ripple w-ripple-hover relative grid grid-cols-[1.5rem,1fr,auto] items-center rounded-lg pr-2", {
+                "before:opacity-10": _ctx.hovered,
+                "pl-4": _ctx.indent,
+                "pl-2": !_ctx.indent
+              }])
+            }, [
+              createElementVNode("div", _hoisted_4, [
                 _ctx.icon ?? routeTo.value.meta.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon ?? routeTo.value.meta.icon), {
                   key: 0,
                   class: "square-[1.25em]"
                 })) : renderSlot(_ctx.$slots, "icon", { key: 1 })
               ]),
-              createElementVNode("div", _hoisted_6, [
-                createElementVNode("span", _hoisted_7, [
-                  createElementVNode("span", _hoisted_8, [
-                    createElementVNode("span", _hoisted_9, toDisplayString(titleLocal.value), 1),
+              createElementVNode("div", _hoisted_5, [
+                createElementVNode("span", _hoisted_6, [
+                  createElementVNode("span", _hoisted_7, [
+                    createElementVNode("span", _hoisted_8, toDisplayString(titleLocal.value), 1),
                     _cache[1] || (_cache[1] = createTextVNode(" ")),
-                    !_ctx.skeleton ? (openBlock(), createElementBlock("span", _hoisted_10, toDisplayString(typeof _ctx.count === "number" ? `(${unref(numberCompactFormatter).format(_ctx.count)})` : ""), 1)) : (openBlock(), createBlock(WSkeleton, {
+                    !_ctx.skeleton ? (openBlock(), createElementBlock("span", _hoisted_9, toDisplayString(typeof _ctx.count === "number" ? `(${unref(numberCompactFormatter).format(_ctx.count)})` : ""), 1)) : (openBlock(), createBlock(WSkeleton, {
                       key: 1,
                       class: "inline-flex max-w-10"
                     }))
@@ -113,7 +121,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ])
               ]),
               renderSlot(_ctx.$slots, "right")
-            ])
+            ], 2)
           ])
         ]),
         _: 3

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

@@ -8,6 +8,7 @@ interface Props extends Partial<LinkProps> {
     skeleton?: boolean;
     indent?: boolean;
     queryFields?: string[];
+    even?: boolean;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;

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":"AA6CA;AAwGA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAE5C,OAAO,EAAC,KAAK,KAAK,EAA4D,MAAM,KAAK,CAAA;AAWzF,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;AAsCD,iBAAS,cAAc;WA0HT,OAAO,IAA6B;;kBAhItC,MAAM,KAAK,EAAE;eAChB,MAAM,KAAK,EAAE;;kBADV,MAAM,KAAK,EAAE;eAChB,MAAM,KAAK,EAAE;;;;EAoIrB;AAiBD,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":"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"}

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

@@ -1,10 +1,14 @@
-import { defineComponent, useSlots, computed, ref, reactive, watch, onBeforeUnmount, createElementBlock, openBlock, createVNode, withCtx, unref, normalizeClass, renderSlot, Fragment, renderList, createBlock, resolveDynamicComponent } from 'vue';
-import _sfc_main$2 from '../Expansion/WExpansion.vue.js';
+import { defineComponent, useSlots, computed, ref, reactive, watch, onBeforeUnmount, createElementBlock, openBlock, createVNode, unref, withCtx, createElementVNode, Fragment, renderList, createBlock, resolveDynamicComponent, mergeProps, normalizeClass, renderSlot } 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 _sfc_main$1 from './WNavItem.vue.js';
+import _sfc_main$2 from './WNavItem.vue.js';
 import WNavItemTransition from './WNavItemTransition.vue.js';
 
+const _hoisted_1 = { class: "bg-default dark:bg-default-dark w-nav-bar-width overflow-hidden rounded-xl border border-solid border-gray-200 text-start font-normal shadow dark:border-gray-800" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WNavItemExpand",
   props: {
@@ -15,66 +19,116 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     skeleton: { type: Boolean },
     indent: { type: Boolean },
     queryFields: {},
+    even: { type: Boolean },
     to: {}
   },
   emits: ["update:isActive"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const slots = useSlots();
+    const { isMobile } = useIsMobile();
     const slotsDefault = computed(() => unwrapSlots(slots.default?.() ?? []));
     const emit = __emit;
     const isOpen = ref(false);
     const hasActiveCached = ref(false);
+    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 showDropdown = () => {
+      isDropdownOpen.value = true;
+    };
+    const hideDropdown = () => {
+      isDropdownOpen.value = false;
+    };
     watch(hasActive, updateHasActiveCache, { immediate: true });
     onBeforeUnmount(() => {
+      isDropdownOpen.value = false;
       emit("update:isActive", [props.title, false]);
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
         createVNode(_sfc_main$1, {
-          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,
-          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]]);
-          })
+          "is-open": isDropdownOpen.value && !hasActiveCached.value,
+          "max-width": 320,
+          "max-height": 320,
+          "horizontal-align": unref(HorizontalAlign).RIGHT_OUTER
         }, {
-          icon: withCtx(() => [
-            renderSlot(_ctx.$slots, "icon")
+          toggle: withCtx(() => [
+            createVNode(_sfc_main$2, mergeProps(unref(isMobile) || hasActiveCached.value || _ctx.even ? void 0 : {
+              onmouseenter: showDropdown,
+              onmouseleave: hideDropdown
+            }, {
+              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,
+              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();
+              })
+            }), {
+              icon: withCtx(() => [
+                renderSlot(_ctx.$slots, "icon")
+              ]),
+              right: withCtx(() => [
+                createVNode(unref(IconArrow), {
+                  class: normalizeClass(["square-3 transition-transform", {
+                    "-rotate-90": !hasActiveCached.value && !_ctx.even
+                  }])
+                }, null, 8, ["class"])
+              ]),
+              _: 3
+            }, 16, ["to", "title", "icon", "skeleton", "count", "counter", "has-active", "indent", "even", "expand", "query-fields", "hovered"])
           ]),
-          right: withCtx(() => [
-            createVNode(unref(IconArrow), {
-              class: normalizeClass(["square-3 transition-transform", {
-                "-rotate-90": !hasActiveCached.value
-              }])
-            }, null, 8, ["class"])
+          content: withCtx(() => [
+            createElementVNode("div", {
+              class: "px-1",
+              onMouseenter: showDropdown,
+              onMouseleave: hideDropdown
+            }, [
+              createElementVNode("div", _hoisted_1, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(slotsDefault.value, (slot, index) => {
+                  return openBlock(), createBlock(resolveDynamicComponent(slot), {
+                    key: index,
+                    even: "",
+                    "onUpdate:isActive": _cache[1] || (_cache[1] = ($event) => $event[1] && hideDropdown())
+                  }, null, 32);
+                }), 128))
+              ])
+            ], 32)
           ]),
           _: 3
-        }, 8, ["to", "title", "icon", "skeleton", "count", "counter", "has-active", "indent", "expand", "query-fields"]),
-        createVNode(_sfc_main$2, { "is-shown": hasActiveCached.value }, {
+        }, 8, ["is-open", "horizontal-align"]),
+        createVNode(_sfc_main$3, {
+          "is-shown": hasActiveCached.value || _ctx.even
+        }, {
           default: withCtx(() => [
             createVNode(WNavItemTransition, null, {
               default: withCtx(() => [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(slotsDefault.value, (slot, index) => {
                   return openBlock(), createBlock(resolveDynamicComponent(slot), {
                     key: index,
-                    indent: "",
-                    "onUpdate:isActive": _cache[1] || (_cache[1] = ($event) => isActiveChildrenMap[$event[0]] = $event[1])
-                  }, null, 32);
+                    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"]);
                 }), 128))
               ]),
               _: 1

package/dist/components/Select/WSelect.vue.js

@@ -348,7 +348,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             _: 3
           }, 8, ["is-cursor", "loading", "scroll", "hide-option-icon", "disabled"])) : createCommentVNode("", true),
           !optionsFiltered.value.length && !isModelValueSearch.value && (!_ctx.createOption || optionsWithCreated.value.length) ? (openBlock(), createElementBlock("div", _hoisted_2, [
-            createElementVNode("div", _hoisted_3, toDisplayString(!search.value && _ctx.emptyStub ? _ctx.emptyStub : "No match"), 1)
+            createElementVNode("div", _hoisted_3, toDisplayString(!search.value && _ctx.emptyStub ? _ctx.emptyStub : search.value ? "No match" : "Nothing to show"), 1)
           ])) : createCommentVNode("", true),
           (openBlock(true), createElementBlock(Fragment, null, renderList(optionsFiltered.value, (option, index) => {
             return openBlock(), createBlock(_sfc_main$2, {

package/dist/components/Select/components/SelectAsyncList.vue.js

@@ -209,7 +209,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 "-pt--w-select-option-padding": !_ctx.noPadding && !_ctx.allowCreate
               }])
             }, [
-              createElementVNode("div", _hoisted_2, toDisplayString(!_ctx.search && _ctx.emptyStub ? _ctx.emptyStub : "No match"), 1)
+              createElementVNode("div", _hoisted_2, toDisplayString(!_ctx.search && _ctx.emptyStub ? _ctx.emptyStub : _ctx.search ? "No match" : "Nothing to show"), 1)
             ], 2)
           ]),
           _: 3

package/dist/components/Status/WStatusIcon.vue.js

@@ -19,7 +19,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         class: "text-positive dark:text-positive-dark"
       })) : (openBlock(), createBlock(unref(IconSlash), {
         key: 2,
-        class: "text-description"
+        class: "text-description opacity-50"
       }));
     };
   }

package/dist/utils/api.d.ts

@@ -1,4 +1,4 @@
-import { Reactive } from 'vue';
+import { Reactive, Ref } from 'vue';
 import { default as WForm } from '../components/Form/WForm.vue';
 import { default as WFormValidator } from '../components/Form/WFormValidator.vue';
 type ErrorResponse<Response> = {
@@ -22,7 +22,7 @@ export declare const encodeRouteParams: <T>(params: T) => Partial<EncodeQueryPar
 export declare const createUseQueryParams: <QueryParams extends Record<string, unknown>>(config: { [Key in keyof QueryParams]: ParseFn<QueryParams[Key]>; }) => {
     (route: {
         query: EncodeQueryParams<Partial<QueryParams>>;
-    }): {
+    }, enabled?: Ref<boolean>): {
         queryParams: Reactive<Partial<QueryParams>>;
         updateQueryParams: (value: Partial<QueryParams>) => void;
     };

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

@@ -1 +1 @@
-{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../../src/utils/api.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,QAAQ,EAAkB,MAAM,KAAK,CAAA;AAGlD,OAAO,KAAK,KAAK,MAAM,6BAA6B,CAAA;AACpD,OAAO,KAAK,cAAc,MAAM,sCAAsC,CAAA;AAMtE,KAAK,aAAa,CAAC,QAAQ,IAAI;KAC5B,GAAG,IAAI,QAAQ,GAAG,kBAAkB,GAAG,MAAM,QAAQ,CAAC,CAAC,EAAE,GAAG,SAAS,QAAQ,GAAG,MAAM,GAAG,MAAM,EAAE;CACnG,CAAA;AAED,qBAAa,QAAQ,CAAC,IAAI,SAAS,WAAW,GAAG,WAAW,CAAC,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,CAAE,SAAQ,KAAK;aACvF,QAAQ,EAAE,eAAe,CAAC,SAAS,EAAE,IAAI,CAAC;gBAA1C,QAAQ,EAAE,eAAe,CAAC,SAAS,EAAE,IAAI,CAAC;CAGvE;AAED,qBAAa,cAAc,CAAC,IAAI,SAAS,WAAW,GAAG,WAAW,CAAC,OAAO,CAAC,CAAE,SAAQ,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC;gBAChG,QAAQ,EAAE,eAAe,CAAC,SAAS,EAAE,IAAI,CAAC;CAGvD;AAED,eAAO,MAAM,cAAc,GAAI,KAAK,EAClC,OAAO,KAAK,EACZ,OAAO;IAAC,UAAU,EAAE,iBAAiB,CAAC,OAAO,KAAK,CAAC,CAAC,YAAY,CAAC,CAAA;CAAC,GAAG,IAAI,EACzE,QAAQ,MAAM,EACd,gBAAgB;IAAC,UAAU,EAAE,iBAAiB,CAAC,OAAO,cAAc,CAAC,CAAC,YAAY,CAAC,CAAA;CAAC,GAAG,IAAI,KAC1F,OAAO,CAAC,KAAK,CAgBf,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,CAAC,EAAE,OAAO,CAAC,KAAG,gBAAgB,CAAC,CAAC,CAAC,GAAG,SAYpE,CAAA;AAED,eAAO,MAAM,iBAAiB,GAAI,CAAC,EAAE,QAAQ,CAAC,KAAG,iBAAiB,CAAC,CAAC,CAYnE,CAAA;AAED,eAAO,MAAM,iBAAiB,GAAI,CAAC,EAAE,QAAQ,CAAC,KAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAc5E,CAAA;AAED,eAAO,MAAM,oBAAoB,GAAI,WAAW,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,QAAQ,GAAE,GAAG,IAAI,MAAM,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,GAAC,KAyClI;YApBM;QAAC,KAAK,EAAE,iBAAiB,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAA;KAAC;;mCAK/B,OAAO,CAAC,WAAW,CAAC;;eA1BkC,GAAG;yBAGjE,OAAO,CAAC,WAAW,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,SAAS,iBAAiB,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;IAsCxG;IAAC,WAAW,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;CAC5D,CAAA"}
+{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../../src/utils/api.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,QAAQ,EAAE,KAAK,GAAG,EAAkB,MAAM,KAAK,CAAA;AAG5D,OAAO,KAAK,KAAK,MAAM,6BAA6B,CAAA;AACpD,OAAO,KAAK,cAAc,MAAM,sCAAsC,CAAA;AAMtE,KAAK,aAAa,CAAC,QAAQ,IAAI;KAC5B,GAAG,IAAI,QAAQ,GAAG,kBAAkB,GAAG,MAAM,QAAQ,CAAC,CAAC,EAAE,GAAG,SAAS,QAAQ,GAAG,MAAM,GAAG,MAAM,EAAE;CACnG,CAAA;AAED,qBAAa,QAAQ,CAAC,IAAI,SAAS,WAAW,GAAG,WAAW,CAAC,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,CAAE,SAAQ,KAAK;aACvF,QAAQ,EAAE,eAAe,CAAC,SAAS,EAAE,IAAI,CAAC;gBAA1C,QAAQ,EAAE,eAAe,CAAC,SAAS,EAAE,IAAI,CAAC;CAGvE;AAED,qBAAa,cAAc,CAAC,IAAI,SAAS,WAAW,GAAG,WAAW,CAAC,OAAO,CAAC,CAAE,SAAQ,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC;gBAChG,QAAQ,EAAE,eAAe,CAAC,SAAS,EAAE,IAAI,CAAC;CAGvD;AAED,eAAO,MAAM,cAAc,GAAI,KAAK,EAClC,OAAO,KAAK,EACZ,OAAO;IAAC,UAAU,EAAE,iBAAiB,CAAC,OAAO,KAAK,CAAC,CAAC,YAAY,CAAC,CAAA;CAAC,GAAG,IAAI,EACzE,QAAQ,MAAM,EACd,gBAAgB;IAAC,UAAU,EAAE,iBAAiB,CAAC,OAAO,cAAc,CAAC,CAAC,YAAY,CAAC,CAAA;CAAC,GAAG,IAAI,KAC1F,OAAO,CAAC,KAAK,CAgBf,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,CAAC,EAAE,OAAO,CAAC,KAAG,gBAAgB,CAAC,CAAC,CAAC,GAAG,SAYpE,CAAA;AAED,eAAO,MAAM,iBAAiB,GAAI,CAAC,EAAE,QAAQ,CAAC,KAAG,iBAAiB,CAAC,CAAC,CAYnE,CAAA;AAED,eAAO,MAAM,iBAAiB,GAAI,CAAC,EAAE,QAAQ,CAAC,KAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAc5E,CAAA;AAED,eAAO,MAAM,oBAAoB,GAAI,WAAW,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,QAAQ,GAAE,GAAG,IAAI,MAAM,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,GAAC,KAqDlI;YA7BM;QAAC,KAAK,EAAE,iBAAiB,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAA;KAAC,YAAY,GAAG,CAAC,OAAO,CAAC;;mCAGvD,OAAO,CAAC,WAAW,CAAC;;eA3BkC,GAAG;yBAGjE,OAAO,CAAC,WAAW,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,SAAS,iBAAiB,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;IAkDxG;IAAC,WAAW,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;CAC5D,CAAA"}

package/dist/utils/api.js

@@ -60,24 +60,35 @@ const encodeRouteParams = (params) => {
 };
 const createUseQueryParams = (config) => {
   const keyList = Object.keys(config);
-  const parse = (queryParams, value) => {
+  const parse = (queryParams2, value) => {
     for (const key of keyList) {
       const resultValue = config[key](value[key]);
-      if (queryParams[key] === resultValue) continue;
+      if (queryParams2[key] === resultValue) continue;
       if (resultValue === void 0 || Number.isNaN(resultValue) || Array.isArray(resultValue) && resultValue.length === 0) {
-        delete queryParams[key];
+        delete queryParams2[key];
       } else {
-        queryParams[key] = resultValue;
+        queryParams2[key] = resultValue;
       }
     }
   };
-  const fn = (route) => {
+  const queryParams = reactive({});
+  let lastQuery = null;
+  const fn = (route, enabled) => {
     const router = useRouter();
-    const queryParams = reactive({});
     const updateQueryParams = (value) => {
       router.replace({ query: { ...route.query, ...encodeRouteParams(value) } });
     };
-    watch(() => route.query, (value) => parse(queryParams, value), { immediate: true });
+    const handle = watch(() => route.query, (value) => {
+      if (lastQuery === value) return;
+      parse(queryParams, value);
+      lastQuery = value;
+    }, { immediate: enabled ? enabled.value : true });
+    if (enabled) {
+      watch(enabled, (value) => {
+        if (value) handle.resume();
+        else handle.pause();
+      }, { immediate: true });
+    }
     return {
       queryParams,
       updateQueryParams

package/package.json

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