@cfmm/umi-plugins-ui-v2 0.0.1

package/dist/cjs/components/fileTypeMap.tpl

@@ -0,0 +1,96 @@
+// 所有文件类型
+export const fileTypeMap = {
+  // Excel文件
+  '.xlsx': ['application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'],
+  '.xls': ['application/vnd.ms-excel', 'application/x-excel', 'application/x-msexcel'],
+
+  // PDF文件
+  '.pdf': ['application/pdf'],
+
+  // Word文件
+  '.doc': ['application/msword'],
+  '.docx': ['application/vnd.openxmlformats-officedocument.wordprocessingml.document'],
+
+  // PowerPoint文件
+  '.ppt': ['application/vnd.ms-powerpoint'],
+  '.pptx': ['application/vnd.openxmlformats-officedocument.presentationml.presentation'],
+
+  // 图片文件
+  '.jpg': ['image/jpeg', 'image/jpg'],
+  '.jpeg': ['image/jpeg', 'image/jpg'],
+  '.webp': ['image/webp'],
+  '.png': ['image/png'],
+  '.gif': ['image/gif'],
+  '.bmp': ['image/bmp'],
+
+  // 文本文件
+  '.txt': ['text/plain'],
+  '.csv': ['text/csv', 'application/vnd.ms-excel'],
+
+  // 压缩文件
+  '.zip': ['application/zip', 'application/x-zip-compressed', 'application/x-zip'],
+  '.rar': ['application/x-rar-compressed', 'application/x-rar'],
+  '.7z': ['application/x-7z-compressed'],
+  '.tar': ['application/x-tar', 'application/tar'],
+  '.gz': ['application/gzip', 'application/x-gzip'],
+
+  // 音频文件
+  '.mp3': ['audio/mpeg', 'audio/mp3', 'audio/x-mpeg', 'audio/x-mp3'],
+  '.wav': ['audio/wav', 'audio/x-wav', 'audio/wave', 'audio/vnd.wave'],
+
+  // 视频文件
+  '.mp4': ['video/mp4', 'application/mp4', 'video/x-mp4'],
+  '.avi': ['video/x-msvideo', 'video/avi', 'video/msvideo'],
+  '.mov': ['video/quicktime', 'video/x-quicktime'],
+  '.ts': ['video/mp2t', 'video/vnd.dlna.mpeg-tts', 'video/mpeg'],
+
+  // 移动应用程序
+  '.apk': ['application/vnd.android.package-archive', 'application/x-apk'],
+  '.ipa': ['application/x-itunes-ipa'],
+  '.aab': ['application/x-aab', 'application/vnd.android.bundle'], // Android App Bundle
+
+  // 可执行文件
+  '.exe': ['application/x-msdownload', 'application/x-executable'],
+  '.msi': ['application/x-msi', 'application/x-msdownload'],
+  '.dll': ['application/x-msdownload'],
+  '.bat': ['application/x-bat', 'application/bat', 'text/plain'],
+  '.cmd': ['application/cmd', 'text/plain'],
+
+  // 字体文件
+  '.ttf': ['font/ttf'],
+  '.otf': ['font/otf'],
+  '.woff': ['font/woff'],
+  '.woff2': ['font/woff2'],
+
+  // 开发相关文件
+  '.json': ['application/json'],
+  '.xml': ['application/xml', 'text/xml'],
+  '.html': ['text/html'],
+  '.htm': ['text/html'],
+  '.css': ['text/css'],
+  '.js': ['text/javascript', 'application/javascript'],
+  '.jsx': ['text/jsx'],
+  '.tsx': ['text/tsx'],
+
+  // 数据库文件
+  '.sql': ['application/sql', 'application/x-sql'],
+  '.db': ['application/x-sqlite3'],
+  '.sqlite': ['application/x-sqlite3'],
+
+  // 3D 和设计文件
+  '.obj': ['model/obj'],
+  '.stl': ['model/stl'],
+  '.dwg': ['application/acad'],
+  '.psd': ['image/vnd.adobe.photoshop'],
+  '.ai': ['application/postscript'],
+  '.eps': ['application/postscript'],
+  '.sketch': ['application/octet-stream'],
+
+  // 其他常用文件
+  '.md': ['text/markdown'],
+  '.yaml': ['application/x-yaml', 'text/yaml'],
+  '.yml': ['application/x-yaml', 'text/yaml'],
+  '.ini': ['text/plain'],
+  '.log': ['text/plain'],
+  '.env': ['text/plain'],
+};

