@para-ui/core 3.0.1 → 3.0.2-beta

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;
@@ -870,7 +873,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) {
@@ -1141,7 +1144,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;
 
@@ -1207,7 +1210,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 +1447,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 +1476,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 +1492,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 +1514,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 +1524,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 };

package/_verture/{index-abfdd262.js → index-08b7101b.js}

@@ -17,6 +17,7 @@ import { ComboSelect } from '../ComboSelect/index.js';
 import HelperText from '../HelperText/index.js';
 import clsx from 'clsx';
 import Label from '../Label/index.js';
+import { $ as $prefixCls } from './constant-bf34e6fa.js';
 
 var FormRadioGroup = function FormRadioGroup(props) {
   var defaultValue = props.defaultValue,
@@ -41,7 +42,8 @@ var FormRadioGroup = function FormRadioGroup(props) {
 
   return jsx(RadioGroup, Object.assign({
     value: selectValue,
-    onChange: changeValue
+    onChange: changeValue,
+    hideErrorDom: true
   }, props));
 };
 
@@ -73,7 +75,8 @@ var FormSelect = function FormSelect(props) {
   }, [value]);
   return jsx(Select, Object.assign({
     labelMode: "inside",
-    onChange: changeValue
+    onChange: changeValue,
+    hideErrorDom: true
   }, props, {
     value: selectValue
   }));
@@ -102,7 +105,8 @@ var FormCheckboxGroup = function FormCheckboxGroup(props) {
 
   return jsx(CheckboxGroup, Object.assign({
     value: selectValue,
-    onChange: changeValue
+    onChange: changeValue,
+    hideErrorDom: true
   }, props));
 };
 
@@ -263,12 +267,12 @@ var validate = function validate(item, val) {
   return false;
 };
 
