@tuya-miniapp/smart-ui 1.0.2 → 1.1.0-beta-1

package/dist/action-sheet/index.js

@@ -39,6 +39,10 @@ SmartComponent({
             type: Boolean,
             value: true,
         },
+        safeAreaInsetBottomMin: {
+            type: Number,
+            value: 16,
+        },
         rootPortal: {
             type: Boolean,
             value: false,

package/dist/action-sheet/index.wxml

@@ -8,6 +8,7 @@
   overlay="{{ overlay }}"
   custom-class="smart-action-sheet custom-class"
   safe-area-inset-bottom="{{ safeAreaInsetBottom }}"
+  safe-area-inset-bottom-min="{{ safeAreaInsetBottomMin }}"
   close-on-click-overlay="{{ closeOnClickOverlay }}"
   root-portal="{{ rootPortal }}"
   bind:close="onClickOverlay"

package/dist/dialog/dialog.js

@@ -42,9 +42,13 @@ const Dialog = (options) => {
         delete options.context;
         delete options.selector;
         if (dialog) {
+            const optionsWithInputValue = Object.assign({}, options);
+            if (typeof options.value === 'string') {
+                optionsWithInputValue.inputValue = options.value;
+            }
             dialog.setData(Object.assign({ callback: (action, instance) => {
                     action === 'confirm' ? resolve(instance) : reject(instance);
-                } }, options));
+                } }, optionsWithInputValue));
             wx.nextTick(() => {
                 dialog.setData({ show: true });
             });

package/dist/notify/index.js

