@gadmin2n/cli 0.0.80 → 0.0.82

package/.yalc/@gadmin2n/schematics/dist/lib/application/files/gadmin2-game-angle-demo/web/src/routes/roleResource/edit.tsx

@@ -0,0 +1,122 @@
+
+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";
+
+import { modelsMap, modelsEnum } from "../../generated/models.index";
+import {
+  roleResourceFormConfig as formConfig,
+  roleResourceFormPrismaSelect as formPrismaSelect,
+} from "../../generated/props/roleResource/config";
+import {
+  roleResourceModel,
+  useRelation,
+} from "../../generated/props/roleResource/model";
+import { RoleResource } from "../../generated/types/prisma.types";
+import { RoleResourceForm as transformClass } from "../../generated/props/roleResource/form.validator";
+import { BusinessContext } from 'components/contexts/business';
+
+export const RoleResourceEdit: React.FC<IResourceComponentsProps> = () => {
+  const resourceName = "roleResource";
+  const t = useTranslate();
+  
+
+  const [[fields, model]] = useState(() => {
+    const model: ModelType = produceModel(
+      roleResourceModel,
+      {
+        // all formItem attrs surport, https://ant.design/components/form#formitem
+        // description : { component : <MDEditor data-color-mode="light" /> },
+        // status : { normalize : (value: any) => value ? "1" : "0" },
+        // cron: {validator: { validator: runCronValidator },},
+      },
+      transformClass
+    );
+
+    const fields: FieldDataType[] = formConfig.fields
+      .map((fieldName: string) => model[fieldName])
+      .filter((field: FieldDataType) => field);
+
+    return [fields, model] as const;
+  });
+
+  const { formProps, saveButtonProps, onFinish, form } =
+    useForm<RoleResource>({
+      meta: { select: formPrismaSelect},
+    });
+  formProps.initialValues = handleInitialValues(
+    formProps.initialValues || {},
+    fields
+  );
+
+  const apiUrl = useApiUrl();
+  const { isLoading, onChange } = useFileUploadState();
+
+  const relationSelectProps = useRelation(modelsMap);
+
+  return (
+    <Edit
+      saveButtonProps={{
+        ...saveButtonProps,
+        disabled: isLoading,
+      }}
+      headerButtons={
+        <>
+          <ListButton />
+          <RefreshButton
+            meta={{ select: formPrismaSelect}}
+          />
+        </>
+      }
+    >
+      <Form
+        {...formProps}
+        validateTrigger="onBlur"
+        onFinish={(values) => {
+          onFinish(
+            handleOnFinish(
+              {
+                ...values,
+                
+                id: undefined,
+              },
+              fields,
+              "edit"
+            )
+          );
+        }}
+        layout="vertical"
+        form={form}
+        onValuesChange={onFormValuesChange(
+          form,
+          formConfig.reaction,
+        )}
+      >
+        {fields.map((field) => {
+          return getFormItem(
+            field,
+            resourceName,
+            t,
+            form,
+            formConfig.reaction,
+            modelsEnum,
+            model,
+            apiUrl,
+            relationSelectProps,
+            onChange
+          );
+        })}
+      </Form>
+    </Edit>
+  );
+};
+  

package/.yalc/@gadmin2n/schematics/dist/lib/application/files/gadmin2-game-angle-demo/web/src/routes/roleResource/index.tsx

@@ -0,0 +1,6 @@
+// Stub - this module has been integrated into role management
+const EmptyComponent = () => null;
+export const RoleResourceCreate = EmptyComponent;
+export const RoleResourceEdit = EmptyComponent;
+export const RoleResourceList = EmptyComponent;
+export const RoleResourceShow = EmptyComponent;

package/.yalc/@gadmin2n/schematics/dist/lib/application/files/gadmin2-game-angle-demo/web/src/routes/roleResource/list.tsx

