artalk 2.3.3 → 2.4.0

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

@@ -0,0 +1,84 @@
+import { CommentData } from '../../types/artalk-data';
+import Context from '../../types/context';
+import Component from '../lib/component';
+import EditorPlug from './plugs/editor-plug';
+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 replyComment;
+    private $sendReply;
+    get isReplyMode(): boolean;
+    /** 编辑评论 */
+    private editComment;
+    private $editCancelBtn;
+    get isEditMode(): boolean;
+    /** 启用的插件 */
+    private readonly ENABLED_PLUGS;
+    plugList: {
+        [name: string]: EditorPlug;
+    };
+    private openedPlugName;
+    $plugPanelWrap: HTMLElement;
+    $plugBtnWrap: HTMLElement;
+    constructor(ctx: Context);
+    private initLocalStorage;
+    private saveToLocalStorage;
+    private initHeader;
+    private onHeaderInput;
+    private initTextarea;
+    private refreshSendBtnText;
+    private initSubmitBtn;
+    /** 最终用于 submit 的数据 */
+    getFinalContent(): string;
+    getContentOriginal(): string;
+    getContentMarked(): string;
+    setContent(val: string): void;
+    insertContent(val: string): void;
+    private adjustTextareaHeight;
+    /** 设置回复评论 */
+    setReply(commentData: CommentData, $comment: HTMLElement, scroll?: boolean): void;
+    /** 取消回复评论 */
+    cancelReply(): void;
+    /** 设置编辑评论 */
+    setEditComment(commentData: CommentData, $comment: HTMLElement): void;
+    /** 取消编辑评论 */
+    cancelEditComment(): void;
+    showNotify(msg: string, type: "i" | "s" | "w" | "e"): void;
+    showLoading(): void;
+    hideLoading(): void;
+    /** 点击评论提交按钮事件 */
+    submit(): Promise<void>;
+    /** 创建评论 */
+    submitAdd(): Promise<void>;
+    /** 修改评论 */
+    submitEdit(): Promise<void>;
+    /** 关闭评论 */
+    close(): void;
+    /** 打开评论 */
+    open(): void;
+    /** 移动评论框到置顶元素之后 */
+    travel($afterEl: HTMLElement): void;
+    /** 评论框归位 */
+    travelBack(): void;
+    /** 插件初始化 */
+    private initPlugs;
+    /** 展开插件面板 */
+    openPlugPanel(plugName: string): void;
+    /** 收起插件面板 */
+    closePlugPanel(): void;
+}

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

@@ -0,0 +1,2 @@
+import Editor from './editor';
+export default Editor;

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

@@ -0,0 +1,26 @@
+import Editor from '../editor';
+/**
+ * Editor 插件
+ *
+ * @desc 使用 Interface x Abstract 合并声明
+ * @see https://www.typescriptlang.org/docs/handbook/declaration-merging.html#merging-interfaces
+ */
+interface EditorPlug {
+    onPanelShow?(): void;
+    onPanelHide?(): void;
+}
+declare abstract class EditorPlug {
+    protected editor: Editor;
+    protected get ctx(): import("../../../types/context").default;
+    protected $panel?: HTMLElement;
+    protected $btn?: HTMLElement;
+    onHeaderInput?: (key: string, $input: HTMLElement) => void;
+    constructor(editor: Editor);
+    static Name: string;
+    protected registerPanel(html?: string): HTMLElement;
+    protected registerBtn(html: string): HTMLElement;
+    protected registerHeaderInputEvt(action: (key: string, $input: HTMLElement) => void): void;
+    getPanel(): HTMLElement | undefined;
+    getBtn(): HTMLElement | undefined;
+}
+export default EditorPlug;

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

