@nutui/nutui 4.0.11 → 4.0.12

package/dist/packages/_es/Range.js

@@ -1,26 +1,34 @@
-var oe = Object.defineProperty, re = Object.defineProperties;
-var le = Object.getOwnPropertyDescriptors;
-var L = Object.getOwnPropertySymbols;
-var ue = Object.prototype.hasOwnProperty, ie = Object.prototype.propertyIsEnumerable;
-var P = (e, n, u) => n in e ? oe(e, n, { enumerable: !0, configurable: !0, writable: !0, value: u }) : e[n] = u, j = (e, n) => {
-  for (var u in n || (n = {}))
-    ue.call(n, u) && P(e, u, n[u]);
-  if (L)
-    for (var u of L(n))
-      ie.call(n, u) && P(e, u, n[u]);
-  return e;
-}, D = (e, n) => re(e, le(n));
-import { ref as A, computed as h, toRefs as se, openBlock as m, createElementBlock as c, normalizeClass as E, toDisplayString as N, createCommentVNode as $, createElementVNode as M, normalizeStyle as w, withModifiers as g, Fragment as F, renderList as I, createTextVNode as de, renderSlot as J } from "vue";
-import { c as me, i as ce } from "./component-234624bc.js";
-import { u as fe } from "./index-53ec2d4d.js";
-import { u as K } from "./index-192a3ef6.js";
-import { _ as ve } from "./_plugin-vue_export-helper-dad06003.js";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { ref, computed, toRefs, openBlock, createElementBlock, normalizeClass, toDisplayString, createCommentVNode, createElementVNode, normalizeStyle, withModifiers, Fragment, renderList, createTextVNode, renderSlot } from "vue";
+import { c as createComponent, i as isArray } from "./component-81a4c1d0.js";
+import { u as useTouch } from "./index-7a7385e4.js";
+import { u as useRect } from "./index-29892cda.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
-const { componentName: ge, create: be } = me("range"), ye = be({
+const { componentName, create } = createComponent("range");
+const _sfc_main = create({
   props: {
     range: {
       type: Boolean,
-      default: !1
+      default: false
     },
     disabled: Boolean,
     activeColor: String,
@@ -28,7 +36,7 @@ const { componentName: ge, create: be } = me("range"), ye = be({
     buttonColor: String,
     vertical: {
       type: Boolean,
-      default: !1
+      default: false
     },
     marks: {
       type: Object,
@@ -36,11 +44,11 @@ const { componentName: ge, create: be } = me("range"), ye = be({
     },
     hiddenRange: {
       type: Boolean,
-      default: !1
+      default: false
     },
     hiddenTag: {
       type: Boolean,
-      default: !1
+      default: false
     },
     min: {
       type: [Number, String],
@@ -60,234 +68,369 @@ const { componentName: ge, create: be } = me("range"), ye = be({
     }
   },
   emits: ["change", "drag-end", "drag-start", "update:modelValue"],
-  setup(e, { emit: n }) {
-    const u = A(0);
-    let y, v;
-    const p = A(), a = A(), i = fe(), X = h(() => {
-      const { marks: t, max: o, min: l } = e;
-      return Object.keys(t).map(parseFloat).sort((s, f) => s - f).filter((s) => s >= l && s <= o);
-    }), b = h(() => Number(e.max) - Number(e.min)), Y = h(() => {
-      const t = ge;
+  setup(props, { emit }) {
+    const buttonIndex = ref(0);
+    let startValue;
+    let currentValue;
+    const root = ref();
+    const dragStatus = ref();
+    const touch = useTouch();
+    const marksList = computed(() => {
+      const { marks, max, min } = props;
+      const marksKeys = Object.keys(marks);
+      const list = marksKeys.map(parseFloat).sort((a, b) => a - b).filter((point) => point >= min && point <= max);
+      return list;
+    });
+    const scope = computed(() => Number(props.max) - Number(props.min));
+    const classes = computed(() => {
+      const prefixCls = componentName;
       return {
-        [t]: !0,
-        [`${t}-disabled`]: e.disabled,
-        [`${t}-vertical`]: e.vertical,
-        [`${t}-show-number`]: !e.hiddenRange
+        [prefixCls]: true,
+        [`${prefixCls}-disabled`]: props.disabled,
+        [`${prefixCls}-vertical`]: props.vertical,
+        [`${prefixCls}-show-number`]: !props.hiddenRange
       };
-    }), q = h(() => {
-      const t = "nut-range-container";
+    });
+    const containerClasses = computed(() => {
+      const prefixCls = "nut-range-container";
       return {
-        [t]: !0,
-        [`${t}-vertical`]: e.vertical
+        [prefixCls]: true,
+        [`${prefixCls}-vertical`]: props.vertical
       };
-    }), G = h(() => ({
-      background: e.inactiveColor
-    })), H = h(() => ({
-      borderColor: e.buttonColor
-    })), k = (t) => !!e.range && Array.isArray(t), R = () => {
-      const { modelValue: t, min: o } = e;
-      return k(t) ? `${(t[1] - t[0]) * 100 / b.value}%` : `${(t - Number(o)) * 100 / b.value}%`;
-    }, O = () => {
-      const { modelValue: t, min: o } = e;
-      return k(t) ? `${(t[0] - Number(o)) * 100 / b.value}%` : "0%";
-    }, Q = h(() => e.vertical ? {
-      height: R(),
-      top: O(),
-      background: e.activeColor,
-      transition: a.value ? "none" : void 0
-    } : {
-      width: R(),
-      left: O(),
-      background: e.activeColor,
-      transition: a.value ? "none" : void 0
-    }), U = (t) => {
-      const o = "nut-range-mark", { modelValue: l, max: r, min: d } = e;
-      let s = Number(d), f = Number(r);
-      if (e.range) {
-        const [T, V] = l;
-        s = T, f = V;
-      } else
-        f = l;
-      let C = t <= f && t >= s;
+    });
+    const wrapperStyle = computed(() => {
       return {
-        [`${o}-text`]: !0,
-        [`${o}-text-active`]: C
+        background: props.inactiveColor
       };
-    }, W = (t) => {
-      const { min: o, vertical: l } = e;
-      let r = {
-        left: `${(t - Number(o)) / b.value * 100}%`
+    });
+    const buttonStyle = computed(() => {
+      return {
+        borderColor: props.buttonColor
       };
-      return l && (r = {
-        top: `${(t - Number(o)) / b.value * 100}%`
-      }), r;
-    }, Z = (t) => {
-      const { modelValue: o, max: l, min: r } = e;
-      let d = Number(r), s = Number(l);
-      if (e.range) {
-        const [T, V] = o;
-        d = T, s = V;
+    });
+    const isRange = (val) => !!props.range && Array.isArray(val);
+    const calcMainAxis = () => {
+      const { modelValue, min } = props;
+      if (isRange(modelValue)) {
+        return `${(modelValue[1] - modelValue[0]) * 100 / scope.value}%`;
+      }
+      return `${(modelValue - Number(min)) * 100 / scope.value}%`;
+    };
+    const calcOffset = () => {
+      const { modelValue, min } = props;
+      if (isRange(modelValue)) {
+        return `${(modelValue[0] - Number(min)) * 100 / scope.value}%`;
+      }
+      return `0%`;
+    };
+    const barStyle = computed(() => {
+      if (props.vertical) {
+        return {
+          height: calcMainAxis(),
+          top: calcOffset(),
+          background: props.activeColor,
+          transition: dragStatus.value ? "none" : void 0
+        };
+      } else {
+        return {
+          width: calcMainAxis(),
+          left: calcOffset(),
+          background: props.activeColor,
+          transition: dragStatus.value ? "none" : void 0
+        };
+      }
+    });
+    const markClassName = (mark) => {
+      const classPrefix = "nut-range-mark";
+      const { modelValue, max, min } = props;
+      let lowerBound = Number(min);
+      let upperBound = Number(max);
+      if (props.range) {
+        const [left, right] = modelValue;
+        lowerBound = left;
+        upperBound = right;
+      } else {
+        upperBound = modelValue;
       }
+      let isActive = mark <= upperBound && mark >= lowerBound;
       return {
-        background: t <= s && t >= d ? e.activeColor : e.inactiveColor
+        [`${classPrefix}-text`]: true,
+        [`${classPrefix}-text-active`]: isActive
       };
-    }, B = (t) => {
-      const { min: o, max: l, step: r } = e;
-      return t = Math.max(+o, Math.min(t, +l)), Math.round(t / +r) * +r;
-    }, z = (t, o) => JSON.stringify(t) === JSON.stringify(o), x = (t) => t[0] > t[1] ? t.slice(0).reverse() : t, S = (t, o) => {
-      k(t) ? t = x(t).map(B) : t = B(t), z(t, e.modelValue) || n("update:modelValue", t), o && !z(t, y) && n("change", t);
-    }, _ = (t) => {
-      if (e.disabled)
+    };
+    const marksStyle = (mark) => {
+      const { min, vertical } = props;
+      let style = {
+        left: `${(mark - Number(min)) / scope.value * 100}%`
+      };
+      if (vertical) {
+        style = {
+          top: `${(mark - Number(min)) / scope.value * 100}%`
+        };
+      }
+      return style;
+    };
+    const tickStyle = (mark) => {
+      const { modelValue, max, min } = props;
+      let lowerBound = Number(min);
+      let upperBound = Number(max);
+      if (props.range) {
+        const [left, right] = modelValue;
+        lowerBound = left;
+        upperBound = right;
+      }
+      let isActive = mark <= upperBound && mark >= lowerBound;
+      let style = {
+        background: !isActive ? props.inactiveColor : props.activeColor
+      };
+      return style;
+    };
+    const format = (value) => {
+      const { min, max, step } = props;
+      value = Math.max(+min, Math.min(value, +max));
+      return Math.round(value / +step) * +step;
+    };
+    const isSameValue = (newValue, oldValue) => JSON.stringify(newValue) === JSON.stringify(oldValue);
+    const handleOverlap = (value) => {
+      if (value[0] > value[1]) {
+        return value.slice(0).reverse();
+      }
+      return value;
+    };
+    const updateValue = (value, end) => {
+      if (isRange(value)) {
+        value = handleOverlap(value).map(format);
+      } else {
+        value = format(value);
+      }
+      if (!isSameValue(value, props.modelValue)) {
+        emit("update:modelValue", value);
+      }
+      if (end && !isSameValue(value, startValue)) {
+        emit("change", value);
+      }
+    };
+    const onClick = (event) => {
+      if (props.disabled) {
         return;
-      const { min: o, modelValue: l } = e, r = K(p);
-      let d = t.clientX - r.left, s = r.width;
-      e.vertical && (d = t.clientY - r.top, s = r.height);
-      const f = Number(o) + d / s * b.value;
-      if (k(l)) {
-        const [C, T] = l, V = (C + T) / 2;
-        f <= V ? S([f, T], !0) : S([C, f], !0);
-      } else
-        S(f, !0);
-    }, ee = (t) => {
-      e.disabled || (i.start(t), v = e.modelValue, k(v) ? y = v.map(B) : y = B(v), a.value = "start");
-    }, te = (t) => {
-      if (e.disabled)
+      }
+      const { min, modelValue } = props;
+      const rect = useRect(root);
+      let delta = event.clientX - rect.left;
+      let total = rect.width;
+      if (props.vertical) {
+        delta = event.clientY - rect.top;
+        total = rect.height;
+      }
+      const value = Number(min) + delta / total * scope.value;
+      if (isRange(modelValue)) {
+        const [left, right] = modelValue;
+        const middle = (left + right) / 2;
+        if (value <= middle) {
+          updateValue([value, right], true);
+        } else {
+          updateValue([left, value], true);
+        }
+      } else {
+        updateValue(value, true);
+      }
+    };
+    const onTouchStart = (event) => {
+      if (props.disabled) {
         return;
-      a.value === "start" && n("drag-start"), i.move(t), a.value = "draging";
-      const o = K(p);
-      let l = i.deltaX.value, r = o.width, d = l / r * b.value;
-      e.vertical && (l = i.deltaY.value, r = o.height, d = l / r * b.value), k(y) ? v[u.value] = y[u.value] + d : v = y + d, S(v), t.stopPropagation(), t.preventDefault();
-    }, ne = () => {
-      e.disabled || (a.value === "draging" && (S(v, !0), n("drag-end")), a.value = "");
-    }, ae = (t) => ce(e.modelValue) && typeof t == "number" ? e.modelValue[t] : Number(e.modelValue);
-    return D(j({
-      root: p,
-      classes: Y,
-      wrapperStyle: G,
-      buttonStyle: H,
-      onClick: _,
-      onTouchStart: ee,
-      onTouchMove: te,
-      onTouchEnd: ne
-    }, se(e)), {
-      barStyle: Q,
-      curValue: ae,
-      buttonIndex: u,
-      containerClasses: q,
-      markClassName: U,
-      marksStyle: W,
-      marksList: X,
-      tickStyle: Z
+      }
+      touch.start(event);
+      currentValue = props.modelValue;
+      if (isRange(currentValue)) {
+        startValue = currentValue.map(format);
+      } else {
+        startValue = format(currentValue);
+      }
+      dragStatus.value = "start";
+    };
+    const onTouchMove = (event) => {
+      if (props.disabled) {
+        return;
+      }
+      if (dragStatus.value === "start") {
+        emit("drag-start");
+      }
+      touch.move(event);
+      dragStatus.value = "draging";
+      const rect = useRect(root);
+      let delta = touch.deltaX.value;
+      let total = rect.width;
+      let diff = delta / total * scope.value;
+      if (props.vertical) {
+        delta = touch.deltaY.value;
+        total = rect.height;
+        diff = delta / total * scope.value;
+      }
+      if (isRange(startValue)) {
+        currentValue[buttonIndex.value] = startValue[buttonIndex.value] + diff;
+      } else {
+        currentValue = startValue + diff;
+      }
+      updateValue(currentValue);
+      event.stopPropagation();
+      event.preventDefault();
+    };
+    const onTouchEnd = () => {
+      if (props.disabled) {
+        return;
+      }
+      if (dragStatus.value === "draging") {
+        updateValue(currentValue, true);
+        emit("drag-end");
+      }
+      dragStatus.value = "";
+    };
+    const curValue = (idx) => {
+      const value = isArray(props.modelValue) && typeof idx === "number" ? props.modelValue[idx] : Number(props.modelValue);
+      return value;
+    };
+    return __spreadProps(__spreadValues({
+      root,
+      classes,
+      wrapperStyle,
+      buttonStyle,
+      onClick,
+      onTouchStart,
+      onTouchMove,
+      onTouchEnd
+    }, toRefs(props)), {
+      barStyle,
+      curValue,
+      buttonIndex,
+      containerClasses,
+      markClassName,
+      marksStyle,
+      marksList,
+      tickStyle
     });
   }
-}), he = {
+});
+const _hoisted_1 = {
   key: 0,
   class: "nut-range-min"
-}, ke = {
+};
+const _hoisted_2 = {
   key: 0,
   class: "nut-range-mark"
-}, Te = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax", "onTouchstart"], we = {
+};
+const _hoisted_3 = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax", "onTouchstart"];
+const _hoisted_4 = {
   key: 0,
   class: "number"
-}, Se = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax"], Ce = {
+};
+const _hoisted_5 = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax"];
+const _hoisted_6 = {
   key: 0,
   class: "number"
-}, Ve = {
+};
+const _hoisted_7 = {
   key: 1,
   class: "nut-range-max"
 };
-function Ne(e, n, u, y, v, p) {
-  return m(), c("view", {
-    class: E(e.containerClasses)
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.containerClasses)
   }, [
-    e.hiddenRange ? $("", !0) : (m(), c("view", he, N(+e.min), 1)),
-    M("view", {
+    !_ctx.hiddenRange ? (openBlock(), createElementBlock("view", _hoisted_1, toDisplayString(+_ctx.min), 1)) : createCommentVNode("", true),
+    createElementVNode("view", {
       ref: "root",
-      style: w(e.wrapperStyle),
-      class: E(e.classes),
-      onClick: n[9] || (n[9] = g((...a) => e.onClick && e.onClick(...a), ["stop"]))
+      style: normalizeStyle(_ctx.wrapperStyle),
+      class: normalizeClass(_ctx.classes),
+      onClick: _cache[9] || (_cache[9] = withModifiers((...args) => _ctx.onClick && _ctx.onClick(...args), ["stop"]))
     }, [
-      e.marksList.length > 0 ? (m(), c("view", ke, [
-        (m(!0), c(F, null, I(e.marksList, (a) => (m(), c("span", {
-          key: a,
-          class: E(e.markClassName(a)),
-          style: w(e.marksStyle(a))
-        }, [
-          de(N(a) + " ", 1),
-          M("span", {
-            class: "nut-range-tick",
-            style: w(e.tickStyle(a))
-          }, null, 4)
-        ], 6))), 128))
-      ])) : $("", !0),
-      M("view", {
+      _ctx.marksList.length > 0 ? (openBlock(), createElementBlock("view", _hoisted_2, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.marksList, (marks) => {
+          return openBlock(), createElementBlock("span", {
+            key: marks,
+            class: normalizeClass(_ctx.markClassName(marks)),
+            style: normalizeStyle(_ctx.marksStyle(marks))
+          }, [
+            createTextVNode(toDisplayString(marks) + " ", 1),
+            createElementVNode("span", {
+              class: "nut-range-tick",
+              style: normalizeStyle(_ctx.tickStyle(marks))
+            }, null, 4)
+          ], 6);
+        }), 128))
+      ])) : createCommentVNode("", true),
+      createElementVNode("view", {
         class: "nut-range-bar",
-        style: w(e.barStyle)
+        style: normalizeStyle(_ctx.barStyle)
       }, [
-        e.range ? (m(), c(F, { key: 0 }, I([0, 1], (a) => M("view", {
-          key: a,
-          role: "slider",
-          class: E({
-            "nut-range-button-wrapper-left": a == 0,
-            "nut-range-button-wrapper-right": a == 1
-          }),
-          tabindex: e.disabled ? -1 : 0,
-          "aria-valuemin": +e.min,
-          "aria-valuenow": e.curValue(a),
-          "aria-valuemax": +e.max,
-          "aria-orientation": "horizontal",
-          onTouchstart: g(
-            (i) => {
-              typeof a == "number" && (e.buttonIndex = a), e.onTouchStart(i);
-            },
-            ["stop", "prevent"]
-          ),
-          onTouchmove: n[0] || (n[0] = g((...i) => e.onTouchMove && e.onTouchMove(...i), ["stop", "prevent"])),
-          onTouchend: n[1] || (n[1] = g((...i) => e.onTouchEnd && e.onTouchEnd(...i), ["stop", "prevent"])),
-          onTouchcancel: n[2] || (n[2] = g((...i) => e.onTouchEnd && e.onTouchEnd(...i), ["stop", "prevent"])),
-          onClick: n[3] || (n[3] = (i) => i.stopPropagation())
-        }, [
-          e.$slots.button ? J(e.$slots, "button", { key: 0 }) : (m(), c("view", {
-            key: 1,
-            class: "nut-range-button",
-            style: w(e.buttonStyle)
+        _ctx.range ? (openBlock(), createElementBlock(Fragment, { key: 0 }, renderList([0, 1], (index) => {
+          return createElementVNode("view", {
+            key: index,
+            role: "slider",
+            class: normalizeClass({
+              "nut-range-button-wrapper-left": index == 0,
+              "nut-range-button-wrapper-right": index == 1
+            }),
+            tabindex: _ctx.disabled ? -1 : 0,
+            "aria-valuemin": +_ctx.min,
+            "aria-valuenow": _ctx.curValue(index),
+            "aria-valuemax": +_ctx.max,
+            "aria-orientation": "horizontal",
+            onTouchstart: withModifiers(
+              (e) => {
+                if (typeof index === "number") {
+                  _ctx.buttonIndex = index;
+                }
+                _ctx.onTouchStart(e);
+              },
+              ["stop", "prevent"]
+            ),
+            onTouchmove: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.onTouchMove && _ctx.onTouchMove(...args), ["stop", "prevent"])),
+            onTouchend: _cache[1] || (_cache[1] = withModifiers((...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args), ["stop", "prevent"])),
+            onTouchcancel: _cache[2] || (_cache[2] = withModifiers((...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args), ["stop", "prevent"])),
+            onClick: _cache[3] || (_cache[3] = (e) => e.stopPropagation())
           }, [
-            e.hiddenTag ? $("", !0) : (m(), c("view", we, N(e.curValue(a)), 1))
-          ], 4))
-        ], 42, Te)), 64)) : (m(), c("view", {
+            _ctx.$slots.button ? renderSlot(_ctx.$slots, "button", { key: 0 }) : (openBlock(), createElementBlock("view", {
+              key: 1,
+              class: "nut-range-button",
+              style: normalizeStyle(_ctx.buttonStyle)
+            }, [
+              !_ctx.hiddenTag ? (openBlock(), createElementBlock("view", _hoisted_4, toDisplayString(_ctx.curValue(index)), 1)) : createCommentVNode("", true)
+            ], 4))
+          ], 42, _hoisted_3);
+        }), 64)) : (openBlock(), createElementBlock("view", {
           key: 1,
           role: "slider",
           class: "nut-range-button-wrapper",
-          tabindex: e.disabled ? -1 : 0,
-          "aria-valuemin": +e.min,
-          "aria-valuenow": e.curValue(),
-          "aria-valuemax": +e.max,
+          tabindex: _ctx.disabled ? -1 : 0,
+          "aria-valuemin": +_ctx.min,
+          "aria-valuenow": _ctx.curValue(),
+          "aria-valuemax": +_ctx.max,
           "aria-orientation": "horizontal",
-          onTouchstart: n[4] || (n[4] = g(
-            (a) => {
-              e.onTouchStart(a);
+          onTouchstart: _cache[4] || (_cache[4] = withModifiers(
+            (e) => {
+              _ctx.onTouchStart(e);
             },
             ["stop", "prevent"]
           )),
-          onTouchmove: n[5] || (n[5] = g((...a) => e.onTouchMove && e.onTouchMove(...a), ["stop", "prevent"])),
-          onTouchend: n[6] || (n[6] = g((...a) => e.onTouchEnd && e.onTouchEnd(...a), ["stop", "prevent"])),
-          onTouchcancel: n[7] || (n[7] = g((...a) => e.onTouchEnd && e.onTouchEnd(...a), ["stop", "prevent"])),
-          onClick: n[8] || (n[8] = (a) => a.stopPropagation())
+          onTouchmove: _cache[5] || (_cache[5] = withModifiers((...args) => _ctx.onTouchMove && _ctx.onTouchMove(...args), ["stop", "prevent"])),
+          onTouchend: _cache[6] || (_cache[6] = withModifiers((...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args), ["stop", "prevent"])),
+          onTouchcancel: _cache[7] || (_cache[7] = withModifiers((...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args), ["stop", "prevent"])),
+          onClick: _cache[8] || (_cache[8] = (e) => e.stopPropagation())
         }, [
-          e.$slots.button ? J(e.$slots, "button", { key: 0 }) : (m(), c("view", {
+          _ctx.$slots.button ? renderSlot(_ctx.$slots, "button", { key: 0 }) : (openBlock(), createElementBlock("view", {
             key: 1,
             class: "nut-range-button",
-            style: w(e.buttonStyle)
+            style: normalizeStyle(_ctx.buttonStyle)
           }, [
-            e.hiddenTag ? $("", !0) : (m(), c("view", Ce, N(e.curValue()), 1))
+            !_ctx.hiddenTag ? (openBlock(), createElementBlock("view", _hoisted_6, toDisplayString(_ctx.curValue()), 1)) : createCommentVNode("", true)
           ], 4))
-        ], 40, Se))
+        ], 40, _hoisted_5))
       ], 4)
     ], 6),
-    e.hiddenRange ? $("", !0) : (m(), c("view", Ve, N(+e.max), 1))
+    !_ctx.hiddenRange ? (openBlock(), createElementBlock("view", _hoisted_7, toDisplayString(+_ctx.max), 1)) : createCommentVNode("", true)
   ], 2);
 }
-const Oe = /* @__PURE__ */ ve(ye, [["render", Ne]]);
+const Range = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  Oe as default
+  Range as default
 };