@lovrabet/rabetbase-cli 2.4.3 → 2.4.4-beta.1

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

@@ -1,28 +0,0 @@
-.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

@@ -1,55 +0,0 @@
-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

@@ -1,308 +0,0 @@
-import React, { useState } from "react";
-import { isInIcestark } from "@ice/stark-app";
-import { Outlet, useNavigate, useLocation } from "react-router-dom";
-import {
-  Layout,
-  Menu,
-  Button,
-  Breadcrumb,
-  Avatar,
-  Space,
-  Dropdown,
-} from "antd";
-import type { MenuProps } from "antd";
-import {
-  HomeOutlined,
-  DashboardOutlined,
-  ApiOutlined,
-  MenuFoldOutlined,
-  MenuUnfoldOutlined,
-  UserOutlined,
-  BarChartOutlined,
-  FileTextOutlined,
-} from "@ant-design/icons";
-
-const { Header, Sider, Content } = Layout;
-
-// 路由配置，用于生成面包屑
-const routeConfig = [
-  { path: "/", title: "首页" },
-  { path: "/workbench", title: "工作台" },
-  { path: "/dashboard", title: "数据看板" },
-  { path: "/sdk-demo", title: "SDK 演示" },
-  { path: "/data-screen", title: "数据大屏" },
-];
-
-const MainLayout: React.FC = () => {
-  const navigate = useNavigate();
-  const location = useLocation();
-
-  // 菜单收起/展开状态
-  const [collapsed, setCollapsed] = useState(false);
-  // 菜单是否完全隐藏
-  const [menuHidden, setMenuHidden] = useState(false);
-
-  const menuItems: MenuProps["items"] = [
-    {
-      key: "/",
-      icon: <HomeOutlined />,
-      label: "首页",
-    },
-    {
-      key: "/sdk-demo",
-      icon: <ApiOutlined />,
-      label: "SDK 演示",
-    },
-    {
-      key: "page-examples",
-      icon: <FileTextOutlined />,
-      label: "页面案例",
-      children: [
-        {
-          key: "/workbench",
-          icon: <DashboardOutlined />,
-          label: "工作台",
-        },
-        {
-          key: "/dashboard",
-          icon: <DashboardOutlined />,
-          label: "数据看板",
-        },
-        {
-          key: "/data-screen",
-          icon: <BarChartOutlined />,
-          label: "数据大屏",
-        },
-      ],
-    },
-  ];
-
-  const handleMenuClick = ({ key }: { key: string }) => {
-    // 如果是外部链接（以 http:// 或 https:// 开头），在新标签页打开
-    if (key.startsWith("http://") || key.startsWith("https://")) {
-      window.open(key, "_blank", "noopener,noreferrer");
-    } else {
-      navigate(key);
-    }
-  };
-
-  const toggleCollapsed = () => {
-    setCollapsed(!collapsed);
-  };
-
-  const toggleMenuHidden = () => {
-    setMenuHidden(!menuHidden);
-    // 如果隐藏菜单，同时收起菜单
-    if (!menuHidden) {
-      setCollapsed(true);
-    }
-  };
-
-  // 生成面包屑
-  const getBreadcrumbItems = () => {
-    const items: any[] = [{ title: "首页" }];
-    const currentRoute = routeConfig.find((r) => r.path === location.pathname);
-    if (currentRoute && currentRoute.path !== "/") {
-      items.push({ title: currentRoute.title });
-    }
-    return items;
-  };
-
-  // 用户菜单
-  const userMenuItems: MenuProps["items"] = [
-    {
-      key: "profile",
-      label: "个人中心",
-      icon: <UserOutlined />,
-    },
-    {
-      key: "settings",
-      label: "系统设置",
-    },
-    {
-      type: "divider",
-    },
-    {
-      key: "logout",
-      label: "退出登录",
-      danger: true,
-    },
-  ];
-
-  // 可选：根据isInIcestark()判断当前运行环境，被嵌入时，不渲染layout布局
-  if (isInIcestark()) {
-    return <Outlet />;
-  }
-
-  return (
-    <Layout style={{ minHeight: "100vh", background: "#fff" }}>
-      {!menuHidden && (
-        <Sider
-          trigger={null}
-          collapsible
-          collapsed={collapsed}
-          width={220}
-          style={{ background: "#fff" }}
-        >
-          {/* 系统标题 */}
-          <div
-            style={{
-              height: 64,
-              padding: collapsed ? "16px 8px" : "16px 20px",
-              display: "flex",
-              alignItems: "center",
-              justifyContent: collapsed ? "center" : "flex-start",
-              background: "#fff",
-              borderBottom: "1px solid #f0f0f0",
-            }}
-          >
-            {!collapsed ? (
-              <div style={{ display: "flex", alignItems: "center", gap: 12 }}>
-                <img
-                  src="/logo.svg"
-                  alt="Logo"
-                  style={{ height: 28, width: 28 }}
-                />
-                <span
-                  style={{
-                    fontSize: 16,
-                    fontWeight: 600,
-                  }}
-                >
-                  Lovrabet System
-                </span>
-              </div>
-            ) : (
-              <img
-                src="/logo.svg"
-                alt="Logo"
-                style={{ height: 28, width: 28 }}
-              />
-            )}
-          </div>
-          <Menu
-            mode="inline"
-            selectedKeys={[location.pathname]}
-            items={menuItems}
-            onClick={handleMenuClick}
-            style={{
-              height: "calc(100vh - 64px)",
-              borderRight: 0,
-            }}
-            className="custom-menu"
-          />
-        </Sider>
-      )}
-      <Layout style={{ background: "#fff" }}>
-        <Header
-          style={{
-            padding: "0 24px",
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "space-between",
-            boxShadow: "0 2px 8px 0 rgba(29,35,41,.05)",
-            height: 64,
-            background: "#fff",
-            borderBottom: "1px solid #f0f0f0",
-          }}
-        >
-          <div style={{ display: "flex", alignItems: "center", gap: 16 }}>
-            <Button
-              type="text"
-              icon={
-                menuHidden ? (
-                  <MenuUnfoldOutlined />
-                ) : collapsed ? (
-                  <MenuUnfoldOutlined />
-                ) : (
-                  <MenuFoldOutlined />
-                )
-              }
-              onClick={menuHidden ? toggleMenuHidden : toggleCollapsed}
-              style={{
-                fontSize: 16,
-                width: 40,
-                height: 40,
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center",
-              }}
-            />
-            {menuHidden && (
-              <Button
-                type="text"
-                icon={<MenuUnfoldOutlined />}
-                onClick={toggleMenuHidden}
-                style={{
-                  fontSize: 14,
-                  height: 32,
-                }}
-              >
-                显示菜单
-              </Button>
-            )}
-            {/* 面包屑导航 */}
-            <Breadcrumb
-              items={getBreadcrumbItems()}
-              style={{
-                marginLeft: menuHidden ? 0 : 16,
-                fontSize: 14,
-              }}
-              itemRender={(route, params, routes, paths) => {
-                const isLast = routes.indexOf(route) === routes.length - 1;
-                return (
-                  <span
-                    style={{
-                      color: isLast ? "#262626" : "#595959",
-                      fontWeight: isLast ? 500 : 400,
-                    }}
-                  >
-                    {route.title}
-                  </span>
-                );
-              }}
-            />
-          </div>
-          <div style={{ display: "flex", alignItems: "center", gap: 16 }}>
-            {/* 用户信息 */}
-            <Dropdown menu={{ items: userMenuItems }} placement="bottomRight">
-              <Space
-                style={{
-                  cursor: "pointer",
-                  padding: "4px 8px",
-                  borderRadius: 4,
-                  transition: "background 0.3s",
-                }}
-                onMouseEnter={(e) => {
-                  e.currentTarget.style.background = "rgba(0,0,0,0.06)";
-                }}
-                onMouseLeave={(e) => {
-                  e.currentTarget.style.background = "transparent";
-                }}
-              >
-                <Avatar
-                  size="small"
-                  icon={<UserOutlined />}
-                  style={{ background: "#1890ff" }}
-                />
-                <span style={{ fontSize: 14 }}>管理员</span>
-              </Space>
-            </Dropdown>
-          </div>
-        </Header>
-        <Content
-          className="subapp-shell-content"
-          style={{
-            minHeight: 280,
-          }}
-        >
-          <div className="subapp-shell-stage">
-            <Outlet />
-          </div>
-        </Content>
-      </Layout>
-    </Layout>
-  );
-};
-
-export default MainLayout;

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

