@varlet/ui 3.11.0 → 3.11.2
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 +1 -1
- package/README.zh-CN.md +1 -1
- package/es/checkbox/Checkbox.mjs +50 -47
- package/es/checkbox/checkbox.css +1 -1
- package/es/index.bundle.mjs +1 -1
- package/es/index.mjs +1 -1
- package/es/input/Input.mjs +6 -1
- package/es/menu-select/MenuSelect.mjs +3 -3
- package/es/radio/Radio.mjs +53 -47
- package/es/radio/radio.css +1 -1
- package/es/snackbar/style/index.mjs +1 -1
- package/es/varlet.css +1 -1
- package/es/varlet.esm.js +2262 -2248
- package/highlight/web-types.en-US.json +1 -1
- package/highlight/web-types.zh-CN.json +1 -1
- package/lib/varlet.cjs.js +126 -113
- package/lib/varlet.css +1 -1
- package/package.json +7 -7
- package/types/input.d.ts +2 -0
- package/umd/varlet.js +8 -8
package/lib/varlet.cjs.js
CHANGED
|
@@ -4175,7 +4175,7 @@ const props$1g = {
|
|
|
4175
4175
|
};
|
|
4176
4176
|
const { name: name$1i, n: n$1p } = createNamespace("form-details");
|
|
4177
4177
|
const _hoisted_1$C = { key: 0 };
|
|
4178
|
-
const _hoisted_2$
|
|
4178
|
+
const _hoisted_2$9 = { key: 0 };
|
|
4179
4179
|
function __render__$1n(_ctx, _cache) {
|
|
4180
4180
|
return vue.openBlock(), vue.createBlock(vue.Transition, {
|
|
4181
4181
|
name: _ctx.n()
|
|
@@ -4226,7 +4226,7 @@ function __render__$1n(_ctx, _cache) {
|
|
|
4226
4226
|
vue.renderSlot(_ctx.$slots, "extra-message", {}, () => [
|
|
4227
4227
|
_ctx.extraMessage ? (vue.openBlock(), vue.createElementBlock(
|
|
4228
4228
|
"div",
|
|
4229
|
-
_hoisted_2$
|
|
4229
|
+
_hoisted_2$9,
|
|
4230
4230
|
vue.toDisplayString(_ctx.extraMessage),
|
|
4231
4231
|
1
|
|
4232
4232
|
/* TEXT */
|
|
@@ -4767,7 +4767,7 @@ const props$1e = __spreadProps$a(__spreadValues$s({
|
|
|
4767
4767
|
});
|
|
4768
4768
|
const { name: name$1g, n: n$1n, classes: classes$14 } = createNamespace("input");
|
|
4769
4769
|
const _hoisted_1$A = ["aria-label", "placeholder", "enterkeyhint"];
|
|
4770
|
-
const _hoisted_2$
|
|
4770
|
+
const _hoisted_2$8 = ["id", "aria-label", "autocomplete", "disabled", "readonly", "type", "value", "placeholder", "maxlength", "rows", "enterkeyhint", "inputmode"];
|
|
4771
4771
|
const _hoisted_3$4 = ["id", "aria-label", "autocomplete", "disabled", "readonly", "type", "value", "placeholder", "maxlength", "enterkeyhint", "inputmode"];
|
|
4772
4772
|
function __render__$1l(_ctx, _cache) {
|
|
4773
4773
|
const _component_var_field_decorator = vue.resolveComponent("var-field-decorator");
|
|
@@ -4859,7 +4859,7 @@ function __render__$1l(_ctx, _cache) {
|
|
|
4859
4859
|
onChange: _cache[3] || (_cache[3] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
|
|
4860
4860
|
onCompositionstart: _cache[4] || (_cache[4] = (...args) => _ctx.handleCompositionStart && _ctx.handleCompositionStart(...args)),
|
|
4861
4861
|
onCompositionend: _cache[5] || (_cache[5] = (...args) => _ctx.handleCompositionEnd && _ctx.handleCompositionEnd(...args))
|
|
4862
|
-
}, null, 46, _hoisted_2$
|
|
4862
|
+
}, null, 46, _hoisted_2$8)) : (vue.openBlock(), vue.createElementBlock("input", {
|
|
4863
4863
|
key: 2,
|
|
4864
4864
|
id: _ctx.id,
|
|
4865
4865
|
ref: "el",
|
|
@@ -5101,6 +5101,9 @@ const __sfc__$1o = vue.defineComponent({
|
|
|
5101
5101
|
function blur() {
|
|
5102
5102
|
el.value.blur();
|
|
5103
5103
|
}
|
|
5104
|
+
function select() {
|
|
5105
|
+
el.value.select();
|
|
5106
|
+
}
|
|
5104
5107
|
return {
|
|
5105
5108
|
el,
|
|
5106
5109
|
id,
|
|
@@ -5129,7 +5132,8 @@ const __sfc__$1o = vue.defineComponent({
|
|
|
5129
5132
|
resetValidation,
|
|
5130
5133
|
reset,
|
|
5131
5134
|
focus,
|
|
5132
|
-
blur
|
|
5135
|
+
blur,
|
|
5136
|
+
select
|
|
5133
5137
|
};
|
|
5134
5138
|
}
|
|
5135
5139
|
});
|
|
@@ -5194,7 +5198,7 @@ function useCheckboxGroup() {
|
|
|
5194
5198
|
};
|
|
5195
5199
|
}
|
|
5196
5200
|
const { name: name$1f, n: n$1m, classes: classes$13 } = createNamespace("checkbox");
|
|
5197
|
-
const _hoisted_1$z = ["tabindex"];
|
|
5201
|
+
const _hoisted_1$z = ["aria-checked", "aria-disabled", "tabindex"];
|
|
5198
5202
|
function __render__$1k(_ctx, _cache) {
|
|
5199
5203
|
const _component_var_icon = vue.resolveComponent("var-icon");
|
|
5200
5204
|
const _component_var_hover_overlay = vue.resolveComponent("var-hover-overlay");
|
|
@@ -5207,15 +5211,20 @@ function __render__$1k(_ctx, _cache) {
|
|
|
5207
5211
|
class: vue.normalizeClass(_ctx.n("wrap"))
|
|
5208
5212
|
},
|
|
5209
5213
|
[
|
|
5210
|
-
vue.createElementVNode(
|
|
5211
|
-
"
|
|
5212
|
-
|
|
5213
|
-
|
|
5214
|
-
|
|
5215
|
-
|
|
5216
|
-
|
|
5217
|
-
|
|
5218
|
-
|
|
5214
|
+
vue.createElementVNode("div", {
|
|
5215
|
+
ref: "checkbox",
|
|
5216
|
+
role: "checkbox",
|
|
5217
|
+
"aria-checked": _ctx.isIndeterminate ? "mixed" : _ctx.checked,
|
|
5218
|
+
"aria-disabled": _ctx.formDisabled || _ctx.disabled,
|
|
5219
|
+
class: vue.normalizeClass(_ctx.n()),
|
|
5220
|
+
tabindex: _ctx.disabled || _ctx.formDisabled ? void 0 : "0",
|
|
5221
|
+
onFocus: _cache[1] || (_cache[1] = ($event) => _ctx.isFocusing = true),
|
|
5222
|
+
onBlur: _cache[2] || (_cache[2] = ($event) => _ctx.isFocusing = false),
|
|
5223
|
+
onClick: _cache[3] || (_cache[3] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
|
|
5224
|
+
}, [
|
|
5225
|
+
vue.withDirectives((vue.openBlock(), vue.createElementBlock(
|
|
5226
|
+
"div",
|
|
5227
|
+
{
|
|
5219
5228
|
class: vue.normalizeClass(
|
|
5220
5229
|
_ctx.classes(
|
|
5221
5230
|
_ctx.n("action"),
|
|
@@ -5224,11 +5233,9 @@ function __render__$1k(_ctx, _cache) {
|
|
|
5224
5233
|
[_ctx.formDisabled || _ctx.disabled, _ctx.n("--disabled")]
|
|
5225
5234
|
)
|
|
5226
5235
|
),
|
|
5227
|
-
style: vue.normalizeStyle({ color: _ctx.checked || _ctx.isIndeterminate ? _ctx.checkedColor : _ctx.uncheckedColor })
|
|
5228
|
-
|
|
5229
|
-
|
|
5230
|
-
onBlur: _cache[1] || (_cache[1] = ($event) => _ctx.isFocusing = false)
|
|
5231
|
-
}, [
|
|
5236
|
+
style: vue.normalizeStyle({ color: _ctx.checked || _ctx.isIndeterminate ? _ctx.checkedColor : _ctx.uncheckedColor })
|
|
5237
|
+
},
|
|
5238
|
+
[
|
|
5232
5239
|
_ctx.isIndeterminate ? vue.renderSlot(_ctx.$slots, "indeterminate-icon", { key: 0 }, () => [
|
|
5233
5240
|
vue.createVNode(_component_var_icon, {
|
|
5234
5241
|
class: vue.normalizeClass(_ctx.n("icon")),
|
|
@@ -5257,33 +5264,33 @@ function __render__$1k(_ctx, _cache) {
|
|
|
5257
5264
|
hovering: !_ctx.disabled && !_ctx.formDisabled && _ctx.hovering,
|
|
5258
5265
|
focusing: !_ctx.disabled && !_ctx.formDisabled && _ctx.isFocusing
|
|
5259
5266
|
}, null, 8, ["hovering", "focusing"])
|
|
5260
|
-
],
|
|
5261
|
-
|
|
5262
|
-
|
|
5263
|
-
|
|
5264
|
-
_ctx
|
|
5265
|
-
|
|
5266
|
-
|
|
5267
|
-
|
|
5268
|
-
|
|
5269
|
-
|
|
5270
|
-
|
|
5271
|
-
|
|
5272
|
-
|
|
5273
|
-
)
|
|
5274
|
-
|
|
5275
|
-
|
|
5276
|
-
|
|
5277
|
-
|
|
5278
|
-
|
|
5279
|
-
|
|
5280
|
-
|
|
5281
|
-
|
|
5282
|
-
|
|
5283
|
-
|
|
5284
|
-
|
|
5285
|
-
|
|
5286
|
-
),
|
|
5267
|
+
],
|
|
5268
|
+
6
|
|
5269
|
+
/* CLASS, STYLE */
|
|
5270
|
+
)), [
|
|
5271
|
+
[_directive_hover, _ctx.handleHovering, "desktop"],
|
|
5272
|
+
[_directive_ripple, { disabled: _ctx.formReadonly || _ctx.readonly || _ctx.formDisabled || _ctx.disabled || !_ctx.ripple }]
|
|
5273
|
+
]),
|
|
5274
|
+
_ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock(
|
|
5275
|
+
"div",
|
|
5276
|
+
{
|
|
5277
|
+
key: 0,
|
|
5278
|
+
class: vue.normalizeClass(
|
|
5279
|
+
_ctx.classes(
|
|
5280
|
+
_ctx.n("text"),
|
|
5281
|
+
[_ctx.errorMessage || _ctx.checkboxGroupErrorMessage, _ctx.n("--error")],
|
|
5282
|
+
[_ctx.formDisabled || _ctx.disabled, _ctx.n("--disabled")]
|
|
5283
|
+
)
|
|
5284
|
+
),
|
|
5285
|
+
onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleTextClick && _ctx.handleTextClick(...args))
|
|
5286
|
+
},
|
|
5287
|
+
[
|
|
5288
|
+
vue.renderSlot(_ctx.$slots, "default", { checked: _ctx.checked })
|
|
5289
|
+
],
|
|
5290
|
+
2
|
|
5291
|
+
/* CLASS */
|
|
5292
|
+
)) : vue.createCommentVNode("v-if", true)
|
|
5293
|
+
], 42, _hoisted_1$z),
|
|
5287
5294
|
vue.createVNode(_component_var_form_details, { "error-message": _ctx.errorMessage }, null, 8, ["error-message"])
|
|
5288
5295
|
],
|
|
5289
5296
|
2
|
|
@@ -5300,7 +5307,7 @@ const __sfc__$1n = vue.defineComponent({
|
|
|
5300
5307
|
},
|
|
5301
5308
|
props: props$1d,
|
|
5302
5309
|
setup(props2) {
|
|
5303
|
-
const
|
|
5310
|
+
const checkbox = vue.ref(null);
|
|
5304
5311
|
const isFocusing = vue.ref(false);
|
|
5305
5312
|
const value = useVModel(props2, "modelValue");
|
|
5306
5313
|
const isIndeterminate = useVModel(props2, "indeterminate");
|
|
@@ -5363,7 +5370,7 @@ const __sfc__$1n = vue.defineComponent({
|
|
|
5363
5370
|
change(checked.value ? uncheckedValue : checkedValue2);
|
|
5364
5371
|
}
|
|
5365
5372
|
function handleTextClick() {
|
|
5366
|
-
|
|
5373
|
+
checkbox.value.focus();
|
|
5367
5374
|
}
|
|
5368
5375
|
function sync(values) {
|
|
5369
5376
|
const { checkedValue: checkedValue2, uncheckedValue } = props2;
|
|
@@ -5390,7 +5397,7 @@ const __sfc__$1n = vue.defineComponent({
|
|
|
5390
5397
|
preventDefault(event);
|
|
5391
5398
|
}
|
|
5392
5399
|
if (key3 === "Enter") {
|
|
5393
|
-
|
|
5400
|
+
checkbox.value.click();
|
|
5394
5401
|
}
|
|
5395
5402
|
}
|
|
5396
5403
|
function handleKeyup(event) {
|
|
@@ -5399,14 +5406,14 @@ const __sfc__$1n = vue.defineComponent({
|
|
|
5399
5406
|
}
|
|
5400
5407
|
if (event.key === " ") {
|
|
5401
5408
|
preventDefault(event);
|
|
5402
|
-
|
|
5409
|
+
checkbox.value.click();
|
|
5403
5410
|
}
|
|
5404
5411
|
}
|
|
5405
5412
|
function validate() {
|
|
5406
5413
|
return v(props2.rules, props2.modelValue);
|
|
5407
5414
|
}
|
|
5408
5415
|
return {
|
|
5409
|
-
|
|
5416
|
+
checkbox,
|
|
5410
5417
|
isFocusing,
|
|
5411
5418
|
isIndeterminate,
|
|
5412
5419
|
checked,
|
|
@@ -8189,12 +8196,12 @@ const __sfc__$1j = vue.defineComponent({
|
|
|
8189
8196
|
}
|
|
8190
8197
|
}
|
|
8191
8198
|
function getActiveElementParent(activeElement) {
|
|
8192
|
-
var _a, _b
|
|
8199
|
+
var _a, _b;
|
|
8193
8200
|
if (activeElement.classList.contains("var-menu-option--children-trigger")) {
|
|
8194
8201
|
return (_a = activeElement.parentNode) == null ? void 0 : _a.parentNode;
|
|
8195
8202
|
}
|
|
8196
|
-
if (activeElement.classList.contains("var-
|
|
8197
|
-
const optionElement = (
|
|
8203
|
+
if (activeElement.classList.contains("var-checkbox")) {
|
|
8204
|
+
const optionElement = (_b = activeElement.parentNode) == null ? void 0 : _b.parentNode;
|
|
8198
8205
|
if (optionElement) {
|
|
8199
8206
|
return getActiveElementParent(optionElement);
|
|
8200
8207
|
}
|
|
@@ -8938,7 +8945,7 @@ const props$18 = {
|
|
|
8938
8945
|
const isInternalSize$1 = (size) => ["mini", "small", "normal", "large"].includes(size);
|
|
8939
8946
|
const { name: name$19, n: n$1g, classes: classes$$ } = createNamespace("avatar");
|
|
8940
8947
|
const _hoisted_1$v = ["src", "alt", "lazy-loading", "lazy-error"];
|
|
8941
|
-
const _hoisted_2$
|
|
8948
|
+
const _hoisted_2$7 = ["src", "alt"];
|
|
8942
8949
|
function __render__$1e(_ctx, _cache) {
|
|
8943
8950
|
const _directive_lazy = vue.resolveDirective("lazy");
|
|
8944
8951
|
return vue.openBlock(), vue.createElementBlock(
|
|
@@ -8989,7 +8996,7 @@ function __render__$1e(_ctx, _cache) {
|
|
|
8989
8996
|
style: vue.normalizeStyle({ objectFit: _ctx.fit }),
|
|
8990
8997
|
onLoad: _cache[1] || (_cache[1] = (...args) => _ctx.handleLoad && _ctx.handleLoad(...args)),
|
|
8991
8998
|
onError: _cache[2] || (_cache[2] = (...args) => _ctx.handleError && _ctx.handleError(...args))
|
|
8992
|
-
}, null, 46, _hoisted_2$
|
|
8999
|
+
}, null, 46, _hoisted_2$7))
|
|
8993
9000
|
],
|
|
8994
9001
|
64
|
|
8995
9002
|
/* STABLE_FRAGMENT */
|
|
@@ -18712,7 +18719,7 @@ const props$C = {
|
|
|
18712
18719
|
};
|
|
18713
18720
|
const { name: name$D, n: n$G, classes: classes$x } = createNamespace("image");
|
|
18714
18721
|
const _hoisted_1$n = ["alt", "title", "referrerpolicy", "lazy-loading", "lazy-error"];
|
|
18715
|
-
const _hoisted_2$
|
|
18722
|
+
const _hoisted_2$6 = ["alt", "title", "referrerpolicy", "src"];
|
|
18716
18723
|
function __render__$G(_ctx, _cache) {
|
|
18717
18724
|
var _a;
|
|
18718
18725
|
const _directive_lazy = vue.resolveDirective("lazy");
|
|
@@ -18755,7 +18762,7 @@ function __render__$G(_ctx, _cache) {
|
|
|
18755
18762
|
onLoad: _cache[2] || (_cache[2] = (...args) => _ctx.handleLoad && _ctx.handleLoad(...args)),
|
|
18756
18763
|
onError: _cache[3] || (_cache[3] = (...args) => _ctx.handleError && _ctx.handleError(...args)),
|
|
18757
18764
|
onClick: _cache[4] || (_cache[4] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
|
|
18758
|
-
}, null, 46, _hoisted_2$
|
|
18765
|
+
}, null, 46, _hoisted_2$6)) : vue.createCommentVNode("v-if", true),
|
|
18759
18766
|
_ctx.showErrorSlot ? vue.renderSlot(_ctx.$slots, "error", { key: 2 }) : vue.createCommentVNode("v-if", true)
|
|
18760
18767
|
],
|
|
18761
18768
|
6
|
|
@@ -19484,7 +19491,7 @@ const ANIMATION_DURATION = 200;
|
|
|
19484
19491
|
const LONG_PRESS_DELAY = 500;
|
|
19485
19492
|
const BASE_RATIO = 1;
|
|
19486
19493
|
const _hoisted_1$k = ["onTouchstart"];
|
|
19487
|
-
const _hoisted_2$
|
|
19494
|
+
const _hoisted_2$5 = ["src", "alt"];
|
|
19488
19495
|
function __render__$D(_ctx, _cache) {
|
|
19489
19496
|
const _component_var_swipe_item = vue.resolveComponent("var-swipe-item");
|
|
19490
19497
|
const _component_var_swipe = vue.resolveComponent("var-swipe");
|
|
@@ -19546,7 +19553,7 @@ function __render__$D(_ctx, _cache) {
|
|
|
19546
19553
|
class: vue.normalizeClass(_ctx.classes(_ctx.n("image"), [_ctx.isPreventDefault, _ctx.n("--prevent")])),
|
|
19547
19554
|
src: image,
|
|
19548
19555
|
alt: image
|
|
19549
|
-
}, null, 10, _hoisted_2$
|
|
19556
|
+
}, null, 10, _hoisted_2$5)
|
|
19550
19557
|
], 46, _hoisted_1$k)
|
|
19551
19558
|
]),
|
|
19552
19559
|
_: 2
|
|
@@ -21651,7 +21658,7 @@ const TRANSITION_DURATION = 200;
|
|
|
21651
21658
|
const MOMENTUM_TRANSITION_DURATION = 1e3;
|
|
21652
21659
|
let sid$1 = 0;
|
|
21653
21660
|
const _hoisted_1$g = ["onTouchstartPassive", "onTouchmove", "onTouchend"];
|
|
21654
|
-
const _hoisted_2$
|
|
21661
|
+
const _hoisted_2$4 = ["onTransitionend"];
|
|
21655
21662
|
const _hoisted_3$3 = ["onClick"];
|
|
21656
21663
|
function __render__$v(_ctx, _cache) {
|
|
21657
21664
|
const _component_var_button = vue.resolveComponent("var-button");
|
|
@@ -21807,7 +21814,7 @@ function __render__$v(_ctx, _cache) {
|
|
|
21807
21814
|
128
|
|
21808
21815
|
/* KEYED_FRAGMENT */
|
|
21809
21816
|
))
|
|
21810
|
-
], 46, _hoisted_2$
|
|
21817
|
+
], 46, _hoisted_2$4)
|
|
21811
21818
|
], 42, _hoisted_1$g);
|
|
21812
21819
|
}),
|
|
21813
21820
|
128
|
|
@@ -22247,7 +22254,7 @@ const RADIUS = 20;
|
|
|
22247
22254
|
const CIRCUMFERENCE = 2 * Math.PI * RADIUS;
|
|
22248
22255
|
const { name: name$o, n: n$r, classes: classes$l } = createNamespace("progress");
|
|
22249
22256
|
const _hoisted_1$f = ["aria-valuenow"];
|
|
22250
|
-
const _hoisted_2$
|
|
22257
|
+
const _hoisted_2$3 = ["viewBox"];
|
|
22251
22258
|
const _hoisted_3$2 = { key: 0 };
|
|
22252
22259
|
const _hoisted_4$2 = ["id"];
|
|
22253
22260
|
const _hoisted_5$1 = ["offset", "stop-color"];
|
|
@@ -22401,7 +22408,7 @@ function __render__$u(_ctx, _cache) {
|
|
|
22401
22408
|
transformOrigin: "50% 50%"
|
|
22402
22409
|
})
|
|
22403
22410
|
}, null, 14, _hoisted_7)
|
|
22404
|
-
], 10, _hoisted_2$
|
|
22411
|
+
], 10, _hoisted_2$3)),
|
|
22405
22412
|
_ctx.label ? (vue.openBlock(), vue.createElementBlock(
|
|
22406
22413
|
"div",
|
|
22407
22414
|
{
|
|
@@ -22771,8 +22778,7 @@ function useRadioGroup() {
|
|
|
22771
22778
|
};
|
|
22772
22779
|
}
|
|
22773
22780
|
const { name: name$m, n: n$p, classes: classes$j } = createNamespace("radio");
|
|
22774
|
-
const _hoisted_1$e = ["aria-checked"];
|
|
22775
|
-
const _hoisted_2$3 = ["tabindex"];
|
|
22781
|
+
const _hoisted_1$e = ["aria-checked", "aria-disabled", "tabindex"];
|
|
22776
22782
|
function __render__$s(_ctx, _cache) {
|
|
22777
22783
|
const _component_var_icon = vue.resolveComponent("var-icon");
|
|
22778
22784
|
const _component_var_hover_overlay = vue.resolveComponent("var-hover-overlay");
|
|
@@ -22786,47 +22792,54 @@ function __render__$s(_ctx, _cache) {
|
|
|
22786
22792
|
},
|
|
22787
22793
|
[
|
|
22788
22794
|
vue.createElementVNode("div", vue.mergeProps({
|
|
22795
|
+
ref: "radio",
|
|
22789
22796
|
role: "radio",
|
|
22797
|
+
class: _ctx.n(),
|
|
22790
22798
|
"aria-checked": _ctx.checked,
|
|
22791
|
-
|
|
22799
|
+
"aria-disabled": _ctx.formDisabled || _ctx.disabled
|
|
22792
22800
|
}, _ctx.$attrs, {
|
|
22793
|
-
|
|
22801
|
+
tabindex: _ctx.tabIndex,
|
|
22802
|
+
onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleClick && _ctx.handleClick(...args)),
|
|
22803
|
+
onFocus: _cache[2] || (_cache[2] = ($event) => _ctx.isFocusing = true),
|
|
22804
|
+
onBlur: _cache[3] || (_cache[3] = ($event) => _ctx.isFocusing = false)
|
|
22794
22805
|
}), [
|
|
22795
|
-
vue.withDirectives((vue.openBlock(), vue.createElementBlock(
|
|
22796
|
-
|
|
22797
|
-
|
|
22798
|
-
|
|
22799
|
-
_ctx.
|
|
22800
|
-
|
|
22801
|
-
|
|
22802
|
-
|
|
22803
|
-
|
|
22804
|
-
|
|
22805
|
-
|
|
22806
|
-
|
|
22807
|
-
|
|
22808
|
-
|
|
22809
|
-
|
|
22810
|
-
|
|
22811
|
-
|
|
22812
|
-
|
|
22813
|
-
|
|
22814
|
-
|
|
22815
|
-
size
|
|
22816
|
-
|
|
22817
|
-
|
|
22818
|
-
|
|
22819
|
-
|
|
22820
|
-
|
|
22821
|
-
|
|
22822
|
-
size
|
|
22823
|
-
|
|
22824
|
-
|
|
22825
|
-
|
|
22826
|
-
|
|
22827
|
-
|
|
22828
|
-
|
|
22829
|
-
|
|
22806
|
+
vue.withDirectives((vue.openBlock(), vue.createElementBlock(
|
|
22807
|
+
"div",
|
|
22808
|
+
{
|
|
22809
|
+
class: vue.normalizeClass(
|
|
22810
|
+
_ctx.classes(
|
|
22811
|
+
_ctx.n("action"),
|
|
22812
|
+
[_ctx.checked, _ctx.n("--checked"), _ctx.n("--unchecked")],
|
|
22813
|
+
[_ctx.errorMessage || _ctx.radioGroupErrorMessage, _ctx.n("--error")],
|
|
22814
|
+
[_ctx.formDisabled || _ctx.disabled, _ctx.n("--disabled")]
|
|
22815
|
+
)
|
|
22816
|
+
),
|
|
22817
|
+
style: vue.normalizeStyle({ color: _ctx.checked ? _ctx.checkedColor : _ctx.uncheckedColor })
|
|
22818
|
+
},
|
|
22819
|
+
[
|
|
22820
|
+
_ctx.checked ? vue.renderSlot(_ctx.$slots, "checked-icon", { key: 0 }, () => [
|
|
22821
|
+
vue.createVNode(_component_var_icon, {
|
|
22822
|
+
class: vue.normalizeClass(_ctx.n("icon")),
|
|
22823
|
+
"var-radio-cover": "",
|
|
22824
|
+
name: "radio-marked",
|
|
22825
|
+
size: _ctx.iconSize
|
|
22826
|
+
}, null, 8, ["class", "size"])
|
|
22827
|
+
]) : vue.renderSlot(_ctx.$slots, "unchecked-icon", { key: 1 }, () => [
|
|
22828
|
+
vue.createVNode(_component_var_icon, {
|
|
22829
|
+
class: vue.normalizeClass(_ctx.n("icon")),
|
|
22830
|
+
"var-radio-cover": "",
|
|
22831
|
+
name: "radio-blank",
|
|
22832
|
+
size: _ctx.iconSize
|
|
22833
|
+
}, null, 8, ["class", "size"])
|
|
22834
|
+
]),
|
|
22835
|
+
vue.createVNode(_component_var_hover_overlay, {
|
|
22836
|
+
hovering: !_ctx.disabled && !_ctx.formDisabled && _ctx.hovering,
|
|
22837
|
+
focusing: !_ctx.disabled && !_ctx.formDisabled && _ctx.isFocusing
|
|
22838
|
+
}, null, 8, ["hovering", "focusing"])
|
|
22839
|
+
],
|
|
22840
|
+
6
|
|
22841
|
+
/* CLASS, STYLE */
|
|
22842
|
+
)), [
|
|
22830
22843
|
[_directive_ripple, { disabled: _ctx.formReadonly || _ctx.readonly || _ctx.formDisabled || _ctx.disabled || !_ctx.ripple }],
|
|
22831
22844
|
[_directive_hover, _ctx.handleHovering, "desktop"]
|
|
22832
22845
|
]),
|
|
@@ -22841,7 +22854,7 @@ function __render__$s(_ctx, _cache) {
|
|
|
22841
22854
|
[_ctx.formDisabled || _ctx.disabled, _ctx.n("--disabled")]
|
|
22842
22855
|
)
|
|
22843
22856
|
),
|
|
22844
|
-
onClick: _cache[
|
|
22857
|
+
onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleTextClick && _ctx.handleTextClick(...args))
|
|
22845
22858
|
},
|
|
22846
22859
|
[
|
|
22847
22860
|
vue.renderSlot(_ctx.$slots, "default", { checked: _ctx.checked })
|
|
@@ -22867,7 +22880,7 @@ const __sfc__$t = vue.defineComponent({
|
|
|
22867
22880
|
inheritAttrs: false,
|
|
22868
22881
|
props: props$m,
|
|
22869
22882
|
setup(props2) {
|
|
22870
|
-
const
|
|
22883
|
+
const radio = vue.ref();
|
|
22871
22884
|
const isFocusing = vue.ref(false);
|
|
22872
22885
|
const value = useVModel(props2, "modelValue");
|
|
22873
22886
|
const checked = vue.computed(() => value.value === props2.checkedValue);
|
|
@@ -22901,8 +22914,8 @@ const __sfc__$t = vue.defineComponent({
|
|
|
22901
22914
|
isFocusing: vue.computed(() => isFocusing.value),
|
|
22902
22915
|
// keyboard arrow move
|
|
22903
22916
|
move() {
|
|
22904
|
-
|
|
22905
|
-
|
|
22917
|
+
radio.value.focus();
|
|
22918
|
+
radio.value.click();
|
|
22906
22919
|
},
|
|
22907
22920
|
moveable() {
|
|
22908
22921
|
return !(form == null ? void 0 : form.disabled.value) && !props2.disabled && !(form == null ? void 0 : form.readonly.value) && !props2.readonly;
|
|
@@ -22921,7 +22934,7 @@ const __sfc__$t = vue.defineComponent({
|
|
|
22921
22934
|
preventDefault(event);
|
|
22922
22935
|
}
|
|
22923
22936
|
if (key3 === "Enter") {
|
|
22924
|
-
|
|
22937
|
+
radio.value.click();
|
|
22925
22938
|
}
|
|
22926
22939
|
}
|
|
22927
22940
|
function handleKeyup(event) {
|
|
@@ -22930,7 +22943,7 @@ const __sfc__$t = vue.defineComponent({
|
|
|
22930
22943
|
}
|
|
22931
22944
|
if (event.key === " ") {
|
|
22932
22945
|
preventDefault(event);
|
|
22933
|
-
|
|
22946
|
+
radio.value.click();
|
|
22934
22947
|
}
|
|
22935
22948
|
}
|
|
22936
22949
|
function validateWithTrigger(trigger) {
|
|
@@ -22961,7 +22974,7 @@ const __sfc__$t = vue.defineComponent({
|
|
|
22961
22974
|
change(checked.value ? uncheckedValue : checkedValue);
|
|
22962
22975
|
}
|
|
22963
22976
|
function handleTextClick() {
|
|
22964
|
-
|
|
22977
|
+
radio.value.focus();
|
|
22965
22978
|
}
|
|
22966
22979
|
function sync(v2) {
|
|
22967
22980
|
const { checkedValue, uncheckedValue } = props2;
|
|
@@ -22985,7 +22998,7 @@ const __sfc__$t = vue.defineComponent({
|
|
|
22985
22998
|
change(changedValue);
|
|
22986
22999
|
}
|
|
22987
23000
|
return {
|
|
22988
|
-
|
|
23001
|
+
radio,
|
|
22989
23002
|
isFocusing,
|
|
22990
23003
|
checked,
|
|
22991
23004
|
errorMessage,
|
|
@@ -32013,7 +32026,7 @@ withInstall(stdin_default$1);
|
|
|
32013
32026
|
withPropsDefaultsSetter(stdin_default$1, props);
|
|
32014
32027
|
const _WatermarkComponent = stdin_default$1;
|
|
32015
32028
|
var stdin_default = stdin_default$1;
|
|
32016
|
-
const version = "3.11.
|
|
32029
|
+
const version = "3.11.2";
|
|
32017
32030
|
function install(app) {
|
|
32018
32031
|
stdin_default$60.install && app.use(stdin_default$60);
|
|
32019
32032
|
stdin_default$5_.install && app.use(stdin_default$5_);
|