x-next 1.0.1 → 1.2.0

package/dist/es/components/form-slider/slider-dots.vue2.js

@@ -0,0 +1,35 @@
+import { defineComponent as o } from "vue";
+import { getPositionStyle as m, getOffsetPercent as a } from "./utils.js";
+import { getClassNameMixin as t } from "../../_utils/config.js";
+const f = o({
+  name: "SliderDots",
+  props: {
+    data: {
+      type: Array,
+      required: !0
+    },
+    min: {
+      type: Number,
+      required: !0
+    },
+    max: {
+      type: Number,
+      required: !0
+    },
+    direction: {
+      type: String,
+      default: "horizontal"
+    }
+  },
+  setup(e) {
+    const r = t("slider"), i = t("slider--dot");
+    return {
+      parentClassName: r,
+      itemClassName: i,
+      getStyle: (n) => m(a(n, [e.min, e.max]), e.direction)
+    };
+  }
+});
+export {
+  f as default
+};

package/dist/es/components/form-slider/slider-input.vue.js

@@ -0,0 +1,37 @@
+import i from "./slider-input.vue2.js";
+import { resolveComponent as r, openBlock as o, createElementBlock as l, normalizeClass as s, Fragment as t, createVNode as d, createElementVNode as p, createCommentVNode as u } from "vue";
+import b from "../../_virtual/_plugin-vue_export-helper.js";
+function f(e, n, v, C, g, $) {
+  const a = r("input-number");
+  return o(), l("div", {
+    class: s(e.className.block)
+  }, [
+    e.range ? (o(), l(t, { key: 0 }, [
+      d(a, {
+        min: e.min,
+        max: e.max,
+        step: e.step,
+        disabled: e.disabled,
+        "model-value": e.modelValue[0],
+        "hide-button": "",
+        onChange: n[0] || (n[0] = (m) => e.$emit("startChange", m))
+      }, null, 8, ["min", "max", "step", "disabled", "model-value"]),
+      p("div", {
+        class: s(e.className.modifier("hyphens"))
+      }, null, 2)
+    ], 64)) : u("", !0),
+    d(a, {
+      min: e.min,
+      max: e.max,
+      step: e.step,
+      disabled: e.disabled,
+      "model-value": e.modelValue[1],
+      "hide-button": "",
+      onChange: n[1] || (n[1] = (m) => e.$emit("endChange", m))
+    }, null, 8, ["min", "max", "step", "disabled", "model-value"])
+  ], 2);
+}
+const k = /* @__PURE__ */ b(i, [["render", f]]);
+export {
+  k as default
+};

package/dist/es/components/form-slider/slider-input.vue2.js

@@ -0,0 +1,39 @@
+import { defineComponent as e } from "vue";
+import { InputNumber as t } from "../form-input-number/index.js";
+import { getClassNameMixin as r } from "../../_utils/config.js";
+const i = e({
+  name: "SliderInput",
+  components: {
+    InputNumber: t
+  },
+  props: {
+    modelValue: {
+      type: Array,
+      required: !0
+    },
+    min: {
+      type: Number
+    },
+    max: {
+      type: Number
+    },
+    step: {
+      type: Number
+    },
+    disabled: {
+      type: Boolean
+    },
+    range: {
+      type: Boolean
+    }
+  },
+  emits: ["startChange", "endChange"],
+  setup(m, { emit: n }) {
+    return {
+      className: r("slider--input")
+    };
+  }
+});
+export {
+  i as default
+};

package/dist/es/components/form-slider/slider-marks.vue.js

@@ -0,0 +1,19 @@
+import l from "./slider-marks.vue2.js";
+import { openBlock as r, createElementBlock as t, normalizeClass as s, Fragment as o, renderList as m, normalizeStyle as i, toDisplayString as c } from "vue";
+import d from "../../_virtual/_plugin-vue_export-helper.js";
+function p(e, f, u, k, y, S) {
+  return r(), t("div", {
+    class: s(e.className.element("marks"))
+  }, [
+    (r(!0), t(o, null, m(e.data, (a, n) => (r(), t("div", {
+      key: n,
+      "aria-hidden": "true",
+      class: s(e.className.element("mark")),
+      style: i(e.getStyle(a.key))
+    }, c(a.content), 7))), 128))
+  ], 2);
+}
+const h = /* @__PURE__ */ d(l, [["render", p]]);
+export {
+  h as default
+};

