@tuya-miniapp/smart-ui 1.3.0-beta-1 → 1.3.1-beta-1

package/lib/calendar/components/month-list/index.js

@@ -0,0 +1,114 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+// components/month-list.js
+var utils_1 = require("../../utils");
+var component_1 = require("../../../common/component");
+(0, component_1.SmartComponent)({
+    /**
+     * 组件的属性列表
+     */
+    props: {
+        date: {
+            type: null,
+            observer: function (newVal, oldVal) {
+                if (newVal !== oldVal) {
+                    this.calcMonth();
+                }
+            },
+        },
+        minDate: {
+            type: null,
+            value: new Date(new Date().getFullYear(), 0, 1).getTime(),
+        },
+        maxDate: {
+            type: null,
+            value: new Date(new Date().getFullYear(), 11, 31).getTime(),
+        },
+        currentYear: {
+            type: null,
+            value: new Date().getFullYear(),
+        },
+        visibleIndex: {
+            type: Number,
+            value: 0,
+            observer: function (newVal, oldVal) {
+                if (newVal !== oldVal) {
+                    this.getMonthList();
+                }
+            },
+        },
+        monthsFormatter: {
+            type: null,
+            value: [
+                'Jan',
+                'Feb',
+                'Mar',
+                'Apr',
+                'May',
+                'Jun',
+                'Jul',
+                'Aug',
+                'Sept',
+                'Oct',
+                'Nov',
+                'Dec',
+            ],
+        },
+    },
+    /**
+     * 组件的初始数据
+     */
+    data: {
+        months: [],
+        currentMonth: null,
+    },
+    created: function () {
+        this.getMonthList();
+        this.calcMonth();
+    },
+    /**
+     * 组件的方法列表
+     */
+    methods: {
+        calcMonth: function () {
+            var date = new Date(this.data.date);
+            var cur = date.getMonth();
+            this.setData({
+                currentMonth: cur,
+            });
+        },
+        getMonthList: function () {
+            var _a = this.data, minDate = _a.minDate, maxDate = _a.maxDate, visibleIndex = _a.visibleIndex, _b = _a.monthsFormatter, monthsFormatter = _b === void 0 ? [] : _b;
+            var cur = new Date().getFullYear() + visibleIndex;
+            var start = new Date(cur, 0, 1).getTime();
+            var end = new Date(cur, 11, 31).getTime();
+            var minDateTime = new Date(minDate).getTime();
+            var maxDateTime = new Date(maxDate).getTime();
+            var months = (0, utils_1.getMonths)(start, end);
+            var monthlist = months.map(function (date) {
+                var monthVal = new Date(date).getMonth();
+                var time = new Date(date).getTime();
+                var isDisabled = time < minDateTime || time > maxDateTime;
+                return {
+                    value: date,
+                    month: monthVal,
+                    text: monthsFormatter[monthVal] || monthVal + 1,
+                    type: isDisabled ? 'disabled' : '',
+                };
+            });
+            this.setData({
+                months: monthlist,
+            });
+        },
+        onClick: function (event) {
+            var index = event.currentTarget.dataset.index;
+            var item = this.data.months[index];
+            if (item.type !== 'disabled') {
+                this.$emit('click', item.value);
+                this.setData({
+                    date: item.value,
+                });
+            }
+        },
+    },
+});

package/lib/calendar/components/month-list/index.json

@@ -0,0 +1,7 @@
+{
+  "component": true,
+  "usingComponents": {
+    "smart-row": "../../../row/index",
+    "smart-col": "../../../col/index"
+  }
+}

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

@@ -0,0 +1,9 @@
+<view class="contain">
+  <smart-row>
+    <smart-col wx:for="{{months}}" span="6">
+      <view class="item {{ currentMonth === item.month ? 'item_active' : '' }} {{ item.type === 'disabled' ? 'item_disabled' : '' }}" data-index="{{index}}" bindtap="onClick">
+        {{item.text}}
+      </view>
+    </smart-col>
+  </smart-row>
+</view>

