@soft-stech/bootsman-ui-shadcn 2.0.19 → 2.0.21
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/{BuiCommandList.vue_vue_type_script_setup_true_lang-DPagytbz.js → BuiCommandList.vue_vue_type_script_setup_true_lang-Bo6ABjX5.js} +38 -36
- package/dist/BuiScrollArea.vue_vue_type_script_setup_true_lang-O7VUcRC4.js +144 -0
- package/dist/BuiTable.vue_vue_type_script_setup_true_lang-CQpc0Sr1.js +36 -0
- package/dist/components/command/BuiCommandList.js +1 -1
- package/dist/components/command/index.js +1 -1
- package/dist/components/input/index.js +22 -22
- package/dist/components/scroll-area/BuiScrollArea.js +1 -1
- package/dist/components/scroll-area/BuiScrollArea.vue.d.ts +256 -2
- package/dist/components/scroll-area/index.js +1 -1
- package/dist/components/table/BuiDataTable.vue.d.ts +1 -0
- package/dist/components/table/BuiTable.js +1 -1
- package/dist/components/table/BuiTable.vue.d.ts +1487 -2
- package/dist/components/table/index.js +519 -497
- package/dist/index.js +3 -3
- package/dist/lib/useGlobalCursor.d.ts +4 -0
- package/dist/lib/useGlobalCursor.js +15 -0
- package/dist/lib/useResizeColumns.d.ts +3812 -0
- package/dist/lib/useResizeColumns.js +97 -79
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/src/components/command/BuiCommandList.vue +2 -1
- package/src/components/input/BuiInput.vue +1 -1
- package/src/components/scroll-area/BuiScrollArea.vue +9 -2
- package/src/components/table/BuiDataTable.vue +39 -11
- package/src/components/table/BuiTable.vue +11 -3
- package/src/lib/useGlobalCursor.ts +17 -0
- package/src/lib/useResizeColumns.ts +151 -42
- package/src/stories/components/BuiDataTableStory.vue +1 -1
- package/dist/BuiScrollArea.vue_vue_type_script_setup_true_lang-XkIzRs-G.js +0 -141
- package/dist/BuiTable.vue_vue_type_script_setup_true_lang-Dd_dkcy4.js +0 -30
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { defineComponent as y, createBlock as f, openBlock as m, unref as e, withCtx as l, createVNode as
|
|
2
|
-
import { u as
|
|
1
|
+
import { defineComponent as y, createBlock as f, openBlock as m, unref as e, withCtx as l, createVNode as C, withKeys as B, withModifiers as g, renderSlot as c, toRefs as S, computed as D, ref as E, onMounted as L, onUnmounted as F, resolveDynamicComponent as K, mergeProps as q, createElementVNode as N } from "vue";
|
|
2
|
+
import { u as h } from "./useForwardPropsEmits-DriEAzTI.js";
|
|
3
3
|
import { u as x } from "./useForwardExpose-DmyWSR4F.js";
|
|
4
4
|
import { u as $ } from "./useId-D4hM1ljW.js";
|
|
5
5
|
import { P as I } from "./Presence-BadhDRMZ.js";
|
|
6
|
-
import { a as M, i as
|
|
6
|
+
import { a as M, i as O } from "./ComboboxRoot-HZ6OtAWp.js";
|
|
7
7
|
import { c as R } from "./createContext-BWsUZRn1.js";
|
|
8
8
|
import { u as j } from "./useBodyScrollLock-Brn5EGXN.js";
|
|
9
9
|
import { u as z } from "./useForwardProps-COe1clk4.js";
|
|
10
10
|
import { u as U } from "./useHideOthers-BNc0skzo.js";
|
|
11
|
-
import { P as
|
|
11
|
+
import { P as _ } from "./Primitive-EBuBc72_.js";
|
|
12
12
|
import { D as W } from "./DismissableLayer-D-BrGAhy.js";
|
|
13
13
|
import { P as A } from "./PopperContent-CO4aQ0ir.js";
|
|
14
14
|
import { u as V } from "./Collection-BdNht7lW.js";
|
|
@@ -28,22 +28,22 @@ var G = /* @__PURE__ */ y({
|
|
|
28
28
|
},
|
|
29
29
|
setup(d) {
|
|
30
30
|
const { CollectionSlot: u } = V(), o = M(), s = H(!1, 10);
|
|
31
|
-
return (
|
|
32
|
-
default: l(() => [
|
|
31
|
+
return (n, t) => (m(), f(e(u), null, {
|
|
32
|
+
default: l(() => [C(e(_), {
|
|
33
33
|
role: "listbox",
|
|
34
|
-
as:
|
|
35
|
-
"as-child":
|
|
34
|
+
as: n.as,
|
|
35
|
+
"as-child": n.asChild,
|
|
36
36
|
tabindex: e(o).focusable.value ? e(o).highlightedElement.value ? "-1" : "0" : void 0,
|
|
37
37
|
"aria-orientation": e(o).orientation.value,
|
|
38
38
|
"aria-multiselectable": !!e(o).multiple.value,
|
|
39
39
|
"data-orientation": e(o).orientation.value,
|
|
40
|
-
onMousedown: t[0] || (t[0] =
|
|
41
|
-
onFocus: t[1] || (t[1] = (
|
|
42
|
-
e(s) || e(o).onEnter(
|
|
40
|
+
onMousedown: t[0] || (t[0] = g((r) => s.value = !0, ["left"])),
|
|
41
|
+
onFocus: t[1] || (t[1] = (r) => {
|
|
42
|
+
e(s) || e(o).onEnter(r);
|
|
43
43
|
}),
|
|
44
44
|
onKeydown: [
|
|
45
|
-
t[2] || (t[2] =
|
|
46
|
-
e(o).focusable.value && e(o).onKeydownNavigation(
|
|
45
|
+
t[2] || (t[2] = B(g((r) => {
|
|
46
|
+
e(o).focusable.value && e(o).onKeydownNavigation(r);
|
|
47
47
|
}, ["prevent"]), [
|
|
48
48
|
"down",
|
|
49
49
|
"up",
|
|
@@ -52,11 +52,11 @@ var G = /* @__PURE__ */ y({
|
|
|
52
52
|
"home",
|
|
53
53
|
"end"
|
|
54
54
|
])),
|
|
55
|
-
|
|
55
|
+
B(e(o).onKeydownEnter, ["enter"]),
|
|
56
56
|
e(o).onKeydownTypeAhead
|
|
57
57
|
]
|
|
58
58
|
}, {
|
|
59
|
-
default: l(() => [c(
|
|
59
|
+
default: l(() => [c(n.$slots, "default")]),
|
|
60
60
|
_: 3
|
|
61
61
|
}, 8, [
|
|
62
62
|
"as",
|
|
@@ -172,9 +172,9 @@ var X = /* @__PURE__ */ y({
|
|
|
172
172
|
"interactOutside"
|
|
173
173
|
],
|
|
174
174
|
setup(d, { emit: u }) {
|
|
175
|
-
const o = d, s = u, { position:
|
|
175
|
+
const o = d, s = u, { position: n } = S(o), t = O(), { forwardRef: r, currentElement: p } = x();
|
|
176
176
|
j(o.bodyLock), U(t.parentElement);
|
|
177
|
-
const
|
|
177
|
+
const w = D(() => o.position === "popper" ? o : {}), P = z(w.value), k = {
|
|
178
178
|
boxSizing: "border-box",
|
|
179
179
|
"--reka-combobox-content-transform-origin": "var(--reka-popper-transform-origin)",
|
|
180
180
|
"--reka-combobox-content-available-width": "var(--reka-popper-available-width)",
|
|
@@ -182,38 +182,38 @@ var X = /* @__PURE__ */ y({
|
|
|
182
182
|
"--reka-combobox-trigger-width": "var(--reka-popper-anchor-width)",
|
|
183
183
|
"--reka-combobox-trigger-height": "var(--reka-popper-anchor-height)"
|
|
184
184
|
};
|
|
185
|
-
Q({ position:
|
|
185
|
+
Q({ position: n });
|
|
186
186
|
const b = E(!1);
|
|
187
187
|
return L(() => {
|
|
188
188
|
t.inputElement.value && (b.value = p.value.contains(t.inputElement.value), b.value && t.inputElement.value.focus());
|
|
189
189
|
}), F(() => {
|
|
190
190
|
b.value && t.triggerElement.value?.focus();
|
|
191
191
|
}), (v, a) => (m(), f(e(J), { "as-child": "" }, {
|
|
192
|
-
default: l(() => [
|
|
192
|
+
default: l(() => [C(e(W), {
|
|
193
193
|
"as-child": "",
|
|
194
194
|
"disable-outside-pointer-events": v.disableOutsidePointerEvents,
|
|
195
|
-
onDismiss: a[0] || (a[0] = (
|
|
196
|
-
onFocusOutside: a[1] || (a[1] = (
|
|
197
|
-
e(t).parentElement.value?.contains(
|
|
195
|
+
onDismiss: a[0] || (a[0] = (i) => e(t).onOpenChange(!1)),
|
|
196
|
+
onFocusOutside: a[1] || (a[1] = (i) => {
|
|
197
|
+
e(t).parentElement.value?.contains(i.target) && i.preventDefault(), s("focusOutside", i);
|
|
198
198
|
}),
|
|
199
|
-
onInteractOutside: a[2] || (a[2] = (
|
|
200
|
-
onEscapeKeyDown: a[3] || (a[3] = (
|
|
201
|
-
onPointerDownOutside: a[4] || (a[4] = (
|
|
202
|
-
e(t).parentElement.value?.contains(
|
|
199
|
+
onInteractOutside: a[2] || (a[2] = (i) => s("interactOutside", i)),
|
|
200
|
+
onEscapeKeyDown: a[3] || (a[3] = (i) => s("escapeKeyDown", i)),
|
|
201
|
+
onPointerDownOutside: a[4] || (a[4] = (i) => {
|
|
202
|
+
e(t).parentElement.value?.contains(i.target) && i.preventDefault(), s("pointerDownOutside", i);
|
|
203
203
|
})
|
|
204
204
|
}, {
|
|
205
|
-
default: l(() => [(m(), f(K(e(
|
|
205
|
+
default: l(() => [(m(), f(K(e(n) === "popper" ? e(A) : e(_)), q({
|
|
206
206
|
...v.$attrs,
|
|
207
207
|
...e(P)
|
|
208
208
|
}, {
|
|
209
209
|
id: e(t).contentId,
|
|
210
|
-
ref: e(
|
|
210
|
+
ref: e(r),
|
|
211
211
|
"data-state": e(t).open.value ? "open" : "closed",
|
|
212
212
|
style: {
|
|
213
213
|
display: "flex",
|
|
214
214
|
flexDirection: "column",
|
|
215
215
|
outline: "none",
|
|
216
|
-
...e(
|
|
216
|
+
...e(n) === "popper" ? k : {}
|
|
217
217
|
}
|
|
218
218
|
}), {
|
|
219
219
|
default: l(() => [c(v.$slots, "default")]),
|
|
@@ -331,10 +331,10 @@ var X = /* @__PURE__ */ y({
|
|
|
331
331
|
"interactOutside"
|
|
332
332
|
],
|
|
333
333
|
setup(d, { emit: u }) {
|
|
334
|
-
const
|
|
335
|
-
return
|
|
336
|
-
default: l(() => [
|
|
337
|
-
...e(
|
|
334
|
+
const n = h(d, u), { forwardRef: t } = x(), r = O();
|
|
335
|
+
return r.contentId ||= $(void 0, "reka-combobox-content"), (p, w) => (m(), f(e(I), { present: p.forceMount || e(r).open.value }, {
|
|
336
|
+
default: l(() => [C(Y, q({
|
|
337
|
+
...e(n),
|
|
338
338
|
...p.$attrs
|
|
339
339
|
}, { ref: e(t) }), {
|
|
340
340
|
default: l(() => [c(p.$slots, "default")]),
|
|
@@ -373,9 +373,11 @@ const te = { role: "presentation" }, Ce = /* @__PURE__ */ y({
|
|
|
373
373
|
},
|
|
374
374
|
emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside"],
|
|
375
375
|
setup(d, { emit: u }) {
|
|
376
|
-
const
|
|
377
|
-
return (t,
|
|
378
|
-
class: e(T)("max-h-[300px] overflow-
|
|
376
|
+
const n = h(d, u);
|
|
377
|
+
return (t, r) => (m(), f(e(ee), q(e(n), {
|
|
378
|
+
class: e(T)("max-h-[300px] overflow-x-hidden overflow-y-auto", t.$attrs.class ?? ""),
|
|
379
|
+
onFocusOutside: r[0] || (r[0] = g(() => {
|
|
380
|
+
}, ["prevent"]))
|
|
379
381
|
}), {
|
|
380
382
|
default: l(() => [
|
|
381
383
|
N("div", te, [
|
|
@@ -0,0 +1,144 @@
|
|
|
1
|
+
import { defineComponent as f, ref as d, computed as p, watch as S, createBlock as C, createCommentVNode as k, openBlock as v, unref as r, mergeProps as _, withCtx as u, renderSlot as h, toRefs as E, onMounted as $, createElementBlock as V, Fragment as B, createElementVNode as R, createVNode as i, normalizeStyle as W, createTextVNode as X } from "vue";
|
|
2
|
+
import { i as w, S as H, _ as N } from "./BuiScrollBar.vue_vue_type_script_setup_true_lang-cV0od8j0.js";
|
|
3
|
+
import { u as x } from "./useForwardExpose-DmyWSR4F.js";
|
|
4
|
+
import { P as b } from "./Primitive-EBuBc72_.js";
|
|
5
|
+
import { useResizeObserver as A } from "@vueuse/core";
|
|
6
|
+
import { u as Y } from "./useNonce-DM9DidHz.js";
|
|
7
|
+
import { g as q } from "./utils-DhVytAXN.js";
|
|
8
|
+
var P = /* @__PURE__ */ f({
|
|
9
|
+
__name: "ScrollAreaCornerImpl",
|
|
10
|
+
setup(c) {
|
|
11
|
+
const e = w(), t = d(0), l = d(0), n = p(() => !!t.value && !!l.value);
|
|
12
|
+
function o() {
|
|
13
|
+
const s = e.scrollbarX.value?.offsetHeight || 0;
|
|
14
|
+
e.onCornerHeightChange(s), l.value = s;
|
|
15
|
+
}
|
|
16
|
+
function a() {
|
|
17
|
+
const s = e.scrollbarY.value?.offsetWidth || 0;
|
|
18
|
+
e.onCornerWidthChange(s), t.value = s;
|
|
19
|
+
}
|
|
20
|
+
return A(e.scrollbarX.value, o), A(e.scrollbarY.value, a), S(() => e.scrollbarX.value, o), S(() => e.scrollbarY.value, a), (s, y) => n.value ? (v(), C(r(b), _({
|
|
21
|
+
key: 0,
|
|
22
|
+
style: {
|
|
23
|
+
width: `${t.value}px`,
|
|
24
|
+
height: `${l.value}px`,
|
|
25
|
+
position: "absolute",
|
|
26
|
+
right: r(e).dir.value === "ltr" ? 0 : void 0,
|
|
27
|
+
left: r(e).dir.value === "rtl" ? 0 : void 0,
|
|
28
|
+
bottom: 0
|
|
29
|
+
}
|
|
30
|
+
}, s.$parent?.$props), {
|
|
31
|
+
default: u(() => [h(s.$slots, "default")]),
|
|
32
|
+
_: 3
|
|
33
|
+
}, 16, ["style"])) : k("v-if", !0);
|
|
34
|
+
}
|
|
35
|
+
}), z = P, I = /* @__PURE__ */ f({
|
|
36
|
+
__name: "ScrollAreaCorner",
|
|
37
|
+
props: {
|
|
38
|
+
asChild: {
|
|
39
|
+
type: Boolean,
|
|
40
|
+
required: !1
|
|
41
|
+
},
|
|
42
|
+
as: {
|
|
43
|
+
type: null,
|
|
44
|
+
required: !1
|
|
45
|
+
}
|
|
46
|
+
},
|
|
47
|
+
setup(c) {
|
|
48
|
+
const e = c, { forwardRef: t } = x(), l = w(), n = p(() => !!l.scrollbarX.value && !!l.scrollbarY.value), o = p(() => l.type.value !== "scroll" && n.value);
|
|
49
|
+
return (a, s) => o.value ? (v(), C(z, _({ key: 0 }, e, { ref: r(t) }), {
|
|
50
|
+
default: u(() => [h(a.$slots, "default")]),
|
|
51
|
+
_: 3
|
|
52
|
+
}, 16)) : k("v-if", !0);
|
|
53
|
+
}
|
|
54
|
+
}), F = I, j = /* @__PURE__ */ f({
|
|
55
|
+
inheritAttrs: !1,
|
|
56
|
+
__name: "ScrollAreaViewport",
|
|
57
|
+
props: {
|
|
58
|
+
nonce: {
|
|
59
|
+
type: String,
|
|
60
|
+
required: !1
|
|
61
|
+
},
|
|
62
|
+
asChild: {
|
|
63
|
+
type: Boolean,
|
|
64
|
+
required: !1
|
|
65
|
+
},
|
|
66
|
+
as: {
|
|
67
|
+
type: null,
|
|
68
|
+
required: !1
|
|
69
|
+
}
|
|
70
|
+
},
|
|
71
|
+
setup(c, { expose: e }) {
|
|
72
|
+
const t = c, { nonce: l } = E(t), n = Y(l), o = w(), a = d();
|
|
73
|
+
$(() => {
|
|
74
|
+
o.onViewportChange(a.value), o.onContentChange(y.value);
|
|
75
|
+
}), e({ viewportElement: a });
|
|
76
|
+
const { forwardRef: s, currentElement: y } = x();
|
|
77
|
+
return (m, g) => (v(), V(B, null, [R("div", _({
|
|
78
|
+
ref_key: "viewportElement",
|
|
79
|
+
ref: a,
|
|
80
|
+
"data-reka-scroll-area-viewport": "",
|
|
81
|
+
style: {
|
|
82
|
+
overflowX: r(o).scrollbarXEnabled.value ? "scroll" : "hidden",
|
|
83
|
+
overflowY: r(o).scrollbarYEnabled.value ? "scroll" : "hidden"
|
|
84
|
+
}
|
|
85
|
+
}, m.$attrs, { tabindex: 0 }), [i(r(b), {
|
|
86
|
+
ref: r(s),
|
|
87
|
+
style: W({ minWidth: r(o).scrollbarXEnabled.value ? "fit-content" : void 0 }),
|
|
88
|
+
"as-child": t.asChild,
|
|
89
|
+
as: m.as
|
|
90
|
+
}, {
|
|
91
|
+
default: u(() => [h(m.$slots, "default")]),
|
|
92
|
+
_: 3
|
|
93
|
+
}, 8, [
|
|
94
|
+
"style",
|
|
95
|
+
"as-child",
|
|
96
|
+
"as"
|
|
97
|
+
])], 16), i(r(b), {
|
|
98
|
+
as: "style",
|
|
99
|
+
nonce: r(n)
|
|
100
|
+
}, {
|
|
101
|
+
default: u(() => g[0] || (g[0] = [X(" /* Hide scrollbars cross-browser and enable momentum scroll for touch devices */ [data-reka-scroll-area-viewport] { scrollbar-width:none; -ms-overflow-style:none; -webkit-overflow-scrolling:touch; } [data-reka-scroll-area-viewport]::-webkit-scrollbar { display:none; } ")])),
|
|
102
|
+
_: 1,
|
|
103
|
+
__: [0]
|
|
104
|
+
}, 8, ["nonce"])], 64));
|
|
105
|
+
}
|
|
106
|
+
}), D = j;
|
|
107
|
+
const Q = /* @__PURE__ */ f({
|
|
108
|
+
__name: "BuiScrollArea",
|
|
109
|
+
props: {
|
|
110
|
+
type: {},
|
|
111
|
+
dir: {},
|
|
112
|
+
scrollHideDelay: {},
|
|
113
|
+
asChild: { type: Boolean },
|
|
114
|
+
as: {},
|
|
115
|
+
class: {}
|
|
116
|
+
},
|
|
117
|
+
setup(c, { expose: e }) {
|
|
118
|
+
const t = c, l = p(() => {
|
|
119
|
+
const { class: o, ...a } = t;
|
|
120
|
+
return a;
|
|
121
|
+
}), n = d(null);
|
|
122
|
+
return e({ tableWrapperRef: n }), (o, a) => (v(), C(r(H), _({
|
|
123
|
+
ref_key: "tableWrapperRef",
|
|
124
|
+
ref: n
|
|
125
|
+
}, l.value, {
|
|
126
|
+
class: r(q)("relative overflow-hidden", t.class)
|
|
127
|
+
}), {
|
|
128
|
+
default: u(() => [
|
|
129
|
+
i(r(D), { class: "h-full w-full rounded-[inherit]" }, {
|
|
130
|
+
default: u(() => [
|
|
131
|
+
h(o.$slots, "default")
|
|
132
|
+
]),
|
|
133
|
+
_: 3
|
|
134
|
+
}),
|
|
135
|
+
i(N),
|
|
136
|
+
i(r(F))
|
|
137
|
+
]),
|
|
138
|
+
_: 3
|
|
139
|
+
}, 16, ["class"]));
|
|
140
|
+
}
|
|
141
|
+
});
|
|
142
|
+
export {
|
|
143
|
+
Q as _
|
|
144
|
+
};
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { defineComponent as i, ref as t, createBlock as m, openBlock as p, unref as e, withCtx as _, renderSlot as s, createElementVNode as a, createVNode as d, normalizeClass as u } from "vue";
|
|
2
|
+
import { _ as b } from "./BuiScrollArea.vue_vue_type_script_setup_true_lang-O7VUcRC4.js";
|
|
3
|
+
import { _ as h } from "./BuiScrollBar.vue_vue_type_script_setup_true_lang-cV0od8j0.js";
|
|
4
|
+
import { g as w } from "./utils-DhVytAXN.js";
|
|
5
|
+
const x = { class: "flex min-h-[90px] w-full grow flex-col" }, y = /* @__PURE__ */ i({
|
|
6
|
+
__name: "BuiTable",
|
|
7
|
+
props: {
|
|
8
|
+
class: {}
|
|
9
|
+
},
|
|
10
|
+
setup(n, { expose: f }) {
|
|
11
|
+
const c = n, o = t(void 0), r = t(null);
|
|
12
|
+
return f({ tableRef: o, scrollAreaElementRef: r }), (l, k) => (p(), m(e(b), {
|
|
13
|
+
ref_key: "scrollAreaElementRef",
|
|
14
|
+
ref: r,
|
|
15
|
+
class: "border-border/16 w-full grow overflow-auto rounded-sm border"
|
|
16
|
+
}, {
|
|
17
|
+
default: _(() => [
|
|
18
|
+
s(l.$slots, "columnVisibility"),
|
|
19
|
+
a("div", x, [
|
|
20
|
+
a("table", {
|
|
21
|
+
ref_key: "tableRef",
|
|
22
|
+
ref: o,
|
|
23
|
+
class: u(e(w)("h-full caption-top text-sm", c.class))
|
|
24
|
+
}, [
|
|
25
|
+
s(l.$slots, "default")
|
|
26
|
+
], 2)
|
|
27
|
+
]),
|
|
28
|
+
d(e(h), { orientation: "horizontal" })
|
|
29
|
+
]),
|
|
30
|
+
_: 3
|
|
31
|
+
}, 512));
|
|
32
|
+
}
|
|
33
|
+
});
|
|
34
|
+
export {
|
|
35
|
+
y as _
|
|
36
|
+
};
|
|
@@ -4,7 +4,7 @@ import { _ as u } from "../../BuiCommandEmpty.vue_vue_type_script_setup_true_lan
|
|
|
4
4
|
import { _ as i } from "../../BuiCommandGroup.vue_vue_type_script_setup_true_lang-CnfAWZiu.js";
|
|
5
5
|
import { _ as s } from "../../BuiCommandInput.vue_vue_type_script_setup_true_lang-CVmueEJP.js";
|
|
6
6
|
import { _ as f } from "../../BuiCommandItem.vue_vue_type_script_setup_true_lang-FGyKBuJh.js";
|
|
7
|
-
import { _ as B } from "../../BuiCommandList.vue_vue_type_script_setup_true_lang-
|
|
7
|
+
import { _ as B } from "../../BuiCommandList.vue_vue_type_script_setup_true_lang-Bo6ABjX5.js";
|
|
8
8
|
import { _ } from "../../BuiCommandSeparator.vue_vue_type_script_setup_true_lang-D7KwvEq5.js";
|
|
9
9
|
import { _ as S } from "../../BuiCommandShortcut.vue_vue_type_script_setup_true_lang-4IS6QWVb.js";
|
|
10
10
|
export {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { h as B, F as O, g as _, _ as R, j as S } from "../../utils-DhVytAXN.js";
|
|
2
|
-
import { defineComponent as x, inject as z, toRef as A, ref as v, useTemplateRef as X, createElementBlock as w, withDirectives as E, openBlock as
|
|
2
|
+
import { defineComponent as x, inject as z, toRef as A, ref as v, useTemplateRef as X, createElementBlock as w, withDirectives as E, openBlock as d, createBlock as g, createCommentVNode as T, createElementVNode as h, unref as a, normalizeClass as k, isRef as F, vModelText as G, withCtx as y, createVNode as n, vModelDynamic as H, computed as $, mergeProps as D, createTextVNode as K, toDisplayString as L, mergeModels as Y, useModel as q, watch as I, normalizeStyle as M } from "vue";
|
|
3
3
|
import { useVModel as J, useElementBounding as U } from "@vueuse/core";
|
|
4
4
|
import { c as Q, d as P } from "../../colorUtils-BgA4kYw8.js";
|
|
5
5
|
import { BuiBadge as W } from "../badge/index.js";
|
|
@@ -70,7 +70,7 @@ const re = B("palette", [
|
|
|
70
70
|
]), ne = {
|
|
71
71
|
key: 0,
|
|
72
72
|
class: "group relative flex flex-row items-center"
|
|
73
|
-
},
|
|
73
|
+
}, de = ["readonly", "disabled", "placeholder"], ie = ["readonly", "disabled", "placeholder", "type"], C = /* @__PURE__ */ x({
|
|
74
74
|
__name: "BuiInput",
|
|
75
75
|
props: {
|
|
76
76
|
defaultValue: {},
|
|
@@ -83,8 +83,8 @@ const re = B("palette", [
|
|
|
83
83
|
type: {}
|
|
84
84
|
},
|
|
85
85
|
emits: ["update:modelValue"],
|
|
86
|
-
setup(
|
|
87
|
-
const e =
|
|
86
|
+
setup(i, { emit: o }) {
|
|
87
|
+
const e = i, t = J(e, "modelValue", o, {
|
|
88
88
|
passive: !0,
|
|
89
89
|
defaultValue: e.defaultValue
|
|
90
90
|
}), u = z(O, A(!1)), l = v(!1), s = X("searchInput"), c = () => {
|
|
@@ -96,7 +96,7 @@ const re = B("palette", [
|
|
|
96
96
|
}, j = () => {
|
|
97
97
|
s.value && (s.value.focus(), t.value = "");
|
|
98
98
|
};
|
|
99
|
-
return (m, b) => e.type === "search" ? (
|
|
99
|
+
return (m, b) => e.type === "search" ? (d(), w("div", ne, [
|
|
100
100
|
E(h("input", {
|
|
101
101
|
ref_key: "searchInput",
|
|
102
102
|
ref: s,
|
|
@@ -116,13 +116,13 @@ const re = B("palette", [
|
|
|
116
116
|
onFocus: c,
|
|
117
117
|
onBlur: r,
|
|
118
118
|
onKeydown: f
|
|
119
|
-
}, null, 42,
|
|
119
|
+
}, null, 42, de), [
|
|
120
120
|
[G, a(t)]
|
|
121
121
|
]),
|
|
122
|
-
a(t) && a(t).toString().length > 0 ? (
|
|
122
|
+
a(t) && a(t).toString().length > 0 ? (d(), g(R, {
|
|
123
123
|
key: 0,
|
|
124
124
|
variant: "none",
|
|
125
|
-
class: "hover:text-primary text-foreground
|
|
125
|
+
class: "hover:text-primary text-foreground absolute top-2 right-2 h-fit w-fit p-[1px]",
|
|
126
126
|
onClick: j
|
|
127
127
|
}, {
|
|
128
128
|
default: y(() => [
|
|
@@ -133,7 +133,7 @@ const re = B("palette", [
|
|
|
133
133
|
]),
|
|
134
134
|
_: 1
|
|
135
135
|
})) : T("", !0)
|
|
136
|
-
])) : E((
|
|
136
|
+
])) : E((d(), w("input", {
|
|
137
137
|
key: 1,
|
|
138
138
|
"onUpdate:modelValue": b[1] || (b[1] = (V) => F(t) ? t.value = V : null),
|
|
139
139
|
class: k(a(_)(a(N)({ variant: m.variant }), e.class ?? "")),
|
|
@@ -144,7 +144,7 @@ const re = B("palette", [
|
|
|
144
144
|
onFocus: c,
|
|
145
145
|
onBlur: r,
|
|
146
146
|
onKeydown: f
|
|
147
|
-
}, null, 42,
|
|
147
|
+
}, null, 42, ie)), [
|
|
148
148
|
[H, a(t)]
|
|
149
149
|
]);
|
|
150
150
|
}
|
|
@@ -156,13 +156,13 @@ const re = B("palette", [
|
|
|
156
156
|
showPasswordTranslation: {},
|
|
157
157
|
hidePasswordTranslation: {}
|
|
158
158
|
},
|
|
159
|
-
setup(
|
|
160
|
-
const o =
|
|
159
|
+
setup(i) {
|
|
160
|
+
const o = i, e = v(o.defaultValue ?? "password");
|
|
161
161
|
function p() {
|
|
162
162
|
e.value === "password" ? e.value = "text" : e.value = "password";
|
|
163
163
|
}
|
|
164
164
|
const t = $(() => o.showPasswordTranslation ?? "Show password"), u = $(() => o.hidePasswordTranslation ?? "Hide password");
|
|
165
|
-
return (l, s) => (
|
|
165
|
+
return (l, s) => (d(), w("div", ue, [
|
|
166
166
|
n(a(C), D(l.$attrs, {
|
|
167
167
|
type: e.value,
|
|
168
168
|
class: a(_)(l.$attrs.class ?? "", "pr-8")
|
|
@@ -175,10 +175,10 @@ const re = B("palette", [
|
|
|
175
175
|
"aria-pressed": e.value !== "password"
|
|
176
176
|
}, {
|
|
177
177
|
default: y(() => [
|
|
178
|
-
e.value === "password" ? (
|
|
178
|
+
e.value === "password" ? (d(), g(a(se), {
|
|
179
179
|
key: 0,
|
|
180
180
|
class: "pointer-events-none h-4 w-4 shrink-0 cursor-pointer"
|
|
181
|
-
})) : (
|
|
181
|
+
})) : (d(), g(a(oe), {
|
|
182
182
|
key: 1,
|
|
183
183
|
class: "pointer-events-none h-4 w-4 shrink-0 cursor-pointer"
|
|
184
184
|
}))
|
|
@@ -193,13 +193,13 @@ const re = B("palette", [
|
|
|
193
193
|
props: {
|
|
194
194
|
badge: {}
|
|
195
195
|
},
|
|
196
|
-
setup(
|
|
197
|
-
const o =
|
|
198
|
-
return (t, u) => (
|
|
196
|
+
setup(i) {
|
|
197
|
+
const o = i, e = v(null), { width: p } = U(e);
|
|
198
|
+
return (t, u) => (d(), w("div", ce, [
|
|
199
199
|
n(a(C), D(t.$attrs, {
|
|
200
200
|
style: { paddingRight: a(p) + pe + "px" }
|
|
201
201
|
}), null, 16, ["style"]),
|
|
202
|
-
o.badge ? (
|
|
202
|
+
o.badge ? (d(), g(W, {
|
|
203
203
|
key: 0,
|
|
204
204
|
ref_key: "badgeEl",
|
|
205
205
|
ref: e,
|
|
@@ -224,13 +224,13 @@ const re = B("palette", [
|
|
|
224
224
|
modelModifiers: {}
|
|
225
225
|
}),
|
|
226
226
|
emits: ["update:modelValue"],
|
|
227
|
-
setup(
|
|
228
|
-
const o =
|
|
227
|
+
setup(i) {
|
|
228
|
+
const o = i, e = q(i, "modelValue", void 0), p = v(null), { width: t } = U(p), u = () => e.value && P.test(e.value) ? e.value : o.defaultValue && P.test(o.defaultValue) ? o.defaultValue : "#FFFFFF", l = v(u().substring(1)), s = v(u());
|
|
229
229
|
return I(l, () => {
|
|
230
230
|
Q.test(l.value) && (e.value = `#${l.value}`, s.value = `#${l.value}`);
|
|
231
231
|
}), I(s, () => {
|
|
232
232
|
e.value = s.value, l.value = s.value.substring(1);
|
|
233
|
-
}), (c, r) => (
|
|
233
|
+
}), (c, r) => (d(), g(a(Z), null, {
|
|
234
234
|
default: y(() => [
|
|
235
235
|
n(a(ee), null, {
|
|
236
236
|
default: y(() => [
|