@gadmin2n/schematics 0.0.140 → 0.0.142

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

@@ -22,9 +22,9 @@ export const Z_INDEX = {
   OVERLAY: 800,
 } as const;
 
-/** List / Create 页面顶层组件的内容区样式 */
+/** List / Create 页面顶层组件的内容区样式（页头卡自带 marginBottom: 16，内容区不再加 marginTop） */
 export const LIST_CONTENT_PROPS = {
-  style: { marginTop: '1rem' },
+  style: { marginTop: 0 },
 } as const;
 
 /** Show 页面顶层组件的内容区样式 */
@@ -39,3 +39,31 @@ export const SHOW_CONTENT_PROPS = {
     padding: 0,
   },
 } as const;
+
+/** 自定义页面最外层容器：灰底 + 撑满视口（四边 padding 由外层 layout 承担，页面不写） */
+export const PAGE_WRAPPER_STYLE = {
+  background: 'var(--ant-color-bg-layout)',
+  minHeight: 'calc(100vh - 64px)',
+} as const;
+
+/** 卡片纵向间距：每张内容卡自带 marginBottom: 16 */
+export const CARD_GAP_STYLE = { marginBottom: 16 } as const;
+
+/** Header Card：压扁的页面头部卡（配合 PageHeader 使用） */
+export const HEADER_CARD_PROPS = {
+  style: { marginBottom: 16 },
+  styles: { body: { padding: '12px 24px' } },
+} as const;
+
+/** Search Card：压扁的搜索条卡（只有一行输入/筛选，不需要默认 24px 上下留白） */
+export const SEARCH_CARD_PROPS = {
+  className: 'card-search-bar',
+  style: { marginBottom: 16 },
+  styles: { body: { padding: '12px 24px' } },
+} as const;
+
+/** 嵌套在内容卡里的子卡片：去边框 + 浅灰底色，避免双层边框 */
+export const NESTED_CARD_PROPS = {
+  variant: 'borderless',
+  style: { background: 'var(--ant-color-fill-quaternary)' },
+} as const;

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/locales/en/workflow.json

