@para-ui/core 3.0.3 → 3.0.4

package/Selector/index.js

@@ -17,7 +17,7 @@ import Empty from '../Empty/index.js';
 import SearchIcon from '@para-ui/icons/Search';
 import Refresh from '@para-ui/icons/Refresh';
 import { ArrayToObject, Get, Post, Cancel } from '@paraview/lib';
-import { u as useFormatMessage } from '../_verture/useFormatMessage-ac9d6acf.js';
+import { u as useFormatMessage } from '../_verture/useFormatMessage-f4452258.js';
 import { u as useGlobalProps } from '../_verture/useGlobalProps-af9a2af6.js';
 import '../Label/index.js';
 import '../Help/index.js';
@@ -41,6 +41,7 @@ import '@para-ui/icons/Forbid';
 import '@para-ui/icons/Down';
 import '@para-ui/core/GlobalContext';
 import '@para-ui/icons/More';
+import '@para-ui/icons/Return';
 
 var css_248z$3 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-selector-node {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n}\n.paraui-v3-selector-node:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-selector-node > .selector-node-left {\n  display: flex;\n  align-items: center;\n  flex: 1;\n  overflow: hidden;\n  padding-right: 16px;\n}\n.paraui-v3-selector-node > .selector-node-left > .selector-node-radio {\n  margin-right: 8px;\n  display: flex;\n  align-items: center;\n  padding: 0;\n}\n.paraui-v3-selector-node > .selector-node-left > .selector-node-radio .radio-box {\n  top: 0;\n}\n.paraui-v3-selector-node > .selector-node-left > .selector-node-check {\n  margin-right: 8px;\n  display: flex;\n  align-items: center;\n  padding: 0;\n}\n.paraui-v3-selector-node > .selector-node-left > .selector-node-check .checkbox-box {\n  top: 0;\n}\n.paraui-v3-selector-node > .selector-node-left > .node-img {\n  display: inline-block;\n  width: 30px;\n  height: 30px;\n  margin-right: 8px;\n}\n.paraui-v3-selector-node > .selector-node-left > .node-img img {\n  width: 30px;\n  height: 30px;\n  border-radius: 50%;\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-branch {\n  height: 36px;\n  padding: 0 16px;\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-branch > .selector-node-left > .main-title {\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n  white-space: nowrap;\n  height: 20px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-branch > .selector-node-left > .sub-title {\n  margin-left: 8px;\n  font-size: 14px;\n  color: rgba(46, 55, 67, 0.4);\n  white-space: nowrap;\n  height: 20px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-branch > .selector-node-left > .tag {\n  margin-left: 8px;\n  background-color: rgba(54, 102, 214, 0.05);\n  color: rgb(54, 102, 214);\n  border-radius: 2px;\n  font-size: 12px;\n  padding: 0px 6px;\n  white-space: nowrap;\n  height: 17px;\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-leaf {\n  padding: 6px 16px;\n  height: 48px;\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-leaf > .selector-node-left > .title-box {\n  flex: 1;\n  overflow: hidden;\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-leaf > .selector-node-left > .title-box > .main-title-box {\n  display: flex;\n  white-space: nowrap;\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-leaf > .selector-node-left > .title-box > .main-title-box > .main-title {\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-leaf > .selector-node-left > .title-box > .main-title-box > .tag {\n  margin-left: 8px;\n  background-color: rgba(54, 102, 214, 0.05);\n  color: rgb(54, 102, 214);\n  border-radius: 2px;\n  font-size: 12px;\n  padding: 1px 6px;\n  white-space: nowrap;\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-leaf > .selector-node-left > .title-box > .sub-title {\n  font-size: 12px;\n  color: rgba(46, 55, 67, 0.4);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.paraui-v3-selector-node > .selector-node-right {\n  display: flex;\n  align-items: center;\n  height: 100%;\n}\n.paraui-v3-selector-node > .selector-node-right > .detail {\n  font-size: 14px;\n  color: rgb(54, 102, 214);\n  white-space: nowrap;\n  padding: 0 4px;\n  cursor: pointer;\n  height: 24px;\n  line-height: 24px;\n  border-radius: 2px;\n}\n.paraui-v3-selector-node > .selector-node-right > .detail:hover {\n  background-color: rgba(54, 102, 214, 0.05);\n}\n.paraui-v3-selector-node > .selector-node-right > .line {\n  border-left: 1px solid rgba(171, 176, 185, 0.2);\n  margin: 0 8px;\n  content: \"\";\n  display: inline-block;\n  height: 12px;\n}\n.paraui-v3-selector-node > .selector-node-right > .lower-child {\n  font-size: 14px;\n  color: rgb(54, 102, 214);\n  white-space: nowrap;\n  padding: 0 4px;\n  cursor: pointer;\n  height: 24px;\n  line-height: 24px;\n  border-radius: 2px;\n}\n.paraui-v3-selector-node > .selector-node-right > .lower-child:hover {\n  background-color: rgba(54, 102, 214, 0.05);\n}\n.paraui-v3-selector-node > .selector-node-right > .close {\n  display: flex;\n  align-items: center;\n  color: rgb(54, 102, 214);\n  white-space: nowrap;\n  padding: 0 4px;\n  cursor: pointer;\n  height: 24px;\n  line-height: 24px;\n  border-radius: 2px;\n}\n.paraui-v3-selector-node > .selector-node-right > .close:hover {\n  background-color: rgba(54, 102, 214, 0.05);\n}\n.paraui-v3-selector-node > .selector-node-right > .close:hover > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-selector-node > .selector-node-right > .close > svg {\n  font-size: 16px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-edit > .selector-node-right > .detail, .paraui-v3-selector-node.paraui-v3-selector-node-edit > .selector-node-right > .lower-child {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-edit > .selector-node-right > .detail:hover, .paraui-v3-selector-node.paraui-v3-selector-node-edit > .selector-node-right > .lower-child:hover {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-disabled {\n  cursor: not-allowed;\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-disabled.paraui-v3-selector-node-branch > .selector-node-left > .main-title {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-disabled.paraui-v3-selector-node-leaf > .selector-node-left > .title-box > .main-title-box > .main-title {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-disabled > .selector-node-right > .lower-child {\n  cursor: not-allowed;\n  color: rgba(46, 55, 67, 0.4);\n}\n\n.paraui-v3-selector-detail .selector-detail-popover-content.selector-detail-popover-content-loading {\n  min-width: 100px;\n  min-height: 50px;\n}";
 styleInject(css_248z$3);

package/Selector/lang/index.d.ts

@@ -5,6 +5,7 @@ declare const _default: {
         seeMore: string;
         selected: string;
         pleaseEnter: string;
+        searchResult: string;
     };
     en: {
         root: string;
@@ -12,6 +13,7 @@ declare const _default: {
         seeMore: string;
         selected: string;
         pleaseEnter: string;
+        searchResult: string;
     };
 };
 export default _default;

package/SelectorPicker/index.js

@@ -37,10 +37,11 @@ import '../_verture/useGlobalProps-af9a2af6.js';
 import '@para-ui/core/GlobalContext';
 import '../Button/index.js';
 import '@para-ui/icons/Forbid';
-import '../_verture/useFormatMessage-ac9d6acf.js';
+import '../_verture/useFormatMessage-f4452258.js';
 import '@para-ui/icons/Search';
 import '../Breadcrumbs/index.js';
 import '@para-ui/icons/More';
+import '@para-ui/icons/Return';
 import '../Empty/index.js';
 import '@para-ui/icons/Refresh';
 

package/Table/index.js

@@ -15,7 +15,7 @@ import Screen from '@para-ui/icons/ScreenF';
 import SolidArrowUp from '@para-ui/icons/UpTriangleF';
 import SolidArrowDown from '@para-ui/icons/DownTriangleF';
 import Panel from '@para-ui/icons/Panel';
-import { u as useFormatMessage } from '../_verture/useFormatMessage-ac9d6acf.js';
+import { u as useFormatMessage } from '../_verture/useFormatMessage-f4452258.js';
 import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
 import { _ as _defineProperty } from '../_verture/defineProperty-0590dc61.js';
 import { Radio } from '../Radio/index.js';

package/Tabs/index.js

@@ -9,7 +9,7 @@ import CloseIcon from '@para-ui/icons/Close';
 import { PopConfirm } from '../PopConfirm/index.js';
 import Help from '../Help/index.js';
 import clsx from 'clsx';
-import { u as useFormatMessage } from '../_verture/useFormatMessage-ac9d6acf.js';
+import { u as useFormatMessage } from '../_verture/useFormatMessage-f4452258.js';
 import { a as $rcPrefixCls, $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/slicedToArray-d7722f4b.js';

package/TimePicker/index.js

@@ -17,7 +17,7 @@ import '../_verture/style-inject.es-300983ab.js';
 import '@para-ui/icons/Down';
 import '../Dropdown/index.js';
 import 'rc-dropdown';
-import '../_verture/useFormatMessage-ac9d6acf.js';
+import '../_verture/useFormatMessage-f4452258.js';
 import '@para-ui/core/GlobalContext';
 import '../Tag/index.js';
 import '../_verture/defineProperty-0590dc61.js';

package/ToggleButton/index.js

@@ -15,7 +15,7 @@ import '@para-ui/icons/Forbid';
 import '@para-ui/icons/Down';
 import '../Dropdown/index.js';
 import 'rc-dropdown';
-import '../_verture/useFormatMessage-ac9d6acf.js';
+import '../_verture/useFormatMessage-f4452258.js';
 import '@para-ui/core/GlobalContext';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';

package/Tooltip/index.js

@@ -324,7 +324,6 @@ var Tooltip = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
 
   var _props$prefixCls = props.prefixCls,
       prefixCls = _props$prefixCls === void 0 ? "".concat($rcPrefixCls, "-tooltip") : _props$prefixCls,
-      getTooltipContainer = props.getTooltipContainer,
       getPopupContainer = props.getPopupContainer,
       overlayClassName = props.overlayClassName,
       overlayInnerStyle = props.overlayInnerStyle,
@@ -333,7 +332,7 @@ var Tooltip = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
       placement = props.placement,
       isPopover = props.isPopover,
       followCursor = props.followCursor,
-      restProps = __rest(props, ["prefixCls", "getTooltipContainer", "getPopupContainer", "overlayClassName", "overlayInnerStyle", "children", "title", "placement", "isPopover", "followCursor"]);
+      restProps = __rest(props, ["prefixCls", "getPopupContainer", "overlayClassName", "overlayInnerStyle", "children", "title", "placement", "isPopover", "followCursor"]);
 
   var tempVisible = visible;
 
@@ -348,7 +347,7 @@ var Tooltip = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     prefixCls: prefixCls,
     placement: followCursor ? 'top' : mapLegacyPlacement(placement),
     overlayClassName: overlayCls,
-    getTooltipContainer: getPopupContainer || getTooltipContainer,
+    getTooltipContainer: getPopupContainer,
     ref: tRef,
     builtinPlacements: getTooltipPlacements(),
     overlay: title,

package/Transfer/index.d.ts

@@ -1,5 +1,20 @@
 import React from 'react';
 import './style/index.scss';
+interface ItemDataProps {
+    /** 唯一值,用来过滤 */
+    key?: string;
+    /** 显示名 */
+    name?: string;
+    /** 描述 */
+    description?: string;
+    /** 是否选中 */
+    checked?: boolean;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否隐藏 */
+    hide?: boolean;
+    [name: string]: any;
+}
 /**
  * @description: 穿梭框
  * @param className{string} 类名
@@ -13,10 +28,10 @@ import './style/index.scss';
 interface TransferProps {
     className?: string;
     style?: React.CSSProperties;
-    data?: Array<any>;
-    value?: Array<any>;
-    onChange?: (data: Array<any>) => void;
+    data?: Array<ItemDataProps>;
+    value?: Array<ItemDataProps>;
+    onChange?: (data: Array<ItemDataProps>) => void;
     titles?: Array<string>;
 }
-export declare const Transfer: ({ data, value, onChange, titles, className, style }: TransferProps) => JSX.Element;
+export declare const Transfer: (props: TransferProps) => JSX.Element;
 export default Transfer;

package/Transfer/index.js

@@ -1,7 +1,7 @@
 import { _ as _toConsumableArray } from '../_verture/toConsumableArray-f8047a75.js';
 import { _ as _slicedToArray } from '../_verture/slicedToArray-d7722f4b.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useCallback, useEffect } from 'react';
+import { useState, useEffect, useCallback } from 'react';
 import clsx from 'clsx';
 import { Checkbox } from '../Checkbox/index.js';
 import { Search } from '../Search/index.js';
@@ -10,8 +10,9 @@ import { Button } from '../Button/index.js';
 import SearchIcon from '@para-ui/icons/Search';
 import NavigateBefore from '@para-ui/icons/Left';
 import Right from '@para-ui/icons/Right';
-import { u as useFormatMessage } from '../_verture/useFormatMessage-ac9d6acf.js';
+import { u as useFormatMessage } from '../_verture/useFormatMessage-f4452258.js';
 import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
+import { ArrayToObject } from '@paraview/lib';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../Label/index.js';
 import '../Help/index.js';
@@ -22,7 +23,6 @@ import 'rc-tooltip/lib/placements';
 import '@para-ui/icons/Help';
 import '../TextField/index.js';
 import '../_verture/typeof-498dd2b1.js';
-import '@paraview/lib';
 import '@para-ui/icons/PreviewClose';
 import '@para-ui/icons/PreviewOpen';
 import '@para-ui/icons/CloseCircle';
@@ -60,15 +60,14 @@ var localeJson = {
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-transfer {\n  display: flex;\n  font-size: 14px;\n}\n.paraui-v3-transfer .box {\n  width: 289px;\n  border-radius: 4px;\n  border: 1px solid rgba(171, 176, 185, 0.368627451);\n  overflow: hidden;\n}\n.paraui-v3-transfer .box .box-header {\n  background: rgba(171, 176, 185, 0.2745098039);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding-left: 10px;\n  height: 44px;\n}\n.paraui-v3-transfer .box .box-header .count {\n  margin: 0 10px 0 0;\n  color: #999;\n  letter-spacing: 1px;\n}\n.paraui-v3-transfer .box .context {\n  height: 400px;\n  overflow: auto;\n  scrollbar-base-color: red;\n}\n.paraui-v3-transfer .box .text-field-content {\n  border: none;\n  border-radius: 0;\n  border-bottom: 1px solid #ddd;\n}\n.paraui-v3-transfer ::-webkit-scrollbar-thumb {\n  border-radius: 4px;\n  background: #3666D6;\n}\n.paraui-v3-transfer .moveBtn {\n  display: flex;\n  height: 414px;\n  flex-direction: column;\n  justify-content: center;\n  margin: 0 24px;\n}\n.paraui-v3-transfer .moveBtn .btn-left {\n  margin-top: 20px;\n}\n.paraui-v3-transfer .context .item {\n  padding: 0px 12px;\n  height: 36px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n}\n.paraui-v3-transfer .context .item > .item-label {\n  margin-left: 8px;\n  flex: 1;\n  overflow: hidden;\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-transfer .context .item:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-transfer .context .item:hover > .item-label {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-transfer .context .item.item-disabled:hover {\n  background: inherit;\n}\n.paraui-v3-transfer .context .item.item-disabled > .item-label {\n  color: rgba(46, 55, 67, 0.4);\n}";
 styleInject(css_248z);
 
-var Transfer = function Transfer(_ref) {
-  var _ref$data = _ref.data,
-      data = _ref$data === void 0 ? [] : _ref$data,
-      _ref$value = _ref.value,
-      value = _ref$value === void 0 ? [] : _ref$value,
-      onChange = _ref.onChange,
-      titles = _ref.titles,
-      className = _ref.className,
-      style = _ref.style;
+var Transfer = function Transfer(props) {
+  var _props$data = props.data,
+      data = _props$data === void 0 ? [] : _props$data,
+      value = props.value,
+      onChange = props.onChange,
+      titles = props.titles,
+      className = props.className,
+      style = props.style;
   var intl = useFormatMessage('Transfer', localeJson);
 
   var _useState = useState(data),
@@ -76,7 +75,7 @@ var Transfer = function Transfer(_ref) {
       leftData = _useState2[0],
       setLeftData = _useState2[1];
 
-  var _useState3 = useState(value),
+  var _useState3 = useState([]),
       _useState4 = _slicedToArray(_useState3, 2),
       rightData = _useState4[0],
       setRightData = _useState4[1];
@@ -111,6 +110,33 @@ var Transfer = function Transfer(_ref) {
       actionRightStyle = _useState16[0],
       setActionRightStyle = _useState16[1];
 
+  useEffect(function () {
+    if (value) {
+      setRightData(_toConsumableArray(value));
+      filterLeftData(_toConsumableArray(value));
+    }
+  }, [value]);
+  /**
+   * @description 过滤左边数据
+   * @param arr {ItemDataProps} 右边数据源
+   * */
+
+  var filterLeftData = function filterLeftData(arr) {
+    var keyJson = ArrayToObject('key', arr);
+    var nameJson = ArrayToObject('name', arr);
+    var handArr = [];
+    var leftArr = props.data || [];
+
+    for (var i = 0, l = leftArr.length; i < l; i++) {
+      var item = leftArr[i];
+      var key = item.key || item.name || '';
+      if (key && (keyJson[key] || nameJson[key])) continue;
+      handArr.push(item);
+    }
+
+    setLeftData(handArr);
+  };
+
   var onchange = useCallback(function (e, bol, index, direction) {
     if (direction === 'left') {
       leftData[index].checked = bol;
@@ -123,12 +149,12 @@ var Transfer = function Transfer(_ref) {
   var queryAll = useCallback(function (e, direction) {
     if (direction === 'left') {
       leftData.forEach(function (item) {
-        item.checked = e.target.checked;
+        if (!item.disabled && !item.hide) item.checked = e.target.checked;
       });
       setLeftData(_toConsumableArray(leftData));
     } else {
       rightData.forEach(function (item) {
-        item.checked = e.target.checked;
+        if (!item.disabled && !item.hide) item.checked = e.target.checked;
       });
       setRightData(_toConsumableArray(rightData));
     } //console.log(e.target.checked)
@@ -136,13 +162,14 @@ var Transfer = function Transfer(_ref) {
 
     setleftChecked(e.target.checked);
   }, [leftData, rightData]);
-  var onMove = useCallback(function (direction) {
+
+  var onMove = function onMove(direction) {
     var newData = [];
 
     if (direction === 'left') {
       newData = _toConsumableArray(rightData);
       newData.forEach(function (item) {
-        if (item.checked) {
+        if (item.checked && !item.hide) {
           item.checked = false;
           leftData.push(item);
           rightData.splice(rightData.indexOf(item), 1);
@@ -151,7 +178,7 @@ var Transfer = function Transfer(_ref) {
     } else {
       newData = _toConsumableArray(leftData);
       newData.forEach(function (item) {
-        if (item.checked) {
+        if (item.checked && !item.hide) {
           item.checked = false;
           rightData.push(item);
           leftData.splice(leftData.indexOf(item), 1);
@@ -162,56 +189,81 @@ var Transfer = function Transfer(_ref) {
     setLeftData(_toConsumableArray(leftData));
     setRightData(_toConsumableArray(rightData));
     onChange && onChange(rightData);
-  }, []);
-  var onSearch = useCallback(function (e, direction) {
-    var str = [''].concat(_toConsumableArray(e), ['']).join('.*');
-    var reg = new RegExp(str);
-    var result = [];
+  };
+
+  var onSearch = function onSearch(e, direction) {
+    var str = e.toUpperCase();
 
     if (direction === 'left') {
-      result = leftData.filter(function (item) {
-        return reg.test(item.name) || reg.test(item.description);
+      leftData.forEach(function (item) {
+        item.hide = false;
+        var name = (item.name || '').toUpperCase();
+        var description = (item.description || '').toUpperCase();
+
+        if (!(name.indexOf(str) !== -1 || description.indexOf(str) !== -1)) {
+          item.hide = true;
+        }
       });
-      setLeftData(result);
+      setLeftData(_toConsumableArray(leftData));
     } else {
-      result = rightData.filter(function (item) {
-        return reg.test(item.name) || reg.test(item.description);
+      rightData.filter(function (item) {
+        item.hide = false;
+        var name = (item.name || '').toUpperCase();
+        var description = (item.description || '').toUpperCase();
+
+        if (!(name.indexOf(str) !== -1 || description.indexOf(str) !== -1)) {
+          item.hide = true;
+        }
       });
-      setRightData(result);
+      setRightData(_toConsumableArray(rightData));
+    }
+  };
+  /**
+   * 计算全选,半选
+   * @return {'' | 'checked' | 'indeterminate'} 全不选 / 全选 / 半选
+   * */
+
+
+  var calculationStatus = function calculationStatus(arr) {
+    if (arr.length === 0) return ''; // 全不选
+
+    var checked = false;
+    var noChecked = false;
+
+    for (var i = 0, l = arr.length; i < l; i++) {
+      if (checked && noChecked) break;
+      var item = arr[i];
+      if (item.disabled || item.hide) continue;
+
+      if (item.checked) {
+        checked = true;
+      } else {
+        noChecked = true;
+      }
     }
-  }, []);
+
+    if (checked && !noChecked) return 'checked'; // 全选
+
+    if (checked && noChecked) return 'indeterminate'; // 半选
+
+    return '';
+  };
+
   useEffect(function () {
     var arr = leftData.filter(function (item) {
-      return item.checked;
+      return item.checked && !item.hide;
     });
     setLeftCount(arr.length);
-
-    if (arr.length && arr.length !== leftData.length) {
-      setleftChecked('indeterminate');
-      setActionRightStyle('on');
-    } else if (arr.length && arr.length === leftData.length) {
-      setleftChecked('checked');
-      setActionRightStyle('on');
-    } else {
-      setleftChecked('');
-      setActionRightStyle('');
-    }
-
+    var leftType = calculationStatus(leftData);
+    setleftChecked(leftType);
+    setActionRightStyle(leftType === 'indeterminate' || leftType === 'checked' ? 'on' : '');
     var rArr = rightData.filter(function (item) {
-      return item.checked;
+      return item.checked && !item.hide;
     });
     setRightCount(rArr.length);
-
-    if (rArr.length && rArr.length !== rightData.length) {
-      setrightChecked('indeterminate');
-      setActionLeftStyle('on');
-    } else if (rArr.length && rArr.length === rightData.length) {
-      setrightChecked('checked');
-      setActionLeftStyle('on');
-    } else {
-      setrightChecked('');
-      setActionLeftStyle('');
-    }
+    var rightType = calculationStatus(rightData);
+    setrightChecked(rightType);
+    setActionLeftStyle(rightType === 'indeterminate' || rightType === 'checked' ? 'on' : '');
   }, [leftData, rightData]);
   return jsxs("div", Object.assign({
     className: clsx("".concat($prefixCls, "-transfer"), className),
@@ -233,7 +285,7 @@ var Transfer = function Transfer(_ref) {
           onChange: function onChange(e) {
             queryAll(e, 'left');
           }
-        }, 1), jsxs("div", Object.assign({
+        }), jsxs("div", Object.assign({
           className: "count"
         }, {
           children: [leftCount, "/", leftData.length]
@@ -245,17 +297,15 @@ var Transfer = function Transfer(_ref) {
         }),
         showBtn: false,
         rightIcon: jsx(SearchIcon, {}),
-        onChange: function onChange(e) {
-          var _a;
-
-          var arr = (_a = e === null || e === void 0 ? void 0 : e.split('')) !== null && _a !== void 0 ? _a : [];
-          onSearch(arr, 'left');
+        onChange: function onChange(val) {
+          onSearch(val, 'left');
         },
         allowClear: false
       }), jsx("div", Object.assign({
         className: "context"
       }, {
         children: leftData.map(function (item, index) {
+          if (item.hide) return null;
           return jsxs("div", Object.assign({
             className: clsx('item', item.disabled && 'item-disabled'),
             onClick: function onClick(e) {
@@ -271,10 +321,10 @@ var Transfer = function Transfer(_ref) {
               className: "item-label"
             }, {
               children: jsx(AutoTips, {
-                children: item.name
+                children: item.name || item.key
               })
             }))]
-          }), item.name);
+          }), item.key || item.name);
         })
       }))]
     })), jsxs("div", Object.assign({
@@ -341,17 +391,15 @@ var Transfer = function Transfer(_ref) {
         }),
         showBtn: false,
         rightIcon: jsx(SearchIcon, {}),
-        onChange: function onChange(e) {
-          var _a;
-
-          var arr = (_a = e === null || e === void 0 ? void 0 : e.split('')) !== null && _a !== void 0 ? _a : [];
-          onSearch(arr, 'right');
+        onChange: function onChange(val) {
+          onSearch(val, 'right');
         },
         allowClear: false
       }), jsx("div", Object.assign({
         className: "context"
       }, {
         children: rightData.map(function (item, index) {
+          if (item.hide) return null;
           return jsxs("div", Object.assign({
             className: clsx('item', item.disabled && 'item-disabled'),
             onClick: function onClick(e) {
@@ -367,10 +415,10 @@ var Transfer = function Transfer(_ref) {
               className: "item-label"
             }, {
               children: jsx(AutoTips, {
-                children: item.name
+                children: item.name || item.key
               })
             }))]
-          }), item.name);
+          }), item.key || item.name);
         })
       }))]
     }))]

package/Transfer/lang/index.d.ts

@@ -3,11 +3,15 @@ declare const _default: {
         left: string;
         right: string;
         searchPlaceholder: string;
+        leftBtnTips: string;
+        rightBtnTips: string;
     };
     en: {
         left: string;
         right: string;
         searchPlaceholder: string;
+        leftBtnTips: string;
+        rightBtnTips: string;
     };
 };
 export default _default;

package/Tree/index.js

@@ -1,5 +1,5 @@
-import { T as Tree } from '../_verture/index-77832168.js';
-export { T as default } from '../_verture/index-77832168.js';
+import { T as Tree } from '../_verture/index-e0508c99.js';
+export { T as default } from '../_verture/index-e0508c99.js';
 import '../_verture/toConsumableArray-f8047a75.js';
 import '../_verture/slicedToArray-d7722f4b.js';
 import '../_verture/defineProperty-0590dc61.js';
@@ -28,7 +28,7 @@ import '@para-ui/icons/PlusCircle';
 import '@para-ui/icons/Delete';
 import '@para-ui/icons/Forbid';
 import '@paraview/lib';
-import '../_verture/useFormatMessage-ac9d6acf.js';
+import '../_verture/useFormatMessage-f4452258.js';
 import '@para-ui/core/GlobalContext';
 import '@para-ui/icons/MoreCircle';
 import '../Empty/index.js';

package/Upload/index.js

@@ -16,7 +16,7 @@ import clsx from 'clsx';
 import { $ as $prefixCls, a as $rcPrefixCls } from '../_verture/constant-bf34e6fa.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import Forbid from '@para-ui/icons/Forbid';
-import { u as useFormatMessage } from '../_verture/useFormatMessage-ac9d6acf.js';
+import { u as useFormatMessage } from '../_verture/useFormatMessage-f4452258.js';
 import EditOutline from '@para-ui/icons/EditOutline';
 import { Button } from '../Button/index.js';
 import { Slider } from '../Slider/index.js';

package/_verture/{index-77832168.js → index-e0508c99.js}

@@ -20,7 +20,7 @@ import Delete from '@para-ui/icons/Delete';
 import Forbid from '@para-ui/icons/Forbid';
 import { Tooltip } from '../Tooltip/index.js';
 import { UUID, Request } from '@paraview/lib';
-import { u as useFormatMessage } from './useFormatMessage-ac9d6acf.js';
+import { u as useFormatMessage } from './useFormatMessage-f4452258.js';
 import { s as styleInject } from './style-inject.es-300983ab.js';
 import MoreOutlinedIcon from '@para-ui/icons/MoreCircle';
 import Empty from '../Empty/index.js';

package/_verture/{useFormatMessage-ac9d6acf.js → useFormatMessage-f4452258.js}

@@ -2,17 +2,19 @@ import React__default from 'react';
 import GlobalContext from '@para-ui/core/GlobalContext';
 
 /**
-* @author linhd
-* @date 2022/3/15 4:03 PM
-* @description 国际化钩子
-*/
+ * @author linhd
+ * @date 2022/3/15 4:03 PM
+ * @description 国际化钩子
+ */
 
 var useFormatMessage = function useFormatMessage(comName, defI18nData) {
   var _React$useContext = React__default.useContext(GlobalContext),
       intlFormat = _React$useContext.intlFormat;
 
   defI18nData.zh_CN = defI18nData.zh;
+  defI18nData['zh-CN'] = defI18nData.zh;
   defI18nData.en_US = defI18nData.en;
+  defI18nData['en-US'] = defI18nData.en;
   var intl = intlFormat && intlFormat(comName, defI18nData);
   return intl;
 };

package/index.js

@@ -19,8 +19,8 @@ export { Drawer } from './Drawer/index.js';
 export { Dropdown } from './Dropdown/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-3136f653.js';
-export { u as FunctionModal, F as FunctionModalProvider, a as useClose } from './_verture/modalContext-f1a611ab.js';
+export { F as FormItem } from './_verture/index-4b4ee8b5.js';
+export { u as FunctionModal, F as FunctionModalProvider, a as useClose } from './_verture/modalContext-4bce2dae.js';
 export { default as GlobalContext, changeConfirmLocale, getConfirmLocale } from './GlobalContext/index.js';
 export { default as Help } from './Help/index.js';
 export { default as HelperText } from './HelperText/index.js';
@@ -64,7 +64,7 @@ export { Title } from './Title/index.js';
 export { ToggleButton, ToggleButtonGroup } from './ToggleButton/index.js';
 export { Tooltip } from './Tooltip/index.js';
 export { Transfer } from './Transfer/index.js';
-export { T as Tree } from './_verture/index-77832168.js';
+export { T as Tree } from './_verture/index-e0508c99.js';
 export { default as Upload } from './Upload/index.js';
 import './_verture/slicedToArray-d7722f4b.js';
 import 'react/jsx-runtime';
@@ -75,14 +75,15 @@ import './_verture/constant-bf34e6fa.js';
 import '@para-ui/icons/More';
 import './_verture/style-inject.es-300983ab.js';
 import './_verture/toConsumableArray-f8047a75.js';
+import '@para-ui/icons/Return';
+import './_verture/useFormatMessage-f4452258.js';
+import '@para-ui/core/GlobalContext';
 import './_verture/typeof-498dd2b1.js';
 import './_verture/tslib.es6-55ed4bd2.js';
 import 'clsx';
 import '@para-ui/icons/LoadingF';
 import '@para-ui/icons/Forbid';
 import '@para-ui/icons/Down';
-import './_verture/useFormatMessage-ac9d6acf.js';
-import '@para-ui/core/GlobalContext';
 import './_verture/defineProperty-0590dc61.js';
 import 'react-slick';
 import './_verture/index-342379c6.js';

package/package.json

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