dashboard-shell-shell 1.0.1000000116 → 1.0.1000000117

package/pages/c/_cluster/settings/performance.vue

@@ -204,14 +204,16 @@ export default {
 <template>
   <Loading v-if="$fetchState.pending" />
   <div v-else>
+    <!-- 面包屑 -->
+    <div class="excram-list">全局设置 / <span style="color: #1890FF;">性能</span></div>
     <h1 class="mb-20">
       {{ t('performance.label') }}
     </h1>
     <div>
-      <div class="ui-perf-setting">
-        <!-- Inactivity -->
-        <div class="mt-20">
-          <h2>{{ t('performance.inactivity.title') }}</h2>
+      <div class="ui-perf-setting pb-40">
+        <!-- 闲置状态 -->
+        <div class="mb-20 p-20" style="border: 1px solid var(--nav-border);">
+          <h2 class="mb-20">{{ t('performance.inactivity.title') }}</h2>
           <p>{{ t('performance.inactivity.description') }}</p>
           <Checkbox
             v-model:value="value.inactivity.enabled"
@@ -238,21 +240,21 @@ export default {
             />
           </div>
         </div>
-        <!-- Websocket Notifications -->
-        <div class="mt-40">
-          <h2>{{ t('performance.websocketNotification.label') }}</h2>
+        <!-- WebSocket 通知 -->
+        <div class="mb-40 p-20" style="border: 1px solid var(--nav-border);">
+          <h2  class="mb-20">{{ t('performance.websocketNotification.label') }}</h2>
           <p>{{ t('performance.websocketNotification.description') }}</p>
           <Checkbox
             v-model:value="value.disableWebsocketNotification"
             :mode="mode"
             :label="t('performance.websocketNotification.checkboxLabel')"
-            class="mt-10 mb-20"
+            class="mt-10"
             :primary="true"
           />
         </div>
         <!-- Server Side Pagination -->
-        <div class="mt-20">
-          <h2 id="ssp-setting">
+        <div class="mb-20 p-20" style="border: 1px solid var(--nav-border);">
+          <h2 class="mb-20" id="ssp-setting">
             {{ t('performance.serverPagination.label') }}
           </h2>
           <p>{{ t('performance.serverPagination.description') }}</p>
@@ -286,9 +288,9 @@ export default {
             />
           </Collapse>
         </div>
-        <!-- Incremental Loading -->
-        <div class="mt-20">
-          <h2>{{ t('performance.incrementalLoad.label') }}</h2>
+        <!-- 增量加载 -->
+        <div class="mb-20 p-20" style="border: 1px solid var(--nav-border);">
+          <h2 class="mb-20">{{ t('performance.incrementalLoad.label') }}</h2>
           <Banner
             color="warning"
           >
@@ -318,9 +320,9 @@ export default {
             />
           </div>
         </div>
-        <!-- Enable manual refresh list views -->
-        <div class="mt-40">
-          <h2 v-t="'performance.manualRefresh.label'" />
+        <!-- 手动刷新 -->
+        <div class="mb-20 p-20" style="border: 1px solid var(--nav-border);">
+          <h2 class="mb-20" v-t="'performance.manualRefresh.label'" />
           <Banner
             color="warning"
           >
@@ -350,9 +352,9 @@ export default {
             />
           </div>
         </div>
-        <!-- Enable GC of resources from store -->
-        <div class="mt-40">
-          <h2 v-t="'performance.gc.label'" />
+        <!-- 资源垃圾回收 -->
+        <div class="mb-20 p-20" style="border: 1px solid var(--nav-border);">
+          <h2 class="mb-20" v-t="'performance.gc.label'" />
           <Banner
             color="warning"
           >
@@ -431,9 +433,9 @@ export default {
             </div>
           </div>
         </div>
-        <!-- Force NS filter -->
-        <div class="mt-40">
-          <h2>{{ t('performance.nsFiltering.label') }}</h2>
+        <!-- 要求资源组/项目过滤 -->
+        <div class="mb-20 p-20" style="border: 1px solid var(--nav-border);">
+          <h2 class="mb-20">{{ t('performance.nsFiltering.label') }}</h2>
           <Banner
             color="warning"
           >
@@ -449,9 +451,9 @@ export default {
             @update:value="compatibleWarning('forceNsFilterV2', $event)"
           />
         </div>
-        <!-- Advanced Websocket Worker -->
-        <div class="mt-20">
-          <h2>{{ t('performance.advancedWorker.label') }}</h2>
+        <!-- Websocket Web Worker -->
+        <div class="mb-20 p-20" style="border: 1px solid var(--nav-border);">
+          <h2 class="mb-20">{{ t('performance.advancedWorker.label') }}</h2>
           <Banner
             color="warning"
           >
@@ -477,10 +479,10 @@ export default {
         :label="err"
       />
     </template>
-    <div v-if="mode === 'edit'">
+    <div class="action-btn" v-if="mode === 'edit'">
       <AsyncButton
         data-testid="performance__save-btn"
-        class="pull-right mt-20"
+        class="pull-right"
         mode="apply"
         :disabled="!canSave"
         @click="save"
@@ -490,6 +492,17 @@ export default {
 </template>
 
 <style scoped lang='scss'>
+.action-btn {
+  padding: 10px 30px;
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  background: var(--body-bg);
+  border-top: 1px solid var(--nav-border);
+}
+
+
 .overlay {
   width: 100%;
   height: 100%;
@@ -499,17 +512,27 @@ export default {
   background-color: var(--overlay-bg);
   z-index: 1;
 }
-  .ui-perf-setting {
-    P {
-      line-height: 1.25;
-      margin-bottom: 10px;
-    }
-
-    .underline {
-      text-decoration: underline;
-    }
+.ui-perf-setting {
+  P {
+    line-height: 1.25;
+    margin-bottom: 10px;
   }
-  .input {
-    max-width: 25%;
+
+  .underline {
+    text-decoration: underline;
   }
+}
+.input {
+  max-width: 25%;
+}
+h2{
+  font-size: 14px;
+}
+
+.excram-list{
+  font-size: 14px;
+  line-height: 22px;
+  margin-bottom: 20px;
+  font-family: 'Microsoft YaHei';
+}
 </style>

package/pages/home.vue

@@ -64,7 +64,12 @@ export default defineComponent({
       query: { [MODE]: _IMPORT }
     };
 
+    const topLevelPermissions = sessionStorage.getItem('TOPLEVELPERMISSIONS') || ''
+
+    const topLevelPermissionsVis = topLevelPermissions && topLevelPermissions === 'superadmin'
+
     return {
+      topLevelPermissionsVis,
       HIDE_HOME_PAGE_CARDS,
       fullVersion: getVersionInfo(this.$store).fullVersion,
       // Page actions don't change on the Home Page
@@ -504,17 +509,26 @@ export default defineComponent({
 </script>
 
 <template>
+   <!-- 当 managementReady 为 true 时才显示首页内容 -->
   <div
     v-if="managementReady"
     class="home-page"
   >
+
+    <!-- 页签标题组件，不显示子页面标题和面包屑 -->
     <TabTitle
+      v-if="topLevelPermissionsVis"
       :show-child="false"
       :breadcrumb="false"
     >
+
+      <!-- 页面标题：{vendor} - 首页 -->
       {{ `${vendor} - ${t('landing.homepage')}` }}
     </TabTitle>
+
+    <!-- 首页欢迎横幅 -->
     <BannerGraphic
+      v-if="topLevelPermissionsVis"
       :small="true"
       :title="t('landing.welcomeToRancher', {vendor})"
       :pref="HIDE_HOME_PAGE_CARDS"
@@ -522,18 +536,28 @@ export default defineComponent({
       data-testid="home-banner-graphic"
     />
     <IndentedPanel class="mt-20 mb-20">
+
+
+
+      <!-- 如果用户还没看过“新功能”提示 -->
       <div
-        v-if="!readWhatsNewAlready"
+        v-if="!readWhatsNewAlready && topLevelPermissionsVis"
         class="row"
       >
         <div class="col span-12">
+          <!-- 信息提示横幅，颜色类型 info whats-new -->
           <Banner
             data-testid="changelog-banner"
             color="info whats-new"
           >
             <div>
+
+              <!-- 显示版本更新提示 -->
               {{ t('landing.seeWhatsNew', { version: CURRENT_RANCHER_VERSION }) }}
             </div>
+
+            <!-- 跳转到更新日志链接 -->
+            <!-- 链接文本，支持 HTML 清理 -->
             <a
               class="hand banner-link"
               :href="releaseNotesUrl"
@@ -547,13 +571,21 @@ export default defineComponent({
           </Banner>
         </div>
       </div>
+
+       <!-- 主面板布局 -->
       <div class="row home-panels">
         <div class="col main-panel">
+          <h2 class="mb-20">
+            {{ t('landing.clusters.title') }}
+          </h2>
+          <!-- 如果不需要显示“设置登录页提示” -->
           <div
-            v-if="!showSetLoginBanner"
+            v-if="!showSetLoginBanner && topLevelPermissionsVis"
             class="mb-10 row"
           >
             <div class="col span-12">
+
+              <!-- 可关闭的提示横幅 -->
               <Banner
                 color="set-login-page mt-0"
                 data-testid="set-login-page-banner"
@@ -563,6 +595,8 @@ export default defineComponent({
                 <div>
                   {{ t('landing.landingPrefs.title') }}
                 </div>
+
+                <!-- 用户点击后进入偏好设置 -->
                 <a
                   class="hand mr-20"
                   tabindex="0"
@@ -574,11 +608,17 @@ export default defineComponent({
               </Banner>
             </div>
           </div>
+
+          <!-- 集群列表面板 -->
           <div class="row panel">
+
+            <!-- 如果是多集群模式（mcm = multi-cluster management） -->
             <div
               v-if="mcm"
               class="col span-12"
             >
+
+              <!-- 分页资源表格 -->
               <PaginatedResourceTable
                 v-if="provClusterSchema"
                 :schema="provClusterSchema"
@@ -598,27 +638,17 @@ export default defineComponent({
                 :fetchSecondaryResources="fetchSecondaryResources"
                 :fetchPageSecondaryResources="fetchPageSecondaryResources"
               >
-                <template #header-left>
-                  <div class="row table-heading">
-                    <h2 class="mb-0">
-                      {{ t('landing.clusters.title') }}
-                    </h2>
-                    <BadgeState
-                      v-if="clusterCount"
-                      :label="clusterCount.toString()"
-                      color="role-tertiary ml-20 mr-20"
-                    />
-                  </div>
-                </template>
+
+                <!-- 表头中间：管理、导入、创建按钮 -->
                 <template
                   v-if="canCreateCluster || !!provClusterSchema"
-                  #header-middle
+                  #header-right
                 >
-                  <div class="table-heading">
+                  <div v-if="topLevelPermissionsVis" class="table-heading">
                     <router-link
                       v-if="!!provClusterSchema"
                       :to="manageLocation"
-                      class="btn btn-sm role-secondary"
+                      class="btn btn-sm role-primary"
                       data-testid="cluster-management-manage-button"
                       role="button"
                       :aria-label="t('cluster.manageAction')"
@@ -650,6 +680,8 @@ export default defineComponent({
                     </router-link>
                   </div>
                 </template>
+
+                <!-- 列渲染：集群名称 -->
                 <template #col:name="{row}">
                   <td class="col-name">
                     <div class="list-cluster-name">
@@ -657,6 +689,8 @@ export default defineComponent({
                         v-if="row.mgmt"
                         class="cluster-name"
                       >
+
+                        <!-- 如果集群就绪且无错误，跳转到集群 Explorer 页面 -->
                         <router-link
                           v-if="row.mgmt.isReady && !row.hasError"
                           :to="{ name: 'c-cluster-explorer', params: { cluster: row.mgmt.id }}"
@@ -665,6 +699,8 @@ export default defineComponent({
                         >
                           {{ row.nameDisplay }}
                         </router-link>
+
+                        <!-- 否则只显示名称 -->
                         <span v-else>{{ row.nameDisplay }}</span>
                         <i
                           v-if="row.unavailableMachines"
@@ -672,6 +708,8 @@ export default defineComponent({
                           class="conditions-alert-icon icon-alert icon"
                         />
                       </p>
+
+                      <!-- 集群描述 -->
                       <p
                         v-if="row.description"
                         class="cluster-description"
@@ -681,6 +719,8 @@ export default defineComponent({
                     </div>
                   </td>
                 </template>
+
+                <!-- 列渲染：Kubernetes 版本 + 架构 -->
                 <template #col:kubernetesVersion="{row}">
                   <td class="col-name">
                     <span>
@@ -694,6 +734,8 @@ export default defineComponent({
                     </div>
                   </td>
                 </template>
+
+                <!-- 列渲染：CPU 核数 -->
                 <template #col:cpu="{row}">
                   <td v-if="row.mgmt && cpuAllocatable(row.mgmt)">
                     {{ `${cpuAllocatable(row.mgmt)} ${t('landing.clusters.cores', {count:cpuAllocatable(row.mgmt) })}` }}
@@ -702,6 +744,8 @@ export default defineComponent({
                     &mdash;
                   </td>
                 </template>
+
+                <!-- 列渲染：内存 -->
                 <template #col:memory="{row}">
                   <td v-if="row.mgmt && memoryAllocatable(row.mgmt) && !memoryAllocatable(row.mgmt).match(/^0 [a-zA-z]/)">
                     {{ memoryAllocatable(row.mgmt) }}
@@ -710,16 +754,20 @@ export default defineComponent({
                     &mdash;
                   </td>
                 </template>
-                <!-- <template #cell:explorer="{row}">
+
+                <!-- 列渲染：探索按钮 -->
+                <template #cell:explorer="{row}">
                   <router-link v-if="row && row.isReady" class="btn btn-sm role-primary" :to="{name: 'c-cluster', params: {cluster: row.id}}">
                     {{ t('landing.clusters.explore') }}
                   </router-link>
                   <button v-else :disabled="true" class="btn btn-sm role-primary">
                     {{ t('landing.clusters.explore') }}
                   </button>
-                </template> -->
+                </template>
               </PaginatedResourceTable>
             </div>
+
+            <!-- 单集群模式 -->
             <div
               v-else
               class="col span-12"
@@ -728,7 +776,8 @@ export default defineComponent({
             </div>
           </div>
         </div>
-        <CommunityLinks class="col span-3 side-panel" />
+        <!-- 右侧社区链接面板 -->
+        <!-- <CommunityLinks class="col span-3 side-panel" /> -->
       </div>
     </IndentedPanel>
   </div>
@@ -776,7 +825,7 @@ export default defineComponent({
     height: 39px;
 
     & > a {
-      margin-left: 10px;
+      margin-right: 10px;
     }
   }
   .panel:not(:first-child) {

package/pages/prefs.vue

@@ -191,11 +191,13 @@ export default {
     <!-- Language -->
     <div
       v-if="hasMultipleLocales && !isHarvester"
-      class="mt-10 mb-10"
+      class="mb-20 p-20 pb-0"
+      style="border: 1px solid var(--nav-border);"
     >
       <h4
         id="prefs-language"
         v-t="'prefs.language'"
+        class="pb-20"
       />
       <div class="row">
         <div class="col span-4">
@@ -207,36 +209,35 @@ export default {
       </div>
     </div>
     <!-- Theme -->
-    <div class="mt-10 mb-10">
-      <h4 v-t="'prefs.theme.label'" />
+    <div class="mb-20 p-20" style="border: 1px solid var(--nav-border);">
+      <h4 v-t="'prefs.theme.label'" class="mb-20" />
       <ButtonGroup
         v-model:value="theme"
         data-testid="prefs__themeOptions"
         :options="themeOptions"
       />
-      <div class="mt-10">
+      <!-- <div class="mt-10">
         <t
           k="prefs.theme.autoDetail"
           :pm="pm"
           :am="am"
         />
-      </div>
+      </div> -->
     </div>
     <!-- Login landing page -->
     <div
       v-if="!isSingleProduct"
-      class="mt-10 mb-10"
+      class="mb-20 p-20"
+      style="border: 1px solid var(--nav-border);"
     >
-      <hr role="none">
-      <h4 v-t="'prefs.landing.label'" />
+      <h4 v-t="'prefs.landing.label'" class="mb-20" />
       <LandingPagePreference
         data-testid="prefs__landingPagePreference"
       />
     </div>
     <!-- Display Settings -->
-    <div class="mt-10 mb-10">
-      <hr role="none">
-      <h4 v-t="'prefs.displaySettings.title'" />
+    <div class="mb-20 p-20" style="border: 1px solid var(--nav-border);">
+      <h4 v-t="'prefs.displaySettings.title'" class="mb-20" />
       <p class="set-landing-leadin">
         {{ t('prefs.displaySettings.detail', {}, raw=true) }}
       </p>
@@ -277,10 +278,10 @@ export default {
     <!-- Confirmation setting -->
     <div
       v-if="!isSingleProduct"
-      class="col adv-features mt-10 mb-10"
+      class="col adv-features mb-20 p-20"
+      style="border: 1px solid var(--nav-border);"
     >
-      <hr role="none">
-      <h4 v-t="'prefs.confirmationSetting.title'" />
+      <h4 v-t="'prefs.confirmationSetting.title'" class="mb-20" />
       <Checkbox
         v-model:value="scalingDownPrompt"
         data-testid="prefs__scalingDownPrompt"
@@ -289,9 +290,8 @@ export default {
       />
     </div>
     <!-- Advanced Features -->
-    <div class="col adv-features mt-10 mb-10">
-      <hr role="none">
-      <h4 v-t="'prefs.advFeatures.title'" />
+    <div class="col adv-features mb-20 p-20" style="border: 1px solid var(--nav-border);">
+      <h4 v-t="'prefs.advFeatures.title'" class="mb-20" />
       <Checkbox
         v-model:value="viewInApi"
         data-testid="prefs__viewInApi"
@@ -332,9 +332,8 @@ export default {
       </template>
     </div>
     <!-- YAML editor key mapping -->
-    <div class="col mt-10 mb-10">
-      <hr role="none">
-      <h4 v-t="'prefs.keymap.label'" />
+    <div class="col mb-20 p-20" style="border: 1px solid var(--nav-border);">
+      <h4 v-t="'prefs.keymap.label'" class="mb-20" />
       <ButtonGroup
         v-model:value="keymap"
         data-testid="prefs__keymapOptions"
@@ -344,10 +343,10 @@ export default {
     <!-- Helm Charts -->
     <div
       v-if="!isSingleProduct"
-      class="col mt-10 mb-40"
+      class="col mb-40 p-20"
+      style="border: 1px solid var(--nav-border);"
     >
-      <hr role="none">
-      <h4 v-t="'prefs.helm.label'" />
+      <h4 v-t="'prefs.helm.label'" class="mb-20" />
       <ButtonGroup
         v-model:value="showPreRelease"
         data-testid="prefs__helmOptions"
@@ -366,4 +365,7 @@ export default {
     max-width: 80vw;
     color: var(--input-label);
   }
+  h4{
+    font-size: 14px;
+  }
 </style>

package/pkg/tsconfig.json

@@ -27,25 +27,25 @@
     ],
     "paths": {
       "@shell/core/*": [
-        "../../node_modules/dashboard-shell-shell/core/*"
+        "../../node_modules/@rancher/shell/core/*"
       ],
       "@shell/config/*": [
-        "../../node_modules/dashboard-shell-shell/config/*"
+        "../../node_modules/@rancher/shell/config/*"
       ],
       "@shell/store/*": [
-        "../../node_modules/dashboard-shell-shell/store/*"
+        "../../node_modules/@rancher/shell/store/*"
       ],
       "@shell/plugins/*": [
-        "../../node_modules/dashboard-shell-shell/plugins/*"
+        "../../node_modules/@rancher/shell/plugins/*"
       ],
       "@shell/utils/*": [
-        "../../node_modules/dashboard-shell-shell/utils/*"
+        "../../node_modules/@rancher/shell/utils/*"
       ],
       "@shell/models/*": [
-        "../../node_modules/dashboard-shell-shell/models/*"
+        "../../node_modules/@rancher/shell/models/*"
       ],
       "@shell/mixins/*": [
-        "../../node_modules/dashboard-shell-shell/mixins/*"
+        "../../node_modules/@rancher/shell/mixins/*"
       ],
       "@pkg/*": [
         "./*"
@@ -56,8 +56,8 @@
     "**/*.ts",
     "**/*.tsx",
     "**/*.vue",
-    "../../node_modules/dashboard-shell-shell/types/*.d.ts",
-    "../../node_modules/dashboard-shell-shell/core/types.ts"
+    "../../node_modules/@rancher/shell/types/*.d.ts",
+    "../../node_modules/@rancher/shell/core/types.ts"
   ],
   "exclude": [
     "node_modules"

package/pkg/vue.config.js

@@ -117,7 +117,7 @@ module.exports = function(dir) {
         if (p.use) {
           p.use.forEach((u) => {
             if (u.loader.includes('babel-loader')) {
-              p.exclude = /node_modules\/(?!dashboard-shell-shell\/).*/;
+              p.exclude = /node_modules\/(?!@rancher\/shell\/).*/;
             }
           });
         }

package/promptRemove/mixin/roleDeletionCheck.js

@@ -92,10 +92,10 @@ export default {
             this.info = '';
             this.warning = this.t('rbac.globalRoles.usersBound', { count: uniqueUsersWithBinds.size });
           } else {
-            this.info = this.t('rbac.globalRoles.notBound', null, true);
+            this.info = this.t('rbac.globalRoles.notBound');
           }
         } else {
-          this.info = this.t('rbac.globalRoles.notBound', null, true);
+          this.info = this.t('rbac.globalRoles.notBound');
         }
       } catch (e) {
         this.info = this.t('rbac.globalRoles.unableToCheck');