From 937c273dcebba870df16df6350046cd1cfc9135c Mon Sep 17 00:00:00 2001
From: lannoy0523 <46735290+lannoy0523@users.noreply.github.com>
Date: Thu, 22 Aug 2024 20:50:54 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9A=E5=88=B6=E5=93=81=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=E5=B1=95=E7=A4=BA=E7=9A=84=E8=AE=B0=E5=BD=95=E6=95=B0?=
 =?UTF-8?q?=E5=92=8C=E6=89=B9=E9=87=8F=E9=80=89=E6=8B=A9=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=20#2261?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/repoGeneric/index.vue           | 104 +++++++++++++++---
 src/frontend/locale/repository/en-US.json     |   6 +-
 src/frontend/locale/repository/zh-CN.json     |   6 +-
 3 files changed, 99 insertions(+), 17 deletions(-)

diff --git a/src/frontend/devops-repository/src/views/repoGeneric/index.vue b/src/frontend/devops-repository/src/views/repoGeneric/index.vue
index 25f41c3a3e..fb571083c9 100644
--- a/src/frontend/devops-repository/src/views/repoGeneric/index.vue
+++ b/src/frontend/devops-repository/src/views/repoGeneric/index.vue
@@ -47,7 +47,7 @@
                     <span v-else> {{repoName + (searchFullPath || (selectedTreeNode && selectedTreeNode.fullPath) || '') }}</span>
                     <div class="repo-generic-actions bk-button-group">
                         <bk-button
-                            v-if="multiSelect.length && repoName !== 'pipeline'"
+                            v-if="showMultiDelete && repoName !== 'pipeline'"
                             @click="handlerMultiDownload">
                             {{$t('batchDownload')}}
                         </bk-button>
@@ -92,6 +92,19 @@
                     <template #empty>
                         <empty-data :is-loading="isLoading" :search="Boolean(searchFileName)"></empty-data>
                     </template>
+                    <template #prepend v-if="showMultiDelete">
+                        <div id="showCount" style="background-color: #EAEBF0; height: 40px" class="flex-center">
+                            <div v-if="!selectedAll">
+                                <span> {{ $t('hasSelectTip', { 0: selectCount }) }}</span>
+                                <bk-link type="primary" @click="selectAllByType" theme="primary">{{ $t('changeSelectAllTip') }}</bk-link>
+                                <bk-divider direction="vertical" />
+                            </div>
+                            <div v-else>
+                                <span> {{ $t('selectAllTip', { 0: pagination.count }) }}</span>
+                            </div>
+                            <bk-link type="primary" @click="cancelSelect" theme="primary">{{ $t('clearSelectTip') }}</bk-link>
+                        </div>
+                    </template>
                     <bk-table-column :selectable="selectable" type="selection" width="60"></bk-table-column>
                     <bk-table-column :label="$t('fileName')" prop="name" show-overflow-tooltip>
                         <template #default="{ row }">
@@ -289,7 +302,9 @@
                 showData: {},
                 sortParams: [],
                 timer: null,
-                showMultiDelete: false
+                showMultiDelete: false,
+                selectedAll: false,
+                selectCount: 0
             }
         },
         computed: {
@@ -404,6 +419,40 @@
                 'getMultiFolderNumOfFolder',
                 'getPermissionUrl'
             ]),
