@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.
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
3
3
  "framework": "vue",
4
- "version": "3.11.0",
4
+ "version": "3.11.2",
5
5
  "name": "VARLET",
6
6
  "contributions": {
7
7
  "html": {
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
3
3
  "framework": "vue",
4
- "version": "3.11.0",
4
+ "version": "3.11.2",
5
5
  "name": "VARLET",
6
6
  "contributions": {
7
7
  "html": {
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$a = { key: 0 };
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$a,
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$9 = ["id", "aria-label", "autocomplete", "disabled", "readonly", "type", "value", "placeholder", "maxlength", "rows", "enterkeyhint", "inputmode"];
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$9)) : (vue.openBlock(), vue.createElementBlock("input", {
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
- "div",
5212
- {
5213
- class: vue.normalizeClass(_ctx.n()),
5214
- onClick: _cache[3] || (_cache[3] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
5215
- },
5216
- [
5217
- vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
5218
- ref: "action",
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
- tabindex: _ctx.disabled || _ctx.formDisabled ? void 0 : "0",
5229
- onFocus: _cache[0] || (_cache[0] = ($event) => _ctx.isFocusing = true),
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
- ], 46, _hoisted_1$z)), [
5261
- [_directive_hover, _ctx.handleHovering, "desktop"],
5262
- [_directive_ripple, { disabled: _ctx.formReadonly || _ctx.readonly || _ctx.formDisabled || _ctx.disabled || !_ctx.ripple }]
5263
- ]),
5264
- _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock(
5265
- "div",
5266
- {
5267
- key: 0,
5268
- class: vue.normalizeClass(
5269
- _ctx.classes(
5270
- _ctx.n("text"),
5271
- [_ctx.errorMessage || _ctx.checkboxGroupErrorMessage, _ctx.n("--error")],
5272
- [_ctx.formDisabled || _ctx.disabled, _ctx.n("--disabled")]
5273
- )
5274
- ),
5275
- onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleTextClick && _ctx.handleTextClick(...args))
5276
- },
5277
- [
5278
- vue.renderSlot(_ctx.$slots, "default", { checked: _ctx.checked })
5279
- ],
5280
- 2
5281
- /* CLASS */
5282
- )) : vue.createCommentVNode("v-if", true)
5283
- ],
5284
- 2
5285
- /* CLASS */
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 action = vue.ref(null);
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
- action.value.focus();
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
- action.value.click();
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
- action.value.click();
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
- action,
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, _c;
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-checkbox__action")) {
8197
- const optionElement = (_c = (_b = activeElement.parentNode) == null ? void 0 : _b.parentNode) == null ? void 0 : _c.parentNode;
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$8 = ["src", "alt"];
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$8))
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$7 = ["alt", "title", "referrerpolicy", "src"];
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$7)) : vue.createCommentVNode("v-if", true),
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$6 = ["src", "alt"];
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$6)
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$5 = ["onTransitionend"];
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$5)
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$4 = ["viewBox"];
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$4)),
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
- class: _ctx.n()
22799
+ "aria-disabled": _ctx.formDisabled || _ctx.disabled
22792
22800
  }, _ctx.$attrs, {
22793
- onClick: _cache[3] || (_cache[3] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
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("div", {
22796
- ref: "action",
22797
- class: vue.normalizeClass(
22798
- _ctx.classes(
22799
- _ctx.n("action"),
22800
- [_ctx.checked, _ctx.n("--checked"), _ctx.n("--unchecked")],
22801
- [_ctx.errorMessage || _ctx.radioGroupErrorMessage, _ctx.n("--error")],
22802
- [_ctx.formDisabled || _ctx.disabled, _ctx.n("--disabled")]
22803
- )
22804
- ),
22805
- tabindex: _ctx.tabIndex,
22806
- style: vue.normalizeStyle({ color: _ctx.checked ? _ctx.checkedColor : _ctx.uncheckedColor }),
22807
- onFocus: _cache[0] || (_cache[0] = ($event) => _ctx.isFocusing = true),
22808
- onBlur: _cache[1] || (_cache[1] = ($event) => _ctx.isFocusing = false)
22809
- }, [
22810
- _ctx.checked ? vue.renderSlot(_ctx.$slots, "checked-icon", { key: 0 }, () => [
22811
- vue.createVNode(_component_var_icon, {
22812
- class: vue.normalizeClass(_ctx.n("icon")),
22813
- "var-radio-cover": "",
22814
- name: "radio-marked",
22815
- size: _ctx.iconSize
22816
- }, null, 8, ["class", "size"])
22817
- ]) : vue.renderSlot(_ctx.$slots, "unchecked-icon", { key: 1 }, () => [
22818
- vue.createVNode(_component_var_icon, {
22819
- class: vue.normalizeClass(_ctx.n("icon")),
22820
- "var-radio-cover": "",
22821
- name: "radio-blank",
22822
- size: _ctx.iconSize
22823
- }, null, 8, ["class", "size"])
22824
- ]),
22825
- vue.createVNode(_component_var_hover_overlay, {
22826
- hovering: !_ctx.disabled && !_ctx.formDisabled && _ctx.hovering,
22827
- focusing: !_ctx.disabled && !_ctx.formDisabled && _ctx.isFocusing
22828
- }, null, 8, ["hovering", "focusing"])
22829
- ], 46, _hoisted_2$3)), [
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[2] || (_cache[2] = (...args) => _ctx.handleTextClick && _ctx.handleTextClick(...args))
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 action = vue.ref();
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
- action.value.focus();
22905
- action.value.click();
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
- action.value.click();
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
- action.value.click();
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
- action.value.focus();
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
- action,
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.0";
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_);