@tuya-miniapp/smart-ui 2.4.1-beta-5 → 2.5.1-beta-1

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%);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{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}
+@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,
@@ -38,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

@@ -25,7 +25,11 @@
     {{ title }}
     <smart-icon bind:click="onClose" name="{{ xmarkIcon }}" class="smart-bottom-sheet__icon" size="{{ iconSize }}" color="{{ xmarkIconColor }}" />
   </view>
-  <scroll-view class="smart-bottom-sheet__content" style="{{computed.getHeight(contentHeight)}}">
+
+  <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

@@ -1,5 +1,5 @@
 function getHeight(contentHeight) {
-  const height = contentHeight
+  var height = contentHeight
     ? typeof contentHeight === 'number'
       ? contentHeight + 'rpx'
       : contentHeight

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%);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{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}
+@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/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/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/custom-keyboard/index.wxml

@@ -1,8 +1,6 @@
 <view class="{{prefix}} {{prefix}}-container" style="{{inputContainerStyle}}">
   <view class="{{prefix}}-textView" bind:tap="handlePassword">
-    <text class="{{prefix}}-pwdText {{currValue !== '' ? prefix + '-password' : null}}" style="{{valueTextStyle}}">
-      {{currValue || placeholder}}
-    </text>
+    <text class="{{prefix}}-pwdText {{currValue !== '' ? prefix + '-password' : null}}" style="{{valueTextStyle}}">{{currValue || placeholder}}</text>
   </view>
   <slot name="custom-button" />
 </view>
@@ -14,7 +12,7 @@
 >
   <view class="{{prefix}}-popup-container">
     <view class="{{prefix}}-number-wrap" style="height: {{row * 56}}px">
-      <view wx:for="{{numberArray}}" wx:key="index" bind:tap="changeValue" hover-class="{{prefix}}-hover-class" data-item="{{ item }}" class="{{prefix}}-number-item" style="{{(item === 0 || item === 10) && numberArray.length === 11 ? 'width: 175px' : ''}}">
+      <view wx:for="{{numberArray}}" wx:key="index" bind:tap="changeValue" hover-class="{{prefix}}-hover-class" data-item="{{ item }}" class="{{prefix}}-number-item" style="{{(item === 0 || item === 10) && numberArray.length === 11 ? 'width: 345rpx' : ''}}">
         <view
           wx:if="{{item === -2}}"
           class="{{prefix}}-hidden-image"
@@ -39,9 +37,7 @@
         bind:tap="confirm"
         hover-class="{{prefix}}-hover-class"
       >
-        <text class="{{prefix}}-confirm-text" style="{{confirmTextStyle}}">
-          {{confirmText}}
-        </text>
+        <text class="{{prefix}}-confirm-text" space="false" style="{{confirmTextStyle}}">{{confirmText}}</text>
       </button >
     </view>
   </view>

package/lib/dialog/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var Warning_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Warning"));
+var icons_1 = require("@tuya-miniapp/icons");
 var component_1 = require("../common/component");
 var button_1 = require("../mixins/button");
 var appLog_1 = __importDefault(require("../common/appLog"));
