dishui 0.0.64 → 0.0.66

package/dist/components/pro/RichTextEditor/extensions/FloatingDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingDialog.js","names":[],"sources":["../../../../../src/components/pro/RichTextEditor/extensions/FloatingDialog.tsx"],"sourcesContent":["import React, { useState, useRef, useCallback, useEffect } from 'react';\nimport { Node, mergeAttributes } from '@tiptap/react';\nimport { NodeViewWrapper, NodeViewContent, ReactNodeViewRenderer } from '@tiptap/react';\nimport type { NodeViewProps } from '@tiptap/react';\n\ntype DialogLayout = 'block' | 'wrap-left' | 'wrap-right' | 'float';\n\ninterface DialogAttrs {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n  borderColor: string;\n  bgColor: string;\n  title: string;\n  layout: DialogLayout;\n  zIndex: number;\n}\n\nconst DIALOG_COLORS = [\n  { label: 'Blue', border: '#3b82f6', bg: '#eff6ff' },\n  { label: 'Green', border: '#22c55e', bg: '#f0fdf4' },\n  { label: 'Orange', border: '#f97316', bg: '#fff7ed' },\n  { label: 'Red', border: '#ef4444', bg: '#fef2f2' },\n  { label: 'Purple', border: '#8b5cf6', bg: '#faf5ff' },\n  { label: 'Gray', border: '#6b7280', bg: '#f9fafb' },\n];\n\nconst LAYOUT_OPTIONS: { key: DialogLayout; label: string; icon: React.ReactNode }[] = [\n  {\n    key: 'block', label: 'Block',\n    icon: <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\" /><line x1=\"3\" y1=\"3\" x2=\"21\" y2=\"3\" /><line x1=\"3\" y1=\"21\" x2=\"21\" y2=\"21\" /></svg>,\n  },\n  {\n    key: 'wrap-left', label: 'Wrap Left',\n    icon: <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\"><rect x=\"2\" y=\"4\" width=\"10\" height=\"8\" rx=\"1\" /><line x1=\"15\" y1=\"5\" x2=\"22\" y2=\"5\" /><line x1=\"15\" y1=\"8\" x2=\"22\" y2=\"8\" /><line x1=\"15\" y1=\"11\" x2=\"22\" y2=\"11\" /><line x1=\"2\" y1=\"15\" x2=\"22\" y2=\"15\" /><line x1=\"2\" y1=\"18\" x2=\"22\" y2=\"18\" /></svg>,\n  },\n  {\n    key: 'wrap-right', label: 'Wrap Right',\n    icon: <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\"><rect x=\"12\" y=\"4\" width=\"10\" height=\"8\" rx=\"1\" /><line x1=\"2\" y1=\"5\" x2=\"9\" y2=\"5\" /><line x1=\"2\" y1=\"8\" x2=\"9\" y2=\"8\" /><line x1=\"2\" y1=\"11\" x2=\"9\" y2=\"11\" /><line x1=\"2\" y1=\"15\" x2=\"22\" y2=\"15\" /><line x1=\"2\" y1=\"18\" x2=\"22\" y2=\"18\" /></svg>,\n  },\n  {\n    key: 'float', label: 'Float',\n    icon: <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\"><rect x=\"6\" y=\"6\" width=\"12\" height=\"12\" rx=\"2\" /><path d=\"M2 2h4M18 2h4M2 22h4M18 22h4\" strokeDasharray=\"2 2\" /><line x1=\"2\" y1=\"12\" x2=\"6\" y2=\"12\" strokeDasharray=\"2 2\" /><line x1=\"18\" y1=\"12\" x2=\"22\" y2=\"12\" strokeDasharray=\"2 2\" /></svg>,\n  },\n];\n\n/** Scan the document and return all zIndex values of float-layout floatingDialog nodes */\nfunction collectFloatZIndices(editor: NodeViewProps['editor']): number[] {\n  const indices: number[] = [];\n  editor.state.doc.descendants((node) => {\n    if (node.type.name === 'floatingDialog' && node.attrs.layout === 'float') {\n      indices.push(node.attrs.zIndex ?? 10);\n    }\n  });\n  return indices;\n}\n\nconst FloatingDialogView: React.FC<NodeViewProps> = ({\n  node,\n  editor,\n  updateAttributes,\n  deleteNode,\n  selected,\n}) => {\n  const attrs = node.attrs as DialogAttrs;\n  const layout = attrs.layout || 'block';\n  const isFloat = layout === 'float';\n  const zIndex = attrs.zIndex ?? 10;\n\n  const [editingTitle, setEditingTitle] = useState(false);\n  const [localTitle, setLocalTitle] = useState(attrs.title);\n  const [showColorPicker, setShowColorPicker] = useState(false);\n  const [showLayoutPicker, setShowLayoutPicker] = useState(false);\n  const dragStart = useRef({ mx: 0, my: 0, x: 0, y: 0 });\n  const resizeStart = useRef({ mx: 0, my: 0, w: 0, h: 0 });\n  const colorRef = useRef<HTMLDivElement>(null);\n  const layoutRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    setLocalTitle(attrs.title);\n  }, [attrs.title]);\n\n  useEffect(() => {\n    const handler = (e: MouseEvent) => {\n      if (colorRef.current && !colorRef.current.contains(e.target as globalThis.Node)) {\n        setShowColorPicker(false);\n      }\n      if (layoutRef.current && !layoutRef.current.contains(e.target as globalThis.Node)) {\n        setShowLayoutPicker(false);\n      }\n    };\n    document.addEventListener('mousedown', handler);\n    return () => document.removeEventListener('mousedown', handler);\n  }, []);\n\n  const onDragStart = useCallback((e: React.MouseEvent) => {\n    if (!isFloat) return;\n    e.preventDefault();\n    e.stopPropagation();\n    dragStart.current = { mx: e.clientX, my: e.clientY, x: attrs.x, y: attrs.y };\n\n    const onMove = (ev: MouseEvent) => {\n      const dx = ev.clientX - dragStart.current.mx;\n      const dy = ev.clientY - dragStart.current.my;\n      updateAttributes({\n        x: dragStart.current.x + dx,\n        y: dragStart.current.y + dy,\n      });\n    };\n    const onUp = () => {\n      document.removeEventListener('mousemove', onMove);\n      document.removeEventListener('mouseup', onUp);\n    };\n    document.addEventListener('mousemove', onMove);\n    document.addEventListener('mouseup', onUp);\n  }, [isFloat, attrs.x, attrs.y, updateAttributes]);\n\n  const onResizeStart = useCallback((e: React.MouseEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    resizeStart.current = { mx: e.clientX, my: e.clientY, w: attrs.width, h: attrs.height };\n\n    const onMove = (ev: MouseEvent) => {\n      const dw = ev.clientX - resizeStart.current.mx;\n      const dh = ev.clientY - resizeStart.current.my;\n      updateAttributes({\n        width: Math.max(160, resizeStart.current.w + dw),\n        height: Math.max(80, resizeStart.current.h + dh),\n      });\n    };\n    const onUp = () => {\n      document.removeEventListener('mousemove', onMove);\n      document.removeEventListener('mouseup', onUp);\n    };\n    document.addEventListener('mousemove', onMove);\n    document.addEventListener('mouseup', onUp);\n  }, [attrs.width, attrs.height, updateAttributes]);\n\n  const saveTitle = useCallback(() => {\n    updateAttributes({ title: localTitle });\n    setEditingTitle(false);\n  }, [localTitle, updateAttributes]);\n\n  const bringForward = useCallback(() => {\n    const all = collectFloatZIndices(editor);\n    const maxZ = Math.max(...all);\n    if (zIndex < maxZ) {\n      updateAttributes({ zIndex: maxZ + 1 });\n    }\n  }, [editor, zIndex, updateAttributes]);\n\n  const sendBackward = useCallback(() => {\n    const all = collectFloatZIndices(editor);\n    const minZ = Math.min(...all);\n    if (zIndex > minZ) {\n      updateAttributes({ zIndex: minZ - 1 });\n    } else if (zIndex > 1) {\n      updateAttributes({ zIndex: zIndex - 1 });\n    }\n  }, [editor, zIndex, updateAttributes]);\n\n  const wrapperClass = [\n    'rte-float-dialog',\n    `rte-float-dialog--${layout}`,\n    selected ? 'rte-float-dialog--selected' : '',\n  ].filter(Boolean).join(' ');\n\n  const wrapperStyle: React.CSSProperties = isFloat\n    ? { position: 'absolute', left: attrs.x, top: attrs.y, zIndex }\n    : {};\n\n  const boxStyle: React.CSSProperties = {\n    width: layout === 'block' ? '100%' : attrs.width,\n    minHeight: attrs.height,\n    borderColor: attrs.borderColor,\n    backgroundColor: attrs.bgColor,\n  };\n\n  const layoutIcon = LAYOUT_OPTIONS.find((l) => l.key === layout)?.icon;\n\n  return (\n    <NodeViewWrapper className={wrapperClass} style={wrapperStyle}>\n      <div className=\"rte-float-dialog__box\" style={boxStyle}>\n        {/* Title bar */}\n        <div\n          className=\"rte-float-dialog__titlebar\"\n          style={{ borderBottomColor: attrs.borderColor }}\n          onMouseDown={onDragStart}\n          contentEditable={false}\n        >\n          {isFloat && (\n            <span className=\"rte-float-dialog__drag-icon\">\n              <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n                <circle cx=\"9\" cy=\"5\" r=\"1.5\" /><circle cx=\"15\" cy=\"5\" r=\"1.5\" />\n                <circle cx=\"9\" cy=\"12\" r=\"1.5\" /><circle cx=\"15\" cy=\"12\" r=\"1.5\" />\n                <circle cx=\"9\" cy=\"19\" r=\"1.5\" /><circle cx=\"15\" cy=\"19\" r=\"1.5\" />\n              </svg>\n            </span>\n          )}\n\n          {editingTitle ? (\n            <input\n              className=\"rte-float-dialog__title-input\"\n              value={localTitle}\n              onChange={(e) => setLocalTitle(e.target.value)}\n              placeholder=\"Title...\"\n              onMouseDown={(e) => e.stopPropagation()}\n              onBlur={saveTitle}\n              onKeyDown={(e) => { if (e.key === 'Enter' || e.key === 'Escape') saveTitle(); }}\n              autoFocus\n            />\n          ) : (\n            <span className=\"rte-float-dialog__title\" onDoubleClick={() => setEditingTitle(true)}>\n              {attrs.title || 'Dialog'}\n            </span>\n          )}\n\n          <div className=\"rte-float-dialog__actions\">\n            {/* Z-order controls — only for float layout */}\n            {isFloat && (\n              <div className=\"rte-float-dialog__zorder\">\n                <button\n                  type=\"button\"\n                  className=\"rte-float-dialog__action-btn\"\n                  onClick={(e) => { e.stopPropagation(); bringForward(); }}\n                  title=\"Bring to Front\"\n                  onMouseDown={(e) => e.stopPropagation()}\n                >\n                  <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n                    <rect x=\"8\" y=\"2\" width=\"13\" height=\"13\" rx=\"2\" />\n                    <rect x=\"3\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" opacity=\"0.4\" />\n                  </svg>\n                </button>\n                <button\n                  type=\"button\"\n                  className=\"rte-float-dialog__action-btn\"\n                  onClick={(e) => { e.stopPropagation(); sendBackward(); }}\n                  title=\"Send to Back\"\n                  onMouseDown={(e) => e.stopPropagation()}\n                >\n                  <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n                    <rect x=\"3\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" />\n                    <rect x=\"8\" y=\"2\" width=\"13\" height=\"13\" rx=\"2\" opacity=\"0.4\" />\n                  </svg>\n                </button>\n              </div>\n            )}\n\n            {/* Layout picker */}\n            <div ref={layoutRef} style={{ position: 'relative' }}>\n              <button\n                type=\"button\"\n                className=\"rte-float-dialog__action-btn\"\n                onClick={(e) => { e.stopPropagation(); setShowLayoutPicker(!showLayoutPicker); }}\n                title={`Layout: ${layout}`}\n                onMouseDown={(e) => e.stopPropagation()}\n              >\n                {layoutIcon}\n              </button>\n              {showLayoutPicker && (\n                <div className=\"rte-float-dialog__layout-dropdown\" onMouseDown={(e) => e.stopPropagation()}>\n                  {LAYOUT_OPTIONS.map((opt) => (\n                    <button\n                      key={opt.key}\n                      type=\"button\"\n                      className={`rte-float-dialog__layout-option ${layout === opt.key ? 'rte-float-dialog__layout-option--active' : ''}`}\n                      onClick={() => { updateAttributes({ layout: opt.key }); setShowLayoutPicker(false); }}\n                      title={opt.label}\n                    >\n                      {opt.icon}\n                      <span>{opt.label}</span>\n                    </button>\n                  ))}\n                </div>\n              )}\n            </div>\n\n            {/* Color picker */}\n            <div ref={colorRef} style={{ position: 'relative' }}>\n              <button\n                type=\"button\"\n                className=\"rte-float-dialog__action-btn\"\n                onClick={(e) => { e.stopPropagation(); setShowColorPicker(!showColorPicker); }}\n                title=\"Color\"\n                onMouseDown={(e) => e.stopPropagation()}\n              >\n                <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill={attrs.borderColor} stroke={attrs.borderColor} strokeWidth=\"2\">\n                  <circle cx=\"12\" cy=\"12\" r=\"8\" />\n                </svg>\n              </button>\n              {showColorPicker && (\n                <div className=\"rte-float-dialog__color-dropdown\" onMouseDown={(e) => e.stopPropagation()}>\n                  {DIALOG_COLORS.map((c) => (\n                    <button\n                      key={c.label}\n                      type=\"button\"\n                      className=\"rte-float-dialog__color-swatch\"\n                      style={{ backgroundColor: c.border }}\n                      onClick={() => { updateAttributes({ borderColor: c.border, bgColor: c.bg }); setShowColorPicker(false); }}\n                      title={c.label}\n                    />\n                  ))}\n                </div>\n              )}\n            </div>\n\n            {/* Delete */}\n            <button\n              type=\"button\"\n              className=\"rte-float-dialog__action-btn rte-float-dialog__action-btn--danger\"\n              onClick={(e) => { e.stopPropagation(); deleteNode(); }}\n              title=\"Delete\"\n              onMouseDown={(e) => e.stopPropagation()}\n            >\n              <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n                <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" /><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n              </svg>\n            </button>\n          </div>\n        </div>\n\n        {/* Rich text body — Tiptap editable content */}\n        <NodeViewContent className=\"rte-float-dialog__body\" />\n\n        {/* Resize handle */}\n        <div className=\"rte-float-dialog__resize-handle\" onMouseDown={onResizeStart} contentEditable={false}>\n          <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"currentColor\">\n            <circle cx=\"8\" cy=\"8\" r=\"1.2\" /><circle cx=\"4\" cy=\"8\" r=\"1.2\" /><circle cx=\"8\" cy=\"4\" r=\"1.2\" />\n          </svg>\n        </div>\n      </div>\n    </NodeViewWrapper>\n  );\n};\n\n/** Scan document for the highest zIndex among existing float dialogs */\nexport function getNextFloatZIndex(editor: { state: { doc: { descendants: (cb: (node: { type: { name: string }; attrs: Record<string, unknown> }) => void) => void } } }): number {\n  let maxZ = 9;\n  editor.state.doc.descendants((node) => {\n    if (node.type.name === 'floatingDialog' && node.attrs.layout === 'float') {\n      const z = (node.attrs.zIndex as number) ?? 10;\n      if (z > maxZ) maxZ = z;\n    }\n  });\n  return maxZ + 1;\n}\n\nexport const FloatingDialogExtension = Node.create({\n  name: 'floatingDialog',\n  group: 'block',\n  content: 'block+',\n  draggable: true,\n  isolating: true,\n  defining: true,\n\n  addAttributes() {\n    return {\n      title: { default: 'Note' },\n      x: { default: 20 },\n      y: { default: 0 },\n      width: { default: 280 },\n      height: { default: 120 },\n      borderColor: { default: '#3b82f6' },\n      bgColor: { default: '#eff6ff' },\n      layout: { default: 'block' },\n      zIndex: { default: 10 },\n    };\n  },\n\n  parseHTML() {\n    return [{ tag: 'div[data-type=\"floating-dialog\"]' }];\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return ['div', mergeAttributes(HTMLAttributes, { 'data-type': 'floating-dialog' }), 0];\n  },\n\n  addNodeView() {\n    return ReactNodeViewRenderer(FloatingDialogView);\n  },\n});\n\nexport default FloatingDialogExtension;\n"],"mappings":"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"}
+{"version":3,"file":"FloatingDialog.js","names":[],"sources":["../../../../../src/components/pro/RichTextEditor/extensions/FloatingDialog.tsx"],"sourcesContent":["import React, { useState, useRef, useCallback, useEffect } from 'react';\nimport { cn } from '../../../../utils/cn';\nimport { Node, mergeAttributes } from '@tiptap/react';\nimport { NodeViewWrapper, NodeViewContent, ReactNodeViewRenderer } from '@tiptap/react';\nimport type { NodeViewProps } from '@tiptap/react';\n\ntype DialogLayout = 'block' | 'wrap-left' | 'wrap-right' | 'float';\n\ninterface DialogAttrs {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n  borderColor: string;\n  bgColor: string;\n  title: string;\n  layout: DialogLayout;\n  zIndex: number;\n}\n\nconst DIALOG_COLORS = [\n  { label: 'Blue', border: '#3b82f6', bg: '#eff6ff' },\n  { label: 'Green', border: '#22c55e', bg: '#f0fdf4' },\n  { label: 'Orange', border: '#f97316', bg: '#fff7ed' },\n  { label: 'Red', border: '#ef4444', bg: '#fef2f2' },\n  { label: 'Purple', border: '#8b5cf6', bg: '#faf5ff' },\n  { label: 'Gray', border: '#6b7280', bg: '#f9fafb' },\n];\n\nconst LAYOUT_OPTIONS: { key: DialogLayout; label: string; icon: React.ReactNode }[] = [\n  {\n    key: 'block', label: 'Block',\n    icon: <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\" /><line x1=\"3\" y1=\"3\" x2=\"21\" y2=\"3\" /><line x1=\"3\" y1=\"21\" x2=\"21\" y2=\"21\" /></svg>,\n  },\n  {\n    key: 'wrap-left', label: 'Wrap Left',\n    icon: <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\"><rect x=\"2\" y=\"4\" width=\"10\" height=\"8\" rx=\"1\" /><line x1=\"15\" y1=\"5\" x2=\"22\" y2=\"5\" /><line x1=\"15\" y1=\"8\" x2=\"22\" y2=\"8\" /><line x1=\"15\" y1=\"11\" x2=\"22\" y2=\"11\" /><line x1=\"2\" y1=\"15\" x2=\"22\" y2=\"15\" /><line x1=\"2\" y1=\"18\" x2=\"22\" y2=\"18\" /></svg>,\n  },\n  {\n    key: 'wrap-right', label: 'Wrap Right',\n    icon: <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\"><rect x=\"12\" y=\"4\" width=\"10\" height=\"8\" rx=\"1\" /><line x1=\"2\" y1=\"5\" x2=\"9\" y2=\"5\" /><line x1=\"2\" y1=\"8\" x2=\"9\" y2=\"8\" /><line x1=\"2\" y1=\"11\" x2=\"9\" y2=\"11\" /><line x1=\"2\" y1=\"15\" x2=\"22\" y2=\"15\" /><line x1=\"2\" y1=\"18\" x2=\"22\" y2=\"18\" /></svg>,\n  },\n  {\n    key: 'float', label: 'Float',\n    icon: <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\"><rect x=\"6\" y=\"6\" width=\"12\" height=\"12\" rx=\"2\" /><path d=\"M2 2h4M18 2h4M2 22h4M18 22h4\" strokeDasharray=\"2 2\" /><line x1=\"2\" y1=\"12\" x2=\"6\" y2=\"12\" strokeDasharray=\"2 2\" /><line x1=\"18\" y1=\"12\" x2=\"22\" y2=\"12\" strokeDasharray=\"2 2\" /></svg>,\n  },\n];\n\n/** Scan the document and return all zIndex values of float-layout floatingDialog nodes */\nfunction collectFloatZIndices(editor: NodeViewProps['editor']): number[] {\n  const indices: number[] = [];\n  editor.state.doc.descendants((node) => {\n    if (node.type.name === 'floatingDialog' && node.attrs.layout === 'float') {\n      indices.push(node.attrs.zIndex ?? 10);\n    }\n  });\n  return indices;\n}\n\nconst FloatingDialogView: React.FC<NodeViewProps> = ({\n  node,\n  editor,\n  updateAttributes,\n  deleteNode,\n  selected,\n}) => {\n  const attrs = node.attrs as DialogAttrs;\n  const layout = attrs.layout || 'block';\n  const isFloat = layout === 'float';\n  const zIndex = attrs.zIndex ?? 10;\n\n  const [editingTitle, setEditingTitle] = useState(false);\n  const [localTitle, setLocalTitle] = useState(attrs.title);\n  const [showColorPicker, setShowColorPicker] = useState(false);\n  const [showLayoutPicker, setShowLayoutPicker] = useState(false);\n  const dragStart = useRef({ mx: 0, my: 0, x: 0, y: 0 });\n  const resizeStart = useRef({ mx: 0, my: 0, w: 0, h: 0 });\n  const colorRef = useRef<HTMLDivElement>(null);\n  const layoutRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    setLocalTitle(attrs.title);\n  }, [attrs.title]);\n\n  useEffect(() => {\n    const handler = (e: MouseEvent) => {\n      if (colorRef.current && !colorRef.current.contains(e.target as globalThis.Node)) {\n        setShowColorPicker(false);\n      }\n      if (layoutRef.current && !layoutRef.current.contains(e.target as globalThis.Node)) {\n        setShowLayoutPicker(false);\n      }\n    };\n    document.addEventListener('mousedown', handler);\n    return () => document.removeEventListener('mousedown', handler);\n  }, []);\n\n  const onDragStart = useCallback((e: React.MouseEvent) => {\n    if (!isFloat) return;\n    e.preventDefault();\n    e.stopPropagation();\n    dragStart.current = { mx: e.clientX, my: e.clientY, x: attrs.x, y: attrs.y };\n\n    const onMove = (ev: MouseEvent) => {\n      const dx = ev.clientX - dragStart.current.mx;\n      const dy = ev.clientY - dragStart.current.my;\n      updateAttributes({\n        x: dragStart.current.x + dx,\n        y: dragStart.current.y + dy,\n      });\n    };\n    const onUp = () => {\n      document.removeEventListener('mousemove', onMove);\n      document.removeEventListener('mouseup', onUp);\n    };\n    document.addEventListener('mousemove', onMove);\n    document.addEventListener('mouseup', onUp);\n  }, [isFloat, attrs.x, attrs.y, updateAttributes]);\n\n  const onResizeStart = useCallback((e: React.MouseEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    resizeStart.current = { mx: e.clientX, my: e.clientY, w: attrs.width, h: attrs.height };\n\n    const onMove = (ev: MouseEvent) => {\n      const dw = ev.clientX - resizeStart.current.mx;\n      const dh = ev.clientY - resizeStart.current.my;\n      updateAttributes({\n        width: Math.max(160, resizeStart.current.w + dw),\n        height: Math.max(80, resizeStart.current.h + dh),\n      });\n    };\n    const onUp = () => {\n      document.removeEventListener('mousemove', onMove);\n      document.removeEventListener('mouseup', onUp);\n    };\n    document.addEventListener('mousemove', onMove);\n    document.addEventListener('mouseup', onUp);\n  }, [attrs.width, attrs.height, updateAttributes]);\n\n  const saveTitle = useCallback(() => {\n    updateAttributes({ title: localTitle });\n    setEditingTitle(false);\n  }, [localTitle, updateAttributes]);\n\n  const bringForward = useCallback(() => {\n    const all = collectFloatZIndices(editor);\n    const maxZ = Math.max(...all);\n    if (zIndex < maxZ) {\n      updateAttributes({ zIndex: maxZ + 1 });\n    }\n  }, [editor, zIndex, updateAttributes]);\n\n  const sendBackward = useCallback(() => {\n    const all = collectFloatZIndices(editor);\n    const minZ = Math.min(...all);\n    if (zIndex > minZ) {\n      updateAttributes({ zIndex: minZ - 1 });\n    } else if (zIndex > 1) {\n      updateAttributes({ zIndex: zIndex - 1 });\n    }\n  }, [editor, zIndex, updateAttributes]);\n\n  const wrapperClass = cn(\n    'rte-float-dialog',\n    `rte-float-dialog--${layout}`,\n    selected && 'rte-float-dialog--selected',\n  );\n\n  const wrapperStyle: React.CSSProperties = isFloat\n    ? { position: 'absolute', left: attrs.x, top: attrs.y, zIndex }\n    : {};\n\n  const boxStyle: React.CSSProperties = {\n    width: layout === 'block' ? '100%' : attrs.width,\n    minHeight: attrs.height,\n    borderColor: attrs.borderColor,\n    backgroundColor: attrs.bgColor,\n  };\n\n  const layoutIcon = LAYOUT_OPTIONS.find((l) => l.key === layout)?.icon;\n\n  return (\n    <NodeViewWrapper className={wrapperClass} style={wrapperStyle}>\n      <div className=\"rte-float-dialog__box\" style={boxStyle}>\n        {/* Title bar */}\n        <div\n          className=\"rte-float-dialog__titlebar\"\n          style={{ borderBottomColor: attrs.borderColor }}\n          onMouseDown={onDragStart}\n          contentEditable={false}\n        >\n          {isFloat && (\n            <span className=\"rte-float-dialog__drag-icon\">\n              <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n                <circle cx=\"9\" cy=\"5\" r=\"1.5\" /><circle cx=\"15\" cy=\"5\" r=\"1.5\" />\n                <circle cx=\"9\" cy=\"12\" r=\"1.5\" /><circle cx=\"15\" cy=\"12\" r=\"1.5\" />\n                <circle cx=\"9\" cy=\"19\" r=\"1.5\" /><circle cx=\"15\" cy=\"19\" r=\"1.5\" />\n              </svg>\n            </span>\n          )}\n\n          {editingTitle ? (\n            <input\n              className=\"rte-float-dialog__title-input\"\n              value={localTitle}\n              onChange={(e) => setLocalTitle(e.target.value)}\n              placeholder=\"Title...\"\n              onMouseDown={(e) => e.stopPropagation()}\n              onBlur={saveTitle}\n              onKeyDown={(e) => { if (e.key === 'Enter' || e.key === 'Escape') saveTitle(); }}\n              autoFocus\n            />\n          ) : (\n            <span className=\"rte-float-dialog__title\" onDoubleClick={() => setEditingTitle(true)}>\n              {attrs.title || 'Dialog'}\n            </span>\n          )}\n\n          <div className=\"rte-float-dialog__actions\">\n            {/* Z-order controls — only for float layout */}\n            {isFloat && (\n              <div className=\"rte-float-dialog__zorder\">\n                <button\n                  type=\"button\"\n                  className=\"rte-float-dialog__action-btn\"\n                  onClick={(e) => { e.stopPropagation(); bringForward(); }}\n                  title=\"Bring to Front\"\n                  onMouseDown={(e) => e.stopPropagation()}\n                >\n                  <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n                    <rect x=\"8\" y=\"2\" width=\"13\" height=\"13\" rx=\"2\" />\n                    <rect x=\"3\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" opacity=\"0.4\" />\n                  </svg>\n                </button>\n                <button\n                  type=\"button\"\n                  className=\"rte-float-dialog__action-btn\"\n                  onClick={(e) => { e.stopPropagation(); sendBackward(); }}\n                  title=\"Send to Back\"\n                  onMouseDown={(e) => e.stopPropagation()}\n                >\n                  <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n                    <rect x=\"3\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" />\n                    <rect x=\"8\" y=\"2\" width=\"13\" height=\"13\" rx=\"2\" opacity=\"0.4\" />\n                  </svg>\n                </button>\n              </div>\n            )}\n\n            {/* Layout picker */}\n            <div ref={layoutRef} style={{ position: 'relative' }}>\n              <button\n                type=\"button\"\n                className=\"rte-float-dialog__action-btn\"\n                onClick={(e) => { e.stopPropagation(); setShowLayoutPicker(!showLayoutPicker); }}\n                title={`Layout: ${layout}`}\n                onMouseDown={(e) => e.stopPropagation()}\n              >\n                {layoutIcon}\n              </button>\n              {showLayoutPicker && (\n                <div className=\"rte-float-dialog__layout-dropdown\" onMouseDown={(e) => e.stopPropagation()}>\n                  {LAYOUT_OPTIONS.map((opt) => (\n                    <button\n                      key={opt.key}\n                      type=\"button\"\n                      className={`rte-float-dialog__layout-option ${layout === opt.key ? 'rte-float-dialog__layout-option--active' : ''}`}\n                      onClick={() => { updateAttributes({ layout: opt.key }); setShowLayoutPicker(false); }}\n                      title={opt.label}\n                    >\n                      {opt.icon}\n                      <span>{opt.label}</span>\n                    </button>\n                  ))}\n                </div>\n              )}\n            </div>\n\n            {/* Color picker */}\n            <div ref={colorRef} style={{ position: 'relative' }}>\n              <button\n                type=\"button\"\n                className=\"rte-float-dialog__action-btn\"\n                onClick={(e) => { e.stopPropagation(); setShowColorPicker(!showColorPicker); }}\n                title=\"Color\"\n                onMouseDown={(e) => e.stopPropagation()}\n              >\n                <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill={attrs.borderColor} stroke={attrs.borderColor} strokeWidth=\"2\">\n                  <circle cx=\"12\" cy=\"12\" r=\"8\" />\n                </svg>\n              </button>\n              {showColorPicker && (\n                <div className=\"rte-float-dialog__color-dropdown\" onMouseDown={(e) => e.stopPropagation()}>\n                  {DIALOG_COLORS.map((c) => (\n                    <button\n                      key={c.label}\n                      type=\"button\"\n                      className=\"rte-float-dialog__color-swatch\"\n                      style={{ backgroundColor: c.border }}\n                      onClick={() => { updateAttributes({ borderColor: c.border, bgColor: c.bg }); setShowColorPicker(false); }}\n                      title={c.label}\n                    />\n                  ))}\n                </div>\n              )}\n            </div>\n\n            {/* Delete */}\n            <button\n              type=\"button\"\n              className=\"rte-float-dialog__action-btn rte-float-dialog__action-btn--danger\"\n              onClick={(e) => { e.stopPropagation(); deleteNode(); }}\n              title=\"Delete\"\n              onMouseDown={(e) => e.stopPropagation()}\n            >\n              <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n                <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" /><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n              </svg>\n            </button>\n          </div>\n        </div>\n\n        {/* Rich text body — Tiptap editable content */}\n        <NodeViewContent className=\"rte-float-dialog__body\" />\n\n        {/* Resize handle */}\n        <div className=\"rte-float-dialog__resize-handle\" onMouseDown={onResizeStart} contentEditable={false}>\n          <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"currentColor\">\n            <circle cx=\"8\" cy=\"8\" r=\"1.2\" /><circle cx=\"4\" cy=\"8\" r=\"1.2\" /><circle cx=\"8\" cy=\"4\" r=\"1.2\" />\n          </svg>\n        </div>\n      </div>\n    </NodeViewWrapper>\n  );\n};\n\n/** Scan document for the highest zIndex among existing float dialogs */\nexport function getNextFloatZIndex(editor: { state: { doc: { descendants: (cb: (node: { type: { name: string }; attrs: Record<string, unknown> }) => void) => void } } }): number {\n  let maxZ = 9;\n  editor.state.doc.descendants((node) => {\n    if (node.type.name === 'floatingDialog' && node.attrs.layout === 'float') {\n      const z = (node.attrs.zIndex as number) ?? 10;\n      if (z > maxZ) maxZ = z;\n    }\n  });\n  return maxZ + 1;\n}\n\nexport const FloatingDialogExtension = Node.create({\n  name: 'floatingDialog',\n  group: 'block',\n  content: 'block+',\n  draggable: true,\n  isolating: true,\n  defining: true,\n\n  addAttributes() {\n    return {\n      title: { default: 'Note' },\n      x: { default: 20 },\n      y: { default: 0 },\n      width: { default: 280 },\n      height: { default: 120 },\n      borderColor: { default: '#3b82f6' },\n      bgColor: { default: '#eff6ff' },\n      layout: { default: 'block' },\n      zIndex: { default: 10 },\n    };\n  },\n\n  parseHTML() {\n    return [{ tag: 'div[data-type=\"floating-dialog\"]' }];\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return ['div', mergeAttributes(HTMLAttributes, { 'data-type': 'floating-dialog' }), 0];\n  },\n\n  addNodeView() {\n    return ReactNodeViewRenderer(FloatingDialogView);\n  },\n});\n\nexport default FloatingDialogExtension;\n"],"mappings":"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"}