@@ -1,52 +0,0 @@
-import React from "react";
-import { createRoot } from "react-dom/client";
-import { isInIcestark } from "@ice/stark-app";
-import { ConfigProvider } from "antd";
-import zhCN from "antd/locale/zh_CN";
-import App from "./router";
-import "./style.css";
-
-// 可选：根据 isInIcestark() 判断当前的运行环境，可同时兼容独立使用和嵌入使用
-if (!isInIcestark()) {
-  const container = document.getElementById("root");
-  if (container) {
-    const root = createRoot(container);
-    root.render(
-      <ConfigProvider locale={zhCN}>
-        <App />
-      </ConfigProvider>,
-    );
-  }
-}
-
-// 关键：暴露 mount 供主应用加载时调用
-export function mount({
-  container,
-  customProps,
-}: {
-  container: HTMLElement;
-  customProps: object;
-}) {
-  let root = (container as any)._reactRoot;
-  if (!root) {
-    root = createRoot(container);
-    (container as any)._reactRoot = root;
-  }
-
-  root.render(
-    <ConfigProvider locale={zhCN}>
-      <App {...customProps} />
-    </ConfigProvider>,
-  );
-  return root;
-}
-
-// 关键：暴露 unmount 供主应用卸载时调用
-export function unmount({ container }: { container: HTMLElement }) {
-  // React 18 中不再需要手动卸载，但为了兼容性保留
-  const root = (container as any)._reactRoot;
-  if (root) {
-    root.unmount();
-    delete (container as any)._reactRoot;
-  }
-}