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

package/dist/esm/SideNavBarItem.js

@@ -1,42 +1,13 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["title", "value", "children", "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 from "react";
-var SideNavBarItem = function SideNavBarItem2(props) {
-  var classPrefix = "nut-subsidenavbar";
-  var title = props.title, value = props.value, children = props.children, onClick = props.onClick, rest = _objectWithoutProperties(props, _excluded);
-  var clickFn = function clickFn2(e) {
+const SideNavBarItem = (props) => {
+  const classPrefix = "nut-subsidenavbar";
+  const { title, value, children, onClick } = props, rest = __rest(props, ["title", "value", "children", "onClick"]);
+  const clickFn = (e) => {
     e.stopPropagation();
-    onClick && onClick({
-      title,
-      value
-    });
+    onClick && onClick({ title, value });
   };
-  return React__default.createElement("div", _objectSpread({
-    className: "".concat(classPrefix, "-item ").concat(classPrefix, "-border-bt"),
-    onClick: clickFn
-  }, rest), title);
+  return React__default.createElement("div", Object.assign({ className: `${classPrefix}-item ${classPrefix}-border-bt`, onClick: clickFn }, rest), title);
 };
 export {
   SideNavBarItem as default

package/dist/esm/Signature.js

@@ -1,58 +1,29 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["type", "lineWidth", "strokeStyle", "unsupported", "className", "style", "onConfirm", "onClear"];
-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, useImperativeHandle } from "react";
 import { useConfig } from "./ConfigProvider.js";
 import { C as ComponentDefaults } from "./typings.js";
 import { c as canUseDom } from "./can-use-dom.js";
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  type: "png",
-  lineWidth: 2,
-  strokeStyle: "#1a1a1a",
-  unsupported: ""
-});
-var InternalSignature = function InternalSignature2(props, ref) {
-  var _useConfig = useConfig(), locale = _useConfig.locale;
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), type = _defaultProps$props.type, lineWidth = _defaultProps$props.lineWidth, strokeStyle = _defaultProps$props.strokeStyle, unsupported = _defaultProps$props.unsupported, className = _defaultProps$props.className, style = _defaultProps$props.style, onConfirm = _defaultProps$props.onConfirm, onClear = _defaultProps$props.onClear, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var classPrefix = "nut-signature";
-  var canvasRef = useRef(null);
-  var wrapRef = useRef(null);
-  var _useState = useState(0), _useState2 = _slicedToArray(_useState, 2), canvasHeight = _useState2[0], setCanvasHeight = _useState2[1];
-  var _useState3 = useState(0), _useState4 = _slicedToArray(_useState3, 2), canvasWidth = _useState4[0], setCanvasWidth = _useState4[1];
-  var ctx = useRef(null);
-  var checkCanvas = function checkCanvas2() {
-    var elem = document.createElement("canvas");
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { type: "png", lineWidth: 2, strokeStyle: "#1a1a1a", unsupported: "" });
+const InternalSignature = (props, ref) => {
+  const { locale } = useConfig();
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { type, lineWidth, strokeStyle, unsupported, className, style, onConfirm, onClear } = _a, rest = __rest(_a, ["type", "lineWidth", "strokeStyle", "unsupported", "className", "style", "onConfirm", "onClear"]);
+  const classPrefix = `nut-signature`;
+  const canvasRef = useRef(null);
+  const wrapRef = useRef(null);
+  const [canvasHeight, setCanvasHeight] = useState(0);
+  const [canvasWidth, setCanvasWidth] = useState(0);
+  const ctx = useRef(null);
+  const checkCanvas = () => {
+    const elem = document.createElement("canvas");
     return !!(elem.getContext && elem.getContext("2d"));
   };
-  var _useState5 = useState(false), _useState6 = _slicedToArray(_useState5, 2), isCanvasSupported = _useState6[0], setIsCanvasSupported = _useState6[1];
-  var isSupportTouch = canUseDom ? "ontouchstart" in window : false;
-  var events = isSupportTouch ? ["touchstart", "touchmove", "touchend", "touchleave"] : ["mousedown", "mousemove", "mouseup", "mouseleave"];
-  useEffect(function() {
+  const [isCanvasSupported, setIsCanvasSupported] = useState(false);
+  const isSupportTouch = canUseDom ? "ontouchstart" in window : false;
+  const events = isSupportTouch ? ["touchstart", "touchmove", "touchend", "touchleave"] : ["mousedown", "mousemove", "mouseup", "mouseleave"];
+  useEffect(() => {
     setIsCanvasSupported(checkCanvas);
   }, []);
-  useEffect(function() {
+  useEffect(() => {
     if (isCanvasSupported && canvasRef.current && wrapRef.current) {
       ctx.current = canvasRef.current.getContext("2d");
       setCanvasWidth(wrapRef.current.offsetWidth);
@@ -60,7 +31,7 @@ var InternalSignature = function InternalSignature2(props, ref) {
       addEvent();
     }
   }, [isCanvasSupported]);
-  var startEventHandler = function startEventHandler2(event) {
+  const startEventHandler = (event) => {
     event.preventDefault();
     if (ctx.current && canvasRef.current) {
       ctx.current.beginPath();
@@ -71,37 +42,37 @@ var InternalSignature = function InternalSignature2(props, ref) {
       canvasRef.current.addEventListener(events[3], leaveEventHandler, false);
     }
   };
-  var addEvent = function addEvent2() {
+  const addEvent = () => {
     if (canvasRef.current) {
       canvasRef.current.addEventListener(events[0], startEventHandler, false);
     }
   };
-  var moveEventHandler = function moveEventHandler2(event) {
+  const moveEventHandler = (event) => {
     event.preventDefault();
-    var evt = isSupportTouch ? event.touches[0] : event;
+    const evt = isSupportTouch ? event.touches[0] : event;
     if (canvasRef.current && ctx.current) {
-      var coverPos = canvasRef.current.getBoundingClientRect();
-      var mouseX = evt.clientX - coverPos.left;
-      var mouseY = evt.clientY - coverPos.top;
+      const coverPos = canvasRef.current.getBoundingClientRect();
+      const mouseX = evt.clientX - coverPos.left;
+      const mouseY = evt.clientY - coverPos.top;
       ctx.current.lineTo(mouseX, mouseY);
       ctx.current.stroke();
     }
   };
-  var endEventHandler = function endEventHandler2(event) {
+  const endEventHandler = (event) => {
     event.preventDefault();
     if (canvasRef.current) {
       canvasRef.current.removeEventListener(events[1], moveEventHandler, false);
-      canvasRef.current.removeEventListener(events[2], endEventHandler2, false);
+      canvasRef.current.removeEventListener(events[2], endEventHandler, false);
     }
   };
-  var leaveEventHandler = function leaveEventHandler2(event) {
+  const leaveEventHandler = (event) => {
     event.preventDefault();
     if (canvasRef.current) {
       canvasRef.current.removeEventListener(events[1], moveEventHandler, false);
       canvasRef.current.removeEventListener(events[2], endEventHandler, false);
     }
   };
-  var handleClearBtn = function handleClearBtn2() {
+  const handleClearBtn = () => {
     if (canvasRef.current && ctx.current) {
       canvasRef.current.addEventListener(events[2], endEventHandler, false);
       ctx.current.clearRect(0, 0, canvasWidth, canvasHeight);
@@ -109,8 +80,8 @@ var InternalSignature = function InternalSignature2(props, ref) {
     }
     onClear && onClear();
   };
-  var onSave = function onSave2(canvas) {
-    var dataurl;
+  const onSave = (canvas) => {
+    let dataurl;
     switch (type) {
       case "png":
         dataurl = canvas.toDataURL("image/png");
@@ -124,31 +95,25 @@ var InternalSignature = function InternalSignature2(props, ref) {
     handleClearBtn();
     onConfirm && onConfirm(canvas, dataurl);
   };
-  useImperativeHandle(ref, function() {
-    return {
-      confirm: function confirm() {
-        onSave(canvasRef.current);
-      },
-      clear: function clear() {
-        handleClearBtn();
-      }
-    };
-  });
-  return React__default.createElement("div", _objectSpread({
-    className: "".concat(classPrefix, " ").concat(className),
-    style
-  }, rest), React__default.createElement("div", {
-    className: "".concat(classPrefix, "-inner"),
-    ref: wrapRef
-  }, React__default.createElement(React__default.Fragment, null, isCanvasSupported ? React__default.createElement("canvas", {
-    ref: canvasRef,
-    height: canvasHeight,
-    width: canvasWidth
-  }) : unsupported ? React__default.createElement(React__default.Fragment, null, unsupported) : React__default.createElement("p", {
-    className: "".concat(classPrefix, "-unsupport")
-  }, locale.signature.unsupported))));
+  useImperativeHandle(ref, () => ({
+    confirm: () => {
+      onSave(canvasRef.current);
+    },
+    clear: () => {
+      handleClearBtn();
+    }
+  }));
+  return React__default.createElement(
+    "div",
+    Object.assign({ className: `${classPrefix} ${className}`, style }, rest),
+    React__default.createElement(
+      "div",
+      { className: `${classPrefix}-inner`, ref: wrapRef },
+      React__default.createElement(React__default.Fragment, null, isCanvasSupported ? React__default.createElement("canvas", { ref: canvasRef, height: canvasHeight, width: canvasWidth }) : unsupported ? React__default.createElement(React__default.Fragment, null, unsupported) : React__default.createElement("p", { className: `${classPrefix}-unsupport` }, locale.signature.unsupported))
+    )
+  );
 };
-var Signature = React__default.forwardRef(InternalSignature);
+const Signature = React__default.forwardRef(InternalSignature);
 Signature.defaultProps = defaultProps;
 Signature.displayName = "NutSignature";
 export {

package/dist/esm/Skeleton.js

@@ -1,53 +1,21 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["className", "animated", "rows", "title", "avatar", "avatarSize", "visible", "children", "avatarShape"];
-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 from "react";
 import classNames from "classnames";
 import Avatar from "./Avatar.js";
 import { C as ComponentDefaults } from "./typings.js";
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  rows: 1,
-  animated: false,
-  title: false,
-  avatar: false,
-  avatarSize: "50px",
-  visible: false,
-  avatarShape: "round"
-});
-var Skeleton = function Skeleton2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, animated = _defaultProps$props.animated, rows = _defaultProps$props.rows, title = _defaultProps$props.title, avatar = _defaultProps$props.avatar, avatarSize = _defaultProps$props.avatarSize, visible = _defaultProps$props.visible, children = _defaultProps$props.children, avatarShape = _defaultProps$props.avatarShape, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var classPrefix = "nut-skeleton";
-  var classes = classNames(classPrefix, className);
-  var avatarClass = classNames(_defineProperty(_defineProperty({}, "nut-avatar", true), "avatar-".concat(avatarShape), avatarShape));
-  var repeatLines = function repeatLines2(num) {
-    return Array.from({
-      length: num
-    }, function(v, i) {
-      return i;
-    });
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { rows: 1, animated: false, title: false, avatar: false, avatarSize: "50px", visible: false, avatarShape: "round" });
+const Skeleton = (props) => {
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { className, animated, rows, title, avatar, avatarSize, visible, children, avatarShape } = _a, rest = __rest(_a, ["className", "animated", "rows", "title", "avatar", "avatarSize", "visible", "children", "avatarShape"]);
+  const classPrefix = "nut-skeleton";
+  const classes = classNames(classPrefix, className);
+  const avatarClass = classNames({
+    [`nut-avatar`]: true,
+    [`avatar-${avatarShape}`]: avatarShape
+  });
+  const repeatLines = (num) => {
+    return Array.from({ length: num }, (v, i) => i);
   };
-  var getStyle = function getStyle2() {
+  const getStyle = () => {
     if (avatarSize) {
       return {
         width: avatarSize,
@@ -59,29 +27,24 @@ var Skeleton = function Skeleton2(props) {
       height: "50px"
     };
   };
-  return React__default.createElement(React__default.Fragment, null, visible ? React__default.createElement(React__default.Fragment, null, children) : React__default.createElement("div", _objectSpread({
-    className: classes
-  }, rest), animated && React__default.createElement("div", {
-    className: "".concat(classPrefix, "-animation")
-  }), React__default.createElement("div", {
-    className: "".concat(classPrefix, "-content")
-  }, avatar && React__default.createElement(Avatar, {
-    className: avatarClass,
-    shape: avatarShape,
-    style: getStyle(),
-    icon: "null"
-  }), rows === 1 ? React__default.createElement("div", {
-    className: "".concat(classPrefix, "-block")
-  }) : React__default.createElement("div", {
-    className: "".concat(classPrefix, "-content-line")
-  }, title && React__default.createElement("div", {
-    className: "".concat(classPrefix, "-title")
-  }), repeatLines(rows).map(function(item, index) {
-    return React__default.createElement("div", {
-      className: "".concat(classPrefix, "-block"),
-      key: index
-    });
-  })))));
+  return React__default.createElement(React__default.Fragment, null, visible ? React__default.createElement(React__default.Fragment, null, children) : React__default.createElement(
+    "div",
+    Object.assign({ className: classes }, rest),
+    animated && React__default.createElement("div", { className: `${classPrefix}-animation` }),
+    React__default.createElement(
+      "div",
+      { className: `${classPrefix}-content` },
+      avatar && React__default.createElement(Avatar, { className: avatarClass, shape: avatarShape, style: getStyle(), icon: "null" }),
+      rows === 1 ? React__default.createElement("div", { className: `${classPrefix}-block` }) : React__default.createElement(
+        "div",
+        { className: `${classPrefix}-content-line` },
+        title && React__default.createElement("div", { className: `${classPrefix}-title` }),
+        repeatLines(rows).map((item, index) => {
+          return React__default.createElement("div", { className: `${classPrefix}-block`, key: index });
+        })
+      )
+    )
+  ));
 };
 Skeleton.defaultProps = defaultProps;
 Skeleton.displayName = "NutSkeleton";

package/dist/esm/Space.js

@@ -1,41 +1,14 @@
-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";
-var prefixCls = "nut-space";
-var defaultProps = {
+const prefixCls = "nut-space";
+const defaultProps = {
   direction: "horizontal"
 };
-var Space = function Space2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, children = _defaultProps$props.children, wrap = _defaultProps$props.wrap, align = _defaultProps$props.align, direction = _defaultProps$props.direction, justify = _defaultProps$props.justify;
-  var cls = classNames(prefixCls, wrap && "".concat(prefixCls, "-wrap"), direction && "".concat(prefixCls, "-").concat(direction), align && "".concat(prefixCls, "-align-").concat(align), justify && "".concat(prefixCls, "-justify-").concat(justify), className);
-  return React__default.createElement("div", {
-    className: cls,
-    style
-  }, React__default.Children.map(children, function(child) {
-    return child !== null && child !== void 0 && React__default.createElement("div", {
-      className: "".concat(prefixCls, "-item")
-    }, child);
+const Space = (props) => {
+  const { className, style, children, wrap, align, direction, justify } = Object.assign(Object.assign({}, defaultProps), props);
+  const cls = classNames(prefixCls, wrap && `${prefixCls}-wrap`, direction && `${prefixCls}-${direction}`, align && `${prefixCls}-align-${align}`, justify && `${prefixCls}-justify-${justify}`, className);
+  return React__default.createElement("div", { className: cls, style }, React__default.Children.map(children, (child) => {
+    return child !== null && child !== void 0 && React__default.createElement("div", { className: `${prefixCls}-item` }, child);
   }));
 };
 Space.defaultProps = defaultProps;

package/dist/esm/Step.js

@@ -1,81 +1,52 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "title", "description", "value", "icon", "className"];
-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, { useContext } from "react";
 import classNames from "classnames";
 import { D as DataContext } from "./context3.js";
 import { C as ComponentDefaults } from "./typings.js";
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  title: "",
-  description: "",
-  value: 0,
-  icon: null
-});
-var Step = function Step2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, title = _defaultProps$props.title, description = _defaultProps$props.description, value = _defaultProps$props.value, icon = _defaultProps$props.icon, className = _defaultProps$props.className, restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var parent = useContext(DataContext);
-  var dot = parent.propSteps.dot;
-  var getCurrentStatus = function getCurrentStatus2() {
-    var index = value;
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { title: "", description: "", value: 0, icon: null });
+const Step = (props) => {
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { children, title, description, value, icon, className } = _a, restProps = __rest(_a, ["children", "title", "description", "value", "icon", "className"]);
+  const parent = useContext(DataContext);
+  const dot = parent.propSteps.dot;
+  const getCurrentStatus = () => {
+    const index = value;
     if (index < +parent.propSteps.value)
       return "finish";
     return index === +parent.propSteps.value ? "process" : "wait";
   };
-  var handleClickStep = function handleClickStep2() {
-    var _parent$propSteps, _parent$propSteps2;
-    ((_parent$propSteps = parent.propSteps) === null || _parent$propSteps === void 0 ? void 0 : _parent$propSteps.onStepClick) && ((_parent$propSteps2 = parent.propSteps) === null || _parent$propSteps2 === void 0 ? void 0 : _parent$propSteps2.onStepClick(value));
+  const handleClickStep = () => {
+    var _a2, _b;
+    ((_a2 = parent.propSteps) === null || _a2 === void 0 ? void 0 : _a2.onStepClick) && ((_b = parent.propSteps) === null || _b === void 0 ? void 0 : _b.onStepClick(value));
   };
-  var classPrefix = "nut-step";
-  var classes = classNames(classPrefix, _defineProperty({}, "".concat(classPrefix, "-").concat(getCurrentStatus()), true), className);
-  var renderIconClass = function renderIconClass2() {
+  const classPrefix = `nut-step`;
+  const classes = classNames(classPrefix, {
+    [`${classPrefix}-${getCurrentStatus()}`]: true
+  }, className);
+  const renderIconClass = () => {
     if (icon) {
-      return "".concat(classPrefix, "-icon is-icon");
+      return `${classPrefix}-icon is-icon`;
     }
     if (!dot && !icon) {
-      return "".concat(classPrefix, "-icon is-text");
+      return `${classPrefix}-icon is-text`;
     }
-    return "".concat(classPrefix, "-icon");
+    return `${classPrefix}-icon`;
   };
-  return React__default.createElement("div", _objectSpread(_objectSpread({
-    className: classes
-  }, restProps), {}, {
-    onClick: handleClickStep
-  }), React__default.createElement("div", {
-    className: "nut-step-head"
-  }, React__default.createElement("div", {
-    className: "nut-step-line"
-  }), React__default.createElement("div", {
-    className: renderIconClass()
-  }, icon || !dot && React__default.createElement("span", {
-    className: "nut-step-inner"
-  }, value))), (title || description) && React__default.createElement("div", {
-    className: "nut-step-main"
-  }, React__default.createElement("span", {
-    className: "nut-step-title"
-  }, title), description && React__default.createElement("span", {
-    className: "nut-step-description"
-  }, description)));
+  return React__default.createElement(
+    "div",
+    Object.assign({ className: classes }, restProps, { onClick: handleClickStep }),
+    React__default.createElement(
+      "div",
+      { className: "nut-step-head" },
+      React__default.createElement("div", { className: "nut-step-line" }),
+      React__default.createElement("div", { className: renderIconClass() }, icon || !dot && React__default.createElement("span", { className: "nut-step-inner" }, value))
+    ),
+    (title || description) && React__default.createElement(
+      "div",
+      { className: "nut-step-main" },
+      React__default.createElement("span", { className: "nut-step-title" }, title),
+      description && React__default.createElement("span", { className: "nut-step-description" }, description)
+    )
+  );
 };
 Step.defaultProps = defaultProps;
 Step.displayName = "NutStep";

package/dist/esm/Steps.js

@@ -1,49 +1,25 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "value", "direction", "className", "dot", "onStepClick"];
-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 from "react";
 import classNames from "classnames";
 import { D as DataContext } from "./context3.js";
 import { C as ComponentDefaults } from "./typings.js";
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  value: 0,
-  direction: "horizontal",
-  dot: false
-});
-var Steps = function Steps2(props) {
-  var propSteps = _objectSpread(_objectSpread({}, defaultProps), props);
-  var children = propSteps.children, value = propSteps.value, direction = propSteps.direction, className = propSteps.className, dot = propSteps.dot, onStepClick = propSteps.onStepClick, restProps = _objectWithoutProperties(propSteps, _excluded);
-  var parentSteps = {
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { value: 0, direction: "horizontal", dot: false });
+const Steps = (props) => {
+  const propSteps = Object.assign(Object.assign({}, defaultProps), props);
+  const { children, value, direction, className, dot, onStepClick } = propSteps, restProps = __rest(propSteps, ["children", "value", "direction", "className", "dot", "onStepClick"]);
+  const parentSteps = {
     propSteps
   };
-  var classPrefix = "nut-steps";
-  var classes = classNames(classPrefix, _defineProperty(_defineProperty({}, "".concat(classPrefix, "-").concat(direction), true), "".concat(classPrefix, "-dot"), !!props.dot), className);
-  return React__default.createElement(DataContext.Provider, {
-    value: parentSteps
-  }, React__default.createElement("div", _objectSpread({
-    className: classes
-  }, restProps), children));
+  const classPrefix = `nut-steps`;
+  const classes = classNames(classPrefix, {
+    [`${classPrefix}-${direction}`]: true,
+    [`${classPrefix}-dot`]: !!props.dot
+  }, className);
+  return React__default.createElement(
+    DataContext.Provider,
+    { value: parentSteps },
+    React__default.createElement("div", Object.assign({ className: classes }, restProps), children)
+  );
 };
 Steps.defaultProps = defaultProps;
 Steps.displayName = "NutSteps";