@tuya-miniapp/smart-ui 2.5.1-beta-2 → 2.5.1-beta-3

package/dist/popup/index.js

@@ -1,4 +1,4 @@
-import closeIcon from '@tuya-miniapp/icons/dist/svg/Xmark';
+import { Xmark as closeIcon } from '@tuya-miniapp/icons';
 import { SmartComponent } from '../common/component';
 import { transition } from '../mixins/transition';
 import { getSafeBottomOffset } from '../common/utils';

package/dist/popup/index.wxs

@@ -2,7 +2,7 @@
 var style = require('../wxs/style.wxs');
 
 function popupStyle(data) {
-  const transformStyle = data.position === 'bottom' ? "transform: translate3d(0, calc(100% + " + data.bottomSafeHeight + "px), 0)" : null;
+  var transformStyle = data.position === 'bottom' ? "transform: translate3d(0, calc(100% + " + data.bottomSafeHeight + "px), 0)" : null;
 
   return style([
     {

package/dist/popup/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.smart-popup{-webkit-overflow-scrolling:touch;animation:ease both;background-color:var(--popup-background-color,var(--app-B4,#fff));box-sizing:border-box;max-height:100%;position:fixed;transition-timing-function:ease}.smart-popup--center{left:50%;top:50%;transform:translate3d(-50%,-50%,0)}.smart-popup--center.smart-popup--round{border-radius:var(--popup-round-border-radius,16px)}.smart-popup--top{left:0;top:0;width:100%}.smart-popup--top.smart-popup--round{border-radius:0 0 var(--popup-round-border-radius,var(--popup-round-border-radius,16px)) var(--popup-round-border-radius,var(--popup-round-border-radius,16px))}.smart-popup--right{right:0;top:50%;transform:translate3d(0,-50%,0)}.smart-popup--right.smart-popup--round{border-radius:var(--popup-round-border-radius,var(--popup-round-border-radius,16px)) 0 0 var(--popup-round-border-radius,var(--popup-round-border-radius,16px))}.smart-popup--bottom{bottom:0;left:0;width:100%}.smart-popup--bottom.smart-popup--round{border-radius:var(--popup-round-border-radius,var(--popup-round-border-radius,16px)) var(--popup-round-border-radius,var(--popup-round-border-radius,16px)) 0 0}.smart-popup--left{left:0;top:50%;transform:translate3d(0,-50%,0)}.smart-popup--left.smart-popup--round{border-radius:0 var(--popup-round-border-radius,var(--popup-round-border-radius,16px)) var(--popup-round-border-radius,var(--popup-round-border-radius,16px)) 0}.smart-popup--bottom.smart-popup--safeTabBar,.smart-popup--top.smart-popup--safeTabBar{bottom:var(--tabbar-height,55px)}.smart-popup--safeTop{padding-top:env(safe-area-inset-top)}.smart-popup__close-icon{color:var(--popup-close-icon-color,#969799);font-size:var(--popup-close-icon-size,24px);position:absolute;z-index:var(--popup-close-icon-z-index,1)}.smart-popup__close-icon--top-left{left:var(--popup-close-icon-margin,12px);top:var(--popup-close-icon-margin,12px)}.smart-popup__close-icon--top-right{right:var(--popup-close-icon-margin,12px);top:var(--popup-close-icon-margin,12px)}.smart-popup__close-icon--bottom-left{bottom:var(--popup-close-icon-margin,12px);left:var(--popup-close-icon-margin,12px)}.smart-popup__close-icon--bottom-right{bottom:var(--popup-close-icon-margin,12px);right:var(--popup-close-icon-margin,12px)}.smart-popup__close-icon:active{opacity:.6}.smart-scale-enter-active,.smart-scale-leave-active{transition-property:opacity,transform}.smart-scale-enter,.smart-scale-leave-to{opacity:0;transform:translate3d(-50%,-50%,0) scale(.7)}.smart-fade-enter-active,.smart-fade-leave-active{transition-property:opacity}.smart-fade-enter,.smart-fade-leave-to{opacity:0}.smart-center-enter-active,.smart-center-leave-active{transition-property:opacity}.smart-center-enter,.smart-center-leave-to{opacity:0}.smart-bottom-enter-active,.smart-bottom-leave-active,.smart-left-enter-active,.smart-left-leave-active,.smart-right-enter-active,.smart-right-leave-active,.smart-top-enter-active,.smart-top-leave-active{transition-property:transform}.smart-bottom-enter,.smart-bottom-leave-to{transform:translate3d(0,100%,0)}.smart-top-enter,.smart-top-leave-to{transform:translate3d(0,-100%,0)}.smart-left-enter,.smart-left-leave-to{transform:translate3d(-100%,-50%,0)}.smart-right-enter,.smart-right-leave-to{transform:translate3d(100%,-50%,0)}
+@import '../common/index.wxss';.smart-popup{-webkit-overflow-scrolling:touch;animation:ease both;background-color:var(--popup-background-color,var(--app-B4,#fff));box-sizing:border-box;max-height:100%;position:fixed;transition-timing-function:ease}.smart-popup--center{left:50%;top:50%;transform:translate3d(-50%,-50%,0)}.smart-popup--center.smart-popup--round{border-radius:var(--popup-round-border-radius,16px);overflow:hidden}.smart-popup--top{left:0;top:0;width:100%}.smart-popup--top.smart-popup--round{border-radius:0 0 var(--popup-round-border-radius,var(--popup-round-border-radius,16px)) var(--popup-round-border-radius,var(--popup-round-border-radius,16px));overflow:hidden}.smart-popup--right{right:0;top:50%;transform:translate3d(0,-50%,0)}.smart-popup--right.smart-popup--round{border-radius:var(--popup-round-border-radius,var(--popup-round-border-radius,16px)) 0 0 var(--popup-round-border-radius,var(--popup-round-border-radius,16px));overflow:hidden}.smart-popup--bottom{bottom:0;left:0;width:100%}.smart-popup--bottom.smart-popup--round{border-radius:var(--popup-round-border-radius,var(--popup-round-border-radius,16px)) var(--popup-round-border-radius,var(--popup-round-border-radius,16px)) 0 0;overflow:hidden}.smart-popup--left{left:0;top:50%;transform:translate3d(0,-50%,0)}.smart-popup--left.smart-popup--round{border-radius:0 var(--popup-round-border-radius,var(--popup-round-border-radius,16px)) var(--popup-round-border-radius,var(--popup-round-border-radius,16px)) 0;overflow:hidden}.smart-popup--bottom.smart-popup--safeTabBar,.smart-popup--top.smart-popup--safeTabBar{bottom:var(--tabbar-height,55px)}.smart-popup--safeTop{padding-top:env(safe-area-inset-top)}.smart-popup__close-icon{color:var(--popup-close-icon-color,#969799);font-size:var(--popup-close-icon-size,24px);position:absolute;z-index:var(--popup-close-icon-z-index,1)}.smart-popup__close-icon--top-left{left:var(--popup-close-icon-margin,12px);top:var(--popup-close-icon-margin,12px)}.smart-popup__close-icon--top-right{right:var(--popup-close-icon-margin,12px);top:var(--popup-close-icon-margin,12px)}.smart-popup__close-icon--bottom-left{bottom:var(--popup-close-icon-margin,12px);left:var(--popup-close-icon-margin,12px)}.smart-popup__close-icon--bottom-right{bottom:var(--popup-close-icon-margin,12px);right:var(--popup-close-icon-margin,12px)}.smart-popup__close-icon:active{opacity:.6}.smart-scale-enter-active,.smart-scale-leave-active{transition-property:opacity,transform}.smart-scale-enter,.smart-scale-leave-to{opacity:0;transform:translate3d(-50%,-50%,0) scale(.7)}.smart-fade-enter-active,.smart-fade-leave-active{transition-property:opacity}.smart-fade-enter,.smart-fade-leave-to{opacity:0}.smart-center-enter-active,.smart-center-leave-active{transition-property:opacity}.smart-center-enter,.smart-center-leave-to{opacity:0}.smart-bottom-enter-active,.smart-bottom-leave-active,.smart-left-enter-active,.smart-left-leave-active,.smart-right-enter-active,.smart-right-leave-active,.smart-top-enter-active,.smart-top-leave-active{transition-property:transform}.smart-bottom-enter,.smart-bottom-leave-to{transform:translate3d(0,100%,0)}.smart-top-enter,.smart-top-leave-to{transform:translate3d(0,-100%,0)}.smart-left-enter,.smart-left-leave-to{transform:translate3d(-100%,-50%,0)}.smart-right-enter,.smart-right-leave-to{transform:translate3d(100%,-50%,0)}

package/dist/radio/index.js

@@ -1,4 +1,4 @@
-import CheckIcon from '@tuya-miniapp/icons/dist/svg/Check';
+import { Check } from '@tuya-miniapp/icons';
 import { canIUseModel } from '../common/version';
 import { SmartComponent } from '../common/component';
 import { useParent } from '../common/relation';
@@ -31,7 +31,7 @@ SmartComponent({
     data: {
         direction: '',
         parentDisabled: false,
-        icon: CheckIcon,
+        icon: Check,
         preventDefault: false,
     },
     methods: {

package/dist/rate/index.js

@@ -1,5 +1,5 @@
-import CheckmarkCircle from '@tuya-miniapp/icons/dist/svg/CheckmarkCircle';
-import CheckmarkCircleVoid from '@tuya-miniapp/icons/dist/svg/CheckmarkCircleVoid';
+import { CheckmarkCircle } from '@tuya-miniapp/icons';
+import { CheckmarkCircleVoid } from '@tuya-miniapp/icons';
 import { getAllRect } from '../common/utils';
 import { SmartComponent } from '../common/component';
 import { canIUseModel } from '../common/version';

package/dist/search/index.js

@@ -1,7 +1,7 @@
 import { SmartComponent } from '../common/component';
 import { canIUseModel } from '../common/version';
-import SearchIcon from '@tuya-miniapp/icons/dist/svg/Search';
-import CloseIcon from '@tuya-miniapp/icons/dist/svg/Close';
+import { Search as SearchIcon } from '@tuya-miniapp/icons';
+import { Close as CloseIcon } from '@tuya-miniapp/icons';
 SmartComponent({
     field: true,
     classes: ['field-class', 'input-class', 'cancel-class'],

package/dist/skeleton/index.css

@@ -1 +1 @@
-@import '../common/index.css';.smart-skeleton{box-sizing:border-box;display:flex;padding:var(--skeleton-padding,0 16px);width:100%}.smart-skeleton__avatar{background-color:var(--skeleton-avatar-background-color,var(--app-B3,#fff));flex-shrink:0;margin-right:var(--padding-md,16px)}.smart-skeleton__avatar--round{border-radius:100%}.smart-skeleton__content{flex:1}.smart-skeleton__avatar+.smart-skeleton__content{padding-top:var(--padding-xs,8px)}.smart-skeleton__row,.smart-skeleton__title{background-color:var(--skeleton-row-background-color,var(--app-B3,#fff));height:var(--skeleton-row-height,16px)}.smart-skeleton__title{margin:0}.smart-skeleton__row:not(:first-child){margin-top:var(--skeleton-row-margin-top,12px)}.smart-skeleton__title+.smart-skeleton__row{margin-top:20px}.smart-skeleton--animate{animation:smart-skeleton-blink 1.2s ease-in-out infinite}@keyframes smart-skeleton-blink{50%{opacity:.6}}
+@import '../common/index.css';.smart-skeleton{box-sizing:border-box;display:flex;padding:var(--skeleton-padding,0 16px);width:100%}.smart-skeleton__avatar{background-color:var(--skeleton-avatar-background-color,var(--app-B3,#fff));flex-shrink:0;margin-right:var(--padding-md,16px)}.smart-skeleton__avatar--round{border-radius:100%}.smart-skeleton__content{flex:1}.smart-skeleton__avatar+.smart-skeleton__content{padding-top:var(--padding-xs,8px)}.smart-skeleton__row,.smart-skeleton__title{background-color:var(--skeleton-row-background-color,var(--app-B3,#fff));height:var(--skeleton-row-height,16px)}.smart-skeleton__title{margin:0}.smart-skeleton__row:not(:first-child){margin-top:var(--skeleton-row-margin-top,12px)}.smart-skeleton__title+.smart-skeleton__row{margin-top:20px}.smart-skeleton--animate{animation:smart-skeleton-blink 1.2s ease-in-out infinite}@keyframes smart-skeleton-blink{0%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}

package/dist/skeleton/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.smart-skeleton{box-sizing:border-box;display:flex;padding:var(--skeleton-padding,0 16px);width:100%}.smart-skeleton__avatar{background-color:var(--skeleton-avatar-background-color,var(--app-B3,#fff));flex-shrink:0;margin-right:var(--padding-md,16px)}.smart-skeleton__avatar--round{border-radius:100%}.smart-skeleton__content{flex:1}.smart-skeleton__avatar+.smart-skeleton__content{padding-top:var(--padding-xs,8px)}.smart-skeleton__row,.smart-skeleton__title{background-color:var(--skeleton-row-background-color,var(--app-B3,#fff));height:var(--skeleton-row-height,16px)}.smart-skeleton__title{margin:0}.smart-skeleton__row:not(:first-child){margin-top:var(--skeleton-row-margin-top,12px)}.smart-skeleton__title+.smart-skeleton__row{margin-top:20px}.smart-skeleton--animate{animation:smart-skeleton-blink 1.2s ease-in-out infinite}@keyframes smart-skeleton-blink{50%{opacity:.6}}
+@import '../common/index.wxss';.smart-skeleton{box-sizing:border-box;display:flex;padding:var(--skeleton-padding,0 16px);width:100%}.smart-skeleton__avatar{background-color:var(--skeleton-avatar-background-color,var(--app-B3,#fff));flex-shrink:0;margin-right:var(--padding-md,16px)}.smart-skeleton__avatar--round{border-radius:100%}.smart-skeleton__content{flex:1}.smart-skeleton__avatar+.smart-skeleton__content{padding-top:var(--padding-xs,8px)}.smart-skeleton__row,.smart-skeleton__title{background-color:var(--skeleton-row-background-color,var(--app-B3,#fff));height:var(--skeleton-row-height,16px)}.smart-skeleton__title{margin:0}.smart-skeleton__row:not(:first-child){margin-top:var(--skeleton-row-margin-top,12px)}.smart-skeleton__title+.smart-skeleton__row{margin-top:20px}.smart-skeleton--animate{animation:smart-skeleton-blink 1.2s ease-in-out infinite}@keyframes smart-skeleton-blink{0%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}

package/dist/stepper/index.js

@@ -1,7 +1,8 @@
 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';
+import ty from '../common/ty';
+import { Minus } from '@tuya-miniapp/icons';
+import { Plus } from '@tuya-miniapp/icons';
 const LONG_PRESS_START_TIME = 600;
 const LONG_PRESS_INTERVAL = 200;
 // add num and avoid float number
@@ -151,7 +152,6 @@ SmartComponent({
             const value = this.format(add(+this.data.currentValue, diff));
             this.emitChange(value);
             this.$emit(type);
-            // @ts-ignore
             ty.vibrateShort({ type: 'light' });
         },
         longPressStep() {

package/dist/steps/index.js

@@ -1,4 +1,4 @@
-import Checkmark from '@tuya-miniapp/icons/dist/svg/Checkmark';
+import { Checkmark } from '@tuya-miniapp/icons';
 import { SmartComponent } from '../common/component';
 import { GREEN, GRAY_DARK } from '../common/color';
 SmartComponent({

package/dist/switch/index.css

@@ -1 +1 @@
-@import '../common/index.css';.smart-switch{background-color:var(--switch-background-color,var(--app-B4-N6,rgba(0,0,0,.2)));border-radius:var(--switch-node-size,.867em);height:var(--switch-height,.867em);padding:var(--switch-padding,.08em);transition:background-color var(--switch-transition-duration,.3s);vertical-align:middle;width:var(--switch-width,1.5338em)}.smart-switch,.smart-switch__center{box-sizing:initial;display:inline-block}.smart-switch__center{height:100%;position:relative;vertical-align:top;width:100%}.smart-switch__node{background-color:var(--switch-node-background-color,#fff);border-radius:100%;box-shadow:var(--switch-node-box-shadow,0 3px 1px 0 rgba(0,0,0,.05),0 2px 2px 0 rgba(0,0,0,.1),0 3px 3px 0 rgba(0,0,0,.05));height:var(--switch-node-size,.867em);left:0;position:absolute;top:0;transition:var(--switch-transition-duration,.3s) cubic-bezier(.3,1.05,.4,1.05);width:var(--switch-node-size,.867em);z-index:var(--switch-node-z-index,1)}.smart-switch__loading{left:50%;position:absolute!important;top:50%;transform:translate(-50%,-50%)}.smart-switch--on{background-color:var(--switch-on-background-color,#1989fa)}.smart-switch--on .smart-switch__node{background-color:var(--switch-node-on-background-color,var(--switch-node-background-color,#fff));transform:translateX(calc(var(--switch-width, 1.5338em) - var(--switch-node-size, .867em)))}.smart-switch--disabled{opacity:var(--switch-disabled-opacity,.4)}
+@import '../common/index.css';.smart-switch{background-color:var(--switch-background-color,var(--app-B4-N6,rgba(0,0,0,.2)));border-radius:var(--switch-node-size,.867em);height:var(--switch-height,.867em);padding:var(--switch-border,var(--switch-padding,.08em));transition:background-color var(--switch-transition-duration,.3s);vertical-align:middle;width:var(--switch-width,1.5338em)}.smart-switch,.smart-switch__center{box-sizing:initial;display:inline-block}.smart-switch__center{height:100%;position:relative;vertical-align:top;width:100%}.smart-switch__node{background-color:var(--switch-node-background-color,#fff);border-radius:100%;box-shadow:var(--switch-node-box-shadow,0 3px 1px 0 rgba(0,0,0,.05),0 2px 2px 0 rgba(0,0,0,.1),0 3px 3px 0 rgba(0,0,0,.05));height:var(--switch-node-size,.867em);left:0;position:absolute;top:0;transition:var(--switch-transition-duration,.3s) cubic-bezier(.3,1.05,.4,1.05);width:var(--switch-node-size,.867em);z-index:var(--switch-node-z-index,1)}.smart-switch__loading{left:50%;position:absolute!important;top:50%;transform:translate(-50%,-50%)}.smart-switch--on{background-color:var(--switch-on-background-color,#1989fa)}.smart-switch--on .smart-switch__node{background-color:var(--switch-node-on-background-color,var(--switch-node-background-color,#fff));transform:translateX(calc(var(--switch-width, 1.5338em) - var(--switch-node-size, .867em)))}.smart-switch--disabled{opacity:var(--switch-disabled-opacity,.4)}

package/dist/switch/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.smart-switch{background-color:var(--switch-background-color,var(--app-B4-N6,rgba(0,0,0,.2)));border-radius:var(--switch-node-size,.867em);height:var(--switch-height,.867em);padding:var(--switch-padding,.08em);transition:background-color var(--switch-transition-duration,.3s);vertical-align:middle;width:var(--switch-width,1.5338em)}.smart-switch,.smart-switch__center{box-sizing:initial;display:inline-block}.smart-switch__center{height:100%;position:relative;vertical-align:top;width:100%}.smart-switch__node{background-color:var(--switch-node-background-color,#fff);border-radius:100%;box-shadow:var(--switch-node-box-shadow,0 3px 1px 0 rgba(0,0,0,.05),0 2px 2px 0 rgba(0,0,0,.1),0 3px 3px 0 rgba(0,0,0,.05));height:var(--switch-node-size,.867em);left:0;position:absolute;top:0;transition:var(--switch-transition-duration,.3s) cubic-bezier(.3,1.05,.4,1.05);width:var(--switch-node-size,.867em);z-index:var(--switch-node-z-index,1)}.smart-switch__loading{left:50%;position:absolute!important;top:50%;transform:translate(-50%,-50%)}.smart-switch--on{background-color:var(--switch-on-background-color,#1989fa)}.smart-switch--on .smart-switch__node{background-color:var(--switch-node-on-background-color,var(--switch-node-background-color,#fff));transform:translateX(calc(var(--switch-width, 1.5338em) - var(--switch-node-size, .867em)))}.smart-switch--disabled{opacity:var(--switch-disabled-opacity,.4)}
+@import '../common/index.wxss';.smart-switch{background-color:var(--switch-background-color,var(--app-B4-N6,rgba(0,0,0,.2)));border-radius:var(--switch-node-size,.867em);height:var(--switch-height,.867em);padding:var(--switch-border,var(--switch-padding,.08em));transition:background-color var(--switch-transition-duration,.3s);vertical-align:middle;width:var(--switch-width,1.5338em)}.smart-switch,.smart-switch__center{box-sizing:initial;display:inline-block}.smart-switch__center{height:100%;position:relative;vertical-align:top;width:100%}.smart-switch__node{background-color:var(--switch-node-background-color,#fff);border-radius:100%;box-shadow:var(--switch-node-box-shadow,0 3px 1px 0 rgba(0,0,0,.05),0 2px 2px 0 rgba(0,0,0,.1),0 3px 3px 0 rgba(0,0,0,.05));height:var(--switch-node-size,.867em);left:0;position:absolute;top:0;transition:var(--switch-transition-duration,.3s) cubic-bezier(.3,1.05,.4,1.05);width:var(--switch-node-size,.867em);z-index:var(--switch-node-z-index,1)}.smart-switch__loading{left:50%;position:absolute!important;top:50%;transform:translate(-50%,-50%)}.smart-switch--on{background-color:var(--switch-on-background-color,#1989fa)}.smart-switch--on .smart-switch__node{background-color:var(--switch-node-on-background-color,var(--switch-node-background-color,#fff));transform:translateX(calc(var(--switch-width, 1.5338em) - var(--switch-node-size, .867em)))}.smart-switch--disabled{opacity:var(--switch-disabled-opacity,.4)}

package/dist/tag/index.js

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

package/dist/toast/icons.js

@@ -1,6 +1,6 @@
-import Warning from '@tuya-miniapp/icons/dist/svg/Warning';
-import CheckmarkCircle from '@tuya-miniapp/icons/dist/svg/CheckmarkCircle';
-import Cancel from '@tuya-miniapp/icons/dist/svg/Cancel';
+import { Warning } from '@tuya-miniapp/icons';
+import { CheckmarkCircle } from '@tuya-miniapp/icons';
+import { Cancel } from '@tuya-miniapp/icons';
 export const Success = CheckmarkCircle;
 export const Alarm = Warning;
 export const Error = Cancel;

package/dist/toast/index.css

@@ -1 +1 @@
-@import '../common/index.css';.smart-toast{word-wrap:break-word;align-items:center;background-color:var(--toast-background-color,rgba(0,0,0,.7));border-radius:var(--toast-border-radius,10px);box-sizing:initial;color:var(--toast-text-color,#fff);display:flex;flex-direction:column;font-size:var(--toast-font-size,14px);justify-content:center;line-height:var(--toast-line-height,20px);white-space:pre-wrap}.smart-toast__container{left:50%;max-width:var(--toast-max-width,70%);position:fixed;right:-1000px;top:50%;transform:translate(-50%,-50%);width:-webkit-fit-content;width:fit-content}.smart-toast--text{min-width:var(--toast-text-min-width,96px);padding:var(--toast-text-padding,8px 12px)}.smart-toast--icon{min-height:var(--toast-default-min-height,88px);padding:var(--toast-default-padding,16px);width:var(--toast-default-width,88px)}.smart-toast--icon .smart-toast__icon{font-size:var(--toast-icon-size,36px)}.smart-toast--icon .smart-toast__text{padding-top:8px}.smart-toast__loading{margin:10px 0}.smart-toast--top{transform:translateY(-30vh) translate(-50%,-50%)}.smart-toast--bottom{transform:translateY(30vh) translate(-50%,-50%)}
+@import '../common/index.css';.smart-toast{word-wrap:break-word;align-items:center;background-color:var(--toast-background-color,rgba(0,0,0,.7));border-radius:var(--toast-border-radius,10px);box-sizing:initial;color:var(--toast-text-color,#fff);display:flex;flex-direction:column;font-size:var(--toast-font-size,14px);justify-content:center;line-height:var(--toast-line-height,20px);white-space:pre-wrap}.smart-toast__container{left:50%;max-width:var(--toast-max-width,70%);position:fixed;right:-1000px;top:50%;transform:translate(-50%,-50%);width:-webkit-fit-content;width:fit-content}.smart-toast--text{min-width:var(--toast-text-min-width,96px);padding:var(--toast-text-padding,8px 12px)}.smart-toast--icon{min-height:var(--toast-default-min-height,88px);padding:var(--toast-default-padding,16px);width:var(--toast-default-width,88px)}.smart-toast--icon .smart-toast__icon{font-size:var(--toast-icon-size,36px)}.smart-toast--icon .smart-toast__text{padding-top:8px;text-align:center}.smart-toast__loading{margin:10px 0}.smart-toast--top{transform:translateY(-30vh) translate(-50%,-50%)}.smart-toast--bottom{transform:translateY(30vh) translate(-50%,-50%)}

package/dist/toast/index.wxml

@@ -16,7 +16,7 @@
   >
   
     <!-- text only -->
-    <text wx:if="{{ type === 'text' }}">{{ message }}</text>
+    <text class="smart-toast__text" wx:if="{{ type === 'text' }}">{{ message }}</text>
 
     <!-- html only -->
     <rich-text wx:elif="{{ type === 'html' }}" nodes="{{ message }}"></rich-text>

package/dist/toast/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.smart-toast{word-wrap:break-word;align-items:center;background-color:var(--toast-background-color,rgba(0,0,0,.7));border-radius:var(--toast-border-radius,10px);box-sizing:initial;color:var(--toast-text-color,#fff);display:flex;flex-direction:column;font-size:var(--toast-font-size,14px);justify-content:center;line-height:var(--toast-line-height,20px);white-space:pre-wrap}.smart-toast__container{left:50%;max-width:var(--toast-max-width,70%);position:fixed;right:-1000px;top:50%;transform:translate(-50%,-50%);width:-webkit-fit-content;width:fit-content}.smart-toast--text{min-width:var(--toast-text-min-width,96px);padding:var(--toast-text-padding,8px 12px)}.smart-toast--icon{min-height:var(--toast-default-min-height,88px);padding:var(--toast-default-padding,16px);width:var(--toast-default-width,88px)}.smart-toast--icon .smart-toast__icon{font-size:var(--toast-icon-size,36px)}.smart-toast--icon .smart-toast__text{padding-top:8px}.smart-toast__loading{margin:10px 0}.smart-toast--top{transform:translateY(-30vh) translate(-50%,-50%)}.smart-toast--bottom{transform:translateY(30vh) translate(-50%,-50%)}
+@import '../common/index.wxss';.smart-toast{word-wrap:break-word;align-items:center;background-color:var(--toast-background-color,rgba(0,0,0,.7));border-radius:var(--toast-border-radius,10px);box-sizing:initial;color:var(--toast-text-color,#fff);display:flex;flex-direction:column;font-size:var(--toast-font-size,14px);justify-content:center;line-height:var(--toast-line-height,20px);white-space:pre-wrap}.smart-toast__container{left:50%;max-width:var(--toast-max-width,70%);position:fixed;right:-1000px;top:50%;transform:translate(-50%,-50%);width:-webkit-fit-content;width:fit-content}.smart-toast--text{min-width:var(--toast-text-min-width,96px);padding:var(--toast-text-padding,8px 12px)}.smart-toast--icon{min-height:var(--toast-default-min-height,88px);padding:var(--toast-default-padding,16px);width:var(--toast-default-width,88px)}.smart-toast--icon .smart-toast__icon{font-size:var(--toast-icon-size,36px)}.smart-toast--icon .smart-toast__text{padding-top:8px;text-align:center}.smart-toast__loading{margin:10px 0}.smart-toast--top{transform:translateY(-30vh) translate(-50%,-50%)}.smart-toast--bottom{transform:translateY(30vh) translate(-50%,-50%)}

package/dist/toast/toast.js

@@ -1,6 +1,7 @@
 import appLog from '../common/appLog';
 import { getCurrentPage } from '../common/utils';
 import { isObj } from '../common/validator';
+import ty from '../common/ty';
 const defaultOptions = {
     type: 'text',
     mask: false,
@@ -31,7 +32,6 @@ export const contextRef = {
     value: {},
 };
 function Toast(toastOptions) {
-    var _a, _b;
     const options = Object.assign(Object.assign({}, currentOptions), parseOptions(toastOptions));
     appLog.info('start open Toast');
     const context = (typeof options.context === 'function' ? options.context() : options.context) ||
@@ -48,11 +48,9 @@ function Toast(toastOptions) {
     delete options.context;
     delete options.selector;
     toast.clear = () => {
-        var _a;
         toast.setData({ show: false });
         if (options.nativeDisabled) {
-            // @ts-ignore
-            (_a = ty === null || ty === void 0 ? void 0 : ty.nativeDisabled) === null || _a === void 0 ? void 0 : _a.call(ty, false);
+            ty.nativeDisabled(false);
         }
         preDisRef.value[options.selector] = false;
         if (options.onClose) {
@@ -62,12 +60,10 @@ function Toast(toastOptions) {
     queueRef.value.push(toast);
     toast.setData(options);
     if (options.nativeDisabled) {
-        // @ts-ignore
-        (_a = ty === null || ty === void 0 ? void 0 : ty.nativeDisabled) === null || _a === void 0 ? void 0 : _a.call(ty, true);
+        ty.nativeDisabled(true);
     }
     if (preDisRef.value[options.selector] && !options.nativeDisabled) {
-        // @ts-ignore
-        (_b = ty === null || ty === void 0 ? void 0 : ty.nativeDisabled) === null || _b === void 0 ? void 0 : _b.call(ty, false);
+        ty.nativeDisabled(false);
     }
     preDisRef.value[options.selector] = options.nativeDisabled || false;
     clearTimeout(toast.timer);

package/dist/tree-select/index.js

@@ -1,4 +1,4 @@
-import IconCheckmark from '@tuya-miniapp/icons/dist/svg/Check';
+import { Check } from '@tuya-miniapp/icons';
 import { SmartComponent } from '../common/component';
 SmartComponent({
     classes: [
@@ -30,7 +30,7 @@ SmartComponent({
         },
         selectedIcon: {
             type: String,
-            value: IconCheckmark,
+            value: Check,
         },
     },
     data: {

package/lib/action-sheet/index.js

@@ -3,8 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var Check_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Check"));
+var icons_1 = require("@tuya-miniapp/icons");
 var component_1 = require("../common/component");
+var ty_1 = __importDefault(require("../common/ty"));
 var button_1 = require("../mixins/button");
 (0, component_1.SmartComponent)({
     classes: ['list-class'],
@@ -55,7 +56,8 @@ var button_1 = require("../mixins/button");
         },
     },
     data: {
-        checkMarkIcon: Check_1.default,
+        checkMarkIcon: icons_1.Check,
+        isWX: ty_1.default.isWX(),
     },
     methods: {
         onSelect: function (event) {

package/lib/action-sheet/index.wxml

@@ -26,7 +26,7 @@
   <view wx:if="{{ description }}" class="smart-action-sheet__description smart-hairline--bottom">
     {{ description }}
   </view>
-  <scroll-view wx:if="{{ actions && actions.length }}" class="smart-action-sheet__list list-class">
+  <scroll-view scroll-y="{{isWX}}" wx:if="{{ actions && actions.length }}" class="smart-action-sheet__list list-class">
     <!-- button外包一层view，防止actions动态变化，导致渲染时button被打散 -->
     <button
       wx:for="{{ actions }}"

package/lib/bottom-sheet/index.css

@@ -1 +1 @@
-@import '../common/index.css';.smart-bottom-sheet{color:var(--bottom-sheet-font-color,var(--app-B4-N1,#000));display:flex;flex-direction:column;max-height:var(--bottom-sheet-max-height,50%)!important;min-height:var(--bottom-sheet-min-height,auto);padding:var(--bottom-sheet-padding,0 16px);padding-bottom:env(safe-area-inset-bottom);width:var(--bottom-sheet-width,100%)!important}.smart-bottom-sheet__header{color:var(--bottom-sheet-header-color,var(--app-B4-N1,#000));font-size:var(--bottom-sheet-header-font-size,17px);font-weight:var(--bottom-sheet-header-font-weight,600);line-height:var(--bottom-sheet-header-height,56px);text-align:center}.smart-bottom-sheet__content{overflow-y:scroll}.smart-bottom-sheet__icon{margin:var(--bottom-sheet-icon-margin,16px 16px 0 0);position:absolute;right:0;top:0}
+@import '../common/index.css';.smart-bottom-sheet{color:var(--bottom-sheet-font-color,var(--app-B4-N1,#000));display:flex;flex-direction:column;max-height:var(--bottom-sheet-max-height,50%);min-height:var(--bottom-sheet-min-height,auto);padding-bottom:env(safe-area-inset-bottom);width:var(--bottom-sheet-width,100%)}.smart-bottom-sheet__header{color:var(--bottom-sheet-header-color,var(--app-B4-N1,#000));font-size:var(--bottom-sheet-header-font-size,17px);font-weight:var(--bottom-sheet-header-font-weight,600);line-height:var(--bottom-sheet-header-height,56px);padding:var(--bottom-sheet-header-padding,0 16px);text-align:center}.smart-bottom-sheet__content{box-sizing:border-box;overflow-y:auto;padding:var(--bottom-sheet-padding,0 16px);position:relative}.smart-bottom-sheet__icon{margin:var(--bottom-sheet-icon-margin,16px 16px 0 0);position:absolute;right:0;top:0}

package/lib/bottom-sheet/index.js

@@ -3,8 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var Xmark_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Xmark"));
+var icons_1 = require("@tuya-miniapp/icons");
 var component_1 = require("../common/component");
+var ty_1 = __importDefault(require("../common/ty"));
 (0, component_1.SmartComponent)({
     props: {
         show: Boolean,
@@ -15,6 +16,7 @@ var component_1 = require("../common/component");
             type: null,
             value: 24,
         },
+        contentHeight: null,
         round: {
             type: Boolean,
             value: true,
@@ -37,13 +39,11 @@ var component_1 = require("../common/component");
         },
     },
     data: {
-        xmarkIcon: Xmark_1.default,
+        xmarkIcon: icons_1.Xmark,
         xmarkIconColor: 'rgba(0, 0, 0, 0.5)',
     },
     mounted: function () {
-        var _a;
-        // @ts-ignore
-        var themeInfo = (_a = ty === null || ty === void 0 ? void 0 : ty.getThemeInfo()) !== null && _a !== void 0 ? _a : {};
+        var themeInfo = ty_1.default.getThemeInfo() || {};
         var xmarkIconColor = this.data.iconColor || themeInfo['--app-B4-N3'] || 'rgba(0, 0, 0, 0.5)';
         this.setData({ xmarkIconColor: xmarkIconColor });
     },

package/lib/bottom-sheet/index.wxml

@@ -1,4 +1,5 @@
 <wxs src="../wxs/utils.wxs" module="utils" />
+<wxs src="./index.wxs" module="computed" />
 
 <smart-popup
   show="{{ show }}"
@@ -8,6 +9,7 @@
   overlay="{{ overlay }}"
   custom-class="smart-bottom-sheet custom-class"
   native-disabled="{{ nativeDisabled }}"
+  customStyle="{{contentHeight ? 'max-height: fit-content;' : ''}}"
   safe-area-inset-bottom="{{false}}"
   close-on-click-overlay="{{ closeOnClickOverlay }}"
   root-portal="{{ rootPortal }}"
@@ -23,7 +25,11 @@
     {{ title }}
     <smart-icon bind:click="onClose" name="{{ xmarkIcon }}" class="smart-bottom-sheet__icon" size="{{ iconSize }}" color="{{ xmarkIconColor }}" />
   </view>
-  <view class="smart-bottom-sheet__content">
+
+  <view wx:if="{{ contentHeight !== null }}" class="smart-bottom-sheet__content" style="{{computed.getHeight(contentHeight)}}">
     <slot />
   </view>
+  <scroll-view wx:else class="smart-bottom-sheet__content">
+    <slot />
+  </scroll-view>
 </smart-popup>

package/lib/bottom-sheet/index.wxs

@@ -0,0 +1,12 @@
+function getHeight(contentHeight) {
+  var height = contentHeight
+    ? typeof contentHeight === 'number'
+      ? contentHeight + 'rpx'
+      : contentHeight
+    : 'undefined';
+  return 'height: ' + height + ';';
+}
+
+module.exports = {
+  getHeight: getHeight,
+};

package/lib/bottom-sheet/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.smart-bottom-sheet{color:var(--bottom-sheet-font-color,var(--app-B4-N1,#000));display:flex;flex-direction:column;max-height:var(--bottom-sheet-max-height,50%)!important;min-height:var(--bottom-sheet-min-height,auto);padding:var(--bottom-sheet-padding,0 16px);padding-bottom:env(safe-area-inset-bottom);width:var(--bottom-sheet-width,100%)!important}.smart-bottom-sheet__header{color:var(--bottom-sheet-header-color,var(--app-B4-N1,#000));font-size:var(--bottom-sheet-header-font-size,17px);font-weight:var(--bottom-sheet-header-font-weight,600);line-height:var(--bottom-sheet-header-height,56px);text-align:center}.smart-bottom-sheet__content{overflow-y:scroll}.smart-bottom-sheet__icon{margin:var(--bottom-sheet-icon-margin,16px 16px 0 0);position:absolute;right:0;top:0}
+@import '../common/index.wxss';.smart-bottom-sheet{color:var(--bottom-sheet-font-color,var(--app-B4-N1,#000));display:flex;flex-direction:column;max-height:var(--bottom-sheet-max-height,50%);min-height:var(--bottom-sheet-min-height,auto);padding-bottom:env(safe-area-inset-bottom);width:var(--bottom-sheet-width,100%)}.smart-bottom-sheet__header{color:var(--bottom-sheet-header-color,var(--app-B4-N1,#000));font-size:var(--bottom-sheet-header-font-size,17px);font-weight:var(--bottom-sheet-header-font-weight,600);line-height:var(--bottom-sheet-header-height,56px);padding:var(--bottom-sheet-header-padding,0 16px);text-align:center}.smart-bottom-sheet__content{box-sizing:border-box;overflow-y:auto;padding:var(--bottom-sheet-padding,0 16px);position:relative}.smart-bottom-sheet__icon{margin:var(--bottom-sheet-icon-margin,16px 16px 0 0);position:absolute;right:0;top:0}

package/lib/button/index.js

@@ -2,13 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var component_1 = require("../common/component");
 var button_1 = require("../mixins/button");
-// import { canIUseFormFieldButton } from '../common/version';
-var mixins = [button_1.button];
-// if (canIUseFormFieldButton()) {
-//   mixins.push('wx://form-field-button');
-// }
 (0, component_1.SmartComponent)({
-    mixins: mixins,
+    mixins: [button_1.button],
     classes: ['hover-class', 'loading-class'],
     data: {
         baseStyle: '',
@@ -55,7 +50,7 @@ var mixins = [button_1.button];
             var _this = this;
             this.$emit('click', event);
             var _a = this.data, canIUseGetUserProfile = _a.canIUseGetUserProfile, openType = _a.openType, getUserProfileDesc = _a.getUserProfileDesc, lang = _a.lang;
-            if (openType === 'getUserInfo' && canIUseGetUserProfile) {
+            if (openType === 'getUserInfo' && canIUseGetUserProfile && typeof wx !== 'undefined') {
                 wx.getUserProfile({
                     desc: getUserProfileDesc || '  ',
                     lang: lang || 'en',

package/lib/calendar/calendar.wxml

@@ -1,6 +1,6 @@
 <wxs src="./index.wxs" module="computed" />
 <wxs src="../wxs/utils.wxs" module="utils" />
-<view class="smart-calendar">
+<view class="smart-calendar custom-class">
   <header
     title="{{ title }}"
     showTitle="{{ showTitle }}"

package/lib/calendar/index.wxs

@@ -38,15 +38,15 @@ function getVisible(visibleIndex, curIndex) {
 function formatMonthTitle(date, formatter = 'YYYY-MM') {
   if (!date) return '';
   date = getDate(date);
-  const year = date.getFullYear();
-  const month = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1 + '';
+  var year = date.getFullYear();
+  var month = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1 + '';
   return formatter.replace('YYYY', year + '').replace('MM', month);
 }
 
 function formatYearTitle(date, offset, formatter = 'YYYY') {
   if (!date) return '';
   date = getDate(date);
-  const year = date.getFullYear();
+  var year = date.getFullYear();
   return formatter.replace('YYYY', year + '');
 }
 

package/lib/calendar-header/index.js

@@ -8,13 +8,10 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-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 Left_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Left"));
-var Right_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Right"));
+var icons_1 = require("@tuya-miniapp/icons");
+var icons_2 = require("@tuya-miniapp/icons");
 (0, component_1.SmartComponent)({
     props: {
         title: {
@@ -41,8 +38,8 @@ var Right_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Right"));
     },
     data: {
         weekdays: [],
-        LeftIcon: Left_1.default,
-        RightIcon: Right_1.default,
+        LeftIcon: icons_1.Left,
+        RightIcon: icons_2.Right,
     },
     created: function () {
         this.initWeekDay();

package/lib/calendar-month/index.wxs

@@ -48,8 +48,8 @@ function getDayStyle(type, index, date, rowHeight, color, firstDayOfWeek) {
 
 function formatMonthTitle(date, formatter = 'YYYY-MM') {
   date = getDate(date);
-  const year = date.getFullYear();
-  const month = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1 + "";
+  var year = date.getFullYear();
+  var month = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1 + "";
   return formatter.replace('YYYY', year + '').replace('MM', month);
 }
 

package/lib/cascader/index.js

@@ -8,12 +8,9 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-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 Xmark_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Xmark"));
+var icons_1 = require("@tuya-miniapp/icons");
 (0, component_1.SmartComponent)({
     props: {
         title: String,
@@ -54,7 +51,7 @@ var Xmark_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Xmark"));
         },
         closeIcon: {
             type: String,
-            value: Xmark_1.default,
+            value: icons_1.Xmark,
         },
         useTitleSlot: Boolean,
     },

package/lib/cell/index.js

@@ -1,12 +1,9 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-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 icons_1 = require("@tuya-miniapp/icons");
+var icons_2 = require("@tuya-miniapp/icons");
+var icons_3 = require("@tuya-miniapp/icons");
+var icons_4 = require("@tuya-miniapp/icons");
 var link_1 = require("../mixins/link");
 var component_1 = require("../common/component");
 (0, component_1.SmartComponent)({
@@ -32,12 +29,12 @@ var component_1 = require("../common/component");
     },
     data: {
         arrowIcons: {
-            up: Up_1.default,
-            down: Down_1.default,
-            left: Left_1.default,
-            right: Right_1.default,
+            up: icons_1.Up,
+            down: icons_2.Down,
+            left: icons_3.Left,
+            right: icons_4.Right,
         },
-        arrowIcon: Right_1.default,
+        arrowIcon: icons_4.Right,
     },
     methods: {
         onClick: function (event) {

package/lib/checkbox/index.js

@@ -1,9 +1,6 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-var Check_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Check"));
+var icons_1 = require("@tuya-miniapp/icons");
 var relation_1 = require("../common/relation");
 var component_1 = require("../common/component");
 function emit(target, value) {
@@ -36,7 +33,7 @@ function emit(target, value) {
     data: {
         parentDisabled: false,
         direction: 'vertical',
-        icon: Check_1.default,
+        icon: icons_1.Check,
     },
     methods: {
         emitChange: function (value) {

package/lib/circle/index.rjs

@@ -190,7 +190,7 @@ export default Render({
       ctx.stroke();
 
       // 绘制进度条
-      const progressAngle = progress * (Math.PI * 2); // 根据进度计算角度
+      const progressAngle = progress * (Math.PI * 2.12); // 根据进度计算角度
       ctx.beginPath();
       ctx.arc(this.width / 2, this.height / 2, radius, startAngle, startAngle + progressAngle);
       ctx.lineWidth = lineWidth;
@@ -217,6 +217,7 @@ export default Render({
     drawProgressBar(progress, this.fillColor); // 25%的蓝色进度条
   },
   render(val) {
+    val = Math.min(Math.max(0, val), 100)
     if (this.mode === 'basic') {
       this.renderAll(val / 100, this.round ? { lineCap: 'round' } : { lineCap: '' });
     }

package/lib/common/appLog.js

@@ -15,7 +15,7 @@ var init = function (tag) {
         return Log;
     }
     // @ts-ignore
-    if (typeof ty !== 'undefined' && !ty.getLogManager) {
+    if (typeof ty === 'undefined' || (typeof ty !== 'undefined' && !ty.getLogManager)) {
         // console.warn('不支持ty.getLogManager');
         return null;
     }

package/lib/common/ty.d.ts

@@ -0,0 +1,7 @@
+declare const tyApi: {
+    vibrateShort: (v: any) => void;
+    nativeDisabled: (v: boolean) => void;
+    getThemeInfo: () => any;
+    isWX: () => boolean;
+};
+export default tyApi;

package/lib/common/ty.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tyApi = {
+    vibrateShort: function (v) {
+        // @ts-ignore
+        if (typeof ty !== 'undefined') {
+            // @ts-ignore
+            ty.vibrateShort(v);
+        }
+        else if (typeof wx !== 'undefined') {
+            wx.vibrateShort(v);
+        }
+    },
+    nativeDisabled: function (v) {
+        var _a;
+        // @ts-ignore
+        if (typeof ty !== 'undefined') {
+            // @ts-ignore
+            (_a = ty.nativeDisabled) === null || _a === void 0 ? void 0 : _a.call(ty, v);
+        }
+    },
+    getThemeInfo: function () {
+        var _a;
+        // @ts-ignore
+        if (typeof ty !== 'undefined') {
+            // @ts-ignore
+            return (_a = ty.getThemeInfo) === null || _a === void 0 ? void 0 : _a.call(ty);
+        }
+    },
+    isWX: function () {
+        // @ts-ignore
+        return typeof ty === 'undefined' && !!wx;
+    },
+};
+exports.default = tyApi;

package/lib/config-provider/index.wxml

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