-var css_248z$1 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-file-box {\n  padding: 6px;\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n}\n.paraui-file-box .para-file-tips {\n  min-height: 20px;\n  position: relative;\n  padding: 6px;\n}\n.paraui-file-box .para-file-tips .file-tips-item {\n  position: relative;\n  height: 20px;\n  line-height: 16px;\n  padding-right: 20px;\n}\n.paraui-file-box .para-file-tips .file-tips-item > [data-name=LinkGroup] {\n  vertical-align: middle;\n  margin-right: 9px;\n}\n.paraui-file-box .para-file-tips .file-tips-item .file-tips-context {\n  display: inline-block;\n  vertical-align: middle;\n  width: calc(100% - 45px);\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-file-box .para-file-tips .file-tips-item > [data-name=Delete] {\n  display: none;\n  vertical-align: middle;\n  cursor: pointer;\n  position: absolute;\n  right: 3px;\n  top: 2px;\n}\n.paraui-file-box .para-file-tips .file-tips-item > [data-name=Delete]:hover {\n  opacity: 0.8;\n}\n.paraui-file-box .para-file-tips .file-tips-item:hover {\n  backgroundColor: #f5f5f5;\n}\n.paraui-file-box .para-file-tips .file-tips-item:hover > [data-name=Delete] {\n  display: inline-block;\n}";
+var css_248z$1 = "@charset \"UTF-8\";\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.form-file {\n  padding: 6px;\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n}\n.form-file .file-tips {\n  min-height: 20px;\n  position: relative;\n  padding: 6px;\n}\n.form-file .file-tips .file-tips-item {\n  position: relative;\n  height: 20px;\n  line-height: 16px;\n  padding-right: 20px;\n}\n.form-file .file-tips .file-tips-item > [data-name=LinkGroup] {\n  vertical-align: middle;\n  margin-right: 9px;\n}\n.form-file .file-tips .file-tips-item .file-tips-context {\n  display: inline-block;\n  vertical-align: middle;\n  width: calc(100% - 45px);\n  color: rgba(46, 55, 67, 0.7);\n}\n.form-file .file-tips .file-tips-item > [data-name=Delete] {\n  display: none;\n  vertical-align: middle;\n  cursor: pointer;\n  position: absolute;\n  right: 3px;\n  top: 2px;\n}\n.form-file .file-tips .file-tips-item > [data-name=Delete]:hover {\n  opacity: 0.8;\n}\n.form-file .file-tips .file-tips-item:hover {\n  backgroundColor: #f5f5f5;\n}\n.form-file .file-tips .file-tips-item:hover > [data-name=Delete] {\n  display: inline-block;\n}";
 styleInject(css_248z$1);
 
 /**
-* 文件组件
-*/
+ * 文件组件
+ */
 
 var FormFile = function FormFile(props) {
   var _props$fileType = props.fileType,
@@ -280,14 +284,14 @@ var FormFile = function FormFile(props) {
       inputProps = props.inputProps,
       buttonProps = props.buttonProps;
   /**
-  * 存储文件输入框真实dom
-  * @type {HTMLInputElement}
-  */
+   * 存储文件输入框真实dom
+   * @type {HTMLInputElement}
+   */
 
   var inputFileEl = React__default.useRef(null);
   /**
-  * 模拟点击选择文件
-  */
+   * 模拟点击选择文件
+   */
 
   var inputFileClick = function inputFileClick() {
     var _a;
@@ -296,8 +300,8 @@ var FormFile = function FormFile(props) {
     (_a = inputFileEl.current) === null || _a === void 0 ? void 0 : _a.click();
   };
   /**
-  * 文件改变
-  */
+   * 文件改变
+   */
 
 
   var fileChange = function fileChange(value) {
@@ -307,9 +311,9 @@ var FormFile = function FormFile(props) {
     if (value === null) inputFileEl.current.value = null;
   };
   /**
-  * @type {string}
-  * 已选择的文件
-  */
+   * @type {string}
+   * 已选择的文件
+   */
 
 
   var _React$useState = React__default.useState(),
@@ -317,8 +321,8 @@ var FormFile = function FormFile(props) {
       selectedFile = _React$useState2[0],
       setSelectedFile = _React$useState2[1];
   /**
-  * 初始化操作
-  */
+   * 初始化操作
+   */
 
 
   React__default.useEffect(function () {
@@ -331,7 +335,7 @@ var FormFile = function FormFile(props) {
     }
   }, [defaultValue]);
   return jsxs("div", Object.assign({
-    className: 'para-file-box paraui-file-box'
+    className: 'form-file'
   }, {
     children: [!disabled && jsx(Button, Object.assign({
       variant: "outlined"
@@ -348,7 +352,7 @@ var FormFile = function FormFile(props) {
       hidden: true,
       accept: typeof fileType === 'string' ? fileType : fileType.join(',')
     })), selectedFile && selectedFile[0] && jsx("div", Object.assign({
-      className: "para-file-tips ".concat(disabled && 'para-file-tips-disabled' || '')
+      className: "file-tips ".concat(disabled && 'file-tips-disabled' || '')
     }, {
       children: jsxs("div", Object.assign({
         className: "file-tips-item"
@@ -397,7 +401,8 @@ var DefaultCompoments = function DefaultCompoments(props) {
     error: error,
     placeholder: placeholder,
     value: dValue,
-    disabled: disabled
+    disabled: disabled,
+    hideErrorDom: true
   }, inputProps), {
     onChange: function onChange(e) {
       var _a;
@@ -561,6 +566,7 @@ var ItemType = function ItemType(props) {
           multiline: true,
           rows: 3,
           name: name,
+          hideErrorDom: true,
           onChange: function onChange(e) {
             validateFunction(e.target.value);
           }
@@ -573,6 +579,7 @@ var ItemType = function ItemType(props) {
           defaultValue: backData[name],
           disabled: disabled,
           name: name,
+          hideErrorDom: true,
           onChange: function onChange(val) {
             validateFunction(val);
           }
@@ -612,6 +619,7 @@ var ItemType = function ItemType(props) {
             validateFunction(e.target.value);
           },
           name: name,
+          hideErrorDom: true,
           disabled: disabled
         }, inputProps));
     }
@@ -650,15 +658,26 @@ var ErrorTips = function ErrorTips(props) {
     getSetError && getSetError(setErrorTips);
   }, [getSetError]);
   return jsx(HelperText, Object.assign({
-    className: "para-error-tips",
+    className: "error-tips",
     error: true,
     helperText: errorTips
   }, helperTextProps));
 };
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-form-item {\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n}\n.paraui-form-item .para-form-label {\n  display: inline-block;\n}\n.paraui-form-item .para-form-edit > div {\n  padding: 0;\n  width: 100%;\n}\n.paraui-form-item .para-form-edit > div .paraui-helper-text {\n  display: none;\n}\n.paraui-form-item .para-form-edit-snack > div .paraui-helper-text {\n  display: block;\n}\n.paraui-form-item .para-form-edit .paraui-input-number .paraui-text-field {\n  padding: 0px;\n}\n.paraui-form-item .para-form-edit .paraui-check-box-group > label,\n.paraui-form-item .para-form-edit .paraui-radio-group > label {\n  display: none;\n}\n.paraui-form-item .para-form-edit .paraui-check-box-group > div,\n.paraui-form-item .para-form-edit .paraui-radio-group > div {\n  margin-top: 4px;\n}\n.paraui-form-item .para-form-content-vertical {\n  display: inline-block;\n  width: 100%;\n}";
+var css_248z = "@charset \"UTF-8\";\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-form-item {\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n}\n.paraui-v3-form-item.paraui-v3-form-item-checkGroup .form-label .form-labe-text, .paraui-v3-form-item.paraui-v3-form-item-radioGroup .form-label .form-labe-text {\n  margin-bottom: 4px;\n}\n.paraui-v3-form-item .form-label {\n  display: inline-block;\n}\n.paraui-v3-form-item .form-edit > div {\n  padding: 0;\n  width: 100%;\n}\n.paraui-v3-form-item .form-content-vertical {\n  display: inline-block;\n  width: 100%;\n}";
 styleInject(css_248z);
 
+var formInputTypeJson = {
+  checkGroup: true,
+  select: true,
+  radioGroup: true,
+  textarea: true,
+  default: true,
+  switch: true,
+  number: true,
+  file: true,
+  comboSelect: true
+};
 /**
  * form 表单单行组件
  * @author zhanzl
@@ -715,7 +734,7 @@ var FormItem = function FormItem(props) {
 
   var TypeLayout = function TypeLayout(props) {
     return type === 'vertical' ? jsx("div", Object.assign({
-      className: "para-form-content-vertical para-form-content-vertical-".concat(name),
+      className: "form-content-vertical form-content-vertical-".concat(name),
       style: {
         width: "calc(100% - ".concat(labelWidth, "px)")
       }
@@ -724,25 +743,38 @@ var FormItem = function FormItem(props) {
     })) : props.children;
   };
   /**
-  * 展示label
-  */
+   * 展示label
+   */
 
 
   var showLabel = React__default.useCallback(function () {
     if (!label) return '';
     return typeof label === 'string' ? label : label(props);
   }, [label]);
+  /** 处理className */
+
+  var handClass = function handClass() {
+    var str = "".concat($prefixCls, "-form-item ").concat($prefixCls, "-form-item-").concat(name);
+    if (className) str += ' ' + className;
+
+    if (typeof InputType === 'string' && formInputTypeJson[InputType]) {
+      str += " ".concat($prefixCls, "-form-item-").concat(InputType);
+    }
+
+    return str;
+  };
+
   return jsxs("div", Object.assign({
-    className: "para-form-item paraui-form-item paraui-form-item-".concat(name, " ").concat(className)
+    className: handClass()
   }, {
     children: [!hideLabel && jsx("div", Object.assign({
-      className: clsx("para-form-label para-form-label-".concat(name), type === 'vertical' && 'para-form-label-vertical'),
+      className: clsx("form-label form-label-".concat(name), type === 'vertical' && 'form-label-vertical'),
       style: {
         width: type === 'vertical' ? "".concat(labelWidth, "px") : ''
       }
     }, {
       children: jsx(Label, Object.assign({
-        className: clsx('para-form-labe-text', tips && 'para-form-labe-text-hastips'),
+        className: clsx('form-labe-text', tips && 'form-labe-text-hastips'),
         label: showLabel(),
         required: !!((_b = (_a = props === null || props === void 0 ? void 0 : props.rules) === null || _a === void 0 ? void 0 : _a.validate) === null || _b === void 0 ? void 0 : _b.required),
         tooltip: tips,
@@ -750,7 +782,7 @@ var FormItem = function FormItem(props) {
       }, labelProps))
     })), jsxs(TypeLayout, {
       children: [jsx("div", Object.assign({
-        className: "para-form-edit para-form-edit-".concat(name)
+        className: "form-edit form-edit-".concat(name)
       }, {
         children: !props.children ? jsx(ItemType, Object.assign({
           setError: setError,
@@ -761,7 +793,7 @@ var FormItem = function FormItem(props) {
           setValue: setValue
         })) : props.children
       })), !hideError && jsx("div", Object.assign({
-        className: "para-form-error para-form-error-".concat(name)
+        className: "form-error form-error-".concat(name)
       }, {
         children: jsx(ErrorTips, {
           getSetError: function getSetError(fuc) {