@nutui/nutui 3.1.22-beta.3 → 3.1.23-beta.0

package/dist/packages/_es/OverLay.js

@@ -1,46 +1,104 @@
-var __defProp = Object.defineProperty;
-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 = (a2, b2) => {
-  for (var prop in b2 || (b2 = {}))
-    if (__hasOwnProp.call(b2, prop))
-      __defNormalProp(a2, prop, b2[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b2)) {
-      if (__propIsEnum.call(b2, prop))
-        __defNormalProp(a2, prop, b2[prop]);
-    }
-  return a2;
-};
 /*!
-* @nutui/nutui v3.1.22-beta.3 Wed Jun 15 2022 20:12:30 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.0 Mon Jun 27 2022 17:55:50 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { computed as e, watch as o, onDeactivated as l, onBeforeUnmount as t, onMounted as a, onActivated as s, openBlock as n, createBlock as r, Transition as i, withCtx as c, withDirectives as u, createElementVNode as d, normalizeClass as v, withModifiers as p, normalizeStyle as m, renderSlot as y, vShow as f } from "vue";
-import { c as b } from "./component.js";
-import { _ as k } from "./plugin-vue_export-helper.js";
+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";
-const { componentName: C, create: S } = b("overlay"), h = { visible: { type: Boolean, default: false }, zIndex: { type: [Number, String], default: 2e3 }, duration: { type: [Number, String], default: 0.3 }, overlayClass: { type: String, default: "" }, lockScroll: { type: Boolean, default: true }, overlayStyle: { type: Object }, closeOnClickOverlay: { type: Boolean, default: true } };
-var g = k(S({ props: h, emits: ["click", "update:visible"], setup(n2, { emit: r2 }) {
-  const i2 = e(() => ({ [C]: true, [n2.overlayClass]: true }));
-  o(() => n2.visible, (e2) => {
-    e2 ? c2() : u2();
+const { componentName, create } = createComponent("overlay");
+const overlayProps = {
+  visible: {
+    type: Boolean,
+    default: false
+  },
+  zIndex: {
+    type: [Number, String],
+    default: 2e3
+  },
+  duration: {
+    type: [Number, String],
+    default: 0.3
+  },
+  overlayClass: {
+    type: String,
+    default: ""
+  },
+  lockScroll: {
+    type: Boolean,
+    default: false
+  },
+  overlayStyle: {
+    type: Object
+  },
+  closeOnClickOverlay: {
+    type: Boolean,
+    default: true
+  }
+};
+const _sfc_main = create({
+  props: overlayProps,
+  emits: ["click", "update:visible"],
+  setup(props, { emit }) {
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true,
+        [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`,
+        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, touchmove, onClick };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createBlock(Transition, { name: "overlay-fade" }, {
+    default: withCtx(() => [
+      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")
+      ], 38), [
+        [vShow, _ctx.visible]
+      ])
+    ]),
+    _: 3
   });
-  const c2 = () => {
-    n2.lockScroll && n2.visible && document.body.classList.add("nut-overflow-hidden");
-  }, u2 = () => {
-    document.body.classList.remove("nut-overflow-hidden");
-  };
-  l(u2), t(u2), a(c2), s(c2);
-  return { classes: i2, style: e(() => __spreadValues({ animationDuration: `${n2.duration}s`, zIndex: n2.zIndex }, n2.overlayStyle)), touchmove: (e2) => {
-    n2.lockScroll && e2.preventDefault();
-  }, onClick: (e2) => {
-    r2("click", e2), n2.closeOnClickOverlay && r2("update:visible", false);
-  } };
-} }), [["render", function(e2, o2, l2, t2, a2, s2) {
-  return n(), r(i, { name: "overlay-fade" }, { default: c(() => [u(d("view", { class: v(e2.classes), onTouchmove: o2[0] || (o2[0] = p((...o3) => e2.touchmove && e2.touchmove(...o3), ["stop"])), onClick: o2[1] || (o2[1] = (...o3) => e2.onClick && e2.onClick(...o3)), style: m(e2.style) }, [y(e2.$slots, "default")], 38), [[f, e2.visible]])]), _: 3 });
-}]]);
-export { g as default, h as overlayProps };
+}
+var overlay = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { overlay as default, overlayProps };

package/dist/packages/_es/Pagination.js

@@ -1,47 +1,165 @@
 /*!
-* @nutui/nutui v3.1.22-beta.3 Wed Jun 15 2022 20:12:30 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.0 Mon Jun 27 2022 17:55:50 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { toRefs as e, computed as t, watchEffect as a, openBlock as l, createElementBlock as n, createElementVNode as o, normalizeClass as i, renderSlot as u, createTextVNode as s, toDisplayString as r, Fragment as p, renderList as m, createCommentVNode as c } from "vue";
-import { c as d } from "./component.js";
-import { _ as v } from "./plugin-vue_export-helper.js";
+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";
 import "../locale/lang";
-const { componentName: g, create: f, translate: x } = d("pagination"), h = f({ props: { modelValue: { type: Number, default: 1 }, mode: { type: String, default: "multi" }, prevText: { type: String, default: "" }, nextText: { type: String, default: "" }, pageCount: { type: [String, Number], default: "" }, totalItems: { type: [String, Number], default: "0" }, itemsPerPage: { type: [String, Number], default: "10" }, showPageSize: { type: [String, Number], default: "5" }, forceEllipses: { type: Boolean, default: false } }, components: {}, emits: ["change", "update:modelValue"], setup(l2, { emit: n2 }) {
-  const { modelValue: o2, mode: i2, showPageSize: u2, forceEllipses: s2 } = e(l2), r2 = t(() => {
-    const { pageCount: t2, totalItems: a2, itemsPerPage: n3 } = e(l2), o3 = +t2.value || Math.ceil(+a2.value / +n3.value);
-    return Math.max(1, o3);
-  }), p2 = (e2, t2) => {
-    e2 > r2.value || e2 < 1 || (e2 != o2.value && n2("update:modelValue", e2), t2 && n2("change", e2));
-  }, m2 = (e2, t2, a2) => ({ number: e2, text: t2, active: a2 }), c2 = t(() => {
-    if (i2.value == "simple")
-      return;
-    let e2 = [];
-    const t2 = r2.value, a2 = u2.value;
-    let l3 = 1, n3 = t2;
-    const p3 = t2 > a2;
-    p3 && (l3 = Math.max(o2.value - Math.floor(a2 / 2), 1), n3 = l3 + a2 - 1, n3 > t2 && (n3 = t2, l3 = n3 - a2 + 1));
-    for (var c3 = l3; c3 <= n3; c3++) {
-      const t3 = m2(c3, c3, o2.value == c3);
-      e2.push(t3);
+const { componentName, create, translate } = createComponent("pagination");
+const _sfc_main = create({
+  props: {
+    modelValue: {
+      type: Number,
+      default: 1
+    },
+    mode: {
+      type: String,
+      default: "multi"
+    },
+    prevText: {
+      type: String,
+      default: ""
+    },
+    nextText: {
+      type: String,
+      default: ""
+    },
+    pageCount: {
+      type: [String, Number],
+      default: ""
+    },
+    totalItems: {
+      type: [String, Number],
+      default: "0"
+    },
+    itemsPerPage: {
+      type: [String, Number],
+      default: "10"
+    },
+    showPageSize: {
+      type: [String, Number],
+      default: "5"
+    },
+    forceEllipses: {
+      type: Boolean,
+      default: false
     }
-    if (p3 && a2 > 0 && s2.value) {
-      if (l3 > 1) {
-        const t3 = m2(l3 - 1, "...");
-        e2.unshift(t3);
+  },
+  components: {},
+  emits: ["change", "update:modelValue"],
+  setup(props, { emit }) {
+    const { modelValue, mode, showPageSize, forceEllipses } = toRefs(props);
+    const countRef = computed(() => {
+      const { pageCount, totalItems, itemsPerPage } = toRefs(props);
+      const num = +pageCount.value || Math.ceil(+totalItems.value / +itemsPerPage.value);
+      return Math.max(1, num);
+    });
+    const select = (curPage, isSelect) => {
+      if (curPage > countRef.value || curPage < 1)
+        return;
+      if (curPage != modelValue.value)
+        emit("update:modelValue", curPage);
+      if (isSelect)
+        emit("change", curPage);
+    };
+    const setPage = (number, text, active) => {
+      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;
+      const partialShow = pageCount > pageSize;
+      if (partialShow) {
+        startPage = Math.max(modelValue.value - Math.floor(pageSize / 2), 1);
+        endPage = startPage + pageSize - 1;
+        if (endPage > pageCount) {
+          endPage = pageCount;
+          startPage = endPage - pageSize + 1;
+        }
       }
-      if (n3 < t2) {
-        const t3 = m2(n3 + 1, "...");
-        e2.push(t3);
+      for (var i = startPage; i <= endPage; i++) {
+        const page = setPage(i, i, modelValue.value == i);
+        items.push(page);
       }
-    }
-    return e2;
-  });
-  return a(() => {
-    p2(o2.value, false);
-  }), { modelValue: o2, select: p2, countRef: r2, mode: i2, pages: c2, forceEllipses: s2, translate: x };
-} }), y = { class: "nut-pagination" }, b = { key: 0, class: "nut-pagination-contain" }, V = ["onClick"], w = { key: 1, class: "nut-pagination-contain" }, S = { class: "nut-pagination-simple" };
-var k = v(h, [["render", function(e2, t2, a2, d2, v2, g2) {
-  return l(), n("view", y, [o("view", { class: i(["nut-pagination-prev", e2.mode == "multi" ? "" : "simple-border", e2.modelValue == 1 ? "disabled" : ""]), onClick: t2[0] || (t2[0] = (t3) => e2.select(e2.modelValue - 1, true)) }, [u(e2.$slots, "prev-text", {}, () => [s(r(e2.prevText || e2.translate("prev")), 1)])], 2), e2.mode == "multi" ? (l(), n("view", b, [(l(true), n(p, null, m(e2.pages, (t3, a3) => (l(), n("view", { key: a3 + "pagination", class: i(["nut-pagination-item", t3.active ? "active" : ""]), onClick: (a4) => e2.select(t3.number, true) }, [u(e2.$slots, "page", { item: t3 }, () => [s(r(t3.text), 1)])], 10, V))), 128))])) : c("", true), e2.mode == "simple" ? (l(), n("view", w, [o("view", S, r(e2.modelValue) + "/" + r(e2.countRef), 1)])) : c("", true), o("view", { class: i(["nut-pagination-next", e2.modelValue >= e2.countRef ? "disabled" : ""]), onClick: t2[1] || (t2[1] = (t3) => e2.select(e2.modelValue + 1, true)) }, [u(e2.$slots, "next-text", {}, () => [s(r(e2.nextText || e2.translate("next")), 1)])], 2)]);
-}]]);
-export { k as default };
+      if (partialShow && pageSize > 0 && forceEllipses.value) {
+        if (startPage > 1) {
+          const prevPage = setPage(startPage - 1, "...");
+          items.unshift(prevPage);
+        }
+        if (endPage < pageCount) {
+          const nextPage = setPage(endPage + 1, "...");
+          items.push(nextPage);
+        }
+      }
+      return items;
+    });
+    watchEffect(() => {
+      select(modelValue.value, false);
+    });
+    return {
+      modelValue,
+      select,
+      countRef,
+      mode,
+      pages,
+      forceEllipses,
+      translate
+    };
+  }
+});
+const _hoisted_1 = { class: "nut-pagination" };
+const _hoisted_2 = {
+  key: 0,
+  class: "nut-pagination-contain"
+};
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = {
+  key: 1,
+  class: "nut-pagination-contain"
+};
+const _hoisted_5 = { class: "nut-pagination-simple" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("view", _hoisted_1, [
+    createElementVNode("view", {
+      class: normalizeClass(["nut-pagination-prev", _ctx.mode == "multi" ? "" : "simple-border", _ctx.modelValue == 1 ? "disabled" : ""]),
+      onClick: _cache[0] || (_cache[0] = ($event) => _ctx.select(_ctx.modelValue - 1, true))
+    }, [
+      renderSlot(_ctx.$slots, "prev-text", {}, () => [
+        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, index2) => {
+        return openBlock(), createElementBlock("view", {
+          key: index2 + "pagination",
+          class: normalizeClass(["nut-pagination-item", item.active ? "active" : ""]),
+          onClick: ($event) => _ctx.select(item.number, true)
+        }, [
+          renderSlot(_ctx.$slots, "page", { item }, () => [
+            createTextVNode(toDisplayString(item.text), 1)
+          ])
+        ], 10, _hoisted_3);
+      }), 128))
+    ])) : createCommentVNode("", true),
+    _ctx.mode == "simple" ? (openBlock(), createElementBlock("view", _hoisted_4, [
+      createElementVNode("view", _hoisted_5, toDisplayString(_ctx.modelValue) + "/" + toDisplayString(_ctx.countRef), 1)
+    ])) : createCommentVNode("", true),
+    createElementVNode("view", {
+      class: normalizeClass(["nut-pagination-next", _ctx.modelValue >= _ctx.countRef ? "disabled" : ""]),
+      onClick: _cache[1] || (_cache[1] = ($event) => _ctx.select(_ctx.modelValue + 1, true))
+    }, [
+      renderSlot(_ctx.$slots, "next-text", {}, () => [
+        createTextVNode(toDisplayString(_ctx.nextText || _ctx.translate("next")), 1)
+      ])
+    ], 2)
+  ]);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };