@varlet/ui 2.4.2 → 2.4.3-alpha.1671109780742

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.1",
+  "version": "2.4.2",
   "name": "VARLET",
   "contributions": {
     "html": {

package/lib/space/Space.js

@@ -11,22 +11,18 @@ var _elements = require("../utils/elements");
 
 var _shared = require("@varlet/shared");
 
+var _components = require("../utils/components");
+
+var _context = require("./context");
 
 
 
 
-var _components = require("../utils/components");
 
 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,19 @@ var _default = (0, _vue.defineComponent)({
     var {
       slots
     } = _ref;
+    var internalSizes = {
+      mini: [0, 0],
+      small: [0, 0],
+      normal: [0, 0],
+      large: [0, 0]
+    };
+
+    var computeInternalSizes = () => {
+      Object.entries(_context.spacePluginOptions).forEach(_ref2 => {
+        var [key, size] = _ref2;
+        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)];
@@ -45,6 +54,10 @@ var _default = (0, _vue.defineComponent)({
       return style === 'start' || style === 'end' ? "flex-" + style : style;
     };
 
+    if ((0, _shared.inBrowser)()) {
+      computeInternalSizes();
+    }
+
     return () => {
       var _call;
 

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.2",
+  "version": "2.4.3-alpha.1671109780742",
   "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.2",
-    "@varlet/shared": "2.4.2"
+    "@varlet/shared": "2.4.3-alpha.1671109780742",
+    "@varlet/icons": "2.4.3-alpha.1671109780742"
   },
   "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.2",
-    "@varlet/touch-emulator": "2.4.2"
+    "@varlet/cli": "2.4.3-alpha.1671109780742",
+    "@varlet/touch-emulator": "2.4.3-alpha.1671109780742"
   },
   "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: {