bitboss-ui 0.2.28 → 0.2.29
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/BaseSelect/BaseSelect.vue.d.ts +7 -0
- package/dist/components/BbSelect/BbSelect.vue.d.ts +7 -0
- package/dist/index101.js +3 -3
- package/dist/index103.js +2 -2
- package/dist/index109.js +1 -1
- package/dist/index11.js +2 -2
- package/dist/index111.js +4 -4
- package/dist/index113.js +1 -1
- package/dist/index116.js +1 -1
- package/dist/index117.js +1 -1
- package/dist/index118.js +1 -1
- package/dist/index119.js +1 -1
- package/dist/index121.js +1 -1
- package/dist/index125.js +1 -1
- package/dist/index126.js +1 -1
- package/dist/index127.js +1 -1
- package/dist/index131.js +2 -2
- package/dist/index15.js +8 -8
- package/dist/index17.js +9 -9
- package/dist/index19.js +3 -3
- package/dist/index196.js +10 -2
- package/dist/index196.js.map +1 -1
- package/dist/index197.js +5 -2
- package/dist/index197.js.map +1 -1
- package/dist/index198.js +16 -4
- package/dist/index198.js.map +1 -1
- package/dist/index199.js +16 -3
- package/dist/index199.js.map +1 -1
- package/dist/index200.js +19 -3
- package/dist/index200.js.map +1 -1
- package/dist/index201.js +20 -2
- package/dist/index201.js.map +1 -1
- package/dist/index202.js +29 -2
- package/dist/index202.js.map +1 -1
- package/dist/index203.js +8 -3
- package/dist/index203.js.map +1 -1
- package/dist/index204.js +2 -35
- package/dist/index204.js.map +1 -1
- package/dist/index205.js +3 -6
- package/dist/index205.js.map +1 -1
- package/dist/index206.js +35 -5
- package/dist/index206.js.map +1 -1
- package/dist/index207.js +6 -16
- package/dist/index207.js.map +1 -1
- package/dist/index208.js +2 -16
- package/dist/index208.js.map +1 -1
- package/dist/index209.js +4 -19
- package/dist/index209.js.map +1 -1
- package/dist/index21.js +2 -2
- package/dist/index210.js +235 -20
- package/dist/index210.js.map +1 -1
- package/dist/index211.js +2 -29
- package/dist/index211.js.map +1 -1
- package/dist/index212.js +2 -8
- package/dist/index212.js.map +1 -1
- package/dist/index213.js +3 -2
- package/dist/index213.js.map +1 -1
- package/dist/index214.js +3 -10
- package/dist/index214.js.map +1 -1
- package/dist/index215.js +2 -378
- package/dist/index215.js.map +1 -1
- package/dist/index216.js +9 -2
- package/dist/index216.js.map +1 -1
- package/dist/index217.js +111 -363
- package/dist/index217.js.map +1 -1
- package/dist/index218.js +23 -134
- package/dist/index218.js.map +1 -1
- package/dist/index219.js +361 -157
- package/dist/index219.js.map +1 -1
- package/dist/index220.js +373 -23
- package/dist/index220.js.map +1 -1
- package/dist/index221.js +133 -234
- package/dist/index221.js.map +1 -1
- package/dist/index222.js +171 -6
- package/dist/index222.js.map +1 -1
- package/dist/index223.js +2 -121
- package/dist/index223.js.map +1 -1
- package/dist/index224.js +1 -1
- package/dist/index226.js +1 -1
- package/dist/index227.js +2 -4
- package/dist/index227.js.map +1 -1
- package/dist/index228.js +430 -219
- package/dist/index228.js.map +1 -1
- package/dist/index229.js +83 -252
- package/dist/index229.js.map +1 -1
- package/dist/index23.js +1 -1
- package/dist/index230.js +189 -424
- package/dist/index230.js.map +1 -1
- package/dist/index231.js +294 -88
- package/dist/index231.js.map +1 -1
- package/dist/index232.js +6 -200
- package/dist/index232.js.map +1 -1
- package/dist/index233.js +2 -295
- package/dist/index233.js.map +1 -1
- package/dist/index234.js +2 -6
- package/dist/index234.js.map +1 -1
- package/dist/index235.js +2 -2
- package/dist/index239.js +4 -2
- package/dist/index239.js.map +1 -1
- package/dist/index240.js +224 -2
- package/dist/index240.js.map +1 -1
- package/dist/index241.js +258 -2
- package/dist/index241.js.map +1 -1
- package/dist/index242.js +68 -116
- package/dist/index242.js.map +1 -1
- package/dist/index243.js +12 -103
- package/dist/index243.js.map +1 -1
- package/dist/index244.js +162 -2
- package/dist/index244.js.map +1 -1
- package/dist/index245.js +2 -2
- package/dist/index245.js.map +1 -1
- package/dist/index246.js +2 -162
- package/dist/index246.js.map +1 -1
- package/dist/index247.js +106 -2
- package/dist/index247.js.map +1 -1
- package/dist/index248.js +116 -68
- package/dist/index248.js.map +1 -1
- package/dist/index249.js +2 -15
- package/dist/index249.js.map +1 -1
- package/dist/index25.js +2 -2
- package/dist/index253.js +1 -1
- package/dist/index254.js +2 -3
- package/dist/index254.js.map +1 -1
- package/dist/index255.js +3 -2
- package/dist/index255.js.map +1 -1
- package/dist/index29.js +3 -3
- package/dist/index31.js +35 -34
- package/dist/index31.js.map +1 -1
- package/dist/index33.js +2 -2
- package/dist/index35.js +2 -2
- package/dist/index47.js +1 -1
- package/dist/index49.js +1 -1
- package/dist/index65.js +5 -5
- package/dist/index72.js +1 -1
- package/dist/index75.js +1 -1
- package/dist/index79.js +4 -4
- package/dist/index81.js +1 -1
- package/dist/index91.js +18 -16
- package/dist/index91.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/index243.js
CHANGED
|
@@ -1,109 +1,18 @@
|
|
|
1
|
-
function
|
|
2
|
-
return
|
|
1
|
+
function r(t) {
|
|
2
|
+
return Object.prototype.toString.call(t).slice(8, -1);
|
|
3
3
|
}
|
|
4
|
-
function
|
|
5
|
-
|
|
6
|
-
return (n == null || (t = n.ownerDocument) == null ? void 0 : t.defaultView) || window;
|
|
4
|
+
function o(t) {
|
|
5
|
+
return r(t) === "Array";
|
|
7
6
|
}
|
|
8
|
-
function
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
return n instanceof Node || n instanceof i(n).Node;
|
|
14
|
-
}
|
|
15
|
-
function S(n) {
|
|
16
|
-
return n instanceof Element || n instanceof i(n).Element;
|
|
17
|
-
}
|
|
18
|
-
function d(n) {
|
|
19
|
-
return n instanceof HTMLElement || n instanceof i(n).HTMLElement;
|
|
20
|
-
}
|
|
21
|
-
function s(n) {
|
|
22
|
-
return typeof ShadowRoot > "u" ? !1 : n instanceof ShadowRoot || n instanceof i(n).ShadowRoot;
|
|
23
|
-
}
|
|
24
|
-
function m(n) {
|
|
25
|
-
const {
|
|
26
|
-
overflow: t,
|
|
27
|
-
overflowX: e,
|
|
28
|
-
overflowY: o,
|
|
29
|
-
display: r
|
|
30
|
-
} = p(n);
|
|
31
|
-
return /auto|scroll|overlay|hidden|clip/.test(t + o + e) && !["inline", "contents"].includes(r);
|
|
32
|
-
}
|
|
33
|
-
function E(n) {
|
|
34
|
-
return ["table", "td", "th"].includes(l(n));
|
|
35
|
-
}
|
|
36
|
-
function N(n) {
|
|
37
|
-
const t = h(), e = p(n);
|
|
38
|
-
return e.transform !== "none" || e.perspective !== "none" || (e.containerType ? e.containerType !== "normal" : !1) || !t && (e.backdropFilter ? e.backdropFilter !== "none" : !1) || !t && (e.filter ? e.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((o) => (e.willChange || "").includes(o)) || ["paint", "layout", "strict", "content"].some((o) => (e.contain || "").includes(o));
|
|
39
|
-
}
|
|
40
|
-
function T(n) {
|
|
41
|
-
let t = u(n);
|
|
42
|
-
for (; d(t) && !w(t); ) {
|
|
43
|
-
if (N(t))
|
|
44
|
-
return t;
|
|
45
|
-
t = u(t);
|
|
46
|
-
}
|
|
47
|
-
return null;
|
|
48
|
-
}
|
|
49
|
-
function h() {
|
|
50
|
-
return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
|
|
51
|
-
}
|
|
52
|
-
function w(n) {
|
|
53
|
-
return ["html", "body", "#document"].includes(l(n));
|
|
54
|
-
}
|
|
55
|
-
function p(n) {
|
|
56
|
-
return i(n).getComputedStyle(n);
|
|
57
|
-
}
|
|
58
|
-
function C(n) {
|
|
59
|
-
return S(n) ? {
|
|
60
|
-
scrollLeft: n.scrollLeft,
|
|
61
|
-
scrollTop: n.scrollTop
|
|
62
|
-
} : {
|
|
63
|
-
scrollLeft: n.pageXOffset,
|
|
64
|
-
scrollTop: n.pageYOffset
|
|
65
|
-
};
|
|
66
|
-
}
|
|
67
|
-
function u(n) {
|
|
68
|
-
if (l(n) === "html")
|
|
69
|
-
return n;
|
|
70
|
-
const t = (
|
|
71
|
-
// Step into the shadow DOM of the parent of a slotted node.
|
|
72
|
-
n.assignedSlot || // DOM Element detected.
|
|
73
|
-
n.parentNode || // ShadowRoot detected.
|
|
74
|
-
s(n) && n.host || // Fallback.
|
|
75
|
-
y(n)
|
|
76
|
-
);
|
|
77
|
-
return s(t) ? t.host : t;
|
|
78
|
-
}
|
|
79
|
-
function g(n) {
|
|
80
|
-
const t = u(n);
|
|
81
|
-
return w(t) ? n.ownerDocument ? n.ownerDocument.body : n.body : d(t) && m(t) ? t : g(t);
|
|
82
|
-
}
|
|
83
|
-
function f(n, t, e) {
|
|
84
|
-
var o;
|
|
85
|
-
t === void 0 && (t = []), e === void 0 && (e = !0);
|
|
86
|
-
const r = g(n), b = r === ((o = n.ownerDocument) == null ? void 0 : o.body), c = i(r);
|
|
87
|
-
return b ? t.concat(c, c.visualViewport || [], m(r) ? r : [], c.frameElement && e ? f(c.frameElement) : []) : t.concat(r, f(r, [], e));
|
|
7
|
+
function c(t) {
|
|
8
|
+
if (r(t) !== "Object")
|
|
9
|
+
return !1;
|
|
10
|
+
const e = Object.getPrototypeOf(t);
|
|
11
|
+
return !!e && e.constructor === Object && e === Object.prototype;
|
|
88
12
|
}
|
|
89
13
|
export {
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
g as getNearestOverflowAncestor,
|
|
94
|
-
l as getNodeName,
|
|
95
|
-
C as getNodeScroll,
|
|
96
|
-
f as getOverflowAncestors,
|
|
97
|
-
u as getParentNode,
|
|
98
|
-
i as getWindow,
|
|
99
|
-
N as isContainingBlock,
|
|
100
|
-
S as isElement,
|
|
101
|
-
d as isHTMLElement,
|
|
102
|
-
w as isLastTraversableNode,
|
|
103
|
-
a as isNode,
|
|
104
|
-
m as isOverflowElement,
|
|
105
|
-
s as isShadowRoot,
|
|
106
|
-
E as isTableElement,
|
|
107
|
-
h as isWebKit
|
|
14
|
+
r as getType,
|
|
15
|
+
o as isArray,
|
|
16
|
+
c as isPlainObject
|
|
108
17
|
};
|
|
109
18
|
//# sourceMappingURL=index243.js.map
|
package/dist/index243.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index243.js","sources":["../node_modules
|
|
1
|
+
{"version":3,"file":"index243.js","sources":["../node_modules/is-what/dist/index.js"],"sourcesContent":["function getType(payload) {\n return Object.prototype.toString.call(payload).slice(8, -1);\n}\n\nfunction isAnyObject(payload) {\n return getType(payload) === \"Object\";\n}\n\nfunction isArray(payload) {\n return getType(payload) === \"Array\";\n}\n\nfunction isBlob(payload) {\n return getType(payload) === \"Blob\";\n}\n\nfunction isBoolean(payload) {\n return getType(payload) === \"Boolean\";\n}\n\nfunction isDate(payload) {\n return getType(payload) === \"Date\" && !isNaN(payload);\n}\n\nfunction isEmptyArray(payload) {\n return isArray(payload) && payload.length === 0;\n}\n\nfunction isPlainObject(payload) {\n if (getType(payload) !== \"Object\")\n return false;\n const prototype = Object.getPrototypeOf(payload);\n return !!prototype && prototype.constructor === Object && prototype === Object.prototype;\n}\n\nfunction isEmptyObject(payload) {\n return isPlainObject(payload) && Object.keys(payload).length === 0;\n}\n\nfunction isEmptyString(payload) {\n return payload === \"\";\n}\n\nfunction isError(payload) {\n return getType(payload) === \"Error\" || payload instanceof Error;\n}\n\nfunction isFile(payload) {\n return getType(payload) === \"File\";\n}\n\nfunction isFullArray(payload) {\n return isArray(payload) && payload.length > 0;\n}\n\nfunction isFullObject(payload) {\n return isPlainObject(payload) && Object.keys(payload).length > 0;\n}\n\nfunction isString(payload) {\n return getType(payload) === \"String\";\n}\n\nfunction isFullString(payload) {\n return isString(payload) && payload !== \"\";\n}\n\nfunction isFunction(payload) {\n return typeof payload === \"function\";\n}\n\nfunction isType(payload, type) {\n if (!(type instanceof Function)) {\n throw new TypeError(\"Type must be a function\");\n }\n if (!Object.prototype.hasOwnProperty.call(type, \"prototype\")) {\n throw new TypeError(\"Type is not a class\");\n }\n const name = type.name;\n return getType(payload) === name || Boolean(payload && payload.constructor === type);\n}\n\nfunction isInstanceOf(value, classOrClassName) {\n if (typeof classOrClassName === \"function\") {\n for (let p = value; p; p = Object.getPrototypeOf(p)) {\n if (isType(p, classOrClassName)) {\n return true;\n }\n }\n return false;\n } else {\n for (let p = value; p; p = Object.getPrototypeOf(p)) {\n if (getType(p) === classOrClassName) {\n return true;\n }\n }\n return false;\n }\n}\n\nfunction isMap(payload) {\n return getType(payload) === \"Map\";\n}\n\nfunction isNaNValue(payload) {\n return getType(payload) === \"Number\" && isNaN(payload);\n}\n\nfunction isNumber(payload) {\n return getType(payload) === \"Number\" && !isNaN(payload);\n}\n\nfunction isNegativeNumber(payload) {\n return isNumber(payload) && payload < 0;\n}\n\nfunction isNull(payload) {\n return getType(payload) === \"Null\";\n}\n\nfunction isOneOf(a, b, c, d, e) {\n return (value) => a(value) || b(value) || !!c && c(value) || !!d && d(value) || !!e && e(value);\n}\n\nfunction isUndefined(payload) {\n return getType(payload) === \"Undefined\";\n}\n\nconst isNullOrUndefined = isOneOf(isNull, isUndefined);\n\nfunction isObject(payload) {\n return isPlainObject(payload);\n}\n\nfunction isObjectLike(payload) {\n return isAnyObject(payload);\n}\n\nfunction isPositiveNumber(payload) {\n return isNumber(payload) && payload > 0;\n}\n\nfunction isSymbol(payload) {\n return getType(payload) === \"Symbol\";\n}\n\nfunction isPrimitive(payload) {\n return isBoolean(payload) || isNull(payload) || isUndefined(payload) || isNumber(payload) || isString(payload) || isSymbol(payload);\n}\n\nfunction isPromise(payload) {\n return getType(payload) === \"Promise\";\n}\n\nfunction isRegExp(payload) {\n return getType(payload) === \"RegExp\";\n}\n\nfunction isSet(payload) {\n return getType(payload) === \"Set\";\n}\n\nfunction isWeakMap(payload) {\n return getType(payload) === \"WeakMap\";\n}\n\nfunction isWeakSet(payload) {\n return getType(payload) === \"WeakSet\";\n}\n\nexport { getType, isAnyObject, isArray, isBlob, isBoolean, isDate, isEmptyArray, isEmptyObject, isEmptyString, isError, isFile, isFullArray, isFullObject, isFullString, isFunction, isInstanceOf, isMap, isNaNValue, isNegativeNumber, isNull, isNullOrUndefined, isNumber, isObject, isObjectLike, isOneOf, isPlainObject, isPositiveNumber, isPrimitive, isPromise, isRegExp, isSet, isString, isSymbol, isType, isUndefined, isWeakMap, isWeakSet };\n"],"names":["getType","payload","isArray","isPlainObject","prototype"],"mappings":"AAAA,SAASA,EAAQC,GAAS;AACxB,SAAO,OAAO,UAAU,SAAS,KAAKA,CAAO,EAAE,MAAM,GAAG,EAAE;AAC5D;AAMA,SAASC,EAAQD,GAAS;AACxB,SAAOD,EAAQC,CAAO,MAAM;AAC9B;AAkBA,SAASE,EAAcF,GAAS;AAC9B,MAAID,EAAQC,CAAO,MAAM;AACvB,WAAO;AACT,QAAMG,IAAY,OAAO,eAAeH,CAAO;AAC/C,SAAO,CAAC,CAACG,KAAaA,EAAU,gBAAgB,UAAUA,MAAc,OAAO;AACjF;","x_google_ignoreList":[0]}
|
package/dist/index244.js
CHANGED
|
@@ -1,5 +1,165 @@
|
|
|
1
|
-
|
|
1
|
+
import { defineComponent as K, ref as s, computed as y, openBlock as p, createElementBlock as m, normalizeClass as g, renderSlot as v, createElementVNode as k, Fragment as E, renderList as C, toDisplayString as B, createBlock as S, withDirectives as z, mergeProps as H, vModelDynamic as J } from "vue";
|
|
2
|
+
import { clamp as P } from "./index215.js";
|
|
3
|
+
import { drop as q } from "./index256.js";
|
|
4
|
+
import { isNil as R } from "./index120.js";
|
|
5
|
+
import { isNotNil as w } from "./index124.js";
|
|
6
|
+
import { wait as L } from "./index122.js";
|
|
7
|
+
import U from "./index115.js";
|
|
8
|
+
import "./index158.js";
|
|
9
|
+
const j = { class: "bb-base-tag__input-container" }, G = ["autocomplete", "autofocus", "disabled", "id", "placeholder", "readonly"], te = /* @__PURE__ */ K({
|
|
10
|
+
__name: "BaseTag",
|
|
11
|
+
props: {
|
|
12
|
+
autocomplete: {},
|
|
13
|
+
autofocus: {},
|
|
14
|
+
comma: { type: Boolean },
|
|
15
|
+
disabled: { type: Boolean },
|
|
16
|
+
divider: { default: "Enter" },
|
|
17
|
+
hasErrors: { type: Boolean },
|
|
18
|
+
id: {},
|
|
19
|
+
modelValue: {},
|
|
20
|
+
multiple: { type: Boolean, default: !0 },
|
|
21
|
+
name: {},
|
|
22
|
+
placeholder: {},
|
|
23
|
+
readonly: {}
|
|
24
|
+
},
|
|
25
|
+
emits: ["blur", "change", "click", "duplicate", "focus", "inactive", "input", "keydown", "keyup", "update:modelValue"],
|
|
26
|
+
setup(N, { emit: I }) {
|
|
27
|
+
const a = N, u = I;
|
|
28
|
+
if (a.multiple && !Array.isArray(a.modelValue))
|
|
29
|
+
throw new Error('Multiple is set to "true" but modelValue is not an array.');
|
|
30
|
+
const i = s(null), $ = s(null), c = s(null), t = s(""), D = y(() => a.placeholder), o = y(
|
|
31
|
+
() => [].concat(a.modelValue).filter(w)
|
|
32
|
+
), h = y(() => {
|
|
33
|
+
let e = {};
|
|
34
|
+
return o.value.forEach((n, r) => {
|
|
35
|
+
e[JSON.stringify(n)] = r;
|
|
36
|
+
}), {
|
|
37
|
+
get: (n) => e[JSON.stringify(n)]
|
|
38
|
+
};
|
|
39
|
+
}), f = s(!1), l = s(null), A = (e) => {
|
|
40
|
+
if (u("keyup", e), a.readonly || a.disabled) {
|
|
41
|
+
e.preventDefault();
|
|
42
|
+
return;
|
|
43
|
+
}
|
|
44
|
+
if (e.key === a.divider) {
|
|
45
|
+
if (t.value[t.value.length - 1] === e.key && (t.value = t.value.slice(0, t.value.length - 1)), !t.value)
|
|
46
|
+
return;
|
|
47
|
+
l.value = null;
|
|
48
|
+
const n = h.value.get(t.value);
|
|
49
|
+
R(n) ? F(t.value) : u("duplicate", t.value), t.value = "";
|
|
50
|
+
} else if (e.key === "ArrowLeft")
|
|
51
|
+
l.value === null ? l.value = o.value.length - 1 : l.value === 0 ? l.value = null : l.value--;
|
|
52
|
+
else if (e.key === "ArrowRight")
|
|
53
|
+
l.value === null ? l.value = 1 : l.value === o.value.length - 1 ? l.value = null : l.value++;
|
|
54
|
+
else if (e.key === "Backspace") {
|
|
55
|
+
if (t.value)
|
|
56
|
+
return;
|
|
57
|
+
w(l.value) ? (b(l.value), l.value = P(
|
|
58
|
+
l.value,
|
|
59
|
+
0,
|
|
60
|
+
o.value.length - 2
|
|
61
|
+
), o.value.length === 1 && (l.value = null)) : l.value = o.value.length - 1;
|
|
62
|
+
} else
|
|
63
|
+
(e.key === "Tab" || e.key === "Escape") && (l.value = null);
|
|
64
|
+
}, F = (e) => {
|
|
65
|
+
a.multiple ? u("update:modelValue", a.modelValue.concat(e)) : u("update:modelValue", e);
|
|
66
|
+
}, b = (e) => {
|
|
67
|
+
if (typeof e == "number")
|
|
68
|
+
a.multiple ? u("update:modelValue", q(a.modelValue, 1, e)) : u("update:modelValue", null);
|
|
69
|
+
else {
|
|
70
|
+
const n = h.value.get(t.value);
|
|
71
|
+
b(n);
|
|
72
|
+
}
|
|
73
|
+
}, M = (e) => {
|
|
74
|
+
u("focus", e), f.value = !0, document.addEventListener("click", _), document.addEventListener("focusin", V), c.value instanceof HTMLInputElement && c.value.select();
|
|
75
|
+
}, O = (e) => {
|
|
76
|
+
u("click", e), !(a.disabled || a.readonly) && c.value instanceof HTMLElement && c.value.focus();
|
|
77
|
+
}, _ = (e) => {
|
|
78
|
+
if (e.target instanceof Node && i.value && !i.value.contains(e.target)) {
|
|
79
|
+
u("inactive"), document.removeEventListener("click", _), f.value = !1, a.multiple && L(500).then(() => {
|
|
80
|
+
t.value = "";
|
|
81
|
+
});
|
|
82
|
+
return;
|
|
83
|
+
}
|
|
84
|
+
}, V = (e) => {
|
|
85
|
+
if (e.target instanceof Node && i.value && !i.value.contains(e.target)) {
|
|
86
|
+
u("inactive"), document.removeEventListener("focusin", V), f.value = !1, a.multiple && L(500).then(() => {
|
|
87
|
+
t.value = "";
|
|
88
|
+
});
|
|
89
|
+
return;
|
|
90
|
+
}
|
|
91
|
+
}, T = {
|
|
92
|
+
onBlur: (e) => u("blur", e),
|
|
93
|
+
onChange: (e) => u("change", e),
|
|
94
|
+
onKeydown: (e) => {
|
|
95
|
+
e.key === "Enter" && a.divider === "Enter" && e.preventDefault(), u("keydown", e);
|
|
96
|
+
},
|
|
97
|
+
onInput: (e) => u("input", e)
|
|
98
|
+
};
|
|
99
|
+
return (e, n) => (p(), m("span", {
|
|
100
|
+
class: g({
|
|
101
|
+
"bb-base-tag": !0,
|
|
102
|
+
"bb-base-tag--active": f.value,
|
|
103
|
+
"bb-base-tag--disabled": e.disabled,
|
|
104
|
+
"bb-base-tag--errors": e.hasErrors,
|
|
105
|
+
"bb-base-tag--readonly": e.readonly
|
|
106
|
+
}),
|
|
107
|
+
onClick: O,
|
|
108
|
+
ref_key: "outerContainer",
|
|
109
|
+
ref: i
|
|
110
|
+
}, [
|
|
111
|
+
v(e.$slots, "prepend-outer"),
|
|
112
|
+
k("span", {
|
|
113
|
+
class: "bb-base-tag__inner-container",
|
|
114
|
+
ref_key: "innerContainer",
|
|
115
|
+
ref: $
|
|
116
|
+
}, [
|
|
117
|
+
v(e.$slots, "prepend"),
|
|
118
|
+
k("span", j, [
|
|
119
|
+
e.comma ? (p(!0), m(E, { key: 0 }, C(o.value, (r, d) => (p(), m("span", {
|
|
120
|
+
class: g({
|
|
121
|
+
"bb-base-tag__selected": !0,
|
|
122
|
+
"bb-base-tag__selected--comma": !0,
|
|
123
|
+
"bb-base-tag__selected--focused": d === l.value
|
|
124
|
+
}),
|
|
125
|
+
key: r
|
|
126
|
+
}, B(r) + B(d < o.value.length - 1 ? "," : ""), 3))), 128)) : (p(!0), m(E, { key: 1 }, C(o.value, (r, d) => (p(), S(U, {
|
|
127
|
+
class: g({
|
|
128
|
+
"bb-base-tag__selected": !0,
|
|
129
|
+
"bb-base-tag__selected--chip": !0,
|
|
130
|
+
"bb-base-tag__selected--focused": d === l.value
|
|
131
|
+
}),
|
|
132
|
+
clearable: !0,
|
|
133
|
+
key: r,
|
|
134
|
+
text: r,
|
|
135
|
+
"onClick:clear": (Q) => b(d)
|
|
136
|
+
}, null, 8, ["class", "text", "onClick:clear"]))), 128)),
|
|
137
|
+
z(k("input", H({
|
|
138
|
+
autocomplete: e.autocomplete,
|
|
139
|
+
autofocus: e.autofocus,
|
|
140
|
+
class: "bb-base-tag__text-input",
|
|
141
|
+
disabled: e.disabled,
|
|
142
|
+
id: e.id,
|
|
143
|
+
placeholder: D.value,
|
|
144
|
+
readonly: e.readonly,
|
|
145
|
+
type: "text",
|
|
146
|
+
onKeyup: A,
|
|
147
|
+
onFocus: M
|
|
148
|
+
}, T, {
|
|
149
|
+
"onUpdate:modelValue": n[0] || (n[0] = (r) => t.value = r),
|
|
150
|
+
ref_key: "input",
|
|
151
|
+
ref: c
|
|
152
|
+
}), null, 16, G), [
|
|
153
|
+
[J, t.value]
|
|
154
|
+
])
|
|
155
|
+
]),
|
|
156
|
+
v(e.$slots, "append")
|
|
157
|
+
], 512),
|
|
158
|
+
v(e.$slots, "append-outer")
|
|
159
|
+
], 2));
|
|
160
|
+
}
|
|
161
|
+
});
|
|
2
162
|
export {
|
|
3
|
-
|
|
163
|
+
te as default
|
|
4
164
|
};
|
|
5
165
|
//# sourceMappingURL=index244.js.map
|
package/dist/index244.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index244.js","sources":["../src/utilities/functions/add.ts"],"sourcesContent":["export const add = (a:number | string, b: number | string) => +a + +b;"],"names":["add","a","b"],"mappings":"AAAO,MAAMA,IAAM,CAACC,GAAmBC,MAAuB,CAACD,IAAI,CAACC;"}
|
|
1
|
+
{"version":3,"file":"index244.js","sources":["../src/components/BaseTag/BaseTag.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, createCommentVNode as _createCommentVNode, createBlock as _createBlock, vModelDynamic as _vModelDynamic, mergeProps as _mergeProps, createElementVNode as _createElementVNode, withDirectives as _withDirectives } from \"vue\"\n\nconst _hoisted_1 = { class: \"bb-base-tag__input-container\" }\nconst _hoisted_2 = [\"autocomplete\", \"autofocus\", \"disabled\", \"id\", \"placeholder\", \"readonly\"]\n\nimport { clamp } from \"@/utilities/functions/clamp\";\nimport { computed, ref } from \"vue\";\nimport { drop } from \"@/utilities/functions/drop\";\nimport { isNil } from \"@/utilities/functions/isNil\";\nimport { isNotNil } from \"@/utilities/functions/isNotNil\";\nimport { wait } from \"@/utilities/functions/wait\";\nimport BbChip from \"../BbChip/BbChip.vue\";\nimport type { InputHTMLAttributes, HTMLAttributes } from \"vue\";\n\nexport type BaseTagProps = {\n /**\n * Guides to the browser as to the type of information expected in the field.\n */\n autocomplete?: InputHTMLAttributes[\"autocomplete\"];\n\n /**\n * Sets autofocus on page load.\n */\n autofocus?: InputHTMLAttributes[\"autofocus\"];\n\n /**\n * Sets the display model for selected values to a list\n * of comma separated string. In this mode the user\n * cannot deselect an option by pressing the close button.\n */\n comma?: boolean;\n\n /**\n * Disables the component\n */\n disabled?: boolean;\n\n /**\n * The divider key used to separate values from one another. By default it is \"Enter\"\n */\n divider?: KeyboardEvent[\"key\"];\n\n /**\n * Define if the component should be in an error state.\n * It usually attaches a CSS class for styling purposes.\n */\n hasErrors?: boolean;\n\n /**\n * The identifier of the component.\n */\n id?: HTMLAttributes[\"id\"];\n\n /**\n * Used by v-model. Can be any serializable type.\n */\n modelValue: any;\n\n /**\n * Allows the selection of multiple items.\n */\n multiple?: boolean;\n\n /**\n * Defines the name of the input.\n */\n name?: InputHTMLAttributes[\"name\"];\n\n /**\n * String displayed when there's no data.\n */\n placeholder?: InputHTMLAttributes[\"placeholder\"];\n\n /**\n * Sets the input in a readonly state.\n */\n readonly?: InputHTMLAttributes[\"readonly\"];\n};\n\nexport type BaseTagEvents = {\n (e: \"blur\", event: FocusEvent): void;\n\n (e: \"change\", event: Event): void;\n\n (e: \"click\", event: MouseEvent): void;\n\n (e: \"duplicate\", string: string): void;\n\n (e: \"focus\", event: FocusEvent): void;\n\n (e: \"inactive\"): void;\n\n (e: \"input\", event: Event): void;\n\n (e: \"keydown\", event: KeyboardEvent): void;\n\n (e: \"keyup\", event: KeyboardEvent): void;\n\n (e: \"update:modelValue\", value: any): void;\n};\n\nexport type BaseTagSlots = {\n append?: (props: {}) => any;\n\n \"append-outer\"?: (props: {}) => any;\n\n prepend?: (props: {}) => any;\n\n \"prepend-outer\"?: (props: {}) => any;\n};\n\n\nexport default /*#__PURE__*/_defineComponent({\n __name: 'BaseTag',\n props: {\n autocomplete: {},\n autofocus: {},\n comma: { type: Boolean },\n disabled: { type: Boolean },\n divider: { default: \"Enter\" },\n hasErrors: { type: Boolean },\n id: {},\n modelValue: {},\n multiple: { type: Boolean, default: true },\n name: {},\n placeholder: {},\n readonly: {}\n },\n emits: [\"blur\", \"change\", \"click\", \"duplicate\", \"focus\", \"inactive\", \"input\", \"keydown\", \"keyup\", \"update:modelValue\"],\n setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n\nconst emit = __emit;\n\n\n\nif (props.multiple && !Array.isArray(props.modelValue)) {\n throw new Error('Multiple is set to \"true\" but modelValue is not an array.');\n}\n\nconst outerContainer = ref<HTMLElement | null>(null);\nconst innerContainer = ref<HTMLElement | null>(null);\nconst input = ref<HTMLElement | null>(null);\nconst query = ref<string>(\"\");\nconst computedPlaceholder = computed(() => {\n return props.placeholder;\n});\n\nconst modelValueNormalized = computed(() =>\n [].concat(props.modelValue).filter(isNotNil)\n);\n\n/**\n * Indexes modelValue to a map so when can easily know which values are selected\n */\nconst modelValueIndexed = computed(() => {\n let map: { [key: string]: number } = {};\n modelValueNormalized.value.forEach((value: any, index: number) => {\n map[JSON.stringify(value)] = index;\n });\n return {\n get: (value: any) => map[JSON.stringify(value)],\n };\n});\n\n/**\n * Applies a class when the user is inside this whole component.\n * We cannot use focus within as it doesn't work for elements that are teleported.\n * Also we cannot use the <input/> if we phisically move focus to the options so\n * we track it manually.\n */\nconst active = ref(false);\n\nconst focusedIndex = ref<null | number>(null);\n\nconst onInputKeyup = (event: KeyboardEvent) => {\n emit(\"keyup\", event);\n if (props.readonly || props.disabled) {\n event.preventDefault();\n return;\n }\n if (event.key === props.divider) {\n if (query.value[query.value.length - 1] === event.key) {\n query.value = query.value.slice(0, query.value.length - 1);\n }\n if (!query.value) return;\n focusedIndex.value = null;\n const currentIndex = modelValueIndexed.value.get(query.value);\n if (isNil(currentIndex)) selectValue(query.value);\n else emit(\"duplicate\", query.value);\n query.value = \"\";\n } else if (event.key === \"ArrowLeft\") {\n if (focusedIndex.value === null)\n focusedIndex.value = modelValueNormalized.value.length - 1;\n else if (focusedIndex.value === 0) focusedIndex.value = null;\n else focusedIndex.value--;\n } else if (event.key === \"ArrowRight\") {\n if (focusedIndex.value === null) focusedIndex.value = 1;\n else if (focusedIndex.value === modelValueNormalized.value.length - 1)\n focusedIndex.value = null;\n else focusedIndex.value++;\n } else if (event.key === \"Backspace\") {\n if (query.value) return;\n if (isNotNil(focusedIndex.value)) {\n removeValue(focusedIndex.value);\n focusedIndex.value = clamp(\n focusedIndex.value,\n 0,\n modelValueNormalized.value.length - 2\n );\n if (modelValueNormalized.value.length === 1) focusedIndex.value = null;\n } else focusedIndex.value = modelValueNormalized.value.length - 1;\n } else if (event.key === \"Tab\" || event.key === \"Escape\") {\n focusedIndex.value = null;\n }\n};\n\nconst selectValue = (text: string) => {\n if (props.multiple) emit(\"update:modelValue\", props.modelValue.concat(text));\n else emit(\"update:modelValue\", text);\n};\n\nconst removeValue = (indexOrString: number | string) => {\n if (typeof indexOrString === \"number\") {\n if (props.multiple)\n emit(\"update:modelValue\", drop(props.modelValue, 1, indexOrString));\n else emit(\"update:modelValue\", null);\n } else {\n const currentIndex = modelValueIndexed.value.get(query.value);\n removeValue(currentIndex);\n }\n};\n\nconst onInputFocus = (event: FocusEvent) => {\n emit(\"focus\", event);\n active.value = true;\n document.addEventListener(\"click\", onClickOutside);\n document.addEventListener(\"focusin\", onFocusOutside);\n if (input.value instanceof HTMLInputElement) input.value.select();\n};\n\n/**\n * When clicking on the outside container seamlessly move focus to the input and open the panel\n */\nconst onOuterContainerClick = (event: MouseEvent) => {\n emit(\"click\", event);\n if (props.disabled || props.readonly) return;\n if (input.value instanceof HTMLElement) {\n input.value.focus();\n }\n};\n\n/**\n * On click outside of the container close the panel, remove active state.\n * In multiple selection clear query after a timeout\n */\nconst onClickOutside = (event: Event) => {\n if (event.target instanceof Node) {\n if (outerContainer.value) {\n if (!outerContainer.value.contains(event.target)) {\n emit(\"inactive\");\n document.removeEventListener(\"click\", onClickOutside);\n active.value = false;\n if (props.multiple)\n wait(500).then(() => {\n query.value = \"\";\n });\n return;\n }\n }\n }\n};\n\nconst onFocusOutside = (event: FocusEvent) => {\n if (event.target instanceof Node) {\n if (outerContainer.value) {\n if (!outerContainer.value.contains(event.target)) {\n emit(\"inactive\");\n document.removeEventListener(\"focusin\", onFocusOutside);\n active.value = false;\n if (props.multiple)\n wait(500).then(() => {\n query.value = \"\";\n });\n return;\n }\n }\n }\n};\n\nconst eventListeners = {\n onBlur: (event: FocusEvent) => emit(\"blur\", event),\n onChange: (event: Event) => emit(\"change\", event),\n onKeydown: (event: KeyboardEvent) => {\n if (event.key === \"Enter\" && props.divider === \"Enter\") {\n event.preventDefault();\n }\n emit(\"keydown\", event);\n },\n onInput: (event: Event) => emit(\"input\", event),\n};\n\nreturn (_ctx: any,_cache: any) => {\n return (_openBlock(), _createElementBlock(\"span\", {\n class: _normalizeClass({\n 'bb-base-tag': true,\n 'bb-base-tag--active': active.value,\n 'bb-base-tag--disabled': _ctx.disabled,\n 'bb-base-tag--errors': _ctx.hasErrors,\n 'bb-base-tag--readonly': _ctx.readonly,\n }),\n onClick: onOuterContainerClick,\n ref_key: \"outerContainer\",\n ref: outerContainer\n }, [\n _renderSlot(_ctx.$slots, \"prepend-outer\"),\n _createElementVNode(\"span\", {\n class: \"bb-base-tag__inner-container\",\n ref_key: \"innerContainer\",\n ref: innerContainer\n }, [\n _renderSlot(_ctx.$slots, \"prepend\"),\n _createElementVNode(\"span\", _hoisted_1, [\n (_ctx.comma)\n ? (_openBlock(true), _createElementBlock(_Fragment, { key: 0 }, _renderList(modelValueNormalized.value, (option, index) => {\n return (_openBlock(), _createElementBlock(\"span\", {\n class: _normalizeClass({\n 'bb-base-tag__selected': true,\n 'bb-base-tag__selected--comma': true,\n 'bb-base-tag__selected--focused': index === focusedIndex.value,\n }),\n key: option\n }, _toDisplayString(option) + _toDisplayString(index < modelValueNormalized.value.length - 1 ? \",\" : \"\"), 3))\n }), 128))\n : (_openBlock(true), _createElementBlock(_Fragment, { key: 1 }, _renderList(modelValueNormalized.value, (option, index) => {\n return (_openBlock(), _createBlock(BbChip, {\n class: _normalizeClass({\n 'bb-base-tag__selected': true,\n 'bb-base-tag__selected--chip': true,\n 'bb-base-tag__selected--focused': index === focusedIndex.value,\n }),\n clearable: true,\n key: option,\n text: option,\n \"onClick:clear\": ($event: any) => (removeValue(index))\n }, null, 8, [\"class\", \"text\", \"onClick:clear\"]))\n }), 128)),\n _withDirectives(_createElementVNode(\"input\", _mergeProps({\n autocomplete: _ctx.autocomplete,\n autofocus: _ctx.autofocus,\n class: 'bb-base-tag__text-input',\n disabled: _ctx.disabled,\n id: _ctx.id,\n placeholder: computedPlaceholder.value,\n readonly: _ctx.readonly,\n type: 'text',\n onKeyup: onInputKeyup,\n onFocus: onInputFocus\n }, eventListeners, {\n \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((query).value = $event)),\n ref_key: \"input\",\n ref: input\n }), null, 16, _hoisted_2), [\n [_vModelDynamic, query.value]\n ])\n ]),\n _renderSlot(_ctx.$slots, \"append\")\n ], 512),\n _renderSlot(_ctx.$slots, \"append-outer\")\n ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","__emit","props","emit","outerContainer","ref","innerContainer","input","query","computedPlaceholder","computed","modelValueNormalized","isNotNil","modelValueIndexed","map","value","index","active","focusedIndex","onInputKeyup","event","currentIndex","isNil","selectValue","removeValue","clamp","text","indexOrString","drop","onInputFocus","onClickOutside","onFocusOutside","onOuterContainerClick","wait","eventListeners","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_renderSlot","_createElementVNode","_Fragment","_renderList","option","_toDisplayString","_createBlock","BbChip","$event","_withDirectives","_mergeProps","_vModelDynamic"],"mappings":"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"}
|
package/dist/index245.js
CHANGED
package/dist/index245.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index245.js","sources":[
|
|
1
|
+
{"version":3,"file":"index245.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
package/dist/index246.js
CHANGED
|
@@ -1,165 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
import { clamp as P } from "./index196.js";
|
|
3
|
-
import { drop as q } from "./index256.js";
|
|
4
|
-
import { isNil as R } from "./index120.js";
|
|
5
|
-
import { isNotNil as w } from "./index124.js";
|
|
6
|
-
import { wait as L } from "./index122.js";
|
|
7
|
-
import U from "./index115.js";
|
|
8
|
-
import "./index158.js";
|
|
9
|
-
const j = { class: "bb-base-tag__input-container" }, G = ["autocomplete", "autofocus", "disabled", "id", "placeholder", "readonly"], te = /* @__PURE__ */ K({
|
|
10
|
-
__name: "BaseTag",
|
|
11
|
-
props: {
|
|
12
|
-
autocomplete: {},
|
|
13
|
-
autofocus: {},
|
|
14
|
-
comma: { type: Boolean },
|
|
15
|
-
disabled: { type: Boolean },
|
|
16
|
-
divider: { default: "Enter" },
|
|
17
|
-
hasErrors: { type: Boolean },
|
|
18
|
-
id: {},
|
|
19
|
-
modelValue: {},
|
|
20
|
-
multiple: { type: Boolean, default: !0 },
|
|
21
|
-
name: {},
|
|
22
|
-
placeholder: {},
|
|
23
|
-
readonly: {}
|
|
24
|
-
},
|
|
25
|
-
emits: ["blur", "change", "click", "duplicate", "focus", "inactive", "input", "keydown", "keyup", "update:modelValue"],
|
|
26
|
-
setup(N, { emit: I }) {
|
|
27
|
-
const a = N, u = I;
|
|
28
|
-
if (a.multiple && !Array.isArray(a.modelValue))
|
|
29
|
-
throw new Error('Multiple is set to "true" but modelValue is not an array.');
|
|
30
|
-
const i = s(null), $ = s(null), c = s(null), t = s(""), D = y(() => a.placeholder), o = y(
|
|
31
|
-
() => [].concat(a.modelValue).filter(w)
|
|
32
|
-
), h = y(() => {
|
|
33
|
-
let e = {};
|
|
34
|
-
return o.value.forEach((n, r) => {
|
|
35
|
-
e[JSON.stringify(n)] = r;
|
|
36
|
-
}), {
|
|
37
|
-
get: (n) => e[JSON.stringify(n)]
|
|
38
|
-
};
|
|
39
|
-
}), f = s(!1), l = s(null), A = (e) => {
|
|
40
|
-
if (u("keyup", e), a.readonly || a.disabled) {
|
|
41
|
-
e.preventDefault();
|
|
42
|
-
return;
|
|
43
|
-
}
|
|
44
|
-
if (e.key === a.divider) {
|
|
45
|
-
if (t.value[t.value.length - 1] === e.key && (t.value = t.value.slice(0, t.value.length - 1)), !t.value)
|
|
46
|
-
return;
|
|
47
|
-
l.value = null;
|
|
48
|
-
const n = h.value.get(t.value);
|
|
49
|
-
R(n) ? F(t.value) : u("duplicate", t.value), t.value = "";
|
|
50
|
-
} else if (e.key === "ArrowLeft")
|
|
51
|
-
l.value === null ? l.value = o.value.length - 1 : l.value === 0 ? l.value = null : l.value--;
|
|
52
|
-
else if (e.key === "ArrowRight")
|
|
53
|
-
l.value === null ? l.value = 1 : l.value === o.value.length - 1 ? l.value = null : l.value++;
|
|
54
|
-
else if (e.key === "Backspace") {
|
|
55
|
-
if (t.value)
|
|
56
|
-
return;
|
|
57
|
-
w(l.value) ? (b(l.value), l.value = P(
|
|
58
|
-
l.value,
|
|
59
|
-
0,
|
|
60
|
-
o.value.length - 2
|
|
61
|
-
), o.value.length === 1 && (l.value = null)) : l.value = o.value.length - 1;
|
|
62
|
-
} else
|
|
63
|
-
(e.key === "Tab" || e.key === "Escape") && (l.value = null);
|
|
64
|
-
}, F = (e) => {
|
|
65
|
-
a.multiple ? u("update:modelValue", a.modelValue.concat(e)) : u("update:modelValue", e);
|
|
66
|
-
}, b = (e) => {
|
|
67
|
-
if (typeof e == "number")
|
|
68
|
-
a.multiple ? u("update:modelValue", q(a.modelValue, 1, e)) : u("update:modelValue", null);
|
|
69
|
-
else {
|
|
70
|
-
const n = h.value.get(t.value);
|
|
71
|
-
b(n);
|
|
72
|
-
}
|
|
73
|
-
}, M = (e) => {
|
|
74
|
-
u("focus", e), f.value = !0, document.addEventListener("click", _), document.addEventListener("focusin", V), c.value instanceof HTMLInputElement && c.value.select();
|
|
75
|
-
}, O = (e) => {
|
|
76
|
-
u("click", e), !(a.disabled || a.readonly) && c.value instanceof HTMLElement && c.value.focus();
|
|
77
|
-
}, _ = (e) => {
|
|
78
|
-
if (e.target instanceof Node && i.value && !i.value.contains(e.target)) {
|
|
79
|
-
u("inactive"), document.removeEventListener("click", _), f.value = !1, a.multiple && L(500).then(() => {
|
|
80
|
-
t.value = "";
|
|
81
|
-
});
|
|
82
|
-
return;
|
|
83
|
-
}
|
|
84
|
-
}, V = (e) => {
|
|
85
|
-
if (e.target instanceof Node && i.value && !i.value.contains(e.target)) {
|
|
86
|
-
u("inactive"), document.removeEventListener("focusin", V), f.value = !1, a.multiple && L(500).then(() => {
|
|
87
|
-
t.value = "";
|
|
88
|
-
});
|
|
89
|
-
return;
|
|
90
|
-
}
|
|
91
|
-
}, T = {
|
|
92
|
-
onBlur: (e) => u("blur", e),
|
|
93
|
-
onChange: (e) => u("change", e),
|
|
94
|
-
onKeydown: (e) => {
|
|
95
|
-
e.key === "Enter" && a.divider === "Enter" && e.preventDefault(), u("keydown", e);
|
|
96
|
-
},
|
|
97
|
-
onInput: (e) => u("input", e)
|
|
98
|
-
};
|
|
99
|
-
return (e, n) => (p(), m("span", {
|
|
100
|
-
class: g({
|
|
101
|
-
"bb-base-tag": !0,
|
|
102
|
-
"bb-base-tag--active": f.value,
|
|
103
|
-
"bb-base-tag--disabled": e.disabled,
|
|
104
|
-
"bb-base-tag--errors": e.hasErrors,
|
|
105
|
-
"bb-base-tag--readonly": e.readonly
|
|
106
|
-
}),
|
|
107
|
-
onClick: O,
|
|
108
|
-
ref_key: "outerContainer",
|
|
109
|
-
ref: i
|
|
110
|
-
}, [
|
|
111
|
-
v(e.$slots, "prepend-outer"),
|
|
112
|
-
k("span", {
|
|
113
|
-
class: "bb-base-tag__inner-container",
|
|
114
|
-
ref_key: "innerContainer",
|
|
115
|
-
ref: $
|
|
116
|
-
}, [
|
|
117
|
-
v(e.$slots, "prepend"),
|
|
118
|
-
k("span", j, [
|
|
119
|
-
e.comma ? (p(!0), m(E, { key: 0 }, C(o.value, (r, d) => (p(), m("span", {
|
|
120
|
-
class: g({
|
|
121
|
-
"bb-base-tag__selected": !0,
|
|
122
|
-
"bb-base-tag__selected--comma": !0,
|
|
123
|
-
"bb-base-tag__selected--focused": d === l.value
|
|
124
|
-
}),
|
|
125
|
-
key: r
|
|
126
|
-
}, B(r) + B(d < o.value.length - 1 ? "," : ""), 3))), 128)) : (p(!0), m(E, { key: 1 }, C(o.value, (r, d) => (p(), S(U, {
|
|
127
|
-
class: g({
|
|
128
|
-
"bb-base-tag__selected": !0,
|
|
129
|
-
"bb-base-tag__selected--chip": !0,
|
|
130
|
-
"bb-base-tag__selected--focused": d === l.value
|
|
131
|
-
}),
|
|
132
|
-
clearable: !0,
|
|
133
|
-
key: r,
|
|
134
|
-
text: r,
|
|
135
|
-
"onClick:clear": (Q) => b(d)
|
|
136
|
-
}, null, 8, ["class", "text", "onClick:clear"]))), 128)),
|
|
137
|
-
z(k("input", H({
|
|
138
|
-
autocomplete: e.autocomplete,
|
|
139
|
-
autofocus: e.autofocus,
|
|
140
|
-
class: "bb-base-tag__text-input",
|
|
141
|
-
disabled: e.disabled,
|
|
142
|
-
id: e.id,
|
|
143
|
-
placeholder: D.value,
|
|
144
|
-
readonly: e.readonly,
|
|
145
|
-
type: "text",
|
|
146
|
-
onKeyup: A,
|
|
147
|
-
onFocus: M
|
|
148
|
-
}, T, {
|
|
149
|
-
"onUpdate:modelValue": n[0] || (n[0] = (r) => t.value = r),
|
|
150
|
-
ref_key: "input",
|
|
151
|
-
ref: c
|
|
152
|
-
}), null, 16, G), [
|
|
153
|
-
[J, t.value]
|
|
154
|
-
])
|
|
155
|
-
]),
|
|
156
|
-
v(e.$slots, "append")
|
|
157
|
-
], 512),
|
|
158
|
-
v(e.$slots, "append-outer")
|
|
159
|
-
], 2));
|
|
160
|
-
}
|
|
161
|
-
});
|
|
1
|
+
const o = (l, n, f = (r) => r, u) => l.map((r) => Array.isArray(r[n]) ? [f(r, u), ...o(r[n], n, f, f(r, u))] : [f(r, u)]).flat();
|
|
162
2
|
export {
|
|
163
|
-
|
|
3
|
+
o as flattenTree
|
|
164
4
|
};
|
|
165
5
|
//# sourceMappingURL=index246.js.map
|
package/dist/index246.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index246.js","sources":["../src/components/BaseTag/BaseTag.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, createCommentVNode as _createCommentVNode, createBlock as _createBlock, vModelDynamic as _vModelDynamic, mergeProps as _mergeProps, createElementVNode as _createElementVNode, withDirectives as _withDirectives } from \"vue\"\n\nconst _hoisted_1 = { class: \"bb-base-tag__input-container\" }\nconst _hoisted_2 = [\"autocomplete\", \"autofocus\", \"disabled\", \"id\", \"placeholder\", \"readonly\"]\n\nimport { clamp } from \"@/utilities/functions/clamp\";\nimport { computed, ref } from \"vue\";\nimport { drop } from \"@/utilities/functions/drop\";\nimport { isNil } from \"@/utilities/functions/isNil\";\nimport { isNotNil } from \"@/utilities/functions/isNotNil\";\nimport { wait } from \"@/utilities/functions/wait\";\nimport BbChip from \"../BbChip/BbChip.vue\";\nimport type { InputHTMLAttributes, HTMLAttributes } from \"vue\";\n\nexport type BaseTagProps = {\n /**\n * Guides to the browser as to the type of information expected in the field.\n */\n autocomplete?: InputHTMLAttributes[\"autocomplete\"];\n\n /**\n * Sets autofocus on page load.\n */\n autofocus?: InputHTMLAttributes[\"autofocus\"];\n\n /**\n * Sets the display model for selected values to a list\n * of comma separated string. In this mode the user\n * cannot deselect an option by pressing the close button.\n */\n comma?: boolean;\n\n /**\n * Disables the component\n */\n disabled?: boolean;\n\n /**\n * The divider key used to separate values from one another. By default it is \"Enter\"\n */\n divider?: KeyboardEvent[\"key\"];\n\n /**\n * Define if the component should be in an error state.\n * It usually attaches a CSS class for styling purposes.\n */\n hasErrors?: boolean;\n\n /**\n * The identifier of the component.\n */\n id?: HTMLAttributes[\"id\"];\n\n /**\n * Used by v-model. Can be any serializable type.\n */\n modelValue: any;\n\n /**\n * Allows the selection of multiple items.\n */\n multiple?: boolean;\n\n /**\n * Defines the name of the input.\n */\n name?: InputHTMLAttributes[\"name\"];\n\n /**\n * String displayed when there's no data.\n */\n placeholder?: InputHTMLAttributes[\"placeholder\"];\n\n /**\n * Sets the input in a readonly state.\n */\n readonly?: InputHTMLAttributes[\"readonly\"];\n};\n\nexport type BaseTagEvents = {\n (e: \"blur\", event: FocusEvent): void;\n\n (e: \"change\", event: Event): void;\n\n (e: \"click\", event: MouseEvent): void;\n\n (e: \"duplicate\", string: string): void;\n\n (e: \"focus\", event: FocusEvent): void;\n\n (e: \"inactive\"): void;\n\n (e: \"input\", event: Event): void;\n\n (e: \"keydown\", event: KeyboardEvent): void;\n\n (e: \"keyup\", event: KeyboardEvent): void;\n\n (e: \"update:modelValue\", value: any): void;\n};\n\nexport type BaseTagSlots = {\n append?: (props: {}) => any;\n\n \"append-outer\"?: (props: {}) => any;\n\n prepend?: (props: {}) => any;\n\n \"prepend-outer\"?: (props: {}) => any;\n};\n\n\nexport default /*#__PURE__*/_defineComponent({\n __name: 'BaseTag',\n props: {\n autocomplete: {},\n autofocus: {},\n comma: { type: Boolean },\n disabled: { type: Boolean },\n divider: { default: \"Enter\" },\n hasErrors: { type: Boolean },\n id: {},\n modelValue: {},\n multiple: { type: Boolean, default: true },\n name: {},\n placeholder: {},\n readonly: {}\n },\n emits: [\"blur\", \"change\", \"click\", \"duplicate\", \"focus\", \"inactive\", \"input\", \"keydown\", \"keyup\", \"update:modelValue\"],\n setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n\nconst emit = __emit;\n\n\n\nif (props.multiple && !Array.isArray(props.modelValue)) {\n throw new Error('Multiple is set to \"true\" but modelValue is not an array.');\n}\n\nconst outerContainer = ref<HTMLElement | null>(null);\nconst innerContainer = ref<HTMLElement | null>(null);\nconst input = ref<HTMLElement | null>(null);\nconst query = ref<string>(\"\");\nconst computedPlaceholder = computed(() => {\n return props.placeholder;\n});\n\nconst modelValueNormalized = computed(() =>\n [].concat(props.modelValue).filter(isNotNil)\n);\n\n/**\n * Indexes modelValue to a map so when can easily know which values are selected\n */\nconst modelValueIndexed = computed(() => {\n let map: { [key: string]: number } = {};\n modelValueNormalized.value.forEach((value: any, index: number) => {\n map[JSON.stringify(value)] = index;\n });\n return {\n get: (value: any) => map[JSON.stringify(value)],\n };\n});\n\n/**\n * Applies a class when the user is inside this whole component.\n * We cannot use focus within as it doesn't work for elements that are teleported.\n * Also we cannot use the <input/> if we phisically move focus to the options so\n * we track it manually.\n */\nconst active = ref(false);\n\nconst focusedIndex = ref<null | number>(null);\n\nconst onInputKeyup = (event: KeyboardEvent) => {\n emit(\"keyup\", event);\n if (props.readonly || props.disabled) {\n event.preventDefault();\n return;\n }\n if (event.key === props.divider) {\n if (query.value[query.value.length - 1] === event.key) {\n query.value = query.value.slice(0, query.value.length - 1);\n }\n if (!query.value) return;\n focusedIndex.value = null;\n const currentIndex = modelValueIndexed.value.get(query.value);\n if (isNil(currentIndex)) selectValue(query.value);\n else emit(\"duplicate\", query.value);\n query.value = \"\";\n } else if (event.key === \"ArrowLeft\") {\n if (focusedIndex.value === null)\n focusedIndex.value = modelValueNormalized.value.length - 1;\n else if (focusedIndex.value === 0) focusedIndex.value = null;\n else focusedIndex.value--;\n } else if (event.key === \"ArrowRight\") {\n if (focusedIndex.value === null) focusedIndex.value = 1;\n else if (focusedIndex.value === modelValueNormalized.value.length - 1)\n focusedIndex.value = null;\n else focusedIndex.value++;\n } else if (event.key === \"Backspace\") {\n if (query.value) return;\n if (isNotNil(focusedIndex.value)) {\n removeValue(focusedIndex.value);\n focusedIndex.value = clamp(\n focusedIndex.value,\n 0,\n modelValueNormalized.value.length - 2\n );\n if (modelValueNormalized.value.length === 1) focusedIndex.value = null;\n } else focusedIndex.value = modelValueNormalized.value.length - 1;\n } else if (event.key === \"Tab\" || event.key === \"Escape\") {\n focusedIndex.value = null;\n }\n};\n\nconst selectValue = (text: string) => {\n if (props.multiple) emit(\"update:modelValue\", props.modelValue.concat(text));\n else emit(\"update:modelValue\", text);\n};\n\nconst removeValue = (indexOrString: number | string) => {\n if (typeof indexOrString === \"number\") {\n if (props.multiple)\n emit(\"update:modelValue\", drop(props.modelValue, 1, indexOrString));\n else emit(\"update:modelValue\", null);\n } else {\n const currentIndex = modelValueIndexed.value.get(query.value);\n removeValue(currentIndex);\n }\n};\n\nconst onInputFocus = (event: FocusEvent) => {\n emit(\"focus\", event);\n active.value = true;\n document.addEventListener(\"click\", onClickOutside);\n document.addEventListener(\"focusin\", onFocusOutside);\n if (input.value instanceof HTMLInputElement) input.value.select();\n};\n\n/**\n * When clicking on the outside container seamlessly move focus to the input and open the panel\n */\nconst onOuterContainerClick = (event: MouseEvent) => {\n emit(\"click\", event);\n if (props.disabled || props.readonly) return;\n if (input.value instanceof HTMLElement) {\n input.value.focus();\n }\n};\n\n/**\n * On click outside of the container close the panel, remove active state.\n * In multiple selection clear query after a timeout\n */\nconst onClickOutside = (event: Event) => {\n if (event.target instanceof Node) {\n if (outerContainer.value) {\n if (!outerContainer.value.contains(event.target)) {\n emit(\"inactive\");\n document.removeEventListener(\"click\", onClickOutside);\n active.value = false;\n if (props.multiple)\n wait(500).then(() => {\n query.value = \"\";\n });\n return;\n }\n }\n }\n};\n\nconst onFocusOutside = (event: FocusEvent) => {\n if (event.target instanceof Node) {\n if (outerContainer.value) {\n if (!outerContainer.value.contains(event.target)) {\n emit(\"inactive\");\n document.removeEventListener(\"focusin\", onFocusOutside);\n active.value = false;\n if (props.multiple)\n wait(500).then(() => {\n query.value = \"\";\n });\n return;\n }\n }\n }\n};\n\nconst eventListeners = {\n onBlur: (event: FocusEvent) => emit(\"blur\", event),\n onChange: (event: Event) => emit(\"change\", event),\n onKeydown: (event: KeyboardEvent) => {\n if (event.key === \"Enter\" && props.divider === \"Enter\") {\n event.preventDefault();\n }\n emit(\"keydown\", event);\n },\n onInput: (event: Event) => emit(\"input\", event),\n};\n\nreturn (_ctx: any,_cache: any) => {\n return (_openBlock(), _createElementBlock(\"span\", {\n class: _normalizeClass({\n 'bb-base-tag': true,\n 'bb-base-tag--active': active.value,\n 'bb-base-tag--disabled': _ctx.disabled,\n 'bb-base-tag--errors': _ctx.hasErrors,\n 'bb-base-tag--readonly': _ctx.readonly,\n }),\n onClick: onOuterContainerClick,\n ref_key: \"outerContainer\",\n ref: outerContainer\n }, [\n _renderSlot(_ctx.$slots, \"prepend-outer\"),\n _createElementVNode(\"span\", {\n class: \"bb-base-tag__inner-container\",\n ref_key: \"innerContainer\",\n ref: innerContainer\n }, [\n _renderSlot(_ctx.$slots, \"prepend\"),\n _createElementVNode(\"span\", _hoisted_1, [\n (_ctx.comma)\n ? (_openBlock(true), _createElementBlock(_Fragment, { key: 0 }, _renderList(modelValueNormalized.value, (option, index) => {\n return (_openBlock(), _createElementBlock(\"span\", {\n class: _normalizeClass({\n 'bb-base-tag__selected': true,\n 'bb-base-tag__selected--comma': true,\n 'bb-base-tag__selected--focused': index === focusedIndex.value,\n }),\n key: option\n }, _toDisplayString(option) + _toDisplayString(index < modelValueNormalized.value.length - 1 ? \",\" : \"\"), 3))\n }), 128))\n : (_openBlock(true), _createElementBlock(_Fragment, { key: 1 }, _renderList(modelValueNormalized.value, (option, index) => {\n return (_openBlock(), _createBlock(BbChip, {\n class: _normalizeClass({\n 'bb-base-tag__selected': true,\n 'bb-base-tag__selected--chip': true,\n 'bb-base-tag__selected--focused': index === focusedIndex.value,\n }),\n clearable: true,\n key: option,\n text: option,\n \"onClick:clear\": ($event: any) => (removeValue(index))\n }, null, 8, [\"class\", \"text\", \"onClick:clear\"]))\n }), 128)),\n _withDirectives(_createElementVNode(\"input\", _mergeProps({\n autocomplete: _ctx.autocomplete,\n autofocus: _ctx.autofocus,\n class: 'bb-base-tag__text-input',\n disabled: _ctx.disabled,\n id: _ctx.id,\n placeholder: computedPlaceholder.value,\n readonly: _ctx.readonly,\n type: 'text',\n onKeyup: onInputKeyup,\n onFocus: onInputFocus\n }, eventListeners, {\n \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((query).value = $event)),\n ref_key: \"input\",\n ref: input\n }), null, 16, _hoisted_2), [\n [_vModelDynamic, query.value]\n ])\n ]),\n _renderSlot(_ctx.$slots, \"append\")\n ], 512),\n _renderSlot(_ctx.$slots, \"append-outer\")\n ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","__emit","props","emit","outerContainer","ref","innerContainer","input","query","computedPlaceholder","computed","modelValueNormalized","isNotNil","modelValueIndexed","map","value","index","active","focusedIndex","onInputKeyup","event","currentIndex","isNil","selectValue","removeValue","clamp","text","indexOrString","drop","onInputFocus","onClickOutside","onFocusOutside","onOuterContainerClick","wait","eventListeners","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_renderSlot","_createElementVNode","_Fragment","_renderList","option","_toDisplayString","_createBlock","BbChip","$event","_withDirectives","_mergeProps","_vModelDynamic"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index246.js","sources":["../src/utilities/functions/flattenTree.ts"],"sourcesContent":["export const flattenTree = <T extends Record<string, any>, U>(\n items: T[],\n keyName: keyof T,\n mapper: (item: T, parent?: U) => U = (x:any) => x,\n parent?: ReturnType<typeof mapper>\n): ReturnType<typeof mapper>[] => {\n return items\n .map((item) => {\n if (Array.isArray(item[keyName])) {\n return [mapper(item, parent), ...flattenTree(item[keyName], keyName, mapper, mapper(item, parent))];\n }\n return [mapper(item, parent)];\n })\n .flat();\n};\n"],"names":["flattenTree","items","keyName","mapper","x","parent","item"],"mappings":"AAAa,MAAAA,IAAc,CACzBC,GACAC,GACAC,IAAqC,CAACC,MAAUA,GAChDC,MAEOJ,EACJ,IAAI,CAACK,MACA,MAAM,QAAQA,EAAKJ,CAAO,CAAC,IACtB,CAACC,EAAOG,GAAMD,CAAM,GAAG,GAAGL,EAAYM,EAAKJ,CAAO,GAAGA,GAASC,GAAQA,EAAOG,GAAMD,CAAM,CAAC,CAAC,IAE7F,CAACF,EAAOG,GAAMD,CAAM,CAAC,CAC7B,EACA,KAAK;"}
|