@arco-design/mobile-react 2.24.2 → 2.25.1

package/cjs/date-picker/index.d.ts

@@ -9,6 +9,9 @@ export interface DatePickerRef {
      */
     dom: HTMLDivElement | null;
 }
+declare const _default: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<DatePickerRef>> & {
+    displayName?: string | undefined;
+};
 /**
  * 日期时间选择器，基于`Picker`组件扩展，支持指定范围，单位可精确到秒。
  * @en Date picker, based on the `Picker` component, supports the specified range, the unit can be accurate to seconds.
@@ -16,6 +19,6 @@ export interface DatePickerRef {
  * @type_en Data Entry
  * @name 日期时间选择器
  * @name_en DatePicker
+ * @displayName DatePicker
  */
-declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<DatePickerRef>>;
-export default DatePicker;
+export default _default;

package/cjs/date-picker/index.js

@@ -1,29 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 var _exportNames = {
   YEAR: true
 };
 exports.default = exports.YEAR = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _mobileUtils = require("@arco-design/mobile-utils");
-
 var _picker = _interopRequireDefault(require("../picker"));
-
 var _contextProvider = require("../context-provider");
-
 var _helper = require("./helper");
-
 var _type = require("./type");
-
 Object.keys(_type).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -31,70 +21,53 @@ Object.keys(_type).forEach(function (key) {
   exports[key] = _type[key];
 });
 var _excluded = ["currentTs", "className", "visible", "onOk", "onChange", "onValueChange", "mode", "typeArr", "minTs", "maxTs", "formatter", "valueFilter", "columnsProcessor", "touchToStop", "useUTC"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var allTypes = ['year', 'month', 'date', 'hour', 'minute', 'second'];
-
 var defaultFormatter = function defaultFormatter(value) {
   return value < 10 ? "0" + value : String(value);
 };
-
 var YEAR = 12 * 30 * 24 * 60 * 60 * 1000;
 exports.YEAR = YEAR;
 var initMinDate = Date.now() - 10 * YEAR;
 var initMaxDate = Date.now() + 10 * YEAR;
 var initDate = Date.now();
-
-/**
- * 日期时间选择器，基于`Picker`组件扩展，支持指定范围，单位可精确到秒。
- * @en Date picker, based on the `Picker` component, supports the specified range, the unit can be accurate to seconds.
- * @type 数据录入
- * @type_en Data Entry
- * @name 日期时间选择器
- * @name_en DatePicker
- */
 var DatePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _props$currentTs = props.currentTs,
-      userSetCurrentTs = _props$currentTs === void 0 ? initDate : _props$currentTs,
-      _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      _props$visible = props.visible,
-      visible = _props$visible === void 0 ? false : _props$visible,
-      onOk = props.onOk,
-      onChange = props.onChange,
-      onValueChange = props.onValueChange,
-      _props$mode = props.mode,
-      mode = _props$mode === void 0 ? 'datetime' : _props$mode,
-      _props$typeArr = props.typeArr,
-      typeArr = _props$typeArr === void 0 ? [] : _props$typeArr,
-      _props$minTs = props.minTs,
-      minTs = _props$minTs === void 0 ? initMinDate : _props$minTs,
-      _props$maxTs = props.maxTs,
-      maxTs = _props$maxTs === void 0 ? initMaxDate : _props$maxTs,
-      _props$formatter = props.formatter,
-      formatter = _props$formatter === void 0 ? defaultFormatter : _props$formatter,
-      _props$valueFilter = props.valueFilter,
-      valueFilter = _props$valueFilter === void 0 ? function () {
-    return true;
-  } : _props$valueFilter,
-      columnsProcessor = props.columnsProcessor,
-      touchToStop = props.touchToStop,
-      _props$useUTC = props.useUTC,
-      useUTC = _props$useUTC === void 0 ? false : _props$useUTC,
-      otherProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    userSetCurrentTs = _props$currentTs === void 0 ? initDate : _props$currentTs,
+    _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$visible = props.visible,
+    visible = _props$visible === void 0 ? false : _props$visible,
+    onOk = props.onOk,
+    onChange = props.onChange,
+    onValueChange = props.onValueChange,
+    _props$mode = props.mode,
+    mode = _props$mode === void 0 ? 'datetime' : _props$mode,
+    _props$typeArr = props.typeArr,
+    typeArr = _props$typeArr === void 0 ? [] : _props$typeArr,
+    _props$minTs = props.minTs,
+    minTs = _props$minTs === void 0 ? initMinDate : _props$minTs,
+    _props$maxTs = props.maxTs,
+    maxTs = _props$maxTs === void 0 ? initMaxDate : _props$maxTs,
+    _props$formatter = props.formatter,
+    formatter = _props$formatter === void 0 ? defaultFormatter : _props$formatter,
+    _props$valueFilter = props.valueFilter,
+    valueFilter = _props$valueFilter === void 0 ? function () {
+      return true;
+    } : _props$valueFilter,
+    columnsProcessor = props.columnsProcessor,
+    touchToStop = props.touchToStop,
+    _props$useUTC = props.useUTC,
+    useUTC = _props$useUTC === void 0 ? false : _props$useUTC,
+    otherProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   var currentTs = Math.min(maxTs, Math.max(minTs, userSetCurrentTs));
-
   var _useState = (0, _react.useState)([[]]),
-      data = _useState[0],
-      setData = _useState[1];
-
+    data = _useState[0],
+    setData = _useState[1];
   var _useState2 = (0, _react.useState)([]),
-      value = _useState2[0],
-      setValue = _useState2[1];
-
+    value = _useState2[0],
+    setValue = _useState2[1];
   var currentDateObjRef = (0, _react.useRef)(_convertTsToDateObj(currentTs));
   var minDateObjRef = (0, _react.useRef)(_convertTsToDateObj(minTs));
   var maxDateObjRef = (0, _react.useRef)(_convertTsToDateObj(maxTs));
@@ -107,7 +80,6 @@ var DatePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       dom: pickerRef.current ? pickerRef.current.dom : null
     };
   });
