@getblock/core 0.0.81 → 0.0.83
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/getblock-core.es.ts +258 -258
- package/dist/getblock-core.umd.ts +1 -1
- package/package.json +1 -1
package/dist/getblock-core.es.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { defineComponent as L, computed as b, openBlock as i, createElementBlock as _, normalizeClass as a, unref as o, renderSlot as
|
|
2
|
-
const
|
|
3
|
-
button:
|
|
4
|
-
buttonAccent:
|
|
1
|
+
import { defineComponent as L, computed as b, openBlock as i, createElementBlock as _, normalizeClass as a, unref as o, renderSlot as y, ref as m, useSlots as ge, createCommentVNode as x, createElementVNode as p, createBlock as V, withDirectives as Q, isRef as ye, vModelDynamic as Be, createVNode as U, vShow as ie, onMounted as fe, watch as ke, resolveDirective as Te, Fragment as W, toDisplayString as A, renderList as oe, withModifiers as be, onBeforeUnmount as Le, Teleport as Ie, normalizeStyle as xe, nextTick as De, vModelText as Ce, createTextVNode as $e, withCtx as ze, onUnmounted as Oe, useCssVars as He } from "vue";
|
|
2
|
+
const Ae = "_getblock_ui_button_1pp63_1", Ne = "_getblock_ui_buttonAccent_1pp63_7", Me = "_getblock_ui_buttonTint_1pp63_8", Ee = "_getblock_ui_buttonPrimary_1pp63_9", Fe = "_getblock_ui_buttonSecondary_1pp63_10", Re = "_getblock_ui_buttonOutline_1pp63_11", Ve = "_getblock_ui_buttonTransparent_1pp63_12", je = "_getblock_ui_buttonDestructiveAccent_1pp63_13", We = "_getblock_ui_buttonDestructiveTint_1pp63_14", Ge = "_getblock_ui_buttonDestructiveSecondary_1pp63_15", Ue = "_getblock_ui_buttonDestructiveOutline_1pp63_16", Pe = "_getblock_ui_buttonDestructiveTransparent_1pp63_17", Ye = "dark", qe = "_getblock_ui_buttonLarge_1pp63_42", Xe = "_getblock_ui_buttonMedium_1pp63_46", Ke = "_getblock_ui_buttonSmall_1pp63_50", Je = "_getblock_ui_buttonBase_1pp63_57", Qe = "_getblock_ui_buttonAttention_1pp63_91", Ze = "_getblock_ui_buttonViolet_1pp63_96", et = "_getblock_ui_buttonSpecial_1pp63_101", tt = "_getblock_ui_buttonPinkGradient_1pp63_107", ot = "_getblock_ui_buttonWhite_1pp63_116", nt = "_getblock_ui_buttonTinyWhite_1pp63_120", lt = "_getblock_ui_buttonDestructive_1pp63_13", ct = "_getblock_ui_iconButtonLarge_1pp63_165", it = "_getblock_ui_iconButtonMedium_1pp63_169", at = "_getblock_ui_iconButtonSmall_1pp63_173", f = {
|
|
3
|
+
button: Ae,
|
|
4
|
+
buttonAccent: Ne,
|
|
5
5
|
buttonTint: Me,
|
|
6
6
|
buttonPrimary: Ee,
|
|
7
7
|
buttonSecondary: Fe,
|
|
@@ -70,42 +70,42 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
70
70
|
setup(n) {
|
|
71
71
|
const t = n, e = b(() => ({
|
|
72
72
|
"pointer-events-none": t.disabled,
|
|
73
|
-
[
|
|
74
|
-
[
|
|
75
|
-
[
|
|
76
|
-
[
|
|
77
|
-
[
|
|
78
|
-
[
|
|
79
|
-
[
|
|
80
|
-
[
|
|
81
|
-
[
|
|
82
|
-
[
|
|
83
|
-
[
|
|
84
|
-
[
|
|
85
|
-
[
|
|
86
|
-
[
|
|
87
|
-
[
|
|
88
|
-
[
|
|
89
|
-
[
|
|
90
|
-
[
|
|
91
|
-
[
|
|
92
|
-
[
|
|
93
|
-
[
|
|
94
|
-
[
|
|
95
|
-
[
|
|
96
|
-
[
|
|
97
|
-
[
|
|
73
|
+
[f.buttonLarge]: t.sizeType === "large" && !t.iconButton,
|
|
74
|
+
[f.buttonMedium]: t.sizeType === "medium" && !t.iconButton,
|
|
75
|
+
[f.buttonSmall]: t.sizeType === "small" && !t.iconButton,
|
|
76
|
+
[f.buttonBase]: t.mainType === "base",
|
|
77
|
+
[f.buttonAccent]: t.mainType === "base" && t.colorType === "accent",
|
|
78
|
+
[f.buttonTint]: t.mainType === "base" && t.colorType === "tint",
|
|
79
|
+
[f.buttonPrimary]: t.mainType === "base" && t.colorType === "primary",
|
|
80
|
+
[f.buttonSecondary]: t.mainType === "base" && t.colorType === "secondary",
|
|
81
|
+
[f.buttonOutline]: t.mainType === "base" && t.colorType === "outline",
|
|
82
|
+
[f.buttonTransparent]: t.mainType === "base" && t.colorType === "transparent",
|
|
83
|
+
[f.buttonAttention]: t.mainType === "base" && t.colorType === "attention",
|
|
84
|
+
[f.buttonViolet]: t.mainType === "base" && t.colorType === "violet",
|
|
85
|
+
[f.buttonSpecial]: t.mainType === "base" && t.colorType === "special",
|
|
86
|
+
[f.buttonPinkGradient]: t.mainType === "base" && t.colorType === "pink-gradient",
|
|
87
|
+
[f.buttonWhite]: t.mainType === "base" && t.colorType === "white",
|
|
88
|
+
[f.buttonTinyWhite]: t.mainType === "base" && t.colorType === "tiny-white",
|
|
89
|
+
[f.buttonDestructive]: t.mainType === "destructive",
|
|
90
|
+
[f.buttonDestructiveAccent]: t.mainType === "destructive" && t.colorType === "accent",
|
|
91
|
+
[f.buttonDestructiveTint]: t.mainType === "destructive" && t.colorType === "tint",
|
|
92
|
+
[f.buttonDestructiveSecondary]: t.mainType === "destructive" && t.colorType === "secondary",
|
|
93
|
+
[f.buttonDestructiveOutline]: t.mainType === "destructive" && t.colorType === "outline",
|
|
94
|
+
[f.buttonDestructiveTransparent]: t.mainType === "destructive" && t.colorType === "transparent",
|
|
95
|
+
[f.iconButtonLarge]: t.sizeType === "large" && t.iconButton,
|
|
96
|
+
[f.iconButtonMedium]: t.sizeType === "medium" && t.iconButton,
|
|
97
|
+
[f.iconButtonSmall]: t.sizeType === "small" && t.iconButton
|
|
98
98
|
}));
|
|
99
99
|
return (s, l) => (i(), _("button", {
|
|
100
|
-
class: a([o(e), o(
|
|
100
|
+
class: a([o(e), o(f).button]),
|
|
101
101
|
disabled: t.disabled
|
|
102
102
|
}, [
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
103
|
+
y(s.$slots, "left-icon"),
|
|
104
|
+
y(s.$slots, "default"),
|
|
105
|
+
y(s.$slots, "right-icon")
|
|
106
106
|
], 10, st));
|
|
107
107
|
}
|
|
108
|
-
}), ut = "_getblock_ui_iconXs_15uci_2", dt = "_getblock_ui_iconSmall_15uci_6", _t = "_getblock_ui_iconMedium_15uci_10", pt = "_getblock_ui_iconLarge_15uci_14", bt = "_getblock_ui_iconMain_15uci_21", gt = "dark", mt = "_getblock_ui_iconSecondary_15uci_31",
|
|
108
|
+
}), ut = "_getblock_ui_iconXs_15uci_2", dt = "_getblock_ui_iconSmall_15uci_6", _t = "_getblock_ui_iconMedium_15uci_10", pt = "_getblock_ui_iconLarge_15uci_14", bt = "_getblock_ui_iconMain_15uci_21", gt = "dark", mt = "_getblock_ui_iconSecondary_15uci_31", vt = "_getblock_ui_iconTertiary_15uci_41", kt = "_getblock_ui_iconDisable_15uci_51", ht = "_getblock_ui_iconAction_15uci_61", yt = "_getblock_ui_iconTintBlue_15uci_71", ft = "_getblock_ui_iconAttention_15uci_81", Tt = "_getblock_ui_iconAlert_15uci_91", xt = "_getblock_ui_iconSuccess_15uci_101", St = "_getblock_ui_iconColorBG_15uci_111", wt = "_getblock_ui_iconLightBG_15uci_121", Bt = "_getblock_ui_iconTintRed_15uci_131", Lt = "_getblock_ui_iconDefault_15uci_141", It = "_getblock_ui_iconReverseMain_15uci_151", Dt = "_getblock_ui_iconContrast_15uci_158", Ct = "_getblock_ui_iconViolet_15uci_167", $t = "_getblock_ui_iconAccentHover_15uci_178", zt = "_getblock_ui_iconTintHover_15uci_187", Ot = "_getblock_ui_iconAttentionHover_15uci_196", Ht = "_getblock_ui_iconErrorHover_15uci_205", T = {
|
|
109
109
|
iconXs: ut,
|
|
110
110
|
iconSmall: dt,
|
|
111
111
|
iconMedium: _t,
|
|
@@ -113,8 +113,8 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
113
113
|
iconMain: bt,
|
|
114
114
|
dark: gt,
|
|
115
115
|
iconSecondary: mt,
|
|
116
|
-
iconTertiary:
|
|
117
|
-
iconDisable:
|
|
116
|
+
iconTertiary: vt,
|
|
117
|
+
iconDisable: kt,
|
|
118
118
|
iconAction: ht,
|
|
119
119
|
iconTintBlue: yt,
|
|
120
120
|
iconAttention: ft,
|
|
@@ -131,7 +131,7 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
131
131
|
iconTintHover: zt,
|
|
132
132
|
iconAttentionHover: Ot,
|
|
133
133
|
iconErrorHover: Ht
|
|
134
|
-
},
|
|
134
|
+
}, At = ["alt", "height", "src", "width"], C = /* @__PURE__ */ L({
|
|
135
135
|
__name: "Icon",
|
|
136
136
|
props: {
|
|
137
137
|
iconName: {
|
|
@@ -203,16 +203,16 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
203
203
|
[T.iconContrast]: t.colorType === "contrast",
|
|
204
204
|
[T.iconViolet]: t.colorType === "violet"
|
|
205
205
|
}));
|
|
206
|
-
return (l,
|
|
206
|
+
return (l, u) => (i(), _("img", {
|
|
207
207
|
alt: t.iconName,
|
|
208
208
|
class: a(o(s)),
|
|
209
209
|
height: o(e),
|
|
210
210
|
src: `https://storage.getblock.io/web/getblock-ui-kit/icons/${t.iconName}.svg`,
|
|
211
211
|
width: o(e)
|
|
212
|
-
}, null, 10,
|
|
212
|
+
}, null, 10, At));
|
|
213
213
|
}
|
|
214
|
-
}),
|
|
215
|
-
container:
|
|
214
|
+
}), Nt = "_getblock_ui_container_1n2d9_2", Mt = "_getblock_ui_inputMedium_1n2d9_9", Et = "_getblock_ui_inputLarge_1n2d9_12", Ft = "_getblock_ui_input_1n2d9_9", Rt = "dark", Vt = "_getblock_ui_inputFocus_1n2d9_25", jt = "_getblock_ui_inputFill_1n2d9_32", Wt = "_getblock_ui_inputOutline_1n2d9_39", Gt = "_getblock_ui_inputDisabled_1n2d9_46", Ut = "_getblock_ui_inputLabelDisabled_1n2d9_53", Pt = "_getblock_ui_inputDisabledCustomEvents_1n2d9_57", Yt = "_getblock_ui_inputError_1n2d9_67", qt = "_getblock_ui_inputHintError_1n2d9_71", Xt = "_getblock_ui_inputHint_1n2d9_71", Kt = "_getblock_ui_inputLabel_1n2d9_53", Jt = "_getblock_ui_shrink0_1n2d9_94", z = {
|
|
215
|
+
container: Nt,
|
|
216
216
|
inputMedium: Mt,
|
|
217
217
|
inputLarge: Et,
|
|
218
218
|
input: Ft,
|
|
@@ -290,22 +290,22 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
290
290
|
},
|
|
291
291
|
emits: ["update:inputValue", "resetError", "focusOut", "onClickRightButton"],
|
|
292
292
|
setup(n, { emit: t }) {
|
|
293
|
-
const e = n, s = b(() => e.statusIcon === "success" ? { display: !0, colorType: "success", icon: "check-circle" } : e.statusIcon === "error" ? { display: !0, colorType: "alert", icon: "alert-triangle" } : { display: !1, colorType: "none", icon: "" }), l =
|
|
293
|
+
const e = n, s = b(() => e.statusIcon === "success" ? { display: !0, colorType: "success", icon: "check-circle" } : e.statusIcon === "error" ? { display: !0, colorType: "alert", icon: "alert-triangle" } : { display: !1, colorType: "none", icon: "" }), l = m(null), u = m(!1), c = m(e.inputType), r = b({
|
|
294
294
|
get() {
|
|
295
295
|
return e.inputValue;
|
|
296
296
|
},
|
|
297
297
|
set($) {
|
|
298
298
|
t("update:inputValue", $);
|
|
299
299
|
}
|
|
300
|
-
}),
|
|
300
|
+
}), v = b(() => e.customEventRightButton ? e.rightIconName : e.inputType === "password" ? "eye" : "x"), w = b(() => ({
|
|
301
301
|
[z.inputError]: e.error,
|
|
302
302
|
[z.inputDisabled]: e.disabled && !e.customEventRightButton,
|
|
303
303
|
[z.inputDisabledCustomEvents]: e.disabled && e.customEventRightButton,
|
|
304
|
-
[z.inputFocus]:
|
|
304
|
+
[z.inputFocus]: u.value && !e.disabled,
|
|
305
305
|
[z.inputMedium]: e.sizeType === "medium",
|
|
306
306
|
[z.inputLarge]: e.sizeType === "large",
|
|
307
|
-
[z.inputFill]: e.colorType === "fill" && !
|
|
308
|
-
[z.inputOutline]: e.colorType === "outline" && !
|
|
307
|
+
[z.inputFill]: e.colorType === "fill" && !u.value || e.disabled,
|
|
308
|
+
[z.inputOutline]: e.colorType === "outline" && !u.value || e.disabled
|
|
309
309
|
})), B = b(() => ({
|
|
310
310
|
[z.inputHint]: !e.error,
|
|
311
311
|
[z.inputHintError]: e.error
|
|
@@ -320,22 +320,21 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
320
320
|
e.customEventRightButton ? t("onClickRightButton") : e.inputType === "password" ? I() : G();
|
|
321
321
|
}, O = () => {
|
|
322
322
|
var $;
|
|
323
|
-
t("resetError"),
|
|
323
|
+
t("resetError"), u.value = !0, ($ = l.value) == null || $.focus();
|
|
324
324
|
}, H = () => {
|
|
325
|
-
t("focusOut"),
|
|
326
|
-
},
|
|
325
|
+
t("focusOut"), u.value = !1;
|
|
326
|
+
}, N = ge();
|
|
327
327
|
return ($, P) => (i(), _("div", {
|
|
328
328
|
class: a(o(z).container)
|
|
329
329
|
}, [
|
|
330
|
-
o(
|
|
330
|
+
o(N).label ? (i(), _("p", {
|
|
331
331
|
key: 0,
|
|
332
332
|
class: a([o(F), "input__label"])
|
|
333
333
|
}, [
|
|
334
|
-
|
|
334
|
+
y($.$slots, "label")
|
|
335
335
|
], 2)) : x("", !0),
|
|
336
336
|
p("div", {
|
|
337
337
|
class: a(["input__wrapper", [o(w), o(z).input]]),
|
|
338
|
-
tabindex: "0",
|
|
339
338
|
onFocusin: O,
|
|
340
339
|
onFocusout: H
|
|
341
340
|
}, [
|
|
@@ -364,7 +363,7 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
364
363
|
}, [
|
|
365
364
|
U(C, {
|
|
366
365
|
"color-type": "tertiary",
|
|
367
|
-
"icon-name": o(
|
|
366
|
+
"icon-name": o(v)
|
|
368
367
|
}, null, 8, ["icon-name"])
|
|
369
368
|
], 2), [
|
|
370
369
|
[ie, e.customEventRightButton && o(r).length !== 0]
|
|
@@ -375,7 +374,7 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
375
374
|
}, [
|
|
376
375
|
U(C, {
|
|
377
376
|
"color-type": "tertiary",
|
|
378
|
-
"icon-name": o(
|
|
377
|
+
"icon-name": o(v)
|
|
379
378
|
}, null, 8, ["icon-name"])
|
|
380
379
|
], 2), [
|
|
381
380
|
[ie, !e.customEventRightButton && o(r).length !== 0 && !e.disabled]
|
|
@@ -387,11 +386,11 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
387
386
|
"icon-name": o(s).icon
|
|
388
387
|
}, null, 8, ["class", "color-type", "icon-name"])) : x("", !0)
|
|
389
388
|
], 34),
|
|
390
|
-
o(
|
|
389
|
+
o(N).hint ? (i(), _("p", {
|
|
391
390
|
key: 1,
|
|
392
391
|
class: a([o(B), "input__hint"])
|
|
393
392
|
}, [
|
|
394
|
-
|
|
393
|
+
y($.$slots, "hint")
|
|
395
394
|
], 2)) : x("", !0)
|
|
396
395
|
], 2));
|
|
397
396
|
}
|
|
@@ -436,13 +435,13 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
436
435
|
})), l = () => {
|
|
437
436
|
t("changeSelected", !e.selected);
|
|
438
437
|
};
|
|
439
|
-
return (
|
|
438
|
+
return (u, c) => (i(), _("button", {
|
|
440
439
|
class: a([o(s), o(Z).chips]),
|
|
441
440
|
onClick: l
|
|
442
441
|
}, [
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
442
|
+
y(u.$slots, "left-icon"),
|
|
443
|
+
y(u.$slots, "default"),
|
|
444
|
+
y(u.$slots, "right-icon")
|
|
446
445
|
], 2));
|
|
447
446
|
}
|
|
448
447
|
}), ro = "_getblock_ui_listItem_1jdl3_1", uo = "_getblock_ui_listItemSelected_1jdl3_6", _o = "dark", po = "_getblock_ui_listItemNotSelected_1jdl3_13", bo = "_getblock_ui_text_1jdl3_20", ue = {
|
|
@@ -467,24 +466,24 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
467
466
|
})), l = () => {
|
|
468
467
|
t("changeSelected", !e.selected);
|
|
469
468
|
};
|
|
470
|
-
return (
|
|
469
|
+
return (u, c) => (i(), _("button", {
|
|
471
470
|
class: a([o(s), o(ue).listItem]),
|
|
472
471
|
onClick: l
|
|
473
472
|
}, [
|
|
474
|
-
|
|
473
|
+
y(u.$slots, "left-icon"),
|
|
475
474
|
p("div", {
|
|
476
475
|
class: a(o(ue).text)
|
|
477
476
|
}, [
|
|
478
|
-
|
|
477
|
+
y(u.$slots, "default")
|
|
479
478
|
], 2),
|
|
480
|
-
|
|
479
|
+
y(u.$slots, "right-icon")
|
|
481
480
|
], 2));
|
|
482
481
|
}
|
|
483
|
-
}), go = "_getblock_ui_dropdown_3s0v7_2", mo = "dark",
|
|
482
|
+
}), go = "_getblock_ui_dropdown_3s0v7_2", mo = "dark", vo = "_getblock_ui_dropdownFocused_3s0v7_6", ko = "_getblock_ui_dropdownWrapper_3s0v7_11", ho = "_getblock_ui_dropdownFiltersWrapper_3s0v7_17", yo = "_getblock_ui_dropdownItemsListWrapper_3s0v7_21", fo = "_getblock_ui_dropdownList_3s0v7_25", To = "_getblock_ui_scrollTrack_3s0v7_33", xo = "_getblock_ui_scrollTrackWithFilters_3s0v7_42", So = "_getblock_ui_scrollBar_3s0v7_51", wo = "_getblock_ui_dropdownListItem_3s0v7_73", Bo = "_getblock_ui_dropdownListItemText_3s0v7_77", Lo = "_getblock_ui_dropdownListSelectedItemText_3s0v7_81", Io = "_getblock_ui_dropdownNotFoundListItem_3s0v7_85", Do = "_getblock_ui_dropdownNotFoundListItemText_3s0v7_89", Co = "_getblock_ui_dropdownSmall_3s0v7_95", $o = "_getblock_ui_dropdownMedium_3s0v7_99", zo = "_getblock_ui_dropdownLarge_3s0v7_103", Oo = "_getblock_ui_dropdownFill_3s0v7_109", Ho = "_getblock_ui_dropdownFillDisabled_3s0v7_114", Ao = "_getblock_ui_dropdownOutline_3s0v7_122", No = "_getblock_ui_dropdownOutlineDisabled_3s0v7_127", Mo = "_getblock_ui_dropdownError_3s0v7_135", Eo = "_getblock_ui_hoveredChevron_3s0v7_142", Fo = "_getblock_ui_rotateChevron_3s0v7_150", Ro = "_getblock_ui_search_3s0v7_156", Vo = "_getblock_ui_placeholder_3s0v7_162", jo = "_getblock_ui_placeholderWithoutText_3s0v7_166", h = {
|
|
484
483
|
dropdown: go,
|
|
485
484
|
dark: mo,
|
|
486
|
-
dropdownFocused:
|
|
487
|
-
dropdownWrapper:
|
|
485
|
+
dropdownFocused: vo,
|
|
486
|
+
dropdownWrapper: ko,
|
|
488
487
|
dropdownFiltersWrapper: ho,
|
|
489
488
|
dropdownItemsListWrapper: yo,
|
|
490
489
|
dropdownList: fo,
|
|
@@ -501,15 +500,15 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
501
500
|
dropdownLarge: zo,
|
|
502
501
|
dropdownFill: Oo,
|
|
503
502
|
dropdownFillDisabled: Ho,
|
|
504
|
-
dropdownOutline:
|
|
505
|
-
dropdownOutlineDisabled:
|
|
503
|
+
dropdownOutline: Ao,
|
|
504
|
+
dropdownOutlineDisabled: No,
|
|
506
505
|
dropdownError: Mo,
|
|
507
506
|
hoveredChevron: Eo,
|
|
508
507
|
rotateChevron: Fo,
|
|
509
508
|
search: Ro,
|
|
510
509
|
placeholder: Vo,
|
|
511
510
|
placeholderWithoutText: jo
|
|
512
|
-
}, Wo = ["tabindex", "placeholder", "value"], Go = ["onClick", "onMouseenter"], Uo = { class: "flex gap-2 items-center" },
|
|
511
|
+
}, Wo = ["tabindex", "placeholder", "value"], Go = ["onClick", "onMouseenter"], Uo = { class: "flex gap-2 items-center" }, vc = /* @__PURE__ */ L({
|
|
513
512
|
__name: "Dropdown",
|
|
514
513
|
props: {
|
|
515
514
|
colorType: {
|
|
@@ -592,70 +591,71 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
592
591
|
},
|
|
593
592
|
emits: ["selectItem", "resetError"],
|
|
594
593
|
setup(n, { emit: t }) {
|
|
595
|
-
const e = n, s = ge(), l =
|
|
596
|
-
const
|
|
597
|
-
R.style.transform = `translateY(${j * (
|
|
598
|
-
}, G = (
|
|
599
|
-
const
|
|
594
|
+
const e = n, s = ge(), l = m(!1), u = m(null), c = m(-1), r = m(null), v = m(null), w = m(null), B = m(!1), F = (d) => {
|
|
595
|
+
const g = r.value, k = v.value, R = w.value, j = g.scrollTop / (g.scrollHeight - g.clientHeight);
|
|
596
|
+
R.style.transform = `translateY(${j * (k.clientHeight - 50)}px)`;
|
|
597
|
+
}, G = (d) => {
|
|
598
|
+
const g = d.clientY, k = r.value.scrollTop, R = w.value.offsetHeight, j = v.value.offsetHeight;
|
|
600
599
|
B.value = !0;
|
|
601
600
|
const M = (re) => {
|
|
602
|
-
const we = (re.clientY -
|
|
603
|
-
r.value.scrollTop =
|
|
601
|
+
const we = (re.clientY - g) / (j - R) * (r.value.scrollHeight - r.value.clientHeight);
|
|
602
|
+
r.value.scrollTop = k + we;
|
|
604
603
|
}, q = () => {
|
|
605
604
|
document.removeEventListener("mousemove", M), document.removeEventListener("mouseup", q), B.value = !1;
|
|
606
605
|
};
|
|
607
606
|
document.addEventListener("mousemove", M), document.addEventListener("mouseup", q);
|
|
608
|
-
}, I = (
|
|
609
|
-
const
|
|
610
|
-
|
|
607
|
+
}, I = (d) => {
|
|
608
|
+
const g = v.value, k = r.value, R = d.clientY - g.getBoundingClientRect().top, j = g.clientHeight, M = k.scrollHeight - k.clientHeight;
|
|
609
|
+
k.scrollTop = R / j * M;
|
|
611
610
|
};
|
|
612
611
|
fe(() => {
|
|
613
|
-
var
|
|
614
|
-
(
|
|
612
|
+
var d;
|
|
613
|
+
(d = r.value) == null || d.addEventListener("scroll", F);
|
|
615
614
|
});
|
|
616
|
-
const S =
|
|
617
|
-
S.value =
|
|
618
|
-
}, H = b(() => e.isWithSearch ? e.items.filter(
|
|
619
|
-
(
|
|
620
|
-
)
|
|
621
|
-
[
|
|
622
|
-
[
|
|
623
|
-
[
|
|
624
|
-
[
|
|
625
|
-
[
|
|
626
|
-
[
|
|
627
|
-
[
|
|
628
|
-
[
|
|
629
|
-
[
|
|
615
|
+
const S = m(""), O = (d) => {
|
|
616
|
+
S.value = d.target.value;
|
|
617
|
+
}, H = b(() => !e.isWithSearch || S.value === "" ? e.items : e.items.filter(
|
|
618
|
+
(d) => d.value.toLowerCase().includes(S.value.toLowerCase()) || d.text.toLowerCase().includes(S.value.toLowerCase())
|
|
619
|
+
)), N = b(() => ({
|
|
620
|
+
[h.dropdownSmall]: e.sizeType === "small",
|
|
621
|
+
[h.dropdownMedium]: e.sizeType === "medium",
|
|
622
|
+
[h.dropdownLarge]: e.sizeType === "large",
|
|
623
|
+
[h.dropdownFill]: e.colorType === "fill" && !l.value,
|
|
624
|
+
[h.dropdownOutline]: e.colorType === "outline" && !l.value,
|
|
625
|
+
[h.dropdownFillDisabled]: e.colorType === "fill" && e.disabled,
|
|
626
|
+
[h.dropdownOutlineDisabled]: e.colorType === "outline" && e.disabled,
|
|
627
|
+
[h.dropdownFocused]: l.value,
|
|
628
|
+
[h.dropdownError]: e.error
|
|
630
629
|
})), $ = b(() => ({
|
|
631
630
|
"w-max": e.droplistResizable
|
|
632
|
-
})), P = (
|
|
633
|
-
|
|
631
|
+
})), P = (d) => {
|
|
632
|
+
t("selectItem", d), c.value = -1, se();
|
|
634
633
|
}, ne = b(() => e.disabled || !l.value ? "tertiary" : "main"), ae = () => {
|
|
635
|
-
var
|
|
636
|
-
B.value || (t("resetError"), l.value || ((
|
|
634
|
+
var d, g;
|
|
635
|
+
B.value || (t("resetError"), l.value || ((d = u.value) == null || d.removeAttribute("readonly"), l.value = !0, S.value = "", c.value = -1, (g = u.value) == null || g.focus()));
|
|
637
636
|
}, se = () => {
|
|
638
|
-
var
|
|
639
|
-
l.value = !1, c.value = -1, (
|
|
640
|
-
}, me = (
|
|
641
|
-
|
|
637
|
+
var d;
|
|
638
|
+
l.value = !1, c.value = -1, (d = u.value) == null || d.setAttribute("readonly", "true");
|
|
639
|
+
}, me = (d) => {
|
|
640
|
+
var g, k;
|
|
641
|
+
d.key === "Enter" ? (d.preventDefault(), l.value && c.value >= 0 && c.value < H.value.length ? P(H.value[c.value]) : l.value || (l.value = !0, (g = u.value) == null || g.removeAttribute("readonly"), (k = u.value) == null || k.focus())) : d.key === "ArrowDown" ? (d.preventDefault(), l.value ? c.value < H.value.length - 1 && (c.value++, D()) : (l.value = !0, c.value = 0)) : d.key === "ArrowUp" && (d.preventDefault(), l.value && c.value > 0 && (c.value--, D()));
|
|
642
642
|
}, D = () => {
|
|
643
643
|
if (r.value && c.value >= 0) {
|
|
644
|
-
const
|
|
645
|
-
|
|
644
|
+
const g = r.value.children[c.value];
|
|
645
|
+
g && g.scrollIntoView({ block: "nearest", behavior: "smooth" });
|
|
646
646
|
}
|
|
647
647
|
};
|
|
648
|
-
return
|
|
648
|
+
return ke(
|
|
649
649
|
() => e.isNeededToFocus,
|
|
650
650
|
() => {
|
|
651
651
|
e.isNeededToFocus && ae();
|
|
652
652
|
}
|
|
653
|
-
), (
|
|
653
|
+
), (d, g) => {
|
|
654
654
|
var R, j;
|
|
655
|
-
const
|
|
655
|
+
const k = Te("click-outside");
|
|
656
656
|
return Q((i(), _("div", {
|
|
657
657
|
tabindex: "0",
|
|
658
|
-
class: a([o(
|
|
658
|
+
class: a([o(N), o(h).dropdown]),
|
|
659
659
|
onClick: ae,
|
|
660
660
|
onKeydown: me
|
|
661
661
|
}, [
|
|
@@ -669,46 +669,46 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
669
669
|
"color-type": "default",
|
|
670
670
|
"size-type": "medium",
|
|
671
671
|
"icon-name": e.selectedItem.iconName
|
|
672
|
-
}, null, 8, ["icon-name"])) :
|
|
672
|
+
}, null, 8, ["icon-name"])) : y(d.$slots, "left-icon", { key: 2 }),
|
|
673
673
|
n.isWithSearch ? (i(), _(W, { key: 3 }, [
|
|
674
674
|
p("input", {
|
|
675
675
|
tabindex: e.tabIndex,
|
|
676
676
|
ref_key: "dropdownInput",
|
|
677
|
-
ref:
|
|
677
|
+
ref: u,
|
|
678
678
|
readonly: "",
|
|
679
|
-
class: a(o(
|
|
679
|
+
class: a(o(h).search),
|
|
680
680
|
placeholder: e.placeholder.value,
|
|
681
681
|
value: l.value ? S.value : e.selectedItem.text,
|
|
682
682
|
onInput: O
|
|
683
683
|
}, null, 42, Wo),
|
|
684
|
-
l.value ? x("", !0) :
|
|
684
|
+
l.value ? x("", !0) : y(d.$slots, "selected-right", { key: 0 })
|
|
685
685
|
], 64)) : (i(), _(W, { key: 4 }, [
|
|
686
686
|
p("p", {
|
|
687
|
-
class: a(["dropdown-placeholder", [o(
|
|
688
|
-
},
|
|
689
|
-
|
|
687
|
+
class: a(["dropdown-placeholder", [o(h).placeholder, e.selectedItem.text ? "" : o(h).placeholderWithoutText]])
|
|
688
|
+
}, A(e.selectedItem.text ? e.selectedItem.text : e.placeholder.text), 3),
|
|
689
|
+
y(d.$slots, "selected-right")
|
|
690
690
|
], 64)),
|
|
691
691
|
Q(p("div", {
|
|
692
|
-
class: a([o(
|
|
692
|
+
class: a([o(h).dropdownWrapper, o($)])
|
|
693
693
|
}, [
|
|
694
694
|
o(H).length > 0 && o(s).filters ? (i(), _("div", {
|
|
695
695
|
key: 0,
|
|
696
|
-
class: a([o(
|
|
696
|
+
class: a([o(h).dropdownFiltersWrapper])
|
|
697
697
|
}, [
|
|
698
|
-
|
|
698
|
+
y(d.$slots, "filters")
|
|
699
699
|
], 2)) : x("", !0),
|
|
700
700
|
Q(p("div", {
|
|
701
|
-
class: a([o(
|
|
701
|
+
class: a([o(h).dropdownItemsListWrapper])
|
|
702
702
|
}, [
|
|
703
703
|
o(H).length > 0 ? (i(), _(W, { key: 0 }, [
|
|
704
704
|
p("div", {
|
|
705
|
-
class: a([o(
|
|
705
|
+
class: a([o(h).dropdownList, { "w-[97%]": o(H).length > 4 }]),
|
|
706
706
|
ref_key: "dropdownContent",
|
|
707
707
|
ref: r
|
|
708
708
|
}, [
|
|
709
709
|
(i(!0), _(W, null, oe(o(H), (M, q) => (i(), _("div", {
|
|
710
710
|
key: `${M.value}_${q}`,
|
|
711
|
-
class: a(["flex items-center justify-between dropdown-item", [o(
|
|
711
|
+
class: a(["flex items-center justify-between dropdown-item", [o(h).dropdownListItem, { "bg-gray-100": c.value === q }]]),
|
|
712
712
|
onClick: be((re) => P(M), ["stop"]),
|
|
713
713
|
onMouseenter: (re) => c.value = q
|
|
714
714
|
}, [
|
|
@@ -721,12 +721,12 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
721
721
|
}, null, 8, ["color-type", "icon-name"])) : x("", !0),
|
|
722
722
|
p("p", {
|
|
723
723
|
class: a([
|
|
724
|
-
o(
|
|
725
|
-
M.value === e.selectedItem.value ? o(
|
|
724
|
+
o(h).dropdownListItemText,
|
|
725
|
+
M.value === e.selectedItem.value ? o(h).dropdownListSelectedItemText : ""
|
|
726
726
|
])
|
|
727
|
-
},
|
|
727
|
+
}, A(M.text), 3)
|
|
728
728
|
]),
|
|
729
|
-
|
|
729
|
+
y(d.$slots, "right", {
|
|
730
730
|
item: M,
|
|
731
731
|
index: q
|
|
732
732
|
})
|
|
@@ -734,13 +734,13 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
734
734
|
], 2),
|
|
735
735
|
o(H).length > 4 ? (i(), _("div", {
|
|
736
736
|
key: 0,
|
|
737
|
-
class: a(o(s).filters ? o(
|
|
737
|
+
class: a(o(s).filters ? o(h).scrollTrackWithFilters : o(h).scrollTrack),
|
|
738
738
|
ref_key: "scrollBar",
|
|
739
|
-
ref:
|
|
739
|
+
ref: v,
|
|
740
740
|
onClick: I
|
|
741
741
|
}, [
|
|
742
742
|
p("div", {
|
|
743
|
-
class: a(o(
|
|
743
|
+
class: a(o(h).scrollBar),
|
|
744
744
|
ref_key: "thumb",
|
|
745
745
|
ref: w,
|
|
746
746
|
onMousedown: G
|
|
@@ -748,12 +748,12 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
748
748
|
], 2)) : x("", !0)
|
|
749
749
|
], 64)) : (i(), _("div", {
|
|
750
750
|
key: 1,
|
|
751
|
-
class: a(o(
|
|
752
|
-
onClick:
|
|
751
|
+
class: a(o(h).dropdownNotFoundListItem),
|
|
752
|
+
onClick: g[0] || (g[0] = be(() => {
|
|
753
753
|
}, ["stop"]))
|
|
754
754
|
}, [
|
|
755
755
|
p("p", {
|
|
756
|
-
class: a(o(
|
|
756
|
+
class: a(o(h).dropdownNotFoundListItemText)
|
|
757
757
|
}, "No results", 2)
|
|
758
758
|
], 2))
|
|
759
759
|
], 2), [
|
|
@@ -763,13 +763,13 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
763
763
|
[ie, l.value]
|
|
764
764
|
]),
|
|
765
765
|
U(C, {
|
|
766
|
-
class: a(["transition", [e.disabled ? "" : o(
|
|
766
|
+
class: a(["transition", [e.disabled ? "" : o(h).hoveredChevron, l.value ? o(h).rotateChevron : ""]]),
|
|
767
767
|
"icon-name": "chevron-down",
|
|
768
768
|
"size-type": "medium",
|
|
769
769
|
"color-type": o(ne)
|
|
770
770
|
}, null, 8, ["class", "color-type"])
|
|
771
771
|
], 34)), [
|
|
772
|
-
[
|
|
772
|
+
[k, se]
|
|
773
773
|
]);
|
|
774
774
|
};
|
|
775
775
|
}
|
|
@@ -784,7 +784,7 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
784
784
|
lineDefault: Qo,
|
|
785
785
|
lineSelected: Zo,
|
|
786
786
|
lineNotSelected: en
|
|
787
|
-
},
|
|
787
|
+
}, kc = /* @__PURE__ */ L({
|
|
788
788
|
__name: "LineTab",
|
|
789
789
|
props: {
|
|
790
790
|
selected: {
|
|
@@ -809,14 +809,14 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
809
809
|
[X.lineDefault]: !0,
|
|
810
810
|
[X.lineSelected]: e.selected,
|
|
811
811
|
[X.lineNotSelected]: !e.selected
|
|
812
|
-
})),
|
|
812
|
+
})), u = () => {
|
|
813
813
|
t("changeSelected", !e.selected);
|
|
814
814
|
};
|
|
815
815
|
return (c, r) => (i(), _("button", {
|
|
816
816
|
class: a(["", o(s)]),
|
|
817
|
-
onClick:
|
|
817
|
+
onClick: u
|
|
818
818
|
}, [
|
|
819
|
-
|
|
819
|
+
y(c.$slots, "default"),
|
|
820
820
|
p("div", {
|
|
821
821
|
class: a([o(l)])
|
|
822
822
|
}, null, 2)
|
|
@@ -858,16 +858,16 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
858
858
|
return (s, l) => (i(), _("div", {
|
|
859
859
|
class: a([o(e), o(Y).badges])
|
|
860
860
|
}, [
|
|
861
|
-
|
|
861
|
+
y(s.$slots, "default")
|
|
862
862
|
], 2));
|
|
863
863
|
}
|
|
864
|
-
}), pn = "_getblock_ui_droplist_z2elx_2", bn = "dark", gn = "_getblock_ui_item_z2elx_8", mn = "_getblock_ui_itemAlert_z2elx_16",
|
|
864
|
+
}), pn = "_getblock_ui_droplist_z2elx_2", bn = "dark", gn = "_getblock_ui_item_z2elx_8", mn = "_getblock_ui_itemAlert_z2elx_16", vn = "_getblock_ui_itemMain_z2elx_20", kn = "_getblock_ui_divider_z2elx_27", le = {
|
|
865
865
|
droplist: pn,
|
|
866
866
|
dark: bn,
|
|
867
867
|
item: gn,
|
|
868
868
|
itemAlert: mn,
|
|
869
|
-
itemMain:
|
|
870
|
-
divider:
|
|
869
|
+
itemMain: vn,
|
|
870
|
+
divider: kn
|
|
871
871
|
}, hn = "_getblock_ui_checkbox_8mm7t_2", yn = "dark", fn = "_getblock_ui_isRounded_8mm7t_11", Tn = "_getblock_ui_isOpener_8mm7t_16", xn = "_getblock_ui_checkboxActive_8mm7t_26", Sn = "_getblock_ui_checkboxDisabled_8mm7t_31", wn = "_getblock_ui_checkboxCheckedDisabled_8mm7t_35", Bn = "_getblock_ui_isMasterDisabled_8mm7t_41", Ln = "_getblock_ui_iconFilter_8mm7t_47", ee = {
|
|
872
872
|
checkbox: hn,
|
|
873
873
|
dark: yn,
|
|
@@ -878,7 +878,7 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
878
878
|
checkboxCheckedDisabled: wn,
|
|
879
879
|
isMasterDisabled: Bn,
|
|
880
880
|
iconFilter: Ln
|
|
881
|
-
}, In = ["id", "checked", "disabled", "value"],
|
|
881
|
+
}, In = ["id", "checked", "disabled", "value"], ve = /* @__PURE__ */ L({
|
|
882
882
|
__name: "Checkbox",
|
|
883
883
|
props: {
|
|
884
884
|
isMaster: {
|
|
@@ -917,7 +917,7 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
917
917
|
checked: e.checked
|
|
918
918
|
}, l = () => {
|
|
919
919
|
t("change", s);
|
|
920
|
-
},
|
|
920
|
+
}, u = b(() => e.isMaster ? e.allChecked ? "check_v1" : "minus" : e.checked ? "check_v1" : "minus"), c = b(() => ({
|
|
921
921
|
[ee.iconFilter]: !e.checked && !e.isMaster
|
|
922
922
|
})), r = b(() => ({
|
|
923
923
|
[ee.checkbox]: !e.isMaster,
|
|
@@ -928,7 +928,7 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
928
928
|
[ee.isMasterDisabled]: e.isMaster && e.disabled,
|
|
929
929
|
[ee.isRounded]: e.isRounded
|
|
930
930
|
}));
|
|
931
|
-
return (
|
|
931
|
+
return (v, w) => (i(), _("label", {
|
|
932
932
|
class: a(o(r))
|
|
933
933
|
}, [
|
|
934
934
|
p("input", {
|
|
@@ -940,7 +940,7 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
940
940
|
onChange: l
|
|
941
941
|
}, null, 40, In),
|
|
942
942
|
U(C, {
|
|
943
|
-
"icon-name": o(
|
|
943
|
+
"icon-name": o(u),
|
|
944
944
|
class: a(o(c)),
|
|
945
945
|
"color-type": "color-bg",
|
|
946
946
|
"size-type": "xs"
|
|
@@ -965,13 +965,13 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
965
965
|
},
|
|
966
966
|
emits: ["selectItem", "hideDroplist"],
|
|
967
967
|
setup(n, { emit: t }) {
|
|
968
|
-
const e = n, s = (
|
|
969
|
-
[le.itemAlert]:
|
|
968
|
+
const e = n, s = (u) => ({
|
|
969
|
+
[le.itemAlert]: u === "alert",
|
|
970
970
|
[le.itemMain]: !0
|
|
971
|
-
}), l = (
|
|
972
|
-
t("selectItem",
|
|
971
|
+
}), l = (u) => {
|
|
972
|
+
t("selectItem", u), t("hideDroplist");
|
|
973
973
|
};
|
|
974
|
-
return (
|
|
974
|
+
return (u, c) => n.showDroplist ? (i(), _("div", {
|
|
975
975
|
key: 0,
|
|
976
976
|
class: a([o(le).droplist])
|
|
977
977
|
}, [
|
|
@@ -980,21 +980,21 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
980
980
|
}, [
|
|
981
981
|
p("div", {
|
|
982
982
|
class: a(["droplist-item", o(le).item]),
|
|
983
|
-
onClick: be((
|
|
983
|
+
onClick: be((v) => l(r.action), ["stop"])
|
|
984
984
|
}, [
|
|
985
985
|
r.imgName && !e.isCheckboxes ? (i(), V(C, {
|
|
986
986
|
key: 0,
|
|
987
987
|
"color-type": r.color === "main" || !r.color ? "secondary" : r.color,
|
|
988
988
|
"icon-name": r.imgName
|
|
989
989
|
}, null, 8, ["color-type", "icon-name"])) : x("", !0),
|
|
990
|
-
e.isCheckboxes ? (i(), V(
|
|
990
|
+
e.isCheckboxes ? (i(), V(ve, {
|
|
991
991
|
key: 1,
|
|
992
992
|
checked: r.checked,
|
|
993
993
|
"is-rounded": !0
|
|
994
994
|
}, null, 8, ["checked"])) : x("", !0),
|
|
995
995
|
p("p", {
|
|
996
996
|
class: a(s(r.color))
|
|
997
|
-
},
|
|
997
|
+
}, A(r.value), 3)
|
|
998
998
|
], 10, Dn),
|
|
999
999
|
r.divider ? (i(), _("div", {
|
|
1000
1000
|
key: 0,
|
|
@@ -1010,7 +1010,7 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
1010
1010
|
tagSmall: zn,
|
|
1011
1011
|
tagMedium: On,
|
|
1012
1012
|
tagDisabled: Hn
|
|
1013
|
-
},
|
|
1013
|
+
}, An = ["disabled"], fc = /* @__PURE__ */ L({
|
|
1014
1014
|
__name: "Tag",
|
|
1015
1015
|
props: {
|
|
1016
1016
|
sizeType: {
|
|
@@ -1029,26 +1029,26 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
1029
1029
|
[de.tagMedium]: e.sizeType === "medium",
|
|
1030
1030
|
[de.tagSmall]: e.sizeType === "small",
|
|
1031
1031
|
[de.tagDisabled]: e.disabled
|
|
1032
|
-
})), l =
|
|
1032
|
+
})), l = m(!1), u = () => {
|
|
1033
1033
|
t("deleteTag");
|
|
1034
1034
|
};
|
|
1035
1035
|
return (c, r) => (i(), _("button", {
|
|
1036
1036
|
class: a([o(de).tag, o(s)]),
|
|
1037
1037
|
disabled: e.disabled
|
|
1038
1038
|
}, [
|
|
1039
|
-
|
|
1039
|
+
y(c.$slots, "default"),
|
|
1040
1040
|
U(C, {
|
|
1041
1041
|
"color-type": l.value ? "main" : "tertiary",
|
|
1042
1042
|
"size-type": "small",
|
|
1043
1043
|
"icon-name": "x-close",
|
|
1044
|
-
onClick:
|
|
1045
|
-
onMouseover: r[0] || (r[0] = (
|
|
1046
|
-
onMouseout: r[1] || (r[1] = (
|
|
1044
|
+
onClick: u,
|
|
1045
|
+
onMouseover: r[0] || (r[0] = (v) => l.value = !0),
|
|
1046
|
+
onMouseout: r[1] || (r[1] = (v) => l.value = !1)
|
|
1047
1047
|
}, null, 8, ["color-type"])
|
|
1048
|
-
], 10,
|
|
1048
|
+
], 10, An));
|
|
1049
1049
|
}
|
|
1050
|
-
}),
|
|
1051
|
-
breadcrumbsContainer:
|
|
1050
|
+
}), Nn = "_getblock_ui_breadcrumbsContainer_jx4hc_1", Mn = "_getblock_ui_breadcrumb_jx4hc_1", En = "dark", Fn = "_getblock_ui_lastBreadcrumb_jx4hc_13", Rn = "_getblock_ui_notLastBreadcrumb_jx4hc_17", _e = {
|
|
1051
|
+
breadcrumbsContainer: Nn,
|
|
1052
1052
|
breadcrumb: Mn,
|
|
1053
1053
|
dark: En,
|
|
1054
1054
|
lastBreadcrumb: Fn,
|
|
@@ -1075,7 +1075,7 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
1075
1075
|
s.link ? (i(), _("a", {
|
|
1076
1076
|
key: 0,
|
|
1077
1077
|
href: s.link
|
|
1078
|
-
},
|
|
1078
|
+
}, A(s.text), 9, Vn)) : (i(), _("p", jn, A(s.text), 1)),
|
|
1079
1079
|
l !== n.items.length - 1 ? (i(), V(C, {
|
|
1080
1080
|
key: 2,
|
|
1081
1081
|
"icon-name": "chevron-right",
|
|
@@ -1097,25 +1097,25 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
1097
1097
|
}
|
|
1098
1098
|
},
|
|
1099
1099
|
setup(n) {
|
|
1100
|
-
const t = n, e =
|
|
1100
|
+
const t = n, e = m(null), s = m(null), l = m(!1), u = m(!1), c = m({ top: "0px", left: "0px" }), r = async () => {
|
|
1101
1101
|
l.value = !0, await De();
|
|
1102
|
-
const I = e.value, S = s.value, O = I.getBoundingClientRect(), H = 8,
|
|
1102
|
+
const I = e.value, S = s.value, O = I.getBoundingClientRect(), H = 8, N = t.verticalPosition === "top" ? O.top - S.offsetHeight - H : O.bottom + H, $ = O.left + O.width / 2, P = t.horizontalPosition === "left" ? $ - S.offsetWidth : t.horizontalPosition === "right" ? $ : $ - S.offsetWidth / 2;
|
|
1103
1103
|
c.value = {
|
|
1104
|
-
top: `${
|
|
1104
|
+
top: `${N}px`,
|
|
1105
1105
|
left: `${P}px`
|
|
1106
1106
|
};
|
|
1107
|
-
},
|
|
1107
|
+
}, v = () => {
|
|
1108
1108
|
setTimeout(() => {
|
|
1109
|
-
|
|
1109
|
+
u.value || (l.value = !1);
|
|
1110
1110
|
}, 100);
|
|
1111
1111
|
}, w = () => {
|
|
1112
|
-
|
|
1112
|
+
u.value = !0, r();
|
|
1113
1113
|
}, B = () => {
|
|
1114
|
-
|
|
1114
|
+
u.value = !1, v();
|
|
1115
1115
|
}, F = () => {
|
|
1116
|
-
|
|
1116
|
+
u.value = !0;
|
|
1117
1117
|
}, G = () => {
|
|
1118
|
-
|
|
1118
|
+
u.value = !1, v();
|
|
1119
1119
|
};
|
|
1120
1120
|
return Le(() => {
|
|
1121
1121
|
l.value = !1;
|
|
@@ -1126,7 +1126,7 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
1126
1126
|
onMouseenter: w,
|
|
1127
1127
|
onMouseleave: B
|
|
1128
1128
|
}, [
|
|
1129
|
-
|
|
1129
|
+
y(I.$slots, "tooltip-component"),
|
|
1130
1130
|
(i(), V(Ie, { to: "body" }, [
|
|
1131
1131
|
l.value ? (i(), _("div", {
|
|
1132
1132
|
key: 0,
|
|
@@ -1137,7 +1137,7 @@ const Ne = "_getblock_ui_button_1pp63_1", Ae = "_getblock_ui_buttonAccent_1pp63_
|
|
|
1137
1137
|
onMouseenter: F,
|
|
1138
1138
|
onMouseleave: G
|
|
1139
1139
|
}, [
|
|
1140
|
-
|
|
1140
|
+
y(I.$slots, "tooltip-body")
|
|
1141
1141
|
], 36)) : x("", !0)
|
|
1142
1142
|
]))
|
|
1143
1143
|
], 544));
|
|
@@ -1195,7 +1195,7 @@ const Wn = "_getblock_ui_textarea_1k8rw_2", Gn = "dark", Un = "_getblock_ui_text
|
|
|
1195
1195
|
},
|
|
1196
1196
|
emits: ["update:inputValue", "resetError"],
|
|
1197
1197
|
setup(n, { emit: t }) {
|
|
1198
|
-
const e = n, s =
|
|
1198
|
+
const e = n, s = m(null), l = m(!1), u = m(300), c = b({
|
|
1199
1199
|
get() {
|
|
1200
1200
|
return e.inputValue;
|
|
1201
1201
|
},
|
|
@@ -1208,7 +1208,7 @@ const Wn = "_getblock_ui_textarea_1k8rw_2", Gn = "dark", Un = "_getblock_ui_text
|
|
|
1208
1208
|
[E.textareaFocus]: l.value,
|
|
1209
1209
|
[E.textareaFill]: e.colorType === "fill" && !l.value,
|
|
1210
1210
|
[E.textareaOutline]: e.colorType === "outline" && !l.value
|
|
1211
|
-
})),
|
|
1211
|
+
})), v = b(() => ({
|
|
1212
1212
|
[E.textareaHint]: !e.error,
|
|
1213
1213
|
[E.textareaHintError]: e.error
|
|
1214
1214
|
})), w = b(() => ({
|
|
@@ -1230,11 +1230,11 @@ const Wn = "_getblock_ui_textarea_1k8rw_2", Gn = "dark", Un = "_getblock_ui_text
|
|
|
1230
1230
|
p("p", {
|
|
1231
1231
|
class: a(o(w))
|
|
1232
1232
|
}, [
|
|
1233
|
-
|
|
1233
|
+
y(I.$slots, "label")
|
|
1234
1234
|
], 2),
|
|
1235
1235
|
p("p", {
|
|
1236
1236
|
class: a(o(E).labelText)
|
|
1237
|
-
},
|
|
1237
|
+
}, A(o(c).length) + "/" + A(u.value), 3)
|
|
1238
1238
|
], 2)) : x("", !0),
|
|
1239
1239
|
p("div", {
|
|
1240
1240
|
tabindex: "0",
|
|
@@ -1249,7 +1249,7 @@ const Wn = "_getblock_ui_textarea_1k8rw_2", Gn = "dark", Un = "_getblock_ui_text
|
|
|
1249
1249
|
tabindex: e.tabIndex,
|
|
1250
1250
|
class: a(o(E).input),
|
|
1251
1251
|
disabled: e.disabled,
|
|
1252
|
-
maxlength:
|
|
1252
|
+
maxlength: u.value,
|
|
1253
1253
|
name: e.inputName,
|
|
1254
1254
|
placeholder: e.placeholder
|
|
1255
1255
|
}, null, 10, cl), [
|
|
@@ -1267,9 +1267,9 @@ const Wn = "_getblock_ui_textarea_1k8rw_2", Gn = "dark", Un = "_getblock_ui_text
|
|
|
1267
1267
|
], 34),
|
|
1268
1268
|
o(G).hint ? (i(), _("p", {
|
|
1269
1269
|
key: 1,
|
|
1270
|
-
class: a(o(
|
|
1270
|
+
class: a(o(v))
|
|
1271
1271
|
}, [
|
|
1272
|
-
|
|
1272
|
+
y(I.$slots, "hint")
|
|
1273
1273
|
], 2)) : x("", !0)
|
|
1274
1274
|
], 2));
|
|
1275
1275
|
}
|
|
@@ -1299,7 +1299,7 @@ const Wn = "_getblock_ui_textarea_1k8rw_2", Gn = "dark", Un = "_getblock_ui_text
|
|
|
1299
1299
|
[pe.toggleSelectedDisabled]: e.selected && e.disabled,
|
|
1300
1300
|
[pe.toggleNotSelectedDisabled]: !e.selected && e.disabled
|
|
1301
1301
|
})), l = () => t("changeSelected");
|
|
1302
|
-
return (
|
|
1302
|
+
return (u, c) => (i(), _("label", {
|
|
1303
1303
|
class: a(o(s))
|
|
1304
1304
|
}, [
|
|
1305
1305
|
p("input", {
|
|
@@ -1311,13 +1311,13 @@ const Wn = "_getblock_ui_textarea_1k8rw_2", Gn = "dark", Un = "_getblock_ui_text
|
|
|
1311
1311
|
_l
|
|
1312
1312
|
], 2));
|
|
1313
1313
|
}
|
|
1314
|
-
}), pl = "_getblock_ui_radioButton_rj1c2_1", bl = "dark", gl = "_getblock_ui_radioButtonActive_rj1c2_17", ml = "_getblock_ui_radioButtonDisabled_rj1c2_22",
|
|
1314
|
+
}), pl = "_getblock_ui_radioButton_rj1c2_1", bl = "dark", gl = "_getblock_ui_radioButtonActive_rj1c2_17", ml = "_getblock_ui_radioButtonDisabled_rj1c2_22", vl = "_getblock_ui_radioButtonCheckedDisabled_rj1c2_26", kl = "_getblock_ui_iconFilter_rj1c2_32", ce = {
|
|
1315
1315
|
radioButton: pl,
|
|
1316
1316
|
dark: bl,
|
|
1317
1317
|
radioButtonActive: gl,
|
|
1318
1318
|
radioButtonDisabled: ml,
|
|
1319
|
-
radioButtonCheckedDisabled:
|
|
1320
|
-
iconFilter:
|
|
1319
|
+
radioButtonCheckedDisabled: vl,
|
|
1320
|
+
iconFilter: kl
|
|
1321
1321
|
}, hl = ["checked", "disabled", "value"], yl = { key: 0 }, Bc = /* @__PURE__ */ L({
|
|
1322
1322
|
__name: "RadioButton",
|
|
1323
1323
|
props: {
|
|
@@ -1342,7 +1342,7 @@ const Wn = "_getblock_ui_textarea_1k8rw_2", Gn = "dark", Un = "_getblock_ui_text
|
|
|
1342
1342
|
setup(n, { emit: t }) {
|
|
1343
1343
|
const e = n, s = (r) => {
|
|
1344
1344
|
t("update:modelValue", r.target.value);
|
|
1345
|
-
}, l = b(() => e.modelValue === e.inputValue),
|
|
1345
|
+
}, l = b(() => e.modelValue === e.inputValue), u = b(() => ({
|
|
1346
1346
|
[ce.iconFilter]: e.modelValue !== e.inputValue
|
|
1347
1347
|
})), c = b(() => ({
|
|
1348
1348
|
[ce.radioButton]: !0,
|
|
@@ -1350,7 +1350,7 @@ const Wn = "_getblock_ui_textarea_1k8rw_2", Gn = "dark", Un = "_getblock_ui_text
|
|
|
1350
1350
|
[ce.radioButtonDisabled]: e.modelValue !== e.inputValue && e.disabled,
|
|
1351
1351
|
[ce.radioButtonCheckedDisabled]: e.modelValue === e.inputValue && e.disabled
|
|
1352
1352
|
}));
|
|
1353
|
-
return (r,
|
|
1353
|
+
return (r, v) => (i(), _("label", {
|
|
1354
1354
|
class: a(o(c))
|
|
1355
1355
|
}, [
|
|
1356
1356
|
p("input", {
|
|
@@ -1365,7 +1365,7 @@ const Wn = "_getblock_ui_textarea_1k8rw_2", Gn = "dark", Un = "_getblock_ui_text
|
|
|
1365
1365
|
"icon-name": "check",
|
|
1366
1366
|
"color-type": "color-bg",
|
|
1367
1367
|
"size-type": "xs",
|
|
1368
|
-
class: a(o(
|
|
1368
|
+
class: a(o(u))
|
|
1369
1369
|
}, null, 8, ["class"])) : (i(), _("span", yl))
|
|
1370
1370
|
], 2));
|
|
1371
1371
|
}
|
|
@@ -1403,7 +1403,7 @@ const Wn = "_getblock_ui_textarea_1k8rw_2", Gn = "dark", Un = "_getblock_ui_text
|
|
|
1403
1403
|
const e = n, s = (l) => {
|
|
1404
1404
|
l.value !== e.selectedItem.value && t("changeSelectedItem", l);
|
|
1405
1405
|
};
|
|
1406
|
-
return (l,
|
|
1406
|
+
return (l, u) => (i(), _("div", {
|
|
1407
1407
|
class: a([o(te).tabBarContainer, e.stretched ? "w-full" : "max-w-max"])
|
|
1408
1408
|
}, [
|
|
1409
1409
|
(i(!0), _(W, null, oe(n.tabItems, (c) => (i(), _("div", {
|
|
@@ -1418,7 +1418,7 @@ const Wn = "_getblock_ui_textarea_1k8rw_2", Gn = "dark", Un = "_getblock_ui_text
|
|
|
1418
1418
|
onClick: (r) => s(c)
|
|
1419
1419
|
}, [
|
|
1420
1420
|
!c.iconName && !n.iconsAndText ? (i(), _(W, { key: 0 }, [
|
|
1421
|
-
$e(
|
|
1421
|
+
$e(A(c.text), 1)
|
|
1422
1422
|
], 64)) : c.iconName && !n.iconsAndText ? (i(), V(C, {
|
|
1423
1423
|
key: 1,
|
|
1424
1424
|
"icon-name": c.iconName
|
|
@@ -1427,19 +1427,19 @@ const Wn = "_getblock_ui_textarea_1k8rw_2", Gn = "dark", Un = "_getblock_ui_text
|
|
|
1427
1427
|
U(C, {
|
|
1428
1428
|
"icon-name": c.iconName
|
|
1429
1429
|
}, null, 8, ["icon-name"]),
|
|
1430
|
-
p("span", Cl,
|
|
1430
|
+
p("span", Cl, A(c.text), 1)
|
|
1431
1431
|
], 64)) : x("", !0),
|
|
1432
|
-
|
|
1432
|
+
y(l.$slots, c.value)
|
|
1433
1433
|
], 10, Dl))), 128))
|
|
1434
1434
|
], 2));
|
|
1435
1435
|
}
|
|
1436
|
-
}), $l = "_getblock_ui_notification_1y7zz_1", zl = "_getblock_ui_notificationLow_1y7zz_6", Ol = "dark", Hl = "_getblock_ui_notificationHigh_1y7zz_11",
|
|
1436
|
+
}), $l = "_getblock_ui_notification_1y7zz_1", zl = "_getblock_ui_notificationLow_1y7zz_6", Ol = "dark", Hl = "_getblock_ui_notificationHigh_1y7zz_11", Al = "_getblock_ui_notificationAttention_1y7zz_16", Nl = "_getblock_ui_notificationError_1y7zz_21", Ml = "_getblock_ui_textBlock_1y7zz_26", El = "_getblock_ui_title_1y7zz_30", Fl = "_getblock_ui_button_1y7zz_34", K = {
|
|
1437
1437
|
notification: $l,
|
|
1438
1438
|
notificationLow: zl,
|
|
1439
1439
|
dark: Ol,
|
|
1440
1440
|
notificationHigh: Hl,
|
|
1441
|
-
notificationAttention:
|
|
1442
|
-
notificationError:
|
|
1441
|
+
notificationAttention: Al,
|
|
1442
|
+
notificationError: Nl,
|
|
1443
1443
|
textBlock: Ml,
|
|
1444
1444
|
title: El,
|
|
1445
1445
|
button: Fl
|
|
@@ -1480,21 +1480,21 @@ const Wn = "_getblock_ui_textarea_1k8rw_2", Gn = "dark", Un = "_getblock_ui_text
|
|
|
1480
1480
|
high: "color-bg",
|
|
1481
1481
|
attention: "attention",
|
|
1482
1482
|
error: "alert"
|
|
1483
|
-
},
|
|
1483
|
+
}, u = {
|
|
1484
1484
|
low: "accent-hover",
|
|
1485
1485
|
high: "tint-hover",
|
|
1486
1486
|
attention: "attention-hover",
|
|
1487
1487
|
error: "error-hover"
|
|
1488
|
-
}, c =
|
|
1488
|
+
}, c = m(!1), r = () => {
|
|
1489
1489
|
t("deleteNotification");
|
|
1490
|
-
},
|
|
1490
|
+
}, v = b(() => ({
|
|
1491
1491
|
[K.notificationLow]: e.mainType === "low",
|
|
1492
1492
|
[K.notificationHigh]: e.mainType === "high",
|
|
1493
1493
|
[K.notificationAttention]: e.mainType === "attention",
|
|
1494
1494
|
[K.notificationError]: e.mainType === "error"
|
|
1495
|
-
})), w = b(() => l[e.mainType]), B = b(() => c.value ?
|
|
1495
|
+
})), w = b(() => l[e.mainType]), B = b(() => c.value ? u[e.mainType] : l[e.mainType]), F = b(() => s[e.mainType]), G = b(() => e.mainType === "error" ? "destructive" : "base"), I = ge();
|
|
1496
1496
|
return (S, O) => (i(), _("div", {
|
|
1497
|
-
class: a([o(
|
|
1497
|
+
class: a([o(v), o(K).notification])
|
|
1498
1498
|
}, [
|
|
1499
1499
|
e.infoIcon ? (i(), V(C, {
|
|
1500
1500
|
key: 0,
|
|
@@ -1508,10 +1508,10 @@ const Wn = "_getblock_ui_textarea_1k8rw_2", Gn = "dark", Un = "_getblock_ui_text
|
|
|
1508
1508
|
key: 0,
|
|
1509
1509
|
class: a(o(K).title)
|
|
1510
1510
|
}, [
|
|
1511
|
-
|
|
1511
|
+
y(S.$slots, "title")
|
|
1512
1512
|
], 2)) : x("", !0),
|
|
1513
1513
|
p("p", null, [
|
|
1514
|
-
|
|
1514
|
+
y(S.$slots, "default")
|
|
1515
1515
|
])
|
|
1516
1516
|
], 2),
|
|
1517
1517
|
e.isWithCloseIcon && e.closeIcon ? (i(), V(C, {
|
|
@@ -1532,7 +1532,7 @@ const Wn = "_getblock_ui_textarea_1k8rw_2", Gn = "dark", Un = "_getblock_ui_text
|
|
|
1532
1532
|
onClick: r
|
|
1533
1533
|
}, {
|
|
1534
1534
|
default: ze(() => [
|
|
1535
|
-
|
|
1535
|
+
y(S.$slots, "button-slot")
|
|
1536
1536
|
]),
|
|
1537
1537
|
_: 3
|
|
1538
1538
|
}, 8, ["class", "color-type", "main-type"])) : x("", !0)
|
|
@@ -1569,7 +1569,7 @@ const Wn = "_getblock_ui_textarea_1k8rw_2", Gn = "dark", Un = "_getblock_ui_text
|
|
|
1569
1569
|
[J.customLoaderTintHelper]: t.colorType === "tint",
|
|
1570
1570
|
[J.customLoaderOutlineHelper]: t.colorType === "outline"
|
|
1571
1571
|
}));
|
|
1572
|
-
return (l,
|
|
1572
|
+
return (l, u) => (i(), _("div", {
|
|
1573
1573
|
class: a([o(e), o(J).customLoader])
|
|
1574
1574
|
}, [
|
|
1575
1575
|
p("div", {
|
|
@@ -1617,13 +1617,13 @@ const Wn = "_getblock_ui_textarea_1k8rw_2", Gn = "dark", Un = "_getblock_ui_text
|
|
|
1617
1617
|
other: "\u5176\u4ED6",
|
|
1618
1618
|
inputPlaceholder: "\u641C\u7D22"
|
|
1619
1619
|
}
|
|
1620
|
-
}, l =
|
|
1621
|
-
(D) => D.value.toLowerCase().includes(
|
|
1620
|
+
}, l = m(!1), u = m(""), c = m(!1), r = m([]), v = m(!1), w = m(null), B = b(() => l.value ? "main" : "tertiary"), F = b(() => e.items.filter(
|
|
1621
|
+
(D) => D.value.toLowerCase().includes(u.value.toLowerCase()) || D.generalText.toLowerCase().includes(u.value.toLowerCase()) || D.additionalText.toLowerCase().includes(u.value.toLowerCase())
|
|
1622
1622
|
)), G = (D) => {
|
|
1623
1623
|
c.value && (c.value = !1, r.value = []);
|
|
1624
|
-
for (const
|
|
1625
|
-
if (
|
|
1626
|
-
|
|
1624
|
+
for (const d of F.value)
|
|
1625
|
+
if (d.value === D.id) {
|
|
1626
|
+
d.checked = !d.checked, d.checked ? r.value.push(d.generalText) : r.value = r.value.filter((g) => g !== d.generalText);
|
|
1627
1627
|
break;
|
|
1628
1628
|
}
|
|
1629
1629
|
}, I = () => {
|
|
@@ -1637,42 +1637,42 @@ const Wn = "_getblock_ui_textarea_1k8rw_2", Gn = "dark", Un = "_getblock_ui_text
|
|
|
1637
1637
|
}, O = () => {
|
|
1638
1638
|
l.value = !l.value;
|
|
1639
1639
|
}, H = () => {
|
|
1640
|
-
|
|
1640
|
+
v.value || (l.value = !1);
|
|
1641
1641
|
};
|
|
1642
1642
|
t({
|
|
1643
1643
|
selectedItems: r
|
|
1644
|
-
}),
|
|
1644
|
+
}), ke(
|
|
1645
1645
|
() => e.updateSignal,
|
|
1646
1646
|
() => {
|
|
1647
|
-
l.value || (
|
|
1648
|
-
|
|
1647
|
+
l.value || (v.value = !0, w.value = setTimeout(() => {
|
|
1648
|
+
v.value = !1;
|
|
1649
1649
|
}, 0), l.value = !0);
|
|
1650
1650
|
}
|
|
1651
1651
|
), Oe(() => {
|
|
1652
1652
|
w.value && clearTimeout(w.value);
|
|
1653
1653
|
});
|
|
1654
|
-
const
|
|
1655
|
-
const
|
|
1656
|
-
|
|
1654
|
+
const N = m(null), $ = m(null), P = m(null), ne = m(!1), ae = (D) => {
|
|
1655
|
+
const d = N.value, g = $.value, k = P.value, R = d.scrollTop / (d.scrollHeight - d.clientHeight);
|
|
1656
|
+
k.style.transform = `translateY(${R * (g.clientHeight - 40)}px)`;
|
|
1657
1657
|
}, se = (D) => {
|
|
1658
|
-
const
|
|
1658
|
+
const d = D.clientY, g = N.value.scrollTop, k = P.value.offsetHeight, R = $.value.offsetHeight;
|
|
1659
1659
|
ne.value = !0;
|
|
1660
1660
|
const j = (q) => {
|
|
1661
|
-
const he = (q.clientY -
|
|
1662
|
-
|
|
1661
|
+
const he = (q.clientY - d) / (R - k) * (N.value.scrollHeight - N.value.clientHeight);
|
|
1662
|
+
N.value.scrollTop = g + he;
|
|
1663
1663
|
}, M = () => {
|
|
1664
1664
|
document.removeEventListener("mousemove", j), document.removeEventListener("mouseup", M), ne.value = !1;
|
|
1665
1665
|
};
|
|
1666
1666
|
document.addEventListener("mousemove", j), document.addEventListener("mouseup", M);
|
|
1667
1667
|
}, me = (D) => {
|
|
1668
|
-
const
|
|
1669
|
-
|
|
1668
|
+
const d = $.value, g = N.value, k = D.clientY - d.getBoundingClientRect().top, R = d.clientHeight, j = g.scrollHeight - g.clientHeight;
|
|
1669
|
+
g.scrollTop = k / R * j;
|
|
1670
1670
|
};
|
|
1671
1671
|
return fe(() => {
|
|
1672
1672
|
var D;
|
|
1673
|
-
(D =
|
|
1674
|
-
}), (D,
|
|
1675
|
-
const
|
|
1673
|
+
(D = N.value) == null || D.addEventListener("scroll", ae);
|
|
1674
|
+
}), (D, d) => {
|
|
1675
|
+
const g = Te("click-outside");
|
|
1676
1676
|
return Q((i(), _("div", {
|
|
1677
1677
|
tabindex: "0",
|
|
1678
1678
|
onClick: O,
|
|
@@ -1692,15 +1692,15 @@ const Wn = "_getblock_ui_textarea_1k8rw_2", Gn = "dark", Un = "_getblock_ui_text
|
|
|
1692
1692
|
"font-medium leading-5 truncate",
|
|
1693
1693
|
r.value.length === 0 ? "text-text-secondary dark:text-text-dark-secondary" : "text-text-main dark:text-text-dark-main"
|
|
1694
1694
|
])
|
|
1695
|
-
},
|
|
1695
|
+
}, A(r.value.length === 0 ? n.placeholder : r.value.join(",")), 3),
|
|
1696
1696
|
Q(p("div", {
|
|
1697
|
-
onClick:
|
|
1697
|
+
onClick: d[1] || (d[1] = be(() => {
|
|
1698
1698
|
}, ["stop"])),
|
|
1699
1699
|
class: "flex flex-col gap-2 p-1.5 w-full absolute left-0 right-0 test rounded-16 bg-bg-base dark:bg-bg-dark-base cursor-default"
|
|
1700
1700
|
}, [
|
|
1701
1701
|
U(Zt, {
|
|
1702
|
-
"input-value":
|
|
1703
|
-
"onUpdate:inputValue":
|
|
1702
|
+
"input-value": u.value,
|
|
1703
|
+
"onUpdate:inputValue": d[0] || (d[0] = (k) => u.value = k),
|
|
1704
1704
|
placeholder: s[e.locale].inputPlaceholder,
|
|
1705
1705
|
"icon-name": "search-md",
|
|
1706
1706
|
"right-icon-name": "x-close",
|
|
@@ -1711,29 +1711,29 @@ const Wn = "_getblock_ui_textarea_1k8rw_2", Gn = "dark", Un = "_getblock_ui_text
|
|
|
1711
1711
|
p("div", {
|
|
1712
1712
|
class: "overflow-auto max-h-[120px] content",
|
|
1713
1713
|
ref_key: "dropdownContent",
|
|
1714
|
-
ref:
|
|
1714
|
+
ref: N
|
|
1715
1715
|
}, [
|
|
1716
|
-
(i(!0), _(W, null, oe(o(F), (
|
|
1717
|
-
key:
|
|
1716
|
+
(i(!0), _(W, null, oe(o(F), (k) => (i(), _("div", {
|
|
1717
|
+
key: k.value,
|
|
1718
1718
|
class: a(["flex gap-3 p-3 items-center", { "pr-6": o(F).length >= 2 }])
|
|
1719
1719
|
}, [
|
|
1720
|
-
U(
|
|
1721
|
-
checked:
|
|
1722
|
-
id:
|
|
1723
|
-
value:
|
|
1720
|
+
U(ve, {
|
|
1721
|
+
checked: k.checked,
|
|
1722
|
+
id: k.value,
|
|
1723
|
+
value: k.value,
|
|
1724
1724
|
onChange: G
|
|
1725
1725
|
}, null, 8, ["checked", "id", "value"]),
|
|
1726
|
-
p("span", ec,
|
|
1727
|
-
|
|
1726
|
+
p("span", ec, A(k.generalText), 1),
|
|
1727
|
+
k.additionalText ? (i(), _("span", tc, A(k.additionalText), 1)) : x("", !0)
|
|
1728
1728
|
], 2))), 128)),
|
|
1729
1729
|
p("div", oc, [
|
|
1730
|
-
U(
|
|
1730
|
+
U(ve, {
|
|
1731
1731
|
checked: c.value,
|
|
1732
1732
|
id: "other",
|
|
1733
1733
|
value: "other",
|
|
1734
1734
|
onChange: S
|
|
1735
1735
|
}, null, 8, ["checked"]),
|
|
1736
|
-
p("span", nc,
|
|
1736
|
+
p("span", nc, A(s[e.locale].other), 1)
|
|
1737
1737
|
])
|
|
1738
1738
|
], 512),
|
|
1739
1739
|
o(F).length >= 2 ? (i(), _("div", {
|
|
@@ -1761,7 +1761,7 @@ const Wn = "_getblock_ui_textarea_1k8rw_2", Gn = "dark", Un = "_getblock_ui_text
|
|
|
1761
1761
|
"color-type": o(B)
|
|
1762
1762
|
}, null, 8, ["class", "color-type"])
|
|
1763
1763
|
], 2)), [
|
|
1764
|
-
[
|
|
1764
|
+
[g, H]
|
|
1765
1765
|
]);
|
|
1766
1766
|
};
|
|
1767
1767
|
}
|
|
@@ -1783,10 +1783,10 @@ const Se = (n, t) => {
|
|
|
1783
1783
|
emits: ["update:value"],
|
|
1784
1784
|
setup(n, { emit: t }) {
|
|
1785
1785
|
const e = n;
|
|
1786
|
-
He((
|
|
1787
|
-
"9be73400": o(
|
|
1786
|
+
He((v) => ({
|
|
1787
|
+
"9be73400": o(u)
|
|
1788
1788
|
}));
|
|
1789
|
-
const s =
|
|
1789
|
+
const s = m(1), l = b(() => typeof document < "u" ? document.getElementsByTagName("html")[0].classList.contains("dark") : !1), u = b(() => {
|
|
1790
1790
|
if (l.value) {
|
|
1791
1791
|
if (e.color === "dark")
|
|
1792
1792
|
return "#85858c";
|
|
@@ -1802,25 +1802,25 @@ const Se = (n, t) => {
|
|
|
1802
1802
|
}), c = b(
|
|
1803
1803
|
() => e.values[s.value] >= 1e6 ? new Intl.NumberFormat("en", { notation: "compact" }).format(e.values[s.value]) : e.values[s.value]
|
|
1804
1804
|
);
|
|
1805
|
-
|
|
1805
|
+
ke(
|
|
1806
1806
|
() => e.value,
|
|
1807
|
-
(
|
|
1808
|
-
const w = e.values.findIndex((B) => B ===
|
|
1807
|
+
(v) => {
|
|
1808
|
+
const w = e.values.findIndex((B) => B === v);
|
|
1809
1809
|
s.value = w !== -1 ? w : 0;
|
|
1810
1810
|
},
|
|
1811
1811
|
{ immediate: !0 }
|
|
1812
1812
|
);
|
|
1813
|
-
const r = (
|
|
1814
|
-
const w =
|
|
1813
|
+
const r = (v) => {
|
|
1814
|
+
const w = v.target;
|
|
1815
1815
|
t("update:value", e.values[Number(w.value)]);
|
|
1816
1816
|
};
|
|
1817
|
-
return (
|
|
1817
|
+
return (v, w) => (i(), _("div", cc, [
|
|
1818
1818
|
p("div", ic, [
|
|
1819
|
-
p("p", ac,
|
|
1819
|
+
p("p", ac, A(n.label), 1),
|
|
1820
1820
|
p("p", {
|
|
1821
1821
|
class: "font-bold",
|
|
1822
|
-
style: xe({ color: o(
|
|
1823
|
-
},
|
|
1822
|
+
style: xe({ color: o(u) })
|
|
1823
|
+
}, A(o(c)), 5)
|
|
1824
1824
|
]),
|
|
1825
1825
|
p("div", sc, [
|
|
1826
1826
|
p("div", rc, [
|
|
@@ -1844,7 +1844,7 @@ const Se = (n, t) => {
|
|
|
1844
1844
|
(i(!0), _(W, null, oe(n.marks, (B) => (i(), _("span", {
|
|
1845
1845
|
key: B,
|
|
1846
1846
|
class: "slider-mark"
|
|
1847
|
-
},
|
|
1847
|
+
}, A(B), 1))), 128))
|
|
1848
1848
|
])
|
|
1849
1849
|
])
|
|
1850
1850
|
]));
|
|
@@ -1856,11 +1856,11 @@ export {
|
|
|
1856
1856
|
Tc as GetBlockUIBreadcrumbs,
|
|
1857
1857
|
rt as GetBlockUIButton,
|
|
1858
1858
|
gc as GetBlockUIChips,
|
|
1859
|
-
|
|
1859
|
+
vc as GetBlockUIDropdown,
|
|
1860
1860
|
yc as GetBlockUIDroplist,
|
|
1861
1861
|
C as GetBlockUIIcon,
|
|
1862
1862
|
Zt as GetBlockUIInput,
|
|
1863
|
-
|
|
1863
|
+
kc as GetBlockUILineTab,
|
|
1864
1864
|
mc as GetBlockUIListItem,
|
|
1865
1865
|
Dc as GetBlockUILoader,
|
|
1866
1866
|
Ic as GetBlockUINotification,
|
|
@@ -1871,6 +1871,6 @@ export {
|
|
|
1871
1871
|
Sc as GetBlockUITextArea,
|
|
1872
1872
|
wc as GetBlockUIToggle,
|
|
1873
1873
|
xc as GetBlockUITooltip,
|
|
1874
|
-
|
|
1874
|
+
ve as GetBlockUiCheckbox,
|
|
1875
1875
|
Cc as GetBlockUiDropdownWithCheckbox
|
|
1876
1876
|
};
|