@gadmin2n/schematics 0.0.71 → 0.0.74

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

@@ -1,2 +0,0 @@
-export { default as CanvasListPage } from './CanvasListPage';
-export { default as CanvasEditPage } from './CanvasEditPage';

package/src/lib/application/files/gadmin2-game-angle-demo/web/src/routes/canvas/sectionCompactor.ts

@@ -1,45 +0,0 @@
-import { verticalCompactor } from 'react-grid-layout';
-import type { Compactor } from 'react-grid-layout';
-import type { CanvasItem } from './types';
-
-/**
- * 创建支持 Section 分层重叠的自定义 compactor。
- *
- * 碰撞规则：
- * - Section 与 Section：正常碰撞（不能重叠）
- * - 普通组件与普通组件：正常碰撞（不能重叠）
- * - Section 与普通组件：允许重叠
- *
- * 实现：将 layout 分为两层分别 compact，然后合并。
- * - Section 层：只包含 Section item，独立 compact
- * - 普通层：只包含普通 item，独立 compact
- * 由于两层独立 compact，它们之间自然不会互相推挤。
- */
-export function createSectionCompactor(
-  getItems: () => CanvasItem[],
-): Compactor {
-  return {
-    type: 'vertical',
-    allowOverlap: false,
-
-    compact(layout, cols) {
-      const items = getItems();
-      const sectionIds = new Set(
-        items
-          .filter((item) => item.componentType === 'Section')
-          .map((item) => item.id),
-      );
-
-      // 分两层
-      const sectionLayout = layout.filter((l) => sectionIds.has(l.i));
-      const normalLayout = layout.filter((l) => !sectionIds.has(l.i));
-
-      // 各自独立 compact
-      const compactedSections = verticalCompactor.compact(sectionLayout, cols);
-      const compactedNormals = verticalCompactor.compact(normalLayout, cols);
-
-      // 合并
-      return [...compactedSections, ...compactedNormals];
-    },
-  };
-}

package/src/lib/application/files/gadmin2-game-angle-demo/web/src/routes/canvas/types.ts

@@ -1,45 +0,0 @@
-// 每个组件 demo 的配置格式
-export interface PropDoc {
-  name: string;
-  type: string;
-  required?: boolean;
-  default?: string;
-  desc: string;
-}
-
-export interface ComponentVariant {
-  name: string;
-  label: string;
-  testId?: string;
-  code: string;
-}
-
-export interface ComponentDemo {
-  id: string;
-  title: string;
-  description: string;
-  imports: string;
-  props: PropDoc[]; // 完整 props 表，所有 variant 共用
-  variants: ComponentVariant[];
-}
-
-// ─── Canvas ───────────────────────────────────────────────────────
-
-export interface CanvasItem {
-  id: string; // nanoid 生成的唯一 ID
-  componentType: string; // "PieChart" | "BarChart" | "NumCard" | ...
-  code: string; // 当前 TSX 代码
-}
-
-// ─── Multi-Canvas ────────────────────────────────────────────────────────
-
-export interface SavedCanvas {
-  id: string;
-  name: string;
-  items: CanvasItem[];
-  layout: import('react-grid-layout').LayoutItem[];
-  publishedPageCode: string | null;
-  publishedAt: number | null; // epoch ms, null = never published
-  createdAt: number;
-  updatedAt: number;
-}

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

