@lovrabet/rabetbase-cli 2.2.4 → 2.2.5-beta.2

package/templates/projects/sub-app-react-demo/src/api/api.ts

@@ -1,6 +1,6 @@
 /**
- * Generated by Lovrabet CLI
- * Created: 2026-01-16T10:07:17.932Z
+ * Generated by Rabetbase CLI
+ * Created: TEMPLATE
  *
  * 这个文件包含了项目的模型配置，并自动注册到 SDK 中
  * CLI 工具会自动维护这个文件，通常不需要手动修改
@@ -8,76 +8,19 @@
 
 import { registerModels, CONFIG_NAMES, type ModelsConfig } from "@lovrabet/sdk";
 
-export const RABETBASE_APP_CODE = "app-c4c89304";
+export const LOVRABET_APP_CODE = "NOT-SET";
 
 /**
  * 项目的模型配置
- * 使用数组格式，每个模型包含 datasetCode、tableName、name 和可选的 alias
- *
- * 访问方式：
- * - 标准访问：client.models.dataset_[datasetCode]
- * - 别名访问：client.models.[alias]（如果配置了 alias）
+ * 运行 `rabetbase api pull` 后，CLI 会按当前 AppCode 重新生成这里的模型列表。
  */
-export const RABETBASE_MODELS_CONFIG: ModelsConfig = {
-  appCode: RABETBASE_APP_CODE,
-  models: [
-    {
-      datasetCode: "3ff202af07164d0a9c5df7ddd8f83c23",
-      tableName: "dataset_f83c23",
-      name: "客户访谈记录",
-      alias: "datasetF83c23",
-    },
-    {
-      datasetCode: "a60f11c17c5344e7a26d5144212cf366",
-      tableName: "iterations",
-      name: "迭代信息",
-      alias: "iterations",
-    },
-    {
-      datasetCode: "d26ed512e878461ca97d287a47606fd3",
-      tableName: "requirements",
-      name: "需求",
-      alias: "requirements",
-    },
-    {
-      datasetCode: "f17f1ee941c1468e87e6a0ca655ce00e",
-      tableName: "requirement_types",
-      name: "需求类型",
-      alias: "requirementTypes",
-    },
-    {
-      datasetCode: "c6e55d6720b84ffcb21698b0a04ccd23",
-      tableName: "projects",
-      name: "项目",
-      alias: "projects",
-    },
-    {
-      datasetCode: "71494bcba13f4ec7858abe90794183ad",
-      tableName: "project_members",
-      name: "项目成员",
-      alias: "projectMembers",
-    },
-  ],
+export const LOVRABET_MODELS_CONFIG: ModelsConfig = {
+  appCode: LOVRABET_APP_CODE,
+  models: [],
 } as const;
 
 /**
  * 自动注册配置
  * 配置名称: CONFIG_NAMES.DEFAULT
  */
-registerModels(RABETBASE_MODELS_CONFIG, CONFIG_NAMES.DEFAULT);
-
-/**
- * 如果需要支持多项目或多环境，可以注册额外的配置：
- *
- * // 开发环境配置
- * registerModels({
- *   appCode: 'app-dev-123',
- *   models: [...]
- * }, 'dev');
- *
- * // 其他项目配置
- * registerModels({
- *   appCode: 'other-project',
- *   models: [...]
- * }, 'project-b');
- */
+registerModels(LOVRABET_MODELS_CONFIG, CONFIG_NAMES.DEFAULT);

package/templates/projects/sub-app-react-demo/src/api/client.ts

@@ -1,18 +1,17 @@
 /**
  * Lovrabet SDK 客户端实例
- * Generated by Lovrabet CLI
- * Created: 2026-01-16T10:07:17.967Z
+ * Generated by Rabetbase CLI
+ * Created: TEMPLATE
  *
  * 这个文件负责创建和导出统一的客户端实例，供整个应用使用
  * 通过导入 './api' 文件来自动执行配置注册
  */
 
-import { createClient, CONFIG_NAMES } from "@lovrabet/sdk";
+import { createClient } from "@lovrabet/sdk";
 import "./api"; // 导入配置文件，执行 registerModels() 注册
 
 /**
  * 主要的客户端实例
- * 使用配置名称 'CONFIG_NAMES.DEFAULT' 创建客户端
  */
 export const lovrabetClient = createClient();
 
@@ -22,43 +21,12 @@ export const lovrabetClient = createClient();
  * // 在组件中使用
  * import { lovrabetClient } from '@/api/client';
  *
- * // 获取数据列表
- * const data = await lovrabetClient.models.datasetF83c23.getList({
- *   currentPage: 1,
- *   pageSize: 20
- * });
+ * // 查看当前可用模型
+ * const models = lovrabetClient.getModelList();
  *
- * // 获取单条记录
- * const record = await lovrabetClient.models.datasetF83c23.getOne('123');
- *
- * // 创建新记录
- * const newRecord = await lovrabetClient.models.datasetF83c23.create({
- *   // 记录数据
- * });
- */
-
-/**
- * 其他创建客户端的方式（根据需要选择）：
- *
- * 1. 使用默认配置（无参数调用）：
- * export const lovrabetClient = createClient();
- *
- * 2. 使用其他已注册的配置：
- * export const devClient = createClient('dev');
- * export const prodClient = createClient('prod');
- *
- * 3. 直接传入配置对象：
- * import { RABETBASE_MODELS_CONFIG } from './api';
- * export const lovrabetClient = createClient(RABETBASE_MODELS_CONFIG);
- *
- * 4. 通过 ClientConfig 指定配置名和其他选项：
- * export const lovrabetClient = createClient({
- *   apiConfigName: 'default',
- *   token: 'custom-token',
- *   env: 'daily'
- * });
- *
- * 5. 多项目支持示例：
- * export const projectAClient = createClient('project-a');
- * export const projectBClient = createClient('project-b');
+ * // 运行 `rabetbase api pull` 后，按生成的模型别名调用：
+ * // const data = await lovrabetClient.models.requirements.filter({
+ * //   currentPage: 1,
+ * //   pageSize: 20
+ * // });
  */

package/templates/projects/sub-app-react-demo/src/components/demo-page-container/DemoPageContainer.module.css

@@ -0,0 +1,28 @@
+.root {
+  width: 100%;
+  min-width: 0;
+}
+
+/* 标准演示页的页面级 gutter 只保留这一层。
+   页面自身不要再补外层 padding，避免和容器叠成双层留白。 */
+.standard {
+  padding: 16px 16px 24px;
+}
+
+/* bleed 页面由页面自己决定内部留白，用于数据大屏这类全宽舞台。 */
+.bleed {
+  padding: 0;
+}
+
+.inner {
+  width: 100%;
+  min-width: 0;
+  max-width: var(--demo-page-max-width, 100%);
+  margin: 0 auto;
+}
+
+@media (max-width: 768px) {
+  .standard {
+    padding: 12px;
+  }
+}

package/templates/projects/sub-app-react-demo/src/components/demo-page-container/DemoPageContainer.tsx

@@ -0,0 +1,55 @@
+import type { CSSProperties, ReactNode } from "react";
+import styles from "./DemoPageContainer.module.css";
+
+type DemoPageContainerVariant = "standard" | "bleed";
+
+interface DemoPageContainerProps {
+  children: ReactNode;
+  className?: string;
+  innerClassName?: string;
+  innerStyle?: CSSProperties;
+  maxWidth?: number | string;
+  style?: CSSProperties;
+  variant?: DemoPageContainerVariant;
+}
+
+function joinClassNames(...classNames: Array<string | undefined>) {
+  return classNames.filter(Boolean).join(" ");
+}
+
+export default function DemoPageContainer({
+  children,
+  className,
+  innerClassName,
+  innerStyle,
+  maxWidth,
+  style,
+  variant = "standard",
+}: DemoPageContainerProps) {
+  const mergedInnerStyle = {
+    ...innerStyle,
+  } as CSSProperties & Record<string, string>;
+
+  if (maxWidth !== undefined) {
+    mergedInnerStyle["--demo-page-max-width"] =
+      typeof maxWidth === "number" ? `${maxWidth}px` : maxWidth;
+  }
+
+  return (
+    <div
+      className={joinClassNames(
+        styles.root,
+        variant === "bleed" ? styles.bleed : styles.standard,
+        className,
+      )}
+      style={style}
+    >
+      <div
+        className={joinClassNames(styles.inner, innerClassName)}
+        style={mergedInnerStyle}
+      >
+        {children}
+      </div>
+    </div>
+  );
+}

package/templates/projects/sub-app-react-demo/src/layouts/MainLayout.tsx

@@ -20,7 +20,6 @@ import {
   UserOutlined,
   BarChartOutlined,
   FileTextOutlined,
-  AuditOutlined,
 } from "@ant-design/icons";
 
 const { Header, Sider, Content } = Layout;
@@ -32,7 +31,6 @@ const routeConfig = [
   { path: "/dashboard", title: "数据看板" },
   { path: "/sdk-demo", title: "SDK 演示" },
   { path: "/data-screen", title: "数据大屏" },
-  { path: "/ceo-audit", title: "CEO 审计" },
 ];
 
 const MainLayout: React.FC = () => {
@@ -137,7 +135,7 @@ const MainLayout: React.FC = () => {
   }
 
   return (
-    <Layout style={{ minHeight: "100vh" }}>
+    <Layout style={{ minHeight: "100vh", background: "#fff" }}>
       {!menuHidden && (
         <Sider
           trigger={null}
@@ -195,7 +193,7 @@ const MainLayout: React.FC = () => {
           />
         </Sider>
       )}
-      <Layout>
+      <Layout style={{ background: "#fff" }}>
         <Header
           style={{
             padding: "0 24px",
@@ -293,15 +291,14 @@ const MainLayout: React.FC = () => {
           </div>
         </Header>
         <Content
+          className="subapp-shell-content"
           style={{
-            margin: "16px",
-            padding: 24,
             minHeight: 280,
-            background: "#fff",
-            borderRadius: 8,
           }}
         >
-          <Outlet />
+          <div className="subapp-shell-stage">
+            <Outlet />
+          </div>
         </Content>
       </Layout>
     </Layout>

package/templates/projects/sub-app-react-demo/src/main.tsx

@@ -27,13 +27,16 @@ export function mount({
   container: HTMLElement;
   customProps: object;
 }) {
-  const root = createRoot(container);
+  let root = (container as any)._reactRoot;
+  if (!root) {
+    root = createRoot(container);
+    (container as any)._reactRoot = root;
+  }
+
   root.render(
-    <React.StrictMode>
-      <ConfigProvider locale={zhCN}>
-        <App {...customProps} />
-      </ConfigProvider>
-    </React.StrictMode>,
+    <ConfigProvider locale={zhCN}>
+      <App {...customProps} />
+    </ConfigProvider>,
   );
   return root;
 }
@@ -44,5 +47,6 @@ export function unmount({ container }: { container: HTMLElement }) {
   const root = (container as any)._reactRoot;
   if (root) {
     root.unmount();
+    delete (container as any)._reactRoot;
   }
 }

package/templates/projects/sub-app-react-demo/src/pages/dashboard/index.tsx

@@ -12,7 +12,7 @@ import {
 } from "antd";
 import { ArrowUpOutlined, ArrowDownOutlined } from "@ant-design/icons";
 import ReactECharts from "echarts-for-react";
-import Paragraph from "antd/es/skeleton/Paragraph";
+import DemoPageContainer from "@/components/demo-page-container/DemoPageContainer";
 
 const { Title } = Typography;
 
@@ -256,9 +256,7 @@ const Dashboard: React.FC = () => {
   ];
 
   return (
-    <div
-      style={{ padding: "16px", backgroundColor: "#fff", minHeight: "100vh" }}
-    >
+    <DemoPageContainer>
       {/* 顶部提示信息 */}
       <Alert
         message="Dashboard 展示页面"
@@ -565,7 +563,7 @@ const Dashboard: React.FC = () => {
           </div>
         </Col>
       </Row>
-    </div>
+    </DemoPageContainer>
   );
 };