dashboard-shell-shell 1.0.1000000117 → 1.0.1000000118

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

@@ -204,16 +204,14 @@ 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 pb-40">
-        <!-- 闲置状态 -->
-        <div class="mb-20 p-20" style="border: 1px solid var(--nav-border);">
-          <h2 class="mb-20">{{ t('performance.inactivity.title') }}</h2>
+      <div class="ui-perf-setting">
+        <!-- Inactivity -->
+        <div class="mt-20">
+          <h2>{{ t('performance.inactivity.title') }}</h2>
           <p>{{ t('performance.inactivity.description') }}</p>
           <Checkbox
             v-model:value="value.inactivity.enabled"
@@ -240,21 +238,21 @@ export default {
             />
           </div>
         </div>
-        <!-- WebSocket 通知 -->
-        <div class="mb-40 p-20" style="border: 1px solid var(--nav-border);">
-          <h2  class="mb-20">{{ t('performance.websocketNotification.label') }}</h2>
+        <!-- Websocket Notifications -->
+        <div class="mt-40">
+          <h2>{{ 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"
+            class="mt-10 mb-20"
             :primary="true"
           />
         </div>
         <!-- Server Side Pagination -->
-        <div class="mb-20 p-20" style="border: 1px solid var(--nav-border);">
-          <h2 class="mb-20" id="ssp-setting">
+        <div class="mt-20">
+          <h2 id="ssp-setting">
             {{ t('performance.serverPagination.label') }}
           </h2>
           <p>{{ t('performance.serverPagination.description') }}</p>
@@ -288,9 +286,9 @@ export default {
             />
           </Collapse>
         </div>
-        <!-- 增量加载 -->
-        <div class="mb-20 p-20" style="border: 1px solid var(--nav-border);">
-          <h2 class="mb-20">{{ t('performance.incrementalLoad.label') }}</h2>
+        <!-- Incremental Loading -->
+        <div class="mt-20">
+          <h2>{{ t('performance.incrementalLoad.label') }}</h2>
           <Banner
             color="warning"
           >
@@ -320,9 +318,9 @@ export default {
             />
           </div>
         </div>
-        <!-- 手动刷新 -->
-        <div class="mb-20 p-20" style="border: 1px solid var(--nav-border);">
-          <h2 class="mb-20" v-t="'performance.manualRefresh.label'" />
+        <!-- Enable manual refresh list views -->
+        <div class="mt-40">
+          <h2 v-t="'performance.manualRefresh.label'" />
           <Banner
             color="warning"
           >
@@ -352,9 +350,9 @@ export default {
             />
           </div>
         </div>
-        <!-- 资源垃圾回收 -->
-        <div class="mb-20 p-20" style="border: 1px solid var(--nav-border);">
-          <h2 class="mb-20" v-t="'performance.gc.label'" />
+        <!-- Enable GC of resources from store -->
+        <div class="mt-40">
+          <h2 v-t="'performance.gc.label'" />
           <Banner
             color="warning"
           >
@@ -433,9 +431,9 @@ export default {
             </div>
           </div>
         </div>
-        <!-- 要求资源组/项目过滤 -->
-        <div class="mb-20 p-20" style="border: 1px solid var(--nav-border);">
-          <h2 class="mb-20">{{ t('performance.nsFiltering.label') }}</h2>
+        <!-- Force NS filter -->
+        <div class="mt-40">
+          <h2>{{ t('performance.nsFiltering.label') }}</h2>
           <Banner
             color="warning"
           >
@@ -451,9 +449,9 @@ export default {
             @update:value="compatibleWarning('forceNsFilterV2', $event)"
           />
         </div>
-        <!-- 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>
+        <!-- Advanced Websocket Worker -->
+        <div class="mt-20">
+          <h2>{{ t('performance.advancedWorker.label') }}</h2>
           <Banner
             color="warning"
           >
@@ -479,10 +477,10 @@ export default {
         :label="err"
       />
     </template>
-    <div class="action-btn" v-if="mode === 'edit'">
+    <div v-if="mode === 'edit'">
       <AsyncButton
         data-testid="performance__save-btn"
-        class="pull-right"
+        class="pull-right mt-20"
         mode="apply"
         :disabled="!canSave"
         @click="save"
@@ -492,17 +490,6 @@ 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%;
@@ -512,27 +499,17 @@ export default {
   background-color: var(--overlay-bg);
   z-index: 1;
 }
-.ui-perf-setting {
-  P {
-    line-height: 1.25;
-    margin-bottom: 10px;
-  }
+  .ui-perf-setting {
+    P {
+      line-height: 1.25;
+      margin-bottom: 10px;
+    }
 
-  .underline {
-    text-decoration: underline;
+    .underline {
+      text-decoration: underline;
+    }
+  }
+  .input {
+    max-width: 25%;
   }
-}
-.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,12 +64,7 @@ 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
@@ -509,26 +504,17 @@ 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"
@@ -536,28 +522,18 @@ export default defineComponent({
       data-testid="home-banner-graphic"
     />
     <IndentedPanel class="mt-20 mb-20">
-
-
-
-      <!-- 如果用户还没看过“新功能”提示 -->
       <div
-        v-if="!readWhatsNewAlready && topLevelPermissionsVis"
+        v-if="!readWhatsNewAlready"
         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"
@@ -571,21 +547,13 @@ 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 && topLevelPermissionsVis"
+            v-if="!showSetLoginBanner"
             class="mb-10 row"
           >
             <div class="col span-12">
-
-              <!-- 可关闭的提示横幅 -->
               <Banner
                 color="set-login-page mt-0"
                 data-testid="set-login-page-banner"
@@ -595,8 +563,6 @@ export default defineComponent({
                 <div>
                   {{ t('landing.landingPrefs.title') }}
                 </div>
-
-                <!-- 用户点击后进入偏好设置 -->
                 <a
                   class="hand mr-20"
                   tabindex="0"
@@ -608,17 +574,11 @@ 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"
@@ -638,17 +598,27 @@ 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-right
+                  #header-middle
                 >
-                  <div v-if="topLevelPermissionsVis" class="table-heading">
+                  <div class="table-heading">
                     <router-link
                       v-if="!!provClusterSchema"
                       :to="manageLocation"
-                      class="btn btn-sm role-primary"
+                      class="btn btn-sm role-secondary"
                       data-testid="cluster-management-manage-button"
                       role="button"
                       :aria-label="t('cluster.manageAction')"
@@ -680,8 +650,6 @@ export default defineComponent({
                     </router-link>
                   </div>
                 </template>
-
-                <!-- 列渲染：集群名称 -->
                 <template #col:name="{row}">
                   <td class="col-name">
                     <div class="list-cluster-name">
@@ -689,8 +657,6 @@ 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 }}"
@@ -699,8 +665,6 @@ export default defineComponent({
                         >
                           {{ row.nameDisplay }}
                         </router-link>
-
-                        <!-- 否则只显示名称 -->
                         <span v-else>{{ row.nameDisplay }}</span>
                         <i
                           v-if="row.unavailableMachines"
@@ -708,8 +672,6 @@ export default defineComponent({
                           class="conditions-alert-icon icon-alert icon"
                         />
                       </p>
-
-                      <!-- 集群描述 -->
                       <p
                         v-if="row.description"
                         class="cluster-description"
@@ -719,8 +681,6 @@ export default defineComponent({
                     </div>
                   </td>
                 </template>
-
-                <!-- 列渲染：Kubernetes 版本 + 架构 -->
                 <template #col:kubernetesVersion="{row}">
                   <td class="col-name">
                     <span>
@@ -734,8 +694,6 @@ 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) })}` }}
@@ -744,8 +702,6 @@ 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) }}
@@ -754,20 +710,16 @@ 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"
@@ -776,8 +728,7 @@ export default defineComponent({
             </div>
           </div>
         </div>
-        <!-- 右侧社区链接面板 -->
-        <!-- <CommunityLinks class="col span-3 side-panel" /> -->
+        <CommunityLinks class="col span-3 side-panel" />
       </div>
     </IndentedPanel>
   </div>
@@ -825,7 +776,7 @@ export default defineComponent({
     height: 39px;
 
     & > a {
-      margin-right: 10px;
+      margin-left: 10px;
     }
   }
   .panel:not(:first-child) {

package/pages/prefs.vue

@@ -191,13 +191,11 @@ export default {
     <!-- Language -->
     <div
       v-if="hasMultipleLocales && !isHarvester"
-      class="mb-20 p-20 pb-0"
-      style="border: 1px solid var(--nav-border);"
+      class="mt-10 mb-10"
     >
       <h4
         id="prefs-language"
         v-t="'prefs.language'"
-        class="pb-20"
       />
       <div class="row">
         <div class="col span-4">
@@ -209,35 +207,36 @@ export default {
       </div>
     </div>
     <!-- Theme -->
-    <div class="mb-20 p-20" style="border: 1px solid var(--nav-border);">
-      <h4 v-t="'prefs.theme.label'" class="mb-20" />
+    <div class="mt-10 mb-10">
+      <h4 v-t="'prefs.theme.label'" />
       <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="mb-20 p-20"
-      style="border: 1px solid var(--nav-border);"
+      class="mt-10 mb-10"
     >
-      <h4 v-t="'prefs.landing.label'" class="mb-20" />
+      <hr role="none">
+      <h4 v-t="'prefs.landing.label'" />
       <LandingPagePreference
         data-testid="prefs__landingPagePreference"
       />
     </div>
     <!-- Display Settings -->
-    <div class="mb-20 p-20" style="border: 1px solid var(--nav-border);">
-      <h4 v-t="'prefs.displaySettings.title'" class="mb-20" />
+    <div class="mt-10 mb-10">
+      <hr role="none">
+      <h4 v-t="'prefs.displaySettings.title'" />
       <p class="set-landing-leadin">
         {{ t('prefs.displaySettings.detail', {}, raw=true) }}
       </p>
@@ -278,10 +277,10 @@ export default {
     <!-- Confirmation setting -->
     <div
       v-if="!isSingleProduct"
-      class="col adv-features mb-20 p-20"
-      style="border: 1px solid var(--nav-border);"
+      class="col adv-features mt-10 mb-10"
     >
-      <h4 v-t="'prefs.confirmationSetting.title'" class="mb-20" />
+      <hr role="none">
+      <h4 v-t="'prefs.confirmationSetting.title'" />
       <Checkbox
         v-model:value="scalingDownPrompt"
         data-testid="prefs__scalingDownPrompt"
@@ -290,8 +289,9 @@ export default {
       />
     </div>
     <!-- Advanced Features -->
-    <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" />
+    <div class="col adv-features mt-10 mb-10">
+      <hr role="none">
+      <h4 v-t="'prefs.advFeatures.title'" />
       <Checkbox
         v-model:value="viewInApi"
         data-testid="prefs__viewInApi"
@@ -332,8 +332,9 @@ export default {
       </template>
     </div>
     <!-- YAML editor key mapping -->
-    <div class="col mb-20 p-20" style="border: 1px solid var(--nav-border);">
-      <h4 v-t="'prefs.keymap.label'" class="mb-20" />
+    <div class="col mt-10 mb-10">
+      <hr role="none">
+      <h4 v-t="'prefs.keymap.label'" />
       <ButtonGroup
         v-model:value="keymap"
         data-testid="prefs__keymapOptions"
@@ -343,10 +344,10 @@ export default {
     <!-- Helm Charts -->
     <div
       v-if="!isSingleProduct"
-      class="col mb-40 p-20"
-      style="border: 1px solid var(--nav-border);"
+      class="col mt-10 mb-40"
     >
-      <h4 v-t="'prefs.helm.label'" class="mb-20" />
+      <hr role="none">
+      <h4 v-t="'prefs.helm.label'" />
       <ButtonGroup
         v-model:value="showPreRelease"
         data-testid="prefs__helmOptions"
@@ -365,7 +366,4 @@ 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/@rancher/shell/core/*"
+        "../../node_modules/dashboard-shell-shell/core/*"
       ],
       "@shell/config/*": [
-        "../../node_modules/@rancher/shell/config/*"
+        "../../node_modules/dashboard-shell-shell/config/*"
       ],
       "@shell/store/*": [
-        "../../node_modules/@rancher/shell/store/*"
+        "../../node_modules/dashboard-shell-shell/store/*"
       ],
       "@shell/plugins/*": [
-        "../../node_modules/@rancher/shell/plugins/*"
+        "../../node_modules/dashboard-shell-shell/plugins/*"
       ],
       "@shell/utils/*": [
-        "../../node_modules/@rancher/shell/utils/*"
+        "../../node_modules/dashboard-shell-shell/utils/*"
       ],
       "@shell/models/*": [
-        "../../node_modules/@rancher/shell/models/*"
+        "../../node_modules/dashboard-shell-shell/models/*"
       ],
       "@shell/mixins/*": [
-        "../../node_modules/@rancher/shell/mixins/*"
+        "../../node_modules/dashboard-shell-shell/mixins/*"
       ],
       "@pkg/*": [
         "./*"
@@ -56,8 +56,8 @@
     "**/*.ts",
     "**/*.tsx",
     "**/*.vue",
-    "../../node_modules/@rancher/shell/types/*.d.ts",
-    "../../node_modules/@rancher/shell/core/types.ts"
+    "../../node_modules/dashboard-shell-shell/types/*.d.ts",
+    "../../node_modules/dashboard-shell-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\/(?!@rancher\/shell\/).*/;
+              p.exclude = /node_modules\/(?!dashboard-shell-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');
+            this.info = this.t('rbac.globalRoles.notBound', null, true);
           }
         } else {
-          this.info = this.t('rbac.globalRoles.notBound');
+          this.info = this.t('rbac.globalRoles.notBound', null, true);
         }
       } catch (e) {
         this.info = this.t('rbac.globalRoles.unableToCheck');