@myun/gimi-chat 0.0.3 → 0.0.5

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

@@ -0,0 +1,50 @@
+import React from "react";
+import { FileCard, MultipleFileCard } from "../file-card";
+var transforata = function transforata(data) {
+  var fileName = data.file_name || '文件下载.xlsx';
+  var size = data.size || '0.0KB';
+  var downloadUrl = data.result_url || '';
+  var tempArr = fileName.split('.');
+  var fileType = (tempArr === null || tempArr === void 0 ? void 0 : tempArr.length) > 1 ? tempArr.pop() : 'xlsx';
+  return {
+    fileName: fileName,
+    fileType: fileType,
+    size: size,
+    downloadUrl: downloadUrl
+  };
+};
+var ExcelSuccessCard = function ExcelSuccessCard(_ref) {
+  var value = _ref.value;
+  var skillDetail = [];
+  try {
+    skillDetail = typeof value === 'string' ? JSON.parse(value) : value;
+  } catch (error) {
+    // console.error(error);
+    return null;
+  }
+
+  // 新天工数据格式
+  if (Array.isArray(skillDetail)) {
+    var renderData = skillDetail.map(function (item) {
+      return transforata(item);
+    });
+    return /*#__PURE__*/React.createElement(MultipleFileCard, {
+      list: renderData
+    });
+  }
+
+  // 老天工数据格式
+  var _transforata = transforata(skillDetail),
+    fileName = _transforata.fileName,
+    downloadUrl = _transforata.downloadUrl,
+    size = _transforata.size,
+    fileType = _transforata.fileType;
+  return /*#__PURE__*/React.createElement(FileCard, {
+    fileName: fileName,
+    fileType: fileType,
+    size: size,
+    downloadUrl: downloadUrl,
+    downloadText: "\u4E0B\u8F7D"
+  });
+};
+export default ExcelSuccessCard;

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.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.css";
+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.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';
+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;