package/dist/es/components/form-slider/slider-marks.vue2.js

@@ -0,0 +1,33 @@
+import { defineComponent as r } from "vue";
+import { getPositionStyle as i, getOffsetPercent as a } from "./utils.js";
+import { getClassNameMixin as m } from "../../_utils/config.js";
+const l = r({
+  name: "SliderMarks",
+  props: {
+    data: {
+      type: Array,
+      required: !0
+    },
+    min: {
+      type: Number,
+      required: !0
+    },
+    max: {
+      type: Number,
+      required: !0
+    },
+    direction: {
+      type: String,
+      default: "horizontal"
+    }
+  },
+  setup(e) {
+    return {
+      className: m("slider"),
+      getStyle: (t) => i(a(t, [e.min, e.max]), e.direction)
+    };
+  }
+});
+export {
+  l as default
+};

package/dist/es/components/form-slider/slider-ticks.vue.js

@@ -0,0 +1,21 @@
+import n from "./slider-ticks.vue2.js";
+import { openBlock as s, createElementBlock as t, normalizeClass as l, Fragment as i, renderList as o, normalizeStyle as c } from "vue";
+import m from "../../_virtual/_plugin-vue_export-helper.js";
+function p(e, d, f, k, u, y) {
+  return s(), t("div", {
+    class: l(e.className.element("ticks"))
+  }, [
+    (s(!0), t(i, null, o(e.steps, (r, a) => (s(), t("div", {
+      key: a,
+      class: l([
+        e.className.element("tick"),
+        { [`${e.className.element("tick")}-active`]: r.isActive }
+      ]),
+      style: c(e.getStyle(r.key))
+    }, null, 6))), 128))
+  ], 2);
+}
+const S = /* @__PURE__ */ m(n, [["render", p]]);
+export {
+  S as default
+};

package/dist/es/components/form-slider/slider-ticks.vue2.js

@@ -0,0 +1,50 @@
+import { defineComponent as s, computed as a } from "vue";
+import o from "../../node_modules/.pnpm/number-precision@1.6.0/node_modules/number-precision/build/index.es.js";
+import { getPositionStyle as l, getOffsetPercent as c } from "./utils.js";
+import { getClassNameMixin as d } from "../../_utils/config.js";
+const S = s({
+  name: "SliderTicks",
+  props: {
+    value: {
+      type: Array,
+      required: !0
+    },
+    step: {
+      type: Number,
+      required: !0
+    },
+    min: {
+      type: Number,
+      required: !0
+    },
+    max: {
+      type: Number,
+      required: !0
+    },
+    direction: {
+      type: String,
+      default: "horizontal"
+    }
+  },
+  setup(e) {
+    const r = d("slider"), m = a(() => {
+      const i = [], u = Math.floor((e.max - e.min) / e.step);
+      for (let n = 0; n <= u; n++) {
+        const t = o.plus(n * e.step, e.min);
+        t <= e.min || t >= e.max || i.push({
+          key: t,
+          isActive: t >= e.value[0] && t <= e.value[1]
+        });
+      }
+      return i;
+    });
+    return {
+      className: r,
+      steps: m,
+      getStyle: (i) => l(c(i, [e.min, e.max]), e.direction)
+    };
+  }
+});
+export {
+  S as default
+};

package/dist/es/components/form-slider/utils.js

