@nutui/nutui 3.1.12-beta.1 → 3.1.14

package/dist/packages/_es/Notify.js

@@ -1,19 +1,38 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.14 Wed Dec 22 2021 20:49:10 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
-import { watch, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, normalizeStyle, renderSlot, createElementBlock, Fragment, createTextVNode, toDisplayString, vShow } from "vue";
+import { reactive, onMounted, watch, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, normalizeStyle, renderSlot, createElementBlock, Fragment, createTextVNode, toDisplayString, vShow, createVNode, render } from "vue";
 import { c as createComponent } from "./component.js";
-import _sfc_main$1 from "./Popup.js";
-import "./use-lock-scroll.js";
+import Popup from "./Popup.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "./OverLay.js";
-import "./index.taro.vue_vue&type=script&lang.js";
+import "./Icon.js";
 import "./pxCheck.js";
 const { componentName, create } = createComponent("notify");
-var _sfc_main = create({
+const _sfc_main = create({
   components: {
-    [_sfc_main$1.name]: _sfc_main$1
+    [Popup.name]: Popup
   },
   props: {
     id: String,
@@ -29,16 +48,24 @@ var _sfc_main = create({
       type: String,
       default: "danger"
     },
-    visible: {
+    showPopup: {
       type: Boolean,
       default: false
-    }
+    },
+    onClose: Function,
+    onClick: Function,
+    unmount: Function
   },
-  emits: ["update:visible", "closed", "click"],
-  setup(props, { emit }) {
+  setup(props, { slots }) {
     let timer = null;
-    const onClick = () => {
-      emit("click");
+    const state = reactive({
+      mounted: false
+    });
+    onMounted(() => {
+      state.mounted = true;
+    });
+    const clickCover = () => {
+      props.onClick && props.onClick();
     };
     const clearTimer = () => {
       if (timer) {
@@ -47,14 +74,8 @@ var _sfc_main = create({
       }
     };
     const hide = () => {
-      emit("update:visible", false);
-      emit("closed");
+      state.mounted = false;
     };
-    watch(() => props.visible, (value) => {
-      if (value) {
-        show();
-      }
-    });
     const show = () => {
       clearTimer();
       if (props.duration) {
@@ -63,35 +84,150 @@ var _sfc_main = create({
         }, props.duration);
       }
     };
-    const onAfterLeave = () => {
-      if (props.visible) {
-        clearTimer();
-        hide();
+    if (props.duration) {
+      show();
+    }
+    watch(() => props.duration, (val) => {
+      if (val) {
+        show();
       }
+    });
+    const onAfterLeave = () => {
+      clearTimer();
+      props.unmount && props.unmount(props.id);
+      props.onClose && props.onClose();
     };
-    return { hide, onAfterLeave, onClick };
+    return { state, hide, onAfterLeave, clickCover };
   }
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock(Transition, {
-    name: "nut-fade",
+    name: "toast-fade",
     onAfterLeave: _ctx.onAfterLeave
   }, {
     default: withCtx(() => [
       withDirectives(createElementVNode("view", {
         class: normalizeClass(["popup-top", "nut-notify", `nut-notify--${_ctx.type}`, { className: _ctx.className }]),
         style: normalizeStyle({ color: _ctx.color, background: _ctx.background }),
-        onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
+        onClick: _cache[0] || (_cache[0] = (...args) => _ctx.clickCover && _ctx.clickCover(...args))
       }, [
         _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
           createTextVNode(toDisplayString(_ctx.msg), 1)
         ], 64))
       ], 6), [
-        [vShow, _ctx.visible]
+        [vShow, _ctx.state.mounted]
       ])
     ]),
     _: 3
   }, 8, ["onAfterLeave"]);
 }
-_sfc_main.render = _sfc_render;
-export { _sfc_main as default };
+var Notify = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const defaultOptions = {
+  type: "base",
+  showPopup: false,
+  msg: "",
+  color: void 0,
+  background: void 0,
+  duration: 3e3,
+  className: "",
+  onClosed: null,
+  onClick: null,
+  onOpened: null,
+  textTimer: null,
+  unmount: null
+};
+let idsMap = [];
+let optsMap = [];
+const clearNotify = (id) => {
+  if (id) {
+    const container = document.getElementById(id);
+    optsMap = optsMap.filter((item) => item.id !== id);
+    idsMap = idsMap.filter((item) => item !== id);
+    if (container) {
+      document.body.removeChild(container);
+    }
+  } else {
+    idsMap.forEach((item) => {
+      const container = document.getElementById(item);
+      if (container) {
+        document.body.removeChild(container);
+      }
+    });
+    optsMap = [];
+    idsMap = [];
+  }
+};
+const updateNotify = (opts) => {
+  const container = document.getElementById(opts.id);
+  if (container) {
+    const currentOpt = optsMap.find((item) => item.id === opts.id);
+    if (currentOpt) {
+      opts = __spreadValues(__spreadValues(__spreadValues({}, defaultOptions), currentOpt), opts);
+    } else {
+      opts = __spreadValues(__spreadValues({}, defaultOptions), opts);
+    }
+    const instance = createVNode(Notify, opts);
+    render(instance, container);
+    return instance.component.ctx;
+  }
+};
+const mountNotify = (opts) => {
+  opts.unmount = clearNotify;
+  let _id;
+  if (opts.id) {
+    _id = opts.id;
+    if (idsMap.find((item) => item === opts.id)) {
+      return updateNotify(opts);
+    }
+  } else {
+    _id = new Date().getTime() + "";
+  }
+  opts = __spreadValues(__spreadValues({}, defaultOptions), opts);
+  opts.id = _id;
+  idsMap.push(opts.id);
+  optsMap.push(opts);
+  const container = document.createElement("view");
+  container.id = opts.id;
+  const instance = createVNode(Notify, opts);
+  render(instance, container);
+  document.body.appendChild(container);
+  setTimeout(() => {
+    instance.showPopup = true;
+  }, 0);
+  return instance.component.ctx;
+};
+const errorMsg = (msg) => {
+  if (!msg) {
+    console.warn("[NutUI Notify]: msg\u4E0D\u80FD\u4E3A\u7A7A");
+    return;
+  }
+};
+const NotifyFunction = {
+  text(msg, obj = {}) {
+    errorMsg(msg);
+    return mountNotify(__spreadProps(__spreadValues({}, obj), { msg }));
+  },
+  primary(msg, obj = {}) {
+    errorMsg(msg);
+    return mountNotify(__spreadProps(__spreadValues({}, obj), { msg, type: "primary" }));
+  },
+  success(msg, obj = {}) {
+    errorMsg(msg);
+    return mountNotify(__spreadProps(__spreadValues({}, obj), { msg, type: "success" }));
+  },
+  danger(msg, obj = {}) {
+    errorMsg(msg);
+    return mountNotify(__spreadProps(__spreadValues({}, obj), { msg, type: "danger" }));
+  },
+  warn(msg, obj = {}) {
+    errorMsg(msg);
+    return mountNotify(__spreadProps(__spreadValues({}, obj), { msg, type: "warning" }));
+  },
+  hide() {
+    clearNotify();
+  },
+  install(app) {
+    app.config.globalProperties.$notify = NotifyFunction;
+  }
+};
+export { Notify, NotifyFunction, NotifyFunction as default };

package/dist/packages/_es/NumberKeyboard.js

@@ -1,12 +1,13 @@
 /*!
-* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.14 Wed Dec 22 2021 20:49:10 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
 import { ref, computed, watch, onMounted, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createElementBlock, toDisplayString, createCommentVNode, Fragment, renderList, normalizeClass, createTextVNode } from "vue";
 import { c as createComponent } from "./component.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 const { create } = createComponent("numberkeyboard");
-var _sfc_main = create({
+const _sfc_main = create({
   props: {
     title: {
       type: String,
@@ -43,6 +44,7 @@ var _sfc_main = create({
   },
   emits: ["input", "delete", "close", "update:value"],
   setup(props, { emit }) {
+    console.log(props.overlay);
     const clickKeyIndex = ref(void 0);
     const show = ref(props.visible);
     const root = ref();
@@ -234,11 +236,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               onClick: _cache[5] || (_cache[5] = ($event) => _ctx.closeBoard())
             }, [
               createElementVNode("div", {
-                class: normalizeClass([
-                  "key",
-                  "finish",
-                  { activeFinsh: _ctx.clickKeyIndex == "finish" }
-                ])
+                class: normalizeClass(["key", "finish", { activeFinsh: _ctx.clickKeyIndex == "finish" }])
               }, " \u5B8C\u6210 ", 2)
             ])) : createCommentVNode("", true)
           ])) : createCommentVNode("", true)
@@ -248,5 +246,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["visible", "overlay"]);
 }
-_sfc_main.render = _sfc_render;
-export { _sfc_main as default };
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/OverLay.js

@@ -14,16 +14,14 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-var __require = typeof require !== "undefined" ? require : (x) => {
-  throw new Error('Dynamic require of "' + x + '" is not supported');
-};
 /*!
-* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.14 Wed Dec 22 2021 20:49:10 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
-import { computed, openBlock, createBlock, Transition, withCtx, withDirectives, createElementBlock, 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");
 const overlayProps = {
   visible: {
@@ -54,7 +52,7 @@ const overlayProps = {
     default: true
   }
 };
-var _sfc_main = create({
+const _sfc_main = create({
   props: overlayProps,
   emits: ["click", "update:visible"],
   setup(props, { emit }) {
@@ -65,47 +63,56 @@ var _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) {
   return openBlock(), createBlock(Transition, { name: "overlay-fade" }, {
     default: withCtx(() => [
-      _ctx.lockScroll ? withDirectives((openBlock(), createElementBlock("view", {
-        key: 0,
-        class: normalizeClass(_ctx.classes),
-        onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args)),
-        style: normalizeStyle(_ctx.style),
-        "catch-move": true
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 6)), [
-        [vShow, _ctx.visible]
-      ]) : withDirectives((openBlock(), createElementBlock("view", {
-        key: 1,
+      withDirectives(createElementVNode("view", {
         class: normalizeClass(_ctx.classes),
+        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]
       ])
     ]),
     _: 3
   });
 }
-_sfc_main.render = _sfc_render;
-export { _sfc_main as default, overlayProps };
+var overlay = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { overlay as default, overlayProps };

package/dist/packages/_es/Pagination.js

@@ -1,12 +1,13 @@
 /*!
-* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.14 Wed Dec 22 2021 20:49:10 GMT+0800 (中国标准时间)
 * (c) 2021 @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");
-var _sfc_main = create({
+const _sfc_main = create({
   props: {
     modelValue: {
       type: Number,
@@ -66,13 +67,13 @@ var _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);
@@ -133,9 +134,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ])
     ], 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)
         }, [
@@ -158,5 +159,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)
   ]);
 }
-_sfc_main.render = _sfc_render;
-export { _sfc_main as default };
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };