x-next 1.0.0 → 1.1.0

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

@@ -0,0 +1,66 @@
+import { defineComponent as d, computed as a } from "vue";
+import f from "../../icons/_self/left.js";
+import g from "../../icons/_self/right.js";
+import { getLegalPage as p } from "./utils.js";
+import { getClassNameMixin as y } from "../../_utils/config.js";
+import { useLocale as b } from "../../locale/index.js";
+const C = d({
+  name: "StepPager",
+  components: {
+    IconLeft: f,
+    IconRight: g
+  },
+  props: {
+    pages: {
+      type: Number,
+      required: !0
+    },
+    current: {
+      type: Number,
+      required: !0
+    },
+    type: {
+      type: String,
+      required: !0
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    simple: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["click"],
+  setup(e, { emit: m }) {
+    const t = y("pagination--item"), { t: u } = b(), r = e.type === "next", i = a(() => e.disabled ? e.disabled : !e.pages || r && e.current === e.pages ? !0 : !r && e.current <= 1), l = a(
+      () => p(e.current + (r ? 1 : -1), {
+        min: 1,
+        max: e.pages
+      })
+    ), o = (n) => {
+      i.value || m("click", l.value);
+    }, c = (n) => {
+      (n.key === "Enter" || n.key === " ") && (n.preventDefault(), o());
+    }, s = a(() => [
+      t.block,
+      t.modifier(e.type),
+      {
+        [t.modifier("disabled")]: i.value
+      }
+    ]);
+    return {
+      t: u,
+      className: t,
+      cls: s,
+      isNext: r,
+      mergedDisabled: i,
+      handleClick: o,
+      handleKeyDown: c
+    };
+  }
+});
+export {
+  C as default
+};

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

@@ -0,0 +1,24 @@
+import o from "./page-item.vue2.js";
+import { openBlock as i, createElementBlock as l, normalizeStyle as n, normalizeClass as d, renderSlot as s, createTextVNode as t, toDisplayString as p } from "vue";
+import m from "../../_virtual/_plugin-vue_export-helper.js";
+const u = ["tabindex", "aria-current", "aria-disabled"];
+function b(e, r, f, g, y, k) {
+  return i(), l("li", {
+    class: d(e.cls),
+    style: n(e.mergedStyle),
+    role: "button",
+    tabindex: e.disabled ? -1 : 0,
+    "aria-current": e.isActive ? "page" : void 0,
+    "aria-disabled": e.disabled || void 0,
+    onClick: r[0] || (r[0] = (...a) => e.handleClick && e.handleClick(...a)),
+    onKeydown: r[1] || (r[1] = (...a) => e.handleKeyDown && e.handleKeyDown(...a))
+  }, [
+    s(e.$slots, "default", { page: e.pageNumber }, () => [
+      t(p(e.pageNumber), 1)
+    ])
+  ], 46, u);
+}
+const v = /* @__PURE__ */ m(o, [["render", b]]);
+export {
+  v as default
+};

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

@@ -0,0 +1,47 @@
+import { defineComponent as o, computed as n } from "vue";
+import { getClassNameMixin as u } from "../../_utils/config.js";
+const f = o({
+  name: "Pager",
+  props: {
+    pageNumber: {
+      type: Number
+    },
+    current: {
+      type: Number
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    style: {
+      type: Object
+    },
+    activeStyle: {
+      type: Object
+    }
+  },
+  emits: ["click"],
+  setup(e, { emit: l }) {
+    const a = u("pagination--item"), c = n(() => e.current === e.pageNumber), i = (t) => {
+      e.disabled || l("click", e.pageNumber, t);
+    }, m = (t) => {
+      (t.key === "Enter" || t.key === " ") && (t.preventDefault(), i(t));
+    }, r = n(() => [
+      a.block,
+      {
+        [a.modifier("active")]: c.value
+      }
+    ]), s = n(() => c.value ? e.activeStyle : e.style);
+    return {
+      className: a,
+      isActive: c,
+      cls: r,
+      mergedStyle: s,
+      handleClick: i,
+      handleKeyDown: m
+    };
+  }
+});
+export {
+  f as default
+};

package/dist/es/components/pagination/page-jumper.vue.js

@@ -0,0 +1,48 @@
+import i from "./page-jumper.vue2.js";
+import { resolveComponent as u, openBlock as s, createElementBlock as n, normalizeClass as a, renderSlot as p, createTextVNode as f, toDisplayString as r, createCommentVNode as l, createVNode as g, Fragment as N, createElementVNode as m } from "vue";
+import V from "../../_virtual/_plugin-vue_export-helper.js";
+function $(e, o, b, c, C, h) {
+  const t = u("input-number");
+  return s(), n("span", {
+    class: a(e.cls)
+  }, [
+    e.simple ? l("", !0) : (s(), n("span", {
+      key: 0,
+      class: a([e.className.element("prepend"), e.className.modifier("text-goto")])
+    }, [
+      p(e.$slots, "jumper-prepend", {}, () => [
+        f(r(e.t("pagination.jumpTo")), 1)
+      ])
+    ], 2)),
+    g(t, {
+      modelValue: e.inputValue,
+      "onUpdate:modelValue": o[0] || (o[0] = (d) => e.inputValue = d),
+      class: a(e.className.element("input")),
+      min: 1,
+      max: e.pages,
+      size: e.size,
+      disabled: e.disabled,
+      "hide-button": "",
+      formatter: e.handleFormatter,
+      onChange: e.handleChange
+    }, null, 8, ["modelValue", "class", "max", "size", "disabled", "formatter", "onChange"]),
+    e.$slots["jumper-append"] ? (s(), n("span", {
+      key: 1,
+      class: a(e.className.element("append"))
+    }, [
+      p(e.$slots, "jumper-append")
+    ], 2)) : l("", !0),
+    e.simple ? (s(), n(N, { key: 2 }, [
+      m("span", {
+        class: a(e.className.element("separator"))
+      }, "/", 2),
+      m("span", {
+        class: a(e.className.element("total-page"))
+      }, r(e.pages), 3)
+    ], 64)) : l("", !0)
+  ], 2);
+}
+const z = /* @__PURE__ */ V(i, [["render", $]]);
+export {
+  z as default
+};

package/dist/es/components/pagination/page-jumper.vue2.js

@@ -0,0 +1,68 @@
+import { defineComponent as l, ref as c, watch as p, computed as d, nextTick as f } from "vue";
+import { InputNumber as g } from "../form-input-number/index.js";
+import { getClassNameMixin as N } from "../../_utils/config.js";
+import { useLocale as h } from "../../locale/index.js";
+const x = l({
+  name: "PageJumper",
+  components: {
+    InputNumber: g
+  },
+  props: {
+    current: {
+      type: Number,
+      required: !0
+    },
+    simple: {
+      type: Boolean,
+      default: !1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    pages: {
+      type: Number,
+      required: !0
+    },
+    size: {
+      type: String
+    },
+    onChange: {
+      type: Function
+    }
+  },
+  emits: ["change"],
+  setup(e, { emit: i }) {
+    const a = N("pagination--jumper"), { t: o } = h(), t = c(e.simple ? e.current : void 0), m = (n) => {
+      const r = parseInt(n.toString(), 10);
+      return Number.isNaN(r) ? void 0 : String(r);
+    }, s = (n) => {
+      i("change", t.value), f(() => {
+        e.simple || (t.value = void 0);
+      });
+    };
+    p(
+      () => e.current,
+      (n) => {
+        e.simple && n !== t.value && (t.value = n);
+      }
+    );
+    const u = d(() => [
+      a.block,
+      {
+        [a.modifier("simple")]: e.simple
+      }
+    ]);
+    return {
+      t: o,
+      className: a,
+      cls: u,
+      inputValue: t,
+      handleChange: s,
+      handleFormatter: m
+    };
+  }
+});
+export {
+  x as default
+};

package/dist/es/components/pagination/page-options.vue.js

@@ -0,0 +1,20 @@
+import s from "./page-options.vue2.js";
+import { resolveComponent as n, openBlock as a, createElementBlock as l, normalizeClass as r, createVNode as p, mergeProps as t } from "vue";
+import i from "../../_virtual/_plugin-vue_export-helper.js";
+function m(e, d, c, f, u, g) {
+  const o = n("Select");
+  return a(), l("span", {
+    class: r(e.className.block)
+  }, [
+    p(o, t({
+      "model-value": e.pageSize,
+      options: e.options,
+      size: e.size,
+      disabled: e.disabled
+    }, e.selectProps, { onChange: e.handleChange }), null, 16, ["model-value", "options", "size", "disabled", "onChange"])
+  ], 2);
+}
+const b = /* @__PURE__ */ i(s, [["render", m]]);
+export {
+  b as default
+};

package/dist/es/components/pagination/page-options.vue2.js

@@ -0,0 +1,46 @@
+import { defineComponent as p, computed as a } from "vue";
+import { Select as r } from "../form-select/index.js";
+import { getClassNameMixin as m } from "../../_utils/config.js";
+import { useLocale as c } from "../../locale/index.js";
+const u = p({
+  name: "PageOptions",
+  components: {
+    Select: r
+  },
+  props: {
+    sizeOptions: {
+      type: Array,
+      required: !0
+    },
+    pageSize: Number,
+    disabled: Boolean,
+    size: {
+      type: String
+    },
+    onChange: {
+      type: Function
+    },
+    selectProps: {
+      type: Object
+    }
+  },
+  emits: ["change"],
+  setup(t, { emit: n }) {
+    const o = m("pagination--options"), { t: i } = c(), s = a(
+      () => t.sizeOptions.map((e) => ({
+        value: e,
+        label: i("pagination.pageSizeOption", { size: e })
+      }))
+    );
+    return {
+      className: o,
+      options: s,
+      handleChange: (e) => {
+        typeof e == "number" && Number.isFinite(e) && e > 0 && n("change", e);
+      }
+    };
+  }
+});
+export {
+  u as default
+};

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

@@ -0,0 +1,4 @@
+const n = (r, { min: t, max: e }) => r < t ? t : r > e ? e : r;
+export {
+  n as getLegalPage
+};

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

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

package/dist/es/components/popconfirm/src/Popconfirm.js

@@ -0,0 +1,74 @@
+import { defineComponent as h, ref as V, computed as o, createVNode as r } from "vue";
+import { getClassNameMixin as T } from "../../../_utils/config.js";
+import { Trigger as B } from "../../trigger/index.js";
+import P from "./popup.vue.js";
+import { popconfirmProps as b } from "./props.js";
+const x = B, A = /* @__PURE__ */ h({
+  name: "Popconfirm",
+  props: b,
+  emits: ["ok", "cancel", "change", "update:modelValue"],
+  setup(e, {
+    slots: l,
+    emit: t
+  }) {
+    const c = T("popconfirm"), u = V(e.defaultVisible), i = o(() => e.modelValue ?? u.value), d = o(() => e.modelValue !== void 0), a = (n) => {
+      const w = i.value;
+      d.value || (u.value = n), w !== n && (t("update:modelValue", n), t("change", n));
+    }, f = (n) => {
+      e.disabled || a(n);
+    }, s = (n) => {
+      a(!1), t("ok", n);
+    }, m = (n) => {
+      a(!1), t("cancel", n);
+    }, C = (n) => {
+      n.key === "Escape" && i.value && a(!1);
+    }, y = o(() => [c.block, e.popupClass, e.type && c.modifier(e.type), e.contentClass]), k = o(() => ({
+      width: typeof e.width == "number" ? `${e.width}px` : e.width,
+      ...e.contentStyle
+    })), g = o(() => e.arrowStyle);
+    return () => r(x, {
+      trigger: "click",
+      disabled: e.disabled,
+      popupVisible: i.value,
+      position: e.position,
+      showArrow: !0,
+      popupOffset: 10,
+      popupContainer: e.renderTo,
+      contentClass: y.value,
+      contentStyle: k.value,
+      arrowClass: [c.element("popup-arrow"), e.arrowClass],
+      arrowStyle: g.value,
+      autoFitPosition: !0,
+      autoFitTransformOrigin: !0,
+      updateAtScroll: !0,
+      clickToClose: !1,
+      popupHoverStay: !0,
+      renderToBody: e.renderToBody,
+      unmountOnClose: e.unmountOnClose,
+      animationName: "x-fade-in-standard",
+      onPopupVisibleChange: f,
+      onKeydown: C
+    }, {
+      default: l.default,
+      content: () => r(P, {
+        content: e.content,
+        type: e.type,
+        okText: e.okText,
+        cancelText: e.cancelText,
+        okLoading: e.okLoading,
+        okButtonProps: e.okButtonProps,
+        cancelButtonProps: e.cancelButtonProps,
+        onBeforeOk: e.onBeforeOk,
+        onBeforeCancel: e.onBeforeCancel,
+        onOk: s,
+        onCancel: m
+      }, {
+        icon: l.icon,
+        content: l.content
+      })
+    });
+  }
+});
+export {
+  A as default
+};

package/dist/es/components/popconfirm/src/popup.vue.js

@@ -0,0 +1,60 @@
+import f from "./popup.vue2.js";
+import { resolveComponent as l, openBlock as u, createElementBlock as g, normalizeClass as e, createElementVNode as i, renderSlot as c, createVNode as n, createTextVNode as s, toDisplayString as t, withCtx as a, mergeProps as p } from "vue";
+import k from "../../../_virtual/_plugin-vue_export-helper.js";
+function C(o, $, B, v, z, T) {
+  const d = l("InfoCircleFill"), r = l("Button"), m = l("Space");
+  return u(), g("div", {
+    class: e(o.popupCls),
+    role: "dialog"
+  }, [
+    i("div", {
+      class: e([`${o.ns}--content`])
+    }, [
+      c(o.$slots, "icon", {}, () => [
+        n(d, {
+          class: e([`${o.ns}--icon`]),
+          size: 16
+        }, null, 8, ["class"])
+      ]),
+      i("div", {
+        class: e([`${o.ns}--title`])
+      }, [
+        c(o.$slots, "content", {}, () => [
+          s(t(o.content), 1)
+        ])
+      ], 2)
+    ], 2),
+    i("div", {
+      class: e([`${o.ns}--footer`])
+    }, [
+      n(m, { size: 12 }, {
+        default: a(() => [
+          n(r, p({
+            size: "mini",
+            loading: o.loadingObj.cancel
+          }, o.cancelButtonProps, { onClick: o.handleCancel }), {
+            default: a(() => [
+              s(t(o.cancelText ?? o.t("dialog.cancelText")), 1)
+            ]),
+            _: 1
+          }, 16, ["loading", "onClick"]),
+          n(r, p({
+            size: "mini",
+            type: "primary",
+            loading: o.okLoading
+          }, o.okButtonProps, { onClick: o.handleOk }), {
+            default: a(() => [
+              s(t(o.okText ?? o.t("dialog.okText")), 1)
+            ]),
+            _: 1
+          }, 16, ["loading", "onClick"])
+        ]),
+        _: 1
+      })
+    ], 2)
+  ], 2);
+}
+const y = /* @__PURE__ */ k(f, [["render", C]]);
+export {
+  y as default
+};

package/dist/es/components/popconfirm/src/popup.vue2.js

@@ -0,0 +1,100 @@
+import { defineComponent as y, computed as l, reactive as k } from "vue";
+import { Space as g } from "../../space/index.js";
+import { Button as C } from "../../button/index.js";
+import v from "../../../icons/default/info-circle-fill.js";
+import { isFunction as B, isPromise as b } from "../../../_utils/is.js";
+import { getClassNameMixin as O } from "../../../_utils/config.js";
+import { useLocale as S } from "../../../locale/index.js";
+const j = y({
+  name: "PopconfirmPopup",
+  components: {
+    Space: g,
+    Button: C,
+    InfoCircleFill: v
+  },
+  props: {
+    width: {
+      type: [String, Number],
+      default: ""
+    },
+    content: {
+      type: [String, Number],
+      default: void 0
+    },
+    okText: {
+      type: String,
+      default: void 0
+    },
+    cancelText: {
+      type: String,
+      default: void 0
+    },
+    popupClass: {
+      type: String,
+      default: void 0
+    },
+    okLoading: {
+      type: Boolean,
+      default: !1
+    },
+    okButtonProps: {
+      type: Object,
+      default: void 0
+    },
+    cancelButtonProps: {
+      type: Object,
+      default: void 0
+    },
+    onBeforeCancel: {
+      type: Function,
+      default: void 0
+    },
+    onBeforeOk: {
+      type: Function,
+      default: void 0
+    },
+    type: {
+      type: String,
+      default: void 0
+    }
+  },
+  emits: ["ok", "cancel", "close", "destroy"],
+  setup(e, { emit: c }) {
+    const s = O("popconfirm"), f = l(() => [
+      e.popupClass && e.popupClass
+    ]), n = k({
+      ok: !1,
+      cancel: !1
+    }), p = l(() => e.okLoading || n.ok), i = async (t, o, a) => {
+      if (!B(t)) return !0;
+      const r = t(o);
+      if (b(r)) {
+        n[a] = !0;
+        try {
+          return await r ?? !0;
+        } finally {
+          n[a] = !1;
+        }
+      }
+      return r ?? !0;
+    }, u = async (t) => {
+      const o = e.onBeforeOk;
+      await i(o, t, "ok") && c("ok", t);
+    }, d = async (t) => {
+      const o = e.onBeforeCancel;
+      await i(o, t, "cancel") && c("cancel", t);
+    }, { t: m } = S();
+    return {
+      t: m,
+      ns: s.block,
+      popupCls: f,
+      okLoading: p,
+      loadingObj: n,
+      handleOk: u,
+      handleCancel: d
+    };
+  }
+});
+export {
+  j as default
+};

package/dist/es/components/popconfirm/src/props.js

@@ -0,0 +1,82 @@
+const e = {
+  modelValue: {
+    type: Boolean,
+    default: void 0
+  },
+  defaultVisible: {
+    type: Boolean,
+    default: !1
+  },
+  disabled: {
+    type: Boolean,
+    default: !1
+  },
+  width: {
+    type: [String, Number],
+    default: 150
+  },
+  type: {
+    type: String,
+    default: "danger"
+  },
+  content: [String, Number],
+  position: {
+    type: String,
+    default: "top"
+  },
+  okText: {
+    type: String,
+    default: void 0
+  },
+  cancelText: {
+    type: String,
+    default: void 0
+  },
+  okLoading: {
+    type: Boolean,
+    default: !1
+  },
+  okButtonProps: {
+    type: Object
+  },
+  cancelButtonProps: {
+    type: Object
+  },
+  // 点击ok前拦截
+  onBeforeOk: {
+    type: Function,
+    default: void 0
+  },
+  // 点击cancel前拦截
+  onBeforeCancel: {
+    type: Function,
+    default: void 0
+  },
+  renderTo: {
+    type: [String, Object]
+  },
+  renderToBody: {
+    type: Boolean,
+    default: !0
+  },
+  unmountOnClose: {
+    type: Boolean,
+    default: !0
+  },
+  popupClass: String,
+  contentClass: {
+    type: [String, Array, Object]
+  },
+  contentStyle: {
+    type: Object
+  },
+  arrowClass: {
+    type: [String, Array, Object]
+  },
+  arrowStyle: {
+    type: Object
+  }
+};
+export {
+  e as popconfirmProps
+};