eco-vue-js 0.5.4 → 0.5.6

package/dist/components/InfiniteList/components/InfiniteListPageSelectItem.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './InfiniteListPageSelectItem.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/components/InfiniteList/models/injection.d.ts

@@ -0,0 +1,16 @@
+import type { InjectionKey, Ref } from 'vue';
+export declare const wInfiniteListSelection: InjectionKey<{
+    allowSelect?: Ref<boolean> | undefined;
+    allowSelectRange?: Ref<boolean> | undefined;
+    allowSelectHover?: Ref<boolean> | undefined;
+    selectedCount?: Ref<number> | undefined;
+    clearSelected?(): void;
+}>;
+export declare const wInfiniteListSelectionItem: InjectionKey<{
+    selected?: Ref<boolean> | undefined;
+    selectedBetween?: Ref<boolean> | undefined;
+    updateSelected?(value: boolean): void;
+    updateSelectedRange?(): void;
+    updateSelectedRangeHover?(): void;
+}>;
+//# sourceMappingURL=injection.d.ts.map

package/dist/components/InfiniteList/models/injection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"injection.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/models/injection.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,YAAY,EAAE,GAAG,EAAC,MAAM,KAAK,CAAA;AAE1C,eAAO,MAAM,sBAAsB;;;;;sBAMf,IAAI;EACtB,CAAA;AAEF,eAAO,MAAM,0BAA0B;;;2BAId,OAAO,GAAG,IAAI;4BACb,IAAI;iCACC,IAAI;EACjC,CAAA"}

package/dist/components/InfiniteList/models/injection.js

@@ -0,0 +1,4 @@
+const wInfiniteListSelection = Symbol("wInfiniteListSelection");
+const wInfiniteListSelectionItem = Symbol("wInfiniteListSelectionItem");
+
+export { wInfiniteListSelection, wInfiniteListSelectionItem };

package/dist/components/InfiniteList/use/useSelected.d.ts

@@ -0,0 +1,14 @@
+import { type Ref } from 'vue';
+export declare const useSelected: <Value>(count: Ref<number | undefined>, pageLength: Ref<number>, selected: Ref<Value[]>, reverse: Ref<boolean>, selectedRange: Ref<SelectedRange<Value> | undefined>, select: (value: Value[]) => void, selectReverse: (value: Value[]) => void, selectRange: (value: SelectedRange<Value>) => void) => {
+    setSelectedRange: (value: SelectedPage<Value>) => void;
+    getIsSelected: (id: Value) => boolean;
+    getIsSelectedBetween: (id: Value, page: number, index: number) => boolean;
+    setRangeHover: (value: SelectedPage<Value>) => void;
+    allowSelectHover: import("vue").ComputedRef<boolean>;
+    selectionRangeCount: import("vue").ComputedRef<number | undefined>;
+    setSelectedCursor: (value: SelectedPage<Value> | null) => void;
+    toggleSelected: (id: Value, value: boolean) => void;
+    selectedCount: import("vue").ComputedRef<number>;
+    selectAllValue: import("vue").ComputedRef<boolean | null>;
+};
+//# sourceMappingURL=useSelected.d.ts.map

package/dist/components/InfiniteList/use/useSelected.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelected.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/use/useSelected.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,GAAG,EAAC,MAAM,KAAK,CAAA;AA6BlD,eAAO,MAAM,WAAW,iBACf,IAAI,MAAM,GAAG,SAAS,CAAC,cAClB,IAAI,MAAM,CAAC,YACb,IAAI,KAAK,EAAE,CAAC,WACb,IAAI,OAAO,CAAC,iBACN,IAAI,cAAc,KAAK,CAAC,GAAG,SAAS,CAAC,kBAEpC,KAAK,EAAE,KAAK,IAAI,yBACT,KAAK,EAAE,KAAK,IAAI,gDACO,IAAI;8BAoBjB,aAAa,KAAK,CAAC;wBA4CzB,KAAK;+BAYE,KAAK,QAAQ,MAAM,SAAS,MAAM;2BAhBtC,aAAa,KAAK,CAAC;;;+BAsCf,aAAa,KAAK,CAAC,GAAG,IAAI;yBAIhC,KAAK,SAAS,OAAO,KAAG,IAAI;;;CAsEzD,CAAA"}

