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

package/dist/cascader/demo/index.js

@@ -0,0 +1,191 @@
+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/cascader/index.js

@@ -95,12 +95,12 @@ SmartComponent({
                 const selectedOptions = this.getSelectedOptionsByValue(options, innerValue);
                 if (selectedOptions) {
                     let optionsCursor = options;
-                    const tabs = selectedOptions.map((option) => {
+                    const tabs = selectedOptions.map(option => {
                         const tab = {
                             options: optionsCursor,
                             selected: option,
                         };
-                        const next = optionsCursor.find((item) => item.value === option.value);
+                        const next = optionsCursor.find(item => item.value === option.value);
                         if (next) {
                             optionsCursor = next.options;
                         }
@@ -174,7 +174,7 @@ SmartComponent({
             this.setData({
                 tabs,
             });
-            const selectedOptions = tabs.map((tab) => tab.selected).filter(Boolean);
+            const selectedOptions = tabs.map(tab => tab.selected).filter(Boolean);
             const { value } = option;
             const params = {
                 value,

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

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

package/dist/cell/demo/index.js

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

package/dist/cell/index.js

@@ -5,13 +5,7 @@ import rightIcon from '@tuya-miniapp/icons/dist/svg/Right';
 import { link } from '../mixins/link';
 import { SmartComponent } from '../common/component';
 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],
     props: {
         title: null,

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

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

package/dist/checkbox/demo/index.js

@@ -0,0 +1,34 @@
+import { SmartComponent } from '../../common/component';
+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(event) {
+            const { key } = event.currentTarget.dataset;
+            this.setData({ [key]: event.detail });
+        },
+        onChange2(event) {
+            const { key } = event.currentTarget.dataset;
+            this.setData({ [key]: !event.detail });
+        },
+        toggle(event) {
+            const { index } = event.currentTarget.dataset;
+            const checkbox = this.selectComponent(`.checkboxes-${index}`);
+            checkbox.toggle();
+        },
+        noop() { },
+    },
+});

package/dist/checkbox-group/index.js

@@ -22,7 +22,7 @@ SmartComponent({
     },
     methods: {
         updateChildren() {
-            this.children.forEach((child) => this.updateChild(child));
+            this.children.forEach(child => this.updateChild(child));
         },
         updateChild(child) {
             const { value, disabled, direction } = this.data;

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

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

package/dist/circle/demo/index.js

@@ -0,0 +1,19 @@
+import { SmartComponent } from '../../common/component';
+const format = (rate) => Math.min(Math.max(rate, 0), 100);
+SmartComponent({
+    data: {
+        value: 25,
+        gradientColor: {
+            '0%': '#ffd01e',
+            '100%': '#ee0a24',
+        },
+    },
+    methods: {
+        run(e) {
+            const step = parseFloat(e.currentTarget.dataset.step);
+            this.setData({
+                value: format((this.data.value += step)),
+            });
+        },
+    },
+});

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

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

package/dist/col/demo/index.js

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

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

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

package/dist/collapse/demo/index.js

@@ -0,0 +1,36 @@
+import { SmartComponent } from '../../common/component';
+import Toast from '../../toast/toast';
+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(event) {
+            const { key } = event.currentTarget.dataset;
+            this.setData({
+                [key]: event.detail,
+            });
+        },
+        onOpen(event) {
+            Toast({
+                context: this,
+                message: `${I18n.t('expand')}: ${event.detail}`,
+            });
+        },
+        onClose(event) {
+            Toast({
+                context: this,
+                message: `${I18n.t('close')}: ${event.detail}`,
+            });
+        },
+    },
+});

package/dist/collapse/index.js

@@ -18,7 +18,7 @@ SmartComponent({
     },
     methods: {
         updateExpanded() {
-            this.children.forEach((child) => {
+            this.children.forEach(child => {
                 child.updateExpanded();
             });
         },

package/dist/collapse-item/animate.js

@@ -32,7 +32,7 @@ function useAnimation(context, expanded, mounted, height) {
 }
 export function setContentAnimate(context, expanded, mounted) {
     getRect(context, '.smart-collapse-item__content')
-        .then((rect) => rect.height)
+        .then(rect => rect.height)
         .then((height) => {
         useAnimation(context, expanded, mounted, height);
     });

package/dist/common/component.js

@@ -1,6 +1,6 @@
 import { basic } from '../mixins/basic';
 function mapKeys(source, target, map) {
-    Object.keys(map).forEach((key) => {
+    Object.keys(map).forEach(key => {
         if (source[key]) {
             target[map[key]] = source[key];
         }

package/dist/common/utils.js

@@ -1,5 +1,5 @@
 import { isDef, isNumber, isPlainObject, isPromise } from './validator';
-import { canIUseGroupSetData, canIUseNextTick, getSystemInfoSync, } from './version';
+import { canIUseGroupSetData, canIUseNextTick, getSystemInfoSync } from './version';
 export { isDef } from './validator';
 export { getSystemInfoSync } from './version';
 export function range(num, min, max) {
@@ -39,7 +39,7 @@ export function pickExclude(obj, keys) {
     }, {});
 }
 export function getRect(context, selector) {
-    return new Promise((resolve) => {
+    return new Promise(resolve => {
         wx.createSelectorQuery()
             .in(context)
             .select(selector)
@@ -48,7 +48,7 @@ export function getRect(context, selector) {
     });
 }
 export function getAllRect(context, selector) {
-    return new Promise((resolve) => {
+    return new Promise(resolve => {
         wx.createSelectorQuery()
             .in(context)
             .selectAll(selector)

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

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

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

@@ -0,0 +1,22 @@
+import { SmartComponent } from '../../common/component';
+SmartComponent({
+    data: {
+        rate: 4,
+        slider: 50,
+        themeVars: {
+            buttonPrimaryBorderColor: 'red',
+            buttonPrimaryBackgroundColor: 'red',
+        },
+    },
+    methods: {
+        onChange(event) {
+            const { color } = event.currentTarget.dataset;
+            this.setData({
+                themeVars: {
+                    buttonPrimaryBorderColor: color,
+                    buttonPrimaryBackgroundColor: color,
+                },
+            });
+        },
+    },
+});

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

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

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

@@ -0,0 +1,33 @@
+import { SmartComponent } from '../../common/component';
+import Toast from '../../toast/toast';
+SmartComponent({
+    data: {
+        time: 30 * 60 * 60 * 1000,
+        timeData: {},
+    },
+    methods: {
+        onChange(e) {
+            this.setData({
+                timeData: e.detail,
+            });
+        },
+        start() {
+            const countDown = this.selectComponent('.control-count-down');
+            countDown.start();
+        },
+        pause() {
+            const countDown = this.selectComponent('.control-count-down');
+            countDown.pause();
+        },
+        reset() {
+            const countDown = this.selectComponent('.control-count-down');
+            countDown.reset();
+        },
+        finished() {
+            Toast({
+                context: this,
+                message: I18n.t('countdownEnded'),
+            });
+        },
+    },
+});

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

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

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

@@ -0,0 +1,17 @@
+import { SmartComponent } from '../../common/component';
+SmartComponent({
+    data: {
+        value: '222',
+    },
+    methods: {
+        onChange(v) {
+            console.log('onChange value =====>', v.detail);
+        },
+        onConfirm(v) {
+            console.log('onConfirm value ====>', v.detail);
+        },
+        handleBtn() {
+            this.setData({ value: '1234' });
+        },
+    },
+});

package/dist/custom-keyboard/index.js

@@ -136,9 +136,7 @@ SmartComponent({
         toSvgCssBackground(svgString) {
             let 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/dist/datetime-picker/demo/index.d.ts

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

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

@@ -0,0 +1,63 @@
+import { SmartComponent } from '../../common/component';
+import Toast from '../../toast/toast';
+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(type, value) {
+            if (type === 'year') {
+                return `${value}${I18n.t('year')}`;
+            }
+            if (type === 'month') {
+                return `${value}${I18n.t('month')}`;
+            }
+            return value;
+        },
+        filter(type, options) {
+            if (type === 'minute') {
+                return options.filter((option) => 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(event) {
+            const { detail, currentTarget } = event;
+            const result = this.getResult(detail, currentTarget.dataset.type);
+            Toast({
+                context: this,
+                message: result,
+            });
+        },
+        getResult(time, type) {
+            const date = new Date(time);
+            switch (type) {
+                case 'datetime':
+                    return date.toLocaleString();
+                case 'date':
+                    return date.toLocaleDateString();
+                case 'year-month':
+                    return `${date.getFullYear()}/${date.getMonth() + 1}`;
+                case 'time':
+                    return time;
+                default:
+                    return '';
+            }
+        },
+    },
+});

package/dist/datetime-picker/index.js

@@ -100,8 +100,8 @@ SmartComponent({
         },
         updateColumns() {
             const { formatter = defaultFormatter, locale } = this.data;
-            const results = this.getOriginColumns().map((column) => ({
-                values: column.values.map((value) => formatter(column.type, value)),
+            const results = this.getOriginColumns().map(column => ({
+                values: column.values.map(value => formatter(column.type, value)),
                 unit: locale === null || locale === void 0 ? void 0 : locale[column.type],
             }));
             return this.set({ columns: results });
@@ -109,7 +109,7 @@ SmartComponent({
         getOriginColumns() {
             const { filter } = this.data;
             const results = this.getRanges().map(({ type, range }) => {
-                let values = times(range[1] - range[0] + 1, (index) => {
+                let values = times(range[1] - range[0] + 1, index => {
                     const value = range[0] + index;
                     return type === 'year' ? `${value}` : padZero(value);
                 });
@@ -234,8 +234,7 @@ SmartComponent({
             const originColumns = this.getOriginColumns();
             if (data.type === 'time') {
                 const indexes = picker.getIndexes();
-                value = `${+originColumns[0].values[indexes[0]]}:${+originColumns[1]
-                    .values[indexes[1]]}`;
+                value = `${+originColumns[0].values[indexes[0]]}:${+originColumns[1].values[indexes[1]]}`;
             }
             else {
                 const indexes = picker.getIndexes();

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

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