@silver-formily/element-plus 0.0.1-beta.0 → 1.0.1

package/esm/pagination/pagination.mjs

@@ -0,0 +1,629 @@
+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 t, 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 Ee, provide as xe, 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: f, disabled: r, currentPage: g, changeEvent: b } = ie(), v = M(), E = C(() => v.value ?? g?.value);
+    function N(p) {
+      v.value = p ? +p : "";
+    }
+    function u(p) {
+      p = Math.trunc(+p), b?.(p), v.value = void 0;
+    }
+    return (p, h) => (d(), w("span", {
+      class: k(t(n).e("jump")),
+      disabled: t(r)
+    }, [
+      j("span", {
+        class: k([t(n).e("goto")])
+      }, D(t(s)("el.pagination.goto")), 3),
+      ne(t(me), {
+        size: p.size,
+        class: k([t(n).e("editor"), t(n).is("in-pagination")]),
+        min: 1,
+        max: t(f),
+        disabled: t(r),
+        "model-value": E.value,
+        "validate-event": !1,
+        "aria-label": t(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([t(n).e("classifier")])
+      }, D(t(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(), f = C(
+      () => s.disabled || s.currentPage === s.pageCount || s.pageCount === 0
+    );
+    return (r, g) => (d(), w("button", {
+      type: "button",
+      class: "btn-next",
+      disabled: f.value,
+      "aria-label": r.nextText || t(n)("el.pagination.next"),
+      "aria-disabled": f.value,
+      onClick: g[0] || (g[0] = (b) => r.$emit("click", b))
+    }, [
+      r.nextText ? (d(), w("span", He, D(r.nextText), 1)) : (d(), z(t(se), { key: 1 }, {
+        default: A(() => [
+          (d(), z(ue(r.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, f = s, r = O("pager"), g = O("icon"), { t: b } = R(), v = M(!1), E = M(!1), N = M(!1), u = M(!1), p = M(!1), h = M(!1), L = C(() => {
+      const a = n.pagerCount, o = (a - 1) / 2, i = Number(n.currentPage), S = Number(n.pageCount);
+      let T = !1, F = !1;
+      S > a && (i > a - o && (T = !0), i < S - o && (F = !0));
+      const W = [];
+      if (T && !F) {
+        const y = S - (a - 2);
+        for (let K = y; K < S; K++)
+          W.push(K);
+      } else if (!T && F)
+        for (let y = 2; y < a; y++)
+          W.push(y);
+      else if (T && F) {
+        const y = Math.floor(a / 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;
+    }), x = C(() => [
+      "more",
+      "btn-quickprev",
+      g.b(),
+      r.is("disabled", n.disabled)
+    ]), m = C(() => [
+      "more",
+      "btn-quicknext",
+      g.b(),
+      r.is("disabled", n.disabled)
+    ]), B = C(() => n.disabled ? -1 : 0);
+    ke(() => {
+      const a = (n.pagerCount - 1) / 2;
+      v.value = !1, E.value = !1, n.pageCount > n.pagerCount && (n.currentPage > n.pagerCount - a && (v.value = !0), n.currentPage < n.pageCount - a && (E.value = !0));
+    });
+    function G(a = !1) {
+      n.disabled || (a ? N.value = !0 : u.value = !0);
+    }
+    function J(a = !1) {
+      a ? p.value = !0 : h.value = !0;
+    }
+    function Z(a) {
+      const o = a.target;
+      if (o.tagName.toLowerCase() === "li" && Array.from(o.classList).includes("number")) {
+        const i = Number(o.textContent);
+        i !== n.currentPage && f(X, i);
+      } else o.tagName.toLowerCase() === "li" && Array.from(o.classList).includes("more") && q(a);
+    }
+    function q(a) {
+      const o = a.target;
+      if (o.tagName.toLowerCase() === "ul" || n.disabled)
+        return;
+      let i = Number(o.textContent);
+      const S = n.pageCount, T = n.currentPage, F = n.pagerCount - 2;
+      o.className.includes("more") && (o.className.includes("quickprev") ? i = T - F : o.className.includes("quicknext") && (i = T + F)), Number.isNaN(+i) || (i < 1 && (i = 1), i > S && (i = S)), i !== T && f(X, i);
+    }
+    Me();
+    const c = we().value, Q = c.address.entire, $ = te.computed(() => {
+      const a = c.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(a).sort((i, S) => i - S);
+    }), ee = te.computed(() => $.value.some((a) => a < L.value[0] - 1 && a !== 0)), V = te.computed(() => $.value.some((a) => a > L.value.at(-1) - 1 && a !== $.value.length - 1));
+    return (a, o) => (d(), w("ul", {
+      class: k(t(r).b()),
+      onClick: q,
+      onKeyup: Ne(Z, ["enter"])
+    }, [
+      a.pageCount > 1 ? (d(), z(t(H), {
+        key: 0,
+        "is-dot": "",
+        value: 1,
+        hidden: t($).value[0] !== 0
+      }, {
+        default: A(() => [
+          j("li", {
+            class: k([[
+              t(r).is("active", a.currentPage === 1),
+              t(r).is("disabled", a.disabled)
+            ], "number"]),
+            "aria-current": a.currentPage === 1,
+            "aria-label": t(b)("el.pagination.currentPage", { pager: 1 }),
+            tabindex: B.value
+          }, " 1 ", 10, Je)
+        ]),
+        _: 1
+      }, 8, ["hidden"])) : ae("", !0),
+      v.value ? (d(), z(t(H), {
+        key: 1,
+        "is-dot": "",
+        value: 1,
+        hidden: !t(ee).value
+      }, {
+        default: A(() => [
+          j("li", {
+            class: k(x.value),
+            tabindex: B.value,
+            "aria-label": t(b)("el.pagination.prevPages", { pager: a.pagerCount - 2 }),
+            onMouseenter: o[0] || (o[0] = (i) => G(!0)),
+            onMouseleave: o[1] || (o[1] = (i) => N.value = !1),
+            onFocus: o[2] || (o[2] = (i) => J(!0)),
+            onBlur: o[3] || (o[3] = (i) => p.value = !1)
+          }, [
+            (N.value || p.value) && !a.disabled ? (d(), z(t(ce), { key: 0 })) : (d(), z(t(re), { key: 1 }))
+          ], 42, Qe)
+        ]),
+        _: 1
+      }, 8, ["hidden"])) : ae("", !0),
+      (d(!0), w(de, null, ge(L.value, (i) => (d(), z(t(H), {
+        key: i,
+        "is-dot": "",
+        value: 1,
+        hidden: !t($).value.includes(i - 1)
+      }, {
+        default: A(() => [
+          j("li", {
+            class: k([[
+              t(r).is("active", a.currentPage === i),
+              t(r).is("disabled", a.disabled)
+            ], "number"]),
+            "aria-current": a.currentPage === i,
+            "aria-label": t(b)("el.pagination.currentPage", { pager: i }),
+            tabindex: B.value
+          }, D(i), 11, Xe)
+        ]),
+        _: 2
+      }, 1032, ["hidden"]))), 128)),
+      E.value ? (d(), z(t(H), {
+        key: 2,
+        "is-dot": "",
+        value: 1,
+        hidden: !t(V).value
+      }, {
+        default: A(() => [
+          j("li", {
+            class: k(m.value),
+            tabindex: B.value,
+            "aria-label": t(b)("el.pagination.nextPages", { pager: a.pagerCount - 2 }),
+            onMouseenter: o[4] || (o[4] = (i) => G()),
+            onMouseleave: o[5] || (o[5] = (i) => u.value = !1),
+            onFocus: o[6] || (o[6] = (i) => J()),
+            onBlur: o[7] || (o[7] = (i) => h.value = !1)
+          }, [
+            (u.value || h.value) && !a.disabled ? (d(), z(t(pe), { key: 0 })) : (d(), z(t(re), { key: 1 }))
+          ], 42, Ye)
+        ]),
+        _: 1
+      }, 8, ["hidden"])) : ae("", !0),
+      ne(t(H), {
+        "is-dot": "",
+        value: 1,
+        hidden: t($).value[t($).value.length - 1] !== a.pageCount - 1
+      }, {
+        default: A(() => [
+          j("li", {
+            class: k([[
+              t(r).is("active", a.currentPage === a.pageCount),
+              t(r).is("disabled", a.disabled)
+            ], "number"]),
+            "aria-current": a.currentPage === a.pageCount,
+            "aria-label": t(b)("el.pagination.currentPage", { pager: a.pageCount }),
+            tabindex: B.value
+          }, D(a.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(), f = C(
+      () => s.disabled || s.currentPage <= 1
+    );
+    return (r, g) => (d(), w("button", {
+      type: "button",
+      class: "btn-prev",
+      disabled: f.value,
+      "aria-label": r.prevText || t(n)("el.pagination.prev"),
+      "aria-disabled": f.value,
+      onClick: g[0] || (g[0] = (b) => r.$emit("click", b))
+    }, [
+      r.prevText ? (d(), w("span", ta, D(r.prevText), 1)) : (d(), z(t(se), { key: 1 }, {
+        default: A(() => [
+          (d(), z(ue(r.prevIcon)))
+        ]),
+        _: 1
+      }))
+    ], 8, aa));
+  }
+}), ia = /* @__PURE__ */ U({
+  name: "ElPaginationSizes",
+  __name: "sizes",
+  props: qe,
+  emits: ["page-size-change"],
+  setup(e, { emit: s }) {
+    const n = e, f = s, { t: r } = R(), g = O("pagination"), b = ie(), v = M(n.pageSize);
+    Y(
+      () => n.pageSizes,
+      (u, p) => {
+        if (!Ie(u, p) && Ae(u)) {
+          const h = u.includes(n.pageSize) ? n.pageSize : n.pageSizes[0];
+          f("page-size-change", h);
+        }
+      }
+    ), Y(
+      () => n.pageSize,
+      (u) => {
+        v.value = u;
+      }
+    );
+    const E = C(() => n.pageSizes);
+    function N(u) {
+      u !== v.value && (v.value = u, b.handleSizeChange?.(Number(u)));
+    }
+    return (u, p) => (d(), w("span", {
+      class: k(t(g).e("sizes"))
+    }, [
+      ne(t(be), {
+        "model-value": v.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(E.value, (h) => (d(), z(t(Pe), {
+            key: h,
+            value: h,
+            label: h + t(r)("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: f } = ie();
+    return (r, g) => (d(), w("span", {
+      class: k(t(n).e("total")),
+      disabled: t(f)
+    }, D(t(s)("el.pagination.total", {
+      total: r.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: f } = R(), r = O("pagination"), g = Ee().vnode.props || {}, b = he(), v = C(
+      () => e.small ? "small" : e.size ?? b.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 E = "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) && !E)
+        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;
+    }), p = M(
+      P(e.defaultPageSize) ? 10 : e.defaultPageSize
+    ), h = M(
+      P(e.defaultCurrentPage) ? 1 : e.defaultCurrentPage
+    ), L = C({
+      get() {
+        return P(e.pageSize) ? p.value : e.pageSize;
+      },
+      set(l) {
+        P(e.pageSize) && (p.value = l), N && (s("update:page-size", l), s("size-change", l));
+      }
+    }), x = C(() => {
+      let l = 0;
+      return P(e.pageCount) ? P(e.total) || (l = Math.max(1, Math.ceil(e.total / L.value))) : l = e.pageCount, l;
+    }), m = C({
+      get() {
+        return P(e.currentPage) ? h.value : e.currentPage;
+      },
+      set(l) {
+        let c = l;
+        l < 1 ? c = 1 : l > x.value && (c = x.value), P(e.currentPage) && (h.value = c), E && (s("update:current-page", c), s("current-change", c));
+      }
+    });
+    Y(x, (l) => {
+      m.value > l && (m.value = l);
+    }), Y(
+      [m, L],
+      (l) => {
+        s(X, ...l);
+      },
+      { flush: "post" }
+    );
+    function B(l) {
+      m.value = l;
+    }
+    function G(l) {
+      L.value = l;
+      const c = x.value;
+      m.value > c && (m.value = c);
+    }
+    function J() {
+      e.disabled || (m.value -= 1, s("prev-click", m.value));
+    }
+    function Z() {
+      e.disabled || (m.value += 1, s("next-click", m.value));
+    }
+    function q(l, c) {
+      l && (l.props || (l.props = {}), l.props.class = [l.props.class, c].join(" "));
+    }
+    return xe(Se, {
+      pageCount: x,
+      disabled: C(() => e.disabled),
+      currentPage: m,
+      changeEvent: B,
+      handleSizeChange: G
+    }), () => {
+      if (!u.value)
+        return Re(oe, f("el.pagination.deprecationWarning")), null;
+      if (!e.layout || e.hideOnSinglePage && x.value <= 1)
+        return null;
+      const l = [], c = [], Q = I(
+        "div",
+        { class: r.e("rightwrapper") },
+        c
+      ), $ = {
+        prev: I(na, {
+          disabled: e.disabled,
+          currentPage: m.value,
+          prevText: e.prevText,
+          prevIcon: e.prevIcon,
+          onClick: J
+        }),
+        jumper: I(Ve, {
+          size: v.value
+        }),
+        pager: I(ea, {
+          currentPage: m.value,
+          pageCount: x.value,
+          pagerCount: e.pagerCount,
+          onChange: B,
+          disabled: e.disabled,
+          pageSize: e.pageSize
+        }),
+        next: I(Ge, {
+          disabled: e.disabled,
+          currentPage: m.value,
+          pageCount: x.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: v.value,
+          appendSizeTo: e.appendSizeTo
+        }),
+        slot: n?.default?.() ?? null,
+        total: I(la, { total: P(e.total) ? 0 : e.total })
+      }, ee = e.layout.split(",").map((a) => a.trim());
+      let V = !1;
+      for (const a of ee) {
+        if (a === "->") {
+          V = !0;
+          continue;
+        }
+        V ? c.push($[a]) : l.push($[a]);
+      }
+      return q(l[0], r.is("first")), q(l.at(-1), r.is("last")), V && c.length > 0 && (q(c[0], r.is("first")), q(
+        c.at(-1),
+        r.is("last")
+      ), l.push(Q)), I(
+        "div",
+        {
+          class: [
+            r.b(),
+            r.is("background", e.background),
+            r.m(v.value)
+          ]
+        },
+        l
+      );
+    };
+  }
+});
+export {
+  Na as default,
+  sa as paginationEmits,
+  oa as paginationProps
+};
+//# sourceMappingURL=pagination.mjs.map