@tuya-miniapp/smart-ui 2.7.2-beta-11 → 2.7.2-beta-12

package/dist/calendar/calendar.wxml

@@ -0,0 +1,84 @@
+<wxs src="./index.wxs" module="computed" />
+<wxs src="../wxs/utils.wxs" module="utils" />
+<view class="smart-calendar custom-class">
+  <header
+    title="{{ title }}"
+    showTitle="{{ showTitle }}"
+    subtitle="{{ type === 'year' ? '' : type === 'month' ? computed.formatYearTitle(originCurrentDateMonthly, visibleIndex, locale.yearFormatter) : computed.formatMonthTitle(months[visibleIndex], locale.subFormatter) }}"
+    subFormatter="{{locale.subFormatter || 'YYYY-MM'}}"
+    showSubtitle="{{ showSubtitle }}"
+    firstDayOfWeek="{{ firstDayOfWeek }}"
+    bind:click-subtitle="onClickSubtitle"
+    defaultWeeks="{{locale.shortWeekDays || ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']}}"
+    bind:click-prev="onPrev"
+    bind:click-next="onNext"
+    bind:click-save="onConfirm"
+    hideWeek="{{ type === 'year' || type === 'month' }}"
+    right-text="{{confirmText}}"
+    showConfirm="{{showConfirm}}"
+    iconColor="{{headerIconColor}}"
+  >
+    <slot name="title" slot="title"></slot>
+  </header>
+
+  <block wx:if="{{ type !== 'year' && type !== 'month' }}">
+    <block wx:for="{{ months }}" wx:key="index">
+      <month
+        id="month{{ index }}"
+        class="smart-calendar-month month"
+        wx:if="{{ computed.getVisible(visibleIndex, index) }}"
+        subFormatter="{{locale.subFormatter || 'YYYY-MM'}}"
+        rangeStart="{{locale.rangeStart || 'Start'}}"
+        rangeEnd="{{locale.rangeEnd || 'End'}}"
+        data-date="{{ item }}"
+        data-index="{{index}}"
+        date="{{ item }}"
+        type="{{ type }}"
+        color="{{ color }}"
+        minDate="{{ minDate }}"
+        maxDate="{{ maxDate }}"
+        showMark="{{ showMark }}"
+        formatter="{{ formatter }}"
+        rowHeight="{{ rowHeight }}"
+        currentDate="{{ currentDate }}"
+        showSubtitle="{{ showSubtitle }}"
+        allowSameDay="{{ allowSameDay }}"
+        showMonthTitle="{{ index !== 0 || !showSubtitle }}"
+        firstDayOfWeek="{{ firstDayOfWeek }}"
+        bind:click="onClickDay"
+        day-class-map="{{dayClassMap}}"
+      />
+    </block>
+  </block>
+  
+  <block wx:if="{{type === 'month'}}">
+    <month-list
+      minDate="{{ minDate }}"
+      maxDate="{{ maxDate }}"
+      monthsFormatter="{{ locale.monthsFormatter }}"
+      bind:click="onClickDate"
+      date="{{currentDate}}"
+      color="{{color}}"
+      readonly="{{readonly}}"
+      visibleIndex="{{visibleIndex}}"
+      bind:changemonthtitle="onChangeMonthTitleDate"
+    />
+  </block>
+
+  <block wx:if="{{type === 'year'}}">
+    <year-list 
+      minDate="{{ minDate }}"
+      maxDate="{{ maxDate }}"
+      yearFormatter="{{ locale.yearFormatter }}"
+      bind:click="onClickDate"
+      date="{{currentDate}}"
+      visibleIndex="{{visibleIndex}}"
+      color="{{color}}"
+      readonly="{{readonly}}"
+     />
+  </block>
+  <smart-toast wx:if="{{showRangePrompt}}" show="{{showToast}}">
+    <text wx:if="{{rangePrompt}}" style="text-align:center;">{{ rangePrompt }}</text>
+    <text style="text-align:center;" wx:else>Days selected over {{maxRange}} days</text>
+  </smart-toast>
+</view>

