@varlet/ui 1.27.11-alpha.1653999804324 → 1.27.11

package/es/input/Input.js

@@ -1,6 +1,6 @@
 import VarFormDetails from '../form-details';
 import VarIcon from '../icon';
-import { defineComponent, getCurrentInstance, ref, computed, nextTick } from 'vue';
+import { defineComponent, getCurrentInstance, ref, computed, nextTick, onMounted } from 'vue';
 import { props } from './props';
 import { isEmpty } from '../utils/shared';
 import { useValidation, createNamespace, call } from '../utils/components';
@@ -290,8 +290,10 @@ export default defineComponent({
 
 
     var focus = () => {
+      var _el$value;
+
       ;
-      el.value.focus();
+      (_el$value = el.value) == null ? void 0 : _el$value.focus();
     }; // expose
 
 
@@ -306,6 +308,9 @@ export default defineComponent({
       resetValidation
     };
     call(bindForm, inputProvider);
+    onMounted(() => {
+      if (props.autofocus) focus();
+    });
     return {
       el,
       id,

package/es/input/props.js

@@ -61,6 +61,10 @@ export var props = {
     type: Boolean,
     default: false
   },
+  autofocus: {
+    type: Boolean,
+    default: false
+  },
   validateTrigger: {
     type: Array,
     default: () => ['onInput', 'onClear']

package/es/snackbar/style/index.js

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

package/es/snackbar/style/less.js

@@ -1,8 +1,8 @@
 import '../../styles/common.less'
+import '../SnackbarSfc.less'
 import '../../styles/elevation.less'
 import '../../loading/loading.less'
 import '../../button/button.less'
 import '../../icon/icon.less'
 import '../snackbar.less'
 import '../coreSfc.less'
-import '../SnackbarSfc.less'

package/es/varlet.esm.js

@@ -10830,6 +10830,10 @@ var props$p = {
     type: Boolean,
     default: false
   },
+  autofocus: {
+    type: Boolean,
+    default: false
+  },
   validateTrigger: {
     type: Array,
     default: () => ["onInput", "onClear"]
@@ -11086,7 +11090,8 @@ var Input = defineComponent({
     };
     var validate = () => v(props2.rules, props2.modelValue);
     var focus = () => {
-      el.value.focus();
+      var _el$value;
+      (_el$value = el.value) == null ? void 0 : _el$value.focus();
     };
     var blur = () => {
       el.value.blur();
@@ -11097,6 +11102,10 @@ var Input = defineComponent({
       resetValidation
     };
     call(bindForm, inputProvider);
+    onMounted(() => {
+      if (props2.autofocus)
+        focus();
+    });
     return {
       el,
       id,
@@ -17540,9 +17549,9 @@ var skeleton = "";
 var SkeletonSfc = "";
 var slider = "";
 var SliderSfc = "";
+var SnackbarSfc = "";
 var snackbar = "";
 var coreSfc = "";
-var SnackbarSfc = "";
 var space = "";
 var step = "";
 var StepSfc = "";

package/highlight/attributes.json

@@ -899,6 +899,10 @@
     "type": "boolean",
     "description": "文本域是否可以拖动调整尺寸 默认值：false"
   },
+  "var-input/autofocus": {
+    "type": "boolean",
+    "description": "是否自动聚焦 默认值：false"
+  },
   "var-input/validate-trigger": {
     "type": "ValidateTriggers[]",
     "description": "触发验证的时机，可选值为 `onFocus` `onBlur` `onChange` `onClick` `onClear` `onInput` 默认值：['onInput', 'onClear']"

package/highlight/tags.json

@@ -333,6 +333,7 @@
       "disabled",
       "clearable",
       "resize",
+      "autofocus",
       "validate-trigger",
       "rules"
     ]

package/highlight/web-types.json

@@ -2652,6 +2652,15 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "autofocus",
+              "description": "是否自动聚焦",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
             {
               "name": "validate-trigger",
               "description": "触发验证的时机，可选值为 `onFocus` `onBlur` `onChange` `onClick` `onClear` `onInput`",

package/lib/input/Input.js

@@ -306,8 +306,10 @@ var _default = (0, _vue.defineComponent)({
 
 
     var focus = () => {
+      var _el$value;
+
       ;
-      el.value.focus();
+      (_el$value = el.value) == null ? void 0 : _el$value.focus();
     }; // expose
 
 
@@ -322,6 +324,9 @@ var _default = (0, _vue.defineComponent)({
       resetValidation
     };
     (0, _components.call)(bindForm, inputProvider);
+    (0, _vue.onMounted)(() => {
+      if (props.autofocus) focus();
+    });
     return {
       el,
       id,

package/lib/input/props.js

@@ -68,6 +68,10 @@ var props = {
     type: Boolean,
     default: false
   },
+  autofocus: {
+    type: Boolean,
+    default: false
+  },
   validateTrigger: {
     type: Array,
     default: () => ['onInput', 'onClear']

package/lib/snackbar/style/index.js

@@ -1,8 +1,8 @@
 require('../../styles/common.css')
+require('../SnackbarSfc.css')
 require('../../styles/elevation.css')
 require('../../loading/loading.css')
 require('../../button/button.css')
 require('../../icon/icon.css')
 require('../snackbar.css')
 require('../coreSfc.css')
-require('../SnackbarSfc.css')

package/lib/snackbar/style/less.js

@@ -1,8 +1,8 @@
 require('../../styles/common.less')
+require('../SnackbarSfc.less')
 require('../../styles/elevation.less')
 require('../../loading/loading.less')
 require('../../button/button.less')
 require('../../icon/icon.less')
 require('../snackbar.less')
 require('../coreSfc.less')
-require('../SnackbarSfc.less')

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/ui",
-  "version": "1.27.11-alpha.1653999804324",
+  "version": "1.27.11",
   "description": "A material like components library",
   "module": "es/index.js",
   "main": "lib/index.js",
@@ -39,13 +39,13 @@
   },
   "gitHead": "ee9c3866bedad96c86365b0f9888a3a6bb781b1f",
   "dependencies": {
-    "@varlet/icons": "1.27.11-alpha.1653999804324",
+    "@varlet/icons": "1.27.11",
     "dayjs": "^1.10.4",
     "decimal.js": "^10.2.1"
   },
   "devDependencies": {
-    "@varlet/cli": "1.27.11-alpha.1653999804324",
-    "@varlet/touch-emulator": "1.27.11-alpha.1653999804324",
+    "@varlet/cli": "1.27.11",
+    "@varlet/touch-emulator": "1.27.11",
     "@vue/runtime-core": "3.2.25",
     "@vue/test-utils": "2.0.0-rc.6",
     "clipboard": "^2.0.6",

package/types/input.d.ts

@@ -17,6 +17,7 @@ export interface InputProps {
   readonly?: boolean
   clearable?: boolean
   resize?: boolean
+  autofocus?: boolean
   validateTrigger?: InputValidateTriggers[]
   rules?: Array<(v: string) => any>
   onFocus?: (e: Event) => void