wangeditor/src/menus/list/ListHandle/index.ts

wangEditor - 轻量级 web 富文本编辑器，配置方便，使用简单，开源免费

import $, { DomElement } from '../../../utils/dom-core'
import WrapListHandle from './WrapListHandle'
import JoinListHandle from './JoinListHandle'
import StartJoinListHandle from './StartJoinListHandle'
import EndJoinListHandle from './EndJoinListHandle'
import OtherListHandle from './OtherListHandle'

import { HandlerListOptions } from './ListHandle'

// 片段类型
export type ContainerFragment = HTMLElement | DocumentFragment

// 处理类
export type ListHandleClass =
    | WrapListHandle
    | JoinListHandle
    | StartJoinListHandle
    | EndJoinListHandle
    | OtherListHandle

export enum ClassType {
    Wrap = 'WrapListHandle',
    Join = 'JoinListHandle',
    StartJoin = 'StartJoinListHandle',
    EndJoin = 'EndJoinListHandle',
    Other = 'OtherListHandle',
}

const handle = {
    WrapListHandle,
    JoinListHandle,
    StartJoinListHandle,
    EndJoinListHandle,
    OtherListHandle,
}

export function createListHandle(
    classType: ClassType,
    options: HandlerListOptions,
    range?: Range
): ListHandleClass {
    if (classType === ClassType.Other && range === undefined) {
        throw new Error('other 类需要传入 range')
    }

    return classType !== ClassType.Other
        ? new handle[classType](options)
        : new handle[classType](options, range as Range)
}

/**
 * 统一执行的接口
 */
export default class ListHandleCommand {
    private handle: ListHandleClass

    constructor(handle: ListHandleClass) {
        this.handle = handle
        this.handle.exec()
    }

    getSelectionRangeElem(): DomElement {
        return $(this.handle.selectionRangeElem.get())
    }
}