@nutui/nutui 4.3.14 → 4.3.15-beta.2

package/dist/packages/numberkeyboard/NumberKeyboard.js

@@ -1,7 +1,7 @@
-import { ref, computed, watch, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, toDisplayString, createCommentVNode, Fragment, renderList, normalizeClass, createTextVNode } from "vue";
+import { ref, computed, watch, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createElementBlock, toDisplayString, createTextVNode, createCommentVNode, Fragment, renderList, normalizeClass } from "vue";
 import { c as createComponent } from "../component-DQf3CENX.js";
-import { N as NutPopup } from "../index-wLaOjIn1.js";
-import { u as useLocale } from "../index-BOB4ytqZ.js";
+import { N as NutPopup } from "../index.taro-CNxLoYer.js";
+import { u as useLocale } from "../index-IxPZmHlb.js";
 import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.js";
 const { create } = createComponent("number-keyboard");
 const cN = "NutNumberKeyboard";
@@ -42,6 +42,10 @@ const _sfc_main = create({
       type: Boolean,
       default: false
     },
+    overlay: {
+      type: Boolean,
+      default: false
+    },
     popClass: {
       type: String,
       default: ""
@@ -51,7 +55,7 @@ const _sfc_main = create({
       default: true
     }
   },
-  emits: ["input", "delete", "close", "blur", "confirm", "update:modelValue", "update:visible"],
+  emits: ["input", "delete", "close", "confirm", "update:modelValue", "update:visible"],
   setup(props, { emit }) {
     const translate = useLocale(cN);
     const clickKeyIndex = ref(void 0);
@@ -113,27 +117,10 @@ const _sfc_main = create({
       }
       return defaultKey();
     });
-    const onBlur = () => {
-      if (props.visible) {
-        emit("blur");
-      }
-    };
-    const clickAway = (event) => {
-      const element = root.value;
-      let el = element && !element.contains(event.target);
-      if (el) {
-        onBlur();
-      }
-    };
     watch(
       () => props.visible,
       (value) => {
         show.value = value;
-        if (value) {
-          window.addEventListener("touchstart", clickAway, false);
-        } else {
-          window.removeEventListener("touchstart", clickAway, false);
-        }
       }
     );
     function onTouchstart(item, event) {
@@ -141,7 +128,7 @@ const _sfc_main = create({
       clickKeyIndex.value = item.id;
       if (item.type == "number" || item.type == "custom") {
         emit("input", item.id);
-        if (props.modelValue.length < +props.maxlength) {
+        if (props.modelValue.length < Number(props.maxlength)) {
           emit("update:modelValue", props.modelValue + item.id);
         }
       }
@@ -156,8 +143,7 @@ const _sfc_main = create({
     function onTouchMove(event) {
       event.stopPropagation();
     }
-    function onTouchEnd(event) {
-      event.preventDefault();
+    function onTouchEnd() {
       clickKeyIndex.value = void 0;
     }
     function closeBoard() {
@@ -184,111 +170,119 @@ const _sfc_main = create({
     };
   }
 });
-const _hoisted_1 = { ref: "root" };
-const _hoisted_2 = { class: "nut-number-keyboard" };
-const _hoisted_3 = {
+const _hoisted_1 = {
+  ref: "root",
+  class: "nut-number-keyboard"
+};
+const _hoisted_2 = {
   key: 0,
   class: "nut-number-keyboard__header"
 };
-const _hoisted_4 = { class: "nut-number-keyboard__title" };
-const _hoisted_5 = { class: "nut-number-keyboard__body" };
-const _hoisted_6 = { class: "nut-number-keyboard__keys" };
-const _hoisted_7 = ["onTouchstart"];
-const _hoisted_8 = {
+const _hoisted_3 = { class: "nut-number-keyboard__title" };
+const _hoisted_4 = { class: "nut-number-keyboard__body" };
+const _hoisted_5 = { class: "nut-number-keyboard__keys" };
+const _hoisted_6 = ["onTouchstart"];
+const _hoisted_7 = {
   key: 1,
   src: "https://img11.360buyimg.com/imagetools/jfs/t1/146371/38/8485/738/5f606425Eca239740/14f4b4f5f20d8a68.png"
 };
-const _hoisted_9 = {
+const _hoisted_8 = {
   key: 2,
   src: "https://img11.360buyimg.com/imagetools/jfs/t1/129395/8/12735/2030/5f61ac37E70cab338/fb477dc11f46056c.png"
 };
-const _hoisted_10 = {
+const _hoisted_9 = {
   key: 0,
   class: "nut-number-keyboard__sidebar"
 };
-const _hoisted_11 = { class: "nut-key__wrapper" };
+const _hoisted_10 = { class: "nut-key__wrapper" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_popup = resolveComponent("nut-popup");
-  return openBlock(), createElementBlock("div", _hoisted_1, [
-    createVNode(_component_nut_popup, {
-      visible: _ctx.show,
-      "onUpdate:visible": _cache[7] || (_cache[7] = ($event) => _ctx.show = $event),
-      position: "bottom",
-      "pop-class": _ctx.popClass,
-      overlay: false,
-      "lock-scroll": _ctx.lockScroll,
-      "teleport-disable": false
-    }, {
-      default: withCtx(() => [
-        createElementVNode("div", _hoisted_2, [
-          _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_3, [
-            createElementVNode("h3", _hoisted_4, toDisplayString(_ctx.title), 1),
-            _ctx.type == "default" ? (openBlock(), createElementBlock("span", {
-              key: 0,
-              class: "nut-number-keyboard__close",
-              onClick: _cache[0] || (_cache[0] = ($event) => _ctx.closeBoard())
-            }, toDisplayString(_ctx.translate("done")), 1)) : createCommentVNode("", true)
-          ])) : createCommentVNode("", true),
+  return openBlock(), createBlock(_component_nut_popup, {
+    visible: _ctx.show,
+    "onUpdate:visible": _cache[7] || (_cache[7] = ($event) => _ctx.show = $event),
+    position: "bottom",
+    "pop-class": _ctx.popClass,
+    overlay: _ctx.overlay,
+    "overlay-class": "nut-number-keyboard-overlay",
+    "lock-scroll": _ctx.lockScroll,
+    "catch-move": _ctx.lockScroll,
+    onClickOverlay: _cache[8] || (_cache[8] = ($event) => _ctx.closeBoard())
+  }, {
+    default: withCtx(() => [
+      createElementVNode("div", _hoisted_1, [
+        _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createElementVNode("h3", _hoisted_3, toDisplayString(_ctx.title), 1),
+          _cache[9] || (_cache[9] = createTextVNode()),
+          _ctx.type == "default" ? (openBlock(), createElementBlock("span", {
+            key: 0,
+            class: "nut-number-keyboard__close",
+            onClick: _cache[0] || (_cache[0] = ($event) => _ctx.closeBoard())
+          }, toDisplayString(_ctx.translate("done")), 1)) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true),
+        _cache[15] || (_cache[15] = createTextVNode()),
+        createElementVNode("div", _hoisted_4, [
           createElementVNode("div", _hoisted_5, [
-            createElementVNode("div", _hoisted_6, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.keysList, (item) => {
-                return openBlock(), createElementBlock("div", {
-                  key: "key" + item.id,
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.keysList, (item) => {
+              return openBlock(), createElementBlock("div", {
+                key: "key" + item.id,
+                class: normalizeClass([
+                  "nut-key__wrapper",
+                  {
+                    "nut-key__wrapper--wider": item.id == 0 && _ctx.type == "rightColumn" && Array.isArray(_ctx.customKey) && _ctx.customKey.length == 1
+                  }
+                ])
+              }, [
+                createElementVNode("div", {
                   class: normalizeClass([
-                    "nut-key__wrapper",
-                    {
-                      "nut-key__wrapper--wider": item.id == 0 && _ctx.type == "rightColumn" && Array.isArray(_ctx.customKey) && _ctx.customKey.length == 1
-                    }
-                  ])
+                    "nut-key",
+                    { "nut-key--active": item.id == _ctx.clickKeyIndex },
+                    { "nut-key--lock": item.type == "lock" },
+                    { "nut-key--delete": item.type == "delete" }
+                  ]),
+                  onTouchstart: (event) => _ctx.onTouchstart(item, event),
+                  onTouchmove: _cache[1] || (_cache[1] = (event) => _ctx.onTouchMove(event)),
+                  onTouchend: _cache[2] || (_cache[2] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args))
                 }, [
-                  createElementVNode("div", {
-                    class: normalizeClass([
-                      "nut-key",
-                      { "nut-key--active": item.id == _ctx.clickKeyIndex },
-                      { "nut-key--lock": item.type == "lock" },
-                      { "nut-key--delete": item.type == "delete" }
-                    ]),
-                    onTouchstart: (event) => _ctx.onTouchstart(item, event),
-                    onTouchmove: _cache[1] || (_cache[1] = (event) => _ctx.onTouchMove(event)),
-                    onTouchend: _cache[2] || (_cache[2] = (event) => _ctx.onTouchEnd(event))
-                  }, [
-                    item.type == "number" || item.type == "custom" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                      createTextVNode(toDisplayString(item.id), 1)
-                    ], 64)) : createCommentVNode("", true),
-                    item.type == "lock" ? (openBlock(), createElementBlock("img", _hoisted_8)) : createCommentVNode("", true),
-                    item.type == "delete" ? (openBlock(), createElementBlock("img", _hoisted_9)) : createCommentVNode("", true)
-                  ], 42, _hoisted_7)
-                ], 2);
-              }), 128))
+                  item.type == "number" || item.type == "custom" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                    createTextVNode(toDisplayString(item.id), 1)
+                  ], 64)) : createCommentVNode("", true),
+                  _cache[10] || (_cache[10] = createTextVNode()),
+                  item.type == "lock" ? (openBlock(), createElementBlock("img", _hoisted_7)) : createCommentVNode("", true),
+                  _cache[11] || (_cache[11] = createTextVNode()),
+                  item.type == "delete" ? (openBlock(), createElementBlock("img", _hoisted_8)) : createCommentVNode("", true)
+                ], 42, _hoisted_6)
+              ], 2);
+            }), 128))
+          ]),
+          _cache[14] || (_cache[14] = createTextVNode()),
+          _ctx.type == "rightColumn" ? (openBlock(), createElementBlock("div", _hoisted_9, [
+            createElementVNode("div", _hoisted_10, [
+              createElementVNode("div", {
+                class: normalizeClass(["nut-key", { active: _ctx.clickKeyIndex == "delete" }]),
+                onTouchstart: _cache[3] || (_cache[3] = (event) => _ctx.onTouchstart({ id: "delete", type: "delete" }, event)),
+                onTouchmove: _cache[4] || (_cache[4] = (event) => _ctx.onTouchMove(event)),
+                onTouchend: _cache[5] || (_cache[5] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args))
+              }, _cache[12] || (_cache[12] = [
+                createElementVNode("img", { src: "https://img11.360buyimg.com/imagetools/jfs/t1/129395/8/12735/2030/5f61ac37E70cab338/fb477dc11f46056c.png" }, null, -1)
+              ]), 34)
             ]),
-            _ctx.type == "rightColumn" ? (openBlock(), createElementBlock("div", _hoisted_10, [
-              createElementVNode("div", _hoisted_11, [
-                createElementVNode("div", {
-                  class: normalizeClass(["nut-key", { active: _ctx.clickKeyIndex == "delete" }]),
-                  onTouchstart: _cache[3] || (_cache[3] = (event) => _ctx.onTouchstart({ id: "delete", type: "delete" }, event)),
-                  onTouchmove: _cache[4] || (_cache[4] = (event) => _ctx.onTouchMove(event)),
-                  onTouchend: _cache[5] || (_cache[5] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args))
-                }, _cache[8] || (_cache[8] = [
-                  createElementVNode("img", { src: "https://img11.360buyimg.com/imagetools/jfs/t1/129395/8/12735/2030/5f61ac37E70cab338/fb477dc11f46056c.png" }, null, -1)
-                ]), 34)
-              ]),
+            _cache[13] || (_cache[13] = createTextVNode()),
+            createElementVNode("div", {
+              class: "nut-key__wrapper nut-key__wrapper--finish",
+              onClick: _cache[6] || (_cache[6] = (...args) => _ctx.confirm && _ctx.confirm(...args))
+            }, [
               createElementVNode("div", {
-                class: "nut-key__wrapper nut-key__wrapper--finish",
-                onClick: _cache[6] || (_cache[6] = (...args) => _ctx.confirm && _ctx.confirm(...args))
-              }, [
-                createElementVNode("div", {
-                  class: normalizeClass(["nut-key", "nut-key--finish ", { activeFinsh: _ctx.clickKeyIndex == "finish" }])
-                }, toDisplayString(_ctx.confirmText || _ctx.translate("done")), 3)
-              ])
-            ])) : createCommentVNode("", true)
-          ])
+                class: normalizeClass(["nut-key", "nut-key--finish ", { activeFinsh: _ctx.clickKeyIndex == "finish" }])
+              }, toDisplayString(_ctx.confirmText || _ctx.translate("done")), 3)
+            ])
+          ])) : createCommentVNode("", true)
         ])
-      ]),
-      _: 1
-    }, 8, ["visible", "pop-class", "lock-scroll"])
-  ], 512);
+      ], 512)
+    ]),
+    _: 1
+  }, 8, ["visible", "pop-class", "overlay", "lock-scroll", "catch-move"]);
 }
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  index as default
+  index_taro as default
 };

