x-next 1.0.0 → 1.1.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,390 @@
+import { defineComponent as Z, toRefs as $, toRef as ee, ref as g, computed as v, watch as le, onMounted as ae, createVNode as r, mergeProps as te } from "vue";
+import b from "../../node_modules/.pnpm/number-precision@1.6.0/node_modules/number-precision/build/index.es.js";
+import { getClassNameMixin as re } from "../../_utils/config.js";
+import { isUndefined as ne, isNull as oe, isString as ue, isObject as ce } from "../../_utils/is.js";
+import { useFormItem as ie } from "../../_hooks/use-form-item.js";
+const se = () => 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)]), de = () => 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)]), fe = () => 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)]), we = /* @__PURE__ */ Z({
+  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: V,
+    emit: c,
+    expose: _,
+    slots: F
+  }) {
+    const o = re("rate"), {
+      modelValue: p
+    } = $(t), {
+      mergedDisabled: z,
+      eventHandlers: w
+    } = ie({
+      disabled: ee(t, "disabled")
+    }), M = g(null), x = g(t.defaultValue), h = g(), k = g(!1), C = g(), s = v(() => Math.max(0, t.grading ? 5 : Math.floor(t.count))), d = v(() => z.value), B = v(() => !d.value && !t.readonly), N = (e) => {
+      const l = s.value, a = Number(e ?? 0);
+      if (!Number.isFinite(a) || a <= 0 || l <= 0)
+        return 0;
+      const n = t.allowHalf ? b.times(b.round(b.divide(a, 0.5), 0), 0.5) : Math.round(a);
+      return Math.min(l, Math.max(0, n));
+    }, f = v(() => N(t.modelValue ?? x.value)), m = v(() => N(h.value ?? f.value));
+    le(p, (e) => {
+      (ne(e) || oe(e)) && (x.value = 0);
+    });
+    const H = v(() => {
+      if (ue(t.color))
+        return Array.from({
+          length: s.value
+        }, () => t.color);
+      if (ce(t.color)) {
+        const e = Object.keys(t.color).map(Number).filter((l) => Number.isFinite(l)).sort((l, a) => l - a);
+        return Array.from({
+          length: s.value
+        }, (l, a) => {
+          const n = a + 1, u = e.find((i) => n <= i) ?? e[e.length - 1];
+          return u ? t.color[u] : void 0;
+        });
+      }
+    }), I = (e, l) => {
+      var n, u, i, y;
+      const a = N(e);
+      if (a === f.value) {
+        t.allowClear && a !== 0 && (x.value = 0, c("update:modelValue", 0), c("change", 0), (u = (n = w.value) == null ? void 0 : n.onChange) == null || u.call(n, l));
+        return;
+      }
+      x.value = a, C.value = a, c("update:modelValue", a), c("change", a), (y = (i = w.value) == null ? void 0 : i.onChange) == null || y.call(i, l);
+    }, R = (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);
+    }, E = (e, l) => {
+      if (!B.value)
+        return;
+      const a = R(e, l);
+      h.value !== a && (h.value = a, c("hoverChange", a));
+    }, K = () => {
+      h.value !== void 0 && (h.value = void 0, c("hoverChange", void 0));
+    }, P = (e, l) => {
+      B.value && I(R(e, l), l);
+    }, U = (e) => {
+      if (c("keydown", e), !B.value)
+        return;
+      const l = t.allowHalf ? 0.5 : 1;
+      let a;
+      if (e.key === "ArrowRight" || e.key === "ArrowUp")
+        a = b.plus(f.value, l);
+      else if (e.key === "ArrowLeft" || e.key === "ArrowDown")
+        a = b.minus(f.value, l);
+      else if (e.key === "Home")
+        a = 0;
+      else if (e.key === "End")
+        a = s.value;
+      else {
+        const n = Number(e.key);
+        Number.isInteger(n) && n >= 0 && n <= s.value && (a = n);
+      }
+      a !== void 0 && (e.preventDefault(), I(a, e));
+    }, G = (e) => {
+      var l, a;
+      k.value = !0, c("focus", e), (a = (l = w.value) == null ? void 0 : l.onFocus) == null || a.call(l, e);
+    }, T = (e) => {
+      var l, a;
+      k.value = !1, c("blur", e), (a = (l = w.value) == null ? void 0 : l.onBlur) == null || a.call(l, e);
+    }, X = () => {
+      C.value = void 0;
+    }, L = () => {
+      var e;
+      d.value || (e = M.value) == null || e.focus();
+    };
+    _({
+      focus: L,
+      blur: () => {
+        var e;
+        (e = M.value) == null || e.blur();
+      }
+    }), ae(() => {
+      t.autofocus && L();
+    });
+    const q = (e) => e + 1 > m.value ? r(O, null, null) : m.value <= 2 ? r(de, null, null) : m.value <= 3 ? r(O, null, null) : r(fe, null, null), S = (e) => t.grading ? q(e) : F.character ? F.character({
+      index: e,
+      value: f.value,
+      count: s.value,
+      disabled: d.value
+    }) : r(se, null, null), J = (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]);
+    }, Q = (e, l) => {
+      var D;
+      const a = l + 1, n = t.allowHalf && m.value === l + 0.5, u = a <= m.value, i = a <= f.value, y = J(l), j = y ? {
+        color: y
+      } : void 0, Y = [o.element("character"), {
+        [o.element("character-full")]: u,
+        [o.element("character-half")]: n,
+        [o.element("character-checked")]: i,
+        [o.element("character-focused")]: k.value && Math.ceil(f.value) === a,
+        [o.element("character-scale")]: C.value !== void 0 && a <= Math.ceil(C.value),
+        [o.element("character-disabled")]: d.value
+      }];
+      return r("div", {
+        key: l,
+        class: Y,
+        title: (D = t.tooltips) == null ? void 0 : D[l],
+        role: "radio",
+        "aria-checked": i,
+        "aria-posinset": a,
+        "aria-setsize": s.value,
+        "aria-disabled": d.value || void 0,
+        onMousemove: (A) => E(l, A),
+        onClick: (A) => P(l, A),
+        onAnimationend: X
+      }, [r("div", {
+        class: o.element("character-left"),
+        style: n ? j : void 0
+      }, [S(l)]), r("div", {
+        class: o.element("character-right"),
+        style: u ? j : void 0
+      }, [S(l)])]);
+    }, W = v(() => [o.block, V.class, {
+      [o.modifier("disabled")]: d.value,
+      [o.modifier("readonly")]: t.readonly,
+      [o.modifier("grading")]: t.grading,
+      [o.modifier("focused")]: k.value
+    }]);
+    return () => {
+      const e = Object.fromEntries(Object.entries(V).filter(([l]) => l !== "class" && l !== "style"));
+      return r("div", te(e, {
+        ref: M,
+        class: W.value,
+        style: V.style,
+        role: "radiogroup",
+        tabindex: d.value ? -1 : t.tabindex,
+        "aria-disabled": d.value || void 0,
+        onMouseleave: K,
+        onKeydown: U,
+        onFocus: G,
+        onBlur: T
+      }), [Array.from({
+        length: s.value
+      }).map(Q)]);
+    };
+  }
+});
+export {
+  we 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
+};