dashboard-shell-shell 3.0.5-test.13 → 3.0.5-test.14

package/assets/styles/global/_select.scss

@@ -56,7 +56,7 @@
 
       .vs__dropdown-toggle{
         border: solid var(--border-width) var(--input-border);
-        height: 32px;
+        height: 30px;
       }
       // .vs__dropdown-toggle,
       .vs__dropdown-toggle > * {

package/assets/translations/zh-hans.yaml

@@ -216,7 +216,7 @@ product:
   backup: Rancher 备份
   cis: CIS Benchmark
   ecm: Cluster Manager
-  explorer: 集群浏览器
+  explorer: 控制台
   fleet: 持续交付
   longhorn: Longhorn
   manager: 集群管理
@@ -5642,6 +5642,7 @@ tableHeaders:
   volume: 卷
   volumeMode: 卷模式
   weight: 权重
+  action: 操作
 target:
   router:
     label: 路由
@@ -6161,7 +6162,7 @@ workload:
   replicas: 副本数量
   showTabs: '显示高级选项'
   scheduling:
-    activeDeadlineSeconds: 判定 Pod 是否活跃的截止时间
+    activeDeadlineSeconds: 判定Pod是否活跃的截止时间
     activeDeadlineSecondsTip: 系统将 Pod 判定为失败，并终止其关联容器前的等待时长
     affinity:
       addNodeSelector: 添加节点选择器
@@ -6331,7 +6332,7 @@ workload:
     pod: Pod 是你可以在 Kubernetes 中创建和管理的最小可部署计算单元。Pod 是一个或多个容器，具有共享的存储和网络资源以及运行容器的规范。
   upgrading:
     activeDeadlineSeconds:
-      label: 判定 Pod 是否活跃的截止时间
+      label: 判定Pod是否活跃的截止时间
       tip: 系统将 Pod 判定为失败，并终止其关联容器前的等待时长
     concurrencyPolicy:
       label: 并发

package/components/Drawer/ResourceDetailDrawer/index.vue

@@ -87,10 +87,10 @@ const canEdit = computed(() => {
           v-if="configTabProps"
           v-bind="configTabProps"
         />
-        <!-- <YamlTab
+        <YamlTab
           v-if="yamlTabProps"
           v-bind="yamlTabProps"
-        /> -->
+        />
       </Tabbed>
     </template>
     <template #additional-actions>

package/components/ExplorerMembers.vue

@@ -115,6 +115,10 @@ export default {
           labelKey: 'tableHeaders.role',
           value:    'roleTemplate.nameDisplay'
         },
+        {
+          name:     '操作',
+          labelKey: 'tableHeaders.action',
+        },
       ],
       loadingProjectBindings: true,
       loadingClusterBindings: true
@@ -361,12 +365,13 @@ export default {
                 v-trim-whitespace
                 class="group-tab"
               >
+
                 <div
                   v-clean-html="getProjectLabel(group)"
                   class="project-name"
                 />
               </div>
-              <div class="right">
+              <div class="right" style="margin-right: 80px;">
                 <button
                   v-if="canEditProjectMembers"
                   type="button"
@@ -460,8 +465,12 @@ export default {
   & :deep() .group-bar{
     display: flex;
     justify-content: space-between;
+    align-items: center;
   }
 }
+.role-secondary.btn-sm:focus, .role-secondary.btn-sm.focused{
+  border: 1px solid #d7d7d7;
+}
 .cluster-add {
   justify-content: flex-end;
 }

package/components/SortableTable/index.vue

@@ -1841,7 +1841,7 @@ export default {
         class="paging"
       >
         <div style="height: 100%; align-content: center;">
-          共 {{ filteredRows?.length }} 条
+          共 {{ filteredRows ? filteredRows.length : 0 }} 条
         </div>
 
         <button
@@ -2217,7 +2217,7 @@ export default {
 
     tbody {
       tr {
-        border-bottom: 1px solid var(--sortable-table-top-divider);
+        border-bottom: 1px solid var(--sortable-table-top-divider) !important;
         background-color: var(--sortable-table-row-bg);
 
         &.main-row.has-sub-row {

package/components/Tabbed/index.vue

@@ -384,7 +384,7 @@ export default {
 
   &.horizontal {
     border: solid thin var(--border);
-    border-bottom: 0;
+    // border-bottom: 0;
     display: flex;
     flex-direction: row;
 
@@ -504,6 +504,8 @@ margin: 0px -20px;
     display: flex;
     border-bottom:1px solid #d7d7d7;
     padding: 0 0 0 20px;
+    overflow: auto;
+    overflow-y: hidden;
     /* flex: 1 0; */
     /* flex-direction: column; */
 
@@ -571,6 +573,8 @@ margin: 0px -20px;
       li {
         display: flex;
         flex: 1;
+        border-left: 1px solid var(--border);
+        border-right: 1px solid var(--border);
 
         .btn {
           flex: 1 1;

package/components/auth/Principal.vue

@@ -214,6 +214,7 @@ export default {
     .avatar {
       /* grid-area: avatar;
       text-align: center; */
+      // width: 287px;
       display: flex;
       justify-content: center;
       align-items: center;

package/components/form/ArrayList.vue

@@ -263,174 +263,181 @@ export default {
     role="group"
     :aria-label="title || t('generic.ariaLabel.arrayList')"
   >
-    <div
-      v-if="title"
-      class="clearfix"
-      role="group"
-    >
-      <slot name="title">
-        <h3>
-          {{ title }}
-          <span
-            v-if="required"
-            class="required"
-            aria-hidden="true"
-          >*</span>
-          <i
-            v-if="showProtip"
-            v-clean-tooltip="{content: protip, triggers: ['hover', 'touch', 'focus'] }"
-            class="icon icon-info"
-            tabindex="0"
-          />
-        </h3>
-      </slot>
-    </div>
 
-    <div>
-      <div
-        v-if="showAdd && !isView"
-        class="footer mmt-6"
-      >
-        <slot
-          v-if="showAdd"
-          name="add"
-          :add="add"
-        >
-          <button
-            type="button"
-            class="btn role-tertiary add"
-            :class="[addClass]"
-            :disabled="loading || disableAdd"
-            :data-testid="`${componentTestid}-button`"
-            :aria-label="_addLabel"
-            role="button"
-            @click="add()"
-          >
-            <i
-              class="mr-5 icon"
-              :class="loading ? ['icon-lg', 'icon-spinner','icon-spin']: [addIcon]"
-            />
-            {{ _addLabel }}
-          </button>
-        </slot>
-      </div>
-      <template v-if="rows.length">
+    <div class="row">
+      <div class="col">
         <div
-          v-if="showHeader"
-          class="array-list-header-group"
+          v-if="title"
+          class="clearfix"
           role="group"
         >
-          <slot name="column-headers">
-            <label class="value text-label mb-10">
-              {{ valueLabel }}
-            </label>
+          <slot name="title">
+            <h3>
+              {{ title }}
+              <span
+                v-if="required"
+                class="required"
+                aria-hidden="true"
+              >*</span>
+              <i
+                v-if="showProtip"
+                v-clean-tooltip="{content: protip, triggers: ['hover', 'touch', 'focus'] }"
+                class="icon icon-info"
+                tabindex="0"
+              />
+            </h3>
           </slot>
         </div>
-        <div
-          v-for="(row, idx) in rows"
-          :key="idx"
-          :data-testid="`${componentTestid}-box${ idx }`"
-          class="box"
-          :class="{'hide-remove-is-view': isView}"
-          role="group"
-        >
-          <slot
-            name="columns"
-            :queueUpdate="queueUpdate"
-            :i="idx"
-            :rows="rows"
-            :row="row"
-            :mode="mode"
-            :isView="isView"
-          >
-            <div class="value">
+      </div>
+      <div class="col">
+        <div>
+          <template v-if="rows.length">
+            <div
+              v-if="showHeader"
+              class="array-list-header-group"
+              role="group"
+            >
+              <slot name="column-headers">
+                <label class="value text-label mb-10">
+                  {{ valueLabel }}
+                </label>
+              </slot>
+            </div>
+            <div
+              v-for="(row, idx) in rows"
+              :key="idx"
+              :data-testid="`${componentTestid}-box${ idx }`"
+              class="box"
+              :class="{'hide-remove-is-view': isView}"
+              role="group"
+            >
               <slot
-                name="value"
+                name="columns"
+                :queueUpdate="queueUpdate"
+                :i="idx"
+                :rows="rows"
                 :row="row"
                 :mode="mode"
                 :isView="isView"
-                :queue-update="queueUpdate"
               >
-                <TextAreaAutoGrow
-                  v-if="valueMultiline"
-                  ref="value"
-                  v-model:value="row.value"
-                  :data-testid="`${componentTestid}-textarea-${idx}`"
-                  :placeholder="valuePlaceholder"
-                  :mode="mode"
-                  :disabled="disabled"
-                  :aria-label="a11yLabel ? `${a11yLabel} ${t('generic.ariaLabel.genericRow', {index: idx+1})}` : undefined"
-                  @paste="onPaste(idx, $event)"
-                  @update:value="queueUpdate"
-                />
-                <LabeledInput
-                  v-else-if="rules.length > 0"
-                  ref="value"
-                  v-model:value="row.value"
-                  :data-testid="`${componentTestid}-labeled-input-${idx}`"
-                  :placeholder="valuePlaceholder"
-                  :disabled="isView || disabled"
-                  :rules="rules"
-                  :compact="false"
-                  :aria-label="a11yLabel ? `${a11yLabel} ${t('generic.ariaLabel.genericRow', {index: idx+1})}` : undefined"
-                  @paste="onPaste(idx, $event)"
-                  @update:value="queueUpdate"
-                />
-                <input
-                  v-else
-                  ref="value"
-                  v-model="row.value"
-                  :data-testid="`${componentTestid}-input-${idx}`"
-                  :placeholder="valuePlaceholder"
-                  :disabled="isView || disabled"
-                  :aria-label="a11yLabel ? `${a11yLabel} ${t('generic.ariaLabel.genericRow', {index: idx+1})}` : undefined"
-                  @paste="onPaste(idx, $event)"
-                >
+                <div class="value">
+                  <slot
+                    name="value"
+                    :row="row"
+                    :mode="mode"
+                    :isView="isView"
+                    :queue-update="queueUpdate"
+                  >
+                    <TextAreaAutoGrow
+                      v-if="valueMultiline"
+                      ref="value" 
+                      v-model:value="row.value"
+                      :data-testid="`${componentTestid}-textarea-${idx}`"
+                      :placeholder="valuePlaceholder"
+                      :mode="mode"
+                      :disabled="disabled"
+                      :aria-label="a11yLabel ? `${a11yLabel} ${t('generic.ariaLabel.genericRow', {index: idx+1})}` : undefined"
+                      @paste="onPaste(idx, $event)"
+                      @update:value="queueUpdate"
+                    />
+                    <LabeledInput
+                      v-else-if="rules.length > 0"
+                      ref="value"
+                      v-model:value="row.value"
+                      :data-testid="`${componentTestid}-labeled-input-${idx}`"
+                      :placeholder="valuePlaceholder"
+                      :disabled="isView || disabled"
+                      :rules="rules"
+                      :compact="false"
+                      :aria-label="a11yLabel ? `${a11yLabel} ${t('generic.ariaLabel.genericRow', {index: idx+1})}` : undefined"
+                      @paste="onPaste(idx, $event)"
+                      @update:value="queueUpdate"
+                    />
+                    <input
+                      v-else
+                      ref="value"
+                      v-model="row.value"
+                      :data-testid="`${componentTestid}-input-${idx}`"
+                      :placeholder="valuePlaceholder"
+                      :disabled="isView || disabled"
+                      :aria-label="a11yLabel ? `${a11yLabel} ${t('generic.ariaLabel.genericRow', {index: idx+1})}` : undefined"
+                      @paste="onPaste(idx, $event)"
+                    >
+                  </slot>
+                </div>
               </slot>
+              <div
+                v-if="showRemove && !isView"
+                class="remove"
+              >
+                <slot
+                  name="remove-button"
+                  :remove="() => remove(row, idx)"
+                  :i="idx"
+                  :row="row"
+                >
+                  <button
+                    type="button"
+                    :disabled="isView"
+                    class="btn role-link"
+                    :data-testid="`${componentTestid}-remove-item-${idx}`"
+                    :aria-label="t('generic.ariaLabel.remove', {index: idx+1})"
+                    role="button"
+                    @click="remove(row, idx)"
+                  >
+                    {{ _removeLabel }}
+                  </button>
+                </slot>
+              </div>
+              <slot
+                name="value-sub-row"
+                :row="row"
+                :mode="mode"
+                :isView="isView"
+              />
             </div>
-          </slot>
+          </template>
+          <div v-else>
+            <slot name="empty">
+              <div
+                v-if="mode==='view'"
+                class="text-muted"
+              >
+                &mdash;
+              </div>
+            </slot>
+          </div>
           <div
-            v-if="showRemove && !isView"
-            class="remove"
+            v-if="showAdd && !isView"
+            class="footer"
           >
             <slot
-              name="remove-button"
-              :remove="() => remove(row, idx)"
-              :i="idx"
-              :row="row"
+              v-if="showAdd"
+              name="add"
+              :add="add"
             >
               <button
                 type="button"
-                :disabled="isView"
-                class="btn role-link"
-                :data-testid="`${componentTestid}-remove-item-${idx}`"
-                :aria-label="t('generic.ariaLabel.remove', {index: idx+1})"
+                class="btn role-tertiary add"
+                :class="[addClass]"
+                :disabled="loading || disableAdd"
+                :data-testid="`${componentTestid}-button`"
+                :aria-label="_addLabel"
                 role="button"
-                @click="remove(row, idx)"
+                @click="add()"
               >
-                {{ _removeLabel }}
+                <i
+                  class="mr-5 icon"
+                  :class="loading ? ['icon-lg', 'icon-spinner','icon-spin']: [addIcon]"
+                />
+                {{ _addLabel }}
               </button>
             </slot>
           </div>
-          <slot
-            name="value-sub-row"
-            :row="row"
-            :mode="mode"
-            :isView="isView"
-          />
         </div>
-      </template>
-      <div v-else>
-        <slot name="empty">
-          <div
-            v-if="mode==='view'"
-            class="text-muted"
-          >
-            &mdash;
-          </div>
-        </slot>
       </div>
     </div>
+
   </div>
 </template>
 
@@ -444,13 +451,15 @@ export default {
   }
 
   .box {
-    display: grid;
-    grid-template-columns: auto $array-list-remove-margin;
-    align-items: center;
-    margin-bottom: 10px;
+    // display: grid;
+    // grid-template-columns: auto $array-list-remove-margin;
+    // align-items: center;
+    // margin-bottom: 10px;
+    display: flex;
     .value {
-      flex: 1;
+      // flex: 1;
       INPUT {
+        width: $input-width;
         height: $input-height;
         border: solid var(--border-width) var(--input-border);
         padding: 4px 11px;
@@ -462,6 +471,10 @@ export default {
   }
   .remove {
     text-align: right;
+
+    button{
+      min-width: auto;
+    }
   }
   .footer {
     margin-bottom: 20px;
@@ -481,4 +494,7 @@ export default {
     margin-bottom: 10px;
   }
     
+  H3{
+    width: 160px;
+  }
 </style>

package/components/form/Command.vue

@@ -146,9 +146,9 @@ export default {
       </div>
     </div>
 
-    <div class="row mt-20">
+    <div class="row">
       <div
-        class="col span-6"
+        class="span-6"
         data-testid="input-command-workingDir"
       >
         <LabeledInput
@@ -159,13 +159,13 @@ export default {
           @update:value="update"
         />
       </div>
-      <div class="col span-6">
+      <div class="span-6">
         <div
           :style="{ 'align-items': 'center' }"
           class="row"
         >
           <div
-            class="col span-6"
+            class="col"
             data-testid="input-command-stdin"
           >
             <LabeledSelect
@@ -191,7 +191,6 @@ export default {
         </div>
       </div>
     </div>
-    <div class="spacer" />
     <h3>{{ t('workload.container.titles.env') }}</h3>
     <EnvVars
       :mode="mode"

package/components/form/Footer.vue

@@ -105,6 +105,7 @@ export default defineComponent({
     .left {
       grid-area: left;
       text-align: left;
+      margin-right: 10px;
 
       .btn, button {
         margin: 0 $column-gutter 0 0;

package/components/form/HealthCheck.vue

@@ -56,7 +56,6 @@ export default {
         />
       </div>
     </div>
-    <div class="spacer" />
 
     <div>
       <div class="row">
@@ -70,7 +69,6 @@ export default {
         />
       </div>
     </div>
-    <div class="spacer" />
 
     <div class="row">
       <Probe