package/dist/packages/overlay/Overlay.js

@@ -17,38 +17,13 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { defineComponent, computed, watchEffect, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, normalizeStyle, withModifiers, renderSlot, vShow } from "vue";
-import { b as body } from "../util-D1pvnUYu.js";
+import { defineComponent, computed, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, normalizeStyle, renderSlot, vShow } from "vue";
 import { w as withInstall } from "../with-install-Ch3FF0uS.js";
-let count = 0;
-const CLSNAME = "nut-overflow-hidden";
-const useLockScroll = (isLock) => {
-  const lock = () => {
-    if (isLock()) {
-      try {
-        !count && body.classList.add(CLSNAME);
-        count++;
-      } catch (error) {
-        console.warn("[NutUI] <useLockScroll>", error);
-      }
-    }
-  };
-  const unlock = () => {
-    if (isLock() && count) {
-      try {
-        count--;
-        !count && body.classList.remove(CLSNAME);
-      } catch (error) {
-        console.warn("[NutUI] <unlock>", error);
-      }
-    }
-  };
-  return [lock, unlock];
-};
+const _hoisted_1 = ["catch-move"];
 const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
   name: "NutOverlay"
 }), {
-  __name: "overlay",
+  __name: "overlay.taro",
   props: {
     visible: { type: Boolean, default: false },
     zIndex: { default: 2e3 },
@@ -62,7 +37,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const [lock, unlock] = useLockScroll(() => props.lockScroll);
     const classes = computed(() => {
       const prefixCls = "nut-overlay";
       return {
@@ -76,9 +50,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
         zIndex: props.zIndex
       }, props.overlayStyle);
     });
-    watchEffect(() => {
-      props.visible ? lock() : unlock();
-    });
     const onClick = (e) => {
       emit("click", e);
       if (props.closeOnClickOverlay) {
@@ -91,10 +62,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
           withDirectives(createElementVNode("view", {
             class: normalizeClass(classes.value),
             style: normalizeStyle(style.value),
-            onClick: withModifiers(onClick, ["stop"])
+            "catch-move": _ctx.lockScroll,
+            onClick
           }, [
             renderSlot(_ctx.$slots, "default")
-          ], 6), [
+          ], 14, _hoisted_1), [
             [vShow, _ctx.visible]
           ])
         ]),

