@myun/gimi-chat 0.0.4 → 0.0.6

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

@@ -0,0 +1,139 @@
+@charset "UTF-8";
+.main {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+  padding: 10px 0px;
+}
+.main .all {
+  width: 78px;
+  border-radius: 12px;
+  border: 1px solid rgb(233, 235, 242);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-family: PingFang SC;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 14px;
+  letter-spacing: 0px;
+  color: rgb(46, 57, 76);
+  box-shadow: 0px 2px 16px 0px rgba(84, 105, 140, 0.1);
+}
+.main .all:hover {
+  cursor: pointer;
+}
+
+.card {
+  box-shadow: 0px 2px 16px 0px rgba(84, 105, 140, 0.1);
+  background: rgb(255, 255, 255) !important;
+}
+.card:hover {
+  background: rgb(241, 247, 255) !important;
+}
+
+.file_main {
+  max-width: 328px;
+  flex-shrink: 0;
+  border-radius: 12px;
+  border: 1px solid rgb(233, 235, 242);
+  background: linear-gradient(90deg, #EAF2FF 0%, #FFFFFF 100%);
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 16px;
+}
+.file_main:hover {
+  cursor: pointer;
+}
+.file_main .icon {
+  display: flex;
+  width: 40px;
+  justify-content: center;
+  align-items: center;
+  flex-shrink: 0;
+}
+.file_main .icon img {
+  width: 40px;
+  height: 36px;
+  object-fit: cover;
+  padding: 2px;
+}
+.file_main .left {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+.file_main .left .iconName {
+  display: flex;
+  margin-bottom: 4px;
+  display: flex;
+  align-items: center;
+}
+.file_main .left .iconName .nameSize {
+  flex: 1 1 auto;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+.file_main .left .iconName .nameSize .type {
+  width: fit-content;
+  text-align: center;
+  color: var(---, #717f94);
+  font-family: "PingFang SC";
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: normal;
+  border-radius: 4px;
+  height: 17px;
+  margin-right: 12px;
+}
+.file_main .left .iconName .nameSize .name {
+  flex: 1;
+  color: var(---, #2e394c);
+  font-family: "PingFang SC";
+  font-size: 16px;
+  width: fit-content;
+  max-width: 190px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: normal;
+  overflow: hidden; /* 隐藏溢出内容 */
+  white-space: nowrap; /* 强制文本不换行 */
+  text-overflow: ellipsis; /* 超出部分显示省略号 */
+  margin-bottom: 6px;
+}
+.file_main .right {
+  display: flex;
+  align-items: center;
+  width: fit-content;
+  justify-content: space-between;
+  flex-shrink: 0;
+}
+.file_main .right .text {
+  color: rgb(64, 134, 255);
+  text-align: right;
+  font-family: "PingFang SC";
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: normal;
+}
+
+.list {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.text {
+  font-family: PingFang SC;
+  font-weight: 400;
+  font-style: Regular;
+  font-size: 15px;
+  line-height: 180%;
+  letter-spacing: 0px;
+  color: rgb(46, 57, 76);
+}

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

@@ -6,11 +6,13 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { useAppSelector, useAppDispatch } from "../../store/hooks";
 import React from 'react';
-import styles from "./index.module.scss";
+import styles from "./index.module.css";
 import { Button } from '@douyinfe/semi-ui';
-import { IconClose, IconMenu } from '@douyinfe/semi-icons';
+import { IconClose } from '@douyinfe/semi-icons';
 import { useState, useRef, useEffect, useMemo } from 'react';
 import EmptyShow from "../../components/empty";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var OfficeFilePreviewPanel = function OfficeFilePreviewPanel() {
   var _useAppSelector = useAppSelector(function (state) {
       return state.gimiMenu.filePreviewState;
@@ -36,7 +38,7 @@ var OfficeFilePreviewPanel = function OfficeFilePreviewPanel() {
     iframeLoaded = _useState8[0],
     setIframeLoaded = _useState8[1]; // iframe 是否已加载
   var panelRef = useRef(null);
-  var dragButtonRef = useRef(null);
+  var resizerRef = useRef(null);
   var startXRef = useRef(0);
   var startWidthRef = useRef(0);
   var widthRef = useRef(600); // 用于在事件处理函数中访问最新的 width 值
@@ -189,41 +191,44 @@ var OfficeFilePreviewPanel = function OfficeFilePreviewPanel() {
       }
     };
   }, [isDragging]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_jsxs("div", {
     ref: panelRef,
     className: show ? styles.main : styles.mainHidden,
     style: {
       width: "".concat(width, "px")
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.content
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.header
-  }, /*#__PURE__*/React.createElement("span", null, filename || '文档预览'), /*#__PURE__*/React.createElement(Button, {
-    size: "small",
-    theme: "borderless",
-    icon: /*#__PURE__*/React.createElement(IconClose, null),
-    onClick: handleClose
-  })), /*#__PURE__*/React.createElement("div", {
-    className: styles.iframeContainer
-  }, url && !iframeError ? /*#__PURE__*/React.createElement("iframe", {
-    key: url,
-    src: iframeSrc,
-    width: "100%",
-    height: "100%",
-    style: {
-      border: 0
     },
-    onError: handleIframeError,
-    onLoad: handleIframeLoad
-  }) : /*#__PURE__*/React.createElement(EmptyShow, {
-    title: iframeError ? '文档加载失败' : '暂无内容'
-  }))), /*#__PURE__*/React.createElement("div", {
-    ref: dragButtonRef,
-    className: styles.dragButton,
-    onMouseDown: handleMouseDown
-  }, /*#__PURE__*/React.createElement(IconMenu, {
-    className: styles.dragIcon
-  })));
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: styles.content,
+      children: [/*#__PURE__*/_jsxs("div", {
+        className: styles.header,
+        children: [/*#__PURE__*/_jsx("span", {
+          children: filename || '文档预览'
+        }), /*#__PURE__*/_jsx(Button, {
+          size: "small",
+          theme: "borderless",
+          icon: /*#__PURE__*/_jsx(IconClose, {}),
+          onClick: handleClose
+        })]
+      }), /*#__PURE__*/_jsx("div", {
+        className: styles.iframeContainer,
+        children: url && !iframeError ? /*#__PURE__*/_jsx("iframe", {
+          src: iframeSrc,
+          width: "100%",
+          height: "100%",
+          style: {
+            border: 0
+          },
+          onError: handleIframeError,
+          onLoad: handleIframeLoad
+        }, url) : /*#__PURE__*/_jsx(EmptyShow, {
+          title: iframeError ? '文档加载失败' : '暂无内容'
+        })
+      })]
+    }), /*#__PURE__*/_jsx("div", {
+      ref: resizerRef,
+      className: styles.resizer,
+      onMouseDown: handleMouseDown
+    })]
+  });
 };
 export default OfficeFilePreviewPanel;

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

@@ -0,0 +1,83 @@
+.main {
+  flex-shrink: 0;
+  height: 100%;
+  background: #ffffff;
+  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
+  display: flex;
+  flex-direction: row;
+  transition: width 0.2s ease;
+  overflow: hidden;
+  position: relative;
+}
+.main.dragging {
+  transition: none;
+}
+.main.dragging .content {
+  pointer-events: none;
+}
+
+.content {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  overflow: hidden;
+}
+
+.resizer {
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  width: 6px;
+  cursor: ew-resize;
+  z-index: 1001;
+  transition: all 0.2s ease;
+  background: transparent;
+}
+.resizer:hover {
+  background: rgba(64, 134, 255, 0.2);
+}
+.resizer:active {
+  background: rgba(64, 134, 255, 0.4);
+}
+
+.header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 16px 20px;
+  border-bottom: 1px solid #e8e8e8;
+  flex-shrink: 0;
+  background: #ffffff;
+}
+.header span {
+  font-family: "PingFang SC", sans-serif;
+  font-size: 16px;
+  font-weight: 600;
+  color: #2e394c;
+  line-height: 22px;
+}
+.header :global(.ant-btn) {
+  color: #8c8c8c;
+}
+.header :global(.ant-btn):hover {
+  color: #4086ff;
+}
+
+.iframeContainer {
+  flex: 1;
+  overflow: hidden;
+  position: relative;
+  background: #f5f5f5;
+}
+.iframeContainer iframe {
+  width: 100%;
+  height: 100%;
+  border: none;
+  display: block;
+}
+
+.mainHidden {
+  display: none;
+}

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

