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

package/dist/action-sheet/index.js

@@ -54,10 +54,14 @@ SmartComponent({
     },
     mounted() {
         var _a;
+        const ty = wx;
         // @ts-ignore
-        const themeInfo = (_a = ty === null || ty === void 0 ? void 0 : ty.getThemeInfo()) !== null && _a !== void 0 ? _a : {};
-        const checkMarkIconColor = this.data.activeColor || themeInfo['--app-M1'] || '#3678E3';
-        this.setData({ checkMarkIconColor });
+        if (ty && typeof ty.getThemeInfo === 'function') {
+            // @ts-ignore
+            const themeInfo = (_a = ty === null || ty === void 0 ? void 0 : ty.getThemeInfo()) !== null && _a !== void 0 ? _a : {};
+            const checkMarkIconColor = this.data.activeColor || themeInfo['--app-M1'] || '#3678E3';
+            this.setData({ checkMarkIconColor });
+        }
     },
     methods: {
         onSelect(event) {

package/dist/battery/index.js

@@ -64,9 +64,11 @@ SmartComponent({
         },
         getBgColor() {
             const WX = wx;
-            const bgColor = WX.getThemeInfo();
-            if (bgColor && bgColor['--app-B1-N3']) {
-                return bgColor['--app-B1-N3'];
+            if (WX && typeof WX.getThemeInfo === 'function') {
+                const bgColor = WX === null || WX === void 0 ? void 0 : WX.getThemeInfo();
+                if (bgColor && bgColor['--app-B1-N3']) {
+                    return bgColor['--app-B1-N3'];
+                }
             }
             const d = wx.getSystemInfoSync();
             if (d && d.theme === 'light') {

package/dist/calendar/calendar.wxml

@@ -42,6 +42,7 @@
       allowSameDay="{{ allowSameDay }}"
       showMonthTitle="{{ index !== 0 || !showSubtitle }}"
       firstDayOfWeek="{{ firstDayOfWeek }}"
+      dayClassMap="{{ dayClassMap }}"
       bind:click="onClickDay"
     />
   </scroll-view>

package/dist/calendar/components/month/index.d.ts

@@ -3,4 +3,5 @@ export interface Day {
     type: string;
     text: number;
     bottomInfo?: string;
+    className?: string;
 }

package/dist/calendar/components/month/index.js

@@ -1,5 +1,5 @@
 import { SmartComponent } from '../../../common/component';
-import { getMonthEndDay, compareDay, getPrevDay, getNextDay, } from '../../utils';
+import { getMonthEndDay, compareDay, getPrevDay, getNextDay, formatDate, } from '../../utils';
 SmartComponent({
     props: {
         date: {
@@ -35,7 +35,11 @@ SmartComponent({
         },
         visible: {
             type: Boolean,
-            value: true
+            value: true,
+        },
+        dayClassMap: {
+            type: null,
+            observer: 'setDays',
         },
         subFormatter: String,
         rangeStart: String,
@@ -56,6 +60,7 @@ SmartComponent({
             }
         },
         setDays() {
+            var _a;
             const days = [];
             const startDate = new Date(this.data.date);
             const year = startDate.getFullYear();
@@ -70,6 +75,7 @@ SmartComponent({
                     text: day,
                     bottomInfo: this.getBottomInfo(type),
                 };
+                config.className = (_a = this.data.dayClassMap[formatDate(date)]) !== null && _a !== void 0 ? _a : '';
                 if (this.data.formatter) {
                     config = this.data.formatter(config);
                 }
@@ -152,7 +158,9 @@ SmartComponent({
                     return this.properties.rangeEnd || 'End';
                 }
                 if (type === 'start-end') {
-                    return (this.properties.rangeStart || 'Start') + '/' + (this.properties.rangeEnd || 'End');
+                    return ((this.properties.rangeStart || 'Start') +
+                        '/' +
+                        (this.properties.rangeEnd || 'End'));
                 }
             }
         },

package/dist/calendar/components/month/index.wxs

@@ -46,7 +46,7 @@ function getDayStyle(type, index, date, rowHeight, color, firstDayOfWeek) {
 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);
 }
 

package/dist/calendar/index.js

@@ -33,6 +33,10 @@ SmartComponent({
                 rangeEnd: 'End',
             },
         },
+        dayClassMap: {
+            type: Object,
+            value: {},
+        },
         formatter: null,
         confirmText: {
             type: String,
@@ -131,7 +135,7 @@ SmartComponent({
         subtitle: '',
         currentDate: null,
         scrollIntoView: '',
-        visibleIndex: 0
+        visibleIndex: 0,
     },
     watch: {
         minDate() {
@@ -173,7 +177,10 @@ SmartComponent({
             contentObserver.observe('.month', (res) => {
                 if (res.boundingClientRect.top <= res.relativeRect.top) {
                     // @ts-ignore
-                    this.setData({ subtitle: formatMonthTitle(res.dataset.date, this.properties.locale.subFormatter), visibleIndex: res.dataset.index });
+                    this.setData({
+                        subtitle: formatMonthTitle(res.dataset.date, this.properties.locale.subFormatter),
+                        visibleIndex: res.dataset.index,
+                    });
                 }
             });
         },
@@ -231,7 +238,10 @@ SmartComponent({
                 const months = getMonths(minDate, maxDate);
                 months.some((month, index) => {
                     if (compareMonth(month, targetDate) === 0) {
-                        this.setData({ scrollIntoView: `month${index}`, visibleIndex: index });
+                        this.setData({
+                            scrollIntoView: `month${index}`,
+                            visibleIndex: index,
+                        });
                         return true;
                     }
                     return false;

package/dist/calendar/index.wxs

@@ -37,6 +37,6 @@ function getVisible(visibleIndex, curIndex) {
 
 module.exports = {
   getMonths: getMonths,
-  getVisible,
+  getVisible: getVisible,
   getButtonDisabled: getButtonDisabled
 };

package/dist/calendar/utils.d.ts

@@ -10,3 +10,4 @@ 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 formatDate(date: any): string;

package/dist/calendar/utils.js

@@ -4,7 +4,9 @@ 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) {
@@ -83,3 +85,11 @@ export function getMonths(minDate, maxDate) {
     } while (compareMonth(cursor, maxDate) !== 1);
     return months;
 }
+export function formatDate(date) {
+    if (!date)
+        return '';
+    const year = date.getFullYear();
+    const month = String(date.getMonth() + 1).padStart(2, '0'); // 月份从0开始
+    const day = String(date.getDate()).padStart(2, '0');
+    return `${year}-${month}-${day}`;
+}

package/dist/wxs/is-app-theme-var.wxs

@@ -2,7 +2,7 @@
  * 是否为 App 主题变量
  */
 function isAppThemeVar(key) {
-  return key.startsWith('--app');
+  return key.indexOf('--app') === 0;
 }
 
 module.exports = isAppThemeVar;

package/lib/action-sheet/index.js

@@ -59,10 +59,14 @@ var button_1 = require("../mixins/button");
     },
     mounted: function () {
         var _a;
+        var ty = wx;
         // @ts-ignore
-        var themeInfo = (_a = ty === null || ty === void 0 ? void 0 : ty.getThemeInfo()) !== null && _a !== void 0 ? _a : {};
-        var checkMarkIconColor = this.data.activeColor || themeInfo['--app-M1'] || '#3678E3';
-        this.setData({ checkMarkIconColor: checkMarkIconColor });
+        if (ty && typeof ty.getThemeInfo === 'function') {
+            // @ts-ignore
+            var themeInfo = (_a = ty === null || ty === void 0 ? void 0 : ty.getThemeInfo()) !== null && _a !== void 0 ? _a : {};
+            var checkMarkIconColor = this.data.activeColor || themeInfo['--app-M1'] || '#3678E3';
+            this.setData({ checkMarkIconColor: checkMarkIconColor });
+        }
     },
     methods: {
         onSelect: function (event) {

package/lib/battery/index.js

@@ -59,9 +59,11 @@ var wrapBatteryD = 'M6.5,0 C6.77614237,-5.07265313e-17 7,0.223857625 7,0.5 L7,1
         },
         getBgColor: function () {
             var WX = wx;
-            var bgColor = WX.getThemeInfo();
-            if (bgColor && bgColor['--app-B1-N3']) {
-                return bgColor['--app-B1-N3'];
+            if (WX && typeof WX.getThemeInfo === 'function') {
+                var bgColor = WX === null || WX === void 0 ? void 0 : WX.getThemeInfo();
+                if (bgColor && bgColor['--app-B1-N3']) {
+                    return bgColor['--app-B1-N3'];
+                }
             }
             var d = wx.getSystemInfoSync();
             if (d && d.theme === 'light') {

package/lib/calendar/calendar.wxml

@@ -42,6 +42,7 @@
       allowSameDay="{{ allowSameDay }}"
       showMonthTitle="{{ index !== 0 || !showSubtitle }}"
       firstDayOfWeek="{{ firstDayOfWeek }}"
+      dayClassMap="{{ dayClassMap }}"
       bind:click="onClickDay"
     />
   </scroll-view>

package/lib/calendar/components/month/index.d.ts

@@ -3,4 +3,5 @@ export interface Day {
     type: string;
     text: number;
     bottomInfo?: string;
+    className?: string;
 }

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

@@ -37,7 +37,11 @@ var utils_1 = require("../../utils");
         },
         visible: {
             type: Boolean,
-            value: true
+            value: true,
+        },
+        dayClassMap: {
+            type: null,
+            observer: 'setDays',
         },
         subFormatter: String,
         rangeStart: String,
@@ -58,6 +62,7 @@ var utils_1 = require("../../utils");
             }
         },
         setDays: function () {
+            var _a;
             var days = [];
             var startDate = new Date(this.data.date);
             var year = startDate.getFullYear();
@@ -72,6 +77,7 @@ var utils_1 = require("../../utils");
                     text: day,
                     bottomInfo: this.getBottomInfo(type),
                 };
+                config.className = (_a = this.data.dayClassMap[(0, utils_1.formatDate)(date)]) !== null && _a !== void 0 ? _a : '';
                 if (this.data.formatter) {
                     config = this.data.formatter(config);
                 }
@@ -156,7 +162,9 @@ var utils_1 = require("../../utils");
                     return this.properties.rangeEnd || 'End';
                 }
                 if (type === 'start-end') {
-                    return (this.properties.rangeStart || 'Start') + '/' + (this.properties.rangeEnd || 'End');
+                    return ((this.properties.rangeStart || 'Start') +
+                        '/' +
+                        (this.properties.rangeEnd || 'End'));
                 }
             }
         },

package/lib/calendar/components/month/index.wxs

@@ -46,7 +46,7 @@ function getDayStyle(type, index, date, rowHeight, color, firstDayOfWeek) {
 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);
 }
 

package/lib/calendar/index.js

@@ -49,6 +49,10 @@ var getTime = function (date) {
                 rangeEnd: 'End',
             },
         },
+        dayClassMap: {
+            type: Object,
+            value: {},
+        },
         formatter: null,
         confirmText: {
             type: String,
@@ -147,7 +151,7 @@ var getTime = function (date) {
         subtitle: '',
         currentDate: null,
         scrollIntoView: '',
-        visibleIndex: 0
+        visibleIndex: 0,
     },
     watch: {
         minDate: function () {
@@ -190,7 +194,10 @@ var getTime = function (date) {
             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.setData({
+                        subtitle: (0, utils_1.formatMonthTitle)(res.dataset.date, _this.properties.locale.subFormatter),
+                        visibleIndex: res.dataset.index,
+                    });
                 }
             });
         },
@@ -253,7 +260,10 @@ var getTime = function (date) {
                 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 });
+                        _this.setData({
+                            scrollIntoView: "month".concat(index),
+                            visibleIndex: index,
+                        });
                         return true;
                     }
                     return false;

package/lib/calendar/index.wxs

@@ -37,6 +37,6 @@ function getVisible(visibleIndex, curIndex) {
 
 module.exports = {
   getMonths: getMonths,
-  getVisible,
+  getVisible: getVisible,
   getButtonDisabled: getButtonDisabled
 };

package/lib/calendar/utils.d.ts

@@ -10,3 +10,4 @@ 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 formatDate(date: any): string;

package/lib/calendar/utils.js

@@ -1,6 +1,6 @@
 "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.formatDate = 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;
 function formatMonthTitle(date, formatter) {
     if (formatter === void 0) { formatter = 'YYYY-MM'; }
@@ -8,7 +8,9 @@ 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;
@@ -98,3 +100,12 @@ function getMonths(minDate, maxDate) {
     return months;
 }
 exports.getMonths = getMonths;
+function formatDate(date) {
+    if (!date)
+        return '';
+    var year = date.getFullYear();
+    var month = String(date.getMonth() + 1).padStart(2, '0'); // 月份从0开始
+    var day = String(date.getDate()).padStart(2, '0');
+    return "".concat(year, "-").concat(month, "-").concat(day);
+}
+exports.formatDate = formatDate;

package/lib/wxs/is-app-theme-var.wxs

@@ -2,7 +2,7 @@
  * 是否为 App 主题变量
  */
 function isAppThemeVar(key) {
-  return key.startsWith('--app');
+  return key.indexOf('--app') === 0;
 }
 
 module.exports = isAppThemeVar;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tuya-miniapp/smart-ui",
-  "version": "1.3.0-beta-1",
+  "version": "1.3.0-beta-2",
   "author": "MiniApp Team",
   "license": "MIT",
   "miniprogram": "lib",