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

package/lib/steps/demo/index.js

@@ -0,0 +1,47 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var icons_1 = require("@tuya-miniapp/icons");
+var component_1 = require("../../common/component");
+var toast_1 = __importDefault(require("../../toast/toast"));
+var steps = [
+    {
+        text: I18n.t('step1'),
+        desc: I18n.t('descriptionInformation'),
+    },
+    {
+        text: I18n.t('stepTwo'),
+        desc: I18n.t('descriptionInformation'),
+    },
+    {
+        text: I18n.t('stepThree'),
+        desc: I18n.t('descriptionInformation'),
+    },
+    {
+        text: I18n.t('stepFour'),
+        desc: I18n.t('descriptionInformation'),
+    },
+];
+(0, component_1.SmartComponent)({
+    data: {
+        active: 1,
+        steps: steps,
+        customIcon: icons_1.CheckmarkCircle,
+        inActiveIcon: icons_1.Right,
+    },
+    methods: {
+        nextStep: function () {
+            this.setData({
+                active: ++this.data.active % 4,
+            });
+        },
+        onClick: function (event) {
+            (0, toast_1.default)({
+                context: this,
+                message: "Index: ".concat(event.detail),
+            });
+        },
+    },
+});

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

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

package/lib/sticky/demo/index.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../../common/component");
+(0, component_1.SmartComponent)({
+    data: {
+        container: function () { },
+        scrollTop: 0,
+        offsetTop: 0,
+    },
+    mounted: function () {
+        var _this = this;
+        this.setData({
+            container: function () { return _this.createSelectorQuery().select('#container'); },
+        });
+    },
+    methods: {
+        onScroll: function (event) {
+            var _this = this;
+            this.createSelectorQuery()
+                .select('#scroller')
+                .boundingClientRect(function (res) {
+                _this.setData({
+                    scrollTop: event.detail.scrollTop,
+                    offsetTop: res.top,
+                });
+            })
+                .exec();
+        },
+    },
+});

package/lib/sticky/index.js

@@ -120,7 +120,9 @@ var ROOT_ELEMENT = '.smart-sticky';
             if (!nodesRef) {
                 return Promise.reject(new Error('not found container'));
             }
-            return new Promise(function (resolve) { return nodesRef.boundingClientRect(resolve).exec(); });
+            return new Promise(function (resolve) {
+                return nodesRef.boundingClientRect(resolve).exec();
+            });
         },
     },
 });

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

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

package/lib/swipe-cell/demo/index.js

@@ -0,0 +1,50 @@
+"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 toast_1 = __importDefault(require("../../toast/toast"));
+(0, component_1.SmartComponent)({
+    methods: {
+        onClose: function (event) {
+            var _a = event.detail, position = _a.position, instance = _a.instance;
+            switch (position) {
+                case 'left':
+                case 'cell':
+                    instance.close();
+                    break;
+                case 'right':
+                    dialog_1.default.confirm({
+                        context: this,
+                        message: I18n.t('areYouSureYouWantToDelete'),
+                    })
+                        .then(function () {
+                        instance.close();
+                    })
+                        .catch(function () {
+                        console.log('cancel');
+                    });
+                    break;
+            }
+        },
+        onOpen: function (event) {
+            var _a = event.detail, position = _a.position, name = _a.name;
+            switch (position) {
+                case 'left':
+                    (0, toast_1.default)({
+                        context: this,
+                        message: "".concat(name).concat(position).concat(I18n.t('partialOpenEventTriggered')),
+                    });
+                    break;
+                case 'right':
+                    (0, toast_1.default)({
+                        context: this,
+                        message: "".concat(name).concat(position).concat(I18n.t('partialDisplayOpenEventTriggered')),
+                    });
+                    break;
+            }
+        },
+    },
+});

package/lib/swipe-cell/index.js

@@ -64,9 +64,7 @@ var ARRAY = [];
             if (offset === void 0) { offset = 0; }
             this.offset = (0, utils_1.range)(offset, -this.data.rightWidth, this.data.leftWidth);
             var transform = "translate3d(".concat(this.offset, "px, 0, 0)");
-            var transition = this.dragging
-                ? 'none'
-                : 'transform .6s cubic-bezier(0.18, 0.89, 0.32, 1)';
+            var transition = this.dragging ? 'none' : 'transform .6s cubic-bezier(0.18, 0.89, 0.32, 1)';
             this.setData({
                 wrapperStyle: "\n        -webkit-transform: ".concat(transform, ";\n        -webkit-transition: ").concat(transition, ";\n        transform: ").concat(transform, ";\n        transition: ").concat(transition, ";\n      "),
             });

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

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

package/lib/switch/demo/index.js

@@ -0,0 +1,37 @@
+"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"));
+(0, component_1.SmartComponent)({
+    data: {
+        checked: true,
+        checked2: true,
+    },
+    methods: {
+        onChange: function (_a) {
+            var detail = _a.detail;
+            this.setData({ checked: detail });
+        },
+        onChange2: function (_a) {
+            var _this = this;
+            var detail = _a.detail;
+            dialog_1.default.confirm({
+                context: this,
+                title: I18n.t('prompt'),
+                message: I18n.t('doYouWantToToggleTheSwitch'),
+            }).then(function () {
+                _this.setData({ checked2: detail });
+            });
+        },
+        onClick: function () {
+            dialog_1.default.confirm({
+                context: this,
+                title: I18n.t('hint'),
+                message: I18n.t('bubbleEvent'),
+            });
+        },
+    },
+});

package/lib/switch/index.css

