x-next 1.0.1 → 1.2.0

package/dist/es/components/progress/line.vue.js

@@ -0,0 +1,41 @@
+import i from "./line.vue2.js";
+import { resolveComponent as m, openBlock as l, createElementBlock as o, normalizeClass as a, createElementVNode as r, normalizeStyle as s, renderSlot as c, createTextVNode as p, toDisplayString as u, createBlock as d, createCommentVNode as t } from "vue";
+import f from "../../_virtual/_plugin-vue_export-helper.js";
+const v = ["aria-valuenow"];
+function y(e, b, N, k, S, $) {
+  const n = m("icon-exclamation-circle-fill");
+  return l(), o("div", {
+    role: "progressbar",
+    "aria-valuemin": "0",
+    "aria-valuemax": "100",
+    "aria-valuenow": e.ariaValue,
+    class: a(e.className.element("wrapper"))
+  }, [
+    r("div", {
+      class: a(e.className.block),
+      style: s(e.style)
+    }, [
+      r("div", {
+        class: a(e.className.element("bar-buffer")),
+        style: s(e.bufferStyle)
+      }, null, 6),
+      r("div", {
+        class: a(e.barCls),
+        style: s(e.barStyle)
+      }, null, 6)
+    ], 6),
+    e.showText ? (l(), o("div", {
+      key: 0,
+      class: a(e.className.element("text"))
+    }, [
+      c(e.$slots, "text", { percent: e.percent }, () => [
+        p(u(e.text) + " ", 1),
+        e.status === "danger" ? (l(), d(n, { key: 0 })) : t("", !0)
+      ])
+    ], 2)) : t("", !0)
+  ], 10, v);
+}
+const V = /* @__PURE__ */ f(i, [["render", y]]);
+export {
+  V as default
+};

package/dist/es/components/progress/line.vue2.js

@@ -0,0 +1,93 @@
+import { defineComponent as d, computed as e } from "vue";
+import s from "../../node_modules/.pnpm/number-precision@1.6.0/node_modules/number-precision/build/index.es.js";
+import { isObject as f } from "../../_utils/is.js";
+import g from "../../icons/default/exclamation-circle-fill.js";
+import { getClassNameMixin as b } from "../../_utils/config.js";
+const h = {
+  mini: 2,
+  small: 3,
+  medium: 4,
+  large: 8
+}, i = (t) => {
+  if (t)
+    return f(t) ? {
+      backgroundImage: `linear-gradient(to right, ${Object.keys(t).map((r) => `${t[r]} ${r}`).join(",")})`
+    } : {
+      backgroundColor: t
+    };
+}, p = d({
+  name: "ProgressLine",
+  components: {
+    IconExclamationCircleFill: g
+  },
+  props: {
+    percent: {
+      type: Number,
+      default: 0
+    },
+    animation: {
+      type: Boolean,
+      default: !1
+    },
+    size: {
+      type: String,
+      default: "medium"
+    },
+    strokeWidth: {
+      type: Number
+    },
+    width: {
+      type: [Number, String],
+      default: "100%"
+    },
+    color: {
+      type: [String, Object],
+      default: void 0
+    },
+    trackColor: String,
+    bufferColor: {
+      type: [String, Object],
+      default: void 0
+    },
+    formatText: {
+      type: Function,
+      default: void 0
+    },
+    status: {
+      type: String
+    },
+    showText: Boolean
+  },
+  setup(t) {
+    const n = b("progress--line"), r = e(() => Math.round(t.percent * 100)), o = e(() => t.strokeWidth ?? h[t.size]), a = e(() => `${s.times(t.percent, 100)}%`), l = e(() => ({
+      width: t.width,
+      height: `${o.value}px`,
+      backgroundColor: t.trackColor
+    })), m = e(() => ({
+      width: `${t.percent * 100}%`,
+      ...i(t.color)
+    })), c = e(
+      () => t.bufferColor ? {
+        width: "100%",
+        ...i(t.bufferColor)
+      } : void 0
+    ), u = e(() => [
+      n.element("bar"),
+      {
+        [n.element("bar-animate")]: t.animation
+      }
+    ]);
+    return {
+      ariaValue: r,
+      barCls: u,
+      className: n,
+      bufferStyle: c,
+      style: l,
+      barStyle: m,
+      text: a
+    };
+  }
+});
+export {
+  p as default
+};

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

