@nutui/nutui 4.0.9 → 4.0.10

package/dist/packages/_es/Range.js

@@ -1,34 +1,26 @@
-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";
+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";
 import "../locale/lang";
-const { componentName, create } = createComponent("range");
-const _sfc_main = create({
+const { componentName: ge, create: be } = me("range"), ye = be({
   props: {
     range: {
       type: Boolean,
-      default: false
+      default: !1
     },
     disabled: Boolean,
     activeColor: String,
@@ -36,7 +28,7 @@ const _sfc_main = create({
     buttonColor: String,
     vertical: {
       type: Boolean,
-      default: false
+      default: !1
     },
     marks: {
       type: Object,
@@ -44,11 +36,11 @@ const _sfc_main = create({
     },
     hiddenRange: {
       type: Boolean,
-      default: false
+      default: !1
     },
     hiddenTag: {
       type: Boolean,
-      default: false
+      default: !1
     },
     min: {
       type: [Number, String],
@@ -68,369 +60,234 @@ const _sfc_main = create({
     }
   },
   emits: ["change", "drag-end", "drag-start", "update:modelValue"],
-  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;
+  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;
       return {
-        [prefixCls]: true,
-        [`${prefixCls}-disabled`]: props.disabled,
-        [`${prefixCls}-vertical`]: props.vertical,
-        [`${prefixCls}-show-number`]: !props.hiddenRange
+        [t]: !0,
+        [`${t}-disabled`]: e.disabled,
+        [`${t}-vertical`]: e.vertical,
+        [`${t}-show-number`]: !e.hiddenRange
       };
-    });
-    const containerClasses = computed(() => {
-      const prefixCls = "nut-range-container";
+    }), q = h(() => {
+      const t = "nut-range-container";
       return {
-        [prefixCls]: true,
-        [`${prefixCls}-vertical`]: props.vertical
+        [t]: !0,
+        [`${t}-vertical`]: e.vertical
       };
-    });
-    const wrapperStyle = computed(() => {
+    }), 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;
       return {
-        background: props.inactiveColor
+        [`${o}-text`]: !0,
+        [`${o}-text-active`]: C
       };
-    });
-    const buttonStyle = computed(() => {
-      return {
-        borderColor: props.buttonColor
+    }, W = (t) => {
+      const { min: o, vertical: l } = e;
+      let r = {
+        left: `${(t - Number(o)) / b.value * 100}%`
       };
-    });
-    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;
+      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;
       }
-      let isActive = mark <= upperBound && mark >= lowerBound;
       return {
-        [`${classPrefix}-text`]: true,
-        [`${classPrefix}-text-active`]: isActive
+        background: t <= s && t >= d ? e.activeColor : e.inactiveColor
       };
-    };
-    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) {
+    }, 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)
         return;
-      }
-      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) {
+      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)
         return;
-      }
-      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
+      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
     });
   }
-});
-const _hoisted_1 = {
+}), he = {
   key: 0,
   class: "nut-range-min"
-};
-const _hoisted_2 = {
+}, ke = {
   key: 0,
   class: "nut-range-mark"
-};
-const _hoisted_3 = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax", "onTouchstart"];
-const _hoisted_4 = {
+}, Te = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax", "onTouchstart"], we = {
   key: 0,
   class: "number"
-};
-const _hoisted_5 = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax"];
-const _hoisted_6 = {
+}, Se = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax"], Ce = {
   key: 0,
   class: "number"
-};
-const _hoisted_7 = {
+}, Ve = {
   key: 1,
   class: "nut-range-max"
 };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("view", {
-    class: normalizeClass(_ctx.containerClasses)
+function Ne(e, n, u, y, v, p) {
+  return m(), c("view", {
+    class: E(e.containerClasses)
   }, [
-    !_ctx.hiddenRange ? (openBlock(), createElementBlock("view", _hoisted_1, toDisplayString(+_ctx.min), 1)) : createCommentVNode("", true),
-    createElementVNode("view", {
+    e.hiddenRange ? $("", !0) : (m(), c("view", he, N(+e.min), 1)),
+    M("view", {
       ref: "root",
-      style: normalizeStyle(_ctx.wrapperStyle),
-      class: normalizeClass(_ctx.classes),
-      onClick: _cache[9] || (_cache[9] = withModifiers((...args) => _ctx.onClick && _ctx.onClick(...args), ["stop"]))
+      style: w(e.wrapperStyle),
+      class: E(e.classes),
+      onClick: n[9] || (n[9] = g((...a) => e.onClick && e.onClick(...a), ["stop"]))
     }, [
-      _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", {
+      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", {
         class: "nut-range-bar",
-        style: normalizeStyle(_ctx.barStyle)
+        style: w(e.barStyle)
       }, [
-        _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.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.$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", {
+            e.hiddenTag ? $("", !0) : (m(), c("view", we, N(e.curValue(a)), 1))
+          ], 4))
+        ], 42, Te)), 64)) : (m(), c("view", {
           key: 1,
           role: "slider",
           class: "nut-range-button-wrapper",
-          tabindex: _ctx.disabled ? -1 : 0,
-          "aria-valuemin": +_ctx.min,
-          "aria-valuenow": _ctx.curValue(),
-          "aria-valuemax": +_ctx.max,
+          tabindex: e.disabled ? -1 : 0,
+          "aria-valuemin": +e.min,
+          "aria-valuenow": e.curValue(),
+          "aria-valuemax": +e.max,
           "aria-orientation": "horizontal",
-          onTouchstart: _cache[4] || (_cache[4] = withModifiers(
-            (e) => {
-              _ctx.onTouchStart(e);
+          onTouchstart: n[4] || (n[4] = g(
+            (a) => {
+              e.onTouchStart(a);
             },
             ["stop", "prevent"]
           )),
-          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())
+          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())
         }, [
-          _ctx.$slots.button ? renderSlot(_ctx.$slots, "button", { key: 0 }) : (openBlock(), createElementBlock("view", {
+          e.$slots.button ? J(e.$slots, "button", { key: 0 }) : (m(), c("view", {
             key: 1,
             class: "nut-range-button",
-            style: normalizeStyle(_ctx.buttonStyle)
+            style: w(e.buttonStyle)
           }, [
-            !_ctx.hiddenTag ? (openBlock(), createElementBlock("view", _hoisted_6, toDisplayString(_ctx.curValue()), 1)) : createCommentVNode("", true)
+            e.hiddenTag ? $("", !0) : (m(), c("view", Ce, N(e.curValue()), 1))
           ], 4))
-        ], 40, _hoisted_5))
+        ], 40, Se))
       ], 4)
     ], 6),
-    !_ctx.hiddenRange ? (openBlock(), createElementBlock("view", _hoisted_7, toDisplayString(+_ctx.max), 1)) : createCommentVNode("", true)
+    e.hiddenRange ? $("", !0) : (m(), c("view", Ve, N(+e.max), 1))
   ], 2);
 }
-const Range = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const Oe = /* @__PURE__ */ ve(ye, [["render", Ne]]);
 export {
-  Range as default
+  Oe as default
 };