@@ -9,6 +9,7 @@ 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 */
@@ -219,11 +220,12 @@ var FileUpload = /*#__PURE__*/React.forwardRef(function (props, ref) {
       retryUpload: retryUpload
     };
   });
-  var trigger = /*#__PURE__*/React.createElement(Button, {
-    icon: /*#__PURE__*/React.createElement(IconPaperclip, null),
-    type: "tertiary"
-  }, "\u70B9\u51FB\u4E0A\u4F20");
-  return /*#__PURE__*/React.createElement(Upload, {
+  var trigger = /*#__PURE__*/_jsx(Button, {
+    icon: /*#__PURE__*/_jsx(IconPaperclip, {}),
+    type: "tertiary",
+    children: "\u70B9\u51FB\u4E0A\u4F20"
+  });
+  return /*#__PURE__*/_jsx(Upload, {
     customRequest: customRequest,
     action: "",
     limit: limit,
@@ -232,7 +234,8 @@ var FileUpload = /*#__PURE__*/React.forwardRef(function (props, ref) {
     maxSize: maxSize * 1024,
     disabled: disabled,
     showUploadList: false,
-    fileList: transformFileItem(fileList || [])
-  }, children || trigger);
+    fileList: transformFileItem(fileList || []),
+    children: children || trigger
+  });
 });
 export default FileUpload;

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

