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

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

package/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,
@@ -10,6 +11,7 @@ SmartComponent({
             type: null,
             value: 24,
         },
+        contentHeight: null,
         round: {
             type: Boolean,
             value: true,
@@ -36,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

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

package/dist/bottom-sheet/index.wxs

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

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

package/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/calendar.wxml

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

package/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/circle/index.rjs

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

package/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/config-provider/index.wxml

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

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.css

@@ -1 +1 @@
-@import '../common/index.css';.smart-dialog{background-color:var(--dialog-background-color,var(--app-B4,#fff));border-radius:var(--dialog-border-radius,16px);font-size:var(--dialog-font-size,16px);overflow:hidden;top:45%!important;width:var(--dialog-width,311px)}@media (max-width:321px){.smart-dialog{width:var(--dialog-small-screen-width,90%)}}.smart-dialog__header{color:var(--dialog-header-font-color,var(--app-B4-N1,#000));font-weight:var(--dialog-header-font-weight,400);line-height:var(--dialog-header-line-height,24px);padding:var(--dialog-header-padding,0);padding-top:var(--dialog-header-padding-top,24px);text-align:center}.smart-dialog__header-icon{border-radius:100%;display:block;font-size:var(--dialog-header-icon-size,39px);height:var(--dialog-header-icon-size,39px);margin:auto auto 12px;width:var(--dialog-header-icon-size,39px)}.smart-dialog__header--isolated{padding:var(--dialog-header-isolated-padding,24px 0)}.smart-dialog__message{-webkit-overflow-scrolling:touch;color:var(--dialog-message-text-color,var(--app-B4-N1,#000));font-size:var(--dialog-message-font-size,16px);line-height:var(--dialog-message-line-height,20px);max-height:var(--dialog-message-max-height,60vh);overflow-y:auto;padding:var(--dialog-message-padding,24px);text-align:center}.smart-dialog__message-text{word-wrap:break-word}.smart-dialog__message--hasTitle{color:var(--dialog-has-title-message-text-color,var(--app-B4-N3,rgba(0,0,0,.5)));font-size:var(--dialog-has-title-message-font-size,14px);padding-top:var(--dialog-has-title-message-padding-top,8px)}.smart-dialog__message--round-button{padding-bottom:16px}.smart-dialog__message--left{text-align:left}.smart-dialog__message--right{text-align:right}.smart-dialog__message--justify{text-align:justify}.smart-dialog__input{background-color:var(--dialog-input-background-color,var(--app-B4-N9,rgba(0,0,0,.05)));border-radius:var(--dialog-input-border-radius,10px);font-size:var(--dialog-input-font-size,14px);height:var(--dialog-input-height,40px);margin:var(--dialog-input-margin,0 16px 24px);padding:var(--dialog-input-padding,0 10px)}.smart-dialog__footer{display:flex}.smart-dialog__footer--round-button{height:40px!important;padding:8px 20px 16px!important;position:relative!important}.smart-dialog__button{flex:1}.smart-dialog-bounce-enter{opacity:0;transform:translate3d(-50%,-50%,0) scale(.7)}.smart-dialog-bounce-leave-active{opacity:0;transform:translate3d(-50%,-50%,0) scale(.9)}.smart-dialog--round-button .smart-dialog__cancel,.smart-dialog--round-button .smart-dialog__confirm{border-radius:var(--dialog--round-button-border-radius,20px)!important}
+@import '../common/index.css';.smart-dialog{background-color:var(--dialog-background-color,var(--app-B4,#fff));border-radius:var(--dialog-border-radius,16px);font-size:var(--dialog-font-size,16px);overflow:hidden;top:45%!important;width:var(--dialog-width,311px)}@media (max-width:321px){.smart-dialog{width:var(--dialog-small-screen-width,90%)}}.smart-dialog__header{color:var(--dialog-header-font-color,var(--app-B4-N1,#000));font-weight:var(--dialog-header-font-weight,400);line-height:var(--dialog-header-line-height,24px);padding:var(--dialog-header-padding,0);padding-top:var(--dialog-header-padding-top,24px);text-align:center}.smart-dialog__header-icon{border-radius:100%;display:block;font-size:var(--dialog-header-icon-size,39px);height:var(--dialog-header-icon-size,39px);margin:auto auto 12px;width:var(--dialog-header-icon-size,39px)}.smart-dialog__header--isolated{padding:var(--dialog-header-isolated-padding,24px 0)}.smart-dialog__message{-webkit-overflow-scrolling:touch;color:var(--dialog-message-text-color,var(--app-B4-N1,#000));font-size:var(--dialog-message-font-size,16px);line-height:var(--dialog-message-line-height,20px);max-height:var(--dialog-message-max-height,60vh);overflow-y:auto;padding:var(--dialog-message-padding,24px);text-align:center}.smart-dialog__message-text{word-wrap:break-word}.smart-dialog__message--hasTitle{color:var(--dialog-has-title-message-text-color,var(--app-B4-N3,rgba(0,0,0,.5)));font-size:var(--dialog-has-title-message-font-size,14px);padding-top:var(--dialog-has-title-message-padding-top,8px)}.smart-dialog__message--round-button{--hairline-right-width:0;padding-bottom:16px}.smart-dialog__message--left{text-align:left}.smart-dialog__message--right{text-align:right}.smart-dialog__message--justify{text-align:justify}.smart-dialog__input{background-color:var(--dialog-input-background-color,var(--app-B4-N9,rgba(0,0,0,.05)));border-radius:var(--dialog-input-border-radius,10px);font-size:var(--dialog-input-font-size,14px);height:var(--dialog-input-height,40px);margin:var(--dialog-input-margin,0 16px 24px);padding:var(--dialog-input-padding,0 10px)}.smart-dialog__footer{display:flex}.smart-dialog__footer--round-button{--hairline-right-width:0;height:40px!important;padding:8px 20px 16px!important;position:relative!important}.smart-dialog__button{flex:1}.smart-dialog__cancel,.smart-dialog__confirm{border:0!important;border-radius:0!important}.smart-dialog-bounce-enter{opacity:0;transform:translate3d(-50%,-50%,0) scale(.7)}.smart-dialog-bounce-leave-active{opacity:0;transform:translate3d(-50%,-50%,0) scale(.9)}.smart-dialog--round-button .smart-dialog__cancel,.smart-dialog--round-button .smart-dialog__confirm{border-radius:var(--dialog--round-button-border-radius,20px)!important}

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/dialog/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.smart-dialog{background-color:var(--dialog-background-color,var(--app-B4,#fff));border-radius:var(--dialog-border-radius,16px);font-size:var(--dialog-font-size,16px);overflow:hidden;top:45%!important;width:var(--dialog-width,311px)}@media (max-width:321px){.smart-dialog{width:var(--dialog-small-screen-width,90%)}}.smart-dialog__header{color:var(--dialog-header-font-color,var(--app-B4-N1,#000));font-weight:var(--dialog-header-font-weight,400);line-height:var(--dialog-header-line-height,24px);padding:var(--dialog-header-padding,0);padding-top:var(--dialog-header-padding-top,24px);text-align:center}.smart-dialog__header-icon{border-radius:100%;display:block;font-size:var(--dialog-header-icon-size,39px);height:var(--dialog-header-icon-size,39px);margin:auto auto 12px;width:var(--dialog-header-icon-size,39px)}.smart-dialog__header--isolated{padding:var(--dialog-header-isolated-padding,24px 0)}.smart-dialog__message{-webkit-overflow-scrolling:touch;color:var(--dialog-message-text-color,var(--app-B4-N1,#000));font-size:var(--dialog-message-font-size,16px);line-height:var(--dialog-message-line-height,20px);max-height:var(--dialog-message-max-height,60vh);overflow-y:auto;padding:var(--dialog-message-padding,24px);text-align:center}.smart-dialog__message-text{word-wrap:break-word}.smart-dialog__message--hasTitle{color:var(--dialog-has-title-message-text-color,var(--app-B4-N3,rgba(0,0,0,.5)));font-size:var(--dialog-has-title-message-font-size,14px);padding-top:var(--dialog-has-title-message-padding-top,8px)}.smart-dialog__message--round-button{padding-bottom:16px}.smart-dialog__message--left{text-align:left}.smart-dialog__message--right{text-align:right}.smart-dialog__message--justify{text-align:justify}.smart-dialog__input{background-color:var(--dialog-input-background-color,var(--app-B4-N9,rgba(0,0,0,.05)));border-radius:var(--dialog-input-border-radius,10px);font-size:var(--dialog-input-font-size,14px);height:var(--dialog-input-height,40px);margin:var(--dialog-input-margin,0 16px 24px);padding:var(--dialog-input-padding,0 10px)}.smart-dialog__footer{display:flex}.smart-dialog__footer--round-button{height:40px!important;padding:8px 20px 16px!important;position:relative!important}.smart-dialog__button{flex:1}.smart-dialog-bounce-enter{opacity:0;transform:translate3d(-50%,-50%,0) scale(.7)}.smart-dialog-bounce-leave-active{opacity:0;transform:translate3d(-50%,-50%,0) scale(.9)}.smart-dialog--round-button .smart-dialog__cancel,.smart-dialog--round-button .smart-dialog__confirm{border-radius:var(--dialog--round-button-border-radius,20px)!important}
+@import '../common/index.wxss';.smart-dialog{background-color:var(--dialog-background-color,var(--app-B4,#fff));border-radius:var(--dialog-border-radius,16px);font-size:var(--dialog-font-size,16px);overflow:hidden;top:45%!important;width:var(--dialog-width,311px)}@media (max-width:321px){.smart-dialog{width:var(--dialog-small-screen-width,90%)}}.smart-dialog__header{color:var(--dialog-header-font-color,var(--app-B4-N1,#000));font-weight:var(--dialog-header-font-weight,400);line-height:var(--dialog-header-line-height,24px);padding:var(--dialog-header-padding,0);padding-top:var(--dialog-header-padding-top,24px);text-align:center}.smart-dialog__header-icon{border-radius:100%;display:block;font-size:var(--dialog-header-icon-size,39px);height:var(--dialog-header-icon-size,39px);margin:auto auto 12px;width:var(--dialog-header-icon-size,39px)}.smart-dialog__header--isolated{padding:var(--dialog-header-isolated-padding,24px 0)}.smart-dialog__message{-webkit-overflow-scrolling:touch;color:var(--dialog-message-text-color,var(--app-B4-N1,#000));font-size:var(--dialog-message-font-size,16px);line-height:var(--dialog-message-line-height,20px);max-height:var(--dialog-message-max-height,60vh);overflow-y:auto;padding:var(--dialog-message-padding,24px);text-align:center}.smart-dialog__message-text{word-wrap:break-word}.smart-dialog__message--hasTitle{color:var(--dialog-has-title-message-text-color,var(--app-B4-N3,rgba(0,0,0,.5)));font-size:var(--dialog-has-title-message-font-size,14px);padding-top:var(--dialog-has-title-message-padding-top,8px)}.smart-dialog__message--round-button{--hairline-right-width:0;padding-bottom:16px}.smart-dialog__message--left{text-align:left}.smart-dialog__message--right{text-align:right}.smart-dialog__message--justify{text-align:justify}.smart-dialog__input{background-color:var(--dialog-input-background-color,var(--app-B4-N9,rgba(0,0,0,.05)));border-radius:var(--dialog-input-border-radius,10px);font-size:var(--dialog-input-font-size,14px);height:var(--dialog-input-height,40px);margin:var(--dialog-input-margin,0 16px 24px);padding:var(--dialog-input-padding,0 10px)}.smart-dialog__footer{display:flex}.smart-dialog__footer--round-button{--hairline-right-width:0;height:40px!important;padding:8px 20px 16px!important;position:relative!important}.smart-dialog__button{flex:1}.smart-dialog__cancel,.smart-dialog__confirm{border:0!important;border-radius:0!important}.smart-dialog-bounce-enter{opacity:0;transform:translate3d(-50%,-50%,0) scale(.7)}.smart-dialog-bounce-leave-active{opacity:0;transform:translate3d(-50%,-50%,0) scale(.9)}.smart-dialog--round-button .smart-dialog__cancel,.smart-dialog--round-button .smart-dialog__confirm{border-radius:var(--dialog--round-button-border-radius,20px)!important}

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,14 +66,13 @@ 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);
                     }
+                    this.$emit('before-enter');
                     yield requestAnimationFrame();
                     this.$emit('enter');
                     this.setData({
@@ -125,12 +125,11 @@ 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.$emit('after-leave');
                             this.setData({
                                 display: false,
                                 animating: 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/popover/index.js

@@ -43,6 +43,11 @@ SmartComponent({
             type: String,
             value: '',
         },
+        trigger: {
+            type: String,
+            // tap | longpress
+            value: 'tap',
+        },
         zIndex: {
             type: Number,
             value: 101,

package/dist/popover/index.wxml

@@ -1,4 +1,4 @@
-<view class="smart-popover">
+<view class="smart-popover custom-class">
 
   <smart-overlay
     show="{{ currentShow }}"
@@ -12,7 +12,15 @@
    
   </smart-overlay>
 
-  <view class="smart-popover-button" catch:tap="onClick">
+  <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">
     <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/dist/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)}.smart-popup--top{left:0;top:0;width:100%}.smart-popup--top.smart-popup--round{border-radius:0 0 var(--popup-round-border-radius,var(--popup-round-border-radius,16px)) var(--popup-round-border-radius,var(--popup-round-border-radius,16px))}.smart-popup--right{right:0;top:50%;transform:translate3d(0,-50%,0)}.smart-popup--right.smart-popup--round{border-radius:var(--popup-round-border-radius,var(--popup-round-border-radius,16px)) 0 0 var(--popup-round-border-radius,var(--popup-round-border-radius,16px))}.smart-popup--bottom{bottom:0;left:0;width:100%}.smart-popup--bottom.smart-popup--round{border-radius:var(--popup-round-border-radius,var(--popup-round-border-radius,16px)) var(--popup-round-border-radius,var(--popup-round-border-radius,16px)) 0 0}.smart-popup--left{left:0;top:50%;transform:translate3d(0,-50%,0)}.smart-popup--left.smart-popup--round{border-radius:0 var(--popup-round-border-radius,var(--popup-round-border-radius,16px)) var(--popup-round-border-radius,var(--popup-round-border-radius,16px)) 0}.smart-popup--bottom.smart-popup--safeTabBar,.smart-popup--top.smart-popup--safeTabBar{bottom:var(--tabbar-height,55px)}.smart-popup--safeTop{padding-top:env(safe-area-inset-top)}.smart-popup__close-icon{color:var(--popup-close-icon-color,#969799);font-size:var(--popup-close-icon-size,24px);position:absolute;z-index:var(--popup-close-icon-z-index,1)}.smart-popup__close-icon--top-left{left:var(--popup-close-icon-margin,12px);top:var(--popup-close-icon-margin,12px)}.smart-popup__close-icon--top-right{right:var(--popup-close-icon-margin,12px);top:var(--popup-close-icon-margin,12px)}.smart-popup__close-icon--bottom-left{bottom:var(--popup-close-icon-margin,12px);left:var(--popup-close-icon-margin,12px)}.smart-popup__close-icon--bottom-right{bottom:var(--popup-close-icon-margin,12px);right:var(--popup-close-icon-margin,12px)}.smart-popup__close-icon:active{opacity:.6}.smart-scale-enter-active,.smart-scale-leave-active{transition-property:opacity,transform}.smart-scale-enter,.smart-scale-leave-to{opacity:0;transform:translate3d(-50%,-50%,0) scale(.7)}.smart-fade-enter-active,.smart-fade-leave-active{transition-property:opacity}.smart-fade-enter,.smart-fade-leave-to{opacity:0}.smart-center-enter-active,.smart-center-leave-active{transition-property:opacity}.smart-center-enter,.smart-center-leave-to{opacity:0}.smart-bottom-enter-active,.smart-bottom-leave-active,.smart-left-enter-active,.smart-left-leave-active,.smart-right-enter-active,.smart-right-leave-active,.smart-top-enter-active,.smart-top-leave-active{transition-property:transform}.smart-bottom-enter,.smart-bottom-leave-to{transform:translate3d(0,100%,0)}.smart-top-enter,.smart-top-leave-to{transform:translate3d(0,-100%,0)}.smart-left-enter,.smart-left-leave-to{transform:translate3d(-100%,-50%,0)}.smart-right-enter,.smart-right-leave-to{transform:translate3d(100%,-50%,0)}
+@import '../common/index.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)}