@myun/gimi-chat 0.0.4 → 0.0.5

package/dist/components/dots-loading/index.js

@@ -1,4 +1,4 @@
-import styles from "./index.module.scss";
+import styles from "./index.module.css";
 import React from 'react';
 export default function LoadingDots() {
   return /*#__PURE__*/React.createElement("div", {

package/dist/components/dots-loading/index.module.css

@@ -0,0 +1,41 @@
+.loading_dots {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+}
+.loading_dots .loading_dots__dot {
+  width: 8px;
+  height: 8px;
+  background-color: #000;
+  border-radius: 50%;
+  /* Changed animation to swap positions left-right */
+  animation: swap 1.2s infinite ease-in-out;
+}
+.loading_dots .loading_dots__dot:first-child {
+  /* First dot starts from left, moves to right */
+  animation-name: swapLeftToRight;
+}
+.loading_dots .loading_dots__dot:last-child {
+  /* Second dot starts from right, moves to left */
+  animation-name: swapRightToLeft;
+}
+
+/* Animation for first dot: move from left to right */
+@keyframes swapLeftToRight {
+  0%, 100% {
+    transform: translateX(0);
+  }
+  50% {
+    transform: translateX(16px);
+  }
+}
+/* Animation for second dot: move from right to left */
+@keyframes swapRightToLeft {
+  0%, 100% {
+    transform: translateX(0);
+  }
+  50% {
+    transform: translateX(-16px);
+  }
+}

package/dist/components/empty/index.js

@@ -8,7 +8,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
  * @LastEditTime: 2024-05-14 11:01:02
  * @Description:
  */
-import styles from "./index.module.scss";
+import styles from "./index.module.css";
 import EmptyImg from "../../assets/image/empty-img.png";
 import EmptyImgDark from "../../assets/image/empty-img-dark.png";
 import classNames from 'classnames';

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

@@ -0,0 +1,24 @@
+.emptyShow {
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  justify-content: center;
+  height: 100%;
+}
+.emptyShow img {
+  width: 165px;
+}
+.emptyShow p {
+  color: #7d91b3;
+  margin-top: 10px;
+}
+
+.dark img {
+  width: 119px;
+  height: 98px;
+}
+.dark p {
+  color: white;
+  margin-top: 12px;
+  font-size: 20px;
+}

package/dist/components/excel-components/ExcelExcuting.js

@@ -16,7 +16,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React from "react";
 import { IconTickCircle } from "@douyinfe/semi-icons";
-import styles from "./styles.module.scss";
+import styles from "./styles.module.css";
 import LoadingIcon from "../../assets/image/Subtract.png";
 import classNames from "classnames";
 import { useExcelExcuteLongPoll } from "../../hooks/useLongPoll";

package/dist/components/excel-components/ExcelFailCard.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import styles from "./index.module.scss";
+import styles from "./index.module.css";
 import classNames from 'classnames';
 var ExcelFailCard = function ExcelFailCard(_ref) {
   var item = _ref.item,

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,7 +4,7 @@ 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 ".";
 var FileCardSideBar = function FileCardSideBar(props) {
   var targetElement = props.targetElement,

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

@@ -1,6 +1,6 @@
 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";

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,9 +6,9 @@ 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";
 var OfficeFilePreviewPanel = function OfficeFilePreviewPanel() {
@@ -36,7 +36,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 值
@@ -219,11 +219,9 @@ var OfficeFilePreviewPanel = function OfficeFilePreviewPanel() {
   }) : /*#__PURE__*/React.createElement(EmptyShow, {
     title: iframeError ? '文档加载失败' : '暂无内容'
   }))), /*#__PURE__*/React.createElement("div", {
-    ref: dragButtonRef,
-    className: styles.dragButton,
+    ref: resizerRef,
+    className: styles.resizer,
     onMouseDown: handleMouseDown
-  }, /*#__PURE__*/React.createElement(IconMenu, {
-    className: styles.dragIcon
-  })));
+  }));
 };
 export default OfficeFilePreviewPanel;