@zat-design/sisyphus-react 3.0.16-beta.4 → 3.1.4

package/lib/ProThemeTools/propsType.d.ts

@@ -5,6 +5,10 @@ export interface DevToolsPropsType {
     setState: any;
     visible: boolean;
     state: LocalThemeConfigPropsType;
+    /** 是否有表格边框 */
+    tableBorder?: boolean;
+    /** 是否有斑马纹 */
+    tableStripe?: boolean;
 }
 export interface ProThemeToolsProps {
     size?: number;
@@ -13,6 +17,10 @@ export interface ProThemeToolsProps {
     cacheTime?: number | boolean;
     /** 是否跟随主题色 */
     theme?: boolean;
+    /** 是否有表格边框 */
+    tableBorder?: boolean;
+    /** 是否有斑马纹 */
+    tableStripe?: boolean;
     [key: string]: any;
 }
 export interface LocalThemeConfigPropsType {
@@ -23,8 +31,8 @@ export interface LocalThemeConfigPropsType {
     zauiFormRequiredAfter?: string;
     zauiFormRequiredBefore?: string;
     zauiSize?: number;
-    zauiHeightCard?: number;
-    zauiHeightBorder?: number;
+    zauiSpaceSizeLg?: number;
+    zauiSpaceSizeMd?: number;
     /** 大字号模式 */
     zauiBigText?: boolean;
     /** 是否有表格边框 */

package/lib/ProThemeTools/utils/index.d.ts

@@ -17,3 +17,8 @@ export declare const getKebabCase: (str: string) => string;
  * @param stripe boolean
  */
 export declare const setTableNoStripe: (stripe: boolean) => void;
+/**
+ * 设置表格边框
+ * @param border boolean
+ */
+export declare const setTableBorder: (border: boolean) => void;

package/lib/ProThemeTools/utils/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.setThemes = exports.setTableNoStripe = exports.replaceObject = exports.getKebabCase = void 0;
+exports.setThemes = exports.setTableNoStripe = exports.setTableBorder = exports.replaceObject = exports.getKebabCase = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _antd = require("antd");
 /** 主题配置mapping */
@@ -16,7 +16,7 @@ var configProviderMapping = {
  * @param themes
  * @param themeMapping
  */
-var replaceObject = function replaceObject(themes, themeMapping) {
+var replaceObject = exports.replaceObject = function replaceObject(themes, themeMapping) {
   var result = {};
   Object.keys(themes).forEach(function (key, index) {
     var value = themes[key];
@@ -30,8 +30,7 @@ var replaceObject = function replaceObject(themes, themeMapping) {
 /**
  * 设置主题变量
  */
-exports.replaceObject = replaceObject;
-var setThemes = function setThemes(themes, themeMapping) {
+var setThemes = exports.setThemes = function setThemes(themes, themeMapping) {
   if (!Object.keys(themes).length) {
     return false;
   }
@@ -49,8 +48,7 @@ var setThemes = function setThemes(themes, themeMapping) {
   });
 };
 // JS实现驼峰命名与横线命名的转换
-exports.setThemes = setThemes;
-var getKebabCase = function getKebabCase(str) {
+var getKebabCase = exports.getKebabCase = function getKebabCase(str) {
   var temp = str.replace(/[A-Z]/g, function (i) {
     return "-".concat(i.toLowerCase());
   });
@@ -64,9 +62,9 @@ var getKebabCase = function getKebabCase(str) {
  * 设置表格斑马纹
  * @param stripe boolean
  */
-exports.getKebabCase = getKebabCase;
-var setTableNoStripe = function setTableNoStripe(stripe) {
+var setTableNoStripe = exports.setTableNoStripe = function setTableNoStripe(stripe) {
   var proTables = document.querySelectorAll('.pro-table');
+  var antTables = document.querySelectorAll('.ant-table');
   if (!proTables.length) {
     return;
   }
@@ -78,5 +76,30 @@ var setTableNoStripe = function setTableNoStripe(stripe) {
       proTable.classList.add('pro-table-no-stripe');
     }
   }
+  for (var _i = 0; _i < antTables.length; _i++) {
+    var antTable = antTables[_i];
+    if (stripe) {
+      antTable.classList.remove('pro-table-no-stripe');
+    } else {
+      antTable.classList.add('pro-table-no-stripe');
+    }
+  }
 };
-exports.setTableNoStripe = setTableNoStripe;
+/**
+ * 设置表格边框
+ * @param border boolean
+ */
+var setTableBorder = exports.setTableBorder = function setTableBorder(border) {
+  var proTables = document.querySelectorAll('.pro-table');
+  if (!proTables.length) {
+    return;
+  }
+  for (var i = 0; i < proTables.length; i++) {
+    var proTable = proTables[i];
+    if (border) {
+      proTable.classList.add('pro-table-bordered');
+    } else {
+      proTable.classList.remove('pro-table-bordered');
+    }
+  }
+};

package/lib/ProTooltip/index.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
 import { ProTooltipPropsType } from './propsType';
 import './style/index.less';
-declare const ProTooltip: (props: ProTooltipPropsType) => React.JSX.Element;
+declare const ProTooltip: (props: ProTooltipPropsType) => JSX.Element;
 export default ProTooltip;

package/lib/ProTooltip/index.js

@@ -1,25 +1,29 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _jsxRuntime = require("react/jsx-runtime");
 var _ahooks = require("ahooks");
 var _antd = require("antd");
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _classnames2 = _interopRequireDefault(require("classnames"));
 require("./style/index.less");
-var _excluded = ["text", "width", "line", "isResponsiveWidth", "className", "style"];
+var _excluded = ["text", "mode", "width", "line", "isResponsiveWidth", "className", "style", "lineHeight"];
 var ProTooltip = function ProTooltip(props) {
+  var _useSize;
   var ref = (0, _react.useRef)();
   var childRef = (0, _react.useRef)();
+  var contentWrapRef = (0, _react.useRef)();
   var text = props.text,
+    _props$mode = props.mode,
+    mode = _props$mode === void 0 ? 'default' : _props$mode,
     _props$width = props.width,
     width = _props$width === void 0 ? '120px' : _props$width,
     _props$line = props.line,
@@ -30,72 +34,252 @@ var ProTooltip = function ProTooltip(props) {
     className = _props$className === void 0 ? '' : _props$className,
     _props$style = props.style,
     style = _props$style === void 0 ? {} : _props$style,
+    _props$lineHeight = props.lineHeight,
+    lineHeight = _props$lineHeight === void 0 ? 22 : _props$lineHeight,
     restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var _width = mode === 'auto' ? 'auto' : width;
   var content = text !== null && text !== void 0 ? text : '-';
   var isMultiLine = Number(line) > 1;
-  var _useState = (0, _react.useState)(width),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    localWidth = _useState2[0],
-    setLocalWidth = _useState2[1];
-  var _useState3 = (0, _react.useState)(true),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    isShowToolTip = _useState4[0],
-    setIsShowToolTip = _useState4[1];
-  var _useState5 = (0, _react.useState)(),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    parentElement = _useState6[0],
-    setParentElement = _useState6[1];
+  var _useSetState = (0, _ahooks.useSetState)({
+      localWidth: _width,
+      isShowToolTip: true,
+      localElement: null,
+      parentElement: null,
+      specialProps: {
+        visibility: 'hidden'
+      },
+      visible: 'hidden'
+    }),
+    _useSetState2 = (0, _slicedToArray2.default)(_useSetState, 2),
+    _useSetState2$ = _useSetState2[0],
+    localWidth = _useSetState2$.localWidth,
+    isShowToolTip = _useSetState2$.isShowToolTip,
+    parentElement = _useSetState2$.parentElement,
+    localElement = _useSetState2$.localElement,
+    specialProps = _useSetState2$.specialProps,
+    visible = _useSetState2$.visible,
+    setState = _useSetState2[1];
   var size = (0, _ahooks.useSize)(parentElement);
+  var debouncedValue = (0, _ahooks.useDebounce)(size, {
+    wait: 16.7
+  });
+  var _ref = (_useSize = (0, _ahooks.useSize)(localElement)) !== null && _useSize !== void 0 ? _useSize : {},
+    _localSizeWidth = _ref.width;
+  var overlayStyle = mode === 'auto' ? {
+    maxWidth: _localSizeWidth
+  } : {};
   var multiStyle = isMultiLine ? {
     WebkitLineClamp: line
   } : {};
+  var AutoMixinSingle = function AutoMixinSingle() {
+    return isShowToolTip && line === 1 ? (0, _jsxRuntime.jsx)(_antd.Tooltip, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      title: text
+    }, restProps), {}, {
+      overlayStyle: overlayStyle,
+      children: (0, _jsxRuntime.jsx)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, specialProps), {}, {
+        style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, multiStyle), {}, {
+          width: localWidth,
+          visibility: visible
+        }),
+        ref: childRef,
+        children: (0, _jsxRuntime.jsx)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, specialProps), {}, {
+          ref: contentWrapRef,
+          children: content
+        }))
+      }))
+    })) : (0, _jsxRuntime.jsx)("div", {
+      className: isMultiLine ? 'multiLine' : 'singleLine',
+      style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, multiStyle), {}, {
+        width: localWidth
+      }),
+      ref: childRef,
+      children: (0, _jsxRuntime.jsx)("div", {
+        className: "single-content-box",
+        style: {
+          visibility: visible
+        },
+        ref: contentWrapRef,
+        children: content
+      })
+    });
+  };
+  var AutoMixinMulti = function AutoMixinMulti() {
+    return isShowToolTip && line > 1 ? (0, _jsxRuntime.jsx)(_antd.Tooltip, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      title: text
+    }, restProps), {}, {
+      overlayStyle: overlayStyle,
+      children: (0, _jsxRuntime.jsx)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, specialProps), {}, {
+        style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, multiStyle), {}, {
+          width: localWidth,
+          visibility: visible
+        }),
+        ref: childRef,
+        children: (0, _jsxRuntime.jsx)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, specialProps), {}, {
+          ref: contentWrapRef,
+          children: content
+        }))
+      }))
+    })) : (0, _jsxRuntime.jsx)("div", {
+      className: "multiLine",
+      style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, multiStyle), {}, {
+        width: localWidth
+      }),
+      ref: childRef,
+      children: (0, _jsxRuntime.jsx)("div", {
+        className: "multi-content-box",
+        style: {
+          visibility: visible
+        },
+        ref: contentWrapRef,
+        children: content
+      })
+    });
+  };
+  var AutoMixin = function AutoMixin() {
+    if (mode !== 'auto') {
+      return null;
+    }
+    return line > 1 ? (0, _jsxRuntime.jsx)(AutoMixinMulti, {}) : (0, _jsxRuntime.jsx)(AutoMixinSingle, {});
+  };
   (0, _react.useEffect)(function () {
     if (isResponsiveWidth && parentElement) {
       var cWidth = parentElement.clientWidth - 32;
       var contentDom = childRef.current;
-      setIsShowToolTip(contentDom.scrollWidth > contentDom.offsetWidth);
-      setLocalWidth(cWidth);
+      setState({
+        isShowToolTip: contentDom.scrollWidth > contentDom.offsetWidth,
+        localWidth: cWidth
+      });
+    }
+    if (!isResponsiveWidth) {
+      setState({
+        localWidth: _width
+      });
     }
-    !isResponsiveWidth && setLocalWidth(width);
   }, [isResponsiveWidth, size]);
