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

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}

package/lib/common/style/hairline.css

@@ -1 +1 @@
-.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-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/hairline.wxss

@@ -1 +1 @@
-.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-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/config-provider/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: {
         themeVars: {
             type: Object,

package/lib/config-provider/index.wxml

@@ -1,5 +1,5 @@
 <wxs src="./index.wxs" module="computed" />
 
-<view class="van-config-provider" style="{{ computed.mapThemeVarsToCSSVars(themeVars) }}">
+<view class="smart-config-provider" style="{{ computed.mapThemeVarsToCSSVars(themeVars) }}">
   <slot />
 </view>

package/lib/count-down/index.css

@@ -1 +1 @@
-@import '../common/index.css';.van-count-down{color:var(--count-down-text-color,var(--app-B6-N2,rgba(0,0,0,.7)));font-size:var(--count-down-font-size,14px);line-height:var(--count-down-line-height,20px)}
+@import '../common/index.css';.smart-count-down{color:var(--count-down-text-color,var(--app-B6-N2,rgba(0,0,0,.7)));font-size:var(--count-down-font-size,14px);line-height:var(--count-down-line-height,20px)}

package/lib/count-down/index.js

@@ -5,7 +5,7 @@ var utils_1 = require("./utils");
 function simpleTick(fn) {
     return setTimeout(fn, 30);
 }
-(0, component_1.VantComponent)({
+(0, component_1.SmartComponent)({
     props: {
         useSlot: Boolean,
         millisecond: Boolean,

package/lib/count-down/index.wxml

@@ -1,4 +1,4 @@
-<view class="van-count-down">
+<view class="smart-count-down">
   <slot wx:if="{{ useSlot }}"/>
   <block wx:else>{{ formattedTime }}</block>
 </view>

package/lib/count-down/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.van-count-down{color:var(--count-down-text-color,var(--app-B6-N2,rgba(0,0,0,.7)));font-size:var(--count-down-font-size,14px);line-height:var(--count-down-line-height,20px)}
+@import '../common/index.wxss';.smart-count-down{color:var(--count-down-text-color,var(--app-B6-N2,rgba(0,0,0,.7)));font-size:var(--count-down-font-size,14px);line-height:var(--count-down-line-height,20px)}

package/lib/custom-keyboard/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: {
         /**
          * @description.zh 当前值

package/lib/custom-keyboard/index.json

@@ -1,9 +1,9 @@
 {
   "component": true,
   "usingComponents": {
-    "van-popup": "../popup/index",
-    "van-image": "../image/index",
-    "van-button": "../button/index",
-    "van-icon": "../icon/index"
+    "smart-popup": "../popup/index",
+    "smart-image": "../image/index",
+    "smart-button": "../button/index",
+    "smart-icon": "../icon/index"
   }
 }

package/lib/custom-keyboard/index.wxml

@@ -6,7 +6,7 @@
   </view>
   <slot name="custom-button" />
 </view>
-<van-popup
+<smart-popup
   show="{{visible}}"
   bind:close="onMaskPress"
   position="bottom"
@@ -45,4 +45,4 @@
       </button >
     </view>
   </view>
-</van-popup>
+</smart-popup>

package/lib/datetime-picker/index.js

@@ -54,7 +54,7 @@ function getMonthEndDay(year, month) {
     return 32 - new Date(year, month - 1, 32).getDate();
 }
 var defaultFormatter = function (type, value) { return value; };
-(0, component_1.VantComponent)({
+(0, component_1.SmartComponent)({
     classes: ['active-class', 'toolbar-class', 'column-class'],
     props: __assign(__assign({}, shared_1.pickerProps), { value: {
             type: null,
@@ -114,7 +114,7 @@ var defaultFormatter = function (type, value) { return value; };
         },
         getPicker: function () {
             if (this.picker == null) {
-                this.picker = this.selectComponent('.van-datetime-picker');
+                this.picker = this.selectComponent('.smart-datetime-picker');
                 var picker_1 = this.picker;
                 var setColumnValues_1 = picker_1.setColumnValues;
                 picker_1.setColumnValues = function () {

package/lib/datetime-picker/index.json

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

package/lib/datetime-picker/index.wxml

@@ -1,5 +1,5 @@
-<van-picker
-  class="van-datetime-picker"
+<smart-picker
+  class="smart-datetime-picker"
   active-class="active-class"
   toolbar-class="toolbar-class"
   column-class="column-class"

package/lib/definitions/index.d.ts

@@ -1,11 +1,12 @@
 /// <reference types="miniprogram-api-typings" />
-interface VantComponentInstance {
+interface SmartComponentInstance {
     parent: WechatMiniprogram.Component.TrivialInstance;
     children: WechatMiniprogram.Component.TrivialInstance[];
     index: number;
     $emit: (name: string, detail?: unknown, options?: WechatMiniprogram.Component.TriggerEventOption) => void;
+    setView: (value: Record<string, any>, callback?: () => void) => void;
 }
-export type VantComponentOptions<Data extends WechatMiniprogram.Component.DataOption, Props extends WechatMiniprogram.Component.PropertyOption, Methods extends WechatMiniprogram.Component.MethodOption> = {
+export type SmartComponentOptions<Data extends WechatMiniprogram.Component.DataOption, Props extends WechatMiniprogram.Component.PropertyOption, Methods extends WechatMiniprogram.Component.MethodOption> = {
     data?: Data;
     field?: boolean;
     classes?: string[];
@@ -21,7 +22,7 @@ export type VantComponentOptions<Data extends WechatMiniprogram.Component.DataOp
     created?: () => void;
     mounted?: () => void;
     destroyed?: () => void;
-} & ThisType<VantComponentInstance & WechatMiniprogram.Component.Instance<Data & {
+} & ThisType<SmartComponentInstance & WechatMiniprogram.Component.Instance<Data & {
     name: string;
     value: any;
 } & Record<string, any>, Props, Methods> & Record<string, any>>;

package/lib/dialog/index.css

@@ -1 +1 @@
-@import '../common/index.css';.van-dialog{background-color:var(--dialog-background-color,var(--app-B4,#fff));border-radius:var(--dialog-border-radius,16px);font-size:var(--dialog-font-size,16px);overflow:hidden;top:45%!important;width:var(--dialog-width,311px)}@media (max-width:321px){.van-dialog{width:var(--dialog-small-screen-width,90%)}}.van-dialog__header{color:var(--dialog-header-font-color,var(--app-B4-N1,#000));font-weight:var(--dialog-header-font-weight,400);line-height:var(--dialog-header-line-height,24px);padding-top:var(--dialog-header-padding-top,24px);text-align:center}.van-dialog__header-icon{border-radius:100%;display:block;font-size:var(--dialog-header-icon-size,39px);height:var(--dialog-header-icon-size,39px);margin:auto auto 12px;width:var(--dialog-header-icon-size,39px)}.van-dialog__header--isolated{padding:var(--dialog-header-isolated-padding,24px 0)}.van-dialog__message{-webkit-overflow-scrolling:touch;color:var(--dialog-message-text-color,var(--app-B4-N1,#000));font-size:var(--dialog-message-font-size,16px);line-height:var(--dialog-message-line-height,20px);max-height:var(--dialog-message-max-height,60vh);overflow-y:auto;padding:var(--dialog-message-padding,24px);text-align:center}.van-dialog__message-text{word-wrap:break-word}.van-dialog__message--hasTitle{color:var(--dialog-has-title-message-text-color,var(--app-B4-N3,rgba(0,0,0,.5)));font-size:var(--dialog-has-title-message-font-size,14px);padding-top:var(--dialog-has-title-message-padding-top,8px)}.van-dialog__message--round-button{padding-bottom:16px}.van-dialog__message--left{text-align:left}.van-dialog__message--right{text-align:right}.van-dialog__message--justify{text-align:justify}.van-dialog__input{background-color:var(--dialog-input-background-color,var(--app-B4-N9,rgba(0,0,0,.05)));border-radius:var(--dialog-input-border-radius,10px);font-size:var(--dialog-input-font-size,14px);height:var(--dialog-input-height,40px);margin:var(--dialog-input-margin,0 16px 24px);padding:var(--dialog-input-padding,0 10px)}.van-dialog__footer{display:flex}.van-dialog__footer--round-button{height:40px!important;padding:8px 20px 16px!important;position:relative!important}.van-dialog__button{flex:1}.van-dialog__cancel,.van-dialog__confirm{border:0!important}.van-dialog-bounce-enter{opacity:0;transform:translate3d(-50%,-50%,0) scale(.7)}.van-dialog-bounce-leave-active{opacity:0;transform:translate3d(-50%,-50%,0) scale(.9)}
+@import '../common/index.css';.smart-dialog{background-color:var(--dialog-background-color,var(--app-B4,#fff));border-radius:var(--dialog-border-radius,16px);font-size:var(--dialog-font-size,16px);overflow:hidden;top:45%!important;width:var(--dialog-width,311px)}@media (max-width:321px){.smart-dialog{width:var(--dialog-small-screen-width,90%)}}.smart-dialog__header{color:var(--dialog-header-font-color,var(--app-B4-N1,#000));font-weight:var(--dialog-header-font-weight,400);line-height:var(--dialog-header-line-height,24px);padding-top:var(--dialog-header-padding-top,24px);text-align:center}.smart-dialog__header-icon{border-radius:100%;display:block;font-size:var(--dialog-header-icon-size,39px);height:var(--dialog-header-icon-size,39px);margin:auto auto 12px;width:var(--dialog-header-icon-size,39px)}.smart-dialog__header--isolated{padding:var(--dialog-header-isolated-padding,24px 0)}.smart-dialog__message{-webkit-overflow-scrolling:touch;color:var(--dialog-message-text-color,var(--app-B4-N1,#000));font-size:var(--dialog-message-font-size,16px);line-height:var(--dialog-message-line-height,20px);max-height:var(--dialog-message-max-height,60vh);overflow-y:auto;padding:var(--dialog-message-padding,24px);text-align:center}.smart-dialog__message-text{word-wrap:break-word}.smart-dialog__message--hasTitle{color:var(--dialog-has-title-message-text-color,var(--app-B4-N3,rgba(0,0,0,.5)));font-size:var(--dialog-has-title-message-font-size,14px);padding-top:var(--dialog-has-title-message-padding-top,8px)}.smart-dialog__message--round-button{padding-bottom:16px}.smart-dialog__message--left{text-align:left}.smart-dialog__message--right{text-align:right}.smart-dialog__message--justify{text-align:justify}.smart-dialog__input{background-color:var(--dialog-input-background-color,var(--app-B4-N9,rgba(0,0,0,.05)));border-radius:var(--dialog-input-border-radius,10px);font-size:var(--dialog-input-font-size,14px);height:var(--dialog-input-height,40px);margin:var(--dialog-input-margin,0 16px 24px);padding:var(--dialog-input-padding,0 10px)}.smart-dialog__footer{display:flex}.smart-dialog__footer--round-button{height:40px!important;padding:8px 20px 16px!important;position:relative!important}.smart-dialog__button{flex:1}.smart-dialog__cancel,.smart-dialog__confirm{border:0!important;border-radius:0!important}.smart-dialog-bounce-enter{opacity:0;transform:translate3d(-50%,-50%,0) scale(.7)}.smart-dialog-bounce-leave-active{opacity:0;transform:translate3d(-50%,-50%,0) scale(.9)}

package/lib/dialog/index.js

@@ -7,7 +7,7 @@ var Warning_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Warning"))
 var component_1 = require("../common/component");
 var button_1 = require("../mixins/button");
 var utils_1 = require("../common/utils");
-(0, component_1.VantComponent)({
+(0, component_1.SmartComponent)({
     mixins: [button_1.button],
     classes: ['cancle-button-class', 'confirm-button-class'],
     props: {

package/lib/dialog/index.json

@@ -1,10 +1,10 @@
 {
   "component": true,
   "usingComponents": {
-    "van-popup": "../popup/index",
-    "van-button": "../button/index",
-    "van-icon": "../icon/index",
-    "van-goods-action": "../goods-action/index",
-    "van-goods-action-button": "../goods-action-button/index"
+    "smart-popup": "../popup/index",
+    "smart-button": "../button/index",
+    "smart-icon": "../icon/index",
+    "smart-goods-action": "../goods-action/index",
+    "smart-goods-action-button": "../goods-action-button/index"
   }
 }

package/lib/dialog/index.wxml

@@ -1,11 +1,11 @@
 <wxs src="../wxs/utils.wxs" module="utils" />
 
-<van-popup
+<smart-popup
   show="{{ show }}"
   z-index="{{ zIndex }}"
   overlay="{{ overlay }}"
   transition="{{ transition }}"
-  custom-class="van-dialog van-dialog--{{ theme }}{{ className }} custom-class"
+  custom-class="smart-dialog smart-dialog--{{ theme }}{{ className }} custom-class"
   custom-style="width: {{ utils.addUnit(width) }};{{ customStyle }}"
   overlay-style="{{ overlayStyle }}"
   close-on-click-overlay="{{ closeOnClickOverlay }}"
@@ -16,14 +16,14 @@
     wx:if="{{ title || useTitleSlot }}"
     class="{{ utils.bem('dialog__header', { isolated: !(message || useSlot) }) }}"
   >
-    <van-icon wx:if="{{ icon }}" class="van-dialog__header-icon" custom-class="header-icon-class" name="{{ warningIcon }}" color="#F04C4C" />
+    <smart-icon wx:if="{{ icon }}" class="smart-dialog__header-icon" custom-class="header-icon-class" name="{{ warningIcon }}" color="#F04C4C" />
     <slot wx:if="{{ useTitleSlot }}" name="title" />
     <block wx:elif="{{ title }}">{{ title }}</block>
   </view>
 
   <input
     wx:if="{{ value !== null }}"
-    class="van-dialog__input"
+    class="smart-dialog__input"
     value="{{ value }}"
     type="{{ type }}"
     password="{{ password }}"
@@ -37,25 +37,25 @@
     wx:elif="{{ message }}"
     class="{{ utils.bem('dialog__message', [theme, messageAlign, { hasTitle: title }]) }}"
   >
-    <text class="van-dialog__message-text">{{ message }}</text>
+    <text class="smart-dialog__message-text">{{ message }}</text>
   </view>
 
-  <van-goods-action wx:if="{{ theme === 'round-button' }}" custom-class="van-dialog__footer--round-button">
-    <van-goods-action-button
+  <smart-goods-action wx:if="{{ theme === 'round-button' }}" custom-class="smart-dialog__footer--round-button">
+    <smart-goods-action-button
       wx:if="{{ showCancelButton }}"
       loading="{{ loaing.cancel }}"
-      class="van-dialog__button van-hairline--right"
-      custom-class="van-dialog__cancel cancle-button-class"
+      class="smart-dialog__button smart-hairline--right"
+      custom-class="smart-dialog__cancel cancle-button-class"
       custom-style="color: {{ cancelButtonColor }}"
       bind:click="onCancel"
     >
       {{ cancelButtonText }}
-    </van-goods-action-button>
-    <van-goods-action-button
+    </smart-goods-action-button>
+    <smart-goods-action-button
       wx:if="{{ showConfirmButton }}"
-      class="van-dialog__button"
+      class="smart-dialog__button"
       loading="{{ loading.confirm }}"
-      custom-class="van-dialog__confirm confirm-button-class"
+      custom-class="smart-dialog__confirm confirm-button-class"
       custom-style="color: {{ confirmButtonColor }}"
       button-id="{{ confirmButtonId }}"
       open-type="{{ confirmButtonOpenType }}"
@@ -78,35 +78,35 @@
       bindopensetting="onOpenSetting"
     >
       {{ confirmButtonText }}
-    </van-goods-action-button>
-  </van-goods-action>
+    </smart-goods-action-button>
+  </smart-goods-action>
 
-  <view wx:elif="{{ showCancelButton || showConfirmButton }}" class="van-hairline--top van-dialog__footer">
+  <view wx:elif="{{ showCancelButton || showConfirmButton }}" class="smart-hairline--top smart-dialog__footer">
     <block wx:if="{{ showCancelButton }}">
       <slot wx:if="{{ useCancelButtonSlot }}" name="cancel-button" />
 
-      <van-button
+      <smart-button
         wx:else
         size="large"
         loading="{{ loading.cancel }}"
-        class="van-dialog__button van-hairline--right"
-        custom-class="van-dialog__cancel cancle-button-class"
+        class="smart-dialog__button smart-hairline--right"
+        custom-class="smart-dialog__cancel cancle-button-class"
         custom-style="color: {{ cancelButtonColor || 'var(--app-B4-N3, rgba(0, 0, 0, 0.5))' }}"
         bind:click="onCancel"
       >
         {{ cancelButtonText }}
-      </van-button>
+      </smart-button>
     </block>
 
     <block wx:if="{{ showConfirmButton }}">
       <slot wx:if="{{ useConfirmButtonSlot }}" name="confirm-button" />
 
-      <van-button
+      <smart-button
         wx:else
         size="large"
-        class="van-dialog__button"
+        class="smart-dialog__button"
         loading="{{ loading.confirm }}"
-        custom-class="van-dialog__confirm confirm-button-class"
+        custom-class="smart-dialog__confirm confirm-button-class"
         custom-style="color: {{ confirmButtonColor || 'var(--app-B4-N1, rgba(0, 0, 0, 1))' }}"
         button-id="{{ confirmButtonId }}"
         open-type="{{ confirmButtonOpenType }}"
@@ -129,7 +129,7 @@
         bindopensetting="onOpenSetting"
       >
         {{ confirmButtonText }}
-      </van-button>
+      </smart-button>
     </block>
   </view>
-</van-popup>
+</smart-popup>

package/lib/dialog/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.van-dialog{background-color:var(--dialog-background-color,var(--app-B4,#fff));border-radius:var(--dialog-border-radius,16px);font-size:var(--dialog-font-size,16px);overflow:hidden;top:45%!important;width:var(--dialog-width,311px)}@media (max-width:321px){.van-dialog{width:var(--dialog-small-screen-width,90%)}}.van-dialog__header{color:var(--dialog-header-font-color,var(--app-B4-N1,#000));font-weight:var(--dialog-header-font-weight,400);line-height:var(--dialog-header-line-height,24px);padding-top:var(--dialog-header-padding-top,24px);text-align:center}.van-dialog__header-icon{border-radius:100%;display:block;font-size:var(--dialog-header-icon-size,39px);height:var(--dialog-header-icon-size,39px);margin:auto auto 12px;width:var(--dialog-header-icon-size,39px)}.van-dialog__header--isolated{padding:var(--dialog-header-isolated-padding,24px 0)}.van-dialog__message{-webkit-overflow-scrolling:touch;color:var(--dialog-message-text-color,var(--app-B4-N1,#000));font-size:var(--dialog-message-font-size,16px);line-height:var(--dialog-message-line-height,20px);max-height:var(--dialog-message-max-height,60vh);overflow-y:auto;padding:var(--dialog-message-padding,24px);text-align:center}.van-dialog__message-text{word-wrap:break-word}.van-dialog__message--hasTitle{color:var(--dialog-has-title-message-text-color,var(--app-B4-N3,rgba(0,0,0,.5)));font-size:var(--dialog-has-title-message-font-size,14px);padding-top:var(--dialog-has-title-message-padding-top,8px)}.van-dialog__message--round-button{padding-bottom:16px}.van-dialog__message--left{text-align:left}.van-dialog__message--right{text-align:right}.van-dialog__message--justify{text-align:justify}.van-dialog__input{background-color:var(--dialog-input-background-color,var(--app-B4-N9,rgba(0,0,0,.05)));border-radius:var(--dialog-input-border-radius,10px);font-size:var(--dialog-input-font-size,14px);height:var(--dialog-input-height,40px);margin:var(--dialog-input-margin,0 16px 24px);padding:var(--dialog-input-padding,0 10px)}.van-dialog__footer{display:flex}.van-dialog__footer--round-button{height:40px!important;padding:8px 20px 16px!important;position:relative!important}.van-dialog__button{flex:1}.van-dialog__cancel,.van-dialog__confirm{border:0!important}.van-dialog-bounce-enter{opacity:0;transform:translate3d(-50%,-50%,0) scale(.7)}.van-dialog-bounce-leave-active{opacity:0;transform:translate3d(-50%,-50%,0) scale(.9)}
+@import '../common/index.wxss';.smart-dialog{background-color:var(--dialog-background-color,var(--app-B4,#fff));border-radius:var(--dialog-border-radius,16px);font-size:var(--dialog-font-size,16px);overflow:hidden;top:45%!important;width:var(--dialog-width,311px)}@media (max-width:321px){.smart-dialog{width:var(--dialog-small-screen-width,90%)}}.smart-dialog__header{color:var(--dialog-header-font-color,var(--app-B4-N1,#000));font-weight:var(--dialog-header-font-weight,400);line-height:var(--dialog-header-line-height,24px);padding-top:var(--dialog-header-padding-top,24px);text-align:center}.smart-dialog__header-icon{border-radius:100%;display:block;font-size:var(--dialog-header-icon-size,39px);height:var(--dialog-header-icon-size,39px);margin:auto auto 12px;width:var(--dialog-header-icon-size,39px)}.smart-dialog__header--isolated{padding:var(--dialog-header-isolated-padding,24px 0)}.smart-dialog__message{-webkit-overflow-scrolling:touch;color:var(--dialog-message-text-color,var(--app-B4-N1,#000));font-size:var(--dialog-message-font-size,16px);line-height:var(--dialog-message-line-height,20px);max-height:var(--dialog-message-max-height,60vh);overflow-y:auto;padding:var(--dialog-message-padding,24px);text-align:center}.smart-dialog__message-text{word-wrap:break-word}.smart-dialog__message--hasTitle{color:var(--dialog-has-title-message-text-color,var(--app-B4-N3,rgba(0,0,0,.5)));font-size:var(--dialog-has-title-message-font-size,14px);padding-top:var(--dialog-has-title-message-padding-top,8px)}.smart-dialog__message--round-button{padding-bottom:16px}.smart-dialog__message--left{text-align:left}.smart-dialog__message--right{text-align:right}.smart-dialog__message--justify{text-align:justify}.smart-dialog__input{background-color:var(--dialog-input-background-color,var(--app-B4-N9,rgba(0,0,0,.05)));border-radius:var(--dialog-input-border-radius,10px);font-size:var(--dialog-input-font-size,14px);height:var(--dialog-input-height,40px);margin:var(--dialog-input-margin,0 16px 24px);padding:var(--dialog-input-padding,0 10px)}.smart-dialog__footer{display:flex}.smart-dialog__footer--round-button{height:40px!important;padding:8px 20px 16px!important;position:relative!important}.smart-dialog__button{flex:1}.smart-dialog__cancel,.smart-dialog__confirm{border:0!important;border-radius:0!important}.smart-dialog-bounce-enter{opacity:0;transform:translate3d(-50%,-50%,0) scale(.7)}.smart-dialog-bounce-leave-active{opacity:0;transform:translate3d(-50%,-50%,0) scale(.9)}

package/lib/divider/index.css

@@ -1 +1 @@
-@import '../common/index.css';.van-divider{align-items:center;border:0 solid var(--divider-border-color,var(--app-B6-N7,rgba(0,0,0,.1)));color:var(--divider-text-color,#969799);display:flex;font-size:var(--divider-font-size,14px);line-height:var(--divider-line-height,24px);margin:var(--divider-margin,16px 0)}.van-divider:after,.van-divider:before{border-color:inherit;border-style:inherit;border-width:1px 0 0;box-sizing:border-box;display:block;flex:1;height:1px}.van-divider:before{content:""}.van-divider--hairline:after,.van-divider--hairline:before{transform:scaleY(.5)}.van-divider--dashed{border-style:dashed}.van-divider--center:before,.van-divider--left:before,.van-divider--right:before{margin-right:var(--divider-content-padding,16px)}.van-divider--center:after,.van-divider--left:after,.van-divider--right:after{content:"";margin-left:var(--divider-content-padding,16px)}.van-divider--left:before{max-width:var(--divider-content-left-width,10%)}.van-divider--right:after{max-width:var(--divider-content-right-width,10%)}
+@import '../common/index.css';.smart-divider{align-items:center;border:0 solid var(--divider-border-color,var(--app-B6-N7,rgba(0,0,0,.1)));color:var(--divider-text-color,#969799);display:flex;font-size:var(--divider-font-size,14px);line-height:var(--divider-line-height,24px);margin:var(--divider-margin,16px 0)}.smart-divider:after,.smart-divider:before{border-color:inherit;border-style:inherit;border-width:1px 0 0;box-sizing:border-box;display:block;flex:1;height:1px}.smart-divider:before{content:""}.smart-divider--hairline:after,.smart-divider--hairline:before{transform:scaleY(.5)}.smart-divider--dashed{border-style:dashed}.smart-divider--center:before,.smart-divider--left:before,.smart-divider--right:before{margin-right:var(--divider-content-padding,16px)}.smart-divider--center:after,.smart-divider--left:after,.smart-divider--right:after{content:"";margin-left:var(--divider-content-padding,16px)}.smart-divider--left:before{max-width:var(--divider-content-left-width,10%)}.smart-divider--right:after{max-width:var(--divider-content-right-width,10%)}

package/lib/divider/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: {
         dashed: Boolean,
         hairline: Boolean,

package/lib/divider/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.van-divider{align-items:center;border:0 solid var(--divider-border-color,var(--app-B6-N7,rgba(0,0,0,.1)));color:var(--divider-text-color,#969799);display:flex;font-size:var(--divider-font-size,14px);line-height:var(--divider-line-height,24px);margin:var(--divider-margin,16px 0)}.van-divider:after,.van-divider:before{border-color:inherit;border-style:inherit;border-width:1px 0 0;box-sizing:border-box;display:block;flex:1;height:1px}.van-divider:before{content:""}.van-divider--hairline:after,.van-divider--hairline:before{transform:scaleY(.5)}.van-divider--dashed{border-style:dashed}.van-divider--center:before,.van-divider--left:before,.van-divider--right:before{margin-right:var(--divider-content-padding,16px)}.van-divider--center:after,.van-divider--left:after,.van-divider--right:after{content:"";margin-left:var(--divider-content-padding,16px)}.van-divider--left:before{max-width:var(--divider-content-left-width,10%)}.van-divider--right:after{max-width:var(--divider-content-right-width,10%)}
+@import '../common/index.wxss';.smart-divider{align-items:center;border:0 solid var(--divider-border-color,var(--app-B6-N7,rgba(0,0,0,.1)));color:var(--divider-text-color,#969799);display:flex;font-size:var(--divider-font-size,14px);line-height:var(--divider-line-height,24px);margin:var(--divider-margin,16px 0)}.smart-divider:after,.smart-divider:before{border-color:inherit;border-style:inherit;border-width:1px 0 0;box-sizing:border-box;display:block;flex:1;height:1px}.smart-divider:before{content:""}.smart-divider--hairline:after,.smart-divider--hairline:before{transform:scaleY(.5)}.smart-divider--dashed{border-style:dashed}.smart-divider--center:before,.smart-divider--left:before,.smart-divider--right:before{margin-right:var(--divider-content-padding,16px)}.smart-divider--center:after,.smart-divider--left:after,.smart-divider--right:after{content:"";margin-left:var(--divider-content-padding,16px)}.smart-divider--left:before{max-width:var(--divider-content-left-width,10%)}.smart-divider--right:after{max-width:var(--divider-content-right-width,10%)}

package/lib/dropdown-item/index.css

@@ -1 +1 @@
-@import '../common/index.css';.van-dropdown-item{left:0;overflow:hidden;position:fixed;right:0}.van-dropdown-item__option{text-align:left}.van-dropdown-item__option--active .van-dropdown-item__icon,.van-dropdown-item__option--active .van-dropdown-item__title{color:var(--dropdown-menu-option-active-color,var(--app-M1,#3678e3))}.van-dropdown-item--up{top:0}.van-dropdown-item--down{bottom:0}.van-dropdown-item__icon{display:block;line-height:inherit}
+@import '../common/index.css';.smart-dropdown-item{left:0;overflow:hidden;position:fixed;right:0}.smart-dropdown-item__option{text-align:left}.smart-dropdown-item__option--active .smart-dropdown-item__icon,.smart-dropdown-item__option--active .smart-dropdown-item__title{color:var(--dropdown-menu-option-active-color,var(--app-M1,#3678e3))}.smart-dropdown-item--up{top:0}.smart-dropdown-item--down{bottom:0}.smart-dropdown-item__icon{display:block;line-height:inherit}

package/lib/dropdown-item/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)({
     classes: ['item-title-class'],
     field: true,
     relation: (0, relation_1.useParent)('dropdown-menu', function () {

package/lib/dropdown-item/index.json

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

package/lib/dropdown-item/index.wxml

@@ -5,7 +5,7 @@
   class="{{ utils.bem('dropdown-item', direction) }} custom-class"
   style="{{ wrapperStyle }}"
 >
-  <van-popup
+  <smart-popup
     show="{{ showPopup }}"
     custom-style="position: absolute;{{ popupStyle }}"
     overlay-style="position: absolute;"
@@ -21,7 +21,7 @@
     bind:after-enter="onOpened"
     bind:after-leave="onClosed"
   >
-    <van-cell
+    <smart-cell
       wx:for="{{ options }}"
       wx:key="value"
       data-option="{{ item }}"
@@ -32,19 +32,19 @@
     >
       <view
         slot="title"
-        class="van-dropdown-item__title item-title-class"
+        class="smart-dropdown-item__title item-title-class"
         style="{{ item.value === value  ? 'color:' + activeColor : '' }}"
       >
         {{ item.text }}
       </view>
-      <van-icon
+      <smart-icon
         wx:if="{{ item.value === value }}"
         name="success"
-        class="van-dropdown-item__icon"
+        class="smart-dropdown-item__icon"
         color="{{ activeColor }}"
       />
-    </van-cell>
+    </smart-cell>
 
     <slot />
-  </van-popup>
+  </smart-popup>
 </view>

package/lib/dropdown-item/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.van-dropdown-item{left:0;overflow:hidden;position:fixed;right:0}.van-dropdown-item__option{text-align:left}.van-dropdown-item__option--active .van-dropdown-item__icon,.van-dropdown-item__option--active .van-dropdown-item__title{color:var(--dropdown-menu-option-active-color,var(--app-M1,#3678e3))}.van-dropdown-item--up{top:0}.van-dropdown-item--down{bottom:0}.van-dropdown-item__icon{display:block;line-height:inherit}
+@import '../common/index.wxss';.smart-dropdown-item{left:0;overflow:hidden;position:fixed;right:0}.smart-dropdown-item__option{text-align:left}.smart-dropdown-item__option--active .smart-dropdown-item__icon,.smart-dropdown-item__option--active .smart-dropdown-item__title{color:var(--dropdown-menu-option-active-color,var(--app-M1,#3678e3))}.smart-dropdown-item--up{top:0}.smart-dropdown-item--down{bottom:0}.smart-dropdown-item__icon{display:block;line-height:inherit}

package/lib/dropdown-menu/index.css

@@ -1 +1 @@
-@import '../common/index.css';.van-dropdown-menu{background-color:var(--dropdown-menu-background-color,var(--app-B3,#fff));box-shadow:var(--dropdown-menu-box-shadow,0 2px 12px var(--app-B6-N6,rgba(0,0,0,.2)));display:flex;height:var(--dropdown-menu-height,50px);-webkit-user-select:none;user-select:none}.van-dropdown-menu__item{align-items:center;display:flex;flex:1;justify-content:center;min-width:0}.van-dropdown-menu__item:active{opacity:.7}.van-dropdown-menu__item--disabled:active{opacity:1}.van-dropdown-menu__item--disabled .van-dropdown-menu__title{color:var(--dropdown-menu-title-disabled-text-color,var(--app-B6-N4,rgba(0,0,0,.4)))}.van-dropdown-menu__title{box-sizing:border-box;color:var(--dropdown-menu-title-text-color,var(--app-B6-N1,#000));font-size:var(--dropdown-menu-title-font-size,15px);line-height:var(--dropdown-menu-title-line-height,18px);max-width:100%;padding:var(--dropdown-menu-title-padding,0 24px 0 8px);position:relative}.van-dropdown-menu__title:after{border-color:transparent transparent currentcolor currentcolor;border-style:solid;border-width:3px;content:"";margin-top:-5px;opacity:.8;position:absolute;right:11px;top:50%;transform:rotate(-45deg)}.van-dropdown-menu__title--active{color:var(--dropdown-menu-title-active-text-color,var(--app-M1,#3678e3))}.van-dropdown-menu__title--down:after{margin-top:-1px;transform:rotate(135deg)}
+@import '../common/index.css';.smart-dropdown-menu{background-color:var(--dropdown-menu-background-color,var(--app-B3,#fff));box-shadow:var(--dropdown-menu-box-shadow,0 2px 12px var(--app-B6-N6,rgba(0,0,0,.2)));display:flex;height:var(--dropdown-menu-height,50px);-webkit-user-select:none;user-select:none}.smart-dropdown-menu__item{align-items:center;display:flex;flex:1;justify-content:center;min-width:0}.smart-dropdown-menu__item:active{opacity:.7}.smart-dropdown-menu__item--disabled:active{opacity:1}.smart-dropdown-menu__item--disabled .smart-dropdown-menu__title{color:var(--dropdown-menu-title-disabled-text-color,var(--app-B6-N4,rgba(0,0,0,.4)))}.smart-dropdown-menu__title{box-sizing:border-box;color:var(--dropdown-menu-title-text-color,var(--app-B6-N1,#000));font-size:var(--dropdown-menu-title-font-size,15px);line-height:var(--dropdown-menu-title-line-height,18px);max-width:100%;padding:var(--dropdown-menu-title-padding,0 24px 0 8px);position:relative}.smart-dropdown-menu__title:after{border-color:transparent transparent currentcolor currentcolor;border-style:solid;border-width:3px;content:"";margin-top:-5px;opacity:.8;position:absolute;right:11px;top:50%;transform:rotate(-45deg)}.smart-dropdown-menu__title--active{color:var(--dropdown-menu-title-active-text-color,var(--app-M1,#3678e3))}.smart-dropdown-menu__title--down:after{margin-top:-1px;transform:rotate(135deg)}

package/lib/dropdown-menu/index.js

@@ -4,7 +4,7 @@ var component_1 = require("../common/component");
 var relation_1 = require("../common/relation");
 var utils_1 = require("../common/utils");
 var ARRAY = [];
-(0, component_1.VantComponent)({
+(0, component_1.SmartComponent)({
     field: true,
     classes: ['title-class'],
     relation: (0, relation_1.useChildren)('dropdown-item', function () {
@@ -90,7 +90,7 @@ var ARRAY = [];
         getChildWrapperStyle: function () {
             var _this = this;
             var _a = this.data, zIndex = _a.zIndex, direction = _a.direction;
-            return (0, utils_1.getRect)(this, '.van-dropdown-menu').then(function (rect) {
+            return (0, utils_1.getRect)(this, '.smart-dropdown-menu').then(function (rect) {
                 var _a = rect.top, top = _a === void 0 ? 0 : _a, _b = rect.bottom, bottom = _b === void 0 ? 0 : _b;
                 var offset = direction === 'down' ? bottom : _this.windowHeight - top;
                 var wrapperStyle = "z-index: ".concat(zIndex, ";");

package/lib/dropdown-menu/index.wxml

@@ -1,7 +1,7 @@
 <wxs src="../wxs/utils.wxs" module="utils" />
 <wxs src="./index.wxs" module="computed" />
 
-<view class="van-dropdown-menu van-dropdown-menu--top-bottom custom-class">
+<view class="smart-dropdown-menu smart-dropdown-menu--top-bottom custom-class">
   <view
     wx:for="{{ itemListData }}"
     wx:key="index"
@@ -13,7 +13,7 @@
       class="{{ item.titleClass }} {{ utils.bem('dropdown-menu__title', { active: item.showPopup, down: item.showPopup === (direction === 'down') }) }} title-class"
       style="{{ item.showPopup ? 'color:' + activeColor : '' }}"
     >
-      <view class="van-ellipsis">
+      <view class="smart-ellipsis">
         {{ computed.displayTitle(item) }}
       </view>
     </view>

package/lib/dropdown-menu/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.van-dropdown-menu{background-color:var(--dropdown-menu-background-color,var(--app-B3,#fff));box-shadow:var(--dropdown-menu-box-shadow,0 2px 12px var(--app-B6-N6,rgba(0,0,0,.2)));display:flex;height:var(--dropdown-menu-height,50px);-webkit-user-select:none;user-select:none}.van-dropdown-menu__item{align-items:center;display:flex;flex:1;justify-content:center;min-width:0}.van-dropdown-menu__item:active{opacity:.7}.van-dropdown-menu__item--disabled:active{opacity:1}.van-dropdown-menu__item--disabled .van-dropdown-menu__title{color:var(--dropdown-menu-title-disabled-text-color,var(--app-B6-N4,rgba(0,0,0,.4)))}.van-dropdown-menu__title{box-sizing:border-box;color:var(--dropdown-menu-title-text-color,var(--app-B6-N1,#000));font-size:var(--dropdown-menu-title-font-size,15px);line-height:var(--dropdown-menu-title-line-height,18px);max-width:100%;padding:var(--dropdown-menu-title-padding,0 24px 0 8px);position:relative}.van-dropdown-menu__title:after{border-color:transparent transparent currentcolor currentcolor;border-style:solid;border-width:3px;content:"";margin-top:-5px;opacity:.8;position:absolute;right:11px;top:50%;transform:rotate(-45deg)}.van-dropdown-menu__title--active{color:var(--dropdown-menu-title-active-text-color,var(--app-M1,#3678e3))}.van-dropdown-menu__title--down:after{margin-top:-1px;transform:rotate(135deg)}
+@import '../common/index.wxss';.smart-dropdown-menu{background-color:var(--dropdown-menu-background-color,var(--app-B3,#fff));box-shadow:var(--dropdown-menu-box-shadow,0 2px 12px var(--app-B6-N6,rgba(0,0,0,.2)));display:flex;height:var(--dropdown-menu-height,50px);-webkit-user-select:none;user-select:none}.smart-dropdown-menu__item{align-items:center;display:flex;flex:1;justify-content:center;min-width:0}.smart-dropdown-menu__item:active{opacity:.7}.smart-dropdown-menu__item--disabled:active{opacity:1}.smart-dropdown-menu__item--disabled .smart-dropdown-menu__title{color:var(--dropdown-menu-title-disabled-text-color,var(--app-B6-N4,rgba(0,0,0,.4)))}.smart-dropdown-menu__title{box-sizing:border-box;color:var(--dropdown-menu-title-text-color,var(--app-B6-N1,#000));font-size:var(--dropdown-menu-title-font-size,15px);line-height:var(--dropdown-menu-title-line-height,18px);max-width:100%;padding:var(--dropdown-menu-title-padding,0 24px 0 8px);position:relative}.smart-dropdown-menu__title:after{border-color:transparent transparent currentcolor currentcolor;border-style:solid;border-width:3px;content:"";margin-top:-5px;opacity:.8;position:absolute;right:11px;top:50%;transform:rotate(-45deg)}.smart-dropdown-menu__title--active{color:var(--dropdown-menu-title-active-text-color,var(--app-M1,#3678e3))}.smart-dropdown-menu__title--down:after{margin-top:-1px;transform:rotate(135deg)}

package/lib/empty/index.css

@@ -1 +1 @@
-@import '../common/index.css';.van-empty{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:32px 0}.van-empty__image{height:160px;width:160px}.van-empty__image:empty{display:none}.van-empty__image__img{height:100%;width:100%}.van-empty__image:not(:empty)+.van-empty__image{display:none}.van-empty__description{color:#969799;font-size:14px;line-height:20px;margin-top:16px;padding:0 60px}.van-empty__description:empty,.van-empty__description:not(:empty)+.van-empty__description{display:none}.van-empty__bottom{margin-top:24px}
+@import '../common/index.css';.smart-empty{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:32px 0}.smart-empty__image{height:160px;width:160px}.smart-empty__image:empty{display:none}.smart-empty__image__img{height:100%;width:100%}.smart-empty__image:not(:empty)+.smart-empty__image{display:none}.smart-empty__description{color:#969799;font-size:14px;line-height:20px;margin-top:16px;padding:0 60px}.smart-empty__description:empty,.smart-empty__description:not(:empty)+.smart-empty__description{display:none}.smart-empty__bottom{margin-top:24px}

package/lib/empty/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: {
         description: String,
         image: {