@para-ui/core 4.0.0-rc → 4.0.0-rc.2

package/Transfer/box.d.ts

@@ -1,15 +1,15 @@
-import { ReactNode, CSSProperties } from "react";
-import Sortable from "sortablejs";
+import { ReactNode, CSSProperties } from 'react';
+import Sortable from 'sortablejs';
 interface IBox {
     title: string;
     data: ItemDataProps[];
     multiple: boolean;
-    onSearch: (e: string, direction: "left" | "right") => void;
-    onchange: (e: any, bol: boolean, index: number, direction: "left" | "right", multiple: boolean) => void;
-    onMove: (direction: "left" | "right") => void;
+    onSearch: (e: string, direction: 'left' | 'right') => void;
+    onchange: (e: any, bol: boolean, index: number, direction: 'left' | 'right', multiple: boolean) => void;
+    onMove: (direction: 'left' | 'right') => void;
     queryAll: (e: any, direction: any) => void;
     inverse: (direction: any) => void;
-    direction: "left" | "right";
+    direction: 'left' | 'right';
     fluctuationPosition?: number;
     fluctuationOrther?: number;
     onEndSort?: (oldIndex: any, newIndex: any) => void;

package/Transfer/index.js

@@ -21,10 +21,10 @@ import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import '../_verture/typeof-adeedc13.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
 import '@para-ui/icons/LoadingF';
-import '@para-ui/icons/Forbid';
 import '../Tooltip/index.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
+import '@para-ui/icons/Forbid';
 import '../_verture/index-e9007d6a.js';
 import 'rc-dropdown';
 import '../_verture/usePopupContainer-87febeb9.js';
@@ -109,7 +109,7 @@ var Box = function Box(props) {
     rightIcon = props.rightIcon,
     style = props.style,
     customKey = props.customKey;
-  var intl = useFormatMessage("Transfer", localeJson);
+  var intl = useFormatMessage('Transfer', localeJson);
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
     checkCount = _useState2[0],
@@ -134,11 +134,11 @@ var Box = function Box(props) {
     setCheckCount(arr);
   }, [data]);
   useEffect(function () {
-    if (direction == "right") {
+    if (direction == 'right') {
       new Sortable(ref.current, {
         animation: 180,
-        ghostClass: "blue-background-class",
-        handle: ".handle",
+        ghostClass: 'blue-background-class',
+        handle: '.handle',
         onEnd: function onEnd(evt) {
           onEndSort === null || onEndSort === void 0 ? void 0 : onEndSort(evt.oldIndex, evt.newIndex);
         }
@@ -151,7 +151,7 @@ var Box = function Box(props) {
   }, function (e, index, item) {
     if (item === null || item === void 0 ? void 0 : item.disabled) return;
     onchange(e, true, index, direction, false);
-    onMove(direction === "right" ? "left" : "right");
+    onMove(direction === 'right' ? 'left' : 'right');
   });
   var itemStyle = function itemStyle(data) {
     var stlye = {};
@@ -159,7 +159,7 @@ var Box = function Box(props) {
       stlye.borderLeft = "4px solid ".concat(data.tagColor);
     }
     if (data === null || data === void 0 ? void 0 : data.hide) {
-      stlye.display = "none";
+      stlye.display = 'none';
     }
     return stlye;
   };
@@ -174,7 +174,7 @@ var Box = function Box(props) {
     })), jsx(Search, {
       btnType: "inside",
       placeholder: intl({
-        id: "searchPlaceholder"
+        id: 'searchPlaceholder'
       }),
       showBtn: false,
       rightIcon: jsx(SearchIcon, {}),
@@ -187,7 +187,7 @@ var Box = function Box(props) {
       },
       onEnter: function onEnter(event) {
         var _a;
-        var val = ((_a = event.target) === null || _a === void 0 ? void 0 : _a.value) || "";
+        var val = ((_a = event.target) === null || _a === void 0 ? void 0 : _a.value) || '';
         onSearch(val, direction);
       },
       allowClear: false
@@ -197,7 +197,7 @@ var Box = function Box(props) {
     }, {
       children: data.map(function (item, index) {
         return jsxs("div", Object.assign({
-          className: clsx("item", (item === null || item === void 0 ? void 0 : item.tagColor) && "item-border", (item === null || item === void 0 ? void 0 : item.disabled) && "item-disabled", (item === null || item === void 0 ? void 0 : item.checked) && "item-checked", fluctuationPosition === index && "item-fluctuation", fluctuationOrther === index && "item-fluctuationOrther"),
+          className: clsx('item', (item === null || item === void 0 ? void 0 : item.tagColor) && 'item-border', (item === null || item === void 0 ? void 0 : item.disabled) && 'item-disabled', (item === null || item === void 0 ? void 0 : item.checked) && 'item-checked', fluctuationPosition === index && 'item-fluctuation', fluctuationOrther === index && 'item-fluctuationOrther'),
           style: itemStyle(item),
           onClick: function onClick(e) {
             handler(e, index, item);
@@ -213,11 +213,11 @@ var Box = function Box(props) {
             className: "right-icon"
           }, {
             children: rightIcon(item)
-          })) : null, direction === "right" ? jsx("div", Object.assign({
+          })) : null, direction === 'right' ? jsx("div", Object.assign({
             className: "handle"
           }, {
             children: jsx(Drag, {
-              size: 'medium'
+              size: "medium"
             })
           })) : null]
         }), item[item[customKey]] || item.name);
@@ -228,24 +228,24 @@ var Box = function Box(props) {
       children: [jsxs("div", {
         children: [jsx(Button, Object.assign({
           variant: "text",
-          className: "".concat(checkCount.length === data.length - disabledCount && data.length > 0 ? "btn-on" : ""),
+          className: "".concat(checkCount.length === data.length - disabledCount && data.length > 0 ? 'btn-on' : ''),
           onClick: function onClick() {
             queryAll(checkCount.length !== data.length - disabledCount, direction);
           }
         }, {
           children: intl({
-            id: "allCheck"
+            id: 'allCheck'
           })
         })), jsx(Button, Object.assign({
           variant: "text",
-          className: "".concat(checkCount.length === 0 || checkCount.length === data.length - disabledCount ? "btn-off" : ""),
+          className: "".concat(checkCount.length === 0 || checkCount.length === data.length - disabledCount ? 'btn-off' : ''),
           disabled: checkCount.length === 0 || checkCount.length === data.length - disabledCount,
           onClick: function onClick() {
             inverse(direction);
           }
         }, {
           children: intl({
-            id: "inVertCheck"
+            id: 'inVertCheck'
           })
         }))]
       }), jsxs("div", Object.assign({
@@ -439,11 +439,11 @@ var Transfer = function Transfer(props) {
 
   var onSearch = debounce(function (e, direction) {
     var str = trim ? e.toUpperCase().trim() : e.toUpperCase();
-    if (direction === "left") {
+    if (direction === 'left') {
       leftData.forEach(function (item) {
         item.hide = false;
-        var name = (item.name || "").toUpperCase();
-        var description = (item.description || "").toUpperCase();
+        var name = (item.name || '').toUpperCase();
+        var description = (item.description || '').toUpperCase();
         if (!(name.indexOf(str) !== -1 || description.indexOf(str) !== -1)) {
           item.hide = true;
         }
@@ -452,8 +452,8 @@ var Transfer = function Transfer(props) {
     } else {
       rightData.filter(function (item) {
         item.hide = false;
-        var name = (item.name || "").toUpperCase();
-        var description = (item.description || "").toUpperCase();
+        var name = (item.name || '').toUpperCase();
+        var description = (item.description || '').toUpperCase();
         if (!(name.indexOf(str) !== -1 || description.indexOf(str) !== -1)) {
           item.hide = true;
         }
@@ -536,7 +536,6 @@ var Transfer = function Transfer(props) {
     }, {
       children: [jsx(Button.IconButton, Object.assign({
         className: 'btn btn-right',
-        variant: 'outlined',
         disabled: leftCount.length <= 0,
         toolTipTitle: leftCount.length <= 0 ? intl({
           id: 'rightBtnTips'
@@ -546,7 +545,7 @@ var Transfer = function Transfer(props) {
           placement: 'bottomLeft'
         },
         onClick: function onClick() {
-          onMove("right");
+          onMove('right');
         }
       }, {
         children: jsx(Right, {})
@@ -568,7 +567,6 @@ var Transfer = function Transfer(props) {
         children: jsx(ExpandLess, {})
       })), jsx(Button.IconButton, Object.assign({
         className: 'btn btn-left',
-        variant: 'outlined',
         disabled: rightCount.length <= 0 || ((_c = rightData[rightData.length - 1]) === null || _c === void 0 ? void 0 : _c.checked) || animationsLock,
         toolTipTitle: rightCount.length <= 0 || ((_d = rightData[rightData.length - 1]) === null || _d === void 0 ? void 0 : _d.checked) ? intl({
           id: 'leftBtnTips'
@@ -584,7 +582,6 @@ var Transfer = function Transfer(props) {
         children: jsx(Down, {})
       })), jsx(Button.IconButton, Object.assign({
         className: 'btn btn-left',
-        variant: 'outlined',
         disabled: rightCount.length <= 0,
         toolTipTitle: rightCount.length <= 0 ? intl({
           id: 'leftBtnTips'

package/Tree/OperateBar/index.d.ts

@@ -1,7 +1,7 @@
-import React, { FunctionComponent } from "react";
-import { DataNode } from "rc-tree/lib/interface";
-import { IActions, ActionType } from "../interface";
-import "./index.scss";
+import React, { FunctionComponent } from 'react';
+import { DataNode } from 'rc-tree/lib/interface';
+import { IActions, ActionType } from '../interface';
+import './index.scss';
 interface OperateBarProps {
     opRef: any;
     mouseInRef: any;

package/Tree/Tree.d.ts

@@ -1,4 +1,4 @@
-import { FunctionComponent } from "react";
-import { TreeProps } from "./interface";
+import { FunctionComponent } from 'react';
+import { TreeProps } from './interface';
 declare const Tree: FunctionComponent<TreeProps>;
 export default Tree;

package/Tree/index.js

@@ -1,5 +1,5 @@
-import { T as Tree } from '../_verture/index-47297a40.js';
-export { T as default } from '../_verture/index-47297a40.js';
+import { T as Tree } from '../_verture/index-692e29c1.js';
+export { T as default } from '../_verture/index-692e29c1.js';
 import '../_verture/toConsumableArray-8f4c9589.js';
 import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import '../_verture/defineProperty-1d116156.js';

package/Tree/interface.d.ts

@@ -3,11 +3,11 @@
  * @date 2021/10/18 下午4:20
  * @description tree interface
  */
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
 import { TreeProps as RcTreeProps } from 'rc-tree';
-import { DataNode, EventDataNode, Key } from "rc-tree/lib/interface";
-import { EmptyProps } from "../Empty";
-import { ParaRequestConfig as RequestConfig } from "@paraview/lib/http/interface";
+import { DataNode, EventDataNode, Key } from 'rc-tree/lib/interface';
+import { EmptyProps } from '../Empty';
+import { ParaRequestConfig as RequestConfig } from '@paraview/lib/http/interface';
 type HasAction = (nodeData: DataNode) => boolean;
 type ActionItem = boolean | {
     text: string;

package/Tree/utils/tools.d.ts

@@ -1,4 +1,4 @@
-import { DataNode, Key } from "rc-tree/lib/interface";
+import { DataNode, Key } from 'rc-tree/lib/interface';
 interface RFiled {
     key: string;
     parentId: string;

package/Upload/Dragger/index.d.ts

@@ -3,8 +3,8 @@
  * @date 2021/11/15 下午2:12
  * @description
  */
-import { FunctionComponent } from "react";
-import { UploadProps } from "../index";
+import { FunctionComponent } from 'react';
+import { UploadProps } from '../index';
 export type DraggerProps = Omit<UploadProps, 'type'>;
 declare const Dragger: FunctionComponent<DraggerProps>;
 export default Dragger;

package/Upload/ErroTip/index.d.ts

@@ -3,7 +3,7 @@
  * @date 2021/11/15 下午7:07
  * @description
  */
-import { FunctionComponent } from "react";
+import { FunctionComponent } from 'react';
 import './index.scss';
 interface ErrorTipProps {
     message: string;

package/Upload/index.d.ts

@@ -1,8 +1,8 @@
 import { FunctionComponent } from 'react';
 import { UploadProps } from './interface';
 import ImageUpload, { ImageUploadProps } from './ImageUpload';
-import Dragger, { DraggerProps } from "./Dragger";
-import ImgCrop, { ImgCropProps } from "./ImgCrop";
+import Dragger, { DraggerProps } from './Dragger';
+import ImgCrop, { ImgCropProps } from './ImgCrop';
 import './index.scss';
 declare const InternalUpload: FunctionComponent<UploadProps>;
 type MergedUploadType = typeof InternalUpload & {

package/Upload/index.js

@@ -39,12 +39,11 @@ import '../AutoTips/index.js';
 import 'rc-slider';
 import 'rc-dialog';
 import '@para-ui/icons/Close';
-import '../_verture/index-19947788.js';
+import '../_verture/index-05f7bf11.js';
 import 'react-dom';
 import '@para-ui/icons/CheckCircleF';
-import '@para-ui/icons/CloseCircleF';
-import '@para-ui/icons/WarningCircle';
 import '@para-ui/icons/WarningCircleF';
+import '@para-ui/icons/CloseCircleF';
 
 var css_248z$4 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/11 下午3:08\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-upload-list-text .upload-list-item {\n  margin-top: 8px;\n}\n.paraui-v4-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(29, 33, 38);\n  border-radius: 4px;\n  transition: background-color 0.3s;\n}\n.paraui-v4-upload-list-text .upload-list-item-info .upload-list-text {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n}\n.paraui-v4-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-v4-upload-list-text .upload-list-item-info .upload-list-text .upload-list-fileicon svg {\n  color: inherit;\n  font-size: inherit;\n}\n.paraui-v4-upload-list-text .upload-list-item-info .upload-list-text-name {\n  margin-left: 10px;\n}\n.paraui-v4-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-v4-upload-list-text .upload-list-item-info .upload-list-text .upload-list-actions svg {\n  color: rgb(244, 66, 66);\n  font-size: inherit;\n}\n.paraui-v4-upload-list-text .upload-list-item-info:hover {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-upload-list-text .upload-list-item-info:hover .upload-list-text .upload-list-actions {\n  visibility: visible;\n  opacity: 1;\n}\n.paraui-v4-upload-list-text .upload-list-item-info:hover .upload-list-text .upload-list-fileicon-active {\n  opacity: 0;\n}\n.paraui-v4-upload-list-picture {\n  display: inline-flex;\n  align-items: center;\n}\n.paraui-v4-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-v4-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: rgb(29, 33, 38);\n  border-radius: 4px;\n  opacity: 0;\n  transition: 0.3s;\n}\n.paraui-v4-upload-list-picture .upload-list-picture-item img {\n  width: 100%;\n  height: 100%;\n  border-radius: 4px;\n}\n.paraui-v4-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: rgb(29, 33, 38);\n  border-radius: 0 0 4px 4px;\n  color: rgb(255, 255, 255);\n  transition: 0.3s;\n}\n.paraui-v4-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-v4-upload-list-picture .upload-list-picture-item .upload-list-actions svg {\n  color: rgb(255, 255, 255);\n}\n.paraui-v4-upload-list-picture .upload-list-picture-item:hover:not(.upload-list-picture-item-readonly)::before {\n  opacity: 1;\n}\n.paraui-v4-upload-list-picture .upload-list-picture-item:hover:not(.upload-list-picture-item-readonly) .upload-list-actions {\n  opacity: 1;\n}\n.paraui-v4-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);
@@ -107,7 +106,7 @@ var UploadList = function UploadList(props) {
             }, {
               children: isImage ? jsx(PhotoIcon, {}) : jsx(TextIcon, {})
             })), renderActions(file), jsx("span", Object.assign({
-              className: "upload-list-text-name"
+              className: 'upload-list-text-name'
             }, {
               children: file.name
             }))]
@@ -274,7 +273,7 @@ var localeJson = {
   en: en
 };
 
-var css_248z$2 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/11 下午7:31\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-upload-image {\n  display: inline-flex;\n  align-items: center;\n  /*&-border {\n    .upload-image-select{\n      border: 2px dashed $NA1;\n\n      &:hover {\n        border: 2px dashed $NPT8;\n      }\n    }\n  }*/\n}\n.paraui-v4-upload-image .upload-image-select {\n  position: relative;\n  width: 100px;\n  height: 100px;\n  background-color: rgb(247, 248, 250);\n  border-radius: 4px;\n  cursor: pointer;\n  transition: 0.3s;\n}\n.paraui-v4-upload-image .upload-image-select-loading {\n  pointer-events: none;\n}\n.paraui-v4-upload-image .upload-image-select .component-upload {\n  display: inline-block;\n  width: 100%;\n  height: 100%;\n}\n.paraui-v4-upload-image .upload-image-select:hover .upload-image-picture-card {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-upload-image .upload-image-picture-card {\n  display: inline-flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  justify-content: center;\n  color: rgb(29, 33, 38);\n  font-size: 14px;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  cursor: default;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper img {\n  width: 100%;\n  height: 100%;\n  border-radius: 4px;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper::before {\n  content: \" \";\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  top: 0;\n  background-color: rgb(29, 33, 38);\n  border-radius: 4px;\n  opacity: 0;\n  transition: 0.3s;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper-name {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  padding: 0 10px;\n  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: rgb(29, 33, 38);\n  border-radius: 0 0 4px 4px;\n  color: rgb(255, 255, 255);\n  transition: 0.3s;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper-action {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  opacity: 0;\n  line-height: 0;\n  cursor: pointer;\n  transition: 0.3s;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper-action svg {\n  color: rgb(255, 255, 255);\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper:hover::before {\n  opacity: 1;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper:hover .upload-img-wrapper-name {\n  opacity: 0;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper:hover .upload-img-wrapper-action {\n  opacity: 1;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-image-icon {\n  color: rgb(46, 101, 230);\n  font-size: 30px;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-image-loading {\n  color: rgb(46, 101, 230);\n  font-size: 30px;\n  animation: imageLoadingCircle 1s infinite linear;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-image-text {\n  margin-top: 6px;\n  color: inherit;\n  transition: 0.3s;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-image-text-loading {\n  color: rgb(46, 101, 230);\n}\n@keyframes imageLoadingCircle {\n  100% {\n    transform: rotate(360deg);\n  }\n}";
+var css_248z$2 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/11 下午7:31\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-upload-image {\n  display: inline-flex;\n  align-items: center;\n  /* &-border {\n    .upload-image-select{\n      border: 2px dashed $NA1;\n\n      &:hover {\n        border: 2px dashed $NPT8;\n      }\n    }\n  } */\n}\n.paraui-v4-upload-image .upload-image-select {\n  position: relative;\n  width: 100px;\n  height: 100px;\n  cursor: pointer;\n  background-color: rgb(247, 248, 250);\n  border-radius: 4px;\n  transition: 0.3s;\n}\n.paraui-v4-upload-image .upload-image-select-loading {\n  pointer-events: none;\n}\n.paraui-v4-upload-image .upload-image-select .component-upload {\n  display: inline-block;\n  width: 100%;\n  height: 100%;\n}\n.paraui-v4-upload-image .upload-image-select:hover .upload-image-picture-card {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-upload-image .upload-image-picture-card {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  cursor: default;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper img {\n  width: 100%;\n  height: 100%;\n  border-radius: 4px;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper::before {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  content: \" \";\n  background-color: rgb(29, 33, 38);\n  border-radius: 4px;\n  opacity: 0;\n  transition: 0.3s;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper-name {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  padding: 0 10px;\n  overflow: hidden;\n  font-size: 12px;\n  line-height: 24px;\n  color: rgb(255, 255, 255);\n  text-align: center;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  background-color: rgb(29, 33, 38);\n  border-radius: 0 0 4px 4px;\n  transition: 0.3s;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper-action {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  line-height: 0;\n  cursor: pointer;\n  opacity: 0;\n  transition: 0.3s;\n  transform: translate(-50%, -50%);\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper-action svg {\n  color: rgb(255, 255, 255);\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper:hover::before {\n  opacity: 1;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper:hover .upload-img-wrapper-name {\n  opacity: 0;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper:hover .upload-img-wrapper-action {\n  opacity: 1;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-image-icon {\n  font-size: 30px;\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-image-loading {\n  font-size: 30px;\n  color: rgb(46, 101, 230);\n  animation: imageLoadingCircle 1s infinite linear;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-image-text {\n  margin-top: 6px;\n  color: inherit;\n  text-align: center;\n  transition: 0.3s;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-image-text-loading {\n  color: rgb(46, 101, 230);\n}\n@keyframes imageLoadingCircle {\n  100% {\n    transform: rotate(360deg);\n  }\n}";
 styleInject(css_248z$2);
 
 //ImageUpload
@@ -570,7 +569,7 @@ var ImageUpload = function ImageUpload(props) {
           src: avatar.imageUrl,
           alt: (_a = avatar.imageName) !== null && _a !== void 0 ? _a : ''
         }), avatar.imageName && jsx("span", Object.assign({
-          className: "upload-img-wrapper-name"
+          className: 'upload-img-wrapper-name'
         }, {
           children: avatar.imageName
         })), jsx("span", Object.assign({
@@ -1000,11 +999,11 @@ var ImgCrop = /*#__PURE__*/forwardRef(function (props, ref) {
               });
             }; // get the new image
             _fileRef$current = fileRef.current, type = _fileRef$current.type, name = _fileRef$current.name, uid = _fileRef$current.uid;
-            if (/svg/ig.test(type)) {
+            if (/svg/gi.test(type)) {
               //svg 转为 png
               type = 'image/png';
               idx = name.lastIndexOf('.');
-              if (idx > -1) name = name.substring(0, idx) + '.png';
+              if (idx > -1) name = "".concat(name.substring(0, idx), ".png");
             }
             //转为blob
             onBlob = function onBlob(blob) {
@@ -1380,7 +1379,7 @@ var InternalUpload = function InternalUpload(props) {
         className: 'upload-drag-text-loading'
       }, {
         children: [jsx("span", Object.assign({
-          className: 'upload-drag-text-filename'
+          className: "upload-drag-text-filename"
         }, {
           children: (_a = curFileRef.current) === null || _a === void 0 ? void 0 : _a.name
         })), intl({
@@ -1393,7 +1392,7 @@ var InternalUpload = function InternalUpload(props) {
     }, {
       children: children ? children : jsxs(Fragment, {
         children: [jsx("p", Object.assign({
-          className: 'upload-drag-icon'
+          className: "upload-drag-icon"
         }, {
           children: areaIcon
         })), jsx("p", Object.assign({
@@ -1401,7 +1400,7 @@ var InternalUpload = function InternalUpload(props) {
         }, {
           children: areaText
         })), !showLoading && jsx("p", Object.assign({
-          className: 'upload-drag-hint'
+          className: "upload-drag-hint"
         }, {
           children: areaDesc
         }))]

package/Upload/interface.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from "react";
+import React, { ReactNode } from 'react';
 import { RcFile as OriRcFile, Action, UploadRequestMethod, UploadRequestHeader, BeforeUploadFileType, UploadRequestOption } from 'rc-upload/lib/interface';
 type UploadType = 'drag' | 'select';
 export type { BeforeUploadFileType };

package/_verture/{index-8469865e.js → index-024bbc9b.js}

@@ -35,7 +35,7 @@ var colorCardSketchList = colorCardList.map(function (color) {
   };
 });
 
-var css_248z$3 = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-compact-picker > div > div {\n  box-shadow: unset !important;\n}\n.paraui-v4-compact-picker .compact-picker {\n  width: 220px !important;\n  box-shadow: 0px 2px 8px 0px #eaecf1 !important;\n}\n.paraui-v4-compact-picker .compact-picker > div > span > div {\n  width: 14px !important;\n  height: 14px !important;\n  margin-right: 4px !important;\n  margin-bottom: 4px !important;\n  box-shadow: unset !important;\n  border: 1px solid rgba(29, 33, 38, 0.4);\n  border-radius: 2px !important;\n}\n.paraui-v4-compact-picker .compact-picker > div > span > div > div {\n  inset: 4px !important;\n  background: rgb(255, 255, 255) !important;\n}\n.paraui-v4-compact-picker .compact-picker > div > span > div[title=\"#FFFFFF\"] > div {\n  background: rgb(0, 0, 0) !important;\n}";
+var css_248z$3 = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-compact-picker > div > div {\n  box-shadow: unset !important;\n}\n.paraui-v4-compact-picker .compact-picker {\n  width: 220px !important;\n  box-shadow: 0px 2px 8px 0px #eaecf1 !important;\n  padding-top: 10px !important;\n  padding-left: 10px !important;\n  padding-right: 6px !important;\n}\n.paraui-v4-compact-picker .compact-picker > div > span > div {\n  width: 14px !important;\n  height: 14px !important;\n  margin-right: 4px !important;\n  margin-bottom: 4px !important;\n  box-shadow: unset !important;\n  border: 1px solid rgba(29, 33, 38, 0.4);\n  border-radius: 2px !important;\n}\n.paraui-v4-compact-picker .compact-picker > div > span > div > div {\n  inset: 4px !important;\n  background: rgb(255, 255, 255) !important;\n}\n.paraui-v4-compact-picker .compact-picker > div > span > div[title=\"#FFFFFF\"] > div {\n  background: rgb(0, 0, 0) !important;\n}\n.paraui-v4-compact-picker .compact-picker > div:nth-child(2) > div:nth-child(1) {\n  top: 4px !important;\n  left: 0px !important;\n  height: 12px !important;\n  width: 12px !important;\n}\n.paraui-v4-compact-picker .compact-picker > div:nth-child(2) > div > label {\n  color: rgb(92, 101, 115) !important;\n}";
 styleInject(css_248z$3);
 
 var CompactPicker = function CompactPicker(props) {
@@ -125,7 +125,7 @@ var SketchPicker = function SketchPicker(props) {
     className: clsx("".concat($prefixCls, "-sketch-picker"), className)
   }, {
     children: [jsx(SketchPicker$1, Object.assign({
-      width: '100%',
+      width: "100%",
       styles: {
         default: {
           picker: {
@@ -138,7 +138,7 @@ var SketchPicker = function SketchPicker(props) {
     }, props, {
       onChange: onPickerChange
     })), clear && jsx("div", {
-      className: 'square',
+      className: "square",
       onClick: onClearCallback
     })]
   }));

package/_verture/{index-19947788.js → index-05f7bf11.js}

@@ -10,7 +10,9 @@ var zh = {
 
 var defaultModalLocale = {
   zh: zh,
-  en: en
+  en: en,
+  'zh-CN': zh,
+  'en-US': en
 };
 
 export { defaultModalLocale as d };