@tuya-miniapp/smart-ui 2.9.3-beta-0 → 2.9.3-beta-1

package/dist/picker/index.wxml

@@ -26,6 +26,7 @@
       options="{{ item.values }}"
       disabled="{{ item.disabled || false }}"
       unit="{{ item.unit || unit }}"
+      unit-gap="{{ item.unitGap }}"
       changeAnimation="{{ changeAnimation }}"
       default-index="{{ item.defaultIndex || defaultIndex }}"
       active-index="{{ (item.activeIndex === null || item.activeIndex === undefined) ? activeIndex : item.activeIndex }}"

package/dist/picker-column/index.js

@@ -57,6 +57,10 @@ SmartComponent({
             type: String,
             value: '',
         },
+        unitGap: {
+            type: null,
+            value: undefined,
+        },
         animationTime: {
             type: Number,
             value: 300,

package/dist/picker-column/index.wxml

@@ -53,7 +53,7 @@
   <view wx:if="{{unit}}" class="smart-picker-column__unit" style="height: {{ itemHeight }}px">
     <view class="smart-picker-column__max-text" style="{{fontStyle}}">
       {{ maxText }}
-      <view class="smart-picker-column__unit_text" >{{unit}}</view>
+      <view class="smart-picker-column__unit_text" style="{{computed.unitGapStyle(unitGap)}}">{{unit}}</view>
     </view>
   </view>
   

package/dist/picker-column/index.wxs

@@ -3,6 +3,15 @@ var style = require('../wxs/style.wxs');
 var addUnit = require('../wxs/add-unit.wxs');
 var wxUtils = require('../wxs/utils.wxs');
 
+function unitGapStyle(unitGap) {
+  if (unitGap === undefined || unitGap === null) {
+    return '';
+  }
+  return style({
+    'margin-left': addUnit(unitGap)
+  });
+}
+
 function setStyle(ownerInstance, style, selector) {
   var dom = wxUtils.queryComponent(ownerInstance, selector);
   if (!dom) {
@@ -628,4 +637,5 @@ module.exports = {
   touchMove: touchMove,
   touchEnd: touchEnd,
   tapItem: tapItem,
+  unitGapStyle: unitGapStyle,
 };

package/lib/picker/index.wxml

@@ -26,6 +26,7 @@
       options="{{ item.values }}"
       disabled="{{ item.disabled || false }}"
       unit="{{ item.unit || unit }}"
+      unit-gap="{{ item.unitGap }}"
       changeAnimation="{{ changeAnimation }}"
       default-index="{{ item.defaultIndex || defaultIndex }}"
       active-index="{{ (item.activeIndex === null || item.activeIndex === undefined) ? activeIndex : item.activeIndex }}"

package/lib/picker-column/index.js

@@ -62,6 +62,10 @@ var getId = function () {
             type: String,
             value: '',
         },
+        unitGap: {
+            type: null,
+            value: undefined,
+        },
         animationTime: {
             type: Number,
             value: 300,

package/lib/picker-column/index.wxml

@@ -53,7 +53,7 @@
   <view wx:if="{{unit}}" class="smart-picker-column__unit" style="height: {{ itemHeight }}px">
     <view class="smart-picker-column__max-text" style="{{fontStyle}}">
       {{ maxText }}
-      <view class="smart-picker-column__unit_text" >{{unit}}</view>
+      <view class="smart-picker-column__unit_text" style="{{computed.unitGapStyle(unitGap)}}">{{unit}}</view>
     </view>
   </view>
   

package/lib/picker-column/index.wxs

@@ -3,6 +3,15 @@ var style = require('../wxs/style.wxs');
 var addUnit = require('../wxs/add-unit.wxs');
 var wxUtils = require('../wxs/utils.wxs');
 
+function unitGapStyle(unitGap) {
+  if (unitGap === undefined || unitGap === null) {
+    return '';
+  }
+  return style({
+    'margin-left': addUnit(unitGap)
+  });
+}
+
 function setStyle(ownerInstance, style, selector) {
   var dom = wxUtils.queryComponent(ownerInstance, selector);
   if (!dom) {
@@ -628,4 +637,5 @@ module.exports = {
   touchMove: touchMove,
   touchEnd: touchEnd,
   tapItem: tapItem,
+  unitGapStyle: unitGapStyle,
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tuya-miniapp/smart-ui",
-  "version": "2.9.3-beta-0",
+  "version": "2.9.3-beta-1",
   "author": "MiniApp Team",
   "license": "MIT",
   "miniprogram": "lib",