@myun/gimi-chat 0.0.4 → 0.0.6

package/dist/components/excel-components/index.module.css

@@ -0,0 +1,212 @@
+@charset "UTF-8";
+.excelSucess {
+  width: 328px;
+  flex-shrink: 0;
+  border-radius: 12px;
+  border: 1px solid var(---, #e9ebf2);
+  background: var(---, #f2f3f7);
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 16px;
+}
+.excelSucess:hover {
+  cursor: pointer;
+}
+.excelSucess .icon {
+  display: flex;
+  width: 36px;
+  justify-content: center;
+  align-items: center;
+  flex-shrink: 0;
+}
+.excelSucess .icon img {
+  width: 36px;
+  height: 36px;
+  object-fit: cover;
+}
+.excelSucess .left {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+.excelSucess .left .iconName {
+  display: flex;
+  margin-bottom: 4px;
+  display: flex;
+  align-items: center;
+}
+.excelSucess .left .iconName .nameSize {
+  flex: 1 1 auto;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+.excelSucess .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;
+}
+.excelSucess .left .iconName .nameSize .name {
+  flex: 1;
+  color: var(---, #2e394c);
+  font-family: "PingFang SC";
+  font-size: 16px;
+  width: 190px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: normal;
+  overflow: hidden; /* 隐藏溢出内容 */
+  white-space: nowrap; /* 强制文本不换行 */
+  text-overflow: ellipsis; /* 超出部分显示省略号 */
+  margin-bottom: 6px;
+}
+.excelSucess .left .typeSize {
+  display: flex;
+  align-items: center;
+}
+.excelSucess .left .typeSize .type {
+  color: var(--, #56bf8c);
+  text-align: center;
+  font-family: "PingFang SC";
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: normal;
+  padding: 0 3px;
+  border-radius: 4px;
+  border: 1px solid var(--, #56bf8c);
+  height: 17px;
+  margin-right: 12px;
+}
+.excelSucess .left .typeSize .size {
+  color: var(---, #717f94);
+  font-family: "PingFang SC";
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: normal;
+}
+.excelSucess .right {
+  display: flex;
+  align-items: center;
+  width: fit-content;
+  justify-content: space-between;
+  flex-shrink: 0;
+}
+.excelSucess .right .text {
+  color: var(--, #4086ff);
+  text-align: right;
+  font-family: "PingFang SC";
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: normal;
+}
+
+.failText {
+  color: #2e394c;
+  font-family: "PingFang SC";
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 28px; /* 175% */
+  margin-bottom: 12px;
+  white-space: pre-line;
+  max-width: clamp(360px, 50%, 600px);
+}
+
+.excelFail .failText {
+  color: #2e394c;
+  font-family: "PingFang SC";
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 28px; /* 175% */
+  margin-bottom: 12px;
+  white-space: pre-line;
+}
+.excelFail .Retry {
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 96px;
+  height: 44px;
+  flex-shrink: 0;
+  border-radius: 22px;
+  border: 1px solid var(---, #d9dce5);
+  background: #fff;
+  color: #000;
+  font-family: "PingFang SC";
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: normal;
+}
+.excelFail .disablebox {
+  border-radius: 22px;
+  border: 1px solid var(---, #d9dce5);
+  background: #fff;
+  color: #ced3d9;
+  font-family: "PingFang SC";
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: normal;
+  cursor: not-allowed;
+  pointer-events: none;
+}
+.excelFail .selectbox {
+  border-radius: 22px;
+  background: var(---, #2e394c);
+  color: #fff;
+  font-family: "PingFang SC";
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: normal;
+  cursor: not-allowed;
+  pointer-events: none;
+}
+.excelFail .Retry:hover {
+  border-radius: 22px;
+  border: 1px solid var(---, #d9dce5);
+  background: #f7f7f7;
+}
+
+.excelRunning {
+  width: clamp(360px, 45vw, 680px);
+  margin-top: 12px;
+}
+.excelRunning .running {
+  display: flex;
+  align-items: center;
+}
+.excelRunning .running img {
+  width: 16px;
+  height: 16px;
+  object-fit: cover;
+}
+.excelRunning .running .runningText {
+  color: #000;
+  font-family: "PingFang SC";
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 28px; /* 175% */
+  margin-left: 10px;
+}
+
+.progress {
+  margin: 0 8px;
+}

package/dist/components/excel-components/styles.module.css

@@ -0,0 +1,178 @@
+.container {
+  height: 300px;
+}
+
+.aiLoadingSteps {
+  background: linear-gradient(180deg, #F9FEFE 0%, #FFFFFF 100%);
+  border-radius: 16px;
+  padding: 16px;
+  width: clamp(380px, 100%, 680px);
+  border: 1px solid rgb(233, 235, 242);
+  box-shadow: 0px 2px 2px 0px rgb(255, 255, 255) inset;
+  transition: all 0.5s ease-in-out;
+  min-height: 60px;
+}
+
+.header {
+  margin-bottom: 10px;
+}
+
+.title {
+  font-size: 16px;
+  color: rgb(46, 57, 76);
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-family: PingFang SC;
+  font-weight: 600;
+  font-style: Semibold;
+  letter-spacing: 0px;
+}
+
+.titleIcon {
+  font-size: 16px;
+  color: #1890ff;
+}
+
+.description {
+  font-size: 14px;
+  color: rgb(113, 127, 148);
+  margin: 0;
+  font-family: PingFang SC;
+  font-weight: 400;
+  font-style: Regular;
+  font-size: 14px;
+  line-height: 180%;
+  letter-spacing: 0px;
+}
+
+.stepsContainer {
+  display: flex;
+  flex-direction: column;
+  gap: 0;
+  margin-left: 4px;
+}
+
+.stepItem {
+  display: flex;
+  align-items: baseline;
+  gap: 12px;
+  position: relative;
+  min-height: 32px;
+  transition: all 300ms ease;
+}
+
+.stepActiveItem {
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+  position: relative;
+  min-height: 32px;
+  transition: all 300ms ease;
+  margin-left: -4px;
+  margin-top: 5px;
+  margin-bottom: 16px;
+}
+
+.stepIndicator {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  position: relative;
+}
+
+@keyframes rotate360 {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+.checkIcon {
+  font-size: 14px;
+  color: rgb(62, 179, 86) !important;
+  background: white;
+  position: relative;
+  z-index: 2;
+}
+
+.pendingIcon {
+  width: 22px;
+  height: 22px;
+  animation: rotate360 1s linear infinite;
+  position: relative;
+  z-index: 2;
+}
+
+.verticalLine {
+  position: absolute;
+  top: 22px;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 2px;
+  height: 8px;
+  border-radius: 4px;
+  background: rgb(217, 220, 229);
+  z-index: 1;
+}
+
+.stepItem.completed .verticalLine {
+  background: #52c41a;
+}
+
+.stepContent {
+  flex: 1;
+  padding: 0 0 12px 0;
+}
+
+.stepText {
+  font-size: 16px;
+  color: rgb(46, 57, 76);
+  font-family: PingFang SC;
+  font-weight: 400;
+  font-style: Regular;
+  font-size: 16px;
+  line-height: 18px;
+  letter-spacing: 0px;
+}
+
+.finishText {
+  font-family: PingFang SC;
+  font-weight: 600;
+  font-style: Semibold;
+  font-size: 16px;
+  line-height: 180%;
+  letter-spacing: 0px;
+  color: rgb(46, 57, 76);
+  transition: opacity 0.3s ease-in-out;
+}
+
+.stepItem.completed .stepText {
+  color: #8c8c8c;
+}
+
+.stepActiveItem.active .stepText {
+  color: #262626;
+  font-weight: 500;
+}
+.stepActiveItem.active .verticalLine {
+  height: 24px;
+  top: 26px;
+}
+
+.contentWrapper {
+  transition: max-height 0.5s ease-in-out, opacity 0.3s ease-in-out;
+  padding: 2px 0;
+  overflow: hidden;
+}
+
+.contentWrapper.collapsing {
+  max-height: 0;
+  opacity: 0;
+}
+
+.contentWrapper.expanded {
+  max-height: 300px;
+  opacity: 1;
+}

package/dist/components/file-card/fileCardSidebar.js

@@ -4,8 +4,11 @@ import { useAppSelector, useAppDispatch } from "../../store/hooks";
 import { setShowSidebarFileList, setSidebarFileList } from "../../store/slices/gimiMenuSlice";
 import { useCallback } from "react";
 import ReactDOM from 'react-dom';
-import styles from "./index.module.scss";
+import styles from "./index.module.css";
 import { FileCard } from ".";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 var FileCardSideBar = function FileCardSideBar(props) {
   var targetElement = props.targetElement,
     isOverFlow = props.isOverFlow,
@@ -25,32 +28,36 @@ var FileCardSideBar = function FileCardSideBar(props) {
     dispatch(setSidebarFileList([]));
   }, [dispatch]);
   var renderContent = function renderContent() {
-    return /*#__PURE__*/React.createElement(GimiSideBar, {
+    return /*#__PURE__*/_jsx(GimiSideBar, {
       show: showSidebar,
       isOverFlow: isOverFlow,
       title: "\u5168\u90E8",
       handleClose: handleClose,
       className: className,
-      style: style
-    }, /*#__PURE__*/React.createElement("div", {
-      className: styles.list
-    }, /*#__PURE__*/React.createElement("span", {
-      className: styles.total
-    }, "\u672C\u5BF9\u8BDD\u5171".concat((fileList === null || fileList === void 0 ? void 0 : fileList.length) || 0, "\u4E2A\u6587\u6863")), fileList.map(function (file, index) {
-      return /*#__PURE__*/React.createElement(FileCard, {
-        fileName: file.fileName,
-        fileType: file.fileType,
-        size: file.size,
-        downloadUrl: file.downloadUrl,
-        key: index
-      });
-    })));
+      style: style,
+      children: /*#__PURE__*/_jsxs("div", {
+        className: styles.list,
+        children: [/*#__PURE__*/_jsx("span", {
+          className: styles.total,
+          children: "\u672C\u5BF9\u8BDD\u5171".concat((fileList === null || fileList === void 0 ? void 0 : fileList.length) || 0, "\u4E2A\u6587\u6863")
+        }), fileList.map(function (file, index) {
+          return /*#__PURE__*/_jsx(FileCard, {
+            fileName: file.fileName,
+            fileType: file.fileType,
+            size: file.size,
+            downloadUrl: file.downloadUrl
+          }, index);
+        })]
+      })
+    });
   };
   if (isOverFlow) {
     var targetElm = targetElement || document.getElementById('myun_gimi_design_chat');
     if (!targetElm) return null;
     return /*#__PURE__*/ReactDOM.createPortal(renderContent(), targetElm);
   }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, renderContent());
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: renderContent()
+  });
 };
 export default FileCardSideBar;

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

@@ -1,11 +1,14 @@
 import React from 'react';
 import { Tooltip } from '@douyinfe/semi-ui';
-import styles from "./index.module.scss";
+import styles from "./index.module.css";
 import { downloadExcelByUrl } from "../../utils/tools";
 import { useAppDispatch } from "../../store/hooks";
 import { setFilePreviewState, setShowSidebarFileList, setSidebarFileList } from "../../store/slices/gimiMenuSlice";
-import { RightOutlined } from '@ant-design/icons';
 import classNames from 'classnames';
+import { IconChevronRightStroked } from '@douyinfe/semi-icons';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 export var FileCard = function FileCard(_ref) {
   var fileName = _ref.fileName,
     downloadUrl = _ref.downloadUrl,
@@ -28,39 +31,52 @@ export var FileCard = function FileCard(_ref) {
       }
     }));
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: classNames(styles.file_main, styles.card),
-    onClick: previewExcel
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.icon
-  }, /*#__PURE__*/React.createElement("img", {
-    src: "https://simg01.gaodunwangxiao.com/uploadimgs/tmp/upload/202512/19/b8723_20251219094824.png",
-    alt: ""
-  })), /*#__PURE__*/React.createElement("div", {
-    className: styles.left
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.iconName
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.nameSize
-  }, /*#__PURE__*/React.createElement(Tooltip, {
-    content: decodeURIComponent(fileName),
-    position: "topLeft"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.name
-  }, decodeURIComponent(fileName))), /*#__PURE__*/React.createElement("div", {
-    className: styles.type
-  }, "".concat(fileType, " | ").concat(size))))), /*#__PURE__*/React.createElement("div", {
-    className: styles.right,
-    onClick: handleDownLoad
-  }, downloadText && /*#__PURE__*/React.createElement("span", {
-    className: styles.text
-  }, downloadText), /*#__PURE__*/React.createElement(Tooltip, {
-    content: '下载'
-  }, /*#__PURE__*/React.createElement("img", {
-    src: "https://simg01.gaodunwangxiao.com/uploadfiles/tmp/upload/202509/15/c61c4_20250915193545.png",
-    width: 20,
-    alt: ""
-  })))));
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsxs("div", {
+      className: classNames(styles.file_main, styles.card),
+      onClick: previewExcel,
+      children: [/*#__PURE__*/_jsx("div", {
+        className: styles.icon,
+        children: /*#__PURE__*/_jsx("img", {
+          src: "https://simg01.gaodunwangxiao.com/uploadimgs/tmp/upload/202512/19/b8723_20251219094824.png",
+          alt: ""
+        })
+      }), /*#__PURE__*/_jsx("div", {
+        className: styles.left,
+        children: /*#__PURE__*/_jsx("div", {
+          className: styles.iconName,
+          children: /*#__PURE__*/_jsxs("div", {
+            className: styles.nameSize,
+            children: [/*#__PURE__*/_jsx(Tooltip, {
+              content: decodeURIComponent(fileName),
+              position: "topLeft",
+              children: /*#__PURE__*/_jsx("div", {
+                className: styles.name,
+                children: decodeURIComponent(fileName)
+              })
+            }), /*#__PURE__*/_jsx("div", {
+              className: styles.type,
+              children: "".concat(fileType, " | ").concat(size)
+            })]
+          })
+        })
+      }), /*#__PURE__*/_jsxs("div", {
+        className: styles.right,
+        onClick: handleDownLoad,
+        children: [downloadText && /*#__PURE__*/_jsx("span", {
+          className: styles.text,
+          children: downloadText
+        }), /*#__PURE__*/_jsx(Tooltip, {
+          content: '下载',
+          children: /*#__PURE__*/_jsx("img", {
+            src: "https://simg01.gaodunwangxiao.com/uploadfiles/tmp/upload/202509/15/c61c4_20250915193545.png",
+            width: 20,
+            alt: ""
+          })
+        })]
+      })]
+    })
+  });
 };
 export var MultipleFileCard = function MultipleFileCard(_ref2) {
   var list = _ref2.list;
@@ -78,20 +94,23 @@ export var MultipleFileCard = function MultipleFileCard(_ref2) {
     }));
     dispatch(setSidebarFileList(list));
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: styles.main
-  }, renderList.map(function (item, index) {
-    return /*#__PURE__*/React.createElement(FileCard, {
-      fileName: item.fileName,
-      fileType: item.fileType,
-      size: item.size,
-      downloadUrl: item.downloadUrl,
-      key: index,
-      downloadText: "\u4E0B\u8F7D"
-    });
-  }), hasMore && /*#__PURE__*/React.createElement("div", {
-    className: styles.all,
-    onClick: openSidebar
-  }, "\u5168\u90E8", /*#__PURE__*/React.createElement(RightOutlined, null))));
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsxs("div", {
+      className: styles.main,
+      children: [renderList.map(function (item, index) {
+        return /*#__PURE__*/_jsx(FileCard, {
+          fileName: item.fileName,
+          fileType: item.fileType,
+          size: item.size,
+          downloadUrl: item.downloadUrl,
+          downloadText: "\u4E0B\u8F7D"
+        }, index);
+      }), hasMore && /*#__PURE__*/_jsxs("div", {
+        className: styles.all,
+        onClick: openSidebar,
+        children: ["\u5168\u90E8", /*#__PURE__*/_jsx(IconChevronRightStroked, {})]
+      })]
+    })
+  });
 };
 export default MultipleFileCard;