adverich-kun-ui 0.1.96 → 0.1.97

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.
Files changed (2) hide show
  1. package/dist/components/KunAutocomplete/src/composables/useAutocomplete.js +70 -63
  2. package/package.json +1 -1
package/dist/components/KunAutocomplete/src/composables/useAutocomplete.js CHANGED
@@ -1,113 +1,120 @@
1
- import { ref as f, computed as T } from "vue";
2
- import { isArray as O, isObject as a } from "../../../../utils/utils.js";
3
- function G(t, y, u, A, q) {
4
- const l = f(null), s = f(null), b = f(null), r = f(!1), v = f(""), M = (e, n) => n.split(".").reduce((c, i) => c && c[i] !== void 0 ? c[i] : null, e), F = T(() => l.value ? O(l.value) ? l.value.length ? o(l.value, t.itemTitle, "hasDefault") : t.placeholderText : a(l.value) ? o(l.value, t.itemTitle, "hasDefault") : l.value.toString() : A.value.length ? t.placeholderText : t.textNoItems), k = T(() => t.itemText.includes(",") ? t.itemText.split(",") : t.itemText);
5
- function o(e, n, c) {
1
+ import { ref as f, computed as A, watch as C } from "vue";
2
+ import { isArray as b, isObject as a } from "../../../../utils/utils.js";
3
+ function L(t, M, u, s, G) {
4
+ const i = f(null), v = f(null), j = f(null), c = f(!1), o = f(""), w = (e, n) => n.split(".").reduce((r, l) => r && r[l] !== void 0 ? r[l] : null, e), F = A(() => i.value ? b(i.value) ? i.value.length ? h(i.value, t.itemTitle, "hasDefault") : t.placeholderText : a(i.value) ? h(i.value, t.itemTitle, "hasDefault") : i.value.toString() : s.value.length ? t.placeholderText : t.textNoItems), k = A(() => t.itemText.includes(",") ? t.itemText.split(",") : t.itemText);
5
+ function h(e, n, r) {
6
6
  if (a(e)) {
7
7
  if (n) {
8
- if (O(n))
9
- return n.map((i) => e[i] ?? "No definido").join(" - ");
8
+ if (b(n))
9
+ return n.map((l) => e[l] ?? "No definido").join(" - ");
10
10
  if (n.includes(","))
11
- return n.split(",").map((i) => e[i]).join(" - ");
11
+ return n.split(",").map((l) => e[l]).join(" - ");
12
12
  if (n.includes(".")) {
13
- const i = n.split(".");
14
- let x = e;
15
- for (const $ of i)
16
- x = x[$];
17
- return x;
13
+ const l = n.split(".");
14
+ let O = e;
15
+ for (const z of l)
16
+ O = O[z];
17
+ return O;
18
18
  }
19
19
  return !t.returnObject && typeof e[n] == "number" || e[n] ? e[n].toString() : "";
20
20
  }
21
- if (c)
21
+ if (r)
22
22
  return Object.values(e)[0];
23
23
  }
24
- return O(e) ? t.returnObject ? e.map((i) => i[n]).join(" - ") : e.map((i) => i).join(" - ") : c && typeof e != "number" && e.includes(",") ? e.split(",") : e;
24
+ return b(e) ? t.returnObject ? e.map((l) => l[n]).join(" - ") : e.map((l) => l).join(" - ") : r && typeof e != "number" && e.includes(",") ? e.split(",") : e;
25
25
  }
26
- function R(e) {
26
+ function B(e) {
27
27
  try {
28
- l.value = e, t.multiple ? (u.value || (u.value = []), j(e) ? e && g(e) : t.returnObject ? u.value.push(e) : a(e) ? t.itemValue ? u.value.push(e[t.itemValue]) : u.value.push(Object.values(e)[0]) : u.value.push(e)) : (t.returnObject ? u.value = e : a(e) ? t.itemValue ? u.value = e[t.itemValue] : u.value = Object.values(e)[0] : u.value = e, r.value = !1), t.clearOnSelect && S();
28
+ g.value = !1, i.value = e, t.multiple ? (u.value || (u.value = []), d(e) ? e && I(e) : t.returnObject ? u.value.push(e) : a(e) ? t.itemValue ? u.value.push(e[t.itemValue]) : u.value.push(Object.values(e)[0]) : u.value.push(e)) : (t.returnObject ? u.value = e : a(e) ? t.itemValue ? (console.log(1), console.log(e), u.value = e[t.itemValue]) : (console.log(2), u.value = Object.values(e)[0]) : u.value = e, c.value = !1), t.clearOnSelect && T(), g.value = !0;
29
29
  } catch (n) {
30
30
  console.log(n);
31
31
  } finally {
32
- h();
32
+ x();
33
33
  }
34
34
  }
35
- function j(e) {
35
+ const g = f(!0);
36
+ C(() => u.value, (e) => {
37
+ console.log(u.value), (g.value || !i.value && u.value || i.value !== u.value) && (console.log("si"), i.value = R(e));
38
+ }, { immediate: !0 });
39
+ function R(e) {
40
+ return e ? t.returnObject ? e : t.multiple && Array.isArray(e) ? e.map((n) => s.value.find((r) => r[t.itemValue] === n)).filter(Boolean) : s.value.find((n) => n[t.itemValue] === e) || null : null;
41
+ }
42
+ function d(e) {
36
43
  return u.value === null ? !1 : e ? u.value.some(
37
44
  (n) => t.returnObject ? n[t.itemValue] === e[t.itemValue] : n === e[t.itemValue]
38
45
  ) : !0;
39
46
  }
40
- function g(e) {
47
+ function I(e) {
41
48
  if (t.returnObject) {
42
49
  const n = u.value.find(
43
- (i) => i[t.itemValue] === e[t.itemValue]
44
- ), c = u.value.indexOf(n);
45
- u.value.splice(c, 1);
50
+ (l) => l[t.itemValue] === e[t.itemValue]
51
+ ), r = u.value.indexOf(n);
52
+ u.value.splice(r, 1);
46
53
  } else {
47
54
  const n = u.value.indexOf(e[t.itemValue]);
48
55
  u.value.splice(n, 1);
49
56
  }
50
57
  }
51
- function w(e) {
52
- t.clearSearchOnSelect && (v.value = ""), t.focusOnSelect && h();
58
+ function D(e) {
59
+ t.clearSearchOnSelect && (o.value = ""), t.focusOnSelect && x();
53
60
  }
54
- function d() {
55
- r.value || (r.value = !0);
61
+ function y() {
62
+ c.value || (c.value = !0);
56
63
  }
57
- function D() {
58
- r.value = !r.value;
64
+ function N() {
65
+ c.value = !c.value;
59
66
  }
60
- function I(e) {
67
+ function S(e) {
61
68
  return e.length === 1 && e.match(/\w/);
62
69
  }
63
- function h() {
64
- s.value.inputField.focus();
70
+ function x() {
71
+ v.value.inputField.focus();
65
72
  }
66
- function N() {
67
- r.value = !0, b.value && s.value.$el.focus();
73
+ function E() {
74
+ c.value = !0, j.value && v.value.$el.focus();
68
75
  }
69
- function B(e) {
76
+ function K(e) {
70
77
  const n = e.key;
71
- (I(n) || n === "Backspace") && (d(), h());
78
+ (S(n) || n === "Backspace") && (y(), x());
72
79
  }
73
- function E() {
74
- r.value = !1, y("createItem");
80
+ function P() {
81
+ c.value = !1, M("createItem");
75
82
  }
76
- function K(e) {
83
+ function $(e) {
77
84
  let n = u.value.indexOf(e);
78
85
  u.value.splice(n, 1);
79
86
  }
80
- function S() {
81
- v.value = "", u.value = null, l.value = null;
87
+ function T() {
88
+ o.value = "", u.value = null, i.value = null;
82
89
  }
83
- function P(e) {
90
+ function q(e) {
84
91
  return !!e.disabledItem;
85
92
  }
86
93
  return {
87
- selectedItem: l,
88
- textFieldRef: s,
89
- listRef: b,
90
- menuModel: r,
91
- search: v,
92
- getItemText: M,
94
+ selectedItem: i,
95
+ textFieldRef: v,
96
+ listRef: j,
97
+ menuModel: c,
98
+ search: o,
99
+ getItemText: w,
93
100
  placeholder: F,
94
101
  textArr: k,
95
- itemToString: o,
96
- getSelectedItem: R,
97
- checkIfValueExist: j,
98
- removeFromArray: g,
99
- lightReset: w,
100
- openMenu: d,
101
- toggleMenu: D,
102
- focusOnMenu: N,
103
- onMenuKeydown: B,
104
- createItem: E,
105
- removeItem: K,
106
- clearSelection: S,
107
- checkDisabled: P,
108
- isAlphanumeric: I
102
+ itemToString: h,
103
+ getSelectedItem: B,
104
+ checkIfValueExist: d,
105
+ removeFromArray: I,
106
+ lightReset: D,
107
+ openMenu: y,
108
+ toggleMenu: N,
109
+ focusOnMenu: E,
110
+ onMenuKeydown: K,
111
+ createItem: P,
112
+ removeItem: $,
113
+ clearSelection: T,
114
+ checkDisabled: q,
115
+ isAlphanumeric: S
109
116
  };
110
117
  }
111
118
  export {
112
- G as useAutocomplete
119
+ L as useAutocomplete
113
120
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "adverich-kun-ui",
3
- "version": "0.1.96",
3
+ "version": "0.1.97",
4
4
  "type": "module",
5
5
  "description": "Una librería de componentes Vue.js con Tailwind CSS",
6
6
  "main": "dist/index.js",