@@ -0,0 +1,17 @@
+import o from "../../node_modules/.pnpm/number-precision@1.6.0/node_modules/number-precision/build/index.es.js";
+const l = (e, [t, r]) => {
+  if (r <= t)
+    return "0%";
+  const n = Math.min(Math.max((e - t) / (r - t), 0), 1);
+  return `${o.round(n * 100, 2)}%`;
+}, f = (e, t, r, n) => {
+  if (r <= t)
+    return t;
+  const s = n > 0 ? n : 1, a = Math.round((e - t) / s), c = o.plus(t, o.times(a, s));
+  return Math.min(Math.max(c, t), r);
+}, h = (e, t) => t === "vertical" ? { bottom: e } : { left: e };
+export {
+  f as getLegalValue,
+  l as getOffsetPercent,
+  h as getPositionStyle
+};

package/dist/es/components/form-switch/Switch.vue.js

@@ -0,0 +1,56 @@
+import c from "./Switch.vue2.js";
+import { resolveComponent as h, openBlock as l, createElementBlock as m, mergeProps as p, createElementVNode as d, normalizeClass as a, createBlock as u, Fragment as k, renderSlot as s, createTextVNode as r, toDisplayString as t, createCommentVNode as y } from "vue";
+import f from "../../_virtual/_plugin-vue_export-helper.js";
+const C = ["aria-checked", "disabled"];
+function $(e, o, g, w, N, b) {
+  const i = h("icon-loading");
+  return l(), m("button", p(e.formControlAttrs, {
+    type: "button",
+    role: "switch",
+    "aria-checked": e.computedCheck,
+    class: e.cls,
+    style: e.buttonStyle,
+    disabled: e.mergedDisabled || e.computedLoading,
+    onClick: o[0] || (o[0] = (...n) => e.handleClick && e.handleClick(...n)),
+    onKeydown: o[1] || (o[1] = (...n) => e.handleKeydown && e.handleKeydown(...n)),
+    onFocus: o[2] || (o[2] = (...n) => e.handleFocus && e.handleFocus(...n)),
+    onBlur: o[3] || (o[3] = (...n) => e.handleBlur && e.handleBlur(...n)),
+    ref: "switchRef"
+  }), [
+    d("span", {
+      class: a(e.className.element("handle"))
+    }, [
+      d("span", {
+        class: a(e.className.element("handle-icon"))
+      }, [
+        e.computedLoading ? (l(), u(i, { key: 0 })) : (l(), m(k, { key: 1 }, [
+          e.computedCheck ? s(e.$slots, "checked-icon", { key: 0 }) : s(e.$slots, "unchecked-icon", { key: 1 })
+        ], 64))
+      ], 2)
+    ], 2),
+    e.showText ? (l(), m(k, { key: 0 }, [
+      d("span", {
+        class: a(e.className.element("text-holder"))
+      }, [
+        e.computedCheck ? s(e.$slots, "checked", { key: 0 }, () => [
+          r(t(e.checkedText), 1)
+        ]) : s(e.$slots, "unchecked", { key: 1 }, () => [
+          r(t(e.uncheckedText), 1)
+        ])
+      ], 2),
+      d("span", {
+        class: a(e.className.element("text"))
+      }, [
+        e.computedCheck ? s(e.$slots, "checked", { key: 0 }, () => [
+          r(t(e.checkedText), 1)
+        ]) : s(e.$slots, "unchecked", { key: 1 }, () => [
+          r(t(e.uncheckedText), 1)
+        ])
+      ], 2)
+    ], 64)) : y("", !0)
+  ], 16, C);
+}
+const S = /* @__PURE__ */ f(c, [["render", $]]);
+export {
+  S as default
+};

package/dist/es/components/form-switch/Switch.vue2.js

