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

package/dist/field/demo/index.js

@@ -0,0 +1,21 @@
+import { SmartComponent } from '../../common/component';
+SmartComponent({
+    data: {
+        sms: '',
+        value: '',
+        password: '',
+        username: '',
+        username2: '',
+        username3: '',
+        message: '',
+        phone: '1365577',
+    },
+    methods: {
+        onClickIcon() {
+            wx.showToast({
+                icon: 'none',
+                title: I18n.t('clickTheIcon'),
+            });
+        },
+    },
+});

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

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

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

@@ -0,0 +1,12 @@
+import { SmartComponent } from '../../common/component';
+import Toast from '../../toast/toast';
+SmartComponent({
+    methods: {
+        onClickIcon() {
+            Toast({ context: this, message: I18n.t('clickTheIcon') });
+        },
+        onClickButton() {
+            Toast({ context: this, message: I18n.t('clickTheButton') });
+        },
+    },
+});

package/dist/goods-action/index.css

@@ -1 +1 @@
-@import '../common/index.css';.smart-goods-action{align-items:center;background-color:var(--goods-action-background-color,#fff);bottom:0;box-sizing:initial;display:flex;height:var(--goods-action-height,50px);left:0;position:fixed;right:0}.smart-goods-action--safe{padding-bottom:env(safe-area-inset-bottom)}
+@import '../common/index.css';.smart-goods-action{align-items:center;background-color:var(--goods-action-background-color,var(--app-B4,#fff));bottom:0;box-sizing:initial;display:flex;height:var(--goods-action-height,50px);left:0;position:fixed;right:0}.smart-goods-action--safe{padding-bottom:env(safe-area-inset-bottom)}

package/dist/goods-action/index.js

@@ -2,7 +2,7 @@ import { SmartComponent } from '../common/component';
 import { useChildren } from '../common/relation';
 SmartComponent({
     relation: useChildren('goods-action-button', function () {
-        this.children.forEach((item) => {
+        this.children.forEach(item => {
             item.updateStyle();
         });
     }),

package/dist/goods-action/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.smart-goods-action{align-items:center;background-color:var(--goods-action-background-color,#fff);bottom:0;box-sizing:initial;display:flex;height:var(--goods-action-height,50px);left:0;position:fixed;right:0}.smart-goods-action--safe{padding-bottom:env(safe-area-inset-bottom)}
+@import '../common/index.wxss';.smart-goods-action{align-items:center;background-color:var(--goods-action-background-color,var(--app-B4,#fff));bottom:0;box-sizing:initial;display:flex;height:var(--goods-action-height,50px);left:0;position:fixed;right:0}.smart-goods-action--safe{padding-bottom:env(safe-area-inset-bottom)}

package/dist/goods-action-button/index.css

@@ -1 +1 @@
-@import '../common/index.css';:host{flex:1}.smart-goods-action-button{--button-warning-background-color:var(--goods-action-button-warning-color,linear-gradient(to right,#ffd01e,#ff8917));--button-danger-background-color:var(--goods-action-button-danger-color,linear-gradient(to right,#ff6034,#ee0a24));--button-default-height:var(--goods-action-button-height,40px);--button-line-height:var(--goods-action-button-line-height,20px);--button-plain-background-color:var(--goods-action-button-plain-color,#fff);--button-border-width:0;display:block}.smart-goods-action-button--first{--button-border-radius:999px 0 0 var(--goods-action-button-border-radius,999px);margin-left:5px}.smart-goods-action-button--last{--button-border-radius:0 999px var(--goods-action-button-border-radius,999px) 0;margin-right:5px}.smart-goods-action-button--first.smart-goods-action-button--last{--button-border-radius:var(--goods-action-button-border-radius,999px)}.smart-goods-action-button--plain{--button-border-width:1px}.smart-goods-action-button__inner{font-weight:var(--font-weight-bold,500)!important;width:100%}@media (max-width:321px){.smart-goods-action-button{font-size:13px}}
+@import '../common/index.css';:host{flex:1}.smart-goods-action-button{--button-warning-background-color:var(--goods-action-button-warning-color,linear-gradient(to right,#ffd01e,#ff8917));--button-danger-background-color:var(--goods-action-button-danger-color,linear-gradient(to right,#ff6034,#ee0a24));--button-default-height:var(--goods-action-button-height,40px);--button-line-height:var(--goods-action-button-line-height,20px);--button-plain-background-color:var(--goods-action-button-plain-color,var(--app-B4,#fff));--button-border-width:0;display:block}.smart-goods-action-button--first{--button-border-radius:999px 0 0 var(--goods-action-button-border-radius,999px);margin-left:5px}.smart-goods-action-button--last{--button-border-radius:0 999px var(--goods-action-button-border-radius,999px) 0;margin-right:5px}.smart-goods-action-button--first.smart-goods-action-button--last{--button-border-radius:var(--goods-action-button-border-radius,999px)}.smart-goods-action-button--plain{--button-border-width:1px}.smart-goods-action-button__inner{font-weight:var(--font-weight-bold,500)!important;width:100%}@media (max-width:321px){.smart-goods-action-button{font-size:13px}}

package/dist/goods-action-button/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';:host{flex:1}.smart-goods-action-button{--button-warning-background-color:var(--goods-action-button-warning-color,linear-gradient(to right,#ffd01e,#ff8917));--button-danger-background-color:var(--goods-action-button-danger-color,linear-gradient(to right,#ff6034,#ee0a24));--button-default-height:var(--goods-action-button-height,40px);--button-line-height:var(--goods-action-button-line-height,20px);--button-plain-background-color:var(--goods-action-button-plain-color,#fff);--button-border-width:0;display:block}.smart-goods-action-button--first{--button-border-radius:999px 0 0 var(--goods-action-button-border-radius,999px);margin-left:5px}.smart-goods-action-button--last{--button-border-radius:0 999px var(--goods-action-button-border-radius,999px) 0;margin-right:5px}.smart-goods-action-button--first.smart-goods-action-button--last{--button-border-radius:var(--goods-action-button-border-radius,999px)}.smart-goods-action-button--plain{--button-border-width:1px}.smart-goods-action-button__inner{font-weight:var(--font-weight-bold,500)!important;width:100%}@media (max-width:321px){.smart-goods-action-button{font-size:13px}}
+@import '../common/index.wxss';:host{flex:1}.smart-goods-action-button{--button-warning-background-color:var(--goods-action-button-warning-color,linear-gradient(to right,#ffd01e,#ff8917));--button-danger-background-color:var(--goods-action-button-danger-color,linear-gradient(to right,#ff6034,#ee0a24));--button-default-height:var(--goods-action-button-height,40px);--button-line-height:var(--goods-action-button-line-height,20px);--button-plain-background-color:var(--goods-action-button-plain-color,var(--app-B4,#fff));--button-border-width:0;display:block}.smart-goods-action-button--first{--button-border-radius:999px 0 0 var(--goods-action-button-border-radius,999px);margin-left:5px}.smart-goods-action-button--last{--button-border-radius:0 999px var(--goods-action-button-border-radius,999px) 0;margin-right:5px}.smart-goods-action-button--first.smart-goods-action-button--last{--button-border-radius:var(--goods-action-button-border-radius,999px)}.smart-goods-action-button--plain{--button-border-width:1px}.smart-goods-action-button__inner{font-weight:var(--font-weight-bold,500)!important;width:100%}@media (max-width:321px){.smart-goods-action-button{font-size:13px}}

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

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

package/dist/grid/demo/index.js

@@ -0,0 +1,9 @@
+import { SmartComponent } from '../../common/component';
+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/dist/grid/index.js

@@ -47,7 +47,7 @@ SmartComponent({
     },
     methods: {
         updateChildren() {
-            this.children.forEach((child) => {
+            this.children.forEach(child => {
                 child.updateStyle();
             });
         },

package/dist/grid-item/index.js

@@ -30,7 +30,7 @@ SmartComponent({
                 return;
             }
             const { data, children } = this.parent;
-            const { columnNum, border, square, gutter, clickable, center, direction, reverse, iconSize, } = data;
+            const { columnNum, border, square, gutter, clickable, center, direction, reverse, iconSize } = data;
             this.setData({
                 center,
                 border,

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

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

package/dist/icon/demo/index.js

@@ -0,0 +1,26 @@
+import * as icons from '@tuya-miniapp/icons';
+import iconsConfig from '@tuya-miniapp/icons/dist/config';
+import { SmartComponent } from '../../common/component';
+function kebabCase(name) {
+    const currName = name.replace(/[A-Z]/g, (word) => '-' + word.toLocaleLowerCase());
+    return currName.slice(1);
+}
+const iconsArr = iconsConfig.map((name) => ({
+    name: kebabCase(name),
+    value: icons[name],
+}));
+SmartComponent({
+    data: {
+        active: 0,
+        icons: iconsArr,
+        iconWarning: icons.Warning,
+        iconAlarm: icons.Alarm,
+    },
+    methods: {
+        onSwitch(event) {
+            this.setData({
+                active: event.detail.index,
+            });
+        },
+    },
+});

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

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

package/dist/image/demo/index.js

@@ -0,0 +1,15 @@
+import { SmartComponent } from '../../common/component';
+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/dist/index-anchor/index.js

@@ -14,7 +14,7 @@ SmartComponent({
     },
     methods: {
         scrollIntoView(scrollTop) {
-            getRect(this, '.smart-index-anchor-wrapper').then((rect) => {
+            getRect(this, '.smart-index-anchor-wrapper').then(rect => {
                 wx.pageScrollTo({
                     duration: 0,
                     scrollTop: scrollTop + rect.top - this.parent.data.stickyOffsetTop,

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

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

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

@@ -0,0 +1,21 @@
+import { SmartComponent } from '../../common/component';
+const indexList = [];
+const charCodeOfA = 'A'.charCodeAt(0);
+for (let i = 0; i < 26; i++) {
+    indexList.push(String.fromCharCode(charCodeOfA + i));
+}
+SmartComponent({
+    data: {
+        activeTab: 0,
+        indexList,
+        customIndexList: [1, 2, 3, 4, 5, 6, 8, 9, 10],
+        scrollTop: 0,
+    },
+    methods: {
+        onChange(event) {
+            this.setData({
+                activeTab: event.detail.name,
+            });
+        },
+    },
+});

package/dist/index-bar/index.js

@@ -67,14 +67,10 @@ SmartComponent({
             });
         },
         setRect() {
-            return Promise.all([
-                this.setAnchorsRect(),
-                this.setListRect(),
-                this.setSiderbarRect(),
-            ]);
+            return Promise.all([this.setAnchorsRect(), this.setListRect(), this.setSiderbarRect()]);
         },
         setAnchorsRect() {
-            return Promise.all(this.children.map((anchor) => getRect(anchor, '.smart-index-anchor-wrapper').then((rect) => {
+            return Promise.all(this.children.map(anchor => getRect(anchor, '.smart-index-anchor-wrapper').then(rect => {
                 Object.assign(anchor, {
                     height: rect.height,
                     top: rect.top + this.scrollTop,
@@ -82,7 +78,7 @@ SmartComponent({
             })));
         },
         setListRect() {
-            return getRect(this, '.smart-index-bar').then((rect) => {
+            return getRect(this, '.smart-index-bar').then(rect => {
                 if (!isDef(rect)) {
                     return;
                 }
@@ -93,7 +89,7 @@ SmartComponent({
             });
         },
         setSiderbarRect() {
-            return getRect(this, '.smart-index-bar__sidebar').then((res) => {
+            return getRect(this, '.smart-index-bar__sidebar').then(res => {
                 if (!isDef(res)) {
                     return;
                 }
@@ -105,7 +101,7 @@ SmartComponent({
         },
         setDiffData({ target, data }) {
             const diffData = {};
-            Object.keys(data).forEach((key) => {
+            Object.keys(data).forEach(key => {
                 if (target.data[key] !== data[key]) {
                     diffData[key] = data[key];
                 }
@@ -115,7 +111,7 @@ SmartComponent({
             }
         },
         getAnchorRect(anchor) {
-            return getRect(anchor, '.smart-index-anchor-wrapper').then((rect) => ({
+            return getRect(anchor, '.smart-index-anchor-wrapper').then(rect => ({
                 height: rect.height,
                 top: rect.top,
             }));
@@ -148,8 +144,7 @@ SmartComponent({
             if (sticky) {
                 let isActiveAnchorSticky = false;
                 if (active !== -1) {
-                    isActiveAnchorSticky =
-                        children[active].top <= stickyOffsetTop + scrollTop;
+                    isActiveAnchorSticky = children[active].top <= stickyOffsetTop + scrollTop;
                 }
                 children.forEach((item, index) => {
                     if (index === active) {
@@ -180,9 +175,7 @@ SmartComponent({
                     else if (index === active - 1) {
                         const currentAnchor = children[index];
                         const currentOffsetTop = currentAnchor.top;
-                        const targetOffsetTop = index === children.length - 1
-                            ? this.top
-                            : children[index + 1].top;
+                        const targetOffsetTop = index === children.length - 1 ? this.top : children[index + 1].top;
                         const parentOffsetHeight = targetOffsetTop - currentOffsetTop;
                         const translateY = parentOffsetHeight - currentAnchor.height;
                         const anchorStyle = `
@@ -236,7 +229,7 @@ SmartComponent({
                 return;
             }
             this.scrollToAnchorIndex = index;
-            const anchor = this.children.find((item) => item.data.index === this.data.indexList[index]);
+            const anchor = this.children.find(item => item.data.index === this.data.indexList[index]);
             if (anchor) {
                 anchor.scrollIntoView(this.scrollTop);
                 this.$emit('select', anchor.data.index);

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

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

package/dist/loading/demo/index.js

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

package/dist/loading/index.js

@@ -1,7 +1,10 @@
 import { SmartComponent } from '../common/component';
 SmartComponent({
     props: {
-        color: String,
+        color: {
+            type: String,
+            value: '#1989FA'
+        },
         vertical: Boolean,
         type: {
             type: String,
@@ -13,4 +16,25 @@ SmartComponent({
         },
         textSize: String,
     },
+    data: {
+        spinner: '',
+        circular: ''
+    },
+    created() {
+        this.setData({
+            spinner: this.SpinnerLoading({ color: this.data.color }),
+            circular: this.CircularLoading({ color: this.data.color })
+        });
+    },
+    methods: {
+        createSvgIcon(svg) {
+            return `data:image/svg+xml,${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">${svg}`)}`;
+        },
+        CircularLoading({ color = '#1989FA' }) {
+            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="${color}" stop-opacity="1"/><stop offset="100%" stop-color="${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="${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({ color = '#3678E3' }) {
+            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="${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="${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="${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="${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="${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="${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="${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="${color}" fill-opacity="1"/></g></g></svg>`);
+        }
+    }
 });

package/dist/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 }) }}">

package/dist/loading/index.wxs

@@ -11,37 +11,22 @@ function textStyle(data) {
   return ret;
 }
 
-const createSvgIcon = (svg) =>
-  `data:image/svg+xml,${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">${svg}`
-  )}`;
-
-const CircularLoading = ({ color }) =>
-  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="${color}" stop-opacity="1"/><stop offset="100%" stop-color="${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="${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>`
-  );
-
-const SpinnerLoading = ({ color }) =>
-  createSvgIcon(
-    `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="32" height="32" viewBox="0 0 32 32"><g><g><g></g><g><g><path d="M23.5413973046875,21.023418836669922L21.6560673046875,19.138091836669922C21.1360673046875,18.618087836669922,20.2933963046875,18.618087836669922,19.7707393046875,19.138091836669922C19.2507363046875,19.658095836669922,19.2507363046875,20.503418836669923,19.7707393046875,21.023418836669922L21.6560673046875,22.908748836669922C22.1760673046875,23.42875883666992,23.0213873046875,23.42875883666992,23.5413973046875,22.908748836669922C24.0613973046875,22.388748836669922,24.0613973046875,21.54342883666992,23.5413973046875,21.023418836669922Z" fill-rule="evenodd" fill="${color}" fill-opacity="1"/></g><g style="opacity:0.699999988079071;"><path d="M15,6.3333200000000005L15,8.99994C15,9.7359,15.597301,10.33326,16.33332,10.33326C17.06927,10.33326,17.66664,9.73596,17.66664,8.99994L17.66664,6.3333200000000005C17.66664,5.597364,17.06927,5,16.33332,5C15.597363,5,15,5.597301,15,6.3333200000000005Z" fill="${color}" fill-opacity="1"/></g><g style="opacity:0.6000000238418579;"><path d="M8.390002,8.389983926513672C7.869999,8.909987926513672,7.869999,9.755310926513673,8.390002,10.275310926513672L10.27533,12.160640926513672C10.79533,12.680650926513671,11.638,12.680650926513671,12.16066,12.160640926513672C12.68066,11.640640926513672,12.68066,10.795320926513671,12.16066,10.275310926513672L10.27533,8.389983926513672C9.75533,7.869979926513672,8.910006,7.869979926513672,8.390002,8.389983926513672Z" fill="${color}" fill-opacity="1"/></g><g transform="matrix(-1,0,0,1,49.101318359375,0)" style="opacity:0.800000011920929;"><path d="M24.9406611796875,8.389983926513672C24.4206581796875,8.909987926513672,24.4206581796875,9.755310926513673,24.9406611796875,10.275310926513672L26.8259891796875,12.160640926513672C27.3459891796875,12.680650926513671,28.188659179687498,12.680650926513671,28.7113191796875,12.160640926513672C29.2313191796875,11.640640926513672,29.2313191796875,10.795320926513671,28.7113191796875,10.275310926513672L26.8259891796875,8.389983926513672C26.3059891796875,7.869979926513672,25.4606651796875,7.869979926513672,24.9406611796875,8.389983926513672Z" fill="${color}" fill-opacity="1"/></g><g style="opacity:0.5;"><path d="M6,15.666644432373047C6,16.402604432373046,6.5973,16.999964432373048,7.3333200000000005,16.999964432373048L9.99994,16.999964432373048C10.735890000000001,16.999964432373048,11.33325,16.402664432373047,11.33325,15.666644432373047C11.33325,14.930688432373048,10.735949999999999,14.333324432373047,9.99994,14.333324432373047L7.3333200000000005,14.333324432373047C6.597364,14.333324432373047,6,14.930688432373048,6,15.666644432373047Z" fill="${color}" fill-opacity="1"/></g><g style="opacity:0.8999999761581421;"><path d="M21,15.666644432373047C21,16.402604432373046,21.5973,16.999964432373048,22.33332,16.999964432373048L24.99994,16.999964432373048C25.73589,16.999964432373048,26.33325,16.402664432373047,26.33325,15.666644432373047C26.33325,14.930688432373048,25.73595,14.333324432373047,24.99994,14.333324432373047L22.33332,14.333324432373047C21.597364,14.333324432373047,21,14.930688432373048,21,15.666644432373047Z" fill="${color}" fill-opacity="1"/></g><g style="opacity:0.4000000059604645;"><path d="M8.45866655078125,21.023418836669922C7.93866355078125,21.54342883666992,7.93866355078125,22.388748836669922,8.45866655078125,22.908748836669922C8.97867055078125,23.42875883666992,9.82399455078125,23.42875883666992,10.34399455078125,22.908748836669922L12.22932455078125,21.023418836669922C12.74932455078125,20.503418836669923,12.74932455078125,19.658095836669922,12.22932455078125,19.138091836669922C11.70931455078125,18.618087836669922,10.86399455078125,18.618087836669922,10.34399455078125,19.138091836669922L8.45866655078125,21.023418836669922Z" fill="${color}" fill-opacity="1"/></g><g style="opacity:0.20000000298023224;"><path d="M15,22.33332L15,24.99994C15,25.7359,15.597301,26.33326,16.33332,26.33326C17.06927,26.33326,17.66664,25.73596,17.66664,24.99994L17.66664,22.33332C17.66664,21.597364,17.06927,21,16.33332,21C15.597363,21,15,21.597301,15,22.33332Z" fill="${color}" fill-opacity="1"/></g></g></g></g></svg>`
-  );
-
 function loadingStyle(data) {
-  let iconSrc = '';
+  let iconSrc = ''
 
   if (data.type === 'spinner') {
-    iconSrc = SpinnerLoading({ color: data.color || '#1989FA' });
+    iconSrc = data.spinner
   }
 
   if (data.type === 'circular') {
-    iconSrc = CircularLoading({ color: data.color || '#3678E3' });
+    iconSrc = data.circular
   }
 
-  const ret = style({
-    'background-image': `url('${iconSrc}')`,
+  var ret = style({
+    'background-image': "url('".concat(iconSrc, "')"),
     width: addUnit(data.size),
     height: addUnit(data.size),
-    'background-size': addUnit(data.size),
+    'background-size': addUnit(data.size)
   });
 
   return ret;

package/dist/mixins/basic.js

@@ -5,13 +5,13 @@ export const basic = Behavior({
         },
         set(data) {
             this.setData(data);
-            return new Promise((resolve) => wx.nextTick(resolve));
+            return new Promise(resolve => wx.nextTick(resolve));
         },
         // high performance setData
         setView(data, callback) {
             const target = {};
             let hasChange = false;
-            Object.keys(data).forEach((key) => {
+            Object.keys(data).forEach(key => {
                 if (data[key] !== this.data[key]) {
                     target[key] = data[key];
                     hasChange = true;

package/dist/mixins/link.js

@@ -10,8 +10,7 @@ export const link = Behavior({
         jumpLink(urlKey = 'url') {
             const url = this.data[urlKey];
             if (url) {
-                if (this.data.linkType === 'navigateTo' &&
-                    getCurrentPages().length > 9) {
+                if (this.data.linkType === 'navigateTo' && getCurrentPages().length > 9) {
                     wx.redirectTo({ url });
                 }
                 else {

package/dist/mixins/page-scroll.js

@@ -32,7 +32,7 @@ export function pageScrollMixin(scroller) {
                 return;
             }
             const { smartPageScroller } = page;
-            const index = smartPageScroller.findIndex((v) => v === this._scroller);
+            const index = smartPageScroller.findIndex(v => v === this._scroller);
             if (index > -1) {
                 page.smartPageScroller.splice(index, 1);
             }

package/dist/mixins/touch.js

@@ -30,8 +30,7 @@ export const touch = Behavior({
             this.deltaY = touch.clientY - this.startY;
             this.offsetX = Math.abs(this.deltaX);
             this.offsetY = Math.abs(this.deltaY);
-            this.direction =
-                this.direction || getDirection(this.offsetX, this.offsetY);
+            this.direction = this.direction || getDirection(this.offsetX, this.offsetY);
         },
     },
 });

package/dist/mixins/transition.js

@@ -47,7 +47,7 @@ export function transition(showDefaultValue) {
             enter() {
                 if (this.enterFinishedPromise)
                     return;
-                this.enterFinishedPromise = new Promise((resolve) => {
+                this.enterFinishedPromise = new Promise(resolve => {
                     const { duration, name } = this.data;
                     const classNames = getClassNames(name);
                     const currentDuration = isObj(duration) ? duration.enter : duration;

package/dist/nav-bar/demo/index.d.ts

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

package/dist/nav-bar/demo/index.js

@@ -0,0 +1,26 @@
+import iconPlus from '@tuya-miniapp/icons/dist/svg/Plus';
+import iconHouse from '@tuya-miniapp/icons/dist/svg/House';
+import { SmartComponent } from '../../common/component';
+SmartComponent({
+    data: {
+        iconPlus,
+        iconHouse,
+    },
+    methods: {
+        onClickLeft() {
+            wx.showToast({ title: I18n.t('clickToReturn'), icon: 'none' });
+        },
+        onClickLeftIcon() {
+            wx.showToast({ title: I18n.t('clickToLeftIcon'), icon: 'none' });
+        },
+        onClickLeftText() {
+            wx.showToast({ title: I18n.t('clickToLeftText'), icon: 'none' });
+        },
+        onClickTitle() {
+            wx.showToast({ title: I18n.t('clickToTitle'), icon: 'none' });
+        },
+        onClickRight() {
+            wx.showToast({ title: I18n.t('clickToRight'), icon: 'none' });
+        },
+    },
+});

package/dist/nav-bar/index.css

@@ -1 +1 @@
-@import '../common/index.css';.smart-nav-bar{background-color:var(--nav-bar-background-color,var(--app-B2,#fff));box-sizing:initial;height:var(--nav-bar-height,46px);line-height:var(--nav-bar-height,46px);position:relative;text-align:center;-webkit-user-select:none;user-select:none}.smart-nav-bar__content{height:100%;position:relative}.smart-nav-bar__text{color:var(--nav-bar-text-color,var(--app-B2-N1,#000));display:inline-block;margin:0 calc(var(--padding-md, 16px)*-1);padding:0 var(--padding-md,16px);vertical-align:middle}.smart-nav-bar__text--hover{background-color:#f2f3f5}.smart-nav-bar__text--home{color:var(--nav-bar-home-text-color,var(--app-B2-N1,#000));font-size:var(--nav-bar-home-font-size,22px);font-weight:var(--nav-bar-home-font-weight,600)}.smart-nav-bar__text--title{color:var(--nav-bar-title-text-color,var(--app-B2-N1,#000));font-size:var(--nav-bar-title-font-size,16px);font-weight:var(--nav-bar-title-font-weight,600)}.smart-nav-bar__arrow{vertical-align:middle}.smart-nav-bar__arrow>view{background:var(--nav-bar-arrow-color,var(--app-B2-N1,#000))}.smart-nav-bar__arrow+.smart-nav-bar__text{margin-left:-20px;padding-left:25px}.smart-nav-bar__icon-wrap{align-items:center;display:flex;height:var(--nav-bar-icon-size,32px);justify-content:center;margin:var(--nav-bar-icon-margin,0);width:var(--nav-bar-icon-size,32px)}.smart-nav-bar__icon-wrap>view{background:var(--nav-bar-icon-color,var(--app-B2-N1,#000))}.smart-nav-bar--fixed{left:0;position:fixed;top:0;width:100%}.smart-nav-bar__title{color:var(--nav-bar-title-text-color,var(--app-B2-N1,#000));font-size:var(--nav-bar-title-font-size,16px);font-weight:var(--nav-bar-title-font-weight,600);margin:0 auto;max-width:60%}.smart-nav-bar__left,.smart-nav-bar__right{align-items:center;bottom:0;display:flex;font-size:var(--font-size-md,14px);position:absolute;top:0}.smart-nav-bar__left{left:var(--padding-md,16px)}.smart-nav-bar__right{right:var(--padding-md,16px)}
+@import '../common/index.css';.smart-nav-bar{background-color:var(--nav-bar-background-color,var(--app-B2,#fff));box-sizing:initial;height:var(--nav-bar-height,46px);line-height:var(--nav-bar-height,46px);position:relative;text-align:center;-webkit-user-select:none;user-select:none}.smart-nav-bar__content{height:100%;position:relative}.smart-nav-bar__text{color:var(--nav-bar-text-color,var(--app-B2-N1,#000));display:inline-block;margin:0 calc(var(--padding-md, 16px)*-1);padding:0 var(--padding-md,16px);vertical-align:middle}.smart-nav-bar__text--hover{background-color:#f2f3f5}.smart-nav-bar__text--home{color:var(--nav-bar-home-text-color,var(--app-B2-N1,#000));font-size:var(--nav-bar-home-font-size,22px);font-weight:var(--nav-bar-home-font-weight,600)}.smart-nav-bar__text--title{color:var(--nav-bar-title-text-color,var(--app-B2-N1,#000));font-size:var(--nav-bar-title-font-size,16px);font-weight:var(--nav-bar-title-font-weight,600)}.smart-nav-bar__arrow{vertical-align:middle}.smart-nav-bar__arrow>view{background:var(--nav-bar-arrow-color,var(--app-B2-N1,#000))}.smart-nav-bar__icon-wrap{align-items:center;display:flex;height:var(--nav-bar-icon-size,32px);justify-content:center;margin:var(--nav-bar-icon-margin,0);width:var(--nav-bar-icon-size,32px)}.smart-nav-bar__icon>view{background:var(--nav-bar-icon-color,var(--app-B2-N1,#000))}.smart-nav-bar--fixed{left:0;position:fixed;top:0;width:100%}.smart-nav-bar__title{color:var(--nav-bar-title-text-color,var(--app-B2-N1,#000));font-size:var(--nav-bar-title-font-size,16px);font-weight:var(--nav-bar-title-font-weight,600);margin:0 auto;max-width:60%}.smart-nav-bar__left,.smart-nav-bar__right{align-items:center;bottom:0;display:flex;font-size:var(--font-size-md,14px);position:absolute;top:0}.smart-nav-bar__left{left:var(--padding-md,16px)}.smart-nav-bar__right{right:var(--padding-md,16px)}

package/dist/nav-bar/index.js

@@ -74,7 +74,7 @@ SmartComponent({
                 return;
             }
             wx.nextTick(() => {
-                getRect(this, '.smart-nav-bar').then((res) => {
+                getRect(this, '.smart-nav-bar').then(res => {
                     if (res && 'height' in res) {
                         this.setData({ height: res.height });
                     }

package/dist/nav-bar/index.wxml

@@ -23,7 +23,7 @@
           class="smart-nav-bar__icon-wrap"
           catch:tap="onClickLeftIcon"
         >
-          <smart-icon class="left-icon-class" size="{{ leftIconSize }}" name="{{ leftIcon }}" />
+          <smart-icon class="left-icon-class" custom-class="smart-nav-bar__icon" size="{{ leftIconSize }}" name="{{ leftIcon }}" />
         </view>
         <view
           wx:if="{{ leftText }}"

package/dist/nav-bar/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.smart-nav-bar{background-color:var(--nav-bar-background-color,var(--app-B2,#fff));box-sizing:initial;height:var(--nav-bar-height,46px);line-height:var(--nav-bar-height,46px);position:relative;text-align:center;-webkit-user-select:none;user-select:none}.smart-nav-bar__content{height:100%;position:relative}.smart-nav-bar__text{color:var(--nav-bar-text-color,var(--app-B2-N1,#000));display:inline-block;margin:0 calc(var(--padding-md, 16px)*-1);padding:0 var(--padding-md,16px);vertical-align:middle}.smart-nav-bar__text--hover{background-color:#f2f3f5}.smart-nav-bar__text--home{color:var(--nav-bar-home-text-color,var(--app-B2-N1,#000));font-size:var(--nav-bar-home-font-size,22px);font-weight:var(--nav-bar-home-font-weight,600)}.smart-nav-bar__text--title{color:var(--nav-bar-title-text-color,var(--app-B2-N1,#000));font-size:var(--nav-bar-title-font-size,16px);font-weight:var(--nav-bar-title-font-weight,600)}.smart-nav-bar__arrow{vertical-align:middle}.smart-nav-bar__arrow>view{background:var(--nav-bar-arrow-color,var(--app-B2-N1,#000))}.smart-nav-bar__arrow+.smart-nav-bar__text{margin-left:-20px;padding-left:25px}.smart-nav-bar__icon-wrap{align-items:center;display:flex;height:var(--nav-bar-icon-size,32px);justify-content:center;margin:var(--nav-bar-icon-margin,0);width:var(--nav-bar-icon-size,32px)}.smart-nav-bar__icon-wrap>view{background:var(--nav-bar-icon-color,var(--app-B2-N1,#000))}.smart-nav-bar--fixed{left:0;position:fixed;top:0;width:100%}.smart-nav-bar__title{color:var(--nav-bar-title-text-color,var(--app-B2-N1,#000));font-size:var(--nav-bar-title-font-size,16px);font-weight:var(--nav-bar-title-font-weight,600);margin:0 auto;max-width:60%}.smart-nav-bar__left,.smart-nav-bar__right{align-items:center;bottom:0;display:flex;font-size:var(--font-size-md,14px);position:absolute;top:0}.smart-nav-bar__left{left:var(--padding-md,16px)}.smart-nav-bar__right{right:var(--padding-md,16px)}
+@import '../common/index.wxss';.smart-nav-bar{background-color:var(--nav-bar-background-color,var(--app-B2,#fff));box-sizing:initial;height:var(--nav-bar-height,46px);line-height:var(--nav-bar-height,46px);position:relative;text-align:center;-webkit-user-select:none;user-select:none}.smart-nav-bar__content{height:100%;position:relative}.smart-nav-bar__text{color:var(--nav-bar-text-color,var(--app-B2-N1,#000));display:inline-block;margin:0 calc(var(--padding-md, 16px)*-1);padding:0 var(--padding-md,16px);vertical-align:middle}.smart-nav-bar__text--hover{background-color:#f2f3f5}.smart-nav-bar__text--home{color:var(--nav-bar-home-text-color,var(--app-B2-N1,#000));font-size:var(--nav-bar-home-font-size,22px);font-weight:var(--nav-bar-home-font-weight,600)}.smart-nav-bar__text--title{color:var(--nav-bar-title-text-color,var(--app-B2-N1,#000));font-size:var(--nav-bar-title-font-size,16px);font-weight:var(--nav-bar-title-font-weight,600)}.smart-nav-bar__arrow{vertical-align:middle}.smart-nav-bar__arrow>view{background:var(--nav-bar-arrow-color,var(--app-B2-N1,#000))}.smart-nav-bar__icon-wrap{align-items:center;display:flex;height:var(--nav-bar-icon-size,32px);justify-content:center;margin:var(--nav-bar-icon-margin,0);width:var(--nav-bar-icon-size,32px)}.smart-nav-bar__icon>view{background:var(--nav-bar-icon-color,var(--app-B2-N1,#000))}.smart-nav-bar--fixed{left:0;position:fixed;top:0;width:100%}.smart-nav-bar__title{color:var(--nav-bar-title-text-color,var(--app-B2-N1,#000));font-size:var(--nav-bar-title-font-size,16px);font-weight:var(--nav-bar-title-font-weight,600);margin:0 auto;max-width:60%}.smart-nav-bar__left,.smart-nav-bar__right{align-items:center;bottom:0;display:flex;font-size:var(--font-size-md,14px);position:absolute;top:0}.smart-nav-bar__left{left:var(--padding-md,16px)}.smart-nav-bar__right{right:var(--padding-md,16px)}

package/dist/normal-slider/demo/index.d.ts

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

package/dist/normal-slider/demo/index.js

@@ -0,0 +1,19 @@
+import { SmartComponent } from '../../common/component';
+SmartComponent({
+    data: {
+        currentValue: 50,
+        range: [10, 40],
+    },
+    methods: {
+        onChange(event) {
+            this.setData({
+                currentValue: event.detail.value,
+            });
+        },
+        onRangeChange(event) {
+            this.setData({
+                range: event.detail,
+            });
+        },
+    },
+});

package/dist/notice-bar/demo/index.d.ts

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

package/dist/notice-bar/demo/index.js

@@ -0,0 +1,11 @@
+import { SmartComponent } from '../../common/component';
+import Warning from '@tuya-miniapp/icons/dist/svg/Warning';
+import SpeakerWaveLoud from '@tuya-miniapp/icons/dist/svg/SpeakerWaveLoud';
+SmartComponent({
+    data: {
+        Warning,
+        SpeakerWaveLoud,
+        text: I18n.t('noticebartip'),
+        shortText: I18n.t('noticebartip2'),
+    },
+});

package/dist/notice-bar/index.js

@@ -25,7 +25,7 @@ SmartComponent({
         },
         type: {
             type: String,
-            value: 'info'
+            value: 'info',
         },
         url: {
             type: String,
@@ -100,7 +100,7 @@ SmartComponent({
                 Promise.all([
                     getRect(this, '.smart-notice-bar__content'),
                     getRect(this, '.smart-notice-bar__wrap'),
-                ]).then((rects) => {
+                ]).then(rects => {
                     const [contentRect, wrapRect] = rects;
                     const { speed, scrollable, delay } = this.data;
                     if (contentRect == null ||
@@ -136,10 +136,7 @@ SmartComponent({
             });
             requestAnimationFrame(() => {
                 this.setData({
-                    animationData: this.animation
-                        .translateX(-this.contentWidth)
-                        .step()
-                        .export(),
+                    animationData: this.animation.translateX(-this.contentWidth).step().export(),
                 });
             });
             this.timer = setTimeout(() => {

package/dist/notice-bar/index.wxml

@@ -3,11 +3,7 @@
 
 <view
   wx:if="{{ show }}"
-  class="custom-class {{ utils.bem('notice-bar', { 
-    wrapable,
-    warning: type === 'warning',
-    error: type === 'error'
-  }) }}"
+  class="custom-class {{ utils.bem('notice-bar', { wrapable, warning: type === 'warning', error: type === 'error' }) }}"
   hover-class="{{ mode === 'link' ? 'smart-notice-bar--hover' : ''}} {{ customHoverClass }}"
   style="{{ computed.rootStyle([{ color, background }, customStyle]) }}"
   bind:tap="onClick"

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

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