@nutui/nutui 3.2.6-beta.1 → 3.2.6

package/dist/packages/_es/OldPicker.js

@@ -1,37 +1,16 @@
 /*!
-* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6 Fri Nov 04 2022 18:06:53 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { ref, reactive, computed, watch, onMounted, toRefs, openBlock, createElementBlock, createElementVNode, normalizeStyle, Fragment, renderList, normalizeClass, toDisplayString, createTextVNode, createCommentVNode, toRaw, resolveComponent, createBlock, withCtx, createVNode } from "vue";
+import { ref, reactive, computed, watch, onMounted, toRefs, openBlock, createElementBlock, createElementVNode, normalizeStyle, Fragment, renderList, normalizeClass, toDisplayString, createCommentVNode, onBeforeUnmount, toRaw, resolveComponent, createVNode, withCtx } from "vue";
 import { c as createComponent } from "./component.js";
-import { u as useTaroRect } from "./index.js";
-import Taro from "@tarojs/taro";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
-import { p as popupProps } from "./index4.js";
+import Popup, { popupProps } from "./Popup.js";
 import "../locale/lang";
-import "./use-lock-scroll.js";
+import "./OverLay.js";
+import "./Icon.js";
 import "./pxCheck.js";
-const commonProps = {
-  listData: {
-    type: Array,
-    default: () => {
-      return [];
-    }
-  },
-  readonly: {
-    type: Boolean,
-    default: false
-  },
-  defaultIndex: {
-    type: [Number, String],
-    default: 0
-  },
-  itemHeight: {
-    type: [Number, String],
-    default: 35
-  }
-};
 const { create: create$1 } = createComponent("oldpicker-column");
 const _sfc_main$1 = create$1({
   props: {
@@ -40,7 +19,20 @@ const _sfc_main$1 = create$1({
       type: Boolean,
       default: false
     },
-    ...commonProps
+    listData: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    defaultIndex: {
+      type: [Number, String],
+      default: 0
+    }
   },
   emits: ["click", "change"],
   setup(props, { emit }) {
@@ -51,8 +43,7 @@ const _sfc_main$1 = create$1({
         endY: 0,
         startTime: 0,
         endTime: 0,
-        lastY: 0,
-        lastTime: 0
+        lastY: 0
       },
       currIndex: 1,
       transformY: 0,
@@ -80,7 +71,6 @@ const _sfc_main$1 = create$1({
       };
     });
     const onTouchStart = (event) => {
-      console.log(event);
       event.preventDefault();
       let changedTouches = event.changedTouches[0];
       state.touchParams.startY = changedTouches.pageY;
@@ -99,7 +89,7 @@ const _sfc_main$1 = create$1({
       event.preventDefault();
       let changedTouches = event.changedTouches[0];
       state.touchParams.lastY = changedTouches.pageY;
-      state.touchParams.lastTime = event.timeStamp || Date.now();
+      state.touchParams.lastTime = event.timestamp || Date.now();
       let move = state.touchParams.lastY - state.touchParams.startY;
       let moveTime = state.touchParams.lastTime - state.touchParams.startTime;
       if (moveTime <= 300) {
@@ -110,11 +100,11 @@ const _sfc_main$1 = create$1({
         setMove(move, "end");
       }
     };
-    const setRollerStyle = (index) => {
-      return `transform: rotate3d(1, 0, 0, ${-state.rotation * index}deg) translate3d(0px, 0px, 104px)`;
+    const setRollerStyle = (index2) => {
+      return `transform: rotate3d(1, 0, 0, ${-state.rotation * index2}deg) translate3d(0px, 0px, 104px)`;
     };
-    const isHidden = (index) => {
-      if (index >= state.currIndex + 8 || index <= state.currIndex - 8) {
+    const isHidden = (index2) => {
+      if (index2 >= state.currIndex + 8 || index2 <= state.currIndex - 8) {
         return true;
       } else {
         return false;
@@ -162,17 +152,12 @@ const _sfc_main$1 = create$1({
       emit("change", state.currIndex - 1);
     };
     const modifyStatus = (type) => {
-      let index = props.defaultIndex;
-      state.currIndex = index === -1 ? 1 : index + 1;
-      let move = index === -1 ? 0 : index * state.lineSpacing;
+      let index2 = props.defaultIndex;
+      state.currIndex = index2 === -1 ? 1 : index2 + 1;
+      let move = index2 === -1 ? 0 : index2 * state.lineSpacing;
       type && setChooseValue();
       setMove(-move);
     };
-    const getReference = async () => {
-      const refe = await useTaroRect(list, Taro);
-      state.lineSpacing = refe.height / props.listData.values.length;
-      modifyStatus(true);
-    };
     watch(
       () => props.listData,
       (val) => {
@@ -183,19 +168,6 @@ const _sfc_main$1 = create$1({
         deep: true
       }
     );
-    watch(
-      () => props.itemShow,
-      (val) => {
-        if (val) {
-          setTimeout(() => {
-            getReference();
-          }, 200);
-        }
-      },
-      {
-        deep: true
-      }
-    );
     watch(
       () => props.defaultIndex,
       (val) => {
@@ -204,11 +176,8 @@ const _sfc_main$1 = create$1({
       }
     );
     onMounted(() => {
-      setTimeout(() => {
-        getReference();
-      }, 200);
+      modifyStatus(true);
     });
-    const refRandomId = Math.random().toString(36).slice(-8);
     return {
       ...toRefs(state),
       ...toRefs(props),
@@ -223,19 +192,17 @@ const _sfc_main$1 = create$1({
       onTouchEnd,
       touchRollerStyle,
       touchListStyle,
-      refRandomId
+      setMove
     };
   }
 });
 const _hoisted_1$1 = { class: "nut-oldpicker-content" };
-const _hoisted_2$1 = ["id"];
-const _hoisted_3$1 = {
+const _hoisted_2$1 = {
   key: 0,
   class: "nut-oldpicker-placeholder"
 };
 function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  return _ctx.itemShow ? (openBlock(), createElementBlock("view", {
-    key: 0,
+  return openBlock(), createElementBlock("view", {
     class: "nut-oldpicker__list",
     onTouchstart: _cache[0] || (_cache[0] = (...args) => _ctx.onTouchStart && _ctx.onTouchStart(...args)),
     onTouchmove: _cache[1] || (_cache[1] = (...args) => _ctx.onTouchMove && _ctx.onTouchMove(...args)),
@@ -246,39 +213,37 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
       ref: "roller",
       style: normalizeStyle(_ctx.touchRollerStyle)
     }, [
-      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.listData.values, (item, index) => {
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.listData.values, (item, index2) => {
         return openBlock(), createElementBlock("view", {
-          class: normalizeClass(["nut-oldpicker-roller-item", { "nut-oldpicker-roller-item-hidden": _ctx.isHidden(index + 1) }]),
-          style: normalizeStyle(_ctx.setRollerStyle(index + 1)),
-          key: item.label ? item.label : index
+          class: normalizeClass(["nut-oldpicker-roller-item", { "nut-oldpicker-roller-item-hidden": _ctx.isHidden(index2 + 1) }]),
+          style: normalizeStyle(_ctx.setRollerStyle(index2 + 1)),
+          key: item.label ? item.label : index2
         }, toDisplayString(_ctx.dataType === "cascade" ? item.text : item), 7);
       }), 128))
     ], 4),
-    createTextVNode(),
     createElementVNode("view", _hoisted_1$1, [
       createElementVNode("view", {
         class: "nut-oldpicker-list-panel",
         ref: "list",
-        id: "list" + _ctx.refRandomId,
         style: normalizeStyle(_ctx.touchListStyle)
       }, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.listData.values, (item, index) => {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.listData.values, (item, index2) => {
           return openBlock(), createElementBlock("view", {
             class: "nut-oldpicker-item nut-oldpicker-item-ref",
-            key: item.label ? item.label : index
+            key: item.label ? item.label : index2
           }, toDisplayString(_ctx.dataType === "cascade" ? item.text : item), 1);
         }), 128)),
-        createTextVNode(),
-        _ctx.listData && _ctx.listData.length === 1 ? (openBlock(), createElementBlock("view", _hoisted_3$1)) : createCommentVNode("", true)
-      ], 12, _hoisted_2$1)
+        _ctx.listData && _ctx.listData.length === 1 ? (openBlock(), createElementBlock("view", _hoisted_2$1)) : createCommentVNode("", true)
+      ], 4)
     ])
-  ], 32)) : createCommentVNode("", true);
+  ], 32);
 }
 var column = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
 const { create, componentName } = createComponent("oldpicker");
 const _sfc_main = create({
   components: {
-    [column.name]: column
+    [column.name]: column,
+    [Popup.name]: Popup
   },
   props: {
     ...popupProps,
@@ -294,7 +259,20 @@ const _sfc_main = create({
       type: String,
       default: "\u786E\u5B9A"
     },
-    ...commonProps
+    listData: {
+      type: Array,
+      default: () => {
+        return [];
+      }
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    defaultIndex: {
+      type: [Number, String],
+      default: 0
+    }
   },
   emits: ["close", "change", "confirm", "update:visible"],
   setup(props, { emit }) {
@@ -414,6 +392,14 @@ const _sfc_main = create({
       }
       emit("update:visible", false);
     };
+    onMounted(() => {
+      if (props.visible)
+        state.show = props.visible;
+    });
+    onBeforeUnmount(() => {
+      if (props.visible)
+        state.show = false;
+    });
     watch(
       () => props.visible,
       (val) => {
@@ -445,56 +431,56 @@ const _hoisted_4 = /* @__PURE__ */ createElementVNode("view", { class: "nut-oldp
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_oldpicker_column = resolveComponent("nut-oldpicker-column");
   const _component_nut_popup = resolveComponent("nut-popup");
-  return openBlock(), createBlock(_component_nut_popup, {
-    position: "bottom",
-    visible: _ctx.show,
-    "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => _ctx.show = $event),
-    teleport: _ctx.teleport,
-    "lock-scroll": _ctx.lockScroll,
-    "close-on-click-overlay": _ctx.closeOnClickOverlay,
-    onClose: _ctx.close,
-    round: true
-  }, {
-    default: withCtx(() => [
-      createElementVNode("view", _hoisted_1, [
-        createElementVNode("view", {
-          class: "nut-oldpicker__button nut-oldpicker__left",
-          onClick: _cache[0] || (_cache[0] = (...args) => _ctx.close && _ctx.close(...args))
-        }, toDisplayString(_ctx.cancelText), 1),
-        createTextVNode(),
-        createElementVNode("view", _hoisted_2, toDisplayString(_ctx.title), 1),
-        createTextVNode(),
-        createElementVNode("view", {
-          class: "nut-oldpicker__button nut-oldpicker__right",
-          onClick: _cache[1] || (_cache[1] = ($event) => _ctx.confirm())
-        }, toDisplayString(_ctx.okText), 1)
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes)
+  }, [
+    createVNode(_component_nut_popup, {
+      position: "bottom",
+      visible: _ctx.show,
+      "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => _ctx.show = $event),
+      teleport: _ctx.teleport,
+      "lock-scroll": _ctx.lockScroll,
+      "close-on-click-overlay": _ctx.closeOnClickOverlay,
+      onClose: _ctx.close,
+      round: true,
+      isWrapTeleport: _ctx.isWrapTeleport
+    }, {
+      default: withCtx(() => [
+        createElementVNode("view", _hoisted_1, [
+          createElementVNode("view", {
+            class: "nut-oldpicker__cancel nut-oldpicker__left nut-oldpicker__button",
+            onClick: _cache[0] || (_cache[0] = (...args) => _ctx.close && _ctx.close(...args))
+          }, toDisplayString(_ctx.cancelText), 1),
+          createElementVNode("view", _hoisted_2, toDisplayString(_ctx.title), 1),
+          createElementVNode("view", {
+            class: "nut-oldpicker__confirm nut-oldpicker__button nut-oldpicker__right",
+            onClick: _cache[1] || (_cache[1] = ($event) => _ctx.confirm())
+          }, toDisplayString(_ctx.okText), 1)
+        ]),
+        createElementVNode("view", _hoisted_3, [
+          _hoisted_4,
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columnList, (item, columnIndex) => {
+            return openBlock(), createElementBlock("view", {
+              class: "nut-oldpicker__columnitem",
+              key: columnIndex
+            }, [
+              createVNode(_component_nut_oldpicker_column, {
+                itemShow: _ctx.show,
+                "list-data": item,
+                readonly: _ctx.readonly,
+                "default-index": item.defaultIndex,
+                "data-type": _ctx.dataType,
+                onChange: (dataIndex) => {
+                  _ctx.changeHandler(columnIndex, dataIndex);
+                }
+              }, null, 8, ["itemShow", "list-data", "readonly", "default-index", "data-type", "onChange"])
+            ]);
+          }), 128))
+        ])
       ]),
-      createTextVNode(),
-      createElementVNode("view", _hoisted_3, [
-        _hoisted_4,
-        createTextVNode(),
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columnList, (item, columnIndex) => {
-          return openBlock(), createElementBlock("view", {
-            class: "nut-oldpicker__columnitem",
-            key: columnIndex
-          }, [
-            createVNode(_component_nut_oldpicker_column, {
-              itemShow: _ctx.show,
-              "list-data": item,
-              readonly: _ctx.readonly,
-              "default-index": item.defaultIndex,
-              "visible-item-count": _ctx.visibleItemCount,
-              "data-type": _ctx.dataType,
-              onChange: (dataIndex) => {
-                _ctx.changeHandler(columnIndex, dataIndex);
-              }
-            }, null, 8, ["itemShow", "list-data", "readonly", "default-index", "visible-item-count", "data-type", "onChange"])
-          ]);
-        }), 128))
-      ])
-    ]),
-    _: 1
-  }, 8, ["visible", "teleport", "lock-scroll", "close-on-click-overlay", "onClose"]);
+      _: 1
+    }, 8, ["visible", "teleport", "lock-scroll", "close-on-click-overlay", "onClose", "isWrapTeleport"])
+  ], 2);
 }
