@para-ui/core 4.0.0-rc.4 → 4.0.0-rc.6

package/Tooltip/index.js

@@ -1,14 +1,12 @@
-import { _ as _slicedToArray } from '../_verture/slicedToArray-a8206399.js';
 import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import React__default from 'react';
 import RcTooltip from 'rc-tooltip';
 import { placements } from 'rc-tooltip/lib/placements';
 import clsx from 'clsx';
-import { a as $rcPrefixCls, $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
+import { a as $rcPrefixCls, $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import Forbid from '@para-ui/icons/Forbid';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
-import '../_verture/unsupportedIterableToArray-cb478f24.js';
 
 //自动调整位置
 var autoAdjustOverflowEnabled = {
@@ -200,31 +198,27 @@ var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/5/25 下
 styleInject(css_248z);
 
 //tooltip
-var Tooltip = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
+const Tooltip = /*#__PURE__*/React__default.forwardRef((props, ref) => {
   var _a;
-  var _React$useState = React__default.useState(props.defaultVisible),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    visible = _React$useState2[0],
-    setVisible = _React$useState2[1]; //是否显示
-  var wrapRef = React__default.useRef(); //锚点
-  var tRef = React__default.useRef(); //实例
-  var _React$useState3 = React__default.useState([0, 0]),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    targetOffset = _React$useState4[0],
-    setTargetOffset = _React$useState4[1];
-  React__default.useEffect(function () {
+  const [visible, setVisible] = React__default.useState(props.defaultVisible); //是否显示
+  const wrapRef = React__default.useRef(); //锚点
+  const tRef = React__default.useRef(); //实例
+  const [targetOffset, setTargetOffset] = React__default.useState([0, 0]);
+  React__default.useEffect(() => {
     var _a;
     if ('visible' in props || 'open' in props) {
       setVisible(!!((_a = props.visible) !== null && _a !== void 0 ? _a : props.open));
     }
   }, [(_a = props.visible) !== null && _a !== void 0 ? _a : props.open]);
   //no title
-  var isUntitled = function isUntitled() {
-    var title = props.title;
+  const isUntitled = () => {
+    const {
+      title
+    } = props;
     return !title && title !== 0;
   };
   //浮层切换时回调
-  var onVisibleChange = function onVisibleChange(vis) {
+  const onVisibleChange = vis => {
     var _a;
     if (!('visible' in props || 'open' in props)) {
       setVisible(isUntitled() ? false : vis);
@@ -234,26 +228,26 @@ var Tooltip = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     }
   };
   //tooltip 弹出位置
-  var getTooltipPlacements = function getTooltipPlacements() {
-    var builtinPlacements = props.builtinPlacements,
-      autoAdjustOverflow = props.autoAdjustOverflow;
+  const getTooltipPlacements = () => {
+    const {
+      builtinPlacements,
+      autoAdjustOverflow
+    } = props;
     return builtinPlacements || getPlacements({
-      autoAdjustOverflow: autoAdjustOverflow
+      autoAdjustOverflow
     });
   };
   // 动态设置动画点
-  var onPopupAlign = function onPopupAlign(domNode, align) {
-    var placements = getTooltipPlacements();
+  const onPopupAlign = (domNode, align) => {
+    const placements = getTooltipPlacements();
     // 当前返回的位置
-    var placement = Object.keys(placements).find(function (key) {
-      return placements[key].points[0] === align.points[0] && placements[key].points[1] === align.points[1];
-    });
+    const placement = Object.keys(placements).find(key => placements[key].points[0] === align.points[0] && placements[key].points[1] === align.points[1]);
     if (!placement) {
       return;
     }
     // 根据当前坐标设置动画点
-    var rect = domNode.getBoundingClientRect();
-    var transformOrigin = {
+    const rect = domNode.getBoundingClientRect();
+    const transformOrigin = {
       top: '50%',
       left: '50%'
     };
@@ -270,44 +264,46 @@ var Tooltip = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     domNode.style.transformOrigin = "".concat(transformOrigin.left, " ").concat(transformOrigin.top);
   };
   //跟随光标
-  var handleMouseMove = function handleMouseMove(e) {
+  const handleMouseMove = e => {
     var _a, _b, _c, _d;
     if (wrapRef.current) {
-      var popupHeight = ((_d = (_c = (_b = (_a = tRef.current) === null || _a === void 0 ? void 0 : _a.popupRef) === null || _b === void 0 ? void 0 : _b.current) === null || _c === void 0 ? void 0 : _c.getElement()) === null || _d === void 0 ? void 0 : _d.offsetHeight) || 0;
-      var cursorSpace = popupHeight === 0 ? 60 : 30;
-      var _wrapRef$current$getB = wrapRef.current.getBoundingClientRect(),
-        x = _wrapRef$current$getB.x,
-        y = _wrapRef$current$getB.y,
-        width = _wrapRef$current$getB.width;
-      var newX = e.clientX - (x + width / 2);
-      var newY = e.clientY - y + popupHeight + cursorSpace;
-      setTimeout(function () {
+      const popupHeight = ((_d = (_c = (_b = (_a = tRef.current) === null || _a === void 0 ? void 0 : _a.popupRef) === null || _b === void 0 ? void 0 : _b.current) === null || _c === void 0 ? void 0 : _c.getElement()) === null || _d === void 0 ? void 0 : _d.offsetHeight) || 0;
+      const cursorSpace = popupHeight === 0 ? 60 : 30;
+      const {
+        x,
+        y,
+        width
+      } = wrapRef.current.getBoundingClientRect();
+      const newX = e.clientX - (x + width / 2);
+      const newY = e.clientY - y + popupHeight + cursorSpace;
+      setTimeout(() => {
         setTargetOffset([-newX, -newY]);
       });
     }
   };
-  var _props$prefixCls = props.prefixCls,
-    prefixCls = _props$prefixCls === void 0 ? "".concat($rcPrefixCls, "-tooltip") : _props$prefixCls,
-    getPopupContainer = props.getPopupContainer,
-    overlayClassName = props.overlayClassName,
-    overlayInnerStyle = props.overlayInnerStyle,
-    overlayStyle = props.overlayStyle,
-    children = props.children,
-    title = props.title,
-    placement = props.placement,
-    isPopover = props.isPopover,
-    followCursor = props.followCursor,
-    maxWidth = props.maxWidth,
-    disabled = props.disabled,
+  const {
+      prefixCls = "".concat($rcPrefixCls, "-tooltip"),
+      getPopupContainer,
+      overlayClassName,
+      overlayInnerStyle,
+      overlayStyle,
+      children,
+      title,
+      placement,
+      isPopover,
+      followCursor,
+      maxWidth,
+      disabled
+    } = props,
     restProps = __rest(props, ["prefixCls", "getPopupContainer", "overlayClassName", "overlayInnerStyle", "overlayStyle", "children", "title", "placement", "isPopover", "followCursor", "maxWidth", "disabled"]);
-  var tempVisible = visible;
+  let tempVisible = visible;
   if (!('visible' in props || 'open' in props) && isUntitled()) {
     //没有title必然不可见
     tempVisible = false;
   }
   //overlayCls
-  var overlayCls = clsx(!isPopover && "".concat($prefixCls, "-tooltip"), overlayClassName);
-  var mergeOverlayStyle = Object.assign({}, overlayStyle);
+  const overlayCls = clsx(!isPopover && "".concat($prefixCls, "-tooltip"), overlayClassName);
+  const mergeOverlayStyle = Object.assign({}, overlayStyle);
   if (maxWidth) {
     mergeOverlayStyle.maxWidth = maxWidth;
   }
@@ -325,7 +321,7 @@ var Tooltip = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     }),
     visible: tempVisible,
     align: {
-      targetOffset: targetOffset
+      targetOffset
     },
     onVisibleChange: onVisibleChange,
     onPopupAlign: onPopupAlign,

package/Transfer/index.js

@@ -1,5 +1,3 @@
-import { _ as _toConsumableArray } from '../_verture/toConsumableArray-8f4c9589.js';
-import { _ as _slicedToArray } from '../_verture/slicedToArray-a8206399.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useRef, useState, useEffect, useCallback } from 'react';
 import clsx from 'clsx';
@@ -8,26 +6,25 @@ import NavigateBefore from '@para-ui/icons/Left';
 import Right from '@para-ui/icons/Right';
 import ExpandLess from '@para-ui/icons/Up';
 import Down from '@para-ui/icons/Down';
-import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
-import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
+import { u as useFormatMessage } from '../_verture/useFormatMessage-eb13cf56.js';
+import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-75fa4188.js';
 import { Search } from '../Search/index.js';
 import SearchIcon from '@para-ui/icons/Search';
 import AutoTips from '../AutoTips/index.js';
 import Drag from '@para-ui/icons/Drag';
 import { S as Sortable } from '../_verture/sortable.esm-49896035.js';
-import { d as debounce } from '../_verture/utils-418da0a4.js';
+import { d as debounce } from '../_verture/utils-c17b5265.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
-import '../_verture/unsupportedIterableToArray-cb478f24.js';
-import '../_verture/typeof-adeedc13.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
 import '@para-ui/icons/LoadingF';
 import '../Tooltip/index.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import '@para-ui/icons/Forbid';
-import '../_verture/index-e9007d6a.js';
+import '../_verture/index-da9097d3.js';
 import 'rc-dropdown';
-import '../_verture/usePopupContainer-87febeb9.js';
+import '../_verture/usePopupContainer-635f66f4.js';
 import 'dayjs';
 import '@paraview/lib';
 import '@para-ui/core/GlobalContext';
@@ -40,8 +37,7 @@ import '@para-ui/icons/PreviewOpen';
 import '@para-ui/icons/CloseCircleF';
 import '../Loading/index.js';
 import '../HelperText/index.js';
-import '../_verture/useGlobalProps-1b846a65.js';
-import '../_verture/defineProperty-1d116156.js';
+import '../_verture/useGlobalProps-1e416658.js';
 
 var en = {
   left: 'Left',
@@ -264,112 +260,80 @@ 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  scrollbar-base-color: red;\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 ::-webkit-scrollbar-thumb {\n  border-radius: 4px;\n  background: rgba(255, 255, 255, 0.5);\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}";
 styleInject(css_248z);
 
-var Transfer = function Transfer(props) {
+const Transfer = props => {
   var _a, _b, _c, _d;
-  var intl = useFormatMessage('Transfer', localeJson);
-  var _props$data = props.data,
-    data = _props$data === void 0 ? [] : _props$data,
-    value = props.value,
-    _props$customKey = props.customKey,
-    customKey = _props$customKey === void 0 ? 'key' : _props$customKey,
-    onChange = props.onChange,
-    _props$titles = props.titles,
-    titles = _props$titles === void 0 ? [intl({
+  const intl = useFormatMessage('Transfer', localeJson);
+  const {
+    data = [],
+    value,
+    customKey = 'key',
+    onChange,
+    titles = [intl({
       id: 'left'
     }), intl({
       id: 'right'
-    })] : _props$titles,
-    className = props.className,
-    _props$style = props.style,
-    style = _props$style === void 0 ? {
+    })],
+    // ['左侧', '右侧']
+    className,
+    style = {
       width: '298px'
-    } : _props$style,
-    onSort = props.onSort,
-    _props$trim = props.trim,
-    trim = _props$trim === void 0 ? false : _props$trim,
-    _props$multiple = props.multiple,
-    multiple = _props$multiple === void 0 ? true : _props$multiple,
-    rightIcon = props.rightIcon,
-    _props$render = props.render,
-    render = _props$render === void 0 ? function (item) {} : _props$render;
-  var _useState = useState({}),
-    _useState2 = _slicedToArray(_useState, 2),
-    transData = _useState2[0],
-    setTransData = _useState2[1];
-  var _useState3 = useState([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    leftData = _useState4[0],
-    setLeftData = _useState4[1];
-  var _useState5 = useState([]),
-    _useState6 = _slicedToArray(_useState5, 2),
-    rightData = _useState6[0],
-    setRightData = _useState6[1];
-  var _useState7 = useState([]),
-    _useState8 = _slicedToArray(_useState7, 2),
-    leftCount = _useState8[0],
-    setLeftCount = _useState8[1];
-  var _useState9 = useState([]),
-    _useState10 = _slicedToArray(_useState9, 2),
-    rightCount = _useState10[0],
-    setRightCount = _useState10[1];
-  var _useState11 = useState(),
-    _useState12 = _slicedToArray(_useState11, 2),
-    fluctuationPosition = _useState12[0];
-    _useState12[1];
-  var _useState13 = useState(),
-    _useState14 = _slicedToArray(_useState13, 2),
-    fluctuationOrther = _useState14[0];
-    _useState14[1];
-  var _useState15 = useState(false),
-    _useState16 = _slicedToArray(_useState15, 2),
-    animationsLock = _useState16[0],
-    setAnimationLock = _useState16[1];
-  var onchange = useCallback(function (e, bol, index, direction, multiple) {
+    },
+    onSort,
+    trim = false,
+    multiple = true,
+    rightIcon,
+    render = item => {}
+  } = props;
+  const [transData, setTransData] = useState({});
+  const [leftData, setLeftData] = useState([]);
+  const [rightData, setRightData] = useState([]);
+  const [leftCount, setLeftCount] = useState([]);
+  const [rightCount, setRightCount] = useState([]);
+  const [fluctuationPosition, setFluctuationPosition] = useState();
+  const [fluctuationOrther, setFluctuationOrther] = useState();
+  const [animationsLock, setAnimationLock] = useState(false);
+  const onchange = useCallback((e, bol, index, direction, multiple) => {
     if (direction === 'left') {
-      !multiple && leftData.forEach(function (item) {
-        return item.checked = false;
-      });
+      !multiple && leftData.forEach(item => item.checked = false);
       leftData[index].checked = bol;
-      setLeftData(_toConsumableArray(leftData));
+      setLeftData([...leftData]);
     } else {
-      !multiple && rightData.forEach(function (item) {
-        return item.checked = false;
-      });
+      !multiple && rightData.forEach(item => item.checked = false);
       rightData[index].checked = bol;
-      setRightData(_toConsumableArray(rightData));
+      setRightData([...rightData]);
     }
   }, [leftData, rightData]);
-  var queryAll = useCallback(function (checked, direction) {
+  const queryAll = useCallback((checked, direction) => {
     if (direction === 'left') {
-      leftData.forEach(function (item) {
+      leftData.forEach(item => {
         if (!item.disabled && !item.hide) item.checked = checked;
       });
-      setLeftData(_toConsumableArray(leftData));
+      setLeftData([...leftData]);
     } else {
-      rightData.forEach(function (item) {
+      rightData.forEach(item => {
         if (!item.disabled && !item.hide) item.checked = checked;
       });
-      setRightData(_toConsumableArray(rightData));
+      setRightData([...rightData]);
     }
   }, [leftData, rightData]);
-  var inverse = useCallback(function (direction) {
+  const inverse = useCallback(direction => {
     if (direction === 'left') {
-      leftData.forEach(function (item) {
+      leftData.forEach(item => {
         if (!item.disabled && !item.hide) item.checked = !item.checked;
       });
-      setLeftData(_toConsumableArray(leftData));
+      setLeftData([...leftData]);
     } else {
-      rightData.forEach(function (item) {
+      rightData.forEach(item => {
         if (!item.disabled && !item.hide) item.checked = !item.checked;
       });
-      setRightData(_toConsumableArray(rightData));
+      setRightData([...rightData]);
     }
   }, [leftData, rightData]);
-  var onMove = function onMove(direction) {
-    var newData = [];
+  const onMove = direction => {
+    let newData = [];
     if (direction === 'left') {
-      newData = _toConsumableArray(rightData);
-      newData.forEach(function (item) {
+      newData = [...rightData];
+      newData.forEach(item => {
         if ((item === null || item === void 0 ? void 0 : item.checked) && !(item === null || item === void 0 ? void 0 : item.hide)) {
           item.checked = false;
           leftData.push(item);
@@ -377,8 +341,8 @@ var Transfer = function Transfer(props) {
         }
       });
     } else {
-      newData = _toConsumableArray(leftData);
-      newData.forEach(function (item) {
+      newData = [...leftData];
+      newData.forEach(item => {
         if ((item === null || item === void 0 ? void 0 : item.checked) && !(item === null || item === void 0 ? void 0 : item.hide)) {
           item.checked = false;
           rightData.push(item);
@@ -386,132 +350,131 @@ var Transfer = function Transfer(props) {
         }
       });
     }
-    setLeftData(_toConsumableArray(leftData));
-    setRightData(_toConsumableArray(rightData));
-    var rArr = [];
-    rightData.forEach(function (item) {
+    setLeftData([...leftData]);
+    setRightData([...rightData]);
+    const rArr = [];
+    rightData.forEach(item => {
       rArr.push(item[customKey]);
     });
     onChange === null || onChange === void 0 ? void 0 : onChange(rArr);
   };
   // 上下移动
-  var fluctuation = function fluctuation(direction) {
+  const fluctuation = direction => {
     setAnimationLock(true);
     if (direction == 'up') {
       // setFluctuationPosition(rightCount[0] - 1)
       // setFluctuationOrther(rightCount[0])
       // setTimeout(() => {
-      setRightData(function (pre) {
+      setRightData(pre => {
         // setFluctuationPosition(undefined)
         // setFluctuationOrther(undefined)
-        rightCount.forEach(function (item) {
-          pre.splice.apply(pre, [item - 1, 0].concat(_toConsumableArray(pre.splice(item, 1))));
+        rightCount.forEach(item => {
+          pre.splice(item - 1, 0, ...pre.splice(item, 1));
         });
         setAnimationLock(false);
-        var rArr = [];
-        pre.forEach(function (item) {
+        const rArr = [];
+        pre.forEach(item => {
           rArr.push(item[customKey]);
         });
-        onSort === null || onSort === void 0 ? void 0 : onSort([].concat(rArr));
-        onChange === null || onChange === void 0 ? void 0 : onChange([].concat(rArr));
-        return _toConsumableArray(pre);
+        onSort === null || onSort === void 0 ? void 0 : onSort([...rArr]);
+        onChange === null || onChange === void 0 ? void 0 : onChange([...rArr]);
+        return [...pre];
       });
       // }, 400)
     } else {
       // setFluctuationPosition(rightCount[0])
       // setFluctuationOrther(rightCount[0] + 1)
       // setTimeout(() => {
-      setRightData(function (pre) {
+      setRightData(pre => {
         // setFluctuationPosition(undefined)
         // setFluctuationOrther(undefined)
-        rightCount.reverse().forEach(function (item) {
-          pre.splice.apply(pre, [item + 1, 0].concat(_toConsumableArray(pre.splice(item, 1))));
+        rightCount.reverse().forEach(item => {
+          pre.splice(item + 1, 0, ...pre.splice(item, 1));
         });
         setAnimationLock(false);
-        var rArr = [];
-        pre.forEach(function (item) {
+        const rArr = [];
+        pre.forEach(item => {
           rArr.push(item[customKey]);
         });
-        onSort === null || onSort === void 0 ? void 0 : onSort([].concat(rArr));
-        onChange === null || onChange === void 0 ? void 0 : onChange([].concat(rArr));
-        return _toConsumableArray(pre);
+        onSort === null || onSort === void 0 ? void 0 : onSort([...rArr]);
+        onChange === null || onChange === void 0 ? void 0 : onChange([...rArr]);
+        return [...pre];
       });
       // }, 400)
     }
   };
-
-  var onSearch = debounce(function (e, direction) {
-    var str = trim ? e.toUpperCase().trim() : e.toUpperCase();
+  const onSearch = debounce((e, direction) => {
+    const str = trim ? e.toUpperCase().trim() : e.toUpperCase();
     if (direction === 'left') {
-      leftData.forEach(function (item) {
+      leftData.forEach(item => {
         item.hide = false;
-        var name = (item.name || '').toUpperCase();
-        var description = (item.description || '').toUpperCase();
+        const name = (item.name || '').toUpperCase();
+        const description = (item.description || '').toUpperCase();
         if (!(name.indexOf(str) !== -1 || description.indexOf(str) !== -1)) {
           item.hide = true;
         }
       });
-      setLeftData(_toConsumableArray(leftData));
+      setLeftData([...leftData]);
     } else {
-      rightData.filter(function (item) {
+      rightData.filter(item => {
         item.hide = false;
-        var name = (item.name || '').toUpperCase();
-        var description = (item.description || '').toUpperCase();
+        const name = (item.name || '').toUpperCase();
+        const description = (item.description || '').toUpperCase();
         if (!(name.indexOf(str) !== -1 || description.indexOf(str) !== -1)) {
           item.hide = true;
         }
       });
-      setRightData(_toConsumableArray(rightData));
+      setRightData([...rightData]);
     }
   }, 500);
-  var onEndSort = useCallback(function (oldIndex, newIndex) {
-    setRightData(function (pre) {
-      pre.splice.apply(pre, [newIndex, 0].concat(_toConsumableArray(pre.splice(oldIndex, 1))));
-      var rArr = [];
-      pre.forEach(function (item) {
+  const onEndSort = useCallback((oldIndex, newIndex) => {
+    setRightData(pre => {
+      pre.splice(newIndex, 0, ...pre.splice(oldIndex, 1));
+      const rArr = [];
+      pre.forEach(item => {
         rArr.push(item[customKey]);
       });
-      onSort === null || onSort === void 0 ? void 0 : onSort([].concat(rArr));
-      onChange === null || onChange === void 0 ? void 0 : onChange([].concat(rArr));
-      return _toConsumableArray(pre);
+      onSort === null || onSort === void 0 ? void 0 : onSort([...rArr]);
+      onChange === null || onChange === void 0 ? void 0 : onChange([...rArr]);
+      return [...pre];
     });
   }, []);
-  useEffect(function () {
+  useEffect(() => {
     if (data.length) {
-      var _leftData = {};
-      data.forEach(function (item) {
-        var key = item[customKey];
+      const leftData = {};
+      data.forEach(item => {
+        const key = item[customKey];
         render(item);
-        _leftData[key] = item;
+        leftData[key] = item;
       });
-      setTransData(Object.assign({}, _leftData));
+      setTransData(Object.assign({}, leftData));
     }
   }, [data]);
-  useEffect(function () {
-    var rData = [];
-    var lData = [];
-    value === null || value === void 0 ? void 0 : value.forEach(function (item) {
+  useEffect(() => {
+    const rData = [];
+    const lData = [];
+    value === null || value === void 0 ? void 0 : value.forEach(item => {
       if (transData[item]) {
         rData.push(transData[item]);
         delete transData[item];
       }
     });
-    for (var key in transData) {
+    for (const key in transData) {
       lData.push(transData[key]);
     }
-    setRightData([].concat(rData));
-    setLeftData([].concat(lData));
+    setRightData([...rData]);
+    setLeftData([...lData]);
   }, [value, transData]);
-  useEffect(function () {
-    var arr = [];
-    leftData.forEach(function (item, index) {
+  useEffect(() => {
+    const arr = [];
+    leftData.forEach((item, index) => {
       if (item.checked && !item.hide) {
         arr.push(index);
       }
     });
     setLeftCount(arr);
-    var rArr = [];
-    rightData.forEach(function (item, index) {
+    const rArr = [];
+    rightData.forEach((item, index) => {
       if (item.checked && !item.hide) {
         rArr.push(index);
       }
@@ -547,7 +510,7 @@ var Transfer = function Transfer(props) {
           arrow: false,
           placement: 'bottomLeft'
         },
-        onClick: function onClick() {
+        onClick: () => {
           onMove('right');
         }
       }, {
@@ -562,7 +525,7 @@ var Transfer = function Transfer(props) {
           arrow: false,
           placement: 'bottomLeft'
         },
-        onClick: function onClick() {
+        onClick: () => {
           fluctuation('up');
         }
       }, {
@@ -577,7 +540,7 @@ var Transfer = function Transfer(props) {
           arrow: false,
           placement: 'bottomLeft'
         },
-        onClick: function onClick() {
+        onClick: () => {
           fluctuation('down');
         }
       }, {
@@ -592,7 +555,7 @@ var Transfer = function Transfer(props) {
           arrow: false,
           placement: 'bottomLeft'
         },
-        onClick: function onClick() {
+        onClick: () => {
           onMove('left');
         }
       }, {
@@ -617,6 +580,6 @@ var Transfer = function Transfer(props) {
     })]
   }));
 };
-var SSortablejs = Sortablejs;
+const SSortablejs = Sortablejs;
 
 export { SSortablejs, Transfer, Transfer as default };