-
   function _getColumns() {
     var dateObj = {};
     allTypes.forEach(function (type) {
@@ -116,21 +88,17 @@ var DatePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var columns = keyOptions.map(function (opt) {
       return dateObj[opt];
     });
-
     if (columnsProcessor) {
       columns = columnsProcessor(columns, currentDateObjRef.current);
     }
-
     return {
       columns: columns,
       dateObj: dateObj
     };
   }
-
   function _getSelectValue(columns) {
     var val = keyOptions.map(function (opt, index) {
       var _curCol$Math$max;
-
       var curCol = columns[index] || [];
       var selectIndex = curCol.findIndex(function (col) {
         return col.value === currentDateObjRef.current[opt];
@@ -139,58 +107,47 @@ var DatePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     });
     return val;
   }
-
   function _initData() {
     var _getColumns2 = _getColumns(),
-        columns = _getColumns2.columns;
-
+      columns = _getColumns2.columns;
     var val = _getSelectValue(columns);
-
     setData(function () {
       return columns;
     });
     setValue(function () {
       return val;
     });
-  } // 根据当前选中的日期动态改变其他列的options
-  // @en Dynamically change the options of other columns based on the currently selected date
-
+  }
 
+  // 根据当前选中的日期动态改变其他列的options
+  // @en Dynamically change the options of other columns based on the currently selected date
   function _getActualArray(type, nowDateObj) {
     var normalRange = _getNormalRange(type, nowDateObj);
-
     var range = [];
-
     switch (type) {
       case 'year':
         range = [minDateObjRef.current.year, maxDateObjRef.current.year];
         break;
-
       default:
         {
           var checkKeys = allTypes.slice(0, allTypes.indexOf(type));
           range = normalRange;
-
           if ((0, _helper.judgeObj)(nowDateObj, minDateObjRef.current, checkKeys)) {
             range[0] = minDateObjRef.current[type];
           }
-
           if ((0, _helper.judgeObj)(nowDateObj, maxDateObjRef.current, checkKeys)) {
             range[range.length - 1] = maxDateObjRef.current[type];
           }
         }
     }
-
     return _convertRangeToArr(type, range);
   }
-
   function _convertRangeToArr(type, range) {
     var _range$ = range[0],
-        start = _range$ === void 0 ? 0 : _range$,
-        _range$2 = range[1],
-        end = _range$2 === void 0 ? 0 : _range$2;
+      start = _range$ === void 0 ? 0 : _range$,
+      _range$2 = range[1],
+      end = _range$2 === void 0 ? 0 : _range$2;
     var arr = [];
-
     for (var i = start; i <= end; i += 1) {
       if (valueFilter(type, i)) {
         var text = formatter(i, type);
@@ -200,60 +157,48 @@ var DatePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         });
       }
     }
-
     return arr;
   }
-
   function _getNormalRange(type, nowDateObj) {
     switch (type) {
       case 'month':
         return [1, 12];
-
       case 'date':
         if (nowDateObj.month === 2) {
           // 闰年2月29天
           // @en February 29th in leap year
           return nowDateObj.year % 4 === 0 ? [1, 29] : [1, 28];
         }
-
         return (0, _helper.oneOf)(nowDateObj.month, [1, 3, 5, 7, 8, 10, 12]) ? [1, 31] : [1, 30];
-
       case 'hour':
         return [0, 23];
-
       case 'minute':
       case 'second':
         return [0, 59];
-
       default:
         return [];
     }
   }
-
   function _convertObjToTs(obj, defaultTs) {
     return (0, _helper.convertObjToTs)(obj, defaultTs, useUTC);
   }
-
   function _convertTsToDateObj(ts) {
     return (0, _helper.convertTsToDateObj)(ts, useUTC);
   }
-
   function _handlePickerChange(values, index) {
     var type = keyOptions[index];
     var nowDateObj = {};
     values.forEach(function (i, keyIndex) {
       nowDateObj[keyOptions[keyIndex]] = i;
     });
-
     if (~keyOptions.slice(0, keyOptions.length - 1).indexOf(type)) {
       currentDateObjRef.current = nowDateObj;
-
       var _getColumns3 = _getColumns(),
-          columns = _getColumns3.columns,
-          dateObj = _getColumns3.dateObj; // 校准选中日期，比如先选中2020-02-29 年份改为2019，则2月没有29日；需要校准
-      // @en Calibration selected date, For example, if you first select 2020-02-29 and change the year to 2019, there will be no 29th in February; calibration is required
-
+        columns = _getColumns3.columns,
+        dateObj = _getColumns3.dateObj;
 
+      // 校准选中日期，比如先选中2020-02-29 年份改为2019，则2月没有29日；需要校准
+      // @en Calibration selected date, For example, if you first select 2020-02-29 and change the year to 2019, there will be no 29th in February; calibration is required
       keyOptions.forEach(function (key) {
         if (dateObj[key].findIndex(function (item) {
           return item.value === nowDateObj[key];
@@ -261,69 +206,53 @@ var DatePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
           nowDateObj[key] = dateObj[key][dateObj[key].length - 1].value;
         }
       });
-
       var val = _getSelectValue(columns);
-
       setData(columns);
       setValue(val);
     }
-
     if (onValueChange) {
       onValueChange(_convertObjToTs(nowDateObj, currentTs), nowDateObj, index);
     }
   }
-
   function _handlePickerConfirm(values) {
     var nowDateObj = {};
     values.forEach(function (index, keyIndex) {
       nowDateObj[keyOptions[keyIndex]] = index;
     });
-
     var newTs = _convertObjToTs(nowDateObj, currentTs);
-
     if (onOk) {
       onOk(newTs, nowDateObj);
     }
-
     if (onChange) {
       onChange(newTs, nowDateObj);
     }
   }
-
   function _getKeyOptions() {
     if (typeArr && typeArr.length) {
       return typeArr;
     }
-
     var options = [];
-
     switch (mode) {
       case 'date':
         options = allTypes.slice(0, 3);
         break;
-
       case 'time':
         options = allTypes.slice(3);
         break;
-
       default:
         options = allTypes;
     }
-
     return options;
   }
-
   (0, _react.useEffect)(function () {
     minDateObjRef.current = _convertTsToDateObj(minTs);
     currentDateObjRef.current = _convertTsToDateObj(currentTs);
     maxDateObjRef.current = _convertTsToDateObj(maxTs);
-
     _initData();
   }, [currentTs, minTs, maxTs, useUTC]);
   (0, _react.useEffect)(function () {
     if (visible) {
       currentDateObjRef.current = _convertTsToDateObj(currentTs);
-
       _initData();
     }
   }, [visible]);
@@ -342,5 +271,14 @@ var DatePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     }));
   });
 });