@@ -0,0 +1,36 @@
+import { EmoticonListData } from '../../../types/artalk-data';
+import EditorPlug from './editor-plug';
+import Editor from '../editor';
+export default class EmoticonsPlug extends EditorPlug {
+    editor: Editor;
+    static Name: string;
+    protected $panel: HTMLElement;
+    emoticons: EmoticonListData;
+    loadingTask: Promise<void> | null;
+    $grpWrap: HTMLElement;
+    $grpSwitcher: HTMLElement;
+    constructor(editor: Editor);
+    onPanelShow(): void;
+    onPanelHide(): void;
+    isListLoaded: boolean;
+    isImgLoaded: boolean;
+    loadEmoticonsData(): Promise<void>;
+    private handleData;
+    /** 远程加载 */
+    private remoteLoad;
+    /** 避免表情 item.key 为 null 的情况 */
+    private solveNullKey;
+    /** 避免相同 item.key */
+    private solveSameKey;
+    /** 判断是否为 OwO 格式 */
+    private isOwOFormat;
+    /** 转换 OwO 格式数据 */
+    private convertOwO;
+    /** 初始化表情列表界面 */
+    private initEmoticonsList;
+    /** 打开一个表情组 */
+    openGrp(index: number): void;
+    private changeListHeight;
+    /** 处理评论 content 中的表情内容 */
+    transEmoticonImageText(text: string): string;
+}

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

@@ -0,0 +1,13 @@
+import Editor from '../editor';
+import EditorPlug from './editor-plug';
+export default class HeaderInputPlug extends EditorPlug {
+    static Name: string;
+    constructor(editor: Editor);
+    queryUserInfo: {
+        timeout: number | null;
+        abortFunc: (() => void) | null;
+    };
+    /** 远程获取用户数据 */
+    fetchUserInfo(): void;
+    showLoginDialog(): void;
+}

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

@@ -0,0 +1,10 @@
+import Editor from '../editor';
+import EditorPlug from './editor-plug';
+export default class PreviewPlug extends EditorPlug {
+    static Name: string;
+    protected $panel: HTMLElement;
+    private isBind;
+    constructor(editor: Editor);
+    onPanelShow(): void;
+    updateContent(): void;
+}

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

@@ -0,0 +1,10 @@
+import Editor from '../editor';
+import EditorPlug from './editor-plug';
+export default class UploadPlug extends EditorPlug {
+    static Name: string;
+    $imgUploadInput?: HTMLInputElement;
+    /** 允许的图片格式 */
+    allowImgExts: string[];
+    constructor(editor: Editor);
+    uploadImg(file: File): Promise<void>;
+}

package/dist/src/i18n/en.d.ts

@@ -0,0 +1,69 @@
+declare const _default: {
+    placeholder: string;
+    noComment: string;
+    send: string;
+    save: string;
+    nick: string;
+    email: string;
+    link: string;
+    emoticon: string;
+    preview: string;
+    image: string;
+    uploadFail: string;
+    commentFail: string;
+    restoredMsg: string;
+    onlyAdminCanReply: string;
+    uploadLoginMsg: string;
+    counter: string;
+    sortLatest: string;
+    sortOldest: string;
+    sortBest: string;
+    sortAuthor: string;
+    openComment: string;
+    closeComment: string;
+    listLoadFailMsg: string;
+    listRetry: string;
+    loadMore: string;
+    admin: string;
+    reply: string;
+    voteUp: string;
+    voteDown: string;
+    voteFail: string;
+    readMore: string;
+    actionConfirm: string;
+    collapse: string;
+    collapsed: string;
+    collapsedMsg: string;
+    expand: string;
+    approved: string;
+    pending: string;
+    pendingMsg: string;
+    edit: string;
+    editCancel: string;
+    delete: string;
+    deleteConfirm: string;
+    pin: string;
+    unpin: string;
+    seconds: string;
+    minutes: string;
+    hours: string;
+    days: string;
+    now: string;
+    adminCheck: string;
+    captchaCheck: string;
+    confirm: string;
+    cancel: string;
+    msgCenter: string;
+    ctrlCenter: string;
+    frontend: string;
+    backend: string;
+    loading: string;
+    loadFail: string;
+    editing: string;
+    editFail: string;
+    deleting: string;
+    deleteFail: string;
+    reqGot: string;
+    reqAborted: string;
+};
+export default _default;

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

