@ysjdemo/umi-create-cli 0.0.3 → 0.0.4

package/lib/templates/qiankun/cf-workbench-base/src/pages/SystemLog/OperationLog/index.tsx

@@ -0,0 +1,144 @@
+import ProTable, { ActionType, ProColumns } from '@ant-design/pro-table';
+import React, { useRef, useState } from 'react';
+import { DropdownButton, MyPageContainer, useIntl, useQueryTableList, ViewTableItemDrawer } from 'umi';
+import { TableListItem, TableListParams } from './data.d';
+import { queryOperationLog } from './service';
+
+const baseLocalCode = 'pages.OperationLog';
+const baseLocalName = '系统操作日志管理';
+
+const TableList: React.FC<{}> = () => {
+  const actionRef = useRef<ActionType>();
+  const [row, setRow] = useState<TableListItem>();
+  const { formatMessage } = useIntl();
+
+  // 封装数据查询的hooks
+  const { queryList } = useQueryTableList({ baseLocalCode, baseLocalName });
+
+  /**
+   * 查询表格数据
+   * @param params
+   * @returns
+   */
+  const handleSearch = async (params: TableListParams) => {
+    return await queryList<TableListItem[]>(params, {
+      queryFn: queryOperationLog,
+    });
+  };
+
+  const columns: ProColumns<TableListItem>[] = [
+    {
+      title: formatMessage({ id: 'pages.OperationLog.column.logType', defaultMessage: '日志类型' }),
+      dataIndex: 'logType',
+      sorter: true,
+      copyable: true,
+    },
+    {
+      title: formatMessage({ id: 'pages.OperationLog.column.title', defaultMessage: '标题' }),
+      dataIndex: 'title',
+      sorter: true,
+    },
+    {
+      title: formatMessage({ id: 'pages.OperationLog.column.method', defaultMessage: '调用的方法' }),
+      dataIndex: 'method',
+      sorter: true,
+      ellipsis: true,
+      copyable: true,
+    },
+    {
+      title: formatMessage({ id: 'pages.OperationLog.column.url', defaultMessage: 'URL' }),
+      dataIndex: 'url',
+      sorter: true,
+      ellipsis: true,
+    },
+    {
+      title: formatMessage({ id: 'pages.OperationLog.column.operParam', defaultMessage: '操作参数' }),
+      dataIndex: 'operParam',
+      sorter: true,
+      ellipsis: true,
+      copyable: true,
+    },
+    {
+      title: formatMessage({ id: 'pages.OperationLog.column.operResult', defaultMessage: '操作结果' }),
+      dataIndex: 'operResult',
+      sorter: true,
+      ellipsis: true,
+      copyable: true,
+    },
+    {
+      title: formatMessage({ id: 'pages.OperationLog.column.operTime', defaultMessage: '操作时间' }),
+      dataIndex: 'operTime',
+      sorter: true,
+      valueType: 'dateTime',
+      search: true,
+    },
+    {
+      title: formatMessage({ id: 'pages.OperationLog.column.operIp', defaultMessage: '操作IP' }),
+      dataIndex: 'operIp',
+      sorter: true,
+    },
+    {
+      title: formatMessage({ id: 'pages.OperationLog.column.operUser', defaultMessage: '操作人' }),
+      dataIndex: 'operUser',
+      sorter: true,
+    },
+    {
+      title: formatMessage({ id: 'pages.OperationLog.column.errorMsg', defaultMessage: '错误信息' }),
+      dataIndex: 'errorMsg',
+      sorter: true,
+      ellipsis: true,
+      copyable: true,
+    },
+    {
+      title: formatMessage({ id: 'pages.OperationLog.column.remark', defaultMessage: '备注' }),
+      dataIndex: 'remark',
+      valueType: 'textarea',
+      ellipsis: true,
+    },
+    {
+      title: formatMessage({ id: 'pages.OperationLog.Option.title', defaultMessage: '操作' }),
+      dataIndex: 'option',
+      valueType: 'option',
+      width: 186,
+      render: (_, record) => <DropdownButton viewAuth={true} onView={() => setRow(record)} />,
+    },
+  ];
+
+  return (
+    <MyPageContainer>
+      <ProTable<TableListItem>
+        headerTitle={formatMessage({
+          id: 'pages.OperationLog.title',
+          defaultMessage: '操作日志列表',
+        })}
+        //窗口聚焦时不重新请求
+        revalidateOnFocus={false}
+        actionRef={actionRef}
+        rowKey="logId"
+        search={{
+          labelWidth: 120,
+        }}
+        request={async (params, sorter) => {
+          // 获取出来参数，将当前页面current和页数据大小pageSize提取出来
+          const { current, pageIndex = params.current, pageSize, ...otherParams } = params;
+
+          //调用后台API
+          return await handleSearch({ pageIndex, pageSize, orderBy: { ...sorter }, ...otherParams });
+        }}
+        columns={columns}
+        rowSelection={false}
+      />
+
+      {/* 查看弹窗 */}
+      <ViewTableItemDrawer<TableListItem>
+        row={row}
+        onClose={() => {
+          setRow(undefined);
+        }}
+        columns={columns}
+      />
+    </MyPageContainer>
+  );
+};
+
+export default TableList;

