feat: update tag visibility and UI enhancements

- Filter tagList based on login status to exclude non-open tags.
- Refactor move-web component HTML to improve layout with responsive design.
- Add new localization keys for "No open" in English and Chinese.
- Extend ITagPropValues interface to include optional noOpen property.
- Update tag management UI to include a switch for tag visibility.
- Import NzSwitchModule in tag component for toggle functionality.

Author: xjh22222228

package.json

@@ -21,14 +21,14 @@
   "type": "module",
   "private": true,
   "dependencies": {
-    "@angular/animations": "^19.2.9",
-    "@angular/common": "^19.2.9",
-    "@angular/compiler": "^19.2.9",
-    "@angular/core": "^19.2.9",
-    "@angular/forms": "^19.2.9",
-    "@angular/platform-browser": "^19.2.9",
-    "@angular/platform-browser-dynamic": "^19.2.9",
-    "@angular/router": "^19.2.9",
+    "@angular/animations": "^19.2.10",
+    "@angular/common": "^19.2.10",
+    "@angular/compiler": "^19.2.10",
+    "@angular/core": "^19.2.10",
+    "@angular/forms": "^19.2.10",
+    "@angular/platform-browser": "^19.2.10",
+    "@angular/platform-browser-dynamic": "^19.2.10",
+    "@angular/router": "^19.2.10",
     "axios": "^1.9.0",
     "chrome-finder": "^1.0.7",
     "clipboard": "^2.0.11",
@@ -42,21 +42,21 @@
     "mitt": "^3.0.1",
     "ng-zorro-antd": "^19.2.2",
     "nprogress": "^0.2.0",
-    "puppeteer": "^24.7.2",
+    "puppeteer": "^24.8.1",
     "qs": "^6.14.0",
     "rough-notation": "^0.5.1",
     "rxjs": "~7.8.2",
     "sharp": "^0.34.1",
     "zone.js": "~0.15.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^19.2.10",
-    "@angular/cli": "^19.2.10",
-    "@angular/compiler-cli": "^19.2.9",
+    "@angular-devkit/build-angular": "^19.2.11",
+    "@angular/cli": "^19.2.11",
+    "@angular/compiler-cli": "^19.2.10",
     "@tailwindcss/postcss": "^4.1.5",
     "@types/compression": "^1.7.5",
     "@types/file-saver": "^2.0.7",
-    "@types/jasmine": "~5.1.7",
+    "@types/jasmine": "~5.1.8",
     "@types/js-yaml": "^4.0.9",
     "@types/nodemailer": "^6.4.17",
     "@types/nprogress": "^0.2.3",
@@ -66,9 +66,9 @@
     "connect-history-api-fallback": "^2.0.0",
     "cors": "^2.8.5",
     "info-web": "^0.0.46",
-    "jasmine-core": "~5.7.0",
-    "lint-staged": "^15.5.1",
-    "nodemailer": "^6.10.1",
+    "jasmine-core": "~5.7.1",
+    "lint-staged": "^15.5.2",
+    "nodemailer": "^7.0.2",
     "pm2": "^6.0.5",
     "postcss": "^8.5.3",
     "prettier": "^3.5.3",

pnpm-lock.yaml

@@ -81,7 +81,7 @@ export class CreateWebComponent {
   readonly permissions = getPermissions(settings)
   readonly DEFAULT_SORT_INDEX = DEFAULT_SORT_INDEX
   validateForm!: FormGroup
-  tagList = tagList
+  tagList = tagList.filter((item) => !(!isLogin && item.noOpen))
   submitting = false
   getting = false
   translating = false

src/components/create-web/index.component.ts

@@ -6,56 +6,60 @@
   (nzOnOk)="hanldeOk()"
 >
   <ng-container *nzModalContent>
-    <nz-select
-      [ngModel]="oneSelect"
-      nzShowSearch
-      [nzPlaceHolder]="$t('_sel1')"
-      (ngModelChange)="hanldeOneSelect($event)"
-      style="width: 160px"
-    >
-      <nz-option
-        *ngFor="let item of websiteList"
-        [nzLabel]="item.title"
-        [nzValue]="item.id"
+    <div class="grid grid-cols-1 gap-4 md:grid-cols-3">
+      <nz-select
+        [ngModel]="oneSelect"
+        nzShowSearch
+        [nzPlaceHolder]="$t('_sel1')"
+        (ngModelChange)="hanldeOneSelect($event)"
+        class="w-full md:w-[160px]"
       >
-      </nz-option>
-    </nz-select>
+        <nz-option
+          *ngFor="let item of websiteList"
+          [nzLabel]="item.title"
+          [nzValue]="item.id"
+        >
+        </nz-option>
+      </nz-select>
 
-    <nz-select
-      [ngModel]="twoSelect"
-      nzShowSearch
-      [nzPlaceHolder]="$t('_sel2')"
-      (ngModelChange)="hanldeTwoSelect($event)"
-      style="width: 160px; margin-left: 15px"
-      *ngIf="level > 2"
-    >
-      <nz-option
-        *ngFor="let item of twoOptions"
-        [nzLabel]="item.title"
-        [nzValue]="item.id"
+      <nz-select
+        [ngModel]="twoSelect"
+        nzShowSearch
+        [nzPlaceHolder]="$t('_sel2')"
+        (ngModelChange)="hanldeTwoSelect($event)"
+        class="w-full md:w-[160px]"
+        *ngIf="level > 2"
       >
-      </nz-option>
-    </nz-select>
+        <nz-option
+          *ngFor="let item of twoOptions"
+          [nzLabel]="item.title"
+          [nzValue]="item.id"
+        >
+        </nz-option>
+      </nz-select>
 
-    <nz-select
-      [ngModel]="threeSelect"
-      nzShowSearch
-      [nzPlaceHolder]="$t('_sel3')"
-      (ngModelChange)="hanldeThreeSelect($event)"
-      style="width: 160px; margin-left: 15px"
-      *ngIf="level === 4"
-    >
-      <nz-option
-        *ngFor="let item of threeOptions"
-        [nzLabel]="item.title"
-        [nzValue]="item.id"
+      <nz-select
+        [ngModel]="threeSelect"
+        nzShowSearch
+        [nzPlaceHolder]="$t('_sel3')"
+        (ngModelChange)="hanldeThreeSelect($event)"
+        class="w-full md:w-[160px]"
+        *ngIf="level === 4"
       >
-      </nz-option>
-    </nz-select>
+        <nz-option
+          *ngFor="let item of threeOptions"
+          [nzLabel]="item.title"
+          [nzValue]="item.id"
+        >
+        </nz-option>
+      </nz-select>
+    </div>
 
     <div class="act select-none">
       <label nz-checkbox [(ngModel)]="isCopy">{{ $t('_copy') }}</label>
-      <label nz-checkbox [(ngModel)]="isSame" *ngIf="isCopy">{{ $t('_same') }}</label>
+      <label nz-checkbox [(ngModel)]="isSame" *ngIf="isCopy">{{
+        $t('_same')
+      }}</label>
     </div>
   </ng-container>
 </nz-modal>

src/components/move-web/index.component.html

@@ -334,6 +334,7 @@ const english: Record<string, any> = {
   _logoDarkImg: 'Logo Dark Picture',
   _errLogo: 'The logo image cannot be accessed',
   _logoMaxHeight: 'Max height',
+  _noPublic: 'No open',
 }
 
 export default english

src/locale/english.ts

@@ -321,6 +321,7 @@ const zhCN: Record<string, any> = {
   _logoDarkImg: 'Logo暗黑图',
   _errLogo: '该LOGO图无法访问',
   _logoMaxHeight: 'Logo最大高度',
+  _noPublic: '不公开',
 }
 
 export default zhCN

src/locale/zh_CN.ts

@@ -128,6 +128,7 @@ export interface ITagPropValues {
   color: string
   desc: string
   isInner: boolean
+  noOpen?: boolean
   sort?: number | string
 
   [key: string]: any

src/types/index.ts

@@ -23,6 +23,7 @@
 <nz-table #basicTable [nzData]="tagList">
   <thead>
     <tr>
+      <th nzWidth="80px">{{ $t('_noPublic') }}</th>
       <th nzWidth="150px">{{ $t('_tagName') }}</th>
       <th nzWidth="160px">{{ $t('_color') }}</th>
       <th nzWidth="150px">{{ $t('_sort') }}</th>
@@ -32,6 +33,9 @@
   </thead>
   <tbody>
     <tr *ngFor="let data of tagList; index as idx; trackBy: trackByItem">
+      <td>
+        <nz-switch [(ngModel)]="data.noOpen"></nz-switch>
+      </td>
       <td>
         <input nz-input [(ngModel)]="data.name" maxlength="10" />
       </td>

src/view/system/tag/index.component.html

@@ -17,6 +17,7 @@ import { NzButtonModule } from 'ng-zorro-antd/button'
 import { NzInputModule } from 'ng-zorro-antd/input'
 import { NzTableModule } from 'ng-zorro-antd/table'
 import { NzPopconfirmModule } from 'ng-zorro-antd/popconfirm'
+import { NzSwitchModule } from 'ng-zorro-antd/switch'
 
 @Component({
   standalone: true,
@@ -27,6 +28,7 @@ import { NzPopconfirmModule } from 'ng-zorro-antd/popconfirm'
     NzInputModule,
     NzTableModule,
     NzPopconfirmModule,
+    NzSwitchModule,
   ],
   providers: [NzModalService, NzMessageService],
   selector: 'system-tag',