eco-vue-js 0.10.15 → 0.10.16
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/components/InfiniteList/WInfiniteList.vue.d.ts +6 -0
- package/dist/components/InfiniteList/WInfiniteList.vue.d.ts.map +1 -1
- package/dist/components/InfiniteList/WInfiniteList.vue.js +11 -3
- package/dist/components/InfiniteList/WInfiniteListWrapper.vue.d.ts.map +1 -1
- package/dist/components/InfiniteList/WInfiniteListWrapper.vue.js +3 -2
- package/dist/components/InfiniteList/components/InfiniteListPage.vue.d.ts +6 -0
- package/dist/components/InfiniteList/components/InfiniteListPage.vue.d.ts.map +1 -1
- package/dist/components/InfiniteList/components/InfiniteListPage.vue.js +4 -12
- package/dist/components/InfiniteList/components/InfiniteListPages.vue.d.ts +6 -0
- package/dist/components/InfiniteList/components/InfiniteListPages.vue.d.ts.map +1 -1
- package/dist/components/InfiniteList/components/InfiniteListPages.vue.js +11 -3
- package/dist/components/Input/WInputDate.vue.js +1 -1
- package/dist/components/Page/WPage.vue.d.ts +1 -0
- package/dist/components/Page/WPage.vue.d.ts.map +1 -1
- package/dist/components/Page/WPage.vue.js +15 -5
- package/dist/components/Select/WSelect.vue.d.ts +2 -2
- package/dist/components/Select/WSelect.vue.d.ts.map +1 -1
- package/dist/components/Select/WSelect.vue.js +56 -50
- package/dist/components/Select/WSelectAsync.vue.d.ts.map +1 -1
- package/dist/components/Select/WSelectAsync.vue.js +3 -2
- package/dist/components/Select/WSelectSingle.vue.d.ts +1 -1
- package/dist/components/Select/WSelectSingle.vue.d.ts.map +1 -1
- package/dist/components/Select/WSelectStringified.vue.d.ts +2 -2
- package/dist/components/Select/WSelectStringified.vue.d.ts.map +1 -1
- package/dist/components/Select/components/SelectAsyncList.vue.d.ts +3 -0
- package/dist/components/Select/components/SelectAsyncList.vue.d.ts.map +1 -1
- package/dist/components/Select/components/SelectAsyncList.vue.js +68 -49
- package/dist/components/Select/components/SelectOption.vue.d.ts +1 -0
- package/dist/components/Select/components/SelectOption.vue.d.ts.map +1 -1
- package/dist/components/Select/components/SelectOption.vue.js +12 -7
- package/dist/components/Select/components/SelectOptionPrefix.vue.d.ts +4 -1
- package/dist/components/Select/components/SelectOptionPrefix.vue.d.ts.map +1 -1
- package/dist/components/Select/components/SelectOptionPrefix.vue.js +7 -2
- package/dist/components/Select/types.d.ts +3 -2
- package/dist/components/Select/types.d.ts.map +1 -1
- package/package.json +1 -1
- package/tailwind-base/plugins/default.ts +3 -0
|
@@ -51,6 +51,9 @@ declare const _default: <Model extends number | string, Data extends DefaultData
|
|
|
51
51
|
goto: (page: number, itemIndex?: number) => void;
|
|
52
52
|
updateHeaderHeight: () => void;
|
|
53
53
|
}) => void;
|
|
54
|
+
empty?: (props: {
|
|
55
|
+
queryParams: QueryParams;
|
|
56
|
+
}) => void;
|
|
54
57
|
}> & {
|
|
55
58
|
default?: (props: {
|
|
56
59
|
item: Data;
|
|
@@ -71,6 +74,9 @@ declare const _default: <Model extends number | string, Data extends DefaultData
|
|
|
71
74
|
goto: (page: number, itemIndex?: number) => void;
|
|
72
75
|
updateHeaderHeight: () => void;
|
|
73
76
|
}) => void;
|
|
77
|
+
empty?: (props: {
|
|
78
|
+
queryParams: QueryParams;
|
|
79
|
+
}) => void;
|
|
74
80
|
};
|
|
75
81
|
emit: {
|
|
76
82
|
(e: "update:page", value: number | undefined): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WInfiniteList.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/WInfiniteList.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"WInfiniteList.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/WInfiniteList.vue"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent, useTemplateRef, createBlock, openBlock, resolveDynamicComponent, withCtx, createVNode, normalizeStyle, normalizeClass, renderSlot, unref, normalizeProps, guardReactiveProps } from 'vue';
|
|
1
|
+
import { defineComponent, useTemplateRef, createBlock, openBlock, resolveDynamicComponent, withCtx, createVNode, normalizeStyle, normalizeClass, createSlots, renderSlot, unref, normalizeProps, guardReactiveProps } from 'vue';
|
|
2
2
|
import _sfc_main$1 from '../EmptyComponent/WEmptyComponent.vue.js';
|
|
3
3
|
import { getPosition } from '../../utils/useSelected.js';
|
|
4
4
|
import _sfc_main$2 from './WInfiniteListWrapper.vue.js';
|
|
@@ -72,7 +72,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
72
72
|
"onUpdate:count": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:count", $event)),
|
|
73
73
|
"onUpdate:page": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:page", $event)),
|
|
74
74
|
"onUpdate:error": _cache[2] || (_cache[2] = ($event) => _ctx.$emit("update:error", $event))
|
|
75
|
-
}, {
|
|
75
|
+
}, createSlots({
|
|
76
76
|
default: withCtx(({ item, value, setter, skeleton, refetch, previous, next, first, last, resetting, page, index }) => [
|
|
77
77
|
renderSlot(_ctx.$slots, "default", {
|
|
78
78
|
item,
|
|
@@ -91,7 +91,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
91
91
|
})
|
|
92
92
|
]),
|
|
93
93
|
_: 2
|
|
94
|
-
},
|
|
94
|
+
}, [
|
|
95
|
+
_ctx.$slots.empty ? {
|
|
96
|
+
name: "empty",
|
|
97
|
+
fn: withCtx((emptyScope) => [
|
|
98
|
+
renderSlot(_ctx.$slots, "empty", normalizeProps(guardReactiveProps(emptyScope)))
|
|
99
|
+
]),
|
|
100
|
+
key: "0"
|
|
101
|
+
} : void 0
|
|
102
|
+
]), 1032, ["query-params", "use-query-fn", "scrolling-element", "skeleton-length", "hide-page-title", "transition", "page-length", "header-top", "header-height", "min-height", "last-child", "exclude-params", "empty-stub", "page-class", "max-pages", "refetch-interval", "query-options", "class", "style", "value-getter"])
|
|
95
103
|
]),
|
|
96
104
|
_: 3
|
|
97
105
|
}, 8, ["scrolling-element", "init-is-intersecting"]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WInfiniteListWrapper.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/WInfiniteListWrapper.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"WInfiniteListWrapper.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/WInfiniteListWrapper.vue"],"names":[],"mappings":"AAsBA;AA+DA,KAAK,WAAW,GAAG;IACjB,gBAAgB,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;IACjC,kBAAkB,CAAC,EAAE,OAAO,CAAA;CAC7B,CAAC;AAyBF,iBAAS,cAAc;WA4CT,OAAO,IAA6B;;;;YAbtB,GAAG;;;;YACF,GAAG;;;;;;;EAiB/B;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;OAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -28,12 +28,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
28
28
|
return openBlock(), createElementBlock(Fragment, null, [
|
|
29
29
|
createElementVNode("div", {
|
|
30
30
|
ref_key: "indicator",
|
|
31
|
-
ref: indicator
|
|
31
|
+
ref: indicator,
|
|
32
|
+
class: "print:hidden"
|
|
32
33
|
}, null, 512),
|
|
33
34
|
createElementVNode("div", {
|
|
34
35
|
ref_key: "header",
|
|
35
36
|
ref: header,
|
|
36
|
-
class: normalizeClass(["-top--header-height sticky", {
|
|
37
|
+
class: normalizeClass(["-top--header-height sticky print:hidden", {
|
|
37
38
|
"z-20": !unref(isIntersecting),
|
|
38
39
|
"z-[2]": unref(isIntersecting)
|
|
39
40
|
}])
|
|
@@ -38,6 +38,9 @@ declare const _default: <Model extends number | string, Data extends DefaultData
|
|
|
38
38
|
page: number;
|
|
39
39
|
index: number;
|
|
40
40
|
}) => void;
|
|
41
|
+
empty?: (props: {
|
|
42
|
+
queryParams: QueryParams;
|
|
43
|
+
}) => void;
|
|
41
44
|
}> & {
|
|
42
45
|
default?: (props: {
|
|
43
46
|
item: Data;
|
|
@@ -51,6 +54,9 @@ declare const _default: <Model extends number | string, Data extends DefaultData
|
|
|
51
54
|
page: number;
|
|
52
55
|
index: number;
|
|
53
56
|
}) => void;
|
|
57
|
+
empty?: (props: {
|
|
58
|
+
queryParams: QueryParams;
|
|
59
|
+
}) => void;
|
|
54
60
|
};
|
|
55
61
|
emit: {
|
|
56
62
|
(e: "update:count", value: number): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InfiniteListPage.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/InfiniteList/components/InfiniteListPage.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"InfiniteListPage.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/InfiniteList/components/InfiniteListPage.vue"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent, useTemplateRef, ref, toRef, computed, watch, onMounted, nextTick, onBeforeUnmount, createElementBlock, openBlock, unref, Fragment, createElementVNode, createBlock, createCommentVNode, normalizeClass, resolveDynamicComponent, TransitionGroup, normalizeProps, mergeProps, withCtx, renderList,
|
|
1
|
+
import { defineComponent, useTemplateRef, ref, toRef, computed, watch, onMounted, nextTick, onBeforeUnmount, createElementBlock, openBlock, renderSlot, unref, Fragment, createElementVNode, createBlock, createCommentVNode, normalizeClass, resolveDynamicComponent, TransitionGroup, normalizeProps, mergeProps, withCtx, renderList, toDisplayString } from 'vue';
|
|
2
2
|
import _sfc_main$2 from '../../EmptyComponent/WEmptyComponent.vue.js';
|
|
3
3
|
import { ApiError } from '../../../utils/api.js';
|
|
4
4
|
import _sfc_main$1 from './InfiniteListPageTitle.vue.js';
|
|
@@ -8,7 +8,7 @@ const _hoisted_1 = {
|
|
|
8
8
|
class: "relative"
|
|
9
9
|
};
|
|
10
10
|
const _hoisted_2 = { class: "mt-[--w-list-gap,0] flex" };
|
|
11
|
-
const _hoisted_3 = { class: "
|
|
11
|
+
const _hoisted_3 = { class: "text-accent sm:left-inner sm:max-w-inner flex justify-center px-8 py-16 text-center text-base font-normal sm:sticky" };
|
|
12
12
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
13
13
|
__name: "InfiniteListPage",
|
|
14
14
|
props: {
|
|
@@ -226,17 +226,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
226
226
|
});
|
|
227
227
|
}), 128))
|
|
228
228
|
], 2)
|
|
229
|
-
], 64)) : (
|
|
230
|
-
key: 1,
|
|
231
|
-
class: normalizeClass(["text-accent text-base font-normal", {
|
|
232
|
-
"sm:left-inner sm:max-w-inner flex justify-center px-8 py-16 text-center sm:sticky": !_ctx.minHeight,
|
|
233
|
-
"px-[1.0625rem] pt-4": _ctx.minHeight,
|
|
234
|
-
"pb-4": _ctx.minHeight && _ctx.lastChild,
|
|
235
|
-
"pb-2": _ctx.minHeight && !_ctx.lastChild
|
|
236
|
-
}])
|
|
237
|
-
}, [
|
|
229
|
+
], 64)) : renderSlot(_ctx.$slots, "empty", normalizeProps(mergeProps({ key: 1 }, { queryParams: _ctx.queryParams })), () => [
|
|
238
230
|
createElementVNode("div", _hoisted_3, toDisplayString(_ctx.emptyStub), 1)
|
|
239
|
-
]
|
|
231
|
+
])
|
|
240
232
|
], 512);
|
|
241
233
|
};
|
|
242
234
|
}
|
|
@@ -47,6 +47,9 @@ declare const _default: <Model extends number | string, Data extends DefaultData
|
|
|
47
47
|
index: number;
|
|
48
48
|
value: Model;
|
|
49
49
|
}) => void;
|
|
50
|
+
empty?: (props: {
|
|
51
|
+
queryParams: QueryParams;
|
|
52
|
+
}) => void;
|
|
50
53
|
}> & {
|
|
51
54
|
default?: (props: {
|
|
52
55
|
item: Data;
|
|
@@ -62,6 +65,9 @@ declare const _default: <Model extends number | string, Data extends DefaultData
|
|
|
62
65
|
index: number;
|
|
63
66
|
value: Model;
|
|
64
67
|
}) => void;
|
|
68
|
+
empty?: (props: {
|
|
69
|
+
queryParams: QueryParams;
|
|
70
|
+
}) => void;
|
|
65
71
|
};
|
|
66
72
|
emit: {
|
|
67
73
|
(e: "update:page", value: number | undefined): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InfiniteListPages.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/InfiniteList/components/InfiniteListPages.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"InfiniteListPages.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/InfiniteList/components/InfiniteListPages.vue"],"names":[],"mappings":"AAsFA;AAuSA,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAA;yBAYxB,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,eACvE,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;WAmf1D,mBAAmB,CAAC;;;;;;;;oBAhfZ,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC;qBACnC,WAAW;yBACP,MAAM;wBACP,OAAO;qBACV,OAAO;qBACP,MAAM;2BACA,OAAO,GAAG,IAAI;oBACrB,MAAM;uBACH,MAAM;oBACT,OAAO;oBACP,OAAO;wBACH,CAAC,MAAM,WAAW,CAAC,EAAE;oBACzB,MAAM;oBACN,MAAM;mBACP,MAAM;0BACC,MAAM,GAAG,KAAK;uBACjB,OAAO,CAAC,YAAY,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC;qBAEhD,CAAC,IAAI,EAAE,IAAI,KAAK,KAAK;mBA8dwD,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;0CAlXL,MAAM;MAkXqB,GAAG,IAAI;WACpE,GAAG;;kBA7TC,CAAC,KAAK,EAAE;YAChB,IAAI,EAAE,IAAI,CAAA;YACV,MAAM,EAAE,CAAC,OAAO,CAAC,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;YAC5C,QAAQ,EAAE,OAAO,CAAA;YACjB,OAAO,EAAE,MAAM,IAAI,CAAA;YACnB,QAAQ,CAAC,EAAE,IAAI,CAAA;YACf,IAAI,CAAC,EAAE,IAAI,CAAA;YACX,KAAK,EAAE,OAAO,CAAA;YACd,IAAI,EAAE,OAAO,CAAA;YACb,SAAS,EAAE,OAAO,CAAA;YAClB,IAAI,EAAE,MAAM,CAAA;YACZ,KAAK,EAAE,MAAM,CAAA;YACb,KAAK,EAAE,KAAK,CAAA;SACb,KAAK,IAAI;gBACF,CAAC,KAAK;yBAjBgB,WAAW;SAiBf,KAAK,IAAI;;kBAdzB,CAAC,KAAK,EAAE;YAChB,IAAI,EAAE,IAAI,CAAA;YACV,MAAM,EAAE,CAAC,OAAO,CAAC,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;YAC5C,QAAQ,EAAE,OAAO,CAAA;YACjB,OAAO,EAAE,MAAM,IAAI,CAAA;YACnB,QAAQ,CAAC,EAAE,IAAI,CAAA;YACf,IAAI,CAAC,EAAE,IAAI,CAAA;YACX,KAAK,EAAE,OAAO,CAAA;YACd,IAAI,EAAE,OAAO,CAAA;YACb,SAAS,EAAE,OAAO,CAAA;YAClB,IAAI,EAAE,MAAM,CAAA;YACZ,KAAK,EAAE,MAAM,CAAA;YACb,KAAK,EAAE,KAAK,CAAA;SACb,KAAK,IAAI;gBACF,CAAC,KAAK;yBAjBgB,WAAW;SAiBf,KAAK,IAAI;;;YA7J/B,aAAa,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC/C,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,cAAc,SAAS,QAAQ,GAAG,IAAI;;;;;YA+cA,OAAO,CAAC,OAAO,WAAW,CAAC;;AA7fvE,wBA6f4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent, useTemplateRef, ref, computed, watch, toRef, createBlock, openBlock, normalizeClass, normalizeStyle, withCtx, createCommentVNode, createElementBlock, unref, Fragment, renderList, nextTick, renderSlot } from 'vue';
|
|
1
|
+
import { defineComponent, useTemplateRef, ref, computed, watch, toRef, createBlock, openBlock, normalizeClass, normalizeStyle, withCtx, createCommentVNode, createElementBlock, unref, Fragment, renderList, nextTick, createSlots, renderSlot, mergeProps } from 'vue';
|
|
2
2
|
import { isEqualObj } from '../../../utils/utils.js';
|
|
3
3
|
import _sfc_main$2 from './InfiniteListButton.vue.js';
|
|
4
4
|
import _sfc_main$3 from './InfiniteListPage.vue.js';
|
|
@@ -170,7 +170,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
170
170
|
onRefetch: ($event) => unref(refetchNextPages)(index),
|
|
171
171
|
onFetched: _cache[6] || (_cache[6] = ($event) => isResettingPage.value = false),
|
|
172
172
|
"onUpdate:error": _cache[7] || (_cache[7] = ($event) => _ctx.$emit("update:error", $event))
|
|
173
|
-
}, {
|
|
173
|
+
}, createSlots({
|
|
174
174
|
default: withCtx(({ item, setter, skeleton, refetch, previous, next, first, last, page: itemPage, index: itemIndex }) => [
|
|
175
175
|
renderSlot(_ctx.$slots, "default", {
|
|
176
176
|
item,
|
|
@@ -188,7 +188,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
188
188
|
})
|
|
189
189
|
]),
|
|
190
190
|
_: 2
|
|
191
|
-
},
|
|
191
|
+
}, [
|
|
192
|
+
_ctx.$slots.empty ? {
|
|
193
|
+
name: "empty",
|
|
194
|
+
fn: withCtx((emptyScope) => [
|
|
195
|
+
renderSlot(_ctx.$slots, "empty", mergeProps({ ref_for: true }, emptyScope))
|
|
196
|
+
]),
|
|
197
|
+
key: "0"
|
|
198
|
+
} : void 0
|
|
199
|
+
]), 1032, ["query-params", "use-query-fn", "skeleton-length", "first-page", "last-page", "hide-page-title", "transition", "resetting", "empty-stub", "min-height", "last-child", "page-class", "refetch-interval", "scrolling-element", "query-options", "value-getter", "onRefetch"]);
|
|
192
200
|
}), 128)),
|
|
193
201
|
count.value !== 0 && nextPage.value ? (openBlock(), createBlock(_sfc_main$2, {
|
|
194
202
|
key: 1,
|
|
@@ -98,7 +98,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
98
98
|
}), createSlots({
|
|
99
99
|
content: withCtx(() => [
|
|
100
100
|
createElementVNode("div", {
|
|
101
|
-
class: "sm-not:w-screen sm-not:px-3 sm:w-
|
|
101
|
+
class: "sm-not:w-screen sm-not:px-3 sm:w-96",
|
|
102
102
|
onMousedown: _cache[1] || (_cache[1] = withModifiers(() => {
|
|
103
103
|
}, ["prevent"]))
|
|
104
104
|
}, [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WPage.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/WPage.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"WPage.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/WPage.vue"],"names":[],"mappings":"AAgFA;AAyMA,OAAO,EAAC,KAAK,SAAS,EAAuC,MAAM,KAAK,CAAA;AAQxE,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,aAAa,CAAC,EAAE,SAAS,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,WAAW,CAAC,EAAE,WAAW,EAAE,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,EAAE,MAAM,GAAG,SAAS,CAAA;CAC9B,CAAC;AAuGF,iBAAS,cAAc;WA6HT,OAAO,IAA6B;;wBAbtB,GAAG;wBAEF,GAAG;;kCAvML,IAAI;;YAsMF,GAAG;;;;;;EAiB/B;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;OAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -18,6 +18,11 @@ const _hoisted_4 = {
|
|
|
18
18
|
key: 3,
|
|
19
19
|
class: "absolute inset-x-[1cm] top-[1cm] text-xs font-semibold before:text-gray-400 before:[content:counters(section,'.',decimal-leading-zero)]"
|
|
20
20
|
};
|
|
21
|
+
const _hoisted_5 = {
|
|
22
|
+
key: 4,
|
|
23
|
+
class: "pointer-events-none absolute inset-0 z-10 flex select-none items-center justify-center"
|
|
24
|
+
};
|
|
25
|
+
const _hoisted_6 = { class: "rotate-[-60deg] text-center text-[10rem] font-semibold leading-none text-gray-400/10" };
|
|
21
26
|
const INNER_CLASS = "w-page-inner";
|
|
22
27
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
23
28
|
__name: "WPage",
|
|
@@ -29,7 +34,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
29
34
|
topTitle: { type: Boolean },
|
|
30
35
|
date: {},
|
|
31
36
|
prerendered: {},
|
|
32
|
-
skeleton: { type: Boolean }
|
|
37
|
+
skeleton: { type: Boolean },
|
|
38
|
+
watermark: {}
|
|
33
39
|
},
|
|
34
40
|
setup(__props) {
|
|
35
41
|
const props = __props;
|
|
@@ -97,7 +103,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
97
103
|
const _component_WPage = resolveComponent("WPage", true);
|
|
98
104
|
return openBlock(), createElementBlock(Fragment, null, [
|
|
99
105
|
createElementVNode("div", {
|
|
100
|
-
class: normalizeClass(["not-print:shadow-md bg-default text-black-default light relative grid h-[29.62cm] w-[21.01cm] break-before-page grid-cols-1 grid-rows-[auto,1fr] overflow-hidden px-[1cm] py-[2cm]", {
|
|
106
|
+
class: normalizeClass(["not-print:shadow-md bg-default text-black-default light relative isolate grid h-[29.62cm] w-[21.01cm] break-before-page grid-cols-1 grid-rows-[auto,1fr] overflow-hidden px-[1cm] py-[2cm]", {
|
|
101
107
|
"[counter-increment:page] after:absolute after:bottom-[1cm] after:right-[1cm] after:text-xs after:[--tw-content:counter(page)]": !_ctx.empty
|
|
102
108
|
}])
|
|
103
109
|
}, [
|
|
@@ -120,7 +126,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
120
126
|
(openBlock(), createBlock(resolveDynamicComponent(_ctx.logoComponent)))
|
|
121
127
|
], 2)) : createCommentVNode("", true),
|
|
122
128
|
!_ctx.centerLogo && _ctx.date ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(unref(dateFormat)(_ctx.date)), 1)) : createCommentVNode("", true),
|
|
123
|
-
_ctx.title && _ctx.topTitle ? (openBlock(), createElementBlock("span", _hoisted_4, " " + toDisplayString(_ctx.title), 1)) : createCommentVNode("", true)
|
|
129
|
+
_ctx.title && _ctx.topTitle ? (openBlock(), createElementBlock("span", _hoisted_4, " " + toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
|
|
130
|
+
_ctx.watermark ? (openBlock(), createElementBlock("div", _hoisted_5, [
|
|
131
|
+
createElementVNode("div", _hoisted_6, toDisplayString(_ctx.watermark), 1)
|
|
132
|
+
])) : createCommentVNode("", true)
|
|
124
133
|
], 2),
|
|
125
134
|
overflow.value.length !== 0 ? (openBlock(), createBlock(_component_WPage, {
|
|
126
135
|
key: 0,
|
|
@@ -130,7 +139,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
130
139
|
"center-logo": _ctx.centerLogo,
|
|
131
140
|
"logo-component": _ctx.logoComponent,
|
|
132
141
|
date: _ctx.date,
|
|
133
|
-
empty: _ctx.empty
|
|
142
|
+
empty: _ctx.empty,
|
|
143
|
+
watermark: _ctx.watermark
|
|
134
144
|
}, createSlots({ _: 2 }, [
|
|
135
145
|
_ctx.$slots.header ? {
|
|
136
146
|
name: "header",
|
|
@@ -139,7 +149,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
139
149
|
]),
|
|
140
150
|
key: "0"
|
|
141
151
|
} : void 0
|
|
142
|
-
]), 1032, ["prerendered", "title", "center-logo", "logo-component", "date", "empty"])) : createCommentVNode("", true)
|
|
152
|
+
]), 1032, ["prerendered", "title", "center-logo", "logo-component", "date", "empty", "watermark"])) : createCommentVNode("", true)
|
|
143
153
|
], 64);
|
|
144
154
|
};
|
|
145
155
|
}
|
|
@@ -18,7 +18,7 @@ declare const _default: <Model extends number | string, Data extends DefaultData
|
|
|
18
18
|
title?: () => void;
|
|
19
19
|
subtitle?: () => void;
|
|
20
20
|
option?: (props: {
|
|
21
|
-
option: Data | null;
|
|
21
|
+
option: Data | null | undefined;
|
|
22
22
|
index?: number;
|
|
23
23
|
selected: boolean;
|
|
24
24
|
model: boolean;
|
|
@@ -29,7 +29,7 @@ declare const _default: <Model extends number | string, Data extends DefaultData
|
|
|
29
29
|
title?: () => void;
|
|
30
30
|
subtitle?: () => void;
|
|
31
31
|
option?: (props: {
|
|
32
|
-
option: Data | null;
|
|
32
|
+
option: Data | null | undefined;
|
|
33
33
|
index?: number;
|
|
34
34
|
selected: boolean;
|
|
35
35
|
model: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WSelect.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/WSelect.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"WSelect.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/WSelect.vue"],"names":[],"mappings":"AAkKA;AA6aA,OAAO,KAAK,EAAC,qBAAqB,EAA8B,WAAW,EAAC,MAAM,SAAS,CAAA;yBAa1E,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,kBAAkB,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,eACnI,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;WA8oB1D,mBAAmB,CAAC;;;;;;;sSAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;;2BArcrB,MAAM,KAAG,IAAI;MAqc8B,GAAG,IAAI;WACpE,GAAG;;gBAzZD,MAAM,IAAI;mBACP,MAAM,IAAI;iBACZ,CAAC,KAAK,EAAE;YACf,MAAM,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,CAAA;YAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;YACd,QAAQ,EAAE,OAAO,CAAA;YACjB,KAAK,EAAE,OAAO,CAAA;YACd,MAAM,CAAC,EAAE,MAAM,CAAA;SAChB,KAAK,IAAI;gBACF,MAAM,IAAI;;gBATV,MAAM,IAAI;mBACP,MAAM,IAAI;iBACZ,CAAC,KAAK,EAAE;YACf,MAAM,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,CAAA;YAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;YACd,QAAQ,EAAE,OAAO,CAAA;YACjB,KAAK,EAAE,OAAO,CAAA;YACd,MAAM,CAAC,EAAE,MAAM,CAAA;SAChB,KAAK,IAAI;gBACF,MAAM,IAAI;;;YAxPd,QAAQ,QAAQ,KAAK,GAAG,IAAI;YAC5B,UAAU,QAAQ,KAAK,GAAG,IAAI;YAC9B,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,MAAM,SAAS,UAAU,GAAG,IAAI;YAChC,4BAA4B,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC9D,YAAY,GAAG,IAAI;;;;;YAwoBmB,OAAO,CAAC,OAAO,WAAW,CAAC;;AAxpBvE,wBAwpB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent, ref, useTemplateRef, computed, toRef, watch, nextTick, createBlock, openBlock, mergeProps, unref, withModifiers, createSlots, withCtx, createElementBlock,
|
|
1
|
+
import { defineComponent, ref, useTemplateRef, computed, toRef, watch, nextTick, createBlock, openBlock, mergeProps, unref, withModifiers, createSlots, withCtx, createCommentVNode, createElementBlock, renderSlot, resolveDynamicComponent, createElementVNode, toDisplayString, Fragment, renderList } from 'vue';
|
|
2
2
|
import _sfc_main$1 from '../Input/WInputSuggest.vue.js';
|
|
3
3
|
import { ApiError } from '../../utils/api.js';
|
|
4
4
|
import { useIsMobile } from '../../utils/mobile.js';
|
|
@@ -7,10 +7,14 @@ import _sfc_main$2 from './components/SelectOption.vue.js';
|
|
|
7
7
|
import _sfc_main$3 from './components/SelectOptionPrefix.vue.js';
|
|
8
8
|
|
|
9
9
|
const _hoisted_1 = {
|
|
10
|
-
key:
|
|
11
|
-
class: "
|
|
10
|
+
key: 1,
|
|
11
|
+
class: "text-description w-option flex items-center"
|
|
12
12
|
};
|
|
13
|
-
const _hoisted_2 = {
|
|
13
|
+
const _hoisted_2 = {
|
|
14
|
+
key: 1,
|
|
15
|
+
class: "w-select-option first:pt-4 last:pb-4"
|
|
16
|
+
};
|
|
17
|
+
const _hoisted_3 = { class: "w-option flex cursor-default select-none items-center" };
|
|
14
18
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
15
19
|
...{ inheritAttrs: false },
|
|
16
20
|
__name: "WSelect",
|
|
@@ -88,7 +92,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
88
92
|
const cursor = ref(0);
|
|
89
93
|
const isCursorLocked = ref(false);
|
|
90
94
|
const search = ref("");
|
|
91
|
-
const
|
|
95
|
+
const isModelValueSearch = computed(() => search.value && props.modelValue.includes(search.value));
|
|
96
|
+
const searchPrepared = computed(() => isModelValueSearch.value ? "" : search.value.trim().toLocaleLowerCase());
|
|
92
97
|
const enabled = computed(() => !props.disabled);
|
|
93
98
|
const { data, isLoading, error: queryError } = props.useQueryFnOptions ? props.queryParamsOptions === void 0 ? props.useQueryFnOptions({ enabled }) : props.useQueryFnOptions(toRef(props, "queryParamsOptions"), { enabled }) : {
|
|
94
99
|
data: toRef(props, "options"),
|
|
@@ -117,8 +122,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
117
122
|
const loadingOptionIndex = ref(null);
|
|
118
123
|
const loadingCreate = ref(false);
|
|
119
124
|
const isDisabled = computed(() => props.loading || props.readonly || props.disabled);
|
|
120
|
-
const
|
|
121
|
-
const hasCreateOption = computed(() => props.createOption && search.value !== "" && !optionsFiltered.value.some((option) => props.valueGetter(option) === search.value));
|
|
125
|
+
const hasCreateOption = computed(() => props.createOption && !optionsFiltered.value.some((option) => props.valueGetter(option) === search.value));
|
|
122
126
|
const close = () => {
|
|
123
127
|
isOpen.value = false;
|
|
124
128
|
focused.value = false;
|
|
@@ -265,36 +269,69 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
265
269
|
})
|
|
266
270
|
}), createSlots({
|
|
267
271
|
prefix: withCtx(({ unclickable }) => [
|
|
268
|
-
(_ctx.hidePrefix ? unref(isMobile) ? unclickable || !focused.value : !isOpen.value : true) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(
|
|
272
|
+
(_ctx.hidePrefix ? unref(isMobile) ? unclickable || !focused.value : !isOpen.value : true) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.modelValue, (value, index) => {
|
|
269
273
|
return openBlock(), createBlock(_sfc_main$3, {
|
|
270
|
-
key:
|
|
271
|
-
option,
|
|
274
|
+
key: value,
|
|
275
|
+
option: optionsWithCreated.value.find((item) => _ctx.valueGetter(item) === value),
|
|
272
276
|
"option-component": _ctx.optionComponent,
|
|
273
277
|
"option-component-props": _ctx.optionComponentProps,
|
|
274
278
|
index,
|
|
275
279
|
loading: _ctx.loading || unref(isLoading),
|
|
276
280
|
disabled: _ctx.disabled,
|
|
277
281
|
"disable-clear": _ctx.disableClear || _ctx.readonly,
|
|
278
|
-
|
|
282
|
+
search: value,
|
|
283
|
+
onUnselect: ($event) => unselect(value)
|
|
279
284
|
}, createSlots({ _: 2 }, [
|
|
280
285
|
_ctx.$slots.option ? {
|
|
281
286
|
name: "option",
|
|
282
|
-
fn: withCtx(() => [
|
|
283
|
-
renderSlot(_ctx.$slots, "option", {
|
|
284
|
-
option,
|
|
287
|
+
fn: withCtx((optionScope) => [
|
|
288
|
+
renderSlot(_ctx.$slots, "option", mergeProps({ ref_for: true }, optionScope, {
|
|
285
289
|
selected: true,
|
|
286
290
|
model: true,
|
|
287
291
|
index
|
|
288
|
-
})
|
|
292
|
+
}))
|
|
289
293
|
]),
|
|
290
294
|
key: "0"
|
|
291
295
|
} : void 0
|
|
292
|
-
]), 1032, ["option", "option-component", "option-component-props", "index", "loading", "disabled", "disable-clear", "onUnselect"]);
|
|
296
|
+
]), 1032, ["option", "option-component", "option-component-props", "index", "loading", "disabled", "disable-clear", "search", "onUnselect"]);
|
|
293
297
|
}), 128)) : createCommentVNode("", true)
|
|
294
298
|
]),
|
|
295
299
|
content: withCtx(() => [
|
|
296
|
-
|
|
297
|
-
|
|
300
|
+
hasCreateOption.value ? (openBlock(), createBlock(_sfc_main$2, {
|
|
301
|
+
key: 0,
|
|
302
|
+
"is-selected": false,
|
|
303
|
+
"is-cursor": cursor.value === optionsFiltered.value.length,
|
|
304
|
+
loading: (loadingCreate.value || loadingOptionIndex.value === optionsFiltered.value.length) && _ctx.loading,
|
|
305
|
+
scroll: isCursorLocked.value,
|
|
306
|
+
"hide-option-icon": _ctx.hideOptionIcon,
|
|
307
|
+
disabled: !search.value || isModelValueSearch.value,
|
|
308
|
+
class: "first:pt-4 last:pb-4",
|
|
309
|
+
onSelect: _cache[0] || (_cache[0] = ($event) => create(search.value)),
|
|
310
|
+
onMouseenter: _cache[1] || (_cache[1] = ($event) => setCursor(optionsFiltered.value.length))
|
|
311
|
+
}, {
|
|
312
|
+
prefix: withCtx(() => _cache[7] || (_cache[7] = [
|
|
313
|
+
createElementVNode("div", { class: "w-option flex items-center pr-2" }, " Create: ", -1)
|
|
314
|
+
])),
|
|
315
|
+
default: withCtx(() => [
|
|
316
|
+
search.value && !isModelValueSearch.value ? renderSlot(_ctx.$slots, "option", {
|
|
317
|
+
key: 0,
|
|
318
|
+
option: null,
|
|
319
|
+
search: search.value,
|
|
320
|
+
selected: false,
|
|
321
|
+
model: false
|
|
322
|
+
}, () => [
|
|
323
|
+
(openBlock(), createBlock(resolveDynamicComponent(_ctx.optionComponent), mergeProps(_ctx.optionComponentProps, {
|
|
324
|
+
option: null,
|
|
325
|
+
search: search.value,
|
|
326
|
+
selected: false,
|
|
327
|
+
model: false
|
|
328
|
+
}), null, 16, ["search"]))
|
|
329
|
+
]) : (openBlock(), createElementBlock("div", _hoisted_1, " Start typing.. "))
|
|
330
|
+
]),
|
|
331
|
+
_: 3
|
|
332
|
+
}, 8, ["is-cursor", "loading", "scroll", "hide-option-icon", "disabled"])) : createCommentVNode("", true),
|
|
333
|
+
!optionsFiltered.value.length && !isModelValueSearch.value && (!_ctx.createOption || optionsWithCreated.value.length) ? (openBlock(), createElementBlock("div", _hoisted_2, [
|
|
334
|
+
createElementVNode("div", _hoisted_3, toDisplayString(!search.value && _ctx.emptyStub ? _ctx.emptyStub : "No match"), 1)
|
|
298
335
|
])) : createCommentVNode("", true),
|
|
299
336
|
(openBlock(true), createElementBlock(Fragment, null, renderList(optionsFiltered.value, (option, index) => {
|
|
300
337
|
return openBlock(), createBlock(_sfc_main$2, {
|
|
@@ -330,38 +367,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
330
367
|
]),
|
|
331
368
|
_: 2
|
|
332
369
|
}, 1032, ["is-selected", "is-cursor", "loading", "scroll", "hide-option-icon", "onSelect", "onUnselect", "onMouseenter"]);
|
|
333
|
-
}), 128))
|
|
334
|
-
hasCreateOption.value ? (openBlock(), createBlock(_sfc_main$2, {
|
|
335
|
-
key: 1,
|
|
336
|
-
"is-selected": false,
|
|
337
|
-
"is-cursor": cursor.value === optionsFiltered.value.length,
|
|
338
|
-
loading: (loadingCreate.value || loadingOptionIndex.value === optionsFiltered.value.length) && _ctx.loading,
|
|
339
|
-
scroll: isCursorLocked.value,
|
|
340
|
-
"hide-option-icon": _ctx.hideOptionIcon,
|
|
341
|
-
class: "first:pt-4 last:pb-4",
|
|
342
|
-
onSelect: _cache[0] || (_cache[0] = ($event) => create(search.value)),
|
|
343
|
-
onMouseenter: _cache[1] || (_cache[1] = ($event) => setCursor(optionsFiltered.value.length))
|
|
344
|
-
}, {
|
|
345
|
-
prefix: withCtx(() => _cache[7] || (_cache[7] = [
|
|
346
|
-
createElementVNode("span", { class: "w-select-field sm-not:px-3 pr-2" }, " Create: ", -1)
|
|
347
|
-
])),
|
|
348
|
-
default: withCtx(() => [
|
|
349
|
-
renderSlot(_ctx.$slots, "option", {
|
|
350
|
-
option: null,
|
|
351
|
-
search: search.value,
|
|
352
|
-
selected: false,
|
|
353
|
-
model: false
|
|
354
|
-
}, () => [
|
|
355
|
-
(openBlock(), createBlock(resolveDynamicComponent(_ctx.optionComponent), mergeProps(_ctx.optionComponentProps, {
|
|
356
|
-
option: null,
|
|
357
|
-
search: search.value,
|
|
358
|
-
selected: false,
|
|
359
|
-
model: false
|
|
360
|
-
}), null, 16, ["search"]))
|
|
361
|
-
])
|
|
362
|
-
]),
|
|
363
|
-
_: 3
|
|
364
|
-
}, 8, ["is-cursor", "loading", "scroll", "hide-option-icon"])) : createCommentVNode("", true)
|
|
370
|
+
}), 128))
|
|
365
371
|
]),
|
|
366
372
|
_: 2
|
|
367
373
|
}, [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WSelectAsync.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/WSelectAsync.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"WSelectAsync.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/WSelectAsync.vue"],"names":[],"mappings":"AAyHA;AA4RA,OAAO,KAAK,EAAC,gBAAgB,EAAE,qBAAqB,EAA6B,MAAM,SAAS,CAAA;yBAW/E,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,eAC5H,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+e1D,mBAAmB,CAAC;;;;;;;2RAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;;2BApXrB,MAAM,KAAG,IAAI;MAoX8B,GAAG,IAAI;WACpE,GAAG;;gBA1VD,MAAM,IAAI;mBACP,MAAM,IAAI;gBACb,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;iBACrC,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,OAAO,CAAC;YAAC,MAAM,CAAC,EAAE,MAAM,CAAA;SAAC,KAAK,IAAI;;gBAH9H,MAAM,IAAI;mBACP,MAAM,IAAI;gBACb,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;iBACrC,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,OAAO,CAAC;YAAC,MAAM,CAAC,EAAE,MAAM,CAAA;SAAC,KAAK,IAAI;;;YA3IlI,QAAQ,QAAQ,KAAK,GAAG,IAAI;YAC5B,UAAU,QAAQ,KAAK,GAAG,IAAI;YAC9B,mBAAmB,SAAS,KAAK,EAAE,GAAG,IAAI;YAC1C,YAAY,GAAG,IAAI;YACnB,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,MAAM,SAAS,UAAU,GAAG,IAAI;;;;;YAkeM,OAAO,CAAC,OAAO,WAAW,CAAC;;AAzfvE,wBAyf4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
|
|
@@ -236,10 +236,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
236
236
|
loading: _ctx.loading || isFetchingPrefix.value,
|
|
237
237
|
disabled: isDisabled.value,
|
|
238
238
|
"empty-stub": !search.value && _ctx.emptyStub ? _ctx.emptyStub : void 0,
|
|
239
|
-
"allow-create": _ctx.createOption &&
|
|
239
|
+
"allow-create": _ctx.createOption && !hasSearchOption.value,
|
|
240
240
|
"hide-option-icon": _ctx.hideOptionIcon,
|
|
241
241
|
"value-getter": _ctx.valueGetter,
|
|
242
242
|
"loading-create": loadingCreate.value,
|
|
243
|
+
search: search.value,
|
|
243
244
|
onSelect: select,
|
|
244
245
|
onUnselect: unselect,
|
|
245
246
|
"onCreate:option": create,
|
|
@@ -263,7 +264,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
263
264
|
])
|
|
264
265
|
]),
|
|
265
266
|
_: 3
|
|
266
|
-
}, 8, ["model-value", "use-query-fn", "query-params", "loading", "disabled", "empty-stub", "allow-create", "hide-option-icon", "value-getter", "loading-create"])
|
|
267
|
+
}, 8, ["model-value", "use-query-fn", "query-params", "loading", "disabled", "empty-stub", "allow-create", "hide-option-icon", "value-getter", "loading-create", "search"])
|
|
267
268
|
]),
|
|
268
269
|
_: 2
|
|
269
270
|
}, [
|
|
@@ -13,7 +13,7 @@ declare const _default: <Model extends number | string, Data extends DefaultData
|
|
|
13
13
|
title?(_: {}): any;
|
|
14
14
|
subtitle?(_: {}): any;
|
|
15
15
|
option?(_: {
|
|
16
|
-
option: Data | null;
|
|
16
|
+
option: Data | null | undefined;
|
|
17
17
|
selected: boolean;
|
|
18
18
|
model: boolean;
|
|
19
19
|
search: string | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WSelectSingle.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/WSelectSingle.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"WSelectSingle.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/WSelectSingle.vue"],"names":[],"mappings":"AAuDA;AAiGA,OAAO,KAAK,EAAC,qBAAqB,EAAE,iBAAiB,EAAC,MAAM,SAAS,CAAA;yBAMpD,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,kBAAkB,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,EAAE,UAAU,SAAS,OAAO,uBAC/J,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;WAoM1D,mBAAmB,CAAC;;;;8RAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;MAAsB,GAAG,IAAI;WACpE,GAAG;;uBAnCiB,GAAG;0BACA,GAAG;;;;;;YACL,GAAG;uBACJ,GAAG;;;YA5JzB,oBAAoB,0DAAoB,IAAI;YAC5C,4BAA4B,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC9D,YAAY,GAAG,IAAI;;;;;YA+LmB,OAAO,CAAC,OAAO,WAAW,CAAC;;AA9MvE,wBA8M4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
|
|
@@ -15,7 +15,7 @@ declare const _default: <Model extends string, Data extends DefaultData, QueryPa
|
|
|
15
15
|
subtitle?: () => VNode[];
|
|
16
16
|
right?: () => VNode[];
|
|
17
17
|
option?: (props: {
|
|
18
|
-
option: Data | null;
|
|
18
|
+
option: Data | null | undefined;
|
|
19
19
|
selected: boolean;
|
|
20
20
|
model: boolean;
|
|
21
21
|
search: string | undefined;
|
|
@@ -25,7 +25,7 @@ declare const _default: <Model extends string, Data extends DefaultData, QueryPa
|
|
|
25
25
|
subtitle?: () => VNode[];
|
|
26
26
|
right?: () => VNode[];
|
|
27
27
|
option?: (props: {
|
|
28
|
-
option: Data | null;
|
|
28
|
+
option: Data | null | undefined;
|
|
29
29
|
selected: boolean;
|
|
30
30
|
model: boolean;
|
|
31
31
|
search: string | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WSelectStringified.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/WSelectStringified.vue"],"names":[],"mappings":"AAkDA;
|
|
1
|
+
{"version":3,"file":"WSelectStringified.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/WSelectStringified.vue"],"names":[],"mappings":"AAkDA;AA8GA,OAAO,KAAK,EAAC,qBAAqB,EAAE,sBAAsB,EAAC,MAAM,SAAS,CAAA;AAE1E,OAAO,EAAC,KAAK,KAAK,EAA2B,MAAM,KAAK,CAAA;yBAIvC,KAAK,SAAS,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,kBAAkB,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,eAC1H,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;WAkM1D,mBAAmB,CAAC;;;;uRAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;MAAsB,GAAG,IAAI;WACpE,GAAG;;gBAtJD,MAAM,KAAK,EAAE;mBACV,MAAM,KAAK,EAAE;gBAChB,MAAM,KAAK,EAAE;iBACZ,CAAC,KAAK,EAAE;YACf,MAAM,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,CAAA;YAC/B,QAAQ,EAAE,OAAO,CAAA;YACjB,KAAK,EAAE,OAAO,CAAA;YACd,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;SAC3B,KAAK,KAAK,EAAE;;gBARL,MAAM,KAAK,EAAE;mBACV,MAAM,KAAK,EAAE;gBAChB,MAAM,KAAK,EAAE;iBACZ,CAAC,KAAK,EAAE;YACf,MAAM,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,CAAA;YAC/B,QAAQ,EAAE,OAAO,CAAA;YACjB,KAAK,EAAE,OAAO,CAAA;YACd,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;SAC3B,KAAK,KAAK,EAAE;;;YA9CT,oBAAoB,SAAS,KAAK,GAAG,IAAI;YACzC,4BAA4B,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC9D,YAAY,GAAG,IAAI;;;;;YA+LmB,OAAO,CAAC,OAAO,WAAW,CAAC;;AA5MvE,wBA4M4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
|
|
@@ -23,6 +23,7 @@ declare const _default: <Model extends number | string, Data extends DefaultData
|
|
|
23
23
|
valueGetter: (data: Data) => Model;
|
|
24
24
|
queryOptions?: Partial<Parameters<UseQueryPaginated<Data, QueryParams>>[1]>;
|
|
25
25
|
loadingCreate?: boolean;
|
|
26
|
+
search?: string;
|
|
26
27
|
} & Partial<{}>> & import('vue').PublicProps;
|
|
27
28
|
expose(exposed: import('vue').ShallowUnwrapRef<{
|
|
28
29
|
cursorUp: () => void;
|
|
@@ -35,12 +36,14 @@ declare const _default: <Model extends number | string, Data extends DefaultData
|
|
|
35
36
|
option: Data | null;
|
|
36
37
|
selected: boolean;
|
|
37
38
|
skeleton: boolean;
|
|
39
|
+
search: string | undefined;
|
|
38
40
|
}) => void;
|
|
39
41
|
}> & {
|
|
40
42
|
default?: (props: {
|
|
41
43
|
option: Data | null;
|
|
42
44
|
selected: boolean;
|
|
43
45
|
skeleton: boolean;
|
|
46
|
+
search: string | undefined;
|
|
44
47
|
}) => void;
|
|
45
48
|
};
|
|
46
49
|
emit: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectAsyncList.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/components/SelectAsyncList.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SelectAsyncList.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/components/SelectAsyncList.vue"],"names":[],"mappings":"AAqHA;yBA2QiB,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,eACvE,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;WAme1D,mBAAmB,CAAC;;;;;;;oBAhed,KAAK,EAAE;oBACP,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC;qBACnC,WAAW;2BACL,OAAO,GAAG,IAAI;kBACvB,OAAO;mBACN,OAAO;qBACL,OAAO;wBACJ,CAAC,MAAM,WAAW,CAAC,EAAE;oBACzB,OAAO;oBACP,MAAM;qBACL,OAAO;uBACL,OAAO;sBACR,OAAO;yBACJ,OAAO;qBACX,CAAC,IAAI,EAAE,IAAI,KAAK,KAAK;uBACnB,OAAO,CAAC,UAAU,CAAC,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;wBAC3D,OAAO;iBACd,MAAM;mBA+c6E,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;;;MAAsB,GAAG,IAAI;WACpE,GAAG;;kBAjWC,CAAC,KAAK,EAAE;YAChB,MAAM,EAAE,IAAI,GAAG,IAAI,CAAA;YACnB,QAAQ,EAAE,OAAO,CAAA;YACjB,QAAQ,EAAE,OAAO,CAAA;YACjB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;SAC3B,KAAK,IAAI;;kBALA,CAAC,KAAK,EAAE;YAChB,MAAM,EAAE,IAAI,GAAG,IAAI,CAAA;YACnB,QAAQ,EAAE,OAAO,CAAA;YACjB,QAAQ,EAAE,OAAO,CAAA;YACjB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;SAC3B,KAAK,IAAI;;;YAhHN,QAAQ,SAAS,KAAK,GAAG,IAAI;YAC7B,UAAU,SAAS,KAAK,GAAG,IAAI;YAC/B,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,mBAAmB,SAAS,KAAK,EAAE,GAAG,IAAI;YAC1C,eAAe,GAAG,IAAI;;;;;YA6cgB,OAAO,CAAC,OAAO,WAAW,CAAC;;AA7evE,wBA6e4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
|
|
@@ -1,8 +1,13 @@
|
|
|
1
|
-
import { defineComponent, ref, createElementBlock, openBlock,
|
|
2
|
-
import _sfc_main$
|
|
1
|
+
import { defineComponent, ref, computed, createElementBlock, openBlock, createBlock, createCommentVNode, createVNode, withCtx, renderSlot, createElementVNode, normalizeClass, toDisplayString } from 'vue';
|
|
2
|
+
import _sfc_main$2 from '../../InfiniteList/WInfiniteList.vue.js';
|
|
3
3
|
import { debounce } from '../../../utils/utils.js';
|
|
4
|
-
import _sfc_main$
|
|
4
|
+
import _sfc_main$1 from './SelectOption.vue.js';
|
|
5
5
|
|
|
6
|
+
const _hoisted_1 = {
|
|
7
|
+
key: 1,
|
|
8
|
+
class: "text-description w-option flex items-center"
|
|
9
|
+
};
|
|
10
|
+
const _hoisted_2 = { class: "w-option flex cursor-default select-none items-center" };
|
|
6
11
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
7
12
|
__name: "SelectAsyncList",
|
|
8
13
|
props: {
|
|
@@ -22,7 +27,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
22
27
|
hideOptionIcon: { type: Boolean },
|
|
23
28
|
valueGetter: { type: Function },
|
|
24
29
|
queryOptions: {},
|
|
25
|
-
loadingCreate: { type: Boolean }
|
|
30
|
+
loadingCreate: { type: Boolean },
|
|
31
|
+
search: {}
|
|
26
32
|
},
|
|
27
33
|
emits: ["select", "unselect", "update:count", "update:modelValue", "create:option"],
|
|
28
34
|
setup(__props, { expose: __expose, emit: __emit }) {
|
|
@@ -36,6 +42,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
36
42
|
const firstItem = ref();
|
|
37
43
|
const lastItem = ref();
|
|
38
44
|
const count = ref(0);
|
|
45
|
+
const isModelValueSearch = computed(() => props.search && props.modelValue.includes(props.search));
|
|
39
46
|
const setLoadingOption = (value) => {
|
|
40
47
|
loadingOption.value = value;
|
|
41
48
|
};
|
|
@@ -98,7 +105,44 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
98
105
|
});
|
|
99
106
|
return (_ctx, _cache) => {
|
|
100
107
|
return openBlock(), createElementBlock("div", null, [
|
|
101
|
-
|
|
108
|
+
_ctx.allowCreate ? (openBlock(), createBlock(_sfc_main$1, {
|
|
109
|
+
key: 0,
|
|
110
|
+
"is-selected": false,
|
|
111
|
+
"is-cursor": cursor.value === null,
|
|
112
|
+
loading: _ctx.loading && (_ctx.loadingCreate || loadingOption.value === null),
|
|
113
|
+
scroll: isCursorLocked.value,
|
|
114
|
+
previous: lastItem.value,
|
|
115
|
+
next: firstItem.value,
|
|
116
|
+
first: count.value === 0,
|
|
117
|
+
"is-no-cursor": cursor.value === void 0,
|
|
118
|
+
"hide-option-icon": _ctx.hideOptionIcon,
|
|
119
|
+
class: "first:pt-4 last:pb-4",
|
|
120
|
+
onMouseenter: _cache[0] || (_cache[0] = ($event) => setCursor(null)),
|
|
121
|
+
"onUpdate:cursor": _cache[1] || (_cache[1] = ($event) => setCursor(null)),
|
|
122
|
+
onSelect: _cache[2] || (_cache[2] = ($event) => {
|
|
123
|
+
_ctx.$emit("create:option");
|
|
124
|
+
setLoadingOption(null);
|
|
125
|
+
}),
|
|
126
|
+
"onUpdate:isCursor": updateCursors,
|
|
127
|
+
"onUpdate:previous": _cache[3] || (_cache[3] = ($event) => cursorPrevious.value = $event),
|
|
128
|
+
"onUpdate:next": _cache[4] || (_cache[4] = ($event) => cursorNext.value = $event),
|
|
129
|
+
onUnmounted: _cache[5] || (_cache[5] = ($event) => updateCursor(void 0))
|
|
130
|
+
}, {
|
|
131
|
+
prefix: withCtx(() => _cache[11] || (_cache[11] = [
|
|
132
|
+
createElementVNode("span", { class: "w-option flex items-center pr-2" }, " Create: ", -1)
|
|
133
|
+
])),
|
|
134
|
+
default: withCtx(() => [
|
|
135
|
+
_ctx.search && !isModelValueSearch.value ? renderSlot(_ctx.$slots, "default", {
|
|
136
|
+
key: 0,
|
|
137
|
+
option: null,
|
|
138
|
+
selected: false,
|
|
139
|
+
skeleton: false,
|
|
140
|
+
search: _ctx.search
|
|
141
|
+
}) : (openBlock(), createElementBlock("div", _hoisted_1, " Start typing.. "))
|
|
142
|
+
]),
|
|
143
|
+
_: 3
|
|
144
|
+
}, 8, ["is-cursor", "loading", "scroll", "previous", "next", "first", "is-no-cursor", "hide-option-icon"])) : createCommentVNode("", true),
|
|
145
|
+
createVNode(_sfc_main$2, {
|
|
102
146
|
"use-query-fn": _ctx.useQueryFn,
|
|
103
147
|
"query-params": _ctx.queryParams,
|
|
104
148
|
"scrolling-element": _ctx.scrollingElement,
|
|
@@ -114,15 +158,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
114
158
|
"header-top-ignore": "",
|
|
115
159
|
"min-height": "",
|
|
116
160
|
"no-gap": "",
|
|
117
|
-
"onUpdate:count": _cache[
|
|
161
|
+
"onUpdate:count": _cache[9] || (_cache[9] = ($event) => {
|
|
118
162
|
_ctx.$emit("update:count", $event);
|
|
119
163
|
count.value = $event;
|
|
120
164
|
updateCursor(void 0);
|
|
121
165
|
}),
|
|
122
|
-
"onUpdate:selected": _cache[
|
|
166
|
+
"onUpdate:selected": _cache[10] || (_cache[10] = ($event) => !_ctx.disabled && _ctx.$emit("update:modelValue", $event))
|
|
123
167
|
}, {
|
|
124
168
|
default: withCtx(({ item, skeleton, previous, next, first, last }) => [
|
|
125
|
-
createVNode(_sfc_main$
|
|
169
|
+
createVNode(_sfc_main$1, {
|
|
126
170
|
"is-selected": !skeleton && _ctx.modelValue.includes(_ctx.valueGetter(item)),
|
|
127
171
|
"is-cursor": !skeleton && _ctx.valueGetter(item) === cursor.value,
|
|
128
172
|
loading: _ctx.loading && loadingOption.value === _ctx.valueGetter(item),
|
|
@@ -135,17 +179,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
135
179
|
"is-no-cursor": cursor.value === void 0,
|
|
136
180
|
"hide-option-icon": _ctx.hideOptionIcon,
|
|
137
181
|
class: normalizeClass({
|
|
138
|
-
"pt-4": !_ctx.noPadding && first,
|
|
139
|
-
"pb-4": !_ctx.noPadding && last
|
|
182
|
+
"pt-4": !_ctx.noPadding && first && !_ctx.allowCreate,
|
|
183
|
+
"pb-4": !_ctx.noPadding && last
|
|
140
184
|
}),
|
|
141
185
|
onSelect: ($event) => emitSelect(_ctx.valueGetter(item)),
|
|
142
186
|
onUnselect: ($event) => emitUnselect(_ctx.valueGetter(item)),
|
|
143
187
|
onMouseenter: ($event) => !skeleton && setCursor(_ctx.valueGetter(item)),
|
|
144
188
|
"onUpdate:cursor": ($event) => setCursor(_ctx.valueGetter(item)),
|
|
145
189
|
"onUpdate:isCursor": updateCursors,
|
|
146
|
-
"onUpdate:previous": _cache[
|
|
147
|
-
"onUpdate:next": _cache[
|
|
148
|
-
onUnmounted: _cache[
|
|
190
|
+
"onUpdate:previous": _cache[6] || (_cache[6] = ($event) => cursorPrevious.value = $event),
|
|
191
|
+
"onUpdate:next": _cache[7] || (_cache[7] = ($event) => cursorNext.value = $event),
|
|
192
|
+
onUnmounted: _cache[8] || (_cache[8] = ($event) => updateCursor(void 0)),
|
|
149
193
|
"onUpdate:first": ($event) => firstItem.value = _ctx.valueGetter(item),
|
|
150
194
|
"onUpdate:last": ($event) => lastItem.value = _ctx.valueGetter(item)
|
|
151
195
|
}, {
|
|
@@ -153,49 +197,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
153
197
|
renderSlot(_ctx.$slots, "default", {
|
|
154
198
|
option: item,
|
|
155
199
|
selected,
|
|
156
|
-
skeleton
|
|
200
|
+
skeleton,
|
|
201
|
+
search: void 0
|
|
157
202
|
})
|
|
158
203
|
]),
|
|
159
204
|
_: 2
|
|
160
205
|
}, 1032, ["is-selected", "is-cursor", "loading", "skeleton", "scroll", "first", "last", "previous", "next", "is-no-cursor", "hide-option-icon", "class", "onSelect", "onUnselect", "onMouseenter", "onUpdate:cursor", "onUpdate:first", "onUpdate:last"])
|
|
161
206
|
]),
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
previous: lastItem.value,
|
|
171
|
-
next: firstItem.value,
|
|
172
|
-
first: count.value === 0,
|
|
173
|
-
"is-no-cursor": cursor.value === void 0,
|
|
174
|
-
"hide-option-icon": _ctx.hideOptionIcon,
|
|
175
|
-
class: "first:pt-4 last:pb-4",
|
|
176
|
-
onMouseenter: _cache[5] || (_cache[5] = ($event) => setCursor(null)),
|
|
177
|
-
"onUpdate:cursor": _cache[6] || (_cache[6] = ($event) => setCursor(null)),
|
|
178
|
-
onSelect: _cache[7] || (_cache[7] = ($event) => {
|
|
179
|
-
_ctx.$emit("create:option");
|
|
180
|
-
setLoadingOption(null);
|
|
181
|
-
}),
|
|
182
|
-
"onUpdate:isCursor": updateCursors,
|
|
183
|
-
"onUpdate:previous": _cache[8] || (_cache[8] = ($event) => cursorPrevious.value = $event),
|
|
184
|
-
"onUpdate:next": _cache[9] || (_cache[9] = ($event) => cursorNext.value = $event),
|
|
185
|
-
onUnmounted: _cache[10] || (_cache[10] = ($event) => updateCursor(void 0))
|
|
186
|
-
}, {
|
|
187
|
-
prefix: withCtx(() => _cache[11] || (_cache[11] = [
|
|
188
|
-
createElementVNode("span", { class: "w-select-field sm-not:px-3 pr-2" }, " Create: ", -1)
|
|
189
|
-
])),
|
|
190
|
-
default: withCtx(() => [
|
|
191
|
-
renderSlot(_ctx.$slots, "default", {
|
|
192
|
-
option: null,
|
|
193
|
-
selected: false,
|
|
194
|
-
skeleton: false
|
|
195
|
-
})
|
|
207
|
+
empty: withCtx(() => [
|
|
208
|
+
createElementVNode("div", {
|
|
209
|
+
class: normalizeClass(["w-select-option pb-4", {
|
|
210
|
+
"pt-4": !_ctx.noPadding && !_ctx.allowCreate
|
|
211
|
+
}])
|
|
212
|
+
}, [
|
|
213
|
+
createElementVNode("div", _hoisted_2, toDisplayString(!_ctx.search && _ctx.emptyStub ? _ctx.emptyStub : "No match"), 1)
|
|
214
|
+
], 2)
|
|
196
215
|
]),
|
|
197
216
|
_: 3
|
|
198
|
-
}, 8, ["
|
|
217
|
+
}, 8, ["use-query-fn", "query-params", "scrolling-element", "transition", "exclude-params", "selected", "empty-stub", "value-getter", "query-options", "skeleton-length", "last-child"])
|
|
199
218
|
]);
|
|
200
219
|
};
|
|
201
220
|
}
|
|
@@ -11,6 +11,7 @@ declare const _default: <Model extends number | string>(__VLS_props: NonNullable
|
|
|
11
11
|
next?: Model | null;
|
|
12
12
|
isNoCursor?: boolean;
|
|
13
13
|
hideOptionIcon?: boolean;
|
|
14
|
+
disabled?: boolean;
|
|
14
15
|
} & Partial<{}>> & import('vue').PublicProps;
|
|
15
16
|
expose(exposed: import('vue').ShallowUnwrapRef<{
|
|
16
17
|
scrollIntoView: () => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectOption.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/components/SelectOption.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SelectOption.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/components/SelectOption.vue"],"names":[],"mappings":"AA4CA;yBAmJiB,KAAK,SAAS,MAAM,GAAG,MAAM,eAChC,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;WA6M1D,mBAAmB,CAAC;oBA1Md,OAAO;mBACR,OAAO;kBACR,OAAO;mBACN,OAAO;iBACT,OAAO;gBACR,OAAO;eACR,OAAO;mBACH,KAAK,GAAG,IAAI;eAChB,KAAK,GAAG,IAAI;qBACN,OAAO;yBACH,OAAO;mBACb,OAAO;mBA+L0E,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;MAAsB,GAAG,IAAI;WACpE,GAAG;;iBArHA,CAAC,KAAK,EAAE;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;gBACrC,MAAM,IAAI;;iBADT,CAAC,KAAK,EAAE;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;gBACrC,MAAM,IAAI;;;YAxEd,QAAQ,GAAG,IAAI;YACf,UAAU,GAAG,IAAI;YACjB,kBAAkB,SAAS;YAAC,QAAQ,EAAE,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;YAAC,IAAI,EAAE,KAAK,GAAG,IAAI,GAAG,SAAS,CAAA;SAAC,GAAG,IAAI;YACtG,eAAe,GAAG,IAAI;YACtB,iBAAiB,SAAS,KAAK,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI;YACzD,aAAa,SAAS,KAAK,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI;YACrD,WAAW,GAAG,IAAI;YAClB,cAAc,GAAG,IAAI;YACrB,aAAa,GAAG,IAAI;;;;;YAyLkB,OAAO,CAAC,OAAO,WAAW,CAAC;;AAvNvE,wBAuN4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
|
|
@@ -19,7 +19,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
19
19
|
previous: {},
|
|
20
20
|
next: {},
|
|
21
21
|
isNoCursor: { type: Boolean },
|
|
22
|
-
hideOptionIcon: { type: Boolean }
|
|
22
|
+
hideOptionIcon: { type: Boolean },
|
|
23
|
+
disabled: { type: Boolean }
|
|
23
24
|
},
|
|
24
25
|
emits: ["select", "unselect", "update:is-cursor", "update:cursor", "update:previous", "update:next", "unmounted", "update:first", "update:last"],
|
|
25
26
|
setup(__props, { expose: __expose, emit: __emit }) {
|
|
@@ -27,7 +28,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
27
28
|
const emit = __emit;
|
|
28
29
|
const elementRef = useTemplateRef("element");
|
|
29
30
|
const toggle = () => {
|
|
30
|
-
if (props.skeleton || props.loading) return;
|
|
31
|
+
if (props.skeleton || props.loading || props.disabled) return;
|
|
31
32
|
if (props.isSelected) emit("unselect");
|
|
32
33
|
else emit("select");
|
|
33
34
|
};
|
|
@@ -68,11 +69,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
68
69
|
return (_ctx, _cache) => {
|
|
69
70
|
return openBlock(), createElementBlock("div", {
|
|
70
71
|
ref: "element",
|
|
71
|
-
class: normalizeClass(["relative grid w-full grid-cols-[auto,1fr,2.5rem]
|
|
72
|
-
"bg-primary-light dark:bg-primary-darkest": _ctx.isSelected,
|
|
73
|
-
"before:opacity-5": !_ctx.loading && _ctx.isCursor && !_ctx.skeleton,
|
|
72
|
+
class: normalizeClass(["w-select-option relative grid w-full grid-cols-[auto,1fr,2.5rem]", {
|
|
73
|
+
"bg-primary-light/30 dark:bg-primary-darkest/30": _ctx.isSelected,
|
|
74
|
+
"before:opacity-5": !_ctx.loading && _ctx.isCursor && !_ctx.skeleton && !_ctx.disabled,
|
|
74
75
|
"cursor-progress": _ctx.loading || _ctx.skeleton,
|
|
75
|
-
"w-ripple": !_ctx.loading && !_ctx.skeleton
|
|
76
|
+
"w-ripple": !_ctx.loading && !_ctx.skeleton && !_ctx.disabled,
|
|
77
|
+
"cursor-not-allowed": _ctx.disabled
|
|
76
78
|
}]),
|
|
77
79
|
onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {
|
|
78
80
|
}, ["prevent", "stop"])),
|
|
@@ -94,7 +96,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
94
96
|
}, {
|
|
95
97
|
default: withCtx(() => [
|
|
96
98
|
!_ctx.hideOptionIcon && (_ctx.isSelected || _ctx.loading) ? (openBlock(), createElementBlock("div", _hoisted_1, [
|
|
97
|
-
_ctx.isSelected && !_ctx.loading ? (openBlock(), createBlock(unref(IconCheck), {
|
|
99
|
+
_ctx.isSelected && !_ctx.loading ? (openBlock(), createBlock(unref(IconCheck), {
|
|
100
|
+
key: 0,
|
|
101
|
+
class: "square-[1.5em]"
|
|
102
|
+
})) : _ctx.loading ? (openBlock(), createBlock(WSpinner, { key: 1 })) : createCommentVNode("", true)
|
|
98
103
|
])) : createCommentVNode("", true)
|
|
99
104
|
]),
|
|
100
105
|
_: 1
|
|
@@ -6,7 +6,10 @@ declare const _default: <Data extends DefaultData, OptionComponent extends Selec
|
|
|
6
6
|
expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
|
|
7
7
|
attrs: any;
|
|
8
8
|
slots: {
|
|
9
|
-
option?(_: {
|
|
9
|
+
option?(_: {
|
|
10
|
+
option: Data | undefined;
|
|
11
|
+
search: string | undefined;
|
|
12
|
+
}): any;
|
|
10
13
|
};
|
|
11
14
|
emit: (e: "unselect") => void;
|
|
12
15
|
}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectOptionPrefix.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/components/SelectOptionPrefix.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SelectOptionPrefix.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/components/SelectOptionPrefix.vue"],"names":[],"mappings":"AA8CA;AA2DA,OAAO,KAAK,EAAC,qBAAqB,EAAE,iBAAiB,EAAC,MAAM,UAAU,CAAA;yBAIrD,IAAI,SAAS,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,eAChF,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;WAsJ1D,mBAAmB,CAAC;;2LAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;;YA7BkB,GAAG;;cArH1B,UAAU,KAAG,IAAI;;;;YAuJqB,OAAO,CAAC,OAAO,WAAW,CAAC;;AAhKvE,wBAgK4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
|
|
@@ -5,6 +5,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
5
5
|
__name: "SelectOptionPrefix",
|
|
6
6
|
props: {
|
|
7
7
|
option: {},
|
|
8
|
+
search: {},
|
|
8
9
|
index: {},
|
|
9
10
|
disabled: { type: Boolean },
|
|
10
11
|
loading: { type: Boolean },
|
|
@@ -18,6 +19,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
18
19
|
return _ctx.optionComponent ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.optionComponent), mergeProps({ key: 0 }, _ctx.optionComponentProps, {
|
|
19
20
|
option: _ctx.option,
|
|
20
21
|
index: _ctx.index,
|
|
22
|
+
search: _ctx.option === void 0 ? _ctx.search : void 0,
|
|
21
23
|
selected: true,
|
|
22
24
|
model: true
|
|
23
25
|
}), {
|
|
@@ -33,14 +35,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
33
35
|
}, null, 8, ["loading", "disabled"])) : createCommentVNode("", true)
|
|
34
36
|
]),
|
|
35
37
|
_: 1
|
|
36
|
-
}, 16, ["option", "index"])) : (openBlock(), createElementBlock("div", {
|
|
38
|
+
}, 16, ["option", "index", "search"])) : (openBlock(), createElementBlock("div", {
|
|
37
39
|
key: 1,
|
|
38
40
|
class: normalizeClass(["text-description group/model relative grid grid-cols-[1fr,auto] items-center", {
|
|
39
41
|
"cursor-pointer": !_ctx.disabled,
|
|
40
42
|
"cursor-not-allowed opacity-50": _ctx.disabled
|
|
41
43
|
}])
|
|
42
44
|
}, [
|
|
43
|
-
renderSlot(_ctx.$slots, "option"
|
|
45
|
+
renderSlot(_ctx.$slots, "option", {
|
|
46
|
+
option: _ctx.option,
|
|
47
|
+
search: _ctx.option === void 0 ? _ctx.search : void 0
|
|
48
|
+
}),
|
|
44
49
|
!_ctx.disableClear ? (openBlock(), createBlock(_sfc_main$1, {
|
|
45
50
|
key: 0,
|
|
46
51
|
loading: _ctx.loading,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { InputSuggestProps } from '../Input/types';
|
|
2
2
|
import { Component } from 'vue';
|
|
3
3
|
export type SelectOptionProps<Option> = {
|
|
4
|
-
option: Option;
|
|
4
|
+
option: Option | undefined;
|
|
5
5
|
selected?: boolean;
|
|
6
6
|
model?: boolean;
|
|
7
7
|
index?: number;
|
|
@@ -41,7 +41,8 @@ export interface SelectProps<Model extends number | string, Data extends Default
|
|
|
41
41
|
createdData?: Data[];
|
|
42
42
|
}
|
|
43
43
|
export interface SelectPrefixProps<Data extends DefaultData, OptionComponent extends SelectOptionComponent<Data>> extends SelectOptionComponentProps<Data, OptionComponent> {
|
|
44
|
-
option: Data;
|
|
44
|
+
option: Data | undefined;
|
|
45
|
+
search: string | number | undefined;
|
|
45
46
|
index?: number;
|
|
46
47
|
disabled?: boolean;
|
|
47
48
|
loading?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,0BAA0B,CAAA;AAC/D,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,KAAK,CAAA;AAElC,MAAM,MAAM,iBAAiB,CAAC,MAAM,IAAI;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/types.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -183,6 +183,9 @@ const pluginDefault = plugin(function ({matchUtilities, addVariant, addUtilities
|
|
|
183
183
|
'.w-option-has-bg .w-option-button': {
|
|
184
184
|
'margin-right': 'calc(var(--w-option-rounded) * -1)',
|
|
185
185
|
},
|
|
186
|
+
'.w-select-option': {
|
|
187
|
+
padding: '0.5rem calc(var(--w-option-padding) + var(--w-input-gap) + 1px)',
|
|
188
|
+
},
|
|
186
189
|
body: {
|
|
187
190
|
'--w-option-height': 'calc(var(--w-input-height,2.75rem) - (var(--w-input-gap,0.25rem) * 2) - 2px)',
|
|
188
191
|
'--w-option-rounded': 'calc(var(--w-input-rounded,0.75rem) - var(--w-input-gap,0.25rem))',
|