@cfmm/umi-plugins-ui-v2 0.0.1

package/dist/cjs/writeTmpFile/runtime.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _zhCN = _interopRequireDefault(require("../locales/zh-CN"));
+var _enUS = _interopRequireDefault(require("../locales/en-US"));
+var _zhTW = _interopRequireDefault(require("../locales/zh-TW"));
+var _thTH = _interopRequireDefault(require("../locales/th-TH"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = exports.default = {
+  path: "runtime.tsx",
+  content: "\nimport React from 'react';\nimport { addLocale, getLocale } from '@umijs/max';\n\nconst messages = {\n  'zh-CN': ".concat(JSON.stringify(_zhCN.default), ",\n  'en-US': ").concat(JSON.stringify(_enUS.default), ",\n  'zh-TW': ").concat(JSON.stringify(_zhTW.default), ",\n  'th-TH': ").concat(JSON.stringify(_thTH.default), ",\n};\n\nexport function render(oldRender) {\nconst locale = getLocale();\n\ntry {\n  // \u786E\u4FDD\u5F53\u524D\u8BED\u8A00\u7684\u6D88\u606F\u88AB\u52A0\u8F7D\n  if (locale && messages[locale]) {\n    addLocale(locale, messages[locale]);\n  }\n\n  // \u52A0\u8F7D\u5176\u4ED6\u8BED\u8A00\u5305\n  Object.entries(messages).forEach(([key, value]) => {\n    if (key !== locale) {\n      addLocale(key, value);\n    }\n  });\n} catch (error) {\n  console.error('cfmmUtils \u52A0\u8F7D\u8BED\u8A00\u5305\u51FA\u9519:', error);\n}\n\n  oldRender();\n}\n  ")
+};

package/dist/cjs/writeTmpFile/writeConstants.d.ts

@@ -0,0 +1,6 @@
+import { IApi } from "umi";
+declare const _default: (api: IApi) => {
+    path: string;
+    content: string;
+};
+export default _default;

package/dist/cjs/writeTmpFile/writeConstants.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = exports.default = function _default(api) {
+  var _api$userConfig$defin, _api$userConfig$defin2, _api$userConfig$defin3, _api$userConfig$defin4;
+  return {
+    path: "constants.ts",
+    content: "\n    export const UTC_FORMAT = 'YYYY-MM-DDTHH:mm:ss[Z]';\n\n    export const BASE_API = '/api';\n\n    export const BACKEND_API_URL = '".concat((_api$userConfig$defin = (_api$userConfig$defin2 = api.userConfig.define) === null || _api$userConfig$defin2 === void 0 ? void 0 : _api$userConfig$defin2.BACKEND_API_URL) !== null && _api$userConfig$defin !== void 0 ? _api$userConfig$defin : undefined, "';\n\n    export const FILE_VIEWER_URL = '").concat((_api$userConfig$defin3 = (_api$userConfig$defin4 = api.userConfig.define) === null || _api$userConfig$defin4 === void 0 ? void 0 : _api$userConfig$defin4.FILE_VIEWER_URL) !== null && _api$userConfig$defin3 !== void 0 ? _api$userConfig$defin3 : undefined, "';\n  ")
+  };
+};

package/dist/cjs/writeTmpFile/writeIndex.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    path: string;
+    content: string;
+};
+export default _default;

package/dist/cjs/writeTmpFile/writeIndex.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = exports.default = {
+  path: "index.tsx",
+  content: "\n    // \u5BFC\u5165\u7EC4\u4EF6\n    import QrCodeModal from \"./components/QrCodeModal\";\n    import CreateForm from \"./components/AddDrawerForm\";\n    import MyFooterToolbar from \"./components/MyFooterToolbar\";\n    import DropdownButton from \"./components/DropdownButton\";\n    import DynamicIcon, { getAntdIconList } from \"./components/DynamicIcon\";\n    import DynamicIconModal from \"./components/DynamicIconModal\";\n    import HighlightStr from \"./components/HighlightStr\";\n    import EditMultiLangForm from \"./components/EditMultiLangForm\";\n    import MyColorPicker from \"./components/MyColorPicker\";\n    import MySelect from \"./components/MySelect\";\n    import MySelectLang from \"./components/MySelectLang\";\n    import PermissionSelect from \"./components/PermissionSelect\";\n    import UTCDatePicker from \"./components/UTCDatePicker\";\n    import ProFormUTCDatePicker from \"./components/ProFormUTCDatePicker\";\n    import UTCRangePicker from \"./components/UTCRangePicker\";\n    import ProFormUTCRangePicker from \"./components/ProFormUTCRangePicker\";\n    import RandomAvatar from \"./components/RandomAvatar\";\n    import RefDrawerForm from \"./components/RefDrawerForm\";\n    import UpdateForm from \"./components/UpdateForm\";\n    import ViewTableItemDrawer from \"./components/ViewTableItemDrawer\";\n    import WangEditor from \"./components/WangEditor\";\n    import WangEditorView from \"./components/WangEditorView\";\n    import MyUpload from \"./components/MyUpload\";\n    import CopyButton from \"./components/CopyButton\";\n    import ImportExecl from \"./components/ImportExecl\";\n    import MyPageContainer from \"./components/MyPageContainer\";\n    import MyReactEcharts from \"./components/MyReactEcharts\";\n    import MyTagList from \"./components/MyTagList\";\n    import VolumeFormItem from \"./components/VolumeFormItem\";\n    import ReportTable from \"./components/ReportTable\";\n    import DicDropDownList from \"./components/DicDropDownList\";\n    import ActionLogDrawer from \"./components/ActionLogDrawer\";\n    import DndTabs from \"./components/DndTabs\";\n    import DndTag from \"./components/DndTag\";\n    import TimeTypeSelect from \"./components/TimeTypeSelect\";\n    import ImportDataUpload from \"./components/ImportDataUpload\";\n    import PDFWrapper from \"./components/PDFWrapper\";\n    import ExportPageWrapper from \"./components/ExportPageWrapper\";\n    import { PageExporter } from \"./utils/exportPage\";\n    import MySetps from \"./components/MySetps\";\n    import CrudTable from \"./components/CrudTable\";\n\n    import MenuFooter from \"./components/MenuFooter\";\n    import GlobalHeader from \"./components/GlobalHeader\";\n    import GlobalFooter from \"./components/GlobalFooter\";\n    import AvatarDropdown from \"./components/AvatarDropdown\";\n    import HeaderSearch from \"./components/HeaderSearch\";\n    import ThemeSwitch from \"./components/ThemeSwitch\";\n    import KeepAliveTabs from \"./components/KeepAliveTabs\";\n    import KeepAliveDndTabs from \"./components/KeepAliveDndTabs\";\n\n    import Authorized from \"./components/Authorized\";\n    import AuthorizedRoute from \"./components/AuthorizedRoute\";\n    import AuthorizeRender from \"./components/AuthorizeRender\";\n    import CheckPermissions from \"./components/CheckPermissions\";\n    import PromiseRender from \"./components/PromiseRender\";\n    import Secured from \"./components/Secured\";\n    import renderAuthorize from \"./components/renderAuthorize\";\n    import { getAuthorityFunction } from \"./utils/authorityFunction\";\n\n    import LoadingSvg from \"./components/LoadingSvg\";\n    import PageLoading from \"./components/PageLoading\";\n    import NoFoundPage from \"./components/NoFoundPage\";\n    import UserDisable from \"./components/UserDisable\";\n    import UserNoPermission from \"./components/UserNoPermission\";\n    import UserNoPagePermission from \"./components/UserNoPagePermission\";\n\n    import useAction from \"./hooks/useAction\";\n    import useFormatLocale from \"./hooks/useFormatLocale\";\n    import useActionLocales from \"./hooks/useActionLocales\";\n    import useQueryTableList from \"./hooks/useQueryTableList\";\n    import useAuthority from \"./hooks/useAuthority\";\n    import useColumnTitle, { useBatchColumnTitles } from \"./hooks/useColumnTitle\";\n    import useMemoizedFn from \"./hooks/useMemoizedFn\";\n    import { useKeepAliveTabs } from \"./hooks/useKeepAliveTabs\";\n    import { usePageExport } from \"./hooks/usePageExport\";\n    import { useRouteAuth } from \"./hooks/useRouteAuth\";\n\n    // \u5BFC\u51FAhooks\n    export {\n      useAction,\n      useFormatLocale,\n      useActionLocales,\n      useQueryTableList,\n      useAuthority,\n      useColumnTitle,\n      useBatchColumnTitles,\n      useMemoizedFn,\n      useKeepAliveTabs,\n      usePageExport,\n      useRouteAuth,\n    }\n\n    // \u5BFC\u51FA\u7EC4\u4EF6\n    export { \n      QrCodeModal, \n      CreateForm, \n      MyFooterToolbar,\n      DropdownButton,\n      DynamicIcon,\n      DynamicIconModal,\n      HighlightStr,\n      getAntdIconList,\n      EditMultiLangForm,\n      MyColorPicker,\n      MySelect,\n      MySelectLang,\n      PermissionSelect,\n      UTCDatePicker,\n      ProFormUTCDatePicker,\n      UTCRangePicker,\n      ProFormUTCRangePicker,\n      RandomAvatar,\n      RefDrawerForm,\n      UpdateForm,\n      ViewTableItemDrawer,\n      WangEditor,\n      WangEditorView,\n      MyUpload,\n      CopyButton,\n      ImportExecl,\n      MyPageContainer,\n      MyReactEcharts,\n      MyTagList,\n      VolumeFormItem,\n      ReportTable,\n      DicDropDownList,\n      ActionLogDrawer,\n      DndTabs,\n      DndTag,\n      TimeTypeSelect,\n      ImportDataUpload,\n      PDFWrapper,\n      ExportPageWrapper,\n      PageExporter,\n      MySetps,\n      CrudTable,\n\n      MenuFooter,\n      GlobalHeader,\n      GlobalFooter,\n      AvatarDropdown,\n      HeaderSearch,\n      ThemeSwitch,\n      KeepAliveTabs,\n      KeepAliveDndTabs,\n      \n      Authorized,\n      AuthorizedRoute,\n      AuthorizeRender,\n      CheckPermissions,\n      PromiseRender,\n      Secured,\n      renderAuthorize,\n      getAuthorityFunction,\n\n      PageLoading,\n      LoadingSvg,\n      NoFoundPage,\n      UserDisable,\n      UserNoPermission,\n      UserNoPagePermission,\n    };\n  "
+};

package/dist/cjs/writeTmpFile/writeTypes.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    path: string;
+    content: string;
+};
+export default _default;

