@varlet/ui 3.12.1 → 3.12.3

package/es/action-sheet/style/index.mjs

@@ -3,5 +3,5 @@ import '../../icon/icon.css'
 import '../../ripple/ripple.css'
 import '../../popup/popup.css'
 import '../actionSheet.css'
-import '../ActionItemSfc.css'
 import '../ActionSheetSfc.css'
+import '../ActionItemSfc.css'

package/es/checkbox/Checkbox.mjs

@@ -31,7 +31,7 @@ function __render__(_ctx, _cache) {
         "aria-checked": _ctx.isIndeterminate ? "mixed" : _ctx.checked,
         "aria-disabled": _ctx.formDisabled || _ctx.disabled,
         class: _normalizeClass(_ctx.n()),
-        tabindex: _ctx.disabled || _ctx.formDisabled ? void 0 : "0",
+        tabindex: _ctx.tabindex == null ? _ctx.disabled || _ctx.formDisabled ? void 0 : "0" : _ctx.tabindex,
         onFocus: _cache[1] || (_cache[1] = ($event) => _ctx.isFocusing = true),
         onBlur: _cache[2] || (_cache[2] = ($event) => _ctx.isFocusing = false),
         onClick: _cache[3] || (_cache[3] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))

package/es/checkbox/props.mjs

