@nutui/nutui 3.1.19-beta.1 → 3.1.19-beta.4

package/dist/packages/_es/OldPicker.js

@@ -18,47 +18,40 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.19-beta.1 Sat Apr 02 2022 16:26:37 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.19-beta.4 Tue Apr 12 2022 17:39:20 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, 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 "./use-lock-scroll.js";
+import Popup, { popupProps } from "./Popup.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: __spreadValues({
+  props: {
     dataType: String,
     itemShow: {
       type: Boolean,
       default: false
+    },
+    listData: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    defaultIndex: {
+      type: [Number, String],
+      default: 0
     }
-  }, commonProps),
+  },
   emits: ["click", "change"],
   setup(props, { emit }) {
     const wrapper = ref();
@@ -68,8 +61,7 @@ const _sfc_main$1 = create$1({
         endY: 0,
         startTime: 0,
         endTime: 0,
-        lastY: 0,
-        lastTime: 0
+        lastY: 0
       },
       currIndex: 1,
       transformY: 0,
@@ -97,7 +89,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;
@@ -116,7 +107,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) {
@@ -127,11 +118,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;
@@ -179,42 +170,25 @@ 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) => {
       state.transformY = 0;
       modifyStatus(false);
     }, {
       deep: true
     });
-    watch(() => props.itemShow, (val) => {
-      if (val) {
-        setTimeout(() => {
-          getReference();
-        }, 200);
-      }
-    }, {
-      deep: true
-    });
     watch(() => props.defaultIndex, (val) => {
       state.transformY = 0;
       modifyStatus(false);
     });
     onMounted(() => {
-      setTimeout(() => {
-        getReference();
-      }, 200);
+      modifyStatus(true);
     });
-    const refRandomId = Math.random().toString(36).slice(-8);
     return __spreadProps(__spreadValues(__spreadValues({}, toRefs(state)), toRefs(props)), {
       wrapper,
       setRollerStyle,
@@ -227,19 +201,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)),
@@ -250,11 +222,11 @@ 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),
@@ -262,27 +234,27 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
       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)),
-        _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: __spreadValues(__spreadProps(__spreadValues({}, popupProps), {
+  props: __spreadProps(__spreadValues({}, popupProps), {
     title: {
       type: String,
       default: ""
@@ -294,8 +266,22 @@ const _sfc_main = create({
     okText: {
       type: String,
       default: "\u786E\u5B9A"
+    },
+    listData: {
+      type: Array,
+      default: () => {
+        return [];
+      }
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    defaultIndex: {
+      type: [Number, String],
+      default: 0
     }
-  }), commonProps),
+  }),
   emits: ["close", "change", "confirm", "update:visible"],
   setup(props, { emit }) {
     const childrenKey = "children";
@@ -410,6 +396,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) => {
       state.show = val;
     });
@@ -435,52 +429,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),
-        createElementVNode("view", _hoisted_2, toDisplayString(_ctx.title), 1),
-        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))
+        ])
       ]),
-      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,
-              "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

@@ -15,11 +15,11 @@ var __spreadValues = (a, b) => {
   return a;
 };
 /*!
-* @nutui/nutui v3.1.19-beta.1 Sat Apr 02 2022 16:26:37 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.19-beta.4 Tue Apr 12 2022 17:39:20 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";
 const { componentName, create } = createComponent("overlay");
@@ -63,19 +63,38 @@ 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 __spreadValues({
         animationDuration: `${props.duration}s`,
         zIndex: props.zIndex
       }, 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) {
@@ -83,11 +102,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,12 +1,12 @@
 /*!
-* @nutui/nutui v3.1.19-beta.1 Sat Apr 02 2022 16:26:37 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.19-beta.4 Tue Apr 12 2022 17:39:20 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { toRefs, computed, watchEffect, openBlock, createElementBlock, createElementVNode, normalizeClass, renderSlot, createTextVNode, toDisplayString, Fragment, renderList, createCommentVNode } from "vue";
 import { c as createComponent } from "./component.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
-const { componentName, create } = createComponent("pagination");
+const { componentName, create, translate } = createComponent("pagination");
 const _sfc_main = create({
   props: {
     modelValue: {
@@ -19,11 +19,11 @@ const _sfc_main = create({
     },
     prevText: {
       type: String,
-      default: "\u4E0A\u4E00\u9875"
+      default: ""
     },
     nextText: {
       type: String,
-      default: "\u4E0B\u4E00\u9875"
+      default: ""
     },
     pageCount: {
       type: [String, Number],
@@ -67,13 +67,13 @@ const _sfc_main = create({
       return { number, text, active };
     };
     const pages = computed(() => {
+      if (mode.value == "simple")
+        return;
       let items = [];
       const pageCount = countRef.value;
       const pageSize = showPageSize.value;
       let startPage = 1;
       let endPage = pageCount;
-      if (mode.value == "simple")
-        return;
       const partialShow = pageCount > pageSize;
       if (partialShow) {
         startPage = Math.max(modelValue.value - Math.floor(pageSize / 2), 1);
@@ -108,7 +108,8 @@ const _sfc_main = create({
       countRef,
       mode,
       pages,
-      forceEllipses
+      forceEllipses,
+      translate
     };
   }
 });
@@ -130,13 +131,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       onClick: _cache[0] || (_cache[0] = ($event) => _ctx.select(_ctx.modelValue - 1, true))
     }, [
       renderSlot(_ctx.$slots, "prev-text", {}, () => [
-        createTextVNode(toDisplayString(_ctx.prevText), 1)
+        createTextVNode(toDisplayString(_ctx.prevText || _ctx.translate("prev")), 1)
       ])
     ], 2),
     _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)
         }, [
@@ -154,10 +155,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       onClick: _cache[1] || (_cache[1] = ($event) => _ctx.select(_ctx.modelValue + 1, true))
     }, [
       renderSlot(_ctx.$slots, "next-text", {}, () => [
-        createTextVNode(toDisplayString(_ctx.nextText), 1)
+        createTextVNode(toDisplayString(_ctx.nextText || _ctx.translate("next")), 1)
       ])
     ], 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 };