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

package/dist/esm/TrendArrow.js

@@ -1,6 +1,6 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["rate", "digits", "showSign", "showZero", "arrowLeft", "syncTextColor", "textColor", "riseColor", "dropColor", "upIcon", "downIcon", "className", "children"];
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["value", "digits", "symbol", "zero", "arrowLeft", "syncColor", "color", "riseColor", "dropColor", "riseIcon", "downIcon", "className", "style", "children"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -24,32 +24,28 @@ function _objectSpread(target) {
 }
 import React__default, { useRef } from "react";
 import { TriangleUp, TriangleDown } from "@nutui/icons-react";
-import { c as cn } from "./bem.js";
-import "@bem-react/classname";
-var defaultProps = {
-  rate: 0,
+import { C as ComponentDefaults } from "./typings.js";
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  value: 0,
   digits: 2,
-  showSign: false,
-  showZero: false,
+  symbol: false,
+  zero: false,
   arrowLeft: false,
-  syncTextColor: true,
-  textColor: "#333",
+  syncColor: true,
+  color: "#333",
   riseColor: "#fa2c19",
   dropColor: "#64b578",
-  upIcon: null,
-  downIcon: null,
-  className: ""
-};
+  riseIcon: null,
+  downIcon: null
+});
 var TrendArrow = function TrendArrow2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), rate = _defaultProps$props.rate, digits = _defaultProps$props.digits, showSign = _defaultProps$props.showSign, showZero = _defaultProps$props.showZero, arrowLeft = _defaultProps$props.arrowLeft, syncTextColor = _defaultProps$props.syncTextColor, textColor = _defaultProps$props.textColor, riseColor = _defaultProps$props.riseColor, dropColor = _defaultProps$props.dropColor, upIcon = _defaultProps$props.upIcon, downIcon = _defaultProps$props.downIcon, className = _defaultProps$props.className, children = _defaultProps$props.children, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var b = cn("trendarrow");
-  var handleClick = function handleClick2() {
-  };
-  var rateTrend = useRef(rate > 0);
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), value = _defaultProps$props.value, digits = _defaultProps$props.digits, symbol = _defaultProps$props.symbol, zero = _defaultProps$props.zero, arrowLeft = _defaultProps$props.arrowLeft, syncColor = _defaultProps$props.syncColor, color = _defaultProps$props.color, riseColor = _defaultProps$props.riseColor, dropColor = _defaultProps$props.dropColor, riseIcon = _defaultProps$props.riseIcon, downIcon = _defaultProps$props.downIcon, className = _defaultProps$props.className, style = _defaultProps$props.style, children = _defaultProps$props.children, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var classPrefix = "nut-trendarrow";
+  var rateTrend = useRef(value > 0);
   var myFixed = function myFixed2(num) {
     var digit = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 2;
     if (Object.is(parseFloat(num), NaN)) {
-      return console.log("传入的值：".concat(num, "不是一个数字"));
+      return console.warn("传入的值：".concat(num, "不是一个数字"));
     }
     num = parseFloat(num);
     var numPow = Math.pow(10, digit);
@@ -57,21 +53,21 @@ var TrendArrow = function TrendArrow2(props) {
   };
   var calcStyle = function() {
     var arrowColor = rateTrend.current ? riseColor : dropColor;
-    var textEquArrowColor = syncTextColor ? arrowColor : textColor;
-    var style = {
-      color: rate === 0 ? textColor : textEquArrowColor
+    var textEquArrowColor = syncColor ? arrowColor : color;
+    var style2 = {
+      color: value === 0 ? color : textEquArrowColor
     };
-    return style;
+    return style2;
   }();
   var calcRate = function() {
-    rateTrend.current = rate > 0;
-    var absRate = Math.abs(rate);
-    if (!showZero && rate === 0) {
+    rateTrend.current = value > 0;
+    var absRate = Math.abs(value);
+    if (!zero && value === 0) {
       return "--";
     }
     var resultRate = "".concat(
       // eslint-disable-next-line no-nested-ternary
-      showSign && rate !== 0 ? rateTrend.current ? "+" : "-" : ""
+      symbol && value !== 0 ? rateTrend.current ? "+" : "-" : ""
     ).concat(myFixed(Number(absRate), digits), "%");
     return resultRate;
   }();
@@ -84,17 +80,16 @@ var TrendArrow = function TrendArrow2(props) {
   var renderContent = function renderContent2(arrowLeft2) {
     var classNameSuffix = !arrowLeft2 ? "icon-after" : "icon-before";
     return React__default.createElement("span", {
-      className: "".concat(b(classNameSuffix), " ").concat(b("rate")),
+      className: "".concat(classPrefix, "__").concat(classNameSuffix, " ").concat(classPrefix, "__value"),
       style: calcStyle
     }, calcRate);
   };
-  return React__default.createElement("div", _objectSpread(_objectSpread({
-    className: "".concat(b(), " ").concat(className)
-  }, rest), {}, {
-    onClick: handleClick
-  }), !arrowLeft && renderContent(!arrowLeft), children || React__default.createElement(React__default.Fragment, null, Number(rate) !== 0 && React__default.createElement(React__default.Fragment, null, rateTrend ? React__default.createElement(TriangleUp, {
+  return React__default.createElement("div", _objectSpread({
+    className: "".concat(classPrefix, " ").concat(className),
+    style
+  }, rest), !arrowLeft && renderContent(!arrowLeft), Number(value) !== 0 && React__default.createElement(React__default.Fragment, null, rateTrend.current ? React__default.createElement(React__default.Fragment, null, riseIcon || React__default.createElement(TriangleUp, {
     color: calcIconProps.color
-  }) : React__default.createElement(TriangleDown, {
+  })) : React__default.createElement(React__default.Fragment, null, downIcon || React__default.createElement(TriangleDown, {
     color: calcIconProps.color
   }))), arrowLeft && renderContent(!arrowLeft));
 };

package/dist/esm/Video.js

@@ -1,6 +1,6 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "source", "options", "className", "play", "pause", "playend", "onPlay", "onPause", "onPlayEnd"];
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["children", "source", "options", "className", "onPlay", "onPause", "onPlayEnd"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -24,9 +24,8 @@ function _objectSpread(target) {
 }
 import React__default, { useRef, useEffect } from "react";
 import classNames from "classnames";
-import { c as cn } from "./bem.js";
-import "@bem-react/classname";
-var defaultProps = {
+import { C as ComponentDefaults } from "./typings.js";
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   source: {
     type: {},
     src: ""
@@ -39,12 +38,12 @@ var defaultProps = {
     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, play = _defaultProps$props.play, pause = _defaultProps$props.pause, playend = _defaultProps$props.playend, onPlay = _defaultProps$props.onPlay, onPause = _defaultProps$props.onPause, onPlayEnd = _defaultProps$props.onPlayEnd, restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
+  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 b = cn("video");
-  var classes = classNames(className, b(""));
+  var classes = classNames(className, classPrefix);
   useEffect(function() {
     init();
   }, []);
@@ -64,16 +63,13 @@ var Video = function Video2(props) {
       }
       videoRef.addEventListener("play", function() {
         onPlay && onPlay(videoRef);
-        play && play(videoRef);
       });
       videoRef.addEventListener("pause", function() {
         onPause && onPause(videoRef);
-        pause && pause(videoRef);
       });
       videoRef.addEventListener("ended", function() {
         videoRef.currentTime = 0;
         onPlayEnd && onPlayEnd(videoRef);
-        playend && playend(videoRef);
       });
     }
   };

package/dist/esm/VirtualList/style/style.css

@@ -1 +1 @@
-.nut-theme-dark .nut-virtualList-demo-box li{background-color:#141414;color:#e6e6e6}.nut-theme-dark .nut-virtualList-demo-box .nut-vertical-items li{box-shadow:0 1px 6px #141414}.nut-horizontal-items{float:left}.nut-horizontal-items li{display:block;float:left;background:var(--nutui-gray-6, #ffffff);padding:10px;margin-right:20px}.nut-horizontal-items:after{content:"";display:block;visibility:hidden;clear:both}.nut-vertical-items li{display:block;background:var(--nutui-gray-6, #ffffff);border-radius:7px;box-shadow:0 1px 6px #edeef1;margin-top:20px;padding:14px 15px;font-size:13px;line-height:18px;font-family:PingFangSC;font-weight:500;color:var(--nutui-gray-1, #1a1a1a)}.nut-virtualList-demo-item{height:100px}.nut-virtualList-box{overflow:auto}.nut-virtualList-demo-box .heigh1{height:500px}.nut-virtualList-demo-box.hideScrollbar .nut-virtualList-box::-webkit-scrollbar{width:0px;height:0px}.nut-virtuallist{width:100%;overflow:scroll;position:relative;-webkit-overflow-scrolling:touch}.nut-virtuallist-phantom{position:absolute;left:0;top:0;right:0;z-index:-1}.nut-virtuallist-container{left:0;right:0;top:0;position:absolute}.nut-virtuallist-item{overflow:hidden;margin:var(--nutui-list-item-margin, 0 0 10px 0)}
+.nut-horizontal-items{float:left}.nut-horizontal-items li{display:block;float:left;background:var(--nutui-gray-6, #ffffff);padding:10px;margin-right:20px}.nut-horizontal-items:after{content:"";display:block;visibility:hidden;clear:both}.nut-vertical-items li{display:block;background:var(--nutui-gray-6, #ffffff);border-radius:7px;box-shadow:0 1px 6px #edeef1;margin-top:20px;padding:14px 15px;font-size:13px;line-height:18px;font-family:PingFangSC;font-weight:500;color:var(--nutui-gray-1, #1a1a1a)}.nut-virtualList-demo-item{height:100px}.nut-virtualList-box{overflow:auto}.nut-virtualList-demo-box .heigh1{height:500px}.nut-virtualList-demo-box.hideScrollbar .nut-virtualList-box::-webkit-scrollbar{width:0px;height:0px}.nut-virtuallist{width:100%;overflow:scroll;position:relative;-webkit-overflow-scrolling:touch}.nut-virtuallist-phantom{position:absolute;left:0;top:0;right:0;z-index:-1}.nut-virtuallist-container{left:0;right:0;top:0;position:absolute}.nut-virtuallist-item{overflow:hidden;margin:var(--nutui-list-item-margin, 0 0 10px 0)}

package/dist/esm/VirtualList.js

@@ -1,7 +1,7 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["sourceData", "ItemRender", "itemEqualSize", "itemSize", "horizontal", "overscan", "key", "handleScroll", "onScroll", "className", "containerSize"];
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["list", "ItemRender", "itemEqual", "itemHeight", "direction", "overscan", "key", "onScroll", "className", "containerHeight"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -24,7 +24,7 @@ function _objectSpread(target) {
   return target;
 }
 import React__default, { useRef, useState, useEffect, useCallback } from "react";
-import { useConfig } from "./ConfigProvider.js";
+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;
@@ -79,10 +79,10 @@ var binarySearch = function binarySearch2(positionsList) {
   return tempIndex;
 };
 var getEndIndex = function getEndIndex2(_ref) {
-  var sourceData = _ref.sourceData, startIndex = _ref.startIndex, visibleCount = _ref.visibleCount, _ref$itemEqualSize = _ref.itemEqualSize, itemEqualSize = _ref$itemEqualSize === void 0 ? true : _ref$itemEqualSize, positions = _ref.positions, offSetSize = _ref.offSetSize, overscan = _ref.overscan, _ref$sizeKey = _ref.sizeKey, sizeKey = _ref$sizeKey === void 0 ? "width" : _ref$sizeKey;
-  var dataLength = sourceData.length;
+  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;
-  if (itemEqualSize) {
+  if (itemEqual) {
     var endIndex = startIndex + visibleCount;
     tempIndex = dataLength > 0 ? Math.min(dataLength, endIndex) : endIndex;
   } else {
@@ -131,13 +131,19 @@ var updateItemSize = function updateItemSize2(positions, items, sizeKey) {
     }
   });
 };
-var defaultProps = {};
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  list: [],
+  itemHeight: 66,
+  itemEqual: true,
+  direction: "vertical",
+  overscan: 2
+});
 var VirtualList = function VirtualList2(props) {
-  var _props$sourceData = props.sourceData, sourceData = _props$sourceData === void 0 ? [] : _props$sourceData, ItemRender = props.ItemRender, _props$itemEqualSize = props.itemEqualSize, itemEqualSize = _props$itemEqualSize === void 0 ? true : _props$itemEqualSize, _props$itemSize = props.itemSize, itemSize = _props$itemSize === void 0 ? 200 : _props$itemSize, _props$horizontal = props.horizontal, horizontal = _props$horizontal === void 0 ? false : _props$horizontal, _props$overscan = props.overscan, overscan = _props$overscan === void 0 ? 2 : _props$overscan, key = props.key, handleScroll = props.handleScroll, onScroll = props.onScroll, className = props.className, containerSize = props.containerSize, rest = _objectWithoutProperties(props, _excluded);
+  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";
-  useConfig();
   var scrollRef = useRef(null);
   var itemsRef = useRef(null);
   var firstItemRef = useRef(null);
@@ -152,7 +158,7 @@ var VirtualList = function VirtualList2(props) {
   }]), _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(containerSize || 0), _useState8 = _slicedToArray(_useState7, 2), offSetSize = _useState8[0], setOffSetSize = _useState8[1];
+  var _useState7 = useState(containerHeight || 0), _useState8 = _slicedToArray(_useState7, 2), offSetSize = _useState8[0], setOffSetSize = _useState8[1];
   var _useState9 = useState({
     startOffset: 0,
     startIndex: 0,
@@ -161,32 +167,32 @@ var VirtualList = function VirtualList2(props) {
     // 可视区域结束索引
   }), _useState10 = _slicedToArray(_useState9, 2), options = _useState10[0], setOptions = _useState10[1];
   useEffect(function() {
-    var pos = initPositinoCache(itemSize, sourceData.length);
+    var pos = initPositinoCache(itemHeight, list.length);
     setPositions(pos);
     var totalSize = getListTotalSize(pos, horizontal);
     setListTotalSize(totalSize);
-  }, [sourceData, itemSize, horizontal]);
+  }, [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;
   }, []);
   useEffect(function() {
-    if (containerSize)
+    if (containerHeight)
       return;
     var size = horizontal ? getElement().offsetWidth : getElement().offsetHeight;
     setOffSetSize(size);
-  }, [getElement, horizontal, containerSize]);
+  }, [getElement, horizontal, containerHeight]);
   useEffect(function() {
     if (offSetSize === 0)
       return;
-    var count = Math.ceil(offSetSize / itemSize) + overscan;
+    var count = Math.ceil(offSetSize / itemHeight) + overscan;
     setVisibleCount(count);
     setOptions(function(options2) {
       return _objectSpread(_objectSpread({}, options2), {}, {
         endIndex: count
       });
     });
-  }, [getElement, horizontal, itemSize, overscan, offSetSize]);
+  }, [getElement, horizontal, itemHeight, overscan, offSetSize]);
   var updateTotalSize = useCallback(function() {
     if (!itemsRef.current)
       return;
@@ -202,14 +208,14 @@ var VirtualList = function VirtualList2(props) {
       var scrollSize = getElement()[scrollKey];
       var startIndex = binarySearch(positions, scrollSize, horizontal);
       var overStart = startIndex - overscan > -1 ? startIndex - overscan : 0;
-      if (!itemEqualSize) {
+      if (!itemEqual) {
         updateTotalSize();
       }
       var endIndex = getEndIndex({
-        sourceData,
+        list,
         startIndex,
         visibleCount,
-        itemEqualSize,
+        itemEqual,
         positions,
         offSetSize,
         sizeKey,
@@ -222,15 +228,13 @@ var VirtualList = function VirtualList2(props) {
         overStart,
         endIndex
       });
-      if (endIndex > sourceData.length - 1) {
+      if (endIndex > list.length - 1) {
         if (onScroll) {
           onScroll();
-        } else if (handleScroll) {
-          handleScroll();
         }
       }
     });
-  }, [positions, getElement, sourceData, visibleCount, itemEqualSize, updateTotalSize, offsetKey, sizeKey, scrollKey, horizontal, overscan, handleScroll, offSetSize]);
+  }, [positions, getElement, list, visibleCount, itemEqual, updateTotalSize, offsetKey, sizeKey, scrollKey, horizontal, overscan, offSetSize]);
   useEffect(function() {
     var element = getElement();
     element.addEventListener("scroll", scroll, false);
@@ -241,7 +245,7 @@ var VirtualList = function VirtualList2(props) {
   return React__default.createElement("div", _objectSpread(_objectSpread({
     className: className ? "".concat(className, " nut-virtualList-box") : "nut-virtualList-box"
   }, rest), {}, {
-    style: _defineProperty({}, sizeKey, containerSize ? "".concat(offSetSize, "px") : "")
+    style: _defineProperty({}, sizeKey, containerHeight ? "".concat(offSetSize, "px") : "")
   }), React__default.createElement("div", {
     ref: scrollRef,
     className: horizontal ? "nut-horizontal-box" : "nut-vertical-box",
@@ -254,7 +258,7 @@ var VirtualList = function VirtualList2(props) {
     style: {
       transform: horizontal ? "translate3d(".concat(options.startOffset, "px,0,0)") : "translate3d(0,".concat(options.startOffset, "px,0)")
     }
-  }, sourceData.slice(options.overStart, options.endIndex).map(function(data, index) {
+  }, 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";

package/dist/esm/WaterMark.js

@@ -24,9 +24,8 @@ function _objectSpread(target) {
 import React__default, { useState, useEffect } from "react";
 import classNames from "classnames";
 import { useConfig } from "./ConfigProvider.js";
-import { c as cn } from "./bem.js";
-import "@bem-react/classname";
-var defaultProps = {
+import { C as ComponentDefaults } from "./typings.js";
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   content: "",
   fullPage: true,
   zIndex: 2e3,
@@ -38,19 +37,17 @@ var defaultProps = {
   imageWidth: 120,
   imageHeight: 64,
   rotate: -22,
-  fontColor: "rgba(0,0,0,.15)",
+  color: "rgba(0,0,0,.15)",
   fontStyle: "normal",
-  fontFamily: "PingFang SC",
   fontWeight: "normal",
   fontSize: 14
-};
+});
 var WaterMark = function WaterMark2(props) {
-  var _classNames;
   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, fontColor = _defaultProps$props.fontColor, fontStyle = _defaultProps$props.fontStyle, fontFamily = _defaultProps$props.fontFamily, fontWeight = _defaultProps$props.fontWeight, fontSize = _defaultProps$props.fontSize, style = _defaultProps$props.style, children = _defaultProps$props.children;
+  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 b = cn("watermark");
-  var classes = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(b("")), true), _defineProperty(_classNames, "".concat(b(""), "-full-page"), fullPage), _classNames));
+  var classPrefix = "nut-watermark";
+  var classes = classNames(classPrefix, _defineProperty({}, "".concat(classPrefix, "-full-page"), fullPage));
   var cls = classNames(classes, className);
   useEffect(function() {
     init();
@@ -85,7 +82,7 @@ var WaterMark = function WaterMark2(props) {
         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);
-        ctx.fillStyle = fontColor;
+        ctx.fillStyle = color;
         ctx.fillText(content, 0, 0);
         ctx.restore();
         setBase64Url(canvas.toDataURL());

package/dist/esm/types/src/packages/actionsheet/actionsheet.d.ts

@@ -1,20 +1,16 @@
-import React, { FunctionComponent } from 'react';
+import React, { FunctionComponent, ReactNode } from 'react';
+import { BasicComponent } from '@/utils/typings';
 export type ItemType<T> = {
     [key: string]: T;
 };
-export interface ActionSheetProps {
-    cancelText: string;
-    optionTag: string;
-    optionSubTag: string;
-    chooseTagValue: string;
-    title: string;
-    color: string;
-    description: string;
-    menuItems: ItemType<string | boolean>[];
-    onCancel: () => void;
-    onChoose: (item: any, index: number) => void;
+export interface ActionSheetProps extends BasicComponent {
     visible: boolean;
-    className: string;
-    style: React.CSSProperties;
+    title: ReactNode;
+    description: ReactNode;
+    options: ItemType<string | boolean>[];
+    optionKey: ItemType<string>;
+    cancelText: ReactNode;
+    onCancel: () => void;
+    onSelect: (item: ItemType<string | boolean>, index: number) => void;
 }
-export declare const ActionSheet: FunctionComponent<Partial<ActionSheetProps> & React.HTMLAttributes<HTMLDivElement>>;
+export declare const ActionSheet: FunctionComponent<Partial<ActionSheetProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'onSelect'>>;

package/dist/esm/types/src/packages/actionsheet/actionsheet.taro.d.ts

@@ -1,20 +1,16 @@
-import React, { FunctionComponent } from 'react';
+import React, { FunctionComponent, ReactNode } from 'react';
+import { BasicComponent } from '@/utils/typings';
 export type ItemType<T> = {
     [key: string]: T;
 };
-export interface ActionSheetProps {
-    cancelText: string;
-    optionTag: string;
-    optionSubTag: string;
-    chooseTagValue: string;
-    title: string;
-    color: string;
-    description: string;
-    menuItems: ItemType<string | boolean>[];
-    onCancel: () => void;
-    onChoose: (item: any, index: number) => void;
+export interface ActionSheetProps extends BasicComponent {
     visible: boolean;
-    className: string;
-    style: React.CSSProperties;
+    title: ReactNode;
+    description: ReactNode;
+    options: ItemType<string | boolean>[];
+    optionKey: ItemType<string>;
+    cancelText: ReactNode;
+    onCancel: () => void;
+    onSelect: (item: ItemType<string | boolean>, index: number) => void;
 }
-export declare const ActionSheet: FunctionComponent<Partial<ActionSheetProps> & React.HTMLAttributes<HTMLDivElement>>;
+export declare const ActionSheet: FunctionComponent<Partial<ActionSheetProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'onSelect'>>;

package/dist/esm/types/src/packages/actionsheet/index.d.ts

@@ -1,2 +1,3 @@
 import { ActionSheet } from './actionsheet';
+export type { ItemType, ActionSheetProps } from './actionsheet';
 export default ActionSheet;

package/dist/esm/types/src/packages/actionsheet/index.taro.d.ts

@@ -1,2 +1,3 @@
 import { ActionSheet } from './actionsheet.taro';
+export type { ItemType, ActionSheetProps } from './actionsheet.taro';
 export default ActionSheet;

package/dist/esm/types/src/packages/animatingnumbers/countup.d.ts

@@ -1,11 +1,10 @@
-import React, { FunctionComponent } from 'react';
-export interface CountUpProps {
-    maxLen: number;
-    endNumber: string;
-    delaySpeed?: number;
-    easeSpeed: number;
+import { FunctionComponent } from 'react';
+import { BasicComponent } from '@/utils/typings';
+export interface CountUpProps extends BasicComponent {
+    length: number;
+    value: string;
+    delay?: number;
+    duration: number;
     thousands: boolean;
-    className: string;
-    style: React.CSSProperties;
 }
 export declare const CountUp: FunctionComponent<Partial<CountUpProps>>;

package/dist/esm/types/src/packages/animatingnumbers/countup.taro.d.ts

@@ -1,11 +1,10 @@
-import React, { FunctionComponent } from 'react';
-export interface CountUpProps {
-    maxLen: number;
-    endNumber: string;
-    delaySpeed?: number;
-    easeSpeed: number;
+import { FunctionComponent } from 'react';
+import { BasicComponent } from '@/utils/typings';
+export interface CountUpProps extends BasicComponent {
+    length: number;
+    value: string;
+    delay?: number;
+    duration: number;
     thousands: boolean;
-    className: string;
-    style: React.CSSProperties;
 }
 export declare const CountUp: FunctionComponent<Partial<CountUpProps>>;

package/dist/esm/types/src/packages/animatingnumbers/demo.d.ts

@@ -1,3 +1,4 @@
 /// <reference types="react" />
+import './demo.scss';
 declare const AnimatingNumbersDemo: () => JSX.Element;
 export default AnimatingNumbersDemo;

package/dist/esm/types/src/packages/animatingnumbers/demo.taro.d.ts

@@ -1,3 +1,4 @@
 /// <reference types="react" />
+import '@/packages/animatingnumbers/demo.scss';
 declare const AnimatingNumbersDemo: () => JSX.Element;
 export default AnimatingNumbersDemo;

package/dist/esm/types/src/packages/animatingnumbers/index.d.ts

@@ -1,2 +1,3 @@
 import { AnimatingNumbers } from './animatingnumbers';
+export type { CountUpProps } from './countup';
 export default AnimatingNumbers;

package/dist/esm/types/src/packages/animatingnumbers/index.taro.d.ts

@@ -1,2 +1,3 @@
 import { AnimatingNumbers } from './animatingnumbers.taro';
+export type { CountUpProps } from './countup.taro';
 export default AnimatingNumbers;

package/dist/esm/types/src/packages/avatargroup/avatargroup.taro.d.ts

@@ -0,0 +1,13 @@
+import React, { FunctionComponent } from 'react';
+import { BasicComponent } from '@/utils/typings';
+export interface AvatarGroupProps extends BasicComponent {
+    maxContent: string;
+    max: string | number;
+    maxBackground: string;
+    maxColor: string;
+    size: 'large' | 'normal' | 'small';
+    shape: 'round' | 'square';
+    gap: string;
+    level: 'left' | 'right';
+}
+export declare const AvatarGroup: FunctionComponent<Partial<AvatarGroupProps> & React.HTMLAttributes<HTMLDivElement>>;

package/dist/esm/types/src/packages/avatargroup/index.taro.d.ts

@@ -1,2 +1,2 @@
-import { AvatarGroup } from './avatargroup';
+import { AvatarGroup } from './avatargroup.taro';
 export default AvatarGroup;

package/dist/esm/types/src/packages/configprovider/configprovider.d.ts

@@ -1,8 +1,9 @@
 import React, { FunctionComponent } from 'react';
 import { BaseLang } from '@/locales/base';
+import type { NutCSSVariables } from './types';
 export interface ConfigProviderProps {
     locale: BaseLang;
-    theme?: Record<string, string>;
+    theme?: Record<string | NutCSSVariables, string>;
     [key: string]: any;
 }
 export declare const defaultConfigRef: {

package/dist/esm/types/src/packages/configprovider/configprovider.taro.d.ts

@@ -1,8 +1,9 @@
 import React, { FunctionComponent } from 'react';
 import { BaseLang } from '@/locales/base';
+import type { NutCSSVariables } from './types';
 export interface ConfigProviderProps {
     locale: BaseLang;
-    theme?: Record<string, string>;
+    theme?: Record<string | NutCSSVariables, string>;
     [key: string]: any;
 }
 export declare const defaultConfigRef: {

package/dist/esm/types/src/packages/configprovider/index.d.ts

@@ -1,4 +1,5 @@
 import { ConfigProvider, useConfig, setDefaultConfig, getDefaultConfig } from './configprovider';
 export type { ConfigProviderProps } from './configprovider';
+export type { NutCSSVariables } from './types';
 export { useConfig, setDefaultConfig, getDefaultConfig };
 export default ConfigProvider;

package/dist/esm/types/src/packages/configprovider/index.taro.d.ts

@@ -1,4 +1,5 @@
 import { ConfigProvider, useConfig, setDefaultConfig, getDefaultConfig } from './configprovider.taro';
 export type { ConfigProviderProps } from './configprovider.taro';
+export type { NutCSSVariables } from './types';
 export { useConfig, setDefaultConfig, getDefaultConfig };
 export default ConfigProvider;