@@ -0,0 +1,282 @@
+import { defineComponent as $, toRefs as q, ref as k, computed as r, onBeforeUnmount as H, watch as K, onMounted as j, nextTick as E } from "vue";
+import G from "../../icons/animation/animation-loading.js";
+import { useFormItem as J, useFormItemControl as O } from "../../_hooks/use-form-item.js";
+import { useSize as P } from "../../_hooks/use-size.js";
+import { isUndefined as Q, isNull as W, isFunction as X } from "../../_utils/is.js";
+import { getClassNameMixin as Y } from "../../_utils/config.js";
+const ne = $({
+  name: "Switch",
+  inheritAttrs: !1,
+  components: {
+    IconLoading: G
+  },
+  props: {
+    /**
+     * @zh 绑定值
+     * @en Value
+     */
+    modelValue: {
+      type: [String, Number, Boolean],
+      default: void 0
+    },
+    /**
+     * @zh 默认选中状态（非受控状态）
+     * @en Default selected state (uncontrolled state)
+     */
+    defaultChecked: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 是否禁用
+     * @en Whether to disable
+     */
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 是否为加载中状态
+     * @en Whether it is loading state
+     */
+    loading: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 是否自动获取焦点
+     * @en Whether to automatically focus
+     */
+    autofocus: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 开关的类型
+     * @en Type of switch
+     * @values 'circle', 'round', 'line'
+     */
+    type: {
+      type: String,
+      default: "circle"
+    },
+    /**
+     * @zh 开关的大小
+     * @en Size of switch
+     * @defaultValue 'medium'
+     */
+    size: {
+      type: String
+    },
+    /**
+     * @zh 选中时的值
+     * @en Value when checked
+     * @version 2.12.0
+     */
+    checkedValue: {
+      type: [String, Number, Boolean],
+      default: !0
+    },
+    /**
+     * @zh 未选中时的值
+     * @en Value when unchecked
+     * @version 2.12.0
+     */
+    uncheckedValue: {
+      type: [String, Number, Boolean],
+      default: !1
+    },
+    /**
+     * @zh 选中时的开关颜色
+     * @en The color of the switch when checked
+     * @version 2.12.0
+     */
+    checkedColor: {
+      type: String
+    },
+    /**
+     * @zh 未选中时的开关颜色
+     * @en The color of the switch when unchecked
+     * @version 2.12.0
+     */
+    uncheckedColor: {
+      type: String
+    },
+    /**
+     * @zh switch 状态改变前的钩子， 返回 false 或者返回 Promise 且被 reject 则停止切换。
+     * @en before-change hook before the switch state changes. If false is returned or a Promise is returned and then is rejected, will stop switching
+     * @version 2.37.0
+     */
+    beforeChange: {
+      type: Function
+    },
+    /**
+     * @zh 打开状态时的文案（`type='line'`时不生效）
+     * @en Copywriting when opened (not effective when `type='line'`)
+     * @version 2.45.0
+     */
+    checkedText: {
+      type: String
+    },
+    /**
+     * @zh 关闭状态时的文案（`type='line'`时不生效）
+     * @en Copywriting when closed (not effective when `type='line'`)
+     * @version 2.45.0
+     */
+    uncheckedText: {
+      type: String
+    }
+  },
+  emits: {
+    "update:modelValue": (e) => !0,
+    /**
+     * @zh 值改变时触发
+     * @en Trigger when the value changes
+     * @param { boolean | string | number } value
+     * @param {Event} ev
+     */
+    change: (e, n) => !0,
+    /**
+     * @zh 组件获得焦点时触发
+     * @en Triggered when the component gets focus
+     * @property {FocusEvent} ev
+     */
+    focus: (e) => !0,
+    /**
+     * @zh 组件失去焦点时触发
+     * @en Fired when the component loses focus
+     * @property {FocusEvent} ev
+     */
+    blur: (e) => !0,
+    /**
+     * @zh 点击时触发
+     * @en Triggered when clicked
+     * @param { boolean | string | number } value
+     * @param {MouseEvent} ev
+     */
+    click: (e, n) => !0
+  },
+  /**
+   * @zh 打开状态时的文案（`type='line'`时不生效）
+   * @en Copywriting when opened (not effective when `type='line'`)
+   * @slot checked
+   */
+  /**
+   * @zh 关闭状态时的文案（`type='line'`时不生效）
+   * @en Copywriting when closed (not effective when `type='line'`)
+   * @slot unchecked
+   */
+  /**
+   * @zh 打开状态时，按钮上的图标
+   * @en The icon on the button when opened
+   * @slot checked-icon
+   */
+  /**
+   * @zh 关闭状态时，按钮上的图标
+   * @en The icon on the button when closed
+   * @slot unchecked-icon
+   */
+  setup(e, { emit: n, expose: b, slots: g, attrs: S }) {
+    const { disabled: w, size: x, modelValue: B } = q(e), c = Y("switch"), {
+      formItemCtx: z,
+      mergedDisabled: o,
+      mergedSize: A,
+      eventHandlers: s
+    } = J({
+      disabled: w,
+      size: x
+    }), F = O(z, () => S, { required: !1 }), { mergedSize: y } = P(A), d = k(e.defaultChecked ? e.checkedValue : e.uncheckedValue), a = r(
+      () => (e.modelValue ?? d.value) === e.checkedValue
+    ), m = k(!1);
+    let v = !1;
+    H(() => {
+      v = !0;
+    });
+    const f = r(() => m.value || e.loading), h = k(), N = r(
+      () => e.type !== "line" && y.value !== "mini" && (!!e.checkedText || !!e.uncheckedText || !!g.checked || !!g.unchecked)
+    ), C = (t, l) => {
+      var u, i;
+      d.value = t ? e.checkedValue : e.uncheckedValue, n("update:modelValue", d.value), n("change", d.value, l), (i = (u = s.value) == null ? void 0 : u.onChange) == null || i.call(u, l);
+    }, V = async (t, l) => {
+      if (f.value || o.value)
+        return;
+      const u = t ? e.checkedValue : e.uncheckedValue, i = e.beforeChange;
+      if (X(i)) {
+        m.value = !0;
+        try {
+          (await i(u) ?? !0) && !o.value && !v && C(t, l);
+        } catch {
+        } finally {
+          m.value = !1;
+        }
+      } else
+        C(t, l);
+    }, R = async (t) => {
+      const l = a.value ? e.uncheckedValue : e.checkedValue;
+      n("click", l, t), await V(!a.value, t);
+    }, T = async (t) => {
+      if (t.key !== "ArrowLeft" && t.key !== "Left" && t.key !== "ArrowRight" && t.key !== "Right")
+        return;
+      t.preventDefault();
+      const l = t.key === "ArrowRight" || t.key === "Right";
+      l !== a.value && await V(l, t);
+    }, L = (t) => {
+      var l, u;
+      n("focus", t), (u = (l = s.value) == null ? void 0 : l.onFocus) == null || u.call(l, t);
+    }, _ = (t) => {
+      var l, u;
+      n("blur", t), (u = (l = s.value) == null ? void 0 : l.onBlur) == null || u.call(l, t);
+    };
+    K(B, (t) => {
+      (Q(t) || W(t)) && (d.value = e.uncheckedValue);
+    });
+    const I = r(() => [
+      c.block,
+      c.modifier(`type-${e.type}`),
+      c.modifier(`size-${y.value}`),
+      {
+        [c.modifier("checked")]: a.value,
+        [c.modifier("disabled")]: o.value,
+        [c.modifier("loading")]: f.value,
+        [c.modifier("custom-color")]: e.type === "line" && (e.checkedColor || e.uncheckedColor)
+      }
+    ]), D = r(() => {
+      if (a.value && e.checkedColor)
+        return e.type === "line" ? { "--custom-color": e.checkedColor } : { backgroundColor: e.checkedColor };
+      if (!a.value && e.uncheckedColor)
+        return e.type === "line" ? { "--custom-color": e.uncheckedColor } : { backgroundColor: e.uncheckedColor };
+    }), M = () => {
+      var t;
+      return (t = h.value) == null ? void 0 : t.focus();
+    }, U = () => {
+      var t;
+      return (t = h.value) == null ? void 0 : t.blur();
+    };
+    return j(() => {
+      !e.autofocus || o.value || f.value || E(() => {
+        var t;
+        (t = h.value) == null || t.focus();
+      });
+    }), b({
+      focus: M,
+      blur: U
+    }), {
+      formControlAttrs: F,
+      className: c,
+      cls: I,
+      switchRef: h,
+      mergedDisabled: o,
+      buttonStyle: D,
+      computedCheck: a,
+      computedLoading: f,
+      showText: N,
+      handleClick: R,
+      handleKeydown: T,
+      handleFocus: L,
+      handleBlur: _
+    };
+  }
+});
+export {
+  ne as default
+};

