eco-vue-js 0.7.0 → 0.7.2
Sign up to get free protection for your applications and to get access to all the features.
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"WFilterWrapper.vue.d.ts","sourceRoot":"","sources":["../../../src/components/FilterWrapper/WFilterWrapper.vue"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"WFilterWrapper.vue.d.ts","sourceRoot":"","sources":["../../../src/components/FilterWrapper/WFilterWrapper.vue"],"names":[],"mappings":"AAwLA,iBAAS,cAAc;oBA2HK,GAAG;EAuB9B;AACD,QAAA,MAAM,eAAe;yBApNE,MAAM,EAAE;;;;yBAAR,MAAM,EAAE;;;UA2N7B,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { defineComponent, ref, computed, watch, onUnmounted, openBlock, createElementBlock, Fragment, renderList, createBlock, resolveDynamicComponent, unref,
|
1
|
+
import { defineComponent, ref, computed, watch, onUnmounted, openBlock, createElementBlock, createElementVNode, Fragment, renderList, createBlock, resolveDynamicComponent, unref, renderSlot, createVNode, withCtx, createTextVNode } from 'vue';
|
2
2
|
import { useRoute, useRouter } from 'vue-router';
|
3
3
|
import _sfc_main$1 from '../Button/WButton.vue.js';
|
4
4
|
import { SemanticType } from '../../utils/SemanticType.js';
|
@@ -6,9 +6,10 @@ import IconFilterRemove from '../../assets/icons/sax/IconFilterRemove.svg.js';
|
|
6
6
|
import { Modal } from '../../utils/Modal.js';
|
7
7
|
import { throttle } from '../../utils/utils.js';
|
8
8
|
|
9
|
-
const _hoisted_1 = { class: "
|
10
|
-
const _hoisted_2 = /* @__PURE__ */ createElementVNode("div", { class: "h-
|
11
|
-
const _hoisted_3 = { class: "
|
9
|
+
const _hoisted_1 = { class: "flex flex-col pb-16" };
|
10
|
+
const _hoisted_2 = /* @__PURE__ */ createElementVNode("div", { class: "text-accent text-2xl font-semibold -h--header-height -mx--inner-margin flex items-center" }, " Filters ", -1);
|
11
|
+
const _hoisted_3 = /* @__PURE__ */ createElementVNode("div", { class: "h-0.5 bg-gray-400 rounded my-8 -mx--inner-margin" }, null, -1);
|
12
|
+
const _hoisted_4 = { class: "grid grid-cols-2 gap-4 -px--inner-margin" };
|
12
13
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
13
14
|
__name: "WFilterWrapper",
|
14
15
|
props: {
|
@@ -56,16 +57,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
56
57
|
});
|
57
58
|
return (_ctx, _cache) => {
|
58
59
|
return openBlock(), createElementBlock("div", _hoisted_1, [
|
59
|
-
(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.$slots.default?.(), (slot, index) => {
|
60
|
-
return openBlock(), createBlock(resolveDynamicComponent(slot), {
|
61
|
-
key: index,
|
62
|
-
"is-open": index === selectedIndex.value,
|
63
|
-
onToggle: ($event) => unref(setSelectedIndex)(index),
|
64
|
-
"onUpdate:hasChanges": ($event) => hasChangesMap.value[index.toString()] = $event
|
65
|
-
}, null, 40, ["is-open", "onToggle", "onUpdate:hasChanges"]);
|
66
|
-
}), 128)),
|
67
60
|
_hoisted_2,
|
68
|
-
createElementVNode("div",
|
61
|
+
createElementVNode("div", null, [
|
62
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.$slots.default?.(), (slot, index) => {
|
63
|
+
return openBlock(), createBlock(resolveDynamicComponent(slot), {
|
64
|
+
key: index,
|
65
|
+
"is-open": index === selectedIndex.value,
|
66
|
+
onToggle: ($event) => unref(setSelectedIndex)(index),
|
67
|
+
"onUpdate:hasChanges": ($event) => hasChangesMap.value[index.toString()] = $event
|
68
|
+
}, null, 40, ["is-open", "onToggle", "onUpdate:hasChanges"]);
|
69
|
+
}), 128))
|
70
|
+
]),
|
71
|
+
_hoisted_3,
|
72
|
+
createElementVNode("div", _hoisted_4, [
|
69
73
|
renderSlot(_ctx.$slots, "bottom"),
|
70
74
|
createVNode(_sfc_main$1, {
|
71
75
|
"semantic-type": unref(SemanticType).SECONDARY,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"useSelected.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/use/useSelected.ts"],"names":[],"mappings":"AAAA,OAAO,
|
1
|
+
{"version":3,"file":"useSelected.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/use/useSelected.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwC,KAAK,GAAG,EAAC,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"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { ref, computed, unref } from 'vue';
|
1
|
+
import { ref, computed, unref, onBeforeUnmount } from 'vue';
|
2
2
|
|
3
3
|
const isRightOrder = (value) => {
|
4
4
|
return value[0].page < value[1].page || value[0].page === value[1].page && value[0].index <= value[1].index;
|
@@ -22,6 +22,7 @@ const useSelected = (count, pageLength, selected, reverse, selectedRange, select
|
|
22
22
|
const isSelecting = ref(false);
|
23
23
|
const rangeCursor = ref(null);
|
24
24
|
const rangeHover = ref(null);
|
25
|
+
const disabled = ref(false);
|
25
26
|
const allowSelectHover = computed(() => rangeCursor.value !== null && isSelecting.value);
|
26
27
|
const selectionRangeCount = computed(() => {
|
27
28
|
if (!selectedRange.value) return void 0;
|
@@ -90,6 +91,7 @@ const useSelected = (count, pageLength, selected, reverse, selectedRange, select
|
|
90
91
|
rangeCursor.value = value;
|
91
92
|
};
|
92
93
|
const toggleSelected = (id, value) => {
|
94
|
+
if (disabled.value) return;
|
93
95
|
if (reverse.value && count?.value === selected.value.length + 1) {
|
94
96
|
select([]);
|
95
97
|
cursorReset();
|
@@ -129,6 +131,9 @@ const useSelected = (count, pageLength, selected, reverse, selectedRange, select
|
|
129
131
|
return _count !== void 0 && selected.value.length >= _count ? true : selected.value.length ? null : false;
|
130
132
|
}
|
131
133
|
});
|
134
|
+
onBeforeUnmount(() => {
|
135
|
+
disabled.value = true;
|
136
|
+
});
|
132
137
|
return {
|
133
138
|
setSelectedRange,
|
134
139
|
getIsSelected,
|