ai-form-designer/dist/index-CfS-GaFN.js

vue3+adv的设计器,可视化开发页面表单

import { c as k } from "./_commonjsHelpers-BVfed4GL.js";
import { c as pe, a as oo, b as to, _ as ro, f as no, e as ao, i as io } from "./index-CFbzusj4.js";
import { r as ge } from "./_vue_commonjs-external-NwvjgbHK.js";
import { f as lo } from "./fade-in-scale-up.cssr-Ce2i0ZnO.js";
function so(i, m) {
  for (var d = 0; d < m.length; d++) {
    const c = m[d];
    if (typeof c != "string" && !Array.isArray(c)) {
      for (const n in c)
        if (n !== "default" && !(n in i)) {
          const g = Object.getOwnPropertyDescriptor(c, n);
          g && Object.defineProperty(i, n, g.get ? g : {
            enumerable: !0,
            get: () => c[n]
          });
        }
    }
  }
  return Object.freeze(Object.defineProperty(i, Symbol.toStringTag, { value: "Module" }));
}
var xe = {}, we = {}, _e = {}, oe = {}, L = {};
Object.defineProperty(L, "__esModule", { value: !0 });
L.default = {
  railHeight: "4px",
  railWidthVertical: "4px",
  handleSize: "18px",
  dotHeight: "8px",
  dotWidth: "8px",
  dotBorderRadius: "4px"
};
var co = k && k.__importDefault || function(i) {
  return i && i.__esModule ? i : { default: i };
};
Object.defineProperty(oe, "__esModule", { value: !0 });
const uo = pe, ho = co(L), fo = {
  name: "Slider",
  common: uo.commonDark,
  self(i) {
    const m = "0 2px 8px 0 rgba(0, 0, 0, 0.12)", { railColor: d, modalColor: c, primaryColorSuppl: n, popoverColor: g, textColor2: y, cardColor: x, borderRadius: P, fontSize: z, opacityDisabled: S } = i;
    return Object.assign(Object.assign({}, ho.default), { fontSize: z, markFontSize: z, railColor: d, railColorHover: d, fillColor: n, fillColorHover: n, opacityDisabled: S, handleColor: "#FFF", dotColor: x, dotColorModal: c, dotColorPopover: g, handleBoxShadow: "0px 2px 4px 0 rgba(0, 0, 0, 0.4)", handleBoxShadowHover: "0px 2px 4px 0 rgba(0, 0, 0, 0.4)", handleBoxShadowActive: "0px 2px 4px 0 rgba(0, 0, 0, 0.4)", handleBoxShadowFocus: "0px 2px 4px 0 rgba(0, 0, 0, 0.4)", indicatorColor: g, indicatorBoxShadow: m, indicatorTextColor: y, indicatorBorderRadius: P, dotBorder: `2px solid ${d}`, dotBorderActive: `2px solid ${n}`, dotBoxShadow: "" });
  }
};
oe.default = fo;
var te = {}, vo = k && k.__importDefault || function(i) {
  return i && i.__esModule ? i : { default: i };
};
Object.defineProperty(te, "__esModule", { value: !0 });
const mo = pe, bo = vo(L);
function po(i) {
  const m = "rgba(0, 0, 0, .85)", d = "0 2px 8px 0 rgba(0, 0, 0, 0.12)", { railColor: c, primaryColor: n, baseColor: g, cardColor: y, modalColor: x, popoverColor: P, borderRadius: z, fontSize: S, opacityDisabled: X } = i;
  return Object.assign(Object.assign({}, bo.default), { fontSize: S, markFontSize: S, railColor: c, railColorHover: c, fillColor: n, fillColorHover: n, opacityDisabled: X, handleColor: "#FFF", dotColor: y, dotColorModal: x, dotColorPopover: P, handleBoxShadow: "0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)", handleBoxShadowHover: "0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)", handleBoxShadowActive: "0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)", handleBoxShadowFocus: "0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)", indicatorColor: m, indicatorBoxShadow: d, indicatorTextColor: g, indicatorBorderRadius: z, dotBorder: `2px solid ${c}`, dotBorderActive: `2px solid ${n}`, dotBoxShadow: "" });
}
const go = {
  name: "Slider",
  common: mo.commonLight,
  self: po
};
te.default = go;
(function(i) {
  var m = k && k.__importDefault || function(n) {
    return n && n.__esModule ? n : { default: n };
  };
  Object.defineProperty(i, "__esModule", { value: !0 }), i.sliderLight = i.sliderDark = void 0;
  var d = oe;
  Object.defineProperty(i, "sliderDark", { enumerable: !0, get: function() {
    return m(d).default;
  } });
  var c = te;
  Object.defineProperty(i, "sliderLight", { enumerable: !0, get: function() {
    return m(c).default;
  } });
})(_e);
var re = {};
Object.defineProperty(re, "__esModule", {
  value: !0
});
const be = lo, r = oo;
re.default = (0, r.c)([(0, r.cB)("slider", `
 display: block;
 padding: calc((var(--n-handle-size) - var(--n-rail-height)) / 2) 0;
 position: relative;
 z-index: 0;
 width: 100%;
 cursor: pointer;
 user-select: none;
 -webkit-user-select: none;
 `, [(0, r.cM)("reverse", [(0, r.cB)("slider-handles", [(0, r.cB)("slider-handle-wrapper", `
 transform: translate(50%, -50%);
 `)]), (0, r.cB)("slider-dots", [(0, r.cB)("slider-dot", `
 transform: translateX(50%, -50%);
 `)]), (0, r.cM)("vertical", [(0, r.cB)("slider-handles", [(0, r.cB)("slider-handle-wrapper", `
 transform: translate(-50%, -50%);
 `)]), (0, r.cB)("slider-marks", [(0, r.cB)("slider-mark", `
 transform: translateY(calc(-50% + var(--n-dot-height) / 2));
 `)]), (0, r.cB)("slider-dots", [(0, r.cB)("slider-dot", `
 transform: translateX(-50%) translateY(0);
 `)])])]), (0, r.cM)("vertical", `
 box-sizing: content-box;
 padding: 0 calc((var(--n-handle-size) - var(--n-rail-height)) / 2);
 width: var(--n-rail-width-vertical);
 height: 100%;
 `, [(0, r.cB)("slider-handles", `
 top: calc(var(--n-handle-size) / 2);
 right: 0;
 bottom: calc(var(--n-handle-size) / 2);
 left: 0;
 `, [(0, r.cB)("slider-handle-wrapper", `
 top: unset;
 left: 50%;
 transform: translate(-50%, 50%);
 `)]), (0, r.cB)("slider-rail", `
 height: 100%;
 `, [(0, r.cE)("fill", `
 top: unset;
 right: 0;
 bottom: unset;
 left: 0;
 `)]), (0, r.cM)("with-mark", `
 width: var(--n-rail-width-vertical);
 margin: 0 32px 0 8px;
 `), (0, r.cB)("slider-marks", `
 top: calc(var(--n-handle-size) / 2);
 right: unset;
 bottom: calc(var(--n-handle-size) / 2);
 left: 22px;
 font-size: var(--n-mark-font-size);
 `, [(0, r.cB)("slider-mark", `
 transform: translateY(50%);
 white-space: nowrap;
 `)]), (0, r.cB)("slider-dots", `
 top: calc(var(--n-handle-size) / 2);
 right: unset;
 bottom: calc(var(--n-handle-size) / 2);
 left: 50%;
 `, [(0, r.cB)("slider-dot", `
 transform: translateX(-50%) translateY(50%);
 `)])]), (0, r.cM)("disabled", `
 cursor: not-allowed;
 opacity: var(--n-opacity-disabled);
 `, [(0, r.cB)("slider-handle", `
 cursor: not-allowed;
 `)]), (0, r.cM)("with-mark", `
 width: 100%;
 margin: 8px 0 32px 0;
 `), (0, r.c)("&:hover", [(0, r.cB)("slider-rail", {
  backgroundColor: "var(--n-rail-color-hover)"
}, [(0, r.cE)("fill", {
  backgroundColor: "var(--n-fill-color-hover)"
})]), (0, r.cB)("slider-handle", {
  boxShadow: "var(--n-handle-box-shadow-hover)"
})]), (0, r.cM)("active", [(0, r.cB)("slider-rail", {
  backgroundColor: "var(--n-rail-color-hover)"
}, [(0, r.cE)("fill", {
  backgroundColor: "var(--n-fill-color-hover)"
})]), (0, r.cB)("slider-handle", {
  boxShadow: "var(--n-handle-box-shadow-hover)"
})]), (0, r.cB)("slider-marks", `
 position: absolute;
 top: 18px;
 left: calc(var(--n-handle-size) / 2);
 right: calc(var(--n-handle-size) / 2);
 `, [(0, r.cB)("slider-mark", `
 position: absolute;
 transform: translateX(-50%);
 white-space: nowrap;
 `)]), (0, r.cB)("slider-rail", `
 width: 100%;
 position: relative;
 height: var(--n-rail-height);
 background-color: var(--n-rail-color);
 transition: background-color .3s var(--n-bezier);
 border-radius: calc(var(--n-rail-height) / 2);
 `, [(0, r.cE)("fill", `
 position: absolute;
 top: 0;
 bottom: 0;
 border-radius: calc(var(--n-rail-height) / 2);
 transition: background-color .3s var(--n-bezier);
 background-color: var(--n-fill-color);
 `)]), (0, r.cB)("slider-handles", `
 position: absolute;
 top: 0;
 right: calc(var(--n-handle-size) / 2);
 bottom: 0;
 left: calc(var(--n-handle-size) / 2);
 `, [(0, r.cB)("slider-handle-wrapper", `
 outline: none;
 position: absolute;
 top: 50%;
 transform: translate(-50%, -50%);
 cursor: pointer;
 display: flex;
 `, [(0, r.cB)("slider-handle", `
 height: var(--n-handle-size);
 width: var(--n-handle-size);
 border-radius: 50%;
 overflow: hidden;
 transition: box-shadow .2s var(--n-bezier), background-color .3s var(--n-bezier);
 background-color: var(--n-handle-color);
 box-shadow: var(--n-handle-box-shadow);
 `, [(0, r.c)("&:hover", `
 box-shadow: var(--n-handle-box-shadow-hover);
 `)]), (0, r.c)("&:focus", [(0, r.cB)("slider-handle", `
 box-shadow: var(--n-handle-box-shadow-focus);
 `, [(0, r.c)("&:hover", `
 box-shadow: var(--n-handle-box-shadow-active);
 `)])])])]), (0, r.cB)("slider-dots", `
 position: absolute;
 top: 50%;
 left: calc(var(--n-handle-size) / 2);
 right: calc(var(--n-handle-size) / 2);
 `, [(0, r.cM)("transition-disabled", [(0, r.cB)("slider-dot", "transition: none;")]), (0, r.cB)("slider-dot", `
 transition:
 border-color .3s var(--n-bezier),
 box-shadow .3s var(--n-bezier),
 background-color .3s var(--n-bezier);
 position: absolute;
 transform: translate(-50%, -50%);
 height: var(--n-dot-height);
 width: var(--n-dot-width);
 border-radius: var(--n-dot-border-radius);
 overflow: hidden;
 box-sizing: border-box;
 border: var(--n-dot-border);
 background-color: var(--n-dot-color);
 `, [(0, r.cM)("active", "border: var(--n-dot-border-active);")])])]), (0, r.cB)("slider-handle-indicator", `
 font-size: var(--n-font-size);
 padding: 6px 10px;
 border-radius: var(--n-indicator-border-radius);
 color: var(--n-indicator-text-color);
 background-color: var(--n-indicator-color);
 box-shadow: var(--n-indicator-box-shadow);
 `, [(0, be.fadeInScaleUpTransition)()]), (0, r.cB)("slider-handle-indicator", `
 font-size: var(--n-font-size);
 padding: 6px 10px;
 border-radius: var(--n-indicator-border-radius);
 color: var(--n-indicator-text-color);
 background-color: var(--n-indicator-color);
 box-shadow: var(--n-indicator-box-shadow);
 `, [(0, r.cM)("top", `
 margin-bottom: 12px;
 `), (0, r.cM)("right", `
 margin-left: 12px;
 `), (0, r.cM)("bottom", `
 margin-top: 12px;
 `), (0, r.cM)("left", `
 margin-right: 12px;
 `), (0, be.fadeInScaleUpTransition)()]), (0, r.insideModal)((0, r.cB)("slider", [(0, r.cB)("slider-dot", "background-color: var(--n-dot-color-modal);")])), (0, r.insidePopover)((0, r.cB)("slider", [(0, r.cB)("slider-dot", "background-color: var(--n-dot-color-popover);")]))]);
