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

package/lib/icon/index.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var component_1 = require("../common/component");
-(0, component_1.VantComponent)({
+(0, component_1.SmartComponent)({
     classes: ['info-class'],
     props: {
         dot: Boolean,
@@ -11,7 +11,7 @@ var component_1 = require("../common/component");
         customStyle: String,
         classPrefix: {
             type: String,
-            value: 'van-icon',
+            value: 'smart-icon',
         },
         name: String,
     },

package/lib/icon/index.json

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

package/lib/icon/index.wxml

@@ -5,21 +5,21 @@
   style="{{ computed.rootStyle({ customStyle, color, size }) }}"
   bindtap="onClick"
 >
-  <van-info
+  <smart-info
     wx:if="{{ info !== null || dot }}"
     dot="{{ dot }}"
     info="{{ info }}"
-    custom-class="van-icon__info info-class"
+    custom-class="smart-icon__info info-class"
   />
   <view
     wx:if="{{ computed.isSvg(name) }}"
     style="{{ computed.svgStyle({ customStyle, name, color }) }}"
-    class="van-icon__svg"
+    class="smart-icon__svg"
   />
   <image
     wx:elif="{{ computed.isImage(name) }}"
     src="{{ computed.getImageSrc({ name, color }) }}"
     mode="aspectFit"
-    class="van-icon__image"
+    class="smart-icon__image"
   />
 </view>

package/lib/icon/index.wxs

@@ -13,8 +13,8 @@ function isSvg(name) {
 function rootClass(data) {
   var classes = ['custom-class'];
 
-  if (data.classPrefix !== 'van-icon') {
-    classes.push('van-icon--custom')
+  if (data.classPrefix !== 'smart-icon') {
+    classes.push('smart-icon--custom')
   }
 
   if (data.classPrefix != null) {
@@ -22,8 +22,8 @@ function rootClass(data) {
   }
 
   if (isImage(data.name)) {
-    classes.push('van-icon--image');
-    if (isSvg(data.name)) classes.push('van-icon--svg');
+    classes.push('smart-icon--image');
+    if (isSvg(data.name)) classes.push('smart-icon--svg');
   } else if (data.classPrefix != null) {
     classes.push(data.classPrefix + '-' + data.name);
   }
@@ -49,9 +49,8 @@ function getImageSrc(data) {
 }
 
 function svgStyle(data) {
-  const imageBase64Src = `url(${getImageSrc(data)})`;
-  // console.log('imageBase64Src', imageBase64Src)
-  const ret = style([
+  var imageBase64Src = 'url(' + getImageSrc(data) + ')';
+  var ret = style([
     {
       '-webkit-mask-image': imageBase64Src,
       '-webkit-mask-size': 'contain',

package/lib/icon/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';:host{align-items:center;display:inline-flex;justify-content:center}.van-icon{text-rendering:auto;-webkit-font-smoothing:antialiased;font:normal normal normal 14px/1 vant-icon;font:normal normal normal 14px/1 var(--van-icon-font-family,"vant-icon");font-size:inherit;position:relative}.van-icon,.van-icon:before{display:inline-block}.van-icon--custom{position:relative}.van-icon--image{height:1em;width:1em}.van-icon__image,.van-icon__svg{height:100%;width:100%}.van-icon__svg{background:var(--icon-color,var(--app-B4-N2,rgba(0,0,0,.7)))}.van-icon__info{z-index:1}
+@import '../common/index.wxss';:host{align-items:center;display:inline-flex;justify-content:center}.smart-icon{text-rendering:auto;-webkit-font-smoothing:antialiased;font:normal normal normal 14px/1 var(--smart-icon-font-family,"smart-icon");font-size:inherit;position:relative}.smart-icon,.smart-icon:before{display:inline-block}.smart-icon--custom{position:relative}.smart-icon--image{height:1em;width:1em}.smart-icon__image,.smart-icon__svg{height:100%;width:100%}.smart-icon__svg{background:var(--icon-color,var(--app-B4-N2,rgba(0,0,0,.7)))}.smart-icon__info{z-index:1}

package/lib/image/index.css

@@ -1 +1 @@
-@import '../common/index.css';.van-image{display:inline-block;position:relative}.van-image--round{border-radius:50%;overflow:hidden}.van-image--round .van-image__img{border-radius:inherit}.van-image__error,.van-image__img,.van-image__loading{display:block;height:100%;width:100%}.van-image__error,.van-image__loading{align-items:center;background-color:var(--image-placeholder-background-color,#f7f8fa);color:var(--image-placeholder-text-color,#969799);display:flex;flex-direction:column;font-size:var(--image-placeholder-font-size,14px);justify-content:center;left:0;position:absolute;top:0}.van-image__loading-icon{color:var(--image-loading-icon-color,#dcdee0);font-size:var(--image-loading-icon-size,32px)!important}.van-image__error-icon{color:var(--image-error-icon-color,#dcdee0);font-size:var(--image-error-icon-size,32px)!important}
+@import '../common/index.css';.smart-image{display:inline-block;position:relative}.smart-image--round{border-radius:50%;overflow:hidden}.smart-image--round .smart-image__img{border-radius:inherit}.smart-image__error,.smart-image__img,.smart-image__loading{display:block;height:100%;width:100%}.smart-image__error,.smart-image__loading{align-items:center;background-color:var(--image-placeholder-background-color,#f7f8fa);color:var(--image-placeholder-text-color,#969799);display:flex;flex-direction:column;font-size:var(--image-placeholder-font-size,14px);justify-content:center;left:0;position:absolute;top:0}.smart-image__loading-icon{color:var(--image-loading-icon-color,#dcdee0);font-size:var(--image-loading-icon-size,32px)!important}.smart-image__error-icon{color:var(--image-error-icon-color,#dcdee0);font-size:var(--image-error-icon-size,32px)!important}

package/lib/image/index.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var component_1 = require("../common/component");
 var button_1 = require("../mixins/button");
-(0, component_1.VantComponent)({
+(0, component_1.SmartComponent)({
     mixins: [button_1.button],
     classes: ['custom-class', 'loading-class', 'error-class', 'image-class'],
     props: {

package/lib/image/index.json

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

package/lib/image/index.wxml

@@ -12,7 +12,7 @@
     mode="{{ computed.mode(fit) }}"
     lazy-load="{{ lazyLoad }}"
     webp="{{ webp }}"
-    class="image-class van-image__img"
+    class="image-class smart-image__img"
     show-menu-by-longpress="{{ showMenuByLongpress }}"
     bind:load="onLoad"
     bind:error="onError"
@@ -20,16 +20,16 @@
 
   <view
     wx:if="{{ loading && showLoading }}"
-    class="loading-class van-image__loading"
+    class="loading-class smart-image__loading"
   >
     <slot wx:if="{{ useLoadingSlot }}" name="loading" />
-    <van-icon wx:else name="photo" custom-class="van-image__loading-icon" />
+    <smart-icon wx:else name="photo" custom-class="smart-image__loading-icon" />
   </view>
   <view
     wx:if="{{ error && showError }}"
-    class="error-class van-image__error"
+    class="error-class smart-image__error"
   >
     <slot wx:if="{{ useErrorSlot }}" name="error" />
-    <van-icon wx:else name="photo-fail" custom-class="van-image__error-icon" />
+    <smart-icon wx:else name="photo-fail" custom-class="smart-image__error-icon" />
   </view>
 </view>

package/lib/image/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.van-image{display:inline-block;position:relative}.van-image--round{border-radius:50%;overflow:hidden}.van-image--round .van-image__img{border-radius:inherit}.van-image__error,.van-image__img,.van-image__loading{display:block;height:100%;width:100%}.van-image__error,.van-image__loading{align-items:center;background-color:var(--image-placeholder-background-color,#f7f8fa);color:var(--image-placeholder-text-color,#969799);display:flex;flex-direction:column;font-size:var(--image-placeholder-font-size,14px);justify-content:center;left:0;position:absolute;top:0}.van-image__loading-icon{color:var(--image-loading-icon-color,#dcdee0);font-size:var(--image-loading-icon-size,32px)!important}.van-image__error-icon{color:var(--image-error-icon-color,#dcdee0);font-size:var(--image-error-icon-size,32px)!important}
+@import '../common/index.wxss';.smart-image{display:inline-block;position:relative}.smart-image--round{border-radius:50%;overflow:hidden}.smart-image--round .smart-image__img{border-radius:inherit}.smart-image__error,.smart-image__img,.smart-image__loading{display:block;height:100%;width:100%}.smart-image__error,.smart-image__loading{align-items:center;background-color:var(--image-placeholder-background-color,#f7f8fa);color:var(--image-placeholder-text-color,#969799);display:flex;flex-direction:column;font-size:var(--image-placeholder-font-size,14px);justify-content:center;left:0;position:absolute;top:0}.smart-image__loading-icon{color:var(--image-loading-icon-color,#dcdee0);font-size:var(--image-loading-icon-size,32px)!important}.smart-image__error-icon{color:var(--image-error-icon-color,#dcdee0);font-size:var(--image-error-icon-size,32px)!important}

package/lib/index-anchor/index.css

@@ -1 +1 @@
-@import '../common/index.css';.van-index-anchor{background-color:var(--index-anchor-background-color,transparent);color:var(--index-anchor-text-color,var(--app-B6-N1,#000));font-size:var(--index-anchor-font-size,14px);font-weight:var(--index-anchor-font-weight,500);line-height:var(--index-anchor-line-height,32px);padding:var(--index-anchor-padding,0 16px)}.van-index-anchor--active{background-color:var(--index-anchor-active-background-color,var(--app-B3,#fff));color:var(--index-anchor-active-text-color,var(--app-M1,#3678e3));left:0;right:0}
+@import '../common/index.css';.smart-index-anchor{background-color:var(--index-anchor-background-color,transparent);color:var(--index-anchor-text-color,var(--app-B6-N1,#000));font-size:var(--index-anchor-font-size,14px);font-weight:var(--index-anchor-font-weight,500);line-height:var(--index-anchor-line-height,32px);padding:var(--index-anchor-padding,0 16px)}.smart-index-anchor--active{background-color:var(--index-anchor-active-background-color,var(--app-B3,#fff));color:var(--index-anchor-active-text-color,var(--app-M1,#3678e3));left:0;right:0}

package/lib/index-anchor/index.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var utils_1 = require("../common/utils");
 var component_1 = require("../common/component");
 var relation_1 = require("../common/relation");
-(0, component_1.VantComponent)({
+(0, component_1.SmartComponent)({
     relation: (0, relation_1.useParent)('index-bar'),
     props: {
         useSlot: Boolean,
@@ -17,7 +17,7 @@ var relation_1 = require("../common/relation");
     methods: {
         scrollIntoView: function (scrollTop) {
             var _this = this;
-            (0, utils_1.getRect)(this, '.van-index-anchor-wrapper').then(function (rect) {
+            (0, utils_1.getRect)(this, '.smart-index-anchor-wrapper').then(function (rect) {
                 wx.pageScrollTo({
                     duration: 0,
                     scrollTop: scrollTop + rect.top - _this.parent.data.stickyOffsetTop,

package/lib/index-anchor/index.wxml

@@ -1,9 +1,9 @@
 <view
-  class="van-index-anchor-wrapper"
+  class="smart-index-anchor-wrapper"
   style="{{ wrapperStyle }}"
 >
   <view
-    class="van-index-anchor {{ active ? 'van-index-anchor--active van-hairline--bottom' : '' }}"
+    class="smart-index-anchor {{ active ? 'smart-index-anchor--active smart-hairline--bottom' : '' }}"
     style="{{ anchorStyle }}"
   >
     <slot wx:if="{{ useSlot }}"/>

package/lib/index-anchor/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.van-index-anchor{background-color:var(--index-anchor-background-color,transparent);color:var(--index-anchor-text-color,var(--app-B6-N1,#000));font-size:var(--index-anchor-font-size,14px);font-weight:var(--index-anchor-font-weight,500);line-height:var(--index-anchor-line-height,32px);padding:var(--index-anchor-padding,0 16px)}.van-index-anchor--active{background-color:var(--index-anchor-active-background-color,var(--app-B3,#fff));color:var(--index-anchor-active-text-color,var(--app-M1,#3678e3));left:0;right:0}
+@import '../common/index.wxss';.smart-index-anchor{background-color:var(--index-anchor-background-color,transparent);color:var(--index-anchor-text-color,var(--app-B6-N1,#000));font-size:var(--index-anchor-font-size,14px);font-weight:var(--index-anchor-font-weight,500);line-height:var(--index-anchor-line-height,32px);padding:var(--index-anchor-padding,0 16px)}.smart-index-anchor--active{background-color:var(--index-anchor-active-background-color,var(--app-B3,#fff));color:var(--index-anchor-active-text-color,var(--app-M1,#3678e3));left:0;right:0}

package/lib/index-bar/index.css

@@ -1 +1 @@
-@import '../common/index.css';.van-index-bar{position:relative}.van-index-bar__sidebar{display:flex;flex-direction:column;position:fixed;right:0;text-align:center;top:50%;transform:translateY(-50%);-webkit-user-select:none;user-select:none}.van-index-bar__index{font-size:var(--index-bar-index-font-size,10px);font-weight:500;line-height:var(--index-bar-index-line-height,14px);padding:0 var(--padding-base,4px) 0 var(--padding-md,16px)}
+@import '../common/index.css';.smart-index-bar{position:relative}.smart-index-bar__sidebar{display:flex;flex-direction:column;position:fixed;right:0;text-align:center;top:50%;transform:translateY(-50%);-webkit-user-select:none;user-select:none}.smart-index-bar__index{font-size:var(--index-bar-index-font-size,10px);font-weight:500;line-height:var(--index-bar-index-line-height,14px);padding:0 var(--padding-base,4px) 0 var(--padding-md,16px)}

package/lib/index-bar/index.js

@@ -13,7 +13,7 @@ var indexList = function () {
     }
     return indexList;
 };
-(0, component_1.VantComponent)({
+(0, component_1.SmartComponent)({
     relation: (0, relation_1.useChildren)('index-anchor', function () {
         this.updateData();
     }),
@@ -79,7 +79,7 @@ var indexList = function () {
         setAnchorsRect: function () {
             var _this = this;
             return Promise.all(this.children.map(function (anchor) {
-                return (0, utils_1.getRect)(anchor, '.van-index-anchor-wrapper').then(function (rect) {
+                return (0, utils_1.getRect)(anchor, '.smart-index-anchor-wrapper').then(function (rect) {
                     Object.assign(anchor, {
                         height: rect.height,
                         top: rect.top + _this.scrollTop,
@@ -89,7 +89,7 @@ var indexList = function () {
         },
         setListRect: function () {
             var _this = this;
-            return (0, utils_1.getRect)(this, '.van-index-bar').then(function (rect) {
+            return (0, utils_1.getRect)(this, '.smart-index-bar').then(function (rect) {
                 if (!(0, utils_1.isDef)(rect)) {
                     return;
                 }
@@ -101,7 +101,7 @@ var indexList = function () {
         },
         setSiderbarRect: function () {
             var _this = this;
-            return (0, utils_1.getRect)(this, '.van-index-bar__sidebar').then(function (res) {
+            return (0, utils_1.getRect)(this, '.smart-index-bar__sidebar').then(function (res) {
                 if (!(0, utils_1.isDef)(res)) {
                     return;
                 }
@@ -124,7 +124,7 @@ var indexList = function () {
             }
         },
         getAnchorRect: function (anchor) {
-            return (0, utils_1.getRect)(anchor, '.van-index-anchor-wrapper').then(function (rect) { return ({
+            return (0, utils_1.getRect)(anchor, '.smart-index-anchor-wrapper').then(function (rect) { return ({
                 height: rect.height,
                 top: rect.top,
             }); });

package/lib/index-bar/index.wxml

@@ -1,9 +1,9 @@
-<view class="van-index-bar">
+<view class="smart-index-bar">
   <slot />
 
   <view
     wx:if="{{ showSidebar }}"
-    class="van-index-bar__sidebar"
+    class="smart-index-bar__sidebar"
     catch:tap="onClick"
     catch:touchmove="onTouchMove"
     catch:touchend="onTouchStop"
@@ -12,7 +12,7 @@
     <view
       wx:for="{{ indexList }}"
       wx:key="index"
-      class="van-index-bar__index"
+      class="smart-index-bar__index"
       style="z-index: {{ zIndex + 1 }}; color: {{ activeAnchorIndex === index ? highlightColor : '' }}"
       data-index="{{ index }}"
     >

package/lib/index-bar/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.van-index-bar{position:relative}.van-index-bar__sidebar{display:flex;flex-direction:column;position:fixed;right:0;text-align:center;top:50%;transform:translateY(-50%);-webkit-user-select:none;user-select:none}.van-index-bar__index{font-size:var(--index-bar-index-font-size,10px);font-weight:500;line-height:var(--index-bar-index-line-height,14px);padding:0 var(--padding-base,4px) 0 var(--padding-md,16px)}
+@import '../common/index.wxss';.smart-index-bar{position:relative}.smart-index-bar__sidebar{display:flex;flex-direction:column;position:fixed;right:0;text-align:center;top:50%;transform:translateY(-50%);-webkit-user-select:none;user-select:none}.smart-index-bar__index{font-size:var(--index-bar-index-font-size,10px);font-weight:500;line-height:var(--index-bar-index-line-height,14px);padding:0 var(--padding-base,4px) 0 var(--padding-md,16px)}

package/lib/info/index.css

@@ -1 +1 @@
-@import '../common/index.css';.van-info{align-items:center;background-color:var(--info-background-color,var(--app-M2,#f04c4c));border:var(--info-border-width,0) solid #fff;border-radius:var(--info-size,12px);box-sizing:border-box;color:var(--info-color,#fff);display:inline-flex;font-family:var(--info-font-family,-apple-system-font,PingFang SC,Helvetica Neue,Arial,sans-serif);font-size:var(--info-font-size,11px);font-weight:var(--info-font-weight,600);height:var(--info-size,12px);justify-content:center;min-width:var(--info-size,12px);padding:var(--info-padding,0 4px);position:absolute;right:0;top:0;transform:translate(50%,-50%);transform-origin:100%;white-space:nowrap}.van-info--dot{background-color:var(--info-dot-color,var(--app-M2,#f04c4c));border-radius:100%;height:var(--info-dot-size,8px);min-width:0;width:var(--info-dot-size,8px)}
+@import '../common/index.css';.smart-info{align-items:center;background-color:var(--info-background-color,var(--app-M2,#f04c4c));border:var(--info-border-width,0) solid #fff;border-radius:var(--info-size,12px);box-sizing:border-box;color:var(--info-color,#fff);display:inline-flex;font-family:var(--info-font-family,-apple-system-font,PingFang SC,Helvetica Neue,Arial,sans-serif);font-size:var(--info-font-size,11px);font-weight:var(--info-font-weight,600);height:var(--info-size,12px);justify-content:center;min-width:var(--info-size,12px);padding:var(--info-padding,0 4px);position:absolute;right:0;top:0;transform:translate(50%,-50%);transform-origin:100%;white-space:nowrap}.smart-info--dot{background-color:var(--info-dot-color,var(--app-M2,#f04c4c));border-radius:100%;height:var(--info-dot-size,8px);min-width:0;width:var(--info-dot-size,8px)}

package/lib/info/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: {
         dot: Boolean,
         info: null,

package/lib/info/index.wxml

@@ -2,6 +2,6 @@
 
 <view
   wx:if="{{ info !== null && info !== '' || dot }}"
-  class="van-info {{ utils.bem('info', { dot }) }} custom-class"
+  class="smart-info {{ utils.bem('info', { dot }) }} custom-class"
   style="{{ customStyle }}"
 >{{ dot ? '' : info }}</view>

package/lib/info/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.van-info{align-items:center;background-color:var(--info-background-color,var(--app-M2,#f04c4c));border:var(--info-border-width,0) solid #fff;border-radius:var(--info-size,12px);box-sizing:border-box;color:var(--info-color,#fff);display:inline-flex;font-family:var(--info-font-family,-apple-system-font,PingFang SC,Helvetica Neue,Arial,sans-serif);font-size:var(--info-font-size,11px);font-weight:var(--info-font-weight,600);height:var(--info-size,12px);justify-content:center;min-width:var(--info-size,12px);padding:var(--info-padding,0 4px);position:absolute;right:0;top:0;transform:translate(50%,-50%);transform-origin:100%;white-space:nowrap}.van-info--dot{background-color:var(--info-dot-color,var(--app-M2,#f04c4c));border-radius:100%;height:var(--info-dot-size,8px);min-width:0;width:var(--info-dot-size,8px)}
+@import '../common/index.wxss';.smart-info{align-items:center;background-color:var(--info-background-color,var(--app-M2,#f04c4c));border:var(--info-border-width,0) solid #fff;border-radius:var(--info-size,12px);box-sizing:border-box;color:var(--info-color,#fff);display:inline-flex;font-family:var(--info-font-family,-apple-system-font,PingFang SC,Helvetica Neue,Arial,sans-serif);font-size:var(--info-font-size,11px);font-weight:var(--info-font-weight,600);height:var(--info-size,12px);justify-content:center;min-width:var(--info-size,12px);padding:var(--info-padding,0 4px);position:absolute;right:0;top:0;transform:translate(50%,-50%);transform-origin:100%;white-space:nowrap}.smart-info--dot{background-color:var(--info-dot-color,var(--app-M2,#f04c4c));border-radius:100%;height:var(--info-dot-size,8px);min-width:0;width:var(--info-dot-size,8px)}

package/lib/loading/index.css

@@ -1 +1 @@
-@import '../common/index.css';:host{font-size:0;line-height:1}.van-loading{align-items:center;color:var(--loading-spinner-color,#c8c9cc);display:inline-flex;justify-content:center}.van-loading__spinner{animation:van-rotate var(--loading-spinner-animation-duration,.8s) linear infinite;box-sizing:border-box;height:var(--loading-spinner-size,30px);max-height:100%;max-width:100%;position:relative;width:var(--loading-spinner-size,30px)}.van-loading__spinner--spinner{animation-timing-function:steps(12)}.van-loading__spinner--circular{border:1px solid transparent;border-radius:100%;border-top-color:initial}.van-loading__text{color:var(--loading-text-color,#969799);font-size:var(--loading-text-font-size,14px);line-height:var(--loading-text-line-height,20px);margin-left:var(--padding-xs,8px)}.van-loading__text:empty{display:none}.van-loading--vertical{flex-direction:column}.van-loading--vertical .van-loading__text{margin:var(--padding-xs,8px) 0 0}.van-loading__dot{height:100%;left:0;position:absolute;top:0;width:100%}.van-loading__dot:before{background-color:currentColor;border-radius:40%;content:" ";display:block;height:25%;margin:0 auto;width:2px}.van-loading__dot:first-of-type{opacity:1;transform:rotate(30deg)}.van-loading__dot:nth-of-type(2){opacity:.9375;transform:rotate(60deg)}.van-loading__dot:nth-of-type(3){opacity:.875;transform:rotate(90deg)}.van-loading__dot:nth-of-type(4){opacity:.8125;transform:rotate(120deg)}.van-loading__dot:nth-of-type(5){opacity:.75;transform:rotate(150deg)}.van-loading__dot:nth-of-type(6){opacity:.6875;transform:rotate(180deg)}.van-loading__dot:nth-of-type(7){opacity:.625;transform:rotate(210deg)}.van-loading__dot:nth-of-type(8){opacity:.5625;transform:rotate(240deg)}.van-loading__dot:nth-of-type(9){opacity:.5;transform:rotate(270deg)}.van-loading__dot:nth-of-type(10){opacity:.4375;transform:rotate(300deg)}.van-loading__dot:nth-of-type(11){opacity:.375;transform:rotate(330deg)}.van-loading__dot:nth-of-type(12){opacity:.3125;transform:rotate(1turn)}@keyframes van-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
+@import '../common/index.css';:host{font-size:0;line-height:1}.smart-loading{align-items:center;color:var(--loading-spinner-color,#c8c9cc);display:inline-flex;justify-content:center}.smart-loading__spinner{animation:smart-rotate var(--loading-spinner-animation-duration,.8s) linear infinite;box-sizing:border-box;height:var(--loading-spinner-size,30px);max-height:100%;max-width:100%;position:relative;width:var(--loading-spinner-size,30px)}.smart-loading__spinner--spinner{animation-timing-function:steps(12)}.smart-loading__spinner--circular{border:1px solid transparent;border-radius:100%;border-top-color:initial}.smart-loading__text{color:var(--loading-text-color,#969799);font-size:var(--loading-text-font-size,14px);line-height:var(--loading-text-line-height,20px);margin-left:var(--padding-xs,8px)}.smart-loading__text:empty{display:none}.smart-loading--vertical{flex-direction:column}.smart-loading--vertical .smart-loading__text{margin:var(--padding-xs,8px) 0 0}.smart-loading__dot{height:100%;left:0;position:absolute;top:0;width:100%}.smart-loading__dot:before{background-color:currentColor;border-radius:40%;content:" ";display:block;height:25%;margin:0 auto;width:2px}.smart-loading__dot:first-of-type{opacity:1;transform:rotate(30deg)}.smart-loading__dot:nth-of-type(2){opacity:.9375;transform:rotate(60deg)}.smart-loading__dot:nth-of-type(3){opacity:.875;transform:rotate(90deg)}.smart-loading__dot:nth-of-type(4){opacity:.8125;transform:rotate(120deg)}.smart-loading__dot:nth-of-type(5){opacity:.75;transform:rotate(150deg)}.smart-loading__dot:nth-of-type(6){opacity:.6875;transform:rotate(180deg)}.smart-loading__dot:nth-of-type(7){opacity:.625;transform:rotate(210deg)}.smart-loading__dot:nth-of-type(8){opacity:.5625;transform:rotate(240deg)}.smart-loading__dot:nth-of-type(9){opacity:.5;transform:rotate(270deg)}.smart-loading__dot:nth-of-type(10){opacity:.4375;transform:rotate(300deg)}.smart-loading__dot:nth-of-type(11){opacity:.375;transform:rotate(330deg)}.smart-loading__dot:nth-of-type(12){opacity:.3125;transform:rotate(1turn)}@keyframes smart-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}

package/lib/loading/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: {
         color: String,
         vertical: Boolean,

package/lib/loading/index.wxml

@@ -3,17 +3,17 @@
 
 <view class="custom-class {{ utils.bem('loading', { vertical }) }}">
   <view
-    class="van-loading__spinner van-loading__spinner--{{ type }}"
+    class="smart-loading__spinner smart-loading__spinner--{{ type }}"
     style="{{ computed.spinnerStyle({ color, size }) }}"
   >
     <view
       wx:if="{{ type === 'spinner' }}"
       wx:for="{{ array12 }}"
       wx:key="index"
-      class="van-loading__dot"
+      class="smart-loading__dot"
     />
   </view>
-  <view class="van-loading__text" style="{{ computed.textStyle({ textSize }) }}">
+  <view class="smart-loading__text" style="{{ computed.textStyle({ textSize }) }}">
     <slot />
   </view>
 </view>

package/lib/loading/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';:host{font-size:0;line-height:1}.van-loading{align-items:center;color:var(--loading-spinner-color,#c8c9cc);display:inline-flex;justify-content:center}.van-loading__spinner{animation:van-rotate var(--loading-spinner-animation-duration,.8s) linear infinite;box-sizing:border-box;height:var(--loading-spinner-size,30px);max-height:100%;max-width:100%;position:relative;width:var(--loading-spinner-size,30px)}.van-loading__spinner--spinner{animation-timing-function:steps(12)}.van-loading__spinner--circular{border:1px solid transparent;border-radius:100%;border-top-color:initial}.van-loading__text{color:var(--loading-text-color,#969799);font-size:var(--loading-text-font-size,14px);line-height:var(--loading-text-line-height,20px);margin-left:var(--padding-xs,8px)}.van-loading__text:empty{display:none}.van-loading--vertical{flex-direction:column}.van-loading--vertical .van-loading__text{margin:var(--padding-xs,8px) 0 0}.van-loading__dot{height:100%;left:0;position:absolute;top:0;width:100%}.van-loading__dot:before{background-color:currentColor;border-radius:40%;content:" ";display:block;height:25%;margin:0 auto;width:2px}.van-loading__dot:first-of-type{opacity:1;transform:rotate(30deg)}.van-loading__dot:nth-of-type(2){opacity:.9375;transform:rotate(60deg)}.van-loading__dot:nth-of-type(3){opacity:.875;transform:rotate(90deg)}.van-loading__dot:nth-of-type(4){opacity:.8125;transform:rotate(120deg)}.van-loading__dot:nth-of-type(5){opacity:.75;transform:rotate(150deg)}.van-loading__dot:nth-of-type(6){opacity:.6875;transform:rotate(180deg)}.van-loading__dot:nth-of-type(7){opacity:.625;transform:rotate(210deg)}.van-loading__dot:nth-of-type(8){opacity:.5625;transform:rotate(240deg)}.van-loading__dot:nth-of-type(9){opacity:.5;transform:rotate(270deg)}.van-loading__dot:nth-of-type(10){opacity:.4375;transform:rotate(300deg)}.van-loading__dot:nth-of-type(11){opacity:.375;transform:rotate(330deg)}.van-loading__dot:nth-of-type(12){opacity:.3125;transform:rotate(1turn)}@keyframes van-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
+@import '../common/index.wxss';:host{font-size:0;line-height:1}.smart-loading{align-items:center;color:var(--loading-spinner-color,#c8c9cc);display:inline-flex;justify-content:center}.smart-loading__spinner{animation:smart-rotate var(--loading-spinner-animation-duration,.8s) linear infinite;box-sizing:border-box;height:var(--loading-spinner-size,30px);max-height:100%;max-width:100%;position:relative;width:var(--loading-spinner-size,30px)}.smart-loading__spinner--spinner{animation-timing-function:steps(12)}.smart-loading__spinner--circular{border:1px solid transparent;border-radius:100%;border-top-color:initial}.smart-loading__text{color:var(--loading-text-color,#969799);font-size:var(--loading-text-font-size,14px);line-height:var(--loading-text-line-height,20px);margin-left:var(--padding-xs,8px)}.smart-loading__text:empty{display:none}.smart-loading--vertical{flex-direction:column}.smart-loading--vertical .smart-loading__text{margin:var(--padding-xs,8px) 0 0}.smart-loading__dot{height:100%;left:0;position:absolute;top:0;width:100%}.smart-loading__dot:before{background-color:currentColor;border-radius:40%;content:" ";display:block;height:25%;margin:0 auto;width:2px}.smart-loading__dot:first-of-type{opacity:1;transform:rotate(30deg)}.smart-loading__dot:nth-of-type(2){opacity:.9375;transform:rotate(60deg)}.smart-loading__dot:nth-of-type(3){opacity:.875;transform:rotate(90deg)}.smart-loading__dot:nth-of-type(4){opacity:.8125;transform:rotate(120deg)}.smart-loading__dot:nth-of-type(5){opacity:.75;transform:rotate(150deg)}.smart-loading__dot:nth-of-type(6){opacity:.6875;transform:rotate(180deg)}.smart-loading__dot:nth-of-type(7){opacity:.625;transform:rotate(210deg)}.smart-loading__dot:nth-of-type(8){opacity:.5625;transform:rotate(240deg)}.smart-loading__dot:nth-of-type(9){opacity:.5;transform:rotate(270deg)}.smart-loading__dot:nth-of-type(10){opacity:.4375;transform:rotate(300deg)}.smart-loading__dot:nth-of-type(11){opacity:.375;transform:rotate(330deg)}.smart-loading__dot:nth-of-type(12){opacity:.3125;transform:rotate(1turn)}@keyframes smart-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}

package/lib/mixins/basic.js

@@ -10,5 +10,21 @@ exports.basic = Behavior({
             this.setData(data);
             return new Promise(function (resolve) { return wx.nextTick(resolve); });
         },
+        // high performance setData
+        setView: function (data, callback) {
+            var _this = this;
+            var target = {};
+            var hasChange = false;
+            Object.keys(data).forEach(function (key) {
+                if (data[key] !== _this.data[key]) {
+                    target[key] = data[key];
+                    hasChange = true;
+                }
+            });
+            if (hasChange) {
+                return this.setData(target, callback);
+            }
+            return callback && callback();
+        },
     },
 });

package/lib/mixins/page-scroll.js

@@ -4,8 +4,8 @@ exports.pageScrollMixin = void 0;
 var validator_1 = require("../common/validator");
 var utils_1 = require("../common/utils");
 function onPageScroll(event) {
-    var _a = (0, utils_1.getCurrentPage)().vanPageScroller, vanPageScroller = _a === void 0 ? [] : _a;
-    vanPageScroller.forEach(function (scroller) {
+    var _a = (0, utils_1.getCurrentPage)().smartPageScroller, smartPageScroller = _a === void 0 ? [] : _a;
+    smartPageScroller.forEach(function (scroller) {
         if (typeof scroller === 'function') {
             // @ts-ignore
             scroller(event);
@@ -20,25 +20,25 @@ function pageScrollMixin(scroller) {
                 return;
             }
             var _scroller = scroller.bind(this);
-            var _a = page.vanPageScroller, vanPageScroller = _a === void 0 ? [] : _a;
+            var _a = page.smartPageScroller, smartPageScroller = _a === void 0 ? [] : _a;
             if ((0, validator_1.isFunction)(page.onPageScroll) && page.onPageScroll !== onPageScroll) {
-                vanPageScroller.push(page.onPageScroll.bind(page));
+                smartPageScroller.push(page.onPageScroll.bind(page));
             }
-            vanPageScroller.push(_scroller);
-            page.vanPageScroller = vanPageScroller;
+            smartPageScroller.push(_scroller);
+            page.smartPageScroller = smartPageScroller;
             page.onPageScroll = onPageScroll;
             this._scroller = _scroller;
         },
         detached: function () {
             var _this = this;
             var page = (0, utils_1.getCurrentPage)();
-            if (!(0, utils_1.isDef)(page) || !(0, utils_1.isDef)(page.vanPageScroller)) {
+            if (!(0, utils_1.isDef)(page) || !(0, utils_1.isDef)(page.smartPageScroller)) {
                 return;
             }
-            var vanPageScroller = page.vanPageScroller;
-            var index = vanPageScroller.findIndex(function (v) { return v === _this._scroller; });
+            var smartPageScroller = page.smartPageScroller;
+            var index = smartPageScroller.findIndex(function (v) { return v === _this._scroller; });
             if (index > -1) {
-                page.vanPageScroller.splice(index, 1);
+                page.smartPageScroller.splice(index, 1);
             }
             this._scroller = undefined;
         },

package/lib/mixins/transition.js

@@ -5,10 +5,10 @@ exports.transition = void 0;
 var utils_1 = require("../common/utils");
 var validator_1 = require("../common/validator");
 var getClassNames = function (name) { return ({
-    enter: "van-".concat(name, "-enter van-").concat(name, "-enter-active enter-class enter-active-class"),
-    'enter-to': "van-".concat(name, "-enter-to van-").concat(name, "-enter-active enter-to-class enter-active-class"),
-    leave: "van-".concat(name, "-leave van-").concat(name, "-leave-active leave-class leave-active-class"),
-    'leave-to': "van-".concat(name, "-leave-to van-").concat(name, "-leave-active leave-to-class leave-active-class"),
+    enter: "smart-".concat(name, "-enter smart-").concat(name, "-enter-active enter-class enter-active-class"),
+    'enter-to': "smart-".concat(name, "-enter-to smart-").concat(name, "-enter-active enter-to-class enter-active-class"),
+    leave: "smart-".concat(name, "-leave smart-").concat(name, "-leave-active leave-class leave-active-class"),
+    'leave-to': "smart-".concat(name, "-leave-to smart-").concat(name, "-leave-active leave-to-class leave-active-class"),
 }); };
 function transition(showDefaultValue) {
     return Behavior({

package/lib/nav-bar/index.css

@@ -1 +1 @@
-@import '../common/index.css';.van-nav-bar{background-color:var(--nav-bar-background-color,var(--app-B2,#fff));box-sizing:initial;height:var(--nav-bar-height,46px);line-height:var(--nav-bar-height,46px);position:relative;text-align:center;-webkit-user-select:none;user-select:none}.van-nav-bar__content{height:100%;position:relative}.van-nav-bar__text{color:var(--nav-bar-text-color,var(--app-B6-N1,#000));display:inline-block;margin:0 calc(var(--padding-md, 16px)*-1);padding:0 var(--padding-md,16px);vertical-align:middle}.van-nav-bar__text--hover{background-color:#f2f3f5}.van-nav-bar__arrow{color:var(--nav-bar-icon-color,var(--app-B6-N1,#000))!important;font-size:var(--nav-bar-arrow-size,16px)!important;vertical-align:middle}.van-nav-bar__arrow+.van-nav-bar__text{margin-left:-20px;padding-left:25px}.van-nav-bar--fixed{left:0;position:fixed;top:0;width:100%}.van-nav-bar__title{color:var(--nav-bar-title-text-color,var(--app-B6-N1,#000));font-size:var(--nav-bar-title-font-size,16px);font-weight:var(--font-weight-bold,500);margin:0 auto;max-width:60%}.van-nav-bar__left,.van-nav-bar__right{align-items:center;bottom:0;display:flex;font-size:var(--font-size-md,14px);position:absolute;top:0}.van-nav-bar__left{left:var(--padding-md,16px)}.van-nav-bar__right{right:var(--padding-md,16px)}
+@import '../common/index.css';.smart-nav-bar{background-color:var(--nav-bar-background-color,var(--app-B2,#fff));box-sizing:initial;height:var(--nav-bar-height,46px);line-height:var(--nav-bar-height,46px);position:relative;text-align:center;-webkit-user-select:none;user-select:none}.smart-nav-bar__content{height:100%;position:relative}.smart-nav-bar__text{color:var(--nav-bar-text-color,var(--app-B6-N1,#000));display:inline-block;margin:0 calc(var(--padding-md, 16px)*-1);padding:0 var(--padding-md,16px);vertical-align:middle}.smart-nav-bar__text--hover{background-color:#f2f3f5}.smart-nav-bar__arrow{color:var(--nav-bar-icon-color,var(--app-B6-N1,#000))!important;font-size:var(--nav-bar-arrow-size,16px)!important;vertical-align:middle}.smart-nav-bar__arrow+.smart-nav-bar__text{margin-left:-20px;padding-left:25px}.smart-nav-bar--fixed{left:0;position:fixed;top:0;width:100%}.smart-nav-bar__title{color:var(--nav-bar-title-text-color,var(--app-B6-N1,#000));font-size:var(--nav-bar-title-font-size,16px);font-weight:var(--font-weight-bold,500);margin:0 auto;max-width:60%}.smart-nav-bar__left,.smart-nav-bar__right{align-items:center;bottom:0;display:flex;font-size:var(--font-size-md,14px);position:absolute;top:0}.smart-nav-bar__left{left:var(--padding-md,16px)}.smart-nav-bar__right{right:var(--padding-md,16px)}

package/lib/nav-bar/index.js

@@ -3,10 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+var Left_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Left"));
 var component_1 = require("../common/component");
 var utils_1 = require("../common/utils");
-var Left_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Left"));
-(0, component_1.VantComponent)({
+(0, component_1.SmartComponent)({
     classes: ['title-class'],
     props: {
         title: String,
@@ -62,7 +62,7 @@ var Left_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Left"));
                 return;
             }
             wx.nextTick(function () {
-                (0, utils_1.getRect)(_this, '.van-nav-bar').then(function (res) {
+                (0, utils_1.getRect)(_this, '.smart-nav-bar').then(function (res) {
                     if (res && 'height' in res) {
                         _this.setData({ height: res.height });
                     }

package/lib/nav-bar/index.json

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

package/lib/nav-bar/index.wxml

@@ -4,37 +4,37 @@
 <view wx:if="{{ fixed && placeholder }}" style="height: {{ height }}px;" />
 
 <view
-  class="{{ utils.bem('nav-bar', { fixed }) }} custom-class {{ border ? 'van-hairline--bottom' : '' }}"
+  class="{{ utils.bem('nav-bar', { fixed }) }} custom-class {{ border ? 'smart-hairline--bottom' : '' }}"
   style="{{ computed.barStyle({ zIndex, statusBarHeight, safeAreaInsetTop }) }}; {{ customStyle }}"
 >
-  <view class="van-nav-bar__content">
-    <view class="van-nav-bar__left" bind:tap="onClickLeft">
+  <view class="smart-nav-bar__content">
+    <view class="smart-nav-bar__left" bind:tap="onClickLeft">
       <block wx:if="{{ leftArrow || leftText }}">
-        <van-icon
+        <smart-icon
           wx:if="{{ leftArrow }}"
           size="16px"
           name="{{ leftArrowIcon }}"
-          custom-class="van-nav-bar__arrow"
+          custom-class="smart-nav-bar__arrow"
         />
         <view
           wx:if="{{ leftText }}"
-          class="van-nav-bar__text"
-          hover-class="van-nav-bar__text--hover"
+          class="smart-nav-bar__text"
+          hover-class="smart-nav-bar__text--hover"
           hover-stay-time="70"
         >{{ leftText }}</view>
       </block>
       <slot wx:else name="left" />
     </view>
-    <view class="van-nav-bar__title title-class van-ellipsis">
+    <view class="smart-nav-bar__title title-class smart-ellipsis">
       <block wx:if="{{ title }}">{{ title }}</block>
 
       <slot wx:else name="title" />
     </view>
-    <view class="van-nav-bar__right" bind:tap="onClickRight">
+    <view class="smart-nav-bar__right" bind:tap="onClickRight">
       <view
         wx:if="{{ rightText }}"
-        class="van-nav-bar__text"
-        hover-class="van-nav-bar__text--hover"
+        class="smart-nav-bar__text"
+        hover-class="smart-nav-bar__text--hover"
         hover-stay-time="70"
       >{{ rightText }}</view>
       <slot wx:else name="right" />

package/lib/nav-bar/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.van-nav-bar{background-color:var(--nav-bar-background-color,var(--app-B2,#fff));box-sizing:initial;height:var(--nav-bar-height,46px);line-height:var(--nav-bar-height,46px);position:relative;text-align:center;-webkit-user-select:none;user-select:none}.van-nav-bar__content{height:100%;position:relative}.van-nav-bar__text{color:var(--nav-bar-text-color,var(--app-B6-N1,#000));display:inline-block;margin:0 calc(var(--padding-md, 16px)*-1);padding:0 var(--padding-md,16px);vertical-align:middle}.van-nav-bar__text--hover{background-color:#f2f3f5}.van-nav-bar__arrow{color:var(--nav-bar-icon-color,var(--app-B6-N1,#000))!important;font-size:var(--nav-bar-arrow-size,16px)!important;vertical-align:middle}.van-nav-bar__arrow+.van-nav-bar__text{margin-left:-20px;padding-left:25px}.van-nav-bar--fixed{left:0;position:fixed;top:0;width:100%}.van-nav-bar__title{color:var(--nav-bar-title-text-color,var(--app-B6-N1,#000));font-size:var(--nav-bar-title-font-size,16px);font-weight:var(--font-weight-bold,500);margin:0 auto;max-width:60%}.van-nav-bar__left,.van-nav-bar__right{align-items:center;bottom:0;display:flex;font-size:var(--font-size-md,14px);position:absolute;top:0}.van-nav-bar__left{left:var(--padding-md,16px)}.van-nav-bar__right{right:var(--padding-md,16px)}
+@import '../common/index.wxss';.smart-nav-bar{background-color:var(--nav-bar-background-color,var(--app-B2,#fff));box-sizing:initial;height:var(--nav-bar-height,46px);line-height:var(--nav-bar-height,46px);position:relative;text-align:center;-webkit-user-select:none;user-select:none}.smart-nav-bar__content{height:100%;position:relative}.smart-nav-bar__text{color:var(--nav-bar-text-color,var(--app-B6-N1,#000));display:inline-block;margin:0 calc(var(--padding-md, 16px)*-1);padding:0 var(--padding-md,16px);vertical-align:middle}.smart-nav-bar__text--hover{background-color:#f2f3f5}.smart-nav-bar__arrow{color:var(--nav-bar-icon-color,var(--app-B6-N1,#000))!important;font-size:var(--nav-bar-arrow-size,16px)!important;vertical-align:middle}.smart-nav-bar__arrow+.smart-nav-bar__text{margin-left:-20px;padding-left:25px}.smart-nav-bar--fixed{left:0;position:fixed;top:0;width:100%}.smart-nav-bar__title{color:var(--nav-bar-title-text-color,var(--app-B6-N1,#000));font-size:var(--nav-bar-title-font-size,16px);font-weight:var(--font-weight-bold,500);margin:0 auto;max-width:60%}.smart-nav-bar__left,.smart-nav-bar__right{align-items:center;bottom:0;display:flex;font-size:var(--font-size-md,14px);position:absolute;top:0}.smart-nav-bar__left{left:var(--padding-md,16px)}.smart-nav-bar__right{right:var(--padding-md,16px)}

package/lib/normal-slider/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: {
         className: {
             type: String,

package/lib/notice-bar/index.css

@@ -1 +1 @@
-@import '../common/index.css';.van-notice-bar{align-items:center;background-color:var(--notice-bar-background-color,#fffbe8);color:var(--notice-bar-text-color,var(--app-B6-N3,rgba(0,0,0,.5)));display:flex;font-size:var(--notice-bar-font-size,14px);height:var(--notice-bar-height,40px);line-height:var(--notice-bar-line-height,24px);padding:var(--notice-bar-padding,0 16px)}.van-notice-bar--withicon{padding-right:40px;position:relative}.van-notice-bar--wrapable{height:auto;padding:var(--notice-bar-wrapable-padding,8px 16px)}.van-notice-bar--wrapable .van-notice-bar__wrap{height:auto}.van-notice-bar--wrapable .van-notice-bar__content{position:relative;white-space:normal}.van-notice-bar__left-icon{align-items:center;display:flex;margin-right:4px;vertical-align:middle}.van-notice-bar__left-icon,.van-notice-bar__right-icon{font-size:var(--notice-bar-icon-size,16px);min-width:var(--notice-bar-icon-min-width,22px)}.van-notice-bar__right-icon{position:absolute;right:15px;top:10px}.van-notice-bar__wrap{flex:1;height:var(--notice-bar-line-height,24px);overflow:hidden;position:relative}.van-notice-bar__content{position:absolute;white-space:nowrap}.van-notice-bar__content.van-ellipsis{max-width:100%}
+@import '../common/index.css';.smart-notice-bar{align-items:center;background-color:var(--notice-bar-background-color,#fffbe8);color:var(--notice-bar-text-color,var(--app-B6-N3,rgba(0,0,0,.5)));display:flex;font-size:var(--notice-bar-font-size,14px);height:var(--notice-bar-height,40px);line-height:var(--notice-bar-line-height,24px);padding:var(--notice-bar-padding,0 16px)}.smart-notice-bar--withicon{padding-right:40px;position:relative}.smart-notice-bar--wrapable{height:auto;padding:var(--notice-bar-wrapable-padding,8px 16px)}.smart-notice-bar--wrapable .smart-notice-bar__wrap{height:auto}.smart-notice-bar--wrapable .smart-notice-bar__content{position:relative;white-space:normal}.smart-notice-bar__left-icon{align-items:center;display:flex;margin-right:4px;vertical-align:middle}.smart-notice-bar__left-icon,.smart-notice-bar__right-icon{font-size:var(--notice-bar-icon-size,16px);min-width:var(--notice-bar-icon-min-width,22px)}.smart-notice-bar__right-icon{position:absolute;right:15px;top:10px}.smart-notice-bar__wrap{flex:1;height:var(--notice-bar-line-height,24px);overflow:hidden;position:relative}.smart-notice-bar__content{position:absolute;white-space:nowrap}.smart-notice-bar__content.smart-ellipsis{max-width:100%}

package/lib/notice-bar/index.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var component_1 = require("../common/component");
 var utils_1 = require("../common/utils");
-(0, component_1.VantComponent)({
+(0, component_1.SmartComponent)({
     props: {
         text: {
             type: String,
@@ -60,8 +60,8 @@ var utils_1 = require("../common/utils");
             var _this = this;
             (0, utils_1.requestAnimationFrame)(function () {
                 Promise.all([
-                    (0, utils_1.getRect)(_this, '.van-notice-bar__content'),
-                    (0, utils_1.getRect)(_this, '.van-notice-bar__wrap'),
+                    (0, utils_1.getRect)(_this, '.smart-notice-bar__content'),
+                    (0, utils_1.getRect)(_this, '.smart-notice-bar__wrap'),
                 ]).then(function (rects) {
                     var contentRect = rects[0], wrapRect = rects[1];
                     var _a = _this.data, speed = _a.speed, scrollable = _a.scrollable, delay = _a.delay;

package/lib/notice-bar/index.json

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