@para-ui/core 3.0.105 → 3.0.107-rc

package/Tree/index.js

@@ -1,12 +1,12 @@
-import { T as Tree } from '../_verture/index-f4f86121.js';
-export { T as default } from '../_verture/index-f4f86121.js';
-import '../_verture/toConsumableArray-81040c9e.js';
-import '../_verture/unsupportedIterableToArray-cb478f24.js';
-import '../_verture/defineProperty-62acccfc.js';
-import '../_verture/typeof-498dd2b1.js';
-import '../_verture/slicedToArray-76060636.js';
-import '../_verture/index-beef914f.js';
-import '../_verture/tslib.es6-55ed4bd2.js';
+import { T as Tree } from '../_verture/closestPolyfill-aa558c48.js';
+export { T as default } from '../_verture/closestPolyfill-aa558c48.js';
+import '../_verture/toConsumableArray-0e19ce18.js';
+import '../_verture/unsupportedIterableToArray-eba4c7dc.js';
+import '../_verture/defineProperty-dbb356cd.js';
+import '../_verture/typeof-efd93d53.js';
+import '../_verture/slicedToArray-d0df4205.js';
+import '../_verture/index-485070a0.js';
+import '../_verture/tslib.es6-85d7d0d5.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'rc-tree';
@@ -20,8 +20,7 @@ import '../Help/index.js';
 import '../Tooltip/index.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
-import '../_verture/constant-66aa48a1.js';
-import '../_verture/style-inject.es-300983ab.js';
+import '../_verture/constant-8992bf83.js';
 import '@para-ui/icons/Help';
 import 'react-dom';
 import '@para-ui/icons/EditFile';
@@ -29,10 +28,10 @@ import '@para-ui/icons/PlusCircle';
 import '@para-ui/icons/Delete';
 import '@para-ui/icons/Forbid';
 import '@paraview/lib';
-import '../_verture/useFormatMessage-703f8b20.js';
+import '../_verture/useFormatMessage-24a86ca6.js';
 import '@para-ui/core/GlobalContext';
 import '@para-ui/icons/MoreCircle';
 import '../Empty/index.js';
-import '../_verture/useGlobalProps-1b846a65.js';
+import '../_verture/useGlobalProps-277b28c9.js';
 import '../Loading/index.js';
 import '../AutoTips/index.js';

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

