@nutui/nutui-react 4.0.0-beta.4 → 4.0.0-beta.5

package/dist/es/packages/elevator/elevator.js

@@ -21,8 +21,8 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     defaultValue: undefined,
     value: undefined
 });
-export var Elevator = function(props) {
-    var _ref = _object_spread({}, defaultProps, props), value = _ref.value, defaultValue = _ref.defaultValue, mode = _ref.mode, height = _ref.height, floorKey = _ref.floorKey, list = _ref.list, sticky = _ref.sticky, spaceHeight = _ref.spaceHeight, showKeys = _ref.showKeys, className = _ref.className, style = _ref.style, onItemClick = _ref.onItemClick, onIndexClick = _ref.onIndexClick, children = _ref.children, rest = _object_without_properties(_ref, [
+export var Elevator = function Elevator(props) {
+    var _$_object_spread = _object_spread({}, defaultProps, props), value = _$_object_spread.value, defaultValue = _$_object_spread.defaultValue, mode = _$_object_spread.mode, height = _$_object_spread.height, floorKey = _$_object_spread.floorKey, list = _$_object_spread.list, sticky = _$_object_spread.sticky, spaceHeight = _$_object_spread.spaceHeight, showKeys = _$_object_spread.showKeys, className = _$_object_spread.className, style = _$_object_spread.style, onItemClick = _$_object_spread.onItemClick, onIndexClick = _$_object_spread.onIndexClick, children = _$_object_spread.children, rest = _object_without_properties(_$_object_spread, [
         "value",
         "defaultValue",
         "mode",
@@ -59,10 +59,10 @@ export var Elevator = function(props) {
     var _useState2 = _sliced_to_array(useState(0), 2), codeIndex = _useState2[0], setCodeIndex = _useState2[1];
     var _useState3 = _sliced_to_array(useState(false), 2), scrollStart = _useState3[0], setScrollStart = _useState3[1];
     var state = useRef(initData);
-    var resetScrollState = function() {
+    var resetScrollState = function resetScrollState() {
         setScrollStart(false);
     };
-    var getData = function(el, name) {
+    var getData = function getData(el, name) {
         var prefix = 'data-';
         // 检查点击的元素是否直接包含 data-index 属性
         if (el.hasAttribute('data-index')) {
@@ -70,7 +70,7 @@ export var Elevator = function(props) {
         }
         return '-1';
     };
-    var calculateHeight = function() {
+    var calculateHeight = function calculateHeight() {
         var height = 0;
         state.current.listHeight.push(height);
         for(var i = 0; i < state.current.listGroup.length; i++){
@@ -79,7 +79,7 @@ export var Elevator = function(props) {
             state.current.listHeight.push(height);
         }
     };
-    var scrollTo = function(index) {
+    var scrollTo = function scrollTo(index) {
         if (!index && index !== 0) {
             return;
         }
@@ -99,7 +99,7 @@ export var Elevator = function(props) {
         }
     };
     var bind = useGesture({
-        onDragStart: function(param) {
+        onDragStart: function onDragStart(param) {
             var target = param.target, offset = param.offset;
             setScrollStart(true);
             var index = Number(getData(target, 'index'));
@@ -114,7 +114,7 @@ export var Elevator = function(props) {
             });
             scrollTo(index);
         },
-        onDragEnd: function(param) {
+        onDragEnd: function onDragEnd(param) {
             var offset = param.offset;
             touchState.current.y2 = offset[1];
             var delta = (touchState.current.y2 - touchState.current.y1) / spaceHeight || 0;
@@ -125,14 +125,14 @@ export var Elevator = function(props) {
             resetScrollState();
         }
     });
-    var handleClickItem = function(key, item) {
+    var handleClickItem = function handleClickItem(key, item) {
         onItemClick && onItemClick(key, item);
         setCurrentData(item);
     };
-    var handleClickIndex = function(key) {
+    var handleClickIndex = function handleClickIndex(key) {
         onIndexClick && onIndexClick(key);
     };
-    var setListGroup = function() {
+    var setListGroup = function setListGroup() {
         if (listview.current) {
             var els = listview.current.querySelectorAll('.nut-elevator-list-item');
             els.forEach(function(el) {
@@ -142,7 +142,7 @@ export var Elevator = function(props) {
             });
         }
     };
-    var listViewScroll = function(e) {
+    var listViewScroll = function listViewScroll(e) {
         var listHeight = state.current.listHeight;
         if (!listHeight.length) {
             calculateHeight();
@@ -199,7 +199,7 @@ export var Elevator = function(props) {
             return /*#__PURE__*/ React.createElement("div", {
                 className: classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix, "-list-item-name"), true), _define_property(_obj, "".concat(classPrefix, "-list-item-name-highcolor"), currentData.id === subitem.id), _obj)),
                 key: subitem.id,
-                onClick: function() {
+                onClick: function onClick() {
                     return handleClickItem(item[floorKey], subitem);
                 }
             }, children ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(elevatorContext.Provider, {
@@ -223,7 +223,7 @@ export var Elevator = function(props) {
             className: classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix, "-bars-inner-item"), true), _define_property(_obj, "".concat(classPrefix, "-bars-inner-item-active"), item[floorKey] === ((_list_currentIndex = list[currentIndex]) === null || _list_currentIndex === void 0 ? void 0 : _list_currentIndex[floorKey])), _obj)),
             "data-index": index,
             key: index,
-            onClick: function() {
+            onClick: function onClick() {
                 return handleClickIndex(item[floorKey]);
             }
         }, String(item[floorKey]));

package/dist/es/packages/ellipsis/ellipsis.js

@@ -18,9 +18,9 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     lineHeight: '20'
 });
 var classPrefix = "nut-ellipsis";
-export var Ellipsis = function(props) {
+export var Ellipsis = function Ellipsis(props) {
     var _ellipsis_current, _ellipsis_current1;
-    var _ref = _object_spread({}, defaultProps, props), children = _ref.children, content = _ref.content, className = _ref.className, direction = _ref.direction, rows = _ref.rows, expandText = _ref.expandText, collapseText = _ref.collapseText, symbol = _ref.symbol, lineHeight = _ref.lineHeight, onClick = _ref.onClick, onChange = _ref.onChange, rest = _object_without_properties(_ref, [
+    var _$_object_spread = _object_spread({}, defaultProps, props), children = _$_object_spread.children, content = _$_object_spread.content, className = _$_object_spread.className, direction = _$_object_spread.direction, rows = _$_object_spread.rows, expandText = _$_object_spread.expandText, collapseText = _$_object_spread.collapseText, symbol = _$_object_spread.symbol, lineHeight = _$_object_spread.lineHeight, onClick = _$_object_spread.onClick, onChange = _$_object_spread.onChange, rest = _object_without_properties(_$_object_spread, [
         "children",
         "content",
         "className",
@@ -50,7 +50,7 @@ export var Ellipsis = function(props) {
         content
     ]);
     // 创建虚拟 container，内容为 contant 的内容
-    var createContainer = function() {
+    var createContainer = function createContainer() {
         if (!root.current) return;
         var originStyle = window.getComputedStyle(root.current);
         container = document.createElement('div');
@@ -77,7 +77,7 @@ export var Ellipsis = function(props) {
         document.body.removeChild(container);
     };
     // 计算省略号的位置
-    var calcEllipse = function() {
+    var calcEllipse = function calcEllipse() {
         if (container.offsetHeight <= maxHeight) {
             setExceeded(false);
         } else {
@@ -95,7 +95,7 @@ export var Ellipsis = function(props) {
         }
     };
     // 计算 start/end 省略
-    var tailor = function(left, right) {
+    var tailor = function tailor1(left, right) {
         var actionText = expanded ? collapseText : expandText;
         var end = content.length;
         if (right - left <= 1) {
@@ -126,7 +126,7 @@ export var Ellipsis = function(props) {
         return tailor(middle, right);
     };
     // 计算 middle 省略
-    var tailorMiddle = function(leftPart, rightPart) {
+    var tailorMiddle = function tailorMiddle1(leftPart, rightPart) {
         var actionText = expanded ? collapseText : expandText;
         var end = content.length;
         if (leftPart[1] - leftPart[0] <= 1 && rightPart[1] - rightPart[0] <= 1) {
@@ -155,12 +155,12 @@ export var Ellipsis = function(props) {
             rightPart[1]
         ]);
     };
-    var pxToNumber = function(value) {
+    var pxToNumber = function pxToNumber(value) {
         if (!value) return 0;
         var match = value.match(/^\d*(\.\d*)?/);
         return match ? Number(match[0]) : 0;
     };
-    var clickHandle = function(type) {
+    var clickHandle = function clickHandle(type) {
         if (type === 1) {
             setExpanded(true);
             onChange && onChange('expand');
@@ -169,7 +169,7 @@ export var Ellipsis = function(props) {
             onChange && onChange('collapse');
         }
     };
-    var handleClick = function() {
+    var handleClick = function handleClick() {
         onClick && onClick();
     };
     return /*#__PURE__*/ React.createElement("div", _object_spread({
@@ -178,13 +178,13 @@ export var Ellipsis = function(props) {
         ref: root
     }, rest), !exceeded ? content : null, exceeded && !expanded ? /*#__PURE__*/ React.createElement("span", null, (_ellipsis_current = ellipsis.current) === null || _ellipsis_current === void 0 ? void 0 : _ellipsis_current.leading, expandText ? /*#__PURE__*/ React.createElement("span", {
         className: "nut-ellipsis-text",
-        onClick: function(e) {
+        onClick: function onClick(e) {
             e.stopPropagation();
             clickHandle(1);
         }
     }, expandText) : null, (_ellipsis_current1 = ellipsis.current) === null || _ellipsis_current1 === void 0 ? void 0 : _ellipsis_current1.tailing) : null, exceeded && expanded ? /*#__PURE__*/ React.createElement("span", null, content, expandText ? /*#__PURE__*/ React.createElement("span", {
         className: "nut-ellipsis-text",
-        onClick: function(e) {
+        onClick: function onClick(e) {
             e.stopPropagation();
             clickHandle(2);
         }

package/dist/es/packages/empty/empty.js

@@ -16,8 +16,8 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     actions: []
 });
 var classPrefix = "nut-empty";
-export var Empty = function(props) {
-    var _ref = _object_spread({}, defaultProps, props), image = _ref.image, imageSize = _ref.imageSize, title = _ref.title, description = _ref.description, children = _ref.children, className = _ref.className, size = _ref.size, status = _ref.status, actions = _ref.actions, style = _ref.style, rest = _object_without_properties(_ref, [
+export var Empty = function Empty(props) {
+    var _$_object_spread = _object_spread({}, defaultProps, props), image = _$_object_spread.image, imageSize = _$_object_spread.imageSize, title = _$_object_spread.title, description = _$_object_spread.description, children = _$_object_spread.children, className = _$_object_spread.className, size = _$_object_spread.size, status = _$_object_spread.status, actions = _$_object_spread.actions, style = _$_object_spread.style, rest = _object_without_properties(_$_object_spread, [
         "image",
         "imageSize",
         "title",

package/dist/es/packages/fixednav/fixednav.js

@@ -19,12 +19,12 @@ var defaultProps = _object_spread_props(_object_spread({}, defaultOverlayProps),
         bottom: 'auto'
     },
     zIndex: 200,
-    onChange: function(value) {},
-    onSelect: function() {}
+    onChange: function onChange(value) {},
+    onSelect: function onSelect() {}
 });
-export var FixedNav = function(props) {
+export var FixedNav = function FixedNav(props) {
     var locale = useConfig().locale;
-    var _ref = _object_spread({}, defaultProps, props), overlay = _ref.overlay, visible = _ref.visible, list = _ref.list, activeText = _ref.activeText, inactiveText = _ref.inactiveText, position = _ref.position, type = _ref.type, children = _ref.children, style = _ref.style, className = _ref.className, content = _ref.content, zIndex = _ref.zIndex, onChange = _ref.onChange, onSelect = _ref.onSelect, rest = _object_without_properties(_ref, [
+    var _$_object_spread = _object_spread({}, defaultProps, props), overlay = _$_object_spread.overlay, visible = _$_object_spread.visible, list = _$_object_spread.list, activeText = _$_object_spread.activeText, inactiveText = _$_object_spread.inactiveText, position = _$_object_spread.position, type = _$_object_spread.type, children = _$_object_spread.children, style = _$_object_spread.style, className = _$_object_spread.className, content = _$_object_spread.content, zIndex = _$_object_spread.zIndex, onChange = _$_object_spread.onChange, onSelect = _$_object_spread.onSelect, rest = _object_without_properties(_$_object_spread, [
         "overlay",
         "visible",
         "list",
@@ -44,10 +44,10 @@ export var FixedNav = function(props) {
     var classes = classNames(classPrefix, {
         active: visible
     }, "".concat(classPrefix, "-").concat(type), className);
-    var renderListItem = function(item, index) {
+    var renderListItem = function renderListItem(item, index) {
         return /*#__PURE__*/ React.createElement("div", {
             className: "".concat(classPrefix, "-list-item"),
-            onClick: function(event) {
+            onClick: function onClick(event) {
                 return onSelect(item, event);
             },
             key: item.id || index
@@ -65,7 +65,7 @@ export var FixedNav = function(props) {
     }, rest), overlay && /*#__PURE__*/ React.createElement(Overlay, {
         visible: visible,
         zIndex: zIndex,
-        onClick: function() {
+        onClick: function onClick() {
             return onChange(false);
         }
     }), /*#__PURE__*/ React.createElement("div", {
@@ -80,7 +80,7 @@ export var FixedNav = function(props) {
         }, renderListItem(item, index)) : /*#__PURE__*/ React.createElement(React.Fragment, null, renderListItem(item, index)));
     }))), /*#__PURE__*/ React.createElement("div", {
         className: "".concat(classPrefix, "-btn"),
-        onClick: function() {
+        onClick: function onClick() {
             return onChange(!visible);
         }
     }, content || /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(ArrowLeft, {

package/dist/es/packages/form/form.js

@@ -13,10 +13,10 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     disabled: false,
     divider: false,
     validateTrigger: 'onChange',
-    onReset: function() {},
-    onSubmit: function() {},
-    onFinish: function(values) {},
-    onFinishFailed: function(values, errorFields) {}
+    onReset: function onReset() {},
+    onSubmit: function onSubmit() {},
+    onFinish: function onFinish(values) {},
+    onFinishFailed: function onFinishFailed(values, errorFields) {}
 });
 var PositionInfo = {
     top: 'form-layout-top',
@@ -55,13 +55,13 @@ export var Form = /*#__PURE__*/ React.forwardRef(function(props, ref) {
     return /*#__PURE__*/ React.createElement("form", {
         className: classNames(classPrefix, PositionInfo[labelPosition], className),
         style: style,
-        onSubmit: function(e) {
+        onSubmit: function onSubmit1(e) {
             e.preventDefault();
             e.stopPropagation();
             submit();
             onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit();
         },
-        onReset: function(e) {
+        onReset: function onReset1(e) {
             e.preventDefault();
             e.stopPropagation();
             resetFields();

package/dist/es/packages/form/useform.js

@@ -345,8 +345,8 @@ export var SECRET = 'NUT_FORM_INTERNAL';
             }
         });
         this.callbacks = {
-            onFinish: function() {},
-            onFinishFailed: function() {}
+            onFinish: function onFinish() {},
+            onFinishFailed: function onFinishFailed() {}
         };
     }
     _create_class(FormStore, [
@@ -359,7 +359,7 @@ export var SECRET = 'NUT_FORM_INTERNAL';
     ]);
     return FormStore;
 }();
-export var useForm = function(form) {
+export var useForm = function useForm(form) {
     var formRef = useRef();
     if (!formRef.current) {
         if (form) {
@@ -373,7 +373,7 @@ export var useForm = function(form) {
         formRef.current
     ];
 };
-export var useWatch = function(path, form) {
+export var useWatch = function useWatch(path, form) {
     var formInstance = form.getInternal(SECRET);
     var _useState = _sliced_to_array(useState(), 2), value = _useState[0], setValue = _useState[1];
     useEffect(function() {

package/dist/es/packages/formitem/formitem.js

@@ -133,7 +133,7 @@ export var FormItem = /*#__PURE__*/ function(_superClass) {
                 className: "".concat(_this.getClassNameWithDirection('nut-form-item'), " ").concat(className),
                 style: style,
                 align: align,
-                onClick: function(e) {
+                onClick: function onClick(e) {
                     return _this.props.onClick && _this.props.onClick(e, _this.componentRef);
                 }
             }, label ? /*#__PURE__*/ React.createElement("div", {

package/dist/es/packages/grid/context.js

@@ -1,5 +1,5 @@
 import React from "react";
 var context = {
-    onClick: function(item, index) {}
+    onClick: function onClick(item, index) {}
 };
 export default React.createContext(context);

package/dist/es/packages/grid/grid.js

@@ -13,8 +13,8 @@ var defaultProps = {
     reverse: false,
     direction: 'vertical'
 };
-export var Grid = function(props) {
-    var _ref = _object_spread({}, defaultProps, props), children = _ref.children, columns = _ref.columns, gap = _ref.gap, center = _ref.center, square = _ref.square, reverse = _ref.reverse, direction = _ref.direction, style = _ref.style, className = _ref.className, onClick = _ref.onClick, rest = _object_without_properties(_ref, [
+export var Grid = function Grid(props) {
+    var _$_object_spread = _object_spread({}, defaultProps, props), children = _$_object_spread.children, columns = _$_object_spread.columns, gap = _$_object_spread.gap, center = _$_object_spread.center, square = _$_object_spread.square, reverse = _$_object_spread.reverse, direction = _$_object_spread.direction, style = _$_object_spread.style, className = _$_object_spread.className, onClick = _$_object_spread.onClick, rest = _object_without_properties(_$_object_spread, [
         "children",
         "columns",
         "gap",
@@ -28,10 +28,10 @@ export var Grid = function(props) {
     ]);
     var childrenDom = React.Children.toArray(children);
     var classPrefix = 'nut-grid';
-    var rootClass = function() {
+    var rootClass = function rootClass() {
         return classNames(classPrefix, _define_property({}, "".concat(classPrefix, "-border"), !gap), className);
     };
-    var rootStyle = function() {
+    var rootStyle = function rootStyle() {
         var styleSelf = {};
         if (style) {
             styleSelf = style;

package/dist/es/packages/griditem/griditem.js

@@ -15,8 +15,8 @@ var defaultProps = {
     reverse: false,
     direction: 'vertical'
 };
-export var GridItem = function(props) {
-    var _ref = _object_spread({}, defaultProps, props), children = _ref.children, style = _ref.style, columns = _ref.columns, index = _ref.index, gap = _ref.gap, square = _ref.square, text = _ref.text, center = _ref.center, reverse = _ref.reverse, direction = _ref.direction, className = _ref.className, onClick = _ref.onClick, rest = _object_without_properties(_ref, [
+export var GridItem = function GridItem(props) {
+    var _$_object_spread = _object_spread({}, defaultProps, props), children = _$_object_spread.children, style = _$_object_spread.style, columns = _$_object_spread.columns, index = _$_object_spread.index, gap = _$_object_spread.gap, square = _$_object_spread.square, text = _$_object_spread.text, center = _$_object_spread.center, reverse = _$_object_spread.reverse, direction = _$_object_spread.direction, className = _$_object_spread.className, onClick = _$_object_spread.onClick, rest = _object_without_properties(_$_object_spread, [
         "children",
         "style",
         "columns",
@@ -33,7 +33,7 @@ export var GridItem = function(props) {
     var classPrefix = 'nut-grid-item';
     var classes = classNames(classPrefix, className);
     var context = useContext(GridContext);
-    var rootStyle = function() {
+    var rootStyle = function rootStyle() {
         var width = "calc((100% - ".concat(Number(gap) * (Number(columns) - 1), "px) / ").concat(Number(columns), ")");
         var styles = _object_spread({
             flexBasis: width
@@ -53,15 +53,15 @@ export var GridItem = function(props) {
         }
         return styles;
     };
-    var contentClass = function() {
+    var contentClass = function contentClass() {
         var _obj;
         return classNames("".concat(classPrefix, "-content"), (_obj = {}, _define_property(_obj, "".concat(classPrefix, "-content-border"), true), _define_property(_obj, "".concat(classPrefix, "-content-surround"), gap), _define_property(_obj, "".concat(classPrefix, "-content-center"), center), _define_property(_obj, "".concat(classPrefix, "-content-square"), square), _define_property(_obj, "".concat(classPrefix, "-content-reverse"), reverse && direction !== 'horizontal'), _define_property(_obj, "".concat(classPrefix, "-content-").concat(direction), !!direction), _define_property(_obj, "".concat(classPrefix, "-content-horizontal-reverse"), reverse && direction === 'horizontal'), _obj));
     };
-    var textClass = function() {
+    var textClass = function textClass() {
         var _obj;
         return classNames("".concat(classPrefix, "-text"), (_obj = {}, _define_property(_obj, "".concat(classPrefix, "-text-reverse"), reverse && direction !== 'horizontal'), _define_property(_obj, "".concat(classPrefix, "-text-horizontal"), direction === 'horizontal'), _define_property(_obj, "".concat(classPrefix, "-text-horizontal-reverse"), reverse && direction === 'horizontal'), _obj));
     };
-    var handleClick = function(e) {
+    var handleClick = function handleClick(e) {
         onClick && onClick(e);
         context.onClick && context.onClick({
             text: text,

package/dist/es/packages/hoverbutton/hoverbutton.js

@@ -9,7 +9,7 @@ import SafeArea from "../safearea/index";
 import { UI_BOTTOM_DISTANCE } from "./utils";
 var defaultProps = _object_spread({}, ComponentDefaults);
 var classPrefix = 'nut-hoverbutton';
-export var HoverButton = function(props) {
+export var HoverButton = function HoverButton(props) {
     var _$_object_spread = _object_spread({}, defaultProps, props), children = _$_object_spread.children, zIndex = _$_object_spread.zIndex, tabbarHeight = _$_object_spread.tabbarHeight, className = _$_object_spread.className, style = _$_object_spread.style, icon = _$_object_spread.icon, onClick = _$_object_spread.onClick;
     var rtl = useRtl();
     var baseStyle = _object_spread({}, style);

package/dist/es/packages/hoverbuttonitem/hoverbuttonitem.js

@@ -7,17 +7,17 @@ import { ComponentDefaults } from "../../utils/typings";
 import { getIcon } from "./utils";
 var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     icon: null,
-    onClick: function(event) {}
+    onClick: function onClick(event) {}
 });
 var classPrefix = 'nut-hoverbutton-item';
-export var HoverButtonItem = function(props) {
+export var HoverButtonItem = function HoverButtonItem(props) {
     var _$_object_spread = _object_spread({}, defaultProps, props), className = _$_object_spread.className, children = _$_object_spread.children, style = _$_object_spread.style, icon = _$_object_spread.icon, onClick = _$_object_spread.onClick;
-    var handleClick = function(event) {
+    var handleClick = function handleClick(event) {
         if (onClick) {
             onClick(event);
         }
     };
-    var renderBody = function() {
+    var renderBody = function renderBody() {
         if (icon && !children) return /*#__PURE__*/ React.createElement("div", {
             className: "".concat(classPrefix, "-icon")
         }, getIcon(icon));

package/dist/es/packages/hoverbuttonitem/utils.js

@@ -1,5 +1,5 @@
 import React from "react";
-export var getIcon = function(icon) {
+export var getIcon = function getIcon(icon) {
     return React.isValidElement(icon) ? React.cloneElement(icon, {
         // @ts-ignore
         className: 'nut-icon'

package/dist/es/packages/image/image.js

@@ -17,13 +17,13 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     lazy: false
 });
 var classPrefix = 'nut-image';
-export var Image = function(props) {
+export var Image = function Image(props) {
     var _$_object_spread = _object_spread({}, defaultProps, props), className = _$_object_spread.className, style = _$_object_spread.style, src = _$_object_spread.src, fit = _$_object_spread.fit, position = _$_object_spread.position, alt = _$_object_spread.alt, width = _$_object_spread.width, height = _$_object_spread.height, radius = _$_object_spread.radius, error = _$_object_spread.error, loading = _$_object_spread.loading, lazy = _$_object_spread.lazy, draggable = _$_object_spread.draggable, onClick = _$_object_spread.onClick, onLoad = _$_object_spread.onLoad, onError = _$_object_spread.onError;
     var _useState = _sliced_to_array(useState(false), 2), innerLoading = _useState[0], setInnerLoading = _useState[1];
     var _useState1 = _sliced_to_array(useState(false), 2), isError = _useState1[0], setIsError = _useState1[1];
     var _useState2 = _sliced_to_array(useState(false), 2), complete = _useState2[0], setComplete = _useState2[1];
     var imgRef = useRef(null);
-    var pxCheck = function(value) {
+    var pxCheck = function pxCheck(value) {
         return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
     };
     useEffect(function() {
@@ -45,7 +45,7 @@ export var Image = function(props) {
     }, [
         src
     ]);
-    var handleLoad = function() {
+    var handleLoad = function handleLoad() {
         if (!complete) {
             setIsError(false);
             setInnerLoading(false);
@@ -53,7 +53,7 @@ export var Image = function(props) {
             setComplete(true);
         }
     };
-    var handleError = function() {
+    var handleError = function handleError() {
         if (!complete) {
             setIsError(true);
             setInnerLoading(false);
@@ -73,7 +73,7 @@ export var Image = function(props) {
     }, style);
     // 图片懒加载
     var observer = useRef(null);
-    var initObserver = function() {
+    var initObserver = function initObserver() {
         var options = {
             threshold: [
                 0
@@ -101,7 +101,7 @@ export var Image = function(props) {
         observer.current.observe(imgRef.current);
     };
     // 使用disconnect将取消的Observer实例中的所有监听
-    var resetObserver = function() {
+    var resetObserver = function resetObserver() {
         observer.current.disconnect && observer.current.disconnect();
     };
     useEffect(function() {
@@ -112,7 +112,7 @@ export var Image = function(props) {
     }, [
         lazy
     ]);
-    var imageClick = function(event) {
+    var imageClick = function imageClick(event) {
         onClick && onClick(event);
     };
     var renderErrorImg = useCallback(function() {
@@ -152,7 +152,7 @@ export var Image = function(props) {
     return /*#__PURE__*/ React.createElement("div", {
         className: classNames(classPrefix, className),
         style: containerStyle,
-        onClick: function(e) {
+        onClick: function onClick(e) {
             imageClick(e);
         }
     }, /*#__PURE__*/ React.createElement("img", _object_spread_props(_object_spread({

package/dist/es/packages/imagepreview/imagepreview.js

@@ -26,10 +26,10 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     indicatorColor: '#fff',
     closeIcon: false,
     closeIconPosition: 'top-right',
-    onChange: function() {},
-    onClose: function() {}
+    onChange: function onChange() {},
+    onClose: function onClose() {}
 });
-export var ImagePreview = function(props) {
+export var ImagePreview = function ImagePreview(props) {
     var _mergeProps = mergeProps(defaultProps, props), value = _mergeProps.value, className = _mergeProps.className, style = _mergeProps.style, images = _mergeProps.images, videos = _mergeProps.videos, visible = _mergeProps.visible, defaultValue = _mergeProps.defaultValue, indicatorColor = _mergeProps.indicatorColor, pagination = _mergeProps.pagination, indicator = _mergeProps.indicator, autoPlay = _mergeProps.autoPlay, closeOnContentClick = _mergeProps.closeOnContentClick, closeIcon = _mergeProps.closeIcon, closeIconPosition = _mergeProps.closeIconPosition, onClose = _mergeProps.onClose, onChange = _mergeProps.onChange, rest = _object_without_properties(_mergeProps, [
         "value",
         "className",
@@ -67,7 +67,7 @@ export var ImagePreview = function(props) {
     }), 2), store = _useState3[0], setStore = _useState3[1];
     var lastTouchEndTime = useRef(0) // 用来辅助监听双击
     ;
-    var onTouchStart = function(event) {
+    var onTouchStart = function onTouchStart(event) {
         var touches = event.touches;
         var events = touches[0];
         var events2 = touches[1];
@@ -87,7 +87,7 @@ export var ImagePreview = function(props) {
         // 取到开始两指操作时的放大（缩小比例），store.scale 存储的是当前的放缩比（相对于标准大小 scale 为 1 的情况的放大缩小比）
         store11.originScale = store11.scale;
     };
-    var onTouchMove = function(event) {
+    var onTouchMove = function onTouchMove(event) {
         if (!store.moveable) return;
         var touches = event.touches;
         var events = touches[0];
@@ -105,7 +105,7 @@ export var ImagePreview = function(props) {
             scaleNow();
         }
     };
-    var onTouchEnd = function() {
+    var onTouchEnd = function onTouchEnd() {
         lastTouchEndTime.current = Date.now();
         var store1 = store;
         store1.moveable = false;
@@ -117,7 +117,7 @@ export var ImagePreview = function(props) {
     useEffect(function() {
         init();
     }, []);
-    var init = function() {
+    var init = function init() {
         document.addEventListener('touchmove', onTouchMove);
         document.addEventListener('touchend', onTouchEnd);
         document.addEventListener('touchcancel', onTouchEnd);
@@ -148,20 +148,20 @@ export var ImagePreview = function(props) {
         images,
         videos
     ]);
-    var scaleNow = function() {
+    var scaleNow = function scaleNow() {
         if (ref.current) {
             ref.current.style.transform = "scale(".concat(store.scale, ")");
         }
     };
     // 用于查找给定数字的斜边。起止两点间距离。
-    var getDistance = function(first, second) {
+    var getDistance = function getDistance(first, second) {
         return Math.hypot(Math.abs(second.pageX - first.pageX), Math.abs(second.pageY - first.pageY));
     };
-    var slideChangeEnd = function(page) {
+    var slideChangeEnd = function slideChangeEnd(page) {
         setActive(page + 1);
         onChange === null || onChange === void 0 ? void 0 : onChange(page + 1);
     };
-    var onCloseInner = function(e) {
+    var onCloseInner = function onCloseInner(e) {
         e.stopPropagation();
         setShowPop(false);
         setActive(innerNo);
@@ -171,7 +171,7 @@ export var ImagePreview = function(props) {
             scale: 1
         }));
     };
-    var closeOnImg = function(e) {
+    var closeOnImg = function closeOnImg(e) {
         e.stopPropagation();
         // 点击内容区域的图片是否可以关闭弹层（视频区域由于nut-video做了限制，无法关闭弹层）
         if (closeOnContentClick) onCloseInner(e);
@@ -192,7 +192,7 @@ export var ImagePreview = function(props) {
         style: {
             '--nutui-indicator-color': indicatorColor
         },
-        onChange: function(page) {
+        onChange: function onChange(page) {
             return slideChangeEnd(page);
         },
         defaultValue: innerNo > maxNo ? maxNo - 1 : innerNo - 1,

package/dist/es/packages/indicator/indicator.js

@@ -11,14 +11,14 @@ var defaultProps = {
     type: 'anchor'
 };
 var classPrefix = "nut-indicator";
-export var Indicator = function(props) {
+export var Indicator = function Indicator(props) {
     var maybeFixedWidth = function maybeFixedWidth() {
         if (type === 'dualScreen' || type === 'slide') {
             return "".concat(classPrefix, "-fixed-width");
         }
         return '';
     };
-    var _ref = _object_spread({}, defaultProps, props), color = _ref.color, type = _ref.type, total = _ref.total, current = _ref.current, children = _ref.children, className = _ref.className, direction = _ref.direction, placement = _ref.placement, rest = _object_without_properties(_ref, [
+    var _$_object_spread = _object_spread({}, defaultProps, props), color = _$_object_spread.color, type = _$_object_spread.type, total = _$_object_spread.total, current = _$_object_spread.current, children = _$_object_spread.children, className = _$_object_spread.className, direction = _$_object_spread.direction, placement = _$_object_spread.placement, rest = _object_without_properties(_$_object_spread, [
         "color",
         "type",
         "total",
@@ -30,7 +30,7 @@ export var Indicator = function(props) {
     ]);
     var _obj;
     var classes = classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix, "-vertical"), direction === 'vertical'), _define_property(_obj, "".concat(classPrefix, "-white"), color === 'default'), _define_property(_obj, "".concat(classPrefix, "-track"), type === 'slide'), _define_property(_obj, "".concat(classPrefix, "-").concat(placement), !!placement), _obj));
-    var renderDotElement = function() {
+    var renderDotElement = function renderDotElement() {
         var childs = [];
         for(var item = 0; item < total; item++){
             childs.push(item === current ? children || /*#__PURE__*/ React.createElement("div", {
@@ -43,7 +43,7 @@ export var Indicator = function(props) {
         }
         return childs;
     };
-    var renderLineElement = function() {
+    var renderLineElement = function renderLineElement() {
         return /*#__PURE__*/ React.createElement("div", {
             style: {
                 '--nutui-indicator-current': current,
@@ -52,7 +52,7 @@ export var Indicator = function(props) {
             className: "".concat(classPrefix, "-line ").concat(classPrefix, "-line-active")
         });
     };
-    var renderByType = function(type) {
+    var renderByType = function renderByType(type) {
         switch(type){
             case 'slide':
                 return renderLineElement();