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

package/lib/datetime-picker/index.js

@@ -53,7 +53,9 @@ function getTrueValue(formattedValue) {
 function getMonthEndDay(year, month) {
     return 32 - new Date(year, month - 1, 32).getDate();
 }
-var defaultFormatter = function (type, value) { return value; };
+var defaultFormatter = function (type, value) {
+    return value;
+};
 (0, component_1.SmartComponent)({
     classes: ['active-class', 'toolbar-class', 'column-class'],
     props: __assign(__assign({}, shared_1.pickerProps), { value: {
@@ -266,8 +268,7 @@ var defaultFormatter = function (type, value) { return value; };
             var originColumns = this.getOriginColumns();
             if (data.type === 'time') {
                 var indexes = picker.getIndexes();
-                value = "".concat(+originColumns[0].values[indexes[0]], ":").concat(+originColumns[1]
-                    .values[indexes[1]]);
+                value = "".concat(+originColumns[0].values[indexes[0]], ":").concat(+originColumns[1].values[indexes[1]]);
             }
             else {
                 var indexes = picker.getIndexes();

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

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

package/lib/dialog/demo/index.js

@@ -0,0 +1,144 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../../common/component");
+var dialog_1 = __importDefault(require("../../dialog/dialog"));
+var message = 'Body';
+(0, component_1.SmartComponent)({
+    data: {
+        show: false,
+        inputValue: '',
+    },
+    methods: {
+        showCustomDialog: function () {
+            this.setData({ show: true });
+        },
+        getUserInfo: function (event) {
+            console.log(event.detail);
+        },
+        onClickThemeAlert: function () {
+            console.log('=== click theme alert');
+            dialog_1.default.alert({
+                context: this,
+                title: 'Title',
+                theme: 'round-button',
+                icon: false,
+                message: message,
+                confirmButtonText: I18n.t('confirm'),
+                cancelButtonText: I18n.t('cancel'),
+            });
+        },
+        onClickThemeAlert2: function () {
+            console.log('=== 222 click theme alert');
+            dialog_1.default.alert({
+                context: this,
+                theme: 'round-button',
+                message: message,
+                confirmButtonText: I18n.t('confirm'),
+                cancelButtonText: I18n.t('cancel'),
+            });
+        },
+        onClickAlert: function () {
+            dialog_1.default.alert({
+                context: this,
+                title: 'Title',
+                icon: false,
+                message: message,
+                confirmButtonText: I18n.t('confirm'),
+                cancelButtonText: I18n.t('cancel'),
+            });
+        },
+        onClickAlert2: function () {
+            dialog_1.default.alert({
+                context: this,
+                message: 'Title',
+                confirmButtonText: I18n.t('confirm'),
+                cancelButtonText: I18n.t('cancel'),
+            });
+        },
+        onClickConfirm: function () {
+            dialog_1.default.confirm({
+                context: this,
+                title: 'Title',
+                icon: false,
+                message: message,
+                cancelButtonText: 'Sub Action',
+                confirmButtonText: I18n.t('confirm'),
+            });
+        },
+        onClickConfirmIcon: function () {
+            dialog_1.default.confirm({
+                context: this,
+                title: 'Title',
+                icon: true,
+                message: message,
+                cancelButtonText: 'Sub Action',
+                confirmButtonText: I18n.t('confirm'),
+            });
+        },
+        onClickInput: function () {
+            var _this = this;
+            var beforeClose = function (action, value) {
+                return new Promise(function (resolve) {
+                    setTimeout(function () {
+                        if (action === 'confirm') {
+                            // 不存在输入值则拦截确认操作
+                            resolve(!!value);
+                        }
+                        else {
+                            resolve(true);
+                        }
+                    }, 1000);
+                });
+            };
+            dialog_1.default.input({
+                context: this,
+                title: 'Title',
+                value: this.data.inputValue,
+                cancelButtonText: 'Sub Action',
+                beforeClose: beforeClose,
+                confirmButtonText: I18n.t('confirm'),
+            })
+                .then(function (res) {
+                var _a;
+                console.log('=== onConfirm', res);
+                var inputValue = (_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.inputValue;
+                _this.setData({ inputValue: inputValue });
+            })
+                .catch(function (res) {
+                console.log('=== onCancel', res);
+            });
+        },
+        onClickAsyncClose: function () {
+            var beforeClose = function (action) {
+                return new Promise(function (resolve) {
+                    setTimeout(function () {
+                        if (action === 'confirm') {
+                            resolve(true);
+                        }
+                        else {
+                            // 拦截取消操作
+                            resolve(false);
+                        }
+                    }, 1000);
+                });
+            };
+            dialog_1.default.confirm({
+                context: this,
+                title: 'Title',
+                icon: false,
+                message: message,
+                beforeClose: beforeClose,
+                confirmButtonText: I18n.t('confirm'),
+                cancelButtonText: I18n.t('cancel'),
+            });
+        },
+        onClose: function () {
+            this.setData({
+                show: false,
+            });
+        },
+    },
+});

package/lib/dialog/dialog.js

@@ -48,9 +48,7 @@ function getContext() {
 var Dialog = function (options) {
     options = __assign(__assign({}, currentOptions), options);
     return new Promise(function (resolve, reject) {
-        var context = (typeof options.context === 'function'
-            ? options.context()
-            : options.context) || getContext();
+        var context = (typeof options.context === 'function' ? options.context() : options.context) || getContext();
         var dialog = context.selectComponent(options.selector);
         delete options.context;
         delete options.selector;

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

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

package/lib/divider/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/dropdown-item/index.wxml

@@ -25,13 +25,7 @@
       wx:for="{{ options }}"
       wx:key="value"
       data-option="{{ item }}"
-      class="{{ utils.bem(
-        'dropdown-item__option', 
-        { 
-          active: item.value === value, 
-          first: direction === 'up' ? index ===  options.length-1 : !index, 
-          up: direction === 'up' 
-        } ) }}"
+      class="{{ utils.bem('dropdown-item__option', { active: item.value === value, first: direction === 'up' ? index ===  options.length-1 : !index, up: direction === 'up' }) }}"
       clickable
       icon="{{ item.icon }}"
       bind:tap="onOptionTap"

package/lib/dropdown-menu/demo/index.d.ts

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

package/lib/dropdown-menu/demo/index.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../../common/component");
+(0, component_1.SmartComponent)({
+    data: {
+        switchTitle1: I18n.t('freeShipping'),
+        switchTitle2: I18n.t('groupBuy'),
+        itemTitle: I18n.t('filter'),
+        option1: [
+            { text: I18n.t('allProducts'), value: 0 },
+            { text: I18n.t('newProduct'), value: 1 },
+            { text: I18n.t('promotionalItems'), value: 2 },
+        ],
+        option2: [
+            { text: I18n.t('defaultSorting'), value: 'a' },
+            { text: I18n.t('sortByPositiveReviews'), value: 'b' },
+            { text: I18n.t('sortBySales'), value: 'c' },
+        ],
+        switch1: true,
+        switch2: false,
+        value1: 0,
+        value2: 'a',
+    },
+    methods: {
+        onConfirm: function () {
+            this.selectComponent('#item').toggle();
+        },
+        onSwitch1Change: function (_a) {
+            var detail = _a.detail;
+            this.setData({ switch1: detail });
+        },
+        onSwitch2Change: function (_a) {
+            var detail = _a.detail;
+            this.setData({ switch2: detail });
+        },
+        onBeforeChange: function (_a) {
+            var _b = _a.detail, status = _b.status, callback = _b.callback;
+            wx.showModal({
+                title: I18n.t('asynchronousOnOff'),
+                content: "".concat(I18n.t('areYouSureYouWantTo')).concat(status ? I18n.t('open') : I18n.t('close')).concat(I18n.t('dropdownMenu')),
+                success: function (res) {
+                    if (res.confirm) {
+                        callback(true);
+                    }
+                    else if (res.cancel) {
+                        callback(false);
+                    }
+                },
+            });
+        },
+    },
+});

package/lib/dropdown-menu/index.js

@@ -55,7 +55,7 @@ var ARRAY = [];
             type: String,
             value: '#CCCCCC',
             observer: 'updateChildrenData',
-        }
+        },
     },
     data: {
         triangleDown: TriangleDown_1.default,
@@ -127,9 +127,7 @@ var ARRAY = [];
             var child = this.children[index];
             if (!child.data.disabled) {
                 ARRAY.forEach(function (menuItem) {
-                    if (menuItem &&
-                        menuItem.data.closeOnClickOutside &&
-                        menuItem !== _this) {
+                    if (menuItem && menuItem.data.closeOnClickOutside && menuItem !== _this) {
                         menuItem.close();
                     }
                 });

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

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

package/lib/empty/demo/index.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../../common/component");
+(0, component_1.SmartComponent)({
+    data: {
+        activeTab: 0,
+    },
+    methods: {
+        onChange: function (event) {
+            this.setData({
+                activeTab: event.detail.name,
+            });
+        },
+    },
+});

package/lib/empty/index.css

@@ -1 +1 @@
-@import '../common/index.css';.smart-empty{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}.smart-empty__image{height:var(--empty-image-height,180px);width:var(--empty-image-width,180px)}.smart-empty__image:empty{display:none}.smart-empty__image__img{height:100%;width:100%}.smart-empty__image:not(:empty)+.smart-empty__image{display:none}.smart-empty__title{color:var(--empty-title-color,var(--app-B6-N1,#000));font-size:var(--empty-title-font-size,16px);line-height:var(--empty-title-line-height,24px);margin-top:var(--empty-title-margin-top,7px);text-align:center}.smart-empty__title:empty{display:none}.smart-empty__description{color:var(--empty-description-color,var(--app-B4-N3,rgba(0,0,0,.5)));font-size:var(--empty-description-font-size,14px);line-height:var(--empty-description-line-height,20px);margin-top:var(--empty-description-margin-top,4px)}.smart-empty__description:empty{display:none}.smart-empty__bottom{margin-top:24px}.smart-empty__bottom:empty{display:none}
+@import '../common/index.css';.smart-empty{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}.smart-empty__image{height:var(--empty-image-height,180px);width:var(--empty-image-width,180px)}.smart-empty__image:empty{display:none}.smart-empty__image__img{height:100%;width:100%}.smart-empty__image:not(:empty)+.smart-empty__image{display:none}.smart-empty__title{color:var(--empty-title-color,var(--app-B6-N1,#000));font-size:var(--empty-title-font-size,16px);font-weight:var(--empty-title-font-weight,normal);line-height:var(--empty-title-line-height,24px);margin-top:var(--empty-title-margin-top,7px);text-align:center}.smart-empty__title:empty{display:none}.smart-empty__description{color:var(--empty-description-color,var(--app-B4-N3,rgba(0,0,0,.5)));font-size:var(--empty-description-font-size,14px);font-weight:var(--empty-description-font-weight,normal);line-height:var(--empty-description-line-height,20px);margin-top:var(--empty-description-margin-top,4px)}.smart-empty__description:empty{display:none}.smart-empty__bottom{margin-top:24px}.smart-empty__bottom:empty{display:none}

package/lib/empty/index.wxs

@@ -1,5 +1,5 @@
 /* eslint-disable */
-const defaultIcon = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWgAAAFoCAMAAABNO5HnAAAAAXNSR0IArs4c6QAAADlQTFRFR3BMqKionZ2dhISEkJCQjo6OioqK1NTUjY2NjY2NgoKCkJCQubm5jIyMiIiIoqKiqqqqfn5+e3t7k4/mfgAAABN0Uk5TAGZgBQ4JMmgWIVJcaFJrPTQCUrfY0bAAAA6PSURBVHja7NlLautAFARQEcsgDUyV97/ZB09xbDlxMpBI4nBOow/qWXHpnwYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD4Y45tHpkP8tnJeUyS04MrmUS0jzHJp1EfZbSHQ5LkJZ8Q0h7mXLw8uDJLabtDvlYxbXeZCR8xH+6kUdLfIjfm3GhNhzsac3UeptVo0bwZJbXRtB4fblO/rEesO3ZwvgtzNVhU0Ptp3vQ+6NlsuJ8+ruizoL8h6FVFV9CbNenSlqCb5ctS0UuPit5B7sfoS7I3q46mFtJbNU1fDcOYNksbr32pHctmTdLXup2nJunSOs3p0ldDx3Zt2yz35ZmlXb82raC3apOmSW/b9TVNrTp2cC3l9FrduV4LO8Ot5vV4ka5ulw5b8M2mtumdvHuZnv54ssfhRx177zgM47vUx+c/NZuHn9U7xw/jf+r16ymnX7C5nbv24dd5UNFbjV2ZPwx6fPpTs1M6/LCuzMf/5q6cVfR2Y780DU9r7O/579kvDU9rzo3ptyd9+BP/+POPfTPabRiEoWjoYIbNCs7//+y6WAwYWRW1kG7ZPRAI7VOPLOM2VGP62ckjiPwwBjv9VV4kVjw9ZBYfGr9p+ssH0f2vO9q2LNMZERxte9ZB2anAWZyw74OLUWJNoTbglGzXmkPWrpOUdYfgAFYv3Oq26FVEe4mC3NEHid+avJQFAASNEo1nzINw3z1j8xuEFJYR0ANx9RM5/Nt6pOkU0IIaYyQuiBIFVcZQFi+fBDsVeGyLI5JHaxVnr7qzhK3kHESQSTrjk+daP0q97rglb4z+yzQqkIEEVNLHICL4q/URBHxnOYTFonoGAByLC28cxSPHj7Y8zzPTFY6oXAZhV8uraGZS2dhVh1lW0US8jp9zRB7pblkxxKkxIY+MsKwwbTVskR0tK8xMTdd0whIgu4NlxdC26dU2Y4vsYPlGRHMaNXcb5JFHLCtqM5P06kB5iR8Jb2JfK8stSW3VM9UCeeQuy0rtcltximu9idgi91vO/Ci5lZ1BqZ3wanm3aKqv1nkLSu2r5fd5N4YfwURxsLwLfpwoHpbHRnTm8o/yiH9Ty8eLznnEwvIN0U3Xq1zr2GD0MnUegeVt0duazTpW96Zp2bGpjFtYbmgDumx5bfhmK00TsTuhZ2Jzme/H8L5W3qS5aenZAcXpdOgH47ttmyusV+7aymV6cb1Jc3pbL41lUtUynQyhzF2ys9XcG/PlS1xMXwu1rI51tNOpsPrBrp2TbDPv5DLPH+2bjZKrKhCEy99VxGP0/R/2qJPZzuwoyxKTGEKDgIiJ96u+Lak6m5Ojlau1ydGgs9Qz5S9CzYovOCDAzv1IzyJe4ArqPMKhWlAGYuZ9iSs48B9oufEJ7Zwoz+6/soWsGLrFibEWqniKJh7OFRhb4WvQ3rMyusxDdocy0gIC6zLO4EBGUrMHO2dLw9EhsoQZjTB0XHu8i8QseyKg9iO5CI5FYZSBVH09dIkpOGRCA/JmjjBqUA5xNBtY2JjHYlDFFhyQ1SeWKlsbjmZfZ7/pdgl/FBqQ1Y8Qx29vSNMFZMyzB2dwgE0cXQVLLD4DvDdDw8YTHqMnZRgaZ5wjjNHL0RafotHiCiYj2eMNmvKus3SGIkfIrO4KzJbNDLAO/hHE9LgTHBqq9jSAkbUXuTnbLbc6z6Ahmh2HO0G0vzGw3M+08z1r034ZWwxEM3q93YhljzdevvylWYAysgCwUSgxSCojvFVGtePQsh6Wxhnhtkx6qUTZchG0+RacOei/MeivAAmqIqvBHbBBeRHYaunZeMLj8he6EiQuyNaKljsZMdL9bsRR7PGqe/0MwGAr3nNsdCzRlgb5aGM6jDKkLQ3qVDrMiIUbv729NEQdHBqtTBIVBsDX5fD45ksUXbzhUYVS1qeALixtbWes3jFb/Qn++iBDC7QqDWBgAt3LNRsJHz3oAxhbHBI8HG0yxITCG4C6iuy3SrgQIQTaWA3UUhOi8sNAA5b2NI0sg851WGDwAY5uDzKv1bHCfs4W0AgPLIA+IKPLQ+NC+XWmPMss6hVfB+oIf4UfiVlj/3b0ZEym/BysmH6vhIcIQC6QM3b0ZCwW3acxpl/g4awx5H/83JlVucYc/5sQqh62ubPZtVxBC0tHn89a43A4ZnBeKjt66sWy6DfQWsXFHu5pGDqzhpV9qpmhohkOxQzOcPQs+6lmhsY5rS8HwmY3Z3D0rPxDzazV2MNAE2fsOsItHeNf0JZZdgjqFTPXfjKsPuCj+pgAA/Qiey9s8Ucs5Oiw96HN+36IEjTBuRf2+imcHeRo1tcflPerYgRd4W8tbThsJnw9uskEvA9t15NijQ62NHMK4Uzivp8mA1lfM7OGiDOaKzdBOw6mLR1tei8zs/JoHb0nf9jqVjMJ0pmvma+DYYwyo12y/sEBsaMh5929UtyODmedbTlaoM59krkjT8PRUYLO7ZDtKVewNWf6CP6YDpxd78Oshz4jowebUZdvYabG7gcHPoKU9+Ro9/uwv1H3KRl9C3igI98g/mUdhhYZLUH3Jv/VzF30GZ0L44IX0c6p4UXqJ428ui4nR4O03nn0LuVx7qMrxouez0jocz4DbMt3ADMcLdT3Vr7/zKad85gdHVIW2jbbu9pN2tILxSW+aWwc0RGto7M8pJK2L7KjpcjIc3EpakeHVSqb1WhHa+Sbns7jdTQDo957nLvWdA7QytMqpeMEXa58Zi299xjN1hqA1pSpcylW0ISJ+dEJ9Y55NGp9iKNJXeSgpTIMnfOZazGBnjYdTXLsouOODjTsTec8MGMdBkGO7j4gOiS368gxj3OakTfA0dMfHd1FD1rHg+KtL8irGQZhjo5+1yFQKmX61DnjdjT0gbsOYoVWeRbzOzN6YABa+9mV0h2BrooxQtB36nhHd0NZVdWYQIeCdju6QzeDXlQk0L9pIgV7uqyuqBPoox0NO5OjWUUC/QhHIzqgYkygd9TB0V6WBmNWU1U3rMdIQHdHl/szeqjbCooDdbVYcKnqkMKsnqMWfUeODkjp7podZhjauPKjqQnzljM7HK5ZXDnM0fVg6tnWzS3qN8dc14wJwKmR/sYVHHI1ZkIcDZGh67kOsPVbu7pq6kUqYIFcX9ic1OunKczTHUe0qRfU09zeoh7Hd8Tc1ouGuidEXEUjzjTrnUGgo4HaDHW/WrqehlvURTG+J+ZhbTpSzvW7yTGYqw5rnKLSdIijobpevVyb76b8Jl28HWao/0mLG0YprkA4XZdgEaIjKKSHYRrW5FgThEpbMuhifDfMUA9c25bmmT1L496r/oU7evbvQnlpiDEPVtBzeRfUxTfmgY6lZVzK0WozJ5Sjl+SnYEvXSzyTkc3a81HX7eJo0lts6DY19MAmHZ0rR6MoR3PvBA1tm3ltp6VBJWO3q6HfIT/K2qG+l6EAbTpaXwbsgJA2w2pmimd6C6K9Hpe6LEjnRl3UStrYSoDreQmcfVIaZjb1IqI8ATIN5o4E1Gf+fdJS9YNN0aDhosoQRydfhm5LLz3l8Vz7uRBclRxrQ1F9bk+Xt3jbvYIUCVCIo8nME7NEXLBAedVlPpoTgy5agXdPfLmFsYM0eTramKGeKDMmymYYmE4HPgdnNvVJ9xr+hqa198F2Ohq8r2Zm1Oxt6qSkyZtTgq44mrkQSdViCbqAFEFEOzw915UwN4Zg0ojGOBAbFx601Xg+O4Mf6k7BZTQBxp5+JT0IM8twBlv00IVNfbZ0dsBFh8t6LgD2b5zrW8yGqjssLiL4Lu3SVifbbLRcVUGnLqPBpb4PAK1QyzyG4OYdzXQXxPOAPVCex86NBIgqKOqr29cpsqfO/Juc7dz7YZ5EJAviKi5WzPwiuVwfaDyPnVEw3ICtSYsONy8p0oc6emHLhCFTK2nGdNZeaMwPd474aFY+dFCHU6BVeMUsloI370VM1223/zTn+QBgGs3VSy0nx5XwpaYRPdjr42NsgFXwwxj4uIKsJCzBr6IUmf6Zn+1MWjt6AmDIyRoxQS8/tjMXrs346t1GC0R7Yz6gWmDW94lry17EdHMkc0ub6Ln+FEcGcPuo5eRYDvbz9YBeGx8VCDlQA682NXq4Xk0y7GudZsrUScpA7KmWvIzu5tBPW77yNQiBihgDoJZY7Jbci8zN0gnMIpAnbydTz2hX9uuYevmA5eviWVnYH5voNj9Avi9h7LlQ85OyFM06vCx+SVE6y42QerTmRfH8bAG2SA7wBFy3WnSEmGNZxrNWM0bNWas2xnQByaytjEIdO3iPdfH03GhfrHowwOyLugVr8SZkL7fcA/KrSMPPTftyNeKkcSykgluow8BbzXO3eSU/tLM69MsdjVd1Q6IlVNScwI5lWLH3tLPK53L2Qb1bWvcdnqgFNT0ELUzjnBrJVHoe5ccTVs/jDEs5qsNxjesOf0fLO4VRsaQRK7lgQL1etPe0IP0EPz++hP7fwgM5416sZt3lWaTLZlVLh6NFr9X+fkf7a0XBuZhWE+o7+U4cGEL6IZ9AusLz31Oouop/lSNqMC2uq2dHxRw3KC/wdCWtFy73J3gCBk9FVqyh6vrmVgypcd7wYNLFtynC3ez1CT4CU0DHgTUs1zdjDqi5bN9QPZbzUwQfotMzar3KVOXoQ1VEwDkkhDTsAHkkBzQ+ivPYJD2FdCL7Q+WjNtBnUxlw+VBVD9rYlSerS8NFDdTloytIR86ZANKBE+4A+JHffzzpsTyrmqVSQUcNzh+n4mDQePCzFWpA+efko79+PJbzydVghBbDR6o6NKDLd1CzP9W8B+mCnvW0FWro0Gwf99VHhkeZ5NRhwZFQPiU8ivJdVHHhYbhesMcbq6RfdURMJ4oeOsDSRaLooyIFx5OUDP0kFcnQb2HpIslbdxk64fPXmAz9JI3J0KcHnfQ3Jc6n5AyN6fjjkZSUlJSUlJSUlJSUlJSU9GL9B+ab4VEvVpgKAAAAAElFTkSuQmCC'
+var defaultIcon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWgAAAFoCAMAAABNO5HnAAAAAXNSR0IArs4c6QAAADlQTFRFR3BMqKionZ2dhISEkJCQjo6OioqK1NTUjY2NjY2NgoKCkJCQubm5jIyMiIiIoqKiqqqqfn5+e3t7k4/mfgAAABN0Uk5TAGZgBQ4JMmgWIVJcaFJrPTQCUrfY0bAAAA6PSURBVHja7NlLautAFARQEcsgDUyV97/ZB09xbDlxMpBI4nBOow/qWXHpnwYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD4Y45tHpkP8tnJeUyS04MrmUS0jzHJp1EfZbSHQ5LkJZ8Q0h7mXLw8uDJLabtDvlYxbXeZCR8xH+6kUdLfIjfm3GhNhzsac3UeptVo0bwZJbXRtB4fblO/rEesO3ZwvgtzNVhU0Ptp3vQ+6NlsuJ8+ruizoL8h6FVFV9CbNenSlqCb5ctS0UuPit5B7sfoS7I3q46mFtJbNU1fDcOYNksbr32pHctmTdLXup2nJunSOs3p0ldDx3Zt2yz35ZmlXb82raC3apOmSW/b9TVNrTp2cC3l9FrduV4LO8Ot5vV4ka5ulw5b8M2mtumdvHuZnv54ssfhRx177zgM47vUx+c/NZuHn9U7xw/jf+r16ymnX7C5nbv24dd5UNFbjV2ZPwx6fPpTs1M6/LCuzMf/5q6cVfR2Y780DU9r7O/579kvDU9rzo3ptyd9+BP/+POPfTPabRiEoWjoYIbNCs7//+y6WAwYWRW1kG7ZPRAI7VOPLOM2VGP62ckjiPwwBjv9VV4kVjw9ZBYfGr9p+ssH0f2vO9q2LNMZERxte9ZB2anAWZyw74OLUWJNoTbglGzXmkPWrpOUdYfgAFYv3Oq26FVEe4mC3NEHid+avJQFAASNEo1nzINw3z1j8xuEFJYR0ANx9RM5/Nt6pOkU0IIaYyQuiBIFVcZQFi+fBDsVeGyLI5JHaxVnr7qzhK3kHESQSTrjk+daP0q97rglb4z+yzQqkIEEVNLHICL4q/URBHxnOYTFonoGAByLC28cxSPHj7Y8zzPTFY6oXAZhV8uraGZS2dhVh1lW0US8jp9zRB7pblkxxKkxIY+MsKwwbTVskR0tK8xMTdd0whIgu4NlxdC26dU2Y4vsYPlGRHMaNXcb5JFHLCtqM5P06kB5iR8Jb2JfK8stSW3VM9UCeeQuy0rtcltximu9idgi91vO/Ci5lZ1BqZ3wanm3aKqv1nkLSu2r5fd5N4YfwURxsLwLfpwoHpbHRnTm8o/yiH9Ty8eLznnEwvIN0U3Xq1zr2GD0MnUegeVt0duazTpW96Zp2bGpjFtYbmgDumx5bfhmK00TsTuhZ2Jzme/H8L5W3qS5aenZAcXpdOgH47ttmyusV+7aymV6cb1Jc3pbL41lUtUynQyhzF2ys9XcG/PlS1xMXwu1rI51tNOpsPrBrp2TbDPv5DLPH+2bjZKrKhCEy99VxGP0/R/2qJPZzuwoyxKTGEKDgIiJ96u+Lak6m5Ojlau1ydGgs9Qz5S9CzYovOCDAzv1IzyJe4ArqPMKhWlAGYuZ9iSs48B9oufEJ7Zwoz+6/soWsGLrFibEWqniKJh7OFRhb4WvQ3rMyusxDdocy0gIC6zLO4EBGUrMHO2dLw9EhsoQZjTB0XHu8i8QseyKg9iO5CI5FYZSBVH09dIkpOGRCA/JmjjBqUA5xNBtY2JjHYlDFFhyQ1SeWKlsbjmZfZ7/pdgl/FBqQ1Y8Qx29vSNMFZMyzB2dwgE0cXQVLLD4DvDdDw8YTHqMnZRgaZ5wjjNHL0RafotHiCiYj2eMNmvKus3SGIkfIrO4KzJbNDLAO/hHE9LgTHBqq9jSAkbUXuTnbLbc6z6Ahmh2HO0G0vzGw3M+08z1r034ZWwxEM3q93YhljzdevvylWYAysgCwUSgxSCojvFVGtePQsh6Wxhnhtkx6qUTZchG0+RacOei/MeivAAmqIqvBHbBBeRHYaunZeMLj8he6EiQuyNaKljsZMdL9bsRR7PGqe/0MwGAr3nNsdCzRlgb5aGM6jDKkLQ3qVDrMiIUbv729NEQdHBqtTBIVBsDX5fD45ksUXbzhUYVS1qeALixtbWes3jFb/Qn++iBDC7QqDWBgAt3LNRsJHz3oAxhbHBI8HG0yxITCG4C6iuy3SrgQIQTaWA3UUhOi8sNAA5b2NI0sg851WGDwAY5uDzKv1bHCfs4W0AgPLIA+IKPLQ+NC+XWmPMss6hVfB+oIf4UfiVlj/3b0ZEym/BysmH6vhIcIQC6QM3b0ZCwW3acxpl/g4awx5H/83JlVucYc/5sQqh62ubPZtVxBC0tHn89a43A4ZnBeKjt66sWy6DfQWsXFHu5pGDqzhpV9qpmhohkOxQzOcPQs+6lmhsY5rS8HwmY3Z3D0rPxDzazV2MNAE2fsOsItHeNf0JZZdgjqFTPXfjKsPuCj+pgAA/Qiey9s8Ucs5Oiw96HN+36IEjTBuRf2+imcHeRo1tcflPerYgRd4W8tbThsJnw9uskEvA9t15NijQ62NHMK4Uzivp8mA1lfM7OGiDOaKzdBOw6mLR1tei8zs/JoHb0nf9jqVjMJ0pmvma+DYYwyo12y/sEBsaMh5929UtyODmedbTlaoM59krkjT8PRUYLO7ZDtKVewNWf6CP6YDpxd78Oshz4jowebUZdvYabG7gcHPoKU9+Ro9/uwv1H3KRl9C3igI98g/mUdhhYZLUH3Jv/VzF30GZ0L44IX0c6p4UXqJ428ui4nR4O03nn0LuVx7qMrxouez0jocz4DbMt3ADMcLdT3Vr7/zKad85gdHVIW2jbbu9pN2tILxSW+aWwc0RGto7M8pJK2L7KjpcjIc3EpakeHVSqb1WhHa+Sbns7jdTQDo957nLvWdA7QytMqpeMEXa58Zi299xjN1hqA1pSpcylW0ISJ+dEJ9Y55NGp9iKNJXeSgpTIMnfOZazGBnjYdTXLsouOODjTsTec8MGMdBkGO7j4gOiS368gxj3OakTfA0dMfHd1FD1rHg+KtL8irGQZhjo5+1yFQKmX61DnjdjT0gbsOYoVWeRbzOzN6YABa+9mV0h2BrooxQtB36nhHd0NZVdWYQIeCdju6QzeDXlQk0L9pIgV7uqyuqBPoox0NO5OjWUUC/QhHIzqgYkygd9TB0V6WBmNWU1U3rMdIQHdHl/szeqjbCooDdbVYcKnqkMKsnqMWfUeODkjp7podZhjauPKjqQnzljM7HK5ZXDnM0fVg6tnWzS3qN8dc14wJwKmR/sYVHHI1ZkIcDZGh67kOsPVbu7pq6kUqYIFcX9ic1OunKczTHUe0qRfU09zeoh7Hd8Tc1ouGuidEXEUjzjTrnUGgo4HaDHW/WrqehlvURTG+J+ZhbTpSzvW7yTGYqw5rnKLSdIijobpevVyb76b8Jl28HWao/0mLG0YprkA4XZdgEaIjKKSHYRrW5FgThEpbMuhifDfMUA9c25bmmT1L496r/oU7evbvQnlpiDEPVtBzeRfUxTfmgY6lZVzK0WozJ5Sjl+SnYEvXSzyTkc3a81HX7eJo0lts6DY19MAmHZ0rR6MoR3PvBA1tm3ltp6VBJWO3q6HfIT/K2qG+l6EAbTpaXwbsgJA2w2pmimd6C6K9Hpe6LEjnRl3UStrYSoDreQmcfVIaZjb1IqI8ATIN5o4E1Gf+fdJS9YNN0aDhosoQRydfhm5LLz3l8Vz7uRBclRxrQ1F9bk+Xt3jbvYIUCVCIo8nME7NEXLBAedVlPpoTgy5agXdPfLmFsYM0eTramKGeKDMmymYYmE4HPgdnNvVJ9xr+hqa198F2Ohq8r2Zm1Oxt6qSkyZtTgq44mrkQSdViCbqAFEFEOzw915UwN4Zg0ojGOBAbFx601Xg+O4Mf6k7BZTQBxp5+JT0IM8twBlv00IVNfbZ0dsBFh8t6LgD2b5zrW8yGqjssLiL4Lu3SVifbbLRcVUGnLqPBpb4PAK1QyzyG4OYdzXQXxPOAPVCex86NBIgqKOqr29cpsqfO/Juc7dz7YZ5EJAviKi5WzPwiuVwfaDyPnVEw3ICtSYsONy8p0oc6emHLhCFTK2nGdNZeaMwPd474aFY+dFCHU6BVeMUsloI370VM1223/zTn+QBgGs3VSy0nx5XwpaYRPdjr42NsgFXwwxj4uIKsJCzBr6IUmf6Zn+1MWjt6AmDIyRoxQS8/tjMXrs346t1GC0R7Yz6gWmDW94lry17EdHMkc0ub6Ln+FEcGcPuo5eRYDvbz9YBeGx8VCDlQA682NXq4Xk0y7GudZsrUScpA7KmWvIzu5tBPW77yNQiBihgDoJZY7Jbci8zN0gnMIpAnbydTz2hX9uuYevmA5eviWVnYH5voNj9Avi9h7LlQ85OyFM06vCx+SVE6y42QerTmRfH8bAG2SA7wBFy3WnSEmGNZxrNWM0bNWas2xnQByaytjEIdO3iPdfH03GhfrHowwOyLugVr8SZkL7fcA/KrSMPPTftyNeKkcSykgluow8BbzXO3eSU/tLM69MsdjVd1Q6IlVNScwI5lWLH3tLPK53L2Qb1bWvcdnqgFNT0ELUzjnBrJVHoe5ccTVs/jDEs5qsNxjesOf0fLO4VRsaQRK7lgQL1etPe0IP0EPz++hP7fwgM5416sZt3lWaTLZlVLh6NFr9X+fkf7a0XBuZhWE+o7+U4cGEL6IZ9AusLz31Oouop/lSNqMC2uq2dHxRw3KC/wdCWtFy73J3gCBk9FVqyh6vrmVgypcd7wYNLFtynC3ez1CT4CU0DHgTUs1zdjDqi5bN9QPZbzUwQfotMzar3KVOXoQ1VEwDkkhDTsAHkkBzQ+ivPYJD2FdCL7Q+WjNtBnUxlw+VBVD9rYlSerS8NFDdTloytIR86ZANKBE+4A+JHffzzpsTyrmqVSQUcNzh+n4mDQePCzFWpA+efko79+PJbzydVghBbDR6o6NKDLd1CzP9W8B+mCnvW0FWro0Gwf99VHhkeZ5NRhwZFQPiU8ivJdVHHhYbhesMcbq6RfdURMJ4oeOsDSRaLooyIFx5OUDP0kFcnQb2HpIslbdxk64fPXmAz9JI3J0KcHnfQ3Jc6n5AyN6fjjkZSUlJSUlJSUlJSUlJSU9GL9B+ab4VEvVpgKAAAAAElFTkSuQmCC";
 
 function imageUrl(image) {
   if (image === 'default') {

package/lib/empty/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.smart-empty{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}.smart-empty__image{height:var(--empty-image-height,180px);width:var(--empty-image-width,180px)}.smart-empty__image:empty{display:none}.smart-empty__image__img{height:100%;width:100%}.smart-empty__image:not(:empty)+.smart-empty__image{display:none}.smart-empty__title{color:var(--empty-title-color,var(--app-B6-N1,#000));font-size:var(--empty-title-font-size,16px);line-height:var(--empty-title-line-height,24px);margin-top:var(--empty-title-margin-top,7px);text-align:center}.smart-empty__title:empty{display:none}.smart-empty__description{color:var(--empty-description-color,var(--app-B4-N3,rgba(0,0,0,.5)));font-size:var(--empty-description-font-size,14px);line-height:var(--empty-description-line-height,20px);margin-top:var(--empty-description-margin-top,4px)}.smart-empty__description:empty{display:none}.smart-empty__bottom{margin-top:24px}.smart-empty__bottom:empty{display:none}
+@import '../common/index.wxss';.smart-empty{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}.smart-empty__image{height:var(--empty-image-height,180px);width:var(--empty-image-width,180px)}.smart-empty__image:empty{display:none}.smart-empty__image__img{height:100%;width:100%}.smart-empty__image:not(:empty)+.smart-empty__image{display:none}.smart-empty__title{color:var(--empty-title-color,var(--app-B6-N1,#000));font-size:var(--empty-title-font-size,16px);font-weight:var(--empty-title-font-weight,normal);line-height:var(--empty-title-line-height,24px);margin-top:var(--empty-title-margin-top,7px);text-align:center}.smart-empty__title:empty{display:none}.smart-empty__description{color:var(--empty-description-color,var(--app-B4-N3,rgba(0,0,0,.5)));font-size:var(--empty-description-font-size,14px);font-weight:var(--empty-description-font-weight,normal);line-height:var(--empty-description-line-height,20px);margin-top:var(--empty-description-margin-top,4px)}.smart-empty__description:empty{display:none}.smart-empty__bottom{margin-top:24px}.smart-empty__bottom:empty{display:none}

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

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

package/lib/field/demo/index.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../../common/component");
+(0, component_1.SmartComponent)({
+    data: {
+        sms: '',
+        value: '',
+        password: '',
+        username: '',
+        username2: '',
+        username3: '',
+        message: '',
+        phone: '1365577',
+    },
+    methods: {
+        onClickIcon: function () {
+            wx.showToast({
+                icon: 'none',
+                title: I18n.t('clickTheIcon'),
+            });
+        },
+    },
+});

package/lib/goods-action/demo/index.d.ts

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

package/lib/goods-action/demo/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../../common/component");
+var toast_1 = __importDefault(require("../../toast/toast"));
+(0, component_1.SmartComponent)({
+    methods: {
+        onClickIcon: function () {
+            (0, toast_1.default)({ context: this, message: I18n.t('clickTheIcon') });
+        },
+        onClickButton: function () {
+            (0, toast_1.default)({ context: this, message: I18n.t('clickTheButton') });
+        },
+    },
+});

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

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

package/lib/grid/demo/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../../common/component");
+(0, component_1.SmartComponent)({
+    data: {
+        array3: [0, 1, 2],
+        array4: [0, 1, 2, 3],
+        array6: [0, 1, 2, 3, 4, 5],
+        array8: [0, 1, 2, 3, 4, 5, 6, 7],
+    },
+});

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

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

package/lib/icon/demo/index.js

@@ -0,0 +1,54 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var icons = __importStar(require("@tuya-miniapp/icons"));
+var config_1 = __importDefault(require("@tuya-miniapp/icons/dist/config"));
+var component_1 = require("../../common/component");
+function kebabCase(name) {
+    var currName = name.replace(/[A-Z]/g, function (word) { return '-' + word.toLocaleLowerCase(); });
+    return currName.slice(1);
+}
+var iconsArr = config_1.default.map(function (name) { return ({
+    name: kebabCase(name),
+    value: icons[name],
+}); });
+(0, component_1.SmartComponent)({
+    data: {
+        active: 0,
+        icons: iconsArr,
+        iconWarning: icons.Warning,
+        iconAlarm: icons.Alarm,
+    },
+    methods: {
+        onSwitch: function (event) {
+            this.setData({
+                active: event.detail.index,
+            });
+        },
+    },
+});

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

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

package/lib/image/demo/index.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../../common/component");
+(0, component_1.SmartComponent)({
+    data: {
+        fits: [
+            'contain',
+            'cover',
+            'fill',
+            'none',
+            'scale-down',
+            'widthFix',
+            'heightFix',
+        ],
+        src: 'https://images.tuyacn.com/rms-static/f350c8a0-0eb2-11ef-8f06-49ae7b2fadcf-1715334722090.jpeg?tyName=cat.jpeg',
+    },
+});

package/lib/index-bar/demo/index.d.ts

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

package/lib/index-bar/demo/index.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../../common/component");
+var indexList = [];
+var charCodeOfA = 'A'.charCodeAt(0);
+for (var i = 0; i < 26; i++) {
+    indexList.push(String.fromCharCode(charCodeOfA + i));
+}
+(0, component_1.SmartComponent)({
+    data: {
+        activeTab: 0,
+        indexList: indexList,
+        customIndexList: [1, 2, 3, 4, 5, 6, 8, 9, 10],
+        scrollTop: 0,
+    },
+    methods: {
+        onChange: function (event) {
+            this.setData({
+                activeTab: event.detail.name,
+            });
+        },
+    },
+});

package/lib/index-bar/index.js

@@ -70,11 +70,7 @@ var indexList = function () {
             });
         },
         setRect: function () {
-            return Promise.all([
-                this.setAnchorsRect(),
-                this.setListRect(),
-                this.setSiderbarRect(),
-            ]);
+            return Promise.all([this.setAnchorsRect(), this.setListRect(), this.setSiderbarRect()]);
         },
         setAnchorsRect: function () {
             var _this = this;
@@ -158,8 +154,7 @@ var indexList = function () {
             if (sticky) {
                 var isActiveAnchorSticky_1 = false;
                 if (active !== -1) {
-                    isActiveAnchorSticky_1 =
-                        children[active].top <= stickyOffsetTop + scrollTop;
+                    isActiveAnchorSticky_1 = children[active].top <= stickyOffsetTop + scrollTop;
                 }
                 children.forEach(function (item, index) {
                     if (index === active) {
@@ -181,9 +176,7 @@ var indexList = function () {
                     else if (index === active - 1) {
                         var currentAnchor = children[index];
                         var currentOffsetTop = currentAnchor.top;
-                        var targetOffsetTop = index === children.length - 1
-                            ? _this.top
-                            : children[index + 1].top;
+                        var targetOffsetTop = index === children.length - 1 ? _this.top : children[index + 1].top;
                         var parentOffsetHeight = targetOffsetTop - currentOffsetTop;
                         var translateY = parentOffsetHeight - currentAnchor.height;
                         var anchorStyle = "\n              position: relative;\n              transform: translate3d(0, ".concat(translateY, "px, 0);\n              z-index: ").concat(zIndex, ";\n              color: ").concat(highlightColor, ";\n            ");

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

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

package/lib/loading/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/loading/index.js

@@ -3,7 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var component_1 = require("../common/component");
 (0, component_1.SmartComponent)({
     props: {
-        color: String,
+        color: {
+            type: String,
+            value: '#1989FA'
+        },
         vertical: Boolean,
         type: {
             type: String,
@@ -15,4 +18,27 @@ var component_1 = require("../common/component");
         },
         textSize: String,
     },
+    data: {
+        spinner: '',
+        circular: ''
+    },
+    created: function () {
+        this.setData({
+            spinner: this.SpinnerLoading({ color: this.data.color }),
+            circular: this.CircularLoading({ color: this.data.color })
+        });
+    },
+    methods: {
+        createSvgIcon: function (svg) {
+            return "data:image/svg+xml,".concat(encodeURIComponent("<?xml version=\"1.0\" standalone=\"no\"?><!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\" \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\">".concat(svg)));
+        },
+        CircularLoading: function (_a) {
+            var _b = _a.color, color = _b === void 0 ? '#1989FA' : _b;
+            return this.createSvgIcon("<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" fill=\"none\" version=\"1.1\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><defs><clipPath id=\"master_svg0_452_31565\"><rect x=\"0\" y=\"0\" width=\"24\" height=\"24\" rx=\"0\"/></clipPath><linearGradient x1=\"0.5\" y1=\"0.5\" x2=\"0.5\" y2=\"0.8999999761581421\" id=\"master_svg1_452_31641\"><stop offset=\"0%\" stop-color=\"".concat(color, "\" stop-opacity=\"1\"/><stop offset=\"100%\" stop-color=\"").concat(color, "\" stop-opacity=\"0\"/></linearGradient></defs><g clip-path=\"url(#master_svg0_452_31565)\"><g style=\"opacity:0.20000000298023224;\"><path d=\"M12,18.4C15.5346,18.4,18.4,15.5346,18.4,12C18.4,8.46538,15.5346,5.6,12,5.6C8.46538,5.6,5.6,8.46538,5.6,12C5.6,15.5346,8.46538,18.4,12,18.4ZM12,20C16.418300000000002,20,20,16.418300000000002,20,12C20,7.58172,16.418300000000002,4,12,4C7.58172,4,4,7.58172,4,12C4,16.418300000000002,7.58172,20,12,20Z\" fill-rule=\"evenodd\" fill=\"").concat(color, "\" fill-opacity=\"1\"/></g><g><path d=\"M12,5.6C8.46538,5.6,5.6,8.46538,5.6,12C5.6,15.5346,8.46538,18.4,12,18.4C12.44183,18.4,12.8,18.758200000000002,12.8,19.2C12.8,19.6418,12.44183,20,12,20C7.58172,20,4,16.418300000000002,4,12C4,7.58172,7.58172,4,12,4C16.418300000000002,4,20,7.58172,20,12C20,12.44183,19.6418,12.8,19.2,12.8C18.758200000000002,12.8,18.4,12.44183,18.4,12C18.4,8.46538,15.5346,5.6,12,5.6Z\" fill-rule=\"evenodd\" fill=\"url(#master_svg1_452_31641)\" fill-opacity=\"1\"/></g></g></svg>"));
+        },
+        SpinnerLoading: function (_a) {
+            var _b = _a.color, color = _b === void 0 ? '#3678E3' : _b;
+            return this.createSvgIcon("<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" fill=\"none\" version=\"1.1\" width=\"8px\" height=\"8px\" viewBox=\"0 0 20.333251953125 21.333251953125\"><g><g><path d=\"M17.5413973046875,16.023418836669922L15.6560673046875,14.138091836669922C15.1360673046875,13.618087836669922,14.2933963046875,13.618087836669922,13.7707393046875,14.138091836669922C13.2507363046875,14.658095836669922,13.2507363046875,15.503418836669923,13.7707393046875,16.023418836669922L15.6560673046875,17.908748836669922C16.1760673046875,18.42875883666992,17.0213873046875,18.42875883666992,17.5413973046875,17.908748836669922C18.0613973046875,17.388748836669922,18.0613973046875,16.54342883666992,17.5413973046875,16.023418836669922Z\" fill-rule=\"evenodd\" fill=\"".concat(color, "\" fill-opacity=\"1\"/></g><g style=\"opacity:0.699999988079071;\"><path d=\"M9,3.99994C9,4.7359,9.597301,5.33326,10.33332,5.33326C11.06927,5.33326,11.666640000000001,4.73596,11.666640000000001,3.99994L11.666640000000001,1.33332C11.666640000000001,0.597364,11.06927,0,10.33332,0C9.597363,0,9,0.597301,9,1.33332L9,3.99994Z\" fill=\"").concat(color, "\" fill-opacity=\"1\"/></g><g style=\"opacity:0.6000000238418579;\"><path d=\"M2.390002,3.389983926513672C1.869999,3.909987926513672,1.869999,4.755310926513672,2.390002,5.275310926513672L4.27533,7.160640926513672C4.79533,7.680650926513672,5.638,7.680650926513672,6.16066,7.160640926513672C6.68066,6.640640926513672,6.68066,5.795320926513671,6.16066,5.275310926513672L4.27533,3.389983926513672C3.75533,2.869979926513672,2.910006,2.869979926513672,2.390002,3.389983926513672Z\" fill=\"").concat(color, "\" fill-opacity=\"1\"/></g><g transform=\"matrix(-1,0,0,1,37.101318359375,0)\" style=\"opacity:0.800000011920929;\"><path d=\"M18.9406611796875,3.389983926513672C18.4206581796875,3.909987926513672,18.4206581796875,4.755310926513672,18.9406611796875,5.275310926513672L20.8259891796875,7.160640926513672C21.3459891796875,7.680650926513672,22.188659179687498,7.680650926513672,22.7113191796875,7.160640926513672C23.2313191796875,6.640640926513672,23.2313191796875,5.795320926513671,22.7113191796875,5.275310926513672L20.8259891796875,3.389983926513672C20.3059891796875,2.869979926513672,19.4606651796875,2.869979926513672,18.9406611796875,3.389983926513672Z\" fill=\"").concat(color, "\" fill-opacity=\"1\"/></g><g style=\"opacity:0.5;\"><path d=\"M0,10.666644432373047C0,11.402604432373046,0.5973,11.999964432373048,1.33332,11.999964432373048L3.99994,11.999964432373048C4.73589,11.999964432373048,5.33325,11.402664432373047,5.33325,10.666644432373047C5.33325,9.930688432373048,4.73595,9.333324432373047,3.99994,9.333324432373047L1.33332,9.333324432373047C0.597364,9.333324432373047,0,9.930688432373048,0,10.666644432373047Z\" fill=\"").concat(color, "\" fill-opacity=\"1\"/></g><g style=\"opacity:0.8999999761581421;\"><path d=\"M15,10.666644432373047C15,11.402604432373046,15.5973,11.999964432373048,16.33332,11.999964432373048L18.99994,11.999964432373048C19.73589,11.999964432373048,20.33325,11.402664432373047,20.33325,10.666644432373047C20.33325,9.930688432373048,19.73595,9.333324432373047,18.99994,9.333324432373047L16.33332,9.333324432373047C15.597364,9.333324432373047,15,9.930688432373048,15,10.666644432373047Z\" fill=\"").concat(color, "\" fill-opacity=\"1\"/></g><g style=\"opacity:0.4000000059604645;\"><path d=\"M2.45866655078125,16.023418836669922C1.93866355078125,16.54342883666992,1.93866355078125,17.388748836669922,2.45866655078125,17.908748836669922C2.97867055078125,18.42875883666992,3.82399455078125,18.42875883666992,4.34399455078125,17.908748836669922L6.22932455078125,16.023418836669922C6.74932455078125,15.503418836669923,6.74932455078125,14.658095836669922,6.22932455078125,14.138091836669922C5.70931455078125,13.618087836669922,4.86399455078125,13.618087836669922,4.34399455078125,14.138091836669922L2.45866655078125,16.023418836669922Z\" fill=\"").concat(color, "\" fill-opacity=\"1\"/></g><g style=\"opacity:0.20000000298023224;\"><path d=\"M9,17.33332L9,19.99994C9,20.7359,9.597301,21.33326,10.33332,21.33326C11.06927,21.33326,11.666640000000001,20.73596,11.666640000000001,19.99994L11.666640000000001,17.33332C11.666640000000001,16.597364,11.06927,16,10.33332,16C9.597363,16,9,16.597301,9,17.33332Z\" fill=\"").concat(color, "\" fill-opacity=\"1\"/></g></g></svg>"));
+        }
+    }
 });

package/lib/loading/index.wxml

@@ -4,11 +4,11 @@
 <view class="custom-class {{ utils.bem('loading', { vertical }) }}">
   <view
     class="smart-loading__spinner smart-loading__spinner--{{ type }}"
-    style="{{ computed.loadingStyle({ size, type, color }) }}"
+    style="{{ computed.loadingStyle({ size, type, color, spinner, circular }) }}"
   >
     <view
       class="smart-switch__loading"
-      style="{{ computed.loadingStyle({ size, type, color }) }}" 
+      style="{{ computed.loadingStyle({ size, type, color, spinner, circular }) }}" 
     />
   </view>
   <view class="smart-loading__text" style="{{ computed.textStyle({ textSize, color }) }}">