@myun/gimi-chat 0.0.3 → 0.0.4

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

@@ -0,0 +1,210 @@
+.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;
+    &:hover {
+        cursor: pointer;
+    }
+    .icon {
+        display: flex;
+        width: 36px;
+        justify-content: center;
+        align-items: center;
+        flex-shrink: 0;
+        img {
+            width: 36px;
+            height: 36px;
+            object-fit: cover;
+        }
+    }
+    .left {
+        flex: 1;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        .iconName {
+            display: flex;
+            margin-bottom: 4px;
+            display: flex;
+            align-items: center;
+            .nameSize {
+                flex: 1 1 auto;
+                display: flex;
+                flex-direction: column;
+                justify-content: center;
+                .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;
+                }
+                .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;
+                }
+            }
+        }
+        .typeSize {
+            display: flex;
+            align-items: center;
+            .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;
+            }
+            .size {
+                color: var(---, #717f94);
+                font-family: 'PingFang SC';
+                font-size: 14px;
+                font-style: normal;
+                font-weight: 400;
+                line-height: normal;
+            }
+        }
+    }
+    .right {
+        display: flex;
+        align-items: center;
+        width: fit-content;
+        justify-content: space-between;
+        flex-shrink: 0;
+        .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;
+    }
+    .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;
+    }
+
+    .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;
+    }
+    .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;
+    }
+    .Retry:hover {
+        border-radius: 22px;
+        border: 1px solid var(---, #d9dce5);
+        background: #f7f7f7;
+    }
+}
+.excelRunning {
+    width: clamp(360px, 45vw, 680px);
+    margin-top: 12px;
+    .running {
+        display: flex;
+        align-items: center;
+        img {
+            width: 16px;
+            height: 16px;
+            object-fit: cover;
+        }
+        .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.scss

@@ -0,0 +1,186 @@
+.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 rgba(233, 235, 242, 1);
+    box-shadow: 0px 2px 2px 0px rgba(255, 255, 255, 1) inset;
+    transition: all 0.5s ease-in-out;
+    min-height: 60px;
+}
+
+.header {
+    margin-bottom: 10px;
+}
+
+.title {
+    font-size: 16px;
+    color: rgba(46, 57, 76, 1);
+    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: rgba(113, 127, 148, 1);
+    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: rgba(62, 179, 86, 1) !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: rgba(217, 220, 229, 1);
+    z-index: 1;
+}
+
+.stepItem.completed {
+    .verticalLine {
+        background: #52c41a;
+    }
+}
+
+.stepContent {
+    flex: 1;
+    padding: 0 0 12px 0;
+}
+
+.stepText {
+    font-size: 16px;
+    color: rgba(46, 57, 76, 1);
+    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: rgba(46, 57, 76, 1);
+    transition: opacity 0.3s ease-in-out;
+}
+
+.stepItem.completed {
+    .stepText {
+        color: #8c8c8c;
+    }
+}
+
+.stepActiveItem.active {
+    .stepText {
+        color: #262626;
+        font-weight: 500;
+    }
+
+    .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.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare const FileCardSideBar: (props: {
+    targetElement?: HTMLElement;
+    isOverFlow: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+}) => React.JSX.Element | null;
+export default FileCardSideBar;

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

@@ -0,0 +1,56 @@
+import React from 'react';
+import GimiSideBar from "../gimi-sidebar";
+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 { FileCard } from ".";
+var FileCardSideBar = function FileCardSideBar(props) {
+  var targetElement = props.targetElement,
+    isOverFlow = props.isOverFlow,
+    className = props.className,
+    style = props.style;
+  var showSidebar = useAppSelector(function (state) {
+    return state.gimiMenu.showSidebarFileList;
+  });
+  var fileList = useAppSelector(function (state) {
+    return state.gimiMenu.sidebarFileList;
+  });
+  var dispatch = useAppDispatch();
+  var handleClose = useCallback(function () {
+    dispatch(setShowSidebarFileList({
+      showSidebarFileList: false
+    }));
+    dispatch(setSidebarFileList([]));
+  }, [dispatch]);
+  var renderContent = function renderContent() {
+    return /*#__PURE__*/React.createElement(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
+      });
+    })));
+  };
+  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());
+};
+export default FileCardSideBar;

