@kaitify/core 0.0.1-beta.1

package/src/extensions/strikethrough/index.ts

@@ -0,0 +1,78 @@
+import { KNodeStylesType } from '@/model'
+import { splitNodeToNodes } from '@/model/config/function'
+import { Extension } from '../Extension'
+
+declare module '../../model' {
+  interface EditorCommandsType {
+    isStrikethrough?: () => boolean
+    setStrikethrough?: () => Promise<void>
+    unsetStrikethrough?: () => Promise<void>
+  }
+}
+
+export const StrikethroughExtension = () =>
+  Extension.create({
+    name: 'strikethrough',
+    pasteKeepStyles(node) {
+      const styles: KNodeStylesType = {}
+      if (node.isText() && node.hasStyles()) {
+        if (node.styles!.hasOwnProperty('textDecoration')) styles.textDecoration = node.styles!.textDecoration
+        if (node.styles!.hasOwnProperty('textDecorationLine')) styles.textDecorationLine = node.styles!.textDecorationLine
+      }
+      return styles
+    },
+    extraKeepTags: ['del'],
+    domParseNodeCallback(node) {
+      if (node.isMatch({ tag: 'del' })) {
+        node.type = 'inline'
+      }
+      return node
+    },
+    formatRules: [
+      ({ editor, node }) => {
+        if (!node.isEmpty() && node.isMatch({ tag: 'del' })) {
+          const styles: KNodeStylesType = node.styles || {}
+          node.styles = {
+            ...styles,
+            textDecorationLine: 'line-through'
+          }
+          node.tag = editor.textRenderTag
+          splitNodeToNodes.apply(editor, [node])
+        }
+      }
+    ],
+    addCommands() {
+      /**
+       * 光标所在文本是否删除线
+       */
+      const isStrikethrough = () => {
+        return this.commands.isTextStyle!('textDecoration', 'line-through') || this.commands.isTextStyle!('textDecorationLine', 'line-through')
+      }
+      /**
+       * 设置删除线
+       */
+      const setStrikethrough = async () => {
+        if (isStrikethrough()) {
+          return
+        }
+        await this.commands.setTextStyle!({
+          textDecorationLine: 'line-through'
+        })
+      }
+      /**
+       * 取消删除线
+       */
+      const unsetStrikethrough = async () => {
+        if (!isStrikethrough()) {
+          return
+        }
+        await this.commands.removeTextStyle!(['textDecoration', 'textDecorationLine'])
+      }
+
+      return {
+        isStrikethrough,
+        setStrikethrough,
+        unsetStrikethrough
+      }
+    }
+  })

package/src/extensions/subscript/index.ts

@@ -0,0 +1,77 @@
+import { KNodeStylesType } from '@/model'
+import { splitNodeToNodes } from '@/model/config/function'
+import { Extension } from '../Extension'
+
+declare module '../../model' {
+  interface EditorCommandsType {
+    isSubscript?: () => boolean
+    setSubscript?: () => Promise<void>
+    unsetSubscript?: () => Promise<void>
+  }
+}
+
+export const SubscriptExtension = () =>
+  Extension.create({
+    name: 'subscript',
+    pasteKeepStyles(node) {
+      const styles: KNodeStylesType = {}
+      if (node.isText() && node.hasStyles()) {
+        if (node.styles!.hasOwnProperty('verticalAlign')) styles.verticalAlign = node.styles!.verticalAlign
+      }
+      return styles
+    },
+    extraKeepTags: ['sub'],
+    domParseNodeCallback(node) {
+      if (node.isMatch({ tag: 'sub' })) {
+        node.type = 'inline'
+      }
+      return node
+    },
+    formatRules: [
+      ({ editor, node }) => {
+        if (!node.isEmpty() && node.isMatch({ tag: 'sub' })) {
+          const styles: KNodeStylesType = node.styles || {}
+          node.styles = {
+            ...styles,
+            verticalAlign: 'sub'
+          }
+          node.tag = editor.textRenderTag
+          splitNodeToNodes.apply(editor, [node])
+        }
+      }
+    ],
+    addCommands() {
+      /**
+       * 光标所在文本是否下标
+       */
+      const isSubscript = () => {
+        return this.commands.isTextStyle!('verticalAlign', 'sub')
+      }
+      /**
+       * 设置下标
+       */
+      const setSubscript = async () => {
+        if (isSubscript()) {
+          return
+        }
+        await this.commands.setTextStyle!({
+          verticalAlign: 'sub'
+        })
+      }
+      /**
+       * 取消下标
+       */
+      const unsetSubscript = async () => {
+        if (!isSubscript()) {
+          return
+        }
+        await this.commands.removeTextStyle!(['verticalAlign'])
+      }
+
+      return {
+        isSubscript,
+        setSubscript,
+        unsetSubscript
+      }
+    }
+  })

package/src/extensions/superscript/index.ts

@@ -0,0 +1,77 @@
+import { KNodeStylesType } from '@/model'
+import { splitNodeToNodes } from '@/model/config/function'
+import { Extension } from '../Extension'
+
+declare module '../../model' {
+  interface EditorCommandsType {
+    isSuperscript?: () => boolean
+    setSuperscript?: () => Promise<void>
+    unsetSuperscript?: () => Promise<void>
+  }
+}
+
+export const SuperscriptExtension = () =>
+  Extension.create({
+    name: 'superscript',
+    pasteKeepStyles(node) {
+      const styles: KNodeStylesType = {}
+      if (node.isText() && node.hasStyles()) {
+        if (node.styles!.hasOwnProperty('verticalAlign')) styles.verticalAlign = node.styles!.verticalAlign
+      }
+      return styles
+    },
+    extraKeepTags: ['sup'],
+    domParseNodeCallback(node) {
+      if (node.isMatch({ tag: 'sup' })) {
+        node.type = 'inline'
+      }
+      return node
+    },
+    formatRules: [
+      ({ editor, node }) => {
+        if (!node.isEmpty() && node.isMatch({ tag: 'sup' })) {
+          const styles: KNodeStylesType = node.styles || {}
+          node.styles = {
+            ...styles,
+            verticalAlign: 'super'
+          }
+          node.tag = editor.textRenderTag
+          splitNodeToNodes.apply(editor, [node])
+        }
+      }
+    ],
+    addCommands() {
+      /**
+       * 光标所在文本是否上标
+       */
+      const isSuperscript = () => {
+        return this.commands.isTextStyle!('verticalAlign', 'super')
+      }
+      /**
+       * 设置上标
+       */
+      const setSuperscript = async () => {
+        if (isSuperscript()) {
+          return
+        }
+        await this.commands.setTextStyle!({
+          verticalAlign: 'super'
+        })
+      }
+      /**
+       * 取消上标
+       */
+      const unsetSuperscript = async () => {
+        if (!isSuperscript()) {
+          return
+        }
+        await this.commands.removeTextStyle!(['verticalAlign'])
+      }
+
+      return {
+        isSuperscript,
+        setSuperscript,
+        unsetSuperscript
+      }
+    }
+  })