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

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

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

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

@@ -0,0 +1,100 @@
+// components/month-list.js
+import { getYears } from '../../utils';
+import { SmartComponent } from '../../../common/component';
+SmartComponent({
+    /**
+     * 组件的属性列表
+     */
+    props: {
+        date: {
+            type: null,
+            observer(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(newVal, oldVal) {
+                if (newVal !== oldVal) {
+                    this.getYearList();
+                }
+            },
+        },
+    },
+    /**
+     * 组件的初始数据
+     */
+    data: {
+        years: [],
+        currentYear: null,
+    },
+    created() {
+        this.getYearList();
+        this.calcYear();
+    },
+    /**
+     * 组件的方法列表
+     */
+    methods: {
+        calcYear() {
+            const date = new Date(this.data.date);
+            const cur = date.getFullYear();
+            this.setData({
+                currentYear: cur,
+            });
+        },
+        getYearList() {
+            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();
+            const end = new Date(cur + offset + 6, 11, 31).getTime();
+            const minStart = new Date(minDate).getTime();
+            const maxStart = new Date(maxDate).getTime();
+            const years = getYears(start, end);
+            const yearlist = years.map((date) => {
+                const yearVal = new Date(date).getFullYear();
+                const curTime = new Date(date).getTime();
+                const disabled = curTime <= minStart || curTime >= maxStart;
+                return {
+                    value: date,
+                    year: yearVal,
+                    text: yearFormatter.replace('YYYY', yearVal),
+                    type: disabled ? 'disabled' : '',
+                };
+            });
+            this.setData({
+                years: yearlist,
+            });
+        },
+        onClick(event) {
+            const { index } = event.currentTarget.dataset;
+            const item = this.data.years[index];
+            if (item.type !== 'disabled') {
+                this.$emit('click', item.value);
+                this.setData({
+                    date: item.value,
+                });
+            }
+        },
+    },
+});

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

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

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

@@ -1,7 +1,6 @@
 import { SmartComponent } from '../common/component';
-import { ROW_HEIGHT, getPrevDay, getNextDay, getToday, compareDay, copyDates, calcDateNum, formatMonthTitle, compareMonth, getMonths, getDayByOffset, } from './utils';
+import { ROW_HEIGHT, getPrevDay, getNextDay, getToday, compareDay, copyDates, calcDateNum, getMonths, getDayByOffset, getCurrentIndex, getWeekStartAndEnd, } from './utils';
 import Toast from '../toast/toast';
-import { requestAnimationFrame } from '../common/utils';
 const initialMinDate = getToday().getTime();
 const initialMaxDate = (() => {
     const now = getToday();
@@ -28,6 +27,21 @@ SmartComponent({
             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',
@@ -42,6 +56,10 @@ SmartComponent({
             type: String,
             value: '确定',
         },
+        mode: {
+            type: String,
+            value: 'day',
+        },
         rangePrompt: String,
         showRangePrompt: {
             type: Boolean,
@@ -131,7 +149,8 @@ SmartComponent({
         subtitle: '',
         currentDate: null,
         scrollIntoView: '',
-        visibleIndex: 0
+        visibleIndex: 0,
+        months: [],
     },
     watch: {
         minDate() {
@@ -142,9 +161,7 @@ SmartComponent({
         },
     },
     created() {
-        this.setData({
-            currentDate: this.getInitialDate(this.data.defaultDate),
-        });
+        this.initData();
     },
     mounted() {
         this.isMounted = true;
@@ -154,28 +171,75 @@ SmartComponent({
         }
     },
     methods: {
+        onPrev() {
+            const visibleIndex = this.data.visibleIndex - 1;
+            if (this.data.mode === 'year') {
+                this.setData({
+                    visibleIndex,
+                });
+                return;
+            }
+            if (this.data.mode === 'month') {
+                this.setData({
+                    visibleIndex,
+                });
+                return;
+            }
+            if (this.data.months[visibleIndex]) {
+                this.setData({
+                    visibleIndex,
+                });
+            }
+        },
+        onNext() {
+            const visibleIndex = this.data.visibleIndex + 1;
+            if (this.data.mode === 'year') {
+                this.setData({
+                    visibleIndex,
+                });
+                return;
+            }
+            if (this.data.mode === 'month') {
+                this.setData({
+                    visibleIndex,
+                });
+                return;
+            }
+            if (this.data.months[visibleIndex]) {
+                this.setData({
+                    visibleIndex,
+                });
+            }
+        },
         reset() {
             this.setData({ currentDate: this.getInitialDate(this.data.defaultDate) });
             this.scrollIntoView();
         },
+        initYearIdx(currentDate) {
+        },
+        initData() {
+            const currentDate = this.getInitialDate(this.data.defaultDate);
+            const months = getMonths(this.data.minDate, this.data.maxDate);
+            const visibleIndex = this.data.defaultDate
+                ? getCurrentIndex(currentDate, months)
+                : months.length - 1;
+            const isYear = this.data.mode === 'year';
+            const isMonth = this.data.mode === 'month';
+            const data = {
+                currentDate,
+                months,
+                visibleIndex: visibleIndex,
+            };
+            if (isYear || isMonth) {
+                // @ts-ignore
+                delete data.visibleIndex;
+            }
+            this.setData(data);
+        },
         initRect() {
             if (!this.isMounted)
                 return;
-            if (this.contentObserver != null) {
-                this.contentObserver.disconnect();
-            }
-            const contentObserver = this.createIntersectionObserver({
-                thresholds: [0, 0.1, 0.9, 1],
-                observeAll: true,
-            });
-            this.contentObserver = contentObserver;
-            contentObserver.relativeTo('.smart-calendar__body');
-            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.initData();
         },
         limitDateRange(date, minDate = null, maxDate = null) {
             minDate = minDate || this.data.minDate;
@@ -193,7 +257,7 @@ SmartComponent({
             if (!defaultDate)
                 return [];
             const now = getToday().getTime();
-            if (type === 'range') {
+            if (type === 'range' || type === 'week') {
                 if (!Array.isArray(defaultDate)) {
                     defaultDate = [];
                 }
@@ -218,25 +282,6 @@ SmartComponent({
         scrollIntoView() {
             if (!this.isMounted)
                 return;
-            requestAnimationFrame(() => {
-                const { currentDate, type, show, poppable, minDate, maxDate } = this.data;
-                if (!currentDate)
-                    return;
-                // @ts-ignore
-                const targetDate = type === 'single' ? currentDate : currentDate[0];
-                const displayed = show || !poppable;
-                if (!targetDate || !displayed) {
-                    return;
-                }
-                const months = getMonths(minDate, maxDate);
-                months.some((month, index) => {
-                    if (compareMonth(month, targetDate) === 0) {
-                        this.setData({ scrollIntoView: `month${index}`, visibleIndex: index });
-                        return true;
-                    }
-                    return false;
-                });
-            });
         },
         onOpen() {
             this.$emit('open');
@@ -256,7 +301,14 @@ SmartComponent({
             }
             let { date } = event.detail;
             const { type, currentDate, allowSameDay } = this.data;
-            if (type === 'range') {
+            if (type === 'week') {
+                const { weekStart, weekEnd } = getWeekStartAndEnd(date);
+                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
                 const [startDay, endDay] = currentDate;
                 if (startDay && !endDay) {
@@ -310,6 +362,13 @@ SmartComponent({
                 this.select(date, true);
             }
         },
+        onClickDate(event) {
+            if (this.data.readonly) {
+                return;
+            }
+            let date = event.detail;
+            this.select(date, true);
+        },
         unselect(dateArray) {
             const date = dateArray[0];
             if (date) {

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

@@ -1,10 +1,12 @@
-export const ROW_HEIGHT = 64;
+export const ROW_HEIGHT = 34;
 export function formatMonthTitle(date, formatter = 'YYYY-MM') {
     if (!(date instanceof Date)) {
         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,47 @@ export function getMonths(minDate, maxDate) {
     } while (compareMonth(cursor, maxDate) !== 1);
     return months;
 }
+export function getYears(minDate, maxDate) {
+    const years = [];
+    const cursor = new Date(minDate);
+    cursor.setDate(1);
+    do {
+        years.push(cursor.getTime());
+        cursor.setFullYear(cursor.getFullYear() + 1);
+    } while (compareMonth(cursor, maxDate) !== 1);
+    return years;
+}
+function findLastGreaterOrEqual(arr, n) {
+    let left = 0;
+    let right = arr.length - 1;
+    let result = -1; // 初始化为 -1，若无符合条件的元素返回 -1
+    while (left <= right) {
+        const mid = Math.floor((left + right) / 2);
+        if (arr[mid] <= n) {
+            result = mid; // 暂存满足条件的索引
+            left = mid + 1; // 继续向右搜索更大的满足条件的元素
+        }
+        else {
+            right = mid - 1;
+        }
+    }
+    return result;
+}
+export function getCurrentIndex(currentDate, months) {
+    if (Array.isArray(currentDate)) {
+        currentDate = currentDate[0];
+    }
+    return findLastGreaterOrEqual(months, currentDate);
+}
+export function getWeekStartAndEnd(date) {
+    const startOfWeek = new Date(date);
+    const dayOfWeek = startOfWeek.getDay();
+    const diffToMonday = (dayOfWeek + 6) % 7;
+    startOfWeek.setDate(startOfWeek.getDate() - diffToMonday);
+    const endOfWeek = new Date(startOfWeek);
+    endOfWeek.setDate(startOfWeek.getDate() + 6);
+    return {
+        weekStart: startOfWeek,
+        weekEnd: endOfWeek,
+    };
+}

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

@@ -25,7 +25,7 @@ SmartComponent({
         },
         iconSize: {
             type: null,
-            value: 20,
+            value: 24,
         },
     },
     data: {

package/dist/checkbox/index.wxml

@@ -13,8 +13,8 @@
     <slot wx:if="{{ useIconSlot }}" name="icon" />
     <smart-icon
       wx:else
-      name="{{icon}}"
-      size="0.8em"
+      name="{{ icon }}"
+      size="1em"
       color="{{ value ? '#fff' : 'none'}}"
       class="{{ utils.bem('checkbox__icon', [shape, { disabled: disabled || parentDisabled, checked: value }]) }}"
       style="{{ computed.iconStyle(checkedColor, value, disabled, parentDisabled, iconSize) }}"

package/dist/checkbox/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.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.wxss';.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/dist/config-provider/index.wxs

@@ -1,7 +1,6 @@
 /* eslint-disable */
 var object = require('../wxs/object.wxs');
 var style = require('../wxs/style.wxs');
-var utils = require('../wxs/utils.wxs');
 
 function kebabCase(word) {
   var newWord = word
@@ -17,12 +16,8 @@ function kebabCase(word) {
 function mapThemeVarsToCSSVars(themeVars) {
   var cssVars = {};
   object.keys(themeVars).forEach(function (key) {
-    if (utils.isAppThemeVar(key)) {
-      cssVars[key] = themeVars[key];
-    } else {
-      var cssVarsKey = '--' + kebabCase(key);
-      cssVars[cssVarsKey] = themeVars[key];
-    }
+    var cssVarsKey = '--' + kebabCase(key);
+    cssVars[cssVarsKey] = themeVars[key];
   });
 
   return style(cssVars);

package/dist/dropdown-item/index.css

@@ -1 +1 @@
-@import '../common/index.css';.smart-dropdown-item{left:0;overflow:hidden;position:fixed;right:0}.smart-dropdown-item__option{text-align:left}.smart-dropdown-item__option--active .smart-dropdown-item__icon,.smart-dropdown-item__option--active .smart-dropdown-item__title{color:var(--dropdown-menu-option-active-color,var(--app-M1,#3678e3))}.smart-dropdown-item--up{top:0}.smart-dropdown-item--down{bottom:0}.smart-dropdown-item__icon{display:block;line-height:inherit}
+@import '../common/index.css';.smart-dropdown-item{left:0;overflow:hidden;position:fixed;right:0}.smart-dropdown-item .smart-dropdown-item__title{font-size:var(--dropdown-menu-item-title-font-size,14px);font-weight:var(--dropdown-menu-item-title-font-weight,normal);line-height:var(--dropdown-menu-item-title-line-height,28px)}.smart-dropdown-item .smart-dropdown-item__icon{font-size:var(--dropdown-menu-item-icon-font-size,28px)}.smart-dropdown-item__option{--app-B6-N7:transparent;position:relative;text-align:left}.smart-dropdown-item__option:after{border-top:var(--dropdown-menu-item-line-width,1px) solid var(--dropdown-menu-item-line-color,rgba(0,0,0,.05));box-sizing:border-box;content:" ";left:0;pointer-events:none;position:absolute;right:0;top:0;transform-origin:center}.smart-dropdown-item__option--first:after{border-top:var(--dropdown-menu-item-line-width,1px) solid var(--dropdown-menu-item-first-line-color,rgba(0,0,0,.08))}.smart-dropdown-item__option--active .smart-dropdown-item__icon,.smart-dropdown-item__option--active .smart-dropdown-item__title{color:var(--dropdown-menu-option-active-color,var(--app-M1,#3678e3));font-weight:var(--dropdown-menu-item-title-active-font-weight,500)}.smart-dropdown-item__option--up:after{bottom:0;top:auto}.smart-dropdown-item--up{top:0}.smart-dropdown-item--down{bottom:0}.smart-dropdown-item__icon{display:block;line-height:inherit}

package/dist/dropdown-item/index.js

@@ -1,5 +1,6 @@
 import { useParent } from '../common/relation';
 import { SmartComponent } from '../common/component';
+import checkMarkIcon from '@tuya-miniapp/icons/dist/svg/Checkmark';
 SmartComponent({
     classes: ['item-title-class'],
     field: true,
@@ -36,12 +37,21 @@ SmartComponent({
         },
     },
     data: {
+        checkMarkIcon,
+        checkMarkIconColor: '',
         transition: true,
         showPopup: false,
         showWrapper: false,
         displayTitle: '',
         safeAreaTabBar: false,
     },
+    mounted() {
+        var _a;
+        // @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: {
         rerender() {
             wx.nextTick(() => {

package/dist/dropdown-item/index.wxml

@@ -25,7 +25,13 @@
       wx:for="{{ options }}"
       wx:key="value"
       data-option="{{ item }}"
-      class="{{ utils.bem('dropdown-item__option', { active: item.value === value } ) }}"
+      class="{{ utils.bem(
+        'dropdown-item__option', 
+        { 
+          active: item.value === value, 
+          first: direction === 'up' ? index ===  options.length-1 : !index, 
+          up: direction === 'up' 
+        } ) }}"
       clickable
       icon="{{ item.icon }}"
       bind:tap="onOptionTap"
@@ -39,12 +45,11 @@
       </view>
       <smart-icon
         wx:if="{{ item.value === value }}"
-        name="success"
+        name="{{ checkMarkIcon }}"
         class="smart-dropdown-item__icon"
-        color="{{ activeColor }}"
+        color="{{ activeColor || checkMarkIconColor }}"
       />
     </smart-cell>
-
     <slot />
   </smart-popup>
 </view>

package/dist/dropdown-item/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.smart-dropdown-item{left:0;overflow:hidden;position:fixed;right:0}.smart-dropdown-item__option{text-align:left}.smart-dropdown-item__option--active .smart-dropdown-item__icon,.smart-dropdown-item__option--active .smart-dropdown-item__title{color:var(--dropdown-menu-option-active-color,var(--app-M1,#3678e3))}.smart-dropdown-item--up{top:0}.smart-dropdown-item--down{bottom:0}.smart-dropdown-item__icon{display:block;line-height:inherit}
+@import '../common/index.wxss';.smart-dropdown-item{left:0;overflow:hidden;position:fixed;right:0}.smart-dropdown-item .smart-dropdown-item__title{font-size:var(--dropdown-menu-item-title-font-size,14px);font-weight:var(--dropdown-menu-item-title-font-weight,normal);line-height:var(--dropdown-menu-item-title-line-height,28px)}.smart-dropdown-item .smart-dropdown-item__icon{font-size:var(--dropdown-menu-item-icon-font-size,28px)}.smart-dropdown-item__option{--app-B6-N7:transparent;position:relative;text-align:left}.smart-dropdown-item__option:after{border-top:var(--dropdown-menu-item-line-width,1px) solid var(--dropdown-menu-item-line-color,rgba(0,0,0,.05));box-sizing:border-box;content:" ";left:0;pointer-events:none;position:absolute;right:0;top:0;transform-origin:center}.smart-dropdown-item__option--first:after{border-top:var(--dropdown-menu-item-line-width,1px) solid var(--dropdown-menu-item-first-line-color,rgba(0,0,0,.08))}.smart-dropdown-item__option--active .smart-dropdown-item__icon,.smart-dropdown-item__option--active .smart-dropdown-item__title{color:var(--dropdown-menu-option-active-color,var(--app-M1,#3678e3));font-weight:var(--dropdown-menu-item-title-active-font-weight,500)}.smart-dropdown-item__option--up:after{bottom:0;top:auto}.smart-dropdown-item--up{top:0}.smart-dropdown-item--down{bottom:0}.smart-dropdown-item__icon{display:block;line-height:inherit}

package/dist/dropdown-menu/index.css

@@ -1 +1 @@
-@import '../common/index.css';.smart-dropdown-menu{background-color:var(--dropdown-menu-background-color,var(--app-B3,#fff));box-shadow:var(--dropdown-menu-box-shadow,0 2px 12px var(--app-B6-N6,rgba(0,0,0,.2)));display:flex;height:var(--dropdown-menu-height,50px);-webkit-user-select:none;user-select:none}.smart-dropdown-menu__item{align-items:center;display:flex;flex:1;justify-content:center;min-width:0}.smart-dropdown-menu__item:active{opacity:.7}.smart-dropdown-menu__item--disabled:active{opacity:1}.smart-dropdown-menu__item--disabled .smart-dropdown-menu__title{color:var(--dropdown-menu-title-disabled-text-color,var(--app-B6-N4,rgba(0,0,0,.4)))}.smart-dropdown-menu__title{box-sizing:border-box;color:var(--dropdown-menu-title-text-color,var(--app-B6-N1,#000));font-size:var(--dropdown-menu-title-font-size,15px);line-height:var(--dropdown-menu-title-line-height,18px);max-width:100%;padding:var(--dropdown-menu-title-padding,0 24px 0 8px);position:relative}.smart-dropdown-menu__title:after{border-color:transparent transparent currentcolor currentcolor;border-style:solid;border-width:3px;content:"";margin-top:-5px;opacity:.8;position:absolute;right:11px;top:50%;transform:rotate(-45deg)}.smart-dropdown-menu__title--active{color:var(--dropdown-menu-title-active-text-color,var(--app-M1,#3678e3))}.smart-dropdown-menu__title--down:after{margin-top:-1px;transform:rotate(135deg)}
+@import '../common/index.css';.smart-dropdown-menu{background-color:var(--dropdown-menu-background-color,var(--app-B3,#fff));display:flex;height:var(--dropdown-menu-height,46px);-webkit-user-select:none;user-select:none}.smart-dropdown-menu__item{align-items:center;display:flex;flex:1;justify-content:center;min-width:0}.smart-dropdown-menu__item:active{opacity:.7}.smart-dropdown-menu__item--disabled:active{opacity:1}.smart-dropdown-menu__item--disabled .smart-dropdown-menu__title{color:var(--dropdown-menu-title-disabled-text-color,var(--app-B6-N4,rgba(0,0,0,.4)))}.smart-dropdown-menu__title{align-items:center;box-sizing:border-box;color:var(--dropdown-menu-title-text-color,var(--app-B6-N1,#000));display:flex;font-size:var(--dropdown-menu-title-font-size,14px);justify-content:center;line-height:var(--dropdown-menu-title-line-height,18px);max-width:100%;padding:var(--dropdown-menu-title-padding,0 24px 0 8px)}.smart-dropdown-menu__title__triangle{font-size:var(--dropdown-menu-title-triangle-size,12px);margin-left:var(--dropdown-menu-title-triangle-margin-left,4px);transform:translateY(10%);transition:all .2s}.smart-dropdown-menu__title__triangle--up{transform:rotate(180deg)}.smart-dropdown-menu__title--active{color:var(--dropdown-menu-title-active-text-color,var(--app-M1,#3678e3))}.smart-dropdown-menu__title--active .smart-dropdown-menu__title__triangle{transform:rotate(180deg);transform-origin:center}.smart-dropdown-menu__title--active .smart-dropdown-menu__title__triangle--up{transform:translateY(10%) rotate(1turn);transform-origin:center}