package/dist/components/InfiniteList/use/useSelected.js

@@ -0,0 +1,159 @@
+import { ref, computed, unref } from 'vue';
+
+const isRightOrder = (value) => {
+  return value[0].page < value[1].page || value[0].page === value[1].page && value[0].index <= value[1].index;
+};
+const isSelectedBetween = (range, page, index) => {
+  if (range[0].page < page && range[1].page > page)
+    return true;
+  if (range[0].page === range[1].page && range[0].page === page)
+    return range[0].index < index && range[1].index > index;
+  return range[0].page === page && range[0].index < index || range[1].page === page && range[1].index > index;
+};
+const isWrongId = (selectionPage, id, page, index) => {
+  return selectionPage.id !== id && selectionPage.page === page && selectionPage.index === index;
+};
+const isWrongIdRange = (range, id, page, index) => {
+  return isWrongId(range[0], id, page, index) || isWrongId(range[1], id, page, index);
+};
+const getCount = (range, pageLength) => {
+  if (range[1].page === range[0].page)
+    return range[1].index - range[0].index + 1;
+  return (range[1].page - range[0].page) * pageLength + range[1].index - range[0].index + 1;
+};
+const useSelected = (count, pageLength, selected, reverse, selectedRange, select, selectReverse, selectRange) => {
+  const isSelecting = ref(false);
+  const rangeCursor = ref(null);
+  const rangeHover = ref(null);
+  const allowSelectHover = computed(() => rangeCursor.value !== null && isSelecting.value);
+  const selectionRangeCount = computed(() => {
+    if (!selectedRange.value)
+      return void 0;
+    return getCount(selectedRange.value, unref(pageLength));
+  });
+  const cursorReset = () => {
+    rangeCursor.value = null;
+    rangeHover.value = null;
+    isSelecting.value = false;
+  };
+  const setSelectedRange = (value) => {
+    if (!rangeCursor.value) {
+      rangeCursor.value = value;
+      rangeHover.value = value;
+      isSelecting.value = true;
+      select([]);
+      return;
+    }
+    if (value.id === rangeCursor.value.id) {
+      select([value.id]);
+      cursorReset();
+      return;
+    }
+    const result = [value, rangeCursor.value];
+    if (!isRightOrder(result))
+      result.reverse();
+    if (getCount(result, unref(pageLength)) === unref(count)) {
+      cursorReset();
+      selectReverse([]);
+      return;
+    }
+    selectRange(result);
+    cursorReset();
+  };
+  const resetSelectionRange = () => {
+    rangeCursor.value = null;
+    rangeHover.value = null;
+    select([]);
+  };
+  const setRangeHover = (value) => {
+    rangeHover.value = value;
+  };
+  const getIsSelected = (id) => {
+    if (selectedRange.value) {
+      return selectedRange.value[0].id === id || selectedRange.value[1].id === id;
+    }
+    if (rangeCursor.value && rangeHover.value) {
+      return rangeCursor.value.id === id || rangeHover.value.id === id;
+    }
+    return reverse.value ? !selected.value.includes(id) : selected.value.includes(id);
+  };
+  const getIsSelectedBetween = (id, page, index) => {
+    let is = false;
+    if (selectedRange.value) {
+      is = isSelectedBetween(selectedRange.value, page, index);
+      if (!is && isWrongIdRange(selectedRange.value, id, page, index))
+        resetSelectionRange();
+    }
+    if (rangeCursor.value && rangeHover.value) {
+      const range = [rangeCursor.value, rangeHover.value];
+      if (!isRightOrder(range))
+        range.reverse();
+      is = isSelectedBetween(range, page, index);
+      if (!is && isWrongIdRange(range, id, page, index))
+        resetSelectionRange();
+    }
+    return is;
+  };
+  const setSelectedCursor = (value) => {
+    rangeCursor.value = value;
+  };
+  const toggleSelected = (id, value) => {
+    if (reverse.value && count?.value === selected.value.length + 1) {
+      select([]);
+      cursorReset();
+      return;
+    }
+    const newSelected = selected.value.slice();
+    const index = newSelected.indexOf(id);
+    if (index !== -1 && !value) {
+      newSelected.splice(index, 1);
+    } else if (value) {
+      newSelected.push(id);
+    }
+    if (reverse.value) {
+      if (count?.value !== void 0 && count.value <= newSelected.length) {
+        if (newSelected.length === 0)
+          selectReverse([]);
+        else
+          select([]);
+        cursorReset();
+        return;
+      }
+      selectReverse(newSelected);
+    } else {
+      select(newSelected);
+    }
+  };
+  const selectedCount = computed(() => {
+    if (selectedRange.value)
+      return getCount(selectedRange.value, unref(pageLength));
+    const _count = unref(count);
+    return reverse.value && _count !== void 0 ? Math.max(_count - selected.value.length, 0) : selected.value.length;
+  });
+  const selectAllValue = computed(() => {
+    if (selectedRange.value)
+      return null;
+    const _count = unref(count);
+    if (_count === 0)
+      return false;
+    if (reverse.value) {
+      return selected.value.length === 0 ? true : null;
+    } else {
+      return _count !== void 0 && selected.value.length >= _count ? true : selected.value.length ? null : false;
+    }
+  });
+  return {
+    setSelectedRange,
+    getIsSelected,
+    getIsSelectedBetween,
+    setRangeHover,
+    allowSelectHover,
+    selectionRangeCount,
+    setSelectedCursor,
+    toggleSelected,
+    selectedCount,
+    selectAllValue
+  };
+};
+
+export { useSelected };

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

