vlite3 0.4.4 → 0.4.7
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/components/Accordion/AccordionItem.vue.js +33 -32
- package/components/Accordion/types.d.ts +2 -0
- package/components/Alert.vue.d.ts +2 -0
- package/components/Alert.vue.js +38 -36
- package/components/AvatarUploader/AvatarUploader.vue.d.ts +1 -1
- package/components/AvatarUploader/AvatarUploader.vue.js +25 -24
- package/components/Button.vue.d.ts +1 -1
- package/components/Button.vue.js +37 -35
- package/components/CheckBox.vue.d.ts +1 -0
- package/components/CheckBox.vue.js +40 -40
- package/components/Chip/Chip.vue.js +55 -55
- package/components/Chip/types.d.ts +1 -0
- package/components/ChoiceBox/ChoiceBox.vue.d.ts +5 -0
- package/components/ChoiceBox/ChoiceBox.vue.js +61 -58
- package/components/ColorPicker/ColorPicker.vue.js +3 -2
- package/components/ConfirmationModal.vue.d.ts +4 -2
- package/components/ConfirmationModal.vue.js +48 -33
- package/components/DataList/DataList.vue.d.ts +0 -2
- package/components/DataList/DataList.vue.js +39 -35
- package/components/DataList/types.d.ts +2 -0
- package/components/DataTable/DataTable.vue.d.ts +0 -5
- package/components/DataTable/DataTable.vue.js +177 -158
- package/components/DataTable/DataTableHeader.vue.js +15 -14
- package/components/DataTable/DataTableToolbar.vue.d.ts +1 -1
- package/components/DataTable/DataTableToolbar.vue.js +30 -23
- package/components/DataTable/types.d.ts +4 -0
- package/components/DatePicker.vue.d.ts +1 -0
- package/components/DatePicker.vue.js +32 -25
- package/components/Dropdown/DropdownBooleanItem.vue.js +18 -17
- package/components/Dropdown/DropdownGroupedLayout.vue.js +28 -27
- package/components/Dropdown/DropdownItem.vue.js +24 -23
- package/components/Dropdown/DropdownMenu.vue.js +100 -91
- package/components/Dropdown/composables/useDropdownNavigation.js +24 -23
- package/components/Dropdown/composables/useDropdownSelection.js +19 -17
- package/components/Empty/Empty.vue.d.ts +2 -2
- package/components/Empty/Empty.vue.js +32 -18
- package/components/FilePicker/FilePicker.vue.d.ts +3 -1
- package/components/FilePicker/FilePicker.vue.js +140 -127
- package/components/FileTree/FileTree.vue.js +68 -58
- package/components/FileTree/FileTreeNode.vue.js +35 -34
- package/components/FileTree/types.d.ts +3 -0
- package/components/Form/CustomFields.vue.d.ts +3 -1
- package/components/Form/CustomFields.vue.js +2 -2
- package/components/Form/CustomFields.vue2.js +92 -80
- package/components/Form/Form.vue.d.ts +1 -1
- package/components/Form/FormField.vue.d.ts +1 -1
- package/components/Form/FormField.vue.js +60 -59
- package/components/Form/FormFields.vue.js +2 -2
- package/components/Form/FormFields.vue2.js +58 -57
- package/components/Form/composables/useForm.js +91 -88
- package/components/Form/types.d.ts +4 -0
- package/components/Form/utils/form.utils.js +104 -98
- package/components/GoogleLogin.vue.d.ts +1 -1
- package/components/GoogleLogin.vue.js +39 -32
- package/components/Heatmap/Heatmap.vue2.js +3 -2
- package/components/IconPicker.vue.d.ts +2 -0
- package/components/IconPicker.vue.js +37 -29
- package/components/Input.vue.d.ts +1 -1
- package/components/Input.vue.js +96 -98
- package/components/Kanban/KanbanBoard.vue.js +1 -1
- package/components/Kanban/KanbanBoard.vue2.js +55 -54
- package/components/Kanban/types.d.ts +1 -0
- package/components/Masonry/Masonry.vue2.js +3 -2
- package/components/Modal.vue.d.ts +2 -0
- package/components/Modal.vue.js +62 -57
- package/components/MultiSelect/MultiSelect.vue.d.ts +1 -1
- package/components/MultiSelect/MultiSelect.vue.js +61 -54
- package/components/Navbar/Navbar.vue.js +46 -46
- package/components/Pagination/Pagination.vue.js +116 -97
- package/components/PricingPlan/PricingPlanItem.vue.js +60 -47
- package/components/PricingPlan/types.d.ts +5 -0
- package/components/Screen/Screen.vue.d.ts +0 -4
- package/components/Screen/Screen.vue.js +231 -189
- package/components/Screen/ScreenFilter.vue.js +73 -63
- package/components/Screen/types.d.ts +5 -0
- package/components/SidePanel.vue.d.ts +2 -0
- package/components/SidePanel.vue.js +140 -5
- package/components/SidePanel.vue2.js +2 -135
- package/components/SidebarMenu/SidebarMenuItem.vue.js +131 -130
- package/components/SidebarMenu/types.d.ts +1 -0
- package/components/Slider.vue.d.ts +1 -0
- package/components/Slider.vue.js +71 -69
- package/components/Switch.vue.d.ts +1 -0
- package/components/Switch.vue.js +23 -18
- package/components/Tabes/Tabes.vue.js +20 -19
- package/components/Tabes/types.d.ts +1 -0
- package/components/Textarea.vue.d.ts +1 -0
- package/components/Textarea.vue.js +18 -16
- package/components/ThemeToggle.vue.js +24 -14
- package/components/Timeline.vue.js +68 -82
- package/components/ToastNotification.vue.js +2 -2
- package/components/Tooltip.vue.d.ts +4 -3
- package/components/Tooltip.vue.js +17 -15
- package/components/Workbook/Sheet.vue.js +80 -71
- package/components/Workbook/WorkbookAddButton.vue.js +14 -10
- package/components/Workbook/types.d.ts +1 -0
- package/core/config.d.ts +2 -0
- package/index.d.ts +1 -0
- package/index.js +28 -26
- package/package.json +1 -1
- package/style.css +1 -2
- package/types/button.d.ts +1 -0
- package/types/config.type.d.ts +10 -0
- package/types/form.type.d.ts +2 -0
- package/types/styles.d.ts +3 -0
- package/types/timeline.type.d.ts +2 -0
- package/utils/i18n.d.ts +8 -0
- package/utils/i18n.js +5 -0
- package/utils/index.d.ts +1 -0
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as c, ref as f, computed as g, openBlock as m, createElementBlock as b, renderSlot as v, createVNode as x, normalizeClass as T, unref as p, withCtx as C, createElementVNode as h, toDisplayString as k } from "vue";
|
|
2
2
|
import { useTokenClient as w } from "vue3-google-signin";
|
|
3
|
-
import
|
|
4
|
-
|
|
3
|
+
import y from "./Button.vue.js";
|
|
4
|
+
import { $t as i } from "../utils/i18n.js";
|
|
5
|
+
const z = { class: "google-login-wrapper inline-block w-full" }, L = { class: "font-medium" }, G = /* @__PURE__ */ c({
|
|
5
6
|
__name: "GoogleLogin",
|
|
6
7
|
props: {
|
|
7
|
-
buttonText: {
|
|
8
|
+
buttonText: {},
|
|
9
|
+
buttonTextI18n: {},
|
|
8
10
|
btnClass: {},
|
|
9
11
|
variant: { default: "outline" },
|
|
10
12
|
size: { default: "md" },
|
|
@@ -12,42 +14,47 @@ const x = { class: "google-login-wrapper inline-block w-full" }, y = { class: "f
|
|
|
12
14
|
disabled: { type: Boolean, default: !1 }
|
|
13
15
|
},
|
|
14
16
|
emits: ["success", "error"],
|
|
15
|
-
setup(
|
|
16
|
-
const
|
|
17
|
-
onSuccess: (
|
|
18
|
-
|
|
17
|
+
setup(o, { emit: s }) {
|
|
18
|
+
const n = o, l = s, t = f(!1), { login: r, isReady: u } = w({
|
|
19
|
+
onSuccess: (e) => {
|
|
20
|
+
t.value = !1, l("success", e);
|
|
19
21
|
},
|
|
20
|
-
onError: (
|
|
21
|
-
|
|
22
|
+
onError: (e) => {
|
|
23
|
+
t.value = !1, l("error", e);
|
|
22
24
|
}
|
|
23
|
-
}),
|
|
24
|
-
if (!(
|
|
25
|
-
|
|
25
|
+
}), a = () => {
|
|
26
|
+
if (!(n.disabled || t.value)) {
|
|
27
|
+
t.value = !0;
|
|
26
28
|
try {
|
|
27
|
-
|
|
28
|
-
} catch (
|
|
29
|
-
|
|
29
|
+
r();
|
|
30
|
+
} catch (e) {
|
|
31
|
+
t.value = !1, l("error", e);
|
|
30
32
|
}
|
|
31
33
|
}
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
34
|
+
}, d = g(() => {
|
|
35
|
+
if (n.buttonTextI18n) return i(n.buttonTextI18n);
|
|
36
|
+
if (n.buttonText) return n.buttonText;
|
|
37
|
+
const e = i("vlite.googleLogin.buttonText");
|
|
38
|
+
return e !== "vlite.googleLogin.buttonText" ? e : "Sign in with Google";
|
|
39
|
+
});
|
|
40
|
+
return (e, B) => (m(), b("div", z, [
|
|
41
|
+
v(e.$slots, "default", {
|
|
42
|
+
login: a,
|
|
43
|
+
loading: t.value,
|
|
44
|
+
disabled: o.disabled
|
|
38
45
|
}, () => [
|
|
39
|
-
|
|
40
|
-
variant:
|
|
41
|
-
size:
|
|
42
|
-
rounded:
|
|
43
|
-
disabled: !
|
|
44
|
-
loading:
|
|
45
|
-
class:
|
|
46
|
+
x(y, {
|
|
47
|
+
variant: o.variant,
|
|
48
|
+
size: o.size,
|
|
49
|
+
rounded: o.rounded,
|
|
50
|
+
disabled: !p(u) || o.disabled || t.value,
|
|
51
|
+
loading: t.value,
|
|
52
|
+
class: T([o.btnClass, "w-full"]),
|
|
46
53
|
icon: "flat-color-icons:google",
|
|
47
|
-
onClick:
|
|
54
|
+
onClick: a
|
|
48
55
|
}, {
|
|
49
56
|
default: C(() => [
|
|
50
|
-
h("span",
|
|
57
|
+
h("span", L, k(d.value), 1)
|
|
51
58
|
]),
|
|
52
59
|
_: 1
|
|
53
60
|
}, 8, ["variant", "size", "rounded", "disabled", "loading", "class"])
|
|
@@ -56,5 +63,5 @@ const x = { class: "google-login-wrapper inline-block w-full" }, y = { class: "f
|
|
|
56
63
|
}
|
|
57
64
|
});
|
|
58
65
|
export {
|
|
59
|
-
|
|
66
|
+
G as default
|
|
60
67
|
};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { defineComponent as te, ref as p, computed as c, onMounted as ae, nextTick as U, onUnmounted as le, watch as oe, openBlock as d, createElementBlock as m, normalizeClass as z, createElementVNode as b, normalizeStyle as k, Fragment as E, renderList as W, createBlock as ne, withCtx as se, toDisplayString as j, createCommentVNode as I } from "vue";
|
|
2
2
|
import ie from "../Tooltip.vue.js";
|
|
3
3
|
import { debounce as re } from "../../utils/functions.js";
|
|
4
|
+
import "../../core/config.js";
|
|
4
5
|
const ue = ["onClick", "onMouseenter"], ce = {
|
|
5
6
|
key: 0,
|
|
6
7
|
class: "heatmap-cell-label"
|
|
@@ -10,7 +11,7 @@ const ue = ["onClick", "onMouseenter"], ce = {
|
|
|
10
11
|
}, ve = {
|
|
11
12
|
key: 0,
|
|
12
13
|
class: "heatmap-legend"
|
|
13
|
-
}, me = { class: "heatmap-legend-colors" }, ge = ["title"],
|
|
14
|
+
}, me = { class: "heatmap-legend-colors" }, ge = ["title"], xe = /* @__PURE__ */ te({
|
|
14
15
|
__name: "Heatmap",
|
|
15
16
|
props: {
|
|
16
17
|
data: {},
|
|
@@ -322,5 +323,5 @@ const ue = ["onClick", "onMouseenter"], ce = {
|
|
|
322
323
|
}
|
|
323
324
|
});
|
|
324
325
|
export {
|
|
325
|
-
|
|
326
|
+
xe as default
|
|
326
327
|
};
|
|
@@ -1,23 +1,31 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import
|
|
1
|
+
import { defineComponent as g, ref as v, computed as w, openBlock as k, createBlock as y, unref as a, withCtx as n, renderSlot as c, createVNode as s, mergeProps as P } from "vue";
|
|
2
|
+
import $ from "./Dropdown/Dropdown.vue.js";
|
|
3
3
|
import "@iconify/vue";
|
|
4
|
-
import
|
|
5
|
-
import
|
|
4
|
+
import { $t as d } from "../utils/i18n.js";
|
|
5
|
+
import C from "./Button.vue.js";
|
|
6
|
+
import I from "iconify-icon-picker";
|
|
6
7
|
import "iconify-icon-picker/style.css";
|
|
7
|
-
const
|
|
8
|
+
const z = /* @__PURE__ */ g({
|
|
8
9
|
__name: "IconPicker",
|
|
9
10
|
props: {
|
|
10
11
|
btnProps: {},
|
|
11
12
|
value: { default: "tabler:icons-filled" },
|
|
12
|
-
position: { default: "bottom" }
|
|
13
|
+
position: { default: "bottom" },
|
|
14
|
+
placeholder: {},
|
|
15
|
+
placeholderI18n: {}
|
|
13
16
|
},
|
|
14
17
|
emits: ["onSelect", "onTrigger", "onClose"],
|
|
15
|
-
setup(
|
|
16
|
-
const t =
|
|
18
|
+
setup(o, { emit: u }) {
|
|
19
|
+
const t = o, i = u, m = v(!1), l = () => {
|
|
17
20
|
m.value = !1;
|
|
18
|
-
},
|
|
19
|
-
|
|
20
|
-
},
|
|
21
|
+
}, h = (e, r) => {
|
|
22
|
+
i("onSelect", e, r), l();
|
|
23
|
+
}, p = w(() => {
|
|
24
|
+
if (t.placeholderI18n) return d(t.placeholderI18n);
|
|
25
|
+
if (t.placeholder) return t.placeholder;
|
|
26
|
+
const e = d("vlite.iconPicker.search");
|
|
27
|
+
return e !== "vlite.iconPicker.search" ? e : "Search 1000+ icons...";
|
|
28
|
+
}), f = [
|
|
21
29
|
"ri:alert-line",
|
|
22
30
|
"heroicons:arrow-right",
|
|
23
31
|
"lucide:arrow-left",
|
|
@@ -87,38 +95,38 @@ const O = /* @__PURE__ */ p({
|
|
|
87
95
|
"tabler:ruler-2",
|
|
88
96
|
"material-symbols:download-rounded"
|
|
89
97
|
];
|
|
90
|
-
return (
|
|
98
|
+
return (e, r) => (k(), y(a($), {
|
|
91
99
|
className: "max-h-[392px]! min-w-[250px]",
|
|
92
|
-
onOnClose:
|
|
93
|
-
position:
|
|
100
|
+
onOnClose: r[1] || (r[1] = (b) => i("onClose")),
|
|
101
|
+
position: o.position
|
|
94
102
|
}, {
|
|
95
|
-
trigger:
|
|
96
|
-
|
|
97
|
-
s(
|
|
98
|
-
icon:
|
|
103
|
+
trigger: n(() => [
|
|
104
|
+
c(e.$slots, "default", {}, () => [
|
|
105
|
+
s(C, P({
|
|
106
|
+
icon: o.value,
|
|
99
107
|
rounded: "md",
|
|
100
108
|
variant: "outline",
|
|
101
|
-
...
|
|
109
|
+
...o.btnProps || {}
|
|
102
110
|
}, {
|
|
103
|
-
onClick:
|
|
111
|
+
onClick: r[0] || (r[0] = (b) => i("onTrigger"))
|
|
104
112
|
}), null, 16)
|
|
105
113
|
])
|
|
106
114
|
]),
|
|
107
|
-
menu:
|
|
108
|
-
|
|
109
|
-
s(
|
|
115
|
+
menu: n(() => [
|
|
116
|
+
c(e.$slots, "menu-top", { close: l }),
|
|
117
|
+
s(a(I), {
|
|
110
118
|
id: "icon-picker",
|
|
111
|
-
placeholder:
|
|
119
|
+
placeholder: p.value,
|
|
112
120
|
"items-per-page": 35,
|
|
113
|
-
value:
|
|
114
|
-
onOnSelect:
|
|
115
|
-
defaultIcons:
|
|
116
|
-
}, null, 8, ["value"])
|
|
121
|
+
value: o.value,
|
|
122
|
+
onOnSelect: h,
|
|
123
|
+
defaultIcons: f
|
|
124
|
+
}, null, 8, ["placeholder", "value"])
|
|
117
125
|
]),
|
|
118
126
|
_: 3
|
|
119
127
|
}, 8, ["position"]));
|
|
120
128
|
}
|
|
121
129
|
});
|
|
122
130
|
export {
|
|
123
|
-
|
|
131
|
+
z as default
|
|
124
132
|
};
|
|
@@ -32,8 +32,8 @@ declare const __VLS_component: import('vue').DefineComponent<InputProps, {}, {},
|
|
|
32
32
|
size: InputSize;
|
|
33
33
|
variant: InputVariant;
|
|
34
34
|
modelValue: string | number;
|
|
35
|
-
loading: boolean;
|
|
36
35
|
rounded: InputRounded;
|
|
36
|
+
loading: boolean;
|
|
37
37
|
rows: number;
|
|
38
38
|
showClearButton: boolean;
|
|
39
39
|
autofocus: boolean;
|
package/components/Input.vue.js
CHANGED
|
@@ -1,14 +1,17 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as O, computed as d, useSlots as Q, ref as g, onMounted as X, nextTick as F, openBlock as r, createElementBlock as u, normalizeClass as a, createBlock as k, withCtx as Y, createTextVNode as V, toDisplayString as B, createCommentVNode as c, createElementVNode as j, renderSlot as M, createVNode as p } from "vue";
|
|
2
2
|
import f from "./Icon.vue.js";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
|
|
3
|
+
import Z from "./Label.vue.js";
|
|
4
|
+
import _ from "./Textarea.vue.js";
|
|
5
|
+
import { $t as N } from "../utils/i18n.js";
|
|
6
|
+
const ee = ["type", "value", "placeholder", "disabled", "min", "max"], ne = { class: "absolute right-3 top-1/2 -translate-y-1/2 flex items-center justify-center gap-2 z-20" }, ue = /* @__PURE__ */ O({
|
|
6
7
|
__name: "Input",
|
|
7
8
|
props: {
|
|
8
9
|
modelValue: { default: "" },
|
|
9
10
|
type: { default: "text" },
|
|
10
11
|
label: {},
|
|
12
|
+
labelI18n: {},
|
|
11
13
|
placeholder: {},
|
|
14
|
+
placeholderI18n: {},
|
|
12
15
|
disabled: { type: Boolean, default: !1 },
|
|
13
16
|
loading: { type: Boolean, default: !1 },
|
|
14
17
|
error: {},
|
|
@@ -32,16 +35,16 @@ const Y = ["type", "value", "placeholder", "disabled", "min", "max"], Z = { clas
|
|
|
32
35
|
max: {}
|
|
33
36
|
},
|
|
34
37
|
emits: ["update:modelValue", "focus", "blur", "change", "click:icon", "click:icon-right"],
|
|
35
|
-
setup(n, { emit:
|
|
36
|
-
const e = n, s =
|
|
38
|
+
setup(n, { emit: T }) {
|
|
39
|
+
const e = n, s = T, x = d(() => e.labelI18n ? N(e.labelI18n) : e.label), z = d(() => e.placeholderI18n ? N(e.placeholderI18n) : e.placeholder), m = Q(), y = g(null), b = g(!1), E = d(() => e.type === "password" && b.value ? "text" : e.type), R = d(() => e.modelValue !== "" && e.modelValue !== null && e.modelValue !== void 0), v = d(() => !!e.addonLeft || !!m["addon-left"]), h = d(() => !!e.addonRight || !!m["addon-right"]), D = d(() => [
|
|
37
40
|
"relative w-full",
|
|
38
41
|
e.class,
|
|
39
42
|
e.labelPosition === "left" ? "flex items-center gap-4" : "",
|
|
40
43
|
e.labelPosition === "right" ? "flex flex-row-reverse items-center gap-4" : "space-y-2"
|
|
41
|
-
].join(" ")),
|
|
44
|
+
].join(" ")), H = d(() => ["relative flex w-full items-stretch", e.labelPosition !== "top" ? "flex-1" : ""].join(
|
|
42
45
|
" "
|
|
43
|
-
)),
|
|
44
|
-
const
|
|
46
|
+
)), $ = d(() => {
|
|
47
|
+
const o = "block w-full bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground/50 disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline-none relative focus:z-10", l = {
|
|
45
48
|
solid: "bg-muted border-transparent focus-visible:border-primary",
|
|
46
49
|
outline: "border border-input focus-visible:border-primary",
|
|
47
50
|
"outline-b": "border-b border-input bg-transparent rounded-none focus-visible:border-primary",
|
|
@@ -51,7 +54,7 @@ const Y = ["type", "value", "placeholder", "disabled", "min", "max"], Z = { clas
|
|
|
51
54
|
md: "h-9 text-sm",
|
|
52
55
|
lg: "h-10 text-base"
|
|
53
56
|
};
|
|
54
|
-
let
|
|
57
|
+
let t = {
|
|
55
58
|
none: "rounded-none",
|
|
56
59
|
sm: "rounded-sm",
|
|
57
60
|
md: "rounded-md",
|
|
@@ -60,41 +63,36 @@ const Y = ["type", "value", "placeholder", "disabled", "min", "max"], Z = { clas
|
|
|
60
63
|
"2xl": "rounded-2xl",
|
|
61
64
|
full: "rounded-full"
|
|
62
65
|
}[e.rounded];
|
|
63
|
-
|
|
64
|
-
const
|
|
66
|
+
v.value && (e.rounded === "md" ? t = "rounded-r-md rounded-l-none" : e.rounded === "sm" ? t = "rounded-r-sm rounded-l-none" : e.rounded === "lg" ? t = "rounded-r-lg rounded-l-none" : e.rounded === "full" ? t = "rounded-r-full rounded-l-none" : e.rounded !== "none" && (t = t.replace("rounded-", "rounded-r-").replace("rounded-l-", ""))), h.value && (v.value ? t = "rounded-none" : e.rounded === "md" ? t = "rounded-l-md rounded-r-none" : e.rounded === "sm" ? t = "rounded-l-sm rounded-r-none" : e.rounded === "lg" ? t = "rounded-l-lg rounded-r-none" : e.rounded === "full" ? t = "rounded-l-full rounded-r-none" : e.rounded !== "none" && (t = t.replace("rounded-", "rounded-l-").replace("rounded-r-", ""))), e.variant === "outline-b" && (t = "rounded-none");
|
|
67
|
+
const A = e.variant === "outline-b" || e.variant === "transparent";
|
|
65
68
|
return [
|
|
66
|
-
|
|
67
|
-
|
|
69
|
+
o,
|
|
70
|
+
l[e.variant],
|
|
68
71
|
i[e.size],
|
|
69
|
-
|
|
72
|
+
t,
|
|
70
73
|
e.error ? "border-destructive focus-visible:ring-destructive" : "",
|
|
71
|
-
e.icon ? "pl-9" :
|
|
72
|
-
e.showClearButton &&
|
|
74
|
+
e.icon ? "pl-9" : A && !v.value ? "pl-0" : "",
|
|
75
|
+
e.showClearButton && R.value || e.type === "password" || e.loading || e.iconRight ? "pr-9" : A && !h.value ? "pr-0" : "",
|
|
73
76
|
e.inputClass
|
|
74
77
|
].join(" ");
|
|
75
|
-
}),
|
|
78
|
+
}), I = {
|
|
76
79
|
sm: "text-xs",
|
|
77
80
|
md: "text-sm",
|
|
78
81
|
lg: "text-base"
|
|
79
|
-
},
|
|
80
|
-
const
|
|
82
|
+
}, L = (o) => {
|
|
83
|
+
const l = o === "left";
|
|
81
84
|
return [
|
|
82
|
-
// Ensure height matches
|
|
83
85
|
"[&_button]:w-full [&_a]:w-full! [&_.v-btn]:w-full! [&_.tooltip-trigger]:w-full",
|
|
84
|
-
|
|
85
|
-
o ? "[&_button]:rounded-r-none [&_a]:rounded-r-none [&_.v-btn]:rounded-r-none" : "[&_button]:rounded-l-none [&_a]:rounded-l-none [&_.v-btn]:rounded-l-none",
|
|
86
|
-
// Ensure focus ring appears on top
|
|
86
|
+
l ? "[&_button]:rounded-r-none [&_a]:rounded-r-none [&_.v-btn]:rounded-r-none" : "[&_button]:rounded-l-none [&_a]:rounded-l-none [&_.v-btn]:rounded-l-none",
|
|
87
87
|
"[&_button]:relative [&_button]:focus:z-20",
|
|
88
|
-
|
|
89
|
-
o ? "-mr-px" : "-ml-px",
|
|
88
|
+
l ? "-mr-px" : "-ml-px",
|
|
90
89
|
"z-10"
|
|
91
|
-
// Ensure addons sit visually above input border if needed
|
|
92
90
|
].join(" ");
|
|
93
|
-
},
|
|
94
|
-
const
|
|
91
|
+
}, U = d(() => {
|
|
92
|
+
const o = !!m["addon-left"];
|
|
95
93
|
return [
|
|
96
94
|
"flex items-center justify-center whitespace-nowrap",
|
|
97
|
-
|
|
95
|
+
o ? `border-none ${L("left")}` : `bg-muted border border-input border-r-0! px-3 text-muted-foreground ${{
|
|
98
96
|
sm: "rounded-l-sm",
|
|
99
97
|
md: "rounded-l-md",
|
|
100
98
|
lg: "rounded-l-lg",
|
|
@@ -103,15 +101,15 @@ const Y = ["type", "value", "placeholder", "disabled", "min", "max"], Z = { clas
|
|
|
103
101
|
xl: "rounded-l-xl",
|
|
104
102
|
"2xl": "rounded-l-2xl"
|
|
105
103
|
}[e.rounded] || "rounded-l-md"}`,
|
|
106
|
-
|
|
104
|
+
o ? "" : I[e.size],
|
|
107
105
|
e.addonLeftClass,
|
|
108
106
|
e.disabled ? "opacity-50 cursor-not-allowed" : ""
|
|
109
107
|
].join(" ");
|
|
110
|
-
}),
|
|
111
|
-
const
|
|
108
|
+
}), W = d(() => {
|
|
109
|
+
const o = !!m["addon-right"];
|
|
112
110
|
return [
|
|
113
111
|
"flex items-center justify-center whitespace-nowrap",
|
|
114
|
-
|
|
112
|
+
o ? `border-none ${L("right")}` : `bg-muted border border-input border-l-0! px-3 text-muted-foreground ${{
|
|
115
113
|
sm: "rounded-r-sm",
|
|
116
114
|
md: "rounded-r-md",
|
|
117
115
|
lg: "rounded-r-lg",
|
|
@@ -120,87 +118,87 @@ const Y = ["type", "value", "placeholder", "disabled", "min", "max"], Z = { clas
|
|
|
120
118
|
xl: "rounded-r-xl",
|
|
121
119
|
"2xl": "rounded-r-2xl"
|
|
122
120
|
}[e.rounded] || "rounded-r-md"}`,
|
|
123
|
-
|
|
121
|
+
o ? "" : I[e.size],
|
|
124
122
|
e.addonRightClass,
|
|
125
123
|
e.disabled ? "opacity-50 cursor-not-allowed" : ""
|
|
126
124
|
].join(" ");
|
|
127
|
-
}),
|
|
128
|
-
const
|
|
129
|
-
s("update:modelValue",
|
|
130
|
-
},
|
|
131
|
-
const
|
|
132
|
-
s("change",
|
|
133
|
-
},
|
|
125
|
+
}), q = (o) => {
|
|
126
|
+
const l = o.target;
|
|
127
|
+
s("update:modelValue", l.value);
|
|
128
|
+
}, G = (o) => {
|
|
129
|
+
const l = o.target;
|
|
130
|
+
s("change", l.value);
|
|
131
|
+
}, J = () => {
|
|
134
132
|
b.value = !b.value;
|
|
135
|
-
},
|
|
136
|
-
s("update:modelValue", ""),
|
|
133
|
+
}, K = () => {
|
|
134
|
+
s("update:modelValue", ""), F(() => {
|
|
137
135
|
y.value?.focus();
|
|
138
136
|
});
|
|
139
|
-
},
|
|
140
|
-
|
|
141
|
-
},
|
|
142
|
-
|
|
137
|
+
}, w = g(!1), C = g(!1), P = (o) => {
|
|
138
|
+
w.value = !0, s("focus", o);
|
|
139
|
+
}, S = (o) => {
|
|
140
|
+
w.value = !1, s("blur", o);
|
|
143
141
|
};
|
|
144
|
-
return
|
|
145
|
-
e.autofocus &&
|
|
142
|
+
return X(() => {
|
|
143
|
+
e.autofocus && F(() => {
|
|
146
144
|
y.value?.focus();
|
|
147
145
|
});
|
|
148
|
-
}), (
|
|
149
|
-
class: a(
|
|
146
|
+
}), (o, l) => (r(), u("div", {
|
|
147
|
+
class: a(D.value)
|
|
150
148
|
}, [
|
|
151
|
-
|
|
149
|
+
x.value ? (r(), k(Z, {
|
|
152
150
|
key: 0,
|
|
153
|
-
for:
|
|
151
|
+
for: x.value,
|
|
154
152
|
class: a(["mb-1.5", n.labelPosition !== "top" ? "mb-0" : ""].join(" "))
|
|
155
153
|
}, {
|
|
156
|
-
default:
|
|
157
|
-
|
|
154
|
+
default: Y(() => [
|
|
155
|
+
V(B(x.value), 1)
|
|
158
156
|
]),
|
|
159
157
|
_: 1
|
|
160
158
|
}, 8, ["for", "class"])) : c("", !0),
|
|
161
|
-
|
|
162
|
-
class: a(
|
|
159
|
+
j("div", {
|
|
160
|
+
class: a(H.value)
|
|
163
161
|
}, [
|
|
164
|
-
|
|
162
|
+
v.value ? (r(), u("div", {
|
|
165
163
|
key: 0,
|
|
166
|
-
class: a(
|
|
164
|
+
class: a(U.value)
|
|
167
165
|
}, [
|
|
168
|
-
|
|
169
|
-
|
|
166
|
+
M(o.$slots, "addon-left", {}, () => [
|
|
167
|
+
V(B(n.addonLeft), 1)
|
|
170
168
|
])
|
|
171
169
|
], 2)) : c("", !0),
|
|
172
|
-
|
|
170
|
+
j("div", {
|
|
173
171
|
class: "relative w-full",
|
|
174
|
-
onMouseenter:
|
|
175
|
-
onMouseleave:
|
|
172
|
+
onMouseenter: l[2] || (l[2] = (i) => C.value = !0),
|
|
173
|
+
onMouseleave: l[3] || (l[3] = (i) => C.value = !1)
|
|
176
174
|
}, [
|
|
177
|
-
n.type === "textarea" ? (
|
|
175
|
+
n.type === "textarea" ? (r(), k(_, {
|
|
178
176
|
key: 0,
|
|
179
177
|
"model-value": String(n.modelValue),
|
|
180
|
-
placeholder:
|
|
178
|
+
placeholder: z.value,
|
|
181
179
|
disabled: n.disabled,
|
|
182
180
|
rows: n.rows,
|
|
183
|
-
class: a(
|
|
184
|
-
"onUpdate:modelValue":
|
|
185
|
-
onBlur:
|
|
186
|
-
onFocus:
|
|
187
|
-
}, null, 8, ["model-value", "placeholder", "disabled", "rows", "class"])) : (
|
|
181
|
+
class: a($.value),
|
|
182
|
+
"onUpdate:modelValue": l[0] || (l[0] = (i) => s("update:modelValue", i)),
|
|
183
|
+
onBlur: S,
|
|
184
|
+
onFocus: P
|
|
185
|
+
}, null, 8, ["model-value", "placeholder", "disabled", "rows", "class"])) : (r(), u("input", {
|
|
188
186
|
key: 1,
|
|
189
187
|
ref_key: "inputRef",
|
|
190
188
|
ref: y,
|
|
191
|
-
type:
|
|
189
|
+
type: E.value,
|
|
192
190
|
value: n.modelValue,
|
|
193
|
-
placeholder:
|
|
191
|
+
placeholder: z.value,
|
|
194
192
|
disabled: n.disabled,
|
|
195
193
|
min: n.min,
|
|
196
194
|
max: n.max,
|
|
197
|
-
class: a(
|
|
198
|
-
onInput:
|
|
199
|
-
onChange:
|
|
200
|
-
onBlur:
|
|
201
|
-
onFocus:
|
|
202
|
-
}, null, 42,
|
|
203
|
-
n.icon ? (
|
|
195
|
+
class: a($.value),
|
|
196
|
+
onInput: q,
|
|
197
|
+
onChange: G,
|
|
198
|
+
onBlur: S,
|
|
199
|
+
onFocus: P
|
|
200
|
+
}, null, 42, ee)),
|
|
201
|
+
n.icon ? (r(), u("div", {
|
|
204
202
|
key: 2,
|
|
205
203
|
tabindex: "-1",
|
|
206
204
|
class: a([
|
|
@@ -208,62 +206,62 @@ const Y = ["type", "value", "placeholder", "disabled", "min", "max"], Z = { clas
|
|
|
208
206
|
n.disabled ? "opacity-50" : ""
|
|
209
207
|
])
|
|
210
208
|
}, [
|
|
211
|
-
|
|
209
|
+
p(f, {
|
|
212
210
|
icon: n.icon,
|
|
213
211
|
class: "h-4 w-4"
|
|
214
212
|
}, null, 8, ["icon"])
|
|
215
213
|
], 2)) : c("", !0),
|
|
216
|
-
|
|
217
|
-
n.loading ? (
|
|
214
|
+
j("div", ne, [
|
|
215
|
+
n.loading ? (r(), k(f, {
|
|
218
216
|
key: 0,
|
|
219
217
|
icon: "lucide:loader-2",
|
|
220
218
|
class: "h-4 w-4 animate-spin text-muted-foreground"
|
|
221
|
-
})) : n.iconRight ? (
|
|
219
|
+
})) : n.iconRight ? (r(), u("div", {
|
|
222
220
|
key: 1,
|
|
223
221
|
tabindex: "-1",
|
|
224
222
|
class: a([
|
|
225
223
|
"flex items-center justify-center text-muted-foreground",
|
|
226
224
|
n.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:text-foreground"
|
|
227
225
|
]),
|
|
228
|
-
onClick:
|
|
226
|
+
onClick: l[1] || (l[1] = (i) => !n.disabled && s("click:icon-right", i))
|
|
229
227
|
}, [
|
|
230
|
-
|
|
228
|
+
p(f, {
|
|
231
229
|
icon: n.iconRight,
|
|
232
230
|
class: "h-4 w-4"
|
|
233
231
|
}, null, 8, ["icon"])
|
|
234
232
|
], 2)) : c("", !0),
|
|
235
|
-
n.type === "password" && !n.disabled ? (
|
|
233
|
+
n.type === "password" && !n.disabled ? (r(), u("button", {
|
|
236
234
|
key: 2,
|
|
237
235
|
type: "button",
|
|
238
236
|
tabindex: "-1",
|
|
239
237
|
class: "flex items-center justify-center text-muted-foreground hover:text-foreground focus:outline-none",
|
|
240
|
-
onClick:
|
|
238
|
+
onClick: J
|
|
241
239
|
}, [
|
|
242
|
-
|
|
240
|
+
p(f, {
|
|
243
241
|
icon: b.value ? "lucide:eye-off" : "lucide:eye",
|
|
244
242
|
class: "h-4 w-4"
|
|
245
243
|
}, null, 8, ["icon"])
|
|
246
244
|
])) : c("", !0),
|
|
247
|
-
n.showClearButton &&
|
|
245
|
+
n.showClearButton && R.value && !n.disabled && !n.loading && n.type !== "textarea" && n.type !== "password" && (w.value || C.value) ? (r(), u("button", {
|
|
248
246
|
key: 3,
|
|
249
247
|
type: "button",
|
|
250
248
|
tabindex: "-1",
|
|
251
249
|
class: "flex items-center justify-center text-muted-foreground hover:text-foreground focus:outline-none transition-opacity duration-200",
|
|
252
|
-
onClick:
|
|
250
|
+
onClick: K
|
|
253
251
|
}, [
|
|
254
|
-
|
|
252
|
+
p(f, {
|
|
255
253
|
icon: "lucide:x-circle",
|
|
256
254
|
class: "h-4 w-4"
|
|
257
255
|
})
|
|
258
256
|
])) : c("", !0)
|
|
259
257
|
])
|
|
260
258
|
], 32),
|
|
261
|
-
|
|
259
|
+
h.value ? (r(), u("div", {
|
|
262
260
|
key: 1,
|
|
263
|
-
class: a(
|
|
261
|
+
class: a(W.value)
|
|
264
262
|
}, [
|
|
265
|
-
|
|
266
|
-
|
|
263
|
+
M(o.$slots, "addon-right", {}, () => [
|
|
264
|
+
V(B(n.addonRight), 1)
|
|
267
265
|
])
|
|
268
266
|
], 2)) : c("", !0)
|
|
269
267
|
], 2)
|
|
@@ -271,5 +269,5 @@ const Y = ["type", "value", "placeholder", "disabled", "min", "max"], Z = { clas
|
|
|
271
269
|
}
|
|
272
270
|
});
|
|
273
271
|
export {
|
|
274
|
-
|
|
272
|
+
ue as default
|
|
275
273
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./KanbanBoard.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import a from "../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const p = /* @__PURE__ */ a(o, [["__scopeId", "data-v-
|
|
4
|
+
const p = /* @__PURE__ */ a(o, [["__scopeId", "data-v-3849c10a"]]);
|
|
5
5
|
export {
|
|
6
6
|
p as default
|
|
7
7
|
};
|