@tuya-miniapp/smart-ui 2.1.11-beta-9 → 2.1.11-beta-11

package/dist/toast/toast.js

@@ -13,7 +13,9 @@ const defaultOptions = {
     selector: '#smart-toast',
     width: '',
 };
-let queue = [];
+const queueRef = {
+    value: [],
+};
 // @ts-expect-error
 let currentOptions = Object.assign({}, defaultOptions);
 function parseOptions(message) {
@@ -40,13 +42,13 @@ function Toast(toastOptions) {
             options.onClose();
         }
     };
-    queue.push(toast);
+    queueRef.value.push(toast);
     toast.setData(options);
     clearTimeout(toast.timer);
     if (options.duration != null && options.duration > 0) {
         toast.timer = setTimeout(() => {
             toast.clear();
-            queue = queue.filter(item => item !== toast);
+            queueRef.value = queueRef.value.filter(item => item !== toast);
         }, options.duration);
     }
     return toast;
@@ -57,10 +59,10 @@ Toast.success = createMethod('success');
 Toast.fail = createMethod('fail');
 Toast.warn = createMethod('warn');
 Toast.clear = () => {
-    queue.forEach(toast => {
+    queueRef.value.forEach(toast => {
         toast.clear();
     });
-    queue = [];
+    queueRef.value = [];
 };
 Toast.setDefaultOptions = (options) => {
     Object.assign(currentOptions, options);

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

@@ -9,7 +9,7 @@ var toast_1 = __importDefault(require("../../toast/toast"));
     data: {
         minHour: 10,
         maxHour: 20,
-        columnsOrder: [2, 1, 1],
+        columnsOrder: [3, 2, 1],
         minDate: new Date(2018, 0, 1).getTime(),
         maxDate: new Date(2019, 10, 1).getTime(),
         currentDate1: new Date(2018, 2, 31).getTime(),
@@ -69,6 +69,17 @@ var toast_1 = __importDefault(require("../../toast/toast"));
                 message: result,
             });
         },
+        onInputChange: function (event) {
+            var detail = event.detail, currentTarget = event.currentTarget;
+            this.setData({
+                currentDate5: detail
+            });
+            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) {

package/lib/picker/demo/index.js

@@ -47,6 +47,16 @@ var toast_1 = __importDefault(require("../../toast/toast"));
                 unit: 'Kg',
             },
         ],
