@myun/gimi-chat 0.0.8 → 0.0.9

package/dist/components/file-preview/index.module.css

@@ -77,6 +77,39 @@
   border: none;
   display: block;
 }
+.iframeContainer .empty {
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  justify-content: center;
+  height: 100%;
+  background-color: #ffffff;
+}
+.iframeContainer .empty .emptyImage {
+  width: 122px;
+}
+.iframeContainer .empty p {
+  color: #9aa7b7;
+}
+.iframeContainer .empty .retryButton {
+  display: flex;
+  align-items: center;
+  margin-top: 20px;
+  border-radius: 22px;
+  width: 88px;
+  height: 40px;
+  background-color: #ffffff;
+  padding: 10px 20px;
+  font-size: 14px;
+  border: #e9ebf2 1px solid;
+  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.0588235294);
+}
+.iframeContainer .empty .retryButton .replayIcon {
+  padding: 2px;
+}
+.iframeContainer .empty .retryButton:hover {
+  color: #4086ff;
+}
 
 .mainHidden {
   display: none;

package/dist/components/file-upload/index.js

@@ -9,7 +9,6 @@ import { useAppDispatch, useAppSelector } from "../../store/hooks";
 import { setFileList } from "../../store/slices/gimiMenuSlice";
 import { FileStatus } from "../../interfaces/fileInterface";
 import { useGimiFileUpload } from "../../hooks/useFile";
-import { jsx as _jsx } from "react/jsx-runtime";
 var DEFAULT_ACCEPT = '.xlsx,.txt';
 var MAX_RETRY_COUNT = 3;
 /** Redux FileItem → Semi Upload FileItem */
@@ -220,12 +219,11 @@ var FileUpload = /*#__PURE__*/React.forwardRef(function (props, ref) {
       retryUpload: retryUpload
     };
   });
-  var trigger = /*#__PURE__*/_jsx(Button, {
-    icon: /*#__PURE__*/_jsx(IconPaperclip, {}),
-    type: "tertiary",
-    children: "\u70B9\u51FB\u4E0A\u4F20"
-  });
-  return /*#__PURE__*/_jsx(Upload, {
+  var trigger = /*#__PURE__*/React.createElement(Button, {
+    icon: /*#__PURE__*/React.createElement(IconPaperclip, null),
+    type: "tertiary"
+  }, "\u70B9\u51FB\u4E0A\u4F20");
+  return /*#__PURE__*/React.createElement(Upload, {
     customRequest: customRequest,
     action: "",
     limit: limit,
@@ -234,8 +232,7 @@ var FileUpload = /*#__PURE__*/React.forwardRef(function (props, ref) {
     maxSize: maxSize * 1024,
     disabled: disabled,
     showUploadList: false,
-    fileList: transformFileItem(fileList || []),
-    children: children || trigger
-  });
+    fileList: transformFileItem(fileList || [])
+  }, children || trigger);
 });
 export default FileUpload;

package/dist/components/file-upload/uploadV1.js

