@nutui/nutui-react-taro 2.0.0-alpha.11 → 2.0.0-alpha.13

package/dist/esm/animatingnumbers.taro-c2a52dbd.js

@@ -1,103 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-import React, { useRef, useState, useEffect, Component } from "react";
-import { createSelectorQuery } from "@tarojs/taro";
-import { c as cn } from "./bem-cdccae08.js";
-const defaultProps$1 = {
-  maxLen: 0,
-  endNumber: "",
-  delaySpeed: 300,
-  easeSpeed: 1,
-  thousands: false,
-  className: ""
-};
-const CountUp = (props) => {
-  const { maxLen, endNumber, delaySpeed, easeSpeed, className, thousands, ...reset } = {
-    ...defaultProps$1,
-    ...props
-  };
-  const b = cn("countup");
-  const countupRef = useRef(null);
-  const timerRef = useRef(0);
-  const numbers = Array.from({ length: 10 }, (v, i) => i);
-  const getShowNumber = () => {
-    const splitArr = endNumber.split(".");
-    const intNumber = maxLen && splitArr[0].length < maxLen ? (Array(maxLen).join("0") + splitArr[0]).slice(-maxLen) : splitArr[0];
-    const currNumber = `${thousands ? intNumber.replace(/(\d)(?=(?:\d{3})+$)/g, "$1,") : intNumber}${splitArr[1] ? "." : ""}${splitArr[1] || ""}`;
-    return currNumber.split("");
-  };
-  const [numerArr, setNumerArr] = useState([]);
-  const [transformArr, setTransformArr] = useState([]);
-  const isLoaded = useRef(false);
-  const setNumberTransform = () => {
-    if (countupRef.current && numerArr.length) {
-      createSelectorQuery().selectAll(".nut-countup__listitem").node((numberItems) => {
-        const transformArrCache = [];
-        Object.keys(numberItems).forEach((key) => {
-          const elem = numberItems[Number(key)];
-          const idx = Number(numerArr[Number(key)]);
-          if (elem) {
-            const transform = idx || idx === 0 ? `translate(0, -${(idx === 0 ? 10 : idx) * 5}%)` : "";
-            transformArrCache.push(transform);
-          }
-        });
-        setTransformArr([...transformArrCache]);
-      }).exec();
-    }
-  };
-  const numberEaseStyle = (idx) => {
-    return {
-      transition: `transform ${easeSpeed}s ease-in-out`,
-      transform: transformArr[idx] ? transformArr[idx] : null
-    };
-  };
-  useEffect(() => {
-    setNumberTransform();
-  }, [numerArr]);
-  useEffect(() => {
-    if (!isLoaded.current) {
-      isLoaded.current = true;
-      timerRef.current = window.setTimeout(() => {
-        setNumerArr(getShowNumber());
-      }, delaySpeed);
-    } else {
-      setNumerArr(getShowNumber());
-    }
-    return () => {
-      window.clearTimeout(timerRef.current);
-    };
-  }, [endNumber]);
-  return React.createElement(
-    "div",
-    { className: `${b()} ${className}`, ref: countupRef },
-    React.createElement("ul", { className: b("list") }, numerArr.map((item, idx) => {
-      return React.createElement("li", { className: `${b("listitem", {
-        number: !Number.isNaN(Number(item))
-      })}`, key: idx }, !Number.isNaN(Number(item)) ? React.createElement("span", { className: b("number"), style: numberEaseStyle(idx) }, [...numbers, ...numbers].map((number, subidx) => {
-        return React.createElement("span", { key: subidx }, number);
-      })) : React.createElement("span", { className: b("separator") }, item));
-    }))
-  );
-};
-CountUp.defaultProps = defaultProps$1;
-CountUp.displayName = "NutCountUp";
-const defaultProps = {};
-class AnimatingNumbers extends Component {
-  constructor(props) {
-    super(props);
-    this.state = {};
-  }
-  render() {
-    return React.createElement("div", { className: "nut-animatingnumbers" });
-  }
-}
-__publicField(AnimatingNumbers, "defaultProps", defaultProps);
-__publicField(AnimatingNumbers, "displayName", "NutAnimatingNumbers");
-__publicField(AnimatingNumbers, "CountUp", CountUp);
-export {
-  AnimatingNumbers as A
-};

package/dist/esm/searchbar.taro-37ade36e.js

@@ -1,159 +0,0 @@
-import React, { useRef, useState, useEffect } from "react";
-import { getEnv } from "@tarojs/taro";
-import { Search, CircleClose } from "@nutui/icons-react-taro";
-import { c as cn } from "./bem-cdccae08.js";
-import { u as useConfig } from "./configprovider.taro-25758d9f.js";
-import { C as ComponentDefaults } from "./typings-11d83a22.js";
-const defaultProps = {
-  ...ComponentDefaults,
-  placeholder: "",
-  shape: "square",
-  disabled: false,
-  maxLength: 9999,
-  clearable: true,
-  clearSize: "12px",
-  align: "left",
-  readonly: true,
-  autoFocus: false,
-  label: "",
-  leftinIcon: React.createElement(Search, { size: "12" })
-};
-const SearchBar = (props) => {
-  const searchbarBem = cn("searchbar");
-  const { locale } = useConfig();
-  const searchRef = useRef(null);
-  const [value, setValue] = useState(() => props.value);
-  const { placeholder, shape, className, disabled, maxLength, clearable, clearSize, align, readOnly, autoFocus, label, actionText, leftinIcon, rightinIcon, leftoutIcon, rightoutIcon, onChange, onFocus, onBlur, onClear, onCancel, onSearch, onClickInput, onClickLeftinIcon, onClickLeftoutIcon, onClickRightinIcon, onClickRightoutIcon } = {
-    ...defaultProps,
-    ...props
-  };
-  const alignClass = `${align}`;
-  const forceFocus = () => {
-    const searchSelf = searchRef.current;
-    searchSelf && searchSelf.focus();
-  };
-  const change = (event) => {
-    const { value: value2 } = event.target;
-    onChange && (onChange == null ? void 0 : onChange(value2, event));
-    setValue(value2);
-    value2 === "" && forceFocus();
-  };
-  const focus = (event) => {
-    const { value: value2 } = event.target;
-    onFocus && (onFocus == null ? void 0 : onFocus(value2, event));
-  };
-  const blur = (event) => {
-    const searchSelf = searchRef.current;
-    searchSelf && searchSelf.blur();
-    const { value: value2 } = event.target;
-    onBlur && (onBlur == null ? void 0 : onBlur(value2, event));
-  };
-  useEffect(() => {
-    setValue(props.value);
-  }, [props.value]);
-  useEffect(() => {
-    autoFocus && forceFocus();
-  }, [autoFocus]);
-  const renderField = () => {
-    return React.createElement("input", { className: `${searchbarBem("input")}  ${searchbarBem(alignClass)} ${shape === "round" ? searchbarBem("round") : ""} ${clearable ? searchbarBem("input-clear") : ""}`, ref: searchRef, style: { ...props.style }, value: value || "", placeholder: placeholder || locale.placeholder, disabled, readOnly, maxLength, onKeyPress: onKeypress, onChange: (e) => change(e), onFocus: (e) => focus(e), onBlur: (e) => blur(e), onClick: (e) => clickInput(e) });
-  };
-  const clickInput = (e) => {
-    onClickInput && onClickInput(e);
-  };
-  const renderLeftinIcon = () => {
-    if (!leftinIcon)
-      return null;
-    return React.createElement("div", { className: `${searchbarBem("leftin-icon")} ${searchbarBem("icon")}`, onClick: (e) => clickLeftIcon("in-left", e) }, leftinIcon);
-  };
-  const renderLeftoutIcon = () => {
-    if (!leftoutIcon)
-      return null;
-    return React.createElement("div", { className: `${searchbarBem("leftout-icon")}`, onClick: (e) => clickLeftIcon("out-left", e) }, leftoutIcon);
-  };
-  const clickLeftIcon = (flag, event) => {
-    if (flag === "in-left") {
-      onClickLeftinIcon && onClickLeftinIcon(value, event);
-    } else {
-      onClickLeftoutIcon && onClickLeftoutIcon(value, event);
-    }
-  };
-  const renderRightinIcon = () => {
-    if (!rightinIcon)
-      return null;
-    return React.createElement("div", { className: `${searchbarBem("rightin-icon")} ${searchbarBem("icon")}`, onClick: (e) => clickRightIcon("in-right", e) }, rightinIcon);
-  };
-  const renderRightoutIcon = () => {
-    if (!rightoutIcon)
-      return null;
-    return React.createElement("div", { className: `${searchbarBem("rightout-icon")}`, onClick: (e) => clickRightIcon("out-right", e) }, rightoutIcon);
-  };
-  const clickRightIcon = (flag, event) => {
-    if (flag === "in-left") {
-      onClickRightinIcon && onClickRightinIcon(value, event);
-    } else {
-      onClickRightoutIcon && onClickRightoutIcon(value, event);
-    }
-  };
-  const handleClear = () => {
-    return React.createElement(
-      "div",
-      { className: `${searchbarBem("clear")} ${rightinIcon ? "pos-right" : ""}`, onClick: (e) => clearaVal(e) },
-      React.createElement(CircleClose, { size: clearSize, color: "#555" })
-    );
-  };
-  const clearaVal = (event) => {
-    if (disabled || readOnly) {
-      return;
-    }
-    setValue("");
-    onClear && onClear(event);
-    forceFocus();
-  };
-  const renderRightLabel = () => {
-    if (actionText) {
-      return React.createElement("div", { className: searchbarBem("action-text"), onClick: search }, actionText);
-    }
-    return null;
-  };
-  const onKeypress = (e) => {
-    if (e.keyCode === 13) {
-      if (typeof e.cancelable !== "boolean" || e.cancelable) {
-        e.preventDefault();
-      }
-      onSearch && onSearch(value);
-    }
-  };
-  const search = () => {
-    onSearch && onSearch(value);
-  };
-  const renderLabel = () => {
-    if (label) {
-      return React.createElement("div", { className: searchbarBem("label") }, label);
-    }
-    return null;
-  };
-  const envClass = () => {
-    return getEnv() === "WEB" ? "nut-searchbar-taro" : "";
-  };
-  return React.createElement(
-    "div",
-    { className: `${searchbarBem()} ${envClass()} ${disabled ? searchbarBem("disabled") : ""}  ${className || ""}`, style: { ...props.style, background: props.background } },
-    renderLeftoutIcon(),
-    renderLabel(),
-    React.createElement(
-      "div",
-      { className: `${searchbarBem("content")}`, style: { background: props.inputBackground } },
-      renderLeftinIcon(),
-      React.createElement("div", { className: "nut-searchbar__input-box" }, renderField()),
-      renderRightinIcon(),
-      clearable && value && handleClear()
-    ),
-    renderRightoutIcon(),
-    renderRightLabel()
-  );
-};
-SearchBar.defaultProps = defaultProps;
-SearchBar.displayName = "NutSearchBar";
-export {
-  SearchBar as S
-};

package/dist/esm/shortpassword.taro-f7292032.js

@@ -1,146 +0,0 @@
-import React, { useRef, useState, useEffect } from "react";
-import { Tips } from "@nutui/icons-react-taro";
-import { c as cn } from "./bem-cdccae08.js";
-import { P as Popup } from "./popup.taro-e756f3fc.js";
-import { u as useConfig } from "./configprovider.taro-25758d9f.js";
-import { C as ComponentDefaults } from "./typings-11d83a22.js";
-const defaultProps = {
-  ...ComponentDefaults,
-  title: "",
-  description: "",
-  tips: "",
-  tipsIcon: null,
-  iconSize: 11,
-  visible: false,
-  modelValue: "",
-  errorMsg: "",
-  noButton: true,
-  closeOnClickOverlay: true,
-  length: 6,
-  className: "",
-  autoFocus: false,
-  onChange: (value) => {
-  },
-  onOk: (value) => {
-  },
-  onCancel: () => {
-  },
-  onClose: () => {
-  },
-  onTips: () => {
-  },
-  onComplete: (value) => {
-  }
-};
-const ShortPassword = (props) => {
-  const { locale } = useConfig();
-  const { title, description, tips, tipsIcon, iconSize, visible, modelValue, errorMsg, noButton, closeOnClickOverlay, length, style, className, onChange, onOk, onTips, onCancel, onClose, onComplete, autoFocus, ...reset } = props;
-  const b = cn("shortpassword");
-  const textInput = useRef(null);
-  const range = (val) => {
-    return Math.min(Math.max(4, val), 6);
-  };
-  const [innerVisible, setInnerVisible] = useState(visible);
-  const [comLen, setComLen] = useState(range(Number(length)));
-  const [inputValue, setInputValue] = useState("");
-  useEffect(() => {
-    setInnerVisible(visible);
-  }, [visible]);
-  useEffect(() => {
-    if (typeof modelValue !== "undefined") {
-      setInputValue(modelValue);
-    }
-  }, [modelValue]);
-  const changeValue = (e) => {
-    let inputValue2 = e.target.value;
-    if (String(inputValue2).length > comLen) {
-      inputValue2 = inputValue2.slice(0, comLen);
-    }
-    setInputValue(inputValue2);
-    if (String(inputValue2).length === comLen) {
-      onComplete && onComplete(inputValue2);
-    }
-    onChange && onChange(inputValue2);
-  };
-  const systemStyle = () => {
-    const u = navigator.userAgent;
-    const isAndroid = u.indexOf("Android") > -1 || u.indexOf("Linux") > -1;
-    const isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
-    let style2 = {};
-    if (isIOS) {
-      style2 = {
-        paddingRight: "1200px"
-      };
-    }
-    if (isAndroid) {
-      style2 = {
-        opacity: 0,
-        zIndex: 10
-      };
-    }
-    return style2;
-  };
-  const focus = () => {
-    if (textInput.current) {
-      textInput.current.focus();
-    }
-  };
-  const sure = () => {
-    onOk && onOk(inputValue);
-  };
-  const renderIcon = (size = "11px") => {
-    return React.isValidElement(tipsIcon) ? React.cloneElement(tipsIcon, {
-      ...tipsIcon.props,
-      size
-    }) : React.createElement(Tips, { size });
-  };
-  return React.createElement(
-    "div",
-    null,
-    React.createElement(
-      Popup,
-      { style: {
-        padding: "32px 24px 28px 24px",
-        borderRadius: "12px",
-        textAlign: "center"
-      }, visible: innerVisible, closeable: true, "close-on-click-overlay": closeOnClickOverlay, onClickOverlay: onClose, onClickCloseIcon: onClose },
-      React.createElement(
-        "div",
-        { className: `${b()} ${className}`, style: { ...style }, ...reset },
-        React.createElement("div", { className: b("title") }, title || locale.shortpassword.title),
-        React.createElement("div", { className: b("subtitle") }, description || locale.shortpassword.description),
-        React.createElement(
-          "div",
-          { className: b("input") },
-          React.createElement("input", { ref: textInput, className: b("input-real"), type: "number", style: systemStyle(), maxLength: 6, value: inputValue, autoFocus, onChange: (e) => changeValue(e) }),
-          React.createElement("div", { className: b("input-site") }),
-          React.createElement("div", { className: b("input-fake"), onClick: () => focus() }, [...new Array(comLen).keys()].map((item, index) => {
-            return React.createElement("div", { className: b("input-fake__li"), key: index }, String(inputValue).length > index ? React.createElement("div", { className: b("input-fake__li__icon") }) : null);
-          }))
-        ),
-        React.createElement(
-          "div",
-          { className: b("message") },
-          React.createElement("div", { className: b("message__error") }, errorMsg),
-          tips || locale.shortpassword.tips ? React.createElement(
-            "div",
-            { className: b("message__forget") },
-            renderIcon(iconSize),
-            React.createElement("div", { className: b("message__forget-tips"), onClick: onTips }, tips || locale.shortpassword.tips)
-          ) : null
-        ),
-        !noButton ? React.createElement(
-          "div",
-          { className: b("footer") },
-          React.createElement("div", { className: b("footer__cancel"), onClick: onCancel }, locale.cancel),
-          React.createElement("div", { className: b("footer__sure"), onClick: () => sure() }, locale.confirm)
-        ) : null
-      )
-    )
-  );
-};
-ShortPassword.defaultProps = defaultProps;
-ShortPassword.displayName = "NutShortPassword";
-export {
-  ShortPassword as S
-};

package/dist/esm/toast.taro-92c10e1d.js

@@ -1,114 +0,0 @@
-import React, { useState, useEffect } from "react";
-import classNames from "classnames";
-import { Success, Failure, Tips, Loading } from "@nutui/icons-react-taro";
-import { c as cn } from "./bem-cdccae08.js";
-const defaultProps = {
-  id: "",
-  style: {},
-  icon: null,
-  iconSize: "20",
-  msg: "",
-  bottom: "30px",
-  duration: 2,
-  center: true,
-  type: "text",
-  title: "",
-  customClass: "",
-  size: "base",
-  textAlignCenter: true,
-  bgColor: "rgba(0, 0, 0, .8)",
-  cover: false,
-  coverColor: "rgba(0, 0, 0, 0)",
-  closeOnClickOverlay: false,
-  visible: false,
-  onClose: () => {
-  }
-  // 未实现
-};
-const Toast = (props) => {
-  const { children, id, style, icon, iconSize, msg, bottom, duration, center, type, title, customClass, size, textAlignCenter, bgColor, cover, coverColor, closeOnClickOverlay, visible, onClose, ...rest } = { ...defaultProps, ...props };
-  let timer;
-  const [openState, SetOpenState] = useState(false);
-  useEffect(() => {
-    if (visible) {
-      SetOpenState(true);
-      show();
-    } else {
-      hide();
-    }
-  }, [visible]);
-  const clearTimer = () => {
-    if (timer) {
-      clearTimeout(timer);
-      timer = null;
-    }
-  };
-  const hide = () => {
-    SetOpenState(false);
-    onClose();
-  };
-  const show = () => {
-    clearTimer();
-    if (duration) {
-      timer = window.setTimeout(() => {
-        hide();
-      }, duration * 1e3);
-    }
-  };
-  const clickCover = () => {
-    if (closeOnClickOverlay) {
-      hide();
-    }
-  };
-  const toastBem = cn("toast");
-  const hasIcon = () => {
-    if (type !== "text") {
-      return true;
-    }
-    return !!icon;
-  };
-  const iconName = () => {
-    if (icon) {
-      return icon;
-    }
-    return {
-      success: React.createElement(Success, { color: "#ffffff", width: iconSize, height: iconSize }),
-      fail: React.createElement(Failure, { color: "#ffffff", width: iconSize, height: iconSize }),
-      warn: React.createElement(Tips, { color: "#ffffff", width: iconSize, height: iconSize }),
-      loading: React.createElement(Loading, { color: "#ffffff", width: iconSize, height: iconSize })
-    }[type];
-  };
-  const classes = classNames({
-    "nut-toast-center": center,
-    "nut-toast-has-icon": icon,
-    "nut-toast-cover": cover,
-    "nut-toast-loading": type === "loading",
-    [`${customClass}`]: true,
-    [`nut-toast-${size}`]: true
-  });
-  return React.createElement(React.Fragment, null, openState ? React.createElement(
-    "div",
-    { className: `${toastBem()} ${classes}`, id, style: {
-      bottom: center ? "auto" : `${bottom}`,
-      backgroundColor: cover ? coverColor : "",
-      ...style
-    }, onClick: () => {
-      clickCover();
-    } },
-    React.createElement(
-      "div",
-      { className: toastBem("inner"), style: {
-        textAlign: textAlignCenter ? "center" : "left",
-        backgroundColor: bgColor
-      } },
-      hasIcon() ? React.createElement("p", { className: toastBem("icon-wrapper") }, iconName()) : null,
-      title ? React.createElement("div", { className: "nut-toast-title" }, title) : null,
-      React.createElement("span", { className: toastBem("text") }, msg)
-    )
-  ) : null);
-};
-Toast.defaultProps = defaultProps;
-Toast.displayName = "NutToast";
-export {
-  Toast as T
-};

