@zat-design/sisyphus-react 4.0.0-beta.3 → 4.0.0-beta.5

package/lib/ProTreeModal/components/List.js

@@ -1,141 +1,135 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/ProTreeModal/components/List.tsx
-var List_exports = {};
-__export(List_exports, {
-  default: () => List_default
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(List_exports);
-var import_react = __toESM(require("react"));
-var import_antd = require("antd");
-var import_core = require("@dnd-kit/core");
-var import_sortable = require("@dnd-kit/sortable");
-var import_ahooks = require("ahooks");
-var import_SearchTitle = __toESM(require("./SearchTitle"));
-var import_CloseIcon = __toESM(require("./CloseIcon"));
-var import_SortableItem = __toESM(require("./SortableItem"));
-var import__ = require("..");
-var import_utils = require("../../utils");
+exports.default = void 0;
+require("antd/es/row/style");
+var _row = _interopRequireDefault(require("antd/es/row"));
+require("antd/es/col/style");
+var _col = _interopRequireDefault(require("antd/es/col"));
+require("antd/es/checkbox/style");
+var _checkbox = _interopRequireDefault(require("antd/es/checkbox"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _core = require("@dnd-kit/core");
+var _sortable = require("@dnd-kit/sortable");
+var _ahooks = require("ahooks");
+var _SearchTitle = _interopRequireDefault(require("./SearchTitle"));
+var _CloseIcon = _interopRequireDefault(require("./CloseIcon"));
+var _SortableItem = _interopRequireDefault(require("./SortableItem"));
+var _ = require("..");
+var _utils = require("../../utils");
+var _jsxRuntime = require("react/jsx-runtime");
+/* eslint-disable brace-style */
+
 function List(props, ref) {
-  const {
-    checkedValues,
-    disabled,
-    treeData,
-    searchStr,
-    showCodeName,
-    span,
-    mode = "render",
-    fieldNames,
-    draggable,
-    modeType,
-    handleOnChange,
-    handleFilterClose,
-    optionRender,
-    handleDragEndChange
-  } = props;
-  const containerRef = (0, import_react.useRef)(null);
-  const wrapperRef = (0, import_react.useRef)(null);
-  const originalList = (0, import_react.useMemo)(() => treeData, [treeData]);
-  const fieldNameLabel = fieldNames.label;
-  const fieldNameValue = fieldNames.value;
-  const isCASCADER = modeType === import__.CASCADER;
-  const [{ checkedList }, setState] = (0, import_ahooks.useSetState)({
-    checkedList: []
-  });
-  (0, import_react.useImperativeHandle)(ref, () => ({
-    onChange: () => checkedList.map((item) => item[fieldNameValue])
+  var checkedValues = props.checkedValues,
+    disabled = props.disabled,
+    treeData = props.treeData,
+    searchStr = props.searchStr,
+    showCodeName = props.showCodeName,
+    span = props.span,
+    _props$mode = props.mode,
+    mode = _props$mode === void 0 ? 'render' : _props$mode,
+    fieldNames = props.fieldNames,
+    draggable = props.draggable,
+    modeType = props.modeType,
+    handleOnChange = props.handleOnChange,
+    handleFilterClose = props.handleFilterClose,
+    optionRender = props.optionRender,
+    handleDragEndChange = props.handleDragEndChange;
+  var containerRef = (0, _react.useRef)(null);
+  var wrapperRef = (0, _react.useRef)(null);
+  var originalList = (0, _react.useMemo)(() => treeData, [treeData]);
+  var fieldNameLabel = fieldNames.label;
+  var fieldNameValue = fieldNames.value;
+  var isCASCADER = modeType === _.CASCADER;
+  var _useSetState = (0, _ahooks.useSetState)({
+      checkedList: []
+    }),
+    _useSetState2 = (0, _slicedToArray2.default)(_useSetState, 2),
+    checkedList = _useSetState2[0].checkedList,
+    setState = _useSetState2[1];
+  (0, _react.useImperativeHandle)(ref, () => ({
+    onChange: () => checkedList.map(item => item[fieldNameValue])
   }));
-  (0, import_ahooks.useDeepCompareEffect)(() => {
+  (0, _ahooks.useDeepCompareEffect)(() => {
     setState({
       checkedList: treeData
     });
   }, [treeData]);
-  const { min, max } = (0, import_react.useMemo)(() => {
-    let min2 = -1;
-    let max2 = (checkedList == null ? void 0 : checkedList.length) || 0;
-    let minFlag = false;
-    let maxFlag = false;
-    checkedList == null ? void 0 : checkedList.forEach((item, index) => {
-      if (item.disabled && !minFlag) {
-        min2 = index;
-      } else {
-        minFlag = true;
-      }
-      if (!item.disabled && !maxFlag) {
-        maxFlag = true;
-      } else if (maxFlag && item.disabled) {
-        max2 = index;
-        maxFlag = false;
-      }
-    });
-    return { min: min2, max: max2 };
-  }, [checkedList]);
-  const handleDragEnd = ({ active, over }) => {
-    if (active.id !== (over == null ? void 0 : over.id)) {
-      const activeIndex = checkedList.findIndex((item) => (item == null ? void 0 : item[fieldNameValue]) === active.id);
-      const overIndex = checkedList.findIndex((item) => (item == null ? void 0 : item[fieldNameValue]) === (over == null ? void 0 : over.id));
+  var _useMemo = (0, _react.useMemo)(() => {
+      var min = -1;
+      var max = (checkedList === null || checkedList === void 0 ? void 0 : checkedList.length) || 0;
+      var minFlag = false;
+      var maxFlag = false;
+      checkedList === null || checkedList === void 0 || checkedList.forEach((item, index) => {
+        if (item.disabled && !minFlag) {
+          min = index;
+        } else {
+          minFlag = true;
+        }
+        if (!item.disabled && !maxFlag) {
+          maxFlag = true;
+        } else if (maxFlag && item.disabled) {
+          max = index;
+          maxFlag = false;
+        }
+      });
+      return {
+        min,
+        max
+      };
+    }, [checkedList]),
+    min = _useMemo.min,
+    max = _useMemo.max;
+  var handleDragEnd = _ref => {
+    var active = _ref.active,
+      over = _ref.over;
+    if (active.id !== (over === null || over === void 0 ? void 0 : over.id)) {
+      var activeIndex = checkedList.findIndex(item => (item === null || item === void 0 ? void 0 : item[fieldNameValue]) === active.id);
+      var overIndex = checkedList.findIndex(item => (item === null || item === void 0 ? void 0 : item[fieldNameValue]) === (over === null || over === void 0 ? void 0 : over.id));
       if (overIndex <= min || overIndex >= max) {
         return;
       }
-      const newCheckedList = (0, import_sortable.arrayMove)(checkedList, activeIndex, overIndex);
+      var newCheckedList = (0, _sortable.arrayMove)(checkedList, activeIndex, overIndex);
       setState({
         checkedList: newCheckedList
       });
-      handleDragEndChange == null ? void 0 : handleDragEndChange(newCheckedList.map((item) => item[fieldNameValue]));
+      handleDragEndChange === null || handleDragEndChange === void 0 || handleDragEndChange(newCheckedList.map(item => item[fieldNameValue]));
     }
   };
   function getLineHeight(string, width) {
-    if ((0, import_utils.isEmpty)(string)) {
+    if ((0, _utils.isEmpty)(string)) {
       return 0;
     }
-    const temp = document.createElement("div");
-    temp.style.position = "absolute";
-    temp.style.visibility = "hidden";
-    temp.style.right = "-10000px";
-    temp.style.width = `${width}px`;
-    temp.style.whiteSpace = "normal";
-    temp.innerHTML = string.replace(/\n/g, "<br>");
-    document.body.appendChild(temp);
-    const len = Math.floor(temp.getBoundingClientRect().height / 20);
+    // 创建临时元素
+    var temp = document.createElement('div');
+    temp.style.position = 'absolute';
+    temp.style.visibility = 'hidden';
+    temp.style.right = '-10000px';
+    temp.style.width = `${width}px`; // 设置宽度
+    temp.style.whiteSpace = 'normal'; // 保持换行
+    temp.innerHTML = string.replace(/\n/g, '<br>'); // 替换换行符
+    document.body.appendChild(temp); // 添加到DOM中以获取计算后的高度
+    // 清理
+    var len = Math.floor(temp.getBoundingClientRect().height / 20);
     document.body.removeChild(temp);
     return len * 20;
   }
-  const handleCommonTitle = (item) => {
+  var handleCommonTitle = item => {
     if (isCASCADER) {
-      return item == null ? void 0 : item.title;
+      return item === null || item === void 0 ? void 0 : item.title;
     }
     return item[fieldNameLabel];
   };
-  const handleGetTitle = (item) => {
+  var handleGetTitle = item => {
     if (showCodeName) {
       if (isCASCADER) {
-        if (item[fieldNameValue] && (item == null ? void 0 : item.title)) {
+        if (item[fieldNameValue] && item !== null && item !== void 0 && item.title) {
           return `${item[fieldNameValue]}-${item.title}`;
         }
         return handleCommonTitle(item);
@@ -147,94 +141,154 @@ function List(props, ref) {
     }
     return handleCommonTitle(item);
   };
-  const [list] = (0, import_ahooks.useVirtualList)(originalList, {
-    containerTarget: containerRef,
-    wrapperTarget: wrapperRef,
-    itemHeight: (index, item) => {
-      const title = handleGetTitle(item);
-      return Math.floor(getLineHeight(title, 406)) + 12;
-    }
-  });
-  const isRowCols = mode === "render" && span && span !== 24;
+  var _useVirtualList = (0, _ahooks.useVirtualList)(originalList, {
+      containerTarget: containerRef,
+      wrapperTarget: wrapperRef,
+      itemHeight: (index, item) => {
+        var title = handleGetTitle(item);
+        return Math.floor(getLineHeight(title, 406)) + 12;
+      }
+    }),
+    _useVirtualList2 = (0, _slicedToArray2.default)(_useVirtualList, 1),
+    list = _useVirtualList2[0];
+
+  // 是否为多列模式
+  var isRowCols = mode === 'render' && span && span !== 24;
+
+  // 开启 draggable 拖拽模式
   if (draggable) {
-    return /* @__PURE__ */ import_react.default.createElement("div", { className: "checked-container" }, /* @__PURE__ */ import_react.default.createElement(import_core.DndContext, { onDragEnd: handleDragEnd }, /* @__PURE__ */ import_react.default.createElement(
-      import_sortable.SortableContext,
-      {
-        items: checkedList == null ? void 0 : checkedList.map((item) => item == null ? void 0 : item[fieldNameValue]),
-        strategy: import_sortable.verticalListSortingStrategy
-      },
-      checkedList == null ? void 0 : checkedList.map((item) => /* @__PURE__ */ import_react.default.createElement(
-        import_SortableItem.default,
-        {
-          key: `item-${item == null ? void 0 : item[fieldNameValue]}`,
-          "data-row-key": item == null ? void 0 : item[fieldNameValue],
-          label: item == null ? void 0 : item[fieldNameLabel],
-          item,
-          drag: draggable,
-          disabled,
-          onClose: () => handleFilterClose(item[fieldNameValue])
-        }
-      ))
-    )));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "checked-container",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_core.DndContext, {
+        onDragEnd: handleDragEnd,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sortable.SortableContext, {
+          items: checkedList === null || checkedList === void 0 ? void 0 : checkedList.map(item => item === null || item === void 0 ? void 0 : item[fieldNameValue]),
+          strategy: _sortable.verticalListSortingStrategy,
+          children: checkedList === null || checkedList === void 0 ? void 0 : checkedList.map(item => /*#__PURE__*/(0, _jsxRuntime.jsx)(_SortableItem.default, {
+            "data-row-key": item === null || item === void 0 ? void 0 : item[fieldNameValue],
+            label: item === null || item === void 0 ? void 0 : item[fieldNameLabel],
+            item: item,
+            drag: draggable,
+            disabled: disabled,
+            onClose: () => handleFilterClose(item[fieldNameValue])
+          }, `item-${item === null || item === void 0 ? void 0 : item[fieldNameValue]}`))
+        })
+      })
+    });
   }
-  if (!isRowCols && mode === "render") {
-    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_antd.Checkbox.Group, { disabled, style: { width: "100%" }, value: checkedValues }, /* @__PURE__ */ import_react.default.createElement("div", { ref: containerRef, style: { height: "432px", overflow: "auto", width: "100%" } }, /* @__PURE__ */ import_react.default.createElement("div", { ref: wrapperRef }, /* @__PURE__ */ import_react.default.createElement(import_antd.Row, null, list.map((_item) => {
-      const item = _item.data;
-      const title = handleGetTitle(item);
-      const content = optionRender ? optionRender(item, searchStr) : /* @__PURE__ */ import_react.default.createElement(import_SearchTitle.default, { label: title, searchStr });
-      return /* @__PURE__ */ import_react.default.createElement(
-        import_antd.Col,
-        {
-          span: span || 24,
-          key: item[fieldNameValue],
-          className: !span || span === 24 ? "pro-tree-modal-checkbox-content" : "",
-          style: { marginBottom: span ? 16 : 12 }
+
+  // 编辑状态
+  if (!isRowCols && mode === 'render') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.default.Group, {
+        disabled: disabled,
+        style: {
+          width: '100%'
         },
-        /* @__PURE__ */ import_react.default.createElement(
-          import_antd.Checkbox,
-          {
-            onChange: (e) => handleOnChange == null ? void 0 : handleOnChange(e, item[fieldNameValue]),
-            value: item[fieldNameValue],
-            disabled: item.disabled
+        value: checkedValues,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          ref: containerRef,
+          style: {
+            height: '432px',
+            overflow: 'auto',
+            width: '100%'
           },
-          content
-        )
-      );
-    }))))));
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            ref: wrapperRef,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_row.default, {
+              children: list.map(_item => {
+                var item = _item.data;
+                var title = handleGetTitle(item);
+                var content = optionRender ? optionRender(item, searchStr) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_SearchTitle.default, {
+                  label: title,
+                  searchStr: searchStr
+                });
+                return /*#__PURE__*/(0, _jsxRuntime.jsx)(_col.default, {
+                  span: span || 24,
+                  className: !span || span === 24 ? 'pro-tree-modal-checkbox-content' : '',
+                  style: {
+                    marginBottom: span ? 16 : 12
+                  },
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.default, {
+                    onChange: e => handleOnChange === null || handleOnChange === void 0 ? void 0 : handleOnChange(e, item[fieldNameValue]),
+                    value: item[fieldNameValue],
+                    disabled: item.disabled,
+                    children: content
+                  })
+                }, item[fieldNameValue]);
+              })
+            })
+          })
+        })
+      })
+    });
   }
+
+  // 编辑状态
   if (isRowCols) {
-    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_antd.Checkbox.Group, { disabled, style: { width: "100%" }, value: checkedValues }, /* @__PURE__ */ import_react.default.createElement(import_antd.Row, null, treeData.map((item) => {
-      const title = handleGetTitle(item);
-      const content = optionRender ? optionRender(item, searchStr) : /* @__PURE__ */ import_react.default.createElement(import_SearchTitle.default, { label: title, searchStr });
-      return /* @__PURE__ */ import_react.default.createElement(
-        import_antd.Col,
-        {
-          span: span || 24,
-          key: item[fieldNameValue],
-          className: !span || span === 24 ? "pro-tree-modal-checkbox-content" : "",
-          style: { marginBottom: span ? 16 : 12 }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.default.Group, {
+        disabled: disabled,
+        style: {
+          width: '100%'
         },
-        /* @__PURE__ */ import_react.default.createElement(
-          import_antd.Checkbox,
-          {
-            onChange: (e) => handleOnChange(e, item[fieldNameValue]),
-            value: item[fieldNameValue],
-            disabled: item.disabled
-          },
-          content
-        )
-      );
-    }))));
+        value: checkedValues,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_row.default, {
+          children: treeData.map(item => {
+            var title = handleGetTitle(item);
+            var content = optionRender ? optionRender(item, searchStr) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_SearchTitle.default, {
+              label: title,
+              searchStr: searchStr
+            });
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_col.default, {
+              span: span || 24,
+              className: !span || span === 24 ? 'pro-tree-modal-checkbox-content' : '',
+              style: {
+                marginBottom: span ? 16 : 12
+              },
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.default, {
+                onChange: e => handleOnChange(e, item[fieldNameValue]),
+                value: item[fieldNameValue],
+                disabled: item.disabled,
+                children: content
+              })
+            }, item[fieldNameValue]);
+          })
+        })
+      })
+    });
   }
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { ref: containerRef, style: { height: "432px", overflow: "auto" } }, /* @__PURE__ */ import_react.default.createElement("div", { ref: wrapperRef }, list.map((_item) => {
-    const item = _item.data;
-    let title = item[fieldNameLabel];
-    if (showCodeName) {
-      if (item[fieldNameValue] && item[fieldNameLabel]) {
-        title = `${item[fieldNameValue]}-${item[fieldNameLabel]}`;
-      }
-    }
-    return /* @__PURE__ */ import_react.default.createElement("div", { key: item[fieldNames.value], className: "pro-tree-modal-checkbox-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pro-tree-modal-checkbox-content-look" }, optionRender ? optionRender(item, searchStr) : title), disabled ? null : /* @__PURE__ */ import_react.default.createElement(import_CloseIcon.default, { onClick: () => handleFilterClose(item[fieldNameValue]) }));
-  }))));
+
+  // 预览状态
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      ref: containerRef,
+      style: {
+        height: '432px',
+        overflow: 'auto'
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        ref: wrapperRef,
+        children: list.map(_item => {
+          var item = _item.data;
+          var title = item[fieldNameLabel];
+          if (showCodeName) {
+            if (item[fieldNameValue] && item[fieldNameLabel]) {
+              title = `${item[fieldNameValue]}-${item[fieldNameLabel]}`;
+            }
+          }
+          return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "pro-tree-modal-checkbox-content",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: "pro-tree-modal-checkbox-content-look",
+              children: optionRender ? optionRender(item, searchStr) : title
+            }), disabled ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_CloseIcon.default, {
+              onClick: () => handleFilterClose(item[fieldNameValue])
+            })]
+          }, item[fieldNames.value]);
+        })
+      })
+    })
+  });
 }