@@ -14,8 +14,6 @@ import { FileStatus } from "../../interfaces/fileInterface";
 import { useAppDispatch, useAppSelector } from "../../store/hooks";
 import { setFileList } from "../../store/slices/gimiMenuSlice";
 import { useGimiFileUpload } from "../../hooks/useFile";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
 var defaultFileLimit = '.xlsx,.txt';
 var transformFileItem = function transformFileItem(item) {
   return item.map(function (file) {
@@ -140,11 +138,10 @@ var FileUpload = /*#__PURE__*/React.forwardRef(function (props, ref) {
       abortSSE();
     };
   }, [abortSSE]);
-  var defailtTrigger = /*#__PURE__*/_jsx(Button, {
-    icon: /*#__PURE__*/_jsx(IconPaperclip, {}),
-    type: "tertiary",
-    children: "\u70B9\u51FB\u4E0A\u4F20"
-  });
+  var defailtTrigger = /*#__PURE__*/React.createElement(Button, {
+    icon: /*#__PURE__*/React.createElement(IconPaperclip, null),
+    type: "tertiary"
+  }, "\u70B9\u51FB\u4E0A\u4F20");
   var customRequest = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(options) {
       var file, onSuccess, onError, controller, formData, rawFile, _response$result2, response, responseObj;
@@ -243,31 +240,28 @@ var FileUpload = /*#__PURE__*/React.forwardRef(function (props, ref) {
       return _ref.apply(this, arguments);
     };
   }();
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: /*#__PURE__*/_jsx(Upload, {
-      customRequest: customRequest,
-      headers: {
-        'Authorization': 'Bearer ' + token
-      },
-      maxSize: maxSize || 10 * 1024,
-      limit: limit || 1,
-      multiple: (limit || 1) > 1,
-      onExceed: function onExceed() {
-        return Toast.warning("\u5355\u6B21\u4EC5\u652F\u6301\u4E0A\u4F20".concat(limit || 1, "\u4E2A\u6587\u4EF6"));
-      },
-      onSizeError: function onSizeError() {
-        return Toast.warning("\u6587\u4EF6\u5927\u5C0F\u8D85\u51FA\u9650\u5236");
-      },
-      onAcceptInvalid: function onAcceptInvalid() {
-        return Toast.warning("\u4E0D\u652F\u6301\u8BE5\u6587\u4EF6\u7C7B\u578B");
-      },
-      accept: (accept === null || accept === void 0 ? void 0 : accept.join(',')) || defaultFileLimit,
-      fileList: transformFileItem(fileList || []),
-      disabled: disabled,
-      showUploadList: false,
-      onChange: onChange,
-      children: children || defailtTrigger
-    })
-  });
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Upload, {
+    customRequest: customRequest,
+    headers: {
+      'Authorization': 'Bearer ' + token
+    },
+    maxSize: maxSize || 10 * 1024,
+    limit: limit || 1,
+    multiple: (limit || 1) > 1,
+    onExceed: function onExceed() {
+      return Toast.warning("\u5355\u6B21\u4EC5\u652F\u6301\u4E0A\u4F20".concat(limit || 1, "\u4E2A\u6587\u4EF6"));
+    },
+    onSizeError: function onSizeError() {
+      return Toast.warning("\u6587\u4EF6\u5927\u5C0F\u8D85\u51FA\u9650\u5236");
+    },
+    onAcceptInvalid: function onAcceptInvalid() {
+      return Toast.warning("\u4E0D\u652F\u6301\u8BE5\u6587\u4EF6\u7C7B\u578B");
+    },
+    accept: (accept === null || accept === void 0 ? void 0 : accept.join(',')) || defaultFileLimit,
+    fileList: transformFileItem(fileList || []),
+    disabled: disabled,
+    showUploadList: false,
+    onChange: onChange
+  }, children || defailtTrigger));
 });
 export default FileUpload;

package/dist/components/gimi-sidebar/index.js

@@ -4,8 +4,6 @@ import React from 'react';
 import { IconClose } from "@douyinfe/semi-icons";
 import { Button } from "@douyinfe/semi-ui";
 import { forwardRef, useImperativeHandle, useRef } from "react";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 var GimiSideBar = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var show = _ref.show,
     handleClose = _ref.handleClose,
@@ -24,25 +22,20 @@ var GimiSideBar = /*#__PURE__*/forwardRef(function (_ref, ref) {
       contentRef: contentRef
     };
   }, [sideBarRef]);