@@ -0,0 +1,243 @@
+
+/**
+ * RoleResource List Page
+ *
+ * Generated using simplified pattern with @gadmin2n/react-common hooks and components.
+ *
+ * Flexibility Levels:
+ * 1. Basic usage - Use components with defaults (this file)
+ * 2. Render props - Customize specific buttons/elements
+ * 3. Children function - Complete UI control
+ * 4. Core hooks - No UI assumptions, full control
+ *
+ * See: examples/ListPageExamples.tsx for all patterns
+ */
+import React, { useMemo } from 'react';
+import { Table } from 'antd';
+import { List, useTable, useImport } from '@refinedev/antd';
+import {
+  HttpError,
+  IResourceComponentsProps,
+  parseTableParams,
+  useExport,
+  useTranslate,
+  useApiUrl,
+} from '@refinedev/core';
+import { useLocation } from 'react-router-dom';
+import {
+  getColumns,
+  ModelType,
+  produceModel,
+  tableSearchBar,
+} from '@gadmin2n/react-common';
+
+// Generated imports
+import { modelsEnum, modelsMap } from 'generated/models.index';
+import {
+  roleResourceTableConfig as tableConfig,
+  roleResourceTablePrismaSelect as prismaSelect,
+} from 'generated/props/roleResource/config';
+import { roleResourceModel, useRelation } from 'generated/props/roleResource/model';
+import type { RoleResource } from 'generated/types/prisma.types';
+
+// Local imports
+import {
+  BulkActions,
+  ListPageHeader,
+  RowActions,
+  SearchBar,
+} from 'components';
+import { getRowActionsColumnProps } from 'components/agentPanel';
+import { LogButton } from 'components/auditLog';
+import { requestHeaders } from 'helpers/login';
+import { useBatchOperations } from 'hooks';
+import { 
+  createSearchFormOnFinish, 
+  getSearchFormInitialValues, 
+  getTableColumnV2, 
+  TableColumnContext 
+} from 'helpers';
+
+
+const { placeholder: searchPlaceholder, getSearchFilters } = tableSearchBar(
+  tableConfig['toolbar']['searchBar'],
+  roleResourceModel,
+);
+
+// https://refine.dev/docs/api-reference/antd/hooks/table/useTable/
+export const RoleResourceList: React.FC<IResourceComponentsProps> = () => {
+  const resourceName = 'roleResource';
+  const t = useTranslate();
+  const apiUrl = useApiUrl();
+  const { search } = useLocation();
+  const { parsedSorter, parsedFilters } = parseTableParams(search);
+  
+
+  // Relations
+  const relationSelectProps = useRelation(modelsMap);
+
+  // Model with customizations
+  const [columns, model] = useMemo(() => {
+    const model: ModelType = produceModel(roleResourceModel, {
+      // Custom column renderers can be added here
+      // cron: { render: (value) => humanizeCronInChinese(value) },
+    });
+
+    const columns = getColumns('RoleResource', tableConfig.fields, {
+      ...modelsMap,
+      RoleResource: { model, meta: modelsMap['RoleResource'].meta },
+    });
+
+    return [columns, model] as const;
+  }, []);
+
+  // Table hook
+  const {
+    tableProps,
+    sorters: sorter,
+    setCurrent,
+    setFilters,
+    filters,
+    tableQueryResult,
+    searchFormProps,
+  } = useTable<RoleResource, HttpError>({
+    meta: { transformQFn: getSearchFilters, select: prismaSelect },
+    filters: { initial: parsedFilters, defaultBehavior: 'merge' },
+    sorters: { initial: parsedSorter },
+    
+  });
+
+  // initialValues: 从 URL 的 parsedFilters 中恢复 q（搜索关键词）和 createdAt（日期范围）                                               
+  // onFinish: 将表单值转换为 CrudFilters 并更新筛选条件 
+  // 有 createdAt 字段的模型（默认）                                                                                                     
+  searchFormProps.initialValues = getSearchFormInitialValues(parsedFilters);                                                             
+  searchFormProps.onFinish = createSearchFormOnFinish(setCurrent, setFilters);                                                           
+
+  // 没有 createdAt 字段的模型                                                                                                           
+  // searchFormProps.initialValues = getSearchFormInitialValues(parsedFilters, { dateField: null });                                        
+  // searchFormProps.onFinish = createSearchFormOnFinish(setCurrent, setFilters, { dateField: null });                                      
+
+  // 使用其他日期字段（如 updatedAt）                                                                                                    
+  // searchFormProps.initialValues = getSearchFormInitialValues(parsedFilters, { dateField: 'updatedAt' });                                 
+  // searchFormProps.onFinish = createSearchFormOnFinish(setCurrent, setFilters, { dateField: 'updatedAt' });  
+
+  // Batch operations (selection, update, delete)
+  const batchOps = useBatchOperations({
+    resourceName,
+    apiUrl,
+    requestHeaders,
+    onSuccess: () => tableQueryResult.refetch(),
+    t,
+  });
+
+  // Export all
+  const { triggerExport, isLoading: exportLoading } = useExport<RoleResource>({
+    maxItemCount: 200,
+    pageSize: 100,
+    
+  });
+
+  // Export selected
+  const { triggerExport: triggerExportSelected, isLoading: exportSelectedLoading } =
+    useExport<RoleResource>({
+      pageSize: 100,
+      meta: { where: { id: { in: batchOps.selectedRowKeys.map(Number) } } },
+    });
+
+  // Import
+  const importProps = useImport<RoleResource>({
+    mapData: (item: any) => ({
+      ...item,
+      
+    }),
+    batchSize: 1,
+  });
+
+  // Context for table columns
+  const columnContext: TableColumnContext = {
+    resourceName,
+    t,
+    model,
+    modelsEnum,
+    modelsMap,
+    tableConfig,
+    sorter,
+    filters,
+    relationSelectProps,
+  };
+
+  return (
+    <List
+      headerProps={{
+        subTitle: batchOps.hasSelected && (
+          <BulkActions
+            selectedRowKeys={batchOps.selectedRowKeys}
+            actions={tableConfig.rowSelection.actions}
+            onUpdateSelected={batchOps.updateSelectedItems}
+            onDeleteSelected={batchOps.deleteSelectedItems}
+            onExportSelected={triggerExportSelected}
+            updateLoading={batchOps.updateManyIsLoading}
+            deleteLoading={batchOps.deleteManyIsLoading}
+            exportLoading={exportSelectedLoading}
+            t={t}
+            resourceName={resourceName}
+            // Render props examples (uncomment to customize):
+            // renderDeleteButton={(onClick, loading) => <Button danger onClick={onClick} loading={loading}>Delete</Button>}
+            // renderSelectionCount={(count) => <Badge count={count}><Tag>Selected</Tag></Badge>}
+            // extraActions={<Button>Custom Action</Button>}
+          />
+        ),
+        extra: (
+          <ListPageHeader
+            importProps={importProps}
+            onExport={triggerExport}
+            exportLoading={exportLoading}
+          />
+        ),
+      }}
+    >
+      {/* Search Bar */}
+      <SearchBar
+        formProps={searchFormProps}
+        t={t}
+        resourceName={resourceName}
+        searchPlaceholder={searchPlaceholder}
+        // Render props examples (uncomment to customize):
+        // renderKeywordInput={(field, defaultInput) => <Input.Search placeholder={field.placeholder} />}
+        // renderSubmitButton={(defaultButton) => <Space>{defaultButton}<Button>Reset</Button></Space>}
+        // extraActions={<Button type="link">Advanced</Button>}
+      />
+
+      {/* Data Table */}
+      <Table {...tableProps} rowKey="id" rowSelection={batchOps.rowSelection}>
+        {columns.map((col) => getTableColumnV2({ col, context: columnContext }))}
+
+        {/* Actions Column */}
+        <Table.Column<RoleResource>
+          title={t('table.actions')}
+          dataIndex="actions"
+          {...getRowActionsColumnProps(resourceName)}
+          render={(_, record) => (
+            <RowActions
+              record={record}
+              actions={tableConfig.rowActions.actions}
+              onUpdate={batchOps.updateOne}
+              updateLoading={batchOps.updateManyIsLoading}
+              t={t}
+              resourceName={resourceName}
+              LogButton={LogButton}
+              // Render props examples (uncomment to customize):
+              // showClone={false}
+              // showDelete={false}
+              // renderEditButton={(id) => <Button type="link" size="small">Quick Edit</Button>}
+              // renderDeleteButton={(id) => <Popconfirm title="Sure?"><Button danger size="small">Remove</Button></Popconfirm>}
+              // extraPrimaryActions={<Button type="text" size="small">Quick View</Button>}
+            />
+          )}
+        />
+      </Table>
+    </List>
+  );
+};
+
+export default RoleResourceList;