-var List_default = (0, import_react.forwardRef)(List);
+var _default = exports.default = /*#__PURE__*/(0, _react.forwardRef)(List);

package/lib/ProTreeModal/components/SearchTitle.js

@@ -1,35 +1,27 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/ProTreeModal/components/SearchTitle.tsx
-var SearchTitle_exports = {};
-__export(SearchTitle_exports, {
-  default: () => SearchTitle_default
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(SearchTitle_exports);
-var import_react = require("react");
+exports.default = void 0;
+var _react = require("react");
+var _jsxRuntime = require("react/jsx-runtime");
 function SearchTitle(props) {
-  const { label, searchStr = "" } = props;
-  const strTitle = label;
-  const index = strTitle == null ? void 0 : strTitle.indexOf(searchStr);
-  const beforeStr = strTitle == null ? void 0 : strTitle.substring(0, index);
-  const afterStr = strTitle == null ? void 0 : strTitle.slice(index + searchStr.length);
-  const title = index > -1 ? /* @__PURE__ */ React.createElement("span", null, beforeStr, searchStr ? /* @__PURE__ */ React.createElement("span", { className: "pro-tree-modal-search-value" }, searchStr) : null, afterStr) : /* @__PURE__ */ React.createElement("span", null, strTitle);
+  var label = props.label,
+    _props$searchStr = props.searchStr,
+    searchStr = _props$searchStr === void 0 ? '' : _props$searchStr;
+  var strTitle = label;
+  var index = strTitle === null || strTitle === void 0 ? void 0 : strTitle.indexOf(searchStr);
+  var beforeStr = strTitle === null || strTitle === void 0 ? void 0 : strTitle.substring(0, index);
+  var afterStr = strTitle === null || strTitle === void 0 ? void 0 : strTitle.slice(index + searchStr.length);
+  var title = index > -1 ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+    children: [beforeStr, searchStr ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: "pro-tree-modal-search-value",
+      children: searchStr
+    }) : null, afterStr]
+  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    children: strTitle
+  });
   return title;
 }
-var SearchTitle_default = (0, import_react.memo)(SearchTitle);
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(SearchTitle);