package/lib/calendar/components/month-list/index.wxss

@@ -0,0 +1 @@
+@import '../../../common/index.wxss';.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}

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

@@ -0,0 +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}

package/lib/calendar/components/year-list/index.d.ts

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

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

@@ -0,0 +1,102 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+// components/month-list.js
+var utils_1 = require("../../utils");
+var component_1 = require("../../../common/component");
+(0, component_1.SmartComponent)({
+    /**
+     * 组件的属性列表
+     */
+    props: {
+        date: {
+            type: null,
+            observer: function (newVal, oldVal) {
+                if (newVal !== oldVal) {
+                    this.calcYear();
+                }
+            },
+        },
+        minDate: {
+            type: null,
+            value: new Date(new Date().getFullYear() - 30, 0, 1).getTime(),
+        },
+        maxDate: {
+            type: null,
+            value: new Date(new Date().getFullYear() + 30, 11, 31).getTime(),
+        },
+        currentYear: {
+            type: null,
+            value: new Date().getFullYear(),
+        },
+        yearFormatter: {
+            type: null,
+            value: 'YYYY',
+        },
+        visibleIndex: {
+            type: Number,
+            value: 0,
+            observer: function (newVal, oldVal) {
+                if (newVal !== oldVal) {
+                    this.getYearList();
+                }
+            },
+        },
+    },
+    /**
+     * 组件的初始数据
+     */
+    data: {
+        years: [],
+        currentYear: null,
+    },
+    created: function () {
+        this.getYearList();
+        this.calcYear();
+    },
+    /**
+     * 组件的方法列表
+     */
+    methods: {
+        calcYear: function () {
+            var date = new Date(this.data.date);
+            var cur = date.getFullYear();
+            this.setData({
+                currentYear: cur,
+            });
+        },
+        getYearList: function () {
+            var _a = this.data, minDate = _a.minDate, maxDate = _a.maxDate, _b = _a.yearFormatter, yearFormatter = _b === void 0 ? 'YYYY' : _b, visibleIndex = _a.visibleIndex, date = _a.date;
+            var cur = new Date(date).getFullYear();
+            var offset = visibleIndex * 12;
+            var start = new Date(cur + offset - 5, 0, 1).getTime();
+            var end = new Date(cur + offset + 6, 11, 31).getTime();
+            var minStart = new Date(minDate).getTime();
+            var maxStart = new Date(maxDate).getTime();
+            var years = (0, utils_1.getYears)(start, end);
+            var yearlist = years.map(function (date) {
+                var yearVal = new Date(date).getFullYear();
+                var curTime = new Date(date).getTime();
+                var disabled = curTime <= minStart || curTime >= maxStart;
+                return {
+                    value: date,
+                    year: yearVal,
+                    text: yearFormatter.replace('YYYY', yearVal),
+                    type: disabled ? 'disabled' : '',
+                };
+            });
+            this.setData({
+                years: yearlist,
+            });
+        },
+        onClick: function (event) {
+            var index = event.currentTarget.dataset.index;
+            var item = this.data.years[index];
+            if (item.type !== 'disabled') {
+                this.$emit('click', item.value);
+                this.setData({
+                    date: item.value,
+                });
+            }
+        },
+    },
+});

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

@@ -0,0 +1,7 @@
+{
+  "component": true,
+  "usingComponents": {
+    "smart-row": "../../../row/index",
+    "smart-col": "../../../col/index"
+  }
+}

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

@@ -0,0 +1,9 @@
+<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">
+        {{item.text}}
+      </view>
+    </smart-col>
+  </smart-row>
+</view>

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

@@ -0,0 +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}

package/lib/calendar/index.css

