x-next 1.0.1 → 1.1.0

package/dist/es/components/skeleton/Skeleton.vue.js

@@ -0,0 +1,14 @@
+import r from "./Skeleton.vue2.js";
+import { openBlock as t, createElementBlock as s, normalizeClass as n, renderSlot as o } from "vue";
+import l from "../../_virtual/_plugin-vue_export-helper.js";
+function a(e, c, p, f, i, m) {
+  return t(), s("div", {
+    class: n(e.cls)
+  }, [
+    e.loading ? o(e.$slots, "default", { key: 0 }) : o(e.$slots, "content", { key: 1 })
+  ], 2);
+}
+const u = /* @__PURE__ */ l(r, [["render", a]]);
+export {
+  u as default
+};

package/dist/es/components/skeleton/Skeleton.vue2.js

@@ -0,0 +1,37 @@
+import { defineComponent as t, computed as n } from "vue";
+import { getClassNameMixin as a } from "../../_utils/config.js";
+const m = t({
+  name: "Skeleton",
+  props: {
+    /**
+     * @zh 是否展示骨架屏（加载中状态）
+     * @en Whether to display the skeleton screen (loading state)
+     */
+    loading: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * @zh 是否开启骨架屏动画
+     * @en Whether to enable skeleton screen animation
+     */
+    animation: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(o) {
+    const e = a("skeleton");
+    return {
+      cls: n(() => [
+        e.block,
+        {
+          [e.modifier("animation")]: o.animation
+        }
+      ])
+    };
+  }
+});
+export {
+  m as default
+};

package/dist/es/components/skeleton/SkeletonLine.vue.js

@@ -0,0 +1,18 @@
+import t from "./SkeletonLine.vue2.js";
+import { openBlock as r, createElementBlock as l, normalizeClass as n, Fragment as a, renderList as m, normalizeStyle as c } from "vue";
+import i from "../../_virtual/_plugin-vue_export-helper.js";
+function p(e, u, f, _, d, k) {
+  return r(), l("ul", {
+    class: n(e.className.block)
+  }, [
+    (r(!0), l(a, null, m(e.lines, (o, s) => (r(), l("li", {
+      key: s,
+      class: n(e.className.element("row")),
+      style: c(o)
+    }, null, 6))), 128))
+  ], 2);
+}
+const B = /* @__PURE__ */ i(t, [["render", p]]);
+export {
+  B as default
+};

package/dist/es/components/skeleton/SkeletonLine.vue2.js

@@ -0,0 +1,57 @@
+import { defineComponent as r, computed as m } from "vue";
+import { isNumber as a, isString as o } from "../../_utils/is.js";
+import { getClassNameMixin as u } from "../../_utils/config.js";
+const c = r({
+  name: "SkeletonLine",
+  props: {
+    /**
+     * @zh 展示的行数
+     * @en Number of rows displayed
+     */
+    rows: {
+      type: Number,
+      default: 1
+    },
+    /**
+     * @zh 线型骨架的宽度
+     * @en The width of the line skeleton
+     */
+    widths: {
+      type: Array,
+      default: () => []
+    },
+    /**
+     * @zh 线型骨架的行高
+     * @en Line height of the line skeleton
+     */
+    lineHeight: {
+      type: Number,
+      default: 20
+    },
+    /**
+     * @zh 线型骨架的行间距
+     * @en Line spacing of line skeleton
+     */
+    lineSpacing: {
+      type: Number,
+      default: 15
+    }
+  },
+  setup(e) {
+    const s = u("skeleton--line"), l = m(() => {
+      const n = [];
+      for (let t = 0; t < e.rows; t++) {
+        const i = {};
+        a(e.widths[t]) ? i.width = `${e.widths[t]}px` : o(e.widths[t]) && (i.width = String(e.widths[t])), i.height = `${e.lineHeight}px`, t > 0 && (i.marginTop = `${e.lineSpacing}px`), n.push(i);
+      }
+      return n;
+    });
+    return {
+      className: s,
+      lines: l
+    };
+  }
+});
+export {
+  c as default
+};

package/dist/es/components/skeleton/SkeletonShape.vue.js

@@ -0,0 +1,12 @@
+import o from "./SkeletonShape.vue2.js";
+import { openBlock as r, createElementBlock as t, normalizeClass as n } from "vue";
+import s from "../../_virtual/_plugin-vue_export-helper.js";
+function c(e, a, l, p, m, f) {
+  return r(), t("div", {
+    class: n(e.cls)
+  }, null, 2);
+}
+const u = /* @__PURE__ */ s(o, [["render", c]]);
+export {
+  u as default
+};

package/dist/es/components/skeleton/SkeletonShape.vue2.js

@@ -0,0 +1,38 @@
+import { defineComponent as s, computed as o } from "vue";
+import { getClassNameMixin as a } from "../../_utils/config.js";
+const p = s({
+  name: "SkeletonShape",
+  props: {
+    /**
+     * @zh 图形骨架的形状
+     * @en The shape of the shape skeleton
+     * @values 'square', 'circle'
+     */
+    shape: {
+      type: String,
+      default: "square"
+    },
+    /**
+     * @zh 图形骨架的大小
+     * @en The size of the shape skeleton
+     * @values 'small', 'medium', 'large'
+     */
+    size: {
+      type: String,
+      default: "medium"
+    }
+  },
+  setup(t) {
+    const e = a("skeleton--shape");
+    return {
+      cls: o(() => [
+        e.block,
+        e.modifier(t.shape),
+        e.modifier(t.size)
+      ])
+    };
+  }
+});
+export {
+  p as default
+};

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

@@ -0,0 +1,12 @@
+import t from "./Skeleton.vue.js";
+import n from "./SkeletonLine.vue.js";
+import r from "./SkeletonShape.vue.js";
+import { generateComponent as e } from "../../_utils/vue-eco.js";
+import { getComponentPrefix as o } from "../../_utils/config.js";
+const k = e(o("Skeleton"), t), f = e(o("SkeletonLine"), n), a = e(o("SkeletonShape"), r);
+export {
+  k as Skeleton,
+  f as SkeletonLine,
+  a as SkeletonShape,
+  k as default
+};

package/dist/es/components/space/Space.js

@@ -0,0 +1,85 @@
+import { defineComponent as h, computed as S, Comment as N, createVNode as l, mergeProps as b, Fragment as k } from "vue";
+import { isNumber as v } from "../../_utils/is.js";
+import { getClassNameMixin as $ } from "../../_utils/config.js";
+import { getAllElements as B } from "../../_utils/vue-eco.js";
+const R = /* @__PURE__ */ h({
+  name: "Space",
+  inheritAttrs: !1,
+  props: {
+    direction: {
+      type: String,
+      default: "horizontal"
+    },
+    size: {
+      type: [Number, String],
+      default: "small"
+    },
+    align: {
+      type: String,
+      default: "center"
+    },
+    block: {
+      type: Boolean,
+      default: !1
+    },
+    fill: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(e, {
+    attrs: g,
+    slots: i
+  }) {
+    const r = $("space"), y = S(() => [r.block, r.element(e.direction), e.block && r.modifier("block"), e.fill && r.modifier("fill"), r.element(`${e.direction}-${e.align}`)]);
+    function u(t) {
+      if (v(t))
+        return t;
+      switch (t) {
+        case "mini":
+          return 4;
+        case "small":
+          return 8;
+        case "medium":
+          return 16;
+        case "large":
+          return 24;
+        default:
+          return 8;
+      }
+    }
+    const s = (t) => {
+      const n = {};
+      if (t) return n;
+      const a = `${u(e.size)}px`, m = `${u(e.size)}px`;
+      return e.direction === "horizontal" && (n.marginRight = a), e.direction === "vertical" && (n.marginBottom = m), n;
+    };
+    return () => {
+      var f;
+      const t = B((f = i.default) == null ? void 0 : f.call(i), !0).filter((c) => c.type !== N), {
+        class: n,
+        style: a,
+        ...m
+      } = g;
+      return l("div", b({
+        class: [y.value, n],
+        style: a
+      }, m), [t.map((c, o) => {
+        var d;
+        const p = i.split && o > 0;
+        return l(k, {
+          key: `space-item-${o}`
+        }, [p && l("div", {
+          className: r.element("split"),
+          style: s(!1)
+        }, [(d = i.split) == null ? void 0 : d.call(i)]), l("div", {
+          className: r.element("item"),
+          style: s(o === t.length - 1)
+        }, [c])]);
+      })]);
+    };
+  }
+});
+export {
+  R as default
+};

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

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

package/dist/es/components/spin/Spin.js

@@ -0,0 +1,135 @@
+import { defineComponent as p, computed as B, createVNode as t, mergeProps as S, Fragment as c, cloneVNode as N } from "vue";
+import L from "../../icons/animation/animation-loading.js";
+import k from "./dot-loading.js";
+import { getFirstComponent as C } from "../../_utils/vue-eco.js";
+import { getClassNameMixin as I } from "../../_utils/config.js";
+import { useLocale as x } from "../../locale/index.js";
+const M = /* @__PURE__ */ p({
+  name: "Spin",
+  inheritAttrs: !1,
+  props: {
+    /**
+     * @zh 容器的显示方式
+     * @en Container display mode
+     */
+    display: {
+      type: String,
+      default: "inline"
+    },
+    /**
+     * @zh 尺寸
+     * @en Size
+     */
+    size: {
+      type: Number
+    },
+    /**
+     * @zh 是否为加载中状态（仅在容器模式下生效）
+     * @en Whether it is loading state (Only effective in container mode)
+     */
+    loading: Boolean,
+    /**
+     * @zh 是否使用点类型的动画
+     * @en Whether to use dot type animation
+     */
+    dot: {
+      type: [Boolean, String]
+    },
+    /**
+     * @zh 提示内容
+     * @en Prompt content
+     */
+    tip: String,
+    /**
+     * @zh 是否隐藏图标
+     * @en Whether to hide the icon
+     */
+    hideIcon: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  /**
+   * @zh 自定义图标（自动旋转）
+   * @en Custom icon (auto-rotation)
+   * @slot icon
+   */
+  /**
+   * @zh 自定义元素
+   * @en Custom element
+   * @slot element
+   */
+  /**
+   * @zh 自定义提示内容
+   * @en Custom tip
+   * @slot tip
+   */
+  setup(e, {
+    attrs: u,
+    slots: i
+  }) {
+    const n = I("spin"), {
+      t: m
+    } = x(), f = B(() => [n.block, e.display === "inline" ? n.modifier("inline") : n.modifier("block"), {
+      [n.modifier("loading")]: e.loading,
+      [n.modifier("with-tip")]: e.tip && !i.default
+    }]), s = () => {
+      if (i.icon) {
+        const a = C(i.icon());
+        if (a)
+          return N(a, {
+            spin: !0
+          });
+      }
+      return i.element ? i.element() : e.dot ? t(k, {
+        size: e.size,
+        type: e.dot === "color" ? "color" : "default"
+      }, null) : t(L, {
+        spin: !0,
+        size: e.size
+      }, null);
+    }, o = () => {
+      var l;
+      const a = e.size ? {
+        fontSize: `${e.size}px`
+      } : void 0, d = !!(i.tip ?? e.tip);
+      return t(c, null, [!e.hideIcon && t("div", {
+        class: n.element("icon"),
+        style: a
+      }, [s()]), d && t("div", {
+        class: n.element("tip")
+      }, [((l = i.tip) == null ? void 0 : l.call(i)) ?? e.tip])]);
+    };
+    return () => {
+      var r;
+      const a = !!i.default, {
+        class: d,
+        style: l,
+        role: g,
+        "aria-live": y,
+        "aria-busy": v,
+        "aria-label": h,
+        ...b
+      } = u, z = !!(i.tip ?? e.tip);
+      return t("div", S(b, {
+        class: [f.value, d],
+        style: l,
+        role: g ?? (a ? void 0 : "status"),
+        "aria-live": y ?? (a && !e.loading ? void 0 : "polite"),
+        "aria-busy": v ?? (a ? e.loading : !0),
+        "aria-label": h ?? (z ? void 0 : m("common.loading"))
+      }), [a ? t(c, null, [t("div", {
+        class: n.element("children"),
+        "aria-hidden": e.loading ? "true" : void 0,
+        inert: e.loading ? "" : void 0
+      }, [(r = i.default) == null ? void 0 : r.call(i)]), e.loading && t("div", {
+        class: n.element("mask")
+      }, [t("div", {
+        class: n.element("mask--icon")
+      }, [o()])])]) : o()]);
+    };
+  }
+});
+export {
+  M as default
+};

package/dist/es/components/spin/dot-loading.js

@@ -0,0 +1,37 @@
+import { defineComponent as d, createVNode as i } from "vue";
+import { getClassNameMixin as s } from "../../_utils/config.js";
+const a = 4, f = /* @__PURE__ */ d({
+  name: "DotLoading",
+  props: {
+    size: {
+      type: Number
+    },
+    type: {
+      type: String,
+      default: "default"
+    }
+  },
+  setup(e) {
+    const t = s("dot-loading");
+    return () => {
+      const n = e.size ? {
+        width: `${e.size}px`,
+        height: `${e.size}px`
+      } : {};
+      return i("div", {
+        class: [t.block, t.modifier(e.type === "color" ? "color" : "default")],
+        style: {
+          width: e.size ? `${e.size * 3}px` : void 0,
+          height: e.size ? `${e.size * 3}px` : void 0
+        }
+      }, [Array(a).fill(1).map((o, l) => i("div", {
+        class: t.element("item"),
+        key: l,
+        style: n
+      }, null))]);
+    };
+  }
+});
+export {
+  f as default
+};

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

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

package/dist/es/components/steps/Step.vue.js

@@ -0,0 +1,68 @@
+import v from "./Step.vue2.js";
+import { resolveComponent as m, openBlock as s, createElementBlock as t, normalizeClass as o, createCommentVNode as i, renderSlot as a, createBlock as p, Fragment as y, createTextVNode as r, toDisplayString as d, createElementVNode as u } from "vue";
+import f from "../../_virtual/_plugin-vue_export-helper.js";
+const N = ["role", "tabindex", "aria-current", "aria-disabled"];
+function b(e, n, $, C, S, h) {
+  const c = m("icon-check"), k = m("icon-close");
+  return s(), t("div", {
+    ref: "itemRef",
+    class: o(e.cls),
+    role: e.interactive ? "button" : void 0,
+    tabindex: e.interactive ? 0 : void 0,
+    "aria-current": e.isActive ? "step" : void 0,
+    "aria-disabled": e.disabled || void 0,
+    onClick: n[0] || (n[0] = (...l) => e.handleClick && e.handleClick(...l)),
+    onKeydown: n[1] || (n[1] = (...l) => e.handleKeydown && e.handleKeydown(...l))
+  }, [
+    e.showTail ? (s(), t("div", {
+      key: 0,
+      class: o(e.className.element("tail"))
+    }, null, 2)) : i("", !0),
+    e.type !== "arrow" ? (s(), t("div", {
+      key: 1,
+      class: o(e.className.element("node"))
+    }, [
+      a(e.$slots, "node", {
+        step: e.stepNumber,
+        status: e.computedStatus
+      }, () => [
+        e.type !== "dot" ? (s(), t("div", {
+          key: 0,
+          class: o(e.iconClassName.block)
+        }, [
+          a(e.$slots, "icon", {
+            step: e.stepNumber,
+            status: e.computedStatus
+          }, () => [
+            e.computedStatus === "finish" ? (s(), p(c, { key: 0 })) : e.computedStatus === "error" ? (s(), p(k, { key: 1 })) : (s(), t(y, { key: 2 }, [
+              r(d(e.stepNumber), 1)
+            ], 64))
+          ])
+        ], 2)) : i("", !0)
+      ])
+    ], 2)) : i("", !0),
+    u("div", {
+      class: o(e.className.element("content"))
+    }, [
+      u("div", {
+        class: o(e.className.element("title"))
+      }, [
+        a(e.$slots, "default", {}, () => [
+          r(d(e.title), 1)
+        ])
+      ], 2),
+      e.description || e.$slots.description ? (s(), t("div", {
+        key: 0,
+        class: o(e.className.element("description"))
+      }, [
+        a(e.$slots, "description", {}, () => [
+          r(d(e.description), 1)
+        ])
+      ], 2)) : i("", !0)
+    ], 2)
+  ], 42, N);
+}
+const V = /* @__PURE__ */ f(v, [["render", b]]);
+export {
+  V as default
+};

package/dist/es/components/steps/Step.vue2.js

@@ -0,0 +1,115 @@
+import { defineComponent as y, getCurrentInstance as h, inject as N, computed as n, ref as j, reactive as w, onBeforeUnmount as B } from "vue";
+import E from "../../icons/default/check.js";
+import K from "../../icons/default/close.js";
+import { stepsInjectionKey as _ } from "./context.js";
+import { useIndex as A } from "../../_hooks/use-index.js";
+import { getClassNameMixin as u } from "../../_utils/config.js";
+const T = y({
+  name: "Step",
+  components: {
+    IconCheck: E,
+    IconClose: K
+  },
+  slots: Object,
+  props: {
+    /**
+     * @zh 步骤的标题
+     * @en Title of the step
+     */
+    title: String,
+    /**
+     * @zh 步骤的描述信息
+     * @en Description of the step
+     */
+    description: String,
+    /**
+     * @zh 步骤的状态
+     * @en Status of the step
+     * @values 'wait', 'process', 'finish', 'error'
+     */
+    status: {
+      type: String
+    },
+    /**
+     * @zh 是否禁用
+     * @en Whether to disable
+     */
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  /**
+   * @zh 节点
+   * @en Node
+   * @slot node
+   * @binding {number} step
+   * @binding {string} status
+   */
+  /**
+   * @zh 图标
+   * @en Icon
+   * @slot icon
+   * @binding {number} step
+   * @binding {string} status
+   */
+  /**
+   * @zh 描述内容
+   * @en Description
+   * @slot description
+   */
+  setup(a) {
+    const o = u("steps--item"), l = h(), f = u("steps--icon"), e = N(_, void 0), s = n(() => (e == null ? void 0 : e.type) ?? "default"), t = j(), { innerIndex: v } = A({
+      itemRef: t,
+      selector: `.${o.block}`,
+      parentClassName: e == null ? void 0 : e.parentCls
+    }), i = n(() => v.value + 1), r = n(
+      () => a.status ?? (e == null ? void 0 : e.getStatus(i.value)) ?? "process"
+    ), b = n(
+      () => (e == null ? void 0 : e.errorSteps.includes(i.value + 1)) ?? !1
+    );
+    l && (e == null || e.addItem(
+      l.uid,
+      w({
+        step: i,
+        status: r
+      })
+    )), B(() => {
+      l && (e == null || e.removeItem(l.uid));
+    });
+    const I = n(
+      () => !(e != null && e.lineLess) && ((e == null ? void 0 : e.labelPlacement) === "vertical" || (e == null ? void 0 : e.direction) === "vertical")
+    ), d = n(() => !!(e != null && e.changeable) && !a.disabled), m = n(() => i.value === (e == null ? void 0 : e.current)), S = (c) => {
+      a.disabled || e == null || e.onClick(i.value, c);
+    }, g = (c) => {
+      !d.value || !["Enter", " "].includes(c.key) || (c.preventDefault(), e == null || e.onClick(i.value, c));
+    }, k = n(() => [
+      o.block,
+      o.modifier(r.value),
+      {
+        [o.modifier("active")]: m.value,
+        [o.modifier("next-error")]: b.value,
+        [o.modifier("disabled")]: a.disabled
+        // [`${prefixCls}-custom`]: !!icon,
+      }
+    ]);
+    return {
+      className: o,
+      iconClassName: f,
+      cls: k,
+      itemRef: t,
+      showTail: I,
+      stepNumber: i,
+      computedStatus: r,
+      type: s,
+      disabled: a.disabled,
+      interactive: d,
+      isActive: m,
+      handleClick: S,
+      handleKeydown: g
+    };
+  }
+});
+export {
+  T as default
+};

package/dist/es/components/steps/Steps.vue.js

@@ -0,0 +1,14 @@
+import o from "./Steps.vue2.js";
+import { openBlock as r, createElementBlock as t, normalizeClass as s, renderSlot as n } from "vue";
+import a from "../../_virtual/_plugin-vue_export-helper.js";
+function c(e, l, p, f, m, i) {
+  return r(), t("div", {
+    class: s(e.cls)
+  }, [
+    n(e.$slots, "default")
+  ], 2);
+}
+const $ = /* @__PURE__ */ a(o, [["render", c]]);
+export {
+  $ as default
+};