@@ -1,108 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { useParams } from 'react-router-dom';
-import { Spin } from 'antd';
-import { GridLayout, useContainerWidth } from 'react-grid-layout';
-import type { LayoutItem } from 'react-grid-layout';
-import CanvasCell from '../canvas/CanvasCell';
-import type { CanvasItem } from '../canvas/types';
-import 'react-grid-layout/css/styles.css';
-import 'react-resizable/css/styles.css';
-
-const COLS = 48;
-const ROW_HEIGHT = 10;
-
-interface CanvasData {
-  items: CanvasItem[];
-  layout: LayoutItem[];
-  name: string;
-}
-
-export default function CanvasViewPage() {
-  const { slug } = useParams<{ slug: string }>();
-  const [data, setData] = useState<CanvasData | null>(null);
-  const [loading, setLoading] = useState(true);
-  const [error, setError] = useState<string | null>(null);
-  const { width: containerWidth, containerRef, mounted } = useContainerWidth();
-
-  useEffect(() => {
-    if (!slug) return;
-    setLoading(true);
-    fetch(`/api/canvas/by-page-code/${slug}`, { credentials: 'include' })
-      .then((r) => {
-        if (!r.ok) throw new Error(`${r.status}`);
-        return r.json();
-      })
-      .then((d) => {
-        setData(d);
-        setError(null);
-      })
-      .catch((e) => setError(e.message))
-      .finally(() => setLoading(false));
-  }, [slug]);
-
-  return (
-    <div
-      style={{
-        display: 'flex',
-        flexDirection: 'column',
-      }}
-    >
-      <div
-        ref={containerRef as React.RefObject<HTMLDivElement>}
-        style={{
-          flex: 1,
-          overflow: 'visible',
-          position: 'relative',
-          background: '#f0f2f5',
-        }}
-      >
-        {loading ? (
-          <div
-            style={{
-              display: 'flex',
-              justifyContent: 'center',
-              alignItems: 'center',
-              minHeight: 400,
-            }}
-          >
-            <Spin size="large" />
-          </div>
-        ) : error || !data ? (
-          <div style={{ textAlign: 'center', padding: 60, color: '#999' }}>
-            {error || 'Page not found'}
-          </div>
-        ) : (
-          mounted && (
-            <div style={{ maxWidth: 1600, margin: '0 auto', width: '100%' }}>
-              <GridLayout
-                className="layout"
-                layout={data.layout}
-                width={Math.min(containerWidth, 1600)}
-                gridConfig={{
-                  cols: COLS,
-                  rowHeight: ROW_HEIGHT,
-                  margin: [8, 8],
-                }}
-                dragConfig={{ enabled: false }}
-                resizeConfig={{ enabled: false }}
-              >
-                {data.items.map((item) => (
-                  <CanvasCell
-                    key={item.id}
-                    code={item.code}
-                    componentType={item.componentType}
-                    selected={false}
-                    isPreview={true}
-                    onClick={() => {}}
-                    onDoubleClick={() => {}}
-                    onContextMenu={() => {}}
-                  />
-                ))}
-              </GridLayout>
-            </div>
-          )
-        )}
-      </div>
-    </div>
-  );
-}

package/src/lib/application/files/gadmin2-game-angle-demo/web/src/routes/game/show.tsx

@@ -1,74 +0,0 @@
-import { ModelType, getColumns, produceModel } from '@gadmin2n/react-common';
-import {
-  CloneButton,
-  DeleteButton,
-  EditButton,
-  ListButton,
-  RefreshButton,
-  Show,
-} from '@refinedev/antd';
-import {
-  IResourceComponentsProps,
-  useShow,
-  useTranslate,
-} from '@refinedev/core';
-import React, { useState } from 'react';
-import { getShowField } from '../../helpers';
-import type { Game } from '../../generated/types/prisma.types'; //'.prisma/client/index';
-import {
-  gameShowConfig as showConfig,
-  gameShowPrismaSelect as showPrismaSelect,
-} from '../../generated/props/game/config';
-import { gameModel } from '../../generated/props/game/model';
-import { modelsMap } from 'generated/models.index';
-import { agentAttrs } from '../../components/agentPanel/agentAttributes';
-
-export const GameShow: React.FC<IResourceComponentsProps> = () => {
-  const resourceName = 'game';
-  const t = useTranslate();
-
-  const { queryResult } = useShow<Game>({
-    meta: { select: showPrismaSelect },
-  });
-  const { data, isLoading } = queryResult;
-  const record = data?.data;
-
-  const [[fields, model]] = useState(() => {
-    const model: ModelType = produceModel(gameModel, {
-      // status: { render: xxxxx }
-    });
-
-    // getColumns is a function that returns an array of fields
-    const fields = getColumns('Game', showConfig.fields, {
-      ...modelsMap,
-      Game: { model, meta: modelsMap['Game'].meta },
-    });
-
-    return [fields, model] as const;
-  });
-
-  return (
-    <Show
-      isLoading={isLoading}
-      headerButtons={
-        <div
-          style={{ display: 'inline-flex', gap: 8 }}
-          {...agentAttrs({ type: 'show-header', resource: resourceName })}
-        >
-          <ListButton />
-          <EditButton recordItemId={record?.id} />
-          <CloneButton recordItemId={record?.id} />
-          <DeleteButton recordItemId={record?.id} />
-          <RefreshButton
-            recordItemId={record?.id}
-            meta={{ select: showPrismaSelect }}
-          />
-        </div>
-      }
-    >
-      {fields.map((field: any) => {
-        return getShowField(field, resourceName, record, t, model, modelsMap);
-      })}
-    </Show>
-  );
-};

