@kaitify/core 0.0.1-beta.13 → 0.0.1-beta.15

package/lib/extensions/list/index.d.ts

@@ -13,6 +13,11 @@ declare module '../../model' {
         allList?: (options: ListOptionsType) => boolean;
         setList?: (options: ListOptionsType) => Promise<void>;
         unsetList?: (options: ListOptionsType) => Promise<void>;
+        canCreateInnerList?: () => {
+            node: KNode;
+            previousNode: KNode;
+        } | null;
+        createInnerList?: () => Promise<void>;
     }
 }
 export declare const ListExtension: () => Extension;

package/lib/kaitify-core.es.js

@@ -7927,6 +7927,9 @@ const listMergeHandler = ({ editor, node }) => {
     }
   }
 };
+const isOnlyTab = (e) => {
+  return e.key.toLocaleLowerCase() == "tab" && !e.ctrlKey && !e.shiftKey && !e.altKey && !e.metaKey;
+};
 const ListExtension = () => Extension.create({
   name: "list",
   extraKeepTags: ["ul", "ol", "li"],
@@ -7945,6 +7948,13 @@ const ListExtension = () => Extension.create({
     ({ node }) => {
       if (node.isMatch({ tag: "ol" }) || node.isMatch({ tag: "ul" })) {
         node.type = "block";
+        if (!node.hasStyles()) {
+          node.styles = {
+            listStyleType: node.isMatch({ tag: "ol" }) ? "decimal" : "disc"
+          };
+        } else if (!node.styles.listStyleType) {
+          node.styles.listStyleType = node.isMatch({ tag: "ol" }) ? "decimal" : "disc";
+        }
       }
     },
     //列表项处理
@@ -7988,6 +7998,16 @@ const ListExtension = () => Extension.create({
     }
     return true;
   },
+  onKeydown(event2) {
+    var _a, _b, _c, _d;
+    if (isOnlyTab(event2)) {
+      const result = (_b = (_a = this.commands).canCreateInnerList) == null ? void 0 : _b.call(_a);
+      if (!!result) {
+        event2.preventDefault();
+        (_d = (_c = this.commands).createInnerList) == null ? void 0 : _d.call(_c);
+      }
+    }
+  },
   addCommands() {
     const getList = (options) => {
       if (options.listType) {
@@ -8054,12 +8074,58 @@ const ListExtension = () => Extension.create({
       }
       await this.updateView();
     };
+    const canCreateInnerList = () => {
+      const node = this.getMatchNodeBySelection({ tag: "li" });
+      if (!node || !node.parent) {
+        return null;
+      }
+      const previousNode = node.getPrevious(node.parent.children);
+      if (!previousNode || !previousNode.isMatch({ tag: "li" })) {
+        return null;
+      }
+      return { node, previousNode };
+    };
+    const createInnerList = async () => {
+      const result = canCreateInnerList();
+      if (!result) {
+        return;
+      }
+      const { node, previousNode } = result;
+      if (!previousNode.children.some((item) => item.isBlock())) {
+        const paragraph = KNode.create({
+          tag: this.blockRenderTag,
+          type: "block",
+          marks: {},
+          styles: {},
+          fixed: false,
+          nested: false,
+          locked: false,
+          namespace: ""
+        });
+        paragraph.children = previousNode.children;
+        paragraph.children.forEach((child) => {
+          child.parent = paragraph;
+        });
+        previousNode.children = [paragraph];
+        paragraph.parent = previousNode;
+      }
+      const innerList = node.parent.clone(false);
+      const index = node.parent.children.findIndex((item) => item.isEqual(node));
+      node.parent.children.splice(index, 1);
+      node.parent = innerList;
+      innerList.children = [node];
+      innerList.parent = previousNode;
+      previousNode.children.push(innerList);
+      await this.updateView();
+    };
     return {
       getList,
       hasList,
       allList,
       setList,
-      unsetList
+      unsetList,
+      canCreateInnerList,
+      createInnerList
     };
   }
 });