@varlet/ui 1.21.0 → 1.22.0-alpha.10

package/es/skeleton/Skeleton.js

@@ -2,11 +2,9 @@ import { defineComponent } from 'vue';
 import { props } from './props';
 import { toSizeUnit } from '../utils/elements';
 import { toNumber } from '../utils/shared';
-import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createVNode as _createVNode, renderList as _renderList, Fragment as _Fragment, withScopeId as _withScopeId, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
+import { renderSlot as _renderSlot, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, renderList as _renderList, Fragment as _Fragment, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
 
-var _withId = /*#__PURE__*/_withScopeId("");
-
-_pushScopeId("");
+var _withScopeId = n => (_pushScopeId(""), n = n(), _popScopeId(), n);
 
 var _hoisted_1 = {
   class: "var--box var-skeleton"
@@ -20,91 +18,95 @@ var _hoisted_3 = {
   class: "var-skeleton__content"
 };
 
-var _hoisted_4 = /*#__PURE__*/_createVNode("div", {
+var _hoisted_4 = /*#__PURE__*/_withScopeId(() => /*#__PURE__*/_createElementVNode("div", {
   class: "var-skeleton--animation"
 }, null, -1
 /* HOISTED */
-);
+));
 
-var _hoisted_5 = {
+var _hoisted_5 = [_hoisted_4];
+var _hoisted_6 = {
   class: "var-skeleton__article"
 };
 
-var _hoisted_6 = /*#__PURE__*/_createVNode("div", {
+var _hoisted_7 = /*#__PURE__*/_withScopeId(() => /*#__PURE__*/_createElementVNode("div", {
   class: "var-skeleton--animation"
 }, null, -1
 /* HOISTED */
-);
+));
 
-var _hoisted_7 = {
+var _hoisted_8 = [_hoisted_7];
+var _hoisted_9 = {
   class: "var-skeleton__section"
 };
 
-var _hoisted_8 = /*#__PURE__*/_createVNode("div", {
+var _hoisted_10 = /*#__PURE__*/_withScopeId(() => /*#__PURE__*/_createElementVNode("div", {
   class: "var-skeleton--animation"
 }, null, -1
 /* HOISTED */
-);
+));
+
+var _hoisted_11 = [_hoisted_10];
 
-var _hoisted_9 = /*#__PURE__*/_createVNode("div", {
+var _hoisted_12 = /*#__PURE__*/_withScopeId(() => /*#__PURE__*/_createElementVNode("div", {
   class: "var-skeleton--animation"
 }, null, -1
 /* HOISTED */
-);
+));
 
-var _hoisted_10 = {
+var _hoisted_13 = [_hoisted_12];
+var _hoisted_14 = {
   key: 2,
   class: "var-skeleton__fullscreen"
 };
 
-var _hoisted_11 = /*#__PURE__*/_createVNode("div", {
+var _hoisted_15 = /*#__PURE__*/_withScopeId(() => /*#__PURE__*/_createElementVNode("div", {
   class: "var-skeleton--animation"
 }, null, -1
 /* HOISTED */
-);
-
-_popScopeId();
+));
 
-export var render = /*#__PURE__*/_withId((_ctx, _cache) => {
-  return _openBlock(), _createBlock("div", _hoisted_1, [!_ctx.loading ? (_openBlock(), _createBlock("div", _hoisted_2, [_renderSlot(_ctx.$slots, "default")])) : _createCommentVNode("v-if", true), _ctx.loading && !_ctx.fullscreen ? (_openBlock(), _createBlock("div", _hoisted_3, [_ctx.card ? (_openBlock(), _createBlock("div", {
+var _hoisted_16 = [_hoisted_15];
+export function render(_ctx, _cache) {
+  return _openBlock(), _createElementBlock("div", _hoisted_1, [!_ctx.loading ? (_openBlock(), _createElementBlock("div", _hoisted_2, [_renderSlot(_ctx.$slots, "default")])) : _createCommentVNode("v-if", true), _ctx.loading && !_ctx.fullscreen ? (_openBlock(), _createElementBlock("div", _hoisted_3, [_ctx.card ? (_openBlock(), _createElementBlock("div", {
     key: 0,
     class: "var-skeleton__card",
-    style: {
+    style: _normalizeStyle({
       height: _ctx.toSizeUnit(_ctx.cardHeight)
-    }
-  }, [_hoisted_4], 4
+    })
+  }, _hoisted_5, 4
   /* STYLE */
-  )) : _createCommentVNode("v-if", true), _createVNode("div", _hoisted_5, [_ctx.avatar ? (_openBlock(), _createBlock("div", {
+  )) : _createCommentVNode("v-if", true), _createElementVNode("div", _hoisted_6, [_ctx.avatar ? (_openBlock(), _createElementBlock("div", {
     key: 0,
     class: "var-skeleton__avatar",
-    style: {
+    style: _normalizeStyle({
       width: _ctx.toSizeUnit(_ctx.avatarSize),
       height: _ctx.toSizeUnit(_ctx.avatarSize)
-    }
-  }, [_hoisted_6], 4
+    })
+  }, _hoisted_8, 4
   /* STYLE */
-  )) : _createCommentVNode("v-if", true), _createVNode("div", _hoisted_7, [_ctx.title ? (_openBlock(), _createBlock("div", {
+  )) : _createCommentVNode("v-if", true), _createElementVNode("div", _hoisted_9, [_ctx.title ? (_openBlock(), _createElementBlock("div", {
     key: 0,
     class: "var-skeleton__title",
-    style: {
+    style: _normalizeStyle({
       width: _ctx.toSizeUnit(_ctx.titleWidth)
-    }
-  }, [_hoisted_8], 4
+    })
+  }, _hoisted_11, 4
   /* STYLE */
-  )) : _createCommentVNode("v-if", true), (_openBlock(true), _createBlock(_Fragment, null, _renderList(_ctx.toNumber(_ctx.rows), (r, index) => {
-    return _openBlock(), _createBlock("div", {
+  )) : _createCommentVNode("v-if", true), (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.toNumber(_ctx.rows), (r, index) => {
+    return _openBlock(), _createElementBlock("div", {
       class: "var-skeleton__row",
       key: r,
-      style: {
+      style: _normalizeStyle({
         width: _ctx.toSizeUnit(_ctx.rowsWidth[index])
-      }
-    }, [_hoisted_9], 4
+      })
+    }, _hoisted_13, 4
     /* STYLE */
     );
   }), 128
   /* KEYED_FRAGMENT */
-  ))])])])) : _createCommentVNode("v-if", true), _ctx.loading && _ctx.fullscreen ? (_openBlock(), _createBlock("div", _hoisted_10, [_hoisted_11])) : _createCommentVNode("v-if", true)]);
-});
+  ))])])])) : _createCommentVNode("v-if", true), _ctx.loading && _ctx.fullscreen ? (_openBlock(), _createElementBlock("div", _hoisted_14, _hoisted_16)) : _createCommentVNode("v-if", true)]);
+}
 export default defineComponent({
   render,
   name: 'VarSkeleton',

package/es/slider/Slider.js

@@ -12,11 +12,9 @@ var Thumbs;
   Thumbs["Second"] = "2";
 })(Thumbs || (Thumbs = {}));
 
-import { createVNode as _createVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createBlock as _createBlock, renderSlot as _renderSlot, toDisplayString as _toDisplayString, resolveComponent as _resolveComponent, withScopeId as _withScopeId, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
+import { normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, renderSlot as _renderSlot, normalizeClass as _normalizeClass, toDisplayString as _toDisplayString, resolveComponent as _resolveComponent, createVNode as _createVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
 
-var _withId = /*#__PURE__*/_withScopeId("");
-
-_pushScopeId("");
+var _withScopeId = n => (_pushScopeId(""), n = n(), _popScopeId(), n);
 
 var _hoisted_1 = {
   class: "var-slider"
@@ -24,80 +22,78 @@ var _hoisted_1 = {
 var _hoisted_2 = {
   class: "var-slider__track"
 };
-
-_popScopeId();
-
-export var render = /*#__PURE__*/_withId((_ctx, _cache) => {
+var _hoisted_3 = ["onTouchstart", "onTouchmove", "onTouchend", "onTouchcancel"];
+export function render(_ctx, _cache) {
   var _component_var_form_details = _resolveComponent("var-form-details");
 
-  return _openBlock(), _createBlock("div", _hoisted_1, [_createVNode("div", {
-    class: ["var-slider-block", [_ctx.isDisabled ? 'var-slider__disable' : null, _ctx.errorMessage ? 'var-slider__error' : null]],
-    style: {
+  return _openBlock(), _createElementBlock("div", _hoisted_1, [_createElementVNode("div", {
+    class: _normalizeClass(["var-slider-block", [_ctx.isDisabled ? 'var-slider__disable' : null, _ctx.errorMessage ? 'var-slider__error' : null]]),
+    style: _normalizeStyle({
       height: 3 * _ctx.thumbSize + "px",
       margin: "0 " + _ctx.thumbSize / 2 + "px"
-    },
+    }),
     ref: "sliderEl",
-    onClick: _cache[1] || (_cache[1] = (...args) => _ctx.click && _ctx.click(...args))
-  }, [_createVNode("div", _hoisted_2, [_createVNode("div", {
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.click && _ctx.click(...args))
+  }, [_createElementVNode("div", _hoisted_2, [_createElementVNode("div", {
     class: "var-slider__track-background",
-    style: {
+    style: _normalizeStyle({
       background: _ctx.trackColor,
       height: _ctx.trackHeight + 'px'
-    }
+    })
   }, null, 4
   /* STYLE */
-  ), _createVNode("div", {
+  ), _createElementVNode("div", {
     class: "var-slider__track-fill",
-    style: _ctx.getFillStyle
+    style: _normalizeStyle(_ctx.getFillStyle)
   }, null, 4
   /* STYLE */
-  )]), (_openBlock(true), _createBlock(_Fragment, null, _renderList(_ctx.thumbList, item => {
-    return _openBlock(), _createBlock("div", {
+  )]), (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.thumbList, item => {
+    return _openBlock(), _createElementBlock("div", {
       class: "var-slider__thumb",
       key: item.enumValue,
-      style: {
+      style: _normalizeStyle({
         left: item.value + "%",
         zIndex: _ctx.thumbsProps[item.enumValue].active ? 1 : null
-      },
+      }),
       onTouchstart: $event => _ctx.start($event, item.enumValue),
       onTouchmove: $event => _ctx.move($event, item.enumValue),
       onTouchend: $event => _ctx.end(item.enumValue),
       onTouchcancel: $event => _ctx.end(item.enumValue)
     }, [_renderSlot(_ctx.$slots, "button", {
       currentValue: item.value
-    }, () => [_createVNode("div", {
+    }, () => [_createElementVNode("div", {
       class: "var-slider__thumb-block",
-      style: {
+      style: _normalizeStyle({
         background: _ctx.thumbColor,
         height: _ctx.thumbSize + 'px',
         width: _ctx.thumbSize + 'px'
-      }
+      })
     }, null, 4
     /* STYLE */
-    ), _createVNode("div", {
-      class: ["var-slider__thumb-ripple", [_ctx.thumbsProps[item.enumValue].active ? 'var-slider__thumb-ripple-active' : null]],
-      style: {
+    ), _createElementVNode("div", {
+      class: _normalizeClass(["var-slider__thumb-ripple", [_ctx.thumbsProps[item.enumValue].active ? 'var-slider__thumb-ripple-active' : null]]),
+      style: _normalizeStyle({
         background: _ctx.thumbColor,
         height: _ctx.thumbSize ? _ctx.thumbsProps[item.enumValue].active ? 3 * _ctx.thumbSize + 'px' : '0px' : null,
         width: _ctx.thumbSize ? _ctx.thumbsProps[item.enumValue].active ? 3 * _ctx.thumbSize + 'px' : '0px' : null
-      }
+      })
     }, null, 6
     /* CLASS, STYLE */
-    ), _createVNode("div", {
-      class: ["var-slider__thumb-label", [_ctx.showLabel(item.enumValue) ? 'var-slider__thumb-label-active' : null]],
-      style: {
+    ), _createElementVNode("div", {
+      class: _normalizeClass(["var-slider__thumb-label", [_ctx.showLabel(item.enumValue) ? 'var-slider__thumb-label-active' : null]]),
+      style: _normalizeStyle({
         background: _ctx.labelColor,
         color: _ctx.labelTextColor,
         height: 2 * _ctx.thumbSize + 'px',
         width: 2 * _ctx.thumbSize + 'px'
-      }
-    }, [_createVNode("span", null, _toDisplayString(item.value), 1
+      })
+    }, [_createElementVNode("span", null, _toDisplayString(item.value), 1
     /* TEXT */
     )], 6
     /* CLASS, STYLE */
     )])], 44
     /* STYLE, PROPS, HYDRATE_EVENTS */
-    , ["onTouchstart", "onTouchmove", "onTouchend", "onTouchcancel"]);
+    , _hoisted_3);
   }), 128
   /* KEYED_FRAGMENT */
   ))], 6
@@ -109,7 +105,7 @@ export var render = /*#__PURE__*/_withId((_ctx, _cache) => {
   }, null, 8
   /* PROPS */
   , ["error-message"])]);
-});
+}
 export default defineComponent({
   render,
   name: 'VarSlider',

package/es/snackbar/Snackbar.js

@@ -2,11 +2,8 @@ import { defineComponent } from 'vue';
 import VarSnackbarCore from './core';
 import { useTeleport } from '../utils/components';
 import { props } from './props';
-import { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, mergeProps as _mergeProps, withCtx as _withCtx, createVNode as _createVNode, Transition as _Transition, Teleport as _Teleport, openBlock as _openBlock, createBlock as _createBlock, withScopeId as _withScopeId } from "vue";
-
-var _withId = /*#__PURE__*/_withScopeId("");
-
-export var render = /*#__PURE__*/_withId((_ctx, _cache) => {
+import { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, mergeProps as _mergeProps, withCtx as _withCtx, createVNode as _createVNode, Transition as _Transition, Teleport as _Teleport, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+export function render(_ctx, _cache) {
   var _component_var_snackbar_core = _resolveComponent("var-snackbar-core");
 
   return _openBlock(), _createBlock(_Teleport, {
@@ -17,11 +14,11 @@ export var render = /*#__PURE__*/_withId((_ctx, _cache) => {
     onAfterEnter: _ctx.onOpened,
     onAfterLeave: _ctx.onClosed
   }, {
-    default: _withId(() => [_createVNode(_component_var_snackbar_core, _mergeProps(_ctx.$props, {
+    default: _withCtx(() => [_createVNode(_component_var_snackbar_core, _mergeProps(_ctx.$props, {
       class: "var-snackbar-transition"
     }), {
-      action: _withId(() => [_renderSlot(_ctx.$slots, "action")]),
-      default: _withId(() => [_renderSlot(_ctx.$slots, "default", {}, () => [_createTextVNode(_toDisplayString(_ctx.content), 1
+      action: _withCtx(() => [_renderSlot(_ctx.$slots, "action")]),
+      default: _withCtx(() => [_renderSlot(_ctx.$slots, "default", {}, () => [_createTextVNode(_toDisplayString(_ctx.content), 1
       /* TEXT */
       )])]),
       _: 3
@@ -30,15 +27,15 @@ export var render = /*#__PURE__*/_withId((_ctx, _cache) => {
     }, 16
     /* FULL_PROPS */
     )]),
-    _: 1
-    /* STABLE */
+    _: 3
+    /* FORWARDED */
 
   }, 8
   /* PROPS */
   , ["onAfterEnter", "onAfterLeave"])], 8
   /* PROPS */
   , ["to", "disabled"]);
-});
+}
 export default defineComponent({
   render,
   name: 'VarSnackbar',

package/es/snackbar/core.js

@@ -13,41 +13,36 @@ var ICON_TYPE_DICT = {
   error: 'error',
   loading: ''
 };
-import { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, createVNode as _createVNode, resolveComponent as _resolveComponent, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, vShow as _vShow, withDirectives as _withDirectives, withScopeId as _withScopeId, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
+import { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, normalizeStyle as _normalizeStyle, vShow as _vShow, withDirectives as _withDirectives, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
 
-var _withId = /*#__PURE__*/_withScopeId("");
-
-_pushScopeId("");
+var _withScopeId = n => (_pushScopeId(""), n = n(), _popScopeId(), n);
 
 var _hoisted_1 = {
   class: "var-snackbar__action"
 };
-
-_popScopeId();
-
-export var render = /*#__PURE__*/_withId((_ctx, _cache) => {
+export function render(_ctx, _cache) {
   var _component_var_icon = _resolveComponent("var-icon");
 
   var _component_var_loading = _resolveComponent("var-loading");
 
-  return _withDirectives((_openBlock(), _createBlock("div", {
+  return _withDirectives((_openBlock(), _createElementBlock("div", {
     class: "var-snackbar",
-    style: {
+    style: _normalizeStyle({
       pointerEvents: _ctx.isForbidClick ? 'auto' : 'none',
       zIndex: _ctx.zIndex
-    }
-  }, [_createVNode("div", {
-    class: _ctx.snackbarClass,
-    style: {
+    })
+  }, [_createElementVNode("div", {
+    class: _normalizeClass(_ctx.snackbarClass),
+    style: _normalizeStyle({
       zIndex: _ctx.zIndex
-    }
-  }, [_createVNode("div", {
-    class: ["var-snackbar__content", [_ctx.contentClass]]
+    })
+  }, [_createElementVNode("div", {
+    class: _normalizeClass(["var-snackbar__content", [_ctx.contentClass]])
   }, [_renderSlot(_ctx.$slots, "default", {}, () => [_createTextVNode(_toDisplayString(_ctx.content), 1
   /* TEXT */
   )])], 2
   /* CLASS */
-  ), _createVNode("div", _hoisted_1, [_ctx.iconName ? (_openBlock(), _createBlock(_component_var_icon, {
+  ), _createElementVNode("div", _hoisted_1, [_ctx.iconName ? (_openBlock(), _createBlock(_component_var_icon, {
     key: 0,
     name: _ctx.iconName
   }, null, 8
@@ -63,7 +58,7 @@ export var render = /*#__PURE__*/_withId((_ctx, _cache) => {
   )], 4
   /* STYLE */
   )), [[_vShow, _ctx.show]]);
-});
+}
 export default defineComponent({
   render,
   name: 'VarSnackbarCore',

package/es/snackbar/style/index.js

@@ -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/snackbar/style/less.js

@@ -1,8 +1,8 @@
 import '../../styles/common.less'
-import '../SnackbarSfc.less'
 import '../../styles/elevation.less'
 import '../../loading/loading.less'
 import '../../button/button.less'
 import '../../icon/icon.less'
 import '../snackbar.less'
 import '../coreSfc.less'
+import '../SnackbarSfc.less'

package/es/step/Step.js

@@ -2,11 +2,9 @@ import { computed, defineComponent, ref, watch } from 'vue';
 import { props } from './props';
 import { useSteps } from './provide';
 import Icon from '../icon';
-import { resolveComponent as _resolveComponent, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createVNode as _createVNode, renderSlot as _renderSlot, withScopeId as _withScopeId, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
+import { resolveComponent as _resolveComponent, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createElementBlock as _createElementBlock, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, renderSlot as _renderSlot, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
 
-var _withId = /*#__PURE__*/_withScopeId("");
-
-_pushScopeId("");
+var _withScopeId = n => (_pushScopeId(""), n = n(), _popScopeId(), n);
 
 var _hoisted_1 = {
   class: "var-step"
@@ -14,26 +12,23 @@ var _hoisted_1 = {
 var _hoisted_2 = {
   key: 3
 };
-
-_popScopeId();
-
-export var render = /*#__PURE__*/_withId((_ctx, _cache) => {
+export function render(_ctx, _cache) {
   var _component_var_icon = _resolveComponent("var-icon");
 
-  return _openBlock(), _createBlock("div", _hoisted_1, [_createVNode("div", {
-    class: "var-step-" + _ctx.direction
-  }, [_createVNode("div", {
-    class: "var-step-" + _ctx.direction + "__main",
+  return _openBlock(), _createElementBlock("div", _hoisted_1, [_createElementVNode("div", {
+    class: _normalizeClass("var-step-" + _ctx.direction)
+  }, [_createElementVNode("div", {
+    class: _normalizeClass("var-step-" + _ctx.direction + "__main"),
     ref: _ctx.getRef
-  }, [_createVNode("div", {
-    class: {
+  }, [_createElementVNode("div", {
+    class: _normalizeClass({
       ["var-step-" + _ctx.direction + "__tag"]: true,
       ["var-step-" + _ctx.direction + "__tag--active"]: _ctx.isActive || _ctx.isCurrent
-    },
-    style: {
+    }),
+    style: _normalizeStyle({
       backgroundColor: _ctx.isActive || _ctx.isCurrent ? _ctx.activeColor : _ctx.inactiveColor
-    },
-    onClick: _cache[1] || (_cache[1] = (...args) => _ctx.click && _ctx.click(...args))
+    }),
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.click && _ctx.click(...args))
   }, [_ctx.isActive ? (_openBlock(), _createBlock(_component_var_icon, {
     key: 0,
     class: "var-step__icon",
@@ -55,32 +50,32 @@ export var render = /*#__PURE__*/_withId((_ctx, _cache) => {
     name: _ctx.inactiveIcon
   }, null, 8
   /* PROPS */
-  , ["name"])) : (_openBlock(), _createBlock("span", _hoisted_2, _toDisplayString(_ctx.index + 1), 1
+  , ["name"])) : (_openBlock(), _createElementBlock("span", _hoisted_2, _toDisplayString(_ctx.index + 1), 1
   /* TEXT */
   ))], 6
   /* CLASS, STYLE */
-  ), _createVNode("div", {
-    class: {
+  ), _createElementVNode("div", {
+    class: _normalizeClass({
       ["var-step-" + _ctx.direction + "__content"]: true,
       ["var-step-" + _ctx.direction + "__content--active"]: _ctx.isActive || _ctx.isCurrent
-    },
-    onClick: _cache[2] || (_cache[2] = (...args) => _ctx.click && _ctx.click(...args))
+    }),
+    onClick: _cache[1] || (_cache[1] = (...args) => _ctx.click && _ctx.click(...args))
   }, [_renderSlot(_ctx.$slots, "default")], 2
   /* CLASS */
   )], 2
   /* CLASS */
-  ), !_ctx.isLastChild ? (_openBlock(), _createBlock("div", {
+  ), !_ctx.isLastChild ? (_openBlock(), _createElementBlock("div", {
     key: 0,
-    class: "var-step-" + _ctx.direction + "__line",
-    style: {
+    class: _normalizeClass("var-step-" + _ctx.direction + "__line"),
+    style: _normalizeStyle({
       margin: _ctx.lineMargin
-    }
+    })
   }, null, 6
   /* CLASS, STYLE */
   )) : _createCommentVNode("v-if", true)], 2
   /* CLASS */
   )]);
-});
+}
 export default defineComponent({
   render,
   name: 'VarStep',

package/es/steps/Steps.js

@@ -1,20 +1,17 @@
 import { computed, defineComponent } from 'vue';
 import { useStep } from './provide';
 import { props } from './props';
-import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock, withScopeId as _withScopeId } from "vue";
-
-var _withId = /*#__PURE__*/_withScopeId("");
-
-export var render = /*#__PURE__*/_withId((_ctx, _cache) => {
-  return _openBlock(), _createBlock("div", {
+import { renderSlot as _renderSlot, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+export function render(_ctx, _cache) {
+  return _openBlock(), _createElementBlock("div", {
     class: "var-steps",
-    style: {
+    style: _normalizeStyle({
       flexDirection: _ctx.direction === 'horizontal' ? 'row' : 'column'
-    }
+    })
   }, [_renderSlot(_ctx.$slots, "default")], 4
   /* STYLE */
   );
-});
+}
 export default defineComponent({
   render,
   name: 'VarSteps',

package/es/sticky/Sticky.js

@@ -2,37 +2,34 @@ import { defineComponent, ref, onMounted, onUnmounted, onActivated, onDeactivate
 import { props } from './props';
 import { getParentScroller, toPxNum } from '../utils/elements';
 import { toNumber } from '../utils/shared';
-import { renderSlot as _renderSlot, createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock, withScopeId as _withScopeId } from "vue";
-
-var _withId = /*#__PURE__*/_withScopeId("");
-
-export var render = /*#__PURE__*/_withId((_ctx, _cache) => {
-  return _openBlock(), _createBlock("div", {
-    class: ["var-sticky", [_ctx.enableCSSMode ? 'var-sticky--css-mode' : null]],
+import { renderSlot as _renderSlot, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+export function render(_ctx, _cache) {
+  return _openBlock(), _createElementBlock("div", {
+    class: _normalizeClass(["var-sticky", [_ctx.enableCSSMode ? 'var-sticky--css-mode' : null]]),
     ref: "stickyEl",
-    style: {
+    style: _normalizeStyle({
       zIndex: _ctx.toNumber(_ctx.zIndex),
       top: _ctx.enableCSSMode ? _ctx.offsetTop + "px" : null,
       width: _ctx.enableFixedMode ? _ctx.fixedWidth : null,
       height: _ctx.enableFixedMode ? _ctx.fixedHeight : null
-    }
-  }, [_createVNode("div", {
+    })
+  }, [_createElementVNode("div", {
     class: "var-sticky__wrapper",
     ref: "wrapperEl",
-    style: {
+    style: _normalizeStyle({
       zIndex: _ctx.toNumber(_ctx.zIndex),
       position: _ctx.enableFixedMode ? 'fixed' : null,
       width: _ctx.enableFixedMode ? _ctx.fixedWrapperWidth : null,
       height: _ctx.enableFixedMode ? _ctx.fixedWrapperHeight : null,
       left: _ctx.enableFixedMode ? _ctx.fixedLeft : null,
       top: _ctx.enableFixedMode ? _ctx.fixedTop : null
-    }
+    })
   }, [_renderSlot(_ctx.$slots, "default")], 4
   /* STYLE */
   )], 6
   /* CLASS, STYLE */
   );
-});
+}
 export default defineComponent({
   render,
   name: 'VarSticky',