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

package/dist/action-sheet/demo/index.d.ts

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

package/dist/action-sheet/demo/index.js

@@ -0,0 +1,101 @@
+import { SmartComponent } from '../../common/component';
+SmartComponent({
+    data: {
+        show1: false,
+        show2: false,
+        show3: false,
+        show4: false,
+        show5: false,
+        showSelect: false,
+        showSelect2: false,
+        showNumber: false,
+        showPicker: false,
+        action1: [{ name: 'Action' }, { name: 'Action' }, { name: 'Action' }],
+        action2: [
+            { name: I18n.t('coloringOptions'), color: '#ee0a24' },
+            { loading: true },
+            { name: I18n.t('disableOption'), disabled: true },
+        ],
+        actionSelect: [
+            { id: 0, name: 'Action', checked: true },
+            { id: 1, name: 'Action', checked: false },
+            { id: 2, name: 'Action', checked: false },
+        ],
+        currentNumber: 100,
+        currentDate: new Date(2018, 0, 1),
+        currentDateStr: new Date(2018, 0, 1).toLocaleDateString(),
+        minDate: new Date(2018, 0, 1).getTime(),
+        formatter(type, value) {
+            if (type === 'year') {
+                return `${value}${I18n.t('year')}`;
+            }
+            if (type === 'month') {
+                return `${value}${I18n.t('month')}`;
+            }
+            return value;
+        },
+    },
+    methods: {
+        toggle(type) {
+            this.setData({
+                [type]: !this.data[type],
+            });
+        },
+        toggleActionSheet1() {
+            this.toggle('show1');
+        },
+        toggleActionSheet2() {
+            this.toggle('show2');
+        },
+        toggleActionSheet3() {
+            this.toggle('show3');
+        },
+        toggleActionSheet4() {
+            this.toggle('show4');
+        },
+        toggleActionSheet5() {
+            this.toggle('show5');
+        },
+        toggleActionSheet6() {
+            this.toggle('show6');
+        },
+        toggleActionSheetSelect() {
+            this.toggle('showSelect');
+        },
+        toggleActionSheetSelect2() {
+            this.toggle('showSelect2');
+        },
+        toggleActionSheetNumber() {
+            this.toggle('showNumber');
+        },
+        toggleActionSheetPicker() {
+            this.toggle('showPicker');
+        },
+        onChange(event) {
+            this.setData({ currentNumber: event.detail.value });
+        },
+        onSelect(evt) {
+            const { id } = evt.detail;
+            const newActionSelect = this.data.actionSelect.map((item) => {
+                if (item.id === id)
+                    return Object.assign(Object.assign({}, item), { checked: true });
+                return Object.assign(Object.assign({}, item), { checked: false });
+            });
+            this.setData({
+                actionSelect: newActionSelect,
+            });
+        },
+        onInput(event) {
+            const { detail } = event;
+            const date = new Date(detail);
+            this.setData({ currentDate: date });
+        },
+        onPickerConfirm() {
+            var _a, _b;
+            this.setData({
+                showPicker: false,
+                currentDateStr: (_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a.currentDate) === null || _b === void 0 ? void 0 : _b.toLocaleDateString(),
+            });
+        },
+    },
+});

package/dist/action-sheet/index.js

