@varlet/ui 1.25.1 → 1.26.1-alpha.1644652196468

package/es/radio/Radio.js

@@ -6,7 +6,7 @@ import { props } from './props';
 import { useValidation } from '../utils/components';
 import { useRadioGroup } from './provide';
 import { useForm } from '../form/provide';
-import { renderSlot as _renderSlot, resolveComponent as _resolveComponent, normalizeClass as _normalizeClass, createVNode as _createVNode, normalizeStyle as _normalizeStyle, resolveDirective as _resolveDirective, createElementVNode as _createElementVNode, withDirectives as _withDirectives, mergeProps as _mergeProps, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
+import { renderSlot as _renderSlot, resolveComponent as _resolveComponent, normalizeClass as _normalizeClass, createVNode as _createVNode, normalizeStyle as _normalizeStyle, resolveDirective as _resolveDirective, openBlock as _openBlock, createElementBlock as _createElementBlock, withDirectives as _withDirectives, createElementVNode as _createElementVNode, mergeProps as _mergeProps, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
 
 var _withScopeId = n => (_pushScopeId(""), n = n(), _popScopeId(), n);
 
@@ -25,7 +25,7 @@ export function render(_ctx, _cache) {
     onClick: _cache[0] || (_cache[0] = function () {
       return _ctx.handleClick && _ctx.handleClick(...arguments);
     })
-  }, _ctx.$attrs), [_withDirectives(_createElementVNode("div", {
+  }, _ctx.$attrs), [_withDirectives((_openBlock(), _createElementBlock("div", {
     class: _normalizeClass(["var-radio__action", [_ctx.checked ? 'var-radio--checked' : 'var-radio--unchecked', _ctx.errorMessage || _ctx.radioGroupErrorMessage ? 'var-radio--error' : null, _ctx.formDisabled || _ctx.disabled ? 'var-radio--disabled' : null]]),
     style: _normalizeStyle({
       color: _ctx.checked ? _ctx.checkedColor : _ctx.uncheckedColor
@@ -50,7 +50,7 @@ export function render(_ctx, _cache) {
   /* PROPS */
   , ["class", "size"])])], 6
   /* CLASS, STYLE */
-  ), [[_directive_ripple, {
+  )), [[_directive_ripple, {
     disabled: _ctx.formReadonly || _ctx.readonly || _ctx.formDisabled || _ctx.disabled || !_ctx.ripple
   }]]), _createElementVNode("div", {
     class: _normalizeClass(["var-radio__text", [_ctx.errorMessage || _ctx.radioGroupErrorMessage ? 'var-radio--error' : null, _ctx.formDisabled || _ctx.disabled ? 'var-radio--disabled' : null]])

package/es/row/Row.js

@@ -1,4 +1,4 @@
-import { defineComponent, watch } from 'vue';
+import { defineComponent, computed, watch } from 'vue';
 import { props } from './props';
 import { useCols } from './provide';
 import { toPxNum } from '../utils/elements';
@@ -8,7 +8,8 @@ export function render(_ctx, _cache) {
     class: "var-row var--box",
     style: _normalizeStyle({
       justifyContent: _ctx.justify,
-      alignItems: _ctx.align
+      alignItems: _ctx.align,
+      margin: _ctx.average ? "0 -" + _ctx.average + "px" : undefined
     }),
     onClick: _cache[0] || (_cache[0] = function () {
       return _ctx.onClick && _ctx.onClick(...arguments);
@@ -28,55 +29,16 @@ export default defineComponent({
       bindCols,
       length
     } = useCols();
-
-    var computeGroups = () => {
-      var groups = [[]];
-      var span = 0;
-      cols.forEach(col => {
-        var colSpan = col.span.value + col.offset.value;
-        var nextSpan = span + colSpan;
-
-        if (nextSpan > 24) {
-          groups.push([col]);
-          span = colSpan;
-        } else {
-          groups[groups.length - 1].push(col);
-          span += colSpan;
-        }
-      });
-      return groups;
-    };
-
-    var computePadding = () => {
-      var groups = computeGroups();
+    var average = computed(() => {
       var gutter = toPxNum(props.gutter);
-      var average = gutter / 2;
-      groups.forEach(cols => {
-        cols.forEach((col, index) => {
-          if (cols.length <= 1) {
-            return;
-          }
-
-          if (index === 0) {
-            col.setPadding({
-              left: 0,
-              right: average
-            });
-          }
-
-          if (index === cols.length - 1) {
-            col.setPadding({
-              left: average,
-              right: 0
-            });
-          }
+      return gutter / 2;
+    });
 
-          if (index > 0 && index < cols.length - 1) {
-            col.setPadding({
-              left: average,
-              right: average
-            });
-          }
+    var computePadding = () => {
+      cols.forEach(col => {
+        col.setPadding({
+          left: average.value,
+          right: average.value
         });
       });
     };
@@ -87,6 +49,9 @@ export default defineComponent({
     watch(() => length.value, computePadding);
     watch(() => props.gutter, computePadding);
     bindCols(rowProvider);
+    return {
+      average
+    };
   }
 
 });

package/es/select/Select.js

@@ -83,7 +83,7 @@ export function render(_ctx, _cache) {
         type: _ctx.errorMessage ? 'danger' : undefined,
         key: l,
         onClick: _cache[0] || (_cache[0] = _withModifiers(() => {}, ["stop"])),
-        onClose: e => _ctx.handleClose(l)
+        onClose: () => _ctx.handleClose(l)
       }, {
         default: _withCtx(() => [_createTextVNode(_toDisplayString(l), 1
         /* TEXT */