@nutui/nutui-react 2.0.0-alpha.2 → 2.0.0-alpha.4

package/CHANGELOG.md

@@ -1,3 +1,24 @@
+# v2.0.0-alpha.4
+`2023-05-05`
+
+* 🛠 refactor: circleprogress-v2.0 (#949) @junjun666
+* 🛠 refactor: input (#962) @oasis-cloud
+* 🛠 refactor: Tabbar (#935) @Eiinu
+* :bug: fix: badge 组件的默认样式中，去掉 margin-right (#967) @xiaoyatong
+* 🎨 style: fix endLine display error (#964) @HaiTao
+
+# v2.0.0-alpha.3
+`2023-04-28`
+
+* :bug: fix: overlay 属性 onClick 暴露、lockscroll 相关demo 修订 (#959) @xiaoyatong
+* :bug: fix: 修改taro增加主题编译 (#950) @junjun666
+* 🛠 refactor: dialog (#945) @xiaoyatong
+* 🛠 refactor: switch (#941) @拧巴的猫
+* 🛠 refactor: tabs (#939) @oasis-cloud
+* 🔨 chore: website 2.0 (#955) @oasis-cloud
+* 📖 docs: button 文档表格优化 (#956) @oasis-cloud
+
+
 # v2.0.0-alpha.2
 `2023-04-26`
 

package/dist/esm/Badge.js

@@ -1,69 +1,7 @@
-import _typeof from "@babel/runtime/helpers/typeof";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function(sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
-  }
-  return keys;
-}
-function _objectSpread(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
-      _defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-    });
-  }
-  return target;
-}
-import React__default from "react";
-import classNames from "classnames";
-import { C as ComponentDefaults } from "./typings.js";
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  value: "",
-  dot: false,
-  max: 99,
-  top: "0",
-  right: "5",
-  color: ""
-});
-var Badge = function Badge2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, value = _defaultProps$props.value, max = _defaultProps$props.max, children = _defaultProps$props.children, dot = _defaultProps$props.dot, top = _defaultProps$props.top, right = _defaultProps$props.right, color = _defaultProps$props.color;
-  var classPrefix = "nut-badge";
-  var classes = classNames(classPrefix, className);
-  var contentClasses = classNames(_defineProperty({}, "".concat(classPrefix, "__dot"), dot), "".concat(classPrefix, "__content"), "".concat(classPrefix, "__sup"));
-  function content() {
-    if (dot || _typeof(value) === "object")
-      return null;
-    if (typeof value === "number" && typeof max === "number") {
-      return max < value ? "".concat(max, "+") : value;
-    }
-    return value;
-  }
-  var getStyle = function getStyle2() {
-    var style2 = {};
-    style2.top = "".concat(Number(top) || parseFloat(top) || 0, "px");
-    style2.right = "".concat(Number(right) || parseFloat(right) || 0, "px");
-    style2.background = color;
-    return style2;
-  };
-  return React__default.createElement("div", {
-    className: classes,
-    style
-  }, _typeof(value) === "object" && value && React__default.createElement("div", {
-    className: "".concat(classPrefix, "__icon")
-  }, value), React__default.createElement("div", null, children), React__default.createElement("div", {
-    className: contentClasses,
-    style: getStyle()
-  }, content()));
-};
-Badge.defaultProps = defaultProps;
-Badge.displayName = "NutBadge";
+import { B as Badge } from "./badge2.js";
+import "react";
+import "classnames";
+import "./typings.js";
 export {
   Badge as default
 };

package/dist/esm/CalendarItem.js

@@ -26,19 +26,9 @@ import React__default, { useState, useRef, useEffect } from "react";
 import classNames from "classnames";
 import { c as cn } from "./bem.js";
 import { U as Utils } from "./date.js";
+import { r as requestAniFrame } from "./raf.js";
 import { useConfig } from "./ConfigProvider.js";
 import "@bem-react/classname";
-function requestAniFrame() {
-  if (typeof window !== "undefined") {
-    return window.requestAnimationFrame || function(callback) {
-      window.setTimeout(callback, 1e3 / 60);
-    };
-  }
-  return function(callback) {
-    setTimeout(callback, 1e3 / 60);
-  };
-}
-var requestAniFrame$1 = requestAniFrame();
 var defaultProps = {
   type: "one",
   isAutoBackFill: false,
@@ -510,7 +500,7 @@ var CalendarItem = React__default.forwardRef(function(props, ref) {
     }
     var lastItem = state.monthsData[state.monthsData.length - 1];
     var containerHeight = lastItem.cssHeight + lastItem.cssScrollHeight;
-    requestAniFrame$1(function() {
+    requestAniFrame(function() {
       if (months && monthsPanel && viewArea) {
         viewHeight = months.current.clientHeight;
         monthsPanel.current.style.height = "".concat(containerHeight, "px");

package/dist/esm/Cascader.js

@@ -52,6 +52,8 @@ import { Loading, Checklist } from "@nutui/icons-react";
 import { c as cn } from "./bem.js";
 import "./typings.js";
 import "./TabPane.js";
+import "./raf.js";
+import "./use-props-value.js";
 import "@bem-react/classname";
 var defaultProps$1 = {
   data: {
@@ -608,7 +610,7 @@ var InternalCascader = function InternalCascader2(props, ref) {
       className: b("title")
     }, title), React__default.createElement(Tabs, {
       value: tabvalue,
-      titleNode: function titleNode() {
+      title: function title2() {
         return optionsData.map(function(pane, index) {
           var _pane$selectedNode, _pane$selectedNode2;
           return React__default.createElement("div", {
@@ -631,7 +633,7 @@ var InternalCascader = function InternalCascader2(props, ref) {
     }, !state.initLoading && state.panes.length ? optionsData.map(function(pane) {
       return React__default.createElement(TabPane, {
         key: pane.paneKey,
-        paneKey: pane.paneKey
+        value: pane.paneKey
       }, React__default.createElement("div", {
         className: classesPane
       }, pane.nodes && pane.nodes.map(function(node, index) {

package/dist/esm/CircleProgress.js

@@ -1,6 +1,6 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "progress", "className", "radius", "pathColor", "clockwise", "circleColor", "strokeWidth", "style", "strokeLinecap"];
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["children", "percent", "className", "radius", "clockwise", "strokeWidth", "color", "background", "style", "strokeLinecap"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -25,34 +25,33 @@ function _objectSpread(target) {
 import React__default from "react";
 import classNames from "classnames";
 import { a as isObject } from "./index.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), {}, {
   strokeWidth: 5,
   radius: 50,
   strokeLinecap: "round",
-  circleColor: "",
-  pathColor: "",
+  color: "#fa2c19",
+  background: "#e5e9f2",
   clockwise: true
-};
+});
+var classPrefix = "nut-circleprogress";
 var CircleProgress = function CircleProgress2(props) {
   var _stop;
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, progress = _defaultProps$props.progress, className = _defaultProps$props.className, radius = _defaultProps$props.radius, pathColor = _defaultProps$props.pathColor, clockwise = _defaultProps$props.clockwise, circleColor = _defaultProps$props.circleColor, strokeWidth = _defaultProps$props.strokeWidth, style = _defaultProps$props.style, strokeLinecap = _defaultProps$props.strokeLinecap, restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var b = cn("circleprogress");
-  var classes = classNames(className, b(""));
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, percent = _defaultProps$props.percent, className = _defaultProps$props.className, radius = _defaultProps$props.radius, clockwise = _defaultProps$props.clockwise, strokeWidth = _defaultProps$props.strokeWidth, color = _defaultProps$props.color, background = _defaultProps$props.background, style = _defaultProps$props.style, strokeLinecap = _defaultProps$props.strokeLinecap, restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var classes = classNames(className, classPrefix);
   var refRandomId = Math.random().toString(36).slice(-8);
   var styles = _objectSpread({
     height: "".concat(Number(radius) * 2, "px"),
     width: "".concat(Number(radius) * 2, "px")
   }, style);
   var pathStyle = {
-    stroke: pathColor
+    stroke: background
   };
   var hoverStyle = function hoverStyle2() {
     var perimeter = 283;
-    var offset = perimeter * Number(progress) / 100;
+    var offset = perimeter * Number(percent) / 100;
     return {
-      stroke: isObject(circleColor) ? "url(#".concat(refRandomId, ")") : circleColor,
+      stroke: isObject(color) ? "url(#".concat(refRandomId, ")") : color,
       strokeDasharray: "".concat(offset, "px ").concat(perimeter, "px")
     };
   };
@@ -60,16 +59,13 @@ var CircleProgress = function CircleProgress2(props) {
     var isWise = clockwise ? 1 : 0;
     return "M 50 50 m -45 0 a 45 45 0 1 ".concat(isWise, " 90 0  a 45 45 0 1 ").concat(isWise, " -90 0");
   };
-  var hoverColor = function hoverColor2() {
-    return isObject(circleColor) ? "url(#".concat(refRandomId, ")") : circleColor;
-  };
   var stop = function stop2() {
-    if (!isObject(circleColor)) {
+    if (!isObject(props.color)) {
       return;
     }
-    var color = circleColor;
-    var colorArr = Object.keys(color).sort(function(a, b2) {
-      return parseFloat(a) - parseFloat(b2);
+    var color2 = props.color;
+    var colorArr = Object.keys(color2).sort(function(a, b) {
+      return parseFloat(a) - parseFloat(b);
     });
     var stopArr = [];
     colorArr.map(function(item) {
@@ -78,7 +74,7 @@ var CircleProgress = function CircleProgress2(props) {
         value: ""
       };
       obj.key = item;
-      obj.value = color[item];
+      obj.value = color2[item];
       stopArr.push(obj);
     });
     return stopArr;
@@ -102,8 +98,8 @@ var CircleProgress = function CircleProgress2(props) {
     });
   }))), React__default.createElement("path", {
     className: "nut-circleprogress-path",
-    style: pathStyle,
     d: path(),
+    style: pathStyle,
     fill: "none",
     strokeWidth
   }), React__default.createElement("path", {
@@ -111,13 +107,12 @@ var CircleProgress = function CircleProgress2(props) {
     style: hoverStyle(),
     d: path(),
     fill: "none",
-    stroke: hoverColor(),
     strokeLinecap,
     transform: "rotate(90,50,50)",
     strokeWidth
   })), React__default.createElement("div", {
     className: "nut-circleprogress-text"
-  }, children || React__default.createElement("div", null, progress, "%")));
+  }, children));
 };
 CircleProgress.defaultProps = defaultProps;
 CircleProgress.displayName = "NutCircleProgress";