-  return /*#__PURE__*/_jsxs("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: classNames(show ? isOverFlow ? styles.overflow_layout : styles.main : styles.closed, className),
     ref: sideBarRef,
-    style: style,
-    children: [/*#__PURE__*/_jsxs("div", {
-      className: styles.header,
-      children: [/*#__PURE__*/_jsx("span", {
-        children: title
-      }), /*#__PURE__*/_jsx(Button, {
-        size: "small",
-        theme: "borderless",
-        icon: /*#__PURE__*/_jsx(IconClose, {}),
-        onClick: handleClose
-      })]
-    }), /*#__PURE__*/_jsxs("div", {
-      className: styles.content,
-      ref: contentRef,
-      children: [render === null || render === void 0 ? void 0 : render(), children]
-    })]
-  });
+    style: style
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.header
+  }, /*#__PURE__*/React.createElement("span", null, title), /*#__PURE__*/React.createElement(Button, {
+    size: "small",
+    theme: "borderless",
+    icon: /*#__PURE__*/React.createElement(IconClose, null),
+    onClick: handleClose
+  })), /*#__PURE__*/React.createElement("div", {
+    className: styles.content,
+    ref: contentRef
+  }, render === null || render === void 0 ? void 0 : render(), children));
 });
 export default GimiSideBar;

package/dist/components/header/index.js

@@ -2,26 +2,19 @@ import classNames from 'classnames';
 import styles from "./index.module.css";
 import aiLogo from "../../assets/image/ai-logo.png";
 import React from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 var Header = function Header(_ref) {
   var _ref$title = _ref.title,
     title = _ref$title === void 0 ? '' : _ref$title;
-  return /*#__PURE__*/_jsx("div", {
-    className: styles.header,
-    children: /*#__PURE__*/_jsxs("div", {
-      className: styles.container,
-      children: [/*#__PURE__*/_jsx("img", {
-        className: styles.logo,
-        src: aiLogo,
-        alt: ""
-      }), /*#__PURE__*/_jsx("div", {
-        className: classNames(styles.title, 'ellipse'),
-        children: /*#__PURE__*/_jsx("span", {
-          children: title
-        })
-      })]
-    })
-  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.header
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.container
+  }, /*#__PURE__*/React.createElement("img", {
+    className: styles.logo,
+    src: aiLogo,
+    alt: ""
+  }), /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles.title, 'ellipse')
+  }, /*#__PURE__*/React.createElement("span", null, title))));
 };
 export default Header;

package/dist/components/iconfont-com/index.js

@@ -11,20 +11,41 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
  * @Description:阿里图标库组件-learn-platform
  */
 import React from 'react';
-import { createFromIconfontCN } from '@ant-design/icons';
-import { jsx as _jsx } from "react/jsx-runtime";
-var IconFont = createFromIconfontCN({
-  scriptUrl: '//at.alicdn.com/t/c/font_3429456_0fjwg76h4xco.js'
-});
+import Icon from '@douyinfe/semi-icons';
+var scriptUrl = '//at.alicdn.com/t/c/font_3429456_0fjwg76h4xco.js';
+
+// Load iconfont script
+if (typeof document !== 'undefined' && scriptUrl) {
+  var existingScript = document.querySelector("script[src=\"".concat(scriptUrl, "\"]"));
+  if (!existingScript) {
+    var script = document.createElement('script');
+    script.src = scriptUrl;
+    script.setAttribute('data-namespace', scriptUrl);
+    document.body.appendChild(script);
+  }
+}
 var IconFontCom = function IconFontCom(props) {
-  return /*#__PURE__*/_jsx(IconFont, {
-    type: props.type,
+  var type = props.type,
+    size = props.size,
+    color = props.color,
+    extraStyle = props.extraStyle,
+    className = props.className,
+    onClick = props.onClick;
+  return /*#__PURE__*/React.createElement(Icon, {
+    type: type,
+    className: className,
+    onClick: onClick,
     style: _objectSpread({
-      fontSize: (props === null || props === void 0 ? void 0 : props.size) || 12,
-      color: props === null || props === void 0 ? void 0 : props.color
-    }, props.extraStyle),
-    className: props.className,
-    onClick: props === null || props === void 0 ? void 0 : props.onClick
+      fontSize: size || 12,
+      color: color
+    }, extraStyle),
+    svg: /*#__PURE__*/React.createElement("svg", {
+      width: "1em",
+      height: "1em",
+      fill: "currentColor"
+    }, /*#__PURE__*/React.createElement("use", {
+      xlinkHref: "#".concat(type)
+    }))
   });
 };
 export default IconFontCom;

