@ysjdemo/umi-create-cli 0.0.3 → 0.0.4

package/lib/templates/qiankun/cf-workbench-base/public/pro_icon.svg

@@ -0,0 +1,5 @@
+<svg width="42" height="42" xmlns="http://www.w3.org/2000/svg">
+ <g>
+  <path fill="#070707" d="m6.717392,13.773912l5.6,0c2.8,0 4.7,1.9 4.7,4.7c0,2.8 -2,4.7 -4.9,4.7l-2.5,0l0,4.3l-2.9,0l0,-13.7zm2.9,2.2l0,4.9l1.9,0c1.6,0 2.6,-0.9 2.6,-2.4c0,-1.6 -0.9,-2.4 -2.6,-2.4l-1.9,0l0,-0.1zm8.9,11.5l2.7,0l0,-5.7c0,-1.4 0.8,-2.3 2.2,-2.3c0.4,0 0.8,0.1 1,0.2l0,-2.4c-0.2,-0.1 -0.5,-0.1 -0.8,-0.1c-1.2,0 -2.1,0.7 -2.4,2l-0.1,0l0,-1.9l-2.7,0l0,10.2l0.1,0zm11.7,0.1c-3.1,0 -5,-2 -5,-5.3c0,-3.3 2,-5.3 5,-5.3s5,2 5,5.3c0,3.4 -1.9,5.3 -5,5.3zm0,-2.1c1.4,0 2.2,-1.1 2.2,-3.2c0,-2 -0.8,-3.2 -2.2,-3.2c-1.4,0 -2.2,1.2 -2.2,3.2c0,2.1 0.8,3.2 2.2,3.2z" class="st0" id="Ant-Design-Pro"/>
+ </g>
+</svg>

package/lib/templates/qiankun/cf-workbench-base/public/version.json

@@ -0,0 +1 @@
+{"version":"65f98d2"}

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

@@ -0,0 +1,111 @@
+// 运行时配置
+import 'nprogress/nprogress.css';
+
+import './echarsDarkTheme';
+
+import '@/lib/echarts/i18n/langHK';
+import 'echarts/i18n/langEN.js';
+import 'echarts/i18n/langTH.js';
+import 'echarts/i18n/langZH.js';
+
+import { addLocale, cfmmUtils, LoadingSvg } from '@umijs/max';
+import { ConfigProvider, Spin } from 'antd';
+import NProgress from 'nprogress';
+import defaultSettings, { blankSettings } from '../config/defaultSettings';
+import RightContent from './components/GlobalHeader/RightContent';
+import getLayoutConfig from './components/Layout/getLayoutConfig';
+import { getLayoutSettings } from './components/Layout/utils';
+import { HOME_ROUTE_PATH } from './constants';
+import { CurrentUser } from './models/user';
+import { queryCurrent } from './services/user';
+import { onLogin } from './utils/keycloak';
+import qiankunConfig from './utils/qiankunConfig';
+
+// Spin组件加载动画
+Spin.setDefaultIndicator(LoadingSvg);
+
+// 进度条不需要右上角的加载圈圈
+NProgress.configure({
+  showSpinner: false,
+});
+
+// 全局初始化数据配置，用于 Layout 用户信息和权限初始化
+// 更多信息见文档：https://umijs.org/docs/api/runtime-config#getinitialstate
+export async function getInitialState(): Promise<any> {
+  // 启动版本检查
+  await cfmmUtils.startVersionCheck({
+    checkInterval: 5 * 60 * 1000, // 5分钟检查一次
+  });
+
+  // 加载应用时重新获取语言
+  const locale = JSON.parse(sessionStorage.getItem('locale-language') || '{}');
+  Object.keys(locale).forEach((key) => {
+    // @ts-ignore
+    addLocale(key, locale[key]);
+  });
+
+  await onLogin();
+
+  // 登录完成加载应用时显示进度条
+  NProgress.start();
+
+  // 获取用户信息
+  let currentUser: CurrentUser = {} as CurrentUser;
+  let settings;
+  try {
+    const response = await queryCurrent();
+    if (response.code === 200) {
+      currentUser = response.data || {};
+    } else {
+      currentUser = {} as CurrentUser;
+    }
+  } catch (error) {
+    currentUser = {} as CurrentUser;
+    console.log('error');
+  }
+
+  settings = getLayoutSettings(currentUser, defaultSettings, blankSettings);
+
+  return {
+    settings,
+    currentUser,
+  };
+}
+
+// 菜单配置，每次切换路由都会重新执行
+export const layout = getLayoutConfig({
+  qiankunApps: qiankunConfig.qiankun.apps,
+  homeRoutePath: HOME_ROUTE_PATH,
+  hasAppList: true,
+  rightContentRender: () => (
+    <ConfigProvider prefixCls="mainAnt">
+      <RightContent />
+    </ConfigProvider>
+  ),
+});
+
+// 请求配置
+export { request } from '@/utils/request';
+
+// qiankun状态共享
+export const useQiankunStateForSlave = qiankunConfig.useQiankunStateForSlave;
+
+// qiankun配置
+export const qiankunNew = qiankunConfig.qiankun;
+
+// 渲染前修改路由表，但不是响应式的，菜单不会变化
+export function patchClientRoutes() {
+  // routes.unshift({
+  //   path: '/foo',
+  //   name: 'aaa',
+  //   element: <div>123</div>,
+  // });
+}
+
+// 路由变化时执行
+export function onRouteChange() {}
+
+// 覆写 render。
+export function render(oldRender: any) {
+  oldRender();
+}

