@gadmin2n/schematics 0.0.68 → 0.0.70

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

@@ -1,6 +1,12 @@
-import React, { useMemo, useEffect, useRef, useCallback, type CSSProperties } from "react";
-
-import { useThemedLayoutContext } from "@refinedev/antd";
+import React, {
+  useMemo,
+  useEffect,
+  useRef,
+  useCallback,
+  type CSSProperties,
+} from 'react';
+
+import { useThemedLayoutContext } from '@refinedev/antd';
 import {
   type ITreeMenu,
   pickNotDeprecated,
@@ -8,22 +14,31 @@ import {
   useMenu,
   useNavigation,
   useGo,
-} from "@refinedev/core";
-import { useTranslation } from "react-i18next";
+} from '@refinedev/core';
+import { useTranslation } from 'react-i18next';
 
 import {
   BarsOutlined,
   LeftOutlined,
   RightOutlined,
   UnorderedListOutlined,
-} from "@ant-design/icons";
-import { Button, Drawer, Grid, Layout, Menu, theme, type MenuProps } from "antd";
-import { Title } from "./title";
+} from '@ant-design/icons';
+import {
+  Button,
+  Drawer,
+  Grid,
+  Layout,
+  Menu,
+  theme,
+  type MenuProps,
+} from 'antd';
+import { Title } from './title';
+import { agentAttrs } from 'components/agentPanel/agentAttributes';
 
 const drawerButtonStyles: CSSProperties = {
   borderTopLeftRadius: 0,
   borderBottomLeftRadius: 0,
-  position: "fixed",
+  position: 'fixed',
   top: 64,
   zIndex: 1001,
 };
