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

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.css

@@ -1 +1 @@
-@import '../common/index.css';.smart-notice-bar{--notice-bar-info-color:#1989fa;--notice-bar-warning-color:#ffa000;--notice-bar-error-color:#f04c4c;--notice-bar-right-icon-color:rgba(0,0,0,.2);align-items:center;background-color:var(--notice-bar-background-color,rgba(25,137,250,.1));color:var(--notice-bar-text-color,var(--app-B6-N3,rgba(0,0,0,.5)));display:flex;font-size:var(--notice-bar-font-size,12px);height:var(--notice-bar-height,40px);line-height:var(--notice-bar-line-height,14px);padding:var(--notice-bar-padding,0 16px)}.smart-notice-bar--warning{background-color:var(--notice-bar-background-warning-color,rgba(255,160,0,.1))}.smart-notice-bar--error{background-color:var(--notice-bar-background-error-color,rgba(240,76,76,.1))}.smart-notice-bar--hover{opacity:.6}.smart-notice-bar--wrapable{height:auto;padding:var(--notice-bar-wrapable-padding,8px 16px)}.smart-notice-bar--wrapable .smart-notice-bar__wrap{height:auto}.smart-notice-bar--wrapable .smart-notice-bar__content{position:relative;white-space:normal}.smart-notice-bar__left-icon{align-items:center;display:flex;font-size:var(--notice-bar-icon-size,16px);margin-right:var(--notice-bar-left-icon-margin-right,8px);vertical-align:middle}.smart-notice-bar__right-icon{font-size:var(--notice-bar-icon-size,16px);margin-left:var(--notice-bar-right-icon-margin-left,8px)}.smart-notice-bar__wrap{flex:1;height:var(--notice-bar-line-height,14px);overflow:hidden;position:relative}.smart-notice-bar__content{position:absolute;white-space:nowrap}.smart-notice-bar__content.smart-ellipsis{max-width:100%}.smart-notice-bar__content__btn{color:#1989fa;display:inline-block}
+@import '../common/index.css';.smart-notice-bar{--notice-bar-info-color:#1989fa;--notice-bar-warning-color:#ffa000;--notice-bar-error-color:#f04c4c;--notice-bar-right-icon-color:rgba(0,0,0,.2);align-items:center;background-color:var(--notice-bar-background-color,rgba(25,137,250,.1));color:var(--notice-bar-text-color,var(--app-B6-N3,rgba(0,0,0,.5)));display:flex;font-size:var(--notice-bar-font-size,12px);height:var(--notice-bar-height,40px);line-height:var(--notice-bar-line-height,14px);padding:var(--notice-bar-padding,0 16px)}.smart-notice-bar--warning{background-color:var(--notice-bar-background-warning-color,rgba(255,160,0,.1))}.smart-notice-bar--error{background-color:var(--notice-bar-background-error-color,rgba(240,76,76,.1))}.smart-notice-bar--hover{opacity:.6}.smart-notice-bar--wrapable{height:auto;padding:var(--notice-bar-wrapable-padding,8px 16px)}.smart-notice-bar--wrapable .smart-notice-bar__wrap{height:auto}.smart-notice-bar--wrapable .smart-notice-bar__content{position:relative;white-space:normal}.smart-notice-bar__left-icon{align-items:center;display:flex;font-size:var(--notice-bar-icon-size,16px);margin-right:var(--notice-bar-left-icon-margin-right,8px);vertical-align:middle}.smart-notice-bar__right-icon{font-size:var(--notice-bar-icon-size,16px);margin-left:var(--notice-bar-right-icon-margin-left,8px)}.smart-notice-bar__wrap{flex:1;height:var(--notice-bar-line-height,14px);overflow:hidden;position:relative}.smart-notice-bar__content{position:absolute;white-space:nowrap}.smart-notice-bar__content.smart-ellipsis{max-width:100%}.smart-notice-bar__content__btn{color:var(--notice-bar-btn-color,var(--app-M4,#1989fa));display:inline-block}

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/notice-bar/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.smart-notice-bar{--notice-bar-info-color:#1989fa;--notice-bar-warning-color:#ffa000;--notice-bar-error-color:#f04c4c;--notice-bar-right-icon-color:rgba(0,0,0,.2);align-items:center;background-color:var(--notice-bar-background-color,rgba(25,137,250,.1));color:var(--notice-bar-text-color,var(--app-B6-N3,rgba(0,0,0,.5)));display:flex;font-size:var(--notice-bar-font-size,12px);height:var(--notice-bar-height,40px);line-height:var(--notice-bar-line-height,14px);padding:var(--notice-bar-padding,0 16px)}.smart-notice-bar--warning{background-color:var(--notice-bar-background-warning-color,rgba(255,160,0,.1))}.smart-notice-bar--error{background-color:var(--notice-bar-background-error-color,rgba(240,76,76,.1))}.smart-notice-bar--hover{opacity:.6}.smart-notice-bar--wrapable{height:auto;padding:var(--notice-bar-wrapable-padding,8px 16px)}.smart-notice-bar--wrapable .smart-notice-bar__wrap{height:auto}.smart-notice-bar--wrapable .smart-notice-bar__content{position:relative;white-space:normal}.smart-notice-bar__left-icon{align-items:center;display:flex;font-size:var(--notice-bar-icon-size,16px);margin-right:var(--notice-bar-left-icon-margin-right,8px);vertical-align:middle}.smart-notice-bar__right-icon{font-size:var(--notice-bar-icon-size,16px);margin-left:var(--notice-bar-right-icon-margin-left,8px)}.smart-notice-bar__wrap{flex:1;height:var(--notice-bar-line-height,14px);overflow:hidden;position:relative}.smart-notice-bar__content{position:absolute;white-space:nowrap}.smart-notice-bar__content.smart-ellipsis{max-width:100%}.smart-notice-bar__content__btn{color:#1989fa;display:inline-block}
+@import '../common/index.wxss';.smart-notice-bar{--notice-bar-info-color:#1989fa;--notice-bar-warning-color:#ffa000;--notice-bar-error-color:#f04c4c;--notice-bar-right-icon-color:rgba(0,0,0,.2);align-items:center;background-color:var(--notice-bar-background-color,rgba(25,137,250,.1));color:var(--notice-bar-text-color,var(--app-B6-N3,rgba(0,0,0,.5)));display:flex;font-size:var(--notice-bar-font-size,12px);height:var(--notice-bar-height,40px);line-height:var(--notice-bar-line-height,14px);padding:var(--notice-bar-padding,0 16px)}.smart-notice-bar--warning{background-color:var(--notice-bar-background-warning-color,rgba(255,160,0,.1))}.smart-notice-bar--error{background-color:var(--notice-bar-background-error-color,rgba(240,76,76,.1))}.smart-notice-bar--hover{opacity:.6}.smart-notice-bar--wrapable{height:auto;padding:var(--notice-bar-wrapable-padding,8px 16px)}.smart-notice-bar--wrapable .smart-notice-bar__wrap{height:auto}.smart-notice-bar--wrapable .smart-notice-bar__content{position:relative;white-space:normal}.smart-notice-bar__left-icon{align-items:center;display:flex;font-size:var(--notice-bar-icon-size,16px);margin-right:var(--notice-bar-left-icon-margin-right,8px);vertical-align:middle}.smart-notice-bar__right-icon{font-size:var(--notice-bar-icon-size,16px);margin-left:var(--notice-bar-right-icon-margin-left,8px)}.smart-notice-bar__wrap{flex:1;height:var(--notice-bar-line-height,14px);overflow:hidden;position:relative}.smart-notice-bar__content{position:absolute;white-space:nowrap}.smart-notice-bar__content.smart-ellipsis{max-width:100%}.smart-notice-bar__content__btn{color:var(--notice-bar-btn-color,var(--app-M4,#1989fa));display:inline-block}

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

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

package/dist/notify/demo/index.js

@@ -0,0 +1,45 @@
+import { SmartComponent } from '../../common/component';
+import Notify from '../../notify/notify';
+SmartComponent({
+    methods: {
+        showNotify() {
+            Notify({
+                context: this,
+                message: I18n.t('notificationContent'),
+                duration: 0,
+                transition: 'fade',
+            });
+        },
+        showCustomColor() {
+            Notify({
+                context: this,
+                message: I18n.t('customColor'),
+                color: '#ad0000',
+                background: '#ffe1e1',
+            });
+            Notify.clear();
+        },
+        showCustomDuration() {
+            Notify({
+                context: this,
+                duration: 1000,
+                message: I18n.t('customDuration'),
+            });
+        },
+        showNotifyByType(event) {
+            const { type } = event.currentTarget.dataset;
+            Notify({
+                type,
+                context: this,
+                message: I18n.t('notificationContent'),
+            });
+        },
+        showSafe() {
+            Notify({
+                context: this,
+                message: I18n.t('notificationContent'),
+                safeAreaInsetTop: true,
+            });
+        },
+    },
+});

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

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

package/dist/overlay/demo/index.js

@@ -0,0 +1,22 @@
+import { SmartComponent } from '../../common/component';
+SmartComponent({
+    data: {
+        show: false,
+        showEmbedded: false,
+    },
+    methods: {
+        onClickShow() {
+            this.setData({ show: true });
+        },
+        onClickHide() {
+            this.setData({ show: false });
+        },
+        onClickShowEmbedded() {
+            this.setData({ showEmbedded: true });
+        },
+        onClickHideEmbedded() {
+            this.setData({ showEmbedded: false });
+        },
+        noop() { },
+    },
+});

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

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

package/dist/picker/demo/index.js

@@ -0,0 +1,76 @@
+import { SmartComponent } from '../../common/component';
+import Toast from '../../toast/toast';
+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: {
+            [I18n.t('zhejiang')]: [I18n.t('hangzhou'), I18n.t('ningbo'), I18n.t('wenzhou'), I18n.t('jiaxing'), I18n.t('huzhou')],
+            [I18n.t('fujian')]: [I18n.t('fuzhou'), I18n.t('xiamen'), I18n.t('putian'), I18n.t('sanming'), I18n.t('quanzhou')],
+        },
+        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((x, i) => 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((x, i) => i),
+                style: 'flex: none;width: auto;min-width: 61px;',
+                unit: 'Kg',
+            },
+        ],
+    },
+    methods: {
+        onChange1(event) {
+            const { value, index } = event.detail;
+            Toast({
+                context: this,
+                message: `Value: ${value}, Index：${index}`,
+            });
+            // this.setData({
+            //   column1: new Array(200).fill(1).map((v, i) => `杭州${i}`),
+            //   activeIndex: 50,
+            // });
+        },
+        onConfirm(event) {
+            const { value, index } = event.detail;
+            Toast({
+                context: this,
+                message: `Value: ${value}, Index：${index}`,
+            });
+        },
+        onCancel() {
+            Toast({
+                context: this,
+                message: I18n.t('cancel'),
+            });
+        },
+        onChange2(event) {
+            const { picker, value } = event.detail;
+            picker.setColumnValues(1, this.data.column3[value[0]]);
+            getApp().picker = picker;
+        },
+    },
+});

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

