@para-ui/core 4.0.30 → 4.0.31

package/Tree/index.js

@@ -1,11 +1,11 @@
-import { T as Tree } from '../_verture/index-28edf318.js';
-export { T as default } from '../_verture/index-28edf318.js';
-import '../_verture/toConsumableArray-8f4c9589.js';
-import '../_verture/unsupportedIterableToArray-cb478f24.js';
-import '../_verture/defineProperty-f0e15205.js';
-import '../_verture/slicedToArray-a8206399.js';
-import '../_verture/index-8ac46bd9.js';
-import '../_verture/typeof-6ec38efd.js';
+import { T as Tree } from '../_verture/index-567b5779.js';
+export { T as default } from '../_verture/index-567b5779.js';
+import '../_verture/toConsumableArray-c7a8028f.js';
+import '../_verture/slicedToArray-75fa4188.js';
+import '../_verture/defineProperty-6f62bb2a.js';
+import '../_verture/typeof-adeedc13.js';
+import '../_verture/index-94e24006.js';
+import '../_verture/typeof-4646b22c.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
 import 'react/jsx-runtime';
 import 'react';

package/Upload/ImageUpload/index.d.ts

@@ -1,14 +1,9 @@
 import { FunctionComponent } from 'react';
-import { UploadProps } from '../interface';
+import { UploadProps, DefaultImage } from '../interface';
 import './index.scss';
 export type ImageUploadProps = Omit<UploadProps, 'type'> & {
     /** 默认图片 showUploadList为false时有效 */
-    defaultImage?: {
-        /** 图片地址 */
-        imageUrl: string;
-        /** 图片名称 */
-        imageName?: string;
-    };
+    defaultImage?: DefaultImage;
     /** 用于控制这个组件只回显图片 不能上传和删除 */
     readonly?: boolean;
 };

package/Upload/index.js

@@ -5,11 +5,12 @@ import RcUpload from 'rc-upload';
 import clsx from 'clsx';
 import UploadIcon from '@para-ui/icons/UploadFile';
 import LoadingIcon from '@para-ui/icons/Loading';
-import { _ as _toConsumableArray } from '../_verture/toConsumableArray-8f4c9589.js';
-import { _ as _typeof } from '../_verture/defineProperty-f0e15205.js';
-import { _ as _slicedToArray } from '../_verture/slicedToArray-a8206399.js';
-import { r as regenerator } from '../_verture/index-8ac46bd9.js';
+import { _ as _toConsumableArray } from '../_verture/toConsumableArray-c7a8028f.js';
+import { _ as _typeof } from '../_verture/typeof-adeedc13.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-75fa4188.js';
+import { r as regenerator } from '../_verture/index-94e24006.js';
 import EditOutline from '@para-ui/icons/EditOutline';
+import CloseIcon from '@para-ui/icons/Close';
 import Delete from '@para-ui/icons/Delete';
 import FileOutlined from '@para-ui/icons/Document';
 import PhotoIcon from '@para-ui/icons/Photo';
@@ -22,8 +23,8 @@ import OperateBtn from '../OperateBtn/index.js';
 import { $ as $prefixCls, a as $rcPrefixCls } from '../_verture/constant-5317fc89.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import Forbid from '@para-ui/icons/Forbid';
-import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
 import { Button } from '../Button/index.js';
+import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
 import Cropper from 'react-easy-crop';
 import PlusCircle from '@para-ui/icons/PlusCircle';
 import MinusCircle from '@para-ui/icons/MinusCircle';
@@ -31,13 +32,13 @@ import TurnRight from '@para-ui/icons/TurnRight';
 import TurnLeft from '@para-ui/icons/TurnLeft';
 import { Slider } from '../Slider/index.js';
 import { Modal } from '../Modal/index.js';
-import '../_verture/unsupportedIterableToArray-cb478f24.js';
-import '../_verture/typeof-6ec38efd.js';
+import '../_verture/typeof-4646b22c.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import '@paraview/lib';
-import '../_verture/Portal-5bf66fed.js';
+import '../_verture/Portal-edd94cac.js';
 import 'react-dom';
+import '../_verture/defineProperty-6f62bb2a.js';
 import 'rc-dialog';
 import 'rc-motion';
 import '@para-ui/icons/Sort';
@@ -58,7 +59,6 @@ import 'rc-dropdown';
 import 'dayjs';
 import '../_verture/index-ca413216.js';
 import 'rc-slider';
