@gadmin2n/schematics 0.0.144 → 0.0.145

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/components/WorkflowActionButton.test.tsx

@@ -0,0 +1,71 @@
+import { fireEvent, render, screen, waitFor } from '@testing-library/react';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { startWorkflowAction } from 'helpers/workflowAction';
+import { WorkflowActionButton } from './WorkflowActionButton';
+
+vi.mock('helpers/workflowAction', () => ({
+  startWorkflowAction: vi.fn(),
+}));
+
+vi.mock('antd', () => {
+  return {
+    Button: ({ children, loading, onClick, disabled }: any) => (
+      <button disabled={loading || disabled} onClick={onClick}>
+        {children}
+      </button>
+    ),
+    message: { success: vi.fn(), error: vi.fn() },
+  };
+});
+
+describe('WorkflowActionButton', () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+    vi.stubGlobal('crypto', {
+      randomUUID: vi
+        .fn()
+        .mockReturnValueOnce('request-key-1')
+        .mockReturnValueOnce('request-key-2'),
+    });
+  });
+
+  it('reuses the same key when retrying the same failed action', async () => {
+    vi.mocked(startWorkflowAction)
+      .mockRejectedValueOnce(new Error('network failed'))
+      .mockResolvedValueOnce({
+        instanceId: '21',
+        status: 'PENDING',
+      });
+
+    render(
+      <WorkflowActionButton
+        workflowCode="approve-order"
+        workflowData={{ orderId: 'O-1' }}
+      >
+        提交审批
+      </WorkflowActionButton>,
+    );
+
+    fireEvent.click(screen.getByRole('button', { name: '提交审批' }));
+    await waitFor(() => expect(startWorkflowAction).toHaveBeenCalledTimes(1));
+    await waitFor(() =>
+      expect(screen.getByRole('button', { name: '提交审批' })).toBeEnabled(),
+    );
+
+    fireEvent.click(screen.getByRole('button', { name: '提交审批' }));
+    await waitFor(() => expect(startWorkflowAction).toHaveBeenCalledTimes(2));
+
+    expect(startWorkflowAction).toHaveBeenNthCalledWith(
+      1,
+      'approve-order',
+      { orderId: 'O-1' },
+      'request-key-1',
+    );
+    expect(startWorkflowAction).toHaveBeenNthCalledWith(
+      2,
+      'approve-order',
+      { orderId: 'O-1' },
+      'request-key-1',
+    );
+  });
+});

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/components/WorkflowActionButton.tsx

@@ -0,0 +1,89 @@
+import { Button, message } from 'antd';
+import type { ButtonProps } from 'antd';
+import { useRef, useState } from 'react';
+import {
+  startWorkflowAction,
+  type WorkflowActionResult,
+} from 'helpers/workflowAction';
+
+export interface WorkflowActionButtonProps extends Omit<
+  ButtonProps,
+  'loading' | 'onClick'
+> {
+  workflowCode: string;
+  workflowData:
+    | Record<string, unknown>
+    | (() => Record<string, unknown> | Promise<Record<string, unknown>>);
+  onStarted?: (result: WorkflowActionResult) => void;
+  successMessage?: string;
+}
+
+export function WorkflowActionButton({
+  workflowCode,
+  workflowData,
+  onStarted,
+  successMessage = '操作已提交',
+  children = '执行',
+  ...buttonProps
+}: WorkflowActionButtonProps) {
+  const [loading, setLoading] = useState(false);
+  const inFlightRef = useRef(false);
+  const retryRef = useRef<{
+    input: string;
+    idempotencyKey: string;
+  } | null>(null);
+
+  const execute = async () => {
+    if (inFlightRef.current) return;
+    inFlightRef.current = true;
+    setLoading(true);
+    try {
+      const data =
+        typeof workflowData === 'function'
+          ? await workflowData()
+          : workflowData;
+      const input = stableJson(data);
+      const idempotencyKey =
+        retryRef.current?.input === input
+          ? retryRef.current.idempotencyKey
+          : crypto.randomUUID();
+      retryRef.current = { input, idempotencyKey };
+
+      const result = await startWorkflowAction(
+        workflowCode,
+        data,
+        idempotencyKey,
+      );
+      retryRef.current = null;
+      message.success(successMessage);
+      onStarted?.(result);
+    } catch (error: any) {
+      message.error(error?.message || '操作失败，请重试');
+    } finally {
+      inFlightRef.current = false;
+      setLoading(false);
+    }
+  };
+
+  return (
+    <Button type="primary" {...buttonProps} loading={loading} onClick={execute}>
+      {children}
+    </Button>
+  );
+}
+
+function stableJson(value: unknown): string {
+  if (Array.isArray(value)) return `[${value.map(stableJson).join(',')}]`;
+  if (value && typeof value === 'object') {
+    return `{${Object.keys(value as Record<string, unknown>)
+      .sort()
+      .map(
+        (key) =>
+          `${JSON.stringify(key)}:${stableJson(
+            (value as Record<string, unknown>)[key],
+          )}`,
+      )
+      .join(',')}}`;
+  }
+  return JSON.stringify(value) ?? 'null';
+}

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/components/index.ts

