@gadmin2n/schematics 0.0.55

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

@@ -0,0 +1,465 @@
+import {
+  FieldDataType,
+  ModelType,
+  I18N_T,
+  ModelsFieldsTypeMap,
+  convertPrismaDecimal,
+} from "@gadmin2/react-common";
+import {
+  TextField,
+  DateField,
+  FilterDropdown,
+  ImageField,
+  FileField,
+  NumberField,
+  BooleanField,
+  EmailField,
+  UrlField,
+  ShowButton,
+  TagField,
+} from "@refinedev/antd";
+import { CheckCircleTwoTone, CloseCircleTwoTone } from "@ant-design/icons";
+import { FilterDropdownProps } from "antd/lib/table/interface";
+import { Select, Table, Space, SelectProps } from "antd";
+import {
+  CrudSorting,
+  CrudFilters,
+  unionFilters,
+  getDefaultSortOrder,
+  getDefaultFilter,
+  stringifyTableParams,
+} from "@refinedev/core";
+import { DefaultOptionType } from "antd/es/select";
+import { ModelConfig } from "generated/types/config.types";
+import { agentAttrs } from "../components/agentPanel/agentAttributes";
+import dayjs from 'dayjs';
+
+export function getTableParams(filters: Record<string, string> = {}) {
+  return stringifyTableParams({
+    pagination: { pageSize: 10, current: 1 },
+    sorters: [],
+    filters: Object.entries(filters).map(([field, value]) => ({
+      field,
+      operator: "eq",
+      value: encodeURIComponent(value),
+    })),
+  });
+}
+
+/**
+ * Context for table column rendering
+ */
+export interface TableColumnContext {
+  resourceName: string;
+  t: I18N_T;
+  model: ModelType;
+  modelsEnum: Record<string, Record<string, string>>;
+  modelsMap: ModelsFieldsTypeMap;
+  tableConfig: ModelConfig["table"];
+  sorter: CrudSorting | undefined;
+  filters: CrudFilters | undefined;
+  relationSelectProps: Record<
+    string,
+    SelectProps<{ value: string; label: string }, DefaultOptionType>
+  >;
+}
+
+/**
+ * Parameters for getTableColumn function
+ */
+export interface GetTableColumnParams {
+  col: FieldDataType;
+  context: TableColumnContext;
+}
+
+/**
+ * Get table column configuration for a field
+ * @deprecated Use the new object parameter version: getTableColumnV2
+ */
+export function getTableColumn(
+  col: FieldDataType,
+  resourceName: string,
+  t: I18N_T,
+  model: ModelType,
+  modelsEnum: Record<string, Record<string, string>>,
+  modelsMap: ModelsFieldsTypeMap,
+  tableConfig: ModelConfig["table"],
+  sorter: CrudSorting | undefined,
+  filters: CrudFilters | undefined,
+  relationSelectProps: Record<
+    string,
+    SelectProps<{ value: string; label: string }, DefaultOptionType>
+  >
+) {
+  return getTableColumnV2({
+    col,
+    context: {
+      resourceName,
+      t,
+      model,
+      modelsEnum,
+      modelsMap,
+      tableConfig,
+      sorter,
+      filters,
+      relationSelectProps,
+    },
+  });
+}
+
+/**
+ * Get table column configuration for a field (new object parameter version)
+ */
+export function getTableColumnV2({ col, context }: GetTableColumnParams) {
+  const {
+    resourceName,
+    t,
+    model,
+    modelsEnum,
+    modelsMap,
+    tableConfig,
+    sorter,
+    filters,
+    relationSelectProps,
+  } = context;
+
+  const { type: fieldType, args } = col.uiType.formItem;
+  const fieldName = col.name;
+  const props: any = {
+    dataIndex: fieldName.includes(".") ? fieldName.split(".") : fieldName,
+    key: fieldName,
+    title: t(`resources.${resourceName}.fields.${fieldName}`, fieldName),
+    render: (value: any) => <TextField value={value} />,
+  };
+
+  if (col.kind === "object" && !col.isList && !fieldName.includes(".")) {
+    const entityName = model[fieldName]?.type || "";
+    props.dataIndex = [fieldName, "id"];
+    props.key = `${fieldName}.id`;
+    props.title = t(
+      `resources.${resourceName}.fields.${fieldName}`,
+      t(`resources.${entityName.toLowerCase()}.name`, entityName)
+    );
+    props.render = (_: any, record: any) =>
+      record?.[fieldName]?.id !== undefined ? (
+        <ShowButton
+          icon={false}
+          type="link"
+          size="small"
+          resource={entityName.toLowerCase()}
+          recordItemId={record[fieldName].id}
+        >
+          {record[fieldName][modelsMap[entityName]?.meta?.nameKeys?.[0] || "id"]}
+        </ShowButton>
+      ) : null;
+  } else if (fieldName.startsWith("_count.")) {
+    const entityName = model[fieldName.split(".")[1]]?.type || "";
+    props.title = t(
+      `resources.${resourceName}.fields.${fieldName}`,
+      "Count " + t(`resources.${entityName.toLowerCase()}.name`, entityName)
+    );
+  } else if (fieldType === "DateTime") {
+    props.render = (value: any) => {
+      return <DateField value={value} format="YYYY-MM-DD HH:mm:ss" />;
+    };
+  } else if (["Int", "BigInt", "Float", "Decimal"].includes(fieldType)) {
+    props.render = (value: any) => {
+      // Handle Prisma Decimal objects (which have {s, e, d} keys from decimal.js)
+      const displayValue = convertPrismaDecimal(value);
+      if (
+        fieldName !== "id" &&
+        displayValue !== undefined &&
+        displayValue !== null &&
+        !isNaN(Number(displayValue))
+      ) {
+        return <NumberField value={displayValue ?? ""} />;
+      } else {
+        return <TextField value={displayValue} />;
+      }
+    };
+  } else if (fieldType === "Url") {
+    props.render = (value: any) => {
+      return <UrlField value={value} />;
+    };
+  } else if (fieldType === "Email") {
+    props.render = (value: any) => {
+      return <EmailField value={value} />;
+    };
+  } else if (fieldType === "Boolean") {
+    props.render = (value: any) => {
+      return (
+        <BooleanField
+          value={value}
+          trueIcon={<CheckCircleTwoTone twoToneColor="#52c41a" />}
+          falseIcon={<CloseCircleTwoTone twoToneColor="red" />}
+        />
+      );
+    };
+  } else if (fieldType === "Radio" || col.kind === "enum") {
+    props.render = (value: any) => {
+      return (
+        <TagField
+          value={t(
+            `resources.${resourceName}.enums.${fieldName}.${value}`,
+            String(value)
+          )}
+        />
+      );
+    };
+  } else if (fieldType === "CheckBox") {
+    props.render = (value: any) => {
+      return (
+        <Space>
+          {JSON.parse(value || "[]")?.map?.((v: string, index: number) => (
+            <TagField
+              key={index}
+              value={t(
+                `resources.${resourceName}.enums.${fieldName}.${v}`,
+                String(v)
+              )}
+            />
+          ))}
+        </Space>
+      );
+    };
+  } else if (fieldType === "Select") {
+    if (["multiple", "tags"].includes((args as any).mode)) {
+      props.render = (value: any) => {
+        return (
+          <Space>
+            {JSON.parse(value || "[]")?.map?.((v: string, index: number) => (
+              <TagField
+                key={index}
+                value={t(
+                  `resources.${resourceName}.enums.${fieldName}.${v}`,
+                  String(v)
+                )}
+              />
+            ))}
+          </Space>
+        );
+      };
+    } else {
+      props.render = (value: any) => {
+        return (
+          <TagField
+            value={t(
+              `resources.${resourceName}.enums.${fieldName}.${value}`,
+              String(value)
+            )}
+          />
+        );
+      };
+    }
+  } else if (fieldType === "Image") {
+    props.render = (value: any) => {
+      return (
+        <Space wrap>
+          {JSON.parse(value || "[]")?.map?.((img: any) => (
+            <ImageField
+              key={img?.response?.name}
+              value={img?.thumbUrl}
+              title={img?.name}
+              width={200}
+            />
+          ))}
+        </Space>
+      );
+    };
+  } else if (fieldType === "File") {
+    props.render = (value: any) => {
+      return (
+        <Space wrap>
+          {JSON.parse((value as any) || "[]")?.map?.((file: any) => (
+            <FileField
+              key={file?.response?.name}
+              src={file?.thumbUrl}
+              title={file?.name}
+            />
+          ))}
+        </Space>
+      );
+    };
+  }
+
+  if (tableConfig.header.sorter.includes(fieldName)) {
+    props.defaultSortOrder = getDefaultSortOrder(fieldName, sorter);
+    props.sorter = true;
+  }
+
+  if (tableConfig.header.filter.includes(fieldName)) {
+    const field = (model as any)[fieldName];
+    const { type: fieldType, args } = col.uiType.formItem;
+
+    if (
+      field.kind === "enum" ||
+      ["Radio", "Select", "CheckBox"].includes(fieldType)
+    ) {
+      let options = {};
+      if (field.kind === "enum") {
+        options = (modelsEnum as any)[field.type];
+      } else {
+        options = (args as any).options.reduce(
+          (acc: Record<string, string>, cur: string) => {
+            acc[cur] = cur;
+            return acc;
+          },
+          {}
+        );
+      }
+      props.filterDropdown = (p: FilterDropdownProps) => {
+        const { setSelectedKeys, confirm } = p;
+        return (
+          <FilterDropdown
+            {...p}
+            clearFilters={() => {
+              setSelectedKeys([]);
+              confirm?.();
+            }}
+          >
+            <Select
+              style={{ minWidth: 200 }}
+              mode="multiple"
+              placeholder={t(
+                `resources.${resourceName}.filters.${fieldName}`,
+                "Select value"
+              )}
+              options={Object.entries(options).map(([k, v]) => ({
+                value: v,
+                label: t(
+                  `resources.${resourceName}.enums.${fieldName}.${k}`,
+                  String(k)
+                ),
+              }))}
+            />
+          </FilterDropdown>
+        );
+      };
+      props.defaultFilteredValue = getDefaultFilter(fieldName, filters, "in");
+    } else if (field.kind === "object") {
+      props.filterDropdown = (p: FilterDropdownProps) => {
+        const { setSelectedKeys, confirm } = p;
+        return (
+          <FilterDropdown
+            {...p}
+            clearFilters={() => {
+              setSelectedKeys([]);
+              confirm?.();
+            }}
+            mapValue={(selectedKeys) =>
+              selectedKeys.map((i) => parseInt(i.toString()))
+            }
+          >
+            <Select
+              style={{ minWidth: 200 }}
+              mode="multiple"
+              placeholder={t(
+                `resources.${field.type.toLowerCase()}.name`,
+                String(field.type)
+              )}
+              {...relationSelectProps[field.name]}
+            />
+          </FilterDropdown>
+        );
+      };
+      props.defaultFilteredValue = getDefaultFilter(
+        `${field.name}.id`,
+        filters,
+        "in"
+      );
+    }
+  }
+
+  const agentHeaderAttrs = agentAttrs({
+    type: 'table-column',
+    field: fieldName,
+    resource: resourceName,
+    meta: {
+      fieldType: col.uiType.formItem.type,
+      sortable: tableConfig.header.sorter.includes(fieldName),
+      filterable: tableConfig.header.filter.includes(fieldName),
+    },
+  });
+
+  return (
+    <Table.Column
+      {...props}
+      {...col}
+      onHeaderCell={() => agentHeaderAttrs}
+    />
+  );
+}
+
+
+interface SearchFormOptions {
+  /** 日期字段名，设为 null 则不使用日期筛选，默认 'createdAt' */
+  dateField?: string | null;
+}
+
+/**                                                                                                                                    
+ * 从 parsedFilters 生成搜索表单的 initialValues                                                                                       
+ */
+export function getSearchFormInitialValues(
+  parsedFilters: any[],
+  options: SearchFormOptions = {}
+) {
+  const { dateField = 'createdAt' } = options;
+
+  const initialValues: Record<string, any> = {
+    q: parsedFilters.find((f: any) => f.field === 'q')?.value,
+  };
+
+  // 仅当 dateField 存在时才处理日期筛选                                                                                               
+  if (dateField) {
+    const hasDateFilter = parsedFilters.find(
+      (f: any) => f.field === dateField && f.operator === 'gte'
+    );
+
+    initialValues[dateField] = hasDateFilter
+      ? [
+        dayjs(parsedFilters.find((f: any) => f.field === dateField && f.operator === 'gte')?.value),
+        dayjs(parsedFilters.find((f: any) => f.field === dateField && f.operator === 'lte')?.value),
+      ]
+      : [undefined, undefined];
+  }
+
+  return initialValues;
+}
+
+/**                                                                                                                                    
+ * 创建搜索表单的 onFinish 处理函数                                                                                                    
+ */
+export function createSearchFormOnFinish(
+  setCurrent: (page: number) => void,
+  setFilters: (fn: (prev: CrudFilters) => CrudFilters) => void,
+  options: SearchFormOptions = {}
+) {
+  const { dateField = 'createdAt' } = options;
+  const filterFields = dateField ? ['q', dateField] : ['q'];
+
+  return (values: any) => {
+    const fs: CrudFilters = [];
+    const trimedQ = (values.q || '').trim();
+
+    // 处理日期筛选                                                                                                                    
+    if (dateField) {
+      const dateValue = values[dateField];
+      if (dateValue && dateValue[0]) {
+        fs.push(
+          { field: dateField, operator: 'gte', value: dateValue[0]?.toISOString?.() },
+          { field: dateField, operator: 'lte', value: dateValue[1]?.toISOString?.() }
+        );
+      }
+    }
+
+    // 处理关键词筛选                                                                                                                  
+    if (trimedQ) {
+      fs.push({ field: 'q', operator: 'eq', value: trimedQ });
+    }
+
+    setCurrent(1);
+    setFilters((prevFilters) =>
+      unionFilters([], fs, prevFilters.filter((item: any) => !filterFields.includes(item.field)))
+    );
+  };
+}

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

