@tuya-miniapp/smart-ui 0.0.1-beta-6 → 1.0.0-beta-1

package/lib/rate/index.wxml

@@ -11,7 +11,7 @@
     wx:key="index"
     style="{{ style({ paddingRight: index !== count - 1 ? utils.addUnit(gutter) : null }) }}"
   >
-    <van-icon
+    <smart-icon
       name="{{ index + 1 <= innerValue ? icon : voidIcon }}"
       class="{{ utils.bem('rate__icon', [{ disabled, full: index + 1 <= innerValue }])}}"
       style="{{ style({ fontSize: utils.addUnit(size) }) }}"
@@ -21,7 +21,7 @@
       bind:click="onSelect"
     />
 
-    <van-icon
+    <smart-icon
       wx:if="{{ allowHalf }}"
       name="{{ index + 0.5 <= innerValue ? icon : voidIcon }}"
       class="{{ utils.bem('rate__icon', ['half', { disabled, full: index + 0.5 <= innerValue }]) }}"

package/lib/rate/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.van-rate{display:inline-flex;-webkit-user-select:none;user-select:none}.van-rate__item{padding:0 var(--rate-horizontal-padding,2px);position:relative}.van-rate__item:not(:last-child){padding-right:var(--rate-icon-gutter,4px)}.van-rate__icon{color:var(--rate-icon-void-color,#c8c9cc);display:block;font-size:var(--rate-icon-size,20px);height:100%}.van-rate__icon--half{left:var(--rate-horizontal-padding,2px);overflow:hidden;position:absolute;top:0;width:.5em}.van-rate__icon--full,.van-rate__icon--half{color:var(--rate-icon-full-color,#ee0a24)}.van-rate__icon--disabled{color:var(--rate-icon-disabled-color,#c8c9cc)}
+@import '../common/index.wxss';.smart-rate{display:inline-flex;-webkit-user-select:none;user-select:none}.smart-rate__item{padding:0 var(--rate-horizontal-padding,2px);position:relative}.smart-rate__item:not(:last-child){padding-right:var(--rate-icon-gutter,4px)}.smart-rate__icon{color:var(--rate-icon-void-color,#c8c9cc);display:block;font-size:var(--rate-icon-size,20px);height:100%}.smart-rate__icon--half{left:var(--rate-horizontal-padding,2px);overflow:hidden;position:absolute;top:0;width:.5em}.smart-rate__icon--full,.smart-rate__icon--half{color:var(--rate-icon-full-color,#ee0a24)}.smart-rate__icon--disabled{color:var(--rate-icon-disabled-color,#c8c9cc)}

package/lib/row/index.css

@@ -1 +1 @@
-@import '../common/index.css';.van-row:after{clear:both;content:"";display:table}
+@import '../common/index.css';.smart-row:after{clear:both;content:"";display:table}

package/lib/row/index.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var component_1 = require("../common/component");
 var relation_1 = require("../common/relation");
-(0, component_1.VantComponent)({
+(0, component_1.SmartComponent)({
     relation: (0, relation_1.useChildren)('col', function (target) {
         var gutter = this.data.gutter;
         if (gutter) {

package/lib/row/index.wxml

@@ -1,5 +1,5 @@
 <wxs src="./index.wxs" module="computed" />
 
-<view class="van-row custom-class" style="{{ computed.rootStyle({ gutter }) }}">
+<view class="smart-row custom-class" style="{{ computed.rootStyle({ gutter }) }}">
   <slot />
 </view>

package/lib/row/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.van-row:after{clear:both;content:"";display:table}
+@import '../common/index.wxss';.smart-row:after{clear:both;content:"";display:table}

package/lib/search/index.css

@@ -1 +1 @@
-@import '../common/index.css';.van-search{align-items:center;box-sizing:border-box;display:flex;padding:var(--search-padding,10px 12px)}.van-search__content{background-color:var(--search-background-color,#f7f8fa);border-radius:2px;display:flex;flex:1;padding-left:var(--padding-sm,12px)}.van-search__content--round{border-radius:999px}.van-search__label{color:var(--search-label-color,#323233);font-size:var(--search-label-font-size,14px);line-height:var(--search-input-height,34px);padding:var(--search-label-padding,0 5px)}.van-search__field{flex:1}.van-search__field__left-icon{color:var(--search-left-icon-color,#969799)}.van-search--withaction{padding-right:0}.van-search__action{color:var(--search-action-text-color,#323233);font-size:var(--search-action-font-size,14px);line-height:var(--search-input-height,34px)}.van-search__action--hover{background-color:#f2f3f5}.van-search__action-button{padding:var(--search-action-padding,0 8px)}
+@import '../common/index.css';.smart-search{align-items:center;box-sizing:border-box;display:flex;padding:var(--search-padding,10px 12px)}.smart-search__content{background-color:var(--search-background-color,#f7f8fa);border-radius:2px;display:flex;flex:1;padding-left:var(--padding-sm,12px)}.smart-search__content--round{border-radius:999px}.smart-search__label{color:var(--search-label-color,#323233);font-size:var(--search-label-font-size,14px);line-height:var(--search-input-height,34px);padding:var(--search-label-padding,0 5px)}.smart-search__field{flex:1}.smart-search__field__left-icon{color:var(--search-left-icon-color,#969799)}.smart-search--withaction{padding-right:0}.smart-search__action{color:var(--search-action-text-color,#323233);font-size:var(--search-action-font-size,14px);line-height:var(--search-input-height,34px)}.smart-search__action--hover{background-color:#f2f3f5}.smart-search__action-button{padding:var(--search-action-padding,0 8px)}

package/lib/search/index.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var component_1 = require("../common/component");
 var version_1 = require("../common/version");
-(0, component_1.VantComponent)({
+(0, component_1.SmartComponent)({
     field: true,
     classes: ['field-class', 'input-class', 'cancel-class'],
     props: {

package/lib/search/index.json

@@ -1,6 +1,6 @@
 {
   "component": true,
   "usingComponents": {
-    "van-field": "../field/index"
+    "smart-field": "../field/index"
   }
 }

package/lib/search/index.wxml

@@ -5,10 +5,10 @@
   style="background: {{ background }}"
 >
   <view class="{{ utils.bem('search__content', [shape]) }}">
-    <view class="van-search__label" wx:if="{{ label }}">{{ label }}</view>
+    <view class="smart-search__label" wx:if="{{ label }}">{{ label }}</view>
     <slot wx:else name="label" />
 
-    <van-field
+    <smart-field
       type="search"
       left-icon="{{ !useLeftIconSlot ? leftIcon : '' }}"
       right-icon="{{ !useRightIconSlot ? rightIcon : '' }}"
@@ -16,7 +16,7 @@
       error="{{ error }}"
       border="{{ false }}"
       confirm-type="search"
-      class="van-search__field field-class"
+      class="smart-search__field field-class"
       value="{{ value }}"
       disabled="{{ disabled }}"
       readonly="{{ readonly }}"
@@ -39,16 +39,16 @@
     >
       <slot wx:if="{{ useLeftIconSlot }}" name="left-icon" slot="left-icon" />
       <slot wx:if="{{ useRightIconSlot }}" name="right-icon" slot="right-icon" />
-    </van-field>
+    </smart-field>
   </view>
 
   <view
     wx:if="{{ showAction || useActionSlot }}"
-    class="van-search__action"
-    hover-class="van-search__action--hover"
+    class="smart-search__action"
+    hover-class="smart-search__action--hover"
     hover-stay-time="70"
   >
     <slot wx:if="{{ useActionSlot }}" name="action" />
-    <view wx:else bind:tap="onCancel" class="van-search__action-button cancel-class">{{ actionText }}</view>
+    <view wx:else bind:tap="onCancel" class="smart-search__action-button cancel-class">{{ actionText }}</view>
   </view>
 </view>

package/lib/search/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.van-search{align-items:center;box-sizing:border-box;display:flex;padding:var(--search-padding,10px 12px)}.van-search__content{background-color:var(--search-background-color,#f7f8fa);border-radius:2px;display:flex;flex:1;padding-left:var(--padding-sm,12px)}.van-search__content--round{border-radius:999px}.van-search__label{color:var(--search-label-color,#323233);font-size:var(--search-label-font-size,14px);line-height:var(--search-input-height,34px);padding:var(--search-label-padding,0 5px)}.van-search__field{flex:1}.van-search__field__left-icon{color:var(--search-left-icon-color,#969799)}.van-search--withaction{padding-right:0}.van-search__action{color:var(--search-action-text-color,#323233);font-size:var(--search-action-font-size,14px);line-height:var(--search-input-height,34px)}.van-search__action--hover{background-color:#f2f3f5}.van-search__action-button{padding:var(--search-action-padding,0 8px)}
+@import '../common/index.wxss';.smart-search{align-items:center;box-sizing:border-box;display:flex;padding:var(--search-padding,10px 12px)}.smart-search__content{background-color:var(--search-background-color,#f7f8fa);border-radius:2px;display:flex;flex:1;padding-left:var(--padding-sm,12px)}.smart-search__content--round{border-radius:999px}.smart-search__label{color:var(--search-label-color,#323233);font-size:var(--search-label-font-size,14px);line-height:var(--search-input-height,34px);padding:var(--search-label-padding,0 5px)}.smart-search__field{flex:1}.smart-search__field__left-icon{color:var(--search-left-icon-color,#969799)}.smart-search--withaction{padding-right:0}.smart-search__action{color:var(--search-action-text-color,#323233);font-size:var(--search-action-font-size,14px);line-height:var(--search-input-height,34px)}.smart-search__action--hover{background-color:#f2f3f5}.smart-search__action-button{padding:var(--search-action-padding,0 8px)}

package/lib/sidebar/index.css

@@ -1 +1 @@
-@import '../common/index.css';.van-sidebar{width:var(--sidebar-width,80px)}
+@import '../common/index.css';.smart-sidebar{width:var(--sidebar-width,80px)}

package/lib/sidebar/index.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var component_1 = require("../common/component");
 var relation_1 = require("../common/relation");
-(0, component_1.VantComponent)({
+(0, component_1.SmartComponent)({
     relation: (0, relation_1.useChildren)('sidebar-item', function () {
         this.setActive(this.data.activeKey);
     }),

package/lib/sidebar/index.wxml

@@ -1,3 +1,3 @@
-<view class="van-sidebar custom-class">
+<view class="smart-sidebar custom-class">
   <slot />
 </view>

package/lib/sidebar/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.van-sidebar{width:var(--sidebar-width,80px)}
+@import '../common/index.wxss';.smart-sidebar{width:var(--sidebar-width,80px)}

package/lib/sidebar-item/index.css

@@ -1 +1 @@
-@import '../common/index.css';.van-sidebar-item{background-color:var(--sidebar-background-color,var(--app-B1,#f6f7fb));border-left:3px solid transparent;box-sizing:border-box;color:var(--sidebar-text-color,var(--app-B6-N1,#000));display:block;font-size:var(--sidebar-font-size,14px);line-height:var(--sidebar-line-height,20px);overflow:hidden;padding:var(--sidebar-padding,20px 12px 20px 8px);-webkit-user-select:none;user-select:none}.van-sidebar-item__text{display:inline-block;position:relative;word-break:break-all}.van-sidebar-item--hover:not(.van-sidebar-item--disabled){background-color:var(--sidebar-active-color,var(--app-B6,#fff))}.van-sidebar-item:after{border-bottom-width:1px}.van-sidebar-item--selected{border-color:var(--sidebar-selected-border-color,#ee0a24);color:var(--sidebar-selected-text-color,var(--app-B6-N1,#000));font-weight:var(--sidebar-selected-font-weight,500)}.van-sidebar-item--selected:after{border-right-width:1px}.van-sidebar-item--selected,.van-sidebar-item--selected.van-sidebar-item--hover{background-color:var(--sidebar-selected-background-color,var(--app-B6,#fff))}.van-sidebar-item--disabled{color:var(--sidebar-disabled-text-color,var(--app-B6-N5,rgba(0,0,0,.3)))}
+@import '../common/index.css';.smart-sidebar-item{background-color:var(--sidebar-background-color,var(--app-B1,#f6f7fb));border-left:3px solid transparent;box-sizing:border-box;color:var(--sidebar-text-color,var(--app-B6-N1,#000));display:block;font-size:var(--sidebar-font-size,14px);line-height:var(--sidebar-line-height,20px);overflow:hidden;padding:var(--sidebar-padding,20px 12px 20px 8px);-webkit-user-select:none;user-select:none}.smart-sidebar-item__text{display:inline-block;position:relative;word-break:break-all}.smart-sidebar-item--hover:not(.smart-sidebar-item--disabled){background-color:var(--sidebar-active-color,var(--app-B6,#fff))}.smart-sidebar-item:after{border-bottom-width:1px}.smart-sidebar-item--selected{border-color:var(--sidebar-selected-border-color,#ee0a24);color:var(--sidebar-selected-text-color,var(--app-B6-N1,#000));font-weight:var(--sidebar-selected-font-weight,500)}.smart-sidebar-item--selected:after{border-right-width:1px}.smart-sidebar-item--selected,.smart-sidebar-item--selected.smart-sidebar-item--hover{background-color:var(--sidebar-selected-background-color,var(--app-B6,#fff))}.smart-sidebar-item--disabled{color:var(--sidebar-disabled-text-color,var(--app-B6-N5,rgba(0,0,0,.3)))}

package/lib/sidebar-item/index.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var component_1 = require("../common/component");
 var relation_1 = require("../common/relation");
-(0, component_1.VantComponent)({
+(0, component_1.SmartComponent)({
     classes: ['active-class', 'disabled-class'],
     relation: (0, relation_1.useParent)('sidebar'),
     props: {

package/lib/sidebar-item/index.json

@@ -1,6 +1,6 @@
 {
   "component": true,
   "usingComponents": {
-    "van-info": "../info/index"
+    "smart-info": "../info/index"
   }
 }

package/lib/sidebar-item/index.wxml

@@ -2,12 +2,12 @@
 
 <view
   class="{{ utils.bem('sidebar-item', { selected, disabled }) }} {{ selected ? 'active-class' : '' }} {{ disabled ? 'disabled-class' : '' }} custom-class"
-  hover-class="van-sidebar-item--hover"
+  hover-class="smart-sidebar-item--hover"
   hover-stay-time="70"
   bind:tap="onClick"
 >
-  <view class="van-sidebar-item__text">
-    <van-info
+  <view class="smart-sidebar-item__text">
+    <smart-info
       wx:if="{{ badge != null || info !== null || dot }}"
       dot="{{ dot }}"
       info="{{ badge != null ? badge : info }}"

package/lib/sidebar-item/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.van-sidebar-item{background-color:var(--sidebar-background-color,var(--app-B1,#f6f7fb));border-left:3px solid transparent;box-sizing:border-box;color:var(--sidebar-text-color,var(--app-B6-N1,#000));display:block;font-size:var(--sidebar-font-size,14px);line-height:var(--sidebar-line-height,20px);overflow:hidden;padding:var(--sidebar-padding,20px 12px 20px 8px);-webkit-user-select:none;user-select:none}.van-sidebar-item__text{display:inline-block;position:relative;word-break:break-all}.van-sidebar-item--hover:not(.van-sidebar-item--disabled){background-color:var(--sidebar-active-color,var(--app-B6,#fff))}.van-sidebar-item:after{border-bottom-width:1px}.van-sidebar-item--selected{border-color:var(--sidebar-selected-border-color,#ee0a24);color:var(--sidebar-selected-text-color,var(--app-B6-N1,#000));font-weight:var(--sidebar-selected-font-weight,500)}.van-sidebar-item--selected:after{border-right-width:1px}.van-sidebar-item--selected,.van-sidebar-item--selected.van-sidebar-item--hover{background-color:var(--sidebar-selected-background-color,var(--app-B6,#fff))}.van-sidebar-item--disabled{color:var(--sidebar-disabled-text-color,var(--app-B6-N5,rgba(0,0,0,.3)))}
+@import '../common/index.wxss';.smart-sidebar-item{background-color:var(--sidebar-background-color,var(--app-B1,#f6f7fb));border-left:3px solid transparent;box-sizing:border-box;color:var(--sidebar-text-color,var(--app-B6-N1,#000));display:block;font-size:var(--sidebar-font-size,14px);line-height:var(--sidebar-line-height,20px);overflow:hidden;padding:var(--sidebar-padding,20px 12px 20px 8px);-webkit-user-select:none;user-select:none}.smart-sidebar-item__text{display:inline-block;position:relative;word-break:break-all}.smart-sidebar-item--hover:not(.smart-sidebar-item--disabled){background-color:var(--sidebar-active-color,var(--app-B6,#fff))}.smart-sidebar-item:after{border-bottom-width:1px}.smart-sidebar-item--selected{border-color:var(--sidebar-selected-border-color,#ee0a24);color:var(--sidebar-selected-text-color,var(--app-B6-N1,#000));font-weight:var(--sidebar-selected-font-weight,500)}.smart-sidebar-item--selected:after{border-right-width:1px}.smart-sidebar-item--selected,.smart-sidebar-item--selected.smart-sidebar-item--hover{background-color:var(--sidebar-selected-background-color,var(--app-B6,#fff))}.smart-sidebar-item--disabled{color:var(--sidebar-disabled-text-color,var(--app-B6-N5,rgba(0,0,0,.3)))}

package/lib/skeleton/index.css

@@ -1 +1 @@
-@import '../common/index.css';.van-skeleton{box-sizing:border-box;display:flex;padding:var(--skeleton-padding,0 16px);width:100%}.van-skeleton__avatar{background-color:var(--skeleton-avatar-background-color,var(--app-B3,#fff));flex-shrink:0;margin-right:var(--padding-md,16px)}.van-skeleton__avatar--round{border-radius:100%}.van-skeleton__content{flex:1}.van-skeleton__avatar+.van-skeleton__content{padding-top:var(--padding-xs,8px)}.van-skeleton__row,.van-skeleton__title{background-color:var(--skeleton-row-background-color,var(--app-B3,#fff));height:var(--skeleton-row-height,16px)}.van-skeleton__title{margin:0}.van-skeleton__row:not(:first-child){margin-top:var(--skeleton-row-margin-top,12px)}.van-skeleton__title+.van-skeleton__row{margin-top:20px}.van-skeleton--animate{animation:van-skeleton-blink 1.2s ease-in-out infinite}@keyframes van-skeleton-blink{50%{opacity:.6}}
+@import '../common/index.css';.smart-skeleton{box-sizing:border-box;display:flex;padding:var(--skeleton-padding,0 16px);width:100%}.smart-skeleton__avatar{background-color:var(--skeleton-avatar-background-color,var(--app-B3,#fff));flex-shrink:0;margin-right:var(--padding-md,16px)}.smart-skeleton__avatar--round{border-radius:100%}.smart-skeleton__content{flex:1}.smart-skeleton__avatar+.smart-skeleton__content{padding-top:var(--padding-xs,8px)}.smart-skeleton__row,.smart-skeleton__title{background-color:var(--skeleton-row-background-color,var(--app-B3,#fff));height:var(--skeleton-row-height,16px)}.smart-skeleton__title{margin:0}.smart-skeleton__row:not(:first-child){margin-top:var(--skeleton-row-margin-top,12px)}.smart-skeleton__title+.smart-skeleton__row{margin-top:20px}.smart-skeleton--animate{animation:smart-skeleton-blink 1.2s ease-in-out infinite}@keyframes smart-skeleton-blink{50%{opacity:.6}}

package/lib/skeleton/index.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var component_1 = require("../common/component");
-(0, component_1.VantComponent)({
+(0, component_1.SmartComponent)({
     classes: ['avatar-class', 'title-class', 'row-class'],
     props: {
         row: {

package/lib/skeleton/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.van-skeleton{box-sizing:border-box;display:flex;padding:var(--skeleton-padding,0 16px);width:100%}.van-skeleton__avatar{background-color:var(--skeleton-avatar-background-color,var(--app-B3,#fff));flex-shrink:0;margin-right:var(--padding-md,16px)}.van-skeleton__avatar--round{border-radius:100%}.van-skeleton__content{flex:1}.van-skeleton__avatar+.van-skeleton__content{padding-top:var(--padding-xs,8px)}.van-skeleton__row,.van-skeleton__title{background-color:var(--skeleton-row-background-color,var(--app-B3,#fff));height:var(--skeleton-row-height,16px)}.van-skeleton__title{margin:0}.van-skeleton__row:not(:first-child){margin-top:var(--skeleton-row-margin-top,12px)}.van-skeleton__title+.van-skeleton__row{margin-top:20px}.van-skeleton--animate{animation:van-skeleton-blink 1.2s ease-in-out infinite}@keyframes van-skeleton-blink{50%{opacity:.6}}
+@import '../common/index.wxss';.smart-skeleton{box-sizing:border-box;display:flex;padding:var(--skeleton-padding,0 16px);width:100%}.smart-skeleton__avatar{background-color:var(--skeleton-avatar-background-color,var(--app-B3,#fff));flex-shrink:0;margin-right:var(--padding-md,16px)}.smart-skeleton__avatar--round{border-radius:100%}.smart-skeleton__content{flex:1}.smart-skeleton__avatar+.smart-skeleton__content{padding-top:var(--padding-xs,8px)}.smart-skeleton__row,.smart-skeleton__title{background-color:var(--skeleton-row-background-color,var(--app-B3,#fff));height:var(--skeleton-row-height,16px)}.smart-skeleton__title{margin:0}.smart-skeleton__row:not(:first-child){margin-top:var(--skeleton-row-margin-top,12px)}.smart-skeleton__title+.smart-skeleton__row{margin-top:20px}.smart-skeleton--animate{animation:smart-skeleton-blink 1.2s ease-in-out infinite}@keyframes smart-skeleton-blink{50%{opacity:.6}}

package/lib/slider/index.css

@@ -1 +1 @@
-@import '../common/index.css';.van-slider{background-color:var(--slider-inactive-background-color,#ebedf0);border-radius:999px;height:var(--slider-bar-height,2px);position:relative}.van-slider:before{bottom:calc(var(--padding-xs, 8px)*-1);content:"";left:0;position:absolute;right:0;top:calc(var(--padding-xs, 8px)*-1)}.van-slider__bar{background-color:var(--slider-active-background-color,#1989fa);border-radius:inherit;height:100%;position:relative;transition:all .2s;width:100%}.van-slider__button{background-color:var(--slider-button-background-color,#fff);border-radius:var(--slider-button-border-radius,50%);box-shadow:var(--slider-button-box-shadow,0 1px 2px rgba(0,0,0,.5));height:var(--slider-button-height,24px);width:var(--slider-button-width,24px)}.van-slider__button-wrapper,.van-slider__button-wrapper-right{position:absolute;right:0;top:50%;transform:translate3d(50%,-50%,0)}.van-slider__button-wrapper-left{left:0;position:absolute;top:50%;transform:translate3d(-50%,-50%,0)}.van-slider--disabled{opacity:var(--slider-disabled-opacity,.3)}.van-slider--vertical{display:inline-block;height:100%;width:var(--slider-bar-height,2px)}.van-slider--vertical .van-slider__button-wrapper,.van-slider--vertical .van-slider__button-wrapper-right{bottom:0;right:50%;top:auto;transform:translate3d(50%,50%,0)}.van-slider--vertical .van-slider__button-wrapper-left{left:auto;right:50%;top:0;transform:translate3d(50%,-50%,0)}.van-slider--vertical:before{bottom:0;left:-8px;right:-8px;top:0}
+@import '../common/index.css';.smart-slider{background-color:var(--slider-inactive-background-color,#ebedf0);border-radius:999px;height:var(--slider-bar-height,2px);position:relative}.smart-slider:before{bottom:calc(var(--padding-xs, 8px)*-1);content:"";left:0;position:absolute;right:0;top:calc(var(--padding-xs, 8px)*-1)}.smart-slider__bar{background-color:var(--slider-active-background-color,#1989fa);border-radius:inherit;height:100%;position:relative;transition:all .2s;width:100%}.smart-slider__button{background-color:var(--slider-button-background-color,#fff);border-radius:var(--slider-button-border-radius,50%);box-shadow:var(--slider-button-box-shadow,0 1px 2px rgba(0,0,0,.5));height:var(--slider-button-height,24px);width:var(--slider-button-width,24px)}.smart-slider__button-wrapper,.smart-slider__button-wrapper-right{position:absolute;right:0;top:50%;transform:translate3d(50%,-50%,0)}.smart-slider__button-wrapper-left{left:0;position:absolute;top:50%;transform:translate3d(-50%,-50%,0)}.smart-slider--disabled{opacity:var(--slider-disabled-opacity,.3)}.smart-slider--vertical{display:inline-block;height:100%;width:var(--slider-bar-height,2px)}.smart-slider--vertical .smart-slider__button-wrapper,.smart-slider--vertical .smart-slider__button-wrapper-right{bottom:0;right:50%;top:auto;transform:translate3d(50%,50%,0)}.smart-slider--vertical .smart-slider__button-wrapper-left{left:auto;right:50%;top:0;transform:translate3d(50%,-50%,0)}.smart-slider--vertical:before{bottom:0;left:-8px;right:-8px;top:0}

package/lib/slider/index.js

@@ -9,7 +9,7 @@ var DRAG_STATUS = {
     MOVING: 'moving',
     END: 'end',
 };
-(0, component_1.VantComponent)({
+(0, component_1.SmartComponent)({
     mixins: [touch_1.touch],
     props: {
         range: {
@@ -76,7 +76,7 @@ var DRAG_STATUS = {
             }
             this.touchMove(event);
             this.dragStatus = DRAG_STATUS.MOVING;
-            (0, utils_1.getRect)(this, '.van-slider').then(function (rect) {
+            (0, utils_1.getRect)(this, '.smart-slider').then(function (rect) {
                 var vertical = _this.data.vertical;
                 var delta = vertical ? _this.deltaY : _this.deltaX;
                 var total = vertical ? rect.height : rect.width;
@@ -108,7 +108,7 @@ var DRAG_STATUS = {
             if (this.data.disabled)
                 return;
             var min = this.data.min;
-            (0, utils_1.getRect)(this, '.van-slider').then(function (rect) {
+            (0, utils_1.getRect)(this, '.smart-slider').then(function (rect) {
                 var vertical = _this.data.vertical;
                 var touch = event.touches[0];
                 var delta = vertical

package/lib/slider/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.van-slider{background-color:var(--slider-inactive-background-color,#ebedf0);border-radius:999px;height:var(--slider-bar-height,2px);position:relative}.van-slider:before{bottom:calc(var(--padding-xs, 8px)*-1);content:"";left:0;position:absolute;right:0;top:calc(var(--padding-xs, 8px)*-1)}.van-slider__bar{background-color:var(--slider-active-background-color,#1989fa);border-radius:inherit;height:100%;position:relative;transition:all .2s;width:100%}.van-slider__button{background-color:var(--slider-button-background-color,#fff);border-radius:var(--slider-button-border-radius,50%);box-shadow:var(--slider-button-box-shadow,0 1px 2px rgba(0,0,0,.5));height:var(--slider-button-height,24px);width:var(--slider-button-width,24px)}.van-slider__button-wrapper,.van-slider__button-wrapper-right{position:absolute;right:0;top:50%;transform:translate3d(50%,-50%,0)}.van-slider__button-wrapper-left{left:0;position:absolute;top:50%;transform:translate3d(-50%,-50%,0)}.van-slider--disabled{opacity:var(--slider-disabled-opacity,.3)}.van-slider--vertical{display:inline-block;height:100%;width:var(--slider-bar-height,2px)}.van-slider--vertical .van-slider__button-wrapper,.van-slider--vertical .van-slider__button-wrapper-right{bottom:0;right:50%;top:auto;transform:translate3d(50%,50%,0)}.van-slider--vertical .van-slider__button-wrapper-left{left:auto;right:50%;top:0;transform:translate3d(50%,-50%,0)}.van-slider--vertical:before{bottom:0;left:-8px;right:-8px;top:0}
+@import '../common/index.wxss';.smart-slider{background-color:var(--slider-inactive-background-color,#ebedf0);border-radius:999px;height:var(--slider-bar-height,2px);position:relative}.smart-slider:before{bottom:calc(var(--padding-xs, 8px)*-1);content:"";left:0;position:absolute;right:0;top:calc(var(--padding-xs, 8px)*-1)}.smart-slider__bar{background-color:var(--slider-active-background-color,#1989fa);border-radius:inherit;height:100%;position:relative;transition:all .2s;width:100%}.smart-slider__button{background-color:var(--slider-button-background-color,#fff);border-radius:var(--slider-button-border-radius,50%);box-shadow:var(--slider-button-box-shadow,0 1px 2px rgba(0,0,0,.5));height:var(--slider-button-height,24px);width:var(--slider-button-width,24px)}.smart-slider__button-wrapper,.smart-slider__button-wrapper-right{position:absolute;right:0;top:50%;transform:translate3d(50%,-50%,0)}.smart-slider__button-wrapper-left{left:0;position:absolute;top:50%;transform:translate3d(-50%,-50%,0)}.smart-slider--disabled{opacity:var(--slider-disabled-opacity,.3)}.smart-slider--vertical{display:inline-block;height:100%;width:var(--slider-bar-height,2px)}.smart-slider--vertical .smart-slider__button-wrapper,.smart-slider--vertical .smart-slider__button-wrapper-right{bottom:0;right:50%;top:auto;transform:translate3d(50%,50%,0)}.smart-slider--vertical .smart-slider__button-wrapper-left{left:auto;right:50%;top:0;transform:translate3d(50%,-50%,0)}.smart-slider--vertical:before{bottom:0;left:-8px;right:-8px;top:0}

package/lib/stepper/index.css

@@ -1 +1 @@
-@import '../common/index.css';:root{--stepper-container-background-color:rgba(0,0,0,.05)}:root[theme=dark]{--stepper-container-background-color:hsla(0,0%,100%,.05)}.van-stepper{background:var(--stepper-container-background-color);border-radius:var(--stepper-background-border-radius,10px);display:inline-block;font-size:0;padding:var(--stepper-padding,2px)}.van-stepper__minus,.van-stepper__plus{background-color:var(--stepper-background-color,var(--app-B6,#fff));border:0;box-sizing:border-box;color:var(--stepper-button-icon-color,var(--app-B6-N3,rgba(0,0,0,.5)));display:inline-block;height:var(--stepper-input-height,28px);padding:var(--padding-base,4px);position:relative;vertical-align:middle;width:var(--stepper-input-height,44px)}.van-stepper__minus:before,.van-stepper__plus:before{border-radius:2px;height:2px;width:14px}.van-stepper__minus:after,.van-stepper__plus:after{border-radius:2px;height:14px;width:2px}.van-stepper__minus:empty.van-stepper__minus:after,.van-stepper__minus:empty.van-stepper__minus:before,.van-stepper__minus:empty.van-stepper__plus:after,.van-stepper__minus:empty.van-stepper__plus:before,.van-stepper__plus:empty.van-stepper__minus:after,.van-stepper__plus:empty.van-stepper__minus:before,.van-stepper__plus:empty.van-stepper__plus:after,.van-stepper__plus:empty.van-stepper__plus:before{background-color:currentColor;bottom:0;content:"";left:0;margin:auto;position:absolute;right:0;top:0}.van-stepper__minus--hover,.van-stepper__plus--hover{background-color:var(--stepper-active-color,#e8e8e8)}.van-stepper__minus--disabled,.van-stepper__plus--disabled{background-color:var(--stepper-button-disabled-color,none);color:var(--stepper-button-disabled-icon-color,var(--app-B6-N7,rgba(0,0,0,.1)))}.van-stepper__minus--disabled.van-stepper__minus--hover,.van-stepper__minus--disabled.van-stepper__plus--hover,.van-stepper__plus--disabled.van-stepper__minus--hover,.van-stepper__plus--disabled.van-stepper__plus--hover{background-color:var(--stepper-button-disabled-color,none)}.van-stepper__minus{border-radius:var(--stepper-border-radius,var(--stepper-border-radius,8px))}.van-stepper__minus:after{display:none}.van-stepper__plus{border-radius:var(--stepper-border-radius,var(--stepper-border-radius,8px))}.van-stepper--round .van-stepper__input{background-color:initial!important}.van-stepper--round .van-stepper__minus,.van-stepper--round .van-stepper__plus{border-radius:100%}.van-stepper--round .van-stepper__minus:active,.van-stepper--round .van-stepper__plus:active{opacity:.7}.van-stepper--round .van-stepper__minus--disabled,.van-stepper--round .van-stepper__minus--disabled:active,.van-stepper--round .van-stepper__plus--disabled,.van-stepper--round .van-stepper__plus--disabled:active{opacity:.3}.van-stepper--round .van-stepper__plus{background-color:#ee0a24;color:#fff}.van-stepper--round .van-stepper__minus{background-color:#fff;border:1px solid #ee0a24;color:#ee0a24}.van-stepper__input{-webkit-appearance:none;border:0;border-radius:0;border-width:1px 0;box-sizing:border-box;color:var(--stepper-input-text-color,var(--app-B6-N3,rgba(0,0,0,.5)));display:inline-block;font-size:var(--stepper-input-font-size,16px);height:var(--stepper-input-height,28px);min-height:0;padding:1px;text-align:center;vertical-align:middle;width:var(--stepper-input-width,50px)}.van-stepper__input--disabled{color:var(--stepper-input-disabled-text-color,var(--app-B6-N7,rgba(0,0,0,.1)))}
+@import '../common/index.css';:root{--stepper-container-background-color:rgba(0,0,0,.05)}:root[theme=dark]{--stepper-container-background-color:hsla(0,0%,100%,.05)}.smart-stepper{background:var(--stepper-container-background-color);border-radius:var(--stepper-background-border-radius,10px);display:inline-block;font-size:0;padding:var(--stepper-padding,2px)}.smart-stepper__minus,.smart-stepper__plus{background-color:var(--stepper-background-color,var(--app-B6,#fff));border:0;box-sizing:border-box;color:var(--stepper-button-icon-color,var(--app-B6-N3,rgba(0,0,0,.5)));display:inline-block;height:var(--stepper-input-height,28px);padding:var(--padding-base,4px);position:relative;vertical-align:middle;width:var(--stepper-input-height,44px)}.smart-stepper__minus:before,.smart-stepper__plus:before{border-radius:2px;height:2px;width:14px}.smart-stepper__minus:after,.smart-stepper__plus:after{border-radius:2px;height:14px;width:2px}.smart-stepper__minus:empty.smart-stepper__minus:after,.smart-stepper__minus:empty.smart-stepper__minus:before,.smart-stepper__minus:empty.smart-stepper__plus:after,.smart-stepper__minus:empty.smart-stepper__plus:before,.smart-stepper__plus:empty.smart-stepper__minus:after,.smart-stepper__plus:empty.smart-stepper__minus:before,.smart-stepper__plus:empty.smart-stepper__plus:after,.smart-stepper__plus:empty.smart-stepper__plus:before{background-color:currentColor;bottom:0;content:"";left:0;margin:auto;position:absolute;right:0;top:0}.smart-stepper__minus--hover,.smart-stepper__plus--hover{background-color:var(--stepper-active-color,#e8e8e8)}.smart-stepper__minus--disabled,.smart-stepper__plus--disabled{background-color:var(--stepper-button-disabled-color,none);color:var(--stepper-button-disabled-icon-color,var(--app-B6-N7,rgba(0,0,0,.1)))}.smart-stepper__minus--disabled.smart-stepper__minus--hover,.smart-stepper__minus--disabled.smart-stepper__plus--hover,.smart-stepper__plus--disabled.smart-stepper__minus--hover,.smart-stepper__plus--disabled.smart-stepper__plus--hover{background-color:var(--stepper-button-disabled-color,none)}.smart-stepper__minus{border-radius:var(--stepper-border-radius,var(--stepper-border-radius,8px))}.smart-stepper__minus:after{display:none}.smart-stepper__plus{border-radius:var(--stepper-border-radius,var(--stepper-border-radius,8px))}.smart-stepper--round .smart-stepper__input{background-color:initial!important}.smart-stepper--round .smart-stepper__minus,.smart-stepper--round .smart-stepper__plus{border-radius:100%}.smart-stepper--round .smart-stepper__minus:active,.smart-stepper--round .smart-stepper__plus:active{opacity:.7}.smart-stepper--round .smart-stepper__minus--disabled,.smart-stepper--round .smart-stepper__minus--disabled:active,.smart-stepper--round .smart-stepper__plus--disabled,.smart-stepper--round .smart-stepper__plus--disabled:active{opacity:.3}.smart-stepper--round .smart-stepper__plus{background-color:#ee0a24;color:#fff}.smart-stepper--round .smart-stepper__minus{background-color:#fff;border:1px solid #ee0a24;color:#ee0a24}.smart-stepper__input{-webkit-appearance:none;border:0;border-radius:0;border-width:1px 0;box-sizing:border-box;color:var(--stepper-input-text-color,var(--app-B6-N3,rgba(0,0,0,.5)));display:inline-block;font-size:var(--stepper-input-font-size,16px);height:var(--stepper-input-height,28px);min-height:0;padding:1px;text-align:center;vertical-align:middle;width:var(--stepper-input-width,50px)}.smart-stepper__input--disabled{color:var(--stepper-input-disabled-text-color,var(--app-B6-N7,rgba(0,0,0,.1)))}

package/lib/stepper/index.js

@@ -23,7 +23,7 @@ function add(num1, num2) {
 function equal(value1, value2) {
     return String(value1) === String(value2);
 }
-(0, component_1.VantComponent)({
+(0, component_1.SmartComponent)({
     field: true,
     classes: ['input-class', 'plus-class', 'minus-class'],
     props: {

package/lib/stepper/index.wxml

@@ -6,8 +6,8 @@
     wx:if="{{ showMinus }}"
     data-type="minus"
     style="{{ computed.buttonStyle({ buttonSize }) }}"
-    class="minus-class {{ utils.bem('stepper__minus', { disabled: disabled || disableMinus || currentValue <= +min }) }}"
-    hover-class="van-stepper__minus--hover"
+    class="minus-class {{ utils.bem('stepper__minus', { disabled: disabled || disableMinus || currentValue <= Number(min) }) }}"
+    hover-class="smart-stepper__minus--hover"
     hover-stay-time="70"
     bind:tap="onTap"
     bind:touchstart="onTouchStart"
@@ -31,8 +31,8 @@
     wx:if="{{ showPlus }}"
     data-type="plus"
     style="{{ computed.buttonStyle({ buttonSize }) }}"
-    class="plus-class {{ utils.bem('stepper__plus', { disabled: disabled || disablePlus || currentValue >= +max }) }}"
-    hover-class="van-stepper__plus--hover"
+    class="plus-class {{ utils.bem('stepper__plus', { disabled: disabled || disablePlus || currentValue >= Number(max) }) }}"
+    hover-class="smart-stepper__plus--hover"
     hover-stay-time="70"
     bind:tap="onTap"
     bind:touchstart="onTouchStart"

package/lib/stepper/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';:root{--stepper-container-background-color:rgba(0,0,0,.05)}:root[theme=dark]{--stepper-container-background-color:hsla(0,0%,100%,.05)}.van-stepper{background:var(--stepper-container-background-color);border-radius:var(--stepper-background-border-radius,10px);display:inline-block;font-size:0;padding:var(--stepper-padding,2px)}.van-stepper__minus,.van-stepper__plus{background-color:var(--stepper-background-color,var(--app-B6,#fff));border:0;box-sizing:border-box;color:var(--stepper-button-icon-color,var(--app-B6-N3,rgba(0,0,0,.5)));display:inline-block;height:var(--stepper-input-height,28px);padding:var(--padding-base,4px);position:relative;vertical-align:middle;width:var(--stepper-input-height,44px)}.van-stepper__minus:before,.van-stepper__plus:before{border-radius:2px;height:2px;width:14px}.van-stepper__minus:after,.van-stepper__plus:after{border-radius:2px;height:14px;width:2px}.van-stepper__minus:empty.van-stepper__minus:after,.van-stepper__minus:empty.van-stepper__minus:before,.van-stepper__minus:empty.van-stepper__plus:after,.van-stepper__minus:empty.van-stepper__plus:before,.van-stepper__plus:empty.van-stepper__minus:after,.van-stepper__plus:empty.van-stepper__minus:before,.van-stepper__plus:empty.van-stepper__plus:after,.van-stepper__plus:empty.van-stepper__plus:before{background-color:currentColor;bottom:0;content:"";left:0;margin:auto;position:absolute;right:0;top:0}.van-stepper__minus--hover,.van-stepper__plus--hover{background-color:var(--stepper-active-color,#e8e8e8)}.van-stepper__minus--disabled,.van-stepper__plus--disabled{background-color:var(--stepper-button-disabled-color,none);color:var(--stepper-button-disabled-icon-color,var(--app-B6-N7,rgba(0,0,0,.1)))}.van-stepper__minus--disabled.van-stepper__minus--hover,.van-stepper__minus--disabled.van-stepper__plus--hover,.van-stepper__plus--disabled.van-stepper__minus--hover,.van-stepper__plus--disabled.van-stepper__plus--hover{background-color:var(--stepper-button-disabled-color,none)}.van-stepper__minus{border-radius:var(--stepper-border-radius,var(--stepper-border-radius,8px))}.van-stepper__minus:after{display:none}.van-stepper__plus{border-radius:var(--stepper-border-radius,var(--stepper-border-radius,8px))}.van-stepper--round .van-stepper__input{background-color:initial!important}.van-stepper--round .van-stepper__minus,.van-stepper--round .van-stepper__plus{border-radius:100%}.van-stepper--round .van-stepper__minus:active,.van-stepper--round .van-stepper__plus:active{opacity:.7}.van-stepper--round .van-stepper__minus--disabled,.van-stepper--round .van-stepper__minus--disabled:active,.van-stepper--round .van-stepper__plus--disabled,.van-stepper--round .van-stepper__plus--disabled:active{opacity:.3}.van-stepper--round .van-stepper__plus{background-color:#ee0a24;color:#fff}.van-stepper--round .van-stepper__minus{background-color:#fff;border:1px solid #ee0a24;color:#ee0a24}.van-stepper__input{-webkit-appearance:none;border:0;border-radius:0;border-width:1px 0;box-sizing:border-box;color:var(--stepper-input-text-color,var(--app-B6-N3,rgba(0,0,0,.5)));display:inline-block;font-size:var(--stepper-input-font-size,16px);height:var(--stepper-input-height,28px);min-height:0;padding:1px;text-align:center;vertical-align:middle;width:var(--stepper-input-width,50px)}.van-stepper__input--disabled{color:var(--stepper-input-disabled-text-color,var(--app-B6-N7,rgba(0,0,0,.1)))}
+@import '../common/index.wxss';:root{--stepper-container-background-color:rgba(0,0,0,.05)}:root[theme=dark]{--stepper-container-background-color:hsla(0,0%,100%,.05)}.smart-stepper{background:var(--stepper-container-background-color);border-radius:var(--stepper-background-border-radius,10px);display:inline-block;font-size:0;padding:var(--stepper-padding,2px)}.smart-stepper__minus,.smart-stepper__plus{background-color:var(--stepper-background-color,var(--app-B6,#fff));border:0;box-sizing:border-box;color:var(--stepper-button-icon-color,var(--app-B6-N3,rgba(0,0,0,.5)));display:inline-block;height:var(--stepper-input-height,28px);padding:var(--padding-base,4px);position:relative;vertical-align:middle;width:var(--stepper-input-height,44px)}.smart-stepper__minus:before,.smart-stepper__plus:before{border-radius:2px;height:2px;width:14px}.smart-stepper__minus:after,.smart-stepper__plus:after{border-radius:2px;height:14px;width:2px}.smart-stepper__minus:empty.smart-stepper__minus:after,.smart-stepper__minus:empty.smart-stepper__minus:before,.smart-stepper__minus:empty.smart-stepper__plus:after,.smart-stepper__minus:empty.smart-stepper__plus:before,.smart-stepper__plus:empty.smart-stepper__minus:after,.smart-stepper__plus:empty.smart-stepper__minus:before,.smart-stepper__plus:empty.smart-stepper__plus:after,.smart-stepper__plus:empty.smart-stepper__plus:before{background-color:currentColor;bottom:0;content:"";left:0;margin:auto;position:absolute;right:0;top:0}.smart-stepper__minus--hover,.smart-stepper__plus--hover{background-color:var(--stepper-active-color,#e8e8e8)}.smart-stepper__minus--disabled,.smart-stepper__plus--disabled{background-color:var(--stepper-button-disabled-color,none);color:var(--stepper-button-disabled-icon-color,var(--app-B6-N7,rgba(0,0,0,.1)))}.smart-stepper__minus--disabled.smart-stepper__minus--hover,.smart-stepper__minus--disabled.smart-stepper__plus--hover,.smart-stepper__plus--disabled.smart-stepper__minus--hover,.smart-stepper__plus--disabled.smart-stepper__plus--hover{background-color:var(--stepper-button-disabled-color,none)}.smart-stepper__minus{border-radius:var(--stepper-border-radius,var(--stepper-border-radius,8px))}.smart-stepper__minus:after{display:none}.smart-stepper__plus{border-radius:var(--stepper-border-radius,var(--stepper-border-radius,8px))}.smart-stepper--round .smart-stepper__input{background-color:initial!important}.smart-stepper--round .smart-stepper__minus,.smart-stepper--round .smart-stepper__plus{border-radius:100%}.smart-stepper--round .smart-stepper__minus:active,.smart-stepper--round .smart-stepper__plus:active{opacity:.7}.smart-stepper--round .smart-stepper__minus--disabled,.smart-stepper--round .smart-stepper__minus--disabled:active,.smart-stepper--round .smart-stepper__plus--disabled,.smart-stepper--round .smart-stepper__plus--disabled:active{opacity:.3}.smart-stepper--round .smart-stepper__plus{background-color:#ee0a24;color:#fff}.smart-stepper--round .smart-stepper__minus{background-color:#fff;border:1px solid #ee0a24;color:#ee0a24}.smart-stepper__input{-webkit-appearance:none;border:0;border-radius:0;border-width:1px 0;box-sizing:border-box;color:var(--stepper-input-text-color,var(--app-B6-N3,rgba(0,0,0,.5)));display:inline-block;font-size:var(--stepper-input-font-size,16px);height:var(--stepper-input-height,28px);min-height:0;padding:1px;text-align:center;vertical-align:middle;width:var(--stepper-input-width,50px)}.smart-stepper__input--disabled{color:var(--stepper-input-disabled-text-color,var(--app-B6-N7,rgba(0,0,0,.1)))}

package/lib/steps/index.css

@@ -1 +1 @@
-@import '../common/index.css';.van-steps{background-color:var(--steps-background-color,var(--app-B3,#fff));overflow:hidden}.van-steps--horizontal{padding:10px}.van-steps--horizontal .van-step__wrapper{display:flex;overflow:hidden;position:relative}.van-steps--vertical{padding-left:10px}.van-steps--vertical .van-step__wrapper{padding:0 0 0 20px}.van-step{color:var(--step-text-color,#969799);flex:1;font-size:var(--step-font-size,14px);position:relative}.van-step--finish{color:var(--step-finish-text-color,#323233)}.van-step__circle{background-color:var(--step-circle-color,#969799);border-radius:50%;height:var(--step-circle-size,5px);width:var(--step-circle-size,5px)}.van-step--horizontal{padding-bottom:14px}.van-step--horizontal:first-child .van-step__title{transform:none}.van-step--horizontal:first-child .van-step__circle-container{padding:0 8px 0 0;transform:translate3d(0,50%,0)}.van-step--horizontal:last-child{position:absolute;right:0;width:auto}.van-step--horizontal:last-child .van-step__title{text-align:right;transform:none}.van-step--horizontal:last-child .van-step__circle-container{padding:0 0 0 8px;right:0;transform:translate3d(0,50%,0)}.van-step--horizontal .van-step__circle-container{background-color:var(--app-B3);bottom:6px;padding:0 var(--padding-xs,8px);position:absolute;transform:translate3d(-50%,50%,0);z-index:1}.van-step--horizontal .van-step__title{display:inline-block;font-size:var(--step-horizontal-title-font-size,12px);transform:translate3d(-50%,0,0)}.van-step--horizontal .van-step__line{background-color:var(--step-line-color,var(--app-B6-N7,rgba(0,0,0,.1)));bottom:6px;height:1px;left:0;position:absolute;right:0;transform:translate3d(0,50%,0)}.van-step--horizontal.van-step--process{color:var(--step-process-text-color,#323233)}.van-step--horizontal.van-step--process .van-step__icon{display:block;font-size:var(--step-icon-size,12px);line-height:1}.van-step--vertical{line-height:18px;padding:10px 10px 10px 0}.van-step--vertical:after{border-bottom-width:1px}.van-step--vertical:last-child:after{border-bottom-width:none}.van-step--vertical:first-child:before{content:"";height:20px;left:-15px;position:absolute;top:0;width:1px;z-index:1}.van-step--vertical .van-step__circle,.van-step--vertical .van-step__icon,.van-step--vertical .van-step__line{left:-14px;position:absolute;top:19px;transform:translate3d(-50%,-50%,0);z-index:2}.van-step--vertical .van-step__icon{background-color:var(--steps-background-color,var(--app-B3,#fff));font-size:var(--step-icon-size,12px);line-height:1}.van-step--vertical .van-step__line{background-color:var(--step-line-color,var(--app-B6-N7,rgba(0,0,0,.1)));height:100%;transform:translate3d(-50%,0,0);width:1px;z-index:1}
+@import '../common/index.css';.smart-steps{background-color:var(--steps-background-color,var(--app-B3,#fff));overflow:hidden}.smart-steps--horizontal{padding:10px}.smart-steps--horizontal .smart-step__wrapper{display:flex;overflow:hidden;position:relative}.smart-steps--vertical{padding-left:10px}.smart-steps--vertical .smart-step__wrapper{padding:0 0 0 20px}.smart-step{color:var(--step-text-color,#969799);flex:1;font-size:var(--step-font-size,14px);position:relative}.smart-step--finish{color:var(--step-finish-text-color,#323233)}.smart-step__circle{background-color:var(--step-circle-color,#969799);border-radius:50%;height:var(--step-circle-size,5px);width:var(--step-circle-size,5px)}.smart-step--horizontal{padding-bottom:14px}.smart-step--horizontal:first-child .smart-step__title{transform:none}.smart-step--horizontal:first-child .smart-step__circle-container{padding:0 8px 0 0;transform:translate3d(0,50%,0)}.smart-step--horizontal:last-child{position:absolute;right:0;width:auto}.smart-step--horizontal:last-child .smart-step__title{text-align:right;transform:none}.smart-step--horizontal:last-child .smart-step__circle-container{padding:0 0 0 8px;right:0;transform:translate3d(0,50%,0)}.smart-step--horizontal .smart-step__circle-container{background-color:var(--app-B3);bottom:6px;padding:0 var(--padding-xs,8px);position:absolute;transform:translate3d(-50%,50%,0);z-index:1}.smart-step--horizontal .smart-step__title{display:inline-block;font-size:var(--step-horizontal-title-font-size,12px);transform:translate3d(-50%,0,0)}.smart-step--horizontal .smart-step__line{background-color:var(--step-line-color,var(--app-B6-N7,rgba(0,0,0,.1)));bottom:6px;height:1px;left:0;position:absolute;right:0;transform:translate3d(0,50%,0)}.smart-step--horizontal.smart-step--process{color:var(--step-process-text-color,#323233)}.smart-step--horizontal.smart-step--process .smart-step__icon{display:block;font-size:var(--step-icon-size,12px);line-height:1}.smart-step--vertical{line-height:18px;padding:10px 10px 10px 0}.smart-step--vertical:after{border-bottom-width:1px}.smart-step--vertical:last-child:after{border-bottom-width:none}.smart-step--vertical:first-child:before{content:"";height:20px;left:-15px;position:absolute;top:0;width:1px;z-index:1}.smart-step--vertical .smart-step__circle,.smart-step--vertical .smart-step__icon,.smart-step--vertical .smart-step__line{left:-14px;position:absolute;top:19px;transform:translate3d(-50%,-50%,0);z-index:2}.smart-step--vertical .smart-step__icon{background-color:var(--steps-background-color,var(--app-B3,#fff));font-size:var(--step-icon-size,12px);line-height:1}.smart-step--vertical .smart-step__line{background-color:var(--step-line-color,var(--app-B6-N7,rgba(0,0,0,.1)));height:100%;transform:translate3d(-50%,0,0);width:1px;z-index:1}

package/lib/steps/index.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var icons_1 = require("@tuya-miniapp/icons");
 var component_1 = require("../common/component");
 var color_1 = require("../common/color");
-(0, component_1.VantComponent)({
+(0, component_1.SmartComponent)({
     classes: ['desc-class'],
     props: {
         icon: String,

package/lib/steps/index.json

@@ -1,6 +1,6 @@
 {
   "component": true,
   "usingComponents": {
-    "van-icon": "../icon/index"
+    "smart-icon": "../icon/index"
   }
 }

package/lib/steps/index.wxml

@@ -1,39 +1,39 @@
 <wxs src="../wxs/utils.wxs" module="utils" />
 
 <view class="custom-class {{ utils.bem('steps', [direction]) }}">
-  <view class="van-step__wrapper">
+  <view class="smart-step__wrapper">
     <view
       wx:for="{{ steps }}"
       wx:key="index"
       bindtap="onClick"
       data-index="{{ index }}"
-      class="{{ utils.bem('step', [direction, status(index, active)]) }} van-hairline"
+      class="{{ utils.bem('step', [direction, status(index, active)]) }} smart-hairline"
       style="{{ status(index, active) === 'inactive' ? 'color: ' + inactiveColor: '' }}"
     >
-      <view class="van-step__title" style="{{ index === active ? 'color: ' + activeColor : '' }}">
+      <view class="smart-step__title" style="{{ index === active ? 'color: ' + activeColor : '' }}">
         <view>{{ item.text }}</view>
         <view class="desc-class">{{ item.desc }}</view>
       </view>
-      <view class="van-step__circle-container">
+      <view class="smart-step__circle-container">
         <block wx:if="{{ index !== active }}">
-          <van-icon
+          <smart-icon
             wx:if="{{ item.inactiveIcon || inactiveIcon }}"
             color="{{ status(index, active) === 'inactive' ? inactiveColor: activeColor }}"
             name="{{ item.inactiveIcon || inactiveIcon }}"
-            class="van-step__icon"
+            class="smart-step__icon"
           />
           <view
             wx:else
-            class="van-step__circle"
+            class="smart-step__circle"
             style="{{ 'background-color: ' + (index < active ? activeColor : inactiveColor) }}"
           />
         </block>
 
-        <van-icon wx:else name="{{ item.activeIcon || activeIcon }}" color="{{ activeColor }}" class="van-step__icon" />
+        <smart-icon wx:else name="{{ item.activeIcon || activeIcon }}" color="{{ activeColor }}" class="smart-step__icon" />
       </view>
       <view
         wx:if="{{ index !== steps.length - 1 }}"
-        class="van-step__line" style="{{ 'background-color: ' + (index < active ? activeColor : inactiveColor) }}"
+        class="smart-step__line" style="{{ 'background-color: ' + (index < active ? activeColor : inactiveColor) }}"
       />
     </view>
   </view>

package/lib/steps/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.van-steps{background-color:var(--steps-background-color,var(--app-B3,#fff));overflow:hidden}.van-steps--horizontal{padding:10px}.van-steps--horizontal .van-step__wrapper{display:flex;overflow:hidden;position:relative}.van-steps--vertical{padding-left:10px}.van-steps--vertical .van-step__wrapper{padding:0 0 0 20px}.van-step{color:var(--step-text-color,#969799);flex:1;font-size:var(--step-font-size,14px);position:relative}.van-step--finish{color:var(--step-finish-text-color,#323233)}.van-step__circle{background-color:var(--step-circle-color,#969799);border-radius:50%;height:var(--step-circle-size,5px);width:var(--step-circle-size,5px)}.van-step--horizontal{padding-bottom:14px}.van-step--horizontal:first-child .van-step__title{transform:none}.van-step--horizontal:first-child .van-step__circle-container{padding:0 8px 0 0;transform:translate3d(0,50%,0)}.van-step--horizontal:last-child{position:absolute;right:0;width:auto}.van-step--horizontal:last-child .van-step__title{text-align:right;transform:none}.van-step--horizontal:last-child .van-step__circle-container{padding:0 0 0 8px;right:0;transform:translate3d(0,50%,0)}.van-step--horizontal .van-step__circle-container{background-color:var(--app-B3);bottom:6px;padding:0 var(--padding-xs,8px);position:absolute;transform:translate3d(-50%,50%,0);z-index:1}.van-step--horizontal .van-step__title{display:inline-block;font-size:var(--step-horizontal-title-font-size,12px);transform:translate3d(-50%,0,0)}.van-step--horizontal .van-step__line{background-color:var(--step-line-color,var(--app-B6-N7,rgba(0,0,0,.1)));bottom:6px;height:1px;left:0;position:absolute;right:0;transform:translate3d(0,50%,0)}.van-step--horizontal.van-step--process{color:var(--step-process-text-color,#323233)}.van-step--horizontal.van-step--process .van-step__icon{display:block;font-size:var(--step-icon-size,12px);line-height:1}.van-step--vertical{line-height:18px;padding:10px 10px 10px 0}.van-step--vertical:after{border-bottom-width:1px}.van-step--vertical:last-child:after{border-bottom-width:none}.van-step--vertical:first-child:before{content:"";height:20px;left:-15px;position:absolute;top:0;width:1px;z-index:1}.van-step--vertical .van-step__circle,.van-step--vertical .van-step__icon,.van-step--vertical .van-step__line{left:-14px;position:absolute;top:19px;transform:translate3d(-50%,-50%,0);z-index:2}.van-step--vertical .van-step__icon{background-color:var(--steps-background-color,var(--app-B3,#fff));font-size:var(--step-icon-size,12px);line-height:1}.van-step--vertical .van-step__line{background-color:var(--step-line-color,var(--app-B6-N7,rgba(0,0,0,.1)));height:100%;transform:translate3d(-50%,0,0);width:1px;z-index:1}
+@import '../common/index.wxss';.smart-steps{background-color:var(--steps-background-color,var(--app-B3,#fff));overflow:hidden}.smart-steps--horizontal{padding:10px}.smart-steps--horizontal .smart-step__wrapper{display:flex;overflow:hidden;position:relative}.smart-steps--vertical{padding-left:10px}.smart-steps--vertical .smart-step__wrapper{padding:0 0 0 20px}.smart-step{color:var(--step-text-color,#969799);flex:1;font-size:var(--step-font-size,14px);position:relative}.smart-step--finish{color:var(--step-finish-text-color,#323233)}.smart-step__circle{background-color:var(--step-circle-color,#969799);border-radius:50%;height:var(--step-circle-size,5px);width:var(--step-circle-size,5px)}.smart-step--horizontal{padding-bottom:14px}.smart-step--horizontal:first-child .smart-step__title{transform:none}.smart-step--horizontal:first-child .smart-step__circle-container{padding:0 8px 0 0;transform:translate3d(0,50%,0)}.smart-step--horizontal:last-child{position:absolute;right:0;width:auto}.smart-step--horizontal:last-child .smart-step__title{text-align:right;transform:none}.smart-step--horizontal:last-child .smart-step__circle-container{padding:0 0 0 8px;right:0;transform:translate3d(0,50%,0)}.smart-step--horizontal .smart-step__circle-container{background-color:var(--app-B3);bottom:6px;padding:0 var(--padding-xs,8px);position:absolute;transform:translate3d(-50%,50%,0);z-index:1}.smart-step--horizontal .smart-step__title{display:inline-block;font-size:var(--step-horizontal-title-font-size,12px);transform:translate3d(-50%,0,0)}.smart-step--horizontal .smart-step__line{background-color:var(--step-line-color,var(--app-B6-N7,rgba(0,0,0,.1)));bottom:6px;height:1px;left:0;position:absolute;right:0;transform:translate3d(0,50%,0)}.smart-step--horizontal.smart-step--process{color:var(--step-process-text-color,#323233)}.smart-step--horizontal.smart-step--process .smart-step__icon{display:block;font-size:var(--step-icon-size,12px);line-height:1}.smart-step--vertical{line-height:18px;padding:10px 10px 10px 0}.smart-step--vertical:after{border-bottom-width:1px}.smart-step--vertical:last-child:after{border-bottom-width:none}.smart-step--vertical:first-child:before{content:"";height:20px;left:-15px;position:absolute;top:0;width:1px;z-index:1}.smart-step--vertical .smart-step__circle,.smart-step--vertical .smart-step__icon,.smart-step--vertical .smart-step__line{left:-14px;position:absolute;top:19px;transform:translate3d(-50%,-50%,0);z-index:2}.smart-step--vertical .smart-step__icon{background-color:var(--steps-background-color,var(--app-B3,#fff));font-size:var(--step-icon-size,12px);line-height:1}.smart-step--vertical .smart-step__line{background-color:var(--step-line-color,var(--app-B6-N7,rgba(0,0,0,.1)));height:100%;transform:translate3d(-50%,0,0);width:1px;z-index:1}

package/lib/sticky/index.css

@@ -1 +1 @@
-@import '../common/index.css';.van-sticky{position:relative}.van-sticky-wrap--fixed{left:0;position:fixed;right:0}
+@import '../common/index.css';.smart-sticky{position:relative}.smart-sticky-wrap--fixed{left:0;position:fixed;right:0}

package/lib/sticky/index.js

@@ -4,8 +4,8 @@ var utils_1 = require("../common/utils");
 var component_1 = require("../common/component");
 var validator_1 = require("../common/validator");
 var page_scroll_1 = require("../mixins/page-scroll");
-var ROOT_ELEMENT = '.van-sticky';
-(0, component_1.VantComponent)({
+var ROOT_ELEMENT = '.smart-sticky';
+(0, component_1.SmartComponent)({
     props: {
         zIndex: {
             type: Number,

package/lib/sticky/index.wxml

@@ -1,7 +1,7 @@
 <wxs src="../wxs/utils.wxs" module="utils" />
 <wxs src="./index.wxs" module="computed" />
 
-<view class="custom-class van-sticky" style="{{ computed.containerStyle({ fixed, height, zIndex }) }}">
+<view class="custom-class smart-sticky" style="{{ computed.containerStyle({ fixed, height, zIndex }) }}">
   <view class="{{ utils.bem('sticky-wrap', { fixed }) }}" style="{{ computed.wrapStyle({ fixed, offsetTop, transform, zIndex }) }}">
     <slot />
   </view>

package/lib/sticky/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.van-sticky{position:relative}.van-sticky-wrap--fixed{left:0;position:fixed;right:0}
+@import '../common/index.wxss';.smart-sticky{position:relative}.smart-sticky-wrap--fixed{left:0;position:fixed;right:0}

package/lib/swipe-cell/index.css

@@ -1 +1 @@
-@import '../common/index.css';.van-swipe-cell{overflow:hidden;position:relative}.van-swipe-cell__left,.van-swipe-cell__right{height:100%;position:absolute;top:0}.van-swipe-cell__left{left:0;transform:translate3d(-100%,0,0)}.van-swipe-cell__right{right:0;transform:translate3d(100%,0,0)}
+@import '../common/index.css';.smart-swipe-cell{overflow:hidden;position:relative}.smart-swipe-cell__left,.smart-swipe-cell__right{height:100%;position:absolute;top:0}.smart-swipe-cell__left{left:0;transform:translate3d(-100%,0,0)}.smart-swipe-cell__right{right:0;transform:translate3d(100%,0,0)}

package/lib/swipe-cell/index.js

@@ -5,7 +5,7 @@ var touch_1 = require("../mixins/touch");
 var utils_1 = require("../common/utils");
 var THRESHOLD = 0.3;
 var ARRAY = [];
-(0, component_1.VantComponent)({
+(0, component_1.SmartComponent)({
     props: {
         disabled: Boolean,
         leftWidth: {

package/lib/swipe-cell/index.wxml

@@ -1,6 +1,6 @@
 <view catch:touchmove="{{ catchMove ? 'noop' : '' }}">
   <view
-    class="van-swipe-cell custom-class"
+    class="smart-swipe-cell custom-class"
     data-key="cell"
     catchtap="onClick"
     bind:touchstart="startDrag"
@@ -9,11 +9,11 @@
     bind:touchcancel="endDrag"
   >
     <view style="{{ wrapperStyle }}">
-      <view wx:if="{{ leftWidth }}" class="van-swipe-cell__left" data-key="left" catch:tap="onClick">
+      <view wx:if="{{ leftWidth }}" class="smart-swipe-cell__left" data-key="left" catch:tap="onClick">
         <slot name="left" />
       </view>
       <slot />
-      <view wx:if="{{ rightWidth }}" class="van-swipe-cell__right" data-key="right" catch:tap="onClick">
+      <view wx:if="{{ rightWidth }}" class="smart-swipe-cell__right" data-key="right" catch:tap="onClick">
         <slot name="right" />
       </view>
     </view>

package/lib/swipe-cell/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.van-swipe-cell{overflow:hidden;position:relative}.van-swipe-cell__left,.van-swipe-cell__right{height:100%;position:absolute;top:0}.van-swipe-cell__left{left:0;transform:translate3d(-100%,0,0)}.van-swipe-cell__right{right:0;transform:translate3d(100%,0,0)}
+@import '../common/index.wxss';.smart-swipe-cell{overflow:hidden;position:relative}.smart-swipe-cell__left,.smart-swipe-cell__right{height:100%;position:absolute;top:0}.smart-swipe-cell__left{left:0;transform:translate3d(-100%,0,0)}.smart-swipe-cell__right{right:0;transform:translate3d(100%,0,0)}

package/lib/switch/index.css

@@ -1 +1 @@
-@import '../common/index.css';.van-switch{background-color:var(--switch-background-color,var(--app-B4-N6,rgba(0,0,0,.2)));border:var(--switch-border,1px solid rgba(0,0,0,.1));border-radius:var(--switch-node-size,1em);box-sizing:initial;display:inline-block;height:var(--switch-height,1em);position:relative;transition:background-color var(--switch-transition-duration,.3s);width:var(--switch-width,2em)}.van-switch__node{background-color:var(--switch-node-background-color,#fff);border-radius:100%;box-shadow:var(--switch-node-box-shadow,0 3px 1px 0 rgba(0,0,0,.05),0 2px 2px 0 rgba(0,0,0,.1),0 3px 3px 0 rgba(0,0,0,.05));height:var(--switch-node-size,1em);left:0;position:absolute;top:0;transition:var(--switch-transition-duration,.3s) cubic-bezier(.3,1.05,.4,1.05);width:var(--switch-node-size,1em);z-index:var(--switch-node-z-index,1)}.van-switch__loading{height:50%;left:25%;position:absolute!important;top:25%;width:50%}.van-switch--on{background-color:var(--switch-on-background-color,#1989fa)}.van-switch--on .van-switch__node{transform:translateX(calc(var(--switch-width, 2em) - var(--switch-node-size, 1em)))}.van-switch--disabled{opacity:var(--switch-disabled-opacity,.4)}
+@import '../common/index.css';.smart-switch{background-color:var(--switch-background-color,var(--app-B4-N6,rgba(0,0,0,.2)));border:var(--switch-border,1px solid rgba(0,0,0,.1));border-radius:var(--switch-node-size,1em);box-sizing:initial;display:inline-block;height:var(--switch-height,1em);position:relative;transition:background-color var(--switch-transition-duration,.3s);width:var(--switch-width,2em)}.smart-switch__node{background-color:var(--switch-node-background-color,#fff);border-radius:100%;box-shadow:var(--switch-node-box-shadow,0 3px 1px 0 rgba(0,0,0,.05),0 2px 2px 0 rgba(0,0,0,.1),0 3px 3px 0 rgba(0,0,0,.05));height:var(--switch-node-size,1em);left:0;position:absolute;top:0;transition:var(--switch-transition-duration,.3s) cubic-bezier(.3,1.05,.4,1.05);width:var(--switch-node-size,1em);z-index:var(--switch-node-z-index,1)}.smart-switch__loading{height:50%;left:25%;position:absolute!important;top:25%;width:50%}.smart-switch--on{background-color:var(--switch-on-background-color,#1989fa)}.smart-switch--on .smart-switch__node{transform:translateX(calc(var(--switch-width, 2em) - var(--switch-node-size, 1em)))}.smart-switch--disabled{opacity:var(--switch-disabled-opacity,.4)}

package/lib/switch/index.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var component_1 = require("../common/component");
-(0, component_1.VantComponent)({
+(0, component_1.SmartComponent)({
     field: true,
     classes: ['node-class'],
     props: {

package/lib/switch/index.json

@@ -1,6 +1,6 @@
 {
   "component": true,
   "usingComponents": {
-    "van-loading": "../loading/index"
+    "smart-loading": "../loading/index"
   }
 }

package/lib/switch/index.wxml

@@ -6,11 +6,11 @@
   style="{{ computed.rootStyle({ size, checked, activeColor, inactiveColor, activeValue }) }}"
   bind:tap="onClick"
 >
-  <view class="van-switch__node node-class">
-    <van-loading
+  <view class="smart-switch__node node-class">
+    <smart-loading
       wx:if="{{ loading }}"
       color="{{ computed.loadingColor({ checked, activeColor, inactiveColor, activeValue }) }}"
-      custom-class="van-switch__loading"
+      custom-class="smart-switch__loading"
     />
   </view>
 </view>

package/lib/switch/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.van-switch{background-color:var(--switch-background-color,var(--app-B4-N6,rgba(0,0,0,.2)));border:var(--switch-border,1px solid rgba(0,0,0,.1));border-radius:var(--switch-node-size,1em);box-sizing:initial;display:inline-block;height:var(--switch-height,1em);position:relative;transition:background-color var(--switch-transition-duration,.3s);width:var(--switch-width,2em)}.van-switch__node{background-color:var(--switch-node-background-color,#fff);border-radius:100%;box-shadow:var(--switch-node-box-shadow,0 3px 1px 0 rgba(0,0,0,.05),0 2px 2px 0 rgba(0,0,0,.1),0 3px 3px 0 rgba(0,0,0,.05));height:var(--switch-node-size,1em);left:0;position:absolute;top:0;transition:var(--switch-transition-duration,.3s) cubic-bezier(.3,1.05,.4,1.05);width:var(--switch-node-size,1em);z-index:var(--switch-node-z-index,1)}.van-switch__loading{height:50%;left:25%;position:absolute!important;top:25%;width:50%}.van-switch--on{background-color:var(--switch-on-background-color,#1989fa)}.van-switch--on .van-switch__node{transform:translateX(calc(var(--switch-width, 2em) - var(--switch-node-size, 1em)))}.van-switch--disabled{opacity:var(--switch-disabled-opacity,.4)}
+@import '../common/index.wxss';.smart-switch{background-color:var(--switch-background-color,var(--app-B4-N6,rgba(0,0,0,.2)));border:var(--switch-border,1px solid rgba(0,0,0,.1));border-radius:var(--switch-node-size,1em);box-sizing:initial;display:inline-block;height:var(--switch-height,1em);position:relative;transition:background-color var(--switch-transition-duration,.3s);width:var(--switch-width,2em)}.smart-switch__node{background-color:var(--switch-node-background-color,#fff);border-radius:100%;box-shadow:var(--switch-node-box-shadow,0 3px 1px 0 rgba(0,0,0,.05),0 2px 2px 0 rgba(0,0,0,.1),0 3px 3px 0 rgba(0,0,0,.05));height:var(--switch-node-size,1em);left:0;position:absolute;top:0;transition:var(--switch-transition-duration,.3s) cubic-bezier(.3,1.05,.4,1.05);width:var(--switch-node-size,1em);z-index:var(--switch-node-z-index,1)}.smart-switch__loading{height:50%;left:25%;position:absolute!important;top:25%;width:50%}.smart-switch--on{background-color:var(--switch-on-background-color,#1989fa)}.smart-switch--on .smart-switch__node{transform:translateX(calc(var(--switch-width, 2em) - var(--switch-node-size, 1em)))}.smart-switch--disabled{opacity:var(--switch-disabled-opacity,.4)}