@tuya-miniapp/smart-ui 2.1.11-beta-4 → 2.1.11-beta-5

package/dist/cell/index.js

@@ -1,13 +1,7 @@
-import upIcon from '@tuya-miniapp/icons/dist/svg/Up.js';
-import downIcon from '@tuya-miniapp/icons/dist/svg/Down.js';
-import leftIcon from '@tuya-miniapp/icons/dist/svg/Left.js';
-import rightIcon from '@tuya-miniapp/icons/dist/svg/Right.js';
-// import {
-//   Right as rightIcon,
-//   Left as leftIcon,
-//   Down as downIcon,
-//   Up as upIcon,
-// } from '@tuya-miniapp/icons';
+import upIcon from '@tuya-miniapp/icons/dist/svg/Up';
+import downIcon from '@tuya-miniapp/icons/dist/svg/Down';
+import leftIcon from '@tuya-miniapp/icons/dist/svg/Left';
+import rightIcon from '@tuya-miniapp/icons/dist/svg/Right';
 import { link } from '../mixins/link';
 import { SmartComponent } from '../common/component';
 SmartComponent({

package/dist/datetime-picker/index.js

@@ -47,16 +47,16 @@ SmartComponent({
         }, formatter: {
             type: null,
             value: defaultFormatter,
-        }, AMText: {
+        }, amText: {
             type: String,
             value: 'AM',
-        }, PMText: {
+        }, pmText: {
             type: String,
             value: 'PM',
         }, columnsOrder: {
             type: Array,
             value: [],
-        }, is12HoursTime: {
+        }, is12HourClock: {
             type: Boolean,
             value: false,
         }, minDate: {
@@ -134,7 +134,7 @@ SmartComponent({
             return this.set({ columns: results });
         },
         getOriginColumns() {
-            const { filter, is12HoursTime, type, AMText, PMText, columnsOrder } = this.data;
+            const { filter, is12HourClock, type, amText, pmText, columnsOrder } = this.data;
             const results = this.getRanges().map(({ type, range }, index) => {
                 const order = columnsOrder[index];
                 let values = times(range[1] - range[0] + 1, index => {
@@ -146,11 +146,11 @@ SmartComponent({
                 }
                 return { type, values, order };
             });
-            if (is12HoursTime && type === 'time') {
+            if (is12HourClock && type === 'time') {
                 return [
                     {
                         type: '12hours',
-                        values: [AMText, PMText],
+                        values: [amText, pmText],
                         order: columnsOrder[0],
                     },
                     ...results.map((item, index) => (Object.assign(Object.assign({}, item), { order: columnsOrder[index + 1] }))),
@@ -160,7 +160,7 @@ SmartComponent({
         },
         getRanges() {
             const { data } = this;
-            if (data.type === 'time' && data.is12HoursTime) {
+            if (data.type === 'time' && data.is12HourClock) {
                 const { part } = data;
                 return [
                     {
@@ -286,7 +286,7 @@ SmartComponent({
             let value;
             const picker = this.getPicker();
             const indexes = picker.getIndexes();
-            if (data.type === 'time' && data.is12HoursTime) {
+            if (data.type === 'time' && data.is12HourClock) {
                 const [part, hour, minute] = indexes;
                 this.setData({
                     part,
@@ -329,10 +329,10 @@ SmartComponent({
         },
         updateColumnValue(value) {
             let values = [];
-            const { type, is12HoursTime } = this.data;
+            const { type, is12HourClock } = this.data;
             const formatter = this.formatterFunc;
             const picker = this.getPicker();
-            if (type === 'time' && is12HoursTime) {
+            if (type === 'time' && is12HourClock) {
                 const [hour, minute] = value.split(':');
                 const part = Number(hour) > 0 && Number(hour) < 13 ? 0 : 1;
                 this.setData({

package/dist/field/index.js

@@ -1,7 +1,7 @@
 import { nextTick } from '../common/utils';
 import { SmartComponent } from '../common/component';
 import { commonProps, inputProps, textareaProps } from './props';
-import Xmark from '@tuya-miniapp/icons/dist/svg/Xmark.js';
+import Xmark from '@tuya-miniapp/icons/dist/svg/Xmark';
 SmartComponent({
     field: true,
     classes: ['input-class', 'right-icon-class', 'label-class'],

package/dist/nav-bar/index.css

@@ -1 +1 @@
-@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{align-items:center;display:flex;height:100%;position:relative}.smart-nav-bar__text{color:var(--nav-bar-text-color,var(--app-B2-N1,#000));display:inline-block;font-size:var(--nav-bar-text-font-size,16px);margin:0 calc(var(--padding-md, 16px)*-1);padding:0 var(--padding-md,16px);vertical-align:middle}.smart-nav-bar__text--hover{opacity:.3}.smart-nav-bar__text--home{color:var(--nav-bar-home-text-color,var(--app-B2-N1,#000));font-size:var(--nav-bar-home-font-size,22px);font-weight:var(--nav-bar-home-font-weight,600)}.smart-nav-bar__text--title{color:var(--nav-bar-title-text-color,var(--app-B2-N1,#000));font-size:var(--nav-bar-title-font-size,16px);font-weight:var(--nav-bar-title-font-weight,600)}.smart-nav-bar__arrow{vertical-align:middle}.smart-nav-bar__arrow>view{background:var(--nav-bar-arrow-color,var(--app-B2-N1,#000))}.smart-nav-bar__icon-wrap{align-items:center;display:flex;height:var(--nav-bar-icon-size,32px);justify-content:center;margin:var(--nav-bar-icon-margin,0);width:var(--nav-bar-icon-size,32px)}.smart-nav-bar__icon>view{background:var(--nav-bar-icon-color,var(--app-B2-N1,#000))}.smart-nav-bar--safe-top{padding-top:var(--app-device-status-height,20px)}.smart-nav-bar--fixed{left:0;position:fixed;top:0;width:100%}.smart-nav-bar--round{border-radius:var(--nav-bar-round-border-radius,16px 16px 0 0);min-height:var(--nav-bar-round-min-height,56px)}.smart-nav-bar__title{color:var(--nav-bar-title-text-color,var(--app-B2-N1,#000));font-size:var(--nav-bar-title-font-size,16px);font-weight:var(--nav-bar-title-font-weight,600);margin:0 auto;max-width:60%}.smart-nav-bar__left,.smart-nav-bar__right{align-items:center;bottom:0;display:flex;position:absolute;top:0}.smart-nav-bar__left{left:var(--padding-md,16px)}.smart-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{align-items:center;display:flex;height:100%;position:relative}.smart-nav-bar__text{color:var(--nav-bar-text-color,var(--app-B2-N1,#000));display:inline-block;font-size:var(--nav-bar-text-font-size,16px);margin:0 calc(var(--padding-md, 16px)*-1);padding:0 var(--padding-md,16px);vertical-align:middle}.smart-nav-bar__text--hover{opacity:.3}.smart-nav-bar__text--home{color:var(--nav-bar-home-text-color,var(--app-B2-N1,#000));font-size:var(--nav-bar-home-font-size,22px);font-weight:var(--nav-bar-home-font-weight,600)}.smart-nav-bar__text--title{color:var(--nav-bar-title-text-color,var(--app-B2-N1,#000));font-size:var(--nav-bar-title-font-size,16px);font-weight:var(--nav-bar-title-font-weight,600)}.smart-nav-bar__arrow{vertical-align:middle}.smart-nav-bar__arrow>view{background:var(--nav-bar-arrow-color,var(--app-B2-N1,#000))}.smart-nav-bar__icon-wrap{align-items:center;display:flex;height:var(--nav-bar-icon-size,32px);justify-content:center;margin:var(--nav-bar-icon-margin,0);width:var(--nav-bar-icon-size,32px)}.smart-nav-bar__icon>view{background:var(--nav-bar-icon-color,var(--app-B2-N1,#000))}.smart-nav-bar--safe{padding-top:var(--app-device-status-height,20px)}.smart-nav-bar--fixed{left:0;position:fixed;top:0;width:100%}.smart-nav-bar--round{border-radius:var(--nav-bar-round-border-radius,16px 16px 0 0);min-height:var(--nav-bar-round-min-height,56px)}.smart-nav-bar__title{color:var(--nav-bar-title-text-color,var(--app-B2-N1,#000));font-size:var(--nav-bar-title-font-size,16px);font-weight:var(--nav-bar-title-font-weight,600);margin:0 auto;max-width:60%}.smart-nav-bar__left,.smart-nav-bar__right{align-items:center;bottom:0;display:flex;position:absolute;top:0}.smart-nav-bar__left{left:var(--padding-md,16px)}.smart-nav-bar__right{right:var(--padding-md,16px)}

package/dist/nav-bar/index.wxml

@@ -4,7 +4,7 @@
 <view wx:if="{{ fixed && placeholder }}" style="height: {{ height }}px;" />
 
 <view
-  class="{{ utils.bem('nav-bar', { fixed, round, 'safe-top': safeAreaInsetTop }) }} custom-class {{ border ? 'smart-hairline--bottom' : '' }}"
+  class="{{ utils.bem('nav-bar', { fixed, round, safe: safeAreaInsetTop }) }} custom-class {{ border ? 'smart-hairline--bottom' : '' }}"
   style="{{ computed.barStyle({ zIndex, statusBarHeight, safeAreaInsetTop }) }}; {{ customStyle }}"
 >
   <view class="smart-nav-bar__content">

package/dist/nav-bar/index.wxss

@@ -1 +1 @@
-@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{align-items:center;display:flex;height:100%;position:relative}.smart-nav-bar__text{color:var(--nav-bar-text-color,var(--app-B2-N1,#000));display:inline-block;font-size:var(--nav-bar-text-font-size,16px);margin:0 calc(var(--padding-md, 16px)*-1);padding:0 var(--padding-md,16px);vertical-align:middle}.smart-nav-bar__text--hover{opacity:.3}.smart-nav-bar__text--home{color:var(--nav-bar-home-text-color,var(--app-B2-N1,#000));font-size:var(--nav-bar-home-font-size,22px);font-weight:var(--nav-bar-home-font-weight,600)}.smart-nav-bar__text--title{color:var(--nav-bar-title-text-color,var(--app-B2-N1,#000));font-size:var(--nav-bar-title-font-size,16px);font-weight:var(--nav-bar-title-font-weight,600)}.smart-nav-bar__arrow{vertical-align:middle}.smart-nav-bar__arrow>view{background:var(--nav-bar-arrow-color,var(--app-B2-N1,#000))}.smart-nav-bar__icon-wrap{align-items:center;display:flex;height:var(--nav-bar-icon-size,32px);justify-content:center;margin:var(--nav-bar-icon-margin,0);width:var(--nav-bar-icon-size,32px)}.smart-nav-bar__icon>view{background:var(--nav-bar-icon-color,var(--app-B2-N1,#000))}.smart-nav-bar--safe-top{padding-top:var(--app-device-status-height,20px)}.smart-nav-bar--fixed{left:0;position:fixed;top:0;width:100%}.smart-nav-bar--round{border-radius:var(--nav-bar-round-border-radius,16px 16px 0 0);min-height:var(--nav-bar-round-min-height,56px)}.smart-nav-bar__title{color:var(--nav-bar-title-text-color,var(--app-B2-N1,#000));font-size:var(--nav-bar-title-font-size,16px);font-weight:var(--nav-bar-title-font-weight,600);margin:0 auto;max-width:60%}.smart-nav-bar__left,.smart-nav-bar__right{align-items:center;bottom:0;display:flex;position:absolute;top:0}.smart-nav-bar__left{left:var(--padding-md,16px)}.smart-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{align-items:center;display:flex;height:100%;position:relative}.smart-nav-bar__text{color:var(--nav-bar-text-color,var(--app-B2-N1,#000));display:inline-block;font-size:var(--nav-bar-text-font-size,16px);margin:0 calc(var(--padding-md, 16px)*-1);padding:0 var(--padding-md,16px);vertical-align:middle}.smart-nav-bar__text--hover{opacity:.3}.smart-nav-bar__text--home{color:var(--nav-bar-home-text-color,var(--app-B2-N1,#000));font-size:var(--nav-bar-home-font-size,22px);font-weight:var(--nav-bar-home-font-weight,600)}.smart-nav-bar__text--title{color:var(--nav-bar-title-text-color,var(--app-B2-N1,#000));font-size:var(--nav-bar-title-font-size,16px);font-weight:var(--nav-bar-title-font-weight,600)}.smart-nav-bar__arrow{vertical-align:middle}.smart-nav-bar__arrow>view{background:var(--nav-bar-arrow-color,var(--app-B2-N1,#000))}.smart-nav-bar__icon-wrap{align-items:center;display:flex;height:var(--nav-bar-icon-size,32px);justify-content:center;margin:var(--nav-bar-icon-margin,0);width:var(--nav-bar-icon-size,32px)}.smart-nav-bar__icon>view{background:var(--nav-bar-icon-color,var(--app-B2-N1,#000))}.smart-nav-bar--safe{padding-top:var(--app-device-status-height,20px)}.smart-nav-bar--fixed{left:0;position:fixed;top:0;width:100%}.smart-nav-bar--round{border-radius:var(--nav-bar-round-border-radius,16px 16px 0 0);min-height:var(--nav-bar-round-min-height,56px)}.smart-nav-bar__title{color:var(--nav-bar-title-text-color,var(--app-B2-N1,#000));font-size:var(--nav-bar-title-font-size,16px);font-weight:var(--nav-bar-title-font-weight,600);margin:0 auto;max-width:60%}.smart-nav-bar__left,.smart-nav-bar__right{align-items:center;bottom:0;display:flex;position:absolute;top:0}.smart-nav-bar__left{left:var(--padding-md,16px)}.smart-nav-bar__right{right:var(--padding-md,16px)}

package/dist/notice-bar/index.js

@@ -1,6 +1,6 @@
 import { SmartComponent } from '../common/component';
 import { getRect, requestAnimationFrame } from '../common/utils';
-import Xmark from '@tuya-miniapp/icons/dist/svg/Xmark.js';
+import Xmark from '@tuya-miniapp/icons/dist/svg/Xmark';
 import Right from '@tuya-miniapp/icons/dist/svg/Right';
 SmartComponent({
     props: {

package/dist/stepper/index.css

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

package/dist/stepper/index.js

@@ -1,5 +1,7 @@
 import { SmartComponent } from '../common/component';
 import { isDef } from '../common/validator';
+import Minus from '@tuya-miniapp/icons/dist/svg/Minus';
+import Plus from '@tuya-miniapp/icons/dist/svg/Plus';
 const LONG_PRESS_START_TIME = 600;
 const LONG_PRESS_INTERVAL = 200;
 // add num and avoid float number
@@ -64,6 +66,8 @@ SmartComponent({
     },
     data: {
         currentValue: '',
+        Minus,
+        Plus,
     },
     watch: {
         value() {

package/dist/stepper/index.json

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

package/dist/stepper/index.wxml

@@ -14,6 +14,7 @@
     bind:touchend="onTouchEnd"
   >
     <slot name="minus" />
+    <smart-icon name="{{ Minus }}" class="{{ utils.bem('stepper__minus-icon') }}" />
   </view>
   <input
     type="{{ integer ? 'number' : 'digit' }}"
@@ -39,5 +40,6 @@
     bind:touchend="onTouchEnd"
   >
     <slot name="plus" />
+    <smart-icon name="{{ Plus }}" class="{{ utils.bem('stepper__plus-icon') }}" />
   </view>
 </view>

package/dist/stepper/index.wxss

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

package/dist/tabbar/index.wxml

@@ -4,7 +4,9 @@
   class="{{ utils.bem('tabbar', { border: true }) }} {{ utils.bem('tabbar', { fixed, safe: safeAreaInsetBottom }) }} custom-class"
   style="{{ zIndex ? 'z-index: ' + zIndex : '' }}"
 >
+  <slot name="pre-content" />
   <slot />
+  <slot name="after-content" />
 </view>
 
 <view wx:if="{{ fixed && placeholder }}" style="height: {{ height }}px;"></view>

package/dist/tag/index.js

@@ -1,4 +1,4 @@
-import Xmark from '@tuya-miniapp/icons/dist/svg/Xmark.js';
+import Xmark from '@tuya-miniapp/icons/dist/svg/Xmark';
 import { SmartComponent } from '../common/component';
 SmartComponent({
     props: {

package/lib/cell/index.js

@@ -3,16 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var Up_js_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Up.js"));
-var Down_js_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Down.js"));
-var Left_js_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Left.js"));
-var Right_js_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Right.js"));
-// import {
-//   Right as rightIcon,
-//   Left as leftIcon,
-//   Down as downIcon,
-//   Up as upIcon,
-// } from '@tuya-miniapp/icons';
+var Up_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Up"));
+var Down_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Down"));
+var Left_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Left"));
+var Right_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Right"));
 var link_1 = require("../mixins/link");
 var component_1 = require("../common/component");
 (0, component_1.SmartComponent)({
@@ -38,12 +32,12 @@ var component_1 = require("../common/component");
     },
     data: {
         arrowIcons: {
-            up: Up_js_1.default,
-            down: Down_js_1.default,
-            left: Left_js_1.default,
-            right: Right_js_1.default,
+            up: Up_1.default,
+            down: Down_1.default,
+            left: Left_1.default,
+            right: Right_1.default,
         },
-        arrowIcon: Right_js_1.default,
+        arrowIcon: Right_1.default,
     },
     methods: {
         onClick: function (event) {

package/lib/datetime-picker/index.js

@@ -71,16 +71,16 @@ var defaultFormatter = function (type, value) {
         }, formatter: {
             type: null,
             value: defaultFormatter,
-        }, AMText: {
+        }, amText: {
             type: String,
             value: 'AM',
-        }, PMText: {
+        }, pmText: {
             type: String,
             value: 'PM',
         }, columnsOrder: {
             type: Array,
             value: [],
-        }, is12HoursTime: {
+        }, is12HourClock: {
             type: Boolean,
             value: false,
         }, minDate: {
@@ -167,7 +167,7 @@ var defaultFormatter = function (type, value) {
             return this.set({ columns: results });
         },
         getOriginColumns: function () {
-            var _a = this.data, filter = _a.filter, is12HoursTime = _a.is12HoursTime, type = _a.type, AMText = _a.AMText, PMText = _a.PMText, columnsOrder = _a.columnsOrder;
+            var _a = this.data, filter = _a.filter, is12HourClock = _a.is12HourClock, type = _a.type, amText = _a.amText, pmText = _a.pmText, columnsOrder = _a.columnsOrder;
             var results = this.getRanges().map(function (_a, index) {
                 var type = _a.type, range = _a.range;
                 var order = columnsOrder[index];
@@ -180,11 +180,11 @@ var defaultFormatter = function (type, value) {
                 }
                 return { type: type, values: values, order: order };
             });
-            if (is12HoursTime && type === 'time') {
+            if (is12HourClock && type === 'time') {
                 return __spreadArray([
                     {
                         type: '12hours',
-                        values: [AMText, PMText],
+                        values: [amText, pmText],
                         order: columnsOrder[0],
                     }
                 ], results.map(function (item, index) { return (__assign(__assign({}, item), { order: columnsOrder[index + 1] })); }), true).filter(Boolean);
@@ -193,7 +193,7 @@ var defaultFormatter = function (type, value) {
         },
         getRanges: function () {
             var data = this.data;
-            if (data.type === 'time' && data.is12HoursTime) {
+            if (data.type === 'time' && data.is12HourClock) {
                 var part = data.part;
                 return [
                     {
@@ -321,7 +321,7 @@ var defaultFormatter = function (type, value) {
             var value;
             var picker = this.getPicker();
             var indexes = picker.getIndexes();
-            if (data.type === 'time' && data.is12HoursTime) {
+            if (data.type === 'time' && data.is12HourClock) {
                 var part = indexes[0], hour = indexes[1], minute = indexes[2];
                 this.setData({
                     part: part,
@@ -365,10 +365,10 @@ var defaultFormatter = function (type, value) {
         updateColumnValue: function (value) {
             var _this = this;
             var values = [];
-            var _a = this.data, type = _a.type, is12HoursTime = _a.is12HoursTime;
+            var _a = this.data, type = _a.type, is12HourClock = _a.is12HourClock;
             var formatter = this.formatterFunc;
             var picker = this.getPicker();
-            if (type === 'time' && is12HoursTime) {
+            if (type === 'time' && is12HourClock) {
                 var _b = value.split(':'), hour = _b[0], minute = _b[1];
                 var part = Number(hour) > 0 && Number(hour) < 13 ? 0 : 1;
                 this.setData({

package/lib/field/index.js

@@ -17,7 +17,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var utils_1 = require("../common/utils");
 var component_1 = require("../common/component");
 var props_1 = require("./props");
-var Xmark_js_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Xmark.js"));
+var Xmark_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Xmark"));
 (0, component_1.SmartComponent)({
     field: true,
     classes: ['input-class', 'right-icon-class', 'label-class'],
@@ -40,7 +40,7 @@ var Xmark_js_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Xmark.js"
             value: '6.2em',
         }, clearIcon: {
             type: String,
-            value: Xmark_js_1.default,
+            value: Xmark_1.default,
         }, extraEventParams: {
             type: Boolean,
             value: false,

package/lib/nav-bar/index.css

@@ -1 +1 @@
-@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{align-items:center;display:flex;height:100%;position:relative}.smart-nav-bar__text{color:var(--nav-bar-text-color,var(--app-B2-N1,#000));display:inline-block;font-size:var(--nav-bar-text-font-size,16px);margin:0 calc(var(--padding-md, 16px)*-1);padding:0 var(--padding-md,16px);vertical-align:middle}.smart-nav-bar__text--hover{opacity:.3}.smart-nav-bar__text--home{color:var(--nav-bar-home-text-color,var(--app-B2-N1,#000));font-size:var(--nav-bar-home-font-size,22px);font-weight:var(--nav-bar-home-font-weight,600)}.smart-nav-bar__text--title{color:var(--nav-bar-title-text-color,var(--app-B2-N1,#000));font-size:var(--nav-bar-title-font-size,16px);font-weight:var(--nav-bar-title-font-weight,600)}.smart-nav-bar__arrow{vertical-align:middle}.smart-nav-bar__arrow>view{background:var(--nav-bar-arrow-color,var(--app-B2-N1,#000))}.smart-nav-bar__icon-wrap{align-items:center;display:flex;height:var(--nav-bar-icon-size,32px);justify-content:center;margin:var(--nav-bar-icon-margin,0);width:var(--nav-bar-icon-size,32px)}.smart-nav-bar__icon>view{background:var(--nav-bar-icon-color,var(--app-B2-N1,#000))}.smart-nav-bar--safe-top{padding-top:var(--app-device-status-height,20px)}.smart-nav-bar--fixed{left:0;position:fixed;top:0;width:100%}.smart-nav-bar--round{border-radius:var(--nav-bar-round-border-radius,16px 16px 0 0);min-height:var(--nav-bar-round-min-height,56px)}.smart-nav-bar__title{color:var(--nav-bar-title-text-color,var(--app-B2-N1,#000));font-size:var(--nav-bar-title-font-size,16px);font-weight:var(--nav-bar-title-font-weight,600);margin:0 auto;max-width:60%}.smart-nav-bar__left,.smart-nav-bar__right{align-items:center;bottom:0;display:flex;position:absolute;top:0}.smart-nav-bar__left{left:var(--padding-md,16px)}.smart-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{align-items:center;display:flex;height:100%;position:relative}.smart-nav-bar__text{color:var(--nav-bar-text-color,var(--app-B2-N1,#000));display:inline-block;font-size:var(--nav-bar-text-font-size,16px);margin:0 calc(var(--padding-md, 16px)*-1);padding:0 var(--padding-md,16px);vertical-align:middle}.smart-nav-bar__text--hover{opacity:.3}.smart-nav-bar__text--home{color:var(--nav-bar-home-text-color,var(--app-B2-N1,#000));font-size:var(--nav-bar-home-font-size,22px);font-weight:var(--nav-bar-home-font-weight,600)}.smart-nav-bar__text--title{color:var(--nav-bar-title-text-color,var(--app-B2-N1,#000));font-size:var(--nav-bar-title-font-size,16px);font-weight:var(--nav-bar-title-font-weight,600)}.smart-nav-bar__arrow{vertical-align:middle}.smart-nav-bar__arrow>view{background:var(--nav-bar-arrow-color,var(--app-B2-N1,#000))}.smart-nav-bar__icon-wrap{align-items:center;display:flex;height:var(--nav-bar-icon-size,32px);justify-content:center;margin:var(--nav-bar-icon-margin,0);width:var(--nav-bar-icon-size,32px)}.smart-nav-bar__icon>view{background:var(--nav-bar-icon-color,var(--app-B2-N1,#000))}.smart-nav-bar--safe{padding-top:var(--app-device-status-height,20px)}.smart-nav-bar--fixed{left:0;position:fixed;top:0;width:100%}.smart-nav-bar--round{border-radius:var(--nav-bar-round-border-radius,16px 16px 0 0);min-height:var(--nav-bar-round-min-height,56px)}.smart-nav-bar__title{color:var(--nav-bar-title-text-color,var(--app-B2-N1,#000));font-size:var(--nav-bar-title-font-size,16px);font-weight:var(--nav-bar-title-font-weight,600);margin:0 auto;max-width:60%}.smart-nav-bar__left,.smart-nav-bar__right{align-items:center;bottom:0;display:flex;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.wxml

@@ -4,7 +4,7 @@
 <view wx:if="{{ fixed && placeholder }}" style="height: {{ height }}px;" />
 
 <view
-  class="{{ utils.bem('nav-bar', { fixed, round, 'safe-top': safeAreaInsetTop }) }} custom-class {{ border ? 'smart-hairline--bottom' : '' }}"
+  class="{{ utils.bem('nav-bar', { fixed, round, safe: safeAreaInsetTop }) }} custom-class {{ border ? 'smart-hairline--bottom' : '' }}"
   style="{{ computed.barStyle({ zIndex, statusBarHeight, safeAreaInsetTop }) }}; {{ customStyle }}"
 >
   <view class="smart-nav-bar__content">

package/lib/nav-bar/index.wxss

@@ -1 +1 @@
-@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{align-items:center;display:flex;height:100%;position:relative}.smart-nav-bar__text{color:var(--nav-bar-text-color,var(--app-B2-N1,#000));display:inline-block;font-size:var(--nav-bar-text-font-size,16px);margin:0 calc(var(--padding-md, 16px)*-1);padding:0 var(--padding-md,16px);vertical-align:middle}.smart-nav-bar__text--hover{opacity:.3}.smart-nav-bar__text--home{color:var(--nav-bar-home-text-color,var(--app-B2-N1,#000));font-size:var(--nav-bar-home-font-size,22px);font-weight:var(--nav-bar-home-font-weight,600)}.smart-nav-bar__text--title{color:var(--nav-bar-title-text-color,var(--app-B2-N1,#000));font-size:var(--nav-bar-title-font-size,16px);font-weight:var(--nav-bar-title-font-weight,600)}.smart-nav-bar__arrow{vertical-align:middle}.smart-nav-bar__arrow>view{background:var(--nav-bar-arrow-color,var(--app-B2-N1,#000))}.smart-nav-bar__icon-wrap{align-items:center;display:flex;height:var(--nav-bar-icon-size,32px);justify-content:center;margin:var(--nav-bar-icon-margin,0);width:var(--nav-bar-icon-size,32px)}.smart-nav-bar__icon>view{background:var(--nav-bar-icon-color,var(--app-B2-N1,#000))}.smart-nav-bar--safe-top{padding-top:var(--app-device-status-height,20px)}.smart-nav-bar--fixed{left:0;position:fixed;top:0;width:100%}.smart-nav-bar--round{border-radius:var(--nav-bar-round-border-radius,16px 16px 0 0);min-height:var(--nav-bar-round-min-height,56px)}.smart-nav-bar__title{color:var(--nav-bar-title-text-color,var(--app-B2-N1,#000));font-size:var(--nav-bar-title-font-size,16px);font-weight:var(--nav-bar-title-font-weight,600);margin:0 auto;max-width:60%}.smart-nav-bar__left,.smart-nav-bar__right{align-items:center;bottom:0;display:flex;position:absolute;top:0}.smart-nav-bar__left{left:var(--padding-md,16px)}.smart-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{align-items:center;display:flex;height:100%;position:relative}.smart-nav-bar__text{color:var(--nav-bar-text-color,var(--app-B2-N1,#000));display:inline-block;font-size:var(--nav-bar-text-font-size,16px);margin:0 calc(var(--padding-md, 16px)*-1);padding:0 var(--padding-md,16px);vertical-align:middle}.smart-nav-bar__text--hover{opacity:.3}.smart-nav-bar__text--home{color:var(--nav-bar-home-text-color,var(--app-B2-N1,#000));font-size:var(--nav-bar-home-font-size,22px);font-weight:var(--nav-bar-home-font-weight,600)}.smart-nav-bar__text--title{color:var(--nav-bar-title-text-color,var(--app-B2-N1,#000));font-size:var(--nav-bar-title-font-size,16px);font-weight:var(--nav-bar-title-font-weight,600)}.smart-nav-bar__arrow{vertical-align:middle}.smart-nav-bar__arrow>view{background:var(--nav-bar-arrow-color,var(--app-B2-N1,#000))}.smart-nav-bar__icon-wrap{align-items:center;display:flex;height:var(--nav-bar-icon-size,32px);justify-content:center;margin:var(--nav-bar-icon-margin,0);width:var(--nav-bar-icon-size,32px)}.smart-nav-bar__icon>view{background:var(--nav-bar-icon-color,var(--app-B2-N1,#000))}.smart-nav-bar--safe{padding-top:var(--app-device-status-height,20px)}.smart-nav-bar--fixed{left:0;position:fixed;top:0;width:100%}.smart-nav-bar--round{border-radius:var(--nav-bar-round-border-radius,16px 16px 0 0);min-height:var(--nav-bar-round-min-height,56px)}.smart-nav-bar__title{color:var(--nav-bar-title-text-color,var(--app-B2-N1,#000));font-size:var(--nav-bar-title-font-size,16px);font-weight:var(--nav-bar-title-font-weight,600);margin:0 auto;max-width:60%}.smart-nav-bar__left,.smart-nav-bar__right{align-items:center;bottom:0;display:flex;position:absolute;top:0}.smart-nav-bar__left{left:var(--padding-md,16px)}.smart-nav-bar__right{right:var(--padding-md,16px)}

package/lib/notice-bar/index.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var component_1 = require("../common/component");
 var utils_1 = require("../common/utils");
-var Xmark_js_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Xmark.js"));
+var Xmark_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Xmark"));
 var Right_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Right"));
 (0, component_1.SmartComponent)({
     props: {
@@ -83,7 +83,7 @@ var Right_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Right"));
         wrapable: Boolean,
     },
     data: {
-        Xmark: Xmark_js_1.default,
+        Xmark: Xmark_1.default,
         Right: Right_1.default,
         show: true,
     },

package/lib/stepper/index.css

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

package/lib/stepper/index.js

@@ -10,9 +10,14 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 var component_1 = require("../common/component");
 var validator_1 = require("../common/validator");
+var Minus_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Minus"));
+var Plus_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Plus"));
 var LONG_PRESS_START_TIME = 600;
 var LONG_PRESS_INTERVAL = 200;
 // add num and avoid float number
@@ -77,6 +82,8 @@ function equal(value1, value2) {
     },
     data: {
         currentValue: '',
+        Minus: Minus_1.default,
+        Plus: Plus_1.default,
     },
     watch: {
         value: function () {

package/lib/stepper/index.json

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

package/lib/stepper/index.wxml

@@ -14,6 +14,7 @@
     bind:touchend="onTouchEnd"
   >
     <slot name="minus" />
+    <smart-icon name="{{ Minus }}" class="{{ utils.bem('stepper__minus-icon') }}" />
   </view>
   <input
     type="{{ integer ? 'number' : 'digit' }}"
@@ -39,5 +40,6 @@
     bind:touchend="onTouchEnd"
   >
     <slot name="plus" />
+    <smart-icon name="{{ Plus }}" class="{{ utils.bem('stepper__plus-icon') }}" />
   </view>
 </view>

package/lib/stepper/index.wxss

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

package/lib/tabbar/index.wxml

@@ -4,7 +4,9 @@
   class="{{ utils.bem('tabbar', { border: true }) }} {{ utils.bem('tabbar', { fixed, safe: safeAreaInsetBottom }) }} custom-class"
   style="{{ zIndex ? 'z-index: ' + zIndex : '' }}"
 >
+  <slot name="pre-content" />
   <slot />
+  <slot name="after-content" />
 </view>
 
 <view wx:if="{{ fixed && placeholder }}" style="height: {{ height }}px;"></view>

package/lib/tag/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var Xmark_js_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Xmark.js"));
+var Xmark_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Xmark"));
 var component_1 = require("../common/component");
 (0, component_1.SmartComponent)({
     props: {
@@ -23,7 +23,7 @@ var component_1 = require("../common/component");
         closeable: Boolean,
     },
     data: {
-        crossIcon: Xmark_js_1.default,
+        crossIcon: Xmark_1.default,
         closeColor: '#fff',
     },
     methods: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tuya-miniapp/smart-ui",
-  "version": "2.1.11-beta-4",
+  "version": "2.1.11-beta-5",
   "author": "MiniApp Team",
   "license": "MIT",
   "miniprogram": "lib",