@@ -1,35 +1,27 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
     disabled?: boolean | undefined;
-    selected?: boolean | undefined;
-    selectedBetween?: boolean | undefined;
-    selectedHover?: boolean | undefined;
     hideMore?: boolean | undefined;
     mobile?: boolean | undefined;
-    allowSelect?: boolean | undefined;
-    allowSelectHover?: boolean | undefined;
     moreBottom?: boolean | undefined;
-    allowShift?: boolean | undefined;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    alignTop?: boolean | undefined;
+}>, {
+    updateSelected: ((value: boolean) => void) | undefined;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:selected": (value: boolean) => void;
-    "update-shift:selected": (value: boolean) => void;
-    "update-hover:selected": (value: boolean) => void;
+    "update:selected-hover": (value: boolean) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     disabled?: boolean | undefined;
-    selected?: boolean | undefined;
-    selectedBetween?: boolean | undefined;
-    selectedHover?: boolean | undefined;
     hideMore?: boolean | undefined;
     mobile?: boolean | undefined;
-    allowSelect?: boolean | undefined;
-    allowSelectHover?: boolean | undefined;
     moreBottom?: boolean | undefined;
-    allowShift?: boolean | undefined;
+    alignTop?: boolean | undefined;
 }>>> & {
     "onUpdate:selected"?: ((value: boolean) => any) | undefined;
-    "onUpdate-shift:selected"?: ((value: boolean) => any) | undefined;
-    "onUpdate-hover:selected"?: ((value: boolean) => any) | undefined;
+    "onUpdate:selected-hover"?: ((value: boolean) => any) | undefined;
 }, {}, {}>, {
-    default?(_: {}): any;
+    default?(_: {
+        toggle: ((value: boolean) => void) | undefined;
+    }): any;
     more?(_: {}): any;
 }>;
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"WListCard.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ListCard/WListCard.vue"],"names":[],"mappings":"AA2DA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiPA,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":"WListCard.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ListCard/WListCard.vue"],"names":[],"mappings":"AA8DA;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgRA,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/ListCard/WListCard.vue.js

@@ -1,9 +1,10 @@
-import { defineComponent, openBlock, createElementBlock, createVNode, Transition, withCtx, createCommentVNode, createBlock, normalizeClass, renderSlot, markRaw, unref } from 'vue';
+import { defineComponent, inject, watch, openBlock, createElementBlock, createVNode, Transition, withCtx, unref, createCommentVNode, createBlock, normalizeClass, renderSlot, markRaw } from 'vue';
 import _sfc_main$1 from '../Checkbox/WCheckbox.vue.js';
 import _sfc_main$2 from '../Button/WButtonMore.vue.js';
 import _sfc_main$3 from '../Button/WButtonMoreItem.vue.js';
 import IconAddCircle from '../../assets/icons/sax/IconAddCircle.svg.js';
 import IconMinusCircle from '../../assets/icons/sax/IconMinusCircle.svg.js';
