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

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,24 @@ 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 { 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-46e99c9a.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 +36,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',
@@ -64,8 +59,8 @@ var zh = {
 };
 
 var localeJson = {
-  zh: zh,
-  en: en
+  zh,
+  en
 };
 
 var useClick = function useClick(callback, doubleCallback) {
@@ -93,36 +88,32 @@ var useClick = function useClick(callback, doubleCallback) {
   };
 };
 
-var Box = function Box(props) {
-  var title = props.title,
-    data = props.data,
-    onSearch = props.onSearch,
-    onchange = props.onchange,
-    onMove = props.onMove,
-    queryAll = props.queryAll,
-    inverse = props.inverse,
-    direction = props.direction,
-    fluctuationPosition = props.fluctuationPosition,
-    fluctuationOrther = props.fluctuationOrther,
-    onEndSort = props.onEndSort,
-    multiple = props.multiple,
-    rightIcon = props.rightIcon,
-    style = props.style,
-    customKey = props.customKey;
-  var intl = useFormatMessage('Transfer', localeJson);
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    checkCount = _useState2[0],
-    setCheckCount = _useState2[1];
-  var _useState3 = useState(0),
-    _useState4 = _slicedToArray(_useState3, 2),
-    disabledCount = _useState4[0],
-    setDisabledCount = _useState4[1];
-  var ref = useRef();
-  useEffect(function () {
-    var arr = [];
-    var count = 0;
-    data.forEach(function (item, index) {
+const Box = props => {
+  const {
+    title,
+    data,
+    onSearch,
+    onchange,
+    onMove,
+    queryAll,
+    inverse,
+    direction,
+    fluctuationPosition,
+    fluctuationOrther,
+    onEndSort,
+    multiple,
+    rightIcon,
+    style,
+    customKey
+  } = props;
+  const intl = useFormatMessage('Transfer', localeJson);
+  const [checkCount, setCheckCount] = useState([]);
+  const [disabledCount, setDisabledCount] = useState(0);
+  const ref = useRef();
+  useEffect(() => {
+    const arr = [];
+    let count = 0;
+    data.forEach((item, index) => {
       if (item.checked && !item.hide) {
         arr.push(index);
       }
@@ -133,29 +124,29 @@ var Box = function Box(props) {
     setDisabledCount(count);
     setCheckCount(arr);
   }, [data]);
-  useEffect(function () {
+  useEffect(() => {
     if (direction == 'right') {
       new Sortable(ref.current, {
         animation: 180,
         ghostClass: 'blue-background-class',
         dragClass: 'drag-item',
         easing: 'step-start',
-        onEnd: function onEnd(evt) {
+        onEnd: evt => {
           onEndSort === null || onEndSort === void 0 ? void 0 : onEndSort(evt.oldIndex, evt.newIndex);
         }
       });
     }
   }, []);
-  var handler = useClick(function (e, index, item) {
+  const handler = useClick((e, index, item) => {
     if (item.disabled) return;
     onchange(e, !item.checked, index, direction, multiple);
-  }, function (e, index, item) {
+  }, (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');
   });
-  var itemStyle = function itemStyle(data) {
-    var stlye = {};
+  const itemStyle = data => {
+    const stlye = {};
     if (data === null || data === void 0 ? void 0 : data.tagColor) {
       stlye.borderLeft = "4px solid ".concat(data.tagColor);
     }
@@ -180,15 +171,15 @@ var Box = function Box(props) {
       showBtn: false,
       rightIcon: jsx(SearchIcon, {}),
       rightIconExist: true,
-      onChange: function onChange(val) {
+      onChange: val => {
         onSearch(val, direction);
       },
-      onClickRightIcon: function onClickRightIcon(val) {
+      onClickRightIcon: val => {
         onSearch(val, direction);
       },
-      onEnter: function onEnter(event) {
+      onEnter: event => {
         var _a;
-        var val = ((_a = event.target) === null || _a === void 0 ? void 0 : _a.value) || '';
+        const val = ((_a = event.target) === null || _a === void 0 ? void 0 : _a.value) || '';
         onSearch(val, direction);
       },
       allowClear: false
@@ -196,11 +187,11 @@ var Box = function Box(props) {
       className: "context",
       ref: ref
     }, {
-      children: data.map(function (item, index) {
+      children: data.map((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'),
           style: itemStyle(item),
-          onClick: function onClick(e) {
+          onClick: e => {
             handler(e, index, item);
           }
         }, {
@@ -232,7 +223,7 @@ var Box = function Box(props) {
         children: [jsx(Button, Object.assign({
           variant: "text",
           className: "".concat(checkCount.length === data.length - disabledCount && data.length > 0 ? 'btn-on' : ''),
-          onClick: function onClick() {
+          onClick: () => {
             queryAll(checkCount.length !== data.length - disabledCount, direction);
           }
         }, {
@@ -243,7 +234,7 @@ var Box = function Box(props) {
           variant: "text",
           className: "".concat(checkCount.length === 0 || checkCount.length === data.length - disabledCount ? 'btn-off' : ''),
           disabled: checkCount.length === 0 || checkCount.length === data.length - disabledCount,
-          onClick: function onClick() {
+          onClick: () => {
             inverse(direction);
           }
         }, {
@@ -259,117 +250,85 @@ var Box = function Box(props) {
     }))]
   }));
 };
-var Sortablejs = Sortable;
+const 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 +336,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 +345,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 +505,7 @@ var Transfer = function Transfer(props) {
           arrow: false,
           placement: 'bottomLeft'
         },
-        onClick: function onClick() {
+        onClick: () => {
           onMove('right');
         }
       }, {
@@ -562,7 +520,7 @@ var Transfer = function Transfer(props) {
           arrow: false,
           placement: 'bottomLeft'
         },
-        onClick: function onClick() {
+        onClick: () => {
           fluctuation('up');
         }
       }, {
@@ -577,7 +535,7 @@ var Transfer = function Transfer(props) {
           arrow: false,
           placement: 'bottomLeft'
         },
-        onClick: function onClick() {
+        onClick: () => {
           fluctuation('down');
         }
       }, {
@@ -592,7 +550,7 @@ var Transfer = function Transfer(props) {
           arrow: false,
           placement: 'bottomLeft'
         },
-        onClick: function onClick() {
+        onClick: () => {
           onMove('left');
         }
       }, {
@@ -617,6 +575,6 @@ var Transfer = function Transfer(props) {
     })]
   }));
 };
-var SSortablejs = Sortablejs;
+const SSortablejs = Sortablejs;
 
 export { SSortablejs, Transfer, Transfer as default };