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

package/lib/calendar/index.js

@@ -16,9 +16,7 @@ var component_1 = require("../common/component");
 var utils_1 = require("./utils");
 var toast_1 = __importDefault(require("../toast/toast"));
 var dateEdge = (0, utils_1.getInitEdgeDate)('year');
-var getTime = function (date) {
-    return date instanceof Date ? date.getTime() : date;
-};
+var getTime = function (date) { return (date instanceof Date ? date.getTime() : date); };
 (0, component_1.SmartComponent)({
     props: {
         title: {
@@ -88,11 +86,11 @@ var getTime = function (date) {
         },
         minDate: {
             type: Number,
-            value: dateEdge.min
+            value: dateEdge.min,
         },
         maxDate: {
             type: Number,
-            value: dateEdge.max
+            value: dateEdge.max,
         },
         position: {
             type: String,
@@ -120,7 +118,7 @@ var getTime = function (date) {
         },
         showConfirm: {
             type: Boolean,
-            value: true,
+            value: false,
         },
         showSubtitle: {
             type: Boolean,
@@ -298,8 +296,7 @@ var getTime = function (date) {
             return this.limitDateRange(defaultDate);
         },
         scrollIntoView: function () {
-            if (!this.isMounted)
-                return;
+            // if (!this.isMounted) return;
         },
         onOpen: function () {
             this.$emit('open');
@@ -399,10 +396,7 @@ var getTime = function (date) {
                 if (!valid) {
                     // auto selected to max range if showConfirm
                     if (this.data.showConfirm) {
-                        this.emit([
-                            date[0],
-                            (0, utils_1.getDayByOffset)(date[0], this.data.maxRange - 1),
-                        ]);
+                        this.emit([date[0], (0, utils_1.getDayByOffset)(date[0], this.data.maxRange - 1)]);
                     }
                     else {
                         this.emit(date);
@@ -437,8 +431,7 @@ var getTime = function (date) {
         },
         onConfirm: function () {
             var _this = this;
-            if (this.data.type === 'range' &&
-                !this.checkRange(this.data.currentDate)) {
+            if (this.data.type === 'range' && !this.checkRange(this.data.currentDate)) {
                 return;
             }
             wx.nextTick(function () {

package/lib/calendar/index.wxs

@@ -38,10 +38,7 @@ function getVisible(visibleIndex, curIndex) {
 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 + '';
+  const month = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1 + "";
   return formatter.replace('YYYY', year + '').replace('MM', month);
 }
 
@@ -53,8 +50,8 @@ function formatYearTitle(date, offset, formatter = 'YYYY') {
 
 module.exports = {
   getMonths: getMonths,
-  getVisible,
+  getVisible: getVisible,
   getButtonDisabled: getButtonDisabled,
-  formatMonthTitle,
-  formatYearTitle,
+  formatMonthTitle: formatMonthTitle,
+  formatYearTitle: formatYearTitle,
 };

package/lib/calendar/utils.js

@@ -8,9 +8,7 @@ function formatMonthTitle(date, formatter) {
         date = new Date(date);
     }
     var year = date.getFullYear();
-    var month = date.getMonth() + 1 < 10
-        ? "0".concat(date.getMonth() + 1)
-        : date.getMonth() + 1 + '';
+    var month = date.getMonth() + 1 < 10 ? "0".concat(date.getMonth() + 1) : date.getMonth() + 1 + '';
     return formatter.replace('YYYY', year + '').replace('MM', month);
 }
 exports.formatMonthTitle = formatMonthTitle;

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

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

package/lib/cascader/demo/index.js

@@ -0,0 +1,197 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../../common/component");
+var zhCNOptions = [
+    {
+        text: I18n.t('zhejiangProvince'),
+        value: '330000',
+        options: [
+            {
+                text: I18n.t('hangzhou'),
+                value: '330100',
+                options: [
+                    {
+                        text: I18n.t('upperCityDistrict'),
+                        value: '330102',
+                    },
+                    {
+                        text: I18n.t('downtownDistrict'),
+                        value: '330103',
+                    },
+                    {
+                        text: I18n.t('jiangganDistrict'),
+                        value: '330104',
+                    },
+                ],
+            },
+            {
+                text: I18n.t('ningboCity'),
+                value: '330200',
+                options: [
+                    {
+                        text: I18n.t('haishuDistrict'),
+                        value: '330203',
+                    },
+                    {
+                        text: I18n.t('jiangbeiDistrict'),
+                        value: '330205',
+                    },
+                    {
+                        text: I18n.t('beilunDistrict'),
+                        value: '330206',
+                    },
+                ],
+            },
+            {
+                text: I18n.t('wenzhou'),
+                value: '330300',
+                options: [
+                    {
+                        text: I18n.t('luchengDistrict'),
+                        value: '330302',
+                    },
+                    {
+                        text: I18n.t('longwanDistrict'),
+                        value: '330303',
+                    },
+                    {
+                        text: I18n.t('ouhaiDistrict'),
+                        value: '330304',
+                    },
+                ],
+            },
+        ],
+    },
+    {
+        text: I18n.t('jiangsuProvince'),
+        value: '320000',
+        options: [
+            {
+                text: I18n.t('nanjing'),
+                value: '320100',
+                options: [
+                    {
+                        text: I18n.t('xuanwuDistrict'),
+                        value: '320102',
+                    },
+                    {
+                        text: I18n.t('qinhuaiDistrict'),
+                        value: '320104',
+                    },
+                    {
+                        text: I18n.t('jianyeDistrict'),
+                        value: '320105',
+                    },
+                ],
+            },
+            {
+                text: I18n.t('wuxi'),
+                value: '320200',
+                options: [
+                    {
+                        text: I18n.t('xishanDistrict'),
+                        value: '320205',
+                    },
+                    {
+                        text: I18n.t('huishanDistrict'),
+                        value: '320206',
+                    },
+                    {
+                        text: I18n.t('binhuDistrict'),
+                        value: '320211',
+                    },
+                ],
+            },
+            {
+                text: I18n.t('xuzhou'),
+                value: '320300',
+                options: [
+                    {
+                        text: I18n.t('gulouDistrict'),
+                        value: '320302',
+                    },
+                    {
+                        text: I18n.t('yunlongDistrict'),
+                        value: '320303',
+                    },
+                    {
+                        text: I18n.t('jiawangDistrict'),
+                        value: '320305',
+                    },
+                ],
+            },
+        ],
+    },
+];
+var asyncOptions1 = [
+    {
+        text: I18n.t('zhejiangProvince'),
+        value: '330000',
+        options: [],
+    },
+];
+var asyncOptions2 = [
+    { text: I18n.t('hangzhou'), value: '330100' },
+    { text: I18n.t('ningboCity'), value: '330200' },
+];
+(0, component_1.SmartComponent)({
+    data: {
+        area: I18n.t('region'),
+        options: zhCNOptions,
+        selectArea: I18n.t('pleaseSelectARegion'),
+        baseState: {
+            show: false,
+            value: '',
+            result: '',
+        },
+        asyncState: {
+            show: false,
+            value: undefined,
+            result: '',
+            options: asyncOptions1,
+        },
+        customFieldState: {
+            show: false,
+            value: '',
+            result: '',
+        },
+    },
+    methods: {
+        onClick: function (e) {
+            var _a;
+            var stateKey = e.currentTarget.dataset.stateKey;
+            this.setData((_a = {},
+                _a["".concat(stateKey, ".show")] = true,
+                _a));
+        },
+        onClose: function (e) {
+            var _a;
+            var stateKey = e.currentTarget.dataset.stateKey;
+            this.setData((_a = {},
+                _a["".concat(stateKey, ".show")] = false,
+                _a));
+        },
+        onFinish: function (e) {
+            var _a;
+            var stateKey = e.currentTarget.dataset.stateKey;
+            var _b = e.detail, selectedOptions = _b.selectedOptions, value = _b.value;
+            var result = selectedOptions.map(function (option) { return option.text; }).join('/');
+            this.setData((_a = {},
+                _a["".concat(stateKey, ".value")] = value,
+                _a["".concat(stateKey, ".result")] = result,
+                _a));
+            this.onClose(e);
+        },
+        loadDynamicOptions: function (e) {
+            var _this = this;
+            var value = e.detail.value;
+            if (value === '330000') {
+                setTimeout(function () {
+                    _this.setData({
+                        'asyncState.options[0].options': asyncOptions2,
+                    });
+                }, 500);
+            }
+        },
+    },
+});

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

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

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 '';
+            }
+        },
+    },
+});