-import '@para-ui/icons/Close';
 
 var extname = function extname() {
   var url = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
@@ -591,7 +591,7 @@ var localeJson = {
   en: en
 };
 
-var css_248z$2 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/11 下午7:31\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-upload-image {\n  display: inline-flex;\n  align-items: center;\n}\n.paraui-v4-upload-image .upload-image-select {\n  position: relative;\n  width: 100px;\n  height: 100px;\n  cursor: pointer;\n  background-color: rgb(247, 248, 250);\n  border-radius: 4px;\n  transition: 0.3s;\n}\n.paraui-v4-upload-image .upload-image-select-loading {\n  pointer-events: none;\n}\n.paraui-v4-upload-image .upload-image-select .component-upload {\n  display: inline-block;\n  width: 100%;\n  height: 100%;\n}\n.paraui-v4-upload-image .upload-image-select .component-upload-disabled {\n  color: rgb(92, 101, 115);\n  cursor: not-allowed;\n}\n.paraui-v4-upload-image .upload-image-select .component-upload-disabled svg {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-upload-image .upload-image-select .component-upload-disabled .upload-image-picture-card {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-upload-image .upload-image-select:hover .component-upload:not(.component-upload-disabled) .upload-image-picture-card {\n  color: rgb(46, 101, 230);\n  border-color: rgb(87, 131, 235);\n}\n.paraui-v4-upload-image .upload-image-select:hover .component-upload:not(.component-upload-disabled) .upload-image-picture-card .upload-image-text {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-upload-image .upload-image-picture-card {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n  border: 1px dashed rgb(212, 218, 227);\n  border-radius: 4px;\n}\n.paraui-v4-upload-image .upload-image-picture-card.is-avatar {\n  border: none;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-image-select-tooltip-wrapper {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  cursor: default;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper img {\n  width: 100%;\n  height: 100%;\n  border-radius: 4px;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper::before {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  content: \" \";\n  background-color: rgb(29, 33, 38);\n  border-radius: 4px;\n  opacity: 0;\n  transition: 0.3s;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper-name {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  padding: 0 10px;\n  overflow: hidden;\n  font-size: 12px;\n  line-height: 24px;\n  color: rgb(255, 255, 255);\n  text-align: center;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  background-color: rgb(29, 33, 38);\n  border-radius: 0 0 4px 4px;\n  transition: 0.3s;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper-action {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  line-height: 0;\n  cursor: pointer;\n  opacity: 0;\n  transition: 0.3s;\n  transform: translate(-50%, -50%);\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper-action svg {\n  color: rgb(255, 255, 255);\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper:hover::before {\n  opacity: 1;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper:hover .upload-img-wrapper-name {\n  opacity: 0;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper:hover .upload-img-wrapper-action {\n  opacity: 1;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-image-icon {\n  font-size: 30px;\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-image-loading {\n  font-size: 30px;\n  color: rgb(46, 101, 230);\n  animation: imageLoadingCircle 1s infinite linear;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-image-text {\n  margin-top: 6px;\n  color: inherit;\n  text-align: center;\n  transition: 0.3s;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-image-text-loading {\n  color: rgb(46, 101, 230);\n}\n@keyframes imageLoadingCircle {\n  100% {\n    transform: rotate(360deg);\n  }\n}";
+var css_248z$2 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/11 下午7:31\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-upload-image {\n  display: inline-flex;\n  align-items: center;\n}\n.paraui-v4-upload-image .upload-img-wrapper-container {\n  position: relative;\n}\n.paraui-v4-upload-image .upload-img-wrapper-container__del-btn {\n  display: none;\n  position: absolute;\n  top: 10px;\n  right: 10px;\n  margin: 0;\n  width: 14px;\n  height: 14px;\n  text-align: center;\n  border-radius: 50%;\n  background: #fff;\n  box-shadow: 0px 0px 4px 0px rgba(29, 33, 38, 0.4);\n  z-index: 1;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-upload-image .upload-img-wrapper-container__del-btn .svg-icon {\n  margin-top: 1px;\n  vertical-align: top;\n  font-size: 12px;\n}\n.paraui-v4-upload-image .upload-img-wrapper-container__del-btn:hover .svg-icon {\n  color: rgba(29, 33, 38, 0.4);\n}\n.paraui-v4-upload-image .upload-img-wrapper-container:hover .upload-img-wrapper-container__del-btn {\n  display: block;\n}\n.paraui-v4-upload-image .upload-image-select {\n  position: relative;\n  width: 100px;\n  height: 100px;\n  cursor: pointer;\n  background-color: rgb(247, 248, 250);\n  border-radius: 4px;\n  transition: 0.3s;\n}\n.paraui-v4-upload-image .upload-image-select-loading {\n  pointer-events: none;\n}\n.paraui-v4-upload-image .upload-image-select .component-upload {\n  display: inline-block;\n  width: 100%;\n  height: 100%;\n}\n.paraui-v4-upload-image .upload-image-select .component-upload-disabled {\n  color: rgb(92, 101, 115);\n  cursor: not-allowed;\n}\n.paraui-v4-upload-image .upload-image-select .component-upload-disabled svg {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-upload-image .upload-image-select .component-upload-disabled .upload-image-picture-card {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-upload-image .upload-image-select:hover .component-upload:not(.component-upload-disabled) .upload-image-picture-card {\n  color: rgb(46, 101, 230);\n  border-color: rgb(87, 131, 235);\n}\n.paraui-v4-upload-image .upload-image-select:hover .component-upload:not(.component-upload-disabled) .upload-image-picture-card .upload-image-text {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-upload-image .upload-image-picture-card {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n  border: 1px dashed rgb(212, 218, 227);\n  border-radius: 4px;\n}\n.paraui-v4-upload-image .upload-image-picture-card.is-avatar {\n  border: none;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-image-select-tooltip-wrapper {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  cursor: default;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper img {\n  width: 100%;\n  height: 100%;\n  border-radius: 4px;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper::before {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  content: \" \";\n  background-color: rgb(29, 33, 38);\n  border-radius: 4px;\n  opacity: 0;\n  transition: 0.3s;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper-name {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  padding: 0 10px;\n  overflow: hidden;\n  font-size: 12px;\n  line-height: 24px;\n  color: rgb(255, 255, 255);\n  text-align: center;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  background-color: rgb(29, 33, 38);\n  border-radius: 0 0 4px 4px;\n  transition: 0.3s;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper-action {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  line-height: 0;\n  cursor: pointer;\n  opacity: 0;\n  transition: 0.3s;\n  transform: translate(-50%, -50%);\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper-action svg {\n  color: rgb(255, 255, 255);\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper:hover::before {\n  opacity: 1;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper:hover .upload-img-wrapper-name {\n  opacity: 0;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper:hover .upload-img-wrapper-action {\n  opacity: 1;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-image-icon {\n  font-size: 30px;\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-image-loading {\n  font-size: 30px;\n  color: rgb(46, 101, 230);\n  animation: imageLoadingCircle 1s infinite linear;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-image-text {\n  margin-top: 6px;\n  color: inherit;\n  text-align: center;\n  transition: 0.3s;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-image-text-loading {\n  color: rgb(46, 101, 230);\n}\n@keyframes imageLoadingCircle {\n  100% {\n    transform: rotate(360deg);\n  }\n}";
 styleInject(css_248z$2);
 
 //ImageUpload
@@ -631,7 +631,8 @@ var ImageUpload = function ImageUpload(props) {
     operateBtnProps = props.operateBtnProps,
     disabledTooltip = props.disabledTooltip,
     removeErrorTip = props.removeErrorTip,
-    restProps = __rest(props, ["className", "style", "onStart", "onSuccess", "onError", "onProgress", "onRemove", "beforeUpload", "onChange", "defaultFileList", "fileList", "showUploadList", "maxCount", "children", "itemRender", "showUploadError", "stash", "uploading", "loading", "showLoading", "defaultImage", "readonly", "onPreview", "actionRender", "operateBtnProps", "disabledTooltip", "removeErrorTip"]);
+    avatarProps = props.avatarProps,
+    restProps = __rest(props, ["className", "style", "onStart", "onSuccess", "onError", "onProgress", "onRemove", "beforeUpload", "onChange", "defaultFileList", "fileList", "showUploadList", "maxCount", "children", "itemRender", "showUploadError", "stash", "uploading", "loading", "showLoading", "defaultImage", "readonly", "onPreview", "actionRender", "operateBtnProps", "disabledTooltip", "removeErrorTip", "avatarProps"]);
   var intl = useFormatMessage('Upload', localeJson);
   var _useState = useState(defaultFileList),
     _useState2 = _slicedToArray(_useState, 2),
@@ -639,18 +640,34 @@ var ImageUpload = function ImageUpload(props) {
     setUploadFileList = _useState2[1]; //文件列表
   var _useState3 = useState(false),
     _useState4 = _slicedToArray(_useState3, 2),
-    showLoading = _useState4[0],
-    setShowLoading = _useState4[1]; //upload loading
-  var _useState5 = useState(false),
+    showResetBtn = _useState4[0],
+    setShowResetBtn = _useState4[1]; // 是否展示重置按钮-默认不展示
+  var _useState5 = useState(),
     _useState6 = _slicedToArray(_useState5, 2),
-    errTip = _useState6[0],
-    setErrTip = _useState6[1]; //upload error tip
-  var _useState7 = useState({
+    borderRadius = _useState6[0],
+    setBorderRadius = _useState6[1]; // border-radius样式
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    isAvatar = _useState8[0],
+    setIsAvatar = _useState8[1]; // 是否为头像组件
+  var _useState9 = useState(true),
+    _useState10 = _slicedToArray(_useState9, 2),
+    showPicName = _useState10[0],
+    setShowPicName = _useState10[1]; // 是否展示图片名称
+  var _useState11 = useState(false),
+    _useState12 = _slicedToArray(_useState11, 2),
+    showLoading = _useState12[0],
+    setShowLoading = _useState12[1]; //upload loading
+  var _useState13 = useState(false),
+    _useState14 = _slicedToArray(_useState13, 2),
+    errTip = _useState14[0],
+    setErrTip = _useState14[1]; //upload error tip
+  var _useState15 = useState({
       imageUrl: ''
     }),
-    _useState8 = _slicedToArray(_useState7, 2),
-    avatar = _useState8[0],
-    setAvatar = _useState8[1]; //不显示列表时上传头像
+    _useState16 = _slicedToArray(_useState15, 2),
+    avatar = _useState16[0],
+    setAvatar = _useState16[1]; //不显示列表时上传头像
   var _ref = typeof showUploadList === 'boolean' ? {} : showUploadList,
     showRemoveIcon = _ref.showRemoveIcon,
     removeIcon = _ref.removeIcon,
@@ -667,6 +684,39 @@ var ImageUpload = function ImageUpload(props) {
   var isAvatarMode = useMemo(function () {
     return !showUploadList && avatar.imageUrl && !showLoading;
   }, [showUploadList, avatar.imageUrl, showLoading]);
+  useEffect(function () {
+    if (avatarProps && Object.prototype.toString.call(avatarProps) === '[object Object]' && Object.keys(avatarProps).length > 0) {
+      var _ref3 = avatarProps || {},
+        _ref3$showReset = _ref3.showReset,
+        showReset = _ref3$showReset === void 0 ? false : _ref3$showReset,
+        _ref3$borderRadius = _ref3.borderRadius,
+        borderRadiusVal = _ref3$borderRadius === void 0 ? '50%' : _ref3$borderRadius,
+        avatarDefaultImage = _ref3.defaultImage,
+        _ref3$showName = _ref3.showName,
+        showName = _ref3$showName === void 0 ? false : _ref3$showName;
+      setShowResetBtn(showReset);
+      setBorderRadius(String(borderRadiusVal).includes('px') || String(borderRadiusVal).includes('%') ? String(borderRadiusVal) : "".concat(borderRadiusVal, "px"));
+      setIsAvatar(true);
+      setShowPicName(showName);
+      var nextAvatarDefaultImage = avatarDefaultImage || defaultImage || {
+        imageUrl: ''
+      };
+      setAvatar(Object.assign({}, nextAvatarDefaultImage));
+    } else if (typeof avatarProps === 'boolean' && avatarProps) {
+      setBorderRadius('50%');
+      setIsAvatar(true);
+      setShowPicName(false);
+      if (defaultImage) {
+        setAvatar(Object.assign({}, defaultImage));
+      }
+    } else {
+      setIsAvatar(false);
+      setShowPicName(true);
+      if (defaultImage) {
+        setAvatar(Object.assign({}, defaultImage));
+      }
+    }
+  }, [avatarProps, defaultImage]);
   useEffect(function () {
     setShowLoading(loading);
   }, [loading]);
@@ -768,13 +818,13 @@ var ImageUpload = function ImageUpload(props) {
           case 0:
             cloneList = _toConsumableArray(changedFileList);
             if (showUploadList) {
-              _context2.next = 13;
+              _context2.next = 17;
               break;
             }
             //不显示上传列表
             file = cloneList.slice(-1)[0];
             if (!file) {
-              _context2.next = 11;
+              _context2.next = 14;
               break;
             }
             _context2.next = 6;
@@ -785,10 +835,17 @@ var ImageUpload = function ImageUpload(props) {
             avatar.imageUrl = imageUrl;
             avatar.imageName = file.name;
             setAvatar(Object.assign({}, avatar));
-          case 11:
             onChange === null || onChange === void 0 ? void 0 : onChange([file]);
+            _context2.next = 16;
+            break;
+          case 14:
+            setAvatar({
+              imageUrl: ''
+            });
+            onChange === null || onChange === void 0 ? void 0 : onChange([]);
+          case 16:
             return _context2.abrupt("return");
-          case 13:
+          case 17:
             if (maxCount === 1) {
               cloneList = cloneList.slice(-1);
             } else if (maxCount) {
@@ -796,7 +853,7 @@ var ImageUpload = function ImageUpload(props) {
             }
             onChange === null || onChange === void 0 ? void 0 : onChange(cloneList);
             setUploadFileList(cloneList);
-          case 16:
+          case 20:
           case "end":
             return _context2.stop();
         }
@@ -880,11 +937,6 @@ var ImageUpload = function ImageUpload(props) {
       setUploadFileList(_toConsumableArray(fileList));
     }
   }, [fileList]);
-  useEffect(function () {
-    if (defaultImage) {
-      setAvatar(Object.assign({}, defaultImage));
-    }
-  }, [defaultImage]);
   //渲染上传列表
   var renderUploadList = function renderUploadList() {
     return showUploadList && jsx(UploadList, {
@@ -906,12 +958,18 @@ var ImageUpload = function ImageUpload(props) {
   var renderUploadContent = function renderUploadContent() {
     var _a;
     var avatarUploadNode = jsxs("div", Object.assign({
-      className: 'upload-img-wrapper'
+      className: 'upload-img-wrapper',
+      style: borderRadius ? {
+        borderRadius: borderRadius
+      } : {}
     }, {
       children: [jsx("img", {
         src: avatar.imageUrl,
-        alt: (_a = avatar.imageName) !== null && _a !== void 0 ? _a : ''
-      }), avatar.imageName && jsx("span", Object.assign({
+        alt: (_a = avatar.imageName) !== null && _a !== void 0 ? _a : '',
+        style: borderRadius ? {
+          borderRadius: borderRadius
+        } : {}
+      }), avatar.imageName && showPicName && jsx("span", Object.assign({
         className: 'upload-img-wrapper-name'
       }, {
         children: avatar.imageName
@@ -954,15 +1012,20 @@ var ImageUpload = function ImageUpload(props) {
   };
   //渲染上传控件
   var renderUploadSelector = function renderUploadSelector() {
-    if (readonly) return null;
     return jsxs("div", Object.assign({
-      className: clsx('upload-image-select', showLoading && 'upload-image-select-loading')
+      className: clsx('upload-image-select', showLoading && 'upload-image-select-loading', isAvatar && 'is-avatar'),
+      style: borderRadius ? {
+        borderRadius: borderRadius
+      } : {}
     }, {
       children: [jsx(RcUpload, Object.assign({}, overrideProps, {
         prefixCls: "".concat($rcPrefixCls, "-upload")
       }, {
         children: jsx("div", Object.assign({
-          className: "".concat(isAvatarMode ? 'is-avatar ' : '', "upload-image-picture-card")
+          className: "".concat(isAvatarMode ? 'is-avatar ' : '', "upload-image-picture-card"),
+          style: borderRadius ? {
+            borderRadius: borderRadius
+          } : {}
         }, {
           children: renderUploadContent()
         }))
@@ -972,11 +1035,25 @@ var ImageUpload = function ImageUpload(props) {
       })]
     }));
   };
+  var handleReset = function handleReset() {
+    handleRemove(uploadFileList[0]);
+  };
   return jsxs("div", Object.assign({
     className: clsx("".concat($prefixCls, "-upload-image"), className),
     style: style
   }, {
-    children: [renderUploadList(), renderUploadSelector()]
+    children: [renderUploadList(), !readonly ? showResetBtn && avatar.imageUrl ? jsxs("div", Object.assign({
+      className: "upload-img-wrapper-container"
+    }, {
+      children: [jsx(Button.IconButton, Object.assign({
+        className: "upload-img-wrapper-container__del-btn",
+        variant: "text",
+        size: "small",
+        onClick: handleReset
+      }, {
+        children: jsx(CloseIcon, {})
+      })), renderUploadSelector()]
+    })) : renderUploadSelector() : jsx(Fragment, {})]
   }));
 };
 

package/Upload/interface.d.ts

@@ -44,6 +44,22 @@ export interface IShowUploadList {
     previewIcon?: React.ReactNode;
 }
 type ItemRender<T = any> = (file: UploadFile, fileList?: Array<UploadFile<T>>) => React.ReactNode;
+export interface DefaultImage {
+    /** 图片地址 */
+    imageUrl: string;
+    /** 图片名称 */
+    imageName?: string;
+}
+export interface AvatarProps {
+    /** 圆角 */
+    borderRadius?: string | number;
+    /** 是否展示重置按钮 */
+    showReset?: boolean;
+    /** 图片地址 */
+    defaultImage?: DefaultImage;
+    /** 是否展示图片名称 */
+    showName?: boolean;
+}
 export interface UploadProps<T = any> {
     /**上传类型*/
     type?: UploadType;
@@ -73,6 +89,8 @@ export interface UploadProps<T = any> {
     accept?: string;
     /**是否支持多选文件,开启后按住 ctrl 可选择多个文件*/
     multiple?: boolean;
+    /** 头像 */
+    avatarProps?: boolean | AvatarProps;
     /**上传文件改变时的状态*/
     onChange?: (info: UploadFile[]) => void;
     /**上传开始*/

package/_verture/{Portal-5bf66fed.js → Portal-edd94cac.js}

@@ -1,8 +1,9 @@
-import { _ as _slicedToArray } from './slicedToArray-a8206399.js';
+import { _ as _slicedToArray } from './slicedToArray-75fa4188.js';
 import * as React from 'react';
 import { createPortal } from 'react-dom';
-import { a as _defineProperty, _ as _typeof } from './defineProperty-f0e15205.js';
-import { _ as _toConsumableArray } from './toConsumableArray-8f4c9589.js';
+import { _ as _typeof } from './typeof-adeedc13.js';
+import { _ as _toConsumableArray } from './toConsumableArray-c7a8028f.js';
+import { _ as _defineProperty } from './defineProperty-6f62bb2a.js';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {

package/_verture/{defineProperty-f0e15205.js → defineProperty-6f62bb2a.js}

@@ -1,12 +1,4 @@
-function _typeof(o) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
-    return typeof o;
-  } : function (o) {
-    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof(o);
-}
+import { _ as _typeof } from './typeof-adeedc13.js';
 
 function toPrimitive(t, r) {
   if ("object" != _typeof(t) || !t) return t;
@@ -39,4 +31,4 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-export { _typeof as _, _defineProperty as a, toPropertyKey as t };
+export { _defineProperty as _, toPropertyKey as t };

package/_verture/{index-33866394.js → index-3795d730.js}

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import React__default from 'react';
 import { TextField } from '../TextField/index.js';
-import { _ as _slicedToArray } from './slicedToArray-a8206399.js';
+import { _ as _slicedToArray } from './slicedToArray-75fa4188.js';
 import { RadioGroup } from '../RadioGroup/index.js';
 import Select from '../Select/index.js';
 import { CheckboxGroup } from '../CheckboxGroup/index.js';

package/_verture/{index-28edf318.js → index-567b5779.js}

@@ -1,12 +1,13 @@
-import { _ as _toConsumableArray } from './toConsumableArray-8f4c9589.js';
-import { _ as _typeof, a as _defineProperty } from './defineProperty-f0e15205.js';
-import { _ as _slicedToArray } from './slicedToArray-a8206399.js';
-import { r as regenerator } from './index-8ac46bd9.js';
+import { _ as _toConsumableArray } from './toConsumableArray-c7a8028f.js';
+import { _ as _defineProperty } from './defineProperty-6f62bb2a.js';
+import { _ as _slicedToArray } from './slicedToArray-75fa4188.js';
+import { r as regenerator } from './index-94e24006.js';
 import { _ as __rest, a as __awaiter } from './tslib.es6-55ed4bd2.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import React__default, { isValidElement, cloneElement, useRef, useState, useImperativeHandle, useEffect, useMemo } from 'react';
 import RcTree from 'rc-tree';
 import clsx from 'clsx';
+import { _ as _typeof } from './typeof-adeedc13.js';
 import LoadingOutlined from '@para-ui/icons/LoadingF';
 import FileOutlined from '@para-ui/icons/Document';
 import SolidArrowDown from '@para-ui/icons/DownTriangleF';

package/_verture/{index-8ec857b4.js → index-8752ccab.js}

@@ -1,16 +1,16 @@
 import { _ as __rest } from './tslib.es6-55ed4bd2.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { c as clsx, _ as _objectSpread2, r as reactIs, s as supportRef, u as useComposeRef, w as warning, a as _extends, b as _objectWithoutProperties, d as wrapperRaf, e as useEvent$2, f as useLayoutEffect$3, g as composeRef, K as KeyCode, h as fillRef, P as Portal, i as warningOnce, j as useMergedState$2, k as canUseDom$1, l as useMemo$1, n as noteOnce } from './Portal-5bf66fed.js';
-import { _ as _toConsumableArray, a as _iterableToArray } from './toConsumableArray-8f4c9589.js';
-import { _ as _typeof$1, t as toPropertyKey, a as _defineProperty } from './defineProperty-f0e15205.js';
-import { _ as _slicedToArray, a as _arrayWithHoles, b as _nonIterableRest } from './slicedToArray-a8206399.js';
+import { c as clsx, _ as _objectSpread2, r as reactIs, s as supportRef, u as useComposeRef, w as warning, a as _extends, b as _objectWithoutProperties, d as wrapperRaf, e as useEvent$2, f as useLayoutEffect$3, g as composeRef, K as KeyCode, h as fillRef, P as Portal, i as warningOnce, j as useMergedState$2, k as canUseDom$1, l as useMemo$1, n as noteOnce } from './Portal-edd94cac.js';
+import { _ as _toConsumableArray, a as _iterableToArray } from './toConsumableArray-c7a8028f.js';
+import { t as toPropertyKey, _ as _defineProperty } from './defineProperty-6f62bb2a.js';
+import { _ as _slicedToArray, a as _arrayWithHoles, b as _unsupportedIterableToArray, c as _nonIterableRest } from './slicedToArray-75fa4188.js';
+import { _ as _typeof$1 } from './typeof-adeedc13.js';
 import * as React$4 from 'react';
 import React__default, { useState as useState$1, useMemo, useCallback, useRef, useEffect } from 'react';
 import ReactDOM, { unstable_batchedUpdates, flushSync } from 'react-dom';
 import CSSMotion from 'rc-motion';
-import { _ as _unsupportedIterableToArray } from './unsupportedIterableToArray-cb478f24.js';
 import clsx$1 from 'clsx';
-import { _ as _typeof$2 } from './typeof-6ec38efd.js';
+import { _ as _typeof$2 } from './typeof-4646b22c.js';
 import { conductCheck } from 'rc-tree/lib/utils/conductUtil';
 import Right from '@para-ui/icons/Right';
 import Down from '@para-ui/icons/Down';

package/_verture/{index-8ac46bd9.js → index-94e24006.js}

@@ -1,4 +1,4 @@
-import { _ as _typeof } from './typeof-6ec38efd.js';
+import { _ as _typeof } from './typeof-4646b22c.js';
 
 var regeneratorRuntime$1 = {exports: {}};
 

package/_verture/{slicedToArray-a8206399.js → slicedToArray-75fa4188.js}

@@ -1,4 +1,17 @@
-import { _ as _unsupportedIterableToArray } from './unsupportedIterableToArray-cb478f24.js';
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+  return arr2;
+}
+
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
 
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
@@ -40,4 +53,4 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-export { _slicedToArray as _, _arrayWithHoles as a, _nonIterableRest as b };
+export { _slicedToArray as _, _arrayWithHoles as a, _unsupportedIterableToArray as b, _nonIterableRest as c, _arrayLikeToArray as d };

package/_verture/{toConsumableArray-8f4c9589.js → toConsumableArray-c7a8028f.js}

@@ -1,4 +1,4 @@
-import { a as _arrayLikeToArray, _ as _unsupportedIterableToArray } from './unsupportedIterableToArray-cb478f24.js';
+import { d as _arrayLikeToArray, b as _unsupportedIterableToArray } from './slicedToArray-75fa4188.js';
 
 function _arrayWithoutHoles(arr) {
   if (Array.isArray(arr)) return _arrayLikeToArray(arr);

package/_verture/typeof-adeedc13.js

@@ -0,0 +1,11 @@
+function _typeof(o) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof(o);
+}
+
+export { _typeof as _ };

package/index.d.ts

@@ -1,5 +1,7 @@
 export { default as AutoBox } from './AutoBox';
 export * from './AutoBox';
+export { default as AutoButton } from './AutoButton';
+export * from './AutoButton';
 export { default as AutoTips } from './AutoTips';
 export * from './AutoTips';
 export { default as Badge } from './Badge';
@@ -10,6 +12,8 @@ export { default as Button } from './Button';
 export * from './Button';
 export { default as ButtonGroup } from './ButtonGroup';
 export * from './ButtonGroup';
+export { default as Card } from './Card';
+export * from './Card';
 export { default as Carousel } from './Carousel';
 export * from './Carousel';
 export { default as Cascader } from './Cascader';
@@ -128,6 +132,8 @@ export { default as SingleBox } from './SingleBox';
 export * from './SingleBox';
 export { default as Slider } from './Slider';
 export * from './Slider';
+export { default as SortBox } from './SortBox';
+export * from './SortBox';
 export { default as Status } from './Status';
 export * from './Status';
 export { default as Stepper } from './Stepper';

package/index.js

@@ -1,11 +1,13 @@
 export { AutoBox } from './AutoBox/index.js';
+export { AutoButton } from './AutoButton/index.js';
 export { default as AutoTips, AutoTipsMultiline } from './AutoTips/index.js';
 export { Badge } from './Badge/index.js';
 export { Breadcrumbs } from './Breadcrumbs/index.js';
 export { Button } from './Button/index.js';
 export { ButtonGroup } from './ButtonGroup/index.js';
+export { Card } from './Card/index.js';
 export { Carousel } from './Carousel/index.js';
-export { C as Cascader } from './_verture/index-8ec857b4.js';
+export { C as Cascader } from './_verture/index-8752ccab.js';
 export { Checkbox } from './Checkbox/index.js';
 export { CheckboxGroup } from './CheckboxGroup/index.js';
 export { Collapse } from './Collapse/index.js';
@@ -26,8 +28,8 @@ export { D as Dropdown } from './_verture/index-bde7aabe.js';
 export { default as DynamicMultiBox } from './DynamicMultiBox/index.js';
 export { default as Empty } from './Empty/index.js';
 export { default as Form } from './Form/index.js';
-export { F as FormItem } from './_verture/index-33866394.js';
-export { u as FunctionModal, F as FunctionModalProvider, a as useClose } from './_verture/modalContext-c57b51b7.js';
+export { F as FormItem } from './_verture/index-3795d730.js';
+export { u as FunctionModal, F as FunctionModalProvider, a as useClose } from './_verture/modalContext-10f0c5aa.js';
 export { G as GlobalContext, c as changeConfirmLocale, g as getConfirmLocale } from './_verture/index-ca413216.js';
 export { default as Help } from './Help/index.js';
 export { default as HelperText } from './HelperText/index.js';
@@ -63,6 +65,7 @@ export { default as Selector, handFieldConfig } from './Selector/index.js';
 export { default as SelectorPicker } from './SelectorPicker/index.js';
 export { SingleBox } from './SingleBox/index.js';
 export { Slider } from './Slider/index.js';
+export { SortBox } from './SortBox/index.js';
 export { Status } from './Status/index.js';
 export { Stepper } from './Stepper/index.js';
 export { Switch } from './Switch/index.js';
@@ -77,7 +80,7 @@ export { Title } from './Title/index.js';
 export { ToggleButton, ToggleButtonGroup } from './ToggleButton/index.js';
 export { Tooltip } from './Tooltip/index.js';
 export { SSortablejs, Transfer } from './Transfer/index.js';
-export { T as Tree } from './_verture/index-28edf318.js';
+export { T as Tree } from './_verture/index-567b5779.js';
 export { default as Upload } from './Upload/index.js';
 export { default as Utils, getDateYYYYMMddHHMM, pixelReplacement } from './Utils/index.js';
 export { default as locale } from './locale/index.js';
@@ -88,23 +91,24 @@ import '@paraview/lib';
 import './_verture/constant-5317fc89.js';
 import '@para-ui/icons/More';
 import './_verture/style-inject.es-300983ab.js';
+import './_verture/tslib.es6-55ed4bd2.js';
+import '@para-ui/icons/MoreVert';
 import 'clsx';
-import '@para-ui/icons/Return';
 import './_verture/useFormatMessage-1fc7c957.js';
-import './_verture/tslib.es6-55ed4bd2.js';
+import '@para-ui/icons/Return';
 import '@para-ui/icons/LoadingF';
 import '@para-ui/icons/Down';
 import '@para-ui/icons/Forbid';
 import 'react-slick';
 import '@para-ui/icons/RightCircleF';
 import '@para-ui/icons/LeftCircleF';
-import './_verture/Portal-5bf66fed.js';
-import './_verture/slicedToArray-a8206399.js';
-import './_verture/unsupportedIterableToArray-cb478f24.js';
-import './_verture/defineProperty-f0e15205.js';
-import './_verture/toConsumableArray-8f4c9589.js';
+import './_verture/Portal-edd94cac.js';
+import './_verture/slicedToArray-75fa4188.js';
+import './_verture/typeof-adeedc13.js';
+import './_verture/toConsumableArray-c7a8028f.js';
+import './_verture/defineProperty-6f62bb2a.js';
 import 'rc-motion';
-import './_verture/typeof-6ec38efd.js';
+import './_verture/typeof-4646b22c.js';
 import 'rc-tree/lib/utils/conductUtil';
 import '@para-ui/icons/Right';
 import '@para-ui/icons/CloseCircleF';
@@ -142,7 +146,7 @@ import '@para-ui/icons/Panel';
 import '@para-ui/icons/PlusCircleF';
 import '@para-ui/icons/Delete';
 import '@para-ui/icons/Drag';
-import './_verture/index-0f5ee6f7.js';
+import './_verture/index-c8cb6751.js';
 import './_verture/sortable.esm-76fe46a4.js';
 import '@para-ui/icons/LinkGroup';
 import '@para-ui/icons/UploadFile';
@@ -170,7 +174,7 @@ import '@para-ui/icons/Plus';
 import '@para-ui/icons/EditOutline';
 import '@para-ui/icons/Message';
 import '@para-ui/icons/Set';
-import './_verture/index-8ac46bd9.js';
+import './_verture/index-94e24006.js';
 import 'rc-slider';
 import './_verture/tinycolor-ece3542d.js';
 import 'rc-steps';