package/dist/components/index.d.ts

@@ -1 +1 @@
-export * from './templates/GimiChatComponent';
+export { default as GimiChatComponent } from './templates/GimiChatComponent';

package/dist/components/index.js

@@ -1 +1 @@
-export * from "./templates/GimiChatComponent";
+export { default as GimiChatComponent } from "./templates/GimiChatComponent";

package/dist/components/knowledge-trace/KnowledgeIconComponent.js

@@ -9,11 +9,9 @@ import { knowledgeConstants } from "../../constants";
 import { useAppDispatch, useAppSelector } from "../../store/hooks";
 import { setShowKonwledgeTrace, setKonwledgeTraceState } from "../../store/slices/gimiMenuSlice";
 import React from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 var KnowledgeIcon = function KnowledgeIcon(_ref) {
   var url = _ref.url;
-  return /*#__PURE__*/_jsx("img", {
+  return /*#__PURE__*/React.createElement("img", {
     style: {
       width: '12px',
       height: '12px'
@@ -45,15 +43,12 @@ export var KnowledgeIconComponent = function KnowledgeIconComponent(_ref2) {
       showKonwledgeTrace: true
     }));
   };
-  return /*#__PURE__*/_jsxs("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: styles.icon_btn,
-    onClick: handleIconClick,
-    children: [/*#__PURE__*/_jsx(KnowledgeIcon, {
-      url: iconUrl
-    }), /*#__PURE__*/_jsx("span", {
-      children: "".concat(resources === null || resources === void 0 ? void 0 : resources.length, "\u4E2A").concat(type === 'video' ? '视频' : type === 'product' ? '课程' : '文档')
-    })]
-  });
+    onClick: handleIconClick
+  }, /*#__PURE__*/React.createElement(KnowledgeIcon, {
+    url: iconUrl
+  }), /*#__PURE__*/React.createElement("span", null, "".concat(resources === null || resources === void 0 ? void 0 : resources.length, "\u4E2A").concat(type === 'video' ? '视频' : type === 'product' ? '课程' : '文档')));
 };
 var KnowledgeIconGroup = function KnowledgeIconGroup(_ref3) {
   var value = _ref3.value;
@@ -84,24 +79,23 @@ var KnowledgeIconGroup = function KnowledgeIconGroup(_ref3) {
     }
   }, [value.content]);
   var renderList = knowledgeMap.keys().toArray() || [];
-  return /*#__PURE__*/_jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     style: {
       display: 'inline-block'
-    },
-    children: /*#__PURE__*/_jsx("div", {
-      style: {
-        display: 'flex',
-        gap: '5px',
-        flexWrap: 'wrap'
-      },
-      children: renderList.map(function (item) {
-        return /*#__PURE__*/_jsx(KnowledgeIconComponent, {
-          type: item,
-          resources: knowledgeMap.get(item) || [],
-          messageId: value.messageId
-        }, item);
-      })
-    })
-  });
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      gap: '5px',
+      flexWrap: 'wrap'
+    }
+  }, renderList.map(function (item) {
+    return /*#__PURE__*/React.createElement(KnowledgeIconComponent, {
+      type: item,
+      resources: knowledgeMap.get(item) || [],
+      key: item,
+      messageId: value.messageId
+    });
+  })));
 };
 export default KnowledgeIconGroup;

package/dist/components/knowledge-trace/classList.js