package/lib/templates/qiankun/cf-workbench-base/src/assets/logo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200" version="1.1" viewBox="0 0 200 200"><title>Group 28 Copy 5</title><desc>Created with Sketch.</desc><defs><linearGradient id="linearGradient-1" x1="62.102%" x2="108.197%" y1="0%" y2="37.864%"><stop offset="0%" stop-color="#4285EB"/><stop offset="100%" stop-color="#2EC7FF"/></linearGradient><linearGradient id="linearGradient-2" x1="69.644%" x2="54.043%" y1="0%" y2="108.457%"><stop offset="0%" stop-color="#29CDFF"/><stop offset="37.86%" stop-color="#148EFF"/><stop offset="100%" stop-color="#0A60FF"/></linearGradient><linearGradient id="linearGradient-3" x1="69.691%" x2="16.723%" y1="-12.974%" y2="117.391%"><stop offset="0%" stop-color="#FA816E"/><stop offset="41.473%" stop-color="#F74A5C"/><stop offset="100%" stop-color="#F51D2C"/></linearGradient><linearGradient id="linearGradient-4" x1="68.128%" x2="30.44%" y1="-35.691%" y2="114.943%"><stop offset="0%" stop-color="#FA8E7D"/><stop offset="51.264%" stop-color="#F74A5C"/><stop offset="100%" stop-color="#F51D2C"/></linearGradient></defs><g id="Page-1" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="logo" transform="translate(-20.000000, -20.000000)"><g id="Group-28-Copy-5" transform="translate(20.000000, 20.000000)"><g id="Group-27-Copy-3"><g id="Group-25" fill-rule="nonzero"><g id="2"><path id="Shape" fill="url(#linearGradient-1)" d="M91.5880863,4.17652823 L4.17996544,91.5127728 C-0.519240605,96.2081146 -0.519240605,103.791885 4.17996544,108.487227 L91.5880863,195.823472 C96.2872923,200.518814 103.877304,200.518814 108.57651,195.823472 L145.225487,159.204632 C149.433969,154.999611 149.433969,148.181924 145.225487,143.976903 C141.017005,139.771881 134.193707,139.771881 129.985225,143.976903 L102.20193,171.737352 C101.032305,172.906015 99.2571609,172.906015 98.0875359,171.737352 L28.285908,101.993122 C27.1162831,100.824459 27.1162831,99.050775 28.285908,97.8821118 L98.0875359,28.1378823 C99.2571609,26.9692191 101.032305,26.9692191 102.20193,28.1378823 L129.985225,55.8983314 C134.193707,60.1033528 141.017005,60.1033528 145.225487,55.8983314 C149.433969,51.69331 149.433969,44.8756232 145.225487,40.6706018 L108.58055,4.05574592 C103.862049,-0.537986846 96.2692618,-0.500797906 91.5880863,4.17652823 Z"/><path id="Shape" fill="url(#linearGradient-2)" d="M91.5880863,4.17652823 L4.17996544,91.5127728 C-0.519240605,96.2081146 -0.519240605,103.791885 4.17996544,108.487227 L91.5880863,195.823472 C96.2872923,200.518814 103.877304,200.518814 108.57651,195.823472 L145.225487,159.204632 C149.433969,154.999611 149.433969,148.181924 145.225487,143.976903 C141.017005,139.771881 134.193707,139.771881 129.985225,143.976903 L102.20193,171.737352 C101.032305,172.906015 99.2571609,172.906015 98.0875359,171.737352 L28.285908,101.993122 C27.1162831,100.824459 27.1162831,99.050775 28.285908,97.8821118 L98.0875359,28.1378823 C100.999864,25.6271836 105.751642,20.541824 112.729652,19.3524487 C117.915585,18.4685261 123.585219,20.4140239 129.738554,25.1889424 C125.624663,21.0784292 118.571995,14.0340304 108.58055,4.05574592 C103.862049,-0.537986846 96.2692618,-0.500797906 91.5880863,4.17652823 Z"/></g><path id="Shape" fill="url(#linearGradient-3)" d="M153.685633,135.854579 C157.894115,140.0596 164.717412,140.0596 168.925894,135.854579 L195.959977,108.842726 C200.659183,104.147384 200.659183,96.5636133 195.960527,91.8688194 L168.690777,64.7181159 C164.472332,60.5180858 157.646868,60.5241425 153.435895,64.7316526 C149.227413,68.936674 149.227413,75.7543607 153.435895,79.9593821 L171.854035,98.3623765 C173.02366,99.5310396 173.02366,101.304724 171.854035,102.473387 L153.685633,120.626849 C149.47715,124.83187 149.47715,131.649557 153.685633,135.854579 Z"/></g><ellipse id="Combined-Shape" cx="100.519" cy="100.437" fill="url(#linearGradient-4)" rx="23.6" ry="23.581"/></g></g></g></g></svg>