-var _default = DatePicker;
+/**
+ * 日期时间选择器，基于`Picker`组件扩展，支持指定范围，单位可精确到秒。
+ * @en Date picker, based on the `Picker` component, supports the specified range, the unit can be accurate to seconds.
+ * @type 数据录入
+ * @type_en Data Entry
+ * @name 日期时间选择器
+ * @name_en DatePicker
+ * @displayName DatePicker
+ */
+var _default = (0, _mobileUtils.componentWrapper)(DatePicker, 'DatePicker');
 exports.default = _default;

package/cjs/date-picker/style/css/index.js

@@ -1,7 +1,5 @@
 "use strict";
 
 require("../../../../style/css/public.css");
-
 require("../../../picker/style/css");
-
 require("./index.css");

package/cjs/date-picker/style/index.js

@@ -1,7 +1,5 @@
 "use strict";
 
 require("../../../style/public.less");
-
 require("../../picker/style");
-
 require("./index.less");

package/cjs/dialog/index.js

@@ -1,78 +1,63 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 var _exportNames = {
   methodsGenerator: true
 };
 exports.default = void 0;
 exports.methodsGenerator = methodsGenerator;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _mobileUtils = require("@arco-design/mobile-utils");
-
 var _contextProvider = require("../context-provider");
-
 var _masking = _interopRequireDefault(require("../masking"));