package/dist/cjs/writeTmpFile/writeTypes.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _types = require("../types");
+// 修改方法，不再尝试读取外部文件
+var _default = exports.default = {
+  path: 'types.d.ts',
+  content: "\n    import React from 'react';\n    import { ModalProps, DrawerProps, SelectProps, DatePickerProps, UploadProps, UploadFile, TooltipProps, ButtonProps, TabsProps, SwitchProps, FloatButtonProps, StepsProps, FlexProps, TagProps } from 'antd';\n    import { PresetColorType, PresetStatusColorType } from \"antd/lib/_util/colors\";\n    import { AutoCompleteProps } from 'antd/es/auto-complete';\n    import { RangePickerProps } from 'antd/lib/date-picker';\n    import { LiteralUnion } from \"antd/lib/_util/type\";\n    import { IconComponentProps } from '@ant-design/icons/lib/components/Icon';\n    import { ActionType, ProFormItemProps, ProColumns, ProTableProps, DrawerFormProps, PageContainerProps } from '@ant-design/pro-components';\n    import dayjs, { OpUnitType } from 'dayjs';\n    import { IEditorConfig, IToolbarConfig } from '@wangeditor/editor';\n    import type { DragEndEvent } from '@dnd-kit/core';\n    import { fileTypeMap } from './components'; \n\n\n    ".concat(_types.servicesTypes, "\n\n    ").concat(_types.HighlightStrTypes, "\n\n    ").concat(_types.DropdownButtonTypes, "\n\n    ").concat(_types.DynamicIconTypes, "\n\n    ").concat(_types.MyFooterToolbarTypes, "\n\n    ").concat(_types.QrCodeModalTypes, "\n\n    ").concat(_types.MenuFooterTypes, "\n\n    ").concat(_types.EditMultiLangFormTypes, "\n\n    ").concat(_types.MySelectTypes, "\n\n    ").concat(_types.MySelectLangTypes, "\n\n    ").concat(_types.PermissionSelectTypes, "\n\n    ").concat(_types.DatePickerTypes, "\n\n    ").concat(_types.RandomAvatarTypes, "\n\n    ").concat(_types.RefDrawerFormTypes, "\n\n    ").concat(_types.ViewTableItemDrawerTypes, "\n\n    ").concat(_types.WangEditorTypes, "\n\n    ").concat(_types.MyPageContainerTypes, "\n\n    ").concat(_types.MyTagListTypes, "\n\n    ").concat(_types.VolumeFormItemTypes, "\n\n    ").concat(_types.ImportExeclTypes, "\n\n    ").concat(_types.MyUploadTypes, "\n\n    ").concat(_types.ReportTableTypes, "\n\n    ").concat(_types.DicDropDownListTypes, "\n\n    ").concat(_types.ActionLogDrawerTypes, "\n\n    ").concat(_types.DndTabsTypes, "\n\n    ").concat(_types.ImportDataUploadTypes, "\n\n    ").concat(_types.AvatarDropdownTypes, "\n\n    ").concat(_types.HeaderSearchTypes, "\n\n    ").concat(_types.ThemeSwitchTypes, "\n\n    ").concat(_types.GlobalHeaderTypes, "\n\n    ").concat(_types.KeepAliveTabsTypes, "\n\n    ").concat(_types.ExportPageWrapperTypes, "\n\n    ").concat(_types.MySetpsTypes, "\n\n    ").concat(_types.CrudTableTypes, "\n\n    ").concat(_types.DndTagTypes, "\n  ")
+};