package/dist/cjs/components/renderAuthorize.tpl

@@ -0,0 +1,44 @@
+// @ts-nocheck
+// This file is generated by Umi automatically
+// DO NOT CHANGE IT MANUALLY!
+/* eslint-disable eslint-comments/disable-enable-pair */
+/* eslint-disable import/no-mutable-exports */
+let CURRENT: string | string[] = 'NULL';
+
+type CurrentAuthorityType = string | string[] | (() => typeof CURRENT);
+/**
+ * use  authority or getAuthority
+ * @param {string|()=>String} currentAuthority
+ */
+const renderAuthorize = <T,>(Authorized: T): ((currentAuthority: CurrentAuthorityType) => T) => (
+  currentAuthority: CurrentAuthorityType,
+): T => {
+
+  /**
+   * 获取当前权限
+   */
+  // console.log(`currentAuthority(当前用户权限组)==>${currentAuthority}`)
+
+  if (currentAuthority) {
+    if (typeof currentAuthority === 'function') {
+      CURRENT = currentAuthority();
+    }
+    if (
+      Object.prototype.toString.call(currentAuthority) === '[object String]' ||
+      Array.isArray(currentAuthority)
+    ) {
+      CURRENT = currentAuthority as string[];
+    }
+  } else {
+    CURRENT = 'NULL';
+  }
+
+  /**
+   * 获取权限方法
+   */
+  // console.log(`获取currentAuthority==》${Authorized}`)
+  return Authorized;
+};
+
+export { CURRENT };
+export default <T,>(Authorized: T) => renderAuthorize<T>(Authorized);

package/dist/cjs/context/KeepAliveTabs.tpl

@@ -0,0 +1,13 @@
+import { createContext } from 'react'
+import { KeepAliveTabContextType } from '../types'
+
+const defaultValue = {
+  refreshTab: () => { },
+  closeTab: () => { },
+  closeOtherTab: () => { },
+  onShow: () => { },
+  onHidden: () => { },
+}
+
+
+export const KeepAliveTabContext = createContext<KeepAliveTabContextType>(defaultValue);

package/dist/cjs/context/index.tpl

@@ -0,0 +1 @@
+export { KeepAliveTabContext } from './KeepAliveTabs';

package/dist/cjs/hooks/useAction.tpl

