@gadmin2n/schematics 0.0.68 → 0.0.70

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

@@ -115,6 +115,18 @@
       "fields":{
         "timestamp": "OperateTime"
       }
+    },
+    "iTActivityDay": {
+      "fields": {
+        "tags": "标签"
+      }
+    },
+    "event": {
+      "fields": {
+        "eventType": "事件类型",
+        "city": "城市",
+        "country": "国家"
+      }
     }
   },
   "table": {
@@ -126,5 +138,187 @@
   },
   "form": {
     "uploadPlaceholder": "Drag & drop a file in this area"
+  },
+  "canvas": {
+    "componentLib": "组件库",
+    "backToList": "返回列表",
+    "save": "保存",
+    "saveDirty": "保存 •",
+    "preview": "预览",
+    "publish": "发布",
+    "published": "已发布 ✓",
+    "unpublish": "取消发布",
+    "unpublishConfirm": "确定取消发布？取消后该页面将从导航栏移除。",
+    "unpublishSuccess": "已取消发布",
+    "unpublishFailed": "取消发布失败",
+    "clickToRename": "点击重命名",
+    "emptyHint": "从组件库拖拽组件到此处",
+    "exitPreview": "退出预览",
+    "config": "配置",
+    "editCode": "编辑代码",
+    "duplicate": "复制",
+    "delete": "删除",
+    "custom": "自定义",
+    "customAction": "自定义操作",
+    "customPlaceholder": "描述你想对这个组件做的修改",
+    "components": {
+      "NumCard": "数字卡片",
+      "BarChart": "柱状图",
+      "LineChart": "折线图",
+      "PieChart": "饼图",
+      "RadarChart": "雷达图",
+      "TreemapChart": "矩形树图",
+      "Table": "表格",
+      "WorldMap": "世界地图"
+    },
+    "variants": {
+      "default": "默认",
+      "bar": "柱状图",
+      "stackBar": "堆叠柱",
+      "stackBarPercent": "百分比堆叠",
+      "pie": "饼图",
+      "ring": "环形",
+      "sunburst": "旭日图",
+      "heatmap": "热力图",
+      "demo": "示例",
+      "card-grid": "卡片网格",
+      "inline": "行内",
+      "inline-right": "行内右对齐"
+    },
+    "dataSource": {
+      "api": "修改数据来源（API）",
+      "sql": "修改数据来源（SQL）",
+      "apiPlaceholder": "描述要展示的数据，例如：近14天员工活跃度、各游戏近30天DAU趋势、本季度预算使用率",
+      "sqlPlaceholder": "描述要展示的数据，例如：近30天游戏收益对比、各部门人数分布、近90天考勤状态统计"
+    },
+    "dataSourceModal": {
+      "title": "修改数据来源",
+      "ok": "确认",
+      "cancel": "取消",
+      "add": "新增",
+      "descLabel": "数据来源描述：",
+      "descPlaceholder": "描述你需要的数据，如：从 t_daily_stats 表查询每日活跃用户数",
+      "includeChart": "包含右侧折线图",
+      "chartRange": "显示范围：",
+      "chartRangePlaceholder": "如：近7天、近30天、近12个月",
+      "includeComparisons": "包含比较数据",
+      "comparedTo": "比",
+      "comparedToPlaceholder": "输入比较对象",
+      "columns": "表格列",
+      "columnPlaceholder": "列名",
+      "pagination": "分页",
+      "pageSize": "每页条数",
+      "pageSizeUnit": "条",
+      "barDirection": "方向",
+      "barVertical": "纵向",
+      "barHorizontal": "横向",
+      "showGrid": "显示网格线",
+      "showLabel": "显示数据标签",
+      "showLegend": "显示图例",
+      "showAxis": "显示坐标轴",
+      "showDots": "显示坐标点",
+      "showDotsLabel": "显示坐标点数据",
+      "stacked": "堆叠",
+      "area": "面积填充",
+      "smooth": "拟合曲线",
+      "dimensionCount": "维度数量",
+      "dimensionCountPlaceholder": "如：5",
+      "tablePlaceholder": "描述你需要的数据，如：从 t_daily_report 表查询最近 30 天数据",
+      "barPlaceholder": "描述你需要的数据，如：从 t_daily_stats 表查询每日各类型设备数量，按类型分组堆叠",
+      "linePlaceholder": "描述你需要的数据，如：从 t_daily_stats 表查询每日各指标趋势",
+      "radarPlaceholder": "描述你需要的数据，如：从 t_employee_skills 表查询员工各项能力评分"
+    },
+    "menu": {
+      "hideLegend": "隐藏图例",
+      "showLegend": "显示图例",
+      "editTitle": "修改标题",
+      "addTitle": "添加标题",
+      "editChartTitle": "修改图表标题",
+      "addChartTitle": "添加图表标题",
+      "titlePlaceholder": "请输入标题（留空则移除）",
+      "removeComparisons": "移除环比数据",
+      "addComparisons": "添加环比/对比数据",
+      "removeChart": "移除右侧折线图",
+      "addChart": "添加右侧折线图",
+      "changePageSize": "修改分页数量",
+      "removePagination": "移除分页",
+      "addPagination": "添加分页",
+      "direction": "方向",
+      "vertical": "纵向",
+      "horizontal": "横向",
+      "hideGrid": "隐藏网格",
+      "showGrid": "显示网格",
+      "hideLabel": "隐藏数据标签",
+      "showLabel": "显示数据标签",
+      "switchVariant": "切换样式",
+      "pie": "饼图",
+      "ring": "环形图",
+      "topN": "显示项数",
+      "hideAxis": "隐藏坐标轴",
+      "showAxis": "显示坐标轴",
+      "hideDots": "隐藏坐标点",
+      "showDots": "显示坐标点",
+      "hideDotsLabel": "隐藏坐标点数据",
+      "showDotsLabel": "显示坐标点数据",
+      "disableStacked": "关闭堆叠",
+      "enableStacked": "开启堆叠",
+      "disableArea": "关闭面积",
+      "enableArea": "开启面积",
+      "disableSmooth": "关闭拟合曲线",
+      "enableSmooth": "开启拟合曲线"
+    },
+    "list": {
+      "title": "我的 Canvas",
+      "create": "新建 Canvas",
+      "published": "已发布",
+      "unpublished": "未发布",
+      "rename": "重命名",
+      "renameTitle": "重命名 Canvas",
+      "renamePlaceholder": "输入新名称",
+      "renameEmpty": "名称不能为空",
+      "renameDuplicate": "名称已存在，请换一个",
+      "renamed": "已重命名",
+      "renamePublishedWarning": "该 Canvas 已发布，重命名将同时修改导航栏中的页面名称。",
+      "renameFailed": "重命名失败",
+      "deleteTitle": "确认删除",
+      "deleteBtn": "删除",
+      "deletePublishedConfirm": "此 Canvas 已发布为页面，删除后已发布的页面也将被移除，确定删除？",
+      "deleteConfirm": "确定删除此 Canvas？",
+      "deleted": "已删除",
+      "deleteFailed": "删除失败",
+      "loadFailed": "加载 Canvas 列表失败",
+      "createFailed": "新建 Canvas 失败",
+      "ok": "确定",
+      "cancel": "取消"
+    },
+    "publishModal": {
+      "title": "发布 Canvas",
+      "updateBtn": "更新页面",
+      "publishBtn": "发布",
+      "cancel": "取消",
+      "overwriteOption": "更新已有页面",
+      "newPageOption": "发布为新页面",
+      "overwriteDesc": "将当前 Canvas 内容更新到已发布的页面，页面代码将被替换为最新内容。",
+      "pageName": "页面名称",
+      "pageNameRequired": "请输入页面名称",
+      "pageNamePlaceholder": "如：游戏数据大盘",
+      "parentPage": "发布位置（父页面）",
+      "parentPageRequired": "请选择发布位置",
+      "parentPagePlaceholder": "选择父页面",
+      "description": "补充说明（可选）",
+      "descriptionPlaceholder": "如：数据来自 /api/game，需要加 loading 状态",
+      "rootPage": "根目录（顶层）",
+      "success": "发布成功，页面已更新",
+      "error": "发布失败",
+      "agentSent": "已发送发布请求，AI agent 正在处理...",
+      "loadPagesFailed": "获取页面列表失败"
+    },
+    "edit": {
+      "saved": "已保存",
+      "saveFailed": "保存失败",
+      "renamed": "已重命名",
+      "renameDuplicate": "名称已存在，请换一个",
+      "renameFailed": "重命名失败"
+    }
   }
 }

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/plugins/devShellPlugin.ts

