eco-vue-js 0.10.39 → 0.10.40
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/HeaderBar/WHeaderBar.vue.d.ts +2 -0
- package/dist/components/HeaderBar/WHeaderBar.vue.d.ts.map +1 -1
- package/dist/components/InfiniteList/components/InfiniteListPages.vue.js +1 -1
- package/dist/components/Input/WInput.vue.d.ts +1 -0
- package/dist/components/Input/WInput.vue.d.ts.map +1 -1
- package/dist/components/Input/WInput.vue.js +7 -2
- package/dist/components/Input/WInputDate.vue.d.ts +2 -0
- package/dist/components/Input/WInputDate.vue.d.ts.map +1 -1
- package/dist/components/Input/WInputSuggest.vue.d.ts +1 -0
- package/dist/components/Input/WInputSuggest.vue.d.ts.map +1 -1
- package/dist/components/Input/WInputSuggest.vue.js +5 -1
- package/dist/components/List/WList.vue.js +1 -1
- package/dist/components/Modal/WModalWrapper.vue.d.ts +102 -0
- package/dist/components/Modal/WModalWrapper.vue.d.ts.map +1 -1
- package/dist/components/Modal/WModalWrapper.vue.js +5 -2
- package/dist/components/Select/WSelect.vue.d.ts.map +1 -1
- package/dist/components/Select/WSelect.vue.js +1 -0
- package/dist/components/Select/WSelectAsync.vue.d.ts.map +1 -1
- package/dist/components/Select/WSelectAsync.vue.js +6 -1
- package/package.json +1 -1
- package/tailwind-base/plugins/default.ts +6 -4
- package/tailwind-base/theme/sizes.ts +4 -0
@@ -16,6 +16,7 @@ declare function __VLS_template(): {
|
|
16
16
|
focus: () => void;
|
17
17
|
blur: () => void;
|
18
18
|
fieldRef: import('vue').ComputedRef<HTMLDivElement | null | undefined>;
|
19
|
+
scrollToInput: () => void;
|
19
20
|
}> | null;
|
20
21
|
};
|
21
22
|
rootEl: HTMLDivElement;
|
@@ -34,6 +35,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
|
|
34
35
|
focus: () => void;
|
35
36
|
blur: () => void;
|
36
37
|
fieldRef: import('vue').ComputedRef<HTMLDivElement | null | undefined>;
|
38
|
+
scrollToInput: () => void;
|
37
39
|
}> | null;
|
38
40
|
}, HTMLDivElement>;
|
39
41
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"WHeaderBar.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/HeaderBar/WHeaderBar.vue"],"names":[],"mappings":"AAsFA;AA2KA,KAAK,WAAW,GAAG;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAC;AA+DJ,iBAAS,cAAc;WA+LT,OAAO,IAA6B;;uBAdvB,GAAG;wBACD,GAAG;wBACH,GAAG
|
1
|
+
{"version":3,"file":"WHeaderBar.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/HeaderBar/WHeaderBar.vue"],"names":[],"mappings":"AAsFA;AA2KA,KAAK,WAAW,GAAG;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAC;AA+DJ,iBAAS,cAAc;WA+LT,OAAO,IAA6B;;uBAdvB,GAAG;wBACD,GAAG;wBACH,GAAG;;;;;;;;;;;;EAiB/B;AAqBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;WA5RT,MAAM;YACL,MAAM;;;;;;;;;kBAqSjB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
@@ -123,7 +123,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
123
123
|
ref: "infiniteScroll",
|
124
124
|
style: normalizeStyle({ "--infinite-list-header-height": _ctx.headerHeight + "px" }),
|
125
125
|
class: normalizeClass({
|
126
|
-
"min-h-
|
126
|
+
"-min-h--height-inner pb-16 pt-[--w-list-gap,1rem]": !_ctx.minHeight,
|
127
127
|
"min-h-full": _ctx.minHeight
|
128
128
|
}),
|
129
129
|
"onScroll:down": addNextPage,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"WInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInput.vue"],"names":[],"mappings":"AAoMA;
|
1
|
+
{"version":3,"file":"WInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInput.vue"],"names":[],"mappings":"AAoMA;AA4ZA,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,SAAS,CAAA;yBAWtB,IAAI,SAAS,SAAS,GAAG,MAAM,EAC/C,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAmnBO,mBAAmB,CAAC,oCAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;qBA3gB7B,IAAI;oBAML,IAAI;;;MAqgBgD,GAAG,IAAI;WACpE,GAAG;;uBAnDgB,GAAG;0BACA,GAAG;wBACJ,GAAG;wBACH,GAAG;wBACH,GAAG;uBACJ,GAAG;wBACF,GAAG;uBACJ,GAAG;uBACH,GAAG;;;YA3jBzB,mBAAmB,SAAS,4CAAa,SAAS,GAAG,IAAI;YACzD,gBAAgB,SAAS,aAAa,GAAG,IAAI;YAC7C,aAAa,SAAS,aAAa,GAAG,IAAI;YAC1C,eAAe,SAAS,aAAa,GAAG,IAAI;YAC5C,iBAAiB,SAAS,aAAa,GAAG,IAAI;YAC9C,oBAAoB,SAAS,aAAa,GAAG,IAAI;YACjD,aAAa,GAAG,IAAI;YACpB,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,MAAM,SAAS,UAAU,GAAG,IAAI;YAChC,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,WAAW,SAAS,UAAU,GAAG,IAAI;YACrC,cAAc,SAAS,UAAU,GAAG,IAAI;YACxC,cAAc,SAAS,KAAK,GAAG,IAAI;YACnC,OAAO,GAAG,IAAI;;EA6lBhB,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA9nBzE,wBA8nB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
|
@@ -155,6 +155,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
155
155
|
});
|
156
156
|
});
|
157
157
|
};
|
158
|
+
const scrollToInput = () => {
|
159
|
+
if (!contentRef.value || !inputRef.value) return;
|
160
|
+
contentRef.value.scrollTo({ left: contentRef.value.scrollWidth - inputRef.value.offsetWidth - 40 });
|
161
|
+
};
|
158
162
|
let timeout;
|
159
163
|
const autofocusDebounced = () => {
|
160
164
|
if (timeout) clearTimeout(timeout);
|
@@ -178,7 +182,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
178
182
|
__expose({
|
179
183
|
focus,
|
180
184
|
blur,
|
181
|
-
fieldRef: computed(() => fieldWrapperRef.value?.fieldRef)
|
185
|
+
fieldRef: computed(() => fieldWrapperRef.value?.fieldRef),
|
186
|
+
scrollToInput
|
182
187
|
});
|
183
188
|
return (_ctx, _cache) => {
|
184
189
|
return openBlock(), createBlock(_sfc_main$1, mergeProps({ ref: "fieldWrapper" }, props, {
|
@@ -304,7 +309,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
304
309
|
onFocus: ($event) => {
|
305
310
|
_ctx.$emit("focus", $event);
|
306
311
|
setFocused(true);
|
307
|
-
_ctx.seamless && nextTick(
|
312
|
+
_ctx.seamless && nextTick(scrollToInput);
|
308
313
|
},
|
309
314
|
onBlur: ($event) => {
|
310
315
|
_ctx.$emit("blur", $event);
|
@@ -13,6 +13,7 @@ declare function __VLS_template(): {
|
|
13
13
|
blur: () => void;
|
14
14
|
close: () => void;
|
15
15
|
updateDropdown: () => void;
|
16
|
+
scrollToInput: () => void;
|
16
17
|
}> | null;
|
17
18
|
};
|
18
19
|
rootEl: any;
|
@@ -35,6 +36,7 @@ declare const __VLS_component: import('vue').DefineComponent<InputDateProps, {},
|
|
35
36
|
blur: () => void;
|
36
37
|
close: () => void;
|
37
38
|
updateDropdown: () => void;
|
39
|
+
scrollToInput: () => void;
|
38
40
|
}> | null;
|
39
41
|
}, any>;
|
40
42
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"WInputDate.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInputDate.vue"],"names":[],"mappings":"AAiDA;AAgHA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAO3C,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;AAiEvD,iBAAS,cAAc;WA6HT,OAAO,IAA6B;;uBAbtB,GAAG;0BACA,GAAG;uBACN,GAAG
|
1
|
+
{"version":3,"file":"WInputDate.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInputDate.vue"],"names":[],"mappings":"AAiDA;AAgHA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAO3C,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;AAiEvD,iBAAS,cAAc;WA6HT,OAAO,IAA6B;;uBAbtB,GAAG;0BACA,GAAG;uBACN,GAAG;;;;;;;;;;;;EAgB9B;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;OASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"WInputSuggest.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInputSuggest.vue"],"names":[],"mappings":"AA6GA;
|
1
|
+
{"version":3,"file":"WInputSuggest.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInputSuggest.vue"],"names":[],"mappings":"AA6GA;AAgNA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAE9C,OAAO,EAAC,KAAK,KAAK,EAAgC,MAAM,KAAK,CAAA;yBAY5C,IAAI,SAAS,SAAS,GAAG,MAAM,EAC/C,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAqYO,mBAAmB,CAAC,2CAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;;;;;MAAsB,GAAG,IAAI;WACpE,GAAG;;gBAnTD,MAAM,IAAI;mBACP,MAAM,IAAI;iBACZ,CAAC,KAAK,EAAE;YAAC,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;SAAC,KAAK,IAAI;gBAChD,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;kBACpC,CAAC,KAAK,CAAC,EAAE;YAAC,gBAAgB,CAAC,EAAE,OAAO,CAAA;SAAC,KAAK,KAAK,EAAE;;gBAJnD,MAAM,IAAI;mBACP,MAAM,IAAI;iBACZ,CAAC,KAAK,EAAE;YAAC,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;SAAC,KAAK,IAAI;gBAChD,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;kBACpC,CAAC,KAAK,CAAC,EAAE;YAAC,gBAAgB,CAAC,EAAE,OAAO,CAAA;SAAC,KAAK,KAAK,EAAE;;;YAxEvD,mBAAmB,mDAAsB,IAAI;YAC7C,gBAAgB,SAAS,aAAa,GAAG,IAAI;YAC7C,aAAa,SAAS,aAAa,GAAG,IAAI;YAC1C,eAAe,SAAS,aAAa,GAAG,IAAI;YAC5C,iBAAiB,SAAS,aAAa,GAAG,IAAI;YAC9C,MAAM,GAAG,IAAI;YACb,OAAO,GAAG,IAAI;YACd,aAAa,GAAG,IAAI;YACpB,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,MAAM,SAAS,UAAU,GAAG,IAAI;;EAkXlC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAhZzE,wBAgZ4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
|
@@ -89,6 +89,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
89
89
|
const blur = () => {
|
90
90
|
inputRef.value?.blur();
|
91
91
|
};
|
92
|
+
const scrollToInput = () => {
|
93
|
+
inputRef.value?.scrollToInput();
|
94
|
+
};
|
92
95
|
const updateDropdown = () => {
|
93
96
|
if (dropdownMenuRef.value && "updateDropdown" in dropdownMenuRef.value) dropdownMenuRef.value.updateDropdown();
|
94
97
|
};
|
@@ -96,7 +99,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
96
99
|
focus,
|
97
100
|
blur,
|
98
101
|
close,
|
99
|
-
updateDropdown
|
102
|
+
updateDropdown,
|
103
|
+
scrollToInput
|
100
104
|
});
|
101
105
|
return (_ctx, _cache) => {
|
102
106
|
return openBlock(), createBlock(resolveDynamicComponent(unref(isMobile) ? _sfc_main$1 : _sfc_main$2), mergeProps({ ref: "dropdownMenu" }, unref(isMobile) ? {
|
@@ -205,7 +205,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
205
205
|
]), 1032, ["title", "disable-message", "selected-count", "onClear:selection"]),
|
206
206
|
!unref(isGrid) ? (openBlock(), createBlock(_sfc_main$7, {
|
207
207
|
key: 0,
|
208
|
-
class: "sm-not:hidden
|
208
|
+
class: "sm-not:hidden",
|
209
209
|
"allow-select": allowSelect.value,
|
210
210
|
"tooltip-text": _ctx.selectAllTextGetter(unref(selectAllValue) !== true, _ctx.count ?? listCount.value ?? 0),
|
211
211
|
"hide-more": !_ctx.menu,
|
@@ -10,6 +10,57 @@ declare function __VLS_template(): {
|
|
10
10
|
actions?(_: {}): any;
|
11
11
|
};
|
12
12
|
refs: {
|
13
|
+
content: ({
|
14
|
+
$: import('vue').ComponentInternalInstance;
|
15
|
+
$data: {};
|
16
|
+
$props: {
|
17
|
+
readonly parent?: boolean | undefined;
|
18
|
+
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
|
19
|
+
$attrs: {
|
20
|
+
[x: string]: unknown;
|
21
|
+
};
|
22
|
+
$refs: {
|
23
|
+
[x: string]: unknown;
|
24
|
+
} & {
|
25
|
+
element: HTMLDivElement;
|
26
|
+
};
|
27
|
+
$slots: Readonly<{
|
28
|
+
[name: string]: import('vue').Slot<any> | undefined;
|
29
|
+
}>;
|
30
|
+
$root: import('vue').ComponentPublicInstance | null;
|
31
|
+
$parent: import('vue').ComponentPublicInstance | null;
|
32
|
+
$host: Element | null;
|
33
|
+
$emit: (event: string, ...args: any[]) => void;
|
34
|
+
$el: HTMLDivElement;
|
35
|
+
$options: import('vue').ComponentOptionsBase<Readonly<{
|
36
|
+
parent?: boolean;
|
37
|
+
}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
38
|
+
beforeCreate?: (() => void) | (() => void)[];
|
39
|
+
created?: (() => void) | (() => void)[];
|
40
|
+
beforeMount?: (() => void) | (() => void)[];
|
41
|
+
mounted?: (() => void) | (() => void)[];
|
42
|
+
beforeUpdate?: (() => void) | (() => void)[];
|
43
|
+
updated?: (() => void) | (() => void)[];
|
44
|
+
activated?: (() => void) | (() => void)[];
|
45
|
+
deactivated?: (() => void) | (() => void)[];
|
46
|
+
beforeDestroy?: (() => void) | (() => void)[];
|
47
|
+
beforeUnmount?: (() => void) | (() => void)[];
|
48
|
+
destroyed?: (() => void) | (() => void)[];
|
49
|
+
unmounted?: (() => void) | (() => void)[];
|
50
|
+
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
|
51
|
+
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
|
52
|
+
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
|
53
|
+
};
|
54
|
+
$forceUpdate: () => void;
|
55
|
+
$nextTick: typeof import('vue').nextTick;
|
56
|
+
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
|
57
|
+
} & Readonly<{}> & Omit<Readonly<{
|
58
|
+
parent?: boolean;
|
59
|
+
}> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
|
60
|
+
$slots: {
|
61
|
+
default?(_: {}): any;
|
62
|
+
};
|
63
|
+
}) | null;
|
13
64
|
header: HTMLDivElement;
|
14
65
|
footer: HTMLDivElement;
|
15
66
|
};
|
@@ -17,6 +68,57 @@ declare function __VLS_template(): {
|
|
17
68
|
};
|
18
69
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
19
70
|
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
71
|
+
content: ({
|
72
|
+
$: import('vue').ComponentInternalInstance;
|
73
|
+
$data: {};
|
74
|
+
$props: {
|
75
|
+
readonly parent?: boolean | undefined;
|
76
|
+
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
|
77
|
+
$attrs: {
|
78
|
+
[x: string]: unknown;
|
79
|
+
};
|
80
|
+
$refs: {
|
81
|
+
[x: string]: unknown;
|
82
|
+
} & {
|
83
|
+
element: HTMLDivElement;
|
84
|
+
};
|
85
|
+
$slots: Readonly<{
|
86
|
+
[name: string]: import('vue').Slot<any> | undefined;
|
87
|
+
}>;
|
88
|
+
$root: import('vue').ComponentPublicInstance | null;
|
89
|
+
$parent: import('vue').ComponentPublicInstance | null;
|
90
|
+
$host: Element | null;
|
91
|
+
$emit: (event: string, ...args: any[]) => void;
|
92
|
+
$el: HTMLDivElement;
|
93
|
+
$options: import('vue').ComponentOptionsBase<Readonly<{
|
94
|
+
parent?: boolean;
|
95
|
+
}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
96
|
+
beforeCreate?: (() => void) | (() => void)[];
|
97
|
+
created?: (() => void) | (() => void)[];
|
98
|
+
beforeMount?: (() => void) | (() => void)[];
|
99
|
+
mounted?: (() => void) | (() => void)[];
|
100
|
+
beforeUpdate?: (() => void) | (() => void)[];
|
101
|
+
updated?: (() => void) | (() => void)[];
|
102
|
+
activated?: (() => void) | (() => void)[];
|
103
|
+
deactivated?: (() => void) | (() => void)[];
|
104
|
+
beforeDestroy?: (() => void) | (() => void)[];
|
105
|
+
beforeUnmount?: (() => void) | (() => void)[];
|
106
|
+
destroyed?: (() => void) | (() => void)[];
|
107
|
+
unmounted?: (() => void) | (() => void)[];
|
108
|
+
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
|
109
|
+
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
|
110
|
+
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
|
111
|
+
};
|
112
|
+
$forceUpdate: () => void;
|
113
|
+
$nextTick: typeof import('vue').nextTick;
|
114
|
+
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
|
115
|
+
} & Readonly<{}> & Omit<Readonly<{
|
116
|
+
parent?: boolean;
|
117
|
+
}> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
|
118
|
+
$slots: {
|
119
|
+
default?(_: {}): any;
|
120
|
+
};
|
121
|
+
}) | null;
|
20
122
|
header: HTMLDivElement;
|
21
123
|
footer: HTMLDivElement;
|
22
124
|
}, HTMLDivElement>;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"WModalWrapper.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/WModalWrapper.vue"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"WModalWrapper.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/WModalWrapper.vue"],"names":[],"mappings":"AA6CA;AAiEA,KAAK,WAAW,GAAG;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAC;AASF,iBAAS,cAAc;WAsFT,OAAO,IAA6B;;uBAhBvB,GAAG;0BACA,GAAG;yBACJ,GAAG;yBACH,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAmD29a,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;EAjChnb;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAuBs+a,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;kBAf/mb,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"}
|
@@ -15,14 +15,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
15
15
|
setup(__props) {
|
16
16
|
const headerRef = useTemplateRef("header");
|
17
17
|
const footerRef = useTemplateRef("footer");
|
18
|
+
const contentRef = useTemplateRef("content");
|
18
19
|
return (_ctx, _cache) => {
|
19
20
|
return openBlock(), createBlock(_sfc_main$1, {
|
21
|
+
ref: "content",
|
20
22
|
class: normalizeClass(["bg-default dark:bg-default-dark w-modal-wrapper grid max-h-[calc(100%-var(--inner-margin,2rem)*2)] w-[--w-modal-wrapper-width,35rem] max-w-[calc(100%-var(--inner-margin,2rem)*2)] grid-cols-[1fr] grid-rows-[auto,1fr,auto] overflow-auto overscroll-contain rounded-[--w-modal-wrapper-rounded,1.5rem] shadow-md", {
|
21
23
|
"sm-not:max-w-full sm-not:h-full sm-not:rounded-none sm-not:max-h-full": _ctx.maximized
|
22
24
|
}]),
|
23
25
|
style: normalizeStyle({
|
24
26
|
"--w-modal-header-height": (unref(headerRef)?.offsetHeight ?? 0) + "px",
|
25
|
-
"--w-modal-footer-height": (unref(footerRef)?.offsetHeight ?? 0) + "px"
|
27
|
+
"--w-modal-footer-height": (unref(footerRef)?.offsetHeight ?? 0) + "px",
|
28
|
+
"--w-modal-content-height": (unref(contentRef)?.$el.offsetHeight ?? 0) + "px"
|
26
29
|
})
|
27
30
|
}, {
|
28
31
|
default: withCtx(() => [
|
@@ -37,7 +40,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
37
40
|
]),
|
38
41
|
createElementVNode("div", {
|
39
42
|
ref: "footer",
|
40
|
-
class: normalizeClass(["bg-default dark:bg-default-dark -gap--inner-margin -p--w-modal-wrapper-padding sm-not:w-screen sticky bottom-0 left-0 z-[
|
43
|
+
class: normalizeClass(["bg-default dark:bg-default-dark -gap--inner-margin -p--w-modal-wrapper-padding sm-not:w-screen sticky bottom-0 left-0 z-[2] flex w-[--w-modal-wrapper-width,35rem] justify-center", {
|
41
44
|
"sm-not:flex-col": !_ctx.maximized
|
42
45
|
}])
|
43
46
|
}, [
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"WSelect.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/WSelect.vue"],"names":[],"mappings":"AAoKA;
|
1
|
+
{"version":3,"file":"WSelect.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/WSelect.vue"],"names":[],"mappings":"AAoKA;AA4bA,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,EAChJ,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WA4pBO,mBAAmB,CAAC;;;;;;;sSAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;;2BAzcrB,MAAM,KAAG,IAAI;MAyc8B,GAAG,IAAI;WACpE,GAAG;;gBA3ZD,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;;;YArQd,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;;EAspBrB,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAvqBzE,wBAuqB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
|
@@ -236,6 +236,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
236
236
|
watch(() => props.modelValue, async () => {
|
237
237
|
await nextTick();
|
238
238
|
inputRef.value?.updateDropdown();
|
239
|
+
if (props.seamless) inputRef.value?.scrollToInput();
|
239
240
|
});
|
240
241
|
watch(queryError, (error) => {
|
241
242
|
if (error instanceof ApiError && error.response?.data?.detail) {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"WSelectAsync.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/WSelectAsync.vue"],"names":[],"mappings":"AA0HA;
|
1
|
+
{"version":3,"file":"WSelectAsync.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/WSelectAsync.vue"],"names":[],"mappings":"AA0HA;AAgTA,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,EACzI,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAogBO,mBAAmB,CAAC;;;;;;;2RAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;;2BA/XrB,MAAM,KAAG,IAAI;MA+X8B,GAAG,IAAI;WACpE,GAAG;;gBA7VD,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;;;YA9JlI,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;;EAuflC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA/gBzE,wBA+gB4E;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, watch, createBlock, openBlock, mergeProps, unref, withModifiers, createSlots, withCtx, createVNode, renderSlot, resolveDynamicComponent, createCommentVNode
|
1
|
+
import { defineComponent, ref, useTemplateRef, computed, watch, nextTick, createBlock, openBlock, mergeProps, unref, withModifiers, createSlots, withCtx, createVNode, renderSlot, resolveDynamicComponent, createCommentVNode } from 'vue';
|
2
2
|
import _sfc_main$1 from '../Input/WInputSuggest.vue.js';
|
3
3
|
import { useIsMobile } from '../../utils/mobile.js';
|
4
4
|
import _sfc_main$2 from './components/SelectAsyncList.vue.js';
|
@@ -170,6 +170,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
170
170
|
}
|
171
171
|
}, { immediate: true });
|
172
172
|
}
|
173
|
+
watch(() => props.modelValue, async () => {
|
174
|
+
await nextTick();
|
175
|
+
inputRef.value?.updateDropdown();
|
176
|
+
if (props.seamless) inputRef.value?.scrollToInput();
|
177
|
+
});
|
173
178
|
__expose({
|
174
179
|
focus,
|
175
180
|
blur,
|
package/package.json
CHANGED
@@ -34,15 +34,17 @@ const pluginDefault = plugin(function ({matchUtilities, addVariant, addUtilities
|
|
34
34
|
)
|
35
35
|
|
36
36
|
addBase({
|
37
|
-
|
37
|
+
'*': {
|
38
38
|
'--w-left-inner': 'calc(var(--nav-bar-width) + var(--inner-margin))',
|
39
39
|
'--w-right-inner': 'calc(var(--actions-bar-width) + var(--inner-margin))',
|
40
40
|
'--w-width-inner': 'calc(100vw - var(--actions-bar-width) - var(--nav-bar-width) - var(--inner-margin) - var(--inner-margin) - var(--scroll-bar-width))',
|
41
|
+
'--w-height-inner': 'calc(100vh - var(--header-height) - var(--infinite-list-header-height, 0px) - var(--scroll-bar-width))',
|
41
42
|
},
|
42
|
-
'.w-modal-wrapper': {
|
43
|
+
'.w-modal-wrapper *': {
|
43
44
|
'--w-left-inner': 'var(--w-modal-wrapper-padding)',
|
44
45
|
'--w-right-inner': 'var(--w-modal-wrapper-padding)',
|
45
46
|
'--w-width-inner': 'calc(var(--w-modal-wrapper-width, 35rem) - var(--w-modal-wrapper-padding) - var(--w-modal-wrapper-padding) - var(--scroll-bar-width))',
|
47
|
+
'--w-height-inner': 'calc(var(--w-modal-content-height) - var(--w-modal-header-height) - var(--w-modal-footer-height) - var(--infinite-list-header-height, 0px) - var(--scroll-bar-width))',
|
46
48
|
},
|
47
49
|
})
|
48
50
|
|
@@ -178,9 +180,9 @@ const pluginDefault = plugin(function ({matchUtilities, addVariant, addUtilities
|
|
178
180
|
'.w-select-option': {
|
179
181
|
padding: 'calc(var(--w-select-option-padding) / 2) var(--w-select-option-padding)',
|
180
182
|
},
|
181
|
-
|
183
|
+
'*': {
|
182
184
|
'--w-option-height': 'calc(var(--w-input-height,2.75rem) - (var(--w-input-gap,0.25rem) * 2) - 2px)',
|
183
|
-
'--w-option-rounded': 'calc(var(--w-input-rounded,0.75rem) - var(--w-input-gap,0.25rem))',
|
185
|
+
'--w-option-rounded': 'calc(var(--w-input-rounded,0.75rem) - var(--w-input-gap,0.25rem) - 1px)',
|
184
186
|
'--w-option-padding': 'var(--w-input-rounded,0.75rem)',
|
185
187
|
'--w-select-option-padding': 'calc(var(--w-option-padding) + var(--w-input-gap) + 1px)',
|
186
188
|
},
|
@@ -19,8 +19,10 @@ const newValues = {
|
|
19
19
|
'--left-inner': 'var(--w-left-inner)',
|
20
20
|
'--right-inner': 'var(--w-right-inner)',
|
21
21
|
'--width-inner': 'var(--w-width-inner)',
|
22
|
+
'--height-inner': 'var(--w-height-inner)',
|
22
23
|
'--modal-header-height': 'var(--w-modal-header-height, 0px)',
|
23
24
|
'--modal-footer-height': 'var(--w-modal-footer-height, 0px)',
|
25
|
+
'--modal-content-height': 'var(--w-modal-content-height, 0px)',
|
24
26
|
}
|
25
27
|
|
26
28
|
const extend = {
|
@@ -48,6 +50,8 @@ export default {
|
|
48
50
|
width: extend,
|
49
51
|
maxWidth: extend,
|
50
52
|
minWidth: extend,
|
53
|
+
maxHeight: extend,
|
54
|
+
minHeight: extend,
|
51
55
|
padding: extend,
|
52
56
|
margin: extend,
|
53
57
|
inset: extend,
|