@ant-design/pro-components 3.0.0-beta.1 → 3.0.0-beta.3

package/lib/layout/components/Help/RenderContentPanel.js

@@ -1,151 +1,118 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-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/layout/components/Help/RenderContentPanel.tsx
-var RenderContentPanel_exports = {};
-__export(RenderContentPanel_exports, {
-  RenderContentPanel: () => RenderContentPanel
+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(RenderContentPanel_exports);
-var import_antd = require("antd");
-var import_react = __toESM(require("react"));
-var import_HelpProvide = require("./HelpProvide");
-var import_ProHelpPanel = require("./ProHelpPanel");
-var HTMLRender = (props) => {
-  const ref = (0, import_react.useRef)(null);
-  (0, import_react.useEffect)(() => {
-    if (ref.current)
-      ref.current.innerHTML = props.children;
+exports.RenderContentPanel = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _antd = require("antd");
+var _react = _interopRequireWildcard(require("react"));
+var _HelpProvide = require("./HelpProvide");
+var _ProHelpPanel = require("./ProHelpPanel");
+var _jsxRuntime = require("react/jsx-runtime");
+// HTML渲染组件，接收一个字符串形式的html作为props
+// 可选接收className作为组件的样式类名
+var HTMLRender = function HTMLRender(props) {
+  var ref = (0, _react.useRef)(null);
+
+  // 当html发生变化时，将其渲染到ref.current的innerHTML中
+  (0, _react.useEffect)(function () {
+    if (ref.current) ref.current.innerHTML = props.children;
   }, [props.children]);
-  return /* @__PURE__ */ import_react.default.createElement("div", { ref, className: props.className || "inner-html" });
+  // 返回一个div元素作为容器，并传递ref和className作为props
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    ref: ref,
+    className: props.className || 'inner-html'
+  });
 };
-var NavigationSwitch = (props) => {
-  const context = (0, import_react.useContext)(import_ProHelpPanel.SelectKeyProvide);
-  return /* @__PURE__ */ import_react.default.createElement(import_antd.Typography.Text, null, /* @__PURE__ */ import_react.default.createElement(
-    "a",
-    {
+var NavigationSwitch = function NavigationSwitch(props) {
+  var context = (0, _react.useContext)(_ProHelpPanel.SelectKeyProvide);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Typography.Text, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
       "data-testid": "navigation-switch",
-      onClick: () => {
+      onClick: function onClick() {
         context.setSelectedKey(props.selectKey);
-      }
-    },
-    props.children
-  ));
+      },
+      children: props.children
+    })
+  });
 };