package/dist/esm/components/ActionLogDrawer.tpl

@@ -0,0 +1,148 @@
+import useAction from '../hooks/useAction';
+import useFormatLocale from '../hooks/useFormatLocale';
+import { useIntl } from '@umijs/max';
+import { useMemoizedFn } from 'ahooks';
+import { Descriptions, Drawer } from 'antd';
+import React, { useEffect, useMemo, useState } from 'react';
+import { queryEmployeeByCodes } from '../services';
+import { ActionLogDrawerBaseRecordType, ActionLogDrawerProps } from '../types';
+
+const ActionLogDrawer = <T extends ActionLogDrawerBaseRecordType>(props: ActionLogDrawerProps<T>) => {
+  const { row, createBy, createTime, updateBy, updateTime, ...drawerProps } = props;
+  const { formatMessage } = useIntl();
+  const { getLocalDate } = useFormatLocale();
+  const [employeeList, setEmployeeList] = useState<{ userCode: string; userName: string }[]>([]);
+
+  // 封装增删查改的hooks
+  const { doAction, loading: actionLoading } = useAction();
+
+  const createByCode = useMemo(() => {
+    return createBy ?? row?.createBy;
+  }, [row, createBy]);
+
+  const updateByCode = useMemo(() => {
+    return updateBy ?? row?.updateBy;
+  }, [row, updateBy]);
+
+  /**
+   * 处理时间格式
+   */
+  const getFormatTime = useMemoizedFn((time1?: string, time2?: string) => {
+    if (!time1 && !time2) return '-';
+
+    const time = time1 ?? time2;
+
+    return getLocalDate(time, { dateFormat: true, timeFormat: true });
+  });
+
+  /**
+   * 根据编号，获取名称
+   */
+  const getNameByCode = useMemoizedFn((code) => {
+    if(!code) return '-'
+
+    const employee = employeeList.find((item) => item.userCode === code);
+    return employee ? `${employee.userName}(${employee.userCode})` : code;
+  });
+
+  /**
+   * 根据员工编号list查询员工list
+   */
+  const requestEmployeeByCode = async (userCodes: string[]) => {
+    if (actionLoading || !userCodes.length) return;
+
+    const { success, data } = await doAction('POST', { userCodes }, { actionFn: queryEmployeeByCodes, showMsg: false });
+
+    if (success && data) {
+      setEmployeeList(data);
+    }
+  };
+
+  useEffect(() => {
+    const codes = [createByCode, updateByCode].filter(Boolean) as string[];
+    requestEmployeeByCode(codes);
+  }, [createByCode, updateByCode]);
+
+  return (
+    <Drawer
+      width={500}
+      title={formatMessage({
+        id: 'cfmmUI.ActionLogDrawer.title',
+        defaultMessage: '操作记录',
+      })}
+      open={!!row}
+      closable={false}
+      {...drawerProps}
+      onClose={(e) => {
+        props.onClose?.(e);
+        setEmployeeList([]);
+      }}
+    >
+      <>
+        {props.children ? (
+          props.children
+        ) : (
+          <>
+            <Descriptions
+              title={formatMessage({
+                id: 'cfmmUI.ActionLogDrawer.add',
+                defaultMessage: '新增',
+              })}
+              column={1}
+            >
+              <Descriptions.Item
+                label={formatMessage({
+                  id: 'cfmmUI.common.createBy',
+                  defaultMessage: '创建人',
+                })}
+              >
+                {getNameByCode(createByCode)}
+              </Descriptions.Item>
+              <Descriptions.Item
+                label={formatMessage({
+                  id: 'cfmmUI.common.createTime',
+                  defaultMessage: '创建时间',
+                })}
+              >
+                {getFormatTime(createTime, row?.createTime)}
+              </Descriptions.Item>
+            </Descriptions>
+
+            <Descriptions
+              title={formatMessage({
+                id: 'cfmmUI.ActionLogDrawer.update',
+                defaultMessage: '修改',
+              })}
+              column={1}
+              style={{ marginBlockStart: 30 }}
+            >
+              <Descriptions.Item
+                label={formatMessage({
+                  id: 'cfmmUI.common.lastUpdateBy',
+                  defaultMessage: '最后修改人员',
+                })}
+              >
+                {getNameByCode(updateByCode)}
+              </Descriptions.Item>
+              <Descriptions.Item
+                label={formatMessage({
+                  id: 'cfmmUI.common.lastUpdateTime',
+                  defaultMessage: '最后修改时间',
+                })}
+              >
+                {getFormatTime(updateTime, row?.updateTime)}
+              </Descriptions.Item>
+            </Descriptions>
+          </>
+        )}
+      </>
+    </Drawer>
+  );
+};
+
+/**
+ * 列表操作记录弹窗，如果不是传入row，请使用open属性打开弹窗
+ */
+export default React.memo(ActionLogDrawer) as <T extends ActionLogDrawerBaseRecordType = any>(
+  props: ActionLogDrawerProps<T>,
+) => JSX.Element;

