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

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

@@ -21,7 +21,7 @@ var maxMonthDate = new Date(currentYear + 10, 12, 31).getTime();
         },
         color: {
             type: String,
-            value: '#3678e3'
+            value: '#3678e3',
         },
         minDate: {
             type: null,
@@ -33,24 +33,11 @@ var maxMonthDate = new Date(currentYear + 10, 12, 31).getTime();
         },
         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'],
         },
     },
     /**

package/lib/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/lib/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/lib/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/lib/calendar/components/year-list/index.js

@@ -18,7 +18,7 @@ var component_1 = require("../../../common/component");
         },
         readonly: {
             type: Boolean,
-            value: false
+            value: false,
         },
         minDate: {
             type: null,

package/lib/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/lib/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/lib/calendar/demo/index.d.ts

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

package/lib/calendar/demo/index.js

@@ -0,0 +1,105 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../../common/component");
+(0, component_1.SmartComponent)({
+    data: {
+        // day
+        curDayDate: new Date(2024, 0, 15).getTime(),
+        minDayDate: new Date(2024, 0, 4).getTime(),
+        maxDayDate: new Date(2024, 1, 20).getTime(),
+        // weekday
+        curWeekDayDate: [
+            new Date(2024, 0, 15).getTime(),
+            new Date(2024, 0, 21).getTime(),
+        ],
+        minWeekDayDate: new Date(2024, 0, 4).getTime(),
+        maxWeekDayDate: new Date(2024, 1, 20).getTime(),
+        // range
+        curRangeDayDate: [
+            new Date(2024, 0, 10).getTime(),
+            new Date(2024, 0, 20).getTime(),
+        ],
+        minRangeDayDate: new Date(2024, 0, 4).getTime(),
+        maxRangeDayDate: new Date(2024, 1, 20).getTime(),
+        // month
+        curMonthDate: new Date(2024, 6, 1).getTime(),
+        minMonthDate: new Date(2024, 2, 1).getTime(),
+        maxMonthDate: new Date(2025, 9, 31).getTime(),
+        // year
+        curYearDate: new Date(2017, 6, 1).getTime(),
+        minYearDate: new Date(2012, 0, 1).getTime(),
+        maxYearDate: new Date(2029, 10, 31).getTime(),
+        // locale
+        confirmText: I18n.t('confirm'),
+        confirmDisabledText: I18n.t('confirm'),
+        firstDayOfWeek: 0,
+        locale: {
+            shortWeekDays: [
+                I18n.t('week0'),
+                I18n.t('week1'),
+                I18n.t('week2'),
+                I18n.t('week3'),
+                I18n.t('week4'),
+                I18n.t('week5'),
+                I18n.t('week6'),
+            ],
+            subFormatter: 'YYYY' + I18n.t('year') + 'MM' + I18n.t('month'),
+        },
+        locale2: {
+            subFormatter: 'YYYY' + I18n.t('year'),
+            monthsFormatter: [
+                I18n.t('cal_Jan'),
+                I18n.t('cal_Feb'),
+                I18n.t('cal_Mar'),
+                I18n.t('cal_Apr'),
+                I18n.t('cal_May'),
+                I18n.t('cal_Jun'),
+                I18n.t('cal_Jul'),
+                I18n.t('cal_Aug'),
+                I18n.t('cal_Sept'),
+                I18n.t('cal_Oct'),
+                I18n.t('cal_Nov'),
+                I18n.t('cal_Dec')
+            ]
+        },
+        showDayPicker: false,
+    },
+    methods: {
+        setCurDay: function (event) {
+            var date = event.detail;
+            this.setData({
+                curDayDate: new Date(date).getTime(),
+                showDayPicker: false,
+            });
+        },
+        setWeekCurDay: function (event) {
+            var date = event.detail;
+            this.setData({
+                curWeekDayDate: [date[0], date[1]],
+            });
+        },
+        setRangeCurDay: function (event) {
+            var date = event.detail;
+            this.setData({
+                curRangeDayDate: [date[0], date[1]],
+            });
+        },
+        setCurMonth: function (event) {
+            var date = event.detail;
+            this.setData({
+                curMonthDate: date,
+            });
+        },
+        setCurYear: function (event) {
+            var date = event.detail;
+            this.setData({
+                curYearDate: date,
+            });
+        },
+        onShowDayPicker: function () {
+            this.setData({
+                showDayPicker: !this.data.showDayPicker,
+            });
+        },
+    },
+});

package/lib/calendar/index.js

@@ -16,9 +16,7 @@ var component_1 = require("../common/component");
 var utils_1 = require("./utils");
 var toast_1 = __importDefault(require("../toast/toast"));
 var dateEdge = (0, utils_1.getInitEdgeDate)('year');
-var getTime = function (date) {
-    return date instanceof Date ? date.getTime() : date;
-};
+var getTime = function (date) { return (date instanceof Date ? date.getTime() : date); };
 (0, component_1.SmartComponent)({
     props: {
         title: {
@@ -88,11 +86,11 @@ var getTime = function (date) {
         },
         minDate: {
             type: Number,
-            value: dateEdge.min
+            value: dateEdge.min,
         },
         maxDate: {
             type: Number,
-            value: dateEdge.max
+            value: dateEdge.max,
         },
         position: {
             type: String,
@@ -120,7 +118,7 @@ var getTime = function (date) {
         },
         showConfirm: {
             type: Boolean,
-            value: true,
+            value: false,
         },
         showSubtitle: {
             type: Boolean,
@@ -298,8 +296,7 @@ var getTime = function (date) {
             return this.limitDateRange(defaultDate);
         },
         scrollIntoView: function () {
-            if (!this.isMounted)
-                return;
+            // if (!this.isMounted) return;
         },
         onOpen: function () {
             this.$emit('open');
@@ -399,10 +396,7 @@ var getTime = function (date) {
                 if (!valid) {
                     // auto selected to max range if showConfirm
                     if (this.data.showConfirm) {
-                        this.emit([
-                            date[0],
-                            (0, utils_1.getDayByOffset)(date[0], this.data.maxRange - 1),
-                        ]);
+                        this.emit([date[0], (0, utils_1.getDayByOffset)(date[0], this.data.maxRange - 1)]);
                     }
                     else {
                         this.emit(date);
@@ -437,8 +431,7 @@ var getTime = function (date) {
         },
         onConfirm: function () {
             var _this = this;
-            if (this.data.type === 'range' &&
-                !this.checkRange(this.data.currentDate)) {
+            if (this.data.type === 'range' && !this.checkRange(this.data.currentDate)) {
                 return;
             }
             wx.nextTick(function () {

package/lib/calendar/index.wxs

@@ -38,10 +38,7 @@ function getVisible(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 + '';
+  const month = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1 + "";
   return formatter.replace('YYYY', year + '').replace('MM', month);
 }
 
@@ -53,8 +50,8 @@ function formatYearTitle(date, offset, formatter = 'YYYY') {
 
 module.exports = {
   getMonths: getMonths,
-  getVisible,
+  getVisible: getVisible,
   getButtonDisabled: getButtonDisabled,
-  formatMonthTitle,
-  formatYearTitle,
+  formatMonthTitle: formatMonthTitle,
+  formatYearTitle: formatYearTitle,
 };

package/lib/calendar/utils.js

@@ -8,9 +8,7 @@ function formatMonthTitle(date, formatter) {
         date = new Date(date);
     }
     var year = date.getFullYear();
-    var month = date.getMonth() + 1 < 10
-        ? "0".concat(date.getMonth() + 1)
-        : date.getMonth() + 1 + '';
+    var month = date.getMonth() + 1 < 10 ? "0".concat(date.getMonth() + 1) : date.getMonth() + 1 + '';
     return formatter.replace('YYYY', year + '').replace('MM', month);
 }
 exports.formatMonthTitle = formatMonthTitle;

package/lib/cascader/demo/index.d.ts

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

package/lib/cascader/demo/index.js

@@ -0,0 +1,197 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../../common/component");
+var zhCNOptions = [
+    {
+        text: I18n.t('zhejiangProvince'),
+        value: '330000',
+        options: [
+            {
+                text: I18n.t('hangzhou'),
+                value: '330100',
+                options: [
+                    {
+                        text: I18n.t('upperCityDistrict'),
+                        value: '330102',
+                    },
+                    {
+                        text: I18n.t('downtownDistrict'),
+                        value: '330103',
+                    },
+                    {
+                        text: I18n.t('jiangganDistrict'),
+                        value: '330104',
+                    },
+                ],
+            },
+            {
+                text: I18n.t('ningboCity'),
+                value: '330200',
+                options: [
+                    {
+                        text: I18n.t('haishuDistrict'),
+                        value: '330203',
+                    },
+                    {
+                        text: I18n.t('jiangbeiDistrict'),
+                        value: '330205',
+                    },
+                    {
+                        text: I18n.t('beilunDistrict'),
+                        value: '330206',
+                    },
+                ],
+            },
+            {
+                text: I18n.t('wenzhou'),
+                value: '330300',
+                options: [
+                    {
+                        text: I18n.t('luchengDistrict'),
+                        value: '330302',
+                    },
+                    {
+                        text: I18n.t('longwanDistrict'),
+                        value: '330303',
+                    },
+                    {
+                        text: I18n.t('ouhaiDistrict'),
+                        value: '330304',
+                    },
+                ],
+            },
+        ],
+    },
+    {
+        text: I18n.t('jiangsuProvince'),
+        value: '320000',
+        options: [
+            {
+                text: I18n.t('nanjing'),
+                value: '320100',
+                options: [
+                    {
+                        text: I18n.t('xuanwuDistrict'),
+                        value: '320102',
+                    },
+                    {
+                        text: I18n.t('qinhuaiDistrict'),
+                        value: '320104',
+                    },
+                    {
+                        text: I18n.t('jianyeDistrict'),
+                        value: '320105',
+                    },
+                ],
+            },
+            {
+                text: I18n.t('wuxi'),
+                value: '320200',
+                options: [
+                    {
+                        text: I18n.t('xishanDistrict'),
+                        value: '320205',
+                    },
+                    {
+                        text: I18n.t('huishanDistrict'),
+                        value: '320206',
+                    },
+                    {
+                        text: I18n.t('binhuDistrict'),
+                        value: '320211',
+                    },
+                ],
+            },
+            {
+                text: I18n.t('xuzhou'),
+                value: '320300',
+                options: [
+                    {
+                        text: I18n.t('gulouDistrict'),
+                        value: '320302',
+                    },
+                    {
+                        text: I18n.t('yunlongDistrict'),
+                        value: '320303',
+                    },
+                    {
+                        text: I18n.t('jiawangDistrict'),
+                        value: '320305',
+                    },
+                ],
+            },
+        ],
+    },
+];
+var asyncOptions1 = [
+    {
+        text: I18n.t('zhejiangProvince'),
+        value: '330000',
+        options: [],
+    },
+];
+var asyncOptions2 = [
+    { text: I18n.t('hangzhou'), value: '330100' },
+    { text: I18n.t('ningboCity'), value: '330200' },
+];
+(0, component_1.SmartComponent)({
+    data: {
+        area: I18n.t('region'),
+        options: zhCNOptions,
+        selectArea: I18n.t('pleaseSelectARegion'),
+        baseState: {
+            show: false,
+            value: '',
+            result: '',
+        },
+        asyncState: {
+            show: false,
+            value: undefined,
+            result: '',
+            options: asyncOptions1,
+        },
+        customFieldState: {
+            show: false,
+            value: '',
+            result: '',
+        },
+    },
+    methods: {
+        onClick: function (e) {
+            var _a;
+            var stateKey = e.currentTarget.dataset.stateKey;
+            this.setData((_a = {},
+                _a["".concat(stateKey, ".show")] = true,
+                _a));
+        },
+        onClose: function (e) {
+            var _a;
+            var stateKey = e.currentTarget.dataset.stateKey;
+            this.setData((_a = {},
+                _a["".concat(stateKey, ".show")] = false,
+                _a));
+        },
+        onFinish: function (e) {
+            var _a;
+            var stateKey = e.currentTarget.dataset.stateKey;
+            var _b = e.detail, selectedOptions = _b.selectedOptions, value = _b.value;
+            var result = selectedOptions.map(function (option) { return option.text; }).join('/');
+            this.setData((_a = {},
+                _a["".concat(stateKey, ".value")] = value,
+                _a["".concat(stateKey, ".result")] = result,
+                _a));
+            this.onClose(e);
+        },
+        loadDynamicOptions: function (e) {
+            var _this = this;
+            var value = e.detail.value;
+            if (value === '330000') {
+                setTimeout(function () {
+                    _this.setData({
+                        'asyncState.options[0].options': asyncOptions2,
+                    });
+                }, 500);
+            }
+        },
+    },
+});

package/lib/cell/demo/index.d.ts

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

package/lib/cell/demo/index.js

@@ -0,0 +1,39 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var icons = __importStar(require("@tuya-miniapp/icons"));
+var component_1 = require("../../common/component");
+(0, component_1.SmartComponent)({
+    data: {
+        sunMaxFill: icons.Sun,
+        checkMark: icons.Checkmark,
+    },
+    methods: {
+        onNavTo: function () {
+            // @ts-ignore
+            ty.openInnerH5({ url: 'https://www.tuya.com', title: 'Tuya' });
+        },
+    },
+});

package/lib/cell/index.js

@@ -10,13 +10,7 @@ var Right_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Right"));
 var link_1 = require("../mixins/link");
 var component_1 = require("../common/component");
 (0, component_1.SmartComponent)({
-    classes: [
-        'title-class',
-        'label-class',
-        'value-class',
-        'right-icon-class',
-        'hover-class',
-    ],
+    classes: ['title-class', 'label-class', 'value-class', 'right-icon-class', 'hover-class'],
     mixins: [link_1.link],
     props: {
         title: null,

package/lib/checkbox/demo/index.d.ts

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

package/lib/checkbox/demo/index.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../../common/component");
+(0, component_1.SmartComponent)({
+    data: {
+        checkbox1: true,
+        checkbox2: true,
+        checkbox3: true,
+        checkboxLabel: true,
+        checkboxSize: true,
+        checkboxShape: true,
+        list: ['a', 'b', 'c'],
+        result: ['a', 'b'],
+        result2: [],
+        result3: [],
+        result4: [],
+        activeIcon: 'https://images.tuyacn.com/content-platform/hestia/1730877912e76cbdb7563.png',
+        inactiveIcon: '',
+    },
+    methods: {
+        onChange: function (event) {
+            var _a;
+            var key = event.currentTarget.dataset.key;
+            this.setData((_a = {}, _a[key] = event.detail, _a));
+        },
+        onChange2: function (event) {
+            var _a;
+            var key = event.currentTarget.dataset.key;
+            this.setData((_a = {}, _a[key] = !event.detail, _a));
+        },
+        toggle: function (event) {
+            var index = event.currentTarget.dataset.index;
+            var checkbox = this.selectComponent(".checkboxes-".concat(index));
+            checkbox.toggle();
+        },
+        noop: function () { },
+    },
+});

package/lib/checkbox/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var Checkmark_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Checkmark"));
+var Check_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Check"));
 var relation_1 = require("../common/relation");
 var component_1 = require("../common/component");
 function emit(target, value) {
@@ -36,7 +36,7 @@ function emit(target, value) {
     data: {
         parentDisabled: false,
         direction: 'vertical',
-        icon: Checkmark_1.default,
+        icon: Check_1.default,
     },
     methods: {
         emitChange: function (value) {

package/lib/circle/demo/index.d.ts

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

package/lib/circle/demo/index.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../../common/component");
+var format = function (rate) { return Math.min(Math.max(rate, 0), 100); };
+(0, component_1.SmartComponent)({
+    data: {
+        value: 25,
+        gradientColor: {
+            '0%': '#ffd01e',
+            '100%': '#ee0a24',
+        },
+    },
+    methods: {
+        run: function (e) {
+            var step = parseFloat(e.currentTarget.dataset.step);
+            this.setData({
+                value: format((this.data.value += step)),
+            });
+        },
+    },
+});

package/lib/col/demo/index.d.ts

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

package/lib/col/demo/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../../common/component");
+(0, component_1.SmartComponent)({
+    data: {},
+});

package/lib/collapse/demo/index.d.ts

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