@varlet/ui 3.8.4 → 3.8.5

package/es/index.bundle.mjs

@@ -280,7 +280,7 @@ import './tooltip/style/index.mjs'
 import './uploader/style/index.mjs'
 import './watermark/style/index.mjs'
 
-const version = '3.8.4'
+const version = '3.8.5'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/index.mjs

@@ -186,7 +186,7 @@ export * from './tooltip/index.mjs'
 export * from './uploader/index.mjs'
 export * from './watermark/index.mjs'
 
-const version = '3.8.4'
+const version = '3.8.5'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/radio/Radio.mjs

@@ -12,7 +12,8 @@ import { props } from "./props.mjs";
 import { useRadioGroup } from "./provide.mjs";
 const { name, n, classes } = createNamespace("radio");
 import { renderSlot as _renderSlot, resolveComponent as _resolveComponent, normalizeClass as _normalizeClass, createVNode as _createVNode, createCommentVNode as _createCommentVNode, normalizeStyle as _normalizeStyle, resolveDirective as _resolveDirective, openBlock as _openBlock, createElementBlock as _createElementBlock, withDirectives as _withDirectives, mergeProps as _mergeProps, createElementVNode as _createElementVNode } from "vue";
-const _hoisted_1 = ["tabindex"];
+const _hoisted_1 = ["aria-checked"];
+const _hoisted_2 = ["tabindex"];
 function __render__(_ctx, _cache) {
   const _component_var_icon = _resolveComponent("var-icon");
   const _component_var_hover_overlay = _resolveComponent("var-hover-overlay");
@@ -25,75 +26,71 @@ function __render__(_ctx, _cache) {
       class: _normalizeClass(_ctx.n("wrap"))
     },
     [
-      _createElementVNode(
-        "div",
-        _mergeProps({
-          class: _ctx.n()
-        }, _ctx.$attrs, {
-          onClick: _cache[3] || (_cache[3] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
-        }),
-        [
-          _withDirectives((_openBlock(), _createElementBlock("div", {
-            ref: "action",
+      _createElementVNode("div", _mergeProps({
+        role: "radio",
+        "aria-checked": _ctx.checked,
+        class: _ctx.n()
+      }, _ctx.$attrs, {
+        onClick: _cache[3] || (_cache[3] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+      }), [
+        _withDirectives((_openBlock(), _createElementBlock("div", {
+          ref: "action",
+          class: _normalizeClass(
+            _ctx.classes(
+              _ctx.n("action"),
+              [_ctx.checked, _ctx.n("--checked"), _ctx.n("--unchecked")],
+              [_ctx.errorMessage || _ctx.radioGroupErrorMessage, _ctx.n("--error")],
+              [_ctx.formDisabled || _ctx.disabled, _ctx.n("--disabled")]
+            )
+          ),
+          tabindex: _ctx.tabIndex,
+          style: _normalizeStyle({ color: _ctx.checked ? _ctx.checkedColor : _ctx.uncheckedColor }),
+          onFocus: _cache[0] || (_cache[0] = ($event) => _ctx.isFocusing = true),
+          onBlur: _cache[1] || (_cache[1] = ($event) => _ctx.isFocusing = false)
+        }, [
+          _ctx.checked ? _renderSlot(_ctx.$slots, "checked-icon", { key: 0 }, () => [
+            _createVNode(_component_var_icon, {
+              class: _normalizeClass(_ctx.n("icon")),
+              "var-radio-cover": "",
+              name: "radio-marked",
+              size: _ctx.iconSize
+            }, null, 8, ["class", "size"])
+          ]) : _renderSlot(_ctx.$slots, "unchecked-icon", { key: 1 }, () => [
+            _createVNode(_component_var_icon, {
+              class: _normalizeClass(_ctx.n("icon")),
+              "var-radio-cover": "",
+              name: "radio-blank",
+              size: _ctx.iconSize
+            }, null, 8, ["class", "size"])
+          ]),
+          _createVNode(_component_var_hover_overlay, {
+            hovering: !_ctx.disabled && !_ctx.formDisabled && _ctx.hovering,
+            focusing: !_ctx.disabled && !_ctx.formDisabled && _ctx.isFocusing
+          }, null, 8, ["hovering", "focusing"])
+        ], 46, _hoisted_2)), [
+          [_directive_ripple, { disabled: _ctx.formReadonly || _ctx.readonly || _ctx.formDisabled || _ctx.disabled || !_ctx.ripple }],
+          [_directive_hover, _ctx.handleHovering, "desktop"]
+        ]),
+        _ctx.$slots.default ? (_openBlock(), _createElementBlock(
+          "div",
+          {
+            key: 0,
             class: _normalizeClass(
               _ctx.classes(
-                _ctx.n("action"),
-                [_ctx.checked, _ctx.n("--checked"), _ctx.n("--unchecked")],
+                _ctx.n("text"),
                 [_ctx.errorMessage || _ctx.radioGroupErrorMessage, _ctx.n("--error")],
                 [_ctx.formDisabled || _ctx.disabled, _ctx.n("--disabled")]
               )
             ),
-            tabindex: _ctx.formDisabled || _ctx.disabled ? void 0 : "0",
-            style: _normalizeStyle({ color: _ctx.checked ? _ctx.checkedColor : _ctx.uncheckedColor }),
-            onFocus: _cache[0] || (_cache[0] = ($event) => _ctx.isFocusing = true),
-            onBlur: _cache[1] || (_cache[1] = ($event) => _ctx.isFocusing = false)
-          }, [
-            _ctx.checked ? _renderSlot(_ctx.$slots, "checked-icon", { key: 0 }, () => [
-              _createVNode(_component_var_icon, {
-                class: _normalizeClass(_ctx.n("icon")),
-                "var-radio-cover": "",
-                name: "radio-marked",
-                size: _ctx.iconSize
-              }, null, 8, ["class", "size"])
-            ]) : _renderSlot(_ctx.$slots, "unchecked-icon", { key: 1 }, () => [
-              _createVNode(_component_var_icon, {
-                class: _normalizeClass(_ctx.n("icon")),
-                "var-radio-cover": "",
-                name: "radio-blank",
-                size: _ctx.iconSize
-              }, null, 8, ["class", "size"])
-            ]),
-            _createVNode(_component_var_hover_overlay, {
-              hovering: !_ctx.disabled && !_ctx.formDisabled && _ctx.hovering,
-              focusing: !_ctx.disabled && !_ctx.formDisabled && _ctx.isFocusing
-            }, null, 8, ["hovering", "focusing"])
-          ], 46, _hoisted_1)), [
-            [_directive_ripple, { disabled: _ctx.formReadonly || _ctx.readonly || _ctx.formDisabled || _ctx.disabled || !_ctx.ripple }],
-            [_directive_hover, _ctx.handleHovering, "desktop"]
-          ]),
-          _ctx.$slots.default ? (_openBlock(), _createElementBlock(
-            "div",
-            {
-              key: 0,
-              class: _normalizeClass(
-                _ctx.classes(
-                  _ctx.n("text"),
-                  [_ctx.errorMessage || _ctx.radioGroupErrorMessage, _ctx.n("--error")],
-                  [_ctx.formDisabled || _ctx.disabled, _ctx.n("--disabled")]
-                )
-              ),
-              onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleTextClick && _ctx.handleTextClick(...args))
-            },
-            [
-              _renderSlot(_ctx.$slots, "default", { checked: _ctx.checked })
-            ],
-            2
-            /* CLASS */
-          )) : _createCommentVNode("v-if", true)
-        ],
-        16
-        /* FULL_PROPS */
-      ),
+            onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleTextClick && _ctx.handleTextClick(...args))
+          },
+          [
+            _renderSlot(_ctx.$slots, "default", { checked: _ctx.checked })
+          ],
+          2
+          /* CLASS */
+        )) : _createCommentVNode("v-if", true)
+      ], 16, _hoisted_1),
       _createVNode(_component_var_form_details, { "error-message": _ctx.errorMessage }, null, 8, ["error-message"])
     ],
     2
@@ -118,6 +115,9 @@ const __sfc__ = defineComponent({
     const { radioGroup, bindRadioGroup } = useRadioGroup();
     const { hovering, handleHovering } = useHoverOverlay();
     const { form, bindForm } = useForm();
+    const tabIndex = computed(
+      () => (form == null ? void 0 : form.disabled.value) || props2.disabled || checked.value && radioGroup ? void 0 : "0"
+    );
     const {
       errorMessage,
       validateWithTrigger: vt,
@@ -223,6 +223,7 @@ const __sfc__ = defineComponent({
       formDisabled: form == null ? void 0 : form.disabled,
       formReadonly: form == null ? void 0 : form.readonly,
       hovering,
+      tabIndex,
       handleHovering,
       n,
       classes,

package/es/radio-group/RadioGroup.mjs

@@ -9,6 +9,7 @@ import { props } from "./props.mjs";
 import { useRadios } from "./provide.mjs";
 const { name, n, classes } = createNamespace("radio-group");
 import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, resolveComponent as _resolveComponent, createVNode as _createVNode, withCtx as _withCtx, createBlock as _createBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode } from "vue";
+const _hoisted_1 = ["aria-label"];
 function __render__(_ctx, _cache) {
   const _component_maybe_v_node = _resolveComponent("maybe-v-node");
   const _component_var_radio = _resolveComponent("var-radio");
@@ -19,38 +20,34 @@ function __render__(_ctx, _cache) {
       class: _normalizeClass(_ctx.n("wrap"))
     },
     [
-      _createElementVNode(
-        "div",
-        {
-          class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.n(`--${_ctx.direction}`)))
-        },
-        [
-          _ctx.options.length ? (_openBlock(true), _createElementBlock(
-            _Fragment,
-            { key: 0 },
-            _renderList(_ctx.options, (option) => {
-              return _openBlock(), _createBlock(_component_var_radio, {
-                key: option[_ctx.valueKey],
-                "checked-value": option[_ctx.valueKey],
-                disabled: option.disabled
-              }, {
-                default: _withCtx(({ checked }) => [
-                  _createVNode(_component_maybe_v_node, {
-                    is: _ctx.isFunction(option[_ctx.labelKey]) ? option[_ctx.labelKey](option, checked) : option[_ctx.labelKey]
-                  }, null, 8, ["is"])
-                ]),
-                _: 2
-                /* DYNAMIC */
-              }, 1032, ["checked-value", "disabled"]);
-            }),
-            128
-            /* KEYED_FRAGMENT */
-          )) : _createCommentVNode("v-if", true),
-          _renderSlot(_ctx.$slots, "default")
-        ],
-        2
-        /* CLASS */
-      ),
+      _createElementVNode("div", {
+        "aria-label": _ctx.ariaLabel,
+        role: "radiogroup",
+        class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.n(`--${_ctx.direction}`)))
+      }, [
+        _ctx.options.length ? (_openBlock(true), _createElementBlock(
+          _Fragment,
+          { key: 0 },
+          _renderList(_ctx.options, (option) => {
+            return _openBlock(), _createBlock(_component_var_radio, {
+              key: option[_ctx.valueKey],
+              "checked-value": option[_ctx.valueKey],
+              disabled: option.disabled
+            }, {
+              default: _withCtx(({ checked }) => [
+                _createVNode(_component_maybe_v_node, {
+                  is: _ctx.isFunction(option[_ctx.labelKey]) ? option[_ctx.labelKey](option, checked) : option[_ctx.labelKey]
+                }, null, 8, ["is"])
+              ]),
+              _: 2
+              /* DYNAMIC */
+            }, 1032, ["checked-value", "disabled"]);
+          }),
+          128
+          /* KEYED_FRAGMENT */
+        )) : _createCommentVNode("v-if", true),
+        _renderSlot(_ctx.$slots, "default")
+      ], 10, _hoisted_1),
       _createVNode(_component_var_form_details, { "error-message": _ctx.errorMessage }, null, 8, ["error-message"])
     ],
     2

package/es/radio-group/props.mjs

@@ -12,6 +12,10 @@ const props = {
     type: Array,
     default: () => []
   },
+  ariaLabel: {
+    type: String,
+    default: ""
+  },
   labelKey: {
     type: String,
     default: "label"

package/es/snackbar/style/index.mjs

@@ -1,7 +1,7 @@
 import '../../styles/common.css'
+import '../SnackbarSfc.css'
 import '../../styles/elevation.css'
 import '../../loading/loading.css'
 import '../../icon/icon.css'
 import '../snackbar.css'
 import '../coreSfc.css'
-import '../SnackbarSfc.css'