+import { wInfiniteListSelection, wInfiniteListSelectionItem } from '../InfiniteList/models/injection.js';
 
 const _hoisted_1 = { class: "grid relative w-full sm:flex sm-not:group-even:bg-gray-50 sm-not:dark:group-even:bg-primary-darkest/25 sm-not:pt-2" };
 const _hoisted_2 = {
@@ -14,18 +15,39 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WListCard",
   props: {
     disabled: { type: Boolean },
-    selected: { type: Boolean },
-    selectedBetween: { type: Boolean },
-    selectedHover: { type: Boolean },
     hideMore: { type: Boolean },
     mobile: { type: Boolean },
-    allowSelect: { type: Boolean },
-    allowSelectHover: { type: Boolean },
     moreBottom: { type: Boolean },
-    allowShift: { type: Boolean }
+    alignTop: { type: Boolean }
   },
-  emits: ["update:selected", "update-shift:selected", "update-hover:selected"],
-  setup(__props) {
+  emits: ["update:selected", "update:selected-hover"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const emit = __emit;
+    const {
+      allowSelect,
+      allowSelectRange,
+      allowSelectHover
+    } = inject(wInfiniteListSelection, {});
+    const {
+      selected,
+      selectedBetween,
+      updateSelected,
+      updateSelectedRange,
+      updateSelectedRangeHover
+    } = inject(wInfiniteListSelectionItem, {});
+    if (selected) {
+      watch(selected, (value) => {
+        emit("update:selected", value);
+      });
+    }
+    if (allowSelectHover) {
+      watch(allowSelectHover, (value) => {
+        emit("update:selected-hover", value);
+      });
+    }
+    __expose({
+      updateSelected
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(Transition, {
@@ -35,37 +57,40 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "leave-to-class": "-translate-x-2"
         }, {
           default: withCtx(() => [
-            _ctx.mobile && _ctx.selected ? (openBlock(), createElementBlock("div", _hoisted_2)) : createCommentVNode("", true)
+            _ctx.mobile && unref(selected) ? (openBlock(), createElementBlock("div", _hoisted_2)) : createCommentVNode("", true)
           ]),
           _: 1
         }),
-        _ctx.allowSelect && !_ctx.mobile ? (openBlock(), createBlock(_sfc_main$1, {
+        unref(allowSelect) && !_ctx.mobile ? (openBlock(), createBlock(_sfc_main$1, {
           key: 0,
-          "model-value": _ctx.selectedBetween ? null : _ctx.selected ?? false,
+          "model-value": unref(selectedBetween) ? null : unref(selected) ?? false,
           disabled: _ctx.disabled,
-          "allow-shift": _ctx.allowShift,
+          "allow-shift": unref(allowSelectRange),
+          "align-top": _ctx.alignTop,
           class: normalizeClass(["sm:w-list-row-item sm-not:hidden", {
-            "opacity-50": _ctx.allowSelectHover
+            "opacity-50": unref(allowSelectHover)
           }]),
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.allowSelectHover ? _ctx.$emit("update-shift:selected", $event) : _ctx.$emit("update:selected", $event)),
-          "onUpdateShift:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update-shift:selected", $event)),
-          onMouseover: _cache[2] || (_cache[2] = ($event) => _ctx.allowSelectHover ? _ctx.$emit("update-hover:selected", !_ctx.selected) : void 0)
-        }, null, 8, ["model-value", "disabled", "allow-shift", "class"])) : createCommentVNode("", true),
-        renderSlot(_ctx.$slots, "default"),
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(allowSelectHover) ? unref(updateSelectedRange)?.() : unref(updateSelected)?.($event)),
+          "onUpdateShift:modelValue": _cache[1] || (_cache[1] = ($event) => unref(updateSelectedRange)?.()),
+          onMouseover: _cache[2] || (_cache[2] = ($event) => unref(allowSelectHover) ? unref(updateSelectedRangeHover)?.() : void 0)
+        }, null, 8, ["model-value", "disabled", "allow-shift", "align-top", "class"])) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "default", { toggle: unref(updateSelected) }),
         !_ctx.hideMore ? (openBlock(), createBlock(_sfc_main$2, {
           key: 1,
-          class: normalizeClass(["sm-not:absolute sm-not:right-0 sm-not:-mx--inner-margin sm-not:bottom-0 sm-not:items-start sm:w-list-row-item flex items-center pl-4", {
+          class: normalizeClass(["sm-not:absolute sm-not:right-0 sm-not:-mx--inner-margin sm-not:bottom-0 sm-not:items-start sm:w-list-row-item flex pl-4", {
             "sm-not:top-5": !_ctx.moreBottom,
-            "sm-not:top-12": _ctx.moreBottom
+            "sm-not:top-12": _ctx.moreBottom,
+            "items-start pt-2": _ctx.alignTop,
+            "items-center": !_ctx.alignTop
           }]),
           disabled: _ctx.disabled
         }, {
           default: withCtx(() => [
-            _ctx.allowSelect && _ctx.mobile ? (openBlock(), createBlock(_sfc_main$3, {
+            unref(allowSelect) && _ctx.mobile ? (openBlock(), createBlock(_sfc_main$3, {
               key: 0,
-              text: _ctx.selected ? "Unselect" : "Select",
-              icon: _ctx.selected ? markRaw(unref(IconMinusCircle)) : markRaw(unref(IconAddCircle)),
-              onClick: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("update:selected", !_ctx.selected))
+              text: unref(selected) ? "Unselect" : "Select",
+              icon: unref(selected) ? markRaw(unref(IconMinusCircle)) : markRaw(unref(IconAddCircle)),
+              onClick: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("update:selected", !unref(selected)))
             }, null, 8, ["text", "icon"])) : createCommentVNode("", true),
             renderSlot(_ctx.$slots, "more")
           ]),

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

@@ -1 +1 @@
-{"version":3,"file":"WModal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/WModal.vue"],"names":[],"mappings":"AAyCA;;AAyPA,wBAKG"}
+{"version":3,"file":"WModal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/WModal.vue"],"names":[],"mappings":"AAyCA;;AA6PA,wBAKG"}

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

@@ -9,6 +9,7 @@ declare const _default: <Model extends string | number>(__VLS_props: {
     next?: Model | null | undefined;
     first?: boolean | undefined;
     last?: boolean | undefined;
+    onUnmounted?: (() => any) | undefined;
     "onUpdate:is-cursor"?: ((value: {
         previous: Model | null | undefined;
         next: Model | null | undefined;
@@ -16,7 +17,6 @@ declare const _default: <Model extends string | number>(__VLS_props: {
     "onUpdate:cursor"?: (() => any) | undefined;
     "onUpdate:previous"?: ((value: Model | null | undefined) => any) | undefined;
     "onUpdate:next"?: ((value: Model | null | undefined) => any) | undefined;
-    onUnmounted?: (() => any) | undefined;
     "onUpdate:first"?: (() => any) | undefined;
     "onUpdate:last"?: (() => any) | undefined;
     isCursor?: boolean | undefined;
@@ -61,6 +61,7 @@ declare const _default: <Model extends string | number>(__VLS_props: {
         next?: Model | null | undefined;
         first?: boolean | undefined;
         last?: boolean | undefined;
+        onUnmounted?: (() => any) | undefined;
         "onUpdate:is-cursor"?: ((value: {
             previous: Model | null | undefined;
             next: Model | null | undefined;
@@ -68,7 +69,6 @@ declare const _default: <Model extends string | number>(__VLS_props: {
         "onUpdate:cursor"?: (() => any) | undefined;
         "onUpdate:previous"?: ((value: Model | null | undefined) => any) | undefined;
         "onUpdate:next"?: ((value: Model | null | undefined) => any) | undefined;
-        onUnmounted?: (() => any) | undefined;
         "onUpdate:first"?: (() => any) | undefined;
         "onUpdate:last"?: (() => any) | undefined;
         isCursor?: boolean | undefined;
@@ -117,6 +117,7 @@ declare const _default: <Model extends string | number>(__VLS_props: {
             next?: Model | null | undefined;
             first?: boolean | undefined;
             last?: boolean | undefined;
+            onUnmounted?: (() => any) | undefined;
             "onUpdate:is-cursor"?: ((value: {
                 previous: Model | null | undefined;
                 next: Model | null | undefined;
@@ -124,7 +125,6 @@ declare const _default: <Model extends string | number>(__VLS_props: {
             "onUpdate:cursor"?: (() => any) | undefined;
             "onUpdate:previous"?: ((value: Model | null | undefined) => any) | undefined;
             "onUpdate:next"?: ((value: Model | null | undefined) => any) | undefined;
-            onUnmounted?: (() => any) | undefined;
             "onUpdate:first"?: (() => any) | undefined;
             "onUpdate:last"?: (() => any) | undefined;
             isCursor?: boolean | undefined;

package/dist/components/Select/components/SelectOption.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectOption.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/components/SelectOption.vue"],"names":[],"mappings":"AAsCA;;;;;;gBAsPc,OAAO;;;;;;;kBAxNuB,KAAK,GAAG,IAAI,GAAG,SAAS;cAAQ,KAAK,GAAG,IAAI,GAAG,SAAS;;;;;;;;;;;;WA0O7F,GAAG;;yBAxKS;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;yBAA5B;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;;YApEzC,QAAQ,GAAG,IAAI;YACf,UAAU,GAAG,IAAI;YACjB,kBAAkB,SAAS;YAAC,QAAQ,EAAE,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;YAAC,IAAI,EAAE,KAAK,GAAG,IAAI,GAAG,SAAS,CAAA;SAAC,GAAG,IAAI;YACtG,eAAe,GAAG,IAAI;YACtB,iBAAiB,SAAS,KAAK,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI;YACzD,aAAa,SAAS,KAAK,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI;YACrD,WAAW,GAAG,IAAI;YAClB,cAAc,GAAG,IAAI;YACrB,aAAa,GAAG,IAAI;;;;OAmO6C,IAAI;;;;;;oBAjB7D,OAAO;;;;;;;sBAxNuB,KAAK,GAAG,IAAI,GAAG,SAAS;kBAAQ,KAAK,GAAG,IAAI,GAAG,SAAS;;;;;;;;;;;;;;SAyO7B,IAAI;WACpE,GAAG;;yBAxKS;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;yBAA5B;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;;YApEzC,QAAQ,GAAG,IAAI;YACf,UAAU,GAAG,IAAI;YACjB,kBAAkB,SAAS;YAAC,QAAQ,EAAE,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;YAAC,IAAI,EAAE,KAAK,GAAG,IAAI,GAAG,SAAS,CAAA;SAAC,GAAG,IAAI;YACtG,eAAe,GAAG,IAAI;YACtB,iBAAiB,SAAS,KAAK,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI;YACzD,aAAa,SAAS,KAAK,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI;YACrD,WAAW,GAAG,IAAI;YAClB,cAAc,GAAG,IAAI;YACrB,aAAa,GAAG,IAAI;;;;;;;;;;;wBAkNZ,OAAO;;;;;;;0BAxNuB,KAAK,GAAG,IAAI,GAAG,SAAS;sBAAQ,KAAK,GAAG,IAAI,GAAG,SAAS;;;;;;;;;;;;;;aAyO7B,IAAI;eACpE,GAAG;;6BAxKS;gBAAC,QAAQ,EAAE,OAAO,CAAA;aAAC,KAAK,IAAI;;6BAA5B;gBAAC,QAAQ,EAAE,OAAO,CAAA;aAAC,KAAK,IAAI;;;gBApEzC,QAAQ,GAAG,IAAI;gBACf,UAAU,GAAG,IAAI;gBACjB,kBAAkB,SAAS;gBAAC,QAAQ,EAAE,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;gBAAC,IAAI,EAAE,KAAK,GAAG,IAAI,GAAG,SAAS,CAAA;aAAC,GAAG,IAAI;gBACtG,eAAe,GAAG,IAAI;gBACtB,iBAAiB,SAAS,KAAK,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI;gBACzD,aAAa,SAAS,KAAK,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI;gBACrD,WAAW,GAAG,IAAI;gBAClB,cAAc,GAAG,IAAI;gBACrB,aAAa,GAAG,IAAI;;;;AA7B1B,wBAsQ2E"}
+{"version":3,"file":"SelectOption.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/components/SelectOption.vue"],"names":[],"mappings":"AAsCA;;;;;;gBAsPc,OAAO;;;;;;;;kBAxNuB,KAAK,GAAG,IAAI,GAAG,SAAS;cAAQ,KAAK,GAAG,IAAI,GAAG,SAAS;;;;;;;;;;;WA0O7F,GAAG;;yBAxKS;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;yBAA5B;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;;YApEzC,QAAQ,GAAG,IAAI;YACf,UAAU,GAAG,IAAI;YACjB,kBAAkB,SAAS;YAAC,QAAQ,EAAE,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;YAAC,IAAI,EAAE,KAAK,GAAG,IAAI,GAAG,SAAS,CAAA;SAAC,GAAG,IAAI;YACtG,eAAe,GAAG,IAAI;YACtB,iBAAiB,SAAS,KAAK,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI;YACzD,aAAa,SAAS,KAAK,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI;YACrD,WAAW,GAAG,IAAI;YAClB,cAAc,GAAG,IAAI;YACrB,aAAa,GAAG,IAAI;;;;OAmO6C,IAAI;;;;;;oBAjB7D,OAAO;;;;;;;;sBAxNuB,KAAK,GAAG,IAAI,GAAG,SAAS;kBAAQ,KAAK,GAAG,IAAI,GAAG,SAAS;;;;;;;;;;;;;SAyO7B,IAAI;WACpE,GAAG;;yBAxKS;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;yBAA5B;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;;YApEzC,QAAQ,GAAG,IAAI;YACf,UAAU,GAAG,IAAI;YACjB,kBAAkB,SAAS;YAAC,QAAQ,EAAE,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;YAAC,IAAI,EAAE,KAAK,GAAG,IAAI,GAAG,SAAS,CAAA;SAAC,GAAG,IAAI;YACtG,eAAe,GAAG,IAAI;YACtB,iBAAiB,SAAS,KAAK,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI;YACzD,aAAa,SAAS,KAAK,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI;YACrD,WAAW,GAAG,IAAI;YAClB,cAAc,GAAG,IAAI;YACrB,aAAa,GAAG,IAAI;;;;;;;;;;;wBAkNZ,OAAO;;;;;;;;0BAxNuB,KAAK,GAAG,IAAI,GAAG,SAAS;sBAAQ,KAAK,GAAG,IAAI,GAAG,SAAS;;;;;;;;;;;;;aAyO7B,IAAI;eACpE,GAAG;;6BAxKS;gBAAC,QAAQ,EAAE,OAAO,CAAA;aAAC,KAAK,IAAI;;6BAA5B;gBAAC,QAAQ,EAAE,OAAO,CAAA;aAAC,KAAK,IAAI;;;gBApEzC,QAAQ,GAAG,IAAI;gBACf,UAAU,GAAG,IAAI;gBACjB,kBAAkB,SAAS;gBAAC,QAAQ,EAAE,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;gBAAC,IAAI,EAAE,KAAK,GAAG,IAAI,GAAG,SAAS,CAAA;aAAC,GAAG,IAAI;gBACtG,eAAe,GAAG,IAAI;gBACtB,iBAAiB,SAAS,KAAK,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI;gBACzD,aAAa,SAAS,KAAK,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI;gBACrD,WAAW,GAAG,IAAI;gBAClB,cAAc,GAAG,IAAI;gBACrB,aAAa,GAAG,IAAI;;;;AA7B1B,wBAsQ2E"}

package/dist/types/global.d.ts

@@ -51,3 +51,16 @@ declare type UseQueryWithParams<Model, ApiError, QueryParams> =
   (queryParams: import('vue').MaybeRef<QueryParams>, options?: QueryOptions<Model, ApiError>) => ReturnType<typeof import('../utils/useDefaultQuery').useDefaultQuery<Model, ApiError>>
 
 declare type UseQueryPaginated<Model, ApiError, QueryParams> = UseQueryWithParams<PaginatedResponse<Model>, ApiError, QueryParams>
+
+
+declare interface SelectedPage<Value> {
+  page: number
+  index: number
+  id: Value
+}
+
+declare type SelectedRange<Value> = [
+  SelectedPage<Value>,
+  SelectedPage<Value>,
+]
+

package/dist/utils/Modal.d.ts

@@ -1,10 +1,13 @@
-import { type Component } from 'vue';
+import { type Component, type ComponentOptions, type MethodOptions } from 'vue';
 import type { ConfirmModalProps } from '../components/Modal/modals/Confirm/types';
-export type AddModal = (component: Component, props?: Record<string, unknown>, cb?: () => void, autoclose?: boolean) => (() => void);
-export declare const initModal: (value: AddModal | undefined) => void;
+export type ModalComponent<Props> = Component<Props, any, any, ComponentOptions, MethodOptions, {
+    'close:modal': () => void;
+}>;
+export type AddModal<Props> = (component: ModalComponent<Props>, props?: Props, cb?: () => void, autoclose?: boolean) => (() => void);
+export declare const initModal: <Props>(value: AddModal<Props> | undefined) => void;
 export declare const Modal: {
-    add(component: Component, props?: Record<string, unknown>, cb?: () => void): (() => void) | null;
-    addAutoclosable(component: Component, props?: Record<string, unknown>, cb?: () => void): (() => void) | null;
+    add<Props>(component: ModalComponent<Props>, props?: Props, cb?: () => void): (() => void) | null;
+    addAutoclosable<Props_1>(component: ModalComponent<Props_1>, props?: Props_1 | undefined, cb?: () => void): (() => void) | null;
     addConfirm(props: ConfirmModalProps, cb?: () => void): (() => void) | null;
 };
 //# sourceMappingURL=Modal.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../src/utils/Modal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,SAAS,EAAC,MAAM,KAAK,CAAA;AACjE,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,yCAAyC,CAAA;AAI9E,MAAM,MAAM,QAAQ,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAAE,CAAC,EAAE,MAAM,IAAI,EAAE,SAAS,CAAC,EAAE,OAAO,KAAK,CAAC,MAAM,IAAI,CAAC,CAAA;AAIpI,eAAO,MAAM,SAAS,UAAW,QAAQ,GAAG,SAAS,SAEpD,CAAA;AAED,eAAO,MAAM,KAAK;mBACD,SAAS,UAAU,OAAO,MAAM,EAAE,OAAO,CAAC,OAAO,MAAM,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI;+BAIrE,SAAS,UAAU,OAAO,MAAM,EAAE,OAAO,CAAC,OAAO,MAAM,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI;sBAI1F,iBAAiB,OAAO,MAAM,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI;CAQ3E,CAAA"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../src/utils/Modal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,SAAS,EAAE,KAAK,gBAAgB,EAAE,KAAK,aAAa,EAAC,MAAM,KAAK,CAAA;AAC5G,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,yCAAyC,CAAA;AAI9E,MAAM,MAAM,cAAc,CAAC,KAAK,IAAI,SAAS,CAC3C,KAAK,EAEL,GAAG,EAEH,GAAG,EACH,gBAAgB,EAChB,aAAa,EACb;IACE,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CACF,CAAA;AAED,MAAM,MAAM,QAAQ,CAAC,KAAK,IAAI,CAAC,SAAS,EAAE,cAAc,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,MAAM,IAAI,EAAE,SAAS,CAAC,EAAE,OAAO,KAAK,CAAC,MAAM,IAAI,CAAC,CAAA;AAKrI,eAAO,MAAM,SAAS,iBAAkB,SAAS,KAAK,CAAC,GAAG,SAAS,SAElE,CAAA;AAED,eAAO,MAAM,KAAK;0BACM,eAAe,KAAK,CAAC,UAAU,KAAK,OAAO,MAAM,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI;mGAIpB,MAAM,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI;sBAI3F,iBAAiB,OAAO,MAAM,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI;CAQ3E,CAAA"}

package/package.json

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