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

package/esm/pagination/pagination.mjs

@@ -1,631 +0,0 @@
-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