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

package/dist/packages/_es/OverLay.js

@@ -3,117 +3,44 @@ 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]);
+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(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
+    for (var prop of __getOwnPropSymbols(b2)) {
+      if (__propIsEnum.call(b2, prop))
+        __defNormalProp(a2, prop, b2[prop]);
     }
-  return a;
+  return a2;
 };
 /*!
-* @nutui/nutui v3.1.22-beta.0 Tue May 31 2022 21:47:10 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.3 Wed Jun 15 2022 20:12:30 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-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 { 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 "../locale/lang";
-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: true
-  },
-  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 __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, 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 { 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();
   });
-}
-var overlay = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { overlay as default, overlayProps };
+  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 };

package/dist/packages/_es/Pagination.js

@@ -1,165 +1,47 @@
 /*!
-* @nutui/nutui v3.1.22-beta.0 Tue May 31 2022 21:47:10 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.3 Wed Jun 15 2022 20:12:30 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";
+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 "../locale/lang";
-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
+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);
     }
-  },
-  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 (p3 && a2 > 0 && s2.value) {
+      if (l3 > 1) {
+        const t3 = m2(l3 - 1, "...");
+        e2.unshift(t3);
       }
-      for (var i = startPage; i <= endPage; i++) {
-        const page = setPage(i, i, modelValue.value == i);
-        items.push(page);
+      if (n3 < t2) {
+        const t3 = m2(n3 + 1, "...");
+        e2.push(t3);
       }
-      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 };
+    }
+    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 };