@para-ui/core 4.0.53 → 4.0.54

package/Transfer/index.js

@@ -8,7 +8,7 @@ import ExpandLess from '@para-ui/icons/Up';
 import Down from '@para-ui/icons/Down';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
-import { _ as _slicedToArray } from '../_verture/slicedToArray-75fa4188.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-61604a6c.js';
 import { Search } from '../Search/index.js';
 import SearchIcon from '@para-ui/icons/Search';
 import AutoTips from '../AutoTips/index.js';
@@ -257,7 +257,7 @@ var Box = function Box(props) {
 };
 var Sortablejs = Sortable;
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-transfer {\n  display: flex;\n  font-size: 14px;\n  user-select: none;\n}\n.paraui-v4-transfer .blue-background-class {\n  background-color: rgb(240, 245, 255);\n}\n.paraui-v4-transfer .drag-item {\n  background: rgb(255, 255, 255) !important;\n  box-shadow: rgba(212, 218, 227, 0.4);\n}\n.paraui-v4-transfer .box {\n  border-radius: 4px;\n  border: 1px solid rgb(212, 218, 227);\n  overflow: hidden;\n}\n.paraui-v4-transfer .box .box-header {\n  background: rgb(247, 248, 250);\n  color: rgb(29, 33, 38);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding-left: 10px;\n  height: 36px;\n  border-bottom: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-transfer .box .count {\n  color: rgb(29, 33, 38);\n  letter-spacing: 1px;\n}\n.paraui-v4-transfer .box .context {\n  height: 400px;\n  overflow: auto;\n  margin-top: 4px;\n}\n.paraui-v4-transfer .box .context .item-fluctuation {\n  animation: flucturation 0.4s forwards;\n}\n.paraui-v4-transfer .box .context .item-fluctuationOrther {\n  animation: flucturationOrther 0.5s forwards;\n}\n.paraui-v4-transfer .box .context .item {\n  padding: 0px 10px;\n  height: 30px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n}\n.paraui-v4-transfer .box .context .item.item-checked:hover {\n  background-color: rgb(247, 248, 250) !important;\n}\n.paraui-v4-transfer .box .context .item.item-checked > .item-label {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-transfer .box .context .item > .item-label {\n  flex: 1;\n  overflow: hidden;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-transfer .box .context .item:hover {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-transfer .box .context .item.item-disabled:hover {\n  background: inherit;\n  cursor: no-drop;\n}\n.paraui-v4-transfer .box .context .item.item-disabled > .item-label {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-transfer .box .context .item .handle {\n  margin-left: 8px;\n  display: flex;\n  align-content: center;\n}\n.paraui-v4-transfer .box .context .item .handle .handle-line {\n  height: 12px;\n  border-left: 1px solid rgb(212, 218, 227);\n  margin: auto 10px auto 0;\n}\n.paraui-v4-transfer .box .context .item .handle svg {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-transfer .box .context .item .handle:hover svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-transfer .box .context .item-border {\n  padding-left: 6px;\n}\n.paraui-v4-transfer .box .text-field-content {\n  border: none;\n  border-radius: 0;\n  border-bottom: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-transfer .box .footer {\n  display: flex;\n  align-items: center;\n  border-top: 1px solid rgb(212, 218, 227);\n  height: 36px;\n  justify-content: space-between;\n  padding: 0 10px;\n}\n.paraui-v4-transfer .box .footer > div:nth-child(1) button {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-transfer .box .footer > div:nth-child(1) button:hover {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-transfer .box .footer > div:nth-child(1) .btn-off {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-transfer .box .footer > div:nth-child(1) .btn-off:hover {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-transfer .box .footer > div:nth-child(1) > button {\n  padding: 0;\n}\n.paraui-v4-transfer .box .footer > div:nth-child(1) > button:nth-child(2) {\n  margin-left: 16px;\n}\n.paraui-v4-transfer .moveBtn {\n  display: flex;\n  height: 500px;\n  flex-direction: column;\n  justify-content: center;\n  margin: 0 20px;\n}\n.paraui-v4-transfer .moveBtn > button {\n  background-color: rgb(46, 101, 230);\n  color: rgb(255, 255, 255);\n}\n.paraui-v4-transfer .moveBtn .btn-left {\n  margin-top: 16px;\n}\n\n@keyframes flucturation {\n  0% {\n    transform: translateY(0);\n  }\n  100% {\n    transform: translateY(36px);\n  }\n}\n@keyframes flucturationOrther {\n  0% {\n    transform: translateY(0);\n  }\n  100% {\n    transform: translateY(-36px);\n  }\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-transfer {\n  display: flex;\n  font-size: 14px;\n  user-select: none;\n}\n.paraui-v4-transfer .blue-background-class {\n  background-color: rgb(240, 245, 255);\n}\n.paraui-v4-transfer .drag-item {\n  background: rgb(255, 255, 255) !important;\n  box-shadow: rgba(212, 218, 227, 0.4);\n}\n.paraui-v4-transfer .box {\n  border-radius: 4px;\n  border: 1px solid rgb(212, 218, 227);\n  overflow: hidden;\n}\n.paraui-v4-transfer .box .box-header {\n  background: rgb(247, 248, 250);\n  color: rgb(29, 33, 38);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding-left: 10px;\n  height: 36px;\n  border-bottom: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-transfer .box .count {\n  color: rgb(29, 33, 38);\n  letter-spacing: 1px;\n}\n.paraui-v4-transfer .box .context {\n  height: 400px;\n  overflow: auto;\n  margin-top: 4px;\n}\n.paraui-v4-transfer .box .context .item-fluctuation {\n  animation: flucturation 0.4s forwards;\n}\n.paraui-v4-transfer .box .context .item-fluctuationOrther {\n  animation: flucturationOrther 0.5s forwards;\n}\n.paraui-v4-transfer .box .context .item {\n  padding: 0px 10px;\n  height: 30px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n}\n.paraui-v4-transfer .box .context .item.item-checked:hover {\n  background-color: rgb(247, 248, 250) !important;\n}\n.paraui-v4-transfer .box .context .item.item-checked > .item-label {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-transfer .box .context .item > .item-label {\n  flex: 1;\n  overflow: hidden;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-transfer .box .context .item:hover {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-transfer .box .context .item.item-disabled:hover {\n  background: inherit;\n  cursor: no-drop;\n}\n.paraui-v4-transfer .box .context .item.item-disabled > .item-label {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-transfer .box .context .item .handle {\n  margin-left: 8px;\n  display: flex;\n  align-content: center;\n}\n.paraui-v4-transfer .box .context .item .handle .handle-line {\n  height: 12px;\n  border-left: 1px solid rgb(212, 218, 227);\n  margin: auto 10px auto 0;\n}\n.paraui-v4-transfer .box .context .item .handle svg {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-transfer .box .context .item .handle:hover svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-transfer .box .context .item-border {\n  padding-left: 6px;\n}\n.paraui-v4-transfer .box .text-field-content {\n  border: none;\n  border-radius: 0;\n  border-bottom: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-transfer .box .footer {\n  display: flex;\n  align-items: center;\n  border-top: 1px solid rgb(212, 218, 227);\n  height: 36px;\n  justify-content: space-between;\n  padding: 0 10px;\n}\n.paraui-v4-transfer .box .footer > div:nth-child(1) button {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-transfer .box .footer > div:nth-child(1) button:hover {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-transfer .box .footer > div:nth-child(1) .btn-off {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-transfer .box .footer > div:nth-child(1) .btn-off:hover {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-transfer .box .footer > div:nth-child(1) > button {\n  padding: 0;\n}\n.paraui-v4-transfer .box .footer > div:nth-child(1) > button:nth-child(2) {\n  margin-left: 16px;\n}\n.paraui-v4-transfer .moveBtn {\n  display: flex;\n  height: 500px;\n  flex-direction: column;\n  justify-content: center;\n  margin: 0 20px;\n}\n.paraui-v4-transfer .moveBtn > button {\n  background-color: rgb(46, 101, 230);\n  color: rgb(255, 255, 255);\n}\n.paraui-v4-transfer .moveBtn .btn-left {\n  margin-top: 16px;\n}\n.paraui-v4-transfer .paraui-v4-transfer-container {\n  display: flex;\n}\n.paraui-v4-transfer-disabled > .paraui-v4-transfer-container {\n  position: relative;\n}\n.paraui-v4-transfer-disabled > .paraui-v4-transfer-container::before {\n  content: \"\";\n  position: absolute;\n  display: block;\n  top: -1px;\n  left: -1px;\n  width: calc(100% + 2px);\n  height: calc(100% + 2px);\n  z-index: 1;\n  background: rgba(255, 255, 255, 0.3);\n  border-radius: 4px;\n  backdrop-filter: blur(1px);\n}\n\n@keyframes flucturation {\n  0% {\n    transform: translateY(0);\n  }\n  100% {\n    transform: translateY(36px);\n  }\n}\n@keyframes flucturationOrther {\n  0% {\n    transform: translateY(0);\n  }\n  100% {\n    transform: translateY(-36px);\n  }\n}";
 styleInject(css_248z);
 
 const Transfer = props => {
@@ -282,9 +282,9 @@ const Transfer = props => {
     trim = false,
     multiple = true,
     rightIcon,
-    render = item => {}
+    render = item => {},
+    disabled
   } = props;
-  const [transData, setTransData] = useState({});
   const [leftData, setLeftData] = useState([]);
   const [rightData, setRightData] = useState([]);
   const [leftCount, setLeftCount] = useState([]);
@@ -306,12 +306,12 @@ const Transfer = props => {
   const queryAll = useCallback((checked, direction) => {
     if (direction === 'left') {
       leftData.forEach(item => {
-        if (!item.disabled && !item.hide) item.checked = checked;
+        if (!item.disabled && !item.hide && !disabled) item.checked = checked;
       });
       setLeftData([...leftData]);
     } else {
       rightData.forEach(item => {
-        if (!item.disabled && !item.hide) item.checked = checked;
+        if (!item.disabled && !item.hide && !disabled) item.checked = checked;
       });
       setRightData([...rightData]);
     }
@@ -319,12 +319,12 @@ const Transfer = props => {
   const inverse = useCallback(direction => {
     if (direction === 'left') {
       leftData.forEach(item => {
-        if (!item.disabled && !item.hide) item.checked = !item.checked;
+        if (!item.disabled && !item.hide && !disabled) item.checked = !item.checked;
       });
       setLeftData([...leftData]);
     } else {
       rightData.forEach(item => {
-        if (!item.disabled && !item.hide) item.checked = !item.checked;
+        if (!item.disabled && !item.hide && !disabled) item.checked = !item.checked;
       });
       setRightData([...rightData]);
     }
@@ -439,32 +439,27 @@ const Transfer = props => {
       return [...pre];
     });
   }, []);
-  useEffect(() => {
-    if (data.length) {
-      const leftData = {};
-      data.forEach(item => {
-        const key = item[customKey];
-        render(item);
-        leftData[key] = item;
-      });
-      setTransData(Object.assign({}, leftData));
-    }
-  }, [data]);
   useEffect(() => {
     const rData = [];
     const lData = [];
+    const leftData = {};
+    data.forEach(item => {
+      const key = item[customKey];
+      render(item);
+      leftData[key] = item;
+    });
     value === null || value === void 0 ? void 0 : value.forEach(item => {
-      if (transData[item]) {
-        rData.push(transData[item]);
-        delete transData[item];
+      if (leftData[item]) {
+        rData.push(leftData[item]);
+        delete leftData[item];
       }
     });
-    for (const key in transData) {
-      lData.push(transData[key]);
+    for (const key in leftData) {
+      lData.push(leftData[key]);
     }
     setRightData([...rData]);
     setLeftData([...lData]);
-  }, [value, transData]);
+  }, [value, data]);
   useEffect(() => {
     const arr = [];
     leftData.forEach((item, index) => {
@@ -481,103 +476,109 @@ const Transfer = props => {
     });
     setRightCount(rArr);
   }, [leftData, rightData]);
-  return jsxs("div", Object.assign({
-    className: clsx("".concat($prefixCls, "-transfer"), className)
+  return jsx("div", Object.assign({
+    className: clsx("".concat($prefixCls, "-transfer"), className, {
+      ["".concat($prefixCls, "-transfer-disabled")]: disabled
+    })
   }, {
-    children: [jsx(Box, {
-      title: titles[0],
-      queryAll: queryAll,
-      data: leftData,
-      style: style,
-      direction: "left",
-      customKey: customKey,
-      rightIcon: rightIcon,
-      onchange: onchange,
-      multiple: multiple,
-      onMove: onMove,
-      inverse: inverse,
-      onSearch: onSearch
-    }), jsxs("div", Object.assign({
-      className: "moveBtn"
+    children: jsxs("div", Object.assign({
+      className: "".concat($prefixCls, "-transfer-container")
     }, {
-      children: [jsx(Button.IconButton, Object.assign({
-        className: 'btn btn-right',
-        disabled: leftCount.length <= 0,
-        toolTipTitle: leftCount.length <= 0 ? intl({
-          id: 'rightBtnTips'
-        }) : '',
-        TooltipProps: {
-          arrow: false,
-          placement: 'bottomLeft'
-        },
-        onClick: () => {
-          onMove('right');
-        }
-      }, {
-        children: jsx(Right, {})
-      })), jsx(Button.IconButton, Object.assign({
-        className: 'btn btn-left',
-        disabled: rightCount.length <= 0 || ((_a = rightData[0]) === null || _a === void 0 ? void 0 : _a.checked) || animationsLock,
-        toolTipTitle: rightCount.length <= 0 || ((_b = rightData[0]) === null || _b === void 0 ? void 0 : _b.checked) ? intl({
-          id: 'leftBtnTips'
-        }) : '',
-        TooltipProps: {
-          arrow: false,
-          placement: 'bottomLeft'
-        },
-        onClick: () => {
-          fluctuation('up');
-        }
-      }, {
-        children: jsx(ExpandLess, {})
-      })), jsx(Button.IconButton, Object.assign({
-        className: 'btn btn-left',
-        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'
-        }) : '',
-        TooltipProps: {
-          arrow: false,
-          placement: 'bottomLeft'
-        },
-        onClick: () => {
-          fluctuation('down');
-        }
-      }, {
-        children: jsx(Down, {})
-      })), jsx(Button.IconButton, Object.assign({
-        className: 'btn btn-left',
-        disabled: rightCount.length <= 0,
-        toolTipTitle: rightCount.length <= 0 ? intl({
-          id: 'leftBtnTips'
-        }) : '',
-        TooltipProps: {
-          arrow: false,
-          placement: 'bottomLeft'
-        },
-        onClick: () => {
-          onMove('left');
-        }
+      children: [jsx(Box, {
+        title: titles[0],
+        queryAll: queryAll,
+        data: leftData,
+        style: style,
+        direction: "left",
+        customKey: customKey,
+        rightIcon: rightIcon,
+        onchange: onchange,
+        multiple: multiple,
+        onMove: onMove,
+        inverse: inverse,
+        onSearch: onSearch
+      }), jsxs("div", Object.assign({
+        className: "moveBtn"
       }, {
-        children: jsx(NavigateBefore, {})
-      }))]
-    })), jsx(Box, {
-      title: titles[1],
-      queryAll: queryAll,
-      data: rightData,
-      style: style,
-      direction: "right",
-      customKey: customKey,
-      rightIcon: rightIcon,
-      onchange: onchange,
-      multiple: multiple,
-      onMove: onMove,
-      inverse: inverse,
-      fluctuationPosition: fluctuationPosition,
-      fluctuationOrther: fluctuationOrther,
-      onEndSort: onEndSort,
-      onSearch: onSearch
-    })]
+        children: [jsx(Button.IconButton, Object.assign({
+          className: 'btn btn-right',
+          disabled: leftCount.length <= 0 || disabled,
+          toolTipTitle: leftCount.length <= 0 ? intl({
+            id: 'rightBtnTips'
+          }) : '',
+          TooltipProps: {
+            arrow: false,
+            placement: 'bottomLeft'
+          },
+          onClick: () => {
+            onMove('right');
+          }
+        }, {
+          children: jsx(Right, {})
+        })), jsx(Button.IconButton, Object.assign({
+          className: 'btn btn-left',
+          disabled: rightCount.length <= 0 || ((_a = rightData[0]) === null || _a === void 0 ? void 0 : _a.checked) || animationsLock || disabled,
+          toolTipTitle: rightCount.length <= 0 || ((_b = rightData[0]) === null || _b === void 0 ? void 0 : _b.checked) ? intl({
+            id: 'leftBtnTips'
+          }) : '',
+          TooltipProps: {
+            arrow: false,
+            placement: 'bottomLeft'
+          },
+          onClick: () => {
+            fluctuation('up');
+          }
+        }, {
+          children: jsx(ExpandLess, {})
+        })), jsx(Button.IconButton, Object.assign({
+          className: 'btn btn-left',
+          disabled: rightCount.length <= 0 || ((_c = rightData[rightData.length - 1]) === null || _c === void 0 ? void 0 : _c.checked) || animationsLock || disabled,
+          toolTipTitle: rightCount.length <= 0 || ((_d = rightData[rightData.length - 1]) === null || _d === void 0 ? void 0 : _d.checked) ? intl({
+            id: 'leftBtnTips'
+          }) : '',
+          TooltipProps: {
+            arrow: false,
+            placement: 'bottomLeft'
+          },
+          onClick: () => {
+            fluctuation('down');
+          }
+        }, {
+          children: jsx(Down, {})
+        })), jsx(Button.IconButton, Object.assign({
+          className: 'btn btn-left',
+          disabled: rightCount.length <= 0 || disabled,
+          toolTipTitle: rightCount.length <= 0 ? intl({
+            id: 'leftBtnTips'
+          }) : '',
+          TooltipProps: {
+            arrow: false,
+            placement: 'bottomLeft'
+          },
+          onClick: () => {
+            onMove('left');
+          }
+        }, {
+          children: jsx(NavigateBefore, {})
+        }))]
+      })), jsx(Box, {
+        title: titles[1],
+        queryAll: queryAll,
+        data: rightData,
+        style: style,
+        direction: "right",
+        customKey: customKey,
+        rightIcon: rightIcon,
+        onchange: onchange,
+        multiple: multiple,
+        onMove: onMove,
+        inverse: inverse,
+        fluctuationPosition: fluctuationPosition,
+        fluctuationOrther: fluctuationOrther,
+        onEndSort: onEndSort,
+        onSearch: onSearch
+      })]
+    }))
   }));
 };
 const SSortablejs = Sortablejs;

package/Tree/index.js

@@ -1,8 +1,9 @@
-import { T as Tree } from '../_verture/index-d728b0ce.js';
-export { T as default } from '../_verture/index-d728b0ce.js';
-import '../_verture/toConsumableArray-c7a8028f.js';
-import '../_verture/slicedToArray-75fa4188.js';
-import '../_verture/defineProperty-f0e15205.js';
+import { T as Tree } from '../_verture/index-320d67c4.js';
+export { T as default } from '../_verture/index-320d67c4.js';
+import '../_verture/toConsumableArray-599cd94a.js';
+import '../_verture/slicedToArray-61604a6c.js';
+import '../_verture/defineProperty-6f62bb2a.js';
+import '../_verture/typeof-adeedc13.js';
 import '../_verture/index-8ac46bd9.js';
 import '../_verture/typeof-6ec38efd.js';
 import '../_verture/tslib.es6-55ed4bd2.js';

package/Upload/index.js

@@ -4,10 +4,10 @@ import { useState, useRef, useMemo, useEffect, memo, forwardRef, useCallback, us
 import RcUpload from 'rc-upload';
 import clsx from 'clsx';
 import UploadIcon from '@para-ui/icons/UploadFile';
-import LoadingIcon from '@para-ui/icons/Loading';
-import { _ as _toConsumableArray } from '../_verture/toConsumableArray-c7a8028f.js';
-import { _ as _typeof } from '../_verture/defineProperty-f0e15205.js';
-import { _ as _slicedToArray } from '../_verture/slicedToArray-75fa4188.js';
+import Loading from '@para-ui/icons/Loading';
+import { _ as _toConsumableArray } from '../_verture/toConsumableArray-599cd94a.js';
+import { _ as _typeof } from '../_verture/typeof-adeedc13.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-61604a6c.js';
 import { r as regenerator } from '../_verture/index-8ac46bd9.js';
 import EditOutline from '@para-ui/icons/EditOutline';
 import Close from '@para-ui/icons/Close';
@@ -36,9 +36,12 @@ import { Modal } from '../Modal/index.js';
 import '../_verture/typeof-6ec38efd.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
-import '../_verture/Portal-42560ff0.js';
+import '../_verture/index-1856bbeb.js';
+import '../_verture/defineProperty-6f62bb2a.js';
+import '../_verture/Portal-502bb85e.js';
 import 'react-dom';
 import 'rc-dialog';
+import '../_verture/isEqual-30b6f859.js';
 import 'rc-motion';
 import '@para-ui/icons/Sort';
 import '@para-ui/icons/Switch';
@@ -1035,7 +1038,7 @@ var ImageUpload = function ImageUpload(props) {
       }))]
     }));
     var uploadNode = jsxs(Fragment, {
-      children: [showLoading ? jsx(LoadingIcon, {
+      children: [showLoading ? jsx(Loading, {
         className: 'upload-image-loading'
       }) : jsx(UploadIcon, {
         className: 'upload-image-icon'
@@ -1911,7 +1914,7 @@ const InternalUpload = props => {
       areaDesc = hint
     } = dragArea !== null && dragArea !== void 0 ? dragArea : {};
     if (showLoading) {
-      areaIcon = jsx(LoadingIcon, {
+      areaIcon = jsx(Loading, {
         className: 'upload-drag-loading'
       });
       areaText = jsxs("span", Object.assign({