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

package/dist/esm/Ellipsis.js

@@ -1,65 +1,33 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "content", "className", "direction", "rows", "expandText", "collapseText", "symbol", "lineHeight", "onClick", "onChange"];
-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, { useLayoutEffect, useEffect, useState, useRef } from "react";
 import classNames from "classnames";
 import { C as ComponentDefaults } from "./typings.js";
 import { c as canUseDom } from "./can-use-dom.js";
-var useIsomorphicLayoutEffect = canUseDom ? useLayoutEffect : useEffect;
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  content: "",
-  direction: "end",
-  rows: 1,
-  expandText: "",
-  collapseText: "",
-  symbol: "...",
-  lineHeight: "20"
-});
-var classPrefix = "nut-ellipsis";
-var Ellipsis = function Ellipsis2(props) {
-  var _ellipsis$current, _ellipsis$current2;
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, content = _defaultProps$props.content, className = _defaultProps$props.className, direction = _defaultProps$props.direction, rows = _defaultProps$props.rows, expandText = _defaultProps$props.expandText, collapseText = _defaultProps$props.collapseText, symbol = _defaultProps$props.symbol, lineHeight = _defaultProps$props.lineHeight, onClick = _defaultProps$props.onClick, onChange = _defaultProps$props.onChange, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var container = null;
-  var maxHeight = 0;
-  var _useState = useState(false), _useState2 = _slicedToArray(_useState, 2), exceeded = _useState2[0], setExceeded = _useState2[1];
-  var _useState3 = useState(false), _useState4 = _slicedToArray(_useState3, 2), expanded = _useState4[0], setExpanded = _useState4[1];
-  var ellipsis = useRef();
-  var root = useRef(null);
-  var classes = classNames(classPrefix, className);
-  useIsomorphicLayoutEffect(function() {
+const useIsomorphicLayoutEffect = canUseDom ? useLayoutEffect : useEffect;
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { content: "", direction: "end", rows: 1, expandText: "", collapseText: "", symbol: "...", lineHeight: "20" });
+const classPrefix = `nut-ellipsis`;
+const Ellipsis = (props) => {
+  var _a, _b;
+  const _c = Object.assign(Object.assign({}, defaultProps), props), { children, content, className, direction, rows, expandText, collapseText, symbol, lineHeight, onClick, onChange } = _c, rest = __rest(_c, ["children", "content", "className", "direction", "rows", "expandText", "collapseText", "symbol", "lineHeight", "onClick", "onChange"]);
+  let container = null;
+  let maxHeight = 0;
+  const [exceeded, setExceeded] = useState(false);
+  const [expanded, setExpanded] = useState(false);
+  const ellipsis = useRef();
+  const root = useRef(null);
+  const classes = classNames(classPrefix, className);
+  useIsomorphicLayoutEffect(() => {
     if (content) {
       createContainer();
     }
   }, [content]);
-  var createContainer = function createContainer2() {
+  const createContainer = () => {
     if (!root.current)
       return;
-    var originStyle = window.getComputedStyle(root.current);
+    const originStyle = window.getComputedStyle(root.current);
     container = document.createElement("div");
-    var styleNames = Array.prototype.slice.apply(originStyle);
-    styleNames.forEach(function(name) {
+    const styleNames = Array.prototype.slice.apply(originStyle);
+    styleNames.forEach((name) => {
       container.style.setProperty(name, originStyle.getPropertyValue(name));
     });
     container.style.position = "fixed";
@@ -73,27 +41,27 @@ var Ellipsis = function Ellipsis2(props) {
     container.style.whiteSpace = "normal";
     container.style.webkitLineClamp = "unset";
     container.style.display = "block";
-    var lineH = pxToNumber(originStyle.lineHeight === "normal" ? lineHeight : originStyle.lineHeight);
+    const lineH = pxToNumber(originStyle.lineHeight === "normal" ? lineHeight : originStyle.lineHeight);
     maxHeight = Math.floor(lineH * (Number(rows) + 0.5) + pxToNumber(originStyle.paddingTop) + pxToNumber(originStyle.paddingBottom));
     container.innerText = content;
     document.body.appendChild(container);
     calcEllipse();
     document.body.removeChild(container);
   };
-  var calcEllipse = function calcEllipse2() {
+  const calcEllipse = () => {
     if (container.offsetHeight <= maxHeight) {
       setExceeded(false);
     } else {
       setExceeded(true);
-      var end = content.length;
-      var middle = Math.floor((0 + end) / 2);
-      var ellipsised = direction === "middle" ? tailorMiddle([0, middle], [middle, end]) : tailor(0, end);
+      const end = content.length;
+      const middle = Math.floor((0 + end) / 2);
+      const ellipsised = direction === "middle" ? tailorMiddle([0, middle], [middle, end]) : tailor(0, end);
       ellipsis.current = ellipsised;
     }
   };
-  var tailor = function tailor2(left, right) {
-    var actionText = expanded ? collapseText : expandText;
-    var end = content.length;
+  const tailor = (left, right) => {
+    const actionText = expanded ? collapseText : expandText;
+    const end = content.length;
     if (right - left <= 1) {
       if (direction === "end") {
         return {
@@ -104,7 +72,7 @@ var Ellipsis = function Ellipsis2(props) {
         tailing: symbol + content.slice(right, end)
       };
     }
-    var middle = Math.round((left + right) / 2);
+    const middle = Math.round((left + right) / 2);
     if (direction === "end") {
       container.innerText = content.slice(0, middle) + symbol + actionText;
     } else {
@@ -112,39 +80,39 @@ var Ellipsis = function Ellipsis2(props) {
     }
     if (container.offsetHeight <= maxHeight) {
       if (direction === "end") {
-        return tailor2(middle, right);
+        return tailor(middle, right);
       }
-      return tailor2(left, middle);
+      return tailor(left, middle);
     }
     if (direction === "end") {
-      return tailor2(left, middle);
+      return tailor(left, middle);
     }
-    return tailor2(middle, right);
+    return tailor(middle, right);
   };
-  var tailorMiddle = function tailorMiddle2(leftPart, rightPart) {
-    var actionText = expanded ? collapseText : expandText;
-    var end = content.length;
+  const tailorMiddle = (leftPart, rightPart) => {
+    const actionText = expanded ? collapseText : expandText;
+    const end = content.length;
     if (leftPart[1] - leftPart[0] <= 1 && rightPart[1] - rightPart[0] <= 1) {
       return {
         leading: content.slice(0, leftPart[0]) + symbol,
         tailing: symbol + content.slice(rightPart[1], end)
       };
     }
-    var leftPartMiddle = Math.floor((leftPart[0] + leftPart[1]) / 2);
-    var rightPartMiddle = Math.ceil((rightPart[0] + rightPart[1]) / 2);
+    const leftPartMiddle = Math.floor((leftPart[0] + leftPart[1]) / 2);
+    const rightPartMiddle = Math.ceil((rightPart[0] + rightPart[1]) / 2);
     container.innerText = content.slice(0, leftPartMiddle) + symbol + actionText + symbol + content.slice(rightPartMiddle, end);
     if (container.offsetHeight <= maxHeight) {
-      return tailorMiddle2([leftPartMiddle, leftPart[1]], [rightPart[0], rightPartMiddle]);
+      return tailorMiddle([leftPartMiddle, leftPart[1]], [rightPart[0], rightPartMiddle]);
     }
-    return tailorMiddle2([leftPart[0], leftPartMiddle], [rightPartMiddle, rightPart[1]]);
+    return tailorMiddle([leftPart[0], leftPartMiddle], [rightPartMiddle, rightPart[1]]);
   };
-  var pxToNumber = function pxToNumber2(value) {
+  const pxToNumber = (value) => {
     if (!value)
       return 0;
-    var match = value.match(/^\d*(\.\d*)?/);
+    const match = value.match(/^\d*(\.\d*)?/);
     return match ? Number(match[0]) : 0;
   };
-  var clickHandle = function clickHandle2(type) {
+  const clickHandle = (type) => {
     if (type === 1) {
       setExpanded(true);
       onChange && onChange("expand");
@@ -153,26 +121,37 @@ var Ellipsis = function Ellipsis2(props) {
       onChange && onChange("collapse");
     }
   };
-  var handleClick = function handleClick2() {
+  const handleClick = () => {
     onClick && onClick();
   };
-  return React__default.createElement("div", _objectSpread({
-    className: classes,
-    onClick: handleClick,
-    ref: root
-  }, rest), React__default.createElement("div", null, !exceeded ? content : null, exceeded && !expanded ? React__default.createElement(React__default.Fragment, null, (_ellipsis$current = ellipsis.current) === null || _ellipsis$current === void 0 ? void 0 : _ellipsis$current.leading, expandText ? React__default.createElement("span", {
-    className: "nut-ellipsis-text",
-    onClick: function onClick2(e) {
-      e.stopPropagation();
-      clickHandle(1);
-    }
-  }, expandText) : null, (_ellipsis$current2 = ellipsis.current) === null || _ellipsis$current2 === void 0 ? void 0 : _ellipsis$current2.tailing) : null, exceeded && expanded ? React__default.createElement(React__default.Fragment, null, content, expandText ? React__default.createElement("span", {
-    className: "nut-ellipsis-text",
-    onClick: function onClick2(e) {
-      e.stopPropagation();
-      clickHandle(2);
-    }
-  }, collapseText) : null) : null));
+  return React__default.createElement(
+    "div",
+    Object.assign({ className: classes, onClick: handleClick, ref: root }, rest),
+    React__default.createElement(
+      "div",
+      null,
+      !exceeded ? content : null,
+      exceeded && !expanded ? React__default.createElement(
+        React__default.Fragment,
+        null,
+        (_a = ellipsis.current) === null || _a === void 0 ? void 0 : _a.leading,
+        expandText ? React__default.createElement("span", { className: "nut-ellipsis-text", onClick: (e) => {
+          e.stopPropagation();
+          clickHandle(1);
+        } }, expandText) : null,
+        (_b = ellipsis.current) === null || _b === void 0 ? void 0 : _b.tailing
+      ) : null,
+      exceeded && expanded ? React__default.createElement(
+        React__default.Fragment,
+        null,
+        content,
+        expandText ? React__default.createElement("span", { className: "nut-ellipsis-text", onClick: (e) => {
+          e.stopPropagation();
+          clickHandle(2);
+        } }, collapseText) : null
+      ) : null
+    )
+  );
 };
 Ellipsis.defaultProps = defaultProps;
 Ellipsis.displayName = "NutEllipsis";

package/dist/esm/Empty.js

@@ -1,66 +1,31 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["image", "imageSize", "title", "description", "children", "className", "size", "status", "actions"];
-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, { useState, useEffect } from "react";
 import classNames from "classnames";
 import { useConfig } from "./ConfigProvider.js";
 import { C as ComponentDefaults } from "./typings.js";
 import { B as Button } from "./button2.js";
-var defaultStatus = {
+const defaultStatus = {
   empty: "https://static-ftcms.jd.com/p/files/61a9e3183985005b3958672b.png",
   error: "https://ftcms.jd.com/p/files/61a9e33ee7dcdbcc0ce62736.png",
   network: "https://static-ftcms.jd.com/p/files/61a9e31de7dcdbcc0ce62734.png"
 };
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  title: "",
-  description: "",
-  imageSize: "",
-  size: "base",
-  status: "empty",
-  actions: []
-});
-var classPrefix = "nut-empty";
-var Empty = function Empty2(props) {
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { title: "", description: "", imageSize: "", size: "base", status: "empty", actions: [] });
+const classPrefix = `nut-empty`;
+const Empty = (props) => {
   useConfig();
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), image = _defaultProps$props.image, imageSize = _defaultProps$props.imageSize, title = _defaultProps$props.title, description = _defaultProps$props.description, children = _defaultProps$props.children, className = _defaultProps$props.className, size = _defaultProps$props.size, status = _defaultProps$props.status, actions = _defaultProps$props.actions, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var _useState = useState({}), _useState2 = _slicedToArray(_useState, 2), imgStyle = _useState2[0], setImgStyle = _useState2[1];
-  var imageUrl = image || defaultStatus[status];
-  var imageNode = typeof imageUrl === "string" ? React__default.createElement("img", {
-    className: "img",
-    src: imageUrl,
-    alt: "empty"
-  }) : imageUrl;
-  useEffect(function() {
-    setImgStyle(function() {
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { image, imageSize, title, description, children, className, size, status, actions } = _a, rest = __rest(_a, ["image", "imageSize", "title", "description", "children", "className", "size", "status", "actions"]);
+  const [imgStyle, setImgStyle] = useState({});
+  const imageUrl = image || defaultStatus[status];
+  const imageNode = typeof imageUrl === "string" ? React__default.createElement("img", { className: "img", src: imageUrl, alt: "empty" }) : imageUrl;
+  useEffect(() => {
+    setImgStyle(() => {
       if (!imageSize) {
         return {};
       }
       if (typeof imageSize === "number") {
         return {
-          width: "".concat(imageSize, "px"),
-          height: "".concat(imageSize, "px")
+          width: `${imageSize}px`,
+          height: `${imageSize}px`
         };
       }
       return {
@@ -69,28 +34,24 @@ var Empty = function Empty2(props) {
       };
     });
   }, [imageSize]);
-  var classes = classNames(_defineProperty({}, "".concat(classPrefix, "-").concat(size), size !== "base"));
-  var cls = classNames(classPrefix, classes, className);
-  return React__default.createElement("div", _objectSpread({
-    className: cls
-  }, rest), React__default.createElement("div", {
-    className: "".concat(classPrefix, "-image"),
-    style: imgStyle
-  }, imageNode), typeof title === "string" && title ? React__default.createElement("div", {
-    className: "".concat(classPrefix, "-title")
-  }, title) : title, typeof description === "string" ? React__default.createElement("div", {
-    className: "".concat(classPrefix, "-description")
-  }, description) : description, actions.length > 0 && React__default.createElement("div", {
-    className: "".concat(classPrefix, "-actions")
-  }, actions.map(function(item, index) {
-    return React__default.createElement(Button, {
-      className: classNames(_defineProperty(_defineProperty({}, "".concat(classPrefix, "-actions-right"), actions.length === 1), "".concat(classPrefix, "-actions-left"), actions.length > 1 && index === 0)),
-      type: "".concat(actions.length > 1 && index === 0 ? "default" : "primary"),
-      size: "small",
-      fill: "outline",
-      key: "action-".concat(index)
-    }, item === null || item === void 0 ? void 0 : item.text);
-  })), children);
+  const classes = classNames({
+    [`${classPrefix}-${size}`]: size !== "base"
+  });
+  const cls = classNames(classPrefix, classes, className);
+  return React__default.createElement(
+    "div",
+    Object.assign({ className: cls }, rest),
+    React__default.createElement("div", { className: `${classPrefix}-image`, style: imgStyle }, imageNode),
+    typeof title === "string" && title ? React__default.createElement("div", { className: `${classPrefix}-title` }, title) : title,
+    typeof description === "string" ? React__default.createElement("div", { className: `${classPrefix}-description` }, description) : description,
+    actions.length > 0 && React__default.createElement("div", { className: `${classPrefix}-actions` }, actions.map((item, index) => {
+      return React__default.createElement(Button, { className: classNames({
+        [`${classPrefix}-actions-right`]: actions.length === 1,
+        [`${classPrefix}-actions-left`]: actions.length > 1 && index === 0
+      }), type: `${actions.length > 1 && index === 0 ? "default" : "primary"}`, size: "small", fill: "outline", key: `action-${index}` }, item === null || item === void 0 ? void 0 : item.text);
+    })),
+    children
+  );
 };
 Empty.defaultProps = defaultProps;
 Empty.displayName = "NutEmpty";

package/dist/esm/FixedNav.js

@@ -1,96 +1,47 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["className", "overlay", "visible", "list", "activeText", "inactiveText", "position", "onChange", "onSelect", "type", "children", "style", "content"];
-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 { ArrowLeft } from "@nutui/icons-react";
 import Overlay from "./Overlay.js";
 import { useConfig } from "./ConfigProvider.js";
 import { C as ComponentDefaults } from "./typings.js";
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  activeText: "",
-  inactiveText: "",
-  type: "right",
-  position: {
-    top: "auto",
-    bottom: "auto"
-  }
-});
-var FixedNav = function FixedNav2(props) {
-  var _useConfig = useConfig(), locale = _useConfig.locale;
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, overlay = _defaultProps$props.overlay, visible = _defaultProps$props.visible, list = _defaultProps$props.list, activeText = _defaultProps$props.activeText, inactiveText = _defaultProps$props.inactiveText, position = _defaultProps$props.position, onChange = _defaultProps$props.onChange, onSelect = _defaultProps$props.onSelect, type = _defaultProps$props.type, children = _defaultProps$props.children, style = _defaultProps$props.style, content = _defaultProps$props.content, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var classPrefix = "nut-fixednav";
-  var classes = classNames(classPrefix, {
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { activeText: "", inactiveText: "", type: "right", position: {
+  top: "auto",
+  bottom: "auto"
+} });
+const FixedNav = (props) => {
+  const { locale } = useConfig();
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { className, overlay, visible, list, activeText, inactiveText, position, onChange, onSelect, type, children, style, content } = _a, rest = __rest(_a, ["className", "overlay", "visible", "list", "activeText", "inactiveText", "position", "onChange", "onSelect", "type", "children", "style", "content"]);
+  const classPrefix = "nut-fixednav";
+  const classes = classNames(classPrefix, {
     active: visible
   }, type, className);
-  var handleClick = function handleClick2(item, event) {
+  const handleClick = (item, event) => {
     onSelect(item, event);
   };
-  var onUpdateValue = function onUpdateValue2() {
-    var value = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !visible;
+  const onUpdateValue = (value = !visible) => {
     onChange(value);
   };
-  return React__default.createElement("div", _objectSpread({
-    className: classes,
-    style: _objectSpread(_objectSpread({}, position), style)
-  }, rest), overlay && React__default.createElement(Overlay, {
-    visible,
-    style: {
-      "--nutui-overlay-zIndex": 200
-    },
-    onClick: function onClick() {
-      return onUpdateValue(false);
-    }
-  }), React__default.createElement("div", {
-    className: "list"
-  }, children || React__default.createElement("div", {
-    className: "".concat(classPrefix, "-list")
-  }, list.map(function(item, index) {
-    return React__default.createElement("div", {
-      className: "".concat(classPrefix, "-list-item"),
-      onClick: function onClick(event) {
-        return handleClick(item, event);
-      },
-      key: item.id || index
-    }, React__default.isValidElement(item.icon) ? item.icon : React__default.createElement("img", {
-      src: item.icon,
-      alt: ""
-    }), React__default.createElement("div", {
-      className: "".concat(classPrefix, "-list-text")
-    }, item.text), item.num && React__default.createElement("div", {
-      className: "b"
-    }, item.num));
-  }))), React__default.createElement("div", {
-    className: "".concat(classPrefix, "-btn"),
-    onClick: function onClick() {
-      return onUpdateValue();
-    }
-  }, content || React__default.createElement(React__default.Fragment, null, React__default.createElement(ArrowLeft, {
-    color: "#fff"
-  }), React__default.createElement("div", {
-    className: "text"
-  }, visible ? activeText || locale.fixednav.activeText : inactiveText || locale.fixednav.inactiveText))));
+  return React__default.createElement(
+    "div",
+    Object.assign({ className: classes, style: Object.assign(Object.assign({}, position), style) }, rest),
+    overlay && React__default.createElement(Overlay, { visible, style: { "--nutui-overlay-zIndex": 200 }, onClick: () => onUpdateValue(false) }),
+    React__default.createElement("div", { className: "list" }, children || React__default.createElement("div", { className: `${classPrefix}-list` }, list.map((item, index) => {
+      return React__default.createElement(
+        "div",
+        { className: `${classPrefix}-list-item`, onClick: (event) => handleClick(item, event), key: item.id || index },
+        React__default.isValidElement(item.icon) ? item.icon : React__default.createElement("img", { src: item.icon, alt: "" }),
+        React__default.createElement("div", { className: `${classPrefix}-list-text` }, item.text),
+        item.num && React__default.createElement("div", { className: "b" }, item.num)
+      );
+    }))),
+    React__default.createElement("div", { className: `${classPrefix}-btn`, onClick: () => onUpdateValue() }, content || React__default.createElement(
+      React__default.Fragment,
+      null,
+      React__default.createElement(ArrowLeft, { color: "#fff" }),
+      React__default.createElement("div", { className: "text" }, visible ? activeText || locale.fixednav.activeText : inactiveText || locale.fixednav.inactiveText)
+    ))
+  );
 };
 FixedNav.defaultProps = defaultProps;
 FixedNav.displayName = "NutFixedNav";

package/dist/esm/Form.js

@@ -1,93 +1,60 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-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 { u as useForm, S as SECRET, C as Context, F as FormItem } from "./formitem2.js";
 import { C as ComponentDefaults } from "./typings.js";
 import Cell from "./Cell.js";
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  labelPosition: "right",
-  starPosition: "left",
-  divider: false,
-  onFinish: function onFinish(values) {
-  },
-  onFinishFailed: function onFinishFailed(values, errorFields) {
-  }
-});
-var PositionInfo = {
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { labelPosition: "right", starPosition: "left", divider: false, onFinish: (values) => {
+}, onFinishFailed: (values, errorFields) => {
+} });
+const PositionInfo = {
   top: "form-layout-top",
   left: "form-layout-left",
   right: "form-layout-right"
 };
-var Form = React__default.forwardRef(function(props, ref) {
-  var classPrefix = "nut-form";
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, footer = _defaultProps$props.footer, children = _defaultProps$props.children, initialValues = _defaultProps$props.initialValues, divider = _defaultProps$props.divider, onFinish2 = _defaultProps$props.onFinish, onFinishFailed2 = _defaultProps$props.onFinishFailed, labelPosition = _defaultProps$props.labelPosition, starPosition = _defaultProps$props.starPosition, form = _defaultProps$props.form;
-  var formInstance;
+const Form = React__default.forwardRef((props, ref) => {
+  const classPrefix = "nut-form";
+  const { className, style, footer, children, initialValues, divider, onFinish, onFinishFailed, labelPosition, starPosition, form } = Object.assign(Object.assign({}, defaultProps), props);
+  let formInstance;
   if (form !== void 0) {
     formInstance = form;
   } else {
-    var _useForm = useForm();
-    var _useForm2 = _slicedToArray(_useForm, 1);
-    formInstance = _useForm2[0];
+    [formInstance] = useForm();
   }
-  React__default.useImperativeHandle(ref, function() {
-    return formInstance;
-  });
+  React__default.useImperativeHandle(ref, () => formInstance);
   formInstance.starPosition = starPosition;
-  var _formInstance = formInstance, submit = _formInstance.submit, resetFields = _formInstance.resetFields;
-  var _formInstance$getInte = formInstance.getInternal(SECRET), setCallback = _formInstance$getInte.setCallback, setInitialValues = _formInstance$getInte.setInitialValues;
+  const { submit, resetFields } = formInstance;
+  const { setCallback, setInitialValues } = formInstance.getInternal(SECRET);
   setCallback({
-    onFinish: onFinish2,
-    onFinishFailed: onFinishFailed2
+    onFinish,
+    onFinishFailed
   });
-  var mountRef = React__default.useRef(false);
+  const mountRef = React__default.useRef(false);
   setInitialValues(initialValues, !mountRef.current);
   if (!mountRef.current) {
     mountRef.current = true;
   }
-  return React__default.createElement("form", {
-    className: classNames(classPrefix, PositionInfo[labelPosition], className),
-    style,
-    onSubmit: function onSubmit(e) {
+  return React__default.createElement(
+    "form",
+    { className: classNames(classPrefix, PositionInfo[labelPosition], className), style, onSubmit: (e) => {
       e.preventDefault();
       e.stopPropagation();
       submit();
-    },
-    onReset: function onReset(e) {
+    }, onReset: (e) => {
       e.preventDefault();
       e.stopPropagation();
       resetFields();
-    }
-  }, React__default.createElement(Cell.Group, {
-    divider
-  }, React__default.createElement(Context.Provider, {
-    value: formInstance
-  }, children), footer ? React__default.createElement(Cell, null, footer) : null));
+    } },
+    React__default.createElement(
+      Cell.Group,
+      { divider },
+      React__default.createElement(Context.Provider, { value: formInstance }, children),
+      footer ? React__default.createElement(Cell, null, footer) : null
+    )
+  );
 });
 Form.defaultProps = defaultProps;
 Form.displayName = "NutForm";
-var InnerForm = Form;
+const InnerForm = Form;
 InnerForm.Item = FormItem;
 InnerForm.useForm = useForm;
 export {