@gadmin2n/schematics 0.0.69 → 0.0.71

package/src/lib/application/files/gadmin2-game-angle-demo/web/src/enums/audit-log.enum.ts

@@ -0,0 +1,13 @@
+export enum AuditLogActionEnum {
+  create = 'create',
+  update = 'update',
+  delete = 'delete',
+  download = 'download',
+}
+
+export const auditLogActionOptions = [
+  { label: 'Create', value: AuditLogActionEnum.create },
+  { label: 'Update', value: AuditLogActionEnum.update },
+  { label: 'Delete', value: AuditLogActionEnum.delete },
+  { label: 'Download', value: AuditLogActionEnum.download },
+];

package/src/lib/application/files/gadmin2-game-angle-demo/web/src/enums/index.ts

@@ -0,0 +1 @@
+export * from './audit-log.enum';

package/src/lib/application/files/gadmin2-game-angle-demo/web/src/helpers/form.tsx

@@ -0,0 +1,471 @@
+import {
+  FieldDataType,
+  I18N_T,
+  ModelType,
+  omit,
+  whenIsTrue,
+  convertPrismaDecimal,
+  isPrismaDecimal,
+} from '@gadmin2n/react-common';
+import { getValueFromEvent } from '@refinedev/antd';
+import { useList } from '@refinedev/core';
+import { useMemo } from 'react';
+import { UploadFile } from 'antd/lib/upload/interface';
+import {
+  SelectProps,
+  Form,
+  Upload,
+  Select,
+  Input,
+  AutoComplete,
+  FormInstance,
+  InputNumber,
+  DatePicker,
+  Switch,
+  Checkbox,
+  Radio,
+} from 'antd';
+import VanillaJSONEditor from '../components/VanillaJSONEditor';
+
+function DynamicAutoComplete({
+  resourceName,
+  fieldName,
+  disabled,
+}: {
+  resourceName: string;
+  fieldName: string;
+  disabled?: boolean;
+}) {
+  const { data } = useList({
+    resource: resourceName,
+    pagination: { pageSize: 1000 },
+    meta: { select: { [fieldName]: true } },
+  });
+
+  const options = useMemo(() => {
+    const values = (data?.data ?? [])
+      .map((item: any) => item[fieldName])
+      .filter((v: any) => v !== undefined && v !== null && v !== '');
+    return Array.from(new Set(values)).map((v) => ({ value: v as string }));
+  }, [data, fieldName]);
+
+  return (
+    <AutoComplete
+      options={options}
+      filterOption={(input, option) =>
+        (option?.value ?? '').toLowerCase().includes(input.toLowerCase())
+      }
+      allowClear
+      disabled={disabled}
+    />
+  );
+}
+
+import { agentAttrs } from '../components/agentPanel/agentAttributes';
+import MDEditor from '@uiw/react-md-editor';
+import { DefaultOptionType } from 'antd/es/select';
+import { UploadChangeParam } from 'antd/es/upload';
+import { ModelConfig } from 'generated/types/config.types';
+import dayjs from 'dayjs';
+
+function getDependanceFields(config: ModelConfig['form']['reaction'] = {}) {
+  const dependencies: string[] = [];
+  Object.values(config).forEach(({ toggle }) =>
+    toggle.forEach(({ when }) => dependencies.push(...Object.keys(when))),
+  );
+  return dependencies;
+}
+export function onFormValuesChange(
+  form: any,
+  config: ModelConfig['form']['reaction'] = {},
+) {
+  const dependencies = getDependanceFields(config);
+  return (
+    changedValues: Record<string, any>,
+    allValues: Record<string, any>,
+  ) => {
+    if (Object.keys(changedValues).some((key) => dependencies.includes(key))) {
+      Object.entries(config).forEach(([k, v]) => {
+        let matched = false;
+        v.toggle.forEach(({ props, when }) => {
+          if (whenIsTrue(when, allValues)) {
+            matched = true;
+            if (props?.hasOwnProperty?.('value')) {
+              form.setFieldValue(k, props.value);
+            }
+            if (props.hidden) {
+              if (form.getFieldError(k)?.length) {
+                form.setFieldValue(k, undefined);
+                form.validateFields([k]);
+              }
+            }
+          }
+        });
+        if (!matched && v.defaultProps) {
+          if (v.defaultProps?.hasOwnProperty?.('value')) {
+            form.setFieldValue(k, v.defaultProps.value);
+          }
+          if (v.defaultProps.hidden) {
+            if (form.getFieldError(k)?.length) {
+              form.setFieldValue(k, undefined);
+              form.validateFields([k]);
+            }
+          }
+        }
+      });
+    }
+  };
+}
+
+function getConfigProperty(
+  fieldName: string,
+  form: FormInstance<any>,
+  config: ModelConfig['form']['reaction'] = {},
+) {
+  if (!config[fieldName]) {
+    return {};
+  }
+
+  const values = form.getFieldsValue();
+  const toggle = config[fieldName].toggle.find(({ when }) =>
+    whenIsTrue(when, values),
+  );
+  if (toggle) {
+    return toggle.props;
+  }
+  return config[fieldName]?.defaultProps || {};
+}
+
+function getElement(
+  field: FieldDataType,
+  resourceName: string,
+  t: I18N_T,
+  form: FormInstance<any>,
+  config: ModelConfig['form']['reaction'],
+  modelsEnum: Record<string, Record<string, string>>,
+  model: ModelType,
+  apiUrl: string,
+  relationSelectProps: Record<
+    string,
+    SelectProps<
+      {
+        value: string;
+        label: string;
+      },
+      DefaultOptionType
+    >
+  >,
+  onUploadFileStateChange: (info: UploadChangeParam<UploadFile<any>>) => void,
+) {
+  const { type: fieldType, args } = field.uiType.formItem;
+  const fieldName = field.name;
+  let element: JSX.Element;
+  const fieldProps = getConfigProperty(fieldName, form, config);
+  const required = !!fieldProps.required;
+  const hidden = !!fieldProps.hidden;
+  const readonly = !!fieldProps.readonly;
+  const showOptions = fieldProps.options;
+  const tooltip = field.uiType?.tooltip;
+  const itemProps = {
+    label: t(
+      `resources.${resourceName}.fields.${fieldName}`,
+      fieldName.endsWith('.connect')
+        ? t(
+            `resources.${
+              model[fieldName.split('.')[0]]?.type?.toLowerCase() || ''
+            }.name`,
+            model[fieldName.split('.')[0]]?.type,
+          )
+        : fieldName,
+    ),
+
+    ...field,
+
+    key: fieldName,
+    name: fieldName.endsWith('.connect')
+      ? [fieldName.split('.')[0], field.isList ? 'ids' : 'id']
+      : fieldName,
+    rules: [
+      {
+        required: field.isRequired || required,
+      },
+      field.validator,
+      ...(field.rules || []),
+    ],
+    hidden,
+    ...(tooltip && { tooltip }),
+  };
+  if (field.component) {
+    element = <Form.Item {...itemProps}>{field.component}</Form.Item>;
+  } else if ('File' === fieldType || 'Image' === fieldType) {
+    element = (
+      <Form.Item {...omit(itemProps, ['name'])}>
+        <Form.Item
+          name={itemProps.name}
+          valuePropName="fileList"
+          getValueFromEvent={getValueFromEvent}
+          noStyle
+        >
+          <Upload.Dragger
+            disabled={readonly}
+            name="file"
+            action={apiUrl + `/${resourceName}/upload`}
+            listType={fieldType === 'Image' ? 'picture' : 'text'}
+            maxCount={args.maxCount || 1}
+            multiple={(args.maxCount || 1) > 1}
+            accept={args.accept || '*'}
+            onChange={onUploadFileStateChange}
+          >
+            <p className="ant-upload-text">
+              {t('form.uploadPlaceholder', 'Drag & drop a file in this area')}
+            </p>
+          </Upload.Dragger>
+        </Form.Item>
+      </Form.Item>
+    );
+  } else if ('Email' === fieldType) {
+    element = (
+      <Form.Item {...itemProps} rules={[{ type: 'email' }, ...itemProps.rules]}>
+        <Input disabled={readonly} />
+      </Form.Item>
+    );
+  } else if ('Url' === fieldType) {
+    element = (
+      <Form.Item {...itemProps} rules={[{ type: 'url' }, ...itemProps.rules]}>
+        <Input disabled={readonly} />
+      </Form.Item>
+    );
+  } else if (fieldName.endsWith('.connect')) {
+    element = (
+      <Form.Item {...itemProps}>
+        <Select
+          {...(relationSelectProps as any)[fieldName.split('.')[0]]}
+          mode={field.isList ? 'multiple' : undefined}
+          disabled={readonly}
+        />
+      </Form.Item>
+    );
+  } else if (field.kind === 'enum') {
+    element = (
+      <Form.Item {...itemProps}>
+        <Select
+          showSearch
+          options={Object.entries((modelsEnum as any)[field.type])
+            .filter(
+              ([k, v]) => !showOptions || showOptions.includes(v as string),
+            )
+            .map(([k, v]) => ({
+              value: v,
+              label: t(`resources.${resourceName}.enums.${fieldName}.${k}`, k),
+            }))}
+          disabled={readonly}
+        />
+      </Form.Item>
+    );
+  } else if (fieldType === 'Select') {
+    element = (
+      <Form.Item {...itemProps}>
+        <Select
+          showSearch
+          mode={args.mode}
+          options={(showOptions || args.options).map((value: string) => ({
+            value,
+            label: t(
+              `resources.${resourceName}.enums.${fieldName}.${value}`,
+              value,
+            ),
+          }))}
+          disabled={readonly}
+        />
+      </Form.Item>
+    );
+  } else if (fieldType === 'AutoComplete') {
+    element = (
+      <Form.Item {...itemProps}>
+        <DynamicAutoComplete
+          resourceName={resourceName}
+          fieldName={fieldName}
+          disabled={readonly}
+        />
+      </Form.Item>
+    );
+  } else if (fieldType === 'CheckBox') {
+    element = (
+      <Form.Item {...itemProps}>
+        <Checkbox.Group
+          options={(showOptions || args.options).map((value: string) => ({
+            value,
+            label: t(
+              `resources.${resourceName}.enums.${fieldName}.${value}`,
+              value,
+            ),
+          }))}
+          disabled={readonly}
+        />
+      </Form.Item>
+    );
+  } else if (fieldType === 'Radio') {
+    element = (
+      <Form.Item {...itemProps}>
+        <Radio.Group
+          options={(showOptions || args.options).map((value: string) => ({
+            value,
+            label: t(
+              `resources.${resourceName}.enums.${fieldName}.${value}`,
+              value,
+            ),
+          }))}
+          disabled={readonly}
+        />
+      </Form.Item>
+    );
+  } else if (fieldType === 'Markdown') {
+    element = (
+      <Form.Item {...itemProps}>
+        <MDEditor data-color-mode="light" />
+      </Form.Item>
+    );
+  } else if ((fieldType as any) === 'JSON') {
+    element = (
+      <Form.Item {...itemProps}>
+        <VanillaJSONEditor readOnly={readonly} validator={field.ajvValidator} />
+      </Form.Item>
+    );
+  } else if (fieldType === 'Int' || fieldType === 'BigInt') {
+    element = (
+      <Form.Item
+        {...itemProps}
+        rules={[{ type: 'integer' }, ...itemProps.rules]}
+      >
+        <InputNumber disabled={readonly} />
+      </Form.Item>
+    );
+  } else if (fieldType === 'Float' || fieldType === 'Decimal') {
+    element = (
+      <Form.Item
+        {...itemProps}
+        rules={[{ type: 'number' }, ...itemProps.rules]}
+        getValueProps={(value) => ({
+          value: isPrismaDecimal(value)
+            ? Number(convertPrismaDecimal(value))
+            : value,
+        })}
+      >
+        <InputNumber disabled={readonly} />
+      </Form.Item>
+    );
+  } else if (fieldType === 'Boolean') {
+    element = (
+      <Form.Item {...itemProps} valuePropName="checked">
+        <Switch disabled={readonly} />
+      </Form.Item>
+    );
+  } else if (fieldType === 'DateTime') {
+    element = (
+      <Form.Item
+        {...itemProps}
+        getValueProps={(value) => ({
+          value: value ? dayjs(value) : '',
+        })}
+        rules={[
+          {
+            required: field.isRequired || required,
+          },
+          { type: 'date' },
+        ]}
+      >
+        <DatePicker showTime disabled={readonly} />
+      </Form.Item>
+    );
+  } else if (fieldType === 'Text') {
+    element = (
+      <Form.Item {...itemProps}>
+        <Input.TextArea rows={args.rows || 5} disabled={readonly} />
+      </Form.Item>
+    );
+  } else {
+    element = (
+      <Form.Item {...itemProps}>
+        <Input disabled={readonly} />
+      </Form.Item>
+    );
+  }
+
+  return element;
+}
+
+export function getFormItem(
+  field: FieldDataType,
+  resourceName: string,
+  t: I18N_T,
+  form: FormInstance<any>,
+  config: ModelConfig['form']['reaction'],
+  modelsEnum: Record<string, Record<string, string>>,
+  model: ModelType,
+  apiUrl: string,
+  relationSelectProps: Record<
+    string,
+    SelectProps<
+      {
+        value: string;
+        label: string;
+      },
+      DefaultOptionType
+    >
+  >,
+  onUploadFileStateChange: (info: UploadChangeParam<UploadFile<any>>) => void,
+) {
+  const fieldAgentAttrs = agentAttrs({
+    type: 'form-field',
+    field: field.name,
+    resource: resourceName,
+    meta: { fieldType: field.uiType.formItem.type, required: field.isRequired },
+  });
+
+  if (config && config.hasOwnProperty(field.name)) {
+    const dependencies = Object.keys(
+      config[field.name].toggle.reduce((acc: {}, { when }) => {
+        Object.assign(acc, when);
+        return acc;
+      }, {}),
+    );
+
+    return (
+      <div {...fieldAgentAttrs}>
+        <Form.Item noStyle dependencies={dependencies}>
+          {() => {
+            return getElement(
+              field,
+              resourceName,
+              t,
+              form,
+              config,
+              modelsEnum,
+              model,
+              apiUrl,
+              relationSelectProps,
+              onUploadFileStateChange,
+            );
+          }}
+        </Form.Item>
+      </div>
+    );
+  } else {
+    return (
+      <div {...fieldAgentAttrs}>
+        {getElement(
+          field,
+          resourceName,
+          t,
+          form,
+          config,
+          modelsEnum,
+          model,
+          apiUrl,
+          relationSelectProps,
+          onUploadFileStateChange,
+        )}
+      </div>
+    );
+  }
+}

