@1337exp/taoui 1.3.5 → 1.5.0
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/README.md +24 -4
- package/README.ru.md +24 -4
- package/dist/index.cjs +742 -334
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +255 -88
- package/dist/index.mjs +743 -335
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +395 -103
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -1,21 +1,22 @@
|
|
|
1
|
-
import { defineComponent, openBlock, createElementBlock, normalizeClass, createCommentVNode, toDisplayString, createElementVNode, renderSlot, computed, normalizeStyle, inject, useId, ref, unref, watch, onBeforeUnmount, createBlock, Teleport, createVNode, Transition, withCtx, withModifiers, nextTick, Fragment, renderList, createTextVNode, onMounted, provide, resolveDynamicComponent, useCssVars, reactive, onBeforeMount,
|
|
2
|
-
const _hoisted_1$
|
|
3
|
-
const _hoisted_2$
|
|
1
|
+
import { defineComponent, openBlock, createElementBlock, normalizeClass, createCommentVNode, toDisplayString, createElementVNode, renderSlot, computed, normalizeStyle, inject, useId, ref, unref, watch, onBeforeUnmount, createBlock, Teleport, createVNode, Transition, withCtx, withModifiers, nextTick, Fragment, renderList, createTextVNode, onMounted, provide, resolveDynamicComponent, useCssVars, useSlots, reactive, onBeforeMount, withDirectives, vModelText, getCurrentInstance, mergeProps, TransitionGroup, onUpdated, createApp } from "vue";
|
|
2
|
+
const _hoisted_1$M = ["type", "disabled"];
|
|
3
|
+
const _hoisted_2$F = {
|
|
4
4
|
key: 0,
|
|
5
5
|
class: "tao-button__loader"
|
|
6
6
|
};
|
|
7
|
-
const _hoisted_3$
|
|
7
|
+
const _hoisted_3$y = {
|
|
8
8
|
key: 1,
|
|
9
9
|
class: "tao-button__icon"
|
|
10
10
|
};
|
|
11
|
-
const _hoisted_4$
|
|
12
|
-
const _sfc_main$
|
|
11
|
+
const _hoisted_4$r = { class: "tao-button__content" };
|
|
12
|
+
const _sfc_main$U = /* @__PURE__ */ defineComponent({
|
|
13
13
|
...{ name: "TaoButton" },
|
|
14
14
|
__name: "TaoButton",
|
|
15
15
|
props: {
|
|
16
16
|
type: { default: "button" },
|
|
17
17
|
size: { default: "medium" },
|
|
18
18
|
variant: { default: "primary" },
|
|
19
|
+
tone: { default: "" },
|
|
19
20
|
disabled: { type: Boolean, default: false },
|
|
20
21
|
loading: { type: Boolean, default: false },
|
|
21
22
|
block: { type: Boolean, default: false },
|
|
@@ -39,19 +40,20 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
|
|
|
39
40
|
"tao-button--disabled": __props.disabled,
|
|
40
41
|
"tao-button--loading": __props.loading,
|
|
41
42
|
"tao-button--block": __props.block,
|
|
42
|
-
"tao-button--icon": !!__props.icon
|
|
43
|
+
"tao-button--icon": !!__props.icon,
|
|
44
|
+
[`tao-button--tone-${__props.tone}`]: !!__props.tone
|
|
43
45
|
}
|
|
44
46
|
]]),
|
|
45
47
|
type: __props.type,
|
|
46
48
|
disabled: __props.disabled || __props.loading,
|
|
47
49
|
onClick: handleClick
|
|
48
50
|
}, [
|
|
49
|
-
__props.loading ? (openBlock(), createElementBlock("span", _hoisted_2$
|
|
50
|
-
__props.icon ? (openBlock(), createElementBlock("span", _hoisted_3$
|
|
51
|
-
createElementVNode("span", _hoisted_4$
|
|
51
|
+
__props.loading ? (openBlock(), createElementBlock("span", _hoisted_2$F)) : createCommentVNode("", true),
|
|
52
|
+
__props.icon ? (openBlock(), createElementBlock("span", _hoisted_3$y, toDisplayString(__props.icon), 1)) : createCommentVNode("", true),
|
|
53
|
+
createElementVNode("span", _hoisted_4$r, [
|
|
52
54
|
renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
53
55
|
])
|
|
54
|
-
], 10, _hoisted_1$
|
|
56
|
+
], 10, _hoisted_1$M);
|
|
55
57
|
};
|
|
56
58
|
}
|
|
57
59
|
});
|
|
@@ -62,8 +64,8 @@ const _export_sfc = (sfc, props) => {
|
|
|
62
64
|
}
|
|
63
65
|
return target;
|
|
64
66
|
};
|
|
65
|
-
const TaoButton = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
66
|
-
const _sfc_main$
|
|
67
|
+
const TaoButton = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__scopeId", "data-v-c3034f66"]]);
|
|
68
|
+
const _sfc_main$T = /* @__PURE__ */ defineComponent({
|
|
67
69
|
...{ name: "TaoBlock" },
|
|
68
70
|
__name: "TaoBlock",
|
|
69
71
|
props: {
|
|
@@ -95,24 +97,24 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
|
|
|
95
97
|
};
|
|
96
98
|
}
|
|
97
99
|
});
|
|
98
|
-
const TaoBlock = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
100
|
+
const TaoBlock = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__scopeId", "data-v-feb87e36"]]);
|
|
99
101
|
const formFieldKey = Symbol("taoFormField");
|
|
100
|
-
const _hoisted_1$
|
|
101
|
-
const _hoisted_2$
|
|
102
|
-
const _hoisted_3$
|
|
102
|
+
const _hoisted_1$L = { class: "tao-input-wrapper" };
|
|
103
|
+
const _hoisted_2$E = ["for"];
|
|
104
|
+
const _hoisted_3$x = {
|
|
103
105
|
key: 0,
|
|
104
106
|
class: "tao-input__affix tao-input__affix--prefix"
|
|
105
107
|
};
|
|
106
|
-
const _hoisted_4$
|
|
107
|
-
const _hoisted_5$
|
|
108
|
+
const _hoisted_4$q = ["id", "type", "value", "placeholder", "disabled", "aria-invalid", "aria-describedby"];
|
|
109
|
+
const _hoisted_5$i = {
|
|
108
110
|
key: 1,
|
|
109
111
|
class: "tao-input__affix tao-input__affix--suffix"
|
|
110
112
|
};
|
|
111
|
-
const _hoisted_6$
|
|
113
|
+
const _hoisted_6$e = {
|
|
112
114
|
key: 1,
|
|
113
115
|
class: "tao-input__error"
|
|
114
116
|
};
|
|
115
|
-
const _sfc_main$
|
|
117
|
+
const _sfc_main$S = /* @__PURE__ */ defineComponent({
|
|
116
118
|
...{ name: "TaoInput" },
|
|
117
119
|
__name: "TaoInput",
|
|
118
120
|
props: {
|
|
@@ -148,12 +150,12 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
|
|
|
148
150
|
emit("focus", event);
|
|
149
151
|
}
|
|
150
152
|
return (_ctx, _cache) => {
|
|
151
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
153
|
+
return openBlock(), createElementBlock("div", _hoisted_1$L, [
|
|
152
154
|
__props.label && !unref(field) ? (openBlock(), createElementBlock("label", {
|
|
153
155
|
key: 0,
|
|
154
156
|
class: "tao-input__label",
|
|
155
157
|
for: controlId.value
|
|
156
|
-
}, toDisplayString(__props.label), 9, _hoisted_2$
|
|
158
|
+
}, toDisplayString(__props.label), 9, _hoisted_2$E)) : createCommentVNode("", true),
|
|
157
159
|
createElementVNode("div", {
|
|
158
160
|
class: normalizeClass(["tao-input-shell", {
|
|
159
161
|
"tao-input-shell--focused": focused.value,
|
|
@@ -163,7 +165,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
|
|
|
163
165
|
"tao-input-shell--suffix": _ctx.$slots.suffix
|
|
164
166
|
}])
|
|
165
167
|
}, [
|
|
166
|
-
_ctx.$slots.prefix ? (openBlock(), createElementBlock("span", _hoisted_3$
|
|
168
|
+
_ctx.$slots.prefix ? (openBlock(), createElementBlock("span", _hoisted_3$x, [
|
|
167
169
|
renderSlot(_ctx.$slots, "prefix", {}, void 0, true)
|
|
168
170
|
])) : createCommentVNode("", true),
|
|
169
171
|
createElementVNode("input", {
|
|
@@ -178,27 +180,27 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
|
|
|
178
180
|
onInput: handleInput,
|
|
179
181
|
onBlur: handleBlur,
|
|
180
182
|
onFocus: handleFocus
|
|
181
|
-
}, null, 42, _hoisted_4$
|
|
182
|
-
_ctx.$slots.suffix ? (openBlock(), createElementBlock("span", _hoisted_5$
|
|
183
|
+
}, null, 42, _hoisted_4$q),
|
|
184
|
+
_ctx.$slots.suffix ? (openBlock(), createElementBlock("span", _hoisted_5$i, [
|
|
183
185
|
renderSlot(_ctx.$slots, "suffix", {}, void 0, true)
|
|
184
186
|
])) : createCommentVNode("", true)
|
|
185
187
|
], 2),
|
|
186
|
-
__props.error && __props.errorMessage ? (openBlock(), createElementBlock("span", _hoisted_6$
|
|
188
|
+
__props.error && __props.errorMessage ? (openBlock(), createElementBlock("span", _hoisted_6$e, toDisplayString(__props.errorMessage), 1)) : createCommentVNode("", true)
|
|
187
189
|
]);
|
|
188
190
|
};
|
|
189
191
|
}
|
|
190
192
|
});
|
|
191
|
-
const TaoInput = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
192
|
-
const _hoisted_1$
|
|
193
|
+
const TaoInput = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-b522e041"]]);
|
|
194
|
+
const _hoisted_1$K = {
|
|
193
195
|
key: 0,
|
|
194
196
|
class: "tao-input-group__addon tao-input-group__addon--before"
|
|
195
197
|
};
|
|
196
|
-
const _hoisted_2$
|
|
197
|
-
const _hoisted_3$
|
|
198
|
+
const _hoisted_2$D = { class: "tao-input-group__field" };
|
|
199
|
+
const _hoisted_3$w = {
|
|
198
200
|
key: 1,
|
|
199
201
|
class: "tao-input-group__addon tao-input-group__addon--after"
|
|
200
202
|
};
|
|
201
|
-
const _sfc_main$
|
|
203
|
+
const _sfc_main$R = /* @__PURE__ */ defineComponent({
|
|
202
204
|
...{ name: "TaoInputGroup" },
|
|
203
205
|
__name: "TaoInputGroup",
|
|
204
206
|
setup(__props) {
|
|
@@ -220,28 +222,28 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
|
|
|
220
222
|
onFocusin: onFocusIn,
|
|
221
223
|
onFocusout: onFocusOut
|
|
222
224
|
}, [
|
|
223
|
-
_ctx.$slots.before ? (openBlock(), createElementBlock("div", _hoisted_1$
|
|
225
|
+
_ctx.$slots.before ? (openBlock(), createElementBlock("div", _hoisted_1$K, [
|
|
224
226
|
renderSlot(_ctx.$slots, "before", {}, void 0, true)
|
|
225
227
|
])) : createCommentVNode("", true),
|
|
226
|
-
createElementVNode("div", _hoisted_2$
|
|
228
|
+
createElementVNode("div", _hoisted_2$D, [
|
|
227
229
|
renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
228
230
|
]),
|
|
229
|
-
_ctx.$slots.after ? (openBlock(), createElementBlock("div", _hoisted_3$
|
|
231
|
+
_ctx.$slots.after ? (openBlock(), createElementBlock("div", _hoisted_3$w, [
|
|
230
232
|
renderSlot(_ctx.$slots, "after", {}, void 0, true)
|
|
231
233
|
])) : createCommentVNode("", true)
|
|
232
234
|
], 34);
|
|
233
235
|
};
|
|
234
236
|
}
|
|
235
237
|
});
|
|
236
|
-
const TaoInputGroup = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
237
|
-
const _hoisted_1$
|
|
238
|
-
const _hoisted_2$
|
|
238
|
+
const TaoInputGroup = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-f06bb3b1"]]);
|
|
239
|
+
const _hoisted_1$J = ["id", "value", "placeholder", "disabled", "aria-invalid", "aria-describedby", "aria-valuenow", "aria-valuemin", "aria-valuemax"];
|
|
240
|
+
const _hoisted_2$C = {
|
|
239
241
|
key: 0,
|
|
240
242
|
class: "tao-input-number__steppers"
|
|
241
243
|
};
|
|
242
|
-
const _hoisted_3$
|
|
243
|
-
const _hoisted_4$
|
|
244
|
-
const _sfc_main$
|
|
244
|
+
const _hoisted_3$v = ["disabled"];
|
|
245
|
+
const _hoisted_4$p = ["disabled"];
|
|
246
|
+
const _sfc_main$Q = /* @__PURE__ */ defineComponent({
|
|
245
247
|
...{ name: "TaoInputNumber" },
|
|
246
248
|
__name: "TaoInputNumber",
|
|
247
249
|
props: {
|
|
@@ -390,8 +392,8 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
|
|
|
390
392
|
onFocus,
|
|
391
393
|
onBlur,
|
|
392
394
|
onKeydown
|
|
393
|
-
}, null, 40, _hoisted_1$
|
|
394
|
-
__props.controls ? (openBlock(), createElementBlock("div", _hoisted_2$
|
|
395
|
+
}, null, 40, _hoisted_1$J),
|
|
396
|
+
__props.controls ? (openBlock(), createElementBlock("div", _hoisted_2$C, [
|
|
395
397
|
createElementVNode("button", {
|
|
396
398
|
type: "button",
|
|
397
399
|
class: "tao-input-number__step",
|
|
@@ -399,7 +401,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
|
|
|
399
401
|
tabindex: "-1",
|
|
400
402
|
disabled: __props.disabled || atMax.value,
|
|
401
403
|
onClick: _cache[0] || (_cache[0] = ($event) => bump(1))
|
|
402
|
-
}, " + ", 8, _hoisted_3$
|
|
404
|
+
}, " + ", 8, _hoisted_3$v),
|
|
403
405
|
createElementVNode("button", {
|
|
404
406
|
type: "button",
|
|
405
407
|
class: "tao-input-number__step",
|
|
@@ -407,17 +409,17 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
|
|
|
407
409
|
tabindex: "-1",
|
|
408
410
|
disabled: __props.disabled || atMin.value,
|
|
409
411
|
onClick: _cache[1] || (_cache[1] = ($event) => bump(-1))
|
|
410
|
-
}, " − ", 8, _hoisted_4$
|
|
412
|
+
}, " − ", 8, _hoisted_4$p)
|
|
411
413
|
])) : createCommentVNode("", true)
|
|
412
414
|
], 2);
|
|
413
415
|
};
|
|
414
416
|
}
|
|
415
417
|
});
|
|
416
|
-
const TaoInputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
417
|
-
const _hoisted_1$
|
|
418
|
-
const _hoisted_2$
|
|
419
|
-
const _hoisted_3$
|
|
420
|
-
const _sfc_main$
|
|
418
|
+
const TaoInputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-55b65a4d"]]);
|
|
419
|
+
const _hoisted_1$I = ["aria-label", "disabled"];
|
|
420
|
+
const _hoisted_2$B = ["id", "value", "disabled", "aria-invalid", "aria-describedby", "aria-valuenow", "aria-valuemin", "aria-valuemax"];
|
|
421
|
+
const _hoisted_3$u = ["disabled"];
|
|
422
|
+
const _sfc_main$P = /* @__PURE__ */ defineComponent({
|
|
421
423
|
...{ name: "TaoQuantity" },
|
|
422
424
|
__name: "TaoQuantity",
|
|
423
425
|
props: {
|
|
@@ -550,7 +552,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
|
|
|
550
552
|
"aria-label": minusLabel.value,
|
|
551
553
|
disabled: minusDisabled.value,
|
|
552
554
|
onClick: onDec
|
|
553
|
-
}, " − ", 8, _hoisted_1$
|
|
555
|
+
}, " − ", 8, _hoisted_1$I),
|
|
554
556
|
createElementVNode("input", {
|
|
555
557
|
id: controlId.value,
|
|
556
558
|
class: "tao-quantity__input",
|
|
@@ -570,41 +572,41 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
|
|
|
570
572
|
onFocus,
|
|
571
573
|
onBlur,
|
|
572
574
|
onKeydown
|
|
573
|
-
}, null, 40, _hoisted_2$
|
|
575
|
+
}, null, 40, _hoisted_2$B),
|
|
574
576
|
createElementVNode("button", {
|
|
575
577
|
type: "button",
|
|
576
578
|
class: "tao-quantity__btn tao-quantity__btn--inc",
|
|
577
579
|
"aria-label": "Увеличить",
|
|
578
580
|
disabled: plusDisabled.value,
|
|
579
581
|
onClick: onInc
|
|
580
|
-
}, " + ", 8, _hoisted_3$
|
|
582
|
+
}, " + ", 8, _hoisted_3$u)
|
|
581
583
|
], 2);
|
|
582
584
|
};
|
|
583
585
|
}
|
|
584
586
|
});
|
|
585
|
-
const TaoQuantity = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
586
|
-
const _hoisted_1$
|
|
587
|
+
const TaoQuantity = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-df6baf04"]]);
|
|
588
|
+
const _hoisted_1$H = {
|
|
587
589
|
key: 0,
|
|
588
590
|
class: "tao-card__cover"
|
|
589
591
|
};
|
|
590
|
-
const _hoisted_2$
|
|
592
|
+
const _hoisted_2$A = {
|
|
591
593
|
key: 0,
|
|
592
594
|
class: "tao-card__header-title"
|
|
593
595
|
};
|
|
594
|
-
const _hoisted_3$
|
|
595
|
-
const _hoisted_4$
|
|
596
|
+
const _hoisted_3$t = { key: 0 };
|
|
597
|
+
const _hoisted_4$o = {
|
|
596
598
|
key: 2,
|
|
597
599
|
class: "tao-card__title-block"
|
|
598
600
|
};
|
|
599
|
-
const _hoisted_5$
|
|
601
|
+
const _hoisted_5$h = {
|
|
600
602
|
key: 0,
|
|
601
603
|
class: "tao-card__title"
|
|
602
604
|
};
|
|
603
|
-
const _hoisted_6$
|
|
605
|
+
const _hoisted_6$d = {
|
|
604
606
|
key: 1,
|
|
605
607
|
class: "tao-card__sub"
|
|
606
608
|
};
|
|
607
|
-
const _hoisted_7$
|
|
609
|
+
const _hoisted_7$9 = {
|
|
608
610
|
key: 3,
|
|
609
611
|
class: "tao-card__body"
|
|
610
612
|
};
|
|
@@ -612,7 +614,7 @@ const _hoisted_8$7 = {
|
|
|
612
614
|
key: 4,
|
|
613
615
|
class: "tao-card__footer"
|
|
614
616
|
};
|
|
615
|
-
const _sfc_main$
|
|
617
|
+
const _sfc_main$O = /* @__PURE__ */ defineComponent({
|
|
616
618
|
...{ name: "TaoCard" },
|
|
617
619
|
__name: "TaoCard",
|
|
618
620
|
props: {
|
|
@@ -644,14 +646,14 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
|
|
|
644
646
|
}]),
|
|
645
647
|
style: normalizeStyle(radiusStyle.value)
|
|
646
648
|
}, [
|
|
647
|
-
_ctx.$slots.cover ? (openBlock(), createElementBlock("div", _hoisted_1$
|
|
649
|
+
_ctx.$slots.cover ? (openBlock(), createElementBlock("div", _hoisted_1$H, [
|
|
648
650
|
renderSlot(_ctx.$slots, "cover", {}, void 0, true)
|
|
649
651
|
])) : createCommentVNode("", true),
|
|
650
652
|
createElementVNode("div", {
|
|
651
653
|
class: "tao-card__content",
|
|
652
654
|
style: normalizeStyle(paddingStyle.value)
|
|
653
655
|
}, [
|
|
654
|
-
_ctx.$slots.headerTitle ? (openBlock(), createElementBlock("h2", _hoisted_2$
|
|
656
|
+
_ctx.$slots.headerTitle ? (openBlock(), createElementBlock("h2", _hoisted_2$A, [
|
|
655
657
|
renderSlot(_ctx.$slots, "headerTitle", {}, void 0, true)
|
|
656
658
|
])) : createCommentVNode("", true),
|
|
657
659
|
_ctx.$slots.header || _ctx.$slots.headerSecondary ? (openBlock(), createElementBlock("div", {
|
|
@@ -661,19 +663,19 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
|
|
|
661
663
|
createElementVNode("span", null, [
|
|
662
664
|
renderSlot(_ctx.$slots, "header", {}, void 0, true)
|
|
663
665
|
]),
|
|
664
|
-
_ctx.$slots.headerSecondary ? (openBlock(), createElementBlock("span", _hoisted_3$
|
|
666
|
+
_ctx.$slots.headerSecondary ? (openBlock(), createElementBlock("span", _hoisted_3$t, [
|
|
665
667
|
renderSlot(_ctx.$slots, "headerSecondary", {}, void 0, true)
|
|
666
668
|
])) : createCommentVNode("", true)
|
|
667
669
|
], 2)) : createCommentVNode("", true),
|
|
668
|
-
_ctx.$slots.title || _ctx.$slots.sub ? (openBlock(), createElementBlock("div", _hoisted_4$
|
|
669
|
-
_ctx.$slots.title ? (openBlock(), createElementBlock("h2", _hoisted_5$
|
|
670
|
+
_ctx.$slots.title || _ctx.$slots.sub ? (openBlock(), createElementBlock("div", _hoisted_4$o, [
|
|
671
|
+
_ctx.$slots.title ? (openBlock(), createElementBlock("h2", _hoisted_5$h, [
|
|
670
672
|
renderSlot(_ctx.$slots, "title", {}, void 0, true)
|
|
671
673
|
])) : createCommentVNode("", true),
|
|
672
|
-
_ctx.$slots.sub ? (openBlock(), createElementBlock("div", _hoisted_6$
|
|
674
|
+
_ctx.$slots.sub ? (openBlock(), createElementBlock("div", _hoisted_6$d, [
|
|
673
675
|
renderSlot(_ctx.$slots, "sub", {}, void 0, true)
|
|
674
676
|
])) : createCommentVNode("", true)
|
|
675
677
|
])) : createCommentVNode("", true),
|
|
676
|
-
_ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_7$
|
|
678
|
+
_ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_7$9, [
|
|
677
679
|
renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
678
680
|
])) : createCommentVNode("", true),
|
|
679
681
|
_ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_8$7, [
|
|
@@ -684,7 +686,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
|
|
|
684
686
|
};
|
|
685
687
|
}
|
|
686
688
|
});
|
|
687
|
-
const TaoCard = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
689
|
+
const TaoCard = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-2ff3d055"]]);
|
|
688
690
|
const FOCUSABLE = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
|
|
689
691
|
function getFocusable(root) {
|
|
690
692
|
return [...root.querySelectorAll(FOCUSABLE)].filter(
|
|
@@ -713,19 +715,19 @@ function trapTab(event, root) {
|
|
|
713
715
|
first.focus();
|
|
714
716
|
}
|
|
715
717
|
}
|
|
716
|
-
const _hoisted_1$
|
|
717
|
-
const _hoisted_2$
|
|
718
|
+
const _hoisted_1$G = ["aria-labelledby"];
|
|
719
|
+
const _hoisted_2$z = {
|
|
718
720
|
key: 0,
|
|
719
721
|
class: "tao-modal__header"
|
|
720
722
|
};
|
|
721
|
-
const _hoisted_3$
|
|
722
|
-
const _hoisted_4$
|
|
723
|
-
const _hoisted_5$
|
|
724
|
-
const _hoisted_6$
|
|
723
|
+
const _hoisted_3$s = ["id"];
|
|
724
|
+
const _hoisted_4$n = { key: 1 };
|
|
725
|
+
const _hoisted_5$g = { class: "tao-modal__content" };
|
|
726
|
+
const _hoisted_6$c = {
|
|
725
727
|
key: 1,
|
|
726
728
|
class: "tao-modal__footer"
|
|
727
729
|
};
|
|
728
|
-
const _sfc_main$
|
|
730
|
+
const _sfc_main$N = /* @__PURE__ */ defineComponent({
|
|
729
731
|
...{ name: "TaoModal" },
|
|
730
732
|
__name: "TaoModal",
|
|
731
733
|
props: {
|
|
@@ -825,13 +827,13 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
|
|
|
825
827
|
"aria-labelledby": __props.title ? unref(titleId) : void 0,
|
|
826
828
|
tabindex: "-1"
|
|
827
829
|
}, [
|
|
828
|
-
__props.title || _ctx.$slots.header || __props.closable ? (openBlock(), createElementBlock("div", _hoisted_2$
|
|
830
|
+
__props.title || _ctx.$slots.header || __props.closable ? (openBlock(), createElementBlock("div", _hoisted_2$z, [
|
|
829
831
|
renderSlot(_ctx.$slots, "header", {}, () => [
|
|
830
832
|
__props.title ? (openBlock(), createElementBlock("h2", {
|
|
831
833
|
key: 0,
|
|
832
834
|
id: unref(titleId),
|
|
833
835
|
class: "tao-modal__title"
|
|
834
|
-
}, toDisplayString(__props.title), 9, _hoisted_3$
|
|
836
|
+
}, toDisplayString(__props.title), 9, _hoisted_3$s)) : (openBlock(), createElementBlock("span", _hoisted_4$n))
|
|
835
837
|
], true),
|
|
836
838
|
__props.closable ? (openBlock(), createElementBlock("button", {
|
|
837
839
|
key: 0,
|
|
@@ -841,13 +843,13 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
|
|
|
841
843
|
onClick: close
|
|
842
844
|
}, " × ")) : createCommentVNode("", true)
|
|
843
845
|
])) : createCommentVNode("", true),
|
|
844
|
-
createElementVNode("div", _hoisted_5$
|
|
846
|
+
createElementVNode("div", _hoisted_5$g, [
|
|
845
847
|
renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
846
848
|
]),
|
|
847
|
-
_ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_6$
|
|
849
|
+
_ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_6$c, [
|
|
848
850
|
renderSlot(_ctx.$slots, "footer", {}, void 0, true)
|
|
849
851
|
])) : createCommentVNode("", true)
|
|
850
|
-
], 8, _hoisted_1$
|
|
852
|
+
], 8, _hoisted_1$G)
|
|
851
853
|
], 32)) : createCommentVNode("", true)
|
|
852
854
|
]),
|
|
853
855
|
_: 3
|
|
@@ -856,11 +858,11 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
|
|
|
856
858
|
};
|
|
857
859
|
}
|
|
858
860
|
});
|
|
859
|
-
const TaoModal = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
860
|
-
const _hoisted_1$
|
|
861
|
-
const _hoisted_2$
|
|
862
|
-
const _hoisted_3$
|
|
863
|
-
const _sfc_main$
|
|
861
|
+
const TaoModal = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-0cffe849"]]);
|
|
862
|
+
const _hoisted_1$F = { class: "tao-tabs" };
|
|
863
|
+
const _hoisted_2$y = ["id", "aria-selected", "aria-controls", "tabindex", "disabled", "onClick"];
|
|
864
|
+
const _hoisted_3$r = ["id", "aria-labelledby"];
|
|
865
|
+
const _sfc_main$M = /* @__PURE__ */ defineComponent({
|
|
864
866
|
...{ name: "TaoTabs" },
|
|
865
867
|
__name: "TaoTabs",
|
|
866
868
|
props: {
|
|
@@ -924,7 +926,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
|
|
|
924
926
|
}
|
|
925
927
|
}
|
|
926
928
|
return (_ctx, _cache) => {
|
|
927
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
929
|
+
return openBlock(), createElementBlock("div", _hoisted_1$F, [
|
|
928
930
|
createElementVNode("div", {
|
|
929
931
|
class: "tao-tabs__list",
|
|
930
932
|
role: "tablist",
|
|
@@ -949,7 +951,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
|
|
|
949
951
|
}, void 0, true, 0) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
|
|
950
952
|
createTextVNode(toDisplayString(tab.label), 1)
|
|
951
953
|
], 64))
|
|
952
|
-
], 8, _hoisted_2$
|
|
954
|
+
], 8, _hoisted_2$y);
|
|
953
955
|
}), 128))
|
|
954
956
|
], 32),
|
|
955
957
|
createElementVNode("div", {
|
|
@@ -959,12 +961,12 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
|
|
|
959
961
|
"aria-labelledby": tabId(__props.modelValue)
|
|
960
962
|
}, [
|
|
961
963
|
renderSlot(_ctx.$slots, "default", { activeTab: __props.modelValue }, void 0, true)
|
|
962
|
-
], 8, _hoisted_3$
|
|
964
|
+
], 8, _hoisted_3$r)
|
|
963
965
|
]);
|
|
964
966
|
};
|
|
965
967
|
}
|
|
966
968
|
});
|
|
967
|
-
const TaoTabs = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
969
|
+
const TaoTabs = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-bf16735e"]]);
|
|
968
970
|
function listenFocusLoss(onLoss) {
|
|
969
971
|
function onVisibilityChange() {
|
|
970
972
|
if (document.hidden) {
|
|
@@ -980,7 +982,7 @@ function listenFocusLoss(onLoss) {
|
|
|
980
982
|
window.removeEventListener("pagehide", onLoss);
|
|
981
983
|
};
|
|
982
984
|
}
|
|
983
|
-
const _sfc_main$
|
|
985
|
+
const _sfc_main$L = /* @__PURE__ */ defineComponent({
|
|
984
986
|
...{ name: "TaoTooltip" },
|
|
985
987
|
__name: "TaoTooltip",
|
|
986
988
|
props: {
|
|
@@ -988,41 +990,163 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
|
|
|
988
990
|
position: { default: "top" }
|
|
989
991
|
},
|
|
990
992
|
setup(__props) {
|
|
993
|
+
const props = __props;
|
|
994
|
+
const wrapperRef = ref(null);
|
|
995
|
+
const tooltipRef = ref(null);
|
|
991
996
|
const showTooltip = ref(false);
|
|
997
|
+
const placed = ref(props.position);
|
|
998
|
+
const panelStyle = ref({ visibility: "hidden" });
|
|
999
|
+
const arrowStyle = ref({});
|
|
1000
|
+
const opposite = {
|
|
1001
|
+
top: "bottom",
|
|
1002
|
+
bottom: "top",
|
|
1003
|
+
left: "right",
|
|
1004
|
+
right: "left"
|
|
1005
|
+
};
|
|
992
1006
|
function hide() {
|
|
993
1007
|
showTooltip.value = false;
|
|
994
1008
|
}
|
|
1009
|
+
function show() {
|
|
1010
|
+
showTooltip.value = true;
|
|
1011
|
+
}
|
|
1012
|
+
function updatePosition() {
|
|
1013
|
+
const trigger = wrapperRef.value;
|
|
1014
|
+
const tip = tooltipRef.value;
|
|
1015
|
+
if (!trigger || !tip) {
|
|
1016
|
+
return;
|
|
1017
|
+
}
|
|
1018
|
+
const rect = trigger.getBoundingClientRect();
|
|
1019
|
+
const width = tip.offsetWidth;
|
|
1020
|
+
const height = tip.offsetHeight;
|
|
1021
|
+
const gap = 8;
|
|
1022
|
+
const pad = 8;
|
|
1023
|
+
const viewW = window.innerWidth;
|
|
1024
|
+
const viewH = window.innerHeight;
|
|
1025
|
+
const space = {
|
|
1026
|
+
bottom: viewH - rect.bottom - gap - pad,
|
|
1027
|
+
top: rect.top - gap - pad,
|
|
1028
|
+
right: viewW - rect.right - gap - pad,
|
|
1029
|
+
left: rect.left - gap - pad
|
|
1030
|
+
};
|
|
1031
|
+
let side = props.position;
|
|
1032
|
+
const need = side === "top" || side === "bottom" ? height : width;
|
|
1033
|
+
if (space[side] < need && space[opposite[side]] > space[side]) {
|
|
1034
|
+
side = opposite[side];
|
|
1035
|
+
}
|
|
1036
|
+
const cx = rect.left + rect.width / 2;
|
|
1037
|
+
const cy = rect.top + rect.height / 2;
|
|
1038
|
+
let top = 0;
|
|
1039
|
+
let left = 0;
|
|
1040
|
+
if (side === "bottom") {
|
|
1041
|
+
top = rect.bottom + gap;
|
|
1042
|
+
left = cx - width / 2;
|
|
1043
|
+
} else if (side === "top") {
|
|
1044
|
+
top = rect.top - height - gap;
|
|
1045
|
+
left = cx - width / 2;
|
|
1046
|
+
} else if (side === "right") {
|
|
1047
|
+
top = cy - height / 2;
|
|
1048
|
+
left = rect.right + gap;
|
|
1049
|
+
} else {
|
|
1050
|
+
top = cy - height / 2;
|
|
1051
|
+
left = rect.left - width - gap;
|
|
1052
|
+
}
|
|
1053
|
+
if (left + width > viewW - pad) {
|
|
1054
|
+
left = viewW - pad - width;
|
|
1055
|
+
}
|
|
1056
|
+
if (left < pad) {
|
|
1057
|
+
left = pad;
|
|
1058
|
+
}
|
|
1059
|
+
if (top + height > viewH - pad) {
|
|
1060
|
+
top = viewH - pad - height;
|
|
1061
|
+
}
|
|
1062
|
+
if (top < pad) {
|
|
1063
|
+
top = pad;
|
|
1064
|
+
}
|
|
1065
|
+
const arrowPad = 10;
|
|
1066
|
+
if (side === "top" || side === "bottom") {
|
|
1067
|
+
const x = Math.min(width - arrowPad, Math.max(arrowPad, cx - left));
|
|
1068
|
+
arrowStyle.value = { left: `${x}px`, top: "" };
|
|
1069
|
+
} else {
|
|
1070
|
+
const y = Math.min(height - arrowPad, Math.max(arrowPad, cy - top));
|
|
1071
|
+
arrowStyle.value = { top: `${y}px`, left: "" };
|
|
1072
|
+
}
|
|
1073
|
+
placed.value = side;
|
|
1074
|
+
panelStyle.value = { top: `${top}px`, left: `${left}px`, visibility: "visible" };
|
|
1075
|
+
}
|
|
1076
|
+
function onViewportChange() {
|
|
1077
|
+
if (showTooltip.value) {
|
|
1078
|
+
updatePosition();
|
|
1079
|
+
}
|
|
1080
|
+
}
|
|
1081
|
+
watch(showTooltip, async (isOpen) => {
|
|
1082
|
+
if (isOpen) {
|
|
1083
|
+
await nextTick();
|
|
1084
|
+
updatePosition();
|
|
1085
|
+
requestAnimationFrame(() => updatePosition());
|
|
1086
|
+
window.addEventListener("resize", onViewportChange);
|
|
1087
|
+
window.addEventListener("scroll", onViewportChange, true);
|
|
1088
|
+
return;
|
|
1089
|
+
}
|
|
1090
|
+
window.removeEventListener("resize", onViewportChange);
|
|
1091
|
+
window.removeEventListener("scroll", onViewportChange, true);
|
|
1092
|
+
});
|
|
1093
|
+
watch(
|
|
1094
|
+
() => props.position,
|
|
1095
|
+
() => {
|
|
1096
|
+
if (showTooltip.value) {
|
|
1097
|
+
updatePosition();
|
|
1098
|
+
}
|
|
1099
|
+
}
|
|
1100
|
+
);
|
|
995
1101
|
let stopFocusLoss;
|
|
996
1102
|
onMounted(() => {
|
|
997
1103
|
stopFocusLoss = listenFocusLoss(hide);
|
|
998
1104
|
});
|
|
999
|
-
onBeforeUnmount(() =>
|
|
1105
|
+
onBeforeUnmount(() => {
|
|
1106
|
+
stopFocusLoss == null ? void 0 : stopFocusLoss();
|
|
1107
|
+
window.removeEventListener("resize", onViewportChange);
|
|
1108
|
+
window.removeEventListener("scroll", onViewportChange, true);
|
|
1109
|
+
});
|
|
1000
1110
|
return (_ctx, _cache) => {
|
|
1001
1111
|
return openBlock(), createElementBlock("div", {
|
|
1112
|
+
ref_key: "wrapperRef",
|
|
1113
|
+
ref: wrapperRef,
|
|
1002
1114
|
class: "tao-tooltip-wrapper",
|
|
1003
|
-
onMouseenter:
|
|
1004
|
-
onMouseleave:
|
|
1005
|
-
onFocusin:
|
|
1006
|
-
onFocusout:
|
|
1115
|
+
onMouseenter: show,
|
|
1116
|
+
onMouseleave: hide,
|
|
1117
|
+
onFocusin: show,
|
|
1118
|
+
onFocusout: hide
|
|
1007
1119
|
}, [
|
|
1008
1120
|
renderSlot(_ctx.$slots, "default", {}, void 0, true),
|
|
1009
|
-
|
|
1010
|
-
|
|
1011
|
-
|
|
1012
|
-
|
|
1013
|
-
|
|
1014
|
-
|
|
1015
|
-
|
|
1016
|
-
|
|
1017
|
-
|
|
1018
|
-
|
|
1019
|
-
|
|
1121
|
+
(openBlock(), createBlock(Teleport, { to: "body" }, [
|
|
1122
|
+
createVNode(Transition, { name: "tao-tooltip-fade" }, {
|
|
1123
|
+
default: withCtx(() => [
|
|
1124
|
+
showTooltip.value ? (openBlock(), createElementBlock("div", {
|
|
1125
|
+
key: 0,
|
|
1126
|
+
ref_key: "tooltipRef",
|
|
1127
|
+
ref: tooltipRef,
|
|
1128
|
+
class: normalizeClass(["tao-tooltip", `tao-tooltip--${placed.value}`]),
|
|
1129
|
+
role: "tooltip",
|
|
1130
|
+
style: normalizeStyle(panelStyle.value)
|
|
1131
|
+
}, [
|
|
1132
|
+
createTextVNode(toDisplayString(__props.content) + " ", 1),
|
|
1133
|
+
createElementVNode("span", {
|
|
1134
|
+
class: "tao-tooltip__arrow",
|
|
1135
|
+
style: normalizeStyle(arrowStyle.value),
|
|
1136
|
+
"aria-hidden": "true"
|
|
1137
|
+
}, null, 4)
|
|
1138
|
+
], 6)) : createCommentVNode("", true)
|
|
1139
|
+
]),
|
|
1140
|
+
_: 1
|
|
1141
|
+
})
|
|
1142
|
+
]))
|
|
1143
|
+
], 544);
|
|
1020
1144
|
};
|
|
1021
1145
|
}
|
|
1022
1146
|
});
|
|
1023
|
-
const TaoTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
1024
|
-
const _hoisted_1$
|
|
1025
|
-
const _sfc_main$
|
|
1147
|
+
const TaoTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-926dfa73"]]);
|
|
1148
|
+
const _hoisted_1$E = { class: "tao-popover" };
|
|
1149
|
+
const _sfc_main$K = /* @__PURE__ */ defineComponent({
|
|
1026
1150
|
...{ name: "TaoPopover" },
|
|
1027
1151
|
__name: "TaoPopover",
|
|
1028
1152
|
props: {
|
|
@@ -1180,7 +1304,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
|
|
|
1180
1304
|
window.removeEventListener("scroll", onViewportChange, true);
|
|
1181
1305
|
});
|
|
1182
1306
|
return (_ctx, _cache) => {
|
|
1183
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
1307
|
+
return openBlock(), createElementBlock("div", _hoisted_1$E, [
|
|
1184
1308
|
createElementVNode("div", {
|
|
1185
1309
|
ref_key: "triggerRef",
|
|
1186
1310
|
ref: triggerRef,
|
|
@@ -1209,17 +1333,17 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
|
|
|
1209
1333
|
};
|
|
1210
1334
|
}
|
|
1211
1335
|
});
|
|
1212
|
-
const TaoPopover = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
1336
|
+
const TaoPopover = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-e4ead301"]]);
|
|
1213
1337
|
const spoilerGroupKey = Symbol("taoSpoilerGroup");
|
|
1214
|
-
const _hoisted_1$
|
|
1215
|
-
const _hoisted_2$
|
|
1216
|
-
const _hoisted_3$
|
|
1338
|
+
const _hoisted_1$D = { class: "tao-spoiler" };
|
|
1339
|
+
const _hoisted_2$x = ["aria-expanded", "aria-controls"];
|
|
1340
|
+
const _hoisted_3$q = {
|
|
1217
1341
|
key: 0,
|
|
1218
1342
|
class: "tao-spoiler__title"
|
|
1219
1343
|
};
|
|
1220
|
-
const _hoisted_4$
|
|
1221
|
-
const _hoisted_5$
|
|
1222
|
-
const _sfc_main$
|
|
1344
|
+
const _hoisted_4$m = ["id"];
|
|
1345
|
+
const _hoisted_5$f = { class: "tao-spoiler__content-inner" };
|
|
1346
|
+
const _sfc_main$J = /* @__PURE__ */ defineComponent({
|
|
1223
1347
|
...{ name: "TaoSpoiler" },
|
|
1224
1348
|
__name: "TaoSpoiler",
|
|
1225
1349
|
props: {
|
|
@@ -1274,7 +1398,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
|
|
|
1274
1398
|
});
|
|
1275
1399
|
}
|
|
1276
1400
|
return (_ctx, _cache) => {
|
|
1277
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
1401
|
+
return openBlock(), createElementBlock("div", _hoisted_1$D, [
|
|
1278
1402
|
createElementVNode("button", {
|
|
1279
1403
|
type: "button",
|
|
1280
1404
|
class: "tao-spoiler__header",
|
|
@@ -1285,12 +1409,12 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
|
|
|
1285
1409
|
createElementVNode("span", {
|
|
1286
1410
|
class: normalizeClass(["tao-spoiler__icon", { "tao-spoiler__icon--open": isOpen.value }])
|
|
1287
1411
|
}, "▶", 2),
|
|
1288
|
-
__props.title || _ctx.$slots.title ? (openBlock(), createElementBlock("span", _hoisted_3$
|
|
1412
|
+
__props.title || _ctx.$slots.title ? (openBlock(), createElementBlock("span", _hoisted_3$q, [
|
|
1289
1413
|
renderSlot(_ctx.$slots, "title", {}, () => [
|
|
1290
1414
|
createTextVNode(toDisplayString(__props.title), 1)
|
|
1291
1415
|
], true)
|
|
1292
1416
|
])) : createCommentVNode("", true)
|
|
1293
|
-
], 8, _hoisted_2$
|
|
1417
|
+
], 8, _hoisted_2$x),
|
|
1294
1418
|
createVNode(Transition, {
|
|
1295
1419
|
name: "tao-spoiler-slide",
|
|
1296
1420
|
onBeforeEnter,
|
|
@@ -1304,10 +1428,10 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
|
|
|
1304
1428
|
id: unref(panelId),
|
|
1305
1429
|
class: "tao-spoiler__content"
|
|
1306
1430
|
}, [
|
|
1307
|
-
createElementVNode("div", _hoisted_5$
|
|
1431
|
+
createElementVNode("div", _hoisted_5$f, [
|
|
1308
1432
|
renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
1309
1433
|
])
|
|
1310
|
-
], 8, _hoisted_4$
|
|
1434
|
+
], 8, _hoisted_4$m)) : createCommentVNode("", true)
|
|
1311
1435
|
]),
|
|
1312
1436
|
_: 3
|
|
1313
1437
|
})
|
|
@@ -1315,9 +1439,9 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
|
|
|
1315
1439
|
};
|
|
1316
1440
|
}
|
|
1317
1441
|
});
|
|
1318
|
-
const TaoSpoiler = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
1319
|
-
const _hoisted_1$
|
|
1320
|
-
const _sfc_main$
|
|
1442
|
+
const TaoSpoiler = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-ccb052cf"]]);
|
|
1443
|
+
const _hoisted_1$C = { class: "tao-spoiler-group" };
|
|
1444
|
+
const _sfc_main$I = /* @__PURE__ */ defineComponent({
|
|
1321
1445
|
...{ name: "TaoSpoilerGroup" },
|
|
1322
1446
|
__name: "TaoSpoilerGroup",
|
|
1323
1447
|
props: {
|
|
@@ -1337,15 +1461,15 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
|
|
|
1337
1461
|
setOpen
|
|
1338
1462
|
});
|
|
1339
1463
|
return (_ctx, _cache) => {
|
|
1340
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
1464
|
+
return openBlock(), createElementBlock("div", _hoisted_1$C, [
|
|
1341
1465
|
renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
1342
1466
|
]);
|
|
1343
1467
|
};
|
|
1344
1468
|
}
|
|
1345
1469
|
});
|
|
1346
|
-
const TaoSpoilerGroup = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
1347
|
-
const _hoisted_1$
|
|
1348
|
-
const _sfc_main$
|
|
1470
|
+
const TaoSpoilerGroup = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-6b172e89"]]);
|
|
1471
|
+
const _hoisted_1$B = ["aria-label"];
|
|
1472
|
+
const _sfc_main$H = /* @__PURE__ */ defineComponent({
|
|
1349
1473
|
...{ name: "TaoCopy" },
|
|
1350
1474
|
__name: "TaoCopy",
|
|
1351
1475
|
props: {
|
|
@@ -1479,7 +1603,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
|
|
|
1479
1603
|
"stroke-width": "2"
|
|
1480
1604
|
})
|
|
1481
1605
|
], -1)
|
|
1482
|
-
])], 10, _hoisted_1$
|
|
1606
|
+
])], 10, _hoisted_1$B)
|
|
1483
1607
|
], true),
|
|
1484
1608
|
(openBlock(), createBlock(Teleport, { to: "body" }, [
|
|
1485
1609
|
copied.value && __props.tip && __props.successMessage ? (openBlock(), createElementBlock("div", {
|
|
@@ -1495,8 +1619,8 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
|
|
|
1495
1619
|
};
|
|
1496
1620
|
}
|
|
1497
1621
|
});
|
|
1498
|
-
const TaoCopy = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
1499
|
-
const _sfc_main$
|
|
1622
|
+
const TaoCopy = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-1953c07e"]]);
|
|
1623
|
+
const _sfc_main$G = /* @__PURE__ */ defineComponent({
|
|
1500
1624
|
...{ name: "TaoContainer" },
|
|
1501
1625
|
__name: "TaoContainer",
|
|
1502
1626
|
props: {
|
|
@@ -1513,8 +1637,8 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
|
|
|
1513
1637
|
};
|
|
1514
1638
|
}
|
|
1515
1639
|
});
|
|
1516
|
-
const TaoContainer = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
1517
|
-
const _sfc_main$
|
|
1640
|
+
const TaoContainer = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-4c0deb90"]]);
|
|
1641
|
+
const _sfc_main$F = /* @__PURE__ */ defineComponent({
|
|
1518
1642
|
...{ name: "TaoFlex" },
|
|
1519
1643
|
__name: "TaoFlex",
|
|
1520
1644
|
props: {
|
|
@@ -1545,7 +1669,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
|
|
|
1545
1669
|
};
|
|
1546
1670
|
}
|
|
1547
1671
|
});
|
|
1548
|
-
const _sfc_main$
|
|
1672
|
+
const _sfc_main$E = /* @__PURE__ */ defineComponent({
|
|
1549
1673
|
...{ name: "TaoSpace" },
|
|
1550
1674
|
__name: "TaoSpace",
|
|
1551
1675
|
props: {
|
|
@@ -1565,9 +1689,9 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
|
|
|
1565
1689
|
};
|
|
1566
1690
|
}
|
|
1567
1691
|
});
|
|
1568
|
-
const TaoSpace = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
1569
|
-
const _hoisted_1$
|
|
1570
|
-
const _sfc_main$
|
|
1692
|
+
const TaoSpace = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-698ca712"]]);
|
|
1693
|
+
const _hoisted_1$A = { class: "tao-icon" };
|
|
1694
|
+
const _sfc_main$D = /* @__PURE__ */ defineComponent({
|
|
1571
1695
|
...{ name: "TaoIcon" },
|
|
1572
1696
|
__name: "TaoIcon",
|
|
1573
1697
|
props: {
|
|
@@ -1582,7 +1706,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
|
|
|
1582
1706
|
}));
|
|
1583
1707
|
const props = __props;
|
|
1584
1708
|
return (_ctx, _cache) => {
|
|
1585
|
-
return openBlock(), createElementBlock("span", _hoisted_1$
|
|
1709
|
+
return openBlock(), createElementBlock("span", _hoisted_1$A, [
|
|
1586
1710
|
renderSlot(_ctx.$slots, "prefix", {}, void 0, true),
|
|
1587
1711
|
createElementVNode("i", {
|
|
1588
1712
|
class: normalizeClass(["tao-icon__value", [`icon-${props.name}`, { "tao-icon__value--invert": props.invert }]]),
|
|
@@ -1593,8 +1717,8 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
|
|
|
1593
1717
|
};
|
|
1594
1718
|
}
|
|
1595
1719
|
});
|
|
1596
|
-
const TaoIcon = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
1597
|
-
const _sfc_main$
|
|
1720
|
+
const TaoIcon = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-145b2cfc"]]);
|
|
1721
|
+
const _sfc_main$C = /* @__PURE__ */ defineComponent({
|
|
1598
1722
|
...{ name: "TaoLoader" },
|
|
1599
1723
|
__name: "TaoLoader",
|
|
1600
1724
|
props: {
|
|
@@ -1655,10 +1779,10 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
|
|
|
1655
1779
|
};
|
|
1656
1780
|
}
|
|
1657
1781
|
});
|
|
1658
|
-
const TaoLoader = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
1659
|
-
const _hoisted_1$
|
|
1660
|
-
const _hoisted_2$
|
|
1661
|
-
const _sfc_main$
|
|
1782
|
+
const TaoLoader = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-75a40018"]]);
|
|
1783
|
+
const _hoisted_1$z = { class: "tao-image" };
|
|
1784
|
+
const _hoisted_2$w = ["src", "alt", "loading"];
|
|
1785
|
+
const _sfc_main$B = /* @__PURE__ */ defineComponent({
|
|
1662
1786
|
...{ name: "TaoImage" },
|
|
1663
1787
|
__name: "TaoImage",
|
|
1664
1788
|
props: {
|
|
@@ -1684,7 +1808,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
|
|
|
1684
1808
|
isLoaded.value = false;
|
|
1685
1809
|
});
|
|
1686
1810
|
return (_ctx, _cache) => {
|
|
1687
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
1811
|
+
return openBlock(), createElementBlock("div", _hoisted_1$z, [
|
|
1688
1812
|
__props.src ? (openBlock(), createElementBlock("img", {
|
|
1689
1813
|
key: 0,
|
|
1690
1814
|
class: normalizeClass({ "tao-image__img--hidden": !isLoaded.value, "tao-image__img--pixelated": props.pixelated }),
|
|
@@ -1695,25 +1819,25 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
|
|
|
1695
1819
|
draggable: "false",
|
|
1696
1820
|
onLoad: handleLoad,
|
|
1697
1821
|
onError: handleError
|
|
1698
|
-
}, null, 42, _hoisted_2$
|
|
1822
|
+
}, null, 42, _hoisted_2$w)) : renderSlot(_ctx.$slots, "default", {}, () => [
|
|
1699
1823
|
_cache[0] || (_cache[0] = createElementVNode("div", { class: "tao-image__placeholder" }, "No image available", -1))
|
|
1700
1824
|
], true, 1)
|
|
1701
1825
|
]);
|
|
1702
1826
|
};
|
|
1703
1827
|
}
|
|
1704
1828
|
});
|
|
1705
|
-
const TaoImage = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
1706
|
-
const _hoisted_1$
|
|
1707
|
-
const _hoisted_2$
|
|
1708
|
-
const _hoisted_3$
|
|
1829
|
+
const TaoImage = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-522fe4da"]]);
|
|
1830
|
+
const _hoisted_1$y = ["for"];
|
|
1831
|
+
const _hoisted_2$v = ["id", "checked", "disabled", "aria-checked", "aria-invalid", "aria-describedby"];
|
|
1832
|
+
const _hoisted_3$p = {
|
|
1709
1833
|
key: 0,
|
|
1710
1834
|
class: "tao-checkbox__label"
|
|
1711
1835
|
};
|
|
1712
|
-
const _hoisted_4$
|
|
1836
|
+
const _hoisted_4$l = {
|
|
1713
1837
|
key: 1,
|
|
1714
1838
|
class: "tao-checkbox__label"
|
|
1715
1839
|
};
|
|
1716
|
-
const _sfc_main$
|
|
1840
|
+
const _sfc_main$A = /* @__PURE__ */ defineComponent({
|
|
1717
1841
|
...{ name: "TaoCheckbox" },
|
|
1718
1842
|
__name: "TaoCheckbox",
|
|
1719
1843
|
props: {
|
|
@@ -1783,18 +1907,24 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
|
|
|
1783
1907
|
"aria-invalid": invalid.value || void 0,
|
|
1784
1908
|
"aria-describedby": describedBy.value,
|
|
1785
1909
|
onChange: onInputChange
|
|
1786
|
-
}, null, 40, _hoisted_2$
|
|
1910
|
+
}, null, 40, _hoisted_2$v),
|
|
1787
1911
|
_cache[0] || (_cache[0] = createElementVNode("span", { class: "tao-checkbox__box" }, null, -1)),
|
|
1788
|
-
__props.label ? (openBlock(), createElementBlock("span", _hoisted_3$
|
|
1912
|
+
__props.label ? (openBlock(), createElementBlock("span", _hoisted_3$p, toDisplayString(__props.label), 1)) : (openBlock(), createElementBlock("span", _hoisted_4$l, [
|
|
1789
1913
|
renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
1790
1914
|
])),
|
|
1791
1915
|
renderSlot(_ctx.$slots, "post", { text: __props.label }, void 0, true)
|
|
1792
|
-
], 10, _hoisted_1$
|
|
1916
|
+
], 10, _hoisted_1$y);
|
|
1793
1917
|
};
|
|
1794
1918
|
}
|
|
1795
1919
|
});
|
|
1796
|
-
const TaoCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
1797
|
-
const
|
|
1920
|
+
const TaoCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-f6b0e565"]]);
|
|
1921
|
+
const _hoisted_1$x = {
|
|
1922
|
+
key: 0,
|
|
1923
|
+
class: "tao-tag__prefix"
|
|
1924
|
+
};
|
|
1925
|
+
const _hoisted_2$u = { class: "tao-tag__text" };
|
|
1926
|
+
const _hoisted_3$o = ["aria-label"];
|
|
1927
|
+
const _sfc_main$z = /* @__PURE__ */ defineComponent({
|
|
1798
1928
|
...{ name: "TaoTag" },
|
|
1799
1929
|
__name: "TaoTag",
|
|
1800
1930
|
props: {
|
|
@@ -1802,37 +1932,66 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
|
|
|
1802
1932
|
color: {},
|
|
1803
1933
|
background: {},
|
|
1804
1934
|
borderColor: {},
|
|
1805
|
-
pointer: { type: Boolean, default: false }
|
|
1935
|
+
pointer: { type: Boolean, default: false },
|
|
1936
|
+
closable: { type: Boolean, default: false },
|
|
1937
|
+
closeLabel: { default: "Убрать" },
|
|
1938
|
+
flat: { type: Boolean, default: false }
|
|
1806
1939
|
},
|
|
1807
|
-
|
|
1940
|
+
emits: ["close"],
|
|
1941
|
+
setup(__props, { emit: __emit }) {
|
|
1808
1942
|
const props = __props;
|
|
1943
|
+
const emit = __emit;
|
|
1944
|
+
const slots = useSlots();
|
|
1809
1945
|
const tone = computed(() => props.type === "error" ? "danger" : props.type);
|
|
1810
1946
|
const style = computed(() => ({
|
|
1811
1947
|
color: props.color || "",
|
|
1812
1948
|
background: props.background || "",
|
|
1813
|
-
"border-color": props.borderColor || ""
|
|
1949
|
+
"border-color": props.flat ? "transparent" : props.borderColor || ""
|
|
1814
1950
|
}));
|
|
1951
|
+
function onClose(event) {
|
|
1952
|
+
emit("close", event);
|
|
1953
|
+
}
|
|
1815
1954
|
return (_ctx, _cache) => {
|
|
1816
|
-
return openBlock(), createElementBlock("
|
|
1817
|
-
class: normalizeClass(["tao-tag", [
|
|
1955
|
+
return openBlock(), createElementBlock("span", {
|
|
1956
|
+
class: normalizeClass(["tao-tag", [
|
|
1957
|
+
tone.value ? `tao-tag--${tone.value}` : "",
|
|
1958
|
+
{
|
|
1959
|
+
"tao-tag--pointer": __props.pointer,
|
|
1960
|
+
"tao-tag--closable": __props.closable,
|
|
1961
|
+
"tao-tag--prefix": Boolean(unref(slots).prefix),
|
|
1962
|
+
"tao-tag--flat": __props.flat
|
|
1963
|
+
}
|
|
1964
|
+
]]),
|
|
1818
1965
|
style: normalizeStyle(style.value)
|
|
1819
1966
|
}, [
|
|
1820
|
-
|
|
1967
|
+
_ctx.$slots.prefix ? (openBlock(), createElementBlock("span", _hoisted_1$x, [
|
|
1968
|
+
renderSlot(_ctx.$slots, "prefix", {}, void 0, true)
|
|
1969
|
+
])) : createCommentVNode("", true),
|
|
1970
|
+
createElementVNode("span", _hoisted_2$u, [
|
|
1971
|
+
renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
1972
|
+
]),
|
|
1973
|
+
__props.closable ? (openBlock(), createElementBlock("button", {
|
|
1974
|
+
key: 1,
|
|
1975
|
+
type: "button",
|
|
1976
|
+
class: "tao-tag__close",
|
|
1977
|
+
"aria-label": __props.closeLabel,
|
|
1978
|
+
onClick: withModifiers(onClose, ["stop"])
|
|
1979
|
+
}, " ✕ ", 8, _hoisted_3$o)) : createCommentVNode("", true)
|
|
1821
1980
|
], 6);
|
|
1822
1981
|
};
|
|
1823
1982
|
}
|
|
1824
1983
|
});
|
|
1825
|
-
const TaoTag = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
1826
|
-
const _hoisted_1$
|
|
1984
|
+
const TaoTag = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-5bd7ca79"]]);
|
|
1985
|
+
const _hoisted_1$w = {
|
|
1827
1986
|
key: 1,
|
|
1828
1987
|
class: "tao-divider-text"
|
|
1829
1988
|
};
|
|
1830
|
-
const _hoisted_2$
|
|
1831
|
-
const _hoisted_3$
|
|
1989
|
+
const _hoisted_2$t = { class: "tao-divider-text__value" };
|
|
1990
|
+
const _hoisted_3$n = {
|
|
1832
1991
|
key: 2,
|
|
1833
1992
|
class: "tao-divider-line"
|
|
1834
1993
|
};
|
|
1835
|
-
const _sfc_main$
|
|
1994
|
+
const _sfc_main$y = /* @__PURE__ */ defineComponent({
|
|
1836
1995
|
...{ name: "TaoDivider" },
|
|
1837
1996
|
__name: "TaoDivider",
|
|
1838
1997
|
props: {
|
|
@@ -1846,23 +2005,23 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
|
|
|
1846
2005
|
return __props.variant === "gap" ? (openBlock(), createElementBlock("div", {
|
|
1847
2006
|
key: 0,
|
|
1848
2007
|
class: normalizeClass(["tao-divider-gap", `tao-divider-gap--${gapSize.value}`])
|
|
1849
|
-
}, null, 2)) : __props.variant === "text" ? (openBlock(), createElementBlock("div", _hoisted_1$
|
|
2008
|
+
}, null, 2)) : __props.variant === "text" ? (openBlock(), createElementBlock("div", _hoisted_1$w, [
|
|
1850
2009
|
_cache[0] || (_cache[0] = createElementVNode("span", { class: "tao-divider-text__line tao-divider-text__line--left" }, null, -1)),
|
|
1851
|
-
createElementVNode("span", _hoisted_2$
|
|
2010
|
+
createElementVNode("span", _hoisted_2$t, [
|
|
1852
2011
|
renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
1853
2012
|
]),
|
|
1854
2013
|
_cache[1] || (_cache[1] = createElementVNode("span", { class: "tao-divider-text__line tao-divider-text__line--right" }, null, -1))
|
|
1855
|
-
])) : (openBlock(), createElementBlock("div", _hoisted_3$
|
|
2014
|
+
])) : (openBlock(), createElementBlock("div", _hoisted_3$n));
|
|
1856
2015
|
};
|
|
1857
2016
|
}
|
|
1858
2017
|
});
|
|
1859
|
-
const TaoDivider = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
1860
|
-
const _hoisted_1$
|
|
2018
|
+
const TaoDivider = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-8187a15d"]]);
|
|
2019
|
+
const _hoisted_1$v = {
|
|
1861
2020
|
key: 0,
|
|
1862
2021
|
class: "tao-fieldset__legend"
|
|
1863
2022
|
};
|
|
1864
|
-
const _hoisted_2$
|
|
1865
|
-
const _sfc_main$
|
|
2023
|
+
const _hoisted_2$s = { class: "tao-fieldset__body" };
|
|
2024
|
+
const _sfc_main$x = /* @__PURE__ */ defineComponent({
|
|
1866
2025
|
...{ name: "TaoFieldset" },
|
|
1867
2026
|
__name: "TaoFieldset",
|
|
1868
2027
|
props: {
|
|
@@ -1874,20 +2033,20 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
|
|
|
1874
2033
|
return openBlock(), createElementBlock("fieldset", {
|
|
1875
2034
|
class: normalizeClass(["tao-fieldset", `tao-fieldset--${__props.align}`])
|
|
1876
2035
|
}, [
|
|
1877
|
-
__props.legend || _ctx.$slots.legend ? (openBlock(), createElementBlock("legend", _hoisted_1$
|
|
2036
|
+
__props.legend || _ctx.$slots.legend ? (openBlock(), createElementBlock("legend", _hoisted_1$v, [
|
|
1878
2037
|
renderSlot(_ctx.$slots, "legend", {}, () => [
|
|
1879
2038
|
createTextVNode(toDisplayString(__props.legend), 1)
|
|
1880
2039
|
], true)
|
|
1881
2040
|
])) : createCommentVNode("", true),
|
|
1882
|
-
createElementVNode("div", _hoisted_2$
|
|
2041
|
+
createElementVNode("div", _hoisted_2$s, [
|
|
1883
2042
|
renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
1884
2043
|
])
|
|
1885
2044
|
], 2);
|
|
1886
2045
|
};
|
|
1887
2046
|
}
|
|
1888
2047
|
});
|
|
1889
|
-
const TaoFieldset = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
1890
|
-
const _sfc_main$
|
|
2048
|
+
const TaoFieldset = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-34440ba5"]]);
|
|
2049
|
+
const _sfc_main$w = /* @__PURE__ */ defineComponent({
|
|
1891
2050
|
...{ name: "TaoAnimatedBorder" },
|
|
1892
2051
|
__name: "TaoAnimatedBorder",
|
|
1893
2052
|
props: {
|
|
@@ -1911,18 +2070,18 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
|
|
|
1911
2070
|
};
|
|
1912
2071
|
}
|
|
1913
2072
|
});
|
|
1914
|
-
const TaoAnimatedBorder = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
1915
|
-
const _hoisted_1$
|
|
2073
|
+
const TaoAnimatedBorder = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-f1534571"]]);
|
|
2074
|
+
const _hoisted_1$u = {
|
|
1916
2075
|
key: 0,
|
|
1917
2076
|
class: "tao-textarea tao-textarea--dummy"
|
|
1918
2077
|
};
|
|
1919
|
-
const _hoisted_2$
|
|
2078
|
+
const _hoisted_2$r = {
|
|
1920
2079
|
key: 1,
|
|
1921
2080
|
class: "tao-textarea-wrap"
|
|
1922
2081
|
};
|
|
1923
|
-
const _hoisted_3$
|
|
1924
|
-
const _hoisted_4$
|
|
1925
|
-
const _sfc_main$
|
|
2082
|
+
const _hoisted_3$m = ["id", "placeholder", "spellcheck", "autocomplete", "minlength", "maxlength", "disabled", "rows", "value", "aria-invalid", "aria-describedby"];
|
|
2083
|
+
const _hoisted_4$k = ["id"];
|
|
2084
|
+
const _sfc_main$v = /* @__PURE__ */ defineComponent({
|
|
1926
2085
|
...{ name: "TaoTextarea" },
|
|
1927
2086
|
__name: "TaoTextarea",
|
|
1928
2087
|
props: {
|
|
@@ -2019,7 +2178,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
|
|
|
2019
2178
|
nextTick(autoResize);
|
|
2020
2179
|
});
|
|
2021
2180
|
return (_ctx, _cache) => {
|
|
2022
|
-
return __props.dummy ? (openBlock(), createElementBlock("span", _hoisted_1$
|
|
2181
|
+
return __props.dummy ? (openBlock(), createElementBlock("span", _hoisted_1$u, toDisplayString(__props.modelValue), 1)) : (openBlock(), createElementBlock("div", _hoisted_2$r, [
|
|
2023
2182
|
createElementVNode("textarea", {
|
|
2024
2183
|
id: controlId.value,
|
|
2025
2184
|
ref_key: "textareaRef",
|
|
@@ -2048,21 +2207,21 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
|
|
|
2048
2207
|
onFocus,
|
|
2049
2208
|
onBlur,
|
|
2050
2209
|
onKeydown
|
|
2051
|
-
}, null, 42, _hoisted_3$
|
|
2210
|
+
}, null, 42, _hoisted_3$m),
|
|
2052
2211
|
__props.count ? (openBlock(), createElementBlock("span", {
|
|
2053
2212
|
key: 0,
|
|
2054
2213
|
id: counterId.value,
|
|
2055
2214
|
class: normalizeClass(["tao-textarea__count", { "tao-textarea__count--limit": atLimit.value }])
|
|
2056
|
-
}, toDisplayString(countLabel.value), 11, _hoisted_4$
|
|
2215
|
+
}, toDisplayString(countLabel.value), 11, _hoisted_4$k)) : createCommentVNode("", true)
|
|
2057
2216
|
]));
|
|
2058
2217
|
};
|
|
2059
2218
|
}
|
|
2060
2219
|
});
|
|
2061
|
-
const TaoTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
2062
|
-
const _hoisted_1$
|
|
2063
|
-
const _hoisted_2$
|
|
2220
|
+
const TaoTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-2534c0c4"]]);
|
|
2221
|
+
const _hoisted_1$t = ["tabindex"];
|
|
2222
|
+
const _hoisted_2$q = { class: "tao-scroll-top__content" };
|
|
2064
2223
|
const RIPPLE_DURATION = 750;
|
|
2065
|
-
const _sfc_main$
|
|
2224
|
+
const _sfc_main$u = /* @__PURE__ */ defineComponent({
|
|
2066
2225
|
...{ name: "TaoScrollTop" },
|
|
2067
2226
|
__name: "TaoScrollTop",
|
|
2068
2227
|
props: {
|
|
@@ -2162,7 +2321,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
|
|
|
2162
2321
|
"aria-label": "Наверх",
|
|
2163
2322
|
onClick: withModifiers(onClick, ["prevent"])
|
|
2164
2323
|
}, [
|
|
2165
|
-
createElementVNode("div", _hoisted_2$
|
|
2324
|
+
createElementVNode("div", _hoisted_2$q, [
|
|
2166
2325
|
createElementVNode("div", {
|
|
2167
2326
|
class: normalizeClass([{ "tao-scroll-top__ripple--active": isRippleActive.value }, "tao-scroll-top__ripple"]),
|
|
2168
2327
|
style: normalizeStyle(rippleStyle)
|
|
@@ -2179,33 +2338,33 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
|
|
|
2179
2338
|
], -1))
|
|
2180
2339
|
], true)
|
|
2181
2340
|
])
|
|
2182
|
-
], 14, _hoisted_1$
|
|
2341
|
+
], 14, _hoisted_1$t)) : createCommentVNode("", true)
|
|
2183
2342
|
]),
|
|
2184
2343
|
_: 3
|
|
2185
2344
|
});
|
|
2186
2345
|
};
|
|
2187
2346
|
}
|
|
2188
2347
|
});
|
|
2189
|
-
const TaoScrollTop = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
2190
|
-
const _hoisted_1$
|
|
2191
|
-
const _hoisted_2$
|
|
2348
|
+
const TaoScrollTop = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-ce902f42"]]);
|
|
2349
|
+
const _hoisted_1$s = { class: "tao-progress" };
|
|
2350
|
+
const _hoisted_2$p = {
|
|
2192
2351
|
key: 0,
|
|
2193
2352
|
class: "tao-progress__side"
|
|
2194
2353
|
};
|
|
2195
|
-
const _hoisted_3$
|
|
2196
|
-
const _hoisted_4$
|
|
2354
|
+
const _hoisted_3$l = { class: "tao-progress__main" };
|
|
2355
|
+
const _hoisted_4$j = {
|
|
2197
2356
|
key: 0,
|
|
2198
2357
|
class: "tao-progress__percentage"
|
|
2199
2358
|
};
|
|
2200
|
-
const _hoisted_5$
|
|
2359
|
+
const _hoisted_5$e = {
|
|
2201
2360
|
key: 1,
|
|
2202
2361
|
class: "tao-progress__side"
|
|
2203
2362
|
};
|
|
2204
|
-
const _hoisted_6$
|
|
2363
|
+
const _hoisted_6$b = {
|
|
2205
2364
|
key: 0,
|
|
2206
2365
|
class: "tao-progress__percentage"
|
|
2207
2366
|
};
|
|
2208
|
-
const _sfc_main$
|
|
2367
|
+
const _sfc_main$t = /* @__PURE__ */ defineComponent({
|
|
2209
2368
|
...{ name: "TaoProgress" },
|
|
2210
2369
|
__name: "TaoProgress",
|
|
2211
2370
|
props: {
|
|
@@ -2236,16 +2395,16 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
|
|
|
2236
2395
|
() => hasRight.value ? `(${props.progress}%)` : `${props.progress}%`
|
|
2237
2396
|
);
|
|
2238
2397
|
return (_ctx, _cache) => {
|
|
2239
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
2398
|
+
return openBlock(), createElementBlock("div", _hoisted_1$s, [
|
|
2240
2399
|
createElementVNode("div", {
|
|
2241
2400
|
class: normalizeClass(["tao-progress__container", { "tao-progress__container--over": showOverPercent.value }]),
|
|
2242
2401
|
style: normalizeStyle({ minWidth: `${minW.value}px`, maxWidth: `${maxW.value}px` })
|
|
2243
2402
|
}, [
|
|
2244
|
-
_ctx.$slots.left ? (openBlock(), createElementBlock("div", _hoisted_2$
|
|
2403
|
+
_ctx.$slots.left ? (openBlock(), createElementBlock("div", _hoisted_2$p, [
|
|
2245
2404
|
renderSlot(_ctx.$slots, "left", {}, void 0, true)
|
|
2246
2405
|
])) : createCommentVNode("", true),
|
|
2247
|
-
createElementVNode("div", _hoisted_3$
|
|
2248
|
-
showOverPercent.value ? (openBlock(), createElementBlock("span", _hoisted_4$
|
|
2406
|
+
createElementVNode("div", _hoisted_3$l, [
|
|
2407
|
+
showOverPercent.value ? (openBlock(), createElementBlock("span", _hoisted_4$j, toDisplayString(__props.progress) + "%", 1)) : createCommentVNode("", true),
|
|
2249
2408
|
createElementVNode("div", {
|
|
2250
2409
|
class: "tao-progress__track",
|
|
2251
2410
|
style: normalizeStyle({ height: `${__props.height}px` })
|
|
@@ -2256,23 +2415,23 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
|
|
|
2256
2415
|
}, null, 6)
|
|
2257
2416
|
], 4)
|
|
2258
2417
|
]),
|
|
2259
|
-
_ctx.$slots.right || showEndPercent.value ? (openBlock(), createElementBlock("div", _hoisted_5$
|
|
2418
|
+
_ctx.$slots.right || showEndPercent.value ? (openBlock(), createElementBlock("div", _hoisted_5$e, [
|
|
2260
2419
|
renderSlot(_ctx.$slots, "right", {}, void 0, true),
|
|
2261
|
-
showEndPercent.value ? (openBlock(), createElementBlock("span", _hoisted_6$
|
|
2420
|
+
showEndPercent.value ? (openBlock(), createElementBlock("span", _hoisted_6$b, toDisplayString(endPercentLabel.value), 1)) : createCommentVNode("", true)
|
|
2262
2421
|
])) : createCommentVNode("", true)
|
|
2263
2422
|
], 6)
|
|
2264
2423
|
]);
|
|
2265
2424
|
};
|
|
2266
2425
|
}
|
|
2267
2426
|
});
|
|
2268
|
-
const TaoProgress = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
2269
|
-
const _hoisted_1$
|
|
2270
|
-
const _hoisted_2$
|
|
2271
|
-
const _hoisted_3$
|
|
2427
|
+
const TaoProgress = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-54c13718"]]);
|
|
2428
|
+
const _hoisted_1$r = ["id", "tabindex", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-disabled", "aria-describedby"];
|
|
2429
|
+
const _hoisted_2$o = ["placeholder"];
|
|
2430
|
+
const _hoisted_3$k = {
|
|
2272
2431
|
key: 1,
|
|
2273
2432
|
class: "tao-slider__value"
|
|
2274
2433
|
};
|
|
2275
|
-
const _sfc_main$
|
|
2434
|
+
const _sfc_main$s = /* @__PURE__ */ defineComponent({
|
|
2276
2435
|
...{ name: "TaoSlider" },
|
|
2277
2436
|
__name: "TaoSlider",
|
|
2278
2437
|
props: {
|
|
@@ -2489,29 +2648,29 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
|
|
|
2489
2648
|
onKeydown: onShadowKeydown,
|
|
2490
2649
|
onPointerdown: _cache[1] || (_cache[1] = withModifiers(() => {
|
|
2491
2650
|
}, ["stop"]))
|
|
2492
|
-
}, null, 40, _hoisted_2$
|
|
2651
|
+
}, null, 40, _hoisted_2$o)), [
|
|
2493
2652
|
[vModelText, shadowModel.value]
|
|
2494
|
-
]) : __props.showValue ? (openBlock(), createElementBlock("div", _hoisted_3$
|
|
2653
|
+
]) : __props.showValue ? (openBlock(), createElementBlock("div", _hoisted_3$k, [
|
|
2495
2654
|
renderSlot(_ctx.$slots, "pre-value", {}, void 0, true),
|
|
2496
2655
|
createTextVNode(toDisplayString(__props.modelValue), 1),
|
|
2497
2656
|
renderSlot(_ctx.$slots, "post-value", {}, void 0, true)
|
|
2498
2657
|
])) : createCommentVNode("", true)
|
|
2499
|
-
], 42, _hoisted_1$
|
|
2658
|
+
], 42, _hoisted_1$r);
|
|
2500
2659
|
};
|
|
2501
2660
|
}
|
|
2502
2661
|
});
|
|
2503
|
-
const TaoSlider = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
2504
|
-
const _hoisted_1$
|
|
2505
|
-
const _hoisted_2$
|
|
2506
|
-
const _hoisted_3$
|
|
2507
|
-
const _hoisted_4$
|
|
2662
|
+
const TaoSlider = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-24a38782"]]);
|
|
2663
|
+
const _hoisted_1$q = { class: "tao-file-drop" };
|
|
2664
|
+
const _hoisted_2$n = { class: "tao-file-drop__row" };
|
|
2665
|
+
const _hoisted_3$j = ["accept", "multiple"];
|
|
2666
|
+
const _hoisted_4$i = {
|
|
2508
2667
|
key: 0,
|
|
2509
2668
|
class: "tao-file-drop__list"
|
|
2510
2669
|
};
|
|
2511
|
-
const _hoisted_5$
|
|
2512
|
-
const _hoisted_6$
|
|
2513
|
-
const _hoisted_7$
|
|
2514
|
-
const _sfc_main$
|
|
2670
|
+
const _hoisted_5$d = { class: "tao-file-drop__name" };
|
|
2671
|
+
const _hoisted_6$a = { class: "tao-file-drop__meta" };
|
|
2672
|
+
const _hoisted_7$8 = ["aria-label", "onClick"];
|
|
2673
|
+
const _sfc_main$r = /* @__PURE__ */ defineComponent({
|
|
2515
2674
|
...{ name: "TaoFileDrop" },
|
|
2516
2675
|
__name: "TaoFileDrop",
|
|
2517
2676
|
props: {
|
|
@@ -2610,8 +2769,8 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
|
|
|
2610
2769
|
});
|
|
2611
2770
|
onBeforeUnmount(() => stopFocusLoss == null ? void 0 : stopFocusLoss());
|
|
2612
2771
|
return (_ctx, _cache) => {
|
|
2613
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
2614
|
-
createElementVNode("div", _hoisted_2$
|
|
2772
|
+
return openBlock(), createElementBlock("div", _hoisted_1$q, [
|
|
2773
|
+
createElementVNode("div", _hoisted_2$n, [
|
|
2615
2774
|
__props.showClear && __props.modelValue.length ? (openBlock(), createElementBlock("button", {
|
|
2616
2775
|
key: 0,
|
|
2617
2776
|
type: "button",
|
|
@@ -2638,23 +2797,23 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
|
|
|
2638
2797
|
onChange: handleFileSelect,
|
|
2639
2798
|
onClick: _cache[0] || (_cache[0] = withModifiers(() => {
|
|
2640
2799
|
}, ["stop"]))
|
|
2641
|
-
}, null, 40, _hoisted_3$
|
|
2800
|
+
}, null, 40, _hoisted_3$j)
|
|
2642
2801
|
], 34)
|
|
2643
2802
|
]),
|
|
2644
|
-
__props.list && __props.modelValue.length ? (openBlock(), createElementBlock("ul", _hoisted_4$
|
|
2803
|
+
__props.list && __props.modelValue.length ? (openBlock(), createElementBlock("ul", _hoisted_4$i, [
|
|
2645
2804
|
(openBlock(true), createElementBlock(Fragment, null, renderList(__props.modelValue, (file, index) => {
|
|
2646
2805
|
return openBlock(), createElementBlock("li", {
|
|
2647
2806
|
key: fileKey(file, index),
|
|
2648
2807
|
class: "tao-file-drop__file"
|
|
2649
2808
|
}, [
|
|
2650
|
-
createElementVNode("span", _hoisted_5$
|
|
2651
|
-
createElementVNode("span", _hoisted_6$
|
|
2809
|
+
createElementVNode("span", _hoisted_5$d, toDisplayString(file.name), 1),
|
|
2810
|
+
createElementVNode("span", _hoisted_6$a, toDisplayString(formatSize(file.size)), 1),
|
|
2652
2811
|
createElementVNode("button", {
|
|
2653
2812
|
type: "button",
|
|
2654
2813
|
class: "tao-file-drop__remove",
|
|
2655
2814
|
"aria-label": `Убрать «${file.name}»`,
|
|
2656
2815
|
onClick: ($event) => removeAt(index)
|
|
2657
|
-
}, " ✕ ", 8, _hoisted_7$
|
|
2816
|
+
}, " ✕ ", 8, _hoisted_7$8)
|
|
2658
2817
|
]);
|
|
2659
2818
|
}), 128))
|
|
2660
2819
|
])) : createCommentVNode("", true)
|
|
@@ -2662,15 +2821,15 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
|
|
|
2662
2821
|
};
|
|
2663
2822
|
}
|
|
2664
2823
|
});
|
|
2665
|
-
const TaoFileDrop = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
2666
|
-
const _hoisted_1$
|
|
2667
|
-
const _hoisted_2$
|
|
2824
|
+
const TaoFileDrop = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-f97c4e91"]]);
|
|
2825
|
+
const _hoisted_1$p = ["aria-expanded"];
|
|
2826
|
+
const _hoisted_2$m = {
|
|
2668
2827
|
key: 1,
|
|
2669
2828
|
"aria-label": "Меню"
|
|
2670
2829
|
};
|
|
2671
|
-
const _hoisted_3$
|
|
2672
|
-
const _hoisted_4$
|
|
2673
|
-
const _sfc_main$
|
|
2830
|
+
const _hoisted_3$i = ["onClick", "onMouseenter"];
|
|
2831
|
+
const _hoisted_4$h = { key: 1 };
|
|
2832
|
+
const _sfc_main$q = /* @__PURE__ */ defineComponent({
|
|
2674
2833
|
...{ name: "TaoDropdownMenu" },
|
|
2675
2834
|
__name: "TaoDropdownMenu",
|
|
2676
2835
|
props: {
|
|
@@ -2805,8 +2964,8 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
|
|
|
2805
2964
|
"aria-expanded": isOpen.value,
|
|
2806
2965
|
onClick: toggleMenu
|
|
2807
2966
|
}, [
|
|
2808
|
-
_ctx.$slots.button ? renderSlot(_ctx.$slots, "button", {}, void 0, true, 0) : (openBlock(), createElementBlock("span", _hoisted_2$
|
|
2809
|
-
], 8, _hoisted_1$
|
|
2967
|
+
_ctx.$slots.button ? renderSlot(_ctx.$slots, "button", {}, void 0, true, 0) : (openBlock(), createElementBlock("span", _hoisted_2$m, "⋮"))
|
|
2968
|
+
], 8, _hoisted_1$p),
|
|
2810
2969
|
(openBlock(), createBlock(Teleport, { to: "body" }, [
|
|
2811
2970
|
isOpen.value ? (openBlock(), createElementBlock("div", {
|
|
2812
2971
|
key: 0,
|
|
@@ -2831,8 +2990,8 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
|
|
|
2831
2990
|
id: action.id,
|
|
2832
2991
|
ico: action.ico,
|
|
2833
2992
|
text: action.name
|
|
2834
|
-
}, void 0, true, 0) : (openBlock(), createElementBlock("span", _hoisted_4$
|
|
2835
|
-
], 42, _hoisted_3$
|
|
2993
|
+
}, void 0, true, 0) : (openBlock(), createElementBlock("span", _hoisted_4$h, toDisplayString(action.name), 1))
|
|
2994
|
+
], 42, _hoisted_3$i);
|
|
2836
2995
|
}), 128))
|
|
2837
2996
|
], 36)) : createCommentVNode("", true)
|
|
2838
2997
|
]))
|
|
@@ -2840,10 +2999,10 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
|
|
|
2840
2999
|
};
|
|
2841
3000
|
}
|
|
2842
3001
|
});
|
|
2843
|
-
const TaoDropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
2844
|
-
const _hoisted_1$
|
|
2845
|
-
const _hoisted_2$
|
|
2846
|
-
const _sfc_main$
|
|
3002
|
+
const TaoDropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-420a7e63"]]);
|
|
3003
|
+
const _hoisted_1$o = ["aria-invalid", "aria-describedby"];
|
|
3004
|
+
const _hoisted_2$l = ["id", "value", "placeholder", "type", "inputmode", "pattern", "onInput", "onKeydown", "onFocus"];
|
|
3005
|
+
const _sfc_main$p = /* @__PURE__ */ defineComponent({
|
|
2847
3006
|
...{ name: "TaoPinCode" },
|
|
2848
3007
|
__name: "TaoPinCode",
|
|
2849
3008
|
props: {
|
|
@@ -3010,14 +3169,14 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
|
|
|
3010
3169
|
onKeydown: ($event) => onKeydown($event, index),
|
|
3011
3170
|
onFocus: ($event) => onFocus(index),
|
|
3012
3171
|
onBlur
|
|
3013
|
-
}, null, 42, _hoisted_2$
|
|
3172
|
+
}, null, 42, _hoisted_2$l);
|
|
3014
3173
|
}), 128))
|
|
3015
|
-
], 8, _hoisted_1$
|
|
3174
|
+
], 8, _hoisted_1$o);
|
|
3016
3175
|
};
|
|
3017
3176
|
}
|
|
3018
3177
|
});
|
|
3019
|
-
const TaoPinCode = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
3020
|
-
const _sfc_main$
|
|
3178
|
+
const TaoPinCode = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-c3182673"]]);
|
|
3179
|
+
const _sfc_main$o = /* @__PURE__ */ defineComponent({
|
|
3021
3180
|
...{ name: "TaoLink" },
|
|
3022
3181
|
__name: "TaoLink",
|
|
3023
3182
|
props: {
|
|
@@ -3059,8 +3218,8 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
|
|
|
3059
3218
|
};
|
|
3060
3219
|
}
|
|
3061
3220
|
});
|
|
3062
|
-
const _hoisted_1$
|
|
3063
|
-
const _sfc_main$
|
|
3221
|
+
const _hoisted_1$n = ["for"];
|
|
3222
|
+
const _sfc_main$n = /* @__PURE__ */ defineComponent({
|
|
3064
3223
|
...{ name: "TaoFormField" },
|
|
3065
3224
|
__name: "TaoFormField",
|
|
3066
3225
|
props: {
|
|
@@ -3096,7 +3255,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
|
|
|
3096
3255
|
key: 0,
|
|
3097
3256
|
class: "tao-form-field__label",
|
|
3098
3257
|
for: unref(id)
|
|
3099
|
-
}, toDisplayString(__props.label), 9, _hoisted_1$
|
|
3258
|
+
}, toDisplayString(__props.label), 9, _hoisted_1$n)) : createCommentVNode("", true),
|
|
3100
3259
|
renderSlot(_ctx.$slots, "default", {}, void 0, true),
|
|
3101
3260
|
__props.error ? (openBlock(), createElementBlock("p", {
|
|
3102
3261
|
key: 1,
|
|
@@ -3111,12 +3270,12 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
|
|
|
3111
3270
|
};
|
|
3112
3271
|
}
|
|
3113
3272
|
});
|
|
3114
|
-
const TaoFormField = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
3115
|
-
const _hoisted_1$
|
|
3116
|
-
const _hoisted_2$
|
|
3117
|
-
const _hoisted_3$
|
|
3118
|
-
const _hoisted_4$
|
|
3119
|
-
const _sfc_main$
|
|
3273
|
+
const TaoFormField = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-11324f0c"]]);
|
|
3274
|
+
const _hoisted_1$m = ["id", "aria-expanded", "aria-invalid", "aria-describedby", "disabled"];
|
|
3275
|
+
const _hoisted_2$k = { class: "tao-select__value" };
|
|
3276
|
+
const _hoisted_3$h = ["aria-activedescendant"];
|
|
3277
|
+
const _hoisted_4$g = ["id", "aria-selected", "aria-disabled", "data-tao-select-index", "onClick", "onMouseenter"];
|
|
3278
|
+
const _sfc_main$m = /* @__PURE__ */ defineComponent({
|
|
3120
3279
|
...{ name: "TaoSelect" },
|
|
3121
3280
|
__name: "TaoSelect",
|
|
3122
3281
|
props: {
|
|
@@ -3329,12 +3488,12 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
|
|
|
3329
3488
|
onClick: toggle,
|
|
3330
3489
|
onKeydown: onTriggerKeydown
|
|
3331
3490
|
}, [
|
|
3332
|
-
createElementVNode("span", _hoisted_2$
|
|
3491
|
+
createElementVNode("span", _hoisted_2$k, toDisplayString(((_a = selected.value) == null ? void 0 : _a.label) ?? __props.placeholder), 1),
|
|
3333
3492
|
_cache[2] || (_cache[2] = createElementVNode("span", {
|
|
3334
3493
|
class: "tao-select__chevron",
|
|
3335
3494
|
"aria-hidden": "true"
|
|
3336
3495
|
}, null, -1))
|
|
3337
|
-
], 42, _hoisted_1$
|
|
3496
|
+
], 42, _hoisted_1$m),
|
|
3338
3497
|
(openBlock(), createBlock(Teleport, { to: "body" }, [
|
|
3339
3498
|
open.value ? (openBlock(), createElementBlock("div", {
|
|
3340
3499
|
key: 0,
|
|
@@ -3370,9 +3529,9 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
|
|
|
3370
3529
|
}, ["prevent"])),
|
|
3371
3530
|
onClick: ($event) => selectOption(option),
|
|
3372
3531
|
onMouseenter: ($event) => !option.disabled && (activeIndex.value = index)
|
|
3373
|
-
}, toDisplayString(option.label), 43, _hoisted_4$
|
|
3532
|
+
}, toDisplayString(option.label), 43, _hoisted_4$g);
|
|
3374
3533
|
}), 128))
|
|
3375
|
-
], 40, _hoisted_3$
|
|
3534
|
+
], 40, _hoisted_3$h),
|
|
3376
3535
|
selected.value ? (openBlock(), createElementBlock("button", {
|
|
3377
3536
|
key: 0,
|
|
3378
3537
|
type: "button",
|
|
@@ -3387,14 +3546,14 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
|
|
|
3387
3546
|
};
|
|
3388
3547
|
}
|
|
3389
3548
|
});
|
|
3390
|
-
const TaoSelect = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
3391
|
-
const _hoisted_1$
|
|
3392
|
-
const _hoisted_2$
|
|
3549
|
+
const TaoSelect = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-42551757"]]);
|
|
3550
|
+
const _hoisted_1$l = ["id", "aria-expanded", "aria-activedescendant", "aria-invalid", "aria-describedby", "disabled", "placeholder", "value"];
|
|
3551
|
+
const _hoisted_2$j = {
|
|
3393
3552
|
key: 0,
|
|
3394
3553
|
class: "tao-combobox__empty"
|
|
3395
3554
|
};
|
|
3396
|
-
const _hoisted_3$
|
|
3397
|
-
const _sfc_main$
|
|
3555
|
+
const _hoisted_3$g = ["id", "aria-selected", "aria-disabled", "data-tao-combobox-index", "onClick", "onMouseenter"];
|
|
3556
|
+
const _sfc_main$l = /* @__PURE__ */ defineComponent({
|
|
3398
3557
|
...{ name: "TaoCombobox" },
|
|
3399
3558
|
__name: "TaoCombobox",
|
|
3400
3559
|
props: {
|
|
@@ -3802,7 +3961,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
|
|
|
3802
3961
|
onFocus,
|
|
3803
3962
|
onBlur,
|
|
3804
3963
|
onKeydown: onInputKeydown
|
|
3805
|
-
}, null, 40, _hoisted_1$
|
|
3964
|
+
}, null, 40, _hoisted_1$l),
|
|
3806
3965
|
_cache[1] || (_cache[1] = createElementVNode("span", {
|
|
3807
3966
|
class: "tao-combobox__chevron",
|
|
3808
3967
|
"aria-hidden": "true"
|
|
@@ -3823,7 +3982,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
|
|
|
3823
3982
|
class: "tao-combobox__list",
|
|
3824
3983
|
role: "listbox"
|
|
3825
3984
|
}, [
|
|
3826
|
-
!rows.value.length ? (openBlock(), createElementBlock("li", _hoisted_2$
|
|
3985
|
+
!rows.value.length ? (openBlock(), createElementBlock("li", _hoisted_2$j, "Ничего не найдено")) : createCommentVNode("", true),
|
|
3827
3986
|
(openBlock(true), createElementBlock(Fragment, null, renderList(rows.value, (row, index) => {
|
|
3828
3987
|
return openBlock(), createElementBlock("li", {
|
|
3829
3988
|
id: `${listId}-row-${index}`,
|
|
@@ -3847,7 +4006,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
|
|
|
3847
4006
|
], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
|
|
3848
4007
|
createTextVNode(toDisplayString(row.option.label), 1)
|
|
3849
4008
|
], 64))
|
|
3850
|
-
], 42, _hoisted_3$
|
|
4009
|
+
], 42, _hoisted_3$g);
|
|
3851
4010
|
}), 128))
|
|
3852
4011
|
], 512),
|
|
3853
4012
|
selected.value ? (openBlock(), createElementBlock("button", {
|
|
@@ -3862,7 +4021,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
|
|
|
3862
4021
|
};
|
|
3863
4022
|
}
|
|
3864
4023
|
});
|
|
3865
|
-
const TaoCombobox = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
4024
|
+
const TaoCombobox = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-60be67d0"]]);
|
|
3866
4025
|
const ISO_DATE = /^(\d{4})-(\d{2})-(\d{2})$/;
|
|
3867
4026
|
function formatTaoDateIso(parts) {
|
|
3868
4027
|
return `${String(parts.y).padStart(4, "0")}-${String(parts.m).padStart(2, "0")}-${String(parts.d).padStart(2, "0")}`;
|
|
@@ -3990,23 +4149,23 @@ function buildTaoDateGrid(year, month) {
|
|
|
3990
4149
|
};
|
|
3991
4150
|
});
|
|
3992
4151
|
}
|
|
3993
|
-
const _hoisted_1$
|
|
3994
|
-
const _hoisted_2$
|
|
3995
|
-
const _hoisted_3$
|
|
3996
|
-
const _hoisted_4$
|
|
3997
|
-
const _hoisted_5$
|
|
3998
|
-
const _hoisted_6$
|
|
4152
|
+
const _hoisted_1$k = ["id", "aria-expanded", "aria-invalid", "aria-describedby", "disabled"];
|
|
4153
|
+
const _hoisted_2$i = { class: "tao-date__value" };
|
|
4154
|
+
const _hoisted_3$f = ["aria-label"];
|
|
4155
|
+
const _hoisted_4$f = { class: "tao-date__header" };
|
|
4156
|
+
const _hoisted_5$c = { class: "tao-date__month" };
|
|
4157
|
+
const _hoisted_6$9 = {
|
|
3999
4158
|
class: "tao-date__weekdays",
|
|
4000
4159
|
"aria-hidden": "true"
|
|
4001
4160
|
};
|
|
4002
|
-
const _hoisted_7$
|
|
4161
|
+
const _hoisted_7$7 = {
|
|
4003
4162
|
class: "tao-date__grid",
|
|
4004
4163
|
role: "grid"
|
|
4005
4164
|
};
|
|
4006
4165
|
const _hoisted_8$6 = ["aria-label", "aria-selected", "disabled", "onClick"];
|
|
4007
4166
|
const _hoisted_9$2 = { class: "tao-date__footer" };
|
|
4008
4167
|
const _hoisted_10$1 = ["disabled"];
|
|
4009
|
-
const _sfc_main$
|
|
4168
|
+
const _sfc_main$k = /* @__PURE__ */ defineComponent({
|
|
4010
4169
|
...{ name: "TaoDate" },
|
|
4011
4170
|
__name: "TaoDate",
|
|
4012
4171
|
props: {
|
|
@@ -4236,7 +4395,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
|
|
|
4236
4395
|
onClick: toggle,
|
|
4237
4396
|
onKeydown: onTriggerKeydown
|
|
4238
4397
|
}, [
|
|
4239
|
-
createElementVNode("span", _hoisted_2$
|
|
4398
|
+
createElementVNode("span", _hoisted_2$i, toDisplayString(displayLabel.value || __props.placeholder), 1),
|
|
4240
4399
|
_cache[4] || (_cache[4] = createElementVNode("svg", {
|
|
4241
4400
|
class: "tao-date__icon",
|
|
4242
4401
|
viewBox: "0 0 16 16",
|
|
@@ -4263,7 +4422,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
|
|
|
4263
4422
|
"stroke-linecap": "round"
|
|
4264
4423
|
})
|
|
4265
4424
|
], -1))
|
|
4266
|
-
], 42, _hoisted_1$
|
|
4425
|
+
], 42, _hoisted_1$k),
|
|
4267
4426
|
(openBlock(), createBlock(Teleport, { to: "body" }, [
|
|
4268
4427
|
open.value ? (openBlock(), createElementBlock("div", {
|
|
4269
4428
|
key: 0,
|
|
@@ -4277,7 +4436,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
|
|
|
4277
4436
|
style: normalizeStyle(panelStyle.value),
|
|
4278
4437
|
onKeydown: onPanelKeydown
|
|
4279
4438
|
}, [
|
|
4280
|
-
createElementVNode("div", _hoisted_4$
|
|
4439
|
+
createElementVNode("div", _hoisted_4$f, [
|
|
4281
4440
|
createElementVNode("button", {
|
|
4282
4441
|
type: "button",
|
|
4283
4442
|
class: "tao-date__nav",
|
|
@@ -4301,7 +4460,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
|
|
|
4301
4460
|
})
|
|
4302
4461
|
], -1)
|
|
4303
4462
|
])]),
|
|
4304
|
-
createElementVNode("p", _hoisted_5$
|
|
4463
|
+
createElementVNode("p", _hoisted_5$c, toDisplayString(monthLabel.value), 1),
|
|
4305
4464
|
createElementVNode("button", {
|
|
4306
4465
|
type: "button",
|
|
4307
4466
|
class: "tao-date__nav",
|
|
@@ -4326,12 +4485,12 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
|
|
|
4326
4485
|
], -1)
|
|
4327
4486
|
])])
|
|
4328
4487
|
]),
|
|
4329
|
-
createElementVNode("div", _hoisted_6$
|
|
4488
|
+
createElementVNode("div", _hoisted_6$9, [
|
|
4330
4489
|
(openBlock(true), createElementBlock(Fragment, null, renderList(weekdays.value, (day) => {
|
|
4331
4490
|
return openBlock(), createElementBlock("span", { key: day }, toDisplayString(day), 1);
|
|
4332
4491
|
}), 128))
|
|
4333
4492
|
]),
|
|
4334
|
-
createElementVNode("div", _hoisted_7$
|
|
4493
|
+
createElementVNode("div", _hoisted_7$7, [
|
|
4335
4494
|
(openBlock(true), createElementBlock(Fragment, null, renderList(cells.value, (cell) => {
|
|
4336
4495
|
return openBlock(), createElementBlock("button", {
|
|
4337
4496
|
key: cell.iso,
|
|
@@ -4367,26 +4526,26 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
|
|
|
4367
4526
|
onClick: clear
|
|
4368
4527
|
}, "Очистить")) : createCommentVNode("", true)
|
|
4369
4528
|
])
|
|
4370
|
-
], 44, _hoisted_3$
|
|
4529
|
+
], 44, _hoisted_3$f)) : createCommentVNode("", true)
|
|
4371
4530
|
]))
|
|
4372
4531
|
], 2);
|
|
4373
4532
|
};
|
|
4374
4533
|
}
|
|
4375
4534
|
});
|
|
4376
|
-
const TaoDate = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
4377
|
-
const _hoisted_1$
|
|
4378
|
-
const _hoisted_2$
|
|
4379
|
-
const _hoisted_3$
|
|
4380
|
-
const _hoisted_4$
|
|
4381
|
-
const _hoisted_5$
|
|
4382
|
-
const _hoisted_6$
|
|
4535
|
+
const TaoDate = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-f4a9cddd"]]);
|
|
4536
|
+
const _hoisted_1$j = ["id", "aria-expanded", "aria-invalid", "aria-describedby", "disabled"];
|
|
4537
|
+
const _hoisted_2$h = { class: "tao-date-range__value" };
|
|
4538
|
+
const _hoisted_3$e = ["aria-label"];
|
|
4539
|
+
const _hoisted_4$e = { class: "tao-date__header" };
|
|
4540
|
+
const _hoisted_5$b = { class: "tao-date__month" };
|
|
4541
|
+
const _hoisted_6$8 = {
|
|
4383
4542
|
class: "tao-date__weekdays",
|
|
4384
4543
|
"aria-hidden": "true"
|
|
4385
4544
|
};
|
|
4386
|
-
const _hoisted_7$
|
|
4545
|
+
const _hoisted_7$6 = ["aria-label", "aria-selected", "disabled", "onMouseenter", "onClick"];
|
|
4387
4546
|
const _hoisted_8$5 = { class: "tao-date__footer" };
|
|
4388
4547
|
const _hoisted_9$1 = ["disabled"];
|
|
4389
|
-
const _sfc_main$
|
|
4548
|
+
const _sfc_main$j = /* @__PURE__ */ defineComponent({
|
|
4390
4549
|
...{ name: "TaoDateRange" },
|
|
4391
4550
|
__name: "TaoDateRange",
|
|
4392
4551
|
props: {
|
|
@@ -4670,7 +4829,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
|
|
|
4670
4829
|
onClick: toggle,
|
|
4671
4830
|
onKeydown: onTriggerKeydown
|
|
4672
4831
|
}, [
|
|
4673
|
-
createElementVNode("span", _hoisted_2$
|
|
4832
|
+
createElementVNode("span", _hoisted_2$h, toDisplayString(displayLabel.value || __props.placeholder), 1),
|
|
4674
4833
|
_cache[3] || (_cache[3] = createElementVNode("svg", {
|
|
4675
4834
|
class: "tao-date-range__icon",
|
|
4676
4835
|
viewBox: "0 0 16 16",
|
|
@@ -4697,7 +4856,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
|
|
|
4697
4856
|
"stroke-linecap": "round"
|
|
4698
4857
|
})
|
|
4699
4858
|
], -1))
|
|
4700
|
-
], 42, _hoisted_1$
|
|
4859
|
+
], 42, _hoisted_1$j),
|
|
4701
4860
|
(openBlock(), createBlock(Teleport, { to: "body" }, [
|
|
4702
4861
|
open.value ? (openBlock(), createElementBlock("div", {
|
|
4703
4862
|
key: 0,
|
|
@@ -4711,7 +4870,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
|
|
|
4711
4870
|
style: normalizeStyle(panelStyle.value),
|
|
4712
4871
|
onKeydown: onPanelKeydown
|
|
4713
4872
|
}, [
|
|
4714
|
-
createElementVNode("div", _hoisted_4$
|
|
4873
|
+
createElementVNode("div", _hoisted_4$e, [
|
|
4715
4874
|
createElementVNode("button", {
|
|
4716
4875
|
type: "button",
|
|
4717
4876
|
class: "tao-date__nav",
|
|
@@ -4735,7 +4894,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
|
|
|
4735
4894
|
})
|
|
4736
4895
|
], -1)
|
|
4737
4896
|
])]),
|
|
4738
|
-
createElementVNode("p", _hoisted_5$
|
|
4897
|
+
createElementVNode("p", _hoisted_5$b, toDisplayString(monthLabel.value), 1),
|
|
4739
4898
|
createElementVNode("button", {
|
|
4740
4899
|
type: "button",
|
|
4741
4900
|
class: "tao-date__nav",
|
|
@@ -4760,7 +4919,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
|
|
|
4760
4919
|
], -1)
|
|
4761
4920
|
])])
|
|
4762
4921
|
]),
|
|
4763
|
-
createElementVNode("div", _hoisted_6$
|
|
4922
|
+
createElementVNode("div", _hoisted_6$8, [
|
|
4764
4923
|
(openBlock(true), createElementBlock(Fragment, null, renderList(weekdays.value, (day) => {
|
|
4765
4924
|
return openBlock(), createElementBlock("span", { key: day }, toDisplayString(day), 1);
|
|
4766
4925
|
}), 128))
|
|
@@ -4793,7 +4952,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
|
|
|
4793
4952
|
}, ["prevent"])),
|
|
4794
4953
|
onMouseenter: ($event) => onDayEnter(cell.iso),
|
|
4795
4954
|
onClick: ($event) => selectDay(cell.iso)
|
|
4796
|
-
}, toDisplayString(cell.day), 43, _hoisted_7$
|
|
4955
|
+
}, toDisplayString(cell.day), 43, _hoisted_7$6);
|
|
4797
4956
|
}), 128))
|
|
4798
4957
|
], 32),
|
|
4799
4958
|
createElementVNode("div", _hoisted_8$5, [
|
|
@@ -4810,24 +4969,24 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
|
|
|
4810
4969
|
onClick: clear
|
|
4811
4970
|
}, "Очистить")) : createCommentVNode("", true)
|
|
4812
4971
|
])
|
|
4813
|
-
], 44, _hoisted_3$
|
|
4972
|
+
], 44, _hoisted_3$e)) : createCommentVNode("", true)
|
|
4814
4973
|
]))
|
|
4815
4974
|
], 2);
|
|
4816
4975
|
};
|
|
4817
4976
|
}
|
|
4818
4977
|
});
|
|
4819
|
-
const TaoDateRange = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
4820
|
-
const _hoisted_1$
|
|
4821
|
-
const _hoisted_2$
|
|
4822
|
-
const _hoisted_3$
|
|
4978
|
+
const TaoDateRange = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-3d067081"]]);
|
|
4979
|
+
const _hoisted_1$i = ["for"];
|
|
4980
|
+
const _hoisted_2$g = ["id", "checked", "disabled", "aria-checked"];
|
|
4981
|
+
const _hoisted_3$d = {
|
|
4823
4982
|
key: 0,
|
|
4824
4983
|
class: "tao-switch__label"
|
|
4825
4984
|
};
|
|
4826
|
-
const _hoisted_4$
|
|
4985
|
+
const _hoisted_4$d = {
|
|
4827
4986
|
key: 1,
|
|
4828
4987
|
class: "tao-switch__label"
|
|
4829
4988
|
};
|
|
4830
|
-
const _sfc_main$
|
|
4989
|
+
const _sfc_main$i = /* @__PURE__ */ defineComponent({
|
|
4831
4990
|
...{ name: "TaoSwitch" },
|
|
4832
4991
|
__name: "TaoSwitch",
|
|
4833
4992
|
props: {
|
|
@@ -4864,33 +5023,33 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
|
|
|
4864
5023
|
disabled: __props.disabled,
|
|
4865
5024
|
"aria-checked": __props.modelValue,
|
|
4866
5025
|
onChange: toggle
|
|
4867
|
-
}, null, 40, _hoisted_2$
|
|
5026
|
+
}, null, 40, _hoisted_2$g),
|
|
4868
5027
|
_cache[0] || (_cache[0] = createElementVNode("span", {
|
|
4869
5028
|
class: "tao-switch__track",
|
|
4870
5029
|
"aria-hidden": "true"
|
|
4871
5030
|
}, [
|
|
4872
5031
|
createElementVNode("span", { class: "tao-switch__thumb" })
|
|
4873
5032
|
], -1)),
|
|
4874
|
-
__props.label ? (openBlock(), createElementBlock("span", _hoisted_3$
|
|
5033
|
+
__props.label ? (openBlock(), createElementBlock("span", _hoisted_3$d, toDisplayString(__props.label), 1)) : _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_4$d, [
|
|
4875
5034
|
renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
4876
5035
|
])) : createCommentVNode("", true)
|
|
4877
|
-
], 10, _hoisted_1$
|
|
5036
|
+
], 10, _hoisted_1$i);
|
|
4878
5037
|
};
|
|
4879
5038
|
}
|
|
4880
5039
|
});
|
|
4881
|
-
const TaoSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
5040
|
+
const TaoSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-db2bca61"]]);
|
|
4882
5041
|
const radioGroupKey = Symbol("taoRadioGroup");
|
|
4883
|
-
const _hoisted_1$
|
|
4884
|
-
const _hoisted_2$
|
|
4885
|
-
const _hoisted_3$
|
|
5042
|
+
const _hoisted_1$h = ["for"];
|
|
5043
|
+
const _hoisted_2$f = ["id", "name", "value", "checked", "disabled"];
|
|
5044
|
+
const _hoisted_3$c = {
|
|
4886
5045
|
key: 0,
|
|
4887
5046
|
class: "tao-radio__label"
|
|
4888
5047
|
};
|
|
4889
|
-
const _hoisted_4$
|
|
5048
|
+
const _hoisted_4$c = {
|
|
4890
5049
|
key: 1,
|
|
4891
5050
|
class: "tao-radio__label"
|
|
4892
5051
|
};
|
|
4893
|
-
const _sfc_main$
|
|
5052
|
+
const _sfc_main$h = /* @__PURE__ */ defineComponent({
|
|
4894
5053
|
...{ name: "TaoRadio" },
|
|
4895
5054
|
__name: "TaoRadio",
|
|
4896
5055
|
props: {
|
|
@@ -4937,25 +5096,25 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
|
|
|
4937
5096
|
checked: isChecked.value,
|
|
4938
5097
|
disabled: isDisabled.value,
|
|
4939
5098
|
onChange
|
|
4940
|
-
}, null, 40, _hoisted_2$
|
|
5099
|
+
}, null, 40, _hoisted_2$f),
|
|
4941
5100
|
_cache[0] || (_cache[0] = createElementVNode("span", {
|
|
4942
5101
|
class: "tao-radio__dot",
|
|
4943
5102
|
"aria-hidden": "true"
|
|
4944
5103
|
}, null, -1)),
|
|
4945
|
-
__props.label ? (openBlock(), createElementBlock("span", _hoisted_3$
|
|
5104
|
+
__props.label ? (openBlock(), createElementBlock("span", _hoisted_3$c, toDisplayString(__props.label), 1)) : (openBlock(), createElementBlock("span", _hoisted_4$c, [
|
|
4946
5105
|
renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
4947
5106
|
]))
|
|
4948
|
-
], 10, _hoisted_1$
|
|
5107
|
+
], 10, _hoisted_1$h);
|
|
4949
5108
|
};
|
|
4950
5109
|
}
|
|
4951
5110
|
});
|
|
4952
|
-
const TaoRadio = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
4953
|
-
const _hoisted_1$
|
|
4954
|
-
const _hoisted_2$
|
|
5111
|
+
const TaoRadio = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-c9c84481"]]);
|
|
5112
|
+
const _hoisted_1$g = ["disabled"];
|
|
5113
|
+
const _hoisted_2$e = {
|
|
4955
5114
|
key: 0,
|
|
4956
5115
|
class: "tao-radio-group__legend"
|
|
4957
5116
|
};
|
|
4958
|
-
const _sfc_main$
|
|
5117
|
+
const _sfc_main$g = /* @__PURE__ */ defineComponent({
|
|
4959
5118
|
...{ name: "TaoRadioGroup" },
|
|
4960
5119
|
__name: "TaoRadioGroup",
|
|
4961
5120
|
props: {
|
|
@@ -4988,13 +5147,258 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
|
|
|
4988
5147
|
class: normalizeClass(["tao-radio-group", `tao-radio-group--${__props.direction}`]),
|
|
4989
5148
|
disabled: __props.disabled
|
|
4990
5149
|
}, [
|
|
4991
|
-
__props.legend ? (openBlock(), createElementBlock("legend", _hoisted_2$
|
|
5150
|
+
__props.legend ? (openBlock(), createElementBlock("legend", _hoisted_2$e, toDisplayString(__props.legend), 1)) : createCommentVNode("", true),
|
|
4992
5151
|
renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
5152
|
+
], 10, _hoisted_1$g);
|
|
5153
|
+
};
|
|
5154
|
+
}
|
|
5155
|
+
});
|
|
5156
|
+
const TaoRadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-a0b1cb1f"]]);
|
|
5157
|
+
const segmentedKey = Symbol("taoSegmented");
|
|
5158
|
+
const _hoisted_1$f = ["disabled", "aria-describedby", "aria-invalid"];
|
|
5159
|
+
const _hoisted_2$d = {
|
|
5160
|
+
key: 0,
|
|
5161
|
+
class: "tao-segmented__legend"
|
|
5162
|
+
};
|
|
5163
|
+
const _sfc_main$f = /* @__PURE__ */ defineComponent({
|
|
5164
|
+
...{ name: "TaoSegmented" },
|
|
5165
|
+
__name: "TaoSegmented",
|
|
5166
|
+
props: {
|
|
5167
|
+
modelValue: { type: [String, Number, Boolean] },
|
|
5168
|
+
name: {},
|
|
5169
|
+
legend: {},
|
|
5170
|
+
disabled: { type: Boolean, default: false },
|
|
5171
|
+
size: { default: "medium" },
|
|
5172
|
+
block: { type: Boolean, default: false }
|
|
5173
|
+
},
|
|
5174
|
+
emits: ["update:modelValue", "change"],
|
|
5175
|
+
setup(__props, { emit: __emit }) {
|
|
5176
|
+
const props = __props;
|
|
5177
|
+
const emit = __emit;
|
|
5178
|
+
const field = inject(formFieldKey, null);
|
|
5179
|
+
const autoName = useId();
|
|
5180
|
+
const groupName = computed(() => props.name || autoName);
|
|
5181
|
+
const model = computed(() => props.modelValue);
|
|
5182
|
+
const groupDisabled = computed(() => props.disabled);
|
|
5183
|
+
const groupSize = computed(() => props.size);
|
|
5184
|
+
const invalid = computed(() => Boolean(field == null ? void 0 : field.invalid.value));
|
|
5185
|
+
const describedBy = computed(() => field == null ? void 0 : field.describedBy.value);
|
|
5186
|
+
const trackRef = ref(null);
|
|
5187
|
+
const thumbStyle = ref({ opacity: "0" });
|
|
5188
|
+
let resizeObserver = null;
|
|
5189
|
+
let mutationObserver = null;
|
|
5190
|
+
function setValue(value) {
|
|
5191
|
+
emit("update:modelValue", value);
|
|
5192
|
+
emit("change", value);
|
|
5193
|
+
}
|
|
5194
|
+
function updateThumb() {
|
|
5195
|
+
const track = trackRef.value;
|
|
5196
|
+
if (!track) {
|
|
5197
|
+
return;
|
|
5198
|
+
}
|
|
5199
|
+
const selected = track.querySelector(".tao-segmented-option--checked");
|
|
5200
|
+
if (!selected) {
|
|
5201
|
+
if (thumbStyle.value.opacity !== "0") {
|
|
5202
|
+
thumbStyle.value = { opacity: "0" };
|
|
5203
|
+
}
|
|
5204
|
+
return;
|
|
5205
|
+
}
|
|
5206
|
+
const trackBox = track.getBoundingClientRect();
|
|
5207
|
+
const optionBox = selected.getBoundingClientRect();
|
|
5208
|
+
const next = {
|
|
5209
|
+
width: `${optionBox.width}px`,
|
|
5210
|
+
height: `${optionBox.height}px`,
|
|
5211
|
+
transform: `translate(${optionBox.left - trackBox.left - track.clientLeft}px, ${optionBox.top - trackBox.top - track.clientTop}px)`,
|
|
5212
|
+
opacity: "1"
|
|
5213
|
+
};
|
|
5214
|
+
const prev = thumbStyle.value;
|
|
5215
|
+
if (prev.width === next.width && prev.height === next.height && prev.transform === next.transform && prev.opacity === next.opacity) {
|
|
5216
|
+
return;
|
|
5217
|
+
}
|
|
5218
|
+
thumbStyle.value = next;
|
|
5219
|
+
}
|
|
5220
|
+
provide(segmentedKey, {
|
|
5221
|
+
name: groupName,
|
|
5222
|
+
model,
|
|
5223
|
+
disabled: groupDisabled,
|
|
5224
|
+
size: groupSize,
|
|
5225
|
+
setValue
|
|
5226
|
+
});
|
|
5227
|
+
onMounted(() => {
|
|
5228
|
+
const track = trackRef.value;
|
|
5229
|
+
void nextTick(updateThumb);
|
|
5230
|
+
if (!track) {
|
|
5231
|
+
return;
|
|
5232
|
+
}
|
|
5233
|
+
if (typeof ResizeObserver !== "undefined") {
|
|
5234
|
+
resizeObserver = new ResizeObserver(() => updateThumb());
|
|
5235
|
+
resizeObserver.observe(track);
|
|
5236
|
+
}
|
|
5237
|
+
mutationObserver = new MutationObserver(() => updateThumb());
|
|
5238
|
+
mutationObserver.observe(track, {
|
|
5239
|
+
subtree: true,
|
|
5240
|
+
childList: true,
|
|
5241
|
+
attributes: true,
|
|
5242
|
+
attributeFilter: ["class"]
|
|
5243
|
+
});
|
|
5244
|
+
});
|
|
5245
|
+
watch(
|
|
5246
|
+
() => [props.modelValue, props.size, props.block, props.disabled],
|
|
5247
|
+
() => {
|
|
5248
|
+
void nextTick(updateThumb);
|
|
5249
|
+
}
|
|
5250
|
+
);
|
|
5251
|
+
onBeforeUnmount(() => {
|
|
5252
|
+
resizeObserver == null ? void 0 : resizeObserver.disconnect();
|
|
5253
|
+
resizeObserver = null;
|
|
5254
|
+
mutationObserver == null ? void 0 : mutationObserver.disconnect();
|
|
5255
|
+
mutationObserver = null;
|
|
5256
|
+
});
|
|
5257
|
+
return (_ctx, _cache) => {
|
|
5258
|
+
return openBlock(), createElementBlock("fieldset", {
|
|
5259
|
+
class: normalizeClass(["tao-segmented", [
|
|
5260
|
+
`tao-segmented--${__props.size}`,
|
|
5261
|
+
{
|
|
5262
|
+
"tao-segmented--block": __props.block,
|
|
5263
|
+
"tao-segmented--disabled": __props.disabled,
|
|
5264
|
+
"tao-segmented--invalid": invalid.value
|
|
5265
|
+
}
|
|
5266
|
+
]]),
|
|
5267
|
+
disabled: __props.disabled,
|
|
5268
|
+
"aria-describedby": describedBy.value,
|
|
5269
|
+
"aria-invalid": invalid.value || void 0
|
|
5270
|
+
}, [
|
|
5271
|
+
__props.legend ? (openBlock(), createElementBlock("legend", _hoisted_2$d, toDisplayString(__props.legend), 1)) : createCommentVNode("", true),
|
|
5272
|
+
createElementVNode("div", {
|
|
5273
|
+
ref_key: "trackRef",
|
|
5274
|
+
ref: trackRef,
|
|
5275
|
+
class: "tao-segmented__track"
|
|
5276
|
+
}, [
|
|
5277
|
+
createElementVNode("div", {
|
|
5278
|
+
class: "tao-segmented__thumb",
|
|
5279
|
+
style: normalizeStyle(thumbStyle.value),
|
|
5280
|
+
"aria-hidden": "true"
|
|
5281
|
+
}, null, 4),
|
|
5282
|
+
renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
5283
|
+
], 512)
|
|
5284
|
+
], 10, _hoisted_1$f);
|
|
5285
|
+
};
|
|
5286
|
+
}
|
|
5287
|
+
});
|
|
5288
|
+
const TaoSegmented = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-cb3c591b"]]);
|
|
5289
|
+
const _hoisted_1$e = ["for"];
|
|
5290
|
+
const _hoisted_2$c = ["id", "name", "value", "checked", "disabled", "aria-label"];
|
|
5291
|
+
const _hoisted_3$b = { class: "tao-segmented-option__face" };
|
|
5292
|
+
const _hoisted_4$b = {
|
|
5293
|
+
key: 0,
|
|
5294
|
+
class: "tao-segmented-option__icon",
|
|
5295
|
+
"aria-hidden": "true"
|
|
5296
|
+
};
|
|
5297
|
+
const _hoisted_5$a = {
|
|
5298
|
+
key: 1,
|
|
5299
|
+
class: "tao-segmented-option__label"
|
|
5300
|
+
};
|
|
5301
|
+
const _hoisted_6$7 = {
|
|
5302
|
+
key: 2,
|
|
5303
|
+
class: "tao-segmented-option__sr"
|
|
5304
|
+
};
|
|
5305
|
+
const _hoisted_7$5 = {
|
|
5306
|
+
key: 3,
|
|
5307
|
+
class: "tao-segmented-option__count"
|
|
5308
|
+
};
|
|
5309
|
+
const _sfc_main$e = /* @__PURE__ */ defineComponent({
|
|
5310
|
+
...{ name: "TaoSegmentedOption" },
|
|
5311
|
+
__name: "TaoSegmentedOption",
|
|
5312
|
+
props: {
|
|
5313
|
+
value: { type: [String, Number, Boolean] },
|
|
5314
|
+
modelValue: { type: [String, Number, Boolean] },
|
|
5315
|
+
name: {},
|
|
5316
|
+
label: { default: "" },
|
|
5317
|
+
icon: { default: "" },
|
|
5318
|
+
count: {},
|
|
5319
|
+
disabled: { type: Boolean, default: false },
|
|
5320
|
+
ariaLabel: {}
|
|
5321
|
+
},
|
|
5322
|
+
emits: ["update:modelValue", "change"],
|
|
5323
|
+
setup(__props, { emit: __emit }) {
|
|
5324
|
+
const props = __props;
|
|
5325
|
+
const emit = __emit;
|
|
5326
|
+
const group = inject(segmentedKey, null);
|
|
5327
|
+
const slots = useSlots();
|
|
5328
|
+
const localId = useId();
|
|
5329
|
+
const isDisabled = computed(() => props.disabled || Boolean(group == null ? void 0 : group.disabled.value));
|
|
5330
|
+
const inputName = computed(() => (group == null ? void 0 : group.name.value) ?? props.name);
|
|
5331
|
+
const size = computed(() => (group == null ? void 0 : group.size.value) ?? "medium");
|
|
5332
|
+
const isChecked = computed(() => {
|
|
5333
|
+
const current = group ? group.model.value : props.modelValue;
|
|
5334
|
+
return current === props.value;
|
|
5335
|
+
});
|
|
5336
|
+
const hasLabel = computed(() => Boolean(props.label || slots.default));
|
|
5337
|
+
const isIconOnly = computed(() => Boolean((props.icon || slots.icon) && !hasLabel.value));
|
|
5338
|
+
const countLabel = computed(() => {
|
|
5339
|
+
if (props.count === void 0 || props.count === null || props.count === "") {
|
|
5340
|
+
return "";
|
|
5341
|
+
}
|
|
5342
|
+
if (typeof props.count === "number") {
|
|
5343
|
+
if (props.count > 99) {
|
|
5344
|
+
return "99+";
|
|
5345
|
+
}
|
|
5346
|
+
return String(props.count);
|
|
5347
|
+
}
|
|
5348
|
+
return String(props.count);
|
|
5349
|
+
});
|
|
5350
|
+
function onChange() {
|
|
5351
|
+
if (isDisabled.value) {
|
|
5352
|
+
return;
|
|
5353
|
+
}
|
|
5354
|
+
if (group) {
|
|
5355
|
+
group.setValue(props.value);
|
|
5356
|
+
return;
|
|
5357
|
+
}
|
|
5358
|
+
emit("update:modelValue", props.value);
|
|
5359
|
+
emit("change", props.value);
|
|
5360
|
+
}
|
|
5361
|
+
return (_ctx, _cache) => {
|
|
5362
|
+
return openBlock(), createElementBlock("label", {
|
|
5363
|
+
class: normalizeClass(["tao-segmented-option", [
|
|
5364
|
+
`tao-segmented-option--${size.value}`,
|
|
5365
|
+
{
|
|
5366
|
+
"tao-segmented-option--checked": isChecked.value,
|
|
5367
|
+
"tao-segmented-option--disabled": props.disabled,
|
|
5368
|
+
"tao-segmented-option--icon-only": isIconOnly.value
|
|
5369
|
+
}
|
|
5370
|
+
]]),
|
|
5371
|
+
for: unref(localId)
|
|
5372
|
+
}, [
|
|
5373
|
+
createElementVNode("input", {
|
|
5374
|
+
id: unref(localId),
|
|
5375
|
+
class: "tao-segmented-option__input",
|
|
5376
|
+
type: "radio",
|
|
5377
|
+
name: inputName.value,
|
|
5378
|
+
value: String(__props.value),
|
|
5379
|
+
checked: isChecked.value,
|
|
5380
|
+
disabled: isDisabled.value,
|
|
5381
|
+
"aria-label": __props.ariaLabel,
|
|
5382
|
+
onChange
|
|
5383
|
+
}, null, 40, _hoisted_2$c),
|
|
5384
|
+
createElementVNode("span", _hoisted_3$b, [
|
|
5385
|
+
__props.icon || _ctx.$slots.icon ? (openBlock(), createElementBlock("span", _hoisted_4$b, [
|
|
5386
|
+
renderSlot(_ctx.$slots, "icon", {}, () => [
|
|
5387
|
+
createTextVNode(toDisplayString(__props.icon), 1)
|
|
5388
|
+
], true)
|
|
5389
|
+
])) : createCommentVNode("", true),
|
|
5390
|
+
hasLabel.value ? (openBlock(), createElementBlock("span", _hoisted_5$a, [
|
|
5391
|
+
renderSlot(_ctx.$slots, "default", {}, () => [
|
|
5392
|
+
createTextVNode(toDisplayString(__props.label), 1)
|
|
5393
|
+
], true)
|
|
5394
|
+
])) : __props.ariaLabel ? (openBlock(), createElementBlock("span", _hoisted_6$7, toDisplayString(__props.ariaLabel), 1)) : createCommentVNode("", true),
|
|
5395
|
+
countLabel.value ? (openBlock(), createElementBlock("span", _hoisted_7$5, toDisplayString(countLabel.value), 1)) : createCommentVNode("", true)
|
|
5396
|
+
])
|
|
4993
5397
|
], 10, _hoisted_1$e);
|
|
4994
5398
|
};
|
|
4995
5399
|
}
|
|
4996
5400
|
});
|
|
4997
|
-
const
|
|
5401
|
+
const TaoSegmentedOption = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-1a9357a1"]]);
|
|
4998
5402
|
const _hoisted_1$d = ["role", "aria-live"];
|
|
4999
5403
|
const _hoisted_2$b = { class: "tao-alert__body" };
|
|
5000
5404
|
const _hoisted_3$a = {
|
|
@@ -5713,7 +6117,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
|
|
|
5713
6117
|
class: "tao-breadcrumb__item"
|
|
5714
6118
|
}, [
|
|
5715
6119
|
index > 0 ? (openBlock(), createElementBlock("span", _hoisted_3$4, "/")) : createCommentVNode("", true),
|
|
5716
|
-
index === __props.items.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_4$4, toDisplayString(item.label), 1)) : item.to ? (openBlock(), createBlock(_sfc_main$
|
|
6120
|
+
index === __props.items.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_4$4, toDisplayString(item.label), 1)) : item.to ? (openBlock(), createBlock(_sfc_main$o, {
|
|
5717
6121
|
key: 2,
|
|
5718
6122
|
class: "tao-breadcrumb__link",
|
|
5719
6123
|
to: item.to
|
|
@@ -7374,7 +7778,7 @@ const components = [
|
|
|
7374
7778
|
TaoSpoilerGroup,
|
|
7375
7779
|
TaoCopy,
|
|
7376
7780
|
TaoContainer,
|
|
7377
|
-
_sfc_main$
|
|
7781
|
+
_sfc_main$F,
|
|
7378
7782
|
TaoSpace,
|
|
7379
7783
|
TaoIcon,
|
|
7380
7784
|
TaoLoader,
|
|
@@ -7391,7 +7795,7 @@ const components = [
|
|
|
7391
7795
|
TaoFileDrop,
|
|
7392
7796
|
TaoDropdownMenu,
|
|
7393
7797
|
TaoPinCode,
|
|
7394
|
-
_sfc_main$
|
|
7798
|
+
_sfc_main$o,
|
|
7395
7799
|
TaoFormField,
|
|
7396
7800
|
TaoSelect,
|
|
7397
7801
|
TaoCombobox,
|
|
@@ -7400,6 +7804,8 @@ const components = [
|
|
|
7400
7804
|
TaoSwitch,
|
|
7401
7805
|
TaoRadio,
|
|
7402
7806
|
TaoRadioGroup,
|
|
7807
|
+
TaoSegmented,
|
|
7808
|
+
TaoSegmentedOption,
|
|
7403
7809
|
TaoAlert,
|
|
7404
7810
|
TaoTable,
|
|
7405
7811
|
TaoPagination,
|
|
@@ -7444,14 +7850,14 @@ export {
|
|
|
7444
7850
|
TaoEmpty,
|
|
7445
7851
|
TaoFieldset,
|
|
7446
7852
|
TaoFileDrop,
|
|
7447
|
-
_sfc_main$
|
|
7853
|
+
_sfc_main$F as TaoFlex,
|
|
7448
7854
|
TaoFormField,
|
|
7449
7855
|
TaoIcon,
|
|
7450
7856
|
TaoImage,
|
|
7451
7857
|
TaoInput,
|
|
7452
7858
|
TaoInputGroup,
|
|
7453
7859
|
TaoInputNumber,
|
|
7454
|
-
_sfc_main$
|
|
7860
|
+
_sfc_main$o as TaoLink,
|
|
7455
7861
|
TaoLoader,
|
|
7456
7862
|
TaoModal,
|
|
7457
7863
|
TaoPagination,
|
|
@@ -7462,6 +7868,8 @@ export {
|
|
|
7462
7868
|
TaoRadio,
|
|
7463
7869
|
TaoRadioGroup,
|
|
7464
7870
|
TaoScrollTop,
|
|
7871
|
+
TaoSegmented,
|
|
7872
|
+
TaoSegmentedOption,
|
|
7465
7873
|
TaoSelect,
|
|
7466
7874
|
TaoSkeleton,
|
|
7467
7875
|
TaoSlider,
|