markdown task list not transform to todolist

[tomdyqin]

Description

markdown task list not transform to todolist

Reproduction URL

No response

Reproduction steps

1. Copy plain text '- [x] xxx'
2. Click on 'plate editor'
3. Paste ...
4. See it transform to '<listitem>xxx</listitem>' 
expect '<listitem><todolist>xxx</todolist></listitem>

solution

// plate/packages/markdown/src/lib/remark-slate/remarkDefaultElementRules.ts
_node.children?.forEach((listItem) => {
    const listItemType = listItem.checked ? TodoListPlugin.key : options.editor.getType({ key: 'p' }); // <=== change type
    if (!listItem.children) {
      listItems.push({
        children: remarkTransformElementChildren(listItem, options),
        checked: listItem.checked, // <=== change checked
        type: listItemType, // <=== change type
      });

      return listItems;
    }

    const [paragraph, ...subLists] = listItem.children;

    listItems.push({
      children: remarkTransformElementChildren(
        paragraph || '',
        options,
      ),
      indent,
      listStyleType,
      checked: listItem.checked,// <=== change checked
      type: listItemType, // <=== change type
    });

    subLists.forEach((subList) => {
      if (subList.type === 'list') {
        parseListItems(subList, listItems, indent + 1);
      } else {
        const result = remarkTransformNode(subList, options) as
          | TElement
          | TElement[];

        if (Array.isArray(result)) {
          listItems.push(...result.map(v => ({ ...v, indent: indent + 1 })));
        } else {
          listItems.push({ ...result, indent: indent + 1 });
        }
      }
    });
  });

Plate version

40.0.0

Slate React version

0.112.0

Screenshots

No response

Logs

No response

Browsers

No response

[tomdyqin]

#3872