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

package/lib/dropdown-menu/index.js

@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var component_1 = require("../common/component");
 var relation_1 = require("../common/relation");
 var utils_1 = require("../common/utils");
-var icons_1 = require("@tuya-miniapp/icons");
-var ty_1 = __importDefault(require("../common/ty"));
+var TriangleDown_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/TriangleDown"));
 var ARRAY = [];
 (0, component_1.SmartComponent)({
     field: true,
@@ -59,13 +58,14 @@ var ARRAY = [];
         },
     },
     data: {
-        triangleDown: icons_1.TriangleDown,
+        triangleDown: TriangleDown_1.default,
         activeColorStatic: '',
         itemListData: [],
     },
     mounted: function () {
         var _a;
-        var themeInfo = (_a = ty_1.default.getThemeInfo()) !== null && _a !== void 0 ? _a : {};
+        // @ts-ignore
+        var themeInfo = (_a = ty === null || ty === void 0 ? void 0 : ty.getThemeInfo()) !== null && _a !== void 0 ? _a : {};
         var activeColorStatic = this.data.activeColor || themeInfo['--app-M1'] || '#3678E3';
         this.setData({ activeColorStatic: activeColorStatic });
     },

package/lib/field/index.js

@@ -10,11 +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 utils_1 = require("../common/utils");
 var component_1 = require("../common/component");
 var props_1 = require("./props");