package/src/lib/application/files/gadmin2-game-angle-demo/web/src/helpers/get-name-initials.ts

@@ -0,0 +1,8 @@
+export const getNameInitials = (name: string, count = 2) => {
+  const initials = name
+    .split(' ')
+    .map((n) => n[0])
+    .join('');
+  const filtered = initials.replace(/[^a-zA-Z]/g, '');
+  return filtered.slice(0, count).toUpperCase();
+};

package/src/lib/application/files/gadmin2-game-angle-demo/web/src/helpers/get-random-color.ts

@@ -0,0 +1,27 @@
+/*
+ * generates random colors from  https://ant.design/docs/spec/colors. <color-4> used.
+ */
+export const getRandomColorFromString = (text: string) => {
+  const colors = [
+    '#ff9c6e',
+    '#ff7875',
+    '#ffc069',
+    '#ffd666',
+    '#fadb14',
+    '#95de64',
+    '#5cdbd3',
+    '#69c0ff',
+    '#85a5ff',
+    '#b37feb',
+    '#ff85c0',
+  ];
+
+  let hash = 0;
+  for (let i = 0; i < text.length; i++) {
+    hash = text.charCodeAt(i) + ((hash << 5) - hash);
+    hash = hash & hash;
+  }
+  hash = ((hash % colors.length) + colors.length) % colors.length;
+
+  return colors[hash];
+};

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

