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

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 {

package/dist/esm/Grid.js

@@ -1,32 +1,9 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "columns", "gap", "center", "square", "reverse", "direction", "style", "className", "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";
 import classNames from "classnames";
 import { a as GridContext, G as GridItem } from "./griditem2.js";
 import { p as pxCheck } from "./px-check.js";
-var defaultProps = {
+const defaultProps = {
   columns: 4,
   gap: 0,
   center: true,
@@ -34,15 +11,17 @@ var defaultProps = {
   reverse: false,
   direction: "vertical"
 };
-var Grid = function Grid2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, columns = _defaultProps$props.columns, gap = _defaultProps$props.gap, center = _defaultProps$props.center, square = _defaultProps$props.square, reverse = _defaultProps$props.reverse, direction = _defaultProps$props.direction, style = _defaultProps$props.style, className = _defaultProps$props.className, onClick = _defaultProps$props.onClick, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var childrenDom = React__default.Children.toArray(children);
-  var classPrefix = "nut-grid";
-  var rootClass = function rootClass2() {
-    return classNames(classPrefix, _defineProperty({}, "".concat(classPrefix, "-border"), !gap), className);
+const Grid = (props) => {
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { children, columns, gap, center, square, reverse, direction, style, className, onClick } = _a, rest = __rest(_a, ["children", "columns", "gap", "center", "square", "reverse", "direction", "style", "className", "onClick"]);
+  const childrenDom = React__default.Children.toArray(children);
+  const classPrefix = "nut-grid";
+  const rootClass = () => {
+    return classNames(classPrefix, {
+      [`${classPrefix}-border`]: !gap
+    }, className);
   };
-  var rootStyle = function rootStyle2() {
-    var styleSelf = {};
+  const rootStyle = () => {
+    let styleSelf = {};
     if (style) {
       styleSelf = style;
     }
@@ -51,24 +30,21 @@ var Grid = function Grid2(props) {
     }
     return styleSelf;
   };
-  return React__default.createElement("div", _objectSpread({
-    className: rootClass(),
-    style: rootStyle()
-  }, rest), React__default.createElement(GridContext.Provider, {
-    value: {
-      onClick
-    }
-  }, childrenDom.map(function(item, idex) {
-    return React__default.cloneElement(item, {
-      index: idex,
-      columns,
-      center,
-      gap,
-      square,
-      reverse,
-      direction
-    });
-  })));
+  return React__default.createElement(
+    "div",
+    Object.assign({ className: rootClass(), style: rootStyle() }, rest),
+    React__default.createElement(GridContext.Provider, { value: { onClick } }, childrenDom.map((item, idex) => {
+      return React__default.cloneElement(item, {
+        index: idex,
+        columns,
+        center,
+        gap,
+        square,
+        reverse,
+        direction
+      });
+    }))
+  );
 };
 Grid.defaultProps = defaultProps;
 Grid.displayName = "NutGrid";