package/.yalc/@gadmin2n/schematics/dist/lib/application/files/gadmin2-game-angle-demo/web/src/routes/roleResource/show.tsx

@@ -0,0 +1,61 @@
+
+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 { RoleResource } from "../../generated/types/prisma.types"; //'.prisma/client/index';
+import {
+  roleResourceShowConfig as showConfig,
+  roleResourceShowPrismaSelect as showPrismaSelect,
+} from "../../generated/props/roleResource/config";
+import { roleResourceModel } from "../../generated/props/roleResource/model";
+import { modelsMap } from "generated/models.index";
+
+export const RoleResourceShow: React.FC<IResourceComponentsProps> = () => {
+  const resourceName = "roleResource";
+  const t = useTranslate();
+  
+  const { queryResult } = useShow<RoleResource>({
+    meta: { select: showPrismaSelect},
+  });
+  const { data, isLoading } = queryResult;
+  const record = data?.data;
+
+  const [[fields, model]] = useState(() => {
+    const model: ModelType = produceModel(roleResourceModel, {
+      // status: { render: xxxxx }
+    });
+
+    // getColumns is a function that returns an array of fields
+    const fields = getColumns("RoleResource", showConfig.fields, {
+      ...modelsMap,
+      RoleResource: { model, meta: modelsMap["RoleResource"].meta },
+    });
+
+    return [fields, model] as const;
+  });
+
+  return (
+    <Show
+      isLoading={isLoading}
+      headerButtons={
+        <>
+          <ListButton/>
+          <EditButton recordItemId={record?.id} />
+          <CloneButton recordItemId={record?.id} />
+          <DeleteButton recordItemId={record?.id} />
+          <RefreshButton
+            recordItemId={record?.id}
+            meta={{ select: showPrismaSelect}}
+          />
+        </>
+      }
+    >
+      {fields.map((field: any) => {
+        return getShowField(field, resourceName, record, t, model, modelsMap);
+      })}
+    </Show>
+  );
+};
+