@@ -0,0 +1,81 @@
+import * as fs from 'fs';
+import * as path from 'path';
+import type { Plugin } from 'vite';
+
+/**
+ * Dev-only Vite plugin for Gadmin2 Dev Tools.
+ *
+ * Features:
+ * 1. POST /canvas-patch — agent pushes new component code to canvas via HMR
+ * 2. "/" serves dev-shell-entry.html (agent panel outer shell)
+ * 3. All other HTML navigation falls back to index.html (SPA router)
+ */
+export function devShellPlugin(): Plugin {
+  return {
+    name: 'dev-shell',
+    apply: 'serve',
+    configureServer(server) {
+      server.middlewares.use(async (req, res, next) => {
+        const url = req.url?.split('?')[0] ?? '/';
+
+        // POST /canvas-patch — agent 将新组件代码通过 HMR 推送给前端画布
+        if (req.method === 'POST' && url === '/canvas-patch') {
+          let body = '';
+          req.on('data', (chunk: Buffer) => {
+            body += chunk.toString();
+          });
+          req.on('end', () => {
+            try {
+              const { itemId, code } = JSON.parse(body) as {
+                itemId: string;
+                code: string;
+              };
+              if (itemId && code !== undefined) {
+                server.hot.send('canvas:patch', { itemId, code });
+                res.setHeader('Content-Type', 'application/json');
+                res.end(JSON.stringify({ ok: true }));
+              } else {
+                res.statusCode = 400;
+                res.end(JSON.stringify({ error: 'itemId and code required' }));
+              }
+            } catch {
+              res.statusCode = 400;
+              res.end(JSON.stringify({ error: 'invalid JSON' }));
+            }
+          });
+          return;
+        }
+
+        // "/" → dev-shell-entry.html（Agent 外壳）
+        if (url === '/') {
+          const rawHtml = fs.readFileSync(
+            path.resolve(__dirname, '..', '..', 'dev-shell-entry.html'),
+            'utf-8',
+          );
+          const html = await server.transformIndexHtml(url, rawHtml);
+          res.setHeader('Content-Type', 'text/html');
+          res.end(html);
+          return;
+        }
+
+        // 其他 HTML 导航请求 → index.html（SPA fallback）
+        const lastSegment = url.split('/').pop() ?? '';
+        const isAsset = lastSegment.includes('.');
+        const isHtmlNav =
+          !isAsset && (req.headers.accept ?? '').includes('text/html');
+        if (isHtmlNav) {
+          const rawHtml = fs.readFileSync(
+            path.resolve(__dirname, '..', '..', 'index.html'),
+            'utf-8',
+          );
+          const html = await server.transformIndexHtml(url, rawHtml);
+          res.setHeader('Content-Type', 'text/html');
+          res.end(html);
+          return;
+        }
+
+        next();
+      });
+    },
+  };
+}

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