-var icons_1 = require("@tuya-miniapp/icons");
+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'],
@@ -37,7 +40,7 @@ var icons_1 = require("@tuya-miniapp/icons");
             value: '6.2em',
         }, clearIcon: {
             type: String,
-            value: icons_1.Xmark,
+            value: Xmark_1.default,
         }, extraEventParams: {
             type: Boolean,
             value: false,

package/lib/image/index.js

@@ -1,8 +1,11 @@
 "use strict";
+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 button_1 = require("../mixins/button");
-var icons_1 = require("@tuya-miniapp/icons");
+var Loading_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Loading"));
 (0, component_1.SmartComponent)({
     mixins: [button_1.button],
     classes: ['custom-class', 'loading-class', 'error-class', 'image-class'],
@@ -48,7 +51,7 @@ var icons_1 = require("@tuya-miniapp/icons");
     data: {
         error: false,
         loading: true,
-        loadingSvg: icons_1.Loading,
+        loadingSvg: Loading_1.default,
         viewStyle: '',
     },
     methods: {

package/lib/image/index.wxs

@@ -30,7 +30,7 @@ function mode(fit) {
 
 
 function maskStyle(url, color) {
-  var str = 'mask-image: url(' + url + ');-webkit-mask-image: url(' + url + ');background: ' + color + ';'
+  const str = 'mask-image: url(' + url + ');-webkit-mask-image: url(' + url + ');background: ' + color + ';'
   return str
 }
 

package/lib/loading/index.wxs

@@ -3,7 +3,7 @@ var style = require('../wxs/style.wxs');
 var addUnit = require('../wxs/add-unit.wxs');
 
 function textStyle(data) {
-  var ret = style({
+  const ret = style({
     'font-size': addUnit(data.textSize),
     color: data.color,
   });
@@ -12,7 +12,7 @@ function textStyle(data) {
 }
 
 function loadingStyle(data) {
-  var iconSrc = ''
+  let iconSrc = ''
 
   if (data.type === 'spinner') {
     iconSrc = data.spinner

package/lib/mixins/transition.js

@@ -35,15 +35,11 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.transition = void 0;
 // @ts-nocheck
 var utils_1 = require("../common/utils");
 var validator_1 = require("../common/validator");
-var ty_1 = __importDefault(require("../common/ty"));
 var getClassNames = function (name) { return ({
     enter: "smart-".concat(name, "-enter smart-").concat(name, "-enter-active enter-class enter-active-class"),
     'enter-to': "smart-".concat(name, "-enter-to smart-").concat(name, "-enter-active enter-to-class enter-active-class"),
@@ -102,19 +98,20 @@ function transition(showDefaultValue) {
                 this.enterFinishedPromise = new Promise(function (resolve) { return __awaiter(_this, void 0, void 0, function () {
                     var _a, duration, name, classNames, currentDuration;
                     var _this = this;
-                    return __generator(this, function (_b) {
-                        switch (_b.label) {
+                    var _b;
+                    return __generator(this, function (_c) {
+                        switch (_c.label) {
                             case 0:
                                 _a = this.data, duration = _a.duration, name = _a.name;
                                 classNames = getClassNames(name);
                                 currentDuration = (0, validator_1.isObj)(duration) ? duration.enter : duration;
                                 this.$emit('before-enter');
                                 if (this.data.nativeDisabled) {
-                                    ty_1.default.nativeDisabled(true);
+                                    (_b = ty === null || ty === void 0 ? void 0 : ty.nativeDisabled) === null || _b === void 0 ? void 0 : _b.call(ty, true);
                                 }
                                 return [4 /*yield*/, (0, utils_1.requestAnimationFrame)()];
                             case 1:
-                                _b.sent();
+                                _c.sent();
                                 this.$emit('enter');
                                 this.setData({
                                     inited: true,
@@ -124,7 +121,7 @@ function transition(showDefaultValue) {
                                 });
                                 return [4 /*yield*/, (0, utils_1.requestAnimationFrame)()];
                             case 2:
-                                _b.sent();
+                                _c.sent();
                                 this.transitionEnded = false;
                                 this.setData({ classes: classNames['enter-to'] });
                                 clearTimeout(this.timer);
@@ -182,10 +179,11 @@ function transition(showDefaultValue) {
                                         this.transitionEnded = false;
                                         clearTimeout(this.timer);
                                         setTimeout(function () {
+                                            var _a;
                                             _this.enterFinishedPromise = null;
                                             _this.$emit('after-leave');
                                             if (_this.data.nativeDisabled) {
-                                                ty_1.default.nativeDisabled(false);
+                                                (_a = ty === null || ty === void 0 ? void 0 : ty.nativeDisabled) === null || _a === void 0 ? void 0 : _a.call(ty, false);
                                             }
                                             _this.setData({
                                                 display: false,
@@ -199,12 +197,13 @@ function transition(showDefaultValue) {
                             });
                         }); })
                             .catch(function (err) {
+                            var _a;
                             _this.enterFinishedPromise = null;
                             _this.setData({ animating: false });
                             console.log(err, '---error-leave');
                             _this.$emit('leave-error', err);
                             if (_this.data.nativeDisabled) {
-                                ty_1.default.nativeDisabled(false);
+                                (_a = ty === null || ty === void 0 ? void 0 : ty.nativeDisabled) === null || _a === void 0 ? void 0 : _a.call(ty, false);
                             }
                         });
                         return [2 /*return*/];

package/lib/nav-bar/index.js

@@ -1,6 +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 icons_1 = require("@tuya-miniapp/icons");
+var Left_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Left"));
 var component_1 = require("../common/component");
 var utils_1 = require("../common/utils");
 (0, component_1.SmartComponent)({
@@ -47,7 +50,7 @@ var utils_1 = require("../common/utils");
     },
     data: {
         height: 46,
-        leftArrowIcon: icons_1.Left,
+        leftArrowIcon: Left_1.default,
     },
     created: function () {
         var statusBarHeight = (0, utils_1.getSystemInfoSync)().statusBarHeight;

package/lib/notice-bar/index.js

@@ -1,9 +1,12 @@
 "use strict";
+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 utils_1 = require("../common/utils");
-var icons_1 = require("@tuya-miniapp/icons");
-var icons_2 = require("@tuya-miniapp/icons");
+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: {
         text: {
@@ -80,8 +83,8 @@ var icons_2 = require("@tuya-miniapp/icons");
         wrapable: Boolean,
     },
     data: {
-        Xmark: icons_1.Xmark,
-        Right: icons_2.Right,
+        Xmark: Xmark_1.default,
+        Right: Right_1.default,
         show: true,
     },
     created: function () {

package/lib/picker-column/index.js

@@ -44,14 +44,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 utils_1 = require("../common/utils");
 var validator_1 = require("../common/validator");
-var ty_1 = __importDefault(require("../common/ty"));
 var DEFAULT_DURATION = 400;
 (0, component_1.SmartComponent)({
     classes: ['active-class'],
@@ -269,7 +265,8 @@ var DEFAULT_DURATION = 400;
             var _this = this;
             if (time === void 0) { time = 1000; }
             if (!count) {
-                ty_1.default.vibrateShort({ type: 'light' });
+                // @ts-ignore
+                ty.vibrateShort({ type: 'light' });
                 return;
             }
             var has = 0;

package/lib/picker-column/index.wxs

@@ -52,10 +52,10 @@ function wrapperItemStyle(data) {
 }
 
 // function wrapperItemStyle(data) {
-//   var { index, animationIndex: currentIndex } = data;
-//   var offsetIndex = currentIndex - index;
-//   var rotateX = offsetIndex * 25 > 0 ? Math.min(offsetIndex * 25, 25 * 2) : Math.max(offsetIndex * 25, -25 * 2)
-//   var scale = Math.min(Math.abs(offsetIndex * 0.05), 0.05 * 2)
+//   const { index, animationIndex: currentIndex } = data;
+//   const offsetIndex = currentIndex - index;
+//   const rotateX = offsetIndex * 25 > 0 ? Math.min(offsetIndex * 25, 25 * 2) : Math.max(offsetIndex * 25, -25 * 2)
+//   const scale = Math.min(Math.abs(offsetIndex * 0.05), 0.05 * 2)
 //   return style({
 //     transition: 'transform ' + data.duration + 'ms ease-out',
 //     transform: `rotateX(${rotateX}deg) scale(${1 - scale})`

package/lib/popover/index.js

@@ -56,11 +56,6 @@ function createSvgIcon(svg) {
             type: String,
             value: '',
         },
-        trigger: {
-            type: String,
-            // tap | longpress
-            value: 'tap',
-        },
         zIndex: {
             type: Number,
             value: 101,

package/lib/popover/index.wxml

@@ -1,4 +1,4 @@
-<view class="smart-popover custom-class">
+<view class="smart-popover">
 
   <smart-overlay
     show="{{ currentShow }}"
@@ -12,15 +12,7 @@
    
   </smart-overlay>
 
-  <view wx:if="{{trigger === 'longpress'}}" class="smart-popover-button" catch:longpress="onClick">
-    <slot />
-    <view catch:tap="noop" wx:if="{{currentShow}}" class="smart-popover-overlay" style="left: {{left}};top: {{top}}; bottom:{{bottom}};right:{{right}}; transform:{{transform}}; {{customStyle}}; {{showStyle}}">
-      <slot name="overlay" />
-      <smart-icon class="smart-popover-overlay-arrow" name="{{iconSrc}}" style=" transform: {{iconTransform}}; {{iconPos}}: {{iconPosVal}}px;background-size: {{iconWidth}} {{iconHeight}};{{iconStyle}}"></smart-icon>
-    </view>
-  </view>
-
-  <view wx:else class="smart-popover-button" catch:tap="onClick">
+  <view class="smart-popover-button" catch:tap="onClick">
     <slot />
     <view catch:tap="noop" wx:if="{{currentShow}}" class="smart-popover-overlay" style="left: {{left}};top: {{top}}; bottom:{{bottom}};right:{{right}}; transform:{{transform}}; {{customStyle}}; {{showStyle}}">
       <slot name="overlay" />

package/lib/popup/index.css

@@ -1 +1 @@
-@import '../common/index.css';.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)}
+@import '../common/index.css';.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)}

package/lib/popup/index.js

@@ -1,6 +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 icons_1 = require("@tuya-miniapp/icons");
+var Xmark_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Xmark"));
 var component_1 = require("../common/component");
 var transition_1 = require("../mixins/transition");
 var utils_1 = require("../common/utils");
@@ -34,7 +37,7 @@ var utils_1 = require("../common/utils");
         },
         closeIcon: {
             type: String,
-            value: icons_1.Xmark,
+            value: Xmark_1.default,
         },
         closeIconPosition: {
             type: String,
@@ -75,7 +78,7 @@ var utils_1 = require("../common/utils");
         },
     },
     data: {
-        closeIcon: icons_1.Xmark,
+        closeIcon: Xmark_1.default,
         bottomSafeHeight: 0,
     },
     mounted: function () {

package/lib/popup/index.wxs

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

package/lib/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);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)}
+@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)}

package/lib/radio/index.js

@@ -1,6 +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 icons_1 = require("@tuya-miniapp/icons");
+var Check_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Check"));
 var version_1 = require("../common/version");
 var component_1 = require("../common/component");
 var relation_1 = require("../common/relation");
@@ -33,7 +36,7 @@ var relation_1 = require("../common/relation");
     data: {
         direction: '',
         parentDisabled: false,
-        icon: icons_1.Check,
+        icon: Check_1.default,
         preventDefault: false,
     },
     methods: {

package/lib/rate/index.js

@@ -10,9 +10,12 @@ 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 icons_1 = require("@tuya-miniapp/icons");
-var icons_2 = require("@tuya-miniapp/icons");
+var CheckmarkCircle_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/CheckmarkCircle"));
+var CheckmarkCircleVoid_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/CheckmarkCircleVoid"));
 var utils_1 = require("../common/utils");
 var component_1 = require("../common/component");
 var version_1 = require("../common/version");
@@ -34,11 +37,11 @@ var version_1 = require("../common/version");
         size: null,
         icon: {
             type: String,
-            value: icons_1.CheckmarkCircle,
+            value: CheckmarkCircle_1.default,
         },
         voidIcon: {
             type: String,
-            value: icons_2.CheckmarkCircleVoid,
+            value: CheckmarkCircleVoid_1.default,
         },
         color: {
             type: String,

package/lib/search/index.js

@@ -1,9 +1,12 @@
 "use strict";
+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 version_1 = require("../common/version");
-var icons_1 = require("@tuya-miniapp/icons");
-var icons_2 = require("@tuya-miniapp/icons");
+var Search_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Search"));
+var Close_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Close"));
 (0, component_1.SmartComponent)({
     field: true,
     classes: ['field-class', 'input-class', 'cancel-class'],
@@ -27,7 +30,7 @@ var icons_2 = require("@tuya-miniapp/icons");
         useRightIconSlot: Boolean,
         leftIcon: {
             type: String,
-            value: icons_1.Search,
+            value: Search_1.default,
         },
         rightIcon: String,
         placeholder: String,
@@ -56,7 +59,7 @@ var icons_2 = require("@tuya-miniapp/icons");
         },
         clearIcon: {
             type: String,
-            value: icons_2.Close,
+            value: Close_1.default,
         },
         cursorSpacing: {
             type: Number,

package/lib/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{0%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.02)}to{opacity:1;transform:scale(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}}

package/lib/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{0%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.02)}to{opacity:1;transform:scale(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}}

package/lib/stepper/index.js

@@ -16,9 +16,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var component_1 = require("../common/component");
 var validator_1 = require("../common/validator");
-var ty_1 = __importDefault(require("../common/ty"));
-var icons_1 = require("@tuya-miniapp/icons");
-var icons_2 = require("@tuya-miniapp/icons");
+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
@@ -83,8 +82,8 @@ function equal(value1, value2) {
     },
     data: {
         currentValue: '',
-        Minus: icons_1.Minus,
-        Plus: icons_2.Plus,
+        Minus: Minus_1.default,
+        Plus: Plus_1.default,
     },
     watch: {
         value: function () {
@@ -168,7 +167,8 @@ function equal(value1, value2) {
             var value = this.format(add(+this.data.currentValue, diff));
             this.emitChange(value);
             this.$emit(type);
-            ty_1.default.vibrateShort({ type: 'light' });
+            // @ts-ignore
+            ty.vibrateShort({ type: 'light' });
         },
         longPressStep: function () {
             var _this = this;

package/lib/steps/index.js

@@ -1,6 +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 icons_1 = require("@tuya-miniapp/icons");
+var Checkmark_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Checkmark"));
 var component_1 = require("../common/component");
 var color_1 = require("../common/color");
 (0, component_1.SmartComponent)({
@@ -23,7 +26,7 @@ var color_1 = require("../common/color");
         },
         activeIcon: {
             type: String,
-            value: icons_1.Checkmark,
+            value: Checkmark_1.default,
         },
         inactiveIcon: String,
     },

package/lib/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-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)}
+@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)}

package/lib/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-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)}
+@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)}

package/lib/tag/index.js

@@ -1,6 +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 icons_1 = require("@tuya-miniapp/icons");
+var Xmark_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Xmark"));
 var component_1 = require("../common/component");
 (0, component_1.SmartComponent)({
     props: {
@@ -20,7 +23,7 @@ var component_1 = require("../common/component");
         closeable: Boolean,
     },
     data: {
-        crossIcon: icons_1.Xmark,
+        crossIcon: Xmark_1.default,
         closeColor: '#fff',
     },
     methods: {

package/lib/toast/icons.js

@@ -1,9 +1,12 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Error = exports.Alarm = exports.Success = void 0;
-var icons_1 = require("@tuya-miniapp/icons");
-var icons_2 = require("@tuya-miniapp/icons");
-var icons_3 = require("@tuya-miniapp/icons");
-exports.Success = icons_2.CheckmarkCircle;
-exports.Alarm = icons_1.Warning;
-exports.Error = icons_3.Cancel;
+var Warning_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Warning"));
+var CheckmarkCircle_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/CheckmarkCircle"));
+var Cancel_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Cancel"));
+exports.Success = CheckmarkCircle_1.default;
+exports.Alarm = Warning_1.default;
+exports.Error = Cancel_1.default;

package/lib/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;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%)}
+@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%)}

package/lib/toast/index.wxml

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

package/lib/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;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%)}
+@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%)}