package/.yalc/@gadmin2n/schematics/dist/lib/application/files/gadmin2-game-angle-demo/web/src/routes/user/components/create-modal.tsx

@@ -0,0 +1,17 @@
+import React from "react";
+
+import { UserFormModal } from "./form-modal";
+
+interface CreateModalProps {
+  onClose: () => void;
+}
+
+export const CreateModal: React.FC<CreateModalProps> = ({ onClose }) => {
+  return (
+    <UserFormModal
+      action="create"
+      onCancel={onClose}
+      onMutationSuccess={onClose}
+    />
+  );
+};

package/.yalc/@gadmin2n/schematics/dist/lib/application/files/gadmin2-game-angle-demo/web/src/routes/user/components/edit-modal.tsx

@@ -0,0 +1,19 @@
+import React from "react";
+
+import { UserFormModal } from "./form-modal";
+
+interface EditModalProps {
+  id?: number;
+  onClose: () => void;
+}
+
+export const EditModal: React.FC<EditModalProps> = ({ id, onClose }) => {
+  return (
+    <UserFormModal
+      action="edit"
+      id={id}
+      onCancel={onClose}
+      onMutationSuccess={onClose}
+    />
+  );
+};

package/.yalc/@gadmin2n/schematics/dist/lib/application/files/gadmin2-game-angle-demo/web/src/routes/user/components/form-modal.tsx