package/lib/templates/qiankun/cf-workbench-base/src/pages/SystemLog/OperationLog/service.ts

@@ -0,0 +1,16 @@
+import { request } from '@umijs/max';
+import { TableListParams } from './data.d';
+import { BASE_API } from '@/constants';
+
+export async function queryAllOperationLogs() {
+  return request(`${BASE_API}/system/log/list`, {
+    method: 'GET',
+  });
+}
+
+export async function queryOperationLog(params?: TableListParams) {
+  return request(`${BASE_API}/system/log/list`, {
+    method: 'GET',
+    params,
+  });
+}

package/lib/templates/qiankun/cf-workbench-base/src/pages/UserDisable.tsx

@@ -0,0 +1,3 @@
+import { UserDisable} from '@umijs/max';
+
+export default UserDisable;

package/lib/templates/qiankun/cf-workbench-base/src/pages/UserNoPagePermission.tsx

@@ -0,0 +1,3 @@
+import { UserNoPagePermission } from '@umijs/max';
+
+export default UserNoPagePermission;

package/lib/templates/qiankun/cf-workbench-base/src/pages/UserNoPermission.tsx

@@ -0,0 +1,3 @@
+import { UserNoPermission} from '@umijs/max';
+
+export default UserNoPermission;

package/lib/templates/qiankun/cf-workbench-base/src/pages/document.ejs