package/src/lib/application/files/gadmin2-game-angle-demo/web/src/routes/page/Components/AssignRolesModal.tsx

@@ -1,177 +0,0 @@
-import React, { useEffect, useMemo, useState } from 'react';
-import { Checkbox, Modal, Spin, message } from 'antd';
-import { customRequest } from '@/helpers/http';
-
-interface Role {
-  id: number;
-  name: string;
-  description?: string;
-}
-
-interface RolePage {
-  roleId: number;
-  pageId: number;
-}
-
-interface AssignRolesModalProps {
-  pageId: number;
-  pageName: string;
-  open: boolean;
-  onClose: () => void;
-  onSuccess: () => void;
-}
-
-export const AssignRolesModal: React.FC<AssignRolesModalProps> = ({
-  pageId,
-  pageName,
-  open,
-  onClose,
-  onSuccess,
-}) => {
-  const [roles, setRoles] = useState<Role[]>([]);
-  const [rolePages, setRolePages] = useState<RolePage[]>([]);
-  const [loading, setLoading] = useState(false);
-  const [saving, setSaving] = useState(false);
-  const [selectedRoleIds, setSelectedRoleIds] = useState<number[]>([]);
-
-  // Fetch all roles and rolePages when modal opens
-  useEffect(() => {
-    if (!open) return;
-
-    const fetchData = async () => {
-      setLoading(true);
-      try {
-        const [rolesRes, rolePagesRes] = await Promise.all([
-          customRequest<{ data: Role[] }>('role/findMany', 'post'),
-          customRequest<{ data: RolePage[] }>('rolePages/findMany', 'post'),
-        ]);
-        const rolesData: Role[] = Array.isArray(rolesRes?.data)
-          ? rolesRes.data
-          : [];
-        const rolePagesData: RolePage[] = Array.isArray(rolePagesRes?.data)
-          ? rolePagesRes.data
-          : [];
-        setRoles(rolesData);
-        setRolePages(rolePagesData);
-      } catch (error) {
-        console.error('Failed to fetch data:', error);
-        message.error('Failed to load roles data');
-      }
-      setLoading(false);
-    };
-
-    fetchData();
-  }, [open]);
-
-  // Role IDs that already have this page assigned
-  const existingRoleIds = useMemo(() => {
-    return rolePages
-      .filter((rp) => rp.pageId === pageId)
-      .map((rp) => rp.roleId);
-  }, [rolePages, pageId]);
-
-  // Initialize selected roles when data loads
-  useEffect(() => {
-    setSelectedRoleIds(existingRoleIds);
-  }, [existingRoleIds]);
-
-  // Build a map: roleId -> all pageIds for that role
-  const rolePageIdsMap = useMemo(() => {
-    const map: Record<number, number[]> = {};
-    for (const rp of rolePages) {
-      if (!map[rp.roleId]) {
-        map[rp.roleId] = [];
-      }
-      if (!map[rp.roleId].includes(rp.pageId)) {
-        map[rp.roleId].push(rp.pageId);
-      }
-    }
-    return map;
-  }, [rolePages]);
-
-  const handleSave = async () => {
-    // Find newly added role IDs (not in existingRoleIds)
-    const newRoleIds = selectedRoleIds.filter(
-      (id) => !existingRoleIds.includes(id),
-    );
-
-    if (newRoleIds.length === 0) {
-      message.info('No new roles selected');
-      onClose();
-      return;
-    }
-
-    setSaving(true);
-    try {
-      const updatePromises = newRoleIds.map((roleId) => {
-        const currentPageIds = rolePageIdsMap[roleId] || [];
-        const updatedPageIds = [...currentPageIds, pageId];
-        return customRequest(`role/updateUnique/${roleId}`, 'PATCH', {
-          pageIds: updatedPageIds,
-        });
-      });
-
-      await Promise.all(updatePromises);
-      message.success(
-        `Successfully assigned ${newRoleIds.length} role(s) to page "${pageName}"`,
-      );
-      onSuccess();
-    } catch (error) {
-      console.error('Failed to assign roles:', error);
-      message.error('Failed to assign some roles. Please try again.');
-    }
-    setSaving(false);
-  };
-
-  return (
-    <Modal
-      title={`Assign Roles to Page: ${pageName}`}
-      open={open}
-      onCancel={onClose}
-      onOk={handleSave}
-      okText="Save"
-      confirmLoading={saving}
-      width={560}
-    >
-      <Spin spinning={loading}>
-        {existingRoleIds.length > 0 && (
-          <div style={{ marginBottom: 12, color: '#666' }}>
-            Currently <strong>{existingRoleIds.length}</strong> role(s) can
-            access this page
-          </div>
-        )}
-        <div style={{ maxHeight: 400, overflow: 'auto' }}>
-          <Checkbox.Group
-            value={selectedRoleIds}
-            onChange={(values) => setSelectedRoleIds(values as number[])}
-            style={{ display: 'flex', flexDirection: 'column', gap: 8 }}
-          >
-            {[...roles]
-              .sort((a, b) => {
-                const aExisting = existingRoleIds.includes(a.id);
-                const bExisting = existingRoleIds.includes(b.id);
-                if (aExisting !== bExisting) return aExisting ? -1 : 1;
-                return 0;
-              })
-              .map((role) => {
-                const isExisting = existingRoleIds.includes(role.id);
-                return (
-                  <Checkbox key={role.id} value={role.id} disabled={isExisting}>
-                    <span style={{ fontWeight: 500 }}>{role.name}</span>
-                    {role.description && (
-                      <span style={{ color: '#999', marginLeft: 8 }}>
-                        {role.description}
-                      </span>
-                    )}
-                  </Checkbox>
-                );
-              })}
-          </Checkbox.Group>
-          {!loading && roles.length === 0 && (
-            <span style={{ color: '#999' }}>No roles available</span>
-          )}
-        </div>
-      </Spin>
-    </Modal>
-  );
-};