package/dist/packages/pagination/Pagination.js

@@ -1,6 +1,6 @@
 import { toRefs, computed, watchEffect, openBlock, createElementBlock, createElementVNode, normalizeClass, renderSlot, createTextVNode, toDisplayString, Fragment, renderList, createCommentVNode } from "vue";
 import { c as createComponent } from "../component-DQf3CENX.js";
-import { u as useLocale } from "../index-BOB4ytqZ.js";
+import { u as useLocale } from "../index-IxPZmHlb.js";
 import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.js";
 const { create } = createComponent("pagination");
 const cN = "NutPagination";
@@ -128,10 +128,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         createTextVNode(toDisplayString(_ctx.prevText || _ctx.translate("prev")), 1)
       ])
     ], 2),
+    _cache[2] || (_cache[2] = createTextVNode()),
     _ctx.mode == "multi" ? (openBlock(), createElementBlock("view", _hoisted_2, [
-      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.pages, (item, index2) => {
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.pages, (item, index) => {
         return openBlock(), createElementBlock("view", {
-          key: index2 + "pagination",
+          key: index + "pagination",
           class: normalizeClass(["nut-pagination-item", item.active ? "active" : ""]),
           onClick: ($event) => _ctx.select(item.number, true)
         }, [
@@ -141,9 +142,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ], 10, _hoisted_3);
       }), 128))
     ])) : createCommentVNode("", true),