package/dist/calendar/index.css

@@ -0,0 +1 @@
+@import '../common/index.css';:root{--smart-ui-overlay:rgba(0,0,0,.4);--smart-ui-bottom-sheet-dragger-node-background:rgba(0,0,0,.3);--smart-ui-dialog-background:#fff;--smart-ui-border-image:linear-gradient(90deg,transparent,rgba(0,0,0,.3),transparent)}:root[theme=dark]{--smart-ui-bottom-sheet-dragger-node-background:hsla(0,0%,100%,.3);--smart-ui-overlay:rgba(0,0,0,.7);--smart-ui-dialog-background:#333;--smart-ui-border-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.3),hsla(0,0%,100%,0))}.smart-manrope{font-family:Manrope,sans-serif}.smart-calendar{--calendar-header-icon_color:var(--calendar-header-icon-color,var(--app-B1-N2,rgba(0,0,0,.7)));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:var(--calendar-popup-height,848rpx)}.smart-calendar__popup--left,.smart-calendar__popup--right{height:100%}.smart-calendar-month{margin-top:0rpx}.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.d.ts

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

package/dist/calendar/index.js

@@ -0,0 +1,448 @@
+import { SmartComponent } from '../common/component';
+import { getPrevDay, getNextDay, getToday, compareDay, copyDates, calcDateNum, getMonths, getDayByOffset, getCurrentIndex, getWeekStartAndEnd, getInitEdgeDate, } from '../calendar-utils/utils';
+const dateEdge = getInitEdgeDate('year');
+const getTime = (date) => (date instanceof Date ? date.getTime() : date);
+SmartComponent({
+    props: {
+        title: {
+            type: String,
+            value: 'Select Date',
+        },
+        color: String,
+        show: {
+            type: Boolean,
+            observer(val) {
+                if (val) {
+                    this.initRect();
+                    this.scrollIntoView();
+                }
+                else {
+                    this.setData({
+                        visibleIndex: 0,
+                    });
+                }
+            },
+        },
+        locale: {
+            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',
+            },
+        },
+        confirmText: {
+            type: String,
+            value: 'Confirm',
+        },
+        confirmDisabledText: {
+            type: String,
+            value: 'Confirm',
+        },
+        headerIconColor: {
+            type: String,
+            value: 'var(--calendar-header-icon_color)',
+        },
+        rangePrompt: String,
+        showRangePrompt: {
+            type: Boolean,
+            value: true,
+        },
+        defaultDate: {
+            type: null,
+            value: getToday().getTime(),
+            observer(val) {
+                this.setData({ currentDate: val });
+                this.scrollIntoView();
+            },
+        },
+        allowSameDay: Boolean,
+        type: {
+            type: String,
+            value: 'single',
+            observer: 'reset',
+        },
+        minDate: {
+            type: Number,
+            value: dateEdge.min,
+        },
+        maxDate: {
+            type: Number,
+            value: dateEdge.max,
+        },
+        position: {
+            type: String,
+            value: 'bottom',
+        },
+        rowHeight: {
+            type: null,
+        },
+        round: {
+            type: Boolean,
+            value: true,
+        },
+        poppable: {
+            type: Boolean,
+            value: false,
+        },
+        showMark: {
+            type: Boolean,
+            value: true,
+        },
+        showTitle: {
+            type: Boolean,
+            value: true,
+        },
+        showConfirm: {
+            type: Boolean,
+            value: false,
+        },
+        showSubtitle: {
+            type: Boolean,
+            value: true,
+        },
+        safeAreaInsetBottom: {
+            type: Boolean,
+            value: false,
+        },
+        closeOnClickOverlay: {
+            type: Boolean,
+            value: true,
+        },
+        maxRange: {
+            type: null,
+            value: null,
+        },
+        minRange: {
+            type: Number,
+            value: 1,
+        },
+        firstDayOfWeek: {
+            type: Number,
+            value: 0,
+        },
+        readonly: Boolean,
+        rootPortal: {
+            type: Boolean,
+            value: false,
+        },
+        dayClassMap: {
+            type: null,
+        },
+    },
+    data: {
+        subtitle: '',
+        currentDate: null,
+        originCurrentDateMonthly: null,
+        scrollIntoView: '',
+        visibleIndex: 0,
+        months: [],
+        showToast: false,
+    },
+    watch: {
+        minDate() {
+            this.initRect();
+        },
+        maxDate() {
+            this.initRect();
+        },
+    },
+    created() {
+        this.initData();
+    },
+    mounted() {
+        this.isMounted = true;
+        if (this.data.show || !this.data.poppable) {
+            this.initRect();
+            this.scrollIntoView();
+        }
+    },
+    methods: {
+        onPrev() {
+            const visibleIndex = this.data.visibleIndex - 1;
+            if (this.data.type === 'year') {
+                this.setData({
+                    visibleIndex,
+                });
+                return;
+            }
+            if (this.data.type === 'month') {
+                this.setData({
+                    visibleIndex,
+                });
+                return;
+            }
+            if (this.data.months[visibleIndex]) {
+                this.setData({
+                    visibleIndex,
+                });
+            }
+        },
+        onNext() {
+            const visibleIndex = this.data.visibleIndex + 1;
+            if (this.data.type === 'year') {
+                this.setData({
+                    visibleIndex,
+                });
+                return;
+            }
+            if (this.data.type === 'month') {
+                this.setData({
+                    visibleIndex,
+                });
+                return;
+            }
+            if (this.data.months[visibleIndex]) {
+                this.setData({
+                    visibleIndex,
+                });
+            }
+        },
+        reset() {
+            const currentDate = this.getInitialDate(this.data.defaultDate);
+            this.setData({ currentDate, visibleIndex: 0 });
+            this.scrollIntoView();
+        },
+        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.type === 'year';
+            const isMonth = this.data.type === 'month';
+            const data = {
+                currentDate,
+                // 初始化时记录一份，用于month列表展示头部
+                originCurrentDateMonthly: currentDate,
+                months,
+                visibleIndex: visibleIndex,
+            };
+            if (isYear || isMonth) {
+                // @ts-ignore
+                delete data.visibleIndex;
+            }
+            this.setData(data);
+        },
+        initRect() {
+            if (!this.isMounted)
+                return;
+            this.initData();
+        },
+        limitDateRange(date, minDate = null, maxDate = null) {
+            const { min, max } = getInitEdgeDate(this.data.type);
+            minDate = minDate || this.data.minDate || min;
+            maxDate = maxDate || this.data.maxDate || max;
+            if (compareDay(date, minDate) === -1) {
+                return minDate;
+            }
+            if (compareDay(date, maxDate) === 1) {
+                return maxDate;
+            }
+            return date;
+        },
+        getInitialDate(defaultDate = null) {
+            const { type, minDate, maxDate, allowSameDay } = this.data;
+            if (!defaultDate)
+                return [];
+            const now = getToday().getTime();
+            if (type === 'range' || type === 'week') {
+                if (!Array.isArray(defaultDate)) {
+                    defaultDate = [];
+                }
+                const [startDay, endDay] = defaultDate || [];
+                const startDate = getTime(startDay || now);
+                const start = this.limitDateRange(startDate, minDate, allowSameDay ? startDate : getPrevDay(new Date(maxDate)).getTime());
+                const date = getTime(endDay || now);
+                const end = this.limitDateRange(date, allowSameDay ? date : getNextDay(new Date(minDate)).getTime());
+                return [start, end];
+            }
+            if (type === 'multiple') {
+                if (Array.isArray(defaultDate)) {
+                    return defaultDate.map(date => this.limitDateRange(date));
+                }
+                return [this.limitDateRange(now)];
+            }
+            if (!defaultDate || Array.isArray(defaultDate)) {
+                defaultDate = now;
+            }
+            return this.limitDateRange(defaultDate);
+        },
+        scrollIntoView() {
+            // if (!this.isMounted) return;
+        },
+        onOpen() {
+            this.$emit('open');
+        },
+        onOpened() {
+            this.$emit('opened');
+        },
+        onClose() {
+            this.$emit('close');
+        },
+        onClosed() {
+            this.$emit('closed');
+        },
+        onClickDay(event) {
+            if (this.data.readonly) {
+                return;
+            }
+            let { date } = event.detail;
+            const { type, currentDate, allowSameDay } = this.data;
+            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) {
+                    const compareToStart = compareDay(date, startDay);
+                    if (compareToStart === 1) {
+                        const { days } = this.selectComponent('.month').data;
+                        days.some((day, index) => {
+                            const isDisabled = day.type === 'disabled' &&
+                                getTime(startDay) < getTime(day.date) &&
+                                getTime(day.date) < getTime(date);
+                            if (isDisabled) {
+                                ({ date } = days[index - 1]);
+                            }
+                            return isDisabled;
+                        });
+                        this.select([startDay, date], true);
+                    }
+                    else if (compareToStart === -1) {
+                        this.select([date, null]);
+                    }
+                    else if (allowSameDay) {
+                        this.select([date, date], true);
+                    }
+                }
+                else {
+                    this.select([date, null]);
+                }
+            }
+            else if (type === 'multiple') {
+                let selectedIndex;
+                // @ts-ignore
+                const selected = currentDate.some((dateItem, index) => {
+                    const equal = compareDay(dateItem, date) === 0;
+                    if (equal) {
+                        selectedIndex = index;
+                    }
+                    return equal;
+                });
+                if (selected) {
+                    // @ts-ignore
+                    const cancelDate = currentDate.splice(selectedIndex, 1);
+                    this.setData({ currentDate });
+                    this.unselect(cancelDate);
+                }
+                else {
+                    // @ts-ignore
+                    this.select([...currentDate, date]);
+                }
+            }
+            else {
+                this.select(date, true);
+            }
+        },
+        onClickDate(event) {
+            if (this.data.readonly) {
+                return;
+            }
+            const date = event.detail;
+            this.select(date, true);
+            this.setData({
+                visibleIndex: 0,
+            });
+        },
+        onChangeMonthTitleDate(event) {
+            if (this.data.originCurrentDateMonthly !== event.detail) {
+                this.setData({
+                    originCurrentDateMonthly: event.detail,
+                });
+            }
+        },
+        unselect(dateArray) {
+            const date = dateArray[0];
+            if (date) {
+                this.$emit('unselect', copyDates(date));
+            }
+        },
+        select(date, complete) {
+            if (complete && this.data.type === 'range') {
+                const valid = this.checkRange(date);
+                if (!valid) {
+                    // auto selected to max range if type is range
+                    if (this.data.type === 'range' && this.data.maxRange) {
+                        this.emit([date[0], getDayByOffset(date[0], this.data.maxRange - 1)]);
+                    }
+                    else {
+                        this.emit(date);
+                    }
+                    return;
+                }
+            }
+            this.emit(date);
+            if (complete && !this.data.showConfirm) {
+                this.onConfirm();
+            }
+        },
+        emit(date) {
+            this.setData({
+                currentDate: Array.isArray(date) ? date.map(getTime) : getTime(date),
+            });
+            this.$emit('select', copyDates(date));
+        },
+        checkRange(date) {
+            const { maxRange, showRangePrompt } = this.data;
+            if (maxRange && calcDateNum(date) > maxRange) {
+                if (showRangePrompt) {
+                    this.setData({
+                        showToast: true,
+                    });
+                    setTimeout(() => {
+                        this.setData({
+                            showToast: false,
+                        });
+                    }, 2000);
+                }
+                this.$emit('over-range');
+                return false;
+            }
+            return true;
+        },
+        onConfirm() {
+            if (this.data.type === 'range' && !this.checkRange(this.data.currentDate)) {
+                return;
+            }
+            wx.nextTick(() => {
+                // @ts-ignore
+                this.$emit('confirm', copyDates(this.data.currentDate));
+            });
+        },
+        onClickSubtitle(event) {
+            this.$emit('click-subtitle', event);
+        },
+    },
+});

