@varlet/ui 2.8.5 → 2.8.6-alpha.1677756540023

package/es/index.bundle.mjs

@@ -235,7 +235,7 @@ import './time-picker/style/index.mjs'
 import './tooltip/style/index.mjs'
 import './uploader/style/index.mjs'
 
-const version = '2.8.5'
+const version = '2.8.6-alpha.1677756540023'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/index.mjs

@@ -156,7 +156,7 @@ export * from './time-picker/index.mjs'
 export * from './tooltip/index.mjs'
 export * from './uploader/index.mjs'
 
-const version = '2.8.5'
+const version = '2.8.6-alpha.1677756540023'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/input/Input.mjs

@@ -24,7 +24,7 @@ function __render__(_ctx, _cache) {
 
   return _openBlock(), _createElementBlock("div", {
     class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.n('$--box'), [_ctx.disabled, _ctx.n('--disabled')])),
-    onClick: _cache[10] || (_cache[10] = function () {
+    onClick: _cache[14] || (_cache[14] = function () {
       return _ctx.handleClick && _ctx.handleClick(...arguments);
     })
   }, [_createElementVNode("div", {
@@ -73,6 +73,12 @@ function __render__(_ctx, _cache) {
     }),
     onTouchstart: _cache[4] || (_cache[4] = function () {
       return _ctx.handleTouchstart && _ctx.handleTouchstart(...arguments);
+    }),
+    onCompositionstart: _cache[5] || (_cache[5] = function () {
+      return _ctx.handleCompositionStart && _ctx.handleCompositionStart(...arguments);
+    }),
+    onCompositionend: _cache[6] || (_cache[6] = function () {
+      return _ctx.handleCompositionEnd && _ctx.handleCompositionEnd(...arguments);
     })
   }, "\n        ", 46
   /* CLASS, STYLE, PROPS, HYDRATE_EVENTS */
@@ -90,20 +96,26 @@ function __render__(_ctx, _cache) {
       color: _ctx.textColor,
       caretColor: !_ctx.errorMessage ? _ctx.focusColor : undefined
     }),
-    onFocus: _cache[5] || (_cache[5] = function () {
+    onFocus: _cache[7] || (_cache[7] = function () {
       return _ctx.handleFocus && _ctx.handleFocus(...arguments);
     }),
-    onBlur: _cache[6] || (_cache[6] = function () {
+    onBlur: _cache[8] || (_cache[8] = function () {
       return _ctx.handleBlur && _ctx.handleBlur(...arguments);
     }),
-    onInput: _cache[7] || (_cache[7] = function () {
+    onInput: _cache[9] || (_cache[9] = function () {
       return _ctx.handleInput && _ctx.handleInput(...arguments);
     }),
-    onChange: _cache[8] || (_cache[8] = function () {
+    onChange: _cache[10] || (_cache[10] = function () {
       return _ctx.handleChange && _ctx.handleChange(...arguments);
     }),
-    onTouchstart: _cache[9] || (_cache[9] = function () {
+    onTouchstart: _cache[11] || (_cache[11] = function () {
       return _ctx.handleTouchstart && _ctx.handleTouchstart(...arguments);
+    }),
+    onCompositionstart: _cache[12] || (_cache[12] = function () {
+      return _ctx.handleCompositionStart && _ctx.handleCompositionStart(...arguments);
+    }),
+    onCompositionend: _cache[13] || (_cache[13] = function () {
+      return _ctx.handleCompositionEnd && _ctx.handleCompositionEnd(...arguments);
     })
   }, null, 46
   /* CLASS, STYLE, PROPS, HYDRATE_EVENTS */
@@ -241,7 +253,7 @@ var __sfc__ = defineComponent({
       validateWithTrigger('onBlur');
     };
 
-    var handleInput = e => {
+    var updateValue = e => {
       var target = e.target;
       var {
         value
@@ -253,18 +265,42 @@ var __sfc__ = defineComponent({
 
       value = withMaxlength(withTrim(value));
       target.value = value;
+      return value;
+    };
+
+    var handleCompositionStart = e => {
+      Object.assign(e.target, {
+        composing: true
+      });
+    };
+
+    var handleCompositionEnd = e => {
+      var target = e.target;
+
+      if (target.composing) {
+        target.composing = false;
+        target.dispatchEvent(new Event('input'));
+      }
+    };
+
+    var handleInput = e => {
+      var {
+        composing
+      } = e.target;
+      console.log(composing);
+
+      if (composing) {
+        return;
+      }
+
+      var value = updateValue(e);
       call(props['onUpdate:modelValue'], value);
       call(props.onInput, value, e);
       validateWithTrigger('onInput');
     };
 
     var handleChange = e => {
-      var target = e.target;
-      var {
-        value
-      } = target;
-      value = withMaxlength(withTrim(value));
-      target.value = value;
+      var value = updateValue(e);
       call(props.onChange, value, e);
       validateWithTrigger('onChange');
     };
@@ -386,6 +422,8 @@ var __sfc__ = defineComponent({
       handleClear,
       handleClick,
       handleTouchstart,
+      handleCompositionStart,
+      handleCompositionEnd,
       validate,
       resetValidation,
       reset,

package/es/snackbar/style/index.mjs

@@ -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'