bitboss-ui 2.1.35 → 2.1.37
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/index.css +1 -1
- package/dist/index106.js +9 -9
- package/dist/index111.js +1 -1
- package/dist/index113.js +1 -1
- package/dist/index119.js +17 -17
- package/dist/index121.js +11 -11
- package/dist/index129.js +1 -1
- package/dist/index13.js +1 -1
- package/dist/index131.js +6 -6
- package/dist/index133.js +1 -1
- package/dist/index135.js +2 -2
- package/dist/index142.js +2 -2
- package/dist/index15.js +5 -5
- package/dist/index17.js +3 -3
- package/dist/index19.js +8 -8
- package/dist/index21.js +16 -16
- package/dist/index215.js +10 -5
- package/dist/index216.js +3 -5
- package/dist/index217.js +13 -5
- package/dist/index218.js +3 -5
- package/dist/index219.js +4 -5
- package/dist/index220.js +20 -5
- package/dist/index221.js +197 -5
- package/dist/index223.js +121 -2
- package/dist/index225.js +5 -250
- package/dist/index226.js +5 -52
- package/dist/index227.js +5 -44
- package/dist/index228.js +4 -4
- package/dist/index229.js +5 -60
- package/dist/index23.js +12 -12
- package/dist/index230.js +5 -13
- package/dist/index231.js +2 -86
- package/dist/index232.js +4 -0
- package/dist/index233.js +2 -29
- package/dist/index234.js +34 -17
- package/dist/index235.js +2 -51
- package/dist/index236.js +4 -15
- package/dist/index237.js +2 -12
- package/dist/index238.js +2 -16
- package/dist/index239.js +2 -34
- package/dist/index240.js +7 -4
- package/dist/index241.js +7 -20
- package/dist/index242.js +49 -195
- package/dist/index243.js +19 -0
- package/dist/index244.js +101 -116
- package/dist/index246.js +100 -2
- package/dist/index248.js +12 -182
- package/dist/index249.js +12 -12
- package/dist/index25.js +3 -3
- package/dist/index250.js +8 -12
- package/dist/index251.js +23 -2
- package/dist/index252.js +4 -2
- package/dist/index253.js +22 -6
- package/dist/index254.js +5 -7
- package/dist/index255.js +5 -7
- package/dist/index256.js +3 -106
- package/dist/index258.js +245 -95
- package/dist/index259.js +54 -0
- package/dist/index260.js +44 -2
- package/dist/index261.js +5 -3
- package/dist/index262.js +60 -2
- package/dist/index263.js +183 -2
- package/dist/index264.js +7 -5
- package/dist/index265.js +85 -17
- package/dist/index267.js +28 -228
- package/dist/index268.js +14 -9
- package/dist/index269.js +11 -2
- package/dist/index27.js +1 -1
- package/dist/index270.js +15 -8
- package/dist/index271.js +9 -23
- package/dist/index272.js +10 -3
- package/dist/index273.js +17 -22
- package/dist/index274.js +12 -6
- package/dist/index275.js +228 -15
- package/dist/index276.js +6 -3
- package/dist/index277.js +16 -9
- package/dist/index278.js +3 -9
- package/dist/index279.js +2 -8
- package/dist/index280.js +9 -2
- package/dist/index281.js +5 -67
- package/dist/index282.js +33 -5
- package/dist/index283.js +28 -33
- package/dist/index285.js +10 -0
- package/dist/index286.js +67 -5
- package/dist/index287.js +4 -7
- package/dist/index288.js +7 -279
- package/dist/index289.js +7 -2
- package/dist/index29.js +2 -2
- package/dist/index290.js +5 -16
- package/dist/index291.js +3 -2
- package/dist/index292.js +3 -16
- package/dist/index293.js +4 -2
- package/dist/index294.js +278 -17
- package/dist/index295.js +2 -2
- package/dist/index296.js +123 -13
- package/dist/index297.js +2 -2
- package/dist/index298.js +11 -15
- package/dist/index300.js +12 -23
- package/dist/index302.js +16 -2
- package/dist/index303.js +2 -2
- package/dist/index304.js +19 -2
- package/dist/index305.js +2 -2
- package/dist/index306.js +2 -28
- package/dist/index307.js +4 -22
- package/dist/index308.js +8 -0
- package/dist/index309.js +28 -7
- package/dist/index31.js +2 -2
- package/dist/index310.js +3 -11
- package/dist/index311.js +1 -1
- package/dist/index312.js +1 -1
- package/dist/index313.js +19 -2
- package/dist/index314.js +2 -4
- package/dist/index315.js +26 -5
- package/dist/index316.js +2 -3
- package/dist/index317.js +2 -3
- package/dist/index318.js +2 -4
- package/dist/index319.js +2 -3
- package/dist/index320.js +2 -3
- package/dist/index321.js +22 -5
- package/dist/index323.js +3 -2
- package/dist/index324.js +1 -1
- package/dist/index328.js +1 -1
- package/dist/index33.js +8 -8
- package/dist/index330.js +5 -0
- package/dist/index331.js +2 -3
- package/dist/index332.js +34 -6
- package/dist/index333.js +6 -19
- package/dist/index334.js +128 -6
- package/dist/index335.js +364 -30
- package/dist/index336.js +228 -6
- package/dist/index337.js +6 -128
- package/dist/index338.js +7 -368
- package/dist/index339.js +5 -46
- package/dist/index340.js +8 -8
- package/dist/index341.js +58 -6
- package/dist/index342.js +57 -7
- package/dist/index343.js +46 -227
- package/dist/index344.js +7 -58
- package/dist/index345.js +18 -57
- package/dist/index346.js +1 -1
- package/dist/index348.js +421 -473
- package/dist/index349.js +113 -422
- package/dist/index35.js +4 -4
- package/dist/index350.js +484 -123
- package/dist/index37.js +18 -18
- package/dist/index39.js +6 -6
- package/dist/index41.js +2 -2
- package/dist/index43.js +8 -8
- package/dist/index45.js +6 -6
- package/dist/index49.js +1 -1
- package/dist/index53.js +1 -1
- package/dist/index55.js +1 -1
- package/dist/index57.js +2 -2
- package/dist/index61.js +3 -3
- package/dist/index67.js +1 -1
- package/dist/index79.js +6 -6
- package/dist/index81.js +1 -1
- package/dist/index83.js +2 -2
- package/dist/index85.js +46 -29
- package/dist/index87.js +1 -1
- package/dist/index90.js +3 -3
- package/dist/index92.js +2 -2
- package/dist/index94.js +5 -5
- package/package.json +1 -1
- package/dist/index222.js +0 -5
- package/dist/index247.js +0 -6
- package/dist/index266.js +0 -14
- package/dist/index284.js +0 -30
- package/dist/index322.js +0 -127
- package/dist/index329.js +0 -4
- /package/dist/{index224.js → index257.js} +0 -0
package/dist/index262.js
CHANGED
@@ -1,4 +1,62 @@
|
|
1
|
-
|
1
|
+
import { defineComponent as g, ref as i, computed as d, onMounted as h, createElementBlock as m, openBlock as u, createElementVNode as y, Fragment as x, renderList as B, createBlock as C, normalizeClass as S, withCtx as T, createTextVNode as E, toDisplayString as w } from "vue";
|
2
|
+
import { range as H } from "./index337.js";
|
3
|
+
import M from "./index13.js";
|
4
|
+
/* empty css */
|
5
|
+
const n = 10, l = 3, V = /* @__PURE__ */ g({
|
6
|
+
__name: "BaseDatePickerYearSelector",
|
7
|
+
props: {
|
8
|
+
cursor: {},
|
9
|
+
disabled: { type: Boolean }
|
10
|
+
},
|
11
|
+
emits: ["update:year"],
|
12
|
+
setup(p, { emit: _ }) {
|
13
|
+
const f = p, b = _, o = i(), r = d(() => f.cursor.year()), c = i(r.value - n * l), s = i(r.value + n * l), v = d(
|
14
|
+
() => H(c.value, s.value).map((e) => ({
|
15
|
+
text: e,
|
16
|
+
key: e,
|
17
|
+
selected: e === r.value,
|
18
|
+
handler: () => b("update:year", e)
|
19
|
+
}))
|
20
|
+
), k = (e) => {
|
21
|
+
const t = e.target;
|
22
|
+
t.scrollTop <= 100 ? c.value = Math.max(
|
23
|
+
c.value - n * l,
|
24
|
+
r.value - 200
|
25
|
+
) : t.scrollHeight - t.scrollTop === t.clientHeight && (s.value = Math.min(s.value + n * l, 2101));
|
26
|
+
};
|
27
|
+
return h(() => {
|
28
|
+
if (!o.value) return;
|
29
|
+
const e = o.value.querySelector(
|
30
|
+
".content__btn--selected"
|
31
|
+
);
|
32
|
+
e && (e.parentElement.scrollTop = e.offsetTop - e.parentElement.clientHeight / 2 + 16);
|
33
|
+
}), (e, t) => (u(), m("div", {
|
34
|
+
ref_key: "container",
|
35
|
+
ref: o,
|
36
|
+
class: "bb-base-date-picker__button-menu bb-base-date-picker__year-selector scrollbar-border"
|
37
|
+
}, [
|
38
|
+
y("div", {
|
39
|
+
class: "content",
|
40
|
+
onScrollPassive: k
|
41
|
+
}, [
|
42
|
+
(u(!0), m(x, null, B(v.value, (a) => (u(), C(M, {
|
43
|
+
key: a.key,
|
44
|
+
class: S({
|
45
|
+
content__btn: !0,
|
46
|
+
"content__btn--selected": a.selected
|
47
|
+
}),
|
48
|
+
disabled: e.disabled,
|
49
|
+
onClick: a.handler
|
50
|
+
}, {
|
51
|
+
default: T(() => [
|
52
|
+
E(w(a.text), 1)
|
53
|
+
]),
|
54
|
+
_: 2
|
55
|
+
}, 1032, ["class", "disabled", "onClick"]))), 128))
|
56
|
+
], 32)
|
57
|
+
], 512));
|
58
|
+
}
|
59
|
+
});
|
2
60
|
export {
|
3
|
-
|
61
|
+
V as default
|
4
62
|
};
|
package/dist/index263.js
CHANGED
@@ -1,4 +1,185 @@
|
|
1
|
-
|
1
|
+
var w = Object.defineProperty, C = (a, e, t) => e in a ? w(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t, A = (a, e, t) => C(a, typeof e != "symbol" ? e + "" : e, t);
|
2
|
+
const R = {
|
3
|
+
"#": { pattern: /[0-9]/ },
|
4
|
+
"@": { pattern: /[a-zA-Z]/ },
|
5
|
+
"*": { pattern: /[a-zA-Z0-9]/ }
|
6
|
+
}, N = (a, e, t) => a.replaceAll(e, "").replace(t, ".").replace("..", ".").replace(/[^.\d]/g, ""), I = (a, e, t) => {
|
7
|
+
var s;
|
8
|
+
return new Intl.NumberFormat(((s = t.number) == null ? void 0 : s.locale) ?? "en", {
|
9
|
+
minimumFractionDigits: a,
|
10
|
+
maximumFractionDigits: e,
|
11
|
+
roundingMode: "trunc"
|
12
|
+
});
|
13
|
+
}, P = (a, e = !0, t) => {
|
14
|
+
var s, r, n, l;
|
15
|
+
const u = ((s = t.number) == null ? void 0 : s.unsigned) !== !0 && a.startsWith("-") ? "-" : "", p = ((r = t.number) == null ? void 0 : r.fraction) ?? 0;
|
16
|
+
let o = I(0, p, t);
|
17
|
+
const k = o.formatToParts(1000.12), m = ((n = k.find((i) => i.type === "group")) == null ? void 0 : n.value) ?? " ", f = ((l = k.find((i) => i.type === "decimal")) == null ? void 0 : l.value) ?? ".", c = N(a, m, f);
|
18
|
+
if (Number.isNaN(parseFloat(c))) return u;
|
19
|
+
const v = c.split(".");
|
20
|
+
if (v[1] != null && v[1].length >= 1) {
|
21
|
+
const i = v[1].length <= p ? v[1].length : p;
|
22
|
+
o = I(i, p, t);
|
23
|
+
}
|
24
|
+
let d = o.format(parseFloat(c));
|
25
|
+
return e ? p > 0 && c.endsWith(".") && !c.slice(0, -1).includes(".") && (d += f) : d = N(d, m, f), u + d;
|
26
|
+
};
|
27
|
+
class T {
|
28
|
+
constructor(e = {}) {
|
29
|
+
A(this, "opts", {}), A(this, "memo", /* @__PURE__ */ new Map());
|
30
|
+
const t = { ...e };
|
31
|
+
if (t.tokens != null) {
|
32
|
+
t.tokens = t.tokensReplace ? { ...t.tokens } : { ...R, ...t.tokens };
|
33
|
+
for (const s of Object.values(t.tokens))
|
34
|
+
typeof s.pattern == "string" && (s.pattern = new RegExp(s.pattern));
|
35
|
+
} else
|
36
|
+
t.tokens = R;
|
37
|
+
Array.isArray(t.mask) && (t.mask.length > 1 ? t.mask = [...t.mask].sort((s, r) => s.length - r.length) : t.mask = t.mask[0] ?? ""), t.mask === "" && (t.mask = null), this.opts = t;
|
38
|
+
}
|
39
|
+
masked(e) {
|
40
|
+
return this.process(String(e), this.findMask(String(e)));
|
41
|
+
}
|
42
|
+
unmasked(e) {
|
43
|
+
return this.process(String(e), this.findMask(String(e)), !1);
|
44
|
+
}
|
45
|
+
isEager() {
|
46
|
+
return this.opts.eager === !0;
|
47
|
+
}
|
48
|
+
isReversed() {
|
49
|
+
return this.opts.reversed === !0;
|
50
|
+
}
|
51
|
+
completed(e) {
|
52
|
+
const t = this.findMask(String(e));
|
53
|
+
if (this.opts.mask == null || t == null) return !1;
|
54
|
+
const s = this.process(String(e), t).length;
|
55
|
+
return typeof this.opts.mask == "string" ? s >= this.opts.mask.length : s >= t.length;
|
56
|
+
}
|
57
|
+
findMask(e) {
|
58
|
+
const t = this.opts.mask;
|
59
|
+
if (t == null)
|
60
|
+
return null;
|
61
|
+
if (typeof t == "string")
|
62
|
+
return t;
|
63
|
+
if (typeof t == "function")
|
64
|
+
return t(e);
|
65
|
+
const s = this.process(e, t.slice(-1).pop() ?? "", !1);
|
66
|
+
return t.find((r) => this.process(e, r, !1).length >= s.length) ?? "";
|
67
|
+
}
|
68
|
+
escapeMask(e) {
|
69
|
+
const t = [], s = [];
|
70
|
+
return e.split("").forEach((r, n) => {
|
71
|
+
r === "!" && e[n - 1] !== "!" ? s.push(n - s.length) : t.push(r);
|
72
|
+
}), { mask: t.join(""), escaped: s };
|
73
|
+
}
|
74
|
+
process(e, t, s = !0) {
|
75
|
+
if (this.opts.number != null) return P(e, s, this.opts);
|
76
|
+
if (t == null) return e;
|
77
|
+
const r = `v=${e},mr=${t},m=${s ? 1 : 0}`;
|
78
|
+
if (this.memo.has(r)) return this.memo.get(r);
|
79
|
+
const { mask: n, escaped: l } = this.escapeMask(t), u = [], p = this.opts.tokens != null ? this.opts.tokens : {}, o = this.isReversed() ? -1 : 1, k = this.isReversed() ? "unshift" : "push", m = this.isReversed() ? 0 : n.length - 1, f = this.isReversed() ? () => i > -1 && h > -1 : () => i < n.length && h < e.length, c = (b) => !this.isReversed() && b <= m || this.isReversed() && b >= m;
|
80
|
+
let v, d = -1, i = this.isReversed() ? n.length - 1 : 0, h = this.isReversed() ? e.length - 1 : 0, M = !1;
|
81
|
+
for (; f(); ) {
|
82
|
+
const b = n.charAt(i), g = p[b], y = (g == null ? void 0 : g.transform) != null ? g.transform(e.charAt(h)) : e.charAt(h);
|
83
|
+
if (!l.includes(i) && g != null ? (y.match(g.pattern) != null ? (u[k](y), g.repeated ? (d === -1 ? d = i : i === m && i !== d && (i = d - o), m === d && (i -= o)) : g.multiple && (M = !0, i -= o), i += o) : g.multiple ? M && (i += o, h -= o, M = !1) : y === v ? v = void 0 : g.optional && (i += o, h -= o), h += o) : (s && !this.isEager() && u[k](b), y === b && !this.isEager() ? h += o : v = b, this.isEager() || (i += o)), this.isEager())
|
84
|
+
for (; c(i) && (p[n.charAt(i)] == null || l.includes(i)); ) {
|
85
|
+
if (s) {
|
86
|
+
if (u[k](n.charAt(i)), e.charAt(h) === n.charAt(i)) {
|
87
|
+
i += o, h += o;
|
88
|
+
continue;
|
89
|
+
}
|
90
|
+
} else n.charAt(i) === e.charAt(h) && (h += o);
|
91
|
+
i += o;
|
92
|
+
}
|
93
|
+
}
|
94
|
+
return this.memo.set(r, u.join("")), this.memo.get(r);
|
95
|
+
}
|
96
|
+
}
|
97
|
+
const S = (a) => JSON.parse(a.replaceAll("'", '"')), F = (a, e = {}) => {
|
98
|
+
const t = { ...e };
|
99
|
+
a.dataset.maska != null && a.dataset.maska !== "" && (t.mask = W(a.dataset.maska)), a.dataset.maskaEager != null && (t.eager = E(a.dataset.maskaEager)), a.dataset.maskaReversed != null && (t.reversed = E(a.dataset.maskaReversed)), a.dataset.maskaTokensReplace != null && (t.tokensReplace = E(a.dataset.maskaTokensReplace)), a.dataset.maskaTokens != null && (t.tokens = x(a.dataset.maskaTokens));
|
100
|
+
const s = {};
|
101
|
+
return a.dataset.maskaNumberLocale != null && (s.locale = a.dataset.maskaNumberLocale), a.dataset.maskaNumberFraction != null && (s.fraction = parseInt(a.dataset.maskaNumberFraction)), a.dataset.maskaNumberUnsigned != null && (s.unsigned = E(a.dataset.maskaNumberUnsigned)), (a.dataset.maskaNumber != null || Object.values(s).length > 0) && (t.number = s), t;
|
102
|
+
}, E = (a) => a !== "" ? !!JSON.parse(a) : !0, W = (a) => a.startsWith("[") && a.endsWith("]") ? S(a) : a, x = (a) => {
|
103
|
+
if (a.startsWith("{") && a.endsWith("}"))
|
104
|
+
return S(a);
|
105
|
+
const e = {};
|
106
|
+
return a.split("|").forEach((t) => {
|
107
|
+
const s = t.split(":");
|
108
|
+
e[s[0]] = {
|
109
|
+
pattern: new RegExp(s[1]),
|
110
|
+
optional: s[2] === "optional",
|
111
|
+
multiple: s[2] === "multiple",
|
112
|
+
repeated: s[2] === "repeated"
|
113
|
+
};
|
114
|
+
}), e;
|
115
|
+
};
|
116
|
+
class O {
|
117
|
+
constructor(e, t = {}) {
|
118
|
+
A(this, "items", /* @__PURE__ */ new Map()), A(this, "eventAbortController"), A(this, "onInput", (s) => {
|
119
|
+
if (s instanceof CustomEvent && s.type === "input" && !s.isTrusted && !s.bubbles)
|
120
|
+
return;
|
121
|
+
const r = s.target, n = this.items.get(r);
|
122
|
+
if (n === void 0) return;
|
123
|
+
const l = "inputType" in s && s.inputType.startsWith("delete"), u = n.isEager(), p = l && u && n.unmasked(r.value) === "" ? "" : r.value;
|
124
|
+
this.fixCursor(r, l, () => this.setValue(r, p));
|
125
|
+
}), this.options = t, this.eventAbortController = new AbortController(), this.init(this.getInputs(e));
|
126
|
+
}
|
127
|
+
update(e = {}) {
|
128
|
+
this.options = { ...e }, this.init(Array.from(this.items.keys()));
|
129
|
+
}
|
130
|
+
updateValue(e) {
|
131
|
+
var t;
|
132
|
+
e.value !== "" && e.value !== ((t = this.processInput(e)) == null ? void 0 : t.masked) && this.setValue(e, e.value);
|
133
|
+
}
|
134
|
+
destroy() {
|
135
|
+
this.eventAbortController.abort(), this.items.clear();
|
136
|
+
}
|
137
|
+
init(e) {
|
138
|
+
const t = this.getOptions(this.options);
|
139
|
+
for (const s of e) {
|
140
|
+
if (!this.items.has(s)) {
|
141
|
+
const { signal: n } = this.eventAbortController;
|
142
|
+
s.addEventListener("input", this.onInput, { capture: !0, signal: n });
|
143
|
+
}
|
144
|
+
const r = new T(F(s, t));
|
145
|
+
this.items.set(s, r), queueMicrotask(() => this.updateValue(s)), s.selectionStart === null && r.isEager() && console.warn("Maska: input of `%s` type is not supported", s.type);
|
146
|
+
}
|
147
|
+
}
|
148
|
+
getInputs(e) {
|
149
|
+
return typeof e == "string" ? Array.from(document.querySelectorAll(e)) : "length" in e ? Array.from(e) : [e];
|
150
|
+
}
|
151
|
+
getOptions(e) {
|
152
|
+
const { onMaska: t, preProcess: s, postProcess: r, ...n } = e;
|
153
|
+
return n;
|
154
|
+
}
|
155
|
+
fixCursor(e, t, s) {
|
156
|
+
var r, n;
|
157
|
+
const l = e.selectionStart, u = e.value;
|
158
|
+
if (s(), l === null || l === u.length && !t) return;
|
159
|
+
const p = e.value, o = u.slice(0, l), k = p.slice(0, l), m = (r = this.processInput(e, o)) == null ? void 0 : r.unmasked, f = (n = this.processInput(e, k)) == null ? void 0 : n.unmasked;
|
160
|
+
if (m === void 0 || f === void 0) return;
|
161
|
+
let c = l;
|
162
|
+
o !== k && (c += t ? p.length - u.length : m.length - f.length), e.setSelectionRange(c, c);
|
163
|
+
}
|
164
|
+
setValue(e, t) {
|
165
|
+
const s = this.processInput(e, t);
|
166
|
+
s !== void 0 && (e.value = s.masked, this.options.onMaska != null && (Array.isArray(this.options.onMaska) ? this.options.onMaska.forEach((r) => r(s)) : this.options.onMaska(s)), e.dispatchEvent(new CustomEvent("maska", { detail: s })), e.dispatchEvent(new CustomEvent("input", { detail: s.masked })));
|
167
|
+
}
|
168
|
+
processInput(e, t) {
|
169
|
+
const s = this.items.get(e);
|
170
|
+
if (s === void 0) return;
|
171
|
+
let r = t ?? e.value;
|
172
|
+
this.options.preProcess != null && (r = this.options.preProcess(r));
|
173
|
+
let n = s.masked(r);
|
174
|
+
return this.options.postProcess != null && (n = this.options.postProcess(n)), {
|
175
|
+
masked: n,
|
176
|
+
unmasked: s.unmasked(r),
|
177
|
+
completed: s.completed(r)
|
178
|
+
};
|
179
|
+
}
|
180
|
+
}
|
2
181
|
export {
|
3
|
-
|
182
|
+
T as Mask,
|
183
|
+
O as MaskInput,
|
184
|
+
R as tokens
|
4
185
|
};
|
package/dist/index264.js
CHANGED
@@ -1,7 +1,9 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
const
|
1
|
+
const s = (r, t) => {
|
2
|
+
if (r.endsWith("."))
|
3
|
+
return t === 0 ? r.slice(0, -1) : r;
|
4
|
+
const [n, i] = r.split(".");
|
5
|
+
return i ? `${n}.${i.slice(0, t)}` : r;
|
6
|
+
};
|
5
7
|
export {
|
6
|
-
|
8
|
+
s as clampPrecision
|
7
9
|
};
|
package/dist/index265.js
CHANGED
@@ -1,20 +1,88 @@
|
|
1
|
-
import {
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
1
|
+
import { defineComponent as h, createElementBlock as n, openBlock as s, normalizeClass as r, createElementVNode as l, renderSlot as t, createCommentVNode as p, createTextVNode as o, toDisplayString as d, unref as b, Fragment as m, renderList as u } from "vue";
|
2
|
+
import { useLocale as g } from "./index217.js";
|
3
|
+
const k = { class: "bb-cr-container__container" }, y = {
|
4
|
+
key: 0,
|
5
|
+
class: "bb-cr-container__loading-container"
|
6
|
+
}, $ = {
|
7
|
+
key: 1,
|
8
|
+
class: "bb-cr-container__no-data-container"
|
9
|
+
}, C = /* @__PURE__ */ h({
|
10
|
+
__name: "OptionsContainer",
|
11
|
+
props: {
|
12
|
+
direction: {},
|
13
|
+
hasErrors: { type: Boolean },
|
14
|
+
hideLabel: { type: Boolean },
|
15
|
+
loadingText: {},
|
16
|
+
loading: { type: Boolean },
|
17
|
+
noDataText: {},
|
18
|
+
options: {}
|
19
|
+
},
|
20
|
+
setup(f) {
|
21
|
+
const { t: i } = g();
|
22
|
+
return (a, T) => (s(), n("span", {
|
23
|
+
ref: "container",
|
24
|
+
class: r(["bb-cr-container", {
|
25
|
+
"bb-cr-container--errors": a.hasErrors,
|
26
|
+
"bb-cr-container--horizontal": a.direction === "horizontal",
|
27
|
+
"bb-cr-container--vertical": a.direction === "vertical"
|
28
|
+
}])
|
29
|
+
}, [
|
30
|
+
l("span", k, [
|
31
|
+
t(a.$slots, "prepend"),
|
32
|
+
!a.options.length && a.loading ? (s(), n("span", y, [
|
33
|
+
t(a.$slots, "loading", {}, () => [
|
34
|
+
o(d(a.loadingText || b(i)("common.loadingText")), 1)
|
35
|
+
])
|
36
|
+
])) : a.options.length ? p("", !0) : (s(), n("span", $, [
|
37
|
+
t(a.$slots, "no-data", {}, () => [
|
38
|
+
o(d(a.noDataText || b(i)("common.noDataText")), 1)
|
39
|
+
])
|
40
|
+
])),
|
41
|
+
(s(!0), n(m, null, u(a.options, (e, c) => (s(), n(m, {
|
42
|
+
key: (e == null ? void 0 : e.valueHash) || c
|
43
|
+
}, [
|
44
|
+
t(a.$slots, "option:prepend", {
|
45
|
+
id: e.valueHash,
|
46
|
+
checked: !!e.selected,
|
47
|
+
disabled: !!e.disabled,
|
48
|
+
item: e.item,
|
49
|
+
text: e.text
|
50
|
+
}),
|
51
|
+
l("label", {
|
52
|
+
class: r(["bb-cr-container-option", { "bb-base-radio-selected": e.selected }])
|
53
|
+
}, [
|
54
|
+
t(a.$slots, "input", {
|
55
|
+
index: c,
|
56
|
+
option: e
|
57
|
+
}),
|
58
|
+
l("span", {
|
59
|
+
class: r({
|
60
|
+
"bb-cr-container-option__text": !0,
|
61
|
+
"sr-only": a.hideLabel
|
62
|
+
})
|
63
|
+
}, [
|
64
|
+
t(a.$slots, "label", {
|
65
|
+
checked: !!e.selected,
|
66
|
+
item: e.item,
|
67
|
+
text: e.text
|
68
|
+
}, () => [
|
69
|
+
o(d(e.text), 1)
|
70
|
+
])
|
71
|
+
], 2)
|
72
|
+
], 2),
|
73
|
+
t(a.$slots, "option:append", {
|
74
|
+
id: e.valueHash,
|
75
|
+
checked: !!e.selected,
|
76
|
+
disabled: !!e.disabled,
|
77
|
+
item: e.item,
|
78
|
+
text: e.text
|
79
|
+
})
|
80
|
+
], 64))), 128)),
|
81
|
+
t(a.$slots, "append")
|
82
|
+
])
|
83
|
+
], 2));
|
15
84
|
}
|
16
|
-
|
17
|
-
};
|
85
|
+
});
|
18
86
|
export {
|
19
|
-
|
87
|
+
C as default
|
20
88
|
};
|
package/dist/index267.js
CHANGED
@@ -1,231 +1,31 @@
|
|
1
|
-
import {
|
2
|
-
import {
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
open: { type: Boolean },
|
19
|
-
loading: { type: Boolean },
|
20
|
-
multiple: { type: Boolean },
|
21
|
-
transitionDuration: { default: 250 },
|
22
|
-
loadingText: {},
|
23
|
-
noDataText: {}
|
24
|
-
},
|
25
|
-
emits: ["option:selected", "option:unselected"],
|
26
|
-
setup(N, { expose: V, emit: O }) {
|
27
|
-
const o = N, y = O, { t: I } = ne(), s = f(null), C = (e) => "option_" + JSON.stringify(e).replace(/\W/g, "_"), i = x(
|
28
|
-
() => o.options.map((e) => ({ ...e, id: C(e.value) }))
|
29
|
-
), c = te({
|
30
|
-
get count() {
|
31
|
-
return o.options.length;
|
32
|
-
},
|
33
|
-
getScrollElement: () => s.value ? s.value : null,
|
34
|
-
estimateSize: () => o.compact ? 32 : 40,
|
35
|
-
overscan: 5,
|
36
|
-
measureElement: () => o.compact ? 32 : 40,
|
37
|
-
useAnimationFrameWithResizeObserver: !0
|
38
|
-
}), F = (e) => {
|
39
|
-
e && c.value.measureElement(e);
|
40
|
-
}, M = x(() => c.value.getVirtualItems()), A = x(() => c.value.getTotalSize()), n = f(null), a = x(
|
41
|
-
() => o.open && o.options.some((e) => !e.disabled)
|
42
|
-
), _ = (e = 1) => {
|
43
|
-
const l = b(n.value) ? -1 : n.value;
|
44
|
-
let t = (l + e) % o.options.length;
|
45
|
-
for (; o.options[t].disabled && t !== l; )
|
46
|
-
t = _(e + 1);
|
47
|
-
return t;
|
48
|
-
}, R = () => {
|
49
|
-
if (!a.value) return;
|
50
|
-
const e = _();
|
51
|
-
n.value = e, u();
|
52
|
-
}, S = (e = 1) => {
|
53
|
-
const l = b(n.value) ? 0 : n.value;
|
54
|
-
let t = (l - e + o.options.length) % o.options.length;
|
55
|
-
for (; o.options[t].disabled && t !== l; )
|
56
|
-
t = S(e + 1);
|
57
|
-
return t;
|
58
|
-
}, P = async () => {
|
59
|
-
if (!a.value) return;
|
60
|
-
const e = S();
|
61
|
-
n.value = e, u();
|
62
|
-
}, W = () => {
|
63
|
-
if (!a.value) return;
|
64
|
-
let e = 0;
|
65
|
-
for (; o.options[e].disabled; )
|
66
|
-
e++;
|
67
|
-
n.value = e, u();
|
68
|
-
}, q = () => {
|
69
|
-
if (!a.value) return;
|
70
|
-
let e = o.options.length - 1;
|
71
|
-
for (; o.options[e].disabled && e !== 0; )
|
72
|
-
e--;
|
73
|
-
n.value = e, u();
|
74
|
-
}, J = () => {
|
75
|
-
if (!a.value) return;
|
76
|
-
let e = 0;
|
77
|
-
for (; o.options[e] && !o.options[e].selected && o.options.length !== e; )
|
78
|
-
e++;
|
79
|
-
n.value = e % o.options.length, u();
|
80
|
-
}, Y = () => {
|
81
|
-
if (!a.value) return;
|
82
|
-
let e = o.options.length - 1;
|
83
|
-
for (; o.options[e].selected && e > 0; )
|
84
|
-
e--;
|
85
|
-
n.value = e === -1 ? o.options.length - 1 : e, u();
|
86
|
-
}, j = (e) => {
|
87
|
-
if (!a.value) return;
|
88
|
-
const l = o.options.findIndex(
|
89
|
-
(t) => t.valueHash === e
|
90
|
-
);
|
91
|
-
l >= 0 && (n.value = l), u();
|
92
|
-
}, k = () => {
|
93
|
-
n.value = null;
|
94
|
-
}, u = () => {
|
95
|
-
s.value && oe(n.value) && c.value.scrollToIndex(n.value, {
|
96
|
-
align: "center",
|
97
|
-
behavior: "smooth"
|
98
|
-
});
|
99
|
-
}, w = () => {
|
100
|
-
if (b(n.value) || !o.open) return;
|
101
|
-
const e = o.options[n.value];
|
102
|
-
e.selected ? y("option:unselected", e) : y("option:selected", e);
|
103
|
-
}, B = f(0), E = () => {
|
104
|
-
s.value && (B.value = s.value.scrollHeight);
|
105
|
-
}, G = (e) => !e.disabled, K = (e) => {
|
106
|
-
if (e.preventDefault(), s.value && e.target && e.target instanceof HTMLElement) {
|
107
|
-
if (!s.value.querySelector('[role="listbox"]'))
|
108
|
-
throw new Error("Could not find listbox in DOM tree.");
|
109
|
-
let t = e.target, r = t.dataset.index;
|
110
|
-
for (; b(r) && t.parentElement; )
|
111
|
-
t = t.parentElement, r = t.dataset.index;
|
112
|
-
if (r) {
|
113
|
-
const T = o.options[+r];
|
114
|
-
T && G(T) && (n.value = +r, w());
|
115
|
-
}
|
1
|
+
import { ref as a, computed as s, unref as v } from "vue";
|
2
|
+
import { useDebounceFn as f } from "./index212.js";
|
3
|
+
const p = (u) => {
|
4
|
+
const e = a(0), r = s(() => v(u.items)), t = a([]), n = async (...l) => {
|
5
|
+
if (Array.isArray(r.value))
|
6
|
+
t.value = r.value;
|
7
|
+
else if (typeof r.value == "function") {
|
8
|
+
const i = ++e.value;
|
9
|
+
try {
|
10
|
+
const o = await r.value(...l);
|
11
|
+
if (i < e.value) {
|
12
|
+
e.value--;
|
13
|
+
return;
|
14
|
+
} else
|
15
|
+
t.value = o;
|
16
|
+
} catch (o) {
|
17
|
+
console.error(o);
|
116
18
|
}
|
117
|
-
|
118
|
-
|
119
|
-
|
120
|
-
|
121
|
-
|
122
|
-
|
123
|
-
|
124
|
-
)
|
125
|
-
|
126
|
-
|
127
|
-
L(e.map((t) => t.valueHash)) !== L(l.map((t) => t.valueHash)) && (c.value.calculateRange(), E(), k());
|
128
|
-
},
|
129
|
-
{
|
130
|
-
flush: "post"
|
131
|
-
}
|
132
|
-
), V({
|
133
|
-
focusNext: R,
|
134
|
-
focusPrevious: P,
|
135
|
-
focusFirst: W,
|
136
|
-
focusFirstSelected: J,
|
137
|
-
focusLast: q,
|
138
|
-
focusLastSelected: Y,
|
139
|
-
blur: k,
|
140
|
-
confirmOption: w,
|
141
|
-
focusByHash: j,
|
142
|
-
getHighlighted: Q
|
143
|
-
}), (e, l) => (p(), d("span", {
|
144
|
-
class: $(["bb-listbox", {
|
145
|
-
"bb-listbox--compact": e.compact,
|
146
|
-
"bb-listbox--loading": e.loading,
|
147
|
-
"bb-listbox--multiple": e.multiple,
|
148
|
-
"bb-listbox--no-data": !i.value.length,
|
149
|
-
"bb-listbox--open": e.open
|
150
|
-
}]),
|
151
|
-
style: h({
|
152
|
-
"--transition-duration": `${e.transitionDuration}ms`,
|
153
|
-
"--overlay-min-height": `${B.value}px`
|
154
|
-
}),
|
155
|
-
onClick: X(K, ["stop"])
|
156
|
-
}, [
|
157
|
-
v("span", le, [
|
158
|
-
v("span", {
|
159
|
-
ref_key: "inner",
|
160
|
-
ref: s,
|
161
|
-
class: "bb-listbox__inner-container",
|
162
|
-
tabindex: "-1"
|
163
|
-
}, [
|
164
|
-
m(e.$slots, "options:prepend"),
|
165
|
-
e.loading && !e.options.length ? (p(), d("span", ie, [
|
166
|
-
m(e.$slots, "loading", {}, () => [
|
167
|
-
z(g(e.loadingText || H(I)("common.loadingText").value), 1)
|
168
|
-
])
|
169
|
-
])) : e.options.length ? (p(), d("span", {
|
170
|
-
key: 2,
|
171
|
-
role: "listbox",
|
172
|
-
style: h({
|
173
|
-
height: `${A.value}px`
|
174
|
-
}),
|
175
|
-
tabindex: "-1"
|
176
|
-
}, [
|
177
|
-
(p(!0), d(Z, null, ee(M.value, (t, r) => (p(), d("span", {
|
178
|
-
key: i.value[t.index].value,
|
179
|
-
ref_for: !0,
|
180
|
-
ref: F,
|
181
|
-
"aria-selected": n.value === r ? !0 : void 0,
|
182
|
-
class: $({
|
183
|
-
"bb-listbox__option autocomplete-option": !0,
|
184
|
-
"autocomplete-option--focused": n.value === t.index,
|
185
|
-
"autocomplete-option--selected": i.value[t.index].selected,
|
186
|
-
"autocomplete-option--disabled": i.value[t.index].disabled
|
187
|
-
}),
|
188
|
-
"data-index": t.index,
|
189
|
-
role: "option",
|
190
|
-
style: h({
|
191
|
-
transform: `translateY(${t.start}px)`
|
192
|
-
})
|
193
|
-
}, [
|
194
|
-
m(e.$slots, "option", {
|
195
|
-
disabled: !!i.value[t.index].disabled,
|
196
|
-
focused: n.value === t.index,
|
197
|
-
index: t.index,
|
198
|
-
item: i.value[t.index].item,
|
199
|
-
selected: !!i.value[t.index].selected,
|
200
|
-
text: i.value[t.index].text,
|
201
|
-
value: i.value[t.index].value
|
202
|
-
}, () => [
|
203
|
-
l[0] || (l[0] = v("svg", {
|
204
|
-
class: "autocomplete-option__checkbox",
|
205
|
-
role: "presentation",
|
206
|
-
viewBox: "276.411 158.834 114.971 114.97"
|
207
|
-
}, [
|
208
|
-
v("path", {
|
209
|
-
d: "M 297.574 224.786 L 318.309 243.134 L 371.568 189.232",
|
210
|
-
fill: "none",
|
211
|
-
"stroke-linecap": "round",
|
212
|
-
"stroke-width": "14px"
|
213
|
-
})
|
214
|
-
], -1)),
|
215
|
-
v("span", ue, g(i.value[t.index].text), 1)
|
216
|
-
])
|
217
|
-
], 14, ae))), 128))
|
218
|
-
], 4)) : (p(), d("span", se, [
|
219
|
-
m(e.$slots, "no-data", {}, () => [
|
220
|
-
z(g(e.noDataText || H(I)("common.noDataText").value), 1)
|
221
|
-
])
|
222
|
-
])),
|
223
|
-
m(e.$slots, "options:append")
|
224
|
-
], 512)
|
225
|
-
])
|
226
|
-
], 6));
|
227
|
-
}
|
228
|
-
});
|
19
|
+
e.value--;
|
20
|
+
}
|
21
|
+
}, c = f(n, u.debounce || 0);
|
22
|
+
return {
|
23
|
+
getter: n,
|
24
|
+
debouncedGetter: c,
|
25
|
+
items: t,
|
26
|
+
loading: s(() => !!e.value)
|
27
|
+
};
|
28
|
+
};
|
229
29
|
export {
|
230
|
-
|
30
|
+
p as useItemsGetter
|
231
31
|
};
|
package/dist/index268.js
CHANGED
@@ -1,12 +1,17 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
1
|
+
import { isNil as f } from "./index239.js";
|
2
|
+
import { computed as t, unref as o } from "vue";
|
3
|
+
const a = ({ modelValue: e, iteratee: h, multiple: u }) => {
|
4
|
+
const i = t(
|
5
|
+
() => new Array().concat(o(e))
|
6
|
+
), s = t(() => i.value.reduce(
|
7
|
+
(r, n) => (h(n) ? r.coherent.push(n) : r.incoherent.push(n), r),
|
8
|
+
{ coherent: [], incoherent: [] }
|
9
|
+
)), c = t(() => u && !o(e).length || !u && f(o(e)) ? !0 : !s.value.incoherent.length);
|
10
|
+
return {
|
11
|
+
status: s,
|
12
|
+
coherent: c
|
13
|
+
};
|
9
14
|
};
|
10
15
|
export {
|
11
|
-
|
16
|
+
a as useCoherence
|
12
17
|
};
|