eco-vue-js 0.10.4 → 0.10.6

package/dist/utils/useSelected.js

@@ -1,61 +1,188 @@
-import { computed } from 'vue';
+import { computed, ref, unref, onMounted, onBeforeUnmount } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
-import { isPage, isIndex, isId } from './utils.js';
+import { isIdArray, isIndex } from './utils.js';
 
-const keysLengthPage = 3;
-const isSelecionPage = (value) => {
-  return value instanceof Object && Object.keys(value).length === keysLengthPage && "page" in value && isPage(value.page) && "index" in value && isIndex(value.index) && "id" in value && isId(value.id);
-};
-const stringifySelectedPage = (value) => value.page + ":" + value.index + ":" + value.id;
-const keysLengthRange = 2;
 const isSelectedRange = (value) => {
-  return Array.isArray(value) && value.length === keysLengthRange && isSelecionPage(value[0]) && isSelecionPage(value[1]);
+  return Array.isArray(value) && value.length === 2 && value.every(isIndex) && value[0] <= value[1];
+};
+const keysLengthSelection = 3;
+const isSelection = (value) => {
+  return value instanceof Object && Object.keys(value).length <= keysLengthSelection && ("range" in value && isSelectedRange(value.range) || "id__in" in value && isIdArray(value.id__in) || "id__not_in" in value && isIdArray(value.id__not_in));
 };
