artalk 2.4.4 → 2.5.1

package/dist/i18n/jp.js

@@ -1 +1 @@
-!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?module.exports=n():"function"==typeof define&&define.amd?define(n):(e="undefined"!=typeof globalThis?globalThis:e||self).jp=n()}(this,(function(){"use strict";var e,n,o;return e="jp",n={placeholder:"コメントを残す",noComment:"コメントなし",send:"送信",save:"保存",nick:"ニックネーム",email:"メール",link:"ウェブサイト",emoticon:"絵文字",preview:"プレビュー",image:"画像",uploadFail:"アップロードに失敗しました",commentFail:"コメントに失敗しました",restoredMsg:"コンテンツが復元されました",onlyAdminCanReply:"管理者のみが返信できます",uploadLoginMsg:"アップロードするには、名前とメールアドレスを入力してください",counter:"{count} コメント",sortLatest:"最新のもの",sortOldest:"最も古い",sortBest:"ベスト",sortAuthor:"著者",openComment:"コメントを開く",closeComment:"コメントを閉じる",listLoadFailMsg:"コメントの読み込みに失敗しました",listRetry:"クリックで再試行",loadMore:"もっと読み込む",admin:"管理者",reply:"返信",voteUp:"アップ",voteDown:"ダウン",voteFail:"投票に失敗しました",readMore:"続きを読む",actionConfirm:"確認",collapse:"折りたたむ",collapsed:"折りたたまれた",collapsedMsg:"このコメントは折りたたまれました",expand:"展開",approved:"承認されました",pending:"保留中",pendingMsg:"保留中、コメント投稿者にのみ表示されます",edit:"編集",editCancel:"編集をキャンセル",delete:"削除",deleteConfirm:"確認",pin:"ピン",unpin:"ピン外し",seconds:"秒前",minutes:"分前",hours:"時間前",days:"数日前",now:"たった今",adminCheck:"管理者パスワードを入力してください:",captchaCheck:"続けるにはCAPTCHAを入力してください:",confirm:"確認",cancel:"取消",msgCenter:"メッセージ",ctrlCenter:"コンソール",frontend:"フロントエンド",backend:"バックエンド",loading:"読み込み中",loadFail:"読み込みに失敗しました",editing:"編集中",editFail:"編集に失敗しました",deleting:"削除中",deleteFail:"削除に失敗しました",reqGot:"リクエストを取得しました",reqAborted:"リクエストがタイムアウトしたか、予期せず終了した"},o=["jp-JP"],window.ArtalkI18n||(window.ArtalkI18n={}),window.ArtalkI18n[e]=n,o&&o.forEach((e=>{window.ArtalkI18n[e]=n})),n}));
+!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?module.exports=o():"function"==typeof define&&define.amd?define(o):(e="undefined"!=typeof globalThis?globalThis:e||self).jp=o()}(this,(function(){"use strict";const e="ArtalkI18n";var o,n,t;return o="jp",n={placeholder:"コメントを残す",noComment:"コメントなし",send:"送信",save:"保存",nick:"ニックネーム",email:"メール",link:"ウェブサイト",emoticon:"絵文字",preview:"プレビュー",image:"画像",uploadFail:"アップロードに失敗しました",commentFail:"コメントに失敗しました",restoredMsg:"コンテンツが復元されました",onlyAdminCanReply:"管理者のみが返信できます",uploadLoginMsg:"アップロードするには、名前とメールアドレスを入力してください",counter:"{count} コメント",sortLatest:"最新のもの",sortOldest:"最も古い",sortBest:"ベスト",sortAuthor:"著者",openComment:"コメントを開く",closeComment:"コメントを閉じる",listLoadFailMsg:"コメントの読み込みに失敗しました",listRetry:"クリックで再試行",loadMore:"もっと読み込む",admin:"管理者",reply:"返信",voteUp:"アップ",voteDown:"ダウン",voteFail:"投票に失敗しました",readMore:"続きを読む",actionConfirm:"確認",collapse:"折りたたむ",collapsed:"折りたたまれた",collapsedMsg:"このコメントは折りたたまれました",expand:"展開",approved:"承認されました",pending:"保留中",pendingMsg:"保留中、コメント投稿者にのみ表示されます",edit:"編集",editCancel:"編集をキャンセル",delete:"削除",deleteConfirm:"確認",pin:"ピン",unpin:"ピン外し",seconds:"秒前",minutes:"分前",hours:"時間前",days:"数日前",now:"たった今",adminCheck:"管理者パスワードを入力してください:",captchaCheck:"続けるにはCAPTCHAを入力してください:",confirm:"確認",cancel:"取消",msgCenter:"メッセージ",ctrlCenter:"コンソール",frontend:"フロントエンド",backend:"バックエンド",loading:"読み込み中",loadFail:"読み込みに失敗しました",editing:"編集中",editFail:"編集に失敗しました",deleting:"削除中",deleteFail:"削除に失敗しました",reqGot:"リクエストを取得しました",reqAborted:"リクエストがタイムアウトしたか、予期せず終了した"},t=["jp-JP"],window[e]||(window[e]={}),window[e][o]=n,t&&t.forEach((o=>{window[e][o]=n})),n}));

