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

package/CHANGELOG.md

@@ -1,3 +1,21 @@
+# v2.3.12
+`2024-03-01`
+
+* :sparkles: feat(inputnumber): taro 环境下增加 number类型的键盘 (#1965) @LING_ZI_QING
+* :sparkles: feat(rtl): support progress & range (#1961) @Eiinu
+* :bug: fix(elevator): 修复增加页码的逻辑 (#1960) @oasis-cloud
+* :bug: fix(elevator): 解决部分安卓手机右侧导航高亮偏差问题 (#1966) @songsong
+* :bug: fix(form): after setting validateTrigger, `trigger` should be excluded (#1963) @oasis-cloud
+* :bug: fix(form): 组件更新时，标签结构变化，会导致失去焦点 (#1973) @oasis-cloud
+* :bug: fix(inputnumber): provide finalValue (#1959) @oasis-cloud
+* 📖 docs: 修复文档 (#1964) @xiaoyatong
+* 🛠 refactor(docs): 文档支持通过标签使用已有的 demo 代码 (#1950) @Alex.huxiyang
+* 🛠 refactor: adjust build target to ES6, reduce size of configprovider (#1949) @oasis-cloud
+* 🔨 chore(ci): update workflows (#1970) @Eiinu
+* 🔨 chore(dev): development mode, remove duplicate CSS stylesheets (#1958) @oasis-cloud
+* 🔨 chore: remove CSS logic conflicting with MDX (#1971) @oasis-cloud
+
+
 # v2.3.11
 `2024-02-23`
 

package/dist/esm/ActionSheet.js

@@ -1,86 +1,40 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "cancelText", "optionKey", "title", "description", "options", "onCancel", "onSelect", "visible", "className", "style"];
-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 { P as Popup } from "./popup2.js";
 import { C as ComponentDefaults } from "./typings.js";
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  visible: false,
-  description: "",
-  options: [],
-  optionKey: {
-    name: "name",
-    description: "description"
-  },
-  cancelText: "",
-  onCancel: function onCancel() {
-  },
-  onSelect: function onSelect() {
-  }
-});
-var ActionSheet = function ActionSheet2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, cancelText = _defaultProps$props.cancelText, optionKey = _defaultProps$props.optionKey, title = _defaultProps$props.title, description = _defaultProps$props.description, options = _defaultProps$props.options, onCancel2 = _defaultProps$props.onCancel, onSelect2 = _defaultProps$props.onSelect, visible = _defaultProps$props.visible, className = _defaultProps$props.className, style = _defaultProps$props.style, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var classPrefix = "nut-actionsheet";
-  var cancelActionSheet = function cancelActionSheet2() {
-    onCancel2 && onCancel2();
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { visible: false, description: "", options: [], optionKey: { name: "name", description: "description" }, cancelText: "", onCancel: () => {
+}, onSelect: () => {
+} });
+const ActionSheet = (props) => {
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { children, cancelText, optionKey, title, description, options, onCancel, onSelect, visible, className, style } = _a, rest = __rest(_a, ["children", "cancelText", "optionKey", "title", "description", "options", "onCancel", "onSelect", "visible", "className", "style"]);
+  const classPrefix = "nut-actionsheet";
+  const cancelActionSheet = () => {
+    onCancel && onCancel();
   };
-  var chooseItem = function chooseItem2(item, index) {
+  const chooseItem = (item, index) => {
     if (!item.disabled) {
-      onSelect2 && onSelect2(item, index);
+      onSelect && onSelect(item, index);
     }
   };
-  return React__default.createElement(Popup, _objectSpread(_objectSpread({}, rest), {}, {
-    round: true,
-    visible,
-    position: "bottom",
-    title,
-    description,
-    className: classPrefix,
-    onClose: function onClose() {
-      onCancel2 && onCancel2();
-    }
-  }), React__default.createElement("div", {
-    className: "".concat(className),
-    style
-  }, options.length ? React__default.createElement("div", {
-    className: "".concat(classPrefix, "-list")
-  }, options.map(function(item, index) {
-    return React__default.createElement("div", {
-      className: "".concat(classPrefix, "-item ").concat(item.disabled ? "disabled" : "", " ").concat(item.danger ? "danger" : ""),
-      key: index,
-      onClick: function onClick() {
-        return chooseItem(item, index);
-      }
-    }, item[optionKey.name], React__default.createElement("div", {
-      className: "".concat(classPrefix, "-item-description")
-    }, item[optionKey.description]));
-  })) : children, cancelText && React__default.createElement("div", {
-    className: "".concat(classPrefix, "-cancel"),
-    onClick: function onClick() {
-      return cancelActionSheet();
-    }
-  }, cancelText)));
+  return React__default.createElement(
+    Popup,
+    Object.assign({}, rest, { round: true, visible, position: "bottom", title, description, className: classPrefix, onClose: () => {
+      onCancel && onCancel();
+    } }),
+    React__default.createElement(
+      "div",
+      { className: `${className}`, style },
+      options.length ? React__default.createElement("div", { className: `${classPrefix}-list` }, options.map((item, index) => {
+        return React__default.createElement(
+          "div",
+          { className: `${classPrefix}-item ${item.disabled ? "disabled" : ""} ${item.danger ? "danger" : ""}`, key: index, onClick: () => chooseItem(item, index) },
+          item[optionKey.name],
+          React__default.createElement("div", { className: `${classPrefix}-item-description` }, item[optionKey.description])
+        );
+      })) : children,
+      cancelText && React__default.createElement("div", { className: `${classPrefix}-cancel`, onClick: () => cancelActionSheet() }, cancelText)
+    )
+  );
 };
 ActionSheet.defaultProps = defaultProps;
 ActionSheet.displayName = "NutActionSheet";

package/dist/esm/Address.js

@@ -1,28 +1,4 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "visible", "type", "height", "options", "title", "left", "value", "defaultValue", "optionKey", "format", "onClose", "onChange", "onPathChange"], _excluded2 = ["children", "type", "existList", "selectIcon", "defaultIcon", "custom", "onSelect", "onSwitch"], _excluded3 = ["style", "className", "visible", "defaultVisible", "defaultValue", "children", "type", "options", "optionKey", "format", "height", "title", "existList", "custom", "selectIcon", "defaultIcon", "closeIcon", "backIcon", "onChange", "onExistSelect", "onClose", "onSwitch"];
-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, { forwardRef, useState, useImperativeHandle } from "react";
 import { Check, Location, ArrowLeft } from "@nutui/icons-react";
 import Popup from "./Popup.js";
@@ -30,191 +6,124 @@ import { C as Cascader } from "./cascader2.js";
 import { C as ComponentDefaults } from "./typings.js";
 import { useConfig } from "./ConfigProvider.js";
 import { u as usePropsValue } from "./use-props-value.js";
-var defaultProps$2 = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  visible: false,
-  type: "custom",
-  options: [],
-  optionKey: {
-    textKey: "text",
-    valueKey: "value",
-    childrenKey: "children"
-  },
-  format: {},
-  height: "200px"
-});
-var CustomRender = function CustomRender2(props) {
-  var _defaultProps$2$props = _objectSpread(_objectSpread({}, defaultProps$2), props), children = _defaultProps$2$props.children, visible = _defaultProps$2$props.visible, type = _defaultProps$2$props.type, height = _defaultProps$2$props.height, options = _defaultProps$2$props.options, title = _defaultProps$2$props.title, left = _defaultProps$2$props.left, value = _defaultProps$2$props.value, defaultValue = _defaultProps$2$props.defaultValue, optionKey = _defaultProps$2$props.optionKey, format = _defaultProps$2$props.format, _onClose = _defaultProps$2$props.onClose, _onChange = _defaultProps$2$props.onChange, onPathChange = _defaultProps$2$props.onPathChange, rest = _objectWithoutProperties(_defaultProps$2$props, _excluded);
-  return React__default.createElement(React__default.Fragment, null, type === "custom" && React__default.createElement(Cascader, _objectSpread({
-    visible,
-    value,
-    defaultValue,
-    title,
-    left,
-    options,
-    format,
-    optionKey,
-    onClose: function onClose() {
-      _onClose === null || _onClose === void 0 || _onClose();
-    },
-    onChange: function onChange(val) {
-      _onChange === null || _onChange === void 0 || _onChange(val);
-    },
-    onPathChange
-  }, rest)));
+const defaultProps$2 = Object.assign(Object.assign({}, ComponentDefaults), { visible: false, type: "custom", options: [], optionKey: { textKey: "text", valueKey: "value", childrenKey: "children" }, format: {}, height: "200px" });
+const CustomRender = (props) => {
+  const _a = Object.assign(Object.assign({}, defaultProps$2), props), { children, visible, type, height, options, title, left, value, defaultValue, optionKey, format, onClose, onChange, onPathChange } = _a, rest = __rest(_a, ["children", "visible", "type", "height", "options", "title", "left", "value", "defaultValue", "optionKey", "format", "onClose", "onChange", "onPathChange"]);
+  return React__default.createElement(React__default.Fragment, null, type === "custom" && React__default.createElement(Cascader, Object.assign({ visible, value, defaultValue, title, left, options, format, optionKey, onClose: () => {
+    onClose === null || onClose === void 0 ? void 0 : onClose();
+  }, onChange: (val) => {
+    onChange === null || onChange === void 0 ? void 0 : onChange(val);
+  }, onPathChange }, rest)));
 };
-var defaultProps$1 = {
+const defaultProps$1 = {
   type: "custom",
   existList: [],
   defaultIcon: null,
   selectIcon: null,
   custom: false
 };
-var ExistRender = function ExistRender2(props) {
-  var _useConfig = useConfig(), locale = _useConfig.locale;
-  var _defaultProps$1$props = _objectSpread(_objectSpread({}, defaultProps$1), props), children = _defaultProps$1$props.children, type = _defaultProps$1$props.type, existList = _defaultProps$1$props.existList, selectIcon = _defaultProps$1$props.selectIcon, defaultIcon = _defaultProps$1$props.defaultIcon, custom = _defaultProps$1$props.custom, onSelect = _defaultProps$1$props.onSelect, onSwitch = _defaultProps$1$props.onSwitch, rest = _objectWithoutProperties(_defaultProps$1$props, _excluded2);
-  var classPrefix = "nut-address";
-  var selectedExist = function selectedExist2(item) {
-    existList.forEach(function(list, index) {
+const ExistRender = (props) => {
+  const { locale } = useConfig();
+  const _a = Object.assign(Object.assign({}, defaultProps$1), props), { children, type, existList, selectIcon, defaultIcon, custom, onSelect, onSwitch } = _a;
+  __rest(_a, ["children", "type", "existList", "selectIcon", "defaultIcon", "custom", "onSelect", "onSwitch"]);
+  const classPrefix = "nut-address";
+  const selectedExist = (item) => {
+    existList.forEach((list, index) => {
       list.selectedAddress = false;
     });
     item.selectedAddress = true;
     onSelect && onSelect(item);
   };
-  var onClick = function onClick2(e) {
+  const onClick = (e) => {
     e.stopPropagation();
-    onSwitch && onSwitch({
-      type: type === "exist" ? "custom" : "exist"
-    });
+    onSwitch && onSwitch({ type: type === "exist" ? "custom" : "exist" });
   };
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement("ul", {
-    className: "".concat(classPrefix, "-exist")
-  }, existList.map(function(item, index) {
-    return React__default.createElement("li", {
-      className: "".concat(classPrefix, "-exist-item ").concat(item.selectedAddress ? "active" : ""),
-      key: index,
-      onClick: function onClick2(e) {
-        e.stopPropagation();
-        selectedExist(item);
-      }
-    }, item.selectedAddress ? React__default.createElement(React__default.Fragment, null, React__default.isValidElement(selectIcon) ? selectIcon : React__default.createElement(Check, {
-      color: "var(--nutui-color-primary)"
-    })) : React__default.createElement(React__default.Fragment, null, React__default.isValidElement(defaultIcon) ? defaultIcon : React__default.createElement(Location, null)), React__default.createElement("div", {
-      className: "".concat(classPrefix, "-exist-item-info")
-    }, item.name && item.phone && React__default.createElement(React__default.Fragment, null, React__default.createElement("div", null, item.name), React__default.createElement("div", null, item.phone)), React__default.createElement("div", null, item.provinceName + item.cityName + item.countyName + item.townName + item.addressDetail)));
-  })), (custom || custom && locale.address.chooseAnotherAddress) && React__default.createElement("div", {
-    className: "".concat(classPrefix, "-footer"),
-    onClick
-  }, React__default.createElement("div", {
-    className: "".concat(classPrefix, "-footer-btn")
-  }, custom)));
+  return React__default.createElement(
+    React__default.Fragment,
+    null,
+    React__default.createElement("ul", { className: `${classPrefix}-exist` }, existList.map((item, index) => {
+      return React__default.createElement(
+        "li",
+        { className: `${classPrefix}-exist-item ${item.selectedAddress ? "active" : ""}`, key: index, onClick: (e) => {
+          e.stopPropagation();
+          selectedExist(item);
+        } },
+        item.selectedAddress ? React__default.createElement(React__default.Fragment, null, React__default.isValidElement(selectIcon) ? selectIcon : React__default.createElement(Check, { color: "var(--nutui-color-primary)" })) : React__default.createElement(React__default.Fragment, null, React__default.isValidElement(defaultIcon) ? defaultIcon : React__default.createElement(Location, null)),
+        React__default.createElement(
+          "div",
+          { className: `${classPrefix}-exist-item-info` },
+          item.name && item.phone && React__default.createElement(
+            React__default.Fragment,
+            null,
+            React__default.createElement("div", null, item.name),
+            React__default.createElement("div", null, item.phone)
+          ),
+          React__default.createElement("div", null, item.provinceName + item.cityName + item.countyName + item.townName + item.addressDetail)
+        )
+      );
+    })),
+    (custom || custom && locale.address.chooseAnotherAddress) && React__default.createElement(
+      "div",
+      { className: `${classPrefix}-footer`, onClick },
+      React__default.createElement("div", { className: `${classPrefix}-footer-btn` }, custom)
+    )
+  );
 };
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  defaultValue: [],
-  type: "custom",
-  options: [],
-  optionKey: {
-    textKey: "text",
-    valueKey: "value",
-    childrenKey: "children"
-  },
-  format: {},
-  custom: false,
-  existList: [],
-  height: "200px",
-  defaultIcon: null,
-  selectIcon: null,
-  closeIcon: null,
-  backIcon: null
-});
-var InternalAddress = function InternalAddress2(props, ref) {
-  var _useConfig2 = useConfig(), locale = _useConfig2.locale;
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), style = _defaultProps$props.style, className = _defaultProps$props.className, visible = _defaultProps$props.visible, defaultVisible = _defaultProps$props.defaultVisible, defaultValue = _defaultProps$props.defaultValue, children = _defaultProps$props.children, type = _defaultProps$props.type, options = _defaultProps$props.options, optionKey = _defaultProps$props.optionKey, format = _defaultProps$props.format, height = _defaultProps$props.height, title = _defaultProps$props.title, existList = _defaultProps$props.existList, custom = _defaultProps$props.custom, selectIcon = _defaultProps$props.selectIcon, defaultIcon = _defaultProps$props.defaultIcon, closeIcon = _defaultProps$props.closeIcon, backIcon = _defaultProps$props.backIcon, _onChange2 = _defaultProps$props.onChange, onExistSelect = _defaultProps$props.onExistSelect, onClose = _defaultProps$props.onClose, onSwitch = _defaultProps$props.onSwitch, rest = _objectWithoutProperties(_defaultProps$props, _excluded3);
-  var classPrefix = "nut-address";
-  var _useState = useState(type), _useState2 = _slicedToArray(_useState, 2), currentType = _useState2[0], setCurrentType = _useState2[1];
-  var _usePropsValue = usePropsValue({
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { defaultValue: [], type: "custom", options: [], optionKey: { textKey: "text", valueKey: "value", childrenKey: "children" }, format: {}, custom: false, existList: [], height: "200px", defaultIcon: null, selectIcon: null, closeIcon: null, backIcon: null });
+const InternalAddress = (props, ref) => {
+  const { locale } = useConfig();
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { style, className, visible, defaultVisible, defaultValue, children, type, options, optionKey, format, height, title, existList, custom, selectIcon, defaultIcon, closeIcon, backIcon, onChange, onExistSelect, onClose, onSwitch } = _a;
+  __rest(_a, ["style", "className", "visible", "defaultVisible", "defaultValue", "children", "type", "options", "optionKey", "format", "height", "title", "existList", "custom", "selectIcon", "defaultIcon", "closeIcon", "backIcon", "onChange", "onExistSelect", "onClose", "onSwitch"]);
+  const classPrefix = "nut-address";
+  const [currentType, setCurrentType] = useState(type);
+  const [innerVisible, setInnerVisible] = usePropsValue({
     value: visible,
     defaultValue: defaultVisible,
     finalValue: defaultVisible
-  }), _usePropsValue2 = _slicedToArray(_usePropsValue, 2), innerVisible = _usePropsValue2[0], setInnerVisible = _usePropsValue2[1];
-  useImperativeHandle(ref, function() {
+  });
+  useImperativeHandle(ref, () => {
     return {
-      open: function open() {
+      open() {
         setInnerVisible(true);
       },
-      close: function close() {
+      close() {
         setInnerVisible(false);
       }
     };
   });
-  var handleClose = function handleClose2() {
+  const handleClose = () => {
     setInnerVisible(false);
     onClose && onClose();
   };
-  var renderLeftOnCustomSwitch = function renderLeftOnCustomSwitch2() {
-    return React__default.createElement(React__default.Fragment, null, custom && React__default.createElement("div", {
-      className: "".concat(classPrefix, "-left-icon"),
-      onClick: onSwitchModule
-    }, React__default.isValidElement(backIcon) ? backIcon : React__default.createElement(ArrowLeft, {
-      color: "#cccccc"
-    })));
+  const renderLeftOnCustomSwitch = () => {
+    return React__default.createElement(React__default.Fragment, null, custom && React__default.createElement("div", { className: `${classPrefix}-left-icon`, onClick: onSwitchModule }, React__default.isValidElement(backIcon) ? backIcon : React__default.createElement(ArrowLeft, { color: "#cccccc" })));
   };
-  var selectedExistItem = function selectedExistItem2(data) {
+  const selectedExistItem = (data) => {
     onExistSelect && onExistSelect(data);
     handleClose();
   };
-  var onSwitchModule = function onSwitchModule2() {
+  const onSwitchModule = () => {
     if (currentType === "exist") {
       setCurrentType("custom");
     } else {
       setCurrentType("exist");
     }
-    onSwitch && onSwitch({
-      type: currentType
-    });
+    onSwitch && onSwitch({ type: currentType });
   };
-  return React__default.createElement(React__default.Fragment, null, currentType === "custom" || currentType === "custom2" ? React__default.createElement(CustomRender, {
-    visible: innerVisible,
-    closeable: true,
-    title: title || locale.address.selectRegion,
-    left: renderLeftOnCustomSwitch(),
-    defaultValue,
-    closeIcon,
-    options,
-    format,
-    optionKey,
-    type: currentType,
-    height,
-    onClose: handleClose,
-    onChange: function onChange(val, params) {
-      _onChange2 === null || _onChange2 === void 0 || _onChange2(val, params);
-    }
-  }) : React__default.createElement(Popup, {
-    visible: innerVisible,
-    position: "bottom",
-    round: true,
-    closeable: true,
-    closeIcon,
-    title: title || locale.address.selectRegion,
-    onClose: handleClose
-  }, React__default.createElement(
-    "div",
-    {
-      className: "".concat(classPrefix, " ").concat(className || ""),
-      style: _objectSpread({}, style)
-    },
-    // 不需要 close，选中切换即关闭弹框。可手动关闭弹框，只关闭弹框不处理逻辑。
-    React__default.createElement(ExistRender, {
-      type: currentType,
-      existList,
-      selectIcon,
-      defaultIcon,
-      custom,
-      onSelect: selectedExistItem,
-      onSwitch: onSwitchModule
-    })
-  )));
+  return React__default.createElement(React__default.Fragment, null, currentType === "custom" || currentType === "custom2" ? React__default.createElement(CustomRender, { visible: innerVisible, closeable: true, title: title || locale.address.selectRegion, left: renderLeftOnCustomSwitch(), defaultValue, closeIcon, options, format, optionKey, type: currentType, height, onClose: handleClose, onChange: (val, params) => {
+    onChange === null || onChange === void 0 ? void 0 : onChange(val, params);
+  } }) : React__default.createElement(
+    Popup,
+    { visible: innerVisible, position: "bottom", round: true, closeable: true, closeIcon, title: title || locale.address.selectRegion, onClose: handleClose },
+    React__default.createElement(
+      "div",
+      { className: `${classPrefix} ${className || ""}`, style: Object.assign({}, style) },
+      // 不需要 close，选中切换即关闭弹框。可手动关闭弹框，只关闭弹框不处理逻辑。
+      React__default.createElement(ExistRender, { type: currentType, existList, selectIcon, defaultIcon, custom, onSelect: selectedExistItem, onSwitch: onSwitchModule })
+    )
+  ));
 };
-var Address = forwardRef(InternalAddress);
+const Address = forwardRef(InternalAddress);
 Address.defaultProps = defaultProps;
 Address.displayName = "NutAddress";
 export {

package/dist/esm/Animate.js

@@ -1,61 +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 = ["className", "type", "action", "loop", "onClick", "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, { useState } from "react";
 import classNames from "classnames";
 import { C as ComponentDefaults } from "./typings.js";
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  type: "shake",
-  action: "initial",
-  loop: false,
-  onClick: function onClick(event) {
-  }
-});
-var classPrefix = "nut-animate";
-var Animate = function Animate2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, type = _defaultProps$props.type, action = _defaultProps$props.action, loop = _defaultProps$props.loop, onClick2 = _defaultProps$props.onClick, children = _defaultProps$props.children, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var _useState = useState(false), _useState2 = _slicedToArray(_useState, 2), clicked = _useState2[0], setClicked = _useState2[1];
-  var classes = classNames(_defineProperty(_defineProperty({
-    "nut-ani-container": true
-  }, "".concat(classPrefix, "-").concat(type), action === "initial" || clicked ? type : false), "loop", loop));
-  var cls = classNames(classes, className);
-  var handleClick = function handleClick2(event) {
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { type: "shake", action: "initial", loop: false, onClick: (event) => {
+} });
+const classPrefix = `nut-animate`;
+const Animate = (props) => {
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { className, type, action, loop, onClick, children } = _a, rest = __rest(_a, ["className", "type", "action", "loop", "onClick", "children"]);
+  const [clicked, setClicked] = useState(false);
+  const classes = classNames({
+    "nut-ani-container": true,
+    [`${classPrefix}-${type}`]: action === "initial" || clicked ? type : false,
+    loop
+  });
+  const cls = classNames(classes, className);
+  const handleClick = (event) => {
     setClicked(true);
     if (!loop) {
-      setTimeout(function() {
+      setTimeout(() => {
         setClicked(false);
       }, 1e3);
     }
-    onClick2 && onClick2(event);
+    onClick && onClick(event);
   };
-  return React__default.createElement("div", {
-    className: "nut-animate"
-  }, React__default.createElement("div", _objectSpread({
-    className: cls,
-    onClick: handleClick
-  }, rest), children));
+  return React__default.createElement(
+    "div",
+    { className: "nut-animate" },
+    React__default.createElement("div", Object.assign({ className: cls, onClick: handleClick }, rest), children)
+  );
 };
 Animate.defaultProps = defaultProps;
 Animate.displayName = "NutAnimate";