@@ -1,15 +1,15 @@
-import { useState } from "react";
+import { useState } from 'react';
 
-import { ZoomInOutlined } from "@ant-design/icons";
-import { Button, Modal, Table } from "antd";
-import type { ColumnsType } from "antd/es/table";
+import { ZoomInOutlined } from '@ant-design/icons';
+import { Button, Modal, Table } from 'antd';
+import type { ColumnsType } from 'antd/es/table';
 
-import { Text } from "components";
-import { AuditLogActionEnum } from "enums";
-import { AuditLog } from "types";
-import { renderLongColumnValue } from "helpers";
+import { Text } from 'components';
+import { AuditLogActionEnum } from 'enums';
+import { AuditLog } from 'types';
+import { renderLongColumnValue } from 'helpers';
 
-import "./action-cell.css";
+import './action-cell.css';
 
 export const ActionCell = ({ record }: { record: AuditLog }) => {
   const [opened, setOpened] = useState(false);
@@ -20,26 +20,26 @@ export const ActionCell = ({ record }: { record: AuditLog }) => {
     to: any;
   }> = [
     {
-      title: "Field",
-      dataIndex: "field",
-      key: "field",
+      title: 'Field',
+      dataIndex: 'field',
+      key: 'field',
       render: (value) => <Text strong>{value}</Text>,
-      width: "20%",
+      width: '20%',
     },
   ];
 
   if (record.action === AuditLogActionEnum.update) {
     columns.push({
-      title: "Old value",
-      dataIndex: "from",
-      key: "from",
-      width: "40%",
+      title: 'Old value',
+      dataIndex: 'from',
+      key: 'from',
+      width: '40%',
       ellipsis: false,
       render: (value) => {
         if (value === null || value === undefined) {
           return <Text type="secondary">-</Text>;
         }
-        if (typeof value === "object") {
+        if (typeof value === 'object') {
           return renderLongColumnValue(JSON.stringify(value, null, 2));
         }
         return renderLongColumnValue(String(value));
@@ -48,16 +48,16 @@ export const ActionCell = ({ record }: { record: AuditLog }) => {
   }
 
   columns.push({
-    title: "New value",
-    dataIndex: "to",
-    key: "to",
-    width: "40%",
+    title: 'New value',
+    dataIndex: 'to',
+    key: 'to',
+    width: '40%',
     ellipsis: false,
     render: (value) => {
       if (value === null || value === undefined) {
         return <Text type="secondary">-</Text>;
       }
-      if (typeof value === "object") {
+      if (typeof value === 'object') {
         return renderLongColumnValue(JSON.stringify(value, null, 2));
       }
       return renderLongColumnValue(String(value));
@@ -68,8 +68,8 @@ export const ActionCell = ({ record }: { record: AuditLog }) => {
     return null;
   }
 
-  const newData = JSON.parse(record.data || "{}");
-  const previousData = JSON.parse(record.previousData || "{}");
+  const newData = JSON.parse(record.data || '{}');
+  const previousData = JSON.parse(record.previousData || '{}');
   const changes = Object.entries(newData).map(([key, value]) => ({
     field: key,
     from: previousData[key],
@@ -79,16 +79,16 @@ export const ActionCell = ({ record }: { record: AuditLog }) => {
   return (
     <div
       style={{
-        display: "flex",
-        flexDirection: "column",
-        gap: "16px",
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '16px',
       }}
     >
       <div
         style={{
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "space-between",
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'space-between',
         }}
       >
         <Button
@@ -104,11 +104,11 @@ export const ActionCell = ({ record }: { record: AuditLog }) => {
           open={opened}
           onOk={() => setOpened(false)}
           onCancel={() => setOpened(false)}
-          style={{ minWidth: "60vw" }}
+          style={{ minWidth: '60vw' }}
           styles={{
             body: {
-              maxHeight: "500px",
-              overflow: "auto",
+              maxHeight: '500px',
+              overflow: 'auto',
             },
           }}
         >
@@ -119,12 +119,12 @@ export const ActionCell = ({ record }: { record: AuditLog }) => {
             bordered
             size="small"
             columns={columns}
-            style={{ marginTop: "48px" }}
+            style={{ marginTop: '48px' }}
             rowClassName={(row) => {
               return record.action === AuditLogActionEnum.update &&
                 row.from !== row.to
-                ? "highlight-changed-row"
-                : "";
+                ? 'highlight-changed-row'
+                : '';
             }}
           />
         </Modal>

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

@@ -1,4 +1,3 @@
-
 import {
   FieldDataType,
   handleInitialValues,
@@ -6,29 +5,28 @@ import {
   ModelType,
   produceModel,
 } from '@gadmin2n/react-common';
-import { Create, useFileUploadState, useForm } from "@refinedev/antd";
-import { Form } from "antd";
-import { IResourceComponentsProps, useApiUrl, useTranslate } from "@refinedev/core";
-import React, { useContext, useState } from "react";
-import { getFormItem, onFormValuesChange } from "../../helpers";
-import { modelsMap, modelsEnum } from "../../generated/models.index";
+import { Create, useFileUploadState, useForm } from '@refinedev/antd';
+import { Form } from 'antd';
+import {
+  IResourceComponentsProps,
+  useApiUrl,
+  useTranslate,
+} from '@refinedev/core';
+import React, { useContext, useState } from 'react';
+import { getFormItem, onFormValuesChange } from '../../helpers';
+import { modelsMap, modelsEnum } from '../../generated/models.index';
 import {
   auditFormConfig as formConfig,
   auditFormPrismaSelect as formPrismaSelect,
-} from "../../generated/props/audit/config";
-import {
-  auditModel,
-  useRelation,
-} from "../../generated/props/audit/model";
-import { Audit } from "../../generated/types/prisma.types";
-import { AuditForm as transformClass } from "../../generated/props/audit/form.validator";
+} from '../../generated/props/audit/config';
+import { auditModel, useRelation } from '../../generated/props/audit/model';
+import { Audit } from '../../generated/types/prisma.types';
+import { AuditForm as transformClass } from '../../generated/props/audit/form.validator';
 import { BusinessContext } from 'components/contexts/business';
 
 export const AuditCreate: React.FC<IResourceComponentsProps> = () => {
-  const resourceName = "audit";
+  const resourceName = 'audit';
   const t = useTranslate();
-  
-  
 
   const [[fields, model]] = useState(() => {
     const model: ModelType = produceModel(
@@ -39,7 +37,7 @@ export const AuditCreate: React.FC<IResourceComponentsProps> = () => {
         // status : { normalize : (value: any) => value ? "1" : "0" },
         // cron: {validator: { validator: runCronValidator },},
       },
-      transformClass
+      transformClass,
     );
 
     const fields: FieldDataType[] = formConfig.fields
@@ -49,10 +47,9 @@ export const AuditCreate: React.FC<IResourceComponentsProps> = () => {
     return [fields, model] as const;
   });
 
-  const { formProps, saveButtonProps, onFinish, form } =
-    useForm<Audit>({
-      meta: { select: formPrismaSelect},
-    });
+  const { formProps, saveButtonProps, onFinish, form } = useForm<Audit>({
+    meta: { select: formPrismaSelect },
+  });
   if (formProps.initialValues || formConfig.initialValues) {
     formProps.initialValues = handleInitialValues(
       formProps.initialValues || formConfig.initialValues || {},
@@ -79,18 +76,14 @@ export const AuditCreate: React.FC<IResourceComponentsProps> = () => {
             handleOnFinish(
               {
                 ...values,
-                
               },
-              fields
-            )
+              fields,
+            ),
           );
         }}
         layout="vertical"
         form={form}
-        onValuesChange={onFormValuesChange(
-          form,
-          formConfig.reaction,
-        )}
+        onValuesChange={onFormValuesChange(form, formConfig.reaction)}
       >
         {fields.map((field) => {
           return getFormItem(
@@ -103,11 +96,10 @@ export const AuditCreate: React.FC<IResourceComponentsProps> = () => {
             model,
             apiUrl,
             relationSelectProps,
-            onChange
+            onChange,
           );
         })}
       </Form>
     </Create>
   );
 };
-  

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

@@ -1,34 +1,40 @@
-
 import {
   FieldDataType,
   handleInitialValues,
   handleOnFinish,
   ModelType,
   produceModel,
-} from "@gadmin2n/react-common";
-import { Edit, ListButton, RefreshButton, useFileUploadState, useForm } from "@refinedev/antd";
-import { Form } from "antd";
-import { IResourceComponentsProps, useApiUrl, useParsed, useTranslate } from "@refinedev/core";
-import { getFormItem, onFormValuesChange } from "../../helpers";
-import React, { useContext, useState } from "react";
+} from '@gadmin2n/react-common';
+import {
+  Edit,
+  ListButton,
+  RefreshButton,
+  useFileUploadState,
+  useForm,
+} from '@refinedev/antd';
+import { Form } from 'antd';
+import {
+  IResourceComponentsProps,
+  useApiUrl,
+  useParsed,
+  useTranslate,
+} from '@refinedev/core';
+import { getFormItem, onFormValuesChange } from '../../helpers';
+import React, { useContext, useState } from 'react';
 
-import { modelsMap, modelsEnum } from "../../generated/models.index";
+import { modelsMap, modelsEnum } from '../../generated/models.index';
 import {
   auditFormConfig as formConfig,
   auditFormPrismaSelect as formPrismaSelect,
-} from "../../generated/props/audit/config";
-import {
-  auditModel,
-  useRelation,
-} from "../../generated/props/audit/model";
-import { Audit } from "../../generated/types/prisma.types";
-import { AuditForm as transformClass } from "../../generated/props/audit/form.validator";
+} from '../../generated/props/audit/config';
+import { auditModel, useRelation } from '../../generated/props/audit/model';
+import { Audit } from '../../generated/types/prisma.types';
+import { AuditForm as transformClass } from '../../generated/props/audit/form.validator';
 import { BusinessContext } from 'components/contexts/business';
 
 export const AuditEdit: React.FC<IResourceComponentsProps> = () => {
-  const resourceName = "audit";
+  const resourceName = 'audit';
   const t = useTranslate();
-  
 
   const [[fields, model]] = useState(() => {
     const model: ModelType = produceModel(
@@ -39,7 +45,7 @@ export const AuditEdit: React.FC<IResourceComponentsProps> = () => {
         // status : { normalize : (value: any) => value ? "1" : "0" },
         // cron: {validator: { validator: runCronValidator },},
       },
-      transformClass
+      transformClass,
     );
 
     const fields: FieldDataType[] = formConfig.fields
@@ -49,13 +55,12 @@ export const AuditEdit: React.FC<IResourceComponentsProps> = () => {
     return [fields, model] as const;
   });
 
-  const { formProps, saveButtonProps, onFinish, form } =
-    useForm<Audit>({
-      meta: { select: formPrismaSelect},
-    });
+  const { formProps, saveButtonProps, onFinish, form } = useForm<Audit>({
+    meta: { select: formPrismaSelect },
+  });
   formProps.initialValues = handleInitialValues(
     formProps.initialValues || {},
-    fields
+    fields,
   );
 
   const apiUrl = useApiUrl();
@@ -72,9 +77,7 @@ export const AuditEdit: React.FC<IResourceComponentsProps> = () => {
       headerButtons={
         <>
           <ListButton />
-          <RefreshButton
-            meta={{ select: formPrismaSelect}}
-          />
+          <RefreshButton meta={{ select: formPrismaSelect }} />
         </>
       }
     >
@@ -86,20 +89,17 @@ export const AuditEdit: React.FC<IResourceComponentsProps> = () => {
             handleOnFinish(
               {
                 ...values,
-                
+
                 id: undefined,
               },
               fields,
-              "edit"
-            )
+              'edit',
+            ),
           );
         }}
         layout="vertical"
         form={form}
-        onValuesChange={onFormValuesChange(
-          form,
-          formConfig.reaction,
-        )}
+        onValuesChange={onFormValuesChange(form, formConfig.reaction)}
       >
         {fields.map((field) => {
           return getFormItem(
@@ -112,11 +112,10 @@ export const AuditEdit: React.FC<IResourceComponentsProps> = () => {
             model,
             apiUrl,
             relationSelectProps,
-            onChange
+            onChange,
           );
         })}
       </Form>
     </Edit>
   );
 };
-