+            cancelSelect () {
+                sessionStorage.removeItem(this.userInfo.name + 'SelectedPaths')
+                for (let i = 0; i < this.artifactoryList.length; i++) {
+                    this.$nextTick(() => {
+                        this.$refs.artifactoryTable.toggleRowSelection(this.artifactoryList[i], false)
+                    })
+                }
+                this.selectCount = 0
+                this.showMultiDelete = false
+            },
+            selectAllByType () {
+                this.getArtifactoryList({
+                    projectId: this.projectId,
+                    repoName: this.repoName,
+                    fullPath: this.selectedTreeNode?.fullPath,
+                    current: 1,
+                    limit: 10000,
+                    isPipeline: this.repoName === 'pipeline',
+                    searchFlag: false,
+                    localRepo: this.localRepo
+                }).then((res) => {
+                    const key = this.userInfo.name + 'SelectedPaths'
+                    sessionStorage.removeItem(key)
+                    for (let i = 0; i < this.artifactoryList.length; i++) {
+                        this.$nextTick(() => {
+                            this.$refs.artifactoryTable.toggleRowSelection(this.artifactoryList[i], true)
+                        })
+                    }
+                    const val = res.records.map(r => '\'' + r.projectId + '/' + r.repoName + r.fullPath + '\'').join('')
+                    sessionStorage.setItem(key, val)
+                    this.selectedAll = true
+                    this.selectCount = this.pagination.count
+                })
+            },
             showRepoScan (node) {
                 const indexOfLastDot = node.name.lastIndexOf('.')
                 let supportFileNameExt = false
@@ -622,15 +671,26 @@
                         this.artifactoryList = originData
                     }
                     const key = this.userInfo.name + 'SelectedPaths'
-                    const isCheckedPaths = sessionStorage.getItem(key) === null ? '' : sessionStorage.getItem(key)
-                    this.showMultiDelete = isCheckedPaths.length > 0 && isCheckedPaths.includes('\'' + this.projectId + '/' + this.repoName + '/')
-                    for (let i = 0; i < this.artifactoryList.length; i++) {
-                        const targetPath = '\'' + this.artifactoryList[i].projectId + '/' + this.artifactoryList[i].repoName + this.artifactoryList[i].fullPath + '\''
-                        if (isCheckedPaths.includes(targetPath)) {
-                            this.$nextTick(() => {
-                                this.$refs.artifactoryTable.toggleRowSelection(this.artifactoryList[i], true)
-                            })
+                    const originPathKey = this.userInfo.name + 'originPath'
+                    const originPathVal = sessionStorage.getItem(originPathKey) === null ? '' : sessionStorage.getItem(originPathKey)
+                    const targetOriginPath = this.projectId + this.repoName + (this.$route.query.path || '').split('/').filter(Boolean).toString()
+                    if (originPathVal === targetOriginPath) {
+                        const isCheckedPaths = sessionStorage.getItem(key) === null ? '' : sessionStorage.getItem(key)
+                        this.showMultiDelete = isCheckedPaths.length > 0
+                        this.selectedAll = isCheckedPaths.split("\'").filter(r => r !== '').length === this.pagination.count
+                        this.selectCount = isCheckedPaths.split("\'").filter(r => r !== '').length
+                        for (let i = 0; i < this.artifactoryList.length; i++) {
+                            const targetPath = '\'' + this.artifactoryList[i].projectId + '/' + this.artifactoryList[i].repoName + this.artifactoryList[i].fullPath + '\''
+                            if (isCheckedPaths.includes(targetPath)) {
+                                this.$nextTick(() => {
+                                    this.$refs.artifactoryTable.toggleRowSelection(this.artifactoryList[i], true)
+                                })
+                            }
                         }
+                    } else {
+                        sessionStorage.setItem(originPathKey, targetOriginPath)
+                        sessionStorage.removeItem(key)
+                        this.showMultiDelete = false
                     }
                 }).finally(() => {
                     this.isLoading = false
@@ -1018,8 +1078,15 @@
                 }, 5000)
             },
             handlerMultiDownload () {
-                const fullPaths = this.multiSelect.map(r => r.fullPath)
-                customizeDownloadFile(this.projectId, this.repoName, fullPaths)
+                const key = this.userInfo.name + 'SelectedPaths'
+                const isCheckedPaths = sessionStorage.getItem(key).split('\'')
+                const paths = []
+                for (let i = 0; i < isCheckedPaths.length; i++) {
+                    if (isCheckedPaths[i].length > 0 && isCheckedPaths[i].startsWith(this.projectId + '/' + this.repoName)) {
+                        paths.push(isCheckedPaths[i].replace(this.projectId + '/' + this.repoName, ''))
+                    }
+                }
+                customizeDownloadFile(this.projectId, this.repoName, paths)
             },
             handlerForbid ({ fullPath, metadata: { forbidStatus } }) {
                 this.forbidMetadata({
@@ -1386,7 +1453,7 @@
                 let isCheckedPaths = sessionStorage.getItem(key) === null ? '' : sessionStorage.getItem(key)
                 const isChecked = selection.length
                 if (isChecked) {
-                    const paths = this.multiSelect.map(r => '\'' + r.projectId + '/' + r.repoName + r.fullPath + '\'').join('')
+                    const paths = this.multiSelect.filter(r => !isCheckedPaths.includes('\'' + r.projectId + '/' + r.repoName + r.fullPath + '\'')).map(r => '\'' + r.projectId + '/' + r.repoName + r.fullPath + '\'').join('')
                     isCheckedPaths = isCheckedPaths + paths
                 } else {
                     for (let i = 0; i < this.artifactoryList.length; i++) {
@@ -1394,7 +1461,9 @@
                         isCheckedPaths = isCheckedPaths.replace(targetPath, '')
                     }
                 }
-                this.showMultiDelete = isCheckedPaths.length > 0 && isCheckedPaths.includes('\'' + this.projectId + '/' + this.repoName + '/')
+                this.showMultiDelete = isCheckedPaths.length > 0
+                this.selectedAll = isCheckedPaths.split("\'").filter(r => r !== '').length === this.pagination.count
+                this.selectCount = isCheckedPaths.split("\'").filter(r => r !== '').length
                 sessionStorage.setItem(key, isCheckedPaths)
             },
 
@@ -1407,8 +1476,10 @@
                 } else {
                     isCheckedPaths = isCheckedPaths.replace('\'' + row.projectId + '/' + row.repoName + row.fullPath + '\'', '')
                 }
-                this.showMultiDelete = isCheckedPaths.length > 0 && isCheckedPaths.includes('\'' + this.projectId + '/' + this.repoName + '/')
+                this.showMultiDelete = isCheckedPaths.length > 0
                 sessionStorage.setItem(key, isCheckedPaths)
+                this.selectedAll = isCheckedPaths.split("\'").filter(r => r !== '').length === this.pagination.count
+                this.selectCount = isCheckedPaths.split("\'").filter(r => r !== '').length
             }
         }
     }