@@ -1,43 +1,42 @@
-import { _ as _defineProperty } from '../_verture/defineProperty-62acccfc.js';
-import { _ as _toConsumableArray } from '../_verture/toConsumableArray-81040c9e.js';
-import { _ as _slicedToArray } from '../_verture/slicedToArray-76060636.js';
-import { a as __awaiter, _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
+import { _ as _defineProperty } from '../_verture/defineProperty-dbb356cd.js';
+import { _ as _toConsumableArray } from '../_verture/toConsumableArray-0e19ce18.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-d0df4205.js';
+import { a as __awaiter, _ as __rest } from '../_verture/tslib.es6-85d7d0d5.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { useState, useEffect, useRef, memo, forwardRef, useCallback, useImperativeHandle, useMemo } from 'react';
 import RcUpload from 'rc-upload';
 import UploadIcon from '@para-ui/icons/UploadFile';
 import LoadingIcon from '@para-ui/icons/Loading';
-import { _ as _typeof } from '../_verture/typeof-498dd2b1.js';
-import { r as regenerator } from '../_verture/index-beef914f.js';
+import { _ as _typeof } from '../_verture/typeof-efd93d53.js';
+import { r as regenerator } from '../_verture/index-485070a0.js';
 import Delete from '@para-ui/icons/Delete';
 import TextIcon from '@para-ui/icons/Text';
 import PhotoIcon from '@para-ui/icons/Photo';
 import clsx from 'clsx';
-import { $ as $prefixCls, a as $rcPrefixCls } from '../_verture/constant-66aa48a1.js';
-import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+import { $ as $prefixCls, a as $rcPrefixCls } from '../_verture/constant-8992bf83.js';
 import Forbid from '@para-ui/icons/Forbid';
-import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
-import EditOutline from '@para-ui/icons/EditOutline';
 import { Button } from '../Button/index.js';
+import { u as useFormatMessage } from '../_verture/useFormatMessage-24a86ca6.js';
+import EditOutline from '@para-ui/icons/EditOutline';
+import CloseIcon from '@para-ui/icons/Close';
 import { Slider } from '../Slider/index.js';
 import Cropper from 'react-easy-crop';
 import { Modal } from '../Modal/index.js';
-import '../_verture/unsupportedIterableToArray-cb478f24.js';
-import '@para-ui/core/GlobalContext';
+import '../_verture/unsupportedIterableToArray-eba4c7dc.js';
 import '@para-ui/icons/LoadingF';
 import '../Tooltip/index.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import '@para-ui/icons/Down';
-import '../_verture/index-77f9e0fb.js';
+import '../_verture/index-6217784a.js';
 import 'rc-dropdown';
-import '../_verture/usePopupContainer-87febeb9.js';
+import '../_verture/usePopupContainer-6db7e9f3.js';
 import 'dayjs';
 import '@paraview/lib';
+import '@para-ui/core/GlobalContext';
 import 'rc-slider';
 import 'rc-dialog';
-import '@para-ui/icons/Close';
-import '../_verture/index-65bbd1e4.js';
+import '../_verture/index-178adec2.js';
 import 'react-dom';
 import '../AutoTips/index.js';
 import '@para-ui/icons/CheckCircleF';
@@ -45,9 +44,6 @@ import '@para-ui/icons/CloseCircleF';
 import '@para-ui/icons/WarningCircle';
 import '@para-ui/icons/WarningCircleF';
 
-var css_248z$4 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/11 下午3:08\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-upload-list-text .upload-list-item {\n  margin-top: 8px;\n}\n.paraui-v3-upload-list-text .upload-list-item-info {\n  display: flex;\n  align-items: center;\n  padding: 0 8px;\n  line-height: 28px;\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n  border-radius: 4px;\n  transition: background-color 0.3s;\n}\n.paraui-v3-upload-list-text .upload-list-item-info .upload-list-text {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n}\n.paraui-v3-upload-list-text .upload-list-item-info .upload-list-text .upload-list-fileicon {\n  line-height: 0;\n  opacity: 1;\n  transition: opacity 0.3s;\n}\n.paraui-v3-upload-list-text .upload-list-item-info .upload-list-text .upload-list-fileicon svg {\n  color: inherit;\n  font-size: inherit;\n}\n.paraui-v3-upload-list-text .upload-list-item-info .upload-list-text-name {\n  margin-left: 10px;\n}\n.paraui-v3-upload-list-text .upload-list-item-info .upload-list-text .upload-list-actions {\n  position: absolute;\n  opacity: 0;\n  visibility: hidden;\n  line-height: 0;\n  transition: opacity 0.3s;\n  cursor: pointer;\n}\n.paraui-v3-upload-list-text .upload-list-item-info .upload-list-text .upload-list-actions svg {\n  color: rgb(235, 96, 84);\n  font-size: inherit;\n}\n.paraui-v3-upload-list-text .upload-list-item-info:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-upload-list-text .upload-list-item-info:hover .upload-list-text .upload-list-actions {\n  visibility: visible;\n  opacity: 1;\n}\n.paraui-v3-upload-list-text .upload-list-item-info:hover .upload-list-text .upload-list-fileicon-active {\n  opacity: 0;\n}\n.paraui-v3-upload-list-picture {\n  display: inline-flex;\n  align-items: center;\n}\n.paraui-v3-upload-list-picture .upload-list-picture-item {\n  position: relative;\n  display: inline-block;\n  width: 100px;\n  height: 100px;\n  margin-right: 16px;\n  border-radius: 4px;\n  cursor: default;\n}\n.paraui-v3-upload-list-picture .upload-list-picture-item::before {\n  content: \" \";\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  top: 0;\n  background-color: rgba(46, 55, 67, 0.7);\n  border-radius: 4px;\n  opacity: 0;\n  transition: 0.3s;\n}\n.paraui-v3-upload-list-picture .upload-list-picture-item img {\n  width: 100%;\n  height: 100%;\n  border-radius: 4px;\n}\n.paraui-v3-upload-list-picture .upload-list-picture-item .upload-list-picture-name {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  padding: 0 10px;\n  font-size: 12px;\n  line-height: 24px;\n  text-align: center;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  background-color: rgba(46, 55, 67, 0.7);\n  border-radius: 0 0 4px 4px;\n  color: rgb(255, 255, 255);\n  transition: 0.3s;\n}\n.paraui-v3-upload-list-picture .upload-list-picture-item .upload-list-actions {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  opacity: 0;\n  line-height: 0;\n  cursor: pointer;\n  transition: 0.3s;\n}\n.paraui-v3-upload-list-picture .upload-list-picture-item .upload-list-actions svg {\n  color: rgb(255, 255, 255);\n}\n.paraui-v3-upload-list-picture .upload-list-picture-item:hover:not(.upload-list-picture-item-readonly)::before {\n  opacity: 1;\n}\n.paraui-v3-upload-list-picture .upload-list-picture-item:hover:not(.upload-list-picture-item-readonly) .upload-list-actions {\n  opacity: 1;\n}\n.paraui-v3-upload-list-picture .upload-list-picture-item:hover:not(.upload-list-picture-item-readonly) .upload-list-picture-name {\n  opacity: 0;\n}";
-styleInject(css_248z$4);
-
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 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 _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; }
@@ -232,9 +228,6 @@ var UploadList = function UploadList(props) {
   });
 };
 