@@ -0,0 +1,45 @@
+import m from "./steps.vue2.js";
+import { resolveComponent as c, openBlock as r, createElementBlock as a, normalizeClass as o, createElementVNode as p, normalizeStyle as t, Fragment as d, renderList as u, renderSlot as f, createTextVNode as k, toDisplayString as v, createBlock as g, createCommentVNode as s } from "vue";
+import N from "../../_virtual/_plugin-vue_export-helper.js";
+const y = ["aria-valuenow"];
+function h(e, $, C, S, w, V) {
+  const n = c("icon-exclamation-circle-fill");
+  return r(), a("div", {
+    role: "progressbar",
+    "aria-valuemin": "0",
+    "aria-valuemax": "100",
+    "aria-valuenow": e.ariaValue,
+    class: o(e.className.element("wrapper"))
+  }, [
+    p("div", {
+      class: o(e.className.block),
+      style: t({ height: `${e.mergedStrokeWidth}px` })
+    }, [
+      (r(!0), a(d, null, u(e.stepList, (l, i) => (r(), a("div", {
+        key: i,
+        class: o([
+          e.className.element("item"),
+          {
+            [e.className.element("item-active")]: l
+          }
+        ]),
+        style: t({
+          backgroundColor: l ? e.color : e.trackColor
+        })
+      }, null, 6))), 128))
+    ], 6),
+    e.showText ? (r(), a("div", {
+      key: 0,
+      class: o(e.className.element("text"))
+    }, [
+      f(e.$slots, "text", { percent: e.percent }, () => [
+        k(v(e.text) + " ", 1),
+        e.status === "danger" ? (r(), g(n, { key: 0 })) : s("", !0)
+      ])
+    ], 2)) : s("", !0)
+  ], 10, y);
+}
+const E = /* @__PURE__ */ N(m, [["render", h]]);
+export {
+  E as default
+};

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