@@ -14,6 +14,8 @@ 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) {
@@ -138,10 +140,11 @@ var FileUpload = /*#__PURE__*/React.forwardRef(function (props, ref) {
       abortSSE();
     };
   }, [abortSSE]);
-  var defailtTrigger = /*#__PURE__*/React.createElement(Button, {
-    icon: /*#__PURE__*/React.createElement(IconPaperclip, null),
-    type: "tertiary"
-  }, "\u70B9\u51FB\u4E0A\u4F20");
+  var defailtTrigger = /*#__PURE__*/_jsx(Button, {
+    icon: /*#__PURE__*/_jsx(IconPaperclip, {}),
+    type: "tertiary",
+    children: "\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;
@@ -240,28 +243,31 @@ var FileUpload = /*#__PURE__*/React.forwardRef(function (props, ref) {
       return _ref.apply(this, arguments);
     };
   }();
-  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));
+  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
+    })
+  });
 });
 export default FileUpload;

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

@@ -1,9 +1,11 @@
 import classNames from "classnames";
-import styles from "./index.module.scss";
+import styles from "./index.module.css";
 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,
@@ -22,20 +24,25 @@ var GimiSideBar = /*#__PURE__*/forwardRef(function (_ref, ref) {
       contentRef: contentRef
     };
   }, [sideBarRef]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_jsxs("div", {
     className: classNames(show ? isOverFlow ? styles.overflow_layout : styles.main : styles.closed, className),
     ref: sideBarRef,
-    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));
+    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]
+    })]
+  });
 });
 export default GimiSideBar;

package/dist/components/gimi-sidebar/index.module.css