@@ -0,0 +1,294 @@
+import en from './en';
+export declare type I18n = typeof en;
+export declare const internal: {
+    en: {
+        placeholder: string;
+        noComment: string;
+        send: string;
+        save: string;
+        nick: string;
+        email: string;
+        link: string;
+        emoticon: string;
+        preview: string;
+        image: string;
+        uploadFail: string;
+        commentFail: string;
+        restoredMsg: string;
+        onlyAdminCanReply: string;
+        uploadLoginMsg: string;
+        counter: string;
+        sortLatest: string;
+        sortOldest: string;
+        sortBest: string;
+        sortAuthor: string;
+        openComment: string;
+        closeComment: string;
+        listLoadFailMsg: string;
+        listRetry: string;
+        loadMore: string;
+        admin: string;
+        reply: string;
+        voteUp: string;
+        voteDown: string;
+        voteFail: string;
+        readMore: string;
+        actionConfirm: string;
+        collapse: string;
+        collapsed: string;
+        collapsedMsg: string;
+        expand: string;
+        approved: string;
+        pending: string;
+        pendingMsg: string;
+        edit: string;
+        editCancel: string;
+        delete: string;
+        deleteConfirm: string;
+        pin: string;
+        unpin: string;
+        seconds: string;
+        minutes: string;
+        hours: string;
+        days: string;
+        now: string;
+        adminCheck: string;
+        captchaCheck: string;
+        confirm: string;
+        cancel: string;
+        msgCenter: string;
+        ctrlCenter: string;
+        frontend: string;
+        backend: string;
+        loading: string;
+        loadFail: string;
+        editing: string;
+        editFail: string;
+        deleting: string;
+        deleteFail: string;
+        reqGot: string;
+        reqAborted: string;
+    };
+    'en-US': {
+        placeholder: string;
+        noComment: string;
+        send: string;
+        save: string;
+        nick: string;
+        email: string;
+        link: string;
+        emoticon: string;
+        preview: string;
+        image: string;
+        uploadFail: string;
+        commentFail: string;
+        restoredMsg: string;
+        onlyAdminCanReply: string;
+        uploadLoginMsg: string;
+        counter: string;
+        sortLatest: string;
+        sortOldest: string;
+        sortBest: string;
+        sortAuthor: string;
+        openComment: string;
+        closeComment: string;
+        listLoadFailMsg: string;
+        listRetry: string;
+        loadMore: string;
+        admin: string;
+        reply: string;
+        voteUp: string;
+        voteDown: string;
+        voteFail: string;
+        readMore: string;
+        actionConfirm: string;
+        collapse: string;
+        collapsed: string;
+        collapsedMsg: string;
+        expand: string;
+        approved: string;
+        pending: string;
+        pendingMsg: string;
+        edit: string;
+        editCancel: string;
+        delete: string;
+        deleteConfirm: string;
+        pin: string;
+        unpin: string;
+        seconds: string;
+        minutes: string;
+        hours: string;
+        days: string;
+        now: string;
+        adminCheck: string;
+        captchaCheck: string;
+        confirm: string;
+        cancel: string;
+        msgCenter: string;
+        ctrlCenter: string;
+        frontend: string;
+        backend: string;
+        loading: string;
+        loadFail: string;
+        editing: string;
+        editFail: string;
+        deleting: string;
+        deleteFail: string;
+        reqGot: string;
+        reqAborted: string;
+    };
+    'zh-CN': {
+        placeholder: string;
+        noComment: string;
+        send: string;
+        save: string;
+        nick: string;
+        email: string;
+        link: string;
+        emoticon: string;
+        preview: string;
+        image: string;
+        uploadFail: string;
+        commentFail: string;
+        restoredMsg: string;
+        onlyAdminCanReply: string;
+        uploadLoginMsg: string;
+        counter: string;
+        sortLatest: string;
+        sortOldest: string;
+        sortBest: string;
+        sortAuthor: string;
+        openComment: string;
+        closeComment: string;
+        listLoadFailMsg: string;
+        listRetry: string;
+        loadMore: string;
+        admin: string;
+        reply: string;
+        voteUp: string;
+        voteDown: string;
+        voteFail: string;
+        readMore: string;
+        actionConfirm: string;
+        collapse: string;
+        collapsed: string;
+        collapsedMsg: string;
+        expand: string;
+        approved: string;
+        pending: string;
+        pendingMsg: string;
+        edit: string;
+        editCancel: string;
+        delete: string;
+        deleteConfirm: string;
+        pin: string;
+        unpin: string;
+        seconds: string;
+        minutes: string;
+        hours: string;
+        days: string;
+        now: string;
+        adminCheck: string;
+        captchaCheck: string;
+        confirm: string;
+        cancel: string;
+        msgCenter: string;
+        ctrlCenter: string;
+        frontend: string;
+        backend: string;
+        loading: string;
+        loadFail: string;
+        editing: string;
+        editFail: string;
+        deleting: string;
+        deleteFail: string;
+        reqGot: string;
+        reqAborted: string;
+    };
+};
+export declare const external: {
+    'jp-JP': {};
+    'zh-TW': {
+        placeholder: string;
+        noComment: string;
+        send: string;
+        save: string;
+        nick: string;
+        email: string;
+        link: string;
+        emoticon: string;
+        preview: string;
+        image: string;
+        uploadFail: string;
+        commentFail: string;
+        restoredMsg: string;
+        onlyAdminCanReply: string;
+        uploadLoginMsg: string;
+        counter: string;
+        sortLatest: string;
+        sortOldest: string;
+        sortBest: string;
+        sortAuthor: string;
+        openComment: string;
+        closeComment: string;
+        listLoadFailMsg: string;
+        listRetry: string;
+        loadMore: string;
+        admin: string;
+        reply: string;
+        voteUp: string;
+        voteDown: string;
+        voteFail: string;
+        readMore: string;
+        actionConfirm: string;
+        collapse: string;
+        collapsed: string;
+        collapsedMsg: string;
+        expand: string;
+        approved: string;
+        pending: string;
+        pendingMsg: string;
+        edit: string;
+        editCancel: string;
+        delete: string;
+        deleteConfirm: string;
+        pin: string;
+        unpin: string;
+        seconds: string;
+        minutes: string;
+        hours: string;
+        days: string;
+        now: string;
+        adminCheck: string;
+        captchaCheck: string;
+        confirm: string;
+        cancel: string;
+        msgCenter: string;
+        ctrlCenter: string;
+        frontend: string;
+        backend: string;
+        loading: string;
+        loadFail: string;
+        editing: string;
+        editFail: string;
+        deleting: string;
+        deleteFail: string;
+        reqGot: string;
+        reqAborted: string;
+    };
+    'fr-FR': {};
+    'de-DE': {};
+    'bn-IN': {};
+};
+/**
+ * get a locale object by language name
+ */
+declare function getLocaleSet(lang: string): I18n;
+/**
+ * get a i18n message by key
+ */
+declare function getI18n(locale: I18n | string, key: keyof I18n, args?: {
+    [key: string]: string;
+}): string;
+export { getLocaleSet, getI18n };
+export default getI18n;