package/dist/esm/components/AddDrawerForm.tpl

@@ -0,0 +1,38 @@
+import { Drawer, DrawerProps } from 'antd';
+import { memo, useEffect } from 'react';
+
+interface CreateFormProps<T> extends DrawerProps {
+  onOpenChange: (visible: boolean) => void;
+}
+
+/**
+ * 通用列表新增弹窗
+ * @param {CreateFormProps} props
+ * @children children
+ * @returns
+ */
+function CreateForm<T>(props: CreateFormProps<T>) {
+  const { onOpenChange, ...reset } = props;
+
+  useEffect(() => {
+    if (props.open) {
+      onOpenChange(true);
+    }
+  }, [props.open]);
+
+  return (
+    <Drawer
+      width={500}
+      destroyOnHidden
+      {...reset}
+      onClose={(e) => {
+        props.onClose?.(e);
+        onOpenChange(false);
+      }}
+    >
+      {props.children}
+    </Drawer>
+  );
+}
+
+export default memo(CreateForm) as <T>(props: CreateFormProps<T>) => JSX.Element;

package/dist/esm/components/AuthorizeRender.tpl

@@ -0,0 +1,11 @@
+import Authorized from './Authorized';
+import Secured from './Secured';
+import check from './CheckPermissions';
+import renderAuthorize from './renderAuthorize';
+
+Authorized.Secured = Secured;
+Authorized.check = check;
+
+const RenderAuthorize = renderAuthorize(Authorized);
+
+export default RenderAuthorize;

