@varlet/ui 2.8.5-alpha.1677518578668 → 2.8.5

package/es/col/Col.mjs

@@ -2,7 +2,7 @@ import { defineComponent, ref, computed, watch } from 'vue';
 import { isPlainObject, toNumber } from '@varlet/shared';
 import { props } from './props.mjs';
 import { useRow } from './provide.mjs';
-import { toSizeUnit } from '../utils/elements.mjs';
+import { padStartFlex, toSizeUnit } from '../utils/elements.mjs';
 import { createNamespace, call } from '../utils/components.mjs';
 var {
   n,
@@ -15,6 +15,8 @@ function __render__(_ctx, _cache) {
     class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.n('$--box'), [_ctx.span >= 0, _ctx.n("--span-" + _ctx.span)], [_ctx.offset, _ctx.n("--offset-" + _ctx.offset)], ..._ctx.getSize('xs', _ctx.xs), ..._ctx.getSize('sm', _ctx.sm), ..._ctx.getSize('md', _ctx.md), ..._ctx.getSize('lg', _ctx.lg), ..._ctx.getSize('xl', _ctx.xl))),
     style: _normalizeStyle({
       flexDirection: _ctx.direction,
+      justifyContent: _ctx.padStartFlex(_ctx.justify),
+      alignItems: _ctx.padStartFlex(_ctx.align),
       paddingLeft: _ctx.toSizeUnit(_ctx.padding.left),
       paddingRight: _ctx.toSizeUnit(_ctx.padding.right)
     }),
@@ -86,7 +88,8 @@ var __sfc__ = defineComponent({
       getSize,
       span,
       offset,
-      handleClick
+      handleClick,
+      padStartFlex
     };
   }
 

package/es/col/props.mjs

@@ -4,6 +4,14 @@ function directionValidator(direction) {
   return ['row', 'column'].includes(direction);
 }
 
+function justifyValidator(justify) {
+  return ['start', 'end', 'center', 'space-around', 'space-between', 'flex-start', 'flex-end'].includes(justify);
+}
+
+function alignValidator(align) {
+  return ['stretch', 'center', 'start', 'end', 'baseline', 'initial', 'inherit', 'flex-start', 'flex-end'].includes(align);
+}
+
 export var props = {
   span: {
     type: [String, Number],
@@ -18,6 +26,14 @@ export var props = {
     default: 'row',
     validator: directionValidator
   },
+  justify: {
+    type: String,
+    validator: justifyValidator
+  },
+  align: {
+    type: String,
+    validator: alignValidator
+  },
   xs: {
     type: [Object, Number, String]
   },

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-alpha.1677518578668'
+const version = '2.8.5'
 
 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-alpha.1677518578668'
+const version = '2.8.5'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/row/Row.mjs

@@ -1,7 +1,7 @@
 import { defineComponent, computed, watch } from 'vue';
 import { props } from './props.mjs';
 import { useCols } from './provide.mjs';
-import { toPxNum } from '../utils/elements.mjs';
+import { toPxNum, padStartFlex } from '../utils/elements.mjs';
 import { call, createNamespace } from '../utils/components.mjs';
 var {
   n,
@@ -13,8 +13,8 @@ function __render__(_ctx, _cache) {
   return _openBlock(), _createElementBlock("div", {
     class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.n('$--box'))),
     style: _normalizeStyle({
-      justifyContent: _ctx.justify,
-      alignItems: _ctx.align,
+      justifyContent: _ctx.padStartFlex(_ctx.justify),
+      alignItems: _ctx.padStartFlex(_ctx.align),
       margin: _ctx.average ? "0 -" + _ctx.average + "px" : undefined
     }),
     onClick: _cache[0] || (_cache[0] = function () {
@@ -63,7 +63,8 @@ var __sfc__ = defineComponent({
       n,
       classes,
       average,
-      handleClick
+      handleClick,
+      padStartFlex
     };
   }
 

package/es/row/props.mjs

@@ -1,11 +1,11 @@
 import { defineListenerProp } from '../utils/components.mjs';
 
 function justifyValidator(justify) {
-  return ['flex-start', 'flex-end', 'center', 'space-between', 'space-around'].includes(justify);
+  return ['flex-start', 'flex-end', 'start', 'end', 'center', 'space-between', 'space-around'].includes(justify);
 }
 
 function alignValidator(align) {
-  return ['flex-start', 'center', 'flex-end'].includes(align);
+  return ['flex-start', 'center', 'flex-end', 'start', 'end'].includes(align);
 }
 
 export var props = {

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'

package/es/space/Space.mjs

@@ -3,7 +3,7 @@ import { defineComponent, Fragment, Comment } from 'vue';
 import { internalSizeValidator, props } from './props.mjs';
 import { isArray } from '@varlet/shared';
 import { call, createNamespace } from '../utils/components.mjs';
-import { toSizeUnit } from '../utils/elements.mjs';
+import { padStartFlex, toSizeUnit } from '../utils/elements.mjs';
 import { computeMargin } from './margin.mjs';
 
 
@@ -24,10 +24,6 @@ export default defineComponent({
       return isInternalSize ? ["var(--space-size-" + size + "-y)", "var(--space-size-" + size + "-x)"] : isArray(size) ? size.map(toSizeUnit) : [toSizeUnit(size), toSizeUnit(size)];
     };
 
-    var padStartFlex = style => {
-      return style === 'start' || style === 'end' ? "flex-" + style : style;
-    };
-
     return () => {
       var _call;
 

package/es/space/margin.mjs

@@ -11,7 +11,7 @@ export function computeMargin(y, x, options) {
   var margin = '0';
 
   if (direction === 'row') {
-    if (justify === 'start' || justify === 'center' || justify === 'end') {
+    if (['flex-start', 'center', 'flex-end', 'start', 'end'].includes(justify)) {
       if (index !== lastIndex) {
         margin = half(y) + " " + x + " " + half(y) + " 0";
       } else {

package/es/space/props.mjs

@@ -5,13 +5,14 @@ export var sizeValidator = size => {
 };
 
 var justifyValidator = justify => {
-  return ['start', 'end', 'center', 'space-around', 'space-between'].includes(justify);
+  return ['start', 'end', 'center', 'space-around', 'space-between', 'flex-start', 'flex-end'].includes(justify);
+};
+
+var alignValidator = align => {
+  return ['stretch', 'center', 'start', 'end', 'baseline', 'flex-start', 'flex-end'].includes(align);
 };
 
 export var props = {
-  align: {
-    type: String
-  },
   size: {
     type: [String, Number, Array],
     default: 'normal',
@@ -27,9 +28,13 @@ export var props = {
   },
   justify: {
     type: String,
-    default: 'start',
+    default: 'flex-start',
     validator: justifyValidator
   },
+  align: {
+    type: String,
+    validator: alignValidator
+  },
   inline: {
     type: Boolean,
     default: false

package/es/utils/elements.mjs

@@ -241,4 +241,7 @@ export function formatStyleVars(styleVars) {
 export function supportTouch() {
   var inBrowser = typeof window !== 'undefined';
   return inBrowser && 'ontouchstart' in window;
+}
+export function padStartFlex(style) {
+  return style === 'start' || style === 'end' ? "flex-" + style : style;
 }