-var RenderContentPanel = ({ dataSourceChildren, onInit }) => {
-  const { valueTypeMap } = (0, import_react.useContext)(import_HelpProvide.ProHelpProvide);
-  const divRef = (0, import_react.useRef)(null);
-  (0, import_react.useEffect)(() => {
-    onInit == null ? void 0 : onInit(divRef.current);
+var RenderContentPanel = exports.RenderContentPanel = function RenderContentPanel(_ref) {
+  var dataSourceChildren = _ref.dataSourceChildren,
+    onInit = _ref.onInit;
+  var _useContext = (0, _react.useContext)(_HelpProvide.ProHelpProvide),
+    valueTypeMap = _useContext.valueTypeMap;
+  var divRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(function () {
+    onInit === null || onInit === void 0 || onInit(divRef.current);
   }, [dataSourceChildren]);
-  const itemRender = (item, index) => {
-    var _a;
+
+  /**
+   * itemRender 的定义
+   * @param {ProHelpDataSourceChildren} item
+   * @param {number} index
+   * @return {*}
+   */
+  var itemRender = function itemRender(item, index) {
+    // 自定义的渲染，优先级最高
     if (valueTypeMap.has(item.valueType)) {
-      return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, { key: index }, (_a = valueTypeMap.get(item.valueType)) == null ? void 0 : _a(item, index));
+      var _valueTypeMap$get;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
+        children: (_valueTypeMap$get = valueTypeMap.get(item.valueType)) === null || _valueTypeMap$get === void 0 ? void 0 : _valueTypeMap$get(item, index)
+      }, index);
     }
-    if (item.valueType === "html") {
-      return /* @__PURE__ */ import_react.default.createElement(
-        HTMLRender,
-        __spreadValues({
-          key: index
-        }, item.children)
-      );
+    if (item.valueType === 'html') {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(HTMLRender, (0, _objectSpread2.default)({}, item.children), index);
     }
-    if (item.valueType === "h1") {
-      return /* @__PURE__ */ import_react.default.createElement(
-        import_antd.Typography.Title,
-        {
-          key: index,
-          style: {
-            marginTop: 0
-          },
-          level: 3
+    if (item.valueType === 'h1') {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Typography.Title, {
+        style: {
+          marginTop: 0
         },
-        item.children
-      );
+        level: 3,
+        children: item.children
+      }, index);
     }
-    if (item.valueType === "h2") {
-      return /* @__PURE__ */ import_react.default.createElement(
-        import_antd.Typography.Title,
-        {
-          key: index,
-          style: {
-            marginTop: 20
-          },
-          level: 5
+    if (item.valueType === 'h2') {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Typography.Title, {
+        style: {
+          marginTop: 20
         },
-        item.children
-      );
+        level: 5,
+        children: item.children
+      }, index);
     }
-    if (item.valueType === "image") {
-      return /* @__PURE__ */ import_react.default.createElement(
-        "div",
-        {
-          key: index,
-          style: {
-            marginBlock: 12
-          }
+    if (item.valueType === 'image') {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        style: {
+          marginBlock: 12
         },
-        /* @__PURE__ */ import_react.default.createElement(import_antd.Image, __spreadValues({}, item.children))
-      );
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Image, (0, _objectSpread2.default)({}, item.children))
+      }, index);
     }
-    if (item.valueType === "inlineLink") {
-      return /* @__PURE__ */ import_react.default.createElement(import_antd.Typography.Text, { key: index }, /* @__PURE__ */ import_react.default.createElement("a", __spreadValues({}, item.children)));
+    if (item.valueType === 'inlineLink') {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Typography.Text, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", (0, _objectSpread2.default)({}, item.children))
+      }, index);
     }
-    if (item.valueType === "link") {
-      return /* @__PURE__ */ import_react.default.createElement("div", { key: index }, /* @__PURE__ */ import_react.default.createElement(import_antd.Typography.Text, { key: index }, /* @__PURE__ */ import_react.default.createElement(
-        "a",
-        __spreadValues({}, item.children)
-      )));
+    if (item.valueType === 'link') {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Typography.Text, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", (0, _objectSpread2.default)({}, item.children))
+        }, index)
+      }, index);
     }
-    if (item.valueType === "navigationSwitch") {
-      return /* @__PURE__ */ import_react.default.createElement(
-        NavigationSwitch,
-        __spreadValues({
-          key: index
-        }, item.children)
-      );
+    if (item.valueType === 'navigationSwitch') {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(NavigationSwitch, (0, _objectSpread2.default)({}, item.children), index);
     }
-    return /* @__PURE__ */ import_react.default.createElement(import_antd.Typography.Text, { key: index }, item.children);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Typography.Text, {
+      children: item.children
+    }, index);
   };
-  return /* @__PURE__ */ import_react.default.createElement("div", { ref: divRef }, dataSourceChildren == null ? void 0 : dataSourceChildren.map(itemRender));
-};
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    ref: divRef,
+    children: dataSourceChildren === null || dataSourceChildren === void 0 ? void 0 : dataSourceChildren.map(itemRender)
+  });
+};

package/lib/layout/components/Help/Search.js

@@ -1,218 +1,157 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-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 __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
+"use strict";
 
