@para-ui/core 3.0.0 → 3.0.2

package/Upload/index.js

@@ -1,3 +1,4 @@
+import { _ as _defineProperty } from '../_verture/defineProperty-0590dc61.js';
 import { _ as _toConsumableArray } from '../_verture/toConsumableArray-f8047a75.js';
 import { _ as _slicedToArray } from '../_verture/slicedToArray-d7722f4b.js';
 import { a as __awaiter, _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
@@ -12,6 +13,7 @@ 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-bf34e6fa.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-ac9d6acf.js';
@@ -28,7 +30,6 @@ import 'rc-tooltip/lib/placements';
 import '@para-ui/icons/Down';
 import '../Dropdown/index.js';
 import 'rc-dropdown';
-import '../_verture/defineProperty-0590dc61.js';
 import 'rc-slider';
 import 'rc-dialog';
 import '@para-ui/icons/Close';
@@ -40,7 +41,7 @@ import '@para-ui/icons/WarningCircle';
 import '@para-ui/icons/WarningCircleF';
 import '@paraview/lib';
 
-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-upload-list-text .paraui-upload-list-item {\n  margin-top: 8px;\n}\n.paraui-upload-list-text .paraui-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-upload-list-text .paraui-upload-list-item-info .paraui-upload-list-text {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n}\n.paraui-upload-list-text .paraui-upload-list-item-info .paraui-upload-list-text .paraui-upload-list-fileicon {\n  line-height: 0;\n  opacity: 1;\n  transition: opacity 0.3s;\n}\n.paraui-upload-list-text .paraui-upload-list-item-info .paraui-upload-list-text .paraui-upload-list-fileicon svg {\n  color: inherit;\n  font-size: inherit;\n}\n.paraui-upload-list-text .paraui-upload-list-item-info .paraui-upload-list-text-name {\n  margin-left: 10px;\n}\n.paraui-upload-list-text .paraui-upload-list-item-info .paraui-upload-list-text .paraui-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-upload-list-text .paraui-upload-list-item-info .paraui-upload-list-text .paraui-upload-list-actions svg {\n  color: rgb(235, 96, 84);\n  font-size: inherit;\n}\n.paraui-upload-list-text .paraui-upload-list-item-info:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-upload-list-text .paraui-upload-list-item-info:hover .paraui-upload-list-text .paraui-upload-list-actions {\n  visibility: visible;\n  opacity: 1;\n}\n.paraui-upload-list-text .paraui-upload-list-item-info:hover .paraui-upload-list-text .paraui-upload-list-fileicon--active {\n  opacity: 0;\n}\n.paraui-upload-list-picture {\n  display: inline-flex;\n  align-items: center;\n}\n.paraui-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-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-upload-list-picture-item img {\n  width: 100%;\n  height: 100%;\n  border-radius: 4px;\n}\n.paraui-upload-list-picture-item .paraui-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-upload-list-picture-item .paraui-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-upload-list-picture-item .paraui-upload-list-actions svg {\n  color: rgb(255, 255, 255);\n}\n.paraui-upload-list-picture-item:hover::before {\n  opacity: 1;\n}\n.paraui-upload-list-picture-item:hover .paraui-upload-list-actions {\n  opacity: 1;\n}\n.paraui-upload-list-picture-item:hover .paraui-upload-list-picture-name {\n  opacity: 0;\n}";
+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/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\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::before {\n  opacity: 1;\n}\n.paraui-v3-upload-list-picture .upload-list-picture-item:hover .upload-list-actions {\n  opacity: 1;\n}\n.paraui-v3-upload-list-picture .upload-list-picture-item:hover .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; } } }; }
@@ -74,7 +75,7 @@ var UploadList = function UploadList(props) {
 
   var renderActions = function renderActions(file) {
     return showRemoveIcon && jsx("span", Object.assign({
-      className: 'paraui-upload-list-actions',
+      className: 'upload-list-actions',
       onClick: function onClick(evt) {
         return handleRemove(file, evt);
       }
@@ -93,20 +94,20 @@ var UploadList = function UploadList(props) {
         return itemRender(file, uploadList);
       var isImage = !!((_a = file.type) === null || _a === void 0 ? void 0 : _a.includes('image/'));
       return jsx("div", Object.assign({
-        className: 'paraui-upload-list-item'
+        className: 'upload-list-item'
       }, {
         children: jsx("div", Object.assign({
-          className: 'paraui-upload-list-item-info'
+          className: 'upload-list-item-info'
         }, {
           children: jsxs("span", Object.assign({
-            className: 'paraui-upload-list-text'
+            className: 'upload-list-text'
           }, {
             children: [jsx("span", Object.assign({
-              className: clsx('paraui-upload-list-fileicon', showRemoveIcon && 'paraui-upload-list-fileicon--active')
+              className: clsx('upload-list-fileicon', showRemoveIcon && 'upload-list-fileicon-active')
             }, {
               children: isImage ? jsx(PhotoIcon, {}) : jsx(TextIcon, {})
             })), renderActions(file), jsx("span", Object.assign({
-              className: "paraui-upload-list-text-name"
+              className: "upload-list-text-name"
             }, {
               children: file.name
             }))]
@@ -123,13 +124,13 @@ var UploadList = function UploadList(props) {
       if (itemRender) //自定义渲染
         return itemRender(file, uploadList);
       return jsxs("div", Object.assign({
-        className: 'paraui-upload-list-picture-item'
+        className: 'upload-list-picture-item'
       }, {
         children: [jsx("img", {
           src: file.dataUrl || file.url,
           alt: file.name
         }), jsx("span", Object.assign({
-          className: 'paraui-upload-list-picture-name',
+          className: 'upload-list-picture-name',
           title: file.name
         }, {
           children: file.name
@@ -249,23 +250,23 @@ var UploadList = function UploadList(props) {
   }, [items]);
   return jsx(Fragment, {
     children: listType === 'text' ? jsx("section", Object.assign({
-      className: 'paraui-upload-list-text'
+      className: "".concat($prefixCls, "-upload-list-text")
     }, {
       children: renderFileListText()
     })) : jsx("section", Object.assign({
-      className: 'paraui-upload-list-picture'
+      className: "".concat($prefixCls, "-upload-list-picture")
     }, {
       children: renderFileListPicture()
     }))
   });
 };
 
-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-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-upload-error svg {\n  margin-right: 4px;\n  font-size: inherit;\n  color: inherit;\n}\n.paraui-upload-error--image {\n  margin-top: 8px;\n}\n.paraui-upload-error--drag {\n  top: 20px;\n  left: 50%;\n  margin-top: 0;\n  transform: translateX(-50%);\n}";
+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/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\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);
 
 var ErrorTip = function ErrorTip(props) {
   return jsxs("div", Object.assign({
-    className: clsx('paraui-upload-error', props.className)
+    className: clsx("".concat($prefixCls, "-upload-error"), props.className)
   }, {
     children: [jsx(Forbid, {}), props.message]
   }));
@@ -300,7 +301,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 Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-upload-image {\n  display: inline-flex;\n  align-items: center;\n}\n.paraui-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-upload-image-select--loading {\n  pointer-events: none;\n}\n.paraui-upload-image-select .rc-upload {\n  display: inline-block;\n  width: 100%;\n  height: 100%;\n}\n.paraui-upload-image-select:hover {\n  background-color: rgba(54, 102, 214, 0.05);\n}\n.paraui-upload-image-select:hover .paraui-upload-image-picture-card {\n  color: rgb(54, 102, 214);\n}\n.paraui-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-upload-image-picture-card .paraui-upload-img-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  cursor: default;\n}\n.paraui-upload-image-picture-card .paraui-upload-img-wrapper img {\n  width: 100%;\n  height: 100%;\n  border-radius: 4px;\n}\n.paraui-upload-image-picture-card .paraui-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-upload-image-picture-card .paraui-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-upload-image-picture-card .paraui-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-upload-image-picture-card .paraui-upload-img-wrapper-action svg {\n  color: rgb(255, 255, 255);\n}\n.paraui-upload-image-picture-card .paraui-upload-img-wrapper:hover::before {\n  opacity: 1;\n}\n.paraui-upload-image-picture-card .paraui-upload-img-wrapper:hover .paraui-upload-img-wrapper-name {\n  opacity: 0;\n}\n.paraui-upload-image-picture-card .paraui-upload-img-wrapper:hover .paraui-upload-img-wrapper-action {\n  opacity: 1;\n}\n.paraui-upload-image-picture-card .paraui-upload-image-icon {\n  color: rgb(54, 102, 214);\n  font-size: 30px;\n}\n.paraui-upload-image-picture-card .paraui-upload-image-loading {\n  color: rgb(54, 102, 214);\n  font-size: 30px;\n  animation: loadingCircle 1s infinite linear;\n}\n.paraui-upload-image-picture-card .paraui-upload-image-text {\n  margin-top: 6px;\n  color: inherit;\n  transition: 0.3s;\n}\n.paraui-upload-image-picture-card .paraui-upload-image-text--loading {\n  color: rgb(54, 102, 214);\n}\n@keyframes loadingCircle {\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 Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\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}\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);
 
 var ImageUpload = function ImageUpload(props) {
@@ -642,17 +643,17 @@ var ImageUpload = function ImageUpload(props) {
 
     if (!showUploadList && avatar.imageUrl && !showLoading) {
       return jsxs("div", Object.assign({
-        className: 'paraui-upload-img-wrapper'
+        className: 'upload-img-wrapper'
       }, {
         children: [jsx("img", {
           src: avatar.imageUrl,
           alt: (_a = avatar.imageName) !== null && _a !== void 0 ? _a : ''
         }), avatar.imageName && jsx("span", Object.assign({
-          className: "paraui-upload-img-wrapper-name"
+          className: "upload-img-wrapper-name"
         }, {
           children: avatar.imageName
         })), jsx("span", Object.assign({
-          className: 'paraui-upload-img-wrapper-action'
+          className: 'upload-img-wrapper-action'
         }, {
           children: jsx(EditOutline, {})
         }))]
@@ -661,11 +662,11 @@ var ImageUpload = function ImageUpload(props) {
 
     return jsxs(Fragment, {
       children: [showLoading ? jsx(LoadingIcon, {
-        className: 'paraui-upload-image-loading'
+        className: 'upload-image-loading'
       }) : jsx(UploadIcon, {
-        className: 'paraui-upload-image-icon'
+        className: 'upload-image-icon'
       }), jsx("span", Object.assign({
-        className: clsx('paraui-upload-image-text', showLoading && 'paraui-upload-image-text--loading')
+        className: clsx('upload-image-text', showLoading && 'upload-image-text-loading')
       }, {
         children: showLoading ? intl({
           id: 'uploading'
@@ -677,23 +678,25 @@ var ImageUpload = function ImageUpload(props) {
 
   var renderUploadSelector = function renderUploadSelector() {
     return jsxs("div", Object.assign({
-      className: clsx('paraui-upload-image-select', showLoading && 'paraui-upload-image-select--loading')
+      className: clsx('upload-image-select', showLoading && 'upload-image-select-loading')
     }, {
       children: [jsx(RcUpload, Object.assign({}, overrideProps, {
+        prefixCls: "".concat($rcPrefixCls, "-upload")
+      }, {
         children: jsx("div", Object.assign({
-          className: 'paraui-upload-image-picture-card'
+          className: 'upload-image-picture-card'
         }, {
           children: renderUploadContent()
         }))
       })), errTip && jsx(ErrorTip, {
         message: uploadErrorMsg,
-        className: 'paraui-upload-error--image'
+        className: "".concat($prefixCls, "-upload-error-image")
       })]
     }));
   };
 
   return jsxs("div", Object.assign({
-    className: clsx('paraui-upload-image', className),
+    className: clsx("".concat($prefixCls, "-upload-image"), className),
     style: style
   }, {
     children: [renderUploadList(), renderUploadSelector()]
@@ -706,7 +709,7 @@ var Dragger = function Dragger(props) {
   }));
 };
 
-var PREFIX = 'paraui-img-crop';
+var PREFIX = "".concat($prefixCls, "-img-crop");
 var INIT_ZOOM = 1;
 var ZOOM_STEP = 0.1;
 var INIT_ROTATE = 0;
@@ -724,6 +727,7 @@ var EasyCrop = /*#__PURE__*/forwardRef(function (props, ref) {
       rotate = props.rotate,
       minZoom = props.minZoom,
       maxZoom = props.maxZoom,
+      fixedCropSize = props.fixedCropSize,
       cropperProps = props.cropperProps;
 
   var _useState = useState({
@@ -765,6 +769,7 @@ var EasyCrop = /*#__PURE__*/forwardRef(function (props, ref) {
   //media 加载完成回调
 
   var onMediaLoaded = useCallback(function (mediaSize) {
+    if (fixedCropSize) return;
     var width = mediaSize.width,
         height = mediaSize.height;
     var ratioWidth = height * aspect;
@@ -799,7 +804,7 @@ var EasyCrop = /*#__PURE__*/forwardRef(function (props, ref) {
       ref: cropperRef,
       image: image,
       crop: crop,
-      cropSize: cropSize,
+      cropSize: !fixedCropSize ? cropSize : fixedCropSize,
       onCropChange: onCropChange,
       aspect: aspect,
       cropShape: shape,
@@ -870,7 +875,7 @@ 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-img-crop-modal .paraui-img-crop-container {\n  position: relative;\n  width: 100%;\n  height: 40vh;\n}\n.paraui-img-crop-modal .paraui-img-crop-control {\n  display: flex;\n  align-items: center;\n  width: 60%;\n  margin-left: auto;\n  margin-right: auto;\n}\n.paraui-img-crop-modal .paraui-img-crop-control:first-of-type {\n  margin-top: 16px;\n}\n.paraui-img-crop-modal .paraui-img-crop-control:last-of-type {\n  margin-bottom: -8px;\n}\n.paraui-img-crop-modal .paraui-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-img-crop-modal .paraui-img-crop-control button[disabled] {\n  cursor: default;\n}\n.paraui-img-crop-modal .paraui-img-crop-control button + div:only-of-type {\n  flex: 1;\n  margin: 0 8px;\n}\n.paraui-img-crop-modal .paraui-img-crop-control-zoom button {\n  font-size: 18px;\n}\n.paraui-img-crop-modal .paraui-img-crop-control-rotate button {\n  font-size: 16px;\n}\n.paraui-img-crop-modal .paraui-img-crop-control-rotate button:first-of-type {\n  transform: rotate(-20deg);\n}\n.paraui-img-crop-modal .paraui-img-crop-control-rotate button:last-of-type {\n  transform: rotate(20deg);\n}";
+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/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\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) {
@@ -901,7 +906,8 @@ var ImgCrop = /*#__PURE__*/forwardRef(function (props, ref) {
       beforeCrop = props.beforeCrop,
       onUploadFail = props.onUploadFail,
       cropperProps = props.cropperProps,
-      children = props.children;
+      children = props.children,
+      fixedCropSize = props.fixedCropSize;
   var intl = useFormatMessage('Upload', localeJson);
 
   var _useState = useState(''),
@@ -1141,7 +1147,7 @@ var ImgCrop = /*#__PURE__*/forwardRef(function (props, ref) {
                           return _context2.abrupt("return", (_d = resolveRef.current) === null || _d === void 0 ? void 0 : _d.call(resolveRef, passedFile));
 
                         case 18:
-                          (_e = resolveRef.current) === null || _e === void 0 ? void 0 : _e.call(resolveRef, newFile);
+                          (_e = resolveRef.current) === null || _e === void 0 ? void 0 : _e.call(resolveRef, newFile, passedFile);
                           _context2.next = 24;
                           break;
 
@@ -1196,6 +1202,7 @@ var ImgCrop = /*#__PURE__*/forwardRef(function (props, ref) {
           rotate: rotate,
           minZoom: minZoom,
           maxZoom: maxZoom,
+          fixedCropSize: fixedCropSize,
           cropperProps: cropperProps
         })
       }))]
@@ -1207,7 +1214,7 @@ 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-upload .rc-upload {\n  position: relative;\n  display: inline-block;\n}\n.paraui-upload--loading {\n  pointer-events: none;\n}\n.paraui-upload .paraui-button {\n  color: rgb(54, 102, 214);\n  border-color: rgb(54, 102, 214);\n}\n.paraui-upload .paraui-button:hover {\n  border-color: rgba(54, 102, 214, 0.8);\n  color: rgba(54, 102, 214, 0.8);\n}\n.paraui-upload .paraui-button--loading .start-icon {\n  animation: loadingCircle 1s infinite linear;\n}\n@keyframes loadingCircle {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n.paraui-upload-drag {\n  position: relative;\n}\n.paraui-upload-drag .rc-upload {\n  display: block;\n}\n.paraui-upload-drag--loading {\n  pointer-events: none;\n}\n.paraui-upload-drag--hover .paraui-upload-drag-container {\n  border-color: rgba(54, 102, 214, 0.4);\n  background-color: rgba(54, 102, 214, 0.05);\n}\n.paraui-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-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-upload-drag-container .paraui-upload-drag-icon {\n  line-height: 0;\n}\n.paraui-upload-drag-container .paraui-upload-drag-icon svg {\n  font-size: 48px;\n  color: rgb(54, 102, 214);\n}\n.paraui-upload-drag-container .paraui-upload-drag-icon .paraui-upload-drag-loading {\n  animation: loadingCircle 1s infinite linear;\n}\n.paraui-upload-drag-container .paraui-upload-drag-text {\n  margin: 20px 0 12px 0;\n  color: rgb(46, 55, 67);\n}\n.paraui-upload-drag-container .paraui-upload-drag-text--loading {\n  color: rgb(54, 102, 214);\n}\n.paraui-upload-drag-container .paraui-upload-drag-text-filename {\n  margin-right: 5px;\n  color: rgb(46, 55, 67);\n}\n.paraui-upload-drag-container .paraui-upload-drag-hint {\n  color: rgba(46, 55, 67, 0.7);\n  padding: 0 20px;\n  text-align: center;\n}\n@keyframes loadingCircle {\n  100% {\n    transform: rotate(360deg);\n  }\n}";
+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/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\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);
 
 var InternalUpload = function InternalUpload(props) {
@@ -1444,7 +1451,7 @@ var InternalUpload = function InternalUpload(props) {
       variant: 'outlined',
       size: size,
       startIcon: icon,
-      className: clsx(showLoading && 'paraui-button--loading')
+      className: clsx(showLoading && "".concat($prefixCls, "-button-loading"))
     }, {
       children: text
     }));
@@ -1473,13 +1480,13 @@ var InternalUpload = function InternalUpload(props) {
 
     if (showLoading) {
       areaIcon = jsx(LoadingIcon, {
-        className: 'paraui-upload-drag-loading'
+        className: 'upload-drag-loading'
       });
       areaText = jsxs("span", Object.assign({
-        className: 'paraui-upload-drag-text--loading'
+        className: 'upload-drag-text-loading'
       }, {
         children: [jsx("span", Object.assign({
-          className: 'paraui-upload-drag-text-filename'
+          className: 'upload-drag-text-filename'
         }, {
           children: (_a = curFileRef.current) === null || _a === void 0 ? void 0 : _a.name
         })), intl({
@@ -1489,19 +1496,19 @@ var InternalUpload = function InternalUpload(props) {
     }
 
     return jsx("div", Object.assign({
-      className: 'paraui-upload-drag-container'
+      className: 'upload-drag-container'
     }, {
       children: children ? children : jsxs(Fragment, {
         children: [jsx("p", Object.assign({
-          className: 'paraui-upload-drag-icon'
+          className: 'upload-drag-icon'
         }, {
           children: areaIcon
         })), jsx("p", Object.assign({
-          className: 'paraui-upload-drag-text'
+          className: 'upload-drag-text'
         }, {
           children: areaText
         })), !showLoading && jsx("p", Object.assign({
-          className: 'paraui-upload-drag-hint'
+          className: 'upload-drag-hint'
         }, {
           children: areaDesc
         }))]
@@ -1511,10 +1518,9 @@ var InternalUpload = function InternalUpload(props) {
 
 
   if (type === 'drag') {
-    var dragCls = clsx('paraui-upload-drag', className, {
-      'paraui-upload-drag--loading': showLoading,
-      'paraui-upload-drag--hover': dragState === 'dragover'
-    });
+    var _clsx;
+
+    var dragCls = clsx("".concat($prefixCls, "-upload-drag"), className, (_clsx = {}, _defineProperty(_clsx, "".concat($prefixCls, "-upload-drag-loading"), showLoading), _defineProperty(_clsx, "".concat($prefixCls, "-upload-drag-hover"), dragState === 'dragover'), _clsx));
     return jsxs("div", Object.assign({
       className: dragCls,
       onDrop: onFileDrop,
@@ -1522,19 +1528,24 @@ var InternalUpload = function InternalUpload(props) {
       onDragLeave: onFileDrop
     }, {
       children: [jsx(RcUpload, Object.assign({}, overrideProps, {
+        prefixCls: "".concat($rcPrefixCls, "-upload")
+      }, {
         children: renderDragArea()
       })), renderUploadList(), errTip && jsx(ErrorTip, {
         message: uploadErrorMsg,
-        className: 'paraui-upload-error--drag'
+        className: "".concat($prefixCls, "-upload-error-drag")
       })]
     }));
   }
 
+  var makeCls = clsx("".concat($prefixCls, "-upload"), className, showLoading && "".concat($prefixCls, "-upload-loading"));
   return jsxs("div", Object.assign({
-    className: clsx('paraui-upload', className, showLoading && 'paraui-upload--loading'),
+    className: makeCls,
     style: style
   }, {
     children: [jsxs(RcUpload, Object.assign({}, overrideProps, {
+      prefixCls: "".concat($rcPrefixCls, "-upload")
+    }, {
       children: [renderButton(), errTip && jsx(ErrorTip, {
         message: uploadErrorMsg
       })]

package/_verture/constant-bf34e6fa.js

@@ -0,0 +1,11 @@
+/**
+ * @author linhd
+ * @date 2022/8/12 5:27 PM
+ * @description 全局变量
+ */
+
+/** 组件全局class前缀 */
+var $prefixCls = 'paraui-v3';
+var $rcPrefixCls = 'component';
+
+export { $prefixCls as $, $rcPrefixCls as a };