@@ -122,7 +122,7 @@ SmartComponent({
         },
         // get values of all columns
         getValues() {
-            return this.children.map((child) => child.getValue());
+            return this.children.map(child => child.getValue());
         },
         // set values of all columns
         setValues(values) {
@@ -131,7 +131,7 @@ SmartComponent({
         },
         // get indexes of all columns
         getIndexes() {
-            return this.children.map((child) => child.data.currentIndex);
+            return this.children.map(child => child.data.currentIndex);
         },
         // set indexes of all columns
         setIndexes(indexes) {

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

@@ -101,11 +101,9 @@ SmartComponent({
             const { unit, valueKey } = this.data;
             if (unit) {
                 let maxText = '';
-                options.forEach((option) => {
+                options.forEach(option => {
                     var _a;
-                    const value = isObj(option)
-                        ? (_a = option[valueKey]) === null || _a === void 0 ? void 0 : _a.toString()
-                        : option === null || option === void 0 ? void 0 : option.toString();
+                    const value = isObj(option) ? (_a = option[valueKey]) === null || _a === void 0 ? void 0 : _a.toString() : option === null || option === void 0 ? void 0 : option.toString();
                     if (maxText.length < value.length) {
                         maxText = value;
                     }
@@ -155,9 +153,7 @@ SmartComponent({
         },
         getOptionText(option) {
             const { data } = this;
-            return isObj(option) && data.valueKey in option
-                ? option[data.valueKey]
-                : option;
+            return isObj(option) && data.valueKey in option ? option[data.valueKey] : option;
         },
         setIndex(index, userAction, animate) {
             const { data } = this;
@@ -180,7 +176,6 @@ SmartComponent({
                                 this.$emit('change', index);
                                 return;
                             }
-                            ;
                             this.fireChange = true;
                         });
                     });

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

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