eco-vue-js 0.10.6 → 0.10.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. package/dist/components/InfiniteList/WInfiniteList.vue.d.ts +2 -0
  2. package/dist/components/InfiniteList/WInfiniteList.vue.d.ts.map +1 -1
  3. package/dist/components/InfiniteList/WInfiniteList.vue.js +2 -2
  4. package/dist/components/InfiniteList/WInfiniteListWrapper.vue.d.ts +3 -1
  5. package/dist/components/InfiniteList/WInfiniteListWrapper.vue.d.ts.map +1 -1
  6. package/dist/components/InfiniteList/WInfiniteListWrapper.vue.js +5 -4
  7. package/dist/components/List/WList.vue.d.ts +1 -2
  8. package/dist/components/List/WList.vue.d.ts.map +1 -1
  9. package/dist/components/List/WList.vue.js +50 -42
  10. package/dist/components/List/WListCard.vue.d.ts +0 -2
  11. package/dist/components/List/WListCard.vue.d.ts.map +1 -1
  12. package/dist/components/List/WListCard.vue.js +4 -5
  13. package/dist/components/List/WListHeader.vue.d.ts +2 -0
  14. package/dist/components/List/WListHeader.vue.d.ts.map +1 -1
  15. package/dist/components/List/WListHeader.vue.js +10 -3
  16. package/dist/components/List/components/HeaderSettings.vue.js +1 -1
  17. package/dist/utils/useSelected.d.ts +2 -2
  18. package/dist/utils/useSelected.d.ts.map +1 -1
  19. package/dist/utils/useSelected.js +16 -11
  20. package/package.json +1 -1
package/dist/components/InfiniteList/WInfiniteList.vue.d.ts CHANGED
@@ -50,6 +50,7 @@ declare const _default: <Model extends number | string, Data extends DefaultData
50
50
  }) => void;
51
51
  header?: (props: {
52
52
  goto: (page: number, itemIndex?: number) => void;
53
+ updateHeaderHeight: () => void;
53
54
  }) => void;
54
55
  }> & {
55
56
  default?: (props: {
@@ -69,6 +70,7 @@ declare const _default: <Model extends number | string, Data extends DefaultData
69
70
  }) => void;
70
71
  header?: (props: {
71
72
  goto: (page: number, itemIndex?: number) => void;
73
+ updateHeaderHeight: () => void;
72
74
  }) => void;
73
75
  };
74
76
  emit: {
package/dist/components/InfiniteList/WInfiniteList.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"WInfiniteList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/InfiniteList/WInfiniteList.vue"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"WInfiniteList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/InfiniteList/WInfiniteList.vue"],"names":[],"mappings":"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"}
package/dist/components/InfiniteList/WInfiniteList.vue.js CHANGED
@@ -44,8 +44,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
44
44
  "scrolling-element": _ctx.scrollingElement,
45
45
  "init-is-intersecting": props.queryParams instanceof Object && "page" in props.queryParams && Number.isInteger(props.queryParams.page) && props.queryParams.page > 1 ? false : void 0
