@tuya-miniapp/smart-ui 1.3.1-beta-12 → 2.0.0-beta-2

package/dist/picker/index.js

@@ -2,7 +2,10 @@ import { SmartComponent } from '../common/component';
 import { pickerProps } from './shared';
 SmartComponent({
     classes: ['active-class', 'toolbar-class', 'column-class'],
-    props: Object.assign(Object.assign({}, pickerProps), { valueKey: {
+    props: Object.assign(Object.assign({}, pickerProps), { activeStyle: {
+            type: String,
+            value: '',
+        }, valueKey: {
             type: String,
             value: 'text',
         }, toolbarPosition: {

package/dist/picker/index.wxml

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

package/dist/picker-column/index.js

@@ -9,6 +9,10 @@ SmartComponent({
         className: String,
         itemHeight: Number,
         visibleItemCount: Number,
+        activeStyle: {
+            type: String,
+            value: '',
+        },
         options: {
             type: Array,
             value: [],

package/dist/picker-column/index.wxml

@@ -17,7 +17,7 @@
       wx:for-item="option"
       wx:key="index"
       data-index="{{ renderStart + index }}"
-      style="height: {{ itemHeight }}px"
+      style="height: {{ itemHeight }}px;{{renderStart + index === currentIndex ? activeStyle : ''}}"
       class="smart-ellipsis {{ utils.bem('picker-column__item', { disabled: option && option.disabled, selected: renderStart + index === currentIndex }) }} {{ renderStart + index === currentIndex ? 'active-class' : '' }}"
       bindtap="onClickItem"
     >{{ computed.optionText(option, valueKey) }}</view>

package/dist/tab/index.css

@@ -1 +1 @@
-@import '../common/index.css';:host{box-sizing:border-box;flex-shrink:0;width:100%}.smart-tab__pane{-webkit-overflow-scrolling:touch;background-color:var(--app-B3);box-sizing:border-box;color:var(--app-B3-N1);overflow-y:auto}.smart-tab__pane--active{height:auto}.smart-tab__pane--inactive{height:0;overflow:visible}
+@import '../common/index.css';:host{box-sizing:border-box;flex-shrink:0;width:100%}.smart-tab__pane{-webkit-overflow-scrolling:touch;background-color:var(--tab-panel-background-color,var(--app-B3));box-sizing:border-box;color:var(--tab-panel-text-color,var(--app-B3-N1));overflow-y:auto}.smart-tab__pane--active{height:auto}.smart-tab__pane--inactive{height:0;overflow:visible}

package/dist/tab/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';:host{box-sizing:border-box;flex-shrink:0;width:100%}.smart-tab__pane{-webkit-overflow-scrolling:touch;background-color:var(--app-B3);box-sizing:border-box;color:var(--app-B3-N1);overflow-y:auto}.smart-tab__pane--active{height:auto}.smart-tab__pane--inactive{height:0;overflow:visible}
+@import '../common/index.wxss';:host{box-sizing:border-box;flex-shrink:0;width:100%}.smart-tab__pane{-webkit-overflow-scrolling:touch;background-color:var(--tab-panel-background-color,var(--app-B3));box-sizing:border-box;color:var(--tab-panel-text-color,var(--app-B3-N1));overflow-y:auto}.smart-tab__pane--active{height:auto}.smart-tab__pane--inactive{height:0;overflow:visible}

package/lib/picker/index.js

@@ -15,7 +15,10 @@ var component_1 = require("../common/component");
 var shared_1 = require("./shared");
 (0, component_1.SmartComponent)({
     classes: ['active-class', 'toolbar-class', 'column-class'],
-    props: __assign(__assign({}, shared_1.pickerProps), { valueKey: {
+    props: __assign(__assign({}, shared_1.pickerProps), { activeStyle: {
+            type: String,
+            value: '',
+        }, valueKey: {
             type: String,
             value: 'text',
         }, toolbarPosition: {

package/lib/picker/index.wxml

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

package/lib/picker-column/index.js

@@ -11,6 +11,10 @@ var DEFAULT_DURATION = 200;
         className: String,
         itemHeight: Number,
         visibleItemCount: Number,
+        activeStyle: {
+            type: String,
+            value: '',
+        },
         options: {
             type: Array,
             value: [],

package/lib/picker-column/index.wxml

@@ -17,7 +17,7 @@
       wx:for-item="option"
       wx:key="index"
       data-index="{{ renderStart + index }}"
-      style="height: {{ itemHeight }}px"
+      style="height: {{ itemHeight }}px;{{renderStart + index === currentIndex ? activeStyle : ''}}"
       class="smart-ellipsis {{ utils.bem('picker-column__item', { disabled: option && option.disabled, selected: renderStart + index === currentIndex }) }} {{ renderStart + index === currentIndex ? 'active-class' : '' }}"
       bindtap="onClickItem"
     >{{ computed.optionText(option, valueKey) }}</view>

package/lib/tab/index.css

@@ -1 +1 @@
-@import '../common/index.css';:host{box-sizing:border-box;flex-shrink:0;width:100%}.smart-tab__pane{-webkit-overflow-scrolling:touch;background-color:var(--app-B3);box-sizing:border-box;color:var(--app-B3-N1);overflow-y:auto}.smart-tab__pane--active{height:auto}.smart-tab__pane--inactive{height:0;overflow:visible}
+@import '../common/index.css';:host{box-sizing:border-box;flex-shrink:0;width:100%}.smart-tab__pane{-webkit-overflow-scrolling:touch;background-color:var(--tab-panel-background-color,var(--app-B3));box-sizing:border-box;color:var(--tab-panel-text-color,var(--app-B3-N1));overflow-y:auto}.smart-tab__pane--active{height:auto}.smart-tab__pane--inactive{height:0;overflow:visible}

package/lib/tab/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';:host{box-sizing:border-box;flex-shrink:0;width:100%}.smart-tab__pane{-webkit-overflow-scrolling:touch;background-color:var(--app-B3);box-sizing:border-box;color:var(--app-B3-N1);overflow-y:auto}.smart-tab__pane--active{height:auto}.smart-tab__pane--inactive{height:0;overflow:visible}
+@import '../common/index.wxss';:host{box-sizing:border-box;flex-shrink:0;width:100%}.smart-tab__pane{-webkit-overflow-scrolling:touch;background-color:var(--tab-panel-background-color,var(--app-B3));box-sizing:border-box;color:var(--tab-panel-text-color,var(--app-B3-N1));overflow-y:auto}.smart-tab__pane--active{height:auto}.smart-tab__pane--inactive{height:0;overflow:visible}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tuya-miniapp/smart-ui",
-  "version": "1.3.1-beta-12",
+  "version": "2.0.0-beta-2",
   "author": "MiniApp Team",
   "license": "MIT",
   "miniprogram": "lib",
@@ -76,7 +76,7 @@
   ],
   "dependencies": {
     "@ray-js/components-ty-slider": "^0.2.48",
-    "@tuya-miniapp/icons": "1.1.0-beta-4"
+    "@tuya-miniapp/icons": "2.0.0"
   },
   "maintainers": [
     {