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

package/dist/tab/demo/index.js

@@ -0,0 +1,55 @@
+import { SmartComponent } from '../../common/component';
+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(event) {
+            wx.showToast({
+                title: `${I18n.t('label')} ${event.detail.index + 1} ${I18n.t('hasBeenDisabled')}`,
+                icon: 'none',
+            });
+        },
+        onChange(event) {
+            wx.showToast({
+                title: `${I18n.t('switchToTab')} ${event.detail.index + 1}`,
+                icon: 'none',
+            });
+        },
+        onClickNavRight() {
+            wx.showToast({
+                title: `${I18n.t('click')} right nav`,
+                icon: 'none',
+            });
+        },
+        onClick(event) {
+            wx.showToast({
+                title: `${I18n.t('clickTag')} ${event.detail.index + 1}`,
+                icon: 'none',
+            });
+        },
+        onBeforeChange(event) {
+            const { callback, title } = event.detail;
+            wx.showModal({
+                title: I18n.t('asynchronousSwitching'),
+                content: `I18n.t('areYouSureYouWantToSwitchTo') ${title} tab？`,
+                success: (res) => {
+                    if (res.confirm) {
+                        callback(true);
+                    }
+                    else if (res.cancel) {
+                        callback(false);
+                    }
+                },
+            });
+        },
+    },
+});

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

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

package/dist/tabbar/demo/index.js

@@ -0,0 +1,34 @@
+import Tornado from '@tuya-miniapp/icons/dist/svg/Tornado';
+import Timer from '@tuya-miniapp/icons/dist/svg/Timer';
+import TorSnownado from '@tuya-miniapp/icons/dist/svg/Snow';
+import Connect from '@tuya-miniapp/icons/dist/svg/Connect';
+import { SmartComponent } from '../../common/component';
+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,
+        defaultIcon2: Timer,
+        defaultIcon3: TorSnownado,
+        defaultIcon4: Connect,
+    },
+    methods: {
+        onChange(event) {
+            const { key } = event.currentTarget.dataset;
+            this.setData({ [key]: event.detail });
+        },
+        handleChange(event) {
+            const { key } = event.currentTarget.dataset;
+            this.setData({ [key]: event.detail });
+            wx.showToast({ title: `${I18n.t('clickTheTab')} ${event.detail + 1}`, icon: 'none' });
+        },
+    },
+});

package/dist/tabbar/index.js

