eco-vue-js 0.5.3 → 0.5.5

package/dist/components/InfiniteList/components/InfiniteListPage.vue.d.ts

@@ -1,8 +1,8 @@
 declare const _default: <Model extends string | number, Data extends DefaultData, ApiError, QueryParams>(__VLS_props: {
     transition?: boolean | undefined;
+    "onUpdate:count"?: ((value: number) => any) | undefined;
     valueGetter: (data: Data) => Model;
     wrap?: boolean | undefined;
-    "onUpdate:count"?: ((value: number) => any) | undefined;
     scrollingElement?: Element | null | undefined;
     "onUpdate:selected"?: ((values: Model[]) => any) | undefined;
     queryParams: QueryParams;
@@ -26,12 +26,12 @@ declare const _default: <Model extends string | number, Data extends DefaultData
     noGap?: boolean | undefined;
     resetting?: boolean | undefined;
     emptyStub?: string | undefined;
-    reverseSelection?: boolean | undefined;
-    allowPageSelection?: boolean | undefined;
     minHeight?: boolean | undefined;
     pageClass?: string | undefined;
     refetchInterval?: number | false | undefined;
     queryOptions?: Partial<Parameters<UseQueryPaginated<Data, ApiError, QueryParams>>[1]>;
+    reverseSelection?: boolean | undefined;
+    allowPageSelection?: boolean | undefined;
 } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
     attrs: any;
     slots: Readonly<{
@@ -81,9 +81,9 @@ declare const _default: <Model extends string | number, Data extends DefaultData
 }>) => void) | undefined, __VLS_setup?: Promise<{
     props: {
         transition?: boolean | undefined;
+        "onUpdate:count"?: ((value: number) => any) | undefined;
         valueGetter: (data: Data) => Model;
         wrap?: boolean | undefined;
-        "onUpdate:count"?: ((value: number) => any) | undefined;
         scrollingElement?: Element | null | undefined;
         "onUpdate:selected"?: ((values: Model[]) => any) | undefined;
         queryParams: QueryParams;
@@ -107,12 +107,12 @@ declare const _default: <Model extends string | number, Data extends DefaultData
         noGap?: boolean | undefined;
         resetting?: boolean | undefined;
         emptyStub?: string | undefined;
-        reverseSelection?: boolean | undefined;
-        allowPageSelection?: boolean | undefined;
         minHeight?: boolean | undefined;
         pageClass?: string | undefined;
         refetchInterval?: number | false | undefined;
         queryOptions?: Partial<Parameters<UseQueryPaginated<Data, ApiError, QueryParams>>[1]>;
+        reverseSelection?: boolean | undefined;
+        allowPageSelection?: boolean | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{
         getFirst: () => Data | undefined;
@@ -166,9 +166,9 @@ declare const _default: <Model extends string | number, Data extends DefaultData
     __ctx?: {
         props: {
             transition?: boolean | undefined;
+            "onUpdate:count"?: ((value: number) => any) | undefined;
             valueGetter: (data: Data) => Model;
             wrap?: boolean | undefined;
-            "onUpdate:count"?: ((value: number) => any) | undefined;
             scrollingElement?: Element | null | undefined;
             "onUpdate:selected"?: ((values: Model[]) => any) | undefined;
             queryParams: QueryParams;
@@ -192,12 +192,12 @@ declare const _default: <Model extends string | number, Data extends DefaultData
             noGap?: boolean | undefined;
             resetting?: boolean | undefined;
             emptyStub?: string | undefined;
-            reverseSelection?: boolean | undefined;
-            allowPageSelection?: boolean | undefined;
             minHeight?: boolean | undefined;
             pageClass?: string | undefined;
             refetchInterval?: number | false | undefined;
             queryOptions?: Partial<Parameters<UseQueryPaginated<Data, ApiError, QueryParams>>[1]>;
+            reverseSelection?: boolean | undefined;
+            allowPageSelection?: boolean | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
         expose(exposed: import("vue").ShallowUnwrapRef<{
             getFirst: () => Data | undefined;

package/dist/components/InfiniteList/components/InfiniteListPage.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InfiniteListPage.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/components/InfiniteListPage.vue"],"names":[],"mappings":"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"}
+{"version":3,"file":"InfiniteListPage.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/components/InfiniteListPage.vue"],"names":[],"mappings":"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"}

package/dist/components/InfiniteList/components/InfiniteListPage.vue.js

@@ -1,9 +1,9 @@
-import { defineComponent, ref, toRef, computed, watch, onMounted, nextTick, onBeforeUnmount, openBlock, createElementBlock, normalizeClass, unref, Fragment, createElementVNode, createBlock, createCommentVNode, TransitionGroup, withCtx, renderList, renderSlot, toDisplayString } from 'vue';
+import { defineComponent, ref, toRef, computed, watch, onMounted, nextTick, onBeforeUnmount, openBlock, createElementBlock, normalizeClass, unref, Fragment, createElementVNode, createBlock, createCommentVNode, resolveDynamicComponent, TransitionGroup, normalizeProps, mergeProps, withCtx, renderList, guardReactiveProps, renderSlot, toDisplayString } from 'vue';
 import _sfc_main$2 from './InfiniteListPageTitle.vue.js';
 import _sfc_main$1 from './InfiniteListPageSelection.vue.js';
+import EmptyComponent from './EmptyComponent.vue.js';
 
-const _hoisted_1 = { class: "[overflow:inherit]" };
-const _hoisted_2 = { class: "select-none cursor-default w-select-field sm-not:px-3" };
+const _hoisted_1 = { class: "select-none cursor-default w-select-field sm-not:px-3" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "InfiniteListPage",
   props: {
@@ -14,22 +14,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     firstPage: { type: Boolean },
     lastPage: { type: Boolean },
     hidePageTitle: { type: Boolean },
-    selected: { default: void 0 },
     wrap: { type: Boolean },
     noGap: { type: Boolean },
     transition: { type: Boolean },
     resetting: { type: Boolean },
     emptyStub: { default: "Nothing to show" },
-    selectOnly: { type: Boolean },
-    unselectOnly: { type: Boolean },
-    reverseSelection: { type: Boolean },
-    allowPageSelection: { type: Boolean },
     minHeight: { type: Boolean },
     pageClass: { default: void 0 },
     refetchInterval: { type: [Number, Boolean], default: void 0 },
     scrollingElement: { default: void 0 },
+    queryOptions: { default: void 0 },
+    selected: { default: void 0 },
     valueGetter: {},
-    queryOptions: { default: void 0 }
+    selectOnly: { type: Boolean },
+    unselectOnly: { type: Boolean },
+    reverseSelection: { type: Boolean },
+    allowPageSelection: { type: Boolean }
   },
   emits: ["update:count", "update:pages-count", "update:next-page", "update:previous-page", "update:scroll", "remove:page", "refetch", "update-from-header:scroll", "update:selected", "fetched"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -204,60 +204,45 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createElementVNode("div", {
             class: normalizeClass(_ctx.pageClass)
           }, [
-            unref(data)?.results ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-              _ctx.transition ? (openBlock(), createBlock(TransitionGroup, {
-                key: 0,
-                "enter-active-class": "transition-[grid-template-rows] overflow-hidden grid",
-                "enter-from-class": "grid-rows-[0fr]",
-                "enter-to-class": "grid-rows-[1fr]",
-                "leave-active-class": "transition-[grid-template-rows] overflow-hidden grid",
-                "leave-from-class": "grid-rows-[1fr]",
-                "leave-to-class": "grid-rows-[0fr]",
-                css: !_ctx.resetting
-              }, {
-                default: withCtx(() => [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(data).results, (item, index) => {
-                    return openBlock(), createElementBlock("div", {
-                      key: _ctx.valueGetter(item),
-                      ref_for: true,
-                      ref_key: "resultElement",
-                      ref: resultElement,
-                      class: "w-full group"
-                    }, [
-                      createElementVNode("div", _hoisted_1, [
-                        renderSlot(_ctx.$slots, "default", {
-                          item,
-                          setter: (newItem) => setItem(index, newItem),
-                          refetch: emitRefetch,
-                          skeleton: false,
-                          next: unref(data)?.results[index + 1],
-                          previous: unref(data)?.results[index - 1],
-                          first: _ctx.firstPage && index === 0,
-                          last: _ctx.lastPage && index === unref(data).results.length - 1,
-                          page: page.value,
-                          index
-                        })
-                      ])
-                    ]);
-                  }), 128))
-                ]),
-                _: 3
-              }, 8, ["css"])) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(unref(data).results, (item, index) => {
-                return renderSlot(_ctx.$slots, "default", {
-                  key: _ctx.valueGetter(item),
-                  item,
-                  setter: (newItem) => setItem(index, newItem),
-                  refetch: emitRefetch,
-                  skeleton: false,
-                  next: unref(data)?.results[index + 1],
-                  previous: unref(data)?.results[index - 1],
-                  first: _ctx.firstPage && index === 0,
-                  last: _ctx.lastPage && index === unref(data).results.length - 1,
-                  page: page.value,
-                  index
-                });
-              }), 128))
-            ], 64)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.skeletonLength, (index) => {
+            unref(data)?.results ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.transition ? TransitionGroup : EmptyComponent), normalizeProps(mergeProps({ key: 0 }, _ctx.transition ? {
+              ["enter-active-class"]: "transition-[grid-template-rows] overflow-hidden grid",
+              ["enter-from-class"]: "grid-rows-[0fr]",
+              ["enter-to-class"]: "grid-rows-[1fr]",
+              ["leave-active-class"]: "transition-[grid-template-rows] overflow-hidden grid",
+              ["leave-from-class"]: "grid-rows-[1fr]",
+              ["leave-to-class"]: "grid-rows-[0fr]",
+              css: !_ctx.resetting
+            } : void 0)), {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(data).results, (item, index) => {
+                  return openBlock(), createBlock(resolveDynamicComponent(_ctx.transition ? "div" : EmptyComponent), normalizeProps(mergeProps({
+                    key: _ctx.valueGetter(item)
+                  }, _ctx.transition ? { class: "w-full" } : void 0)), {
+                    default: withCtx(() => [
+                      (openBlock(), createBlock(resolveDynamicComponent(_ctx.transition ? "div" : EmptyComponent), normalizeProps(guardReactiveProps(_ctx.transition ? { class: "[overflow:inherit]" } : void 0)), {
+                        default: withCtx(() => [
+                          renderSlot(_ctx.$slots, "default", {
+                            item,
+                            setter: (newItem) => setItem(index, newItem),
+                            refetch: emitRefetch,
+                            skeleton: false,
+                            next: unref(data)?.results[index + 1],
+                            previous: unref(data)?.results[index - 1],
+                            first: _ctx.firstPage && index === 0,
+                            last: _ctx.lastPage && index === unref(data).results.length - 1,
+                            page: page.value,
+                            index
+                          })
+                        ]),
+                        _: 2
+                      }, 1040))
+                    ]),
+                    _: 2
+                  }, 1040);
+                }), 128))
+              ]),
+              _: 3
+            }, 16)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.skeletonLength, (index) => {
               return renderSlot(_ctx.$slots, "default", {
                 key: index,
                 item: { id: index },
@@ -280,7 +265,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "pt-4 pb-2 px-[1.0625rem]": _ctx.minHeight
           }])
         }, [
-          createElementVNode("div", _hoisted_2, toDisplayString(_ctx.emptyStub), 1)
+          createElementVNode("div", _hoisted_1, toDisplayString(_ctx.emptyStub), 1)
         ], 2))
       ], 2);
     };

