@arco-design/mobile-react 2.19.1-7cada34.0 → 2.19.2-ee92494.5

package/esm/image-picker/index.js

@@ -0,0 +1,288 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useRef, forwardRef, useImperativeHandle } from 'react';
+import { cls, defaultLocale } from '@arco-design/mobile-utils';
+import { ContextLayout } from '../context-provider';
+import { IconClose } from '../icon';
+import Image from '../image';
+import Grid from '../grid';
+import AddIcon from './add-icon';
+
+/**
+ * 图片选择器组件
+ * @en ImagePicker Component
+ * @type 数据输入
+ * @type_en Data Entry
+ * @name 图片选择器
+ * @name_en ImagePicker
+ */
+var ImagePicker = /*#__PURE__*/forwardRef(function (props, ref) {
+  var _props$className = props.className,
+      className = _props$className === void 0 ? '' : _props$className,
+      style = props.style,
+      _props$accept = props.accept,
+      accept = _props$accept === void 0 ? 'image/*' : _props$accept,
+      _props$multiple = props.multiple,
+      multiple = _props$multiple === void 0 ? false : _props$multiple,
+      capture = props.capture,
+      _props$columns = props.columns,
+      columns = _props$columns === void 0 ? 3 : _props$columns,
+      _props$gutter = props.gutter,
+      gutter = _props$gutter === void 0 ? 8 : _props$gutter,
+      _props$limit = props.limit,
+      limit = _props$limit === void 0 ? 0 : _props$limit,
+      _props$images = props.images,
+      images = _props$images === void 0 ? [] : _props$images,
+      maxSize = props.maxSize,
+      disabled = props.disabled,
+      deleteIcon = props.deleteIcon,
+      selectIcon = props.selectIcon,
+      _props$hideDelete = props.hideDelete,
+      hideDelete = _props$hideDelete === void 0 ? false : _props$hideDelete,
+      _props$hideSelect = props.hideSelect,
+      hideSelect = _props$hideSelect === void 0 ? false : _props$hideSelect,
+      _props$alwaysShowSele = props.alwaysShowSelect,
+      alwaysShowSelect = _props$alwaysShowSele === void 0 ? false : _props$alwaysShowSele,
+      imageProps = props.imageProps,
+      renderLoading = props.renderLoading,
+      renderError = props.renderError,
+      onLongPress = props.onLongPress,
+      onClick = props.onClick,
+      _props$onChange = props.onChange,
+      onChange = _props$onChange === void 0 ? function () {
+    return null;
+  } : _props$onChange,
+      onMaxSizeExceed = props.onMaxSizeExceed,
+      onLimitExceed = props.onLimitExceed,
+      upload = props.upload,
+      selectAdapter = props.selectAdapter;
+  var domRef = useRef(null);
+  var fileRef = useRef(null);
+  useImperativeHandle(ref, function () {
+    return {
+      dom: domRef.current
+    };
+  });
+
+  var parseFile = function parseFile(file) {
+    return new Promise(function (resolve, reject) {
+      if (file.url) {
+        resolve(file.url);
+      } else {
+        var reader = new FileReader();
+
+        reader.onload = function (e) {
+          var _e$target;
+
+          var dataURL = (_e$target = e.target) == null ? void 0 : _e$target.result;
+
+          if (!dataURL) {
+            reject(new Error('file parse error'));
+          }
+
+          resolve(dataURL);
+        };
+
+        reader.onerror = function () {
+          reject(new Error('file parse error'));
+        };
+
+        reader.readAsDataURL(file);
+      }
+    });
+  };
+
+  var handleChange = function handleChange(event, fromAdapter) {
+    var files = [].concat(event.target.files || []).filter(function (file) {
+      // 过滤maxSize
+      if (maxSize && file.size > maxSize * 1024) {
+        onMaxSizeExceed && onMaxSizeExceed(file);
+        return false;
+      }
+
+      return true;
+    }) || [];
+
+    if (!fromAdapter) {
+      event.target.value = '';
+    } // 截断limit
+
+
+    if (limit !== 0 && files.length + images.length > limit) {
+      onLimitExceed && onLimitExceed(files);
+      files.length = limit - images.length;
+    } // 解析文件生成预览
+
+
+    Promise.all(files.map(function (file) {
+      return parseFile(file);
+    })).then(function (parseFiles) {
+      var res = parseFiles.map(function (url, index) {
+        return {
+          url: url,
+          status: upload ? 'loading' : 'loaded',
+          file: files[index]
+        };
+      });
+      var cacheRes = [].concat(images, res);
+      onChange(cacheRes); // 执行upload
+
+      if (typeof upload === 'function') {
+        var propsImageLength = images.length;
+        files.forEach(function (_file, index) {
+          upload(cacheRes[propsImageLength + index]).then(function (data) {
+            cacheRes[propsImageLength + index] = _extends({}, cacheRes[propsImageLength + index], data);
+          }).catch(function () {
+            cacheRes[propsImageLength + index].status = 'error';
+          }).finally(function () {
+            cacheRes[propsImageLength + index].status = 'loaded';
+            onChange([].concat(cacheRes));
+          });
+        });
+      }
+    });
+  };
+
+  var handleDelete = function handleDelete(index) {
+    onChange(images.filter(function (_i, j) {
+      return j !== index;
+    }));
+  }; // click && longPress
+
+
+  var timeOutEvent;
+
+  var handleTouchStart = function handleTouchStart(e, image, index) {
+    e.preventDefault();
+    timeOutEvent = setTimeout(function () {
+      timeOutEvent = 0;
+      onLongPress == null ? void 0 : onLongPress(e, image, index);
+    }, 750);
+  };
+
+  var handleClick = function handleClick(e, image, index) {
+    clearTimeout(timeOutEvent);
+
+    if (timeOutEvent !== 0) {
+      onClick == null ? void 0 : onClick(e, image, index);
+    }
+  };
+
+  var handleSelect = function handleSelect() {
+    var _fileRef$current;
+
+    selectAdapter ? selectAdapter().then(function (_ref) {
+      var files = _ref.files;
+      return handleChange({
+        target: {
+          files: files
+        }
+      }, true);
+    }) : (_fileRef$current = fileRef.current) == null ? void 0 : _fileRef$current.click();
+  };
+
+  var getGridData = function getGridData(prefixCls, locale) {
+    var errorNode = function errorNode(index) {
+      if (renderError) {
+        return typeof renderError === 'function' ? renderError(index) : renderError;
+      }
+
+      return /*#__PURE__*/React.createElement("div", {
+        className: prefixCls + "-image-picker-error"
+      }, /*#__PURE__*/React.createElement("p", null, locale.ImagePicker.loadError));
+    };
+
+    var loadingNode = function loadingNode(index) {
+      if (renderLoading) {
+        return typeof renderLoading === 'function' ? renderLoading(index) : renderLoading;
+      }
+
+      return null;
+    };
+
+    var data = (limit && limit < images.length ? images.slice(0, limit) : images).map(function (image, index) {
+      var url = image.url,
+          status = image.status;
+      return {
+        img: /*#__PURE__*/React.createElement("div", {
+          key: index + "-" + url,
+          className: prefixCls + "-image-picker-image"
+        }, /*#__PURE__*/React.createElement("div", {
+          onTouchStart: function onTouchStart(e) {
+            return handleTouchStart(e, image, index);
+          },
+          onClick: function onClick(e) {
+            return handleClick(e, image, index);
+          },
+          className: prefixCls + "-image-picker-image-container"
+        }, /*#__PURE__*/React.createElement(Image, _extends({
+          showLoading: true,
+          showError: true
+        }, imageProps || {}, {
+          src: url,
+          errorArea: errorNode(index),
+          loadingArea: loadingNode(index),
+          status: status || (imageProps == null ? void 0 : imageProps.status)
+        })), /*#__PURE__*/React.createElement("div", {
+          className: prefixCls + "-image-picker-image-mask"
+        })), !hideDelete && /*#__PURE__*/React.createElement("div", {
+          className: prefixCls + "-image-picker-close",
+          onClick: function onClick() {
+            return handleDelete(index);
+          }
+        }, deleteIcon || /*#__PURE__*/React.createElement("div", {
+          className: prefixCls + "-image-picker-close-icon"
+        }, /*#__PURE__*/React.createElement(IconClose, null)))),
+        title: ''
+      };
+    });
+    var showSelect = !hideSelect && images.length < (limit || Infinity);
+    var disableSelect = disabled || alwaysShowSelect && !showSelect;
+
+    if (showSelect || alwaysShowSelect) {
+      var _cls;
+
+      data.push({
+        img: /*#__PURE__*/React.createElement("div", {
+          className: cls(prefixCls + "-image-picker-add", (_cls = {}, _cls[prefixCls + "-image-picker-add-disabled"] = disableSelect, _cls)),
+          onClick: handleSelect
+        }, /*#__PURE__*/React.createElement("div", {
+          className: prefixCls + "-image-picker-add-container"
+        }, selectIcon || /*#__PURE__*/React.createElement("div", {
+          className: prefixCls + "-image-picker-add-icon"
+        }, /*#__PURE__*/React.createElement(AddIcon, null)), !selectAdapter ? /*#__PURE__*/React.createElement("input", {
+          capture: capture,
+          accept: accept,
+          multiple: multiple,
+          type: "file",
+          onChange: function onChange(e) {
+            return handleChange(e);
+          },
+          ref: fileRef
+        }) : null)),
+        title: ''
+      });
+    }
+
+    return data;
+  };
+
+  return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref2) {
+    var _cls2;
+
+    var prefixCls = _ref2.prefixCls,
+        _ref2$locale = _ref2.locale,
+        locale = _ref2$locale === void 0 ? defaultLocale : _ref2$locale;
+    return /*#__PURE__*/React.createElement("div", {
+      className: cls(prefixCls + "-image-picker", className, (_cls2 = {}, _cls2[prefixCls + "-image-picker-disabled"] = disabled, _cls2)),
+      style: style,
+      ref: domRef
+    }, /*#__PURE__*/React.createElement("div", {
+      className: prefixCls + "-image-picker-container"
+    }, /*#__PURE__*/React.createElement(Grid, {
+      data: getGridData(prefixCls, locale),
+      gutter: gutter,
+      columns: columns
+    })));
+  });
+});
+export default ImagePicker;

