unAccessible
,
- // 增加一个 loading 的状态
+ unAccessible: (
+
+
+ ),
+
+ // 子元素渲染
childrenRender: (children) => {
- // if (initialState?.loading) return 403
+抱歉，您没有权限访问此页面
+
+ {value.map((item, index) => (
+
+ );
+}
+
+export default ArrayCtrl;
diff --git a/web/src/components/ArrayCtrl/index.ts b/web/src/components/ArrayCtrl/index.ts
new file mode 100644
index 0000000..2d906d1
--- /dev/null
+++ b/web/src/components/ArrayCtrl/index.ts
@@ -0,0 +1,2 @@
+export { default as ArrayCtrl } from './ArrayCtrl';
+export { default } from './ArrayCtrl';
diff --git a/web/src/components/BottomInfo/BottomInfo.tsx b/web/src/components/BottomInfo/BottomInfo.tsx
new file mode 100644
index 0000000..6847896
--- /dev/null
+++ b/web/src/components/BottomInfo/BottomInfo.tsx
@@ -0,0 +1,47 @@
+/**
+ * KRA - Bottom Info Component
+ * Footer information display
+ */
+import React from 'react';
+
+interface BottomInfoProps {
+ className?: string;
+ style?: React.CSSProperties;
+}
+
+const BottomInfo: React.FC
+ handleRemove(index)}
+ />
+ )}
+
+ ))}
+ {(!max || value.length < max) && (
+ } style={{ width: '100%' }}>
+ {addText}
+
+ )}
+
+ {renderItem(item, index, (newItem) => handleItemChange(index, newItem))}
+
+ {value.length > min && (
+
+
+ );
+};
+
+export default BottomInfo;
diff --git a/web/src/components/BottomInfo/index.ts b/web/src/components/BottomInfo/index.ts
new file mode 100644
index 0000000..974f4b1
--- /dev/null
+++ b/web/src/components/BottomInfo/index.ts
@@ -0,0 +1,2 @@
+export { default as BottomInfo } from './BottomInfo';
+export { default } from './BottomInfo';
diff --git a/web/src/components/Charts/BaseChart.tsx b/web/src/components/Charts/BaseChart.tsx
new file mode 100644
index 0000000..ce0e7c5
--- /dev/null
+++ b/web/src/components/Charts/BaseChart.tsx
@@ -0,0 +1,85 @@
+/**
+ * KRA - Base Chart Component
+ * ECharts wrapper with responsive sizing
+ */
+import React, { useRef, useEffect } from 'react';
+import * as echarts from 'echarts';
+import type { EChartsOption } from 'echarts';
+
+interface BaseChartProps {
+ option: EChartsOption;
+ width?: string | number;
+ height?: string | number;
+ autoResize?: boolean;
+ theme?: string | object;
+ loading?: boolean;
+ className?: string;
+ style?: React.CSSProperties;
+}
+
+const BaseChart: React.FC
+ Powered by
+
+ Kratos Admin
+
+
+
+ Copyright © {new Date().getFullYear()}
+ KRA Team
+
+ {b}: {c} ({d}%)', + }, + legend: { + orient: 'vertical', + left: 'left', + }, + series: [ + { + name: title || '数据', + type: 'pie', + radius, + roseType: roseType || undefined, + data, + emphasis: { + itemStyle: { + shadowBlur: 10, + shadowOffsetX: 0, + shadowColor: 'rgba(0, 0, 0, 0.5)', + }, + }, + }, + ], + }), [data, title, radius, roseType]); + + return
+
+ {method && path && (
+
+ [{method}] {path}
+
+ )}
+ {error}
+
+ }
+ description={
+ showStack && stack ? (
+
+ {stack}
+
+
+ 
+ {showTitle && !collapsed && (
+
+ Kratos Admin
+
+ )}
+
+ );
+};
+
+export default Logo;
diff --git a/web/src/components/Logo/index.ts b/web/src/components/Logo/index.ts
new file mode 100644
index 0000000..609737a
--- /dev/null
+++ b/web/src/components/Logo/index.ts
@@ -0,0 +1,2 @@
+export { default as Logo } from './Logo';
+export { default } from './Logo';
diff --git a/web/src/components/Office/DocxViewer.tsx b/web/src/components/Office/DocxViewer.tsx
new file mode 100644
index 0000000..f222cf3
--- /dev/null
+++ b/web/src/components/Office/DocxViewer.tsx
@@ -0,0 +1,53 @@
+/**
+ * KRA - Word Document Viewer Component
+ * Display Word documents using Microsoft Office Online or Google Docs
+ */
+import React from 'react';
+import { Empty, Spin } from 'antd';
+
+interface DocxViewerProps {
+ url?: string;
+ width?: string | number;
+ height?: string | number;
+ loading?: boolean;
+ provider?: 'microsoft' | 'google';
+ className?: string;
+ style?: React.CSSProperties;
+}
+
+const DocxViewer: React.FC
+ {showTitle && !collapsed && (
+
+ Kratos Admin
+
+ )}
+
+