@@ -3,8 +3,6 @@ import classNames from 'classnames';
 import React from 'react';
 import { Toast, Tooltip } from '@douyinfe/semi-ui';
 import { useAppSelector } from "../../store/hooks";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 var ClassItem = function ClassItem(_ref) {
   var _konwledgeTraceState$, _item$name;
   var item = _ref.item;
@@ -20,10 +18,9 @@ var ClassItem = function ClassItem(_ref) {
   var tagContent = React.useMemo(function () {
     if (item.showStyle === 0) return null;
     var classes = item.showStyle === 1 ? styles.tag_badge_green : item.showStyle === 2 ? styles.tag_badge_warning : styles.tag_badge_default;
-    return /*#__PURE__*/_jsx("div", {
-      className: classes,
-      children: item.equityLabel
-    });
+    return /*#__PURE__*/React.createElement("div", {
+      className: classes
+    }, item.equityLabel);
   }, [item.showStyle, item.equityLabel]);
   var handleClick = function handleClick() {
     if (item.isDelete === 1) return;
@@ -42,40 +39,34 @@ var ClassItem = function ClassItem(_ref) {
       }
     }
   };
-  return /*#__PURE__*/_jsxs("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: classNames(styles.knowledge, item.isDelete === 1 ? styles.resource_deactive : isActive ? styles.active : ''),
-    onClick: handleClick,
-    children: [/*#__PURE__*/_jsx("img", {
-      alt: "\u8BFE\u7A0B\u5C01\u9762",
-      className: styles.class_img,
-      src: item.productUrl
-    }), /*#__PURE__*/_jsxs("div", {
-      className: styles.class_description,
-      children: [/*#__PURE__*/_jsxs("div", {
-        className: styles.text,
-        children: [tagContent, /*#__PURE__*/_jsx(Tooltip, {
-          content: item.name,
-          children: ((_item$name = item.name) === null || _item$name === void 0 ? void 0 : _item$name.length) > 33 ? "".concat(item.name.substring(0, 33), "...") : item.name || ''
-        })]
-      }), item.isDelete === 1 && /*#__PURE__*/_jsx("div", {
-        className: styles.knowledge_trace_deactive,
-        children: "\u8BFE\u7A0B\u5931\u6548"
-      })]
-    })]
-  });
+    onClick: handleClick
+  }, /*#__PURE__*/React.createElement("img", {
+    alt: "\u8BFE\u7A0B\u5C01\u9762",
+    className: styles.class_img,
+    src: item.productUrl
+  }), /*#__PURE__*/React.createElement("div", {
+    className: styles.class_description
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.text
+  }, tagContent, /*#__PURE__*/React.createElement(Tooltip, {
+    content: item.name
+  }, ((_item$name = item.name) === null || _item$name === void 0 ? void 0 : _item$name.length) > 33 ? "".concat(item.name.substring(0, 33), "...") : item.name || '')), item.isDelete === 1 && /*#__PURE__*/React.createElement("div", {
+    className: styles.knowledge_trace_deactive
+  }, "\u8BFE\u7A0B\u5931\u6548")));
 };
 var ClassList = function ClassList(_ref2) {
   var list = _ref2.list;
-  return /*#__PURE__*/_jsxs("div", {
-    className: styles.knowledgeList,
-    children: [/*#__PURE__*/_jsx("span", {
-      className: styles.total,
-      children: "\u672C\u5BF9\u8BDD\u5171".concat((list === null || list === void 0 ? void 0 : list.length) || 0, "\u4E2A\u8BFE\u7A0B")
-    }), list.map(function (item) {
-      return /*#__PURE__*/_jsx(ClassItem, {
-        item: item
-      }, item.id);
-    })]
-  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.knowledgeList
+  }, /*#__PURE__*/React.createElement("span", {
+    className: styles.total
+  }, "\u672C\u5BF9\u8BDD\u5171".concat((list === null || list === void 0 ? void 0 : list.length) || 0, "\u4E2A\u8BFE\u7A0B")), list.map(function (item) {
+    return /*#__PURE__*/React.createElement(ClassItem, {
+      item: item,
+      key: item.id
+    });
+  }));
 };
 export default ClassList;

