@varlet/ui 2.4.1 → 2.4.2

package/es/input/Input.js

@@ -2,7 +2,7 @@ import VarFormDetails from '../form-details';
 import VarIcon from '../icon';
 import { defineComponent, getCurrentInstance, ref, computed, nextTick, onMounted } from 'vue';
 import { props } from './props';
-import { isEmpty } from '@varlet/shared';
+import { isEmpty, toNumber } from '@varlet/shared';
 import { useValidation, createNamespace, call } from '../utils/components';
 import { useForm } from '../form/provide';
 var {
@@ -235,20 +235,25 @@ export default defineComponent({
     };
 
     var handleInput = e => {
+      var target = e.target;
       var {
         value
-      } = e.target;
-      value = withTrim(value);
+      } = target;
+      value = withMaxlength(withTrim(value));
+      target.value = value;
       call(props['onUpdate:modelValue'], value);
       call(props.onInput, value, e);
       validateWithTrigger('onInput');
     };
 
     var handleChange = e => {
+      var target = e.target;
       var {
         value
-      } = e.target;
-      call(props.onChange, withTrim(value), e);
+      } = target;
+      value = withMaxlength(withTrim(value));
+      target.value = value;
+      call(props.onChange, value, e);
       validateWithTrigger('onChange');
     };
 
@@ -285,6 +290,8 @@ export default defineComponent({
 
     var withTrim = value => props.modelModifiers.trim ? value.trim() : value;
 
+    var withMaxlength = value => props.maxlength ? value.slice(0, toNumber(props.maxlength)) : value;
+
     var handleTouchstart = e => {
       var {
         disabled,

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'