@silver-formily/element-plus 0.0.1-alpha.0

package/esm/pagination/pagination.mjs

@@ -0,0 +1,631 @@
+import { DArrowLeft as ce, MoreFilled as re, DArrowRight as pe, ArrowRight as fe, ArrowLeft as ve } from "@element-plus/icons-vue";
+import { useLocale as R, useNamespace as O, ElInput as me, ElIcon as se, CHANGE_EVENT as X, ElBadge as H, ElSelect as be, ElOption as Pe, useSizeProp as Ce, useGlobalSize as he, useDeprecated as ze, elPaginationKey as Se } from "element-plus";
+import { inject as ye, defineComponent as U, ref as M, computed as C, createElementBlock as w, openBlock as d, unref as a, normalizeClass as k, createElementVNode as j, createVNode as ne, toDisplayString as D, createBlock as z, withCtx as A, resolveDynamicComponent as ue, watchEffect as ke, withKeys as Ne, createCommentVNode as ae, Fragment as de, renderList as ge, watch as Y, getCurrentInstance as xe, provide as Ee, h as I } from "vue";
+import { paginationJumperProps as $e } from "./components/jumper.mjs";
+import { paginationNextProps as Te } from "./components/next.mjs";
+import { observable as te } from "@formily/reactive";
+import { useObserver as Me } from "@formily/reactive-vue";
+import { useField as we } from "@formily/vue";
+import { paginationPagerProps as _e } from "./components/pager.mjs";
+import { paginationPrevEmits as Le, paginationPrevProps as Be } from "./components/prev.mjs";
+import { isEqual as Ie, isArr as Ae } from "@formily/shared";
+import { p as qe, m as Fe } from "../vendor/sizes.mjs";
+import { paginationTotalProps as Ke } from "./components/total.mjs";
+import { b as je, d as De } from "../vendor/runtime.mjs";
+import { i as le } from "../vendor/icon.mjs";
+import { i as _, d as Re } from "../vendor/types.mjs";
+const Ue = Symbol("elPaginationKey"), ie = () => ye(Ue, {}), Oe = ["disabled"], Ve = /* @__PURE__ */ U({
+  name: "ElPaginationJumper",
+  __name: "jumper",
+  props: $e,
+  setup(e) {
+    const { t: s } = R(), n = O("pagination"), { pageCount: v, disabled: l, currentPage: g, changeEvent: p } = ie(), m = M(), x = C(() => m.value ?? (g == null ? void 0 : g.value));
+    function N(c) {
+      m.value = c ? +c : "";
+    }
+    function u(c) {
+      c = Math.trunc(+c), p == null || p(c), m.value = void 0;
+    }
+    return (c, h) => (d(), w("span", {
+      class: k(a(n).e("jump")),
+      disabled: a(l)
+    }, [
+      j("span", {
+        class: k([a(n).e("goto")])
+      }, D(a(s)("el.pagination.goto")), 3),
+      ne(a(me), {
+        size: c.size,
+        class: k([a(n).e("editor"), a(n).is("in-pagination")]),
+        min: 1,
+        max: a(v),
+        disabled: a(l),
+        "model-value": x.value,
+        "validate-event": !1,
+        "aria-label": a(s)("el.pagination.page"),
+        type: "number",
+        "onUpdate:modelValue": N,
+        onChange: u
+      }, null, 8, ["size", "class", "max", "disabled", "model-value", "aria-label"]),
+      j("span", {
+        class: k([a(n).e("classifier")])
+      }, D(a(s)("el.pagination.pageClassifier")), 3)
+    ], 10, Oe));
+  }
+}), We = ["disabled", "aria-label", "aria-disabled"], He = { key: 0 }, Ge = /* @__PURE__ */ U({
+  name: "ElPaginationNext",
+  __name: "next",
+  props: Te,
+  emits: ["click"],
+  setup(e) {
+    const s = e, { t: n } = R(), v = C(
+      () => s.disabled || s.currentPage === s.pageCount || s.pageCount === 0
+    );
+    return (l, g) => (d(), w("button", {
+      type: "button",
+      class: "btn-next",
+      disabled: v.value,
+      "aria-label": l.nextText || a(n)("el.pagination.next"),
+      "aria-disabled": v.value,
+      onClick: g[0] || (g[0] = (p) => l.$emit("click", p))
+    }, [
+      l.nextText ? (d(), w("span", He, D(l.nextText), 1)) : (d(), z(a(se), { key: 1 }, {
+        default: A(() => [
+          (d(), z(ue(l.nextIcon)))
+        ]),
+        _: 1
+      }))
+    ], 8, We));
+  }
+}), Je = ["aria-current", "aria-label", "tabindex"], Qe = ["tabindex", "aria-label"], Xe = ["aria-current", "aria-label", "tabindex"], Ye = ["tabindex", "aria-label"], Ze = ["aria-current", "aria-label", "tabindex"], ea = /* @__PURE__ */ U({
+  name: "ElPaginationPager",
+  __name: "pager",
+  props: _e,
+  emits: [X],
+  setup(e, { emit: s }) {
+    const n = e, v = s, l = O("pager"), g = O("icon"), { t: p } = R(), m = M(!1), x = M(!1), N = M(!1), u = M(!1), c = M(!1), h = M(!1), L = C(() => {
+      const t = n.pagerCount, r = (t - 1) / 2, i = Number(n.currentPage), S = Number(n.pageCount);
+      let T = !1, F = !1;
+      S > t && (i > t - r && (T = !0), i < S - r && (F = !0));
+      const W = [];
+      if (T && !F) {
+        const y = S - (t - 2);
+        for (let K = y; K < S; K++)
+          W.push(K);
+      } else if (!T && F)
+        for (let y = 2; y < t; y++)
+          W.push(y);
+      else if (T && F) {
+        const y = Math.floor(t / 2) - 1;
+        for (let K = i - y; K <= i + y; K++)
+          W.push(K);
+      } else
+        for (let y = 2; y < S; y++)
+          W.push(y);
+      return W;
+    }), E = C(() => [
+      "more",
+      "btn-quickprev",
+      g.b(),
+      l.is("disabled", n.disabled)
+    ]), b = C(() => [
+      "more",
+      "btn-quicknext",
+      g.b(),
+      l.is("disabled", n.disabled)
+    ]), B = C(() => n.disabled ? -1 : 0);
+    ke(() => {
+      const t = (n.pagerCount - 1) / 2;
+      m.value = !1, x.value = !1, n.pageCount > n.pagerCount && (n.currentPage > n.pagerCount - t && (m.value = !0), n.currentPage < n.pageCount - t && (x.value = !0));
+    });
+    function G(t = !1) {
+      n.disabled || (t ? N.value = !0 : u.value = !0);
+    }
+    function J(t = !1) {
+      t ? c.value = !0 : h.value = !0;
+    }
+    function Z(t) {
+      const r = t.target;
+      if (r.tagName.toLowerCase() === "li" && Array.from(r.classList).includes("number")) {
+        const i = Number(r.textContent);
+        i !== n.currentPage && v(X, i);
+      } else r.tagName.toLowerCase() === "li" && Array.from(r.classList).includes("more") && q(t);
+    }
+    function q(t) {
+      const r = t.target;
+      if (r.tagName.toLowerCase() === "ul" || n.disabled)
+        return;
+      let i = Number(r.textContent);
+      const S = n.pageCount, T = n.currentPage, F = n.pagerCount - 2;
+      r.className.includes("more") && (r.className.includes("quickprev") ? i = T - F : r.className.includes("quicknext") && (i = T + F)), Number.isNaN(+i) || (i < 1 && (i = 1), i > S && (i = S)), i !== T && v(X, i);
+    }
+    Me();
+    const f = we().value, Q = f.address.entire, $ = te.computed(() => {
+      const t = f.form.queryFeedbacks({
+        type: "error",
+        address: `${Q}.**`
+      }).map((i) => Number(i.path.split(`${Q}.`)[1].split(".")[0])).reduce((i, S) => {
+        const T = Math.floor(S / n.pageSize);
+        return i.add(T), i;
+      }, /* @__PURE__ */ new Set());
+      return Array.from(t).sort((i, S) => i - S);
+    }), ee = te.computed(() => $.value.some((t) => t < L.value[0] - 1 && t !== 0)), V = te.computed(() => $.value.some((t) => t > L.value.at(-1) - 1 && t !== $.value.length - 1));
+    return (t, r) => (d(), w("ul", {
+      class: k(a(l).b()),
+      onClick: q,
+      onKeyup: Ne(Z, ["enter"])
+    }, [
+      t.pageCount > 1 ? (d(), z(a(H), {
+        key: 0,
+        "is-dot": "",
+        value: 1,
+        hidden: a($).value[0] !== 0
+      }, {
+        default: A(() => [
+          j("li", {
+            class: k([[
+              a(l).is("active", t.currentPage === 1),
+              a(l).is("disabled", t.disabled)
+            ], "number"]),
+            "aria-current": t.currentPage === 1,
+            "aria-label": a(p)("el.pagination.currentPage", { pager: 1 }),
+            tabindex: B.value
+          }, " 1 ", 10, Je)
+        ]),
+        _: 1
+      }, 8, ["hidden"])) : ae("", !0),
+      m.value ? (d(), z(a(H), {
+        key: 1,
+        "is-dot": "",
+        value: 1,
+        hidden: !a(ee).value
+      }, {
+        default: A(() => [
+          j("li", {
+            class: k(E.value),
+            tabindex: B.value,
+            "aria-label": a(p)("el.pagination.prevPages", { pager: t.pagerCount - 2 }),
+            onMouseenter: r[0] || (r[0] = (i) => G(!0)),
+            onMouseleave: r[1] || (r[1] = (i) => N.value = !1),
+            onFocus: r[2] || (r[2] = (i) => J(!0)),
+            onBlur: r[3] || (r[3] = (i) => c.value = !1)
+          }, [
+            (N.value || c.value) && !t.disabled ? (d(), z(a(ce), { key: 0 })) : (d(), z(a(re), { key: 1 }))
+          ], 42, Qe)
+        ]),
+        _: 1
+      }, 8, ["hidden"])) : ae("", !0),
+      (d(!0), w(de, null, ge(L.value, (i) => (d(), z(a(H), {
+        key: i,
+        "is-dot": "",
+        value: 1,
+        hidden: !a($).value.includes(i - 1)
+      }, {
+        default: A(() => [
+          j("li", {
+            class: k([[
+              a(l).is("active", t.currentPage === i),
+              a(l).is("disabled", t.disabled)
+            ], "number"]),
+            "aria-current": t.currentPage === i,
+            "aria-label": a(p)("el.pagination.currentPage", { pager: i }),
+            tabindex: B.value
+          }, D(i), 11, Xe)
+        ]),
+        _: 2
+      }, 1032, ["hidden"]))), 128)),
+      x.value ? (d(), z(a(H), {
+        key: 2,
+        "is-dot": "",
+        value: 1,
+        hidden: !a(V).value
+      }, {
+        default: A(() => [
+          j("li", {
+            class: k(b.value),
+            tabindex: B.value,
+            "aria-label": a(p)("el.pagination.nextPages", { pager: t.pagerCount - 2 }),
+            onMouseenter: r[4] || (r[4] = (i) => G()),
+            onMouseleave: r[5] || (r[5] = (i) => u.value = !1),
+            onFocus: r[6] || (r[6] = (i) => J()),
+            onBlur: r[7] || (r[7] = (i) => h.value = !1)
+          }, [
+            (u.value || h.value) && !t.disabled ? (d(), z(a(pe), { key: 0 })) : (d(), z(a(re), { key: 1 }))
+          ], 42, Ye)
+        ]),
+        _: 1
+      }, 8, ["hidden"])) : ae("", !0),
+      ne(a(H), {
+        "is-dot": "",
+        value: 1,
+        hidden: a($).value[a($).value.length - 1] !== t.pageCount - 1
+      }, {
+        default: A(() => [
+          j("li", {
+            class: k([[
+              a(l).is("active", t.currentPage === t.pageCount),
+              a(l).is("disabled", t.disabled)
+            ], "number"]),
+            "aria-current": t.currentPage === t.pageCount,
+            "aria-label": a(p)("el.pagination.currentPage", { pager: t.pageCount }),
+            tabindex: B.value
+          }, D(t.pageCount), 11, Ze)
+        ]),
+        _: 1
+      }, 8, ["hidden"])
+    ], 34));
+  }
+}), aa = ["disabled", "aria-label", "aria-disabled"], ta = { key: 0 }, na = /* @__PURE__ */ U({
+  name: "ElPaginationPrev",
+  __name: "prev",
+  props: Be,
+  emits: Le,
+  setup(e) {
+    const s = e, { t: n } = R(), v = C(
+      () => s.disabled || s.currentPage <= 1
+    );
+    return (l, g) => (d(), w("button", {
+      type: "button",
+      class: "btn-prev",
+      disabled: v.value,
+      "aria-label": l.prevText || a(n)("el.pagination.prev"),
+      "aria-disabled": v.value,
+      onClick: g[0] || (g[0] = (p) => l.$emit("click", p))
+    }, [
+      l.prevText ? (d(), w("span", ta, D(l.prevText), 1)) : (d(), z(a(se), { key: 1 }, {
+        default: A(() => [
+          (d(), z(ue(l.prevIcon)))
+        ]),
+        _: 1
+      }))
+    ], 8, aa));
+  }
+}), ia = /* @__PURE__ */ U({
+  name: "ElPaginationSizes",
+  __name: "sizes",
+  props: qe,
+  emits: ["page-size-change"],
+  setup(e, { emit: s }) {
+    const n = e, v = s, { t: l } = R(), g = O("pagination"), p = ie(), m = M(n.pageSize);
+    Y(
+      () => n.pageSizes,
+      (u, c) => {
+        if (!Ie(u, c) && Ae(u)) {
+          const h = u.includes(n.pageSize) ? n.pageSize : n.pageSizes[0];
+          v("page-size-change", h);
+        }
+      }
+    ), Y(
+      () => n.pageSize,
+      (u) => {
+        m.value = u;
+      }
+    );
+    const x = C(() => n.pageSizes);
+    function N(u) {
+      var c;
+      u !== m.value && (m.value = u, (c = p.handleSizeChange) == null || c.call(p, Number(u)));
+    }
+    return (u, c) => (d(), w("span", {
+      class: k(a(g).e("sizes"))
+    }, [
+      ne(a(be), {
+        "model-value": m.value,
+        disabled: u.disabled,
+        "popper-class": u.popperClass,
+        size: u.size,
+        teleported: u.teleported,
+        "validate-event": !1,
+        "append-to": u.appendSizeTo,
+        onChange: N
+      }, {
+        default: A(() => [
+          (d(!0), w(de, null, ge(x.value, (h) => (d(), z(a(Pe), {
+            key: h,
+            value: h,
+            label: h + a(l)("el.pagination.pagesize")
+          }, null, 8, ["value", "label"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["model-value", "disabled", "popper-class", "size", "teleported", "append-to"])
+    ], 2));
+  }
+}), ra = ["disabled"], la = /* @__PURE__ */ U({
+  name: "ElPaginationTotal",
+  __name: "total",
+  props: Ke,
+  setup(e) {
+    const { t: s } = R(), n = O("pagination"), { disabled: v } = ie();
+    return (l, g) => (d(), w("span", {
+      class: k(a(n).e("total")),
+      disabled: a(v)
+    }, D(a(s)("el.pagination.total", {
+      total: l.total
+    })), 11, ra));
+  }
+}), P = (e) => typeof e != "number", oa = je({
+  /**
+   * @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) => _(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: De(Array),
+    default: () => Fe([10, 20, 30, 40, 50, 100])
+  },
+  /**
+   * @description custom class name for the page size Select's dropdown
+   */
+  popperClass: {
+    type: String,
+    default: ""
+  },
+  /**
+   * @description text for the prev button
+   */
+  prevText: {
+    type: String,
+    default: ""
+  },
+  /**
+   * @description icon for the prev button, higher priority of `prev-text`
+   */
+  prevIcon: {
+    type: le,
+    default: () => ve
+  },
+  /**
+   * @description text for the next button
+   */
+  nextText: {
+    type: String,
+    default: ""
+  },
+  /**
+   * @description icon for the next button, higher priority of `next-text`
+   */
+  nextIcon: {
+    type: le,
+    default: () => fe
+  },
+  /**
+   * @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: Ce,
+  /**
+   * @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
+}), sa = {
+  "update:current-page": (e) => _(e),
+  "update:page-size": (e) => _(e),
+  "size-change": (e) => _(e),
+  change: (e, s) => _(e) && _(s),
+  "current-change": (e) => _(e),
+  "prev-click": (e) => _(e),
+  "next-click": (e) => _(e)
+}, oe = "ElPagination", Na = U({
+  name: oe,
+  props: oa,
+  emits: sa,
+  setup(e, { emit: s, slots: n }) {
+    const { t: v } = R(), l = O("pagination"), g = xe().vnode.props || {}, p = he(), m = C(
+      () => e.small ? "small" : e.size ?? p.value
+    );
+    ze(
+      {
+        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 x = "onUpdate:currentPage" in g || "onUpdate:current-page" in g || "onCurrentChange" in g, N = "onUpdate:pageSize" in g || "onUpdate:page-size" in g || "onSizeChange" in g, u = C(() => {
+      if (P(e.total) && P(e.pageCount) || !P(e.currentPage) && !x)
+        return !1;
+      if (e.layout.includes("sizes")) {
+        if (P(e.pageCount)) {
+          if (!P(e.total) && !P(e.pageSize)) {
+            if (!N)
+              return !1;
+          }
+        } else if (!N)
+          return !1;
+      }
+      return !0;
+    }), c = M(
+      P(e.defaultPageSize) ? 10 : e.defaultPageSize
+    ), h = M(
+      P(e.defaultCurrentPage) ? 1 : e.defaultCurrentPage
+    ), L = C({
+      get() {
+        return P(e.pageSize) ? c.value : e.pageSize;
+      },
+      set(o) {
+        P(e.pageSize) && (c.value = o), N && (s("update:page-size", o), s("size-change", o));
+      }
+    }), E = C(() => {
+      let o = 0;
+      return P(e.pageCount) ? P(e.total) || (o = Math.max(1, Math.ceil(e.total / L.value))) : o = e.pageCount, o;
+    }), b = C({
+      get() {
+        return P(e.currentPage) ? h.value : e.currentPage;
+      },
+      set(o) {
+        let f = o;
+        o < 1 ? f = 1 : o > E.value && (f = E.value), P(e.currentPage) && (h.value = f), x && (s("update:current-page", f), s("current-change", f));
+      }
+    });
+    Y(E, (o) => {
+      b.value > o && (b.value = o);
+    }), Y(
+      [b, L],
+      (o) => {
+        s(X, ...o);
+      },
+      { flush: "post" }
+    );
+    function B(o) {
+      b.value = o;
+    }
+    function G(o) {
+      L.value = o;
+      const f = E.value;
+      b.value > f && (b.value = f);
+    }
+    function J() {
+      e.disabled || (b.value -= 1, s("prev-click", b.value));
+    }
+    function Z() {
+      e.disabled || (b.value += 1, s("next-click", b.value));
+    }
+    function q(o, f) {
+      o && (o.props || (o.props = {}), o.props.class = [o.props.class, f].join(" "));
+    }
+    return Ee(Se, {
+      pageCount: E,
+      disabled: C(() => e.disabled),
+      currentPage: b,
+      changeEvent: B,
+      handleSizeChange: G
+    }), () => {
+      var t;
+      if (!u.value)
+        return Re(oe, v("el.pagination.deprecationWarning")), null;
+      if (!e.layout || e.hideOnSinglePage && E.value <= 1)
+        return null;
+      const o = [], f = [], Q = I(
+        "div",
+        { class: l.e("rightwrapper") },
+        f
+      ), $ = {
+        prev: I(na, {
+          disabled: e.disabled,
+          currentPage: b.value,
+          prevText: e.prevText,
+          prevIcon: e.prevIcon,
+          onClick: J
+        }),
+        jumper: I(Ve, {
+          size: m.value
+        }),
+        pager: I(ea, {
+          currentPage: b.value,
+          pageCount: E.value,
+          pagerCount: e.pagerCount,
+          onChange: B,
+          disabled: e.disabled,
+          pageSize: e.pageSize
+        }),
+        next: I(Ge, {
+          disabled: e.disabled,
+          currentPage: b.value,
+          pageCount: E.value,
+          nextText: e.nextText,
+          nextIcon: e.nextIcon,
+          onClick: Z
+        }),
+        sizes: I(ia, {
+          pageSize: L.value,
+          pageSizes: e.pageSizes,
+          popperClass: e.popperClass,
+          disabled: e.disabled,
+          teleported: e.teleported,
+          size: m.value,
+          appendSizeTo: e.appendSizeTo
+        }),
+        slot: ((t = n == null ? void 0 : n.default) == null ? void 0 : t.call(n)) ?? null,
+        total: I(la, { total: P(e.total) ? 0 : e.total })
+      }, ee = e.layout.split(",").map((r) => r.trim());
+      let V = !1;
+      for (const r of ee) {
+        if (r === "->") {
+          V = !0;
+          continue;
+        }
+        V ? f.push($[r]) : o.push($[r]);
+      }
+      return q(o[0], l.is("first")), q(o.at(-1), l.is("last")), V && f.length > 0 && (q(f[0], l.is("first")), q(
+        f.at(-1),
+        l.is("last")
+      ), o.push(Q)), I(
+        "div",
+        {
+          class: [
+            l.b(),
+            l.is("background", e.background),
+            l.m(m.value)
+          ]
+        },
+        o
+      );
+    };
+  }
+});
+export {
+  Na as default,
+  sa as paginationEmits,
+  oa as paginationProps
+};
+//# sourceMappingURL=pagination.mjs.map