@para-ui/core 3.0.83 → 3.0.85

package/Transfer/index.js

@@ -15,6 +15,7 @@ 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-c9b9a157.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import '../_verture/typeof-498dd2b1.js';
@@ -40,6 +41,7 @@ import '@para-ui/icons/CloseCircle';
 import '../Loading/index.js';
 import '../HelperText/index.js';
 import '../_verture/useGlobalProps-1b846a65.js';
+import '../_verture/defineProperty-62acccfc.js';
 
 var en = {
   left: 'Left',
@@ -107,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],
@@ -132,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);
         }
@@ -149,8 +151,18 @@ 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 = {};
+    if (data === null || data === void 0 ? void 0 : data.tagColor) {
+      stlye.borderLeft = "4px solid ".concat(data.tagColor);
+    }
+    if (data === null || data === void 0 ? void 0 : data.hide) {
+      stlye.display = "none";
+    }
+    return stlye;
+  };
   return jsxs("div", Object.assign({
     className: "box",
     style: style
@@ -162,7 +174,7 @@ var Box = function Box(props) {
     })), jsx(Search, {
       btnType: "inside",
       placeholder: intl({
-        id: 'searchPlaceholder'
+        id: "searchPlaceholder"
       }),
       showBtn: false,
       rightIcon: jsx(SearchIcon, {}),
@@ -175,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
@@ -184,56 +196,53 @@ var Box = function Box(props) {
       ref: ref
     }, {
       children: data.map(function (item, index) {
-        if (item === null || item === void 0 ? void 0 : item.hide) return null;
         return jsxs("div", Object.assign({
-          className: clsx('item', (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: (item === null || item === void 0 ? void 0 : item.tagColor) ? {
-            borderLeft: "4px solid ".concat(item.tagColor)
-          } : undefined,
+          className: clsx("item", (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);
           }
         }, {
           children: [jsx("div", Object.assign({
-            className: 'item-label'
+            className: "item-label"
           }, {
             children: jsx(AutoTips, {
               children: (item === null || item === void 0 ? void 0 : item.name) || item[item[customKey]]
             })
           })), rightIcon ? jsx("div", Object.assign({
-            className: 'right-icon'
+            className: "right-icon"
           }, {
             children: rightIcon(item)
-          })) : null, direction === 'right' ? jsx("div", Object.assign({
-            className: 'handle'
+          })) : null, direction === "right" ? jsx("div", Object.assign({
+            className: "handle"
           }, {
             children: jsx(Drag, {})
           })) : null]
         }), item[item[customKey]] || item.name);
       })
     })), jsxs("div", Object.assign({
-      className: 'footer'
+      className: "footer"
     }, {
       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({
         className: "count"
@@ -250,23 +259,23 @@ styleInject(css_248z);
 
 var Transfer = function Transfer(props) {
   var _a, _b, _c, _d;
-  var intl = useFormatMessage('Transfer', localeJson);
+  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,
+    customKey = _props$customKey === void 0 ? "key" : _props$customKey,
     onChange = props.onChange,
     _props$titles = props.titles,
     titles = _props$titles === void 0 ? [intl({
-      id: 'left'
+      id: "left"
     }), intl({
-      id: 'right'
+      id: "right"
     })] : _props$titles,
     className = props.className,
     _props$style = props.style,
     style = _props$style === void 0 ? {
-      width: '298px'
+      width: "298px"
     } : _props$style,
     onSort = props.onSort,
     _props$trim = props.trim,
@@ -309,7 +318,7 @@ var Transfer = function Transfer(props) {
     animationsLock = _useState16[0],
     setAnimationLock = _useState16[1];
   var onchange = useCallback(function (e, bol, index, direction, multiple) {
-    if (direction === 'left') {
+    if (direction === "left") {
       !multiple && leftData.forEach(function (item) {
         return item.checked = false;
       });
@@ -324,7 +333,7 @@ var Transfer = function Transfer(props) {
     }
   }, [leftData, rightData]);
   var queryAll = useCallback(function (checked, direction) {
-    if (direction === 'left') {
+    if (direction === "left") {
       leftData.forEach(function (item) {
         if (!item.disabled && !item.hide) item.checked = checked;
       });
@@ -337,7 +346,7 @@ var Transfer = function Transfer(props) {
     }
   }, [leftData, rightData]);
   var inverse = useCallback(function (direction) {
-    if (direction === 'left') {
+    if (direction === "left") {
       leftData.forEach(function (item) {
         if (!item.disabled && !item.hide) item.checked = !item.checked;
       });
@@ -351,7 +360,7 @@ var Transfer = function Transfer(props) {
   }, [leftData, rightData]);
   var onMove = function onMove(direction) {
     var newData = [];
-    if (direction === 'left') {
+    if (direction === "left") {
       newData = _toConsumableArray(rightData);
       newData.forEach(function (item) {
         if ((item === null || item === void 0 ? void 0 : item.checked) && !(item === null || item === void 0 ? void 0 : item.hide)) {
@@ -381,7 +390,7 @@ var Transfer = function Transfer(props) {
   // 上下移动
   var fluctuation = function fluctuation(direction) {
     setAnimationLock(true);
-    if (direction == 'up') {
+    if (direction == "up") {
       // setFluctuationPosition(rightCount[0] - 1)
       // setFluctuationOrther(rightCount[0])
       // setTimeout(() => {
@@ -424,13 +433,13 @@ var Transfer = function Transfer(props) {
     }
   };
 
-  var onSearch = function onSearch(e, direction) {
+  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;
         }
@@ -439,15 +448,15 @@ 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;
         }
       });
       setRightData(_toConsumableArray(rightData));
     }
-  };
+  }, 500);
   var onEndSort = useCallback(function (oldIndex, newIndex) {
     setRightData(function (pre) {
       pre.splice.apply(pre, [newIndex, 0].concat(_toConsumableArray(pre.splice(oldIndex, 1))));
@@ -522,15 +531,15 @@ var Transfer = function Transfer(props) {
       className: "moveBtn"
     }, {
       children: [jsx(Button.IconButton, Object.assign({
-        className: 'btn btn-right',
-        variant: 'outlined',
+        className: "btn btn-right",
+        variant: "outlined",
         disabled: leftCount.length <= 0,
         toolTipTitle: leftCount.length <= 0 ? intl({
-          id: 'rightBtnTips'
-        }) : '',
+          id: "rightBtnTips"
+        }) : "",
         TooltipProps: {
           arrow: false,
-          placement: 'bottomRight'
+          placement: "bottomRight"
         },
         onClick: function onClick() {
           onMove("right");
@@ -538,50 +547,50 @@ var Transfer = function Transfer(props) {
       }, {
         children: jsx(Right, {})
       })), jsx(Button.IconButton, Object.assign({
-        className: 'btn btn-left',
-        variant: 'outlined',
+        className: "btn btn-left",
+        variant: "outlined",
         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'
-        }) : '',
+          id: "leftBtnTips"
+        }) : "",
         TooltipProps: {
           arrow: false,
-          placement: 'bottomRight'
+          placement: "bottomRight"
         },
         onClick: function onClick() {
-          fluctuation('up');
+          fluctuation("up");
         }
       }, {
         children: jsx(ExpandLess, {})
       })), jsx(Button.IconButton, Object.assign({
-        className: 'btn btn-left',
-        variant: 'outlined',
+        className: "btn btn-left",
+        variant: "outlined",
         disabled: rightCount.length <= 0 || ((_c = rightData[rightData.length - 1]) === null || _c === void 0 ? void 0 : _c.checked) || animationsLock,
         toolTipTitle: rightCount.length <= 0 || ((_d = rightData[rightData.length - 1]) === null || _d === void 0 ? void 0 : _d.checked) ? intl({
-          id: 'leftBtnTips'
-        }) : '',
+          id: "leftBtnTips"
+        }) : "",
         TooltipProps: {
           arrow: false,
-          placement: 'bottomRight'
+          placement: "bottomRight"
         },
         onClick: function onClick() {
-          fluctuation('down');
+          fluctuation("down");
         }
       }, {
         children: jsx(Down, {})
       })), jsx(Button.IconButton, Object.assign({
-        className: 'btn btn-left',
-        variant: 'outlined',
+        className: "btn btn-left",
+        variant: "outlined",
         disabled: rightCount.length <= 0,
         toolTipTitle: rightCount.length <= 0 ? intl({
-          id: 'leftBtnTips'
-        }) : '',
+          id: "leftBtnTips"
+        }) : "",
         TooltipProps: {
           arrow: false,
-          placement: 'bottomRight'
+          placement: "bottomRight"
         },
         onClick: function onClick() {
-          onMove('left');
+          onMove("left");
         }
       }, {
         children: jsx(NavigateBefore, {})

package/_verture/utils-c9b9a157.js

@@ -0,0 +1,77 @@
+import { _ as _defineProperty } from './defineProperty-62acccfc.js';
+
+//获取替换字段
+var getReplaceField = function getReplaceField(mode, repl, tableP, treeP) {
+  var t = {};
+  if (mode === "tree") t = treeP === null || treeP === void 0 ? void 0 : treeP.replaceFields;else t = tableP === null || tableP === void 0 ? void 0 : tableP.replaceFields;
+  return Object.assign(Object.assign({}, repl), t);
+};
+//to array
+var toArray = function toArray(list) {
+  if (!list) return [];
+  return Array.isArray(list) ? list : JSON.stringify(list) === "{}" ? [] : [list];
+};
+var isRemoteLoad = function isRemoteLoad(mode, props) {
+  if (mode === "table") {
+    return !(props && Array.isArray(props.data));
+  }
+  return !(props && Array.isArray(props.treeData));
+};
+var getOverlaySize = function getOverlaySize(mode) {
+  var isRemoteLoad = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  var maxHeight = arguments.length > 2 ? arguments[2] : undefined;
+  var height = arguments.length > 3 ? arguments[3] : undefined;
+  var _a;
+  var screenH = 720;
+  var treeOverlay = "".concat(maxHeight || 254, "px");
+  var listOverlay = "".concat(maxHeight || 232, "px");
+  // let largeScreenH = 880;
+  var largeTreeOverlayH = "".concat(maxHeight || 338, "px");
+  var largeListOverlayH = "".concat(maxHeight || 304, "px");
+  var clientH = document.documentElement.clientHeight;
+  var fixHeight = height !== undefined ? "height" : "maxHeight";
+  if (mode === "tree") {
+    //tree
+    if (clientH <= screenH) {
+      //小屏幕
+      return isRemoteLoad ? {
+        height: treeOverlay
+      } : _defineProperty({}, fixHeight, treeOverlay);
+    }
+    //大屏幕
+    return isRemoteLoad ? {
+      height: largeTreeOverlayH
+    } : _defineProperty({}, fixHeight, largeTreeOverlayH);
+  } else if (mode === "list") {
+    //list
+    if (clientH <= screenH) {
+      return isRemoteLoad ? {
+        height: listOverlay
+      } : _defineProperty({}, fixHeight, listOverlay);
+    }
+    return isRemoteLoad ? {
+      height: largeListOverlayH
+    } : _defineProperty({}, fixHeight, largeListOverlayH);
+  } else {
+    //table
+    return {
+      height: "".concat((_a = maxHeight !== null && maxHeight !== void 0 ? maxHeight : height) !== null && _a !== void 0 ? _a : 360, "px")
+    };
+  }
+};
+// 实现一个防抖函数，debounce接受一个函数func和delay时间作为参数,返回一个防抖函数。使用泛型T保证返回防抖函数的类型与原func一致
+function debounce(func, delay) {
+  var timer;
+  return function () {
+    var _this = this;
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    if (timer) clearTimeout(timer);
+    timer = setTimeout(function () {
+      func.apply(_this, args);
+    }, delay);
+  };
+}
+
+export { getOverlaySize as a, debounce as d, getReplaceField as g, isRemoteLoad as i, toArray as t };

package/index.js

@@ -22,7 +22,7 @@ export { D as Dropdown } from './_verture/index-77f9e0fb.js';
 export { default as DynamicMultiBox } from './DynamicMultiBox/index.js';
 export { default as Empty } from './Empty/index.js';
 export { default as Form } from './Form/index.js';
-export { F as FormItem } from './_verture/index-04c6e510.js';
+export { F as FormItem } from './_verture/index-c23dc3b0.js';
 export { u as FunctionModal, F as FunctionModalProvider, a as useClose } from './_verture/modalContext-20780c9a.js';
 export { default as GlobalContext, changeConfirmLocale, getConfirmLocale } from './GlobalContext/index.js';
 export { default as Help } from './Help/index.js';
@@ -105,6 +105,7 @@ import '@para-ui/icons/DoubleRight';
 import '@para-ui/icons/Search';
 import '@para-ui/icons/Close';
 import '@para-ui/icons/CloseCircle';
+import './_verture/utils-c9b9a157.js';
 import './_verture/useGlobalProps-1b846a65.js';
 import 'rc-picker/es/generate/dayjs';
 import 'rc-picker';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@para-ui/core",
   "private": false,
-  "version": "3.0.83",
+  "version": "3.0.85",
   "main": "./index.js",
   "typings": "./index.d.ts",
   "description": "Powered by Para FED",