46
46
  }, {
47
- header: withCtx(() => [
48
- renderSlot(_ctx.$slots, "header", normalizeProps(guardReactiveProps({ goto })))
47
+ header: withCtx((headerScope) => [
48
+ renderSlot(_ctx.$slots, "header", normalizeProps(guardReactiveProps({ goto, ...headerScope ?? {} })))
49
49
  ]),
50
50
  default: withCtx((defaultScope) => [
51
51
  createVNode(_sfc_main$3, {
package/dist/components/InfiniteList/WInfiniteListWrapper.vue.d.ts CHANGED
@@ -1,6 +1,8 @@
1
1
  declare function __VLS_template(): {
2
2
  slots: {
3
- header?(_: {}): any;
3
+ header?(_: {
4
+ updateHeaderHeight: () => void;
5
+ }): any;
4
6
  default?(_: {
5
7
  headerTop: number;
6
8
  headerHeight: number;
package/dist/components/InfiniteList/WInfiniteListWrapper.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"WInfiniteListWrapper.vue.d.ts","sourceRoot":"","sources":["../../../src/components/InfiniteList/WInfiniteListWrapper.vue"],"names":[],"mappings":"AAqFA,iBAAS,cAAc;;wBAwCK,GAAG;;;;YACF,GAAG;;;;;;WAWlB,OAAO,IAA6B;EAEjD;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;uBA/FA,OAAO,GAAG,IAAI;yBACZ,OAAO;;uBADT,OAAO,GAAG,IAAI;yBACZ,OAAO;iGAoG5B,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"}
1
+ {"version":3,"file":"WInfiniteListWrapper.vue.d.ts","sourceRoot":"","sources":["../../../src/components/InfiniteList/WInfiniteListWrapper.vue"],"names":[],"mappings":"AA4FA,iBAAS,cAAc;;;;YAwCK,GAAG;;;;YACF,GAAG;;;;;;WAWlB,OAAO,IAA6B;EAEjD;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;uBAlGA,OAAO,GAAG,IAAI;yBACZ,OAAO;;uBADT,OAAO,GAAG,IAAI;yBACZ,OAAO;iGAuG5B,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/WInfiniteListWrapper.vue.js CHANGED
@@ -12,14 +12,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
12
12
  const props = __props;
13
13
  const { updateHeaderPadding } = useHeaderPadding();
14
14
  const { indicator, header, headerTop, headerHeight, isIntersecting, updateHeader } = useInfiniteListHeader(props.scrollingElement, props.initIsIntersecting);
15
- watch(isIntersecting, (value) => {
16
- if (!value && headerHeight.value) {
15
+ const updateHeaderHeight = () => {
16
+ if (!isIntersecting.value && headerHeight.value) {
17
17
  updateHeader();
18
18
  updateHeaderPadding(headerHeight.value);
19
19
  } else {
20
20
  updateHeaderPadding(0);
21
21
  }
22
- });
22
+ };
23
+ watch(isIntersecting, updateHeaderHeight);
23
24
  onBeforeUnmount(() => {
24
25
  updateHeaderPadding(0);
25
26
  });
@@ -37,7 +38,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
37
38
  "z-[2]": unref(isIntersecting)
38
39
  }])
39
40
  }, [
40
- renderSlot(_ctx.$slots, "header")
41
+ renderSlot(_ctx.$slots, "header", normalizeProps(guardReactiveProps({ updateHeaderHeight })))
41
42
  ], 2),
42
43
  renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({ headerTop: unref(headerTop), headerHeight: unref(headerHeight) })))
43
44
  ], 64);
package/dist/components/List/WList.vue.d.ts CHANGED
@@ -19,7 +19,7 @@ declare const _default: <Data extends DefaultData, QueryParams, Fields extends L
19
19
  selectionTitle: string;
20
20
  bulk?: BulkComponent<QueryParams>[];
21
21
  bulkMore?: BulkComponent<QueryParams>[];
22
- menu: MenuComponent<Data>[];
22
+ menu?: MenuComponent<Data>[];
23
23
  readonlyGetter?: (item: Data) => boolean;
24
24
  cardClass?: string;
25
25
  cardWrapperClass?: string;
@@ -34,7 +34,6 @@ declare const _default: <Data extends DefaultData, QueryParams, Fields extends L
34
34
  noOrdering?: boolean;
35
35
  formNameGetter?: (data: Data) => string | undefined;
36
36
  groupBy?: (a: Data, b: Data) => boolean;
37
- hideMore?: boolean;
38
37
  cardColumns: CardColumns;
39
38
  cardAreas: CardAreas<Fields, CardColumns["length"]>;
40
39
  cardTo?: (item: Data) => LinkProps["to"];
package/dist/components/List/WList.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"WList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/List/WList.vue"],"names":[],"mappings":"AAiXA,OAAO,KAAK,EAAC,aAAa,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAE,OAAO,EAAE,UAAU,EAAE,aAAa,EAAC,MAAM,SAAS,CAAA;AACzH,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAC5C,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAA;AAWzC,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAA;yBAYrB,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC,EAAE,WAAW,SAAS,SAAS,OAAO,EAAE,eAC9H,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;WA+pBxD,mBAAmB,CAAC;;;;;;gBA3pBpB,MAAM;gBACN,MAAM;oBACF,cAAc,CAAC,IAAI,CAAC;oBACpB,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC;qBACnC,WAAW;uBACT,OAAO,CAAC,YAAY,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC;6BACxC,MAAM;wBACX,MAAM;eACf,aAAa,CAAC,WAAW,CAAC,EAAE;mBACxB,aAAa,CAAC,WAAW,CAAC,EAAE;cACjC,aAAa,CAAC,IAAI,CAAC,EAAE;yBACV,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO;oBAC5B,MAAM;2BACC,MAAM;6BACJ,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM;oBACvD,OAAO;mBACR,MAAM;0BACC,cAAc,CAAC,MAAM,CAAC;sBAC1B,QAAQ;mBACX,OAAO;sBACJ,OAAO;mBACV,OAAO;qBACL,OAAO;yBACH,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,GAAG,SAAS;kBACzC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,KAAK,OAAO;mBAC5B,OAAO;qBACL,WAAW;mBACb,SAAS,CAAC,MAAM,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;iBAC1C,CAAC,IAAI,EAAE,IAAI,KAAK,SAAS,CAAC,IAAI,CAAC;KA+nB6C,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;YA9De,GAAG;;;;;YACH,GAAG;;cA/jBzB,cAAc,SAAS,QAAQ,KAAG,IAAI;;;;YAioBA,OAAO,CAAC,OAAO,WAAW,CAAC;;AAzqBvE,wBAyqB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
1
+ {"version":3,"file":"WList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/List/WList.vue"],"names":[],"mappings":"AAwXA,OAAO,KAAK,EAAC,aAAa,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAE,OAAO,EAAE,UAAU,EAAE,aAAa,EAAC,MAAM,SAAS,CAAA;AACzH,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAC5C,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAA;AAWzC,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAA;yBAYrB,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC,EAAE,WAAW,SAAS,SAAS,OAAO,EAAE,eAC9H,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;WAirBxD,mBAAmB,CAAC;;;;;;gBA7qBpB,MAAM;gBACN,MAAM;oBACF,cAAc,CAAC,IAAI,CAAC;oBACpB,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC;qBACnC,WAAW;uBACT,OAAO,CAAC,YAAY,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC;6BACxC,MAAM;wBACX,MAAM;eACf,aAAa,CAAC,WAAW,CAAC,EAAE;mBACxB,aAAa,CAAC,WAAW,CAAC,EAAE;eAChC,aAAa,CAAC,IAAI,CAAC,EAAE;yBACX,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO;oBAC5B,MAAM;2BACC,MAAM;6BACJ,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM;oBACvD,OAAO;mBACR,MAAM;0BACC,cAAc,CAAC,MAAM,CAAC;sBAC1B,QAAQ;mBACX,OAAO;sBACJ,OAAO;mBACV,OAAO;qBACL,OAAO;yBACH,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,GAAG,SAAS;kBACzC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,KAAK,OAAO;qBAC1B,WAAW;mBACb,SAAS,CAAC,MAAM,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;iBAC1C,CAAC,IAAI,EAAE,IAAI,KAAK,SAAS,CAAC,IAAI,CAAC;KAkpB6C,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;YA9De,GAAG;;;;;YACH,GAAG;;cAllBzB,cAAc,SAAS,QAAQ,KAAG,IAAI;;;;YAopBA,OAAO,CAAC,OAAO,WAAW,CAAC;;AA3rBvE,wBA2rB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
package/dist/components/List/WList.vue.js CHANGED
@@ -1,4 +1,4 @@
1
- import { defineComponent, ref, computed, toRef, createElementBlock, openBlock, normalizeClass, unref, createVNode, normalizeStyle, withCtx, renderSlot, createCommentVNode, createSlots, Fragment, renderList, createBlock, resolveDynamicComponent, createElementVNode, isRef } from 'vue';
1
+ import { defineComponent, ref, computed, toRef, createElementBlock, openBlock, normalizeClass, unref, createVNode, normalizeStyle, withCtx, renderSlot, createCommentVNode, createSlots, createBlock, resolveDynamicComponent, Fragment, renderList, createElementVNode, isRef } from 'vue';
2
2
  import _sfc_main$4 from '../Button/WButtonSelection.vue.js';
3
3
  import _sfc_main$1 from '../InfiniteList/WInfiniteList.vue.js';
4
4
  import { useIsMobile } from '../../utils/mobile.js';
@@ -43,7 +43,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
43
43
  noOrdering: { type: Boolean },
44
44
  formNameGetter: { type: Function },
45
45
  groupBy: { type: Function },
46
- hideMore: { type: Boolean },
47
46
  cardColumns: {},
48
47
  cardAreas: {},
49
48
  cardTo: { type: Function }
@@ -75,6 +74,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
75
74
  });