package/dist/components/InfiniteList/components/InfiniteListPageSelectItem.vue.d.ts

@@ -0,0 +1,33 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    selected?: boolean | undefined;
+    selectedBetween?: boolean | undefined;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:selected": (value: boolean) => void;
+    "update:selected-range": () => void;
+    "update:selected-range-hover": () => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    selected?: boolean | undefined;
+    selectedBetween?: boolean | undefined;
+}>>> & {
+    "onUpdate:selected"?: ((value: boolean) => any) | undefined;
+    "onUpdate:selected-range"?: (() => any) | undefined;
+    "onUpdate:selected-range-hover"?: (() => any) | undefined;
+}, {}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=InfiniteListPageSelectItem.vue.d.ts.map

package/dist/components/InfiniteList/components/InfiniteListPageSelectItem.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfiniteListPageSelectItem.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/components/InfiniteListPageSelectItem.vue"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;;AAmFA,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/InfiniteList/components/InfiniteListPageSelectItem.vue.js

@@ -0,0 +1,27 @@
+import { defineComponent, provide, toRef, renderSlot } from 'vue';
+import { wInfiniteListSelectionItem } from '../models/injection.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "InfiniteListPageSelectItem",
+  props: {
+    selected: { type: Boolean },
+    selectedBetween: { type: Boolean }
+  },
+  emits: ["update:selected", "update:selected-range", "update:selected-range-hover"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    provide(wInfiniteListSelectionItem, {
+      selected: toRef(props, "selected"),
+      selectedBetween: toRef(props, "selectedBetween"),
+      updateSelected: (value) => emit("update:selected", value),
+      updateSelectedRange: () => emit("update:selected-range"),
+      updateSelectedRangeHover: () => emit("update:selected-range-hover")
+    });
+    return (_ctx, _cache) => {
+      return renderSlot(_ctx.$slots, "default");
+    };
+  }
+});
+
+export { _sfc_main as default };

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/Input/WInput.vue.d.ts