package/src/lib/application/files/gadmin2-game-angle-demo/web/src/routes/page/Components/CreatePageModal.tsx

@@ -1,42 +0,0 @@
-import React from 'react';
-
-import { PageFormModal } from './PageFormModal';
-import type { PageMenuTreeNode, ResourceDefinition } from '../types';
-
-interface CreatePageModalProps {
-  onModalClose: () => void;
-  onPageCreationSuccess?: () => void;
-  parentPageTreeOptions?: PageMenuTreeNode[];
-  allAvailableResources?: ResourceDefinition[];
-  allPagesData?: any[];
-  defaultParentId?: number | null;
-  defaultPathPrefix?: string;
-}
-
-export const CreatePageModal: React.FC<CreatePageModalProps> = ({
-  onModalClose,
-  onPageCreationSuccess,
-  parentPageTreeOptions,
-  allAvailableResources,
-  allPagesData,
-  defaultParentId,
-  defaultPathPrefix,
-}) => {
-  const handlePageCreationMutationSuccess = () => {
-    onPageCreationSuccess?.();
-    onModalClose?.();
-  };
-
-  return (
-    <PageFormModal
-      formActionType="create"
-      onModalCancel={onModalClose}
-      onFormSubmitSuccess={handlePageCreationMutationSuccess}
-      parentPageTreeOptions={parentPageTreeOptions}
-      allAvailableResources={allAvailableResources}
-      allPagesData={allPagesData}
-      defaultParentId={defaultParentId}
-      defaultPathPrefix={defaultPathPrefix}
-    />
-  );
-};

package/src/lib/application/files/gadmin2-game-angle-demo/web/src/routes/page/Components/EditPageModal.tsx

@@ -1,46 +0,0 @@
-import React from 'react';
-
-import { PageFormModal } from './PageFormModal';
-import type {
-  PageMenuTreeNode,
-  PageResourceAssignment,
-  ResourceDefinition,
-} from '../types';
-
-interface EditPageModalProps {
-  pageIdToEdit?: number;
-  onModalClose: () => void;
-  onPageEditSuccess?: () => void;
-  parentPageTreeOptions?: PageMenuTreeNode[];
-  allAvailableResources?: ResourceDefinition[];
-  currentPageResourceAssignments?: PageResourceAssignment[];
-  allPagesData?: any[];
-}
-
-export const EditPageModal: React.FC<EditPageModalProps> = ({
-  pageIdToEdit,
-  onModalClose,
-  onPageEditSuccess,
-  parentPageTreeOptions,
-  allAvailableResources,
-  currentPageResourceAssignments,
-  allPagesData,
-}) => {
-  const handlePageEditMutationSuccess = () => {
-    onPageEditSuccess?.();
-    onModalClose();
-  };
-
-  return (
-    <PageFormModal
-      formActionType="edit"
-      editingPageId={pageIdToEdit}
-      onModalCancel={onModalClose}
-      onFormSubmitSuccess={handlePageEditMutationSuccess}
-      parentPageTreeOptions={parentPageTreeOptions}
-      allAvailableResources={allAvailableResources}
-      currentResourceAssignments={currentPageResourceAssignments}
-      allPagesData={allPagesData}
-    />
-  );
-};

