(\n editor: IDomEditor,\n domPoint: DOMPoint,\n options: {\n exactMatch: T\n suppressThrow: T\n },\n ): T extends true ? Point | null : Point {\n const { exactMatch, suppressThrow } = options\n const [nearestNode, nearestOffset] = exactMatch ? domPoint : normalizeDOMPoint(domPoint)\n const parentNode = nearestNode.parentNode as DOMElement\n let textNode: DOMElement | null = null\n let offset = 0\n\n if (parentNode) {\n const voidNode = parentNode.closest('[data-slate-void=\"true\"]')\n let leafNode = parentNode.closest('[data-slate-leaf]')\n let domNode: DOMElement | null = null\n\n // Calculate how far into the text node the `nearestNode` is, so that we\n // can determine what the offset relative to the text node is.\n const window = DomEditor.getWindow(editor)\n\n if (leafNode && window.document.createRange) {\n textNode = leafNode.closest('[data-slate-node=\"text\"]')!\n\n const range = window.document.createRange()\n\n range.setStart(textNode, 0)\n range.setEnd(nearestNode, nearestOffset)\n const contents = range.cloneContents()\n const removals = [\n ...toArray(contents.querySelectorAll('[data-slate-zero-width]')),\n ...toArray(contents.querySelectorAll('[contenteditable=false]')),\n ]\n\n removals.forEach(el => {\n el!.parentNode!.removeChild(el)\n })\n\n // COMPAT: Edge has a bug where Range.prototype.toString() will\n // convert \\n into \\r\\n. The bug causes a loop when slate-react\n // attempts to reposition its cursor to match the native position. Use\n // textContent.length instead.\n // https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/10291116/\n offset = contents.textContent!.length\n domNode = textNode\n } else if (voidNode) {\n // For void nodes, the element with the offset key will be a cousin, not an\n // ancestor, so find it by going down from the nearest void parent.\n leafNode = voidNode.querySelector('[data-slate-leaf]')!\n\n // COMPAT: In read-only editors the leaf is not rendered.\n if (!leafNode) {\n offset = 1\n } else {\n textNode = leafNode.closest('[data-slate-node=\"text\"]')!\n domNode = leafNode\n offset = domNode.textContent!.length\n domNode.querySelectorAll('[data-slate-zero-width]').forEach(el => {\n offset -= el.textContent!.length\n })\n }\n }\n\n if (\n domNode\n && offset === domNode.textContent!.length\n // COMPAT: If the parent node is a Slate zero-width space, editor is\n // because the text node should have no characters. However, during IME\n // composition the ASCII characters will be prepended to the zero-width\n // space, so subtract 1 from the offset to account for the zero-width\n // space character.\n && (parentNode.hasAttribute('data-slate-zero-width')\n // COMPAT: In Firefox, `range.cloneContents()` returns an extra trailing '\\n'\n // when the document ends with a new-line character. This results in the offset\n // length being off by one, so we need to subtract one to account for this.\n || (IS_FIREFOX && domNode.textContent?.endsWith('\\n')))\n ) {\n offset -= 1\n }\n }\n\n if (!textNode) {\n if (suppressThrow) {\n return null as T extends true ? Point | null : Point\n }\n throw new Error(`Cannot resolve a Slate point from DOM point: ${domPoint}`)\n }\n\n // COMPAT: If someone is clicking from one Slate editor into another,\n // the select event fires twice, once for the old editor's `element`\n // first, and then afterwards for the correct `element`. (2017/03/03)\n const slateNode = DomEditor.toSlateNode(editor, textNode!)\n const path = DomEditor.findPath(editor, slateNode)\n\n return { path, offset } as T extends true ? Point | null : Point\n },\n\n hasRange(editor: IDomEditor, range: Range): boolean {\n const { anchor, focus } = range\n\n return Editor.hasPath(editor, anchor.path) && Editor.hasPath(editor, focus.path)\n },\n\n getNodeType(node: Node): string {\n if (Element.isElement(node)) {\n return node.type\n }\n return ''\n },\n\n checkNodeType(node: Node, type: string) {\n return this.getNodeType(node) === type\n },\n\n getNodesStr(nodes: Node[]): string {\n return nodes.map(node => Node.string(node)).join('')\n },\n\n getSelectedElems(editor: IDomEditor): Element[] {\n const elems: Element[] = []\n\n const nodeEntries = Editor.nodes(editor, { universal: true })\n\n for (const nodeEntry of nodeEntries) {\n const [node] = nodeEntry\n\n if (Element.isElement(node)) { elems.push(node) }\n }\n\n return elems\n },\n\n getSelectedNodeByType(editor: IDomEditor, type: string): Node | null {\n const [nodeEntry] = Editor.nodes(editor, {\n match: n => this.checkNodeType(n, type),\n universal: true,\n })\n\n if (nodeEntry == null) { return null }\n return nodeEntry[0]\n },\n\n getSelectedTextNode(editor: IDomEditor): Node | null {\n const [nodeEntry] = Editor.nodes(editor, {\n match: n => Text.isText(n),\n universal: true,\n })\n\n if (nodeEntry == null) { return null }\n return nodeEntry[0]\n },\n\n isNodeSelected(editor: IDomEditor, node: Node): boolean {\n const [nodeEntry] = Editor.nodes(editor, {\n match: n => n === node,\n universal: true,\n })\n\n if (nodeEntry == null) { return false }\n\n const [n] = nodeEntry\n\n if (n === node) { return true }\n\n return false\n },\n\n isSelectionAtLineEnd(editor: IDomEditor, path: Path): boolean {\n const { selection } = editor\n\n if (!selection) { return false }\n\n const isAtLineEnd = Editor.isEnd(editor, selection.anchor, path) || Editor.isEnd(editor, selection.focus, path)\n\n return isAtLineEnd\n },\n\n // 获取 textarea 实例\n getTextarea(editor: IDomEditor): TextArea {\n const textarea = EDITOR_TO_TEXTAREA.get(editor)\n\n if (textarea == null) { throw new Error('Cannot find textarea instance by editor') }\n return textarea\n },\n\n // 获取 toolbar 实例\n getToolbar(editor: IDomEditor): Toolbar | null {\n return EDITOR_TO_TOOLBAR.get(editor) || null\n },\n\n // 获取 hoverbar 实例\n getHoverbar(editor: IDomEditor): HoverBar | null {\n return EDITOR_TO_HOVER_BAR.get(editor) || null\n },\n\n // 格式化 editor content\n normalizeContent(editor: IDomEditor) {\n editor.children.forEach((node, index) => {\n editor.normalizeNode([node, [index]])\n })\n },\n\n /**\n * 获取：距离触发 maxLength，还可以插入多少字符\n * @param editor editor\n */\n getLeftLengthOfMaxLength(editor: IDomEditor): number {\n const { maxLength, onMaxLength } = editor.getConfig()\n\n // 未设置 maxLength ，则返回 number 最大值\n if (typeof maxLength !== 'number' || maxLength <= 0) { return Infinity }\n\n const editorText = editor.getText().replace(/\\r|\\n|(\\r\\n)|(\\n\\r)/g, '') // 去掉换行\n const curLength = editorText.length\n const leftLength = maxLength - curLength\n\n if (leftLength <= 0) {\n // 触发 maxLength 限制，不再继续插入文字\n if (onMaxLength) { onMaxLength(editor) }\n }\n\n return leftLength\n },\n\n // 清理暴露的 text 节点（拼音输入时经常出现）\n cleanExposedTexNodeInSelectionBlock(editor: IDomEditor) {\n // 有时候全选删除新增的文本节点可能不在段落内，因此遍历textArea删除掉\n const { $textArea } = DomEditor.getTextarea(editor)\n const childNodes = $textArea?.[0].childNodes\n\n if (childNodes) {\n for (const node of Array.from(childNodes)) {\n if (node.nodeType === 3) {\n node.remove()\n } else {\n break\n }\n }\n }\n\n const nodeEntries = Editor.nodes(editor, {\n match: n => {\n if (Element.isElement(n)) {\n if (!editor.isInline(n)) {\n // 匹配 block element\n return true\n }\n }\n return false\n },\n universal: true,\n })\n\n for (const nodeEntry of nodeEntries) {\n if (nodeEntry != null) {\n const n = nodeEntry[0]\n const elem = DomEditor.toDOMNode(editor, n)\n\n // 只遍历 elem 范围，考虑性能\n walkTextNodes(elem, (textNode, parent) => {\n const $parent = $(parent)\n\n if ($parent.attr('data-slate-string')) {\n return // 正常的 text\n }\n if ($parent.attr('data-slate-zero-width')) {\n return // 正常的 text\n }\n if ($parent.attr('data-w-e-reserve')) {\n return // 故意保留的节点\n }\n\n // 暴露的 text node ，删除\n parent.removeChild(textNode)\n })\n }\n }\n },\n\n /**\n * 是否是编辑器里最后一个元素\n * @param editor editor\n * @param node node\n */\n isLastNode(editor: IDomEditor, node: Node) {\n const editorChildren = editor.children || []\n const editorChildrenLength = editorChildren.length\n\n return editorChildren[editorChildrenLength - 1] === node\n },\n\n /**\n * 生成空白 paragraph\n */\n genEmptyParagraph(): Element {\n return { type: 'paragraph', children: [{ text: '' }] }\n },\n\n /**\n * 是否选中了 void node\n * @param editor editor\n */\n isSelectedVoidNode(editor: IDomEditor): boolean {\n const voidNodes = Editor.nodes(editor, {\n match: n => editor.isVoid(n as Element),\n })\n let len = 0\n\n for (const n of voidNodes) {\n if (n) { len += 1 }\n }\n return len > 0\n },\n\n /**\n * 选区是否在一个空行\n * @param editor editor\n */\n isSelectedEmptyParagraph(editor: IDomEditor) {\n const { selection } = editor\n\n if (selection == null) { return false }\n\n if (Range.isExpanded(selection)) { return false }\n\n const selectedNode = DomEditor.getSelectedNodeByType(editor, 'paragraph')\n\n if (selectedNode === null) { return false }\n\n const { children } = selectedNode as Element\n\n if (children.length !== 1) { return false }\n\n const { text } = children[0] as Text\n\n if (text === '') { return true }\n },\n\n /**\n * 当前 path 指向的 node ，是否是空的（无内容）\n * @param editor editor\n * @param path path\n */\n isEmptyPath(editor: IDomEditor, path: Path): boolean {\n const entry = Editor.node(editor, path)\n\n if (entry == null) { return false }\n\n const [node] = entry\n\n const { children } = node as Element\n\n if (children.length === 1) {\n const { text } = children[0] as Text\n\n if (text === '') { return true } // 内容为空\n }\n\n return false\n },\n}\n","/**\n * @description to-html entry\n * @author wangfupeng\n */\n\nimport { Element as SlateElement, Descendant } from 'slate'\nimport { IDomEditor } from '../editor/interface'\n\n// ------------------------------------ style to html ------------------------------------\n\nexport type styleToHtmlFnType = (node: Descendant, elemHtml: string) => string\n\nexport const STYLE_TO_HTML_FN_LIST: styleToHtmlFnType[] = []\n\n/**\n * 注册 toHtml 处理文本样式的函数\n * @param fn 处理 toHtml 文本样式的函数\n */\nexport function registerStyleToHtmlHandler(fn: styleToHtmlFnType) {\n STYLE_TO_HTML_FN_LIST.push(fn)\n}\n\n// ------------------------------------ elem node to html ------------------------------------\n\ninterface IElemToHtmlRes {\n html: string\n prefix?: string\n suffix?: string\n}\n\nexport type ElemToHtmlFnType = (\n elemNode: SlateElement,\n childrenHtml: string,\n editor?: IDomEditor\n) => string | IElemToHtmlRes\n\n// 注册 element->html 配置\nexport const ELEM_TO_HTML_CONF: {\n [key: string]: ElemToHtmlFnType // key 要和 node.type 对应 ！！！\n} = {}\n\nexport interface IElemToHtmlConf {\n type: string\n elemToHtml: ElemToHtmlFnType\n}\n\n/**\n * 注册 elem to html 函数\n * @param conf { type, elemToHtml } ，type 即 node.type\n */\nexport function registerElemToHtmlConf(conf: IElemToHtmlConf) {\n const { type, elemToHtml } = conf\n const key = type || ''\n\n // key 如果重复了，就后者覆盖前者\n ELEM_TO_HTML_CONF[key] = elemToHtml\n}\n","/**\n * @description elem -> html\n * @author wangfupeng\n */\n\nimport { Editor, Element } from 'slate'\nimport { IDomEditor } from '../editor/interface'\nimport node2html from './node2html'\nimport { ElemToHtmlFnType, ELEM_TO_HTML_CONF, STYLE_TO_HTML_FN_LIST } from './index'\n\n/**\n * 默认的 toHtml 函数\n * @param elemNode elem node\n * @param childrenHtml children html\n * @param editor editor\n */\nfunction defaultParser(elemNode: Element, childrenHtml: string, editor: IDomEditor) {\n const isInline = editor.isInline(elemNode)\n const tag = isInline ? 'span' : 'div'\n return `<${tag}>${childrenHtml}`\n}\n\n/**\n * 根据 type 获取 toHtml 函数\n * @param type node.type\n */\nfunction getParser(type: string): ElemToHtmlFnType {\n const fn = ELEM_TO_HTML_CONF[type]\n return fn || defaultParser\n}\n\nfunction elemToHtml(elemNode: Element, editor: IDomEditor): string {\n const { type = '', children = [] } = elemNode\n const isVoid = Editor.isVoid(editor, elemNode)\n\n // 计算 children html\n let childrenHtml = ''\n if (!isVoid) {\n // 非 void node\n childrenHtml = children.map(child => node2html(child, editor)).join('')\n }\n\n // 生成 html\n const toHtmlFn = getParser(type)\n const res = toHtmlFn(elemNode, childrenHtml, editor)\n\n let elemHtml = ''\n if (typeof res === 'string') elemHtml = res\n else elemHtml = res.html || ''\n\n // 添加样式（如 text-align line-height 等）\n if (!isVoid) {\n STYLE_TO_HTML_FN_LIST.forEach(fn => (elemHtml = fn(elemNode, elemHtml)))\n }\n\n // 直接返回 html 字符串\n if (typeof res === 'string') return elemHtml\n\n // 解析 prefix suffix （如 list-item）\n const { prefix = '', suffix = '' } = res\n if (prefix) elemHtml = prefix + elemHtml\n if (suffix) elemHtml = elemHtml + suffix\n return elemHtml\n}\n\nexport default elemToHtml\n","/**\n * @description node -> html\n * @author wangfupeng\n */\n\nimport { Element, Descendant } from 'slate'\nimport { IDomEditor } from '../editor/interface'\nimport elemToHtml from './elem2html'\nimport textToHtml from './text2html'\n\nfunction node2html(node: Descendant, editor: IDomEditor): string {\n if (Element.isElement(node)) {\n // elem node\n return elemToHtml(node, editor)\n } else {\n // text node\n return textToHtml(node, editor)\n }\n}\n\nexport default node2html\n","/**\n * @description text -> html\n * @author wangfupeng\n */\n\nimport { Text } from 'slate'\n\nimport { DomEditor } from '../editor/dom-editor'\nimport { IDomEditor } from '../editor/interface'\nimport { replaceHtmlSpecialSymbols } from '../utils/util'\nimport { STYLE_TO_HTML_FN_LIST } from './index'\n\nfunction textToHtml(textNode: Text, editor: IDomEditor): string {\n const { text } = textNode\n\n if (text == null) { throw new Error(`Current node is not slate Text ${JSON.stringify(textNode)}`) }\n let textHtml = text\n\n // 替换 html 特殊字符\n textHtml = replaceHtmlSpecialSymbols(textHtml)\n\n // 替换 \\n 为
（一定要在替换特殊字符之后）\n const parents = DomEditor.getParentsNodes(editor, textNode)\n const hasPre = parents.some(p => DomEditor.getNodeType(p) === 'pre') // 上级节点中，是否存在 \n // 在 标签不替换，其他都替换\n\n if (!hasPre) {\n textHtml = textHtml.replace(/\\n\\r|\\r\\n|\\r|\\n/g, '
')\n }\n\n // 在 内部， 替换为空格\n if (hasPre) {\n textHtml = textHtml.replace(/ /g, ' ')\n }\n\n // 处理空字符串\n if (textHtml === '') {\n const parentNode = DomEditor.getParentNode(null, textNode)\n\n if (parentNode && parentNode.children.length === 0) {\n // textNode 是唯一的子节点，则改为
\n textHtml = '
'\n } else {\n // 其他情况的 空字符串 ，直接返回\n return textHtml\n }\n }\n\n // 增加文本样式，如 color bgColor\n STYLE_TO_HTML_FN_LIST.forEach(fn => (textHtml = fn(textNode, textHtml)))\n\n return textHtml\n}\n\nexport default textToHtml\n","/**\n * @description formats helper\n * @author wangfupeng\n */\n\nexport function genElemId(id: string) {\n return `w-e-element-${id}`\n}\n\nexport function genTextId(id: string) {\n return `w-e-text-${id}`\n}\n","/**\n * @description Utilities for single-line deletion\n */\n\nimport { Range, Editor } from 'slate'\nimport { IDomEditor } from '../editor/interface'\nimport { DomEditor } from '../editor/dom-editor'\n\nconst doRectsIntersect = (rect: DOMRect, compareRect: DOMRect) => {\n const middle = (compareRect.top + compareRect.bottom) / 2\n return rect.top <= middle && rect.bottom >= middle\n}\n\nconst areRangesSameLine = (editor: IDomEditor, range1: Range, range2: Range) => {\n const rect1 = DomEditor.toDOMRange(editor, range1).getBoundingClientRect()\n const rect2 = DomEditor.toDOMRange(editor, range2).getBoundingClientRect()\n return doRectsIntersect(rect1, rect2) && doRectsIntersect(rect2, rect1)\n}\n\n/**\n * A helper utility that returns the end portion of a `Range`\n * which is located on a single line.\n *\n * @param {Editor} editor The editor object to compare against\n * @param {Range} parentRange The parent range to compare against\n * @returns {Range} A valid portion of the parentRange which is one a single line\n */\nexport const findCurrentLineRange = (editor: IDomEditor, parentRange: Range): Range => {\n const parentRangeBoundary = Editor.range(editor, Range.end(parentRange))\n const positions = Array.from(Editor.positions(editor, { at: parentRange }))\n\n let left = 0\n let right = positions.length\n let middle = Math.floor(right / 2)\n\n if (areRangesSameLine(editor, Editor.range(editor, positions[left]), parentRangeBoundary)) {\n return Editor.range(editor, positions[left], parentRangeBoundary)\n }\n\n if (positions.length < 2) {\n return Editor.range(editor, positions[positions.length - 1], parentRangeBoundary)\n }\n\n while (middle !== positions.length && middle !== left) {\n if (areRangesSameLine(editor, Editor.range(editor, positions[middle]), parentRangeBoundary)) {\n right = middle\n } else {\n left = middle\n }\n\n middle = Math.floor((left + right) / 2)\n }\n\n return Editor.range(editor, positions[right], parentRangeBoundary)\n}\n","/**\n * @description parse html\n * @author wangfupeng\n */\n\nimport { DOMElement } from '../utils/dom'\nimport { Element as SlateElement, Descendant } from 'slate'\nimport { IDomEditor } from '../editor/interface'\n\n// 常见的 text tag\nexport const TEXT_TAGS = [\n 'span',\n 'b',\n 'strong',\n 'i',\n 'em',\n 's',\n 'strike',\n 'u',\n 'font',\n 'sub',\n 'sup',\n]\n\n// ------------------------------------ pre-parse html ------------------------------------\nexport type PreParseHtmlFnType = ($node: DOMElement) => DOMElement\n\nexport interface IPreParseHtmlConf {\n selector: string // css 选择器，如 `p` `div[data-type=\"xxx\"]`\n preParseHtml: PreParseHtmlFnType\n}\n\nexport const PRE_PARSE_HTML_CONF_LIST: IPreParseHtmlConf[] = []\n\n/**\n * 注册 pre-parse html 配置\n * @param conf pre-parse html conf\n */\nexport function registerPreParseHtmlConf(conf: IPreParseHtmlConf) {\n PRE_PARSE_HTML_CONF_LIST.push(conf)\n}\n\n// ------------------------------------ parse style html ------------------------------------\n\nexport type ParseStyleHtmlFnType = (\n $node: DOMElement,\n node: Descendant,\n editor: IDomEditor\n) => Descendant\n\nexport const PARSE_STYLE_HTML_FN_LIST: ParseStyleHtmlFnType[] = []\n\n/**\n * 注册 parseStyleHtml 函数\n * @param fn parse style html 的函数\n */\nexport function registerParseStyleHtmlHandler(fn: ParseStyleHtmlFnType) {\n PARSE_STYLE_HTML_FN_LIST.push(fn)\n}\n\n// ------------------------------------ parse elem html ------------------------------------\n\nexport type ParseElemHtmlFnType = (\n $elem: DOMElement,\n children: Descendant[],\n editor: IDomEditor\n) => SlateElement | SlateElement[]\n\nexport const PARSE_ELEM_HTML_CONF: {\n [key: string]: ParseElemHtmlFnType // key 是 css 选择器，如 `p` `div[data-type=\"xxx\"]`\n} = {}\n\nexport interface IParseElemHtmlConf {\n selector: string\n parseElemHtml: ParseElemHtmlFnType\n}\n\nexport function registerParseElemHtmlConf(conf: IParseElemHtmlConf) {\n const { selector, parseElemHtml } = conf\n PARSE_ELEM_HTML_CONF[selector] = parseElemHtml\n}\n","/**\n * @description parse-html helper fns\n * @author wangfupeng\n */\n\nconst REPLACE_SPACE_160_REG = new RegExp(String.fromCharCode(160), 'g')\n\n/**\n * 把 charCode 160 的空格（` ` 转换的），替换为 charCode 32 的空格（JS 默认的）\n * @param str str\n * @returns str\n */\nexport function replaceSpace160(str: string): string {\n const res = str.replace(REPLACE_SPACE_160_REG, ' ')\n return res\n}\n","/**\n * @description parse elem html\n * @author wangfupeng\n */\n\nimport $, { Dom7Array } from 'dom7'\nimport { Editor, Element, Descendant, Text } from 'slate'\nimport { IDomEditor } from '../editor/interface'\nimport parseElemHtml from './parse-elem-html'\nimport { PARSE_ELEM_HTML_CONF, ParseElemHtmlFnType, PARSE_STYLE_HTML_FN_LIST } from './index'\nimport { NodeType, DOMElement } from '../utils/dom'\nimport { replaceSpace160 } from './helper'\n\n/**\n * 往 children 最后一个 item（如果是 text node） 插入文字\n * @param children children\n * @param str str\n * @returns 是否插入成功\n */\nfunction tryInsertTextToChildrenLastItem(children: Descendant[], str: string): boolean {\n const len = children.length\n if (len) {\n const lastItem = children[len - 1]\n if (Text.isText(lastItem)) {\n const keys = Object.keys(lastItem)\n if (keys.length === 1 && keys[0] === 'text') {\n // lastItem 必须是纯文本，没有 marks\n lastItem.text = lastItem.text + str\n return true\n }\n }\n }\n return false\n}\n\n/**\n * 生成 slate node children\n * @param $elem $elem\n * @param editor editor\n */\nfunction genChildren($elem: Dom7Array, editor: IDomEditor): Descendant[] {\n const children: Descendant[] = []\n\n // void node（ html 中编辑的，如 video 的 html 中会有 data-w-e-is-void 属性 ），不需要生成 children\n const isVoid = $elem.attr('data-w-e-is-void') != null\n if (isVoid) {\n return children\n }\n\n const childNodes = $elem[0].childNodes\n\n // 处理空行（只有一个 child ，是
）\n if (childNodes.length === 1) {\n if (childNodes[0].nodeName === 'BR') {\n children.push({ text: '' })\n return children // 直接返回\n }\n }\n\n // 遍历 DOM 子节点，生成 slate elem node children\n childNodes.forEach(child => {\n if (child.nodeType === NodeType.ELEMENT_NODE) {\n //
，则往 children 最后一个元素（如果是 text ）追加 `\\n`\n if (child.nodeName === 'BR') {\n // 尝试把 text 插入到最后一个 children\n const res = tryInsertTextToChildrenLastItem(children, '\\n')\n if (!res) {\n // 若插入失败，则新建 item\n children.push({ text: '\\n' })\n }\n return\n }\n\n // 其他 elem\n const $child = $(child)\n const parsedRes = parseElemHtml($child, editor)\n if (Array.isArray(parsedRes)) {\n parsedRes.forEach(el => children.push(el))\n } else {\n children.push(parsedRes)\n }\n return\n }\n if (child.nodeType === NodeType.TEXT_NODE) {\n // text\n let text = child.textContent || ''\n if (text.trim() === '' && text.indexOf('\\n') >= 0) {\n // 有换行，但无实际内容\n return\n }\n\n if (text) {\n // 把 charCode 160 的空格（` ` 转换的），替换为 charCode 32 的空格（JS 默认的）\n text = replaceSpace160(text)\n\n // 尝试把 text 插入到最后一个 children\n const res = tryInsertTextToChildrenLastItem(children, text)\n if (!res) {\n // 若插入失败，则新建 item\n children.push({ text })\n }\n }\n return\n }\n })\n return children\n}\n\n/**\n * 默认的 parseElemHtml ，直接转换为 paragraph\n * @param elem elem\n * @param children children\n */\nfunction defaultParser(elem: DOMElement, children: Descendant[], editor: IDomEditor): Element {\n return {\n type: 'paragraph',\n children: [{ text: $(elem).text().replace(/\\s+/gm, ' ') }],\n }\n}\n\n/**\n * 获取当前 html 元素的 parseElemHtml 函数\n * @param $elem $elem\n */\nfunction getParser($elem: Dom7Array): ParseElemHtmlFnType {\n for (let selector in PARSE_ELEM_HTML_CONF) {\n if ($elem[0].matches(selector)) {\n return PARSE_ELEM_HTML_CONF[selector]\n }\n }\n return defaultParser\n}\n\n/**\n * 处理普通 DOM elem html ，非 span font 等文本 elem\n * @param $elem $elem\n * @param editor editor\n * @returns slate element\n */\nfunction parseCommonElemHtml($elem: Dom7Array, editor: IDomEditor): Element[] {\n const children = genChildren($elem, editor)\n\n // parse\n const parser = getParser($elem)\n let parsedRes = parser($elem[0], children, editor)\n\n if (!Array.isArray(parsedRes)) parsedRes = [parsedRes] // 临时处理为数组\n\n parsedRes.forEach(elem => {\n const isVoid = Editor.isVoid(editor, elem)\n if (!isVoid) {\n // 非 void ，如果没有 children ，则取纯文本\n if (children.length === 0) {\n elem.children = [{ text: $elem.text().replace(/\\s+/gm, ' ') }]\n }\n\n // 处理 style\n PARSE_STYLE_HTML_FN_LIST.forEach(fn => {\n elem = fn($elem[0], elem, editor) as Element\n })\n }\n })\n\n return parsedRes\n}\n\nexport default parseCommonElemHtml\n","/**\n * @description parse text html\n * @author wangfupeng\n */\n\nimport { Dom7Array } from 'dom7'\nimport { Text } from 'slate'\nimport { IDomEditor } from '../editor/interface'\nimport { PARSE_STYLE_HTML_FN_LIST } from './index'\nimport { deReplaceHtmlSpecialSymbols } from '../utils/util'\nimport { replaceSpace160 } from './helper'\n\n/**\n * 处理 text elem ，如 等（并不是 DOM Text Node）\n * @param $text $text\n * @param editor editor\n * @returns slate text\n */\nfunction parseTextElemHtml($text: Dom7Array, editor: IDomEditor): Text {\n if ($text.parents('pre').length === 0) {\n // 不在 内部\n // 1. 替换无用空格、换行； 2. 将
替换为 `\\n`\n $text[0].innerHTML = $text[0].innerHTML.replace(/\\s+/gm, ' ').replace(/
/g, '\\n')\n }\n\n // 用 textContent ，不能用 .text() 。后者无法识别 text 开头和末尾的 \n let text = $text[0].textContent || ''\n\n //【翻转】替换 html 特殊字符，如 < 替换为 <\n text = deReplaceHtmlSpecialSymbols(text)\n\n // 把 charCode 160 的空格（` ` 转换的），替换为 charCode 32 的空格（JS 默认的）\n text = replaceSpace160(text)\n\n // 生成 text node\n let textNode = { text }\n\n // 处理 style\n PARSE_STYLE_HTML_FN_LIST.forEach(fn => {\n textNode = fn($text[0], textNode, editor) as Text\n })\n\n return textNode\n}\n\nexport default parseTextElemHtml\n","/**\n * @description parse node html\n * @author wangfupeng\n */\n\nimport $, { Dom7Array } from 'dom7'\nimport { Descendant } from 'slate'\n\nimport { IDomEditor } from '../editor/interface'\nimport { PRE_PARSE_HTML_CONF_LIST, TEXT_TAGS } from '../index'\nimport { getTagName, NodeType } from '../utils/dom'\nimport parseCommonElemHtml from './parse-common-elem-html'\nimport parseTextElemHtml from './parse-text-elem-html'\n\n/**\n * 处理 DOM Elem html\n * @param $elem $elem\n * @param editor editor\n * @returns slate Descendant\n */\nfunction parseElemHtml($elem: Dom7Array, editor: IDomEditor): Descendant | Descendant[] {\n // pre-parse\n PRE_PARSE_HTML_CONF_LIST.forEach(conf => {\n const { selector, preParseHtml } = conf\n\n if ($elem[0].matches(selector)) {\n $elem = $(preParseHtml($elem[0]))\n }\n })\n\n const tagName = getTagName($elem)\n\n // 判断有没有 data-w-e-type 属性。有则是 elem ，没有则是 text\n if (tagName === 'span') {\n if ($elem.attr('data-w-e-type')) {\n return parseCommonElemHtml($elem, editor)\n }\n if ($elem[0].childNodes.length > 1) {\n const childNodes = $elem[0].childNodes\n\n return Array.from(childNodes).map(child => {\n const $childElem = $(child)\n\n if ($childElem[0].nodeType === NodeType.TEXT_NODE) { return { text: $childElem[0].textContent || '' } }\n return parseTextElemHtml($childElem, editor)\n })\n }\n return parseTextElemHtml($elem, editor)\n\n }\n\n // 特殊处理\n if (tagName === 'code') {\n const parentTagName = getTagName($elem.parent())\n\n if (parentTagName === 'pre') {\n // 在 内，则是 elem\n return parseCommonElemHtml($elem, editor)\n }\n // 不在 内，则是 text\n return parseTextElemHtml($elem, editor)\n\n }\n\n // 非 ，正常处理\n if (TEXT_TAGS.includes(tagName)) {\n if ($elem[0].childNodes.length > 0 && $elem[0].childNodes[0].nodeType !== 3) {\n const childNodes = $elem[0].childNodes\n\n return { ...parseElemHtml($(childNodes[0]), editor), ...parseTextElemHtml($elem, editor) }\n }\n // text node\n return parseTextElemHtml($elem, editor)\n }\n // elem node\n return parseCommonElemHtml($elem, editor)\n\n}\n\nexport default parseElemHtml\n","/**\n * @description create helper\n * @author wangfupeng\n */\n\nimport { Descendant } from 'slate'\n\nimport { EditorEvents } from '../config/interface'\nimport { IDomEditor } from '../editor/interface'\nimport parseElemHtml from '../parse-html/parse-elem-html'\nimport $, { DOMElement } from '../utils/dom'\n\nfunction isRepeatedCreate(\n editor: IDomEditor,\n attrKey: string,\n selector: string | DOMElement,\n): boolean {\n // @ts-ignore\n const $elem = $(selector)\n\n if ($elem.attr(attrKey)) {\n return true // 有属性，说明已经创建过\n }\n\n // 至此，说明未创建过，则记录\n $elem.attr(attrKey, 'true')\n\n // 销毁时删除属性\n editor.on(EditorEvents.DESTROYED, () => {\n $elem.removeAttr(attrKey)\n })\n\n return false\n}\n\n/**\n * 检查是否重复创建 textarea\n */\nexport function isRepeatedCreateTextarea(\n editor: IDomEditor,\n selector: string | DOMElement,\n): boolean {\n return isRepeatedCreate(editor, 'data-w-e-textarea', selector)\n}\n\n/**\n * 检查是否重复创建 toolbar\n */\nexport function isRepeatedCreateToolbar(\n editor: IDomEditor,\n selector: string | DOMElement,\n): boolean {\n return isRepeatedCreate(editor, 'data-w-e-toolbar', selector)\n}\n\n/**\n * 生成默认 content\n */\nexport function genDefaultContent() {\n return [\n {\n type: 'paragraph',\n children: [{ text: '' }],\n },\n ]\n}\n\n/**\n * html 字符串 -> content\n * @param editor editor\n * @param html html 字符串\n */\nexport function htmlToContent(editor: IDomEditor, html: string = ''): Descendant[] {\n const res: Descendant[] = []\n\n // 空白内容\n if (html === '') { html = '
' }\n\n // 非 HTML 格式，文本格式，用 包裹\n if (html.indexOf('<') !== 0) {\n html = html\n .split(/\\n/)\n .map(line => `
${line}
`)\n .join('')\n }\n\n const $content = $(`${html}
`)\n const list = Array.from($content.children())\n\n list.forEach(child => {\n const $child = $(child)\n const parsedRes = parseElemHtml($child, editor)\n\n if (Array.isArray(parsedRes)) {\n parsedRes.forEach(el => res.push(el))\n } else {\n res.push(parsedRes)\n }\n })\n\n return res\n}\n\n/**\n * 初始化内容（要在 config 和 plugins 后面）\n */\nexport function initializeContent(editor: IDomEditor, options: { html?: string, content?: Descendant[] }) {\n // 传入 html ，转换为 JSON content\n if (options.html != null) {\n return htmlToContent(editor, options.html)\n }\n // 传入 JSON content\n if (options.content?.length) {\n return options.content\n }\n // 默认内容\n return genDefaultContent()\n}\n","export const IGNORE_TAGS = new Set([\n 'doctype',\n '!doctype',\n 'meta',\n 'script',\n 'style',\n 'link',\n 'frame',\n 'iframe',\n 'title',\n 'svg', // TODO 暂时忽略\n])\n","/**\n * @description slate 插件 - content\n * @author wangfupeng\n */\n\nimport { Editor, Node, Text, Path, Operation, Range, Transforms, Element, Descendant } from 'slate'\nimport { DomEditor } from '../dom-editor'\nimport { IDomEditor } from '../..'\nimport { EDITOR_TO_SELECTION, NODE_TO_KEY } from '../../utils/weak-maps'\nimport node2html from '../../to-html/node2html'\nimport { genElemId } from '../../render/helper'\nimport { Key } from '../../utils/key'\nimport $, { DOMElement, NodeType } from '../../utils/dom'\nimport { findCurrentLineRange } from '../../utils/line'\nimport { ElementWithId } from '../interface'\nimport { PARSE_ELEM_HTML_CONF, TEXT_TAGS } from '../../parse-html/index'\nimport parseElemHtml from '../../parse-html/parse-elem-html'\nimport { htmlToContent } from '../../create/helper'\nimport { IGNORE_TAGS } from '../../constants'\n\n/**\n * 把 elem 插入到编辑器\n * @param editor editor\n * @param elem slate elem\n */\nfunction insertElemToEditor(editor: IDomEditor, elem: Element) {\n if (editor.isInline(elem)) {\n // inline elem 直接插入\n editor.insertNode(elem)\n\n // link 特殊处理，否则后面插入的文字全都在 a 里面 issue#4573\n if (elem.type === 'link') editor.insertFragment([{ text: '' }])\n } else {\n // block elem ，另起一行插入 —— 重要\n Transforms.insertNodes(editor, elem, { mode: 'highest' })\n }\n}\n\nexport const withContent = (editor: T) => {\n const e = editor as T & IDomEditor\n const { onChange, insertText, apply, deleteBackward } = e\n\n e.insertText = (text: string) => {\n const { readOnly } = e.getConfig()\n if (readOnly) return\n\n insertText(text)\n }\n\n // 重写 apply 方法\n // apply 方法非常重要，它最终执行 operation https://docs.slatejs.org/concepts/05-operations\n // operation 的接口定义参考 slate src/interfaces/operation.ts\n e.apply = (op: Operation) => {\n const matches: [Path, Key][] = []\n\n switch (op.type) {\n case 'insert_text':\n case 'remove_text':\n case 'set_node': {\n for (const [node, path] of Editor.levels(e, { at: op.path })) {\n // 在当前节点寻找\n const key = DomEditor.findKey(e, node)\n matches.push([path, key])\n }\n break\n }\n\n case 'insert_node':\n case 'remove_node':\n case 'merge_node':\n case 'split_node': {\n for (const [node, path] of Editor.levels(e, { at: Path.parent(op.path) })) {\n // 在父节点寻找\n const key = DomEditor.findKey(e, node)\n matches.push([path, key])\n }\n break\n }\n\n case 'move_node': {\n for (const [node, path] of Editor.levels(e, {\n at: Path.common(Path.parent(op.path), Path.parent(op.newPath)),\n })) {\n const key = DomEditor.findKey(e, node)\n matches.push([path, key])\n }\n break\n }\n }\n\n // 执行原本的 apply - 重要！！！\n apply(op)\n\n // 绑定 node 和 key\n for (const [path, key] of matches) {\n const [node] = Editor.node(e, path)\n NODE_TO_KEY.set(node, key)\n }\n }\n\n e.deleteBackward = unit => {\n if (unit !== 'line') {\n return deleteBackward(unit)\n }\n\n if (editor.selection && Range.isCollapsed(editor.selection)) {\n const parentBlockEntry = Editor.above(editor, {\n match: n => Editor.isBlock(editor, n),\n at: editor.selection,\n })\n\n if (parentBlockEntry) {\n const [, parentBlockPath] = parentBlockEntry\n const parentElementRange = Editor.range(editor, parentBlockPath, editor.selection.anchor)\n\n const currentLineRange = findCurrentLineRange(e, parentElementRange)\n\n if (!Range.isCollapsed(currentLineRange)) {\n Transforms.delete(editor, { at: currentLineRange })\n }\n }\n }\n }\n\n // 重写 onchange API\n e.onChange = () => {\n // 记录当前选区\n const { selection } = e\n if (selection != null) {\n EDITOR_TO_SELECTION.set(e, selection)\n }\n\n // 触发配置的 change 事件\n e.emit('change')\n\n onChange()\n }\n\n // tab\n e.handleTab = () => {\n e.insertText(' ')\n }\n\n // 获取 html （去掉了格式化 2021.12.10）\n e.getHtml = (): string => {\n const { children = [] } = e\n const html = children.map(child => node2html(child, e)).join('')\n return html\n }\n\n // 获取 text\n e.getText = (): string => {\n const { children = [] } = e\n return children.map(child => Node.string(child)).join('\\n')\n }\n\n // 获取选区文字\n e.getSelectionText = (): string => {\n const { selection } = e\n if (selection == null) return ''\n return Editor.string(editor, selection)\n }\n\n // 根据 type 获取 elems\n e.getElemsByType = (type: string, isPrefix = false): ElementWithId[] => {\n const elems: ElementWithId[] = []\n\n // 获取 editor 所有 nodes\n const nodeEntries = Editor.nodes(e, {\n at: [],\n universal: true,\n })\n for (let nodeEntry of nodeEntries) {\n const [node] = nodeEntry\n if (Element.isElement(node)) {\n // 判断 type （前缀 or 全等）\n let flag = isPrefix ? node.type.indexOf(type) >= 0 : node.type === type\n if (flag) {\n const key = DomEditor.findKey(e, node)\n const id = genElemId(key.id)\n\n // node + id\n elems.push({\n ...node,\n id,\n })\n }\n }\n }\n\n return elems\n }\n\n // 根据 type 前缀，获取 elems\n e.getElemsByTypePrefix = (typePrefix: string): ElementWithId[] => {\n return e.getElemsByType(typePrefix, true)\n }\n\n /**\n * 判断 editor 是否为空（只有一个空 paragraph）\n */\n e.isEmpty = () => {\n const { children = [] } = e\n if (children.length > 1) return false // >1 个顶级节点\n\n const firstNode = children[0]\n if (firstNode == null) return true // editor.children 空数组\n\n if (Element.isElement(firstNode) && firstNode.type === 'paragraph') {\n const { children: texts = [] } = firstNode\n if (texts.length > 1) return false // >1 text node\n\n const t = texts[0]\n if (t == null) return true // 无 text 节点\n\n if (Text.isText(t) && t.text === '') return true // 只有一个 text 且是空字符串\n }\n\n return false\n }\n\n /**\n * 清空内容\n */\n e.clear = () => {\n const initialEditorValue: Node[] = [\n {\n type: 'paragraph',\n children: [{ text: '' }],\n },\n ]\n\n Transforms.delete(e, {\n at: {\n anchor: Editor.start(e, []),\n focus: Editor.end(e, []),\n },\n })\n\n if (e.children.length === 0) {\n Transforms.insertNodes(e, initialEditorValue)\n }\n }\n\n e.getParentNode = (node: Node) => {\n return DomEditor.getParentNode(e, node)\n }\n\n /**\n * 插入 html （不保证语义完全正确），用于粘贴\n * @param html html string\n * @param isRecursive 是否递归调用（内部使用，使用者不要传参）\n */\n e.dangerouslyInsertHtml = (html: string = '', isRecursive = false) => {\n if (!html) return\n\n // ------------- 把 html 转换为 DOM nodes -------------\n const div = document.createElement('div')\n div.innerHTML = html\n let domNodes = Array.from(div.childNodes)\n\n // 过滤一下，只保留 elem 和 text ，并却掉一些无用标签（如 style script 等）\n domNodes = domNodes.filter(n => {\n const { nodeType, nodeName } = n\n // Text Node\n if (nodeType === NodeType.TEXT_NODE) return true\n\n // Element Node\n if (nodeType === NodeType.ELEMENT_NODE) {\n // 过滤掉忽略的 tag\n if (IGNORE_TAGS.has(nodeName.toLowerCase())) return false\n else return true\n }\n return false\n })\n if (domNodes.length === 0) return\n\n // ------------- 把 DOM nodes 转换为 slate nodes ，并插入到编辑器 -------------\n\n const { selection } = e\n if (selection == null) return\n let curEmptyParagraphPath: Path | null = null\n\n // 是否当前选中了一个空 p （如果是，后面会删掉）\n // 递归调用时不判断\n if (DomEditor.isSelectedEmptyParagraph(e) && !isRecursive) {\n const { focus } = selection\n curEmptyParagraphPath = [focus.path[0]] // 只记录顶级 path 即可\n }\n\n div.setAttribute('hidden', 'true')\n document.body.appendChild(div)\n\n let insertedElemNum = 0 // 记录插入 elem 的数量 ( textNode 不算 )\n domNodes.forEach((n, index) => {\n const { nodeType, nodeName, textContent = '' } = n\n\n // ------ Text node ------\n if (nodeType === NodeType.TEXT_NODE) {\n if (!textContent || !textContent.trim()) return // 无内容的 Text\n\n // 插入文本\n //【注意】insertNode 和 insertText 有区别：后者会继承光标处的文本样式（如加粗）；前者会加入纯文本，无样式；\n e.insertNode({ text: textContent })\n return\n }\n\n // ------ Element Node ------\n if (nodeName === 'BR') {\n e.insertText('\\n') // 换行\n return\n }\n\n // 判断当前的 el 是否是可识别的 tag\n const el = n as DOMElement\n let isParseMatch = false\n if (TEXT_TAGS.includes(nodeName.toLowerCase())) {\n // text elem，如 \n isParseMatch = true\n } else {\n for (let selector in PARSE_ELEM_HTML_CONF) {\n if (el.matches(selector)) {\n // 普通 elem，如 等（非 text elem）\n isParseMatch = true\n break\n }\n }\n }\n\n // 匹配上了，则生成 slate elem 并插入\n if (isParseMatch) {\n // 生成并插入\n const $el = $(el)\n const parsedRes = parseElemHtml($el, e) as Element\n\n if (Array.isArray(parsedRes)) {\n parsedRes.forEach(el => insertElemToEditor(e, el))\n insertedElemNum++ // 记录数量\n } else {\n insertElemToEditor(e, parsedRes)\n insertedElemNum++ // 记录数量\n }\n\n // 如果当前选中 void node ，则选区移动一下\n if (DomEditor.isSelectedVoidNode(e)) e.move(1)\n\n return\n }\n\n // 没有匹配上（如 div ）\n const display = window.getComputedStyle(el).display\n if (!DomEditor.isSelectedEmptyParagraph(e)) {\n // 当前不是空行，且 非 inline - 则换行\n if (display.indexOf('inline') < 0) {\n if (index >= 1) {\n const prevEl = domNodes[index - 1] as DOMElement\n // 如果是 list 列表需要多插入一个回车,模拟双回车删除空 list\n if (\n 'matches' in prevEl &&\n prevEl.matches('ul:not([data-w-e-type]),ol:not([data-w-e-type])')\n ) {\n e.insertBreak()\n }\n }\n e.insertBreak()\n }\n }\n e.dangerouslyInsertHtml(el.innerHTML, true) // 继续插入子内容\n })\n\n // 删除第一个空行\n if (insertedElemNum && curEmptyParagraphPath) {\n if (DomEditor.isEmptyPath(e, curEmptyParagraphPath)) {\n Transforms.removeNodes(e, { at: curEmptyParagraphPath })\n }\n }\n\n div.remove() // 粘贴完了，移除 div\n }\n\n /**\n * 重置 HTML 内容\n * @param html html string\n */\n e.setHtml = (html: string | null = '') => {\n // 记录编辑器当前状态\n const isEditorDisabled = e.isDisabled()\n const isEditorFocused = e.isFocused()\n const editorSelectionStr = JSON.stringify(e.selection)\n\n // 删除当前内容\n e.enable()\n e.focus()\n // 需要标准的{anchor:xxx, focus: xxxx} 否则无法通过slate history的检查\n // 使用 e.select([]) e.selectAll() 生成的location不是标准的{anchor: xxxx, focus: xxx}形式\n // https://github.com/cycleccc/wangEditor/issues/4754\n e.clear()\n // 设置新内容\n const newContent = htmlToContent(e, html == null ? '' : html)\n Transforms.insertFragment(e, newContent)\n\n // 恢复编辑器状态和选区\n if (!isEditorFocused) {\n e.deselect()\n e.blur()\n }\n if (isEditorDisabled) {\n e.deselect()\n e.disable()\n }\n if (e.isFocused()) {\n try {\n e.select(JSON.parse(editorSelectionStr)) // 选中原来的位置\n } catch (ex) {\n e.select(Editor.start(e, [])) // 选中开始\n }\n }\n }\n\n return e\n}\n","/**\n * @description slate 插件 - dom 相关\n * @author wangfupeng\n */\n\nimport { Node, Editor, Transforms } from 'slate'\nimport { DomEditor } from '../dom-editor'\nimport { IDomEditor } from '../..'\nimport $, { Dom7Array } from '../../utils/dom'\nimport {\n IS_FOCUSED,\n EDITOR_TO_PANEL_AND_MODAL,\n EDITOR_TO_TEXTAREA,\n TEXTAREA_TO_EDITOR,\n EDITOR_TO_TOOLBAR,\n TOOLBAR_TO_EDITOR,\n EDITOR_TO_HOVER_BAR,\n HOVER_BAR_TO_EDITOR,\n EDITOR_TO_SELECTION,\n} from '../../utils/weak-maps'\n\nlet ID = 1\n\n/**\n * `withDOM` adds DOM specific behaviors to the editor.\n */\nexport const withDOM = (editor: T) => {\n const e = editor as T & IDomEditor\n\n e.id = `wangEditor-${ID++}`\n\n e.isDestroyed = false\n\n e.isFullScreen = false\n\n // focus\n e.focus = (isEnd?: boolean) => {\n const el = DomEditor.toDOMNode(e, e)\n el.focus({ preventScroll: true })\n\n IS_FOCUSED.set(e, true)\n\n // 恢复选区\n if (isEnd) {\n // 选区定位到结尾\n const end = Editor.end(e, [])\n Transforms.select(e, end)\n } else {\n const selection = EDITOR_TO_SELECTION.get(e)\n if (selection) {\n Transforms.select(e, selection) // 选区定位到之前的位置\n } else {\n Transforms.select(e, Editor.start(e, [])) // 选区定位到开始\n }\n }\n }\n\n // isFocused\n e.isFocused = () => {\n return !!IS_FOCUSED.get(e)\n }\n\n // blur\n e.blur = () => {\n const el = DomEditor.toDOMNode(e, e)\n el.blur()\n\n // 手动执行一次光标 deselect, 触发 onchange 回调，改变 Toolbar 的状态\n Transforms.deselect(e)\n\n IS_FOCUSED.set(e, false)\n }\n\n // 手动更新视图\n e.updateView = () => {\n const textarea = DomEditor.getTextarea(e)\n textarea.changeViewState()\n\n const toolbar = DomEditor.getToolbar(e)\n toolbar && toolbar.changeToolbarState()\n\n const hoverbar = DomEditor.getHoverbar(e)\n hoverbar && hoverbar.changeHoverbarState()\n }\n\n // destroy\n e.destroy = () => {\n // 销毁相关实例（会销毁 DOM）\n if (e.isDestroyed) return\n // fix https://github.com/cycleccc/wangEditor-v5/issues/457\n const textarea = DomEditor.getTextarea(e)\n textarea.destroy()\n EDITOR_TO_TEXTAREA.delete(e)\n TEXTAREA_TO_EDITOR.delete(textarea)\n\n const toolbar = DomEditor.getToolbar(e)\n if (toolbar) {\n toolbar.destroy()\n EDITOR_TO_TOOLBAR.delete(e)\n TOOLBAR_TO_EDITOR.delete(toolbar)\n }\n\n const hoverbar = DomEditor.getHoverbar(e)\n if (hoverbar) {\n hoverbar.destroy()\n EDITOR_TO_HOVER_BAR.delete(e)\n HOVER_BAR_TO_EDITOR.delete(hoverbar)\n }\n\n // 修改属性\n e.isDestroyed = true\n\n // 触发自定义事件\n e.emit('destroyed')\n }\n\n // scroll to elem\n e.scrollToElem = (id: string) => {\n const { scroll } = e.getConfig()\n if (!scroll) {\n // 没有设置编辑区域滚动，则不能用\n let info = '编辑器禁用了 scroll ，编辑器内容无法滚动，请自行实现该功能'\n info += '\\nYou has disabled editor scroll, please do this yourself'\n console.warn(info)\n return\n }\n\n const $elem = $(`#${id}`)\n if ($elem.length === 0) return\n\n // $elem 不在 editor DOM 范围之内\n const elem = $elem[0]\n if (!DomEditor.hasDOMNode(e, elem)) {\n let info = `Element (found by id is '${id}') is not in editor DOM`\n info += `\\n 通过 id '${id}' 找到的 element 不在 editor DOM 之内`\n console.error(info, elem)\n return\n }\n\n const textarea = DomEditor.getTextarea(e)\n const { $textAreaContainer, $scroll } = textarea\n\n const { top: elemTop } = $elem.offset()\n const { top: containerTop } = $textAreaContainer.offset()\n\n // 滚动到指定元素\n $scroll[0].scrollBy({ top: elemTop - containerTop, behavior: 'smooth' })\n }\n\n // showProgressBar\n e.showProgressBar = (progress: number) => {\n // progress 值范围： 0 - 100\n if (progress < 1) return\n\n // 显示进度条\n const textarea = DomEditor.getTextarea(e)\n textarea.changeProgress(progress)\n }\n\n // 隐藏 panel 或 modal\n e.hidePanelOrModal = () => {\n const set = EDITOR_TO_PANEL_AND_MODAL.get(e)\n if (set == null) return\n set.forEach(panelOrModal => panelOrModal.hide())\n }\n\n e.enable = () => {\n const config = e.getConfig()\n config.readOnly = false\n\n // 更新视图\n e.updateView()\n }\n\n e.disable = () => {\n const config = e.getConfig()\n config.readOnly = true\n\n // 更新视图\n e.updateView()\n }\n\n e.isDisabled = () => {\n const config = e.getConfig()\n return config.readOnly\n }\n\n e.toDOMNode = (node: Node) => {\n return DomEditor.toDOMNode(e, node)\n }\n\n e.fullScreen = () => {\n if (e.isFullScreen) return\n\n let $toolbarBox: Dom7Array | null = null\n const toolbar = DomEditor.getToolbar(e)\n if (toolbar) {\n $toolbarBox = toolbar.$box\n }\n\n const textarea = DomEditor.getTextarea(e)\n const $textAreaBox = textarea.$box\n const $parent = $textAreaBox.parent()\n\n if ($toolbarBox && $toolbarBox.parent()[0] !== $parent[0]) {\n // toolbar DOM 父节点，和 editor DOM 父节点不一致，则不能设置全屏\n let info =\n 'Can not set full screen, cause toolbar DOM parent is not equal to textarea DOM parent'\n info += '\\n不能设置全屏，因为 toolbar DOM 父节点和 textarea DOM 父节点不一致'\n throw new Error(info)\n }\n\n // 设置全屏\n $parent.addClass('w-e-full-screen-container')\n\n // 设置 z-index\n const curZIndex = $parent.css('z-index')\n $parent.attr('data-z-index', curZIndex.toString())\n\n // 记录属性\n e.isFullScreen = true\n\n // 触发自定义事件\n e.emit('fullScreen')\n }\n\n e.unFullScreen = () => {\n if (!e.isFullScreen) return\n\n const textarea = DomEditor.getTextarea(e)\n const $textAreaBox = textarea.$box\n const $parent = $textAreaBox.parent()\n\n // 解决#issue175, 编辑器取消全屏 - element dialog组件会被隐藏\n setTimeout(() => {\n // 取消全屏\n $parent.removeClass('w-e-full-screen-container')\n\n // 记录属性\n e.isFullScreen = false\n\n // 触发自定义事件\n e.emit('unFullScreen')\n }, 200)\n }\n\n /**\n * 获取编辑区域 DOM 容器\n */\n e.getEditableContainer = () => {\n const textarea = DomEditor.getTextarea(e)\n return textarea.$textAreaContainer[0]\n }\n\n return e\n}\n","\"use strict\";\n\n// ES3 safe\nvar _undefined = void 0;\n\nmodule.exports = function (value) { return value !== _undefined && value !== null; };\n","\"use strict\";\n\nvar isObject = require(\"../object/is\");\n\nmodule.exports = function (value) {\n\tif (!isObject(value)) return false;\n\ttry {\n\t\tif (!value.constructor) return false;\n\t\treturn value.constructor.prototype === value;\n\t} catch (error) {\n\t\treturn false;\n\t}\n};\n","\"use strict\";\n\nvar isValue = require(\"../value/is\");\n\n// prettier-ignore\nvar possibleTypes = { \"object\": true, \"function\": true, \"undefined\": true /* document.all */ };\n\nmodule.exports = function (value) {\n\tif (!isValue(value)) return false;\n\treturn hasOwnProperty.call(possibleTypes, typeof value);\n};\n","\"use strict\";\n\nvar isFunction = require(\"../function/is\");\n\nvar classRe = /^\\s*class[\\s{/}]/, functionToString = Function.prototype.toString;\n\nmodule.exports = function (value) {\n\tif (!isFunction(value)) return false;\n\tif (classRe.test(functionToString.call(value))) return false;\n\treturn true;\n};\n","\"use strict\";\n\nvar isPrototype = require(\"../prototype/is\");\n\nmodule.exports = function (value) {\n\tif (typeof value !== \"function\") return false;\n\n\tif (!hasOwnProperty.call(value, \"length\")) return false;\n\n\ttry {\n\t\tif (typeof value.length !== \"number\") return false;\n\t\tif (typeof value.call !== \"function\") return false;\n\t\tif (typeof value.apply !== \"function\") return false;\n\t} catch (error) {\n\t\treturn false;\n\t}\n\n\treturn !isPrototype(value);\n};\n","\"use strict\";\n\nvar _undefined = require(\"../function/noop\")(); // Support ES3 engines\n\nmodule.exports = function (val) { return val !== _undefined && val !== null; };\n","\"use strict\";\n\n// eslint-disable-next-line no-empty-function\nmodule.exports = function () {};\n","\"use strict\";\n\nmodule.exports = require(\"./is-implemented\")() ? Object.keys : require(\"./shim\");\n","\"use strict\";\n\nmodule.exports = function () {\n\ttry {\n\t\tObject.keys(\"primitive\");\n\t\treturn true;\n\t} catch (e) {\n\t\treturn false;\n\t}\n};\n","\"use strict\";\n\nvar isValue = require(\"../is-value\");\n\nvar keys = Object.keys;\n\nmodule.exports = function (object) { return keys(isValue(object) ? Object(object) : object); };\n","\"use strict\";\n\nvar keys = require(\"../keys\")\n , value = require(\"../valid-value\")\n , max = Math.max;\n\nmodule.exports = function (dest, src/*, …srcn*/) {\n\tvar error, i, length = max(arguments.length, 2), assign;\n\tdest = Object(value(dest));\n\tassign = function (key) {\n\t\ttry {\n\t\t\tdest[key] = src[key];\n\t\t} catch (e) {\n\t\t\tif (!error) error = e;\n\t\t}\n\t};\n\tfor (i = 1; i < length; ++i) {\n\t\tsrc = arguments[i];\n\t\tkeys(src).forEach(assign);\n\t}\n\tif (error !== undefined) throw error;\n\treturn dest;\n};\n","\"use strict\";\n\nvar isValue = require(\"./is-value\");\n\nmodule.exports = function (value) {\n\tif (!isValue(value)) throw new TypeError(\"Cannot use null or undefined\");\n\treturn value;\n};\n","\"use strict\";\n\nmodule.exports = require(\"./is-implemented\")() ? Object.assign : require(\"./shim\");\n","\"use strict\";\n\nmodule.exports = function () {\n\tvar assign = Object.assign, obj;\n\tif (typeof assign !== \"function\") return false;\n\tobj = { foo: \"raz\" };\n\tassign(obj, { bar: \"dwa\" }, { trzy: \"trzy\" });\n\treturn obj.foo + obj.bar + obj.trzy === \"razdwatrzy\";\n};\n","\"use strict\";\n\nmodule.exports = require(\"./is-implemented\")() ? String.prototype.contains : require(\"./shim\");\n","\"use strict\";\n\nvar str = \"razdwatrzy\";\n\nmodule.exports = function () {\n\tif (typeof str.contains !== \"function\") return false;\n\treturn str.contains(\"dwa\") === true && str.contains(\"foo\") === false;\n};\n","\"use strict\";\n\nvar indexOf = String.prototype.indexOf;\n\nmodule.exports = function (searchString/*, position*/) {\n\treturn indexOf.call(this, searchString, arguments[1]) > -1;\n};\n","\"use strict\";\n\nvar isValue = require(\"type/value/is\")\n , isPlainFunction = require(\"type/plain-function/is\")\n , assign = require(\"es5-ext/object/assign\")\n , normalizeOpts = require(\"es5-ext/object/normalize-options\")\n , contains = require(\"es5-ext/string/#/contains\");\n\nvar d = (module.exports = function (dscr, value/*, options*/) {\n\tvar c, e, w, options, desc;\n\tif (arguments.length < 2 || typeof dscr !== \"string\") {\n\t\toptions = value;\n\t\tvalue = dscr;\n\t\tdscr = null;\n\t} else {\n\t\toptions = arguments[2];\n\t}\n\tif (isValue(dscr)) {\n\t\tc = contains.call(dscr, \"c\");\n\t\te = contains.call(dscr, \"e\");\n\t\tw = contains.call(dscr, \"w\");\n\t} else {\n\t\tc = w = true;\n\t\te = false;\n\t}\n\n\tdesc = { value: value, configurable: c, enumerable: e, writable: w };\n\treturn !options ? desc : assign(normalizeOpts(options), desc);\n});\n\nd.gs = function (dscr, get, set/*, options*/) {\n\tvar c, e, options, desc;\n\tif (typeof dscr !== \"string\") {\n\t\toptions = set;\n\t\tset = get;\n\t\tget = dscr;\n\t\tdscr = null;\n\t} else {\n\t\toptions = arguments[3];\n\t}\n\tif (!isValue(get)) {\n\t\tget = undefined;\n\t} else if (!isPlainFunction(get)) {\n\t\toptions = get;\n\t\tget = set = undefined;\n\t} else if (!isValue(set)) {\n\t\tset = undefined;\n\t} else if (!isPlainFunction(set)) {\n\t\toptions = set;\n\t\tset = undefined;\n\t}\n\tif (isValue(dscr)) {\n\t\tc = contains.call(dscr, \"c\");\n\t\te = contains.call(dscr, \"e\");\n\t} else {\n\t\tc = true;\n\t\te = false;\n\t}\n\n\tdesc = { get: get, set: set, configurable: c, enumerable: e };\n\treturn !options ? desc : assign(normalizeOpts(options), desc);\n};\n","\"use strict\";\n\nvar isValue = require(\"./is-value\");\n\nvar forEach = Array.prototype.forEach, create = Object.create;\n\nvar process = function (src, obj) {\n\tvar key;\n\tfor (key in src) obj[key] = src[key];\n};\n\n// eslint-disable-next-line no-unused-vars\nmodule.exports = function (opts1/*, …options*/) {\n\tvar result = create(null);\n\tforEach.call(arguments, function (options) {\n\t\tif (!isValue(options)) return;\n\t\tprocess(Object(options), result);\n\t});\n\treturn result;\n};\n","'use strict';\n\nvar d = require('d')\n , callable = require('es5-ext/object/valid-callable')\n\n , apply = Function.prototype.apply, call = Function.prototype.call\n , create = Object.create, defineProperty = Object.defineProperty\n , defineProperties = Object.defineProperties\n , hasOwnProperty = Object.prototype.hasOwnProperty\n , descriptor = { configurable: true, enumerable: false, writable: true }\n\n , on, once, off, emit, methods, descriptors, base;\n\non = function (type, listener) {\n\tvar data;\n\n\tcallable(listener);\n\n\tif (!hasOwnProperty.call(this, '__ee__')) {\n\t\tdata = descriptor.value = create(null);\n\t\tdefineProperty(this, '__ee__', descriptor);\n\t\tdescriptor.value = null;\n\t} else {\n\t\tdata = this.__ee__;\n\t}\n\tif (!data[type]) data[type] = listener;\n\telse if (typeof data[type] === 'object') data[type].push(listener);\n\telse data[type] = [data[type], listener];\n\n\treturn this;\n};\n\nonce = function (type, listener) {\n\tvar once, self;\n\n\tcallable(listener);\n\tself = this;\n\ton.call(this, type, once = function () {\n\t\toff.call(self, type, once);\n\t\tapply.call(listener, this, arguments);\n\t});\n\n\tonce.__eeOnceListener__ = listener;\n\treturn this;\n};\n\noff = function (type, listener) {\n\tvar data, listeners, candidate, i;\n\n\tcallable(listener);\n\n\tif (!hasOwnProperty.call(this, '__ee__')) return this;\n\tdata = this.__ee__;\n\tif (!data[type]) return this;\n\tlisteners = data[type];\n\n\tif (typeof listeners === 'object') {\n\t\tfor (i = 0; (candidate = listeners[i]); ++i) {\n\t\t\tif ((candidate === listener) ||\n\t\t\t\t\t(candidate.__eeOnceListener__ === listener)) {\n\t\t\t\tif (listeners.length === 2) data[type] = listeners[i ? 0 : 1];\n\t\t\t\telse listeners.splice(i, 1);\n\t\t\t}\n\t\t}\n\t} else {\n\t\tif ((listeners === listener) ||\n\t\t\t\t(listeners.__eeOnceListener__ === listener)) {\n\t\t\tdelete data[type];\n\t\t}\n\t}\n\n\treturn this;\n};\n\nemit = function (type) {\n\tvar i, l, listener, listeners, args;\n\n\tif (!hasOwnProperty.call(this, '__ee__')) return;\n\tlisteners = this.__ee__[type];\n\tif (!listeners) return;\n\n\tif (typeof listeners === 'object') {\n\t\tl = arguments.length;\n\t\targs = new Array(l - 1);\n\t\tfor (i = 1; i < l; ++i) args[i - 1] = arguments[i];\n\n\t\tlisteners = listeners.slice();\n\t\tfor (i = 0; (listener = listeners[i]); ++i) {\n\t\t\tapply.call(listener, this, args);\n\t\t}\n\t} else {\n\t\tswitch (arguments.length) {\n\t\tcase 1:\n\t\t\tcall.call(listeners, this);\n\t\t\tbreak;\n\t\tcase 2:\n\t\t\tcall.call(listeners, this, arguments[1]);\n\t\t\tbreak;\n\t\tcase 3:\n\t\t\tcall.call(listeners, this, arguments[1], arguments[2]);\n\t\t\tbreak;\n\t\tdefault:\n\t\t\tl = arguments.length;\n\t\t\targs = new Array(l - 1);\n\t\t\tfor (i = 1; i < l; ++i) {\n\t\t\t\targs[i - 1] = arguments[i];\n\t\t\t}\n\t\t\tapply.call(listeners, this, args);\n\t\t}\n\t}\n};\n\nmethods = {\n\ton: on,\n\tonce: once,\n\toff: off,\n\temit: emit\n};\n\ndescriptors = {\n\ton: d(on),\n\tonce: d(once),\n\toff: d(off),\n\temit: d(emit)\n};\n\nbase = defineProperties({}, descriptors);\n\nmodule.exports = exports = function (o) {\n\treturn (o == null) ? create(base) : defineProperties(Object(o), descriptors);\n};\nexports.methods = methods;\n","\"use strict\";\n\nmodule.exports = function (fn) {\n\tif (typeof fn !== \"function\") throw new TypeError(fn + \" is not a function\");\n\treturn fn;\n};\n","/**\n * @description 自定义事件 插件\n * @author wangfupeng\n */\n\nimport ee, { Emitter } from 'event-emitter'\nimport { Editor } from 'slate'\nimport { IDomEditor } from '../interface'\nimport { EDITOR_TO_EMITTER } from '../../utils/weak-maps'\n\n/**\n * 获取 editor 的 emitter 实例\n * @param editor editor\n */\nfunction getEmitter(editor: IDomEditor): Emitter {\n let emitter = EDITOR_TO_EMITTER.get(editor)\n if (emitter == null) {\n emitter = ee()\n EDITOR_TO_EMITTER.set(editor, emitter)\n }\n return emitter\n}\n\n// 记录下当前 editor 的 destroy listeners\nconst EDITOR_TO_DESTROY_LISTENERS: WeakMap> = new WeakMap()\nfunction recordDestroyListeners(editor: IDomEditor, fn: Function) {\n let listeners = EDITOR_TO_DESTROY_LISTENERS.get(editor)\n if (listeners == null) {\n listeners = new Set()\n EDITOR_TO_DESTROY_LISTENERS.set(editor, listeners)\n }\n listeners.add(fn)\n}\nfunction getDestroyListeners(editor: IDomEditor): Set {\n return EDITOR_TO_DESTROY_LISTENERS.get(editor) || new Set()\n}\nfunction clearDestroyListeners(editor: IDomEditor) {\n EDITOR_TO_DESTROY_LISTENERS.set(editor, new Set())\n}\n\nexport const withEmitter = (editor: T) => {\n const e = editor as T & IDomEditor\n\n // 自定义事件\n e.on = (type, listener) => {\n const emitter = getEmitter(e)\n\n // 绑定事件\n emitter.on(type, listener)\n\n // destroyed 事件需要记录下来，以便最后统一 off 掉\n if (type === 'destroyed') recordDestroyListeners(e, listener)\n\n // editor 销毁时，取消绑定 - 重要\n if (type !== 'destroyed') {\n const fn = () => emitter.off(type, listener)\n emitter.on('destroyed', fn)\n recordDestroyListeners(e, fn) // 记录下来\n }\n }\n e.once = (type, listener) => {\n const emitter = getEmitter(e)\n emitter.once(type, listener)\n }\n e.off = (type, listener) => {\n const emitter = getEmitter(e)\n emitter.off(type, listener)\n }\n e.emit = (type, ...args: any[]) => {\n const emitter = getEmitter(e)\n emitter.emit(type, ...args)\n\n // editor 销毁时，off 掉 destroyed listeners\n if (type === 'destroyed') {\n const listeners = getDestroyListeners(e)\n listeners.forEach(fn => emitter.off('destroyed', fn as ee.EventListener))\n clearDestroyListeners(e) // 清空 destroyed listeners\n }\n }\n\n return e\n}\n","/**\n * @description slate 插件 - event data 相关\n * @author wangfupeng\n */\n\nimport {\n Editor, Node, Range, Transforms,\n} from 'slate'\n\nimport { IDomEditor } from '../..'\nimport { getPlainText, isDOMText } from '../../utils/dom'\nimport { DomEditor } from '../dom-editor'\n\nexport const withEventData = (editor: T) => {\n const e = editor as T & IDomEditor\n\n e.setFragmentData = (data: Pick) => {\n const { selection } = e\n\n if (!selection) {\n return\n }\n\n // 获取开始、结束两个 point { path, offset }\n const [start, end] = Range.edges(selection)\n // Editor.void - Match a void node in the current branch of the editor.\n const startVoid = Editor.void(e, { at: start.path })\n const endVoid = Editor.void(e, { at: end.path })\n\n if (Range.isCollapsed(selection) && !startVoid) {\n return\n }\n\n // Create a fake selection so that we can add a Base64-encoded copy of the\n // fragment to the HTML, to decode on future pastes.\n const domRange = DomEditor.toDOMRange(e, selection)\n let contents = domRange.cloneContents()\n let attach = contents.childNodes[0] as HTMLElement\n\n // Make sure attach is non-empty, since empty nodes will not get copied.\n contents.childNodes.forEach(node => {\n if (node.textContent && node.textContent.trim() !== '') {\n attach = node as HTMLElement\n }\n })\n\n // COMPAT: If the end node is a void node, we need to move the end of the\n // range from the void node's spacer span, to the end of the void node's\n // content, since the spacer is before void's content in the DOM.\n if (endVoid) {\n const [voidNode] = endVoid\n const r = domRange.cloneRange()\n const domNode = DomEditor.toDOMNode(e, voidNode)\n\n r.setEndAfter(domNode)\n contents = r.cloneContents()\n }\n\n // COMPAT: If the start node is a void node, we need to attach the encoded\n // fragment to the void node's content node instead of the spacer, because\n // attaching it to empty `/
` nodes will end up having it erased by\n // most browsers. (2018/04/27)\n if (startVoid) {\n attach = contents.querySelector('[data-slate-spacer]')! as HTMLElement\n }\n\n // Remove any zero-width space spans from the cloned DOM so that they don't\n // show up elsewhere when pasted.\n Array.from(contents.querySelectorAll('[data-slate-zero-width]')).forEach(zw => {\n const isNewline = zw.getAttribute('data-slate-zero-width') === 'n'\n\n zw.textContent = isNewline ? '\\n' : ''\n })\n\n // Set a `data-slate-fragment` attribute on a non-empty node, so it shows up\n // in the HTML, and can be used for intra-Slate pasting. If it's a text\n // node, wrap it in a `` so we have something to set an attribute on.\n if (isDOMText(attach)) {\n const span = attach.ownerDocument.createElement('span')\n // COMPAT: In Chrome and Safari, if we don't add the `white-space` style\n // then leading and trailing spaces will be ignored. (2017/09/21)\n\n span.style.whiteSpace = 'pre'\n span.appendChild(attach)\n contents.appendChild(span)\n attach = span\n }\n\n const fragment = e.getFragment()\n const string = JSON.stringify(fragment)\n const encoded = window.btoa(encodeURIComponent(string))\n\n attach.setAttribute('data-slate-fragment', encoded)\n data.setData('application/x-slate-fragment', encoded)\n\n // Add the content to a so that we can get its inner HTML.\n const div = contents.ownerDocument.createElement('div')\n\n div.appendChild(contents)\n div.setAttribute('hidden', 'true')\n contents.ownerDocument.body.appendChild(div)\n data.setData('text/html', div.innerHTML)\n data.setData('text/plain', getPlainText(div))\n contents.ownerDocument.body.removeChild(div)\n\n return data\n }\n\n e.insertData = (data: DataTransfer) => {\n const fragment = data.getData('application/x-slate-fragment')\n // 只有从编辑器中内复制的内容，才会获取 fragment，从其他地方粘贴到编辑器中，不会获取 fragment\n\n if (fragment) {\n const decoded = decodeURIComponent(window.atob(fragment))\n const parsed = JSON.parse(decoded) as Node[]\n\n e.insertFragment(parsed)\n return\n }\n\n const text = data.getData('text/plain')\n const html = data.getData('text/html')\n // const rtf = data.getData('text/rtf')\n\n if (html) {\n e.dangerouslyInsertHtml(html)\n return\n }\n\n const leftLength = DomEditor.getLeftLengthOfMaxLength(e)\n\n if (text) {\n const lines = text.split(/\\n\\r|\\r\\n|\\r|\\n/)\n let split = false\n\n for (const line of lines) {\n // 当设置了 maxLength 且剩余 length 为0时，不插入任何字符\n if (split && leftLength > 0) {\n Transforms.splitNodes(e, { always: true })\n }\n\n e.insertText(line)\n split = true\n }\n\n }\n }\n\n return e\n}\n","/**\n * @description slate 插件 - maxLength\n * @author wangfupeng\n */\n\n//【注意】拼音输入时 maxLength 限制在 CompositionEnd 事件中处理\n\nimport { Editor, Node } from 'slate'\nimport { IDomEditor, DomEditor } from '../..'\nimport { IGNORE_TAGS } from '../../constants'\nimport { NodeType } from '../../utils/dom'\n\nexport const withMaxLength =
(editor: T) => {\n const e = editor as T & IDomEditor\n const { insertText, insertNode, insertFragment, dangerouslyInsertHtml } = e\n\n // 处理 text\n e.insertText = (text: string) => {\n const { maxLength } = e.getConfig()\n if (!maxLength) {\n insertText(text)\n return\n }\n\n const leftLength = DomEditor.getLeftLengthOfMaxLength(e)\n if (leftLength <= 0) {\n // 已经触发 maxLength ，不再输入文字\n return\n }\n\n if (leftLength < text.length) {\n // 剩余长度小于 text 长度，则截取 text\n insertText(text.slice(0, leftLength))\n return\n }\n\n insertText(text)\n }\n\n // 处理 node\n e.insertNode = (node: Node) => {\n const { maxLength } = e.getConfig()\n if (!maxLength) {\n insertNode(node)\n return\n }\n\n const leftLength = DomEditor.getLeftLengthOfMaxLength(e)\n if (leftLength <= 0) {\n // 已经触发 maxLength ，不再插入\n return\n }\n\n const text = Node.string(node)\n if (leftLength < text.length) {\n // 剩余长度，不够 node text 长度，不再插入\n return\n }\n\n insertNode(node)\n }\n\n // 处理 fragment\n e.insertFragment = (fragment: Node[]) => {\n const { maxLength } = e.getConfig()\n if (!maxLength) {\n // 无 maxLength\n insertFragment(fragment)\n return\n }\n\n // 有 maxLength ，则分别插入 node\n if (fragment.length > 0) {\n const firstNode = fragment[0]\n const leftLength = DomEditor.getLeftLengthOfMaxLength(e)\n const firstNodeTextLength = Node.string(firstNode).length\n\n // 第一个或只有一个 node 时，使用 insertFragment ，防止换行\n if (leftLength < firstNodeTextLength) {\n // 已经触发 maxLength ，不再插入\n return\n }\n\n insertFragment([firstNode])\n\n // 从第二个节点开始，使用 e.insertNode\n for (let i = 1; i < fragment.length; i++) {\n e.insertNode(fragment[i])\n }\n }\n }\n\n e.dangerouslyInsertHtml = (html: string = '', isRecursive = false) => {\n if (!html) return\n\n const { maxLength } = e.getConfig()\n if (!maxLength) {\n // 无 maxLength\n dangerouslyInsertHtml(html, isRecursive)\n return\n }\n const leftLength = DomEditor.getLeftLengthOfMaxLength(e)\n if (leftLength <= 0) {\n // 已经触发 maxLength ，不再输入文字\n return\n }\n\n // ------------- 把 html 转换为 DOM nodes -------------\n const div = document.createElement('div')\n div.innerHTML = html\n const text = Array.from(div.childNodes).reduce((acc, node) => {\n const { nodeType, nodeName } = node\n if (!node) {\n return acc\n }\n // Text Node\n if (nodeType === NodeType.TEXT_NODE) return acc + (node.textContent || '')\n\n // Element Node\n if (nodeType === NodeType.ELEMENT_NODE) {\n // 过滤掉忽略的 tag\n if (IGNORE_TAGS.has(nodeName.toLowerCase())) return acc\n else return acc + (node.textContent || '')\n }\n return acc\n }, '')\n\n if (leftLength < text.length) {\n return\n }\n\n dangerouslyInsertHtml(html, isRecursive)\n }\n\n return e // 返回 editor 实例\n}\n","/**\n * @description menu position helpers\n * @author wangfupeng\n */\n\nimport { Element, Node } from 'slate'\n\nimport { DomEditor } from '../../editor/dom-editor'\nimport { IDomEditor } from '../../editor/interface'\nimport { Dom7Array, getFirstVoidChild } from '../../utils/dom'\nimport { promiseResolveThen } from '../../utils/util'\nimport { NODE_TO_ELEMENT } from '../../utils/weak-maps'\nimport { IPositionStyle } from '../interface'\n\n/**\n * 获取 textContainer 尺寸和定位\n * @param editor editor\n */\nexport function getTextContainerRect(editor: IDomEditor): {\n top: number\n left: number\n width: number\n height: number\n} | null {\n const textarea = DomEditor.getTextarea(editor)\n\n // 获取 textareaContainer\n const $textareaContainer = textarea.$textAreaContainer\n const width = $textareaContainer.width()\n const height = $textareaContainer.height()\n const { top, left } = $textareaContainer.offset()\n\n return {\n top, left, width, height,\n }\n}\n\n/**\n * 根据选区，计算定位（用于 modal hoverbar）\n * @param editor editor\n */\nexport function getPositionBySelection(editor: IDomEditor): Partial {\n // 默认情况下 { top: 0, left: 0 }\n const defaultStyle = { top: '0', left: '0' }\n\n const { selection } = editor\n\n if (selection == null) { return defaultStyle } // 默认 position\n\n // 获取 textContainer rect\n const containerRect = getTextContainerRect(editor)\n\n if (containerRect == null) { return defaultStyle } // 默认 position\n const {\n top: containerTop,\n left: containerLeft,\n width: containerWidth,\n height: containerHeight,\n } = containerRect\n\n // 获取当前选区的 rect\n const range = DomEditor.toDOMRange(editor, selection)\n const rangeRect = range.getClientRects ? range.getClientRects()[0] : null\n\n if (rangeRect == null) { return defaultStyle } // 默认 position\n const {\n height: rangeHeight, top: rangeTop, left: rangeLeft,\n } = rangeRect\n\n // 存储计算结构\n const positionStyle: Partial = {}\n\n // 获取 选区 top left 和 container top left 的差值（< 0 则使用 0）\n const relativeTop = rangeTop - containerTop\n const relativeLeft = rangeLeft - containerLeft\n\n // 判断水平位置： modal/bar 显示在选区左侧，还是右侧？\n if (relativeLeft > containerWidth / 2) {\n // 选区 left 大于 containerWidth/2 （选区在 container 的右侧），则 modal/bar 显示在选区左侧\n const r = containerWidth - relativeLeft\n\n positionStyle.right = `${r + 5}px` // 5px 间隔\n } else {\n // 否则（选区在 container 的左侧），modal/bar 显示在选区右侧\n positionStyle.left = `${relativeLeft + 5}px` // 5px 间隔\n }\n\n // 判断垂直的位置： modal/bar 显示在选区上面，还是下面？\n if (relativeTop > containerHeight / 2) {\n // 选区 top > containerHeight/2 （选区在 container 的下半部分），则 modal/bar 显示在选区的上面\n const b = containerHeight - relativeTop\n\n positionStyle.bottom = `${b + 5}px` // 5px 间隔\n } else {\n // 否则（选区在 container 的上半部分），则 modal/bar 显示在选区的下面\n let t = relativeTop + rangeHeight\n\n if (t < 0) { t = 0 }\n positionStyle.top = `${t + 5}px` // 5px 间隔\n }\n\n return positionStyle\n}\n\n/**\n * 根据 node ，计算定位（用于 modal hoverbar）\n * @param editor editor\n * @param node slate node\n * @param type 'modal'/'bar'\n */\nexport function getPositionByNode(\n editor: IDomEditor,\n node: Node,\n type: string = 'modal',\n): Partial {\n // 默认情况下 { top: 0, left: 0 }\n const defaultStyle = { top: '0', left: '0' }\n\n const { selection } = editor\n\n if (selection == null) { return defaultStyle } // 默认 position\n\n // 根据 node 获取 elem\n const isVoidElem = Element.isElement(node) && editor.isVoid(node)\n const isInlineElem = Element.isElement(node) && editor.isInline(node)\n const elem = NODE_TO_ELEMENT.get(node)\n\n if (elem == null) { return defaultStyle } // 默认 position\n let {\n top: elemTop,\n // eslint-disable-next-line prefer-const\n left: elemLeft,\n height: elemHeight,\n // eslint-disable-next-line prefer-const\n width: elemWidth,\n } = elem.getBoundingClientRect()\n\n if (isVoidElem) {\n // void node ，重新计算 top 和 height\n const voidElem = getFirstVoidChild(elem)\n\n if (voidElem != null) {\n const { top, height } = voidElem.getBoundingClientRect()\n\n elemTop = top\n elemHeight = height\n }\n }\n\n // 获取 textContainer rect\n const containerRect = getTextContainerRect(editor)\n\n if (containerRect == null) { return defaultStyle } // 默认 position\n const {\n top: containerTop,\n left: containerLeft,\n width: containerWidth,\n height: containerHeight,\n } = containerRect\n\n // 存储计算结构\n const positionStyle: Partial = {}\n\n // 获取 elem top left 和 container top left 的差值（< 0 则使用 0）\n const relativeTop = elemTop - containerTop\n const relativeLeft = elemLeft - containerLeft\n\n if (type === 'bar') {\n // bar - 1. left 对齐 elem.left ；2. 尽量显示在 elem 上方\n positionStyle.left = `${relativeLeft}px`\n if (relativeTop > 40) {\n // top > 40 则显示在上方\n positionStyle.bottom = `${containerHeight - relativeTop + 5}px` // 5px 间隙\n } else {\n // 否则，显示在下方\n positionStyle.top = `${relativeTop + elemHeight + 5}px` // 5px 间隙\n }\n\n return positionStyle\n }\n\n if (type === 'modal') {\n // modal - 1. top 和 elem 需要计算，尽量不遮挡 elem\n\n // 水平\n if (!isVoidElem) {\n // 非 void node - left 和 elem left 对齐\n positionStyle.left = `${relativeLeft}px`\n } else if (isInlineElem) {\n // inline void node 需要计算\n if (relativeLeft > (containerWidth - elemWidth) / 2) {\n // elem 在 container 的右侧，则 modal 显示在 elem 左侧\n positionStyle.right = `${containerWidth - relativeLeft + 5}px`\n } else {\n // 否则 elem 在 container 左侧，则 modal 显示在 elem 右侧\n positionStyle.left = `${relativeLeft + elemWidth + 5}px`\n }\n } else {\n // block void node 水平靠左即可\n positionStyle.left = '20px'\n }\n\n // 垂直\n if (isVoidElem) {\n // void node - top 和 elem top 对齐\n let t = relativeTop\n\n if (t < 0) { t = 0 } // top 不能小于 0\n positionStyle.top = `${t}px`\n // 非 void node ，计算 top\n } else if (relativeTop > (containerHeight - elemHeight) / 2) {\n // elem 在 container 的下半部分，则 modal 显示在 elem 上方\n positionStyle.bottom = `${containerHeight - relativeTop + 5}px`\n } else {\n // elem 在 container 的上半部分，则 modal 显示在 elem 下方\n let t = relativeTop + elemHeight\n\n if (t < 0) { t = 0 }\n positionStyle.top = `${t + 5}px`\n }\n\n return positionStyle\n }\n\n throw new Error(`type '${type}' is invalid`)\n}\n\n/**\n * 异步修正 position ，不能超出 textContainer 边界\n * @param editor editor\n * @param $positionElem modal/bar\n */\nexport function correctPosition(editor: IDomEditor, $positionElem: Dom7Array) {\n // 异步，否则 DOM 尚未渲染\n promiseResolveThen(() => {\n // 获取 textContainer rect\n const containerRect = getTextContainerRect(editor)\n\n if (containerRect == null) { return }\n const {\n top: containerTop,\n left: containerLeft,\n width: containerWidth,\n height: containerHeight,\n } = containerRect\n\n // 获取 modal bar 的 rect\n const { top: positionElemTop, left: positionElemLeft } = $positionElem.offset()\n const positionElemWidth = $positionElem.width()\n const positionElemHeight = $positionElem.height()\n const relativeTop = positionElemTop - containerTop\n const relativeLeft = positionElemLeft - containerLeft\n\n // 获取 modal bar 设置的 style\n const styleStr = $positionElem.attr('style')\n\n if (styleStr.indexOf('top') >= 0) {\n // 设置了 top ，则有可能超过 textContainer 的下边界\n const d = relativeTop + positionElemHeight - containerHeight\n\n if (d > 0) {\n // 已超过 textContainer 的下边界，则上移\n const curTopStr = $positionElem.css('top')\n const curTop = parseInt(curTopStr.toString(), 10)\n let newTop = curTop - d\n\n if (newTop < 0) { newTop = 0 } // 不能超过 textContainer 上边界\n $positionElem.css('top', `${newTop}px`)\n }\n }\n\n if (styleStr.indexOf('bottom') >= 0) {\n // 设置了 bottom ，则有可能超过 textContainer 的上边界\n if (positionElemTop < 0) {\n // 已超出了上边界\n const curBottomStr = $positionElem.css('bottom')\n const curBottom = parseInt(curBottomStr.toString(), 10)\n const newBottom = curBottom - Math.abs(positionElemTop) // 保证上边界和 textContainer 对齐即可，下边界不管\n\n $positionElem.css('bottom', `${newBottom}px`)\n }\n }\n\n if (styleStr.indexOf('left') >= 0) {\n // 设置了 left ，则有可能超过 textContainer 的右边界\n const d = relativeLeft + positionElemWidth - containerWidth\n\n if (d > 0) {\n // 已超过 textContainer 的右边界，需左移\n const curLeftStr = $positionElem.css('left')\n const curLeft = parseInt(curLeftStr.toString(), 10)\n let newLeft = curLeft - d\n\n if (newLeft < 0) { newLeft = 0 } // 不能超过 textContainer 左边界\n $positionElem.css('left', `${newLeft}px`)\n }\n }\n\n if (styleStr.indexOf('right') >= 0) {\n // 设置了 right ，则有可能超过 textContainer 的左边界\n if (positionElemLeft < 0) {\n // 已超出了左边界\n const curRightStr = $positionElem.css('right')\n const curRight = parseInt(curRightStr.toString(), 10)\n const newRight = curRight - Math.abs(positionElemLeft) // 保证左边界和 textContainer 对齐即可，右边界不管\n\n $positionElem.css('right', `${newRight}px`)\n }\n }\n })\n}\n","/**\n * @description slate 插件 - selection 相关\n * @author wangfupeng\n */\n\nimport { Editor, Transforms, Location, Node, Range, Point } from 'slate'\nimport { IDomEditor } from '../interface'\nimport { DomEditor } from '../dom-editor'\nimport { getPositionByNode, getPositionBySelection } from '../../menus/helpers/position'\nimport { EDITOR_TO_SELECTION } from '../../utils/weak-maps'\n\nexport const withSelection = (editor: T) => {\n const e = editor as T & IDomEditor\n\n // 选中\n e.select = (at: Location) => {\n Transforms.select(e, at)\n }\n\n // 取消选中\n e.deselect = () => {\n const { selection } = e\n const root = DomEditor.findDocumentOrShadowRoot(e)\n const domSelection = root.getSelection()\n\n if (domSelection && domSelection.rangeCount > 0) {\n domSelection.removeAllRanges()\n }\n\n if (selection) {\n Transforms.deselect(editor)\n }\n }\n\n // 移动光标\n e.move = (distance: number, reverse = false) => {\n if (!distance) return\n if (distance < 0) return\n\n Transforms.move(editor, {\n distance,\n unit: 'character',\n reverse,\n })\n }\n\n // 反向移动光标\n e.moveReverse = (distance: number) => {\n e.move(distance, true)\n }\n\n /**\n * 还原选区\n */\n e.restoreSelection = () => {\n const selection = EDITOR_TO_SELECTION.get(e)\n if (selection == null) return\n\n e.focus()\n Transforms.select(e, selection)\n }\n\n /**\n * 获取选区的 position\n */\n e.getSelectionPosition = () => {\n return getPositionBySelection(e)\n }\n\n /**\n * 获取 node 的 position\n */\n e.getNodePosition = (node: Node) => {\n return getPositionByNode(e, node)\n }\n\n /**\n * 是否全选\n */\n e.isSelectedAll = () => {\n const { selection } = e\n if (selection == null) return false\n\n const [start1, end1] = Range.edges(selection) // 获取当前选取的开始、结束 point\n const [start2, end2] = Editor.edges(e, []) // 获取编辑器全部的开始、结束 point\n\n if (Point.equals(start1, start2) && Point.equals(end1, end2)) {\n return true\n }\n return false\n }\n\n /**\n * 全选\n */\n e.selectAll = () => {\n const start = Editor.start(e, [])\n const end = Editor.end(e, [])\n\n Transforms.select(e, {\n anchor: start,\n focus: end,\n })\n }\n\n return e\n}\n","/**\n * lodash (Custom Build) \n * Build: `lodash modularize exports=\"npm\" -o ./`\n * Copyright jQuery Foundation and other contributors \n * Released under MIT license \n * Based on Underscore.js 1.8.3 \n * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors\n */\n\n/** Used as the `TypeError` message for \"Functions\" methods. */\nvar FUNC_ERROR_TEXT = 'Expected a function';\n\n/** Used as references for various `Number` constants. */\nvar NAN = 0 / 0;\n\n/** `Object#toString` result references. */\nvar symbolTag = '[object Symbol]';\n\n/** Used to match leading and trailing whitespace. */\nvar reTrim = /^\\s+|\\s+$/g;\n\n/** Used to detect bad signed hexadecimal string values. */\nvar reIsBadHex = /^[-+]0x[0-9a-f]+$/i;\n\n/** Used to detect binary string values. */\nvar reIsBinary = /^0b[01]+$/i;\n\n/** Used to detect octal string values. */\nvar reIsOctal = /^0o[0-7]+$/i;\n\n/** Built-in method references without a dependency on `root`. */\nvar freeParseInt = parseInt;\n\n/** Detect free variable `global` from Node.js. */\nvar freeGlobal = typeof global == 'object' && global && global.Object === Object && global;\n\n/** Detect free variable `self`. */\nvar freeSelf = typeof self == 'object' && self && self.Object === Object && self;\n\n/** Used as a reference to the global object. */\nvar root = freeGlobal || freeSelf || Function('return this')();\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar objectToString = objectProto.toString;\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeMax = Math.max,\n nativeMin = Math.min;\n\n/**\n * Gets the timestamp of the number of milliseconds that have elapsed since\n * the Unix epoch (1 January 1970 00:00:00 UTC).\n *\n * @static\n * @memberOf _\n * @since 2.4.0\n * @category Date\n * @returns {number} Returns the timestamp.\n * @example\n *\n * _.defer(function(stamp) {\n * console.log(_.now() - stamp);\n * }, _.now());\n * // => Logs the number of milliseconds it took for the deferred invocation.\n */\nvar now = function() {\n return root.Date.now();\n};\n\n/**\n * Creates a debounced function that delays invoking `func` until after `wait`\n * milliseconds have elapsed since the last time the debounced function was\n * invoked. The debounced function comes with a `cancel` method to cancel\n * delayed `func` invocations and a `flush` method to immediately invoke them.\n * Provide `options` to indicate whether `func` should be invoked on the\n * leading and/or trailing edge of the `wait` timeout. The `func` is invoked\n * with the last arguments provided to the debounced function. Subsequent\n * calls to the debounced function return the result of the last `func`\n * invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the debounced function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `_.debounce` and `_.throttle`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to debounce.\n * @param {number} [wait=0] The number of milliseconds to delay.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=false]\n * Specify invoking on the leading edge of the timeout.\n * @param {number} [options.maxWait]\n * The maximum time `func` is allowed to be delayed before it's invoked.\n * @param {boolean} [options.trailing=true]\n * Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new debounced function.\n * @example\n *\n * // Avoid costly calculations while the window size is in flux.\n * jQuery(window).on('resize', _.debounce(calculateLayout, 150));\n *\n * // Invoke `sendMail` when clicked, debouncing subsequent calls.\n * jQuery(element).on('click', _.debounce(sendMail, 300, {\n * 'leading': true,\n * 'trailing': false\n * }));\n *\n * // Ensure `batchLog` is invoked once after 1 second of debounced calls.\n * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });\n * var source = new EventSource('/stream');\n * jQuery(source).on('message', debounced);\n *\n * // Cancel the trailing debounced invocation.\n * jQuery(window).on('popstate', debounced.cancel);\n */\nfunction debounce(func, wait, options) {\n var lastArgs,\n lastThis,\n maxWait,\n result,\n timerId,\n lastCallTime,\n lastInvokeTime = 0,\n leading = false,\n maxing = false,\n trailing = true;\n\n if (typeof func != 'function') {\n throw new TypeError(FUNC_ERROR_TEXT);\n }\n wait = toNumber(wait) || 0;\n if (isObject(options)) {\n leading = !!options.leading;\n maxing = 'maxWait' in options;\n maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;\n trailing = 'trailing' in options ? !!options.trailing : trailing;\n }\n\n function invokeFunc(time) {\n var args = lastArgs,\n thisArg = lastThis;\n\n lastArgs = lastThis = undefined;\n lastInvokeTime = time;\n result = func.apply(thisArg, args);\n return result;\n }\n\n function leadingEdge(time) {\n // Reset any `maxWait` timer.\n lastInvokeTime = time;\n // Start the timer for the trailing edge.\n timerId = setTimeout(timerExpired, wait);\n // Invoke the leading edge.\n return leading ? invokeFunc(time) : result;\n }\n\n function remainingWait(time) {\n var timeSinceLastCall = time - lastCallTime,\n timeSinceLastInvoke = time - lastInvokeTime,\n result = wait - timeSinceLastCall;\n\n return maxing ? nativeMin(result, maxWait - timeSinceLastInvoke) : result;\n }\n\n function shouldInvoke(time) {\n var timeSinceLastCall = time - lastCallTime,\n timeSinceLastInvoke = time - lastInvokeTime;\n\n // Either this is the first call, activity has stopped and we're at the\n // trailing edge, the system time has gone backwards and we're treating\n // it as the trailing edge, or we've hit the `maxWait` limit.\n return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||\n (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));\n }\n\n function timerExpired() {\n var time = now();\n if (shouldInvoke(time)) {\n return trailingEdge(time);\n }\n // Restart the timer.\n timerId = setTimeout(timerExpired, remainingWait(time));\n }\n\n function trailingEdge(time) {\n timerId = undefined;\n\n // Only invoke if we have `lastArgs` which means `func` has been\n // debounced at least once.\n if (trailing && lastArgs) {\n return invokeFunc(time);\n }\n lastArgs = lastThis = undefined;\n return result;\n }\n\n function cancel() {\n if (timerId !== undefined) {\n clearTimeout(timerId);\n }\n lastInvokeTime = 0;\n lastArgs = lastCallTime = lastThis = timerId = undefined;\n }\n\n function flush() {\n return timerId === undefined ? result : trailingEdge(now());\n }\n\n function debounced() {\n var time = now(),\n isInvoking = shouldInvoke(time);\n\n lastArgs = arguments;\n lastThis = this;\n lastCallTime = time;\n\n if (isInvoking) {\n if (timerId === undefined) {\n return leadingEdge(lastCallTime);\n }\n if (maxing) {\n // Handle invocations in a tight loop.\n timerId = setTimeout(timerExpired, wait);\n return invokeFunc(lastCallTime);\n }\n }\n if (timerId === undefined) {\n timerId = setTimeout(timerExpired, wait);\n }\n return result;\n }\n debounced.cancel = cancel;\n debounced.flush = flush;\n return debounced;\n}\n\n/**\n * Checks if `value` is the\n * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)\n * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an object, else `false`.\n * @example\n *\n * _.isObject({});\n * // => true\n *\n * _.isObject([1, 2, 3]);\n * // => true\n *\n * _.isObject(_.noop);\n * // => true\n *\n * _.isObject(null);\n * // => false\n */\nfunction isObject(value) {\n var type = typeof value;\n return !!value && (type == 'object' || type == 'function');\n}\n\n/**\n * Checks if `value` is object-like. A value is object-like if it's not `null`\n * and has a `typeof` result of \"object\".\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is object-like, else `false`.\n * @example\n *\n * _.isObjectLike({});\n * // => true\n *\n * _.isObjectLike([1, 2, 3]);\n * // => true\n *\n * _.isObjectLike(_.noop);\n * // => false\n *\n * _.isObjectLike(null);\n * // => false\n */\nfunction isObjectLike(value) {\n return !!value && typeof value == 'object';\n}\n\n/**\n * Checks if `value` is classified as a `Symbol` primitive or object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.\n * @example\n *\n * _.isSymbol(Symbol.iterator);\n * // => true\n *\n * _.isSymbol('abc');\n * // => false\n */\nfunction isSymbol(value) {\n return typeof value == 'symbol' ||\n (isObjectLike(value) && objectToString.call(value) == symbolTag);\n}\n\n/**\n * Converts `value` to a number.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to process.\n * @returns {number} Returns the number.\n * @example\n *\n * _.toNumber(3.2);\n * // => 3.2\n *\n * _.toNumber(Number.MIN_VALUE);\n * // => 5e-324\n *\n * _.toNumber(Infinity);\n * // => Infinity\n *\n * _.toNumber('3.2');\n * // => 3.2\n */\nfunction toNumber(value) {\n if (typeof value == 'number') {\n return value;\n }\n if (isSymbol(value)) {\n return NAN;\n }\n if (isObject(value)) {\n var other = typeof value.valueOf == 'function' ? value.valueOf() : value;\n value = isObject(other) ? (other + '') : other;\n }\n if (typeof value != 'string') {\n return value === 0 ? value : +value;\n }\n value = value.replace(reTrim, '');\n var isBinary = reIsBinary.test(value);\n return (isBinary || reIsOctal.test(value))\n ? freeParseInt(value.slice(2), isBinary ? 2 : 8)\n : (reIsBadHex.test(value) ? NAN : +value);\n}\n\nmodule.exports = debounce;\n","const consoleLogger = {\n type: 'logger',\n log(args) {\n this.output('log', args);\n },\n warn(args) {\n this.output('warn', args);\n },\n error(args) {\n this.output('error', args);\n },\n output(type, args) {\n if (console && console[type]) console[type].apply(console, args);\n }\n};\nclass Logger {\n constructor(concreteLogger) {\n let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n this.init(concreteLogger, options);\n }\n init(concreteLogger) {\n let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n this.prefix = options.prefix || 'i18next:';\n this.logger = concreteLogger || consoleLogger;\n this.options = options;\n this.debug = options.debug;\n }\n log() {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n return this.forward(args, 'log', '', true);\n }\n warn() {\n for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n args[_key2] = arguments[_key2];\n }\n return this.forward(args, 'warn', '', true);\n }\n error() {\n for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {\n args[_key3] = arguments[_key3];\n }\n return this.forward(args, 'error', '');\n }\n deprecate() {\n for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {\n args[_key4] = arguments[_key4];\n }\n return this.forward(args, 'warn', 'WARNING DEPRECATED: ', true);\n }\n forward(args, lvl, prefix, debugOnly) {\n if (debugOnly && !this.debug) return null;\n if (typeof args[0] === 'string') args[0] = `${prefix}${this.prefix} ${args[0]}`;\n return this.logger[lvl](args);\n }\n create(moduleName) {\n return new Logger(this.logger, {\n ...{\n prefix: `${this.prefix}:${moduleName}:`\n },\n ...this.options\n });\n }\n clone(options) {\n options = options || this.options;\n options.prefix = options.prefix || this.prefix;\n return new Logger(this.logger, options);\n }\n}\nvar baseLogger = new Logger();\n\nclass EventEmitter {\n constructor() {\n this.observers = {};\n }\n on(events, listener) {\n events.split(' ').forEach(event => {\n if (!this.observers[event]) this.observers[event] = new Map();\n const numListeners = this.observers[event].get(listener) || 0;\n this.observers[event].set(listener, numListeners + 1);\n });\n return this;\n }\n off(event, listener) {\n if (!this.observers[event]) return;\n if (!listener) {\n delete this.observers[event];\n return;\n }\n this.observers[event].delete(listener);\n }\n emit(event) {\n for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n args[_key - 1] = arguments[_key];\n }\n if (this.observers[event]) {\n const cloned = Array.from(this.observers[event].entries());\n cloned.forEach(_ref => {\n let [observer, numTimesAdded] = _ref;\n for (let i = 0; i < numTimesAdded; i++) {\n observer(...args);\n }\n });\n }\n if (this.observers['*']) {\n const cloned = Array.from(this.observers['*'].entries());\n cloned.forEach(_ref2 => {\n let [observer, numTimesAdded] = _ref2;\n for (let i = 0; i < numTimesAdded; i++) {\n observer.apply(observer, [event, ...args]);\n }\n });\n }\n }\n}\n\nconst defer = () => {\n let res;\n let rej;\n const promise = new Promise((resolve, reject) => {\n res = resolve;\n rej = reject;\n });\n promise.resolve = res;\n promise.reject = rej;\n return promise;\n};\nconst makeString = object => {\n if (object == null) return '';\n return '' + object;\n};\nconst copy = (a, s, t) => {\n a.forEach(m => {\n if (s[m]) t[m] = s[m];\n });\n};\nconst lastOfPathSeparatorRegExp = /###/g;\nconst cleanKey = key => key && key.indexOf('###') > -1 ? key.replace(lastOfPathSeparatorRegExp, '.') : key;\nconst canNotTraverseDeeper = object => !object || typeof object === 'string';\nconst getLastOfPath = (object, path, Empty) => {\n const stack = typeof path !== 'string' ? path : path.split('.');\n let stackIndex = 0;\n while (stackIndex < stack.length - 1) {\n if (canNotTraverseDeeper(object)) return {};\n const key = cleanKey(stack[stackIndex]);\n if (!object[key] && Empty) object[key] = new Empty();\n if (Object.prototype.hasOwnProperty.call(object, key)) {\n object = object[key];\n } else {\n object = {};\n }\n ++stackIndex;\n }\n if (canNotTraverseDeeper(object)) return {};\n return {\n obj: object,\n k: cleanKey(stack[stackIndex])\n };\n};\nconst setPath = (object, path, newValue) => {\n const {\n obj,\n k\n } = getLastOfPath(object, path, Object);\n if (obj !== undefined || path.length === 1) {\n obj[k] = newValue;\n return;\n }\n let e = path[path.length - 1];\n let p = path.slice(0, path.length - 1);\n let last = getLastOfPath(object, p, Object);\n while (last.obj === undefined && p.length) {\n e = `${p[p.length - 1]}.${e}`;\n p = p.slice(0, p.length - 1);\n last = getLastOfPath(object, p, Object);\n if (last && last.obj && typeof last.obj[`${last.k}.${e}`] !== 'undefined') {\n last.obj = undefined;\n }\n }\n last.obj[`${last.k}.${e}`] = newValue;\n};\nconst pushPath = (object, path, newValue, concat) => {\n const {\n obj,\n k\n } = getLastOfPath(object, path, Object);\n obj[k] = obj[k] || [];\n obj[k].push(newValue);\n};\nconst getPath = (object, path) => {\n const {\n obj,\n k\n } = getLastOfPath(object, path);\n if (!obj) return undefined;\n return obj[k];\n};\nconst getPathWithDefaults = (data, defaultData, key) => {\n const value = getPath(data, key);\n if (value !== undefined) {\n return value;\n }\n return getPath(defaultData, key);\n};\nconst deepExtend = (target, source, overwrite) => {\n for (const prop in source) {\n if (prop !== '__proto__' && prop !== 'constructor') {\n if (prop in target) {\n if (typeof target[prop] === 'string' || target[prop] instanceof String || typeof source[prop] === 'string' || source[prop] instanceof String) {\n if (overwrite) target[prop] = source[prop];\n } else {\n deepExtend(target[prop], source[prop], overwrite);\n }\n } else {\n target[prop] = source[prop];\n }\n }\n }\n return target;\n};\nconst regexEscape = str => str.replace(/[\\-\\[\\]\\/\\{\\}\\(\\)\\*\\+\\?\\.\\\\\\^\\$\\|]/g, '\\\\$&');\nvar _entityMap = {\n '&': '&',\n '<': '<',\n '>': '>',\n '\"': '"',\n \"'\": ''',\n '/': '/'\n};\nconst escape = data => {\n if (typeof data === 'string') {\n return data.replace(/[&<>\"'\\/]/g, s => _entityMap[s]);\n }\n return data;\n};\nclass RegExpCache {\n constructor(capacity) {\n this.capacity = capacity;\n this.regExpMap = new Map();\n this.regExpQueue = [];\n }\n getRegExp(pattern) {\n const regExpFromCache = this.regExpMap.get(pattern);\n if (regExpFromCache !== undefined) {\n return regExpFromCache;\n }\n const regExpNew = new RegExp(pattern);\n if (this.regExpQueue.length === this.capacity) {\n this.regExpMap.delete(this.regExpQueue.shift());\n }\n this.regExpMap.set(pattern, regExpNew);\n this.regExpQueue.push(pattern);\n return regExpNew;\n }\n}\nconst chars = [' ', ',', '?', '!', ';'];\nconst looksLikeObjectPathRegExpCache = new RegExpCache(20);\nconst looksLikeObjectPath = (key, nsSeparator, keySeparator) => {\n nsSeparator = nsSeparator || '';\n keySeparator = keySeparator || '';\n const possibleChars = chars.filter(c => nsSeparator.indexOf(c) < 0 && keySeparator.indexOf(c) < 0);\n if (possibleChars.length === 0) return true;\n const r = looksLikeObjectPathRegExpCache.getRegExp(`(${possibleChars.map(c => c === '?' ? '\\\\?' : c).join('|')})`);\n let matched = !r.test(key);\n if (!matched) {\n const ki = key.indexOf(keySeparator);\n if (ki > 0 && !r.test(key.substring(0, ki))) {\n matched = true;\n }\n }\n return matched;\n};\nconst deepFind = function (obj, path) {\n let keySeparator = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '.';\n if (!obj) return undefined;\n if (obj[path]) return obj[path];\n const tokens = path.split(keySeparator);\n let current = obj;\n for (let i = 0; i < tokens.length;) {\n if (!current || typeof current !== 'object') {\n return undefined;\n }\n let next;\n let nextPath = '';\n for (let j = i; j < tokens.length; ++j) {\n if (j !== i) {\n nextPath += keySeparator;\n }\n nextPath += tokens[j];\n next = current[nextPath];\n if (next !== undefined) {\n if (['string', 'number', 'boolean'].indexOf(typeof next) > -1 && j < tokens.length - 1) {\n continue;\n }\n i += j - i + 1;\n break;\n }\n }\n current = next;\n }\n return current;\n};\nconst getCleanedCode = code => {\n if (code && code.indexOf('_') > 0) return code.replace('_', '-');\n return code;\n};\n\nclass ResourceStore extends EventEmitter {\n constructor(data) {\n let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {\n ns: ['translation'],\n defaultNS: 'translation'\n };\n super();\n this.data = data || {};\n this.options = options;\n if (this.options.keySeparator === undefined) {\n this.options.keySeparator = '.';\n }\n if (this.options.ignoreJSONStructure === undefined) {\n this.options.ignoreJSONStructure = true;\n }\n }\n addNamespaces(ns) {\n if (this.options.ns.indexOf(ns) < 0) {\n this.options.ns.push(ns);\n }\n }\n removeNamespaces(ns) {\n const index = this.options.ns.indexOf(ns);\n if (index > -1) {\n this.options.ns.splice(index, 1);\n }\n }\n getResource(lng, ns, key) {\n let options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};\n const keySeparator = options.keySeparator !== undefined ? options.keySeparator : this.options.keySeparator;\n const ignoreJSONStructure = options.ignoreJSONStructure !== undefined ? options.ignoreJSONStructure : this.options.ignoreJSONStructure;\n let path;\n if (lng.indexOf('.') > -1) {\n path = lng.split('.');\n } else {\n path = [lng, ns];\n if (key) {\n if (Array.isArray(key)) {\n path.push(...key);\n } else if (typeof key === 'string' && keySeparator) {\n path.push(...key.split(keySeparator));\n } else {\n path.push(key);\n }\n }\n }\n const result = getPath(this.data, path);\n if (!result && !ns && !key && lng.indexOf('.') > -1) {\n lng = path[0];\n ns = path[1];\n key = path.slice(2).join('.');\n }\n if (result || !ignoreJSONStructure || typeof key !== 'string') return result;\n return deepFind(this.data && this.data[lng] && this.data[lng][ns], key, keySeparator);\n }\n addResource(lng, ns, key, value) {\n let options = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {\n silent: false\n };\n const keySeparator = options.keySeparator !== undefined ? options.keySeparator : this.options.keySeparator;\n let path = [lng, ns];\n if (key) path = path.concat(keySeparator ? key.split(keySeparator) : key);\n if (lng.indexOf('.') > -1) {\n path = lng.split('.');\n value = ns;\n ns = path[1];\n }\n this.addNamespaces(ns);\n setPath(this.data, path, value);\n if (!options.silent) this.emit('added', lng, ns, key, value);\n }\n addResources(lng, ns, resources) {\n let options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {\n silent: false\n };\n for (const m in resources) {\n if (typeof resources[m] === 'string' || Array.isArray(resources[m])) this.addResource(lng, ns, m, resources[m], {\n silent: true\n });\n }\n if (!options.silent) this.emit('added', lng, ns, resources);\n }\n addResourceBundle(lng, ns, resources, deep, overwrite) {\n let options = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : {\n silent: false,\n skipCopy: false\n };\n let path = [lng, ns];\n if (lng.indexOf('.') > -1) {\n path = lng.split('.');\n deep = resources;\n resources = ns;\n ns = path[1];\n }\n this.addNamespaces(ns);\n let pack = getPath(this.data, path) || {};\n if (!options.skipCopy) resources = JSON.parse(JSON.stringify(resources));\n if (deep) {\n deepExtend(pack, resources, overwrite);\n } else {\n pack = {\n ...pack,\n ...resources\n };\n }\n setPath(this.data, path, pack);\n if (!options.silent) this.emit('added', lng, ns, resources);\n }\n removeResourceBundle(lng, ns) {\n if (this.hasResourceBundle(lng, ns)) {\n delete this.data[lng][ns];\n }\n this.removeNamespaces(ns);\n this.emit('removed', lng, ns);\n }\n hasResourceBundle(lng, ns) {\n return this.getResource(lng, ns) !== undefined;\n }\n getResourceBundle(lng, ns) {\n if (!ns) ns = this.options.defaultNS;\n if (this.options.compatibilityAPI === 'v1') return {\n ...{},\n ...this.getResource(lng, ns)\n };\n return this.getResource(lng, ns);\n }\n getDataByLanguage(lng) {\n return this.data[lng];\n }\n hasLanguageSomeTranslations(lng) {\n const data = this.getDataByLanguage(lng);\n const n = data && Object.keys(data) || [];\n return !!n.find(v => data[v] && Object.keys(data[v]).length > 0);\n }\n toJSON() {\n return this.data;\n }\n}\n\nvar postProcessor = {\n processors: {},\n addPostProcessor(module) {\n this.processors[module.name] = module;\n },\n handle(processors, value, key, options, translator) {\n processors.forEach(processor => {\n if (this.processors[processor]) value = this.processors[processor].process(value, key, options, translator);\n });\n return value;\n }\n};\n\nconst checkedLoadedFor = {};\nclass Translator extends EventEmitter {\n constructor(services) {\n let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n super();\n copy(['resourceStore', 'languageUtils', 'pluralResolver', 'interpolator', 'backendConnector', 'i18nFormat', 'utils'], services, this);\n this.options = options;\n if (this.options.keySeparator === undefined) {\n this.options.keySeparator = '.';\n }\n this.logger = baseLogger.create('translator');\n }\n changeLanguage(lng) {\n if (lng) this.language = lng;\n }\n exists(key) {\n let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {\n interpolation: {}\n };\n if (key === undefined || key === null) {\n return false;\n }\n const resolved = this.resolve(key, options);\n return resolved && resolved.res !== undefined;\n }\n extractFromKey(key, options) {\n let nsSeparator = options.nsSeparator !== undefined ? options.nsSeparator : this.options.nsSeparator;\n if (nsSeparator === undefined) nsSeparator = ':';\n const keySeparator = options.keySeparator !== undefined ? options.keySeparator : this.options.keySeparator;\n let namespaces = options.ns || this.options.defaultNS || [];\n const wouldCheckForNsInKey = nsSeparator && key.indexOf(nsSeparator) > -1;\n const seemsNaturalLanguage = !this.options.userDefinedKeySeparator && !options.keySeparator && !this.options.userDefinedNsSeparator && !options.nsSeparator && !looksLikeObjectPath(key, nsSeparator, keySeparator);\n if (wouldCheckForNsInKey && !seemsNaturalLanguage) {\n const m = key.match(this.interpolator.nestingRegexp);\n if (m && m.length > 0) {\n return {\n key,\n namespaces\n };\n }\n const parts = key.split(nsSeparator);\n if (nsSeparator !== keySeparator || nsSeparator === keySeparator && this.options.ns.indexOf(parts[0]) > -1) namespaces = parts.shift();\n key = parts.join(keySeparator);\n }\n if (typeof namespaces === 'string') namespaces = [namespaces];\n return {\n key,\n namespaces\n };\n }\n translate(keys, options, lastKey) {\n if (typeof options !== 'object' && this.options.overloadTranslationOptionHandler) {\n options = this.options.overloadTranslationOptionHandler(arguments);\n }\n if (typeof options === 'object') options = {\n ...options\n };\n if (!options) options = {};\n if (keys === undefined || keys === null) return '';\n if (!Array.isArray(keys)) keys = [String(keys)];\n const returnDetails = options.returnDetails !== undefined ? options.returnDetails : this.options.returnDetails;\n const keySeparator = options.keySeparator !== undefined ? options.keySeparator : this.options.keySeparator;\n const {\n key,\n namespaces\n } = this.extractFromKey(keys[keys.length - 1], options);\n const namespace = namespaces[namespaces.length - 1];\n const lng = options.lng || this.language;\n const appendNamespaceToCIMode = options.appendNamespaceToCIMode || this.options.appendNamespaceToCIMode;\n if (lng && lng.toLowerCase() === 'cimode') {\n if (appendNamespaceToCIMode) {\n const nsSeparator = options.nsSeparator || this.options.nsSeparator;\n if (returnDetails) {\n return {\n res: `${namespace}${nsSeparator}${key}`,\n usedKey: key,\n exactUsedKey: key,\n usedLng: lng,\n usedNS: namespace,\n usedParams: this.getUsedParamsDetails(options)\n };\n }\n return `${namespace}${nsSeparator}${key}`;\n }\n if (returnDetails) {\n return {\n res: key,\n usedKey: key,\n exactUsedKey: key,\n usedLng: lng,\n usedNS: namespace,\n usedParams: this.getUsedParamsDetails(options)\n };\n }\n return key;\n }\n const resolved = this.resolve(keys, options);\n let res = resolved && resolved.res;\n const resUsedKey = resolved && resolved.usedKey || key;\n const resExactUsedKey = resolved && resolved.exactUsedKey || key;\n const resType = Object.prototype.toString.apply(res);\n const noObject = ['[object Number]', '[object Function]', '[object RegExp]'];\n const joinArrays = options.joinArrays !== undefined ? options.joinArrays : this.options.joinArrays;\n const handleAsObjectInI18nFormat = !this.i18nFormat || this.i18nFormat.handleAsObject;\n const handleAsObject = typeof res !== 'string' && typeof res !== 'boolean' && typeof res !== 'number';\n if (handleAsObjectInI18nFormat && res && handleAsObject && noObject.indexOf(resType) < 0 && !(typeof joinArrays === 'string' && Array.isArray(res))) {\n if (!options.returnObjects && !this.options.returnObjects) {\n if (!this.options.returnedObjectHandler) {\n this.logger.warn('accessing an object - but returnObjects options is not enabled!');\n }\n const r = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(resUsedKey, res, {\n ...options,\n ns: namespaces\n }) : `key '${key} (${this.language})' returned an object instead of string.`;\n if (returnDetails) {\n resolved.res = r;\n resolved.usedParams = this.getUsedParamsDetails(options);\n return resolved;\n }\n return r;\n }\n if (keySeparator) {\n const resTypeIsArray = Array.isArray(res);\n const copy = resTypeIsArray ? [] : {};\n const newKeyToUse = resTypeIsArray ? resExactUsedKey : resUsedKey;\n for (const m in res) {\n if (Object.prototype.hasOwnProperty.call(res, m)) {\n const deepKey = `${newKeyToUse}${keySeparator}${m}`;\n copy[m] = this.translate(deepKey, {\n ...options,\n ...{\n joinArrays: false,\n ns: namespaces\n }\n });\n if (copy[m] === deepKey) copy[m] = res[m];\n }\n }\n res = copy;\n }\n } else if (handleAsObjectInI18nFormat && typeof joinArrays === 'string' && Array.isArray(res)) {\n res = res.join(joinArrays);\n if (res) res = this.extendTranslation(res, keys, options, lastKey);\n } else {\n let usedDefault = false;\n let usedKey = false;\n const needsPluralHandling = options.count !== undefined && typeof options.count !== 'string';\n const hasDefaultValue = Translator.hasDefaultValue(options);\n const defaultValueSuffix = needsPluralHandling ? this.pluralResolver.getSuffix(lng, options.count, options) : '';\n const defaultValueSuffixOrdinalFallback = options.ordinal && needsPluralHandling ? this.pluralResolver.getSuffix(lng, options.count, {\n ordinal: false\n }) : '';\n const needsZeroSuffixLookup = needsPluralHandling && !options.ordinal && options.count === 0 && this.pluralResolver.shouldUseIntlApi();\n const defaultValue = needsZeroSuffixLookup && options[`defaultValue${this.options.pluralSeparator}zero`] || options[`defaultValue${defaultValueSuffix}`] || options[`defaultValue${defaultValueSuffixOrdinalFallback}`] || options.defaultValue;\n if (!this.isValidLookup(res) && hasDefaultValue) {\n usedDefault = true;\n res = defaultValue;\n }\n if (!this.isValidLookup(res)) {\n usedKey = true;\n res = key;\n }\n const missingKeyNoValueFallbackToKey = options.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey;\n const resForMissing = missingKeyNoValueFallbackToKey && usedKey ? undefined : res;\n const updateMissing = hasDefaultValue && defaultValue !== res && this.options.updateMissing;\n if (usedKey || usedDefault || updateMissing) {\n this.logger.log(updateMissing ? 'updateKey' : 'missingKey', lng, namespace, key, updateMissing ? defaultValue : res);\n if (keySeparator) {\n const fk = this.resolve(key, {\n ...options,\n keySeparator: false\n });\n if (fk && fk.res) this.logger.warn('Seems the loaded translations were in flat JSON format instead of nested. Either set keySeparator: false on init or make sure your translations are published in nested format.');\n }\n let lngs = [];\n const fallbackLngs = this.languageUtils.getFallbackCodes(this.options.fallbackLng, options.lng || this.language);\n if (this.options.saveMissingTo === 'fallback' && fallbackLngs && fallbackLngs[0]) {\n for (let i = 0; i < fallbackLngs.length; i++) {\n lngs.push(fallbackLngs[i]);\n }\n } else if (this.options.saveMissingTo === 'all') {\n lngs = this.languageUtils.toResolveHierarchy(options.lng || this.language);\n } else {\n lngs.push(options.lng || this.language);\n }\n const send = (l, k, specificDefaultValue) => {\n const defaultForMissing = hasDefaultValue && specificDefaultValue !== res ? specificDefaultValue : resForMissing;\n if (this.options.missingKeyHandler) {\n this.options.missingKeyHandler(l, namespace, k, defaultForMissing, updateMissing, options);\n } else if (this.backendConnector && this.backendConnector.saveMissing) {\n this.backendConnector.saveMissing(l, namespace, k, defaultForMissing, updateMissing, options);\n }\n this.emit('missingKey', l, namespace, k, res);\n };\n if (this.options.saveMissing) {\n if (this.options.saveMissingPlurals && needsPluralHandling) {\n lngs.forEach(language => {\n const suffixes = this.pluralResolver.getSuffixes(language, options);\n if (needsZeroSuffixLookup && options[`defaultValue${this.options.pluralSeparator}zero`] && suffixes.indexOf(`${this.options.pluralSeparator}zero`) < 0) {\n suffixes.push(`${this.options.pluralSeparator}zero`);\n }\n suffixes.forEach(suffix => {\n send([language], key + suffix, options[`defaultValue${suffix}`] || defaultValue);\n });\n });\n } else {\n send(lngs, key, defaultValue);\n }\n }\n }\n res = this.extendTranslation(res, keys, options, resolved, lastKey);\n if (usedKey && res === key && this.options.appendNamespaceToMissingKey) res = `${namespace}:${key}`;\n if ((usedKey || usedDefault) && this.options.parseMissingKeyHandler) {\n if (this.options.compatibilityAPI !== 'v1') {\n res = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${namespace}:${key}` : key, usedDefault ? res : undefined);\n } else {\n res = this.options.parseMissingKeyHandler(res);\n }\n }\n }\n if (returnDetails) {\n resolved.res = res;\n resolved.usedParams = this.getUsedParamsDetails(options);\n return resolved;\n }\n return res;\n }\n extendTranslation(res, key, options, resolved, lastKey) {\n var _this = this;\n if (this.i18nFormat && this.i18nFormat.parse) {\n res = this.i18nFormat.parse(res, {\n ...this.options.interpolation.defaultVariables,\n ...options\n }, options.lng || this.language || resolved.usedLng, resolved.usedNS, resolved.usedKey, {\n resolved\n });\n } else if (!options.skipInterpolation) {\n if (options.interpolation) this.interpolator.init({\n ...options,\n ...{\n interpolation: {\n ...this.options.interpolation,\n ...options.interpolation\n }\n }\n });\n const skipOnVariables = typeof res === 'string' && (options && options.interpolation && options.interpolation.skipOnVariables !== undefined ? options.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables);\n let nestBef;\n if (skipOnVariables) {\n const nb = res.match(this.interpolator.nestingRegexp);\n nestBef = nb && nb.length;\n }\n let data = options.replace && typeof options.replace !== 'string' ? options.replace : options;\n if (this.options.interpolation.defaultVariables) data = {\n ...this.options.interpolation.defaultVariables,\n ...data\n };\n res = this.interpolator.interpolate(res, data, options.lng || this.language || resolved.usedLng, options);\n if (skipOnVariables) {\n const na = res.match(this.interpolator.nestingRegexp);\n const nestAft = na && na.length;\n if (nestBef < nestAft) options.nest = false;\n }\n if (!options.lng && this.options.compatibilityAPI !== 'v1' && resolved && resolved.res) options.lng = this.language || resolved.usedLng;\n if (options.nest !== false) res = this.interpolator.nest(res, function () {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n if (lastKey && lastKey[0] === args[0] && !options.context) {\n _this.logger.warn(`It seems you are nesting recursively key: ${args[0]} in key: ${key[0]}`);\n return null;\n }\n return _this.translate(...args, key);\n }, options);\n if (options.interpolation) this.interpolator.reset();\n }\n const postProcess = options.postProcess || this.options.postProcess;\n const postProcessorNames = typeof postProcess === 'string' ? [postProcess] : postProcess;\n if (res !== undefined && res !== null && postProcessorNames && postProcessorNames.length && options.applyPostProcessor !== false) {\n res = postProcessor.handle(postProcessorNames, res, key, this.options && this.options.postProcessPassResolved ? {\n i18nResolved: {\n ...resolved,\n usedParams: this.getUsedParamsDetails(options)\n },\n ...options\n } : options, this);\n }\n return res;\n }\n resolve(keys) {\n let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n let found;\n let usedKey;\n let exactUsedKey;\n let usedLng;\n let usedNS;\n if (typeof keys === 'string') keys = [keys];\n keys.forEach(k => {\n if (this.isValidLookup(found)) return;\n const extracted = this.extractFromKey(k, options);\n const key = extracted.key;\n usedKey = key;\n let namespaces = extracted.namespaces;\n if (this.options.fallbackNS) namespaces = namespaces.concat(this.options.fallbackNS);\n const needsPluralHandling = options.count !== undefined && typeof options.count !== 'string';\n const needsZeroSuffixLookup = needsPluralHandling && !options.ordinal && options.count === 0 && this.pluralResolver.shouldUseIntlApi();\n const needsContextHandling = options.context !== undefined && (typeof options.context === 'string' || typeof options.context === 'number') && options.context !== '';\n const codes = options.lngs ? options.lngs : this.languageUtils.toResolveHierarchy(options.lng || this.language, options.fallbackLng);\n namespaces.forEach(ns => {\n if (this.isValidLookup(found)) return;\n usedNS = ns;\n if (!checkedLoadedFor[`${codes[0]}-${ns}`] && this.utils && this.utils.hasLoadedNamespace && !this.utils.hasLoadedNamespace(usedNS)) {\n checkedLoadedFor[`${codes[0]}-${ns}`] = true;\n this.logger.warn(`key \"${usedKey}\" for languages \"${codes.join(', ')}\" won't get resolved as namespace \"${usedNS}\" was not yet loaded`, 'This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!');\n }\n codes.forEach(code => {\n if (this.isValidLookup(found)) return;\n usedLng = code;\n const finalKeys = [key];\n if (this.i18nFormat && this.i18nFormat.addLookupKeys) {\n this.i18nFormat.addLookupKeys(finalKeys, key, code, ns, options);\n } else {\n let pluralSuffix;\n if (needsPluralHandling) pluralSuffix = this.pluralResolver.getSuffix(code, options.count, options);\n const zeroSuffix = `${this.options.pluralSeparator}zero`;\n const ordinalPrefix = `${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;\n if (needsPluralHandling) {\n finalKeys.push(key + pluralSuffix);\n if (options.ordinal && pluralSuffix.indexOf(ordinalPrefix) === 0) {\n finalKeys.push(key + pluralSuffix.replace(ordinalPrefix, this.options.pluralSeparator));\n }\n if (needsZeroSuffixLookup) {\n finalKeys.push(key + zeroSuffix);\n }\n }\n if (needsContextHandling) {\n const contextKey = `${key}${this.options.contextSeparator}${options.context}`;\n finalKeys.push(contextKey);\n if (needsPluralHandling) {\n finalKeys.push(contextKey + pluralSuffix);\n if (options.ordinal && pluralSuffix.indexOf(ordinalPrefix) === 0) {\n finalKeys.push(contextKey + pluralSuffix.replace(ordinalPrefix, this.options.pluralSeparator));\n }\n if (needsZeroSuffixLookup) {\n finalKeys.push(contextKey + zeroSuffix);\n }\n }\n }\n }\n let possibleKey;\n while (possibleKey = finalKeys.pop()) {\n if (!this.isValidLookup(found)) {\n exactUsedKey = possibleKey;\n found = this.getResource(code, ns, possibleKey, options);\n }\n }\n });\n });\n });\n return {\n res: found,\n usedKey,\n exactUsedKey,\n usedLng,\n usedNS\n };\n }\n isValidLookup(res) {\n return res !== undefined && !(!this.options.returnNull && res === null) && !(!this.options.returnEmptyString && res === '');\n }\n getResource(code, ns, key) {\n let options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};\n if (this.i18nFormat && this.i18nFormat.getResource) return this.i18nFormat.getResource(code, ns, key, options);\n return this.resourceStore.getResource(code, ns, key, options);\n }\n getUsedParamsDetails() {\n let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n const optionsKeys = ['defaultValue', 'ordinal', 'context', 'replace', 'lng', 'lngs', 'fallbackLng', 'ns', 'keySeparator', 'nsSeparator', 'returnObjects', 'returnDetails', 'joinArrays', 'postProcess', 'interpolation'];\n const useOptionsReplaceForData = options.replace && typeof options.replace !== 'string';\n let data = useOptionsReplaceForData ? options.replace : options;\n if (useOptionsReplaceForData && typeof options.count !== 'undefined') {\n data.count = options.count;\n }\n if (this.options.interpolation.defaultVariables) {\n data = {\n ...this.options.interpolation.defaultVariables,\n ...data\n };\n }\n if (!useOptionsReplaceForData) {\n data = {\n ...data\n };\n for (const key of optionsKeys) {\n delete data[key];\n }\n }\n return data;\n }\n static hasDefaultValue(options) {\n const prefix = 'defaultValue';\n for (const option in options) {\n if (Object.prototype.hasOwnProperty.call(options, option) && prefix === option.substring(0, prefix.length) && undefined !== options[option]) {\n return true;\n }\n }\n return false;\n }\n}\n\nconst capitalize = string => string.charAt(0).toUpperCase() + string.slice(1);\nclass LanguageUtil {\n constructor(options) {\n this.options = options;\n this.supportedLngs = this.options.supportedLngs || false;\n this.logger = baseLogger.create('languageUtils');\n }\n getScriptPartFromCode(code) {\n code = getCleanedCode(code);\n if (!code || code.indexOf('-') < 0) return null;\n const p = code.split('-');\n if (p.length === 2) return null;\n p.pop();\n if (p[p.length - 1].toLowerCase() === 'x') return null;\n return this.formatLanguageCode(p.join('-'));\n }\n getLanguagePartFromCode(code) {\n code = getCleanedCode(code);\n if (!code || code.indexOf('-') < 0) return code;\n const p = code.split('-');\n return this.formatLanguageCode(p[0]);\n }\n formatLanguageCode(code) {\n if (typeof code === 'string' && code.indexOf('-') > -1) {\n const specialCases = ['hans', 'hant', 'latn', 'cyrl', 'cans', 'mong', 'arab'];\n let p = code.split('-');\n if (this.options.lowerCaseLng) {\n p = p.map(part => part.toLowerCase());\n } else if (p.length === 2) {\n p[0] = p[0].toLowerCase();\n p[1] = p[1].toUpperCase();\n if (specialCases.indexOf(p[1].toLowerCase()) > -1) p[1] = capitalize(p[1].toLowerCase());\n } else if (p.length === 3) {\n p[0] = p[0].toLowerCase();\n if (p[1].length === 2) p[1] = p[1].toUpperCase();\n if (p[0] !== 'sgn' && p[2].length === 2) p[2] = p[2].toUpperCase();\n if (specialCases.indexOf(p[1].toLowerCase()) > -1) p[1] = capitalize(p[1].toLowerCase());\n if (specialCases.indexOf(p[2].toLowerCase()) > -1) p[2] = capitalize(p[2].toLowerCase());\n }\n return p.join('-');\n }\n return this.options.cleanCode || this.options.lowerCaseLng ? code.toLowerCase() : code;\n }\n isSupportedCode(code) {\n if (this.options.load === 'languageOnly' || this.options.nonExplicitSupportedLngs) {\n code = this.getLanguagePartFromCode(code);\n }\n return !this.supportedLngs || !this.supportedLngs.length || this.supportedLngs.indexOf(code) > -1;\n }\n getBestMatchFromCodes(codes) {\n if (!codes) return null;\n let found;\n codes.forEach(code => {\n if (found) return;\n const cleanedLng = this.formatLanguageCode(code);\n if (!this.options.supportedLngs || this.isSupportedCode(cleanedLng)) found = cleanedLng;\n });\n if (!found && this.options.supportedLngs) {\n codes.forEach(code => {\n if (found) return;\n const lngOnly = this.getLanguagePartFromCode(code);\n if (this.isSupportedCode(lngOnly)) return found = lngOnly;\n found = this.options.supportedLngs.find(supportedLng => {\n if (supportedLng === lngOnly) return supportedLng;\n if (supportedLng.indexOf('-') < 0 && lngOnly.indexOf('-') < 0) return;\n if (supportedLng.indexOf('-') > 0 && lngOnly.indexOf('-') < 0 && supportedLng.substring(0, supportedLng.indexOf('-')) === lngOnly) return supportedLng;\n if (supportedLng.indexOf(lngOnly) === 0 && lngOnly.length > 1) return supportedLng;\n });\n });\n }\n if (!found) found = this.getFallbackCodes(this.options.fallbackLng)[0];\n return found;\n }\n getFallbackCodes(fallbacks, code) {\n if (!fallbacks) return [];\n if (typeof fallbacks === 'function') fallbacks = fallbacks(code);\n if (typeof fallbacks === 'string') fallbacks = [fallbacks];\n if (Array.isArray(fallbacks)) return fallbacks;\n if (!code) return fallbacks.default || [];\n let found = fallbacks[code];\n if (!found) found = fallbacks[this.getScriptPartFromCode(code)];\n if (!found) found = fallbacks[this.formatLanguageCode(code)];\n if (!found) found = fallbacks[this.getLanguagePartFromCode(code)];\n if (!found) found = fallbacks.default;\n return found || [];\n }\n toResolveHierarchy(code, fallbackCode) {\n const fallbackCodes = this.getFallbackCodes(fallbackCode || this.options.fallbackLng || [], code);\n const codes = [];\n const addCode = c => {\n if (!c) return;\n if (this.isSupportedCode(c)) {\n codes.push(c);\n } else {\n this.logger.warn(`rejecting language code not found in supportedLngs: ${c}`);\n }\n };\n if (typeof code === 'string' && (code.indexOf('-') > -1 || code.indexOf('_') > -1)) {\n if (this.options.load !== 'languageOnly') addCode(this.formatLanguageCode(code));\n if (this.options.load !== 'languageOnly' && this.options.load !== 'currentOnly') addCode(this.getScriptPartFromCode(code));\n if (this.options.load !== 'currentOnly') addCode(this.getLanguagePartFromCode(code));\n } else if (typeof code === 'string') {\n addCode(this.formatLanguageCode(code));\n }\n fallbackCodes.forEach(fc => {\n if (codes.indexOf(fc) < 0) addCode(this.formatLanguageCode(fc));\n });\n return codes;\n }\n}\n\nlet sets = [{\n lngs: ['ach', 'ak', 'am', 'arn', 'br', 'fil', 'gun', 'ln', 'mfe', 'mg', 'mi', 'oc', 'pt', 'pt-BR', 'tg', 'tl', 'ti', 'tr', 'uz', 'wa'],\n nr: [1, 2],\n fc: 1\n}, {\n lngs: ['af', 'an', 'ast', 'az', 'bg', 'bn', 'ca', 'da', 'de', 'dev', 'el', 'en', 'eo', 'es', 'et', 'eu', 'fi', 'fo', 'fur', 'fy', 'gl', 'gu', 'ha', 'hi', 'hu', 'hy', 'ia', 'it', 'kk', 'kn', 'ku', 'lb', 'mai', 'ml', 'mn', 'mr', 'nah', 'nap', 'nb', 'ne', 'nl', 'nn', 'no', 'nso', 'pa', 'pap', 'pms', 'ps', 'pt-PT', 'rm', 'sco', 'se', 'si', 'so', 'son', 'sq', 'sv', 'sw', 'ta', 'te', 'tk', 'ur', 'yo'],\n nr: [1, 2],\n fc: 2\n}, {\n lngs: ['ay', 'bo', 'cgg', 'fa', 'ht', 'id', 'ja', 'jbo', 'ka', 'km', 'ko', 'ky', 'lo', 'ms', 'sah', 'su', 'th', 'tt', 'ug', 'vi', 'wo', 'zh'],\n nr: [1],\n fc: 3\n}, {\n lngs: ['be', 'bs', 'cnr', 'dz', 'hr', 'ru', 'sr', 'uk'],\n nr: [1, 2, 5],\n fc: 4\n}, {\n lngs: ['ar'],\n nr: [0, 1, 2, 3, 11, 100],\n fc: 5\n}, {\n lngs: ['cs', 'sk'],\n nr: [1, 2, 5],\n fc: 6\n}, {\n lngs: ['csb', 'pl'],\n nr: [1, 2, 5],\n fc: 7\n}, {\n lngs: ['cy'],\n nr: [1, 2, 3, 8],\n fc: 8\n}, {\n lngs: ['fr'],\n nr: [1, 2],\n fc: 9\n}, {\n lngs: ['ga'],\n nr: [1, 2, 3, 7, 11],\n fc: 10\n}, {\n lngs: ['gd'],\n nr: [1, 2, 3, 20],\n fc: 11\n}, {\n lngs: ['is'],\n nr: [1, 2],\n fc: 12\n}, {\n lngs: ['jv'],\n nr: [0, 1],\n fc: 13\n}, {\n lngs: ['kw'],\n nr: [1, 2, 3, 4],\n fc: 14\n}, {\n lngs: ['lt'],\n nr: [1, 2, 10],\n fc: 15\n}, {\n lngs: ['lv'],\n nr: [1, 2, 0],\n fc: 16\n}, {\n lngs: ['mk'],\n nr: [1, 2],\n fc: 17\n}, {\n lngs: ['mnk'],\n nr: [0, 1, 2],\n fc: 18\n}, {\n lngs: ['mt'],\n nr: [1, 2, 11, 20],\n fc: 19\n}, {\n lngs: ['or'],\n nr: [2, 1],\n fc: 2\n}, {\n lngs: ['ro'],\n nr: [1, 2, 20],\n fc: 20\n}, {\n lngs: ['sl'],\n nr: [5, 1, 2, 3],\n fc: 21\n}, {\n lngs: ['he', 'iw'],\n nr: [1, 2, 20, 21],\n fc: 22\n}];\nlet _rulesPluralsTypes = {\n 1: n => Number(n > 1),\n 2: n => Number(n != 1),\n 3: n => 0,\n 4: n => Number(n % 10 == 1 && n % 100 != 11 ? 0 : n % 10 >= 2 && n % 10 <= 4 && (n % 100 < 10 || n % 100 >= 20) ? 1 : 2),\n 5: n => Number(n == 0 ? 0 : n == 1 ? 1 : n == 2 ? 2 : n % 100 >= 3 && n % 100 <= 10 ? 3 : n % 100 >= 11 ? 4 : 5),\n 6: n => Number(n == 1 ? 0 : n >= 2 && n <= 4 ? 1 : 2),\n 7: n => Number(n == 1 ? 0 : n % 10 >= 2 && n % 10 <= 4 && (n % 100 < 10 || n % 100 >= 20) ? 1 : 2),\n 8: n => Number(n == 1 ? 0 : n == 2 ? 1 : n != 8 && n != 11 ? 2 : 3),\n 9: n => Number(n >= 2),\n 10: n => Number(n == 1 ? 0 : n == 2 ? 1 : n < 7 ? 2 : n < 11 ? 3 : 4),\n 11: n => Number(n == 1 || n == 11 ? 0 : n == 2 || n == 12 ? 1 : n > 2 && n < 20 ? 2 : 3),\n 12: n => Number(n % 10 != 1 || n % 100 == 11),\n 13: n => Number(n !== 0),\n 14: n => Number(n == 1 ? 0 : n == 2 ? 1 : n == 3 ? 2 : 3),\n 15: n => Number(n % 10 == 1 && n % 100 != 11 ? 0 : n % 10 >= 2 && (n % 100 < 10 || n % 100 >= 20) ? 1 : 2),\n 16: n => Number(n % 10 == 1 && n % 100 != 11 ? 0 : n !== 0 ? 1 : 2),\n 17: n => Number(n == 1 || n % 10 == 1 && n % 100 != 11 ? 0 : 1),\n 18: n => Number(n == 0 ? 0 : n == 1 ? 1 : 2),\n 19: n => Number(n == 1 ? 0 : n == 0 || n % 100 > 1 && n % 100 < 11 ? 1 : n % 100 > 10 && n % 100 < 20 ? 2 : 3),\n 20: n => Number(n == 1 ? 0 : n == 0 || n % 100 > 0 && n % 100 < 20 ? 1 : 2),\n 21: n => Number(n % 100 == 1 ? 1 : n % 100 == 2 ? 2 : n % 100 == 3 || n % 100 == 4 ? 3 : 0),\n 22: n => Number(n == 1 ? 0 : n == 2 ? 1 : (n < 0 || n > 10) && n % 10 == 0 ? 2 : 3)\n};\nconst nonIntlVersions = ['v1', 'v2', 'v3'];\nconst intlVersions = ['v4'];\nconst suffixesOrder = {\n zero: 0,\n one: 1,\n two: 2,\n few: 3,\n many: 4,\n other: 5\n};\nconst createRules = () => {\n const rules = {};\n sets.forEach(set => {\n set.lngs.forEach(l => {\n rules[l] = {\n numbers: set.nr,\n plurals: _rulesPluralsTypes[set.fc]\n };\n });\n });\n return rules;\n};\nclass PluralResolver {\n constructor(languageUtils) {\n let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n this.languageUtils = languageUtils;\n this.options = options;\n this.logger = baseLogger.create('pluralResolver');\n if ((!this.options.compatibilityJSON || intlVersions.includes(this.options.compatibilityJSON)) && (typeof Intl === 'undefined' || !Intl.PluralRules)) {\n this.options.compatibilityJSON = 'v3';\n this.logger.error('Your environment seems not to be Intl API compatible, use an Intl.PluralRules polyfill. Will fallback to the compatibilityJSON v3 format handling.');\n }\n this.rules = createRules();\n this.pluralRulesCache = {};\n }\n addRule(lng, obj) {\n this.rules[lng] = obj;\n }\n clearCache() {\n this.pluralRulesCache = {};\n }\n getRule(code) {\n let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n if (this.shouldUseIntlApi()) {\n try {\n const cleanedCode = getCleanedCode(code === 'dev' ? 'en' : code);\n const type = options.ordinal ? 'ordinal' : 'cardinal';\n const cacheKey = JSON.stringify({\n cleanedCode,\n type\n });\n if (cacheKey in this.pluralRulesCache) {\n return this.pluralRulesCache[cacheKey];\n }\n const rule = new Intl.PluralRules(cleanedCode, {\n type\n });\n this.pluralRulesCache[cacheKey] = rule;\n return rule;\n } catch (err) {\n return;\n }\n }\n return this.rules[code] || this.rules[this.languageUtils.getLanguagePartFromCode(code)];\n }\n needsPlural(code) {\n let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n const rule = this.getRule(code, options);\n if (this.shouldUseIntlApi()) {\n return rule && rule.resolvedOptions().pluralCategories.length > 1;\n }\n return rule && rule.numbers.length > 1;\n }\n getPluralFormsOfKey(code, key) {\n let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n return this.getSuffixes(code, options).map(suffix => `${key}${suffix}`);\n }\n getSuffixes(code) {\n let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n const rule = this.getRule(code, options);\n if (!rule) {\n return [];\n }\n if (this.shouldUseIntlApi()) {\n return rule.resolvedOptions().pluralCategories.sort((pluralCategory1, pluralCategory2) => suffixesOrder[pluralCategory1] - suffixesOrder[pluralCategory2]).map(pluralCategory => `${this.options.prepend}${options.ordinal ? `ordinal${this.options.prepend}` : ''}${pluralCategory}`);\n }\n return rule.numbers.map(number => this.getSuffix(code, number, options));\n }\n getSuffix(code, count) {\n let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n const rule = this.getRule(code, options);\n if (rule) {\n if (this.shouldUseIntlApi()) {\n return `${this.options.prepend}${options.ordinal ? `ordinal${this.options.prepend}` : ''}${rule.select(count)}`;\n }\n return this.getSuffixRetroCompatible(rule, count);\n }\n this.logger.warn(`no plural rule found for: ${code}`);\n return '';\n }\n getSuffixRetroCompatible(rule, count) {\n const idx = rule.noAbs ? rule.plurals(count) : rule.plurals(Math.abs(count));\n let suffix = rule.numbers[idx];\n if (this.options.simplifyPluralSuffix && rule.numbers.length === 2 && rule.numbers[0] === 1) {\n if (suffix === 2) {\n suffix = 'plural';\n } else if (suffix === 1) {\n suffix = '';\n }\n }\n const returnSuffix = () => this.options.prepend && suffix.toString() ? this.options.prepend + suffix.toString() : suffix.toString();\n if (this.options.compatibilityJSON === 'v1') {\n if (suffix === 1) return '';\n if (typeof suffix === 'number') return `_plural_${suffix.toString()}`;\n return returnSuffix();\n } else if (this.options.compatibilityJSON === 'v2') {\n return returnSuffix();\n } else if (this.options.simplifyPluralSuffix && rule.numbers.length === 2 && rule.numbers[0] === 1) {\n return returnSuffix();\n }\n return this.options.prepend && idx.toString() ? this.options.prepend + idx.toString() : idx.toString();\n }\n shouldUseIntlApi() {\n return !nonIntlVersions.includes(this.options.compatibilityJSON);\n }\n}\n\nconst deepFindWithDefaults = function (data, defaultData, key) {\n let keySeparator = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '.';\n let ignoreJSONStructure = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : true;\n let path = getPathWithDefaults(data, defaultData, key);\n if (!path && ignoreJSONStructure && typeof key === 'string') {\n path = deepFind(data, key, keySeparator);\n if (path === undefined) path = deepFind(defaultData, key, keySeparator);\n }\n return path;\n};\nconst regexSafe = val => val.replace(/\\$/g, '$$$$');\nclass Interpolator {\n constructor() {\n let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n this.logger = baseLogger.create('interpolator');\n this.options = options;\n this.format = options.interpolation && options.interpolation.format || (value => value);\n this.init(options);\n }\n init() {\n let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n if (!options.interpolation) options.interpolation = {\n escapeValue: true\n };\n const {\n escape: escape$1,\n escapeValue,\n useRawValueToEscape,\n prefix,\n prefixEscaped,\n suffix,\n suffixEscaped,\n formatSeparator,\n unescapeSuffix,\n unescapePrefix,\n nestingPrefix,\n nestingPrefixEscaped,\n nestingSuffix,\n nestingSuffixEscaped,\n nestingOptionsSeparator,\n maxReplaces,\n alwaysFormat\n } = options.interpolation;\n this.escape = escape$1 !== undefined ? escape$1 : escape;\n this.escapeValue = escapeValue !== undefined ? escapeValue : true;\n this.useRawValueToEscape = useRawValueToEscape !== undefined ? useRawValueToEscape : false;\n this.prefix = prefix ? regexEscape(prefix) : prefixEscaped || '{{';\n this.suffix = suffix ? regexEscape(suffix) : suffixEscaped || '}}';\n this.formatSeparator = formatSeparator || ',';\n this.unescapePrefix = unescapeSuffix ? '' : unescapePrefix || '-';\n this.unescapeSuffix = this.unescapePrefix ? '' : unescapeSuffix || '';\n this.nestingPrefix = nestingPrefix ? regexEscape(nestingPrefix) : nestingPrefixEscaped || regexEscape('$t(');\n this.nestingSuffix = nestingSuffix ? regexEscape(nestingSuffix) : nestingSuffixEscaped || regexEscape(')');\n this.nestingOptionsSeparator = nestingOptionsSeparator || ',';\n this.maxReplaces = maxReplaces || 1000;\n this.alwaysFormat = alwaysFormat !== undefined ? alwaysFormat : false;\n this.resetRegExp();\n }\n reset() {\n if (this.options) this.init(this.options);\n }\n resetRegExp() {\n const getOrResetRegExp = (existingRegExp, pattern) => {\n if (existingRegExp && existingRegExp.source === pattern) {\n existingRegExp.lastIndex = 0;\n return existingRegExp;\n }\n return new RegExp(pattern, 'g');\n };\n this.regexp = getOrResetRegExp(this.regexp, `${this.prefix}(.+?)${this.suffix}`);\n this.regexpUnescape = getOrResetRegExp(this.regexpUnescape, `${this.prefix}${this.unescapePrefix}(.+?)${this.unescapeSuffix}${this.suffix}`);\n this.nestingRegexp = getOrResetRegExp(this.nestingRegexp, `${this.nestingPrefix}(.+?)${this.nestingSuffix}`);\n }\n interpolate(str, data, lng, options) {\n let match;\n let value;\n let replaces;\n const defaultData = this.options && this.options.interpolation && this.options.interpolation.defaultVariables || {};\n const handleFormat = key => {\n if (key.indexOf(this.formatSeparator) < 0) {\n const path = deepFindWithDefaults(data, defaultData, key, this.options.keySeparator, this.options.ignoreJSONStructure);\n return this.alwaysFormat ? this.format(path, undefined, lng, {\n ...options,\n ...data,\n interpolationkey: key\n }) : path;\n }\n const p = key.split(this.formatSeparator);\n const k = p.shift().trim();\n const f = p.join(this.formatSeparator).trim();\n return this.format(deepFindWithDefaults(data, defaultData, k, this.options.keySeparator, this.options.ignoreJSONStructure), f, lng, {\n ...options,\n ...data,\n interpolationkey: k\n });\n };\n this.resetRegExp();\n const missingInterpolationHandler = options && options.missingInterpolationHandler || this.options.missingInterpolationHandler;\n const skipOnVariables = options && options.interpolation && options.interpolation.skipOnVariables !== undefined ? options.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables;\n const todos = [{\n regex: this.regexpUnescape,\n safeValue: val => regexSafe(val)\n }, {\n regex: this.regexp,\n safeValue: val => this.escapeValue ? regexSafe(this.escape(val)) : regexSafe(val)\n }];\n todos.forEach(todo => {\n replaces = 0;\n while (match = todo.regex.exec(str)) {\n const matchedVar = match[1].trim();\n value = handleFormat(matchedVar);\n if (value === undefined) {\n if (typeof missingInterpolationHandler === 'function') {\n const temp = missingInterpolationHandler(str, match, options);\n value = typeof temp === 'string' ? temp : '';\n } else if (options && Object.prototype.hasOwnProperty.call(options, matchedVar)) {\n value = '';\n } else if (skipOnVariables) {\n value = match[0];\n continue;\n } else {\n this.logger.warn(`missed to pass in variable ${matchedVar} for interpolating ${str}`);\n value = '';\n }\n } else if (typeof value !== 'string' && !this.useRawValueToEscape) {\n value = makeString(value);\n }\n const safeValue = todo.safeValue(value);\n str = str.replace(match[0], safeValue);\n if (skipOnVariables) {\n todo.regex.lastIndex += value.length;\n todo.regex.lastIndex -= match[0].length;\n } else {\n todo.regex.lastIndex = 0;\n }\n replaces++;\n if (replaces >= this.maxReplaces) {\n break;\n }\n }\n });\n return str;\n }\n nest(str, fc) {\n let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n let match;\n let value;\n let clonedOptions;\n const handleHasOptions = (key, inheritedOptions) => {\n const sep = this.nestingOptionsSeparator;\n if (key.indexOf(sep) < 0) return key;\n const c = key.split(new RegExp(`${sep}[ ]*{`));\n let optionsString = `{${c[1]}`;\n key = c[0];\n optionsString = this.interpolate(optionsString, clonedOptions);\n const matchedSingleQuotes = optionsString.match(/'/g);\n const matchedDoubleQuotes = optionsString.match(/\"/g);\n if (matchedSingleQuotes && matchedSingleQuotes.length % 2 === 0 && !matchedDoubleQuotes || matchedDoubleQuotes.length % 2 !== 0) {\n optionsString = optionsString.replace(/'/g, '\"');\n }\n try {\n clonedOptions = JSON.parse(optionsString);\n if (inheritedOptions) clonedOptions = {\n ...inheritedOptions,\n ...clonedOptions\n };\n } catch (e) {\n this.logger.warn(`failed parsing options string in nesting for key ${key}`, e);\n return `${key}${sep}${optionsString}`;\n }\n if (clonedOptions.defaultValue && clonedOptions.defaultValue.indexOf(this.prefix) > -1) delete clonedOptions.defaultValue;\n return key;\n };\n while (match = this.nestingRegexp.exec(str)) {\n let formatters = [];\n clonedOptions = {\n ...options\n };\n clonedOptions = clonedOptions.replace && typeof clonedOptions.replace !== 'string' ? clonedOptions.replace : clonedOptions;\n clonedOptions.applyPostProcessor = false;\n delete clonedOptions.defaultValue;\n let doReduce = false;\n if (match[0].indexOf(this.formatSeparator) !== -1 && !/{.*}/.test(match[1])) {\n const r = match[1].split(this.formatSeparator).map(elem => elem.trim());\n match[1] = r.shift();\n formatters = r;\n doReduce = true;\n }\n value = fc(handleHasOptions.call(this, match[1].trim(), clonedOptions), clonedOptions);\n if (value && match[0] === str && typeof value !== 'string') return value;\n if (typeof value !== 'string') value = makeString(value);\n if (!value) {\n this.logger.warn(`missed to resolve ${match[1]} for nesting ${str}`);\n value = '';\n }\n if (doReduce) {\n value = formatters.reduce((v, f) => this.format(v, f, options.lng, {\n ...options,\n interpolationkey: match[1].trim()\n }), value.trim());\n }\n str = str.replace(match[0], value);\n this.regexp.lastIndex = 0;\n }\n return str;\n }\n}\n\nconst parseFormatStr = formatStr => {\n let formatName = formatStr.toLowerCase().trim();\n const formatOptions = {};\n if (formatStr.indexOf('(') > -1) {\n const p = formatStr.split('(');\n formatName = p[0].toLowerCase().trim();\n const optStr = p[1].substring(0, p[1].length - 1);\n if (formatName === 'currency' && optStr.indexOf(':') < 0) {\n if (!formatOptions.currency) formatOptions.currency = optStr.trim();\n } else if (formatName === 'relativetime' && optStr.indexOf(':') < 0) {\n if (!formatOptions.range) formatOptions.range = optStr.trim();\n } else {\n const opts = optStr.split(';');\n opts.forEach(opt => {\n if (opt) {\n const [key, ...rest] = opt.split(':');\n const val = rest.join(':').trim().replace(/^'+|'+$/g, '');\n const trimmedKey = key.trim();\n if (!formatOptions[trimmedKey]) formatOptions[trimmedKey] = val;\n if (val === 'false') formatOptions[trimmedKey] = false;\n if (val === 'true') formatOptions[trimmedKey] = true;\n if (!isNaN(val)) formatOptions[trimmedKey] = parseInt(val, 10);\n }\n });\n }\n }\n return {\n formatName,\n formatOptions\n };\n};\nconst createCachedFormatter = fn => {\n const cache = {};\n return (val, lng, options) => {\n let optForCache = options;\n if (options && options.interpolationkey && options.formatParams && options.formatParams[options.interpolationkey] && options[options.interpolationkey]) {\n optForCache = {\n ...optForCache,\n [options.interpolationkey]: undefined\n };\n }\n const key = lng + JSON.stringify(optForCache);\n let formatter = cache[key];\n if (!formatter) {\n formatter = fn(getCleanedCode(lng), options);\n cache[key] = formatter;\n }\n return formatter(val);\n };\n};\nclass Formatter {\n constructor() {\n let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n this.logger = baseLogger.create('formatter');\n this.options = options;\n this.formats = {\n number: createCachedFormatter((lng, opt) => {\n const formatter = new Intl.NumberFormat(lng, {\n ...opt\n });\n return val => formatter.format(val);\n }),\n currency: createCachedFormatter((lng, opt) => {\n const formatter = new Intl.NumberFormat(lng, {\n ...opt,\n style: 'currency'\n });\n return val => formatter.format(val);\n }),\n datetime: createCachedFormatter((lng, opt) => {\n const formatter = new Intl.DateTimeFormat(lng, {\n ...opt\n });\n return val => formatter.format(val);\n }),\n relativetime: createCachedFormatter((lng, opt) => {\n const formatter = new Intl.RelativeTimeFormat(lng, {\n ...opt\n });\n return val => formatter.format(val, opt.range || 'day');\n }),\n list: createCachedFormatter((lng, opt) => {\n const formatter = new Intl.ListFormat(lng, {\n ...opt\n });\n return val => formatter.format(val);\n })\n };\n this.init(options);\n }\n init(services) {\n let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {\n interpolation: {}\n };\n const iOpts = options.interpolation;\n this.formatSeparator = iOpts.formatSeparator ? iOpts.formatSeparator : iOpts.formatSeparator || ',';\n }\n add(name, fc) {\n this.formats[name.toLowerCase().trim()] = fc;\n }\n addCached(name, fc) {\n this.formats[name.toLowerCase().trim()] = createCachedFormatter(fc);\n }\n format(value, format, lng) {\n let options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};\n const formats = format.split(this.formatSeparator);\n if (formats.length > 1 && formats[0].indexOf('(') > 1 && formats[0].indexOf(')') < 0 && formats.find(f => f.indexOf(')') > -1)) {\n const lastIndex = formats.findIndex(f => f.indexOf(')') > -1);\n formats[0] = [formats[0], ...formats.splice(1, lastIndex)].join(this.formatSeparator);\n }\n const result = formats.reduce((mem, f) => {\n const {\n formatName,\n formatOptions\n } = parseFormatStr(f);\n if (this.formats[formatName]) {\n let formatted = mem;\n try {\n const valOptions = options && options.formatParams && options.formatParams[options.interpolationkey] || {};\n const l = valOptions.locale || valOptions.lng || options.locale || options.lng || lng;\n formatted = this.formats[formatName](mem, l, {\n ...formatOptions,\n ...options,\n ...valOptions\n });\n } catch (error) {\n this.logger.warn(error);\n }\n return formatted;\n } else {\n this.logger.warn(`there was no format function for ${formatName}`);\n }\n return mem;\n }, value);\n return result;\n }\n}\n\nconst removePending = (q, name) => {\n if (q.pending[name] !== undefined) {\n delete q.pending[name];\n q.pendingCount--;\n }\n};\nclass Connector extends EventEmitter {\n constructor(backend, store, services) {\n let options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};\n super();\n this.backend = backend;\n this.store = store;\n this.services = services;\n this.languageUtils = services.languageUtils;\n this.options = options;\n this.logger = baseLogger.create('backendConnector');\n this.waitingReads = [];\n this.maxParallelReads = options.maxParallelReads || 10;\n this.readingCalls = 0;\n this.maxRetries = options.maxRetries >= 0 ? options.maxRetries : 5;\n this.retryTimeout = options.retryTimeout >= 1 ? options.retryTimeout : 350;\n this.state = {};\n this.queue = [];\n if (this.backend && this.backend.init) {\n this.backend.init(services, options.backend, options);\n }\n }\n queueLoad(languages, namespaces, options, callback) {\n const toLoad = {};\n const pending = {};\n const toLoadLanguages = {};\n const toLoadNamespaces = {};\n languages.forEach(lng => {\n let hasAllNamespaces = true;\n namespaces.forEach(ns => {\n const name = `${lng}|${ns}`;\n if (!options.reload && this.store.hasResourceBundle(lng, ns)) {\n this.state[name] = 2;\n } else if (this.state[name] < 0) ; else if (this.state[name] === 1) {\n if (pending[name] === undefined) pending[name] = true;\n } else {\n this.state[name] = 1;\n hasAllNamespaces = false;\n if (pending[name] === undefined) pending[name] = true;\n if (toLoad[name] === undefined) toLoad[name] = true;\n if (toLoadNamespaces[ns] === undefined) toLoadNamespaces[ns] = true;\n }\n });\n if (!hasAllNamespaces) toLoadLanguages[lng] = true;\n });\n if (Object.keys(toLoad).length || Object.keys(pending).length) {\n this.queue.push({\n pending,\n pendingCount: Object.keys(pending).length,\n loaded: {},\n errors: [],\n callback\n });\n }\n return {\n toLoad: Object.keys(toLoad),\n pending: Object.keys(pending),\n toLoadLanguages: Object.keys(toLoadLanguages),\n toLoadNamespaces: Object.keys(toLoadNamespaces)\n };\n }\n loaded(name, err, data) {\n const s = name.split('|');\n const lng = s[0];\n const ns = s[1];\n if (err) this.emit('failedLoading', lng, ns, err);\n if (!err && data) {\n this.store.addResourceBundle(lng, ns, data, undefined, undefined, {\n skipCopy: true\n });\n }\n this.state[name] = err ? -1 : 2;\n if (err && data) this.state[name] = 0;\n const loaded = {};\n this.queue.forEach(q => {\n pushPath(q.loaded, [lng], ns);\n removePending(q, name);\n if (err) q.errors.push(err);\n if (q.pendingCount === 0 && !q.done) {\n Object.keys(q.loaded).forEach(l => {\n if (!loaded[l]) loaded[l] = {};\n const loadedKeys = q.loaded[l];\n if (loadedKeys.length) {\n loadedKeys.forEach(n => {\n if (loaded[l][n] === undefined) loaded[l][n] = true;\n });\n }\n });\n q.done = true;\n if (q.errors.length) {\n q.callback(q.errors);\n } else {\n q.callback();\n }\n }\n });\n this.emit('loaded', loaded);\n this.queue = this.queue.filter(q => !q.done);\n }\n read(lng, ns, fcName) {\n let tried = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;\n let wait = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : this.retryTimeout;\n let callback = arguments.length > 5 ? arguments[5] : undefined;\n if (!lng.length) return callback(null, {});\n if (this.readingCalls >= this.maxParallelReads) {\n this.waitingReads.push({\n lng,\n ns,\n fcName,\n tried,\n wait,\n callback\n });\n return;\n }\n this.readingCalls++;\n const resolver = (err, data) => {\n this.readingCalls--;\n if (this.waitingReads.length > 0) {\n const next = this.waitingReads.shift();\n this.read(next.lng, next.ns, next.fcName, next.tried, next.wait, next.callback);\n }\n if (err && data && tried < this.maxRetries) {\n setTimeout(() => {\n this.read.call(this, lng, ns, fcName, tried + 1, wait * 2, callback);\n }, wait);\n return;\n }\n callback(err, data);\n };\n const fc = this.backend[fcName].bind(this.backend);\n if (fc.length === 2) {\n try {\n const r = fc(lng, ns);\n if (r && typeof r.then === 'function') {\n r.then(data => resolver(null, data)).catch(resolver);\n } else {\n resolver(null, r);\n }\n } catch (err) {\n resolver(err);\n }\n return;\n }\n return fc(lng, ns, resolver);\n }\n prepareLoading(languages, namespaces) {\n let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n let callback = arguments.length > 3 ? arguments[3] : undefined;\n if (!this.backend) {\n this.logger.warn('No backend was added via i18next.use. Will not load resources.');\n return callback && callback();\n }\n if (typeof languages === 'string') languages = this.languageUtils.toResolveHierarchy(languages);\n if (typeof namespaces === 'string') namespaces = [namespaces];\n const toLoad = this.queueLoad(languages, namespaces, options, callback);\n if (!toLoad.toLoad.length) {\n if (!toLoad.pending.length) callback();\n return null;\n }\n toLoad.toLoad.forEach(name => {\n this.loadOne(name);\n });\n }\n load(languages, namespaces, callback) {\n this.prepareLoading(languages, namespaces, {}, callback);\n }\n reload(languages, namespaces, callback) {\n this.prepareLoading(languages, namespaces, {\n reload: true\n }, callback);\n }\n loadOne(name) {\n let prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';\n const s = name.split('|');\n const lng = s[0];\n const ns = s[1];\n this.read(lng, ns, 'read', undefined, undefined, (err, data) => {\n if (err) this.logger.warn(`${prefix}loading namespace ${ns} for language ${lng} failed`, err);\n if (!err && data) this.logger.log(`${prefix}loaded namespace ${ns} for language ${lng}`, data);\n this.loaded(name, err, data);\n });\n }\n saveMissing(languages, namespace, key, fallbackValue, isUpdate) {\n let options = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : {};\n let clb = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : () => {};\n if (this.services.utils && this.services.utils.hasLoadedNamespace && !this.services.utils.hasLoadedNamespace(namespace)) {\n this.logger.warn(`did not save key \"${key}\" as the namespace \"${namespace}\" was not yet loaded`, 'This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!');\n return;\n }\n if (key === undefined || key === null || key === '') return;\n if (this.backend && this.backend.create) {\n const opts = {\n ...options,\n isUpdate\n };\n const fc = this.backend.create.bind(this.backend);\n if (fc.length < 6) {\n try {\n let r;\n if (fc.length === 5) {\n r = fc(languages, namespace, key, fallbackValue, opts);\n } else {\n r = fc(languages, namespace, key, fallbackValue);\n }\n if (r && typeof r.then === 'function') {\n r.then(data => clb(null, data)).catch(clb);\n } else {\n clb(null, r);\n }\n } catch (err) {\n clb(err);\n }\n } else {\n fc(languages, namespace, key, fallbackValue, clb, opts);\n }\n }\n if (!languages || !languages[0]) return;\n this.store.addResource(languages[0], namespace, key, fallbackValue);\n }\n}\n\nconst get = () => ({\n debug: false,\n initImmediate: true,\n ns: ['translation'],\n defaultNS: ['translation'],\n fallbackLng: ['dev'],\n fallbackNS: false,\n supportedLngs: false,\n nonExplicitSupportedLngs: false,\n load: 'all',\n preload: false,\n simplifyPluralSuffix: true,\n keySeparator: '.',\n nsSeparator: ':',\n pluralSeparator: '_',\n contextSeparator: '_',\n partialBundledLanguages: false,\n saveMissing: false,\n updateMissing: false,\n saveMissingTo: 'fallback',\n saveMissingPlurals: true,\n missingKeyHandler: false,\n missingInterpolationHandler: false,\n postProcess: false,\n postProcessPassResolved: false,\n returnNull: false,\n returnEmptyString: true,\n returnObjects: false,\n joinArrays: false,\n returnedObjectHandler: false,\n parseMissingKeyHandler: false,\n appendNamespaceToMissingKey: false,\n appendNamespaceToCIMode: false,\n overloadTranslationOptionHandler: args => {\n let ret = {};\n if (typeof args[1] === 'object') ret = args[1];\n if (typeof args[1] === 'string') ret.defaultValue = args[1];\n if (typeof args[2] === 'string') ret.tDescription = args[2];\n if (typeof args[2] === 'object' || typeof args[3] === 'object') {\n const options = args[3] || args[2];\n Object.keys(options).forEach(key => {\n ret[key] = options[key];\n });\n }\n return ret;\n },\n interpolation: {\n escapeValue: true,\n format: value => value,\n prefix: '{{',\n suffix: '}}',\n formatSeparator: ',',\n unescapePrefix: '-',\n nestingPrefix: '$t(',\n nestingSuffix: ')',\n nestingOptionsSeparator: ',',\n maxReplaces: 1000,\n skipOnVariables: true\n }\n});\nconst transformOptions = options => {\n if (typeof options.ns === 'string') options.ns = [options.ns];\n if (typeof options.fallbackLng === 'string') options.fallbackLng = [options.fallbackLng];\n if (typeof options.fallbackNS === 'string') options.fallbackNS = [options.fallbackNS];\n if (options.supportedLngs && options.supportedLngs.indexOf('cimode') < 0) {\n options.supportedLngs = options.supportedLngs.concat(['cimode']);\n }\n return options;\n};\n\nconst noop = () => {};\nconst bindMemberFunctions = inst => {\n const mems = Object.getOwnPropertyNames(Object.getPrototypeOf(inst));\n mems.forEach(mem => {\n if (typeof inst[mem] === 'function') {\n inst[mem] = inst[mem].bind(inst);\n }\n });\n};\nclass I18n extends EventEmitter {\n constructor() {\n let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n let callback = arguments.length > 1 ? arguments[1] : undefined;\n super();\n this.options = transformOptions(options);\n this.services = {};\n this.logger = baseLogger;\n this.modules = {\n external: []\n };\n bindMemberFunctions(this);\n if (callback && !this.isInitialized && !options.isClone) {\n if (!this.options.initImmediate) {\n this.init(options, callback);\n return this;\n }\n setTimeout(() => {\n this.init(options, callback);\n }, 0);\n }\n }\n init() {\n var _this = this;\n let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n let callback = arguments.length > 1 ? arguments[1] : undefined;\n this.isInitializing = true;\n if (typeof options === 'function') {\n callback = options;\n options = {};\n }\n if (!options.defaultNS && options.defaultNS !== false && options.ns) {\n if (typeof options.ns === 'string') {\n options.defaultNS = options.ns;\n } else if (options.ns.indexOf('translation') < 0) {\n options.defaultNS = options.ns[0];\n }\n }\n const defOpts = get();\n this.options = {\n ...defOpts,\n ...this.options,\n ...transformOptions(options)\n };\n if (this.options.compatibilityAPI !== 'v1') {\n this.options.interpolation = {\n ...defOpts.interpolation,\n ...this.options.interpolation\n };\n }\n if (options.keySeparator !== undefined) {\n this.options.userDefinedKeySeparator = options.keySeparator;\n }\n if (options.nsSeparator !== undefined) {\n this.options.userDefinedNsSeparator = options.nsSeparator;\n }\n const createClassOnDemand = ClassOrObject => {\n if (!ClassOrObject) return null;\n if (typeof ClassOrObject === 'function') return new ClassOrObject();\n return ClassOrObject;\n };\n if (!this.options.isClone) {\n if (this.modules.logger) {\n baseLogger.init(createClassOnDemand(this.modules.logger), this.options);\n } else {\n baseLogger.init(null, this.options);\n }\n let formatter;\n if (this.modules.formatter) {\n formatter = this.modules.formatter;\n } else if (typeof Intl !== 'undefined') {\n formatter = Formatter;\n }\n const lu = new LanguageUtil(this.options);\n this.store = new ResourceStore(this.options.resources, this.options);\n const s = this.services;\n s.logger = baseLogger;\n s.resourceStore = this.store;\n s.languageUtils = lu;\n s.pluralResolver = new PluralResolver(lu, {\n prepend: this.options.pluralSeparator,\n compatibilityJSON: this.options.compatibilityJSON,\n simplifyPluralSuffix: this.options.simplifyPluralSuffix\n });\n if (formatter && (!this.options.interpolation.format || this.options.interpolation.format === defOpts.interpolation.format)) {\n s.formatter = createClassOnDemand(formatter);\n s.formatter.init(s, this.options);\n this.options.interpolation.format = s.formatter.format.bind(s.formatter);\n }\n s.interpolator = new Interpolator(this.options);\n s.utils = {\n hasLoadedNamespace: this.hasLoadedNamespace.bind(this)\n };\n s.backendConnector = new Connector(createClassOnDemand(this.modules.backend), s.resourceStore, s, this.options);\n s.backendConnector.on('*', function (event) {\n for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n args[_key - 1] = arguments[_key];\n }\n _this.emit(event, ...args);\n });\n if (this.modules.languageDetector) {\n s.languageDetector = createClassOnDemand(this.modules.languageDetector);\n if (s.languageDetector.init) s.languageDetector.init(s, this.options.detection, this.options);\n }\n if (this.modules.i18nFormat) {\n s.i18nFormat = createClassOnDemand(this.modules.i18nFormat);\n if (s.i18nFormat.init) s.i18nFormat.init(this);\n }\n this.translator = new Translator(this.services, this.options);\n this.translator.on('*', function (event) {\n for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {\n args[_key2 - 1] = arguments[_key2];\n }\n _this.emit(event, ...args);\n });\n this.modules.external.forEach(m => {\n if (m.init) m.init(this);\n });\n }\n this.format = this.options.interpolation.format;\n if (!callback) callback = noop;\n if (this.options.fallbackLng && !this.services.languageDetector && !this.options.lng) {\n const codes = this.services.languageUtils.getFallbackCodes(this.options.fallbackLng);\n if (codes.length > 0 && codes[0] !== 'dev') this.options.lng = codes[0];\n }\n if (!this.services.languageDetector && !this.options.lng) {\n this.logger.warn('init: no languageDetector is used and no lng is defined');\n }\n const storeApi = ['getResource', 'hasResourceBundle', 'getResourceBundle', 'getDataByLanguage'];\n storeApi.forEach(fcName => {\n this[fcName] = function () {\n return _this.store[fcName](...arguments);\n };\n });\n const storeApiChained = ['addResource', 'addResources', 'addResourceBundle', 'removeResourceBundle'];\n storeApiChained.forEach(fcName => {\n this[fcName] = function () {\n _this.store[fcName](...arguments);\n return _this;\n };\n });\n const deferred = defer();\n const load = () => {\n const finish = (err, t) => {\n this.isInitializing = false;\n if (this.isInitialized && !this.initializedStoreOnce) this.logger.warn('init: i18next is already initialized. You should call init just once!');\n this.isInitialized = true;\n if (!this.options.isClone) this.logger.log('initialized', this.options);\n this.emit('initialized', this.options);\n deferred.resolve(t);\n callback(err, t);\n };\n if (this.languages && this.options.compatibilityAPI !== 'v1' && !this.isInitialized) return finish(null, this.t.bind(this));\n this.changeLanguage(this.options.lng, finish);\n };\n if (this.options.resources || !this.options.initImmediate) {\n load();\n } else {\n setTimeout(load, 0);\n }\n return deferred;\n }\n loadResources(language) {\n let callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop;\n let usedCallback = callback;\n const usedLng = typeof language === 'string' ? language : this.language;\n if (typeof language === 'function') usedCallback = language;\n if (!this.options.resources || this.options.partialBundledLanguages) {\n if (usedLng && usedLng.toLowerCase() === 'cimode' && (!this.options.preload || this.options.preload.length === 0)) return usedCallback();\n const toLoad = [];\n const append = lng => {\n if (!lng) return;\n if (lng === 'cimode') return;\n const lngs = this.services.languageUtils.toResolveHierarchy(lng);\n lngs.forEach(l => {\n if (l === 'cimode') return;\n if (toLoad.indexOf(l) < 0) toLoad.push(l);\n });\n };\n if (!usedLng) {\n const fallbacks = this.services.languageUtils.getFallbackCodes(this.options.fallbackLng);\n fallbacks.forEach(l => append(l));\n } else {\n append(usedLng);\n }\n if (this.options.preload) {\n this.options.preload.forEach(l => append(l));\n }\n this.services.backendConnector.load(toLoad, this.options.ns, e => {\n if (!e && !this.resolvedLanguage && this.language) this.setResolvedLanguage(this.language);\n usedCallback(e);\n });\n } else {\n usedCallback(null);\n }\n }\n reloadResources(lngs, ns, callback) {\n const deferred = defer();\n if (typeof lngs === 'function') {\n callback = lngs;\n lngs = undefined;\n }\n if (typeof ns === 'function') {\n callback = ns;\n ns = undefined;\n }\n if (!lngs) lngs = this.languages;\n if (!ns) ns = this.options.ns;\n if (!callback) callback = noop;\n this.services.backendConnector.reload(lngs, ns, err => {\n deferred.resolve();\n callback(err);\n });\n return deferred;\n }\n use(module) {\n if (!module) throw new Error('You are passing an undefined module! Please check the object you are passing to i18next.use()');\n if (!module.type) throw new Error('You are passing a wrong module! Please check the object you are passing to i18next.use()');\n if (module.type === 'backend') {\n this.modules.backend = module;\n }\n if (module.type === 'logger' || module.log && module.warn && module.error) {\n this.modules.logger = module;\n }\n if (module.type === 'languageDetector') {\n this.modules.languageDetector = module;\n }\n if (module.type === 'i18nFormat') {\n this.modules.i18nFormat = module;\n }\n if (module.type === 'postProcessor') {\n postProcessor.addPostProcessor(module);\n }\n if (module.type === 'formatter') {\n this.modules.formatter = module;\n }\n if (module.type === '3rdParty') {\n this.modules.external.push(module);\n }\n return this;\n }\n setResolvedLanguage(l) {\n if (!l || !this.languages) return;\n if (['cimode', 'dev'].indexOf(l) > -1) return;\n for (let li = 0; li < this.languages.length; li++) {\n const lngInLngs = this.languages[li];\n if (['cimode', 'dev'].indexOf(lngInLngs) > -1) continue;\n if (this.store.hasLanguageSomeTranslations(lngInLngs)) {\n this.resolvedLanguage = lngInLngs;\n break;\n }\n }\n }\n changeLanguage(lng, callback) {\n var _this2 = this;\n this.isLanguageChangingTo = lng;\n const deferred = defer();\n this.emit('languageChanging', lng);\n const setLngProps = l => {\n this.language = l;\n this.languages = this.services.languageUtils.toResolveHierarchy(l);\n this.resolvedLanguage = undefined;\n this.setResolvedLanguage(l);\n };\n const done = (err, l) => {\n if (l) {\n setLngProps(l);\n this.translator.changeLanguage(l);\n this.isLanguageChangingTo = undefined;\n this.emit('languageChanged', l);\n this.logger.log('languageChanged', l);\n } else {\n this.isLanguageChangingTo = undefined;\n }\n deferred.resolve(function () {\n return _this2.t(...arguments);\n });\n if (callback) callback(err, function () {\n return _this2.t(...arguments);\n });\n };\n const setLng = lngs => {\n if (!lng && !lngs && this.services.languageDetector) lngs = [];\n const l = typeof lngs === 'string' ? lngs : this.services.languageUtils.getBestMatchFromCodes(lngs);\n if (l) {\n if (!this.language) {\n setLngProps(l);\n }\n if (!this.translator.language) this.translator.changeLanguage(l);\n if (this.services.languageDetector && this.services.languageDetector.cacheUserLanguage) this.services.languageDetector.cacheUserLanguage(l);\n }\n this.loadResources(l, err => {\n done(err, l);\n });\n };\n if (!lng && this.services.languageDetector && !this.services.languageDetector.async) {\n setLng(this.services.languageDetector.detect());\n } else if (!lng && this.services.languageDetector && this.services.languageDetector.async) {\n if (this.services.languageDetector.detect.length === 0) {\n this.services.languageDetector.detect().then(setLng);\n } else {\n this.services.languageDetector.detect(setLng);\n }\n } else {\n setLng(lng);\n }\n return deferred;\n }\n getFixedT(lng, ns, keyPrefix) {\n var _this3 = this;\n const fixedT = function (key, opts) {\n let options;\n if (typeof opts !== 'object') {\n for (var _len3 = arguments.length, rest = new Array(_len3 > 2 ? _len3 - 2 : 0), _key3 = 2; _key3 < _len3; _key3++) {\n rest[_key3 - 2] = arguments[_key3];\n }\n options = _this3.options.overloadTranslationOptionHandler([key, opts].concat(rest));\n } else {\n options = {\n ...opts\n };\n }\n options.lng = options.lng || fixedT.lng;\n options.lngs = options.lngs || fixedT.lngs;\n options.ns = options.ns || fixedT.ns;\n if (options.keyPrefix !== '') options.keyPrefix = options.keyPrefix || keyPrefix || fixedT.keyPrefix;\n const keySeparator = _this3.options.keySeparator || '.';\n let resultKey;\n if (options.keyPrefix && Array.isArray(key)) {\n resultKey = key.map(k => `${options.keyPrefix}${keySeparator}${k}`);\n } else {\n resultKey = options.keyPrefix ? `${options.keyPrefix}${keySeparator}${key}` : key;\n }\n return _this3.t(resultKey, options);\n };\n if (typeof lng === 'string') {\n fixedT.lng = lng;\n } else {\n fixedT.lngs = lng;\n }\n fixedT.ns = ns;\n fixedT.keyPrefix = keyPrefix;\n return fixedT;\n }\n t() {\n return this.translator && this.translator.translate(...arguments);\n }\n exists() {\n return this.translator && this.translator.exists(...arguments);\n }\n setDefaultNamespace(ns) {\n this.options.defaultNS = ns;\n }\n hasLoadedNamespace(ns) {\n let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n if (!this.isInitialized) {\n this.logger.warn('hasLoadedNamespace: i18next was not initialized', this.languages);\n return false;\n }\n if (!this.languages || !this.languages.length) {\n this.logger.warn('hasLoadedNamespace: i18n.languages were undefined or empty', this.languages);\n return false;\n }\n const lng = options.lng || this.resolvedLanguage || this.languages[0];\n const fallbackLng = this.options ? this.options.fallbackLng : false;\n const lastLng = this.languages[this.languages.length - 1];\n if (lng.toLowerCase() === 'cimode') return true;\n const loadNotPending = (l, n) => {\n const loadState = this.services.backendConnector.state[`${l}|${n}`];\n return loadState === -1 || loadState === 0 || loadState === 2;\n };\n if (options.precheck) {\n const preResult = options.precheck(this, loadNotPending);\n if (preResult !== undefined) return preResult;\n }\n if (this.hasResourceBundle(lng, ns)) return true;\n if (!this.services.backendConnector.backend || this.options.resources && !this.options.partialBundledLanguages) return true;\n if (loadNotPending(lng, ns) && (!fallbackLng || loadNotPending(lastLng, ns))) return true;\n return false;\n }\n loadNamespaces(ns, callback) {\n const deferred = defer();\n if (!this.options.ns) {\n if (callback) callback();\n return Promise.resolve();\n }\n if (typeof ns === 'string') ns = [ns];\n ns.forEach(n => {\n if (this.options.ns.indexOf(n) < 0) this.options.ns.push(n);\n });\n this.loadResources(err => {\n deferred.resolve();\n if (callback) callback(err);\n });\n return deferred;\n }\n loadLanguages(lngs, callback) {\n const deferred = defer();\n if (typeof lngs === 'string') lngs = [lngs];\n const preloaded = this.options.preload || [];\n const newLngs = lngs.filter(lng => preloaded.indexOf(lng) < 0 && this.services.languageUtils.isSupportedCode(lng));\n if (!newLngs.length) {\n if (callback) callback();\n return Promise.resolve();\n }\n this.options.preload = preloaded.concat(newLngs);\n this.loadResources(err => {\n deferred.resolve();\n if (callback) callback(err);\n });\n return deferred;\n }\n dir(lng) {\n if (!lng) lng = this.resolvedLanguage || (this.languages && this.languages.length > 0 ? this.languages[0] : this.language);\n if (!lng) return 'rtl';\n const rtlLngs = ['ar', 'shu', 'sqr', 'ssh', 'xaa', 'yhd', 'yud', 'aao', 'abh', 'abv', 'acm', 'acq', 'acw', 'acx', 'acy', 'adf', 'ads', 'aeb', 'aec', 'afb', 'ajp', 'apc', 'apd', 'arb', 'arq', 'ars', 'ary', 'arz', 'auz', 'avl', 'ayh', 'ayl', 'ayn', 'ayp', 'bbz', 'pga', 'he', 'iw', 'ps', 'pbt', 'pbu', 'pst', 'prp', 'prd', 'ug', 'ur', 'ydd', 'yds', 'yih', 'ji', 'yi', 'hbo', 'men', 'xmn', 'fa', 'jpr', 'peo', 'pes', 'prs', 'dv', 'sam', 'ckb'];\n const languageUtils = this.services && this.services.languageUtils || new LanguageUtil(get());\n return rtlLngs.indexOf(languageUtils.getLanguagePartFromCode(lng)) > -1 || lng.toLowerCase().indexOf('-arab') > 1 ? 'rtl' : 'ltr';\n }\n static createInstance() {\n let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n let callback = arguments.length > 1 ? arguments[1] : undefined;\n return new I18n(options, callback);\n }\n cloneInstance() {\n let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n let callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop;\n const forkResourceStore = options.forkResourceStore;\n if (forkResourceStore) delete options.forkResourceStore;\n const mergedOptions = {\n ...this.options,\n ...options,\n ...{\n isClone: true\n }\n };\n const clone = new I18n(mergedOptions);\n if (options.debug !== undefined || options.prefix !== undefined) {\n clone.logger = clone.logger.clone(options);\n }\n const membersToCopy = ['store', 'services', 'language'];\n membersToCopy.forEach(m => {\n clone[m] = this[m];\n });\n clone.services = {\n ...this.services\n };\n clone.services.utils = {\n hasLoadedNamespace: clone.hasLoadedNamespace.bind(clone)\n };\n if (forkResourceStore) {\n clone.store = new ResourceStore(this.store.data, mergedOptions);\n clone.services.resourceStore = clone.store;\n }\n clone.translator = new Translator(clone.services, mergedOptions);\n clone.translator.on('*', function (event) {\n for (var _len4 = arguments.length, args = new Array(_len4 > 1 ? _len4 - 1 : 0), _key4 = 1; _key4 < _len4; _key4++) {\n args[_key4 - 1] = arguments[_key4];\n }\n clone.emit(event, ...args);\n });\n clone.init(mergedOptions, callback);\n clone.translator.options = mergedOptions;\n clone.translator.backendConnector.services.utils = {\n hasLoadedNamespace: clone.hasLoadedNamespace.bind(clone)\n };\n return clone;\n }\n toJSON() {\n return {\n options: this.options,\n store: this.store,\n language: this.language,\n languages: this.languages,\n resolvedLanguage: this.resolvedLanguage\n };\n }\n}\nconst instance = I18n.createInstance();\ninstance.createInstance = I18n.createInstance;\n\nconst createInstance = instance.createInstance;\nconst dir = instance.dir;\nconst init = instance.init;\nconst loadResources = instance.loadResources;\nconst reloadResources = instance.reloadResources;\nconst use = instance.use;\nconst changeLanguage = instance.changeLanguage;\nconst getFixedT = instance.getFixedT;\nconst t = instance.t;\nconst exists = instance.exists;\nconst setDefaultNamespace = instance.setDefaultNamespace;\nconst hasLoadedNamespace = instance.hasLoadedNamespace;\nconst loadNamespaces = instance.loadNamespaces;\nconst loadLanguages = instance.loadLanguages;\n\nexport { changeLanguage, createInstance, instance as default, dir, exists, getFixedT, hasLoadedNamespace, init, loadLanguages, loadNamespaces, loadResources, reloadResources, setDefaultNamespace, t, use };\n","/**\n * @description i18n entry\n * @author wangfupeng\n */\n\nimport i18next from 'i18next'\n\n// i18n nameSpace\nconst NS = 'translation'\n\ni18next.init({\n lng: 'zh-CN',\n // debug: true,\n resources: {}, // 资源为空，随后添加\n})\n\n/**\n * 添加多语言配置\n * @param lng 语言\n * @param resources 多语言配置\n */\nexport function i18nAddResources(lng: string, resources: object) {\n i18next.addResourceBundle(lng, NS, resources, true, true)\n}\n\n/**\n * 设置语言\n * @param lng 语言\n */\nexport function i18nChangeLanguage(lng: string) {\n i18next.changeLanguage(lng)\n}\n\n/**\n * 获取多语言配置\n * @param lng lang\n */\nexport function i18nGetResources(lng: string) {\n return i18next.getResourceBundle(lng, NS)\n}\n\n/**\n * 监听语言变更\n * @param callback\n * @returns\n */\nexport function i18nListenLanguage(callback: (lng: string) => void) {\n i18next.on('languageChanged', callback)\n return () => i18next.off('languageChanged', callback)\n}\n\n/**\n * 翻译\n */\nexport const t = i18next.t.bind(i18next)\n\nexport default i18next\n","/**\n * @description menu helpers\n * @author wangfupeng\n */\n\nimport $, { Dom7Array } from '../../utils/dom'\nimport { SVG_DOWN_ARROW } from '../../constants/svg'\n\n/**\n * 清理 svg 的样式\n * @param $elem svg elem\n */\nexport function clearSvgStyle($elem: Dom7Array) {\n if (!$elem.removeAttr) return\n $elem.removeAttr('width')\n $elem.removeAttr('height')\n $elem.removeAttr('fill')\n $elem.removeAttr('class')\n $elem.removeAttr('t')\n $elem.removeAttr('p-id')\n\n const children = $elem.children()\n if (children.length) {\n clearSvgStyle(children)\n }\n}\n\n/**\n * 向下箭头 icon svg\n */\nexport function gen$downArrow() {\n const $downArrow = $(SVG_DOWN_ARROW)\n return $downArrow\n}\n\n/**\n * bar item 分割线\n */\nexport function gen$barItemDivider() {\n return $('')\n}\n","/**\n * @description svg tag\n * @author wangfupeng\n */\n\n/**\n * 【注意】svg 字符串的长度 ，否则会导致代码体积过大\n * 尽量选择 https://www.iconfont.cn/collections/detail?spm=a313x.7781069.0.da5a778a4&cid=20293\n * 找不到再从 iconfont.com 搜索\n */\n\n// 对号\nexport const SVG_CHECK_MARK =\n ''\n\n// 向下的箭头\nexport const SVG_DOWN_ARROW =\n ''\n\n// 关闭\nexport const SVG_CLOSE =\n ''\n","/**\n * @description tooltip 功能\n * @author wangfupeng\n */\n\nimport { Dom7Array } from '../../utils/dom'\nimport { IS_APPLE } from '../../utils/ua'\n\nexport function addTooltip(\n $button: Dom7Array,\n iconSvg: string,\n title: string,\n hotkey: string = '',\n inGroup = false\n) {\n if (!iconSvg) {\n // 没有 icon 直接显示 title ，不用 tooltip\n return\n }\n\n if (hotkey) {\n const fnKey = IS_APPLE ? 'cmd' : 'ctrl' // mac OS 转换为 cmd ，windows 转换为 ctrl\n hotkey = hotkey.replace('mod', fnKey)\n }\n\n if (inGroup) {\n // in groupButton ，tooltip 只显示 快捷键\n if (hotkey) {\n $button.attr('data-tooltip', hotkey)\n $button.addClass('w-e-menu-tooltip-v5')\n $button.addClass('tooltip-right') // tooltip 显示在右侧\n }\n } else {\n // 非 in groupButton ，正常实现 tooltip\n const tooltip = hotkey ? `${title}\\n${hotkey}` : title\n $button.attr('data-tooltip', tooltip)\n $button.addClass('w-e-menu-tooltip-v5')\n }\n}\n","/**\n * @description base button class\n * @author wangfupeng\n */\n\nimport { IButtonMenu, IDropPanelMenu, IModalMenu } from '../interface'\nimport $, { Dom7Array } from '../../utils/dom'\nimport { IBarItem, getEditorInstance } from './index'\nimport { clearSvgStyle } from '../helpers/helpers'\nimport { promiseResolveThen } from '../../utils/util'\nimport { addTooltip } from './tooltip'\n\nabstract class BaseButton implements IBarItem {\n readonly $elem: Dom7Array = $(``)\n protected readonly $button: Dom7Array = $(``)\n menu: IButtonMenu | IDropPanelMenu | IModalMenu\n private disabled = false\n\n constructor(key: string, menu: IButtonMenu | IDropPanelMenu | IModalMenu, inGroup = false) {\n this.menu = menu\n\n // 验证 tag\n const { tag, width } = menu\n if (tag !== 'button') throw new Error(`Invalid tag '${tag}', expected 'button'`)\n\n // ----------------- 初始化 dom -----------------\n const { title, hotkey = '', iconSvg = '' } = menu\n const { $button } = this\n if (iconSvg) {\n const $svg = $(iconSvg)\n clearSvgStyle($svg) // 清理 svg 样式（扩展的菜单，svg 是不可控的，所以要清理一下）\n $button.append($svg)\n } else {\n // 无 icon 则显示 title\n $button.text(title)\n }\n addTooltip($button, iconSvg, title, hotkey, inGroup) // 设置 tooltip\n if (inGroup && iconSvg) {\n // in groupButton（且有 icon），显示 menu title\n // 如果没有 icon ，上面已添加 title ，不用重复添加\n $button.append($(`${title}`))\n }\n if (width) {\n $button.css('width', `${width}px`)\n }\n $button.attr('data-menu-key', key) // menu key\n this.$elem.append($button)\n\n // ----------------- 异步绑定事件 -----------------\n promiseResolveThen(() => this.init())\n }\n\n private init() {\n // 设置 button 属性\n this.setActive()\n this.setDisabled()\n\n // button click\n this.$button.on('click', e => {\n e.preventDefault()\n const editor = getEditorInstance(this)\n\n editor.hidePanelOrModal() // 隐藏当前的各种 panel\n\n if (this.disabled) return\n\n this.exec() // 执行 menu.exec\n this.onButtonClick() // 执行其他的逻辑\n })\n }\n\n /**\n * 执行 menu.exec\n */\n private exec() {\n const editor = getEditorInstance(this)\n const menu = this.menu\n const value = menu.getValue(editor)\n this.setIcon()\n this.setTooltip()\n menu.exec(editor, value)\n }\n\n // 交给子类去扩展\n abstract onButtonClick(): void\n\n private setActive() {\n const editor = getEditorInstance(this)\n const { $button } = this\n const active = this.menu.isActive(editor)\n\n const className = 'active'\n if (active) {\n // 设置为 active\n $button.addClass(className)\n } else {\n // 取消 active\n $button.removeClass(className)\n }\n }\n\n private setDisabled() {\n const editor = getEditorInstance(this)\n const { $button } = this\n let disabled = this.menu.isDisabled(editor)\n\n if (editor.selection == null || editor.isDisabled()) {\n // 未选中，或者 readOnly ，强行设置为 disabled\n disabled = true\n }\n\n // 永远 enable\n if (this.menu.alwaysEnable) disabled = false\n\n const className = 'disabled'\n if (disabled) {\n // 设置为 disabled\n $button.addClass(className)\n } else {\n // 取消 disabled\n $button.removeClass(className)\n }\n\n this.disabled = disabled // 记录下来\n }\n\n private setIcon() {\n const editor = getEditorInstance(this)\n const { $button } = this\n if (!this.menu.getIcon) return\n const iconSvg = this.menu.getIcon(editor)\n\n if (iconSvg) {\n $button.find('svg').remove()\n const $svg = $(iconSvg)\n clearSvgStyle($svg)\n $button.append($svg)\n }\n }\n\n private setTooltip() {\n const editor = getEditorInstance(this)\n const { $button } = this\n if (!this.menu.getTitle) return\n const title = this.menu.getTitle(editor)\n const iconSvg = this.menu.iconSvg\n if (title && iconSvg) {\n addTooltip($button, iconSvg, title)\n }\n }\n\n changeMenuState() {\n this.setActive()\n this.setDisabled()\n }\n}\n\nexport default BaseButton\n","/**\n * @description button class\n * @author wangfupeng\n */\n\nimport { IButtonMenu } from '../interface'\nimport BaseButton from './BaseButton'\n\nclass SimpleButton extends BaseButton {\n constructor(key: string, menu: IButtonMenu, inGroup = false) {\n super(key, menu, inGroup)\n }\n onButtonClick() {\n // menu.exec 已经在 BaseButton 实现了\n // 所以，此处不用做任何逻辑\n }\n}\n\nexport default SimpleButton\n","/**\n * @description panel modal baseClass\n * @author wangfupeng\n */\n\nimport { IDomEditor } from '../../editor/interface'\nimport { Dom7Array, DOMElement } from '../../utils/dom'\nimport { EDITOR_TO_PANEL_AND_MODAL, PANEL_OR_MODAL_TO_EDITOR } from '../../utils/weak-maps'\n\nabstract class PanelAndModal {\n abstract readonly type: string\n abstract readonly $elem: Dom7Array\n isShow: boolean = false\n private showTime: number = 0 // 显示时的时间戳\n\n constructor(editor: IDomEditor) {\n this.record(editor)\n }\n\n /**\n * 记录下来，以便隐藏，API editor.hidePanelOrModal\n */\n private record(editor: IDomEditor) {\n let set = EDITOR_TO_PANEL_AND_MODAL.get(editor)\n if (set == null) {\n set = new Set()\n EDITOR_TO_PANEL_AND_MODAL.set(editor, set)\n }\n set.add(this)\n\n PANEL_OR_MODAL_TO_EDITOR.set(this, editor)\n }\n\n /**\n * 除了 content 之外的其他自己要增加的 elem\n */\n abstract genSelfElem(): Dom7Array | null\n\n renderContent(contentElem: DOMElement) {\n const { $elem } = this\n $elem.empty() // 先清空，再填充内容\n $elem.append(contentElem)\n\n // 添加自己额外的 elem\n const $selfElem = this.genSelfElem()\n if ($selfElem) {\n $elem.append($selfElem)\n }\n }\n\n appendTo($menuElem: Dom7Array) {\n const { $elem } = this\n $menuElem.append($elem)\n }\n\n show() {\n if (this.isShow) return\n this.showTime = Date.now()\n\n const { $elem } = this\n $elem.show()\n this.isShow = true\n\n // 触发事件\n const editor = PANEL_OR_MODAL_TO_EDITOR.get(this)\n if (editor) editor.emit('modalOrPanelShow', this)\n }\n\n hide() {\n if (!this.isShow) return\n\n const now = Date.now()\n if (now - this.showTime < 200) {\n // 刚显示的，不要立刻隐藏（避免频繁触发 show/hide ）\n return\n }\n\n const { $elem } = this\n $elem.hide()\n this.isShow = false\n\n // 触发事件\n const editor = PANEL_OR_MODAL_TO_EDITOR.get(this)\n if (editor) editor.emit('modalOrPanelHide')\n }\n}\n\nexport default PanelAndModal\n","/**\n * @description dropPanel class\n * @author wangfupeng\n */\n\nimport { IDomEditor } from '../../editor/interface'\nimport $, { Dom7Array } from '../../utils/dom'\nimport PanelAndModal from './BaseClass'\n\nclass DropPanel extends PanelAndModal {\n type = 'dropPanel'\n readonly $elem: Dom7Array = $(``)\n\n constructor(editor: IDomEditor) {\n super(editor)\n }\n\n genSelfElem(): Dom7Array | null {\n return null\n }\n}\n\nexport default DropPanel\n","/**\n * @description dropPanel button class\n * @author wangfupeng\n */\n\nimport { IDropPanelMenu } from '../interface'\nimport BaseButton from './BaseButton'\nimport DropPanel from '../panel-and-modal/DropPanel'\nimport { gen$downArrow } from '../helpers/helpers'\nimport { getEditorInstance } from './index'\n\nclass DropPanelButton extends BaseButton {\n private dropPanel: DropPanel | null = null\n menu: IDropPanelMenu\n\n constructor(key: string, menu: IDropPanelMenu, inGroup = false) {\n super(key, menu, inGroup)\n this.menu = menu\n\n if (menu.showDropPanel) {\n const $arrow = gen$downArrow()\n this.$button.append($arrow)\n }\n }\n\n // button 点击之后\n onButtonClick() {\n if (this.menu.showDropPanel) {\n this.handleDropPanel()\n }\n }\n\n // 显示/隐藏 dropPanel\n private handleDropPanel() {\n const menu = this.menu\n if (menu.getPanelContentElem == null) return\n const editor = getEditorInstance(this)\n\n if (this.dropPanel == null) {\n // 初次创建\n const dropPanel = new DropPanel(editor)\n const contentElem = menu.getPanelContentElem(editor)\n dropPanel.renderContent(contentElem)\n dropPanel.appendTo(this.$elem)\n dropPanel.show()\n\n // 记录下来，防止重复创建\n this.dropPanel = dropPanel\n } else {\n // 不是初次创建\n const dropPanel = this.dropPanel\n if (dropPanel.isShow) {\n // 当前处于显示状态，则隐藏\n dropPanel.hide()\n } else {\n // 当前未处于显示状态，则重新渲染内容 ，并显示\n const contentElem = menu.getPanelContentElem(editor)\n dropPanel.renderContent(contentElem)\n dropPanel.show()\n }\n }\n\n // 判断 dropPanel 的位置：在菜单右侧/左侧\n const dropPanel = this.dropPanel\n if (dropPanel.isShow) {\n const $menu = this.$elem\n const { left } = $menu.offset() // 菜单元素 left\n\n const $toolbar = $menu.parents('.w-e-bar')\n const { left: toolbarLeft } = $toolbar.offset() // toolbar left\n const toolbarWidth = $toolbar.width() // toolbar width\n const halfToolbarWidth = toolbarWidth / 2 // toolbar width 的 1/2\n\n if (left - toolbarLeft >= halfToolbarWidth) {\n // 菜单在 toolbar 的右半部分，则 dropPanel 要显示在菜单左侧\n dropPanel.$elem.css({\n left: 'none',\n right: '0',\n })\n } else {\n // 菜单在 toolbar 左半部分，则 dropPanel 显示在菜单右侧\n dropPanel.$elem.css({\n left: '0',\n right: 'none',\n })\n }\n }\n }\n}\n\nexport default DropPanelButton\n","/**\n * @description modal class\n * @author wangfupeng\n */\n\nimport $, { Dom7Array, DOMElement } from '../../utils/dom'\nimport { IPositionStyle } from '../interface'\nimport PanelAndModal from './BaseClass'\nimport { IDomEditor } from '../../editor/interface'\n// import { DomEditor } from '../../editor/dom-editor'\nimport { SVG_CLOSE } from '../../constants/svg'\nimport { PANEL_OR_MODAL_TO_EDITOR } from '../../utils/weak-maps'\n\nclass Modal extends PanelAndModal {\n type = 'modal'\n readonly $elem: Dom7Array = $(``)\n private width: number = 0\n\n constructor(editor: IDomEditor, width: number = 0) {\n super(editor)\n if (width) this.width = width\n\n const { $elem } = this\n\n // mousedown 阻止冒泡，因为在 $textContainer 通过 mousedown 隐藏 panel & modal\n $elem.on('click', e => e.stopPropagation())\n\n // esc 关闭 modal\n $elem.on('keyup', e => {\n const event = e as KeyboardEvent\n if (event.code === 'Escape') {\n this.hide()\n editor.restoreSelection() // 还原选区\n }\n })\n }\n\n /**\n * 生成要添加到 modal $elem 的元素\n * 【注意】不要直接 append 到 modal $elem ，因为它每次都会清空 html('')\n */\n genSelfElem(): Dom7Array | null {\n // 关闭按钮\n const $closeButton = $(`${SVG_CLOSE}`)\n const editor = PANEL_OR_MODAL_TO_EDITOR.get(this)\n\n $closeButton.on('click', () => {\n this.hide()\n editor?.restoreSelection()\n })\n return $closeButton\n }\n\n setStyle(positionStyle: Partial) {\n const { width, $elem } = this\n\n $elem.attr('style', '') // 先清空 style ，再重新设置\n\n if (width) $elem.css('width', `${width}px`)\n $elem.css(positionStyle)\n }\n}\n\nexport default Modal\n\n// ---------------------------------- 分割线 ----------------------------------\n\n/**\n * 生成 modal input elems\n * @param labelText label text\n * @param inputId input dom id\n * @param placeholder input placeholder\n * @returns [$container, $input]\n */\nexport function genModalInputElems(\n labelText: string,\n inputId: string,\n placeholder?: string\n): DOMElement[] {\n const $container = $('')\n $container.append(`${labelText}`)\n const $input = $(``)\n $container.append($input)\n\n return [$container[0], $input[0]]\n}\n\n/**\n * 生成 modal textarea elems\n * @param labelText label text\n * @param textareaId input dom id\n * @param placeholder input placeholder\n * @returns [$container, $textarea]\n */\nexport function genModalTextareaElems(\n labelText: string,\n textareaId: string,\n placeholder?: string\n): DOMElement[] {\n const $container = $('')\n $container.append(`${labelText}`)\n const $textarea = $(\n ``\n )\n $container.append($textarea)\n\n return [$container[0], $textarea[0]]\n}\n\n/**\n * 生成 modal button elems\n * @param buttonId button dom id\n * @param buttonText button text\n * @returns [ $container, $button ]\n */\nexport function genModalButtonElems(buttonId: string, buttonText: string): DOMElement[] {\n const $buttonContainer = $('')\n const $button = $(``)\n $buttonContainer.append($button)\n\n return [$buttonContainer[0], $button[0]]\n}\n","/**\n * @description modal button class\n * @author wangfupeng\n */\n\nimport { Element } from 'slate'\nimport { IModalMenu, IPositionStyle } from '../interface'\nimport BaseButton from './BaseButton'\nimport Modal from '../panel-and-modal/Modal'\nimport { getEditorInstance } from './index'\nimport { getPositionBySelection, getPositionByNode, correctPosition } from '../helpers/position'\nimport { DomEditor } from '../../editor/dom-editor'\nimport $ from '../../utils/dom'\n\nclass ModalButton extends BaseButton {\n private $body = $('body')\n private modal: Modal | null = null\n menu: IModalMenu\n\n constructor(key: string, menu: IModalMenu, inGroup = false) {\n super(key, menu, inGroup)\n this.menu = menu\n }\n\n onButtonClick() {\n if (this.menu.showModal) {\n this.handleModal()\n }\n }\n\n /**\n * 获取 modal 定位\n */\n private getPosition(): Partial {\n const editor = getEditorInstance(this)\n const positionNode = this.menu.getModalPositionNode(editor)\n\n if (Element.isElement(positionNode)) {\n // elem node ，按 node 定位\n return getPositionByNode(editor, positionNode, 'modal')\n }\n\n // 其他情况（如 positionNode == null 或是 text node）则按选区定位\n return getPositionBySelection(editor)\n }\n\n // 显示/隐藏 modal\n private handleModal() {\n const editor = getEditorInstance(this)\n const menu = this.menu\n\n if (this.modal == null) {\n // 初次创建\n const modal = new Modal(editor, menu.modalWidth)\n this.renderAndShowModal(modal, true)\n\n // 记录下来，防止重复创建\n this.modal = modal\n } else {\n // 不是初次创建\n const modal = this.modal\n if (modal.isShow) {\n // 当前处于显示状态，则隐藏\n modal.hide()\n } else {\n // 当前未处于显示状态，则重新渲染内容 ，并显示\n this.renderAndShowModal(modal, false)\n }\n }\n }\n\n /**\n * 渲染并显示 modal\n * @param modal modal\n * @param firstTime 是否第一次显示 modal\n */\n private renderAndShowModal(modal: Modal, firstTime: boolean = false) {\n const editor = getEditorInstance(this)\n const menu = this.menu\n if (menu.getModalContentElem == null) return\n\n const textarea = DomEditor.getTextarea(editor)\n const toolbar = DomEditor.getToolbar(editor)\n const { modalAppendToBody } = toolbar?.getConfig() || {}\n\n const contentElem = menu.getModalContentElem(editor)\n modal.renderContent(contentElem)\n\n if (modalAppendToBody) {\n // appendTo body 时，用户自己设置 modal 定位\n modal.setStyle({ left: '0', right: '0' })\n } else {\n // 计算并设置 modal position\n const positionStyle = this.getPosition()\n modal.setStyle(positionStyle)\n }\n\n if (firstTime) {\n if (modalAppendToBody) {\n modal.appendTo(this.$body)\n } else {\n modal.appendTo(textarea.$textAreaContainer)\n }\n }\n\n modal.show()\n\n if (!modalAppendToBody) {\n // 修正 modal 定位，避免超出 textContainer 边界（ appendTo body 则不用设置，用户自己设置 ）\n correctPosition(editor, modal.$elem)\n }\n\n // 让 editor 失焦，否则点击 modal 触发 onChange 会导致 modal 隐藏\n setTimeout(() => {\n editor.blur()\n })\n }\n}\n\nexport default ModalButton\n","/**\n * @description SelectList class\n * @author wangfupeng\n */\n\nimport $, { Dom7Array } from '../../utils/dom'\nimport { IOption } from '../interface'\nimport PanelAndModal from './BaseClass'\nimport { IDomEditor } from '../../editor/interface'\nimport { SVG_CHECK_MARK } from '../../constants/svg'\n\n// “对号”icon\nfunction gen$SelectedIcon() {\n return $(SVG_CHECK_MARK)\n}\n\nclass SelectList extends PanelAndModal {\n type = 'selectList'\n readonly $elem: Dom7Array = $(``)\n\n constructor(editor: IDomEditor, width?: number) {\n super(editor)\n\n if (width) {\n this.$elem.css('width', `${width}px`)\n }\n\n this.$elem.on('click', (e: Event) => {\n // selectList 如有滚动条，可能会点击拖拽，参考 https://github.com/cycleccc/wangEditor-v5/issues/325\n // 此时需要阻止冒泡，因为在 $container.on('mousedown', () => editor.hidePanelOrModal()) ，$container 就是 `.w-e-text-container`\n e.stopPropagation()\n })\n }\n\n /**\n * 渲染 list\n * @param options select options\n */\n renderList(options: IOption[]) {\n const $elem = this.$elem\n $elem.empty() // 先清空内容，再重新渲染\n\n const $list = $(``)\n options.forEach(opt => {\n const { value, text, selected, styleForRenderMenuList } = opt\n const $li = $(``) // 【注意】必须用 必须用 data-value！！！\n\n if (styleForRenderMenuList) {\n $li.css(styleForRenderMenuList)\n }\n\n if (selected) {\n const $selectedIcon = gen$SelectedIcon()\n $li.append($selectedIcon)\n $li.addClass('selected')\n }\n\n $li.append($(`${text}`))\n $li.attr('title', text)\n $list.append($li)\n })\n $elem.append($list)\n }\n\n genSelfElem(): Dom7Array | null {\n return null\n }\n}\n\nexport default SelectList\n","/**\n * @description select\n * @author wangfupeng\n */\n\nimport $, { Dom7Array } from '../../utils/dom'\nimport { IBarItem, getEditorInstance } from './index'\nimport { IOption, ISelectMenu } from '../interface'\nimport SelectList from '../panel-and-modal/SelectList'\nimport { gen$downArrow } from '../helpers/helpers'\nimport { promiseResolveThen } from '../../utils/util'\nimport { addTooltip } from './tooltip'\n\n// 根据 option value 获取 text\nfunction getOptionText(options: IOption[], value: string): string {\n const length = options.length\n let text = ''\n for (let i = 0; i < length; i++) {\n const opt = options[i]\n if (opt.value === value) {\n text = opt.text\n break\n }\n }\n return text\n}\n\nclass BarItemSelect implements IBarItem {\n readonly $elem: Dom7Array = $(``)\n private readonly $button: Dom7Array = $(``)\n menu: ISelectMenu\n private disabled = false\n private selectList: SelectList | null = null\n\n constructor(key: string, menu: ISelectMenu, inGroup = false) {\n // 验证 tag\n const { tag, title, width, iconSvg = '', hotkey = '' } = menu\n if (tag !== 'select') throw new Error(`Invalid tag '${tag}', expected 'select'`)\n\n // 初始化 dom\n const $button = this.$button\n if (width) {\n $button.css('width', `${width}px`)\n }\n $button.attr('data-menu-key', key) // menu key\n addTooltip($button, iconSvg, title, hotkey, inGroup) // 设置 tooltip\n this.$elem.append($button)\n\n this.menu = menu\n\n // 异步绑定事件\n promiseResolveThen(() => this.init())\n }\n\n private init() {\n // 设置 select 属性\n this.setSelectedValue()\n\n // select button click\n this.$button.on('click', (e: Event) => {\n e.preventDefault()\n const editor = getEditorInstance(this)\n editor.hidePanelOrModal() // 隐藏当前的各种 panel\n this.trigger()\n })\n }\n\n private trigger() {\n const editor = getEditorInstance(this)\n\n if (editor.isDisabled()) return\n if (this.disabled) return\n\n const menu = this.menu\n\n // 显示下拉列表\n if (this.selectList == null) {\n // 初次创建，渲染 list 并显示\n this.selectList = new SelectList(editor, menu.selectPanelWidth)\n const selectList = this.selectList\n const options = menu.getOptions(editor)\n selectList.renderList(options)\n selectList.appendTo(this.$elem)\n selectList.show()\n\n // 初次创建，绑定事件\n selectList.$elem.on('click', 'li', (e: Event) => {\n const { target } = e\n if (target == null) return\n\n e.preventDefault()\n const $li = $(target)\n const val = $li.attr('data-value')\n this.onChange(val)\n })\n } else {\n // 不是初次创建\n const selectList = this.selectList\n if (selectList.isShow) {\n // 当前处于显示状态，则隐藏\n selectList.hide()\n } else {\n // 当前未处于显示状态，则重新渲染 list ，并显示\n const options = menu.getOptions(editor) // 每次都要重新获取 options ，因为选中项可能会变化\n selectList.renderList(options)\n selectList.show()\n }\n }\n }\n\n private onChange(value: string) {\n const editor = getEditorInstance(this)\n const menu = this.menu\n menu.exec && menu.exec(editor, value)\n }\n\n private setSelectedValue() {\n const editor = getEditorInstance(this)\n const menu = this.menu\n const value = menu.getValue(editor)\n\n const options = menu.getOptions(editor)\n const optText = getOptionText(options, value.toString())\n\n const $button = this.$button\n const $downArrow = gen$downArrow() // 向下的箭头图标\n $button.empty()\n $button.text(optText)\n $button.append($downArrow)\n }\n\n private setDisabled() {\n const editor = getEditorInstance(this)\n const menu = this.menu\n let disabled = menu.isDisabled(editor)\n const $button = this.$button\n\n if (editor.selection == null || editor.isDisabled()) {\n // 未选中，或者 readOnly ，强行设置为 disabled\n disabled = true\n }\n\n const className = 'disabled'\n if (disabled) {\n // 设置为 disabled\n $button.addClass(className)\n } else {\n // 取消 disabled\n $button.removeClass(className)\n }\n\n this.disabled = disabled // 记录下来\n }\n\n changeMenuState() {\n this.setSelectedValue()\n this.setDisabled()\n }\n}\n\nexport default BarItemSelect\n","/**\n * @description group button class\n * @author wangfupeng\n */\n\nimport { gen$downArrow } from '../helpers/helpers'\nimport $, { Dom7Array } from '../../utils/dom'\nimport { IMenuGroup } from '../interface'\nimport { clearSvgStyle } from '../helpers/helpers'\nimport { IBarItem } from './index'\nclass GroupButton {\n readonly $elem: Dom7Array = $(``)\n private readonly $container: Dom7Array = $('')\n readonly $button = $(``)\n\n constructor(menu: IMenuGroup) {\n const { key, iconSvg, title /*, menuKeys = [] */ } = menu\n const { $elem, $button } = this\n\n // button\n if (iconSvg) {\n const $svg = $(iconSvg)\n clearSvgStyle($svg) // 清理 svg 样式（扩展的菜单，svg 是不可控的，所以要清理一下）\n $button.append($svg)\n } else {\n // 无 icon 则显示 title\n $button.text(title)\n }\n $button.attr('data-menu-key', key) // menu key\n\n const $arrow = gen$downArrow()\n $button.append($arrow)\n $elem.append($button)\n\n // menu container\n const { $container } = this\n $elem.append($container)\n\n // 监听 container 内容变化，以判断 $button 是否应该禁用\n const observer = this.createObserver()\n this.observe(observer)\n }\n\n appendBarItem(barItem: IBarItem) {\n const { $elem } = barItem\n this.$container.append($elem)\n }\n\n private observe(observer: MutationObserver) {\n const { $container } = this\n observer.observe($container[0], { childList: true, subtree: true, attributes: true })\n }\n\n private createObserver(): MutationObserver {\n const { $container, $button } = this\n\n const observer = new MutationObserver(() => {\n // 找出 container 下所有的 button\n const $buttons = $container.find('button')\n const buttonsLength = $buttons.length\n if (buttonsLength === 0) return\n\n // 找出所有 disabled 的 button\n let disabledButtonsLength = 0\n $buttons.each(btn => {\n const $btn = $(btn)\n if ($btn.hasClass('disabled')) {\n disabledButtonsLength++\n }\n })\n\n // 判断 group button 是否应该被禁用\n observer.disconnect()\n if (disabledButtonsLength === buttonsLength) {\n // 如果 container 所有的 button 都已经 disabled ，则当前的 GroupButton 也需要 disabled\n $button.addClass('disabled')\n } else {\n // 否则，取消当前的 GroupButton disabled\n $button.removeClass('disabled')\n }\n this.observe(observer)\n })\n\n return observer\n }\n}\n\nexport default GroupButton\n","/**\n * @description bar item\n * @author wangfupeng\n */\n\nimport { Dom7Array } from '../../utils/dom'\nimport { IButtonMenu, ISelectMenu, IDropPanelMenu, IModalMenu, IMenuGroup } from '../interface'\nimport { IDomEditor } from '../../editor/interface'\nimport { BAR_ITEM_TO_EDITOR } from '../../utils/weak-maps'\nimport SimpleButton from './SimpleButton'\nimport DropPanelButton from './DropPanelButton'\nimport ModalButton from './ModalButton'\nimport Select from './Select'\nimport GroupButton from './GroupButton'\n\ntype MenuType = IButtonMenu | ISelectMenu | IDropPanelMenu | IModalMenu\n\nexport interface IBarItem {\n $elem: Dom7Array\n menu: MenuType\n changeMenuState: () => void\n}\n\n// menu -> barItem\nconst MENU_TO_BAR_ITEM = new WeakMap()\n\nexport function getEditorInstance(item: IBarItem): IDomEditor {\n const editor = BAR_ITEM_TO_EDITOR.get(item)\n if (editor == null) throw new Error('Can not get editor instance')\n return editor\n}\n\n/**\n * 创建 bar button/select\n * @param key menu key\n * @param menu menu\n * @param inGroup 在 groupButton 中\n */\nexport function createBarItem(key: string, menu: MenuType, inGroup: boolean = false): IBarItem {\n // 尝试从缓存获取\n let barItem = MENU_TO_BAR_ITEM.get(menu)\n if (barItem) return barItem\n\n // 缓存没有则创建\n const { tag } = menu\n if (tag === 'button') {\n // @ts-ignore\n const { showDropPanel, showModal } = menu\n if (showDropPanel) {\n barItem = new DropPanelButton(key, menu as IDropPanelMenu, inGroup)\n } else if (showModal) {\n barItem = new ModalButton(key, menu as IModalMenu, inGroup)\n } else {\n barItem = new SimpleButton(key, menu, inGroup)\n }\n }\n if (tag === 'select') {\n barItem = new Select(key, menu as ISelectMenu, inGroup)\n }\n\n if (barItem == null) throw new Error(`Invalid tag in menu ${JSON.stringify(menu)}`)\n\n // 记录缓存\n MENU_TO_BAR_ITEM.set(menu, barItem)\n\n return barItem\n}\n\nexport function createBarItemGroup(menu: IMenuGroup): GroupButton {\n return new GroupButton(menu)\n}\n","/**\n * @description hover bar class\n * @author wangfupeng\n */\n\nimport debounce from 'lodash.debounce'\nimport {\n Editor, Element, Node, Path, Range, Text,\n} from 'slate'\n\nimport { CustomElement } from '../../../../custom-types'\nimport { EditorEvents } from '../../config/interface'\nimport { DomEditor } from '../../editor/dom-editor'\nimport { IDomEditor } from '../../editor/interface'\nimport { i18nListenLanguage } from '../../i18n'\nimport $ from '../../utils/dom'\nimport { promiseResolveThen } from '../../utils/util'\nimport { BAR_ITEM_TO_EDITOR, HOVER_BAR_TO_EDITOR } from '../../utils/weak-maps'\nimport { createBarItem, IBarItem } from '../bar-item/index'\nimport { gen$barItemDivider } from '../helpers/helpers'\nimport { correctPosition, getPositionByNode, getPositionBySelection } from '../helpers/position'\nimport {\n IButtonMenu, IDropPanelMenu, IModalMenu, ISelectMenu,\n} from '../interface'\nimport { MENU_ITEM_FACTORIES } from '../register'\n\ntype MenuType = IButtonMenu | ISelectMenu | IDropPanelMenu | IModalMenu\n\n/**\n * 是否选中了 text （用于 text hoverbarKeys）\n * @param editor editor\n * @param n node\n */\nfunction isSelectedText(editor: IDomEditor, n: Node) {\n const { selection } = editor\n\n if (selection == null) { return false } // 无选区\n if (Range.isCollapsed(selection)) { return false } // 未选中文字，选区的是折叠的\n\n const selectedElems = DomEditor.getSelectedElems(editor)\n const notMatch = selectedElems.some((elem: CustomElement) => {\n if (editor.isVoid(elem)) { return true }\n\n const { type } = elem\n\n if (['pre', 'code', 'table'].includes(type)) { return true }\n return false\n })\n\n if (notMatch) { return false }\n\n if (Text.isText(n)) { return true } // 匹配 text node\n return false\n}\n\nclass HoverBar {\n private readonly $elem = $('')\n\n private menus: { [key: string]: MenuType } = {}\n\n private hoverbarItems: IBarItem[] = []\n\n private prevSelectedNode: Node | null = null // 上一次选中的 node\n\n private isShow = false\n\n private lngListen: () => void = () => {}\n\n constructor() {\n // 异步，否则获取不到 DOM 和 editor\n promiseResolveThen(() => {\n const editor = this.getEditorInstance()\n\n // 将 elem 渲染为 DOM\n const $elem = this.$elem\n // @ts-ignore\n\n $elem.on('mousedown', e => e.preventDefault(), { passive: false }) // 防止点击失焦\n const textarea = DomEditor.getTextarea(editor)\n\n textarea.$textAreaContainer.append($elem)\n\n // 绑定 editor onchange\n editor.on(EditorEvents.CHANGE, this.changeHoverbarState)\n\n // 滚动时隐藏\n const hideAndClean = this.hideAndClean.bind(this)\n\n editor.on(EditorEvents.SCROLL, hideAndClean)\n\n // fullScreen 时隐藏\n editor.on(EditorEvents.FULLSCREEN, hideAndClean)\n editor.on(EditorEvents.UNFULLSCREEN, hideAndClean)\n })\n\n // 监听语言变更\n this.lngListen = i18nListenLanguage(() => {\n // 清空menu缓存\n this.menus = {}\n // 切换语言直接关闭\n this.hideAndClean()\n // xxx\n const editor = this.getEditorInstance()\n\n editor.deselect()\n })\n }\n\n getMenus() {\n return this.menus\n }\n\n hideAndClean() {\n const $elem = this.$elem\n\n $elem.removeClass('w-e-bar-show').addClass('w-e-bar-hidden')\n\n // 及时先清空内容，否则影响下次\n this.hoverbarItems = []\n $elem.empty()\n\n this.isShow = false\n }\n\n /**\n * 判断 hoverbar 是否在网页下部？\n * 如果是，SelectList 和 DropPanel 要显示在 hoverbar 上面\n */\n private checkPositionBottom() {\n const $elem = this.$elem\n\n let isBottom = false\n const innerHeight = typeof window !== 'undefined' ? window.innerHeight : null\n const minDistance = 360 // 距离底部最小 360px\n\n if (innerHeight && innerHeight >= minDistance) {\n const { bottom } = $elem[0].getBoundingClientRect()\n\n if (innerHeight - bottom < minDistance) {\n // hoverbar 距离底部不足 360\n isBottom = true\n }\n }\n if (isBottom) {\n $elem.addClass('w-e-bar-bottom')\n } else {\n $elem.removeClass('w-e-bar-bottom')\n }\n }\n\n private show() {\n this.$elem.removeClass('w-e-bar-hidden').addClass('w-e-bar-show')\n this.isShow = true\n\n // 判断 hoverbar 是否在网页下部\n this.checkPositionBottom()\n }\n\n private changeItemsState() {\n promiseResolveThen(() => {\n this.hoverbarItems.forEach(item => {\n item.changeMenuState()\n })\n })\n }\n\n private registerItems(menuKeys: string[]) {\n const $elem = this.$elem\n\n menuKeys.forEach(key => {\n if (key === '|') {\n // 分割线\n const $divider = gen$barItemDivider()\n\n $elem.append($divider)\n return\n }\n\n // 正常菜单\n this.registerSingleItem(key)\n })\n }\n\n // 注册单个 bar item\n private registerSingleItem(key: string) {\n const editor = this.getEditorInstance()\n\n // 尝试从缓存中获取\n const { menus } = this\n let menu = menus[key]\n\n if (menu == null) {\n // 缓存获取失败，则重新创建\n const factory = MENU_ITEM_FACTORIES[key]\n\n if (factory == null) {\n throw new Error(`Not found menu item factory by key '${key}'`)\n }\n if (typeof factory !== 'function') {\n throw new Error(`Menu item factory (key='${key}') is not a function`)\n }\n\n // 创建 barItem 并记录缓存\n menu = factory()\n menus[key] = menu\n }\n\n // 替换 icon svg\n const menuConf = editor.getMenuConfig(key)\n\n if (menuConf && menuConf.iconSvg !== undefined) {\n menu.iconSvg = menuConf.iconSvg\n }\n\n const barItem = createBarItem(key, menu)\n\n this.hoverbarItems.push(barItem)\n\n // 保存 barItem 和 editor 的关系\n BAR_ITEM_TO_EDITOR.set(barItem, editor)\n\n // 添加 DOM\n const $elem = this.$elem\n\n $elem.append(barItem.$elem)\n }\n\n private setPosition(node: Node) {\n const editor = this.getEditorInstance()\n const $elem = this.$elem\n\n $elem.attr('style', '') // 先清空 style ，再重新设置\n\n if (Element.isElement(node)) {\n // 根据 elem node 定位\n const positionStyle = getPositionByNode(editor, node, 'bar')\n\n $elem.css(positionStyle)\n correctPosition(editor, $elem) // 修正 position 避免超出 textContainer 边界\n return\n }\n if (Text.isText(node)) {\n // text node ，根据选区定位\n const positionStyle = getPositionBySelection(editor)\n\n $elem.css(positionStyle)\n correctPosition(editor, $elem) // 修正 position 避免超出 textContainer 边界\n return\n }\n // 其他情况，非 elem 非 text ，不处理\n throw new Error('hoverbar.setPosition error, current selected node is not elem nor text')\n }\n\n /**\n * 获取选中的 node ，以及对应的 menu keys\n */\n private getSelectedNodeAndMenuKeys(): { node: Node; menuKeys: string[] } | null {\n const editor = this.getEditorInstance()\n\n if (editor.selection == null) {\n return null\n }\n\n // 获取 hover bar 配置\n const keysConf = this.getHoverbarKeysConf()\n // 开始匹配\n let matchNode: Node | null = null\n let matchMenuKeys: string[] = []\n\n // eslint-disable-next-line guard-for-in\n for (const elemType in keysConf) {\n const conf = keysConf[elemType]\n const { match, menuKeys = [] } = conf\n\n // 定义了 match 则用 match 。未定义 match 则用 elemType\n const matchFn = match || ((_editor: IDomEditor, n: Node) => DomEditor.checkNodeType(n, elemType))\n\n const [nodeEntry] = Editor.nodes(editor, {\n match: n => matchFn(editor, n),\n universal: true,\n })\n\n // 匹配成功（找到第一个就停止，不再继续找了）\n if (nodeEntry != null) {\n matchNode = nodeEntry[0]\n matchMenuKeys = menuKeys\n break\n }\n }\n\n // 未匹配成功\n if (matchNode == null || matchMenuKeys.length === 0) { return null }\n\n // 匹配成功\n return {\n node: matchNode,\n menuKeys: matchMenuKeys,\n }\n }\n\n /**\n * editor onChange 时触发（涉及 DOM 操作，加防抖）\n */\n changeHoverbarState = debounce(() => {\n // 获取选中的 node ，以及对应的 menu keys\n const { isShow } = this\n const { node = null, menuKeys = [] } = this.getSelectedNodeAndMenuKeys() || {}\n\n if (node != null) {\n this.changeItemsState() // 更新菜单状态\n }\n\n if (node && Element.isElement(node)) {\n // 选中了 elem node（不可以是 text node）\n if (isShow) {\n // hoverbar 当前已显示\n const samePath = this.isSamePath(node, this.prevSelectedNode)\n\n if (samePath) {\n // 和之前选中的 node path 相同 —— 满足这些条件，即终止\n return\n }\n }\n }\n\n // 选择了新的 node（或选区是 null），先隐藏\n this.hideAndClean()\n\n if (node != null) {\n // 选中了新的 node\n this.registerItems(menuKeys)\n this.setPosition(node)\n this.show()\n }\n\n // 最后，重新记录 prevSelectedNode ，重要\n this.prevSelectedNode = node\n }, 200)\n\n private getEditorInstance(): IDomEditor {\n const editor = HOVER_BAR_TO_EDITOR.get(this)\n\n if (editor == null) { throw new Error('Can not get editor instance') }\n return editor\n }\n\n private getHoverbarKeysConf() {\n const editor = this.getEditorInstance()\n const { hoverbarKeys = {} } = editor.getConfig()\n\n const textHoverbarKeys = hoverbarKeys.text\n\n if (textHoverbarKeys && textHoverbarKeys.match == null) {\n // 对 text hoverbarKeys 增加 match 函数（否则无法判断是否选中了 text）\n textHoverbarKeys.match = isSelectedText\n }\n\n return hoverbarKeys\n }\n\n /**\n * 检查两个 node 是否 path 相等\n */\n private isSamePath(node1: Node | null, node2: Node | null) {\n if (node1 == null || node2 == null) {\n return false\n }\n\n const path1 = DomEditor.findPath(null, node1)\n const path2 = DomEditor.findPath(null, node2)\n const res = Path.equals(path1, path2)\n\n return res\n }\n\n /**\n * 销毁 hoverbar\n */\n destroy() {\n // fix https://github.com/cycleccc/wangEditor-v5/issues/410\n this.changeHoverbarState.cancel()\n // 销毁 DOM\n this.$elem.remove()\n\n // 销毁语言监听\n this.lngListen?.()\n\n // 清空属性\n this.menus = {}\n this.hoverbarItems = []\n this.prevSelectedNode = null\n }\n}\n\nexport default HoverBar\n","/**\n * lodash (Custom Build) \n * Build: `lodash modularize exports=\"npm\" -o ./`\n * Copyright jQuery Foundation and other contributors \n * Released under MIT license \n * Based on Underscore.js 1.8.3 \n * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors\n */\n\n/** Used as the `TypeError` message for \"Functions\" methods. */\nvar FUNC_ERROR_TEXT = 'Expected a function';\n\n/** Used as references for various `Number` constants. */\nvar NAN = 0 / 0;\n\n/** `Object#toString` result references. */\nvar symbolTag = '[object Symbol]';\n\n/** Used to match leading and trailing whitespace. */\nvar reTrim = /^\\s+|\\s+$/g;\n\n/** Used to detect bad signed hexadecimal string values. */\nvar reIsBadHex = /^[-+]0x[0-9a-f]+$/i;\n\n/** Used to detect binary string values. */\nvar reIsBinary = /^0b[01]+$/i;\n\n/** Used to detect octal string values. */\nvar reIsOctal = /^0o[0-7]+$/i;\n\n/** Built-in method references without a dependency on `root`. */\nvar freeParseInt = parseInt;\n\n/** Detect free variable `global` from Node.js. */\nvar freeGlobal = typeof global == 'object' && global && global.Object === Object && global;\n\n/** Detect free variable `self`. */\nvar freeSelf = typeof self == 'object' && self && self.Object === Object && self;\n\n/** Used as a reference to the global object. */\nvar root = freeGlobal || freeSelf || Function('return this')();\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar objectToString = objectProto.toString;\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeMax = Math.max,\n nativeMin = Math.min;\n\n/**\n * Gets the timestamp of the number of milliseconds that have elapsed since\n * the Unix epoch (1 January 1970 00:00:00 UTC).\n *\n * @static\n * @memberOf _\n * @since 2.4.0\n * @category Date\n * @returns {number} Returns the timestamp.\n * @example\n *\n * _.defer(function(stamp) {\n * console.log(_.now() - stamp);\n * }, _.now());\n * // => Logs the number of milliseconds it took for the deferred invocation.\n */\nvar now = function() {\n return root.Date.now();\n};\n\n/**\n * Creates a debounced function that delays invoking `func` until after `wait`\n * milliseconds have elapsed since the last time the debounced function was\n * invoked. The debounced function comes with a `cancel` method to cancel\n * delayed `func` invocations and a `flush` method to immediately invoke them.\n * Provide `options` to indicate whether `func` should be invoked on the\n * leading and/or trailing edge of the `wait` timeout. The `func` is invoked\n * with the last arguments provided to the debounced function. Subsequent\n * calls to the debounced function return the result of the last `func`\n * invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the debounced function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `_.debounce` and `_.throttle`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to debounce.\n * @param {number} [wait=0] The number of milliseconds to delay.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=false]\n * Specify invoking on the leading edge of the timeout.\n * @param {number} [options.maxWait]\n * The maximum time `func` is allowed to be delayed before it's invoked.\n * @param {boolean} [options.trailing=true]\n * Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new debounced function.\n * @example\n *\n * // Avoid costly calculations while the window size is in flux.\n * jQuery(window).on('resize', _.debounce(calculateLayout, 150));\n *\n * // Invoke `sendMail` when clicked, debouncing subsequent calls.\n * jQuery(element).on('click', _.debounce(sendMail, 300, {\n * 'leading': true,\n * 'trailing': false\n * }));\n *\n * // Ensure `batchLog` is invoked once after 1 second of debounced calls.\n * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });\n * var source = new EventSource('/stream');\n * jQuery(source).on('message', debounced);\n *\n * // Cancel the trailing debounced invocation.\n * jQuery(window).on('popstate', debounced.cancel);\n */\nfunction debounce(func, wait, options) {\n var lastArgs,\n lastThis,\n maxWait,\n result,\n timerId,\n lastCallTime,\n lastInvokeTime = 0,\n leading = false,\n maxing = false,\n trailing = true;\n\n if (typeof func != 'function') {\n throw new TypeError(FUNC_ERROR_TEXT);\n }\n wait = toNumber(wait) || 0;\n if (isObject(options)) {\n leading = !!options.leading;\n maxing = 'maxWait' in options;\n maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;\n trailing = 'trailing' in options ? !!options.trailing : trailing;\n }\n\n function invokeFunc(time) {\n var args = lastArgs,\n thisArg = lastThis;\n\n lastArgs = lastThis = undefined;\n lastInvokeTime = time;\n result = func.apply(thisArg, args);\n return result;\n }\n\n function leadingEdge(time) {\n // Reset any `maxWait` timer.\n lastInvokeTime = time;\n // Start the timer for the trailing edge.\n timerId = setTimeout(timerExpired, wait);\n // Invoke the leading edge.\n return leading ? invokeFunc(time) : result;\n }\n\n function remainingWait(time) {\n var timeSinceLastCall = time - lastCallTime,\n timeSinceLastInvoke = time - lastInvokeTime,\n result = wait - timeSinceLastCall;\n\n return maxing ? nativeMin(result, maxWait - timeSinceLastInvoke) : result;\n }\n\n function shouldInvoke(time) {\n var timeSinceLastCall = time - lastCallTime,\n timeSinceLastInvoke = time - lastInvokeTime;\n\n // Either this is the first call, activity has stopped and we're at the\n // trailing edge, the system time has gone backwards and we're treating\n // it as the trailing edge, or we've hit the `maxWait` limit.\n return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||\n (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));\n }\n\n function timerExpired() {\n var time = now();\n if (shouldInvoke(time)) {\n return trailingEdge(time);\n }\n // Restart the timer.\n timerId = setTimeout(timerExpired, remainingWait(time));\n }\n\n function trailingEdge(time) {\n timerId = undefined;\n\n // Only invoke if we have `lastArgs` which means `func` has been\n // debounced at least once.\n if (trailing && lastArgs) {\n return invokeFunc(time);\n }\n lastArgs = lastThis = undefined;\n return result;\n }\n\n function cancel() {\n if (timerId !== undefined) {\n clearTimeout(timerId);\n }\n lastInvokeTime = 0;\n lastArgs = lastCallTime = lastThis = timerId = undefined;\n }\n\n function flush() {\n return timerId === undefined ? result : trailingEdge(now());\n }\n\n function debounced() {\n var time = now(),\n isInvoking = shouldInvoke(time);\n\n lastArgs = arguments;\n lastThis = this;\n lastCallTime = time;\n\n if (isInvoking) {\n if (timerId === undefined) {\n return leadingEdge(lastCallTime);\n }\n if (maxing) {\n // Handle invocations in a tight loop.\n timerId = setTimeout(timerExpired, wait);\n return invokeFunc(lastCallTime);\n }\n }\n if (timerId === undefined) {\n timerId = setTimeout(timerExpired, wait);\n }\n return result;\n }\n debounced.cancel = cancel;\n debounced.flush = flush;\n return debounced;\n}\n\n/**\n * Creates a throttled function that only invokes `func` at most once per\n * every `wait` milliseconds. The throttled function comes with a `cancel`\n * method to cancel delayed `func` invocations and a `flush` method to\n * immediately invoke them. Provide `options` to indicate whether `func`\n * should be invoked on the leading and/or trailing edge of the `wait`\n * timeout. The `func` is invoked with the last arguments provided to the\n * throttled function. Subsequent calls to the throttled function return the\n * result of the last `func` invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the throttled function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `_.throttle` and `_.debounce`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to throttle.\n * @param {number} [wait=0] The number of milliseconds to throttle invocations to.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=true]\n * Specify invoking on the leading edge of the timeout.\n * @param {boolean} [options.trailing=true]\n * Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new throttled function.\n * @example\n *\n * // Avoid excessively updating the position while scrolling.\n * jQuery(window).on('scroll', _.throttle(updatePosition, 100));\n *\n * // Invoke `renewToken` when the click event is fired, but not more than once every 5 minutes.\n * var throttled = _.throttle(renewToken, 300000, { 'trailing': false });\n * jQuery(element).on('click', throttled);\n *\n * // Cancel the trailing throttled invocation.\n * jQuery(window).on('popstate', throttled.cancel);\n */\nfunction throttle(func, wait, options) {\n var leading = true,\n trailing = true;\n\n if (typeof func != 'function') {\n throw new TypeError(FUNC_ERROR_TEXT);\n }\n if (isObject(options)) {\n leading = 'leading' in options ? !!options.leading : leading;\n trailing = 'trailing' in options ? !!options.trailing : trailing;\n }\n return debounce(func, wait, {\n 'leading': leading,\n 'maxWait': wait,\n 'trailing': trailing\n });\n}\n\n/**\n * Checks if `value` is the\n * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)\n * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an object, else `false`.\n * @example\n *\n * _.isObject({});\n * // => true\n *\n * _.isObject([1, 2, 3]);\n * // => true\n *\n * _.isObject(_.noop);\n * // => true\n *\n * _.isObject(null);\n * // => false\n */\nfunction isObject(value) {\n var type = typeof value;\n return !!value && (type == 'object' || type == 'function');\n}\n\n/**\n * Checks if `value` is object-like. A value is object-like if it's not `null`\n * and has a `typeof` result of \"object\".\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is object-like, else `false`.\n * @example\n *\n * _.isObjectLike({});\n * // => true\n *\n * _.isObjectLike([1, 2, 3]);\n * // => true\n *\n * _.isObjectLike(_.noop);\n * // => false\n *\n * _.isObjectLike(null);\n * // => false\n */\nfunction isObjectLike(value) {\n return !!value && typeof value == 'object';\n}\n\n/**\n * Checks if `value` is classified as a `Symbol` primitive or object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.\n * @example\n *\n * _.isSymbol(Symbol.iterator);\n * // => true\n *\n * _.isSymbol('abc');\n * // => false\n */\nfunction isSymbol(value) {\n return typeof value == 'symbol' ||\n (isObjectLike(value) && objectToString.call(value) == symbolTag);\n}\n\n/**\n * Converts `value` to a number.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to process.\n * @returns {number} Returns the number.\n * @example\n *\n * _.toNumber(3.2);\n * // => 3.2\n *\n * _.toNumber(Number.MIN_VALUE);\n * // => 5e-324\n *\n * _.toNumber(Infinity);\n * // => Infinity\n *\n * _.toNumber('3.2');\n * // => 3.2\n */\nfunction toNumber(value) {\n if (typeof value == 'number') {\n return value;\n }\n if (isSymbol(value)) {\n return NAN;\n }\n if (isObject(value)) {\n var other = typeof value.valueOf == 'function' ? value.valueOf() : value;\n value = isObject(other) ? (other + '') : other;\n }\n if (typeof value != 'string') {\n return value === 0 ? value : +value;\n }\n value = value.replace(reTrim, '');\n var isBinary = reIsBinary.test(value);\n return (isBinary || reIsOctal.test(value))\n ? freeParseInt(value.slice(2), isBinary ? 2 : 8)\n : (reIsBadHex.test(value) ? NAN : +value);\n}\n\nmodule.exports = throttle;\n","/**\n * @description textarea helper fns\n * @author wangfupeng\n */\n\nimport { Editor } from 'slate'\nimport { DOMRange, DOMNode, isDOMNode } from '../utils/dom'\nimport { IDomEditor } from '../editor/interface'\nimport { DomEditor } from '../editor/dom-editor'\n\n/**\n * Check if two DOM range objects are equal.\n */\nexport const isRangeEqual = (a: DOMRange, b: DOMRange) => {\n return (\n (a.startContainer === b.startContainer &&\n a.startOffset === b.startOffset &&\n a.endContainer === b.endContainer &&\n a.endOffset === b.endOffset) ||\n (a.startContainer === b.endContainer &&\n a.startOffset === b.endOffset &&\n a.endContainer === b.startContainer &&\n a.endOffset === b.startOffset)\n )\n}\n\n/**\n * Check if the target is editable and in the editor.\n */\nexport function hasEditableTarget(\n editor: IDomEditor,\n target: EventTarget | null\n): target is DOMNode {\n return isDOMNode(target) && DomEditor.hasDOMNode(editor, target, { editable: true })\n}\n\n/**\n * Check if the target is inside void and in an non-readonly editor.\n */\nexport function isTargetInsideNonReadonlyVoid(\n editor: IDomEditor,\n target: EventTarget | null\n): boolean {\n const { readOnly } = editor.getConfig()\n if (readOnly) return false\n\n const slateNode = hasTarget(editor, target) && DomEditor.toSlateNode(editor, target)\n return Editor.isVoid(editor, slateNode)\n}\n\n/**\n * Check if the target is in the editor.\n */\nexport function hasTarget(editor: IDomEditor, target: EventTarget | null): target is DOMNode {\n return isDOMNode(target) && DomEditor.hasDOMNode(editor, target)\n}\n\n/**\n * Check if a DOM event is overrode by a handler.\n */\nexport function isDOMEventHandled(event: Event, handler?: (event: Event) => void | boolean) {\n if (!handler) {\n return false\n }\n\n // The custom event handler may return a boolean to specify whether the event\n // shall be treated as being handled or not.\n const shouldTreatEventAsHandled = handler(event)\n\n if (shouldTreatEventAsHandled != null) {\n return shouldTreatEventAsHandled\n }\n\n return event.defaultPrevented\n}\n","const t=t=>\"object\"==typeof t&&null!=t&&1===t.nodeType,e=(t,e)=>(!e||\"hidden\"!==t)&&(\"visible\"!==t&&\"clip\"!==t),n=(t,n)=>{if(t.clientHeight{const e=(t=>{if(!t.ownerDocument||!t.ownerDocument.defaultView)return null;try{return t.ownerDocument.defaultView.frameElement}catch(t){return null}})(t);return!!e&&(e.clientHeightre||r>t&&i=e&&s>=n?r-t-o:i>e&&sn?i-e+l:0,l=t=>{const e=t.parentElement;return null==e?t.getRootNode().host||null:e},r=(e,r)=>{var i,s,d,h;if(\"undefined\"==typeof document)return[];const{scrollMode:c,block:f,inline:u,boundary:a,skipOverflowHiddenElements:g}=r,p=\"function\"==typeof a?a:t=>t!==a;if(!t(e))throw new TypeError(\"Invalid target\");const m=document.scrollingElement||document.documentElement,w=[];let W=e;for(;t(W)&&p(W);){if(W=l(W),W===m){w.push(W);break}null!=W&&W===document.body&&n(W)&&!n(document.documentElement)||null!=W&&n(W,g)&&w.push(W)}const b=null!=(s=null==(i=window.visualViewport)?void 0:i.width)?s:innerWidth,H=null!=(h=null==(d=window.visualViewport)?void 0:d.height)?h:innerHeight,{scrollX:y,scrollY:M}=window,{height:v,width:E,top:x,right:C,bottom:I,left:R}=e.getBoundingClientRect(),{top:T,right:B,bottom:F,left:V}=(t=>{const e=window.getComputedStyle(t);return{top:parseFloat(e.scrollMarginTop)||0,right:parseFloat(e.scrollMarginRight)||0,bottom:parseFloat(e.scrollMarginBottom)||0,left:parseFloat(e.scrollMarginLeft)||0}})(e);let k=\"start\"===f||\"nearest\"===f?x-T:\"end\"===f?I+F:x+v/2-T+F,D=\"center\"===u?R+E/2-V+B:\"end\"===u?C+B:R-V;const L=[];for(let t=0;t=0&&R>=0&&I<=H&&C<=b&&x>=r&&I<=s&&R>=d&&C<=i)return L;const h=getComputedStyle(e),a=parseInt(h.borderLeftWidth,10),g=parseInt(h.borderTopWidth,10),p=parseInt(h.borderRightWidth,10),W=parseInt(h.borderBottomWidth,10);let T=0,B=0;const F=\"offsetWidth\"in e?e.offsetWidth-e.clientWidth-a-p:0,V=\"offsetHeight\"in e?e.offsetHeight-e.clientHeight-g-W:0,S=\"offsetWidth\"in e?0===e.offsetWidth?0:l/e.offsetWidth:0,X=\"offsetHeight\"in e?0===e.offsetHeight?0:n/e.offsetHeight:0;if(m===e)T=\"start\"===f?k:\"end\"===f?k-H:\"nearest\"===f?o(M,M+H,H,g,W,M+k,M+k+v,v):k-H/2,B=\"start\"===u?D:\"center\"===u?D-b/2:\"end\"===u?D-b:o(y,y+b,b,a,p,y+D,y+D+E,E),T=Math.max(0,T+M),B=Math.max(0,B+y);else{T=\"start\"===f?k-r-g:\"end\"===f?k-s+W+V:\"nearest\"===f?o(r,s,n,g,W+V,k,k+v,v):k-(r+n/2)+V/2,B=\"start\"===u?D-d-a:\"center\"===u?D-(d+l/2)+F/2:\"end\"===u?D-i+p+F:o(d,i,l,a,p+F,D,D+E,E);const{scrollLeft:t,scrollTop:h}=e;T=0===X?0:Math.max(0,Math.min(h+T/X,e.scrollHeight-n/X+V)),B=0===S?0:Math.max(0,Math.min(t+B/S,e.scrollWidth-l/S+F)),k+=h-T,D+=t-B}L.push({el:e,top:T,left:B})}return L};export{r as compute};//# sourceMappingURL=index.js.map\n","import{compute as t}from\"compute-scroll-into-view\";const o=t=>!1===t?{block:\"end\",inline:\"nearest\"}:(t=>t===Object(t)&&0!==Object.keys(t).length)(t)?t:{block:\"start\",inline:\"nearest\"};function e(e,r){if(!e.isConnected||!(t=>{let o=t;for(;o&&o.parentNode;){if(o.parentNode===document)return!0;o=o.parentNode instanceof ShadowRoot?o.parentNode.host:o.parentNode}return!1})(e))return;const n=(t=>{const o=window.getComputedStyle(t);return{top:parseFloat(o.scrollMarginTop)||0,right:parseFloat(o.scrollMarginRight)||0,bottom:parseFloat(o.scrollMarginBottom)||0,left:parseFloat(o.scrollMarginLeft)||0}})(e);if((t=>\"object\"==typeof t&&\"function\"==typeof t.behavior)(r))return r.behavior(t(e,r));const l=\"boolean\"==typeof r||null==r?void 0:r.behavior;for(const{el:a,top:i,left:s}of t(e,o(r))){const t=i-n.top+n.bottom,o=s-n.left+n.right;a.scroll({top:t,left:o,behavior:l})}}export{e as default};//# sourceMappingURL=index.js.map\n","/**\n * @description 同步 selection\n * @author wangfupeng\n */\n\nimport scrollIntoView from 'scroll-into-view-if-needed'\nimport { Range, Transforms } from 'slate'\n\nimport { DomEditor } from '../editor/dom-editor'\nimport { IDomEditor } from '../editor/interface'\nimport { DOMElement } from '../utils/dom'\nimport { IS_FIREFOX } from '../utils/ua'\nimport { EDITOR_TO_ELEMENT, IS_FOCUSED } from '../utils/weak-maps'\nimport { hasEditableTarget, isTargetInsideNonReadonlyVoid } from './helpers'\nimport TextArea from './TextArea'\n\n/**\n * editor onchange 时，将 editor selection 同步给 DOM\n * @param textarea textarea\n * @param editor editor\n * @param focus 是否强制更新选区\n */\nexport function editorSelectionToDOM(textarea: TextArea, editor: IDomEditor, focus = false): void {\n const { selection } = editor\n const config = editor.getConfig()\n const root = DomEditor.findDocumentOrShadowRoot(editor)\n const domSelection = root.getSelection()\n\n if (!domSelection) { return }\n if (textarea.isComposing && !focus) { return }\n if (!editor.isFocused()) { return }\n\n const hasDomSelection = domSelection.type !== 'None'\n\n // If the DOM selection is properly unset, we're done.\n if (!selection && !hasDomSelection) { return }\n\n // verify that the dom selection is in the editor\n const editorElement = EDITOR_TO_ELEMENT.get(editor)!\n let hasDomSelectionInEditor = false\n\n if (\n editorElement.contains(domSelection.anchorNode)\n && editorElement.contains(domSelection.focusNode)\n ) {\n hasDomSelectionInEditor = true\n }\n\n // If the DOM selection is in the editor and the editor selection is already correct, we're done.\n if (hasDomSelection && hasDomSelectionInEditor && selection) {\n const slateRange = DomEditor.toSlateRange(editor, domSelection, {\n exactMatch: true,\n\n // domSelection is not necessarily a valid Slate range\n // (e.g. when clicking on contentEditable:false element)\n suppressThrow: true,\n })\n\n if (slateRange && Range.equals(slateRange, selection)) {\n let canReturn = true\n\n // 选区在 table 时，需要特殊处理\n if (Range.isCollapsed(selection)) {\n const { anchorNode, anchorOffset } = domSelection\n\n if (anchorNode === editorElement) {\n const childNodes = editorElement.childNodes\n let tableElem\n\n // 光标在 table 前面时\n tableElem = childNodes[anchorOffset] as DOMElement\n if (tableElem && tableElem.matches('table')) {\n canReturn = false // 不能就此结束，需要重置光标\n }\n\n // 光标在 table 后面时\n tableElem = childNodes[anchorOffset - 1] as DOMElement\n if (tableElem && tableElem.matches('table')) {\n canReturn = false // 不能就此结束，需要重置光标\n }\n }\n }\n\n // 其他情况，就此结束\n if (canReturn) { return }\n }\n }\n\n // when is being controlled through external value\n // then its children might just change - DOM responds to it on its own\n // but Slate's value is not being updated through any operation\n // and thus it doesn't transform selection on its own\n if (selection && !DomEditor.hasRange(editor, selection)) {\n editor.selection = DomEditor.toSlateRange(editor, domSelection, {\n exactMatch: false,\n suppressThrow: false,\n })\n return\n }\n\n // Otherwise the DOM selection is out of sync, so update it.\n textarea.isUpdatingSelection = true\n\n const newDomRange = selection && DomEditor.toDOMRange(editor, selection)\n\n if (newDomRange) {\n if (Range.isBackward(selection!)) {\n domSelection.setBaseAndExtent(\n newDomRange.endContainer,\n newDomRange.endOffset,\n newDomRange.startContainer,\n newDomRange.startOffset,\n )\n } else {\n domSelection.setBaseAndExtent(\n newDomRange.startContainer,\n newDomRange.startOffset,\n newDomRange.endContainer,\n newDomRange.endOffset,\n )\n }\n\n // 滚动到选区\n const leafEl = newDomRange.startContainer.parentElement! as Element\n const spacer = leafEl.closest('[data-slate-spacer]')\n\n // 这个 if 防止选中图片时发生滚动\n if (!spacer && newDomRange.getBoundingClientRect) {\n leafEl.getBoundingClientRect = newDomRange.getBoundingClientRect.bind(newDomRange)\n const body = document.body\n\n scrollIntoView(leafEl, {\n scrollMode: 'if-needed',\n boundary: config.scroll ? editorElement.parentElement : body, // issue 4215\n block: 'end',\n behavior: 'smooth',\n })\n // @ts-ignore\n delete leafEl.getBoundingClientRect\n }\n } else {\n domSelection.removeAllRanges()\n }\n\n setTimeout(() => {\n // COMPAT: In Firefox, it's not enough to create a range, you also need\n // to focus the contenteditable element too. (2016/11/16)\n if (newDomRange && IS_FIREFOX) {\n editorElement.focus()\n }\n\n textarea.isUpdatingSelection = false\n })\n}\n\n/**\n * DOM selection change 时，把 DOM selection 同步给 slate\n * @param textarea textarea\n * @param editor editor\n */\nexport function DOMSelectionToEditor(textarea: TextArea, editor: IDomEditor) {\n const { isComposing, isUpdatingSelection, isDraggingInternally } = textarea\n const config = editor.getConfig()\n\n if (config.readOnly) { return }\n if (isComposing) { return }\n if (isUpdatingSelection) { return }\n if (isDraggingInternally) { return }\n\n const root = DomEditor.findDocumentOrShadowRoot(editor)\n const { activeElement } = root\n const el = DomEditor.toDOMNode(editor, editor)\n const domSelection = root.getSelection()\n\n if (activeElement === el) {\n textarea.latestElement = activeElement\n IS_FOCUSED.set(editor, true)\n } else {\n IS_FOCUSED.delete(editor)\n Transforms.deselect(editor)\n return\n }\n\n if (!domSelection) {\n return Transforms.deselect(editor)\n }\n\n const { anchorNode, focusNode } = domSelection\n\n const anchorNodeSelectable = hasEditableTarget(editor, anchorNode) || isTargetInsideNonReadonlyVoid(editor, anchorNode)\n const focusNodeSelectable = hasEditableTarget(editor, focusNode) || isTargetInsideNonReadonlyVoid(editor, focusNode)\n\n if (anchorNodeSelectable && focusNodeSelectable) {\n const range = DomEditor.toSlateRange(editor, domSelection, {\n exactMatch: false,\n suppressThrow: false,\n })\n\n Transforms.select(editor, range)\n } else {\n // 禁用此行，让光标选区继续生效\n // Transforms.deselect(editor)\n }\n}\n","/**\n * @description 监听 composition 事件\n * @author wangfupeng\n */\n\nimport {\n Editor, Element, Range, Text,\n} from 'slate'\n\nimport { DomEditor } from '../../editor/dom-editor'\nimport { IDomEditor } from '../../editor/interface'\nimport { DOMNode } from '../../utils/dom'\nimport { IS_CHROME, IS_FIREFOX, IS_SAFARI } from '../../utils/ua'\nimport { hasEditableTarget } from '../helpers'\nimport { hidePlaceholder } from '../place-holder'\nimport { editorSelectionToDOM } from '../syncSelection'\nimport TextArea from '../TextArea'\n\nconst EDITOR_TO_TEXT: WeakMap = new WeakMap()\nconst EDITOR_TO_START_CONTAINER: WeakMap = new WeakMap()\n\nfunction areBothTextNodes(editor, selection) {\n if (Range.isCollapsed(selection)) {\n const { anchor, focus } = selection\n\n if (\n anchor.path.length === 2\n && focus.path.length === 2\n && (anchor.offset === 0 || focus.offset === 0)\n ) {\n const nowEntry = Editor.node(editor, anchor.path)\n const nowPath = anchor.offset === 0 ? anchor.path : focus.path\n const prePath = [nowPath[0], nowPath[1] - 1]\n\n if (nowPath[1] === 0) {\n return false\n }\n const preEntry = Editor.node(editor, prePath)\n\n if (Text.isText(preEntry[0]) && Text.isText(nowEntry[0])) {\n return true\n }\n }\n }\n}\n\n/**\n * composition start 事件\n * @param e event\n * @param textarea textarea\n * @param editor editor\n */\nexport function handleCompositionStart(e: Event, textarea: TextArea, editor: IDomEditor) {\n const event = e as CompositionEvent\n\n if (!hasEditableTarget(editor, event.target)) { return }\n\n const { selection } = editor\n\n if (selection && Range.isExpanded(selection)) {\n Editor.deleteFragment(editor)\n\n Promise.resolve().then(() => {\n // deleteFragment 会在一个 Promise 后更新 dom，导致浏览器选区不正确\n // 因此这里延迟一下再设置选区，使选区在正确位置\n // 这里 model 选区没有发生变化，不能使用 editor.restoreSelection\n // restoreSelection 会对比前后 model 选区是否相同，相同就不更新了\n editorSelectionToDOM(textarea, editor, true)\n })\n }\n\n if (editor.selection) {\n // 记录下 dom text ，以便触发 maxLength 时使用\n const domRange = DomEditor.toDOMRange(editor, editor.selection)\n const startContainer = domRange.startContainer\n const curText = startContainer.textContent || ''\n\n EDITOR_TO_TEXT.set(editor, curText)\n\n // 记录下 dom range startContainer\n EDITOR_TO_START_CONTAINER.set(editor, startContainer)\n }\n textarea.isComposing = true\n\n // 隐藏 placeholder\n hidePlaceholder(textarea, editor)\n}\n\n/**\n * composition update 事件\n * @param e event\n * @param textarea textarea\n * @param editor editor\n */\nexport function handleCompositionUpdate(event: Event, textarea: TextArea, editor: IDomEditor) {\n if (!hasEditableTarget(editor, event.target)) { return }\n\n textarea.isComposing = true\n}\n\n/**\n * composition end 事件\n * @param e event\n * @param textarea textarea\n * @param editor editor\n */\nexport function handleCompositionEnd(e: Event, textarea: TextArea, editor: IDomEditor) {\n const event = e as CompositionEvent\n\n if (!hasEditableTarget(editor, event.target)) { return }\n textarea.isComposing = false\n\n const { selection } = editor\n\n if (selection == null) { return }\n\n // 清理可能暴露的 text 节点\n // 例如 chrome 在链接后面，输入拼音，就会出现有暴露出来的 text node\n if (IS_CHROME || IS_FIREFOX) {\n DomEditor.cleanExposedTexNodeInSelectionBlock(editor)\n }\n\n // 在中文输入法下，浏览器的默认行为会使一些dom产生不可逆的变化\n // 比如在 Safari 中 url 后面输入，初始是 a > span > spans\n // 输入后变成 span > span > a\n // 因此需要设置新的 key 来强刷整行\n const start = Range.isBackward(selection) ? selection.focus : selection.anchor\n const [paragraph] = Editor.node(editor, [start.path[0]])\n\n for (let i = 0; i < start.path.length; i += 1) {\n const [node] = Editor.node(editor, start.path.slice(0, i + 1))\n\n if (Element.isElement(node)) {\n if (((IS_SAFARI || IS_FIREFOX) && node.type === 'link') || node.type === 'code') {\n DomEditor.setNewKey(paragraph)\n break\n }\n }\n }\n\n const { data } = event\n\n if (!data) { return }\n\n // 检查 maxLength -【注意】这里只处理拼音输入的 maxLength 限制。其他限制，在插件 with-max-length.ts 中处理\n const { maxLength } = editor.getConfig()\n\n if (maxLength) {\n const leftLengthOfMaxLength = DomEditor.getLeftLengthOfMaxLength(editor)\n\n if (leftLengthOfMaxLength < data.length) {\n const domRange = DomEditor.toDOMRange(editor, selection)\n\n if (domRange.startContainer.nodeType === Node.TEXT_NODE) {\n domRange.startContainer.textContent = EDITOR_TO_TEXT.get(editor) || ''\n }\n if (leftLengthOfMaxLength > 0) {\n // 剩余长度 >0 ，但小于 data 长度，截取一部分插入\n Editor.insertText(editor, data.slice(0, leftLengthOfMaxLength))\n }\n textarea.changeViewState() // 重新定位光标\n } else {\n Editor.insertText(editor, data)\n }\n } else {\n // 拼音输入，当选区的边缘在两个 text node 之间时 需要重置为 domselction 的 选区\n const root = DomEditor.findDocumentOrShadowRoot(editor)\n const domSelection = root.getSelection()\n\n if (domSelection && areBothTextNodes(editor, selection)) {\n editor.selection = DomEditor.toSlateRange(editor, domSelection, {\n exactMatch: false,\n suppressThrow: false,\n })\n }\n Editor.insertText(editor, data)\n }\n\n // 检查拼音输入是否夸 DOM 节点了，解决 wangEditor-v5/issues/47\n if (!IS_SAFARI) {\n setTimeout(() => {\n const { selection: setTimeoutSelection } = editor\n\n if (setTimeoutSelection == null) { return }\n const oldStartContainer = EDITOR_TO_START_CONTAINER.get(editor) // 拼音输入开始时的 text node\n\n if (oldStartContainer == null) { return }\n const curStartContainer = DomEditor.toDOMRange(editor, setTimeoutSelection).startContainer // 拼音输入结束时的 text node\n\n if (curStartContainer === oldStartContainer) {\n // 拼音输入的开始和结束，都在同一个 text node ，则不做处理\n return\n }\n // 否则，拼音输入的开始和结束，不是同一个 text node ，则将第一个 text node 重新设置 text\n oldStartContainer.textContent = EDITOR_TO_TEXT.get(editor) || ''\n })\n }\n}\n","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\n/**\n * Constants.\n */\n\nvar IS_MAC = typeof window != 'undefined' && /Mac|iPod|iPhone|iPad/.test(window.navigator.platform);\n\nvar MODIFIERS = {\n alt: 'altKey',\n control: 'ctrlKey',\n meta: 'metaKey',\n shift: 'shiftKey'\n};\n\nvar ALIASES = {\n add: '+',\n break: 'pause',\n cmd: 'meta',\n command: 'meta',\n ctl: 'control',\n ctrl: 'control',\n del: 'delete',\n down: 'arrowdown',\n esc: 'escape',\n ins: 'insert',\n left: 'arrowleft',\n mod: IS_MAC ? 'meta' : 'control',\n opt: 'alt',\n option: 'alt',\n return: 'enter',\n right: 'arrowright',\n space: ' ',\n spacebar: ' ',\n up: 'arrowup',\n win: 'meta',\n windows: 'meta'\n};\n\nvar CODES = {\n backspace: 8,\n tab: 9,\n enter: 13,\n shift: 16,\n control: 17,\n alt: 18,\n pause: 19,\n capslock: 20,\n escape: 27,\n ' ': 32,\n pageup: 33,\n pagedown: 34,\n end: 35,\n home: 36,\n arrowleft: 37,\n arrowup: 38,\n arrowright: 39,\n arrowdown: 40,\n insert: 45,\n delete: 46,\n meta: 91,\n numlock: 144,\n scrolllock: 145,\n ';': 186,\n '=': 187,\n ',': 188,\n '-': 189,\n '.': 190,\n '/': 191,\n '`': 192,\n '[': 219,\n '\\\\': 220,\n ']': 221,\n '\\'': 222\n};\n\nfor (var f = 1; f < 20; f++) {\n CODES['f' + f] = 111 + f;\n}\n\n/**\n * Is hotkey?\n */\n\nfunction isHotkey(hotkey, options, event) {\n if (options && !('byKey' in options)) {\n event = options;\n options = null;\n }\n\n if (!Array.isArray(hotkey)) {\n hotkey = [hotkey];\n }\n\n var array = hotkey.map(function (string) {\n return parseHotkey(string, options);\n });\n var check = function check(e) {\n return array.some(function (object) {\n return compareHotkey(object, e);\n });\n };\n var ret = event == null ? check : check(event);\n return ret;\n}\n\nfunction isCodeHotkey(hotkey, event) {\n return isHotkey(hotkey, event);\n}\n\nfunction isKeyHotkey(hotkey, event) {\n return isHotkey(hotkey, { byKey: true }, event);\n}\n\n/**\n * Parse.\n */\n\nfunction parseHotkey(hotkey, options) {\n var byKey = options && options.byKey;\n var ret = {};\n\n // Special case to handle the `+` key since we use it as a separator.\n hotkey = hotkey.replace('++', '+add');\n var values = hotkey.split('+');\n var length = values.length;\n\n // Ensure that all the modifiers are set to false unless the hotkey has them.\n\n for (var k in MODIFIERS) {\n ret[MODIFIERS[k]] = false;\n }\n\n var _iteratorNormalCompletion = true;\n var _didIteratorError = false;\n var _iteratorError = undefined;\n\n try {\n for (var _iterator = values[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {\n var value = _step.value;\n\n var optional = value.endsWith('?') && value.length > 1;\n\n if (optional) {\n value = value.slice(0, -1);\n }\n\n var name = toKeyName(value);\n var modifier = MODIFIERS[name];\n\n if (value.length > 1 && !modifier && !ALIASES[value] && !CODES[name]) {\n throw new TypeError('Unknown modifier: \"' + value + '\"');\n }\n\n if (length === 1 || !modifier) {\n if (byKey) {\n ret.key = name;\n } else {\n ret.which = toKeyCode(value);\n }\n }\n\n if (modifier) {\n ret[modifier] = optional ? null : true;\n }\n }\n } catch (err) {\n _didIteratorError = true;\n _iteratorError = err;\n } finally {\n try {\n if (!_iteratorNormalCompletion && _iterator.return) {\n _iterator.return();\n }\n } finally {\n if (_didIteratorError) {\n throw _iteratorError;\n }\n }\n }\n\n return ret;\n}\n\n/**\n * Compare.\n */\n\nfunction compareHotkey(object, event) {\n for (var key in object) {\n var expected = object[key];\n var actual = void 0;\n\n if (expected == null) {\n continue;\n }\n\n if (key === 'key' && event.key != null) {\n actual = event.key.toLowerCase();\n } else if (key === 'which') {\n actual = expected === 91 && event.which === 93 ? 91 : event.which;\n } else {\n actual = event[key];\n }\n\n if (actual == null && expected === false) {\n continue;\n }\n\n if (actual !== expected) {\n return false;\n }\n }\n\n return true;\n}\n\n/**\n * Utils.\n */\n\nfunction toKeyCode(name) {\n name = toKeyName(name);\n var code = CODES[name] || name.toUpperCase().charCodeAt(0);\n return code;\n}\n\nfunction toKeyName(name) {\n name = name.toLowerCase();\n name = ALIASES[name] || name;\n return name;\n}\n\n/**\n * Export.\n */\n\nexports.default = isHotkey;\nexports.isHotkey = isHotkey;\nexports.isCodeHotkey = isCodeHotkey;\nexports.isKeyHotkey = isKeyHotkey;\nexports.parseHotkey = parseHotkey;\nexports.compareHotkey = compareHotkey;\nexports.toKeyCode = toKeyCode;\nexports.toKeyName = toKeyName;","/**\n * @description 快捷键\n * @author wangfupeng\n */\n\nimport { isKeyHotkey } from 'is-hotkey'\nimport { IS_APPLE } from './ua'\n\ninterface KEYS {\n [key: string]: string | string[]\n}\n\n/**\n * Hotkey mappings for each platform.\n */\nconst HOTKEYS: KEYS = {\n bold: 'mod+b',\n compose: ['down', 'left', 'right', 'up', 'backspace', 'enter'],\n moveBackward: 'left',\n moveForward: 'right',\n moveWordBackward: 'ctrl+left',\n moveWordForward: 'ctrl+right',\n deleteBackward: 'shift?+backspace',\n deleteForward: 'shift?+delete',\n extendBackward: 'shift+left',\n extendForward: 'shift+right',\n italic: 'mod+i',\n splitBlock: 'shift?+enter',\n undo: 'mod+z',\n tab: 'tab',\n selectAll: 'mod+a',\n}\n\nconst APPLE_HOTKEYS: KEYS = {\n moveLineBackward: 'opt+up',\n moveLineForward: 'opt+down',\n moveWordBackward: 'opt+left',\n moveWordForward: 'opt+right',\n deleteBackward: ['ctrl+backspace', 'ctrl+h'],\n deleteForward: ['ctrl+delete', 'ctrl+d'],\n deleteLineBackward: 'cmd+shift?+backspace',\n deleteLineForward: ['cmd+shift?+delete', 'ctrl+k'],\n deleteWordBackward: 'opt+shift?+backspace',\n deleteWordForward: 'opt+shift?+delete',\n extendLineBackward: 'opt+shift+up',\n extendLineForward: 'opt+shift+down',\n redo: 'cmd+shift+z',\n transposeCharacter: 'ctrl+t',\n}\n\nconst WINDOWS_HOTKEYS: KEYS = {\n deleteWordBackward: 'ctrl+shift?+backspace',\n deleteWordForward: 'ctrl+shift?+delete',\n redo: ['ctrl+y', 'ctrl+shift+z'],\n}\n\n/**\n * Create a platform-aware hotkey checker.\n */\nconst create = (key: string) => {\n const generic = HOTKEYS[key]\n const apple = APPLE_HOTKEYS[key]\n const windows = WINDOWS_HOTKEYS[key]\n const isGeneric = generic && isKeyHotkey(generic)\n const isApple = apple && isKeyHotkey(apple)\n const isWindows = windows && isKeyHotkey(windows)\n\n return (event: KeyboardEvent) => {\n if (isGeneric && isGeneric(event)) return true\n if (IS_APPLE && isApple && isApple(event)) return true\n if (!IS_APPLE && isWindows && isWindows(event)) return true\n return false\n }\n}\n\n/**\n * Hotkeys.\n */\nexport default {\n isBold: create('bold'),\n isCompose: create('compose'),\n isMoveBackward: create('moveBackward'),\n isMoveForward: create('moveForward'),\n isDeleteBackward: create('deleteBackward'),\n isDeleteForward: create('deleteForward'),\n isDeleteLineBackward: create('deleteLineBackward'),\n isDeleteLineForward: create('deleteLineForward'),\n isDeleteWordBackward: create('deleteWordBackward'),\n isDeleteWordForward: create('deleteWordForward'),\n isExtendBackward: create('extendBackward'),\n isExtendForward: create('extendForward'),\n isExtendLineBackward: create('extendLineBackward'),\n isExtendLineForward: create('extendLineForward'),\n isItalic: create('italic'),\n isMoveLineBackward: create('moveLineBackward'),\n isMoveLineForward: create('moveLineForward'),\n isMoveWordBackward: create('moveWordBackward'),\n isMoveWordForward: create('moveWordForward'),\n isRedo: create('redo'),\n isSplitBlock: create('splitBlock'),\n isTransposeCharacter: create('transposeCharacter'),\n isUndo: create('undo'),\n isTab: create('tab'),\n isSelectAll: create('selectAll'),\n}\n","/**\n * @description 监听 onKeydown 事件\n * @author wangfupeng\n */\n\nimport { isHotkey } from 'is-hotkey'\nimport { Editor, Transforms, Range, Node, Element } from 'slate'\nimport { IDomEditor } from '../../editor/interface'\nimport TextArea from '../TextArea'\nimport Hotkeys from '../../utils/hotkeys'\nimport { hasEditableTarget } from '../helpers'\nimport { HAS_BEFORE_INPUT_SUPPORT, IS_CHROME, IS_SAFARI } from '../../utils/ua'\nimport { EDITOR_TO_TOOLBAR, EDITOR_TO_HOVER_BAR } from '../../utils/weak-maps'\n\nfunction preventDefault(event: Event) {\n event.preventDefault()\n}\n\n// 触发 menu 快捷键\nfunction triggerMenuHotKey(editor: IDomEditor, event: KeyboardEvent) {\n const toolbar = EDITOR_TO_TOOLBAR.get(editor)\n const toolbarMenus = toolbar && toolbar.getMenus()\n const hoverbar = EDITOR_TO_HOVER_BAR.get(editor)\n const hoverbarMenus = hoverbar && hoverbar.getMenus()\n\n // 合并所有 menus\n const allMenus = { ...toolbarMenus, ...hoverbarMenus }\n for (let key in allMenus) {\n const menu = allMenus[key]\n const { hotkey } = menu\n if (hotkey && isHotkey(hotkey, event)) {\n const disabled = menu.isDisabled(editor)\n if (!disabled) {\n const val = menu.getValue(editor)\n menu.exec(editor, val) // 执行 menu 命令\n }\n }\n }\n}\n\nfunction handleOnKeydown(e: Event, textarea: TextArea, editor: IDomEditor) {\n const event = e as KeyboardEvent\n const { selection } = editor\n const { readOnly } = editor.getConfig()\n\n if (readOnly) return\n if (textarea.isComposing) return\n if (!hasEditableTarget(editor, event.target)) return\n\n // 触发 menu 快捷键\n triggerMenuHotKey(editor, event)\n\n // tab\n if (Hotkeys.isTab(event)) {\n preventDefault(event)\n editor.handleTab()\n return\n }\n\n // COMPAT: Since we prevent the default behavior on\n // `beforeinput` events, the browser doesn't think there's ever\n // any history stack to undo or redo, so we have to manage these\n // hotkeys ourselves. (2019/11/06)\n if (Hotkeys.isRedo(event)) {\n preventDefault(event)\n if (typeof editor.redo === 'function') {\n editor.redo()\n }\n return\n }\n if (Hotkeys.isUndo(event)) {\n preventDefault(event)\n if (typeof editor.undo === 'function') {\n editor.undo()\n }\n return\n }\n\n // COMPAT: Certain browsers don't handle the selection updates\n // properly. In Chrome, the selection isn't properly extended.\n // And in Firefox, the selection isn't properly collapsed.\n // (2017/10/17)\n if (Hotkeys.isMoveLineBackward(event)) {\n preventDefault(event)\n Transforms.move(editor, { unit: 'line', reverse: true }) // Transforms.move 修改 selection\n return\n }\n if (Hotkeys.isMoveLineForward(event)) {\n preventDefault(event)\n Transforms.move(editor, { unit: 'line' })\n return\n }\n\n if (Hotkeys.isExtendLineBackward(event)) {\n preventDefault(event)\n Transforms.move(editor, { unit: 'line', edge: 'focus', reverse: true })\n return\n }\n if (Hotkeys.isExtendLineForward(event)) {\n preventDefault(event)\n Transforms.move(editor, { unit: 'line', edge: 'focus' })\n return\n }\n\n // COMPAT: If a void node is selected, or a zero-width text node\n // adjacent to an inline is selected, we need to handle these\n // hotkeys manually because browsers won't be able to skip over\n // the void node with the zero-width space not being an empty\n // string.\n // todo 移动 word 考虑 Node 排版模式是否为 rtl 的情况\n if (Hotkeys.isMoveBackward(event)) {\n preventDefault(event)\n\n if (selection && Range.isCollapsed(selection)) {\n Transforms.move(editor, { reverse: true })\n } else {\n Transforms.collapse(editor, { edge: 'start' })\n }\n return\n }\n if (Hotkeys.isMoveForward(event)) {\n preventDefault(event)\n\n if (selection && Range.isCollapsed(selection)) {\n Transforms.move(editor)\n } else {\n Transforms.collapse(editor, { edge: 'end' })\n }\n return\n }\n\n if (Hotkeys.isMoveWordBackward(event)) {\n preventDefault(event)\n\n if (selection && Range.isExpanded(selection)) {\n Transforms.collapse(editor, { edge: 'focus' })\n }\n\n Transforms.move(editor, { unit: 'word', reverse: true })\n return\n }\n if (Hotkeys.isMoveWordForward(event)) {\n preventDefault(event)\n\n if (selection && Range.isExpanded(selection)) {\n Transforms.collapse(editor, { edge: 'focus' })\n }\n\n Transforms.move(editor, { unit: 'word' })\n return\n }\n\n if (Hotkeys.isSelectAll(event)) {\n preventDefault(event)\n editor.selectAll()\n return\n }\n\n // COMPAT: Certain browsers don't support the `beforeinput` event, so we\n // fall back to guessing at the input intention for hotkeys.\n // COMPAT: In iOS, some of these hotkeys are handled in the\n if (!HAS_BEFORE_INPUT_SUPPORT) {\n // 这里是兼容不完全支持 beforeInput 的浏览器。对于支持 beforeInput 的浏览器，会用 beforeinput 事件处理\n // 这里兼容了 beforeInput 的一些功能键（如回车、删除等）没有文本输入。文本输入使用 keypress 兼容。\n\n // We don't have a core behavior for these, but they change the\n // DOM if we don't prevent them, so we have to.\n if (Hotkeys.isBold(event) || Hotkeys.isItalic(event) || Hotkeys.isTransposeCharacter(event)) {\n preventDefault(event)\n return\n }\n\n if (Hotkeys.isSplitBlock(event)) {\n preventDefault(event)\n Editor.insertBreak(editor)\n return\n }\n\n if (Hotkeys.isDeleteBackward(event)) {\n preventDefault(event)\n if (selection && Range.isExpanded(selection)) {\n Editor.deleteFragment(editor, { direction: 'backward' })\n } else {\n Editor.deleteBackward(editor)\n }\n return\n }\n if (Hotkeys.isDeleteForward(event)) {\n preventDefault(event)\n if (selection && Range.isExpanded(selection)) {\n Editor.deleteFragment(editor, { direction: 'forward' })\n } else {\n Editor.deleteForward(editor)\n }\n return\n }\n\n if (Hotkeys.isDeleteLineBackward(event)) {\n preventDefault(event)\n if (selection && Range.isExpanded(selection)) {\n Editor.deleteFragment(editor, { direction: 'backward' })\n } else {\n Editor.deleteBackward(editor, { unit: 'line' })\n }\n return\n }\n if (Hotkeys.isDeleteLineForward(event)) {\n preventDefault(event)\n if (selection && Range.isExpanded(selection)) {\n Editor.deleteFragment(editor, { direction: 'forward' })\n } else {\n Editor.deleteForward(editor, { unit: 'line' })\n }\n return\n }\n\n if (Hotkeys.isDeleteWordBackward(event)) {\n preventDefault(event)\n if (selection && Range.isExpanded(selection)) {\n Editor.deleteFragment(editor, { direction: 'backward' })\n } else {\n Editor.deleteBackward(editor, { unit: 'word' })\n }\n return\n }\n if (Hotkeys.isDeleteWordForward(event)) {\n preventDefault(event)\n if (selection && Range.isExpanded(selection)) {\n Editor.deleteFragment(editor, { direction: 'forward' })\n } else {\n Editor.deleteForward(editor, { unit: 'word' })\n }\n return\n }\n } else {\n if (IS_CHROME || IS_SAFARI) {\n // COMPAT: Chrome and Safari support `beforeinput` event but do not fire\n // an event when deleting backwards in a selected void inline node\n // 修复在 Chrome 和 Safari 中删除内容时，内联空节点被选中\n if (\n selection &&\n (Hotkeys.isDeleteBackward(event) || Hotkeys.isDeleteForward(event)) &&\n Range.isCollapsed(selection)\n ) {\n const currentNode = Node.parent(editor, selection.anchor.path)\n\n if (\n Element.isElement(currentNode) &&\n Editor.isVoid(editor, currentNode) &&\n Editor.isInline(editor, currentNode)\n ) {\n event.preventDefault()\n Transforms.delete(editor, { unit: 'block' })\n\n return\n }\n }\n }\n }\n}\n\nexport default handleOnKeydown\n","/**\n * @description textarea event handlers entry\n * @author wangfupeng\n */\n\nimport handleBeforeInput from './beforeInput'\nimport handleOnBlur from './blur'\nimport handleOnFocus from './focus'\nimport handleOnClick from './click'\nimport {\n handleCompositionStart,\n handleCompositionEnd,\n handleCompositionUpdate,\n} from './composition'\nimport handleOnKeydown from './keydown'\nimport handleKeypress from './keypress'\nimport handleOnCopy from './copy'\nimport handleOnCut from './cut'\nimport handleOnPaste from './paste'\nimport { handleOnDragover, handleOnDragstart, handleOnDragend } from './drag'\nimport handleOnDrop from './drop'\n\nconst eventConf = {\n beforeinput: handleBeforeInput,\n blur: handleOnBlur,\n focus: handleOnFocus,\n click: handleOnClick,\n compositionstart: handleCompositionStart,\n compositionend: handleCompositionEnd,\n compositionupdate: handleCompositionUpdate,\n keydown: handleOnKeydown,\n keypress: handleKeypress,\n copy: handleOnCopy,\n cut: handleOnCut,\n paste: handleOnPaste,\n dragover: handleOnDragover,\n dragstart: handleOnDragstart,\n dragend: handleOnDragend,\n drop: handleOnDrop,\n}\n\nexport default eventConf\n","/**\n * @description 处理 beforeInput 事件\n * @author wangfupeng\n */\n\nimport { Editor, Transforms, Range } from 'slate'\nimport { DomEditor } from '../../editor/dom-editor'\nimport { IDomEditor } from '../../editor/interface'\nimport TextArea from '../TextArea'\nimport { hasEditableTarget } from '../helpers'\nimport { DOMStaticRange, isDataTransfer } from '../../utils/dom'\nimport { HAS_BEFORE_INPUT_SUPPORT } from '../../utils/ua'\nimport { EDITOR_TO_CAN_PASTE } from '../../utils/weak-maps'\n\n// 补充 beforeInput event 的属性\ninterface BeforeInputEventType {\n data: string | null\n dataTransfer: DataTransfer | null\n getTargetRanges(): DOMStaticRange[]\n inputType: string\n isComposing: boolean\n}\n\nfunction handleBeforeInput(e: Event, textarea: TextArea, editor: IDomEditor) {\n const event = e as Event & BeforeInputEventType\n const { readOnly } = editor.getConfig()\n\n if (!HAS_BEFORE_INPUT_SUPPORT) return // 有些浏览器完全不支持 beforeInput ，会用 keypress 和 keydown 兼容\n if (readOnly) return\n if (!hasEditableTarget(editor, event.target)) return\n\n const { selection } = editor\n const { inputType: type } = event\n const data = event.dataTransfer || event.data || undefined\n\n // These two types occur while a user is composing text and can't be\n // cancelled. Let them through and wait for the composition to end.\n if (type === 'insertCompositionText' || type === 'deleteCompositionText') {\n return\n }\n\n // 阻止默认行为，劫持所有的富文本输入\n event.preventDefault()\n\n // COMPAT: For the deleting forward/backward input types we don't want\n // to change the selection because it is the range that will be deleted,\n // and those commands determine that for themselves.\n if (!type.startsWith('delete') || type.startsWith('deleteBy')) {\n const [targetRange] = event.getTargetRanges()\n\n if (targetRange) {\n const range = DomEditor.toSlateRange(editor, targetRange, {\n exactMatch: false,\n suppressThrow: false,\n })\n if (!selection || !Range.equals(selection, range)) {\n Transforms.select(editor, range)\n }\n }\n }\n\n // COMPAT: If the selection is expanded, even if the command seems like\n // a delete forward/backward command it should delete the selection.\n if (selection && Range.isExpanded(selection) && type.startsWith('delete')) {\n const direction = type.endsWith('Backward') ? 'backward' : 'forward'\n Editor.deleteFragment(editor, { direction })\n return\n }\n\n // 根据 beforeInput 的 event.inputType\n switch (type) {\n case 'deleteByComposition':\n case 'deleteByCut':\n case 'deleteByDrag': {\n Editor.deleteFragment(editor)\n break\n }\n\n case 'deleteContent':\n case 'deleteContentForward': {\n Editor.deleteForward(editor)\n break\n }\n\n case 'deleteContentBackward': {\n Editor.deleteBackward(editor)\n break\n }\n\n case 'deleteEntireSoftLine': {\n Editor.deleteBackward(editor, { unit: 'line' })\n Editor.deleteForward(editor, { unit: 'line' })\n break\n }\n\n case 'deleteHardLineBackward': {\n Editor.deleteBackward(editor, { unit: 'block' })\n break\n }\n\n case 'deleteSoftLineBackward': {\n Editor.deleteBackward(editor, { unit: 'line' })\n break\n }\n\n case 'deleteHardLineForward': {\n Editor.deleteForward(editor, { unit: 'block' })\n break\n }\n\n case 'deleteSoftLineForward': {\n Editor.deleteForward(editor, { unit: 'line' })\n break\n }\n\n case 'deleteWordBackward': {\n Editor.deleteBackward(editor, { unit: 'word' })\n break\n }\n\n case 'deleteWordForward': {\n Editor.deleteForward(editor, { unit: 'word' })\n break\n }\n\n case 'insertLineBreak':\n case 'insertParagraph': {\n Editor.insertBreak(editor)\n break\n }\n\n case 'insertFromDrop':\n case 'insertFromPaste':\n case 'insertFromYank':\n case 'insertReplacementText':\n case 'insertText': {\n if (type === 'insertFromPaste') {\n if (!EDITOR_TO_CAN_PASTE.get(editor)) break // 不可默认粘贴\n }\n\n if (isDataTransfer(data)) {\n // 这里处理非纯文本（如 html 图片文件等）的粘贴。对于纯文本的粘贴，使用 paste 事件\n editor.insertData(data)\n } else if (typeof data === 'string') {\n Editor.insertText(editor, data)\n }\n break\n }\n }\n}\n\nexport default handleBeforeInput\n","/**\n * @description 处理 onblur 事件\n * @author wangfupeng\n */\n\nimport { Element } from 'slate'\nimport { DomEditor } from '../../editor/dom-editor'\nimport { IDomEditor } from '../../editor/interface'\nimport TextArea from '../TextArea'\nimport { hasEditableTarget } from '../helpers'\nimport { isDOMElement, isDOMNode } from '../../utils/dom'\nimport { IS_FOCUSED } from '../../utils/weak-maps'\nimport { IS_SAFARI } from '../../utils/ua'\n\nfunction handleOnBlur(e: Event, textarea: TextArea, editor: IDomEditor) {\n const event = e as FocusEvent\n\n const { isUpdatingSelection, latestElement } = textarea\n const { readOnly } = editor.getConfig()\n\n if (readOnly) return\n if (isUpdatingSelection) return\n if (!hasEditableTarget(editor, event.target)) return\n const root = DomEditor.findDocumentOrShadowRoot(editor)\n\n // COMPAT: If the current `activeElement` is still the previous\n // one, this is due to the window being blurred when the tab\n // itself becomes unfocused, so we want to abort early to allow to\n // editor to stay focused when the tab becomes focused again.\n if (latestElement === root.activeElement) return\n\n // relatedTarget 即 blur 之后又 focus 到了哪个元素，如果没有则是 null\n const { relatedTarget } = event\n const el = DomEditor.toDOMNode(editor, editor)\n\n // COMPAT: The event should be ignored if the focus is returning\n // to the editor from an embedded editable element (eg. an \n // element inside a void node).\n if (relatedTarget === el) {\n return\n }\n\n // COMPAT: The event should be ignored if the focus is moving from\n // the editor to inside a void node's spacer element.\n if (isDOMElement(relatedTarget) && relatedTarget.hasAttribute('data-slate-spacer')) {\n return\n }\n\n // COMPAT: The event should be ignored if the focus is moving to a\n // non- editable section of an element that isn't a void node (eg.\n // a list item of the check list example).\n if (\n relatedTarget != null &&\n isDOMNode(relatedTarget) &&\n DomEditor.hasDOMNode(editor, relatedTarget)\n ) {\n const node = DomEditor.toSlateNode(editor, relatedTarget)\n if (Element.isElement(node) && !editor.isVoid(node)) {\n return\n }\n }\n\n // COMPAT: Safari doesn't always remove the selection even if the content-\n // editable element no longer has focus. Refer to:\n // https://stackoverflow.com/questions/12353247/force-contenteditable-div-to-stop-accepting-input-after-it-loses-focus-under-web\n // 修复在 Safari 下，即使 contenteditable 元素非聚焦状态，并不会删除所选内容\n if (IS_SAFARI) {\n const domSelection = root.getSelection()\n domSelection?.removeAllRanges()\n }\n\n // 检验完毕，可正式触发 onblur\n IS_FOCUSED.delete(editor)\n}\n\nexport default handleOnBlur\n","/**\n * @description 处理 onfocus 事件\n * @author wangfupeng\n */\n\nimport { IDomEditor } from '../../editor/interface'\nimport { DomEditor } from '../../editor/dom-editor'\nimport TextArea from '../TextArea'\nimport { IS_FIREFOX } from '../../utils/ua'\nimport { IS_FOCUSED } from '../../utils/weak-maps'\n\nfunction handleOnFocus(event: Event, textarea: TextArea, editor: IDomEditor) {\n const el = DomEditor.toDOMNode(editor, editor)\n const root = DomEditor.findDocumentOrShadowRoot(editor)\n textarea.latestElement = root.activeElement\n\n // COMPAT: If the editor has nested editable elements, the focus\n // can go to them. In Firefox, this must be prevented because it\n // results in issues with keyboard navigation. (2017/03/30)\n if (IS_FIREFOX && event.target !== el) {\n el.focus()\n return\n }\n\n IS_FOCUSED.set(editor, true)\n}\n\nexport default handleOnFocus\n","/**\n * @description 处理 click 事件\n * @author wangfupeng\n */\n\nimport { Editor, Path, Transforms, Node } from 'slate'\nimport { IDomEditor } from '../../editor/interface'\nimport { DomEditor } from '../../editor/dom-editor'\nimport TextArea from '../TextArea'\nimport { hasTarget } from '../helpers'\nimport { isDOMNode } from '../../utils/dom'\n\nfunction handleOnClick(event: Event, textarea: TextArea, editor: IDomEditor) {\n const { readOnly } = editor.getConfig()\n\n if (readOnly) return\n if (!hasTarget(editor, event.target)) return\n if (!isDOMNode(event.target)) return\n\n const node = DomEditor.toSlateNode(editor, event.target)\n const path = DomEditor.findPath(editor, node)\n\n // At this time, the Slate document may be arbitrarily different,\n // because onClick handlers can change the document before we get here.\n // Therefore we must check that this path actually exists,\n // and that it still refers to the same node.\n if (Editor.hasPath(editor, path)) {\n const lookupNode = Node.get(editor, path)\n if (lookupNode === node) {\n const start = Editor.start(editor, path)\n const end = Editor.end(editor, path)\n\n const startVoid = Editor.void(editor, { at: start })\n const endVoid = Editor.void(editor, { at: end })\n\n if (startVoid && endVoid && Path.equals(startVoid[1], endVoid[1])) {\n const range = Editor.range(editor, start)\n Transforms.select(editor, range)\n }\n }\n }\n}\n\nexport default handleOnClick\n","/**\n * @description 显示/隐藏 placeholder\n * @author wangfupeng\n */\n\nimport { IDomEditor } from '../editor/interface'\nimport TextArea from './TextArea'\nimport $ from '../utils/dom'\n\n/**\n * 处理 placeholder\n * @param textarea textarea\n * @param editor editor\n */\nexport function handlePlaceholder(textarea: TextArea, editor: IDomEditor) {\n const { placeholder } = editor.getConfig()\n if (!placeholder) return\n\n const isEmpty = editor.isEmpty()\n\n // 内容为空，且目前未显示 placeholder ，则显示\n if (isEmpty && !textarea.showPlaceholder && !textarea.isComposing) {\n if (textarea.$placeholder == null) {\n const $placeholder = $(`${placeholder}
`)\n textarea.$textAreaContainer.append($placeholder)\n textarea.$placeholder = $placeholder\n }\n textarea.$placeholder.show()\n textarea.showPlaceholder = true // 记录\n return\n }\n\n // 内容不是空，且目前显示着 placeholder ，则隐藏\n if (!isEmpty && textarea.showPlaceholder) {\n textarea.$placeholder?.hide()\n textarea.showPlaceholder = false // 记录\n return\n }\n}\n\n/**\n * 隐藏 placeholder （如拼音输入 compositionStart 时，要先隐藏，等 compositionEnd 时再判断是否显示）\n * @param textarea textarea\n * @param editor editor\n */\nexport function hidePlaceholder(textarea: TextArea, editor: IDomEditor) {\n const { placeholder } = editor.getConfig()\n if (!placeholder) return\n\n const isEmpty = editor.isEmpty()\n if (!isEmpty) return\n\n if (textarea.showPlaceholder) {\n textarea.$placeholder?.hide()\n textarea.showPlaceholder = false // 记录\n }\n}\n","/**\n * @description 监听 keypress 事件\n * @author wangfupeng\n */\n\nimport { Editor } from 'slate'\nimport { IDomEditor } from '../../editor/interface'\nimport TextArea from '../TextArea'\nimport { HAS_BEFORE_INPUT_SUPPORT } from '../../utils/ua'\nimport { hasEditableTarget } from '../helpers'\n\n// 【注意】虽然 keypress 事件已经过时（建议用 keydown 取代），但这里是为了兼容 beforeinput ，所以不会在高级浏览器生效，不用升级 keydown\n\nfunction handleKeypress(event: Event, textarea: TextArea, editor: IDomEditor) {\n // 这里是兼容不完全支持 beforeInput 的浏览器。对于支持 beforeInput 的浏览器，会用 beforeinput 事件处理\n if (HAS_BEFORE_INPUT_SUPPORT) return\n\n const { readOnly } = editor.getConfig()\n if (readOnly) return\n if (!hasEditableTarget(editor, event.target)) return\n\n event.preventDefault()\n\n const text = (event as any).key as string\n\n // 这里只兼容 beforeInput 的 insertText 类型，其他的（如删除、换行）使用 keydown 来兼容\n Editor.insertText(editor, text)\n}\n\nexport default handleKeypress\n","/**\n * @description 处理 copy 事件\n * @author wangfupeng\n */\n\nimport { IDomEditor } from '../../editor/interface'\nimport { hasEditableTarget } from '../helpers'\nimport TextArea from '../TextArea'\n\nfunction handleOnCopy(e: Event, _textarea: TextArea, editor: IDomEditor) {\n const event = e as ClipboardEvent\n\n if (!hasEditableTarget(editor, event.target)) { return }\n const { readOnly } = editor.getConfig()\n\n if (!readOnly) { event.preventDefault() }\n\n const data = event.clipboardData\n\n if (data == null) { return }\n editor.setFragmentData(data)\n}\n\nexport default handleOnCopy\n","/**\n * @description 处理 cut 事件\n * @author wangfupeng\n */\n\nimport { Editor, Range, Node, Transforms } from 'slate'\nimport { IDomEditor } from '../../editor/interface'\nimport TextArea from '../TextArea'\nimport { hasEditableTarget } from '../helpers'\n\nfunction handleOnCut(e: Event, textarea: TextArea, editor: IDomEditor) {\n const event = e as ClipboardEvent\n const { selection } = editor\n const { readOnly } = editor.getConfig()\n\n if (readOnly) return\n if (!hasEditableTarget(editor, event.target)) return\n\n event.preventDefault()\n\n const data = event.clipboardData\n if (data == null) return\n editor.setFragmentData(data)\n\n if (selection) {\n if (Range.isExpanded(selection)) {\n Editor.deleteFragment(editor)\n } else {\n const node = Node.parent(editor, selection.anchor.path)\n if (Editor.isVoid(editor, node)) {\n Transforms.delete(editor)\n }\n }\n }\n}\n\nexport default handleOnCut\n","/**\n * @description 处理 paste 事件\n * @author wangfupeng\n */\n\nimport { IDomEditor } from '../../editor/interface'\nimport { DomEditor } from '../../editor/dom-editor'\nimport TextArea from '../TextArea'\nimport { hasEditableTarget } from '../helpers'\nimport { isPlainTextOnlyPaste } from '../../utils/dom'\nimport { HAS_BEFORE_INPUT_SUPPORT } from '../../utils/ua'\nimport { EDITOR_TO_CAN_PASTE } from '../../utils/weak-maps'\n\nfunction handleOnPaste(e: Event, textarea: TextArea, editor: IDomEditor) {\n EDITOR_TO_CAN_PASTE.set(editor, true) // 标记为：可执行默认粘贴\n\n const event = e as ClipboardEvent\n const { readOnly } = editor.getConfig()\n\n if (readOnly) return\n if (!hasEditableTarget(editor, event.target)) return\n\n const { customPaste } = editor.getConfig()\n if (customPaste) {\n const res = customPaste(editor, event)\n if (res === false) {\n // 自行实现粘贴，不执行默认粘贴\n EDITOR_TO_CAN_PASTE.set(editor, false) // 标记为：不可执行默认粘贴\n return\n }\n }\n\n // 如果支持 beforeInput 且不是纯粘贴文本（如 html、图片文件），则使用 beforeInput 来实现\n // 这里只处理：不支持 beforeInput 或者 粘贴纯文本\n if (HAS_BEFORE_INPUT_SUPPORT && !isPlainTextOnlyPaste(event)) return\n\n event.preventDefault()\n\n const data = event.clipboardData\n if (data == null) return\n editor.insertData(data)\n}\n\nexport default handleOnPaste\n","/**\n * @description 处理 dragover 事件\n * @author wangfupeng\n */\n\nimport { Editor, Transforms } from 'slate'\nimport { DomEditor } from '../../editor/dom-editor'\nimport { IDomEditor } from '../../editor/interface'\nimport TextArea from '../TextArea'\nimport { hasTarget } from '../helpers'\n\nexport function handleOnDragstart(e: Event, textarea: TextArea, editor: IDomEditor) {\n const event = e as DragEvent\n if (!hasTarget(editor, event.target)) return\n\n const { readOnly } = editor.getConfig()\n if (readOnly) return\n\n const node = DomEditor.toSlateNode(editor, event.target)\n const path = DomEditor.findPath(editor, node)\n const voidMatch = Editor.isVoid(editor, node) || Editor.void(editor, { at: path, voids: true })\n\n // If starting a drag on a void node, make sure it is selected\n // so that it shows up in the selection's fragment.\n if (voidMatch) {\n const range = Editor.range(editor, path)\n Transforms.select(editor, range)\n }\n\n const data = event.dataTransfer\n if (data == null) return\n\n textarea.isDraggingInternally = true\n\n editor.setFragmentData(data)\n}\n\nexport function handleOnDragover(event: Event, textarea: TextArea, editor: IDomEditor) {\n if (!hasTarget(editor, event.target)) return\n\n // Only when the target is void, call `preventDefault` to signal\n // that drops are allowed. Editable content is droppable by\n // default, and calling `preventDefault` hides the cursor.\n const node = DomEditor.toSlateNode(editor, event.target)\n if (Editor.isVoid(editor, node)) {\n event.preventDefault()\n }\n}\n\nexport function handleOnDragend(e: Event, textarea: TextArea, editor: IDomEditor) {\n const event = e as DragEvent\n const { readOnly } = editor.getConfig()\n\n if (readOnly) return\n if (!textarea.isDraggingInternally) return\n if (!hasTarget(editor, event.target)) return\n\n textarea.isDraggingInternally = false\n}\n","/**\n * @description 处理 drop 事件\n * @author wangfupeng\n */\n\nimport { Transforms } from 'slate'\nimport { IDomEditor } from '../../editor/interface'\nimport { DomEditor } from '../../editor/dom-editor'\nimport TextArea from '../TextArea'\nimport { hasTarget } from '../helpers'\nimport { HAS_BEFORE_INPUT_SUPPORT, IS_SAFARI } from '../../utils/ua'\n\nfunction handleOnDrop(e: Event, textarea: TextArea, editor: IDomEditor) {\n const event = e as DragEvent\n const data = event.dataTransfer\n const { readOnly } = editor.getConfig()\n\n if (readOnly) return\n if (!hasTarget(editor, event.target)) return\n if (data == null) return\n\n if (HAS_BEFORE_INPUT_SUPPORT) {\n if (IS_SAFARI) {\n // safari 不支持拖拽文件\n if (data.files.length > 0) return\n }\n }\n\n event.preventDefault()\n\n // Keep a reference to the dragged range before updating selection\n const draggedRange = editor.selection\n const range = DomEditor.findEventRange(editor, event)\n Transforms.select(editor, range)\n\n if (textarea.isDraggingInternally) {\n if (draggedRange) {\n Transforms.delete(editor, {\n at: draggedRange,\n })\n }\n\n textarea.isDraggingInternally = false\n }\n\n editor.insertData(data)\n\n // When dragging from another source into the editor, it's possible\n // that the current editor does not have focus.\n if (!editor.isFocused()) {\n editor.focus()\n }\n}\n\nexport default handleOnDrop\n","function createElement(tagName, options) {\n return document.createElement(tagName, options);\n}\nfunction createElementNS(namespaceURI, qualifiedName, options) {\n return document.createElementNS(namespaceURI, qualifiedName, options);\n}\nfunction createTextNode(text) {\n return document.createTextNode(text);\n}\nfunction createComment(text) {\n return document.createComment(text);\n}\nfunction insertBefore(parentNode, newNode, referenceNode) {\n parentNode.insertBefore(newNode, referenceNode);\n}\nfunction removeChild(node, child) {\n node.removeChild(child);\n}\nfunction appendChild(node, child) {\n node.appendChild(child);\n}\nfunction parentNode(node) {\n return node.parentNode;\n}\nfunction nextSibling(node) {\n return node.nextSibling;\n}\nfunction tagName(elm) {\n return elm.tagName;\n}\nfunction setTextContent(node, text) {\n node.textContent = text;\n}\nfunction getTextContent(node) {\n return node.textContent;\n}\nfunction isElement(node) {\n return node.nodeType === 1;\n}\nfunction isText(node) {\n return node.nodeType === 3;\n}\nfunction isComment(node) {\n return node.nodeType === 8;\n}\nexport const htmlDomApi = {\n createElement,\n createElementNS,\n createTextNode,\n createComment,\n insertBefore,\n removeChild,\n appendChild,\n parentNode,\n nextSibling,\n tagName,\n setTextContent,\n getTextContent,\n isElement,\n isText,\n isComment,\n};\n//# sourceMappingURL=htmldomapi.js.map","export function vnode(sel, data, children, text, elm) {\n const key = data === undefined ? undefined : data.key;\n return { sel, data, children, text, elm, key };\n}\n//# sourceMappingURL=vnode.js.map","export const array = Array.isArray;\nexport function primitive(s) {\n return typeof s === \"string\" ||\n typeof s === \"number\" ||\n s instanceof String ||\n s instanceof Number;\n}\n//# sourceMappingURL=is.js.map","import { vnode } from \"./vnode\";\nimport * as is from \"./is\";\nimport { htmlDomApi } from \"./htmldomapi\";\nfunction isUndef(s) {\n return s === undefined;\n}\nfunction isDef(s) {\n return s !== undefined;\n}\nconst emptyNode = vnode(\"\", {}, [], undefined, undefined);\nfunction sameVnode(vnode1, vnode2) {\n var _a, _b;\n const isSameKey = vnode1.key === vnode2.key;\n const isSameIs = ((_a = vnode1.data) === null || _a === void 0 ? void 0 : _a.is) === ((_b = vnode2.data) === null || _b === void 0 ? void 0 : _b.is);\n const isSameSel = vnode1.sel === vnode2.sel;\n return isSameSel && isSameKey && isSameIs;\n}\nfunction isVnode(vnode) {\n return vnode.sel !== undefined;\n}\nfunction createKeyToOldIdx(children, beginIdx, endIdx) {\n var _a;\n const map = {};\n for (let i = beginIdx; i <= endIdx; ++i) {\n const key = (_a = children[i]) === null || _a === void 0 ? void 0 : _a.key;\n if (key !== undefined) {\n map[key] = i;\n }\n }\n return map;\n}\nconst hooks = [\n \"create\",\n \"update\",\n \"remove\",\n \"destroy\",\n \"pre\",\n \"post\",\n];\nexport function init(modules, domApi) {\n const cbs = {\n create: [],\n update: [],\n remove: [],\n destroy: [],\n pre: [],\n post: [],\n };\n const api = domApi !== undefined ? domApi : htmlDomApi;\n for (const hook of hooks) {\n for (const module of modules) {\n const currentHook = module[hook];\n if (currentHook !== undefined) {\n cbs[hook].push(currentHook);\n }\n }\n }\n function emptyNodeAt(elm) {\n const id = elm.id ? \"#\" + elm.id : \"\";\n // elm.className doesn't return a string when elm is an SVG element inside a shadowRoot.\n // https://stackoverflow.com/questions/29454340/detecting-classname-of-svganimatedstring\n const classes = elm.getAttribute(\"class\");\n const c = classes ? \".\" + classes.split(\" \").join(\".\") : \"\";\n return vnode(api.tagName(elm).toLowerCase() + id + c, {}, [], undefined, elm);\n }\n function createRmCb(childElm, listeners) {\n return function rmCb() {\n if (--listeners === 0) {\n const parent = api.parentNode(childElm);\n api.removeChild(parent, childElm);\n }\n };\n }\n function createElm(vnode, insertedVnodeQueue) {\n var _a, _b;\n let i;\n let data = vnode.data;\n if (data !== undefined) {\n const init = (_a = data.hook) === null || _a === void 0 ? void 0 : _a.init;\n if (isDef(init)) {\n init(vnode);\n data = vnode.data;\n }\n }\n const children = vnode.children;\n const sel = vnode.sel;\n if (sel === \"!\") {\n if (isUndef(vnode.text)) {\n vnode.text = \"\";\n }\n vnode.elm = api.createComment(vnode.text);\n }\n else if (sel !== undefined) {\n // Parse selector\n const hashIdx = sel.indexOf(\"#\");\n const dotIdx = sel.indexOf(\".\", hashIdx);\n const hash = hashIdx > 0 ? hashIdx : sel.length;\n const dot = dotIdx > 0 ? dotIdx : sel.length;\n const tag = hashIdx !== -1 || dotIdx !== -1\n ? sel.slice(0, Math.min(hash, dot))\n : sel;\n const elm = (vnode.elm =\n isDef(data) && isDef((i = data.ns))\n ? api.createElementNS(i, tag, data)\n : api.createElement(tag, data));\n if (hash < dot)\n elm.setAttribute(\"id\", sel.slice(hash + 1, dot));\n if (dotIdx > 0)\n elm.setAttribute(\"class\", sel.slice(dot + 1).replace(/\\./g, \" \"));\n for (i = 0; i < cbs.create.length; ++i)\n cbs.create[i](emptyNode, vnode);\n if (is.array(children)) {\n for (i = 0; i < children.length; ++i) {\n const ch = children[i];\n if (ch != null) {\n api.appendChild(elm, createElm(ch, insertedVnodeQueue));\n }\n }\n }\n else if (is.primitive(vnode.text)) {\n api.appendChild(elm, api.createTextNode(vnode.text));\n }\n const hook = vnode.data.hook;\n if (isDef(hook)) {\n (_b = hook.create) === null || _b === void 0 ? void 0 : _b.call(hook, emptyNode, vnode);\n if (hook.insert) {\n insertedVnodeQueue.push(vnode);\n }\n }\n }\n else {\n vnode.elm = api.createTextNode(vnode.text);\n }\n return vnode.elm;\n }\n function addVnodes(parentElm, before, vnodes, startIdx, endIdx, insertedVnodeQueue) {\n for (; startIdx <= endIdx; ++startIdx) {\n const ch = vnodes[startIdx];\n if (ch != null) {\n api.insertBefore(parentElm, createElm(ch, insertedVnodeQueue), before);\n }\n }\n }\n function invokeDestroyHook(vnode) {\n var _a, _b;\n const data = vnode.data;\n if (data !== undefined) {\n (_b = (_a = data === null || data === void 0 ? void 0 : data.hook) === null || _a === void 0 ? void 0 : _a.destroy) === null || _b === void 0 ? void 0 : _b.call(_a, vnode);\n for (let i = 0; i < cbs.destroy.length; ++i)\n cbs.destroy[i](vnode);\n if (vnode.children !== undefined) {\n for (let j = 0; j < vnode.children.length; ++j) {\n const child = vnode.children[j];\n if (child != null && typeof child !== \"string\") {\n invokeDestroyHook(child);\n }\n }\n }\n }\n }\n function removeVnodes(parentElm, vnodes, startIdx, endIdx) {\n var _a, _b;\n for (; startIdx <= endIdx; ++startIdx) {\n let listeners;\n let rm;\n const ch = vnodes[startIdx];\n if (ch != null) {\n if (isDef(ch.sel)) {\n invokeDestroyHook(ch);\n listeners = cbs.remove.length + 1;\n rm = createRmCb(ch.elm, listeners);\n for (let i = 0; i < cbs.remove.length; ++i)\n cbs.remove[i](ch, rm);\n const removeHook = (_b = (_a = ch === null || ch === void 0 ? void 0 : ch.data) === null || _a === void 0 ? void 0 : _a.hook) === null || _b === void 0 ? void 0 : _b.remove;\n if (isDef(removeHook)) {\n removeHook(ch, rm);\n }\n else {\n rm();\n }\n }\n else {\n // Text node\n api.removeChild(parentElm, ch.elm);\n }\n }\n }\n }\n function updateChildren(parentElm, oldCh, newCh, insertedVnodeQueue) {\n let oldStartIdx = 0;\n let newStartIdx = 0;\n let oldEndIdx = oldCh.length - 1;\n let oldStartVnode = oldCh[0];\n let oldEndVnode = oldCh[oldEndIdx];\n let newEndIdx = newCh.length - 1;\n let newStartVnode = newCh[0];\n let newEndVnode = newCh[newEndIdx];\n let oldKeyToIdx;\n let idxInOld;\n let elmToMove;\n let before;\n while (oldStartIdx <= oldEndIdx && newStartIdx <= newEndIdx) {\n if (oldStartVnode == null) {\n oldStartVnode = oldCh[++oldStartIdx]; // Vnode might have been moved left\n }\n else if (oldEndVnode == null) {\n oldEndVnode = oldCh[--oldEndIdx];\n }\n else if (newStartVnode == null) {\n newStartVnode = newCh[++newStartIdx];\n }\n else if (newEndVnode == null) {\n newEndVnode = newCh[--newEndIdx];\n }\n else if (sameVnode(oldStartVnode, newStartVnode)) {\n patchVnode(oldStartVnode, newStartVnode, insertedVnodeQueue);\n oldStartVnode = oldCh[++oldStartIdx];\n newStartVnode = newCh[++newStartIdx];\n }\n else if (sameVnode(oldEndVnode, newEndVnode)) {\n patchVnode(oldEndVnode, newEndVnode, insertedVnodeQueue);\n oldEndVnode = oldCh[--oldEndIdx];\n newEndVnode = newCh[--newEndIdx];\n }\n else if (sameVnode(oldStartVnode, newEndVnode)) {\n // Vnode moved right\n patchVnode(oldStartVnode, newEndVnode, insertedVnodeQueue);\n api.insertBefore(parentElm, oldStartVnode.elm, api.nextSibling(oldEndVnode.elm));\n oldStartVnode = oldCh[++oldStartIdx];\n newEndVnode = newCh[--newEndIdx];\n }\n else if (sameVnode(oldEndVnode, newStartVnode)) {\n // Vnode moved left\n patchVnode(oldEndVnode, newStartVnode, insertedVnodeQueue);\n api.insertBefore(parentElm, oldEndVnode.elm, oldStartVnode.elm);\n oldEndVnode = oldCh[--oldEndIdx];\n newStartVnode = newCh[++newStartIdx];\n }\n else {\n if (oldKeyToIdx === undefined) {\n oldKeyToIdx = createKeyToOldIdx(oldCh, oldStartIdx, oldEndIdx);\n }\n idxInOld = oldKeyToIdx[newStartVnode.key];\n if (isUndef(idxInOld)) {\n // New element\n api.insertBefore(parentElm, createElm(newStartVnode, insertedVnodeQueue), oldStartVnode.elm);\n }\n else {\n elmToMove = oldCh[idxInOld];\n if (elmToMove.sel !== newStartVnode.sel) {\n api.insertBefore(parentElm, createElm(newStartVnode, insertedVnodeQueue), oldStartVnode.elm);\n }\n else {\n patchVnode(elmToMove, newStartVnode, insertedVnodeQueue);\n oldCh[idxInOld] = undefined;\n api.insertBefore(parentElm, elmToMove.elm, oldStartVnode.elm);\n }\n }\n newStartVnode = newCh[++newStartIdx];\n }\n }\n if (oldStartIdx <= oldEndIdx || newStartIdx <= newEndIdx) {\n if (oldStartIdx > oldEndIdx) {\n before = newCh[newEndIdx + 1] == null ? null : newCh[newEndIdx + 1].elm;\n addVnodes(parentElm, before, newCh, newStartIdx, newEndIdx, insertedVnodeQueue);\n }\n else {\n removeVnodes(parentElm, oldCh, oldStartIdx, oldEndIdx);\n }\n }\n }\n function patchVnode(oldVnode, vnode, insertedVnodeQueue) {\n var _a, _b, _c, _d, _e;\n const hook = (_a = vnode.data) === null || _a === void 0 ? void 0 : _a.hook;\n (_b = hook === null || hook === void 0 ? void 0 : hook.prepatch) === null || _b === void 0 ? void 0 : _b.call(hook, oldVnode, vnode);\n const elm = (vnode.elm = oldVnode.elm);\n const oldCh = oldVnode.children;\n const ch = vnode.children;\n if (oldVnode === vnode)\n return;\n if (vnode.data !== undefined) {\n for (let i = 0; i < cbs.update.length; ++i)\n cbs.update[i](oldVnode, vnode);\n (_d = (_c = vnode.data.hook) === null || _c === void 0 ? void 0 : _c.update) === null || _d === void 0 ? void 0 : _d.call(_c, oldVnode, vnode);\n }\n if (isUndef(vnode.text)) {\n if (isDef(oldCh) && isDef(ch)) {\n if (oldCh !== ch)\n updateChildren(elm, oldCh, ch, insertedVnodeQueue);\n }\n else if (isDef(ch)) {\n if (isDef(oldVnode.text))\n api.setTextContent(elm, \"\");\n addVnodes(elm, null, ch, 0, ch.length - 1, insertedVnodeQueue);\n }\n else if (isDef(oldCh)) {\n removeVnodes(elm, oldCh, 0, oldCh.length - 1);\n }\n else if (isDef(oldVnode.text)) {\n api.setTextContent(elm, \"\");\n }\n }\n else if (oldVnode.text !== vnode.text) {\n if (isDef(oldCh)) {\n removeVnodes(elm, oldCh, 0, oldCh.length - 1);\n }\n api.setTextContent(elm, vnode.text);\n }\n (_e = hook === null || hook === void 0 ? void 0 : hook.postpatch) === null || _e === void 0 ? void 0 : _e.call(hook, oldVnode, vnode);\n }\n return function patch(oldVnode, vnode) {\n let i, elm, parent;\n const insertedVnodeQueue = [];\n for (i = 0; i < cbs.pre.length; ++i)\n cbs.pre[i]();\n if (!isVnode(oldVnode)) {\n oldVnode = emptyNodeAt(oldVnode);\n }\n if (sameVnode(oldVnode, vnode)) {\n patchVnode(oldVnode, vnode, insertedVnodeQueue);\n }\n else {\n elm = oldVnode.elm;\n parent = api.parentNode(elm);\n createElm(vnode, insertedVnodeQueue);\n if (parent !== null) {\n api.insertBefore(parent, vnode.elm, api.nextSibling(elm));\n removeVnodes(parent, [oldVnode], 0, 0);\n }\n }\n for (i = 0; i < insertedVnodeQueue.length; ++i) {\n insertedVnodeQueue[i].data.hook.insert(insertedVnodeQueue[i]);\n }\n for (i = 0; i < cbs.post.length; ++i)\n cbs.post[i]();\n return vnode;\n };\n}\n//# sourceMappingURL=init.js.map","import { vnode } from \"./vnode\";\nimport * as is from \"./is\";\nfunction addNS(data, children, sel) {\n data.ns = \"http://www.w3.org/2000/svg\";\n if (sel !== \"foreignObject\" && children !== undefined) {\n for (let i = 0; i < children.length; ++i) {\n const childData = children[i].data;\n if (childData !== undefined) {\n addNS(childData, children[i].children, children[i].sel);\n }\n }\n }\n}\nexport function h(sel, b, c) {\n let data = {};\n let children;\n let text;\n let i;\n if (c !== undefined) {\n if (b !== null) {\n data = b;\n }\n if (is.array(c)) {\n children = c;\n }\n else if (is.primitive(c)) {\n text = c.toString();\n }\n else if (c && c.sel) {\n children = [c];\n }\n }\n else if (b !== undefined && b !== null) {\n if (is.array(b)) {\n children = b;\n }\n else if (is.primitive(b)) {\n text = b.toString();\n }\n else if (b && b.sel) {\n children = [b];\n }\n else {\n data = b;\n }\n }\n if (children !== undefined) {\n for (i = 0; i < children.length; ++i) {\n if (is.primitive(children[i]))\n children[i] = vnode(undefined, undefined, undefined, children[i], undefined);\n }\n }\n if (sel[0] === \"s\" &&\n sel[1] === \"v\" &&\n sel[2] === \"g\" &&\n (sel.length === 3 || sel[3] === \".\" || sel[3] === \"#\")) {\n addNS(data, children, sel);\n }\n return vnode(sel, data, children, text, undefined);\n}\n//# sourceMappingURL=h.js.map","const xlinkNS = \"http://www.w3.org/1999/xlink\";\nconst xmlNS = \"http://www.w3.org/XML/1998/namespace\";\nconst colonChar = 58;\nconst xChar = 120;\nfunction updateAttrs(oldVnode, vnode) {\n let key;\n const elm = vnode.elm;\n let oldAttrs = oldVnode.data.attrs;\n let attrs = vnode.data.attrs;\n if (!oldAttrs && !attrs)\n return;\n if (oldAttrs === attrs)\n return;\n oldAttrs = oldAttrs || {};\n attrs = attrs || {};\n // update modified attributes, add new attributes\n for (key in attrs) {\n const cur = attrs[key];\n const old = oldAttrs[key];\n if (old !== cur) {\n if (cur === true) {\n elm.setAttribute(key, \"\");\n }\n else if (cur === false) {\n elm.removeAttribute(key);\n }\n else {\n if (key.charCodeAt(0) !== xChar) {\n elm.setAttribute(key, cur);\n }\n else if (key.charCodeAt(3) === colonChar) {\n // Assume xml namespace\n elm.setAttributeNS(xmlNS, key, cur);\n }\n else if (key.charCodeAt(5) === colonChar) {\n // Assume xlink namespace\n elm.setAttributeNS(xlinkNS, key, cur);\n }\n else {\n elm.setAttribute(key, cur);\n }\n }\n }\n }\n // remove removed attributes\n // use `in` operator since the previous `for` iteration uses it (.i.e. add even attributes with undefined value)\n // the other option is to remove all attributes with value == undefined\n for (key in oldAttrs) {\n if (!(key in attrs)) {\n elm.removeAttribute(key);\n }\n }\n}\nexport const attributesModule = {\n create: updateAttrs,\n update: updateAttrs,\n};\n//# sourceMappingURL=attributes.js.map","function updateClass(oldVnode, vnode) {\n let cur;\n let name;\n const elm = vnode.elm;\n let oldClass = oldVnode.data.class;\n let klass = vnode.data.class;\n if (!oldClass && !klass)\n return;\n if (oldClass === klass)\n return;\n oldClass = oldClass || {};\n klass = klass || {};\n for (name in oldClass) {\n if (oldClass[name] && !Object.prototype.hasOwnProperty.call(klass, name)) {\n // was `true` and now not provided\n elm.classList.remove(name);\n }\n }\n for (name in klass) {\n cur = klass[name];\n if (cur !== oldClass[name]) {\n elm.classList[cur ? \"add\" : \"remove\"](name);\n }\n }\n}\nexport const classModule = { create: updateClass, update: updateClass };\n//# sourceMappingURL=class.js.map","const CAPS_REGEX = /[A-Z]/g;\nfunction updateDataset(oldVnode, vnode) {\n const elm = vnode.elm;\n let oldDataset = oldVnode.data.dataset;\n let dataset = vnode.data.dataset;\n let key;\n if (!oldDataset && !dataset)\n return;\n if (oldDataset === dataset)\n return;\n oldDataset = oldDataset || {};\n dataset = dataset || {};\n const d = elm.dataset;\n for (key in oldDataset) {\n if (!dataset[key]) {\n if (d) {\n if (key in d) {\n delete d[key];\n }\n }\n else {\n elm.removeAttribute(\"data-\" + key.replace(CAPS_REGEX, \"-$&\").toLowerCase());\n }\n }\n }\n for (key in dataset) {\n if (oldDataset[key] !== dataset[key]) {\n if (d) {\n d[key] = dataset[key];\n }\n else {\n elm.setAttribute(\"data-\" + key.replace(CAPS_REGEX, \"-$&\").toLowerCase(), dataset[key]);\n }\n }\n }\n}\nexport const datasetModule = {\n create: updateDataset,\n update: updateDataset,\n};\n//# sourceMappingURL=dataset.js.map","function invokeHandler(handler, vnode, event) {\n if (typeof handler === \"function\") {\n // call function handler\n handler.call(vnode, event, vnode);\n }\n else if (typeof handler === \"object\") {\n // call multiple handlers\n for (let i = 0; i < handler.length; i++) {\n invokeHandler(handler[i], vnode, event);\n }\n }\n}\nfunction handleEvent(event, vnode) {\n const name = event.type;\n const on = vnode.data.on;\n // call event handler(s) if exists\n if (on && on[name]) {\n invokeHandler(on[name], vnode, event);\n }\n}\nfunction createListener() {\n return function handler(event) {\n handleEvent(event, handler.vnode);\n };\n}\nfunction updateEventListeners(oldVnode, vnode) {\n const oldOn = oldVnode.data.on;\n const oldListener = oldVnode.listener;\n const oldElm = oldVnode.elm;\n const on = vnode && vnode.data.on;\n const elm = (vnode && vnode.elm);\n let name;\n // optimization for reused immutable handlers\n if (oldOn === on) {\n return;\n }\n // remove existing listeners which no longer used\n if (oldOn && oldListener) {\n // if element changed or deleted we remove all existing listeners unconditionally\n if (!on) {\n for (name in oldOn) {\n // remove listener if element was changed or existing listeners removed\n oldElm.removeEventListener(name, oldListener, false);\n }\n }\n else {\n for (name in oldOn) {\n // remove listener if existing listener removed\n if (!on[name]) {\n oldElm.removeEventListener(name, oldListener, false);\n }\n }\n }\n }\n // add new listeners which has not already attached\n if (on) {\n // reuse existing listener or create new\n const listener = (vnode.listener =\n oldVnode.listener || createListener());\n // update vnode for listener\n listener.vnode = vnode;\n // if element changed or added we add all needed listeners unconditionally\n if (!oldOn) {\n for (name in on) {\n // add listener if element was changed or new listeners added\n elm.addEventListener(name, listener, false);\n }\n }\n else {\n for (name in on) {\n // add listener if new listener added\n if (!oldOn[name]) {\n elm.addEventListener(name, listener, false);\n }\n }\n }\n }\n}\nexport const eventListenersModule = {\n create: updateEventListeners,\n update: updateEventListeners,\n destroy: updateEventListeners,\n};\n//# sourceMappingURL=eventlisteners.js.map","function updateProps(oldVnode, vnode) {\n let key;\n let cur;\n let old;\n const elm = vnode.elm;\n let oldProps = oldVnode.data.props;\n let props = vnode.data.props;\n if (!oldProps && !props)\n return;\n if (oldProps === props)\n return;\n oldProps = oldProps || {};\n props = props || {};\n for (key in props) {\n cur = props[key];\n old = oldProps[key];\n if (old !== cur && (key !== \"value\" || elm[key] !== cur)) {\n elm[key] = cur;\n }\n }\n}\nexport const propsModule = { create: updateProps, update: updateProps };\n//# sourceMappingURL=props.js.map","// Bindig `requestAnimationFrame` like this fixes a bug in IE/Edge. See #360 and #409.\nconst raf = (typeof window !== \"undefined\" &&\n window.requestAnimationFrame.bind(window)) ||\n setTimeout;\nconst nextFrame = function (fn) {\n raf(function () {\n raf(fn);\n });\n};\nlet reflowForced = false;\nfunction setNextFrame(obj, prop, val) {\n nextFrame(function () {\n obj[prop] = val;\n });\n}\nfunction updateStyle(oldVnode, vnode) {\n let cur;\n let name;\n const elm = vnode.elm;\n let oldStyle = oldVnode.data.style;\n let style = vnode.data.style;\n if (!oldStyle && !style)\n return;\n if (oldStyle === style)\n return;\n oldStyle = oldStyle || {};\n style = style || {};\n const oldHasDel = \"delayed\" in oldStyle;\n for (name in oldStyle) {\n if (!style[name]) {\n if (name[0] === \"-\" && name[1] === \"-\") {\n elm.style.removeProperty(name);\n }\n else {\n elm.style[name] = \"\";\n }\n }\n }\n for (name in style) {\n cur = style[name];\n if (name === \"delayed\" && style.delayed) {\n for (const name2 in style.delayed) {\n cur = style.delayed[name2];\n if (!oldHasDel || cur !== oldStyle.delayed[name2]) {\n setNextFrame(elm.style, name2, cur);\n }\n }\n }\n else if (name !== \"remove\" && cur !== oldStyle[name]) {\n if (name[0] === \"-\" && name[1] === \"-\") {\n elm.style.setProperty(name, cur);\n }\n else {\n elm.style[name] = cur;\n }\n }\n }\n}\nfunction applyDestroyStyle(vnode) {\n let style;\n let name;\n const elm = vnode.elm;\n const s = vnode.data.style;\n if (!s || !(style = s.destroy))\n return;\n for (name in style) {\n elm.style[name] = style[name];\n }\n}\nfunction applyRemoveStyle(vnode, rm) {\n const s = vnode.data.style;\n if (!s || !s.remove) {\n rm();\n return;\n }\n if (!reflowForced) {\n // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n vnode.elm.offsetLeft;\n reflowForced = true;\n }\n let name;\n const elm = vnode.elm;\n let i = 0;\n const style = s.remove;\n let amount = 0;\n const applied = [];\n for (name in style) {\n applied.push(name);\n elm.style[name] = style[name];\n }\n const compStyle = getComputedStyle(elm);\n const props = compStyle[\"transition-property\"].split(\", \");\n for (; i < props.length; ++i) {\n if (applied.indexOf(props[i]) !== -1)\n amount++;\n }\n elm.addEventListener(\"transitionend\", function (ev) {\n if (ev.target === elm)\n --amount;\n if (amount === 0)\n rm();\n });\n}\nfunction forceReflow() {\n reflowForced = false;\n}\nexport const styleModule = {\n pre: forceReflow,\n create: updateStyle,\n update: updateStyle,\n destroy: applyDestroyStyle,\n remove: applyRemoveStyle,\n};\n//# sourceMappingURL=style.js.map","/* eslint-disable @typescript-eslint/no-namespace, import/export */\nimport { vnode } from \"./vnode\";\nimport { h } from \"./h\";\nfunction flattenAndFilter(children, flattened) {\n for (const child of children) {\n // filter out falsey children, except 0 since zero can be a valid value e.g inside a chart\n if (child !== undefined &&\n child !== null &&\n child !== false &&\n child !== \"\") {\n if (Array.isArray(child)) {\n flattenAndFilter(child, flattened);\n }\n else if (typeof child === \"string\" ||\n typeof child === \"number\" ||\n typeof child === \"boolean\") {\n flattened.push(vnode(undefined, undefined, undefined, String(child), undefined));\n }\n else {\n flattened.push(child);\n }\n }\n }\n return flattened;\n}\n/**\n * jsx/tsx compatible factory function\n * see: https://www.typescriptlang.org/docs/handbook/jsx.html#factory-functions\n */\nexport function jsx(tag, data, ...children) {\n const flatChildren = flattenAndFilter(children, []);\n if (typeof tag === \"function\") {\n // tag is a function component\n return tag(data, flatChildren);\n }\n else {\n if (flatChildren.length === 1 &&\n !flatChildren[0].sel &&\n flatChildren[0].text) {\n // only child is a simple text node, pass as text for a simpler vtree\n return h(tag, data, flatChildren[0].text);\n }\n else {\n return h(tag, data, flatChildren);\n }\n }\n}\n(function (jsx) {\n})(jsx || (jsx = {}));\n//# sourceMappingURL=jsx.js.map","/**\n * lodash (Custom Build) \n * Build: `lodash modularize exports=\"npm\" -o ./`\n * Copyright jQuery Foundation and other contributors \n * Released under MIT license \n * Based on Underscore.js 1.8.3 \n * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors\n */\n\n/** Used as references for various `Number` constants. */\nvar INFINITY = 1 / 0;\n\n/** `Object#toString` result references. */\nvar symbolTag = '[object Symbol]';\n\n/** Used to match words composed of alphanumeric characters. */\nvar reAsciiWord = /[^\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\x7f]+/g;\n\n/** Used to match Latin Unicode letters (excluding mathematical operators). */\nvar reLatin = /[\\xc0-\\xd6\\xd8-\\xf6\\xf8-\\xff\\u0100-\\u017f]/g;\n\n/** Used to compose unicode character classes. */\nvar rsAstralRange = '\\\\ud800-\\\\udfff',\n rsComboMarksRange = '\\\\u0300-\\\\u036f\\\\ufe20-\\\\ufe23',\n rsComboSymbolsRange = '\\\\u20d0-\\\\u20f0',\n rsDingbatRange = '\\\\u2700-\\\\u27bf',\n rsLowerRange = 'a-z\\\\xdf-\\\\xf6\\\\xf8-\\\\xff',\n rsMathOpRange = '\\\\xac\\\\xb1\\\\xd7\\\\xf7',\n rsNonCharRange = '\\\\x00-\\\\x2f\\\\x3a-\\\\x40\\\\x5b-\\\\x60\\\\x7b-\\\\xbf',\n rsPunctuationRange = '\\\\u2000-\\\\u206f',\n rsSpaceRange = ' \\\\t\\\\x0b\\\\f\\\\xa0\\\\ufeff\\\\n\\\\r\\\\u2028\\\\u2029\\\\u1680\\\\u180e\\\\u2000\\\\u2001\\\\u2002\\\\u2003\\\\u2004\\\\u2005\\\\u2006\\\\u2007\\\\u2008\\\\u2009\\\\u200a\\\\u202f\\\\u205f\\\\u3000',\n rsUpperRange = 'A-Z\\\\xc0-\\\\xd6\\\\xd8-\\\\xde',\n rsVarRange = '\\\\ufe0e\\\\ufe0f',\n rsBreakRange = rsMathOpRange + rsNonCharRange + rsPunctuationRange + rsSpaceRange;\n\n/** Used to compose unicode capture groups. */\nvar rsApos = \"['\\u2019]\",\n rsAstral = '[' + rsAstralRange + ']',\n rsBreak = '[' + rsBreakRange + ']',\n rsCombo = '[' + rsComboMarksRange + rsComboSymbolsRange + ']',\n rsDigits = '\\\\d+',\n rsDingbat = '[' + rsDingbatRange + ']',\n rsLower = '[' + rsLowerRange + ']',\n rsMisc = '[^' + rsAstralRange + rsBreakRange + rsDigits + rsDingbatRange + rsLowerRange + rsUpperRange + ']',\n rsFitz = '\\\\ud83c[\\\\udffb-\\\\udfff]',\n rsModifier = '(?:' + rsCombo + '|' + rsFitz + ')',\n rsNonAstral = '[^' + rsAstralRange + ']',\n rsRegional = '(?:\\\\ud83c[\\\\udde6-\\\\uddff]){2}',\n rsSurrPair = '[\\\\ud800-\\\\udbff][\\\\udc00-\\\\udfff]',\n rsUpper = '[' + rsUpperRange + ']',\n rsZWJ = '\\\\u200d';\n\n/** Used to compose unicode regexes. */\nvar rsLowerMisc = '(?:' + rsLower + '|' + rsMisc + ')',\n rsUpperMisc = '(?:' + rsUpper + '|' + rsMisc + ')',\n rsOptLowerContr = '(?:' + rsApos + '(?:d|ll|m|re|s|t|ve))?',\n rsOptUpperContr = '(?:' + rsApos + '(?:D|LL|M|RE|S|T|VE))?',\n reOptMod = rsModifier + '?',\n rsOptVar = '[' + rsVarRange + ']?',\n rsOptJoin = '(?:' + rsZWJ + '(?:' + [rsNonAstral, rsRegional, rsSurrPair].join('|') + ')' + rsOptVar + reOptMod + ')*',\n rsSeq = rsOptVar + reOptMod + rsOptJoin,\n rsEmoji = '(?:' + [rsDingbat, rsRegional, rsSurrPair].join('|') + ')' + rsSeq,\n rsSymbol = '(?:' + [rsNonAstral + rsCombo + '?', rsCombo, rsRegional, rsSurrPair, rsAstral].join('|') + ')';\n\n/** Used to match apostrophes. */\nvar reApos = RegExp(rsApos, 'g');\n\n/**\n * Used to match [combining diacritical marks](https://en.wikipedia.org/wiki/Combining_Diacritical_Marks) and\n * [combining diacritical marks for symbols](https://en.wikipedia.org/wiki/Combining_Diacritical_Marks_for_Symbols).\n */\nvar reComboMark = RegExp(rsCombo, 'g');\n\n/** Used to match [string symbols](https://mathiasbynens.be/notes/javascript-unicode). */\nvar reUnicode = RegExp(rsFitz + '(?=' + rsFitz + ')|' + rsSymbol + rsSeq, 'g');\n\n/** Used to match complex or compound words. */\nvar reUnicodeWord = RegExp([\n rsUpper + '?' + rsLower + '+' + rsOptLowerContr + '(?=' + [rsBreak, rsUpper, '$'].join('|') + ')',\n rsUpperMisc + '+' + rsOptUpperContr + '(?=' + [rsBreak, rsUpper + rsLowerMisc, '$'].join('|') + ')',\n rsUpper + '?' + rsLowerMisc + '+' + rsOptLowerContr,\n rsUpper + '+' + rsOptUpperContr,\n rsDigits,\n rsEmoji\n].join('|'), 'g');\n\n/** Used to detect strings with [zero-width joiners or code points from the astral planes](http://eev.ee/blog/2015/09/12/dark-corners-of-unicode/). */\nvar reHasUnicode = RegExp('[' + rsZWJ + rsAstralRange + rsComboMarksRange + rsComboSymbolsRange + rsVarRange + ']');\n\n/** Used to detect strings that need a more robust regexp to match words. */\nvar reHasUnicodeWord = /[a-z][A-Z]|[A-Z]{2,}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;\n\n/** Used to map Latin Unicode letters to basic Latin letters. */\nvar deburredLetters = {\n // Latin-1 Supplement block.\n '\\xc0': 'A', '\\xc1': 'A', '\\xc2': 'A', '\\xc3': 'A', '\\xc4': 'A', '\\xc5': 'A',\n '\\xe0': 'a', '\\xe1': 'a', '\\xe2': 'a', '\\xe3': 'a', '\\xe4': 'a', '\\xe5': 'a',\n '\\xc7': 'C', '\\xe7': 'c',\n '\\xd0': 'D', '\\xf0': 'd',\n '\\xc8': 'E', '\\xc9': 'E', '\\xca': 'E', '\\xcb': 'E',\n '\\xe8': 'e', '\\xe9': 'e', '\\xea': 'e', '\\xeb': 'e',\n '\\xcc': 'I', '\\xcd': 'I', '\\xce': 'I', '\\xcf': 'I',\n '\\xec': 'i', '\\xed': 'i', '\\xee': 'i', '\\xef': 'i',\n '\\xd1': 'N', '\\xf1': 'n',\n '\\xd2': 'O', '\\xd3': 'O', '\\xd4': 'O', '\\xd5': 'O', '\\xd6': 'O', '\\xd8': 'O',\n '\\xf2': 'o', '\\xf3': 'o', '\\xf4': 'o', '\\xf5': 'o', '\\xf6': 'o', '\\xf8': 'o',\n '\\xd9': 'U', '\\xda': 'U', '\\xdb': 'U', '\\xdc': 'U',\n '\\xf9': 'u', '\\xfa': 'u', '\\xfb': 'u', '\\xfc': 'u',\n '\\xdd': 'Y', '\\xfd': 'y', '\\xff': 'y',\n '\\xc6': 'Ae', '\\xe6': 'ae',\n '\\xde': 'Th', '\\xfe': 'th',\n '\\xdf': 'ss',\n // Latin Extended-A block.\n '\\u0100': 'A', '\\u0102': 'A', '\\u0104': 'A',\n '\\u0101': 'a', '\\u0103': 'a', '\\u0105': 'a',\n '\\u0106': 'C', '\\u0108': 'C', '\\u010a': 'C', '\\u010c': 'C',\n '\\u0107': 'c', '\\u0109': 'c', '\\u010b': 'c', '\\u010d': 'c',\n '\\u010e': 'D', '\\u0110': 'D', '\\u010f': 'd', '\\u0111': 'd',\n '\\u0112': 'E', '\\u0114': 'E', '\\u0116': 'E', '\\u0118': 'E', '\\u011a': 'E',\n '\\u0113': 'e', '\\u0115': 'e', '\\u0117': 'e', '\\u0119': 'e', '\\u011b': 'e',\n '\\u011c': 'G', '\\u011e': 'G', '\\u0120': 'G', '\\u0122': 'G',\n '\\u011d': 'g', '\\u011f': 'g', '\\u0121': 'g', '\\u0123': 'g',\n '\\u0124': 'H', '\\u0126': 'H', '\\u0125': 'h', '\\u0127': 'h',\n '\\u0128': 'I', '\\u012a': 'I', '\\u012c': 'I', '\\u012e': 'I', '\\u0130': 'I',\n '\\u0129': 'i', '\\u012b': 'i', '\\u012d': 'i', '\\u012f': 'i', '\\u0131': 'i',\n '\\u0134': 'J', '\\u0135': 'j',\n '\\u0136': 'K', '\\u0137': 'k', '\\u0138': 'k',\n '\\u0139': 'L', '\\u013b': 'L', '\\u013d': 'L', '\\u013f': 'L', '\\u0141': 'L',\n '\\u013a': 'l', '\\u013c': 'l', '\\u013e': 'l', '\\u0140': 'l', '\\u0142': 'l',\n '\\u0143': 'N', '\\u0145': 'N', '\\u0147': 'N', '\\u014a': 'N',\n '\\u0144': 'n', '\\u0146': 'n', '\\u0148': 'n', '\\u014b': 'n',\n '\\u014c': 'O', '\\u014e': 'O', '\\u0150': 'O',\n '\\u014d': 'o', '\\u014f': 'o', '\\u0151': 'o',\n '\\u0154': 'R', '\\u0156': 'R', '\\u0158': 'R',\n '\\u0155': 'r', '\\u0157': 'r', '\\u0159': 'r',\n '\\u015a': 'S', '\\u015c': 'S', '\\u015e': 'S', '\\u0160': 'S',\n '\\u015b': 's', '\\u015d': 's', '\\u015f': 's', '\\u0161': 's',\n '\\u0162': 'T', '\\u0164': 'T', '\\u0166': 'T',\n '\\u0163': 't', '\\u0165': 't', '\\u0167': 't',\n '\\u0168': 'U', '\\u016a': 'U', '\\u016c': 'U', '\\u016e': 'U', '\\u0170': 'U', '\\u0172': 'U',\n '\\u0169': 'u', '\\u016b': 'u', '\\u016d': 'u', '\\u016f': 'u', '\\u0171': 'u', '\\u0173': 'u',\n '\\u0174': 'W', '\\u0175': 'w',\n '\\u0176': 'Y', '\\u0177': 'y', '\\u0178': 'Y',\n '\\u0179': 'Z', '\\u017b': 'Z', '\\u017d': 'Z',\n '\\u017a': 'z', '\\u017c': 'z', '\\u017e': 'z',\n '\\u0132': 'IJ', '\\u0133': 'ij',\n '\\u0152': 'Oe', '\\u0153': 'oe',\n '\\u0149': \"'n\", '\\u017f': 'ss'\n};\n\n/** Detect free variable `global` from Node.js. */\nvar freeGlobal = typeof global == 'object' && global && global.Object === Object && global;\n\n/** Detect free variable `self`. */\nvar freeSelf = typeof self == 'object' && self && self.Object === Object && self;\n\n/** Used as a reference to the global object. */\nvar root = freeGlobal || freeSelf || Function('return this')();\n\n/**\n * A specialized version of `_.reduce` for arrays without support for\n * iteratee shorthands.\n *\n * @private\n * @param {Array} [array] The array to iterate over.\n * @param {Function} iteratee The function invoked per iteration.\n * @param {*} [accumulator] The initial value.\n * @param {boolean} [initAccum] Specify using the first element of `array` as\n * the initial value.\n * @returns {*} Returns the accumulated value.\n */\nfunction arrayReduce(array, iteratee, accumulator, initAccum) {\n var index = -1,\n length = array ? array.length : 0;\n\n if (initAccum && length) {\n accumulator = array[++index];\n }\n while (++index < length) {\n accumulator = iteratee(accumulator, array[index], index, array);\n }\n return accumulator;\n}\n\n/**\n * Converts an ASCII `string` to an array.\n *\n * @private\n * @param {string} string The string to convert.\n * @returns {Array} Returns the converted array.\n */\nfunction asciiToArray(string) {\n return string.split('');\n}\n\n/**\n * Splits an ASCII `string` into an array of its words.\n *\n * @private\n * @param {string} The string to inspect.\n * @returns {Array} Returns the words of `string`.\n */\nfunction asciiWords(string) {\n return string.match(reAsciiWord) || [];\n}\n\n/**\n * The base implementation of `_.propertyOf` without support for deep paths.\n *\n * @private\n * @param {Object} object The object to query.\n * @returns {Function} Returns the new accessor function.\n */\nfunction basePropertyOf(object) {\n return function(key) {\n return object == null ? undefined : object[key];\n };\n}\n\n/**\n * Used by `_.deburr` to convert Latin-1 Supplement and Latin Extended-A\n * letters to basic Latin letters.\n *\n * @private\n * @param {string} letter The matched letter to deburr.\n * @returns {string} Returns the deburred letter.\n */\nvar deburrLetter = basePropertyOf(deburredLetters);\n\n/**\n * Checks if `string` contains Unicode symbols.\n *\n * @private\n * @param {string} string The string to inspect.\n * @returns {boolean} Returns `true` if a symbol is found, else `false`.\n */\nfunction hasUnicode(string) {\n return reHasUnicode.test(string);\n}\n\n/**\n * Checks if `string` contains a word composed of Unicode symbols.\n *\n * @private\n * @param {string} string The string to inspect.\n * @returns {boolean} Returns `true` if a word is found, else `false`.\n */\nfunction hasUnicodeWord(string) {\n return reHasUnicodeWord.test(string);\n}\n\n/**\n * Converts `string` to an array.\n *\n * @private\n * @param {string} string The string to convert.\n * @returns {Array} Returns the converted array.\n */\nfunction stringToArray(string) {\n return hasUnicode(string)\n ? unicodeToArray(string)\n : asciiToArray(string);\n}\n\n/**\n * Converts a Unicode `string` to an array.\n *\n * @private\n * @param {string} string The string to convert.\n * @returns {Array} Returns the converted array.\n */\nfunction unicodeToArray(string) {\n return string.match(reUnicode) || [];\n}\n\n/**\n * Splits a Unicode `string` into an array of its words.\n *\n * @private\n * @param {string} The string to inspect.\n * @returns {Array} Returns the words of `string`.\n */\nfunction unicodeWords(string) {\n return string.match(reUnicodeWord) || [];\n}\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar objectToString = objectProto.toString;\n\n/** Built-in value references. */\nvar Symbol = root.Symbol;\n\n/** Used to convert symbols to primitives and strings. */\nvar symbolProto = Symbol ? Symbol.prototype : undefined,\n symbolToString = symbolProto ? symbolProto.toString : undefined;\n\n/**\n * The base implementation of `_.slice` without an iteratee call guard.\n *\n * @private\n * @param {Array} array The array to slice.\n * @param {number} [start=0] The start position.\n * @param {number} [end=array.length] The end position.\n * @returns {Array} Returns the slice of `array`.\n */\nfunction baseSlice(array, start, end) {\n var index = -1,\n length = array.length;\n\n if (start < 0) {\n start = -start > length ? 0 : (length + start);\n }\n end = end > length ? length : end;\n if (end < 0) {\n end += length;\n }\n length = start > end ? 0 : ((end - start) >>> 0);\n start >>>= 0;\n\n var result = Array(length);\n while (++index < length) {\n result[index] = array[index + start];\n }\n return result;\n}\n\n/**\n * The base implementation of `_.toString` which doesn't convert nullish\n * values to empty strings.\n *\n * @private\n * @param {*} value The value to process.\n * @returns {string} Returns the string.\n */\nfunction baseToString(value) {\n // Exit early for strings to avoid a performance hit in some environments.\n if (typeof value == 'string') {\n return value;\n }\n if (isSymbol(value)) {\n return symbolToString ? symbolToString.call(value) : '';\n }\n var result = (value + '');\n return (result == '0' && (1 / value) == -INFINITY) ? '-0' : result;\n}\n\n/**\n * Casts `array` to a slice if it's needed.\n *\n * @private\n * @param {Array} array The array to inspect.\n * @param {number} start The start position.\n * @param {number} [end=array.length] The end position.\n * @returns {Array} Returns the cast slice.\n */\nfunction castSlice(array, start, end) {\n var length = array.length;\n end = end === undefined ? length : end;\n return (!start && end >= length) ? array : baseSlice(array, start, end);\n}\n\n/**\n * Creates a function like `_.lowerFirst`.\n *\n * @private\n * @param {string} methodName The name of the `String` case method to use.\n * @returns {Function} Returns the new case function.\n */\nfunction createCaseFirst(methodName) {\n return function(string) {\n string = toString(string);\n\n var strSymbols = hasUnicode(string)\n ? stringToArray(string)\n : undefined;\n\n var chr = strSymbols\n ? strSymbols[0]\n : string.charAt(0);\n\n var trailing = strSymbols\n ? castSlice(strSymbols, 1).join('')\n : string.slice(1);\n\n return chr[methodName]() + trailing;\n };\n}\n\n/**\n * Creates a function like `_.camelCase`.\n *\n * @private\n * @param {Function} callback The function to combine each word.\n * @returns {Function} Returns the new compounder function.\n */\nfunction createCompounder(callback) {\n return function(string) {\n return arrayReduce(words(deburr(string).replace(reApos, '')), callback, '');\n };\n}\n\n/**\n * Checks if `value` is object-like. A value is object-like if it's not `null`\n * and has a `typeof` result of \"object\".\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is object-like, else `false`.\n * @example\n *\n * _.isObjectLike({});\n * // => true\n *\n * _.isObjectLike([1, 2, 3]);\n * // => true\n *\n * _.isObjectLike(_.noop);\n * // => false\n *\n * _.isObjectLike(null);\n * // => false\n */\nfunction isObjectLike(value) {\n return !!value && typeof value == 'object';\n}\n\n/**\n * Checks if `value` is classified as a `Symbol` primitive or object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.\n * @example\n *\n * _.isSymbol(Symbol.iterator);\n * // => true\n *\n * _.isSymbol('abc');\n * // => false\n */\nfunction isSymbol(value) {\n return typeof value == 'symbol' ||\n (isObjectLike(value) && objectToString.call(value) == symbolTag);\n}\n\n/**\n * Converts `value` to a string. An empty string is returned for `null`\n * and `undefined` values. The sign of `-0` is preserved.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to process.\n * @returns {string} Returns the string.\n * @example\n *\n * _.toString(null);\n * // => ''\n *\n * _.toString(-0);\n * // => '-0'\n *\n * _.toString([1, 2, 3]);\n * // => '1,2,3'\n */\nfunction toString(value) {\n return value == null ? '' : baseToString(value);\n}\n\n/**\n * Converts `string` to [camel case](https://en.wikipedia.org/wiki/CamelCase).\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category String\n * @param {string} [string=''] The string to convert.\n * @returns {string} Returns the camel cased string.\n * @example\n *\n * _.camelCase('Foo Bar');\n * // => 'fooBar'\n *\n * _.camelCase('--foo-bar--');\n * // => 'fooBar'\n *\n * _.camelCase('__FOO_BAR__');\n * // => 'fooBar'\n */\nvar camelCase = createCompounder(function(result, word, index) {\n word = word.toLowerCase();\n return result + (index ? capitalize(word) : word);\n});\n\n/**\n * Converts the first character of `string` to upper case and the remaining\n * to lower case.\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category String\n * @param {string} [string=''] The string to capitalize.\n * @returns {string} Returns the capitalized string.\n * @example\n *\n * _.capitalize('FRED');\n * // => 'Fred'\n */\nfunction capitalize(string) {\n return upperFirst(toString(string).toLowerCase());\n}\n\n/**\n * Deburrs `string` by converting\n * [Latin-1 Supplement](https://en.wikipedia.org/wiki/Latin-1_Supplement_(Unicode_block)#Character_table)\n * and [Latin Extended-A](https://en.wikipedia.org/wiki/Latin_Extended-A)\n * letters to basic Latin letters and removing\n * [combining diacritical marks](https://en.wikipedia.org/wiki/Combining_Diacritical_Marks).\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category String\n * @param {string} [string=''] The string to deburr.\n * @returns {string} Returns the deburred string.\n * @example\n *\n * _.deburr('déjà vu');\n * // => 'deja vu'\n */\nfunction deburr(string) {\n string = toString(string);\n return string && string.replace(reLatin, deburrLetter).replace(reComboMark, '');\n}\n\n/**\n * Converts the first character of `string` to upper case.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category String\n * @param {string} [string=''] The string to convert.\n * @returns {string} Returns the converted string.\n * @example\n *\n * _.upperFirst('fred');\n * // => 'Fred'\n *\n * _.upperFirst('FRED');\n * // => 'FRED'\n */\nvar upperFirst = createCaseFirst('toUpperCase');\n\n/**\n * Splits `string` into an array of its words.\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category String\n * @param {string} [string=''] The string to inspect.\n * @param {RegExp|string} [pattern] The pattern to match words.\n * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.\n * @returns {Array} Returns the words of `string`.\n * @example\n *\n * _.words('fred, barney, & pebbles');\n * // => ['fred', 'barney', 'pebbles']\n *\n * _.words('fred, barney, & pebbles', /[^, ]+/g);\n * // => ['fred', 'barney', '&', 'pebbles']\n */\nfunction words(string, pattern, guard) {\n string = toString(string);\n pattern = guard ? undefined : pattern;\n\n if (pattern === undefined) {\n return hasUnicodeWord(string) ? unicodeWords(string) : asciiWords(string);\n }\n return string.match(pattern) || [];\n}\n\nmodule.exports = camelCase;\n","/**\n * @description vdom 相关方法\n * @author wangfupeng\n */\n\nimport camelCase from 'lodash.camelcase'\nimport {\n VNode,\n init,\n classModule,\n propsModule,\n styleModule,\n datasetModule,\n VNodeStyle,\n Props,\n Dataset,\n eventListenersModule,\n attributesModule,\n} from 'snabbdom'\n\nexport type PatchFn = (oldVnode: VNode | Element, vnode: VNode) => VNode\n\n/**\n * 创建 snabbdom patch\n * @returns snabbdom patch 函数\n */\nexport function genPatchFn(): PatchFn {\n const patch = init([\n // Init patch function with chosen modules\n classModule, // makes it easy to toggle classes\n propsModule, // for setting properties on DOM elements\n styleModule, // handles styling on elements with support for animations\n datasetModule,\n eventListenersModule, // attaches event listeners\n attributesModule,\n ])\n return patch\n}\n\n// vnode.data 保留属性，参考 snabbdom VNodeData\nconst DATA_PRESERVE_KEYS = ['props', 'attrs', 'style', 'dataset', 'on', 'hook']\n\n/**\n * 整理 vnode.data ，将暴露出来的零散属性（如 id className data-xxx）放在 data.props 或 data.dataset\n * @param vnode vnode\n */\nexport function normalizeVnodeData(vnode: VNode) {\n const { data = {}, children = [] } = vnode\n const dataKeys = Object.keys(data)\n dataKeys.forEach((key: string) => {\n const value = data[key]\n\n // 赋值 key\n if (key === 'key') {\n vnode.key = value\n return\n }\n\n // 忽略 data 保留属性\n if (DATA_PRESERVE_KEYS.includes(key)) return\n\n // dataset\n if (key.startsWith('data-')) {\n let datasetKey = key.slice(5) // 截取掉最前面的 'data-'\n datasetKey = camelCase(datasetKey) // 转为驼峰写法\n\n // 存储到 data.dataset\n addVnodeDataset(vnode, { [datasetKey]: value })\n\n delete data[key] // 删掉原有的属性\n return\n }\n\n // 其他的，都算 props ，存储到 props\n addVnodeProp(vnode, { [key]: value })\n\n delete data[key] // 删掉原有的属性\n })\n\n // 遍历 children\n if (children.length > 0) {\n children.forEach(child => {\n if (typeof child === 'string') return\n normalizeVnodeData(child)\n })\n }\n}\n\n/**\n * 给 vnode 添加 prop\n * @param vnode vnode\n * @param newProp { key: val }\n */\nexport function addVnodeProp(vnode: VNode, newProp: Props) {\n if (vnode.data == null) vnode.data = {}\n const data = vnode.data\n if (data.props == null) data.props = {}\n\n Object.assign(data.props, newProp)\n}\n\n/**\n * 给 vnode 添加 dataset\n * @param vnode vnode\n * @param newDataset { key: val }\n */\nexport function addVnodeDataset(vnode: VNode, newDataset: Dataset) {\n if (vnode.data == null) vnode.data = {}\n const data = vnode.data\n if (data.dataset == null) data.dataset = {}\n\n Object.assign(data.dataset, newDataset)\n}\n\n/**\n * 给 vnode 添加样式\n * @param vnode vnode\n * @param newStyle { key: val }\n */\nexport function addVnodeStyle(vnode: VNode, newStyle: VNodeStyle) {\n if (vnode.data == null) vnode.data = {}\n const data = vnode.data\n if (data.style == null) data.style = {}\n\n Object.assign(data.style, newStyle)\n}\n","/**\n * @description formats entry\n * @author wangfupeng\n */\n\nimport { Element as SlateElement, Descendant } from 'slate'\nimport { VNode } from 'snabbdom'\nimport { IDomEditor } from '../editor/interface'\n\n// ------------------------------------ render style ------------------------------------\n\nexport type RenderStyleFnType = (node: Descendant, vnode: VNode) => VNode\n\n// 存储：处理文本样式的函数，如 b u color 等\nexport const RENDER_STYLE_HANDLER_LIST: RenderStyleFnType[] = []\n\n/**\n * 注册处理文本样式的函数\n * @param fn 处理文本样式的函数\n */\nexport function registerStyleHandler(fn: RenderStyleFnType) {\n RENDER_STYLE_HANDLER_LIST.push(fn)\n}\n\n// ------------------------------------ render elem ------------------------------------\n\nexport type RenderElemFnType = (\n elemNode: SlateElement,\n children: VNode[] | null,\n editor: IDomEditor\n) => VNode\n\n// 注册 render element 配置\nexport const RENDER_ELEM_CONF: {\n [key: string]: RenderElemFnType // key 要和 node.type 对应 ！！！\n} = {}\n\nexport interface IRenderElemConf {\n type: string\n renderElem: RenderElemFnType\n}\n\n/**\n * 注册 render elem 函数\n * @param conf { type, renderElem } ，type 即 node.type\n */\nexport function registerRenderElemConf(conf: IRenderElemConf) {\n const { type, renderElem } = conf\n const key = type || ''\n\n // 如果 key 重复了，就后者覆盖前者\n RENDER_ELEM_CONF[key] = renderElem\n}\n","/**\n * @description 获取 elem render 函数\n * @author wangfupeng\n */\n\nimport { Element as SlateElement } from 'slate'\nimport { jsx, VNode } from 'snabbdom'\nimport { IDomEditor } from '../../editor/interface'\nimport { RENDER_ELEM_CONF, RenderElemFnType } from '../index'\n\n/**\n * 默认的 render elem\n * @param elemNode elem\n * @param editor editor\n * @param children children vnode\n * @returns vnode\n */\nfunction defaultRender(\n elemNode: SlateElement,\n children: VNode[] | null,\n editor: IDomEditor\n): VNode {\n const Tag = editor.isInline(elemNode) ? 'span' : 'div'\n\n const vnode = {children}\n\n return vnode\n}\n\n/**\n * 根据 elemNode.type 获取 renderElement 函数\n * @param type elemNode.type\n */\nfunction getRenderElem(type: string): RenderElemFnType {\n const fn = RENDER_ELEM_CONF[type]\n return fn || defaultRender\n}\n\nexport default getRenderElem\n","/**\n * @description render element node\n * @author wangfupeng\n */\n\nimport { Editor, Node, Element as SlateElement } from 'slate'\nimport { jsx, VNode } from 'snabbdom'\nimport { node2Vnode } from '../node2Vnode'\nimport { DomEditor } from '../../editor/dom-editor'\nimport { IDomEditor } from '../../editor/interface'\nimport {\n KEY_TO_ELEMENT,\n NODE_TO_ELEMENT,\n ELEMENT_TO_NODE,\n NODE_TO_INDEX,\n NODE_TO_PARENT,\n} from '../../utils/weak-maps'\nimport getRenderElem from './getRenderElem'\nimport renderStyle from './renderStyle'\nimport { promiseResolveThen } from '../../utils/util'\nimport { genElemId } from '../helper'\nimport { getElementById } from '../../utils/dom'\n\ninterface IAttrs {\n id: string\n key: string | number\n 'data-slate-node': 'element'\n 'data-slate-inline'?: boolean\n 'data-slate-void'?: boolean\n contentEditable?: Boolean\n}\n\nfunction renderElement(elemNode: SlateElement, editor: IDomEditor): VNode {\n const key = DomEditor.findKey(editor, elemNode)\n // const readOnly = editor.isDisabled()\n const isInline = editor.isInline(elemNode)\n const isVoid = Editor.isVoid(editor, elemNode)\n const domId = genElemId(key.id)\n const attrs: IAttrs = {\n id: domId,\n key: key.id,\n 'data-slate-node': 'element',\n 'data-slate-inline': isInline,\n }\n\n // 根据 type 生成 vnode 的函数\n const { type, children = [] } = elemNode\n let renderElem = getRenderElem(type)\n\n let childrenVnode\n if (isVoid) {\n childrenVnode = null // void 节点 render elem 时不传入 children\n } else {\n childrenVnode = children.map((child: Node, index: number) => {\n return node2Vnode(child, index, elemNode, editor)\n })\n }\n\n // 创建 vnode\n let vnode = renderElem(elemNode, childrenVnode, editor)\n\n // void node 要特殊处理\n if (isVoid) {\n attrs['data-slate-void'] = true\n\n // 如果这里设置 contentEditable = false ，那图片就无法删除了 ？？？\n // if (!readOnly && isInline) {\n // attrs.contentEditable = false\n // }\n\n const Tag = isInline ? 'span' : 'div'\n const [[text]] = Node.texts(elemNode)\n\n const textVnode = node2Vnode(text, 0, elemNode, editor)\n const textWrapperVnode = (\n \n {textVnode}\n \n )\n\n // 重写 vnode\n vnode = (\n // 设置 position: relative，保证 absolute 的 textWrapperVnode 不乱跑\n \n {vnode}\n {textWrapperVnode}\n \n )\n\n // 记录 text 相关 weakMap\n NODE_TO_INDEX.set(text, 0)\n NODE_TO_PARENT.set(text, elemNode)\n }\n\n // 添加 element 属性\n if (vnode.data == null) vnode.data = {}\n Object.assign(vnode.data, attrs)\n\n // 添加文本相关的样式，如 text-align\n if (!isVoid && !isInline) {\n // 非 void + 非 inline\n vnode = renderStyle(elemNode, vnode)\n }\n\n // 更新 element 相关的 weakMap\n promiseResolveThen(() => {\n // 异步，否则拿不到 DOM 节点\n const dom = getElementById(domId)\n if (dom == null) return\n KEY_TO_ELEMENT.set(key, dom)\n NODE_TO_ELEMENT.set(elemNode, dom)\n ELEMENT_TO_NODE.set(dom, elemNode)\n })\n\n return vnode\n}\n\nexport default renderElement\n","/**\n * @description 添加文本相关的样式\n * @author wangfupeng\n */\n\nimport { Element as SlateElement } from 'slate'\nimport { VNode } from 'snabbdom'\nimport { RENDER_STYLE_HANDLER_LIST } from '../index'\n\n/**\n * 渲染样式\n * @param elem slate elem node\n * @param vnode elem Vnode\n */\nfunction renderStyle(elem: SlateElement, vnode: VNode): VNode {\n let newVnode = vnode\n\n RENDER_STYLE_HANDLER_LIST.forEach(styleHandler => {\n newVnode = styleHandler(elem, vnode)\n })\n\n return newVnode\n}\n\nexport default renderStyle\n","/**\n * @description 生成 text vnode\n * @author wangfupeng\n */\n\nimport { Editor, Path, Node, Text as SlateText, Ancestor } from 'slate'\nimport { jsx, VNode } from 'snabbdom'\nimport { DomEditor } from '../../editor/dom-editor'\nimport { IDomEditor } from '../../editor/interface'\n\nfunction str(text: string, isTrailing = false): VNode {\n return {isTrailing ? text + '\\n' : text}\n}\n\nfunction zeroWidthStr(length = 0, isLineBreak = false): VNode {\n return (\n \n {'\\uFEFF'}\n {isLineBreak ?
: null}\n \n )\n}\n\nfunction genTextVnode(\n leafNode: SlateText,\n isLast: boolean = false,\n textNode: SlateText,\n parent: Ancestor,\n editor: IDomEditor\n): VNode {\n const { text } = leafNode\n const path = DomEditor.findPath(editor, textNode)\n const parentPath = Path.parent(path)\n\n if (Editor.isEditor(parent)) {\n throw new Error(`Text node ${JSON.stringify(textNode)} parent is Editor`)\n }\n\n // COMPAT: Render text inside void nodes with a zero-width space.\n // So the node can contain selection but the text is not visible.\n if (editor.isVoid(parent)) {\n return zeroWidthStr(Node.string(parent).length)\n }\n\n // COMPAT: If this is the last text node in an empty block, render a zero-\n // width space that will convert into a line break when copying and pasting\n // to support expected plain text.\n if (\n text === '' &&\n parent.children[parent.children.length - 1] === textNode &&\n !editor.isInline(parent) &&\n Editor.string(editor, parentPath) === ''\n ) {\n return zeroWidthStr(0, true)\n }\n\n // COMPAT: If the text is empty, it's because it's on the edge of an inline\n // node, so we render a zero-width space so that the selection can be\n // inserted next to it still.\n if (text === '') {\n return zeroWidthStr()\n }\n\n // COMPAT: Browsers will collapse trailing new lines at the end of blocks,\n // so we need to add an extra trailing new lines to prevent that.\n if (isLast && text.slice(-1) === '\\n') {\n return str(text, true)\n }\n\n return str(text)\n}\n\nexport default genTextVnode\n","/**\n * @description render text node\n * @author wangfupeng\n */\n\nimport { Text as SlateText, Ancestor } from 'slate'\nimport { jsx, VNode } from 'snabbdom'\nimport { DomEditor } from '../../editor/dom-editor'\nimport { IDomEditor } from '../../editor/interface'\nimport { KEY_TO_ELEMENT, NODE_TO_ELEMENT, ELEMENT_TO_NODE } from '../../utils/weak-maps'\nimport genTextVnode from './genVnode'\nimport addTextVnodeStyle from './renderStyle'\nimport { promiseResolveThen } from '../../utils/util'\nimport { genTextId } from '../helper'\nimport { getElementById } from '../../utils/dom'\n\nfunction renderText(textNode: SlateText, parent: Ancestor, editor: IDomEditor): VNode {\n if (textNode.text == null)\n throw new Error(`Current node is not slate Text ${JSON.stringify(textNode)}`)\n const key = DomEditor.findKey(editor, textNode)\n\n // 根据 decorate 将 text 拆分为多个叶子节点 text[]\n const { decorate } = editor.getConfig()\n if (decorate == null) throw new Error(`Can not get config.decorate`)\n const path = DomEditor.findPath(editor, textNode)\n const ds = decorate([textNode, path])\n const leaves = SlateText.decorations(textNode, ds)\n\n // 生成 leaves vnode\n const leavesVnode = leaves.map((leafNode, index) => {\n // 文字和样式\n const isLast = index === leaves.length - 1\n let strVnode = genTextVnode(leafNode, isLast, textNode, parent, editor)\n strVnode = addTextVnodeStyle(leafNode, strVnode)\n // 生成每一个 leaf 节点\n return {strVnode}\n })\n\n // 生成 text vnode\n const textId = genTextId(key.id)\n const vnode = (\n \n {leavesVnode /* 一个 text 可能包含多个 leaf */}\n \n )\n\n // 更新 weak-map\n promiseResolveThen(() => {\n // 异步，否则拿不到 DOM\n const dom = getElementById(textId)\n if (dom == null) return\n KEY_TO_ELEMENT.set(key, dom)\n NODE_TO_ELEMENT.set(textNode, dom)\n ELEMENT_TO_NODE.set(dom, textNode)\n })\n\n return vnode\n}\n\nexport default renderText\n","/**\n * @description text 样式\n * @author wangfupeng\n */\n\nimport { Text as SlateText } from 'slate'\nimport { VNode } from 'snabbdom'\nimport { RENDER_STYLE_HANDLER_LIST } from '../index'\n\n/**\n * 给字符串增加样式\n * @param leafNode slate text leaf node\n * @param textVnode textVnode\n */\nfunction addTextVnodeStyle(leafNode: SlateText, textVnode: VNode): VNode {\n let newTextVnode = textVnode\n\n RENDER_STYLE_HANDLER_LIST.forEach(styleHandler => {\n newTextVnode = styleHandler(leafNode, newTextVnode)\n })\n\n return newTextVnode\n}\n\nexport default addTextVnodeStyle\n","/**\n * @description slate node to vnode\n * @author wangfupeng\n */\n\nimport { Element, Text, Node, Ancestor } from 'slate'\nimport { VNode } from 'snabbdom'\nimport { IDomEditor } from '../editor/interface'\nimport renderElement from './element/renderElement'\nimport renderText from './text/renderText'\nimport { NODE_TO_INDEX, NODE_TO_PARENT } from '../utils/weak-maps'\n\n/**\n * 根据 slate node 生成 snabbdom vnode\n * @param node node\n * @param index node index in parent.children\n * @param parent parent node\n * @param editor editor\n */\nexport function node2Vnode(node: Node, index: number, parent: Ancestor, editor: IDomEditor): VNode {\n // 设置相关 weakMap 信息\n NODE_TO_INDEX.set(node, index)\n NODE_TO_PARENT.set(node, parent)\n\n let vnode: VNode\n if (Element.isElement(node)) {\n // element\n vnode = renderElement(node as Element, editor)\n } else {\n // text\n vnode = renderText(node as Text, parent, editor)\n }\n\n return vnode\n}\n","/**\n * @description patch textarea view\n * @author wangfupeng\n */\n\nimport { h, VNode } from 'snabbdom'\nimport { IDomEditor } from '../editor/interface'\nimport TextArea from './TextArea'\nimport { genPatchFn, normalizeVnodeData } from '../utils/vdom'\nimport $, { Dom7Array, getDefaultView, getElementById } from '../utils/dom'\nimport { node2Vnode } from '../render/node2Vnode'\nimport {\n IS_FIRST_PATCH,\n TEXTAREA_TO_PATCH_FN,\n TEXTAREA_TO_VNODE,\n EDITOR_TO_ELEMENT,\n NODE_TO_ELEMENT,\n ELEMENT_TO_NODE,\n EDITOR_TO_WINDOW,\n} from '../utils/weak-maps'\n\nfunction genElemId(id: number) {\n return `w-e-textarea-${id}`\n}\n\n/**\n * 生成编辑区域节点的 vnode\n * @param elemId elemId\n * @param readOnly readOnly\n */\nfunction genRootVnode(elemId: string, readOnly = false): VNode {\n return h(`div#${elemId}`, {\n props: {\n contentEditable: readOnly ? false : true,\n },\n })\n // 其他属性在 genRootElem 中定，这里不用重复写\n}\n\n/**\n * 生成编辑区域的 elem\n * @param elemId elemId\n * @param readOnly readOnly\n */\nfunction genRootElem(elemId: string, readOnly = false): Dom7Array {\n const $elem = $(`