@@ -57,7 +57,7 @@ SmartComponent({
                 return;
             }
             wx.nextTick(() => {
-                getRect(this, '.smart-tabbar').then((res) => {
+                getRect(this, '.smart-tabbar').then(res => {
                     this.setData({ height: res.height });
                 });
             });

package/dist/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/dist/tabs/index.js

@@ -5,13 +5,7 @@ import { isDef } from '../common/validator';
 import { useChildren } from '../common/relation';
 SmartComponent({
     mixins: [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: useChildren('tab', function () {
         this.updateTabs();
     }),
@@ -146,9 +140,7 @@ SmartComponent({
         },
         setCurrentIndex(currentIndex) {
             const { data, children = [] } = this;
-            if (!isDef(currentIndex) ||
-                currentIndex >= children.length ||
-                currentIndex < 0) {
+            if (!isDef(currentIndex) || currentIndex >= children.length || currentIndex < 0) {
                 return;
             }
             groupSetData(this, () => {
@@ -186,10 +178,7 @@ SmartComponent({
         },
         resize() {
             const { currentIndex, ellipsis, skipTransition, type } = this.data;
-            Promise.all([
-                getAllRect(this, '.smart-tab'),
-                getRect(this, '.smart-tabs__line'),
-            ]).then(([rects = [], lineRect]) => {
+            Promise.all([getAllRect(this, '.smart-tab'), getRect(this, '.smart-tabs__line')]).then(([rects = [], lineRect]) => {
                 const rect = rects[currentIndex];
                 if (rect == null) {
                     return;
@@ -199,8 +188,7 @@ SmartComponent({
                     .slice(0, currentIndex)
                     .reduce((prev, curr) => 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;
@@ -221,10 +209,7 @@ SmartComponent({
             if (!scrollable) {
                 return;
             }
-            Promise.all([
-                getAllRect(this, '.smart-tab'),
-                getRect(this, '.smart-tabs__nav'),
-            ]).then(([tabRects, navRect]) => {
+            Promise.all([getAllRect(this, '.smart-tab'), getRect(this, '.smart-tabs__nav')]).then(([tabRects, navRect]) => {
                 const tabRect = tabRects[currentIndex];
                 const offsetLeft = tabRects
                     .slice(0, currentIndex)
@@ -272,10 +257,7 @@ SmartComponent({
             const step = direction > 0 ? -1 : 1;
             for (let i = step; currentIndex + i < tabs.length && currentIndex + i >= 0; i += step) {
                 const 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;
                 }
             }
@@ -287,7 +269,7 @@ SmartComponent({
                 return Promise.resolve();
             }
             return new Promise((resolve, reject) => {
-                this.$emit('before-change', Object.assign(Object.assign({}, this.getChildData(index)), { callback: (status) => (status ? resolve() : reject()) }));
+                this.$emit('before-change', Object.assign(Object.assign({}, this.getChildData(index)), { callback: status => (status ? resolve() : reject()) }));
             });
         },
         getChildData(index, child) {

package/dist/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/dist/tag/demo/index.d.ts

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

package/dist/tag/demo/index.js

@@ -0,0 +1,16 @@
+import { SmartComponent } from '../../common/component';
+SmartComponent({
+    data: {
+        show: {
+            success: true,
+            primary: true,
+        },
+    },
+    methods: {
+        onClose(event) {
+            this.setData({
+                [`show.${event.target.id}`]: false,
+            });
+        },
+    },
+});

package/dist/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/dist/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/dist/toast/demo/index.d.ts

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

package/dist/toast/demo/index.js

@@ -0,0 +1,67 @@
+import { SmartComponent } from '../../common/component';
+import Toast from '../../toast/toast';
+SmartComponent({
+    methods: {
+        showToast() {
+            Toast({ context: this, message: I18n.t('promptContent') });
+        },
+        showLongToast() {
+            Toast({
+                context: this,
+                message: I18n.t('toastDemoTip1'),
+            });
+        },
+        showLoadingToast() {
+            Toast.loading({
+                context: this,
+                message: I18n.t('loading') + '...',
+                forbidClick: true,
+            });
+        },
+        showCustomLoadingToast() {
+            Toast.loading({
+                context: this,
+                message: I18n.t('loading') + '...',
+                forbidClick: true,
+                loadingType: 'spinner',
+            });
+        },
+        showSuccessToast() {
+            Toast.success({ context: this, message: I18n.t('successMessage') });
+        },
+        showFailToast() {
+            Toast.fail({ context: this, message: I18n.t('failurePrompt') });
+        },
+        showWarnToast() {
+            Toast.warn({ context: this, message: I18n.t('warningPrompt') });
+        },
+        showCustomizedToast() {
+            const text = (second) => `${I18n.t('countdown')} ${second} ${I18n.t('second')}`;
+            const toast = Toast.loading({
+                context: this,
+                duration: 0,
+                forbidClick: true,
+                message: text(3),
+            });
+            let second = 3;
+            const timer = setInterval(() => {
+                second--;
+                if (second) {
+                    toast === null || toast === void 0 ? void 0 : toast.setData({ message: text(second) });
+                }
+                else {
+                    clearInterval(timer);
+                    Toast.clear();
+                }
+            }, 1000);
+        },
+        showCustomizedWidthToast() {
+            Toast.loading({
+                context: this,
+                message: I18n.t('loading') + '...',
+                forbidClick: true,
+                width: 200,
+            });
+        },
+    },
+});

package/dist/toast/toast.js

@@ -13,6 +13,7 @@ const defaultOptions = {
     width: '100%',
 };
 let queue = [];
+// @ts-expect-error
 let currentOptions = Object.assign({}, defaultOptions);
 function parseOptions(message) {
     return isObj(message) ? message : { message };
@@ -23,9 +24,7 @@ function getContext() {
 }
 function Toast(toastOptions) {
     const options = Object.assign(Object.assign({}, currentOptions), parseOptions(toastOptions));
-    const context = (typeof options.context === 'function'
-        ? options.context()
-        : options.context) || getContext();
+    const context = (typeof options.context === 'function' ? options.context() : options.context) || getContext();
     const toast = context.selectComponent(options.selector);
     if (!toast) {
         console.warn('未找到 smart-toast 节点，请确认 selector 及 context 是否正确');
@@ -45,7 +44,7 @@ function Toast(toastOptions) {
     if (options.duration != null && options.duration > 0) {
         toast.timer = setTimeout(() => {
             toast.clear();
-            queue = queue.filter((item) => item !== toast);
+            queue = queue.filter(item => item !== toast);
         }, options.duration);
     }
     return toast;
@@ -56,7 +55,7 @@ Toast.success = createMethod('success');
 Toast.fail = createMethod('fail');
 Toast.warn = createMethod('warn');
 Toast.clear = () => {
-    queue.forEach((toast) => {
+    queue.forEach(toast => {
         toast.clear();
     });
     queue = [];
@@ -65,6 +64,7 @@ Toast.setDefaultOptions = (options) => {
     Object.assign(currentOptions, options);
 };
 Toast.resetDefaultOptions = () => {
+    // @ts-expect-error
     currentOptions = Object.assign({}, defaultOptions);
 };
 export default Toast;

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

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

package/dist/transition/demo/index.js

@@ -0,0 +1,67 @@
+import { SmartComponent } from '../../common/component';
+SmartComponent({
+    data: {
+        show: false,
+        name: 'fade',
+        showCustom: false,
+    },
+    methods: {
+        onClickFade() {
+            this.trigger('fade');
+        },
+        onClickFadeUp() {
+            this.trigger('fade-up');
+        },
+        onClickFadeDown() {
+            this.trigger('fade-down');
+        },
+        onClickFadeLeft() {
+            this.trigger('fade-left');
+        },
+        onClickFadeRight() {
+            this.trigger('fade-right');
+        },
+        onClickSlideUp() {
+            this.trigger('slide-up');
+        },
+        onClickSlideDown() {
+            this.trigger('slide-down');
+        },
+        onClickSlideLeft() {
+            this.trigger('slide-left');
+        },
+        onClickSlideRight() {
+            this.trigger('slide-right');
+        },
+        trigger(name) {
+            this.setData({ name, show: true });
+            setTimeout(() => {
+                this.setData({ show: false });
+            }, 500);
+        },
+        onClickCustom() {
+            this.setData({ showCustom: true });
+            setTimeout(() => {
+                this.setData({ showCustom: false });
+            }, 1000);
+        },
+        onBeforeEnter() {
+            console.log('before enter');
+        },
+        onEnter() {
+            console.log('enter');
+        },
+        onAfterEnter() {
+            console.log('after enter');
+        },
+        onBeforeLeave() {
+            console.log('before leave');
+        },
+        onLeave() {
+            console.log('leave');
+        },
+        onAfterLeave() {
+            console.log('after leave');
+        },
+    },
+});

package/dist/tree-select/demo/index.d.ts

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

package/dist/tree-select/demo/index.js

@@ -0,0 +1,113 @@
+import { SmartComponent } from '../../common/component';
+const config = {
+    pro1Name: I18n.t('zhejiang'),
+    pro1: [
+        {
+            text: I18n.t('hangzhou'),
+            id: 1,
+        },
+        {
+            text: I18n.t('wenzhou'),
+            id: 2,
+        },
+        {
+            text: I18n.t('ningbo'),
+            id: 3,
+            disabled: true,
+        },
+        {
+            text: I18n.t('yiwu'),
+            id: 4,
+        },
+    ],
+    pro2Name: I18n.t('jiangsu'),
+    pro2: [
+        {
+            text: I18n.t('nanjing'),
+            id: 5,
+        },
+        {
+            text: I18n.t('wuxi'),
+            id: 6,
+        },
+        {
+            text: I18n.t('xuzhou'),
+            id: 7,
+        },
+        {
+            text: I18n.t('suzhou'),
+            id: 8,
+        },
+    ],
+    pro3Name: I18n.t('fujian'),
+    pro3: [
+        {
+            text: I18n.t('quanzhou'),
+            id: 9,
+        },
+        {
+            text: I18n.t('xiamen'),
+            id: 10,
+        },
+    ],
+};
+const items = [
+    {
+        text: config.pro1Name,
+        options: config.pro1,
+    },
+    {
+        text: config.pro2Name,
+        options: config.pro2,
+    },
+    {
+        text: config.pro3Name,
+        disabled: true,
+        options: config.pro3,
+    },
+];
+SmartComponent({
+    data: {
+        items,
+        badgeItems: items.slice(0, 2).map((item, index) => {
+            if (index === 0) {
+                return Object.assign(Object.assign({}, item), { dot: true });
+            }
+            if (index === 1) {
+                return Object.assign(Object.assign({}, item), { badge: 5 });
+            }
+            return item;
+        }),
+        mainActiveIndex: 0,
+        activeId: 0,
+        mainActiveIndexMulti: 0,
+        activeIdMulti: [],
+    },
+    methods: {
+        onClickNav({ detail }) {
+            this.setData({
+                mainActiveIndex: detail.index || 0,
+            });
+        },
+        onClickItem({ detail }) {
+            const activeId = this.data.activeId === detail.id ? null : detail.id;
+            this.setData({ activeId });
+        },
+        onClickNavMulti({ detail }) {
+            this.setData({
+                mainActiveIndexMulti: detail.index || 0,
+            });
+        },
+        onClickItemMulti({ detail }) {
+            const { activeIdMulti } = this.data;
+            const idx = activeIdMulti.indexOf(detail.id);
+            if (idx > -1) {
+                activeIdMulti.splice(idx, 1);
+            }
+            else {
+                activeIdMulti.push(detail.id);
+            }
+            this.setData({ activeIdMulti });
+        },
+    },
+});

package/dist/wxs/style.wxs

@@ -1,10 +1,3 @@
-/*
- * @Author: mjh
- * @Date: 2024-08-02 11:38:15
- * @LastEditors: mjh
- * @LastEditTime: 2024-10-31 15:52:59
- * @Description: 
- */
 /* eslint-disable */
 var object = require('./object.wxs');
 var array = require('./array.wxs');

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

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