@jvs-milkdown/components 1.1.9 → 1.2.1

package/src/image-block/view/index.ts

@@ -18,6 +18,14 @@ export const imageBlockView = $view(
       const caption = ref(initialNode.attrs.caption)
       const ratio = ref(initialNode.attrs.ratio)
       const align = ref(initialNode.attrs.align)
+      const cropRatio = ref(initialNode.attrs.cropRatio)
+      const cropTop = ref(initialNode.attrs.cropTop)
+      const cropLeft = ref(initialNode.attrs.cropLeft)
+      const cropWidth = ref(initialNode.attrs.cropWidth)
+      const cropHeight = ref(initialNode.attrs.cropHeight)
+      const borderWidth = ref(initialNode.attrs.borderWidth)
+      const borderColor = ref(initialNode.attrs.borderColor)
+      const borderStyle = ref(initialNode.attrs.borderStyle)
       const selected = ref(false)
       const readonly = ref(!view.editable)
       const setAttr = (attr: string, value: unknown) => {
@@ -38,6 +46,14 @@ export const imageBlockView = $view(
         caption,
         ratio,
         align,
+        cropRatio,
+        cropTop,
+        cropLeft,
+        cropWidth,
+        cropHeight,
+        borderWidth,
+        borderColor,
+        borderStyle,
         selected,
         readonly,
         setAttr,
@@ -57,6 +73,17 @@ export const imageBlockView = $view(
       const disposeAlignWatcher = watchEffect(() => {
         dom.dataset.align = align.value || 'center'
       })
+      const disposeCropWatcher = watchEffect(() => {
+        dom.dataset.cropRatio = cropRatio.value || 'free'
+      })
+      const disposeBorderWatcher = watchEffect(() => {
+        const w = borderWidth.value ?? 0
+        const c = borderColor.value ?? '#000000'
+        const s = borderStyle.value ?? 'none'
+        dom.dataset.borderWidth = String(w)
+        dom.dataset.borderColor = c
+        dom.dataset.borderStyle = s
+      })
       const proxyDomURL = config.proxyDomURL
       const bindAttrs = (node: Node) => {
         if (!proxyDomURL) {
@@ -76,6 +103,14 @@ export const imageBlockView = $view(
         ratio.value = node.attrs.ratio
         caption.value = node.attrs.caption
         align.value = node.attrs.align
+        cropRatio.value = node.attrs.cropRatio
+        cropTop.value = node.attrs.cropTop
+        cropLeft.value = node.attrs.cropLeft
+        cropWidth.value = node.attrs.cropWidth
+        cropHeight.value = node.attrs.cropHeight
+        borderWidth.value = node.attrs.borderWidth
+        borderColor.value = node.attrs.borderColor
+        borderStyle.value = node.attrs.borderStyle
 
         readonly.value = !view.editable
       }
@@ -93,6 +128,11 @@ export const imageBlockView = $view(
         },
         stopEvent: (e) => {
           if (e.target instanceof HTMLInputElement) return true
+          if (e.target instanceof HTMLElement && e.target.tagName === 'INPUT')
+            return true
+          const target = e.target as HTMLElement
+          if (target.closest?.('.setting-panel, .image-toolbar, .crop-overlay'))
+            return true
 
           return false
         },
@@ -105,6 +145,8 @@ export const imageBlockView = $view(
         destroy: () => {
           disposeSelectedWatcher()
           disposeAlignWatcher()
+          disposeCropWatcher()
+          disposeBorderWatcher()
           app.unmount()
           dom.remove()
         },

package/src/table-block/view/component.tsx

@@ -94,22 +94,80 @@ export const TableBlock = defineComponent<TableBlockProps>({
     const resizingCol = ref(-1)
     const colWidths = ref<number[]>([])
 
+    /** Count total columns in the table by expanding colspan across all rows */
+    const getColCount = () => {
+      let maxCols = 0
+      node.value.forEach((row) => {
+        let cols = 0
+        row.forEach((cell) => {
+          cols += (cell.attrs.colspan as number) || 1
+        })
+        if (cols > maxCols) maxCols = cols
+      })
+      return maxCols
+    }
+
     const syncColWidths = () => {
       if (resizingCol.value >= 0) return
-      const firstRow = node.value.firstChild
-      if (!firstRow) return
-      const colCount = firstRow.content.childCount
+      const colCount = getColCount()
+      const prevColCount = colWidths.value.length
       const widths: number[] = []
-      const hasBounds = colBounds.value.length === colCount
+      const hasBounds = colBounds.value.length >= colCount
+
+      // Compute average width of existing columns for new columns without data
+      const existingNonZero = colWidths.value.filter((w) => w > 0)
+      const avgWidth =
+        existingNonZero.length > 0
+          ? Math.round(
+              existingNonZero.reduce((a, b) => a + b, 0) /
+                existingNonZero.length
+            )
+          : 0
+
       for (let i = 0; i < colCount; i++) {
-        const cell = firstRow.content.child(i)
-        const w = cell.attrs.colwidth
-        if (Array.isArray(w) && w[0]) {
-          widths.push(w[0])
-        } else if (hasBounds) {
-          widths.push(Math.round(colBounds.value[i]!.width))
-        } else {
-          widths.push(0)
+        const isNewColumn = i >= prevColCount
+        // Find a cell that covers this column index
+        let found = false
+        node.value.forEach((row) => {
+          if (found) return
+          let colIdx = 0
+          row.forEach((cell) => {
+            if (found) return
+            const colspan = (cell.attrs.colspan as number) || 1
+            const colwidth: unknown = cell.attrs.colwidth
+            if (colIdx === i) {
+              if (colspan > 1) {
+                if (Array.isArray(colwidth) && colwidth.length > 0) {
+                  const totalW = colwidth.reduce(
+                    (sum: number, w: unknown) => sum + ((w as number) || 0),
+                    0
+                  )
+                  widths.push(Math.round(totalW / colspan))
+                } else if (!isNewColumn && hasBounds && colBounds.value[i]) {
+                  widths.push(Math.round(colBounds.value[i]!.width))
+                } else {
+                  widths.push(avgWidth)
+                }
+              } else {
+                if (Array.isArray(colwidth) && colwidth[0]) {
+                  widths.push(colwidth[0] as number)
+                } else if (!isNewColumn && hasBounds && colBounds.value[i]) {
+                  widths.push(Math.round(colBounds.value[i]!.width))
+                } else {
+                  widths.push(avgWidth)
+                }
+              }
+              found = true
+            }
+            colIdx += colspan
+          })
+        })
+        if (!found) {
+          widths.push(
+            !isNewColumn && hasBounds && colBounds.value[i]
+              ? Math.round(colBounds.value[i]!.width)
+              : avgWidth
+          )
         }
       }
       colWidths.value = widths
@@ -238,17 +296,28 @@ export const TableBlock = defineComponent<TableBlockProps>({
       const content = contentWrapperRef.value
       if (!content) return
 
-      const firstRow = content.querySelector('tr')
+      const rows = content.querySelectorAll('tr')
       const tableRect = content.getBoundingClientRect()
+      const expectedColCount = getColCount()
+
+      // Find the first row where all cells are unmerged (no colspan),
+      // so we can accurately measure individual column positions.
+      let bestRow: HTMLTableRowElement | null = null
+      rows.forEach((row) => {
+        if (bestRow) return
+        if (row.children.length === expectedColCount) {
+          bestRow = row as HTMLTableRowElement
+        }
+      })
 
-      if (firstRow) {
-        colBounds.value = Array.from(firstRow.children).map((c) => {
+      const measureRow = bestRow ?? content.querySelector('tr')
+      if (measureRow) {
+        colBounds.value = Array.from(measureRow.children).map((c) => {
           const rect = c.getBoundingClientRect()
           return { left: rect.left - tableRect.left, width: rect.width }
         })
       }
 
-      const rows = content.querySelectorAll('tr')
       rowBounds.value = Array.from(rows).map((c) => {
         const rect = c.getBoundingClientRect()
         return { top: rect.top - tableRect.top, height: rect.height }
@@ -404,6 +473,7 @@ export const TableBlock = defineComponent<TableBlockProps>({
 
     watch(node, () => {
       dispatchListener()
+      requestAnimationFrame(updateBounds)
     })
 
     onBeforeUnmount(() => {
@@ -447,7 +517,7 @@ export const TableBlock = defineComponent<TableBlockProps>({
             contenteditable="false"
             onPointerdown={(e: PointerEvent) => e.stopPropagation()}
           >
-            {
+            {canMerge.value ? (
               <button
                 type="button"
                 class="cell-toolbar-btn"
@@ -455,8 +525,7 @@ export const TableBlock = defineComponent<TableBlockProps>({
               >
                 <Icon icon={config.renderButton('merge_cells')} />
               </button>
-            }
-            {
+            ) : canSplit.value ? (
               <button
                 type="button"
                 class="cell-toolbar-btn"
@@ -464,7 +533,7 @@ export const TableBlock = defineComponent<TableBlockProps>({
               >
                 <Icon icon={config.renderButton('split_cell')} />
               </button>
-            }
+            ) : undefined}
           </div>
 
           <div class="table-wrapper" ref={tableWrapperRef}>
@@ -496,6 +565,15 @@ export const TableBlock = defineComponent<TableBlockProps>({
                     data-show={activeColIndex.value === i ? 'true' : 'false'}
                     onPointermove={(e: PointerEvent) => e.stopPropagation()}
                   >
+                    {canMerge.value ? (
+                      <button type="button" onPointerdown={onMergeCells}>
+                        <Icon icon={config.renderButton('merge_cells')} />
+                      </button>
+                    ) : canSplit.value ? (
+                      <button type="button" onPointerdown={onSplitCell}>
+                        <Icon icon={config.renderButton('split_cell')} />
+                      </button>
+                    ) : undefined}
                     <button
                       type="button"
                       onPointerdown={(e) => {
@@ -532,16 +610,6 @@ export const TableBlock = defineComponent<TableBlockProps>({
                     >
                       <Icon icon={config.renderButton('delete_col')} />
                     </button>
-                    {canMerge.value && (
-                      <button type="button" onPointerdown={onMergeCells}>
-                        <Icon icon={config.renderButton('merge_cells')} />
-                      </button>
-                    )}
-                    {canSplit.value && (
-                      <button type="button" onPointerdown={onSplitCell}>
-                        <Icon icon={config.renderButton('split_cell')} />
-                      </button>
-                    )}
                   </div>
                 </div>
               ))}
@@ -612,6 +680,15 @@ export const TableBlock = defineComponent<TableBlockProps>({
                     data-show={activeRowIndex.value === i ? 'true' : 'false'}
                     onPointermove={(e: PointerEvent) => e.stopPropagation()}
                   >
+                    {canMerge.value ? (
+                      <button type="button" onPointerdown={onMergeCells}>
+                        <Icon icon={config.renderButton('merge_cells')} />
+                      </button>
+                    ) : canSplit.value ? (
+                      <button type="button" onPointerdown={onSplitCell}>
+                        <Icon icon={config.renderButton('split_cell')} />
+                      </button>
+                    ) : undefined}
                     <button
                       type="button"
                       onPointerdown={(e) => {
@@ -621,16 +698,6 @@ export const TableBlock = defineComponent<TableBlockProps>({
                     >
                       <Icon icon={config.renderButton('delete_row')} />
                     </button>
-                    {canMerge.value && (
-                      <button type="button" onPointerdown={onMergeCells}>
-                        <Icon icon={config.renderButton('merge_cells')} />
-                      </button>
-                    )}
-                    {canSplit.value && (
-                      <button type="button" onPointerdown={onSplitCell}>
-                        <Icon icon={config.renderButton('split_cell')} />
-                      </button>
-                    )}
                   </div>
                 </div>
               ))}
@@ -688,12 +755,15 @@ export const TableBlock = defineComponent<TableBlockProps>({
 
             <table ref={contentWrapperFunctionRef} class="children">
               <colgroup>
-                {colWidths.value.map((w, i) => (
-                  <col
-                    key={i}
-                    style={w > 0 ? { width: `${w}px` } : undefined}
-                  />
-                ))}
+                {Array.from({ length: getColCount() }, (_, i) => {
+                  const w = colWidths.value[i]
+                  return (
+                    <col
+                      key={i}
+                      style={w && w > 0 ? { width: `${w}px` } : undefined}
+                    />
+                  )
+                })}
               </colgroup>
             </table>
           </div>

package/src/table-block/view/operation.ts

@@ -2,10 +2,7 @@ import type { Ctx } from '@jvs-milkdown/ctx'
 
 import { commandsCtx, editorViewCtx } from '@jvs-milkdown/core'
 import {
-  addColAfterCommand,
-  addColBeforeCommand,
-  addRowAfterCommand,
-  addRowBeforeCommand,
+  addRowWithAlignment,
   deleteSelectedCellsCommand,
   mergeCellsCommand,
   selectColCommand,
@@ -17,6 +14,9 @@ import {
   CellSelection,
   selectedRect,
   splitCellWithType,
+  TableMap,
+  type TableRect,
+  addColumn,
 } from '@jvs-milkdown/prose/tables'
 
 import type { Refs } from './types'
@@ -26,43 +26,62 @@ export function useOperation(
   ctx?: Ctx,
   getPos?: () => number | undefined
 ) {
-  const { contentWrapperRef, hoverIndex } = refs
+  const { hoverIndex } = refs
 
   const addRowByIndex = (index: number) => {
     if (!ctx || !ctx.get(editorViewCtx).editable) return
 
-    const rows = Array.from(
-      contentWrapperRef.value?.querySelectorAll('tr') ?? []
-    )
-    const commands = ctx.get(commandsCtx)
-    const pos = (getPos?.() ?? 0) + 1
-    if (rows.length === index) {
-      commands.call(selectRowCommand.key, { pos, index: index - 1 })
-      commands.call(addRowAfterCommand.key)
-    } else {
-      commands.call(selectRowCommand.key, { pos, index })
-      commands.call(addRowBeforeCommand.key)
+    const view = ctx.get(editorViewCtx)
+    const tablePos = getPos?.()
+    if (tablePos == null) return
+
+    const table = view.state.doc.nodeAt(tablePos)
+    if (!table) return
+
+    const tableStart = tablePos + 1
+    const map = TableMap.get(table)
+    const insertRow = Math.min(index, map.height)
+
+    const tr = view.state.tr
+    const rect: TableRect = {
+      map,
+      tableStart,
+      table,
+      left: 0,
+      right: map.width,
+      top: 0,
+      bottom: map.height,
     }
-
-    commands.call(selectRowCommand.key, { pos, index })
+    addRowWithAlignment(ctx, tr, rect, insertRow)
+    view.dispatch(tr)
   }
 
   const addColByIndex = (index: number) => {
     if (!ctx || !ctx.get(editorViewCtx).editable) return
-    const cols = Array.from(
-      contentWrapperRef.value?.querySelector('tr')?.children ?? []
-    )
-    const commands = ctx.get(commandsCtx)
 
-    const pos = (getPos?.() ?? 0) + 1
-    if (cols.length === index) {
-      commands.call(selectColCommand.key, { pos, index: index - 1 })
-      commands.call(addColAfterCommand.key)
-    } else {
-      commands.call(selectColCommand.key, { pos, index })
-      commands.call(addColBeforeCommand.key)
+    const view = ctx.get(editorViewCtx)
+    const tablePos = getPos?.()
+    if (tablePos == null) return
+
+    const table = view.state.doc.nodeAt(tablePos)
+    if (!table) return
+
+    const tableStart = tablePos + 1
+    const map = TableMap.get(table)
+    const insertCol = Math.min(index, map.width)
+
+    const tr = view.state.tr
+    const rect: TableRect = {
+      map,
+      tableStart,
+      table,
+      left: 0,
+      right: map.width,
+      top: 0,
+      bottom: map.height,
     }
-    commands.call(selectColCommand.key, { pos, index })
+    addColumn(tr, rect, insertCol)
+    view.dispatch(tr)
   }
 
   const selectCol = () => {
@@ -86,6 +105,8 @@ export function useOperation(
 
     if (!ctx.get(editorViewCtx).editable) return
 
+    if (e.button !== 0) return
+
     e.preventDefault()
     e.stopPropagation()
     const commands = ctx.get(commandsCtx)
@@ -101,6 +122,8 @@ export function useOperation(
 
       if (!ctx.get(editorViewCtx).editable) return
 
+      if (e.button !== 0) return
+
       e.preventDefault()
       e.stopPropagation()
       const commands = ctx.get(commandsCtx)
@@ -113,6 +136,7 @@ export function useOperation(
   const onMergeCells = (e: PointerEvent) => {
     if (!ctx) return
     if (!ctx.get(editorViewCtx).editable) return
+    if (e.button !== 0) return
     e.preventDefault()
     e.stopPropagation()
     const commands = ctx.get(commandsCtx)
@@ -125,6 +149,7 @@ export function useOperation(
   const onSplitCell = (e: PointerEvent) => {
     if (!ctx) return
     if (!ctx.get(editorViewCtx).editable) return
+    if (e.button !== 0) return
     e.preventDefault()
     e.stopPropagation()
     const view = ctx.get(editorViewCtx)

package/lib/__internal__/components/icon.d.ts

@@ -1,24 +0,0 @@
-type IconProps = {
-    icon?: string | null;
-    class?: string;
-    onClick?: (event: PointerEvent) => void;
-};
-export declare function Icon({ icon, class: className, onClick }: IconProps): import("vue/jsx-runtime").JSX.Element;
-export declare namespace Icon {
-    var props: {
-        icon: {
-            type: StringConstructor;
-            required: boolean;
-        };
-        class: {
-            type: StringConstructor;
-            required: boolean;
-        };
-        onClick: {
-            type: FunctionConstructor;
-            required: boolean;
-        };
-    };
-}
-export {};
-//# sourceMappingURL=icon.d.ts.map

package/lib/__internal__/components/icon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/__internal__/components/icon.tsx"],"names":[],"mappings":"AAQA,KAAK,SAAS,GAAG;IACf,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAA;CACxC,CAAA;AAED,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,SAAS,yCAQlE;yBARe,IAAI"}

package/lib/__internal__/components/image-input.d.ts

@@ -1,17 +0,0 @@
-import { type Ref } from 'vue';
-type ImageInputProps = {
-    src: Ref<string | undefined>;
-    selected: Ref<boolean>;
-    readonly: Ref<boolean>;
-    setLink: (link: string) => void;
-    imageIcon?: string;
-    uploadButton?: string;
-    confirmButton?: string;
-    uploadPlaceholderText?: string;
-    className?: string;
-    onUpload: (file: File) => Promise<string>;
-    onImageLoadError?: (event: Event) => void | Promise<void>;
-};
-export declare const ImageInput: import("vue").DefineComponent<ImageInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ImageInputProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export {};
-//# sourceMappingURL=image-input.d.ts.map

package/lib/__internal__/components/image-input.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"image-input.d.ts","sourceRoot":"","sources":["../../../src/__internal__/components/image-input.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA2B,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AASvD,KAAK,eAAe,GAAG;IACrB,GAAG,EAAE,GAAG,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IAC5B,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IACtB,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IACtB,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAE/B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAE9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,MAAM,CAAC,CAAA;IACzC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;CAC1D,CAAA;AAED,eAAO,MAAM,UAAU,0SAiLrB,CAAA"}

package/lib/__internal__/keep-alive.d.ts

@@ -1,2 +0,0 @@
-export declare function keepAlive(..._args: unknown[]): void;
-//# sourceMappingURL=keep-alive.d.ts.map

package/lib/__internal__/keep-alive.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"keep-alive.d.ts","sourceRoot":"","sources":["../../src/__internal__/keep-alive.ts"],"names":[],"mappings":"AAEA,wBAAgB,SAAS,CAAC,GAAG,KAAK,EAAE,OAAO,EAAE,QAAI"}

package/lib/__internal__/meta.d.ts

@@ -1,3 +0,0 @@
-import type { Meta, MilkdownPlugin } from '@jvs-milkdown/ctx';
-export declare function withMeta<T extends MilkdownPlugin>(plugin: T, meta: Partial<Meta> & Pick<Meta, 'displayName'>): T;
-//# sourceMappingURL=meta.d.ts.map

package/lib/__internal__/meta.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../src/__internal__/meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAE7D,wBAAgB,QAAQ,CAAC,CAAC,SAAS,cAAc,EAC/C,MAAM,EAAE,CAAC,EACT,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,EAAE,aAAa,CAAC,GAC9C,CAAC,CASH"}

package/lib/__tests__/setup.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=setup.d.ts.map

package/lib/__tests__/setup.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"setup.d.ts","sourceRoot":"","sources":["../../src/__tests__/setup.ts"],"names":[],"mappings":""}

package/lib/code-block/config.d.ts

@@ -1,23 +0,0 @@
-import type { LanguageDescription } from '@codemirror/language';
-import type { Extension } from '@codemirror/state';
-export interface CodeBlockConfig {
-    extensions: Extension[];
-    languages: LanguageDescription[];
-    expandIcon: string;
-    searchIcon: string;
-    clearSearchIcon: string;
-    searchPlaceholder: string;
-    noResultText: string;
-    copyText: string;
-    copyIcon: string;
-    onCopy?: (text: string) => void;
-    renderLanguage: (language: string, selected: boolean) => string;
-    renderPreview: (language: string, content: string, applyPreview: (value: null | string | HTMLElement) => void) => void | null | string | HTMLElement;
-    previewToggleButton: (previewOnlyMode: boolean) => string;
-    previewLabel: string;
-    previewOnlyByDefault?: boolean;
-    previewLoading: string | HTMLElement;
-}
-export declare const defaultConfig: CodeBlockConfig;
-export declare const codeBlockConfig: import("@jvs-milkdown/utils").$Ctx<CodeBlockConfig, "codeBlockConfigCtx">;
-//# sourceMappingURL=config.d.ts.map

package/lib/code-block/config.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/code-block/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAA;AAC/D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAMlD,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,SAAS,EAAE,CAAA;IACvB,SAAS,EAAE,mBAAmB,EAAE,CAAA;IAChC,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,eAAe,EAAE,MAAM,CAAA;IACvB,iBAAiB,EAAE,MAAM,CAAA;IACzB,YAAY,EAAE,MAAM,CAAA;IACpB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/B,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,KAAK,MAAM,CAAA;IAC/D,aAAa,EAAE,CACb,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,MAAM,EACf,YAAY,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,WAAW,KAAK,IAAI,KACvD,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,WAAW,CAAA;IACvC,mBAAmB,EAAE,CAAC,eAAe,EAAE,OAAO,KAAK,MAAM,CAAA;IACzD,YAAY,EAAE,MAAM,CAAA;IACpB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,cAAc,EAAE,MAAM,GAAG,WAAW,CAAA;CACrC;AAED,eAAO,MAAM,aAAa,EAAE,eAgB3B,CAAA;AAED,eAAO,MAAM,eAAe,2EAA4C,CAAA"}

package/lib/code-block/index.d.ts

@@ -1,5 +0,0 @@
-import type { MilkdownPlugin } from '@jvs-milkdown/ctx';
-export * from './config';
-export * from './view';
-export declare const codeBlockComponent: MilkdownPlugin[];
-//# sourceMappingURL=index.d.ts.map

package/lib/code-block/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/code-block/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAKvD,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AAEtB,eAAO,MAAM,kBAAkB,EAAE,cAAc,EAG9C,CAAA"}

package/lib/code-block/view/components/code-block.d.ts

@@ -1,16 +0,0 @@
-import type { EditorView as CodeMirror } from '@codemirror/view';
-import { type Ref } from 'vue';
-import type { CodeBlockConfig } from '../../config';
-import type { LanguageInfo } from '../loader';
-export type CodeBlockProps = {
-    text: Ref<string>;
-    selected: Ref<boolean>;
-    getReadOnly: () => boolean;
-    codemirror: CodeMirror;
-    language: Ref<string>;
-    getAllLanguages: () => Array<LanguageInfo>;
-    setLanguage: (language: string) => void;
-    config: Omit<CodeBlockConfig, 'languages' | 'extensions'>;
-};
-export declare const CodeBlock: import("vue").DefineComponent<CodeBlockProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CodeBlockProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-//# sourceMappingURL=code-block.d.ts.map

package/lib/code-block/view/components/code-block.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"code-block.d.ts","sourceRoot":"","sources":["../../../../src/code-block/view/components/code-block.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAIhE,OAAO,EAGL,KAAK,GAAG,EAKT,MAAM,KAAK,CAAA;AAEZ,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAU7C,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACjB,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IACtB,WAAW,EAAE,MAAM,OAAO,CAAA;IAC1B,UAAU,EAAE,UAAU,CAAA;IACtB,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACrB,eAAe,EAAE,MAAM,KAAK,CAAC,YAAY,CAAC,CAAA;IAC1C,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,MAAM,EAAE,IAAI,CAAC,eAAe,EAAE,WAAW,GAAG,YAAY,CAAC,CAAA;CAC1D,CAAA;AAED,eAAO,MAAM,SAAS,wSAqIpB,CAAA"}

package/lib/code-block/view/components/copy-button.d.ts

@@ -1,9 +0,0 @@
-type CopyButtonProps = {
-    copyText: string;
-    copyIcon: string;
-    onCopy: (text: string) => void;
-    text: string;
-};
-export declare const CopyButton: import("vue").DefineComponent<CopyButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CopyButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export {};
-//# sourceMappingURL=copy-button.d.ts.map

package/lib/code-block/view/components/copy-button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"copy-button.d.ts","sourceRoot":"","sources":["../../../../src/code-block/view/components/copy-button.tsx"],"names":[],"mappings":"AAOA,KAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AA8CD,eAAO,MAAM,UAAU,0SAqCrB,CAAA"}

package/lib/code-block/view/components/language-picker.d.ts

@@ -1,5 +0,0 @@
-import type { CodeBlockProps } from './code-block';
-type LanguagePickerProps = Pick<CodeBlockProps, 'language' | 'config' | 'setLanguage' | 'getAllLanguages' | 'getReadOnly'>;
-export declare const LanguagePicker: import("vue").DefineComponent<LanguagePickerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LanguagePickerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export {};
-//# sourceMappingURL=language-picker.d.ts.map

package/lib/code-block/view/components/language-picker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"language-picker.d.ts","sourceRoot":"","sources":["../../../../src/code-block/view/components/language-picker.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAOlD,KAAK,mBAAmB,GAAG,IAAI,CAC7B,cAAc,EACd,UAAU,GAAG,QAAQ,GAAG,aAAa,GAAG,iBAAiB,GAAG,aAAa,CAC1E,CAAA;AAED,eAAO,MAAM,cAAc,kTAqNzB,CAAA"}

package/lib/code-block/view/components/preview-panel.d.ts

@@ -1,9 +0,0 @@
-import { type Ref } from 'vue';
-import type { CodeBlockProps } from './code-block';
-type PreviewPanelProps = Pick<CodeBlockProps, 'text' | 'language' | 'config'> & {
-    previewOnlyMode: Ref<boolean>;
-    preview: Ref<string | HTMLElement | null>;
-};
-export declare const PreviewPanel: import("vue").DefineComponent<PreviewPanelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PreviewPanelProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export {};
-//# sourceMappingURL=preview-panel.d.ts.map

package/lib/code-block/view/components/preview-panel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"preview-panel.d.ts","sourceRoot":"","sources":["../../../../src/code-block/view/components/preview-panel.tsx"],"names":[],"mappings":"AACA,OAAO,EAAqC,KAAK,GAAG,EAAe,MAAM,KAAK,CAAA;AAE9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAMlD,KAAK,iBAAiB,GAAG,IAAI,CAC3B,cAAc,EACd,MAAM,GAAG,UAAU,GAAG,QAAQ,CAC/B,GAAG;IACF,eAAe,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IAC7B,OAAO,EAAE,GAAG,CAAC,MAAM,GAAG,WAAW,GAAG,IAAI,CAAC,CAAA;CAC1C,CAAA;AAED,eAAO,MAAM,YAAY,8SA6DvB,CAAA"}

package/lib/code-block/view/index.d.ts

@@ -1,3 +0,0 @@
-import type { NodeViewConstructor } from '@jvs-milkdown/prose/view';
-export declare const codeBlockView: import("@jvs-milkdown/utils").$View<import("@jvs-milkdown/utils").$Node, NodeViewConstructor>;
-//# sourceMappingURL=index.d.ts.map