package/src/lib/application/files/gadmin2-game-angle-demo/web/src/routes/page/Components/PageDetailDrawer.tsx

@@ -1,136 +0,0 @@
-import React, { useEffect, useMemo } from 'react';
-import { useTranslation } from 'react-i18next';
-import {
-  Descriptions,
-  Drawer,
-  Space,
-  Table,
-  Tag,
-  type TableColumnsType,
-} from 'antd';
-import { useFetchData } from '@/hooks/useFetchData';
-
-interface PageDetailDrawerProps {
-  page: {
-    id: number;
-    name: string;
-    code?: string;
-    path?: string;
-    zhName?: string;
-    enName?: string;
-  };
-  open: boolean;
-  onClose: () => void;
-}
-
-export const PageDetailDrawer: React.FC<PageDetailDrawerProps> = ({
-  page,
-  open,
-  onClose,
-}) => {
-  const { i18n } = useTranslation();
-  const isChinese = i18n.language === 'zh_CN' || i18n.language === 'zh';
-
-  const {
-    data: pageResourceData,
-    loading: pageResourceLoading,
-    fetchData: fetchPageResources,
-  } = useFetchData('pageResource/findMany', 'post', undefined, true);
-
-  useEffect(() => {
-    if (open) {
-      fetchPageResources({
-        where: { pageId: page.id },
-        include: { resource: true },
-      });
-    }
-  }, [open, page.id]);
-
-  const resources = useMemo(() => {
-    const list: any[] = Array.isArray(pageResourceData?.data)
-      ? pageResourceData.data
-      : [];
-    return list.map((item: any) => {
-      const actions = item.actions ?? item.actionList ?? item.permissions;
-      let parsedActions: string[] = [];
-      if (Array.isArray(actions)) {
-        parsedActions = actions
-          .map((a: any) =>
-            typeof a === 'string' ? a : a?.name || a?.code || '',
-          )
-          .filter(Boolean);
-      } else if (typeof actions === 'string') {
-        parsedActions = actions
-          .split(',')
-          .map((a: string) => a.trim())
-          .filter(Boolean);
-      }
-      return {
-        key: item.id ?? `${item.pageId}-${item.resourceId}`,
-        resourceName:
-          item.resource?.name ||
-          item.resource?.code ||
-          `Resource ${item.resourceId}`,
-        permissionActions: parsedActions,
-      };
-    });
-  }, [pageResourceData]);
-
-  const pageName = isChinese
-    ? page.zhName || page.name || '-'
-    : page.enName || page.name || '-';
-
-  return (
-    <Drawer
-      title={`Page: ${pageName}`}
-      open={open}
-      onClose={onClose}
-      width={480}
-      destroyOnClose
-    >
-      <Descriptions
-        column={1}
-        size="small"
-        bordered
-        style={{ marginBottom: 16 }}
-      >
-        <Descriptions.Item label="Name">{pageName}</Descriptions.Item>
-        {page.code && (
-          <Descriptions.Item label="Code">{page.code}</Descriptions.Item>
-        )}
-        {page.path && (
-          <Descriptions.Item label="Path">{page.path}</Descriptions.Item>
-        )}
-      </Descriptions>
-
-      <Table
-        dataSource={resources}
-        loading={pageResourceLoading}
-        rowKey="key"
-        size="small"
-        pagination={resources.length > 10 ? { pageSize: 10 } : false}
-        columns={[
-          { title: 'Resource Name', dataIndex: 'resourceName', width: '40%' },
-          {
-            title: 'Permission Actions',
-            dataIndex: 'permissionActions',
-            width: '60%',
-            render: (actions: string[]) =>
-              actions.length > 0 ? (
-                <Space size={[4, 4]} wrap>
-                  {actions.map((action) => (
-                    <Tag key={action} color="blue">
-                      {action}
-                    </Tag>
-                  ))}
-                </Space>
-              ) : (
-                <span style={{ color: '#999' }}>-</span>
-              ),
-          },
-        ]}
-        title={() => `Assigned Resources (${resources.length})`}
-      />
-    </Drawer>
-  );
-};