76
75
  const allowSelect = computed(() => props.bulk !== void 0);
77
76
  const allowOpen = computed(() => props.expansion !== void 0);
77
+ const disableSelect = computed(() => !allowSelect.value);
78
78
  const {
79
79
  allowSelectHover,
80
80
  selectionCount,
@@ -85,7 +85,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
85
85
  resetSelection,
86
86
  selectAll,
87
87
  getQueryParams
88
- } = useSelected(toRef(props, "count"));
88
+ } = useSelected(toRef(props, "count"), disableSelect);
89
89
  const ordering = computed(() => {
90
90
  if (props.queryParams instanceof Object && "ordering" in props.queryParams && typeof props.queryParams.ordering === "string") {
91
91
  return parseOrdering(props.queryParams.ordering);
@@ -130,7 +130,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
130
130
  "onUpdate:count": _cache[2] || (_cache[2] = ($event) => listCount.value = $event),
131
131
  "onUpdate:error": _cache[3] || (_cache[3] = ($event) => _ctx.$emit("update:error", $event))
132
132
  }, {
133
- header: withCtx(() => [
133
+ header: withCtx(({ updateHeaderHeight }) => [
134
134
  renderSlot(_ctx.$slots, "header", { count: listCount.value }),
135
135
  createVNode(_sfc_main$4, {
136
136
  title: _ctx.selectionTitle,
@@ -139,18 +139,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
139
139
  class: "z-[2]",
140
140
  "onClear:selection": unref(resetSelection)
141
141
  }, createSlots({
142
- default: withCtx(({ disableMessage, cssClass }) => [
143
- (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.bulk, (item, index) => {
144
- return openBlock(), createBlock(resolveDynamicComponent(item), {
145
- key: index,
146
- "selection-count": unref(selectionCount),
147
- "query-params-getter": getQueryParamsBulk,
148
- "disable-message": disableMessage,
149
- class: normalizeClass(cssClass),
150
- "onClear:selected": unref(resetSelection)
151
- }, null, 40, ["selection-count", "disable-message", "class", "onClear:selected"]);
152
- }), 128))
153
- ]),
154
142
  settings: withCtx(() => [
155
143
  createElementVNode("div", _hoisted_1, [
156
144
  !_ctx.noOrdering ? (openBlock(), createBlock(_sfc_main$5, {
@@ -175,7 +163,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
175
163
  ]),
176
164
  _: 2
177
165
  }, [
178
- _ctx.bulkMore ? {
166
+ _ctx.bulk ? {
167
+ name: "default",
168
+ fn: withCtx(({ disableMessage, cssClass }) => [
169
+ (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.bulk, (item, index) => {
170
+ return openBlock(), createBlock(resolveDynamicComponent(item), {
171
+ key: index,
172
+ "selection-count": unref(selectionCount),
173
+ "query-params-getter": getQueryParamsBulk,
174
+ "disable-message": disableMessage,
175
+ class: normalizeClass(cssClass),
176
+ "onClear:selected": unref(resetSelection)
177
+ }, null, 40, ["selection-count", "disable-message", "class", "onClear:selected"]);
178
+ }), 128))
179
+ ]),
180
+ key: "0"
181
+ } : void 0,
182
+ _ctx.bulk && _ctx.bulkMore ? {
179
183
  name: "more",
180
184
  fn: withCtx((scope) => [
181
185
  (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.bulkMore, (item, index) => {
@@ -189,7 +193,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
189
193
  }, null, 40, ["selection-count", "disable-message", "class", "onClear:selected"]);
190
194
  }), 128))
191
195
  ]),
192
- key: "0"
196
+ key: "1"
193
197
  } : void 0
194
198
  ]), 1032, ["title", "disable-message", "selected-count", "onClear:selection"]),
195
199
  !unref(isGrid) ? (openBlock(), createBlock(_sfc_main$7, {
@@ -200,7 +204,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
200
204
  "tooltip-text": _ctx.selectAllTextGetter(unref(selectAllValue) !== true, _ctx.count ?? listCount.value ?? 0),
201
205
  count: _ctx.count ?? listCount.value,
202
206
  selection: unref(selectAllValue),
203
- "onToggle:selection": _cache[1] || (_cache[1] = ($event) => $event ? unref(selectAll)() : unref(resetSelection)())
207
+ "onToggle:selection": _cache[1] || (_cache[1] = ($event) => $event ? unref(selectAll)() : unref(resetSelection)()),
208
+ "onUpdate:header": updateHeaderHeight
204
209
  }, {
205
210
  default: withCtx(() => [
206
211
  createVNode(_sfc_main$8, { fields: fieldsFiltered.value }, {
@@ -221,8 +226,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
221
226
  _: 1
222
227
  }, 8, ["fields"])
223
228
  ]),
224
- _: 1
225
- }, 8, ["query-params", "allow-select", "tooltip-text", "count", "selection"])) : createCommentVNode("", true)
229
+ _: 2
230
+ }, 1032, ["query-params", "allow-select", "tooltip-text", "count", "selection", "onUpdate:header"])) : createCommentVNode("", true)
226
231
  ]),
