@tuya-miniapp/smart-ui 1.3.0-beta-2 → 1.3.1-beta-1

package/lib/field/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.smart-field{--cell-icon-size:var(--field-icon-size,16px)}.smart-field__label{color:var(--field-label-color,#646566)}.smart-field__label--disabled{color:var(--field-disabled-text-color,#c8c9cc)}.smart-field__body{align-items:center;display:flex}.smart-field__body--textarea{box-sizing:border-box;line-height:1.2em;min-height:var(--cell-line-height,24px);padding:3.6px 0}.smart-field__control:empty+.smart-field__control{display:block}.smart-field__control{background-color:initial;border:0;box-sizing:border-box;color:var(--field-input-text-color,#323233);display:none;height:var(--cell-line-height,24px);line-height:inherit;margin:0;min-height:var(--cell-line-height,24px);padding:0;position:relative;resize:none;text-align:left;width:100%}.smart-field__control:empty{display:none}.smart-field__control--textarea{height:var(--field-text-area-min-height,18px);min-height:var(--field-text-area-min-height,18px)}.smart-field__control--error{color:var(--field-input-error-text-color,#ee0a24)}.smart-field__control--disabled{background-color:initial;color:var(--field-input-disabled-text-color,#c8c9cc);opacity:1}.smart-field__control--center{text-align:center}.smart-field__control--right{text-align:right}.smart-field__control--custom{align-items:center;display:flex;min-height:var(--cell-line-height,24px)}.smart-field__placeholder{color:var(--field-placeholder-text-color,#c8c9cc);left:0;pointer-events:none;position:absolute;right:0;top:0}.smart-field__placeholder--error{color:var(--field-error-message-color,#ee0a24)}.smart-field__icon-root{align-items:center;display:flex;min-height:var(--cell-line-height,24px)}.smart-field__clear-root,.smart-field__icon-container{line-height:inherit;margin-right:calc(var(--padding-xs, 8px)*-1);padding:0 var(--padding-xs,8px);vertical-align:middle}.smart-field__button,.smart-field__clear-root,.smart-field__icon-container{flex-shrink:0}.smart-field__clear-root{color:var(--field-clear-icon-color,#c8c9cc);font-size:var(--field-clear-icon-size,16px)}.smart-field__icon-container{color:var(--field-icon-container-color,#969799);font-size:var(--field-icon-size,16px)}.smart-field__icon-container:empty{display:none}.smart-field__button{padding-left:var(--padding-xs,8px)}.smart-field__button:empty{display:none}.smart-field__error-message{color:var(--field-error-message-color,#ee0a24);display:block;font-size:var(--field-error-message-text-font-size,12px);margin-left:4px;text-align:left;white-space:nowrap}.smart-field__error-message--center{text-align:center}.smart-field__error-message--right{text-align:right}.smart-field__word-limit{color:var(--field-word-limit-color,#646566);font-size:var(--field-word-limit-font-size,12px);line-height:var(--field-word-limit-line-height,16px);margin-top:var(--padding-base,4px);text-align:right}.smart-field__word-num{display:inline}.smart-field__word-num--full{color:var(--field-word-num-full-color,#ee0a24)}
+@import '../common/index.wxss';.smart-field{--cell-icon-size:var(--field-icon-size,16px)}.smart-field__label{color:var(--field-label-color,#646566)}.smart-field__label--disabled{color:var(--field-disabled-text-color,#c8c9cc)}.smart-field__body{align-items:center;display:flex}.smart-field__body--textarea{box-sizing:border-box;line-height:1.2em;min-height:var(--cell-line-height,24px);padding:3.6px 0}.smart-field__body--search{flex:1}.smart-field__control:empty+.smart-field__control{display:block}.smart-field__control{background-color:initial;border:0;box-sizing:border-box;color:var(--field-input-text-color,#323233);display:none;height:var(--cell-line-height,24px);line-height:inherit;margin:0;min-height:var(--cell-line-height,24px);padding:0;position:relative;resize:none;text-align:left;width:100%}.smart-field__control:empty{display:none}.smart-field__control--textarea{height:var(--field-text-area-min-height,18px);min-height:var(--field-text-area-min-height,18px)}.smart-field__control--error{color:var(--field-input-error-text-color,#ee0a24)}.smart-field__control--disabled{background-color:initial;color:var(--field-input-disabled-text-color,#c8c9cc);opacity:1}.smart-field__control--center{text-align:center}.smart-field__control--right{text-align:right}.smart-field__control--custom{align-items:center;display:flex;min-height:var(--cell-line-height,24px)}.smart-field__placeholder{color:var(--field-placeholder-text-color,#c8c9cc);left:0;pointer-events:none;position:absolute;right:0;top:0}.smart-field__placeholder--error{color:var(--field-error-message-color,#ee0a24)}.smart-field__icon-root{align-items:center;display:flex;min-height:var(--cell-line-height,24px)}.smart-field__clear-root,.smart-field__icon-container{line-height:inherit;margin-right:calc(var(--padding-xs, 8px)*-1);padding:0 var(--padding-xs,8px);vertical-align:middle}.smart-field__button,.smart-field__clear-root,.smart-field__icon-container{flex-shrink:0}.smart-field__clear-root{--icon-color:var(--field-clear-icon-color,var(--app-B4-N4,rgba(0,0,0,.4)));font-size:var(--field-clear-icon-size,16px)}.smart-field__icon-container{color:var(--field-icon-container-color,#969799);font-size:var(--field-icon-size,16px)}.smart-field__icon-container:empty{display:none}.smart-field__button{padding-left:var(--padding-xs,8px)}.smart-field__button:empty{display:none}.smart-field__error-message{color:var(--field-error-message-color,#ee0a24);display:block;font-size:var(--field-error-message-text-font-size,12px);margin-left:4px;text-align:left;white-space:nowrap}.smart-field__error-message--center{text-align:center}.smart-field__error-message--right{text-align:right}.smart-field__word-limit{color:var(--field-word-limit-color,#646566);font-size:var(--field-word-limit-font-size,12px);line-height:var(--field-word-limit-line-height,16px);margin-top:var(--padding-base,4px);text-align:right}.smart-field__word-num{display:inline}.smart-field__word-num--full{color:var(--field-word-num-full-color,#ee0a24)}

package/lib/loading/index.css

@@ -1 +1 @@
-@import '../common/index.css';:host{font-size:0;line-height:1}.smart-loading{align-items:center;color:var(--loading-spinner-color,#c8c9cc);display:inline-flex;justify-content:center}.smart-loading__spinner{animation:smart-rotate var(--loading-spinner-animation-duration,.8s) linear infinite;box-sizing:border-box;height:var(--loading-spinner-size,30px);max-height:100%;max-width:100%;position:relative;width:var(--loading-spinner-size,30px)}.smart-loading__spinner--spinner{animation-timing-function:steps(12)}.smart-loading__spinner--circular{border:1px solid transparent;border-radius:100%;border-top-color:initial}.smart-loading__text{color:var(--loading-text-color,#969799);font-size:var(--loading-text-font-size,14px);line-height:var(--loading-text-line-height,20px);margin-left:var(--padding-xs,8px)}.smart-loading__text:empty{display:none}.smart-loading--vertical{flex-direction:column}.smart-loading--vertical .smart-loading__text{margin:var(--padding-xs,8px) 0 0}.smart-loading__dot{height:100%;left:0;position:absolute;top:0;width:100%}.smart-loading__dot:before{background-color:currentColor;border-radius:40%;content:" ";display:block;height:25%;margin:0 auto;width:2px}.smart-loading__dot:first-of-type{opacity:1;transform:rotate(30deg)}.smart-loading__dot:nth-of-type(2){opacity:.9375;transform:rotate(60deg)}.smart-loading__dot:nth-of-type(3){opacity:.875;transform:rotate(90deg)}.smart-loading__dot:nth-of-type(4){opacity:.8125;transform:rotate(120deg)}.smart-loading__dot:nth-of-type(5){opacity:.75;transform:rotate(150deg)}.smart-loading__dot:nth-of-type(6){opacity:.6875;transform:rotate(180deg)}.smart-loading__dot:nth-of-type(7){opacity:.625;transform:rotate(210deg)}.smart-loading__dot:nth-of-type(8){opacity:.5625;transform:rotate(240deg)}.smart-loading__dot:nth-of-type(9){opacity:.5;transform:rotate(270deg)}.smart-loading__dot:nth-of-type(10){opacity:.4375;transform:rotate(300deg)}.smart-loading__dot:nth-of-type(11){opacity:.375;transform:rotate(330deg)}.smart-loading__dot:nth-of-type(12){opacity:.3125;transform:rotate(1turn)}@keyframes smart-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
+@import '../common/index.css';:host{font-size:0;line-height:1}.smart-loading{align-items:center;color:var(--loading-spinner-color,#c8c9cc);display:inline-flex;justify-content:center}.smart-loading__spinner{animation:smart-rotate var(--loading-spinner-animation-duration,.8s) linear infinite;box-sizing:border-box;height:var(--loading-spinner-size,30px);max-height:100%;max-width:100%;position:relative;width:var(--loading-spinner-size,30px)}.smart-loading__spinner--spinner{animation-timing-function:steps(12)}.smart-loading__text{color:var(--loading-text-color,#969799);font-size:var(--loading-text-font-size,14px);line-height:var(--loading-text-line-height,20px);margin-left:var(--padding-xs,8px)}.smart-loading__text:empty{display:none}.smart-loading--vertical{flex-direction:column}.smart-loading--vertical .smart-loading__text{margin:var(--padding-xs,8px) 0 0}@keyframes smart-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}

package/lib/loading/index.js

@@ -9,10 +9,10 @@ var component_1 = require("../common/component");
             type: String,
             value: 'circular',
         },
-        size: String,
+        size: {
+            type: String,
+            value: '30',
+        },
         textSize: String,
     },
-    data: {
-        array12: Array.from({ length: 12 }),
-    },
 });

package/lib/loading/index.wxml

@@ -4,16 +4,14 @@
 <view class="custom-class {{ utils.bem('loading', { vertical }) }}">
   <view
     class="smart-loading__spinner smart-loading__spinner--{{ type }}"
-    style="{{ computed.spinnerStyle({ color, size }) }}"
+    style="{{ computed.loadingStyle({ size, type, color }) }}"
   >
     <view
-      wx:if="{{ type === 'spinner' }}"
-      wx:for="{{ array12 }}"
-      wx:key="index"
-      class="smart-loading__dot"
+      class="smart-switch__loading"
+      style="{{ computed.loadingStyle({ size, type, color }) }}" 
     />
   </view>
-  <view class="smart-loading__text" style="{{ computed.textStyle({ textSize }) }}">
+  <view class="smart-loading__text" style="{{ computed.textStyle({ textSize, color }) }}">
     <slot />
   </view>
 </view>

package/lib/loading/index.wxs

@@ -2,21 +2,52 @@
 var style = require('../wxs/style.wxs');
 var addUnit = require('../wxs/add-unit.wxs');
 
-function spinnerStyle(data) {
-  return style({
+function textStyle(data) {
+  const ret = style({
+    'font-size': addUnit(data.textSize),
     color: data.color,
-    width: addUnit(data.size),
-    height: addUnit(data.size),
   });
+
+  return ret;
 }
 
-function textStyle(data) {
-  return style({
-    'font-size': addUnit(data.textSize),
+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 = '';
+
+  if (data.type === 'spinner') {
+    iconSrc = SpinnerLoading({ color: data.color || '#1989FA' });
+  }
+
+  if (data.type === 'circular') {
+    iconSrc = CircularLoading({ color: data.color || '#3678E3' });
+  }
+
+  const ret = style({
+    'background-image': `url('${iconSrc}')`,
+    width: addUnit(data.size),
+    height: addUnit(data.size),
+    'background-size': addUnit(data.size),
   });
+
+  return ret;
 }
 
 module.exports = {
-  spinnerStyle: spinnerStyle,
   textStyle: textStyle,
+  loadingStyle: loadingStyle,
 };

package/lib/loading/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';:host{font-size:0;line-height:1}.smart-loading{align-items:center;color:var(--loading-spinner-color,#c8c9cc);display:inline-flex;justify-content:center}.smart-loading__spinner{animation:smart-rotate var(--loading-spinner-animation-duration,.8s) linear infinite;box-sizing:border-box;height:var(--loading-spinner-size,30px);max-height:100%;max-width:100%;position:relative;width:var(--loading-spinner-size,30px)}.smart-loading__spinner--spinner{animation-timing-function:steps(12)}.smart-loading__spinner--circular{border:1px solid transparent;border-radius:100%;border-top-color:initial}.smart-loading__text{color:var(--loading-text-color,#969799);font-size:var(--loading-text-font-size,14px);line-height:var(--loading-text-line-height,20px);margin-left:var(--padding-xs,8px)}.smart-loading__text:empty{display:none}.smart-loading--vertical{flex-direction:column}.smart-loading--vertical .smart-loading__text{margin:var(--padding-xs,8px) 0 0}.smart-loading__dot{height:100%;left:0;position:absolute;top:0;width:100%}.smart-loading__dot:before{background-color:currentColor;border-radius:40%;content:" ";display:block;height:25%;margin:0 auto;width:2px}.smart-loading__dot:first-of-type{opacity:1;transform:rotate(30deg)}.smart-loading__dot:nth-of-type(2){opacity:.9375;transform:rotate(60deg)}.smart-loading__dot:nth-of-type(3){opacity:.875;transform:rotate(90deg)}.smart-loading__dot:nth-of-type(4){opacity:.8125;transform:rotate(120deg)}.smart-loading__dot:nth-of-type(5){opacity:.75;transform:rotate(150deg)}.smart-loading__dot:nth-of-type(6){opacity:.6875;transform:rotate(180deg)}.smart-loading__dot:nth-of-type(7){opacity:.625;transform:rotate(210deg)}.smart-loading__dot:nth-of-type(8){opacity:.5625;transform:rotate(240deg)}.smart-loading__dot:nth-of-type(9){opacity:.5;transform:rotate(270deg)}.smart-loading__dot:nth-of-type(10){opacity:.4375;transform:rotate(300deg)}.smart-loading__dot:nth-of-type(11){opacity:.375;transform:rotate(330deg)}.smart-loading__dot:nth-of-type(12){opacity:.3125;transform:rotate(1turn)}@keyframes smart-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
+@import '../common/index.wxss';:host{font-size:0;line-height:1}.smart-loading{align-items:center;color:var(--loading-spinner-color,#c8c9cc);display:inline-flex;justify-content:center}.smart-loading__spinner{animation:smart-rotate var(--loading-spinner-animation-duration,.8s) linear infinite;box-sizing:border-box;height:var(--loading-spinner-size,30px);max-height:100%;max-width:100%;position:relative;width:var(--loading-spinner-size,30px)}.smart-loading__spinner--spinner{animation-timing-function:steps(12)}.smart-loading__text{color:var(--loading-text-color,#969799);font-size:var(--loading-text-font-size,14px);line-height:var(--loading-text-line-height,20px);margin-left:var(--padding-xs,8px)}.smart-loading__text:empty{display:none}.smart-loading--vertical{flex-direction:column}.smart-loading--vertical .smart-loading__text{margin:var(--padding-xs,8px) 0 0}@keyframes smart-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}

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-B6-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__arrow{color:var(--nav-bar-icon-color,var(--app-B6-N1,#000))!important;font-size:var(--nav-bar-arrow-size,16px)!important;vertical-align:middle}.smart-nav-bar__arrow+.smart-nav-bar__text{margin-left:-20px;padding-left:25px}.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-B6-N1,#000));font-size:var(--nav-bar-title-font-size,16px);font-weight:var(--font-weight-bold,500);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__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)}

package/lib/nav-bar/index.js

@@ -7,7 +7,7 @@ var Left_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Left"));
 var component_1 = require("../common/component");
 var utils_1 = require("../common/utils");
 (0, component_1.SmartComponent)({
-    classes: ['title-class'],
+    classes: ['title-class', 'left-icon-class'],
     props: {
         title: String,
         fixed: {
@@ -18,7 +18,16 @@ var utils_1 = require("../common/utils");
             type: Boolean,
             observer: 'setHeight',
         },
+        leftTextType: {
+            type: String,
+            value: 'back',
+        },
         leftText: String,
+        leftIcon: String,
+        leftIconSize: {
+            type: null,
+            value: 32,
+        },
         rightText: String,
         customStyle: String,
         leftArrow: Boolean,
@@ -56,6 +65,15 @@ var utils_1 = require("../common/utils");
         onClickRight: function () {
             this.$emit('click-right');
         },
+        onClickTitle: function () {
+            this.$emit('click-title');
+        },
+        onClickLeftIcon: function () {
+            this.$emit('click-left-icon');
+        },
+        onClickLeftText: function () {
+            this.$emit('click-left-text');
+        },
         setHeight: function () {
             var _this = this;
             if (!this.data.fixed || !this.data.placeholder) {

package/lib/nav-bar/index.wxml

@@ -9,23 +9,33 @@
 >
   <view class="smart-nav-bar__content">
     <view class="smart-nav-bar__left" bind:tap="onClickLeft">
-      <block wx:if="{{ leftArrow || leftText }}">
+      <block wx:if="{{ leftArrow || leftText || leftIcon }}">
         <smart-icon
           wx:if="{{ leftArrow }}"
-          size="16px"
-          name="{{ leftArrowIcon }}"
+          size="32px"
+          name="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj48ZGVmcz48Y2xpcFBhdGggaWQ9Im1hc3Rlcl9zdmcwXzQ1Ml8yODM5NC8wXzgwODgiPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgcng9IjAiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBjbGlwLXBhdGg9InVybCgjbWFzdGVyX3N2ZzBfNDUyXzI4Mzk0LzBfODA4OCkiPjxnIHN0eWxlPSJvcGFjaXR5OjAuNjk5OTk5OTg4MDc5MDcxOyI+PHBhdGggZD0iTTYuMDkxOTYsMTYuNDk5ODJDNi4wOTE5NiwxNi40OTk4MiwxMy4zMjA4MSwyMy41Mzk3LDEzLjMyMDgxLDIzLjUzOTdDMTMuNDgzOCwyMy43MTU3LDEzLjU2NDgsMjMuOTE5NywxMy41NjQ4LDI0LjE0OTdDMTMuNTY0OCwyNC4zNzk3LDEzLjQ3ODgsMjQuNTc5NiwxMy4zMDY4MSwyNC43NDc2QzEzLjIyNzEyLDI0LjgyODUsMTMuMTMxOTUsMjQuODkyNiwxMy4wMjY5NywyNC45MzU5QzEyLjkyMiwyNC45NzkyLDEyLjgwOTM3LDI1LjAwMDgsMTIuNjk1ODIsMjQuOTk5NkMxMi40NjQ3MywyNS4wMDExLDEyLjI0MTU4LDI0LjkxNTQsMTIuMDcwODMsMjQuNzU5NkMxMi4wNzA4MywyNC43NTk2LDQuMjQ0OTk4LDE3LjEwOTgxLDQuMjQ0OTk4LDE3LjEwOTgxQzQuMDg3MjQ2NCwxNi45NDU5OTAwMDAwMDAwMDIsMy45OTkzODg5MzUsMTYuNzI3MjQwMDAwMDAwMDAyLDQuMDAwMDAzMTk5NDMsMTYuNDk5ODJDNC4wMDAwMDMxOTk0MywxNi4yNjk4Myw0LjA4MjAwMTUsMTYuMDY1ODMsNC4yNDQ5OTgsMTUuODg5ODNDNC4yNDQ5OTgsMTUuODg5ODMsMTIuMDY5ODMsOC4yMzk5OTUsMTIuMDY5ODMsOC4yMzk5OTVDMTIuMjQ5ODMsOC4wNzk5OTgzLDEyLjQ1OTgyLDgsMTIuNjk0ODIsOEMxMi45Mjk4MSw4LDEzLjEzMzgxLDguMDgzOTk4MiwxMy4zMDU4MSw4LjI1MTk5NUMxMy4zODc5NSw4LjMyODMxMywxMy40NTMzMSw4LjQyMDg5MiwxMy40OTc3Miw4LjUyMzg0M0MxMy41NDIxNCw4LjYyNjc5NCwxMy41NjQ2NCw4LjczNzg2MiwxMy41NjM4LDguODQ5OTgyQzEzLjU2MzgsOS4wNzk5Nzk5OTk5OTk5OTksMTMuNDgyOCw5LjI4Mzk3LDEzLjMxOTgxLDkuNDU5OTdDMTMuMzE5ODEsOS40NTk5Nyw2LjA5MTk2LDE2LjQ5OTgyLDYuMDkxOTYsMTYuNDk5ODJaIiBmaWxsPSIjMDAwMDAwIiBmaWxsLW9wYWNpdHk9IjAuODk5OTk5OTc2MTU4MTQyMSIvPjwvZz48L2c+PC9zdmc+"
+          data-type="leftArrow"
           custom-class="smart-nav-bar__arrow"
         />
+        <view
+          wx:if="{{ leftIcon }}"
+          data-type="leftIcon"
+          class="smart-nav-bar__icon-wrap"
+          catch:tap="onClickLeftIcon"
+        >
+          <smart-icon class="left-icon-class" size="{{ leftIconSize }}" name="{{ leftIcon }}" />
+        </view>
         <view
           wx:if="{{ leftText }}"
-          class="smart-nav-bar__text"
-          hover-class="smart-nav-bar__text--hover"
+          class="{{ utils.bem('nav-bar__text', { home: leftTextType === 'home', title: leftTextType === 'title' }) }}"
+          catch:tap="onClickLeftText"
+          hover-class="{{ leftTextType === 'back' ? 'smart-nav-bar__text--hover' : '' }}"
           hover-stay-time="70"
         >{{ leftText }}</view>
       </block>
       <slot wx:else name="left" />
     </view>
-    <view class="smart-nav-bar__title title-class smart-ellipsis">
+    <view class="smart-nav-bar__title title-class smart-ellipsis" bind:tap="onClickTitle">
       <block wx:if="{{ title }}">{{ title }}</block>
 
       <slot wx:else name="title" />

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-B6-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__arrow{color:var(--nav-bar-icon-color,var(--app-B6-N1,#000))!important;font-size:var(--nav-bar-arrow-size,16px)!important;vertical-align:middle}.smart-nav-bar__arrow+.smart-nav-bar__text{margin-left:-20px;padding-left:25px}.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-B6-N1,#000));font-size:var(--nav-bar-title-font-size,16px);font-weight:var(--font-weight-bold,500);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__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)}

package/lib/normal-slider/index.css

@@ -1 +1 @@
-@import '../common/index.css';.contain{--thumb-active-color:var(var(--app-B3,#fff),#fff)}
+@import '../common/index.css';.contain{--thumb-active-color:var(--app-B3,#fff)}

package/lib/normal-slider/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.contain{--thumb-active-color:var(var(--app-B3,#fff),#fff)}
+@import '../common/index.wxss';.contain{--thumb-active-color:var(--app-B3,#fff)}

package/lib/notice-bar/index.css

@@ -1 +1 @@
-@import '../common/index.css';.smart-notice-bar{align-items:center;background-color:var(--notice-bar-background-color,#fffbe8);color:var(--notice-bar-text-color,var(--app-B6-N3,rgba(0,0,0,.5)));display:flex;font-size:var(--notice-bar-font-size,14px);height:var(--notice-bar-height,40px);line-height:var(--notice-bar-line-height,24px);padding:var(--notice-bar-padding,0 16px)}.smart-notice-bar--withicon{padding-right:40px;position:relative}.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;margin-right:4px;vertical-align:middle}.smart-notice-bar__left-icon,.smart-notice-bar__right-icon{font-size:var(--notice-bar-icon-size,16px);min-width:var(--notice-bar-icon-min-width,22px)}.smart-notice-bar__right-icon{position:absolute;right:15px;top:10px}.smart-notice-bar__wrap{flex:1;height:var(--notice-bar-line-height,24px);overflow:hidden;position:relative}.smart-notice-bar__content{position:absolute;white-space:nowrap}.smart-notice-bar__content.smart-ellipsis{max-width:100%}
+@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}

package/lib/notice-bar/index.js

@@ -1,7 +1,12 @@
 "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 utils_1 = require("../common/utils");
+var Xmark_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Xmark"));
+var Right_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Right"));
 (0, component_1.SmartComponent)({
     props: {
         text: {
@@ -9,22 +14,60 @@ var utils_1 = require("../common/utils");
             value: '',
             observer: 'init',
         },
+        btnText: {
+            type: String,
+            value: '',
+            observer: 'init',
+        },
+        btnTextColor: {
+            type: String,
+            value: '',
+            observer: 'init',
+        },
         mode: {
             type: String,
             value: '',
         },
+        type: {
+            type: String,
+            value: 'info'
+        },
         url: {
             type: String,
             value: '',
         },
         openType: {
             type: String,
-            value: 'navigate',
+            value: 'navigateTo',
+        },
+        rightIconColor: {
+            type: String,
+            value: 'var(--notice-bar-right-icon-color)',
+        },
+        leftIconColor: {
+            type: String,
+            value: '',
         },
         delay: {
             type: Number,
             value: 1,
         },
+        customStyle: {
+            type: String,
+            value: '',
+        },
+        customHoverClass: {
+            type: String,
+            value: '',
+        },
+        rightIconStyle: {
+            type: String,
+            value: '',
+        },
+        leftIconStyle: {
+            type: String,
+            value: '',
+        },
         speed: {
             type: Number,
             value: 60,
@@ -36,11 +79,12 @@ var utils_1 = require("../common/utils");
             value: '',
         },
         color: String,
-        backgroundColor: String,
         background: String,
         wrapable: Boolean,
     },
     data: {
+        Xmark: Xmark_1.default,
+        Right: Right_1.default,
         show: true,
     },
     created: function () {
@@ -118,7 +162,19 @@ var utils_1 = require("../common/utils");
                 this.$emit('close', event.detail);
             }
         },
+        onClickBtnText: function (event) {
+            this.$emit('btnClick', event);
+        },
         onClick: function (event) {
+            var _a = this.data, url = _a.url, mode = _a.mode, openType = _a.openType;
+            if (mode === 'link' && url) {
+                if (openType === 'redirectTo') {
+                    wx.redirectTo({ url: url });
+                }
+                else if (openType === 'navigateTo') {
+                    wx.navigateTo({ url: url });
+                }
+            }
             this.$emit('click', event);
         },
     },

package/lib/notice-bar/index.wxml

@@ -3,20 +3,36 @@
 
 <view
   wx:if="{{ show }}"
-  class="custom-class {{ utils.bem('notice-bar', { withicon: mode, wrapable }) }}"
-  style="{{ computed.rootStyle({ color, backgroundColor, background }) }}"
+  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"
 >
   <smart-icon
     wx:if="{{ leftIcon }}"
     name="{{ leftIcon }}"
     class="smart-notice-bar__left-icon"
+    style="{{ computed.rootStyle(leftIconStyle) }}"
+    color="{{ leftIconColor || (type === 'info' ? 'var(--notice-bar-info-color)' : type === 'warning' ? 'var(--notice-bar-warning-color)' : type === 'error' ? 'var(--notice-bar-error-color)' : '') }}"
   />
   <slot wx:else name="left-icon" />
 
   <view class="smart-notice-bar__wrap">
     <view class="smart-notice-bar__content {{ scrollable === false && !wrapable ? 'smart-ellipsis' : '' }}" animation="{{ animationData }}">
       {{ text }}
+      <view 
+        wx:if="{{ btnText }}" 
+        class="smart-notice-bar__content__btn" 
+        hover-class="smart-notice-bar--hover"
+        catch:tap="onClickBtnText"
+        style="{{ btnTextColor ? 'color: ' + btnTextColor : ''}}"
+      >
+        {{ btnText }}
+      </view>
       <slot wx:if="{{ !text }}"></slot>
     </view>
   </view>
@@ -24,15 +40,17 @@
   <smart-icon
     wx:if="{{ mode === 'closeable' }}"
     class="smart-notice-bar__right-icon"
-    name="cross"
+    name="{{ Xmark }}"
+    style="{{ computed.rootStyle(rightIconStyle) }}"
+    color=" {{ rightIconColor }} "
     catch:tap="onClickIcon"
   />
-  <navigator
-    wx:elif="{{ mode === 'link' }}"
-    url="{{ url }}"
-    open-type="{{ openType }}"
-  >
-    <smart-icon class="smart-notice-bar__right-icon" name="arrow" />
-  </navigator>
+  <smart-icon 
+    wx:elif="{{ mode === 'link' }}" 
+    color=" {{ rightIconColor }} " 
+    class="smart-notice-bar__right-icon" 
+    name="{{ Right }}" 
+    style="{{ computed.rootStyle(rightIconStyle) }}"
+  />
   <slot wx:else name="right-icon" />
 </view>

package/lib/notice-bar/index.wxs

@@ -3,11 +3,7 @@ var style = require('../wxs/style.wxs');
 var addUnit = require('../wxs/add-unit.wxs');
 
 function rootStyle(data) {
-  return style({
-    color: data.color,
-    'background-color': data.backgroundColor,
-    background: data.background,
-  });
+  return style(data);
 }
 
 module.exports = {

package/lib/notice-bar/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.smart-notice-bar{align-items:center;background-color:var(--notice-bar-background-color,#fffbe8);color:var(--notice-bar-text-color,var(--app-B6-N3,rgba(0,0,0,.5)));display:flex;font-size:var(--notice-bar-font-size,14px);height:var(--notice-bar-height,40px);line-height:var(--notice-bar-line-height,24px);padding:var(--notice-bar-padding,0 16px)}.smart-notice-bar--withicon{padding-right:40px;position:relative}.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;margin-right:4px;vertical-align:middle}.smart-notice-bar__left-icon,.smart-notice-bar__right-icon{font-size:var(--notice-bar-icon-size,16px);min-width:var(--notice-bar-icon-min-width,22px)}.smart-notice-bar__right-icon{position:absolute;right:15px;top:10px}.smart-notice-bar__wrap{flex:1;height:var(--notice-bar-line-height,24px);overflow:hidden;position:relative}.smart-notice-bar__content{position:absolute;white-space:nowrap}.smart-notice-bar__content.smart-ellipsis{max-width:100%}
+@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}

package/lib/picker-column/index.js

@@ -177,7 +177,14 @@ var DEFAULT_DURATION = 200;
                             animate: true,
                             duration: DEFAULT_DURATION,
                         }).then(function () {
-                            userAction && (_this.fireChange = true);
+                            if (!userAction)
+                                return;
+                            if ([0, data.optionsV.length - 1].includes(index)) {
+                                _this.$emit('change', index);
+                                return;
+                            }
+                            ;
+                            _this.fireChange = true;
                         });
                     });
                 }

package/lib/radio/index.css

@@ -1 +1 @@
-@import '../common/index.css';.smart-radio{align-items:center;display:flex;overflow:hidden;-webkit-user-select:none;user-select:none}.smart-radio__icon-wrap{flex:none}.smart-radio--horizontal{margin-right:var(--padding-sm,12px)}.smart-radio__icon{align-items:center;border:1px solid var(--radio-border-color,#c8c9cc);box-sizing:border-box;color:transparent;display:flex;font-size:var(--radio-size,20px);height:1em;justify-content:center;text-align:center;transition-duration:var(--radio-transition-duration,.2s);transition-property:color,border-color,background-color;width:1em}.smart-radio__icon--round{border-radius:100%}.smart-radio__icon--checked{background-color:var(--radio-checked-icon-color,var(--app-M4,#1989fa));border-color:var(--radio-checked-icon-color,var(--app-M4,#1989fa));color:#fff}.smart-radio__icon--disabled{background-color:var(--radio-disabled-background-color,var(--app-B6-N6,rgba(0,0,0,.2)));border-color:var(--radio-disabled-icon-color,var(--app-B6-N5,rgba(0,0,0,.3)))}.smart-radio__icon--disabled.smart-radio__icon--checked{color:var(--radio-disabled-icon-color,var(--app-B6-N5,rgba(0,0,0,.3)))}.smart-radio__label{word-wrap:break-word;color:var(--radio-label-color,var(--app-B6-N1,#000));line-height:var(--radio-size,20px);padding-left:var(--radio-label-margin,10px)}.smart-radio__label--left{float:left;margin:0 var(--radio-label-margin,10px) 0 0}.smart-radio__label--disabled{color:var(--radio-disabled-label-color,var(--app-B6-N5,rgba(0,0,0,.3)))}.smart-radio__label:empty{margin:0}
+@import '../common/index.css';.smart-radio{align-items:center;display:flex;overflow:hidden;-webkit-user-select:none;user-select:none}.smart-radio__icon-wrap{display:flex;flex:none}.smart-radio--horizontal{margin-right:var(--padding-sm,12px)}.smart-radio__icon{align-items:center;border:2px solid var(--radio-border-color,var(--app-B6-N6,rgba(0,0,0,.2)));border-radius:var(--radio-border-radius,4px);box-sizing:border-box;color:transparent;display:flex;font-size:var(--radio-size,24px);height:1em;justify-content:center;text-align:center;transition-duration:var(--radio-transition-duration,.2s);transition-property:color,border,background-color;width:1em}.smart-radio__icon--round{border-radius:100%}.smart-radio__icon--checked{background-color:var(--radio-checked-icon-color,var(--app-M4,#1989fa));border-color:var(--radio-checked-icon-color,var(--app-M4,#1989fa));color:#fff}.smart-radio__icon--disabled{opacity:.3}.smart-radio__label{word-wrap:break-word;color:var(--radio-label-color,var(--app-B6-N1,#000));font-size:var(--radio-label-size,12px);padding-left:var(--radio-label-margin,10px)}.smart-radio__label--left{float:left;margin:0 var(--radio-label-margin,10px) 0 0}.smart-radio__label--disabled{color:var(--radio-disabled-label-color,var(--app-B6-N5,rgba(0,0,0,.3)))}.smart-radio__label:empty{margin:0}

package/lib/radio/index.js

@@ -30,7 +30,7 @@ var relation_1 = require("../common/relation");
         },
         iconSize: {
             type: null,
-            value: 20,
+            value: 24,
         },
     },
     data: {

package/lib/radio/index.wxml

@@ -14,7 +14,8 @@
     <smart-icon
       wx:else
       name="{{ icon }}"
-      color="{{ value ? '#fff' : 'none'}}"
+      size="1em"
+      color="{{ value === name ? '#fff' : 'none'}}"
       class="{{ utils.bem('radio__icon', [shape, { disabled: disabled || parentDisabled, checked: value === name }]) }}"
       style="{{ computed.iconStyle({ iconSize, checkedColor, disabled, parentDisabled, value, name }) }}"
       custom-class="icon-class"

package/lib/radio/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.smart-radio{align-items:center;display:flex;overflow:hidden;-webkit-user-select:none;user-select:none}.smart-radio__icon-wrap{flex:none}.smart-radio--horizontal{margin-right:var(--padding-sm,12px)}.smart-radio__icon{align-items:center;border:1px solid var(--radio-border-color,#c8c9cc);box-sizing:border-box;color:transparent;display:flex;font-size:var(--radio-size,20px);height:1em;justify-content:center;text-align:center;transition-duration:var(--radio-transition-duration,.2s);transition-property:color,border-color,background-color;width:1em}.smart-radio__icon--round{border-radius:100%}.smart-radio__icon--checked{background-color:var(--radio-checked-icon-color,var(--app-M4,#1989fa));border-color:var(--radio-checked-icon-color,var(--app-M4,#1989fa));color:#fff}.smart-radio__icon--disabled{background-color:var(--radio-disabled-background-color,var(--app-B6-N6,rgba(0,0,0,.2)));border-color:var(--radio-disabled-icon-color,var(--app-B6-N5,rgba(0,0,0,.3)))}.smart-radio__icon--disabled.smart-radio__icon--checked{color:var(--radio-disabled-icon-color,var(--app-B6-N5,rgba(0,0,0,.3)))}.smart-radio__label{word-wrap:break-word;color:var(--radio-label-color,var(--app-B6-N1,#000));line-height:var(--radio-size,20px);padding-left:var(--radio-label-margin,10px)}.smart-radio__label--left{float:left;margin:0 var(--radio-label-margin,10px) 0 0}.smart-radio__label--disabled{color:var(--radio-disabled-label-color,var(--app-B6-N5,rgba(0,0,0,.3)))}.smart-radio__label:empty{margin:0}
+@import '../common/index.wxss';.smart-radio{align-items:center;display:flex;overflow:hidden;-webkit-user-select:none;user-select:none}.smart-radio__icon-wrap{display:flex;flex:none}.smart-radio--horizontal{margin-right:var(--padding-sm,12px)}.smart-radio__icon{align-items:center;border:2px solid var(--radio-border-color,var(--app-B6-N6,rgba(0,0,0,.2)));border-radius:var(--radio-border-radius,4px);box-sizing:border-box;color:transparent;display:flex;font-size:var(--radio-size,24px);height:1em;justify-content:center;text-align:center;transition-duration:var(--radio-transition-duration,.2s);transition-property:color,border,background-color;width:1em}.smart-radio__icon--round{border-radius:100%}.smart-radio__icon--checked{background-color:var(--radio-checked-icon-color,var(--app-M4,#1989fa));border-color:var(--radio-checked-icon-color,var(--app-M4,#1989fa));color:#fff}.smart-radio__icon--disabled{opacity:.3}.smart-radio__label{word-wrap:break-word;color:var(--radio-label-color,var(--app-B6-N1,#000));font-size:var(--radio-label-size,12px);padding-left:var(--radio-label-margin,10px)}.smart-radio__label--left{float:left;margin:0 var(--radio-label-margin,10px) 0 0}.smart-radio__label--disabled{color:var(--radio-disabled-label-color,var(--app-B6-N5,rgba(0,0,0,.3)))}.smart-radio__label:empty{margin:0}

package/lib/search/index.css

@@ -1 +1 @@
-@import '../common/index.css';.smart-search{align-items:center;box-sizing:border-box;display:flex;padding:var(--search-padding,10px 12px)}.smart-search__content{background-color:var(--search-background-color,#f7f8fa);border-radius:2px;display:flex;flex:1;padding-left:var(--padding-sm,12px)}.smart-search__content--round{border-radius:999px}.smart-search__label{color:var(--search-label-color,#323233);font-size:var(--search-label-font-size,14px);line-height:var(--search-input-height,34px);padding:var(--search-label-padding,0 5px)}.smart-search__field{flex:1}.smart-search__field__left-icon{color:var(--search-left-icon-color,#969799)}.smart-search--withaction{padding-right:0}.smart-search__action{color:var(--search-action-text-color,#323233);font-size:var(--search-action-font-size,14px);line-height:var(--search-input-height,34px)}.smart-search__action--hover{background-color:#f2f3f5}.smart-search__action-button{padding:var(--search-action-padding,0 8px)}
+@import '../common/index.css';.smart-search{align-items:center;background-color:var(--search-background-color,var(--app-B3,#fff));box-sizing:border-box;display:flex;padding:var(--search-padding,12px 16px)}.smart-search__content{align-items:center;background-color:var(--search-body-background-color,var(--app-B4-N9,rgba(0,0,0,.05)));display:flex;flex:1;flex-direction:row;padding:12px 16px}.smart-search__content--round{border-radius:999px}.smart-search__label{color:var(--search-label-color,var(--app-B4-N1,#000));font-size:var(--search-label-font-size,14px);line-height:var(--search-input-height,24px);padding:var(--search-label-padding,0 5px)}.smart-search__field{flex:1}.smart-search__field__left-icon{--icon-color:var(--search-left-icon-color,var(--app-B4-N4,rgba(0,0,0,.4)));margin-left:2px}.smart-search__input{font-size:var(--search-value-font-size,14px)}.smart-search--withaction{padding-right:0}.smart-search__action{color:var(--search-action-text-color,var(--app-B4-N3,rgba(0,0,0,.5)));font-size:var(--search-action-font-size,14px);line-height:var(--search-input-height,24px)}.smart-search__action--hover{background-color:var(--app-B4-N9,rgba(0,0,0,.05));opacity:.4}.smart-search__action-button{padding:var(--search-action-padding,0 16px 0 12px)}.smart-search__hover{background-color:var(--app-B4-N9,rgba(0,0,0,.05));opacity:.4}.smart-search__submit{align-items:center;color:var(--search-submit-color,var(--app-M1,#3678e3));display:flex;flex-direction:row;font-size:var(--search-submit-font-size,14px)}.smart-search__submit:before{background-color:var(--search-submit-color,var(--app-M1,#3678e3));content:"";display:block;height:12px;margin-right:12px;width:1px}

package/lib/search/index.js

@@ -1,7 +1,12 @@
 "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 version_1 = require("../common/version");
+var Search_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Search"));
+var Close_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Close"));
 (0, component_1.SmartComponent)({
     field: true,
     classes: ['field-class', 'input-class', 'cancel-class'],
@@ -22,18 +27,20 @@ var version_1 = require("../common/version");
         useRightIconSlot: Boolean,
         leftIcon: {
             type: String,
-            value: 'search',
+            value: Search_1.default,
         },
         rightIcon: String,
         placeholder: String,
         placeholderStyle: String,
-        actionText: {
+        searchText: {
             type: String,
-            value: '取消',
+            value: 'Search',
         },
-        background: {
+        showSearchButton: Boolean,
+        background: String,
+        actionText: {
             type: String,
-            value: '#ffffff',
+            value: 'Cancel',
         },
         maxlength: {
             type: Number,
@@ -53,7 +60,7 @@ var version_1 = require("../common/version");
         },
         clearIcon: {
             type: String,
-            value: 'clear',
+            value: Close_1.default,
         },
         cursorSpacing: {
             type: Number,
@@ -62,9 +69,7 @@ var version_1 = require("../common/version");
     },
     methods: {
         onChange: function (event) {
-            if ((0, version_1.canIUseModel)()) {
-                this.setData({ value: event.detail });
-            }
+            this.setData({ value: event.detail });
             this.$emit('change', event.detail);
         },
         onCancel: function () {
@@ -83,6 +88,9 @@ var version_1 = require("../common/version");
         onSearch: function (event) {
             this.$emit('search', event.detail);
         },
+        goSearch: function () {
+            this.$emit('search', this.data.value);
+        },
         onFocus: function (event) {
             this.$emit('focus', event.detail);
         },

package/lib/search/index.json

@@ -1,6 +1,7 @@
 {
   "component": true,
   "usingComponents": {
-    "smart-field": "../field/index"
+    "smart-field": "../field/index",
+    "smart-icon": "../icon/index"
   }
 }