eco-vue-js 0.25.2 → 0.26.1
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/assets/icons/IconDanger.js +11 -4
- package/dist/assets/icons/IconDangerSolid.js +20 -0
- package/dist/assets/icons/IconSuccess.js +11 -4
- package/dist/assets/icons/IconSuccessSolid.js +32 -0
- package/dist/assets/icons/IconWarn.js +11 -4
- package/dist/assets/icons/IconWarnSolid.js +20 -0
- package/dist/components/InfiniteList/components/InfiniteListPage.vue.d.ts.map +1 -1
- package/dist/components/InfiniteList/components/InfiniteListPage.vue_vue_type_script_setup_true_lang.js +7 -5
- package/dist/components/Input/WInputOptions.vue.d.ts +5 -8
- package/dist/components/Input/WInputOptions.vue.d.ts.map +1 -1
- package/dist/components/Input/WInputOptions.vue_vue_type_script_setup_true_lang.js +168 -43
- package/dist/components/Input/types.d.ts +25 -12
- package/dist/components/Input/types.d.ts.map +1 -1
- package/dist/components/Notify/models/notifyCenter.js +6 -6
- package/dist/components/Select/WSelect.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/components/Select/WSelectAsync.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/components/Select/components/SelectAsyncList.vue.d.ts +4 -0
- package/dist/components/Select/components/SelectAsyncList.vue.d.ts.map +1 -1
- package/dist/components/Select/components/SelectAsyncList.vue_vue_type_script_setup_true_lang.js +18 -13
- package/dist/components/Select/components/SelectOption.vue.d.ts +16 -0
- package/dist/components/Select/components/SelectOption.vue.d.ts.map +1 -1
- package/dist/components/Select/components/SelectOption.vue_vue_type_script_setup_true_lang.js +3 -1
- package/dist/main.d.ts +3 -0
- package/dist/main.d.ts.map +1 -1
- package/dist/main.js +7 -4
- package/docs/components/input.md +49 -6
- package/docs/icons.md +2 -2
- package/docs/llms.txt +1 -1
- package/package.json +1 -1
|
@@ -9,10 +9,17 @@ var _hoisted_1 = {
|
|
|
9
9
|
};
|
|
10
10
|
function render(_ctx, _cache) {
|
|
11
11
|
return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
|
|
12
|
-
"
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
"
|
|
12
|
+
d: "M12 8v5m0 8.41H5.94c-3.47 0-4.92-2.48-3.24-5.51l3.12-5.62L8.76 5c1.78-3.21 4.7-3.21 6.48 0l2.94 5.29 3.12 5.62c1.68 3.03.22 5.51-3.24 5.51H12z",
|
|
13
|
+
stroke: "currentcolor",
|
|
14
|
+
"stroke-linecap": "round",
|
|
15
|
+
"stroke-linejoin": "round",
|
|
16
|
+
"stroke-width": "1.5"
|
|
17
|
+
}, null, -1), createElementVNode("path", {
|
|
18
|
+
d: "M12 17z",
|
|
19
|
+
stroke: "currentcolor",
|
|
20
|
+
"stroke-linecap": "round",
|
|
21
|
+
"stroke-linejoin": "round",
|
|
22
|
+
"stroke-width": "2.5"
|
|
16
23
|
}, null, -1)])]);
|
|
17
24
|
}
|
|
18
25
|
var IconDanger_default = { render };
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { createElementBlock, createElementVNode, openBlock } from "vue";
|
|
2
|
+
//#region src/assets/icons/IconDangerSolid.svg?component
|
|
3
|
+
var _hoisted_1 = {
|
|
4
|
+
width: "20",
|
|
5
|
+
height: "20",
|
|
6
|
+
viewBox: "0 0 24 24",
|
|
7
|
+
fill: "none",
|
|
8
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
9
|
+
};
|
|
10
|
+
function render(_ctx, _cache) {
|
|
11
|
+
return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
|
|
12
|
+
"clip-rule": "evenodd",
|
|
13
|
+
d: "M10.03 3.07a2.34 2.34 0 0 1 3.94 0l9.7 15.59c.92 1.47-.18 3.34-1.97 3.34H2.3C.5 22-.6 20.13.33 18.66zM13 14.28h-2L10.09 7h3.81zM12 16a2 2 0 1 0 0 4 2 2 0 1 0 0-4",
|
|
14
|
+
fill: "currentcolor",
|
|
15
|
+
"fill-rule": "evenodd"
|
|
16
|
+
}, null, -1)])]);
|
|
17
|
+
}
|
|
18
|
+
var IconDangerSolid_default = { render };
|
|
19
|
+
//#endregion
|
|
20
|
+
export { IconDangerSolid_default as default, render };
|
|
@@ -9,10 +9,17 @@ var _hoisted_1 = {
|
|
|
9
9
|
};
|
|
10
10
|
function render(_ctx, _cache) {
|
|
11
11
|
return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
|
|
12
|
-
"
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
"
|
|
12
|
+
d: "M12 22c5.5 0 10-4.5 10-10S17.5 2 12 2 2 6.5 2 12s4.5 10 10 10",
|
|
13
|
+
stroke: "currentcolor",
|
|
14
|
+
"stroke-linecap": "round",
|
|
15
|
+
"stroke-linejoin": "round",
|
|
16
|
+
"stroke-width": "1.5"
|
|
17
|
+
}, null, -1), createElementVNode("path", {
|
|
18
|
+
d: "m7.75 12 2.83 2.83 5.67-5.66",
|
|
19
|
+
stroke: "currentcolor",
|
|
20
|
+
"stroke-linecap": "round",
|
|
21
|
+
"stroke-linejoin": "round",
|
|
22
|
+
"stroke-width": "1.5"
|
|
16
23
|
}, null, -1)])]);
|
|
17
24
|
}
|
|
18
25
|
var IconSuccess_default = { render };
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { createElementBlock, createElementVNode, openBlock } from "vue";
|
|
2
|
+
//#region src/assets/icons/IconSuccessSolid.svg?component
|
|
3
|
+
var _hoisted_1 = {
|
|
4
|
+
width: "20",
|
|
5
|
+
height: "20",
|
|
6
|
+
viewBox: "0 0 24 24",
|
|
7
|
+
fill: "none",
|
|
8
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
9
|
+
};
|
|
10
|
+
function render(_ctx, _cache) {
|
|
11
|
+
return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("defs", null, [createElementVNode("mask", { id: "icon-success-solid-mask-52351" }, [createElementVNode("path", {
|
|
12
|
+
d: "M0 0h24v24H0z",
|
|
13
|
+
fill: "#fff"
|
|
14
|
+
}), createElementVNode("path", {
|
|
15
|
+
d: "m6 12 4 4 8-8",
|
|
16
|
+
stroke: "#000",
|
|
17
|
+
"stroke-linecap": "round",
|
|
18
|
+
"stroke-linejoin": "round",
|
|
19
|
+
"stroke-width": "2"
|
|
20
|
+
})])], -1), createElementVNode("path", {
|
|
21
|
+
d: "M12 22c5.5 0 10-4.5 10-10S17.5 2 12 2 2 6.5 2 12s4.5 10 10 10",
|
|
22
|
+
fill: "currentcolor",
|
|
23
|
+
mask: "url(#icon-success-solid-mask-52351)",
|
|
24
|
+
stroke: "currentcolor",
|
|
25
|
+
"stroke-linecap": "round",
|
|
26
|
+
"stroke-linejoin": "round",
|
|
27
|
+
"stroke-width": "1.5"
|
|
28
|
+
}, null, -1)])]);
|
|
29
|
+
}
|
|
30
|
+
var IconSuccessSolid_default = { render };
|
|
31
|
+
//#endregion
|
|
32
|
+
export { IconSuccessSolid_default as default, render };
|
|
@@ -9,10 +9,17 @@ var _hoisted_1 = {
|
|
|
9
9
|
};
|
|
10
10
|
function render(_ctx, _cache) {
|
|
11
11
|
return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
|
|
12
|
-
"
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
"
|
|
12
|
+
d: "M16 12zm-4 0zm-4 0z",
|
|
13
|
+
stroke: "currentcolor",
|
|
14
|
+
"stroke-linecap": "round",
|
|
15
|
+
"stroke-linejoin": "round",
|
|
16
|
+
"stroke-width": "3"
|
|
17
|
+
}, null, -1), createElementVNode("path", {
|
|
18
|
+
d: "m15.96 19.35 3.4-3.39c2.82-2.83 2.82-5.1 0-7.92l-3.4-3.4c-2.83-2.82-5.1-2.82-7.92 0l-3.4 3.4c-2.82 2.83-2.82 5.1 0 7.92l3.4 3.4c2.83 2.82 5.1 2.82 7.92 0",
|
|
19
|
+
stroke: "currentcolor",
|
|
20
|
+
"stroke-linecap": "round",
|
|
21
|
+
"stroke-linejoin": "round",
|
|
22
|
+
"stroke-width": "1.5"
|
|
16
23
|
}, null, -1)])]);
|
|
17
24
|
}
|
|
18
25
|
var IconWarn_default = { render };
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { createElementBlock, createElementVNode, openBlock } from "vue";
|
|
2
|
+
//#region src/assets/icons/IconWarnSolid.svg?component
|
|
3
|
+
var _hoisted_1 = {
|
|
4
|
+
width: "20",
|
|
5
|
+
height: "20",
|
|
6
|
+
viewBox: "0 0 24 24",
|
|
7
|
+
fill: "none",
|
|
8
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
9
|
+
};
|
|
10
|
+
function render(_ctx, _cache) {
|
|
11
|
+
return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
|
|
12
|
+
"clip-rule": "evenodd",
|
|
13
|
+
d: "M8.95 2.83a4 4 0 0 1 5.66 0l6.34 6.34a4 4 0 0 1 0 5.66l-6.34 6.34a4 4 0 0 1-5.66 0l-6.34-6.34a4 4 0 0 1 0-5.66zM7.36 10.8a1.47 1.47 0 1 0 0 2.94 1.47 1.47 0 1 0 0-2.94m4.42 0a1.47 1.47 0 1 0 0 2.94 1.47 1.47 0 1 0 0-2.94m4.42 0a1.47 1.47 0 1 0 0 2.94 1.47 1.47 0 1 0 0-2.94",
|
|
14
|
+
fill: "currentcolor",
|
|
15
|
+
"fill-rule": "evenodd"
|
|
16
|
+
}, null, -1)])]);
|
|
17
|
+
}
|
|
18
|
+
var IconWarnSolid_default = { render };
|
|
19
|
+
//#endregion
|
|
20
|
+
export { IconWarnSolid_default as default, render };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InfiniteListPage.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/InfiniteList/components/InfiniteListPage.vue"],"names":[],"mappings":"AAiEA;
|
|
1
|
+
{"version":3,"file":"InfiniteListPage.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/InfiniteList/components/InfiniteListPage.vue"],"names":[],"mappings":"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"}
|
|
@@ -93,11 +93,13 @@ var InfiniteListPage_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
|
|
|
93
93
|
for (const item of results) {
|
|
94
94
|
const id = props.valueGetter(item);
|
|
95
95
|
const kept = keepById.get(id);
|
|
96
|
-
if (kept)
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
96
|
+
if (kept) {
|
|
97
|
+
keepById.delete(id);
|
|
98
|
+
newSlots.push({
|
|
99
|
+
key: kept.key,
|
|
100
|
+
id
|
|
101
|
+
});
|
|
102
|
+
} else if (isFullReplacement && freeIdx < freed.length) newSlots.push({
|
|
101
103
|
key: freed[freeIdx++].key,
|
|
102
104
|
id
|
|
103
105
|
});
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { InputClearValue, InputOptionsProps } from './types';
|
|
2
|
+
import { SelectOptionComponent, SelectOptionProps } from '../Select/types';
|
|
2
3
|
declare const __VLS_export: <Type extends InputType = "text", Option extends Record<string, any> & {
|
|
3
4
|
id: number;
|
|
4
5
|
} = Record<string, any> & {
|
|
5
6
|
id: number;
|
|
6
|
-
}, ClearValue extends InputClearValue = "">(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
7
|
-
props: import('vue').PublicProps & __VLS_PrettifyLocal<InputOptionsProps<Type, Option, ClearValue> & {
|
|
7
|
+
}, QueryParams = unknown, OptionComponent extends SelectOptionComponent<Option> = SelectOptionComponent<Option>, ClearValue extends InputClearValue = "">(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
8
|
+
props: import('vue').PublicProps & __VLS_PrettifyLocal<InputOptionsProps<Type, Option, QueryParams, OptionComponent, ClearValue> & {
|
|
8
9
|
"onUpdate:model-value"?: ((value: (Type extends "number" ? number : string) | null) => any) | undefined;
|
|
9
10
|
}> & (typeof globalThis extends {
|
|
10
11
|
__VLS_PROPS_FALLBACK: infer P;
|
|
@@ -21,12 +22,8 @@ declare const __VLS_export: <Type extends InputType = "text", Option extends Rec
|
|
|
21
22
|
subtitle?: () => void;
|
|
22
23
|
/** Content to the right of the field. */
|
|
23
24
|
right?: () => void;
|
|
24
|
-
/** Content of an option in the menu. Replaces `optionComponent`. */
|
|
25
|
-
option?: (props:
|
|
26
|
-
option: Option;
|
|
27
|
-
selected: boolean;
|
|
28
|
-
model: boolean;
|
|
29
|
-
}) => void;
|
|
25
|
+
/** Content of an option in the menu. Replaces `optionComponent`. `option` is `undefined` on a loading skeleton row. */
|
|
26
|
+
option?: (props: PartialNot<SelectOptionProps<Option>>) => void;
|
|
30
27
|
};
|
|
31
28
|
emit: (e: "update:model-value", value: (Type extends "number" ? number : string) | null) => void;
|
|
32
29
|
}>) => import('vue').VNode & {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WInputOptions.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInputOptions.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"WInputOptions.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInputOptions.vue"],"names":[],"mappings":"AAmKA;AAiVA,OAAO,KAAK,EAAC,eAAe,EAAE,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAC/D,OAAO,KAAK,EAAC,qBAAqB,EAA8B,iBAAiB,EAAC,MAAM,2BAA2B,CAAA;AAanH,QAAA,MAAM,YAAY,GAAK,IAAI,SAAS,SAAS,GAAG,MAAM,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG;IAAC,EAAE,EAAE,MAAM,CAAA;CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG;IAAC,EAAE,EAAE,MAAM,CAAA;CAAC,EAAE,WAAW,GAAG,OAAO,EAAE,eAAe,SAAS,qBAAqB,CAAC,MAAM,CAAC,GAAG,qBAAqB,CAAC,MAAM,CAAC,EAAE,UAAU,SAAS,eAAe,GAAG,EAAE,EACpS,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,gBAAgB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EAClE;WAgnBO,OAAO,KAAK,EAAE,WAAW,GAAG,mBAAmB,CAAC;;KAAmC,CAAC,GAAG,CAAC,OAAO,UAAU,SAAS;QAAE,oBAAoB,EAAE,MAAM,CAAC,CAAA;KAAE,GAAG,CAAC,GAAG,EAAE,CAAC;YAC5J,CAAC,OAAO,EAAE,OAAO,KAAK,EAAE,gBAAgB;;;MAAsB,KAAK,IAAI;WACxE,GAAG;;QA5lBT,iCAAiC;gBACzB,MAAM,IAAI;QAClB,+CAA+C;mBACpC,MAAM,IAAI;QACrB,yCAAyC;gBACjC,MAAM,IAAI;QAClB,uHAAuH;iBAC9G,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,KAAK,IAAI;;cAZ3D,oBAAoB,8DAAsB,IAAI;EAqmBhD,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAA;CAAI,CAAC;wBACpE,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,mBAAmB,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,CAAC,GAAG,EAAE,CAAC"}
|
|
@@ -3,20 +3,31 @@ import { useComponentStates } from "../../utils/useComponentStates.js";
|
|
|
3
3
|
import { useClearValue } from "../../utils/useClearValue.js";
|
|
4
4
|
import WInputSuggest_default from "./WInputSuggest.vue.js";
|
|
5
5
|
import SelectOption_default from "../Select/components/SelectOption.vue.js";
|
|
6
|
-
import
|
|
6
|
+
import SelectAsyncList_default from "../Select/components/SelectAsyncList.vue.js";
|
|
7
|
+
import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, defineComponent, mergeProps, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, useTemplateRef, watch, withCtx, withModifiers } from "vue";
|
|
8
|
+
import { keepPreviousData } from "@tanstack/vue-query";
|
|
7
9
|
//#region src/components/Input/WInputOptions.vue?vue&type=script&setup=true&lang.ts
|
|
8
10
|
var _hoisted_1 = {
|
|
9
11
|
key: 0,
|
|
12
|
+
class: "w-option w-option-padding-y flex items-center truncate font-semibold"
|
|
13
|
+
};
|
|
14
|
+
var _hoisted_2 = { class: "w-option w-option-padding-y flex items-center self-start pr-2" };
|
|
15
|
+
var _hoisted_3 = {
|
|
16
|
+
key: 0,
|
|
17
|
+
class: "w-option w-option-padding-y flex items-center truncate font-semibold"
|
|
18
|
+
};
|
|
19
|
+
var _hoisted_4 = {
|
|
20
|
+
key: 1,
|
|
21
|
+
class: "text-description w-option w-option-padding-y flex items-center"
|
|
22
|
+
};
|
|
23
|
+
var _hoisted_5 = {
|
|
24
|
+
key: 1,
|
|
10
25
|
class: "px-4.25 py-2 first:pt-4 last:pb-4"
|
|
11
26
|
};
|
|
12
|
-
var
|
|
27
|
+
var _hoisted_6 = { class: "w-select-field sm-not:px-3 cursor-default select-none" };
|
|
13
28
|
var WInputOptions_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
|
|
14
29
|
__name: "WInputOptions",
|
|
15
30
|
props: {
|
|
16
|
-
options: {},
|
|
17
|
-
valueGetter: {},
|
|
18
|
-
emptyStub: {},
|
|
19
|
-
optionComponent: {},
|
|
20
31
|
mobileTitle: {},
|
|
21
32
|
persist: { type: Boolean },
|
|
22
33
|
closeOnClear: { type: Boolean },
|
|
@@ -88,7 +99,17 @@ var WInputOptions_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
|
|
|
88
99
|
hideTitle: { type: Boolean },
|
|
89
100
|
embedded: { type: Boolean },
|
|
90
101
|
horizontalAlign: {},
|
|
91
|
-
dropdownClass: {}
|
|
102
|
+
dropdownClass: {},
|
|
103
|
+
optionComponent: {},
|
|
104
|
+
optionComponentProps: {},
|
|
105
|
+
options: {},
|
|
106
|
+
useQueryFnOptions: {},
|
|
107
|
+
queryParamsOptions: {},
|
|
108
|
+
searchField: {},
|
|
109
|
+
valueGetter: {},
|
|
110
|
+
emptyStub: {},
|
|
111
|
+
draft: { type: Boolean },
|
|
112
|
+
applyPrefix: {}
|
|
92
113
|
},
|
|
93
114
|
emits: ["update:model-value"],
|
|
94
115
|
setup(__props, { expose: __expose, emit: __emit }) {
|
|
@@ -98,15 +119,26 @@ var WInputOptions_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
|
|
|
98
119
|
const { isReadonly, isDisabled } = useComponentStates(props);
|
|
99
120
|
const isOpen = ref(false);
|
|
100
121
|
const inputRef = useTemplateRef("input");
|
|
122
|
+
const listRef = useTemplateRef("list");
|
|
101
123
|
const cursor = ref(-1);
|
|
102
124
|
const isCursorLocked = ref(false);
|
|
103
|
-
const
|
|
125
|
+
const search = ref(props.modelValue ?? null);
|
|
126
|
+
const applyIndex = computed(() => props.options?.length ?? 0);
|
|
127
|
+
const lastIndex = computed(() => props.draft ? applyIndex.value : applyIndex.value - 1);
|
|
128
|
+
const queryParams = computed(() => ({
|
|
129
|
+
...props.queryParamsOptions,
|
|
130
|
+
[props.searchField ?? "search"]: search.value ?? ""
|
|
131
|
+
}));
|
|
132
|
+
watch(() => props.modelValue, (value) => {
|
|
133
|
+
search.value = value ?? null;
|
|
134
|
+
});
|
|
104
135
|
const focused = ref(false);
|
|
105
136
|
const loadingOptionIndex = ref(null);
|
|
106
137
|
const isDisabledComputed = computed(() => props.loading || isReadonly.value || isDisabled.value);
|
|
107
138
|
const close = () => {
|
|
108
139
|
isOpen.value = false;
|
|
109
140
|
focused.value = false;
|
|
141
|
+
if (props.draft) search.value = props.modelValue ?? null;
|
|
110
142
|
};
|
|
111
143
|
const setLoadingOptionIndex = (value) => {
|
|
112
144
|
if (isDisabledComputed.value) return;
|
|
@@ -125,19 +157,33 @@ var WInputOptions_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
|
|
|
125
157
|
};
|
|
126
158
|
const cursorUp = () => {
|
|
127
159
|
if (isDisabledComputed.value) return;
|
|
160
|
+
if (listRef.value) return listRef.value.cursorUp();
|
|
128
161
|
lockCursor();
|
|
129
|
-
cursor.value =
|
|
162
|
+
cursor.value = lastIndex.value < 0 ? -1 : cursor.value < 1 ? lastIndex.value : cursor.value - 1;
|
|
130
163
|
};
|
|
131
164
|
const cursorDown = () => {
|
|
132
165
|
if (isDisabledComputed.value) return;
|
|
166
|
+
if (listRef.value) return listRef.value.cursorDown();
|
|
133
167
|
lockCursor();
|
|
134
|
-
cursor.value =
|
|
168
|
+
cursor.value = lastIndex.value < 0 ? -1 : cursor.value >= lastIndex.value ? 0 : cursor.value + 1;
|
|
135
169
|
};
|
|
136
170
|
const selectCursor = () => {
|
|
137
171
|
if (isDisabledComputed.value) return;
|
|
138
|
-
|
|
172
|
+
if (listRef.value) return listRef.value.selectCursor();
|
|
173
|
+
if (props.draft && (cursor.value === -1 || cursor.value === applyIndex.value)) return apply();
|
|
174
|
+
const value = cursor.value !== -1 ? props.options?.[cursor.value] : void 0;
|
|
139
175
|
if (value) select(value);
|
|
140
176
|
};
|
|
177
|
+
const apply = () => {
|
|
178
|
+
if (isDisabledComputed.value) return;
|
|
179
|
+
updateModelValue(search.value);
|
|
180
|
+
blur();
|
|
181
|
+
};
|
|
182
|
+
const updateSearch = (value) => {
|
|
183
|
+
search.value = value ?? null;
|
|
184
|
+
cursor.value = props.draft ? applyIndex.value : -1;
|
|
185
|
+
if (!props.draft) updateModelValue(value);
|
|
186
|
+
};
|
|
141
187
|
const select = (option) => {
|
|
142
188
|
updateModelValue(props.valueGetter(option));
|
|
143
189
|
blur();
|
|
@@ -159,53 +205,132 @@ var WInputOptions_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
|
|
|
159
205
|
return (_ctx, _cache) => {
|
|
160
206
|
return openBlock(), createBlock(WInputSuggest_default, mergeProps({ ref: "input" }, {
|
|
161
207
|
...props,
|
|
208
|
+
modelValue: search.value,
|
|
162
209
|
clearValue: unref(getClearValue)()
|
|
163
210
|
}, {
|
|
164
211
|
class: _ctx.$attrs.class,
|
|
165
|
-
"onUpdate:modelValue":
|
|
212
|
+
"onUpdate:modelValue": updateSearch,
|
|
213
|
+
"onClick:clear": _cache[3] || (_cache[3] = ($event) => __props.draft && updateModelValue(unref(getClearValue)())),
|
|
166
214
|
"onKeypress:enter": withModifiers(selectCursor, ["stop", "prevent"]),
|
|
167
215
|
"onKeypress:up": withModifiers(cursorUp, ["prevent"]),
|
|
168
216
|
"onKeypress:down": withModifiers(cursorDown, ["prevent"]),
|
|
169
|
-
onOpen: _cache[
|
|
217
|
+
onOpen: _cache[4] || (_cache[4] = ($event) => isOpen.value = true),
|
|
170
218
|
onClose: close,
|
|
171
|
-
onFocus: _cache[
|
|
172
|
-
onBlur: _cache[
|
|
219
|
+
onFocus: _cache[5] || (_cache[5] = ($event) => focused.value = true),
|
|
220
|
+
onBlur: _cache[6] || (_cache[6] = ($event) => focused.value = false)
|
|
173
221
|
}), createSlots({
|
|
174
|
-
content: withCtx(() => [
|
|
175
|
-
|
|
176
|
-
|
|
222
|
+
content: withCtx(() => [__props.useQueryFnOptions ? (openBlock(), createBlock(SelectAsyncList_default, {
|
|
223
|
+
key: 0,
|
|
224
|
+
ref: "list",
|
|
225
|
+
"model-value": __props.modelValue === void 0 || __props.modelValue === null ? [] : [__props.modelValue],
|
|
226
|
+
"use-query-fn": __props.useQueryFnOptions,
|
|
227
|
+
"query-params": queryParams.value,
|
|
228
|
+
loading: __props.loading,
|
|
229
|
+
disabled: isDisabledComputed.value,
|
|
230
|
+
"empty-stub": __props.emptyStub ?? "No suggestion",
|
|
231
|
+
"value-getter": __props.valueGetter,
|
|
232
|
+
"query-options": { placeholderData: unref(keepPreviousData) },
|
|
233
|
+
search: __props.draft ? search.value?.toString() : void 0,
|
|
234
|
+
"allow-create": __props.draft,
|
|
235
|
+
"create-prefix": __props.applyPrefix ?? "Apply:",
|
|
236
|
+
"cursor-on-create": __props.draft,
|
|
237
|
+
"apply-always": "",
|
|
238
|
+
onSelect: _cache[0] || (_cache[0] = (_value, option) => select(option)),
|
|
239
|
+
onUnselect: _cache[1] || (_cache[1] = (_value, option) => select(option)),
|
|
240
|
+
"onCreate:option": apply
|
|
241
|
+
}, {
|
|
242
|
+
default: withCtx(({ option, selected, skeleton: skeletonOption, index }) => [!option && !skeletonOption ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(search.value), 1)) : renderSlot(_ctx.$slots, "option", {
|
|
243
|
+
option,
|
|
244
|
+
selected,
|
|
245
|
+
skeleton: skeletonOption,
|
|
246
|
+
model: false,
|
|
177
247
|
index,
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
248
|
+
search: void 0
|
|
249
|
+
}, () => [(openBlock(), createBlock(resolveDynamicComponent(__props.optionComponent), mergeProps(__props.optionComponentProps, {
|
|
250
|
+
option,
|
|
251
|
+
selected,
|
|
252
|
+
skeleton: skeletonOption,
|
|
253
|
+
model: false
|
|
254
|
+
}), null, 16, [
|
|
255
|
+
"option",
|
|
256
|
+
"selected",
|
|
257
|
+
"skeleton"
|
|
258
|
+
]))], void 0, 1)]),
|
|
259
|
+
_: 3
|
|
260
|
+
}, 8, [
|
|
261
|
+
"model-value",
|
|
262
|
+
"use-query-fn",
|
|
263
|
+
"query-params",
|
|
264
|
+
"loading",
|
|
265
|
+
"disabled",
|
|
266
|
+
"empty-stub",
|
|
267
|
+
"value-getter",
|
|
268
|
+
"query-options",
|
|
269
|
+
"search",
|
|
270
|
+
"allow-create",
|
|
271
|
+
"create-prefix",
|
|
272
|
+
"cursor-on-create"
|
|
273
|
+
])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
|
|
274
|
+
__props.draft ? (openBlock(), createBlock(SelectOption_default, {
|
|
275
|
+
key: 0,
|
|
276
|
+
index: applyIndex.value,
|
|
277
|
+
"is-selected": false,
|
|
278
|
+
"is-cursor": cursor.value === applyIndex.value,
|
|
181
279
|
scroll: isCursorLocked.value,
|
|
280
|
+
disabled: !search.value,
|
|
182
281
|
class: "first:pt-4 last:pb-4",
|
|
183
|
-
onSelect:
|
|
184
|
-
|
|
185
|
-
setLoadingOptionIndex(index);
|
|
186
|
-
},
|
|
187
|
-
onMouseenter: ($event) => setCursor(index)
|
|
282
|
+
onSelect: apply,
|
|
283
|
+
onMouseenter: _cache[2] || (_cache[2] = ($event) => setCursor(applyIndex.value))
|
|
188
284
|
}, {
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
}, () => [(openBlock(), createBlock(resolveDynamicComponent(__props.optionComponent), {
|
|
194
|
-
option,
|
|
195
|
-
selected,
|
|
196
|
-
model: false
|
|
197
|
-
}, null, 8, ["option", "selected"]))])]),
|
|
198
|
-
_: 2
|
|
199
|
-
}, 1032, [
|
|
285
|
+
prefix: withCtx(() => [createElementVNode("span", _hoisted_2, toDisplayString(__props.applyPrefix ?? "Apply:"), 1)]),
|
|
286
|
+
default: withCtx(() => [search.value ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(search.value), 1)) : (openBlock(), createElementBlock("span", _hoisted_4, "Start typing.."))]),
|
|
287
|
+
_: 1
|
|
288
|
+
}, 8, [
|
|
200
289
|
"index",
|
|
201
|
-
"is-selected",
|
|
202
290
|
"is-cursor",
|
|
203
|
-
"loading",
|
|
204
291
|
"scroll",
|
|
205
|
-
"
|
|
206
|
-
|
|
207
|
-
])
|
|
208
|
-
|
|
292
|
+
"disabled"
|
|
293
|
+
])) : createCommentVNode("", true),
|
|
294
|
+
!__props.options?.length ? (openBlock(), createElementBlock("div", _hoisted_5, [createElementVNode("div", _hoisted_6, toDisplayString(__props.emptyStub ?? "No suggestion"), 1)])) : createCommentVNode("", true),
|
|
295
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option, index) => {
|
|
296
|
+
return openBlock(), createBlock(SelectOption_default, {
|
|
297
|
+
key: option.id,
|
|
298
|
+
index,
|
|
299
|
+
"is-selected": __props.modelValue === __props.valueGetter(option),
|
|
300
|
+
"is-cursor": index === cursor.value,
|
|
301
|
+
loading: loadingOptionIndex.value === index && __props.loading,
|
|
302
|
+
scroll: isCursorLocked.value,
|
|
303
|
+
class: "first:pt-4 last:pb-4",
|
|
304
|
+
onSelect: ($event) => {
|
|
305
|
+
select(option);
|
|
306
|
+
setLoadingOptionIndex(index);
|
|
307
|
+
},
|
|
308
|
+
onMouseenter: ($event) => setCursor(index)
|
|
309
|
+
}, {
|
|
310
|
+
default: withCtx(({ selected }) => [renderSlot(_ctx.$slots, "option", {
|
|
311
|
+
option,
|
|
312
|
+
selected,
|
|
313
|
+
skeleton: false,
|
|
314
|
+
model: false,
|
|
315
|
+
index,
|
|
316
|
+
search: void 0
|
|
317
|
+
}, () => [(openBlock(), createBlock(resolveDynamicComponent(__props.optionComponent), mergeProps({ ref_for: true }, __props.optionComponentProps, {
|
|
318
|
+
option,
|
|
319
|
+
selected,
|
|
320
|
+
model: false
|
|
321
|
+
}), null, 16, ["option", "selected"]))])]),
|
|
322
|
+
_: 2
|
|
323
|
+
}, 1032, [
|
|
324
|
+
"index",
|
|
325
|
+
"is-selected",
|
|
326
|
+
"is-cursor",
|
|
327
|
+
"loading",
|
|
328
|
+
"scroll",
|
|
329
|
+
"onSelect",
|
|
330
|
+
"onMouseenter"
|
|
331
|
+
]);
|
|
332
|
+
}), 128))
|
|
333
|
+
], 64))]),
|
|
209
334
|
_: 2
|
|
210
335
|
}, [
|
|
211
336
|
_ctx.$slots.title ? {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { DropdownMenuProps } from '../DropdownMenu/types';
|
|
2
|
+
import { SelectOptionComponent, SelectOptionComponentProps } from '../Select/types';
|
|
2
3
|
import { FieldWrapperProps } from '../FieldWrapper/types';
|
|
3
4
|
import { WrapSelectionType } from '../../utils/utils';
|
|
4
|
-
import { Component } from 'vue';
|
|
5
5
|
export type InputClearValue = '' | undefined | null;
|
|
6
6
|
export interface InputProps<Type extends InputType, ClearValue extends InputClearValue = ''> extends Omit<FieldWrapperProps, 'modelValue'> {
|
|
7
7
|
/** Field value — a `number` when `type` is `number`, otherwise a `string`. */
|
|
@@ -93,20 +93,32 @@ export interface InputSuggestProps<Type extends InputType, ClearValue extends In
|
|
|
93
93
|
/** Hides the button that opens and closes the menu. */
|
|
94
94
|
hideToggle?: boolean;
|
|
95
95
|
}
|
|
96
|
-
|
|
97
|
-
/** Suggestions shown in the menu.
|
|
96
|
+
interface InputOptionsStatic<Option> {
|
|
97
|
+
/** Suggestions shown in the menu. Filter them by the typed text yourself. Use either this or `useQueryFnOptions`. */
|
|
98
98
|
options: Option[];
|
|
99
|
+
useQueryFnOptions?: never;
|
|
100
|
+
queryParamsOptions?: never;
|
|
101
|
+
searchField?: never;
|
|
102
|
+
}
|
|
103
|
+
interface InputOptionsPaginated<Option, QueryParams> {
|
|
104
|
+
options?: never;
|
|
105
|
+
/** Paginated query that loads the suggestions, page by page as the menu scrolls. The typed text is sent in `searchField`. Use either this or `options`. */
|
|
106
|
+
useQueryFnOptions: UseQueryDefault<PaginatedResponse<Option>, QueryParams>;
|
|
107
|
+
/** Parameters for `useQueryFnOptions`. */
|
|
108
|
+
queryParamsOptions: QueryParams;
|
|
109
|
+
/** Query parameter that receives the typed text. Defaults to `search`. */
|
|
110
|
+
searchField?: keyof QueryParams;
|
|
111
|
+
}
|
|
112
|
+
export type InputOptionsProps<Type extends InputType, Option, QueryParams, OptionComponent extends SelectOptionComponent<Option>, ClearValue extends InputClearValue = ''> = InputSuggestProps<Type, ClearValue> & SelectOptionComponentProps<Option, OptionComponent> & (InputOptionsStatic<Option> | InputOptionsPaginated<Option, QueryParams>) & {
|
|
99
113
|
/** Value an option puts into the input. */
|
|
100
|
-
valueGetter: (option: Option) =>
|
|
101
|
-
/** Text shown when
|
|
114
|
+
valueGetter: (option: Option) => NonNullable<InputSuggestProps<Type>['modelValue']>;
|
|
115
|
+
/** Text shown when there are no suggestions. Defaults to "No suggestion". */
|
|
102
116
|
emptyStub?: string;
|
|
103
|
-
/**
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
}>;
|
|
109
|
-
}
|
|
117
|
+
/** Treats the typed text as a draft: it only drives the suggestions, and the value changes when a suggestion is picked, on Enter, or from the apply row at the top of the menu. The draft is dropped when the menu closes. Clearing applies at once. */
|
|
118
|
+
draft?: boolean;
|
|
119
|
+
/** Label before the typed text in the apply row of a `draft` input. Defaults to "Apply:". */
|
|
120
|
+
applyPrefix?: string;
|
|
121
|
+
};
|
|
110
122
|
export interface InputDateProps extends Omit<InputSuggestProps<'text'>, 'modelValue' | 'clearValue'> {
|
|
111
123
|
/** Selected date. Typed text is parsed into a date as it changes. */
|
|
112
124
|
modelValue?: Date | undefined;
|
|
@@ -166,4 +178,5 @@ export type TextPart = {
|
|
|
166
178
|
class?: string;
|
|
167
179
|
id?: string;
|
|
168
180
|
} | string;
|
|
181
|
+
export {};
|
|
169
182
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,uBAAuB,CAAA;AAC5D,OAAO,KAAK,EAAC,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { SemanticType } from "../../../utils/SemanticType.js";
|
|
2
2
|
import { NotifyChannel, NotifyType } from "./NotifyType.js";
|
|
3
|
-
import
|
|
3
|
+
import IconDangerSolid_default from "../../../assets/icons/IconDangerSolid.js";
|
|
4
4
|
import IconSpinner_default from "../../../assets/icons/IconSpinner.js";
|
|
5
|
-
import
|
|
6
|
-
import
|
|
5
|
+
import IconSuccessSolid_default from "../../../assets/icons/IconSuccessSolid.js";
|
|
6
|
+
import IconWarnSolid_default from "../../../assets/icons/IconWarnSolid.js";
|
|
7
7
|
import { computed, markRaw, ref, watch } from "vue";
|
|
8
8
|
//#region src/components/Notify/models/notifyCenter.ts
|
|
9
9
|
var notifyTypeSemanticTypeMap = {
|
|
@@ -13,9 +13,9 @@ var notifyTypeSemanticTypeMap = {
|
|
|
13
13
|
[NotifyType.DANGER]: SemanticType.NEGATIVE
|
|
14
14
|
};
|
|
15
15
|
var notifyTypeIconMap = {
|
|
16
|
-
[NotifyType.SUCCESS]: markRaw(
|
|
17
|
-
[NotifyType.WARN]: markRaw(
|
|
18
|
-
[NotifyType.DANGER]: markRaw(
|
|
16
|
+
[NotifyType.SUCCESS]: markRaw(IconSuccessSolid_default),
|
|
17
|
+
[NotifyType.WARN]: markRaw(IconWarnSolid_default),
|
|
18
|
+
[NotifyType.DANGER]: markRaw(IconDangerSolid_default),
|
|
19
19
|
[NotifyType.PENDING]: markRaw(IconSpinner_default)
|
|
20
20
|
};
|
|
21
21
|
var notifyTypeSeverityList = [
|
|
@@ -4,8 +4,8 @@ import { useComponentStates } from "../../utils/useComponentStates.js";
|
|
|
4
4
|
import { ApiError } from "../../utils/api.js";
|
|
5
5
|
import WInputSuggest_default from "../Input/WInputSuggest.vue.js";
|
|
6
6
|
import SelectOption_default from "./components/SelectOption.vue.js";
|
|
7
|
-
import SelectOptionPrefix_default from "./components/SelectOptionPrefix.vue.js";
|
|
8
7
|
import { useScrollSelected } from "./models/useScrollSelected.js";
|
|
8
|
+
import SelectOptionPrefix_default from "./components/SelectOptionPrefix.vue.js";
|
|
9
9
|
import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, defineComponent, mergeProps, nextTick, normalizeClass, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, toRef, unref, useTemplateRef, watch, withCtx, withModifiers } from "vue";
|
|
10
10
|
//#region src/components/Select/WSelect.vue?vue&type=script&setup=true&lang.ts
|
|
11
11
|
var _hoisted_1 = { role: "listbox" };
|