eco-vue-js 0.8.37 → 0.8.38
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/components/Select/WSelect.vue.d.ts.map +1 -1
- package/dist/components/Select/WSelect.vue.js +2 -1
- package/dist/components/Select/components/SelectAsyncList.vue.d.ts.map +1 -1
- package/dist/components/Select/components/SelectAsyncList.vue.js +16 -12
- package/dist/components/Select/components/SelectOption.vue.d.ts.map +1 -1
- package/dist/components/Select/components/SelectOption.vue.js +12 -10
- package/package.json +1 -1
|
@@ -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":"AA+ZA,OAAO,KAAK,EAAC,WAAW,EAAE,qBAAqB,EAA6B,MAAM,SAAS,CAAA;yBAI1E,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;WA2qBxD,mBAAmB,CAAC;;;;;;;wRAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;;2BArevB,MAAM,KAAG,IAAI;MAqegC,GAAG,IAAI;WACpE,GAAG;;gBAzbH,MAAM,IAAI;mBACP,MAAM,IAAI;iBACZ,CAAC,KAAK,EAAE;YACf,MAAM,EAAE,IAAI,GAAG,IAAI,CAAA;YACnB,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,CAAA;YACnB,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;;;YApPd,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;;;;;YAoqBmB,OAAO,CAAC,OAAO,WAAW,CAAC;;AArrBvE,wBAqrB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
|
|
@@ -106,6 +106,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
106
106
|
const loadingCreate = ref(false);
|
|
107
107
|
const isDisabled = computed(() => props.loading || props.readonly || props.disabled);
|
|
108
108
|
const prefixList = computed(() => props.modelValue.map((value) => optionsWithCreated.value?.find((item) => props.valueGetter(item) === value)).filter((item) => item !== void 0));
|
|
109
|
+
const hasCreateOption = computed(() => props.createOption && search.value !== "" && !optionsFiltered.value.some((option) => props.valueGetter(option) === search.value));
|
|
109
110
|
const close = () => {
|
|
110
111
|
isOpen.value = false;
|
|
111
112
|
focused.value = false;
|
|
@@ -317,7 +318,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
317
318
|
_: 2
|
|
318
319
|
}, 1032, ["is-selected", "is-cursor", "loading", "scroll", "hide-option-icon", "onSelect", "onUnselect", "onMouseenter"]);
|
|
319
320
|
}), 128)),
|
|
320
|
-
|
|
321
|
+
hasCreateOption.value ? (openBlock(), createBlock(_sfc_main$3, {
|
|
321
322
|
key: 1,
|
|
322
323
|
"is-selected": false,
|
|
323
324
|
"is-cursor": cursor.value === optionsFiltered.value.length,
|
|
@@ -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":"yBA2NiB,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;WAkgBxD,mBAAmB,CAAC;;;;;;;oBA9fhB,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;KA8e8D,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;;;MAAsB,GAAG,IAAI;WACpE,GAAG;;kBAlZD,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;kBAA5E,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;;YAzFlF,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;;;;;YA4egB,OAAO,CAAC,OAAO,WAAW,CAAC;;AA5gBvE,wBA4gB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
|
|
@@ -46,6 +46,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
46
46
|
isCursorLocked.value = true;
|
|
47
47
|
unlockCursor();
|
|
48
48
|
};
|
|
49
|
+
const updateCursor = (value) => {
|
|
50
|
+
cursor.value = value;
|
|
51
|
+
};
|
|
49
52
|
const setCursor = (value) => {
|
|
50
53
|
if (isCursorLocked.value) return;
|
|
51
54
|
cursor.value = value;
|
|
@@ -101,13 +104,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
101
104
|
"header-top-ignore": "",
|
|
102
105
|
"min-height": "",
|
|
103
106
|
"no-gap": "",
|
|
104
|
-
"onUpdate:count": _cache[
|
|
107
|
+
"onUpdate:count": _cache[3] || (_cache[3] = ($event) => {
|
|
105
108
|
_ctx.$emit("update:count", $event);
|
|
106
109
|
count.value = $event;
|
|
110
|
+
updateCursor(void 0);
|
|
107
111
|
}),
|
|
108
|
-
"onUpdate:selected": _cache[
|
|
112
|
+
"onUpdate:selected": _cache[4] || (_cache[4] = ($event) => !_ctx.disabled && _ctx.$emit("update:modelValue", $event))
|
|
109
113
|
}, {
|
|
110
|
-
default: withCtx(({ item, skeleton, previous, next, first, last
|
|
114
|
+
default: withCtx(({ item, skeleton, previous, next, first, last }) => [
|
|
111
115
|
createVNode(_sfc_main$2, {
|
|
112
116
|
"is-selected": !skeleton && _ctx.modelValue.includes(_ctx.valueGetter(item)),
|
|
113
117
|
"is-cursor": !skeleton && _ctx.valueGetter(item) === cursor.value,
|
|
@@ -137,7 +141,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
137
141
|
"onUpdate:isCursor": updateCursors,
|
|
138
142
|
"onUpdate:previous": _cache[0] || (_cache[0] = ($event) => cursorPrevious.value = $event),
|
|
139
143
|
"onUpdate:next": _cache[1] || (_cache[1] = ($event) => cursorNext.value = $event),
|
|
140
|
-
onUnmounted:
|
|
144
|
+
onUnmounted: _cache[2] || (_cache[2] = ($event) => updateCursor(void 0)),
|
|
141
145
|
"onUpdate:first": ($event) => firstItem.value = _ctx.valueGetter(item),
|
|
142
146
|
"onUpdate:last": ($event) => lastItem.value = _ctx.valueGetter(item)
|
|
143
147
|
}, {
|
|
@@ -149,7 +153,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
149
153
|
})
|
|
150
154
|
]),
|
|
151
155
|
_: 2
|
|
152
|
-
}, 1032, ["is-selected", "is-cursor", "loading", "skeleton", "scroll", "first", "last", "previous", "next", "is-no-cursor", "hide-option-icon", "class", "onSelect", "onUnselect", "onMouseenter", "onUpdate:cursor", "
|
|
156
|
+
}, 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"])
|
|
153
157
|
]),
|
|
154
158
|
_: 3
|
|
155
159
|
}, 8, ["use-query-fn", "query-params", "scrolling-element", "transition", "exclude-params", "selected", "empty-stub", "select-only", "unselect-only", "value-getter", "query-options", "skeleton-length", "last-child"]),
|
|
@@ -165,18 +169,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
165
169
|
"is-no-cursor": cursor.value === void 0,
|
|
166
170
|
"hide-option-icon": _ctx.hideOptionIcon,
|
|
167
171
|
class: "first:pt-4 last:pb-4",
|
|
168
|
-
onMouseenter: _cache[
|
|
169
|
-
"onUpdate:cursor": _cache[
|
|
170
|
-
onSelect: _cache[
|
|
172
|
+
onMouseenter: _cache[5] || (_cache[5] = ($event) => setCursor(null)),
|
|
173
|
+
"onUpdate:cursor": _cache[6] || (_cache[6] = ($event) => setCursor(null)),
|
|
174
|
+
onSelect: _cache[7] || (_cache[7] = ($event) => {
|
|
171
175
|
_ctx.$emit("create:option");
|
|
172
176
|
setLoadingOption(null);
|
|
173
177
|
}),
|
|
174
178
|
"onUpdate:isCursor": updateCursors,
|
|
175
|
-
"onUpdate:previous": _cache[
|
|
176
|
-
"onUpdate:next": _cache[
|
|
177
|
-
onUnmounted: _cache[
|
|
179
|
+
"onUpdate:previous": _cache[8] || (_cache[8] = ($event) => cursorPrevious.value = $event),
|
|
180
|
+
"onUpdate:next": _cache[9] || (_cache[9] = ($event) => cursorNext.value = $event),
|
|
181
|
+
onUnmounted: _cache[10] || (_cache[10] = ($event) => updateCursor(void 0))
|
|
178
182
|
}, {
|
|
179
|
-
prefix: withCtx(() => _cache[
|
|
183
|
+
prefix: withCtx(() => _cache[11] || (_cache[11] = [
|
|
180
184
|
createElementVNode("span", { class: "w-select-field pr-2 sm-not:px-3" }, " Create: ", -1)
|
|
181
185
|
])),
|
|
182
186
|
default: withCtx(() => [
|
|
@@ -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":"yBA4IiB,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;WAuOxD,mBAAmB,CAAC;oBAnOhB,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;KAyN6D,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;MAAsB,GAAG,IAAI;WACpE,GAAG;;iBAhJF,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;;;YAvEd,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;;;;;YAmNkB,OAAO,CAAC,OAAO,WAAW,CAAC;;AAjPvE,wBAiP4E;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, watch,
|
|
1
|
+
import { defineComponent, ref, watch, watchEffect, onUnmounted, openBlock, createElementBlock, normalizeClass, withModifiers, renderSlot, createElementVNode, createVNode, Transition, withCtx, createBlock, unref, createCommentVNode } from 'vue';
|
|
2
2
|
import IconCheck from '../../../assets/icons/default/IconCheck.svg.js';
|
|
3
3
|
import WSpinner from '../../Spinner/WSpinner.vue.js';
|
|
4
4
|
|
|
@@ -34,27 +34,29 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
34
34
|
const scrollIntoView = () => {
|
|
35
35
|
element.value?.scrollIntoView({ behavior: "auto", block: "center" });
|
|
36
36
|
};
|
|
37
|
-
watch(
|
|
37
|
+
watch(() => props.isCursor, (value) => {
|
|
38
38
|
if (!value) return;
|
|
39
39
|
emit("update:is-cursor", { previous: props.previous, next: props.next });
|
|
40
40
|
if (props.scroll) scrollIntoView();
|
|
41
41
|
}, { immediate: true });
|
|
42
|
-
|
|
43
|
-
if (
|
|
44
|
-
|
|
45
|
-
|
|
42
|
+
watchEffect(() => {
|
|
43
|
+
if (props.isNoCursor && props.first && !props.skeleton) {
|
|
44
|
+
emit("update:cursor");
|
|
45
|
+
}
|
|
46
|
+
});
|
|
47
|
+
watch(() => props.previous, (value) => {
|
|
46
48
|
if (props.isCursor && !props.skeleton) emit("update:previous", value);
|
|
47
49
|
}, { immediate: true });
|
|
48
|
-
watch(
|
|
50
|
+
watch(() => props.next, (value) => {
|
|
49
51
|
if (props.isCursor && !props.skeleton) emit("update:next", value);
|
|
50
52
|
}, { immediate: true });
|
|
51
|
-
watch(
|
|
53
|
+
watch(() => props.first, (value) => {
|
|
52
54
|
if (value) emit("update:first");
|
|
53
55
|
}, { immediate: true });
|
|
54
|
-
watch(
|
|
56
|
+
watch(() => props.last, (value) => {
|
|
55
57
|
if (value) emit("update:last");
|
|
56
58
|
}, { immediate: true });
|
|
57
|
-
watch(
|
|
59
|
+
watch(() => props.next, (value) => {
|
|
58
60
|
if (props.isCursor && !props.skeleton) emit("update:next", value);
|
|
59
61
|
}, { immediate: true });
|
|
60
62
|
onUnmounted(() => {
|