-
 var _methods = require("./methods");
-
 Object.keys(_methods).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _methods[key]) return;
   exports[key] = _methods[key];
 });
-
 var _helpers = require("../_helpers");
-
 var _excluded = ["close", "children", "title", "footer", "footerType", "renderFooter", "footerCollapseCount", "titleAlign", "contentAlign", "className", "maskClass", "contentClass", "contentStyle", "contentTransitionType", "maskTransitionTimeout", "contentTransitionTimeout", "extra"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var Dialog = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var system = (0, _helpers.useSystem)();
   var nowSystem = props.platform || system;
   var _props$close = props.close,
-      close = _props$close === void 0 ? function () {} : _props$close,
-      children = props.children,
-      title = props.title,
-      _props$footer = props.footer,
-      footer = _props$footer === void 0 ? [] : _props$footer,
-      _props$footerType = props.footerType,
-      footerType = _props$footerType === void 0 ? 'grid' : _props$footerType,
-      renderFooter = props.renderFooter,
-      _props$footerCollapse = props.footerCollapseCount,
-      footerCollapseCount = _props$footerCollapse === void 0 ? 3 : _props$footerCollapse,
-      _props$titleAlign = props.titleAlign,
-      titleAlign = _props$titleAlign === void 0 ? nowSystem === 'android' ? 'left' : 'center' : _props$titleAlign,
-      _props$contentAlign = props.contentAlign,
-      contentAlign = _props$contentAlign === void 0 ? nowSystem === 'android' ? 'left' : 'center' : _props$contentAlign,
-      className = props.className,
-      maskClass = props.maskClass,
-      contentClass = props.contentClass,
-      contentStyle = props.contentStyle,
-      _props$contentTransit = props.contentTransitionType,
-      contentTransitionType = _props$contentTransit === void 0 ? nowSystem === 'android' ? 'fade' : 'fade-scale' : _props$contentTransit,
-      _props$maskTransition = props.maskTransitionTimeout,
-      maskTransitionTimeout = _props$maskTransition === void 0 ? 300 : _props$maskTransition,
-      _props$contentTransit2 = props.contentTransitionTimeout,
-      contentTransitionTimeout = _props$contentTransit2 === void 0 ? 450 : _props$contentTransit2,
-      extra = props.extra,
-      restProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    close = _props$close === void 0 ? function () {} : _props$close,
+    children = props.children,
+    title = props.title,
+    _props$footer = props.footer,
+    footer = _props$footer === void 0 ? [] : _props$footer,
+    _props$footerType = props.footerType,
+    footerType = _props$footerType === void 0 ? 'grid' : _props$footerType,
+    renderFooter = props.renderFooter,
+    _props$footerCollapse = props.footerCollapseCount,
+    footerCollapseCount = _props$footerCollapse === void 0 ? 3 : _props$footerCollapse,
+    _props$titleAlign = props.titleAlign,
+    titleAlign = _props$titleAlign === void 0 ? nowSystem === 'android' ? 'left' : 'center' : _props$titleAlign,
+    _props$contentAlign = props.contentAlign,
+    contentAlign = _props$contentAlign === void 0 ? nowSystem === 'android' ? 'left' : 'center' : _props$contentAlign,
+    className = props.className,
+    maskClass = props.maskClass,
+    contentClass = props.contentClass,
+    contentStyle = props.contentStyle,
+    _props$contentTransit = props.contentTransitionType,
+    contentTransitionType = _props$contentTransit === void 0 ? nowSystem === 'android' ? 'fade' : 'fade-scale' : _props$contentTransit,
+    _props$maskTransition = props.maskTransitionTimeout,
+    maskTransitionTimeout = _props$maskTransition === void 0 ? 300 : _props$maskTransition,
+    _props$contentTransit2 = props.contentTransitionTimeout,
+    contentTransitionTimeout = _props$contentTransit2 === void 0 ? 450 : _props$contentTransit2,
+    extra = props.extra,
+    restProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   var maskingRef = (0, _react.useRef)(null);
   var contentRef = (0, _react.useRef)(null);
   (0, _react.useImperativeHandle)(ref, function () {
     var _maskingRef$current, _maskingRef$current2, _maskingRef$current3;
-
     return {
       dom: ((_maskingRef$current = maskingRef.current) == null ? void 0 : _maskingRef$current.dom) || null,
       mask: ((_maskingRef$current2 = maskingRef.current) == null ? void 0 : _maskingRef$current2.mask) || null,
@@ -80,17 +65,13 @@ var Dialog = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       setCloseScene: ((_maskingRef$current3 = maskingRef.current) == null ? void 0 : _maskingRef$current3.setCloseScene) || function () {}
     };
   });
-
   function handleFooterBtnClick(e, btn) {
     e.preventDefault();
     e.stopPropagation();
-
     if (btn.disabled) {
       return;
     }
-
     var result = btn.onClick ? btn.onClick(e) : null;
-
     if (!result || typeof result === 'boolean') {
       !result && close(e);
     } else if (result && result.then) {
@@ -99,10 +80,9 @@ var Dialog = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       });
     }
   }
