vlite3 1.3.10 → 1.3.11
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/AsyncSelect/createAsyncSelect.d.ts +44 -3
- package/components/AsyncSelect/createAsyncSelect.js +107 -76
- package/components/CategoryManager/CategoryManager.vue2.js +1 -1
- package/components/ColorPicker/ColorIro.vue3.js +2 -2
- package/components/ColorPicker/ColorPicker.vue.js +2 -2
- package/components/CommandPalette/CommandPaletteContent.vue2.js +1 -1
- package/components/CommandPalette/{CommandPaletteItem.vue2.js → CommandPaletteItem.vue.js} +1 -1
- package/components/Dropdown/DropdownBooleanItem.vue.js +6 -6
- package/components/Dropdown/DropdownItem.vue.js +17 -17
- package/components/Dropdown/DropdownMenu.vue.js +2 -2
- package/components/Dropdown/{DropdownMenu.vue3.js → DropdownMenu.vue2.js} +23 -23
- package/components/Form/Form.vue.d.ts +5 -5
- package/components/Form/Form.vue.js +2 -2
- package/components/Form/Form.vue2.js +263 -239
- package/components/Form/composables/useForm.js +57 -56
- package/components/Form/types.d.ts +12 -4
- package/components/NavbarCommandPalette.vue.js +1 -1
- package/components/NumberInput.vue.js +1 -1
- package/components/NumberInput.vue2.js +47 -45
- package/components/Screen/ScreenFilter.vue.js +1 -1
- package/components/Tabes/Tabes.vue.js +2 -2
- package/components/Tabes/Tabes.vue2.js +73 -71
- package/package.json +1 -1
- package/style.css +37 -1
- /package/components/ColorPicker/{ColorIro.vue2.js → ColorIro.vue.js} +0 -0
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { defineComponent as ee, ref as j, computed as g, watch as T, onMounted as te, onBeforeUnmount as le, openBlock as o, createElementBlock as
|
|
1
|
+
import { defineComponent as ee, ref as j, computed as g, watch as T, onMounted as te, onBeforeUnmount as le, openBlock as o, createElementBlock as d, createVNode as O, createCommentVNode as f, renderSlot as k, unref as r, normalizeStyle as se, normalizeClass as E, createElementVNode as w, toDisplayString as N, createBlock as h, Fragment as P, renderList as oe, withCtx as V, createSlots as ne, mergeProps as re, nextTick as ae } from "vue";
|
|
2
2
|
import p from "../Icon.vue.js";
|
|
3
3
|
import ie from "../Input.vue.js";
|
|
4
4
|
/* empty css */
|
|
5
|
-
import
|
|
6
|
-
import
|
|
5
|
+
import de from "./DropdownItem.vue.js";
|
|
6
|
+
import ce from "./DropdownBooleanItem.vue.js";
|
|
7
7
|
import ue from "./DropdownGroupedLayout.vue.js";
|
|
8
8
|
import { useDropdownNavigation as fe } from "./composables/useDropdownNavigation.js";
|
|
9
9
|
import { useDropdownIds as me } from "./composables/useDropdownIds.js";
|
|
@@ -105,13 +105,13 @@ const ve = ["dir"], ye = {
|
|
|
105
105
|
}, Q = (e, s) => {
|
|
106
106
|
let l = s.value;
|
|
107
107
|
e.key && (l = { [e.key]: l });
|
|
108
|
-
const n = s.option,
|
|
108
|
+
const n = s.option, c = n?._path || [n?._originalOption || n].filter(Boolean), Z = {
|
|
109
109
|
label: e.label,
|
|
110
110
|
value: l,
|
|
111
111
|
data: s.data,
|
|
112
112
|
key: e.key,
|
|
113
113
|
_originalOption: n?._originalOption || n,
|
|
114
|
-
_path: [e, ...
|
|
114
|
+
_path: [e, ...c]
|
|
115
115
|
};
|
|
116
116
|
m("select", Z);
|
|
117
117
|
}, W = async () => {
|
|
@@ -130,11 +130,11 @@ const ve = ["dir"], ye = {
|
|
|
130
130
|
window.removeEventListener("keydown", C), v && clearTimeout(v), i.value && t.remote && m("search", "");
|
|
131
131
|
});
|
|
132
132
|
const X = (e) => e.labelI18n ? $(e.labelI18n) : e.label, Y = (e) => e.showChevron !== !1;
|
|
133
|
-
return (e, s) => (o(),
|
|
133
|
+
return (e, s) => (o(), d("div", {
|
|
134
134
|
class: "dropdown-menu w-full flex flex-col",
|
|
135
135
|
dir: a.direction
|
|
136
136
|
}, [
|
|
137
|
-
B.value ? (o(),
|
|
137
|
+
B.value ? (o(), d("div", ye, [
|
|
138
138
|
O(ie, {
|
|
139
139
|
modelValue: i.value,
|
|
140
140
|
"onUpdate:modelValue": s[0] || (s[0] = (l) => i.value = l),
|
|
@@ -150,10 +150,10 @@ const ve = ["dir"], ye = {
|
|
|
150
150
|
"data-testid": "dropdown-search-input"
|
|
151
151
|
}, null, 8, ["modelValue", "placeholder"])
|
|
152
152
|
])) : f("", !0),
|
|
153
|
-
e.$slots.header ? (o(),
|
|
153
|
+
e.$slots.header ? (o(), d("div", ge, [
|
|
154
154
|
k(e.$slots, "header", {}, void 0, !0)
|
|
155
155
|
])) : f("", !0),
|
|
156
|
-
u.value.length > 0 || y.value.length === 0 ? (o(),
|
|
156
|
+
u.value.length > 0 || y.value.length === 0 ? (o(), d("div", {
|
|
157
157
|
key: 2,
|
|
158
158
|
ref_key: "containerRef",
|
|
159
159
|
ref: _,
|
|
@@ -168,7 +168,7 @@ const ve = ["dir"], ye = {
|
|
|
168
168
|
(...l) => r(I) && r(I)(...l)),
|
|
169
169
|
onScroll: A
|
|
170
170
|
}, [
|
|
171
|
-
!a.isCustomSlotMenu && y.value.length === 0 && !a.loading && !(u.value.length === 0 && e.$slots.menu) ? (o(),
|
|
171
|
+
!a.isCustomSlotMenu && y.value.length === 0 && !a.loading && !(u.value.length === 0 && e.$slots.menu) ? (o(), d("div", ke, [
|
|
172
172
|
O(p, {
|
|
173
173
|
icon: "lucide:inbox",
|
|
174
174
|
class: "w-8 h-8 mb-2 opacity-70"
|
|
@@ -182,14 +182,14 @@ const ve = ["dir"], ye = {
|
|
|
182
182
|
selectable: a.selectable,
|
|
183
183
|
columns: a.columns,
|
|
184
184
|
onSelect: x
|
|
185
|
-
}, null, 8, ["options", "selected", "selectable", "columns"])) : (o(!0),
|
|
186
|
-
l.label === "---" ? (o(),
|
|
185
|
+
}, null, 8, ["options", "selected", "selectable", "columns"])) : (o(!0), d(P, { key: 2 }, oe(y.value, (l, n) => (o(), d(P, { key: n }, [
|
|
186
|
+
l.label === "---" ? (o(), d("div", we)) : l.data?.isBoolean ? (o(), h(ce, {
|
|
187
187
|
key: 1,
|
|
188
188
|
option: l,
|
|
189
189
|
value: G(l),
|
|
190
190
|
focused: r(M) && r(b) === n,
|
|
191
191
|
onChange: J,
|
|
192
|
-
onMouseenter: (
|
|
192
|
+
onMouseenter: (c) => r(S)(n)
|
|
193
193
|
}, null, 8, ["option", "value", "focused", "onMouseenter"])) : l.children && l.children.length > 0 ? (o(), h(he, {
|
|
194
194
|
key: 2,
|
|
195
195
|
"is-nested": !0,
|
|
@@ -204,18 +204,18 @@ const ve = ["dir"], ye = {
|
|
|
204
204
|
selectable: t.selectable,
|
|
205
205
|
ignoreClickOutside: r(H)(l.children),
|
|
206
206
|
direction: a.direction,
|
|
207
|
-
onOnSelect: (
|
|
207
|
+
onOnSelect: (c) => Q(l, c)
|
|
208
208
|
}, {
|
|
209
209
|
trigger: V(() => [
|
|
210
210
|
w("div", {
|
|
211
211
|
tabindex: 0,
|
|
212
212
|
"data-dropdown-item": "",
|
|
213
|
-
class: E(["relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm font-medium outline-none transition-colors justify-between w-full focus-visible:bg-accent focus-visible:text-accent-foreground
|
|
213
|
+
class: E(["relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm font-medium outline-none transition-colors justify-between w-full focus-visible:bg-accent focus-visible:text-accent-foreground", [
|
|
214
214
|
r(M) && r(b) === n ? "bg-accent text-accent-foreground" : "hover:bg-accent hover:text-accent-foreground",
|
|
215
215
|
l.disabled ? "opacity-50 cursor-not-allowed" : "",
|
|
216
216
|
l.triggerClass || l.class || ""
|
|
217
217
|
]]),
|
|
218
|
-
onMouseenter: (
|
|
218
|
+
onMouseenter: (c) => r(S)(n)
|
|
219
219
|
}, [
|
|
220
220
|
w("div", xe, [
|
|
221
221
|
l.icon || l.emoji ? (o(), h(p, {
|
|
@@ -234,26 +234,26 @@ const ve = ["dir"], ye = {
|
|
|
234
234
|
], 42, pe)
|
|
235
235
|
]),
|
|
236
236
|
_: 2
|
|
237
|
-
}, 1032, ["position", "offset", "options", "selected", "menuId", "nestedPosition", "nestedOffset", "selectable", "ignoreClickOutside", "direction", "onOnSelect"])) : (o(), h(
|
|
237
|
+
}, 1032, ["position", "offset", "options", "selected", "menuId", "nestedPosition", "nestedOffset", "selectable", "ignoreClickOutside", "direction", "onOnSelect"])) : (o(), h(de, {
|
|
238
238
|
key: 3,
|
|
239
239
|
option: l,
|
|
240
240
|
index: n,
|
|
241
241
|
selected: q(l),
|
|
242
242
|
focused: r(M) && r(b) === n,
|
|
243
243
|
selectable: a.selectable,
|
|
244
|
-
onClick: (
|
|
245
|
-
onMouseenter: (
|
|
244
|
+
onClick: (c) => x(l),
|
|
245
|
+
onMouseenter: (c) => r(S)(n)
|
|
246
246
|
}, ne({ _: 2 }, [
|
|
247
247
|
e.$slots.item ? {
|
|
248
248
|
name: "default",
|
|
249
|
-
fn: V((
|
|
250
|
-
k(e.$slots, "item", re({ ref_for: !0 },
|
|
249
|
+
fn: V((c) => [
|
|
250
|
+
k(e.$slots, "item", re({ ref_for: !0 }, c), void 0, !0)
|
|
251
251
|
]),
|
|
252
252
|
key: "0"
|
|
253
253
|
} : void 0
|
|
254
254
|
]), 1032, ["option", "index", "selected", "focused", "selectable", "onClick", "onMouseenter"]))
|
|
255
255
|
], 64))), 128)),
|
|
256
|
-
a.loading ? (o(),
|
|
256
|
+
a.loading ? (o(), d("div", Se, [
|
|
257
257
|
O(p, {
|
|
258
258
|
icon: "lucide:loader-2",
|
|
259
259
|
class: "w-4 h-4 animate-spin text-muted-foreground"
|
|
@@ -261,7 +261,7 @@ const ve = ["dir"], ye = {
|
|
|
261
261
|
])) : f("", !0),
|
|
262
262
|
k(e.$slots, "menu", {}, void 0, !0)
|
|
263
263
|
], 46, be)) : f("", !0),
|
|
264
|
-
e.$slots.footer ? (o(),
|
|
264
|
+
e.$slots.footer ? (o(), d("div", Oe, [
|
|
265
265
|
k(e.$slots, "footer", {}, void 0, !0)
|
|
266
266
|
])) : f("", !0)
|
|
267
267
|
], 8, ve));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { IForm, IFormStep, IFormSubmitPayload } from './types';
|
|
1
|
+
import { IForm, IFormStep, IFormSubmitPayload, IFormGroupsHeadings } from './types';
|
|
2
2
|
import { InputVariant, InputSize, InputRounded, TimelineTextPosition, ButtonProps } from '../../types';
|
|
3
3
|
interface Props {
|
|
4
4
|
schema: IForm[] | IForm[][];
|
|
@@ -9,8 +9,8 @@ interface Props {
|
|
|
9
9
|
loading?: boolean;
|
|
10
10
|
schemaLoading?: boolean;
|
|
11
11
|
footer?: boolean;
|
|
12
|
-
groupsHeadings?:
|
|
13
|
-
groupHeadingsDescription?:
|
|
12
|
+
groupsHeadings?: IFormGroupsHeadings;
|
|
13
|
+
groupHeadingsDescription?: IFormGroupsHeadings;
|
|
14
14
|
tabs?: IFormStep[];
|
|
15
15
|
submitText?: string;
|
|
16
16
|
submitProps?: ButtonProps;
|
|
@@ -96,8 +96,8 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {
|
|
|
96
96
|
footerClass: string;
|
|
97
97
|
cancelText: string;
|
|
98
98
|
schemaLoading: boolean;
|
|
99
|
-
groupsHeadings:
|
|
100
|
-
groupHeadingsDescription:
|
|
99
|
+
groupsHeadings: IFormGroupsHeadings;
|
|
100
|
+
groupHeadingsDescription: IFormGroupsHeadings;
|
|
101
101
|
submitText: string;
|
|
102
102
|
showCancel: boolean;
|
|
103
103
|
groupClass: string;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./Form.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import r from "../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const
|
|
4
|
+
const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-1f8a19cd"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
f as default
|
|
7
7
|
};
|