@@ -0,0 +1,118 @@
+.overflow_layout {
+  position: absolute;
+  right: 0;
+  z-index: 10;
+  height: 100%;
+  box-shadow: -1px 0 10px 0 rgb(233, 235, 242);
+  width: 300px;
+  display: flex;
+  background-color: white;
+  flex-direction: column;
+  padding: 0px 10px;
+  border-left: 1px solid #EEEEEE;
+  box-shadow: -1px 0 10px 0 rgb(233, 235, 242);
+  overflow: auto;
+}
+.overflow_layout .header {
+  display: flex;
+  height: 40px;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  box-sizing: border-box;
+  font-family: "PingFang SC";
+  font-weight: 600;
+  font-size: 14px;
+  line-height: 100%;
+  letter-spacing: 0px;
+}
+.overflow_layout .content {
+  height: 100%;
+  overflow-y: auto;
+  padding-right: 10px;
+}
+.overflow_layout .content::-webkit-scrollbar {
+  width: 6px;
+}
+.overflow_layout .content::-webkit-scrollbar-track {
+  background: transparent;
+}
+.overflow_layout .content::-webkit-scrollbar-thumb {
+  background-color: #d9d9d9;
+  border-radius: 5px;
+}
+.overflow_layout .content::-webkit-scrollbar-thumb:hover {
+  background-color: #bfbfbf;
+}
+
+.main {
+  display: flex;
+  min-width: 300px;
+  background-color: white;
+  flex-direction: column;
+  padding: 10px;
+  border-left: 1px solid #EEEEEE;
+  height: 100%;
+  box-shadow: -1px 0 10px 0 rgb(233, 235, 242);
+  overflow: auto;
+  z-index: 3;
+  animation: slideInRight 0.3s ease-out forwards;
+  transform: translateX(0);
+  opacity: 1;
+}
+.main .header {
+  display: flex;
+  height: 40px;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  box-sizing: border-box;
+  font-family: "PingFang SC";
+  font-weight: 600;
+  font-size: 14px;
+  line-height: 100%;
+  letter-spacing: 0px;
+}
+.main .content {
+  height: 100%;
+  overflow-y: auto;
+  padding-right: 10px;
+}
+.main .content::-webkit-scrollbar {
+  width: 6px;
+}
+.main .content::-webkit-scrollbar-track {
+  background: transparent;
+}
+.main .content::-webkit-scrollbar-thumb {
+  background-color: #d9d9d9;
+  border-radius: 5px;
+}
+.main .content::-webkit-scrollbar-thumb:hover {
+  background-color: #bfbfbf;
+}
+
+.closed {
+  display: none;
+}
+
+@keyframes slideInRight {
+  0% {
+    transform: translateX(100%);
+    opacity: 0;
+  }
+  100% {
+    transform: translateX(0);
+    opacity: 1;
+  }
+}
+@keyframes slideOutLeft {
+  0% {
+    transform: translateX(0);
+    opacity: 1;
+  }
+  100% {
+    transform: translateX(100%);
+    opacity: 0;
+  }
+}

package/dist/components/header/index.js

@@ -1,20 +1,27 @@
 import classNames from 'classnames';
-import styles from "./index.module.scss";
+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__*/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))));
+  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
+        })
+      })]
+    })
+  });
 };
 export default Header;

package/dist/components/header/index.module.css

@@ -0,0 +1,19 @@
+.header .container {
+  padding: 30px 30px 23px;
+  width: 800px;
+  display: flex;
+  justify-content: center;
+  height: 86px;
+  margin: 0 auto;
+}
+.header .logo {
+  width: 18px;
+  height: 18px;
+  margin-right: 8px;
+  flex-shrink: 0;
+  margin-top: 5px;
+}
+.header .title {
+  font-size: 18px;
+  text-align: center;
+}

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

@@ -12,11 +12,12 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
  */
 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'
 });
 var IconFontCom = function IconFontCom(props) {
-  return /*#__PURE__*/React.createElement(IconFont, {
+  return /*#__PURE__*/_jsx(IconFont, {
     type: props.type,
     style: _objectSpread({
       fontSize: (props === null || props === void 0 ? void 0 : props.size) || 12,