@@ -0,0 +1,56 @@
+import { defineComponent as m, computed as e } from "vue";
+import c from "../../node_modules/.pnpm/number-precision@1.6.0/node_modules/number-precision/build/index.es.js";
+import l from "../../icons/default/exclamation-circle-fill.js";
+import { getClassNameMixin as p } from "../../_utils/config.js";
+const x = m({
+  name: "ProgressSteps",
+  components: {
+    IconExclamationCircleFill: l
+  },
+  props: {
+    steps: {
+      type: Number,
+      default: 0
+    },
+    percent: {
+      type: Number,
+      default: 0
+    },
+    size: {
+      type: String
+    },
+    color: {
+      type: [String, Object],
+      default: void 0
+    },
+    trackColor: String,
+    strokeWidth: {
+      type: Number
+    },
+    status: {
+      type: String,
+      default: void 0
+    },
+    showText: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  setup(t) {
+    const r = p("progress--steps"), o = e(() => Math.round(t.percent * 100)), s = e(
+      () => t.strokeWidth ?? (t.size === "small" ? 8 : 4)
+    ), n = e(
+      () => [...Array(t.steps)].map((u, a) => t.percent > 0 && t.percent > 1 / t.steps * a)
+    ), i = e(() => `${c.times(t.percent, 100)}%`);
+    return {
+      ariaValue: o,
+      className: r,
+      stepList: n,
+      mergedStrokeWidth: s,
+      text: i
+    };
+  }
+});
+export {
+  x as default
+};

package/dist/es/components/rate/Rate.js

@@ -0,0 +1,393 @@
+import { defineComponent as ee, toRefs as le, toRef as ae, ref as b, computed as v, watch as te, onMounted as re, createVNode as r, mergeProps as ne } from "vue";
+import x from "../../node_modules/.pnpm/number-precision@1.6.0/node_modules/number-precision/build/index.es.js";
+import { getClassNameMixin as oe } from "../../_utils/config.js";
+import { isUndefined as ue, isNull as ce, isString as ie, isObject as se } from "../../_utils/is.js";
+import { useFormItem as de, useFormItemControl as fe } from "../../_hooks/use-form-item.js";
+const ve = () => r("svg", {
+  viewBox: "0 0 24 24",
+  "aria-hidden": "true",
+  focusable: "false"
+}, [r("path", {
+  d: "M12 2.8l2.75 5.57 6.15.9-4.45 4.33 1.05 6.12L12 16.83l-5.5 2.89 1.05-6.12L3.1 9.27l6.15-.9L12 2.8z",
+  fill: "currentColor"
+}, null)]), me = () => r("svg", {
+  viewBox: "0 0 24 24",
+  "aria-hidden": "true",
+  focusable: "false"
+}, [r("circle", {
+  cx: "12",
+  cy: "12",
+  r: "9.2",
+  fill: "currentColor"
+}, null), r("circle", {
+  cx: "8.6",
+  cy: "9.7",
+  r: "1.1",
+  fill: "var(--x-rate-face-detail-color)"
+}, null), r("circle", {
+  cx: "15.4",
+  cy: "9.7",
+  r: "1.1",
+  fill: "var(--x-rate-face-detail-color)"
+}, null), r("path", {
+  d: "M8.3 16.2c.9-1.2 2.1-1.8 3.7-1.8s2.8.6 3.7 1.8",
+  fill: "none",
+  stroke: "var(--x-rate-face-detail-color)",
+  "stroke-width": "1.7",
+  "stroke-linecap": "round"
+}, null)]), O = () => r("svg", {
+  viewBox: "0 0 24 24",
+  "aria-hidden": "true",
+  focusable: "false"
+}, [r("circle", {
+  cx: "12",
+  cy: "12",
+  r: "9.2",
+  fill: "currentColor"
+}, null), r("circle", {
+  cx: "8.6",
+  cy: "9.7",
+  r: "1.1",
+  fill: "var(--x-rate-face-detail-color)"
+}, null), r("circle", {
+  cx: "15.4",
+  cy: "9.7",
+  r: "1.1",
+  fill: "var(--x-rate-face-detail-color)"
+}, null), r("path", {
+  d: "M8.5 15.6h7",
+  fill: "none",
+  stroke: "var(--x-rate-face-detail-color)",
+  "stroke-width": "1.7",
+  "stroke-linecap": "round"
+}, null)]), he = () => r("svg", {
+  viewBox: "0 0 24 24",
+  "aria-hidden": "true",
+  focusable: "false"
+}, [r("circle", {
+  cx: "12",
+  cy: "12",
+  r: "9.2",
+  fill: "currentColor"
+}, null), r("circle", {
+  cx: "8.6",
+  cy: "9.7",
+  r: "1.1",
+  fill: "var(--x-rate-face-detail-color)"
+}, null), r("circle", {
+  cx: "15.4",
+  cy: "9.7",
+  r: "1.1",
+  fill: "var(--x-rate-face-detail-color)"
+}, null), r("path", {
+  d: "M8.2 14.6c.9 1.4 2.2 2.1 3.8 2.1s2.9-.7 3.8-2.1",
+  fill: "none",
+  stroke: "var(--x-rate-face-detail-color)",
+  "stroke-width": "1.7",
+  "stroke-linecap": "round"
+}, null)]), ke = /* @__PURE__ */ ee({
+  name: "Rate",
+  inheritAttrs: !1,
+  props: {
+    /**
+     * @zh 评分的总数
+     * @en Total number of rate
+     */
+    count: {
+      type: Number,
+      default: 5
+    },
+    /**
+     * @zh 绑定值
+     * @en Value
+     * @vModel
+     */
+    modelValue: {
+      type: Number,
+      default: void 0
+    },
+    /**
+     * @zh 默认值（非受控状态）
+     * @en Default value (uncontrolled state)
+     */
+    defaultValue: {
+      type: Number,
+      default: 0
+    },
+    /**
+     * @zh 是否允许半选
+     * @en Whether to allow half selection
+     */
+    allowHalf: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 是否允许再次点击清除
+     * @en Whether to allow clear
+     */
+    allowClear: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 是否开启笑脸分级
+     * @en Whether to enable smile grading
+     */
+    grading: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 是否为只读状态
+     * @en Whether it is readonly
+     */
+    readonly: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 是否禁用
+     * @en Whether to disable
+     */
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 是否自动获取焦点
+     * @en Whether to automatically focus
+     */
+    autofocus: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 根节点 tabindex
+     * @en Root tabindex
+     */
+    tabindex: {
+      type: [String, Number],
+      default: 0
+    },
+    /**
+     * @zh 每项提示
+     * @en Tooltip text of each item
+     */
+    tooltips: {
+      type: Array
+    },
+    /**
+     * @zh 颜色，支持统一颜色或分段阈值颜色
+     * @en Color, supports a single color or threshold colors
+     */
+    color: {
+      type: [String, Object]
+    }
+  },
+  emits: {
+    "update:modelValue": (t) => !0,
+    /**
+     * @zh 值改变时触发
+     * @en Triggered when value changes
+     */
+    change: (t) => !0,
+    /**
+     * @zh 鼠标移入评分项或移出组件时触发
+     * @en Triggered when hovering over items or leaving the component
+     */
+    hoverChange: (t) => !0,
+    /**
+     * @zh 组件获得焦点时触发
+     * @en Triggered when the component gets focus
+     */
+    focus: (t) => !0,
+    /**
+     * @zh 组件失去焦点时触发
+     * @en Triggered when the component loses focus
+     */
+    blur: (t) => !0,
+    /**
+     * @zh 键盘按下时触发
+     * @en Triggered on keydown
+     */
+    keydown: (t) => !0
+  },
+  /**
+   * @zh 自定义评分符号
+   * @en Custom character
+   * @slot character
+   * @binding {number} index
+   * @binding {number} value
+   * @binding {number} count
+   * @binding {boolean} disabled
+   */
+  setup(t, {
+    attrs: w,
+    emit: c,
+    expose: _,
+    slots: I
+  }) {
+    const o = oe("rate"), {
+      modelValue: p
+    } = le(t), {
+      formItemCtx: z,
+      mergedDisabled: E,
+      eventHandlers: C
+    } = de({
+      disabled: ae(t, "disabled")
+    }), K = fe(z, () => w, {
+      labelable: !1
+    }), B = b(null), k = b(t.defaultValue), y = b(), V = b(!1), M = b(), i = v(() => Math.max(0, t.grading ? 5 : Math.floor(t.count))), s = v(() => E.value), N = v(() => !s.value && !t.readonly), A = (e) => {
+      const l = i.value, a = Number(e ?? 0);
+      if (!Number.isFinite(a) || a <= 0 || l <= 0)
+        return 0;
+      const n = t.allowHalf ? x.times(x.round(x.divide(a, 0.5), 0), 0.5) : Math.round(a);
+      return Math.min(l, Math.max(0, n));
+    }, d = v(() => A(t.modelValue ?? k.value)), m = v(() => A(y.value ?? d.value));
+    te(p, (e) => {
+      (ue(e) || ce(e)) && (k.value = 0);
+    });
+    const H = v(() => {
+      if (ie(t.color))
+        return Array.from({
+          length: i.value
+        }, () => t.color);
+      if (se(t.color)) {
+        const e = Object.keys(t.color).map(Number).filter((l) => Number.isFinite(l)).sort((l, a) => l - a);
+        return Array.from({
+          length: i.value
+        }, (l, a) => {
+          const n = a + 1, u = e.find((h) => n <= h) ?? e[e.length - 1];
+          return u ? t.color[u] : void 0;
+        });
+      }
+    }), R = (e, l, a = !1) => {
+      var u, h, f, g;
+      const n = A(e);
+      if (n === d.value) {
+        a && t.allowClear && n !== 0 && (k.value = 0, c("update:modelValue", 0), c("change", 0), (h = (u = C.value) == null ? void 0 : u.onChange) == null || h.call(u, l));
+        return;
+      }
+      k.value = n, M.value = n, c("update:modelValue", n), c("change", n), (g = (f = C.value) == null ? void 0 : f.onChange) == null || g.call(f, l);
+    }, L = (e, l) => {
+      if (!t.allowHalf)
+        return e + 1;
+      const n = l.currentTarget.getBoundingClientRect(), u = l.clientX - n.left <= n.width / 2;
+      return e + (u ? 0.5 : 1);
+    }, P = (e, l) => {
+      if (!N.value)
+        return;
+      const a = L(e, l);
+      y.value !== a && (y.value = a, c("hoverChange", a));
+    }, U = () => {
+      y.value !== void 0 && (y.value = void 0, c("hoverChange", void 0));
+    }, G = (e, l) => {
+      N.value && R(L(e, l), l, !0);
+    }, T = (e) => {
+      if (c("keydown", e), !N.value)
+        return;
+      const l = t.allowHalf ? 0.5 : 1;
+      let a;
+      if (e.key === "ArrowRight" || e.key === "ArrowUp")
+        a = x.plus(d.value, l);
+      else if (e.key === "ArrowLeft" || e.key === "ArrowDown")
+        a = x.minus(d.value, l);
+      else if (e.key === "Home")
+        a = 0;
+      else if (e.key === "End")
+        a = i.value;
+      else {
+        const n = Number(e.key);
+        Number.isInteger(n) && n >= 0 && n <= i.value && (a = n);
+      }
+      a !== void 0 && (e.preventDefault(), R(a, e));
+    }, X = (e) => {
+      var l, a;
+      V.value = !0, c("focus", e), (a = (l = C.value) == null ? void 0 : l.onFocus) == null || a.call(l, e);
+    }, q = (e) => {
+      var l, a;
+      V.value = !1, c("blur", e), (a = (l = C.value) == null ? void 0 : l.onBlur) == null || a.call(l, e);
+    }, J = () => {
+      M.value = void 0;
+    }, S = () => {
+      var e;
+      s.value || (e = B.value) == null || e.focus();
+    };
+    _({
+      focus: S,
+      blur: () => {
+        var e;
+        (e = B.value) == null || e.blur();
+      }
+    }), re(() => {
+      t.autofocus && S();
+    });
+    const Q = (e) => e + 1 > m.value ? r(O, null, null) : m.value <= 2 ? r(me, null, null) : m.value <= 3 ? r(O, null, null) : r(he, null, null), j = (e) => t.grading ? Q(e) : I.character ? I.character({
+      index: e,
+      value: d.value,
+      count: i.value,
+      disabled: s.value
+    }) : r(ve, null, null), W = (e) => {
+      var a, n;
+      const l = Math.max(0, Math.ceil(m.value) - 1);
+      return ((a = H.value) == null ? void 0 : a[l]) ?? ((n = H.value) == null ? void 0 : n[e]);
+    }, Y = (e, l) => {
+      var D;
+      const a = l + 1, n = t.allowHalf && m.value === l + 0.5, u = a <= m.value, h = a <= d.value, f = W(l), g = f ? {
+        color: f
+      } : void 0, $ = [o.element("character"), {
+        [o.element("character-full")]: u,
+        [o.element("character-half")]: n,
+        [o.element("character-checked")]: h,
+        [o.element("character-focused")]: V.value && Math.ceil(d.value) === a,
+        [o.element("character-scale")]: M.value !== void 0 && a <= Math.ceil(M.value),
+        [o.element("character-disabled")]: s.value
+      }];
+      return r("div", {
+        key: l,
+        class: $,
+        title: (D = t.tooltips) == null ? void 0 : D[l],
+        role: "radio",
+        "aria-checked": Math.ceil(d.value) === a,
+        "aria-posinset": a,
+        "aria-setsize": i.value,
+        "aria-disabled": s.value || void 0,
+        onMousemove: (F) => P(l, F),
+        onClick: (F) => G(l, F),
+        onAnimationend: J
+      }, [r("div", {
+        class: o.element("character-left"),
+        style: n ? g : void 0
+      }, [j(l)]), r("div", {
+        class: o.element("character-right"),
+        style: u ? g : void 0
+      }, [j(l)])]);
+    }, Z = v(() => [o.block, w.class, {
+      [o.modifier("disabled")]: s.value,
+      [o.modifier("readonly")]: t.readonly,
+      [o.modifier("grading")]: t.grading,
+      [o.modifier("focused")]: V.value
+    }]);
+    return () => {
+      const e = Object.fromEntries(Object.entries(w).filter(([l]) => l !== "class" && l !== "style"));
+      return r("div", ne(e, K.value, {
+        ref: B,
+        class: Z.value,
+        style: w.style,
+        role: "radiogroup",
+        tabindex: s.value ? -1 : t.tabindex,
+        "aria-disabled": s.value || void 0,
+        onMouseleave: U,
+        onKeydown: T,
+        onFocus: X,
+        onBlur: q
+      }), [Array.from({
+        length: i.value
+      }).map(Y)]);
+    };
+  }
+});
+export {
+  ke as default
+};

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

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

package/dist/es/components/resize-box/ResizeBox.vue.js

@@ -0,0 +1,53 @@
+import l from "./ResizeBox.vue2.js";
+import { resolveComponent as m, openBlock as s, createBlock as t, resolveDynamicComponent as p, mergeProps as g, withCtx as n, renderSlot as a, createElementBlock as f, Fragment as z, renderList as d, normalizeClass as u, createSlots as c, createCommentVNode as y } from "vue";
+import $ from "../../_virtual/_plugin-vue_export-helper.js";
+function w(e, R, k, v, C, h) {
+  const i = m("ResizeTrigger");
+  return s(), t(p(e.component), g({ ref: "wrapperRef" }, e.wrapperAttrs, {
+    class: e.classNames,
+    style: e.mergedStyles
+  }), {
+    default: n(() => [
+      a(e.$slots, "default"),
+      (s(!0), f(z, null, d(e.allowDirections, (r) => (s(), t(i, {
+        key: r,
+        "prefix-cls": e.className.element("trigger"),
+        class: u(e.className.modifier(`direction-${r}`)),
+        direction: e.isHorizontal(r) ? "horizontal" : "vertical",
+        onMousedown: (o) => {
+          e.onMoveStart(r, o);
+        },
+        onKeydown: (o) => {
+          e.onTriggerKeydown(r, o);
+        },
+        onResize: (o) => {
+          e.onTiggerResize(r, o);
+        },
+        tabindex: "0",
+        role: "separator",
+        "aria-orientation": e.isHorizontal(r) ? "horizontal" : "vertical"
+      }, c({
+        default: n(() => [
+          e.$slots["resize-trigger"] ? a(e.$slots, "resize-trigger", {
+            key: 0,
+            direction: r
+          }) : y("", !0)
+        ]),
+        _: 2
+      }, [
+        e.$slots["resize-trigger-icon"] ? {
+          name: "icon",
+          fn: n(() => [
+            a(e.$slots, "resize-trigger-icon", { direction: r })
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["prefix-cls", "class", "direction", "onMousedown", "onKeydown", "onResize", "aria-orientation"]))), 128))
+    ]),
+    _: 3
+  }, 16, ["class", "style"]);
+}
+const T = /* @__PURE__ */ $(l, [["render", w]]);
+export {
+  T as default
+};