package/dist/components/file-card/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export interface IFileCardProps {
+    fileName: string;
+    downloadUrl: string;
+    size: string;
+    fileType: string;
+    onDownloadCallback?: () => void;
+}
+export declare const FileCard: React.FC<IFileCardProps & {
+    downloadText?: string;
+}>;
+export declare const MultipleFileCard: React.FC<{
+    list: IFileCardProps[];
+}>;
+export default MultipleFileCard;

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

@@ -0,0 +1,97 @@
+import React from 'react';
+import { Tooltip } from '@douyinfe/semi-ui';
+import styles from "./index.module.scss";
+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';
+export var FileCard = function FileCard(_ref) {
+  var fileName = _ref.fileName,
+    downloadUrl = _ref.downloadUrl,
+    size = _ref.size,
+    fileType = _ref.fileType,
+    downloadText = _ref.downloadText,
+    onDownloadCallback = _ref.onDownloadCallback;
+  var dispatch = useAppDispatch();
+  var handleDownLoad = function handleDownLoad(_event) {
+    _event.stopPropagation();
+    downloadExcelByUrl(downloadUrl, decodeURIComponent(fileName));
+    onDownloadCallback === null || onDownloadCallback === void 0 || onDownloadCallback();
+  };
+  var previewExcel = function previewExcel() {
+    dispatch(setFilePreviewState({
+      filePreviewState: {
+        show: true,
+        url: downloadUrl,
+        filename: fileName
+      }
+    }));
+  };
+  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: ""
+  })))));
+};
+export var MultipleFileCard = function MultipleFileCard(_ref2) {
+  var list = _ref2.list;
+  var dispatch = useAppDispatch();
+  var renderList = [];
+  var hasMore = (list === null || list === void 0 ? void 0 : list.length) > 2;
+  if (hasMore) {
+    renderList = list.slice(0, 2);
+  } else {
+    renderList = list;
+  }
+  var openSidebar = function openSidebar() {
+    dispatch(setShowSidebarFileList({
+      showSidebarFileList: true
+    }));
+    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))));
+};
+export default MultipleFileCard;

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

@@ -0,0 +1,139 @@
+.main {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 10px;
+    padding: 10px 0px;
+    
+    .all {
+        width: 78px;
+        border-radius: 12px;
+        border: 1px solid rgba(233, 235, 242, 1);
+        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: rgba(46, 57, 76, 1);
+        box-shadow: 0px 2px 16px 0px rgba(84, 105, 140, 0.1);
+        &:hover {
+            cursor: pointer;
+        }
+    }
+}
+
+.card {
+    box-shadow: 0px 2px 16px 0px rgba(84, 105, 140, 0.1);
+    background: rgba(255, 255, 255, 1) !important;
+    &:hover {
+        background: rgba(241, 247, 255, 1) !important;
+    }
+}
+
+.file_main {
+    max-width: 328px;
+    flex-shrink: 0;
+    border-radius: 12px;
+    border: 1px solid rgba(233, 235, 242, 1);
+    background: linear-gradient(90deg, #EAF2FF 0%, #FFFFFF 100%);
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    padding: 16px;
+    &:hover {
+        cursor: pointer;
+    }
+    .icon {
+        display: flex;
+        width: 40px;
+        justify-content: center;
+        align-items: center;
+        flex-shrink: 0;
+        img {
+            width: 40px;
+            height: 36px;
+            object-fit: cover;
+            padding: 2px;
+        }
+    }
+    .left {
+        flex: 1;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        .iconName {
+            display: flex;
+            margin-bottom: 4px;
+            display: flex;
+            align-items: center;
+            .nameSize {
+                flex: 1 1 auto;
+                display: flex;
+                flex-direction: column;
+                justify-content: center;
+                .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;
+                }
+                .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;
+                }
+            }
+        }
+    }
+    .right {
+        display: flex;
+        align-items: center;
+        width: fit-content;
+        justify-content: space-between;
+        flex-shrink: 0;
+        .text {
+            color: rgba(64, 134, 255, 1);
+            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: rgba(46, 57, 76, 1);
+}