@nutui/nutui 3.1.22-beta.5 → 3.1.23-beta.1

package/dist/packages/_es/OverLay.js

@@ -1,30 +1,104 @@
 /*!
-* @nutui/nutui v3.1.22-beta.5 Fri Jun 24 2022 15:10:09 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 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: false }, 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(() => ({ 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.5 Fri Jun 24 2022 15:10:09 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 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 };