227
232
  default: withCtx(({ item, skeleton, setter, refetch, previous, index, position, value }) => [
228
233
  _ctx.groupBy && (index === 0 || !skeleton && (!previous || !_ctx.groupBy(item, previous))) ? renderSlot(_ctx.$slots, "group", {
@@ -240,7 +245,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
240
245
  "has-border": _ctx.hasBorder,
241
246
  "allow-open": allowOpen.value && !skeleton,
242
247
  "align-top": _ctx.alignTop,
243
- "hide-more": _ctx.hideMore,
244
248
  "form-name": !skeleton ? _ctx.formNameGetter?.(item) : void 0,
245
249
  card: unref(isGrid),
246
250
  to: _ctx.cardTo?.(item),
@@ -281,25 +285,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
281
285
  _: 2
282
286
  }, 1032, ["fields", "item", "skeleton", "card"])
283
287
  ]),
284
- more: withCtx(() => [
285
- (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menu, (menuItem, menuIndex) => {
286
- return openBlock(), createBlock(resolveDynamicComponent(menuItem), {
287
- key: menuIndex,
288
- item,
289
- readonly: _ctx.readonly || (_ctx.readonlyGetter?.(item) ?? false),
290
- "update-item": setter,
291
- "delete-item": () => {
292
- setter();
293
- refetch();
294
- },
295
- "onUpdate:item": setter,
296
- "onDelete:item": ($event) => {
297
- setter();
298
- refetch();
299
- }
300
- }, null, 40, ["item", "readonly", "update-item", "delete-item", "onUpdate:item", "onDelete:item"]);
301
- }), 128))
302
- ]),
303
288
  _: 2
304
289
  }, [
305
290
  _ctx.expansion ? {
@@ -318,8 +303,31 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
318
303
  }, null, 40, ["item", "readonly", "skeleton", "card", "onUpdate:item", "onDelete:item"]))
319
304
  ]),
320
305
  key: "0"
306
+ } : void 0,
307
+ _ctx.menu ? {
308
+ name: "more",
309
+ fn: withCtx(() => [
310
+ (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menu, (menuItem, menuIndex) => {
311
+ return openBlock(), createBlock(resolveDynamicComponent(menuItem), {
312
+ key: menuIndex,
313
+ item,
314
+ readonly: _ctx.readonly || (_ctx.readonlyGetter?.(item) ?? false),
315
+ "update-item": setter,
316
+ "delete-item": () => {
317
+ setter();
318
+ refetch();
319
+ },
320
+ "onUpdate:item": setter,
321
+ "onDelete:item": ($event) => {
322
+ setter();
323
+ refetch();
324
+ }
325
+ }, null, 40, ["item", "readonly", "update-item", "delete-item", "onUpdate:item", "onDelete:item"]);
326
+ }), 128))
327
+ ]),
328
+ key: "1"
321
329
  } : void 0
322
- ]), 1032, ["disabled", "disable-more", "mobile", "card-class", "card-wrapper-class", "has-border", "allow-open", "align-top", "hide-more", "form-name", "card", "to", "selected", "allow-select", "allow-select-hover", "onToggle:selected", "onHover:selected"])
330
+ ]), 1032, ["disabled", "disable-more", "mobile", "card-class", "card-wrapper-class", "has-border", "allow-open", "align-top", "form-name", "card", "to", "selected", "allow-select", "allow-select-hover", "onToggle:selected", "onHover:selected"])
323
331
  ]),
324
332
  _: 3
325
333
  }, 8, ["use-query-fn", "query-params", "query-options", "skeleton-length", "page-length", "count", "page-class", "style", "class"])
package/dist/components/List/WListCard.vue.d.ts CHANGED
@@ -18,7 +18,6 @@ declare function __VLS_template(): {
18
18
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
19
19
  declare const __VLS_component: import('vue').DefineComponent<{
20
20
  disabled: boolean | undefined;
21
- hideMore: boolean | undefined;
22
21
  mobile: boolean | undefined;
23
22
  alignTop: boolean | undefined;
24
23
  hasBorder: boolean | undefined;
@@ -37,7 +36,6 @@ declare const __VLS_component: import('vue').DefineComponent<{
37
36
  "hover:selected": () => any;
38
37
  }, string, import('vue').PublicProps, Readonly<{
39
38
  disabled: boolean | undefined;
40
- hideMore: boolean | undefined;
41
39
  mobile: boolean | undefined;
42
40
  alignTop: boolean | undefined;
43
41
  hasBorder: boolean | undefined;
package/dist/components/List/WListCard.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"WListCard.vue.d.ts","sourceRoot":"","sources":["../../../src/components/List/WListCard.vue"],"names":[],"mappings":"AA+OA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AA+D5C,iBAAS,cAAc;;;;;;YAwZO,GAAG;sBACN,GAAG;sBACH,GAAG;2BACE,GAAG;;;;;WAUrB,OAAO,IAA6B;EAEjD;AA2BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;cA/eT,OAAO,GAAG,SAAS;cACnB,OAAO,GAAG,SAAS;YACrB,OAAO,GAAG,SAAS;cACjB,OAAO,GAAG,SAAS;eAClB,OAAO,GAAG,SAAS;eACnB,MAAM,GAAG,SAAS;sBACX,MAAM,GAAG,SAAS;eACzB,OAAO,GAAG,SAAS;iBACjB,OAAO,GAAG,SAAS;cACtB,MAAM,GAAG,SAAS;UACtB,OAAO;QACT,SAAS,CAAC,IAAI,CAAC,GAAG,SAAS;cAErB,OAAO;iBACJ,OAAO;sBACF,OAAO;;;;;cAff,OAAO,GAAG,SAAS;cACnB,OAAO,GAAG,SAAS;YACrB,OAAO,GAAG,SAAS;cACjB,OAAO,GAAG,SAAS;eAClB,OAAO,GAAG,SAAS;eACnB,MAAM,GAAG,SAAS;sBACX,MAAM,GAAG,SAAS;eACzB,OAAO,GAAG,SAAS;iBACjB,OAAO,GAAG,SAAS;cACtB,MAAM,GAAG,SAAS;UACtB,OAAO;QACT,SAAS,CAAC,IAAI,CAAC,GAAG,SAAS;cAErB,OAAO;iBACJ,OAAO;sBACF,OAAO;;;;kFA0ezB,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"}
1
+ {"version":3,"file":"WListCard.vue.d.ts","sourceRoot":"","sources":["../../../src/components/List/WListCard.vue"],"names":[],"mappings":"AA8OA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AA8D5C,iBAAS,cAAc;;;;;;YAwZO,GAAG;sBACN,GAAG;sBACH,GAAG;2BACE,GAAG;;;;;WAUrB,OAAO,IAA6B;EAEjD;AA2BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;cA9eT,OAAO,GAAG,SAAS;YACrB,OAAO,GAAG,SAAS;cACjB,OAAO,GAAG,SAAS;eAClB,OAAO,GAAG,SAAS;eACnB,MAAM,GAAG,SAAS;sBACX,MAAM,GAAG,SAAS;eACzB,OAAO,GAAG,SAAS;iBACjB,OAAO,GAAG,SAAS;cACtB,MAAM,GAAG,SAAS;UACtB,OAAO;QACT,SAAS,CAAC,IAAI,CAAC,GAAG,SAAS;cAErB,OAAO;iBACJ,OAAO;sBACF,OAAO;;;;;cAdf,OAAO,GAAG,SAAS;YACrB,OAAO,GAAG,SAAS;cACjB,OAAO,GAAG,SAAS;eAClB,OAAO,GAAG,SAAS;eACnB,MAAM,GAAG,SAAS;sBACX,MAAM,GAAG,SAAS;eACzB,OAAO,GAAG,SAAS;iBACjB,OAAO,GAAG,SAAS;cACtB,MAAM,GAAG,SAAS;UACtB,OAAO;QACT,SAAS,CAAC,IAAI,CAAC,GAAG,SAAS;cAErB,OAAO;iBACJ,OAAO;sBACF,OAAO;;;;kFA0ezB,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/List/WListCard.vue.js CHANGED
@@ -29,7 +29,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
29
29
  __name: "WListCard",
30
30
  props: {
31
31
  disabled: { type: Boolean },
32
- hideMore: { type: Boolean },
33
32
  mobile: { type: Boolean },
34
33
  alignTop: { type: Boolean },
35
34
  hasBorder: { type: Boolean },
@@ -137,7 +136,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
137
136
  _ctx.allowSelectHover ? { tag: "button", card: _ctx.card, onClick: () => _ctx.$emit("toggle:selected") } : _ctx.to ? { tag: markRaw(unref(RouterLink)), card: _ctx.card, class: "z-[-1]", props: { to: _ctx.to } } : { tag: "button", card: _ctx.card, class: "z-[-1]", onClick: toggle }
138
137
  )), null, 16)) : createCommentVNode("", true),
139
138
  _ctx.selected ? (openBlock(), createElementBlock("div", _hoisted_3)) : createCommentVNode("", true),
140
- _ctx.card ? (openBlock(), createBlock(_sfc_main$4, {
139
+ _ctx.card && _ctx.$slots.more ? (openBlock(), createBlock(_sfc_main$4, {
141
140
  key: 3,
142
141
  class: "-mr-4 flex items-center px-4",
143
142
  disabled: _ctx.disabled || _ctx.disableMore,
@@ -160,8 +159,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
160
159
  !_ctx.card ? (openBlock(), createElementBlock("div", {
161
160
  key: 1,
162
161
  class: normalizeClass(["right-inner bg-default dark:bg-default-dark sticky z-[1]", {
163
- "width-14": !_ctx.hideMore,
164
- "width-4": _ctx.hideMore
162
+ "width-14": _ctx.$slots.more,
163
+ "width-4": !_ctx.$slots.more
165
164
  }])
166
165
  }, [
167
166
  _cache[4] || (_cache[4] = createElementVNode("div", { class: "bg-default dark:bg-default-dark absolute left-full top-0 z-[-1] h-full w-[calc(var(--actions-bar-width)+var(--inner-margin))]" }, null, -1)),
@@ -175,7 +174,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
175
174
  "w-ripple-has-only w-ripple-hover w-ripple-opacity-[0.04]": isActionShown.value
176
175
  }])
177
176
  }, [
178
- !_ctx.hideMore ? (openBlock(), createBlock(_sfc_main$4, {
177
+ _ctx.$slots.more ? (openBlock(), createBlock(_sfc_main$4, {
179
178
  key: 0,
180
179
  class: normalizeClass(["flex h-full px-4", {
181
180
  "items-start pt-3": _ctx.alignTop,
package/dist/components/List/WListHeader.vue.d.ts CHANGED
@@ -16,6 +16,7 @@ declare const __VLS_component: import('vue').DefineComponent<{
16
16
  tooltipText: string;
17
17
  }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
18
18
  "toggle:selection": (value: boolean) => any;
19
+ "update:header": () => any;
19
20
  }, string, import('vue').PublicProps, Readonly<{
20
21
  allowSelect?: boolean;
21
22
  hideMore?: boolean;
@@ -25,6 +26,7 @@ declare const __VLS_component: import('vue').DefineComponent<{
25
26
  tooltipText: string;
26
27
  }> & Readonly<{
27
28
  "onToggle:selection"?: ((value: boolean) => any) | undefined;
29
+ "onUpdate:header"?: (() => any) | undefined;
28
30
  }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
29
31
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
30
32
  export default _default;
package/dist/components/List/WListHeader.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"WListHeader.vue.d.ts","sourceRoot":"","sources":["../../../src/components/List/WListHeader.vue"],"names":[],"mappings":"AAsFA,iBAAS,cAAc;;yBAqIM,GAAG;0BACF,GAAG;;;WASnB,OAAO,IAA6B;EAEjD;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;kBAlLL,OAAO;eACV,OAAO;eACP,OAAO;YACV,MAAM;gBACF,OAAO,GAAG,IAAI;iBACb,MAAM;;;;kBALL,OAAO;eACV,OAAO;eACP,OAAO;YACV,MAAM;gBACF,OAAO,GAAG,IAAI;iBACb,MAAM;;;kFAsLnB,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"}
1
+ {"version":3,"file":"WListHeader.vue.d.ts","sourceRoot":"","sources":["../../../src/components/List/WListHeader.vue"],"names":[],"mappings":"AA6GA,iBAAS,cAAc;;yBAqIM,GAAG;0BACF,GAAG;;;WASnB,OAAO,IAA6B;EAEjD;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;kBA7LL,OAAO;eACV,OAAO;eACP,OAAO;YACV,MAAM;gBACF,OAAO,GAAG,IAAI;iBACb,MAAM;;;;;kBALL,OAAO;eACV,OAAO;eACP,OAAO;YACV,MAAM;gBACF,OAAO,GAAG,IAAI;iBACb,MAAM;;;;kFAkMnB,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/List/WListHeader.vue.js CHANGED
@@ -1,4 +1,4 @@
1
- import { defineComponent, createElementBlock, openBlock, createElementVNode, normalizeClass, createBlock, createCommentVNode, renderSlot } from 'vue';
1
+ import { defineComponent, onMounted, onUnmounted, createElementBlock, openBlock, createElementVNode, normalizeClass, createBlock, createCommentVNode, renderSlot } from 'vue';
2
2
  import _sfc_main$1 from '../Checkbox/WCheckbox.vue.js';
3
3
 
4
4
  const _hoisted_1 = { class: "flex h-12" };
@@ -15,8 +15,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
15
15
  selection: { type: [Boolean, null] },
16
16
  tooltipText: {}
17
17
  },
18
- emits: ["toggle:selection"],
19
- setup(__props) {
18
+ emits: ["toggle:selection", "update:header"],
19
+ setup(__props, { emit: __emit }) {
20
+ const emit = __emit;
21
+ onMounted(() => {
22
+ emit("update:header");
23
+ });
24
+ onUnmounted(() => {
25
+ emit("update:header");
26
+ });
20
27
  return (_ctx, _cache) => {
21
28
  return openBlock(), createElementBlock("div", _hoisted_1, [
22
29
  createElementVNode("div", _hoisted_2, [
package/dist/components/List/components/HeaderSettings.vue.js CHANGED
@@ -84,7 +84,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
84
84
  return (_ctx, _cache) => {
85
85
  return openBlock(), createBlock(_sfc_main$1, {
86
86
  "is-open": isOpen.value,
87
- "max-width": 300,
87
+ "max-width": 400,
88
88
  "max-height": 300,
89
89
  "horizontal-align": unref(HorizontalAlign).RIGHT_INNER
90
90
  }, {
package/dist/utils/useSelected.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { MaybeRef } from 'vue';
1
+ import { MaybeRef, Ref } from 'vue';
2
2
  export declare const getPosition: (page: number, index: number, pageLength: number) => number;
3
3
  export type Selection<Value> = {
4
4
  id__in?: Value[];
@@ -10,7 +10,7 @@ export type QueryParamsSelection = {
10
10
  id__in?: number[];
11
11
  id__not_in?: number[];
12
12
  };
13
- export declare const useSelected: <Value extends number>(count: MaybeRef<number | undefined>) => {
13
+ export declare const useSelected: <Value extends number>(count: MaybeRef<number | undefined>, disabled: Ref<boolean>) => {
14
14
  allowSelectHover: import('vue').ComputedRef<boolean>;
15
15
  selectionCount: import('vue').ComputedRef<number>;
16
16
  selectAllValue: import('vue').ComputedRef<boolean | null>;
package/dist/utils/useSelected.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useSelected.d.ts","sourceRoot":"","sources":["../../src/utils/useSelected.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,QAAQ,EAAmD,MAAM,KAAK,CAAA;AA4BnF,eAAO,MAAM,WAAW,SAAU,MAAM,SAAS,MAAM,cAAc,MAAM,KAAG,MAE7E,CAAA;AAED,MAAM,MAAM,SAAS,CAAC,KAAK,IAAI;IAC7B,MAAM,CAAC,EAAE,KAAK,EAAE,CAAA;IAChB,UAAU,CAAC,EAAE,KAAK,EAAE,CAAA;IACpB,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CACzB,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAChC,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;CACtB,CAAA;AAID,eAAO,MAAM,WAAW,GAAI,KAAK,SAAS,MAAM,SACvC,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;wBA8ER,KAAK,YAAY,MAAM,KAAG,OAAO;8BAoB3B,MAAM;yBAMX,KAAK,YAAY,MAAM,KAAG,IAAI;;0BAlF/B,IAAI;0BAoKJ,oBAAoB,GAAG,SAAS;CAmC5D,CAAA"}
1
+ {"version":3,"file":"useSelected.d.ts","sourceRoot":"","sources":["../../src/utils/useSelected.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,QAAQ,EAAE,KAAK,GAAG,EAA+C,MAAM,KAAK,CAAA;AA4BzF,eAAO,MAAM,WAAW,SAAU,MAAM,SAAS,MAAM,cAAc,MAAM,KAAG,MAE7E,CAAA;AAED,MAAM,MAAM,SAAS,CAAC,KAAK,IAAI;IAC7B,MAAM,CAAC,EAAE,KAAK,EAAE,CAAA;IAChB,UAAU,CAAC,EAAE,KAAK,EAAE,CAAA;IACpB,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CACzB,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAChC,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;CACtB,CAAA;AAID,eAAO,MAAM,WAAW,GAAI,KAAK,SAAS,MAAM,SAAS,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC,YAAY,GAAG,CAAC,OAAO,CAAC;;;;wBA6EhF,KAAK,YAAY,MAAM,KAAG,OAAO;8BAoB3B,MAAM;yBAMX,KAAK,YAAY,MAAM,KAAG,IAAI;;0BAlF/B,IAAI;0BAoKJ,oBAAoB,GAAG,SAAS;CAwC5D,CAAA"}
package/dist/utils/useSelected.js CHANGED
@@ -1,4 +1,4 @@
1
- import { computed, ref, unref, onMounted, onBeforeUnmount } from 'vue';
1
+ import { computed, ref, unref, watch, onBeforeUnmount } from 'vue';
2
2
  import { useRoute, useRouter } from 'vue-router';
3
3
  import { isIdArray, isIndex } from './utils.js';
4
4
 
@@ -20,7 +20,7 @@ const getPosition = (page, index, pageLength) => {
20
20
  return (page - 1) * pageLength + index;
21
21
  };
22
22
  const isEmpty = (value) => Object.values(value).every((item) => !item);
23
- const useSelected = (count) => {
23
+ const useSelected = (count, disabled) => {
24
24
  const route = useRoute();
25
25
  const router = useRouter();
26
26
  const selection = computed(() => {
@@ -47,8 +47,8 @@ const useSelected = (count) => {
47
47
  const isShift = ref(false);
48
48
  const hoverValue = ref(null);
49
49
  const preselectValue = ref(null);
50
- const disabled = ref(false);
51
- const allowSelectHover = computed(() => isShift.value);
50
+ const unmounted = ref(false);
51
+ const allowSelectHover = computed(() => !disabled.value && isShift.value);
52
52
  const hoverAllowed = computed(() => allowSelectHover.value ? hoverValue.value : null);
53
53
  const upValue = computed(() => {
54
54
  if (selection.value.range) {
@@ -94,11 +94,11 @@ const useSelected = (count) => {
94
94
  return false;
95
95
  };
96
96
  const hoverSelected = (position) => {
97
- if (disabled.value) return;
97
+ if (unmounted.value || disabled.value) return;
98
98
  hoverValue.value = position;
99
99
  };
100
100
  const toggleSelected = (id, position) => {
101
- if (disabled.value) return;
101
+ if (unmounted.value || disabled.value) return;
102
102
  if (upValue.value !== null && downValue.value !== null) {
103
103
  let range;
104
104
  if (allowSelectHover.value) {
@@ -163,12 +163,17 @@ const useSelected = (count) => {
163
163
  if (selection.value.id__in) result.id__in = selection.value.id__in.slice();
164
164
  return result;
165
165
  };
166
- onMounted(() => {
167
- window.addEventListener("keydown", setIsSelecting);
168
- window.addEventListener("keyup", resetIsSelecting);
169
- });
166
+ watch(disabled, (value) => {
167
+ if (value) {
168
+ window.removeEventListener("keydown", setIsSelecting);
169
+ window.removeEventListener("keyup", resetIsSelecting);
170
+ } else {
171
+ window.addEventListener("keydown", setIsSelecting);
172
+ window.addEventListener("keyup", resetIsSelecting);
173
+ }
174
+ }, { immediate: true });
170
175
  onBeforeUnmount(() => {
171
- disabled.value = true;
176
+ unmounted.value = true;
172
177
  window.removeEventListener("keydown", setIsSelecting);
173
178
  window.removeEventListener("keyup", resetIsSelecting);
174
179
  });
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "type": "git",
5
5
  "url": "https://github.com/rsmple/eco-vue-js.git"
6
6
  },
7
- "version": "0.10.6",
7
+ "version": "0.10.8",
8
8
  "scripts": {
9
9
  "build": "run-p type-check \"build-only {@}\" --",
10
10
  "preview": "vite preview",