+        column6: [
+            {
+                values: [I18n.t('zhejiang'), I18n.t('fujian')],
+                order: 2
+            },
+            {
+                values: [I18n.t('hangzhou'), I18n.t('ningbo'), I18n.t('wenzhou'), I18n.t('jiaxing'), I18n.t('huzhou')],
+                order: 1
+            },
+        ],
     },
     methods: {
         onChange1: function (event) {

package/lib/toast/toast.js

@@ -27,7 +27,9 @@ var defaultOptions = {
     selector: '#smart-toast',
     width: '',
 };
-var queue = [];
+var queueRef = {
+    value: [],
+};
 // @ts-expect-error
 var currentOptions = __assign({}, defaultOptions);
 function parseOptions(message) {
@@ -54,13 +56,13 @@ function Toast(toastOptions) {
             options.onClose();
         }
     };
-    queue.push(toast);
+    queueRef.value.push(toast);
     toast.setData(options);
     clearTimeout(toast.timer);
     if (options.duration != null && options.duration > 0) {
         toast.timer = setTimeout(function () {
             toast.clear();
-            queue = queue.filter(function (item) { return item !== toast; });
+            queueRef.value = queueRef.value.filter(function (item) { return item !== toast; });
         }, options.duration);
     }
     return toast;
@@ -73,10 +75,10 @@ Toast.success = createMethod('success');
 Toast.fail = createMethod('fail');
 Toast.warn = createMethod('warn');
 Toast.clear = function () {
-    queue.forEach(function (toast) {
+    queueRef.value.forEach(function (toast) {
         toast.clear();
     });
-    queue = [];
+    queueRef.value = [];
 };
 Toast.setDefaultOptions = function (options) {
     Object.assign(currentOptions, options);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tuya-miniapp/smart-ui",
-  "version": "2.1.11-beta-9",
+  "version": "2.1.11-beta-11",
   "author": "MiniApp Team",
   "license": "MIT",
   "miniprogram": "lib",
@@ -21,6 +21,8 @@
   },
   "files": [
     "dist",
+    "!dist/**/demo/",
+    "!lib/**/demo/",
     "lib"
   ],
   "husky": {

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

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

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

@@ -1,110 +0,0 @@
-import { SmartComponent } from '../../common/component';
-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(type, value) {
-            if (type === 'year') {
-                return `${value}${I18n.t('year')}`;
-            }
-            if (type === 'month') {
-                return `${value}${I18n.t('month')}`;
-            }
-            return value;
-        },
-    },
-    methods: {
-        toggle(type) {
-            this.setData({
-                [type]: !this.data[type],
-            });
-        },
-        toggleActionSheet1() {
-            this.toggle('show1');
-        },
-        toggleActionSheet2() {
-            this.toggle('show2');
-        },
-        toggleActionSheet3() {
-            this.toggle('show3');
-        },
-        toggleActionSheet4() {
-            this.toggle('show4');
-        },
-        toggleActionSheet5() {
-            this.toggle('show5');
-        },
-        toggleActionSheet6() {
-            this.toggle('show6');
-        },
-        toggleActionSheetSelect() {
-            this.toggle('showSelect');
-        },
-        toggleActionSheetSelect2() {
-            this.toggle('showSelect2');
-        },
-        toggleActionSheetNumber() {
-            this.toggle('showNumber');
-        },
-        toggleActionSheetPicker() {
-            this.toggle('showPicker');
-        },
-        onAfterEnter() {
-            this.setData({ isReady: true });
-        },
-        onChange(event) {
-            this.setData({ currentNumber: event.detail.value });
-        },
-        onSelect(evt) {
-            const { id } = evt.detail;
-            const newActionSelect = this.data.actionSelect.map((item) => {
-                if (item.id === id)
-                    return Object.assign(Object.assign({}, item), { checked: true });
-                return Object.assign(Object.assign({}, item), { checked: false });
-            });
-            this.setData({
-                actionSelect: newActionSelect,
-            });
-        },
-        onInput(event) {
-            const { detail } = event;
-            const date = new Date(detail);
-            this.setData({ currentDate: date });
-        },
-        onPickerConfirm() {
-            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/dist/area/demo/index.d.ts

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

package/dist/area/demo/index.js

@@ -1,41 +0,0 @@
-var _a;
-import { SmartComponent } from '../../common/component';
-import Toast from '../../toast/toast';
-const db = (_a = wx.cloud) === null || _a === void 0 ? void 0 : _a.database();
-SmartComponent({
-    data: {
-        areaList: {},
-        loading: true,
-        value: 330302,
-    },
-    mounted() {
-        db === null || db === void 0 ? void 0 : db.collection('region').limit(1).get().then((res) => {
-            if (res.data && res.data.length > 0) {
-                this.setData({
-                    loading: false,
-                    areaList: res.data[0],
-                });
-            }
-        }).catch((err) => {
-            console.log(err);
-            this.setData({
-                loading: false,
-            });
-        });
-    },
-    methods: {
-        onChange(event) {
-            const { values } = event.detail;
-            Toast({
-                context: this,
-                message: values.map((item) => item.name).join('-'),
-            });
-        },
-        onConfirm(event) {
-            console.log(event);
-        },
-        onCancel(event) {
-            console.log(event);
-        },
-    },
-});

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

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

package/dist/battery/demo/index.js

@@ -1,2 +0,0 @@
-import { SmartComponent } from '../../common/component';
-SmartComponent({});

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

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

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

@@ -1,24 +0,0 @@
-import { SmartComponent } from '../../common/component';
-SmartComponent({
-    data: {
-        show1: false,
-        show2: false,
-        show3: false,
-    },
-    methods: {
-        toggle(type) {
-            this.setData({
-                [type]: !this.data[type],
-            });
-        },
-        toggleActionSheet1() {
-            this.toggle('show1');
-        },
-        toggleActionSheet2() {
-            this.toggle('show2');
-        },
-        toggleActionSheet3() {
-            this.toggle('show3');
-        },
-    },
-});

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

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

package/dist/button/demo/index.js

@@ -1,9 +0,0 @@
-import iconAdd from '@tuya-miniapp/icons/dist/svg/PlusCircle';
-import iconRight from '@tuya-miniapp/icons/dist/svg/Right';
-import { SmartComponent } from '../../common/component';
-SmartComponent({
-    data: {
-        iconAdd,
-        iconRight,
-    },
-});

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

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

package/dist/calendar/demo/index.js

@@ -1,106 +0,0 @@
-import { SmartComponent } from '../../common/component';
-SmartComponent({
-    data: {
-        // day
-        curDayDate: new Date(2024, 0, 15).getTime(),
-        minDayDate: new Date(2024, 0, 4).getTime(),
-        maxDayDate: new Date(2024, 1, 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(2017, 6, 1).getTime(),
-        minYearDate: new Date(2012, 0, 1).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"
-        }
-    },
-    methods: {
-        setCurDay(event) {
-            const date = event.detail;
-            this.setData({
-                curDayDate: new Date(date).getTime(),
-                showDayPicker: false,
-            });
-        },
-        setWeekCurDay(event) {
-            const date = event.detail;
-            this.setData({
-                curWeekDayDate: [date[0], date[1]],
-            });
-        },
-        setRangeCurDay(event) {
-            const date = event.detail;
-            this.setData({
-                curRangeDayDate: [date[0], date[1]],
-            });
-        },
-        setCurMonth(event) {
-            const date = event.detail;
-            this.setData({
-                curMonthDate: date,
-            });
-        },
-        setCurYear(event) {
-            const date = event.detail;
-            this.setData({
-                curYearDate: date,
-            });
-        },
-        onShowDayPicker() {
-            this.setData({
-                showDayPicker: !this.data.showDayPicker,
-            });
-        },
-    },
-});

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

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

package/dist/cascader/demo/index.js

@@ -1,191 +0,0 @@
-import { SmartComponent } from '../../common/component';
-const 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',
-                    },
-                ],
-            },
-        ],
-    },
-];
-const asyncOptions1 = [
-    {
-        text: I18n.t('zhejiangProvince'),
-        value: '330000',
-        options: [],
-    },
-];
-const asyncOptions2 = [
-    { text: I18n.t('hangzhou'), value: '330100' },
-    { text: I18n.t('ningboCity'), value: '330200' },
-];
-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(e) {
-            const { stateKey } = e.currentTarget.dataset;
-            this.setData({
-                [`${stateKey}.show`]: true,
-            });
-        },
-        onClose(e) {
-            const { stateKey } = e.currentTarget.dataset;
-            this.setData({
-                [`${stateKey}.show`]: false,
-            });
-        },
-        onFinish(e) {
-            const { stateKey } = e.currentTarget.dataset;
-            const { selectedOptions, value } = e.detail;
-            const result = selectedOptions.map((option) => option.text).join('/');
-            this.setData({
-                [`${stateKey}.value`]: value,
-                [`${stateKey}.result`]: result,
-            });
-            this.onClose(e);
-        },
-        loadDynamicOptions(e) {
-            const { value } = e.detail;
-            if (value === '330000') {
-                setTimeout(() => {
-                    this.setData({
-                        'asyncState.options[0].options': asyncOptions2,
-                    });
-                }, 500);
-            }
-        },
-    },
-});

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

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

package/dist/cell/demo/index.js

@@ -1,15 +0,0 @@
-import Sun from '@tuya-miniapp/icons/dist/svg/Sun';
-import Checkmark from '@tuya-miniapp/icons/dist/svg/Checkmark';
-import { SmartComponent } from '../../common/component';
-SmartComponent({
-    data: {
-        sunMaxFill: Sun,
-        checkMark: Checkmark,
-    },
-    methods: {
-        onNavTo() {
-            // @ts-ignore
-            ty.openInnerH5({ url: 'https://www.tuya.com', title: 'Tuya' });
-        },
-    },
-});

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

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