fix: createdAt & templateRef

src/components/card/index.component.html

@@ -14,8 +14,8 @@
     >
       <a [href]="dataSource.url" target="_blank" rel="noreferer noopener">
         <nz-card-meta
-          [nzTitle]="dataSource.name"
-          [nzDescription]="dataSource.desc"
+          [nzTitle]="title"
+          [nzDescription]="description"
           [nzAvatar]="avatarTemplate"
         >
         </nz-card-meta>
@@ -23,7 +23,10 @@
     </nz-card>
 
     <ng-template #title>
-      <h3 [innerHTML]="dataSource.title"></h3>
+      <div [innerHTML]="dataSource.name"></div>
+    </ng-template>
+    <ng-template #description>
+      <div [innerHTML]="dataSource.desc"></div>
     </ng-template>
     <ng-template #avatarTemplate>
       <app-logo [src]="dataSource.icon" [name]="dataSource.name"></app-logo>

src/components/create/create.component.ts

@@ -114,6 +114,9 @@ export class CreateComponent implements OnInit {
   }
 
   handleOk() {
+    const now = new Date()
+    const createdAt = now.toISOString()
+
     try {
       if (!this.isLogin) {
         return this.login();
@@ -146,6 +149,7 @@ export class CreateComponent implements OnInit {
           this.websiteList.push({
             title,
             icon,
+            createdAt,
             nav: []
           })
           break
@@ -163,6 +167,7 @@ export class CreateComponent implements OnInit {
           this.websiteList[findIdx].nav.push({
             title,
             icon,
+            createdAt,
             nav: []
           })
           break
@@ -182,6 +187,7 @@ export class CreateComponent implements OnInit {
           this.websiteList[oIdx].nav[tIdx].nav.unshift({
             title,
             icon,
+            createdAt,
             nav: []
           })
           break
@@ -202,6 +208,7 @@ export class CreateComponent implements OnInit {
             name: title,
             icon,
             url,
+            createdAt,
             desc
           })
           break

src/types/index.d.ts

@@ -6,6 +6,7 @@ export type ThemeType =
 
 export interface INavFourProp {
   icon?: string | null
+  createdAt?: string
   name: string
   desc: string
   url?: string
@@ -17,6 +18,7 @@ export interface INavFourProp {
 export interface INavThreeProp {
   title?: string
   icon?: string | null
+  createdAt?: string
   showSideIcon?: boolean
   collapsed?: boolean
   nav: INavFourProp[]
@@ -25,6 +27,7 @@ export interface INavThreeProp {
 export interface INavTwoProp {
   title?: string
   icon?: string | null
+  createdAt?: string
   collapsed?: boolean
   nav: INavThreeProp[]
 }
@@ -33,6 +36,7 @@ export interface INavProps extends Object {
   title: string
   id?: number
   icon?: string | null
+  createdAt?: string
   nav: INavTwoProp[]
 }
 

src/utils/index.ts

@@ -167,15 +167,18 @@ export function queryString() {
 }
 
 export function adapterWebsiteList(websiteList: any[], parentItem?: any) {
+  const now = new Date()
+
   for (let i = 0; i < websiteList.length; i++) {
     const item = websiteList[i]
+    item.createdAt ||= now.toISOString()
 
     if (Array.isArray(item.nav)) {
       adapterWebsiteList(item.nav, item)
     }
 
     if (item.url) {
-      if (!item.icon && parentItem.icon) {
+      if (!item.icon && parentItem?.icon) {
         item.icon = parentItem.icon
       }