@nutui/nutui-react 2.0.0-alpha.7 → 2.0.0-alpha.9

package/CHANGELOG.md

@@ -1,3 +1,29 @@
+# v2.0.0-alpha.9
+`2023-05-17`
+
+* :sparkles: feat: add createProperties.js (#1001) @Eiinu
+* :sparkles: feat: cascader支持受控 (#1000) @xiaoyatong
+* :sparkles: feat: elevator 支持右侧索引是否展示 (#1006) @拧巴的猫
+* :bug: fix(image): lazy 优化观察对象数量 (#1015) @Eiinu
+* :bug: fix: tabs children 变更后需要展示新的 title (#999) @oasis-cloud
+* :bug: fix: 格式化，删掉某些无用代码 (#1014) @xiaoyatong
+* 🛠 refactor: notify (#983) @拧巴的猫
+* 🛠 refactor: NumberKeyboard (#1012) @Eiinu
+* 🛠 refactor: price (#989) @拧巴的猫
+* 🛠 refactor: pulltorefresh (#1011) @oasis-cloud
+* 🛠 refactor: radio (#1009) @oasis-cloud
+* 🛠 refactor: Range (#991) @Eiinu
+* 🛠 refactor: swiper 重构；indcator 的索引计算改为从 0 开始 (#1008) @oasis-cloud
+* 🔨 chore: autoplay -> autoPlay (#1007) @Eiinu
+* 📖 docs(tabbar): update description (#1004) @Eiinu
+
+
+# v2.0.0-alpha.8
+`2023-05-12`
+* :sparkles:feat: cascader支持受控 (#1000) @xiaoyatong
+* :bug: fix: tabs children 变更后需要展示新的 title (#999) @oasis-cloud
+* 🛠 refactor: Range (#991) @Eiinu
+
 # v2.0.0-alpha.7
 `2023-05-12`
 * :bug: fix: tabs children 变化需要更新选中状态 @oasis-cloud

package/dist/esm/Audio.js

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["className", "src", "style", "muted", "autoplay", "loop", "preload", "type", "onBack", "onForward", "onPause", "onEnd", "onMute", "onCanPlay", "children"];
+var _excluded = ["className", "src", "style", "muted", "autoPlay", "loop", "preload", "type", "onBack", "onForward", "onPause", "onEnd", "onMute", "onCanPlay", "children"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -33,7 +33,7 @@ import { C as ComponentDefaults } from "./typings.js";
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   src: "",
   muted: false,
-  autoplay: false,
+  autoPlay: false,
   loop: false,
   preload: "auto",
   type: "progress",
@@ -52,7 +52,7 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
 });
 var Audio = function Audio2(props) {
   var _useConfig = useConfig(), locale = _useConfig.locale;
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, src = _defaultProps$props.src, style = _defaultProps$props.style, muted = _defaultProps$props.muted, autoplay = _defaultProps$props.autoplay, loop = _defaultProps$props.loop, preload = _defaultProps$props.preload, type = _defaultProps$props.type, onBack2 = _defaultProps$props.onBack, onForward2 = _defaultProps$props.onForward, onPause2 = _defaultProps$props.onPause, onEnd2 = _defaultProps$props.onEnd, onMute2 = _defaultProps$props.onMute, onCanPlay2 = _defaultProps$props.onCanPlay, children = _defaultProps$props.children, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, src = _defaultProps$props.src, style = _defaultProps$props.style, muted = _defaultProps$props.muted, autoPlay = _defaultProps$props.autoPlay, loop = _defaultProps$props.loop, preload = _defaultProps$props.preload, type = _defaultProps$props.type, onBack2 = _defaultProps$props.onBack, onForward2 = _defaultProps$props.onForward, onPause2 = _defaultProps$props.onPause, onEnd2 = _defaultProps$props.onEnd, onMute2 = _defaultProps$props.onMute, onCanPlay2 = _defaultProps$props.onCanPlay, children = _defaultProps$props.children, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   var _useState = useState(false), _useState2 = _slicedToArray(_useState, 2), playing = _useState2[0], setPlaying = _useState2[1];
   var _useState3 = useState(0), _useState4 = _slicedToArray(_useState3, 2), percent = _useState4[0], setPercent = _useState4[1];
   var _useState5 = useState(false), _useState6 = _slicedToArray(_useState5, 2), isCanPlay = _useState6[0], setIsCanPlay = _useState6[1];
@@ -65,7 +65,7 @@ var Audio = function Audio2(props) {
     duration: "00:00:00",
     second: 0,
     hanMuted: props.muted,
-    playing: props.autoplay,
+    playing: props.autoPlay,
     handPlaying: false
   });
   var classPrefix = "nut-audio";
@@ -154,9 +154,13 @@ var Audio = function Audio2(props) {
     }, currentDuration), React__default.createElement("div", {
       className: "".concat(classPrefix, "__progress-bar-wrapper")
     }, React__default.createElement(Range, {
-      modelValue: percent,
-      hiddenTag: true,
-      hiddenRange: true,
+      value: percent,
+      onChange: function onChange(val) {
+        return setPercent(val);
+      },
+      currentDescription: null,
+      maxDescription: null,
+      minDescription: null,
       "inactive-color": "#cccccc",
       "active-color": "#fa2c19"
     })), React__default.createElement("div", {
@@ -203,7 +207,7 @@ var Audio = function Audio2(props) {
   };
   var handleCanplay = function handleCanplay2(e) {
     setIsCanPlay(true);
-    if (props.autoplay && !playing) {
+    if (props.autoPlay && !playing) {
       AudioRef && AudioRef.current && AudioRef.current.play();
     }
     if (AudioRef.current) {

package/dist/esm/Cascader.js

@@ -49,9 +49,9 @@ import Popup from "./Popup.js";
 import { T as Tabs } from "./tabs2.js";
 import { Loading, Checklist } from "@nutui/icons-react";
 import { C as ComponentDefaults } from "./typings.js";
+import { u as usePropsValue } from "./use-props-value.js";
 import "./TabPane.js";
 import "./raf.js";
-import "./use-props-value.js";
 var defaultProps$1 = {
   data: {
     text: "",
@@ -247,7 +247,6 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   popup: true,
   visible: false,
   options: [],
-  value: [],
   title: "",
   optionKey: {
     textKey: "text",
@@ -267,14 +266,23 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   },
   onPathChange: function onPathChange() {
   }
-}, Popup.defaultProps);
+});
 var InternalCascader = function InternalCascader2(props, ref) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, popup = _defaultProps$props.popup, visible = _defaultProps$props.visible, options = _defaultProps$props.options, value = _defaultProps$props.value, title = _defaultProps$props.title, optionKey = _defaultProps$props.optionKey, format = _defaultProps$props.format, closeable = _defaultProps$props.closeable, closeIconPosition = _defaultProps$props.closeIconPosition, closeIcon = _defaultProps$props.closeIcon, lazy = _defaultProps$props.lazy, onLoad2 = _defaultProps$props.onLoad, onClose2 = _defaultProps$props.onClose, onChange2 = _defaultProps$props.onChange, onPathChange2 = _defaultProps$props.onPathChange;
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, popup = _defaultProps$props.popup, visible = _defaultProps$props.visible, options = _defaultProps$props.options, value = _defaultProps$props.value, defaultValue = _defaultProps$props.defaultValue, title = _defaultProps$props.title, optionKey = _defaultProps$props.optionKey, format = _defaultProps$props.format, closeable = _defaultProps$props.closeable, closeIconPosition = _defaultProps$props.closeIconPosition, closeIcon = _defaultProps$props.closeIcon, lazy = _defaultProps$props.lazy, onLoad2 = _defaultProps$props.onLoad, onClose2 = _defaultProps$props.onClose, onChange2 = _defaultProps$props.onChange, onPathChange2 = _defaultProps$props.onPathChange;
   var _useState = useState("c1"), _useState2 = _slicedToArray(_useState, 2), tabvalue = _useState2[0], setTabvalue = _useState2[1];
   var _useState3 = useState([]), _useState4 = _slicedToArray(_useState3, 2), optionsData = _useState4[0], setOptionsData = _useState4[1];
   var isLazy = function isLazy2() {
     return state.configs.lazy && Boolean(state.configs.onLoad);
   };
+  var _usePropsValue = usePropsValue({
+    value,
+    defaultValue,
+    finalValue: defaultValue,
+    onChange: function onChange3(val) {
+      var _props$onChange;
+      (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, val);
+    }
+  }), _usePropsValue2 = _slicedToArray(_usePropsValue, 2), innerValue = _usePropsValue2[0], setInnerValue = _usePropsValue2[1];
   var _useState5 = useState({
     optionsData: [],
     panes: [{
@@ -282,7 +290,6 @@ var InternalCascader = function InternalCascader2(props, ref) {
       selectedNode: [],
       paneKey: ""
     }],
-    innerValue: value,
     tree: new Tree$1([], {}),
     tabsCursor: 0,
     initLoading: false,
@@ -299,12 +306,12 @@ var InternalCascader = function InternalCascader2(props, ref) {
   var classesPane = classNames(_defineProperty({}, "".concat(classPrefix, "-pane"), true));
   useEffect(function() {
     initData();
-  }, [options]);
+  }, [options, format]);
   useEffect(function() {
-    if (value !== state.innerValue) {
-      state.innerValue = value;
+    if (defaultValue && defaultValue !== innerValue) {
+      setInnerValue(defaultValue);
     }
-  }, [value]);
+  }, [defaultValue]);
   var initData = /* @__PURE__ */ function() {
     var _ref = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime.mark(function _callee() {
       return _regeneratorRuntime.wrap(function _callee$(_context) {
@@ -358,8 +365,8 @@ var InternalCascader = function InternalCascader2(props, ref) {
         while (1)
           switch (_context3.prev = _context3.next) {
             case 0:
-              currentValue = state.innerValue;
-              if (!(currentValue === void 0 || !state.tree.nodes.length)) {
+              currentValue = innerValue;
+              if (!(currentValue === void 0 || currentValue !== defaultValue || !state.tree.nodes.length)) {
                 _context3.next = 3;
                 break;
               }
@@ -427,7 +434,7 @@ var InternalCascader = function InternalCascader2(props, ref) {
             case 18:
               state.initLoading = false;
             case 19:
-              if (needToSync.length && currentValue === value) {
+              if (needToSync.length && currentValue === defaultValue) {
                 pathNodes = state.tree.getPathNodesByValue(needToSync);
                 pathNodes.forEach(function(node, index) {
                   state.tabsCursor = index;
@@ -536,6 +543,7 @@ var InternalCascader = function InternalCascader2(props, ref) {
                 });
                 onChange2(optionParams, pathNodes);
                 onPathChange2(optionParams, pathNodes);
+                setInnerValue(optionParams);
               }
               setOptionsData(state.panes);
               close();

package/dist/esm/Elevator.js

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["height", "floorKey", "list", "sticky", "spaceHeight", "titleHeight", "className", "style", "onClickItem", "onClickIndex", "children"];
+var _excluded = ["height", "floorKey", "list", "sticky", "spaceHeight", "titleHeight", "showKeys", "className", "style", "onClickItem", "onClickIndex", "children"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -35,11 +35,12 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   list: [],
   sticky: false,
   spaceHeight: 23,
-  titleHeight: 35
+  titleHeight: 35,
+  showKeys: true
 });
 var Elevator = function Elevator2(props) {
   var _classNames2;
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), height = _defaultProps$props.height, floorKey = _defaultProps$props.floorKey, list = _defaultProps$props.list, sticky = _defaultProps$props.sticky, spaceHeight = _defaultProps$props.spaceHeight, titleHeight = _defaultProps$props.titleHeight, className = _defaultProps$props.className, style = _defaultProps$props.style, onClickItem = _defaultProps$props.onClickItem, onClickIndex = _defaultProps$props.onClickIndex, children = _defaultProps$props.children, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), height = _defaultProps$props.height, floorKey = _defaultProps$props.floorKey, list = _defaultProps$props.list, sticky = _defaultProps$props.sticky, spaceHeight = _defaultProps$props.spaceHeight, titleHeight = _defaultProps$props.titleHeight, showKeys = _defaultProps$props.showKeys, className = _defaultProps$props.className, style = _defaultProps$props.style, onClickItem = _defaultProps$props.onClickItem, onClickIndex = _defaultProps$props.onClickIndex, children = _defaultProps$props.children, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   var classPrefix = "nut-elevator";
   var listview = useRef(null);
   var initData = {
@@ -192,7 +193,7 @@ var Elevator = function Elevator2(props) {
         value: subitem
       }, children)) : subitem.name);
     })));
-  }))), list.length && scrollStart ? React__default.createElement("div", {
+  }))), showKeys ? React__default.createElement(React__default.Fragment, null, list.length && scrollStart ? React__default.createElement("div", {
     className: classNames((_classNames2 = {}, _defineProperty(_classNames2, "".concat(classPrefix, "__code--current"), true), _defineProperty(_classNames2, "".concat(classPrefix, "__code--current--current"), true), _classNames2))
   }, list[codeIndex][floorKey]) : null, React__default.createElement("div", {
     className: "".concat(classPrefix, "__bars")
@@ -212,7 +213,7 @@ var Elevator = function Elevator2(props) {
         return handleClickIndex(item[floorKey]);
       }
     }, item[floorKey]);
-  }))));
+  })))) : null);
 };
 Elevator.defaultProps = defaultProps;
 Elevator.displayName = "NutElevator";

package/dist/esm/Image.js

@@ -71,7 +71,6 @@ var Image = function Image2(props) {
   }, style);
   var observer = useRef(null);
   var initObserver = function initObserver2() {
-    var images = document.querySelectorAll(".nut-img.lazyload");
     var options = {
       threshold: [0],
       rootMargin: "0px"
@@ -86,14 +85,12 @@ var Image = function Image2(props) {
               img.src = img.dataset.src;
               img.removeAttribute("data-src");
             }
-            observer.current.unobserve(item.target);
+            resetObserver();
           }, 300);
         }
       });
     }, options);
