@varlet/ui 2.4.1 → 2.4.3-alpha.1671108240429

package/highlight/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
-  "version": "2.4.0",
+  "version": "2.4.2",
   "name": "VARLET",
   "contributions": {
     "html": {

package/lib/input/Input.js

@@ -251,20 +251,25 @@ var _default = (0, _vue.defineComponent)({
     };
 
     var handleInput = e => {
+      var target = e.target;
       var {
         value
-      } = e.target;
-      value = withTrim(value);
+      } = target;
+      value = withMaxlength(withTrim(value));
+      target.value = value;
       (0, _components.call)(props['onUpdate:modelValue'], value);
       (0, _components.call)(props.onInput, value, e);
       validateWithTrigger('onInput');
     };
 
     var handleChange = e => {
+      var target = e.target;
       var {
         value
-      } = e.target;
-      (0, _components.call)(props.onChange, withTrim(value), e);
+      } = target;
+      value = withMaxlength(withTrim(value));
+      target.value = value;
+      (0, _components.call)(props.onChange, value, e);
       validateWithTrigger('onChange');
     };
 
@@ -301,6 +306,8 @@ var _default = (0, _vue.defineComponent)({
 
     var withTrim = value => props.modelModifiers.trim ? value.trim() : value;
 
+    var withMaxlength = value => props.maxlength ? value.slice(0, (0, _shared.toNumber)(props.maxlength)) : value;
+
     var handleTouchstart = e => {
       var {
         disabled,

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

@@ -17,16 +17,12 @@ var _shared = require("@varlet/shared");
 
 var _components = require("../utils/components");
 
+var _context = require("./context");
+
 var {
   n,
   classes
 } = (0, _components.createNamespace)('space');
-var internalSizes = {
-  mini: [4, 4],
-  small: [6, 6],
-  normal: [8, 12],
-  large: [12, 20]
-};
 
 var _default = (0, _vue.defineComponent)({
   name: 'VarSpace',
@@ -36,6 +32,11 @@ var _default = (0, _vue.defineComponent)({
     var {
       slots
     } = _ref;
+    var internalSizes = {};
+    Object.keys(_context.spacePluginOptions).forEach(key => {
+      var size = _context.spacePluginOptions[key];
+      internalSizes[key] = (0, _shared.isArray)(size) ? size.map(_elements.toPxNum) : [(0, _elements.toPxNum)(size), (0, _elements.toPxNum)(size)];
+    });
 
     var getSize = (size, isInternalSize) => {
       return isInternalSize ? internalSizes[size] : (0, _shared.isArray)(size) ? size.map(_elements.toPxNum) : [(0, _elements.toPxNum)(size), (0, _elements.toPxNum)(size)];

package/lib/space/context.js

@@ -0,0 +1,17 @@
+"use strict";
+
+exports.__esModule = true;
+exports.spacePluginOptions = exports.mergeSpacePluginOptions = void 0;
+var spacePluginOptions = {
+  mini: [4, 4],
+  small: [6, 6],
+  normal: [8, 12],
+  large: [12, 20]
+};
+exports.spacePluginOptions = spacePluginOptions;
+
+var mergeSpacePluginOptions = options => {
+  Object.assign(spacePluginOptions, options);
+};
+
+exports.mergeSpacePluginOptions = mergeSpacePluginOptions;

package/lib/space/index.js

@@ -5,9 +5,12 @@ exports.default = exports._SpaceComponent = void 0;
 
 var _Space = _interopRequireDefault(require("./Space"));
 
+var _context = require("./context");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-_Space.default.install = function (app) {
+_Space.default.install = function (app, spacePluginOptions) {
+  (0, _context.mergeSpacePluginOptions)(spacePluginOptions);
   app.component(_Space.default.name, _Space.default);
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/ui",
-  "version": "2.4.1",
+  "version": "2.4.3-alpha.1671108240429",
   "description": "A material like components library",
   "module": "es/index.js",
   "main": "lib/index.js",
@@ -47,8 +47,8 @@
     "@popperjs/core": "^2.11.6",
     "dayjs": "^1.10.4",
     "decimal.js": "^10.2.1",
-    "@varlet/icons": "2.4.1",
-    "@varlet/shared": "2.4.1"
+    "@varlet/shared": "2.4.3-alpha.1671108240429",
+    "@varlet/icons": "2.4.3-alpha.1671108240429"
   },
   "devDependencies": {
     "@types/jest": "^26.0.15",
@@ -63,8 +63,8 @@
     "typescript": "^4.4.4",
     "vue": "3.2.25",
     "vue-router": "4.0.12",
-    "@varlet/cli": "2.4.1",
-    "@varlet/touch-emulator": "2.4.1"
+    "@varlet/touch-emulator": "2.4.3-alpha.1671108240429",
+    "@varlet/cli": "2.4.3-alpha.1671108240429"
   },
   "browserslist": [
     "Chrome >= 54",

package/types/space.d.ts

@@ -1,5 +1,5 @@
 import { VarComponent, BasicAttributes } from './varComponent'
-import { VNode } from 'vue'
+import { App, VNode } from 'vue'
 
 export type SpaceAlign = 'stretch' | 'center' | 'start' | 'end' | 'baseline' | 'initial' | 'inherit'
 
@@ -11,6 +11,15 @@ export type SpaceInternalSize = 'mini' | 'small' | 'normal' | 'large'
 
 export type SpaceSize = SpaceInternalSize | number | string | [number | string, number | string]
 
+export interface SpacePluginOptions {
+  mini?: SpacePluginOptionsSize
+  small?: SpacePluginOptionsSize
+  normal?: SpacePluginOptionsSize
+  large?: SpacePluginOptionsSize
+}
+
+export type SpacePluginOptionsSize = number | string | [number | string, number | string]
+
 export interface SpaceProps extends BasicAttributes {
   align?: SpaceAlign
   size?: SpaceSize
@@ -21,6 +30,8 @@ export interface SpaceProps extends BasicAttributes {
 }
 
 export class Space extends VarComponent {
+  static install(app: App, options: SpacePluginOptions): void
+
   $props: SpaceProps
 
   $slots: {