@tuya-miniapp/smart-ui 2.3.0-beta-5 → 2.3.0-beta-7

package/dist/common/appLog.d.ts

@@ -0,0 +1,10 @@
+export declare const init: (tag: string) => any;
+export declare const info: (data: any, devId?: string) => void;
+export declare const warn: (data: any, devId?: string) => void;
+export declare const error: (data: any, devId?: string) => void;
+declare const _default: {
+    info: (data: any, devId?: string | undefined) => void;
+    warn: (data: any, devId?: string | undefined) => void;
+    error: (data: any, devId?: string | undefined) => void;
+};
+export default _default;

package/dist/common/appLog.js

@@ -0,0 +1,105 @@
+/* eslint-disable no-console */
+const defaultTag = 'smart-ui-info';
+let Log = null;
+function isErrorMessage(obj) {
+    return obj instanceof Error;
+}
+export const init = (tag) => {
+    if (tag !== defaultTag && tag) {
+        Log = null;
+    }
+    if (Log) {
+        return Log;
+    }
+    // @ts-ignore
+    if (!ty.getLogManager) {
+        console.warn('不支持ty.getLogManager');
+        return null;
+    }
+    // @ts-ignore
+    Log = ty.getLogManager({
+        tag: tag || defaultTag,
+    });
+    return Log;
+};
+export const info = (data, devId) => {
+    if (!Log) {
+        const _log = init(devId || defaultTag);
+        if (!_log) {
+            return;
+        }
+    }
+    if (typeof data !== 'string') {
+        // eslint-disable-next-line no-param-reassign
+        data = JSON.stringify(data);
+    }
+    Log.log({
+        message: data,
+        success(res) {
+            // console.log('success ty.Log', res);
+        },
+        failure(err) {
+            console.log('fail ty.Log', err);
+        },
+    });
+};
+export const warn = (data, devId) => {
+    if (!Log) {
+        const _log = init(devId || defaultTag);
+        if (!_log) {
+            return;
+        }
+    }
+    if (typeof data !== 'string') {
+        // eslint-disable-next-line no-param-reassign
+        data = JSON.stringify(data);
+    }
+    Log.debug({
+        message: data,
+        success(res) {
+            console.log('success ty.debug', res);
+        },
+        failure(err) {
+            console.log('fail ty.debug', err);
+        },
+    });
+};
+export const error = (data, devId) => {
+    var _a, _b;
+    if (!Log) {
+        const _log = init(devId || defaultTag);
+        if (!_log) {
+            return;
+        }
+    }
+    let _data = null;
+    const isError = isErrorMessage(data);
+    if (isError) {
+        _data = {
+            message: data.message,
+            stack: (_b = (_a = data.stack) === null || _a === void 0 ? void 0 : _a.slice(0, 200)) !== null && _b !== void 0 ? _b : [],
+        };
+    }
+    else {
+        try {
+            _data = JSON.stringify(data);
+        }
+        catch (e) {
+            _data = e === null || e === void 0 ? void 0 : e.toString();
+        }
+    }
+    Log.error({
+        message: _data,
+        success(res) {
+            console.log('success ty.error', res);
+        },
+        failure(err) {
+            console.log('fail ty.error', err);
+        },
+    });
+};
+export default {
+    info,
+    warn,
+    error,
+};

package/dist/dialog/dialog.js

@@ -1,3 +1,4 @@
+import appLog from '../common/appLog';
 import { getCurrentPage } from '../common/utils';
 const queueRef = {
     value: [],
@@ -35,16 +36,21 @@ export const contextRef = {
 };
 const Dialog = (options) => {
     options = Object.assign(Object.assign({}, currentOptions), options);
-    return new Promise((resolve, reject) => {
+    const prom = new Promise((resolve, reject) => {
+        appLog.info('start open dialog');
         const context = (typeof options.context === 'function' ? options.context() : options.context) ||
             contextRef.value[options.selector] ||
             getCurrentPage();
         const selector = options.selector;
+        appLog.info(`dialog selector: ${selector}`);
+        appLog.info(`queue : ${JSON.stringify(queueRef.value)}`);
         const dialog = context.selectComponent(options.selector);
+        appLog.info(`dialog component ${dialog ? 'success' : 'fail'}`);
         if (!options.ignoreQueue &&
             queueRef.value.length > 0 &&
             queueRef.value.find(item => dialog && item && item.id === dialog.id)) {
             console.warn(`相同选择器的 Dialog 调用过于频繁，${dialog.id} 已忽略重复调用`);
+            appLog.info(`相同选择器的 Dialog 调用过于频繁，${dialog.id} 已忽略重复调用`);
             return;
         }
         delete options.context;
@@ -60,16 +66,23 @@ const Dialog = (options) => {
                      */
                     queueRef.value = queueRef.value.filter(item => item.id !== dialog.id);
                     action === 'confirm' ? resolve(instance) : reject(instance);
+                    appLog.info(`dialog ${dialog.id} callback`);
                 } }, optionsWithInputValue));
             wx.nextTick(() => {
+                appLog.info(`start open dialog ${dialog.id}`);
                 dialog.setData({ show: true });
             });
             queueRef.value.push(dialog);
         }
         else {
             console.warn(`未找到 ${(selector !== null && selector !== void 0 ? selector : '#smart-dialog').replace('#', '')} 节点，请确认 selector 及 context 是否正确`);
+            appLog.info(`未找到 ${(selector !== null && selector !== void 0 ? selector : '#smart-dialog').replace('#', '')} 节点，请确认 selector 及 context 是否正确`);
         }
     });