-var index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index_taro as default };
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/OverLay.js

@@ -1,9 +1,9 @@
 /*!
-* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6 Fri Nov 04 2022 18:06:53 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { computed, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, normalizeStyle, renderSlot, vShow } from "vue";
+import { computed, watch, onDeactivated, onBeforeUnmount, onMounted, onActivated, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, withModifiers, normalizeStyle, renderSlot, vShow } from "vue";
 import { c as createComponent } from "./component.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
@@ -48,6 +48,24 @@ const _sfc_main = create({
         [props.overlayClass]: true
       };
     });
+    watch(
+      () => props.visible,
+      (value) => {
+        value ? lock() : unlock();
+      }
+    );
+    const lock = () => {
+      if (props.lockScroll && props.visible) {
+        document.body.classList.add("nut-overflow-hidden");
+      }
+    };
+    const unlock = () => {
+      document.body.classList.remove("nut-overflow-hidden");
+    };
+    onDeactivated(unlock);
+    onBeforeUnmount(unlock);
+    onMounted(lock);
+    onActivated(lock);
     const style = computed(() => {
       return {
         animationDuration: `${props.duration}s`,
@@ -55,13 +73,17 @@ const _sfc_main = create({
         ...props.overlayStyle
       };
     });
+    const touchmove = (e) => {
+      if (props.lockScroll)
+        e.preventDefault();
+    };
     const onClick = (e) => {
       emit("click", e);
       if (props.closeOnClickOverlay) {
         emit("update:visible", false);
       }
     };
-    return { classes, style, onClick };
+    return { classes, style, touchmove, onClick };
   }
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
@@ -69,11 +91,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     default: withCtx(() => [
       withDirectives(createElementVNode("view", {
         class: normalizeClass(_ctx.classes),
-        onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args)),
+        onTouchmove: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.touchmove && _ctx.touchmove(...args), ["stop"])),
+        onClick: _cache[1] || (_cache[1] = (...args) => _ctx.onClick && _ctx.onClick(...args)),
         style: normalizeStyle(_ctx.style)
       }, [
         renderSlot(_ctx.$slots, "default")
-      ], 6), [
+      ], 38), [
         [vShow, _ctx.visible]
       ])
     ]),

package/dist/packages/_es/Pagination.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6 Fri Nov 04 2022 18:06:53 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -135,11 +135,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         createTextVNode(toDisplayString(_ctx.prevText || _ctx.translate("prev")), 1)
       ])
     ], 2),
-    createTextVNode(),
     _ctx.mode == "multi" ? (openBlock(), createElementBlock("view", _hoisted_2, [
-      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.pages, (item, index) => {
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.pages, (item, index2) => {
         return openBlock(), createElementBlock("view", {
-          key: index + "pagination",
+          key: index2 + "pagination",
           class: normalizeClass(["nut-pagination-item", item.active ? "active" : ""]),
           onClick: ($event) => _ctx.select(item.number, true)
         }, [
@@ -149,11 +148,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ], 10, _hoisted_3);
       }), 128))
     ])) : createCommentVNode("", true),
-    createTextVNode(),
     _ctx.mode == "simple" ? (openBlock(), createElementBlock("view", _hoisted_4, [
       createElementVNode("view", _hoisted_5, toDisplayString(_ctx.modelValue) + "/" + toDisplayString(_ctx.countRef), 1)
     ])) : createCommentVNode("", true),
-    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))
@@ -164,5 +161,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)
   ]);
 }
-var index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index_taro as default };
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };