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

package/dist/esm/UserContext.js

@@ -1,5 +1,5 @@
 import { createContext } from "react";
-var DataContext = createContext({});
+const DataContext = createContext({});
 export {
   DataContext as D
 };

package/dist/esm/Video.js

@@ -1,57 +1,31 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "source", "options", "className", "onPlay", "onPause", "onPlayEnd"];
-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, { useRef, useEffect } from "react";
 import classNames from "classnames";
 import { C as ComponentDefaults } from "./typings.js";
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  source: {
-    type: {},
-    src: ""
-  },
-  options: {
-    controls: true,
-    muted: false,
-    autoplay: false,
-    poster: "",
-    playsinline: false,
-    loop: false
-  }
-});
-var classPrefix = "nut-video";
-var Video = function Video2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, source = _defaultProps$props.source, options = _defaultProps$props.options, className = _defaultProps$props.className, onPlay = _defaultProps$props.onPlay, onPause = _defaultProps$props.onPause, onPlayEnd = _defaultProps$props.onPlayEnd, restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var rootRef = useRef(null);
-  var classes = classNames(classPrefix, className);
-  useEffect(function() {
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { source: {
+  type: {},
+  src: ""
+}, options: {
+  controls: true,
+  muted: false,
+  autoplay: false,
+  poster: "",
+  playsinline: false,
+  loop: false
+} });
+const classPrefix = `nut-video`;
+const Video = (props) => {
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { children, source, options, className, onPlay, onPause, onPlayEnd } = _a, restProps = __rest(_a, ["children", "source", "options", "className", "onPlay", "onPause", "onPlayEnd"]);
+  const rootRef = useRef(null);
+  const classes = classNames(classPrefix, className);
+  useEffect(() => {
     init();
   }, []);
-  var init = function init2() {
+  const init = () => {
     if (rootRef.current) {
-      var videoRef = rootRef.current;
+      const videoRef = rootRef.current;
       if (options.autoplay) {
-        setTimeout(function() {
+        setTimeout(() => {
           videoRef.play();
         }, 200);
       }
@@ -61,35 +35,28 @@ var Video = function Video2(props) {
         videoRef.setAttribute("x5-video-player-type", "h5-page");
         videoRef.setAttribute("x5-video-player-fullscreen", "false");
       }
-      videoRef.addEventListener("play", function() {
+      videoRef.addEventListener("play", () => {
         onPlay && onPlay(videoRef);
       });
-      videoRef.addEventListener("pause", function() {
+      videoRef.addEventListener("pause", () => {
         onPause && onPause(videoRef);
       });
-      videoRef.addEventListener("ended", function() {
+      videoRef.addEventListener("ended", () => {
         videoRef.currentTime = 0;
         onPlayEnd && onPlayEnd(videoRef);
       });
     }
   };
-  return React__default.createElement("div", _objectSpread({
-    className: classes
-  }, restProps), React__default.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__default.createElement("source", {
-    src: source.src,
-    type: source.type
-  }), React__default.createElement("track", {
-    kind: "captions"
-  })));
+  return React__default.createElement(
+    "div",
+    Object.assign({ className: classes }, restProps),
+    React__default.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__default.createElement("source", { src: source.src, type: source.type }),
+      React__default.createElement("track", { kind: "captions" })
+    )
+  );
 };
 Video.defaultProps = defaultProps;
 Video.displayName = "NutVideo";

package/dist/esm/VirtualList.js

@@ -1,35 +1,10 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["list", "itemRender", "itemEqual", "itemHeight", "direction", "overscan", "key", "onScroll", "className", "containerHeight"];
-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, { useRef, useState, useEffect, useCallback } from "react";
 import classNames from "classnames";
 import { C as ComponentDefaults } from "./typings.js";
-var initPositinoCache = function initPositinoCache2(reaItemSize) {
-  var length = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;
-  var index = 0;
-  var positions = Array(length);
+const initPositinoCache = (reaItemSize, length = 0) => {
+  let index = 0;
+  const positions = Array(length);
   while (index < length) {
     positions[index] = {
       index,
@@ -44,9 +19,9 @@ var initPositinoCache = function initPositinoCache2(reaItemSize) {
   }
   return positions;
 };
-var getListTotalSize = function getListTotalSize2(positions, horizontal) {
-  var index = positions.length - 1;
-  var size = 0;
+const getListTotalSize = (positions, horizontal) => {
+  const index = positions.length - 1;
+  let size = 0;
   if (index < 0) {
     size = 0;
   } else {
@@ -54,15 +29,14 @@ var getListTotalSize = function getListTotalSize2(positions, horizontal) {
   }
   return size;
 };
-var binarySearch = function binarySearch2(positionsList, horizontal) {
-  var value = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 0;
-  var start = 0;
-  var end = positionsList.length - 1;
-  var tempIndex = null;
-  var key = horizontal ? "right" : "bottom";
+const binarySearch = (positionsList, horizontal, value = 0) => {
+  let start = 0;
+  let end = positionsList.length - 1;
+  let tempIndex = null;
+  const key = horizontal ? "right" : "bottom";
   while (start <= end) {
-    var midIndex = Math.floor((start + end) / 2);
-    var midValue = positionsList[midIndex][key];
+    const midIndex = Math.floor((start + end) / 2);
+    const midValue = positionsList[midIndex][key];
     if (midValue === value) {
       return midIndex + 1;
     }
@@ -78,20 +52,19 @@ var binarySearch = function binarySearch2(positionsList, horizontal) {
   tempIndex = tempIndex || 0;
   return tempIndex;
 };
-var getEndIndex = function getEndIndex2(_ref) {
-  var list = _ref.list, startIndex = _ref.startIndex, visibleCount = _ref.visibleCount, _ref$itemEqual = _ref.itemEqual, itemEqual = _ref$itemEqual === void 0 ? true : _ref$itemEqual, positions = _ref.positions, offSetSize = _ref.offSetSize, overscan = _ref.overscan, _ref$sizeKey = _ref.sizeKey, sizeKey = _ref$sizeKey === void 0 ? "width" : _ref$sizeKey;
-  var dataLength = list.length;
-  var tempIndex = null;
+const getEndIndex = ({ list, startIndex, visibleCount, itemEqual = true, positions, offSetSize, overscan, sizeKey = "width" }) => {
+  const dataLength = list.length;
+  let tempIndex = null;
   if (itemEqual) {
-    var endIndex = startIndex + visibleCount;
+    const endIndex = startIndex + visibleCount;
     tempIndex = dataLength > 0 ? Math.min(dataLength, endIndex) : endIndex;
   } else {
-    var sizeNum = 0;
-    for (var i = startIndex; i < dataLength; i++) {
+    let sizeNum = 0;
+    for (let i = startIndex; i < dataLength; i++) {
       sizeNum += positions[i][sizeKey] || 0;
       if (sizeNum > offSetSize) {
-        var _endIndex = i + overscan;
-        tempIndex = dataLength > 0 ? Math.min(dataLength, _endIndex) : _endIndex;
+        const endIndex = i + overscan;
+        tempIndex = dataLength > 0 ? Math.min(dataLength, endIndex) : endIndex;
         break;
       }
     }
@@ -102,117 +75,111 @@ var getEndIndex = function getEndIndex2(_ref) {
   tempIndex = tempIndex || 0;
   return tempIndex;
 };
-var updateItemSize = function updateItemSize2(positions, items, sizeKey, margin) {
-  var newPos = positions.concat();
-  Array.from(items).forEach(function(item) {
-    var index = Number(item.getAttribute("data-index"));
-    var styleVal = item.getAttribute("style");
+const updateItemSize = (positions, items, sizeKey, margin) => {
+  const newPos = positions.concat();
+  Array.from(items).forEach((item) => {
+    const index = Number(item.getAttribute("data-index"));
+    const styleVal = item.getAttribute("style");
     if (styleVal && styleVal.includes("none"))
       return;
-    var nowSize = item.getBoundingClientRect()[sizeKey];
+    let nowSize = item.getBoundingClientRect()[sizeKey];
     if (margin)
       nowSize += margin;
-    var oldSize = positions[index][sizeKey];
-    var dValue = oldSize - nowSize;
+    const oldSize = positions[index][sizeKey];
+    const dValue = oldSize - nowSize;
     if (dValue) {
       if (sizeKey === "width") {
         newPos[index].right -= dValue;
         newPos[index][sizeKey] = nowSize;
-        for (var k = index + 1; k < positions.length; k++) {
+        for (let k = index + 1; k < positions.length; k++) {
           newPos[k].left = positions[k - 1].right;
           newPos[k].right -= dValue;
         }
       } else if (sizeKey === "height") {
         newPos[index].bottom -= dValue;
         newPos[index][sizeKey] = nowSize;
-        for (var _k = index + 1; _k < positions.length; _k++) {
-          newPos[_k].top = positions[_k - 1].bottom;
-          newPos[_k].bottom -= dValue;
+        for (let k = index + 1; k < positions.length; k++) {
+          newPos[k].top = positions[k - 1].bottom;
+          newPos[k].bottom -= dValue;
         }
       }
     }
   });
 };
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  list: [],
-  itemHeight: 66,
-  itemEqual: true,
-  direction: "vertical",
-  overscan: 2
-});
-var VirtualList = function VirtualList2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), list = _defaultProps$props.list, itemRender = _defaultProps$props.itemRender, itemEqual = _defaultProps$props.itemEqual, itemHeight = _defaultProps$props.itemHeight, direction = _defaultProps$props.direction, overscan = _defaultProps$props.overscan, key = _defaultProps$props.key, onScroll = _defaultProps$props.onScroll, className = _defaultProps$props.className, containerHeight = _defaultProps$props.containerHeight, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var horizontal = direction === "horizontal";
-  var sizeKey = horizontal ? "width" : "height";
-  var scrollKey = horizontal ? "scrollLeft" : "scrollTop";
-  var offsetKey = horizontal ? "left" : "top";
-  var scrollRef = useRef(null);
-  var itemsRef = useRef(null);
-  var _useState = useState([{
-    index: 0,
-    left: 0,
-    top: 0,
-    bottom: 0,
-    width: 0,
-    height: 0,
-    right: 0
-  }]), _useState2 = _slicedToArray(_useState, 2), positions = _useState2[0], setPositions = _useState2[1];
-  var _useState3 = useState(99999999), _useState4 = _slicedToArray(_useState3, 2), listTotalSize = _useState4[0], setListTotalSize = _useState4[1];
-  var _useState5 = useState(0), _useState6 = _slicedToArray(_useState5, 2), visibleCount = _useState6[0], setVisibleCount = _useState6[1];
-  var _useState7 = useState(containerHeight || 0), _useState8 = _slicedToArray(_useState7, 2), offSetSize = _useState8[0], setOffSetSize = _useState8[1];
-  var _useState9 = useState({
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { list: [], itemHeight: 66, itemEqual: true, direction: "vertical", overscan: 2 });
+const VirtualList = (props) => {
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { list, itemRender, itemEqual, itemHeight, direction, overscan, key, onScroll, className, containerHeight } = _a, rest = __rest(_a, ["list", "itemRender", "itemEqual", "itemHeight", "direction", "overscan", "key", "onScroll", "className", "containerHeight"]);
+  const horizontal = direction === "horizontal";
+  const sizeKey = horizontal ? "width" : "height";
+  const scrollKey = horizontal ? "scrollLeft" : "scrollTop";
+  const offsetKey = horizontal ? "left" : "top";
+  const scrollRef = useRef(null);
+  const itemsRef = useRef(null);
+  const [positions, setPositions] = useState([
+    {
+      index: 0,
+      left: 0,
+      top: 0,
+      bottom: 0,
+      width: 0,
+      height: 0,
+      right: 0
+    }
+  ]);
+  const [listTotalSize, setListTotalSize] = useState(99999999);
+  const [visibleCount, setVisibleCount] = useState(0);
+  const [offSetSize, setOffSetSize] = useState(containerHeight || 0);
+  const [options, setOptions] = useState({
     startOffset: 0,
     startIndex: 0,
     overStart: 0,
     endIndex: 10
     // 可视区域结束索引
-  }), _useState10 = _slicedToArray(_useState9, 2), options = _useState10[0], setOptions = _useState10[1];
-  useEffect(function() {
-    var pos = initPositinoCache(itemHeight, list.length);
+  });
+  useEffect(() => {
+    const pos = initPositinoCache(itemHeight, list.length);
     setPositions(pos);
-    var totalSize = getListTotalSize(pos, horizontal);
+    const totalSize = getListTotalSize(pos, horizontal);
     setListTotalSize(totalSize);
   }, [list, itemHeight, horizontal]);
-  var getElement = useCallback(function() {
-    var _scrollRef$current;
-    return ((_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 ? void 0 : _scrollRef$current.parentElement) || document.body;
+  const getElement = useCallback(() => {
+    var _a2;
+    return ((_a2 = scrollRef.current) === null || _a2 === void 0 ? void 0 : _a2.parentElement) || document.body;
   }, []);
-  useEffect(function() {
+  useEffect(() => {
     if (containerHeight)
       return;
-    var size = horizontal ? getElement().offsetWidth : getElement().offsetHeight;
+    const size = horizontal ? getElement().offsetWidth : getElement().offsetHeight;
     setOffSetSize(size);
   }, [getElement, horizontal, containerHeight]);
-  useEffect(function() {
+  useEffect(() => {
     if (offSetSize === 0)
       return;
-    var count = Math.ceil(offSetSize / itemHeight) + overscan;
+    const count = Math.ceil(offSetSize / itemHeight) + overscan;
     setVisibleCount(count);
-    setOptions(function(options2) {
-      return _objectSpread(_objectSpread({}, options2), {}, {
-        endIndex: count
-      });
+    setOptions((options2) => {
+      return Object.assign(Object.assign({}, options2), { endIndex: count });
     });
   }, [getElement, horizontal, itemHeight, overscan, offSetSize]);
-  var updateTotalSize = useCallback(function() {
+  const updateTotalSize = useCallback(() => {
     if (!itemsRef.current)
       return;
-    var items = itemsRef.current.children;
+    const items = itemsRef.current.children;
     if (!items.length)
       return;
     updateItemSize(positions, items, sizeKey);
-    var totalSize = getListTotalSize(positions, horizontal);
+    const totalSize = getListTotalSize(positions, horizontal);
     setListTotalSize(totalSize);
   }, [positions, sizeKey, horizontal]);
-  var scroll = useCallback(function() {
-    requestAnimationFrame(function(e) {
-      var scrollSize = getElement()[scrollKey];
-      var startIndex = binarySearch(positions, horizontal, scrollSize);
-      var overStart = startIndex - overscan > -1 ? startIndex - overscan : 0;
+  const scroll = useCallback(() => {
+    requestAnimationFrame((e) => {
+      const scrollSize = getElement()[scrollKey];
+      const startIndex = binarySearch(positions, horizontal, scrollSize);
+      const overStart = startIndex - overscan > -1 ? startIndex - overscan : 0;
       if (!itemEqual) {
         updateTotalSize();
       }
-      var endIndex = getEndIndex({
+      const endIndex = getEndIndex({
         list,
         startIndex,
         visibleCount,
@@ -222,63 +189,63 @@ var VirtualList = function VirtualList2(props) {
         sizeKey,
         overscan
       });
-      var startOffset = positions[startIndex][offsetKey];
-      setOptions({
-        startOffset,
-        startIndex,
-        overStart,
-        endIndex
-      });
+      const startOffset = positions[startIndex][offsetKey];
+      setOptions({ startOffset, startIndex, overStart, endIndex });
       if (endIndex > list.length - 1) {
         if (onScroll) {
           onScroll();
         }
       }
     });
-  }, [positions, getElement, list, visibleCount, itemEqual, updateTotalSize, offsetKey, sizeKey, scrollKey, horizontal, overscan, offSetSize]);
-  useEffect(function() {
-    var element = getElement();
+  }, [
+    positions,
+    getElement,
+    list,
+    visibleCount,
+    itemEqual,
+    updateTotalSize,
+    offsetKey,
+    sizeKey,
+    scrollKey,
+    horizontal,
+    overscan,
+    offSetSize
+  ]);
+  useEffect(() => {
+    const element = getElement();
     element.addEventListener("scroll", scroll, false);
-    return function() {
+    return () => {
       element.removeEventListener("scroll", scroll, false);
     };
   }, [getElement, scroll]);
-  return React__default.createElement("div", _objectSpread(_objectSpread({
-    className: classNames("nut-virtualList-box", className)
-  }, rest), {}, {
-    style: _defineProperty({}, sizeKey, containerHeight ? "".concat(offSetSize, "px") : "")
-  }), React__default.createElement("div", {
-    ref: scrollRef,
-    className: classNames({
-      "nut-horizontal-box": horizontal,
-      "nut-vertical-box": !horizontal
-    }),
-    style: _defineProperty({
-      position: "relative"
-    }, sizeKey, "".concat(listTotalSize, "px"))
-  }, React__default.createElement("ul", {
-    className: classNames("nut-virtuallist-items", {
-      "nut-horizontal-items": horizontal,
-      "nut-vertical-items": !horizontal
-    }),
-    ref: itemsRef,
-    style: {
-      transform: horizontal ? "translate3d(".concat(options.startOffset, "px,0,0)") : "translate3d(0,".concat(options.startOffset, "px,0)")
-    }
-  }, list.slice(options.overStart, options.endIndex).map(function(data, index) {
-    var startIndex = options.startIndex, overStart = options.overStart;
-    var dataIndex = overStart + index;
-    var styleVal = dataIndex < startIndex ? "none" : "block";
-    var keyVal = key && data[key] ? data[key] : dataIndex;
-    return React__default.createElement("li", {
-      "data-index": "".concat(dataIndex),
-      className: dataIndex % 2 === 0 ? "nut-virtuallist-item even" : "nut-virtuallist-item odd",
-      key: "".concat(keyVal),
-      style: {
-        display: styleVal
-      }
-    }, itemRender ? itemRender(data, dataIndex, index) : data);
-  }))));
+  return React__default.createElement(
+    "div",
+    Object.assign({ className: classNames("nut-virtualList-box", className) }, rest, { style: {
+      [sizeKey]: containerHeight ? `${offSetSize}px` : ""
+    } }),
+    React__default.createElement(
+      "div",
+      { ref: scrollRef, className: classNames({
+        "nut-horizontal-box": horizontal,
+        "nut-vertical-box": !horizontal
+      }), style: {
+        position: "relative",
+        [sizeKey]: `${listTotalSize}px`
+      } },
+      React__default.createElement("ul", { className: classNames("nut-virtuallist-items", {
+        "nut-horizontal-items": horizontal,
+        "nut-vertical-items": !horizontal
+      }), ref: itemsRef, style: {
+        transform: horizontal ? `translate3d(${options.startOffset}px,0,0)` : `translate3d(0,${options.startOffset}px,0)`
+      } }, list.slice(options.overStart, options.endIndex).map((data, index) => {
+        const { startIndex, overStart } = options;
+        const dataIndex = overStart + index;
+        const styleVal = dataIndex < startIndex ? "none" : "block";
+        const keyVal = key && data[key] ? data[key] : dataIndex;
+        return React__default.createElement("li", { "data-index": `${dataIndex}`, className: dataIndex % 2 === 0 ? "nut-virtuallist-item even" : "nut-virtuallist-item odd", key: `${keyVal}`, style: { display: styleVal } }, itemRender ? itemRender(data, dataIndex, index) : data);
+      }))
+    )
+  );
 };
 VirtualList.defaultProps = defaultProps;
 VirtualList.displayName = "NutVirtualList";

package/dist/esm/WaterMark.js

@@ -1,76 +1,39 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-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, { useState, useEffect } from "react";
 import classNames from "classnames";
 import { useConfig } from "./ConfigProvider.js";
 import { C as ComponentDefaults } from "./typings.js";
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  content: "",
-  fullPage: true,
-  zIndex: 2e3,
-  gapX: 24,
-  gapY: 48,
-  width: 120,
-  height: 64,
-  image: "",
-  imageWidth: 120,
-  imageHeight: 64,
-  rotate: -22,
-  color: "rgba(0,0,0,.15)",
-  fontStyle: "normal",
-  fontWeight: "normal",
-  fontSize: 14
-});
-var WaterMark = function WaterMark2(props) {
-  var _useConfig = useConfig(), locale = _useConfig.locale;
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), content = _defaultProps$props.content, fullPage = _defaultProps$props.fullPage, zIndex = _defaultProps$props.zIndex, className = _defaultProps$props.className, gapX = _defaultProps$props.gapX, gapY = _defaultProps$props.gapY, width = _defaultProps$props.width, height = _defaultProps$props.height, image = _defaultProps$props.image, imageWidth = _defaultProps$props.imageWidth, imageHeight = _defaultProps$props.imageHeight, rotate = _defaultProps$props.rotate, color = _defaultProps$props.color, fontStyle = _defaultProps$props.fontStyle, fontFamily = _defaultProps$props.fontFamily, fontWeight = _defaultProps$props.fontWeight, fontSize = _defaultProps$props.fontSize, style = _defaultProps$props.style;
-  var _useState = useState(""), _useState2 = _slicedToArray(_useState, 2), base64Url = _useState2[0], setBase64Url = _useState2[1];
-  var classPrefix = "nut-watermark";
-  var classes = classNames(classPrefix, _defineProperty({}, "".concat(classPrefix, "-full-page"), fullPage));
-  var cls = classNames(classes, className);
-  useEffect(function() {
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { content: "", fullPage: true, zIndex: 2e3, gapX: 24, gapY: 48, width: 120, height: 64, image: "", imageWidth: 120, imageHeight: 64, rotate: -22, color: "rgba(0,0,0,.15)", fontStyle: "normal", fontWeight: "normal", fontSize: 14 });
+const WaterMark = (props) => {
+  const { locale } = useConfig();
+  const { content, fullPage, zIndex, className, gapX, gapY, width, height, image, imageWidth, imageHeight, rotate, color, fontStyle, fontFamily, fontWeight, fontSize, style } = Object.assign(Object.assign({}, defaultProps), props);
+  const [base64Url, setBase64Url] = useState("");
+  const classPrefix = "nut-watermark";
+  const classes = classNames(classPrefix, {
+    [`${classPrefix}-full-page`]: fullPage
+  });
+  const cls = classNames(classes, className);
+  useEffect(() => {
     init();
   }, []);
-  var init = function init2() {
-    var canvas = document.createElement("canvas");
-    var ratio = window.devicePixelRatio;
-    var ctx = canvas.getContext("2d");
-    var canvasWidth = "".concat((gapX + width) * ratio, "px");
-    var canvasHeight = "".concat((gapY + height) * ratio, "px");
-    var markWidth = width * ratio;
-    var markHeight = height * ratio;
+  const init = () => {
+    const canvas = document.createElement("canvas");
+    const ratio = window.devicePixelRatio;
+    const ctx = canvas.getContext("2d");
+    const canvasWidth = `${(gapX + width) * ratio}px`;
+    const canvasHeight = `${(gapY + height) * ratio}px`;
+    const markWidth = width * ratio;
+    const markHeight = height * ratio;
     canvas.setAttribute("width", canvasWidth);
     canvas.setAttribute("height", canvasHeight);
     if (ctx) {
       if (image) {
         ctx.translate(markWidth / 2, markHeight / 2);
         ctx.rotate(Math.PI / 180 * Number(rotate));
-        var img = new Image();
+        const img = new Image();
         img.crossOrigin = "anonymous";
         img.referrerPolicy = "no-referrer";
         img.src = image;
-        img.onload = function() {
+        img.onload = () => {
           ctx.drawImage(img, -imageWidth * ratio / 2, -imageHeight * ratio / 2, imageWidth * ratio, imageHeight * ratio);
           ctx.restore();
           setBase64Url(canvas.toDataURL());
@@ -80,8 +43,8 @@ var WaterMark = function WaterMark2(props) {
         ctx.textAlign = "center";
         ctx.translate(markWidth / 2, markHeight / 2);
         ctx.rotate(Math.PI / 180 * Number(rotate));
-        var markSize = Number(fontSize) * ratio;
-        ctx.font = "".concat(fontStyle, " normal ").concat(fontWeight, " ").concat(markSize, "px/").concat(markHeight, "px ").concat(fontFamily);
+        const markSize = Number(fontSize) * ratio;
+        ctx.font = `${fontStyle} normal ${fontWeight} ${markSize}px/${markHeight}px ${fontFamily}`;
         ctx.fillStyle = color;
         ctx.fillText(content, 0, 0);
         ctx.restore();
@@ -91,14 +54,7 @@ var WaterMark = function WaterMark2(props) {
       throw new Error(locale.watermark.errorCanvasTips);
     }
   };
-  return React__default.createElement("div", {
-    className: cls,
-    style: _objectSpread({
-      zIndex,
-      backgroundSize: "".concat(gapX + width, "px"),
-      backgroundImage: "url('".concat(base64Url, "')")
-    }, style)
-  });
+  return React__default.createElement("div", { className: cls, style: Object.assign({ zIndex, backgroundSize: `${gapX + width}px`, backgroundImage: `url('${base64Url}')` }, style) });
 };
 WaterMark.defaultProps = defaultProps;
 WaterMark.displayName = "NutWaterMark";