artalk 2.4.1 → 2.4.3

package/src/list/list.ts

@@ -23,20 +23,7 @@ export default class List extends ListLite {
     el.querySelector('.atk-list-body')!.append(this.$el)
     this.$el = el
 
-    // 平铺模式
-    if (this.ctx.conf.flatMode === true) {
-      this.flatMode = true // 遵循配置总是开启平铺模式
-    } else if (this.conf.nestMax && this.conf.nestMax <= 1) {
-      this.flatMode = true // 嵌套层数值无效时，强制开启平铺模式
-    } else if (this.ctx.conf.flatMode === 'auto') {
-      // 自动判断启用平铺模式
-      if (window.matchMedia("(max-width: 768px)").matches)
-        this.flatMode = true
-    }
-
     // 分页模式
-    this.pageMode = this.conf.pagination.readMore ? 'read-more' : 'pagination'
-    this.pageSize = this.conf.pagination.pageSize || 20
     this.repositionAt = this.$el
 
     // 操作按钮
@@ -48,11 +35,6 @@ export default class List extends ListLite {
     })
     this.$commentCountNum = this.$commentCount.querySelector('.atk-comment-count-num')!
 
-    // 评论列表排序 Dropdown 下拉选择层
-    if (this.ctx.conf.listSort) {
-      this.initDropdown()
-    }
-
     // copyright
     this.$el.querySelector<HTMLElement>('.atk-copyright')!.innerHTML = `Powered By <a href="https://artalk.js.org" target="_blank" title="Artalk v${ARTALK_VERSION}">Artalk</a>`
 
@@ -104,6 +86,11 @@ export default class List extends ListLite {
       this.ctx.editorOpen()
       this.$closeCommentBtn.innerHTML = this.$t('closeComment')
     }
+
+    // 评论列表排序 Dropdown 下拉选择层
+    if (this.ctx.conf.listSort) {
+      this.initDropdown()
+    }
   }
 
   protected onLoad(data: ListData, offset: number) {
@@ -197,8 +184,13 @@ export default class List extends ListLite {
     }
   }
 
+  private dropdownLoaded = false
+
   /** 初始化选择下拉层 */
   protected initDropdown() {
+    if (this.dropdownLoaded) return
+    this.dropdownLoaded = true
+
     this.$dropdownWrap = this.$commentCount
     this.$commentCount.classList.add('atk-dropdown-wrap')
 

package/src/style/main.less

@@ -103,6 +103,23 @@
   tr:nth-child(even) {
     background-color: var(--at-color-bg-grey);
   }
+
+  ul {
+    list-style: disc;
+  }
+
+  ol {
+    list-style: decimal;
+  }
+
+  li + li {
+    margin-top: 8px;
+  }
+
+  li > ol,
+  li > ul {
+    margin: 8px 0 0;
+  }
 }
 
 .atk-hide {

package/test/ArtalkI18n.html

@@ -1,5 +1,6 @@
 <link rel="stylesheet" href="../dist/Artalk.css">
 <script src="../dist/Artalk.js"></script>
+<script src="../dist/i18n/zh-TW.js"></script>
 
 <div id="comments"></div>
 

package/types/artalk-config.d.ts

@@ -1,4 +1,5 @@
 import { I18n } from '~/src/i18n'
+import { CommentData } from './artalk-data'
 
 export default interface ArtalkConfig {
   /** 装载元素 */
@@ -39,6 +40,9 @@ export default interface ArtalkConfig {
     default: string
   }
 
+  /** 头像链接生成器 */
+  avatarURLBuilder?: (comment: CommentData) => string,
+
   /** 分页配置 */
   pagination: {
     /** 每次请求获取数量 */
@@ -103,7 +107,7 @@ export default interface ArtalkConfig {
   /** 版本检测 */
   versionCheck: boolean
 
-  /** 应用后端配置 */
+  /** 引用后端配置 */
   useBackendConf: boolean
 
   /** 语言本地化 */

package/types/artalk-data.d.ts

@@ -159,6 +159,29 @@ export interface UserData {
 
   /** 是否属于管理员 */
   is_admin: boolean
+
+  /** 所属站点名 */
+  site_names: string[]
+
+  /** 所属站点名 (字符串) */
+  site_names_raw: string,
+
+  /** 是否允许接收邮件通知 */
+  receive_email: boolean
+}
+
+export interface UserDataForAdmin extends UserData {
+  /** 最后一次操作 IP */
+  last_ip: string
+
+  /** 最后一次操作 UA */
+  last_ua: string
+
+  /** 是否存在于配置文件中 */
+  is_in_conf: boolean
+
+  /** 评论数 */
+  comment_count: number
 }
 
 export interface NotifyData {

package/types/context.d.ts

@@ -143,4 +143,7 @@ export default interface ContextApi {
 
   /** 设置暗黑模式 */
   setDarkMode(darkMode: boolean): void
+
+  /** 更新配置 */
+  updateConf(conf: Partial<ArtalkConfig>): void
 }

package/types/event.d.ts

@@ -9,7 +9,7 @@ export interface EventPayloadMap {
   'editor-submit': undefined       // 编辑器提交时
   'editor-submitted': undefined    // 编辑器提交后
   'user-changed': LocalUser        // 本地用户数据变更时
-  'conf-updated': undefined        // Artalk 配置变更时
+  'conf-loaded': undefined         // Artalk 配置变更时
   'sidebar-show': undefined        // 侧边栏显示
   'sidebar-hide': undefined        // 侧边栏隐藏
 }