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

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

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

package/lib/grid/demo/index.js

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

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

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

package/lib/icon/demo/index.js

@@ -0,0 +1,54 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var icons = __importStar(require("@tuya-miniapp/icons"));
+var config_1 = __importDefault(require("@tuya-miniapp/icons/dist/config"));
+var component_1 = require("../../common/component");
+function kebabCase(name) {
+    var currName = name.replace(/[A-Z]/g, function (word) { return '-' + word.toLocaleLowerCase(); });
+    return currName.slice(1);
+}
+var iconsArr = config_1.default.map(function (name) { return ({
+    name: kebabCase(name),
+    value: icons[name],
+}); });
+(0, component_1.SmartComponent)({
+    data: {
+        active: 0,
+        icons: iconsArr,
+        iconWarning: icons.Warning,
+        iconAlarm: icons.Alarm,
+    },
+    methods: {
+        onSwitch: function (event) {
+            this.setData({
+                active: event.detail.index,
+            });
+        },
+    },
+});

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

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

package/lib/image/demo/index.js

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

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

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

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

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

package/lib/index-bar/index.js

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

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

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

package/lib/loading/demo/index.js

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

package/lib/loading/index.js

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

package/lib/loading/index.wxml

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

package/lib/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/lib/mixins/link.js

@@ -14,8 +14,7 @@ exports.link = Behavior({
             if (urlKey === void 0) { urlKey = 'url'; }
             var 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: url });
                 }
                 else {

package/lib/mixins/touch.js

@@ -33,8 +33,7 @@ exports.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/lib/nav-bar/demo/index.d.ts

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

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

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var Plus_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Plus"));
+var House_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/House"));
+var component_1 = require("../../common/component");
+(0, component_1.SmartComponent)({
+    data: {
+        iconPlus: Plus_1.default,
+        iconHouse: House_1.default,
+    },
+    methods: {
+        onClickLeft: function () {
+            wx.showToast({ title: I18n.t('clickToReturn'), icon: 'none' });
+        },
+        onClickLeftIcon: function () {
+            wx.showToast({ title: I18n.t('clickToLeftIcon'), icon: 'none' });
+        },
+        onClickLeftText: function () {
+            wx.showToast({ title: I18n.t('clickToLeftText'), icon: 'none' });
+        },
+        onClickTitle: function () {
+            wx.showToast({ title: I18n.t('clickToTitle'), icon: 'none' });
+        },
+        onClickRight: function () {
+            wx.showToast({ title: I18n.t('clickToRight'), icon: 'none' });
+        },
+    },
+});

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

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

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../../common/component");
+(0, component_1.SmartComponent)({
+    data: {
+        currentValue: 50,
+        range: [10, 40],
+    },
+    methods: {
+        onChange: function (event) {
+            this.setData({
+                currentValue: event.detail.value,
+            });
+        },
+        onRangeChange: function (event) {
+            this.setData({
+                range: event.detail,
+            });
+        },
+    },
+});

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

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

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

@@ -0,0 +1,16 @@
+"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 Warning_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Warning"));
+var SpeakerWaveLoud_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/SpeakerWaveLoud"));
+(0, component_1.SmartComponent)({
+    data: {
+        Warning: Warning_1.default,
+        SpeakerWaveLoud: SpeakerWaveLoud_1.default,
+        text: I18n.t('noticebartip'),
+        shortText: I18n.t('noticebartip2'),
+    },
+});

package/lib/notice-bar/index.js

@@ -30,7 +30,7 @@ var Right_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Right"));
         },
         type: {
             type: String,
-            value: 'info'
+            value: 'info',
         },
         url: {
             type: String,
@@ -144,10 +144,7 @@ var Right_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Right"));
             });
             (0, utils_1.requestAnimationFrame)(function () {
                 _this.setData({
-                    animationData: _this.animation
-                        .translateX(-_this.contentWidth)
-                        .step()
-                        .export(),
+                    animationData: _this.animation.translateX(-_this.contentWidth).step().export(),
                 });
             });
             this.timer = setTimeout(function () {

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

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

package/lib/notify/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 notify_1 = __importDefault(require("../../notify/notify"));
+(0, component_1.SmartComponent)({
+    methods: {
+        showNotify: function () {
+            (0, notify_1.default)({
+                context: this,
+                message: I18n.t('notificationContent'),
+                duration: 0,
+                transition: 'fade',
+            });
+        },
+        showCustomColor: function () {
+            (0, notify_1.default)({
+                context: this,
+                message: I18n.t('customColor'),
+                color: '#ad0000',
+                background: '#ffe1e1',
+            });
+            notify_1.default.clear();
+        },
+        showCustomDuration: function () {
+            (0, notify_1.default)({
+                context: this,
+                duration: 1000,
+                message: I18n.t('customDuration'),
+            });
+        },
+        showNotifyByType: function (event) {
+            var type = event.currentTarget.dataset.type;
+            (0, notify_1.default)({
+                type: type,
+                context: this,
+                message: I18n.t('notificationContent'),
+            });
+        },
+        showSafe: function () {
+            (0, notify_1.default)({
+                context: this,
+                message: I18n.t('notificationContent'),
+                safeAreaInsetTop: true,
+            });
+        },
+    },
+});

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

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

package/lib/overlay/demo/index.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../../common/component");
+(0, component_1.SmartComponent)({
+    data: {
+        show: false,
+        showEmbedded: false,
+    },
+    methods: {
+        onClickShow: function () {
+            this.setData({ show: true });
+        },
+        onClickHide: function () {
+            this.setData({ show: false });
+        },
+        onClickShowEmbedded: function () {
+            this.setData({ showEmbedded: true });
+        },
+        onClickHideEmbedded: function () {
+            this.setData({ showEmbedded: false });
+        },
+        noop: function () { },
+    },
+});

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

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