@jvs-milkdown/crepe 1.2.12 → 1.2.14

package/lib/theme/common/diff-block.css

@@ -0,0 +1,41 @@
+.milkdown .milkdown-diff-block {
+    display: block;
+    position: relative;
+    padding: 16px 0;
+    margin: 20px 0;
+    border-radius: 8px;
+    background: var(--crepe-color-surface-low);
+    overflow: hidden;
+  }
+
+    .milkdown .milkdown-diff-block .cm-editor {
+      outline: none !important;
+      background: transparent;
+    }
+
+    .milkdown .milkdown-diff-block .cm-merge-a .cm-merge-chunk {
+      background-color: rgba(244, 63, 94, 0.15) !important;
+    }
+
+    .milkdown .milkdown-diff-block .cm-merge-b .cm-merge-chunk {
+      background-color: rgba(16, 185, 129, 0.15) !important;
+    }
+
+    .milkdown .milkdown-diff-block .cm-merge-chunk-a {
+      background-color: rgba(244, 63, 94, 0.3) !important;
+    }
+
+    .milkdown .milkdown-diff-block .cm-merge-chunk-b {
+      background-color: rgba(16, 185, 129, 0.3) !important;
+    }
+
+    .milkdown .milkdown-diff-block .cm-merge-spacer {
+      background-color: transparent !important;
+      background-image: repeating-linear-gradient(
+        45deg,
+        rgba(150, 150, 150, 0.05),
+        rgba(150, 150, 150, 0.05) 10px,
+        transparent 10px,
+        transparent 20px
+      );
+    }

package/lib/theme/common/inline-diff.css

@@ -0,0 +1,142 @@
+.milkdown .crepe-diff-added,
+  .milkdown .crepe-diff-deleted {
+    position: relative;
+    display: block;
+    border-radius: 0;
+    padding: 2px 4px 2px 12px !important;
+    margin: 0 !important;
+  }
+  .milkdown .crepe-diff-added {
+    background-color: rgba(46, 160, 67, 0.08);
+    border-left: 3px solid #2ea043;
+  }
+  .milkdown .crepe-diff-deleted {
+    background-color: rgba(248, 81, 73, 0.08);
+    border-left: 3px solid #f85149;
+  }
+  .milkdown .crepe-diff-inline-added {
+    background-color: rgba(46, 160, 67, 0.25);
+    border-radius: 2px;
+  }
+  .milkdown .crepe-diff-inline-deleted {
+    background-color: rgba(248, 81, 73, 0.25);
+    border-radius: 2px;
+  }
+
+.crepe-diff-panel {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  background: #fff;
+  border-left: 1px solid #e8e8e8;
+  font-family:
+    -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  font-size: 14px;
+  color: #333;
+}
+
+.crepe-diff-panel-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px 16px;
+  font-size: 14px;
+  font-weight: 600;
+  border-bottom: 1px solid #eee;
+  flex-shrink: 0;
+}
+
+.crepe-diff-panel-close {
+  width: 24px;
+  height: 24px;
+  border: none;
+  background: none;
+  font-size: 16px;
+  color: #999;
+  cursor: pointer;
+  border-radius: 4px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.crepe-diff-panel-close:hover {
+  background: #f0f0f0;
+  color: #333;
+}
+
+.crepe-diff-panel-tabs {
+  display: flex;
+  border-bottom: 1px solid #eee;
+  padding: 0 8px;
+  flex-shrink: 0;
+}
+
+.crepe-diff-panel-tab {
+  padding: 6px 10px;
+  border: none;
+  background: none;
+  cursor: pointer;
+  font-size: 12px;
+  color: #666;
+  border-bottom: 2px solid transparent;
+  transition: color 0.2s;
+}
+
+.crepe-diff-panel-tab:hover {
+  color: #333;
+}
+
+.crepe-diff-panel-tab.active {
+  color: #1890ff;
+  border-bottom-color: #1890ff;
+}
+
+.crepe-diff-panel-list {
+  flex: 1;
+  overflow-y: auto;
+  padding: 8px;
+}
+
+.crepe-diff-panel-item {
+  padding: 8px 10px;
+  border-radius: 4px;
+  margin-bottom: 6px;
+  background: #fafafa;
+  border: 1px solid #eee;
+  cursor: pointer;
+  transition:
+    border-color 0.2s,
+    background 0.2s;
+}
+
+.crepe-diff-panel-item:hover {
+  border-color: #1890ff;
+  background: #f0f7ff;
+}
+
+.crepe-diff-panel-item-header {
+  margin-bottom: 4px;
+}
+
+.crepe-diff-panel-item-badge {
+  display: inline-block;
+  padding: 1px 6px;
+  border-radius: 3px;
+  color: #fff;
+  font-size: 11px;
+  font-weight: 500;
+}
+
+.crepe-diff-panel-item-row {
+  margin-top: 3px;
+  font-size: 12px;
+  line-height: 1.5;
+  color: #555;
+  word-break: break-all;
+}
+
+.crepe-diff-panel-item-label {
+  color: #999;
+  font-size: 11px;
+}

package/lib/theme/common/style.css

@@ -11,3 +11,5 @@
 @import './table.css';
 @import './latex.css';
 @import './attachment-block.css';
+@import './inline-diff.css';
+@import './diff-block.css';

package/lib/theme/common/table.css

@@ -90,7 +90,7 @@
       left: 0;
       right: 0;
       height: 8px;
-      z-index: 50;
+      z-index: 102;
       overflow: visible;
     }
 
@@ -100,7 +100,7 @@
       left: -8px;
       bottom: 0;
       width: 8px;
-      z-index: 50;
+      z-index: 102;
       overflow: visible;
     }
 
@@ -288,7 +288,7 @@
         background-color: var(--crepe-color-surface);
         border-radius: 8px;
         box-shadow: var(--crepe-shadow-1);
-        z-index: 60;
+        z-index: 102;
       }
 
 .milkdown .milkdown-table-block .cell-handle.fixed .button-group::after {
@@ -450,7 +450,7 @@
 
 .milkdown .milkdown-table-block .cell-toolbar {
       position: absolute;
-      z-index: 60;
+      z-index: 102;
       display: flex;
       gap: 2px;
       background-color: var(--crepe-color-surface);