+  (0, _react.useEffect)(function () {
+    if (mode === 'auto' && line === 1) {
+      var localDom = ref.current;
+      setState({
+        localElement: localDom,
+        parentElement: localDom.parentElement,
+        specialProps: {
+          visibility: 'hidden'
+        },
+        visible: 'hidden'
+      });
+      var contentWrapDom = childRef.current;
+      var contentDom = contentWrapRef.current;
+      if (contentWrapDom && contentDom) {
+        if ((contentWrapDom === null || contentWrapDom === void 0 ? void 0 : contentWrapDom.offsetWidth) && (contentDom === null || contentDom === void 0 ? void 0 : contentDom.scrollWidth)) {
+          setState({
+            isShowToolTip: contentDom.scrollWidth > contentDom.offsetWidth,
+            specialProps: {
+              className: 'singleLine',
+              style: {
+                display: 'inline-block',
+                maxWidth: '100%',
+                visibility: 'visible'
+              }
+            },
+            visible: 'visible'
+          });
+        }
+      }
+    }
+  }, [mode, debouncedValue]);
+  (0, _react.useEffect)(function () {
+    if (mode === 'auto' && line > 1 && JSON.stringify(specialProps) === '{}') {
+      var localDom = ref.current;
+      setState({
+        localElement: localDom,
+        parentElement: localDom.parentElement,
+        specialProps: {}
+      });
+      var contentWrapDom = childRef.current;
+      var contentDom = contentWrapRef.current;
+      if (contentWrapDom && contentDom) {
+        if (contentWrapDom === null || contentWrapDom === void 0 ? void 0 : contentWrapDom.scrollHeight) {
+          setState({
+            isShowToolTip: (contentWrapDom === null || contentWrapDom === void 0 ? void 0 : contentWrapDom.scrollHeight) > lineHeight * Number(line),
+            specialProps: {
+              className: 'multiLine',
+              style: (0, _objectSpread2.default)({
+                maxWidth: '100%',
+                visibility: 'visible'
+              }, multiStyle)
+            },
+            visible: 'visible'
+          });
+        }
+      }
+    }
+  }, [mode, debouncedValue, specialProps]);
+  (0, _react.useEffect)(function () {
+    if (mode === 'auto' && line === 1) {
+      setState({
+        specialProps: {
+          visibility: 'hidden'
+        },
+        visible: 'hidden'
+      });
+    }
+  }, [size]);
+  (0, _react.useEffect)(function () {
+    if (mode === 'auto' && line > 1) {
+      if (JSON.stringify(specialProps) !== '{}') {
+        setState({
+          specialProps: {}
+        });
+      }
+    }
+  }, [debouncedValue]);
   (0, _react.useEffect)(function () {
     var localDom = ref.current;
-    setParentElement(localDom.parentElement);
     var contentDom = childRef.current;
-    setIsShowToolTip(contentDom.scrollWidth > contentDom.offsetWidth);
+    setState({
+      parentElement: localDom.parentElement,
+      isShowToolTip: contentDom.scrollWidth > contentDom.offsetWidth
+    });
   }, []);
   var cls = (0, _classnames2.default)((0, _defineProperty2.default)({
     'pro-tooltip': true
   }, "".concat(className), className));
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return (0, _jsxRuntime.jsx)("div", {
     className: cls,
     ref: ref,
     style: (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, style), multiStyle), {}, {
       width: localWidth
-    })
-  }, isResponsiveWidth && isShowToolTip ? /*#__PURE__*/_react.default.createElement(_antd.Tooltip, (0, _objectSpread2.default)({
-    title: text
-  }, restProps), /*#__PURE__*/_react.default.createElement("div", {
-    className: isMultiLine ? 'multiLine' : 'singleLine',
-    style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, multiStyle), {}, {
-      width: localWidth
-    }),
-    ref: childRef
-  }, content)) : isResponsiveWidth ? /*#__PURE__*/_react.default.createElement("div", {
-    className: isMultiLine ? 'multiLine' : 'singleLine',
-    style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, multiStyle), {}, {
-      width: localWidth
-    }),
-    ref: childRef
-  }, content) : /*#__PURE__*/_react.default.createElement(_antd.Tooltip, (0, _objectSpread2.default)({
-    title: text
-  }, restProps), /*#__PURE__*/_react.default.createElement("div", {
-    className: isMultiLine ? 'multiLine' : 'singleLine',
-    style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, multiStyle), {}, {
-      width: localWidth
     }),
-    ref: childRef
-  }, content)));
+    children: isResponsiveWidth && isShowToolTip ? (0, _jsxRuntime.jsx)(_antd.Tooltip, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      title: text
+    }, restProps), {}, {
+      children: (0, _jsxRuntime.jsx)("div", {
+        className: isMultiLine ? 'multiLine' : 'singleLine',
+        style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, multiStyle), {}, {
+          width: localWidth
+        }),
+        ref: childRef,
+        children: content
+      })
+    })) : isResponsiveWidth ? (0, _jsxRuntime.jsx)("div", {
+      className: isMultiLine ? 'multiLine' : 'singleLine',
+      style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, multiStyle), {}, {
+        width: localWidth
+      }),
+      ref: childRef,
+      children: content
+    }) : mode === 'default' ? (0, _jsxRuntime.jsx)(_antd.Tooltip, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      title: text
+    }, restProps), {}, {
+      children: (0, _jsxRuntime.jsx)("div", {
+        className: isMultiLine ? 'multiLine' : 'singleLine',
+        style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, multiStyle), {}, {
+          width: localWidth
+        }),
+        ref: childRef,
+        children: content
+      })
+    })) : (0, _jsxRuntime.jsx)(AutoMixin, {})
+  });
 };
