@varlet/ui 2.2.1-alpha.1668396604067 → 2.3.0

package/es/pull-refresh/PullRefresh.js

@@ -35,7 +35,7 @@ export function render(_ctx, _cache) {
       return _ctx.touchEnd && _ctx.touchEnd(...arguments);
     })
   }, [_createElementVNode("div", {
-    class: _normalizeClass(_ctx.classes(_ctx.n('control'), 'var-elevation--2', [_ctx.isSuccess, _ctx.n('control-success')])),
+    class: _normalizeClass(_ctx.classes(_ctx.n('control'), _ctx.n('$-elevation--2'), [_ctx.isSuccess, _ctx.n('control-success')])),
     style: _normalizeStyle(_ctx.controlStyle)
   }, [_createVNode(_component_var_icon, {
     name: _ctx.iconName,

package/es/row/Row.js

@@ -10,7 +10,7 @@ var {
 import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 export function render(_ctx, _cache) {
   return _openBlock(), _createElementBlock("div", {
-    class: _normalizeClass(_ctx.classes(_ctx.n(), 'var--box')),
+    class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.n('$--box'))),
     style: _normalizeStyle({
       justifyContent: _ctx.justify,
       alignItems: _ctx.align,

package/es/select/Select.js

@@ -33,7 +33,7 @@ export function render(_ctx, _cache) {
   var _component_var_form_details = _resolveComponent("var-form-details");
 
   return _openBlock(), _createElementBlock("div", {
-    class: _normalizeClass(_ctx.classes(_ctx.n(), 'var--box', [_ctx.formDisabled || _ctx.disabled, _ctx.n('--disabled')])),
+    class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.n('$--box'), [_ctx.formDisabled || _ctx.disabled, _ctx.n('--disabled')])),
     onClick: _cache[3] || (_cache[3] = function () {
       return _ctx.handleClick && _ctx.handleClick(...arguments);
     })
@@ -64,7 +64,7 @@ export function render(_ctx, _cache) {
   }, {
     menu: _withCtx(() => [_createElementVNode("div", {
       ref: "menuEl",
-      class: _normalizeClass(_ctx.classes(_ctx.n('scroller'), 'var-elevation--3'))
+      class: _normalizeClass(_ctx.classes(_ctx.n('scroller'), _ctx.n('$-elevation--3')))
     }, [_renderSlot(_ctx.$slots, "default")], 2
     /* CLASS */
     )]),
@@ -120,7 +120,7 @@ export function render(_ctx, _cache) {
     , ["class"])])], 6
     /* CLASS, STYLE */
     ), _createElementVNode("label", {
-      class: _normalizeClass(_ctx.classes(_ctx.n('placeholder'), 'var--ellipsis', [_ctx.isFocus, _ctx.n('--focus')], [_ctx.errorMessage, _ctx.n('--error')], [_ctx.formDisabled || _ctx.disabled, _ctx.n('--disabled')], _ctx.computePlaceholderState(), [!_ctx.hint, _ctx.n('--placeholder-non-hint')])),
+      class: _normalizeClass(_ctx.classes(_ctx.n('placeholder'), _ctx.n('$--ellipsis'), [_ctx.isFocus, _ctx.n('--focus')], [_ctx.errorMessage, _ctx.n('--error')], [_ctx.formDisabled || _ctx.disabled, _ctx.n('--disabled')], _ctx.computePlaceholderState(), [!_ctx.hint, _ctx.n('--placeholder-non-hint')])),
       style: _normalizeStyle({
         color: !_ctx.errorMessage ? _ctx.isFocus ? _ctx.focusColor : _ctx.blurColor : undefined
       })

package/es/skeleton/Skeleton.js

@@ -10,7 +10,7 @@ var {
 import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, renderList as _renderList, Fragment as _Fragment } from "vue";
 export function render(_ctx, _cache) {
   return _openBlock(), _createElementBlock("div", {
-    class: _normalizeClass(_ctx.classes('var--box', _ctx.n()))
+    class: _normalizeClass(_ctx.classes(_ctx.n('$--box'), _ctx.n()))
   }, [!_ctx.loading ? (_openBlock(), _createElementBlock("div", {
     key: 0,
     class: _normalizeClass(_ctx.n('data'))

package/es/slider/Slider.js

@@ -291,7 +291,7 @@ export default defineComponent({
 
     var click = event => {
       if (isDisabled.value || isReadonly.value) return;
-      if (event.target.closest('.var-slider__thumb')) return;
+      if (event.target.closest("." + n('thumb'))) return;
       var offset = event.clientX - getLeft(event.currentTarget);
       var type = getType(offset);
       setPercent(offset, type);

package/es/snackbar/core.js

@@ -30,7 +30,7 @@ export function render(_ctx, _cache) {
       zIndex: _ctx.zIndex
     })
   }, [_createElementVNode("div", {
-    class: _normalizeClass(_ctx.classes(_ctx.n('wrapper'), _ctx.n("wrapper-" + _ctx.position), 'var-elevation--4', [_ctx.vertical, _ctx.n('vertical')], [_ctx.type && _ctx.SNACKBAR_TYPE.includes(_ctx.type), _ctx.n("wrapper-" + _ctx.type)])),
+    class: _normalizeClass(_ctx.classes(_ctx.n('wrapper'), _ctx.n("wrapper-" + _ctx.position), _ctx.n('$-elevation--4'), [_ctx.vertical, _ctx.n('vertical')], [_ctx.type && _ctx.SNACKBAR_TYPE.includes(_ctx.type), _ctx.n("wrapper-" + _ctx.type)])),
     style: _normalizeStyle({
       zIndex: _ctx.zIndex
     })

package/es/space/Space.js

@@ -68,7 +68,6 @@ export default defineComponent({
       children = flatten(children);
       var lastIndex = children.length - 1;
       var spacers = children.map((child, index) => {
-        var width = direction === 'row' ? undefined : '100%';
         var margin = '0';
 
         if (direction === 'row') {
@@ -97,13 +96,12 @@ export default defineComponent({
 
         return _createVNode("div", {
           "style": {
-            margin,
-            width
+            margin
           }
         }, [child]);
       });
       return _createVNode("div", {
-        "class": classes(n(), 'var--box', [inline, n('--inline')]),
+        "class": classes(n(), n('$--box'), [inline, n('--inline')]),
         "style": {
           flexDirection: direction,
           justifyContent: padStartFlex(justify),