package/dist/esm/components/Authorized.tpl

@@ -0,0 +1,39 @@
+import React from 'react';
+import { Result } from 'antd';
+import check, { IAuthorityType } from './CheckPermissions';
+
+import AuthorizedRoute from './AuthorizedRoute';
+import Secured from './Secured';
+
+interface AuthorizedProps {
+  authority: IAuthorityType;
+  noMatch?: React.ReactNode;
+}
+
+type IAuthorizedType = React.FunctionComponent<AuthorizedProps> & {
+  Secured: typeof Secured;
+  check: typeof check;
+  AuthorizedRoute: typeof AuthorizedRoute;
+};
+
+/**
+ * 权限组件
+ * @param param0 
+ */
+const Authorized: React.FunctionComponent<AuthorizedProps> = ({
+  children,
+  authority,
+  noMatch = (
+    <Result
+      status="403"
+      title="403"
+      subTitle="Sorry, you are not authorized to access this page."
+    />
+  ),
+}) => {
+  const childrenRender: React.ReactNode = typeof children === 'undefined' ? null : children;
+  const dom = check(authority, childrenRender, noMatch);
+  return <>{dom}</>;
+};
+
+export default Authorized as IAuthorizedType;

package/dist/esm/components/AuthorizedRoute.tpl

@@ -0,0 +1,33 @@
+import { Redirect, Route } from 'umi';
+
+import React from 'react';
+import Authorized from './Authorized';
+import { IAuthorityType } from './CheckPermissions';
+
+interface AuthorizedRouteProps {
+  currentAuthority: string;
+  component: React.ComponentClass<any, any>;
+  render: (props: any) => React.ReactNode;
+  redirectPath: string;
+  authority: IAuthorityType;
+}
+
+const AuthorizedRoute: React.SFC<AuthorizedRouteProps> = ({
+  component: Component,
+  render,
+  authority,
+  redirectPath,
+  ...rest
+}) => (
+    <Authorized
+      authority={authority}
+      noMatch={<Route {...rest} render={() => <Redirect to={{ pathname: redirectPath }} />} />}
+    >
+      <Route
+        {...rest}
+        render={(props: any) => (Component ? <Component {...props} /> : render(props))}
+      />
+    </Authorized>
+  );
+
+export default AuthorizedRoute;