@@ -7,3 +7,4 @@ export * from './custom-avatar';
 export * from './pagination-total';
 export * from './tags';
 export * from './text';
+export * from './WorkflowActionButton';

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/components/layout/header.tsx

@@ -1,5 +1,10 @@
 import React, { useMemo, useState } from 'react';
-import { useGetLocale, useSetLocale, useGetIdentity } from '@refinedev/core';
+import {
+  useGetLocale,
+  useSetLocale,
+  useGetIdentity,
+  useLogout,
+} from '@refinedev/core';
 import {
   Layout,
   Space,
@@ -9,7 +14,11 @@ import {
   Typography,
   theme,
 } from 'antd';
-import { DownOutlined, SettingOutlined } from '@ant-design/icons';
+import {
+  DownOutlined,
+  LogoutOutlined,
+  SettingOutlined,
+} from '@ant-design/icons';
 import { useTranslation } from 'react-i18next';
 import type { MenuProps } from 'antd';
 import { agentAttrs } from 'components/agentPanel/agentAttributes';
@@ -35,6 +44,7 @@ export const HeaderActions: React.FC = () => {
   const changeLanguage = useSetLocale();
   const { token } = useToken();
   const { data: user } = useGetIdentity<IUser>();
+  const { mutate: logout } = useLogout();
   const [settingsOpen, setSettingsOpen] = useState(false);
 
   const currentLocale = locale();
@@ -59,17 +69,37 @@ export const HeaderActions: React.FC = () => {
 
   const currentLanguageLabel = currentLocale === 'en' ? 'English' : '中文';
 
+  const userMenu = useMemo<MenuProps>(
+    () => ({
+      items: [
+        // 外观设置为 dev 专属功能，prod 不展示该项
+        ...(import.meta.env.DEV
+          ? [
+              {
+                key: 'appearance',
+                icon: <SettingOutlined />,
+                label: t('header.settings', 'Appearance'),
+              },
+              { type: 'divider' as const },
+            ]
+          : []),
+        {
+          key: 'logout',
+          icon: <LogoutOutlined />,
+          danger: true,
+          label: t('buttons.logout', 'Logout'),
+        },
+      ],
+      onClick: ({ key }) => {
+        if (key === 'appearance') setSettingsOpen(true);
+        if (key === 'logout') logout();
+      },
+    }),
+    [t, logout],
+  );
+
   return (
     <>
-      {import.meta.env.DEV && (
-        <Button
-          type="text"
-          icon={<SettingOutlined />}
-          aria-label={t('header.settings', 'Appearance')}
-          onClick={() => setSettingsOpen(true)}
-        />
-      )}
-
       <Dropdown
         menu={langMenu}
         placement="bottomRight"
@@ -97,7 +127,17 @@ export const HeaderActions: React.FC = () => {
         <Space size="middle" style={{ marginLeft: 16 }}>
           {user?.name && <Text strong>{user.name}</Text>}
           {user?.avatar && (
-            <Avatar src={user.avatar} alt={user?.name ?? 'User avatar'} />
+            <Dropdown
+              menu={userMenu}
+              placement="bottomRight"
+              trigger={['hover', 'click']}
+            >
+              <Avatar
+                src={user.avatar}
+                alt={user?.name ?? 'User avatar'}
+                style={{ cursor: 'pointer' }}
+              />
+            </Dropdown>
           )}
         </Space>
       )}

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/config/routeRegistry.tsx

@@ -373,6 +373,18 @@ export const routeRegistry: Record<string, RouteEntry> = {
               () => import('routes/workflow/connections'),
             ),
           },
+          workflow_event_catalog: {
+            path: 'business-events',
+            component: lazyWithReload(
+              () => import('routes/workflow/business-events'),
+            ),
+          },
+          businessEventDetail: {
+            path: 'business-events/show/:registrationCode',
+            component: lazyWithReload(
+              () => import('routes/workflow/business-events/detail'),
+            ),
+          },
           approval_tasks: {
             path: 'approval-tasks',
             component: lazyWithReload(

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/constants/layout.ts

@@ -49,10 +49,10 @@ export const PAGE_WRAPPER_STYLE = {
 /** 卡片纵向间距：每张内容卡自带 marginBottom: 16 */
 export const CARD_GAP_STYLE = { marginBottom: 16 } as const;
 
-/** Header Card：压扁的页面头部卡（配合 PageHeader 使用） */
+/** Header Card：页面头部卡（纵向 padding 18px，与 Refine CRUD 页头高度对齐，约 64px） */
 export const HEADER_CARD_PROPS = {
   style: { marginBottom: 16 },
-  styles: { body: { padding: '12px 24px' } },
+  styles: { body: { padding: '18px 24px' } },
 } as const;
 
 /** Search Card：压扁的搜索条卡（只有一行输入/筛选，不需要默认 24px 上下留白） */

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/dev-shell/AddDataModal.tsx

@@ -1,4 +1,5 @@
 import React, { useState } from 'react';
+import { useReferenceUpload } from 'hooks';
 
 interface Props {
   onConfirm: (prompt: string) => void;
@@ -64,36 +65,16 @@ export default function AddDataModal({ onConfirm, onCancel }: Props) {
   const [freeText, setFreeText] = useState('');
   const [answers, setAnswers] = useState<Record<string, string>>({});
   // ── 以文件为参考 ──
-  const [refFile, setRefFile] = useState<File | null>(null);
-  const [uploadedPath, setUploadedPath] = useState<string | null>(null);
-  const [uploading, setUploading] = useState(false);
-  const [uploadError, setUploadError] = useState<string | null>(null);
+  const {
+    file: refFile,
+    uploadedPath,
+    uploading,
+    error: uploadError,
+    select: selectRefFile,
+    upload: handleUpload,
+  } = useReferenceUpload();
   const [extraInfo, setExtraInfo] = useState('');
 
-  async function handleUpload() {
-    if (!refFile || uploading) return;
-    setUploading(true);
-    setUploadError(null);
-    try {
-      const resp = await fetch(
-        `/dev-shell/upload-reference?filename=${encodeURIComponent(
-          refFile.name,
-        )}`,
-        { method: 'POST', body: refFile },
-      );
-      const data = await resp.json().catch(() => ({}));
-      if (!resp.ok || !data?.path) {
-        throw new Error(data?.error || `上传失败（${resp.status}）`);
-      }
-      setUploadedPath(data.path);
-    } catch (err: any) {
-      setUploadedPath(null);
-      setUploadError(err?.message || '上传失败，请重试');
-    } finally {
-      setUploading(false);
-    }
-  }
-
   function handleConfirm() {
     if (activeTab === 'free') {
       const text = freeText.trim();
@@ -202,11 +183,7 @@ export default function AddDataModal({ onConfirm, onCancel }: Props) {
                   type="file"
                   accept=".csv,.xlsx,.xls"
                   className="add-data-file-input"
-                  onChange={(e) => {
-                    setRefFile(e.target.files?.[0] ?? null);
-                    setUploadedPath(null);
-                    setUploadError(null);
-                  }}
+                  onChange={(e) => selectRefFile(e.target.files?.[0] ?? null)}
                 />
                 <button
                   className="add-data-btn-upload"

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/dev-shell/AddPageModal.tsx

@@ -1,5 +1,6 @@
 import { findMany } from 'helpers/http';
 import { buildPageTree } from 'helpers/page-tree';
+import { useReferenceUpload } from 'hooks';
 import React, { useEffect, useMemo, useState } from 'react';
 import { TreeSelect } from 'antd';
 
@@ -41,35 +42,15 @@ export default function AddPageModal({
   const [selectedRoles, setSelectedRoles] = useState<string[]>([]);
   const [loadError, setLoadError] = useState(false);
   // ── 页面参考图（可选，仅一张）──
-  const [imgFile, setImgFile] = useState<File | null>(null);
-  const [imgPreviewUrl, setImgPreviewUrl] = useState<string | null>(null);
-  const [uploadedImgPath, setUploadedImgPath] = useState<string | null>(null);
-  const [imgUploading, setImgUploading] = useState(false);
-  const [imgUploadError, setImgUploadError] = useState<string | null>(null);
-
-  async function handleImgUpload() {
-    if (!imgFile || imgUploading) return;
-    setImgUploading(true);
-    setImgUploadError(null);
-    try {
-      const resp = await fetch(
-        `/dev-shell/upload-reference?filename=${encodeURIComponent(
-          imgFile.name,
-        )}`,
-        { method: 'POST', body: imgFile },
-      );
-      const data = await resp.json().catch(() => ({}));
-      if (!resp.ok || !data?.path) {
-        throw new Error(data?.error || `上传失败（${resp.status}）`);
-      }
-      setUploadedImgPath(data.path);
-    } catch (err: any) {
-      setUploadedImgPath(null);
-      setImgUploadError(err?.message || '上传失败，请重试');
-    } finally {
-      setImgUploading(false);
-    }
-  }
+  const {
+    file: imgFile,
+    previewUrl: imgPreviewUrl,
+    uploadedPath: uploadedImgPath,
+    uploading: imgUploading,
+    error: imgUploadError,
+    select: selectImgFile,
+    upload: handleImgUpload,
+  } = useReferenceUpload({ withPreview: true });
 
   const pageTreeData = useMemo(() => {
     const tree = buildPageTree(
@@ -300,14 +281,9 @@ export default function AddPageModal({
                       type="file"
                       accept=".png,.jpg,.jpeg,.webp,.gif"
                       className="add-data-file-input"
-                      onChange={(e) => {
-                        const f = e.target.files?.[0] ?? null;
-                        setImgFile(f);
-                        setUploadedImgPath(null);
-                        setImgUploadError(null);
-                        if (imgPreviewUrl) URL.revokeObjectURL(imgPreviewUrl);
-                        setImgPreviewUrl(f ? URL.createObjectURL(f) : null);
-                      }}
+                      onChange={(e) =>
+                        selectImgFile(e.target.files?.[0] ?? null)
+                      }
                     />
                     <button
                       className="add-data-btn-upload"

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/dev-shell/DevShell.tsx

@@ -53,7 +53,10 @@ function buildContextValue(ctx: PageContext | null): string | null {
 }
 
 const PAGE_CONTEXT_KEY = 'current-page';
-const AGENT_PANEL_WIDTH = 480;
+const PANEL_WIDTH_KEY = 'gadmin-agent-panel-width';
+const DEFAULT_PANEL_WIDTH = 480;
+const MIN_PANEL_WIDTH = 360;
+const maxPanelWidth = () => Math.floor(window.innerWidth * 0.6);
 
 export type ModalType =
   | 'addData'
@@ -86,6 +89,11 @@ function DevShellInner() {
   const sdkRef = useRef<any>(null);
 
   const [agentVisible, setAgentVisible] = useState(true);
+  const [panelWidth, setPanelWidth] = useState(() => {
+    const saved = Number(localStorage.getItem(PANEL_WIDTH_KEY));
+    return saved >= MIN_PANEL_WIDTH ? saved : DEFAULT_PANEL_WIDTH;
+  });
+  const [isResizing, setIsResizing] = useState(false);
   const [isInspecting, setIsInspecting] = useState(false);
   const [skillMenuOpen, setSkillMenuOpen] = useState(false);
   const [modal, setModal] = useState<ModalType>(null);
@@ -365,11 +373,35 @@ function DevShellInner() {
     return () => document.removeEventListener('keydown', handleKeyDown);
   }, [isInspecting]);
 
-  const btnRight = agentVisible ? AGENT_PANEL_WIDTH + 12 : 12;
-  const menuPopupRight = agentVisible ? AGENT_PANEL_WIDTH + 56 : 56;
-  const iframeWidth = agentVisible
-    ? `calc(100% - ${AGENT_PANEL_WIDTH}px)`
-    : '100%';
+  // ── panel width resize ───────────────────────────────────────────────────
+  useEffect(() => {
+    if (!isResizing) return;
+    function handleMouseMove(e: MouseEvent) {
+      const w = Math.min(
+        Math.max(window.innerWidth - e.clientX, MIN_PANEL_WIDTH),
+        maxPanelWidth(),
+      );
+      setPanelWidth(w);
+    }
+    function handleMouseUp(e: MouseEvent) {
+      setIsResizing(false);
+      const w = Math.min(
+        Math.max(window.innerWidth - e.clientX, MIN_PANEL_WIDTH),
+        maxPanelWidth(),
+      );
+      localStorage.setItem(PANEL_WIDTH_KEY, String(w));
+    }
+    document.addEventListener('mousemove', handleMouseMove);
+    document.addEventListener('mouseup', handleMouseUp);
+    return () => {
+      document.removeEventListener('mousemove', handleMouseMove);
+      document.removeEventListener('mouseup', handleMouseUp);
+    };
+  }, [isResizing]);
+
+  const btnRight = agentVisible ? panelWidth + 12 : 12;
+  const menuPopupRight = agentVisible ? panelWidth + 56 : 56;
+  const iframeWidth = agentVisible ? `calc(100% - ${panelWidth}px)` : '100%';
 
   const getPageContext = () => pageContextRef.current;
 
@@ -381,7 +413,12 @@ function DevShellInner() {
         id="app-iframe"
         src="/app"
         title="Gadmin App"
-        style={{ width: iframeWidth }}
+        style={{
+          width: iframeWidth,
+          // 拖拽时禁用过渡和 iframe 鼠标事件，避免拖影和 mousemove 被 iframe 吞掉
+          transition: isResizing ? 'none' : undefined,
+          pointerEvents: isResizing ? 'none' : undefined,
+        }}
       />
 
       {/* Agent panel */}
@@ -389,8 +426,19 @@ function DevShellInner() {
         ref={agentPanelRef}
         id="agent-panel"
         className={agentVisible ? 'visible' : ''}
+        style={{ width: panelWidth }}
       />
 
+      {/* Resize handle */}
+      {agentVisible && (
+        <div
+          id="agent-panel-resizer"
+          className={isResizing ? 'dragging' : ''}
+          style={{ right: panelWidth }}
+          onMouseDown={() => setIsResizing(true)}
+        />
+      )}
+
       {/* Toggle agent button */}
       <Tooltip title="Coding Agent" placement="left">
         <button

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/dev-shell/style.css

@@ -40,6 +40,20 @@ body {
   pointer-events: auto;
 }
 
+#agent-panel-resizer {
+  position: fixed;
+  top: 0;
+  width: 6px;
+  height: 100vh;
+  cursor: col-resize;
+  z-index: 1001;
+}
+
+#agent-panel-resizer:hover,
+#agent-panel-resizer.dragging {
+  background: rgba(22, 119, 255, 0.35);
+}
+
 #toggle-btn {
   position: fixed;
   z-index: 9999;

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/helpers/http.ts

@@ -98,6 +98,16 @@ export async function customRequest<T>(
   urlPath: string,
   method: string,
   params?: Record<string, any>,
+  options?: { headers?: Record<string, string> },
 ) {
+  if (options) {
+    const response = await axiosInstance.request<T>({
+      url: `${apiUrl}/${urlPath}`,
+      method,
+      ...(method.toLowerCase() === 'get' ? { params } : { data: params }),
+      headers: options.headers,
+    });
+    return response.data;
+  }
   return baseCustomRequest<T>(axiosInstance, apiUrl, urlPath, method, params);
 }

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/helpers/list.tsx

@@ -50,6 +50,7 @@ export function actionsToShowFlags(
     showExport: set.has('EXPORT'),
     showDetail: set.has('DETAIL'),
     showClone: set.has('CLONE'),
+    showHistory: set.has('HISTORY'),
     showImport: set.has('IMPORT'),
     showRefresh: set.has('REFRESH'),
   };

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/helpers/workflowAction.ts

@@ -0,0 +1,19 @@
+import { customRequest } from './http';
+
+export interface WorkflowActionResult {
+  instanceId: string;
+  status: string;
+}
+
+export function startWorkflowAction(
+  workflowCode: string,
+  workflowData: Record<string, unknown>,
+  idempotencyKey: string,
+): Promise<WorkflowActionResult> {
+  return customRequest<WorkflowActionResult>(
+    `workflow/actions/${encodeURIComponent(workflowCode)}/execute`,
+    'POST',
+    { workflow: workflowData },
+    { headers: { 'Idempotency-Key': idempotencyKey } },
+  );
+}

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/hooks/index.ts

@@ -5,3 +5,4 @@ export * from './useBatchDelete';
 export * from './useBatchOperations';
 export * from './useBatchOperationsCore';
 export * from './useListPageState';
+export * from './useReferenceUpload';

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/hooks/types.ts

@@ -44,7 +44,9 @@ export interface RowAction {
     | 'INSERT'
     | 'JUMP'
     | 'EDIT'
-    | 'DETAIL';
+    | 'DETAIL'
+    | 'CLONE'
+    | 'HISTORY';
   desc: string;
   values?: Record<string, any>;
   when?: Record<string, any> | '*' | ((record: any) => boolean);

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/hooks/useDynamicResources.tsx

@@ -1,5 +1,4 @@
-import { useMemo, useRef } from 'react';
-import type { IResourceItem, ResourceProps } from '@refinedev/core';
+import type { IResourceItem } from '@refinedev/core';
 import {
   DashboardOutlined,
   SettingOutlined,
@@ -7,8 +6,6 @@ import {
   BgColorsOutlined,
   ScheduleOutlined,
   ApartmentOutlined,
-  SafetyOutlined,
-  FileSearchOutlined,
 } from '@ant-design/icons';
 import { getRoutePath } from 'config/routeRegistry';
 import { useUserPageAccess } from './useUserPageAccess';
@@ -49,8 +46,6 @@ export const iconMapping: Record<string, React.ReactNode> = {
   canvas: <BgColorsOutlined />,
   agenda: <ScheduleOutlined />,
   workflow: <ApartmentOutlined />,
-  permission: <SafetyOutlined />,
-  audits: <FileSearchOutlined />,
 };
 
 // Pages whose children are tabs (not separate menu items)