@para-ui/core 3.0.1 → 3.0.3

package/Transfer/index.js

@@ -2,12 +2,16 @@ import { _ as _toConsumableArray } from '../_verture/toConsumableArray-f8047a75.
 import { _ as _slicedToArray } from '../_verture/slicedToArray-d7722f4b.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useCallback, useEffect } from 'react';
+import clsx from 'clsx';
 import { Checkbox } from '../Checkbox/index.js';
 import { Search } from '../Search/index.js';
+import AutoTips from '../AutoTips/index.js';
+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 { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../Label/index.js';
 import '../Help/index.js';
@@ -15,7 +19,6 @@ import '../_verture/tslib.es6-55ed4bd2.js';
 import '../Tooltip/index.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
-import 'clsx';
 import '@para-ui/icons/Help';
 import '../TextField/index.js';
 import '../_verture/typeof-498dd2b1.js';
@@ -23,7 +26,6 @@ import '@paraview/lib';
 import '@para-ui/icons/PreviewClose';
 import '@para-ui/icons/PreviewOpen';
 import '@para-ui/icons/CloseCircle';
-import '../AutoTips/index.js';
 import '../Loading/index.js';
 import '@para-ui/icons/LoadingF';
 import '../HelperText/index.js';
@@ -31,20 +33,23 @@ import '../_verture/useGlobalProps-af9a2af6.js';
 import '@para-ui/core/GlobalContext';
 import '../Dropdown/index.js';
 import 'rc-dropdown';
-import '../Button/index.js';
 import '@para-ui/icons/Forbid';
 import '@para-ui/icons/Down';
 
 var en = {
   left: 'Left',
   right: 'Right',
-  searchPlaceholder: 'Please enter the search content'
+  searchPlaceholder: 'Please enter the search content',
+  leftBtnTips: 'Please check the content on the right first',
+  rightBtnTips: 'Please check the content on the left first'
 };
 
 var zh = {
   left: '左侧',
   right: '右侧',
-  searchPlaceholder: '请输入搜索内容'
+  searchPlaceholder: '请输入搜索内容',
+  leftBtnTips: '请先勾选右侧内容',
+  rightBtnTips: '请先勾选左侧内容'
 };
 
 var localeJson = {
@@ -52,7 +57,7 @@ var localeJson = {
   en: en
 };
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.transfer {\n  display: flex;\n  font-size: 14px;\n}\n.transfer .box {\n  width: 289px;\n  border-radius: 4px;\n  border: 1px solid rgba(171, 176, 185, 0.368627451);\n  overflow: hidden;\n}\n.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.transfer .box .box-header .count {\n  margin: 0 10px 0 0;\n  color: #999;\n  letter-spacing: 1px;\n}\n.transfer .box .context {\n  height: 400px;\n  overflow: auto;\n  scrollbar-base-color: red;\n}\n.transfer .box .text-field-content {\n  border: none;\n  border-radius: 0;\n  border-bottom: 1px solid #ddd;\n}\n.transfer ::-webkit-scrollbar-thumb {\n  border-radius: 4px;\n  background: #3666D6;\n}\n.transfer .moveBtn {\n  display: flex;\n  height: 414px;\n  flex-direction: column;\n  justify-content: center;\n}\n.transfer .moveBtn .btn {\n  cursor: not-allowed;\n  width: 36px;\n  height: 36px;\n  border: 1px solid #ABB0B9;\n  border-radius: 8px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 10px 20px;\n}\n.transfer .moveBtn .btn svg {\n  font-size: 18px;\n  fill: #ABB0B9;\n}\n.transfer .moveBtn .on {\n  cursor: pointer;\n  border: 1px solid #3666D6;\n}\n.transfer .moveBtn .on svg {\n  fill: #3666D6;\n}\n.transfer .context .item {\n  margin: 0px 12px;\n  line-height: 0;\n  height: 36px;\n  display: flex;\n  align-items: center;\n}";
+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) {
@@ -61,7 +66,9 @@ var Transfer = function Transfer(_ref) {
       _ref$value = _ref.value,
       value = _ref$value === void 0 ? [] : _ref$value,
       onChange = _ref.onChange,
-      titles = _ref.titles;
+      titles = _ref.titles,
+      className = _ref.className,
+      style = _ref.style;
   var intl = useFormatMessage('Transfer', localeJson);
 
   var _useState = useState(data),
@@ -106,10 +113,10 @@ var Transfer = function Transfer(_ref) {
 
   var onchange = useCallback(function (e, bol, index, direction) {
     if (direction === 'left') {
-      leftData[index].checked = e.target.checked;
+      leftData[index].checked = bol;
       setLeftData(_toConsumableArray(leftData));
     } else {
-      rightData[index].checked = e.target.checked;
+      rightData[index].checked = bol;
       setRightData(_toConsumableArray(rightData));
     }
   }, [leftData, rightData]);
@@ -207,7 +214,8 @@ var Transfer = function Transfer(_ref) {
     }
   }, [leftData, rightData]);
   return jsxs("div", Object.assign({
-    className: "transfer"
+    className: clsx("".concat($prefixCls, "-transfer"), className),
+    style: style
   }, {
     children: [jsxs("div", Object.assign({
       className: "box"
@@ -243,44 +251,67 @@ var Transfer = function Transfer(_ref) {
           var arr = (_a = e === null || e === void 0 ? void 0 : e.split('')) !== null && _a !== void 0 ? _a : [];
           onSearch(arr, 'left');
         },
-        // onEnter={onEnter}
         allowClear: false
       }), jsx("div", Object.assign({
         className: "context"
       }, {
         children: leftData.map(function (item, index) {
-          return jsx("div", Object.assign({
-            className: "item"
+          return jsxs("div", Object.assign({
+            className: clsx('item', item.disabled && 'item-disabled'),
+            onClick: function onClick(e) {
+              if (item.disabled) return;
+              onchange(e, !item.checked, index, 'left');
+            }
           }, {
-            children: jsx(Checkbox, {
-              label: item.name,
+            children: [jsx(Checkbox, {
               size: "medium",
               checked: item.checked,
-              disabled: item.disabled,
-              onChange: function onChange(e, bol) {
-                onchange(e, bol, index, 'left');
-              }
-            })
+              disabled: item.disabled
+            }), jsx("div", Object.assign({
+              className: "item-label"
+            }, {
+              children: jsx(AutoTips, {
+                children: item.name
+              })
+            }))]
           }), item.name);
         })
       }))]
     })), jsxs("div", Object.assign({
       className: "moveBtn"
     }, {
-      children: [jsx("div", Object.assign({
-        className: "btn " + actionLeftStyle,
+      children: [jsx(Button.IconButton, Object.assign({
+        className: 'btn btn-right',
+        variant: 'outlined',
+        disabled: actionRightStyle !== 'on',
+        toolTipTitle: actionRightStyle !== 'on' ? intl({
+          id: 'rightBtnTips'
+        }) : '',
+        TooltipProps: {
+          arrow: false,
+          placement: 'bottomRight'
+        },
         onClick: function onClick() {
-          onMove('left');
+          onMove("right");
         }
       }, {
-        children: jsx(NavigateBefore, {})
-      })), jsx("div", Object.assign({
-        className: "btn " + actionRightStyle,
+        children: jsx(Right, {})
+      })), jsx(Button.IconButton, Object.assign({
+        className: 'btn btn-left',
+        variant: 'outlined',
+        disabled: actionLeftStyle !== 'on',
+        toolTipTitle: actionLeftStyle !== 'on' ? intl({
+          id: 'leftBtnTips'
+        }) : '',
+        TooltipProps: {
+          arrow: false,
+          placement: 'bottomRight'
+        },
         onClick: function onClick() {
-          onMove("right");
+          onMove('left');
         }
       }, {
-        children: jsx(Right, {})
+        children: jsx(NavigateBefore, {})
       }))]
     })), jsxs("div", Object.assign({
       className: "box"
@@ -321,18 +352,24 @@ var Transfer = function Transfer(_ref) {
         className: "context"
       }, {
         children: rightData.map(function (item, index) {
-          return jsx("div", Object.assign({
-            className: "item"
+          return jsxs("div", Object.assign({
+            className: clsx('item', item.disabled && 'item-disabled'),
+            onClick: function onClick(e) {
+              if (item.disabled) return;
+              onchange(e, !item.checked, index, 'right');
+            }
           }, {
-            children: jsx(Checkbox, {
-              label: item.name,
+            children: [jsx(Checkbox, {
               size: "medium",
               checked: item.checked,
-              disabled: item.disabled,
-              onChange: function onChange(e, bol) {
-                onchange(e, bol, index, 'right');
-              }
-            })
+              disabled: item.disabled
+            }), jsx("div", Object.assign({
+              className: "item-label"
+            }, {
+              children: jsx(AutoTips, {
+                children: item.name
+              })
+            }))]
           }), item.name);
         })
       }))]

package/Transfer/lang/en_US.d.ts

@@ -2,5 +2,7 @@ declare const _default: {
     left: string;
     right: string;
     searchPlaceholder: string;
+    leftBtnTips: string;
+    rightBtnTips: string;
 };
 export default _default;

package/Transfer/lang/zh_CN.d.ts

@@ -2,5 +2,7 @@ declare const _default: {
     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-5bb4b5d7.js';
-export { T as default } from '../_verture/index-5bb4b5d7.js';
+import { T as Tree } from '../_verture/index-77832168.js';
+export { T as default } from '../_verture/index-77832168.js';
 import '../_verture/toConsumableArray-f8047a75.js';
 import '../_verture/slicedToArray-d7722f4b.js';
 import '../_verture/defineProperty-0590dc61.js';
@@ -19,6 +19,7 @@ import '../Help/index.js';
 import '../Tooltip/index.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
+import '../_verture/constant-bf34e6fa.js';
 import '../_verture/style-inject.es-300983ab.js';
 import '@para-ui/icons/Help';
 import 'react-dom';

package/Tree/utils/tools.d.ts

@@ -3,7 +3,6 @@ interface RFiled {
     key: string;
     parentId: string;
 }
-export declare const getPrefixCls: (suffixCls?: string, customizePrefixCls?: string) => string;
 export declare const debounce: (func: Function, wait?: number, options?: any) => {
     (...args: any): any;
     cancel: () => void;

package/Upload/ImgCrop/EasyCrop.d.ts

@@ -9,7 +9,7 @@ export declare type EasyCropHandle = {
     setRotateVal: Dispatch<SetStateAction<number>>;
     cropPixelsRef: MutableRefObject<Area>;
 };
-interface EasyCropProps extends Required<Pick<ImgCropProps, 'aspect' | 'shape' | 'grid' | 'zoom' | 'rotate' | 'minZoom' | 'maxZoom' | 'cropperProps'>> {
+interface EasyCropProps extends Required<Pick<ImgCropProps, 'aspect' | 'shape' | 'grid' | 'zoom' | 'rotate' | 'minZoom' | 'maxZoom' | 'cropperProps' | 'fixedCropSize'>> {
     cropperRef: ForwardedRef<Cropper>;
     image: string;
 }

package/Upload/ImgCrop/constants.d.ts

@@ -1,4 +1,4 @@
-export declare const PREFIX = "paraui-img-crop";
+export declare const PREFIX: string;
 export declare const INIT_ZOOM = 1;
 export declare const ZOOM_STEP = 0.1;
 export declare const INIT_ROTATE = 0;

package/Upload/ImgCrop/interface.d.ts

@@ -16,6 +16,11 @@ export interface ImgCropProps {
     zoom?: boolean;
     /** 是否支持旋转 */
     rotate?: boolean;
+    /** 固定裁剪大小 */
+    fixedCropSize?: {
+        width: number;
+        height: number;
+    };
     /** 最小缩放值 */
     minZoom?: number;
     /** 最大缩放值 */