@varlet/ui 3.12.0 → 3.12.2

package/lib/varlet.cjs.js

@@ -4733,6 +4733,7 @@ const props$1e = __spreadProps$a(__spreadValues$s({
     default: true
   },
   inputmode: String,
+  tabindex: String,
   onFocus: defineListenerProp(),
   onBlur: defineListenerProp(),
   onInput: defineListenerProp(),
@@ -4770,8 +4771,8 @@ const props$1e = __spreadProps$a(__spreadValues$s({
 });
 const { name: name$1g, n: n$1n, classes: classes$14 } = createNamespace("input");
 const _hoisted_1$A = ["aria-label", "placeholder", "enterkeyhint"];
-const _hoisted_2$8 = ["id", "aria-label", "autocomplete", "disabled", "readonly", "type", "value", "placeholder", "maxlength", "rows", "enterkeyhint", "inputmode"];
-const _hoisted_3$4 = ["id", "aria-label", "autocomplete", "disabled", "readonly", "type", "value", "placeholder", "maxlength", "enterkeyhint", "inputmode"];
+const _hoisted_2$8 = ["id", "aria-label", "autocomplete", "disabled", "readonly", "type", "value", "placeholder", "maxlength", "rows", "enterkeyhint", "inputmode", "tabindex"];
+const _hoisted_3$4 = ["id", "aria-label", "autocomplete", "disabled", "readonly", "type", "value", "placeholder", "maxlength", "enterkeyhint", "tabindex", "inputmode"];
 function __render__$1l(_ctx, _cache) {
   const _component_var_field_decorator = vue.resolveComponent("var-field-decorator");
   const _component_var_form_details = vue.resolveComponent("var-form-details");
@@ -4850,6 +4851,7 @@ function __render__$1l(_ctx, _cache) {
               rows: _ctx.rows,
               enterkeyhint: _ctx.enterkeyhint,
               inputmode: _ctx.inputmode != null ? _ctx.inputmode : _ctx.type === "number" ? "decimal" : void 0,
+              tabindex: _ctx.tabindex,
               style: vue.normalizeStyle({
                 color: !_ctx.errorMessage ? _ctx.textColor : void 0,
                 caretColor: !_ctx.errorMessage ? _ctx.focusColor : void 0,
@@ -4883,6 +4885,7 @@ function __render__$1l(_ctx, _cache) {
               placeholder: !_ctx.hint ? _ctx.placeholder : void 0,
               maxlength: _ctx.maxlength,
               enterkeyhint: _ctx.enterkeyhint,
+              tabindex: _ctx.tabindex,
               inputmode: _ctx.inputmode != null ? _ctx.inputmode : _ctx.type === "number" ? "decimal" : void 0,
               style: vue.normalizeStyle({
                 color: !_ctx.errorMessage ? _ctx.textColor : void 0,
@@ -5164,6 +5167,7 @@ const props$1d = {
   disabled: Boolean,
   readonly: Boolean,
   indeterminate: Boolean,
+  tabindex: String,
   iconSize: [String, Number],
   ripple: {
     type: Boolean,
@@ -5220,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))
@@ -8315,6 +8319,7 @@ const props$19 = __spreadValues$n({
   "variant",
   "placeholder",
   "enterkeyhint",
+  "tabindex",
   "line",
   "hint",
   "textColor",
@@ -8352,7 +8357,7 @@ function __render__$1f(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock("div", {
     ref: "root",
     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,
     onFocusin: _cache[2] || (_cache[2] = (...args) => _ctx.focus && _ctx.focus(...args)),
     onClick: _cache[3] || (_cache[3] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
   }, [
@@ -8419,6 +8424,7 @@ function __render__$1f(_ctx, _cache) {
           "is-force-focusing-effect": _ctx.isFocusing,
           "is-force-error-effect": !!_ctx.errorMessage,
           "is-show-form-details": false,
+          tabindex: _ctx.tabindex,
           onInput: _ctx.handleInput,
           onBlur: _ctx.handleBlur,
           onClear: _ctx.handleClear,
@@ -8455,7 +8461,7 @@ function __render__$1f(_ctx, _cache) {
             ]),
             key: "3"
           } : void 0
-        ]), 1040, ["modelValue", "is-force-focusing-effect", "is-force-error-effect", "onInput", "onBlur", "onClear", "onChange"])
+        ]), 1040, ["modelValue", "is-force-focusing-effect", "is-force-error-effect", "tabindex", "onInput", "onBlur", "onClear", "onChange"])
       ]),
       _: 3
       /* FORWARDED */
@@ -22766,6 +22772,7 @@ const props$m = {
   readonly: Boolean,
   checkedColor: String,
   uncheckedColor: String,
+  tabindex: String,
   iconSize: [String, Number],
   ripple: {
     type: Boolean,
@@ -22913,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;
       }
@@ -23898,6 +23908,7 @@ const props$h = __spreadValues$6({
     default: () => ["onChange", "onClear", "onClose"]
   },
   rules: [Array, Function, Object],
+  tabindex: String,
   onFocus: defineListenerProp(),
   onBlur: defineListenerProp(),
   onClose: defineListenerProp(),
@@ -23930,7 +23941,7 @@ function __render__$h(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock("div", {
     ref: "root",
     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[3] || (_cache[3] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
     onBlur: _cache[4] || (_cache[4] = (...args) => _ctx.handleRootBlur && _ctx.handleRootBlur(...args))
   }, [
@@ -26271,6 +26282,7 @@ const props$8 = {
   size: [String, Number],
   variant: Boolean,
   rules: [Array, Function, Object],
+  tabindex: String,
   ripple: {
     type: Boolean,
     default: true
@@ -26323,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)
         }, [
@@ -32048,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.0";
+const version = "3.12.2";
 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.0",
+  "version": "3.12.2",
   "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/icons": "3.12.0",
-    "@varlet/shared": "3.12.0",
-    "@varlet/use": "3.12.0"
+    "@varlet/icons": "3.12.2",
+    "@varlet/shared": "3.12.2",
+    "@varlet/use": "3.12.2"
   },
   "devDependencies": {
     "@types/node": "^18.7.20",
@@ -62,9 +62,9 @@
     "vue": "3.5.21",
     "vue-router": "4.5.1",
     "zod": "^3.23.8",
-    "@varlet/touch-emulator": "3.12.0",
-    "@varlet/ui": "3.12.0",
-    "@varlet/cli": "3.12.0"
+    "@varlet/cli": "3.12.2",
+    "@varlet/ui": "3.12.2",
+    "@varlet/touch-emulator": "3.12.2"
   },
   "peerDependencies": {
     "vue": "^3.2.0"

package/types/autoComplete.d.ts

@@ -47,6 +47,7 @@ export interface AutoCompleteProps extends BasicAttributes {
   getShow?: (v: string) => boolean
   rules?: AutoCompleteRules
   enterkeyhint?: InputHTMLAttributes['enterKeyHint']
+  tabindex?: InputHTMLAttributes['tabindex']
   onFocus?: ListenerProp<() => void>
   onBlur?: ListenerProp<() => void>
   onClick?: ListenerProp<(e: Event) => void>

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/input.d.ts

@@ -38,6 +38,7 @@ export interface InputProps extends BasicAttributes {
   autofocus?: boolean
   preventAutoFill?: boolean
   inputmode?: InputHTMLAttributes['inputmode']
+  tabindex?: InputHTMLAttributes['tabindex']
   validateTrigger?: InputValidateTrigger[]
   rules?: InputRules
   enterkeyhint?: InputHTMLAttributes['enterKeyHint']

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/select.d.ts

@@ -1,4 +1,4 @@
-import { VNode } from 'vue'
+import { SelectHTMLAttributes, VNode } from 'vue'
 import {
   BasicAttributes,
   ListenerProp,
@@ -51,6 +51,7 @@ export interface SelectProps extends BasicAttributes {
   textAlign?: SelectTextAlign
   validateTrigger?: Array<SelectValidateTrigger>
   rules?: SelectRules
+  tabindex?: SelectHTMLAttributes['tabindex']
   onFocus?: ListenerProp<(e: Event) => void>
   onBlur?: ListenerProp<(e: Event) => void>
   onClick?: ListenerProp<(e: Event) => 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>