@gientech/modual 1.0.0 → 1.0.2

package/database.d.ts

@@ -30,3 +30,12 @@ declare enum OPT_BTN {
 }
 
 export { }
+
+
+declare module 'slate' {
+    interface CustomTypes {
+        Editor: BaseEditor & ReactEditor;
+        Element: CustomElement;
+        Text: CustomText;
+    }
+}

package/database.js

@@ -1,4 +1,4 @@
-import"./assets/jsx-runtime-eqeT1Bol.js";import"react";import"@mxmweb/zui";import o from"styled-components";import"@mxmweb/xviewer";import{Modal as r}from"antd";import"axios";/* empty css                     */const{confirm:m}=r;o.div`
+import"./assets/jsx-runtime-vC1aA8e7.js";import"react";import"@mxmweb/zui";import{d as o}from"./assets/styled-components.browser.esm-BKnFpJ_S.js";import"@mxmweb/xviewer";/* empty css                     */o.div`
   width: 282px;
   height: 81px;
   display: flex;

package/databaseId.d.ts

@@ -0,0 +1,43 @@
+import { CustomComponents } from '@mxmweb/xviewer';
+import { default as default_2 } from 'react';
+import { Styles } from '@mxmweb/zui';
+
+declare const DatabaseViewAdopter: default_2.FC<DatabaseViewAdopterProps>;
+export default DatabaseViewAdopter;
+
+declare interface DatabaseViewAdopterProps {
+    url?: string;
+    token?: string;
+    role?: string;
+    id: string;
+    styles?: Styles;
+    dbType: 'DataTable' | 'DirectDB';
+    CustomComponents?: CustomComponents;
+    eventsEmit?: (name: string, data: any) => void;
+    getBtnDisabled?: (type: OPT_BTN, permission: number) => boolean;
+}
+
+declare enum OPT_BTN {
+    DATE = 0,
+    VIEW = 1,
+    ERROR = 2,
+    AUTHORIZE = 3,
+    DELETE = 4,
+    ANALYSIS_OR_EXTRACT = 5,
+    DOWNLOAD = 6,
+    EDIT = 7,
+    ADD = 8,
+    ANALYSIS_CONFIG = 9,
+    AUTHORIZE_CONFIG = 10
+}
+
+export { }
+
+
+declare module 'slate' {
+    interface CustomTypes {
+        Editor: BaseEditor & ReactEditor;
+        Element: CustomElement;
+        Text: CustomText;
+    }
+}

package/databaseId.js

@@ -0,0 +1 @@
+import"./assets/jsx-runtime-vC1aA8e7.js";import"react";import"./assets/index-BMSRZNG4.js";import"@mxmweb/zui";import"@mxmweb/xviewer";/* empty css                     */import"@mxmweb/rtext";

package/databaseTable.d.ts

@@ -35,3 +35,12 @@ declare enum OPT_BTN {
 }
 
 export { }
+
+
+declare module 'slate' {
+    interface CustomTypes {
+        Editor: BaseEditor & ReactEditor;
+        Element: CustomElement;
+        Text: CustomText;
+    }
+}

package/databaseTable.js

@@ -1 +1 @@
-import"./assets/jsx-runtime-eqeT1Bol.js";import"react";import"uid";import"@mxmweb/xviewer";import"axios";import{Modal as o}from"antd";import"lucide-react";import"@mxmweb/zui";const{confirm:a}=o;
+import"./assets/jsx-runtime-vC1aA8e7.js";import"react";import"./assets/index-BMSRZNG4.js";import"@mxmweb/zui";import"@mxmweb/xviewer";

package/gientechStreamFilesReader.d.ts

@@ -0,0 +1,37 @@
+import { Annotation } from '@mxmweb/fviewer';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+
+declare interface MDAnnotation {
+    id: string;
+    start: number;
+    end: number;
+    content?: string;
+    color?: string;
+}
+
+export declare const streamAnnotations: Annotation[];
+
+export declare const streamMDAnnotations: MDAnnotation[];
+
+declare function StreamPreview(): JSX_2.Element;
+export default StreamPreview;
+
+export declare const streamTableAnnotations: TableAnnotation[];
+
+declare interface TableAnnotation {
+    id: string;
+    offsets: [number, number][];
+    content?: string;
+    color?: string;
+}
+
+export { }
+
+
+declare module 'slate' {
+    interface CustomTypes {
+        Editor: BaseEditor & ReactEditor;
+        Element: CustomElement;
+        Text: CustomText;
+    }
+}

package/gientechStreamFilesReader.js

@@ -0,0 +1 @@
+import"./assets/jsx-runtime-vC1aA8e7.js";import"react";import"@mxmweb/fviewer";

package/modelManage.d.ts

@@ -0,0 +1,41 @@
+import { CustomComponents } from '@mxmweb/xviewer';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { Styles } from '@mxmweb/zui';
+
+declare function ModelManageView(props: ModelManageViewProps): JSX_2.Element;
+export default ModelManageView;
+
+declare interface ModelManageViewProps {
+    url?: string;
+    token?: string;
+    role?: string;
+    styles?: Styles;
+    CustomComponents?: CustomComponents;
+    eventsEmit?: (name: string, data: any) => void;
+    getBtnDisabled?: (type: OPT_BTN, permission: number) => boolean;
+}
+
+declare enum OPT_BTN {
+    DATE = 0,
+    VIEW = 1,
+    ERROR = 2,
+    AUTHORIZE = 3,
+    DELETE = 4,
+    ANALYSIS_OR_EXTRACT = 5,
+    DOWNLOAD = 6,
+    EDIT = 7,
+    ADD = 8,
+    ANALYSIS_CONFIG = 9,
+    AUTHORIZE_CONFIG = 10
+}
+
+export { }
+
+
+declare module 'slate' {
+    interface CustomTypes {
+        Editor: BaseEditor & ReactEditor;
+        Element: CustomElement;
+        Text: CustomText;
+    }
+}

package/modelManage.js

@@ -0,0 +1 @@
+import"./assets/jsx-runtime-vC1aA8e7.js";import"react";import"@mxmweb/zui";import"@mxmweb/xviewer";/* empty css                     */

package/package.json