-var _default = ProTooltip;
-exports.default = _default;
+var _default = exports.default = ProTooltip;

package/lib/ProTooltip/propsType.d.ts

@@ -5,8 +5,11 @@ export interface ProTooltipPropsType {
     line?: number;
     isResponsiveWidth?: Boolean;
     className?: string;
+    children?: React.ReactNode;
     /** 样式 */
     style?: React.CSSProperties;
+    /** 兼容 */
+    [key: string]: any;
 }
 export interface RefObjectPropsType<T> {
     readonly current: T | null;

package/lib/ProTooltip/style/index.less

@@ -2,21 +2,32 @@
   cursor: pointer;
 
   .singleLine {
-    overflow     : hidden;
-    white-space  : nowrap;
+    height: 16px;
+    overflow: hidden;
+    line-height: 16px;
+    white-space: nowrap;
     text-overflow: ellipsis;
+    transition: all 0.1s ease-in-out;
+    > .single-content-box {
+      display: 'inline-block';
+      max-width: '100%';
+      height: '100%';
+    }
 
-    &>* {
-      overflow     : hidden;
-      white-space  : nowrap;
+    & > * {
+      overflow: hidden;
+      white-space: nowrap;
       text-overflow: ellipsis;
     }
   }
 
   .multiLine {
-    display           : -webkit-box;
-    overflow          : hidden;
+    display: -webkit-box;
+    overflow: hidden;
     -webkit-box-orient: vertical;
+    > .multi-content-box {
+      max-width: '100%';
+      height: '100%';
+    }
   }
-
 }

package/lib/ProTree/components/CloseIcon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare function CloseIcon(props: any): JSX.Element;
+export default CloseIcon;

package/lib/ProTree/components/CloseIcon.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _jsxRuntime = require("react/jsx-runtime");
+function CloseIcon(props) {
+  return (0, _jsxRuntime.jsx)("span", (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    className: "ant-input-suffix"
+  }, props), {}, {
+    children: (0, _jsxRuntime.jsx)("span", {
+      className: "ant-input-clear-icon pro-tree-modal-checkbox-close",
+      role: "button",
+      children: (0, _jsxRuntime.jsx)("span", {
+        role: "img",
+        "aria-label": "close-circle",
+        className: "anticon anticon-close-circle",
+        children: (0, _jsxRuntime.jsx)("svg", {
+          viewBox: "64 64 896 896",
+          focusable: "false",
+          "data-icon": "close-circle",
+          width: "1em",
+          height: "1em",
+          fill: "currentColor",
+          "aria-hidden": "true",
+          children: (0, _jsxRuntime.jsx)("path", {
+            d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
+          })
+        })
+      })
+    })
+  }));
+}
+var _default = exports.default = CloseIcon;