@@ -186,12 +186,24 @@
     "timeoutMilliseconds": "Timeout (milliseconds)"
   },
   "returnResult": {
+    "type": "Result type",
+    "ordinaryData": "Ordinary data",
+    "approvalSubjects": "Approver list",
+    "approvalSubjectsHint": "Only for a Workflow that automatically finds approvers",
     "source": "What to return",
     "previousNode": "Return the previous node result",
     "previousNodeHint": "Returns the result connected to this node. No node ID or path is required.",
     "workflowData": "Return a field from Workflow data",
     "workflowPath": "Workflow data field",
-    "workflowHint": "Enter a relative path, for example approvers. It will be read as workflow.approvers."
+    "workflowHint": "Enter a relative path, for example body. It will be read from Workflow start data.",
+    "httpResponse": "HTTP response",
+    "httpStatusCode": "HTTP status code",
+    "httpHeaders": "Response headers",
+    "headerName": "Header name",
+    "headerValue": "Header value",
+    "addHeader": "Add response header",
+    "deleteHeader": "Delete header {{name}}",
+    "httpHint": "The returned body is the data selected above. Status and headers are optional."
   },
   "connection": {
     "title": "Connections",
@@ -272,6 +284,13 @@
     "endpointLoadFailed": "Unable to generate the external request address. Configure the server's public Workflow address or network interface.",
     "copyEndpoint": "Copy endpoint",
     "copied": "Copied",
+    "response": "How the call finishes",
+    "respondImmediately": "Respond immediately",
+    "respondImmediatelyHint": "Return 202 after starting the Workflow",
+    "waitForResult": "Wait for Workflow result",
+    "waitForResultHint": "Keep this request open until a Return Result node is reached",
+    "responseTimeout": "Maximum wait time",
+    "seconds": "seconds",
     "verification": "Request verification",
     "signed": "Secure signature",
     "signedHint": "For systems that can generate the documented signature",

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/locales/zh_CN/workflow.json

@@ -186,12 +186,24 @@
     "timeoutMilliseconds": "超时时间（毫秒）"
   },
   "returnResult": {
+    "type": "结果类型",
+    "ordinaryData": "普通数据",
+    "approvalSubjects": "审批人列表",
+    "approvalSubjectsHint": "仅用于自动查找审批人的 Workflow",
     "source": "返回什么",
     "previousNode": "返回上一步节点的结果",
     "previousNodeHint": "直接把连接到这里的上一步结果返回给调用方，不需要填写节点 ID 或路径。",
     "workflowData": "返回 Workflow 启动数据中的字段",
     "workflowPath": "Workflow 数据字段",
-    "workflowHint": "填写相对路径，例如 approvers；系统会读取 workflow.approvers。"
+    "workflowHint": "填写相对路径，例如 body；系统会从 Workflow 启动数据中读取。",
+    "httpResponse": "HTTP 响应",
+    "httpStatusCode": "HTTP 状态码",
+    "httpHeaders": "响应头",
+    "headerName": "响应头名称",
+    "headerValue": "响应头内容",
+    "addHeader": "添加响应头",
+    "deleteHeader": "删除响应头 {{name}}",
+    "httpHint": "响应正文就是上面选择的数据；状态码和响应头是可选设置。"
   },
   "connection": {
     "title": "连接管理",
@@ -272,6 +284,13 @@
     "endpointLoadFailed": "无法生成外部请求地址，请检查服务器 Workflow 公共地址或网卡配置。",
     "copyEndpoint": "复制请求地址",
     "copied": "已复制",
+    "response": "调用如何结束",
+    "respondImmediately": "立即返回",
+    "respondImmediatelyHint": "启动 Workflow 后立即返回 202",
+    "waitForResult": "等待 Workflow 返回结果",
+    "waitForResultHint": "保持本次请求，直到流程执行到“返回结果”节点",
+    "responseTimeout": "最长等待时间",
+    "seconds": "秒",
     "verification": "请求验证",
     "signed": "安全签名",
     "signedHint": "适合能够按照说明生成签名的系统",

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/routes/agenda/index.tsx

@@ -29,8 +29,10 @@ import {
 } from '@ant-design/icons';
 import { useSearchParams, useNavigate } from 'react-router-dom';
 import { customRequest } from 'helpers/http';
+import { PageHeader } from 'components';
+import { PAGE_WRAPPER_STYLE } from 'constants/layout';
 
-const { Title, Text } = Typography;
+const { Text } = Typography;
 
 // ─── Types ────────────────────────────────────────────────────────────────────
 
@@ -456,24 +458,11 @@ export default function AgendaJobsPage() {
   // ─── Render ────────────────────────────────────────────────────────────────
 
   return (
-    <div
-      style={{
-        background: 'var(--ant-color-bg-layout)',
-        minHeight: 'calc(100vh - 64px)',
-      }}
-    >
+    <div style={PAGE_WRAPPER_STYLE}>
       {/* Header */}
-      <Card style={{ marginBottom: 16 }}>
-        <div
-          style={{
-            display: 'flex',
-            justifyContent: 'space-between',
-            alignItems: 'center',
-          }}
-        >
-          <Title level={4} style={{ margin: 0 }}>
-            Cron Jobs
-          </Title>
+      <PageHeader
+        title="Cron Jobs"
+        extra={
           <Space>
             <Tooltip title="查看 AgendaJob 表原始数据">
               <Button
@@ -498,8 +487,8 @@ export default function AgendaJobsPage() {
             )}
             <Button icon={<ReloadOutlined />} onClick={fetchJobs}></Button>
           </Space>
-        </div>
-      </Card>
+        }
+      />
 
       {/* Metrics cards */}
       {metricsOverview && (

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

@@ -10,6 +10,7 @@ import { getDefaultFilter, HttpError } from '@refinedev/core';
 
 import { SearchOutlined } from '@ant-design/icons';
 import {
+  Card,
   DatePicker,
   Input,
   Radio,
@@ -75,145 +76,147 @@ export const AuditLogPage = () => {
         canCreate={false}
         contentProps={LIST_CONTENT_PROPS}
       >
-        <Table
-          className="audit-log-table"
-          {...tableProps}
-          rowKey="id"
-          scroll={{ x: true }}
-          pagination={{
-            ...tableProps.pagination,
-            showTotal: (total) => (
-              <PaginationTotal total={total} entityName="audit logs" />
-            ),
-          }}
-        >
-          <Table.Column
-            dataIndex="authorName"
-            title="User"
-            width="15%"
-            filterIcon={<SearchOutlined />}
-            render={(_, record: AuditLog) => {
-              return (
-                <Space>
-                  <CustomAvatar
-                    src={`https://rhrc.woa.com/photo/150/${record.authorName}.png`}
-                    name={record.authorName}
-                  />
-                  {record.authorName || 'N/A'}
-                </Space>
-              );
+        <Card className="card-table">
+          <Table
+            className="audit-log-table"
+            {...tableProps}
+            rowKey="id"
+            scroll={{ x: true }}
+            pagination={{
+              ...tableProps.pagination,
+              showTotal: (total) => (
+                <PaginationTotal total={total} entityName="audit logs" />
+              ),
             }}
-            filterDropdown={(props) => (
-              <FilterDropdown
-                {...(props as any)}
-                clearFilters={() => {
-                  props.setSelectedKeys([]);
-                  props.confirm?.();
-                }}
-              >
-                <Input />
-              </FilterDropdown>
-            )}
-            defaultFilteredValue={getDefaultFilter(
-              'authorName',
-              filters,
-              'contains',
-            )}
-          />
-          <Table.Column
-            dataIndex="action"
-            title="Action"
-            render={(_, record: AuditLog) => {
-              return (
-                <Space>
-                  <Tag color={getActionColor(record.action)}>
-                    {
-                      auditLogActionOptions.find(
-                        (option) => option.value === record.action,
-                      )?.label
-                    }
-                  </Tag>
-                </Space>
-              );
-            }}
-            filterDropdown={(props) => (
-              <FilterDropdown
-                {...(props as any)}
-                clearFilters={() => {
-                  props.setSelectedKeys([]);
-                  props.confirm?.();
-                }}
-              >
-                <Radio.Group>
-                  {auditLogActionOptions.map((option) => (
-                    <Radio key={option.value} value={option.value}>
-                      {option.label}
-                    </Radio>
-                  ))}
-                </Radio.Group>
-              </FilterDropdown>
-            )}
-            defaultFilteredValue={getDefaultFilter('action', filters, 'eq')}
-          />
-          <Table.Column
-            dataIndex="resource"
-            title="Entity"
-            filterIcon={<SearchOutlined />}
-            filterDropdown={(props) => (
-              <FilterDropdown
-                {...(props as any)}
-                clearFilters={() => {
-                  props.setSelectedKeys([]);
-                  props.confirm?.();
-                }}
-              >
-                <Input />
-              </FilterDropdown>
-            )}
-            defaultFilteredValue={getDefaultFilter(
-              'resource',
-              filters,
-              'contains',
-            )}
-          />
-          <Table.Column dataIndex="resourceId" title="Entity ID" />
-          <Table.Column
-            dataIndex="data"
-            title="Changes"
-            render={(_, record: AuditLog) => <ActionCell record={record} />}
-          />
-          <Table.Column
-            dataIndex="timestamp"
-            title="Date & Time"
-            width="15%"
-            render={(value) => (
-              <DateField
-                style={{ verticalAlign: 'middle' }}
-                value={value}
-                format="YYYY-MM-DD hh:mm:ss"
-              />
-            )}
-            filterDropdown={(props) => (
-              <FilterDropdown
-                {...(props as any)}
-                mapValue={rangePickerFilterMapper}
-                clearFilters={() => {
-                  props.setSelectedKeys([]);
-                  props.confirm?.();
-                }}
-              >
-                <DatePicker.RangePicker />
-              </FilterDropdown>
-            )}
-            sorter
-            defaultFilteredValue={getDefaultFilter(
-              'timestamp',
-              filters,
-              'between',
-            )}
-            defaultSortOrder={getDefaultSortOrder('timestamp', sorters)}
-          />
-        </Table>
+          >
+            <Table.Column
+              dataIndex="authorName"
+              title="User"
+              width="15%"
+              filterIcon={<SearchOutlined />}
+              render={(_, record: AuditLog) => {
+                return (
+                  <Space>
+                    <CustomAvatar
+                      src={`https://rhrc.woa.com/photo/150/${record.authorName}.png`}
+                      name={record.authorName}
+                    />
+                    {record.authorName || 'N/A'}
+                  </Space>
+                );
+              }}
+              filterDropdown={(props) => (
+                <FilterDropdown
+                  {...(props as any)}
+                  clearFilters={() => {
+                    props.setSelectedKeys([]);
+                    props.confirm?.();
+                  }}
+                >
+                  <Input />
+                </FilterDropdown>
+              )}
+              defaultFilteredValue={getDefaultFilter(
+                'authorName',
+                filters,
+                'contains',
+              )}
+            />
+            <Table.Column
+              dataIndex="action"
+              title="Action"
+              render={(_, record: AuditLog) => {
+                return (
+                  <Space>
+                    <Tag color={getActionColor(record.action)}>
+                      {
+                        auditLogActionOptions.find(
+                          (option) => option.value === record.action,
+                        )?.label
+                      }
+                    </Tag>
+                  </Space>
+                );
+              }}
+              filterDropdown={(props) => (
+                <FilterDropdown
+                  {...(props as any)}
+                  clearFilters={() => {
+                    props.setSelectedKeys([]);
+                    props.confirm?.();
+                  }}
+                >
+                  <Radio.Group>
+                    {auditLogActionOptions.map((option) => (
+                      <Radio key={option.value} value={option.value}>
+                        {option.label}
+                      </Radio>
+                    ))}
+                  </Radio.Group>
+                </FilterDropdown>
+              )}
+              defaultFilteredValue={getDefaultFilter('action', filters, 'eq')}
+            />
+            <Table.Column
+              dataIndex="resource"
+              title="Entity"
+              filterIcon={<SearchOutlined />}
+              filterDropdown={(props) => (
+                <FilterDropdown
+                  {...(props as any)}
+                  clearFilters={() => {
+                    props.setSelectedKeys([]);
+                    props.confirm?.();
+                  }}
+                >
+                  <Input />
+                </FilterDropdown>
+              )}
+              defaultFilteredValue={getDefaultFilter(
+                'resource',
+                filters,
+                'contains',
+              )}
+            />
+            <Table.Column dataIndex="resourceId" title="Entity ID" />
+            <Table.Column
+              dataIndex="data"
+              title="Changes"
+              render={(_, record: AuditLog) => <ActionCell record={record} />}
+            />
+            <Table.Column
+              dataIndex="timestamp"
+              title="Date & Time"
+              width="15%"
+              render={(value) => (
+                <DateField
+                  style={{ verticalAlign: 'middle' }}
+                  value={value}
+                  format="YYYY-MM-DD hh:mm:ss"
+                />
+              )}
+              filterDropdown={(props) => (
+                <FilterDropdown
+                  {...(props as any)}
+                  mapValue={rangePickerFilterMapper}
+                  clearFilters={() => {
+                    props.setSelectedKeys([]);
+                    props.confirm?.();
+                  }}
+                >
+                  <DatePicker.RangePicker />
+                </FilterDropdown>
+              )}
+              sorter
+              defaultFilteredValue={getDefaultFilter(
+                'timestamp',
+                filters,
+                'between',
+              )}
+              defaultSortOrder={getDefaultSortOrder('timestamp', sorters)}
+            />
+          </Table>
+        </Card>
       </List>
     </div>
   );

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/routes/canvas/CanvasListPage.tsx

@@ -38,6 +38,8 @@ import { useTranslation } from 'react-i18next';
 import { useUserPageAccess } from 'hooks/useUserPageAccess';
 import { customRequest } from 'helpers/http';
 import { useIsAgentAllowed } from 'config/agentAllowed';
+import { PageHeader } from 'components';
+import { PAGE_WRAPPER_STYLE } from 'constants/layout';
 
 const COLS = 48;
 const ROW_HEIGHT = 10;
@@ -242,24 +244,11 @@ const CanvasListPage: React.FC = () => {
   }
 
   return (
-    <div
-      style={{
-        background: 'var(--ant-color-bg-layout)',
-        minHeight: 'calc(100vh - 64px)',
-      }}
-    >
+    <div style={PAGE_WRAPPER_STYLE}>
       {/* Header */}
-      <Card style={{ marginBottom: 16 }}>
-        <div
-          style={{
-            display: 'flex',
-            justifyContent: 'space-between',
-            alignItems: 'center',
-          }}
-        >
-          <Typography.Title level={4} style={{ margin: 0 }}>
-            {t('canvas.list.title')}
-          </Typography.Title>
+      <PageHeader
+        title={t('canvas.list.title')}
+        extra={
           <Space>
             {isAgentAllowed && (
               <Button
@@ -279,8 +268,8 @@ const CanvasListPage: React.FC = () => {
               </Button>
             )}
           </Space>
-        </div>
-      </Card>
+        }
+      />
 
       {/* Grid */}
       <Card>

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/routes/human-approval/inbox.tsx

@@ -15,6 +15,8 @@ import {
   SyncOutlined,
 } from '@ant-design/icons';
 import { customRequest } from 'helpers/http';
+import { PageHeader } from 'components';
+import { PAGE_WRAPPER_STYLE } from 'constants/layout';
 import { DecisionModal } from './DecisionModal';
 
 interface InboxItem {
@@ -101,28 +103,19 @@ export default function ApprovalInboxPage() {
   }
 
   return (
-    <div style={{ padding: 24, minHeight: '100%', background: '#f5f7fa' }}>
-      <Card>
-        <div
-          style={{
-            display: 'flex',
-            justifyContent: 'space-between',
-            alignItems: 'center',
-            marginBottom: 20,
-          }}
-        >
-          <div>
-            <Typography.Title level={3} style={{ margin: 0 }}>
-              Approval tasks
-            </Typography.Title>
-            <Typography.Text type="secondary">
-              Requests waiting for your decision
-            </Typography.Text>
-          </div>
+    <div style={PAGE_WRAPPER_STYLE}>
+      <PageHeader
+        title="Approval tasks"
+        subtitle="Requests waiting for your decision"
+        extra={
           <Button icon={<ReloadOutlined />} loading={loading} onClick={load}>
             Refresh
           </Button>
-        </div>
+        }
+      />
+
+      {/* Table Card */}
+      <Card className="card-table">
         <Table
           rowKey={(item) => String(item.id)}
           loading={loading}