package/esm/image-picker/style/css/index.css

@@ -0,0 +1,147 @@
+.arco-image-picker {
+  font-size:  0.28rem ;
+}
+.arco-image-picker-container {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-flex-wrap: wrap;
+          flex-wrap: wrap;
+}
+.arco-image-picker-image {
+  position: relative;
+  width: 100%;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+          align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+          justify-content: center;
+  padding-top: 100%;
+  border-radius:  0.04rem ;
+  overflow: hidden;
+}
+.arco-image-picker-image-container {
+  position: absolute;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  left: 0;
+}
+.arco-image-picker-image .arco-image {
+  height: 100%;
+  width: 100%;
+}
+.arco-image-picker-image-mask {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 2;
+}
+.arco-image-picker-add {
+  background-color:  #f7f8fa ;
+  border-radius:  0.04rem ;
+  position: relative;
+  width: 100%;
+  height: 100%;
+  padding-top: 100%;
+}
+.arco-image-picker-add-container {
+  position: absolute;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  left: 0;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+          justify-content: center;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+          align-items: center;
+  text-align: center;
+  font-size:  0.24rem ;
+  color:  #86909c ;
+}
+.arco-image-picker-add-icon {
+  font-size:  0.6rem ;
+  color:  #d8d8d8 ;
+}
+.arco-image-picker-add-icon svg {
+  display: block;
+}
+.arco-image-picker-add-disabled {
+  pointer-events: none;
+}
+.arco-image-picker-add-disabled .arco-image-picker-add-icon {
+  opacity:  0.7 ;
+}
+.arco-image-picker-add input {
+  position: absolute;
+  opacity: 0;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  display: none;
+}
+.arco-image-picker-close {
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 2;
+}
+.arco-image-picker-close-icon {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+          align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+          justify-content: center;
+  font-size:  0.24rem ;
+  width:  0.36rem ;
+  height:  0.36rem ;
+  color:  #ffffff ;
+  background:  rgba(0, 0, 0, 0.3) ;
+  border-radius:  0 0.04rem ;
+}
+.arco-image-picker-error {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+          justify-content: center;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+          align-items: center;
+  background:  rgba(0, 0, 0, 0.5) ;
+  color:  #ffffff ;
+  font-size:  0.28rem ;
+}
+.arco-image-picker-disabled {
+  pointer-events: none;
+}