@@ -0,0 +1,126 @@
+import { AxiosError } from '@umijs/max';
+import { App, message as antdMessage } from 'antd';
+import { useState } from 'react';
+import { API } from '../types';
+import useActionLocales from './useActionLocales';
+
+// 支持两种函数签名的ActionFn类型
+export type ActionFn<T, K> =
+  | ((params: T, url?: string) => Promise<API.Result_Base<K>>)
+  | ((method: API.MethodTypes, params: T, url?: string) => Promise<API.Result_Base<K>>);
+
+type Options<T, K> = {
+  // loading时的提示内容，false时不显示
+  waitingMsg?: string | false;
+  // 操作失败时的提示内容，false时不显示
+  failMsg?: string | false;
+  // 操作成功时的提示内容，false时不显示(GET请求设置false无效，但是给string就会显示message提示)
+  successMsg?: string | false;
+  // 操作的后端接口方法
+  actionFn: ActionFn<T, K>;
+  // 错误的回调
+  errCallback?: (method: API.AllMethodTypes, err: Error) => void;
+  // 显示提示
+  showMsg?: boolean;
+};
+
+interface IProps {
+  baseLocalCode?: string;
+  baseLocalName?: string;
+}
+
+const useAction = (props: IProps = {}) => {
+  const { baseLocalCode, baseLocalName } = props;
+  const appContext = App.useApp();
+  const message = appContext?.message && Object.keys(appContext.message).length ? appContext.message : antdMessage;
+  const { getActionLocales } = useActionLocales({ baseLocalCode, baseLocalName });
+  const [loading, setLoading] = useState<boolean>(false);
+  const [error, setError] = useState<AxiosError>();
+
+  /**
+   * 列表的操作方法
+   * @param method 请求方式
+   * @param params 传给后端的参数
+   * @param {Options} options
+   * @returns {{success: boolean; data?: K | null}}
+   */
+  async function doAction<T = API.TableListParams, K = any>(
+    method: API.AllMethodTypes,
+    params: T,
+    options: Omit<Options<T, K>, 'actionFn'> & { actionFn: any },
+    url?: string,
+  ): Promise<{ success: boolean; data?: K | null; error?: AxiosError | null }> {
+    setLoading(true);
+
+    const { actionFn, waitingMsg, successMsg, failMsg, showMsg = true, errCallback } = options;
+
+    let success: boolean = false;
+    let data: K | null = null;
+    let fnError: AxiosError | null = null;
+    let hide;
+
+    if (showMsg && waitingMsg !== false) {
+      const { waitingMsg: waitingMessage } = getActionLocales(method);
+      hide = message.loading(waitingMsg || waitingMessage, 0);
+    }
+
+    let requestMethod: API.MethodTypes = 'GET';
+    if (method === 'SAVE' || method === 'IMPORT' || method === 'EXPORT') {
+      requestMethod = 'POST';
+    } else if (method === 'GAIN') {
+      requestMethod = 'GET';
+    } else if (method === 'SUBMIT') {
+      requestMethod = 'PUT';
+    } else {
+      requestMethod = method;
+    }
+
+    try {
+      // 根据actionFn的参数数量决定如何调用
+      let result: API.Result_Base<K>;
+      if (actionFn.length === 1 || (actionFn.length === 2 && url)) {
+        // actionFn只接受一个参数(params)或两个参数(params, url)
+        result = await (actionFn as (params: T, url?: string) => Promise<API.Result_Base<K>>)(params, url);
+      } else {
+        // actionFn接受method参数
+        result = await (actionFn as (method: API.MethodTypes, params: T, url?: string) => Promise<API.Result_Base<K>>)(
+          requestMethod,
+          params,
+          url,
+        );
+      }
+
+      // 返回数据处理
+      if (result && result.code === 200) {
+        if(requestMethod === 'GET' && successMsg && showMsg) {
+          message.success(successMsg);
+        }
+        if(requestMethod !== 'GET' && showMsg && successMsg !== false) {
+          const { successMsg: successMessage } = getActionLocales(method);
+          message.success(successMsg || successMessage);
+        }
+        success = true;
+        if (result.data) {
+          data = result.data;
+        }
+      }
+
+      hide?.();
+    } catch (error: any) {
+      setError(error);
+      fnError = error;
+      hide?.();
+      if (errCallback) {
+        errCallback(method, error);
+      } else if (showMsg && failMsg !== false) {
+        message.error(failMsg || getActionLocales(method, JSON.stringify(error)).failMsg);
+      }
+    }
+    setLoading(false);
+    return { success, data, error: fnError };
+  }
+
+  return { doAction, loading, error };
+};
+
+export default useAction;

package/dist/cjs/hooks/useActionLocales.tpl

