@varlet/ui 2.11.1-alpha.1684493331817 → 2.11.1

package/es/index.bundle.mjs

@@ -241,7 +241,7 @@ import './time-picker/style/index.mjs'
 import './tooltip/style/index.mjs'
 import './uploader/style/index.mjs'
 
-const version = '2.11.1-alpha.1684493331817'
+const version = '2.11.1'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/index.mjs

@@ -160,7 +160,7 @@ export * from './time-picker/index.mjs'
 export * from './tooltip/index.mjs'
 export * from './uploader/index.mjs'
 
-const version = '2.11.1-alpha.1684493331817'
+const version = '2.11.1'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/picker/Picker.mjs

@@ -20,7 +20,7 @@ import { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createT
 
 var _withScopeId = n => (_pushScopeId(""), n = n(), _popScopeId(), n);
 
-var _hoisted_1 = ["onTouchstart", "onTouchmove", "onTouchend"];
+var _hoisted_1 = ["onTouchstartPassive", "onTouchmove", "onTouchend"];
 var _hoisted_2 = ["onTransitionend"];
 var _hoisted_3 = ["onClick"];
 
@@ -94,7 +94,7 @@ function __render__(_ctx, _cache) {
       return _openBlock(), _createElementBlock("div", {
         class: _normalizeClass(_ctx.n('column')),
         key: c.id,
-        onTouchstart: $event => _ctx.handleTouchstart($event, c),
+        onTouchstartPassive: $event => _ctx.handleTouchstart(c),
         onTouchmove: _withModifiers($event => _ctx.handleTouchmove($event, c), ["prevent"]),
         onTouchend: $event => _ctx.handleTouchend($event, c)
       }, [_createElementVNode("div", {
@@ -249,10 +249,8 @@ var __sfc__ = defineComponent({
       scrollTo(scrollColumn, TRANSITION_DURATION);
     };
 
-    var handleTouchstart = (event, scrollColumn) => {
+    var handleTouchstart = scrollColumn => {
       scrollColumn.touching = true;
-      scrollColumn.scrolling = false;
-      scrollColumn.duration = 0;
       scrollColumn.translate = getTranslateY(scrollColumn.scrollEl);
     };
 
@@ -262,6 +260,8 @@ var __sfc__ = defineComponent({
       }
 
       dragging = true;
+      scrollColumn.scrolling = false;
+      scrollColumn.duration = 0;
       var {
         clientY
       } = event.touches[0];
@@ -377,12 +377,23 @@ var __sfc__ = defineComponent({
       createChildren(scrollColumns.value, scrollColumn.columns[scrollColumn.index].children, scrollColumn.columnIndex + 1);
     };
 
+    var isSamePicked = () => {
+      var {
+        indexes
+      } = getPicked();
+      return indexes.every((index, idx) => index === prevIndexes[idx]);
+    };
+
     var change = scrollColumn => {
       var {
         cascade,
         onChange
       } = props;
 
+      if (isSamePicked()) {
+        return;
+      }
+
       if (cascade) {
         rebuildChildren(scrollColumn);
       }
@@ -391,18 +402,13 @@ var __sfc__ = defineComponent({
 
       if (hasScrolling) {
         return;
-      }
+      } // rebuild will update the value of picked, so need to get the latest value again.
+
 
       var {
         texts,
         indexes
       } = getPicked();
-      var samePicked = indexes.every((index, idx) => index === prevIndexes[idx]);
-
-      if (samePicked) {
-        return;
-      }
-
       prevIndexes = [...indexes];
       call(onChange, texts, indexes);
     };

package/es/utils/components.mjs

@@ -170,7 +170,9 @@ export function createNamespace(name) {
   var componentName = namespace + "-" + name;
 
   var createBEM = suffix => {
-    if (!suffix) return componentName;
+    if (!suffix) {
+      return componentName;
+    }
 
     if (suffix[0] === '$') {
       return suffix.replace('$', namespace);