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

package/Title/index.js

@@ -31,7 +31,7 @@ var Title = function Title(props) {
     icon = props.icon,
     link = props.link,
     _props$size = props.size,
-    size = _props$size === void 0 ? "medium" : _props$size,
+    size = _props$size === void 0 ? 'medium' : _props$size,
     className = props.className,
     collapseClassName = props.collapseClassName,
     titleTooltip = props.titleTooltip,
@@ -41,7 +41,7 @@ var Title = function Title(props) {
     style = props.style;
   var titleTextRef = useRef(null);
   var linkTextRef = useRef(null);
-  var _useState = useState("calc(100% - 20px)"),
+  var _useState = useState('calc(100% - 20px)'),
     _useState2 = _slicedToArray(_useState, 2),
     descWith = _useState2[0],
     setDescWith = _useState2[1];
@@ -93,7 +93,7 @@ var Title = function Title(props) {
         })
       })), link && jsx("a", Object.assign({
         className: "title-link",
-        target: link.target || "_blank",
+        target: link.target || '_blank',
         href: link.href,
         onClick: link.onClick,
         ref: linkTextRef

package/ToggleButton/ToggleButtonGroup.d.ts

@@ -3,7 +3,7 @@
  * @date 2021/11/23 上午11:17
  * @description toggle button group
  */
-import React, { FunctionComponent } from "react";
+import React, { FunctionComponent } from 'react';
 import './index.scss';
 export type ToggleButtonItemProps = {
     label: string;

package/ToggleButton/index.d.ts

@@ -3,7 +3,7 @@
  * @date 2021/11/23 上午9:44
  * @description toggleButton
  */
-import React, { FunctionComponent } from "react";
+import React, { FunctionComponent } from 'react';
 import ToggleButtonGroup, { ToggleButtonGroupProps, ToggleButtonItemProps } from './ToggleButtonGroup';
 import './index.scss';
 export interface ToggleButtonProps {
@@ -31,6 +31,10 @@ export interface ToggleButtonProps {
      * 是否选中
      */
     selected?: boolean;
+    /**
+     * 是否单选
+     */
+    exclusive?: boolean;
     /**
      * value
      */

package/ToggleButton/index.js

@@ -24,7 +24,7 @@ import 'dayjs';
 import '../_verture/useFormatMessage-703f8b20.js';
 import '@para-ui/core/GlobalContext';
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/23 上午9:50\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-toggle-button.paraui-v4-button-text {\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-toggle-button.paraui-v4-button-text:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-toggle-button.paraui-v4-button-text:hover[disabled] {\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-toggle-button-wrap {\n  display: inline-block;\n}\n.paraui-v4-toggle-button .toggle-button-text {\n  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-selected {\n  border-color: rgb(46, 101, 230);\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-selected:hover {\n  border-color: rgb(46, 101, 230);\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-selected[disabled] {\n  color: rgb(29, 33, 38);\n  background-color: rgb(247, 248, 250);\n  border: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-selected[disabled]:hover {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-selected[disabled]::before {\n  border-color: rgb(29, 33, 38);\n  border-top-color: transparent;\n  border-left-color: transparent;\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-selected::before {\n  content: \" \";\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  border: 8px solid rgb(46, 101, 230);\n  border-top-color: transparent;\n  border-left-color: transparent;\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-selected::after {\n  content: \" \";\n  position: absolute;\n  bottom: 2px;\n  right: 2px;\n  width: 3px;\n  height: 6px;\n  border: 2px solid rgb(255, 255, 255);\n  border-top: 0;\n  border-left: 0;\n  border-radius: 2px;\n  transform: rotate(45deg);\n}\n.paraui-v4-toggle-button-disabled.paraui-v4-toggle-button {\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-toggle-button-disabled.paraui-v4-toggle-button:hover {\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-toggle-button .toggle-button-badge {\n  position: absolute;\n  right: 0;\n  bottom: 16px;\n}\n.paraui-v4-toggle-button .toggle-button-badge > div {\n  position: absolute;\n  top: 0;\n  right: 0;\n  border: 8px solid rgb(46, 101, 230);\n  border-top-color: transparent;\n  border-left-color: transparent;\n}\n.paraui-v4-toggle-button .toggle-button-badge > svg {\n  position: absolute;\n  top: 7px;\n  right: 1px;\n  color: #fff;\n  font-weight: 600;\n  width: 8px;\n  height: 8px;\n}\n\n.paraui-v4-togglebutton-group {\n  display: flex;\n  flex-flow: row wrap;\n}\n.paraui-v4-togglebutton-group .paraui-v4-toggle-button {\n  margin: 0 10px;\n}\n.paraui-v4-togglebutton-group-text .paraui-v4-toggle-button {\n  margin: 0;\n  padding: 0 16px;\n}\n.paraui-v4-togglebutton-group-text .paraui-v4-toggle-button[disabled] {\n  color: rgb(29, 33, 38);\n  background-color: transparent;\n  border: 0;\n}\n.paraui-v4-togglebutton-group-text .paraui-v4-toggle-button ~ .paraui-v4-toggle-button::before {\n  position: absolute;\n  left: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  content: \"\";\n  width: 1px;\n  height: 14px;\n  background-color: rgb(212, 218, 227);\n}\n.paraui-v4-togglebutton-group-text .paraui-v4-toggle-button-selected {\n  color: rgb(46, 101, 230);\n  border: 0;\n  font-weight: 700;\n}\n.paraui-v4-togglebutton-group-text .paraui-v4-toggle-button-selected:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-togglebutton-group-text .paraui-v4-toggle-button-selected[disabled] {\n  color: rgb(29, 33, 38);\n  background-color: transparent;\n  border: 0;\n}\n.paraui-v4-togglebutton-group-text .paraui-v4-toggle-button-selected[disabled]:hover {\n  background-color: transparent;\n}\n.paraui-v4-togglebutton-group-text .paraui-v4-toggle-button-selected:first-child:before {\n  display: none;\n}\n.paraui-v4-togglebutton-group-text .paraui-v4-toggle-button-selected:not(:first-child)::before {\n  position: absolute;\n  left: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  content: \"\";\n  width: 1px;\n  height: 14px;\n  background-color: rgb(212, 218, 227);\n  border: 0;\n}\n.paraui-v4-togglebutton-group-text .paraui-v4-toggle-button-selected::after {\n  display: none;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/23 上午9:50\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-toggle-button.paraui-v4-button-text {\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-toggle-button.paraui-v4-button-text:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-toggle-button.paraui-v4-button-text:hover[disabled] {\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-toggle-button-wrap {\n  display: inline-block;\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-radio.paraui-v4-toggle-button-selected {\n  border-color: rgb(46, 101, 230);\n  color: rgb(255, 255, 255);\n  background-color: rgb(46, 101, 230);\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-radio.paraui-v4-toggle-button-selected:hover {\n  border-color: rgb(46, 101, 230);\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-radio:hover {\n  border-color: rgb(87, 131, 235);\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-radio[disabled] {\n  color: rgb(161, 168, 179);\n  background-color: rgb(255, 255, 255);\n  border: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-radio[disabled]:hover {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-radio[disabled].paraui-v4-toggle-button-selected {\n  color: rgb(29, 33, 38);\n  background-color: rgb(247, 248, 250);\n  border: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-check::before {\n  content: \" \";\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  border: 8px solid rgb(212, 218, 227);\n  border-top-color: transparent;\n  border-left-color: transparent;\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-check::after {\n  content: \" \";\n  width: 8px;\n  height: 8px;\n  background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAM5JREFUOE/NkQENwjAURFcFIAEHgIM5YCgAHCABFBAUAA5wABI2CTgABeUd+V06BqFkCeEnl6X9d7d/vy7rWK6jPvu9gfe+z9QnsHDOlV9NgHhk4gpxrvjJBogL+DtwATkG12QDxEvIG3AzcRmW/5gAgsaR+1S54peht+c8s7vxc7+OAFHCIVhBWkfLUm6VliazRsUGAzoy6YEz0LaDeItYMVrVWCJ/nVuUmHhArPuX1XoFTI4wJ8au+NYb/ziBCJZdJqoiPFfyBO+I/2twBz0qQBFvrubpAAAAAElFTkSuQmCC\");\n  background-size: 8px 8px;\n  background-repeat: no-repeat;\n  position: absolute;\n  bottom: 1px;\n  right: 1px;\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-check:hover {\n  border-color: rgb(87, 131, 235);\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-check:hover::before {\n  border-color: rgb(87, 131, 235);\n  border-top-color: transparent;\n  border-left-color: transparent;\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-check.paraui-v4-toggle-button-selected {\n  border-color: rgb(46, 101, 230);\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-check.paraui-v4-toggle-button-selected::before {\n  border-color: rgb(46, 101, 230);\n  border-top-color: transparent;\n  border-left-color: transparent;\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-check[disabled] {\n  color: rgb(161, 168, 179);\n  background-color: rgb(255, 255, 255);\n  border: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-check[disabled]::before {\n  border-color: rgb(212, 218, 227);\n  border-top-color: transparent;\n  border-left-color: transparent;\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-check[disabled]:hover {\n  color: rgb(161, 168, 179);\n  background-color: rgb(255, 255, 255);\n  border: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-check[disabled]:hover::before {\n  border-color: rgb(212, 218, 227);\n  border-top-color: transparent;\n  border-left-color: transparent;\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-check[disabled].paraui-v4-toggle-button-selected {\n  color: rgb(29, 33, 38);\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-toggle-button .toggle-button-text {\n  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.paraui-v4-toggle-button-disabled.paraui-v4-toggle-button {\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-toggle-button-disabled.paraui-v4-toggle-button:hover {\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-toggle-button .toggle-button-badge {\n  position: absolute;\n  right: 0;\n  bottom: 16px;\n}\n.paraui-v4-toggle-button .toggle-button-badge > div {\n  position: absolute;\n  top: 0;\n  right: 0;\n  border: 8px solid rgb(46, 101, 230);\n  border-top-color: transparent;\n  border-left-color: transparent;\n}\n.paraui-v4-toggle-button .toggle-button-badge > svg {\n  position: absolute;\n  top: 7px;\n  right: 1px;\n  color: #fff;\n  font-weight: 600;\n  width: 8px;\n  height: 8px;\n}\n\n.paraui-v4-togglebutton-group {\n  display: flex;\n  flex-flow: row wrap;\n}\n.paraui-v4-togglebutton-group .toggle-button-item {\n  margin: 0 10px;\n}\n.paraui-v4-togglebutton-group-text .paraui-v4-toggle-button {\n  margin: 0;\n  padding: 0 16px;\n}\n.paraui-v4-togglebutton-group-text .paraui-v4-toggle-button[disabled] {\n  color: rgb(161, 168, 179);\n  background-color: transparent;\n  border: 0;\n}\n.paraui-v4-togglebutton-group-text .paraui-v4-toggle-button[disabled]:hover {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-togglebutton-group-text .paraui-v4-toggle-button ~ .paraui-v4-toggle-button::before {\n  position: absolute;\n  left: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  content: \"\";\n  width: 1px;\n  height: 14px;\n  background-color: rgb(212, 218, 227);\n}\n.paraui-v4-togglebutton-group-text .paraui-v4-toggle-button-selected {\n  color: rgb(46, 101, 230);\n  border: 0;\n  font-weight: 700;\n}\n.paraui-v4-togglebutton-group-text .paraui-v4-toggle-button-selected:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-togglebutton-group-text .paraui-v4-toggle-button-selected[disabled] {\n  color: rgb(29, 33, 38);\n  background-color: transparent;\n  border: 0;\n}\n.paraui-v4-togglebutton-group-text .paraui-v4-toggle-button-selected[disabled]:hover {\n  background-color: transparent;\n}\n.paraui-v4-togglebutton-group-text .paraui-v4-toggle-button-selected:first-child:before {\n  display: none;\n}\n.paraui-v4-togglebutton-group-text .paraui-v4-toggle-button-selected:not(:first-child)::before {\n  position: absolute;\n  left: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  content: \"\";\n  width: 1px;\n  height: 14px;\n  background-color: rgb(212, 218, 227);\n  border: 0;\n}\n.paraui-v4-togglebutton-group-text .paraui-v4-toggle-button-selected::after {\n  display: none;\n}";
 styleInject(css_248z);
 
 //切换按钮组
@@ -86,14 +86,19 @@ var ToggleButtonGroup = function ToggleButtonGroup(props) {
         selected = item.selected,
         rest = __rest(item, ["label", "selected"]);
       var hasSelected = selected === undefined ? hasValueSelected(rest.value, value) : selected;
-      return jsx(ToggleButton, Object.assign({}, rest, {
-        style: style,
-        selected: hasSelected,
-        autoToolTipOverflow: type !== 'text',
-        variant: type === 'text' ? 'text' : 'outlined',
-        onClick: exclusive ? handleExclusiveChange : handleChange
+      return jsx("div", Object.assign({
+        className: 'toggle-button-item'
       }, {
-        children: label
+        children: jsx(ToggleButton, Object.assign({}, rest, {
+          style: style,
+          selected: hasSelected,
+          autoToolTipOverflow: type !== 'text',
+          variant: type === 'text' ? 'text' : 'outlined',
+          onClick: exclusive ? handleExclusiveChange : handleChange,
+          exclusive: exclusive
+        }, {
+          children: label
+        }))
       }), idx);
     });
   };
@@ -115,16 +120,18 @@ var ToggleButton = function ToggleButton(props) {
     toolTipTitle = props.toolTipTitle,
     _props$selected = props.selected,
     selected = _props$selected === void 0 ? false : _props$selected,
+    _props$exclusive = props.exclusive,
+    exclusive = _props$exclusive === void 0 ? false : _props$exclusive,
     value = props.value;
     props.autoToolTipOverflow;
     var width = props.width,
     onClick = props.onClick,
-    restProps = __rest(props, ["className", "style", "children", "disabled", "toolTipTitle", "selected", "value", "autoToolTipOverflow", "width", "onClick"]);
+    restProps = __rest(props, ["className", "style", "children", "disabled", "toolTipTitle", "selected", "exclusive", "value", "autoToolTipOverflow", "width", "onClick"]);
   // const [hasTip, setHasTip] = useState<boolean>(false);
   var id = useRef(UUID()).current;
   var prefixCls = "".concat($prefixCls, "-toggle-button");
   //className
-  var makeCls = clsx(prefixCls, className, (_clsx = {}, _defineProperty(_clsx, "".concat(prefixCls, "-selected"), selected), _defineProperty(_clsx, "".concat(prefixCls, "-disabled"), disabled), _clsx));
+  var makeCls = clsx(prefixCls, className, (_clsx = {}, _defineProperty(_clsx, "".concat(prefixCls, "-").concat(exclusive ? 'radio' : 'check'), (restProps === null || restProps === void 0 ? void 0 : restProps.variant) !== 'text'), _defineProperty(_clsx, "".concat(prefixCls, "-selected"), selected), _defineProperty(_clsx, "".concat(prefixCls, "-disabled"), disabled), _clsx));
   //点击事件
   var handleClick = function handleClick(evt) {
     if (onClick) onClick(evt, value);

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

@@ -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;
         }
@@ -546,7 +546,7 @@ var Transfer = function Transfer(props) {
           placement: 'bottomLeft'
         },
         onClick: function onClick() {
-          onMove("right");
+          onMove('right');
         }
       }, {
         children: jsx(Right, {})

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-bc461491.js';
+export { T as default } from '../_verture/index-bc461491.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

@@ -107,7 +107,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
             }))]
@@ -570,7 +570,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 +1000,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 +1380,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 +1393,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 +1401,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-0f315bca.js}

@@ -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
     })]
   }));