-var css_248z$3 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/15 下午7:12\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-upload-error {\n  position: absolute;\n  left: 0;\n  top: 100%;\n  margin-top: 12px;\n  display: inline-flex;\n  align-items: center;\n  padding: 0 12px;\n  line-height: 28px;\n  background-color: #FDF6F5;\n  color: rgb(235, 96, 84);\n  font-size: 14px;\n  white-space: nowrap;\n  border-radius: 4px;\n  z-index: 1;\n}\n.paraui-v3-upload-error svg {\n  margin-right: 4px;\n  font-size: inherit;\n  color: inherit;\n}\n.paraui-v3-upload-error-image {\n  margin-top: 8px;\n}\n.paraui-v3-upload-error-drag {\n  top: 20px;\n  left: 50%;\n  margin-top: 0;\n  transform: translateX(-50%);\n}";
-styleInject(css_248z$3);
-
 //error tip
 var ErrorTip = function ErrorTip(props) {
   return jsxs("div", Object.assign({
@@ -273,9 +266,6 @@ 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 Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-upload-image {\n  display: inline-flex;\n  align-items: center;\n}\n.paraui-v3-upload-image .upload-image-select {\n  position: relative;\n  width: 100px;\n  height: 100px;\n  background-color: rgba(171, 176, 185, 0.12);\n  border-radius: 4px;\n  cursor: pointer;\n  transition: 0.3s;\n}\n.paraui-v3-upload-image .upload-image-select-loading {\n  pointer-events: none;\n}\n.paraui-v3-upload-image .upload-image-select .component-upload {\n  display: inline-block;\n  width: 100%;\n  height: 100%;\n}\n.paraui-v3-upload-image .upload-image-select:hover {\n  background-color: rgba(54, 102, 214, 0.05);\n}\n.paraui-v3-upload-image .upload-image-select:hover .upload-image-picture-card {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-upload-image .upload-image-picture-card {\n  display: inline-flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  justify-content: center;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n}\n.paraui-v3-upload-image .upload-image-picture-card .upload-img-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  cursor: default;\n}\n.paraui-v3-upload-image .upload-image-picture-card .upload-img-wrapper img {\n  width: 100%;\n  height: 100%;\n  border-radius: 4px;\n}\n.paraui-v3-upload-image .upload-image-picture-card .upload-img-wrapper::before {\n  content: \" \";\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  top: 0;\n  background-color: rgba(46, 55, 67, 0.7);\n  border-radius: 4px;\n  opacity: 0;\n  transition: 0.3s;\n}\n.paraui-v3-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  font-size: 12px;\n  line-height: 24px;\n  text-align: center;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  background-color: rgba(46, 55, 67, 0.7);\n  border-radius: 0 0 4px 4px;\n  color: rgb(255, 255, 255);\n  transition: 0.3s;\n}\n.paraui-v3-upload-image .upload-image-picture-card .upload-img-wrapper-action {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  opacity: 0;\n  line-height: 0;\n  cursor: pointer;\n  transition: 0.3s;\n}\n.paraui-v3-upload-image .upload-image-picture-card .upload-img-wrapper-action svg {\n  color: rgb(255, 255, 255);\n}\n.paraui-v3-upload-image .upload-image-picture-card .upload-img-wrapper:hover::before {\n  opacity: 1;\n}\n.paraui-v3-upload-image .upload-image-picture-card .upload-img-wrapper:hover .upload-img-wrapper-name {\n  opacity: 0;\n}\n.paraui-v3-upload-image .upload-image-picture-card .upload-img-wrapper:hover .upload-img-wrapper-action {\n  opacity: 1;\n}\n.paraui-v3-upload-image .upload-image-picture-card .upload-image-icon {\n  color: rgb(54, 102, 214);\n  font-size: 30px;\n}\n.paraui-v3-upload-image .upload-image-picture-card .upload-image-loading {\n  color: rgb(54, 102, 214);\n  font-size: 30px;\n  animation: imageLoadingCircle 1s infinite linear;\n}\n.paraui-v3-upload-image .upload-image-picture-card .upload-image-text {\n  margin-top: 6px;\n  color: inherit;\n  transition: 0.3s;\n  text-align: center;\n}\n.paraui-v3-upload-image .upload-image-picture-card .upload-image-text-loading {\n  color: rgb(54, 102, 214);\n}\n@keyframes imageLoadingCircle {\n  100% {\n    transform: rotate(360deg);\n  }\n}";
-styleInject(css_248z$2);
-
 //ImageUpload
 var ImageUpload = function ImageUpload(props) {
   var className = props.className,
@@ -308,7 +298,8 @@ var ImageUpload = function ImageUpload(props) {
     showLoadingProp = _props$showLoading === void 0 ? false : _props$showLoading,
     defaultImage = props.defaultImage,
     readonly = props.readonly,
-    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"]);
+    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", "avatarProps"]);
   var intl = useFormatMessage('Upload', localeJson);
   var _useState = useState(defaultFileList),
     _useState2 = _slicedToArray(_useState, 2),
@@ -316,18 +307,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; //显示上传列表
@@ -339,6 +346,39 @@ var ImageUpload = function ImageUpload(props) {
     _ref2$leaveDelay = _ref2.leaveDelay,
     leaveDelay = _ref2$leaveDelay === void 0 ? 2000 : _ref2$leaveDelay; //错误信息提示
   var cropFileRef = useRef(); //裁剪文件
+  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]);
@@ -434,13 +474,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;
@@ -451,10 +491,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) {
@@ -462,7 +509,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();
         }
@@ -546,11 +593,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, {
@@ -566,14 +608,19 @@ var ImageUpload = function ImageUpload(props) {
   //渲染内容
   var renderUploadContent = function renderUploadContent() {
     var _a;
+    var borderRadiusStyle = borderRadius ? {
+      borderRadius: borderRadius
+    } : {};
     if (!showUploadList && avatar.imageUrl && !showLoading) {
       return jsxs("div", Object.assign({
-        className: 'upload-img-wrapper'
+        className: 'upload-img-wrapper',
+        style: borderRadiusStyle
       }, {
         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: borderRadiusStyle
+        }), avatar.imageName && showPicName && jsx("span", Object.assign({
           className: "upload-img-wrapper-name"
         }, {
           children: avatar.imageName
@@ -600,9 +647,11 @@ 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")
@@ -618,11 +667,24 @@ 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, Object.assign({
+        className: "upload-img-wrapper-container__del-btn",
+        variant: "text",
+        onClick: handleReset
+      }, {
+        children: jsx(CloseIcon, {})
+      })), renderUploadSelector()]
+    })) : renderUploadSelector() : jsx(Fragment, {})]
   }));
 };
 
@@ -788,9 +850,6 @@ var EasyCrop = /*#__PURE__*/forwardRef(function (props, ref) {
 });
 var EasyCrop$1 = /*#__PURE__*/memo(EasyCrop);
 
-var css_248z$1 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/4/20 下午4:44\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-img-crop-modal .paraui-v3-img-crop-container {\n  position: relative;\n  width: 100%;\n  height: 40vh;\n}\n.paraui-v3-img-crop-modal .paraui-v3-img-crop-control {\n  display: flex;\n  align-items: center;\n  width: 60%;\n  margin-left: auto;\n  margin-right: auto;\n}\n.paraui-v3-img-crop-modal .paraui-v3-img-crop-control:first-of-type {\n  margin-top: 16px;\n}\n.paraui-v3-img-crop-modal .paraui-v3-img-crop-control:last-of-type {\n  margin-bottom: -8px;\n}\n.paraui-v3-img-crop-modal .paraui-v3-img-crop-control button {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 34px;\n  height: 34px;\n  padding: 0;\n  font-style: normal;\n  background: transparent;\n  border: 0;\n  outline: 0;\n  cursor: pointer;\n}\n.paraui-v3-img-crop-modal .paraui-v3-img-crop-control button[disabled] {\n  cursor: default;\n}\n.paraui-v3-img-crop-modal .paraui-v3-img-crop-control button + div:only-of-type {\n  flex: 1;\n  margin: 0 8px;\n}\n.paraui-v3-img-crop-modal .paraui-v3-img-crop-control-zoom button {\n  font-size: 18px;\n}\n.paraui-v3-img-crop-modal .paraui-v3-img-crop-control-rotate button {\n  font-size: 16px;\n}\n.paraui-v3-img-crop-modal .paraui-v3-img-crop-control-rotate button:first-of-type {\n  transform: rotate(-20deg);\n}\n.paraui-v3-img-crop-modal .paraui-v3-img-crop-control-rotate button:last-of-type {\n  transform: rotate(20deg);\n}";
-styleInject(css_248z$1);
-
 //图片裁剪组件
 var ImgCrop = /*#__PURE__*/forwardRef(function (props, ref) {
   var _props$aspect = props.aspect,
@@ -1127,9 +1186,6 @@ var ImgCrop = /*#__PURE__*/forwardRef(function (props, ref) {
   });
 });
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/11 下午1:40\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-upload .component-upload {\n  position: relative;\n  display: inline-block;\n}\n.paraui-v3-upload-loading {\n  pointer-events: none;\n}\n.paraui-v3-upload .paraui-v3-button {\n  color: rgb(54, 102, 214);\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-upload .paraui-v3-button:hover {\n  border-color: rgba(54, 102, 214, 0.8);\n  color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-upload .paraui-v3-button-loading .button-icon {\n  animation: uploadLoadingCircle 1s infinite linear;\n}\n.paraui-v3-upload-drag {\n  position: relative;\n}\n.paraui-v3-upload-drag .component-upload {\n  display: block;\n}\n.paraui-v3-upload-drag-loading {\n  pointer-events: none;\n}\n.paraui-v3-upload-drag-hover .upload-drag-container {\n  border-color: rgba(54, 102, 214, 0.4);\n  background-color: rgba(54, 102, 214, 0.05);\n}\n.paraui-v3-upload-drag .upload-drag-container {\n  display: inline-flex;\n  width: 100%;\n  max-width: 960px;\n  height: 220px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  font-size: 14px;\n  line-height: 1;\n  border: 2px dashed rgba(171, 176, 185, 0.4);\n  background-color: rgba(171, 176, 185, 0.12);\n  border-radius: 4px;\n  cursor: pointer;\n  transition: 0.3s;\n}\n.paraui-v3-upload-drag .upload-drag-container:hover {\n  border-color: rgba(54, 102, 214, 0.4);\n  background-color: rgba(54, 102, 214, 0.05);\n}\n.paraui-v3-upload-drag .upload-drag-container .upload-drag-icon {\n  line-height: 0;\n}\n.paraui-v3-upload-drag .upload-drag-container .upload-drag-icon svg {\n  font-size: 48px;\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-upload-drag .upload-drag-container .upload-drag-icon .upload-drag-loading {\n  animation: uploadLoadingCircle 1s infinite linear;\n}\n.paraui-v3-upload-drag .upload-drag-container .upload-drag-text {\n  margin: 20px 0 12px 0;\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-upload-drag .upload-drag-container .upload-drag-text-loading {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-upload-drag .upload-drag-container .upload-drag-text-filename {\n  margin-right: 5px;\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-upload-drag .upload-drag-container .upload-drag-hint {\n  color: rgba(46, 55, 67, 0.7);\n  padding: 0 20px;\n  text-align: center;\n}\n@keyframes uploadLoadingCircle {\n  100% {\n    transform: rotate(360deg);\n  }\n}";
-styleInject(css_248z);
-
 //upload
 var InternalUpload = function InternalUpload(props) {
   var _props$type = props.type,

package/Upload/interface.d.ts

@@ -32,6 +32,22 @@ export interface IShowUploadList {
     removeIcon?: 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;
@@ -59,6 +75,8 @@ export interface UploadProps<T = any> {
     accept?: string;
     /**是否支持多选文件,开启后按住 ctrl 可选择多个文件*/
     multiple?: boolean;
+    /** 头像 */
+    avatarProps?: boolean | AvatarProps;
     /**上传文件改变时的状态*/
     onChange?: (info: UploadFile[]) => void;
     /**上传开始*/

package/_verture/{index-f4f86121.js → closestPolyfill-aa558c48.js}

@@ -1,18 +1,18 @@
-import { _ as _toConsumableArray } from './toConsumableArray-81040c9e.js';
-import { _ as _defineProperty } from './defineProperty-62acccfc.js';
-import { _ as _slicedToArray } from './slicedToArray-76060636.js';
-import { r as regenerator } from './index-beef914f.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-55ed4bd2.js';
+import { _ as _toConsumableArray } from './toConsumableArray-0e19ce18.js';
+import { _ as _defineProperty } from './defineProperty-dbb356cd.js';
+import { _ as _slicedToArray } from './slicedToArray-d0df4205.js';
+import { r as regenerator } from './index-485070a0.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-85d7d0d5.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-498dd2b1.js';
+import { _ as _typeof } from './typeof-efd93d53.js';
 import LoadingOutlined from '@para-ui/icons/LoadingF';
 import FileOutlined from '@para-ui/icons/Document';
 import SolidArrowDown from '@para-ui/icons/DownTriangleF';
 import { Radio } from '../Radio/index.js';
-import { $ as $prefixCls } from './constant-66aa48a1.js';
+import { $ as $prefixCls } from './constant-8992bf83.js';
 import ReactDOM from 'react-dom';
 import EditOutlinedIcon from '@para-ui/icons/EditFile';
 import AddOutlinedIcon from '@para-ui/icons/PlusCircle';
@@ -20,8 +20,7 @@ import Delete from '@para-ui/icons/Delete';
 import Forbid from '@para-ui/icons/Forbid';
 import { Tooltip } from '../Tooltip/index.js';
 import { UUID, Request } from '@paraview/lib';
-import { u as useFormatMessage } from './useFormatMessage-703f8b20.js';
-import { s as styleInject } from './style-inject.es-300983ab.js';
+import { u as useFormatMessage } from './useFormatMessage-24a86ca6.js';
 import MoreOutlinedIcon from '@para-ui/icons/MoreCircle';
 import Empty from '../Empty/index.js';
 import { Loading } from '../Loading/index.js';
@@ -265,9 +264,6 @@ var localeJson = {
   en: en
 };
 
-var css_248z$1 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.sector-container {\n  position: relative;\n  z-index: 1500;\n}\n.sector-container .sector-item-container {\n  position: absolute;\n  left: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  padding: 0;\n}\n.sector-container .sector-item-container .sector-item {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 24px;\n  height: 24px;\n  background-color: rgb(255, 255, 255);\n  border-radius: 50%;\n  box-shadow: 4px 4px 6px rgba(70, 75, 105, 0.2), -4px -4px 6px rgba(0, 0, 0, 0.06);\n  cursor: pointer;\n  opacity: 0;\n}\n.sector-container .sector-item-container .sector-item svg {\n  font-size: 14px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.sector-container .sector-item-container .sector-item:hover {\n  color: rgb(54, 102, 214);\n}\n.sector-container .sector-item-container .sector-item:hover svg {\n  color: inherit;\n}\n.sector-container .sector-item-container .sector-item--del:hover {\n  color: rgb(235, 96, 84);\n}\n.sector-container .sector-item-container .sector-item--del:hover svg {\n  color: inherit;\n}";
-styleInject(css_248z$1);
-
 //默认扇形按钮图标
 var getIconMap = function getIconMap(intl) {
   return {
@@ -1355,7 +1351,4 @@ if (!Element.prototype.closest) {
   };
 }
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/9 下午8:39\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-tree-treenode-leaf-last .paraui-v3-tree-switcher-leaf-line::before {\n  top: auto !important;\n  bottom: auto !important;\n  height: 14px !important;\n}\n\n@keyframes treeCheckboxEffect {\n  0% {\n    transform: scale(1);\n    opacity: 0.5;\n  }\n  100% {\n    transform: scale(1.6);\n    opacity: 0;\n  }\n}\n.paraui-v3-tree-rtl {\n  direction: rtl;\n}\n.paraui-v3-tree-rtl .paraui-v3-tree-node-content-wrapper[draggable=true] .paraui-v3-tree-drop-indicator::after {\n  right: -6px;\n  left: unset;\n}\n.paraui-v3-tree .paraui-v3-tree-treenode-rtl {\n  direction: rtl;\n}\n.paraui-v3-tree-rtl .paraui-v3-tree-switcher_close .paraui-v3-tree-switcher-icon svg {\n  transform: rotate(90deg);\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-indent-unit::before .paraui-v3-tree-rtl.paraui-v3-tree-show-line .paraui-v3-tree-indent-unit::before {\n  right: auto;\n  left: -13px;\n  border-right: none;\n  border-left: 1px solid #d9d9d9;\n}\n.paraui-v3-tree-checkbox .paraui-v3-tree-rtl.paraui-v3-tree-checkbox {\n  margin: 4px 0 0 8px;\n}\n\n.paraui-v3-tree-select-dropdown-rtl .paraui-v3-select-tree-checkbox {\n  margin: 4px 0 0 8px;\n}\n\n.paraui-v3-tree-checkbox {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  font-variant: tabular-nums;\n  line-height: 1.5715;\n  list-style: none;\n  font-feature-settings: \"tnum\";\n  position: relative;\n  top: 0.2em;\n  line-height: 1;\n  white-space: nowrap;\n  outline: none;\n  cursor: pointer;\n}\n.paraui-v3-tree-checkbox-wrapper:hover .paraui-v3-tree-checkbox-inner, .paraui-v3-tree-checkbox:hover .paraui-v3-tree-checkbox-inner, .paraui-v3-tree-checkbox-input:focus + .paraui-v3-tree-checkbox-inner {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-tree-checkbox-checked::after {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  border: 1px solid rgb(54, 102, 214);\n  border-radius: 2px;\n  visibility: hidden;\n  animation: treeCheckboxEffect 0.36s ease-in-out;\n  animation-fill-mode: backwards;\n  content: \"\";\n  box-sizing: border-box;\n}\n.paraui-v3-tree-checkbox:hover::after, .paraui-v3-tree-checkbox-wrapper:hover .paraui-v3-tree-checkbox::after {\n  visibility: visible;\n}\n.paraui-v3-tree-checkbox-inner {\n  position: relative;\n  top: 0;\n  left: 0;\n  display: block;\n  width: 16px;\n  height: 16px;\n  direction: ltr;\n  background-color: rgb(255, 255, 255);\n  border: 1px solid #d9d9d9;\n  border-radius: 2px;\n  border-collapse: separate;\n  transition: all 0.3s;\n}\n.paraui-v3-tree-checkbox-inner::after {\n  position: absolute;\n  top: 50%;\n  left: 21.5%;\n  display: table;\n  width: 6px;\n  height: 9px;\n  border: 2px solid rgb(255, 255, 255);\n  border-top: 0;\n  border-left: 0;\n  transform: rotate(45deg) scale(0) translate(-50%, -50%);\n  opacity: 0;\n  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;\n  content: \" \";\n  box-sizing: border-box;\n}\n.paraui-v3-tree-checkbox-input {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1;\n  width: 100%;\n  height: 100%;\n  cursor: pointer;\n  opacity: 0;\n}\n\n.paraui-v3-tree-checkbox-checked .paraui-v3-tree-checkbox-inner::after {\n  position: absolute;\n  display: table;\n  border: 2px solid rgb(255, 255, 255);\n  border-top: 0;\n  border-left: 0;\n  transform: rotate(45deg) scale(1) translate(-50%, -50%);\n  opacity: 1;\n  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;\n  content: \" \";\n}\n\n.paraui-v3-tree-checkbox-checked .paraui-v3-tree-checkbox-inner {\n  background-color: rgb(54, 102, 214);\n  border-color: rgb(54, 102, 214);\n}\n\n.paraui-v3-tree-checkbox-disabled {\n  cursor: not-allowed;\n}\n.paraui-v3-tree-checkbox-disabled.paraui-v3-tree-checkbox-checked .paraui-v3-tree-checkbox-inner::after {\n  border-color: rgba(0, 0, 0, 0.25);\n  animation-name: none;\n}\n.paraui-v3-tree-checkbox-disabled .paraui-v3-tree-checkbox-input {\n  cursor: not-allowed;\n}\n.paraui-v3-tree-checkbox-disabled .paraui-v3-tree-checkbox-inner {\n  background-color: #f5f5f5;\n  border-color: #d9d9d9 !important;\n}\n.paraui-v3-tree-checkbox-disabled .paraui-v3-tree-checkbox-inner::after {\n  border-color: #f5f5f5;\n  border-collapse: separate;\n  animation-name: none;\n}\n.paraui-v3-tree-checkbox-disabled + span {\n  color: rgba(0, 0, 0, 0.25);\n  cursor: not-allowed;\n}\n.paraui-v3-tree-checkbox-disabled:hover::after, .paraui-v3-tree-checkbox-wrapper:hover .paraui-v3-tree-checkbox-disabled::after {\n  visibility: hidden;\n}\n\n.paraui-v3-tree-checkbox-wrapper {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  font-variant: tabular-nums;\n  line-height: 1.5715;\n  list-style: none;\n  font-feature-settings: \"tnum\";\n  display: inline-flex;\n  align-items: baseline;\n  line-height: unset;\n  cursor: pointer;\n}\n.paraui-v3-tree-checkbox-wrapper.paraui-v3-tree-checkbox-wrapper-disabled {\n  cursor: not-allowed;\n}\n.paraui-v3-tree-checkbox-wrapper + .paraui-v3-tree-checkbox-wrapper {\n  margin-left: 8px;\n}\n\n.paraui-v3-tree-checkbox + span {\n  padding-right: 8px;\n  padding-left: 8px;\n}\n\n.paraui-v3-tree-checkbox-group {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  font-variant: tabular-nums;\n  line-height: 1.5715;\n  list-style: none;\n  font-feature-settings: \"tnum\";\n  display: inline-block;\n}\n.paraui-v3-tree-checkbox-group-item {\n  margin-right: 8px;\n}\n.paraui-v3-tree-checkbox-group-item:last-child {\n  margin-right: 0;\n}\n.paraui-v3-tree-checkbox-group-item + .paraui-v3-tree-checkbox-group-item {\n  margin-left: 0;\n}\n\n.paraui-v3-tree-checkbox-indeterminate .paraui-v3-tree-checkbox-inner {\n  background-color: rgb(54, 102, 214);\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-tree-checkbox-indeterminate .paraui-v3-tree-checkbox-inner::after {\n  top: 50%;\n  left: 50%;\n  width: 8px;\n  height: 2px;\n  background-color: rgb(255, 255, 255);\n  border: 0;\n  transform: translate(-50%, -50%) scale(1);\n  opacity: 1;\n  content: \" \";\n}\n.paraui-v3-tree-checkbox-indeterminate.paraui-v3-tree-checkbox-disabled .paraui-v3-tree-checkbox-inner::after {\n  background-color: rgba(0, 0, 0, 0.25);\n  border-color: rgba(0, 0, 0, 0.25);\n}\n\n.paraui-v3-tree-wrapper .paraui-v3-tree-empty {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.paraui-v3-tree {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  font-variant: tabular-nums;\n  line-height: 1.5715;\n  list-style: none;\n  font-feature-settings: \"tnum\";\n  background: rgb(255, 255, 255);\n  border-radius: 2px;\n  transition: background-color 0.3s;\n}\n.paraui-v3-tree-focused:not(:hover):not(.paraui-v3-tree-active-focused) {\n  background: #e6f7ff;\n}\n.paraui-v3-tree-list-holder-inner {\n  align-items: flex-start;\n}\n.paraui-v3-tree.paraui-v3-tree-block-node .paraui-v3-tree-list-holder-inner {\n  align-items: stretch;\n}\n.paraui-v3-tree.paraui-v3-tree-block-node .paraui-v3-tree-list-holder-inner .paraui-v3-tree-node-content-wrapper {\n  flex: auto;\n}\n.paraui-v3-tree .paraui-v3-tree-treenode {\n  display: flex;\n  align-items: flex-start;\n  outline: none;\n}\n.paraui-v3-tree .paraui-v3-tree-treenode-disabled .paraui-v3-tree-node-content-wrapper {\n  color: rgba(0, 0, 0, 0.25);\n  cursor: not-allowed;\n}\n.paraui-v3-tree .paraui-v3-tree-treenode-disabled .paraui-v3-tree-node-content-wrapper:hover {\n  background: transparent;\n}\n.paraui-v3-tree .paraui-v3-tree-treenode-active .paraui-v3-tree-node-content-wrapper {\n  background: #f5f5f5;\n}\n.paraui-v3-tree .paraui-v3-tree-treenode:not(.paraui-v3-tree .paraui-v3-tree-treenode-disabled).filter-node .paraui-v3-tree-title {\n  color: inherit;\n  font-weight: 500;\n}\n.paraui-v3-tree-indent {\n  align-self: stretch;\n  white-space: nowrap;\n  user-select: none;\n}\n.paraui-v3-tree-indent-unit {\n  display: inline-block;\n  width: 24px;\n}\n.paraui-v3-tree-switcher {\n  position: relative;\n  flex: none;\n  align-self: stretch;\n  width: 24px;\n  margin: 0;\n  line-height: 24px;\n  text-align: center;\n  cursor: pointer;\n  user-select: none;\n}\n.paraui-v3-tree-switcher .paraui-v3-tree-switcher-icon,\n.paraui-v3-tree-switcher .paraui-v3-select-tree-switcher-icon {\n  display: inline-block;\n  font-size: 14px;\n  vertical-align: middle;\n  transition: transform 0.3s;\n  color: inherit;\n}\n.paraui-v3-tree-switcher .paraui-v3-tree-switcher-icon svg,\n.paraui-v3-tree-switcher .paraui-v3-select-tree-switcher-icon svg {\n  font-size: inherit;\n  color: inherit;\n  transition: transform 0.3s;\n}\n.paraui-v3-tree-switcher-noop {\n  cursor: default;\n}\n.paraui-v3-tree-switcher_close .paraui-v3-tree-switcher-icon {\n  transform: rotate(-90deg);\n}\n.paraui-v3-tree-switcher_close .paraui-v3-tree-switcher-icon svg {\n  color: currentColor;\n  transform: rotate(-90deg);\n}\n.paraui-v3-tree-switcher-loading-icon {\n  color: rgb(54, 102, 214);\n  will-change: transform;\n  transition: transform 0.3s ease-in-out;\n  animation: treeLoadingCircle 1s infinite linear;\n  vertical-align: middle;\n  font-size: 14px !important;\n}\n@keyframes treeLoadingCircle {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n.paraui-v3-tree-switcher-leaf-line {\n  position: relative;\n  z-index: 1;\n  display: inline-block;\n  width: 100%;\n  height: 100%;\n}\n.paraui-v3-tree-switcher-leaf-line::before {\n  position: absolute;\n  top: 0;\n  bottom: -4px;\n  margin-left: -1px;\n  border-left: 1px solid #d9d9d9;\n  content: \" \";\n}\n.paraui-v3-tree-switcher-leaf-line::after {\n  position: absolute;\n  width: 10px;\n  height: 14px;\n  margin-left: -1px;\n  border-bottom: 1px solid #d9d9d9;\n  content: \" \";\n}\n.paraui-v3-tree-checkbox {\n  top: initial;\n  margin: 6px 6px 0 0;\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper {\n  position: relative;\n  z-index: auto;\n  min-height: 24px;\n  margin: 2px 0 0 0;\n  padding: 0 6px;\n  color: inherit;\n  line-height: 24px;\n  background: transparent;\n  border-radius: 2px;\n  cursor: pointer;\n  transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s;\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n  border-radius: 4px;\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper.paraui-v3-tree-node-selected {\n  background-color: transparent;\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper .paraui-v3-tree-iconEle {\n  display: inline-block;\n  width: 24px;\n  height: 24px;\n  margin-left: -6px;\n  line-height: 26px;\n  text-align: center;\n  vertical-align: top;\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper .paraui-v3-tree-iconEle > svg {\n  vertical-align: -0.125em;\n  color: inherit;\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper .paraui-v3-tree-iconEle:empty {\n  display: none;\n}\n.paraui-v3-tree-unselectable .paraui-v3-tree-node-content-wrapper:hover {\n  background-color: transparent;\n}\n.paraui-v3-tree-node-content-wrapper[draggable=true] {\n  line-height: 24px;\n  user-select: none;\n}\n.paraui-v3-tree-node-content-wrapper[draggable=true] .paraui-v3-tree-drop-indicator {\n  position: absolute;\n  z-index: 1;\n  height: 2px;\n  background-color: rgb(54, 102, 214);\n  border-radius: 1px;\n  pointer-events: none;\n}\n.paraui-v3-tree-node-content-wrapper[draggable=true] .paraui-v3-tree-drop-indicator::after {\n  position: absolute;\n  top: -3px;\n  left: -6px;\n  width: 8px;\n  height: 8px;\n  background-color: transparent;\n  border: 2px solid rgb(54, 102, 214);\n  border-radius: 50%;\n  content: \"\";\n}\n.paraui-v3-tree .paraui-v3-tree-treenode.drop-container > [draggable] {\n  box-shadow: 0 0 0 2px rgb(54, 102, 214);\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-indent-unit {\n  position: relative;\n  height: 100%;\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-indent-unit::before {\n  position: absolute;\n  top: 0;\n  right: 12px;\n  bottom: -4px;\n  border-right: 1px solid #d9d9d9;\n  content: \"\";\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-indent-unit-end::before {\n  display: none;\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-switcher {\n  background: rgb(255, 255, 255);\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-switcher_close svg {\n  transform: rotate(-90deg);\n  color: inherit;\n  font-size: 14px;\n  transition: transform 0.3s;\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-switcher_open svg {\n  color: inherit;\n  font-size: 14px;\n  transition: transform 0.3s;\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-switcher-line-icon {\n  vertical-align: -0.225em;\n  color: inherit;\n  font-size: 14px;\n}\n.paraui-v3-tree-node-content-wrapper {\n  overflow: hidden;\n  display: flex;\n}\n.paraui-v3-tree-node-content-wrapper .paraui-v3-tree-title {\n  display: flex;\n  align-items: center;\n  width: 100%;\n}\n.paraui-v3-tree-node-content-wrapper .paraui-v3-tree-treenode-more-wrapper {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper--active {\n  background-color: rgba(171, 176, 185, 0.12) !important;\n  border-radius: 4px !important;\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper--active .sector-anchor {\n  opacity: 1 !important;\n}\n.paraui-v3-tree.paraui-v3-tree-block-node .paraui-v3-tree-list-holder-inner .paraui-v3-tree-node-content-wrapper {\n  flex-grow: 0;\n  flex-shrink: 1;\n}\n.paraui-v3-tree .paraui-v3-tree-title-wrapper {\n  display: inline-flex;\n  align-items: center;\n  margin: 0 -6px;\n  padding: 0 6px;\n  overflow: hidden;\n}\n.paraui-v3-tree .paraui-v3-tree-title-wrapper .sector-anchor {\n  position: relative;\n  width: 14px;\n  height: 14px;\n  margin: 1px 0 0 18px;\n  line-height: 14px;\n  opacity: 0;\n  transition: opacity 0.3s;\n}\n.paraui-v3-tree .paraui-v3-tree-title-wrapper .sector-anchor:before {\n  content: \" \";\n  position: absolute;\n  left: -9px;\n  top: 0;\n  width: 1px;\n  height: 14px;\n  background-color: rgba(171, 176, 185, 0.2);\n  pointer-events: none;\n}\n.paraui-v3-tree .paraui-v3-tree-title-wrapper .sector-anchor svg {\n  font-size: 14px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-tree .paraui-v3-tree-title-wrapper .sector-anchor--active.sector-anchor svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-tree .paraui-v3-tree-title-wrapper--active .sector-anchor {\n  opacity: 1;\n}\n.paraui-v3-tree.paraui-v3-tree-radioable .paraui-v3-tree-iconEle {\n  position: absolute;\n  left: 8px;\n  top: 0;\n}\n.paraui-v3-tree.paraui-v3-tree-radioable .paraui-v3-tree-checkbox {\n  display: none !important;\n}\n.paraui-v3-tree.paraui-v3-tree-radioable .paraui-v3-tree-checkbox-checked + .paraui-v3-tree-node-content-wrapper {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-tree.paraui-v3-tree-radioable .paraui-v3-tree-node-radio {\n  width: 16px;\n  height: 16px;\n  padding: 0;\n  margin-top: 4px;\n}\n.paraui-v3-tree.paraui-v3-tree-radioable-showradio .paraui-v3-tree-node-content-wrapper {\n  padding-left: 28px;\n}\n\n.paraui-v3-tree-motion-collapse {\n  overflow: hidden;\n  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;\n}";
-styleInject(css_248z);
-
 export { Tree as T };