@@ -39,7 +54,7 @@ const getParentKeysFromMenuTree = (
   parentKeys: string[] = [],
 ): string[] | null => {
   for (const item of items) {
-    const currentKey = item.key || "";
+    const currentKey = item.key || '';
 
     if (currentKey === targetKey) {
       return parentKeys;
@@ -58,8 +73,12 @@ const getParentKeysFromMenuTree = (
   return null;
 };
 
-const getMenuLabel = (name: string, meta: Record<string, any>, locale: string): string => {
-  const isZh = locale === "zh_CN" || locale === "zh";
+const getMenuLabel = (
+  name: string,
+  meta: Record<string, any>,
+  locale: string,
+): string => {
+  const isZh = locale === 'zh_CN' || locale === 'zh';
   if (isZh && meta?.zhLabel) return meta.zhLabel;
   if (!isZh && meta?.enLabel) return meta.enLabel;
   return meta?.label || name;
@@ -76,7 +95,11 @@ export const Sider: React.FC = () => {
   const lastSelectedKeyRef = useRef<string | undefined>(undefined);
 
   useEffect(() => {
-    if (selectedKey && selectedKey !== lastSelectedKeyRef.current && menuItems.length > 0) {
+    if (
+      selectedKey &&
+      selectedKey !== lastSelectedKeyRef.current &&
+      menuItems.length > 0
+    ) {
       lastSelectedKeyRef.current = selectedKey;
 
       const parentKeys = getParentKeysFromMenuTree(menuItems, selectedKey);
@@ -87,8 +110,12 @@ export const Sider: React.FC = () => {
     }
   }, [selectedKey, menuItems]);
 
-  const { siderCollapsed, setSiderCollapsed, mobileSiderOpen, setMobileSiderOpen } =
-    useThemedLayoutContext();
+  const {
+    siderCollapsed,
+    setSiderCollapsed,
+    mobileSiderOpen,
+    setMobileSiderOpen,
+  } = useThemedLayoutContext();
 
   const Link = useLink();
   const go = useGo();
@@ -96,16 +123,17 @@ export const Sider: React.FC = () => {
   const breakpoint = Grid.useBreakpoint();
   const { listUrl } = useNavigation();
 
-  const isMobile = typeof breakpoint.lg === "undefined" ? false : !breakpoint.lg;
+  const isMobile =
+    typeof breakpoint.lg === 'undefined' ? false : !breakpoint.lg;
 
   const renderTreeView = useCallback(
-    (tree: ITreeMenu[], currentSelectedKey?: string): MenuProps["items"] => {
+    (tree: ITreeMenu[], currentSelectedKey?: string): MenuProps['items'] => {
       return tree
         .map((item: ITreeMenu) => {
           const { key, name, children, meta = {}, list } = item;
           const { icon, parent: parentName } = meta;
 
-          const route = typeof list === "string" ? list : listUrl(name);
+          const route = typeof list === 'string' ? list : listUrl(name);
 
           if (children.length > 0) {
             return {
@@ -119,16 +147,20 @@ export const Sider: React.FC = () => {
           const menuItemKey = item.key || Math.random().toString();
           const isSelected = menuItemKey === currentSelectedKey;
           const isRoute = !(
-            pickNotDeprecated(meta?.parent, meta?.parent, parentName) !== undefined &&
-            children.length === 0
+            pickNotDeprecated(meta?.parent, meta?.parent, parentName) !==
+              undefined && children.length === 0
           );
 
           return {
             key: menuItemKey,
             label: (
               <>
-                <Link to={route ?? ""}>{getMenuLabel(name, meta, currentLocale)}</Link>
-                {!siderCollapsed && isSelected && <div className="ant-menu-tree-arrow" />}
+                <Link to={route ?? ''}>
+                  {getMenuLabel(name, meta, currentLocale)}
+                </Link>
+                {!siderCollapsed && isSelected && (
+                  <div className="ant-menu-tree-arrow" />
+                )}
               </>
             ),
             icon: icon ?? (isRoute && <UnorderedListOutlined />),
@@ -147,13 +179,17 @@ export const Sider: React.FC = () => {
   useEffect(() => {
     if (reRouteNum > 5) return;
 
-    const isKeyInMenuItems = (menuItems: MenuProps["items"], key: string): boolean => {
+    const isKeyInMenuItems = (
+      menuItems: MenuProps['items'],
+      key: string,
+    ): boolean => {
       if (!menuItems) return false;
       for (const item of menuItems) {
         if (!item) continue;
         if (item.key === key) return true;
-        if ("children" in item && item.children) {
-          if (isKeyInMenuItems(item.children as MenuProps["items"], key)) return true;
+        if ('children' in item && item.children) {
+          if (isKeyInMenuItems(item.children as MenuProps['items'], key))
+            return true;
         }
       }
       return false;
@@ -166,11 +202,12 @@ export const Sider: React.FC = () => {
 
     // Skip auto-redirect for CRUD detail pages (edit/show/create)
     // These pages are not in the menu but are valid navigation targets
-    if (selectedKey && (
-      selectedKey.includes('/edit/') ||
-      selectedKey.includes('/show/') ||
-      selectedKey.endsWith('/create')
-    )) {
+    if (
+      selectedKey &&
+      (selectedKey.includes('/edit/') ||
+        selectedKey.includes('/show/') ||
+        selectedKey.endsWith('/create'))
+    ) {
       return;
     }
 
@@ -178,9 +215,9 @@ export const Sider: React.FC = () => {
       reRouteNum++;
 
       const firstKey = items?.[0]?.key;
-      if (firstKey && firstKey !== "/dashboard") {
+      if (firstKey && firstKey !== '/dashboard') {
         setOpenKeys([String(firstKey)]);
-        const firstItem = items?.find(item => item?.key === firstKey) as any;
+        const firstItem = items?.find((item) => item?.key === firstKey) as any;
         if (firstItem?.children?.length > 0) {
           let childItem = firstItem?.children?.find(
             (item: any) => selectedKey.indexOf(item?.key) !== -1,
@@ -194,13 +231,14 @@ export const Sider: React.FC = () => {
             const grandsonItem = childItem?.children?.find(
               (item: any) => selectedKey.indexOf(item?.key) !== -1,
             );
-            const grandsonKey = grandsonItem?.key || firstItem?.children?.[0]?.children?.[0]?.key;
-            go({ to: grandsonKey, type: "replace" });
+            const grandsonKey =
+              grandsonItem?.key || firstItem?.children?.[0]?.children?.[0]?.key;
+            go({ to: grandsonKey, type: 'replace' });
           } else {
-            go({ to: childKey, type: "replace" });
+            go({ to: childKey, type: 'replace' });
           }
         } else {
-          go({ to: String(firstKey), type: "replace" });
+          go({ to: String(firstKey), type: 'replace' });
         }
       }
     }, 300);
@@ -210,10 +248,11 @@ export const Sider: React.FC = () => {
 
   const handleOpenChange = useCallback(
     (keys: string[]) => {
-      const latestOpenKey = keys.find(key => !openKeys.includes(key));
+      const latestOpenKey = keys.find((key) => !openKeys.includes(key));
 
       if (latestOpenKey) {
-        const parentKeys = getParentKeysFromMenuTree(menuItems, latestOpenKey) || [];
+        const parentKeys =
+          getParentKeysFromMenuTree(menuItems, latestOpenKey) || [];
         setOpenKeys([...parentKeys, latestOpenKey]);
       } else {
         setOpenKeys(keys);
@@ -224,7 +263,7 @@ export const Sider: React.FC = () => {
 
   const handleMenuClick = useCallback(
     ({ key }: { key: string }) => {
-      const clickedItem = menuItems.find(item => item.key === key);
+      const clickedItem = menuItems.find((item) => item.key === key);
       if (clickedItem && clickedItem.children.length === 0) {
         setOpenKeys([]);
       }
@@ -243,16 +282,23 @@ export const Sider: React.FC = () => {
         mode="inline"
         items={items}
         style={{
-          paddingTop: "8px",
-          border: "none",
-          overflow: "auto",
-          height: "calc(100% - 72px)",
-          background: "transparent",
+          paddingTop: '8px',
+          border: 'none',
+          overflow: 'auto',
+          height: 'calc(100% - 72px)',
+          background: 'transparent',
         }}
         onClick={handleMenuClick}
       ></Menu>
     );
-  }, [selectedKey, defaultOpenKeys, openKeys, handleOpenChange, items, handleMenuClick]);
+  }, [
+    selectedKey,
+    defaultOpenKeys,
+    openKeys,
+    handleOpenChange,
+    items,
+    handleMenuClick,
+  ]);
 
   const renderDrawerSider = () => {
     return (
@@ -274,21 +320,22 @@ export const Sider: React.FC = () => {
             <Layout.Sider
               width={500}
               style={{
-                height: "100vh",
+                height: '100vh',
                 backgroundColor: token.colorBgContainer,
                 borderRight: `1px solid ${token.colorBorderBg}`,
               }}
             >
               <div
+                {...agentAttrs({ type: 'app-title' })}
                 style={{
-                  width: "256px",
-                  padding: "0 16px",
-                  display: "flex",
-                  justifyContent: "flex-start",
-                  alignItems: "center",
-                  height: "64px",
+                  width: '256px',
+                  padding: '0 16px',
+                  display: 'flex',
+                  justifyContent: 'flex-start',
+                  alignItems: 'center',
+                  height: '64px',
                   backgroundColor: token.colorBgElevated,
-                  borderBottom: "none",
+                  borderBottom: 'none',
                 }}
               >
                 <Title collapsed={false} />
@@ -314,10 +361,10 @@ export const Sider: React.FC = () => {
   const siderStyles: React.CSSProperties = {
     backgroundColor: token.colorBgContainer,
     borderRight: `1px solid ${token.colorBorderBg}`,
-    position: "sticky",
+    position: 'sticky',
     top: 0,
     left: 0,
-    height: "100vh",
+    height: '100vh',
     zIndex: 999,
   };
 
@@ -329,7 +376,7 @@ export const Sider: React.FC = () => {
         collapsible
         collapsed={siderCollapsed}
         onCollapse={(collapsed, type) => {
-          if (type === "clickTrigger") {
+          if (type === 'clickTrigger') {
             setSiderCollapsed(collapsed);
           }
         }}
@@ -340,8 +387,8 @@ export const Sider: React.FC = () => {
             type="text"
             style={{
               borderRadius: 0,
-              height: "100%",
-              width: "100%",
+              height: '100%',
+              width: '100%',
               backgroundColor: token.colorBgElevated,
               borderRight: `1px solid ${token.colorBorderBg}`,
             }}
@@ -363,15 +410,16 @@ export const Sider: React.FC = () => {
         }
       >
         <div
+          {...agentAttrs({ type: 'app-title' })}
           style={{
-            width: siderCollapsed ? "80px" : "256px",
-            padding: siderCollapsed ? "0" : "0 16px",
-            display: "flex",
-            justifyContent: siderCollapsed ? "center" : "flex-start",
-            alignItems: "center",
-            height: "64px",
+            width: siderCollapsed ? '80px' : '256px',
+            padding: siderCollapsed ? '0' : '0 16px',
+            display: 'flex',
+            justifyContent: siderCollapsed ? 'center' : 'flex-start',
+            alignItems: 'center',
+            height: '64px',
             backgroundColor: token.colorBgElevated,
-            fontSize: "14px",
+            fontSize: '14px',
           }}
         >
           <Title collapsed={siderCollapsed} />

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

@@ -1,15 +1,15 @@
-import React from "react";
+import React from 'react';
 
-import type { RefineLayoutThemedTitleProps } from "@refinedev/antd";
-import { useLink } from "@refinedev/core";
+import type { RefineLayoutThemedTitleProps } from '@refinedev/antd';
+import { useLink } from '@refinedev/core';
 
-import { Space, theme, Typography } from "antd";
+import { Space, theme, Typography } from 'antd';
 
-import { Logo } from "./logo";
+import { Logo } from './logo';
 
 const { useToken } = theme;
 
-const name = "Opinions admin";
+const name = 'Opinions admin';
 
 export const Title: React.FC<RefineLayoutThemedTitleProps> = ({
   collapsed,
@@ -22,22 +22,22 @@ export const Title: React.FC<RefineLayoutThemedTitleProps> = ({
     <Link
       to="/"
       style={{
-        display: "inline-block",
-        textDecoration: "none",
+        display: 'inline-block',
+        textDecoration: 'none',
       }}
     >
       <Space
         style={{
-          display: "flex",
-          alignItems: "center",
-          fontSize: "inherit",
+          display: 'flex',
+          alignItems: 'center',
+          fontSize: 'inherit',
           ...wrapperStyles,
         }}
       >
         <div
           style={{
-            height: "24px",
-            width: "24px",
+            height: '24px',
+            width: '24px',
             color: token.colorPrimary,
           }}
         >
@@ -47,7 +47,7 @@ export const Title: React.FC<RefineLayoutThemedTitleProps> = ({
         {!collapsed && (
           <Typography.Title
             style={{
-              fontSize: "inherit",
+              fontSize: 'inherit',
               marginBottom: 0,
               fontWeight: 700,
             }}

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

@@ -1,4 +1,4 @@
-import { RefineKbar } from "@refinedev/kbar";
+import { RefineKbar } from '@refinedev/kbar';
 
 export const OffLayoutArea: React.FC = () => {
   return <RefineKbar />;

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

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 
 type PaginationTotalProps = {
   total: number;
@@ -12,7 +12,7 @@ export const PaginationTotal: React.FC<PaginationTotalProps> = ({
   return (
     <span
       style={{
-        marginLeft: "16px",
+        marginLeft: '16px',
       }}
     >
       <span className="ant-text secondary">{total}</span> {entityName} in total

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

@@ -1 +1 @@
-export * from "./role-tag";
+export * from './role-tag';

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

@@ -1,26 +1,26 @@
-import React from "react";
+import React from 'react';
 
-import { Tag } from "antd";
+import { Tag } from 'antd';
 
 // Color mapping for different roles
 const roleColorMap: Record<string, string> = {
-  OFFICE: "green",
-  CES: "blue",
-  INFRA: "purple",
-  FIT: "green",
-  SECURITY: "green",
-  COST: "gold",
-  HR: "orange",
-  HR_AMER: "coral",
-  HR_APAC: "khaki",
-  HR_EMEA: "amber",
-  HR_MALAYSIA: "pink",
-  HR_SINGAPORE: "lightblue",
-  OMC: "magenta",
-  PRODUCT: "cyan",
-  SYSTEM_ADMIN: "red",
-  FEATURE_IOA_DEVICE_IP: "green",
-  BUSINESS_TRIP: "teal",
+  OFFICE: 'green',
+  CES: 'blue',
+  INFRA: 'purple',
+  FIT: 'green',
+  SECURITY: 'green',
+  COST: 'gold',
+  HR: 'orange',
+  HR_AMER: 'coral',
+  HR_APAC: 'khaki',
+  HR_EMEA: 'amber',
+  HR_MALAYSIA: 'pink',
+  HR_SINGAPORE: 'lightblue',
+  OMC: 'magenta',
+  PRODUCT: 'cyan',
+  SYSTEM_ADMIN: 'red',
+  FEATURE_IOA_DEVICE_IP: 'green',
+  BUSINESS_TRIP: 'teal',
 };
 
 type Props = {
@@ -28,12 +28,12 @@ type Props = {
 };
 
 export const RoleStatusTag: React.FC<Props> = ({ role }) => {
-  const color = roleColorMap[role] || "blue";
+  const color = roleColorMap[role] || 'blue';
 
   return (
     <Tag
       style={{
-        textTransform: "capitalize",
+        textTransform: 'capitalize',
       }}
       color={color}
       title={role}

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

@@ -1,19 +1,19 @@
-import React from "react";
+import React from 'react';
 
-import { ConfigProvider, Typography } from "antd";
+import { ConfigProvider, Typography } from 'antd';
 
 export type TextProps = {
   size?:
-    | "xs"
-    | "sm"
-    | "md"
-    | "lg"
-    | "xl"
-    | "xxl"
-    | "xxxl"
-    | "huge"
-    | "xhuge"
-    | "xxhuge";
+    | 'xs'
+    | 'sm'
+    | 'md'
+    | 'lg'
+    | 'xl'
+    | 'xxl'
+    | 'xxxl'
+    | 'huge'
+    | 'xhuge'
+    | 'xxhuge';
 } & React.ComponentProps<typeof Typography.Text>;
 
 const sizes = {
@@ -59,7 +59,11 @@ const sizes = {
   },
 };
 
-export const Text: React.FC<TextProps> = ({ size = "sm", children, ...rest }) => {
+export const Text: React.FC<TextProps> = ({
+  size = 'sm',
+  children,
+  ...rest
+}) => {
   return (
     <ConfigProvider
       theme={{

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

@@ -1,16 +1,37 @@
 // ─── URL / 部署配置 ───────────────────────────────────────────────────────────
+//  本文件定义了前端访问后端 API 的 URL 生成逻辑，支持多种部署场景（本地开发、同域部署、跨域部署等）
+//  变量名              配置文件           生效阶段              用途
+//  ────────────────    ───────────────    ──────────────────    ──────────────────────────────────
+//  VITE_API_URL        web/.env*          浏览器运行时          直接覆盖 API baseURL（优先级最高）
+//  VITE_BACKEND_URL    web/.env*          Vite Dev Server       dev proxy target，仅 dev 模式生效
+//  VITE_DEPLOY_NAME    web/.env*          浏览器运行时          子路径前缀，如 "myapp" → /myapp/api
+//
+//  注：server 端的环境变量（如 DATABASE_URL、PORT 等）配置在 server/.env*，与此文件无关
+//
+// ─── 典型场景速查 ─────────────────────────────────────────────────────────────
+//
+//  场景                                                 最终 API 地址
+//  ───────────────────────────────────────────────    ──────────────────────────────────────
+//  本地开发，web/ 前端 :3000，无任何 env 配置                http://localhost:8000/api（直连 server/）
+//  本地开发，web/ 前端 :5173，web/.env* 设 VITE_BACKEND_URL http://localhost:5173/api → proxy → server/ :8000
+//  本地开发，web/ 前端 :5173，未设 VITE_BACKEND_URL         http://localhost:5173/api ❌ 请求会失败
+//  web/.env* 设置了 VITE_DEPLOY_NAME=foo                  http://localhost:8000/foo/api
+//  生产环境，web/.env* 设置了 VITE_API_URL                  https://api.example.com/api
+//  生产环境，同域部署，未设 VITE_API_URL                     https://your-domain.com/api
+//
+// ─────────────────────────────────────────────────────────────────────────────
 /**
  * 读取部署子路径（Vite env: VITE_DEPLOY_NAME）
  * 本地开发不设置时返回空字符串
  */
 export function getUrlBasename(): string {
   if (
-    typeof import.meta !== "undefined" &&
+    typeof import.meta !== 'undefined' &&
     import.meta.env?.VITE_DEPLOY_NAME?.trim()
   ) {
     return `/${import.meta.env.VITE_DEPLOY_NAME.trim()}`;
   }
-  return "";
+  return '';
 }
 
 /**
@@ -19,10 +40,10 @@ export function getUrlBasename(): string {
  */
 export function getApiUrl(): string {
   if (
-    typeof import.meta !== "undefined" &&
+    typeof import.meta !== 'undefined' &&
     import.meta.env?.VITE_API_URL?.trim()
   ) {
     return import.meta.env.VITE_API_URL.trim();
   }
-  return `${window.location.origin.replace("3000", "8000")}${getUrlBasename()}/api`;
-}
+  return `${window.location.origin.replace(':3000', ':8000')}${getUrlBasename()}/api`;
+}