package/dist/src/i18n/zh-CN.d.ts

@@ -0,0 +1,3 @@
+import { I18n } from '.';
+declare const zhCN: I18n;
+export default zhCN;

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

@@ -0,0 +1,3 @@
+import Layer, { GetLayerWrap } from './layer';
+export default Layer;
+export { GetLayerWrap };

package/dist/src/layer/layer.d.ts

@@ -0,0 +1,32 @@
+import Context from '../../types/context';
+import Component from '../lib/component';
+export default class Layer extends Component {
+    private name;
+    private $wrap;
+    private $mask;
+    private maskClickHideEnable;
+    static BodyOrgOverflow: string;
+    static BodyOrgPaddingRight: string;
+    afterHide?: Function;
+    constructor(ctx: Context, name: string, el?: HTMLElement);
+    getName(): string;
+    getWrapEl(): HTMLElement;
+    getEl(): HTMLElement;
+    show(): void;
+    hide(): void;
+    setMaskClickHide(enable: boolean): void;
+    pageBodyScrollBarHide(): void;
+    pageBodyScrollBarShow(): void;
+    private static actionTimers;
+    private newActionTimer;
+    private fireAllActionTimer;
+    /** 销毁 - 无动画 */
+    disposeNow(): void;
+    /** 销毁 */
+    dispose(): void;
+    checkCleanLayer(): void;
+}
+export declare function GetLayerWrap(ctx: Context): {
+    $wrap: HTMLElement;
+    $mask: HTMLElement;
+};