package/esm/image-picker/style/css/index.d.ts

@@ -0,0 +1,2 @@
+import '../../../../style/css/public.css';
+import './index.css';

package/esm/image-picker/style/css/index.js

@@ -0,0 +1,2 @@
+import '../../../../style/css/public.css';
+import './index.css';

package/esm/image-picker/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../../style/public.less';
+import './index.less';

package/esm/image-picker/style/index.js

@@ -0,0 +1,2 @@
+import '../../../style/public.less';
+import './index.less';

package/esm/image-picker/style/index.less

@@ -0,0 +1,116 @@
+@import '../../../style/mixin.less';
+
+.@{prefix}-image-picker {
+    .use-var(font-size, image-picker-font-size);
+    &-container {
+        display: flex;
+        flex-wrap: wrap;
+    }
+    .container() {
+        position: absolute;
+        top: 0;
+        width: 100%;
+        height: 100%;
+        left: 0;
+    }
+    &-image {
+        position: relative;
+        width: 100%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        padding-top: 100%;
+        .use-var(border-radius, image-picker-border-radius);
+        overflow: hidden;
+        &-container {
+            .container()
+        }
+        .@{prefix}-image {
+            height: 100%;
+            width: 100%;
+        }
+        &-mask {
+            position: absolute;
+            left: 0;
+            top: 0;
+            width: 100%;
+            height: 100%;
+            z-index: 2;
+        }
+    }
+    &-add {
+        .use-var(background-color, image-picker-add-background);
+        .use-var(border-radius, image-picker-border-radius);
+        position: relative;
+        width: 100%;
+        height: 100%;
+        padding-top: 100%;
+        &-container {
+            .container();
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+            align-items: center;
+            text-align: center;
+            .use-var(font-size, image-picker-add-text-font-size);
+            .use-var(color, image-picker-add-text-color);
+        }
+        &-icon {
+            .use-var(font-size, image-picker-add-icon-font-size);
+            .use-var(color, image-picker-add-icon-color);
+            svg {
+                display: block;
+            }
+        }
+        &-disabled {
+            pointer-events: none;
+        }
+        &-disabled &-icon {
+            .use-var(opacity, image-picker-disabled-opacity);
+        }
+        input {
+            position: absolute;
+            opacity: 0;
+            left: 0;
+            top: 0;
+            width: 100%;
+            height: 100%;
+            display: none;
+        }
+    }
+    &-close {
+        position: absolute;
+        top: 0;
+        right: 0;
+        z-index: 2;
+        &-icon {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            .use-var(font-size, image-picker-close-font-size);
+            .use-var(width, image-picker-close-width);
+            .use-var(height, image-picker-close-height);
+            .use-var(color, image-picker-close-color);
+            .use-var(background, image-picker-close-background);
+            .use-var(border-radius, image-picker-close-border-radius);
+        }
+    }
+    &-error {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+        .use-var(background, image-picker-error-background);
+        .use-var(color, image-picker-error-color);
+        .use-var(font-size, image-picker-font-size);
+    }
+}
+
+.@{prefix}-image-picker-disabled {
+    pointer-events: none;
+}

