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

package/lib/calendar/index.json

@@ -3,8 +3,8 @@
   "usingComponents": {
     "header": "./components/header/index",
     "month": "./components/month/index",
-    "van-button": "../button/index",
-    "van-popup": "../popup/index",
-    "van-toast": "../toast/index"
+    "smart-button": "../button/index",
+    "smart-popup": "../popup/index",
+    "smart-toast": "../toast/index"
   }
 }

package/lib/calendar/index.wxml

@@ -3,10 +3,10 @@
 
 <import src="./calendar.wxml" />
 
-<van-popup
+<smart-popup
   wx:if="{{ poppable }}"
-  custom-class="van-calendar__popup--{{ position }}"
-  close-icon-class="van-calendar__close-icon"
+  custom-class="smart-calendar__popup--{{ position }}"
+  close-icon-class="smart-calendar__close-icon"
   show="{{ show }}"
   round="{{ round }}"
   position="{{ position }}"
@@ -20,8 +20,8 @@
   bind:after-leave="onClosed"
 >
   <include src="./calendar.wxml" />
-</van-popup>
+</smart-popup>
 
 <include wx:else src="./calendar.wxml" />
 
-<van-toast id="van-toast" />
+<smart-toast id="smart-toast" />

package/lib/calendar/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.van-calendar{background-color:var(--calendar-background-color,var(--app-B6,#fff));display:flex;flex-direction:column;height:var(--calendar-height,100%)}.van-calendar__close-icon{top:11px}.van-calendar__popup--bottom,.van-calendar__popup--top{height:var(--calendar-popup-height,90%)}.van-calendar__popup--left,.van-calendar__popup--right{height:100%}.van-calendar__body{-webkit-overflow-scrolling:touch;flex:1;overflow:auto}.van-calendar__footer{flex-shrink:0;padding:0 var(--padding-md,16px)}.van-calendar__footer--safe-area-inset-bottom{padding-bottom:env(safe-area-inset-bottom)}.van-calendar__footer+.van-calendar__footer,.van-calendar__footer:empty{display:none}.van-calendar__footer:empty+.van-calendar__footer{display:block!important}.van-calendar__confirm{height:var(--calendar-confirm-button-height,36px)!important;line-height:var(--calendar-confirm-button-line-height,34px)!important;margin:var(--calendar-confirm-button-margin,7px 0)!important}
+@import '../common/index.wxss';.smart-calendar{background-color:var(--calendar-background-color,var(--app-B6,#fff));display:flex;flex-direction:column;height:var(--calendar-height,100%)}.smart-calendar__close-icon{top:11px}.smart-calendar__popup--bottom,.smart-calendar__popup--top{height:var(--calendar-popup-height,90%)}.smart-calendar__popup--left,.smart-calendar__popup--right{height:100%}.smart-calendar__body{-webkit-overflow-scrolling:touch;flex:1;overflow:auto}.smart-calendar__footer{flex-shrink:0;padding:0 var(--padding-md,16px)}.smart-calendar__footer--safe-area-inset-bottom{padding-bottom:env(safe-area-inset-bottom)}.smart-calendar__footer+.smart-calendar__footer,.smart-calendar__footer:empty{display:none}.smart-calendar__footer:empty+.smart-calendar__footer{display:block!important}.smart-calendar__confirm{height:var(--calendar-confirm-button-height,36px)!important;line-height:var(--calendar-confirm-button-line-height,34px)!important;margin:var(--calendar-confirm-button-margin,7px 0)!important}

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: {
@@ -40,6 +40,14 @@ var Xmark_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Xmark"));
             type: Boolean,
             value: true,
         },
+        ellipsis: {
+            type: Boolean,
+            value: true,
+        },
+        swipeThreshold: {
+            type: Number,
+            value: 5,
+        },
         showHeader: {
             type: Boolean,
             value: true,
@@ -137,6 +145,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,29 @@
 <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 }}"
+  ellipsis="{{ ellipsis }}"
+  swipe-threshold="{{ swipeThreshold }}"
   bind:click="onClickTab"
 >
-  <van-tab
+  <smart-tab
     wx:for="{{ tabs }}"
     wx:for-item="tab"
     wx:for-index="tabIndex"
@@ -33,7 +35,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 +47,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 };