x-next 1.0.1 → 1.1.0

package/dist/es/components/notification/warp.js

@@ -0,0 +1,147 @@
+var p = Object.defineProperty;
+var y = (t, e, n) => e in t ? p(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var s = (t, e, n) => y(t, typeof e != "symbol" ? e + "" : e, n);
+import { isVNode as m, reactive as f, createVNode as v, render as h } from "vue";
+import { NOOP as x, getElement as w } from "../../_utils/dom.js";
+import { isString as N, isNumber as T, isFunction as C, isObject as _ } from "../../_utils/is.js";
+import { types as g } from "./props.js";
+import b from "./notification-list.js";
+const l = () => typeof window < "u" && typeof document < "u", E = {
+  close: x
+}, d = /* @__PURE__ */ new WeakMap(), c = /* @__PURE__ */ new Set(), O = (t) => N(t) || T(t) || m(t) || C(t) ? {
+  message: t
+} : t, B = (t) => w(t || "body") ?? document.body, I = (t) => t.message ?? t.content ?? "", u = (t, e = t.type ?? "info", n) => ({
+  id: n,
+  title: t.title,
+  message: I(t),
+  type: e,
+  duration: t.duration ?? 3e3,
+  showClose: t.showClose ?? t.closable ?? !0,
+  showIcon: t.showIcon ?? !0,
+  icon: t.icon,
+  footer: t.footer,
+  closeIcon: t.closeIcon,
+  popupClass: t.popupClass,
+  class: t.class,
+  style: t.style,
+  offset: t.offset ?? 20,
+  onClick: t.onClick,
+  onClose: t.onClose
+});
+class z {
+  constructor(e, n, i) {
+    s(this, "notifications", f([]));
+    s(this, "ids", /* @__PURE__ */ new Set());
+    s(this, "container");
+    s(this, "renderTo");
+    s(this, "renderToBody");
+    s(this, "appContext");
+    s(this, "position");
+    s(this, "notificationCount", 0);
+    s(this, "remove", (e) => {
+      var o;
+      const n = this.notifications.findIndex((a) => a.id === e);
+      if (n < 0)
+        return;
+      const [i] = this.notifications.splice(n, 1);
+      this.ids.delete(e), (o = i.onClose) == null || o.call(i, e), this.render();
+    });
+    s(this, "destroy", () => {
+      if (this.notifications.length > 0)
+        return;
+      h(null, this.container), this.container.remove();
+      const e = d.get(this.renderTo);
+      e && delete e[this.position], c.delete(this);
+    });
+    this.renderTo = e, this.position = n, this.appContext = i ?? null, this.renderToBody = e.tagName === "BODY", this.container = document.createElement("div"), c.add(this), this.mountContainer(), this.render();
+  }
+  mountContainer() {
+    if (!this.renderToBody) {
+      const e = window.getComputedStyle(this.renderTo).position;
+      (!e || e === "static") && (this.renderTo.style.position = "relative");
+    }
+    this.renderTo.appendChild(this.container);
+  }
+  render() {
+    var i;
+    const e = v(b, {
+      notifications: this.notifications,
+      position: this.position,
+      offset: ((i = this.notifications[0]) == null ? void 0 : i.offset) ?? 20,
+      renderToBody: this.renderToBody,
+      onClose: this.remove,
+      onAfterClose: this.destroy
+    }), n = this.appContext ?? r._context ?? null;
+    n && (e.appContext = n), h(e, this.container);
+  }
+  add(e, n) {
+    this.notificationCount += 1;
+    const i = e.id ?? `__x_notification_${this.position}_${this.notificationCount}`;
+    if (this.ids.has(i))
+      return this.update(i, e, n);
+    const o = f(u(e, n, i));
+    return this.notifications.push(o), this.ids.add(i), this.render(), {
+      close: () => this.remove(i)
+    };
+  }
+  update(e, n, i) {
+    const o = this.notifications.findIndex((a) => a.id === e);
+    if (o >= 0) {
+      const a = this.notifications[o];
+      Object.assign(a, u(n, i ?? a.type, e), {
+        resetOnUpdate: n.duration !== void 0
+      }), this.render();
+    }
+    return {
+      close: () => this.remove(e)
+    };
+  }
+  clear() {
+    this.notifications.splice(0).forEach((n) => {
+      var i;
+      this.ids.delete(n.id), (i = n.onClose) == null || i.call(n, n.id);
+    }), this.render();
+  }
+}
+const S = (t, e, n) => {
+  let i = d.get(t);
+  return i || (i = {}, d.set(t, i)), i[e] || (i[e] = new z(t, e, n)), i[e];
+}, r = ((t, e) => {
+  if (!l())
+    return E;
+  const n = O(t), i = B(n.renderTo), o = n.position ?? "top-right";
+  return S(i, o, e).add(n, n.type);
+});
+g.forEach((t) => {
+  r[t] = (e, n) => {
+    const i = _(e) && !m(e) && !C(e) ? e : { message: e };
+    return r(
+      {
+        type: t,
+        ...i
+      },
+      n
+    );
+  };
+});
+r.remove = (t) => {
+  l() && Array.from(c).forEach((e) => e.remove(t));
+};
+r.clear = (t) => {
+  l() && Array.from(c).forEach((e) => {
+    (!t || e.position === t) && e.clear();
+  });
+};
+r.install = (t) => {
+  const e = {
+    remove: r.remove,
+    clear: r.clear
+  };
+  g.forEach((n) => {
+    e[n] = (i, o = t._context) => r[n](i, o);
+  }), t.config.globalProperties.$notification = e;
+};
+r._context = null;
+export {
+  r as default
+};

package/dist/es/components/pagination/Pagination.js

@@ -0,0 +1,392 @@
+import { defineComponent as F, toRefs as $, ref as w, computed as m, reactive as D, watch as j, createVNode as i, mergeProps as b } from "vue";
+import G from "./page-item.vue.js";
+import O from "./page-item-step.vue.js";
+import H from "./page-item-ellipsis.vue.js";
+import B from "./page-jumper.vue.js";
+import K from "./page-options.vue.js";
+import { isNumber as y } from "../../_utils/is.js";
+import { useSize as Q } from "../../_hooks/use-size.js";
+import { getClassNameMixin as U } from "../../_utils/config.js";
+import { useLocale as W } from "../../locale/index.js";
+const ne = /* @__PURE__ */ F({
+  name: "Pagination",
+  props: {
+    /**
+     * @zh 数据总数
+     * @en Total number of data
+     */
+    total: {
+      type: Number,
+      required: !0
+    },
+    /**
+     * @zh 当前的页数
+     * @en Current page number
+     * @vModel
+     */
+    current: Number,
+    /**
+     * @zh 默认的页数（非受控状态）
+     * @en The default number of pages (uncontrolled state)
+     */
+    defaultCurrent: {
+      type: Number,
+      default: 1
+    },
+    /**
+     * @zh 每页展示的数据条数
+     * @en Number of data items displayed per page
+     * @vModel
+     */
+    pageSize: Number,
+    /**
+     * @zh 默认每页展示的数据条数（非受控状态）
+     * @en The number of data items displayed per page by default (uncontrolled state)
+     */
+    defaultPageSize: {
+      type: Number,
+      default: 10
+    },
+    /**
+     * @zh 是否禁用
+     * @en Whether to disable
+     */
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 单页时是否隐藏分页
+     * @en Whether to hide pagination when single page
+     */
+    hideOnSinglePage: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 是否为简单模式
+     * @en Whether it is simple mode
+     */
+    simple: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 是否显示数据总数
+     * @en Whether to display the total number of data
+     */
+    showTotal: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 是否显示更多按钮
+     * @en Whether to show more buttons
+     */
+    showMore: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 是否显示跳转
+     * @en Whether to show jump
+     */
+    showJumper: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 是否显示数据条数选择器
+     * @en Whether to display the data number selector
+     */
+    showPageSize: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 数据条数选择器的选项列表
+     * @en Selection list of data number selector
+     */
+    pageSizeOptions: {
+      type: Array,
+      default: () => [10, 20, 30, 40, 50]
+    },
+    /**
+     * @zh 数据条数选择器的Props
+     * @en Props of data number selector
+     */
+    pageSizeProps: {
+      type: Object
+    },
+    /**
+     * @zh 分页选择器的大小
+     * @en The size of the page selector
+     * @values 'mini', 'small', 'medium', 'large'
+     * @defaultValue 'medium'
+     */
+    size: {
+      type: String
+    },
+    /**
+     * @zh 分页按钮的样式
+     * @en The style of the paging button
+     */
+    pageItemStyle: {
+      type: Object
+    },
+    /**
+     * @zh 当前分页按钮的样式
+     * @en The style of the current paging button
+     */
+    activePageItemStyle: {
+      type: Object
+    },
+    /**
+     * @zh 计算显示省略的基础个数。显示省略的个数为 `baseSize + 2 * bufferSize`
+     * @en Calculate and display the number of omitted bases. Display the omitted number as `baseSize + 2 * bufferSize`
+     */
+    baseSize: {
+      type: Number,
+      default: 6
+    },
+    /**
+     * @zh 显示省略号时，当前页码左右显示的页码个数
+     * @en When the ellipsis is displayed, the number of page numbers displayed on the left and right of the current page number
+     */
+    bufferSize: {
+      type: Number,
+      default: 2
+    },
+    /**
+     * @zh 是否在改变数据条数时调整页码
+     * @en Whether to adjust the page number when changing the number of data
+     * @version 2.34.0
+     */
+    autoAdjust: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: {
+    "update:current": (e) => !0,
+    "update:pageSize": (e) => !0,
+    /**
+     * @zh 页码改变时触发
+     * @en Triggered when page number changes
+     * @param {number} current
+     */
+    change: (e) => !0,
+    /**
+     * @zh 数据条数改变时触发
+     * @en Triggered when the number of data items changes
+     * @param {number} pageSize
+     */
+    pageSizeChange: (e) => !0
+  },
+  /**
+   * @zh 分页按钮
+   * @en Page item
+   * @version 2.9.0
+   * @slot page-item
+   * @binding {number} page The page number of the paging button
+   */
+  /**
+   * @zh 分页按钮（步）
+   * @en Page item (step)
+   * @version 2.9.0
+   * @slot page-item-step
+   * @binding {'previous'|'next'} type The type of page item step
+   */
+  /**
+   * @zh 分页按钮（省略）
+   * @en Page item (ellipsis)
+   * @version 2.9.0
+   * @slot page-item-ellipsis
+   */
+  /**
+   * @zh 总数
+   * @en Total
+   * @version 2.9.0
+   * @slot total
+   * @binding {number} total
+   */
+  setup(e, {
+    emit: f,
+    slots: s
+  }) {
+    const o = U("pagination"), {
+      t: I
+    } = W(), {
+      disabled: z,
+      pageItemStyle: A,
+      activePageItemStyle: E,
+      size: L
+    } = $(e), {
+      mergedSize: c
+    } = Q(L), p = w(e.defaultCurrent), P = w(e.defaultPageSize), C = (t) => y(t) && Number.isFinite(t) && t > 0, k = (t, a = 10) => C(t) ? t : a, N = m(() => e.current ?? p.value), h = m(() => k(e.pageSize ?? P.value, k(e.defaultPageSize))), u = m(() => Math.max(Math.ceil(e.total / h.value), 1)), l = m(() => y(N.value) ? Math.min(Math.max(N.value, 1), u.value) : 1), S = (t) => {
+      if (t !== l.value && y(t) && !e.disabled) {
+        const a = Math.min(Math.max(t, 1), u.value);
+        a !== l.value && (p.value = a, f("update:current", a), f("change", a));
+      }
+    }, J = (t) => {
+      C(t) && (P.value = t, f("update:pageSize", t), f("pageSizeChange", t));
+    }, n = D({
+      current: l,
+      style: A,
+      activeStyle: E,
+      onClick: S
+    }), V = {
+      get current() {
+        return n.current;
+      },
+      get disabled() {
+        return z.value;
+      },
+      get style() {
+        return n.style;
+      },
+      get activeStyle() {
+        return n.activeStyle;
+      },
+      get onClick() {
+        return n.onClick;
+      }
+    }, x = {
+      get current() {
+        return n.current;
+      },
+      get disabled() {
+        return z.value;
+      },
+      get style() {
+        return n.style;
+      },
+      get onClick() {
+        return n.onClick;
+      },
+      get pages() {
+        return u.value;
+      }
+    }, _ = {
+      get current() {
+        return n.current;
+      },
+      get style() {
+        return n.style;
+      },
+      get onClick() {
+        return n.onClick;
+      },
+      get pages() {
+        return u.value;
+      }
+    }, r = (t, a = {}) => t === "more" ? i(H, b(a, _), {
+      default: s["page-item-ellipsis"]
+    }) : t === "previous" ? i(O, b({
+      type: "previous"
+    }, a, x), {
+      default: s["page-item-step"]
+    }) : t === "next" ? i(O, b({
+      type: "next"
+    }, a, x), {
+      default: s["page-item-step"]
+    }) : i(G, b(a, V), {
+      default: s["page-item"]
+    }), R = m(() => {
+      const t = [];
+      if (u.value < e.baseSize + e.bufferSize * 2)
+        for (let a = 1; a <= u.value; a++)
+          t.push(r("page", {
+            key: a,
+            pageNumber: a
+          }));
+      else {
+        let a = 1, g = u.value, d = !1, M = !1;
+        l.value > 2 + e.bufferSize && (d = !0, a = Math.min(l.value - e.bufferSize, u.value - 2 * e.bufferSize)), l.value < u.value - (e.bufferSize + 1) && (M = !0, g = Math.max(l.value + e.bufferSize, 2 * e.bufferSize + 1)), d && (t.push(r("page", {
+          key: 1,
+          pageNumber: 1
+        })), t.push(r("more", {
+          key: "left-ellipsis-pager",
+          step: -(e.bufferSize * 2 + 1)
+        })));
+        for (let v = a; v <= g; v++)
+          t.push(r("page", {
+            key: v,
+            pageNumber: v
+          }));
+        M && (t.push(r("more", {
+          key: "right-ellipsis-pager",
+          step: e.bufferSize * 2 + 1
+        })), t.push(r("page", {
+          key: u.value,
+          pageNumber: u.value
+        })));
+      }
+      return t;
+    }), T = () => e.simple ? i("span", {
+      class: o.element("simple")
+    }, [r("previous", {
+      simple: !0
+    }), i(B, {
+      disabled: e.disabled,
+      current: l.value,
+      size: c.value,
+      pages: u.value,
+      simple: !0,
+      onChange: S
+    }, null), r("next", {
+      simple: !0
+    })]) : i("ul", {
+      class: o.element("list")
+    }, [r("previous"), R.value, e.showMore && r("more", {
+      key: "more",
+      step: e.bufferSize * 2 + 1
+    }), r("next")]);
+    j(h, (t, a) => {
+      if (e.autoAdjust && t !== a && l.value > 1) {
+        const g = a * (l.value - 1) + 1, d = Math.ceil(g / t);
+        d !== l.value && (p.value = d, f("update:current", d), f("change", d));
+      }
+    }), j(u, (t, a) => {
+      if (e.autoAdjust && t !== a && l.value > 1 && l.value > t) {
+        const g = Math.max(t, 1);
+        p.value = g, f("update:current", g), f("change", g);
+      }
+    });
+    const q = m(() => [o.block, o.modifier(`size-${c.value}`), {
+      [o.modifier("simple")]: e.simple,
+      [o.modifier("disabled")]: e.disabled
+    }]);
+    return () => {
+      var t;
+      return e.hideOnSinglePage && u.value <= 1 ? null : i("div", {
+        class: q.value
+      }, [e.showTotal && i("span", {
+        class: o.element("total")
+      }, [((t = s.total) == null ? void 0 : t.call(s, {
+        total: e.total
+      })) ?? I("pagination.total", {
+        total: e.total
+      })]), T(), e.showPageSize && i(K, {
+        disabled: e.disabled,
+        sizeOptions: e.pageSizeOptions,
+        pageSize: h.value,
+        size: c.value,
+        onChange: J,
+        selectProps: e.pageSizeProps
+      }, null), !e.simple && e.showJumper && i(B, {
+        disabled: e.disabled,
+        current: l.value,
+        pages: u.value,
+        size: c.value,
+        onChange: S
+      }, {
+        "jumper-prepend": s["jumper-prepend"],
+        "jumper-append": s["jumper-append"]
+      })]);
+    };
+  }
+});
+export {
+  ne as default
+};

package/dist/es/components/pagination/index.js

@@ -0,0 +1,8 @@
+import { generateComponent as o } from "../../_utils/vue-eco.js";
+import { getComponentPrefix as t } from "../../_utils/config.js";
+import n from "./Pagination.js";
+const r = o(t("Pagination"), n);
+export {
+  r as Pagination,
+  r as default
+};

package/dist/es/components/pagination/page-item-ellipsis.vue.js

@@ -0,0 +1,23 @@
+import r from "./page-item-ellipsis.vue2.js";
+import { resolveComponent as a, openBlock as t, createElementBlock as i, normalizeClass as s, renderSlot as p, createVNode as d } from "vue";
+import m from "../../_virtual/_plugin-vue_export-helper.js";
+const f = ["aria-label"];
+function u(e, o, c, g, k, C) {
+  const l = a("icon-more");
+  return t(), i("li", {
+    class: s(e.cls),
+    role: "button",
+    tabindex: "0",
+    "aria-label": e.t("pagination.jumpToPage", { page: e.nextPage }),
+    onClick: o[0] || (o[0] = (...n) => e.handleClick && e.handleClick(...n)),
+    onKeydown: o[1] || (o[1] = (...n) => e.handleKeyDown && e.handleKeyDown(...n))
+  }, [
+    p(e.$slots, "default", {}, () => [
+      d(l)
+    ])
+  ], 42, f);
+}
+const y = /* @__PURE__ */ m(r, [["render", u]]);
+export {
+  y as default
+};

package/dist/es/components/pagination/page-item-ellipsis.vue2.js

@@ -0,0 +1,50 @@
+import { defineComponent as l, computed as i } from "vue";
+import p from "../../icons/_self/more-dot.js";
+import { getLegalPage as u } from "./utils.js";
+import { getClassNameMixin as f } from "../../_utils/config.js";
+import { useLocale as d } from "../../locale/index.js";
+const x = l({
+  name: "EllipsisPager",
+  components: {
+    IconMore: p
+  },
+  props: {
+    current: {
+      type: Number,
+      required: !0
+    },
+    step: {
+      type: Number,
+      default: 5
+    },
+    pages: {
+      type: Number,
+      required: !0
+    }
+  },
+  emits: ["click"],
+  setup(t, { emit: m }) {
+    const o = f("pagination--item"), { t: s } = d(), r = i(
+      () => u(t.current + t.step, {
+        min: 1,
+        max: t.pages
+      })
+    ), n = (e) => {
+      m("click", r.value);
+    }, a = (e) => {
+      (e.key === "Enter" || e.key === " ") && (e.preventDefault(), n());
+    }, c = i(() => [o.block, o.modifier("ellipsis")]);
+    return {
+      t: s,
+      className: o,
+      cls: c,
+      // 模板的 aria-label 需要它（点击后真正跳转到的页码）
+      nextPage: r,
+      handleClick: n,
+      handleKeyDown: a
+    };
+  }
+});
+export {
+  x as default
+};

package/dist/es/components/pagination/page-item-step.vue.js

@@ -0,0 +1,28 @@
+import t from "./page-item-step.vue2.js";
+import { resolveComponent as i, openBlock as o, createBlock as n, resolveDynamicComponent as l, normalizeClass as s, withCtx as d, renderSlot as p } from "vue";
+import m from "../../_virtual/_plugin-vue_export-helper.js";
+function c(e, f, b, u, g, k) {
+  const a = i("icon-right"), r = i("icon-left");
+  return o(), n(l(e.simple ? "span" : "li"), {
+    class: s(e.cls),
+    role: "button",
+    tabindex: e.mergedDisabled ? -1 : 0,
+    "aria-label": e.isNext ? e.t("pagination.next") : e.t("pagination.prev"),
+    "aria-disabled": e.mergedDisabled || void 0,
+    onClick: e.handleClick,
+    onKeydown: e.handleKeyDown
+  }, {
+    default: d(() => [
+      p(e.$slots, "default", {
+        type: e.isNext ? "next" : "previous"
+      }, () => [
+        e.isNext ? (o(), n(a, { key: 0 })) : (o(), n(r, { key: 1 }))
+      ])
+    ]),
+    _: 3
+  }, 40, ["class", "tabindex", "aria-label", "aria-disabled", "onClick", "onKeydown"]);
+}
+const v = /* @__PURE__ */ m(t, [["render", c]]);
+export {
+  v as default
+};