package/esm/image-preview/index.d.ts

@@ -268,9 +268,9 @@ declare const _default: React.ForwardRefExoticComponent<ImagePreviewProps & Reac
      * @param {ImagePreviewProps} config configuration
      * @returns {{ close: () => void; update: (newConfig: ImagePreviewProps) => void; }}
      */
-    open: (config: Pick<ImagePreviewProps & React.RefAttributes<ImagePreviewRef>, "style" | "ref" | "key" | "getContainer" | "className" | "onClose" | "onTouchMove" | "fit" | "loadingArea" | "errorArea" | "showLoading" | "showError" | "retryTime" | "staticLabel" | "onChange" | "onTouchEnd" | "onTouchStart" | "animateDurationSlide" | "loop" | "swipeable" | "renderIndicator" | "indicatorPos" | "showIndicator" | "hideSingleIndicator" | "spaceBetween" | "percentToChange" | "distanceToChange" | "speedToChange" | "lazyloadCount" | "onAfterChange" | "openIndex" | "images" | "displayDuration" | "replaceFallbackWhenLoaded" | "noselect" | "scrollBezier" | "swipeToClose" | "getMinScale" | "getMaxScale" | "getDoubleClickScale" | "getThumbBounds" | "onImageClick" | "onImageDoubleClick" | "onImageLongTap">) => {
+    open: (config: Pick<ImagePreviewProps & React.RefAttributes<ImagePreviewRef>, "style" | "ref" | "key" | "getContainer" | "className" | "onClose" | "onTouchMove" | "fit" | "loadingArea" | "errorArea" | "showLoading" | "showError" | "retryTime" | "staticLabel" | "onChange" | "onTouchEnd" | "onTouchStart" | "animateDurationSlide" | "loop" | "swipeable" | "renderIndicator" | "indicatorPos" | "showIndicator" | "hideSingleIndicator" | "spaceBetween" | "percentToChange" | "distanceToChange" | "speedToChange" | "lazyloadCount" | "onAfterChange" | "images" | "openIndex" | "displayDuration" | "replaceFallbackWhenLoaded" | "noselect" | "scrollBezier" | "swipeToClose" | "getMinScale" | "getMaxScale" | "getDoubleClickScale" | "getThumbBounds" | "onImageClick" | "onImageDoubleClick" | "onImageLongTap">) => {
         close: () => void;
-        update: (newConfig: Pick<ImagePreviewProps & React.RefAttributes<ImagePreviewRef>, "style" | "ref" | "key" | "getContainer" | "className" | "onClose" | "onTouchMove" | "fit" | "loadingArea" | "errorArea" | "showLoading" | "showError" | "retryTime" | "staticLabel" | "onChange" | "onTouchEnd" | "onTouchStart" | "animateDurationSlide" | "loop" | "swipeable" | "renderIndicator" | "indicatorPos" | "showIndicator" | "hideSingleIndicator" | "spaceBetween" | "percentToChange" | "distanceToChange" | "speedToChange" | "lazyloadCount" | "onAfterChange" | "openIndex" | "images" | "displayDuration" | "replaceFallbackWhenLoaded" | "noselect" | "scrollBezier" | "swipeToClose" | "getMinScale" | "getMaxScale" | "getDoubleClickScale" | "getThumbBounds" | "onImageClick" | "onImageDoubleClick" | "onImageLongTap">) => void; /**
+        update: (newConfig: Pick<ImagePreviewProps & React.RefAttributes<ImagePreviewRef>, "style" | "ref" | "key" | "getContainer" | "className" | "onClose" | "onTouchMove" | "fit" | "loadingArea" | "errorArea" | "showLoading" | "showError" | "retryTime" | "staticLabel" | "onChange" | "onTouchEnd" | "onTouchStart" | "animateDurationSlide" | "loop" | "swipeable" | "renderIndicator" | "indicatorPos" | "showIndicator" | "hideSingleIndicator" | "spaceBetween" | "percentToChange" | "distanceToChange" | "speedToChange" | "lazyloadCount" | "onAfterChange" | "images" | "openIndex" | "displayDuration" | "replaceFallbackWhenLoaded" | "noselect" | "scrollBezier" | "swipeToClose" | "getMinScale" | "getMaxScale" | "getDoubleClickScale" | "getThumbBounds" | "onImageClick" | "onImageDoubleClick" | "onImageLongTap">) => void; /**
          * 是否可循环滑动
          * @en Whether it can be swiped circularly
          * @default false

package/esm/index.d.ts

@@ -21,6 +21,7 @@ export { default as Ellipsis } from './ellipsis';
 export { default as Grid } from './grid';
 export { default as Image } from './image';
 export { default as ShowMonitor } from './show-monitor';
+export { default as ImagePicker } from './image-picker';
 export { default as ImagePreview } from './image-preview';
 export { default as Input } from './input';
 export { default as LoadMore } from './load-more';

package/esm/index.js

@@ -21,6 +21,7 @@ export { default as Ellipsis } from './ellipsis';
 export { default as Grid } from './grid';
 export { default as Image } from './image';
 export { default as ShowMonitor } from './show-monitor';
+export { default as ImagePicker } from './image-picker';
 export { default as ImagePreview } from './image-preview';
 export { default as Input } from './input';
 export { default as LoadMore } from './load-more';

package/esm/nav-bar/back-icon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare const BackArrow: ({ color }: {
+declare function BackArrow({ color }: {
     color?: string | undefined;
-}) => JSX.Element;
+}): JSX.Element;
 export default BackArrow;

package/esm/nav-bar/back-icon.js

@@ -1,6 +1,6 @@
 import React from 'react';
 
-var BackArrow = function BackArrow(_ref) {
+function BackArrow(_ref) {
   var _ref$color = _ref.color,
       color = _ref$color === void 0 ? 'currentColor' : _ref$color;
   return /*#__PURE__*/React.createElement("div", {
@@ -13,6 +13,6 @@ var BackArrow = function BackArrow(_ref) {
     d: "M2.1,8l5.4,5.4c0.1,0.1,0.1,0.3,0,0.5L7,14.4c-0.1,0.1-0.3,0.1-0.5,0L0.7,8.5c-0.3-0.3-0.3-0.7,0-0.9 l5.9-5.9c0.1-0.1,0.3-0.1,0.5,0l0.5,0.5c0.1,0.1,0.1,0.3,0,0.5L2.1,8z",
     fill: color
   })));
-};
+}
 
 export default BackArrow;