package/dist/components/pro/RichTextEditor/extensions/FontSize.js

@@ -1,28 +1,28 @@
-import { Extension as n } from "@tiptap/react";
-var o = n.create({
-  name: "fontSize",
-  addOptions() {
-    return { types: ["textStyle"] };
-  },
-  addGlobalAttributes() {
-    return [{
-      types: this.options.types,
-      attributes: { fontSize: {
-        default: null,
-        parseHTML: (t) => t.style.fontSize?.replace(/['"]+/g, "") || null,
-        renderHTML: (t) => t.fontSize ? { style: `font-size: ${t.fontSize}` } : {}
-      } }
-    }];
-  },
-  addCommands() {
-    return {
-      setFontSize: (t) => ({ chain: e }) => e().setMark("textStyle", { fontSize: t }).run(),
-      unsetFontSize: () => ({ chain: t }) => t().setMark("textStyle", { fontSize: null }).removeEmptyTextStyle().run()
-    };
-  }
+import { Extension as e } from "@tiptap/react";
+//#region src/components/pro/RichTextEditor/extensions/FontSize.ts
+var t = e.create({
+	name: "fontSize",
+	addOptions() {
+		return { types: ["textStyle"] };
+	},
+	addGlobalAttributes() {
+		return [{
+			types: this.options.types,
+			attributes: { fontSize: {
+				default: null,
+				parseHTML: (e) => e.style.fontSize?.replace(/['"]+/g, "") || null,
+				renderHTML: (e) => e.fontSize ? { style: `font-size: ${e.fontSize}` } : {}
+			} }
+		}];
+	},
+	addCommands() {
+		return {
+			setFontSize: (e) => ({ chain: t }) => t().setMark("textStyle", { fontSize: e }).run(),
+			unsetFontSize: () => ({ chain: e }) => e().setMark("textStyle", { fontSize: null }).removeEmptyTextStyle().run()
+		};
+	}
 });
-export {
-  o as default
-};
+//#endregion
+export { t as default };
 
 //# sourceMappingURL=FontSize.js.map

package/dist/components/pro/RichTextEditor/extensions/FontSize.js.map

@@ -1 +1 @@
-{"version":3,"file":"FontSize.js","names":[],"sources":["../../../../../src/components/pro/RichTextEditor/extensions/FontSize.ts"],"sourcesContent":["import { Extension } from '@tiptap/react';\n\nexport type FontSizeOptions = {\n  types: string[];\n};\n\ndeclare module '@tiptap/react' {\n  interface Commands<ReturnType> {\n    fontSize: {\n      setFontSize: (size: string) => ReturnType;\n      unsetFontSize: () => ReturnType;\n    };\n  }\n}\n\nconst FontSize = Extension.create<FontSizeOptions>({\n  name: 'fontSize',\n\n  addOptions() {\n    return {\n      types: ['textStyle'],\n    };\n  },\n\n  addGlobalAttributes() {\n    return [\n      {\n        types: this.options.types,\n        attributes: {\n          fontSize: {\n            default: null,\n            parseHTML: (element) => element.style.fontSize?.replace(/['\"]+/g, '') || null,\n            renderHTML: (attributes) => {\n              if (!attributes.fontSize) return {};\n              return { style: `font-size: ${attributes.fontSize}` };\n            },\n          },\n        },\n      },\n    ];\n  },\n\n  addCommands() {\n    return {\n      setFontSize:\n        (fontSize: string) =>\n        ({ chain }) => {\n          return chain().setMark('textStyle', { fontSize }).run();\n        },\n      unsetFontSize:\n        () =>\n        ({ chain }) => {\n          return chain().setMark('textStyle', { fontSize: null }).removeEmptyTextStyle().run();\n        },\n    };\n  },\n});\n\nexport default FontSize;\n"],"mappings":";AAeA,IAAM,IAAW,EAAU,OAAwB;AAAA,EACjD,MAAM;AAAA,EAEN,aAAa;AACX,WAAO,EACL,OAAO,CAAC,WAAW,EACrB;AAAA,EACF;AAAA,EAEA,sBAAsB;AACpB,WAAO,CACL;AAAA,MACE,OAAO,KAAK,QAAQ;AAAA,MACpB,YAAY,EACV,UAAU;AAAA,QACR,SAAS;AAAA,QACT,WAAA,CAAY,MAAY,EAAQ,MAAM,UAAU,QAAQ,UAAU,EAAE,KAAK;AAAA,QACzE,YAAA,CAAa,MACN,EAAW,WACT,EAAE,OAAO,cAAc,EAAW,QAAA,GAAW,IADnB,CAAC;AAAA,MAGtC,EACF;AAAA,IACF,CACF;AAAA,EACF;AAAA,EAEA,cAAc;AACZ,WAAO;AAAA,MACL,aAAA,CACG,MAAA,CACA,EAAE,OAAA,EAAA,MACM,EAAM,EAAE,QAAQ,aAAa,EAAE,UAAA,EAAS,CAAC,EAAE,IAAI;AAAA,MAE1D,eAAA,MAAA,CAEG,EAAE,OAAA,EAAA,MACM,EAAM,EAAE,QAAQ,aAAa,EAAE,UAAU,KAAK,CAAC,EAAE,qBAAqB,EAAE,IAAI;AAAA,IAEzF;AAAA,EACF;AACF,CAAC"}
+{"version":3,"file":"FontSize.js","names":[],"sources":["../../../../../src/components/pro/RichTextEditor/extensions/FontSize.ts"],"sourcesContent":["import { Extension } from '@tiptap/react';\n\nexport type FontSizeOptions = {\n  types: string[];\n};\n\ndeclare module '@tiptap/react' {\n  interface Commands<ReturnType> {\n    fontSize: {\n      setFontSize: (size: string) => ReturnType;\n      unsetFontSize: () => ReturnType;\n    };\n  }\n}\n\nconst FontSize = Extension.create<FontSizeOptions>({\n  name: 'fontSize',\n\n  addOptions() {\n    return {\n      types: ['textStyle'],\n    };\n  },\n\n  addGlobalAttributes() {\n    return [\n      {\n        types: this.options.types,\n        attributes: {\n          fontSize: {\n            default: null,\n            parseHTML: (element) => element.style.fontSize?.replace(/['\"]+/g, '') || null,\n            renderHTML: (attributes) => {\n              if (!attributes.fontSize) return {};\n              return { style: `font-size: ${attributes.fontSize}` };\n            },\n          },\n        },\n      },\n    ];\n  },\n\n  addCommands() {\n    return {\n      setFontSize:\n        (fontSize: string) =>\n        ({ chain }) => {\n          return chain().setMark('textStyle', { fontSize }).run();\n        },\n      unsetFontSize:\n        () =>\n        ({ chain }) => {\n          return chain().setMark('textStyle', { fontSize: null }).removeEmptyTextStyle().run();\n        },\n    };\n  },\n});\n\nexport default FontSize;\n"],"mappings":";;AAeA,IAAM,IAAW,EAAU,OAAwB;CACjD,MAAM;CAEN,aAAa;EACX,OAAO,EACL,OAAO,CAAC,WAAW,EACrB;CACF;CAEA,sBAAsB;EACpB,OAAO,CACL;GACE,OAAO,KAAK,QAAQ;GACpB,YAAY,EACV,UAAU;IACR,SAAS;IACT,YAAY,MAAY,EAAQ,MAAM,UAAU,QAAQ,UAAU,EAAE,KAAK;IACzE,aAAa,MACN,EAAW,WACT,EAAE,OAAO,cAAc,EAAW,WAAW,IADnB,CAAC;GAGtC,EACF;EACF,CACF;CACF;CAEA,cAAc;EACZ,OAAO;GACL,cACG,OACA,EAAE,eACM,EAAM,CAAC,CAAC,QAAQ,aAAa,EAAE,YAAS,CAAC,CAAC,CAAC,IAAI;GAE1D,sBAEG,EAAE,eACM,EAAM,CAAC,CAAC,QAAQ,aAAa,EAAE,UAAU,KAAK,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,IAAI;EAEzF;CACF;AACF,CAAC"}

package/dist/components/pro/RichTextEditor/extensions/MarkdownBlock.js

@@ -1,181 +1,172 @@
-import { useCallback as s, useEffect as m, useRef as p, useState as f } from "react";
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { Prism as M } from "react-syntax-highlighter";
-import { oneLight as x } from "react-syntax-highlighter/dist/esm/styles/prism";
-import _ from "react-markdown";
-import L from "remark-gfm";
-import N from "rehype-katex";
-import R from "rehype-raw";
-import C from "remark-math";
-import g from "mermaid";
+import { useCallback as e, useEffect as t, useRef as n, useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Prism as o } from "react-syntax-highlighter";
+import { oneLight as s } from "react-syntax-highlighter/dist/esm/styles/prism";
+import c from "react-markdown";
+import l from "remark-gfm";
+import u from "rehype-katex";
+import d from "rehype-raw";
+import f from "remark-math";
+import p from "mermaid";
 import "katex/dist/katex.min.css";
-import { Node as B, NodeViewWrapper as E, ReactNodeViewRenderer as H, mergeAttributes as P } from "@tiptap/react";
-var w = !1;
-function S() {
-  w || (g.initialize({
-    startOnLoad: !1,
-    theme: "default",
-    securityLevel: "loose",
-    fontFamily: "inherit",
-    flowchart: {
-      useMaxWidth: !0,
-      htmlLabels: !0
-    }
-  }), w = !0);
+import { Node as m, NodeViewWrapper as h, ReactNodeViewRenderer as g, mergeAttributes as _ } from "@tiptap/react";
+//#region src/components/pro/RichTextEditor/extensions/MarkdownBlock.tsx
+var v = !1;
+function y() {
+	v ||= (p.initialize({
+		startOnLoad: !1,
+		theme: "default",
+		securityLevel: "loose",
+		fontFamily: "inherit",
+		flowchart: {
+			useMaxWidth: !0,
+			htmlLabels: !0
+		}
+	}), !0);
 }
-var z = ({ code: a }) => {
-  const r = p(null);
-  return m(() => {
-    if (!a.trim() || !r.current) return;
-    S();
-    let i = !1;
-    return (async () => {
-      try {
-        const n = `mermaid-md-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`, { svg: o } = await g.render(n, a);
-        !i && r.current && (r.current.innerHTML = o);
-      } catch (n) {
-        !i && r.current && (r.current.innerHTML = `<pre style="color:red;font-size:12px;">${String(n)}</pre>`);
-      }
-    })(), () => {
-      i = !0;
-    };
-  }, [a]), /* @__PURE__ */ e("div", {
-    ref: r,
-    className: "rte-mermaid-container"
-  });
-}, T = ({ content: a }) => /* @__PURE__ */ e(_, {
-  remarkPlugins: [L, C],
-  rehypePlugins: [N, R],
-  components: { code({ className: r, children: i, ...t }) {
-    const n = /language-(\w+)/.exec(r || "")?.[1], o = String(i).replace(/\n$/, "");
-    return n === "mermaid" ? /* @__PURE__ */ e(z, { code: o }) : n ? /* @__PURE__ */ e(M, {
-      style: x,
-      language: n,
-      PreTag: "div",
-      customStyle: {
-        borderRadius: "0.5rem",
-        fontSize: "0.875em",
-        padding: "1em",
-        margin: "0.5em 0"
-      },
-      children: o
-    }) : /* @__PURE__ */ e("code", {
-      className: r,
-      ...t,
-      children: i
-    });
-  } },
-  children: a
-}), $ = ({ node: a, updateAttributes: r, selected: i }) => {
-  const [t, n] = f(!1), [o, u] = f(a.attrs.content || ""), d = p(null);
-  m(() => {
-    u(a.attrs.content || "");
-  }, [a.attrs.content]), m(() => {
-    t && d.current && (d.current.focus(), k(d.current));
-  }, [t]);
-  const k = (c) => {
-    c.style.height = "auto", c.style.height = c.scrollHeight + "px";
-  }, v = s((c) => {
-    u(c.target.value), k(c.target);
-  }, []), y = s(() => {
-    r({ content: o }), n(!1);
-  }, [o, r]), b = s((c) => {
-    c.key === "Escape" && (r({ content: o }), n(!1));
-  }, [o, r]), h = o || `# Markdown Block
-
-Write your **markdown** here.
-
-\`\`\`mermaid
-graph LR
-    A[Start] --> B[End]
-\`\`\`
-`;
-  return /* @__PURE__ */ l(E, {
-    className: `rte-markdown-block ${i ? "rte-markdown-block--selected" : ""}`,
-    children: [/* @__PURE__ */ l("div", {
-      className: "rte-markdown-block__header",
-      children: [/* @__PURE__ */ e("span", {
-        className: "rte-markdown-block__label",
-        children: "Markdown"
-      }), /* @__PURE__ */ l("button", {
-        type: "button",
-        className: `rte-markdown-block__toggle ${t ? "rte-markdown-block__toggle--active" : ""}`,
-        onClick: () => {
-          t && r({ content: o }), n(!t);
-        },
-        title: t ? "Preview" : "Edit",
-        children: [t ? /* @__PURE__ */ l("svg", {
-          width: "14",
-          height: "14",
-          viewBox: "0 0 24 24",
-          fill: "none",
-          stroke: "currentColor",
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          children: [/* @__PURE__ */ e("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }), /* @__PURE__ */ e("circle", {
-            cx: "12",
-            cy: "12",
-            r: "3"
-          })]
-        }) : /* @__PURE__ */ l("svg", {
-          width: "14",
-          height: "14",
-          viewBox: "0 0 24 24",
-          fill: "none",
-          stroke: "currentColor",
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          children: [/* @__PURE__ */ e("path", { d: "M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7" }), /* @__PURE__ */ e("path", { d: "M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z" })]
-        }), /* @__PURE__ */ e("span", { children: t ? "Preview" : "Edit" })]
-      })]
-    }), /* @__PURE__ */ e("div", {
-      className: "rte-markdown-block__body",
-      children: t ? /* @__PURE__ */ e("textarea", {
-        ref: d,
-        className: "rte-markdown-block__editor",
-        value: o,
-        onChange: v,
-        onBlur: y,
-        onKeyDown: b,
-        placeholder: "Enter Markdown content...",
-        rows: 5
-      }) : /* @__PURE__ */ e("div", {
-        className: "rte-markdown-block__preview prose",
-        onDoubleClick: () => n(!0),
-        children: h.trim() ? /* @__PURE__ */ e(T, { content: h }) : /* @__PURE__ */ e("p", {
-          className: "rte-markdown-block__placeholder",
-          children: "Double-click to edit Markdown content..."
-        })
-      })
-    })]
-  });
-}, X = B.create({
-  name: "markdownBlock",
-  group: "block",
-  atom: !0,
-  draggable: !0,
-  addAttributes() {
-    return { content: { default: "" } };
-  },
-  parseHTML() {
-    return [{ tag: 'div[data-type="markdown-block"]' }];
-  },
-  renderHTML({ HTMLAttributes: a }) {
-    return [
-      "div",
-      P(a, { "data-type": "markdown-block" }),
-      0
-    ];
-  },
-  addNodeView() {
-    return H($);
-  }
+var b = ({ code: e }) => {
+	let r = n(null);
+	return t(() => {
+		if (!e.trim() || !r.current) return;
+		y();
+		let t = !1;
+		return (async () => {
+			try {
+				let n = `mermaid-md-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`, { svg: i } = await p.render(n, e);
+				!t && r.current && (r.current.innerHTML = i);
+			} catch (e) {
+				!t && r.current && (r.current.innerHTML = `<pre style="color:red;font-size:12px;">${String(e)}</pre>`);
+			}
+		})(), () => {
+			t = !0;
+		};
+	}, [e]), /* @__PURE__ */ i("div", {
+		ref: r,
+		className: "rte-mermaid-container"
+	});
+}, x = ({ content: e }) => /* @__PURE__ */ i(c, {
+	remarkPlugins: [l, f],
+	rehypePlugins: [u, d],
+	components: { code({ className: e, children: t, ...n }) {
+		let r = /language-(\w+)/.exec(e || "")?.[1], a = String(t).replace(/\n$/, "");
+		return r === "mermaid" ? /* @__PURE__ */ i(b, { code: a }) : r ? /* @__PURE__ */ i(o, {
+			style: s,
+			language: r,
+			PreTag: "div",
+			customStyle: {
+				borderRadius: "0.5rem",
+				fontSize: "0.875em",
+				padding: "1em",
+				margin: "0.5em 0"
+			},
+			children: a
+		}) : /* @__PURE__ */ i("code", {
+			className: e,
+			...n,
+			children: t
+		});
+	} },
+	children: e
+}), S = ({ node: o, updateAttributes: s, selected: c }) => {
+	let [l, u] = r(!1), [d, f] = r(o.attrs.content || ""), p = n(null);
+	t(() => {
+		f(o.attrs.content || "");
+	}, [o.attrs.content]), t(() => {
+		l && p.current && (p.current.focus(), m(p.current));
+	}, [l]);
+	let m = (e) => {
+		e.style.height = "auto", e.style.height = e.scrollHeight + "px";
+	}, g = e((e) => {
+		f(e.target.value), m(e.target);
+	}, []), _ = e(() => {
+		s({ content: d }), u(!1);
+	}, [d, s]), v = e((e) => {
+		e.key === "Escape" && (s({ content: d }), u(!1));
+	}, [d, s]), y = d || "# Markdown Block\n\nWrite your **markdown** here.\n\n```mermaid\ngraph LR\n    A[Start] --> B[End]\n```\n";
+	return /* @__PURE__ */ a(h, {
+		className: `rte-markdown-block ${c ? "rte-markdown-block--selected" : ""}`,
+		children: [/* @__PURE__ */ a("div", {
+			className: "rte-markdown-block__header",
+			children: [/* @__PURE__ */ i("span", {
+				className: "rte-markdown-block__label",
+				children: "Markdown"
+			}), /* @__PURE__ */ a("button", {
+				type: "button",
+				className: `rte-markdown-block__toggle ${l ? "rte-markdown-block__toggle--active" : ""}`,
+				onClick: () => {
+					l && s({ content: d }), u(!l);
+				},
+				title: l ? "Preview" : "Edit",
+				children: [l ? /* @__PURE__ */ a("svg", {
+					width: "14",
+					height: "14",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					children: [/* @__PURE__ */ i("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }), /* @__PURE__ */ i("circle", {
+						cx: "12",
+						cy: "12",
+						r: "3"
+					})]
+				}) : /* @__PURE__ */ a("svg", {
+					width: "14",
+					height: "14",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					children: [/* @__PURE__ */ i("path", { d: "M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7" }), /* @__PURE__ */ i("path", { d: "M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z" })]
+				}), /* @__PURE__ */ i("span", { children: l ? "Preview" : "Edit" })]
+			})]
+		}), /* @__PURE__ */ i("div", {
+			className: "rte-markdown-block__body",
+			children: l ? /* @__PURE__ */ i("textarea", {
+				ref: p,
+				className: "rte-markdown-block__editor",
+				value: d,
+				onChange: g,
+				onBlur: _,
+				onKeyDown: v,
+				placeholder: "Enter Markdown content...",
+				rows: 5
+			}) : /* @__PURE__ */ i("div", {
+				className: "rte-markdown-block__preview prose",
+				onDoubleClick: () => u(!0),
+				children: y.trim() ? /* @__PURE__ */ i(x, { content: y }) : /* @__PURE__ */ i("p", {
+					className: "rte-markdown-block__placeholder",
+					children: "Double-click to edit Markdown content..."
+				})
+			})
+		})]
+	});
+}, C = m.create({
+	name: "markdownBlock",
+	group: "block",
+	atom: !0,
+	draggable: !0,
+	addAttributes() {
+		return { content: { default: "" } };
+	},
+	parseHTML() {
+		return [{ tag: "div[data-type=\"markdown-block\"]" }];
+	},
+	renderHTML({ HTMLAttributes: e }) {
+		return [
+			"div",
+			_(e, { "data-type": "markdown-block" }),
+			0
+		];
+	},
+	addNodeView() {
+		return g(S);
+	}
 });
-export {
-  X as MarkdownBlockExtension,
-  X as default
-};
+//#endregion
+export { C as MarkdownBlockExtension, C as default };
 
 //# sourceMappingURL=MarkdownBlock.js.map