@@ -72,7 +72,7 @@ SmartComponent({
                 if (item.openType === 'getUserInfo' && canIUseGetUserProfile) {
                     wx.getUserProfile({
                         desc: item.getUserProfileDesc || '  ',
-                        complete: (userProfile) => {
+                        complete: userProfile => {
                             this.$emit('getuserinfo', userProfile);
                         },
                     });

package/dist/area/demo/index.d.ts

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

package/dist/area/demo/index.js

@@ -0,0 +1,41 @@
+var _a;
+import { SmartComponent } from '../../common/component';
+import Toast from '../../toast/toast';
+const db = (_a = wx.cloud) === null || _a === void 0 ? void 0 : _a.database();
+SmartComponent({
+    data: {
+        areaList: {},
+        loading: true,
+        value: 330302,
+    },
+    mounted() {
+        db === null || db === void 0 ? void 0 : db.collection('region').limit(1).get().then((res) => {
+            if (res.data && res.data.length > 0) {
+                this.setData({
+                    loading: false,
+                    areaList: res.data[0],
+                });
+            }
+        }).catch((err) => {
+            console.log(err);
+            this.setData({
+                loading: false,
+            });
+        });
+    },
+    methods: {
+        onChange(event) {
+            const { values } = event.detail;
+            Toast({
+                context: this,
+                message: values.map((item) => item.name).join('-'),
+            });
+        },
+        onConfirm(event) {
+            console.log(event);
+        },
+        onCancel(event) {
+            console.log(event);
+        },
+    },
+});

package/dist/area/index.js

@@ -65,8 +65,7 @@ SmartComponent({
         parseValues(values) {
             const { columnsPlaceholder } = this.data;
             return values.map((value, index) => {
-                if (value &&
-                    (!value.code || value.name === columnsPlaceholder[index])) {
+                if (value && (!value.code || value.name === columnsPlaceholder[index])) {
                     return Object.assign(Object.assign({}, value), { code: '', name: '' });
                 }
                 return value;
@@ -94,7 +93,7 @@ SmartComponent({
             }
             const { typeToColumnsPlaceholder } = this.data;
             const list = this.getConfig(type);
-            let result = Object.keys(list).map((code) => ({
+            let result = Object.keys(list).map(code => ({
                 code,
                 name: list[code],
             }));
@@ -103,7 +102,7 @@ SmartComponent({
                 if (code[0] === '9' && type === 'city') {
                     code = '9';
                 }
-                result = result.filter((item) => item.code.indexOf(code) === 0);
+                result = result.filter(item => item.code.indexOf(code) === 0);
             }
             if (typeToColumnsPlaceholder[type] && result.length) {
                 // set columns placeholder
@@ -185,7 +184,7 @@ SmartComponent({
             if (!picker) {
                 return [];
             }
-            return this.parseValues(picker.getValues().filter((value) => !!value));
+            return this.parseValues(picker.getValues().filter(value => !!value));
         },
         getDetail() {
             const values = this.getValues();

package/dist/battery/demo/index.d.ts

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

package/dist/battery/demo/index.js

@@ -0,0 +1,2 @@
+import { SmartComponent } from '../../common/component';
+SmartComponent({});

package/dist/battery/index.js

@@ -91,9 +91,7 @@ SmartComponent({
         toSvgCssBackground(svgString) {
             let res = svgString;
             res = svgString
-                .replace('<svg', ~svgString.indexOf('xmlns')
-                ? '<svg'
-                : '<svg xmlns="http://www.w3.org/2000/svg"')
+                .replace('<svg', ~svgString.indexOf('xmlns') ? '<svg' : '<svg xmlns="http://www.w3.org/2000/svg"')
                 .replace(/"/g, "'")
                 .replace(/%/g, '%25')
                 .replace(/#/g, '%23')

package/dist/bottom-sheet/demo/index.d.ts

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

package/dist/bottom-sheet/demo/index.js

@@ -0,0 +1,24 @@
+import { SmartComponent } from '../../common/component';
+SmartComponent({
+    data: {
+        show1: false,
+        show2: false,
+        show3: false,
+    },
+    methods: {
+        toggle(type) {
+            this.setData({
+                [type]: !this.data[type],
+            });
+        },
+        toggleActionSheet1() {
+            this.toggle('show1');
+        },
+        toggleActionSheet2() {
+            this.toggle('show2');
+        },
+        toggleActionSheet3() {
+            this.toggle('show3');
+        },
+    },
+});

package/dist/bottom-sheet/index.css

@@ -1 +1 @@
-@import '../common/index.css';.smart-bottom-sheet{color:var(--bottom-sheet-font-color,var(--app-B4-N1,#000));max-height:var(--bottom-sheet-max-height,50%)!important;min-height:var(--bottom-sheet-min-height,auto);padding:var(--bottom-sheet-padding,0 16px);padding-bottom:env(safe-area-inset-bottom);width:var(--bottom-sheet-width,100%)!important}.smart-bottom-sheet__header{color:var(--bottom-sheet-header-color,var(--app-B4-N1,#000));font-size:var(--bottom-sheet-header-font-size,17px);font-weight:var(--bottom-sheet-header-font-weight,600);line-height:var(--bottom-sheet-header-height,56px);text-align:center}.smart-bottom-sheet__icon{margin:var(--bottom-sheet-icon-margin,16px 16px 0 0);position:absolute;right:0;top:0}
+@import '../common/index.css';.smart-bottom-sheet{color:var(--bottom-sheet-font-color,var(--app-B4-N1,#000));display:flex;flex-direction:column;max-height:var(--bottom-sheet-max-height,50%)!important;min-height:var(--bottom-sheet-min-height,auto);padding:var(--bottom-sheet-padding,0 16px);padding-bottom:env(safe-area-inset-bottom);width:var(--bottom-sheet-width,100%)!important}.smart-bottom-sheet__header{color:var(--bottom-sheet-header-color,var(--app-B4-N1,#000));font-size:var(--bottom-sheet-header-font-size,17px);font-weight:var(--bottom-sheet-header-font-weight,600);line-height:var(--bottom-sheet-header-height,56px);text-align:center}.smart-bottom-sheet__content{overflow-y:scroll}.smart-bottom-sheet__icon{margin:var(--bottom-sheet-icon-margin,16px 16px 0 0);position:absolute;right:0;top:0}

package/dist/bottom-sheet/index.js

@@ -4,6 +4,7 @@ SmartComponent({
     props: {
         show: Boolean,
         title: String,
+        iconColor: String,
         iconSize: {
             type: null,
             value: 24,
@@ -31,13 +32,13 @@ SmartComponent({
     },
     data: {
         xmarkIcon,
-        xmarkIconColor: '#3678E3',
+        xmarkIconColor: 'rgba(0, 0, 0, 0.5)',
     },
     mounted() {
         var _a;
         // @ts-ignore
         const themeInfo = (_a = ty === null || ty === void 0 ? void 0 : ty.getThemeInfo()) !== null && _a !== void 0 ? _a : {};
-        const xmarkIconColor = this.data.activeColor || themeInfo['--app-B4-N3'] || 'rgba(0, 0, 0, 0.5)';
+        const xmarkIconColor = this.data.iconColor || themeInfo['--app-B4-N3'] || 'rgba(0, 0, 0, 0.5)';
         this.setData({ xmarkIconColor });
     },
     methods: {

package/dist/bottom-sheet/index.wxml

@@ -22,5 +22,7 @@
     {{ title }}
     <smart-icon bind:click="onClose" name="{{ xmarkIcon }}" class="smart-bottom-sheet__icon" size="{{ iconSize }}" color="{{ xmarkIconColor }}" />
   </view>
-  <slot />
+  <view class="smart-bottom-sheet__content">
+    <slot />
+  </view>
 </smart-popup>

package/dist/bottom-sheet/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.smart-bottom-sheet{color:var(--bottom-sheet-font-color,var(--app-B4-N1,#000));max-height:var(--bottom-sheet-max-height,50%)!important;min-height:var(--bottom-sheet-min-height,auto);padding:var(--bottom-sheet-padding,0 16px);padding-bottom:env(safe-area-inset-bottom);width:var(--bottom-sheet-width,100%)!important}.smart-bottom-sheet__header{color:var(--bottom-sheet-header-color,var(--app-B4-N1,#000));font-size:var(--bottom-sheet-header-font-size,17px);font-weight:var(--bottom-sheet-header-font-weight,600);line-height:var(--bottom-sheet-header-height,56px);text-align:center}.smart-bottom-sheet__icon{margin:var(--bottom-sheet-icon-margin,16px 16px 0 0);position:absolute;right:0;top:0}
+@import '../common/index.wxss';.smart-bottom-sheet{color:var(--bottom-sheet-font-color,var(--app-B4-N1,#000));display:flex;flex-direction:column;max-height:var(--bottom-sheet-max-height,50%)!important;min-height:var(--bottom-sheet-min-height,auto);padding:var(--bottom-sheet-padding,0 16px);padding-bottom:env(safe-area-inset-bottom);width:var(--bottom-sheet-width,100%)!important}.smart-bottom-sheet__header{color:var(--bottom-sheet-header-color,var(--app-B4-N1,#000));font-size:var(--bottom-sheet-header-font-size,17px);font-weight:var(--bottom-sheet-header-font-weight,600);line-height:var(--bottom-sheet-header-height,56px);text-align:center}.smart-bottom-sheet__content{overflow-y:scroll}.smart-bottom-sheet__icon{margin:var(--bottom-sheet-icon-margin,16px 16px 0 0);position:absolute;right:0;top:0}

package/dist/button/demo/index.d.ts

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

package/dist/button/demo/index.js

@@ -0,0 +1,9 @@
+import iconAdd from '@tuya-miniapp/icons/dist/svg/PlusCircle';
+import iconRight from '@tuya-miniapp/icons/dist/svg/Right';
+import { SmartComponent } from '../../common/component';
+SmartComponent({
+    data: {
+        iconAdd,
+        iconRight,
+    },
+});

package/dist/button/index.js

@@ -56,7 +56,7 @@ SmartComponent({
                 wx.getUserProfile({
                     desc: getUserProfileDesc || '  ',
                     lang: lang || 'en',
-                    complete: (userProfile) => {
+                    complete: userProfile => {
                         this.$emit('getuserinfo', userProfile);
                     },
                 });

package/dist/calendar/components/header/index.css

@@ -1 +1 @@
-@import '../../../common/index.css';.smart-calendar__header{flex-shrink:0}.smart-calendar__header-title{position:relative}.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{font-size:16px;font-weight:var(--font-weight-bold,500);font-weight:500;height:var(--calendar-header-title-height,44px);line-height:var(--calendar-header-title-height,44px);text-align:center}.smart-calendar__header-subtitle_wrap{align-items:center;display:flex;justify-content:center;position:relative}.smart-calendar__header-subtitle_left{left:52rpx}.smart-calendar__header-subtitle_left,.smart-calendar__header-subtitle_right{align-items:center;background:rgba(0,0,0,.05);border-radius:50%;display:flex;height:48rpx;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:48rpx}.smart-calendar__header-subtitle_right{right:52rpx}.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}.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:500;line-height:var(--calendar-weekdays-height,30px);opacity:.5;text-align:center}
+@import '../../../common/index.css';.smart-calendar__header{flex-shrink:0}.smart-calendar__header-title{position:relative}.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-size:16px;font-weight:var(--font-weight-bold,500);height:var(--calendar-header-title-height,44px);line-height:var(--calendar-header-title-height,44px);text-align:center}.smart-calendar__header-subtitle_wrap{align-items:center;display:flex;justify-content:center;position:relative}.smart-calendar__header-subtitle_left{align-items:center;background: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: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:500;line-height:var(--calendar-weekdays-height,30px);opacity:.5;text-align:center}

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

@@ -35,7 +35,7 @@ SmartComponent({
     },
     methods: {
         initWeekDay() {
-            const defaultWeeks = this.properties.defaultWeeks;
+            const { defaultWeeks } = this.properties;
             const firstDayOfWeek = this.data.firstDayOfWeek || 0;
             this.setData({
                 weekdays: [

package/dist/calendar/components/header/index.wxml

@@ -3,19 +3,19 @@
     <view class="smart-calendar__header-title"><slot name="title"></slot></view>
     <view class="smart-calendar__header-title">
       {{ title }}
-      <view class="smart-calendar__header-title-save" bind:tap=="onSave" wx:if="{{showConfirm}}">{{ rightText }}</view>
+      <view class="smart-calendar__header-title-save" bind:tap="onSave" wx:if="{{showConfirm}}">{{ rightText }}</view>
     </view>
   </block>
 
   <view class="smart-calendar__header-subtitle_wrap">
     <view class="smart-calendar__header-subtitle_left" bind:tap="onPrev">
-      <smart-icon name="{{LeftIcon}}" />
+      <smart-icon class="smart-calendar__header-subtitle_left_icon" name="{{LeftIcon}}" />
     </view>
     <view wx:if="{{ showSubtitle }}" class="smart-calendar__header-subtitle" bind:tap="onClickSubtitle">
       {{ subtitle }}
     </view>
     <view class="smart-calendar__header-subtitle_right" bind:tap="onNext">
-      <smart-icon name="{{RightIcon}}" />
+      <smart-icon class="smart-calendar__header-subtitle_right_icon" name="{{RightIcon}}" />
     </view>
   </view>
 

package/dist/calendar/components/header/index.wxss

@@ -1 +1 @@
-@import '../../../common/index.wxss';.smart-calendar__header{flex-shrink:0}.smart-calendar__header-title{position:relative}.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{font-size:16px;font-weight:var(--font-weight-bold,500);font-weight:500;height:var(--calendar-header-title-height,44px);line-height:var(--calendar-header-title-height,44px);text-align:center}.smart-calendar__header-subtitle_wrap{align-items:center;display:flex;justify-content:center;position:relative}.smart-calendar__header-subtitle_left{left:52rpx}.smart-calendar__header-subtitle_left,.smart-calendar__header-subtitle_right{align-items:center;background:rgba(0,0,0,.05);border-radius:50%;display:flex;height:48rpx;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:48rpx}.smart-calendar__header-subtitle_right{right:52rpx}.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}.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:500;line-height:var(--calendar-weekdays-height,30px);opacity:.5;text-align:center}
+@import '../../../common/index.wxss';.smart-calendar__header{flex-shrink:0}.smart-calendar__header-title{position:relative}.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-size:16px;font-weight:var(--font-weight-bold,500);height:var(--calendar-header-title-height,44px);line-height:var(--calendar-header-title-height,44px);text-align:center}.smart-calendar__header-subtitle_wrap{align-items:center;display:flex;justify-content:center;position:relative}.smart-calendar__header-subtitle_left{align-items:center;background: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: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:500;line-height:var(--calendar-weekdays-height,30px);opacity:.5;text-align:center}

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

@@ -1 +1 @@
-@import '../../../common/index.css';.smart-calendar{background-color:var(--calendar-background-color,var(--app-B6,#fff));display:flex;flex-direction:column;height:100%}.smart-calendar__month-title{font-size:var(--calendar-month-title-font-size,14px);font-weight:var(--font-weight-bold,500);height:var(--calendar-header-title-height,44px);line-height:var(--calendar-header-title-height,44px);text-align:center}.smart-calendar__days{display:flex;flex-wrap:wrap;position:relative;-webkit-user-select:none;user-select:none}.smart-calendar__month-mark{color:var(--calendar-month-mark-color,hsla(210,6%,87%,.6));font-size:var(--calendar-month-mark-font-size,160px);left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:0}.smart-calendar__day,.smart-calendar__selected-day{align-items:center;display:flex;justify-content:center;text-align:center}.smart-calendar__day{font-size:var(--calendar-day-font-size,15px);font-weight:var(--calendar-day-font-weight,500);height:var(--calendar-day-height,100rpx);position:relative;width:14.285%}.smart-calendar__day--end,.smart-calendar__day--multiple-middle,.smart-calendar__day--multiple-selected,.smart-calendar__day--start,.smart-calendar__day--start-end{background-color:var(--calendar-range-edge-background-color,#3678e3);color:var(--calendar-range-edge-color,#fff)}.smart-calendar__day--start{border-bottom-left-radius:var(--calendar-day-select-border-radius,34rpx);border-top-left-radius:var(--calendar-day-select-border-radius,34rpx)}.smart-calendar__day--end{border-bottom-right-radius:var(--calendar-day-select-border-radius,34rpx);border-top-right-radius:var(--calendar-day-select-border-radius,34rpx)}.smart-calendar__day--multiple-selected,.smart-calendar__day--start-end{border-radius:4px}.smart-calendar__day--middle{background-color:var(--calendar-range-edge-background-color,#3678e3);color:var(--calendar-range-middle-color,var(--app-B3,#fff))}.smart-calendar__day--disabled{color:var(--calendar-day-disabled-color,#c8c9cc);cursor:default}.smart-calendar__bottom-info,.smart-calendar__top-info{font-size:var(--calendar-info-font-size,10px);left:0;line-height:var(--calendar-info-line-height,14px);position:absolute;right:0}@media (max-width:350px){.smart-calendar__bottom-info,.smart-calendar__top-info{font-size:9px}}.smart-calendar__top-info{top:6px}.smart-calendar__bottom-info{bottom:6px}.smart-calendar__selected-day{background-color:var(--calendar-selected-day-background-color,#3678e3);border-radius:50%;color:var(--calendar-selected-day-color,#fff);height:var(--calendar-selected-day-size,34px);width:var(--calendar-selected-day-size,34px)}
+@import '../../../common/index.css';.smart-calendar{background-color:var(--calendar-background-color,var(--app-B6,#fff));display:flex;flex-direction:column;height:100%}.smart-calendar__month{padding-bottom:48rpx;padding-left:16rpx;padding-right:16rpx}.smart-calendar__month-title{font-size:var(--calendar-month-title-font-size,14px);font-weight:var(--font-weight-bold,500);height:var(--calendar-header-title-height,44px);line-height:var(--calendar-header-title-height,44px);text-align:center}.smart-calendar__days{display:flex;flex-wrap:wrap;position:relative;-webkit-user-select:none;user-select:none}.smart-calendar__month-mark{color:var(--calendar-month-mark-color,hsla(210,6%,87%,.6));font-size:var(--calendar-month-mark-font-size,160px);left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:0}.smart-calendar__day,.smart-calendar__selected-day{align-items:center;display:flex;justify-content:center;text-align:center}.smart-calendar__day{color:var(--calendar-cell-item-font-color,var(--app-B4-N1,#000));font-size:var(--calendar-cell-item-font-size,15px);font-weight:var(--calendar-day-font-weight,500);height:var(--calendar-day-height,100rpx);margin:4px 0;position:relative;width:14.285%}.smart-calendar__day--end,.smart-calendar__day--multiple-middle,.smart-calendar__day--multiple-selected,.smart-calendar__day--start,.smart-calendar__day--start-end{background-color:var(--calendar-range-edge-background-color,#3678e3);color:var(--calendar-range-edge-color,#fff)}.smart-calendar__day--start{border-bottom-left-radius:var(--calendar-day-select-border-radius,34rpx);border-top-left-radius:var(--calendar-day-select-border-radius,34rpx)}.smart-calendar__day--end{border-bottom-right-radius:var(--calendar-day-select-border-radius,34rpx);border-top-right-radius:var(--calendar-day-select-border-radius,34rpx)}.smart-calendar__day--multiple-selected,.smart-calendar__day--start-end{border-radius:4px}.smart-calendar__day--middle{background-color:var(--calendar-range-edge-background-color,#3678e3);color:var(--calendar-range-middle-color,#fff)}.smart-calendar__day--disabled{color:var(--calendar-day-disabled-color,#c8c9cc);cursor:default}.smart-calendar__bottom-info,.smart-calendar__top-info{font-size:var(--calendar-info-font-size,10px);left:0;line-height:var(--calendar-info-line-height,14px);position:absolute;right:0}@media (max-width:350px){.smart-calendar__bottom-info,.smart-calendar__top-info{font-size:9px}}.smart-calendar__top-info{top:6px}.smart-calendar__bottom-info{bottom:6px}.smart-calendar__selected-day{background-color:var(--calendar-selected-day-background-color,#3678e3);border-radius:50%;color:var(--calendar-selected-day-color,#fff);height:var(--calendar-selected-day-size,34px);width:var(--calendar-selected-day-size,34px)}

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 } from '../../utils';
 SmartComponent({
     props: {
         date: {
@@ -82,7 +82,7 @@ SmartComponent({
             if (!Array.isArray(currentDate)) {
                 return '';
             }
-            const isSelected = (date) => currentDate.some((item) => compareDay(item, date) === 0);
+            const isSelected = date => currentDate.some(item => compareDay(item, date) === 0);
             if (isSelected(day)) {
                 const prevDay = getPrevDay(day);
                 const nextDay = getNextDay(day);
@@ -155,9 +155,7 @@ 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

@@ -49,10 +49,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/components/month/index.wxss

@@ -1 +1 @@
-@import '../../../common/index.wxss';.smart-calendar{background-color:var(--calendar-background-color,var(--app-B6,#fff));display:flex;flex-direction:column;height:100%}.smart-calendar__month-title{font-size:var(--calendar-month-title-font-size,14px);font-weight:var(--font-weight-bold,500);height:var(--calendar-header-title-height,44px);line-height:var(--calendar-header-title-height,44px);text-align:center}.smart-calendar__days{display:flex;flex-wrap:wrap;position:relative;-webkit-user-select:none;user-select:none}.smart-calendar__month-mark{color:var(--calendar-month-mark-color,hsla(210,6%,87%,.6));font-size:var(--calendar-month-mark-font-size,160px);left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:0}.smart-calendar__day,.smart-calendar__selected-day{align-items:center;display:flex;justify-content:center;text-align:center}.smart-calendar__day{font-size:var(--calendar-day-font-size,15px);font-weight:var(--calendar-day-font-weight,500);height:var(--calendar-day-height,100rpx);position:relative;width:14.285%}.smart-calendar__day--end,.smart-calendar__day--multiple-middle,.smart-calendar__day--multiple-selected,.smart-calendar__day--start,.smart-calendar__day--start-end{background-color:var(--calendar-range-edge-background-color,#3678e3);color:var(--calendar-range-edge-color,#fff)}.smart-calendar__day--start{border-bottom-left-radius:var(--calendar-day-select-border-radius,34rpx);border-top-left-radius:var(--calendar-day-select-border-radius,34rpx)}.smart-calendar__day--end{border-bottom-right-radius:var(--calendar-day-select-border-radius,34rpx);border-top-right-radius:var(--calendar-day-select-border-radius,34rpx)}.smart-calendar__day--multiple-selected,.smart-calendar__day--start-end{border-radius:4px}.smart-calendar__day--middle{background-color:var(--calendar-range-edge-background-color,#3678e3);color:var(--calendar-range-middle-color,var(--app-B3,#fff))}.smart-calendar__day--disabled{color:var(--calendar-day-disabled-color,#c8c9cc);cursor:default}.smart-calendar__bottom-info,.smart-calendar__top-info{font-size:var(--calendar-info-font-size,10px);left:0;line-height:var(--calendar-info-line-height,14px);position:absolute;right:0}@media (max-width:350px){.smart-calendar__bottom-info,.smart-calendar__top-info{font-size:9px}}.smart-calendar__top-info{top:6px}.smart-calendar__bottom-info{bottom:6px}.smart-calendar__selected-day{background-color:var(--calendar-selected-day-background-color,#3678e3);border-radius:50%;color:var(--calendar-selected-day-color,#fff);height:var(--calendar-selected-day-size,34px);width:var(--calendar-selected-day-size,34px)}
+@import '../../../common/index.wxss';.smart-calendar{background-color:var(--calendar-background-color,var(--app-B6,#fff));display:flex;flex-direction:column;height:100%}.smart-calendar__month{padding-bottom:48rpx;padding-left:16rpx;padding-right:16rpx}.smart-calendar__month-title{font-size:var(--calendar-month-title-font-size,14px);font-weight:var(--font-weight-bold,500);height:var(--calendar-header-title-height,44px);line-height:var(--calendar-header-title-height,44px);text-align:center}.smart-calendar__days{display:flex;flex-wrap:wrap;position:relative;-webkit-user-select:none;user-select:none}.smart-calendar__month-mark{color:var(--calendar-month-mark-color,hsla(210,6%,87%,.6));font-size:var(--calendar-month-mark-font-size,160px);left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:0}.smart-calendar__day,.smart-calendar__selected-day{align-items:center;display:flex;justify-content:center;text-align:center}.smart-calendar__day{color:var(--calendar-cell-item-font-color,var(--app-B4-N1,#000));font-size:var(--calendar-cell-item-font-size,15px);font-weight:var(--calendar-day-font-weight,500);height:var(--calendar-day-height,100rpx);margin:4px 0;position:relative;width:14.285%}.smart-calendar__day--end,.smart-calendar__day--multiple-middle,.smart-calendar__day--multiple-selected,.smart-calendar__day--start,.smart-calendar__day--start-end{background-color:var(--calendar-range-edge-background-color,#3678e3);color:var(--calendar-range-edge-color,#fff)}.smart-calendar__day--start{border-bottom-left-radius:var(--calendar-day-select-border-radius,34rpx);border-top-left-radius:var(--calendar-day-select-border-radius,34rpx)}.smart-calendar__day--end{border-bottom-right-radius:var(--calendar-day-select-border-radius,34rpx);border-top-right-radius:var(--calendar-day-select-border-radius,34rpx)}.smart-calendar__day--multiple-selected,.smart-calendar__day--start-end{border-radius:4px}.smart-calendar__day--middle{background-color:var(--calendar-range-edge-background-color,#3678e3);color:var(--calendar-range-middle-color,#fff)}.smart-calendar__day--disabled{color:var(--calendar-day-disabled-color,#c8c9cc);cursor:default}.smart-calendar__bottom-info,.smart-calendar__top-info{font-size:var(--calendar-info-font-size,10px);left:0;line-height:var(--calendar-info-line-height,14px);position:absolute;right:0}@media (max-width:350px){.smart-calendar__bottom-info,.smart-calendar__top-info{font-size:9px}}.smart-calendar__top-info{top:6px}.smart-calendar__bottom-info{bottom:6px}.smart-calendar__selected-day{background-color:var(--calendar-selected-day-background-color,#3678e3);border-radius:50%;color:var(--calendar-selected-day-color,#fff);height:var(--calendar-selected-day-size,34px);width:var(--calendar-selected-day-size,34px)}

package/dist/calendar/components/month-list/index.css

@@ -1 +1 @@
-@import '../../../common/index.css';.item{border-radius:50%;color:rgba(0,0,0,.9);font-size:15px;font-weight:500;height:104rpx;line-height:104rpx;text-align:center;width:104rpx}.item_active{background:#3678e3;color:#fff}.item_disabled{opacity:.5}
+@import '../../../common/index.css';.contain{margin:24rpx 0}.item{border-radius:var(--calendar-cell-item-border-radius,104rpx);color:var(--calendar-cell-item-font-color,var(--app-B4-N1,#000));font-size:var(--calendar-cell-item-font-size,15px);font-weight:var(--calendar-day-font-weight,500);height:var(--calendar-cell-item-height,104rpx);line-height:var(--calendar-cell-item-height,104rpx);text-align:center;width:var(--calendar-cell-item-width,104rpx)}.item_active{background:#3678e3;color:#fff}.item_disabled{opacity:.5}.col_item{display:flex;justify-content:center}

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

@@ -19,7 +19,7 @@ SmartComponent({
         },
         color: {
             type: String,
-            value: '#3678e3'
+            value: '#3678e3',
         },
         minDate: {
             type: null,
@@ -31,24 +31,11 @@ SmartComponent({
         },
         readonly: {
             type: Boolean,
-            value: false
+            value: false,
         },
         monthsFormatter: {
             type: null,
-            value: [
-                'Jan',
-                'Feb',
-                'Mar',
-                'Apr',
-                'May',
-                'Jun',
-                'Jul',
-                'Aug',
-                'Sept',
-                'Oct',
-                'Nov',
-                'Dec',
-            ],
+            value: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sept', 'Oct', 'Nov', 'Dec'],
         },
     },
     /**
@@ -75,7 +62,7 @@ SmartComponent({
             const minDateTime = new Date(minDate).getTime();
             const maxDateTime = new Date(maxDate).getTime();
             const months = getMonths(start, end);
-            const monthlist = months.map((date) => {
+            const monthlist = months.map(date => {
                 const monthVal = new Date(date).getMonth();
                 const time = new Date(date).getTime();
                 let isDisabled = false;

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

@@ -1,13 +1,15 @@
-<smart-row>
-  <smart-col wx:for="{{months}}" span="6">
-    <view wx:if="{{item.type === 'disabled'}}" class="item item_disabled" data-index="{{index}}">
-      {{item.text}}
-    </view>
-    <view wx:elif="{{currentMonth === item.value}}" class="item item_active" data-index="{{index}}" bindtap="onClick" style="background: {{ color }};">
-      {{item.text}}
-    </view>
-    <view wx:else class="item" data-index="{{index}}" bindtap="onClick">
-      {{item.text}}
-    </view>
-  </smart-col>
-</smart-row>
+<view class="contain">
+  <smart-row>
+    <smart-col wx:for="{{months}}" span="6" custom-class="col_item">
+      <view wx:if="{{item.type === 'disabled'}}" class="item item_disabled" data-index="{{index}}">
+        {{item.text}}
+      </view>
+      <view wx:elif="{{currentMonth === item.value}}" class="item item_active" data-index="{{index}}" bindtap="onClick" style="background: {{ color }};">
+        {{item.text}}
+      </view>
+      <view wx:else class="item" data-index="{{index}}" bindtap="onClick">
+        {{item.text}}
+      </view>
+    </smart-col>
+  </smart-row>
+</view>

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

@@ -1 +1 @@
-@import '../../../common/index.wxss';.item{border-radius:50%;color:rgba(0,0,0,.9);font-size:15px;font-weight:500;height:104rpx;line-height:104rpx;text-align:center;width:104rpx}.item_active{background:#3678e3;color:#fff}.item_disabled{opacity:.5}
+@import '../../../common/index.wxss';.contain{margin:24rpx 0}.item{border-radius:var(--calendar-cell-item-border-radius,104rpx);color:var(--calendar-cell-item-font-color,var(--app-B4-N1,#000));font-size:var(--calendar-cell-item-font-size,15px);font-weight:var(--calendar-day-font-weight,500);height:var(--calendar-cell-item-height,104rpx);line-height:var(--calendar-cell-item-height,104rpx);text-align:center;width:var(--calendar-cell-item-width,104rpx)}.item_active{background:#3678e3;color:#fff}.item_disabled{opacity:.5}.col_item{display:flex;justify-content:center}

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

@@ -1 +1 @@
-@import '../../../common/index.css';.contain{margin:24rpx 0}.item{border-radius:50%;color:rgba(0,0,0,.9);font-size:15px;font-weight:500;height:104rpx;line-height:104rpx;text-align:center;width:104rpx}.item_active{background:#3678e3;color:#fff}.item_disabled{opacity:.5}
+@import '../../../common/index.css';.contain{margin:24rpx 0}.item{border-radius:var(--calendar-cell-item-border-radius,104rpx);color:var(--calendar-cell-item-font-color,var(--app-B4-N1,#000));font-size:var(--calendar-cell-item-font-size,15px);font-weight:var(--calendar-day-font-weight,500);height:var(--calendar-cell-item-height,104rpx);line-height:var(--calendar-cell-item-height,104rpx);text-align:center;width:var(--calendar-cell-item-width,104rpx)}.item_active{background:#3678e3;color:#fff}.item_disabled{opacity:.5}.col_item{display:flex;justify-content:center}

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

@@ -16,7 +16,7 @@ SmartComponent({
         },
         readonly: {
             type: Boolean,
-            value: false
+            value: false,
         },
         minDate: {
             type: null,
@@ -71,7 +71,7 @@ SmartComponent({
             });
         },
         getYearList() {
-            const { minDate, maxDate, yearFormatter = 'YYYY', visibleIndex, date, } = this.data;
+            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();
@@ -79,7 +79,7 @@ SmartComponent({
             const minStart = new Date(minDate).getTime();
             const maxStart = new Date(maxDate).getTime();
             const years = getYears(start, end);
-            const yearlist = years.map((date) => {
+            const yearlist = years.map(date => {
                 const yearVal = new Date(date).getFullYear();
                 const curTime = new Date(date).getTime();
                 let isDisabled = false;

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

@@ -1,6 +1,6 @@
 <view class="contain">
   <smart-row>
-    <smart-col wx:for="{{years}}" span="6">
+    <smart-col wx:for="{{years}}" span="6" custom-class="col_item">
       <view wx:if="{{item.type === 'disabled'}}" class="item item_disabled" data-index="{{index}}">
         {{item.text}}
       </view>

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

@@ -1 +1 @@
-@import '../../../common/index.wxss';.contain{margin:24rpx 0}.item{border-radius:50%;color:rgba(0,0,0,.9);font-size:15px;font-weight:500;height:104rpx;line-height:104rpx;text-align:center;width:104rpx}.item_active{background:#3678e3;color:#fff}.item_disabled{opacity:.5}
+@import '../../../common/index.wxss';.contain{margin:24rpx 0}.item{border-radius:var(--calendar-cell-item-border-radius,104rpx);color:var(--calendar-cell-item-font-color,var(--app-B4-N1,#000));font-size:var(--calendar-cell-item-font-size,15px);font-weight:var(--calendar-day-font-weight,500);height:var(--calendar-cell-item-height,104rpx);line-height:var(--calendar-cell-item-height,104rpx);text-align:center;width:var(--calendar-cell-item-width,104rpx)}.item_active{background:#3678e3;color:#fff}.item_disabled{opacity:.5}.col_item{display:flex;justify-content:center}

package/dist/calendar/demo/index.d.ts

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