package/dist/esm/components/AvatarDropdown.tpl

@@ -0,0 +1,101 @@
+import { LogoutOutlined, SafetyOutlined, SettingOutlined } from "@ant-design/icons";
+import RandomAvatar from "./RandomAvatar";
+import { history, useIntl, useModel } from "@umijs/max";
+import { Avatar, Dropdown, MenuProps, Spin } from "antd";
+import React from "react";
+import { AvatarDropdownProps } from "../types";
+
+/**
+ * 主应用头部个人设置组件
+ * @param accountSettingsPath
+ * @param safeCenterUrl
+ * @returns
+ */
+const AvatarDropdown: React.FC<AvatarDropdownProps> = (props) => {
+  const {
+    accountSettingsPath = "/system/accountandsettings",
+    safeCenterUrl,
+    ...attr
+  } = props;
+
+  const { currentUser } = useModel("user");
+  const { logout } = useModel("login");
+  const { formatMessage } = useIntl();
+
+  //菜单下拉框，与菜单事件对应
+  const items: MenuProps["items"] = [
+    {
+      label: formatMessage({
+        id: "cfmmUI.GlobalHeader.Dropdown.PersonalSettings",
+        defaultMessage: "个人设置",
+      }),
+      key: "accountandsettings",
+      icon: <SettingOutlined />,
+      onClick: () => {
+        history.push(accountSettingsPath);
+      },
+    },
+    {
+      type: "divider",
+    },
+    {
+      label: formatMessage({
+        id: "cfmmUI.GlobalHeader.Dropdown.safeCenter",
+        defaultMessage: "安全中心",
+      }),
+      key: "safeCenter",
+      icon: <SafetyOutlined />,
+      onClick: () => {
+        try {
+          const url = safeCenterUrl ?? `${KEYCLOAK_URL}realms/${KEYCLOAK_REALM_NAME}/account/account-security/signing-in`;
+          window.open(url, "_blank");
+        } catch (error) {
+          console.log("error", error);
+        }
+      },
+    },
+    {
+      type: "divider",
+    },
+    {
+      label: formatMessage({
+        id: "cfmmUI.GlobalHeader.Dropdown.LogOut",
+        defaultMessage: "退出登录",
+      }),
+      key: "logout",
+      icon: <LogoutOutlined />,
+      onClick: () => {
+        logout();
+      },
+    },
+  ];
+
+  //获取当前用户，进行相应的处理
+  //当前用户存在，则显示成正常的样式，如果不存在则显示成Loading状态
+  return currentUser ? (
+    <Dropdown menu={{ items }}>
+      <span {...attr}>
+        <Avatar
+          size="small"
+          style={{ marginRight: 8 }}
+          icon={<RandomAvatar avatarCode={currentUser.userCode} width={24} />}
+        />
+        <span>{`${currentUser ? currentUser.userCode : "-"}(${
+          currentUser.userName ? currentUser.userName : "-"
+        })`}</span>
+      </span>
+    </Dropdown>
+  ) : (
+    <span>
+      <Spin
+        size="small"
+        style={{
+          marginLeft: 8,
+          marginRight: 8,
+        }}
+      />
+    </span>
+  );
+};
+
+export default React.memo(AvatarDropdown);

package/dist/esm/components/CheckPermissions.tpl

