@nutui/nutui-react 2.3.12-beta.0 → 2.3.12

package/dist/esm/AnimatingNumbers.js

@@ -1,145 +1,72 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["length", "value", "delay", "duration", "className", "thousands", "style"];
-function _callSuper(t, o, e) {
-  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
-}
-function _isNativeReflectConstruct() {
-  try {
-    var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
-    }));
-  } catch (t2) {
-  }
-  return (_isNativeReflectConstruct = function _isNativeReflectConstruct2() {
-    return !!t;
-  })();
-}
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
 import React__default, { useRef, useMemo, useEffect, Component } from "react";
+import { _ as __rest } from "./tslib.es6.js";
 import { C as ComponentDefaults } from "./typings.js";
-var defaultProps$1 = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  length: 0,
-  value: "",
-  delay: 300,
-  duration: 1,
-  thousands: false
-});
-var CountUp = function CountUp2(props) {
-  var _defaultProps$1$props = _objectSpread(_objectSpread({}, defaultProps$1), props), length = _defaultProps$1$props.length, value = _defaultProps$1$props.value, delay = _defaultProps$1$props.delay, duration = _defaultProps$1$props.duration, className = _defaultProps$1$props.className, thousands = _defaultProps$1$props.thousands, style = _defaultProps$1$props.style, reset = _objectWithoutProperties(_defaultProps$1$props, _excluded);
-  var classPrefix = "nut-countup";
-  var countupRef = useRef(null);
-  var timerRef = useRef(0);
-  var numbers = Array.from({
-    length: 10
-  }, function(v, i) {
-    return i;
-  });
-  var getShowNumber = function getShowNumber2() {
-    var splitArr = value.split(".");
-    var intNumber = length && splitArr[0].length < length ? (Array(length).join("0") + splitArr[0]).slice(-length) : splitArr[0];
-    var currNumber = "".concat(thousands ? intNumber.replace(/(\d)(?=(?:\d{3})+$)/g, "$1,") : intNumber).concat(splitArr[1] ? "." : "").concat(splitArr[1] || "");
+const defaultProps$1 = Object.assign(Object.assign({}, ComponentDefaults), { length: 0, value: "", delay: 300, duration: 1, thousands: false });
+const CountUp = (props) => {
+  const _a = Object.assign(Object.assign({}, defaultProps$1), props), { length, value, delay, duration, className, thousands, style } = _a;
+  __rest(_a, ["length", "value", "delay", "duration", "className", "thousands", "style"]);
+  const classPrefix = "nut-countup";
+  const countupRef = useRef(null);
+  const timerRef = useRef(0);
+  const numbers = Array.from({ length: 10 }, (v, i) => i);
+  const getShowNumber = () => {
+    const splitArr = value.split(".");
+    const intNumber = length && splitArr[0].length < length ? (Array(length).join("0") + splitArr[0]).slice(-length) : splitArr[0];
+    const currNumber = `${thousands ? intNumber.replace(/(\d)(?=(?:\d{3})+$)/g, "$1,") : intNumber}${splitArr[1] ? "." : ""}${splitArr[1] || ""}`;
     return currNumber.split("");
   };
-  var numerArr = useMemo(getShowNumber, [value, length, thousands]);
-  var setNumberTransform = function setNumberTransform2() {
+  const numerArr = useMemo(getShowNumber, [value, length, thousands]);
+  const setNumberTransform = () => {
     if (countupRef.current) {
-      var numberItems = countupRef.current.querySelectorAll(".nut-countup-number");
-      var numberFilterArr = numerArr.filter(function(item) {
-        return !Number.isNaN(Number(item));
-      });
-      Object.keys(numberItems).forEach(function(key) {
-        var elem = numberItems[Number(key)];
-        var idx = Number(numberFilterArr[Number(key)]);
+      const numberItems = countupRef.current.querySelectorAll(".nut-countup-number");
+      const numberFilterArr = numerArr.filter((item) => !Number.isNaN(Number(item)));
+      Object.keys(numberItems).forEach((key) => {
+        const elem = numberItems[Number(key)];
+        const idx = Number(numberFilterArr[Number(key)]);
         if ((idx || idx === 0) && elem) {
-          var transform = "translate(0, -".concat((idx === 0 ? 10 : idx) * 5, "%)");
+          const transform = `translate(0, -${(idx === 0 ? 10 : idx) * 5}%)`;
           elem.style.transform = transform;
           elem.style.webkitTransform = transform;
         }
       });
     }
   };
-  var numberEaseStyle = {
-    transition: "transform ".concat(duration, "s ease-in-out")
+  const numberEaseStyle = {
+    transition: `transform ${duration}s ease-in-out`
   };
-  useEffect(function() {
-    timerRef.current = window.setTimeout(function() {
+  useEffect(() => {
+    timerRef.current = window.setTimeout(() => {
       setNumberTransform();
     }, delay);
-    return function() {
+    return () => {
       window.clearTimeout(timerRef.current);
     };
   }, [numerArr]);
-  return React__default.createElement("div", {
-    className: "".concat(classPrefix, " ").concat(className),
-    ref: countupRef
-  }, React__default.createElement("ul", {
-    className: "".concat(classPrefix, "-list")
-  }, numerArr.map(function(item, idx) {
-    return React__default.createElement("li", {
-      className: "".concat(classPrefix, "-listitem ").concat(!Number.isNaN(Number(item)) ? "".concat(classPrefix, "-listitem-number") : ""),
-      key: idx
-    }, !Number.isNaN(Number(item)) ? React__default.createElement("span", {
-      className: "".concat(classPrefix, "-number"),
-      style: numberEaseStyle
-    }, [].concat(numbers, numbers).map(function(number, subidx) {
-      return React__default.createElement("span", {
-        key: subidx
-      }, number);
-    })) : React__default.createElement("span", {
-      className: "".concat(classPrefix, "-separator")
-    }, item));
-  })));
+  return React__default.createElement(
+    "div",
+    { className: `${classPrefix} ${className}`, ref: countupRef },
+    React__default.createElement("ul", { className: `${classPrefix}-list` }, numerArr.map((item, idx) => {
+      return React__default.createElement("li", { className: `${classPrefix}-listitem ${!Number.isNaN(Number(item)) ? `${classPrefix}-listitem-number` : ""}`, key: idx }, !Number.isNaN(Number(item)) ? React__default.createElement("span", { className: `${classPrefix}-number`, style: numberEaseStyle }, [...numbers, ...numbers].map((number, subidx) => {
+        return React__default.createElement("span", { key: subidx }, number);
+      })) : React__default.createElement("span", { className: `${classPrefix}-separator` }, item));
+    }))
+  );
 };
 CountUp.defaultProps = defaultProps$1;
 CountUp.displayName = "NutCountUp";
-var defaultProps = {};
-var AnimatingNumbers = /* @__PURE__ */ function(_Component) {
-  _inherits(AnimatingNumbers2, _Component);
-  function AnimatingNumbers2(props) {
-    var _this;
-    _classCallCheck(this, AnimatingNumbers2);
-    _this = _callSuper(this, AnimatingNumbers2, [props]);
-    _this.state = {};
-    return _this;
+const defaultProps = {};
+class AnimatingNumbers extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {};
   }
-  _createClass(AnimatingNumbers2, [{
-    key: "render",
-    value: function render() {
-      return React__default.createElement("div", {
-        className: "nut-animatingnumbers"
-      });
-    }
-  }]);
-  return AnimatingNumbers2;
-}(Component);
-_defineProperty(AnimatingNumbers, "defaultProps", defaultProps);
-_defineProperty(AnimatingNumbers, "displayName", "NutAnimatingNumbers");
-_defineProperty(AnimatingNumbers, "CountUp", CountUp);
+  render() {
+    return React__default.createElement("div", { className: "nut-animatingnumbers" });
+  }
+}
+AnimatingNumbers.defaultProps = defaultProps;
+AnimatingNumbers.displayName = "NutAnimatingNumbers";
+AnimatingNumbers.CountUp = CountUp;
 AnimatingNumbers.CountUp = CountUp;
 export {
   AnimatingNumbers as default

package/dist/esm/Audio.js

@@ -1,28 +1,4 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["className", "src", "style", "muted", "autoPlay", "loop", "preload", "type", "onBack", "onForward", "onPause", "onEnd", "onMute", "onCanPlay", "children"];
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
+import { _ as __rest } from "./tslib.es6.js";
 import React__default, { useState, useRef, useEffect } from "react";
 import { Service } from "@nutui/icons-react";
 import classNames from "classnames";
@@ -30,35 +6,22 @@ import Range from "./Range.js";
 import Button from "./Button.js";
 import { useConfig } from "./ConfigProvider.js";
 import { C as ComponentDefaults } from "./typings.js";
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  src: "",
-  muted: false,
-  autoPlay: false,
-  loop: false,
-  preload: "auto",
-  type: "progress",
-  onBack: function onBack(e) {
-  },
-  onForward: function onForward(e) {
-  },
-  onPause: function onPause(e) {
-  },
-  onEnd: function onEnd(e) {
-  },
-  onMute: function onMute(e) {
-  },
-  onCanPlay: function onCanPlay(e) {
-  }
-});
-var Audio = function Audio2(props) {
-  var _useConfig = useConfig(), locale = _useConfig.locale;
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, src = _defaultProps$props.src, style = _defaultProps$props.style, muted = _defaultProps$props.muted, autoPlay = _defaultProps$props.autoPlay, loop = _defaultProps$props.loop, preload = _defaultProps$props.preload, type = _defaultProps$props.type, onBack2 = _defaultProps$props.onBack, onForward2 = _defaultProps$props.onForward, onPause2 = _defaultProps$props.onPause, onEnd2 = _defaultProps$props.onEnd, onMute2 = _defaultProps$props.onMute, onCanPlay2 = _defaultProps$props.onCanPlay, children = _defaultProps$props.children, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var _useState = useState(false), _useState2 = _slicedToArray(_useState, 2), playing = _useState2[0], setPlaying = _useState2[1];
-  var _useState3 = useState(0), _useState4 = _slicedToArray(_useState3, 2), percent = _useState4[0], setPercent = _useState4[1];
-  var _useState5 = useState(false), _useState6 = _slicedToArray(_useState5, 2), isCanPlay = _useState6[0], setIsCanPlay = _useState6[1];
-  var _useState7 = useState("00:00:00"), _useState8 = _slicedToArray(_useState7, 2), currentDuration = _useState8[0], setCurrentDuration = _useState8[1];
-  var AudioRef = useRef(null);
-  var statusRef = useRef({
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { src: "", muted: false, autoPlay: false, loop: false, preload: "auto", type: "progress", onBack: (e) => {
+}, onForward: (e) => {
+}, onPause: (e) => {
+}, onEnd: (e) => {
+}, onMute: (e) => {
+}, onCanPlay: (e) => {
+} });
+const Audio = (props) => {
+  const { locale } = useConfig();
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { className, src, style, muted, autoPlay, loop, preload, type, onBack, onForward, onPause, onEnd, onMute, onCanPlay, children } = _a, rest = __rest(_a, ["className", "src", "style", "muted", "autoPlay", "loop", "preload", "type", "onBack", "onForward", "onPause", "onEnd", "onMute", "onCanPlay", "children"]);
+  const [playing, setPlaying] = useState(false);
+  const [percent, setPercent] = useState(0);
+  const [isCanPlay, setIsCanPlay] = useState(false);
+  const [currentDuration, setCurrentDuration] = useState("00:00:00");
+  const AudioRef = useRef(null);
+  const statusRef = useRef({
     currentTime: 0,
     currentDuration: "00:00:00",
     percent: 0,
@@ -68,8 +31,8 @@ var Audio = function Audio2(props) {
     playing: props.autoPlay,
     handPlaying: false
   });
-  var classPrefix = "nut-audio";
-  var handleEnded = function handleEnded2(e) {
+  const classPrefix = "nut-audio";
+  const handleEnded = (e) => {
     if (props.loop) {
       console.warn(locale.audio.tips || "onPlayEnd事件在loop=false时才会触发");
     } else {
@@ -78,18 +41,18 @@ var Audio = function Audio2(props) {
   };
   function watch() {
     if (AudioRef && AudioRef.current) {
-      var current = AudioRef.current;
-      current.addEventListener("play", function() {
+      const current = AudioRef.current;
+      current.addEventListener("play", () => {
         setPlaying(true);
       });
     }
   }
-  useEffect(function() {
+  useEffect(() => {
     watch();
   }, []);
-  useEffect(function() {
+  useEffect(() => {
   }, [currentDuration]);
-  var handleStatusChange = function handleStatusChange2() {
+  const handleStatusChange = () => {
     setPlaying(!playing);
     if (playing) {
       AudioRef && AudioRef.current && AudioRef.current.pause();
@@ -97,102 +60,84 @@ var Audio = function Audio2(props) {
       AudioRef && AudioRef.current && AudioRef.current.play();
     }
   };
-  var renderIcon = function renderIcon2() {
-    return React__default.createElement("div", {
-      className: "".concat(classPrefix, "-icon")
-    }, React__default.createElement("div", {
-      className: classNames("".concat(classPrefix, "-icon-box"), playing ? "".concat(classPrefix, "-icon-play") : "".concat(classPrefix, "-icon-stop")),
-      onClick: handleStatusChange
-    }, React__default.createElement(Service, {
-      className: playing ? "nut-icon-loading" : ""
-    })));
+  const renderIcon = () => {
+    return React__default.createElement(
+      "div",
+      { className: `${classPrefix}-icon` },
+      React__default.createElement(
+        "div",
+        { className: classNames(`${classPrefix}-icon-box`, playing ? `${classPrefix}-icon-play` : `${classPrefix}-icon-stop`), onClick: handleStatusChange },
+        React__default.createElement(Service, { className: playing ? "nut-icon-loading" : "" })
+      )
+    );
   };
-  var handleBack = function handleBack2() {
+  const handleBack = () => {
     if (statusRef.current.currentTime > 0 && AudioRef.current) {
       statusRef.current.currentTime--;
       AudioRef.current.currentTime = statusRef.current.currentTime;
       props.onBack && props.onBack(AudioRef.current);
     }
   };
-  var handleForward = function handleForward2() {
+  const handleForward = () => {
     if (AudioRef.current) {
       statusRef.current.currentTime++;
       AudioRef.current.currentTime = statusRef.current.currentTime;
       props.onForward && props.onForward(AudioRef.current);
     }
   };
-  var handleMute = function handleMute2() {
+  const handleMute = () => {
     if (AudioRef.current) {
       AudioRef.current.muted = !AudioRef.current.muted;
       props.onMute && props.onMute(AudioRef.current);
     }
   };
-  var handlePause = function handlePause2(e) {
+  const handlePause = (e) => {
     setPlaying(false);
     props.onPause && props.onPause(e);
   };
-  var formatSeconds = function formatSeconds2(value) {
+  const formatSeconds = (value) => {
     if (!value) {
       return "00:00:00";
     }
-    var time = parseInt(value);
-    var hours = Math.floor(time / 3600);
-    var minutes = Math.floor((time - hours * 3600) / 60);
-    var seconds = time - hours * 3600 - minutes * 60;
-    var result = "";
-    result += "".concat("0".concat(hours.toString()).slice(-2), ":");
-    result += "".concat("0".concat(minutes.toString()).slice(-2), ":");
-    result += "0".concat(seconds.toString()).slice(-2);
+    const time = parseInt(value);
+    const hours = Math.floor(time / 3600);
+    const minutes = Math.floor((time - hours * 3600) / 60);
+    const seconds = time - hours * 3600 - minutes * 60;
+    let result = "";
+    result += `${`0${hours.toString()}`.slice(-2)}:`;
+    result += `${`0${minutes.toString()}`.slice(-2)}:`;
+    result += `0${seconds.toString()}`.slice(-2);
     return result;
   };
-  var renderProgerss = function renderProgerss2() {
-    return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
-      className: "".concat(classPrefix, "-progress")
-    }, React__default.createElement("div", {
-      className: "time"
-    }, currentDuration), React__default.createElement("div", {
-      className: "".concat(classPrefix, "-progress-bar-wrapper")
-    }, React__default.createElement(Range, {
-      value: percent,
-      onChange: function onChange(val) {
-        return setPercent(val);
-      },
-      currentDescription: null,
-      maxDescription: null,
-      minDescription: null,
-      "inactive-color": "#cccccc",
-      "active-color": "#fa2c19"
-    })), React__default.createElement("div", {
-      className: "time"
-    }, AudioRef.current ? formatSeconds("".concat(statusRef.current.second)) : "00:00:00")), React__default.createElement("div", {
-      className: isCanPlay ? "custom-button-group" : "custom-button-group-disable"
-    }, React__default.createElement(Button, {
-      type: "primary",
-      size: "small",
-      className: "back",
-      onClick: handleBack
-    }, locale.audio.back || "快退"), React__default.createElement(Button, {
-      type: "primary",
-      size: "small",
-      className: "start",
-      onClick: handleStatusChange
-    }, playing ? "".concat(locale.audio.pause || "暂停") : "".concat(locale.audio.start || "开始")), React__default.createElement(Button, {
-      type: "primary",
-      size: "small",
-      onClick: handleForward
-    }, locale.audio.forward || "快进"), React__default.createElement(Button, {
-      type: AudioRef.current && AudioRef.current.muted ? "default" : "primary",
-      size: "small",
-      onClick: handleMute
-    }, locale.audio.mute || "静音")));
+  const renderProgerss = () => {
+    return React__default.createElement(
+      React__default.Fragment,
+      null,
+      React__default.createElement(
+        "div",
+        { className: `${classPrefix}-progress` },
+        React__default.createElement("div", { className: "time" }, currentDuration),
+        React__default.createElement(
+          "div",
+          { className: `${classPrefix}-progress-bar-wrapper` },
+          React__default.createElement(Range, { value: percent, onChange: (val) => setPercent(val), currentDescription: null, maxDescription: null, minDescription: null, "inactive-color": "#cccccc", "active-color": "#fa2c19" })
+        ),
+        React__default.createElement("div", { className: "time" }, AudioRef.current ? formatSeconds(`${statusRef.current.second}`) : "00:00:00")
+      ),
+      React__default.createElement(
+        "div",
+        { className: isCanPlay ? "custom-button-group" : "custom-button-group-disable" },
+        React__default.createElement(Button, { type: "primary", size: "small", className: "back", onClick: handleBack }, locale.audio.back || "快退"),
+        React__default.createElement(Button, { type: "primary", size: "small", className: "start", onClick: handleStatusChange }, playing ? `${locale.audio.pause || "暂停"}` : `${locale.audio.start || "开始"}`),
+        React__default.createElement(Button, { type: "primary", size: "small", onClick: handleForward }, locale.audio.forward || "快进"),
+        React__default.createElement(Button, { type: AudioRef.current && AudioRef.current.muted ? "default" : "primary", size: "small", onClick: handleMute }, locale.audio.mute || "静音")
+      )
+    );
   };
-  var renderNone = function renderNone2() {
-    return React__default.createElement("div", {
-      className: "".concat(classPrefix, "-none-container"),
-      onClick: handleStatusChange
-    }, children);
+  const renderNone = () => {
+    return React__default.createElement("div", { className: `${classPrefix}-none-container`, onClick: handleStatusChange }, children);
   };
-  var renderAudio = function renderAudio2() {
+  const renderAudio = () => {
     switch (type) {
       case "icon":
         return renderIcon();
@@ -204,7 +149,7 @@ var Audio = function Audio2(props) {
         return null;
     }
   };
-  var handleCanplay = function handleCanplay2(e) {
+  const handleCanplay = (e) => {
     setIsCanPlay(true);
     if (props.autoPlay && !playing) {
       AudioRef && AudioRef.current && AudioRef.current.play();
@@ -214,40 +159,24 @@ var Audio = function Audio2(props) {
       props.onCanPlay && props.onCanPlay(e);
     }
   };
-  var onTimeupdate = function onTimeupdate2(e) {
-    var time = parseInt(String(e.target.currentTime));
-    var formated = formatSeconds("".concat(time));
+  const onTimeupdate = (e) => {
+    const time = parseInt(String(e.target.currentTime));
+    const formated = formatSeconds(`${time}`);
     statusRef.current.currentDuration = formated;
     setPercent(time / statusRef.current.second * 100);
     setCurrentDuration(formated);
     statusRef.current.currentTime = time;
   };
-  return React__default.createElement("div", _objectSpread({
-    className: classNames(classPrefix, className),
-    style
-  }, rest), renderAudio(), React__default.createElement("audio", {
-    className: "audioMain",
-    controls: type === "controls",
-    ref: AudioRef,
-    src,
-    muted,
-    preload,
-    loop,
-    onPause: function onPause3(e) {
-      return handlePause(e);
-    },
-    onEnded: function onEnded(e) {
-      return handleEnded(e);
-    },
-    onCanPlay: function onCanPlay3(e) {
-      return handleCanplay(e);
-    },
-    onTimeUpdate: function onTimeUpdate(e) {
-      return onTimeupdate(e);
-    }
-  }, React__default.createElement("track", {
-    kind: "captions"
-  })));
+  return React__default.createElement(
+    "div",
+    Object.assign({ className: classNames(classPrefix, className), style }, rest),
+    renderAudio(),
+    React__default.createElement(
+      "audio",
+      { className: "audioMain", controls: type === "controls", ref: AudioRef, src, muted, preload, loop, onPause: (e) => handlePause(e), onEnded: (e) => handleEnded(e), onCanPlay: (e) => handleCanplay(e), onTimeUpdate: (e) => onTimeupdate(e) },
+      React__default.createElement("track", { kind: "captions" })
+    )
+  );
 };
 Audio.defaultProps = defaultProps;
 Audio.displayName = "NutAudio";