@@ -0,0 +1,201 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta name="keywords" content="Guangdong Cuifeng Robotics Technology" />
+  <meta name="description" content="Guangdong Cuifeng Robotics Technology" />
+  <meta name="description" content="广东翠峰机器人科技股份有限公司" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
+  <title>MES后台</title>
+  <link rel="icon" href="<%= context.config.publicPath +'favicon.ico'%>" type="image/x-icon" />
+</head>
+
+<body>
+  <noscript>Out-of-the-box mid-stage front/design solution!</noscript>
+  <div id="root">
+    <style>
+      html,
+      body,
+      #root {
+        height: 100%;
+        margin: 0;
+        padding: 0;
+      }
+
+      #root {
+        background-image: url('<%= context.config.publicPath +"home_bg.png"%>');
+        background-repeat: no-repeat;
+        background-size: 100% auto;
+      }
+
+      .page-loading-warp {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        padding: 98px;
+      }
+
+      .ant-spin {
+        position: absolute;
+        display: none;
+        -webkit-box-sizing: border-box;
+        box-sizing: border-box;
+        margin: 0;
+        padding: 0;
+        color: rgba(0, 0, 0, 0.65);
+        color: #1890ff;
+        font-size: 14px;
+        font-variant: tabular-nums;
+        line-height: 1.5;
+        text-align: center;
+        list-style: none;
+        opacity: 0;
+        -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
+        transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
+        transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
+        transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86),
+          -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
+        -webkit-font-feature-settings: 'tnum';
+        font-feature-settings: 'tnum';
+      }
+
+      .ant-spin-spinning {
+        position: static;
+        display: inline-block;
+        opacity: 1;
+      }
+
+      .ant-spin-dot {
+        position: relative;
+        display: inline-block;
+        width: 20px;
+        height: 20px;
+        font-size: 20px;
+      }
+
+      .ant-spin-dot-item {
+        position: absolute;
+        display: block;
+        width: 9px;
+        height: 9px;
+        background-color: #1890ff;
+        border-radius: 100%;
+        -webkit-transform: scale(0.75);
+        -ms-transform: scale(0.75);
+        transform: scale(0.75);
+        -webkit-transform-origin: 50% 50%;
+        -ms-transform-origin: 50% 50%;
+        transform-origin: 50% 50%;
+        opacity: 0.3;
+        -webkit-animation: antspinmove 1s infinite linear alternate;
+        animation: antSpinMove 1s infinite linear alternate;
+      }
+
+      .ant-spin-dot-item:nth-child(1) {
+        top: 0;
+        left: 0;
+      }
+
+      .ant-spin-dot-item:nth-child(2) {
+        top: 0;
+        right: 0;
+        -webkit-animation-delay: 0.4s;
+        animation-delay: 0.4s;
+      }
+
+      .ant-spin-dot-item:nth-child(3) {
+        right: 0;
+        bottom: 0;
+        -webkit-animation-delay: 0.8s;
+        animation-delay: 0.8s;
+      }
+
+      .ant-spin-dot-item:nth-child(4) {
+        bottom: 0;
+        left: 0;
+        -webkit-animation-delay: 1.2s;
+        animation-delay: 1.2s;
+      }
+
+      .ant-spin-dot-spin {
+        -webkit-transform: rotate(45deg);
+        -ms-transform: rotate(45deg);
+        transform: rotate(45deg);
+        -webkit-animation: antrotate 1.2s infinite linear;
+        animation: antRotate 1.2s infinite linear;
+      }
+
+      .ant-spin-lg .ant-spin-dot {
+        width: 32px;
+        height: 32px;
+        font-size: 32px;
+      }
+
+      .ant-spin-lg .ant-spin-dot i {
+        width: 14px;
+        height: 14px;
+      }
+
+      @media all and (-ms-high-contrast: none),
+      (-ms-high-contrast: active) {
+        .ant-spin-blur {
+          background: #fff;
+          opacity: 0.5;
+        }
+      }
+
+      @-webkit-keyframes antSpinMove {
+        to {
+          opacity: 1;
+        }
+      }
+
+      @keyframes antSpinMove {
+        to {
+          opacity: 1;
+        }
+      }
+
+      @-webkit-keyframes antRotate {
+        to {
+          -webkit-transform: rotate(405deg);
+          transform: rotate(405deg);
+        }
+      }
+
+      @keyframes antRotate {
+        to {
+          -webkit-transform: rotate(405deg);
+          transform: rotate(405deg);
+        }
+      }
+    </style>
+    <div style="
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          justify-content: center;
+          height: 100%;
+          min-height: 420px;
+        ">
+      <img src="/logo.png" alt="logo" width="256" />
+      <div>广东翠峰机器人科技股份有限公司</div>
+      <div>Guangdong Cuifeng Robotics Technology Limited.</div>
+      <div class="page-loading-warp">
+        <div class="ant-spin ant-spin-lg ant-spin-spinning">
+          <span class="ant-spin-dot ant-spin-dot-spin"><i class="ant-spin-dot-item"></i><i
+              class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i></span>
+        </div>
+      </div>
+      <!-- <div style="display: flex; align-items: center; justify-content: center">
+        <img src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg" width="32"
+          style="margin-right: 8px" />
+        Ant Design
+      </div> -->
+    </div>
+  </div>
+</body>
+
+</html>

package/lib/templates/qiankun/cf-workbench-base/src/services/file.ts

@@ -0,0 +1,16 @@
+import { BASE_API } from '@/constants';
+import { request } from '@umijs/max';
+
+export async function removePackage(params: string) {
+  return request(`${BASE_API}/minio/` + params, {
+    method: 'DELETE',
+  });
+}
+
+export async function uploadPackage(params: any, config: any) {
+  return request(`${BASE_API}/minio/upload`, {
+    method: 'POST',
+    config,
+    data: params,
+  });
+}

package/lib/templates/qiankun/cf-workbench-base/src/services/user.ts

@@ -0,0 +1,22 @@
+import { BASE_API } from '@/constants';
+import { TimeZomeListType } from '@/pages/System/AccountandSettings/components/LocaleSetting';
+import { request, API } from '@umijs/max';
+
+export async function queryCurrent(): Promise<any> {
+  return request(`${BASE_API}/system/user/getCurrentUser`);
+}
+
+export async function querySysUserPreference(userId: number) {
+  return request(`${BASE_API}/system/sysUserPreference/${userId}`);
+}
+
+export async function updateSysUserPreference(params: { preference: string; userId: number }) {
+  return request(`${BASE_API}/system/sysUserPreference`, {
+    method: 'POST',
+    data: params,
+  });
+}
+
+export async function queryTimeZomeList() {
+  return request<API.Result_Base<TimeZomeListType[]>>(`${BASE_API}/system/timeZone/selectList`);
+}

package/lib/templates/qiankun/cf-workbench-base/src/typings.d.ts

