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

package/dist/esm/TrendArrow.js

@@ -1,97 +1,55 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["value", "digits", "symbol", "zero", "left", "sync", "color", "riseColor", "dropColor", "riseIcon", "dropIcon", "className", "style", "children"];
-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 } from "react";
 import { TriangleUp, TriangleDown } from "@nutui/icons-react";
 import { C as ComponentDefaults } from "./typings.js";
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  value: 0,
-  digits: 2,
-  symbol: false,
-  zero: false,
-  left: false,
-  sync: true,
-  color: "",
-  riseColor: "var(--nutui-brand-6)",
-  dropColor: "var(--nutui-secondary-1)",
-  riseIcon: null,
-  dropIcon: null
-});
-var TrendArrow = function TrendArrow2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), value = _defaultProps$props.value, digits = _defaultProps$props.digits, symbol = _defaultProps$props.symbol, zero = _defaultProps$props.zero, left = _defaultProps$props.left, sync = _defaultProps$props.sync, color = _defaultProps$props.color, riseColor = _defaultProps$props.riseColor, dropColor = _defaultProps$props.dropColor, riseIcon = _defaultProps$props.riseIcon, dropIcon = _defaultProps$props.dropIcon, 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;
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { value: 0, digits: 2, symbol: false, zero: false, left: false, sync: true, color: "", riseColor: "var(--nutui-brand-6)", dropColor: "var(--nutui-secondary-1)", riseIcon: null, dropIcon: null });
+const TrendArrow = (props) => {
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { value, digits, symbol, zero, left, sync, color, riseColor, dropColor, riseIcon, dropIcon, className, style, children } = _a, rest = __rest(_a, ["value", "digits", "symbol", "zero", "left", "sync", "color", "riseColor", "dropColor", "riseIcon", "dropIcon", "className", "style", "children"]);
+  const classPrefix = "nut-trendarrow";
+  const rateTrend = useRef(value > 0);
+  const myFixed = (num, digit = 2) => {
     if (Object.is(parseFloat(num), NaN)) {
-      return console.warn("传入的值：".concat(num, "不是一个数字"));
+      return console.warn(`传入的值：${num}不是一个数字`);
     }
     num = parseFloat(num);
-    var numPow = Math.pow(10, digit);
+    const numPow = Math.pow(10, digit);
     return (Math.round((num + Number.EPSILON) * numPow) / numPow).toFixed(digit);
   };
-  var calcStyle = function() {
-    var arrowColor = rateTrend.current ? riseColor : dropColor;
-    var textEquArrowColor = sync ? arrowColor : color;
-    var style2 = {
+  const calcStyle = (() => {
+    const arrowColor = rateTrend.current ? riseColor : dropColor;
+    const textEquArrowColor = sync ? arrowColor : color;
+    const style2 = {
       color: value === 0 ? color : textEquArrowColor
     };
     return style2;
-  }();
-  var calcRate = function() {
+  })();
+  const calcRate = (() => {
     rateTrend.current = value > 0;
-    var absRate = Math.abs(value);
+    const absRate = Math.abs(value);
     if (!zero && value === 0) {
       return "--";
     }
-    var resultRate = "".concat(
-      // eslint-disable-next-line no-nested-ternary
-      symbol && value !== 0 ? rateTrend.current ? "+" : "-" : ""
-    ).concat(myFixed(Number(absRate), digits), "%");
+    const resultRate = `${// eslint-disable-next-line no-nested-ternary
+    symbol && value !== 0 ? rateTrend.current ? "+" : "-" : ""}${myFixed(Number(absRate), digits)}%`;
     return resultRate;
-  }();
-  var calcIconProps = function() {
-    var iconProps = {
+  })();
+  const calcIconProps = (() => {
+    const iconProps = {
       color: rateTrend.current ? riseColor : dropColor
     };
     return iconProps;
-  }();
-  var renderContent = function renderContent2(left2) {
-    var classNameSuffix = !left2 ? "icon-after" : "icon-before";
-    return React__default.createElement("span", {
-      className: "".concat(classPrefix, "-").concat(classNameSuffix, " ").concat(classPrefix, "-value"),
-      style: calcStyle
-    }, calcRate);
+  })();
+  const renderContent = (left2) => {
+    const classNameSuffix = !left2 ? "icon-after" : "icon-before";
+    return React__default.createElement("span", { className: `${classPrefix}-${classNameSuffix} ${classPrefix}-value`, style: calcStyle }, calcRate);
   };
-  return React__default.createElement("div", _objectSpread({
-    className: "".concat(classPrefix, " ").concat(className),
-    style
-  }, rest), !left && renderContent(!left), 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(React__default.Fragment, null, dropIcon || React__default.createElement(TriangleDown, {
-    color: calcIconProps.color
-  }))), left && renderContent(!left));
+  return React__default.createElement(
+    "div",
+    Object.assign({ className: `${classPrefix} ${className}`, style }, rest),
+    !left && renderContent(!left),
+    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(React__default.Fragment, null, dropIcon || React__default.createElement(TriangleDown, { color: calcIconProps.color }))),
+    left && renderContent(!left)
+  );
 };
 TrendArrow.defaultProps = defaultProps;
 TrendArrow.displayName = "NutTrendArrow";