package/dist/esm/trendarrow.taro-0cf43935.js

@@ -1,72 +0,0 @@
-import React, { useRef } from "react";
-import { TriangleUp, TriangleDown } from "@nutui/icons-react-taro";
-import { c as cn } from "./bem-cdccae08.js";
-const defaultProps = {
-  rate: 0,
-  digits: 2,
-  showSign: false,
-  showZero: false,
-  arrowLeft: false,
-  syncTextColor: true,
-  textColor: "#333",
-  riseColor: "#fa2c19",
-  dropColor: "#64b578",
-  upIcon: null,
-  downIcon: null,
-  className: ""
-};
-const TrendArrow = (props) => {
-  const { rate, digits, showSign, showZero, arrowLeft, syncTextColor, textColor, riseColor, dropColor, upIcon, downIcon, className, children, ...rest } = { ...defaultProps, ...props };
-  const b = cn("trendarrow");
-  const handleClick = () => {
-  };
-  const rateTrend = useRef(rate > 0);
-  const myFixed = (num, digit = 2) => {
-    if (Object.is(parseFloat(num), NaN)) {
-      return console.log(`传入的值：${num}不是一个数字`);
-    }
-    num = parseFloat(num);
-    const numPow = Math.pow(10, digit);
-    return (Math.round((num + Number.EPSILON) * numPow) / numPow).toFixed(digit);
-  };
-  const calcStyle = (() => {
-    const arrowColor = rateTrend.current ? riseColor : dropColor;
-    const textEquArrowColor = syncTextColor ? arrowColor : textColor;
-    const style = {
-      color: rate === 0 ? textColor : textEquArrowColor
-    };
-    return style;
-  })();
-  const calcRate = (() => {
-    rateTrend.current = rate > 0;
-    const absRate = Math.abs(rate);
-    if (!showZero && rate === 0) {
-      return "--";
-    }
-    const resultRate = `${// eslint-disable-next-line no-nested-ternary
-    showSign && rate !== 0 ? rateTrend.current ? "+" : "-" : ""}${myFixed(Number(absRate), digits)}%`;
-    return resultRate;
-  })();
-  const calcIconProps = (() => {
-    const iconProps = {
-      color: rateTrend.current ? riseColor : dropColor
-    };
-    return iconProps;
-  })();
-  const renderContent = (arrowLeft2) => {
-    const classNameSuffix = !arrowLeft2 ? "icon-after" : "icon-before";
-    return React.createElement("span", { className: `${b(classNameSuffix)} ${b("rate")}`, style: calcStyle }, calcRate);
-  };
-  return React.createElement(
-    "div",
-    { className: `${b()} ${className}`, ...rest, onClick: handleClick },
-    !arrowLeft && renderContent(!arrowLeft),
-    children || React.createElement(React.Fragment, null, Number(rate) !== 0 && React.createElement(React.Fragment, null, rateTrend ? React.createElement(TriangleUp, { color: calcIconProps.color }) : React.createElement(TriangleDown, { color: calcIconProps.color }))),
-    arrowLeft && renderContent(!arrowLeft)
-  );
-};
-TrendArrow.defaultProps = defaultProps;
-TrendArrow.displayName = "NutTrendArrow";
-export {
-  TrendArrow as T
-};