var K = {};
Object.defineProperty(K, "__esModule", { value: !0 });
K.isTouchEvent = wo;
K.useRefs = _o;
const xo = ge;
function wo(i) {
  return window.TouchEvent && i instanceof window.TouchEvent;
}
function _o() {
  const i = /* @__PURE__ */ new Map(), m = (d) => (c) => {
    i.set(d, c);
  };
  return (0, xo.onBeforeUpdate)(() => {
    i.clear();
  }), [i, m];
}
(function(i) {
  var m = k && k.__importDefault || function(a) {
    return a && a.__esModule ? a : { default: a };
  };
  Object.defineProperty(i, "__esModule", { value: !0 }), i.sliderProps = void 0;
  const d = io, c = ao, n = ge, g = no, y = to, x = ro, P = _e, z = m(re), S = K, X = 0;
  i.sliderProps = Object.assign(Object.assign({}, y.useTheme.props), { to: x.useAdjustedTo.propTo, defaultValue: {
    type: [Number, Array],
    default: 0
  }, marks: Object, disabled: {
    type: Boolean,
    default: void 0
  }, formatTooltip: Function, keyboard: {
    type: Boolean,
    default: !0
  }, min: {
    type: Number,
    default: 0
  }, max: {
    type: Number,
    default: 100
  }, step: {
    type: [Number, String],
    default: 1
  }, range: Boolean, value: [Number, Array], placement: String, showTooltip: {
    type: Boolean,
    default: void 0
  }, tooltip: {
    type: Boolean,
    default: !0
  }, vertical: Boolean, reverse: Boolean, "onUpdate:value": [Function, Array], onUpdateValue: [Function, Array], onDragstart: [Function], onDragend: [Function] }), i.default = (0, n.defineComponent)({
    name: "Slider",
    props: i.sliderProps,
    slots: Object,
    setup(a) {
      const { mergedClsPrefixRef: u, namespaceRef: Y, inlineThemeDisabled: M } = (0, y.useConfig)(a), h = (0, y.useTheme)("Slider", "-slider", z.default, P.sliderLight, a, u), b = (0, n.ref)(null), [V, j] = (0, S.useRefs)(), [ye, Be] = (0, S.useRefs)(), ke = (0, n.ref)(/* @__PURE__ */ new Set()), ne = (0, y.useFormItem)(a), { mergedDisabledRef: F } = ne, ae = (0, n.computed)(() => {
        const { step: e } = a;
        if (Number(e) <= 0 || e === "mark")
          return 0;
        const o = e.toString();
        let t = 0;
        return o.includes(".") && (t = o.length - o.indexOf(".") - 1), t;
      }), q = (0, n.ref)(a.defaultValue), Se = (0, n.toRef)(a, "value"), W = (0, c.useMergedState)(Se, q), w = (0, n.computed)(() => {
        const { value: e } = W;
        return (a.range ? e : [e]).map(he);
      }), ie = (0, n.computed)(() => w.value.length > 2), Ce = (0, n.computed)(() => a.placement === void 0 ? a.vertical ? "right" : "top" : a.placement), le = (0, n.computed)(() => {
        const { marks: e } = a;
        return e ? Object.keys(e).map(Number.parseFloat) : null;
      }), _ = (0, n.ref)(-1), se = (0, n.ref)(-1), R = (0, n.ref)(-1), T = (0, n.ref)(!1), O = (0, n.ref)(!1), G = (0, n.computed)(() => {
        const { vertical: e, reverse: o } = a;
        return e ? o ? "top" : "bottom" : o ? "right" : "left";
      }), Me = (0, n.computed)(() => {
        if (ie.value)
          return;
        const e = w.value, o = H(a.range ? Math.min(...e) : a.min), t = H(a.range ? Math.max(...e) : e[0]), { value: l } = G;
        return a.vertical ? {
          [l]: `${o}%`,
          height: `${t - o}%`
        } : {
          [l]: `${o}%`,
          width: `${t - o}%`
        };
      }), Re = (0, n.computed)(() => {
        const e = [], { marks: o } = a;
        if (o) {
          const t = w.value.slice();
          t.sort((p, v) => p - v);
          const { value: l } = G, { value: s } = ie, { range: f } = a, B = s ? () => !1 : (p) => f ? p >= t[0] && p <= t[t.length - 1] : p <= t[0];
          for (const p of Object.keys(o)) {
            const v = Number(p);
            e.push({
              active: B(v),
              key: v,
              label: o[p],
              style: {
                [l]: `${H(v)}%`
              }
            });
          }
        }
        return e;
      });
      function Te(e, o) {
        const t = H(e), { value: l } = G;
        return {
          [l]: `${t}%`,
          zIndex: o === _.value ? 1 : 0
        };
      }
      function de(e) {
        return a.showTooltip || R.value === e || _.value === e && T.value;
      }
      function ze(e) {
        return T.value ? !(_.value === e && se.value === e) : !0;
      }
      function De(e) {
        var o;
        ~e && (_.value = e, (o = V.get(e)) === null || o === void 0 || o.focus());
      }
      function $e() {
        ye.forEach((e, o) => {
          de(o) && e.syncPosition();
        });
      }
      function ce(e) {
        const { "onUpdate:value": o, onUpdateValue: t } = a, { nTriggerFormInput: l, nTriggerFormChange: s } = ne;
        t && (0, x.call)(t, e), o && (0, x.call)(o, e), q.value = e, l(), s();
      }
      function ue(e) {
        const { range: o } = a;
        if (o) {
          if (Array.isArray(e)) {
            const { value: t } = w;
            e.join() !== t.join() && ce(e);
          }
        } else Array.isArray(e) || w.value[0] !== e && ce(e);
      }
      function J(e, o) {
        if (a.range) {
          const t = w.value.slice();
          t.splice(o, 1, e), ue(t);
        } else
          ue(e);
      }
      function Q(e, o, t) {
        const l = t !== void 0;
        t || (t = e - o > 0 ? 1 : -1);
        const s = le.value || [], { step: f } = a;
        if (f === "mark") {
          const v = A(e, s.concat(o), l ? t : void 0);
          return v ? v.value : o;
        }
        if (f <= 0)
          return o;
        const { value: B } = ae;
        let p;
        if (l) {
          const v = Number((o / f).toFixed(B)), C = Math.floor(v), Z = v > C ? C : C - 1, ee = v < C ? C : C + 1;
          p = A(o, [
            Number((Z * f).toFixed(B)),
            Number((ee * f).toFixed(B)),
            ...s
          ], t);
        } else {
          const v = je(e);
          p = A(e, [...s, v]);
        }
        return p ? he(p.value) : o;
      }
      function he(e) {
        return Math.min(a.max, Math.max(a.min, e));
      }
      function H(e) {
        const { max: o, min: t } = a;
        return (e - t) / (o - t) * 100;
      }
      function Pe(e) {
        const { max: o, min: t } = a;
        return t + (o - t) * e;
      }
      function je(e) {
        const { step: o, min: t } = a;
        if (Number(o) <= 0 || o === "mark")
          return e;
        const l = Math.round((e - t) / o) * o + t;
        return Number(l.toFixed(ae.value));
      }
      function A(e, o = le.value, t) {
        if (!(o != null && o.length))
          return null;
        let l = null, s = -1;
        for (; ++s < o.length; ) {
          const f = o[s] - e, B = Math.abs(f);
          // find marks in the same direction
          (t === void 0 || f * t > 0) && (l === null || B < l.distance) && (l = {
            index: s,
            distance: B,
            value: o[s]
          });
        }
        return l;
      }
      function fe(e) {
        const o = b.value;
        if (!o)
          return;
        const t = (0, S.isTouchEvent)(e) ? e.touches[0] : e, l = o.getBoundingClientRect();
        let s;
        return a.vertical ? s = (l.bottom - t.clientY) / l.height : s = (t.clientX - l.left) / l.width, a.reverse && (s = 1 - s), Pe(s);
      }
      function Ve(e) {
        if (F.value || !a.keyboard)
          return;
        const { vertical: o, reverse: t } = a;
        switch (e.key) {
          case "ArrowUp":
            e.preventDefault(), I(o && t ? -1 : 1);
            break;
          case "ArrowRight":
            e.preventDefault(), I(!o && t ? -1 : 1);
            break;
          case "ArrowDown":
            e.preventDefault(), I(o && t ? 1 : -1);
            break;
          case "ArrowLeft":
            e.preventDefault(), I(!o && t ? 1 : -1);
            break;
        }
      }
      function I(e) {
        const o = _.value;
        if (o === -1)
          return;
        const { step: t } = a, l = w.value[o], s = Number(t) <= 0 || t === "mark" ? l : l + t * e;
        J(
          // Avoid the number of value does not change when `step` is null
          Q(s, l, e > 0 ? 1 : -1),
          o
        );
      }
      function Fe(e) {
        var o, t;
        if (F.value || !(0, S.isTouchEvent)(e) && e.button !== X)
          return;
        const l = fe(e);
        if (l === void 0)
          return;
        const s = w.value.slice(), f = a.range ? (t = (o = A(l, s)) === null || o === void 0 ? void 0 : o.index) !== null && t !== void 0 ? t : -1 : 0;
        f !== -1 && (e.preventDefault(), De(f), Oe(), J(Q(l, w.value[f]), f));
      }
      function Oe() {
        T.value || (T.value = !0, a.onDragstart && (0, x.call)(a.onDragstart), (0, d.on)("touchend", document, U), (0, d.on)("mouseup", document, U), (0, d.on)("touchmove", document, N), (0, d.on)("mousemove", document, N));
      }
      function E() {
        T.value && (T.value = !1, a.onDragend && (0, x.call)(a.onDragend), (0, d.off)("touchend", document, U), (0, d.off)("mouseup", document, U), (0, d.off)("touchmove", document, N), (0, d.off)("mousemove", document, N));
      }
      function N(e) {
        const { value: o } = _;
        if (!T.value || o === -1) {
          E();
          return;
        }
        const t = fe(e);
        t !== void 0 && J(Q(t, w.value[o]), o);
      }
      function U() {
        E();
      }
      function He(e) {
        _.value = e, F.value || (R.value = e);
      }
      function Ae(e) {
        _.value === e && (_.value = -1, E()), R.value === e && (R.value = -1);
      }
      function Ie(e) {
        R.value = e;
      }
      function Ee(e) {
        R.value === e && (R.value = -1);
      }
      (0, n.watch)(_, (e, o) => void (0, n.nextTick)(() => se.value = o)), (0, n.watch)(W, () => {
        if (a.marks) {
          if (O.value)
            return;
          O.value = !0, (0, n.nextTick)(() => {
            O.value = !1;
          });
        }
        (0, n.nextTick)($e);
      }), (0, n.onBeforeUnmount)(() => {
        E();
      });
      const ve = (0, n.computed)(() => {
        const { self: { markFontSize: e, railColor: o, railColorHover: t, fillColor: l, fillColorHover: s, handleColor: f, opacityDisabled: B, dotColor: p, dotColorModal: v, handleBoxShadow: C, handleBoxShadowHover: Z, handleBoxShadowActive: ee, handleBoxShadowFocus: Ne, dotBorder: Ue, dotBoxShadow: Le, railHeight: Ke, railWidthVertical: Xe, handleSize: Ye, dotHeight: qe, dotWidth: We, dotBorderRadius: Ge, fontSize: Je, dotBorderActive: Qe, dotColorPopover: Ze }, common: { cubicBezierEaseInOut: eo } } = h.value;
        return {
          "--n-bezier": eo,
          "--n-dot-border": Ue,
          "--n-dot-border-active": Qe,
          "--n-dot-border-radius": Ge,
          "--n-dot-box-shadow": Le,
          "--n-dot-color": p,
          "--n-dot-color-modal": v,
          "--n-dot-color-popover": Ze,
          "--n-dot-height": qe,
          "--n-dot-width": We,
          "--n-fill-color": l,
          "--n-fill-color-hover": s,
          "--n-font-size": Je,
          "--n-handle-box-shadow": C,
          "--n-handle-box-shadow-active": ee,
          "--n-handle-box-shadow-focus": Ne,
          "--n-handle-box-shadow-hover": Z,
          "--n-handle-color": f,
          "--n-handle-size": Ye,
          "--n-opacity-disabled": B,
          "--n-rail-color": o,
          "--n-rail-color-hover": t,
          "--n-rail-height": Ke,
          "--n-rail-width-vertical": Xe,
          "--n-mark-font-size": e
        };
      }), D = M ? (0, y.useThemeClass)("slider", void 0, ve, a) : void 0, me = (0, n.computed)(() => {
        const { self: { fontSize: e, indicatorColor: o, indicatorBoxShadow: t, indicatorTextColor: l, indicatorBorderRadius: s } } = h.value;
        return {
          "--n-font-size": e,
          "--n-indicator-border-radius": s,
          "--n-indicator-box-shadow": t,
          "--n-indicator-color": o,
          "--n-indicator-text-color": l
        };
      }), $ = M ? (0, y.useThemeClass)("slider-indicator", void 0, me, a) : void 0;
      return {
        mergedClsPrefix: u,
        namespace: Y,
        uncontrolledValue: q,
        mergedValue: W,
        mergedDisabled: F,
        mergedPlacement: Ce,
        isMounted: (0, c.useIsMounted)(),
        adjustedTo: (0, x.useAdjustedTo)(a),
        dotTransitionDisabled: O,
        markInfos: Re,
        isShowTooltip: de,
        shouldKeepTooltipTransition: ze,
        handleRailRef: b,
        setHandleRefs: j,
        setFollowerRefs: Be,
        fillStyle: Me,
        getHandleStyle: Te,
        activeIndex: _,
        arrifiedValues: w,
        followerEnabledIndexSet: ke,
        handleRailMouseDown: Fe,
        handleHandleFocus: He,
        handleHandleBlur: Ae,
        handleHandleMouseEnter: Ie,
        handleHandleMouseLeave: Ee,
        handleRailKeyDown: Ve,
        indicatorCssVars: M ? void 0 : me,
        indicatorThemeClass: $ == null ? void 0 : $.themeClass,
        indicatorOnRender: $ == null ? void 0 : $.onRender,
        cssVars: M ? void 0 : ve,
        themeClass: D == null ? void 0 : D.themeClass,
        onRender: D == null ? void 0 : D.onRender
      };
    },
    render() {
      var a;
      const { mergedClsPrefix: u, themeClass: Y, formatTooltip: M } = this;
      return (a = this.onRender) === null || a === void 0 || a.call(this), (0, n.h)(
        "div",
        { class: [
          `${u}-slider`,
          Y,
          {
            [`${u}-slider--disabled`]: this.mergedDisabled,
            [`${u}-slider--active`]: this.activeIndex !== -1,
            [`${u}-slider--with-mark`]: this.marks,
            [`${u}-slider--vertical`]: this.vertical,
            [`${u}-slider--reverse`]: this.reverse
          }
        ], style: this.cssVars, onKeydown: this.handleRailKeyDown, onMousedown: this.handleRailMouseDown, onTouchstart: this.handleRailMouseDown },
        (0, n.h)(
          "div",
          { class: `${u}-slider-rail` },
          (0, n.h)("div", { class: `${u}-slider-rail__fill`, style: this.fillStyle }),
          this.marks ? (0, n.h)("div", { class: [
            `${u}-slider-dots`,
            this.dotTransitionDisabled && `${u}-slider-dots--transition-disabled`
          ] }, this.markInfos.map((h) => (0, n.h)("div", { key: h.key, class: [
            `${u}-slider-dot`,
            {
              [`${u}-slider-dot--active`]: h.active
            }
          ], style: h.style }))) : null,
          (0, n.h)("div", { ref: "handleRailRef", class: `${u}-slider-handles` }, this.arrifiedValues.map((h, b) => {
            const V = this.isShowTooltip(b);
            return (0, n.h)(g.VBinder, null, {
              default: () => [
                (0, n.h)(g.VTarget, null, {
                  default: () => (0, n.h)("div", { ref: this.setHandleRefs(b), class: `${u}-slider-handle-wrapper`, tabindex: this.mergedDisabled ? -1 : 0, role: "slider", "aria-valuenow": h, "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-orientation": this.vertical ? "vertical" : "horizontal", "aria-disabled": this.disabled, style: this.getHandleStyle(h, b), onFocus: () => {
                    this.handleHandleFocus(b);
                  }, onBlur: () => {
                    this.handleHandleBlur(b);
                  }, onMouseenter: () => {
                    this.handleHandleMouseEnter(b);
                  }, onMouseleave: () => {
                    this.handleHandleMouseLeave(b);
                  } }, (0, x.resolveSlot)(this.$slots.thumb, () => [
                    (0, n.h)("div", { class: `${u}-slider-handle` })
                  ]))
                }),
                this.tooltip && (0, n.h)(g.VFollower, { ref: this.setFollowerRefs(b), show: V, to: this.adjustedTo, enabled: this.showTooltip && !this.range || this.followerEnabledIndexSet.has(b), teleportDisabled: this.adjustedTo === x.useAdjustedTo.tdkey, placement: this.mergedPlacement, containerClass: this.namespace }, {
                  default: () => (0, n.h)(n.Transition, { name: "fade-in-scale-up-transition", appear: this.isMounted, css: this.shouldKeepTooltipTransition(b), onEnter: () => {
                    this.followerEnabledIndexSet.add(b);
                  }, onAfterLeave: () => {
                    this.followerEnabledIndexSet.delete(b);
                  } }, {
                    default: () => {
                      var j;
                      return V ? ((j = this.indicatorOnRender) === null || j === void 0 || j.call(this), (0, n.h)("div", { class: [
                        `${u}-slider-handle-indicator`,
                        this.indicatorThemeClass,
                        `${u}-slider-handle-indicator--${this.mergedPlacement}`
                      ], style: this.indicatorCssVars }, typeof M == "function" ? M(h) : h)) : null;
                    }
                  })
                })
              ]
            });
          })),
          this.marks ? (0, n.h)("div", { class: `${u}-slider-marks` }, this.markInfos.map((h) => (0, n.h)("div", { key: h.key, class: `${u}-slider-mark`, style: h.style }, typeof h.label == "function" ? h.label() : h.label))) : null
        )
      );
    }
  });
})(we);
(function(i) {
  var m = k && k.__importDefault || function(c) {
    return c && c.__esModule ? c : { default: c };
  };
  Object.defineProperty(i, "__esModule", { value: !0 }), i.sliderProps = i.NSlider = void 0;
  var d = we;
  Object.defineProperty(i, "NSlider", { enumerable: !0, get: function() {
    return m(d).default;
  } }), Object.defineProperty(i, "sliderProps", { enumerable: !0, get: function() {
    return d.sliderProps;
  } });
})(xe);
const Co = /* @__PURE__ */ so({
  __proto__: null
}, [xe]);
export {
  Co as i
};