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

package/lib/calendar/components/year-list/index.css

@@ -1 +1 @@
-@import '../../../common/index.css';.contain{margin:24rpx 0}.item{border-radius:50%;color:rgba(0,0,0,.9);font-size:15px;font-weight:500;line-height:104rpx;text-align:center}.item,.item_active{height:104rpx;width:104rpx}.item_active{background:#3678e3;color:#fff}.item_disabled{opacity:.5}
+@import '../../../common/index.css';.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/lib/calendar/components/year-list/index.js

@@ -16,6 +16,10 @@ var component_1 = require("../../../common/component");
                 }
             },
         },
+        readonly: {
+            type: Boolean,
+            value: false,
+        },
         minDate: {
             type: null,
             value: new Date(new Date().getFullYear() - 30, 0, 1).getTime(),
@@ -24,6 +28,10 @@ var component_1 = require("../../../common/component");
             type: null,
             value: new Date(new Date().getFullYear() + 30, 11, 31).getTime(),
         },
+        color: {
+            type: String,
+            value: '#3678e3',
+        },
         currentYear: {
             type: null,
             value: new Date().getFullYear(),
@@ -76,12 +84,15 @@ var component_1 = require("../../../common/component");
             var yearlist = years.map(function (date) {
                 var yearVal = new Date(date).getFullYear();
                 var curTime = new Date(date).getTime();
-                var disabled = curTime <= minStart || curTime >= maxStart;
+                var isDisabled = false;
+                if (minDate && maxDate) {
+                    isDisabled = curTime <= minStart || curTime >= maxStart;
+                }
                 return {
                     value: date,
                     year: yearVal,
                     text: yearFormatter.replace('YYYY', yearVal),
-                    type: disabled ? 'disabled' : '',
+                    type: isDisabled ? 'disabled' : '',
                 };
             });
             this.setData({
@@ -89,6 +100,8 @@ var component_1 = require("../../../common/component");
             });
         },
         onClick: function (event) {
+            if (this.data.readonly)
+                return;
             var index = event.currentTarget.dataset.index;
             var item = this.data.years[index];
             if (item.type !== 'disabled') {

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

@@ -1,7 +1,13 @@
 <view class="contain">
   <smart-row>
-    <smart-col wx:for="{{years}}" span="6">
-      <view class="item {{ currentYear === item.year ? 'item_active' : '' }} {{ item.type === 'disabled' ? 'item_disabled' : '' }}" data-index="{{index}}" bindtap="onClick">
+    <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>
+      <view wx:elif="{{currentYear === item.year}}" class="item item_active" data-index="{{index}}" bindtap="onClick" style="background: {{ color }};">
+        {{item.text}}
+      </view>
+      <view wx:else class="item" data-index="{{index}}" bindtap="onClick">
         {{item.text}}
       </view>
     </smart-col>

package/lib/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;line-height:104rpx;text-align:center}.item,.item_active{height:104rpx;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/lib/calendar/demo/index.d.ts

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

package/lib/calendar/demo/index.js

@@ -0,0 +1,105 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../../common/component");
+(0, component_1.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: function (event) {
+            var date = event.detail;
+            this.setData({
+                curDayDate: new Date(date).getTime(),
+                showDayPicker: false,
+            });
+        },
+        setWeekCurDay: function (event) {
+            var date = event.detail;
+            this.setData({
+                curWeekDayDate: [date[0], date[1]],
+            });
+        },
+        setRangeCurDay: function (event) {
+            var date = event.detail;
+            this.setData({
+                curRangeDayDate: [date[0], date[1]],
+            });
+        },
+        setCurMonth: function (event) {
+            var date = event.detail;
+            this.setData({
+                curMonthDate: date,
+            });
+        },
+        setCurYear: function (event) {
+            var date = event.detail;
+            this.setData({
+                curYearDate: date,
+            });
+        },
+        onShowDayPicker: function () {
+            this.setData({
+                showDayPicker: !this.data.showDayPicker,
+            });
+        },
+    },
+});

package/lib/calendar/index.js