@@ -0,0 +1,188 @@
+import React, { useState } from "react";
+
+import { useModalForm } from "@refinedev/antd";
+import { type HttpError, type RedirectAction } from "@refinedev/core";
+
+import { Button, Form, Input, Modal, Select, Space, Switch } from "antd";
+import { ReloadOutlined } from "@ant-design/icons";
+
+import { useRoles } from "hooks/useRoles";
+import { User } from "types";
+
+import { UserSelect } from "../queries";
+
+const generateApiKey = () => crypto.randomUUID();
+
+type Props = {
+  action: "create" | "edit";
+  id?: number;
+  redirect?: RedirectAction;
+  onMutationSuccess?: () => void;
+  onCancel?: () => void;
+};
+
+export const UserFormModal: React.FC<Props> = ({
+  action,
+  id,
+  redirect,
+  onCancel,
+  onMutationSuccess,
+}) => {
+  const [isApiKey, setIsApiKey] = useState(false);
+  const [usernameTouched, setUsernameTouched] = useState(false);
+
+  // Fetch roles from backend using custom hook
+  const { roleOptions, loading: rolesLoading } = useRoles();
+
+  const { formProps, modalProps, onFinish, close, form } = useModalForm<
+    User,
+    HttpError,
+    Partial<User>
+  >({
+    resource: "user",
+    action,
+    id,
+    defaultVisible: true,
+    redirect,
+    onMutationSuccess: () => {
+      onMutationSuccess?.();
+    },
+    meta: {
+      select: UserSelect,
+    },
+  });
+
+  // fix react-query cache data type error
+  if (
+    formProps.initialValues?.roles &&
+    typeof formProps.initialValues.roles === "string"
+  ) {
+    formProps.initialValues.roles = JSON.parse(formProps.initialValues.roles);
+  }
+
+  // sync isApiKey state with form initial values
+  React.useEffect(() => {
+    if (formProps.initialValues?.isApiKey !== undefined) {
+      setIsApiKey(formProps.initialValues.isApiKey);
+    }
+  }, [formProps.initialValues?.isApiKey]);
+
+  const handleGenerateApiKey = () => {
+    const newKey = generateApiKey();
+    form.setFieldsValue({ apiKey: newKey });
+  };
+
+  const handleIsApiKeyChange = (checked: boolean) => {
+    setIsApiKey(checked);
+    if (checked && !form.getFieldValue("apiKey")) {
+      handleGenerateApiKey();
+    }
+    if (checked) {
+      form.setFieldsValue({ isActive: true });
+    }
+  };
+
+  formProps.onFinish = (values) => {
+    onFinish({ ...values, roles: JSON.stringify(values.roles) });
+  };
+
+  return (
+    <Modal
+      {...modalProps}
+      width={560}
+      onCancel={() => {
+        if (onCancel) {
+          onCancel();
+          return;
+        }
+        //TODO: modalProps.onCancel expect an event so, I used close. Actually both of them are same.
+        close();
+      }}
+      title={action === "create" ? "Create User" : "Edit User"}
+    >
+      <Form {...formProps} layout="vertical">
+        <Form.Item rules={[{ required: true }]} name="userid" label="User ID(WecomId 或者 太湖帐号名)">
+          <Input
+            placeholder="Please enter user ID"
+            onChange={(e) => {
+              if (action === "create" && !usernameTouched) {
+                form.setFieldsValue({ username: e.target.value });
+              }
+            }}
+          />
+        </Form.Item>
+
+        <Form.Item
+          rules={[{ required: true }]}
+          name="username"
+          label="Username(一般设置为和上面的 User ID 一样)"
+        >
+          <Input
+            placeholder="Please enter username"
+            onChange={() => {
+              if (!usernameTouched) setUsernameTouched(true);
+            }}
+          />
+        </Form.Item>
+
+        <Form.Item rules={[{ required: true }]} name="roles" label="Roles">
+          <Select
+            mode="multiple"
+            placeholder="Please select roles"
+            options={roleOptions}
+            loading={rolesLoading}
+          />
+        </Form.Item>
+
+        <Form.Item
+          name="isActive"
+          label="Is Active"
+          valuePropName="checked"
+          initialValue={true}
+        >
+          <Switch />
+        </Form.Item>
+
+        <Form.Item
+          name="isApiKey"
+          label="Is API Key User(用来提供给其他开发者以apikey的方式来访问)"
+          valuePropName="checked"
+        >
+          <Switch onChange={handleIsApiKeyChange} />
+        </Form.Item>
+
+        {isApiKey && (
+          <>
+            <Form.Item
+              label="API Key"
+              rules={[{ required: isApiKey, message: "Please generate API Key" }]}
+            >
+              <Space.Compact style={{ width: "100%" }}>
+                <Form.Item name="apiKey" noStyle>
+                  <Input
+                    placeholder="Click button to generate API Key"
+                    style={{ fontFamily: "monospace" }}
+                  />
+                </Form.Item>
+                <Button
+                  type="primary"
+                  icon={<ReloadOutlined />}
+                  onClick={handleGenerateApiKey}
+                >
+                  {form.getFieldValue("apiKey") ? "Regenerate" : "Generate"}
+                </Button>
+              </Space.Compact>
+            </Form.Item>
+
+            <Form.Item name="description" label="Description">
+              <Input.TextArea
+                rows={2}
+                placeholder="Please enter description for this API Key"
+              />
+            </Form.Item>
+          </>
+        )}
+      </Form>
+    </Modal>
+  );
+};