sprintify-ui 0.8.57 → 0.8.58
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.
- package/dist/sprintify-ui.es.js +2959 -2952
- package/dist/types/components/BaseDataIterator.vue.d.ts +3 -0
- package/dist/types/components/BaseDataTable.vue.d.ts +4 -0
- package/package.json +1 -1
- package/src/components/BaseDataIterator.vue +7 -0
- package/src/components/BaseDataTable.stories.js +2 -0
- package/src/components/BaseDataTable.vue +2 -1
|
@@ -263,14 +263,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
|
|
|
263
263
|
query: DataTableQuery;
|
|
264
264
|
updateQuery: (newQuery: DataTableQuery) => void;
|
|
265
265
|
updateQueryValue: (key: string, value: any) => void;
|
|
266
|
+
updateQueryValueDebounce: import("lodash").DebouncedFunc<(key: string, value: any) => void>;
|
|
266
267
|
}) => any>> & Partial<Record<string, (_: {
|
|
267
268
|
query: DataTableQuery;
|
|
268
269
|
updateQuery: (newQuery: DataTableQuery) => void;
|
|
269
270
|
updateQueryValue: (key: string, value: any) => void;
|
|
271
|
+
updateQueryValueDebounce: import("lodash").DebouncedFunc<(key: string, value: any) => void>;
|
|
270
272
|
}) => any>> & Partial<Record<string, (_: {
|
|
271
273
|
query: DataTableQuery;
|
|
272
274
|
updateQuery: (newQuery: DataTableQuery) => void;
|
|
273
275
|
updateQueryValue: (key: string, value: any) => void;
|
|
276
|
+
updateQueryValueDebounce: import("lodash").DebouncedFunc<(key: string, value: any) => void>;
|
|
274
277
|
}) => any>> & {
|
|
275
278
|
default?(_: {
|
|
276
279
|
items: Collection;
|
|
@@ -17,6 +17,7 @@ declare function __VLS_template(): {
|
|
|
17
17
|
query: DataTableQuery;
|
|
18
18
|
updateQuery: (newQuery: DataTableQuery) => void;
|
|
19
19
|
updateQueryValue: (key: string, value: any) => void;
|
|
20
|
+
updateQueryValueDebounce: import("lodash").DebouncedFunc<(key: string, value: any) => void>;
|
|
20
21
|
}): any;
|
|
21
22
|
sidebarTop?(_: {
|
|
22
23
|
paginationMetadata: import("@/types").PaginationMetadata | null;
|
|
@@ -382,14 +383,17 @@ declare function __VLS_template(): {
|
|
|
382
383
|
query: DataTableQuery;
|
|
383
384
|
updateQuery: (newQuery: DataTableQuery) => void;
|
|
384
385
|
updateQueryValue: (key: string, value: any) => void;
|
|
386
|
+
updateQueryValueDebounce: import("lodash").DebouncedFunc<(key: string, value: any) => void>;
|
|
385
387
|
}) => any>> & Partial<Record<string, (_: {
|
|
386
388
|
query: DataTableQuery;
|
|
387
389
|
updateQuery: (newQuery: DataTableQuery) => void;
|
|
388
390
|
updateQueryValue: (key: string, value: any) => void;
|
|
391
|
+
updateQueryValueDebounce: import("lodash").DebouncedFunc<(key: string, value: any) => void>;
|
|
389
392
|
}) => any>> & Partial<Record<string, (_: {
|
|
390
393
|
query: DataTableQuery;
|
|
391
394
|
updateQuery: (newQuery: DataTableQuery) => void;
|
|
392
395
|
updateQueryValue: (key: string, value: any) => void;
|
|
396
|
+
updateQueryValueDebounce: import("lodash").DebouncedFunc<(key: string, value: any) => void>;
|
|
393
397
|
}) => any>> & {
|
|
394
398
|
default?(_: {
|
|
395
399
|
items: Collection;
|
package/package.json
CHANGED
|
@@ -80,6 +80,7 @@
|
|
|
80
80
|
:query="query"
|
|
81
81
|
:update-query="updateFilterQuery"
|
|
82
82
|
:update-query-value="updateFilterQueryValue"
|
|
83
|
+
:update-query-value-debounce="updateFilterQueryValueDebounce"
|
|
83
84
|
/>
|
|
84
85
|
</BaseDataIteratorSectionBox>
|
|
85
86
|
</div>
|
|
@@ -146,6 +147,7 @@
|
|
|
146
147
|
:query="query"
|
|
147
148
|
:update-query="updateFilterQuery"
|
|
148
149
|
:update-query-value="updateFilterQueryValue"
|
|
150
|
+
:update-query-value-debounce="updateFilterQueryValueDebounce"
|
|
149
151
|
/>
|
|
150
152
|
</BaseDataIteratorSectionBox>
|
|
151
153
|
</template>
|
|
@@ -171,6 +173,7 @@
|
|
|
171
173
|
:query="query"
|
|
172
174
|
:update-query="updateFilterQuery"
|
|
173
175
|
:update-query-value="updateFilterQueryValue"
|
|
176
|
+
:update-query-value-debounce="updateFilterQueryValueDebounce"
|
|
174
177
|
/>
|
|
175
178
|
</BaseDataIteratorSectionModal>
|
|
176
179
|
</template>
|
|
@@ -453,6 +456,10 @@ function updateFilterQueryValue(key: string, value: any) {
|
|
|
453
456
|
updateQuery(newQuery);
|
|
454
457
|
}
|
|
455
458
|
|
|
459
|
+
const updateFilterQueryValueDebounce = debounce((key: string, value: any) => {
|
|
460
|
+
updateFilterQueryValue(key, value);
|
|
461
|
+
}, 350);
|
|
462
|
+
|
|
456
463
|
function updateFilterQuery(newQuery: DataTableQuery) {
|
|
457
464
|
newQuery = set(newQuery, 'page', 1);
|
|
458
465
|
updateQuery(newQuery);
|
|
@@ -2,6 +2,7 @@ import BaseDataTable from "./BaseDataTable.vue";
|
|
|
2
2
|
import BaseTableColumn from "./BaseTableColumn.vue";
|
|
3
3
|
import BaseBoolean from "./BaseBoolean.vue";
|
|
4
4
|
import BaseSelect from "./BaseSelect.vue";
|
|
5
|
+
import BaseInput from "./BaseInput.vue";
|
|
5
6
|
import BaseBadge from "./BaseBadge.vue";
|
|
6
7
|
import BaseAppSnackbars from "./BaseAppSnackbars.vue";
|
|
7
8
|
import BaseAppDialogs from "./BaseAppDialogs.vue";
|
|
@@ -44,6 +45,7 @@ const templateComponents = {
|
|
|
44
45
|
BaseBadge,
|
|
45
46
|
BaseAppSnackbars,
|
|
46
47
|
BaseAppDialogs,
|
|
48
|
+
BaseInput,
|
|
47
49
|
};
|
|
48
50
|
|
|
49
51
|
const componentProps = {
|
|
@@ -176,13 +176,14 @@
|
|
|
176
176
|
|
|
177
177
|
<template
|
|
178
178
|
v-if="$slots.filters"
|
|
179
|
-
#filters="{ query, updateQuery, updateQueryValue }"
|
|
179
|
+
#filters="{ query, updateQuery, updateQueryValue, updateQueryValueDebounce }"
|
|
180
180
|
>
|
|
181
181
|
<slot
|
|
182
182
|
name="filters"
|
|
183
183
|
:query="query"
|
|
184
184
|
:update-query="updateQuery"
|
|
185
185
|
:update-query-value="updateQueryValue"
|
|
186
|
+
:update-query-value-debounce="updateQueryValueDebounce"
|
|
186
187
|
/>
|
|
187
188
|
</template>
|
|
188
189
|
|