UNPKG

epic-designer-cjh

Version:

基于vue3的设计器,可视化开发页面表单

2,067 lines 60.6 kB
import { i as I } from "./interopRequireDefault-40f894e3.js";
import { r as z } from "./_vue_commonjs-external-eb7fec7f.js";
import { r as G, a as oe, c as Re } from "./public_api-1267ff2a.js";
import { r as le, a as De } from "./index-f96a976e.js";
import { a as ce } from "./index-74b3b9ac.js";
import { d as Y, h as _e, b as ue, t as ke, r as Fe, a as Ee, f as Le, e as qe } from "./useConfigInject-d85d8c62.js";
import { b as $e, a as Oe } from "./PortalWrapper-9d2c005f.js";
import { r as Ie } from "./KeyCode-5c436a1d.js";
import { r as We } from "./index-0e1c5170.js";
import { r as ze } from "./raf-dd6c1047.js";
import { r as Ae } from "./FormItemContext-6c3deaca.js";
function je(p, g) {
  for (var P = 0; P < g.length; P++) {
    const S = g[P];
    if (typeof S != "string" && !Array.isArray(S)) {
      for (const C in S)
        if (C !== "default" && !(C in p)) {
          const _ = Object.getOwnPropertyDescriptor(S, C);
          _ && Object.defineProperty(p, C, _.get ? _ : {
            enumerable: !0,
            get: () => S[C]
          });
        }
    }
  }
  return Object.freeze(Object.defineProperty(p, Symbol.toStringTag, { value: "Module" }));
}
var X = {}, J = {}, Q = {}, he;
function Me() {
  if (he)
    return Q;
  he = 1;
  var p = I;
  Object.defineProperty(Q, "__esModule", {
    value: !0
  }), Q.default = void 0;
  var g = z, P = p(G());
  const S = (_, M) => {
    let {
      attrs: B
    } = M;
    const {
      included: x,
      vertical: O,
      style: i,
      class: f
    } = B;
    let {
      length: y,
      offset: s,
      reverse: h
    } = B;
    y < 0 && (h = !h, y = Math.abs(y), s = 100 - s);
    const d = O ? {
      [h ? "top" : "bottom"]: `${s}%`,
      [h ? "bottom" : "top"]: "auto",
      height: `${y}%`
    } : {
      [h ? "right" : "left"]: `${s}%`,
      [h ? "left" : "right"]: "auto",
      width: `${y}%`
    }, c = (0, P.default)((0, P.default)({}, i), d);
    return x ? (0, g.createVNode)("div", {
      class: f,
      style: c
    }, null) : null;
  };
  S.inheritAttrs = !1;
  var C = S;
  return Q.default = C, Q;
}
var se = {}, Z = {}, pe;
function Ue() {
  if (pe)
    return Z;
  pe = 1;
  var p = I;
  Object.defineProperty(Z, "__esModule", {
    value: !0
  }), Z.default = void 0;
  var g = z, P = p(G()), S = p(Y()), C = p(_e());
  const _ = (x, O, i, f, y, s) => {
    (0, C.default)(i ? f > 0 : !0, "Slider", "`Slider[step]` should be a positive number in order to make Slider[dots] work.");
    const h = Object.keys(O).map(parseFloat).sort((d, c) => d - c);
    if (i && f)
      for (let d = y; d <= s; d += f)
        h.indexOf(d) === -1 && h.push(d);
    return h;
  }, M = (x, O) => {
    let {
      attrs: i
    } = O;
    const {
      prefixCls: f,
      vertical: y,
      reverse: s,
      marks: h,
      dots: d,
      step: c,
      included: t,
      lowerBound: a,
      upperBound: o,
      max: n,
      min: u,
      dotStyle: e,
      activeDotStyle: r
    } = i, l = n - u, v = _(y, h, d, c, u, n).map((m) => {
      const b = `${Math.abs(m - u) / l * 100}%`, $ = !t && m === o || t && m <= o && m >= a;
      let T = y ? (0, P.default)((0, P.default)({}, e), {
        [s ? "top" : "bottom"]: b
      }) : (0, P.default)((0, P.default)({}, e), {
        [s ? "right" : "left"]: b
      });
      $ && (T = (0, P.default)((0, P.default)({}, T), r));
      const V = (0, S.default)({
        [`${f}-dot`]: !0,
        [`${f}-dot-active`]: $,
        [`${f}-dot-reverse`]: s
      });
      return (0, g.createVNode)("span", {
        class: V,
        style: T,
        key: m
      }, null);
    });
    return (0, g.createVNode)("div", {
      class: `${f}-step`
    }, [v]);
  };
  M.inheritAttrs = !1;
  var B = M;
  return Z.default = B, Z;
}
var ee = {}, ve;
function Ge() {
  if (ve)
    return ee;
  ve = 1;
  var p = I;
  Object.defineProperty(ee, "__esModule", {
    value: !0
  }), ee.default = void 0;
  var g = z, P = p(oe()), S = p(G()), C = p($e()), _ = p(Y()), M = ue();
  const B = (O, i) => {
    let {
      attrs: f,
      slots: y
    } = i;
    const {
      class: s,
      vertical: h,
      reverse: d,
      marks: c,
      included: t,
      upperBound: a,
      lowerBound: o,
      max: n,
      min: u,
      onClickLabel: e
    } = f, r = Object.keys(c), l = y.mark, v = n - u, m = r.map(parseFloat).sort((b, $) => b - $).map((b) => {
      const $ = typeof c[b] == "function" ? c[b]() : c[b], T = typeof $ == "object" && !(0, M.isValidElement)($);
      let V = T ? $.label : $;
      if (!V && V !== 0)
        return null;
      l && (V = l({
        point: b,
        label: V
      }));
      const H = !t && b === a || t && b <= a && b >= o, R = (0, _.default)({
        [`${s}-text`]: !0,
        [`${s}-text-active`]: H
      }), F = {
        marginBottom: "-50%",
        [d ? "top" : "bottom"]: `${(b - u) / v * 100}%`
      }, N = {
        transform: `translateX(${d ? "50%" : "-50%"})`,
        msTransform: `translateX(${d ? "50%" : "-50%"})`,
        [d ? "right" : "left"]: `${(b - u) / v * 100}%`
      }, E = h ? F : N, q = T ? (0, S.default)((0, S.default)({}, E), $.style) : E, W = {
        [C.default ? "onTouchstartPassive" : "onTouchstart"]: (L) => e(L, b)
      };
      return (0, g.createVNode)("span", (0, P.default)({
        class: R,
        style: q,
        key: b,
        onMousedown: (L) => e(L, b)
      }, W), [V]);
    });
    return (0, g.createVNode)("div", {
      class: s
    }, [m]);
  };
  B.inheritAttrs = !1;
  var x = B;
  return ee.default = x, ee;
}
var te = {}, me;
function Ve() {
  if (me)
    return te;
  me = 1;
  var p = I;
  Object.defineProperty(te, "__esModule", {
    value: !0
  }), te.default = void 0;
  var g = z, P = p(oe()), S = p(G()), C = p(Y()), _ = p(le()), M = p(Oe()), B = (0, g.defineComponent)({
    compatConfig: {
      MODE: 3
    },
    name: "Handle",
    inheritAttrs: !1,
    props: {
      prefixCls: String,
      vertical: {
        type: Boolean,
        default: void 0
      },
      offset: Number,
      disabled: {
        type: Boolean,
        default: void 0
      },
      min: Number,
      max: Number,
      value: Number,
      tabindex: _.default.oneOfType([_.default.number, _.default.string]),
      reverse: {
        type: Boolean,
        default: void 0
      },
      ariaLabel: String,
      ariaLabelledBy: String,
      ariaValueTextFormatter: Function,
      onMouseenter: {
        type: Function
      },
      onMouseleave: {
        type: Function
      },
      onMousedown: {
        type: Function
      }
    },
    setup(x, O) {
      let {
        attrs: i,
        emit: f,
        expose: y
      } = O;
      const s = (0, g.shallowRef)(!1), h = (0, g.shallowRef)(), d = () => {
        document.activeElement === h.value && (s.value = !0);
      }, c = (l) => {
        s.value = !1, f("blur", l);
      }, t = () => {
        s.value = !1;
      }, a = () => {
        var l;
        (l = h.value) === null || l === void 0 || l.focus();
      }, o = () => {
        var l;
        (l = h.value) === null || l === void 0 || l.blur();
      }, n = () => {
        s.value = !0, a();
      }, u = (l) => {
        l.preventDefault(), a(), f("mousedown", l);
      };
      y({
        focus: a,
        blur: o,
        clickFocus: n,
        ref: h
      });
      let e = null;
      (0, g.onMounted)(() => {
        e = (0, M.default)(document, "mouseup", d);
      }), (0, g.onBeforeUnmount)(() => {
        e == null || e.remove();
      });
      const r = (0, g.computed)(() => {
        const {
          vertical: l,
          offset: v,
          reverse: m
        } = x;
        return l ? {
          [m ? "top" : "bottom"]: `${v}%`,
          [m ? "bottom" : "top"]: "auto",
          transform: m ? null : "translateY(+50%)"
        } : {
          [m ? "right" : "left"]: `${v}%`,
          [m ? "left" : "right"]: "auto",
          transform: `translateX(${m ? "+" : "-"}50%)`
        };
      });
      return () => {
        const {
          prefixCls: l,
          disabled: v,
          min: m,
          max: b,
          value: $,
          tabindex: T,
          ariaLabel: V,
          ariaLabelledBy: H,
          ariaValueTextFormatter: R,
          onMouseenter: F,
          onMouseleave: N
        } = x, E = (0, C.default)(i.class, {
          [`${l}-handle-click-focused`]: s.value
        }), q = {
          "aria-valuemin": m,
          "aria-valuemax": b,
          "aria-valuenow": $,
          "aria-disabled": !!v
        }, W = [i.style, r.value];
        let L = T || 0;
        (v || T === null) && (L = null);
        let D;
        R && (D = R($));
        const K = (0, S.default)((0, S.default)((0, S.default)((0, S.default)({}, i), {
          role: "slider",
          tabindex: L
        }), q), {
          class: E,
          onBlur: c,
          onKeydown: t,
          onMousedown: u,
          onMouseenter: F,
          onMouseleave: N,
          ref: h,
          style: W
        });
        return (0, g.createVNode)("div", (0, P.default)((0, P.default)({}, K), {}, {
          "aria-label": V,
          "aria-labelledby": H,
          "aria-valuetext": D
        }), null);
      };
    }
  });
  return te.default = B, te;
}
var k = {}, ge;
function fe() {
  if (ge)
    return k;
  ge = 1;
  var p = I;
  Object.defineProperty(k, "__esModule", {
    value: !0
  }), k.calculateNextValue = s, k.ensureValueInRange = i, k.ensureValuePrecision = f, k.getClosestPoint = _, k.getHandleCenterPosition = O, k.getKeyboardValueMutator = h, k.getMousePosition = B, k.getPrecision = M, k.getTouchPosition = x, k.isEventFromHandle = P, k.isNotTouchEvent = C, k.isValueOutOfRange = S, k.pauseEvent = y;
  var g = p(Ie());
  function P(d, c) {
    try {
      return Object.keys(c).some((t) => d.target === c[t].ref);
    } catch {
      return !1;
    }
  }
  function S(d, c) {
    let {
      min: t,
      max: a
    } = c;
    return d < t || d > a;
  }
  function C(d) {
    return d.touches.length > 1 || d.type.toLowerCase() === "touchend" && d.touches.length > 0;
  }
  function _(d, c) {
    let {
      marks: t,
      step: a,
      min: o,
      max: n
    } = c;
    const u = Object.keys(t).map(parseFloat);
    if (a !== null) {
      const r = Math.pow(10, M(a)), l = Math.floor((n * r - o * r) / (a * r)), v = Math.min((d - o) / a, l), m = Math.round(v) * a + o;
      u.push(m);
    }
    const e = u.map((r) => Math.abs(d - r));
    return u[e.indexOf(Math.min(...e))];
  }
  function M(d) {
    const c = d.toString();
    let t = 0;
    return c.indexOf(".") >= 0 && (t = c.length - c.indexOf(".") - 1), t;
  }
  function B(d, c) {
    let t = 1;
    return window.visualViewport && (t = +(window.visualViewport.width / document.body.getBoundingClientRect().width).toFixed(2)), (d ? c.clientY : c.pageX) / t;
  }
  function x(d, c) {
    let t = 1;
    return window.visualViewport && (t = +(window.visualViewport.width / document.body.getBoundingClientRect().width).toFixed(2)), (d ? c.touches[0].clientY : c.touches[0].pageX) / t;
  }
  function O(d, c) {
    const t = c.getBoundingClientRect();
    return d ? t.top + t.height * 0.5 : window.pageXOffset + t.left + t.width * 0.5;
  }
  function i(d, c) {
    let {
      max: t,
      min: a
    } = c;
    return d <= a ? a : d >= t ? t : d;
  }
  function f(d, c) {
    const {
      step: t
    } = c, a = isFinite(_(d, c)) ? _(d, c) : 0;
    return t === null ? a : parseFloat(a.toFixed(M(t)));
  }
  function y(d) {
    d.stopPropagation(), d.preventDefault();
  }
  function s(d, c, t) {
    const a = {
      increase: (u, e) => u + e,
      decrease: (u, e) => u - e
    }, o = a[d](Object.keys(t.marks).indexOf(JSON.stringify(c)), 1), n = Object.keys(t.marks)[o];
    return t.step ? a[d](c, t.step) : Object.keys(t.marks).length && t.marks[n] ? t.marks[n] : c;
  }
  function h(d, c, t) {
    const a = "increase", o = "decrease";
    let n = a;
    switch (d.keyCode) {
      case g.default.UP:
        n = c && t ? o : a;
        break;
      case g.default.RIGHT:
        n = !c && t ? o : a;
        break;
      case g.default.DOWN:
        n = c && t ? a : o;
        break;
      case g.default.LEFT:
        n = !c && t ? a : o;
        break;
      case g.default.END:
        return (u, e) => e.max;
      case g.default.HOME:
        return (u, e) => e.min;
      case g.default.PAGE_UP:
        return (u, e) => u + e.step * 2;
      case g.default.PAGE_DOWN:
        return (u, e) => u - e.step * 2;
      default:
        return;
    }
    return (u, e) => s(n, u, e);
  }
  return k;
}
var be;
function Te() {
  if (be)
    return se;
  be = 1;
  var p = I;
  Object.defineProperty(se, "__esModule", {
    value: !0
  }), se.default = o;
  var g = z, P = p(oe()), S = p(G()), C = p(Y()), _ = p(le()), M = p(Oe()), B = p(_e()), x = ue(), O = p(Ue()), i = p(Ge()), f = p(Ve()), y = c(fe()), s = p(ce()), h = p($e());
  function d(n) {
    if (typeof WeakMap != "function")
      return null;
    var u = /* @__PURE__ */ new WeakMap(), e = /* @__PURE__ */ new WeakMap();
    return (d = function(r) {
      return r ? e : u;
    })(n);
  }
  function c(n, u) {
    if (!u && n && n.__esModule)
      return n;
    if (n === null || typeof n != "object" && typeof n != "function")
      return { default: n };
    var e = d(u);
    if (e && e.has(n))
      return e.get(n);
    var r = {}, l = Object.defineProperty && Object.getOwnPropertyDescriptor;
    for (var v in n)
      if (v !== "default" && Object.prototype.hasOwnProperty.call(n, v)) {
        var m = l ? Object.getOwnPropertyDescriptor(n, v) : null;
        m && (m.get || m.set) ? Object.defineProperty(r, v, m) : r[v] = n[v];
      }
    return r.default = n, e && e.set(n, r), r;
  }
  var t = function(n, u) {
    var e = {};
    for (var r in n)
      Object.prototype.hasOwnProperty.call(n, r) && u.indexOf(r) < 0 && (e[r] = n[r]);
    if (n != null && typeof Object.getOwnPropertySymbols == "function")
      for (var l = 0, r = Object.getOwnPropertySymbols(n); l < r.length; l++)
        u.indexOf(r[l]) < 0 && Object.prototype.propertyIsEnumerable.call(n, r[l]) && (e[r[l]] = n[r[l]]);
    return e;
  };
  function a() {
  }
  function o(n) {
    const u = {
      id: String,
      min: Number,
      max: Number,
      step: Number,
      marks: _.default.object,
      included: {
        type: Boolean,
        default: void 0
      },
      prefixCls: String,
      disabled: {
        type: Boolean,
        default: void 0
      },
      handle: Function,
      dots: {
        type: Boolean,
        default: void 0
      },
      vertical: {
        type: Boolean,
        default: void 0
      },
      reverse: {
        type: Boolean,
        default: void 0
      },
      minimumTrackStyle: _.default.object,
      maximumTrackStyle: _.default.object,
      handleStyle: _.default.oneOfType([_.default.object, _.default.arrayOf(_.default.object)]),
      trackStyle: _.default.oneOfType([_.default.object, _.default.arrayOf(_.default.object)]),
      railStyle: _.default.object,
      dotStyle: _.default.object,
      activeDotStyle: _.default.object,
      autofocus: {
        type: Boolean,
        default: void 0
      },
      draggableTrack: {
        type: Boolean,
        default: void 0
      }
    };
    return (0, g.defineComponent)({
      compatConfig: {
        MODE: 3
      },
      name: "CreateSlider",
      mixins: [s.default, n],
      inheritAttrs: !1,
      props: (0, x.initDefaultProps)(u, {
        prefixCls: "rc-slider",
        min: 0,
        max: 100,
        step: 1,
        marks: {},
        included: !0,
        disabled: !1,
        dots: !1,
        vertical: !1,
        reverse: !1,
        trackStyle: [{}],
        handleStyle: [{}],
        railStyle: {},
        dotStyle: {},
        activeDotStyle: {}
      }),
      emits: ["change", "blur", "focus"],
      data() {
        const {
          step: e,
          max: r,
          min: l
        } = this, v = isFinite(r - l) ? (r - l) % e === 0 : !0;
        return (0, B.default)(e && Math.floor(e) === e ? v : !0, `Slider[max] - Slider[min] (${r - l}) should be a multiple of Slider[step] (${e})`), this.handlesRefs = {}, {};
      },
      mounted() {
        this.$nextTick(() => {
          this.document = this.sliderRef && this.sliderRef.ownerDocument;
          const {
            autofocus: e,
            disabled: r
          } = this;
          e && !r && this.focus();
        });
      },
      beforeUnmount() {
        this.$nextTick(() => {
          this.removeDocumentEvents();
        });
      },
      methods: {
        defaultHandle(e) {
          var {
            index: r,
            directives: l,
            className: v,
            style: m
          } = e, b = t(e, ["index", "directives", "className", "style"]);
          if (delete b.dragging, b.value === null)
            return null;
          const $ = (0, S.default)((0, S.default)({}, b), {
            class: v,
            style: m,
            key: r
          });
          return (0, g.createVNode)(f.default, $, null);
        },
        onDown(e, r) {
          let l = r;
          const {
            draggableTrack: v,
            vertical: m
          } = this.$props, {
            bounds: b
          } = this.$data, $ = v && this.positionGetValue ? this.positionGetValue(l) || [] : [], T = y.isEventFromHandle(e, this.handlesRefs);
          if (this.dragTrack = v && b.length >= 2 && !T && !$.map((V, H) => {
            const R = H ? !0 : V >= b[H];
            return H === $.length - 1 ? V <= b[H] : R;
          }).some((V) => !V), this.dragTrack)
            this.dragOffset = l, this.startBounds = [...b];
          else {
            if (!T)
              this.dragOffset = 0;
            else {
              const V = y.getHandleCenterPosition(m, e.target);
              this.dragOffset = l - V, l = V;
            }
            this.onStart(l);
          }
        },
        onMouseDown(e) {
          if (e.button !== 0)
            return;
          this.removeDocumentEvents();
          const r = this.$props.vertical, l = y.getMousePosition(r, e);
          this.onDown(e, l), this.addDocumentMouseEvents();
        },
        onTouchStart(e) {
          if (y.isNotTouchEvent(e))
            return;
          const r = this.vertical, l = y.getTouchPosition(r, e);
          this.onDown(e, l), this.addDocumentTouchEvents(), y.pauseEvent(e);
        },
        onFocus(e) {
          const {
            vertical: r
          } = this;
          if (y.isEventFromHandle(e, this.handlesRefs) && !this.dragTrack) {
            const l = y.getHandleCenterPosition(r, e.target);
            this.dragOffset = 0, this.onStart(l), y.pauseEvent(e), this.$emit("focus", e);
          }
        },
        onBlur(e) {
          this.dragTrack || this.onEnd(), this.$emit("blur", e);
        },
        onMouseUp() {
          this.handlesRefs[this.prevMovedHandleIndex] && this.handlesRefs[this.prevMovedHandleIndex].clickFocus();
        },
        onMouseMove(e) {
          if (!this.sliderRef) {
            this.onEnd();
            return;
          }
          const r = y.getMousePosition(this.vertical, e);
          this.onMove(e, r - this.dragOffset, this.dragTrack, this.startBounds);
        },
        onTouchMove(e) {
          if (y.isNotTouchEvent(e) || !this.sliderRef) {
            this.onEnd();
            return;
          }
          const r = y.getTouchPosition(this.vertical, e);
          this.onMove(e, r - this.dragOffset, this.dragTrack, this.startBounds);
        },
        onKeyDown(e) {
          this.sliderRef && y.isEventFromHandle(e, this.handlesRefs) && this.onKeyboard(e);
        },
        onClickMarkLabel(e, r) {
          e.stopPropagation(), this.onChange({
            sValue: r
          }), this.setState({
            sValue: r
          }, () => this.onEnd(!0));
        },
        getSliderStart() {
          const e = this.sliderRef, {
            vertical: r,
            reverse: l
          } = this, v = e.getBoundingClientRect();
          return r ? l ? v.bottom : v.top : window.pageXOffset + (l ? v.right : v.left);
        },
        getSliderLength() {
          const e = this.sliderRef;
          if (!e)
            return 0;
          const r = e.getBoundingClientRect();
          return this.vertical ? r.height : r.width;
        },
        addDocumentTouchEvents() {
          this.onTouchMoveListener = (0, M.default)(this.document, "touchmove", this.onTouchMove), this.onTouchUpListener = (0, M.default)(this.document, "touchend", this.onEnd);
        },
        addDocumentMouseEvents() {
          this.onMouseMoveListener = (0, M.default)(this.document, "mousemove", this.onMouseMove), this.onMouseUpListener = (0, M.default)(this.document, "mouseup", this.onEnd);
        },
        removeDocumentEvents() {
          this.onTouchMoveListener && this.onTouchMoveListener.remove(), this.onTouchUpListener && this.onTouchUpListener.remove(), this.onMouseMoveListener && this.onMouseMoveListener.remove(), this.onMouseUpListener && this.onMouseUpListener.remove();
        },
        focus() {
          var e;
          this.$props.disabled || (e = this.handlesRefs[0]) === null || e === void 0 || e.focus();
        },
        blur() {
          this.$props.disabled || Object.keys(this.handlesRefs).forEach((e) => {
            var r, l;
            (l = (r = this.handlesRefs[e]) === null || r === void 0 ? void 0 : r.blur) === null || l === void 0 || l.call(r);
          });
        },
        calcValue(e) {
          const {
            vertical: r,
            min: l,
            max: v
          } = this, m = Math.abs(Math.max(e, 0) / this.getSliderLength());
          return r ? (1 - m) * (v - l) + l : m * (v - l) + l;
        },
        calcValueByPos(e) {
          const l = (this.reverse ? -1 : 1) * (e - this.getSliderStart());
          return this.trimAlignValue(this.calcValue(l));
        },
        calcOffset(e) {
          const {
            min: r,
            max: l
          } = this, v = (e - r) / (l - r);
          return Math.max(0, v * 100);
        },
        saveSlider(e) {
          this.sliderRef = e;
        },
        saveHandle(e, r) {
          this.handlesRefs[e] = r;
        }
      },
      render() {
        const {
          prefixCls: e,
          marks: r,
          dots: l,
          step: v,
          included: m,
          disabled: b,
          vertical: $,
          reverse: T,
          min: V,
          max: H,
          maximumTrackStyle: R,
          railStyle: F,
          dotStyle: N,
          activeDotStyle: E,
          id: q
        } = this, {
          class: W,
          style: L
        } = this.$attrs, {
          tracks: D,
          handles: K
        } = this.renderSlider(), ie = (0, C.default)(e, W, {
          [`${e}-with-marks`]: Object.keys(r).length,
          [`${e}-disabled`]: b,
          [`${e}-vertical`]: $,
          [`${e}-horizontal`]: !$
        }), de = {
          vertical: $,
          marks: r,
          included: m,
          lowerBound: this.getLowerBound(),
          upperBound: this.getUpperBound(),
          max: H,
          min: V,
          reverse: T,
          class: `${e}-mark`,
          onClickLabel: b ? a : this.onClickMarkLabel
        }, Ne = {
          [h.default ? "onTouchstartPassive" : "onTouchstart"]: b ? a : this.onTouchStart
        };
        return (0, g.createVNode)("div", (0, P.default)((0, P.default)({
          id: q,
          ref: this.saveSlider,
          tabindex: "-1",
          class: ie
        }, Ne), {}, {
          onMousedown: b ? a : this.onMouseDown,
          onMouseup: b ? a : this.onMouseUp,
          onKeydown: b ? a : this.onKeyDown,
          onFocus: b ? a : this.onFocus,
          onBlur: b ? a : this.onBlur,
          style: L
        }), [(0, g.createVNode)("div", {
          class: `${e}-rail`,
          style: (0, S.default)((0, S.default)({}, R), F)
        }, null), D, (0, g.createVNode)(O.default, {
          prefixCls: e,
          vertical: $,
          reverse: T,
          marks: r,
          dots: l,
          step: v,
          included: m,
          lowerBound: this.getLowerBound(),
          upperBound: this.getUpperBound(),
          max: H,
          min: V,
          dotStyle: N,
          activeDotStyle: E
        }, null), K, (0, g.createVNode)(i.default, de, {
          mark: this.$slots.mark
        }), (0, x.getSlot)(this)]);
      }
    });
  }
  return se;
}
var ye;
function Ke() {
  if (ye)
    return J;
  ye = 1;
  var p = I;
  Object.defineProperty(J, "__esModule", {
    value: !0
  }), J.default = void 0;
  var g = z, P = p(G()), S = p(le()), C = p(ce()), _ = ue(), M = p(Me()), B = p(Te()), x = i(fe());
  function O(s) {
    if (typeof WeakMap != "function")
      return null;
    var h = /* @__PURE__ */ new WeakMap(), d = /* @__PURE__ */ new WeakMap();
    return (O = function(c) {
      return c ? d : h;
    })(s);
  }
  function i(s, h) {
    if (!h && s && s.__esModule)
      return s;
    if (s === null || typeof s != "object" && typeof s != "function")
      return { default: s };
    var d = O(h);
    if (d && d.has(s))
      return d.get(s);
    var c = {}, t = Object.defineProperty && Object.getOwnPropertyDescriptor;
    for (var a in s)
      if (a !== "default" && Object.prototype.hasOwnProperty.call(s, a)) {
        var o = t ? Object.getOwnPropertyDescriptor(s, a) : null;
        o && (o.get || o.set) ? Object.defineProperty(c, a, o) : c[a] = s[a];
      }
    return c.default = s, d && d.set(s, c), c;
  }
  const f = (0, g.defineComponent)({
    compatConfig: {
      MODE: 3
    },
    name: "Slider",
    mixins: [C.default],
    inheritAttrs: !1,
    props: {
      defaultValue: Number,
      value: Number,
      disabled: {
        type: Boolean,
        default: void 0
      },
      autofocus: {
        type: Boolean,
        default: void 0
      },
      tabindex: S.default.oneOfType([S.default.number, S.default.string]),
      reverse: {
        type: Boolean,
        default: void 0
      },
      min: Number,
      max: Number,
      ariaLabelForHandle: String,
      ariaLabelledByForHandle: String,
      ariaValueTextFormatterForHandle: String,
      startPoint: Number
    },
    emits: ["beforeChange", "afterChange", "change"],
    data() {
      const s = this.defaultValue !== void 0 ? this.defaultValue : this.min, h = this.value !== void 0 ? this.value : s;
      return {
        sValue: this.trimAlignValue(h),
        dragging: !1
      };
    },
    watch: {
      value: {
        handler(s) {
          this.setChangeValue(s);
        },
        deep: !0
      },
      min() {
        const {
          sValue: s
        } = this;
        this.setChangeValue(s);
      },
      max() {
        const {
          sValue: s
        } = this;
        this.setChangeValue(s);
      }
    },
    methods: {
      setChangeValue(s) {
        const h = s !== void 0 ? s : this.sValue, d = this.trimAlignValue(h, this.$props);
        d !== this.sValue && (this.setState({
          sValue: d
        }), x.isValueOutOfRange(h, this.$props) && this.$emit("change", d));
      },
      onChange(s) {
        const h = !(0, _.hasProp)(this, "value"), d = s.sValue > this.max ? (0, P.default)((0, P.default)({}, s), {
          sValue: this.max
        }) : s;
        h && this.setState(d);
        const c = d.sValue;
        this.$emit("change", c);
      },
      onStart(s) {
        this.setState({
          dragging: !0
        });
        const {
          sValue: h
        } = this;
        this.$emit("beforeChange", h);
        const d = this.calcValueByPos(s);
        this.startValue = d, this.startPosition = s, d !== h && (this.prevMovedHandleIndex = 0, this.onChange({
          sValue: d
        }));
      },
      onEnd(s) {
        const {
          dragging: h
        } = this;
        this.removeDocumentEvents(), (h || s) && this.$emit("afterChange", this.sValue), this.setState({
          dragging: !1
        });
      },
      onMove(s, h) {
        x.pauseEvent(s);
        const {
          sValue: d
        } = this, c = this.calcValueByPos(h);
        c !== d && this.onChange({
          sValue: c
        });
      },
      onKeyboard(s) {
        const {
          reverse: h,
          vertical: d
        } = this.$props, c = x.getKeyboardValueMutator(s, d, h);
        if (c) {
          x.pauseEvent(s);
          const {
            sValue: t
          } = this, a = c(t, this.$props), o = this.trimAlignValue(a);
          if (o === t)
            return;
          this.onChange({
            sValue: o
          }), this.$emit("afterChange", o), this.onEnd();
        }
      },
      getLowerBound() {
        const s = this.$props.startPoint || this.$props.min;
        return this.$data.sValue > s ? s : this.$data.sValue;
      },
      getUpperBound() {
        return this.$data.sValue < this.$props.startPoint ? this.$props.startPoint : this.$data.sValue;
      },
      trimAlignValue(s) {
        let h = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
        if (s === null)
          return null;
        const d = (0, P.default)((0, P.default)({}, this.$props), h), c = x.ensureValueInRange(s, d);
        return x.ensureValuePrecision(c, d);
      },
      getTrack(s) {
        let {
          prefixCls: h,
          reverse: d,
          vertical: c,
          included: t,
          minimumTrackStyle: a,
          mergedTrackStyle: o,
          length: n,
          offset: u
        } = s;
        return (0, g.createVNode)(M.default, {
          class: `${h}-track`,
          vertical: c,
          included: t,
          offset: u,
          reverse: d,
          length: n,
          style: (0, P.default)((0, P.default)({}, a), o)
        }, null);
      },
      renderSlider() {
        const {
          prefixCls: s,
          vertical: h,
          included: d,
          disabled: c,
          minimumTrackStyle: t,
          trackStyle: a,
          handleStyle: o,
          tabindex: n,
          ariaLabelForHandle: u,
          ariaLabelledByForHandle: e,
          ariaValueTextFormatterForHandle: r,
          min: l,
          max: v,
          startPoint: m,
          reverse: b,
          handle: $,
          defaultHandle: T
        } = this, V = $ || T, {
          sValue: H,
          dragging: R
        } = this, F = this.calcOffset(H), N = V({
          class: `${s}-handle`,
          prefixCls: s,
          vertical: h,
          offset: F,
          value: H,
          dragging: R,
          disabled: c,
          min: l,
          max: v,
          reverse: b,
          index: 0,
          tabindex: n,
          ariaLabel: u,
          ariaLabelledBy: e,
          ariaValueTextFormatter: r,
          style: o[0] || o,
          ref: (W) => this.saveHandle(0, W),
          onFocus: this.onFocus,
          onBlur: this.onBlur
        }), E = m !== void 0 ? this.calcOffset(m) : 0, q = a[0] || a;
        return {
          tracks: this.getTrack({
            prefixCls: s,
            reverse: b,
            vertical: h,
            included: d,
            offset: E,
            minimumTrackStyle: t,
            mergedTrackStyle: q,
            length: F - E
          }),
          handles: N
        };
      }
    }
  });
  var y = (0, B.default)(f);
  return J.default = y, J;
}
var re = {}, Se;
function Xe() {
  if (Se)
    return re;
  Se = 1;
  var p = I;
  Object.defineProperty(re, "__esModule", {
    value: !0
  }), re.default = void 0;
  var g = z, P = p(G()), S = p(Y()), C = y(le()), _ = p(ce()), M = ue(), B = p(Me()), x = p(Te()), O = y(fe()), i = p(ke());
  function f(t) {
    if (typeof WeakMap != "function")
      return null;
    var a = /* @__PURE__ */ new WeakMap(), o = /* @__PURE__ */ new WeakMap();
    return (f = function(n) {
      return n ? o : a;
    })(t);
  }
  function y(t, a) {
    if (!a && t && t.__esModule)
      return t;
    if (t === null || typeof t != "object" && typeof t != "function")
      return { default: t };
    var o = f(a);
    if (o && o.has(t))
      return o.get(t);
    var n = {}, u = Object.defineProperty && Object.getOwnPropertyDescriptor;
    for (var e in t)
      if (e !== "default" && Object.prototype.hasOwnProperty.call(t, e)) {
        var r = u ? Object.getOwnPropertyDescriptor(t, e) : null;
        r && (r.get || r.set) ? Object.defineProperty(n, e, r) : n[e] = t[e];
      }
    return n.default = t, o && o.set(t, n), n;
  }
  const s = (t) => {
    let {
      value: a,
      handle: o,
      bounds: n,
      props: u
    } = t;
    const {
      allowCross: e,
      pushable: r
    } = u, l = Number(r), v = O.ensureValueInRange(a, u);
    let m = v;
    return !e && o != null && n !== void 0 && (o > 0 && v <= n[o - 1] + l && (m = n[o - 1] + l), o < n.length - 1 && v >= n[o + 1] - l && (m = n[o + 1] - l)), O.ensureValuePrecision(m, u);
  }, h = {
    defaultValue: C.default.arrayOf(C.default.number),
    value: C.default.arrayOf(C.default.number),
    count: Number,
    pushable: (0, C.withUndefined)(C.default.oneOfType([C.default.looseBool, C.default.number])),
    allowCross: {
      type: Boolean,
      default: void 0
    },
    disabled: {
      type: Boolean,
      default: void 0
    },
    reverse: {
      type: Boolean,
      default: void 0
    },
    tabindex: C.default.arrayOf(C.default.number),
    prefixCls: String,
    min: Number,
    max: Number,
    autofocus: {
      type: Boolean,
      default: void 0
    },
    ariaLabelGroupForHandles: Array,
    ariaLabelledByGroupForHandles: Array,
    ariaValueTextFormatterGroupForHandles: Array,
    draggableTrack: {
      type: Boolean,
      default: void 0
    }
  }, d = (0, g.defineComponent)({
    compatConfig: {
      MODE: 3
    },
    name: "Range",
    mixins: [_.default],
    inheritAttrs: !1,
    props: (0, i.default)(h, {
      count: 1,
      allowCross: !0,
      pushable: !1,
      tabindex: [],
      draggableTrack: !1,
      ariaLabelGroupForHandles: [],
      ariaLabelledByGroupForHandles: [],
      ariaValueTextFormatterGroupForHandles: []
    }),
    emits: ["beforeChange", "afterChange", "change"],
    displayName: "Range",
    data() {
      const {
        count: t,
        min: a,
        max: o
      } = this, n = Array(...Array(t + 1)).map(() => a), u = (0, M.hasProp)(this, "defaultValue") ? this.defaultValue : n;
      let {
        value: e
      } = this;
      e === void 0 && (e = u);
      const r = e.map((v, m) => s({
        value: v,
        handle: m,
        props: this.$props
      }));
      return {
        sHandle: null,
        recent: r[0] === o ? 0 : r.length - 1,
        bounds: r
      };
    },
    watch: {
      value: {
        handler(t) {
          const {
            bounds: a
          } = this;
          this.setChangeValue(t || a);
        },
        deep: !0
      },
      min() {
        const {
          value: t
        } = this;
        this.setChangeValue(t || this.bounds);
      },
      max() {
        const {
          value: t
        } = this;
        this.setChangeValue(t || this.bounds);
      }
    },
    methods: {
      setChangeValue(t) {
        const {
          bounds: a
        } = this;
        let o = t.map((n, u) => s({
          value: n,
          handle: u,
          bounds: a,
          props: this.$props
        }));
        if (a.length === o.length) {
          if (o.every((n, u) => n === a[u]))
            return null;
        } else
          o = t.map((n, u) => s({
            value: n,
            handle: u,
            props: this.$props
          }));
        if (this.setState({
          bounds: o
        }), t.some((n) => O.isValueOutOfRange(n, this.$props))) {
          const n = t.map((u) => O.ensureValueInRange(u, this.$props));
          this.$emit("change", n);
        }
      },
      onChange(t) {
        if (!(0, M.hasProp)(this, "value"))
          this.setState(t);
        else {
          const u = {};
          ["sHandle", "recent"].forEach((e) => {
            t[e] !== void 0 && (u[e] = t[e]);
          }), Object.keys(u).length && this.setState(u);
        }
        const n = (0, P.default)((0, P.default)({}, this.$data), t).bounds;
        this.$emit("change", n);
      },
      positionGetValue(t) {
        const a = this.getValue(), o = this.calcValueByPos(t), n = this.getClosestBound(o), u = this.getBoundNeedMoving(o, n), e = a[u];
        if (o === e)
          return null;
        const r = [...a];
        return r[u] = o, r;
      },
      onStart(t) {
        const {
          bounds: a
        } = this;
        this.$emit("beforeChange", a);
        const o = this.calcValueByPos(t);
        this.startValue = o, this.startPosition = t;
        const n = this.getClosestBound(o);
        this.prevMovedHandleIndex = this.getBoundNeedMoving(o, n), this.setState({
          sHandle: this.prevMovedHandleIndex,
          recent: this.prevMovedHandleIndex
        });
        const u = a[this.prevMovedHandleIndex];
        if (o === u)
          return;
        const e = [...a];
        e[this.prevMovedHandleIndex] = o, this.onChange({
          bounds: e
        });
      },
      onEnd(t) {
        const {
          sHandle: a
        } = this;
        this.removeDocumentEvents(), a || (this.dragTrack = !1), (a !== null || t) && this.$emit("afterChange", this.bounds), this.setState({
          sHandle: null
        });
      },
      onMove(t, a, o, n) {
        O.pauseEvent(t);
        const {
          $data: u,
          $props: e
        } = this, r = e.max || 100, l = e.min || 0;
        if (o) {
          let T = e.vertical ? -a : a;
          T = e.reverse ? -T : T;
          const V = r - Math.max(...n), H = l - Math.min(...n), R = Math.min(Math.max(T / (this.getSliderLength() / 100), H), V), F = n.map((N) => Math.floor(Math.max(Math.min(N + R, r), l)));
          u.bounds.map((N, E) => N === F[E]).some((N) => !N) && this.onChange({
            bounds: F
          });
          return;
        }
        const {
          bounds: v,
          sHandle: m
        } = this, b = this.calcValueByPos(a), $ = v[m];
        b !== $ && this.moveTo(b);
      },
      onKeyboard(t) {
        const {
          reverse: a,
          vertical: o
        } = this.$props, n = O.getKeyboardValueMutator(t, o, a);
        if (n) {
          O.pauseEvent(t);
          const {
            bounds: u,
            sHandle: e
          } = this, r = u[e === null ? this.recent : e], l = n(r, this.$props), v = s({
            value: l,
            handle: e,
            bounds: u,
            props: this.$props
          });
          if (v === r)
            return;
          const m = !0;
          this.moveTo(v, m);
        }
      },
      getClosestBound(t) {
        const {
          bounds: a
        } = this;
        let o = 0;
        for (let n = 1; n < a.length - 1; n += 1)
          t >= a[n] && (o = n);
        return Math.abs(a[o + 1] - t) < Math.abs(a[o] - t) && (o += 1), o;
      },
      getBoundNeedMoving(t, a) {
        const {
          bounds: o,
          recent: n
        } = this;
        let u = a;
        const e = o[a + 1] === o[a];
        return e && o[n] === o[a] && (u = n), e && t !== o[a + 1] && (u = t < o[a + 1] ? a : a + 1), u;
      },
      getLowerBound() {
        return this.bounds[0];
      },
      getUpperBound() {
        const {
          bounds: t
        } = this;
        return t[t.length - 1];
      },
      /**
       * Returns an array of possible slider points, taking into account both
       * `marks` and `step`. The result is cached.
       */
      getPoints() {
        const {
          marks: t,
          step: a,
          min: o,
          max: n
        } = this, u = this.internalPointsCache;
        if (!u || u.marks !== t || u.step !== a) {
          const e = (0, P.default)({}, t);
          if (a !== null)
            for (let l = o; l <= n; l += a)
              e[l] = l;
          const r = Object.keys(e).map(parseFloat);
          r.sort((l, v) => l - v), this.internalPointsCache = {
            marks: t,
            step: a,
            points: r
          };
        }
        return this.internalPointsCache.points;
      },
      moveTo(t, a) {
        const o = [...this.bounds], {
          sHandle: n,
          recent: u
        } = this, e = n === null ? u : n;
        o[e] = t;
        let r = e;
        this.$props.pushable !== !1 ? this.pushSurroundingHandles(o, r) : this.$props.allowCross && (o.sort((l, v) => l - v), r = o.indexOf(t)), this.onChange({
          recent: r,
          sHandle: r,
          bounds: o
        }), a && (this.$emit("afterChange", o), this.setState({}, () => {
          this.handlesRefs[r].focus();
        }), this.onEnd());
      },
      pushSurroundingHandles(t, a) {
        const o = t[a], {
          pushable: n
        } = this, u = Number(n);
        let e = 0;
        if (t[a + 1] - o < u && (e = 1), o - t[a - 1] < u && (e = -1), e === 0)
          return;
        const r = a + e, l = e * (t[r] - o);
        this.pushHandle(t, r, e, u - l) || (t[a] = t[r] - e * u);
      },
      pushHandle(t, a, o, n) {
        const u = t[a];
        let e = t[a];
        for (; o * (e - u) < n; ) {
          if (!this.pushHandleOnePoint(t, a, o))
            return t[a] = u, !1;
          e = t[a];
        }
        return !0;
      },
      pushHandleOnePoint(t, a, o) {
        const n = this.getPoints(), e = n.indexOf(t[a]) + o;
        if (e >= n.length || e < 0)
          return !1;
        const r = a + o, l = n[e], {
          pushable: v
        } = this, m = Number(v), b = o * (t[r] - l);
        return this.pushHandle(t, r, o, m - b) ? (t[a] = l, !0) : !1;
      },
      trimAlignValue(t) {
        const {
          sHandle: a,
          bounds: o
        } = this;
        return s({
          value: t,
          handle: a,
          bounds: o,
          props: this.$props
        });
      },
      ensureValueNotConflict(t, a, o) {
        let {
          allowCross: n,
          pushable: u
        } = o;
        const e = this.$data || {}, {
          bounds: r
        } = e;
        if (t = t === void 0 ? e.sHandle : t, u = Number(u), !n && t != null && r !== void 0) {
          if (t > 0 && a <= r[t - 1] + u)
            return r[t - 1] + u;
          if (t < r.length - 1 && a >= r[t + 1] - u)
            return r[t + 1] - u;
        }
        return a;
      },
      getTrack(t) {
        let {
          bounds: a,
          prefixCls: o,
          reverse: n,
          vertical: u,
          included: e,
          offsets: r,
          trackStyle: l
        } = t;
        return a.slice(0, -1).map((v, m) => {
          const b = m + 1, $ = (0, S.default)({
            [`${o}-track`]: !0,
            [`${o}-track-${b}`]: !0
          });
          return (0, g.createVNode)(B.default, {
            class: $,
            vertical: u,
            reverse: n,
            included: e,
            offset: r[b - 1],
            length: r[b] - r[b - 1],
            style: l[m],
            key: b
          }, null);
        });
      },
      renderSlider() {
        const {
          sHandle: t,
          bounds: a,
          prefixCls: o,
          vertical: n,
          included: u,
          disabled: e,
          min: r,
          max: l,
          reverse: v,
          handle: m,
          defaultHandle: b,
          trackStyle: $,
          handleStyle: T,
          tabindex: V,
          ariaLabelGroupForHandles: H,
          ariaLabelledByGroupForHandles: R,
          ariaValueTextFormatterGroupForHandles: F
        } = this, N = m || b, E = a.map((L) => this.calcOffset(L)), q = `${o}-handle`, W = a.map((L, D) => {
          let K = V[D] || 0;
          (e || V[D] === null) && (K = null);
          const ie = t === D;
          return N({
            class: (0, S.default)({
              [q]: !0,
              [`${q}-${D + 1}`]: !0,
              [`${q}-dragging`]: ie
            }),
            prefixCls: o,
            vertical: n,
            dragging: ie,
            offset: E[D],
            value: L,
            index: D,
            tabindex: K,
            min: r,
            max: l,
            reverse: v,
            disabled: e,
            style: T[D],
            ref: (de) => this.saveHandle(D, de),
            onFocus: this.onFocus,
            onBlur: this.onBlur,
            ariaLabel: H[D],
            ariaLabelledBy: R[D],
            ariaValueTextFormatter: F[D]
          });
        });
        return {
          tracks: this.getTrack({
            bounds: a,
            prefixCls: o,
            reverse: v,
            vertical: n,
            included: u,
            offsets: E,
            trackStyle: $
          }),
          handles: W
        };
      }
    }
  });
  var c = (0, x.default)(d);
  return re.default = c, re;
}
var ae = {}, xe;
function Ye() {
  if (xe)
    return ae;
  xe = 1;
  var p = I;
  Object.defineProperty(ae, "__esModule", {
    value: !0
  }), ae.default = void 0;
  var g = z, P = p(oe()), S = M(We()), C = p(ze());
  function _(x) {
    if (typeof WeakMap != "function")
      return null;
    var O = /* @__PURE__ */ new WeakMap(), i = /* @__PURE__ */ new WeakMap();
    return (_ = function(f) {
      return f ? i : O;
    })(x);
  }
  function M(x, O) {
    if (!O && x && x.__esModule)
      return x;
    if (x === null || typeof x != "object" && typeof x != "function")
      return { default: x };
    var i = _(O);
    if (i && i.has(x))
      return i.get(x);
    var f = {}, y = Object.defineProperty && Object.getOwnPropertyDescriptor;
    for (var s in x)
      if (s !== "default" && Object.prototype.hasOwnProperty.call(x, s)) {
        var h = y ? Object.getOwnPropertyDescriptor(x, s) : null;
        h && (h.get || h.set) ? Object.defineProperty(f, s, h) : f[s] = x[s];
      }
    return f.default = x, i && i.set(x, f), f;
  }
  var B = (0, g.defineComponent)({
    compatConfig: {
      MODE: 3
    },
    name: "SliderTooltip",
    inheritAttrs: !1,
    props: (0, S.tooltipProps)(),
    setup(x, O) {
      let {
        attrs: i,
        slots: f
      } = O;
      const y = (0, g.ref)(null), s = (0, g.ref)(null);
      function h() {
        C.default.cancel(s.value), s.value = null;
      }
      function d() {
        s.value = (0, C.default)(() => {
          var t;
          (t = y.value) === null || t === void 0 || t.forcePopupAlign(), s.value = null;
        });
      }
      const c = () => {
        h(), x.open && d();
      };
      return (0, g.watch)([() => x.open, () => x.title], () => {
        c();
      }, {
        flush: "post",
        immediate: !0
      }), (0, g.onActivated)(() => {
        c();
      }), (0, g.onBeforeUnmount)(() => {
        h();
      }), () => (0, g.createVNode)(S.default, (0, P.default)((0, P.default)({
        ref: y
      }, x), i), f);
    }
  });
  return ae.default = B, ae;
}
var ne = {}, Pe;
function Je() {
  if (Pe)
    return ne;
  Pe = 1;
  var p = I;
  Object.defineProperty(ne, "__esModule", {
    value: !0
  }), ne.default = void 0;
  var g = p(G()), P = Re, S = Fe(), C = Ee();
  const _ = (i) => {
    const {
      componentCls: f,
      controlSize: y,
      dotSize: s,
      marginFull: h,
      marginPart: d,
      colorFillContentHover: c
    } = i;
    return {
      [f]: (0, g.default)((0, g.default)({}, (0, C.resetComponent)(i)), {
        position: "relative",
        height: y,
        margin: `${d}px ${h}px`,
        padding: 0,
        cursor: "pointer",
        touchAction: "none",
        "&-vertical": {
          margin: `${h}px ${d}px`
        },
        [`${f}-rail`]: {
          position: "absolute",
          backgroundColor: i.colorFillTertiary,
          borderRadius: i.borderRadiusXS,
          transition: `background-color ${i.motionDurationMid}`
        },
        [`${f}-track`]: {
          position: "absolute",
          backgroundColor: i.colorPrimaryBorder,
          borderRadius: i.borderRadiusXS,
          transition: `background-color ${i.motionDurationMid}`
        },
        "&:hover": {
          [`${f}-rail`]: {
            backgroundColor: i.colorFillSecondary
          },
          [`${f}-track`]: {
            backgroundColor: i.colorPrimaryBorderHover
          },
          [`${f}-dot`]: {
            borderColor: c
          },
          [`${f}-handle::after`]: {
            boxShadow: `0 0 0 ${i.handleLineWidth}px ${i.colorPrimaryBorderHover}`
          },
          [`${f}-dot-active`]: {
            borderColor: i.colorPrimary
          }
        },
        [`${f}-handle`]: {
          position: "absolute",
          width: i.handleSize,
          height: i.handleSize,
          outline: "none",
          [`${f}-dragging`]: {
            zIndex: 1
          },
          // 扩大选区
          "&::before": {
            content: '""',
            position: "absolute",
            insetInlineStart: -i.handleLineWidth,
            insetBlockStart: -i.handleLineWidth,
            width: i.handleSize + i.handleLineWidth * 2,
            height: i.handleSize + i.handleLineWidth * 2,
            backgroundColor: "transparent"
          },
          "&::after": {
            content: '""',
            position: "absolute",
            insetBlockStart: 0,
            insetInlineStart: 0,
            width: i.handleSize,
            height: i.handleSize,
            backgroundColor: i.colorBgElevated,
            boxShadow: `0 0 0 ${i.handleLineWidth}px ${i.colorPrimaryBorder}`,
            borderRadius: "50%",
            cursor: "pointer",
            transition: `
            inset-inline-start ${i.motionDurationMid},
            inset-block-start ${i.motionDurationMid},
            width ${i.motionDurationMid},
            height ${i.motionDurationMid},
            box-shadow ${i.motionDurationMid}
          `
          },
          "&:hover, &:active, &:focus": {
            "&::before": {
              insetInlineStart: -((i.handleSizeHover - i.handleSize) / 2 + i.handleLineWidthHover),
              insetBlockStart: -((i.handleSizeHover - i.handleSize) / 2 + i.handleLineWidthHover),
              width: i.handleSizeHover + i.handleLineWidthHover * 2,
              height: i.handleSizeHover + i.handleLineWidthHover * 2
            },
            "&::after": {
              boxShadow: `0 0 0 ${i.handleLineWidthHover}px ${i.colorPrimary}`,
              width: i.handleSizeHover,
              height: i.handleSizeHover,
              insetInlineStart: (i.handleSize - i.handleSizeHover) / 2,
              insetBlockStart: (i.handleSize - i.handleSizeHover) / 2
            }
          }
        },
        [`${f}-mark`]: {
          position: "absolute",
          fontSize: i.fontSize
        },
        [`${f}-mark-text`]: {
          position: "absolute",
          display: "inline-block",
          color: i.colorTextDescription,
          textAlign: "center",
          wordBreak: "keep-all",
          cursor: "pointer",
          userSelect: "none",
          "&-active": {
            color: i.colorText
          }
        },
        [`${f}-step`]: {
          position: "absolute",
          background: "transparent",
          pointerEvents: "none"
        },
        [`${f}-dot`]: {
          position: "absolute",
          width: s,
          height: s,
          backgroundColor: i.colorBgElevated,
          border: `${i.handleLineWidth}px solid ${i.colorBorderSecondary}`,
          borderRadius: "50%",
          cursor: "pointer",
          transition: `border-color ${i.motionDurationSlow}`,
          "&-active": {
            borderColor: i.colorPrimaryBorder
          }
        },
        [`&${f}-disabled`]: {
          cursor: "not-allowed",
          [`${f}-rail`]: {
            backgroundColor: `${i.colorFillSecondary} !important`
          },
          [`${f}-track`]: {
            backgroundColor: `${i.colorTextDisabled} !important`
          },
          [`
          ${f}-dot
        `]: {
            backgroundColor: i.colorBgElevated,
            borderColor: i.colorTextDisabled,
            boxShadow: "none",
            cursor: "not-allowed"
          },
          [`${f}-handle::after`]: {
            backgroundColor: i.colorBgElevated,
            cursor: "not-allowed",
            width: i.handleSize,
            height: i.handleSize,
            boxShadow: `0 0 0 ${i.handleLineWidth}px ${new P.TinyColor(i.colorTextDisabled).onBackground(i.colorBgContainer).toHexString()}`,
            insetInlineStart: 0,
            insetBlockStart: 0
          },
          [`
          ${f}-mark-text,
          ${f}-dot
        `]: {
            cursor: "not-allowed !important"
          }
        }
      })
    };
  }, M = (i, f) => {
    const {
      componentCls: y,
      railSize: s,
      handleSize: h,
      dotSize: d
    } = i, c = f ? "paddingBlock" : "paddingInline", t = f ? "width" : "height", a = f ? "height" : "width", o = f ? "insetBlockStart" : "insetInlineStart", n = f ? "top" : "insetInlineStart";
    return {
      [c]: s,
      [a]: s * 3,
      [`${y}-rail`]: {
        [t]: "100%",
        [a]: s
      },
      [`${y}-track`]: {
        [a]: s
      },
      [`${y}-handle`]: {
        [o]: (s * 3 - h) / 2
      },
      [`${y}-mark`]: {
        // Reset all
        insetInlineStart: 0,
        top: 0,
        [n]: h,
        [t]: "100%"
      },
      [`${y}-step`]: {
        // Reset all
        insetInlineStart: 0,
        top: 0,
        [n]: s,
        [t]: "100%",
        [a]: s
      },
      [`${y}-dot`]: {
        position: "absolute",
        [o]: (s - d) / 2
      }
    };
  }, B = (i) => {
    const {
      componentCls: f,
      marginPartWithMark: y
    } = i;
    return {
      [`${f}-horizontal`]: (0, g.default)((0, g.default)({}, M(i, !0)), {
        [`&${f}-with-marks`]: {
          marginBottom: y
        }
      })
    };
  }, x = (i) => {
    const {
      componentCls: f
    } = i;
    return {
      [`${f}-vertical`]: (0, g.default)((0, g.default)({}, M(i, !1)), {
        height: "100%"
      })
    };
  };
  var O = (0, S.genComponentStyleHook)("Slider", (i) => {
    const f = (0, S.mergeToken)(i, {
      marginPart: (i.controlHeight - i.controlSize) / 2,
      marginFull: i.controlSize / 2,
      marginPartWithMark: i.controlHeightLG - i.controlSize
    });
    return [_(f), B(f), x(f)];
  }, (i) => {
    const y = i.controlHeightLG / 4, s = i.controlHeightSM / 2, h = i.lineWidth + 1, d = i.lineWidth + 1 * 3;
    return {
      controlSize: y,
      railSize: 4,
      handleSize: y,
      handleSizeHover: s,
      dotSize: 8,
      handleLineWidth: h,
      handleLineWidthHover: d
    };
  });
  return ne.default = O, ne;
}
var A = I;
Object.defineProperty(X, "__esModule", {
  value: !0
});
var we = X.sliderProps = He = X.default = void 0, j = z, U = A(oe()), Qe = A(Ke()), Ze = A(Xe()), et = A(Ve()), w = Le(), tt = A(qe()), rt = A(Ye()), at = A(Y()), nt = Ae(), ot = A(Je()), it = A(De()), Ce = function(p, g) {
  var P = {};
  for (var S in p)
    Object.prototype.hasOwnProperty.call(p, S) && g.indexOf(S) < 0 && (P[S] = p[S]);
  if (p != null && typeof Object.getOwnPropertySymbols == "function")
    for (var C = 0, S = Object.getOwnPropertySymbols(p); C < S.length; C++)
      g.indexOf(S[C]) < 0 && Object.prototype.propertyIsEnumerable.call(p, S[C]) && (P[S[C]] = p[S[C]]);
  return P;
};
const st = (p) => typeof p == "number" ? p.toString() : "", Be = () => ({
  id: String,
  prefixCls: String,
  tooltipPrefixCls: String,
  range: (0, w.someType)([Boolean, Object]),
  reverse: (0, w.booleanType)(),
  min: Number,
  max: Number,
  step: (0, w.someType)([Object, Number]),
  marks: (0, w.objectType)(),
  dots: (0, w.booleanType)(),
  value: (0, w.someType)([Array, Number]),
  defaultValue: (0, w.someType)([Array, Number]),
  included: (0, w.booleanType)(),
  disabled: (0, w.booleanType)(),
  vertical: (0, w.booleanType)(),
  tipFormatter: (0, w.someType)([Function, Object], () => st),
  tooltipOpen: (0, w.booleanType)(),
  /** @deprecated `tooltipVisible` is deprecated. Please use `tooltipOpen` instead. */
  tooltipVisible: (0, w.booleanType)(),
  tooltipPlacement: (0, w.stringType)(),
  getTooltipPopupContainer: (0, w.functionType)(),
  autofocus: (0, w.booleanType)(),
  handleStyle: (0, w.someType)([Array, Object]),
  trackStyle: (0, w.someType)([Array, Object]),
  onChange: (0, w.functionType)(),
  onAfterChange: (0, w.functionType)(),
  onFocus: (0, w.functionType)(),
  onBlur: (0, w.functionType)(),
  "onUpdate:value": (0, w.functionType)()
});
we = X.sliderProps = Be;
const lt = (0, j.defineComponent)({
  compatConfig: {
    MODE: 3
  },
  name: "ASlider",
  inheritAttrs: !1,
  props: Be(),
  // emits: ['update:value', 'change', 'afterChange', 'blur'],
  slots: Object,
  setup(p, g) {
    let {
      attrs: P,
      slots: S,
      emit: C,
      expose: _
    } = g;
    process.env.NODE_ENV !== "production" && [["tooltipVisible", "tooltipOpen"]].forEach((r) => {
      let [l, v] = r;
      (0, it.default)(p.tooltipVisible === void 0, "Slider", `\`${l}\` is deprecated, please use \`${v}\` instead.`);
    });
    const {
      prefixCls: M,
      rootPrefixCls: B,
      direction: x,
      getPopupContainer: O,
      configProvider: i
    } = (0, tt.default)("slider", p), [f, y] = (0, ot.default)(M), s = (0, nt.useInjectFormItemContext)(), h = (0, j.ref)(), d = (0, j.ref)({}), c = (r, l) => {
      d.value[r] = l;
    }, t = (0, j.computed)(() => p.tooltipPlacement ? p.tooltipPlacement : p.vertical ? x.value === "rtl" ? "left" : "right" : "top"), a = () => {
      var r;
      (r = h.value) === null || r === void 0 || r.focus();
    }, o = () => {
      var r;
      (r = h.value) === null || r === void 0 || r.blur();
    }, n = (r) => {
      C("update:value", r), C("change", r), s.onFieldChange();
    }, u = (r) => {
      C("blur", r);
    };
    _({
      focus: a,
      blur: o
    });
    const e = (r) => {
      var {
        tooltipPrefixCls: l
      } = r, v = r.info, {
        value: m,
        dragging: b,
        index: $
      } = v, T = Ce(v, ["value", "dragging", "index"]);
      const {
        tipFormatter: V,
        tooltipOpen: H = p.tooltipVisible,
        getTooltipPopupContainer: R
      } = p, F = V ? d.value[$] || b : !1, N = H || H === void 0 && F;
      return (0, j.createVNode)(rt.default, {
        prefixCls: l,
        title: V ? V(m) : "",
        open: N,
        placement: t.value,
        transitionName: `${B.value}-zoom-down`,
        key: $,
        overlayClassName: `${M.value}-tooltip`,
        getPopupContainer: R || (O == null ? void 0 : O.value)
      }, {
        default: () => [(0, j.createVNode)(et.default, (0, U.default)((0, U.default)({}, T), {}, {
          value: m,
          onMouseenter: () => c($, !0),
          onMouseleave: () => c($, !1)
        }), null)]
      });
    };
    return () => {
      const {
        tooltipPrefixCls: r,
        range: l,
        id: v = s.id.value
      } = p, m = Ce(p, ["tooltipPrefixCls", "range", "id"]), b = i.getPrefixCls("tooltip", r), $ = (0, at.default)(P.class, {
        [`${M.value}-rtl`]: x.value === "rtl"
      }, y.value);
      x.value === "rtl" && !m.vertical && (m.reverse = !m.reverse);
      let T;
      return typeof l == "object" && (T = l.draggableTrack), f(l ? (0, j.createVNode)(Ze.default, (0, U.default)((0, U.default)((0, U.default)({}, P), m), {}, {
        step: m.step,
        draggableTrack: T,
        class: $,
        ref: h,
        handle: (V) => e({
          tooltipPrefixCls: b,
          prefixCls: M.value,
          info: V
        }),
        prefixCls: M.value,
        onChange: n,
        onBlur: u
      }), {
        mark: S.mark
      }) : (0, j.createVNode)(Qe.default, (0, U.default)((0, U.default)((0, U.default)({}, P), m), {}, {
        id: v,
        step: m.step,
        class: $,
        ref: h,
        handle: (V) => e({
          tooltipPrefixCls: b,
          prefixCls: M.value,
          info: V
        }),
        prefixCls: M.value,
        onChange: n,
        onBlur: u
      }), {
        mark: S.mark
      }));
    };
  }
});
var ut = (0, w.withInstall)(lt), He = X.default = ut;
const xt = /* @__PURE__ */ je({
  __proto__: null,
  get default() {
    return He;
  },
  get sliderProps() {
    return we;
  }
}, [X]);
export {
  xt as i
};