@@ -0,0 +1,32 @@
+declare module 'slash2';
+declare module '*.css';
+declare module '*.less';
+declare module '*.scss';
+declare module '*.sass';
+declare module '*.svg';
+declare module '*.png';
+declare module '*.jpg';
+declare module '*.jpeg';
+declare module '*.gif';
+declare module '*.bmp';
+declare module '*.tiff';
+declare module 'omit.js';
+declare module 'lodash';
+
+// preview.pro.ant.design only do not use in your production ;
+// preview.pro.ant.design 专用环境变量，请不要在你的项目中使用它。
+declare let ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_YOUR_PRODUCTION: 'site' | undefined;
+
+declare const REACT_APP_ENV: 'test' | 'dev' | 'pre' | 'prod' | false;
+
+declare let BACKEND_API_URL: URL;
+declare let HELP_DOCS_URL: URL;
+declare let MES_ENTRY_URL: URL;
+declare let FILE_VIEWER_URL: URL;
+
+declare let KEYCLOAK_URL: string;
+declare let KEYCLOAK_REALM_NAME: string;
+declare let KEYCLOAK_CLIENT_NAME: string;
+declare let MINIO_URL: string;
+
+declare let ANDROID_CLIENT_PACKAGE_UPLOAD_BUCKET_NAME: string;

package/lib/templates/qiankun/cf-workbench-base/src/utils/keycloak.ts

@@ -0,0 +1,81 @@
+import { cfmmUtils } from '@umijs/max';
+import Keycloak from 'keycloak-js';
+
+/**
+ * 读取keycloak配置信息，配置信息从config中的define中获取而来，不同的环境读取不同的文件内容
+ */
+const keycloak_url = KEYCLOAK_URL || '';
+const keycloak_realm = KEYCLOAK_REALM_NAME || '';
+const keycloak_client = KEYCLOAK_CLIENT_NAME || '';
+
+console.log(`获取keycloak配置信息，URL：${keycloak_url}，REALM：${keycloak_realm}，CLIENT：${keycloak_client}`);
+
+export const keycloak = new Keycloak({
+  url: keycloak_url,
+  realm: keycloak_realm,
+  clientId: keycloak_client,
+});
+
+/**
+ * 事件
+ */
+keycloak.onAuthSuccess = function () {
+  console.log('Auth Success');
+};
+
+keycloak.onAuthError = function (errorData) {
+  console.log(`Auth Error: ${JSON.stringify(errorData)}`);
+};
+
+keycloak.onAuthRefreshSuccess = function () {
+  console.log('Auth Refresh Success');
+};
+
+keycloak.onAuthRefreshError = function () {
+  console.log('Auth Refresh Error');
+  keycloak.login();
+};
+
+keycloak.onAuthLogout = function () {
+  console.log('Auth Logout');
+};
+
+keycloak.onTokenExpired = function () {
+  console.log('Access token expired.');
+  console.log('keycloak.authenticated', keycloak.authenticated);
+};
+
+/**
+ * 登录逻辑
+ */
+export const onLogin = async () => {
+  // 获取token
+  const token = cfmmUtils.getQueryToken();
+  let authenticated: boolean = false;
+  if (token) {
+    localStorage.setItem('token', JSON.stringify(token));
+    return;
+  }
+
+  try {
+    authenticated = await keycloak.init({ onLoad: 'login-required' });
+  } catch (error) {
+    console.log('Failed to login.');
+  }
+
+  if (!authenticated) {
+    keycloak.login();
+  } else {
+    localStorage.setItem('token', JSON.stringify(keycloak.token));
+  }
+};
+
+export const updateToken = async () => {
+  const refreshed = await keycloak.updateToken(60);
+  const token = keycloak.token;
+  if (token) {
+    console.log('Token refreshed');
+    localStorage.setItem('token', JSON.stringify(token));
+  }
+  return { refreshed, token };
+};

package/lib/templates/qiankun/cf-workbench-base/src/utils/qiankunConfig.ts

