@cnc_cbz/usefultools-plugin-official 1.0.1

package/dist/text-diff.mjs

@@ -0,0 +1,940 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, createCommentVNode, createElementVNode, createTextVNode, toDisplayString, normalizeClass, withDirectives, vModelText, Fragment, renderList } from "vue";
+class Diff {
+  diff(oldStr, newStr, options = {}) {
+    let callback;
+    if (typeof options === "function") {
+      callback = options;
+      options = {};
+    } else if ("callback" in options) {
+      callback = options.callback;
+    }
+    const oldString = this.castInput(oldStr, options);
+    const newString = this.castInput(newStr, options);
+    const oldTokens = this.removeEmpty(this.tokenize(oldString, options));
+    const newTokens = this.removeEmpty(this.tokenize(newString, options));
+    return this.diffWithOptionsObj(oldTokens, newTokens, options, callback);
+  }
+  diffWithOptionsObj(oldTokens, newTokens, options, callback) {
+    var _a;
+    const done = (value) => {
+      value = this.postProcess(value, options);
+      if (callback) {
+        setTimeout(function() {
+          callback(value);
+        }, 0);
+        return void 0;
+      } else {
+        return value;
+      }
+    };
+    const newLen = newTokens.length, oldLen = oldTokens.length;
+    let editLength = 1;
+    let maxEditLength = newLen + oldLen;
+    if (options.maxEditLength != null) {
+      maxEditLength = Math.min(maxEditLength, options.maxEditLength);
+    }
+    const maxExecutionTime = (_a = options.timeout) !== null && _a !== void 0 ? _a : Infinity;
+    const abortAfterTimestamp = Date.now() + maxExecutionTime;
+    const bestPath = [{ oldPos: -1, lastComponent: void 0 }];
+    let newPos = this.extractCommon(bestPath[0], newTokens, oldTokens, 0, options);
+    if (bestPath[0].oldPos + 1 >= oldLen && newPos + 1 >= newLen) {
+      return done(this.buildValues(bestPath[0].lastComponent, newTokens, oldTokens));
+    }
+    let minDiagonalToConsider = -Infinity, maxDiagonalToConsider = Infinity;
+    const execEditLength = () => {
+      for (let diagonalPath = Math.max(minDiagonalToConsider, -editLength); diagonalPath <= Math.min(maxDiagonalToConsider, editLength); diagonalPath += 2) {
+        let basePath;
+        const removePath = bestPath[diagonalPath - 1], addPath = bestPath[diagonalPath + 1];
+        if (removePath) {
+          bestPath[diagonalPath - 1] = void 0;
+        }
+        let canAdd = false;
+        if (addPath) {
+          const addPathNewPos = addPath.oldPos - diagonalPath;
+          canAdd = addPath && 0 <= addPathNewPos && addPathNewPos < newLen;
+        }
+        const canRemove = removePath && removePath.oldPos + 1 < oldLen;
+        if (!canAdd && !canRemove) {
+          bestPath[diagonalPath] = void 0;
+          continue;
+        }
+        if (!canRemove || canAdd && removePath.oldPos < addPath.oldPos) {
+          basePath = this.addToPath(addPath, true, false, 0, options);
+        } else {
+          basePath = this.addToPath(removePath, false, true, 1, options);
+        }
+        newPos = this.extractCommon(basePath, newTokens, oldTokens, diagonalPath, options);
+        if (basePath.oldPos + 1 >= oldLen && newPos + 1 >= newLen) {
+          return done(this.buildValues(basePath.lastComponent, newTokens, oldTokens)) || true;
+        } else {
+          bestPath[diagonalPath] = basePath;
+          if (basePath.oldPos + 1 >= oldLen) {
+            maxDiagonalToConsider = Math.min(maxDiagonalToConsider, diagonalPath - 1);
+          }
+          if (newPos + 1 >= newLen) {
+            minDiagonalToConsider = Math.max(minDiagonalToConsider, diagonalPath + 1);
+          }
+        }
+      }
+      editLength++;
+    };
+    if (callback) {
+      (function exec() {
+        setTimeout(function() {
+          if (editLength > maxEditLength || Date.now() > abortAfterTimestamp) {
+            return callback(void 0);
+          }
+          if (!execEditLength()) {
+            exec();
+          }
+        }, 0);
+      })();
+    } else {
+      while (editLength <= maxEditLength && Date.now() <= abortAfterTimestamp) {
+        const ret = execEditLength();
+        if (ret) {
+          return ret;
+        }
+      }
+    }
+  }
+  addToPath(path, added, removed, oldPosInc, options) {
+    const last = path.lastComponent;
+    if (last && !options.oneChangePerToken && last.added === added && last.removed === removed) {
+      return {
+        oldPos: path.oldPos + oldPosInc,
+        lastComponent: { count: last.count + 1, added, removed, previousComponent: last.previousComponent }
+      };
+    } else {
+      return {
+        oldPos: path.oldPos + oldPosInc,
+        lastComponent: { count: 1, added, removed, previousComponent: last }
+      };
+    }
+  }
+  extractCommon(basePath, newTokens, oldTokens, diagonalPath, options) {
+    const newLen = newTokens.length, oldLen = oldTokens.length;
+    let oldPos = basePath.oldPos, newPos = oldPos - diagonalPath, commonCount = 0;
+    while (newPos + 1 < newLen && oldPos + 1 < oldLen && this.equals(oldTokens[oldPos + 1], newTokens[newPos + 1], options)) {
+      newPos++;
+      oldPos++;
+      commonCount++;
+      if (options.oneChangePerToken) {
+        basePath.lastComponent = { count: 1, previousComponent: basePath.lastComponent, added: false, removed: false };
+      }
+    }
+    if (commonCount && !options.oneChangePerToken) {
+      basePath.lastComponent = { count: commonCount, previousComponent: basePath.lastComponent, added: false, removed: false };
+    }
+    basePath.oldPos = oldPos;
+    return newPos;
+  }
+  equals(left, right, options) {
+    if (options.comparator) {
+      return options.comparator(left, right);
+    } else {
+      return left === right || !!options.ignoreCase && left.toLowerCase() === right.toLowerCase();
+    }
+  }
+  removeEmpty(array) {
+    const ret = [];
+    for (let i = 0; i < array.length; i++) {
+      if (array[i]) {
+        ret.push(array[i]);
+      }
+    }
+    return ret;
+  }
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  castInput(value, options) {
+    return value;
+  }
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  tokenize(value, options) {
+    return Array.from(value);
+  }
+  join(chars) {
+    return chars.join("");
+  }
+  postProcess(changeObjects, options) {
+    return changeObjects;
+  }
+  get useLongestToken() {
+    return false;
+  }
+  buildValues(lastComponent, newTokens, oldTokens) {
+    const components = [];
+    let nextComponent;
+    while (lastComponent) {
+      components.push(lastComponent);
+      nextComponent = lastComponent.previousComponent;
+      delete lastComponent.previousComponent;
+      lastComponent = nextComponent;
+    }
+    components.reverse();
+    const componentLen = components.length;
+    let componentPos = 0, newPos = 0, oldPos = 0;
+    for (; componentPos < componentLen; componentPos++) {
+      const component = components[componentPos];
+      if (!component.removed) {
+        if (!component.added && this.useLongestToken) {
+          let value = newTokens.slice(newPos, newPos + component.count);
+          value = value.map(function(value2, i) {
+            const oldValue = oldTokens[oldPos + i];
+            return oldValue.length > value2.length ? oldValue : value2;
+          });
+          component.value = this.join(value);
+        } else {
+          component.value = this.join(newTokens.slice(newPos, newPos + component.count));
+        }
+        newPos += component.count;
+        if (!component.added) {
+          oldPos += component.count;
+        }
+      } else {
+        component.value = this.join(oldTokens.slice(oldPos, oldPos + component.count));
+        oldPos += component.count;
+      }
+    }
+    return components;
+  }
+}
+class LineDiff extends Diff {
+  constructor() {
+    super(...arguments);
+    this.tokenize = tokenize;
+  }
+  equals(left, right, options) {
+    if (options.ignoreWhitespace) {
+      if (!options.newlineIsToken || !left.includes("\n")) {
+        left = left.trim();
+      }
+      if (!options.newlineIsToken || !right.includes("\n")) {
+        right = right.trim();
+      }
+    } else if (options.ignoreNewlineAtEof && !options.newlineIsToken) {
+      if (left.endsWith("\n")) {
+        left = left.slice(0, -1);
+      }
+      if (right.endsWith("\n")) {
+        right = right.slice(0, -1);
+      }
+    }
+    return super.equals(left, right, options);
+  }
+}
+const lineDiff = new LineDiff();
+function diffLines(oldStr, newStr, options) {
+  return lineDiff.diff(oldStr, newStr, options);
+}
+function tokenize(value, options) {
+  if (options.stripTrailingCr) {
+    value = value.replace(/\r\n/g, "\n");
+  }
+  const retLines = [], linesAndNewlines = value.split(/(\n|\r\n)/);
+  if (!linesAndNewlines[linesAndNewlines.length - 1]) {
+    linesAndNewlines.pop();
+  }
+  for (let i = 0; i < linesAndNewlines.length; i++) {
+    const line = linesAndNewlines[i];
+    if (i % 2 && !options.newlineIsToken) {
+      retLines[retLines.length - 1] += line;
+    } else {
+      retLines.push(line);
+    }
+  }
+  return retLines;
+}
+const _hoisted_1 = { class: "flex flex-col h-full gap-3" };
+const _hoisted_2 = { class: "flex flex-wrap items-center gap-3" };
+const _hoisted_3 = { class: "ml-auto flex items-center gap-3" };
+const _hoisted_4 = {
+  key: 0,
+  class: "flex items-center gap-3 text-sm font-bold"
+};
+const _hoisted_5 = { class: "text-neon-green" };
+const _hoisted_6 = { class: "text-coral-red" };
+const _hoisted_7 = {
+  key: 1,
+  class: "flex border-2 border-white/20 rounded overflow-hidden"
+};
+const _hoisted_8 = {
+  key: 0,
+  class: "flex-1 grid grid-cols-2 gap-3 min-h-0"
+};
+const _hoisted_9 = { class: "flex flex-col min-h-0" };
+const _hoisted_10 = { class: "flex items-center gap-2 mb-1.5" };
+const _hoisted_11 = { class: "flex flex-col min-h-0" };
+const _hoisted_12 = { class: "flex items-center gap-2 mb-1.5" };
+const _hoisted_13 = {
+  key: 1,
+  class: "flex-1 flex flex-col min-h-0"
+};
+const _hoisted_14 = { class: "flex-1 bg-deep-charcoal border-4 border-black rounded-xl overflow-auto shadow-hard" };
+const _hoisted_15 = { class: "w-full font-mono text-sm border-collapse" };
+const _hoisted_16 = {
+  key: 2,
+  class: "flex-1 grid grid-cols-2 gap-3 min-h-0"
+};
+const _hoisted_17 = { class: "w-full font-mono text-sm border-collapse" };
+const _hoisted_18 = { class: "w-full font-mono text-sm border-collapse" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  setup(__props) {
+    const oldText = ref("");
+    const newText = ref("");
+    const hasCompared = ref(false);
+    const viewMode = ref("unified");
+    const unifiedLines = ref([]);
+    const leftLines = ref([]);
+    const rightLines = ref([]);
+    const leftPanel = ref(null);
+    const rightPanel = ref(null);
+    let syncing = false;
+    function splitText(str) {
+      const lines = str.split("\n");
+      if (lines[lines.length - 1] === "") lines.pop();
+      return lines;
+    }
+    function alignChunk(oldArr, newArr) {
+      const m = oldArr.length, n = newArr.length;
+      const dp = Array.from({ length: m + 1 }, () => new Array(n + 1).fill(0));
+      for (let i2 = 1; i2 <= m; i2++)
+        for (let j2 = 1; j2 <= n; j2++)
+          dp[i2][j2] = oldArr[i2 - 1] === newArr[j2 - 1] ? dp[i2 - 1][j2 - 1] + 1 : Math.max(dp[i2 - 1][j2], dp[i2][j2 - 1]);
+      const ops = [];
+      let i = m, j = n;
+      while (i > 0 || j > 0) {
+        if (i > 0 && j > 0 && oldArr[i - 1] === newArr[j - 1]) {
+          ops.push({ type: "equal", oldText: oldArr[i - 1], newText: newArr[j - 1] });
+          i--;
+          j--;
+        } else if (i > 0 && j > 0 && dp[i - 1][j] === dp[i][j - 1]) {
+          ops.push({ type: "replace", oldText: oldArr[i - 1], newText: newArr[j - 1] });
+          i--;
+          j--;
+        } else if (j > 0 && (i === 0 || dp[i][j - 1] >= dp[i - 1][j])) {
+          ops.push({ type: "insert", newText: newArr[j - 1] });
+          j--;
+        } else {
+          ops.push({ type: "delete", oldText: oldArr[i - 1] });
+          i--;
+        }
+      }
+      return ops.reverse();
+    }
+    function handleCompare() {
+      var _a;
+      const changes = diffLines(oldText.value, newText.value);
+      const unified = [];
+      const left = [];
+      const right = [];
+      let oldNum = 0, newNum = 0;
+      for (let ci = 0; ci < changes.length; ci++) {
+        const c = changes[ci];
+        if (!c.added && !c.removed) {
+          for (const line of splitText(c.value)) {
+            oldNum++;
+            newNum++;
+            unified.push({ oldNum, newNum, text: line, type: "equal" });
+            left.push({ num: oldNum, text: line, type: "equal" });
+            right.push({ num: newNum, text: line, type: "equal" });
+          }
+        } else if (c.removed && ((_a = changes[ci + 1]) == null ? void 0 : _a.added)) {
+          const removedArr = splitText(c.value);
+          const addedArr = splitText(changes[ci + 1].value);
+          const subOps = alignChunk(removedArr, addedArr);
+          for (const op of subOps) {
+            if (op.type === "equal") {
+              oldNum++;
+              newNum++;
+              unified.push({ oldNum, newNum, text: op.oldText, type: "equal" });
+              left.push({ num: oldNum, text: op.oldText, type: "equal" });
+              right.push({ num: newNum, text: op.newText, type: "equal" });
+            } else if (op.type === "replace") {
+              oldNum++;
+              newNum++;
+              unified.push({ oldNum, newNum: null, text: op.oldText, type: "removed" });
+              unified.push({ oldNum: null, newNum, text: op.newText, type: "added" });
+              left.push({ num: oldNum, text: op.oldText, type: "removed" });
+              right.push({ num: newNum, text: op.newText, type: "added" });
+            } else if (op.type === "delete") {
+              oldNum++;
+              unified.push({ oldNum, newNum: null, text: op.oldText, type: "removed" });
+              left.push({ num: oldNum, text: op.oldText, type: "removed" });
+              right.push({ num: null, text: "", type: "placeholder" });
+            } else if (op.type === "insert") {
+              newNum++;
+              unified.push({ oldNum: null, newNum, text: op.newText, type: "added" });
+              left.push({ num: null, text: "", type: "placeholder" });
+              right.push({ num: newNum, text: op.newText, type: "added" });
+            }
+          }
+          ci++;
+        } else if (c.removed) {
+          for (const line of splitText(c.value)) {
+            oldNum++;
+            unified.push({ oldNum, newNum: null, text: line, type: "removed" });
+            left.push({ num: oldNum, text: line, type: "removed" });
+            right.push({ num: null, text: "", type: "placeholder" });
+          }
+        } else if (c.added) {
+          for (const line of splitText(c.value)) {
+            newNum++;
+            unified.push({ oldNum: null, newNum, text: line, type: "added" });
+            left.push({ num: null, text: "", type: "placeholder" });
+            right.push({ num: newNum, text: line, type: "added" });
+          }
+        }
+      }
+      unifiedLines.value = unified;
+      leftLines.value = left;
+      rightLines.value = right;
+      hasCompared.value = true;
+    }
+    function handleClear() {
+      oldText.value = "";
+      newText.value = "";
+      unifiedLines.value = [];
+      leftLines.value = [];
+      rightLines.value = [];
+      hasCompared.value = false;
+    }
+    function handleSwap() {
+      const tmp = oldText.value;
+      oldText.value = newText.value;
+      newText.value = tmp;
+      if (hasCompared.value) handleCompare();
+    }
+    function handleEdit() {
+      hasCompared.value = false;
+      unifiedLines.value = [];
+      leftLines.value = [];
+      rightLines.value = [];
+    }
+    function handlePaste(target) {
+      navigator.clipboard.readText().then((text) => {
+        if (target === "old") oldText.value = text;
+        else newText.value = text;
+      });
+    }
+    function loadSample() {
+      oldText.value = `html,
+body {
+  width: 100%;
+  height: 100%;
+  padding: 0;
+  overflow: hidden;
+  font-family: 'Fira Mono', monospace;
+  font-weight: normal;
+  font-size: 62.5%;
+}
+
+#app-container {
+  width: 100%;
+  height: 100%;
+  cursor: pointer;
+}
+
+.loading {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  background-color: #000000;
+  opacity: 1;
+}`;
+      newText.value = `html,
+body {
+  width: 100%;
+  height: 100%;
+  padding: 0;
+  overflow: visible;
+  font-family: 'Fira Mono', helvetica, arial, sans-serif;
+  font-weight: normal;
+  font-size: 62.5%;
+}
+
+#app-container {
+  width: 100%;
+  height: 100%;
+  cursor: pointer;
+}
+
+.loading {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  background-color: #031607;
+  opacity: 1;
+}`;
+      handleCompare();
+    }
+    const stats = computed(() => {
+      let added = 0, removed = 0;
+      for (const l of unifiedLines.value) {
+        if (l.type === "added") added++;
+        else if (l.type === "removed") removed++;
+      }
+      return { added, removed };
+    });
+    function syncScroll(source) {
+      if (syncing) return;
+      syncing = true;
+      const from = source === "left" ? leftPanel.value : rightPanel.value;
+      const to = source === "left" ? rightPanel.value : leftPanel.value;
+      if (from && to) {
+        to.scrollTop = from.scrollTop;
+        to.scrollLeft = from.scrollLeft;
+      }
+      requestAnimationFrame(() => {
+        syncing = false;
+      });
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createCommentVNode(" Toolbar "),
+        createElementVNode("div", _hoisted_2, [
+          !hasCompared.value ? (openBlock(), createElementBlock("button", {
+            key: 0,
+            class: "h-9 px-4 bg-primary text-black font-bold border-2 border-black rounded shadow-hard-sm hover:shadow-none hover:translate-x-0.5 hover:translate-y-0.5 transition-all flex items-center gap-1.5 text-sm",
+            onClick: handleCompare
+          }, [..._cache[8] || (_cache[8] = [
+            createElementVNode(
+              "span",
+              { class: "material-icons text-lg" },
+              "compare_arrows",
+              -1
+              /* CACHED */
+            ),
+            createTextVNode(
+              "对比 ",
+              -1
+              /* CACHED */
+            )
+          ])])) : createCommentVNode("v-if", true),
+          hasCompared.value ? (openBlock(), createElementBlock("button", {
+            key: 1,
+            class: "h-9 px-4 bg-primary text-black font-bold border-2 border-black rounded shadow-hard-sm hover:shadow-none hover:translate-x-0.5 hover:translate-y-0.5 transition-all flex items-center gap-1.5 text-sm",
+            onClick: handleEdit
+          }, [..._cache[9] || (_cache[9] = [
+            createElementVNode(
+              "span",
+              { class: "material-icons text-lg" },
+              "edit",
+              -1
+              /* CACHED */
+            ),
+            createTextVNode(
+              "编辑 ",
+              -1
+              /* CACHED */
+            )
+          ])])) : createCommentVNode("v-if", true),
+          createElementVNode("button", {
+            class: "h-9 px-4 bg-white text-black font-bold border-2 border-black rounded shadow-hard-sm hover:shadow-none hover:translate-x-0.5 hover:translate-y-0.5 transition-all flex items-center gap-1.5 text-sm",
+            onClick: handleSwap
+          }, [..._cache[10] || (_cache[10] = [
+            createElementVNode(
+              "span",
+              { class: "material-icons text-lg" },
+              "swap_horiz",
+              -1
+              /* CACHED */
+            ),
+            createTextVNode(
+              "交换 ",
+              -1
+              /* CACHED */
+            )
+          ])]),
+          createElementVNode("button", {
+            class: "h-9 px-4 bg-coral-red text-white font-bold border-2 border-black rounded shadow-hard-sm hover:shadow-none hover:translate-x-0.5 hover:translate-y-0.5 transition-all flex items-center gap-1.5 text-sm",
+            onClick: handleClear
+          }, [..._cache[11] || (_cache[11] = [
+            createElementVNode(
+              "span",
+              { class: "material-icons text-lg" },
+              "delete_outline",
+              -1
+              /* CACHED */
+            ),
+            createTextVNode(
+              "清空 ",
+              -1
+              /* CACHED */
+            )
+          ])]),
+          createElementVNode("div", _hoisted_3, [
+            hasCompared.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
+              createElementVNode(
+                "span",
+                _hoisted_5,
+                "+" + toDisplayString(stats.value.added),
+                1
+                /* TEXT */
+              ),
+              createElementVNode(
+                "span",
+                _hoisted_6,
+                "-" + toDisplayString(stats.value.removed),
+                1
+                /* TEXT */
+              )
+            ])) : createCommentVNode("v-if", true),
+            createCommentVNode(" 视图切换 "),
+            hasCompared.value ? (openBlock(), createElementBlock("div", _hoisted_7, [
+              createElementVNode(
+                "button",
+                {
+                  class: normalizeClass(["h-7 px-2.5 text-xs font-bold flex items-center gap-1 transition-all", viewMode.value === "unified" ? "bg-primary text-black" : "bg-deep-charcoal text-gray-400 hover:text-white"]),
+                  onClick: _cache[0] || (_cache[0] = ($event) => viewMode.value = "unified")
+                },
+                [..._cache[12] || (_cache[12] = [
+                  createElementVNode(
+                    "span",
+                    { class: "material-icons text-sm" },
+                    "view_agenda",
+                    -1
+                    /* CACHED */
+                  ),
+                  createTextVNode(
+                    "统一 ",
+                    -1
+                    /* CACHED */
+                  )
+                ])],
+                2
+                /* CLASS */
+              ),
+              createElementVNode(
+                "button",
+                {
+                  class: normalizeClass(["h-7 px-2.5 text-xs font-bold flex items-center gap-1 transition-all border-l border-white/20", viewMode.value === "split" ? "bg-primary text-black" : "bg-deep-charcoal text-gray-400 hover:text-white"]),
+                  onClick: _cache[1] || (_cache[1] = ($event) => viewMode.value = "split")
+                },
+                [..._cache[13] || (_cache[13] = [
+                  createElementVNode(
+                    "span",
+                    { class: "material-icons text-sm" },
+                    "view_column",
+                    -1
+                    /* CACHED */
+                  ),
+                  createTextVNode(
+                    "并排 ",
+                    -1
+                    /* CACHED */
+                  )
+                ])],
+                2
+                /* CLASS */
+              )
+            ])) : createCommentVNode("v-if", true),
+            createElementVNode("button", {
+              class: "h-9 px-3 bg-deep-charcoal text-gray-300 font-bold border-2 border-white/20 rounded hover:border-primary hover:text-primary transition-all text-sm flex items-center gap-1.5",
+              onClick: loadSample
+            }, [..._cache[14] || (_cache[14] = [
+              createElementVNode(
+                "span",
+                { class: "material-icons text-lg" },
+                "science",
+                -1
+                /* CACHED */
+              ),
+              createTextVNode(
+                "示例 ",
+                -1
+                /* CACHED */
+              )
+            ])])
+          ])
+        ]),
+        createCommentVNode(" 编辑模式：并排输入 "),
+        !hasCompared.value ? (openBlock(), createElementBlock("div", _hoisted_8, [
+          createElementVNode("div", _hoisted_9, [
+            createElementVNode("div", _hoisted_10, [
+              _cache[16] || (_cache[16] = createElementVNode(
+                "span",
+                { class: "text-sm font-bold text-gray-400 tracking-wider" },
+                "A 原始文本",
+                -1
+                /* CACHED */
+              )),
+              createElementVNode("button", {
+                class: "ml-auto text-xs text-gray-500 hover:text-primary transition-colors flex items-center gap-1",
+                onClick: _cache[2] || (_cache[2] = ($event) => handlePaste("old"))
+              }, [..._cache[15] || (_cache[15] = [
+                createElementVNode(
+                  "span",
+                  { class: "material-icons text-sm" },
+                  "content_paste",
+                  -1
+                  /* CACHED */
+                ),
+                createTextVNode(
+                  "粘贴 ",
+                  -1
+                  /* CACHED */
+                )
+              ])])
+            ]),
+            withDirectives(createElementVNode(
+              "textarea",
+              {
+                "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => oldText.value = $event),
+                placeholder: "在此输入原始文本...",
+                spellcheck: "false",
+                class: "flex-1 w-full bg-deep-charcoal text-gray-100 border-4 border-black rounded-xl p-4 font-mono text-sm leading-relaxed resize-none shadow-hard focus:border-primary focus:shadow-none focus:translate-x-1 focus:translate-y-1 transition-all outline-none placeholder-gray-600"
+              },
+              null,
+              512
+              /* NEED_PATCH */
+            ), [
+              [vModelText, oldText.value]
+            ])
+          ]),
+          createElementVNode("div", _hoisted_11, [
+            createElementVNode("div", _hoisted_12, [
+              _cache[18] || (_cache[18] = createElementVNode(
+                "span",
+                { class: "text-sm font-bold text-gray-400 tracking-wider" },
+                "B 新文本",
+                -1
+                /* CACHED */
+              )),
+              createElementVNode("button", {
+                class: "ml-auto text-xs text-gray-500 hover:text-primary transition-colors flex items-center gap-1",
+                onClick: _cache[4] || (_cache[4] = ($event) => handlePaste("new"))
+              }, [..._cache[17] || (_cache[17] = [
+                createElementVNode(
+                  "span",
+                  { class: "material-icons text-sm" },
+                  "content_paste",
+                  -1
+                  /* CACHED */
+                ),
+                createTextVNode(
+                  "粘贴 ",
+                  -1
+                  /* CACHED */
+                )
+              ])])
+            ]),
+            withDirectives(createElementVNode(
+              "textarea",
+              {
+                "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => newText.value = $event),
+                placeholder: "在此输入新文本...",
+                spellcheck: "false",
+                class: "flex-1 w-full bg-deep-charcoal text-gray-100 border-4 border-black rounded-xl p-4 font-mono text-sm leading-relaxed resize-none shadow-hard focus:border-primary focus:shadow-none focus:translate-x-1 focus:translate-y-1 transition-all outline-none placeholder-gray-600"
+              },
+              null,
+              512
+              /* NEED_PATCH */
+            ), [
+              [vModelText, newText.value]
+            ])
+          ])
+        ])) : createCommentVNode("v-if", true),
+        createCommentVNode(" 对比结果：统一视图 "),
+        hasCompared.value && viewMode.value === "unified" ? (openBlock(), createElementBlock("div", _hoisted_13, [
+          createElementVNode("div", _hoisted_14, [
+            createElementVNode("table", _hoisted_15, [
+              (openBlock(true), createElementBlock(
+                Fragment,
+                null,
+                renderList(unifiedLines.value, (line, idx) => {
+                  return openBlock(), createElementBlock(
+                    "tr",
+                    {
+                      key: idx,
+                      class: normalizeClass({
+                        "bg-coral-red/12": line.type === "removed",
+                        "bg-neon-green/12": line.type === "added"
+                      })
+                    },
+                    [
+                      createElementVNode(
+                        "td",
+                        {
+                          class: normalizeClass(["diff-num select-none text-right pr-1.5 pl-2 border-r border-white/10", line.type === "removed" ? "text-coral-red/40" : line.type === "added" ? "text-neon-green/40" : "text-gray-600"])
+                        },
+                        toDisplayString(line.oldNum ?? ""),
+                        3
+                        /* TEXT, CLASS */
+                      ),
+                      createElementVNode(
+                        "td",
+                        {
+                          class: normalizeClass(["diff-num select-none text-right pr-1.5 pl-1.5 border-r border-white/10", line.type === "removed" ? "text-coral-red/40" : line.type === "added" ? "text-neon-green/40" : "text-gray-600"])
+                        },
+                        toDisplayString(line.newNum ?? ""),
+                        3
+                        /* TEXT, CLASS */
+                      ),
+                      createElementVNode(
+                        "td",
+                        {
+                          class: normalizeClass(["select-none w-5 text-center font-bold", line.type === "removed" ? "text-coral-red" : line.type === "added" ? "text-neon-green" : "text-gray-700"])
+                        },
+                        toDisplayString(line.type === "removed" ? "-" : line.type === "added" ? "+" : " "),
+                        3
+                        /* TEXT, CLASS */
+                      ),
+                      createElementVNode(
+                        "td",
+                        {
+                          class: normalizeClass(["pr-4 whitespace-pre", line.type === "removed" ? "text-coral-red/90" : line.type === "added" ? "text-neon-green/90" : "text-gray-300"])
+                        },
+                        toDisplayString(line.text),
+                        3
+                        /* TEXT, CLASS */
+                      )
+                    ],
+                    2
+                    /* CLASS */
+                  );
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ])
+          ])
+        ])) : createCommentVNode("v-if", true),
+        createCommentVNode(" 对比结果：并排视图 "),
+        hasCompared.value && viewMode.value === "split" ? (openBlock(), createElementBlock("div", _hoisted_16, [
+          createElementVNode(
+            "div",
+            {
+              ref_key: "leftPanel",
+              ref: leftPanel,
+              onScroll: _cache[6] || (_cache[6] = ($event) => syncScroll("left")),
+              class: "bg-deep-charcoal border-4 border-black rounded-xl overflow-auto shadow-hard"
+            },
+            [
+              createElementVNode("table", _hoisted_17, [
+                (openBlock(true), createElementBlock(
+                  Fragment,
+                  null,
+                  renderList(leftLines.value, (line, idx) => {
+                    return openBlock(), createElementBlock(
+                      "tr",
+                      {
+                        key: idx,
+                        class: normalizeClass({
+                          "bg-coral-red/12": line.type === "removed",
+                          "bg-white/[0.03]": line.type === "placeholder"
+                        })
+                      },
+                      [
+                        createElementVNode(
+                          "td",
+                          {
+                            class: normalizeClass(["diff-num select-none text-right pr-2 pl-2 border-r border-white/10", line.type === "removed" ? "text-coral-red/40" : line.type === "placeholder" ? "text-transparent" : "text-gray-600"])
+                          },
+                          toDisplayString(line.num ?? ""),
+                          3
+                          /* TEXT, CLASS */
+                        ),
+                        createElementVNode(
+                          "td",
+                          {
+                            class: normalizeClass(["px-3 whitespace-pre", line.type === "removed" ? "text-coral-red/90" : line.type === "placeholder" ? "" : "text-gray-300"])
+                          },
+                          toDisplayString(line.text),
+                          3
+                          /* TEXT, CLASS */
+                        )
+                      ],
+                      2
+                      /* CLASS */
+                    );
+                  }),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ])
+            ],
+            544
+            /* NEED_HYDRATION, NEED_PATCH */
+          ),
+          createElementVNode(
+            "div",
+            {
+              ref_key: "rightPanel",
+              ref: rightPanel,
+              onScroll: _cache[7] || (_cache[7] = ($event) => syncScroll("right")),
+              class: "bg-deep-charcoal border-4 border-black rounded-xl overflow-auto shadow-hard"
+            },
+            [
+              createElementVNode("table", _hoisted_18, [
+                (openBlock(true), createElementBlock(
+                  Fragment,
+                  null,
+                  renderList(rightLines.value, (line, idx) => {
+                    return openBlock(), createElementBlock(
+                      "tr",
+                      {
+                        key: idx,
+                        class: normalizeClass({
+                          "bg-neon-green/12": line.type === "added",
+                          "bg-white/[0.03]": line.type === "placeholder"
+                        })
+                      },
+                      [
+                        createElementVNode(
+                          "td",
+                          {
+                            class: normalizeClass(["diff-num select-none text-right pr-2 pl-2 border-r border-white/10", line.type === "added" ? "text-neon-green/40" : line.type === "placeholder" ? "text-transparent" : "text-gray-600"])
+                          },
+                          toDisplayString(line.num ?? ""),
+                          3
+                          /* TEXT, CLASS */
+                        ),
+                        createElementVNode(
+                          "td",
+                          {
+                            class: normalizeClass(["px-3 whitespace-pre", line.type === "added" ? "text-neon-green/90" : line.type === "placeholder" ? "" : "text-gray-300"])
+                          },
+                          toDisplayString(line.text),
+                          3
+                          /* TEXT, CLASS */
+                        )
+                      ],
+                      2
+                      /* CLASS */
+                    );
+                  }),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ])
+            ],
+            544
+            /* NEED_HYDRATION, NEED_PATCH */
+          )
+        ])) : createCommentVNode("v-if", true)
+      ]);
+    };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-90752a2e"]]);
+export {
+  index as default
+};
+
+;(function(){var s=document.createElement("style");s.textContent=`
+table tr td[data-v-90752a2e] {
+  line-height: 1.75;
+}
+.diff-num[data-v-90752a2e] {
+  min-width: 3ch;
+}
+`;document.head.appendChild(s)})();