+    _cache[3] || (_cache[3] = createTextVNode()),
     _ctx.mode == "simple" ? (openBlock(), createElementBlock("view", _hoisted_4, [
       createElementVNode("view", _hoisted_5, toDisplayString(_ctx.modelValue) + "/" + toDisplayString(_ctx.countRef), 1)
     ])) : createCommentVNode("", true),
+    _cache[4] || (_cache[4] = createTextVNode()),
     createElementVNode("view", {
       class: normalizeClass(["nut-pagination-next", _ctx.modelValue >= _ctx.countRef ? "disabled" : ""]),
       onClick: _cache[1] || (_cache[1] = ($event) => _ctx.select(_ctx.modelValue + 1, true))
@@ -154,7 +157,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)
   ]);
 }
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  index as default
+  index_taro as default
 };

package/dist/packages/picker/Picker.js

@@ -17,13 +17,14 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { reactive, computed, ref, watch, toRefs, onMounted, openBlock, createElementBlock, createElementVNode, normalizeStyle, Fragment, renderList, normalizeClass, toDisplayString, createCommentVNode, resolveComponent, renderSlot, createVNode } from "vue";
 import { c as createComponent } from "../component-DQf3CENX.js";
-import { d as preventDefault, e as clamp } from "../util-D1pvnUYu.js";
+import { reactive, computed, ref, watch, toRefs, onMounted, openBlock, createElementBlock, createElementVNode, normalizeStyle, Fragment, renderList, normalizeClass, toDisplayString, createCommentVNode, createTextVNode, resolveComponent, renderSlot, mergeProps, createVNode } from "vue";
+import Taro from "@tarojs/taro";
 import { p as pxCheck } from "../pxCheck-DN6FYV6q.js";