-    images.forEach(function(item) {
-      observer.current.observe(item);
-    });
+    observer.current.observe(imgRef.current);
   };
   var resetObserver = function resetObserver2() {
     observer.current.disconnect && observer.current.disconnect();

package/dist/esm/ImagePreview.js

@@ -30,16 +30,16 @@ var defaultProps = {
   images: [],
   videos: [],
   show: false,
-  autoplay: 3e3,
+  autoPlay: 3e3,
   initNo: 1,
   contentClose: false,
-  paginationVisible: false,
+  indicator: false,
   paginationColor: "#fff",
   onClose: function onClose() {
   }
 };
 var ImagePreview = function ImagePreview2(props) {
-  var images = props.images, videos = props.videos, show = props.show, initNo = props.initNo, paginationColor = props.paginationColor, paginationVisible = props.paginationVisible, autoplay = props.autoplay, contentClose = props.contentClose, onClose2 = props.onClose;
+  var images = props.images, videos = props.videos, show = props.show, initNo = props.initNo, paginationColor = props.paginationColor, indicator = props.indicator, autoPlay = props.autoPlay, contentClose = props.contentClose, onClose2 = props.onClose;
   var nutImagePreview = useRef(null);
   var _useState = useState(initNo), _useState2 = _slicedToArray(_useState, 2), innerNo = _useState2[0], setInnerNo = _useState2[1];
   var _useState3 = useState(false), _useState4 = _slicedToArray(_useState3, 2), showPop = _useState4[0], setShowPop = _useState4[1];
@@ -170,18 +170,18 @@ var ImagePreview = function ImagePreview2(props) {
     onClick: closeOnImg,
     onTouchStart
   }, React__default.createElement(Swiper, {
-    autoPlay: autoplay,
+    autoPlay,
     className: "nut-imagepreview-swiper",
     loop: true,
-    isPreventDefault: false,
+    preventDefault: false,
     style: {
-      display: showPop ? "block" : "none"
+      display: showPop ? "block" : "none",
+      "--nutui-indicator-color": paginationColor
     },
     direction: "horizontal",
     onChange: slideChangeEnd,
-    initPage: innerNo && (innerNo > maxNo ? maxNo - 1 : innerNo - 1),
-    paginationColor,
-    paginationVisible
+    defaultValue: innerNo && (innerNo > maxNo ? maxNo - 1 : innerNo - 1),
+    indicator
   }, (videos && videos.length > 0 ? videos.map(function(item, index) {
     return React__default.createElement(SwiperItem, {
       key: index

package/dist/esm/Indicator.js

@@ -26,7 +26,7 @@ import React__default from "react";
 import classNames from "classnames";
 var defaultProps = {
   total: 3,
-  current: 1,
+  current: 0,
   direction: "horizontal"
 };
 var classPrefix = "nut-indicator";
@@ -35,11 +35,11 @@ var Indicator = function Indicator2(props) {
   var classes = classNames(_defineProperty({}, "".concat(classPrefix, "__vertical"), direction === "vertical"));
   var renderElement = function renderElement2() {
     var childs = [];
-    for (var item = 1; item <= total; item++) {
-      childs.push(item === current ? React__default.createElement(React__default.Fragment, null, children || React__default.createElement("div", {
+    for (var item = 0; item < total; item++) {
+      childs.push(item === current ? children || React__default.createElement("div", {
         key: item,
         className: "".concat(classPrefix, "__dot ").concat(classPrefix, "__active")
-      })) : React__default.createElement("div", {
+      }) : React__default.createElement("div", {
         key: item,
         className: "".concat(classPrefix, "__dot")
       }));

package/dist/esm/Notify.js

@@ -55,12 +55,12 @@ function _isNativeReflectConstruct() {
   }
 }
 import * as React from "react";
-import * as ReactDOM from "react-dom";
 import classNames from "classnames";
 import { CSSTransition } from "react-transition-group";
-import { c as cn } from "./bem.js";
-import { r as render } from "./render.js";
-import "@bem-react/classname";
+import { r as render, u as unmount } from "./render.js";
+import { C as ComponentDefaults } from "./typings.js";
+import "react-dom";
+var classPrefix = "nut-notify";
 var Notification = /* @__PURE__ */ function(_React$PureComponent) {
   _inherits(Notification2, _React$PureComponent);
   var _super = _createSuper(Notification2);
@@ -89,7 +89,7 @@ var Notification = /* @__PURE__ */ function(_React$PureComponent) {
         var element = document.getElementById(this.props.id);
         element && element.parentNode && element.parentNode.removeChild(element);
       }
-      this.props.onClosed();
+      this.props.onClose();
     }
   }, {
     key: "startCloseTimer",
@@ -128,30 +128,22 @@ var Notification = /* @__PURE__ */ function(_React$PureComponent) {
   }, {
     key: "render",
     value: function render2() {
-      var _this$props = this.props, children = _this$props.children, style = _this$props.style, msg = _this$props.msg, color = _this$props.color, background = _this$props.background, type = _this$props.type, className = _this$props.className, position = _this$props.position, isWrapTeleport = _this$props.isWrapTeleport;
-      this.state;
-      cn("notify");
-      var classes = classNames(_defineProperty({
-        "nut-notify--popup-top": position === "top",
-        "nut-notify--popup-bottom": position === "bottom",
-        "nut-notify": true
-      }, "nut-notify--".concat(type), true));
+      var _classNames;
+      var _this$props = this.props, style = _this$props.style, message = _this$props.message, type = _this$props.type, className = _this$props.className, position = _this$props.position;
+      var show = this.state.show;
+      var classes = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "--popup-top"), position === "top"), _defineProperty(_classNames, "".concat(classPrefix, "--popup-bottom"), position === "bottom"), _defineProperty(_classNames, "".concat(classPrefix), true), _defineProperty(_classNames, "".concat(classPrefix, "--").concat(type), true), _classNames));
       return React.createElement(React.Fragment, null, React.createElement(CSSTransition, {
-        "in": this.state.show,
+        "in": show,
         timeout: 300,
         classNames: "fade",
         unmountOnExit: true,
         appear: true,
-        position,
-        isWrapTeleport
+        position
       }, React.createElement("div", {
         className: "".concat(classes, " ").concat(className),
-        style: {
-          color: "".concat(color || ""),
-          background: "".concat(background || "")
-        },
+        style,
         onClick: this.clickCover
-      }, children || msg)));
+      }, message)));
     }
   }]);
   return Notification2;
@@ -173,7 +165,7 @@ Notification.newInstance = function(properties, callback) {
       component: instance,
       destroy: function destroy() {
         setTimeout(function() {
-          ReactDOM.unmountComponentAtNode(element);
+          unmount(element);
           element && element.parentNode && element.parentNode.removeChild(element);
         }, 300);
       }
@@ -184,19 +176,16 @@ Notification.newInstance = function(properties, callback) {
   })), element);
 };
 var messageInstance = null;
-var options = {
-  msg: "",
+var options = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   id: "",
   duration: 3e3,
-  color: "",
   type: "danger",
-  className: "",
   position: "top",
-  onClosed: function onClosed() {
+  onClose: function onClose() {
   },
   onClick: function onClick() {
   }
-};
+});
 function getInstance(props, callback) {
   if (messageInstance) {
     messageInstance.destroy();
@@ -212,49 +201,49 @@ function notice(opts) {
     messageInstance = notification;
   });
 }
