From aa35965d7a8077ca3298fdce209ec72a16c03ee1 Mon Sep 17 00:00:00 2001 From: zengqiao Date: Mon, 27 Feb 2023 18:43:48 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BD=93=E9=AA=8C=E7=8E=AF=E5=A2=83?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../packages/config-manager-fe/package.json | 5 ++-- .../config/CoverHtmlWebpackPlugin.js | 10 +++++++- .../packages/layout-clusters-fe/package.json | 5 ++-- .../packages/layout-clusters-fe/src/app.tsx | 12 ++++++++++ .../layout-clusters-fe/src/assets/pro-tag.png | Bin 0 -> 1283 bytes .../src/constants/common.ts | 18 +++++++------- .../layout-clusters-fe/src/constants/menu.tsx | 22 ++++++++++++++---- .../layout-clusters-fe/src/index.less | 13 +++++++++++ .../src/pages/Login/config.tsx | 2 ++ .../src/pages/Login/login.tsx | 9 ++++++- pom.xml | 2 +- 11 files changed, 78 insertions(+), 20 deletions(-) create mode 100644 km-console/packages/layout-clusters-fe/src/assets/pro-tag.png diff --git a/km-console/packages/config-manager-fe/package.json b/km-console/packages/config-manager-fe/package.json index 28ed2fbc..e7bceaa1 100644 --- a/km-console/packages/config-manager-fe/package.json +++ b/km-console/packages/config-manager-fe/package.json @@ -35,7 +35,7 @@ }, "devDependencies": { "@ant-design/icons": "^4.6.2", - "@babel/core": "^7.5.5", + "@babel/core": "^7.18.13", "@babel/plugin-proposal-class-properties": "^7.4.0", "@babel/plugin-proposal-decorators": "^7.4.0", "@babel/plugin-proposal-export-default-from": "^7.2.0", @@ -50,7 +50,7 @@ "@babel/preset-react": "^7.0.0", "@babel/preset-typescript": "^7.14.5", "@pmmmwh/react-refresh-webpack-plugin": "^0.5.1", - "@types/lodash": "^4.14.138", + "@types/lodash": "^4.14.184", "@types/react-dom": "^17.0.5", "@types/react-router": "5.1.18", "@types/react-router-dom": "^5.3.3", @@ -76,6 +76,7 @@ "hard-source-webpack-plugin": "^0.13.1", "html-webpack-plugin": "^4.0.0", "husky": "4.3.7", + "knowdesign": "^1.3.7", "less-loader": "^4.1.0", "lint-staged": "10.5.3", "mini-css-extract-plugin": "^1.3.0", diff --git a/km-console/packages/layout-clusters-fe/config/CoverHtmlWebpackPlugin.js b/km-console/packages/layout-clusters-fe/config/CoverHtmlWebpackPlugin.js index dfb6754e..98fc9d5a 100755 --- a/km-console/packages/layout-clusters-fe/config/CoverHtmlWebpackPlugin.js +++ b/km-console/packages/layout-clusters-fe/config/CoverHtmlWebpackPlugin.js @@ -109,7 +109,15 @@ class CoverHtmlWebpackPlugin { - ${process.env.BUSINESS_VERSION === 'true' ? `` : ''} + ${depsMap} diff --git a/km-console/packages/layout-clusters-fe/package.json b/km-console/packages/layout-clusters-fe/package.json index 62fe6f9c..504edadc 100644 --- a/km-console/packages/layout-clusters-fe/package.json +++ b/km-console/packages/layout-clusters-fe/package.json @@ -64,7 +64,7 @@ "webpack-bundle-analyzer": "^4.5.0" }, "devDependencies": { - "@babel/core": "^7.5.5", + "@babel/core": "^7.18.13", "@babel/plugin-proposal-class-properties": "^7.4.0", "@babel/plugin-proposal-decorators": "^7.4.0", "@babel/plugin-proposal-export-default-from": "^7.2.0", @@ -79,7 +79,7 @@ "@babel/preset-typescript": "^7.14.5", "@pmmmwh/react-refresh-webpack-plugin": "^0.5.1", "@types/crypto-js": "^4.1.0", - "@types/lodash": "^4.14.171", + "@types/lodash": "^4.14.184", "@types/node": "^12.12.25", "@types/pubsub-js": "^1.5.18", "@typescript-eslint/eslint-plugin": "4.13.0", @@ -100,6 +100,7 @@ "file-loader": "^6.0.0", "hard-source-webpack-plugin": "^0.13.1", "husky": "4.3.7", + "knowdesign": "^1.3.7", "less": "^3.9.0", "less-loader": "^4.1.0", "lint-staged": "10.5.3", diff --git a/km-console/packages/layout-clusters-fe/src/app.tsx b/km-console/packages/layout-clusters-fe/src/app.tsx index e734f47c..edffd98a 100755 --- a/km-console/packages/layout-clusters-fe/src/app.tsx +++ b/km-console/packages/layout-clusters-fe/src/app.tsx @@ -1,3 +1,4 @@ +/* eslint-disable @typescript-eslint/ban-ts-comment */ /* eslint-disable no-constant-condition */ import '@babel/polyfill'; import React, { useState, useEffect, useLayoutEffect } from 'react'; @@ -84,6 +85,17 @@ const AppContent = (props: { setlanguage: (language: string) => void }) => { } else { setCurActiveAppName('cluster'); } + // @ts-ignore + window._hmt = window._hmt || []; + // window._hmt.push([ + // '_setPageviewProperty', + // { + // page_name: 'test', + // page_title: null, // 当属性值传入 null 时，其作用为删除此前设置的该 PV 属性 + // }, + // ]); + // @ts-ignore + window._hmt.push(['_trackPageview', pathname]); }, [pathname]); // 获取版本信息 diff --git a/km-console/packages/layout-clusters-fe/src/assets/pro-tag.png b/km-console/packages/layout-clusters-fe/src/assets/pro-tag.png new file mode 100644 index 0000000000000000000000000000000000000000..28caa9a54d0253fbda505aa320051ebba4085bde GIT binary patch literal 1283 zcmV+e1^oJnP)gs_{q)!W z1+jjr$!T+2=|C&Aj?#Tb_ zy8oR*|Bo&G^VR>}ga4R1{_DH{l{fr|A^3t4|Hz2{#e({V9slE-|G|0xzjyue)c^0w z|LeE^*rETfUH_g%|Jrf?wrBsUmO4c129QMK~y-)U6f}-+F%rg zU$@on-2ftzFhrD5hAb&T!G$& z@PJq6L6Dpy!S1e^9|SqdGs>q@8egp@KR_MN4RUL|AM+58c_6>W+ibSvLg)u$@b>_}i$b!fI#H$ za@oHzv*2>GSrGI2ywtm)h6c<52$Tl}cKa6w4^SQu6nc$Dqc2JQ1o-phuk%%dUwXr| z0Yky%LZO5WD$8;?f&MX*r$CSg1WSza01pCjiyB&xTY=+~cI>uw&vC*@w{g@Vf8wJc zpn;`xAn?#aG_P8L+Et@f9Q3$$Q&B3F%7shk<56Y~tSpMF*#EYCRkPHKVzF?3FXR>Z z?Bu*Myukd(hZ*EY|D1nE6l=9wy(h^M2ZG|GgL51Wp6rmnt5!N7Kt9ZXccyV6Kma|J zWx3h5#6WNi^YqwrlxWl3Z0~REuO9PhF3*h6x z`^Pj7Xtzu*r`%EgNF9ir#s5y^KG!N#>IdjKs*lks3_6~T~;cE z%WGAAAb)ru!={mk0fRuY=>8xWh`>Ys)?lcr*QX|*Ve?eLK5aDQH!grKj4q&adZ#rA z1et7xvF|107Zmva!nBRUhU)&=Y?iV4x5mZu&lmHOkLvy)_{A7|MLZ6`Yw{S#;Fm^u z6tHO!7 { export const getLicenseInfo = (cbk: (msg: string) => void) => { if (process.env.BUSINESS_VERSION) { - const info = (window as any).code; - if (!info) { - setTimeout(() => getLicenseInfo(cbk), 1000); - } else { - const res = info() || {}; - if (res.code !== 0) { - cbk(res.msg); - } - } + // const info = (window as any).code; + // if (!info) { + // setTimeout(() => getLicenseInfo(cbk), 1000); + // } else { + // const res = info() || {}; + // if (res.code !== 0) { + // cbk(res.msg); + // } + // } } }; diff --git a/km-console/packages/layout-clusters-fe/src/constants/menu.tsx b/km-console/packages/layout-clusters-fe/src/constants/menu.tsx index 47d84df4..a735bf46 100755 --- a/km-console/packages/layout-clusters-fe/src/constants/menu.tsx +++ b/km-console/packages/layout-clusters-fe/src/constants/menu.tsx @@ -150,7 +150,14 @@ export const leftMenus = (clusterId?: string, clusterRunState?: number) => ({ children: [ process.env.BUSINESS_VERSION ? { - name: 'balance', + name: (intl: any) => { + return ( +
+ {intl.formatMessage({ id: 'menu.cluster.operation.balance' })} +
+
+ ); + }, path: 'balance', icon: '#icon-luoji', } @@ -164,19 +171,26 @@ export const leftMenus = (clusterId?: string, clusterRunState?: number) => ({ }, process.env.BUSINESS_VERSION ? { - name: 'produce-consume', + name: (intl: any) => { + return ( +
+ {intl.formatMessage({ id: 'menu.cluster.produce-consume' })} +
+
+ ); + }, path: 'testing', icon: 'icon-Message', permissionPoint: [ClustersPermissionMap.TEST_CONSUMER, ClustersPermissionMap.TEST_PRODUCER], children: [ { - name: 'producer', + name: (intl: any) => {intl.formatMessage({ id: 'menu.cluster.produce-consume.producer' })}, path: 'producer', icon: 'icon-luoji', permissionPoint: ClustersPermissionMap.TEST_PRODUCER, }, { - name: 'consumer', + name: (intl: any) => {intl.formatMessage({ id: 'menu.cluster.produce-consume.consumer' })}, path: 'consumer', icon: 'icon-luoji', permissionPoints: ClustersPermissionMap.TEST_CONSUMER, diff --git a/km-console/packages/layout-clusters-fe/src/index.less b/km-console/packages/layout-clusters-fe/src/index.less index cba2f5d2..4028673e 100644 --- a/km-console/packages/layout-clusters-fe/src/index.less +++ b/km-console/packages/layout-clusters-fe/src/index.less @@ -259,6 +259,19 @@ li { } } +.menu-item-with-pro-tag { + display: flex; + .pro-tag { + width: 24px; + margin-left: 4px; + background: no-repeat center/24px 16px url('./assets/pro-tag.png'); + } +} + +.dcloud-menu-item-selected .menu-item-with-pro-tag .pro-tag { + width: 0; +} + .menu-item-with-beta-tag { display: flex; .beta-tag { diff --git a/km-console/packages/layout-clusters-fe/src/pages/Login/config.tsx b/km-console/packages/layout-clusters-fe/src/pages/Login/config.tsx index 9b887072..2665a294 100644 --- a/km-console/packages/layout-clusters-fe/src/pages/Login/config.tsx +++ b/km-console/packages/layout-clusters-fe/src/pages/Login/config.tsx @@ -45,6 +45,7 @@ export const FormMap = [ prefix: <>, // prefix: , }, + initialValue: 'admin', }, { key: 'pw', @@ -64,6 +65,7 @@ export const FormMap = [ placeholder: '请输入密码', // prefix: , }, + initialValue: 'admin2022_', }, ]; diff --git a/km-console/packages/layout-clusters-fe/src/pages/Login/login.tsx b/km-console/packages/layout-clusters-fe/src/pages/Login/login.tsx index 0400dbf0..66881716 100644 --- a/km-console/packages/layout-clusters-fe/src/pages/Login/login.tsx +++ b/km-console/packages/layout-clusters-fe/src/pages/Login/login.tsx @@ -58,7 +58,14 @@ export const LoginForm: React.FC = (props) => { {FormMap.map((formItem) => { return ( - + {renderFormItem(formItem)} diff --git a/pom.xml b/pom.xml index e2f062a3..a3de1645 100644 --- a/pom.xml +++ b/pom.xml @@ -15,7 +15,7 @@ - enterprise-3.3.0 + demo-3.3.0 8 8