package/dist/i18n/zh-TW.js

@@ -1 +1 @@
-!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?module.exports=n():"function"==typeof define&&define.amd?define(n):(e="undefined"!=typeof globalThis?globalThis:e||self)["zh-TW"]=n()}(this,(function(){"use strict";var e,n,o;return e="zh-TW",n={placeholder:"鍵入內容...",noComment:"「此時無聲勝有聲」",send:"發送評論",save:"保存評論",nick:"昵稱",email:"郵箱",link:"網址",emoticon:"表情",preview:"預覽",image:"圖片",uploadFail:"上傳失敗",commentFail:"評論失敗",restoredMsg:"內容已自動恢復",onlyAdminCanReply:"僅管理員可評論",uploadLoginMsg:"填入你的名字郵箱才能上傳哦",counter:"{count} 條評論",sortLatest:"最新",sortOldest:"最早",sortBest:"最熱",sortAuthor:"作者",openComment:"打開評論",closeComment:"關閉評論",listLoadFailMsg:"無法獲取評論列表數據",listRetry:"點擊重新獲取",loadMore:"加載更多",admin:"管理員",reply:"回覆",voteUp:"贊同",voteDown:"反對",voteFail:"投票失敗",readMore:"閱讀更多",actionConfirm:"確認操作",collapse:"摺疊",collapsed:"已摺疊",collapsedMsg:"該評論已被系統或管理員摺疊",expand:"展開",approved:"已審",pending:"待審",pendingMsg:"審核中，僅本人可見。",edit:"編輯",editCancel:"取消編輯",delete:"刪除",deleteConfirm:"確認刪除",pin:"置頂",unpin:"取消置頂",seconds:"秒前",minutes:"分鐘前",hours:"小時前",days:"天前",now:"剛剛",adminCheck:"鍵入密碼來驗證管理員身份：",captchaCheck:"鍵入驗證碼繼續：",confirm:"確認",cancel:"取消",msgCenter:"通知中心",ctrlCenter:"控制中心",frontend:"前端",backend:"後端",loading:"加載中",loadFail:"加載失敗",editing:"修改中",editFail:"修改失敗",deleting:"刪除中",deleteFail:"刪除失敗",reqGot:"請求響應",reqAborted:"請求超時或意外終止"},window.ArtalkI18n||(window.ArtalkI18n={}),window.ArtalkI18n[e]=n,o&&o.forEach((e=>{window.ArtalkI18n[e]=n})),n}));
+!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?module.exports=o():"function"==typeof define&&define.amd?define(o):(e="undefined"!=typeof globalThis?globalThis:e||self)["zh-TW"]=o()}(this,(function(){"use strict";const e="ArtalkI18n";var o,n,t;return o="zh-TW",n={placeholder:"鍵入內容...",noComment:"「此時無聲勝有聲」",send:"發送評論",save:"保存評論",nick:"昵稱",email:"郵箱",link:"網址",emoticon:"表情",preview:"預覽",image:"圖片",uploadFail:"上傳失敗",commentFail:"評論失敗",restoredMsg:"內容已自動恢復",onlyAdminCanReply:"僅管理員可評論",uploadLoginMsg:"填入你的名字郵箱才能上傳哦",counter:"{count} 條評論",sortLatest:"最新",sortOldest:"最早",sortBest:"最熱",sortAuthor:"作者",openComment:"打開評論",closeComment:"關閉評論",listLoadFailMsg:"無法獲取評論列表數據",listRetry:"點擊重新獲取",loadMore:"加載更多",admin:"管理員",reply:"回覆",voteUp:"贊同",voteDown:"反對",voteFail:"投票失敗",readMore:"閱讀更多",actionConfirm:"確認操作",collapse:"摺疊",collapsed:"已摺疊",collapsedMsg:"該評論已被系統或管理員摺疊",expand:"展開",approved:"已審",pending:"待審",pendingMsg:"審核中，僅本人可見。",edit:"編輯",editCancel:"取消編輯",delete:"刪除",deleteConfirm:"確認刪除",pin:"置頂",unpin:"取消置頂",seconds:"秒前",minutes:"分鐘前",hours:"小時前",days:"天前",now:"剛剛",adminCheck:"鍵入密碼來驗證管理員身份：",captchaCheck:"鍵入驗證碼繼續：",confirm:"確認",cancel:"取消",msgCenter:"通知中心",ctrlCenter:"控制中心",frontend:"前端",backend:"後端",loading:"加載中",loadFail:"加載失敗",editing:"修改中",editFail:"修改失敗",deleting:"刪除中",deleteFail:"刪除失敗",reqGot:"請求響應",reqAborted:"請求超時或意外終止"},window[e]||(window[e]={}),window[e][o]=n,t&&t.forEach((o=>{window[e][o]=n})),n}));

