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

package/dist/action-sheet/index.js

@@ -1,5 +1,6 @@
-import checkMarkIcon from '@tuya-miniapp/icons/dist/svg/Check';
+import { Check as checkMarkIcon } from '@tuya-miniapp/icons';
 import { SmartComponent } from '../common/component';
+import ty from '../common/ty';
 import { button } from '../mixins/button';
 SmartComponent({
     classes: ['list-class'],
@@ -51,6 +52,7 @@ SmartComponent({
     },
     data: {
         checkMarkIcon,
+        isWX: ty.isWX(),
     },
     methods: {
         onSelect(event) {

package/dist/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/dist/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/dist/bottom-sheet/index.js

@@ -1,5 +1,6 @@
-import xmarkIcon from '@tuya-miniapp/icons/dist/svg/Xmark';
+import { Xmark as xmarkIcon } from '@tuya-miniapp/icons';
 import { SmartComponent } from '../common/component';
+import ty from '../common/ty';
 SmartComponent({
     props: {
         show: Boolean,
@@ -37,9 +38,7 @@ SmartComponent({
         xmarkIconColor: 'rgba(0, 0, 0, 0.5)',
     },
     mounted() {
-        var _a;
-        // @ts-ignore
-        const themeInfo = (_a = ty === null || ty === void 0 ? void 0 : ty.getThemeInfo()) !== null && _a !== void 0 ? _a : {};
+        const themeInfo = ty.getThemeInfo() || {};
         const xmarkIconColor = this.data.iconColor || themeInfo['--app-B4-N3'] || 'rgba(0, 0, 0, 0.5)';
         this.setData({ xmarkIconColor });
     },

package/dist/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/dist/bottom-sheet/index.wxs

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

package/dist/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/dist/button/index.js

@@ -1,12 +1,7 @@
 import { SmartComponent } from '../common/component';
 import { button } from '../mixins/button';
-// import { canIUseFormFieldButton } from '../common/version';
-const mixins = [button];
-// if (canIUseFormFieldButton()) {
-//   mixins.push('wx://form-field-button');
-// }
 SmartComponent({
-    mixins,
+    mixins: [button],
     classes: ['hover-class', 'loading-class'],
     data: {
         baseStyle: '',
@@ -52,7 +47,7 @@ SmartComponent({
         onClick(event) {
             this.$emit('click', event);
             const { canIUseGetUserProfile, openType, getUserProfileDesc, lang } = this.data;
-            if (openType === 'getUserInfo' && canIUseGetUserProfile) {
+            if (openType === 'getUserInfo' && canIUseGetUserProfile && typeof wx !== 'undefined') {
                 wx.getUserProfile({
                     desc: getUserProfileDesc || '  ',
                     lang: lang || 'en',

package/dist/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/dist/calendar-header/index.js

@@ -1,6 +1,6 @@
 import { SmartComponent } from '../common/component';
-import LeftIcon from '@tuya-miniapp/icons/dist/svg/Left';
-import RightIcon from '@tuya-miniapp/icons/dist/svg/Right';
+import { Left as LeftIcon } from '@tuya-miniapp/icons';
+import { Right as RightIcon } from '@tuya-miniapp/icons';
 SmartComponent({
     props: {
         title: {

package/dist/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/dist/cascader/index.js

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

package/dist/cell/index.js

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

package/dist/checkbox/index.js

@@ -1,4 +1,4 @@
-import CheckIcon from '@tuya-miniapp/icons/dist/svg/Check';
+import { Check as CheckIcon } from '@tuya-miniapp/icons';
 import { useParent } from '../common/relation';
 import { SmartComponent } from '../common/component';
 function emit(target, value) {

package/dist/common/appLog.js

@@ -12,7 +12,7 @@ export const init = (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/dist/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/dist/common/ty.js

@@ -0,0 +1,33 @@
+const tyApi = {
+    vibrateShort: (v) => {
+        // @ts-ignore
+        if (typeof ty !== 'undefined') {
+            // @ts-ignore
+            ty.vibrateShort(v);
+        }
+        else if (typeof wx !== 'undefined') {
+            wx.vibrateShort(v);
+        }
+    },
+    nativeDisabled: (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: () => {
+        var _a;
+        // @ts-ignore
+        if (typeof ty !== 'undefined') {
+            // @ts-ignore
+            return (_a = ty.getThemeInfo) === null || _a === void 0 ? void 0 : _a.call(ty);
+        }
+    },
+    isWX: () => {
+        // @ts-ignore
+        return typeof ty === 'undefined' && !!wx;
+    },
+};
+export default tyApi;

package/dist/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/dist/dialog/index.js

@@ -1,4 +1,4 @@
-import warningIcon from '@tuya-miniapp/icons/dist/svg/Warning';
+import { Warning as warningIcon } from '@tuya-miniapp/icons';
 import { SmartComponent } from '../common/component';
 import { button } from '../mixins/button';
 import appLog from '../common/appLog';

package/dist/dropdown-item/index.js

@@ -1,6 +1,7 @@
 import { useParent } from '../common/relation';
 import { SmartComponent } from '../common/component';
-import checkMarkIcon from '@tuya-miniapp/icons/dist/svg/Check';
+import { Check as checkMarkIcon } from '@tuya-miniapp/icons';
+import ty from '../common/ty';
 SmartComponent({
     classes: ['item-title-class'],
     field: true,
@@ -48,8 +49,7 @@ SmartComponent({
     },
     mounted() {
         var _a;
-        // @ts-ignore
-        const themeInfo = (_a = ty === null || ty === void 0 ? void 0 : ty.getThemeInfo()) !== null && _a !== void 0 ? _a : {};
+        const themeInfo = (_a = ty.getThemeInfo()) !== null && _a !== void 0 ? _a : {};
         const checkMarkIconColor = this.data.activeColor || themeInfo['--app-M1'] || '#3678E3';
         this.setData({ checkMarkIconColor });
     },

package/dist/dropdown-menu/index.js

@@ -1,7 +1,8 @@
 import { SmartComponent } from '../common/component';
 import { useChildren } from '../common/relation';
 import { addUnit, getRect, getSystemInfoSync } from '../common/utils';
-import triangleDown from '@tuya-miniapp/icons/dist/svg/TriangleDown';
+import { TriangleDown } from '@tuya-miniapp/icons';
+import ty from '../common/ty';
 let ARRAY = [];
 SmartComponent({
     field: true,
@@ -53,14 +54,13 @@ SmartComponent({
         },
     },
     data: {
-        triangleDown,
+        triangleDown: TriangleDown,
         activeColorStatic: '',
         itemListData: [],
     },
     mounted() {
         var _a;
-        // @ts-ignore
-        const themeInfo = (_a = ty === null || ty === void 0 ? void 0 : ty.getThemeInfo()) !== null && _a !== void 0 ? _a : {};
+        const themeInfo = (_a = ty.getThemeInfo()) !== null && _a !== void 0 ? _a : {};
         const activeColorStatic = this.data.activeColor || themeInfo['--app-M1'] || '#3678E3';
         this.setData({ activeColorStatic });
     },

package/dist/field/index.js

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

package/dist/image/index.js

@@ -1,6 +1,6 @@
 import { SmartComponent } from '../common/component';
 import { button } from '../mixins/button';
-import LoadingSvg from '@tuya-miniapp/icons/dist/svg/Loading';
+import { Loading } from '@tuya-miniapp/icons';
 SmartComponent({
     mixins: [button],
     classes: ['custom-class', 'loading-class', 'error-class', 'image-class'],
@@ -46,7 +46,7 @@ SmartComponent({
     data: {
         error: false,
         loading: true,
-        loadingSvg: LoadingSvg,
+        loadingSvg: Loading,
         viewStyle: '',
     },
     methods: {

package/dist/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/dist/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/dist/mixins/transition.js

@@ -10,6 +10,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 // @ts-nocheck
 import { requestAnimationFrame } from '../common/utils';
 import { isObj } from '../common/validator';
+import ty from '../common/ty';
 const getClassNames = (name) => ({
     enter: `smart-${name}-enter smart-${name}-enter-active enter-class enter-active-class`,
     'enter-to': `smart-${name}-enter-to smart-${name}-enter-active enter-to-class enter-active-class`,
@@ -65,13 +66,12 @@ export function transition(showDefaultValue) {
                 });
                 // eslint-disable-next-line no-async-promise-executor
                 this.enterFinishedPromise = new Promise((resolve) => __awaiter(this, void 0, void 0, function* () {
-                    var _a;
                     const { duration, name } = this.data;
                     const classNames = getClassNames(name);
                     const currentDuration = isObj(duration) ? duration.enter : duration;
                     this.$emit('before-enter');
                     if (this.data.nativeDisabled) {
-                        (_a = ty === null || ty === void 0 ? void 0 : ty.nativeDisabled) === null || _a === void 0 ? void 0 : _a.call(ty, true);
+                        ty.nativeDisabled(true);
                     }
                     yield requestAnimationFrame();
                     this.$emit('enter');
@@ -125,11 +125,10 @@ export function transition(showDefaultValue) {
                         this.transitionEnded = false;
                         clearTimeout(this.timer);
                         setTimeout(() => {
-                            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.nativeDisabled(false);
                             }
                             this.setData({
                                 display: false,
@@ -140,13 +139,12 @@ export function transition(showDefaultValue) {
                         this.setData({ classes: classNames['leave-to'] });
                     }))
                         .catch(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.nativeDisabled(false);
                         }
                     });
                 });

package/dist/nav-bar/index.js

@@ -1,4 +1,4 @@
-import Left from '@tuya-miniapp/icons/dist/svg/Left';
+import { Left } from '@tuya-miniapp/icons';
 import { SmartComponent } from '../common/component';
 import { getRect, getSystemInfoSync } from '../common/utils';
 SmartComponent({

package/dist/notice-bar/index.js

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

package/dist/picker-column/index.js

@@ -10,6 +10,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 import { SmartComponent } from '../common/component';
 import { range } from '../common/utils';
 import { isObj } from '../common/validator';
+import ty from '../common/ty';
 const DEFAULT_DURATION = 400;
 SmartComponent({
     classes: ['active-class'],
@@ -226,7 +227,6 @@ SmartComponent({
         },
         vibrateShort(count, time = 1000) {
             if (!count) {
-                // @ts-ignore
                 ty.vibrateShort({ type: 'light' });
                 return;
             }

package/dist/picker-column/index.wxs

@@ -52,10 +52,10 @@ function wrapperItemStyle(data) {
 }
 
 // function wrapperItemStyle(data) {
-//   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)
+//   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)
 //   return style({
 //     transition: 'transform ' + data.duration + 'ms ease-out',
 //     transform: `rotateX(${rotateX}deg) scale(${1 - scale})`

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/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/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/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/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: {