package/dist/src/layer/sidebar-layer.d.ts

@@ -0,0 +1,20 @@
+import Context from '../../types/context';
+import Component from '../lib/component';
+import Layer from './layer';
+export interface SidebarShowPayload {
+    view?: 'comments' | 'sites' | 'pages' | 'transfer';
+}
+export default class SidebarLayer extends Component {
+    layer?: Layer;
+    $header: HTMLElement;
+    $closeBtn: HTMLElement;
+    $iframeWrap: HTMLElement;
+    $iframe?: HTMLIFrameElement;
+    constructor(ctx: Context);
+    private firstShow;
+    /** 显示 */
+    show(conf?: SidebarShowPayload): Promise<void>;
+    /** 隐藏 */
+    hide(): void;
+    private iframeLoad;
+}

package/dist/src/lib/checker/admin-checker.d.ts

@@ -0,0 +1,3 @@
+import { Checker } from '.';
+declare const AdminChecker: Checker;
+export default AdminChecker;

package/dist/src/lib/checker/captcha-checker.d.ts

@@ -0,0 +1,3 @@
+import { Checker } from '.';
+declare const CaptchaChecker: Checker;
+export default CaptchaChecker;

package/dist/src/lib/checker/index.d.ts

@@ -0,0 +1,42 @@
+import Context from '../../../types/context';
+import Layer from '../../layer';
+export interface CheckerCaptchaPayload extends CheckerPayload {
+    imgData?: string;
+    iframe?: string;
+}
+export interface CheckerPayload {
+    onSuccess?: (inputVal: string, dialogEl?: HTMLElement) => void;
+    onMount?: (dialogEl: HTMLElement) => void;
+    onCancel?: () => void;
+}
+/**
+ * Checker 发射台
+ */
+export default class CheckerLauncher {
+    ctx: Context;
+    launched: Checker[];
+    captchaConf: {
+        val?: string;
+        imgData?: string;
+        iframe?: string;
+    };
+    constructor(ctx: Context);
+    checkCaptcha(payload: CheckerCaptchaPayload): void;
+    checkAdmin(payload: CheckerPayload): void;
+    fire(checker: Checker, payload: CheckerPayload): void;
+    private close;
+}
+export interface Checker {
+    el?: HTMLElement;
+    inputType?: 'password' | 'text';
+    body: (launcher: CheckerLauncher, ctx: CheckerCtx) => HTMLElement;
+    request: (launcher: CheckerLauncher, ctx: CheckerCtx, inputVal: string) => Promise<string>;
+    onSuccess?: (launcher: CheckerLauncher, ctx: CheckerCtx, data: string, inputVal: string, formEl: HTMLElement) => void;
+    onError?: (launcher: CheckerLauncher, ctx: CheckerCtx, err: any, inputVal: string, formEl: HTMLElement) => void;
+}
+export interface CheckerCtx {
+    getLayer(): Layer;
+    hideInteractInput(): void;
+    triggerSuccess(): void;
+    cancel(): void;
+}

package/dist/src/lib/component.d.ts

@@ -0,0 +1,12 @@
+import ArtalkConfig from '../../types/artalk-config';
+import Context from '../../types/context';
+import { I18n } from '../i18n';
+export default abstract class Component {
+    $el: HTMLElement;
+    ctx: Context;
+    readonly conf: ArtalkConfig;
+    constructor(ctx: Context);
+    $t(key: keyof I18n, args?: {
+        [key: string]: string;
+    }): string;
+}

package/dist/src/lib/detect.d.ts

@@ -0,0 +1,10 @@
+declare function Detect(userAgent?: string): {
+    os: string;
+    osVersion: string;
+    engine: string;
+    browser: string;
+    device: string;
+    language: string;
+    version: string;
+};
+export default Detect;