-// src/layout/components/Help/Search.tsx
-var Search_exports = {};
-__export(Search_exports, {
-  Highlight: () => Highlight,
-  ProHelpSelect: () => ProHelpSelect
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(Search_exports);
-var import_icons = require("@ant-design/icons");
-var import_antd = require("antd");
-var import_classnames = __toESM(require("classnames"));
-var import_react = __toESM(require("react"));
-var import_provider = require("../../../provider");
-var import_utils = require("../../../utils");
-var import_HelpProvide = require("./HelpProvide");
-var Highlight = ({ label, words }) => {
-  const { getPrefixCls } = (0, import_react.useContext)(import_antd.ConfigProvider.ConfigContext);
-  const lightCls = getPrefixCls("pro-help-search-list-item-content-light");
-  const optionCls = getPrefixCls("pro-help-search-list-item-content");
-  const { wrapSSR } = (0, import_provider.useStyle)("Highlight", (token) => {
-    return {
-      [`.${lightCls}`]: {
+exports.ProHelpSelect = exports.Highlight = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _icons = require("@ant-design/icons");
+var _antd = require("antd");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _provider = require("../../../provider");
+var _utils = require("../../../utils");
+var _HelpProvide = require("./HelpProvide");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["iconClassName"];
+/**
+ * 在一段文本中高亮显示指定的关键词，将文本和匹配项分别处理并放入数组中，最终返回包含高亮文本的组件。
+ * 在组件中使用了正则表达式来匹配关键词。
+ * 在渲染文本时，使用了React.createElement来创建元素。
+ */
+var Highlight = exports.Highlight = function Highlight(_ref) {
+  var label = _ref.label,
+    words = _ref.words;
+  var _useContext = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var lightCls = getPrefixCls('pro-help-search-list-item-content-light');
+  var optionCls = getPrefixCls('pro-help-search-list-item-content');
+
+  // css
+  var _useStyle = (0, _provider.useStyle)('Highlight', function (token) {
+      return (0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(lightCls), {
         color: token.colorPrimary
-      },
-      [`.${optionCls}`]: {
-        flex: "auto",
-        overflow: "hidden",
-        whiteSpace: "nowrap",
-        textOverflow: "ellipsis"
-      }
-    };
-  });
+      }), ".".concat(optionCls), {
+        flex: 'auto',
+        overflow: 'hidden',
+        whiteSpace: 'nowrap',
+        textOverflow: 'ellipsis'
+      });
+    }),
+    wrapSSR = _useStyle.wrapSSR;
   if (!words.length || !words[0]) {
-    return wrapSSR(
-      import_react.default.createElement(
-        "div",
-        {
-          title: label,
-          className: optionCls
-        },
-        label
-      )
-    );
+    return wrapSSR( /*#__PURE__*/_react.default.createElement('div', {
+      title: label,
+      className: optionCls
+    }, label));
   }
-  const matchKeywordsRE = new RegExp(
-    words.map((word) => word.replace(/[-[\]/{}()*+?.\\^$|]/g, "\\$&")).join("|"),
-    "gi"
-  );
-  let matchText = label;
-  const elements = [];
+
+  // 创建正则表达式匹配关键词
+  var matchKeywordsRE = new RegExp(words.map(function (word) {
+    return word.replace(/[-[\]/{}()*+?.\\^$|]/g, '\\$&');
+  }).join('|'), 'gi');
+  var matchText = label;
+  var elements = [];
+
+  // 遍历匹配的文本，将匹配项和非匹配项分别处理并放入elements数组中
   while (matchText.length) {
-    const match = matchKeywordsRE.exec(matchText);
+    var match = matchKeywordsRE.exec(matchText);
     if (!match) {
       elements.push(matchText);
       break;
     }
-    const start = match.index;
-    const matchLength = match[0].length + start;
-    elements.push(
-      matchText.slice(0, start),
-      import_react.default.createElement(
-        "span",
-        {
-          className: lightCls
-        },
-        matchText.slice(start, matchLength)
-      )
-    );
+    var start = match.index;
+    var matchLength = match[0].length + start;
+    elements.push(matchText.slice(0, start), /*#__PURE__*/_react.default.createElement('span', {
+      className: lightCls
+    }, matchText.slice(start, matchLength)));
     matchText = matchText.slice(matchLength);
   }
-  return wrapSSR(
-    import_react.default.createElement(
-      "div",
-      {
-        title: label,
-        className: optionCls
-      },
-      ...elements
-    )
-  );
+  return wrapSSR( /*#__PURE__*/_react.default.createElement.apply(_react.default, ['div', {
+    title: label,
+    className: optionCls
+  }].concat(elements)));
 };
-var ProHelpSelect = (_a) => {
-  var _b = _a, { iconClassName } = _b, props = __objRest(_b, ["iconClassName"]);
-  var _a2;
-  const { dataSource } = (0, import_react.useContext)(import_HelpProvide.ProHelpProvide);
-  const [keyWord, setKeyWork] = (0, import_react.useState)((_a2 = props.defaultValue) != null ? _a2 : "");
-  const { hashId } = (0, import_react.useContext)(import_provider.ProProvider);
-  const debounceSetKeyWork = (0, import_utils.useDebounceFn)((key) => __async(void 0, null, function* () {
-    return setKeyWork(key);
-  }), 20);
-  const [open, setOpen] = (0, import_react.useState)(false);
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, !open ? /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(iconClassName, hashId) }, /* @__PURE__ */ import_react.default.createElement(
-    import_icons.SearchOutlined,
-    {
-      title: "search panel",
-      onClick: () => {
-        setOpen(true);
-      }
-    }
-  )) : null, open ? /* @__PURE__ */ import_react.default.createElement(
-    import_antd.Select,
-    __spreadProps(__spreadValues({
+var ProHelpSelect = exports.ProHelpSelect = function ProHelpSelect(_ref3) {
+  var _props$defaultValue;
+  var iconClassName = _ref3.iconClassName,
+    props = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
+  var _useContext2 = (0, _react.useContext)(_HelpProvide.ProHelpProvide),
+    dataSource = _useContext2.dataSource;
+  var _useState = (0, _react.useState)((_props$defaultValue = props.defaultValue) !== null && _props$defaultValue !== void 0 ? _props$defaultValue : ''),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    keyWord = _useState2[0],
+    setKeyWork = _useState2[1];
+  var _useContext3 = (0, _react.useContext)(_provider.ProProvider),
+    hashId = _useContext3.hashId;
+  var debounceSetKeyWork = (0, _utils.useDebounceFn)( /*#__PURE__*/function () {
+    var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(key) {
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            return _context.abrupt("return", setKeyWork(key));
+          case 1:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref4.apply(this, arguments);
+    };
+  }(), 20);
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    open = _useState4[0],
+    setOpen = _useState4[1];
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [!open ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classnames.default)(iconClassName, hashId),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SearchOutlined, {
+        title: "search panel",
+        onClick: function onClick() {
+          setOpen(true);
+        }
+      })
+    }) : null, open ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Select, (0, _objectSpread2.default)((0, _objectSpread2.default)({
       placeholder: "please input search text",
       showSearch: true,
-      onBlur: () => {
+      onBlur: function onBlur() {
         setOpen(false);
       },
       size: "small"
-    }, props), {
-      onSearch: (value) => {
+    }, props), {}, {
+      onSearch: function onSearch(value) {
         debounceSetKeyWork.cancel();
         debounceSetKeyWork.run(value);
       },
-      filterOption: (input, option) => {
-        var _a3;
-        return ((_a3 = option == null ? void 0 : option.title) != null ? _a3 : "").toLowerCase().includes(input.toLowerCase());
+      filterOption: function filterOption(input, option) {
+        var _option$title;
+        return ((_option$title = option === null || option === void 0 ? void 0 : option.title) !== null && _option$title !== void 0 ? _option$title : '').toLowerCase().includes(input.toLowerCase());
       },
       popupMatchSelectWidth: false,
-      options: dataSource.map((item) => {
-        var _a3;
+      options: dataSource.map(function (item) {
+        var _item$children;
         return {
-          label: /* @__PURE__ */ import_react.default.createElement(
-            Highlight,
-            {
-              label: item.title,
-              words: keyWord ? [keyWord] : []
-            }
-          ),
+          label: /*#__PURE__*/(0, _jsxRuntime.jsx)(Highlight, {
+            label: item.title,
+            words: keyWord ? [keyWord] : []
+          }),
           title: item.title,
           value: item.key,
-          options: (_a3 = item.children) == null ? void 0 : _a3.map((sunItem) => {
+          options: (_item$children = item.children) === null || _item$children === void 0 ? void 0 : _item$children.map(function (sunItem) {
             return {
-              label: /* @__PURE__ */ import_react.default.createElement(
-                Highlight,
-                {
-                  label: sunItem.title,
-                  words: keyWord ? [keyWord] : []
-                }
-              ),
+              label: /*#__PURE__*/(0, _jsxRuntime.jsx)(Highlight, {
+                label: sunItem.title,
+                words: keyWord ? [keyWord] : []
+              }),
               title: sunItem.title,
               value: sunItem.key,
               dataItemKey: item.key
@@ -220,6 +159,6 @@ var ProHelpSelect = (_a) => {
           })
         };
       })
-    })
-  ) : null);
-};
+    })) : null]
+  });
+};