@@ -0,0 +1,75 @@
+import echarsDarkTheme from '@/echarsDarkTheme';
+import {
+  addLocale as addMasterLocale,
+  getLocale as getMasterLocale,
+  history as mainHistory,
+  setLocale as setMasterLocale,
+  useModel,
+} from '@umijs/max';
+import NProgress from 'nprogress';
+import { updateToken } from './keycloak';
+
+const qiankun = {
+  apps: [
+    {
+      name: 'mes',
+      entry: process.env.NODE_ENV === 'development' ? '//localhost:8001' : `${MES_ENTRY_URL}`,
+      activeRule: '/mes',
+      props: {
+        echarsDarkTheme,
+        updateToken,
+      },
+    },
+  ],
+  singular: false,
+  lifeCycles: {
+    afterMount: () => {
+      //子应用挂载，进度条完成
+      NProgress.done();
+    },
+    beforeLoad: () => {},
+    beforeMount: () => {},
+    beforeUnmount: () => {},
+  },
+};
+
+const useQiankunStateForSlave = (): any => {
+  const {
+    isDarkTheme,
+    handleCollapsed,
+    collapsed,
+    currentGlobalLang,
+    templateDownloadModalOpenChange,
+    handleTemplateDownloadModalSearchParamsChange,
+  } = useModel('global');
+  const { globalWorkCenterRef } = useModel('globalRef');
+
+  const { currentUser, fetchCurrent, dateFormat, timeFormat, timeZone, updateUserPreferenceSettings } =
+    useModel('user');
+
+  return {
+    isDarkTheme,
+    currentGlobalLang,
+    handleCollapsed,
+    currentUser,
+    fetchCurrent,
+    addMasterLocale,
+    setMasterLocale,
+    getMasterLocale,
+    mainHistory,
+    collapsed,
+    dateFormat,
+    timeFormat,
+    timeZone,
+    updateUserPreferenceSettings,
+    templateDownloadModalOpenChange,
+    handleTemplateDownloadModalSearchParamsChange,
+
+    globalWorkCenterRef,
+  };
+};
+
+export default {
+  qiankun,
+  useQiankunStateForSlave,
+};

package/lib/templates/qiankun/cf-workbench-base/src/utils/request.ts

@@ -0,0 +1,45 @@
+import { MC_CurrentSelectWorkCenterId } from '@/components/GlobalHeader/WorkCenterDropdown';
+import { cfmmUtils } from '@umijs/max';
+import { message } from 'antd';
+import { MessageType } from 'antd/es/message/interface';
+import dayjs from 'dayjs';
+import { updateToken } from './keycloak';
+
+// 不需要数据中心的api
+// const noDataCenterUrls = ['/api/mes/process/list'];
+let hide: MessageType;
+
+export const request = () => {
+  return cfmmUtils.getRequestConfig(
+    {
+      // 数据权限中心key
+      authKey: MC_CurrentSelectWorkCenterId,
+      addRequestInterceptors(config) {
+        // const isNoNeedDataCenter = noDataCenterUrls.some((url) => config.url?.startsWith(url));
+        // if (isNoNeedDataCenter && config.url) {
+        //   config.url = cfmmUtils.removeUrlParam(config.url, 'centerId');
+        // }
+        if (config?.headers) {
+          config.headers.timezone = (dayjs as any).tz?.guess();
+        }
+        return config;
+      },
+    },
+    {
+      maxRetryCount: 3,
+      updateToken,
+      onRetryBefore({ retryCount, delay, error, requestConfig }) {
+        // 1. 网络错误
+        const isNetworkError = error.message === 'Network Error';
+        // 2. 请求超时
+        const isTimeoutError = !error.response && error.code === 'ECONNABORTED';
+        if (isNetworkError || isTimeoutError) {
+          if (hide) {
+            hide();
+          }
+          hide = message.error(`[网络重试] 网络错误，${delay / 1000}s 后重试（第 ${retryCount + 1}/${3} 次）`);
+        }
+      },
+    },
+  );
+};

package/lib/templates/qiankun/cf-workbench-base/tsconfig.json

@@ -0,0 +1,3 @@
+{
+  "extends": "./src/.umi/tsconfig.json"
+}

package/lib/templates/qiankun/cf-workbench-base/typings.d.ts

@@ -0,0 +1 @@
+import '@umijs/max/typings';

package/lib/templates/qiankun/cf-workbench-function/.env

@@ -0,0 +1 @@
+PORT=8001

package/lib/templates/qiankun/cf-workbench-function/.eslintrc.js

@@ -0,0 +1,8 @@
+module.exports = {
+  extends: [require.resolve('@umijs/fabric/dist/eslint')],
+  globals: {
+    ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_YOUR_PRODUCTION: true,
+    page: true,
+    REACT_APP_ENV: true,
+  },
+};

package/lib/templates/qiankun/cf-workbench-function/.husky/commit-msg

@@ -0,0 +1 @@
+npx --no-install max verify-commit $1

package/lib/templates/qiankun/cf-workbench-function/.husky/pre-commit

@@ -0,0 +1 @@
+npx --no-install lint-staged --quiet