@zat-design/sisyphus-react 3.13.14-deta.2 → 4.0.0-beta.3

package/lib/ProTreeModal/components/List.js

@@ -1,315 +1,240 @@
-"use strict";
+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);
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
+// src/ProTreeModal/components/List.tsx
+var List_exports = {};
+__export(List_exports, {
+  default: () => List_default
 });
-exports.default = void 0;
-require("antd/es/col/style");
-var _col = _interopRequireDefault(require("antd/es/col"));
-require("antd/es/row/style");
-var _row = _interopRequireDefault(require("antd/es/row"));
-require("antd/es/checkbox/style");
-var _checkbox = _interopRequireDefault(require("antd/es/checkbox"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _react = 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");
-/* eslint-disable brace-style */
-
+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");
 function List(props, ref) {
-  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,
-    flatTreeData = props.flatTreeData,
-    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)(function () {
-    return 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, function () {
-    return {
-      onChange: function onChange() {
-        return checkedList.map(function (item) {
-          return item[fieldNameValue];
-        });
-      }
-    };
+  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, _ahooks.useDeepCompareEffect)(function () {
+  (0, import_react.useImperativeHandle)(ref, () => ({
+    onChange: () => checkedList.map((item) => item[fieldNameValue])
+  }));
+  (0, import_ahooks.useDeepCompareEffect)(() => {
     setState({
       checkedList: treeData
     });
   }, [treeData]);
-  var _useMemo = (0, _react.useMemo)(function () {
-      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 ? void 0 : checkedList.forEach(function (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: min,
-        max: max
-      };
-    }, [checkedList]),
-    min = _useMemo.min,
-    max = _useMemo.max;
-  var handleDragEnd = function 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(function (item) {
-        return (item === null || item === void 0 ? void 0 : item[fieldNameValue]) === active.id;
-      });
-      var overIndex = checkedList.findIndex(function (item) {
-        return (item === null || item === void 0 ? void 0 : item[fieldNameValue]) === (over === null || over === void 0 ? void 0 : over.id);
-      });
+  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));
       if (overIndex <= min || overIndex >= max) {
         return;
       }
-      var newCheckedList = (0, _sortable.arrayMove)(checkedList, activeIndex, overIndex);
+      const newCheckedList = (0, import_sortable.arrayMove)(checkedList, activeIndex, overIndex);
       setState({
         checkedList: newCheckedList
       });
-      handleDragEndChange === null || handleDragEndChange === void 0 ? void 0 : handleDragEndChange(newCheckedList.map(function (item) {
-        return item[fieldNameValue];
-      }));
+      handleDragEndChange == null ? void 0 : handleDragEndChange(newCheckedList.map((item) => item[fieldNameValue]));
     }
   };
   function getLineHeight(string, width) {
-    if ((0, _utils.isEmpty)(string)) {
+    if ((0, import_utils.isEmpty)(string)) {
       return 0;
     }
-    // 创建临时元素
-    var temp = document.createElement('div');
-    temp.style.position = 'absolute';
-    temp.style.visibility = 'hidden';
-    temp.style.right = '-10000px';
-    temp.style.width = "".concat(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);
+    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);
     document.body.removeChild(temp);
     return len * 20;
   }
-  var handleCommonTitle = function handleCommonTitle(item) {
+  const handleCommonTitle = (item) => {
     if (isCASCADER) {
-      return item === null || item === void 0 ? void 0 : item.title;
+      return item == null ? void 0 : item.title;
     }
     return item[fieldNameLabel];
   };
-  var handleGetTitle = function handleGetTitle(item) {
+  const handleGetTitle = (item) => {
     if (showCodeName) {
       if (isCASCADER) {
-        if (item[fieldNameValue] && (item === null || item === void 0 ? void 0 : item.title)) {
-          return "".concat(item[fieldNameValue], "-").concat(item.title);
+        if (item[fieldNameValue] && (item == null ? void 0 : item.title)) {
+          return `${item[fieldNameValue]}-${item.title}`;
         }
         return handleCommonTitle(item);
       }
       if (item[fieldNameValue] && item[fieldNameValue]) {
-        return "".concat(item[fieldNameValue], "-").concat(item[fieldNameLabel]);
+        return `${item[fieldNameValue]}-${item[fieldNameLabel]}`;
       }
       return handleCommonTitle(item);
     }
     return handleCommonTitle(item);
   };
-  var _useVirtualList = (0, _ahooks.useVirtualList)(originalList, {
-      containerTarget: containerRef,
-      wrapperTarget: wrapperRef,
-      itemHeight: function 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 拖拽模式
+  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;
   if (draggable) {
-    return (0, _jsxRuntime.jsx)("div", {
-      className: "checked-container",
-      children: (0, _jsxRuntime.jsx)(_core.DndContext, {
-        onDragEnd: handleDragEnd,
-        children: (0, _jsxRuntime.jsx)(_sortable.SortableContext, {
-          items: checkedList === null || checkedList === void 0 ? void 0 : checkedList.map(function (item) {
-            return item === null || item === void 0 ? void 0 : item[fieldNameValue];
-          }),
-          strategy: _sortable.verticalListSortingStrategy,
-          children: checkedList === null || checkedList === void 0 ? void 0 : checkedList.map(function (item) {
-            return (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: function onClose() {
-                return handleFilterClose(item[fieldNameValue]);
-              }
-            }, "item-".concat(item === null || item === void 0 ? void 0 : item[fieldNameValue]));
-          })
-        })
-      })
-    });
+    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])
+        }
+      ))
+    )));
   }
