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

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 {};

package/lib/picker/demo/index.js

@@ -0,0 +1,82 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../../common/component");
+var toast_1 = __importDefault(require("../../toast/toast"));
+(0, component_1.SmartComponent)({
+    data: {
+        activeIndex: 3,
+        column1: [I18n.t('hangzhou'), I18n.t('ningbo'), I18n.t('wenzhou'), I18n.t('jiaxing'), I18n.t('huzhou')],
+        column2: [
+            { text: I18n.t('hangzhou'), disabled: true },
+            { text: I18n.t('ningbo') },
+            { text: I18n.t('wenzhou') },
+        ],
+        column3: (_a = {},
+            _a[I18n.t('zhejiang')] = [I18n.t('hangzhou'), I18n.t('ningbo'), I18n.t('wenzhou'), I18n.t('jiaxing'), I18n.t('huzhou')],
+            _a[I18n.t('fujian')] = [I18n.t('fuzhou'), I18n.t('xiamen'), I18n.t('putian'), I18n.t('sanming'), I18n.t('quanzhou')],
+            _a),
+        column4: [
+            {
+                values: [I18n.t('zhejiang'), I18n.t('fujian')],
+                className: 'column1',
+                unit: I18n.t('province'),
+            },
+            {
+                values: [I18n.t('hangzhou'), I18n.t('ningbo'), I18n.t('wenzhou'), I18n.t('jiaxing'), I18n.t('huzhou')],
+                className: 'column2',
+                defaultIndex: 2,
+                unit: I18n.t('city'),
+            },
+        ],
+        column5: [
+            {
+                values: new Array(100).fill(1).map(function (x, i) { return i; }),
+                style: 'flex: none;width: auto;min-width: 61px;'
+            },
+            {
+                values: ['.'],
+                style: 'flex: none;width: 8px;display:flex;justify-content: center;'
+            },
+            {
+                values: new Array(20).fill(1).map(function (x, i) { return i; }),
+                style: 'flex: none;width: auto;min-width: 61px;',
+                unit: 'Kg',
+            },
+        ],
+    },
+    methods: {
+        onChange1: function (event) {
+            var _a = event.detail, value = _a.value, index = _a.index;
+            (0, toast_1.default)({
+                context: this,
+                message: "Value: ".concat(value, ", Index\uFF1A").concat(index),
+            });
+            // this.setData({
+            //   column1: new Array(200).fill(1).map((v, i) => `杭州${i}`),
+            //   activeIndex: 50,
+            // });
+        },
+        onConfirm: function (event) {
+            var _a = event.detail, value = _a.value, index = _a.index;
+            (0, toast_1.default)({
+                context: this,
+                message: "Value: ".concat(value, ", Index\uFF1A").concat(index),
+            });
+        },
+        onCancel: function () {
+            (0, toast_1.default)({
+                context: this,
+                message: I18n.t('cancel'),
+            });
+        },
+        onChange2: function (event) {
+            var _a = event.detail, picker = _a.picker, value = _a.value;
+            picker.setColumnValues(1, this.data.column3[value[0]]);
+            getApp().picker = picker;
+        },
+    },
+});

package/lib/picker/index.css

