@varlet/ui 2.4.1 → 2.4.3-alpha.1671108240429

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/space/Space.js

@@ -6,16 +6,11 @@ import { isArray } from '@varlet/shared';
 
 
 import { call, createNamespace } from '../utils/components';
+import { spacePluginOptions } from './context';
 var {
   n,
   classes
 } = createNamespace('space');
-var internalSizes = {
-  mini: [4, 4],
-  small: [6, 6],
-  normal: [8, 12],
-  large: [12, 20]
-};
 export default defineComponent({
   name: 'VarSpace',
   props,
@@ -24,6 +19,11 @@ export default defineComponent({
     var {
       slots
     } = _ref;
+    var internalSizes = {};
+    Object.keys(spacePluginOptions).forEach(key => {
+      var size = spacePluginOptions[key];
+      internalSizes[key] = isArray(size) ? size.map(toPxNum) : [toPxNum(size), toPxNum(size)];
+    });
 
     var getSize = (size, isInternalSize) => {
       return isInternalSize ? internalSizes[size] : isArray(size) ? size.map(toPxNum) : [toPxNum(size), toPxNum(size)];

package/es/space/context.js

@@ -0,0 +1,9 @@
+export var spacePluginOptions = {
+  mini: [4, 4],
+  small: [6, 6],
+  normal: [8, 12],
+  large: [12, 20]
+};
+export var mergeSpacePluginOptions = options => {
+  Object.assign(spacePluginOptions, options);
+};

package/es/space/index.js

@@ -1,6 +1,8 @@
 import Space from './Space';
+import { mergeSpacePluginOptions } from './context';
 
-Space.install = function (app) {
+Space.install = function (app, spacePluginOptions) {
+  mergeSpacePluginOptions(spacePluginOptions);
   app.component(Space.name, Space);
 };