-  // 编辑状态
-  if (!isRowCols) {
-    return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-      children: (0, _jsxRuntime.jsx)(_checkbox.default.Group, {
-        disabled: disabled,
-        style: {
-          width: '100%'
+  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 }
         },
-        value: checkedValues,
-        children: (0, _jsxRuntime.jsx)("div", {
-          ref: containerRef,
-          style: {
-            height: '432px',
-            overflow: 'auto',
-            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
           },
-          children: (0, _jsxRuntime.jsx)("div", {
-            ref: wrapperRef,
-            children: (0, _jsxRuntime.jsx)(_row.default, {
-              children: list.map(function (_item) {
-                var item = _item.data;
-                var title = handleGetTitle(item);
-                var content = optionRender ? optionRender(item, searchStr) : (0, _jsxRuntime.jsx)(_SearchTitle.default, {
-                  label: title,
-                  searchStr: searchStr
-                });
-                return (0, _jsxRuntime.jsx)(_col.default, {
-                  span: span || 24,
-                  className: !span || span === 24 ? 'pro-tree-modal-checkbox-content' : '',
-                  style: {
-                    marginBottom: span ? 16 : 12
-                  },
-                  children: (0, _jsxRuntime.jsx)(_checkbox.default, {
-                    onChange: function onChange(e) {
-                      return handleOnChange(e, item[fieldNameValue]);
-                    },
-                    value: item[fieldNameValue],
-                    disabled: item.disabled,
-                    children: content
-                  })
-                }, item[fieldNameValue]);
-              })
-            })
-          })
-        })
-      })
-    });
+          content
+        )
+      );
+    }))))));
   }
-  // 编辑状态
   if (isRowCols) {
-    return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-      children: (0, _jsxRuntime.jsx)(_checkbox.default.Group, {
-        disabled: disabled,
-        style: {
-          width: '100%'
+    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 }
         },
-        value: checkedValues,
-        children: (0, _jsxRuntime.jsx)(_row.default, {
-          children: treeData.map(function (item) {
-            var title = handleGetTitle(item);
-            var content = optionRender ? optionRender(item, searchStr) : (0, _jsxRuntime.jsx)(_SearchTitle.default, {
-              label: title,
-              searchStr: searchStr
-            });
-            return (0, _jsxRuntime.jsx)(_col.default, {
-              span: span || 24,
-              className: !span || span === 24 ? 'pro-tree-modal-checkbox-content' : '',
-              style: {
-                marginBottom: span ? 16 : 12
-              },
-              children: (0, _jsxRuntime.jsx)(_checkbox.default, {
-                onChange: function onChange(e) {
-                  return handleOnChange(e, item[fieldNameValue]);
-                },
-                value: item[fieldNameValue],
-                disabled: item.disabled,
-                children: content
-              })
-            }, item[fieldNameValue]);
-          })
-        })
-      })
-    });
+        /* @__PURE__ */ import_react.default.createElement(
+          import_antd.Checkbox,
+          {
+            onChange: (e) => handleOnChange(e, item[fieldNameValue]),
+            value: item[fieldNameValue],
+            disabled: item.disabled
+          },
+          content
+        )
+      );
+    }))));
   }
-  // 预览状态
-  return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: (0, _jsxRuntime.jsx)("div", {
-      ref: containerRef,
-      style: {
-        height: '432px',
-        overflow: 'auto'
-      },
-      children: (0, _jsxRuntime.jsx)("div", {
-        ref: wrapperRef,
-        children: list.map(function (_item) {
-          var item = _item.data;
-          var title = item[fieldNameLabel];
-          if (showCodeName) {
-            if (item[fieldNameValue] && item[fieldNameLabel]) {
-              title = "".concat(item[fieldNameValue], "-").concat(item[fieldNameLabel]);
-            }
-          }
-          return (0, _jsxRuntime.jsxs)("div", {
-            className: "pro-tree-modal-checkbox-content",
-            children: [(0, _jsxRuntime.jsx)("div", {
-              className: "pro-tree-modal-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]);
-        })
-      })
-    })
-  });
+  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]) }));
+  }))));
 }
-var _default = exports.default = /*#__PURE__*/(0, _react.forwardRef)(List);
+var List_default = (0, import_react.forwardRef)(List);

package/lib/ProTreeModal/components/SearchTitle.js

@@ -1,27 +1,35 @@
-"use strict";
+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);
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
+// src/ProTreeModal/components/SearchTitle.tsx
+var SearchTitle_exports = {};
+__export(SearchTitle_exports, {
+  default: () => SearchTitle_default
 });
-exports.default = void 0;
-var _jsxRuntime = require("react/jsx-runtime");
-var _react = require("react");
+module.exports = __toCommonJS(SearchTitle_exports);
+var import_react = require("react");
 function SearchTitle(props) {
-  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 ? (0, _jsxRuntime.jsxs)("span", {
-    children: [beforeStr, searchStr ? (0, _jsxRuntime.jsx)("span", {
-      className: "pro-tree-modal-search-value",
-      children: searchStr
-    }) : null, afterStr]
-  }) : (0, _jsxRuntime.jsx)("span", {
-    children: strTitle
-  });
+  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);
   return title;
 }
-var _default = exports.default = /*#__PURE__*/(0, _react.memo)(SearchTitle);
+var SearchTitle_default = (0, import_react.memo)(SearchTitle);