package/lib/templates/qiankun/cf-workbench-base/src/components/DicDropDownList/index.tsx

@@ -0,0 +1,81 @@
+import { Select, } from 'antd';
+import React, { useState, useEffect } from 'react';
+
+import { queryDictionary } from '@/pages/System/Dictionary/service';
+import { useIntl } from '@umijs/max';
+
+const { Option } = Select;
+
+export interface DicListItem {
+  dicCode: string;
+  dicId: number;
+  dicName: string;
+  dicType: string;
+  dicValue: string;
+}
+
+export interface DicDataItem {
+  dicType: string;
+  list: DicListItem[]
+}
+
+export interface DicDropDownListProps {
+  value?: string;
+  disabled?: boolean;
+  onChange?: any;
+  dicTypes?: string[] | string;
+  localListData?: DicListItem[];
+  showCode?: boolean;
+}
+
+const DicDropDownList: React.FC<DicDropDownListProps> = props => {
+  const {
+    value,
+    disabled,
+    onChange,
+    dicTypes,
+    localListData,
+    showCode = true
+  } = props;
+
+  const intl = useIntl()
+  const [dicData, setDicData] = useState<DicListItem[]>([]);
+
+  useEffect(() => {
+    if(localListData && Array.isArray(localListData)) {
+      setDicData(localListData)
+      return;
+    }
+    if(dicTypes) {
+      (async () => {
+        const { rows } = await queryDictionary({ dicType: dicTypes });
+        if (rows && rows.length > 0) {
+          setDicData(rows)
+        }
+      })();
+    }
+  }, [localListData]);
+
+  return (
+    <Select
+      disabled={disabled}
+      placeholder={intl.formatMessage({id: 'common.select.placeholder', defaultMessage: '请选择'})}
+      onChange={onChange}
+      allowClear
+      value={value}
+    >
+      {
+        dicData.map(item => {
+          return <Option
+            key={item.dicId}
+            value={item.dicCode}
+          >
+            {showCode ? `${item.dicName}(${item.dicCode})` : item.dicName}
+          </Option>
+        })
+      }
+    </Select>
+  );
+};
+
+export default DicDropDownList;