package/dist/calendar/index.json

@@ -0,0 +1,12 @@
+{
+  "component": true,
+  "usingComponents": {
+    "header": "../calendar-header/index",
+    "month": "../calendar-month/index",
+    "month-list": "../calendar-month-list/index",
+    "year-list": "../calendar-year-list/index",
+    "smart-button": "../button/index",
+    "smart-popup": "../popup/index",
+    "smart-toast": "../toast/index"
+  }
+}

package/dist/calendar/index.wxml

@@ -0,0 +1,25 @@
+<wxs src="./index.wxs" module="computed" />
+<wxs src="../wxs/utils.wxs" module="utils" />
+
+<import src="./calendar.wxml" />
+
+<smart-popup
+  wx:if="{{ poppable }}"
+  custom-class="smart-calendar__popup--{{ position }}"
+  close-icon-class="smart-calendar__close-icon"
+  show="{{ show }}"
+  round="{{ round }}"
+  position="{{ position }}"
+  closeable="{{false}}"
+  close-on-click-overlay="{{ closeOnClickOverlay }}"
+  safe-area-inset-bottom="{{ safeAreaInsetBottom }}"
+  root-portal="{{ rootPortal }}"
+  bind:enter="onOpen"
+  bind:close="onClose"
+  bind:after-enter="onOpened"
+  bind:after-leave="onClosed"
+>
+  <include src="./calendar.wxml" />
+</smart-popup>
+
+<include wx:else src="./calendar.wxml" />