package/dist/components/knowledge-trace/documentList.js

@@ -4,8 +4,6 @@ import classNames from 'classnames';
 import { documentConstants } from "../../constants";
 import { Toast, Tooltip } from '@douyinfe/semi-ui';
 import { useAppSelector } from "../../store/hooks";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 var SUPPORT_PREVIEW_FILE_TYPE = ['doc', 'docx', 'xls', 'xlsx', 'ppt', 'pptx'];
 var FileItem = function FileItem(_ref) {
   var _konwledgeTraceState$;
@@ -42,43 +40,36 @@ var FileItem = function FileItem(_ref) {
       }
     }
   };
-  return /*#__PURE__*/_jsxs("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: classNames(styles.knowledge, item.isDelete === 1 ? styles.resource_deactive : isActive ? styles.active : ''),
-    onClick: handleClick,
-    children: [/*#__PURE__*/_jsx("img", {
-      alt: "\u6587\u6863\u56FE\u7247",
-      className: styles.img,
-      src: documentConstants[item.suffix] || documentConstants.default
-    }), /*#__PURE__*/_jsxs("div", {
-      className: styles.description,
-      children: [/*#__PURE__*/_jsx(Tooltip, {
-        content: item.name,
-        children: /*#__PURE__*/_jsx("div", {
-          className: styles.text,
-          children: item.name
-        })
-      }), /*#__PURE__*/_jsx("div", {
-        className: styles.timeTrace,
-        children: "".concat(item.suffix, " | ").concat(item.sizeUnit)
-      }), item.isDelete === 1 && /*#__PURE__*/_jsx("div", {
-        className: styles.knowledge_trace_deactive,
-        children: "\u6587\u6863\u5931\u6548"
-      })]
-    })]
-  });
+    onClick: handleClick
+  }, /*#__PURE__*/React.createElement("img", {
+    alt: "\u6587\u6863\u56FE\u7247",
+    className: styles.img,
+    src: documentConstants[item.suffix] || documentConstants.default
+  }), /*#__PURE__*/React.createElement("div", {
+    className: styles.description
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    content: item.name
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.text
+  }, item.name)), /*#__PURE__*/React.createElement("div", {
+    className: styles.timeTrace
+  }, "".concat(item.suffix, " | ").concat(item.sizeUnit)), item.isDelete === 1 && /*#__PURE__*/React.createElement("div", {
+    className: styles.knowledge_trace_deactive
+  }, "\u6587\u6863\u5931\u6548")));
 };
 var DocumentList = function DocumentList(_ref2) {
   var list = _ref2.list;
-  return /*#__PURE__*/_jsxs("div", {
-    className: styles.knowledgeList,
-    children: [/*#__PURE__*/_jsx("span", {
-      className: styles.total,
-      children: "\u672C\u5BF9\u8BDD\u5171".concat((list === null || list === void 0 ? void 0 : list.length) || 0, "\u4E2A\u6587\u6863")
-    }), list.map(function (item) {
-      return /*#__PURE__*/_jsx(FileItem, {
-        item: item
-      }, item.id);
-    })]
-  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.knowledgeList
+  }, /*#__PURE__*/React.createElement("span", {
+    className: styles.total
+  }, "\u672C\u5BF9\u8BDD\u5171".concat((list === null || list === void 0 ? void 0 : list.length) || 0, "\u4E2A\u6587\u6863")), list.map(function (item) {
+    return /*#__PURE__*/React.createElement(FileItem, {
+      item: item,
+      key: item.id
+    });
+  }));
 };
 export default DocumentList;

package/dist/components/knowledge-trace/index.js

