@jvs-milkdown/crepe 1.2.4 → 1.2.7

package/src/feature/block-edit/menu/component.tsx

@@ -9,6 +9,7 @@ import {
 } from '@jvs-milkdown/kit/preset/commonmark'
 import { createTable } from '@jvs-milkdown/kit/preset/gfm'
 import { TextSelection, NodeSelection } from '@jvs-milkdown/kit/prose/state'
+// @ts-ignore
 import {
   computed,
   defineComponent,
@@ -81,7 +82,7 @@ export const Menu = defineComponent<MenuProps>({
       required: false,
     },
   },
-  setup({ ctx, show, filter, hide, config, activeKey }) {
+  setup({ ctx, show, filter, hide, config, activeKey }: any) {
     const host = ref<HTMLElement>()
     const groupInfo = computed(() => getGroups(filter.value, config, ctx))
     const hoverIndex = ref(0)
@@ -240,7 +241,7 @@ export const Menu = defineComponent<MenuProps>({
 
     watch(
       [groupInfo, show],
-      ([newGroupInfo, newShow], [oldGroupInfo, oldShow]) => {
+      ([newGroupInfo, newShow]: any, [oldGroupInfo, oldShow]: any) => {
         const { size } = newGroupInfo
         if (size === 0 && newShow) {
           hide()
@@ -248,7 +249,7 @@ export const Menu = defineComponent<MenuProps>({
         }
 
         if (newShow && newShow !== oldShow) {
-          const items = newGroupInfo.groups.flatMap((g) => g.items)
+          const items = newGroupInfo.groups.flatMap((g: any) => g.items)
           const api = ctx.get(menuAPI.key)
           const isSlash = api?.getMode() === 'list' || !api?.isProgrammatic()
 
@@ -262,7 +263,7 @@ export const Menu = defineComponent<MenuProps>({
               }
             }, 0)
           } else {
-            const target = items.find((i) => i.key === activeKey.value)
+            const target = items.find((i: any) => i.key === activeKey.value)
             hoverIndex.value = target ? target.index : 0
             setTimeout(() => scrollToIndex(hoverIndex.value), 0)
           }
@@ -304,7 +305,7 @@ export const Menu = defineComponent<MenuProps>({
 
     const runByIndex = (index: number) => {
       const item = groupInfo.value.groups
-        .flatMap((group) => group.items)
+        .flatMap((group: any) => group.items)
         .at(index)
       if (item && ctx) {
         const api = ctx.get(menuAPI.key)
@@ -332,7 +333,7 @@ export const Menu = defineComponent<MenuProps>({
 
     const runByIndexForAddBelow = (index: number) => {
       const item = groupInfo.value.groups
-        .flatMap((group) => group.items)
+        .flatMap((group: any) => group.items)
         .at(index)
       if (item && ctx) {
         const api = ctx.get(menuAPI.key)
@@ -390,7 +391,7 @@ export const Menu = defineComponent<MenuProps>({
         e.preventDefault()
         return onHover((index) => {
           const group = groups.find(
-            (group) => group.range[0] <= index && group.range[1] > index
+            (group: any) => group.range[0] <= index && group.range[1] > index
           )
           if (!group) return index
 
@@ -405,7 +406,7 @@ export const Menu = defineComponent<MenuProps>({
         e.preventDefault()
         return onHover((index) => {
           const group = groups.find(
-            (group) => group.range[0] <= index && group.range[1] > index
+            (group: any) => group.range[0] <= index && group.range[1] > index
           )
           if (!group) return index
 
@@ -447,7 +448,7 @@ export const Menu = defineComponent<MenuProps>({
     return () => {
       // Force vue to track the `show` ref so it correctly re-evaluates `api.isProgrammatic()`
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
-      show.value
+      void show.value
       const api = ctx.get(menuAPI.key)
       const showListMenu =
         api?.getMode() === 'list' ||
@@ -456,13 +457,13 @@ export const Menu = defineComponent<MenuProps>({
 
       if (showListMenu) {
         return (
-          <div ref={host} onPointerdown={(e) => e.preventDefault()}>
+          <div ref={host} onPointerdown={(e: any) => e.preventDefault()}>
             <div class="menu-groups" onPointermove={onPointerMove}>
-              {groupInfo.value.groups.map((group) => (
+              {groupInfo.value.groups.map((group: any) => (
                 <div key={group.key} class="menu-group">
                   <h6>{group.label}</h6>
                   <ul>
-                    {group.items.map((item) => (
+                    {group.items.map((item: any) => (
                       <li
                         key={item.key}
                         data-index={item.index}
@@ -472,7 +473,7 @@ export const Menu = defineComponent<MenuProps>({
                           hoverIndex.value === item.index ? 'hover' : '',
                           item.key === activeKey.value ? 'selected' : '',
                         ]}
-                        onPointerenter={(e) => {
+                        onPointerenter={(e: any) => {
                           getOnPointerEnter(item.index)(e)
                           if (item.key === 'table') handleTableEnter(e)
                           else {
@@ -484,7 +485,7 @@ export const Menu = defineComponent<MenuProps>({
                         onPointerleave={() => {
                           if (item.key === 'table') handleTableLeave()
                         }}
-                        onPointerdown={(e) => {
+                        onPointerdown={(e: any) => {
                           if (item.key === 'table') {
                             e.preventDefault()
                             e.stopPropagation()
@@ -494,7 +495,7 @@ export const Menu = defineComponent<MenuProps>({
                             ?.querySelector(`[data-index="${item.index}"]`)
                             ?.classList.add('active')
                         }}
-                        onPointerup={(e) => {
+                        onPointerup={(e: any) => {
                           if (item.key === 'table') {
                             e.preventDefault()
                             e.stopPropagation()
@@ -592,11 +593,11 @@ export const Menu = defineComponent<MenuProps>({
                           onPointerenter={() => {
                             tableHoverIndices.value = { r: r + 1, c: c + 1 }
                           }}
-                          onPointerdown={(e) => {
+                          onPointerdown={(e: any) => {
                             e.preventDefault()
                             e.stopPropagation()
                           }}
-                          onPointerup={(e) => {
+                          onPointerup={(e: any) => {
                             e.preventDefault()
                             e.stopPropagation()
                             runTableInsert(r + 1, c + 1)
@@ -635,8 +636,8 @@ export const Menu = defineComponent<MenuProps>({
         )
       }
 
-      const allItems = groupInfo.value.groups.flatMap((g) => g.items)
-      const findItem = (key: string) => allItems.find((i) => i.key === key)
+      const allItems = groupInfo.value.groups.flatMap((g: any) => g.items)
+      const findItem = (key: string) => allItems.find((i: any) => i.key === key)
 
       const allGridKeys = [
         'text',
@@ -663,7 +664,7 @@ export const Menu = defineComponent<MenuProps>({
 
       let hasImageChild = false
       if (node?.type.name === 'paragraph') {
-        node.content.forEach((child) => {
+        node.content.forEach((child: any) => {
           if (child.type.name.includes('image')) {
             hasImageChild = true
           }
@@ -728,16 +729,16 @@ export const Menu = defineComponent<MenuProps>({
       let activeBgColor: string | null = null
 
       if (node && node.nodeSize > 2) {
-        node.descendants((childNode) => {
+        node.descendants((childNode: any) => {
           if (childNode.isText) {
             const tcType = textColorSchema.type(ctx)
             const bcType = bgColorSchema.type(ctx)
             if (!activeTextColor) {
-              const tcMark = childNode.marks.find((m) => m.type === tcType)
+              const tcMark = childNode.marks.find((m: any) => m.type === tcType)
               if (tcMark) activeTextColor = tcMark.attrs.color
             }
             if (!activeBgColor) {
-              const bcMark = childNode.marks.find((m) => m.type === bcType)
+              const bcMark = childNode.marks.find((m: any) => m.type === bcType)
               if (bcMark) activeBgColor = bcMark.attrs.color
             }
           }
@@ -874,11 +875,11 @@ export const Menu = defineComponent<MenuProps>({
             class="custom-menu-row"
             onPointerenter={onPointerEnter}
             onPointerleave={onPointerLeave}
-            onPointerdown={(e) => {
+            onPointerdown={(e: any) => {
               e.preventDefault()
               e.stopPropagation()
             }}
-            onPointerup={(e) => {
+            onPointerup={(e: any) => {
               e.preventDefault()
               e.stopPropagation()
               onClick?.()
@@ -907,11 +908,11 @@ export const Menu = defineComponent<MenuProps>({
               opacity: disabled ? 0.5 : 1,
               cursor: disabled ? 'not-allowed' : 'pointer',
             }}
-            onPointerdown={(e) => {
+            onPointerdown={(e: any) => {
               e.preventDefault()
               e.stopPropagation()
             }}
-            onPointerup={(e) => {
+            onPointerup={(e: any) => {
               e.preventDefault()
               e.stopPropagation()
               if (!disabled) onClick()
@@ -939,12 +940,12 @@ export const Menu = defineComponent<MenuProps>({
       return (
         <div
           ref={host}
-          onPointerdown={(e) => e.preventDefault()}
+          onPointerdown={(e: any) => e.preventDefault()}
           class="custom-block-menu"
         >
           {!isMedia ? (
             <div class="custom-grid-container">
-              {gridRows.map((rowKeys, rIndex) => (
+              {gridRows.map((rowKeys: any, rIndex: any) => (
                 <div class="custom-grid-row" key={'row-' + rIndex}>
                   {rowKeys.map(renderGridBtn)}
                 </div>
@@ -1064,14 +1065,14 @@ export const Menu = defineComponent<MenuProps>({
                   '#52C41A',
                   '#1677FF',
                   '#722ED1',
-                ].map((color) => (
+                ].map((color: any) => (
                   <div
                     key={color}
-                    onPointerdown={(e) => {
+                    onPointerdown={(e: any) => {
                       e.preventDefault()
                       e.stopPropagation()
                     }}
-                    onPointerup={(e) => {
+                    onPointerup={(e: any) => {
                       e.preventDefault()
                       e.stopPropagation()
                       setTextColor(color)
@@ -1119,14 +1120,14 @@ export const Menu = defineComponent<MenuProps>({
                   '#D9F7BE',
                   '#D6E4FF',
                   '#EFDBFF',
-                ].map((color) => (
+                ].map((color: any) => (
                   <div
                     key={color}
-                    onPointerdown={(e) => {
+                    onPointerdown={(e: any) => {
                       e.preventDefault()
                       e.stopPropagation()
                     }}
-                    onPointerup={(e) => {
+                    onPointerup={(e: any) => {
                       e.preventDefault()
                       e.stopPropagation()
                       setBgColor(color === 'transparent' ? null : color)
@@ -1172,14 +1173,14 @@ export const Menu = defineComponent<MenuProps>({
                   '#52C41A',
                   '#1677FF',
                   '#722ED1',
-                ].map((color) => (
+                ].map((color: any) => (
                   <div
                     key={color}
-                    onPointerdown={(e) => {
+                    onPointerdown={(e: any) => {
                       e.preventDefault()
                       e.stopPropagation()
                     }}
-                    onPointerup={(e) => {
+                    onPointerup={(e: any) => {
                       e.preventDefault()
                       e.stopPropagation()
                       setBgColor(color)
@@ -1200,11 +1201,11 @@ export const Menu = defineComponent<MenuProps>({
               </div>
 
               <button
-                onPointerdown={(e) => {
+                onPointerdown={(e: any) => {
                   e.preventDefault()
                   e.stopPropagation()
                 }}
-                onPointerup={(e) => {
+                onPointerup={(e: any) => {
                   e.preventDefault()
                   e.stopPropagation()
                   clearColor()
@@ -1284,11 +1285,11 @@ export const Menu = defineComponent<MenuProps>({
                 onPointermove={onPointerMove}
                 style={{ maxHeight: '300px', overflowY: 'auto' }}
               >
-                {groupInfo.value.groups.map((group) => (
+                {groupInfo.value.groups.map((group: any) => (
                   <div key={group.key} class="menu-group">
                     <h6>{group.label}</h6>
                     <ul>
-                      {group.items.map((item) => (
+                      {group.items.map((item: any) => (
                         <li
                           key={item.key}
                           data-index={item.index}
@@ -1298,19 +1299,21 @@ export const Menu = defineComponent<MenuProps>({
                             item.key === activeKey.value ? 'selected' : '',
                           ]}
                           onPointerenter={getOnPointerEnter(item.index)}
-                          onPointerdown={(e) => {
+                          onPointerdown={(e: PointerEvent) => {
                             e.preventDefault()
                             e.stopPropagation()
                             host.value
                               ?.querySelectorAll(`[data-index="${item.index}"]`)
-                              .forEach((el) => el.classList.add('active'))
+                              .forEach((el: any) => el.classList.add('active'))
                           }}
-                          onPointerup={(e) => {
+                          onPointerup={(e: PointerEvent) => {
                             e.preventDefault()
                             e.stopPropagation()
                             host.value
                               ?.querySelectorAll(`[data-index="${item.index}"]`)
-                              .forEach((el) => el.classList.remove('active'))
+                              .forEach((el: any) =>
+                                el.classList.remove('active')
+                              )
                             runByIndexForAddBelow(item.index)
                           }}
                         >

package/src/feature/block-edit/menu/index.ts

@@ -9,6 +9,7 @@ import {
   type PluginView,
   type Selection,
 } from '@jvs-milkdown/kit/prose/state'
+// @ts-ignore
 import { createApp, ref, type App, type Ref } from 'vue'
 
 import type { BlockEditFeatureConfig } from '../index'

package/src/feature/fixed-toolbar/component.tsx

@@ -2,7 +2,8 @@ import type { Ctx } from '@jvs-milkdown/kit/ctx'
 import type { Selection } from '@jvs-milkdown/kit/prose/state'
 
 import { Icon } from '@jvs-milkdown/kit/component'
-import { defineComponent, type ShallowRef, type Ref, h, ref } from 'vue'
+// @ts-ignore
+import { defineComponent, type ShallowRef, type Ref, ref } from 'vue'
 
 import type { FixedToolbarFeatureConfig } from '.'
 
@@ -28,7 +29,7 @@ export const FixedToolbarComponent = defineComponent<FixedToolbarProps>({
     selection: { type: Object, required: true },
     config: { type: Object, required: false },
   },
-  setup(props) {
+  setup(props: any) {
     const showShortcuts = ref(false)
 
     return () => (