@ray-js/components/lib/Slider/Slider.js

Ray basic components

import _extends from "@babel/runtime/helpers/esm/extends";
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
import * as React from 'react';
import { useEventListener } from 'ahooks';
import handleProps from '../utils/handleProps';
const Slider = props => {
  const currentNode = React.useRef(null);
  useEventListener('change', e => {
    var _props$onChange;
    (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, _objectSpread(_objectSpread({}, e), {}, {
      type: 'change',
      value: e.detail.value,
      origin: e
    }));
  }, {
    target: currentNode
  });
  useEventListener('changing', e => {
    var _props$onChanging;
    (_props$onChanging = props.onChanging) === null || _props$onChanging === void 0 || _props$onChanging.call(props, _objectSpread(_objectSpread({}, e), {}, {
      type: 'changing',
      value: e.detail.value,
      origin: e
    }));
  }, {
    target: currentNode
  });
  return (
    /*#__PURE__*/
    // @ts-ignore
    React.createElement("v-slider", _extends({}, handleProps(props), {
      ref: currentNode
    }))
  );
};
export default Slider;