@@ -17,8 +17,6 @@ import useKnowledgeService from "../../hooks/useKnowledgeService";
 import AiLoading from "../ai-loading";
 import ReactDOM from 'react-dom';
 import GimiSideBar from "../gimi-sidebar";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
 var KonwledgeTrace = function KonwledgeTrace(_ref) {
   var targetElement = _ref.targetElement,
     chatList = _ref.chatList,
@@ -105,18 +103,18 @@ var KonwledgeTrace = function KonwledgeTrace(_ref) {
     setActiveKey(activeKey);
   };
   var tabContent = React.useMemo(function () {
-    if (isLoading) return /*#__PURE__*/_jsx(AiLoading, {});
+    if (isLoading) return /*#__PURE__*/React.createElement(AiLoading, null);
     switch (activeKey) {
       case 'video':
-        return /*#__PURE__*/_jsx(VideoList, {
+        return /*#__PURE__*/React.createElement(VideoList, {
           list: videoSliceList
         });
       case 'product':
-        return /*#__PURE__*/_jsx(ClassList, {
+        return /*#__PURE__*/React.createElement(ClassList, {
           list: productList
         });
       case 'document':
-        return /*#__PURE__*/_jsx(DocumentList, {
+        return /*#__PURE__*/React.createElement(DocumentList, {
           list: documentList
         });
       default:
@@ -124,39 +122,34 @@ var KonwledgeTrace = function KonwledgeTrace(_ref) {
     }
   }, [activeKey, videoSliceList, productList, documentList, isLoading]);
   var renderContent = function renderContent() {
-    return /*#__PURE__*/_jsx(GimiSideBar, {
+    return /*#__PURE__*/React.createElement(GimiSideBar, {
       show: showKonwledgeTrace,
       isOverFlow: isOverFlow,
       ref: tabPaneRef,
       title: "\u5F15\u7528\u6765\u6E90",
       handleClose: handleClose,
       style: style,
-      className: className,
-      children: /*#__PURE__*/_jsx("div", {
-        className: styles.tabs,
-        children: (tabList === null || tabList === void 0 ? void 0 : tabList.length) > 1 ? /*#__PURE__*/_jsx(Tabs, {
-          type: "button",
-          size: "small",
-          activeKey: activeKey,
-          onChange: handleTabChange,
-          children: tabList.map(function (tab) {
-            return /*#__PURE__*/_jsx(TabPane, {
-              tab: tab.name,
-              itemKey: tab.type,
-              children: tabContent
-            }, tab.type);
-          })
-        }) : tabContent
-      })
-    });
+      className: className
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles.tabs
+    }, (tabList === null || tabList === void 0 ? void 0 : tabList.length) > 1 ? /*#__PURE__*/React.createElement(Tabs, {
+      type: "button",
+      size: "small",
+      activeKey: activeKey,
+      onChange: handleTabChange
+    }, tabList.map(function (tab) {
+      return /*#__PURE__*/React.createElement(TabPane, {
+        tab: tab.name,
+        itemKey: tab.type,
+        key: tab.type
+      }, tabContent);
+    })) : tabContent));
   };
   if (isOverFlow && (kowledgeTraceList === null || kowledgeTraceList === void 0 ? void 0 : kowledgeTraceList.length) > 0) {
     var targetElm = targetElement || document.getElementById('myun_gimi_design_chat');
     if (!targetElm) return null;
     return /*#__PURE__*/ReactDOM.createPortal(renderContent(), targetElm);
   }
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: (kowledgeTraceList === null || kowledgeTraceList === void 0 ? void 0 : kowledgeTraceList.length) > 0 ? renderContent() : null
-  });
+  return /*#__PURE__*/React.createElement(React.Fragment, null, (kowledgeTraceList === null || kowledgeTraceList === void 0 ? void 0 : kowledgeTraceList.length) > 0 ? renderContent() : null);
 };
 export default KonwledgeTrace;