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

package/dist/calendar/components/year-list/index.js

@@ -16,7 +16,7 @@ SmartComponent({
         },
         readonly: {
             type: Boolean,
-            value: false
+            value: false,
         },
         minDate: {
             type: null,
@@ -71,7 +71,7 @@ SmartComponent({
             });
         },
         getYearList() {
-            const { minDate, maxDate, yearFormatter = 'YYYY', visibleIndex, date, } = this.data;
+            const { minDate, maxDate, yearFormatter = 'YYYY', visibleIndex, date } = this.data;
             const cur = new Date(date).getFullYear();
             const offset = visibleIndex * 12;
             const start = new Date(cur + offset - 5, 0, 1).getTime();
@@ -79,7 +79,7 @@ SmartComponent({
             const minStart = new Date(minDate).getTime();
             const maxStart = new Date(maxDate).getTime();
             const years = getYears(start, end);
-            const yearlist = years.map((date) => {
+            const yearlist = years.map(date => {
                 const yearVal = new Date(date).getFullYear();
                 const curTime = new Date(date).getTime();
                 let isDisabled = false;

package/dist/calendar/components/year-list/index.wxml

@@ -1,6 +1,6 @@
 <view class="contain">
   <smart-row>
-    <smart-col wx:for="{{years}}" span="6">
+    <smart-col wx:for="{{years}}" span="6" custom-class="col_item">
       <view wx:if="{{item.type === 'disabled'}}" class="item item_disabled" data-index="{{index}}">
         {{item.text}}
       </view>

package/dist/calendar/components/year-list/index.wxss

@@ -1 +1 @@
-@import '../../../common/index.wxss';.contain{margin:24rpx 0}.item{border-radius:50%;color:rgba(0,0,0,.9);font-size:15px;font-weight:500;height:104rpx;line-height:104rpx;text-align:center;width:104rpx}.item_active{background:#3678e3;color:#fff}.item_disabled{opacity:.5}
+@import '../../../common/index.wxss';.contain{margin:24rpx 0}.item{border-radius:var(--calendar-cell-item-border-radius,104rpx);color:var(--calendar-cell-item-font-color,var(--app-B4-N1,#000));font-size:var(--calendar-cell-item-font-size,15px);font-weight:var(--calendar-day-font-weight,500);height:var(--calendar-cell-item-height,104rpx);line-height:var(--calendar-cell-item-height,104rpx);text-align:center;width:var(--calendar-cell-item-width,104rpx)}.item_active{background:#3678e3;color:#fff}.item_disabled{opacity:.5}.col_item{display:flex;justify-content:center}

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

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

package/dist/calendar/demo/index.js

@@ -0,0 +1,103 @@
+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,
+    },
+    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/calendar/index.js

@@ -2,7 +2,7 @@ import { SmartComponent } from '../common/component';
 import { ROW_HEIGHT, getPrevDay, getNextDay, getToday, compareDay, copyDates, calcDateNum, getMonths, getDayByOffset, getCurrentIndex, getWeekStartAndEnd, getInitEdgeDate, } from './utils';
 import Toast from '../toast/toast';
 const dateEdge = getInitEdgeDate('year');
-const getTime = (date) => date instanceof Date ? date.getTime() : date;
+const getTime = (date) => (date instanceof Date ? date.getTime() : date);
 SmartComponent({
     props: {
         title: {
@@ -72,11 +72,11 @@ SmartComponent({
         },
         minDate: {
             type: Number,
-            value: dateEdge.min
+            value: dateEdge.min,
         },
         maxDate: {
             type: Number,
-            value: dateEdge.max
+            value: dateEdge.max,
         },
         position: {
             type: String,
@@ -104,7 +104,7 @@ SmartComponent({
         },
         showConfirm: {
             type: Boolean,
-            value: true,
+            value: false,
         },
         showSubtitle: {
             type: Boolean,
@@ -268,7 +268,7 @@ SmartComponent({
             }
             if (type === 'multiple') {
                 if (Array.isArray(defaultDate)) {
-                    return defaultDate.map((date) => this.limitDateRange(date));
+                    return defaultDate.map(date => this.limitDateRange(date));
                 }
                 return [this.limitDateRange(now)];
             }
@@ -278,8 +278,7 @@ SmartComponent({
             return this.limitDateRange(defaultDate);
         },
         scrollIntoView() {
-            if (!this.isMounted)
-                return;
+            // if (!this.isMounted) return;
         },
         onOpen() {
             this.$emit('open');
@@ -364,7 +363,7 @@ SmartComponent({
             if (this.data.readonly) {
                 return;
             }
-            let date = event.detail;
+            const date = event.detail;
             this.select(date, true);
         },
         unselect(dateArray) {
@@ -379,10 +378,7 @@ SmartComponent({
                 if (!valid) {
                     // auto selected to max range if showConfirm
                     if (this.data.showConfirm) {
-                        this.emit([
-                            date[0],
-                            getDayByOffset(date[0], this.data.maxRange - 1),
-                        ]);
+                        this.emit([date[0], getDayByOffset(date[0], this.data.maxRange - 1)]);
                     }
                     else {
                         this.emit(date);
@@ -416,8 +412,7 @@ SmartComponent({
             return true;
         },
         onConfirm() {
-            if (this.data.type === 'range' &&
-                !this.checkRange(this.data.currentDate)) {
+            if (this.data.type === 'range' && !this.checkRange(this.data.currentDate)) {
                 return;
             }
             wx.nextTick(() => {

package/dist/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/dist/calendar/utils.js

@@ -4,9 +4,7 @@ export function formatMonthTitle(date, formatter = 'YYYY-MM') {
         date = new Date(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);
 }
 export function compareMonth(date1, date2) {
@@ -63,7 +61,7 @@ export function calcDateNum(date) {
 }
 export function copyDates(dates) {
     if (Array.isArray(dates)) {
-        return dates.map((date) => {
+        return dates.map(date => {
             if (date === null) {
                 return date;
             }

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

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

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

@@ -1,4 +1,4 @@
-import CheckmarkIcon from '@tuya-miniapp/icons/dist/svg/Checkmark';
+import CheckIcon from '@tuya-miniapp/icons/dist/svg/Check';
 import { useParent } from '../common/relation';
 import { SmartComponent } from '../common/component';
 function emit(target, value) {
@@ -31,7 +31,7 @@ SmartComponent({
     data: {
         parentDisabled: false,
         direction: 'vertical',
-        icon: CheckmarkIcon,
+        icon: CheckIcon,
     },
     methods: {
         emitChange(value) {

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