@@ -0,0 +1,108 @@
+import { useIntl } from '@umijs/max';
+import { API } from '../types';
+
+type GetTableListActionLocalesFn = (
+  type: API.AllMethodTypes,
+  errorMsg?: string,
+) => {
+  waitingMsg: string;
+  successMsg: string;
+  failMsg: string;
+};
+
+type UseTableListActionLocalesFn = (params: { baseLocalCode?: string; baseLocalName?: string }) => {
+  getActionLocales: GetTableListActionLocalesFn;
+};
+
+export const getTableListActionTypeName = {
+  GET: {
+    code: 'query',
+    name: '查询',
+  },
+  POST: {
+    code: 'create',
+    name: '新增',
+  },
+  PUT: {
+    code: 'update',
+    name: '修改',
+  },
+  DELETE: {
+    code: 'delete',
+    name: '删除',
+  },
+  SAVE: {
+    code: 'save',
+    name: '保存',
+  },
+  SUBMIT: {
+    code: 'submit',
+    name: '提交',
+  },
+  GAIN: {
+    code: 'gain',
+    name: '获取',
+  },
+  IMPORT: {
+    code: 'import',
+    name: '导入',
+  },
+  EXPORT: {
+    code: 'export',
+    name: '导出',
+  },
+};
+
+const useTableListActionLocales: UseTableListActionLocalesFn = ({ baseLocalCode, baseLocalName }) => {
+  const { formatMessage } = useIntl();
+
+  const getActionLocales: GetTableListActionLocalesFn = (type, errorMsg) => {
+    if (baseLocalCode && baseLocalName) {
+      return {
+        waitingMsg: formatMessage({
+          id: `${baseLocalCode}.${getTableListActionTypeName[type].code}.waitingMessage`,
+          defaultMessage: `正在${getTableListActionTypeName[type].name}${baseLocalName}`,
+        }),
+        successMsg:
+          type === 'GET'
+            ? ''
+            : formatMessage({
+                id: `${baseLocalCode}.${getTableListActionTypeName[type].code}.successMessage`,
+                defaultMessage: `${getTableListActionTypeName[type].name}${baseLocalName}成功`,
+              }),
+        failMsg: formatMessage(
+          {
+            id: `${baseLocalCode}.${getTableListActionTypeName[type].code}.failMessage`,
+            defaultMessage: `${getTableListActionTypeName[type].name}${baseLocalName}失败，请重试！`,
+          },
+          { msg: errorMsg ? JSON.stringify(errorMsg) : undefined },
+        ),
+      };
+    }
+
+    return {
+      waitingMsg: formatMessage({
+        id: `cfmmUI.${getTableListActionTypeName[type].code}.waitingMessage`,
+        defaultMessage: `正在${getTableListActionTypeName[type].name}`,
+      }),
+      successMsg:
+        type === 'GET'
+          ? ''
+          : formatMessage({
+              id: `cfmmUI.${getTableListActionTypeName[type].code}.successMessage`,
+              defaultMessage: `${getTableListActionTypeName[type].name}成功`,
+            }),
+      failMsg: formatMessage(
+        {
+          id: `cfmmUI.${getTableListActionTypeName[type].code}.failMessage`,
+          defaultMessage: `${getTableListActionTypeName[type].name}失败，请重试！`,
+        },
+        { msg: errorMsg ? JSON.stringify(errorMsg) : undefined },
+      ),
+    };
+  };
+
+  return { getActionLocales };
+};
+
+export default useTableListActionLocales;

package/dist/cjs/hooks/useAuthority.tpl

@@ -0,0 +1,27 @@
+import { getAuthorityFunction } from "../index";
+import { useCallback } from "react";
+import { useModel } from "@umijs/max";
+
+/**
+ * 获取当前用户权限hooks
+ * @returns { getAuthorityFn }
+ */
+const useAuthority = () => {
+  const { currentUser } = window.__POWERED_BY_QIANKUN__ ? useModel("@@qiankunStateFromMaster") : useModel("user");
+
+  /**
+   * 获取当前用户权限
+   * @param {string} authCode 权限码
+   */
+  const getAuthorityFn = useCallback(
+    (authCode?: string | boolean) => {
+      if(!authCode) return;
+      return typeof authCode === 'boolean' ? authCode : getAuthorityFunction(authCode, currentUser);
+    },
+    [currentUser]
+  );
+
+  return { getAuthorityFn };
+};
+
+export default useAuthority;

package/dist/cjs/hooks/useColumnTitle.tpl

