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

package/lib/cascader/index.css

@@ -1 +1 @@
-@import '../common/index.css';.van-cascader__header{align-items:center;display:flex;height:48px;justify-content:space-between;padding:0 16px}.van-cascader__title{font-size:16px;font-weight:600;line-height:20px}.van-cascader__close-icon{color:#c8c9cc;font-size:22px;height:22px}.van-cascader__tabs-wrap{height:48px!important;padding:0 8px}.van-cascader__tab{color:#323233!important;flex:none!important;font-weight:600!important;padding:0 8px!important}.van-cascader__tab--unselected{color:#969799!important;font-weight:400!important}.van-cascader__option{align-items:center;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;line-height:20px;padding:10px 16px}.van-cascader__option:active{background-color:#f2f3f5}.van-cascader__option--selected{color:#1989fa;font-weight:600}.van-cascader__option--disabled{color:#c8c9cc;cursor:not-allowed}.van-cascader__option--disabled:active{background-color:initial}.van-cascader__options{-webkit-overflow-scrolling:touch;box-sizing:border-box;height:384px;overflow-y:auto;padding-top:6px}
+@import '../common/index.css';.smart-cascader__header{align-items:center;display:flex;height:48px;justify-content:space-between;padding:0 16px}.smart-cascader__title{font-size:16px;font-weight:600;line-height:20px}.smart-cascader__close-icon{color:#c8c9cc;font-size:22px;height:22px}.smart-cascader__tabs-wrap{height:48px!important;padding:0 8px}.smart-cascader__tab{color:#323233!important;flex:none!important;font-weight:600!important;padding:0 8px!important}.smart-cascader__tab--unselected{color:#969799!important;font-weight:400!important}.smart-cascader__option{align-items:center;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;line-height:20px;padding:10px 16px}.smart-cascader__option:active{background-color:#f2f3f5}.smart-cascader__option--selected{color:#1989fa;font-weight:600}.smart-cascader__option--disabled{color:#c8c9cc;cursor:not-allowed}.smart-cascader__option--disabled:active{background-color:initial}.smart-cascader__options{-webkit-overflow-scrolling:touch;box-sizing:border-box;height:384px;overflow-y:auto;padding-top:6px}

package/lib/cascader/index.js

@@ -14,7 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var component_1 = require("../common/component");
 var Xmark_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Xmark"));
-(0, component_1.VantComponent)({
+(0, component_1.SmartComponent)({
     props: {
         title: String,
         value: {
@@ -137,6 +137,7 @@ var Xmark_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Xmark"));
                         selected: null,
                     },
                 ],
+                activeTab: 0,
             });
         },
         onClose: function () {

package/lib/cascader/index.json

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

package/lib/cascader/index.wxml

@@ -1,27 +1,27 @@
 <wxs src="./index.wxs" module="utils" />
 
-<view wx:if="{{ showHeader }}" class="van-cascader__header">
+<view wx:if="{{ showHeader }}" class="smart-cascader__header">
   <slot name="title" wx:if="{{ useTitleSlot }}"></slot>
-  <text class="van-cascader__title" wx:else>{{ title }}</text>
-  <van-icon
+  <text class="smart-cascader__title" wx:else>{{ title }}</text>
+  <smart-icon
     wx:if="{{ closeable }}"
     name="{{ closeIcon }}"
-    class="van-cascader__close-icon"
+    class="smart-cascader__close-icon"
     bind:tap="onClose"
   />
 </view>
 
-<van-tabs
+<smart-tabs
   active="{{ activeTab }}"
-  custom-class="van-cascader__tabs"
-  wrap-class="van-cascader__tabs-wrap"
-  tab-class="van-cascader__tab"
+  custom-class="smart-cascader__tabs"
+  wrap-class="smart-cascader__tabs-wrap"
+  tab-class="smart-cascader__tab"
   color="{{ activeColor }}"
   border="{{ false }}"
   swipeable="{{ swipeable }}"
   bind:click="onClickTab"
 >
-  <van-tab
+  <smart-tab
     wx:for="{{ tabs }}"
     wx:for-item="tab"
     wx:for-index="tabIndex"
@@ -33,7 +33,7 @@
     <!-- 暂不支持 -->
     <!-- <slot name="options-top"></slot> -->
 
-    <view class="van-cascader__options">
+    <view class="smart-cascader__options">
       <view
         wx:for="{{ tab.options }}"
         wx:for-item="option"
@@ -45,10 +45,10 @@
         bind:tap="onSelect"
       >
         <text>{{ option.text }}</text>
-        <van-icon wx:if="{{ utils.isSelected(tab, option) }}" name="success" size="18" />
+        <smart-icon wx:if="{{ utils.isSelected(tab, option) }}" name="success" size="18" />
       </view>
     </view>
     <!-- 暂不支持 -->
     <!-- <slot name="options-bottom"></slot> -->
-  </van-tab>
-</van-tabs>
+  </smart-tab>
+</smart-tabs>

package/lib/cascader/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.van-cascader__header{align-items:center;display:flex;height:48px;justify-content:space-between;padding:0 16px}.van-cascader__title{font-size:16px;font-weight:600;line-height:20px}.van-cascader__close-icon{color:#c8c9cc;font-size:22px;height:22px}.van-cascader__tabs-wrap{height:48px!important;padding:0 8px}.van-cascader__tab{color:#323233!important;flex:none!important;font-weight:600!important;padding:0 8px!important}.van-cascader__tab--unselected{color:#969799!important;font-weight:400!important}.van-cascader__option{align-items:center;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;line-height:20px;padding:10px 16px}.van-cascader__option:active{background-color:#f2f3f5}.van-cascader__option--selected{color:#1989fa;font-weight:600}.van-cascader__option--disabled{color:#c8c9cc;cursor:not-allowed}.van-cascader__option--disabled:active{background-color:initial}.van-cascader__options{-webkit-overflow-scrolling:touch;box-sizing:border-box;height:384px;overflow-y:auto;padding-top:6px}
+@import '../common/index.wxss';.smart-cascader__header{align-items:center;display:flex;height:48px;justify-content:space-between;padding:0 16px}.smart-cascader__title{font-size:16px;font-weight:600;line-height:20px}.smart-cascader__close-icon{color:#c8c9cc;font-size:22px;height:22px}.smart-cascader__tabs-wrap{height:48px!important;padding:0 8px}.smart-cascader__tab{color:#323233!important;flex:none!important;font-weight:600!important;padding:0 8px!important}.smart-cascader__tab--unselected{color:#969799!important;font-weight:400!important}.smart-cascader__option{align-items:center;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;line-height:20px;padding:10px 16px}.smart-cascader__option:active{background-color:#f2f3f5}.smart-cascader__option--selected{color:#1989fa;font-weight:600}.smart-cascader__option--disabled{color:#c8c9cc;cursor:not-allowed}.smart-cascader__option--disabled:active{background-color:initial}.smart-cascader__options{-webkit-overflow-scrolling:touch;box-sizing:border-box;height:384px;overflow-y:auto;padding-top:6px}

package/lib/cell/index.css

@@ -1 +1 @@
-@import '../common/index.css';.van-cell{align-items:center;background-color:var(--cell-background-color,var(--app-B6,#fff));box-sizing:border-box;color:var(--cell-text-color,var(--app-B6-N1,#000));display:flex;font-size:var(--cell-font-size,16px);line-height:var(--cell-line-height,24px);padding:var(--cell-vertical-padding,16px) var(--cell-horizontal-padding,16px);position:relative;width:100%}.van-cell:after{border-bottom:1px solid var(--app-B6-N7,rgba(0,0,0,.1));bottom:0;box-sizing:border-box;content:" ";left:16px;pointer-events:none;position:absolute;right:16px;transform:scaleY(.5);transform-origin:center}.van-cell--borderless:after{display:none}.van-cell-group{background-color:var(--cell-background-color,var(--app-B6,#fff))}.van-cell__label{color:var(--cell-label-color,var(--app-B6-N3,rgba(0,0,0,.5)));font-size:var(--cell-label-font-size,14px);line-height:var(--cell-label-line-height,18px);margin-top:var(--cell-label-margin-top,3px)}.van-cell__title{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.van-cell__value{align-items:center;color:var(--cell-value-color,var(--app-B6-N3,rgba(0,0,0,.5)));display:flex;justify-content:flex-end;overflow:hidden;text-align:right;vertical-align:middle}.van-cell__title,.van-cell__value{flex:1}.van-cell__title:empty,.van-cell__value:empty{display:none}.van-cell__left-icon-wrap,.van-cell__right-icon-wrap{align-items:center;display:flex;font-size:var(--cell-icon-size,24px);height:var(--cell-line-height,24px)}.van-cell__left-icon-wrap{margin-right:var(--padding-base,4px)}.van-cell__right-icon-wrap{color:var(--cell-right-icon-color,var(--app-B6-N6,rgba(0,0,0,.2)));margin-left:var(--padding-base,4px)}.van-cell__left-icon{vertical-align:middle}.van-cell__left-icon,.van-cell__right-icon{line-height:var(--cell-line-height,24px)}.van-cell__right-icon>view{background:var(--cell-right-icon-color,var(--app-B6-N6,rgba(0,0,0,.2)))}.van-cell--clickable.van-cell--hover{background-color:var(--cell-active-color,var(--app-B1,#f6f7fb))}.van-cell--required{overflow:visible}.van-cell--required:before{color:var(--cell-required-color,var(--app-M2,#f04c4c));content:"*";font-size:var(--cell-font-size,16px);left:var(--padding-xs,8px);position:absolute}
+@import '../common/index.css';.smart-cell{align-items:center;background-color:var(--cell-background-color,var(--app-B6,#fff));box-sizing:border-box;color:var(--cell-text-color,var(--app-B6-N1,#000));display:flex;font-size:var(--cell-font-size,16px);line-height:var(--cell-line-height,24px);padding:var(--cell-vertical-padding,16px) var(--cell-horizontal-padding,16px);position:relative;width:100%}.smart-cell:after{border-bottom:1px solid var(--app-B6-N7,rgba(0,0,0,.1));bottom:0;box-sizing:border-box;content:" ";left:16px;pointer-events:none;position:absolute;right:16px;transform:scaleY(.5);transform-origin:center}.smart-cell--borderless:after{display:none}.smart-cell-group{background-color:var(--cell-background-color,var(--app-B6,#fff))}.smart-cell__label{color:var(--cell-label-color,var(--app-B6-N3,rgba(0,0,0,.5)));font-size:var(--cell-label-font-size,14px);line-height:var(--cell-label-line-height,18px);margin-top:var(--cell-label-margin-top,3px)}.smart-cell__title{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.smart-cell__value{align-items:center;color:var(--cell-value-color,var(--app-B6-N3,rgba(0,0,0,.5)));display:flex;justify-content:flex-end;overflow:hidden;text-align:right;vertical-align:middle}.smart-cell__title,.smart-cell__value{flex:1}.smart-cell__title:empty,.smart-cell__value:empty{display:none}.smart-cell__left-icon-wrap,.smart-cell__right-icon-wrap{align-items:center;display:flex;font-size:var(--cell-icon-size,24px);height:var(--cell-line-height,24px)}.smart-cell__left-icon-wrap{margin-right:var(--padding-base,4px)}.smart-cell__right-icon-wrap{color:var(--cell-right-icon-color,var(--app-B6-N6,rgba(0,0,0,.2)));margin-left:var(--padding-base,4px)}.smart-cell__left-icon{vertical-align:middle}.smart-cell__left-icon,.smart-cell__right-icon{line-height:var(--cell-line-height,24px)}.smart-cell__right-icon>view{background:var(--cell-right-icon-color,var(--app-B6-N6,rgba(0,0,0,.2)))}.smart-cell--clickable.smart-cell--hover{background-color:var(--cell-active-color,var(--app-B1,#f6f7fb))}.smart-cell--required{overflow:visible}.smart-cell--required:before{color:var(--cell-required-color,var(--app-M2,#f04c4c));content:"*";font-size:var(--cell-font-size,16px);left:var(--padding-xs,8px);position:absolute}

package/lib/cell/index.js

@@ -9,7 +9,7 @@ var Left_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Left"));
 var Right_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Right"));
 var link_1 = require("../mixins/link");
 var component_1 = require("../common/component");
-(0, component_1.VantComponent)({
+(0, component_1.SmartComponent)({
     classes: [
         'title-class',
         'label-class',

package/lib/cell/index.json

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

package/lib/cell/index.wxml

@@ -3,43 +3,43 @@
 
 <view
   class="custom-class {{ utils.bem('cell', [{ required, borderless: !border, clickable: isLink || clickable }]) }}"
-  hover-class="van-cell--hover hover-class"
+  hover-class="smart-cell--hover hover-class"
   hover-stay-time="70"
   style="{{ customStyle }}"
   bind:tap="onClick"
 >
-  <van-icon
+  <smart-icon
     wx:if="{{ icon }}"
     name="{{ icon }}"
-    class="van-cell__left-icon-wrap"
-    custom-class="van-cell__left-icon"
+    class="smart-cell__left-icon-wrap"
+    custom-class="smart-cell__left-icon"
   />
   <slot wx:else name="icon" />
 
   <view
     style="{{ computed.titleStyle({ titleWidth, titleStyle }) }}"
-    class="van-cell__title title-class"
+    class="smart-cell__title title-class"
   >
 
     <block wx:if="{{ title }}">{{ title }}</block>
     <slot wx:else name="title" />
 
-    <view wx:if="{{ label || useLabelSlot }}" class="van-cell__label label-class">
+    <view wx:if="{{ label || useLabelSlot }}" class="smart-cell__label label-class">
       <slot wx:if="{{ useLabelSlot }}" name="label" />
       <block wx:elif="{{ label }}">{{ label }}</block>
     </view>
   </view>
 
-  <view class="van-cell__value value-class">
+  <view class="smart-cell__value value-class">
     <block wx:if="{{ value || value === 0 }}">{{ value }}</block>
     <slot wx:else />
   </view>
 
-  <van-icon
+  <smart-icon
     wx:if="{{ isLink }}"
     name="{{ arrowDirection ? arrowIcons[arrowDirection] : arrowIcons.right }}"
-    class="van-cell__right-icon-wrap right-icon-class"
-    custom-class="van-cell__right-icon"
+    class="smart-cell__right-icon-wrap right-icon-class"
+    custom-class="smart-cell__right-icon"
   />
   <slot wx:else name="right-icon" />
 

package/lib/cell/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.van-cell{align-items:center;background-color:var(--cell-background-color,var(--app-B6,#fff));box-sizing:border-box;color:var(--cell-text-color,var(--app-B6-N1,#000));display:flex;font-size:var(--cell-font-size,16px);line-height:var(--cell-line-height,24px);padding:var(--cell-vertical-padding,16px) var(--cell-horizontal-padding,16px);position:relative;width:100%}.van-cell:after{border-bottom:1px solid var(--app-B6-N7,rgba(0,0,0,.1));bottom:0;box-sizing:border-box;content:" ";left:16px;pointer-events:none;position:absolute;right:16px;transform:scaleY(.5);transform-origin:center}.van-cell--borderless:after{display:none}.van-cell-group{background-color:var(--cell-background-color,var(--app-B6,#fff))}.van-cell__label{color:var(--cell-label-color,var(--app-B6-N3,rgba(0,0,0,.5)));font-size:var(--cell-label-font-size,14px);line-height:var(--cell-label-line-height,18px);margin-top:var(--cell-label-margin-top,3px)}.van-cell__title{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.van-cell__value{align-items:center;color:var(--cell-value-color,var(--app-B6-N3,rgba(0,0,0,.5)));display:flex;justify-content:flex-end;overflow:hidden;text-align:right;vertical-align:middle}.van-cell__title,.van-cell__value{flex:1}.van-cell__title:empty,.van-cell__value:empty{display:none}.van-cell__left-icon-wrap,.van-cell__right-icon-wrap{align-items:center;display:flex;font-size:var(--cell-icon-size,24px);height:var(--cell-line-height,24px)}.van-cell__left-icon-wrap{margin-right:var(--padding-base,4px)}.van-cell__right-icon-wrap{color:var(--cell-right-icon-color,var(--app-B6-N6,rgba(0,0,0,.2)));margin-left:var(--padding-base,4px)}.van-cell__left-icon{vertical-align:middle}.van-cell__left-icon,.van-cell__right-icon{line-height:var(--cell-line-height,24px)}.van-cell__right-icon>view{background:var(--cell-right-icon-color,var(--app-B6-N6,rgba(0,0,0,.2)))}.van-cell--clickable.van-cell--hover{background-color:var(--cell-active-color,var(--app-B1,#f6f7fb))}.van-cell--required{overflow:visible}.van-cell--required:before{color:var(--cell-required-color,var(--app-M2,#f04c4c));content:"*";font-size:var(--cell-font-size,16px);left:var(--padding-xs,8px);position:absolute}
+@import '../common/index.wxss';.smart-cell{align-items:center;background-color:var(--cell-background-color,var(--app-B6,#fff));box-sizing:border-box;color:var(--cell-text-color,var(--app-B6-N1,#000));display:flex;font-size:var(--cell-font-size,16px);line-height:var(--cell-line-height,24px);padding:var(--cell-vertical-padding,16px) var(--cell-horizontal-padding,16px);position:relative;width:100%}.smart-cell:after{border-bottom:1px solid var(--app-B6-N7,rgba(0,0,0,.1));bottom:0;box-sizing:border-box;content:" ";left:16px;pointer-events:none;position:absolute;right:16px;transform:scaleY(.5);transform-origin:center}.smart-cell--borderless:after{display:none}.smart-cell-group{background-color:var(--cell-background-color,var(--app-B6,#fff))}.smart-cell__label{color:var(--cell-label-color,var(--app-B6-N3,rgba(0,0,0,.5)));font-size:var(--cell-label-font-size,14px);line-height:var(--cell-label-line-height,18px);margin-top:var(--cell-label-margin-top,3px)}.smart-cell__title{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.smart-cell__value{align-items:center;color:var(--cell-value-color,var(--app-B6-N3,rgba(0,0,0,.5)));display:flex;justify-content:flex-end;overflow:hidden;text-align:right;vertical-align:middle}.smart-cell__title,.smart-cell__value{flex:1}.smart-cell__title:empty,.smart-cell__value:empty{display:none}.smart-cell__left-icon-wrap,.smart-cell__right-icon-wrap{align-items:center;display:flex;font-size:var(--cell-icon-size,24px);height:var(--cell-line-height,24px)}.smart-cell__left-icon-wrap{margin-right:var(--padding-base,4px)}.smart-cell__right-icon-wrap{color:var(--cell-right-icon-color,var(--app-B6-N6,rgba(0,0,0,.2)));margin-left:var(--padding-base,4px)}.smart-cell__left-icon{vertical-align:middle}.smart-cell__left-icon,.smart-cell__right-icon{line-height:var(--cell-line-height,24px)}.smart-cell__right-icon>view{background:var(--cell-right-icon-color,var(--app-B6-N6,rgba(0,0,0,.2)))}.smart-cell--clickable.smart-cell--hover{background-color:var(--cell-active-color,var(--app-B1,#f6f7fb))}.smart-cell--required{overflow:visible}.smart-cell--required:before{color:var(--cell-required-color,var(--app-M2,#f04c4c));content:"*";font-size:var(--cell-font-size,16px);left:var(--padding-xs,8px);position:absolute}

package/lib/cell-group/index.css

@@ -1 +1 @@
-@import '../common/index.css';.van-cell-group--inset{border-radius:var(--cell-group-inset-border-radius,16px);margin:var(--cell-group-inset-padding,0 16px);overflow:hidden}.van-cell-group__title{color:var(--cell-group-title-color,var(--app-B6-N3,rgba(0,0,0,.5)));font-size:var(--cell-group-title-font-size,16px);line-height:var(--cell-group-title-line-height,16px);padding:var(--cell-group-title-padding,16px 16px 8px)}.van-cell-group__title--inset{padding:var(--cell-group-inset-title-padding,16px 16px 8px 32px)}
+@import '../common/index.css';.smart-cell-group--inset{border-radius:var(--cell-group-inset-border-radius,16px);margin:var(--cell-group-inset-padding,0 16px);overflow:hidden}.smart-cell-group__title{color:var(--cell-group-title-color,var(--app-B6-N3,rgba(0,0,0,.5)));font-size:var(--cell-group-title-font-size,16px);line-height:var(--cell-group-title-line-height,16px);padding:var(--cell-group-title-padding,16px 16px 8px)}.smart-cell-group__title--inset{padding:var(--cell-group-inset-title-padding,16px 16px 8px 32px)}

package/lib/cell-group/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)({
     props: {
         title: String,
         border: {

package/lib/cell-group/index.wxml

@@ -6,6 +6,6 @@
 >
   {{ title }}
 </view>
-<view class="custom-class {{ utils.bem('cell-group', { inset }) }} {{ border ? 'van-hairline--top-bottom' : '' }}">
+<view class="custom-class {{ utils.bem('cell-group', { inset }) }} {{ border ? 'smart-hairline--top-bottom' : '' }}">
   <slot />
 </view>

package/lib/cell-group/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.van-cell-group--inset{border-radius:var(--cell-group-inset-border-radius,16px);margin:var(--cell-group-inset-padding,0 16px);overflow:hidden}.van-cell-group__title{color:var(--cell-group-title-color,var(--app-B6-N3,rgba(0,0,0,.5)));font-size:var(--cell-group-title-font-size,16px);line-height:var(--cell-group-title-line-height,16px);padding:var(--cell-group-title-padding,16px 16px 8px)}.van-cell-group__title--inset{padding:var(--cell-group-inset-title-padding,16px 16px 8px 32px)}
+@import '../common/index.wxss';.smart-cell-group--inset{border-radius:var(--cell-group-inset-border-radius,16px);margin:var(--cell-group-inset-padding,0 16px);overflow:hidden}.smart-cell-group__title{color:var(--cell-group-title-color,var(--app-B6-N3,rgba(0,0,0,.5)));font-size:var(--cell-group-title-font-size,16px);line-height:var(--cell-group-title-line-height,16px);padding:var(--cell-group-title-padding,16px 16px 8px)}.smart-cell-group__title--inset{padding:var(--cell-group-inset-title-padding,16px 16px 8px 32px)}

package/lib/checkbox/index.css

@@ -1 +1 @@
-@import '../common/index.css';.van-checkbox{align-items:center;display:flex;overflow:hidden;-webkit-user-select:none;user-select:none}.van-checkbox--horizontal{margin-right:12px}.van-checkbox__icon-wrap,.van-checkbox__label{line-height:var(--checkbox-size,20px)}.van-checkbox__icon-wrap{flex:none}.van-checkbox__icon{align-items:center;border:1px solid var(--checkbox-border-color,#c8c9cc);box-sizing:border-box;color:transparent;display:flex;font-size:var(--checkbox-size,20px);height:1em;justify-content:center;text-align:center;transition-duration:var(--checkbox-transition-duration,.2s);transition-property:color,border-color,background-color;width:1em}.van-checkbox__icon--round{border-radius:100%}.van-checkbox__icon--checked{background-color:var(--checkbox-checked-icon-color,#1989fa);border-color:var(--checkbox-checked-icon-color,#1989fa);color:#fff}.van-checkbox__icon--disabled{background-color:var(--checkbox-disabled-background-color,var(--app-B6-N7,rgba(0,0,0,.1)));border-color:var(--checkbox-disabled-icon-color,var(--app-B6-N7,rgba(0,0,0,.1)))}.van-checkbox__icon--disabled.van-checkbox__icon--checked{color:var(--checkbox-disabled-icon-color,var(--app-B6-N7,rgba(0,0,0,.1)))}.van-checkbox__label{word-wrap:break-word;color:var(--checkbox-label-color,var(--app-B6-N3,rgba(0,0,0,.5)));padding-left:var(--checkbox-label-margin,10px)}.van-checkbox__label--left{float:left;margin:0 var(--checkbox-label-margin,10px) 0 0}.van-checkbox__label--disabled{color:var(--checkbox-disabled-label-color,var(--app-B6-N7,rgba(0,0,0,.1)))}.van-checkbox__label:empty{margin:0}
+@import '../common/index.css';.smart-checkbox{align-items:center;display:flex;overflow:hidden;-webkit-user-select:none;user-select:none}.smart-checkbox--horizontal{margin-right:12px}.smart-checkbox__icon-wrap,.smart-checkbox__label{line-height:var(--checkbox-size,20px)}.smart-checkbox__icon-wrap{flex:none}.smart-checkbox__icon{align-items:center;border:1px solid var(--checkbox-border-color,#c8c9cc);box-sizing:border-box;color:transparent;display:flex;font-size:var(--checkbox-size,20px);height:1em;justify-content:center;text-align:center;transition-duration:var(--checkbox-transition-duration,.2s);transition-property:color,border-color,background-color;width:1em}.smart-checkbox__icon--round{border-radius:100%}.smart-checkbox__icon--checked{background-color:var(--checkbox-checked-icon-color,#1989fa);border-color:var(--checkbox-checked-icon-color,#1989fa);color:#fff}.smart-checkbox__icon--disabled{background-color:var(--checkbox-disabled-background-color,var(--app-B6-N7,rgba(0,0,0,.1)));border-color:var(--checkbox-disabled-icon-color,var(--app-B6-N7,rgba(0,0,0,.1)))}.smart-checkbox__icon--disabled.smart-checkbox__icon--checked{color:var(--checkbox-disabled-icon-color,var(--app-B6-N7,rgba(0,0,0,.1)))}.smart-checkbox__label{word-wrap:break-word;color:var(--checkbox-label-color,var(--app-B6-N3,rgba(0,0,0,.5)));padding-left:var(--checkbox-label-margin,10px)}.smart-checkbox__label--left{float:left;margin:0 var(--checkbox-label-margin,10px) 0 0}.smart-checkbox__label--disabled{color:var(--checkbox-disabled-label-color,var(--app-B6-N7,rgba(0,0,0,.1)))}.smart-checkbox__label:empty{margin:0}

package/lib/checkbox/index.js

@@ -10,7 +10,7 @@ function emit(target, value) {
     target.$emit('input', value);
     target.$emit('change', value);
 }
-(0, component_1.VantComponent)({
+(0, component_1.SmartComponent)({
     field: true,
     relation: (0, relation_1.useParent)('checkbox-group'),
     classes: ['icon-class', 'label-class'],

package/lib/checkbox/index.json

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

package/lib/checkbox/index.wxml

@@ -9,9 +9,9 @@
   >
     <slot />
   </view>
-  <view class="van-checkbox__icon-wrap" bindtap="toggle">
+  <view class="smart-checkbox__icon-wrap" bindtap="toggle">
     <slot wx:if="{{ useIconSlot }}" name="icon" />
-    <van-icon
+    <smart-icon
       wx:else
       name="{{icon}}"
       size="0.8em"

package/lib/checkbox/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.van-checkbox{align-items:center;display:flex;overflow:hidden;-webkit-user-select:none;user-select:none}.van-checkbox--horizontal{margin-right:12px}.van-checkbox__icon-wrap,.van-checkbox__label{line-height:var(--checkbox-size,20px)}.van-checkbox__icon-wrap{flex:none}.van-checkbox__icon{align-items:center;border:1px solid var(--checkbox-border-color,#c8c9cc);box-sizing:border-box;color:transparent;display:flex;font-size:var(--checkbox-size,20px);height:1em;justify-content:center;text-align:center;transition-duration:var(--checkbox-transition-duration,.2s);transition-property:color,border-color,background-color;width:1em}.van-checkbox__icon--round{border-radius:100%}.van-checkbox__icon--checked{background-color:var(--checkbox-checked-icon-color,#1989fa);border-color:var(--checkbox-checked-icon-color,#1989fa);color:#fff}.van-checkbox__icon--disabled{background-color:var(--checkbox-disabled-background-color,var(--app-B6-N7,rgba(0,0,0,.1)));border-color:var(--checkbox-disabled-icon-color,var(--app-B6-N7,rgba(0,0,0,.1)))}.van-checkbox__icon--disabled.van-checkbox__icon--checked{color:var(--checkbox-disabled-icon-color,var(--app-B6-N7,rgba(0,0,0,.1)))}.van-checkbox__label{word-wrap:break-word;color:var(--checkbox-label-color,var(--app-B6-N3,rgba(0,0,0,.5)));padding-left:var(--checkbox-label-margin,10px)}.van-checkbox__label--left{float:left;margin:0 var(--checkbox-label-margin,10px) 0 0}.van-checkbox__label--disabled{color:var(--checkbox-disabled-label-color,var(--app-B6-N7,rgba(0,0,0,.1)))}.van-checkbox__label:empty{margin:0}
+@import '../common/index.wxss';.smart-checkbox{align-items:center;display:flex;overflow:hidden;-webkit-user-select:none;user-select:none}.smart-checkbox--horizontal{margin-right:12px}.smart-checkbox__icon-wrap,.smart-checkbox__label{line-height:var(--checkbox-size,20px)}.smart-checkbox__icon-wrap{flex:none}.smart-checkbox__icon{align-items:center;border:1px solid var(--checkbox-border-color,#c8c9cc);box-sizing:border-box;color:transparent;display:flex;font-size:var(--checkbox-size,20px);height:1em;justify-content:center;text-align:center;transition-duration:var(--checkbox-transition-duration,.2s);transition-property:color,border-color,background-color;width:1em}.smart-checkbox__icon--round{border-radius:100%}.smart-checkbox__icon--checked{background-color:var(--checkbox-checked-icon-color,#1989fa);border-color:var(--checkbox-checked-icon-color,#1989fa);color:#fff}.smart-checkbox__icon--disabled{background-color:var(--checkbox-disabled-background-color,var(--app-B6-N7,rgba(0,0,0,.1)));border-color:var(--checkbox-disabled-icon-color,var(--app-B6-N7,rgba(0,0,0,.1)))}.smart-checkbox__icon--disabled.smart-checkbox__icon--checked{color:var(--checkbox-disabled-icon-color,var(--app-B6-N7,rgba(0,0,0,.1)))}.smart-checkbox__label{word-wrap:break-word;color:var(--checkbox-label-color,var(--app-B6-N3,rgba(0,0,0,.5)));padding-left:var(--checkbox-label-margin,10px)}.smart-checkbox__label--left{float:left;margin:0 var(--checkbox-label-margin,10px) 0 0}.smart-checkbox__label--disabled{color:var(--checkbox-disabled-label-color,var(--app-B6-N7,rgba(0,0,0,.1)))}.smart-checkbox__label:empty{margin:0}

package/lib/checkbox-group/index.css

@@ -1 +1 @@
-@import '../common/index.css';.van-checkbox-group--horizontal{display:flex;flex-wrap:wrap}
+@import '../common/index.css';.smart-checkbox-group--horizontal{display:flex;flex-wrap:wrap}

package/lib/checkbox-group/index.js

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

package/lib/checkbox-group/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.van-checkbox-group--horizontal{display:flex;flex-wrap:wrap}
+@import '../common/index.wxss';.smart-checkbox-group--horizontal{display:flex;flex-wrap:wrap}

package/lib/circle/index.css

@@ -1 +1 @@
-@import '../common/index.css';.van-progress-circle{align-items:center;border-radius:50%;box-sizing:border-box;display:flex;height:100px;justify-content:center;overflow:hidden;position:relative;width:100px}.van-progress-circle-box{height:100%;overflow:hidden;position:absolute;top:0;width:50%}.van-progress-circle-box-left{left:0}.van-progress-circle-box-right{right:0}.van-progress-circle-bar{height:100%;width:100%}.van-progress-circle-bar-left{transform-origin:right}.van-progress-circle-bar-right{transform-origin:left}.van-progress-circle-content{align-items:center;background:var(--app-B1,#f6f7fb);border-radius:50%;display:flex;height:100%;justify-content:center;position:relative;width:100%}
+@import '../common/index.css';.smart-progress-circle{align-items:center;border-radius:50%;box-sizing:border-box;display:flex;height:100px;justify-content:center;overflow:hidden;position:relative;width:100px}.smart-progress-circle-box{height:100%;overflow:hidden;position:absolute;top:0;width:50%}.smart-progress-circle-box-left{left:0}.smart-progress-circle-box-right{right:0}.smart-progress-circle-bar{height:100%;width:100%}.smart-progress-circle-bar-left{transform-origin:right}.smart-progress-circle-bar-right{transform-origin:left}.smart-progress-circle-content{align-items:center;background:var(--app-B1,#f6f7fb);border-radius:50%;display:flex;height:100%;justify-content:center;position:relative;width:100%}

package/lib/circle/index.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var component_1 = require("../common/component");
 // @ts-ignore
-(0, component_1.VantComponent)({
+(0, component_1.SmartComponent)({
     props: {
         className: String,
         style: String,

package/lib/circle/index.wxml

@@ -1,13 +1,13 @@
-<view class="van-progress-circle" style="width:{{size}}px;height:{{size}}px;padding:{{trackWidth}}px;background:{{fillColor}};{{style}}">
-  <view class="van-progress-circle-box van-progress-circle-box-left">
-    <view class="van-progress-circle-bar van-progress-circle-bar-left" style="transform:{{transformLeft}};background:{{trackColor}};">
+<view class="smart-progress-circle" style="width:{{size}}px;height:{{size}}px;padding:{{trackWidth}}px;background:{{fillColor}};{{style}}">
+  <view class="smart-progress-circle-box smart-progress-circle-box-left">
+    <view class="smart-progress-circle-bar smart-progress-circle-bar-left" style="transform:{{transformLeft}};background:{{trackColor}};">
     </view>
   </view>
-  <view class="van-progress-circle-box van-progress-circle-box-right">
-    <view class="van-progress-circle-bar van-progress-circle-bar-right" style="transform:{{transformRight}};background:{{trackColor}};">
+  <view class="smart-progress-circle-box smart-progress-circle-box-right">
+    <view class="smart-progress-circle-bar smart-progress-circle-bar-right" style="transform:{{transformRight}};background:{{trackColor}};">
     </view>
   </view>
-  <view class="van-progress-circle-content" style="background:{{maskColor}};">
+  <view class="smart-progress-circle-content" style="background:{{maskColor}};">
     <slot></slot>
   </view>
 </view>

package/lib/circle/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.van-progress-circle{align-items:center;border-radius:50%;box-sizing:border-box;display:flex;height:100px;justify-content:center;overflow:hidden;position:relative;width:100px}.van-progress-circle-box{height:100%;overflow:hidden;position:absolute;top:0;width:50%}.van-progress-circle-box-left{left:0}.van-progress-circle-box-right{right:0}.van-progress-circle-bar{height:100%;width:100%}.van-progress-circle-bar-left{transform-origin:right}.van-progress-circle-bar-right{transform-origin:left}.van-progress-circle-content{align-items:center;background:var(--app-B1,#f6f7fb);border-radius:50%;display:flex;height:100%;justify-content:center;position:relative;width:100%}
+@import '../common/index.wxss';.smart-progress-circle{align-items:center;border-radius:50%;box-sizing:border-box;display:flex;height:100px;justify-content:center;overflow:hidden;position:relative;width:100px}.smart-progress-circle-box{height:100%;overflow:hidden;position:absolute;top:0;width:50%}.smart-progress-circle-box-left{left:0}.smart-progress-circle-box-right{right:0}.smart-progress-circle-bar{height:100%;width:100%}.smart-progress-circle-bar-left{transform-origin:right}.smart-progress-circle-bar-right{transform-origin:left}.smart-progress-circle-content{align-items:center;background:var(--app-B1,#f6f7fb);border-radius:50%;display:flex;height:100%;justify-content:center;position:relative;width:100%}

package/lib/col/index.css

@@ -1 +1 @@
-@import '../common/index.css';.van-col{box-sizing:border-box;float:left}.van-col--1{width:4.16666667%}.van-col--offset-1{margin-left:4.16666667%}.van-col--2{width:8.33333333%}.van-col--offset-2{margin-left:8.33333333%}.van-col--3{width:12.5%}.van-col--offset-3{margin-left:12.5%}.van-col--4{width:16.66666667%}.van-col--offset-4{margin-left:16.66666667%}.van-col--5{width:20.83333333%}.van-col--offset-5{margin-left:20.83333333%}.van-col--6{width:25%}.van-col--offset-6{margin-left:25%}.van-col--7{width:29.16666667%}.van-col--offset-7{margin-left:29.16666667%}.van-col--8{width:33.33333333%}.van-col--offset-8{margin-left:33.33333333%}.van-col--9{width:37.5%}.van-col--offset-9{margin-left:37.5%}.van-col--10{width:41.66666667%}.van-col--offset-10{margin-left:41.66666667%}.van-col--11{width:45.83333333%}.van-col--offset-11{margin-left:45.83333333%}.van-col--12{width:50%}.van-col--offset-12{margin-left:50%}.van-col--13{width:54.16666667%}.van-col--offset-13{margin-left:54.16666667%}.van-col--14{width:58.33333333%}.van-col--offset-14{margin-left:58.33333333%}.van-col--15{width:62.5%}.van-col--offset-15{margin-left:62.5%}.van-col--16{width:66.66666667%}.van-col--offset-16{margin-left:66.66666667%}.van-col--17{width:70.83333333%}.van-col--offset-17{margin-left:70.83333333%}.van-col--18{width:75%}.van-col--offset-18{margin-left:75%}.van-col--19{width:79.16666667%}.van-col--offset-19{margin-left:79.16666667%}.van-col--20{width:83.33333333%}.van-col--offset-20{margin-left:83.33333333%}.van-col--21{width:87.5%}.van-col--offset-21{margin-left:87.5%}.van-col--22{width:91.66666667%}.van-col--offset-22{margin-left:91.66666667%}.van-col--23{width:95.83333333%}.van-col--offset-23{margin-left:95.83333333%}.van-col--24{width:100%}.van-col--offset-24{margin-left:100%}
+@import '../common/index.css';.smart-col{box-sizing:border-box;float:left}.smart-col--1{width:4.16666667%}.smart-col--offset-1{margin-left:4.16666667%}.smart-col--2{width:8.33333333%}.smart-col--offset-2{margin-left:8.33333333%}.smart-col--3{width:12.5%}.smart-col--offset-3{margin-left:12.5%}.smart-col--4{width:16.66666667%}.smart-col--offset-4{margin-left:16.66666667%}.smart-col--5{width:20.83333333%}.smart-col--offset-5{margin-left:20.83333333%}.smart-col--6{width:25%}.smart-col--offset-6{margin-left:25%}.smart-col--7{width:29.16666667%}.smart-col--offset-7{margin-left:29.16666667%}.smart-col--8{width:33.33333333%}.smart-col--offset-8{margin-left:33.33333333%}.smart-col--9{width:37.5%}.smart-col--offset-9{margin-left:37.5%}.smart-col--10{width:41.66666667%}.smart-col--offset-10{margin-left:41.66666667%}.smart-col--11{width:45.83333333%}.smart-col--offset-11{margin-left:45.83333333%}.smart-col--12{width:50%}.smart-col--offset-12{margin-left:50%}.smart-col--13{width:54.16666667%}.smart-col--offset-13{margin-left:54.16666667%}.smart-col--14{width:58.33333333%}.smart-col--offset-14{margin-left:58.33333333%}.smart-col--15{width:62.5%}.smart-col--offset-15{margin-left:62.5%}.smart-col--16{width:66.66666667%}.smart-col--offset-16{margin-left:66.66666667%}.smart-col--17{width:70.83333333%}.smart-col--offset-17{margin-left:70.83333333%}.smart-col--18{width:75%}.smart-col--offset-18{margin-left:75%}.smart-col--19{width:79.16666667%}.smart-col--offset-19{margin-left:79.16666667%}.smart-col--20{width:83.33333333%}.smart-col--offset-20{margin-left:83.33333333%}.smart-col--21{width:87.5%}.smart-col--offset-21{margin-left:87.5%}.smart-col--22{width:91.66666667%}.smart-col--offset-22{margin-left:91.66666667%}.smart-col--23{width:95.83333333%}.smart-col--offset-23{margin-left:95.83333333%}.smart-col--24{width:100%}.smart-col--offset-24{margin-left:100%}

package/lib/col/index.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var relation_1 = require("../common/relation");
 var component_1 = require("../common/component");
-(0, component_1.VantComponent)({
+(0, component_1.SmartComponent)({
     relation: (0, relation_1.useParent)('row'),
     props: {
         span: Number,

package/lib/col/index.wxml

@@ -2,7 +2,7 @@
 <wxs src="./index.wxs" module="computed" />
 
 <view
-  class="custom-class {{ utils.bem('col', [span]) }} {{ offset ? 'van-col--offset-' + offset : '' }}"
+  class="custom-class {{ utils.bem('col', [span]) }} {{ offset ? 'smart-col--offset-' + offset : '' }}"
   style="{{ computed.rootStyle({ gutter }) }}"
 >
   <slot />

package/lib/col/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.van-col{box-sizing:border-box;float:left}.van-col--1{width:4.16666667%}.van-col--offset-1{margin-left:4.16666667%}.van-col--2{width:8.33333333%}.van-col--offset-2{margin-left:8.33333333%}.van-col--3{width:12.5%}.van-col--offset-3{margin-left:12.5%}.van-col--4{width:16.66666667%}.van-col--offset-4{margin-left:16.66666667%}.van-col--5{width:20.83333333%}.van-col--offset-5{margin-left:20.83333333%}.van-col--6{width:25%}.van-col--offset-6{margin-left:25%}.van-col--7{width:29.16666667%}.van-col--offset-7{margin-left:29.16666667%}.van-col--8{width:33.33333333%}.van-col--offset-8{margin-left:33.33333333%}.van-col--9{width:37.5%}.van-col--offset-9{margin-left:37.5%}.van-col--10{width:41.66666667%}.van-col--offset-10{margin-left:41.66666667%}.van-col--11{width:45.83333333%}.van-col--offset-11{margin-left:45.83333333%}.van-col--12{width:50%}.van-col--offset-12{margin-left:50%}.van-col--13{width:54.16666667%}.van-col--offset-13{margin-left:54.16666667%}.van-col--14{width:58.33333333%}.van-col--offset-14{margin-left:58.33333333%}.van-col--15{width:62.5%}.van-col--offset-15{margin-left:62.5%}.van-col--16{width:66.66666667%}.van-col--offset-16{margin-left:66.66666667%}.van-col--17{width:70.83333333%}.van-col--offset-17{margin-left:70.83333333%}.van-col--18{width:75%}.van-col--offset-18{margin-left:75%}.van-col--19{width:79.16666667%}.van-col--offset-19{margin-left:79.16666667%}.van-col--20{width:83.33333333%}.van-col--offset-20{margin-left:83.33333333%}.van-col--21{width:87.5%}.van-col--offset-21{margin-left:87.5%}.van-col--22{width:91.66666667%}.van-col--offset-22{margin-left:91.66666667%}.van-col--23{width:95.83333333%}.van-col--offset-23{margin-left:95.83333333%}.van-col--24{width:100%}.van-col--offset-24{margin-left:100%}
+@import '../common/index.wxss';.smart-col{box-sizing:border-box;float:left}.smart-col--1{width:4.16666667%}.smart-col--offset-1{margin-left:4.16666667%}.smart-col--2{width:8.33333333%}.smart-col--offset-2{margin-left:8.33333333%}.smart-col--3{width:12.5%}.smart-col--offset-3{margin-left:12.5%}.smart-col--4{width:16.66666667%}.smart-col--offset-4{margin-left:16.66666667%}.smart-col--5{width:20.83333333%}.smart-col--offset-5{margin-left:20.83333333%}.smart-col--6{width:25%}.smart-col--offset-6{margin-left:25%}.smart-col--7{width:29.16666667%}.smart-col--offset-7{margin-left:29.16666667%}.smart-col--8{width:33.33333333%}.smart-col--offset-8{margin-left:33.33333333%}.smart-col--9{width:37.5%}.smart-col--offset-9{margin-left:37.5%}.smart-col--10{width:41.66666667%}.smart-col--offset-10{margin-left:41.66666667%}.smart-col--11{width:45.83333333%}.smart-col--offset-11{margin-left:45.83333333%}.smart-col--12{width:50%}.smart-col--offset-12{margin-left:50%}.smart-col--13{width:54.16666667%}.smart-col--offset-13{margin-left:54.16666667%}.smart-col--14{width:58.33333333%}.smart-col--offset-14{margin-left:58.33333333%}.smart-col--15{width:62.5%}.smart-col--offset-15{margin-left:62.5%}.smart-col--16{width:66.66666667%}.smart-col--offset-16{margin-left:66.66666667%}.smart-col--17{width:70.83333333%}.smart-col--offset-17{margin-left:70.83333333%}.smart-col--18{width:75%}.smart-col--offset-18{margin-left:75%}.smart-col--19{width:79.16666667%}.smart-col--offset-19{margin-left:79.16666667%}.smart-col--20{width:83.33333333%}.smart-col--offset-20{margin-left:83.33333333%}.smart-col--21{width:87.5%}.smart-col--offset-21{margin-left:87.5%}.smart-col--22{width:91.66666667%}.smart-col--offset-22{margin-left:91.66666667%}.smart-col--23{width:95.83333333%}.smart-col--offset-23{margin-left:95.83333333%}.smart-col--24{width:100%}.smart-col--offset-24{margin-left:100%}

package/lib/collapse/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)('collapse-item'),
     props: {
         value: {

package/lib/collapse/index.wxml

@@ -1,3 +1,3 @@
-<view class="custom-class van-collapse {{ border ? 'van-hairline--top-bottom' : '' }}">
+<view class="custom-class smart-collapse {{ border ? 'smart-hairline--top-bottom' : '' }}">
   <slot />
 </view>

package/lib/collapse-item/animate.js

@@ -34,7 +34,7 @@ function useAnimation(context, expanded, mounted, height) {
     });
 }
 function setContentAnimate(context, expanded, mounted) {
-    (0, utils_1.getRect)(context, '.van-collapse-item__content')
+    (0, utils_1.getRect)(context, '.smart-collapse-item__content')
         .then(function (rect) { return rect.height; })
         .then(function (height) {
         useAnimation(context, expanded, mounted, height);

package/lib/collapse-item/index.css

@@ -1 +1 @@
-@import '../common/index.css';.van-collapse-item__title .van-cell__right-icon{transform:rotate(90deg);transition:transform var(--collapse-item-transition-duration,.3s)}.van-collapse-item__title--expanded .van-cell__right-icon{transform:rotate(-90deg)}.van-collapse-item__title--disabled .van-cell,.van-collapse-item__title--disabled .van-cell__right-icon{color:var(--collapse-item-title-disabled-color,#c8c9cc)!important}.van-collapse-item__title--disabled .van-cell--hover{background-color:#fff!important}.van-collapse-item__wrapper{overflow:hidden}.van-collapse-item__content{background-color:var(--collapse-item-content-background-color,var(--app-B6,#fff));color:var(--collapse-item-content-text-color,#969799);font-size:var(--collapse-item-content-font-size,13px);line-height:var(--collapse-item-content-line-height,1.5);padding:var(--collapse-item-content-padding,15px)}
+@import '../common/index.css';.smart-collapse-item__title .smart-cell__right-icon{transform:rotate(90deg);transition:transform var(--collapse-item-transition-duration,.3s)}.smart-collapse-item__title--expanded .smart-cell__right-icon{transform:rotate(-90deg)}.smart-collapse-item__title--disabled .smart-cell,.smart-collapse-item__title--disabled .smart-cell__right-icon{color:var(--collapse-item-title-disabled-color,#c8c9cc)!important}.smart-collapse-item__title--disabled .smart-cell--hover{background-color:#fff!important}.smart-collapse-item__wrapper{overflow:hidden}.smart-collapse-item__content{background-color:var(--collapse-item-content-background-color,var(--app-B6,#fff));color:var(--collapse-item-content-text-color,#969799);font-size:var(--collapse-item-content-font-size,13px);line-height:var(--collapse-item-content-line-height,1.5);padding:var(--collapse-item-content-padding,15px)}

package/lib/collapse-item/index.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var component_1 = require("../common/component");
 var relation_1 = require("../common/relation");
 var animate_1 = require("./animate");
-(0, component_1.VantComponent)({
+(0, component_1.SmartComponent)({
     classes: ['title-class', 'content-class'],
     relation: (0, relation_1.useParent)('collapse'),
     props: {

package/lib/collapse-item/index.json

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

package/lib/collapse-item/index.wxml

@@ -1,7 +1,7 @@
 <wxs src="../wxs/utils.wxs" module="utils" />
 
-<view class="van-collapse-item custom-class {{ index !== 0 ? 'van-hairline--top' : '' }}">
-  <van-cell
+<view class="smart-collapse-item custom-class {{ index !== 0 ? 'smart-hairline--top' : '' }}">
+  <smart-cell
     size="{{ size }}"
     title="{{ title }}"
     title-class="title-class"
@@ -12,9 +12,9 @@
     clickable="{{ clickable }}"
     border="{{ border && expanded }}"
     class="{{ utils.bem('collapse-item__title', { disabled, expanded }) }}"
-    right-icon-class="van-cell__right-icon"
-    custom-class="van-cell"
-    hover-class="van-cell--hover"
+    right-icon-class="smart-cell__right-icon"
+    custom-class="smart-cell"
+    hover-class="smart-cell--hover"
     bind:click="onClick"
   >
     <slot
@@ -30,14 +30,14 @@
       name="right-icon"
       slot="right-icon"
     />
-  </van-cell>
+  </smart-cell>
   <view
     class="{{ utils.bem('collapse-item__wrapper') }}"
     style="height: 0;"
     animation="{{ animation }}"
   >
     <view
-      class="van-collapse-item__content content-class"
+      class="smart-collapse-item__content content-class"
     >
       <slot />
     </view>

package/lib/collapse-item/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.van-collapse-item__title .van-cell__right-icon{transform:rotate(90deg);transition:transform var(--collapse-item-transition-duration,.3s)}.van-collapse-item__title--expanded .van-cell__right-icon{transform:rotate(-90deg)}.van-collapse-item__title--disabled .van-cell,.van-collapse-item__title--disabled .van-cell__right-icon{color:var(--collapse-item-title-disabled-color,#c8c9cc)!important}.van-collapse-item__title--disabled .van-cell--hover{background-color:#fff!important}.van-collapse-item__wrapper{overflow:hidden}.van-collapse-item__content{background-color:var(--collapse-item-content-background-color,var(--app-B6,#fff));color:var(--collapse-item-content-text-color,#969799);font-size:var(--collapse-item-content-font-size,13px);line-height:var(--collapse-item-content-line-height,1.5);padding:var(--collapse-item-content-padding,15px)}
+@import '../common/index.wxss';.smart-collapse-item__title .smart-cell__right-icon{transform:rotate(90deg);transition:transform var(--collapse-item-transition-duration,.3s)}.smart-collapse-item__title--expanded .smart-cell__right-icon{transform:rotate(-90deg)}.smart-collapse-item__title--disabled .smart-cell,.smart-collapse-item__title--disabled .smart-cell__right-icon{color:var(--collapse-item-title-disabled-color,#c8c9cc)!important}.smart-collapse-item__title--disabled .smart-cell--hover{background-color:#fff!important}.smart-collapse-item__wrapper{overflow:hidden}.smart-collapse-item__content{background-color:var(--collapse-item-content-background-color,var(--app-B6,#fff));color:var(--collapse-item-content-text-color,#969799);font-size:var(--collapse-item-content-font-size,13px);line-height:var(--collapse-item-content-line-height,1.5);padding:var(--collapse-item-content-padding,15px)}

package/lib/common/component.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="miniprogram-api-typings" />
-import { VantComponentOptions } from 'definitions/index';
-declare function VantComponent<Data extends WechatMiniprogram.Component.DataOption, Props extends WechatMiniprogram.Component.PropertyOption, Methods extends WechatMiniprogram.Component.MethodOption>(vantOptions: VantComponentOptions<Data, Props, Methods>): void;
-export { VantComponent };
+import { SmartComponentOptions } from 'definitions/index';
+declare function SmartComponent<Data extends WechatMiniprogram.Component.DataOption, Props extends WechatMiniprogram.Component.PropertyOption, Methods extends WechatMiniprogram.Component.MethodOption>(smartOptions: SmartComponentOptions<Data, Props, Methods>): void;
+export { SmartComponent };

package/lib/common/component.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.VantComponent = void 0;
+exports.SmartComponent = void 0;
 var basic_1 = require("../mixins/basic");
 function mapKeys(source, target, map) {
     Object.keys(map).forEach(function (key) {
@@ -9,9 +9,9 @@ function mapKeys(source, target, map) {
         }
     });
 }
-function VantComponent(vantOptions) {
+function SmartComponent(smartOptions) {
     var options = {};
-    mapKeys(vantOptions, options, {
+    mapKeys(smartOptions, options, {
         data: 'data',
         props: 'properties',
         watch: 'observers',
@@ -30,13 +30,13 @@ function VantComponent(vantOptions) {
     options.behaviors = options.behaviors || [];
     options.behaviors.push(basic_1.basic);
     // add relations
-    var relation = vantOptions.relation;
+    var relation = smartOptions.relation;
     if (relation) {
         options.relations = relation.relations;
         options.behaviors.push(relation.mixin);
     }
     // map field to form-field behavior
-    // if (vantOptions.field) {
+    // if (smartOptions.field) {
     //   options.behaviors.push('wx://form-field');
     // }
     // add default options
@@ -46,4 +46,4 @@ function VantComponent(vantOptions) {
     };
     Component(options);
 }
-exports.VantComponent = VantComponent;
+exports.SmartComponent = SmartComponent;

package/lib/common/index.css

@@ -1 +1 @@
-.van-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-multi-ellipsis--l2{-webkit-line-clamp:2}.van-multi-ellipsis--l2,.van-multi-ellipsis--l3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.van-multi-ellipsis--l3{-webkit-line-clamp:3}.van-clearfix:after{clear:both;content:"";display:table}.van-hairline,.van-hairline--bottom,.van-hairline--left,.van-hairline--right,.van-hairline--surround,.van-hairline--top,.van-hairline--top-bottom{position:relative}.van-hairline--bottom:after,.van-hairline--left:after,.van-hairline--right:after,.van-hairline--surround:after,.van-hairline--top-bottom:after,.van-hairline--top:after,.van-hairline:after{border:0 solid var(--app-B6-N7,rgba(0,0,0,.1));bottom:-50%;box-sizing:border-box;content:" ";left:-50%;pointer-events:none;position:absolute;right:-50%;top:-50%;transform:scale(.5);transform-origin:center}.van-hairline--top:after{border-top-width:1px}.van-hairline--left:after{border-left-width:1px}.van-hairline--right:after{border-right-width:1px}.van-hairline--bottom:after{border-bottom-width:1px}.van-hairline--top-bottom:after{border-width:1px 0}.van-hairline--surround:after{border-width:1px}
+.smart-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smart-multi-ellipsis--l2{-webkit-line-clamp:2}.smart-multi-ellipsis--l2,.smart-multi-ellipsis--l3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.smart-multi-ellipsis--l3{-webkit-line-clamp:3}.smart-clearfix:after{clear:both;content:"";display:table}.smart-hairline,.smart-hairline--bottom,.smart-hairline--left,.smart-hairline--right,.smart-hairline--surround,.smart-hairline--top,.smart-hairline--top-bottom{position:relative}.smart-hairline--bottom:after,.smart-hairline--left:after,.smart-hairline--right:after,.smart-hairline--surround:after,.smart-hairline--top-bottom:after,.smart-hairline--top:after,.smart-hairline:after{border:0 solid var(--app-B6-N7,rgba(0,0,0,.1));bottom:-50%;box-sizing:border-box;content:" ";left:-50%;pointer-events:none;position:absolute;right:-50%;top:-50%;transform:scale(.5);transform-origin:center}.smart-hairline--top:after{border-top-width:1px}.smart-hairline--left:after{border-left-width:1px}.smart-hairline--right:after{border-right-width:1px}.smart-hairline--bottom:after{border-bottom-width:1px}.smart-hairline--top-bottom:after{border-width:1px 0}.smart-hairline--surround:after{border-width:1px}

package/lib/common/index.wxss

@@ -1 +1 @@
-.van-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-multi-ellipsis--l2{-webkit-line-clamp:2}.van-multi-ellipsis--l2,.van-multi-ellipsis--l3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.van-multi-ellipsis--l3{-webkit-line-clamp:3}.van-clearfix:after{clear:both;content:"";display:table}.van-hairline,.van-hairline--bottom,.van-hairline--left,.van-hairline--right,.van-hairline--surround,.van-hairline--top,.van-hairline--top-bottom{position:relative}.van-hairline--bottom:after,.van-hairline--left:after,.van-hairline--right:after,.van-hairline--surround:after,.van-hairline--top-bottom:after,.van-hairline--top:after,.van-hairline:after{border:0 solid var(--app-B6-N7,rgba(0,0,0,.1));bottom:-50%;box-sizing:border-box;content:" ";left:-50%;pointer-events:none;position:absolute;right:-50%;top:-50%;transform:scale(.5);transform-origin:center}.van-hairline--top:after{border-top-width:1px}.van-hairline--left:after{border-left-width:1px}.van-hairline--right:after{border-right-width:1px}.van-hairline--bottom:after{border-bottom-width:1px}.van-hairline--top-bottom:after{border-width:1px 0}.van-hairline--surround:after{border-width:1px}
+.smart-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smart-multi-ellipsis--l2{-webkit-line-clamp:2}.smart-multi-ellipsis--l2,.smart-multi-ellipsis--l3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.smart-multi-ellipsis--l3{-webkit-line-clamp:3}.smart-clearfix:after{clear:both;content:"";display:table}.smart-hairline,.smart-hairline--bottom,.smart-hairline--left,.smart-hairline--right,.smart-hairline--surround,.smart-hairline--top,.smart-hairline--top-bottom{position:relative}.smart-hairline--bottom:after,.smart-hairline--left:after,.smart-hairline--right:after,.smart-hairline--surround:after,.smart-hairline--top-bottom:after,.smart-hairline--top:after,.smart-hairline:after{border:0 solid var(--app-B6-N7,rgba(0,0,0,.1));bottom:-50%;box-sizing:border-box;content:" ";left:-50%;pointer-events:none;position:absolute;right:-50%;top:-50%;transform:scale(.5);transform-origin:center}.smart-hairline--top:after{border-top-width:1px}.smart-hairline--left:after{border-left-width:1px}.smart-hairline--right:after{border-right-width:1px}.smart-hairline--bottom:after{border-bottom-width:1px}.smart-hairline--top-bottom:after{border-width:1px 0}.smart-hairline--surround:after{border-width:1px}

package/lib/common/style/clearfix.css

@@ -1 +1 @@
-.van-clearfix:after{clear:both;content:"";display:table}
+.smart-clearfix:after{clear:both;content:"";display:table}

package/lib/common/style/clearfix.wxss

@@ -1 +1 @@
-.van-clearfix:after{clear:both;content:"";display:table}
+.smart-clearfix:after{clear:both;content:"";display:table}

package/lib/common/style/ellipsis.css

@@ -1 +1 @@
-.van-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-multi-ellipsis--l2{-webkit-line-clamp:2}.van-multi-ellipsis--l2,.van-multi-ellipsis--l3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.van-multi-ellipsis--l3{-webkit-line-clamp:3}
+.smart-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smart-multi-ellipsis--l2{-webkit-line-clamp:2}.smart-multi-ellipsis--l2,.smart-multi-ellipsis--l3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.smart-multi-ellipsis--l3{-webkit-line-clamp:3}

package/lib/common/style/ellipsis.wxss

@@ -1 +1 @@
-.van-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-multi-ellipsis--l2{-webkit-line-clamp:2}.van-multi-ellipsis--l2,.van-multi-ellipsis--l3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.van-multi-ellipsis--l3{-webkit-line-clamp:3}
+.smart-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smart-multi-ellipsis--l2{-webkit-line-clamp:2}.smart-multi-ellipsis--l2,.smart-multi-ellipsis--l3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.smart-multi-ellipsis--l3{-webkit-line-clamp:3}