@@ -1 +1 @@
-@import '../common/index.css';.smart-picker{-webkit-text-size-adjust:100%;background-color:var(--picker-background-color,var(--app-B4,#fff));overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.smart-picker__toolbar{display:flex;height:var(--picker-toolbar-height,44px);justify-content:space-between;line-height:var(--picker-toolbar-height,44px)}.smart-picker__cancel,.smart-picker__confirm{font-size:var(--picker-action-font-size,14px);padding:var(--picker-action-padding,0 16px)}.smart-picker__cancel--hover,.smart-picker__confirm--hover{opacity:.7}.smart-picker__confirm{color:var(--picker-confirm-action-color,#576b95)}.smart-picker__cancel{color:var(--picker-cancel-action-color,#969799)}.smart-picker__title{font-size:var(--picker-option-font-size,16px);font-weight:var(--font-weight-bolder,700);max-width:50%;text-align:center}.smart-picker__columns{display:flex;-webkit-mask-image:linear-gradient(0deg,transparent,#000 50%,transparent);mask-image:linear-gradient(0deg,transparent,#000 50%,transparent);-webkit-mask-position:top,bottom;mask-position:top,bottom;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;overflow:hidden;padding:0 var(--picker-padding,16px);position:relative}.smart-picker__column{flex:1 1;width:0}.smart-picker__loading{align-items:center;background-color:var(--picker-loading-mask-color,var(--app-B4,#fff));bottom:0;display:flex;justify-content:center;left:0;opacity:.9;position:absolute;right:0;top:0;z-index:4}.smart-picker__frame{left:var(--picker-padding,16px);pointer-events:none;position:absolute;right:var(--picker-padding,16px);top:50%;transform:translateY(-50%);z-index:1}
+@import '../common/index.css';.smart-picker{-webkit-text-size-adjust:100%;background-color:var(--picker-background-color,var(--app-B4,#fff));overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.smart-picker__toolbar{display:flex;height:var(--picker-toolbar-height,44px);justify-content:space-between;line-height:var(--picker-toolbar-height,44px)}.smart-picker__cancel,.smart-picker__confirm{font-size:var(--picker-action-font-size,14px);padding:var(--picker-action-padding,0 16px)}.smart-picker__cancel--hover,.smart-picker__confirm--hover{opacity:.7}.smart-picker__confirm{color:var(--picker-confirm-action-color,#576b95)}.smart-picker__cancel{color:var(--picker-cancel-action-color,#969799)}.smart-picker__title{font-size:var(--picker-option-font-size,16px);font-weight:var(--font-weight-bolder,700);max-width:50%;text-align:center}.smart-picker__columns{display:flex;justify-content:center;-webkit-mask-image:linear-gradient(0deg,transparent,#000 50%,transparent);mask-image:linear-gradient(0deg,transparent,#000 50%,transparent);-webkit-mask-position:top,bottom;mask-position:top,bottom;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;overflow:hidden;padding:0 var(--picker-padding,16px);position:relative}.smart-picker__column{flex:1 1;width:0}.smart-picker__loading{align-items:center;background-color:var(--picker-loading-mask-color,var(--app-B4,#fff));bottom:0;display:flex;justify-content:center;left:0;opacity:.9;position:absolute;right:0;top:0;z-index:4}.smart-picker__frame{left:var(--picker-padding,16px);pointer-events:none;position:absolute;right:var(--picker-padding,16px);top:50%;transform:translateY(-50%);z-index:1}

package/lib/picker/index.js

@@ -146,9 +146,7 @@ var shared_1 = require("./shared");
         // set values of all columns
         setValues: function (values) {
             var _this = this;
-            var stack = values.map(function (value, index) {
-                return _this.setColumnValue(index, value);
-            });
+            var stack = values.map(function (value, index) { return _this.setColumnValue(index, value); });
             return Promise.all(stack);
         },
         // get indexes of all columns

package/lib/picker/index.wxml

@@ -19,6 +19,7 @@
       data-index="{{ index }}"
       custom-class="column-class"
       value-key="{{ valueKey }}"
+      style="{{ item.style }}"
       options="{{ item.values }}"
       unit="{{ item.unit || unit }}"
       default-index="{{ item.defaultIndex || defaultIndex }}"

package/lib/picker/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.smart-picker{-webkit-text-size-adjust:100%;background-color:var(--picker-background-color,var(--app-B4,#fff));overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.smart-picker__toolbar{display:flex;height:var(--picker-toolbar-height,44px);justify-content:space-between;line-height:var(--picker-toolbar-height,44px)}.smart-picker__cancel,.smart-picker__confirm{font-size:var(--picker-action-font-size,14px);padding:var(--picker-action-padding,0 16px)}.smart-picker__cancel--hover,.smart-picker__confirm--hover{opacity:.7}.smart-picker__confirm{color:var(--picker-confirm-action-color,#576b95)}.smart-picker__cancel{color:var(--picker-cancel-action-color,#969799)}.smart-picker__title{font-size:var(--picker-option-font-size,16px);font-weight:var(--font-weight-bolder,700);max-width:50%;text-align:center}.smart-picker__columns{display:flex;-webkit-mask-image:linear-gradient(0deg,transparent,#000 50%,transparent);mask-image:linear-gradient(0deg,transparent,#000 50%,transparent);-webkit-mask-position:top,bottom;mask-position:top,bottom;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;overflow:hidden;padding:0 var(--picker-padding,16px);position:relative}.smart-picker__column{flex:1 1;width:0}.smart-picker__loading{align-items:center;background-color:var(--picker-loading-mask-color,var(--app-B4,#fff));bottom:0;display:flex;justify-content:center;left:0;opacity:.9;position:absolute;right:0;top:0;z-index:4}.smart-picker__frame{left:var(--picker-padding,16px);pointer-events:none;position:absolute;right:var(--picker-padding,16px);top:50%;transform:translateY(-50%);z-index:1}
+@import '../common/index.wxss';.smart-picker{-webkit-text-size-adjust:100%;background-color:var(--picker-background-color,var(--app-B4,#fff));overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.smart-picker__toolbar{display:flex;height:var(--picker-toolbar-height,44px);justify-content:space-between;line-height:var(--picker-toolbar-height,44px)}.smart-picker__cancel,.smart-picker__confirm{font-size:var(--picker-action-font-size,14px);padding:var(--picker-action-padding,0 16px)}.smart-picker__cancel--hover,.smart-picker__confirm--hover{opacity:.7}.smart-picker__confirm{color:var(--picker-confirm-action-color,#576b95)}.smart-picker__cancel{color:var(--picker-cancel-action-color,#969799)}.smart-picker__title{font-size:var(--picker-option-font-size,16px);font-weight:var(--font-weight-bolder,700);max-width:50%;text-align:center}.smart-picker__columns{display:flex;justify-content:center;-webkit-mask-image:linear-gradient(0deg,transparent,#000 50%,transparent);mask-image:linear-gradient(0deg,transparent,#000 50%,transparent);-webkit-mask-position:top,bottom;mask-position:top,bottom;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;overflow:hidden;padding:0 var(--picker-padding,16px);position:relative}.smart-picker__column{flex:1 1;width:0}.smart-picker__loading{align-items:center;background-color:var(--picker-loading-mask-color,var(--app-B4,#fff));bottom:0;display:flex;justify-content:center;left:0;opacity:.9;position:absolute;right:0;top:0;z-index:4}.smart-picker__frame{left:var(--picker-padding,16px);pointer-events:none;position:absolute;right:var(--picker-padding,16px);top:50%;transform:translateY(-50%);z-index:1}

package/lib/picker-column/index.js

@@ -105,9 +105,7 @@ var DEFAULT_DURATION = 200;
                 var maxText_1 = '';
                 options.forEach(function (option) {
                     var _a;
-                    var value = (0, validator_1.isObj)(option)
-                        ? (_a = option[valueKey]) === null || _a === void 0 ? void 0 : _a.toString()
-                        : option === null || option === void 0 ? void 0 : option.toString();
+                    var value = (0, validator_1.isObj)(option) ? (_a = option[valueKey]) === null || _a === void 0 ? void 0 : _a.toString() : option === null || option === void 0 ? void 0 : option.toString();
                     if (maxText_1.length < value.length) {
                         maxText_1 = value;
                     }
@@ -157,9 +155,7 @@ var DEFAULT_DURATION = 200;
         },
         getOptionText: function (option) {
             var data = this.data;
-            return (0, validator_1.isObj)(option) && data.valueKey in option
-                ? option[data.valueKey]
-                : option;
+            return (0, validator_1.isObj)(option) && data.valueKey in option ? option[data.valueKey] : option;
         },
         setIndex: function (index, userAction, animate) {
             var _this = this;
@@ -183,7 +179,6 @@ var DEFAULT_DURATION = 200;
                                 _this.$emit('change', index);
                                 return;
                             }
-                            ;
                             _this.fireChange = true;
                         });
                     });

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

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

package/lib/popup/demo/index.js

@@ -0,0 +1,85 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var Right_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Right"));
+var component_1 = require("../../common/component");
+(0, component_1.SmartComponent)({
+    data: {
+        show: {
+            basic: false,
+            top: false,
+            bottom: false,
+            left: false,
+            right: false,
+            round: false,
+            closeIcon: false,
+            customCloseIcon: false,
+            customIconPosition: false,
+        },
+        rightIcon: Right_1.default,
+    },
+    methods: {
+        toggle: function (type, show) {
+            var _a;
+            this.setData((_a = {},
+                _a["show.".concat(type)] = show,
+                _a));
+        },
+        showBasic: function () {
+            this.toggle('basic', true);
+        },
+        hideBasic: function () {
+            this.toggle('basic', false);
+        },
+        showTop: function () {
+            this.toggle('top', true);
+        },
+        hideTop: function () {
+            this.toggle('top', false);
+        },
+        showLeft: function () {
+            this.toggle('left', true);
+        },
+        hideLeft: function () {
+            this.toggle('left', false);
+        },
+        showRight: function () {
+            this.toggle('right', true);
+        },
+        hideRight: function () {
+            this.toggle('right', false);
+        },
+        showBottom: function () {
+            this.toggle('bottom', true);
+        },
+        hideBottom: function () {
+            this.toggle('bottom', false);
+        },
+        showRound: function () {
+            this.toggle('round', true);
+        },
+        hideRound: function () {
+            this.toggle('round', false);
+        },
+        showCloseIcon: function () {
+            this.toggle('closeIcon', true);
+        },
+        hideCloseIcon: function () {
+            this.toggle('closeIcon', false);
+        },
+        showCustomCloseIcon: function () {
+            this.toggle('customCloseIcon', true);
+        },
+        hideCustomCloseIcon: function () {
+            this.toggle('customCloseIcon', false);
+        },
+        showCustomIconPosition: function () {
+            this.toggle('customIconPosition', true);
+        },
+        hideCustomIconPosition: function () {
+            this.toggle('customIconPosition', false);
+        },
+    },
+});

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

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

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

@@ -39,10 +39,7 @@ var utils_1 = require("../common/utils");
     methods: {
         setLeft: function () {
             var _this = this;
-            Promise.all([
-                (0, utils_1.getRect)(this, '.smart-progress'),
-                (0, utils_1.getRect)(this, '.smart-progress__pivot'),
-            ]).then(function (_a) {
+            Promise.all([(0, utils_1.getRect)(this, '.smart-progress'), (0, utils_1.getRect)(this, '.smart-progress__pivot')]).then(function (_a) {
                 var portion = _a[0], pivot = _a[1];
                 if (portion && pivot) {
                     _this.setData({

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

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

package/lib/radio/demo/index.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../../common/component");
+(0, component_1.SmartComponent)({
+    data: {
+        radioBasic: '1',
+        radioDisabled: '2',
+        radioColor: '1',
+        radioText: '1',
+        radioHoriz: '1',
+        radioIcon: '1',
+        radioSize: '1',
+        radioLabel: '1',
+        radioShape: '1',
+        radioCell: '1',
+        icon: {
+            normal: 'https://images.tuyacn.com/content-platform/hestia/1729664215ebd89f13e54.png',
+            active: 'https://images.tuyacn.com/content-platform/hestia/1730877912e76cbdb7563.png',
+        },
+    },
+    methods: {
+        onChange: function (event) {
+            var _a;
+            var key = event.currentTarget.dataset.key;
+            this.setData((_a = {}, _a[key] = event.detail, _a));
+        },
+        onClick: function (event) {
+            var name = event.currentTarget.dataset.name;
+            this.setData({
+                radioCell: name,
+            });
+        },
+    },
+});

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

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