-
   function renderDialog(_ref) {
     var prefixCls = _ref.prefixCls,
-        locale = _ref.locale;
+      locale = _ref.locale;
     var prefix = prefixCls + "-dialog";
     return /*#__PURE__*/_react.default.createElement(_masking.default, (0, _extends2.default)({
       close: close,
@@ -141,10 +121,8 @@ var Dialog = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       }, typeof btn.content === 'function' ? btn.content(locale) : btn.content);
     })) : null, extra ? /*#__PURE__*/_react.default.createElement("section", null, extra) : null));
   }
-
   return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, renderDialog);
 });
-
 function methodsGenerator(Comp) {
   return {
     /**
@@ -154,7 +132,6 @@ function methodsGenerator(Comp) {
      * @returns {{ close: () => void; update: (newConfig: AlertOptions & DialogProps) => void; }}
      */
     alert: (0, _methods.alert)(Comp),
-
     /**
      * 打开提示框(含一个确认按钮和一个取消按钮)
      * @desc {en} Open a prompt dialog (with a confirm button and a cancel button)
@@ -162,7 +139,6 @@ function methodsGenerator(Comp) {
      * @returns {{ close: () => void; update: (newConfig: ConfirmOptions & AlertOptions) => void; }}
      */
     confirm: (0, _methods.confirm)(Comp),
-
     /**
      * 打开常规对话框
      * @desc {en} Open the general dialog
@@ -172,8 +148,8 @@ function methodsGenerator(Comp) {
     open: (0, _methods.open)(Comp)
   };
 }
-
 var DialogWithGlobalContext = (0, _contextProvider.CompWithGlobalContext)(Dialog);
+
 /**
  * 模态对话框，在浮层中显示，引导用户进行相关操作。默认做了防滚动穿透处理，如果弹层内容中需要滚动，则需将滚动容器传入`getScrollContainer`属性以在未滚动到顶部或底部时释放滚动。
  * @en A modal dialog, displayed in a floating layer, guides the user to perform related operations. By default, anti-scroll penetration processing is performed. If scrolling is required in the content of the bullet layer, you need to pass the scroll container to `getScrollContainer` to release scrolling when it is not scrolled to the top or bottom.
@@ -182,7 +158,5 @@ var DialogWithGlobalContext = (0, _contextProvider.CompWithGlobalContext)(Dialog
  * @name 对话框
  * @name_en Dialog
  */
-
 var _default = (0, _mobileUtils.componentWrapper)(Dialog, methodsGenerator(DialogWithGlobalContext));
-
 exports.default = _default;

package/cjs/dialog/methods.js

@@ -1,29 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.alert = alert;
 exports.confirm = confirm;
 exports.normalizeAlert = normalizeAlert;
 exports.normalizeConfirm = normalizeConfirm;
 exports.open = open;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
 var _methods = require("../masking/methods");
-
 var _excluded = ["onOk", "okText"],
-    _excluded2 = ["onOk", "okText", "onCancel", "cancelText"];
-
+  _excluded2 = ["onOk", "okText", "onCancel", "cancelText"];
 function normalizeAlert(config) {
   var _ref = config || {},
-      onOk = _ref.onOk,
-      okText = _ref.okText,
-      restConfig = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
-
+    onOk = _ref.onOk,
+    okText = _ref.okText,
+    restConfig = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
   return (0, _extends2.default)({
     footer: [{
       content: okText || function (locale) {
@@ -34,15 +27,13 @@ function normalizeAlert(config) {
     }]
   }, restConfig);
 }
-
 function normalizeConfirm(config) {
   var _ref2 = config || {},
-      onOk = _ref2.onOk,
-      okText = _ref2.okText,
-      onCancel = _ref2.onCancel,
-      cancelText = _ref2.cancelText,
-      restConfig = (0, _objectWithoutPropertiesLoose2.default)(_ref2, _excluded2);
-
+    onOk = _ref2.onOk,
+    okText = _ref2.okText,
+    onCancel = _ref2.onCancel,
+    cancelText = _ref2.cancelText,
+    restConfig = (0, _objectWithoutPropertiesLoose2.default)(_ref2, _excluded2);
   return (0, _extends2.default)({
     footer: [{
       content: cancelText || function (locale) {
@@ -59,17 +50,13 @@ function normalizeConfirm(config) {
     }]
   }, restConfig);
 }
-
 var dialogId = 'ARCO_DIALOG';
-
 function alert(Component, normalize) {
   return (0, _methods.getOpenMethod)(Component, dialogId, normalize || normalizeAlert);
 }
-
 function confirm(Component, normalize) {
   return (0, _methods.getOpenMethod)(Component, dialogId, normalize || normalizeConfirm);
 }
-
 function open(Component) {
   return (0, _methods.open)(Component, dialogId);
 }

package/cjs/dialog/style/css/index.css

@@ -9,7 +9,8 @@
     -webkit-transform: scale(1);
             transform: scale(1);
   }
-}@keyframes fade-scale-on {
+}
+@keyframes fade-scale-on {
   0% {
     opacity: 0;
     -webkit-transform: scale(0.5);