z-biz-tool-shared 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +10 -0
- package/dist/agent/AgentManager.d.ts +15 -0
- package/dist/agent/AgentManager.d.ts.map +1 -0
- package/dist/agent/AgentManager.js +152 -0
- package/dist/agent/AgentManager.js.map +1 -0
- package/dist/agent/AgentPanel.d.ts +3 -0
- package/dist/agent/AgentPanel.d.ts.map +1 -0
- package/dist/agent/AgentPanel.js +98 -0
- package/dist/agent/AgentPanel.js.map +1 -0
- package/dist/agent/QueryHistoryViewer.d.ts +15 -0
- package/dist/agent/QueryHistoryViewer.d.ts.map +1 -0
- package/dist/agent/QueryHistoryViewer.js +78 -0
- package/dist/agent/QueryHistoryViewer.js.map +1 -0
- package/dist/agent/SQLEditor.d.ts +8 -0
- package/dist/agent/SQLEditor.d.ts.map +1 -0
- package/dist/agent/SQLEditor.js +40 -0
- package/dist/agent/SQLEditor.js.map +1 -0
- package/dist/agent/index.d.ts +6 -0
- package/dist/agent/index.d.ts.map +1 -0
- package/dist/agent/index.js +7 -0
- package/dist/agent/index.js.map +1 -0
- package/dist/agent/types.d.ts +35 -0
- package/dist/agent/types.d.ts.map +1 -0
- package/dist/agent/types.js +2 -0
- package/dist/agent/types.js.map +1 -0
- package/dist/ai/AIManager.d.ts +17 -0
- package/dist/ai/AIManager.d.ts.map +1 -0
- package/dist/ai/AIManager.js +191 -0
- package/dist/ai/AIManager.js.map +1 -0
- package/dist/ai/context.d.ts +17 -0
- package/dist/ai/context.d.ts.map +1 -0
- package/dist/ai/context.js +82 -0
- package/dist/ai/context.js.map +1 -0
- package/dist/ai/index.d.ts +4 -0
- package/dist/ai/index.d.ts.map +1 -0
- package/dist/ai/index.js +5 -0
- package/dist/ai/index.js.map +1 -0
- package/dist/ai/types.d.ts +43 -0
- package/dist/ai/types.d.ts.map +1 -0
- package/dist/ai/types.js +2 -0
- package/dist/ai/types.js.map +1 -0
- package/dist/components/GlobalShortcutHandler.d.ts +17 -0
- package/dist/components/GlobalShortcutHandler.d.ts.map +1 -0
- package/dist/components/GlobalShortcutHandler.js +74 -0
- package/dist/components/GlobalShortcutHandler.js.map +1 -0
- package/dist/components/Navbar.d.ts +16 -0
- package/dist/components/Navbar.d.ts.map +1 -0
- package/dist/components/Navbar.js +136 -0
- package/dist/components/Navbar.js.map +1 -0
- package/dist/components/ProgressIndicator.d.ts +12 -0
- package/dist/components/ProgressIndicator.d.ts.map +1 -0
- package/dist/components/ProgressIndicator.js +6 -0
- package/dist/components/ProgressIndicator.js.map +1 -0
- package/dist/components/ShortcutDisplay.d.ts +8 -0
- package/dist/components/ShortcutDisplay.d.ts.map +1 -0
- package/dist/components/ShortcutDisplay.js +5 -0
- package/dist/components/ShortcutDisplay.js.map +1 -0
- package/dist/components/Spotlight.d.ts +22 -0
- package/dist/components/Spotlight.d.ts.map +1 -0
- package/dist/components/Spotlight.js +208 -0
- package/dist/components/Spotlight.js.map +1 -0
- package/dist/components/SpotlightProvider.d.ts +5 -0
- package/dist/components/SpotlightProvider.d.ts.map +1 -0
- package/dist/components/SpotlightProvider.js +22 -0
- package/dist/components/SpotlightProvider.js.map +1 -0
- package/dist/components/StateIndicator.d.ts +11 -0
- package/dist/components/StateIndicator.d.ts.map +1 -0
- package/dist/components/StateIndicator.js +12 -0
- package/dist/components/StateIndicator.js.map +1 -0
- package/dist/components/UIDesignSystem.d.ts +124 -0
- package/dist/components/UIDesignSystem.d.ts.map +1 -0
- package/dist/components/UIDesignSystem.js +222 -0
- package/dist/components/UIDesignSystem.js.map +1 -0
- package/dist/components/index.d.ts +9 -0
- package/dist/components/index.d.ts.map +1 -0
- package/dist/components/index.js +10 -0
- package/dist/components/index.js.map +1 -0
- package/dist/index.d.ts +10 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +13 -0
- package/dist/index.js.map +1 -0
- package/dist/interactions/index.d.ts +2 -0
- package/dist/interactions/index.d.ts.map +1 -0
- package/dist/interactions/index.js +3 -0
- package/dist/interactions/index.js.map +1 -0
- package/dist/interactions/interactionPatterns.d.ts +155 -0
- package/dist/interactions/interactionPatterns.d.ts.map +1 -0
- package/dist/interactions/interactionPatterns.js +180 -0
- package/dist/interactions/interactionPatterns.js.map +1 -0
- package/dist/notifications/ToastContainer.d.ts +3 -0
- package/dist/notifications/ToastContainer.d.ts.map +1 -0
- package/dist/notifications/ToastContainer.js +14 -0
- package/dist/notifications/ToastContainer.js.map +1 -0
- package/dist/notifications/index.d.ts +3 -0
- package/dist/notifications/index.d.ts.map +1 -0
- package/dist/notifications/index.js +4 -0
- package/dist/notifications/index.js.map +1 -0
- package/dist/notifications/notificationManager.d.ts +18 -0
- package/dist/notifications/notificationManager.d.ts.map +1 -0
- package/dist/notifications/notificationManager.js +68 -0
- package/dist/notifications/notificationManager.js.map +1 -0
- package/dist/notifications/types.d.ts +9 -0
- package/dist/notifications/types.d.ts.map +1 -0
- package/dist/notifications/types.js +2 -0
- package/dist/notifications/types.js.map +1 -0
- package/dist/shared/AppShell.d.ts +14 -0
- package/dist/shared/AppShell.d.ts.map +1 -0
- package/dist/shared/AppShell.js +94 -0
- package/dist/shared/AppShell.js.map +1 -0
- package/dist/shared/CollapsiblePanel.d.ts +31 -0
- package/dist/shared/CollapsiblePanel.d.ts.map +1 -0
- package/dist/shared/CollapsiblePanel.js +140 -0
- package/dist/shared/CollapsiblePanel.js.map +1 -0
- package/dist/shared/DragHandle.d.ts +37 -0
- package/dist/shared/DragHandle.d.ts.map +1 -0
- package/dist/shared/DragHandle.js +85 -0
- package/dist/shared/DragHandle.js.map +1 -0
- package/dist/shared/Omnibar.d.ts +19 -0
- package/dist/shared/Omnibar.d.ts.map +1 -0
- package/dist/shared/Omnibar.js +258 -0
- package/dist/shared/Omnibar.js.map +1 -0
- package/dist/shared/States.d.ts +22 -0
- package/dist/shared/States.d.ts.map +1 -0
- package/dist/shared/States.js +190 -0
- package/dist/shared/States.js.map +1 -0
- package/dist/shared/TabsBar.d.ts +7 -0
- package/dist/shared/TabsBar.d.ts.map +1 -0
- package/dist/shared/TabsBar.js +186 -0
- package/dist/shared/TabsBar.js.map +1 -0
- package/dist/shared/ThemeContext.d.ts +17 -0
- package/dist/shared/ThemeContext.d.ts.map +1 -0
- package/dist/shared/ThemeContext.js +134 -0
- package/dist/shared/ThemeContext.js.map +1 -0
- package/dist/shared/designTokens.d.ts +54 -0
- package/dist/shared/designTokens.d.ts.map +1 -0
- package/dist/shared/designTokens.js +58 -0
- package/dist/shared/designTokens.js.map +1 -0
- package/dist/shared/index.d.ts +10 -0
- package/dist/shared/index.d.ts.map +1 -0
- package/dist/shared/index.js +10 -0
- package/dist/shared/index.js.map +1 -0
- package/dist/shared/useKeyboardShortcuts.d.ts +37 -0
- package/dist/shared/useKeyboardShortcuts.d.ts.map +1 -0
- package/dist/shared/useKeyboardShortcuts.js +161 -0
- package/dist/shared/useKeyboardShortcuts.js.map +1 -0
- package/dist/shortcuts/index.d.ts +3 -0
- package/dist/shortcuts/index.d.ts.map +1 -0
- package/dist/shortcuts/index.js +4 -0
- package/dist/shortcuts/index.js.map +1 -0
- package/dist/shortcuts/shortcutManager.d.ts +26 -0
- package/dist/shortcuts/shortcutManager.d.ts.map +1 -0
- package/dist/shortcuts/shortcutManager.js +90 -0
- package/dist/shortcuts/shortcutManager.js.map +1 -0
- package/dist/shortcuts/types.d.ts +8 -0
- package/dist/shortcuts/types.d.ts.map +1 -0
- package/dist/shortcuts/types.js +2 -0
- package/dist/shortcuts/types.js.map +1 -0
- package/dist/styles/designTokens.d.ts +181 -0
- package/dist/styles/designTokens.d.ts.map +1 -0
- package/dist/styles/designTokens.js +199 -0
- package/dist/styles/designTokens.js.map +1 -0
- package/dist/styles/globalStyles.d.ts +8 -0
- package/dist/styles/globalStyles.d.ts.map +1 -0
- package/dist/styles/globalStyles.js +216 -0
- package/dist/styles/globalStyles.js.map +1 -0
- package/dist/styles/index.d.ts +3 -0
- package/dist/styles/index.d.ts.map +1 -0
- package/dist/styles/index.js +4 -0
- package/dist/styles/index.js.map +1 -0
- package/dist/theme/ThemeContext.d.ts +17 -0
- package/dist/theme/ThemeContext.d.ts.map +1 -0
- package/dist/theme/ThemeContext.js +60 -0
- package/dist/theme/ThemeContext.js.map +1 -0
- package/dist/theme/index.d.ts +4 -0
- package/dist/theme/index.d.ts.map +1 -0
- package/dist/theme/index.js +5 -0
- package/dist/theme/index.js.map +1 -0
- package/dist/theme/themeManager.d.ts +12 -0
- package/dist/theme/themeManager.d.ts.map +1 -0
- package/dist/theme/themeManager.js +160 -0
- package/dist/theme/themeManager.js.map +1 -0
- package/dist/theme/types.d.ts +16 -0
- package/dist/theme/types.d.ts.map +1 -0
- package/dist/theme/types.js +3 -0
- package/dist/theme/types.js.map +1 -0
- package/package.json +88 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"interactionPatterns.js","sourceRoot":"","sources":["../../src/interactions/interactionPatterns.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToastContainer.d.ts","sourceRoot":"","sources":["../../src/notifications/ToastContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EA6BlC,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useNotificationStore } from '../notifications/notificationManager';
|
|
3
|
+
// Toast 样式
|
|
4
|
+
const toastStyles = {
|
|
5
|
+
success: 'bg-green-500 text-white',
|
|
6
|
+
error: 'bg-red-500 text-white',
|
|
7
|
+
warning: 'bg-yellow-500 text-black',
|
|
8
|
+
info: 'bg-blue-500 text-white'
|
|
9
|
+
};
|
|
10
|
+
export const ToastContainer = () => {
|
|
11
|
+
const { toasts, removeToast } = useNotificationStore();
|
|
12
|
+
return (_jsx("div", { className: "fixed bottom-4 right-4 z-50 flex flex-col gap-2", children: toasts.map((toast) => (_jsxs("div", { className: `px-4 py-3 rounded-lg shadow-lg flex items-center justify-between min-w-[300px] animate-slide-in ${toastStyles[toast.type]}`, children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("span", { children: [toast.type === 'success' && '✓', toast.type === 'error' && '✕', toast.type === 'warning' && '⚠', toast.type === 'info' && 'ℹ'] }), _jsx("span", { className: "font-medium", children: toast.message })] }), _jsx("button", { onClick: () => removeToast(toast.id), className: "ml-2 opacity-70 hover:opacity-100", children: "\u00D7" })] }, toast.id))) }));
|
|
13
|
+
};
|
|
14
|
+
//# sourceMappingURL=ToastContainer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToastContainer.js","sourceRoot":"","sources":["../../src/notifications/ToastContainer.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAG5E,WAAW;AACX,MAAM,WAAW,GAA8B;IAC7C,OAAO,EAAE,yBAAyB;IAClC,KAAK,EAAE,uBAAuB;IAC9B,OAAO,EAAE,0BAA0B;IACnC,IAAI,EAAE,wBAAwB;CAC/B,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAa,GAAG,EAAE;IAC3C,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,oBAAoB,EAAE,CAAC;IAEvD,OAAO,CACL,cAAK,SAAS,EAAC,iDAAiD,YAC7D,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACrB,eAEE,SAAS,EAAE,mGAAmG,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,aAEvI,eAAK,SAAS,EAAC,yBAAyB,aACtC,2BACG,KAAK,CAAC,IAAI,KAAK,SAAS,IAAI,GAAG,EAC/B,KAAK,CAAC,IAAI,KAAK,OAAO,IAAI,GAAG,EAC7B,KAAK,CAAC,IAAI,KAAK,SAAS,IAAI,GAAG,EAC/B,KAAK,CAAC,IAAI,KAAK,MAAM,IAAI,GAAG,IACxB,EACP,eAAM,SAAS,EAAC,aAAa,YAAE,KAAK,CAAC,OAAO,GAAQ,IAChD,EACN,iBACE,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC,EACpC,SAAS,EAAC,mCAAmC,uBAGtC,KAjBJ,KAAK,CAAC,EAAE,CAkBT,CACP,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/notifications/index.ts"],"names":[],"mappings":"AACA,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/notifications/index.ts"],"names":[],"mappings":"AAAA,SAAS;AACT,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { ToastConfig } from './types';
|
|
2
|
+
interface NotificationStore {
|
|
3
|
+
toasts: ToastConfig[];
|
|
4
|
+
addToast: (toast: Omit<ToastConfig, 'id'>) => string;
|
|
5
|
+
removeToast: (id: string) => void;
|
|
6
|
+
clearToasts: () => void;
|
|
7
|
+
}
|
|
8
|
+
export declare const useNotificationStore: import("zustand").UseBoundStore<import("zustand").StoreApi<NotificationStore>>;
|
|
9
|
+
export declare const toastManager: {
|
|
10
|
+
success: (message: string, duration?: number) => string;
|
|
11
|
+
error: (message: string, duration?: number) => string;
|
|
12
|
+
warning: (message: string, duration?: number) => string;
|
|
13
|
+
info: (message: string, duration?: number) => string;
|
|
14
|
+
remove: (id: string) => void;
|
|
15
|
+
clear: () => void;
|
|
16
|
+
};
|
|
17
|
+
export {};
|
|
18
|
+
//# sourceMappingURL=notificationManager.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"notificationManager.d.ts","sourceRoot":"","sources":["../../src/notifications/notificationManager.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAGtC,UAAU,iBAAiB;IACzB,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,KAAK,MAAM,CAAC;IACrD,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,eAAO,MAAM,oBAAoB,gFAkC9B,CAAC;AAGJ,eAAO,MAAM,YAAY;uBACJ,MAAM,aAAa,MAAM,KAAG,MAAM;qBAQpC,MAAM,aAAa,MAAM,KAAG,MAAM;uBAQhC,MAAM,aAAa,MAAM,KAAG,MAAM;oBAQrC,MAAM,aAAa,MAAM,KAAG,MAAM;iBAQrC,MAAM,KAAG,IAAI;iBAIf,IAAI;CAGhB,CAAC"}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import { create } from 'zustand';
|
|
2
|
+
export const useNotificationStore = create((set, get) => ({
|
|
3
|
+
toasts: [],
|
|
4
|
+
addToast: (toast) => {
|
|
5
|
+
const id = Math.random().toString(36).substring(2, 9);
|
|
6
|
+
const fullToast = {
|
|
7
|
+
id,
|
|
8
|
+
duration: 3000,
|
|
9
|
+
...toast
|
|
10
|
+
};
|
|
11
|
+
set((state) => ({
|
|
12
|
+
toasts: [...state.toasts, fullToast]
|
|
13
|
+
}));
|
|
14
|
+
// 自动移除
|
|
15
|
+
if (fullToast.duration) {
|
|
16
|
+
setTimeout(() => {
|
|
17
|
+
get().removeToast(id);
|
|
18
|
+
}, fullToast.duration);
|
|
19
|
+
}
|
|
20
|
+
return id;
|
|
21
|
+
},
|
|
22
|
+
removeToast: (id) => {
|
|
23
|
+
set((state) => ({
|
|
24
|
+
toasts: state.toasts.filter(t => t.id !== id)
|
|
25
|
+
}));
|
|
26
|
+
},
|
|
27
|
+
clearToasts: () => {
|
|
28
|
+
set({ toasts: [] });
|
|
29
|
+
}
|
|
30
|
+
}));
|
|
31
|
+
// Toast 管理器
|
|
32
|
+
export const toastManager = {
|
|
33
|
+
success: (message, duration) => {
|
|
34
|
+
return useNotificationStore.getState().addToast({
|
|
35
|
+
type: 'success',
|
|
36
|
+
message,
|
|
37
|
+
duration
|
|
38
|
+
});
|
|
39
|
+
},
|
|
40
|
+
error: (message, duration) => {
|
|
41
|
+
return useNotificationStore.getState().addToast({
|
|
42
|
+
type: 'error',
|
|
43
|
+
message,
|
|
44
|
+
duration
|
|
45
|
+
});
|
|
46
|
+
},
|
|
47
|
+
warning: (message, duration) => {
|
|
48
|
+
return useNotificationStore.getState().addToast({
|
|
49
|
+
type: 'warning',
|
|
50
|
+
message,
|
|
51
|
+
duration
|
|
52
|
+
});
|
|
53
|
+
},
|
|
54
|
+
info: (message, duration) => {
|
|
55
|
+
return useNotificationStore.getState().addToast({
|
|
56
|
+
type: 'info',
|
|
57
|
+
message,
|
|
58
|
+
duration
|
|
59
|
+
});
|
|
60
|
+
},
|
|
61
|
+
remove: (id) => {
|
|
62
|
+
useNotificationStore.getState().removeToast(id);
|
|
63
|
+
},
|
|
64
|
+
clear: () => {
|
|
65
|
+
useNotificationStore.getState().clearToasts();
|
|
66
|
+
}
|
|
67
|
+
};
|
|
68
|
+
//# sourceMappingURL=notificationManager.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"notificationManager.js","sourceRoot":"","sources":["../../src/notifications/notificationManager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAWjC,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAoB,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC;IAC3E,MAAM,EAAE,EAAE;IAEV,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;QAClB,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACtD,MAAM,SAAS,GAAgB;YAC7B,EAAE;YACF,QAAQ,EAAE,IAAI;YACd,GAAG,KAAK;SACT,CAAC;QAEF,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YACd,MAAM,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,SAAS,CAAC;SACrC,CAAC,CAAC,CAAC;QAEJ,OAAO;QACP,IAAI,SAAS,CAAC,QAAQ,EAAE,CAAC;YACvB,UAAU,CAAC,GAAG,EAAE;gBACd,GAAG,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;YACxB,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;QACzB,CAAC;QAED,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,WAAW,EAAE,CAAC,EAAE,EAAE,EAAE;QAClB,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YACd,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC;SAC9C,CAAC,CAAC,CAAC;IACN,CAAC;IAED,WAAW,EAAE,GAAG,EAAE;QAChB,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;IACtB,CAAC;CACF,CAAC,CAAC,CAAC;AAEJ,YAAY;AACZ,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,OAAO,EAAE,CAAC,OAAe,EAAE,QAAiB,EAAU,EAAE;QACtD,OAAO,oBAAoB,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC;YAC9C,IAAI,EAAE,SAAS;YACf,OAAO;YACP,QAAQ;SACT,CAAC,CAAC;IACL,CAAC;IAED,KAAK,EAAE,CAAC,OAAe,EAAE,QAAiB,EAAU,EAAE;QACpD,OAAO,oBAAoB,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC;YAC9C,IAAI,EAAE,OAAO;YACb,OAAO;YACP,QAAQ;SACT,CAAC,CAAC;IACL,CAAC;IAED,OAAO,EAAE,CAAC,OAAe,EAAE,QAAiB,EAAU,EAAE;QACtD,OAAO,oBAAoB,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC;YAC9C,IAAI,EAAE,SAAS;YACf,OAAO;YACP,QAAQ;SACT,CAAC,CAAC;IACL,CAAC;IAED,IAAI,EAAE,CAAC,OAAe,EAAE,QAAiB,EAAU,EAAE;QACnD,OAAO,oBAAoB,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC;YAC9C,IAAI,EAAE,MAAM;YACZ,OAAO;YACP,QAAQ;SACT,CAAC,CAAC;IACL,CAAC;IAED,MAAM,EAAE,CAAC,EAAU,EAAQ,EAAE;QAC3B,oBAAoB,CAAC,QAAQ,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IAClD,CAAC;IAED,KAAK,EAAE,GAAS,EAAE;QAChB,oBAAoB,CAAC,QAAQ,EAAE,CAAC,WAAW,EAAE,CAAC;IAChD,CAAC;CACF,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/notifications/types.ts"],"names":[],"mappings":"AACA,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAEjE,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/notifications/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { type ReactNode } from "react";
|
|
2
|
+
interface AppShellProps {
|
|
3
|
+
title: string;
|
|
4
|
+
icon?: ReactNode;
|
|
5
|
+
sidebar: ReactNode;
|
|
6
|
+
headerExtra?: ReactNode;
|
|
7
|
+
children: ReactNode;
|
|
8
|
+
siderWidth?: number;
|
|
9
|
+
collapsedSider?: boolean;
|
|
10
|
+
onToggleSider?: () => void;
|
|
11
|
+
}
|
|
12
|
+
export declare function AppShell({ title, icon, sidebar, headerExtra, children, siderWidth, collapsedSider, onToggleSider, }: AppShellProps): import("react").JSX.Element;
|
|
13
|
+
export {};
|
|
14
|
+
//# sourceMappingURL=AppShell.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../src/shared/AppShell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAalD,UAAU,aAAa;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,SAAS,CAAC;IACnB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,IAAI,EACJ,OAAO,EACP,WAAW,EACX,QAAQ,EACR,UAAgB,EAChB,cAAsB,EACtB,aAAa,GACd,EAAE,aAAa,+BAwKf"}
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect } from "react";
|
|
3
|
+
import { Layout, Button, Space, Typography, Tooltip } from "antd";
|
|
4
|
+
import { BulbOutlined, BulbFilled, MenuUnfoldOutlined, MenuFoldOutlined, FolderOutlined, } from "@ant-design/icons";
|
|
5
|
+
import { useTheme } from "./ThemeContext";
|
|
6
|
+
const { Header, Sider, Content } = Layout;
|
|
7
|
+
export function AppShell({ title, icon, sidebar, headerExtra, children, siderWidth = 220, collapsedSider = false, onToggleSider, }) {
|
|
8
|
+
const { mode, toggle } = useTheme();
|
|
9
|
+
// 监听系统主题变化(仅在用户未手动覆盖时,这里仅作为提示)
|
|
10
|
+
useEffect(() => {
|
|
11
|
+
// 占位:未来若要支持"跟随系统"可在此实现
|
|
12
|
+
}, [mode]);
|
|
13
|
+
const isMac = typeof navigator !== "undefined" && /Mac|iPhone|iPad/i.test(navigator.platform);
|
|
14
|
+
const modKey = isMac ? "⌘" : "Ctrl";
|
|
15
|
+
// 渐变色主题
|
|
16
|
+
const headerGradient = mode === "dark"
|
|
17
|
+
? "linear-gradient(135deg, #1a1a2e 0%, #16213e 100%)"
|
|
18
|
+
: "linear-gradient(135deg, #ffffff 0%, #f8fafd 100%)";
|
|
19
|
+
const brandGradient = "linear-gradient(135deg, #667eea 0%, #764ba2 100%)";
|
|
20
|
+
return (_jsxs(Layout, { style: { height: "100vh" }, children: [_jsxs(Header, { role: "banner", style: {
|
|
21
|
+
display: "flex",
|
|
22
|
+
alignItems: "center",
|
|
23
|
+
justifyContent: "space-between",
|
|
24
|
+
padding: "0 16px 0 12px",
|
|
25
|
+
height: 48,
|
|
26
|
+
background: headerGradient,
|
|
27
|
+
boxShadow: "0 2px 8px rgba(0,0,0,0.05)",
|
|
28
|
+
borderBottom: `1px solid ${mode === "dark" ? "rgba(255,255,255,0.08)" : "rgba(0,0,0,0.06)"}`,
|
|
29
|
+
transition: "background 0.3s ease",
|
|
30
|
+
}, children: [_jsxs(Space, { size: 8, align: "center", children: [onToggleSider && (_jsx(Tooltip, { title: `${modKey}+B 折叠侧栏`, placement: "bottom", children: _jsx(Button, { type: "text", size: "small", icon: collapsedSider ? _jsx(MenuUnfoldOutlined, {}) : _jsx(MenuFoldOutlined, {}), onClick: onToggleSider, "aria-label": collapsedSider ? "展开侧栏" : "折叠侧栏", style: {
|
|
31
|
+
borderRadius: 8,
|
|
32
|
+
transition: "all 0.2s cubic-bezier(0.4, 0, 0.2, 1)",
|
|
33
|
+
}, onMouseEnter: (e) => {
|
|
34
|
+
e.currentTarget.style.background = mode === "dark"
|
|
35
|
+
? "rgba(255,255,255,0.1)"
|
|
36
|
+
: "rgba(0,0,0,0.04)";
|
|
37
|
+
}, onMouseLeave: (e) => {
|
|
38
|
+
e.currentTarget.style.background = "transparent";
|
|
39
|
+
} }) })), _jsx("div", { style: {
|
|
40
|
+
width: 32,
|
|
41
|
+
height: 32,
|
|
42
|
+
borderRadius: 8,
|
|
43
|
+
background: mode === "dark"
|
|
44
|
+
? "linear-gradient(135deg, #667eea 0%, #764ba2 100%)"
|
|
45
|
+
: "linear-gradient(135deg, #667eea 0%, #764ba2 100%)",
|
|
46
|
+
display: "flex",
|
|
47
|
+
alignItems: "center",
|
|
48
|
+
justifyContent: "center",
|
|
49
|
+
boxShadow: "0 4px 12px rgba(102,126,234,0.25)",
|
|
50
|
+
transition: "transform 0.2s cubic-bezier(0.4, 0, 0.2, 1)",
|
|
51
|
+
}, onMouseEnter: (e) => {
|
|
52
|
+
e.currentTarget.style.transform = "scale(1.05) rotate(5deg)";
|
|
53
|
+
}, onMouseLeave: (e) => {
|
|
54
|
+
e.currentTarget.style.transform = "scale(1) rotate(0deg)";
|
|
55
|
+
}, children: icon || _jsx(FolderOutlined, { style: { color: "white", fontSize: 16 } }) }), _jsx(Typography.Text, { strong: true, style: {
|
|
56
|
+
fontSize: 15,
|
|
57
|
+
fontWeight: 600,
|
|
58
|
+
background: brandGradient,
|
|
59
|
+
WebkitBackgroundClip: "text",
|
|
60
|
+
WebkitTextFillColor: "transparent",
|
|
61
|
+
backgroundClip: "text",
|
|
62
|
+
}, children: title })] }), _jsxs(Space, { size: 4, children: [headerExtra, _jsx(Tooltip, { title: `${modKey}+Shift+L 切换主题`, placement: "bottom", children: _jsx(Button, { type: "text", size: "small", icon: mode === "dark" ? _jsx(BulbFilled, {}) : _jsx(BulbOutlined, {}), onClick: toggle, "aria-label": mode === "dark" ? "切换到亮色" : "切换到暗色", title: mode === "dark" ? "切换到亮色" : "切换到暗色", style: {
|
|
63
|
+
borderRadius: 8,
|
|
64
|
+
transition: "all 0.2s cubic-bezier(0.4, 0, 0.2, 1)",
|
|
65
|
+
}, onMouseEnter: (e) => {
|
|
66
|
+
e.currentTarget.style.background = mode === "dark"
|
|
67
|
+
? "rgba(255,255,255,0.1)"
|
|
68
|
+
: "rgba(0,0,0,0.04)";
|
|
69
|
+
}, onMouseLeave: (e) => {
|
|
70
|
+
e.currentTarget.style.background = "transparent";
|
|
71
|
+
} }) })] })] }), _jsxs(Layout, { children: [_jsx(Sider, { width: siderWidth, collapsedWidth: 0, collapsed: collapsedSider, trigger: null, collapsible: false, role: "navigation", "aria-label": "\u4FA7\u680F\u5BFC\u822A", style: {
|
|
72
|
+
background: mode === "dark"
|
|
73
|
+
? "linear-gradient(180deg, #1a1a2e 0%, #16213e 100%)"
|
|
74
|
+
: "linear-gradient(180deg, #ffffff 0%, #f8fafd 100%)",
|
|
75
|
+
borderRight: `1px solid ${mode === "dark" ? "rgba(255,255,255,0.08)" : "rgba(0,0,0,0.06)"}`,
|
|
76
|
+
overflow: "hidden",
|
|
77
|
+
transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
|
|
78
|
+
flexShrink: 0,
|
|
79
|
+
boxShadow: collapsedSider ? "none" : "2px 0 8px rgba(0,0,0,0.03)",
|
|
80
|
+
}, children: _jsx("div", { style: {
|
|
81
|
+
width: siderWidth,
|
|
82
|
+
height: "100%",
|
|
83
|
+
overflow: "auto",
|
|
84
|
+
padding: "12px 8px",
|
|
85
|
+
}, children: sidebar }) }), _jsx(Content, { role: "main", style: {
|
|
86
|
+
overflow: "auto",
|
|
87
|
+
background: mode === "dark"
|
|
88
|
+
? "linear-gradient(180deg, #0f0f23 0%, #1a1a2e 100%)"
|
|
89
|
+
: "linear-gradient(180deg, #f8fafd 0%, #eef2f7 100%)",
|
|
90
|
+
transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
|
|
91
|
+
minHeight: "calc(100vh - 48px)",
|
|
92
|
+
}, children: children })] })] }));
|
|
93
|
+
}
|
|
94
|
+
//# sourceMappingURL=AppShell.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AppShell.js","sourceRoot":"","sources":["../../src/shared/AppShell.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import React, { type ReactNode } from "react";
|
|
2
|
+
interface CollapsiblePanelProps {
|
|
3
|
+
/** 面板标题 */
|
|
4
|
+
title: ReactNode;
|
|
5
|
+
/** 标题旁的徽标(如 Badge) */
|
|
6
|
+
badge?: ReactNode;
|
|
7
|
+
/** 内容 */
|
|
8
|
+
children: ReactNode;
|
|
9
|
+
/** 默认是否展开 */
|
|
10
|
+
defaultExpanded?: boolean;
|
|
11
|
+
/** 受控展开状态 */
|
|
12
|
+
expanded?: boolean;
|
|
13
|
+
/** 状态变化回调 */
|
|
14
|
+
onExpandedChange?: (expanded: boolean) => void;
|
|
15
|
+
/** 标题右侧额外操作 */
|
|
16
|
+
extra?: ReactNode;
|
|
17
|
+
/** 自定义图标 */
|
|
18
|
+
icon?: ReactNode;
|
|
19
|
+
/** 渐变主题色 */
|
|
20
|
+
gradient?: string;
|
|
21
|
+
}
|
|
22
|
+
/**
|
|
23
|
+
* 可折叠面板 - 用于侧栏分组(搜索/收藏/暂存栈/文件树等)
|
|
24
|
+
* - 标题点击可折叠/展开
|
|
25
|
+
* - 折叠时内容区域有平滑过渡
|
|
26
|
+
* - 支持键盘可达(Enter/Space)
|
|
27
|
+
* - 现代化渐变设计
|
|
28
|
+
*/
|
|
29
|
+
export declare function CollapsiblePanel({ title, badge, children, defaultExpanded, expanded: controlledExpanded, onExpandedChange, extra, icon, gradient: _gradient, }: CollapsiblePanelProps): React.JSX.Element;
|
|
30
|
+
export {};
|
|
31
|
+
//# sourceMappingURL=CollapsiblePanel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CollapsiblePanel.d.ts","sourceRoot":"","sources":["../../src/shared/CollapsiblePanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAY,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAC;AAI3E,UAAU,qBAAqB;IAC7B,WAAW;IACX,KAAK,EAAE,SAAS,CAAC;IACjB,sBAAsB;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS;IACT,QAAQ,EAAE,SAAS,CAAC;IACpB,aAAa;IACb,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa;IACb,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,eAAe;IACf,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,YAAY;IACZ,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,YAAY;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAKD;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,eAAsB,EACtB,QAAQ,EAAE,kBAAkB,EAC5B,gBAAgB,EAChB,KAAK,EACL,IAAI,EACJ,QAAQ,EAAE,SAA2B,GACtC,EAAE,qBAAqB,qBAoMvB"}
|
|
@@ -0,0 +1,140 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import React, { useState, useEffect, useRef } from "react";
|
|
3
|
+
import { theme } from "antd";
|
|
4
|
+
import { DownOutlined, UpOutlined } from "@ant-design/icons";
|
|
5
|
+
// 渐变色定义
|
|
6
|
+
const defaultGradient = "linear-gradient(135deg, #667eea 0%, #764ba2 100%)";
|
|
7
|
+
/**
|
|
8
|
+
* 可折叠面板 - 用于侧栏分组(搜索/收藏/暂存栈/文件树等)
|
|
9
|
+
* - 标题点击可折叠/展开
|
|
10
|
+
* - 折叠时内容区域有平滑过渡
|
|
11
|
+
* - 支持键盘可达(Enter/Space)
|
|
12
|
+
* - 现代化渐变设计
|
|
13
|
+
*/
|
|
14
|
+
export function CollapsiblePanel({ title, badge, children, defaultExpanded = true, expanded: controlledExpanded, onExpandedChange, extra, icon, gradient: _gradient = defaultGradient, }) {
|
|
15
|
+
const [internalExpanded, setInternalExpanded] = useState(defaultExpanded);
|
|
16
|
+
const { token } = theme.useToken();
|
|
17
|
+
const isControlled = controlledExpanded !== undefined;
|
|
18
|
+
const expanded = isControlled ? controlledExpanded : internalExpanded;
|
|
19
|
+
const contentRef = useRef(null);
|
|
20
|
+
const [height, setHeight] = useState(0);
|
|
21
|
+
useEffect(() => {
|
|
22
|
+
if (contentRef.current && expanded) {
|
|
23
|
+
setHeight(contentRef.current.scrollHeight);
|
|
24
|
+
}
|
|
25
|
+
else {
|
|
26
|
+
setHeight(0);
|
|
27
|
+
}
|
|
28
|
+
}, [expanded, children]);
|
|
29
|
+
const toggle = () => {
|
|
30
|
+
const next = !expanded;
|
|
31
|
+
if (!isControlled)
|
|
32
|
+
setInternalExpanded(next);
|
|
33
|
+
onExpandedChange?.(next);
|
|
34
|
+
};
|
|
35
|
+
const onKey = (e) => {
|
|
36
|
+
if (e.key === "Enter" || e.key === " ") {
|
|
37
|
+
e.preventDefault();
|
|
38
|
+
toggle();
|
|
39
|
+
}
|
|
40
|
+
};
|
|
41
|
+
return (_jsxs(_Fragment, { children: [_jsx("style", { children: `
|
|
42
|
+
@keyframes slide-down {
|
|
43
|
+
from {
|
|
44
|
+
opacity: 0;
|
|
45
|
+
transform: translateY(-10px);
|
|
46
|
+
}
|
|
47
|
+
to {
|
|
48
|
+
opacity: 1;
|
|
49
|
+
transform: translateY(0);
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
@keyframes slide-up {
|
|
54
|
+
from {
|
|
55
|
+
opacity: 0;
|
|
56
|
+
transform: translateY(10px);
|
|
57
|
+
}
|
|
58
|
+
to {
|
|
59
|
+
opacity: 1;
|
|
60
|
+
transform: translateY(0);
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.panel-content-enter {
|
|
65
|
+
animation: slide-down 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.panel-content-leave {
|
|
69
|
+
animation: slide-up 0.25s cubic-bezier(0.4, 0, 0.2, 1);
|
|
70
|
+
}
|
|
71
|
+
` }), _jsxs("div", { style: { borderBottom: `1px solid ${token.colorBorderSecondary}` }, children: [_jsxs("div", { role: "button", tabIndex: 0, "aria-expanded": expanded, onClick: toggle, onKeyDown: onKey, style: {
|
|
72
|
+
display: "flex",
|
|
73
|
+
alignItems: "center",
|
|
74
|
+
gap: 10,
|
|
75
|
+
padding: "12px 14px",
|
|
76
|
+
fontWeight: 600,
|
|
77
|
+
fontSize: 13,
|
|
78
|
+
color: token.colorText,
|
|
79
|
+
cursor: "pointer",
|
|
80
|
+
userSelect: "none",
|
|
81
|
+
background: expanded
|
|
82
|
+
? `linear-gradient(90deg, rgba(102,126,234,0.12) 0%, rgba(118,75,162,0.06) 100%)`
|
|
83
|
+
: "linear-gradient(90deg, rgba(102,126,234,0.04) 0%, rgba(118,75,162,0.02) 100%)",
|
|
84
|
+
borderRadius: 12,
|
|
85
|
+
margin: "6px 8px",
|
|
86
|
+
transition: "all 0.2s cubic-bezier(0.4, 0, 0.2, 1)",
|
|
87
|
+
border: expanded
|
|
88
|
+
? `1px solid rgba(102,126,234,0.2)`
|
|
89
|
+
: `1px solid transparent`,
|
|
90
|
+
boxShadow: expanded
|
|
91
|
+
? '0 4px 12px rgba(102,126,234,0.15)'
|
|
92
|
+
: 'none',
|
|
93
|
+
}, onMouseEnter: (e) => {
|
|
94
|
+
const el = e.currentTarget;
|
|
95
|
+
if (!expanded) {
|
|
96
|
+
el.style.background = "linear-gradient(90deg, rgba(102,126,234,0.08) 0%, rgba(118,75,162,0.04) 100%)";
|
|
97
|
+
el.style.boxShadow = "0 2px 8px rgba(0,0,0,0.06)";
|
|
98
|
+
}
|
|
99
|
+
}, onMouseLeave: (e) => {
|
|
100
|
+
const el = e.currentTarget;
|
|
101
|
+
if (!expanded) {
|
|
102
|
+
el.style.background = "linear-gradient(90deg, rgba(102,126,234,0.04) 0%, rgba(118,75,162,0.02) 100%)";
|
|
103
|
+
el.style.boxShadow = "none";
|
|
104
|
+
}
|
|
105
|
+
}, children: [_jsx("span", { "aria-hidden": true, style: {
|
|
106
|
+
display: "inline-flex",
|
|
107
|
+
transition: "transform 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
|
|
108
|
+
transform: expanded ? "rotate(0deg)" : "rotate(-90deg)",
|
|
109
|
+
color: "#667eea",
|
|
110
|
+
flexShrink: 0
|
|
111
|
+
}, children: expanded ? _jsx(DownOutlined, { style: { fontSize: 12 } }) : _jsx(UpOutlined, { style: { fontSize: 12 } }) }), icon && (_jsx("span", { style: {
|
|
112
|
+
flexShrink: 0,
|
|
113
|
+
display: 'flex',
|
|
114
|
+
alignItems: 'center',
|
|
115
|
+
justifyContent: 'center'
|
|
116
|
+
}, children: React.cloneElement(icon, {
|
|
117
|
+
style: {
|
|
118
|
+
...(icon.props?.style),
|
|
119
|
+
color: expanded ? "#667eea" : token.colorTextSecondary,
|
|
120
|
+
filter: expanded ? 'drop-shadow(0 2px 4px rgba(102,126,234,0.2))' : 'none'
|
|
121
|
+
}
|
|
122
|
+
}) })), _jsx("span", { style: {
|
|
123
|
+
flex: 1,
|
|
124
|
+
minWidth: 0,
|
|
125
|
+
background: expanded
|
|
126
|
+
? `linear-gradient(90deg, #667eea 0%, #764ba2 100%)`
|
|
127
|
+
: 'none',
|
|
128
|
+
WebkitBackgroundClip: expanded ? 'text' : 'none',
|
|
129
|
+
WebkitTextFillColor: expanded ? 'transparent' : 'initial',
|
|
130
|
+
backgroundClip: expanded ? 'text' : 'none',
|
|
131
|
+
fontWeight: expanded ? 600 : 500,
|
|
132
|
+
transition: 'all 0.2s ease'
|
|
133
|
+
}, children: title }), badge && (_jsx("span", { style: { flexShrink: 0 }, children: badge })), extra && (_jsx("span", { onClick: (e) => e.stopPropagation(), style: { flexShrink: 0 }, children: extra }))] }), _jsx("div", { ref: contentRef, style: {
|
|
134
|
+
overflow: "hidden",
|
|
135
|
+
maxHeight: height,
|
|
136
|
+
transition: "max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease",
|
|
137
|
+
opacity: expanded ? 1 : 0,
|
|
138
|
+
}, "aria-hidden": !expanded, children: _jsx("div", { className: expanded ? 'panel-content-enter' : 'panel-content-leave', style: { padding: "12px 10px 16px" }, children: children }) })] })] }));
|
|
139
|
+
}
|
|
140
|
+
//# sourceMappingURL=CollapsiblePanel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CollapsiblePanel.js","sourceRoot":"","sources":["../../src/shared/CollapsiblePanel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* DragHandle — 窗口顶部的可拖动区域。
|
|
3
|
+
*
|
|
4
|
+
* macOS 浮层窗口没有原生 title bar, 需要一个明确的区域 + 视觉抓手让用户知道
|
|
5
|
+
* "这里可以拖"。
|
|
6
|
+
*
|
|
7
|
+
* 设计:
|
|
8
|
+
* - 高度可配置,渐变背景 (跟现有玻璃态统一)
|
|
9
|
+
* - 左侧 HolderOutlined icon(3 条横线,经典 drag affordance)
|
|
10
|
+
* - 中间可选 children
|
|
11
|
+
* - 整条 data-tauri-drag-region="deep": 子树内非交互元素点击即可拖动
|
|
12
|
+
* (tauri drag.js 自动排除 input/button/select 等交互元素; 需要整簇
|
|
13
|
+
* 禁拖的局部用 data-tauri-drag-region="false", 如搜索框)
|
|
14
|
+
* - 前置:capabilities 需含 core:window:allow-start-dragging
|
|
15
|
+
* (core:window:default 权限集不含它,缺了 invoke 会被 ACL 拒掉)
|
|
16
|
+
* - hover/active 状态:抓手指针 + 渐变更明显
|
|
17
|
+
*
|
|
18
|
+
* 用法:
|
|
19
|
+
* <DragHandle>
|
|
20
|
+
* <Input data-no-drag ... /> ← 搜索框不参与拖动,但在 handle 内
|
|
21
|
+
* <Button data-no-drag>关闭</Button>
|
|
22
|
+
* </DragHandle>
|
|
23
|
+
*/
|
|
24
|
+
import type { ReactNode } from "react";
|
|
25
|
+
export interface DragHandleProps {
|
|
26
|
+
children?: ReactNode;
|
|
27
|
+
/** 右侧 slot (close / pin / 等等), 这些元素会自动 no-drag */
|
|
28
|
+
right?: ReactNode;
|
|
29
|
+
/** 左侧 icon 是否显示,默认 true */
|
|
30
|
+
showGrip?: boolean;
|
|
31
|
+
/** 背景透明 (让父级背景透出), 默认 false(自带渐变) */
|
|
32
|
+
transparent?: boolean;
|
|
33
|
+
/** 自定义高度,默认 40 */
|
|
34
|
+
height?: number;
|
|
35
|
+
}
|
|
36
|
+
export declare function DragHandle({ children, right, showGrip, transparent, height, }: DragHandleProps): import("react").JSX.Element;
|
|
37
|
+
//# sourceMappingURL=DragHandle.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DragHandle.d.ts","sourceRoot":"","sources":["../../src/shared/DragHandle.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,kDAAkD;IAClD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qCAAqC;IACrC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kBAAkB;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAKD,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,KAAK,EACL,QAAe,EACf,WAAmB,EACnB,MAAW,GACZ,EAAE,eAAe,+BAuHjB"}
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { HolderOutlined } from "@ant-design/icons";
|
|
3
|
+
// 渐变色定义
|
|
4
|
+
const brandGradient = "linear-gradient(135deg, #667eea 0%, #764ba2 100%)";
|
|
5
|
+
export function DragHandle({ children, right, showGrip = true, transparent = false, height = 40, }) {
|
|
6
|
+
return (_jsxs(_Fragment, { children: [_jsx("style", { children: `
|
|
7
|
+
@keyframes pulse-grip {
|
|
8
|
+
0%, 100% {
|
|
9
|
+
transform: scale(1);
|
|
10
|
+
opacity: 0.7;
|
|
11
|
+
}
|
|
12
|
+
50% {
|
|
13
|
+
transform: scale(1.1);
|
|
14
|
+
opacity: 0.9;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.zBizDragHandleGrip {
|
|
19
|
+
animation: pulse-grip 2s ease-in-out infinite;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.drag-handle-area:hover {
|
|
23
|
+
cursor: grabbing;
|
|
24
|
+
}
|
|
25
|
+
` }), _jsxs("div", { "data-tauri-drag-region": "deep", className: "drag-handle-area", style: {
|
|
26
|
+
height,
|
|
27
|
+
flexShrink: 0,
|
|
28
|
+
display: "flex",
|
|
29
|
+
alignItems: "center",
|
|
30
|
+
gap: 8,
|
|
31
|
+
padding: "0 12px 0 14px",
|
|
32
|
+
background: transparent
|
|
33
|
+
? "transparent"
|
|
34
|
+
: `linear-gradient(180deg, rgba(102,126,234,0.12) 0%, rgba(118,75,162,0.06) 100%)`,
|
|
35
|
+
borderBottom: "1px solid rgba(0,0,0,0.06)",
|
|
36
|
+
cursor: "grab",
|
|
37
|
+
userSelect: "none",
|
|
38
|
+
transition: "all 0.2s cubic-bezier(0.4, 0, 0.2, 1)",
|
|
39
|
+
position: 'relative',
|
|
40
|
+
overflow: 'hidden',
|
|
41
|
+
}, onMouseEnter: (e) => {
|
|
42
|
+
const el = e.currentTarget;
|
|
43
|
+
if (!transparent) {
|
|
44
|
+
el.style.background = `linear-gradient(180deg, rgba(102,126,234,0.16) 0%, rgba(118,75,162,0.08) 100%)`;
|
|
45
|
+
el.style.boxShadow = '0 2px 8px rgba(102,126,234,0.1)';
|
|
46
|
+
}
|
|
47
|
+
}, onMouseLeave: (e) => {
|
|
48
|
+
const el = e.currentTarget;
|
|
49
|
+
if (!transparent) {
|
|
50
|
+
el.style.background = transparent
|
|
51
|
+
? "transparent"
|
|
52
|
+
: `linear-gradient(180deg, rgba(102,126,234,0.08) 0%, rgba(139,92,246,0.03) 100%)`;
|
|
53
|
+
el.style.boxShadow = 'none';
|
|
54
|
+
}
|
|
55
|
+
}, title: "\u6309\u4F4F\u62D6\u52A8\u7A97\u53E3", children: [!transparent && (_jsx("div", { style: {
|
|
56
|
+
position: 'absolute',
|
|
57
|
+
left: 0,
|
|
58
|
+
top: 0,
|
|
59
|
+
bottom: 0,
|
|
60
|
+
width: '3px',
|
|
61
|
+
background: brandGradient,
|
|
62
|
+
opacity: 0.8
|
|
63
|
+
} })), showGrip && (_jsx(HolderOutlined, { className: "zBizDragHandleGrip", style: {
|
|
64
|
+
fontSize: 16,
|
|
65
|
+
color: "#667eea",
|
|
66
|
+
opacity: 0.8,
|
|
67
|
+
flexShrink: 0,
|
|
68
|
+
cursor: "grab",
|
|
69
|
+
transition: "all 0.2s cubic-bezier(0.4, 0, 0.2, 1)",
|
|
70
|
+
filter: 'drop-shadow(0 2px 4px rgba(102,126,234,0.2))'
|
|
71
|
+
}, onMouseEnter: (e) => {
|
|
72
|
+
const el = e.currentTarget;
|
|
73
|
+
el.style.opacity = "1";
|
|
74
|
+
el.style.color = "#764ba2";
|
|
75
|
+
el.style.transform = "scale(1.15)";
|
|
76
|
+
el.style.filter = 'drop-shadow(0 4px 8px rgba(118,75,162,0.3))';
|
|
77
|
+
}, onMouseLeave: (e) => {
|
|
78
|
+
const el = e.currentTarget;
|
|
79
|
+
el.style.opacity = "0.8";
|
|
80
|
+
el.style.color = "#667eea";
|
|
81
|
+
el.style.transform = "scale(1)";
|
|
82
|
+
el.style.filter = 'drop-shadow(0 2px 4px rgba(102,126,234,0.2))';
|
|
83
|
+
} })), _jsx("div", { "data-tauri-drag-region": "deep", style: { flex: 1, minWidth: 0, display: "flex", alignItems: "center", gap: 8 }, children: children }), right && (_jsx("div", { "data-no-drag": true, style: { display: "flex", alignItems: "center", gap: 4, flexShrink: 0 }, children: right }))] })] }));
|
|
84
|
+
}
|
|
85
|
+
//# sourceMappingURL=DragHandle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DragHandle.js","sourceRoot":"","sources":["../../src/shared/DragHandle.tsx"],"names":[],"mappings":"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"}
|