@@ -0,0 +1,100 @@
+import React from 'react';
+import { CURRENT } from './renderAuthorize';
+//*eslint-disable-next-line import/no-cycle*/
+import PromiseRender from './PromiseRender';
+
+export type IAuthorityType =
+  | undefined
+  | string
+  | string[]
+  | Promise<boolean>
+  | ((currentAuthority: string | string[]) => IAuthorityType);
+
+/**
+ * 通用权限检查方法
+ * 该方法可以判断菜单中需要的权限组，及当前用户登陆后获取的用户组进行对比
+ * 
+ * 
+ * Common check permissions method
+ * @param { 权限判定 | Permission judgment } authority
+ * @param { 你的权限 | Your permission description } currentAuthority
+ * @param { 通过的组件 | Passing components } target
+ * @param { 未通过的组件 | no pass components } Exception
+ */
+const checkPermissions = <T, K>(
+  authority: IAuthorityType,
+  currentAuthority: string | string[],
+  target: T,
+  Exception: K,
+): T | K | React.ReactNode => {
+
+  /**
+   * 查看每个菜单的要求授权组别，及当前用户权限组
+   */
+  // console.log(`get authority(要求授权组别)==>${authority}  currentAuthority(当前用户权限组)==>${currentAuthority}`)
+
+  // 没有判定权限.默认查看所有
+  // Retirement authority, return target;
+  if (!authority) {
+    return target;
+  }
+
+
+  // 数组处理
+  if (Array.isArray(authority)) {
+    if (Array.isArray(currentAuthority)) {
+      if (currentAuthority.some((item) => authority.includes(item))) {
+        return target;
+      }
+    } else if (authority.includes(currentAuthority)) {
+      return target;
+    }
+    return Exception;
+  }
+
+
+  // string 处理
+  if (typeof authority === 'string') {
+    if (Array.isArray(currentAuthority)) {
+      if (currentAuthority.some((item) => authority === item)) {
+        return target;
+      }
+    } else if (authority === currentAuthority) {
+      return target;
+    }
+    return Exception;
+  }
+
+
+  // Promise 处理
+  if (authority instanceof Promise) {
+    return <PromiseRender<T, K> ok={target} error={Exception} promise={authority} />;
+  }
+
+
+  // Function 处理
+  if (typeof authority === 'function') {
+    const bool = authority(currentAuthority);
+    // 函数执行后返回值是 Promise
+    if (bool instanceof Promise) {
+      return <PromiseRender<T, K> ok={target} error={Exception} promise={bool} />;
+    }
+    if (bool) {
+      return target;
+    }
+    return Exception;
+  }
+
+
+  //未支持的参数
+  throw new Error('unsupported parameters');
+
+};
+
+export { checkPermissions };
+
+function check<T, K>(authority: IAuthorityType, target: T, Exception: K): T | K | React.ReactNode {
+  return checkPermissions<T, K>(authority, CURRENT, target, Exception);
+}
+
+export default check;

package/dist/esm/components/CopyButton.tpl

@@ -0,0 +1,49 @@
+import { CheckOutlined, CopyOutlined } from '@ant-design/icons';
+import React, { useEffect, useRef, useState } from 'react';
+
+interface Props {
+  text: string;
+}
+
+/**
+ * 复制按钮,效果和antd的table复制按钮一样
+ * @param text 需要复制的文本
+ */
+const CopyButton: React.FC<Props> = ({ text }) => {
+    
+  const [copied, setCopied] = useState(false);
+  const timer = useRef<NodeJS.Timeout>();
+
+  const handleCopyClick = async () => {
+    try {
+      await navigator.clipboard.writeText(text);
+      setCopied(true);
+
+      timer.current = setTimeout(() => {
+        setCopied(false);
+      }, 3000);
+      
+    } catch (err) {
+      console.error(err);
+    }
+  };
+
+  useEffect(() => {
+    return () => {
+      if (timer.current) {
+        clearTimeout(timer.current);
+      }
+    };
+  }, []);
+
+  return (
+    <span
+      style={{ cursor: 'pointer', marginLeft: '4px', position: 'relative', top: '-2px' }}
+      onClick={handleCopyClick}
+    >
+      {copied ? <CheckOutlined style={{ color: '#52c41a' }} /> : <CopyOutlined style={{ color: '#1890ff' }} />}
+    </span>
+  );
+};
+
+export default React.memo(CopyButton);