@@ -90,7 +90,7 @@ var dialog_1 = require("./dialog");
         },
     },
     data: {
-        warningIcon: Warning_1.default,
+        warningIcon: icons_1.Warning,
         inputValue: '',
         loading: {
             confirm: false,

package/lib/dropdown-item/index.js

@@ -5,7 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var relation_1 = require("../common/relation");
 var component_1 = require("../common/component");
-var Check_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Check"));
+var icons_1 = require("@tuya-miniapp/icons");
+var ty_1 = __importDefault(require("../common/ty"));
 (0, component_1.SmartComponent)({
     classes: ['item-title-class'],
     field: true,
@@ -43,7 +44,7 @@ var Check_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Check"));
         },
     },
     data: {
-        checkMarkIcon: Check_1.default,
+        checkMarkIcon: icons_1.Check,
         checkMarkIconColor: '',
         transition: true,
         showPopup: false,
@@ -53,8 +54,7 @@ var Check_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Check"));
     },
     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 = (_a = ty_1.default.getThemeInfo()) !== null && _a !== void 0 ? _a : {};
         var checkMarkIconColor = this.data.activeColor || themeInfo['--app-M1'] || '#3678E3';
         this.setData({ checkMarkIconColor: checkMarkIconColor });
     },

package/lib/dropdown-menu/index.js

@@ -6,7 +6,8 @@ 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 TriangleDown_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/TriangleDown"));
+var icons_1 = require("@tuya-miniapp/icons");
+var ty_1 = __importDefault(require("../common/ty"));
 var ARRAY = [];
 (0, component_1.SmartComponent)({
     field: true,
@@ -58,14 +59,13 @@ var ARRAY = [];
         },
     },
     data: {
-        triangleDown: TriangleDown_1.default,
+        triangleDown: icons_1.TriangleDown,
         activeColorStatic: '',
         itemListData: [],
     },
     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 = (_a = ty_1.default.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,14 +10,11 @@ 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 Xmark_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Xmark"));
+var icons_1 = require("@tuya-miniapp/icons");
 (0, component_1.SmartComponent)({
     field: true,
     classes: ['input-class', 'right-icon-class', 'label-class'],
@@ -40,7 +37,7 @@ var Xmark_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Xmark"));
             value: '6.2em',
         }, clearIcon: {
             type: String,
-            value: Xmark_1.default,
+            value: icons_1.Xmark,
         }, extraEventParams: {
             type: Boolean,
             value: false,

package/lib/image/index.js

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

package/lib/image/index.wxs

@@ -30,7 +30,7 @@ function mode(fit) {
 
 
 function maskStyle(url, color) {
-  const str = 'mask-image: url(' + url + ');-webkit-mask-image: url(' + url + ');background: ' + color + ';'
+  var 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) {
-  const ret = style({
+  var ret = style({
     'font-size': addUnit(data.textSize),
     color: data.color,
   });
@@ -12,7 +12,7 @@ function textStyle(data) {
 }
 
 function loadingStyle(data) {
-  let iconSrc = ''
+  var iconSrc = ''
 
   if (data.type === 'spinner') {
     iconSrc = data.spinner

package/lib/mixins/transition.js

@@ -35,11 +35,15 @@ 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"),
@@ -98,20 +102,19 @@ 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;
-                    var _b;
-                    return __generator(this, function (_c) {
-                        switch (_c.label) {
+                    return __generator(this, function (_b) {
+                        switch (_b.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) {
-                                    (_b = ty === null || ty === void 0 ? void 0 : ty.nativeDisabled) === null || _b === void 0 ? void 0 : _b.call(ty, true);
+                                    ty_1.default.nativeDisabled(true);
                                 }
                                 return [4 /*yield*/, (0, utils_1.requestAnimationFrame)()];
                             case 1:
-                                _c.sent();
+                                _b.sent();
                                 this.$emit('enter');
                                 this.setData({
                                     inited: true,
@@ -121,7 +124,7 @@ function transition(showDefaultValue) {
                                 });
                                 return [4 /*yield*/, (0, utils_1.requestAnimationFrame)()];
                             case 2:
-                                _c.sent();
+                                _b.sent();
                                 this.transitionEnded = false;
                                 this.setData({ classes: classNames['enter-to'] });
                                 clearTimeout(this.timer);
@@ -179,11 +182,10 @@ function transition(showDefaultValue) {
                                         this.transitionEnded = false;
                                         clearTimeout(this.timer);
                                         setTimeout(function () {
-                                            var _a;
                                             _this.enterFinishedPromise = null;
                                             _this.$emit('after-leave');
                                             if (_this.data.nativeDisabled) {
-                                                (_a = ty === null || ty === void 0 ? void 0 : ty.nativeDisabled) === null || _a === void 0 ? void 0 : _a.call(ty, false);
+                                                ty_1.default.nativeDisabled(false);
                                             }
                                             _this.setData({
                                                 display: false,
@@ -197,13 +199,12 @@ 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) {
-                                (_a = ty === null || ty === void 0 ? void 0 : ty.nativeDisabled) === null || _a === void 0 ? void 0 : _a.call(ty, false);
+                                ty_1.default.nativeDisabled(false);
                             }
                         });
                         return [2 /*return*/];

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

package/lib/notice-bar/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 component_1 = require("../common/component");
 var utils_1 = require("../common/utils");
-var Xmark_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Xmark"));
-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: {
         text: {
@@ -83,8 +80,8 @@ var Right_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Right"));
         wrapable: Boolean,
     },
     data: {
-        Xmark: Xmark_1.default,
-        Right: Right_1.default,
+        Xmark: icons_1.Xmark,
+        Right: icons_2.Right,
         show: true,
     },
     created: function () {