@@ -0,0 +1,124 @@
+import axios from "axios";
+import { GadminCrud as gadminDataProvider } from "@gadmin2/react-common";
+import { HttpError } from "@refinedev/core";
+import { getApiUrl, getUrlParams } from "./utils";
+import Cookies from "js-cookie";
+
+export const GAdminTokenName = "gadmin-token";
+
+type LoginCookie = {
+  gadminToken?: string;
+};
+
+const axiosInstance = axios.create();
+
+axiosInstance.interceptors.request.use(
+  (config) => {
+    if (config.headers) {
+      const headers = requestHeaders();
+      Object.assign(config.headers, headers);
+    }
+    return config;
+  },
+  (error) => {
+    return Promise.reject(error);
+  }
+);
+
+axiosInstance.interceptors.response.use(
+  (response) => {
+    return response;
+  },
+  (error) => {
+    if (error?.response?.status === 401) {
+      console.log("login expired");
+      login();
+      // 返回pending状态的promise，以免后续代码出错
+      return new Promise(() => {});
+    }
+    let message = error.response?.data?.message;
+    if (message) {
+      if (Array.isArray(message)) {
+        message = message.join(" AND ");
+      } else if (typeof message === "string") {
+        if (message.includes("Unique constraint")) {
+          message = `Unique constraint ${
+            message.split("Unique constraint")[1]
+          }`;
+        } else {
+          let strings = message.split(")");
+          message = strings[strings.length - 1];
+        }
+      }
+    }
+    const customError: HttpError = {
+      ...error,
+      message: `${error?.response?.statusText || ""}: ${message}`,
+      statusCode: error?.response?.status || 500,
+    };
+
+    return Promise.reject(customError);
+  }
+);
+
+const apiUrl = getApiUrl();
+export const gadminCrudProvider = gadminDataProvider(apiUrl, axiosInstance);
+
+export function login() {
+  // woa域名直接刷新页面
+  if (window.location.hostname.endsWith(".woa.com")) {
+    window.location.reload();
+    return;
+  }
+  clearLoginCookie();
+  window.location.href = `${apiUrl}/login?redirect_url=${encodeURIComponent(
+    window.location.href
+  )}`;
+}
+
+export function logout() {
+  clearLoginCookie();
+  window.location.href = `${apiUrl}/logout?redirect_url=${encodeURIComponent(
+    window.location.origin
+  )}`;
+}
+
+/**
+ * 通过cookie检测是否登录及参数转cookie(for dev)
+ */
+export function checkLogin(): boolean {
+  if (window.location.hostname.endsWith(".woa.com")) {
+    return true;
+  }
+
+  if (Cookies.get(GAdminTokenName)) {
+    return true;
+  }
+
+  const params = getUrlParams();
+  const gadminToken = params[GAdminTokenName];
+  if (gadminToken) {
+    setLoginCookie({ gadminToken });
+    return true;
+  }
+
+  return false;
+}
+
+export function setLoginCookie({ gadminToken }: Required<LoginCookie>) {
+  const expires = 1; // 本地登录态缓存1天
+  Cookies.set(GAdminTokenName, gadminToken, { expires });
+}
+
+export function clearLoginCookie() {
+  Cookies.remove(GAdminTokenName);
+}
+
+export function requestHeaders() {
+  const gadminToken = Cookies.get(GAdminTokenName);
+  const headers = {
+    "X-Requested-With": "XMLHttpRequest",
+    ...(gadminToken && { [GAdminTokenName]: gadminToken }),
+  };
+  return headers;
+}