+    prom.catch(err => {
+        console.log(err, '---Dialog-error');
+    });
+    return prom;
 };
 Dialog.alert = (options) => Dialog(options);
 Dialog.confirm = (options) => Dialog(Object.assign({ showCancelButton: true }, options));

package/dist/dialog/index.js

@@ -1,6 +1,7 @@
 import warningIcon from '@tuya-miniapp/icons/dist/svg/Warning';
 import { SmartComponent } from '../common/component';
 import { button } from '../mixins/button';
+import appLog from '../common/appLog';
 import { getCurrentPage, toPromise } from '../common/utils';
 import { contextRef } from './dialog';
 SmartComponent({
@@ -97,13 +98,16 @@ SmartComponent({
             return;
         if (contextRef.value[`#${this.id}`]) {
             console.error(`Dialog component #${this.id} repeated!`);
+            appLog.info(`Dialog component #${this.id} repeated!`);
         }
         contextRef.value[`#${this.id}`] = getCurrentPage();
+        appLog.info(`Dialog #${this.id} mounted`);
     },
     destroyed: function () {
         if (!this.id)
             return;
         contextRef.value[`#${this.id}`] = null;
+        appLog.info(`dialog #${this.id} destroyed`);
     },
     methods: {
         onConfirm() {
@@ -181,6 +185,7 @@ SmartComponent({
         },
         onAfterLeave() {
             this.$emit('after-leave');
+            appLog.info(`dialog #${this.id} after-leave`);
             const { callback, actionType } = this.data;
             if (callback) {
                 callback(actionType, this);

package/dist/mixins/transition.js

@@ -1,4 +1,5 @@
 // @ts-nocheck
+import appLog from '../common/appLog';
 import { requestAnimationFrame } from '../common/utils';
 import { isObj } from '../common/validator';
 const getClassNames = (name) => ({
@@ -39,6 +40,7 @@ export function transition(showDefaultValue) {
         },
         methods: {
             observeShow(value, old) {
+                appLog.info(`transition component observeShow value: ${value};old: ${value}`);
                 if (value === old) {
                     return;
                 }
@@ -47,6 +49,7 @@ export function transition(showDefaultValue) {
             enter() {
                 if (this.enterFinishedPromise)
                     return;
+                appLog.info(`transition component enter success`);
                 this.enterFinishedPromise = new Promise(resolve => {
                     const { duration, name } = this.data;
                     const classNames = getClassNames(name);
@@ -72,6 +75,7 @@ export function transition(showDefaultValue) {
                                 return;
                             }
                             this.transitionEnded = false;
+                            appLog.info(`transition component enter transitionEnded false`);
                             this.setData({ classes: classNames['enter-to'] });
                             resolve();
                         });
@@ -79,12 +83,14 @@ export function transition(showDefaultValue) {
                 });
                 this.enterFinishedPromise.catch(err => {
                     this.enterFinishedPromise = null;
-                    console.log(err, '---error');
+                    appLog.info(err);
+                    console.log(err, '---error-enter');
                 });
             },
             leave() {
                 if (!this.enterFinishedPromise)
                     return;
+                appLog.info(`transition component leave success`);
                 this.enterFinishedPromise
                     .then(() => {
                     if (!this.data.display) {
@@ -109,8 +115,10 @@ export function transition(showDefaultValue) {
                                 return;
                             }
                             this.transitionEnded = false;
+                            appLog.info(`transition component leave transitionEnded false`);
                             setTimeout(() => {
                                 this.enterFinishedPromise = null;
+                                appLog.info(`transition component enterFinishedPromise cleared`);
                                 this.onTransitionEnd();
                             }, currentDuration);
                             this.setData({ classes: classNames['leave-to'] });
@@ -119,15 +127,18 @@ export function transition(showDefaultValue) {
                 })
                     .catch(err => {
                     this.enterFinishedPromise = null;
-                    console.log(err, '---error');
+                    console.log(err, '---error-leave');
                 });
             },
             onTransitionEnd() {
+                appLog.info(`transition component in transitionEnded ${this.transitionEnded}`);
                 if (this.transitionEnded) {
                     return;
                 }
                 this.transitionEnded = true;
+                appLog.info(`transition component in transitionEnded true`);
                 this.$emit(`after-${this.status}`);
+                appLog.info(`transition component onTransitionEnd ${this.status} success`);
                 const { show, display } = this.data;
                 if (!show && display) {
                     this.setData({ display: false });

package/dist/toast/index.js

@@ -2,6 +2,7 @@ import { Success, Alarm, Error } from './icons';
 import { SmartComponent } from '../common/component';
 import { contextRef } from './toast';
 import { getCurrentPage } from '../common/utils';
+import appLog from '../common/appLog';
 SmartComponent({
     props: {
         show: Boolean,
@@ -38,13 +39,16 @@ SmartComponent({
             return;
         if (contextRef.value[`#${this.id}`]) {
             console.error(`Toast component #${this.id} repeated!`);
+            appLog.info(`Toast component #${this.id} repeated!`);
         }
         contextRef.value[`#${this.id}`] = getCurrentPage();
+        appLog.info(`Toast #${this.id} mounted`);
     },
     destroyed: function () {
         if (!this.id)
             return;
         contextRef.value[`#${this.id}`] = null;
+        appLog.info(`Toast #${this.id} destroyed`);
     },
     methods: {
         // for prevent touchmove

package/dist/toast/toast.js

@@ -1,3 +1,4 @@
+import appLog from '../common/appLog';
 import { getCurrentPage } from '../common/utils';
 import { isObj } from '../common/validator';
 const defaultOptions = {
@@ -27,12 +28,16 @@ export const contextRef = {
 };
 function Toast(toastOptions) {
     const options = Object.assign(Object.assign({}, currentOptions), parseOptions(toastOptions));
+    appLog.info('start open Toast');
     const context = (typeof options.context === 'function' ? options.context() : options.context) ||
         contextRef.value[options.selector] ||
         getCurrentPage();
     const toast = context.selectComponent(options.selector);
+    appLog.info(`toast selector: ${options.selector}`);
+    appLog.info(`toast component ${toast ? 'success' : 'fail'}`);
     if (!toast) {
         console.warn(`未找到 ${options.selector || '#smart-toast'} 节点，请确认 selector 及 context 是否正确`);
+        appLog.info(`未找到 ${options.selector || '#smart-toast'} 节点，请确认 selector 及 context 是否正确`);
         return;
     }
     delete options.context;
@@ -50,6 +55,7 @@ function Toast(toastOptions) {
         toast.timer = setTimeout(() => {
             toast.clear();
             queueRef.value = queueRef.value.filter(item => item !== toast);
+            appLog.info(`toast ${options.selector} cleared`);
         }, options.duration);
     }
     return toast;

package/lib/common/appLog.d.ts

@@ -0,0 +1,10 @@
+export declare const init: (tag: string) => any;
+export declare const info: (data: any, devId?: string) => void;
+export declare const warn: (data: any, devId?: string) => void;
+export declare const error: (data: any, devId?: string) => void;
+declare const _default: {
+    info: (data: any, devId?: string | undefined) => void;
+    warn: (data: any, devId?: string | undefined) => void;
+    error: (data: any, devId?: string | undefined) => void;
+};
+export default _default;

package/lib/common/appLog.js

@@ -0,0 +1,112 @@
+"use strict";
+/* eslint-disable no-console */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.error = exports.warn = exports.info = exports.init = void 0;
+var defaultTag = 'smart-ui-info';
+var Log = null;
+function isErrorMessage(obj) {
+    return obj instanceof Error;
+}
+var init = function (tag) {
+    if (tag !== defaultTag && tag) {
+        Log = null;
+    }
+    if (Log) {
+        return Log;
+    }
+    // @ts-ignore
+    if (!ty.getLogManager) {
+        console.warn('不支持ty.getLogManager');
+        return null;
+    }
+    // @ts-ignore
+    Log = ty.getLogManager({
+        tag: tag || defaultTag,
+    });
+    return Log;
+};
+exports.init = init;
+var info = function (data, devId) {
+    if (!Log) {
+        var _log = (0, exports.init)(devId || defaultTag);
+        if (!_log) {
+            return;
+        }
+    }
+    if (typeof data !== 'string') {
+        // eslint-disable-next-line no-param-reassign
+        data = JSON.stringify(data);
+    }
+    Log.log({
+        message: data,
+        success: function (res) {
+            // console.log('success ty.Log', res);
+        },
+        failure: function (err) {
+            console.log('fail ty.Log', err);
+        },
+    });
+};
+exports.info = info;
+var warn = function (data, devId) {
+    if (!Log) {
+        var _log = (0, exports.init)(devId || defaultTag);
+        if (!_log) {
+            return;
+        }
+    }
+    if (typeof data !== 'string') {
+        // eslint-disable-next-line no-param-reassign
+        data = JSON.stringify(data);
+    }
+    Log.debug({
+        message: data,
+        success: function (res) {
+            console.log('success ty.debug', res);
+        },
+        failure: function (err) {
+            console.log('fail ty.debug', err);
+        },
+    });
+};
+exports.warn = warn;
+var error = function (data, devId) {
+    var _a, _b;
+    if (!Log) {
+        var _log = (0, exports.init)(devId || defaultTag);
+        if (!_log) {
+            return;
+        }
+    }
+    var _data = null;
+    var isError = isErrorMessage(data);
+    if (isError) {
+        _data = {
+            message: data.message,
+            stack: (_b = (_a = data.stack) === null || _a === void 0 ? void 0 : _a.slice(0, 200)) !== null && _b !== void 0 ? _b : [],
+        };
+    }
+    else {
+        try {
+            _data = JSON.stringify(data);
+        }
+        catch (e) {
+            _data = e === null || e === void 0 ? void 0 : e.toString();
+        }
+    }
+    Log.error({
+        message: _data,
+        success: function (res) {
+            console.log('success ty.error', res);
+        },
+        failure: function (err) {
+            console.log('fail ty.error', err);
+        },
+    });
+};
+exports.error = error;
+exports.default = {
+    info: exports.info,
+    warn: exports.warn,
+    error: exports.error,
+};

package/lib/dialog/dialog.js

@@ -10,8 +10,12 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.contextRef = void 0;
+var appLog_1 = __importDefault(require("../common/appLog"));
 var utils_1 = require("../common/utils");
 var queueRef = {
     value: [],
@@ -49,16 +53,21 @@ exports.contextRef = {
 };
 var Dialog = function (options) {
     options = __assign(__assign({}, currentOptions), options);
-    return new Promise(function (resolve, reject) {
+    var prom = new Promise(function (resolve, reject) {
+        appLog_1.default.info('start open dialog');
         var context = (typeof options.context === 'function' ? options.context() : options.context) ||
             exports.contextRef.value[options.selector] ||
             (0, utils_1.getCurrentPage)();
         var selector = options.selector;
+        appLog_1.default.info("dialog selector: ".concat(selector));
+        appLog_1.default.info("queue : ".concat(JSON.stringify(queueRef.value)));
         var dialog = context.selectComponent(options.selector);
+        appLog_1.default.info("dialog component ".concat(dialog ? 'success' : 'fail'));
         if (!options.ignoreQueue &&
             queueRef.value.length > 0 &&
             queueRef.value.find(function (item) { return dialog && item && item.id === dialog.id; })) {
             console.warn("\u76F8\u540C\u9009\u62E9\u5668\u7684 Dialog \u8C03\u7528\u8FC7\u4E8E\u9891\u7E41\uFF0C".concat(dialog.id, " \u5DF2\u5FFD\u7565\u91CD\u590D\u8C03\u7528"));
+            appLog_1.default.info("\u76F8\u540C\u9009\u62E9\u5668\u7684 Dialog \u8C03\u7528\u8FC7\u4E8E\u9891\u7E41\uFF0C".concat(dialog.id, " \u5DF2\u5FFD\u7565\u91CD\u590D\u8C03\u7528"));
             return;
         }
         delete options.context;
@@ -74,16 +83,23 @@ var Dialog = function (options) {
                      */
                     queueRef.value = queueRef.value.filter(function (item) { return item.id !== dialog.id; });
                     action === 'confirm' ? resolve(instance) : reject(instance);
+                    appLog_1.default.info("dialog ".concat(dialog.id, " callback"));
                 } }, optionsWithInputValue));
             wx.nextTick(function () {
+                appLog_1.default.info("start open dialog ".concat(dialog.id));
                 dialog.setData({ show: true });
             });
             queueRef.value.push(dialog);
         }
         else {
             console.warn("\u672A\u627E\u5230 ".concat((selector !== null && selector !== void 0 ? selector : '#smart-dialog').replace('#', ''), " \u8282\u70B9\uFF0C\u8BF7\u786E\u8BA4 selector \u53CA context \u662F\u5426\u6B63\u786E"));
+            appLog_1.default.info("\u672A\u627E\u5230 ".concat((selector !== null && selector !== void 0 ? selector : '#smart-dialog').replace('#', ''), " \u8282\u70B9\uFF0C\u8BF7\u786E\u8BA4 selector \u53CA context \u662F\u5426\u6B63\u786E"));
         }
     });
+    prom.catch(function (err) {
+        console.log(err, '---Dialog-error');
+    });
+    return prom;
 };
 Dialog.alert = function (options) { return Dialog(options); };
 Dialog.confirm = function (options) {

package/lib/dialog/index.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var Warning_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Warning"));
 var component_1 = require("../common/component");
 var button_1 = require("../mixins/button");
+var appLog_1 = __importDefault(require("../common/appLog"));
 var utils_1 = require("../common/utils");
 var dialog_1 = require("./dialog");
 (0, component_1.SmartComponent)({
@@ -102,13 +103,16 @@ var dialog_1 = require("./dialog");
             return;
         if (dialog_1.contextRef.value["#".concat(this.id)]) {
             console.error("Dialog component #".concat(this.id, " repeated!"));
+            appLog_1.default.info("Dialog component #".concat(this.id, " repeated!"));
         }
         dialog_1.contextRef.value["#".concat(this.id)] = (0, utils_1.getCurrentPage)();
+        appLog_1.default.info("Dialog #".concat(this.id, " mounted"));
     },
     destroyed: function () {
         if (!this.id)
             return;
         dialog_1.contextRef.value["#".concat(this.id)] = null;
+        appLog_1.default.info("dialog #".concat(this.id, " destroyed"));
     },
     methods: {
         onConfirm: function () {
@@ -189,6 +193,7 @@ var dialog_1 = require("./dialog");
         },
         onAfterLeave: function () {
             this.$emit('after-leave');
+            appLog_1.default.info("dialog #".concat(this.id, " after-leave"));
             var _a = this.data, callback = _a.callback, actionType = _a.actionType;
             if (callback) {
                 callback(actionType, this);

package/lib/mixins/transition.js

@@ -1,7 +1,11 @@
 "use strict";
+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 appLog_1 = __importDefault(require("../common/appLog"));
 var utils_1 = require("../common/utils");
 var validator_1 = require("../common/validator");
 var getClassNames = function (name) { return ({
@@ -42,6 +46,7 @@ function transition(showDefaultValue) {
         },
         methods: {
             observeShow: function (value, old) {
+                appLog_1.default.info("transition component observeShow value: ".concat(value, ";old: ").concat(value));
                 if (value === old) {
                     return;
                 }
@@ -51,6 +56,7 @@ function transition(showDefaultValue) {
                 var _this = this;
                 if (this.enterFinishedPromise)
                     return;
+                appLog_1.default.info("transition component enter success");
                 this.enterFinishedPromise = new Promise(function (resolve) {
                     var _a = _this.data, duration = _a.duration, name = _a.name;
                     var classNames = getClassNames(name);
@@ -76,6 +82,7 @@ function transition(showDefaultValue) {
                                 return;
                             }
                             _this.transitionEnded = false;
+                            appLog_1.default.info("transition component enter transitionEnded false");
                             _this.setData({ classes: classNames['enter-to'] });
                             resolve();
                         });
@@ -83,13 +90,15 @@ function transition(showDefaultValue) {
                 });
                 this.enterFinishedPromise.catch(function (err) {
                     _this.enterFinishedPromise = null;
-                    console.log(err, '---error');
+                    appLog_1.default.info(err);
+                    console.log(err, '---error-enter');
                 });
             },
             leave: function () {
                 var _this = this;
                 if (!this.enterFinishedPromise)
                     return;
+                appLog_1.default.info("transition component leave success");
                 this.enterFinishedPromise
                     .then(function () {
                     if (!_this.data.display) {
@@ -114,8 +123,10 @@ function transition(showDefaultValue) {
                                 return;
                             }
                             _this.transitionEnded = false;
+                            appLog_1.default.info("transition component leave transitionEnded false");
                             setTimeout(function () {
                                 _this.enterFinishedPromise = null;
+                                appLog_1.default.info("transition component enterFinishedPromise cleared");
                                 _this.onTransitionEnd();
                             }, currentDuration);
                             _this.setData({ classes: classNames['leave-to'] });
@@ -124,15 +135,18 @@ function transition(showDefaultValue) {
                 })
                     .catch(function (err) {
                     _this.enterFinishedPromise = null;
-                    console.log(err, '---error');
+                    console.log(err, '---error-leave');
                 });
             },
             onTransitionEnd: function () {
+                appLog_1.default.info("transition component in transitionEnded ".concat(this.transitionEnded));
                 if (this.transitionEnded) {
                     return;
                 }
                 this.transitionEnded = true;
+                appLog_1.default.info("transition component in transitionEnded true");
                 this.$emit("after-".concat(this.status));
+                appLog_1.default.info("transition component onTransitionEnd ".concat(this.status, " success"));
                 var _a = this.data, show = _a.show, display = _a.display;
                 if (!show && display) {
                     this.setData({ display: false });

package/lib/toast/index.js

@@ -1,9 +1,13 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 var icons_1 = require("./icons");
 var component_1 = require("../common/component");
 var toast_1 = require("./toast");
 var utils_1 = require("../common/utils");
+var appLog_1 = __importDefault(require("../common/appLog"));
 (0, component_1.SmartComponent)({
     props: {
         show: Boolean,
@@ -40,13 +44,16 @@ var utils_1 = require("../common/utils");
             return;
         if (toast_1.contextRef.value["#".concat(this.id)]) {
             console.error("Toast component #".concat(this.id, " repeated!"));
+            appLog_1.default.info("Toast component #".concat(this.id, " repeated!"));
         }
         toast_1.contextRef.value["#".concat(this.id)] = (0, utils_1.getCurrentPage)();
+        appLog_1.default.info("Toast #".concat(this.id, " mounted"));
     },
     destroyed: function () {
         if (!this.id)
             return;
         toast_1.contextRef.value["#".concat(this.id)] = null;
+        appLog_1.default.info("Toast #".concat(this.id, " destroyed"));
     },
     methods: {
         // for prevent touchmove

package/lib/toast/toast.js

@@ -10,8 +10,12 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.contextRef = void 0;
+var appLog_1 = __importDefault(require("../common/appLog"));
 var utils_1 = require("../common/utils");
 var validator_1 = require("../common/validator");
 var defaultOptions = {
@@ -41,12 +45,16 @@ exports.contextRef = {
 };
 function Toast(toastOptions) {
     var options = __assign(__assign({}, currentOptions), parseOptions(toastOptions));
+    appLog_1.default.info('start open Toast');
     var context = (typeof options.context === 'function' ? options.context() : options.context) ||
         exports.contextRef.value[options.selector] ||
         (0, utils_1.getCurrentPage)();
     var toast = context.selectComponent(options.selector);
+    appLog_1.default.info("toast selector: ".concat(options.selector));
+    appLog_1.default.info("toast component ".concat(toast ? 'success' : 'fail'));
     if (!toast) {
         console.warn("\u672A\u627E\u5230 ".concat(options.selector || '#smart-toast', " \u8282\u70B9\uFF0C\u8BF7\u786E\u8BA4 selector \u53CA context \u662F\u5426\u6B63\u786E"));
+        appLog_1.default.info("\u672A\u627E\u5230 ".concat(options.selector || '#smart-toast', " \u8282\u70B9\uFF0C\u8BF7\u786E\u8BA4 selector \u53CA context \u662F\u5426\u6B63\u786E"));
         return;
     }
     delete options.context;
@@ -64,6 +72,7 @@ function Toast(toastOptions) {
         toast.timer = setTimeout(function () {
             toast.clear();
             queueRef.value = queueRef.value.filter(function (item) { return item !== toast; });
+            appLog_1.default.info("toast ".concat(options.selector, " cleared"));
         }, options.duration);
     }
     return toast;

package/package.json

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