@@ -25,6 +25,14 @@ SmartComponent({
             type: Boolean,
             value: false,
         },
+        useSlot: {
+            type: Boolean,
+            value: false,
+        },
+        transition: {
+            type: String,
+            value: 'slide-down',
+        },
         top: null,
     },
     data: {

package/dist/notify/index.wxml

@@ -2,7 +2,7 @@
 <wxs src="./index.wxs" module="computed" />
 
 <smart-transition
-  name="slide-down"
+  name="{{ transition }}"
   show="{{ show }}"
   custom-class="smart-notify__container"
   custom-style="{{ computed.rootStyle({ zIndex, top }) }}"
@@ -16,6 +16,7 @@
       wx:if="{{ safeAreaInsetTop }}"
       style="height: {{ statusBarHeight }}px"
     />
-    <text>{{ message }}</text>
+    <slot wx:if="{{ useSlot }}" />
+    <text wx:else>{{ message }}</text>
   </view>
 </smart-transition>

package/dist/notify/notify.d.ts

@@ -1,5 +1,6 @@
 interface NotifyOptions {
     type?: 'primary' | 'success' | 'danger' | 'warning';
+    transition?: 'fade' | 'fade-up' | 'fade-down' | 'fade-left' | 'fade-right' | 'slide-up' | 'slide-down' | 'slide-left' | 'slide-right';
     color?: string;
     zIndex?: number;
     top?: number;

package/dist/popup/index.js

@@ -2,6 +2,7 @@ import closeIcon from '@tuya-miniapp/icons/dist/svg/Xmark';
 import { SmartComponent } from '../common/component';
 import { transition } from '../mixins/transition';
 import { getSystemInfoSync } from '../common/utils';
+const { safeArea, screenHeight, statusBarHeight } = getSystemInfoSync() || {};
 SmartComponent({
     classes: [
         'enter-class',
@@ -51,6 +52,10 @@ SmartComponent({
             type: Boolean,
             value: true,
         },
+        safeAreaInsetBottomMin: {
+            type: Number,
+            value: 0,
+        },
         safeAreaInsetTop: {
             type: Boolean,
             value: false,
@@ -70,14 +75,15 @@ SmartComponent({
     },
     data: {
         closeIcon,
-        bottomSafeHeight: 16,
+        bottomSafeHeight: 0,
     },
     mounted() {
         if (!this.data.safeAreaInsetBottom)
             return;
-        const { safeArea, screenHeight, statusBarHeight } = getSystemInfoSync() || {};
         const bottomSafeHeight = screenHeight - (safeArea === null || safeArea === void 0 ? void 0 : safeArea.height) - statusBarHeight;
-        this.setData({ bottomSafeHeight: bottomSafeHeight || 16 });
+        this.setData({
+            bottomSafeHeight: Math.max(bottomSafeHeight, this.data.safeAreaInsetBottomMin),
+        });
     },
     created() {
         this.observeClass();

package/lib/action-sheet/index.js

@@ -44,6 +44,10 @@ var button_1 = require("../mixins/button");
             type: Boolean,
             value: true,
         },
+        safeAreaInsetBottomMin: {
+            type: Number,
+            value: 16,
+        },
         rootPortal: {
             type: Boolean,
             value: false,

package/lib/action-sheet/index.wxml

@@ -8,6 +8,7 @@
   overlay="{{ overlay }}"
   custom-class="smart-action-sheet custom-class"
   safe-area-inset-bottom="{{ safeAreaInsetBottom }}"
+  safe-area-inset-bottom-min="{{ safeAreaInsetBottomMin }}"
   close-on-click-overlay="{{ closeOnClickOverlay }}"
   root-portal="{{ rootPortal }}"
   bind:close="onClickOverlay"

package/lib/dialog/dialog.js

@@ -55,9 +55,13 @@ var Dialog = function (options) {
         delete options.context;
         delete options.selector;
         if (dialog) {
+            var optionsWithInputValue = __assign({}, options);
+            if (typeof options.value === 'string') {
+                optionsWithInputValue.inputValue = options.value;
+            }
             dialog.setData(__assign({ callback: function (action, instance) {
                     action === 'confirm' ? resolve(instance) : reject(instance);
-                } }, options));
+                } }, optionsWithInputValue));
             wx.nextTick(function () {
                 dialog.setData({ show: true });
             });

package/lib/notify/index.js

@@ -27,6 +27,14 @@ var utils_1 = require("../common/utils");
             type: Boolean,
             value: false,
         },
+        useSlot: {
+            type: Boolean,
+            value: false,
+        },
+        transition: {
+            type: String,
+            value: 'slide-down',
+        },
         top: null,
     },
     data: {

package/lib/notify/index.wxml

@@ -2,7 +2,7 @@
 <wxs src="./index.wxs" module="computed" />
 
 <smart-transition
-  name="slide-down"
+  name="{{ transition }}"
   show="{{ show }}"
   custom-class="smart-notify__container"
   custom-style="{{ computed.rootStyle({ zIndex, top }) }}"
@@ -16,6 +16,7 @@
       wx:if="{{ safeAreaInsetTop }}"
       style="height: {{ statusBarHeight }}px"
     />
-    <text>{{ message }}</text>
+    <slot wx:if="{{ useSlot }}" />
+    <text wx:else>{{ message }}</text>
   </view>
 </smart-transition>

package/lib/notify/notify.d.ts

@@ -1,5 +1,6 @@
 interface NotifyOptions {
     type?: 'primary' | 'success' | 'danger' | 'warning';
+    transition?: 'fade' | 'fade-up' | 'fade-down' | 'fade-left' | 'fade-right' | 'slide-up' | 'slide-down' | 'slide-left' | 'slide-right';
     color?: string;
     zIndex?: number;
     top?: number;

package/lib/popup/index.js

@@ -7,6 +7,7 @@ var Xmark_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Xmark"));
 var component_1 = require("../common/component");
 var transition_1 = require("../mixins/transition");
 var utils_1 = require("../common/utils");
+var _a = (0, utils_1.getSystemInfoSync)() || {}, safeArea = _a.safeArea, screenHeight = _a.screenHeight, statusBarHeight = _a.statusBarHeight;
 (0, component_1.SmartComponent)({
     classes: [
         'enter-class',
@@ -56,6 +57,10 @@ var utils_1 = require("../common/utils");
             type: Boolean,
             value: true,
         },
+        safeAreaInsetBottomMin: {
+            type: Number,
+            value: 0,
+        },
         safeAreaInsetTop: {
             type: Boolean,
             value: false,
@@ -75,14 +80,15 @@ var utils_1 = require("../common/utils");
     },
     data: {
         closeIcon: Xmark_1.default,
-        bottomSafeHeight: 16,
+        bottomSafeHeight: 0,
     },
     mounted: function () {
         if (!this.data.safeAreaInsetBottom)
             return;
-        var _a = (0, utils_1.getSystemInfoSync)() || {}, safeArea = _a.safeArea, screenHeight = _a.screenHeight, statusBarHeight = _a.statusBarHeight;
         var bottomSafeHeight = screenHeight - (safeArea === null || safeArea === void 0 ? void 0 : safeArea.height) - statusBarHeight;
-        this.setData({ bottomSafeHeight: bottomSafeHeight || 16 });
+        this.setData({
+            bottomSafeHeight: Math.max(bottomSafeHeight, this.data.safeAreaInsetBottomMin),
+        });
     },
     created: function () {
         this.observeClass();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tuya-miniapp/smart-ui",
-  "version": "1.0.2",
+  "version": "1.1.0-beta-1",
   "author": "MiniApp Team",
   "license": "MIT",
   "miniprogram": "lib",