package/dist/src/api/index.d.ts

@@ -22,8 +22,8 @@ declare class Api {
     get baseURL(): string;
     constructor(ctx: Context);
 }
-declare type TC = typeof ApiComponents;
-declare type AC = {
+type TC = typeof ApiComponents;
+type AC = {
     [K in keyof TC]: InstanceType<TC[K]>;
 };
 interface Api extends AC {

package/dist/src/api/system.d.ts

@@ -5,9 +5,12 @@ import ApiBase from './api-base';
  */
 export default class SystemApi extends ApiBase {
     /** 获取配置 */
-    conf(): Promise<ArtalkConfig>;
+    conf(): Promise<Partial<ArtalkConfig>>;
     /** 获取配置数据 */
-    getSettings(): Promise<string>;
+    getSettings(): Promise<{
+        custom: string;
+        template: string;
+    }>;
     /** 保存配置数据 */
     saveSettings(yamlStr: string): Promise<boolean>;
     /** 获取 API 版本信息 */

package/dist/src/artalk.d.ts

@@ -1,52 +1,60 @@
-import ArtalkConfig from '../types/artalk-config';
-import { EventPayloadMap, Handler } from '../types/event';
-import ArtalkPlug from '../types/plug';
-import Context from '../types/context';
+import type ArtalkConfig from '../types/artalk-config';
+import type { EventPayloadMap, Handler } from '../types/event';
+import type ArtalkPlug from '../types/plug';
+import type Context from '../types/context';
 import ListLite from './list/list-lite';
 /**
  * Artalk
  *
- * @website https://artalk.js.org
+ * @see https://artalk.js.org
  */
 export default class Artalk {
+    private static instance?;
     static ListLite: typeof ListLite;
     static readonly defaults: ArtalkConfig;
     conf: ArtalkConfig;
     ctx: Context;
     $root: HTMLElement;
-    /** Plugins (in global scope)  */
-    protected static Plugins: ArtalkPlug[];
-    /** Plugins (in a instance scope) */
-    protected instancePlugins: ArtalkPlug[];
-    /** 禁用的组件 */
+    /** Plugins */
+    protected static plugins: ArtalkPlug[];
     static DisabledComponents: string[];
-    constructor(customConf: Partial<ArtalkConfig>);
-    /** 组件初始化 */
-    private initComponents;
-    /** 基本配置初始化 */
-    static HandelBaseConf(customConf: Partial<ArtalkConfig>): ArtalkConfig;
-    /** 事件绑定初始化 */
-    private initEventBind;
-    /** 语言初始化 */
-    private initLocale;
-    /** Layer 初始化 */
-    private initLayer;
-    /** 监听事件 */
+    constructor(conf: Partial<ArtalkConfig>);
+    /** Init Artalk */
+    static init(conf: Partial<ArtalkConfig>): Artalk;
+    /** Use Plugin (plugin will be called in instance `use` func) */
+    use(plugin: ArtalkPlug): void;
+    /** Update config of Artalk */
+    update(conf: Partial<ArtalkConfig>): Artalk;
+    /** Reload comment list of Artalk */
+    reload(): void;
+    /** Destroy instance of Artalk */
+    destroy(): void;
+    /** Add an event listener */
     on<K extends keyof EventPayloadMap>(name: K, handler: Handler<EventPayloadMap[K]>): void;
-    /** 解除监听事件 */
+    /** Remove an event listener */
     off<K extends keyof EventPayloadMap>(name: K, handler: Handler<EventPayloadMap[K]>): void;
-    /** 触发事件 */
+    /** Trigger an event */
     trigger<K extends keyof EventPayloadMap>(name: K, payload?: EventPayloadMap[K]): void;
-    /** 重新加载 */
-    reload(): void;
-    /** 设置暗黑模式 */
+    /** Set dark mode */
     setDarkMode(darkMode: boolean): void;
-    /** Use Plugin (specific instance) */
-    use(plugin: ArtalkPlug): void;
-    /** Use Plugin (static method for global scope) */
+    /** Use Plugin (static method) */
     static use(plugin: ArtalkPlug): void;
-    /** @deprecated Please replace it with lowercase function name `use(...)`. */
-    static Use(plugin: ArtalkPlug): void;
-    /** 装载数量统计元素 */
-    static LoadCountWidget(customConf: Partial<ArtalkConfig>): void;
+    /** Update config of Artalk */
+    static update(conf: Partial<ArtalkConfig>): Artalk | undefined;
+    /** Reload comment list of Artalk */
+    static reload(): void;
+    /** Destroy instance of Artalk */
+    static destroy(): void;
+    /** Add an event listener */
+    static on<K extends keyof EventPayloadMap>(name: K, handler: Handler<EventPayloadMap[K]>): void;
+    /** Remove an event listener */
+    static off<K extends keyof EventPayloadMap>(name: K, handler: Handler<EventPayloadMap[K]>): void;
+    /** Trigger an event */
+    static trigger<K extends keyof EventPayloadMap>(name: K, payload?: EventPayloadMap[K]): void;
+    /** Set dark mode */
+    static setDarkMode(darkMode: boolean): void;
+    /** Load count widget */
+    static loadCountWidget(conf: Partial<ArtalkConfig>): void;
+    /** @deprecated Please use `loadCountWidget` instead */
+    static LoadCountWidget(conf: Partial<ArtalkConfig>): void;
 }

package/dist/src/comment/comment.d.ts

@@ -1,7 +1,7 @@
 import { CommentData } from '../../types/artalk-data';
 import Context from '../../types/context';
 import Component from '../lib/component';
-import CommentRender from './render';
+import CommentUI from './render';
 import CommentActions from './actions';
 export interface CommentConf {
     isUnread?: boolean;
@@ -28,7 +28,7 @@ export default class Comment extends Component {
     /** 获取评论操作实例对象 */
     getActions(): CommentActions;
     /** 获取评论渲染器实例对象 */
-    getRender(): CommentRender;
+    getRender(): CommentUI;
     /** 获取评论数据 */
     getData(): CommentData;
     /** 设置数据 */

package/dist/src/comment/height-limit.d.ts

@@ -0,0 +1,30 @@
+export interface IHeightLimitConf {
+    /** Post expand btn click */
+    postExpandBtnClick?: (e: MouseEvent) => void;
+    /** Allow Scroll */
+    scrollable?: boolean;
+}
+export interface IHeightLimitRule {
+    /** Target element need to check */
+    el: HTMLElement | null | undefined;
+    /** Max height (unit: px) */
+    max: number;
+    /** Whether or not the element contains `<img />` */
+    imgContains?: boolean;
+}
+export type THeightLimitRuleSet = IHeightLimitRule[];
+/** Check all elements below the max height limit */
+export declare function check(conf: IHeightLimitConf, rules: THeightLimitRuleSet): void;
+/** Apply height limit on an element and add expand btn */
+export declare function applyHeightLimit(obj: {
+    el: HTMLElement;
+    maxHeight: number;
+    postBtnClick?: (e: MouseEvent) => void;
+}): void;
+/** Dispose height limit on an element and remove expand btn */
+export declare function disposeHeightLimit($el: HTMLElement): void;
+/** Apply scrollable height limit */
+export declare function applyScrollableHeightLimit(obj: {
+    el: HTMLElement;
+    maxHeight: number;
+}): void;

package/dist/src/comment/render-ctx.d.ts

@@ -0,0 +1,23 @@
+import Comment from './comment';
+import ActionBtn from '../components/action-btn';
+export default class RenderCtx {
+    comment: Comment;
+    get ctx(): import("../../types/context").default;
+    get data(): import("../../types/artalk-data").CommentData;
+    get conf(): import("../../types/artalk-config").default;
+    get cConf(): import("./comment").CommentConf;
+    $el: HTMLElement;
+    $main: HTMLElement;
+    $header: HTMLElement;
+    $headerNick: HTMLElement;
+    $headerBadgeWrap: HTMLElement;
+    $body: HTMLElement;
+    $content: HTMLElement;
+    $childrenWrap: HTMLElement | null;
+    $actions: HTMLElement;
+    voteBtnUp?: ActionBtn;
+    voteBtnDown?: ActionBtn;
+    $replyTo?: HTMLElement;
+    $replyAt?: HTMLElement;
+    constructor(comment: Comment);
+}

package/dist/src/comment/render.d.ts

@@ -1,60 +1,12 @@
-import ActionBtn from '../components/action-btn';
 import Comment from './comment';
-export default class CommentRender {
-    private comment;
-    private get ctx();
-    private get data();
-    private get cConf();
-    $el: HTMLElement;
-    $main: HTMLElement;
-    $header: HTMLElement;
-    $headerNick: HTMLElement;
-    $headerBadgeWrap: HTMLElement;
-    $body: HTMLElement;
-    $content: HTMLElement;
-    private $childrenWrap;
-    $actions: HTMLElement;
-    voteBtnUp?: ActionBtn;
-    voteBtnDown?: ActionBtn;
-    $replyTo?: HTMLElement;
-    $replyAt?: HTMLElement;
+import RenderCtx from './render-ctx';
+export default class CommentRender extends RenderCtx {
     constructor(comment: Comment);
     render(): HTMLElement;
-    /** 初始化 - 评论头像 */
-    private renderAvatar;
-    /** 初始化 - 评论信息 */
-    private renderHeader;
-    private renderHeader_Nick;
-    private renderHeader_VerifyBadge;
-    private renderHeader_Date;
-    private renderHeader_UABadge;
-    /** 初始化 - 评论内容 */
-    private renderContent;
-    /** 初始化 - 层级嵌套模式显示 At */
-    private renderReplyAt;
-    /** 初始化 - 回复的对象 */
-    private renderReplyTo;
-    /** 初始化 - 待审核状态 */
-    private renderPending;
-    /** 初始化 - 评论操作按钮 */
-    private renderActions;
-    private renderActions_Vote;
-    private renderActions_Reply;
-    private renderActions_Collapse;
-    private renderActions_Moderator;
-    private renderActions_Pin;
-    private renderActions_Edit;
-    private renderActions_Del;
     /** 内容限高检测 */
     checkHeightLimit(): void;
-    /** 目标内容限高检测 */
-    checkHeightLimitArea(area: 'children' | 'content'): void;
-    /** 移除限高 */
-    private heightLimitRemove;
     /** 子评论区域移除限高 */
     heightLimitRemoveForChildren(): void;
-    /** 内容限高区域新增 */
-    private heightLimitAdd;
     /** 渐出动画 */
     playFadeAnim(): void;
     /** 渐出动画 · 评论内容区域 */

package/dist/src/comment/renders/actions.d.ts

@@ -0,0 +1,5 @@
+import RenderCtx from '../render-ctx';
+/**
+ * 评论操作按钮界面
+ */
+export default function renderActions(ctx: RenderCtx): void;

package/dist/src/comment/renders/avatar.d.ts

@@ -0,0 +1,5 @@
+import RenderCtx from '../render-ctx';
+/**
+ * 评论头像界面
+ */
+export default function renderAvatar(ctx: RenderCtx): void;

package/dist/src/comment/renders/content.d.ts

@@ -0,0 +1,5 @@
+import RenderCtx from '../render-ctx';
+/**
+ * 评论内容界面
+ */
+export default function renderContent(ctx: RenderCtx): void;

package/dist/src/comment/renders/header.d.ts

@@ -0,0 +1,5 @@
+import RenderCtx from '../render-ctx';
+/**
+ * 评论头部界面
+ */
+export default function renderHeader(ctx: RenderCtx): void;

package/dist/src/comment/renders/index.d.ts

@@ -0,0 +1,2 @@
+import RenderCtx from '../render-ctx';
+export default function loadRenders(ctx: RenderCtx): void;

package/dist/src/comment/renders/pending.d.ts

@@ -0,0 +1,5 @@
+import RenderCtx from '../render-ctx';
+/**
+ * 待审核状态界面
+ */
+export default function renderPending(ctx: RenderCtx): void;

package/dist/src/comment/renders/reply-at.d.ts

@@ -0,0 +1,5 @@
+import RenderCtx from '../render-ctx';
+/**
+ * 层级嵌套模式显示 AT 界面
+ */
+export default function renderReplyAt(ctx: RenderCtx): void;

package/dist/src/comment/renders/reply-to.d.ts

@@ -0,0 +1,5 @@
+import RenderCtx from '../render-ctx';
+/**
+ * 回复的对象界面
+ */
+export default function renderReplyTo(ctx: RenderCtx): void;

package/dist/src/components/dialog.d.ts

@@ -1,5 +1,5 @@
 import Context from '../../types/context';
-declare type BtnClickHandler = (btnEl: HTMLElement, dialog: Dialog) => boolean | void;
+type BtnClickHandler = (btnEl: HTMLElement, dialog: Dialog) => boolean | void;
 /**
  * 对话框
  */

package/dist/src/config.d.ts

@@ -0,0 +1,8 @@
+import type ArtalkConfig from '../types/artalk-config';
+declare const _default: {
+    handelBaseConf: typeof handelBaseConf;
+};
+export default _default;
+/** 基本配置初始化 */
+export declare function handelBaseConf(customConf: Partial<ArtalkConfig>): ArtalkConfig;
+export declare function handleBackendRefConf(conf: Partial<ArtalkConfig>): Partial<ArtalkConfig>;

package/dist/src/context.d.ts

@@ -1,38 +1,26 @@
-import { marked as libMarked } from 'marked';
-import ArtalkConfig from '../types/artalk-config';
-import { CommentData, NotifyData } from '../types/artalk-data';
-import { I18n } from './i18n';
-import User from './lib/user';
-import ContextApi from '../types/context';
-import Editor from './editor';
+import type ArtalkConfig from '../types/artalk-config';
+import type { CommentData, NotifyData } from '../types/artalk-data';
+import type ContextApi from '../types/context';
+import type { TInjectedServices } from './service';
+import { CheckerCaptchaPayload, CheckerPayload } from './lib/checker';
+import * as I18n from './i18n';
+import { SidebarShowPayload } from './layer/sidebar-layer';
 import Comment from './comment';
-import ListLite from './list/list-lite';
-import SidebarLayer, { SidebarShowPayload } from './layer/sidebar-layer';
-import CheckerLauncher, { CheckerCaptchaPayload, CheckerPayload } from './lib/checker';
 import Api from './api';
+interface Context extends TInjectedServices {
+}
 /**
  * Artalk Context
  */
-export default class Context implements ContextApi {
-    private api;
-    private editor;
-    private list?;
-    private sidebarLayer;
-    private checkerLauncher;
-    cid: number;
+declare class Context implements ContextApi {
     conf: ArtalkConfig;
-    user: User;
     $root: HTMLElement;
-    markedInstance?: typeof libMarked;
     markedReplacers: ((raw: string) => string)[];
     private commentList;
     private eventList;
     constructor(conf: ArtalkConfig, $root?: HTMLElement);
-    setApi(api: Api): void;
-    setEditor(editor: Editor): void;
-    setList(list: ListLite): void;
-    setSidebarLayer(sidebarLayer: SidebarLayer): void;
-    setCheckerLauncher(checkerLauncher: CheckerLauncher): void;
+    inject(depName: string, obj: any): void;
+    get(depName: string): any;
     getApi(): Api;
     getCommentList(): Comment[];
     getCommentDataList(): CommentData[];
@@ -65,12 +53,11 @@ export default class Context implements ContextApi {
     on(name: any, handler: any, scope?: any): void;
     off(name: any, handler: any, scope?: any): void;
     trigger(name: any, payload?: any, scope?: any): void;
-    $t(key: keyof I18n, args?: {
+    $t(key: I18n.I18nKeys, args?: {
         [key: string]: string;
     }): string;
     setDarkMode(darkMode: boolean): void;
-    private darkModeMedia;
-    private darkModeAutoFunc?;
-    private refreshDarkModeConf;
-    updateConf(conf: Partial<ArtalkConfig>): void;
+    updateConf(nConf: Partial<ArtalkConfig>): void;
+    getMarkedInstance(): typeof import("marked").marked | undefined;
 }
+export default Context;

package/dist/src/editor/edit-mode.d.ts

@@ -0,0 +1,9 @@
+import type { CommentData } from '../../types/artalk-data';
+import Editor from './editor';
+export interface EditModeManager {
+    editor: Editor;
+    comment?: CommentData;
+    setEdit: (comment: CommentData, $comment: HTMLElement) => void;
+    cancelEdit: () => void;
+}
+export declare function createEditModeManager(editor: Editor): EditModeManager;

package/dist/src/editor/editor.d.ts

@@ -1,55 +1,53 @@
-import { CommentData } from '../../types/artalk-data';
-import Context from '../../types/context';
+import type { CommentData } from '../../types/artalk-data';
+import type Context from '../../types/context';
 import Component from '../lib/component';
-import EditorPlug from './plugs/editor-plug';
+import { EditorUI } from './ui';
+import { PlugManager } from './plug-manager';
+import { Mover } from './mover';
+import { ReplyManager } from './reply';
+import { EditModeManager } from './edit-mode';
+import { SubmitManager } from './submit';
 export default class Editor extends Component {
-    private get user();
-    $header: HTMLElement;
-    $nick: HTMLInputElement;
-    $email: HTMLInputElement;
-    $link: HTMLInputElement;
-    get $inputs(): {
-        nick: HTMLInputElement;
-        email: HTMLInputElement;
-        link: HTMLInputElement;
-    };
-    $textareaWrap: HTMLElement;
-    $textarea: HTMLTextAreaElement;
-    $bottom: HTMLElement;
-    $submitBtn: HTMLButtonElement;
-    $notifyWrap: HTMLElement;
-    private isTraveling;
+    /** 界面 */
+    private ui;
+    getUI(): EditorUI;
+    /** 插件管理器 */
+    private plugs?;
+    getPlugs(): PlugManager | undefined;
+    setPlugs(p: PlugManager): void;
+    /** 评论框移动 */
+    private mover?;
+    setMover(m: Mover): void;
     /** 回复评论 */
-    private replyComment;
-    private $sendReply;
+    private reply?;
+    setReplyManager(m: ReplyManager): void;
+    getReplyManager(): ReplyManager | undefined;
     get isReplyMode(): boolean;
     /** 编辑评论 */
-    private editComment;
-    private $editCancelBtn;
+    private editMode?;
+    setEditModeManager(m: EditModeManager): void;
     get isEditMode(): boolean;
-    /** 启用的插件 */
-    private readonly ENABLED_PLUGS;
-    plugList: {
-        [name: string]: EditorPlug;
-    };
-    private openedPlugName;
-    $plugPanelWrap: HTMLElement;
-    $plugBtnWrap: HTMLElement;
+    /** 提交评论 */
+    private submitManager?;
+    setSubmitManager(m: SubmitManager): void;
+    getSubmitManager(): SubmitManager | undefined;
     constructor(ctx: Context);
-    private initLocalStorage;
-    private saveToLocalStorage;
-    private initHeader;
-    private onHeaderInput;
-    private initTextarea;
-    private refreshSendBtnText;
-    private initSubmitBtn;
+    getHeaderInputEls(): {
+        nick: HTMLInputElement;
+        email: HTMLInputElement;
+        link: HTMLInputElement;
+    };
+    saveToLocalStorage(): void;
+    refreshSendBtnText(): void;
     /** 最终用于 submit 的数据 */
     getFinalContent(): string;
     getContentOriginal(): string;
     getContentMarked(): string;
     setContent(val: string): void;
     insertContent(val: string): void;
-    private adjustTextareaHeight;
+    adjustTextareaHeight(): void;
+    focus(): void;
+    reset(): void;
     /** 设置回复评论 */
     setReply(commentData: CommentData, $comment: HTMLElement, scroll?: boolean): void;
     /** 取消回复评论 */
@@ -63,10 +61,6 @@ export default class Editor extends Component {
     hideLoading(): void;
     /** 点击评论提交按钮事件 */
     submit(): Promise<void>;
-    /** 创建评论 */
-    submitAdd(): Promise<void>;
-    /** 修改评论 */
-    submitEdit(): Promise<void>;
     /** 关闭评论 */
     close(): void;
     /** 打开评论 */
@@ -75,8 +69,6 @@ export default class Editor extends Component {
     travel($afterEl: HTMLElement): void;
     /** 评论框归位 */
     travelBack(): void;
-    /** 插件初始化 */
-    private initPlugs;
     /** 展开插件面板 */
     openPlugPanel(plugName: string): void;
     /** 收起插件面板 */

package/dist/src/editor/funcs.d.ts

@@ -0,0 +1,2 @@
+import Editor from './editor';
+export default function initEditorFuncs(editor: Editor): void;

package/dist/src/editor/mover.d.ts

@@ -0,0 +1,8 @@
+import Editor from './editor';
+export interface Mover {
+    editor: Editor;
+    isMoved: boolean;
+    move(afterEl: HTMLElement): void;
+    back(): void;
+}
+export declare function createMover(editor: Editor): Mover;

package/dist/src/editor/plug-manager.d.ts

@@ -0,0 +1,17 @@
+import EditorPlug from './plugs/editor-plug';
+import Editor from './editor';
+/** Context of an editor plug manager */
+export interface PlugManager {
+    editor: Editor;
+    plugList: {
+        [name: string]: EditorPlug;
+    };
+    openedPlugName: string | null;
+    openPlugPanel(plugName: string): void;
+    closePlugPanel(): void;
+    triggerHeaderInputEvt(field: string, $input: HTMLInputElement): void;
+    triggerContentUpdatedEvt(content: string): void;
+    getTransformedContent(raw: string): string;
+}
+/** Create an editor plug manager */
+export declare function createPlugManager(editor: Editor): PlugManager;

package/dist/src/editor/plugs/editor-plug.d.ts

@@ -15,12 +15,24 @@ declare abstract class EditorPlug {
     protected $panel?: HTMLElement;
     protected $btn?: HTMLElement;
     onHeaderInput?: (key: string, $input: HTMLElement) => void;
+    contentTransformer?: (rawContent: string) => string;
+    onContentUpdated?: (content: string) => void;
     constructor(editor: Editor);
+    /** Name of plug */
     static Name: string;
+    /** Register plug panel will provide a plug el */
     protected registerPanel(html?: string): HTMLElement;
+    /** Register plug btn will add a btn on the bottom of editor */
     protected registerBtn(html: string): HTMLElement;
-    protected registerHeaderInputEvt(action: (key: string, $input: HTMLElement) => void): void;
+    /** Register the event of header input is changed */
+    protected registerHeaderInputEvt(func: (key: string, $input: HTMLElement) => void): void;
+    /** Register the content transformer to handle the content of the last submit by the editor */
+    protected registerContentTransformer(func: (raw: string) => string): void;
+    /** Register the event of editor content is updated */
+    protected registerContentUpdatedEvt(func: (content: string) => void): void;
+    /** Get panel element of plug */
     getPanel(): HTMLElement | undefined;
+    /** Get btn element of plug */
     getBtn(): HTMLElement | undefined;
 }
 export default EditorPlug;

package/dist/src/editor/reply.d.ts

@@ -0,0 +1,9 @@
+import type { CommentData } from '../../types/artalk-data';
+import Editor from './editor';
+export interface ReplyManager {
+    editor: Editor;
+    comment?: CommentData;
+    setReply(comment: CommentData, $comment: HTMLElement, scroll?: boolean): void;
+    cancelReply(): void;
+}
+export declare function createReplyManager(editor: Editor): ReplyManager;

package/dist/src/editor/submit.d.ts

@@ -0,0 +1,16 @@
+import type { CommentData } from '../../types/artalk-data';
+import Editor from './editor';
+export interface SubmitManager {
+    editor: Editor;
+    do: () => Promise<void>;
+    customs: CustomSubmit[];
+    registerCustom(c: CustomSubmit): void;
+}
+export declare function createSubmitManager(editor: Editor): SubmitManager;
+interface CustomSubmit {
+    activeCond: () => void;
+    pre?: () => void;
+    req?: () => Promise<CommentData>;
+    post?: (nComment: CommentData) => void;
+}
+export {};