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

package/dist/esm/badge2.js

@@ -1,52 +1,24 @@
-import _typeof from "@babel/runtime/helpers/typeof";
-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 from "react";
 import classNames from "classnames";
 import { C as ComponentDefaults } from "./typings.js";
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  value: "",
-  dot: false,
-  max: 99,
-  top: "4",
-  right: "8",
-  color: ""
-});
-var Badge = function Badge2(props) {
-  var _ref;
-  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);
+import { useRtl } from "./ConfigProvider.js";
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { value: "", dot: false, max: 99, top: "4", right: "8", color: "" });
+const Badge = (props) => {
+  var _a;
+  const rtl = useRtl();
+  const { className, style, value, max, children, dot, top, right, color } = Object.assign(Object.assign({}, defaultProps), props);
+  const classPrefix = "nut-badge";
+  const classes = classNames(classPrefix, className);
   function content() {
-    if (dot || _typeof(value) === "object")
+    if (dot || typeof value === "object")
       return null;
     if (typeof value === "number" && typeof max === "number") {
-      return max < value ? "".concat(max, "+") : "".concat(value);
+      return max < value ? `${max}+` : `${value}`;
     }
     return value;
   }
   function isIcon() {
-    if (_typeof(value) === "object" && value)
+    if (typeof value === "object" && value)
       return value;
   }
   function isNumber() {
@@ -57,23 +29,24 @@ var Badge = function Badge2(props) {
     if (typeof value === "string" && value)
       return value;
   }
-  var contentClasses = classNames(_defineProperty({}, "".concat(classPrefix, "-dot"), dot), "".concat(classPrefix, "-content"), _defineProperty({}, "".concat(classPrefix, "-sup"), isNumber() || isString() || dot), _defineProperty({}, "".concat(classPrefix, "-one"), typeof content() === "string" && ((_ref = "".concat(content())) === null || _ref === void 0 ? void 0 : _ref.length) === 1));
-  var getStyle = function getStyle2() {
-    var style2 = {};
-    style2.top = "".concat(Number(top) || parseFloat(String(top)) || 0, "px");
-    style2.right = "".concat(Number(right) || parseFloat(String(right)) || 0, "px");
+  const contentClasses = classNames({ [`${classPrefix}-dot`]: dot }, `${classPrefix}-content`, { [`${classPrefix}-sup`]: isNumber() || isString() || dot }, {
+    [`${classPrefix}-one`]: typeof content() === "string" && ((_a = `${content()}`) === null || _a === void 0 ? void 0 : _a.length) === 1
+  });
+  const getStyle = () => {
+    const style2 = {};
+    style2.top = `${Number(top) || parseFloat(String(top)) || 0}px`;
+    const dir = rtl ? "left" : "right";
+    style2[dir] = `${Number(right) || parseFloat(String(right)) || 0}px`;
     style2.background = color;
     return style2;
   };
-  return React__default.createElement("div", {
-    className: classes,
-    style
-  }, isIcon() && React__default.createElement("div", {
-    className: "".concat(classPrefix, "-icon")
-  }, value), children, !isIcon() && React__default.createElement("div", {
-    className: contentClasses,
-    style: getStyle()
-  }, content()));
+  return React__default.createElement(
+    "div",
+    { className: classes, style },
+    isIcon() && React__default.createElement("div", { className: `${classPrefix}-icon` }, value),
+    children,
+    !isIcon() && React__default.createElement("div", { className: contentClasses, style: getStyle() }, content())
+  );
 };
 Badge.defaultProps = defaultProps;
 Badge.displayName = "NutBadge";

package/dist/esm/button2.js

@@ -1,56 +1,20 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["color", "shape", "fill", "loading", "disabled", "type", "size", "block", "icon", "rightIcon", "children", "className", "style", "nativeType", "onClick"];
-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, { useCallback } from "react";
 import classNames from "classnames";
 import { Loading } from "@nutui/icons-react";
 import { C as ComponentDefaults } from "./typings.js";
-var prefixCls = "nut-button";
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  color: "",
-  type: "default",
-  size: "normal",
-  shape: "round",
-  fill: "outline",
-  loading: false,
-  disabled: false,
-  block: false,
-  icon: null,
-  rightIcon: null,
-  nativeType: "button",
-  onClick: function onClick(e) {
-  }
-});
-var Button = React__default.forwardRef(function(props, ref) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), color = _defaultProps$props.color, shape = _defaultProps$props.shape, fill = _defaultProps$props.fill, loading = _defaultProps$props.loading, disabled = _defaultProps$props.disabled, type = _defaultProps$props.type, size = _defaultProps$props.size, block = _defaultProps$props.block, icon = _defaultProps$props.icon, rightIcon = _defaultProps$props.rightIcon, children = _defaultProps$props.children, className = _defaultProps$props.className, style = _defaultProps$props.style, nativeType = _defaultProps$props.nativeType, onClick2 = _defaultProps$props.onClick, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var getStyle = useCallback(function() {
-    var style2 = {};
+const prefixCls = "nut-button";
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { color: "", type: "default", size: "normal", shape: "round", fill: "outline", loading: false, disabled: false, block: false, icon: null, rightIcon: null, nativeType: "button", onClick: (e) => {
+} });
+const Button = React__default.forwardRef((props, ref) => {
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { color, shape, fill, loading, disabled, type, size, block, icon, rightIcon, children, className, style, nativeType, onClick } = _a, rest = __rest(_a, ["color", "shape", "fill", "loading", "disabled", "type", "size", "block", "icon", "rightIcon", "children", "className", "style", "nativeType", "onClick"]);
+  const getStyle = useCallback(() => {
+    const style2 = {};
     if (props.color) {
       if (props.fill && (props.fill === "outline" || props.fill === "dashed")) {
         style2.color = color;
         style2.background = "#fff";
-        if (!(color !== null && color !== void 0 && color.includes("gradient"))) {
+        if (!(color === null || color === void 0 ? void 0 : color.includes("gradient"))) {
           style2.borderColor = color;
         }
       } else {
@@ -60,26 +24,29 @@ var Button = React__default.forwardRef(function(props, ref) {
     }
     return style2;
   }, [color]);
-  var handleClick = function handleClick2(e) {
-    if (!loading && !disabled && onClick2) {
-      onClick2(e);
+  const handleClick = (e) => {
+    if (!loading && !disabled && onClick) {
+      onClick(e);
     }
   };
-  return React__default.createElement("button", _objectSpread(_objectSpread({}, rest), {}, {
-    ref,
-    type: nativeType,
-    className: classNames(prefixCls, "".concat(prefixCls, "-").concat(type), props.fill ? "".concat(prefixCls, "-").concat(fill) : null, children ? "" : "".concat(prefixCls, "-icononly"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-").concat(size), size), "".concat(prefixCls, "-").concat(shape), shape), "".concat(prefixCls, "-block"), block), "".concat(prefixCls, "-disabled"), disabled), "".concat(prefixCls, "-loading"), loading), className),
-    style: _objectSpread(_objectSpread({}, getStyle()), style),
-    onClick: function onClick3(e) {
-      return handleClick(e);
-    }
-  }), React__default.createElement("div", {
-    className: "nut-button-wrap"
-  }, loading && React__default.createElement(Loading, {
-    className: "nut-icon-loading"
-  }), !loading && icon ? icon : null, children && React__default.createElement("div", {
-    className: "".concat(icon || loading ? "nut-button-text" : "").concat(rightIcon ? " nut-button-text right" : "")
-  }, children), rightIcon || null));
+  return React__default.createElement(
+    "button",
+    Object.assign({}, rest, { ref, type: nativeType, className: classNames(prefixCls, `${prefixCls}-${type}`, props.fill ? `${prefixCls}-${fill}` : null, children ? "" : `${prefixCls}-icononly`, {
+      [`${prefixCls}-${size}`]: size,
+      [`${prefixCls}-${shape}`]: shape,
+      [`${prefixCls}-block`]: block,
+      [`${prefixCls}-disabled`]: disabled,
+      [`${prefixCls}-loading`]: loading
+    }, className), style: Object.assign(Object.assign({}, getStyle()), style), onClick: (e) => handleClick(e) }),
+    React__default.createElement(
+      "div",
+      { className: "nut-button-wrap" },
+      loading && React__default.createElement(Loading, { className: "nut-icon-loading" }),
+      !loading && icon ? icon : null,
+      children && React__default.createElement("div", { className: `${icon || loading ? "nut-button-text" : ""}${rightIcon ? " nut-button-text right" : ""}` }, children),
+      rightIcon || null
+    )
+  );
 });
 Button.displayName = "NutButton";
 export {

package/dist/esm/can-use-dom.js

@@ -1,4 +1,4 @@
-var canUseDom = !!(typeof window !== "undefined" && typeof document !== "undefined" && window.document && window.document.createElement);
+const canUseDom = !!(typeof window !== "undefined" && typeof document !== "undefined" && window.document && window.document.createElement);
 export {
   canUseDom as c
 };