@@ -1417,6 +1488,9 @@
 .repo-generic-container {
     height: 100%;
     overflow: hidden;
+    ::v-deep .bk-link .bk-link-text {
+        font-size: 12px;
+    }
     .generic-header{
         height: 60px;
         background-color: white;
diff --git a/src/frontend/locale/repository/en-US.json b/src/frontend/locale/repository/en-US.json
index 11d8ea1266..d01f005c4f 100644
--- a/src/frontend/locale/repository/en-US.json
+++ b/src/frontend/locale/repository/en-US.json
@@ -888,5 +888,9 @@
     "rootDirectoryPermissionTip": "After Open, Member access path in the repo need auth.",
     "errMsg": "Error Message",
     "blackUserList": "Blacklist",
-    "controlConfigPlaceholder": "Select User Group"
+    "controlConfigPlaceholder": "Select User Group",
+    "hasSelectTip": "{0} items selected,",
+    "changeSelectAllTip": "Select full data",
+    "selectAllTip": "{0} pieces of total data have been selected，",
+    "clearSelectTip":"Clear selection"
 }
diff --git a/src/frontend/locale/repository/zh-CN.json b/src/frontend/locale/repository/zh-CN.json
index 249306f800..3d6f26f80d 100644
--- a/src/frontend/locale/repository/zh-CN.json
+++ b/src/frontend/locale/repository/zh-CN.json
@@ -889,5 +889,9 @@
     "rootDirectoryPermissionTip": "开启之后项目成员访问此仓库下路径需要授权",
     "errMsg": "错误信息",
     "blackUserList": "办公网访问黑名单",
-    "controlConfigPlaceholder": "可选择多个用户组"
+    "controlConfigPlaceholder": "可选择多个用户组",
+    "hasSelectTip": "已选择{0}条,",
+    "changeSelectAllTip": "选择全量数据",
+    "selectAllTip": "已选择全量数据{0}条，",
+    "clearSelectTip":"清除选择"
 }