@@ -0,0 +1,84 @@
+import axios from 'axios';
+import {
+  GadminCrud as gadminDataProvider,
+  applyErrorInterceptor,
+  customRequest as baseCustomRequest,
+} from '@gadmin2n/react-common';
+import { login, requestHeaders } from './login';
+import { getApiUrl } from 'config/http';
+// Re-export Prisma helpers from react-common for backward compatibility
+export { convertPrismaDecimal, isPrismaDecimal } from '@gadmin2n/react-common';
+
+const apiUrl = getApiUrl();
+
+const axiosInstance = axios.create();
+
+// 注入 auth header
+axiosInstance.interceptors.request.use(
+  (config) => {
+    if (config.headers) {
+      Object.assign(config.headers, requestHeaders());
+    }
+    return config;
+  },
+  (error) => Promise.reject(error),
+);
+
+// 处理 401 跳转登录、403 跳权限页（app 层特有逻辑，须在 applyErrorInterceptor 之前注册）
+axiosInstance.interceptors.response.use(
+  (response) => response,
+  (error) => {
+    if (error?.response?.status === 401) {
+      console.log('login expired');
+      login();
+      // 返回pending状态的promise，以免后续代码出错
+      return new Promise(() => {});
+    }
+    if (error?.response?.status === 403) {
+      // 已经在 /403 页面则不再跳转，防止死循环
+      if (!window.location.pathname.endsWith('/403')) {
+        window.location.href = '/403';
+      }
+      return new Promise(() => {});
+    }
+    return Promise.reject(error);
+  },
+);
+
+// 统一错误格式化（复用公共库逻辑，消除重复代码）
+applyErrorInterceptor(axiosInstance);
+
+export const gadminCrudProvider = gadminDataProvider(apiUrl, axiosInstance);
+
+/**
+ * 直接用 fetch 发 findMany 请求（绕开 refine DataProvider，适合非 React 上下文）
+ */
+export async function findMany<T>(
+  resource: string,
+  params: Record<string, any>,
+): Promise<T[]> {
+  const url = `${apiUrl}/${resource}/findMany`;
+  const res = await fetch(url, {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json',
+      ...requestHeaders(),
+    },
+    body: JSON.stringify(params),
+  });
+  if (!res.ok) throw new Error(`findMany ${resource} failed: ${res.status}`);
+  const data = await res.json();
+  return (data.data ?? []) as T[];
+}
+
+/**
+ * 向后端发送原始 HTTP 请求（绕开 refine DataProvider）。
+ * 底层复用公共库的 customRequest，自动携带当前 app 的 auth header 及错误拦截。
+ */
+export async function customRequest<T>(
+  urlPath: string,
+  method: string,
+  params?: Record<string, any>,
+) {
+  return baseCustomRequest<T>(axiosInstance, apiUrl, urlPath, method, params);
+}

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

@@ -0,0 +1,8 @@
+export * from './list';
+export * from './form';
+export * from './show';
+export * from './login';
+export * from './utils';
+export * from './http';
+export * from './get-name-initials';
+export * from './get-random-color';