@opentiny/vue-renderless 3.6.0 → 3.6.1-alpha.0

package/slider/index.js

@@ -1,226 +1,158 @@
-import { KEY_CODE } from '@opentiny/vue-renderless/common';
-import { emitEvent } from '@opentiny/vue-renderless/common/event';
-import { on, off, hasClass } from '@opentiny/vue-renderless/common/deps/dom';
-import { toNumber } from '@opentiny/vue-renderless/common/string';
-export var bindEvent = function bindEvent(api) {
-  return function () {
-    on(window, 'resize', api.bindResize);
-    api.bindResize();
-  };
+import "../chunk-PKUHTIDK.js";
+import { KEY_CODE } from "@opentiny/vue-renderless/common";
+import { emitEvent } from "@opentiny/vue-renderless/common/event";
+import { on, off, hasClass } from "@opentiny/vue-renderless/common/deps/dom";
+import { toNumber } from "@opentiny/vue-renderless/common/string";
+const bindEvent = (api) => () => {
+  on(window, "resize", api.bindResize);
+  api.bindResize();
 };
-export var unBindEvent = function unBindEvent(api) {
-  return function () {
-    return off(window, 'resize', api.bindResize);
-  };
+const unBindEvent = (api) => () => off(window, "resize", api.bindResize);
+const bindResize = ({ parent, props, state }) => () => {
+  const handleEl = parent.$el.firstElementChild;
+  state.sliderSize = handleEl["client" + (props.vertical ? "Height" : "Width")];
+  state.sliderOffset = handleEl.getBoundingClientRect();
 };
-export var bindResize = function bindResize(_ref) {
-  var parent = _ref.parent,
-    props = _ref.props,
-    state = _ref.state;
-  return function () {
-    var handleEl = parent.$el.firstElementChild;
-    state.sliderSize = handleEl['client' + (props.vertical ? 'Height' : 'Width')];
-    state.sliderOffset = handleEl.getBoundingClientRect();
-  };
+const bindKeyDown = ({ api, props, state }) => (event) => {
+  if (state.disabled || state.activeIndex < 0) {
+    return;
+  }
+  let currentValue = 0;
+  switch (event.keyCode) {
+    case KEY_CODE.Home:
+      currentValue = props.min;
+      break;
+    case KEY_CODE.End:
+      currentValue = props.max;
+      break;
+    case KEY_CODE.PageUp:
+      currentValue = state.activeValue + Math.ceil(state.rangeDiff / props.numPages);
+      break;
+    case KEY_CODE.PageDown:
+      currentValue = state.activeValue - Math.ceil(state.rangeDiff / props.numPages);
+      break;
+    case KEY_CODE.ArrowUp:
+    case KEY_CODE.ArrowRight:
+      currentValue = state.activeValue + props.step;
+      break;
+    case KEY_CODE.ArrowDown:
+    case KEY_CODE.ArrowLeft:
+      currentValue = state.activeValue - props.step;
+      break;
+    default:
+      currentValue = state.activeValue;
+      break;
+  }
+  api.setActiveButtonValue(currentValue);
+  api.setButtonStyle();
+  api.setBarStyle();
 };
-export var bindKeyDown = function bindKeyDown(_ref2) {
-  var api = _ref2.api,
-    props = _ref2.props,
-    state = _ref2.state;
-  return function (event) {
-    if (state.disabled || state.activeIndex < 0) {
-      return;
-    }
-    var currentValue = 0;
-    switch (event.keyCode) {
-      case KEY_CODE.Home:
-        currentValue = props.min;
-        break;
-      case KEY_CODE.End:
-        currentValue = props.max;
-        break;
-      case KEY_CODE.PageUp:
-        currentValue = state.activeValue + Math.ceil(state.rangeDiff / props.numPages);
-        break;
-      case KEY_CODE.PageDown:
-        currentValue = state.activeValue - Math.ceil(state.rangeDiff / props.numPages);
-        break;
-      case KEY_CODE.ArrowUp:
-      case KEY_CODE.ArrowRight:
-        currentValue = state.activeValue + props.step;
-        break;
-      case KEY_CODE.ArrowDown:
-      case KEY_CODE.ArrowLeft:
-        currentValue = state.activeValue - props.step;
-        break;
-      default:
-        currentValue = state.activeValue;
-        break;
+const bindMouseDown = ({ api, constants, mode, emit, state }) => (event) => {
+  if (event.button !== 0 && event.detail !== 0) {
+    state.activeIndex = -1;
+    return;
+  }
+  if (!emitEvent(emit, "start", api.getActiveButtonValue())) {
+    state.activeIndex = -1;
+    return;
+  }
+  const handleEl = event.target;
+  const isClickBar = hasClass(handleEl, constants.sliderCls(mode)) || hasClass(handleEl, constants.rangeCls(mode));
+  const isClickBtn = hasClass(handleEl, constants.buttonCls(mode)) || hasClass(handleEl, constants.leftSvgCls(mode)) || hasClass(handleEl, constants.rightSvgCls(mode));
+  if (state.disabled || !isClickBtn && !isClickBar) {
+    state.activeIndex = -1;
+    return;
+  }
+  on(window, "mouseup", api.bindMouseUp);
+  on(window, "mousemove", api.bindMouseMove);
+  on(window, "touchend", api.bindMouseUp);
+  on(window, "touchmove", api.bindMouseMove);
+  state.isDrag = isClickBtn;
+  isClickBtn && (state.activeIndex = api.getActiveButtonIndex(event));
+  if (isClickBar) {
+    const currentValue = api.calculateValue(event);
+    if (state.isDouble) {
+      if (Math.abs(currentValue - state.leftBtnValue) > Math.abs(state.rightBtnValue - currentValue)) {
+        api.changeActiveValue(state.rightBtnValue < state.leftBtnValue);
+      } else {
+        api.changeActiveValue(state.rightBtnValue > state.leftBtnValue);
+      }
     }
     api.setActiveButtonValue(currentValue);
     api.setButtonStyle();
     api.setBarStyle();
-  };
+    emit("stop", api.getActiveButtonValue());
+  }
 };
-export var bindMouseDown = function bindMouseDown(_ref3) {
-  var api = _ref3.api,
-    constants = _ref3.constants,
-    mode = _ref3.mode,
-    emit = _ref3.emit,
-    state = _ref3.state;
-  return function (event) {
-    if (event.button !== 0 && event.detail !== 0) {
-      state.activeIndex = -1;
-      return;
-    }
-    if (!emitEvent(emit, 'start', api.getActiveButtonValue())) {
-      state.activeIndex = -1;
-      return;
-    }
-    var handleEl = event.target;
-    var isClickBar = hasClass(handleEl, constants.sliderCls(mode)) || hasClass(handleEl, constants.rangeCls(mode));
-    var isClickBtn = hasClass(handleEl, constants.buttonCls(mode)) || hasClass(handleEl, constants.leftSvgCls(mode)) || hasClass(handleEl, constants.rightSvgCls(mode));
-    if (state.disabled || !isClickBtn && !isClickBar) {
-      state.activeIndex = -1;
-      return;
-    }
-    on(window, 'mouseup', api.bindMouseUp);
-    on(window, 'mousemove', api.bindMouseMove);
-    on(window, 'touchend', api.bindMouseUp);
-    on(window, 'touchmove', api.bindMouseMove);
-    state.isDrag = isClickBtn;
-    isClickBtn && (state.activeIndex = api.getActiveButtonIndex(event));
-    if (isClickBar) {
-      var currentValue = api.calculateValue(event);
-      if (state.isDouble) {
-        if (Math.abs(currentValue - state.leftBtnValue) > Math.abs(state.rightBtnValue - currentValue)) {
-          api.changeActiveValue(state.rightBtnValue < state.leftBtnValue);
-        } else {
-          api.changeActiveValue(state.rightBtnValue > state.leftBtnValue);
-        }
-      }
-      api.setActiveButtonValue(currentValue);
-      api.setButtonStyle();
-      api.setBarStyle();
-      emit('stop', api.getActiveButtonValue());
-    }
-  };
+const bindMouseMove = ({ api, nextTick, state }) => (event) => {
+  if (state.disabled || !state.isDrag) {
+    return;
+  }
+  api.setActiveButtonValue(api.calculateValue(event));
+  api.setButtonStyle();
+  api.setBarStyle();
+  nextTick(() => {
+    api.setTipStyle();
+  });
 };
-export var bindMouseMove = function bindMouseMove(_ref4) {
-  var api = _ref4.api,
-    nextTick = _ref4.nextTick,
-    state = _ref4.state;
-  return function (event) {
-    if (state.disabled || !state.isDrag) {
-      return;
-    }
-    api.setActiveButtonValue(api.calculateValue(event));
-    api.setButtonStyle();
-    api.setBarStyle();
-    nextTick(function () {
+const bindMouseUp = ({ api, emit, state }) => () => {
+  if (state.disabled || !state.isDrag) {
+    return;
+  }
+  state.showTip = false;
+  state.isDrag = false;
+  off(window, "mouseup", api.bindMouseUp);
+  off(window, "mousemove", api.bindMouseMove);
+  off(window, "touchend", api.bindMouseUp);
+  off(window, "touchmove", api.bindMouseMove);
+  emit("stop", api.getActiveButtonValue());
+};
+const displayTip = ({ api, nextTick, state }) => (event) => {
+  if (!state.showTip) {
+    state.showTip = true;
+    api.changeActiveValue(api.getActiveButtonIndex(event) === 0);
+    nextTick(() => {
       api.setTipStyle();
     });
-  };
-};
-export var bindMouseUp = function bindMouseUp(_ref5) {
-  var api = _ref5.api,
-    emit = _ref5.emit,
-    state = _ref5.state;
-  return function () {
-    if (state.disabled || !state.isDrag) {
-      return;
-    }
-    state.showTip = false;
-    state.isDrag = false;
-    off(window, 'mouseup', api.bindMouseUp);
-    off(window, 'mousemove', api.bindMouseMove);
-    off(window, 'touchend', api.bindMouseUp);
-    off(window, 'touchmove', api.bindMouseMove);
-    emit('stop', api.getActiveButtonValue());
-  };
-};
-export var displayTip = function displayTip(_ref6) {
-  var api = _ref6.api,
-    nextTick = _ref6.nextTick,
-    state = _ref6.state;
-  return function (event) {
-    if (!state.showTip) {
-      state.showTip = true;
-      api.changeActiveValue(api.getActiveButtonIndex(event) === 0);
-      nextTick(function () {
-        api.setTipStyle();
-      });
-    }
-  };
-};
-export var hideTip = function hideTip(state) {
-  return function () {
-    return !state.isDrag && (state.showTip = false);
-  };
+  }
 };
-export var setTipStyle = function setTipStyle(_ref7) {
-  var constants = _ref7.constants,
-    mode = _ref7.mode,
-    parent = _ref7.parent,
-    props = _ref7.props,
-    state = _ref7.state;
-  return function () {
-    if (!props.showTip) {
-      return;
-    }
-    var tipStyle = {
-      top: 0,
-      left: 0
-    };
-    var tipEl = parent.$el.querySelector('.' + constants.tipCls(mode));
-    var moveSize = (state.activeValue - props.min) / state.rangeDiff * state.sliderSize;
-    if (props.vertical) {
-      tipStyle.top = state.sliderSize - moveSize - constants.BUTTON_SIZE - constants.TIP_HEIGHT / 2 + constants.HALF_BAR_HEIGHT;
-      tipStyle.left = -tipEl.clientWidth / 2 + constants.HALF_BAR_HEIGHT;
-    } else {
-      tipStyle.top = -constants.TIP_HEIGHT - constants.BUTTON_SIZE / 2 + constants.HALF_BAR_HEIGHT;
-      tipStyle.left = moveSize - constants.HALF_BAR_HEIGHT - tipEl.clientWidth / 2;
-    }
-    state.tipStyle = {
-      top: tipStyle.top + 'px',
-      left: tipStyle.left + 'px'
-    };
+const hideTip = (state) => () => !state.isDrag && (state.showTip = false);
+const setTipStyle = ({ constants, mode, parent, props, state }) => () => {
+  if (!props.showTip) {
+    return;
+  }
+  const tipStyle = { top: 0, left: 0 };
+  const tipEl = parent.$el.querySelector("." + constants.tipCls(mode));
+  const moveSize = (state.activeValue - props.min) / state.rangeDiff * state.sliderSize;
+  if (props.vertical) {
+    tipStyle.top = state.sliderSize - moveSize - constants.BUTTON_SIZE - constants.TIP_HEIGHT / 2 + constants.HALF_BAR_HEIGHT;
+    tipStyle.left = -tipEl.clientWidth / 2 + constants.HALF_BAR_HEIGHT;
+  } else {
+    tipStyle.top = -constants.TIP_HEIGHT - constants.BUTTON_SIZE / 2 + constants.HALF_BAR_HEIGHT;
+    tipStyle.left = moveSize - constants.HALF_BAR_HEIGHT - tipEl.clientWidth / 2;
+  }
+  state.tipStyle = {
+    top: tipStyle.top + "px",
+    left: tipStyle.left + "px"
   };
 };
-var getActiveButtonIndexFlag = function getActiveButtonIndexFlag(_ref8) {
-  var state = _ref8.state,
-    event = _ref8.event,
-    constants = _ref8.constants,
-    mode = _ref8.mode;
-  var cls = constants.buttonCls(mode);
-  var previousElementSibling = event.target.previousElementSibling;
-  return state.isDouble && (hasClass(previousElementSibling, cls) || event.target.className.baseVal === 'tiny-slider-right-svg');
+const getActiveButtonIndexFlag = ({ state, event, constants, mode }) => {
+  const cls = constants.buttonCls(mode);
+  const { previousElementSibling } = event.target;
+  return state.isDouble && (hasClass(previousElementSibling, cls) || event.target.className.baseVal === "tiny-slider-right-svg");
 };
-export var getActiveButtonIndex = function getActiveButtonIndex(_ref9) {
-  var constants = _ref9.constants,
-    mode = _ref9.mode,
-    state = _ref9.state;
-  return function (event) {
-    var flag = getActiveButtonIndexFlag({
-      state: state,
-      event: event,
-      constants: constants,
-      mode: mode
-    });
-    return flag ? 1 : 0;
-  };
+const getActiveButtonIndex = ({ constants, mode, state }) => (event) => {
+  const flag = getActiveButtonIndexFlag({ state, event, constants, mode });
+  return flag ? 1 : 0;
 };
-var calcCurrentValue = function calcCurrentValue(_ref10) {
-  var currentValue = _ref10.currentValue,
-    props = _ref10.props,
-    state = _ref10.state;
+const calcCurrentValue = ({ currentValue, props, state }) => {
   if (currentValue <= props.min) {
     currentValue = props.min;
   } else if (currentValue >= props.max) {
     currentValue = props.max;
   } else {
-    var step = props.step > 0 ? props.step : 1;
-    var stepValue = (currentValue - props.min) % step;
+    const step = props.step > 0 ? props.step : 1;
+    const stepValue = (currentValue - props.min) % step;
     if (stepValue > props.step / 10) {
       currentValue -= stepValue;
       currentValue += stepValue * 2 > step ? Number(step) : 0;
@@ -235,198 +167,169 @@ var calcCurrentValue = function calcCurrentValue(_ref10) {
   }
   return currentValue;
 };
-export var setActiveButtonValue = function setActiveButtonValue(_ref11) {
-  var api = _ref11.api,
-    emit = _ref11.emit,
-    props = _ref11.props,
-    state = _ref11.state;
-  return function (value) {
-    var currentValue = value;
-    currentValue = calcCurrentValue({
-      currentValue: currentValue,
-      props: props,
-      state: state
-    });
-    if (!state.isDouble) {
+const setActiveButtonValue = ({ api, emit, props, state }) => (value) => {
+  let currentValue = value;
+  currentValue = calcCurrentValue({ currentValue, props, state });
+  if (!state.isDouble) {
+    state.leftBtnValue = currentValue;
+  } else {
+    if (state.activeIndex === 0) {
       state.leftBtnValue = currentValue;
     } else {
-      if (state.activeIndex === 0) {
-        state.leftBtnValue = currentValue;
-      } else {
-        state.rightBtnValue = currentValue;
-      }
+      state.rightBtnValue = currentValue;
     }
-    state.activeValue = currentValue;
-    state.innerTrigger = true;
-    emit('update:modelValue', api.getActiveButtonValue());
-  };
+  }
+  state.activeValue = currentValue;
+  state.innerTrigger = true;
+  emit("update:modelValue", api.getActiveButtonValue());
+};
+const setButtonStyle = ({ props, state }) => () => {
+  const percent = (state.activeValue - props.min) / state.rangeDiff * 100;
+  const style = (props.vertical ? "bottom" : "left") + ":" + percent + "%";
+  if (!state.isDouble || state.activeIndex === 0) {
+    state.leftBtnPercent = percent;
+    state.leftBtnStyle = style;
+  } else {
+    state.rightBtnPercent = percent;
+    state.rightBtnStyle = style;
+  }
+};
+const setBarStyle = ({ props, state }) => () => {
+  const minSize = Math.abs(state.leftBtnPercent - state.rightBtnPercent);
+  const maxSize = Math.max(state.leftBtnPercent, state.rightBtnPercent);
+  if (props.vertical) {
+    state.barStyle = {
+      bottom: maxSize - minSize + "%",
+      height: minSize + "%"
+    };
+  } else {
+    state.barStyle = {
+      left: maxSize - minSize + "%",
+      width: minSize + "%"
+    };
+  }
 };
-export var setButtonStyle = function setButtonStyle(_ref12) {
-  var props = _ref12.props,
-    state = _ref12.state;
-  return function () {
-    var percent = (state.activeValue - props.min) / state.rangeDiff * 100;
-    var style = (props.vertical ? 'bottom' : 'left') + ':' + percent + '%';
-    if (!state.isDouble || state.activeIndex === 0) {
-      state.leftBtnPercent = percent;
-      state.leftBtnStyle = style;
+const initSlider = ({ api, props, state }) => (value) => {
+  state.isDouble = Array.isArray(value);
+  const sliders = state.isDouble ? value : [value];
+  sliders.length > 2 && (sliders.length = 2);
+  sliders.forEach((item, index) => {
+    if (index === 0) {
+      state.leftBtnValue = Math.max(Number(item), props.min);
     } else {
-      state.rightBtnPercent = percent;
-      state.rightBtnStyle = style;
+      state.rightBtnValue = Math.min(Number(item), props.max);
+      state.rightBtnShow = true;
     }
-  };
+    if (state.isInit) {
+      api.changeActiveValue(index === 0);
+    }
+    api.setButtonStyle();
+  });
+  state.isInit = false;
+  api.setBarStyle();
 };
-export var setBarStyle = function setBarStyle(_ref13) {
-  var props = _ref13.props,
-    state = _ref13.state;
-  return function () {
-    var minSize = Math.abs(state.leftBtnPercent - state.rightBtnPercent);
-    var maxSize = Math.max(state.leftBtnPercent, state.rightBtnPercent);
+const calculateValue = ({ props, state }) => (event) => {
+  let currentValue = 0;
+  const offset = state.sliderOffset;
+  if (event.type === "touchmove" || event.type === "touchstart" || event.type === "touchend") {
     if (props.vertical) {
-      state.barStyle = {
-        bottom: maxSize - minSize + '%',
-        height: minSize + '%'
-      };
+      currentValue = props.max - (event.touches[0].pageY - offset.top) / state.sliderSize * state.rangeDiff;
     } else {
-      state.barStyle = {
-        left: maxSize - minSize + '%',
-        width: minSize + '%'
-      };
+      currentValue = props.min + (event.touches[0].pageX - offset.left) / state.sliderSize * state.rangeDiff;
     }
-  };
-};
-export var initSlider = function initSlider(_ref14) {
-  var api = _ref14.api,
-    props = _ref14.props,
-    state = _ref14.state;
-  return function (value) {
-    state.isDouble = Array.isArray(value);
-    var sliders = state.isDouble ? value : [value];
-    sliders.length > 2 && (sliders.length = 2);
-    sliders.forEach(function (item, index) {
-      if (index === 0) {
-        state.leftBtnValue = Math.max(Number(item), props.min);
-      } else {
-        state.rightBtnValue = Math.min(Number(item), props.max);
-        state.rightBtnShow = true;
-      }
-      if (state.isInit) {
-        api.changeActiveValue(index === 0);
-      }
-      api.setButtonStyle();
-    });
-    state.isInit = false;
-    api.setBarStyle();
-  };
-};
-export var calculateValue = function calculateValue(_ref15) {
-  var props = _ref15.props,
-    state = _ref15.state;
-  return function (event) {
-    var currentValue = 0;
-    var offset = state.sliderOffset;
-    if (event.type === 'touchmove' || event.type === 'touchstart' || event.type === 'touchend') {
-      if (props.vertical) {
-        currentValue = props.max - (event.touches[0].pageY - offset.top) / state.sliderSize * state.rangeDiff;
-      } else {
-        currentValue = props.min + (event.touches[0].pageX - offset.left) / state.sliderSize * state.rangeDiff;
-      }
+  } else {
+    if (props.vertical) {
+      currentValue = props.max - (event.pageY - offset.top) / state.sliderSize * state.rangeDiff;
     } else {
-      if (props.vertical) {
-        currentValue = props.max - (event.pageY - offset.top) / state.sliderSize * state.rangeDiff;
-      } else {
-        currentValue = props.min + (event.pageX - offset.left) / state.sliderSize * state.rangeDiff;
-      }
+      currentValue = props.min + (event.pageX - offset.left) / state.sliderSize * state.rangeDiff;
     }
-    return currentValue;
-  };
-};
-export var changeActiveValue = function changeActiveValue(state) {
-  return function (isLeft) {
-    state.activeIndex = isLeft ? 0 : 1;
-    state.activeValue = isLeft ? state.leftBtnValue : state.rightBtnValue;
-  };
-};
-export var formatTipValue = function formatTipValue(props) {
-  return function (value) {
-    return props.formatTooltip instanceof Function ? props.formatTooltip(value) : value;
-  };
+  }
+  return currentValue;
 };
-export var getActiveButtonValue = function getActiveButtonValue(state) {
-  return function () {
-    return state.isDouble ? [state.leftBtnValue, state.rightBtnValue] : state.leftBtnValue;
-  };
+const changeActiveValue = (state) => (isLeft) => {
+  state.activeIndex = isLeft ? 0 : 1;
+  state.activeValue = isLeft ? state.leftBtnValue : state.rightBtnValue;
 };
-export var autoSlider = function autoSlider(api) {
-  return function (value) {
-    api.setActiveButtonValue(value);
-    api.setButtonStyle();
-    api.setBarStyle();
-  };
+const formatTipValue = (props) => (value) => props.formatTooltip instanceof Function ? props.formatTooltip(value) : value;
+const getActiveButtonValue = (state) => () => state.isDouble ? [state.leftBtnValue, state.rightBtnValue] : state.leftBtnValue;
+const autoSlider = (api) => (value) => {
+  api.setActiveButtonValue(value);
+  api.setButtonStyle();
+  api.setBarStyle();
 };
-export var customBeforeAppearHook = function customBeforeAppearHook(props) {
-  return function (el) {
-    if (props.vertical) {
-      el.style.bottom = 0 + '%';
-      el.style.height = 0 + '%';
-    } else {
-      el.style.left = 0 + '%';
-      el.style.width = 0 + '%';
-    }
-  };
+const customBeforeAppearHook = (props) => (el) => {
+  if (props.vertical) {
+    el.style.bottom = 0 + "%";
+    el.style.height = 0 + "%";
+  } else {
+    el.style.left = 0 + "%";
+    el.style.width = 0 + "%";
+  }
 };
-export var customAfterAppearHook = function customAfterAppearHook(_ref16) {
-  var state = _ref16.state,
-    props = _ref16.props;
-  return function (el) {
-    var minSize = Math.abs(state.leftBtnPercent - state.rightBtnPercent);
-    var maxSize = Math.max(state.leftBtnPercent, state.rightBtnPercent);
-    if (props.vertical) {
-      el.style.bottom = maxSize - minSize + '%';
-      el.style.height = minSize + '%';
+const customAfterAppearHook = ({ state, props }) => (el) => {
+  const minSize = Math.abs(state.leftBtnPercent - state.rightBtnPercent);
+  const maxSize = Math.max(state.leftBtnPercent, state.rightBtnPercent);
+  if (props.vertical) {
+    el.style.bottom = maxSize - minSize + "%";
+    el.style.height = minSize + "%";
+  } else {
+    if (state.isDouble) {
+      el.style.left = maxSize - minSize + "%";
+      el.style.width = minSize + "%";
     } else {
-      if (state.isDouble) {
-        el.style.left = maxSize - minSize + '%';
-        el.style.width = minSize + '%';
-      } else {
-        el.style.width = minSize + '%';
-      }
+      el.style.width = minSize + "%";
     }
-  };
+  }
 };
-export var watchActiveValue = function watchActiveValue(_ref17) {
-  var api = _ref17.api,
-    emit = _ref17.emit,
-    props = _ref17.props,
-    state = _ref17.state;
-  return function (newValue, oldValue) {
-    var nNewValue = toNumber(newValue) || 0;
-    var nOldValue = toNumber(oldValue) || 0;
-    if (nNewValue !== nOldValue) {
-      api.autoSlider(nNewValue);
-      if (nNewValue <= props.max && nNewValue >= props.min) {
-        var value = api.getActiveButtonValue();
-        if (state.lastValue && state.lastValue.toString() !== value.toString()) {
-          emit('change', value);
-        }
-        state.lastValue = value;
+const watchActiveValue = ({ api, emit, props, state }) => (newValue, oldValue) => {
+  const nNewValue = toNumber(newValue) || 0;
+  const nOldValue = toNumber(oldValue) || 0;
+  if (nNewValue !== nOldValue) {
+    api.autoSlider(nNewValue);
+    if (nNewValue <= props.max && nNewValue >= props.min) {
+      const value = api.getActiveButtonValue();
+      if (state.lastValue && state.lastValue.toString() !== value.toString()) {
+        emit("change", value);
       }
-    } else {
-      state.activeValue = nNewValue || 0;
+      state.lastValue = value;
     }
-  };
+  } else {
+    state.activeValue = nNewValue || 0;
+  }
 };
-export var watchModelValue = function watchModelValue(_ref18) {
-  var api = _ref18.api,
-    state = _ref18.state;
-  return function (value) {
-    if (!state.innerTrigger) {
+const watchModelValue = ({ api, state }) => (value) => {
+  if (!state.innerTrigger) {
+    api.initSlider(value);
+  } else {
+    state.innerTrigger = false;
+    if (!state.isDouble) {
       api.initSlider(value);
-    } else {
-      state.innerTrigger = false;
-      if (!state.isDouble) {
-        api.initSlider(value);
-      }
     }
-  };
-};
+  }
+};
+export {
+  autoSlider,
+  bindEvent,
+  bindKeyDown,
+  bindMouseDown,
+  bindMouseMove,
+  bindMouseUp,
+  bindResize,
+  calculateValue,
+  changeActiveValue,
+  customAfterAppearHook,
+  customBeforeAppearHook,
+  displayTip,
+  formatTipValue,
+  getActiveButtonIndex,
+  getActiveButtonValue,
+  hideTip,
+  initSlider,
+  setActiveButtonValue,
+  setBarStyle,
+  setButtonStyle,
+  setTipStyle,
+  unBindEvent,
+  watchActiveValue,
+  watchModelValue
+};