@@ -8,12 +8,12 @@ declare const _default: <Type extends InputType = "text">(__VLS_props: {
     onBlur?: ((value: FocusEvent) => any) | undefined;
     onClick?: ((value: MouseEvent) => any) | undefined;
     onMousedown?: ((value: MouseEvent) => any) | undefined;
+    icon?: SVGComponent | undefined;
     disabled?: boolean | undefined;
     loading?: boolean | undefined;
     "onUpdate:modelValue"?: ((value: (Type extends "number" ? number : string) | undefined) => any) | undefined;
     modelValue?: (Type extends "number" ? number : string) | undefined;
     resize?: boolean | undefined;
-    icon?: SVGComponent | undefined;
     readonly?: boolean | undefined;
     skeleton?: boolean | undefined;
     description?: string | undefined;
@@ -81,12 +81,12 @@ declare const _default: <Type extends InputType = "text">(__VLS_props: {
         onBlur?: ((value: FocusEvent) => any) | undefined;
         onClick?: ((value: MouseEvent) => any) | undefined;
         onMousedown?: ((value: MouseEvent) => any) | undefined;
+        icon?: SVGComponent | undefined;
         disabled?: boolean | undefined;
         loading?: boolean | undefined;
         "onUpdate:modelValue"?: ((value: (Type extends "number" ? number : string) | undefined) => any) | undefined;
         modelValue?: (Type extends "number" ? number : string) | undefined;
         resize?: boolean | undefined;
-        icon?: SVGComponent | undefined;
         readonly?: boolean | undefined;
         skeleton?: boolean | undefined;
         description?: string | undefined;
@@ -158,12 +158,12 @@ declare const _default: <Type extends InputType = "text">(__VLS_props: {
             onBlur?: ((value: FocusEvent) => any) | undefined;
             onClick?: ((value: MouseEvent) => any) | undefined;
             onMousedown?: ((value: MouseEvent) => any) | undefined;
+            icon?: SVGComponent | undefined;
             disabled?: boolean | undefined;
             loading?: boolean | undefined;
             "onUpdate:modelValue"?: ((value: (Type extends "number" ? number : string) | undefined) => any) | undefined;
             modelValue?: (Type extends "number" ? number : string) | undefined;
             resize?: boolean | undefined;
-            icon?: SVGComponent | undefined;
             readonly?: boolean | undefined;
             skeleton?: boolean | undefined;
             description?: string | undefined;

package/dist/components/Input/WInputAsync.vue.d.ts

@@ -3,12 +3,12 @@ declare const _default: <Type extends InputType = "text">(__VLS_props: {
     required?: boolean | undefined;
     textarea?: boolean | undefined;
     title?: string | undefined;
+    icon?: SVGComponent | undefined;
     disabled?: boolean | undefined;
     loading?: boolean | undefined;
     "onUpdate:modelValue"?: ((value: (Type extends "number" ? number : string) | undefined) => any) | undefined;
     modelValue?: (Type extends "number" ? number : string) | undefined;
     resize?: boolean | undefined;
-    icon?: SVGComponent | undefined;
     skeleton?: boolean | undefined;
     description?: string | undefined;
     name?: string | undefined;
@@ -35,12 +35,12 @@ declare const _default: <Type extends InputType = "text">(__VLS_props: {
         required?: boolean | undefined;
         textarea?: boolean | undefined;
         title?: string | undefined;
+        icon?: SVGComponent | undefined;
         disabled?: boolean | undefined;
         loading?: boolean | undefined;
         "onUpdate:modelValue"?: ((value: (Type extends "number" ? number : string) | undefined) => any) | undefined;
         modelValue?: (Type extends "number" ? number : string) | undefined;
         resize?: boolean | undefined;
-        icon?: SVGComponent | undefined;
         skeleton?: boolean | undefined;
         description?: string | undefined;
         name?: string | undefined;
@@ -71,12 +71,12 @@ declare const _default: <Type extends InputType = "text">(__VLS_props: {
             required?: boolean | undefined;
             textarea?: boolean | undefined;
             title?: string | undefined;
+            icon?: SVGComponent | undefined;
             disabled?: boolean | undefined;
             loading?: boolean | undefined;
             "onUpdate:modelValue"?: ((value: (Type extends "number" ? number : string) | undefined) => any) | undefined;
             modelValue?: (Type extends "number" ? number : string) | undefined;
             resize?: boolean | undefined;
-            icon?: SVGComponent | undefined;
             skeleton?: boolean | undefined;
             description?: string | undefined;
             name?: string | undefined;

package/dist/components/Input/WInputOptions.vue.d.ts

@@ -7,11 +7,11 @@ declare const _default: <Type extends InputType = "text", Option extends Record<
     type?: Type | undefined;
     required?: boolean | undefined;
     title?: string | undefined;
+    icon?: SVGComponent | undefined;
     disabled?: boolean | undefined;
     loading?: boolean | undefined;
     valueGetter: (option: Option) => Type extends "number" ? number : string;
     modelValue: Type extends "number" ? number : string;
-    icon?: SVGComponent | undefined;
     readonly?: boolean | undefined;
     skeleton?: boolean | undefined;
     description?: string | undefined;
@@ -51,11 +51,11 @@ declare const _default: <Type extends InputType = "text", Option extends Record<
         type?: Type | undefined;
         required?: boolean | undefined;
         title?: string | undefined;
+        icon?: SVGComponent | undefined;
         disabled?: boolean | undefined;
         loading?: boolean | undefined;
         valueGetter: (option: Option) => Type extends "number" ? number : string;
         modelValue: Type extends "number" ? number : string;
-        icon?: SVGComponent | undefined;
         readonly?: boolean | undefined;
         skeleton?: boolean | undefined;
         description?: string | undefined;
@@ -99,11 +99,11 @@ declare const _default: <Type extends InputType = "text", Option extends Record<
             type?: Type | undefined;
             required?: boolean | undefined;
             title?: string | undefined;
+            icon?: SVGComponent | undefined;
             disabled?: boolean | undefined;
             loading?: boolean | undefined;
             valueGetter: (option: Option) => Type extends "number" ? number : string;
             modelValue: Type extends "number" ? number : string;
-            icon?: SVGComponent | undefined;
             readonly?: boolean | undefined;
             skeleton?: boolean | undefined;
             description?: string | undefined;