@@ -1 +1 @@
-@import '../common/index.css';.smart-switch{background-color:var(--switch-background-color,var(--app-B4-N6,rgba(0,0,0,.2)));border:var(--switch-border,1px solid rgba(0,0,0,.1));border-radius:var(--switch-node-size,1em);box-sizing:initial;display:inline-block;height:var(--switch-height,1em);position:relative;transition:background-color var(--switch-transition-duration,.3s);width:var(--switch-width,1.667em)}.smart-switch__node{background-color:var(--switch-node-background-color,#fff);border-radius:100%;box-shadow:var(--switch-node-box-shadow,0 3px 1px 0 rgba(0,0,0,.05),0 2px 2px 0 rgba(0,0,0,.1),0 3px 3px 0 rgba(0,0,0,.05));height:var(--switch-node-size,1em);left:0;position:absolute;top:0;transition:var(--switch-transition-duration,.3s) cubic-bezier(.3,1.05,.4,1.05);width:var(--switch-node-size,1em);z-index:var(--switch-node-z-index,1)}.smart-switch__loading{left:50%;position:absolute!important;top:50%;transform:translate(-50%,-50%)}.smart-switch--on{background-color:var(--switch-on-background-color,#1989fa)}.smart-switch--on .smart-switch__node{transform:translateX(calc(var(--switch-width, 1.667em) - var(--switch-node-size, 1em)))}.smart-switch--disabled{opacity:var(--switch-disabled-opacity,.4)}
+@import '../common/index.css';.smart-switch{background-color:var(--switch-background-color,var(--app-B4-N6,rgba(0,0,0,.2)));border:var(--switch-border,1px solid rgba(0,0,0,.1));border-color:transparent;border-radius:var(--switch-node-size,1em);box-sizing:initial;display:inline-block;height:var(--switch-height,1em);position:relative;transition:background-color var(--switch-transition-duration,.3s);width:var(--switch-width,1.667em)}.smart-switch__node{background-color:var(--switch-node-background-color,#fff);border-radius:100%;box-shadow:var(--switch-node-box-shadow,0 3px 1px 0 rgba(0,0,0,.05),0 2px 2px 0 rgba(0,0,0,.1),0 3px 3px 0 rgba(0,0,0,.05));height:var(--switch-node-size,1em);left:0;position:absolute;top:0;transition:var(--switch-transition-duration,.3s) cubic-bezier(.3,1.05,.4,1.05);width:var(--switch-node-size,1em);z-index:var(--switch-node-z-index,1)}.smart-switch__loading{left:50%;position:absolute!important;top:50%;transform:translate(-50%,-50%)}.smart-switch--on{background-color:var(--switch-on-background-color,#1989fa)}.smart-switch--on .smart-switch__node{transform:translateX(calc(var(--switch-width, 1.667em) - var(--switch-node-size, 1em)))}.smart-switch--disabled{opacity:var(--switch-disabled-opacity,.4)}

package/lib/switch/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.smart-switch{background-color:var(--switch-background-color,var(--app-B4-N6,rgba(0,0,0,.2)));border:var(--switch-border,1px solid rgba(0,0,0,.1));border-radius:var(--switch-node-size,1em);box-sizing:initial;display:inline-block;height:var(--switch-height,1em);position:relative;transition:background-color var(--switch-transition-duration,.3s);width:var(--switch-width,1.667em)}.smart-switch__node{background-color:var(--switch-node-background-color,#fff);border-radius:100%;box-shadow:var(--switch-node-box-shadow,0 3px 1px 0 rgba(0,0,0,.05),0 2px 2px 0 rgba(0,0,0,.1),0 3px 3px 0 rgba(0,0,0,.05));height:var(--switch-node-size,1em);left:0;position:absolute;top:0;transition:var(--switch-transition-duration,.3s) cubic-bezier(.3,1.05,.4,1.05);width:var(--switch-node-size,1em);z-index:var(--switch-node-z-index,1)}.smart-switch__loading{left:50%;position:absolute!important;top:50%;transform:translate(-50%,-50%)}.smart-switch--on{background-color:var(--switch-on-background-color,#1989fa)}.smart-switch--on .smart-switch__node{transform:translateX(calc(var(--switch-width, 1.667em) - var(--switch-node-size, 1em)))}.smart-switch--disabled{opacity:var(--switch-disabled-opacity,.4)}
+@import '../common/index.wxss';.smart-switch{background-color:var(--switch-background-color,var(--app-B4-N6,rgba(0,0,0,.2)));border:var(--switch-border,1px solid rgba(0,0,0,.1));border-color:transparent;border-radius:var(--switch-node-size,1em);box-sizing:initial;display:inline-block;height:var(--switch-height,1em);position:relative;transition:background-color var(--switch-transition-duration,.3s);width:var(--switch-width,1.667em)}.smart-switch__node{background-color:var(--switch-node-background-color,#fff);border-radius:100%;box-shadow:var(--switch-node-box-shadow,0 3px 1px 0 rgba(0,0,0,.05),0 2px 2px 0 rgba(0,0,0,.1),0 3px 3px 0 rgba(0,0,0,.05));height:var(--switch-node-size,1em);left:0;position:absolute;top:0;transition:var(--switch-transition-duration,.3s) cubic-bezier(.3,1.05,.4,1.05);width:var(--switch-node-size,1em);z-index:var(--switch-node-z-index,1)}.smart-switch__loading{left:50%;position:absolute!important;top:50%;transform:translate(-50%,-50%)}.smart-switch--on{background-color:var(--switch-on-background-color,#1989fa)}.smart-switch--on .smart-switch__node{transform:translateX(calc(var(--switch-width, 1.667em) - var(--switch-node-size, 1em)))}.smart-switch--disabled{opacity:var(--switch-disabled-opacity,.4)}

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

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

package/lib/tab/demo/index.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../../common/component");
+(0, component_1.SmartComponent)({
+    data: {
+        tabs2: [1, 2],
+        tabs3: [1, 2, 3],
+        tabs4: [1, 2, 3, 4],
+        tabs6: [1, 2, 3, 4, 5, 6],
+        tabsWithName: [
+            { name: 'a', index: 1 },
+            { name: 'b', index: 2 },
+            { name: 'c', index: 3 },
+        ],
+    },
+    methods: {
+        onClickDisabled: function (event) {
+            wx.showToast({
+                title: "".concat(I18n.t('label'), " ").concat(event.detail.index + 1, " ").concat(I18n.t('hasBeenDisabled')),
+                icon: 'none',
+            });
+        },
+        onChange: function (event) {
+            wx.showToast({
+                title: "".concat(I18n.t('switchToTab'), " ").concat(event.detail.index + 1),
+                icon: 'none',
+            });
+        },
+        onClickNavRight: function () {
+            wx.showToast({
+                title: "".concat(I18n.t('click'), " right nav"),
+                icon: 'none',
+            });
+        },
+        onClick: function (event) {
+            wx.showToast({
+                title: "".concat(I18n.t('clickTag'), " ").concat(event.detail.index + 1),
+                icon: 'none',
+            });
+        },
+        onBeforeChange: function (event) {
+            var _a = event.detail, callback = _a.callback, title = _a.title;
+            wx.showModal({
+                title: I18n.t('asynchronousSwitching'),
+                content: "I18n.t('areYouSureYouWantToSwitchTo') ".concat(title, " tab\uFF1F"),
+                success: function (res) {
+                    if (res.confirm) {
+                        callback(true);
+                    }
+                    else if (res.cancel) {
+                        callback(false);
+                    }
+                },
+            });
+        },
+    },
+});

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

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

package/lib/tabbar/demo/index.js

@@ -0,0 +1,41 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var Tornado_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Tornado"));
+var Timer_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Timer"));
+var Snow_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Snow"));
+var Connect_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Connect"));
+var component_1 = require("../../common/component");
+(0, component_1.SmartComponent)({
+    data: {
+        active: 0,
+        active2: 'home',
+        active3: 0,
+        active4: 0,
+        active5: 0,
+        active6: 0,
+        icon: {
+            normal: '',
+            active: 'https://static1.tuyacn.com/static/tuya-miniapp-doc/_next/static/images/logo-small.png',
+        },
+        defaultIcon1: Tornado_1.default,
+        defaultIcon2: Timer_1.default,
+        defaultIcon3: Snow_1.default,
+        defaultIcon4: Connect_1.default,
+    },
+    methods: {
+        onChange: function (event) {
+            var _a;
+            var key = event.currentTarget.dataset.key;
+            this.setData((_a = {}, _a[key] = event.detail, _a));
+        },
+        handleChange: function (event) {
+            var _a;
+            var key = event.currentTarget.dataset.key;
+            this.setData((_a = {}, _a[key] = event.detail, _a));
+            wx.showToast({ title: "".concat(I18n.t('clickTheTab'), " ").concat(event.detail + 1), icon: 'none' });
+        },
+    },
+});

package/lib/tabs/index.css

@@ -1 +1 @@
-@import '../common/index.css';:root{--tabs-card-background-color:rgba(0,0,0,.08)}:root[theme=dark]{--tabs-card-background-color:hsla(0,0%,100%,.12)}.smart-tabs{-webkit-tap-highlight-color:transparent;position:relative}.smart-tabs__wrap{display:flex;overflow:hidden}.smart-tabs__wrap--scrollable .smart-tab{flex:0 0 22%}.smart-tabs__wrap--scrollable .smart-tab--complete{flex:1 0 auto!important;padding:0 12px}.smart-tabs__wrap--scrollable .smart-tabs__nav--complete{padding-left:8px;padding-right:8px}.smart-tabs__scroll{background-color:var(--tabs-background-color,var(--app-B3,#fff));overflow:auto}.smart-tabs__scroll--line{box-sizing:initial;height:calc(100% + 15px)}.smart-tabs__scroll--card{border-radius:var(--tabs-card-border-radius,8px);box-sizing:border-box;margin:0 var(--padding-md,16px);width:calc(100% - var(--padding-md, 16px)*2)}.smart-tabs__scroll::-webkit-scrollbar{display:none}.smart-tabs__nav{display:flex;position:relative;-webkit-user-select:none;user-select:none}.smart-tabs__nav--card{background-color:var(--tabs-card-background-color);border-radius:var(--tabs-card-border-radius,8px);box-sizing:border-box;height:var(--tabs-card-height,32px);padding:2px}.smart-tabs__nav--card .smart-tab{color:var(--tabs-card-text-color,var(--app-B6-N3,rgba(0,0,0,.5)));line-height:calc(var(--tabs-card-height, 32px) - 2px)}.smart-tabs__nav--card .smart-tab:last-child{border-right:none}.smart-tabs__nav--card .smart-tab.smart-tab--active{color:var(--tabs-card-text-active-color,var(--app-B6-N1,#000))}.smart-tabs__nav--card .smart-tab--disabled{color:var(--tab-disabled-text-color,var(--app-B6-N7,rgba(0,0,0,.1)))}.smart-tabs__line{background-color:var(--tabs-bottom-bar-color,var(--app-M4,#1989fa));border-radius:var(--tabs-bottom-bar-height,3px);bottom:0;height:var(--tabs-bottom-bar-height,3px);left:0;opacity:0;position:absolute;z-index:1}.smart-tabs__card{background-color:var(--tabs-card-active-background-color,var(--app-B3,#fff));border-radius:6px;left:0;opacity:0;position:absolute;top:0;z-index:0}.smart-tabs__track{height:100%;position:relative;width:100%}.smart-tabs__track--animated{display:flex;transition-property:left}.smart-tabs__content{overflow:hidden}.smart-tabs--line{height:var(--tabs-line-height,32px)}.smart-tabs--card{height:var(--tabs-card-height,32px)}.smart-tab{box-sizing:border-box;color:var(--tabs-card-text-color,var(--app-B6-N3,rgba(0,0,0,.5)));cursor:pointer;flex:1;font-size:var(--tab-font-size,13px);line-height:var(--tabs-line-height,32px);min-width:0;padding:0 5px;position:relative;text-align:center}.smart-tab--active{color:var(--tabs-card-text-active-color,var(--app-B6-N1,#000));font-weight:var(--font-weight-bold,500)}.smart-tab--disabled{color:var(--tab-disabled-text-color,var(--app-B6-N7,rgba(0,0,0,.1)))}.smart-tab__title__info{position:relative!important;top:-1px!important;transform:translateX(0)!important}
+@import '../common/index.css';:root{--tabs-card-background-color:rgba(0,0,0,.08)}:root[theme=dark]{--tabs-card-background-color:hsla(0,0%,100%,.12)}.smart-tabs{-webkit-tap-highlight-color:transparent;position:relative}.smart-tabs__wrap{display:flex;overflow:hidden}.smart-tabs__wrap--scrollable .smart-tab{flex:0 0 22%}.smart-tabs__wrap--scrollable .smart-tab--complete{flex:1 0 auto!important;padding:0 12px}.smart-tabs__wrap--scrollable .smart-tabs__nav--complete{padding-left:8px;padding-right:8px}.smart-tabs__scroll{background-color:var(--tabs-background-color,var(--app-B3,#fff));overflow:auto}.smart-tabs__scroll--line{box-sizing:initial;height:calc(100% + 15px)}.smart-tabs__scroll--card{border-radius:var(--tabs-card-border-radius,8px);box-sizing:border-box;margin:0 var(--padding-md,16px);width:calc(100% - var(--padding-md, 16px)*2)}.smart-tabs__scroll::-webkit-scrollbar{display:none}.smart-tabs__nav{display:flex;position:relative;-webkit-user-select:none;user-select:none}.smart-tabs__nav--card{background-color:var(--tabs-card-background-color);border-radius:var(--tabs-card-border-radius,8px);box-sizing:border-box;height:var(--tabs-card-height,32px);padding:2px}.smart-tabs__nav--card .smart-tab{color:var(--tabs-card-text-color,var(--app-B6-N3,rgba(0,0,0,.5)));line-height:calc(var(--tabs-card-height, 32px) - 2px)}.smart-tabs__nav--card .smart-tab:last-child{border-right:none}.smart-tabs__nav--card .smart-tab.smart-tab--active{color:var(--tabs-card-text-active-color,var(--app-B6-N1,#000))}.smart-tabs__nav--card .smart-tab--disabled{color:var(--tab-disabled-text-color,var(--app-B6-N7,rgba(0,0,0,.1)))}.smart-tabs__line{background-color:var(--tabs-bottom-bar-color,var(--app-M4,#1989fa));border-radius:var(--tabs-bottom-bar-height,3px);bottom:0;height:var(--tabs-bottom-bar-height,3px);left:0;opacity:0;position:absolute;z-index:1}.smart-tabs__card{background-color:var(--tabs-card-active-background-color,var(--app-B3,#fff));border-radius:var(--tabs-card-active-border-radius,6px);left:0;opacity:0;position:absolute;top:0;z-index:0}.smart-tabs__track{height:100%;position:relative;width:100%}.smart-tabs__track--animated{display:flex;transition-property:left}.smart-tabs__content{overflow:hidden}.smart-tabs--line{height:var(--tabs-line-height,32px)}.smart-tabs--card{height:var(--tabs-card-height,32px)}.smart-tab{box-sizing:border-box;color:var(--tabs-card-text-color,var(--app-B6-N3,rgba(0,0,0,.5)));cursor:pointer;flex:1;font-size:var(--tab-font-size,13px);line-height:var(--tabs-line-height,32px);min-width:0;padding:0 5px;position:relative;text-align:center}.smart-tab--active{color:var(--tabs-card-text-active-color,var(--app-B6-N1,#000));font-weight:var(--font-weight-bold,500)}.smart-tab--disabled{color:var(--tab-disabled-text-color,var(--app-B6-N7,rgba(0,0,0,.1)))}.smart-tab__title__info{position:relative!important;top:-1px!important;transform:translateX(0)!important}

package/lib/tabs/index.js

@@ -18,13 +18,7 @@ var validator_1 = require("../common/validator");
 var relation_1 = require("../common/relation");
 (0, component_1.SmartComponent)({
     mixins: [touch_1.touch],
-    classes: [
-        'nav-class',
-        'tab-class',
-        'tab-active-class',
-        'line-class',
-        'wrap-class',
-    ],
+    classes: ['nav-class', 'tab-class', 'tab-active-class', 'line-class', 'wrap-class'],
     relation: (0, relation_1.useChildren)('tab', function () {
         this.updateTabs();
     }),
@@ -165,9 +159,7 @@ var relation_1 = require("../common/relation");
         setCurrentIndex: function (currentIndex) {
             var _this = this;
             var _a = this, data = _a.data, _b = _a.children, children = _b === void 0 ? [] : _b;
-            if (!(0, validator_1.isDef)(currentIndex) ||
-                currentIndex >= children.length ||
-                currentIndex < 0) {
+            if (!(0, validator_1.isDef)(currentIndex) || currentIndex >= children.length || currentIndex < 0) {
                 return;
             }
             (0, utils_1.groupSetData)(this, function () {
@@ -206,10 +198,7 @@ var relation_1 = require("../common/relation");
         resize: function () {
             var _this = this;
             var _a = this.data, currentIndex = _a.currentIndex, ellipsis = _a.ellipsis, skipTransition = _a.skipTransition, type = _a.type;
-            Promise.all([
-                (0, utils_1.getAllRect)(this, '.smart-tab'),
-                (0, utils_1.getRect)(this, '.smart-tabs__line'),
-            ]).then(function (_a) {
+            Promise.all([(0, utils_1.getAllRect)(this, '.smart-tab'), (0, utils_1.getRect)(this, '.smart-tabs__line')]).then(function (_a) {
                 var _b = _a[0], rects = _b === void 0 ? [] : _b, lineRect = _a[1];
                 var rect = rects[currentIndex];
                 if (rect == null) {
@@ -220,8 +209,7 @@ var relation_1 = require("../common/relation");
                     .slice(0, currentIndex)
                     .reduce(function (prev, curr) { return prev + curr.width; }, 0);
                 if (type === 'line') {
-                    lineOffsetLeft +=
-                        (rect.width - lineRect.width) / 2 + (ellipsis ? 0 : 8);
+                    lineOffsetLeft += (rect.width - lineRect.width) / 2 + (ellipsis ? 0 : 8);
                 }
                 else if (type === 'card') {
                     lineOffsetLeft += 2;
@@ -243,10 +231,7 @@ var relation_1 = require("../common/relation");
             if (!scrollable) {
                 return;
             }
-            Promise.all([
-                (0, utils_1.getAllRect)(this, '.smart-tab'),
-                (0, utils_1.getRect)(this, '.smart-tabs__nav'),
-            ]).then(function (_a) {
+            Promise.all([(0, utils_1.getAllRect)(this, '.smart-tab'), (0, utils_1.getRect)(this, '.smart-tabs__nav')]).then(function (_a) {
                 var tabRects = _a[0], navRect = _a[1];
                 var tabRect = tabRects[currentIndex];
                 var offsetLeft = tabRects
@@ -296,10 +281,7 @@ var relation_1 = require("../common/relation");
             var step = direction > 0 ? -1 : 1;
             for (var i = step; currentIndex + i < tabs.length && currentIndex + i >= 0; i += step) {
                 var index = currentIndex + i;
-                if (index >= 0 &&
-                    index < tabs.length &&
-                    tabs[index] &&
-                    !tabs[index].disabled) {
+                if (index >= 0 && index < tabs.length && tabs[index] && !tabs[index].disabled) {
                     return index;
                 }
             }

package/lib/tabs/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';:root{--tabs-card-background-color:rgba(0,0,0,.08)}:root[theme=dark]{--tabs-card-background-color:hsla(0,0%,100%,.12)}.smart-tabs{-webkit-tap-highlight-color:transparent;position:relative}.smart-tabs__wrap{display:flex;overflow:hidden}.smart-tabs__wrap--scrollable .smart-tab{flex:0 0 22%}.smart-tabs__wrap--scrollable .smart-tab--complete{flex:1 0 auto!important;padding:0 12px}.smart-tabs__wrap--scrollable .smart-tabs__nav--complete{padding-left:8px;padding-right:8px}.smart-tabs__scroll{background-color:var(--tabs-background-color,var(--app-B3,#fff));overflow:auto}.smart-tabs__scroll--line{box-sizing:initial;height:calc(100% + 15px)}.smart-tabs__scroll--card{border-radius:var(--tabs-card-border-radius,8px);box-sizing:border-box;margin:0 var(--padding-md,16px);width:calc(100% - var(--padding-md, 16px)*2)}.smart-tabs__scroll::-webkit-scrollbar{display:none}.smart-tabs__nav{display:flex;position:relative;-webkit-user-select:none;user-select:none}.smart-tabs__nav--card{background-color:var(--tabs-card-background-color);border-radius:var(--tabs-card-border-radius,8px);box-sizing:border-box;height:var(--tabs-card-height,32px);padding:2px}.smart-tabs__nav--card .smart-tab{color:var(--tabs-card-text-color,var(--app-B6-N3,rgba(0,0,0,.5)));line-height:calc(var(--tabs-card-height, 32px) - 2px)}.smart-tabs__nav--card .smart-tab:last-child{border-right:none}.smart-tabs__nav--card .smart-tab.smart-tab--active{color:var(--tabs-card-text-active-color,var(--app-B6-N1,#000))}.smart-tabs__nav--card .smart-tab--disabled{color:var(--tab-disabled-text-color,var(--app-B6-N7,rgba(0,0,0,.1)))}.smart-tabs__line{background-color:var(--tabs-bottom-bar-color,var(--app-M4,#1989fa));border-radius:var(--tabs-bottom-bar-height,3px);bottom:0;height:var(--tabs-bottom-bar-height,3px);left:0;opacity:0;position:absolute;z-index:1}.smart-tabs__card{background-color:var(--tabs-card-active-background-color,var(--app-B3,#fff));border-radius:6px;left:0;opacity:0;position:absolute;top:0;z-index:0}.smart-tabs__track{height:100%;position:relative;width:100%}.smart-tabs__track--animated{display:flex;transition-property:left}.smart-tabs__content{overflow:hidden}.smart-tabs--line{height:var(--tabs-line-height,32px)}.smart-tabs--card{height:var(--tabs-card-height,32px)}.smart-tab{box-sizing:border-box;color:var(--tabs-card-text-color,var(--app-B6-N3,rgba(0,0,0,.5)));cursor:pointer;flex:1;font-size:var(--tab-font-size,13px);line-height:var(--tabs-line-height,32px);min-width:0;padding:0 5px;position:relative;text-align:center}.smart-tab--active{color:var(--tabs-card-text-active-color,var(--app-B6-N1,#000));font-weight:var(--font-weight-bold,500)}.smart-tab--disabled{color:var(--tab-disabled-text-color,var(--app-B6-N7,rgba(0,0,0,.1)))}.smart-tab__title__info{position:relative!important;top:-1px!important;transform:translateX(0)!important}
+@import '../common/index.wxss';:root{--tabs-card-background-color:rgba(0,0,0,.08)}:root[theme=dark]{--tabs-card-background-color:hsla(0,0%,100%,.12)}.smart-tabs{-webkit-tap-highlight-color:transparent;position:relative}.smart-tabs__wrap{display:flex;overflow:hidden}.smart-tabs__wrap--scrollable .smart-tab{flex:0 0 22%}.smart-tabs__wrap--scrollable .smart-tab--complete{flex:1 0 auto!important;padding:0 12px}.smart-tabs__wrap--scrollable .smart-tabs__nav--complete{padding-left:8px;padding-right:8px}.smart-tabs__scroll{background-color:var(--tabs-background-color,var(--app-B3,#fff));overflow:auto}.smart-tabs__scroll--line{box-sizing:initial;height:calc(100% + 15px)}.smart-tabs__scroll--card{border-radius:var(--tabs-card-border-radius,8px);box-sizing:border-box;margin:0 var(--padding-md,16px);width:calc(100% - var(--padding-md, 16px)*2)}.smart-tabs__scroll::-webkit-scrollbar{display:none}.smart-tabs__nav{display:flex;position:relative;-webkit-user-select:none;user-select:none}.smart-tabs__nav--card{background-color:var(--tabs-card-background-color);border-radius:var(--tabs-card-border-radius,8px);box-sizing:border-box;height:var(--tabs-card-height,32px);padding:2px}.smart-tabs__nav--card .smart-tab{color:var(--tabs-card-text-color,var(--app-B6-N3,rgba(0,0,0,.5)));line-height:calc(var(--tabs-card-height, 32px) - 2px)}.smart-tabs__nav--card .smart-tab:last-child{border-right:none}.smart-tabs__nav--card .smart-tab.smart-tab--active{color:var(--tabs-card-text-active-color,var(--app-B6-N1,#000))}.smart-tabs__nav--card .smart-tab--disabled{color:var(--tab-disabled-text-color,var(--app-B6-N7,rgba(0,0,0,.1)))}.smart-tabs__line{background-color:var(--tabs-bottom-bar-color,var(--app-M4,#1989fa));border-radius:var(--tabs-bottom-bar-height,3px);bottom:0;height:var(--tabs-bottom-bar-height,3px);left:0;opacity:0;position:absolute;z-index:1}.smart-tabs__card{background-color:var(--tabs-card-active-background-color,var(--app-B3,#fff));border-radius:var(--tabs-card-active-border-radius,6px);left:0;opacity:0;position:absolute;top:0;z-index:0}.smart-tabs__track{height:100%;position:relative;width:100%}.smart-tabs__track--animated{display:flex;transition-property:left}.smart-tabs__content{overflow:hidden}.smart-tabs--line{height:var(--tabs-line-height,32px)}.smart-tabs--card{height:var(--tabs-card-height,32px)}.smart-tab{box-sizing:border-box;color:var(--tabs-card-text-color,var(--app-B6-N3,rgba(0,0,0,.5)));cursor:pointer;flex:1;font-size:var(--tab-font-size,13px);line-height:var(--tabs-line-height,32px);min-width:0;padding:0 5px;position:relative;text-align:center}.smart-tab--active{color:var(--tabs-card-text-active-color,var(--app-B6-N1,#000));font-weight:var(--font-weight-bold,500)}.smart-tab--disabled{color:var(--tab-disabled-text-color,var(--app-B6-N7,rgba(0,0,0,.1)))}.smart-tab__title__info{position:relative!important;top:-1px!important;transform:translateX(0)!important}

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

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

package/lib/tag/demo/index.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../../common/component");
+(0, component_1.SmartComponent)({
+    data: {
+        show: {
+            success: true,
+            primary: true,
+        },
+    },
+    methods: {
+        onClose: function (event) {
+            var _a;
+            this.setData((_a = {},
+                _a["show.".concat(event.target.id)] = false,
+                _a));
+        },
+    },
+});

package/lib/tag/index.css

@@ -1 +1 @@
-@import '../common/index.css';.smart-tag{align-items:center;border-radius:var(--tag-border-radius,4px);color:var(--tag-text-color,#fff);display:inline-flex;font-size:var(--tag-font-size,12px);line-height:var(--tag-line-height,17px);padding:var(--tag-padding,2px 8px);position:relative}.smart-tag--default{background-color:var(--tag-default-color,#969799)}.smart-tag--default.smart-tag--plain{color:var(--tag-default-color,#969799)}.smart-tag--danger{background-color:var(--tag-danger-color,#ee0a24)}.smart-tag--danger.smart-tag--plain{color:var(--tag-danger-color,#ee0a24)}.smart-tag--primary{background-color:var(--tag-primary-color,#1989fa)}.smart-tag--primary.smart-tag--plain{color:var(--tag-primary-color,#1989fa)}.smart-tag--success{background-color:var(--tag-success-color,#07c160)}.smart-tag--success.smart-tag--plain{color:var(--tag-success-color,#07c160)}.smart-tag--warning{background-color:var(--tag-warning-color,#ff976a)}.smart-tag--warning.smart-tag--plain{color:var(--tag-warning-color,#ff976a)}.smart-tag--plain{background-color:var(--tag-plain-background-color,#fff)}.smart-tag--plain:before{border:1px solid;border-radius:inherit;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.smart-tag--medium{font-size:var(--tag-medium-font-size,14px);line-height:var(--tag-medium-line-height,20px)}.smart-tag--large{font-size:var(--tag-large-font-size,16px);line-height:var(--tag-large-line-height,22px)}.smart-tag--mark{border-radius:0 var(--tag-round-border-radius,var(--tag-round-border-radius,999px)) var(--tag-round-border-radius,var(--tag-round-border-radius,999px)) 0}.smart-tag--mark:after{content:"";display:block;width:2px}.smart-tag--round{border-radius:var(--tag-round-border-radius,999px)}.smart-tag__close{margin-left:2px;min-width:1em}
+@import '../common/index.css';.smart-tag{align-items:center;border-radius:var(--tag-border-radius,4px);color:var(--tag-text-color,#fff);display:inline-flex;font-size:var(--tag-font-size,12px);line-height:var(--tag-line-height,17px);padding:var(--tag-padding,2px 8px);position:relative}.smart-tag--default{background-color:var(--tag-default-color,#969799)}.smart-tag--default.smart-tag--plain{color:var(--tag-default-color,#969799)}.smart-tag--danger{background-color:var(--tag-danger-color,#ee0a24)}.smart-tag--danger.smart-tag--plain{color:var(--tag-danger-color,#ee0a24)}.smart-tag--primary{background-color:var(--tag-primary-color,#1989fa)}.smart-tag--primary.smart-tag--plain{color:var(--tag-primary-color,#1989fa)}.smart-tag--success{background-color:var(--tag-success-color,#07c160)}.smart-tag--success.smart-tag--plain{color:var(--tag-success-color,#07c160)}.smart-tag--warning{background-color:var(--tag-warning-color,#ff976a)}.smart-tag--warning.smart-tag--plain{color:var(--tag-warning-color,#ff976a)}.smart-tag--plain{background-color:var(--tag-plain-background-color,transparent)}.smart-tag--plain:before{border:1px solid;border-radius:inherit;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.smart-tag--medium{font-size:var(--tag-medium-font-size,14px);line-height:var(--tag-medium-line-height,20px)}.smart-tag--large{font-size:var(--tag-large-font-size,16px);line-height:var(--tag-large-line-height,22px)}.smart-tag--mark{border-radius:0 var(--tag-round-border-radius,var(--tag-round-border-radius,999px)) var(--tag-round-border-radius,var(--tag-round-border-radius,999px)) 0}.smart-tag--mark:after{content:"";display:block;width:2px}.smart-tag--round{border-radius:var(--tag-round-border-radius,999px)}.smart-tag__close{margin-left:2px;min-width:1em}

package/lib/tag/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.smart-tag{align-items:center;border-radius:var(--tag-border-radius,4px);color:var(--tag-text-color,#fff);display:inline-flex;font-size:var(--tag-font-size,12px);line-height:var(--tag-line-height,17px);padding:var(--tag-padding,2px 8px);position:relative}.smart-tag--default{background-color:var(--tag-default-color,#969799)}.smart-tag--default.smart-tag--plain{color:var(--tag-default-color,#969799)}.smart-tag--danger{background-color:var(--tag-danger-color,#ee0a24)}.smart-tag--danger.smart-tag--plain{color:var(--tag-danger-color,#ee0a24)}.smart-tag--primary{background-color:var(--tag-primary-color,#1989fa)}.smart-tag--primary.smart-tag--plain{color:var(--tag-primary-color,#1989fa)}.smart-tag--success{background-color:var(--tag-success-color,#07c160)}.smart-tag--success.smart-tag--plain{color:var(--tag-success-color,#07c160)}.smart-tag--warning{background-color:var(--tag-warning-color,#ff976a)}.smart-tag--warning.smart-tag--plain{color:var(--tag-warning-color,#ff976a)}.smart-tag--plain{background-color:var(--tag-plain-background-color,#fff)}.smart-tag--plain:before{border:1px solid;border-radius:inherit;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.smart-tag--medium{font-size:var(--tag-medium-font-size,14px);line-height:var(--tag-medium-line-height,20px)}.smart-tag--large{font-size:var(--tag-large-font-size,16px);line-height:var(--tag-large-line-height,22px)}.smart-tag--mark{border-radius:0 var(--tag-round-border-radius,var(--tag-round-border-radius,999px)) var(--tag-round-border-radius,var(--tag-round-border-radius,999px)) 0}.smart-tag--mark:after{content:"";display:block;width:2px}.smart-tag--round{border-radius:var(--tag-round-border-radius,999px)}.smart-tag__close{margin-left:2px;min-width:1em}
+@import '../common/index.wxss';.smart-tag{align-items:center;border-radius:var(--tag-border-radius,4px);color:var(--tag-text-color,#fff);display:inline-flex;font-size:var(--tag-font-size,12px);line-height:var(--tag-line-height,17px);padding:var(--tag-padding,2px 8px);position:relative}.smart-tag--default{background-color:var(--tag-default-color,#969799)}.smart-tag--default.smart-tag--plain{color:var(--tag-default-color,#969799)}.smart-tag--danger{background-color:var(--tag-danger-color,#ee0a24)}.smart-tag--danger.smart-tag--plain{color:var(--tag-danger-color,#ee0a24)}.smart-tag--primary{background-color:var(--tag-primary-color,#1989fa)}.smart-tag--primary.smart-tag--plain{color:var(--tag-primary-color,#1989fa)}.smart-tag--success{background-color:var(--tag-success-color,#07c160)}.smart-tag--success.smart-tag--plain{color:var(--tag-success-color,#07c160)}.smart-tag--warning{background-color:var(--tag-warning-color,#ff976a)}.smart-tag--warning.smart-tag--plain{color:var(--tag-warning-color,#ff976a)}.smart-tag--plain{background-color:var(--tag-plain-background-color,transparent)}.smart-tag--plain:before{border:1px solid;border-radius:inherit;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.smart-tag--medium{font-size:var(--tag-medium-font-size,14px);line-height:var(--tag-medium-line-height,20px)}.smart-tag--large{font-size:var(--tag-large-font-size,16px);line-height:var(--tag-large-line-height,22px)}.smart-tag--mark{border-radius:0 var(--tag-round-border-radius,var(--tag-round-border-radius,999px)) var(--tag-round-border-radius,var(--tag-round-border-radius,999px)) 0}.smart-tag--mark:after{content:"";display:block;width:2px}.smart-tag--round{border-radius:var(--tag-round-border-radius,999px)}.smart-tag__close{margin-left:2px;min-width:1em}

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

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

package/lib/toast/demo/index.js

@@ -0,0 +1,74 @@
+"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: {
+        showToast: function () {
+            (0, toast_1.default)({ context: this, message: I18n.t('promptContent') });
+        },
+        showLongToast: function () {
+            (0, toast_1.default)({
+                context: this,
+                message: I18n.t('toastDemoTip1'),
+            });
+        },
+        showLoadingToast: function () {
+            toast_1.default.loading({
+                context: this,
+                message: I18n.t('loading') + '...',
+                forbidClick: true,
+            });
+        },
+        showCustomLoadingToast: function () {
+            toast_1.default.loading({
+                context: this,
+                message: I18n.t('loading') + '...',
+                forbidClick: true,
+                loadingType: 'spinner',
+            });
+        },
+        showSuccessToast: function () {
+            toast_1.default.success({ context: this, message: I18n.t('successMessage') });
+        },
+        showFailToast: function () {
+            toast_1.default.fail({ context: this, message: I18n.t('failurePrompt') });
+        },
+        showWarnToast: function () {
+            toast_1.default.warn({ context: this, message: I18n.t('warningPrompt') });
+        },
+        showCustomizedToast: function () {
+            var text = function (second) {
+                return "".concat(I18n.t('countdown'), " ").concat(second, " ").concat(I18n.t('second'));
+            };
+            var toast = toast_1.default.loading({
+                context: this,
+                duration: 0,
+                forbidClick: true,
+                message: text(3),
+            });
+            var second = 3;
+            var timer = setInterval(function () {
+                second--;
+                if (second) {
+                    toast === null || toast === void 0 ? void 0 : toast.setData({ message: text(second) });
+                }
+                else {
+                    clearInterval(timer);
+                    toast_1.default.clear();
+                }
+            }, 1000);
+        },
+        showCustomizedWidthToast: function () {
+            toast_1.default.loading({
+                context: this,
+                message: I18n.t('loading') + '...',
+                forbidClick: true,
+                width: 200,
+            });
+        },
+    },
+});

package/lib/toast/toast.js

@@ -26,6 +26,7 @@ var defaultOptions = {
     width: '100%',
 };
 var queue = [];
+// @ts-expect-error
 var currentOptions = __assign({}, defaultOptions);
 function parseOptions(message) {
     return (0, validator_1.isObj)(message) ? message : { message: message };
@@ -36,9 +37,7 @@ function getContext() {
 }
 function Toast(toastOptions) {
     var options = __assign(__assign({}, currentOptions), parseOptions(toastOptions));
-    var context = (typeof options.context === 'function'
-        ? options.context()
-        : options.context) || getContext();
+    var context = (typeof options.context === 'function' ? options.context() : options.context) || getContext();
     var toast = context.selectComponent(options.selector);
     if (!toast) {
         console.warn('未找到 smart-toast 节点，请确认 selector 及 context 是否正确');
@@ -80,6 +79,7 @@ Toast.setDefaultOptions = function (options) {
     Object.assign(currentOptions, options);
 };
 Toast.resetDefaultOptions = function () {
+    // @ts-expect-error
     currentOptions = __assign({}, defaultOptions);
 };
 exports.default = Toast;

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

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

package/lib/transition/demo/index.js

@@ -0,0 +1,71 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../../common/component");
+(0, component_1.SmartComponent)({
+    data: {
+        show: false,
+        name: 'fade',
+        showCustom: false,
+    },
+    methods: {
+        onClickFade: function () {
+            this.trigger('fade');
+        },
+        onClickFadeUp: function () {
+            this.trigger('fade-up');
+        },
+        onClickFadeDown: function () {
+            this.trigger('fade-down');
+        },
+        onClickFadeLeft: function () {
+            this.trigger('fade-left');
+        },
+        onClickFadeRight: function () {
+            this.trigger('fade-right');
+        },
+        onClickSlideUp: function () {
+            this.trigger('slide-up');
+        },
+        onClickSlideDown: function () {
+            this.trigger('slide-down');
+        },
+        onClickSlideLeft: function () {
+            this.trigger('slide-left');
+        },
+        onClickSlideRight: function () {
+            this.trigger('slide-right');
+        },
+        trigger: function (name) {
+            var _this = this;
+            this.setData({ name: name, show: true });
+            setTimeout(function () {
+                _this.setData({ show: false });
+            }, 500);
+        },
+        onClickCustom: function () {
+            var _this = this;
+            this.setData({ showCustom: true });
+            setTimeout(function () {
+                _this.setData({ showCustom: false });
+            }, 1000);
+        },
+        onBeforeEnter: function () {
+            console.log('before enter');
+        },
+        onEnter: function () {
+            console.log('enter');
+        },
+        onAfterEnter: function () {
+            console.log('after enter');
+        },
+        onBeforeLeave: function () {
+            console.log('before leave');
+        },
+        onLeave: function () {
+            console.log('leave');
+        },
+        onAfterLeave: function () {
+            console.log('after leave');
+        },
+    },
+});