@tuya-miniapp/smart-ui 2.3.0-beta-4 → 2.3.0-beta-6

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/popover/index.js

@@ -177,7 +177,7 @@ function createSvgIcon(svg) {
             this.setData({
                 currentShow: true,
             });
-            this.$emit('showchange', true);
+            this.$emit('show-change', true);
             if (this.data.duration) {
                 setTimeout(function () {
                     _this.onClose();
@@ -188,7 +188,7 @@ function createSvgIcon(svg) {
             this.setData({
                 currentShow: false,
             });
-            this.$emit('showchange', false);
+            this.$emit('show-change', false);
             this.$emit('close', 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('未找到 smart-toast 节点，请确认 selector 及 context 是否正确');
+        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-4",
+  "version": "2.3.0-beta-6",
   "author": "MiniApp Team",
   "license": "MIT",
   "miniprogram": "lib",
@@ -22,8 +22,10 @@
   "files": [
     "dist",
     "!dist/**/demo/",
+    "lib",
     "!lib/**/demo/",
-    "lib"
+    "README-zh_CN.md",
+    "README.md"
   ],
   "husky": {
     "hooks": {
@@ -49,6 +51,7 @@
     "@types/fs-extra": "^11.0.4",
     "@types/jest": "^27.0.2",
     "@vant/stylelint-config": "^1.4.2",
+    "canvas": "^3.1.0",
     "conventional-changelog-cli": "^5.0.0",
     "eslint-config-tuya-panel": "^0.4.2",
     "eslint-plugin-literal-check": "^0.1.2",
@@ -62,6 +65,7 @@
     "gulp-typescript": "^6.0.0-alpha.1",
     "husky": "^8.0.3",
     "jest": "^27.3.1",
+    "jest-canvas-mock": "^2.5.2",
     "lint-staged": "^13.0.3",
     "merge2": "^1.4.1",
     "miniprogram-api-typings": "^3.1.6",

package/lib/action-sheet/demo/index.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/action-sheet/demo/index.js

@@ -1,124 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var component_1 = require("../../common/component");
-(0, component_1.SmartComponent)({
-    data: {
-        show1: false,
-        show2: false,
-        show3: false,
-        show4: false,
-        show5: false,
-        showSelect: false,
-        showSelect2: false,
-        showNumber: false,
-        showPicker: false,
-        isReady: false,
-        action1: [{ name: 'Action' }, { name: 'Action' }, { name: 'Action' }],
-        action2: [
-            { name: I18n.t('coloringOptions'), color: '#ee0a24' },
-            { loading: true },
-            { name: I18n.t('disableOption'), disabled: true },
-        ],
-        actionSelect: [
-            { id: 0, name: 'Action', checked: true },
-            { id: 1, name: 'Action', checked: false },
-            { id: 2, name: 'Action', checked: false },
-            { id: 3, name: 'Action', checked: false },
-            { id: 4, name: 'Action', checked: false },
-            { id: 5, name: 'Action', checked: false },
-            { id: 6, name: 'Action', checked: false },
-            { id: 7, name: 'Action', checked: false },
-        ],
-        currentNumber: 0,
-        currentDate: new Date(2018, 0, 1),
-        currentDateStr: new Date(2018, 0, 1).toLocaleDateString(),
-        minDate: new Date(2018, 0, 1).getTime(),
-        formatter: function (type, value) {
-            if (type === 'year') {
-                return "".concat(value).concat(I18n.t('year'));
-            }
-            if (type === 'month') {
-                return "".concat(value).concat(I18n.t('month'));
-            }
-            return value;
-        },
-    },
-    methods: {
-        toggle: function (type) {
-            var _a;
-            this.setData((_a = {},
-                _a[type] = !this.data[type],
-                _a));
-        },
-        toggleActionSheet1: function () {
-            this.toggle('show1');
-        },
-        toggleActionSheet2: function () {
-            this.toggle('show2');
-        },
-        toggleActionSheet3: function () {
-            this.toggle('show3');
-        },
-        toggleActionSheet4: function () {
-            this.toggle('show4');
-        },
-        toggleActionSheet5: function () {
-            this.toggle('show5');
-        },
-        toggleActionSheet6: function () {
-            this.toggle('show6');
-        },
-        toggleActionSheetSelect: function () {
-            this.toggle('showSelect');
-        },
-        toggleActionSheetSelect2: function () {
-            this.toggle('showSelect2');
-        },
-        toggleActionSheetNumber: function () {
-            this.toggle('showNumber');
-        },
-        toggleActionSheetPicker: function () {
-            this.toggle('showPicker');
-        },
-        onAfterEnter: function () {
-            this.setData({ isReady: true });
-        },
-        onChange: function (event) {
-            this.setData({ currentNumber: event.detail.value });
-        },
-        onSelect: function (evt) {
-            var id = evt.detail.id;
-            var newActionSelect = this.data.actionSelect.map(function (item) {
-                if (item.id === id)
-                    return __assign(__assign({}, item), { checked: true });
-                return __assign(__assign({}, item), { checked: false });
-            });
-            this.setData({
-                actionSelect: newActionSelect,
-            });
-        },
-        onInput: function (event) {
-            var detail = event.detail;
-            var date = new Date(detail);
-            this.setData({ currentDate: date });
-        },
-        onPickerConfirm: function () {
-            var _a, _b;
-            this.setData({
-                showPicker: false,
-                currentDateStr: (_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a.currentDate) === null || _b === void 0 ? void 0 : _b.toLocaleDateString(),
-            });
-        },
-    },
-});

package/lib/area/demo/index.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/area/demo/index.js

@@ -1,47 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-var _a;
-Object.defineProperty(exports, "__esModule", { value: true });
-var component_1 = require("../../common/component");
-var toast_1 = __importDefault(require("../../toast/toast"));
-var db = (_a = wx.cloud) === null || _a === void 0 ? void 0 : _a.database();
-(0, component_1.SmartComponent)({
-    data: {
-        areaList: {},
-        loading: true,
-        value: 330302,
-    },
-    mounted: function () {
-        var _this = this;
-        db === null || db === void 0 ? void 0 : db.collection('region').limit(1).get().then(function (res) {
-            if (res.data && res.data.length > 0) {
-                _this.setData({
-                    loading: false,
-                    areaList: res.data[0],
-                });
-            }
-        }).catch(function (err) {
-            console.log(err);
-            _this.setData({
-                loading: false,
-            });
-        });
-    },
-    methods: {
-        onChange: function (event) {
-            var values = event.detail.values;
-            (0, toast_1.default)({
-                context: this,
-                message: values.map(function (item) { return item.name; }).join('-'),
-            });
-        },
-        onConfirm: function (event) {
-            console.log(event);
-        },
-        onCancel: function (event) {
-            console.log(event);
-        },
-    },
-});

package/lib/battery/demo/index.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/battery/demo/index.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var component_1 = require("../../common/component");
-(0, component_1.SmartComponent)({});

package/lib/bottom-sheet/demo/index.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/bottom-sheet/demo/index.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var component_1 = require("../../common/component");
-(0, component_1.SmartComponent)({
-    data: {
-        show1: false,
-        show2: false,
-        show3: false,
-    },
-    methods: {
-        toggle: function (type) {
-            var _a;
-            this.setData((_a = {},
-                _a[type] = !this.data[type],
-                _a));
-        },
-        toggleActionSheet1: function () {
-            this.toggle('show1');
-        },
-        toggleActionSheet2: function () {
-            this.toggle('show2');
-        },
-        toggleActionSheet3: function () {
-            this.toggle('show3');
-        },
-    },
-});

package/lib/button/demo/index.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/button/demo/index.js

@@ -1,14 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var PlusCircle_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/PlusCircle"));
-var Right_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Right"));
-var component_1 = require("../../common/component");
-(0, component_1.SmartComponent)({
-    data: {
-        iconAdd: PlusCircle_1.default,
-        iconRight: Right_1.default,
-    },
-});

package/lib/calendar/demo/index.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/calendar/demo/index.js

@@ -1,110 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var component_1 = require("../../common/component");
-(0, component_1.SmartComponent)({
-    data: {
-        // day
-        curDayDate: new Date(2024, 1, 1, 0, 0, 0).getTime(),
-        minDayDate: new Date(2023, 0, 4).getTime(),
-        maxDayDate: new Date(2024, 3, 20).getTime(),
-        // weekday
-        curWeekDayDate: [new Date(2024, 0, 15).getTime(), new Date(2024, 0, 21).getTime()],
-        minWeekDayDate: new Date(2024, 0, 4).getTime(),
-        maxWeekDayDate: new Date(2024, 1, 20).getTime(),
-        // range
-        curRangeDayDate: [new Date(2024, 0, 10).getTime(), new Date(2024, 0, 20).getTime()],
-        minRangeDayDate: new Date(2024, 0, 4).getTime(),
-        maxRangeDayDate: new Date(2024, 1, 20).getTime(),
-        // month
-        curMonthDate: new Date(2024, 6, 1).getTime(),
-        minMonthDate: new Date(2024, 2, 1).getTime(),
-        maxMonthDate: new Date(2025, 9, 31).getTime(),
-        // year
-        curYearDate: new Date(2025, 0, 23).getTime(),
-        minYearDate: new Date(2024, 10, 12).getTime(),
-        maxYearDate: new Date(2029, 10, 31).getTime(),
-        // locale
-        confirmText: I18n.t('confirm'),
-        confirmDisabledText: I18n.t('confirm'),
-        firstDayOfWeek: 0,
-        locale: {
-            shortWeekDays: [
-                I18n.t('week0'),
-                I18n.t('week1'),
-                I18n.t('week2'),
-                I18n.t('week3'),
-                I18n.t('week4'),
-                I18n.t('week5'),
-                I18n.t('week6'),
-            ],
-            subFormatter: 'YYYY' + I18n.t('year') + 'MM' + I18n.t('month'),
-        },
-        locale2: {
-            subFormatter: 'YYYY' + I18n.t('year'),
-            monthsFormatter: [
-                I18n.t('cal_Jan'),
-                I18n.t('cal_Feb'),
-                I18n.t('cal_Mar'),
-                I18n.t('cal_Apr'),
-                I18n.t('cal_May'),
-                I18n.t('cal_Jun'),
-                I18n.t('cal_Jul'),
-                I18n.t('cal_Aug'),
-                I18n.t('cal_Sept'),
-                I18n.t('cal_Oct'),
-                I18n.t('cal_Nov'),
-                I18n.t('cal_Dec'),
-            ],
-        },
-        showDayPicker: false,
-        dayClassMap: {
-            '2024-01-17': 'calendar-disabled',
-        },
-        type: 'single',
-    },
-    methods: {
-        setCurDay: function (event) {
-            var date = event.detail;
-            this.setData({
-                curDayDate: new Date(date).getTime(),
-                showDayPicker: false,
-            });
-        },
-        setWeekCurDay: function (event) {
-            var date = event.detail;
-            this.setData({
-                curWeekDayDate: [date[0], date[1]],
-            });
-        },
-        setRangeCurDay: function (event) {
-            var date = event.detail;
-            this.setData({
-                curRangeDayDate: [date[0], date[1]],
-            });
-        },
-        setCurMonth: function (event) {
-            var date = event.detail;
-            this.setData({
-                curMonthDate: date,
-            });
-        },
-        setCurYear: function (event) {
-            var date = event.detail;
-            this.setData({
-                curYearDate: date,
-            });
-        },
-        onShowDayPicker: function () {
-            this.setData({
-                showDayPicker: !this.data.showDayPicker,
-            });
-        },
-        selectDate: function (e) { },
-        changeType: function (e) {
-            var _a, _b;
-            this.setData({
-                type: (_b = (_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.dataset) === null || _b === void 0 ? void 0 : _b.type,
-            });
-        },
-    },
-});

package/lib/cascader/demo/index.d.ts

@@ -1 +0,0 @@
-export {};