@@ -17,6 +17,7 @@ const props = {
   disabled: Boolean,
   readonly: Boolean,
   indeterminate: Boolean,
+  tabindex: String,
   iconSize: [String, Number],
   ripple: {
     type: Boolean,

package/es/index.bundle.mjs

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

package/es/index.mjs

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

package/es/radio/Radio.mjs

@@ -125,6 +125,9 @@ const __sfc__ = defineComponent({
       const disabled = (form == null ? void 0 : form.disabled.value) || props2.disabled;
       const isChecked = checked.value;
       const hasCheckedInRadioGroup = radioGroup == null ? void 0 : radioGroup.hasChecked.value;
+      if (props2.tabindex != null) {
+        return props2.tabindex;
+      }
       if (disabled) {
         return;
       }

package/es/radio/props.mjs

@@ -16,6 +16,7 @@ const props = {
   readonly: Boolean,
   checkedColor: String,
   uncheckedColor: String,
+  tabindex: String,
   iconSize: [String, Number],
   ripple: {
     type: Boolean,

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'

package/es/switch/Switch.mjs

@@ -45,7 +45,7 @@ function __render__(_ctx, _cache) {
         _withDirectives((_openBlock(), _createElementBlock("div", {
           class: _normalizeClass(_ctx.classes(_ctx.n("ripple"), [_ctx.isActive, _ctx.n("ripple--active")])),
           style: _normalizeStyle(_ctx.styleComputed.ripple),
-          tabindex: _ctx.disabled || _ctx.formDisabled ? void 0 : "0",
+          tabindex: _ctx.tabindex == null ? _ctx.disabled || _ctx.formDisabled ? void 0 : "0" : _ctx.tabindex,
           onFocus: _cache[0] || (_cache[0] = ($event) => _ctx.isFocusing = true),
           onBlur: _cache[1] || (_cache[1] = ($event) => _ctx.isFocusing = false)
         }, [

package/es/switch/props.mjs

@@ -19,6 +19,7 @@ const props = {
   size: [String, Number],
   variant: Boolean,
   rules: [Array, Function, Object],
+  tabindex: String,
   ripple: {
     type: Boolean,
     default: true

package/es/varlet.esm.js

@@ -4148,6 +4148,7 @@ const Yp = {
   disabled: Boolean,
   readonly: Boolean,
   indeterminate: Boolean,
+  tabindex: String,
   iconSize: [String, Number],
   ripple: {
     type: Boolean,
@@ -4198,7 +4199,7 @@ function M1(e, n) {
         "aria-checked": e.isIndeterminate ? "mixed" : e.checked,
         "aria-disabled": e.formDisabled || e.disabled,
         class: p(e.n()),
-        tabindex: e.disabled || e.formDisabled ? void 0 : "0",
+        tabindex: e.tabindex == null ? e.disabled || e.formDisabled ? void 0 : "0" : e.tabindex,
         onFocus: n[1] || (n[1] = (l) => e.isFocusing = !0),
         onBlur: n[2] || (n[2] = (l) => e.isFocusing = !1),
         onClick: n[3] || (n[3] = (...l) => e.handleClick && e.handleClick(...l))
@@ -17281,6 +17282,7 @@ const Fh = {
   readonly: Boolean,
   checkedColor: String,
   uncheckedColor: String,
+  tabindex: String,
   iconSize: [String, Number],
   ripple: {
     type: Boolean,
@@ -17413,6 +17415,8 @@ const Hh = ee({
   setup(e) {
     const n = w(), o = w(!1), t = Pn(e, "modelValue"), r = B(() => t.value === e.checkedValue), { radioGroup: a, bindRadioGroup: i } = gz(), { hovering: l, handleHovering: s } = no(), { form: u, bindForm: c } = Yn(), d = B(() => {
       const Y = u?.disabled.value || e.disabled, z = r.value, I = a?.hasChecked.value;
+      if (e.tabindex != null)
+        return e.tabindex;
       if (!Y)
         return a && I && !z ? "-1" : "0";
     }), {
@@ -20182,6 +20186,7 @@ const Sg = {
   size: [String, Number],
   variant: Boolean,
   rules: [Array, Function, Object],
+  tabindex: String,
   ripple: {
     type: Boolean,
     default: !0
@@ -20228,7 +20233,7 @@ function y2(e, n) {
         Ne((g(), P("div", {
           class: p(e.classes(e.n("ripple"), [e.isActive, e.n("ripple--active")])),
           style: Z(e.styleComputed.ripple),
-          tabindex: e.disabled || e.formDisabled ? void 0 : "0",
+          tabindex: e.tabindex == null ? e.disabled || e.formDisabled ? void 0 : "0" : e.tabindex,
           onFocus: n[0] || (n[0] = (i) => e.isFocusing = !0),
           onBlur: n[1] || (n[1] = (i) => e.isFocusing = !1)
         }, [
@@ -25269,7 +25274,7 @@ re(xi);
 ie(xi, Kg);
 const lI = xi;
 var js = xi;
-const yB = "3.12.1";
+const yB = "3.12.3";
 function wB(e) {
   ml.install && e.use(ml), hl.install && e.use(hl), gl.install && e.use(gl), wl.install && e.use(wl), Cl.install && e.use(Cl), Sl.install && e.use(Sl), Pl.install && e.use(Pl), _r.install && e.use(_r), Ol.install && e.use(Ol), zl.install && e.use(zl), El.install && e.use(El), Tl.install && e.use(Tl), Dn.install && e.use(Dn), Bl.install && e.use(Bl), Dl.install && e.use(Dl), Il.install && e.use(Il), dt.install && e.use(dt), Al.install && e.use(Al), xr.install && e.use(xr), Nl.install && e.use(Nl), Vl.install && e.use(Vl), Rl.install && e.use(Rl), Ll.install && e.use(Ll), Fl.install && e.use(Fl), Rn.install && e.use(Rn), Ul.install && e.use(Ul), Wl.install && e.use(Wl), Jl.install && e.use(Jl), _l.install && e.use(_l), xl.install && e.use(xl), es.install && e.use(es), aa.install && e.use(aa), ns.install && e.use(ns), os.install && e.use(os), Lt.install && e.use(Lt), ts.install && e.use(ts), rs.install && e.use(rs), Bn.install && e.use(Bn), as.install && e.use(as), An.install && e.use(An), Hn.install && e.use(Hn), Ge.install && e.use(Ge), is.install && e.use(is), Gt.install && e.use(Gt), ls.install && e.use(ls), ss.install && e.use(ss), Ft.install && e.use(Ft), Wt.install && e.use(Wt), us.install && e.use(us), cs.install && e.use(cs), ht.install && e.use(ht), ds.install && e.use(ds), pl.install && e.use(pl), fs.install && e.use(fs), jt.install && e.use(jt), ft.install && e.use(ft), Yt.install && e.use(Yt), la.install && e.use(la), ps.install && e.use(ps), vs.install && e.use(vs), ms.install && e.use(ms), hs.install && e.use(hs), Mo.install && e.use(Mo), gs.install && e.use(gs), bs.install && e.use(bs), sa.install && e.use(sa), ys.install && e.use(ys), ws.install && e.use(ws), ks.install && e.use(ks), rn.install && e.use(rn), $s.install && e.use($s), Cs.install && e.use(Cs), Ss.install && e.use(Ss), Ps.install && e.use(Ps), Os.install && e.use(Os), Es.install && e.use(Es), Ts.install && e.use(Ts), Bs.install && e.use(Bs), Ds.install && e.use(Ds), yt.install && e.use(yt), Is.install && e.use(Is), qt.install && e.use(qt), Xt.install && e.use(Xt), As.install && e.use(As), Ms.install && e.use(Ms), Ns.install && e.use(Ns), Vs.install && e.use(Vs), Rs.install && e.use(Rs), Ls.install && e.use(Ls), Fs.install && e.use(Fs), Us.install && e.use(Us), ia.install && e.use(ia), Hs.install && e.use(Hs), js.install && e.use(js);
 }

package/highlight/web-types.en-US.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
-  "version": "3.12.1",
+  "version": "3.12.3",
   "name": "VARLET",
   "contributions": {
     "html": {
@@ -1849,6 +1849,15 @@
                 "type": "((v: any) => any) | ZodType | Array<((v: any) => any) | ZodType>",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "tabindex",
+              "description": "Consistent with the tabindex property of native input",
+              "default": "-",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
             }
           ],
           "events": [
@@ -6396,6 +6405,15 @@
                 "type": "((v: any) => any) | ZodType | Array<((v: any) => any) | ZodType>",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "tabindex",
+              "description": "Consistent with the tabindex property of native input",
+              "default": "-",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
             }
           ],
           "events": [
@@ -7924,6 +7942,15 @@
                 "type": "boolean",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "tabindex",
+              "description": "Consistent with the tabindex property of native input",
+              "default": "-",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
             }
           ],
           "events": [

package/highlight/web-types.zh-CN.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
-  "version": "3.12.1",
+  "version": "3.12.3",
   "name": "VARLET",
   "contributions": {
     "html": {
@@ -1900,6 +1900,15 @@
                 "type": "((v: any) => any) | ZodType | Array<((v: any) => any) | ZodType>",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "tabindex",
+              "description": "与原生 input 的 tabindex 属性一致",
+              "default": "-",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
             }
           ],
           "events": [
@@ -6438,6 +6447,15 @@
                 "type": "((v: any) => any) | ZodType | Array<((v: any) => any) | ZodType>",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "tabindex",
+              "description": "与原生 input 的 tabindex 属性一致",
+              "default": "-",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
             }
           ],
           "events": [
@@ -8138,6 +8156,15 @@
                 "type": "boolean",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "tabindex",
+              "description": "与原生 input 的 tabindex 属性一致",
+              "default": "-",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
             }
           ],
           "events": [

package/lib/varlet.cjs.js

@@ -5167,6 +5167,7 @@ const props$1d = {
   disabled: Boolean,
   readonly: Boolean,
   indeterminate: Boolean,
+  tabindex: String,
   iconSize: [String, Number],
   ripple: {
     type: Boolean,
@@ -5223,7 +5224,7 @@ function __render__$1k(_ctx, _cache) {
         "aria-checked": _ctx.isIndeterminate ? "mixed" : _ctx.checked,
         "aria-disabled": _ctx.formDisabled || _ctx.disabled,
         class: vue.normalizeClass(_ctx.n()),
-        tabindex: _ctx.disabled || _ctx.formDisabled ? void 0 : "0",
+        tabindex: _ctx.tabindex == null ? _ctx.disabled || _ctx.formDisabled ? void 0 : "0" : _ctx.tabindex,
         onFocus: _cache[1] || (_cache[1] = ($event) => _ctx.isFocusing = true),
         onBlur: _cache[2] || (_cache[2] = ($event) => _ctx.isFocusing = false),
         onClick: _cache[3] || (_cache[3] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
@@ -22771,6 +22772,7 @@ const props$m = {
   readonly: Boolean,
   checkedColor: String,
   uncheckedColor: String,
+  tabindex: String,
   iconSize: [String, Number],
   ripple: {
     type: Boolean,
@@ -22918,6 +22920,9 @@ const __sfc__$t = vue.defineComponent({
       const disabled = (form == null ? void 0 : form.disabled.value) || props2.disabled;
       const isChecked = checked.value;
       const hasCheckedInRadioGroup = radioGroup == null ? void 0 : radioGroup.hasChecked.value;
+      if (props2.tabindex != null) {
+        return props2.tabindex;
+      }
       if (disabled) {
         return;
       }
@@ -26277,6 +26282,7 @@ const props$8 = {
   size: [String, Number],
   variant: Boolean,
   rules: [Array, Function, Object],
+  tabindex: String,
   ripple: {
     type: Boolean,
     default: true
@@ -26329,7 +26335,7 @@ function __render__$9(_ctx, _cache) {
         vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
           class: vue.normalizeClass(_ctx.classes(_ctx.n("ripple"), [_ctx.isActive, _ctx.n("ripple--active")])),
           style: vue.normalizeStyle(_ctx.styleComputed.ripple),
-          tabindex: _ctx.disabled || _ctx.formDisabled ? void 0 : "0",
+          tabindex: _ctx.tabindex == null ? _ctx.disabled || _ctx.formDisabled ? void 0 : "0" : _ctx.tabindex,
           onFocus: _cache[0] || (_cache[0] = ($event) => _ctx.isFocusing = true),
           onBlur: _cache[1] || (_cache[1] = ($event) => _ctx.isFocusing = false)
         }, [
@@ -32054,7 +32060,7 @@ withInstall(stdin_default$1);
 withPropsDefaultsSetter(stdin_default$1, props);
 const _WatermarkComponent = stdin_default$1;
 var stdin_default = stdin_default$1;
-const version = "3.12.1";
+const version = "3.12.3";
 function install(app) {
   stdin_default$60.install && app.use(stdin_default$60);
   stdin_default$5_.install && app.use(stdin_default$5_);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/ui",
-  "version": "3.12.1",
+  "version": "3.12.3",
   "description": "A Vue3 component library based on Material Design 2 and 3, supporting mobile and desktop.",
   "keywords": [
     "Vue3",
@@ -44,9 +44,9 @@
     "@popperjs/core": "^2.11.6",
     "dayjs": "^1.10.4",
     "decimal.js": "^10.2.1",
-    "@varlet/shared": "3.12.1",
-    "@varlet/icons": "3.12.1",
-    "@varlet/use": "3.12.1"
+    "@varlet/shared": "3.12.3",
+    "@varlet/icons": "3.12.3",
+    "@varlet/use": "3.12.3"
   },
   "devDependencies": {
     "@types/node": "^18.7.20",
@@ -62,9 +62,9 @@
     "vue": "3.5.21",
     "vue-router": "4.5.1",
     "zod": "^3.23.8",
-    "@varlet/cli": "3.12.1",
-    "@varlet/ui": "3.12.1",
-    "@varlet/touch-emulator": "3.12.1"
+    "@varlet/cli": "3.12.3",
+    "@varlet/touch-emulator": "3.12.3",
+    "@varlet/ui": "3.12.3"
   },
   "peerDependencies": {
     "vue": "^3.2.0"

package/types/checkbox.d.ts

@@ -1,4 +1,4 @@
-import { VNode } from 'vue'
+import { InputHTMLAttributes, VNode } from 'vue'
 import { BasicAttributes, Rules as CheckboxRules, ListenerProp, SetPropsDefaults, VarComponent } from './varComponent'
 
 export declare const checkboxProps: Record<keyof CheckboxProps, any>
@@ -18,6 +18,7 @@ export interface CheckboxProps extends BasicAttributes {
   ripple?: boolean
   validateTrigger?: Array<CheckboxValidateTrigger>
   rules?: CheckboxRules
+  tabindex?: InputHTMLAttributes['tabindex']
   onClick?: ListenerProp<(e: Event) => void>
   onChange?: ListenerProp<(value: any, indeterminate: boolean) => void>
   'onUpdate:modelValue'?: ListenerProp<(value: any) => void>

package/types/radio.d.ts

@@ -1,4 +1,4 @@
-import { VNode } from 'vue'
+import { InputHTMLAttributes, VNode } from 'vue'
 import { BasicAttributes, ListenerProp, Rules as RadioRules, SetPropsDefaults, VarComponent } from './varComponent'
 
 export declare const radioProps: Record<keyof RadioProps, any>
@@ -16,6 +16,7 @@ export interface RadioProps extends BasicAttributes {
   iconSize?: string | number
   ripple?: boolean
   validateTrigger?: Array<RadioValidateTrigger>
+  tabindex?: InputHTMLAttributes['tabindex']
   rules?: RadioRules
   onClick?: ListenerProp<(e: Event) => void>
   onChange?: ListenerProp<(value: any) => void>

package/types/switch.d.ts

@@ -1,3 +1,4 @@
+import { InputHTMLAttributes } from 'vue'
 import { BasicAttributes, ListenerProp, SetPropsDefaults, Rules as SwitchRules, VarComponent } from './varComponent'
 
 export declare const switchProps: Record<keyof SwitchProps, any>
@@ -21,6 +22,7 @@ export interface SwitchProps extends BasicAttributes {
   validateTrigger?: Array<SwitchValidateTrigger>
   variant?: boolean
   rules?: SwitchRules
+  tabindex?: InputHTMLAttributes['tabindex']
   onClick?: ListenerProp<(event: Event) => void>
   onChange?: ListenerProp<(value: any) => void>
   'onUpdate:modelValue'?: ListenerProp<(value: any) => void>