@cldemo/ui-kit 1.0.17 → 1.1.0

package/buildLibs/modules/shared/Index.vue_vue_type_script_setup_true_lang-BBz5WLtl.js

@@ -1,898 +0,0 @@
-import { defineComponent as ut, inject as Rt, useTemplateRef as Q, reactive as J, ref as rt, computed as B, onMounted as kt, nextTick as st, onBeforeUnmount as Dt, watch as Z, openBlock as D, createElementBlock as N, normalizeStyle as X, normalizeClass as Y, unref as U, withDirectives as _t, withKeys as nt, createElementVNode as lt, provide as Ht, toDisplayString as Ot, createVNode as mt, Fragment as G, createBlock as Mt, renderList as St } from "vue";
-import { C as d } from "./base-C5l51ld_.js";
-import { C as ct } from "./index-wdK75uN2.js";
-import { D as Tt } from "./drag-CBokh_eH.js";
-import { t as Vt, a as Bt } from "./index-Clwouce_.js";
-/* empty css                   */
-const Pt = ["id"], At = /* @__PURE__ */ ut({
-  name: "ClSliderBar",
-  __name: "Bar",
-  props: {
-    id: String,
-    // desc: 唯一标识
-    className: String,
-    // desc: 自定义CSS类名
-    left: {
-      type: Number,
-      default: 0
-      // desc: 进度条起始位置百分比
-    },
-    width: {
-      type: Number,
-      default: 0
-      // desc: 进度条宽度百分比
-    },
-    disabled: {
-      type: Boolean,
-      default: !1
-      // desc: 是否禁用
-    },
-    isVertical: {
-      type: Boolean,
-      default: !1
-      // desc: 是否垂直模式
-    },
-    isBarDrag: {
-      type: Boolean,
-      default: !1
-      // desc: 是否可拖拽进度条
-    }
-  },
-  emits: {
-    // desc: 拖拽开始回调
-    onMoveStart: () => !0,
-    // desc: 拖拽中回调；payload: ratio 当前百分比
-    onMoveIng: (f) => !0,
-    // desc: 拖拽结束回调
-    onMoveEnd: () => !0,
-    // desc: 鼠标移入回调
-    onMouseover: () => !0,
-    // desc: 鼠标移出回调
-    onMouseout: () => !0,
-    // desc: 点击回调
-    onClick: (f) => !0
-  },
-  setup(f, { emit: O }) {
-    const g = f, i = O, _ = Rt("$SliderTop"), E = Q("refElBar"), F = g.id, h = J({
-      left: g.left
-    }), k = J({
-      isClick: !1,
-      isDragging: !1,
-      dragStart: 0,
-      dragStartRatio: 0
-    }), c = rt(null), p = B(() => {
-      let v = {
-        "slider-bar": !0,
-        // slider-bar-drag 供外部消费者自定义拖拽态样式，组件 CSS 中无对应规则
-        "slider-bar-drag": g.isBarDrag
-      };
-      return v = d.getJsonMerge(v, ct.getClassNameJson(g.className)), v;
-    }), C = B(() => {
-      const v = {};
-      return g.isVertical ? (v.bottom = `${h.left}%`, v.height = `${g.width}%`) : (v.left = `${h.left}%`, v.width = `${g.width}%`), v;
-    }), T = (v, b) => {
-      b && (k.isClick = !0, k.isDragging = !1, k.dragStart = g.isVertical ? b.clientY : b.clientX, k.dragStartRatio = g.left, i("onMoveStart"));
-    }, r = (v, b) => {
-      if (!_ || !b)
-        return;
-      k.isClick = !1, k.isDragging = !0;
-      let w = 0;
-      g.isVertical ? w = k.dragStart - b.clientY : w = b.clientX - k.dragStart;
-      const x = _.getDragValueInfo(w, k.dragStartRatio);
-      h.left = x.ratio, i("onMoveIng", x.ratio);
-    }, y = (v) => {
-      k.isClick ? i("onClick", v) : i("onMoveEnd"), k.isClick = !1, k.isDragging = !1;
-    }, P = () => {
-      if (!E.value)
-        return;
-      const v = {
-        start(b, w) {
-          let x = !1;
-          return !g.disabled && g.isBarDrag && b.buttons === 1 && (x = !0, T(b, w)), x;
-        },
-        ing: (b, w) => {
-          r(b, w);
-        },
-        end: (b) => {
-          y(b);
-        }
-      };
-      c.value = new Tt(E.value, v);
-    };
-    kt(() => {
-      st(() => {
-        P();
-      });
-    }), Dt(() => {
-      c.value && (c.value.end(), c.value = null);
-    }), Z(
-      () => g.left,
-      (v, b) => {
-        v !== b && v !== h.left && (h.left = v);
-      }
-    );
-    const $ = (v) => {
-      !g.disabled && !g.isBarDrag && i("onClick", v);
-    }, A = () => {
-      i("onMouseover");
-    }, L = () => {
-      k.isDragging || i("onMouseout");
-    };
-    return (v, b) => (D(), N("div", {
-      ref_key: "refElBar",
-      ref: E,
-      id: U(F),
-      class: Y(p.value),
-      style: X(C.value),
-      onMouseover: A,
-      onMouseout: L,
-      onClick: $
-    }, null, 46, Pt));
-  }
-}), Jt = ["id"], pt = /* @__PURE__ */ ut({
-  name: "ClSliderButton",
-  __name: "Button",
-  props: {
-    id: String,
-    // desc: 唯一标识
-    value: [String, Number],
-    // desc: 当前值
-    className: String,
-    // desc: 自定义CSS类名
-    ratio: {
-      type: Number,
-      default: 0
-      // desc: 当前位置百分比(0-100)
-    },
-    disabled: {
-      type: Boolean,
-      default: !1
-      // desc: 是否禁用
-    },
-    isVertical: {
-      type: Boolean,
-      default: !1
-      // desc: 是否垂直模式
-    },
-    tooltipFormat: String
-    // desc: Tooltip 格式化模板
-  },
-  emits: {
-    // desc: 拖拽/键盘移动中回调；payload: { value: number, runType: 'drag' | 'keydown' }
-    onMoveIng: (f) => !0,
-    // desc: 拖拽/键盘移动结束回调；payload: { runType: 'drag' | 'keydown' }
-    onMoveEnd: (f) => !0,
-    // desc: 双击回调
-    onDblClick: () => !0
-  },
-  setup(f, { expose: O, emit: g }) {
-    const i = f, _ = g, E = Rt("$SliderTop"), F = Vt, h = Q("refElButton"), k = i.id, c = J({
-      isHover: !1,
-      ratio: i.ratio,
-      value: i.value
-    }), p = J({
-      dragStart: 0,
-      dragStartRatio: 0,
-      isMoveIng: !1
-    }), C = rt(null), T = B(() => {
-      let s = c.value;
-      if (s != null) {
-        const l = i.tooltipFormat;
-        s = d.getFormatThousands(s.toString()), d.isNonEmptyString(l) && (s = d.convertStringFormat(l, { _value: s }));
-      }
-      return s ?? "";
-    }), r = B(() => i.isVertical ? "right" : "top"), y = B(() => {
-      let s = {
-        "slider-button": !0,
-        hover: c.isHover
-      };
-      return s = d.getJsonMerge(s, ct.getClassNameJson(i.className)), s;
-    }), P = B(() => {
-      const s = {}, l = c.ratio;
-      return i.isVertical ? s.bottom = `${d.isFinite(l) ? l : 0}%` : s.left = `${d.isFinite(l) ? l : 0}%`, s;
-    }), $ = () => {
-      h.value && Bt.show(h.value);
-    }, A = () => {
-      h.value && Bt.hide(h.value);
-    }, L = (s, l) => {
-      if (!E || !l)
-        return { ratio: c.ratio, value: c.value };
-      let V = 0;
-      i.isVertical ? V = p.dragStart - l.clientY : V = l.clientX - p.dragStart;
-      const I = E.getDragValueInfo(V, p.dragStartRatio);
-      return c.ratio = I.ratio, c.value = I.value, I;
-    }, v = (s, l) => {
-      l && (p.dragStart = i.isVertical ? l.clientY : l.clientX, p.dragStartRatio = i.ratio);
-    }, b = (s, l) => {
-      const V = L(s, l);
-      $(), _("onMoveIng", { value: V.ratio, runType: "drag" });
-    }, w = (s, l) => {
-      L(s, l), c.isHover || h.value === s.target || h.value?.contains(s.target) || A(), _("onMoveEnd", { runType: "drag" });
-    }, x = (s) => {
-      if (!E)
-        return;
-      p.isMoveIng = !0;
-      const l = E.getButtonMoveValueInfo(s, i.ratio);
-      c.ratio = l.ratio, c.value = l.value, _("onMoveIng", { value: l.ratio, runType: "keydown" });
-    }, z = () => {
-      if (!h.value)
-        return;
-      const s = {
-        start(l, V) {
-          let I = !1;
-          return !i.disabled && l.buttons === 1 && (I = !0, v(l, V)), I;
-        },
-        ing: (l, V) => {
-          b(l, V);
-        },
-        end: (l, V) => {
-          w(l, V);
-        }
-      };
-      C.value = new Tt(h.value, s);
-    };
-    kt(() => {
-      st(() => {
-        z();
-      });
-    }), Dt(() => {
-      C.value && (C.value.end(), C.value = null), p.isMoveIng = !1;
-    }), Z(
-      () => i.value,
-      (s, l) => {
-        s !== l && s !== c.value && (c.value = s);
-      }
-    ), Z(
-      () => i.ratio,
-      (s, l) => {
-        s !== l && s !== c.ratio && (c.ratio = s);
-      }
-    );
-    const W = (s) => {
-      i.disabled || (s.preventDefault(), s.stopPropagation(), x("left"));
-    }, R = (s) => {
-      i.disabled || (s.preventDefault(), s.stopPropagation(), x("right"));
-    }, tt = () => {
-      i.disabled || (c.isHover = !0);
-    }, et = () => {
-      i.disabled || (c.isHover = !1, p.isMoveIng && (p.isMoveIng = !1, _("onMoveEnd", { runType: "keydown" })));
-    }, ot = () => {
-      i.disabled || _("onDblClick");
-    };
-    return O({
-      showTooltip: () => {
-        $();
-      },
-      hideTooltip: () => {
-        A();
-      }
-    }), (s, l) => _t((D(), N("div", {
-      ref_key: "refElButton",
-      ref: h,
-      id: U(k),
-      class: Y(y.value),
-      style: X(P.value),
-      tabindex: "0",
-      onDblclick: ot,
-      onFocus: tt,
-      onBlur: et,
-      onKeydown: [
-        nt(W, ["down"]),
-        nt(R, ["up"]),
-        nt(W, ["left"]),
-        nt(R, ["right"])
-      ]
-    }, [...l[0] || (l[0] = [
-      lt("div", { class: "slider-button-icon" }, null, -1)
-    ])], 46, Jt)), [
-      [
-        U(F),
-        {
-          trigger: ["hover", "focus"],
-          position: r.value,
-          html: T.value,
-          updRefreshInx: c.ratio
-        },
-        void 0,
-        { black: !0 }
-      ]
-    ]);
-  }
-}), Lt = ["id"], zt = /* @__PURE__ */ ut({
-  name: "ClSliderDot",
-  __name: "Dot",
-  props: {
-    id: String,
-    // desc: 唯一标识
-    className: String,
-    // desc: 自定义CSS类名
-    itemInfo: {
-      type: Object,
-      default: () => ({})
-      // desc: 刻度点数据
-    },
-    isHover: {
-      type: Boolean,
-      default: !1
-      // desc: 是否悬停状态
-    },
-    isVertical: {
-      type: Boolean,
-      default: !1
-      // desc: 是否垂直模式
-    },
-    isTooltip: {
-      type: Boolean,
-      default: !0
-      // desc: 是否启用 Tooltip
-    },
-    tooltipFormat: String
-    // desc: Tooltip 格式化模板
-  },
-  emits: {
-    // desc: 鼠标移入回调
-    onMouseover: () => !0,
-    // desc: 鼠标移出回调
-    onMouseout: () => !0,
-    // desc: 点击回调
-    onClick: (f) => !0
-  },
-  setup(f, { emit: O }) {
-    const g = f, i = O, _ = g.id, E = Vt, F = B(() => g.isVertical ? "right" : "top"), h = B(() => {
-      const r = g.itemInfo.value;
-      if (r != null) {
-        let y = d.getFormatThousands(r.toString());
-        const P = g.tooltipFormat;
-        return d.isNonEmptyString(P) && (y = d.convertStringFormat(P, { _value: y })), y;
-      }
-      return "";
-    }), k = B(() => {
-      let r = {
-        "slider-dot": !0,
-        "slider-dot-active": g.itemInfo.isActive ?? !1,
-        "slider-dot-hide": g.itemInfo.isHide ?? !1,
-        hover: g.isHover
-      };
-      return r = d.getJsonMerge(r, ct.getClassNameJson(g.className)), r;
-    }), c = B(() => {
-      const r = {}, y = g.itemInfo.ratio;
-      return y != null && (g.isVertical ? r.bottom = `${y}%` : r.left = `${y}%`), r;
-    }), p = () => {
-      i("onMouseover");
-    }, C = () => {
-      i("onMouseout");
-    }, T = () => {
-      i("onClick");
-    };
-    return (r, y) => _t((D(), N("div", {
-      id: U(_),
-      class: Y(k.value),
-      style: X(c.value),
-      onMouseover: p,
-      onMouseout: C,
-      onClick: T
-    }, [...y[0] || (y[0] = [
-      lt("div", { class: "slider-dot-icon" }, null, -1)
-    ])], 46, Lt)), [
-      [
-        U(E),
-        { init: f.isTooltip, position: F.value, html: h.value },
-        void 0,
-        {
-          black: !0,
-          hover: !0
-        }
-      ]
-    ]);
-  }
-}), jt = ["id"], Kt = ["id"], Ut = { class: "slider-container" }, Wt = {
-  key: 2,
-  class: "slider-dots"
-}, qt = {
-  key: 0,
-  class: "slider-marks"
-}, Gt = ["innerHTML", "onMouseover"], ie = /* @__PURE__ */ ut({
-  name: "ClSlider",
-  __name: "Index",
-  props: {
-    id: String,
-    // desc: 唯一标识
-    className: String,
-    // desc: 自定义CSS类名
-    disabled: {
-      type: Boolean,
-      default: !1
-      // desc: 是否禁用
-    },
-    value: [String, Number],
-    // desc: 当前值（range 模式用逗号分隔如 "10,50"）
-    min: {
-      type: Number,
-      default: 0
-      // desc: 最小值
-    },
-    max: {
-      type: Number,
-      default: 100
-      // desc: 最大值
-    },
-    isRange: {
-      type: Boolean,
-      default: !1
-      // desc: 是否为范围选择模式
-    },
-    isBarDrag: {
-      type: Boolean,
-      default: !1
-      // desc: 是否可拖拽进度条
-    },
-    splitNumber: {
-      type: Number,
-      default: 0
-      // desc: 刻度分段数（0 表示不显示）
-    },
-    isShowDot: {
-      type: Boolean,
-      default: !0
-      // desc: 是否显示刻度点
-    },
-    isShowDotActive: {
-      type: Boolean,
-      default: !0
-      // desc: 激活的刻度点是否显示
-    },
-    marks: {
-      type: Array,
-      default: () => []
-      // desc: 标记列表 [{ value, mark }]
-    },
-    isVertical: {
-      type: Boolean,
-      default: !1
-      // desc: 是否垂直模式
-    },
-    verticalHeight: String,
-    // desc: 垂直模式高度（CSS值）
-    size: {
-      type: String,
-      default: "large"
-      // desc: 尺寸 | enum: large, small (可自定义)
-    },
-    numType: {
-      type: String,
-      default: "int",
-      // desc: 数值精度 | enum: int, float2, float3
-      validator: (f) => ["int", "float2", "float3"].indexOf(f) > -1
-    },
-    tooltipFormat: String,
-    // desc: Tooltip 格式化模板（如 ${_value}%）
-    isPlaintext: {
-      type: Boolean,
-      default: !1
-      // desc: 是否纯文本只读模式，只渲染当前值文本不挂载滑块
-    },
-    plaintextSeparator: {
-      type: String,
-      default: " - "
-      // desc: 纯文本模式下范围模式起止值的分隔符
-    }
-  },
-  emits: {
-    // desc: 值变更双向绑定事件；payload: string（range模式为 "start,end"）
-    "update:value": (f) => !0,
-    "update:modelValue": (f) => !0,
-    // desc: 标准 v-model 支持（等价 update:value）
-    // desc: 值变更回调；payload: (value: string, detail: { start: number, end: number })
-    onChange: (f, O) => !0
-  },
-  setup(f, { expose: O, emit: g }) {
-    const i = f, _ = g, E = `slider-${d.getRandom(5)}`, F = Q("refElTrack"), h = Q("refBtnStart"), k = Q("refBtnEnd"), c = i.id, p = J({
-      track: void 0,
-      bar: void 0,
-      btnStart: void 0,
-      btnEnd: void 0,
-      dots: void 0,
-      marks: void 0
-    });
-    d.isNonEmptyString(c) && (p.track = `${c}-track`, p.bar = `${c}-bar`, p.btnStart = `${c}-btn-start`, p.btnEnd = `${c}-btn-end`, p.dots = `${c}-dots`, p.marks = `${c}-marks`);
-    const C = J({
-      markHoverIndex: -1
-    }), T = J({
-      left: 0,
-      width: 0
-    }), r = J({
-      start: i.min,
-      end: i.min,
-      startRatio: 0,
-      endRatio: 0
-    }), y = (e) => {
-      const t = i.tooltipFormat;
-      return d.isNonEmptyString(t) ? d.convertStringFormat(t, { _value: e }) : e.toString();
-    }, P = B(() => {
-      if (!i.isRange)
-        return y(r.end);
-      const e = d.isString(i.plaintextSeparator) ? i.plaintextSeparator : " - ";
-      return `${y(r.start)}${e}${y(r.end)}`;
-    }), $ = rt([]), A = rt([]), L = B(() => Math.abs(i.max - i.min)), v = B(() => i.marks.length > 0), b = B(() => {
-      const { isRange: e, isBarDrag: t } = i;
-      let o = !1;
-      return e && (o = t), o;
-    }), w = B(() => {
-      let e = {
-        "panel-slider": !0,
-        "slider-disabled": i.disabled,
-        "slider-vertical": i.isVertical,
-        "slider-level": !i.isVertical
-      }, t = i.size;
-      return d.isEmpty(t) && (t = "large"), e[`slider-${t}`] = !0, e = d.getJsonMerge(e, ct.getClassNameJson(i.className)), e;
-    }), x = B(() => {
-      const e = {};
-      return i.isVertical && d.isNonEmptyString(i.verticalHeight) && (e.height = i.verticalHeight), e;
-    }), z = (e, t = 2) => d.isFinite(e) ? Number((e * 100).toFixed(t)) : 0, W = (e) => {
-      const t = L.value;
-      return t > 0 ? z((e - i.min) / t) : 0;
-    }, R = (e) => {
-      let t = 0;
-      if (e <= 0)
-        t = i.min;
-      else if (e >= 100)
-        t = i.max;
-      else {
-        const { numType: o } = i, n = L.value * e / 100, u = d.getValueByFormat(n.toString(), o, { isThousands: !1 });
-        if (t = i.min + Number(u), d.isExistValue(["float2", "float3"], o)) {
-          const m = Number(o.replace("float", "")), M = t.toString();
-          d.isExistValue(M, ".") && M.split(".")[1].length > m && (t = Number(t.toFixed(m)));
-        }
-      }
-      return t;
-    }, tt = (e) => {
-      let t = Number(e), o = !0;
-      return d.isFinite(t) ? t <= i.min ? (t = i.min, o = !1) : t >= i.max && (t = i.max, o = !1) : (t = i.min, o = !1), { value: t, check: o };
-    }, et = () => {
-      if (v.value) {
-        const e = [];
-        i.marks.forEach((t) => {
-          if (!t)
-            return;
-          const o = d.getJsonClone(t);
-          o.value = Number(o.value), d.isFinite(o.value) && (o.ratio = W(o.value), d.isString(o.mark) ? o.safeMark = d.isHtml(o.mark) ? d.encodeHTML(o.mark) : o.mark : o.safeMark = "", e.push(o));
-        }), e.sort((t, o) => t.value - o.value), A.value = e;
-      }
-    }, ot = () => {
-      const e = [];
-      if (v.value)
-        A.value.forEach((t) => {
-          e.push({ ratio: t.ratio, value: t.value, isActive: !1, isHide: !1 });
-        });
-      else if (i.splitNumber > 1) {
-        const t = 100 / i.splitNumber, o = t / 2;
-        for (let a = 1; a < i.splitNumber; a++) {
-          const n = t * a, u = R(n);
-          e.push({
-            value: u,
-            ratio: z(n / 100),
-            isActive: !1,
-            isHide: !1,
-            left: z((n - o) / 100),
-            right: z((n + o) / 100)
-          });
-        }
-      }
-      $.value = e;
-    }, it = () => {
-      if ($.value.length > 0) {
-        const { isShowDot: e, isShowDotActive: t, min: o, max: a } = i, n = v.value, u = T.left, m = u + T.width, M = [];
-        $.value.forEach((S) => {
-          const j = d.getJsonClone(S), H = S.ratio >= u && S.ratio <= m;
-          j.isActive = H;
-          let K = !1;
-          n ? K = !0 : e ? (K = !0, H && (t ? K = !0 : K = !1)) : K = !1, (S.value === o || S.value === a) && (K = !1), j.isHide = !K, M.push(j);
-        }), $.value = M;
-      }
-    }, at = (e) => {
-      const t = e.startRatio > e.endRatio ? e.endRatio : e.startRatio, o = Math.abs(e.endRatio - e.startRatio);
-      T.left = t, T.width = o;
-    }, s = (e) => {
-      st(() => {
-        i.isRange ? e ? (h.value?.showTooltip(), k.value?.showTooltip()) : (h.value?.hideTooltip(), k.value?.hideTooltip()) : e ? k.value?.showTooltip() : k.value?.hideTooltip();
-      });
-    }, l = (e) => {
-      at(e), r.start = e.start, r.end = e.end, r.startRatio = e.startRatio, r.endRatio = e.endRatio, it();
-    }, V = (e) => {
-      let t, o;
-      if (e && !d.isEmpty(e)) {
-        const u = e.toString();
-        if (u === "")
-          t = i.min, o = i.min;
-        else {
-          const m = u.split(","), M = tt(m[0]);
-          if (i.isRange) {
-            if (t = M.value, o = t, m.length > 1) {
-              const S = tt(m[1]);
-              S.value > t && (o = S.value);
-            }
-          } else
-            t = i.min, o = M.value;
-        }
-      } else
-        t = i.min, o = i.min;
-      const a = W(t), n = W(o);
-      l({ start: t, end: o, startRatio: a, endRatio: n });
-    }, I = (e) => {
-      if (!d.isFinite(e))
-        return 0;
-      let t = z(e);
-      const o = $.value;
-      if (!v.value && o.length > 0) {
-        if (t < o[0].left)
-          t = 0;
-        else if (t > o[o.length - 1].right)
-          t = 100;
-        else
-          for (let a = 0; a < o.length; a++)
-            if (t >= o[a].left && t <= o[a].right) {
-              t = o[a].ratio;
-              break;
-            }
-      }
-      return t;
-    }, Et = (e) => {
-      const t = I(e), o = R(t);
-      let { start: a, startRatio: n, end: u, endRatio: m } = r, M = "";
-      if (i.isRange)
-        if (t <= n)
-          M = "start";
-        else if (t >= m)
-          M = "end";
-        else {
-          const S = (m - n) / 2;
-          t > n && t <= n + S ? M = "start" : t >= m - S && t < m && (M = "end");
-        }
-      else
-        M = "end";
-      switch (M) {
-        case "start":
-          a = o, n = t;
-          break;
-        case "end":
-          u = o, m = t;
-          break;
-      }
-      return { start: a, end: u, startRatio: n, endRatio: m };
-    }, q = (e) => {
-      const t = e?.start ?? r.start, o = e?.end ?? r.end;
-      let a = t, n = o;
-      a > n && (a = o, n = t);
-      const u = i.isRange ? `${a},${n}` : n.toString();
-      _("update:value", u), _("update:modelValue", u), _("onChange", u, { start: a, end: n });
-    }, Ct = (e) => {
-      if (!e)
-        return {};
-      const t = {};
-      return i.isVertical ? t.bottom = `${e.ratio}%` : t.left = `${e.ratio}%`, d.isEmpty(e.color) || (t.color = e.color), t;
-    }, $t = () => {
-      et(), ot(), V(i.value);
-    };
-    kt(() => {
-      st(() => {
-        $t();
-      });
-    }), Z(
-      () => i.value,
-      (e, t) => {
-        if (e !== t) {
-          let o = !0;
-          const a = e != null ? e.toString() : "";
-          if (a === "")
-            o = !0;
-          else {
-            const n = a.split(","), u = Number(n[0]);
-            if (i.isRange) {
-              const m = n.length > 1 ? Number(n[1]) : u;
-              (u === r.start && m === r.end || u === r.end && m === r.start) && (o = !1);
-            } else
-              o = u !== r.end;
-          }
-          o && V(e);
-        }
-      },
-      { immediate: !0 }
-    ), Z(
-      () => i.marks,
-      () => {
-        et(), ot();
-      }
-    );
-    const dt = (e) => {
-      if (!i.disabled && e) {
-        e.preventDefault(), e.stopPropagation();
-        const t = F.value;
-        if (!t)
-          return;
-        const o = t.getBoundingClientRect(), a = i.isVertical ? (o.bottom - e.clientY) / t.clientHeight : (e.clientX - o.left) / t.clientWidth;
-        if (!d.isFinite(a))
-          return;
-        const n = Et(a);
-        l(n), q(n);
-      }
-    }, ft = (e, t) => {
-      let { startRatio: o, endRatio: a } = r;
-      const n = e.value;
-      t === "start" ? (o = n, r.start = R(n), r.startRatio = n) : (a = n, r.end = R(n), r.endRatio = n), at({ startRatio: o, endRatio: a }), it(), e.runType === "keydown" && q();
-    }, vt = (e) => {
-      const { left: t, width: o } = T, a = {
-        startRatio: t,
-        endRatio: t + o
-      };
-      a.start = R(a.startRatio), a.end = R(a.endRatio), l(a), e.runType === "drag" && q(a);
-    }, ht = (e) => {
-      if (i.isRange) {
-        let { start: t, startRatio: o, end: a, endRatio: n } = r;
-        e === "start" ? (n = o, a = t) : (o = n, t = a);
-        const u = { start: t, startRatio: o, end: a, endRatio: n };
-        l(u), q(u);
-      }
-    }, Nt = () => {
-      s(!0);
-    }, wt = (e) => {
-      const t = e;
-      r.start = R(e), r.startRatio = e;
-      const o = e + T.width;
-      r.end = R(o), r.endRatio = o, at({ startRatio: t, endRatio: o }), it(), s(!0);
-    }, xt = () => {
-      q(), s(!1);
-    }, Ft = () => {
-      s(!0);
-    }, It = () => {
-      s(!1);
-    }, bt = (e) => {
-      v.value && (C.markHoverIndex = e);
-    }, yt = () => {
-      C.markHoverIndex = -1;
-    }, gt = () => i.isRange ? `${r.start},${r.end}` : r.end.toString();
-    return O({
-      getValue: gt,
-      getValueData: () => ({
-        value: gt(),
-        show: gt()
-      })
-    }), Ht("$SliderTop", {
-      getDragValueInfo: (e, t) => {
-        const o = F.value;
-        if (!o)
-          return { ratio: t / 100, value: R(t / 100) };
-        const a = i.isVertical ? o.clientHeight : o.clientWidth;
-        if (a <= 0)
-          return { ratio: t / 100, value: R(t / 100) };
-        const n = e / a;
-        let u = t / 100 + n;
-        u >= 1 ? u = 1 : u <= 0 && (u = 0), u = I(u);
-        const m = R(u);
-        return { ratio: u, value: m };
-      },
-      getButtonMoveValueInfo: (e, t) => {
-        const o = e === "left" ? -1 : 1, a = Number(t);
-        let n;
-        const u = $.value, m = u.length;
-        if (!v.value && m > 0) {
-          let S = -1;
-          if (a < u[0].ratio)
-            S = -1;
-          else if (a > u[m - 1].ratio)
-            S = m;
-          else
-            for (let H = 0; H < m; H++)
-              if (a >= u[H].ratio && H + 1 < m && a < u[H + 1].ratio) {
-                S = H;
-                break;
-              }
-          const j = S + o;
-          j < 0 ? n = 0 : j >= m ? n = 100 : n = u[j].ratio;
-        } else
-          n = a + o;
-        n >= 100 ? n = 100 : n <= 0 && (n = 0);
-        const M = R(n);
-        return { ratio: n, value: M };
-      }
-    }), (e, t) => f.isPlaintext ? (D(), N("div", {
-      key: 0,
-      id: U(c),
-      class: "cl-plaintext-value"
-    }, Ot(P.value), 9, jt)) : (D(), N("div", {
-      key: 1,
-      id: U(c),
-      class: Y(w.value),
-      style: X(x.value)
-    }, [
-      lt("div", Ut, [
-        lt("div", {
-          ref_key: "refElTrack",
-          ref: F,
-          class: "slider-track",
-          onClick: dt
-        }, null, 512),
-        mt(At, {
-          id: p.bar,
-          disabled: f.disabled,
-          isVertical: f.isVertical,
-          isBarDrag: b.value,
-          left: T.left,
-          width: T.width,
-          onOnMoveStart: Nt,
-          onOnMoveIng: wt,
-          onOnMoveEnd: xt,
-          onOnClick: dt,
-          onOnMouseover: Ft,
-          onOnMouseout: It
-        }, null, 8, ["id", "disabled", "isVertical", "isBarDrag", "left", "width"]),
-        f.isRange ? (D(), N(G, { key: 0 }, [
-          mt(pt, {
-            ref_key: "refBtnStart",
-            ref: h,
-            id: p.btnStart,
-            disabled: f.disabled,
-            isVertical: f.isVertical,
-            value: r.start,
-            ratio: r.startRatio,
-            tooltipFormat: f.tooltipFormat,
-            onOnMoveIng: t[0] || (t[0] = (o) => ft(o, "start")),
-            onOnMoveEnd: vt,
-            onOnDblClick: t[1] || (t[1] = (o) => ht("start"))
-          }, null, 8, ["id", "disabled", "isVertical", "value", "ratio", "tooltipFormat"]),
-          mt(pt, {
-            ref_key: "refBtnEnd",
-            ref: k,
-            id: p.btnEnd,
-            disabled: f.disabled,
-            isVertical: f.isVertical,
-            value: r.end,
-            ratio: r.endRatio,
-            tooltipFormat: f.tooltipFormat,
-            onOnMoveIng: t[2] || (t[2] = (o) => ft(o, "end")),
-            onOnMoveEnd: vt,
-            onOnDblClick: t[3] || (t[3] = (o) => ht("end"))
-          }, null, 8, ["id", "disabled", "isVertical", "value", "ratio", "tooltipFormat"])
-        ], 64)) : (D(), Mt(pt, {
-          key: 1,
-          ref_key: "refBtnEnd",
-          ref: k,
-          id: p.btnEnd,
-          disabled: f.disabled,
-          isVertical: f.isVertical,
-          value: r.end,
-          ratio: r.endRatio,
-          tooltipFormat: f.tooltipFormat,
-          onOnMoveIng: t[4] || (t[4] = (o) => ft(o, "end")),
-          onOnMoveEnd: vt
-        }, null, 8, ["id", "disabled", "isVertical", "value", "ratio", "tooltipFormat"])),
-        $.value.length > 0 ? (D(), N("div", Wt, [
-          (D(!0), N(G, null, St($.value, (o, a) => (D(), Mt(zt, {
-            key: `${E}-dot-${a}`,
-            id: p.dots ? `${p.dots}-${a}` : void 0,
-            isVertical: f.isVertical,
-            itemInfo: o,
-            isHover: C.markHoverIndex === a,
-            isTooltip: !v.value,
-            tooltipFormat: f.tooltipFormat,
-            onOnMouseover: (n) => bt(a),
-            onOnMouseout: yt,
-            onOnClick: dt
-          }, null, 8, ["id", "isVertical", "itemInfo", "isHover", "isTooltip", "tooltipFormat", "onOnMouseover"]))), 128))
-        ])) : (D(), N(G, { key: 3 }, [], 64))
-      ]),
-      v.value ? (D(), N("div", qt, [
-        (D(!0), N(G, null, St(A.value, (o, a) => (D(), N("div", {
-          key: `${E}-mark-${a}`,
-          class: Y({ "slider-mark": !0, hover: C.markHoverIndex === a }),
-          style: X(Ct(o)),
-          innerHTML: o.safeMark,
-          onMouseover: (n) => bt(a),
-          onMouseout: yt
-        }, null, 46, Gt))), 128))
-      ])) : (D(), N(G, { key: 1 }, [], 64))
-    ], 14, Kt));
-  }
-});
-export {
-  ie as _
-};