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