@@ -15,19 +15,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var component_1 = require("../common/component");
 var utils_1 = require("./utils");
 var toast_1 = __importDefault(require("../toast/toast"));
-var initialMinDate = (0, utils_1.getToday)().getTime();
-var initialMaxDate = (function () {
-    var now = (0, utils_1.getToday)();
-    return new Date(now.getFullYear(), now.getMonth() + 6, now.getDate()).getTime();
-})();
-var getTime = function (date) {
-    return date instanceof Date ? date.getTime() : date;
-};
+var dateEdge = (0, utils_1.getInitEdgeDate)('year');
+var getTime = function (date) { return (date instanceof Date ? date.getTime() : date); };
 (0, component_1.SmartComponent)({
     props: {
         title: {
             type: String,
-            value: '日期选择',
+            value: 'Select Date',
         },
         color: String,
         show: {
@@ -63,18 +57,13 @@ var getTime = function (date) {
                 rangeEnd: 'End',
             },
         },
-        formatter: null,
         confirmText: {
             type: String,
-            value: '确定',
+            value: 'Confirm',
         },
         confirmDisabledText: {
             type: String,
-            value: '确定',
-        },
-        mode: {
-            type: String,
-            value: 'day',
+            value: 'Confirm',
         },
         rangePrompt: String,
         showRangePrompt: {
@@ -97,11 +86,11 @@ var getTime = function (date) {
         },
         minDate: {
             type: Number,
-            value: initialMinDate,
+            value: dateEdge.min,
         },
         maxDate: {
             type: Number,
-            value: initialMaxDate,
+            value: dateEdge.max,
         },
         position: {
             type: String,
@@ -117,7 +106,7 @@ var getTime = function (date) {
         },
         poppable: {
             type: Boolean,
-            value: true,
+            value: false,
         },
         showMark: {
             type: Boolean,
@@ -129,7 +118,7 @@ var getTime = function (date) {
         },
         showConfirm: {
             type: Boolean,
-            value: true,
+            value: false,
         },
         showSubtitle: {
             type: Boolean,
@@ -189,15 +178,19 @@ var getTime = function (date) {
     methods: {
         onPrev: function () {
             var visibleIndex = this.data.visibleIndex - 1;
-            if (this.data.mode === 'year') {
+            if (this.data.type === 'year') {
                 this.setData({
                     visibleIndex: visibleIndex,
                 });
                 return;
             }
-            if (this.data.mode === 'month') {
+            if (this.data.type === 'month') {
+                var nextDate = new Date(this.data.currentDate);
+                nextDate.setFullYear(nextDate.getFullYear() - 1);
+                this.select(nextDate, true);
                 this.setData({
                     visibleIndex: visibleIndex,
+                    currentDate: nextDate,
                 });
                 return;
             }
@@ -209,15 +202,19 @@ var getTime = function (date) {
         },
         onNext: function () {
             var visibleIndex = this.data.visibleIndex + 1;
-            if (this.data.mode === 'year') {
+            if (this.data.type === 'year') {
                 this.setData({
                     visibleIndex: visibleIndex,
                 });
                 return;
             }
-            if (this.data.mode === 'month') {
+            if (this.data.type === 'month') {
+                var nextDate = new Date(this.data.currentDate);
+                nextDate.setFullYear(nextDate.getFullYear() + 1);
+                this.select(nextDate, true);
                 this.setData({
                     visibleIndex: visibleIndex,
+                    currentDate: nextDate,
                 });
                 return;
             }
@@ -231,16 +228,14 @@ var getTime = function (date) {
             this.setData({ currentDate: this.getInitialDate(this.data.defaultDate) });
             this.scrollIntoView();
         },
-        initYearIdx: function (currentDate) {
-        },
         initData: function () {
             var currentDate = this.getInitialDate(this.data.defaultDate);
             var months = (0, utils_1.getMonths)(this.data.minDate, this.data.maxDate);
             var visibleIndex = this.data.defaultDate
                 ? (0, utils_1.getCurrentIndex)(currentDate, months)
                 : months.length - 1;
-            var isYear = this.data.mode === 'year';
-            var isMonth = this.data.mode === 'month';
+            var isYear = this.data.type === 'year';
+            var isMonth = this.data.type === 'month';
             var data = {
                 currentDate: currentDate,
                 months: months,
@@ -260,8 +255,9 @@ var getTime = function (date) {
         limitDateRange: function (date, minDate, maxDate) {
             if (minDate === void 0) { minDate = null; }
             if (maxDate === void 0) { maxDate = null; }
-            minDate = minDate || this.data.minDate;
-            maxDate = maxDate || this.data.maxDate;
+            var _a = (0, utils_1.getInitEdgeDate)(this.data.type), min = _a.min, max = _a.max;
+            minDate = minDate || this.data.minDate || min;
+            maxDate = maxDate || this.data.maxDate || max;
             if ((0, utils_1.compareDay)(date, minDate) === -1) {
                 return minDate;
             }
@@ -300,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');
@@ -401,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);
@@ -439,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,23 +38,20 @@ 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);
 }
 
 function formatYearTitle(date, offset, formatter = 'YYYY') {
   date = getDate(date);
-  const year = date.getFullYear() + offset;
+  const year = date.getFullYear();
   return formatter.replace('YYYY', year + '');
 }
 
 module.exports = {
   getMonths: getMonths,
-  getVisible,
+  getVisible: getVisible,
   getButtonDisabled: getButtonDisabled,
-  formatMonthTitle,
-  formatYearTitle,
+  formatMonthTitle: formatMonthTitle,
+  formatYearTitle: formatYearTitle,
 };

package/lib/calendar/utils.d.ts

@@ -16,3 +16,7 @@ export declare function getWeekStartAndEnd(date: Date): {
     weekStart: Date;
     weekEnd: Date;
 };
+export declare const getInitEdgeDate: (type: string) => {
+    min: number;
+    max: number;
+};

package/lib/calendar/utils.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getWeekStartAndEnd = exports.getCurrentIndex = exports.getYears = exports.getMonths = exports.getMonthEndDay = exports.copyDates = exports.calcDateNum = exports.getToday = exports.getNextDay = exports.getPrevDay = exports.getDayByOffset = exports.compareDay = exports.compareMonth = exports.formatMonthTitle = exports.ROW_HEIGHT = void 0;
+exports.getInitEdgeDate = exports.getWeekStartAndEnd = exports.getCurrentIndex = exports.getYears = exports.getMonths = exports.getMonthEndDay = exports.copyDates = exports.calcDateNum = exports.getToday = exports.getNextDay = exports.getPrevDay = exports.getDayByOffset = exports.compareDay = exports.compareMonth = exports.formatMonthTitle = exports.ROW_HEIGHT = void 0;
 exports.ROW_HEIGHT = 34;
 function formatMonthTitle(date, formatter) {
     if (formatter === void 0) { formatter = 'YYYY-MM'; }
@@ -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;
@@ -147,3 +145,32 @@ function getWeekStartAndEnd(date) {
     };
 }
 exports.getWeekStartAndEnd = getWeekStartAndEnd;
+var getInitEdgeDate = function (type) {
+    var currentYear = new Date().getFullYear();
+    if (type === 'month') {
+        var minMonthDate = new Date(currentYear - 1, 1, 1).getTime();
+        var maxMonthDate = new Date(currentYear + 1, 12, 31).getTime();
+        return {
+            min: minMonthDate,
+            max: maxMonthDate,
+        };
+    }
+    if (type === 'year') {
+        var minMonthDate = new Date(currentYear - 10, 1, 1).getTime();
+        var maxMonthDate = new Date(currentYear + 10, 12, 31).getTime();
+        return {
+            min: minMonthDate,
+            max: maxMonthDate,
+        };
+    }
+    var initialMinDate = getToday().getTime();
+    var initialMaxDate = (function () {
+        var now = getToday();
+        return new Date(now.getFullYear(), now.getMonth() + 6, now.getDate()).getTime();
+    })();
+    return {
+        min: initialMinDate,
+        max: initialMaxDate,
+    };
+};
+exports.getInitEdgeDate = getInitEdgeDate;

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 {};