@varlet/ui 2.4.2 → 2.4.3-alpha.1671109780742

package/es/space/Space.js

@@ -2,20 +2,15 @@ import { createVNode as _createVNode } from "vue";
 import { defineComponent, Fragment, Comment } from 'vue';
 import { internalSizeValidator, props } from './props';
 import { toPxNum } from '../utils/elements';
-import { isArray } from '@varlet/shared';
+import { inBrowser, isArray } from '@varlet/shared';
+import { call, createNamespace } from '../utils/components';
+import { spacePluginOptions } from './context';
 
 
-import { call, createNamespace } from '../utils/components';
 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,19 @@ export default defineComponent({
     var {
       slots
     } = _ref;
+    var internalSizes = {
+      mini: [0, 0],
+      small: [0, 0],
+      normal: [0, 0],
+      large: [0, 0]
+    };
+
+    var computeInternalSizes = () => {
+      Object.entries(spacePluginOptions).forEach(_ref2 => {
+        var [key, size] = _ref2;
+        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)];
@@ -33,6 +41,10 @@ export default defineComponent({
       return style === 'start' || style === 'end' ? "flex-" + style : style;
     };
 
+    if (inBrowser()) {
+      computeInternalSizes();
+    }
+
     return () => {
       var _call;
 

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);
 };