@varlet/ui 2.16.7 → 2.16.8-alpha.1695118057982

package/es/picker/Picker.mjs

@@ -1,134 +1,221 @@
-import VarButton from '../button/index.mjs';
-import VarPopup from '../popup/index.mjs';
-import { defineComponent, watch, ref, computed, Transition, toRaw } from 'vue';
-import { props } from './props.mjs';
-import { useTouch } from '@varlet/use';
-import { clamp, clampArrayRange, isArray } from '@varlet/shared';
-import { toPxNum, getTranslateY } from '../utils/elements.mjs';
-import { pack } from '../locale/index.mjs';
-import { createNamespace, call } from '../utils/components.mjs';
-var {
-  name,
-  n,
-  classes
-} = createNamespace('picker');
-var MOMENTUM_RECORD_TIME = 300;
-var MOMENTUM_ALLOW_DISTANCE = 15;
-var TRANSITION_DURATION = 200;
-var MOMENTUM_TRANSITION_DURATION = 1000;
-var sid = 0;
+import VarButton from "../button/index.mjs";
+import VarPopup from "../popup/index.mjs";
+import { defineComponent, watch, ref, computed, Transition, toRaw } from "vue";
+import { props } from "./props.mjs";
+import { useTouch } from "@varlet/use";
+import { clamp, clampArrayRange, isArray } from "@varlet/shared";
+import { toPxNum, getTranslateY } from "../utils/elements.mjs";
+import { pack } from "../locale/index.mjs";
+import { createNamespace, call } from "../utils/components.mjs";
+const { name, n, classes } = createNamespace("picker");
+const MOMENTUM_RECORD_TIME = 300;
+const MOMENTUM_ALLOW_DISTANCE = 15;
+const TRANSITION_DURATION = 200;
+const MOMENTUM_TRANSITION_DURATION = 1e3;
+let sid = 0;
 import { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, normalizeClass as _normalizeClass, withCtx as _withCtx, createVNode as _createVNode, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, renderList as _renderList, Fragment as _Fragment, normalizeStyle as _normalizeStyle, withModifiers as _withModifiers, mergeProps as _mergeProps, resolveDynamicComponent as _resolveDynamicComponent, createBlock as _createBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-var _withScopeId = n => (_pushScopeId(""), n = n(), _popScopeId(), n);
-var _hoisted_1 = ["onTouchstartPassive", "onTouchmove", "onTouchend"];
-var _hoisted_2 = ["onTransitionend"];
-var _hoisted_3 = ["onClick"];
+const _withScopeId = (n2) => (_pushScopeId(""), n2 = n2(), _popScopeId(), n2);
+const _hoisted_1 = ["onTouchstartPassive", "onTouchmove", "onTouchend"];
+const _hoisted_2 = ["onTransitionend"];
+const _hoisted_3 = ["onClick"];
 function __render__(_ctx, _cache) {
-  var _component_var_button = _resolveComponent("var-button");
-  return _openBlock(), _createBlock(_resolveDynamicComponent(_ctx.dynamic ? _ctx.n('$-popup') : _ctx.Transition), _mergeProps(_ctx.dynamic ? {
-    onOpen: _ctx.onOpen,
-    onOpened: _ctx.onOpened,
-    onClose: _ctx.onClose,
-    onClosed: _ctx.onClosed,
-    onClickOverlay: _ctx.onClickOverlay,
-    onRouteChange: _ctx.onRouteChange,
-    closeOnClickOverlay: _ctx.closeOnClickOverlay,
-    teleport: _ctx.teleport,
-    show: _ctx.show,
-    safeArea: _ctx.safeArea,
-    'onUpdate:show': _ctx.handlePopupUpdateShow,
-    position: 'bottom',
-    class: _ctx.n('popup')
-  } : null, {
-    "var-picker-cover": ""
-  }), {
-    default: _withCtx(() => [_createElementVNode("div", _mergeProps({
-      class: _ctx.n()
-    }, _ctx.$attrs), [_ctx.toolbar ? (_openBlock(), _createElementBlock("div", {
-      key: 0,
-      class: _normalizeClass(_ctx.n('toolbar'))
-    }, [_renderSlot(_ctx.$slots, "cancel", {}, () => [_createVNode(_component_var_button, {
-      class: _normalizeClass(_ctx.n('cancel-button')),
-      "var-picker-cover": "",
-      text: "",
-      "text-color": _ctx.cancelButtonTextColor,
-      onClick: _ctx.cancel
-    }, {
-      default: _withCtx(() => {
-        var _ctx$cancelButtonText;
-        return [_createTextVNode(_toDisplayString((_ctx$cancelButtonText = _ctx.cancelButtonText) != null ? _ctx$cancelButtonText : _ctx.pack.pickerCancelButtonText), 1 /* TEXT */)];
-      }),
-
-      _: 1 /* STABLE */
-    }, 8 /* PROPS */, ["class", "text-color", "onClick"])]), _renderSlot(_ctx.$slots, "title", {}, () => {
-      var _ctx$title;
-      return [_createElementVNode("div", {
-        class: _normalizeClass(_ctx.n('title'))
-      }, _toDisplayString((_ctx$title = _ctx.title) != null ? _ctx$title : _ctx.pack.pickerTitle), 3 /* TEXT, CLASS */)];
-    }), _renderSlot(_ctx.$slots, "confirm", {}, () => [_createVNode(_component_var_button, {
-      class: _normalizeClass(_ctx.n('confirm-button')),
-      text: "",
-      "var-picker-cover": "",
-      "text-color": _ctx.confirmButtonTextColor,
-      onClick: _ctx.confirm
-    }, {
-      default: _withCtx(() => {
-        var _ctx$confirmButtonTex;
-        return [_createTextVNode(_toDisplayString((_ctx$confirmButtonTex = _ctx.confirmButtonText) != null ? _ctx$confirmButtonTex : _ctx.pack.pickerConfirmButtonText), 1 /* TEXT */)];
-      }),
-
-      _: 1 /* STABLE */
-    }, 8 /* PROPS */, ["class", "text-color", "onClick"])])], 2 /* CLASS */)) : _createCommentVNode("v-if", true), _createElementVNode("div", {
-      class: _normalizeClass(_ctx.n('columns')),
-      style: _normalizeStyle({
-        height: _ctx.columnHeight + "px"
-      })
-    }, [(_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.scrollColumns, c => {
-      return _openBlock(), _createElementBlock("div", {
-        class: _normalizeClass(_ctx.n('column')),
-        key: c.id,
-        onTouchstartPassive: $event => _ctx.handleTouchstart($event, c),
-        onTouchmove: _withModifiers($event => _ctx.handleTouchmove($event, c), ["prevent"]),
-        onTouchend: $event => _ctx.handleTouchend(c)
-      }, [_createElementVNode("div", {
-        class: _normalizeClass(_ctx.n('scroller')),
-        ref_for: true,
-        ref: el => _ctx.setScrollEl(el, c),
-        style: _normalizeStyle({
-          transform: "translateY(" + c.translate + "px)",
-          transitionDuration: c.duration + "ms",
-          transitionProperty: c.duration ? 'transform' : 'none'
-        }),
-        onTransitionend: $event => _ctx.handleTransitionend(c)
-      }, [(_openBlock(true), _createElementBlock(_Fragment, null, _renderList(c.column.texts, (t, i) => {
-        return _openBlock(), _createElementBlock("div", {
-          class: _normalizeClass(_ctx.n('option')),
-          style: _normalizeStyle({
-            height: _ctx.optionHeight + "px"
-          }),
-          key: t,
-          onClick: $event => _ctx.handleClick(c, i)
-        }, [_createElementVNode("div", {
-          class: _normalizeClass(_ctx.n('text'))
-        }, _toDisplayString(_ctx.textFormatter(t, c.columnIndex)), 3 /* TEXT, CLASS */)], 14 /* CLASS, STYLE, PROPS */, _hoisted_3);
-      }), 128 /* KEYED_FRAGMENT */))], 46 /* CLASS, STYLE, PROPS, HYDRATE_EVENTS */, _hoisted_2)], 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_1);
-    }), 128 /* KEYED_FRAGMENT */)), _createElementVNode("div", {
-      class: _normalizeClass(_ctx.n('picked')),
-      style: _normalizeStyle({
-        top: _ctx.center + "px",
-        height: _ctx.optionHeight + "px"
-      })
-    }, null, 6 /* CLASS, STYLE */), _createElementVNode("div", {
-      class: _normalizeClass(_ctx.n('mask')),
-      style: _normalizeStyle({
-        backgroundSize: "100% " + (_ctx.columnHeight - _ctx.optionHeight) / 2 + "px"
-      })
-    }, null, 6 /* CLASS, STYLE */)], 6 /* CLASS, STYLE */)], 16 /* FULL_PROPS */)]),
-
-    _: 3 /* FORWARDED */
-  }, 16 /* FULL_PROPS */);
+  const _component_var_button = _resolveComponent("var-button");
+  return _openBlock(), _createBlock(
+    _resolveDynamicComponent(_ctx.dynamic ? _ctx.n("$-popup") : _ctx.Transition),
+    _mergeProps(
+      _ctx.dynamic ? {
+        onOpen: _ctx.onOpen,
+        onOpened: _ctx.onOpened,
+        onClose: _ctx.onClose,
+        onClosed: _ctx.onClosed,
+        onClickOverlay: _ctx.onClickOverlay,
+        onRouteChange: _ctx.onRouteChange,
+        closeOnClickOverlay: _ctx.closeOnClickOverlay,
+        teleport: _ctx.teleport,
+        show: _ctx.show,
+        safeArea: _ctx.safeArea,
+        "onUpdate:show": _ctx.handlePopupUpdateShow,
+        position: "bottom",
+        class: _ctx.n("popup")
+      } : null,
+      { "var-picker-cover": "" }
+    ),
+    {
+      default: _withCtx(() => [
+        _createElementVNode(
+          "div",
+          _mergeProps({
+            class: _ctx.n()
+          }, _ctx.$attrs),
+          [
+            _ctx.toolbar ? (_openBlock(), _createElementBlock(
+              "div",
+              {
+                key: 0,
+                class: _normalizeClass(_ctx.n("toolbar"))
+              },
+              [
+                _renderSlot(_ctx.$slots, "cancel", {}, () => [
+                  _createVNode(_component_var_button, {
+                    class: _normalizeClass(_ctx.n("cancel-button")),
+                    "var-picker-cover": "",
+                    text: "",
+                    "text-color": _ctx.cancelButtonTextColor,
+                    onClick: _ctx.cancel
+                  }, {
+                    default: _withCtx(() => {
+                      var _a;
+                      return [
+                        _createTextVNode(
+                          _toDisplayString((_a = _ctx.cancelButtonText) != null ? _a : _ctx.pack.pickerCancelButtonText),
+                          1
+                          /* TEXT */
+                        )
+                      ];
+                    }),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["class", "text-color", "onClick"])
+                ]),
+                _renderSlot(_ctx.$slots, "title", {}, () => {
+                  var _a;
+                  return [
+                    _createElementVNode(
+                      "div",
+                      {
+                        class: _normalizeClass(_ctx.n("title"))
+                      },
+                      _toDisplayString((_a = _ctx.title) != null ? _a : _ctx.pack.pickerTitle),
+                      3
+                      /* TEXT, CLASS */
+                    )
+                  ];
+                }),
+                _renderSlot(_ctx.$slots, "confirm", {}, () => [
+                  _createVNode(_component_var_button, {
+                    class: _normalizeClass(_ctx.n("confirm-button")),
+                    text: "",
+                    "var-picker-cover": "",
+                    "text-color": _ctx.confirmButtonTextColor,
+                    onClick: _ctx.confirm
+                  }, {
+                    default: _withCtx(() => {
+                      var _a;
+                      return [
+                        _createTextVNode(
+                          _toDisplayString((_a = _ctx.confirmButtonText) != null ? _a : _ctx.pack.pickerConfirmButtonText),
+                          1
+                          /* TEXT */
+                        )
+                      ];
+                    }),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["class", "text-color", "onClick"])
+                ])
+              ],
+              2
+              /* CLASS */
+            )) : _createCommentVNode("v-if", true),
+            _createElementVNode(
+              "div",
+              {
+                class: _normalizeClass(_ctx.n("columns")),
+                style: _normalizeStyle({ height: `${_ctx.columnHeight}px` })
+              },
+              [
+                (_openBlock(true), _createElementBlock(
+                  _Fragment,
+                  null,
+                  _renderList(_ctx.scrollColumns, (c) => {
+                    return _openBlock(), _createElementBlock("div", {
+                      class: _normalizeClass(_ctx.n("column")),
+                      key: c.id,
+                      onTouchstartPassive: ($event) => _ctx.handleTouchstart($event, c),
+                      onTouchmove: _withModifiers(($event) => _ctx.handleTouchmove($event, c), ["prevent"]),
+                      onTouchend: ($event) => _ctx.handleTouchend(c)
+                    }, [
+                      _createElementVNode("div", {
+                        class: _normalizeClass(_ctx.n("scroller")),
+                        ref_for: true,
+                        ref: (el) => _ctx.setScrollEl(el, c),
+                        style: _normalizeStyle({
+                          transform: `translateY(${c.translate}px)`,
+                          transitionDuration: `${c.duration}ms`,
+                          transitionProperty: c.duration ? "transform" : "none"
+                        }),
+                        onTransitionend: ($event) => _ctx.handleTransitionend(c)
+                      }, [
+                        (_openBlock(true), _createElementBlock(
+                          _Fragment,
+                          null,
+                          _renderList(c.column.texts, (t, i) => {
+                            return _openBlock(), _createElementBlock("div", {
+                              class: _normalizeClass(_ctx.n("option")),
+                              style: _normalizeStyle({ height: `${_ctx.optionHeight}px` }),
+                              key: t,
+                              onClick: ($event) => _ctx.handleClick(c, i)
+                            }, [
+                              _createElementVNode(
+                                "div",
+                                {
+                                  class: _normalizeClass(_ctx.n("text"))
+                                },
+                                _toDisplayString(_ctx.textFormatter(t, c.columnIndex)),
+                                3
+                                /* TEXT, CLASS */
+                              )
+                            ], 14, _hoisted_3);
+                          }),
+                          128
+                          /* KEYED_FRAGMENT */
+                        ))
+                      ], 46, _hoisted_2)
+                    ], 42, _hoisted_1);
+                  }),
+                  128
+                  /* KEYED_FRAGMENT */
+                )),
+                _createElementVNode(
+                  "div",
+                  {
+                    class: _normalizeClass(_ctx.n("picked")),
+                    style: _normalizeStyle({
+                      top: `${_ctx.center}px`,
+                      height: `${_ctx.optionHeight}px`
+                    })
+                  },
+                  null,
+                  6
+                  /* CLASS, STYLE */
+                ),
+                _createElementVNode(
+                  "div",
+                  {
+                    class: _normalizeClass(_ctx.n("mask")),
+                    style: _normalizeStyle({ backgroundSize: `100% ${(_ctx.columnHeight - _ctx.optionHeight) / 2}px` })
+                  },
+                  null,
+                  6
+                  /* CLASS, STYLE */
+                )
+              ],
+              6
+              /* CLASS, STYLE */
+            )
+          ],
+          16
+          /* FULL_PROPS */
+        )
+      ]),
+      _: 3
+      /* FORWARDED */
+    },
+    16
+    /* FULL_PROPS */
+  );
 }
-
-var __sfc__ = defineComponent({
+const __sfc__ = defineComponent({
   name,
   components: {
     VarButton,
@@ -136,44 +223,39 @@ var __sfc__ = defineComponent({
   },
   inheritAttrs: false,
   props,
-  setup(props) {
-    var scrollColumns = ref([]);
-    var optionHeight = computed(() => toPxNum(props.optionHeight));
-    var optionCount = computed(() => toPxNum(props.optionCount));
-    var center = computed(() => optionCount.value * optionHeight.value / 2 - optionHeight.value / 2);
-    var columnHeight = computed(() => optionCount.value * optionHeight.value);
-    var {
-      prevY,
-      moveY,
-      dragging,
-      startTouch,
-      moveTouch,
-      endTouch
-    } = useTouch();
-    var prevIndexes = [];
-    watch(() => props.columns, newValue => {
-      scrollColumns.value = props.cascade ? normalizeCascadeColumns(toRaw(newValue)) : normalizeNormalColumns(toRaw(newValue));
-      var {
-        indexes
-      } = getPicked();
-      prevIndexes = [...indexes];
-    }, {
-      immediate: true,
-      deep: true
-    });
+  setup(props2) {
+    const scrollColumns = ref([]);
+    const optionHeight = computed(() => toPxNum(props2.optionHeight));
+    const optionCount = computed(() => toPxNum(props2.optionCount));
+    const center = computed(() => optionCount.value * optionHeight.value / 2 - optionHeight.value / 2);
+    const columnHeight = computed(() => optionCount.value * optionHeight.value);
+    const { prevY, moveY, dragging, startTouch, moveTouch, endTouch } = useTouch();
+    let prevIndexes = [];
+    watch(
+      () => props2.columns,
+      (newValue) => {
+        scrollColumns.value = props2.cascade ? normalizeCascadeColumns(toRaw(newValue)) : normalizeNormalColumns(toRaw(newValue));
+        const { indexes } = getPicked();
+        prevIndexes = [...indexes];
+      },
+      {
+        immediate: true,
+        deep: true
+      }
+    );
     function setScrollEl(el, scrollColumn) {
       scrollColumn.scrollEl = el;
     }
     function handlePopupUpdateShow(value) {
-      call(props['onUpdate:show'], value);
+      call(props2["onUpdate:show"], value);
     }
     function clampTranslate(scrollColumn) {
-      var minTranslate = center.value - scrollColumn.column.texts.length * optionHeight.value;
-      var maxTranslate = optionHeight.value + center.value;
+      const minTranslate = center.value - scrollColumn.column.texts.length * optionHeight.value;
+      const maxTranslate = optionHeight.value + center.value;
       scrollColumn.translate = clamp(scrollColumn.translate, minTranslate, maxTranslate);
     }
     function getTargetIndex(scrollColumn, viewTranslate) {
-      var index = Math.round((center.value - viewTranslate) / optionHeight.value);
+      const index = Math.round((center.value - viewTranslate) / optionHeight.value);
       return clampArrayRange(index, scrollColumn.column.texts);
     }
     function updateTranslate(scrollColumn) {
@@ -181,22 +263,19 @@ var __sfc__ = defineComponent({
       return scrollColumn.translate;
     }
     function getPicked() {
-      var texts = scrollColumns.value.map(scrollColumn => scrollColumn.column.texts[scrollColumn.index]);
-      var indexes = scrollColumns.value.map(scrollColumn => scrollColumn.index);
+      const texts = scrollColumns.value.map((scrollColumn) => scrollColumn.column.texts[scrollColumn.index]);
+      const indexes = scrollColumns.value.map((scrollColumn) => scrollColumn.index);
       return {
         texts,
         indexes
       };
     }
-    function scrollTo(scrollColumn, duration) {
-      if (duration === void 0) {
-        duration = 0;
-      }
+    function scrollTo(scrollColumn, duration = 0) {
       updateTranslate(scrollColumn);
       scrollColumn.duration = duration;
     }
     function momentum(scrollColumn, distance, duration) {
-      scrollColumn.translate += Math.abs(distance / duration) / 0.003 * (distance < 0 ? -1 : 1);
+      scrollColumn.translate += Math.abs(distance / duration) / 3e-3 * (distance < 0 ? -1 : 1);
     }
     function handleClick(scrollColumn, index) {
       if (dragging.value) {
@@ -221,7 +300,7 @@ var __sfc__ = defineComponent({
       scrollColumn.prevY = prevY.value;
       scrollColumn.translate += moveY.value;
       clampTranslate(scrollColumn);
-      var now = performance.now();
+      const now = performance.now();
       if (now - scrollColumn.momentumTime > MOMENTUM_RECORD_TIME) {
         scrollColumn.momentumTime = now;
         scrollColumn.momentumPrevY = scrollColumn.translate;
@@ -231,19 +310,17 @@ var __sfc__ = defineComponent({
       endTouch();
       scrollColumn.touching = false;
       scrollColumn.prevY = 0;
-      var distance = scrollColumn.translate - scrollColumn.momentumPrevY;
-      var duration = performance.now() - scrollColumn.momentumTime;
-      var shouldMomentum = Math.abs(distance) >= MOMENTUM_ALLOW_DISTANCE && duration <= MOMENTUM_RECORD_TIME;
+      const distance = scrollColumn.translate - scrollColumn.momentumPrevY;
+      const duration = performance.now() - scrollColumn.momentumTime;
+      const shouldMomentum = Math.abs(distance) >= MOMENTUM_ALLOW_DISTANCE && duration <= MOMENTUM_RECORD_TIME;
       if (shouldMomentum) {
         momentum(scrollColumn, distance, duration);
       }
       scrollColumn.index = getTargetIndex(scrollColumn, scrollColumn.translate);
-      var oldTranslate = scrollColumn.translate;
-      var newTranslate = updateTranslate(scrollColumn);
+      const oldTranslate = scrollColumn.translate;
+      const newTranslate = updateTranslate(scrollColumn);
       scrollColumn.scrolling = newTranslate !== oldTranslate;
       scrollTo(scrollColumn, shouldMomentum ? MOMENTUM_TRANSITION_DURATION : TRANSITION_DURATION);
-
-      // Can't trigger transition end when not scrolling, change needs to be triggered manually.
       if (!scrollColumn.scrolling) {
         change(scrollColumn);
       }
@@ -254,17 +331,15 @@ var __sfc__ = defineComponent({
     }
     function normalizeNormalColumns(normalColumns) {
       return normalColumns.map((column, columnIndex) => {
-        var _normalColumn$initial;
-        var normalColumn = isArray(column) ? {
-          texts: column
-        } : column;
-        var scrollColumn = {
+        var _a;
+        const normalColumn = isArray(column) ? { texts: column } : column;
+        const scrollColumn = {
           id: sid++,
           prevY: 0,
           momentumPrevY: 0,
           touching: false,
           translate: center.value,
-          index: (_normalColumn$initial = normalColumn.initialIndex) != null ? _normalColumn$initial : 0,
+          index: (_a = normalColumn.initialIndex) != null ? _a : 0,
           columnIndex,
           duration: 0,
           momentumTime: 0,
@@ -277,18 +352,15 @@ var __sfc__ = defineComponent({
       });
     }
     function normalizeCascadeColumns(cascadeColumns) {
-      var scrollColumns = [];
-      createChildren(scrollColumns, cascadeColumns, 0, true);
-      return scrollColumns;
+      const scrollColumns2 = [];
+      createChildren(scrollColumns2, cascadeColumns, 0, true);
+      return scrollColumns2;
     }
-    function createChildren(scrollColumns, children, columnIndex, initial) {
-      if (initial === void 0) {
-        initial = false;
-      }
+    function createChildren(scrollColumns2, children, columnIndex, initial = false) {
+      var _a;
       if (isArray(children) && children.length) {
-        var _props$cascadeInitial;
-        var index = initial ? (_props$cascadeInitial = props.cascadeInitialIndexes[scrollColumns.length]) != null ? _props$cascadeInitial : 0 : 0;
-        var scrollColumn = {
+        const index = initial ? (_a = props2.cascadeInitialIndexes[scrollColumns2.length]) != null ? _a : 0 : 0;
+        const scrollColumn = {
           id: sid++,
           prevY: 0,
           momentumPrevY: 0,
@@ -299,54 +371,53 @@ var __sfc__ = defineComponent({
           duration: 0,
           momentumTime: 0,
           column: {
-            texts: children.map(cascadeColumn => cascadeColumn[props.textKey])
+            texts: children.map((cascadeColumn) => cascadeColumn[props2.textKey])
           },
           columns: children,
           scrollEl: null,
           scrolling: false
         };
-        scrollColumns.push(scrollColumn);
+        scrollColumns2.push(scrollColumn);
         scrollTo(scrollColumn);
-        createChildren(scrollColumns, scrollColumn.columns[scrollColumn.index].children, columnIndex + 1, initial);
+        createChildren(
+          scrollColumns2,
+          scrollColumn.columns[scrollColumn.index].children,
+          columnIndex + 1,
+          initial
+        );
       }
     }
     function rebuildChildren(scrollColumn) {
       scrollColumns.value.splice(scrollColumns.value.indexOf(scrollColumn) + 1);
-      createChildren(scrollColumns.value, scrollColumn.columns[scrollColumn.index].children, scrollColumn.columnIndex + 1);
+      createChildren(
+        scrollColumns.value,
+        scrollColumn.columns[scrollColumn.index].children,
+        scrollColumn.columnIndex + 1
+      );
     }
     function isSamePicked() {
-      var {
-        indexes
-      } = getPicked();
+      const { indexes } = getPicked();
       return indexes.every((index, idx) => index === prevIndexes[idx]);
     }
     function change(scrollColumn) {
-      var {
-        cascade,
-        onChange
-      } = props;
+      const { cascade, onChange } = props2;
       if (isSamePicked()) {
         return;
       }
       if (cascade) {
         rebuildChildren(scrollColumn);
       }
-      var hasScrolling = scrollColumns.value.some(scrollColumn => scrollColumn.scrolling);
+      const hasScrolling = scrollColumns.value.some((scrollColumn2) => scrollColumn2.scrolling);
       if (hasScrolling) {
         return;
       }
-
-      // rebuild will update the value of picked, so need to get the latest value again.
-      var {
-        texts,
-        indexes
-      } = getPicked();
+      const { texts, indexes } = getPicked();
       prevIndexes = [...indexes];
       call(onChange, texts, indexes);
     }
     function stopScroll() {
-      if (props.cascade) {
-        var currentScrollColumn = scrollColumns.value.find(scrollColumn => scrollColumn.scrolling);
+      if (props2.cascade) {
+        const currentScrollColumn = scrollColumns.value.find((scrollColumn) => scrollColumn.scrolling);
         if (currentScrollColumn) {
           currentScrollColumn.index = getTargetIndex(currentScrollColumn, getTranslateY(currentScrollColumn.scrollEl));
           currentScrollColumn.scrolling = false;
@@ -354,33 +425,23 @@ var __sfc__ = defineComponent({
           rebuildChildren(currentScrollColumn);
         }
       } else {
-        scrollColumns.value.forEach(scrollColumn => {
+        scrollColumns.value.forEach((scrollColumn) => {
           scrollColumn.index = getTargetIndex(scrollColumn, getTranslateY(scrollColumn.scrollEl));
           scrollTo(scrollColumn);
         });
       }
     }
-
-    // expose
     function confirm() {
       stopScroll();
-      var {
-        texts,
-        indexes
-      } = getPicked();
+      const { texts, indexes } = getPicked();
       prevIndexes = [...indexes];
-      call(props.onConfirm, texts, indexes);
+      call(props2.onConfirm, texts, indexes);
     }
-
-    // expose
     function cancel() {
       stopScroll();
-      var {
-        texts,
-        indexes
-      } = getPicked();
+      const { texts, indexes } = getPicked();
       prevIndexes = [...indexes];
-      call(props.onCancel, texts, indexes);
+      call(props2.onCancel, texts, indexes);
     }
     return {
       pack,
@@ -405,4 +466,7 @@ var __sfc__ = defineComponent({
   }
 });
 __sfc__.render = __render__;
-export default __sfc__;
+var stdin_default = __sfc__;
+export {
+  stdin_default as default
+};