@@ -1,17 +1,37 @@
 {
   "name": "@gientech/modual",
-  "main": "chat.js",
   "license": "MIT",
   "style": "assets/style.css",
-  "types": "chat.d.ts",
   "private": false,
-  "version": "1.0.0",
+  "version": "1.0.2",
   "author": "hanfeng_Zhang",
   "type": "module",
   "scripts": {
     "test": "yarn link",
     "disconnect": "yarn unlink"
   },
+  "peerDependencies": {
+    "@mxmweb/fviewer": "*",
+    "@mxmweb/rtext": "*",
+    "@mxmweb/xviewer": "*",
+    "@mxmweb/zui": "*",
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "peerDependenciesMeta": {
+    "@mxmweb/xviewer": {
+      "optional": true
+    },
+    "@mxmweb/fviewer": {
+      "optional": true
+    },
+    "@mxmweb/rtext": {
+      "optional": true
+    },
+    "@mxmweb/zui": {
+      "optional": true
+    }
+  },
   "exports": {
     "./chat": {
       "types": "./chat.d.ts",
@@ -23,72 +43,31 @@
       "import": "./database.js",
       "default": "./database.js"
     },
-    "./databaseTable": {
-      "types": "./databaseTable.d.ts",
-      "import": "./databaseTable.js",
-      "default": "./databaseTable.js"
+    "./databaseId": {
+      "types": "./databaseId.d.ts",
+      "import": "./databaseId.js",
+      "default": "./databaseId.js"
+    },
+    "./sensitive": {
+      "types": "./sensitive.d.ts",
+      "import": "./sensitive.js",
+      "default": "./sensitive.js"
     },
-    "./headlessChat": {
-      "types": "./headlessChat.d.ts",
-      "import": "./headlessChat.js",
-      "default": "./headlessChat.js"
+    "./streamFilesReader": {
+      "types": "./streamFilesReader.d.ts",
+      "import": "./streamFilesReader.js",
+      "default": "./streamFilesReader.js"
     },
-    "./login": {
-      "types": "./login.d.ts",
-      "import": "./login.js",
-      "default": "./login.js"
+    "./fviewer": {
+      "types": "./fviewer.d.ts",
+      "import": "./fviewer.js",
+      "default": "./fviewer.js"
     },
-    "./search": {
-      "types": "./search.d.ts",
-      "import": "./search.js",
-      "default": "./search.js"
+    "./ai-chat": {
+      "types": "./ai-chat.d.ts",
+      "import": "./ai-chat.js",
+      "default": "./ai-chat.js"
     },
     "./style.css": "./assets/style.css"
-  },
-  "dependencies": {
-    "@mxmweb/aichat": "^1.5.4",
-    "@mxmweb/fviewer": "^1.10.26",
-    "@mxmweb/rtext": "^1.0.0",
-    "@mxmweb/xviewer": "^1.0.41",
-    "@mxmweb/zui": "^1.0.19",
-    "@mxmweb/zui-components": "*",
-    "@mxmweb/zui-elements": "*",
-    "@mxmweb/zui-icons": "*",
-    "@mxmweb/zui-layouts": "*",
-    "@mxmweb/zui-theme": "*"
-  },
-  "peerDependencies": {
-    "@ant-design/icons": "^5.6.1",
-    "@mdx-js/react": "^3.0.0",
-    "@microsoft/fetch-event-source": "^2.0.1",
-    "ahooks": "^3.0.0",
-    "animejs": "^3.2.2",
-    "antd": "^5.18.0",
-    "axios": "^1.8.4",
-    "clipboard": "^2.0.11",
-    "dayjs": "^1.11.9",
-    "event-source-polyfill": "^1.0.31",
-    "lucide-react": "^0.456.0",
-    "marked": "^15.0.12",
-    "pdfjs-dist": "2.16.105",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
-    "react-flip-toolkit": "^7.2.4",
-    "react-markdown": "^9.0.1",
-    "react-pdf": "7.7.3",
-    "react-speech-recognition": "^4.0.1",
-    "react-syntax-highlighter": "^15.6.1",
-    "react-virtuoso": "^4.13.0",
-    "react-window": "^1.8.11",
-    "rehype-raw": "^7.0.0",
-    "remark-gfm": "^4.0.0",
-    "slate": "^0.103.0",
-    "slate-history": "0.109.0",
-    "slate-hyperscript": "0.100.0",
-    "slate-react": "^0.110.0",
-    "styled-components": "^6.1.19",
-    "typescript": "^5.0.0",
-    "uid": "^2.0.2",
-    "xlsx": "^0.18.5"
   }
 }

package/sensitive.d.ts

@@ -0,0 +1,25 @@
+import { default as default_2 } from 'react';
+
+/**
+ * 敏感词配置业务层组件
+ * 使用 DynamicDashDataCore 的 table 功能实现敏感词库管理
+ * @param props 组件属性
+ */
+declare const SensitiveView: default_2.FC<{
+    url?: string;
+    token?: string;
+    role?: string;
+    eventsEmit?: (eventName: string, data: any) => void;
+}>;
+export default SensitiveView;
+
+export { }
+
+
+declare module 'slate' {
+    interface CustomTypes {
+        Editor: BaseEditor & ReactEditor;
+        Element: CustomElement;
+        Text: CustomText;
+    }
+}

package/sensitive.js

@@ -0,0 +1 @@
+import"./assets/jsx-runtime-vC1aA8e7.js";import"react";import"@mxmweb/xviewer";import"@mxmweb/zui";

package/streamFilesReader.d.ts

@@ -0,0 +1,61 @@
+import { Annotation } from '@mxmweb/fviewer';
+import { AppTheme } from '@mxmweb/fviewer';
+import { default as default_2 } from 'react';
+import { MDAnnotation } from '@mxmweb/fviewer';
+import { Styles } from '@mxmweb/zui';
+import { TableAnnotation } from '@mxmweb/fviewer';
+import { ToolsConfig } from '@mxmweb/fviewer';
+
+/**
+ * GientechStreamReader组件
+ * 基于stream接口的文件读取器，支持分页获取PDF数据并渲染
+ * 遵循adopter_develop规范，使用HOC模式封装core组件
+ *
+ * @param props - 组件属性
+ * @returns GientechStreamReader组件
+ */
+declare const GientechStreamReader: default_2.FC<GientechStreamReaderProps>;
+export default GientechStreamReader;
+
+declare interface GientechStreamReaderProps {
+    convertedFilePath: string;
+    csrfToken?: string;
+    fileName?: string;
+    fileType: string;
+    initialPage?: number;
+    totalPages?: number;
+    annotations?: (Annotation | MDAnnotation | TableAnnotation)[];
+    userName?: string;
+    userId?: string;
+    pageSize?: number;
+    initialZoom?: number;
+    streamApiUrl?: string;
+    authorization?: string;
+    eventsEmit?: (name: string, data?: any, innerFn?: any) => void;
+    tools?: Partial<ToolsConfig>;
+    styles?: Styles;
+    customComponents?: {
+        LoadingComponent?: default_2.ComponentType<{
+            status: string;
+            theme: AppTheme;
+        }>;
+        ErrorComponent?: default_2.ComponentType<{
+            error: string;
+            theme: AppTheme;
+        }>;
+    };
+    className?: string;
+    headerClass?: string;
+    contentClass?: string;
+}
+
+export { }
+
+
+declare module 'slate' {
+    interface CustomTypes {
+        Editor: BaseEditor & ReactEditor;
+        Element: CustomElement;
+        Text: CustomText;
+    }
+}

package/streamFilesReader.js

@@ -0,0 +1,149 @@
+import{j as t}from"./assets/jsx-runtime-vC1aA8e7.js";import C,{forwardRef as f,createElement as $}from"react";import{d as s}from"./assets/styled-components.browser.esm-BKnFpJ_S.js";import"@mxmweb/fviewer";/**
+ * @license lucide-react v0.456.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const F=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),k=(...e)=>e.filter((i,r,n)=>!!i&&i.trim()!==""&&n.indexOf(i)===r).join(" ").trim();/**
+ * @license lucide-react v0.456.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */var E={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};/**
+ * @license lucide-react v0.456.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const z=f(({color:e="currentColor",size:i=24,strokeWidth:r=2,absoluteStrokeWidth:n,className:c="",children:l,iconNode:h,...m},u)=>$("svg",{ref:u,...E,width:i,height:i,stroke:e,strokeWidth:n?Number(r)*24/Number(i):r,className:k("lucide",c),...m},[...h.map(([x,p])=>$(x,p)),...Array.isArray(l)?l:[l]]));/**
+ * @license lucide-react v0.456.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const a=(e,i)=>{const r=f(({className:n,...c},l)=>$(z,{ref:l,iconNode:i,className:k(`lucide-${F(e)}`,n),...c}));return r.displayName=`${e}`,r};/**
+ * @license lucide-react v0.456.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const B=a("ChevronLeft",[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]]);/**
+ * @license lucide-react v0.456.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const L=a("ChevronRight",[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]]);/**
+ * @license lucide-react v0.456.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const R=a("Download",[["path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",key:"ih7n3h"}],["polyline",{points:"7 10 12 15 17 10",key:"2ggqvy"}],["line",{x1:"12",x2:"12",y1:"15",y2:"3",key:"1vk2je"}]]);/**
+ * @license lucide-react v0.456.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const M=a("Pencil",[["path",{d:"M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",key:"1a8usu"}],["path",{d:"m15 5 4 4",key:"1mk7zo"}]]);/**
+ * @license lucide-react v0.456.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const A=a("RotateCcw",[["path",{d:"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",key:"1357e3"}],["path",{d:"M3 3v5h5",key:"1xhq8a"}]]);/**
+ * @license lucide-react v0.456.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const I=a("RotateCw",[["path",{d:"M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8",key:"1p45f6"}],["path",{d:"M21 3v5h-5",key:"1q7to0"}]]);/**
+ * @license lucide-react v0.456.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const T=a("X",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]]);/**
+ * @license lucide-react v0.456.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const D=a("ZoomIn",[["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}],["line",{x1:"21",x2:"16.65",y1:"21",y2:"16.65",key:"13gj7c"}],["line",{x1:"11",x2:"11",y1:"8",y2:"14",key:"1vmskp"}],["line",{x1:"8",x2:"14",y1:"11",y2:"11",key:"durymu"}]]);/**
+ * @license lucide-react v0.456.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Z=a("ZoomOut",[["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}],["line",{x1:"21",x2:"16.65",y1:"21",y2:"16.65",key:"13gj7c"}],["line",{x1:"8",x2:"14",y1:"11",y2:"11",key:"durymu"}]]),q=s.div`
+  display: flex;
+  align-items: center;
+  padding: 0px 12px;
+  justify-content: space-between;
+  padding: ${e=>e.$theme.space.padding};
+  border-bottom: 1px solid ${e=>e.$theme.colors.border};
+  background: ${e=>e.$theme.colors.background};
+  min-height: 52px;
+`,H=s.div`
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex: 1;
+  min-width: 0;
+`,N=s.div`
+  font-size: 14px;
+  font-weight: 500;
+  color: ${e=>e.$theme.colors.text};
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,O=s.div`
+  font-size: 12px;
+  color: ${e=>e.$theme.colors.disabledText};
+  white-space: nowrap;
+`,X=s.div`
+  display: flex;
+  align-items: center;
+  gap: 4px;
+`,d=s.button`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  border: none;
+  border-radius: ${e=>e.$theme.space.radius};
+  background: ${e=>e.$active?e.$theme.colors.primary+"20":"transparent"};
+  color: ${e=>e.$active?e.$theme.colors.primary:e.$theme.colors.text};
+  cursor: pointer;
+  transition: all 0.2s ease;
+
+  &:hover {
+    background: ${e=>e.$theme.colors.primary+"10"};
+    color: ${e=>e.$theme.colors.primary};
+  }
+
+  &:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+`,_=s.div`
+  font-size: 12px;
+  color: ${e=>e.$theme.colors.disabledText};
+  min-width: 40px;
+  text-align: center;
+`,K={colors:{primary:"#007bff",secondary:"#6c757d",success:"#008000",warning:"#FFA500",error:"#FF0000",info:"#0000FF",background:"#f8f9fa",text:"#343a40",border:"#dee2e6",disabled:"#808080",disabledBackground:"#F5F5F5",disabledText:"#808080"},space:{sidebar:"md",size:"md",radius:"md",padding:"md",margin:"md",shadow:"md",lineHeight:"md"}};C.memo(({fileName:e="\u672A\u77E5\u6587\u4EF6",currentPage:i=1,totalPage:r=0,tools:n={annotation:!0,download:!0,zoom:!0,close:!0,navigation:!0,rotate:!0},styles:c,onPrevPage:l,onNextPage:h,onZoomIn:m,onZoomOut:u,onAnnotationToggle:x,onDownload:p,onRotateLeft:j,onRotateRight:b,onClose:w,scale:y=1,isAnnotating:g=!1,className:v})=>{const o=(c==null?void 0:c.theme)||K;return console.log("Header\u7EC4\u4EF6\u6E32\u67D3 - currentPage:",i,"totalPage:",r),t.jsxs(q,{$theme:o,className:v,children:[t.jsx(H,{$theme:o,children:t.jsx(N,{$theme:o,children:e})}),t.jsxs(X,{$theme:o,children:[n.navigation&&t.jsxs(t.Fragment,{children:[t.jsx(d,{$theme:o,onClick:l,disabled:i<=1,title:"\u4E0A\u4E00\u9875",children:t.jsx(B,{size:16})}),r>0&&t.jsxs(O,{$theme:o,children:[i," / ",r]}),t.jsx(d,{$theme:o,onClick:h,disabled:!r||i>=r,title:"\u4E0B\u4E00\u9875",children:t.jsx(L,{size:16})})]}),n.zoom&&t.jsxs(t.Fragment,{children:[t.jsx(d,{$theme:o,onClick:u,disabled:y<=.3,title:"\u7F29\u5C0F",children:t.jsx(Z,{size:16})}),t.jsxs(_,{$theme:o,children:[Math.round(y*100),"%"]}),t.jsx(d,{$theme:o,onClick:m,disabled:y>=3,title:"\u653E\u5927",children:t.jsx(D,{size:16})})]}),n.annotation&&t.jsx(d,{$theme:o,$active:g,onClick:x,title:g?"\u9000\u51FA\u6807\u6CE8":"\u5F00\u59CB\u6807\u6CE8",children:t.jsx(M,{size:16})}),n.download&&t.jsx(d,{$theme:o,onClick:p,title:"\u4E0B\u8F7D",children:t.jsx(R,{size:16})}),n.rotate&&t.jsxs(t.Fragment,{children:[t.jsx(d,{$theme:o,onClick:j,title:"\u5411\u5DE6\u65CB\u8F6C",children:t.jsx(A,{size:16})}),t.jsx(d,{$theme:o,onClick:b,title:"\u5411\u53F3\u65CB\u8F6C",children:t.jsx(I,{size:16})})]}),n.close&&t.jsx(d,{$theme:o,onClick:w,title:"\u5173\u95ED",children:t.jsx(T,{size:16})})]})]})});s.div`
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  width: 100%;
+  background: ${e=>e.$theme.colors.background};
+  border: 1px solid ${e=>e.$theme.colors.border};
+  border-radius: ${e=>e.$theme.space.radius};
+  overflow: hidden;
+  min-height: 0;
+  position: relative; // 添加相对定位，用于loading遮罩的绝对定位
+
+  /* 添加动画样式 */
+  @keyframes spin {
+    0% { transform: rotate(0deg); }
+    100% { transform: rotate(360deg); }
+  }
+`;s.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  color: ${e=>e.$theme.colors.error};
+  text-align: center;
+  padding: 20px;
+`;