ep-craft 0.1.30 → 0.1.31

package/dist/components/pagination/src/pagination.js

@@ -0,0 +1,314 @@
+import { defineComponent as W, getCurrentInstance as $, computed as c, ref as _, watch as T, provide as O, h as g } from "vue";
+import { ArrowRight as R, ArrowLeft as G } from "@element-plus/icons-vue";
+import { isNumber as u } from "../../../utils/types.js";
+import "lodash-unified";
+import "@vueuse/core";
+import { debugWarn as V } from "../../../utils/error.js";
+import "@vue/shared";
+import { mutable as D } from "../../../utils/typescript.js";
+import { CHANGE_EVENT as H } from "../../../constants/event.js";
+import { iconPropType as N } from "../../../utils/vue/icon.js";
+import { buildProps as K, definePropType as k } from "../../../utils/vue/props/runtime.js";
+import { useNamespace as q } from "../../../hooks/use-namespace/index.js";
+import { useLocale as F } from "../../../hooks/use-locale/index.js";
+import { useSizeProp as J, useGlobalSize as Q } from "../../../hooks/use-size/index.js";
+import { useDeprecated as X } from "../../../hooks/use-deprecated/index.js";
+import "@popperjs/core";
+import "../../../hooks/use-z-index/index.js";
+import "../../../hooks/use-delayed-toggle/index.js";
+import "../../../hooks/use-aria/index.js";
+import "../../../hooks/use-model-toggle/index.js";
+import "../../../hooks/use-empty-values/index.js";
+import { elPaginationKey as Y } from "./constants.js";
+import Z from "./components/prev.vue.js";
+import ee from "./components/next.vue.js";
+import te from "./components/sizes.vue.js";
+import ae from "./components/jumper.vue.js";
+import ne from "./components/total.vue.js";
+import ie from "./components/pager.vue.js";
+const n = (e) => typeof e != "number", re = K({
+  /**
+   * @description options of item count per page
+   */
+  pageSize: Number,
+  /**
+   * @description default initial value of page size, not setting is the same as setting 10
+   */
+  defaultPageSize: Number,
+  /**
+   * @description total item count
+   */
+  total: Number,
+  /**
+   * @description total page count. Set either `total` or `page-count` and pages will be displayed; if you need `page-sizes`, `total` is required
+   */
+  pageCount: Number,
+  /**
+   * @description number of pagers. Pagination collapses when the total page count exceeds this value
+   */
+  pagerCount: {
+    type: Number,
+    validator: (e) => u(e) && Math.trunc(e) === e && e > 4 && e < 22 && e % 2 === 1,
+    default: 7
+  },
+  /**
+   * @description current page number
+   */
+  currentPage: Number,
+  /**
+   * @description default initial value of current-page, not setting is the same as setting 1
+   */
+  defaultCurrentPage: Number,
+  /**
+   * @description layout of Pagination, elements separated with a comma
+   */
+  layout: {
+    type: String,
+    default: ["prev", "pager", "next", "jumper", "->", "total"].join(", ")
+  },
+  /**
+   * @description item count of each page
+   */
+  pageSizes: {
+    type: k(Array),
+    default: () => D([10, 20, 30, 40, 50, 100])
+  },
+  /**
+   * @description custom class name for the page size Select's dropdown
+   */
+  popperClass: {
+    type: String,
+    default: ""
+  },
+  /**
+   * @description custom style for the page size Select's dropdown
+   */
+  popperStyle: {
+    type: k([String, Object])
+  },
+  /**
+   * @description text for the prev button
+   */
+  prevText: {
+    type: String,
+    default: ""
+  },
+  /**
+   * @description icon for the prev button, higher priority of `prev-text`
+   */
+  prevIcon: {
+    type: N,
+    default: () => G
+  },
+  /**
+   * @description text for the next button
+   */
+  nextText: {
+    type: String,
+    default: ""
+  },
+  /**
+   * @description icon for the next button, higher priority of `next-text`
+   */
+  nextIcon: {
+    type: N,
+    default: () => R
+  },
+  /**
+   * @description whether Pagination size is teleported to body
+   */
+  teleported: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * @description whether to use small pagination
+   */
+  small: Boolean,
+  /**
+   * @description set page size
+   */
+  size: J,
+  /**
+   * @description whether the buttons have a background color
+   */
+  background: Boolean,
+  /**
+   * @description whether Pagination is disabled
+   */
+  disabled: Boolean,
+  /**
+   * @description whether to hide when there's only one page
+   */
+  hideOnSinglePage: Boolean,
+  /**
+   * @description which element the size dropdown appends to.
+   */
+  appendSizeTo: String
+}), ue = {
+  "update:current-page": (e) => u(e),
+  "update:page-size": (e) => u(e),
+  "size-change": (e) => u(e),
+  change: (e, r) => u(e) && u(r),
+  "current-change": (e) => u(e),
+  "prev-click": (e) => u(e),
+  "next-click": (e) => u(e)
+}, E = "ElPagination", Le = W({
+  name: E,
+  props: re,
+  emits: ue,
+  setup(e, { emit: r, slots: d }) {
+    const { t: B } = F(), o = q("pagination"), f = $().vnode.props || {}, A = Q(), h = c(
+      () => e.small ? "small" : e.size ?? A.value
+    );
+    X(
+      {
+        from: "small",
+        replacement: "size",
+        version: "3.0.0",
+        scope: "el-pagination",
+        ref: "https://element-plus.org/zh-CN/component/pagination.html"
+      },
+      c(() => !!e.small)
+    );
+    const z = "onUpdate:currentPage" in f || "onUpdate:current-page" in f || "onCurrentChange" in f, v = "onUpdate:pageSize" in f || "onUpdate:page-size" in f || "onSizeChange" in f, I = c(() => {
+      if (n(e.total) && n(e.pageCount) || !n(e.currentPage) && !z) return !1;
+      if (e.layout.includes("sizes")) {
+        if (n(e.pageCount)) {
+          if (!n(e.total) && !n(e.pageSize) && !v)
+            return !1;
+        } else if (!v) return !1;
+      }
+      return !0;
+    }), P = _(
+      n(e.defaultPageSize) ? 10 : e.defaultPageSize
+    ), S = _(
+      n(e.defaultCurrentPage) ? 1 : e.defaultCurrentPage
+    ), p = c({
+      get() {
+        return n(e.pageSize) ? P.value : e.pageSize;
+      },
+      set(t) {
+        n(e.pageSize) && (P.value = t), v && (r("update:page-size", t), r("size-change", t));
+      }
+    }), l = c(() => {
+      let t = 0;
+      return n(e.pageCount) ? n(e.total) || (t = Math.max(1, Math.ceil(e.total / p.value))) : t = e.pageCount, t;
+    }), i = c({
+      get() {
+        return n(e.currentPage) ? S.value : e.currentPage;
+      },
+      set(t) {
+        let a = t;
+        t < 1 ? a = 1 : t > l.value && (a = l.value), n(e.currentPage) && (S.value = a), z && (r("update:current-page", a), r("current-change", a));
+      }
+    });
+    T(l, (t) => {
+      i.value > t && (i.value = t);
+    }), T(
+      [i, p],
+      (t) => {
+        r(H, ...t);
+      },
+      { flush: "post" }
+    );
+    function b(t) {
+      i.value = t;
+    }
+    function w(t) {
+      p.value = t;
+      const a = l.value;
+      i.value > a && (i.value = a);
+    }
+    function j() {
+      e.disabled || (i.value -= 1, r("prev-click", i.value));
+    }
+    function L() {
+      e.disabled || (i.value += 1, r("next-click", i.value));
+    }
+    function m(t, a) {
+      t && (t.props || (t.props = {}), t.props.class = [t.props.class, a].join(" "));
+    }
+    return O(Y, {
+      pageCount: l,
+      disabled: c(() => e.disabled),
+      currentPage: i,
+      changeEvent: b,
+      handleSizeChange: w
+    }), () => {
+      var x;
+      if (!I.value)
+        return V(E, B("el.pagination.deprecationWarning")), null;
+      if (!e.layout || e.hideOnSinglePage && l.value <= 1) return null;
+      const t = [], a = [], M = g(
+        "div",
+        { class: o.e("rightwrapper") },
+        a
+      ), y = {
+        prev: g(Z, {
+          disabled: e.disabled,
+          currentPage: i.value,
+          prevText: e.prevText,
+          prevIcon: e.prevIcon,
+          onClick: j
+        }),
+        jumper: g(ae, {
+          size: h.value
+        }),
+        pager: g(ie, {
+          currentPage: i.value,
+          pageCount: l.value,
+          pagerCount: e.pagerCount,
+          onChange: b,
+          disabled: e.disabled
+        }),
+        next: g(ee, {
+          disabled: e.disabled,
+          currentPage: i.value,
+          pageCount: l.value,
+          nextText: e.nextText,
+          nextIcon: e.nextIcon,
+          onClick: L
+        }),
+        sizes: g(te, {
+          pageSize: p.value,
+          pageSizes: e.pageSizes,
+          popperClass: e.popperClass,
+          popperStyle: e.popperStyle,
+          disabled: e.disabled,
+          teleported: e.teleported,
+          size: h.value,
+          appendSizeTo: e.appendSizeTo
+        }),
+        slot: ((x = d == null ? void 0 : d.default) == null ? void 0 : x.call(d)) ?? null,
+        total: g(ne, { total: n(e.total) ? 0 : e.total })
+      }, U = e.layout.split(",").map((s) => s.trim());
+      let C = !1;
+      return U.forEach((s) => {
+        if (s === "->") {
+          C = !0;
+          return;
+        }
+        C ? a.push(y[s]) : t.push(y[s]);
+      }), m(t[0], o.is("first")), m(t[t.length - 1], o.is("last")), C && a.length > 0 && (m(a[0], o.is("first")), m(
+        a[a.length - 1],
+        o.is("last")
+      ), t.push(M)), g(
+        "div",
+        {
+          class: [
+            o.b(),
+            o.is("background", e.background),
+            o.m(h.value)
+          ]
+        },
+        t
+      );
+    };
+  }
+});
+export {
+  Le as default,
+  ue as paginationEmits,
+  re as paginationProps
+};

package/dist/components/pagination/src/usePagination.d.ts

@@ -0,0 +1 @@
+export declare const usePagination: () => import("./constants").ElPaginationContext;

package/dist/components/pagination/src/usePagination.js

@@ -0,0 +1,6 @@
+import { inject as o } from "vue";
+import { elPaginationKey as i } from "./constants.js";
+const e = () => o(i, {});
+export {
+  e as usePagination
+};