package/dist/calendar/index.wxs

@@ -0,0 +1,59 @@
+/* eslint-disable */
+var utils = require('../calendar-utils/utils.wxs');
+
+function getMonths(minDate, maxDate) {
+  var months = [];
+  var cursor = getDate(minDate);
+
+  cursor.setDate(1);
+
+  do {
+    months.push(cursor.getTime());
+    cursor.setMonth(cursor.getMonth() + 1);
+  } while (utils.compareMonth(cursor, getDate(maxDate)) !== 1);
+
+  return months;
+}
+
+function getButtonDisabled(type, currentDate, minRange) {
+  if (currentDate == null) {
+    return true;
+  }
+
+  if (type === 'range') {
+    return !currentDate[0] || !currentDate[1];
+  }
+
+  if (type === 'multiple') {
+    return currentDate.length < minRange;
+  }
+
+  return !currentDate;
+}
+
+function getVisible(visibleIndex, curIndex) {
+  return visibleIndex === curIndex;
+}
+
+function formatMonthTitle(date, formatter = 'YYYY-MM') {
+  if (!date) return '';
+  date = getDate(date);
+  var year = date.getFullYear();
+  var 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') {
+  if (!date) return '';
+  date = getDate(date);
+  var year = date.getFullYear();
+  return formatter.replace('YYYY', year + '');
+}
+
+module.exports = {  
+  getMonths: getMonths,
+  getVisible: getVisible,
+  getButtonDisabled: getButtonDisabled,
+  formatMonthTitle: formatMonthTitle,
+  formatYearTitle: formatYearTitle,
+};

package/dist/calendar/index.wxss

@@ -0,0 +1 @@
+@import '../common/index.wxss';:root{--smart-ui-overlay:rgba(0,0,0,.4);--smart-ui-bottom-sheet-dragger-node-background:rgba(0,0,0,.3);--smart-ui-dialog-background:#fff;--smart-ui-border-image:linear-gradient(90deg,transparent,rgba(0,0,0,.3),transparent)}:root[theme=dark]{--smart-ui-bottom-sheet-dragger-node-background:hsla(0,0%,100%,.3);--smart-ui-overlay:rgba(0,0,0,.7);--smart-ui-dialog-background:#333;--smart-ui-border-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.3),hsla(0,0%,100%,0))}.smart-manrope{font-family:Manrope,sans-serif}.smart-calendar{--calendar-header-icon_color:var(--calendar-header-icon-color,var(--app-B1-N2,rgba(0,0,0,.7)));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:var(--calendar-popup-height,848rpx)}.smart-calendar__popup--left,.smart-calendar__popup--right{height:100%}.smart-calendar-month{margin-top:0rpx}.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-header/index.css

@@ -0,0 +1 @@
+@import '../common/index.css';:root{--smart-ui-overlay:rgba(0,0,0,.4);--smart-ui-bottom-sheet-dragger-node-background:rgba(0,0,0,.3);--smart-ui-dialog-background:#fff;--smart-ui-border-image:linear-gradient(90deg,transparent,rgba(0,0,0,.3),transparent)}:root[theme=dark]{--smart-ui-bottom-sheet-dragger-node-background:hsla(0,0%,100%,.3);--smart-ui-overlay:rgba(0,0,0,.7);--smart-ui-dialog-background:#333;--smart-ui-border-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.3),hsla(0,0%,100%,0))}.smart-manrope{font-family:Manrope,sans-serif}.smart-calendar__header{flex-shrink:0}.smart-calendar__header-title-save{color:var(--calendar-header-title-save-color,#1989fa);font-size:16px;font-weight:400;letter-spacing:0;line-height:24px;position:absolute;right:48rpx;text-align:right;top:50%;transform:translateY(-50%)}.smart-calendar__header-subtitle,.smart-calendar__header-title{color:var(--calendar-header-title-font-color,var(--app-B4-N1,#000));font-weight:var(--calendar-header-title-weight,600);height:var(--calendar-header-title-height,44px);line-height:var(--calendar-header-title-height,44px);text-align:center}.smart-calendar__header-subtitle{font-size:var(--calendar-header-subtitle-font-size,16px)}.smart-calendar__header-title{font-size:var(--calendar-header-title-font-size,16px);position:relative}.smart-calendar__header-subtitle_wrap{align-items:center;display:flex;justify-content:center;position:relative}.smart-calendar__header-subtitle_left{align-items:center;background:var(--calendar-header-icon-bg-color,var(--app-B2-N9,rgba(0,0,0,.05)));border-radius:50%;display:flex;height:48rpx;justify-content:center;left:52rpx;position:absolute;top:50%;transform:translateY(-50%);width:48rpx}.smart-calendar__header-subtitle_left_icon{left:-1px;position:relative}.smart-calendar__header-subtitle_right{align-items:center;background:var(--calendar-header-icon-bg-color,var(--app-B2-N9,rgba(0,0,0,.05)));border-radius:50%;display:flex;height:48rpx;justify-content:center;position:absolute;right:52rpx;top:50%;transform:translateY(-50%);width:48rpx}.smart-calendar__header-subtitle_right_icon{position:relative;right:-1px}.smart-calendar__header-title+.smart-calendar__header-title,.smart-calendar__header-title:empty{display:none}.smart-calendar__header-title:empty+.smart-calendar__header-title{display:block!important}.smart-calendar__weekdays{display:flex;margin-bottom:16rpx;margin-top:16rpx;padding-left:16rpx;padding-right:16rpx}.smart-calendar__weekday{color:var(--calendar-weekdays-font-color,var(--app-B4-N1,#000));flex:1;font-size:var(--calendar-weekdays-font-size,12px);font-weight:400;line-height:var(--calendar-weekdays-height,30px);opacity:.5;text-align:center}

package/dist/calendar-header/index.d.ts

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