package/dist/esm/video-5d106e33.js

@@ -1,73 +0,0 @@
-import React, { useRef, useEffect } from "react";
-import classNames from "classnames";
-import { c as cn } from "./bem-cdccae08.js";
-const defaultProps = {
-  source: {
-    type: {},
-    src: ""
-  },
-  options: {
-    controls: true,
-    muted: false,
-    autoplay: false,
-    poster: "",
-    playsinline: false,
-    loop: false
-  }
-};
-const Video = (props) => {
-  const { children, source, options, className, play, pause, playend, onPlay, onPause, onPlayEnd, ...restProps } = {
-    ...defaultProps,
-    ...props
-  };
-  const rootRef = useRef(null);
-  const b = cn("video");
-  const classes = classNames(className, b(""));
-  useEffect(() => {
-    init();
-  }, []);
-  const init = () => {
-    if (rootRef.current) {
-      const videoRef = rootRef.current;
-      if (options.autoplay) {
-        setTimeout(() => {
-          videoRef.play();
-        }, 200);
-      }
-      if (options.playsinline) {
-        videoRef.setAttribute("playsinline", String(options.playsinline));
-        videoRef.setAttribute("webkit-playsinline", String(options.playsinline));
-        videoRef.setAttribute("x5-video-player-type", "h5-page");
-        videoRef.setAttribute("x5-video-player-fullscreen", "false");
-      }
-      videoRef.addEventListener("play", () => {
-        onPlay && onPlay(videoRef);
-        play && play(videoRef);
-      });
-      videoRef.addEventListener("pause", () => {
-        onPause && onPause(videoRef);
-        pause && pause(videoRef);
-      });
-      videoRef.addEventListener("ended", () => {
-        videoRef.currentTime = 0;
-        onPlayEnd && onPlayEnd(videoRef);
-        playend && playend(videoRef);
-      });
-    }
-  };
-  return React.createElement(
-    "div",
-    { className: classes, ...restProps },
-    React.createElement(
-      "video",
-      { className: "nut-video-player", muted: options.muted, autoPlay: options.autoplay, loop: options.loop, poster: options.poster, controls: options.controls, ref: rootRef, src: source.src },
-      React.createElement("source", { src: source.src, type: source.type }),
-      React.createElement("track", { kind: "captions" })
-    )
-  );
-};
-Video.defaultProps = defaultProps;
-Video.displayName = "NutVideo";
-export {
-  Video as V
-};

package/dist/types/packages/video/video.d.ts

@@ -1,24 +0,0 @@
-import React, { FunctionComponent } from 'react';
-export interface VideoProps {
-    source: {
-        type: string;
-        src: string;
-    };
-    options: {
-        controls?: boolean;
-        muted?: boolean;
-        autoplay?: boolean;
-        poster?: string;
-        playsinline?: boolean;
-        loop?: boolean;
-    };
-    className: string;
-    style: React.CSSProperties;
-    play: (e: HTMLVideoElement) => void;
-    pause: (e: HTMLVideoElement) => void;
-    playend: (e: HTMLVideoElement) => void;
-    onPlay: (e: HTMLVideoElement) => void;
-    onPause: (e: HTMLVideoElement) => void;
-    onPlayEnd: (e: HTMLVideoElement) => void;
-}
-export declare const Video: FunctionComponent<Partial<VideoProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onPause' | 'onPlay'>>;