@milaboratories/uikit 2.10.26 → 2.10.27
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/.turbo/turbo-build.log +47 -48
- package/.turbo/turbo-formatter$colon$check.log +2 -2
- package/.turbo/turbo-linter$colon$check.log +2 -2
- package/.turbo/turbo-types$colon$check.log +1 -1
- package/CHANGELOG.md +6 -0
- package/dist/components/DataTable/TableComponent.vue.js +15 -16
- package/dist/components/DataTable/TableComponent.vue.js.map +1 -1
- package/dist/components/PlAutocomplete/PlAutocomplete.vue.js +33 -33
- package/dist/components/PlAutocompleteMulti/PlAutocompleteMulti.vue.js +17 -17
- package/dist/components/PlBtnGroup/PlBtnGroup.vue.js +17 -17
- package/dist/components/PlCheckboxGroup/PlCheckboxGroup.vue.js +12 -12
- package/dist/components/PlChip/PlChip.vue.js +8 -8
- package/dist/components/PlDropdown/PlDropdown.vue.js +27 -27
- package/dist/components/PlDropdownLegacy/PlDropdownLegacy.vue.js +39 -39
- package/dist/components/PlDropdownMulti/PlDropdownMulti.vue.js +20 -20
- package/dist/components/PlFileDialog/PlFileDialog.vue.d.ts +3 -1
- package/dist/components/PlFileDialog/PlFileDialog.vue.d.ts.map +1 -1
- package/dist/components/PlFileDialog/Remote.vue.d.ts +3 -1
- package/dist/components/PlFileDialog/Remote.vue.d.ts.map +1 -1
- package/dist/components/PlFileDialog/Remote.vue.js +80 -76
- package/dist/components/PlFileDialog/Remote.vue.js.map +1 -1
- package/dist/components/PlFileDialog/Shortcuts.vue.d.ts +4 -1
- package/dist/components/PlFileDialog/Shortcuts.vue.d.ts.map +1 -1
- package/dist/components/PlFileDialog/Shortcuts.vue2.js +18 -14
- package/dist/components/PlFileDialog/Shortcuts.vue2.js.map +1 -1
- package/dist/components/PlFileInput/PlFileInput.vue.js +17 -17
- package/dist/components/PlLogView/PlLogView.vue.js +22 -22
- package/dist/components/PlNumberField/PlNumberField.vue.js +8 -8
- package/dist/components/PlSlideModal/PlPureSlideModal.vue.js +2 -3
- package/dist/components/PlSlideModal/PlPureSlideModal.vue.js.map +1 -1
- package/dist/components/PlTabs/Tab.vue.d.ts +42 -12
- package/dist/components/PlTabs/Tab.vue.d.ts.map +1 -1
- package/dist/components/PlTabs/Tab.vue.js +6 -6
- package/dist/components/PlTextArea/PlTextArea.vue.js +22 -22
- package/dist/components/PlTextField/PlTextField.vue.js +14 -14
- package/dist/components/PlTooltip/PlTooltip.vue.d.ts +30 -3
- package/dist/components/PlTooltip/PlTooltip.vue.d.ts.map +1 -1
- package/dist/components/PlTooltip/PlTooltip.vue.js +7 -110
- package/dist/components/PlTooltip/PlTooltip.vue.js.map +1 -1
- package/dist/components/PlTooltip/PlTooltip.vue2.js +132 -2
- package/dist/components/PlTooltip/PlTooltip.vue2.js.map +1 -1
- package/dist/components/PlTooltip/PlTooltip.vue3.js +26 -0
- package/dist/components/PlTooltip/PlTooltip.vue3.js.map +1 -0
- package/dist/components/Slider.vue.d.ts +1 -1
- package/dist/components/Slider.vue.d.ts.map +1 -1
- package/dist/components/Slider.vue.js +21 -21
- package/dist/components/SliderRange.vue.d.ts +1 -1
- package/dist/components/SliderRange.vue.d.ts.map +1 -1
- package/dist/components/SliderRange.vue.js +31 -31
- package/dist/components/SliderRangeTriple.vue.d.ts +1 -1
- package/dist/components/SliderRangeTriple.vue.d.ts.map +1 -1
- package/dist/components/SliderRangeTriple.vue.js +23 -23
- package/dist/index.js +1 -1
- package/dist/utils/DoubleContour.vue2.js +23 -0
- package/dist/utils/DoubleContour.vue2.js.map +1 -0
- package/package.json +4 -4
- package/src/assets/base.scss +4 -1
- package/src/assets/mixins.scss +1 -2
- package/src/assets/utils.scss +1 -1
- package/src/components/PlFileDialog/Remote.vue +5 -3
- package/src/components/PlFileDialog/Shortcuts.vue +5 -1
- package/src/components/PlTooltip/PlTooltip.vue +227 -32
- package/dist/components/PlTooltip/Beak.vue.d.ts +0 -3
- package/dist/components/PlTooltip/Beak.vue.d.ts.map +0 -1
- package/dist/components/PlTooltip/Beak.vue.js +0 -23
- package/dist/components/PlTooltip/Beak.vue.js.map +0 -1
- package/dist/components/PlTooltip/useTooltipPosition.d.ts +0 -12
- package/dist/components/PlTooltip/useTooltipPosition.d.ts.map +0 -1
- package/dist/components/PlTooltip/useTooltipPosition.js +0 -18
- package/dist/components/PlTooltip/useTooltipPosition.js.map +0 -1
- package/src/components/PlTooltip/Beak.vue +0 -12
- package/src/components/PlTooltip/pl-tooltip.scss +0 -117
- package/src/components/PlTooltip/useTooltipPosition.ts +0 -59
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as ae, ref as
|
|
1
|
+
import { defineComponent as ae, ref as B, useTemplateRef as ie, reactive as se, computed as i, unref as s, watch as D, watchPostEffect as de, createElementBlock as v, openBlock as l, createElementVNode as f, createCommentVNode as c, normalizeClass as ce, createBlock as u, createVNode as T, withDirectives as ue, vModelText as pe, withCtx as z, createTextVNode as fe, toDisplayString as h, renderSlot as M, withModifiers as $ } from "vue";
|
|
2
2
|
import me from "../../assets/images/required.svg.js";
|
|
3
3
|
import { getErrorMessage as ve } from "../../helpers/error.js";
|
|
4
4
|
import { tap as he } from "../../helpers/functions.js";
|
|
@@ -9,23 +9,23 @@ import ge from "../../utils/DoubleContour.vue.js";
|
|
|
9
9
|
import { useLabelNotch as ye } from "../../utils/useLabelNotch.js";
|
|
10
10
|
import ke from "../LongText.vue.js";
|
|
11
11
|
/* empty css */
|
|
12
|
-
import
|
|
12
|
+
import b from "../PlIcon16/PlIcon16.vue.js";
|
|
13
13
|
import F from "../PlIcon24/PlIcon24.vue.js";
|
|
14
14
|
import Ie from "../PlSvg/PlSvg.vue.js";
|
|
15
15
|
import xe from "../PlTooltip/PlTooltip.vue.js";
|
|
16
|
-
import
|
|
16
|
+
import be from "./OptionList.vue.js";
|
|
17
17
|
/* empty css */
|
|
18
|
-
import { useGroupBy as
|
|
19
|
-
const
|
|
18
|
+
import { useGroupBy as Ve } from "./useGroupBy.js";
|
|
19
|
+
const _e = ["tabindex"], Le = { class: "pl-dropdown__container" }, Ce = { class: "pl-dropdown__field" }, Ee = ["disabled", "placeholder"], Re = {
|
|
20
20
|
key: 0,
|
|
21
21
|
class: "input-value"
|
|
22
|
-
}, Se = { class: "pl-dropdown__controls" }, Oe = { key: 0 },
|
|
22
|
+
}, Se = { class: "pl-dropdown__controls" }, Oe = { key: 0 }, Pe = {
|
|
23
23
|
key: 0,
|
|
24
24
|
class: "pl-dropdown__error"
|
|
25
|
-
},
|
|
25
|
+
}, Ae = {
|
|
26
26
|
key: 1,
|
|
27
27
|
class: "pl-dropdown__helper"
|
|
28
|
-
},
|
|
28
|
+
}, Be = {
|
|
29
29
|
key: 2,
|
|
30
30
|
class: "pl-dropdown__helper"
|
|
31
31
|
}, De = {
|
|
@@ -51,7 +51,7 @@ const Ve = ["tabindex"], Le = { class: "pl-dropdown__container" }, Ce = { class:
|
|
|
51
51
|
},
|
|
52
52
|
emits: ["update:modelValue"],
|
|
53
53
|
setup(r, { emit: N }) {
|
|
54
|
-
const
|
|
54
|
+
const V = N, n = r, d = B(), w = B(), g = ie("optionListRef"), o = se({
|
|
55
55
|
search: "",
|
|
56
56
|
activeIndex: -1,
|
|
57
57
|
open: !1,
|
|
@@ -59,7 +59,7 @@ const Ve = ["tabindex"], Le = { class: "pl-dropdown__container" }, Ce = { class:
|
|
|
59
59
|
}), q = () => he(
|
|
60
60
|
S.value.findIndex((e) => x(e.value, n.modelValue)),
|
|
61
61
|
(e) => e < 0 ? 0 : e
|
|
62
|
-
), H = () => o.activeIndex = q(), y = i(() => n.options === void 0),
|
|
62
|
+
), H = () => o.activeIndex = q(), y = i(() => n.options === void 0), _ = i(() => !n.disabled && y.value), k = i(() => y.value ? !0 : n.disabled), L = i(() => (n.options ?? []).findIndex((e) => x(e.value, n.modelValue))), C = i(() => {
|
|
63
63
|
if (!y.value) {
|
|
64
64
|
if (n.error)
|
|
65
65
|
return ve(n.error);
|
|
@@ -82,12 +82,12 @@ const Ve = ["tabindex"], Le = { class: "pl-dropdown__container" }, Ce = { class:
|
|
|
82
82
|
const a = o.search.toLowerCase();
|
|
83
83
|
return t.label.toLowerCase().includes(a) || t.description && t.description.toLowerCase().includes(a) ? !0 : typeof t.value == "string" ? t.value.toLowerCase().includes(a) : t.value === o.search;
|
|
84
84
|
}) : e;
|
|
85
|
-
}), { orderedRef: S, groupsRef: W, restRef: j } =
|
|
85
|
+
}), { orderedRef: S, groupsRef: W, restRef: j } = Ve(G, "group"), J = i(() => k.value ? void 0 : "0"), O = (e) => {
|
|
86
86
|
var t;
|
|
87
|
-
|
|
87
|
+
V("update:modelValue", e), o.search = "", o.open = !1, (t = d == null ? void 0 : d.value) == null || t.focus();
|
|
88
88
|
}, Q = (e) => {
|
|
89
89
|
O(e);
|
|
90
|
-
}, X = () =>
|
|
90
|
+
}, X = () => V("update:modelValue", void 0), Y = () => {
|
|
91
91
|
var e;
|
|
92
92
|
return (e = w.value) == null ? void 0 : e.focus();
|
|
93
93
|
}, Z = () => {
|
|
@@ -97,7 +97,7 @@ const Ve = ["tabindex"], Le = { class: "pl-dropdown__container" }, Ce = { class:
|
|
|
97
97
|
const t = e.relatedTarget;
|
|
98
98
|
!((a = d.value) != null && a.contains(t)) && !((m = (p = g.value) == null ? void 0 : p.listRef) != null && m.contains(t)) && (o.search = "", o.open = !1);
|
|
99
99
|
}, te = (e) => {
|
|
100
|
-
var
|
|
100
|
+
var P, A;
|
|
101
101
|
if (["ArrowDown", "ArrowUp", "Enter", "Escape"].includes(e.code))
|
|
102
102
|
e.preventDefault();
|
|
103
103
|
else
|
|
@@ -107,11 +107,11 @@ const Ve = ["tabindex"], Le = { class: "pl-dropdown__container" }, Ce = { class:
|
|
|
107
107
|
e.code === "Enter" && (o.open = !0);
|
|
108
108
|
return;
|
|
109
109
|
}
|
|
110
|
-
e.code === "Escape" && (o.open = !1, (
|
|
110
|
+
e.code === "Escape" && (o.open = !1, (P = d.value) == null || P.focus());
|
|
111
111
|
const p = S.value, { length: m } = p;
|
|
112
112
|
if (!m)
|
|
113
113
|
return;
|
|
114
|
-
e.code === "Enter" && O((
|
|
114
|
+
e.code === "Enter" && O((A = p.find((I) => I.index === a)) == null ? void 0 : A.value);
|
|
115
115
|
const ne = p.findIndex((I) => I.index === a) ?? -1, re = e.code === "ArrowDown" ? 1 : e.code === "ArrowUp" ? -1 : 0, le = Math.abs(ne + re + m) % m;
|
|
116
116
|
o.activeIndex = p[le].index ?? -1;
|
|
117
117
|
};
|
|
@@ -153,7 +153,7 @@ const Ve = ["tabindex"], Le = { class: "pl-dropdown__container" }, Ce = { class:
|
|
|
153
153
|
[pe, o.search]
|
|
154
154
|
]),
|
|
155
155
|
o.open ? c("", !0) : (l(), v("div", Re, [
|
|
156
|
-
|
|
156
|
+
T(ke, null, {
|
|
157
157
|
default: z(() => [
|
|
158
158
|
fe(h(R.value), 1)
|
|
159
159
|
]),
|
|
@@ -161,30 +161,30 @@ const Ve = ["tabindex"], Le = { class: "pl-dropdown__container" }, Ce = { class:
|
|
|
161
161
|
})
|
|
162
162
|
])),
|
|
163
163
|
f("div", Se, [
|
|
164
|
-
|
|
164
|
+
_.value ? (l(), u(s(F), {
|
|
165
165
|
key: 0,
|
|
166
166
|
name: "loading"
|
|
167
167
|
})) : c("", !0),
|
|
168
|
-
r.clearable && K.value ? (l(), u(s(
|
|
168
|
+
r.clearable && K.value ? (l(), u(s(b), {
|
|
169
169
|
key: 1,
|
|
170
170
|
class: "clear",
|
|
171
171
|
name: "delete-clear",
|
|
172
|
-
onClick:
|
|
172
|
+
onClick: $(X, ["stop"])
|
|
173
173
|
})) : c("", !0),
|
|
174
174
|
M(e.$slots, "append"),
|
|
175
175
|
f("div", {
|
|
176
176
|
class: "pl-dropdown__arrow-wrapper",
|
|
177
|
-
onClick:
|
|
177
|
+
onClick: $(Z, ["stop"])
|
|
178
178
|
}, [
|
|
179
179
|
r.arrowIconLarge ? (l(), u(s(F), {
|
|
180
180
|
key: 0,
|
|
181
181
|
name: r.arrowIconLarge,
|
|
182
182
|
class: "arrow-icon"
|
|
183
|
-
}, null, 8, ["name"])) : r.arrowIcon ? (l(), u(s(
|
|
183
|
+
}, null, 8, ["name"])) : r.arrowIcon ? (l(), u(s(b), {
|
|
184
184
|
key: 1,
|
|
185
185
|
name: r.arrowIcon,
|
|
186
186
|
class: "arrow-icon"
|
|
187
|
-
}, null, 8, ["name"])) : (l(), u(s(
|
|
187
|
+
}, null, 8, ["name"])) : (l(), u(s(b), {
|
|
188
188
|
key: 2,
|
|
189
189
|
name: "chevron-down",
|
|
190
190
|
class: "arrow-icon arrow-icon-default"
|
|
@@ -209,7 +209,7 @@ const Ve = ["tabindex"], Le = { class: "pl-dropdown__container" }, Ce = { class:
|
|
|
209
209
|
_: 3
|
|
210
210
|
})) : c("", !0)
|
|
211
211
|
])) : c("", !0),
|
|
212
|
-
o.open ? (l(), u(
|
|
212
|
+
o.open ? (l(), u(be, {
|
|
213
213
|
key: 1,
|
|
214
214
|
ref_key: "optionListRef",
|
|
215
215
|
ref: g,
|
|
@@ -219,13 +219,13 @@ const Ve = ["tabindex"], Le = { class: "pl-dropdown__container" }, Ce = { class:
|
|
|
219
219
|
"option-size": r.optionSize,
|
|
220
220
|
"select-option": Q
|
|
221
221
|
}, null, 8, ["root-ref", "groups", "rest", "option-size"])) : c("", !0),
|
|
222
|
-
|
|
222
|
+
T(ge, {
|
|
223
223
|
class: "pl-dropdown__contour",
|
|
224
224
|
"group-position": r.groupPosition
|
|
225
225
|
}, null, 8, ["group-position"])
|
|
226
226
|
])
|
|
227
|
-
], 42,
|
|
228
|
-
C.value ? (l(), v("div",
|
|
227
|
+
], 42, _e),
|
|
228
|
+
C.value ? (l(), v("div", Pe, h(C.value), 1)) : _.value && r.loadingOptionsHelper ? (l(), v("div", Ae, h(r.loadingOptionsHelper), 1)) : r.helper ? (l(), v("div", Be, h(r.helper), 1)) : c("", !0)
|
|
229
229
|
]));
|
|
230
230
|
}
|
|
231
231
|
});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as te, useSlots as ne, ref as V, reactive as le, computed as s, unref as u, watch as
|
|
1
|
+
import { defineComponent as te, useSlots as ne, ref as V, reactive as le, computed as s, unref as u, watch as B, watchPostEffect as re, createElementBlock as a, openBlock as l, createElementVNode as p, createCommentVNode as c, normalizeClass as b, createVNode as F, withDirectives as ie, vModelText as ae, withCtx as M, createTextVNode as se, toDisplayString as m, createBlock as h, renderSlot as N, withModifiers as w, Fragment as de, renderList as ce } from "vue";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import { tap as ue, tapIf as pe } from "../../helpers/functions.js";
|
|
4
4
|
import fe from "../PlTooltip/PlTooltip.vue.js";
|
|
@@ -10,28 +10,28 @@ import { deepEqual as C } from "../../helpers/objects.js";
|
|
|
10
10
|
import we from "../DropdownListItem.vue.js";
|
|
11
11
|
import ke from "../LongText.vue.js";
|
|
12
12
|
/* empty css */
|
|
13
|
-
import
|
|
14
|
-
import
|
|
13
|
+
import ye from "../PlIcon16/PlIcon16.vue.js";
|
|
14
|
+
import _e from "../PlIcon24/PlIcon24.vue.js";
|
|
15
15
|
import { normalizeListOptions as Ie } from "../../helpers/utils.js";
|
|
16
16
|
import { getErrorMessage as ge } from "../../helpers/error.js";
|
|
17
17
|
import xe from "../PlSvg/PlSvg.vue.js";
|
|
18
18
|
import Ve from "../../assets/images/required.svg.js";
|
|
19
|
-
const be = { class: "ui-dropdown__envelope" }, Ce = ["tabindex"], Ee = { class: "ui-dropdown__container" }, Le = { class: "ui-dropdown__field" }, Se = ["disabled", "placeholder"],
|
|
19
|
+
const be = { class: "ui-dropdown__envelope" }, Ce = ["tabindex"], Ee = { class: "ui-dropdown__container" }, Le = { class: "ui-dropdown__field" }, Se = ["disabled", "placeholder"], Ae = { class: "ui-dropdown__controls" }, Oe = { key: 0 }, $e = {
|
|
20
20
|
key: 0,
|
|
21
21
|
class: "nothing-found"
|
|
22
22
|
}, De = {
|
|
23
23
|
key: 0,
|
|
24
24
|
class: "ui-dropdown__error"
|
|
25
|
-
},
|
|
25
|
+
}, Pe = {
|
|
26
26
|
key: 1,
|
|
27
27
|
class: "ui-dropdown__helper"
|
|
28
|
-
},
|
|
28
|
+
}, ze = {
|
|
29
29
|
key: 2,
|
|
30
30
|
class: "ui-dropdown__helper"
|
|
31
|
-
},
|
|
31
|
+
}, Be = {
|
|
32
32
|
name: "PlDropdown"
|
|
33
33
|
}, oo = /* @__PURE__ */ te({
|
|
34
|
-
...
|
|
34
|
+
...Be,
|
|
35
35
|
props: {
|
|
36
36
|
modelValue: {},
|
|
37
37
|
label: { default: "" },
|
|
@@ -49,32 +49,32 @@ const be = { class: "ui-dropdown__envelope" }, Ce = ["tabindex"], Ee = { class:
|
|
|
49
49
|
},
|
|
50
50
|
emits: ["update:modelValue"],
|
|
51
51
|
setup(r, { emit: q }) {
|
|
52
|
-
const E = q, n = r, T = ne(), d = V(), L = V(),
|
|
52
|
+
const E = q, n = r, T = ne(), d = V(), L = V(), _ = V(), t = le({
|
|
53
53
|
search: "",
|
|
54
54
|
activeIndex: -1,
|
|
55
55
|
open: !1
|
|
56
56
|
}), H = () => ue(
|
|
57
57
|
f.value.findIndex((e) => C(e.value, n.modelValue)),
|
|
58
58
|
(e) => e < 0 ? 0 : e
|
|
59
|
-
), R = () => t.activeIndex = H(), k = s(() => n.options === void 0), I = s(() => k.value ? !0 : n.disabled), S = s(() => (n.options ?? []).findIndex((e) => C(e.value, n.modelValue))),
|
|
59
|
+
), R = () => t.activeIndex = H(), k = s(() => n.options === void 0), I = s(() => k.value ? !0 : n.disabled), S = s(() => (n.options ?? []).findIndex((e) => C(e.value, n.modelValue))), A = s(() => {
|
|
60
60
|
if (!k.value) {
|
|
61
61
|
if (n.error)
|
|
62
62
|
return ge(n.error);
|
|
63
63
|
if (n.modelValue !== void 0 && S.value === -1)
|
|
64
64
|
return "The selected value is not one of the options";
|
|
65
65
|
}
|
|
66
|
-
}),
|
|
66
|
+
}), O = s(
|
|
67
67
|
() => Ie(n.options ?? []).map((e, o) => ({
|
|
68
68
|
...e,
|
|
69
69
|
index: o,
|
|
70
70
|
isSelected: o === S.value,
|
|
71
71
|
isActive: o === t.activeIndex
|
|
72
72
|
}))
|
|
73
|
-
),
|
|
74
|
-
const o = u(
|
|
73
|
+
), $ = s(() => {
|
|
74
|
+
const o = u(O).find((i) => C(i.value, n.modelValue));
|
|
75
75
|
return (o == null ? void 0 : o.label) || n.modelValue;
|
|
76
|
-
}), U = s(() => !t.open && n.modelValue ? "" : n.modelValue ? String(
|
|
77
|
-
const e =
|
|
76
|
+
}), U = s(() => !t.open && n.modelValue ? "" : n.modelValue ? String($.value) : n.placeholder), K = s(() => n.modelValue !== void 0 && n.modelValue !== null), f = s(() => {
|
|
77
|
+
const e = O.value;
|
|
78
78
|
return t.search ? e.filter((o) => {
|
|
79
79
|
const i = t.search.toLowerCase();
|
|
80
80
|
return o.label.toLowerCase().includes(i) || o.description && o.description.toLowerCase().includes(i) ? !0 : typeof o.value == "string" ? o.value.toLowerCase().includes(i) : o.value === t.search;
|
|
@@ -84,7 +84,7 @@ const be = { class: "ui-dropdown__envelope" }, Ce = ["tabindex"], Ee = { class:
|
|
|
84
84
|
E("update:modelValue", e), t.search = "", t.open = !1, (o = d == null ? void 0 : d.value) == null || o.focus();
|
|
85
85
|
}, G = () => E("update:modelValue", void 0), J = () => {
|
|
86
86
|
var e;
|
|
87
|
-
return (e =
|
|
87
|
+
return (e = _.value) == null ? void 0 : e.focus();
|
|
88
88
|
}, g = () => t.open = !t.open, Q = () => t.open = !0, W = (e) => {
|
|
89
89
|
var o;
|
|
90
90
|
(o = d == null ? void 0 : d.value) != null && o.contains(e.relatedTarget) || (t.search = "", t.open = !1);
|
|
@@ -94,7 +94,7 @@ const be = { class: "ui-dropdown__envelope" }, Ce = ["tabindex"], Ee = { class:
|
|
|
94
94
|
he(e, o);
|
|
95
95
|
});
|
|
96
96
|
}, Y = (e) => {
|
|
97
|
-
var
|
|
97
|
+
var P, z;
|
|
98
98
|
if (["ArrowDown", "ArrowUp", "Enter", "Escape"].includes(e.code))
|
|
99
99
|
e.preventDefault();
|
|
100
100
|
else
|
|
@@ -104,19 +104,19 @@ const be = { class: "ui-dropdown__envelope" }, Ce = ["tabindex"], Ee = { class:
|
|
|
104
104
|
e.code === "Enter" && (t.open = !0);
|
|
105
105
|
return;
|
|
106
106
|
}
|
|
107
|
-
e.code === "Escape" && (t.open = !1, (
|
|
108
|
-
const v = u(f), { length:
|
|
109
|
-
if (!
|
|
107
|
+
e.code === "Escape" && (t.open = !1, (P = d.value) == null || P.focus());
|
|
108
|
+
const v = u(f), { length: y } = v;
|
|
109
|
+
if (!y)
|
|
110
110
|
return;
|
|
111
|
-
e.code === "Enter" && D((
|
|
112
|
-
const Z = v.findIndex((x) => x.index === i) ?? -1, ee = e.code === "ArrowDown" ? 1 : e.code === "ArrowUp" ? -1 : 0, oe = Math.abs(Z + ee +
|
|
111
|
+
e.code === "Enter" && D((z = v.find((x) => x.index === i)) == null ? void 0 : z.value);
|
|
112
|
+
const Z = v.findIndex((x) => x.index === i) ?? -1, ee = e.code === "ArrowDown" ? 1 : e.code === "ArrowUp" ? -1 : 0, oe = Math.abs(Z + ee + y) % y;
|
|
113
113
|
t.activeIndex = f.value[oe].index ?? -1;
|
|
114
114
|
};
|
|
115
|
-
return me(d),
|
|
115
|
+
return me(d), B(() => n.modelValue, R, { immediate: !0 }), B(
|
|
116
116
|
() => t.open,
|
|
117
117
|
(e) => {
|
|
118
118
|
var o;
|
|
119
|
-
return e ? (o =
|
|
119
|
+
return e ? (o = _.value) == null ? void 0 : o.focus() : "";
|
|
120
120
|
}
|
|
121
121
|
), re(() => {
|
|
122
122
|
t.search, t.activeIndex >= 0 && t.open && X();
|
|
@@ -133,7 +133,7 @@ const be = { class: "ui-dropdown__envelope" }, Ce = ["tabindex"], Ee = { class:
|
|
|
133
133
|
p("div", Le, [
|
|
134
134
|
ie(p("input", {
|
|
135
135
|
ref_key: "input",
|
|
136
|
-
ref:
|
|
136
|
+
ref: _,
|
|
137
137
|
"onUpdate:modelValue": o[0] || (o[0] = (i) => t.search = i),
|
|
138
138
|
type: "text",
|
|
139
139
|
tabindex: "-1",
|
|
@@ -149,25 +149,25 @@ const be = { class: "ui-dropdown__envelope" }, Ce = ["tabindex"], Ee = { class:
|
|
|
149
149
|
key: 0,
|
|
150
150
|
onClick: J
|
|
151
151
|
}, [
|
|
152
|
-
|
|
153
|
-
default:
|
|
154
|
-
se(m(
|
|
152
|
+
F(ke, { class: "input-value" }, {
|
|
153
|
+
default: M(() => [
|
|
154
|
+
se(m($.value), 1)
|
|
155
155
|
]),
|
|
156
156
|
_: 1
|
|
157
157
|
})
|
|
158
158
|
])),
|
|
159
|
-
p("div",
|
|
160
|
-
k.value ? (l(), h(u(
|
|
159
|
+
p("div", Ae, [
|
|
160
|
+
k.value ? (l(), h(u(_e), {
|
|
161
161
|
key: 0,
|
|
162
162
|
name: "loading"
|
|
163
163
|
})) : c("", !0),
|
|
164
|
-
r.clearable && K.value ? (l(), h(u(
|
|
164
|
+
r.clearable && K.value ? (l(), h(u(ye), {
|
|
165
165
|
key: 1,
|
|
166
166
|
class: "clear",
|
|
167
167
|
name: "delete-clear",
|
|
168
168
|
onClick: w(G, ["stop"])
|
|
169
169
|
})) : c("", !0),
|
|
170
|
-
|
|
170
|
+
N(e.$slots, "append"),
|
|
171
171
|
r.arrowIconLarge ? (l(), a("div", {
|
|
172
172
|
key: 2,
|
|
173
173
|
class: b(["arrow-icon", [`icon-24 ${r.arrowIconLarge}`]]),
|
|
@@ -183,7 +183,7 @@ const be = { class: "ui-dropdown__envelope" }, Ce = ["tabindex"], Ee = { class:
|
|
|
183
183
|
}))
|
|
184
184
|
])
|
|
185
185
|
]),
|
|
186
|
-
r.label ? (l(), a("label",
|
|
186
|
+
r.label ? (l(), a("label", Oe, [
|
|
187
187
|
r.required ? (l(), h(u(xe), {
|
|
188
188
|
key: 0,
|
|
189
189
|
uri: u(Ve)
|
|
@@ -194,8 +194,8 @@ const be = { class: "ui-dropdown__envelope" }, Ce = ["tabindex"], Ee = { class:
|
|
|
194
194
|
class: "info",
|
|
195
195
|
position: "top"
|
|
196
196
|
}, {
|
|
197
|
-
tooltip:
|
|
198
|
-
|
|
197
|
+
tooltip: M(() => [
|
|
198
|
+
N(e.$slots, "tooltip")
|
|
199
199
|
]),
|
|
200
200
|
_: 3
|
|
201
201
|
})) : c("", !0)
|
|
@@ -212,14 +212,14 @@ const be = { class: "ui-dropdown__envelope" }, Ce = ["tabindex"], Ee = { class:
|
|
|
212
212
|
"is-selected": i.isSelected,
|
|
213
213
|
"is-hovered": i.isActive,
|
|
214
214
|
size: r.optionSize,
|
|
215
|
-
onClick: w((
|
|
215
|
+
onClick: w((y) => D(i.value), ["stop"])
|
|
216
216
|
}, null, 8, ["option", "is-selected", "is-hovered", "size", "onClick"]))), 128)),
|
|
217
|
-
f.value.length ? c("", !0) : (l(), a("div",
|
|
217
|
+
f.value.length ? c("", !0) : (l(), a("div", $e, "Nothing found"))
|
|
218
218
|
], 512)) : c("", !0),
|
|
219
|
-
|
|
219
|
+
F(ve, { class: "ui-dropdown__contour" })
|
|
220
220
|
])
|
|
221
221
|
], 42, Ce),
|
|
222
|
-
|
|
222
|
+
A.value ? (l(), a("div", De, m(A.value), 1)) : k.value && r.loadingOptionsHelper ? (l(), a("div", Pe, m(r.loadingOptionsHelper), 1)) : r.helper ? (l(), a("div", ze, m(r.helper), 1)) : c("", !0)
|
|
223
223
|
]));
|
|
224
224
|
}
|
|
225
225
|
});
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { defineComponent as Y, useSlots as Z, ref as
|
|
1
|
+
import { defineComponent as Y, useSlots as Z, ref as N, useTemplateRef as ee, reactive as oe, computed as d, unref as s, watch as te, watchPostEffect as le, createElementBlock as c, openBlock as r, createElementVNode as p, createCommentVNode as m, normalizeClass as ne, createBlock as v, createVNode as re, withDirectives as se, vModelText as ie, Fragment as b, renderList as C, withModifiers as O, withCtx as y, createTextVNode as S, toDisplayString as h, renderSlot as T } from "vue";
|
|
2
2
|
import ae from "../../assets/images/required.svg.js";
|
|
3
3
|
import { getErrorMessage as ue } from "../../helpers/error.js";
|
|
4
|
-
import { deepEqual as V, deepIncludes as
|
|
4
|
+
import { deepEqual as V, deepIncludes as q } from "../../helpers/objects.js";
|
|
5
5
|
import { normalizeListOptions as de } from "../../helpers/utils.js";
|
|
6
6
|
import ce from "../../utils/DoubleContour.vue.js";
|
|
7
7
|
/* empty css */
|
|
8
8
|
import pe from "../../utils/DropdownOverlay/DropdownOverlay.vue.js";
|
|
9
9
|
import { useLabelNotch as fe } from "../../utils/useLabelNotch.js";
|
|
10
10
|
import me from "../DropdownListItem.vue.js";
|
|
11
|
-
import
|
|
11
|
+
import B from "../PlChip/PlChip.vue.js";
|
|
12
12
|
import ve from "../PlIcon24/PlIcon24.vue.js";
|
|
13
13
|
import he from "../PlSvg/PlSvg.vue.js";
|
|
14
14
|
import _e from "../PlTooltip/PlTooltip.vue.js";
|
|
@@ -16,10 +16,10 @@ import _e from "../PlTooltip/PlTooltip.vue.js";
|
|
|
16
16
|
const we = ["tabindex"], ye = { class: "pl-dropdown-multi__container" }, ge = { class: "pl-dropdown-multi__field" }, ke = ["disabled", "placeholder"], be = {
|
|
17
17
|
key: 0,
|
|
18
18
|
class: "chips-container"
|
|
19
|
-
}, Ce = { class: "pl-dropdown-multi__controls" }, Oe = { key: 0 }, Ve = { class: "pl-dropdown-multi__open-chips-container" },
|
|
19
|
+
}, Ce = { class: "pl-dropdown-multi__controls" }, Oe = { key: 0 }, Ve = { class: "pl-dropdown-multi__open-chips-container" }, xe = {
|
|
20
20
|
key: 0,
|
|
21
21
|
class: "nothing-found"
|
|
22
|
-
},
|
|
22
|
+
}, $e = {
|
|
23
23
|
key: 0,
|
|
24
24
|
class: "pl-dropdown-multi__error"
|
|
25
25
|
}, Ae = {
|
|
@@ -41,8 +41,8 @@ const we = ["tabindex"], ye = { class: "pl-dropdown-multi__container" }, ge = {
|
|
|
41
41
|
groupPosition: { default: void 0 }
|
|
42
42
|
},
|
|
43
43
|
emits: ["update:modelValue"],
|
|
44
|
-
setup(a, { emit:
|
|
45
|
-
const z =
|
|
44
|
+
setup(a, { emit: I }) {
|
|
45
|
+
const z = I, x = (e) => z("update:modelValue", e), U = Z(), i = a, f = N(), $ = N(), _ = ee("overlay"), t = oe({
|
|
46
46
|
search: "",
|
|
47
47
|
activeOption: -1,
|
|
48
48
|
open: !1,
|
|
@@ -54,17 +54,17 @@ const we = ["tabindex"], ye = { class: "pl-dropdown-multi__container" }, ge = {
|
|
|
54
54
|
return o.label.toLowerCase().includes(n) ? !0 : typeof o.value == "string" ? o.value.toLowerCase().includes(n) : o.value === t.search;
|
|
55
55
|
}) : [...l]).map((o) => ({
|
|
56
56
|
...o,
|
|
57
|
-
selected:
|
|
57
|
+
selected: q(e, o.value)
|
|
58
58
|
}));
|
|
59
59
|
}), L = d(() => i.options === void 0), H = d(() => !i.disabled && L.value), k = d(() => L.value ? !0 : i.disabled), j = d(() => k.value ? void 0 : "0"), G = () => {
|
|
60
60
|
t.activeOption = 0;
|
|
61
61
|
}, M = (e) => {
|
|
62
62
|
var o;
|
|
63
63
|
const l = s(w);
|
|
64
|
-
|
|
65
|
-
}, R = (e) =>
|
|
64
|
+
x(q(l, e) ? l.filter((n) => !V(n, e)) : [...l, e]), t.search = "", (o = f == null ? void 0 : f.value) == null || o.focus();
|
|
65
|
+
}, R = (e) => x(s(w).filter((l) => !V(l, e))), J = () => {
|
|
66
66
|
var e;
|
|
67
|
-
return (e =
|
|
67
|
+
return (e = $.value) == null ? void 0 : e.focus();
|
|
68
68
|
}, Q = () => {
|
|
69
69
|
t.open = !t.open, t.open || (t.search = "");
|
|
70
70
|
}, D = (e) => {
|
|
@@ -85,8 +85,8 @@ const we = ["tabindex"], ye = { class: "pl-dropdown-multi__container" }, ge = {
|
|
|
85
85
|
["ArrowDown", "ArrowUp", "Enter"].includes(e.code) && e.preventDefault(), e.code === "Enter" && M(n[o].value);
|
|
86
86
|
const X = e.code === "ArrowDown" ? 1 : e.code === "ArrowUp" ? -1 : 0;
|
|
87
87
|
t.activeOption = Math.abs(o + X + u) % u, requestAnimationFrame(() => {
|
|
88
|
-
var
|
|
89
|
-
return (
|
|
88
|
+
var P;
|
|
89
|
+
return (P = _.value) == null ? void 0 : P.scrollIntoActive();
|
|
90
90
|
});
|
|
91
91
|
};
|
|
92
92
|
return fe(f), te(
|
|
@@ -112,7 +112,7 @@ const we = ["tabindex"], ye = { class: "pl-dropdown-multi__container" }, ge = {
|
|
|
112
112
|
p("div", ge, [
|
|
113
113
|
se(p("input", {
|
|
114
114
|
ref_key: "input",
|
|
115
|
-
ref:
|
|
115
|
+
ref: $,
|
|
116
116
|
"onUpdate:modelValue": l[0] || (l[0] = (o) => t.search = o),
|
|
117
117
|
type: "text",
|
|
118
118
|
tabindex: "-1",
|
|
@@ -125,7 +125,7 @@ const we = ["tabindex"], ye = { class: "pl-dropdown-multi__container" }, ge = {
|
|
|
125
125
|
[ie, t.search]
|
|
126
126
|
]),
|
|
127
127
|
t.open ? m("", !0) : (r(), c("div", be, [
|
|
128
|
-
(r(!0), c(b, null, C(E.value, (o, n) => (r(), v(s(
|
|
128
|
+
(r(!0), c(b, null, C(E.value, (o, n) => (r(), v(s(B), {
|
|
129
129
|
key: n,
|
|
130
130
|
closeable: "",
|
|
131
131
|
small: "",
|
|
@@ -143,7 +143,7 @@ const we = ["tabindex"], ye = { class: "pl-dropdown-multi__container" }, ge = {
|
|
|
143
143
|
key: 0,
|
|
144
144
|
name: "loading"
|
|
145
145
|
})) : m("", !0),
|
|
146
|
-
|
|
146
|
+
T(e.$slots, "append"),
|
|
147
147
|
p("div", {
|
|
148
148
|
class: "pl-dropdown-multi__arrow-wrapper",
|
|
149
149
|
onClick: O(Q, ["stop"])
|
|
@@ -164,7 +164,7 @@ const we = ["tabindex"], ye = { class: "pl-dropdown-multi__container" }, ge = {
|
|
|
164
164
|
position: "top"
|
|
165
165
|
}, {
|
|
166
166
|
tooltip: y(() => [
|
|
167
|
-
|
|
167
|
+
T(e.$slots, "tooltip")
|
|
168
168
|
]),
|
|
169
169
|
_: 3
|
|
170
170
|
})) : m("", !0)
|
|
@@ -181,7 +181,7 @@ const we = ["tabindex"], ye = { class: "pl-dropdown-multi__container" }, ge = {
|
|
|
181
181
|
}, {
|
|
182
182
|
default: y(() => [
|
|
183
183
|
p("div", Ve, [
|
|
184
|
-
(r(!0), c(b, null, C(E.value, (o, n) => (r(), v(s(
|
|
184
|
+
(r(!0), c(b, null, C(E.value, (o, n) => (r(), v(s(B), {
|
|
185
185
|
key: n,
|
|
186
186
|
closeable: "",
|
|
187
187
|
small: "",
|
|
@@ -203,7 +203,7 @@ const we = ["tabindex"], ye = { class: "pl-dropdown-multi__container" }, ge = {
|
|
|
203
203
|
"use-checkbox": "",
|
|
204
204
|
onClick: O((u) => M(o.value), ["stop"])
|
|
205
205
|
}, null, 8, ["option", "is-selected", "is-hovered", "onClick"]))), 128)),
|
|
206
|
-
g.value.length ? m("", !0) : (r(), c("div",
|
|
206
|
+
g.value.length ? m("", !0) : (r(), c("div", xe, "Nothing found"))
|
|
207
207
|
]),
|
|
208
208
|
_: 1
|
|
209
209
|
}, 8, ["root"])) : m("", !0),
|
|
@@ -213,7 +213,7 @@ const we = ["tabindex"], ye = { class: "pl-dropdown-multi__container" }, ge = {
|
|
|
213
213
|
}, null, 8, ["group-position"])
|
|
214
214
|
])
|
|
215
215
|
], 42, we),
|
|
216
|
-
a.error ? (r(), c("div",
|
|
216
|
+
a.error ? (r(), c("div", $e, h(s(ue)(a.error)), 1)) : a.helper ? (r(), c("div", Ae, h(a.helper), 1)) : m("", !0)
|
|
217
217
|
]));
|
|
218
218
|
}
|
|
219
219
|
});
|
|
@@ -69,7 +69,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
|
|
|
69
69
|
title: string;
|
|
70
70
|
extensions: string[];
|
|
71
71
|
autoSelectStorage: boolean;
|
|
72
|
-
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
|
|
72
|
+
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
|
|
73
|
+
lsContainerRef: HTMLDivElement;
|
|
74
|
+
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
|
|
73
75
|
P: {};
|
|
74
76
|
B: {};
|
|
75
77
|
D: {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PlFileDialog.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlFileDialog/PlFileDialog.vue"],"names":[],"mappings":"AA8HA,OAAO,KAAK,EAAE,aAAa,EAAgB,MAAM,aAAa,CAAC;AAc/D,KAAK,WAAW,GAAG;IACf;;;;OAIG;IACH,UAAU,EAAE,OAAO,CAAC;IACpB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;;;;;;;;WAVQ,MAAM;yBASQ,OAAO;gBApBhB,MAAM,EAAE;uBAgBD,OAAO
|
|
1
|
+
{"version":3,"file":"PlFileDialog.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlFileDialog/PlFileDialog.vue"],"names":[],"mappings":"AA8HA,OAAO,KAAK,EAAE,aAAa,EAAgB,MAAM,aAAa,CAAC;AAc/D,KAAK,WAAW,GAAG;IACf;;;;OAIG;IACH,UAAU,EAAE,OAAO,CAAC;IACpB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;;;;;;;;WAVQ,MAAM;yBASQ,OAAO;gBApBhB,MAAM,EAAE;uBAgBD,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4O/B,wBAUG"}
|
|
@@ -24,6 +24,8 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
|
|
|
24
24
|
title: string;
|
|
25
25
|
extensions: string[];
|
|
26
26
|
autoSelectStorage: boolean;
|
|
27
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
27
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
28
|
+
lsContainerRef: HTMLDivElement;
|
|
29
|
+
}, HTMLDivElement>;
|
|
28
30
|
export default _default;
|
|
29
31
|
//# sourceMappingURL=Remote.vue.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Remote.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlFileDialog/Remote.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Remote.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlFileDialog/Remote.vue"],"names":[],"mappings":"AAmVA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,OAAO,EAA2B,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAoBnF,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB,CAAC;;;;;;;;;;;;;;WAHQ,MAAM;gBAFD,MAAM,EAAE;uBAGD,OAAO;;;;AAoe/B,wBAWG"}
|