package/esm/notify/index.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { NotifyProps, NotifyRef } from './type';
 import { NotifyBaseProps } from './methods';
+export * from './type';
 export declare function methodsGenerator<P extends NotifyBaseProps>(Comp: React.FC<P>): {
     /**
      * 展示常规通知

package/esm/notify/index.js

@@ -5,6 +5,7 @@ import { componentWrapper, nextTick } from '@arco-design/mobile-utils';
 import { ContextLayout } from '../context-provider';
 import { getStyleWithVendor, useUpdateEffect } from '../_helpers';
 import { notify } from './methods';
+export * from './type';
 var Notify = /*#__PURE__*/forwardRef(function (props, ref) {
   var _props$className = props.className,
       className = _props$className === void 0 ? '' : _props$className,

package/esm/notify/type.d.ts

@@ -19,6 +19,7 @@ export interface NotifyProps {
     /**
      * 通知类型
      * @en Notification type
+     * @default "info"
      */
     type?: NotifyType;
     /**

package/esm/progress/index.js

@@ -67,7 +67,9 @@ var Progress = /*#__PURE__*/forwardRef(function (props, ref) {
           background: progressColor
         }
       }, currentPercentage, "%");
-    } else if (position === percentPosition) {
+    }
+
+    if (position === percentPosition) {
       return /*#__PURE__*/React.createElement("div", {
         style: {
           color: progressColor

package/esm/slider/hooks/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { SliderProps } from '../';
+import { SliderProps } from '..';
 export declare const baseRenderThumb: (prefixCls: string) => () => JSX.Element;
 export declare type LinePosition = {
     length: number;