package/lib/templates/qiankun/cf-workbench-base/src/components/GlobalHeader/RightContent.tsx

@@ -0,0 +1,30 @@
+import { GlobalHeader, useModel } from '@umijs/max';
+
+import TemplateDownloadModal from '@/pages/System/Template/components/TemplateDownloadModal';
+import WorkCenterDropdown from './WorkCenterDropdown';
+
+const RightContent = () => {
+  const { templateDownloadModalVisible, templateDownloadModalOpenChange } = useModel('global');
+
+  const replaceItems = [
+    {
+      key: 'AuthDropdown',
+      component: <WorkCenterDropdown />,
+    },
+  ]
+
+  return (
+    <>
+      <GlobalHeader replaceItems={replaceItems}/>
+
+      {templateDownloadModalVisible ? (
+        <TemplateDownloadModal
+          open={templateDownloadModalVisible}
+          onCancel={() => templateDownloadModalOpenChange?.(false)}
+        />
+      ) : null}
+    </>
+  );
+};
+
+export default RightContent;

package/lib/templates/qiankun/cf-workbench-base/src/components/GlobalHeader/WorkCenterDropdown.tsx

@@ -0,0 +1,187 @@
+import { BankOutlined } from '@ant-design/icons';
+import { FormattedMessage, useIntl, useModel } from '@umijs/max';
+import { Button, Col, Drawer, message, Radio, RadioChangeEvent, Space } from 'antd';
+import React, { useEffect, useState } from 'react';
+
+import _ from 'lodash';
+
+/** 当前选中数据中心的ID保存至本地存储的key */
+export const MC_CurrentSelectWorkCenterId = 'currentSelectWorkCenterId';
+
+export interface WorkCenterListItem {
+  centerName: string;
+  companyName: string;
+  centerId: string;
+
+  companyId: string;
+
+  status: string;
+  remark: string;
+}
+
+function WorkCenterDropdown() {
+  const { formatMessage } = useIntl();
+
+  const { initialState } = useModel('@@initialState');
+  const { globalWorkCenterRef } = useModel('globalRef');
+
+  //当前用户信息
+  const { currentUser } = initialState;
+
+  // 弹出框
+  const [isModalOpen, setIsModalOpen] = useState(false);
+
+  // 已授权的工作中心列表
+  const [authWorkCenterList, setAuthWorkCenterList] = useState<WorkCenterListItem[]>([]);
+
+  // 选择的授权工作中心数据
+  const [authWorkCenterValue, setAuthWorkCenterValue] = useState<string>();
+
+  // 选择的临时授权工作中心数据，方便将数据进行返回
+  const [tempAuthWorkCenterValue, setTempAuthWorkCenterValue] = useState<string>();
+
+  // 默认获取列表的
+  useEffect(() => {
+    const getAllAuthWorkCenterList: WorkCenterListItem[] = currentUser?.workCenterAuthList || [];
+
+    // 授权工作中心列表
+    setAuthWorkCenterList(getAllAuthWorkCenterList);
+
+    //从缓存值中获取选中的授权工作中心
+    const getLatestAuthWorkCenterId = localStorage.getItem(MC_CurrentSelectWorkCenterId);
+
+    //判断缓存值是否存在当次的所有授权列表中
+    const filterAuthWorkCenterList = getAllAuthWorkCenterList.filter(
+      (item) => item.centerId?.toString() == getLatestAuthWorkCenterId,
+    );
+
+    if (filterAuthWorkCenterList.length > 0) {
+      // 默认值
+      setAuthWorkCenterValue(filterAuthWorkCenterList[0].centerId);
+
+      // 临时默认值
+      setTempAuthWorkCenterValue(filterAuthWorkCenterList[0].centerId);
+    } else {
+      // 清除缓存数据
+      localStorage.removeItem(MC_CurrentSelectWorkCenterId);
+
+      if (getAllAuthWorkCenterList && getAllAuthWorkCenterList.length > 0) {
+        // 默认值
+        setAuthWorkCenterValue(getAllAuthWorkCenterList[0].centerId);
+
+        // 临时默认值
+        setTempAuthWorkCenterValue(getAllAuthWorkCenterList[0].centerId);
+
+        // 重新设置缓存数据
+        localStorage.setItem(MC_CurrentSelectWorkCenterId, getAllAuthWorkCenterList[0].centerId.toString());
+      }
+    }
+  }, [currentUser]);
+
+  // 确认
+  const handleOk = () => {
+    if (authWorkCenterValue) {
+      // 当确定后，将选中的授权工作中心数据给到临时授权工作中心数据
+      setTempAuthWorkCenterValue(authWorkCenterValue);
+
+      //保存当前选中的工作中心ID及工作中心名称
+      localStorage.setItem(MC_CurrentSelectWorkCenterId, authWorkCenterValue?.toString());
+
+      message.success(
+        formatMessage({
+          id: 'common.title.SwitchWorkCenter',
+          defaultMessage: '切换工作中心成功',
+        }),
+      );
+
+      // 关闭弹出框
+      setIsModalOpen(false);
+
+      // 页面重新加载，与切换多语言类似，重新加载系统
+      window.location.reload();
+    }
+    return true;
+  };
+
+  // 取消
+  const handleCancel = () => {
+    // 将临时的授权工作中心数据给到授权工作中心数据，相当于没有选择过
+    setAuthWorkCenterValue(tempAuthWorkCenterValue);
+
+    //关闭弹出框
+    setIsModalOpen(false);
+  };
+
+  // 选择事件
+  const onRadioChange = (e: RadioChangeEvent) => {
+    setAuthWorkCenterValue(e.target.value);
+  };
+
+  //页脚按钮
+  const drawerFooter = (
+    <div style={{ textAlign: 'right' }}>
+      <Space>
+        <Button key="back" onClick={handleCancel}>
+          <FormattedMessage id="common.pages.updateForm.reset.button.text" defaultMessage="取消" />
+        </Button>
+        <Button key="submit" type="primary" onClick={handleOk}>
+          <FormattedMessage id="common.pages.updateForm.submit.button.text" defaultMessage="确认" />
+        </Button>
+      </Space>
+    </div>
+  );
+
+  return currentUser ? (
+    <Col>
+      {authWorkCenterList && authWorkCenterList.length > 0 && (
+        <Button
+          ref={globalWorkCenterRef}
+          type="primary"
+          danger
+          icon={<BankOutlined />}
+          onClick={() => {
+            if (authWorkCenterList && authWorkCenterList.length > 1) {
+              /**
+               * 只有当前用户授权的工作中心大于1时，才需要选择，否则不需要选择
+               */
+              setIsModalOpen(true);
+            } else {
+              /**
+               * 错误提醒
+               */
+              message.error(
+                formatMessage({
+                  id: 'common.pages.OnlyOneWorkCenter.message',
+                  defaultMessage: '只有一个授权工作中心，无法进行选择！',
+                }),
+              );
+            }
+          }}
+        >{`${_.filter(authWorkCenterList, { centerId: authWorkCenterValue })[0].centerName} 
+        `}</Button>
+      )}
+      <Drawer
+        title={formatMessage({
+          id: 'common.title.UserWorkCenterAuthList',
+          defaultMessage: '用户工作中心权限列表',
+        })}
+        width={500}
+        open={isModalOpen}
+        onClose={handleCancel}
+        footer={drawerFooter}
+      >
+        <Radio.Group onChange={onRadioChange} value={authWorkCenterValue}>
+          <Space direction="vertical" size={20}>
+            {authWorkCenterList?.map((item) => (
+              <Radio key={item.centerId} value={item.centerId}>
+                {item.centerName}
+              </Radio>
+            ))}
+          </Space>
+        </Radio.Group>
+      </Drawer>
+    </Col>
+  ) : null;
+}
+
+export default React.memo(WorkCenterDropdown);