@@ -0,0 +1,47 @@
+import { useMemo } from 'react';
+import { useIntl } from '@umijs/max';
+
+/**
+ * 用于处理表格列标题的复用
+ * @param id i18n ID
+ * @param defaultMessage 默认展示文本
+ * @param params 格式化参数
+ * @returns 已本地化的标题文本
+ */
+export default function useColumnTitle(id: string, defaultMessage: string, params?: Record<string, any>) {
+  const { formatMessage } = useIntl();
+  
+  return useMemo(() => {
+    return formatMessage({ id, defaultMessage }, params);
+  }, [formatMessage, id, defaultMessage, params]);
+}
+
+/**
+ * 批量创建列标题
+ * @param baseLocalCode 基础国际化前缀
+ * @param columnTitles 列标题配置 {key: string | (() => string)}
+ * @returns 返回包含所有标题的对象
+ */
+export function useBatchColumnTitles<T extends Record<string, string | (() => string)>>(
+  baseLocalCode: string,
+  columnTitles: T
+): Record<keyof T, string> {
+  const { formatMessage } = useIntl();
+  
+  return useMemo(() => {
+    const result: Record<string, string> = {};
+    
+    Object.entries(columnTitles).forEach(([key, defaultMessage]) => {
+      if (typeof defaultMessage === 'function') {
+        result[key] = defaultMessage();
+      } else {
+        result[key] = formatMessage({
+          id: `${baseLocalCode}.column.${key}`,
+          defaultMessage
+        });
+      }
+    });
+    
+    return result as Record<keyof T, string>;
+  }, [formatMessage, baseLocalCode, columnTitles]);
+} 

package/dist/cjs/hooks/useFormatLocale.tpl

@@ -0,0 +1,82 @@
+import { UTC_FORMAT } from '../constants';
+import dayjs from 'dayjs';
+import { useModel } from '@umijs/max';
+
+type OptionsType = {
+  format?: string;
+  dateFormat?: boolean;
+  timeFormat?: boolean;
+};
+
+/**
+ * 转换日期的hooks
+ * @returns
+ */
+const useFormatLocale = () => {
+  const { timeZone, timeFormat, dateFormat } = window.__POWERED_BY_QIANKUN__
+    ? useModel("@@qiankunStateFromMaster")
+    : useModel("user");
+
+  /**
+   * 获取用户配置的日期时间format
+   * @param options { dateFormat： boolean }
+   * @returns
+   */
+  const getFormat = (options?: OptionsType | boolean) => {
+    if (!options) return UTC_FORMAT;
+
+    if (typeof options === 'boolean') {
+      return `${dateFormat} ${timeFormat}`;
+    }
+    if (options.format) {
+      return options.format;
+    }
+    if (options.dateFormat && options.timeFormat) {
+      return `${dateFormat} ${timeFormat}`;
+    }
+    if (options.dateFormat) {
+      return dateFormat;
+    }
+    if (options.timeFormat) {
+      return timeFormat;
+    }
+  };
+
+  /**
+   * 将日期转为UTC时区
+   * @param date 时间：string | dayjs.Dayjs，没有值则获取当前时间
+   * @param options 是否转换时间为format格式
+   * @returns
+   */
+  const getUTCDate = (date?: Date | string | dayjs.Dayjs, options?: OptionsType) => {
+    if (dayjs(date).isValid()) {
+      const format = getFormat(options);
+      return dayjs.utc(date).format(format);
+    }
+  };
+
+  /**
+   * 将日期转为本地日期显示
+   * @param date 时间：string | dayjs.Dayjs
+   * @param options 是否转换时间为format格式，默认转为日期，为ture时日期时间都转换
+   * @returns
+   */
+  const getLocalDate = (
+    date?: Date | string | number | dayjs.Dayjs,
+    options: OptionsType | boolean = { dateFormat: true, timeFormat: false },
+  ) => {
+    if (!date) return;
+    if (dayjs(date).isValid()) {
+      const format = getFormat(options);
+      return dayjs(date).tz(timeZone).format(format);
+    }
+  };
+
+  return {
+    getFormat,
+    getUTCDate,
+    getLocalDate,
+  };
+};
+
+export default useFormatLocale;