@@ -1 +1 @@
-@import '../common/index.css';.smart-calendar{background-color:var(--calendar-background-color,var(--app-B6,#fff));color:var(--calendar-text-color,#000);display:flex;flex-direction:column;height:var(--calendar-height,100%)}.smart-calendar__close-icon{top:11px}.smart-calendar__popup--bottom,.smart-calendar__popup--top{height:var(--calendar-popup-height,90%)}.smart-calendar__popup--left,.smart-calendar__popup--right{height:100%}.smart-calendar__body{-webkit-overflow-scrolling:touch;flex:1;overflow:auto}.smart-calendar__footer{flex-shrink:0;padding:0 var(--padding-md,16px)}.smart-calendar__footer--safe-area-inset-bottom{padding-bottom:env(safe-area-inset-bottom)}.smart-calendar__footer+.smart-calendar__footer,.smart-calendar__footer:empty{display:none}.smart-calendar__footer:empty+.smart-calendar__footer{display:block!important}.smart-calendar__confirm{height:var(--calendar-confirm-button-height,36px)!important;line-height:var(--calendar-confirm-button-line-height,34px)!important;margin:var(--calendar-confirm-button-margin,7px 0)!important}
+@import '../common/index.css';.smart-calendar{background-color:var(--calendar-background-color,var(--app-B6,#fff));color:var(--calendar-text-color,#000);display:flex;flex-direction:column;height:auto}.smart-calendar__close-icon{top:11px}.smart-calendar__popup--bottom,.smart-calendar__popup--top{height:848rpx}.smart-calendar__popup--left,.smart-calendar__popup--right{height:100%}.smart-calendar-month{margin-top:44rpx}.smart-calendar__body{-webkit-overflow-scrolling:touch;flex:1;overflow:auto}.smart-calendar__footer{flex-shrink:0;padding:0 var(--padding-md,16px)}.smart-calendar__footer--safe-area-inset-bottom{padding-bottom:env(safe-area-inset-bottom)}.smart-calendar__footer+.smart-calendar__footer,.smart-calendar__footer:empty{display:none}.smart-calendar__footer:empty+.smart-calendar__footer{display:block!important}

package/lib/calendar/index.js

@@ -15,7 +15,6 @@ 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 utils_2 = require("../common/utils");
 var initialMinDate = (0, utils_1.getToday)().getTime();
 var initialMaxDate = (function () {
     var now = (0, utils_1.getToday)();
@@ -44,6 +43,21 @@ var getTime = function (date) {
             type: Object,
             value: {
                 shortWeekDays: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
+                monthsFormatter: [
+                    'Jan',
+                    'Feb',
+                    'Mar',
+                    'Apr',
+                    'May',
+                    'Jun',
+                    'Jul',
+                    'Aug',
+                    'Sept',
+                    'Oct',
+                    'Nov',
+                    'Dec',
+                ],
+                yearFormatter: 'YYYY',
                 subFormatter: 'YYYY-MM',
                 rangeStart: 'Start',
                 rangeEnd: 'End',
@@ -58,6 +72,10 @@ var getTime = function (date) {
             type: String,
             value: '确定',
         },
+        mode: {
+            type: String,
+            value: 'day',
+        },
         rangePrompt: String,
         showRangePrompt: {
             type: Boolean,
@@ -147,7 +165,8 @@ var getTime = function (date) {
         subtitle: '',
         currentDate: null,
         scrollIntoView: '',
-        visibleIndex: 0
+        visibleIndex: 0,
+        months: [],
     },
     watch: {
         minDate: function () {
@@ -158,9 +177,7 @@ var getTime = function (date) {
         },
     },
     created: function () {
-        this.setData({
-            currentDate: this.getInitialDate(this.data.defaultDate),
-        });
+        this.initData();
     },
     mounted: function () {
         this.isMounted = true;
@@ -170,29 +187,75 @@ var getTime = function (date) {
         }
     },
     methods: {
+        onPrev: function () {
+            var visibleIndex = this.data.visibleIndex - 1;
+            if (this.data.mode === 'year') {
+                this.setData({
+                    visibleIndex: visibleIndex,
+                });
+                return;
+            }
+            if (this.data.mode === 'month') {
+                this.setData({
+                    visibleIndex: visibleIndex,
+                });
+                return;
+            }
+            if (this.data.months[visibleIndex]) {
+                this.setData({
+                    visibleIndex: visibleIndex,
+                });
+            }
+        },
+        onNext: function () {
+            var visibleIndex = this.data.visibleIndex + 1;
+            if (this.data.mode === 'year') {
+                this.setData({
+                    visibleIndex: visibleIndex,
+                });
+                return;
+            }
+            if (this.data.mode === 'month') {
+                this.setData({
+                    visibleIndex: visibleIndex,
+                });
+                return;
+            }
+            if (this.data.months[visibleIndex]) {
+                this.setData({
+                    visibleIndex: visibleIndex,
+                });
+            }
+        },
         reset: function () {
             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 data = {
+                currentDate: currentDate,
+                months: months,
+                visibleIndex: visibleIndex,
+            };
+            if (isYear || isMonth) {
+                // @ts-ignore
+                delete data.visibleIndex;
+            }
+            this.setData(data);
+        },
         initRect: function () {
-            var _this = this;
             if (!this.isMounted)
                 return;
-            if (this.contentObserver != null) {
-                this.contentObserver.disconnect();
-            }
-            var contentObserver = this.createIntersectionObserver({
-                thresholds: [0, 0.1, 0.9, 1],
-                observeAll: true,
-            });
-            this.contentObserver = contentObserver;
-            contentObserver.relativeTo('.smart-calendar__body');
-            contentObserver.observe('.month', function (res) {
-                if (res.boundingClientRect.top <= res.relativeRect.top) {
-                    // @ts-ignore
-                    _this.setData({ subtitle: (0, utils_1.formatMonthTitle)(res.dataset.date, _this.properties.locale.subFormatter), visibleIndex: res.dataset.index });
-                }
-            });
+            this.initData();
         },
         limitDateRange: function (date, minDate, maxDate) {
             if (minDate === void 0) { minDate = null; }
@@ -214,7 +277,7 @@ var getTime = function (date) {
             if (!defaultDate)
                 return [];
             var now = (0, utils_1.getToday)().getTime();
-            if (type === 'range') {
+            if (type === 'range' || type === 'week') {
                 if (!Array.isArray(defaultDate)) {
                     defaultDate = [];
                 }
@@ -237,28 +300,8 @@ var getTime = function (date) {
             return this.limitDateRange(defaultDate);
         },
         scrollIntoView: function () {
-            var _this = this;
             if (!this.isMounted)
                 return;
-            (0, utils_2.requestAnimationFrame)(function () {
-                var _a = _this.data, currentDate = _a.currentDate, type = _a.type, show = _a.show, poppable = _a.poppable, minDate = _a.minDate, maxDate = _a.maxDate;
-                if (!currentDate)
-                    return;
-                // @ts-ignore
-                var targetDate = type === 'single' ? currentDate : currentDate[0];
-                var displayed = show || !poppable;
-                if (!targetDate || !displayed) {
-                    return;
-                }
-                var months = (0, utils_1.getMonths)(minDate, maxDate);
-                months.some(function (month, index) {
-                    if ((0, utils_1.compareMonth)(month, targetDate) === 0) {
-                        _this.setData({ scrollIntoView: "month".concat(index), visibleIndex: index });
-                        return true;
-                    }
-                    return false;
-                });
-            });
         },
         onOpen: function () {
             this.$emit('open');
@@ -278,7 +321,14 @@ var getTime = function (date) {
             }
             var date = event.detail.date;
             var _a = this.data, type = _a.type, currentDate = _a.currentDate, allowSameDay = _a.allowSameDay;
-            if (type === 'range') {
+            if (type === 'week') {
+                var _b = (0, utils_1.getWeekStartAndEnd)(date), weekStart = _b.weekStart, weekEnd = _b.weekEnd;
+                this.select([
+                    Math.max(getTime(weekStart), getTime(this.data.minDate)),
+                    Math.min(getTime(weekEnd), getTime(this.data.maxDate)),
+                ], true);
+            }
+            else if (type === 'range') {
                 // @ts-ignore
                 var startDay_1 = currentDate[0], endDay = currentDate[1];
                 if (startDay_1 && !endDay) {
@@ -332,6 +382,13 @@ var getTime = function (date) {
                 this.select(date, true);
             }
         },
+        onClickDate: function (event) {
+            if (this.data.readonly) {
+                return;
+            }
+            var date = event.detail;
+            this.select(date, true);
+        },
         unselect: function (dateArray) {
             var date = dateArray[0];
             if (date) {

package/lib/calendar/index.json

@@ -3,8 +3,10 @@
   "usingComponents": {
     "header": "./components/header/index",
     "month": "./components/month/index",
+    "month-list": "./components/month-list/index",
+    "year-list": "./components/year-list/index",
     "smart-button": "../button/index",
     "smart-popup": "../popup/index",
     "smart-toast": "../toast/index"
   }
-}
+}

package/lib/calendar/index.wxml

@@ -10,7 +10,7 @@
   show="{{ show }}"
   round="{{ round }}"
   position="{{ position }}"
-  closeable="{{ showTitle || showSubtitle }}"
+  closeable="{{false}}"
   close-on-click-overlay="{{ closeOnClickOverlay }}"
   safe-area-inset-bottom="{{ safeAreaInsetBottom }}"
   root-portal="{{ rootPortal }}"

package/lib/calendar/index.wxs

@@ -32,11 +32,29 @@ function getButtonDisabled(type, currentDate, minRange) {
 }
 
 function getVisible(visibleIndex, curIndex) {
-  return Math.abs(visibleIndex - curIndex) < 2;
+  return 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 + '';
+  return formatter.replace('YYYY', year + '').replace('MM', month);
+}
+
+function formatYearTitle(date, offset, formatter = 'YYYY') {
+  date = getDate(date);
+  const year = date.getFullYear() + offset;
+  return formatter.replace('YYYY', year + '');
 }
 
 module.exports = {
   getMonths: getMonths,
   getVisible,
-  getButtonDisabled: getButtonDisabled
+  getButtonDisabled: getButtonDisabled,
+  formatMonthTitle,
+  formatYearTitle,
 };

package/lib/calendar/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.smart-calendar{background-color:var(--calendar-background-color,var(--app-B6,#fff));color:var(--calendar-text-color,#000);display:flex;flex-direction:column;height:var(--calendar-height,100%)}.smart-calendar__close-icon{top:11px}.smart-calendar__popup--bottom,.smart-calendar__popup--top{height:var(--calendar-popup-height,90%)}.smart-calendar__popup--left,.smart-calendar__popup--right{height:100%}.smart-calendar__body{-webkit-overflow-scrolling:touch;flex:1;overflow:auto}.smart-calendar__footer{flex-shrink:0;padding:0 var(--padding-md,16px)}.smart-calendar__footer--safe-area-inset-bottom{padding-bottom:env(safe-area-inset-bottom)}.smart-calendar__footer+.smart-calendar__footer,.smart-calendar__footer:empty{display:none}.smart-calendar__footer:empty+.smart-calendar__footer{display:block!important}.smart-calendar__confirm{height:var(--calendar-confirm-button-height,36px)!important;line-height:var(--calendar-confirm-button-line-height,34px)!important;margin:var(--calendar-confirm-button-margin,7px 0)!important}
+@import '../common/index.wxss';.smart-calendar{background-color:var(--calendar-background-color,var(--app-B6,#fff));color:var(--calendar-text-color,#000);display:flex;flex-direction:column;height:auto}.smart-calendar__close-icon{top:11px}.smart-calendar__popup--bottom,.smart-calendar__popup--top{height:848rpx}.smart-calendar__popup--left,.smart-calendar__popup--right{height:100%}.smart-calendar-month{margin-top:44rpx}.smart-calendar__body{-webkit-overflow-scrolling:touch;flex:1;overflow:auto}.smart-calendar__footer{flex-shrink:0;padding:0 var(--padding-md,16px)}.smart-calendar__footer--safe-area-inset-bottom{padding-bottom:env(safe-area-inset-bottom)}.smart-calendar__footer+.smart-calendar__footer,.smart-calendar__footer:empty{display:none}.smart-calendar__footer:empty+.smart-calendar__footer{display:block!important}

package/lib/calendar/utils.d.ts

@@ -1,4 +1,4 @@
-export declare const ROW_HEIGHT = 64;
+export declare const ROW_HEIGHT = 34;
 export declare function formatMonthTitle(date: Date, formatter?: string): string;
 export declare function compareMonth(date1: Date | number, date2: Date | number): 0 | 1 | -1;
 export declare function compareDay(day1: Date | number, day2: Date | number): 0 | 1 | -1;
@@ -10,3 +10,9 @@ export declare function calcDateNum(date: [Date, Date]): number;
 export declare function copyDates(dates: Date | Date[]): Date | Date[];
 export declare function getMonthEndDay(year: number, month: number): number;
 export declare function getMonths(minDate: number, maxDate: number): number[];
+export declare function getYears(minDate: number, maxDate: number): number[];
+export declare function getCurrentIndex(currentDate: any, months: any): number;
+export declare function getWeekStartAndEnd(date: Date): {
+    weekStart: Date;
+    weekEnd: Date;
+};

package/lib/calendar/utils.js

@@ -1,14 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-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 = 64;
+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'; }
     if (!(date instanceof Date)) {
         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;
@@ -98,3 +100,50 @@ function getMonths(minDate, maxDate) {
     return months;
 }
 exports.getMonths = getMonths;
+function getYears(minDate, maxDate) {
+    var years = [];
+    var cursor = new Date(minDate);
+    cursor.setDate(1);
+    do {
+        years.push(cursor.getTime());
+        cursor.setFullYear(cursor.getFullYear() + 1);
+    } while (compareMonth(cursor, maxDate) !== 1);
+    return years;
+}
+exports.getYears = getYears;
+function findLastGreaterOrEqual(arr, n) {
+    var left = 0;
+    var right = arr.length - 1;
+    var result = -1; // 初始化为 -1，若无符合条件的元素返回 -1
+    while (left <= right) {
+        var mid = Math.floor((left + right) / 2);
+        if (arr[mid] <= n) {
+            result = mid; // 暂存满足条件的索引
+            left = mid + 1; // 继续向右搜索更大的满足条件的元素
+        }
+        else {
+            right = mid - 1;
+        }
+    }
+    return result;
+}
+function getCurrentIndex(currentDate, months) {
+    if (Array.isArray(currentDate)) {
+        currentDate = currentDate[0];
+    }
+    return findLastGreaterOrEqual(months, currentDate);
+}
+exports.getCurrentIndex = getCurrentIndex;
+function getWeekStartAndEnd(date) {
+    var startOfWeek = new Date(date);
+    var dayOfWeek = startOfWeek.getDay();
+    var diffToMonday = (dayOfWeek + 6) % 7;
+    startOfWeek.setDate(startOfWeek.getDate() - diffToMonday);
+    var endOfWeek = new Date(startOfWeek);
+    endOfWeek.setDate(startOfWeek.getDate() + 6);
+    return {
+        weekStart: startOfWeek,
+        weekEnd: endOfWeek,
+    };
+}
+exports.getWeekStartAndEnd = getWeekStartAndEnd;

package/lib/checkbox/index.css

@@ -1 +1 @@
-@import '../common/index.css';.smart-checkbox{align-items:center;display:flex;overflow:hidden;-webkit-user-select:none;user-select:none}.smart-checkbox--horizontal{margin-right:12px}.smart-checkbox__icon-wrap,.smart-checkbox__label{line-height:var(--checkbox-size,20px)}.smart-checkbox__icon-wrap{flex:none}.smart-checkbox__icon{align-items:center;border:1px solid var(--checkbox-border-color,#c8c9cc);box-sizing:border-box;color:transparent;display:flex;font-size:var(--checkbox-size,20px);height:1em;justify-content:center;text-align:center;transition-duration:var(--checkbox-transition-duration,.2s);transition-property:color,border-color,background-color;width:1em}.smart-checkbox__icon--round{border-radius:100%}.smart-checkbox__icon--checked{background-color:var(--checkbox-checked-icon-color,#1989fa);border-color:var(--checkbox-checked-icon-color,#1989fa);color:#fff}.smart-checkbox__icon--disabled{background-color:var(--checkbox-disabled-background-color,var(--app-B6-N7,rgba(0,0,0,.1)));border-color:var(--checkbox-disabled-icon-color,var(--app-B6-N7,rgba(0,0,0,.1)))}.smart-checkbox__icon--disabled.smart-checkbox__icon--checked{color:var(--checkbox-disabled-icon-color,var(--app-B6-N7,rgba(0,0,0,.1)))}.smart-checkbox__label{word-wrap:break-word;color:var(--checkbox-label-color,var(--app-B6-N3,rgba(0,0,0,.5)));padding-left:var(--checkbox-label-margin,10px)}.smart-checkbox__label--left{float:left;margin:0 var(--checkbox-label-margin,10px) 0 0}.smart-checkbox__label--disabled{color:var(--checkbox-disabled-label-color,var(--app-B6-N7,rgba(0,0,0,.1)))}.smart-checkbox__label:empty{margin:0}
+@import '../common/index.css';.smart-checkbox{align-items:center;display:flex;overflow:hidden;-webkit-user-select:none;user-select:none}.smart-checkbox--horizontal{margin-right:12px}.smart-checkbox__icon-wrap,.smart-checkbox__label{line-height:var(--checkbox-size,24px)}.smart-checkbox__icon-wrap{display:flex;flex:none}.smart-checkbox__icon{align-items:center;border:2px solid var(--checkbox-border-color,var(--app-B6-N6,rgba(0,0,0,.2)));border-radius:var(--checkbox-border-radius,4px);box-sizing:border-box;color:transparent;display:flex;font-size:var(--checkbox-size,24px);height:1em;justify-content:center;text-align:center;transition-duration:var(--checkbox-transition-duration,.2s);transition-property:color,border,background-color;width:1em}.smart-checkbox__icon--round{border-radius:100%}.smart-checkbox__icon--checked{background-color:var(--checkbox-checked-icon-color,var(--app-M4,#1989fa));border:none;color:#fff}.smart-checkbox__icon--disabled{opacity:.3}.smart-checkbox__label{word-wrap:break-word;color:var(--checkbox-label-color,var(--app-B6-N1,#000));font-size:var(--checkbox-label-size,12px);padding-left:var(--checkbox-label-margin,10px)}.smart-checkbox__label--left{float:left;margin:0 var(--checkbox-label-margin,10px) 0 0}.smart-checkbox__label--disabled{color:var(--checkbox-disabled-label-color,var(--app-B6-N1,#000))}.smart-checkbox__label:empty{margin:0}

package/lib/checkbox/index.js

@@ -30,7 +30,7 @@ function emit(target, value) {
         },
         iconSize: {
             type: null,
-            value: 20,
+            value: 24,
         },
     },
     data: {