package/lib/ProTree/components/List.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+import { FieldNamesType } from '../propsType';
+interface ListProps {
+    disabled?: boolean;
+    checkedValues?: any[];
+    treeData: any[];
+    searchStr?: string;
+    showCodeName?: boolean;
+    fieldNames: FieldNamesType;
+    mode?: 'render' | 'view';
+    handleOnChange?: (e: any, value: string) => void;
+    handleFilterClose?: (code: string) => void;
+    optionRender?: (item: any, searchStr?: string) => string | ReactNode;
+}
+declare function List(props: ListProps): JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof List>;
+export default _default;

package/lib/ProTree/components/List.js

@@ -0,0 +1,74 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _react = require("react");
+var _antd = require("antd");
+var _SearchTitle = _interopRequireDefault(require("./SearchTitle"));
+var _CloseIcon = _interopRequireDefault(require("./CloseIcon"));
+function List(props) {
+  var checkedValues = props.checkedValues,
+    disabled = props.disabled,
+    treeData = props.treeData,
+    searchStr = props.searchStr,
+    showCodeName = props.showCodeName,
+    _props$mode = props.mode,
+    mode = _props$mode === void 0 ? 'render' : _props$mode,
+    fieldNames = props.fieldNames,
+    handleOnChange = props.handleOnChange,
+    handleFilterClose = props.handleFilterClose,
+    optionRender = props.optionRender;
+  var fieldNameLabel = fieldNames.label;
+  var fieldNameValue = fieldNames.value;
+  if (mode === 'render') {
+    return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: (0, _jsxRuntime.jsx)(_antd.Checkbox.Group, {
+        disabled: disabled,
+        style: {
+          width: '100%'
+        },
+        value: checkedValues,
+        children: treeData.map(function (item) {
+          var title = showCodeName ? "".concat(item[fieldNameValue], "-").concat(item[fieldNameLabel]) : item[fieldNameLabel];
+          return (0, _jsxRuntime.jsx)("div", {
+            className: "pro-tree-checkbox-content",
+            children: (0, _jsxRuntime.jsx)(_antd.Checkbox, {
+              onChange: function onChange(e) {
+                return handleOnChange(e, item[fieldNameValue]);
+              },
+              value: item[fieldNameValue],
+              disabled: item.disabled,
+              children: (0, _jsxRuntime.jsx)("span", {
+                children: optionRender ? optionRender(item, searchStr) : (0, _jsxRuntime.jsx)(_SearchTitle.default, {
+                  label: title,
+                  searchStr: searchStr
+                })
+              })
+            })
+          }, item[fieldNameValue]);
+        })
+      })
+    });
+  }
+  return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: treeData.map(function (item) {
+      var title = showCodeName ? "".concat(item[fieldNameValue], "-").concat(item[fieldNameLabel]) : item[fieldNameLabel];
+      return (0, _jsxRuntime.jsxs)("div", {
+        className: "pro-tree-checkbox-content",
+        children: [(0, _jsxRuntime.jsx)("div", {
+          className: "pro-tree-checkbox-content-look",
+          children: optionRender ? optionRender(item, searchStr) : title
+        }), disabled ? null : (0, _jsxRuntime.jsx)(_CloseIcon.default, {
+          onClick: function onClick() {
+            return handleFilterClose(item[fieldNameValue]);
+          }
+        })]
+      }, item[fieldNames.value]);
+    })
+  });
+}
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(List);

package/lib/ProTree/components/ProTree.d.ts

@@ -0,0 +1,4 @@
+import { ProTreeProps } from '../propsType';
+import '../style/index.less';
+declare const ProTree: (props: ProTreeProps) => JSX.Element;
+export default ProTree;