@tuya-miniapp/smart-ui 1.3.1-beta-2 → 1.3.1-beta-4

package/lib/cell/demo/index.js

@@ -0,0 +1,39 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var icons = __importStar(require("@tuya-miniapp/icons"));
+var component_1 = require("../../common/component");
+(0, component_1.SmartComponent)({
+    data: {
+        sunMaxFill: icons.Sun,
+        checkMark: icons.Checkmark,
+    },
+    methods: {
+        onNavTo: function () {
+            // @ts-ignore
+            ty.openInnerH5({ url: 'https://www.tuya.com', title: 'Tuya' });
+        },
+    },
+});

package/lib/cell/index.js

@@ -10,13 +10,7 @@ var Right_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Right"));
 var link_1 = require("../mixins/link");
 var component_1 = require("../common/component");
 (0, component_1.SmartComponent)({
-    classes: [
-        'title-class',
-        'label-class',
-        'value-class',
-        'right-icon-class',
-        'hover-class',
-    ],
+    classes: ['title-class', 'label-class', 'value-class', 'right-icon-class', 'hover-class'],
     mixins: [link_1.link],
     props: {
         title: null,

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

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

package/lib/checkbox/demo/index.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../../common/component");
+(0, component_1.SmartComponent)({
+    data: {
+        checkbox1: true,
+        checkbox2: true,
+        checkbox3: true,
+        checkboxLabel: true,
+        checkboxSize: true,
+        checkboxShape: true,
+        list: ['a', 'b', 'c'],
+        result: ['a', 'b'],
+        result2: [],
+        result3: [],
+        result4: [],
+        activeIcon: 'https://images.tuyacn.com/content-platform/hestia/1730877912e76cbdb7563.png',
+        inactiveIcon: '',
+    },
+    methods: {
+        onChange: function (event) {
+            var _a;
+            var key = event.currentTarget.dataset.key;
+            this.setData((_a = {}, _a[key] = event.detail, _a));
+        },
+        onChange2: function (event) {
+            var _a;
+            var key = event.currentTarget.dataset.key;
+            this.setData((_a = {}, _a[key] = !event.detail, _a));
+        },
+        toggle: function (event) {
+            var index = event.currentTarget.dataset.index;
+            var checkbox = this.selectComponent(".checkboxes-".concat(index));
+            checkbox.toggle();
+        },
+        noop: function () { },
+    },
+});

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

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

package/lib/circle/demo/index.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../../common/component");
+var format = function (rate) { return Math.min(Math.max(rate, 0), 100); };
+(0, component_1.SmartComponent)({
+    data: {
+        value: 25,
+        gradientColor: {
+            '0%': '#ffd01e',
+            '100%': '#ee0a24',
+        },
+    },
+    methods: {
+        run: function (e) {
+            var step = parseFloat(e.currentTarget.dataset.step);
+            this.setData({
+                value: format((this.data.value += step)),
+            });
+        },
+    },
+});

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

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

package/lib/col/demo/index.js

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

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

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

package/lib/collapse/demo/index.js

@@ -0,0 +1,42 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../../common/component");
+var toast_1 = __importDefault(require("../../toast/toast"));
+(0, component_1.SmartComponent)({
+    data: {
+        active1: [0],
+        active2: 0,
+        active3: [],
+        active4: [],
+        title1: I18n.t('title') + '1',
+        title2: I18n.t('title') + '2',
+        title3: I18n.t('title') + '3',
+        content1: I18n.t('codeIsWrittenForHumansToReadAndIncidentallyToRunOnMachines'),
+        content2: I18n.t('codeIsWrittenForHumansToReadAndIncidentallyToRunOnMachines'),
+        content3: I18n.t('codeIsWrittenForHumansToReadAndIncidentallyToRunOnMachines'),
+    },
+    methods: {
+        onChange: function (event) {
+            var _a;
+            var key = event.currentTarget.dataset.key;
+            this.setData((_a = {},
+                _a[key] = event.detail,
+                _a));
+        },
+        onOpen: function (event) {
+            (0, toast_1.default)({
+                context: this,
+                message: "".concat(I18n.t('expand'), ": ").concat(event.detail),
+            });
+        },
+        onClose: function (event) {
+            (0, toast_1.default)({
+                context: this,
+                message: "".concat(I18n.t('close'), ": ").concat(event.detail),
+            });
+        },
+    },
+});

package/lib/config-provider/demo/index.d.ts

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

package/lib/config-provider/demo/index.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../../common/component");
+(0, component_1.SmartComponent)({
+    data: {
+        rate: 4,
+        slider: 50,
+        themeVars: {
+            buttonPrimaryBorderColor: 'red',
+            buttonPrimaryBackgroundColor: 'red',
+        },
+    },
+    methods: {
+        onChange: function (event) {
+            var color = event.currentTarget.dataset.color;
+            this.setData({
+                themeVars: {
+                    buttonPrimaryBorderColor: color,
+                    buttonPrimaryBackgroundColor: color,
+                },
+            });
+        },
+    },
+});

package/lib/count-down/demo/index.d.ts

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

package/lib/count-down/demo/index.js

@@ -0,0 +1,38 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../../common/component");
+var toast_1 = __importDefault(require("../../toast/toast"));
+(0, component_1.SmartComponent)({
+    data: {
+        time: 30 * 60 * 60 * 1000,
+        timeData: {},
+    },
+    methods: {
+        onChange: function (e) {
+            this.setData({
+                timeData: e.detail,
+            });
+        },
+        start: function () {
+            var countDown = this.selectComponent('.control-count-down');
+            countDown.start();
+        },
+        pause: function () {
+            var countDown = this.selectComponent('.control-count-down');
+            countDown.pause();
+        },
+        reset: function () {
+            var countDown = this.selectComponent('.control-count-down');
+            countDown.reset();
+        },
+        finished: function () {
+            (0, toast_1.default)({
+                context: this,
+                message: I18n.t('countdownEnded'),
+            });
+        },
+    },
+});

package/lib/custom-keyboard/demo/index.d.ts

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

package/lib/custom-keyboard/demo/index.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../../common/component");
+(0, component_1.SmartComponent)({
+    data: {
+        value: '222',
+    },
+    methods: {
+        onChange: function (v) {
+            console.log('onChange value =====>', v.detail);
+        },
+        onConfirm: function (v) {
+            console.log('onConfirm value ====>', v.detail);
+        },
+        handleBtn: function () {
+            this.setData({ value: '1234' });
+        },
+    },
+});

package/lib/custom-keyboard/index.js

@@ -138,9 +138,7 @@ var component_1 = require("../common/component");
         toSvgCssBackground: function (svgString) {
             var res = svgString;
             res = svgString
-                .replace('<svg', ~svgString.indexOf('xmlns')
-                ? '<svg'
-                : '<svg xmlns="http://www.w3.org/2000/svg"')
+                .replace('<svg', ~svgString.indexOf('xmlns') ? '<svg' : '<svg xmlns="http://www.w3.org/2000/svg"')
                 .replace(/"/g, "'")
                 .replace(/%/g, '%25')
                 .replace(/#/g, '%23')

package/lib/datetime-picker/demo/index.d.ts

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

package/lib/datetime-picker/demo/index.js

@@ -0,0 +1,68 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../../common/component");
+var toast_1 = __importDefault(require("../../toast/toast"));
+(0, component_1.SmartComponent)({
+    data: {
+        minHour: 10,
+        maxHour: 20,
+        minDate: new Date(2018, 0, 1).getTime(),
+        maxDate: new Date(2019, 10, 1).getTime(),
+        currentDate1: new Date(2018, 2, 31).getTime(),
+        currentDate2: null,
+        currentDate3: new Date(2018, 0, 1),
+        currentDate4: '12:00',
+        loading: false,
+        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;
+        },
+        filter: function (type, options) {
+            if (type === 'minute') {
+                return options.filter(function (option) { return option % 5 === 0; });
+            }
+            return options;
+        },
+        locale: {
+            year: I18n.t('year'),
+            month: I18n.t('month'),
+            day: I18n.t('sun'),
+            hour: I18n.t('time'),
+            minute: I18n.t('minute'),
+            second: I18n.t('second'),
+        },
+    },
+    methods: {
+        onInput: function (event) {
+            var detail = event.detail, currentTarget = event.currentTarget;
+            var result = this.getResult(detail, currentTarget.dataset.type);
+            (0, toast_1.default)({
+                context: this,
+                message: result,
+            });
+        },
+        getResult: function (time, type) {
+            var date = new Date(time);
+            switch (type) {
+                case 'datetime':
+                    return date.toLocaleString();
+                case 'date':
+                    return date.toLocaleDateString();
+                case 'year-month':
+                    return "".concat(date.getFullYear(), "/").concat(date.getMonth() + 1);
+                case 'time':
+                    return time;
+                default:
+                    return '';
+            }
+        },
+    },
+});

package/lib/datetime-picker/index.js

@@ -53,7 +53,9 @@ function getTrueValue(formattedValue) {
 function getMonthEndDay(year, month) {
     return 32 - new Date(year, month - 1, 32).getDate();
 }
-var defaultFormatter = function (type, value) { return value; };
+var defaultFormatter = function (type, value) {
+    return value;
+};
 (0, component_1.SmartComponent)({
     classes: ['active-class', 'toolbar-class', 'column-class'],
     props: __assign(__assign({}, shared_1.pickerProps), { value: {
@@ -266,8 +268,7 @@ var defaultFormatter = function (type, value) { return value; };
             var originColumns = this.getOriginColumns();
             if (data.type === 'time') {
                 var indexes = picker.getIndexes();
-                value = "".concat(+originColumns[0].values[indexes[0]], ":").concat(+originColumns[1]
-                    .values[indexes[1]]);
+                value = "".concat(+originColumns[0].values[indexes[0]], ":").concat(+originColumns[1].values[indexes[1]]);
             }
             else {
                 var indexes = picker.getIndexes();

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

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

package/lib/dialog/demo/index.js

@@ -0,0 +1,144 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../../common/component");
+var dialog_1 = __importDefault(require("../../dialog/dialog"));
+var message = 'Body';
+(0, component_1.SmartComponent)({
+    data: {
+        show: false,
+        inputValue: '',
+    },
+    methods: {
+        showCustomDialog: function () {
+            this.setData({ show: true });
+        },
+        getUserInfo: function (event) {
+            console.log(event.detail);
+        },
+        onClickThemeAlert: function () {
+            console.log('=== click theme alert');
+            dialog_1.default.alert({
+                context: this,
+                title: 'Title',
+                theme: 'round-button',
+                icon: false,
+                message: message,
+                confirmButtonText: I18n.t('confirm'),
+                cancelButtonText: I18n.t('cancel'),
+            });
+        },
+        onClickThemeAlert2: function () {
+            console.log('=== 222 click theme alert');
+            dialog_1.default.alert({
+                context: this,
+                theme: 'round-button',
+                message: message,
+                confirmButtonText: I18n.t('confirm'),
+                cancelButtonText: I18n.t('cancel'),
+            });
+        },
+        onClickAlert: function () {
+            dialog_1.default.alert({
+                context: this,
+                title: 'Title',
+                icon: false,
+                message: message,
+                confirmButtonText: I18n.t('confirm'),
+                cancelButtonText: I18n.t('cancel'),
+            });
+        },
+        onClickAlert2: function () {
+            dialog_1.default.alert({
+                context: this,
+                message: 'Title',
+                confirmButtonText: I18n.t('confirm'),
+                cancelButtonText: I18n.t('cancel'),
+            });
+        },
+        onClickConfirm: function () {
+            dialog_1.default.confirm({
+                context: this,
+                title: 'Title',
+                icon: false,
+                message: message,
+                cancelButtonText: 'Sub Action',
+                confirmButtonText: I18n.t('confirm'),
+            });
+        },
+        onClickConfirmIcon: function () {
+            dialog_1.default.confirm({
+                context: this,
+                title: 'Title',
+                icon: true,
+                message: message,
+                cancelButtonText: 'Sub Action',
+                confirmButtonText: I18n.t('confirm'),
+            });
+        },
+        onClickInput: function () {
+            var _this = this;
+            var beforeClose = function (action, value) {
+                return new Promise(function (resolve) {
+                    setTimeout(function () {
+                        if (action === 'confirm') {
+                            // 不存在输入值则拦截确认操作
+                            resolve(!!value);
+                        }
+                        else {
+                            resolve(true);
+                        }
+                    }, 1000);
+                });
+            };
+            dialog_1.default.input({
+                context: this,
+                title: 'Title',
+                value: this.data.inputValue,
+                cancelButtonText: 'Sub Action',
+                beforeClose: beforeClose,
+                confirmButtonText: I18n.t('confirm'),
+            })
+                .then(function (res) {
+                var _a;
+                console.log('=== onConfirm', res);
+                var inputValue = (_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.inputValue;
+                _this.setData({ inputValue: inputValue });
+            })
+                .catch(function (res) {
+                console.log('=== onCancel', res);
+            });
+        },
+        onClickAsyncClose: function () {
+            var beforeClose = function (action) {
+                return new Promise(function (resolve) {
+                    setTimeout(function () {
+                        if (action === 'confirm') {
+                            resolve(true);
+                        }
+                        else {
+                            // 拦截取消操作
+                            resolve(false);
+                        }
+                    }, 1000);
+                });
+            };
+            dialog_1.default.confirm({
+                context: this,
+                title: 'Title',
+                icon: false,
+                message: message,
+                beforeClose: beforeClose,
+                confirmButtonText: I18n.t('confirm'),
+                cancelButtonText: I18n.t('cancel'),
+            });
+        },
+        onClose: function () {
+            this.setData({
+                show: false,
+            });
+        },
+    },
+});

package/lib/dialog/dialog.js

@@ -48,9 +48,7 @@ function getContext() {
 var Dialog = function (options) {
     options = __assign(__assign({}, currentOptions), options);
     return new Promise(function (resolve, reject) {
-        var context = (typeof options.context === 'function'
-            ? options.context()
-            : options.context) || getContext();
+        var context = (typeof options.context === 'function' ? options.context() : options.context) || getContext();
         var dialog = context.selectComponent(options.selector);
         delete options.context;
         delete options.selector;

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

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

package/lib/divider/demo/index.js

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

package/lib/dropdown-item/index.wxml

@@ -25,13 +25,7 @@
       wx:for="{{ options }}"
       wx:key="value"
       data-option="{{ item }}"
-      class="{{ utils.bem(
-        'dropdown-item__option', 
-        { 
-          active: item.value === value, 
-          first: direction === 'up' ? index ===  options.length-1 : !index, 
-          up: direction === 'up' 
-        } ) }}"
+      class="{{ utils.bem('dropdown-item__option', { active: item.value === value, first: direction === 'up' ? index ===  options.length-1 : !index, up: direction === 'up' }) }}"
       clickable
       icon="{{ item.icon }}"
       bind:tap="onOptionTap"

package/lib/dropdown-menu/demo/index.d.ts

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

package/lib/dropdown-menu/demo/index.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../../common/component");
+(0, component_1.SmartComponent)({
+    data: {
+        switchTitle1: I18n.t('freeShipping'),
+        switchTitle2: I18n.t('groupBuy'),
+        itemTitle: I18n.t('filter'),
+        option1: [
+            { text: I18n.t('allProducts'), value: 0 },
+            { text: I18n.t('newProduct'), value: 1 },
+            { text: I18n.t('promotionalItems'), value: 2 },
+        ],
+        option2: [
+            { text: I18n.t('defaultSorting'), value: 'a' },
+            { text: I18n.t('sortByPositiveReviews'), value: 'b' },
+            { text: I18n.t('sortBySales'), value: 'c' },
+        ],
+        switch1: true,
+        switch2: false,
+        value1: 0,
+        value2: 'a',
+    },
+    methods: {
+        onConfirm: function () {
+            this.selectComponent('#item').toggle();
+        },
+        onSwitch1Change: function (_a) {
+            var detail = _a.detail;
+            this.setData({ switch1: detail });
+        },
+        onSwitch2Change: function (_a) {
+            var detail = _a.detail;
+            this.setData({ switch2: detail });
+        },
+        onBeforeChange: function (_a) {
+            var _b = _a.detail, status = _b.status, callback = _b.callback;
+            wx.showModal({
+                title: I18n.t('asynchronousOnOff'),
+                content: "".concat(I18n.t('areYouSureYouWantTo')).concat(status ? I18n.t('open') : I18n.t('close')).concat(I18n.t('dropdownMenu')),
+                success: function (res) {
+                    if (res.confirm) {
+                        callback(true);
+                    }
+                    else if (res.cancel) {
+                        callback(false);
+                    }
+                },
+            });
+        },
+    },
+});

package/lib/dropdown-menu/index.js

@@ -55,7 +55,7 @@ var ARRAY = [];
             type: String,
             value: '#CCCCCC',
             observer: 'updateChildrenData',
-        }
+        },
     },
     data: {
         triangleDown: TriangleDown_1.default,
@@ -127,9 +127,7 @@ var ARRAY = [];
             var child = this.children[index];
             if (!child.data.disabled) {
                 ARRAY.forEach(function (menuItem) {
-                    if (menuItem &&
-                        menuItem.data.closeOnClickOutside &&
-                        menuItem !== _this) {
+                    if (menuItem && menuItem.data.closeOnClickOutside && menuItem !== _this) {
                         menuItem.close();
                     }
                 });

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

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

package/lib/empty/demo/index.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../../common/component");
+(0, component_1.SmartComponent)({
+    data: {
+        activeTab: 0,
+    },
+    methods: {
+        onChange: function (event) {
+            this.setData({
+                activeTab: event.detail.name,
+            });
+        },
+    },
+});