package/dist/es/components/form-switch/index.js

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

package/dist/es/components/form-textarea/Textarea.vue.js

@@ -0,0 +1,61 @@
+import h from "./Textarea.vue2.js";
+import { resolveComponent as r, openBlock as l, createElementBlock as s, mergeProps as d, normalizeStyle as v, normalizeClass as a, toDisplayString as i, createCommentVNode as t, createVNode as m, withCtx as p, createElementVNode as w, renderSlot as y, createBlock as b, withModifiers as g } from "vue";
+import k from "../../_virtual/_plugin-vue_export-helper.js";
+const z = ["disabled", "value", "placeholder"];
+function B(e, o, M, N, S, $) {
+  const u = r("resize-observer"), C = r("icon-close"), f = r("icon-hover");
+  return l(), s("div", d(e.wrapperAttrs, {
+    class: e.wrapperCls,
+    style: e.wrapperStyle,
+    onMousedown: o[7] || (o[7] = (...n) => e.handleMousedown && e.handleMousedown(...n))
+  }), [
+    e.autoSize ? (l(), s("div", {
+      key: 0,
+      ref: "mirrorRef",
+      class: a(e.className.element("mirror")),
+      style: v(e.mirrorStyle)
+    }, i(`${e.computedValue}
+`), 7)) : t("", !0),
+    m(u, { onResize: e.handleResize }, {
+      default: p(() => [
+        w("textarea", d({ ref: "textareaRef" }, e.mergeTextareaAttrs, {
+          disabled: e.mergedDisabled,
+          class: e.className.block,
+          style: e.textareaStyle,
+          value: e.computedValue,
+          placeholder: e.placeholder,
+          onInput: o[0] || (o[0] = (...n) => e.handleInput && e.handleInput(...n)),
+          onFocus: o[1] || (o[1] = (...n) => e.handleFocus && e.handleFocus(...n)),
+          onBlur: o[2] || (o[2] = (...n) => e.handleBlur && e.handleBlur(...n)),
+          onCompositionstart: o[3] || (o[3] = (...n) => e.handleComposition && e.handleComposition(...n)),
+          onCompositionupdate: o[4] || (o[4] = (...n) => e.handleComposition && e.handleComposition(...n)),
+          onCompositionend: o[5] || (o[5] = (...n) => e.handleComposition && e.handleComposition(...n))
+        }), null, 16, z)
+      ]),
+      _: 1
+    }, 8, ["onResize"]),
+    y(e.$slots, "suffix"),
+    e.computedMaxLength && e.showWordLimit ? (l(), s("div", {
+      key: 1,
+      class: a(e.className.element("word-limit"))
+    }, i(e.valueLength) + "/" + i(e.computedMaxLength), 3)) : t("", !0),
+    e.showClearBtn ? (l(), b(f, {
+      key: 2,
+      as: "button",
+      "aria-label": e.t("common.clearTarget", { target: "文本" }),
+      class: a(e.className.element("clear-btn")),
+      onMousedown: o[6] || (o[6] = g(() => {
+      }, ["prevent"])),
+      onClick: e.handleClear
+    }, {
+      default: p(() => [
+        m(C)
+      ]),
+      _: 1
+    }, 8, ["aria-label", "class", "onClick"])) : t("", !0)
+  ], 16);
+}
+const F = /* @__PURE__ */ k(h, [["render", B]]);
+export {
+  F as default
+};