+import { a as preventDefault, c as clamp } from "../util-2G3mRQeF.js";
 import { u as useTouch } from "../index-I8tfW3Kf.js";
 import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.js";
-import { u as useLocale } from "../index-BOB4ytqZ.js";
+import { u as useLocale } from "../index-IxPZmHlb.js";
 const DEFAULT_FILED_NAMES = {
   text: "text",
   value: "value",
@@ -456,6 +457,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
             }]),
             style: normalizeStyle(_ctx.setRollerStyle(index + 1))
           }, toDisplayString(item[_ctx.fieldNames.text]), 7)) : createCommentVNode("", true),
+          _cache[4] || (_cache[4] = createTextVNode()),
           item && item[_ctx.fieldNames.text] && !_ctx.threeDimensional ? (openBlock(), createElementBlock("view", {
             key: 1,
             class: normalizeClass(["nut-picker-roller-item-tile", {
@@ -467,6 +469,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
         ], 64);
       }), 128))
     ], 36),
+    _cache[5] || (_cache[5] = createTextVNode()),
     createElementVNode("view", {
       class: "nut-picker-roller-mask",
       style: normalizeStyle(_ctx.maskStyles)
@@ -532,29 +535,69 @@ const _sfc_main = create({
   emits: ["cancel", "change", "confirm", "update:modelValue"],
   setup(props, { emit }) {
     const translate = useLocale(cN);
-    const { changeHandler, confirm, defaultValues, columnsList, columnsType, columnFieldNames, cancel } = usePicker(
-      props,
-      emit
-    );
+    const {
+      changeHandler,
+      confirm,
+      defaultValues,
+      defaultIndexes,
+      columnsList,
+      columnsType,
+      columnFieldNames,
+      cancel
+    } = usePicker(props, emit);
+    const state = reactive({
+      show: false,
+      picking: false,
+      ENV: Taro.getEnv(),
+      ENV_TYPE: Taro.ENV_TYPE
+    });
     const pickerColumn = ref([]);
     const swipeRef = (el) => {
       if (el && pickerColumn.value.length < columnsList.value.length) {
         pickerColumn.value.push(el);
       }
     };
-    const columnStyle = computed(() => {
+    const confirmHandler = () => {
+      if (Taro.getEnv() === Taro.ENV_TYPE.WEB) {
+        pickerColumn.value.length > 0 && pickerColumn.value.forEach((column) => {
+          column.stopMomentum();
+        });
+        confirm();
+      } else {
+        if (state.picking) {
+          setTimeout(() => {
+            confirm();
+          }, 0);
+        } else {
+          confirm();
+        }
+      }
+    };
+    const pickerViewStyles = computed(() => {
       const styles = {};
       styles.height = `${+props.visibleOptionNum * +props.optionHeight}px`;
       styles["--lineHeight"] = `${+props.optionHeight}px`;
       return styles;
     });
-    const confirmHandler = () => {
-      pickerColumn.value.length > 0 && pickerColumn.value.forEach((column) => {
-        column.stopMomentum();
-      });
-      confirm();
+    const tileChange = (data) => {
+      var _a, _b;
+      const prevDefaultValue = defaultIndexes.value;
+      let changeIndex = 0;
+      for (let i = 0; i < ((_a = data.detail.value) == null ? void 0 : _a.length); i++) {
+        if (prevDefaultValue[i] !== ((_b = data.detail.value) == null ? void 0 : _b[i])) {
+          changeIndex = i;
+          break;
+        }
+      }
+      changeHandler(changeIndex, columnsList.value[changeIndex][data.detail.value[changeIndex]]);
+    };
+    const handlePickstart = () => {
+      state.picking = true;
     };
-    return {
+    const handlePickend = () => {
+      state.picking = false;
+    };
+    return __spreadProps(__spreadValues({}, toRefs(state)), {
       columnsType,
       columnsList,
       columnFieldNames,
@@ -562,11 +605,16 @@ const _sfc_main = create({
       changeHandler,
       confirmHandler,
       defaultValues,
-      translate,
       pickerColumn,
       swipeRef,
-      columnStyle
-    };
+      defaultIndexes,
+      tileChange,
+      handlePickstart,
+      translate,
+      handlePickend,
+      pickerViewStyles,
+      pxCheck
+    });
   }
 });
 const _hoisted_1 = { class: "nut-picker" };
@@ -575,24 +623,61 @@ const _hoisted_2 = {
   class: "nut-picker__bar"
 };
 const _hoisted_3 = { class: "nut-picker__title" };
+const _hoisted_4 = ["indicator-style", "value"];
+const _hoisted_5 = ["filed-names"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_picker_column = resolveComponent("nut-picker-column");
-  return openBlock(), createElementBlock("div", _hoisted_1, [
+  return openBlock(), createElementBlock("view", _hoisted_1, [
     _ctx.showToolbar ? (openBlock(), createElementBlock("view", _hoisted_2, [
       createElementVNode("view", {
-        class: "nut-picker__left",
+        class: "nut-picker__cancel nut-picker__left nut-picker__button",
         onClick: _cache[0] || (_cache[0] = (...args) => _ctx.cancel && _ctx.cancel(...args))
       }, toDisplayString(_ctx.cancelText || _ctx.translate("cancel")), 1),
+      _cache[5] || (_cache[5] = createTextVNode()),
       createElementVNode("view", _hoisted_3, toDisplayString(_ctx.title), 1),
+      _cache[6] || (_cache[6] = createTextVNode()),
       createElementVNode("view", {
-        class: "nut-picker__right",
+        class: "nut-picker__confirm nut-picker__right nut-picker__button",
         onClick: _cache[1] || (_cache[1] = (...args) => _ctx.confirmHandler && _ctx.confirmHandler(...args))
       }, toDisplayString(_ctx.okText || _ctx.translate("confirm")), 1)
     ])) : createCommentVNode("", true),
+    _cache[7] || (_cache[7] = createTextVNode()),
     renderSlot(_ctx.$slots, "top"),
-    createElementVNode("view", {
+    _cache[8] || (_cache[8] = createTextVNode()),
+    _ctx.ENV != _ctx.ENV_TYPE.WEB ? (openBlock(), createElementBlock("picker-view", mergeProps({
+      key: 1,
+      "indicator-style": `height:${_ctx.optionHeight}px`,
+      value: _ctx.defaultIndexes,
+      style: _ctx.pickerViewStyles
+    }, _ctx.$attrs, {
+      "immediate-change": true,
+      onChange: _cache[2] || (_cache[2] = (...args) => _ctx.tileChange && _ctx.tileChange(...args)),
+      onPickstart: _cache[3] || (_cache[3] = (...args) => _ctx.handlePickstart && _ctx.handlePickstart(...args)),
+      onPickend: _cache[4] || (_cache[4] = (...args) => _ctx.handlePickend && _ctx.handlePickend(...args))
+    }), [
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columnsList, (column, columnIndex) => {
+        return openBlock(), createElementBlock("picker-view-column", {
+          key: columnIndex,
+          "filed-names": _ctx.columnFieldNames
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(column, (item, index) => {
+            var _a;
+            return openBlock(), createElementBlock("view", {
+              key: (_a = item[_ctx.columnFieldNames.value]) != null ? _a : index,
+              class: normalizeClass(["nut-picker-roller-item-tarotile", {
+                [item[_ctx.columnFieldNames.className]]: item[_ctx.columnFieldNames.className]
+              }]),
+              style: normalizeStyle({
+                lineHeight: _ctx.pxCheck(_ctx.optionHeight)
+              })
+            }, toDisplayString(item[_ctx.columnFieldNames.text]), 7);
+          }), 128))
+        ], 8, _hoisted_5);
+      }), 128))
+    ], 16, _hoisted_4)) : (openBlock(), createElementBlock("view", {
+      key: 2,
       class: "nut-picker__column",
-      style: normalizeStyle(_ctx.columnStyle)
+      style: normalizeStyle(_ctx.pickerViewStyles)
     }, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columnsList, (column, columnIndex) => {
         return openBlock(), createElementBlock("view", {
@@ -605,18 +690,20 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             column,
             "columns-type": _ctx.columnsType,
             "field-names": _ctx.columnFieldNames,
-            value: _ctx.defaultValues && _ctx.defaultValues[columnIndex],
-            "three-dimensional": _ctx.threeDimensional,
+            value: _ctx.defaultValues[columnIndex],
+            "three-dimensional": false,
             "swipe-duration": _ctx.swipeDuration,
             "visible-option-num": _ctx.visibleOptionNum,
             "option-height": _ctx.optionHeight,
+            taro: "",
             onChange: (option) => {
               _ctx.changeHandler(columnIndex, option);
             }
-          }, null, 8, ["column", "columns-type", "field-names", "value", "three-dimensional", "swipe-duration", "visible-option-num", "option-height", "onChange"])
+          }, null, 8, ["column", "columns-type", "field-names", "value", "swipe-duration", "visible-option-num", "option-height", "onChange"])
         ]);
       }), 128))
-    ], 4),
+    ], 4)),
+    _cache[9] || (_cache[9] = createTextVNode()),
     renderSlot(_ctx.$slots, "default")
   ]);
 }