-const isRightOrder = (value) => {
-  return value[0].page < value[1].page || value[0].page === value[1].page && value[0].index <= value[1].index;
+const parseSelection = (value) => {
+  return {
+    range: isSelectedRange(value.range) ? value.range : void 0,
+    id__in: isIdArray(value.id__in) ? value.id__in : void 0,
+    id__not_in: isIdArray(value.id__not_in) ? value.id__not_in : void 0
+  };
 };
-const getPosition = (range, pageLength) => {
-  return (range.page - 1) * pageLength + range.index;
+const getPosition = (page, index, pageLength) => {
+  return (page - 1) * pageLength + index;
 };
-const stringifySelectedRange = (value) => stringifySelectedPage(value[0]) + "-" + stringifySelectedPage(value[1]);
-const DIVIDER = ",";
-const useSelected = () => {
+const isEmpty = (value) => Object.values(value).every((item) => !item);
+const useSelected = (count) => {
   const route = useRoute();
   const router = useRouter();
-  const selectedRange = computed(() => {
-    if (!route.hash.includes("-")) return void 0;
-    const parsed = route.hash.substring(1).split("-").map((item) => {
-      const [page, index, id] = item.split(":").map((value) => Number.parseInt(value));
-      return { page, index, id };
-    });
-    if (!isSelectedRange(parsed)) return void 0;
-    if (!isRightOrder(parsed)) parsed.reverse();
-    return parsed;
+  const selection = computed(() => {
+    if (!route.hash) return {};
+    try {
+      const parsed = JSON.parse(route.hash.substring(1));
+      if (!(parsed instanceof Object)) return {};
+      const value = parseSelection(parsed);
+      if (isSelection(value)) return value;
+    } catch {
+    }
+    return {};
+  });
+  const resetSelection = () => {
+    router.replace({ query: route.query, hash: "#" });
+  };
+  const updateSelection = (value) => {
+    if (isEmpty(value)) resetSelection();
+    router.replace({ query: route.query, hash: `#${JSON.stringify(value)}` });
+  };
+  const selectAll = () => {
+    updateSelection({ id__not_in: [] });
+  };
+  const isShift = ref(false);
+  const hoverValue = ref(null);
+  const preselectValue = ref(null);
+  const disabled = ref(false);
+  const allowSelectHover = computed(() => isShift.value);
+  const hoverAllowed = computed(() => allowSelectHover.value ? hoverValue.value : null);
+  const upValue = computed(() => {
+    if (selection.value.range) {
+      return Math.min(
+        hoverAllowed.value ?? selection.value.range[0],
+        preselectValue.value ?? selection.value.range[0]
+      );
+    } else if (hoverAllowed.value !== null && preselectValue.value !== null) {
+      return Math.min(
+        hoverAllowed.value,
+        preselectValue.value
+      );
+    }
+    return null;
   });
-  const setSelectedRange = (value) => {
-    router.replace({ query: route.query, hash: `#${stringifySelectedRange(value)}` });
-  };
-  const selected = computed(() => {
-    if (typeof route.hash !== "string") return [];
-    if (route.hash.includes("-")) return [];
-    const substring = route.hash[1] === "!" ? route.hash.substring(2) : route.hash.substring(1);
-    return substring.split(DIVIDER).map((item) => Number.parseInt(item)).filter((item) => !isNaN(item));
+  const downValue = computed(() => {
+    if (selection.value.range) {
+      if (hoverAllowed.value !== null && hoverAllowed.value < selection.value.range[0]) return selection.value.range[1];
+      return Math.max(
+        hoverAllowed.value ?? selection.value.range[1],
+        preselectValue.value ?? selection.value.range[0]
+      );
+    } else if (hoverAllowed.value !== null && preselectValue.value !== null) {
+      return Math.max(
+        hoverAllowed.value,
+        preselectValue.value
+      );
+    }
+    return null;
   });
-  const reverse = computed(() => typeof route.hash === "string" && route.hash[1] === "!");
-  const setSelected = (value) => {
-    router.replace({ query: route.query, hash: `#${value.join(DIVIDER)}` });
+  const getIsSelected = (id, position) => {
+    if (hoverAllowed.value === position) return true;
+    if (upValue.value !== null && downValue.value !== null) {
+      if (upValue.value <= position && downValue.value >= position) return true;
+      if (allowSelectHover.value) return false;
+    }
+    if (selection.value.id__in) {
+      if (selection.value.id__in.includes(id)) return true;
+    }
+    if (selection.value.id__not_in) {
+      if (!selection.value.id__not_in.includes(id)) return true;
+    }
+    return false;
   };
-  const setSelectedReverse = (value) => {
-    router.replace({ query: route.query, hash: `#!${value.join(DIVIDER)}` });
+  const hoverSelected = (position) => {
+    if (disabled.value) return;
+    hoverValue.value = position;
   };
+  const toggleSelected = (id, position) => {
+    if (disabled.value) return;
+    if (upValue.value !== null && downValue.value !== null) {
+      let range;
+      if (allowSelectHover.value) {
+        range = [Math.min(position, upValue.value), Math.max(position, downValue.value)];
+        resetIsSelecting();
+        preselectValue.value = null;
+      } else if (downValue.value === position && upValue.value === position) {
+        return resetSelection();
+      } else if (upValue.value === position) {
+        range = [position + 1, downValue.value];
+      } else if (downValue.value === position) {
+        range = [upValue.value, position - 1];
+      } else if (upValue.value - 1 === position) {
+        range = [position, downValue.value];
+      } else if (downValue.value + 1 === position) {
+        range = [upValue.value, position];
+      }
+      if (range) {
+        updateSelection({ range });
+        return;
+      }
+    }
+    preselectValue.value = position;
+    const key = selection.value.id__not_in ? "id__not_in" : "id__in";
+    const newValue = selection.value[key]?.slice() ?? [];
+    const index = newValue.indexOf(id);
+    if (index === -1) newValue.push(id);
+    else newValue.splice(index, 1);
+    updateSelection({ [key]: newValue });
+    if (selection.value.id__in) {
+      if (index === -1) preselectValue.value = position;
+      else if (preselectValue.value === position) preselectValue.value = null;
+    }
+  };
+  const selectionCount = computed(() => {
+    if (selection.value.range) return selection.value.range[1] - selection.value.range[0] + 1;
+    const _count = unref(count);
+    return selection.value.id__not_in && _count !== void 0 ? Math.max(_count - selection.value.id__not_in.length, 0) : selection.value.id__in?.length ?? 0;
+  });
+  const selectAllValue = computed(() => {
+    if (selection.value.range) return null;
+    const _count = unref(count);
+    if (_count === 0) return false;
+    if (selection.value.id__not_in) {
+      return selection.value.id__not_in.length === 0 ? true : null;
+    } else {
+      return selection.value.id__in?.length ? null : false;
+    }
+  });
+  const setIsSelecting = (event) => {
+    if (!event.shiftKey) return;
+    isShift.value = true;
+  };
+  const resetIsSelecting = () => {
+    isShift.value = false;
+  };
+  const getQueryParams = () => {
+    if (isEmpty(selection.value)) return void 0;
+    const result = {};
+    if (selection.value.range) result.slice_indexes = selection.value.range.slice();
+    if (selection.value.id__not_in) result.id__not_in = selection.value.id__not_in.slice();
+    if (selection.value.id__in) result.id__in = selection.value.id__in.slice();
+    return result;
+  };
+  onMounted(() => {
+    window.addEventListener("keydown", setIsSelecting);
+    window.addEventListener("keyup", resetIsSelecting);
+  });
+  onBeforeUnmount(() => {
+    disabled.value = true;
+    window.removeEventListener("keydown", setIsSelecting);
+    window.removeEventListener("keyup", resetIsSelecting);
+  });
   return {
-    selectedRange,
-    setSelectedRange,
-    selected,
-    reverse,
-    setSelected,
-    setSelectedReverse
+    allowSelectHover,
+    selectionCount,
+    selectAllValue,
+    getIsSelected,
+    hoverSelected,
+    toggleSelected,
+    selectAll,
+    resetSelection,
+    getQueryParams
   };
 };
 
-export { getPosition, isSelecionPage, isSelectedRange, useSelected };
+export { getPosition, useSelected };

package/dist/utils/utils.d.ts

@@ -14,6 +14,7 @@ export declare const numberFormatter: Pick<Intl.NumberFormat, "format">;
 export declare const isClientSide: boolean;
 export declare const genId: () => number;
 export declare const isId: (value: unknown) => value is number;
+export declare const isIdArray: (value: unknown) => value is number[];
 export declare const parseId: (value: unknown) => number;
 export declare const isPage: (value: unknown) => value is number;
 export declare const isIndex: (value: unknown) => value is number;
@@ -21,5 +22,9 @@ export declare const parseIndex: (value: unknown) => number;
 export declare const get: <FieldType, Data>(data: Data, path: keyof ObjectPaths<Data, FieldType>) => FieldType | undefined;
 export declare const set: <FieldType, Data>(data: Data, path: keyof ObjectPaths<Data, FieldType>, value: FieldType) => Data;
 export declare const getDefaultFieldConfigMap: <Fields extends ListFields<any, any>>(fields: Fields, visible: true extends IsTuple<Fields> ? GetFieldLabels<Fields>[] : string[]) => FieldConfigMap<Fields>;
+export declare enum ListMode {
+    TABLE = "table",
+    GRID = "grid"
+}
 export {};
 //# sourceMappingURL=utils.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAc,cAAc,EAAE,cAAc,EAAE,UAAU,EAAC,MAAM,yBAAyB,CAAA;AAYpG,eAAO,MAAM,eAAe,SAAU,OAAO,KAAG,OAAO,GAAG,IAKhD,CAAA;AAEV,eAAO,MAAM,mBAAmB,UAAW,OAAO,mBAAa,KAAK,CAAC,OAAO,CAa3E,CAAA;AAED,eAAO,MAAM,SAAS,WAAY,OAAO,WAAW,OAAO,KAAG,OAI7D,CAAA;AAGD,KAAK,UAAU,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAA;AAE1C,wBAAgB,QAAQ,CAAC,CAAC,SAAS,UAAU,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,SAAM,GAAG,CAAC,CAWpE;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS,UAAU,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,SAAM,GAAG,CAAC,CAYpE;AAED,eAAO,MAAM,UAAU,SAAU,OAAO,EAAE,QAAQ,OAAO,EAAE,KAAG,OAE7D,CAAA;AAED,eAAO,MAAM,UAAU,SAAU,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,QAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,YAAY,MAAM,EAAE,YAAY,MAAM,EAAE,KAAG,OAWjI,CAAA;AAQD,eAAO,MAAM,uBAAuB,mBAAmE,CAAA;AACvG,eAAO,MAAM,gBAAgB,mCAAsF,CAAA;AAEnH,eAAO,MAAM,sBAAsB,mBAAiD,CAAA;AACpF,eAAO,MAAM,eAAe,mCAAoE,CAAA;AAEhG,eAAO,MAAM,YAAY,EAAE,OAAuC,CAAA;AAIlE,eAAO,MAAM,KAAK,cAEjB,CAAA;AAED,eAAO,MAAM,IAAI,UAAW,OAAO,KAAG,KAAK,IAAI,MAE9C,CAAA;AAED,eAAO,MAAM,OAAO,UAAW,OAAO,KAAG,MAUxC,CAAA;AAED,eAAO,MAAM,MAAM,UAAW,OAAO,KAAG,KAAK,IAAI,MAAqB,CAAA;AAEtE,eAAO,MAAM,OAAO,UAAW,OAAO,KAAG,KAAK,IAAI,MAEjD,CAAA;AAED,eAAO,MAAM,UAAU,UAAW,OAAO,KAAG,MAU3C,CAAA;AAED,eAAO,MAAM,GAAG,GAAI,SAAS,EAAE,IAAI,QAAQ,IAAI,QAAQ,MAAM,WAAW,CAAC,IAAI,EAAE,SAAS,CAAC,KAAG,SAAS,GAAG,SAA2J,CAAA;AAEnQ,eAAO,MAAM,GAAG,GAAI,SAAS,EAAE,IAAI,QAAQ,IAAI,QAAQ,MAAM,WAAW,CAAC,IAAI,EAAE,SAAS,CAAC,SAAS,SAAS,KAAG,IAe7G,CAAA;AAGD,eAAO,MAAM,wBAAwB,GAAI,MAAM,SAAS,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,UAAU,MAAM,WAAW,IAAI,SAAS,OAAO,CAAC,MAAM,CAAC,GAAG,cAAc,CAAC,MAAM,CAAC,EAAE,GAAG,MAAM,EAAE,KAAG,cAAc,CAAC,MAAM,CAiBhM,CAAA"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAc,cAAc,EAAE,cAAc,EAAE,UAAU,EAAC,MAAM,yBAAyB,CAAA;AAYpG,eAAO,MAAM,eAAe,SAAU,OAAO,KAAG,OAAO,GAAG,IAKhD,CAAA;AAEV,eAAO,MAAM,mBAAmB,UAAW,OAAO,mBAAa,KAAK,CAAC,OAAO,CAa3E,CAAA;AAED,eAAO,MAAM,SAAS,WAAY,OAAO,WAAW,OAAO,KAAG,OAI7D,CAAA;AAGD,KAAK,UAAU,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAA;AAE1C,wBAAgB,QAAQ,CAAC,CAAC,SAAS,UAAU,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,SAAM,GAAG,CAAC,CAWpE;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS,UAAU,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,SAAM,GAAG,CAAC,CAYpE;AAED,eAAO,MAAM,UAAU,SAAU,OAAO,EAAE,QAAQ,OAAO,EAAE,KAAG,OAE7D,CAAA;AAED,eAAO,MAAM,UAAU,SAAU,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,QAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,YAAY,MAAM,EAAE,YAAY,MAAM,EAAE,KAAG,OAWjI,CAAA;AAQD,eAAO,MAAM,uBAAuB,mBAAmE,CAAA;AACvG,eAAO,MAAM,gBAAgB,mCAAsF,CAAA;AAEnH,eAAO,MAAM,sBAAsB,mBAAiD,CAAA;AACpF,eAAO,MAAM,eAAe,mCAAoE,CAAA;AAEhG,eAAO,MAAM,YAAY,EAAE,OAAuC,CAAA;AAIlE,eAAO,MAAM,KAAK,cAEjB,CAAA;AAED,eAAO,MAAM,IAAI,UAAW,OAAO,KAAG,KAAK,IAAI,MAE9C,CAAA;AAED,eAAO,MAAM,SAAS,UAAW,OAAO,KAAG,KAAK,IAAI,MAAM,EAEzD,CAAA;AAED,eAAO,MAAM,OAAO,UAAW,OAAO,KAAG,MAUxC,CAAA;AAED,eAAO,MAAM,MAAM,UAAW,OAAO,KAAG,KAAK,IAAI,MAAqB,CAAA;AAEtE,eAAO,MAAM,OAAO,UAAW,OAAO,KAAG,KAAK,IAAI,MAEjD,CAAA;AAED,eAAO,MAAM,UAAU,UAAW,OAAO,KAAG,MAU3C,CAAA;AAED,eAAO,MAAM,GAAG,GAAI,SAAS,EAAE,IAAI,QAAQ,IAAI,QAAQ,MAAM,WAAW,CAAC,IAAI,EAAE,SAAS,CAAC,KAAG,SAAS,GAAG,SAA2J,CAAA;AAEnQ,eAAO,MAAM,GAAG,GAAI,SAAS,EAAE,IAAI,QAAQ,IAAI,QAAQ,MAAM,WAAW,CAAC,IAAI,EAAE,SAAS,CAAC,SAAS,SAAS,KAAG,IAe7G,CAAA;AAGD,eAAO,MAAM,wBAAwB,GAAI,MAAM,SAAS,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,UAAU,MAAM,WAAW,IAAI,SAAS,OAAO,CAAC,MAAM,CAAC,GAAG,cAAc,CAAC,MAAM,CAAC,EAAE,GAAG,MAAM,EAAE,KAAG,cAAc,CAAC,MAAM,CAiBhM,CAAA;AAED,oBAAY,QAAQ;IAClB,KAAK,UAAU;IACf,IAAI,SAAS;CACd"}

package/dist/utils/utils.js

@@ -67,6 +67,9 @@ const genId = () => {
 const isId = (value) => {
   return typeof value === "number" && Number.isInteger(value) && value > 0;
 };
+const isIdArray = (value) => {
+  return Array.isArray(value) && value.every(isId);
+};
 const parseId = (value) => {
   if (typeof value === "number" && isId(value)) return value;
   if (typeof value !== "string") return NaN;
@@ -113,5 +116,10 @@ const getDefaultFieldConfigMap = (fields, visible) => {
   processFields(fields);
   return result;
 };
+var ListMode = /* @__PURE__ */ ((ListMode2) => {
+  ListMode2["TABLE"] = "table";
+  ListMode2["GRID"] = "grid";
+  return ListMode2;
+})(ListMode || {});
 
-export { debounce, genId, get, getAllScrollParents, getDefaultFieldConfigMap, getScrollParent, hasParent, isClientSide, isEqualArr, isEqualObj, isId, isIndex, isPage, numberCompactFormatter, numberFormatter, parseId, parseIndex, percentCompactFormatter, percentFormatter, set, throttle };
+export { ListMode, debounce, genId, get, getAllScrollParents, getDefaultFieldConfigMap, getScrollParent, hasParent, isClientSide, isEqualArr, isEqualObj, isId, isIdArray, isIndex, isPage, numberCompactFormatter, numberFormatter, parseId, parseIndex, percentCompactFormatter, percentFormatter, set, throttle };

package/eslint/plugin.js

@@ -35,6 +35,10 @@ plugin.configs.recommended = [
           name: 'eco-vue-js',
           message: 'Use import eco-vue-js/dist/',
         },
+        {
+          name: '@/main',
+          message: 'Import direcrlty',
+        },
       ],
     },
   },

package/package.json

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

package/tailwind-base/plugins/default.ts

@@ -121,8 +121,10 @@ const pluginDefault = plugin(function ({matchUtilities, addVariant, addUtilities
   addVariant('resizer', '&::-webkit-resizer')
   addVariant('last-not', '&:not(:last-child)')
   addVariant('first-not', '&:not(:first-child)')
-  addVariant('card', ['.w-card &', '&.w-card'])
-  addVariant('list', ['.w-list &', '&.w-list'])
+  addVariant('card', ['.w-card &'])
+  addVariant('card-l', ['&.w-card'])
+  addVariant('list', ['.w-list &'])
+  addVariant('list-l', ['&.w-list'])
 
   addBase({
     '.w-input': {
@@ -487,6 +489,7 @@ const pluginDefault = plugin(function ({matchUtilities, addVariant, addUtilities
       'w-skeleton-rounded': value => ({'--w-skeleton-rounded': value}),
       'w-ripple-rounded': value => ({'--w-ripple-rounded': value}),
       'w-list-rounded': value => ({'--w-list-rounded': value}),
+      'w-option-rounded': value => ({'--w-option-rounded': value}),
     },
     {
       values: theme('borderRadius'),

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

@@ -1,31 +0,0 @@
-declare function __VLS_template(): {
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    attrs: Partial<{}>;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{
-    selected?: boolean;
-    selectedBetween?: boolean;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "update:selected": (value: boolean) => any;
-    "update:selected-range": () => any;
-    "update:selected-range-hover": () => any;
-}, string, import('vue').PublicProps, Readonly<{
-    selected?: boolean;
-    selectedBetween?: boolean;
-}> & Readonly<{
-    "onUpdate:selected"?: ((value: boolean) => any) | undefined;
-    "onUpdate:selected-range"?: (() => any) | undefined;
-    "onUpdate:selected-range-hover"?: (() => any) | undefined;
-}>, {}, {}, {}, {}, 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 & {
-    new (): {
-        $slots: S;
-    };
-};
-//# sourceMappingURL=InfiniteListPageSelectItem.vue.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"InfiniteListPageSelectItem.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/components/InfiniteListPageSelectItem.vue"],"names":[],"mappings":"AA0EA,iBAAS,cAAc;;yBAyBM,GAAG;;;WASlB,OAAO,IAA6B;EAEjD;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;eAnFR,OAAO;sBACA,OAAO;;;;;;eADd,OAAO;sBACA,OAAO;;;;;kFA6FzB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1,30 +0,0 @@
-import { defineComponent, provide, toRef, onUnmounted, 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")
-    });
-    onUnmounted(() => {
-      if (props.selected) emit("update:selected", false);
-    });
-    return (_ctx, _cache) => {
-      return renderSlot(_ctx.$slots, "default");
-    };
-  }
-});
-
-export { _sfc_main as default };

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

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

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

@@ -1,27 +0,0 @@
-declare const _default: <Model extends number | string, Data extends DefaultData>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
-        readonly "onUpdate:selected"?: ((values: Model[]) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:selected"> & {
-        selected: Model[];
-        items: Data[];
-        disabled?: boolean;
-        tooltipTextPersisted?: boolean;
-        selectOnly?: boolean;
-        unselectOnly?: boolean;
-        reverse?: boolean;
-        valueGetter: (data: Data) => Model;
-    }> & import('vue').PublicProps;
-    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
-    attrs: any;
-    slots: {};
-    emit: (e: "update:selected", values: Model[]) => void;
-}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}> & {
-    __ctx?: Awaited<typeof __VLS_setup>;
-};
-export default _default;
-type __VLS_PrettifyLocal<T> = {
-    [K in keyof T]: T[K];
-} & {};
-//# sourceMappingURL=InfiniteListPageSelection.vue.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"InfiniteListPageSelection.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/components/InfiniteListPageSelection.vue"],"names":[],"mappings":"yBA4EiB,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,eAC1D,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAiKxD,mBAAmB,CAAC;;;kBA7JlB,KAAK,EAAE;eACV,IAAI,EAAE;mBACF,OAAO;+BACK,OAAO;qBACjB,OAAO;uBACL,OAAO;kBACZ,OAAO;qBACJ,CAAC,IAAI,EAAE,IAAI,KAAK,KAAK;KAsJmD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;cAnJP,iBAAiB,UAAU,KAAK,EAAE,KAAG,IAAI;;;;YAwJH,OAAO,CAAC,OAAO,WAAW,CAAC;;AA3KvE,wBA2K4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -1,66 +0,0 @@
-import { defineComponent, computed, createBlock, openBlock, withCtx, createTextVNode, toDisplayString } from 'vue';
-import _sfc_main$1 from '../../Checkbox/WCheckbox.vue.js';
-
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "InfiniteListPageSelection",
-  props: {
-    selected: {},
-    items: {},
-    disabled: { type: Boolean },
-    tooltipTextPersisted: { type: Boolean },
-    selectOnly: { type: Boolean },
-    unselectOnly: { type: Boolean },
-    reverse: { type: Boolean },
-    valueGetter: { type: Function }
-  },
-  emits: ["update:selected"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const models = computed(() => props.items.map((item) => props.valueGetter(item)));
-    const selectedItems = computed(() => models.value.filter((item) => props.selected.includes(item)));
-    const hasSelected = computed(() => selectedItems.value.length !== 0);
-    const chekboxValue = computed(() => {
-      if (props.selectOnly) return false;
-      if (props.unselectOnly) return true;
-      if (selectedItems.value.length === props.items.length) {
-        return hasSelected.value;
-      } else {
-        return hasSelected.value ? null : false;
-      }
-    });
-    const chekboxValueReversed = computed(() => props.disabled ? false : chekboxValue.value === null ? null : props.reverse ? !chekboxValue.value : chekboxValue.value);
-    const tooltipText = computed(() => `${chekboxValueReversed.value === true ? "Unselect" : "Select"} page (${props.items.length} item${props.items.length === 1 ? "" : "s"})`);
-    const selectOrUnselect = (isSelect) => {
-      if (props.reverse ? !isSelect : isSelect) {
-        emit("update:selected", [...props.selected, ...models.value].filter((item, index, arr) => arr.indexOf(item) === index));
-      } else {
-        emit("update:selected", props.selected.filter((item) => !models.value.includes(item)));
-      }
-    };
-    return (_ctx, _cache) => {
-      return _ctx.tooltipTextPersisted ? (openBlock(), createBlock(_sfc_main$1, {
-        key: 0,
-        "model-value": chekboxValueReversed.value,
-        disabled: _ctx.disabled,
-        intermediate: "",
-        class: "w-full",
-        "onUpdate:modelValue": selectOrUnselect
-      }, {
-        default: withCtx(() => [
-          createTextVNode(toDisplayString(tooltipText.value), 1)
-        ]),
-        _: 1
-      }, 8, ["model-value", "disabled"])) : (openBlock(), createBlock(_sfc_main$1, {
-        key: 1,
-        "model-value": chekboxValueReversed.value,
-        disabled: _ctx.disabled,
-        "tooltip-text": tooltipText.value,
-        intermediate: "",
-        "onUpdate:modelValue": selectOrUnselect
-      }, null, 8, ["model-value", "disabled", "tooltip-text"]));
-    };
-  }
-});
-
-export { _sfc_main as default };

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

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

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

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

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

@@ -1 +0,0 @@
-{"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,EAAuC,YAAY,CAAC;IACrF,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IAC1B,gBAAgB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IAC/B,gBAAgB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IAC/B,aAAa,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAE3B,aAAa,CAAC,IAAI,IAAI,CAAA;CACvB,CAAC,CAAA;AAEF,eAAO,MAAM,0BAA0B,EAA2C,YAAY,CAAC;IAC7F,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IACvB,eAAe,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IAE9B,cAAc,CAAC,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;IACrC,mBAAmB,CAAC,IAAI,IAAI,CAAA;IAC5B,wBAAwB,CAAC,IAAI,IAAI,CAAA;CAClC,CAAC,CAAA"}

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

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

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

@@ -1,14 +0,0 @@
-import { 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

@@ -1 +0,0 @@
-{"version":3,"file":"useSelected.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/use/useSelected.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,GAAG,EAAwC,MAAM,KAAK,CAAA;AA6BnE,eAAO,MAAM,WAAW,GAAI,KAAK,SACxB,GAAG,CAAC,MAAM,GAAG,SAAS,CAAC,cAClB,GAAG,CAAC,MAAM,CAAC,YACb,GAAG,CAAC,KAAK,EAAE,CAAC,WACb,GAAG,CAAC,OAAO,CAAC,iBACN,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC,UAE5C,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,IAAI,iBACjB,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,IAAI,eAC1B,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,KAAK,IAAI;8BAqBjB,YAAY,CAAC,KAAK,CAAC;wBA4CzB,KAAK;+BAYE,KAAK,QAAQ,MAAM,SAAS,MAAM;2BAhBtC,YAAY,CAAC,KAAK,CAAC;;;+BAsCf,YAAY,CAAC,KAAK,CAAC,GAAG,IAAI;yBAIhC,KAAK,SAAS,OAAO,KAAG,IAAI;;;CA4EzD,CAAA"}