-var errorMsg = function errorMsg2(msg) {
-  if (!msg) {
-    console.warn("[NutUI Notify]: msg不能为空");
+var errorMsg = function errorMsg2(message) {
+  if (!message) {
+    console.warn("[NutUI Notify]: message不能为空");
   }
 };
 var Notify = {
-  text: function text(msg) {
+  text: function text(message) {
     var option = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    errorMsg(msg);
+    errorMsg(message);
     return notice(_objectSpread({
-      msg,
+      message,
       type: "base"
     }, option));
   },
-  success: function success(msg) {
+  success: function success(message) {
     var option = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    errorMsg(msg);
+    errorMsg(message);
     return notice(_objectSpread({
-      msg,
+      message,
       type: "success"
     }, option));
   },
-  primary: function primary(msg) {
+  primary: function primary(message) {
     var option = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    errorMsg(msg);
+    errorMsg(message);
     return notice(_objectSpread({
-      msg,
+      message,
       type: "primary"
     }, option));
   },
-  danger: function danger(msg) {
+  danger: function danger(message) {
     var option = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    errorMsg(msg);
+    errorMsg(message);
     return notice(_objectSpread({
-      msg,
+      message,
       type: "danger"
     }, option));
   },
-  warn: function warn(msg) {
+  warn: function warn(message) {
     var option = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    errorMsg(msg);
+    errorMsg(message);
     return notice(_objectSpread({
-      msg,
+      message,
       type: "warning"
     }, option));
   },