@yuku123/z-graph-component 0.1.1 → 0.1.2

package/dist/index.js

@@ -1,11 +1,12 @@
-import { D as p, G as s, a as i, c as o, g, b as h, i as t, d as e } from "./GraphApp-BWZfTdAD.js";
+import { C as p, D as s, G as o, a as i, c as e, g, b as t, i as h, d as n } from "./ComponentDoc-yLmdiyDK.js";
 export {
-  p as DEFAULT_BRANCH,
-  s as GraphApp,
+  p as ComponentDocPage,
+  s as DEFAULT_BRANCH,
+  o as GraphApp,
   i as api,
-  o as configureGraph,
+  e as configureGraph,
   g as graphApi,
-  h as graphErrorText,
-  t as isMutatingCypher,
-  e as isNotBoundError
+  t as graphErrorText,
+  h as isMutatingCypher,
+  n as isNotBoundError
 };

package/dist/pages.js

@@ -1,11 +1,11 @@
-import { j as e, a as W, s as Y, f as ae, G as Ne, I as Se } from "./GraphApp-BWZfTdAD.js";
-import { c as bt } from "./GraphApp-BWZfTdAD.js";
-import { UserOutlined as ve, LockOutlined as Te, HomeOutlined as Ee, DashboardOutlined as Ce, PartitionOutlined as Ae, BranchesOutlined as we, HistoryOutlined as ke, CodeOutlined as Ie, DatabaseOutlined as Le, ProfileOutlined as Re, FileTextOutlined as Oe } from "@ant-design/icons";
+import { j as e, a as W, s as Y, f as ae, C as Ne, G as Se, I as ve } from "./ComponentDoc-yLmdiyDK.js";
+import { c as St } from "./ComponentDoc-yLmdiyDK.js";
+import { UserOutlined as Te, LockOutlined as Ee, HomeOutlined as Ce, DashboardOutlined as Ae, PartitionOutlined as we, BranchesOutlined as ke, HistoryOutlined as Ie, CodeOutlined as Re, DatabaseOutlined as Le, ProfileOutlined as Oe, FileTextOutlined as De, ReadOutlined as Me } from "@ant-design/icons";
 import { useState as N, useEffect as $, useRef as te, useCallback as K, useMemo as X } from "react";
-import { Typography as Me, Card as re, Space as oe, Tag as De, Row as He, Col as Pe, Form as Z, Input as le, Button as ze, message as ie } from "antd";
-import { useNavigate as We } from "react-router-dom";
+import { Typography as He, Card as re, Space as oe, Tag as Pe, Row as ze, Col as We, Form as Z, Input as le, Button as Ge, message as ie } from "antd";
+import { useNavigate as qe } from "react-router-dom";
 import "@yuku123/z-frontend-common/ui";
-function Ge(t) {
+function $e(t) {
   const [r, o] = N({
     status: "unknown",
     head: null,
@@ -43,7 +43,7 @@ function Ge(t) {
 }
 function je(t) {
   return function() {
-    const { server: o, metrics: a } = Ge();
+    const { server: o, metrics: a } = $e();
     return /* @__PURE__ */ e.jsx(t, { server: o, metrics: a });
   };
 }
@@ -53,7 +53,7 @@ function F(t) {
     return /* @__PURE__ */ e.jsx("div", { className: "zgc", children: /* @__PURE__ */ e.jsx(r, {}) });
   };
 }
-function qe({ server: t }) {
+function Ue({ server: t }) {
   const [r, o] = N([]), [a, d] = N([]), [p, S] = N(null), [f, x] = N(!0), [l, C] = N(null), [j, v] = N([]), A = te(null);
   $(() => {
     let s = !1;
@@ -283,7 +283,7 @@ function ce({ data: t, dataKey: r, title: o, color: a, unit: d, format: p }) {
   ] });
 }
 const de = ["#3b82f6", "#10b981", "#f59e0b", "#ef4444", "#8b5cf6", "#06b6d4", "#ec4899", "#84cc16"], B = 24;
-function $e({ server: t }) {
+function Be({ server: t }) {
   const [r, o] = N(null), [a, d] = N(!1), [p, S] = N(null), [f, x] = N(null), [l, C] = N(null), j = te(null), [v, A] = N({ width: 800, height: 500 });
   $(() => {
     var c;
@@ -310,14 +310,14 @@ function $e({ server: t }) {
           const y = w.Name || w.name || "";
           if (y)
             try {
-              const L = await W.query(`MATCH (a)-[r:${y}]->(b) RETURN a, r, b`, "main");
-              for (const R of L || []) {
-                const O = typeof R.a == "string" ? V(R.a) : R.a, z = typeof R.b == "string" ? V(R.b) : R.b, D = typeof R.r == "string" ? Ue(R.r) : R.r;
+              const R = await W.query(`MATCH (a)-[r:${y}]->(b) RETURN a, r, b`, "main");
+              for (const L of R || []) {
+                const O = typeof L.a == "string" ? V(L.a) : L.a, z = typeof L.b == "string" ? V(L.b) : L.b, M = typeof L.r == "string" ? Fe(L.r) : L.r;
                 b.push({
                   source: O._id,
                   target: z._id,
                   type: y,
-                  props: D
+                  props: M
                 });
               }
             } catch {
@@ -328,9 +328,9 @@ function $e({ server: t }) {
             try {
               const y = await W.query(`MATCH (a)-[r:${w}]->(b) RETURN a, r, b`, "main");
               if (Array.isArray(y) && y.length > 0)
-                for (const L of y) {
-                  const R = typeof L.a == "string" ? V(L.a) : L.a, O = typeof L.b == "string" ? V(L.b) : L.b;
-                  b.push({ source: R._id, target: O._id, type: w, props: {} });
+                for (const R of y) {
+                  const L = typeof R.a == "string" ? V(R.a) : R.a, O = typeof R.b == "string" ? V(R.b) : R.b;
+                  b.push({ source: L._id, target: O._id, type: w, props: {} });
                 }
             } catch {
             }
@@ -364,14 +364,14 @@ function $e({ server: t }) {
     for (let T = 0; T < 120; T++) {
       const w = 1 - T / 120;
       for (let y = 0; y < i.length; y++)
-        for (let L = y + 1; L < i.length; L++) {
-          let R = i[L].x - i[y].x, O = i[L].y - i[y].y, z = Math.sqrt(R * R + O * O) || 1, D = 800 * w / z;
-          i[y].vx -= R / z * D, i[y].vy -= O / z * D, i[L].vx += R / z * D, i[L].vy += O / z * D;
+        for (let R = y + 1; R < i.length; R++) {
+          let L = i[R].x - i[y].x, O = i[R].y - i[y].y, z = Math.sqrt(L * L + O * O) || 1, M = 800 * w / z;
+          i[y].vx -= L / z * M, i[y].vy -= O / z * M, i[R].vx += L / z * M, i[R].vy += O / z * M;
         }
       for (const y of c) {
-        const L = i[y.sourceIdx], R = i[y.targetIdx];
-        let O = R.x - L.x, z = R.y - L.y, D = Math.sqrt(O * O + z * z) || 1, G = (D - 120) * 0.05 * w;
-        L.vx += O / D * G, L.vy += z / D * G, R.vx -= O / D * G, R.vy -= z / D * G;
+        const R = i[y.sourceIdx], L = i[y.targetIdx];
+        let O = L.x - R.x, z = L.y - R.y, M = Math.sqrt(O * O + z * z) || 1, G = (M - 120) * 0.05 * w;
+        R.vx += O / M * G, R.vy += z / M * G, L.vx -= O / M * G, L.vy -= z / M * G;
       }
       for (const y of i)
         y.vx += (b - y.x) * 0.01 * w, y.vy += (E - y.y) * 0.01 * w;
@@ -405,11 +405,11 @@ function $e({ server: t }) {
   function m(i, c) {
     const b = l.nodes[i.sourceIdx], E = l.nodes[i.targetIdx];
     if (!b || !E) return null;
-    const T = E.x - b.x, w = E.y - b.y, y = Math.sqrt(T * T + w * w) || 1, L = T / y, R = w / y, O = b.x + L * B, z = b.y + R * B, D = E.x - L * B, G = E.y - R * B, u = f !== null && (i.sourceIdx === f || i.targetIdx === f), P = f !== null && !u, I = 10, M = Math.atan2(G - z, D - O), H = D - I * Math.cos(M - 0.35), q = G - I * Math.sin(M - 0.35), se = D - I * Math.cos(M + 0.35), be = G - I * Math.sin(M + 0.35);
+    const T = E.x - b.x, w = E.y - b.y, y = Math.sqrt(T * T + w * w) || 1, R = T / y, L = w / y, O = b.x + R * B, z = b.y + L * B, M = E.x - R * B, G = E.y - L * B, u = f !== null && (i.sourceIdx === f || i.targetIdx === f), P = f !== null && !u, I = 10, D = Math.atan2(G - z, M - O), H = M - I * Math.cos(D - 0.35), q = G - I * Math.sin(D - 0.35), se = M - I * Math.cos(D + 0.35), be = G - I * Math.sin(D + 0.35);
     return /* @__PURE__ */ e.jsxs("g", { style: { opacity: P ? 0.15 : 1 }, children: [
-      /* @__PURE__ */ e.jsx("line", { x1: O, y1: z, x2: D, y2: G, stroke: u ? "#60a5fa" : "#475569", strokeWidth: u ? 2.5 : 1.5 }),
-      /* @__PURE__ */ e.jsx("polygon", { points: `${D},${G} ${H},${q} ${se},${be}`, fill: u ? "#60a5fa" : "#475569" }),
-      i.type && /* @__PURE__ */ e.jsx("text", { x: (O + D) / 2, y: (z + G) / 2 - 6, textAnchor: "middle", fill: "#64748b", fontSize: "9", style: { pointerEvents: "none" }, children: i.type })
+      /* @__PURE__ */ e.jsx("line", { x1: O, y1: z, x2: M, y2: G, stroke: u ? "#60a5fa" : "#475569", strokeWidth: u ? 2.5 : 1.5 }),
+      /* @__PURE__ */ e.jsx("polygon", { points: `${M},${G} ${H},${q} ${se},${be}`, fill: u ? "#60a5fa" : "#475569" }),
+      i.type && /* @__PURE__ */ e.jsx("text", { x: (O + M) / 2, y: (z + G) / 2 - 6, textAnchor: "middle", fill: "#64748b", fontSize: "9", style: { pointerEvents: "none" }, children: i.type })
     ] }, c);
   }
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
@@ -461,14 +461,14 @@ function V(t) {
     S && f && (d[S] = isNaN(f) ? f.replace(/^'|'$/g, "") : Number(f));
   }), d;
 }
-function Ue(t) {
+function Fe(t) {
   const r = t.match(/\}\s*\{(.*?)\}/) || t.match(/\{(.*)\}/), o = {};
   return r && r[1] && r[1].split(",").forEach((a) => {
     const [d, p] = a.split("=").map((S) => S.trim());
     d && p && (o[d] = isNaN(p) ? p.replace(/^'|'$/g, "") : Number(p));
   }), o;
 }
-function Be({ server: t }) {
+function _e({ server: t }) {
   const [r, o] = N([]), [a, d] = N({}), [p, S] = N([]), [f, x] = N(!0), [l, C] = N(null);
   $(() => {
     let v = !1;
@@ -560,7 +560,7 @@ const he = [
   "#f472b6"
   // pink
 ];
-function Fe({ server: t }) {
+function Ke({ server: t }) {
   const [r, o] = N([]), [a, d] = N(!0), [p, S] = N(null), [f, x] = N(""), [l, C] = N(""), [j, v] = N(null);
   $(() => {
     let g = !1;
@@ -608,7 +608,7 @@ function Fe({ server: t }) {
       p && /* @__PURE__ */ e.jsx("div", { className: "error-banner", children: p }),
       !a && k.length === 0 && /* @__PURE__ */ e.jsx("div", { className: "empty", children: "没有匹配的 commit" }),
       !a && k.length > 0 && /* @__PURE__ */ e.jsx(
-        _e,
+        Je,
         {
           commits: k,
           branches: A,
@@ -679,7 +679,7 @@ function _(t, r) {
   const o = t.indexOf(r);
   return he[o % he.length];
 }
-function _e({ commits: t, branches: r, selected: o, onSelect: a }) {
+function Je({ commits: t, branches: r, selected: o, onSelect: a }) {
   const d = X(
     () => [...t].sort((h, n) => (n.timestamp || 0) - (h.timestamp || 0)),
     [t]
@@ -794,7 +794,7 @@ function _e({ commits: t, branches: r, selected: o, onSelect: a }) {
             ),
             A.map((h, n) => {
               var P, I;
-              const { from: s, to: m, color: i, isMerge: c, isMainParent: b } = h, E = (o == null ? void 0 : o.id) === ((P = s.commit) == null ? void 0 : P.id) || (o == null ? void 0 : o.id) === ((I = m.commit) == null ? void 0 : I.id), T = s.x - f - 2, w = s.y, y = m.x + f + 2, L = m.y;
+              const { from: s, to: m, color: i, isMerge: c, isMainParent: b } = h, E = (o == null ? void 0 : o.id) === ((P = s.commit) == null ? void 0 : P.id) || (o == null ? void 0 : o.id) === ((I = m.commit) == null ? void 0 : I.id), T = s.x - f - 2, w = s.y, y = m.x + f + 2, R = m.y;
               if (s.lane === m.lane)
                 return /* @__PURE__ */ e.jsx(
                   "line",
@@ -802,14 +802,14 @@ function _e({ commits: t, branches: r, selected: o, onSelect: a }) {
                     x1: T,
                     y1: w,
                     x2: y,
-                    y2: L,
+                    y2: R,
                     stroke: E ? "#60a5fa" : i,
                     strokeWidth: E ? 2.5 : 2,
                     markerEnd: E ? "url(#arrowhead-active)" : "url(#arrowhead)"
                   },
                   n
                 );
-              const R = y - T, O = T + R * 0.3, z = w, D = y - R * 0.3, u = `M ${T},${w} C ${O},${z} ${D},${L} ${y},${L}`;
+              const L = y - T, O = T + L * 0.3, z = w, M = y - L * 0.3, u = `M ${T},${w} C ${O},${z} ${M},${R} ${y},${R}`;
               return /* @__PURE__ */ e.jsx(
                 "path",
                 {
@@ -1017,7 +1017,7 @@ function _e({ commits: t, branches: r, selected: o, onSelect: a }) {
     ] })
   ] });
 }
-const Ke = /* @__PURE__ */ new Set([
+const Xe = /* @__PURE__ */ new Set([
   "MATCH",
   "RETURN",
   "CREATE",
@@ -1091,7 +1091,7 @@ const Ke = /* @__PURE__ */ new Set([
   "db.tags",
   "db.edges",
   "db.indexes"
-]), Je = [
+]), Ve = [
   // 关键字
   { text: "MATCH", desc: "模式匹配", category: "keyword" },
   { text: "RETURN", desc: "返回结果", category: "keyword" },
@@ -1157,7 +1157,7 @@ const Ke = /* @__PURE__ */ new Set([
   pattern: "#86efac",
   ddl: "#fbbf24"
 };
-function Xe({ value: t, onChange: r, onKeyDown: o, rows: a = 10 }) {
+function Ye({ value: t, onChange: r, onKeyDown: o, rows: a = 10 }) {
   const d = te(null), p = te(null), [S, f] = N([]), [x, l] = N(0), [C, j] = N(!1), [v, A] = N({ top: 0, left: 0 }), k = K(() => {
     d.current && p.current && (d.current.scrollTop = p.current.scrollTop, d.current.scrollLeft = p.current.scrollLeft);
   }, []);
@@ -1178,7 +1178,7 @@ function Xe({ value: t, onChange: r, onKeyDown: o, rows: a = 10 }) {
     r(b);
     const E = c.target.selectionStart, T = g(b, E);
     if (T.length >= 1) {
-      const w = Je.filter(
+      const w = Ve.filter(
         (y) => y.text.toLowerCase().startsWith(T.toLowerCase()) || y.desc.includes(T)
       ).slice(0, 12);
       w.length > 0 ? (f(w), l(0), j(!0), A(h(c.target, E))) : j(!1);
@@ -1208,8 +1208,8 @@ function Xe({ value: t, onChange: r, onKeyDown: o, rows: a = 10 }) {
   function m(c) {
     const b = p.current;
     if (!b) return;
-    const E = b.selectionStart, T = b.value, w = g(T, E), y = T.substring(0, E - w.length), L = T.substring(E), R = y + c.text + L;
-    r(R), j(!1), setTimeout(() => {
+    const E = b.selectionStart, T = b.value, w = g(T, E), y = T.substring(0, E - w.length), R = T.substring(E), L = y + c.text + R;
+    r(L), j(!1), setTimeout(() => {
       const O = E - w.length + c.text.length;
       b.setSelectionRange(O, O), b.focus();
     }, 0);
@@ -1221,7 +1221,7 @@ function Xe({ value: t, onChange: r, onKeyDown: o, rows: a = 10 }) {
     }
     return document.addEventListener("mousedown", c), () => document.removeEventListener("mousedown", c);
   }, [C]);
-  const i = Ve(t || "");
+  const i = Ze(t || "");
   return /* @__PURE__ */ e.jsxs("div", { className: "cypher-editor-wrap", style: { position: "relative" }, children: [
     /* @__PURE__ */ e.jsx(
       "pre",
@@ -1340,7 +1340,7 @@ function Xe({ value: t, onChange: r, onKeyDown: o, rows: a = 10 }) {
     )
   ] });
 }
-function Ve(t) {
+function Ze(t) {
   const r = [];
   let o = 0;
   for (; o < t.length; ) {
@@ -1374,7 +1374,7 @@ function Ve(t) {
       let a = o;
       for (; a < t.length && /[a-zA-Z0-9_]/.test(t[a]); ) a++;
       const d = t.substring(o, a), p = d.toUpperCase();
-      Ke.has(p) ? r.push(`<span class="hl-keyword">${U(d)}</span>`) : me.has(p) || me.has(d.toLowerCase()) ? r.push(`<span class="hl-builtin">${U(d)}</span>`) : a < t.length && t[a] === "(" ? r.push(`<span class="hl-function">${U(d)}</span>`) : p === "ASC" || p === "DESC" ? r.push(`<span class="hl-keyword">${U(d)}</span>`) : r.push(U(d)), o = a;
+      Xe.has(p) ? r.push(`<span class="hl-keyword">${U(d)}</span>`) : me.has(p) || me.has(d.toLowerCase()) ? r.push(`<span class="hl-builtin">${U(d)}</span>`) : a < t.length && t[a] === "(" ? r.push(`<span class="hl-function">${U(d)}</span>`) : p === "ASC" || p === "DESC" ? r.push(`<span class="hl-keyword">${U(d)}</span>`) : r.push(U(d)), o = a;
       continue;
     }
     if ("-><-[]{}(),:.;=<>!+".includes(t[o])) {
@@ -1407,7 +1407,7 @@ const ne = {
   "SHOW STATS": "CALL db.stats()",
   EXPLAIN: "EXPLAIN MATCH (n:Person) WHERE n.age > 20 RETURN n"
 };
-function Ye({ server: t }) {
+function Qe({ server: t }) {
   const [r, o] = N(ne.节点与边), [a, d] = N("main"), [p, S] = N(""), [f, x] = N([]), [l, C] = N([]), [j, v] = N("branch"), [A, k] = N(!1), [g, h] = N(null), [n, s] = N(null), [m, i] = N(null), [c, b] = N(() => {
     try {
       return JSON.parse(localStorage.getItem("z-graph-history") || "[]");
@@ -1419,7 +1419,7 @@ function Ye({ server: t }) {
     let u = !1;
     async function P() {
       try {
-        const [I, M] = await Promise.all([W.branches(), W.commits()]), H = Array.isArray(I) ? I : I && I.Name ? [I.Name] : [], q = Array.isArray(M) ? M : [];
+        const [I, D] = await Promise.all([W.branches(), W.commits()]), H = Array.isArray(I) ? I : I && I.Name ? [I.Name] : [], q = Array.isArray(D) ? D : [];
         x(H), C(q), H.length && !H.find((se) => se === a) && d(H[0]);
       } catch {
       }
@@ -1427,10 +1427,10 @@ function Ye({ server: t }) {
     P();
   }, [t.head]);
   function w(u, P) {
-    const I = { cypher: u.substring(0, 200), time: Date.now(), elapsed: P, branch: a }, M = [I, ...c.filter((H) => H.cypher !== I.cypher)].slice(0, 50);
-    b(M);
+    const I = { cypher: u.substring(0, 200), time: Date.now(), elapsed: P, branch: a }, D = [I, ...c.filter((H) => H.cypher !== I.cypher)].slice(0, 50);
+    b(D);
     try {
-      localStorage.setItem("z-graph-history", JSON.stringify(M));
+      localStorage.setItem("z-graph-history", JSON.stringify(D));
     } catch {
     }
   }
@@ -1451,10 +1451,10 @@ function Ye({ server: t }) {
       k(!1);
     }
   }, [r, a, p, j]);
-  function L(u) {
+  function R(u) {
     o(ne[u]);
   }
-  function R(u) {
+  function L(u) {
     o(u.cypher), u.branch && d(u.branch), T(!1);
   }
   function O(u) {
@@ -1462,20 +1462,20 @@ function Ye({ server: t }) {
     if (typeof u == "string") return /* @__PURE__ */ e.jsx("pre", { children: u });
     if (Array.isArray(u)) {
       if (u.length === 0) return /* @__PURE__ */ e.jsx("div", { className: "empty", children: "0 行结果" });
-      const P = Array.from(u.reduce((I, M) => (M && typeof M == "object" && Object.keys(M).forEach((H) => I.add(H)), I), /* @__PURE__ */ new Set()));
+      const P = Array.from(u.reduce((I, D) => (D && typeof D == "object" && Object.keys(D).forEach((H) => I.add(H)), I), /* @__PURE__ */ new Set()));
       return /* @__PURE__ */ e.jsxs("table", { children: [
         /* @__PURE__ */ e.jsx("thead", { children: /* @__PURE__ */ e.jsx("tr", { children: P.map((I) => /* @__PURE__ */ e.jsx("th", { children: I }, I)) }) }),
-        /* @__PURE__ */ e.jsx("tbody", { children: u.map((I, M) => /* @__PURE__ */ e.jsx("tr", { children: P.map((H) => /* @__PURE__ */ e.jsx("td", { className: "mono", children: Ze(I[H]) }, H)) }, M)) })
+        /* @__PURE__ */ e.jsx("tbody", { children: u.map((I, D) => /* @__PURE__ */ e.jsx("tr", { children: P.map((H) => /* @__PURE__ */ e.jsx("td", { className: "mono", children: et(I[H]) }, H)) }, D)) })
       ] });
     }
     return /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(u, null, 2) });
   }
   function z() {
     if (!g || !Array.isArray(g) || g.length === 0) return;
-    const u = Array.from(g.reduce((I, M) => (M && typeof M == "object" && Object.keys(M).forEach((H) => I.add(H)), I), /* @__PURE__ */ new Set())), P = [u.join(",")];
+    const u = Array.from(g.reduce((I, D) => (D && typeof D == "object" && Object.keys(D).forEach((H) => I.add(H)), I), /* @__PURE__ */ new Set())), P = [u.join(",")];
     for (const I of g)
-      P.push(u.map((M) => {
-        const H = I[M];
+      P.push(u.map((D) => {
+        const H = I[D];
         if (H == null) return "";
         const q = typeof H == "object" ? JSON.stringify(H) : String(H);
         return q.includes(",") || q.includes('"') || q.includes(`
@@ -1484,13 +1484,13 @@ function Ye({ server: t }) {
     G(P.join(`
 `), "z-graph-query.csv", "text/csv;charset=utf-8");
   }
-  function D() {
+  function M() {
     if (!g) return;
     const u = JSON.stringify(g, null, 2);
     G(u, "z-graph-query.json", "application/json;charset=utf-8");
   }
   function G(u, P, I) {
-    const M = new Blob([u], { type: I }), H = URL.createObjectURL(M), q = document.createElement("a");
+    const D = new Blob([u], { type: I }), H = URL.createObjectURL(D), q = document.createElement("a");
     q.href = H, q.download = P, document.body.appendChild(q), q.click(), document.body.removeChild(q), URL.revokeObjectURL(H);
   }
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
@@ -1498,7 +1498,7 @@ function Ye({ server: t }) {
       /* @__PURE__ */ e.jsxs("div", { className: "toolbar", children: [
         /* @__PURE__ */ e.jsx("button", { className: "primary", disabled: A || !r.trim(), onClick: y, children: A ? "执行中…" : "执行" }),
         /* @__PURE__ */ e.jsx("button", { onClick: () => o(""), disabled: A, children: "清空" }),
-        /* @__PURE__ */ e.jsxs("select", { onChange: (u) => L(u.target.value), value: "", children: [
+        /* @__PURE__ */ e.jsxs("select", { onChange: (u) => R(u.target.value), value: "", children: [
           /* @__PURE__ */ e.jsx("option", { value: "", disabled: !0, children: "载入示例…" }),
           Object.keys(ne).map((u) => /* @__PURE__ */ e.jsx("option", { value: u, children: u }, u))
         ] }),
@@ -1515,7 +1515,7 @@ function Ye({ server: t }) {
       ] }),
       E && /* @__PURE__ */ e.jsxs("div", { className: "history-panel", children: [
         c.length === 0 && /* @__PURE__ */ e.jsx("div", { className: "muted", children: "暂无历史" }),
-        c.slice(0, 20).map((u, P) => /* @__PURE__ */ e.jsxs("div", { className: "history-item", onClick: () => R(u), children: [
+        c.slice(0, 20).map((u, P) => /* @__PURE__ */ e.jsxs("div", { className: "history-item", onClick: () => L(u), children: [
           /* @__PURE__ */ e.jsxs("span", { className: "history-cypher mono", children: [
             u.cypher.substring(0, 80),
             u.cypher.length > 80 ? "…" : ""
@@ -1537,7 +1537,7 @@ function Ye({ server: t }) {
         ] }, u.id))
       ] }) }),
       /* @__PURE__ */ e.jsx(
-        Xe,
+        Ye,
         {
           value: r,
           onChange: o,
@@ -1561,7 +1561,7 @@ function Ye({ server: t }) {
         ] }),
         g && Array.isArray(g) && g.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "toolbar", children: [
           /* @__PURE__ */ e.jsx("button", { onClick: z, children: "📥 CSV" }),
-          /* @__PURE__ */ e.jsx("button", { onClick: D, children: "📥 JSON" })
+          /* @__PURE__ */ e.jsx("button", { onClick: M, children: "📥 JSON" })
         ] })
       ] }),
       n && /* @__PURE__ */ e.jsx("div", { className: "results", children: /* @__PURE__ */ e.jsx("pre", { className: "error", children: n }) }),
@@ -1570,7 +1570,7 @@ function Ye({ server: t }) {
     ] })
   ] });
 }
-function Ze(t) {
+function et(t) {
   return t == null ? "" : typeof t == "object" ? JSON.stringify(t) : String(t);
 }
 const ue = [
@@ -1592,7 +1592,7 @@ RETURN n.age AS age, count(n) AS count ORDER BY age`, category: "查询" },
   { label: "OPTIONAL MATCH", cypher: `MATCH (a:Person)-[r?:KNOWS]->(b:Person)
 RETURN a.name AS from, b.name AS to`, category: "查询" }
 ];
-function Qe({ server: t }) {
+function tt({ server: t }) {
   const [r, o] = N("TAGS"), [a, d] = N([]), [p, S] = N(!1), [f, x] = N(null), [l, C] = N(null), [j, v] = N(null), [A, k] = N(!1), g = K(async () => {
     S(!0), x(null);
     try {
@@ -1658,29 +1658,29 @@ function Qe({ server: t }) {
         "尚无 ",
         r.toLowerCase()
       ] }),
-      !f && a.length > 0 && /* @__PURE__ */ e.jsx(et, { rows: a })
+      !f && a.length > 0 && /* @__PURE__ */ e.jsx(st, { rows: a })
     ] })
   ] });
 }
 function xe(t) {
   return t === "TAGS" ? "SHOW TAGS" : t === "EDGES" ? "SHOW EDGES" : "SHOW INDEXES";
 }
-function et({ rows: t }) {
+function st({ rows: t }) {
   const r = Array.from(t.reduce((o, a) => (Object.keys(a || {}).forEach((d) => o.add(d)), o), /* @__PURE__ */ new Set()));
   return /* @__PURE__ */ e.jsxs("table", { children: [
     /* @__PURE__ */ e.jsx("thead", { children: /* @__PURE__ */ e.jsx("tr", { children: r.map((o) => /* @__PURE__ */ e.jsx("th", { children: o }, o)) }) }),
-    /* @__PURE__ */ e.jsx("tbody", { children: t.map((o, a) => /* @__PURE__ */ e.jsx("tr", { children: r.map((d) => /* @__PURE__ */ e.jsx("td", { className: "mono", children: tt(o[d]) }, d)) }, a)) })
+    /* @__PURE__ */ e.jsx("tbody", { children: t.map((o, a) => /* @__PURE__ */ e.jsx("tr", { children: r.map((d) => /* @__PURE__ */ e.jsx("td", { className: "mono", children: nt(o[d]) }, d)) }, a)) })
   ] });
 }
-function tt(t) {
+function nt(t) {
   return t == null ? "" : typeof t == "object" ? JSON.stringify(t) : String(t);
 }
-const st = {
+const rt = {
   GET: "#86efac",
   POST: "#93c5fd",
   OPTIONS: "#94a3b8"
 };
-function nt() {
+function at() {
   var g, h;
   const [t, r] = N(null), [o, a] = N(!0), [d, p] = N(null), [S, f] = N(!0), [x, l] = N({ method: "", status: "", path: "", requestId: "" }), [C, j] = N(null), v = K(async () => {
     try {
@@ -1812,7 +1812,7 @@ function nt() {
                 "span",
                 {
                   className: "log-method",
-                  style: { color: st[n.method] || "#94a3b8" },
+                  style: { color: rt[n.method] || "#94a3b8" },
                   children: n.method
                 }
               ) }),
@@ -1958,7 +1958,7 @@ const ge = [
     response: "{ imported, branch, elapsedMs }"
   }
 ];
-function rt() {
+function ot() {
   const [t, r] = N(null), [o, a] = N(null), [d, p] = N(!1), [S, f] = N(null);
   async function x(l) {
     p(!0), a(null), f(null);
@@ -2047,9 +2047,9 @@ async function fe(t, r = {}) {
     return a;
   }
 }
-const { Title: at, Paragraph: ot } = Me;
-function lt() {
-  const t = We(), [r, o] = N(null);
+const { Title: lt, Paragraph: it } = He;
+function ct() {
+  const t = qe(), [r, o] = N(null);
   $(() => {
     const d = localStorage.getItem("userInfo");
     if (d)
@@ -2059,17 +2059,17 @@ function lt() {
         o({ name: d });
       }
   }, []);
-  const a = it.filter((d) => d.key !== "/z-graph/home");
+  const a = dt.filter((d) => d.key !== "/z-graph/home");
   return /* @__PURE__ */ e.jsxs("div", { children: [
     /* @__PURE__ */ e.jsx(re, { style: { marginBottom: 16, background: "linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%)", border: "none" }, children: /* @__PURE__ */ e.jsxs(oe, { direction: "vertical", size: 4, style: { color: "#fff" }, children: [
-      /* @__PURE__ */ e.jsxs(at, { level: 3, style: { color: "#fff", margin: 0 }, children: [
+      /* @__PURE__ */ e.jsxs(lt, { level: 3, style: { color: "#fff", margin: 0 }, children: [
         "欢迎",
         r != null && r.name ? `，${r.name}` : ""
       ] }),
-      /* @__PURE__ */ e.jsx(ot, { style: { color: "rgba(255,255,255,0.85)", margin: 0 }, children: "z-graph 图存储控制台 管理台" }),
-      (r == null ? void 0 : r.role) && /* @__PURE__ */ e.jsx(De, { style: { marginTop: 8, background: "rgba(255,255,255,0.2)", color: "#fff", border: "none" }, children: r.role })
+      /* @__PURE__ */ e.jsx(it, { style: { color: "rgba(255,255,255,0.85)", margin: 0 }, children: "z-graph 图存储控制台 管理台" }),
+      (r == null ? void 0 : r.role) && /* @__PURE__ */ e.jsx(Pe, { style: { marginTop: 8, background: "rgba(255,255,255,0.2)", color: "#fff", border: "none" }, children: r.role })
     ] }) }),
-    /* @__PURE__ */ e.jsx(He, { gutter: [16, 16], children: a.map((d) => /* @__PURE__ */ e.jsx(Pe, { xs: 24, sm: 12, md: 12, lg: 8, children: /* @__PURE__ */ e.jsx(re, { hoverable: !0, onClick: () => t(d.key), style: { borderTop: "3px solid #7c3aed" }, children: /* @__PURE__ */ e.jsxs(oe, { align: "start", size: 12, children: [
+    /* @__PURE__ */ e.jsx(ze, { gutter: [16, 16], children: a.map((d) => /* @__PURE__ */ e.jsx(We, { xs: 24, sm: 12, md: 12, lg: 8, children: /* @__PURE__ */ e.jsx(re, { hoverable: !0, onClick: () => t(d.key), style: { borderTop: "3px solid #7c3aed" }, children: /* @__PURE__ */ e.jsxs(oe, { align: "start", size: 12, children: [
       /* @__PURE__ */ e.jsx("div", { style: {
         width: 44,
         height: 44,
@@ -2090,7 +2090,7 @@ function lt() {
   ] });
 }
 const J = { username: "admin", password: "123456", user: { name: "admin", role: "管理员" } };
-function xt() {
+function yt() {
   const [t, r] = N(!1), o = async (a) => {
     r(!0);
     try {
@@ -2123,10 +2123,10 @@ function xt() {
       /* @__PURE__ */ e.jsx("div", { style: { fontSize: 18, fontWeight: 600, color: "#0f172a" }, children: "z-graph 管理台" })
     ] }),
     /* @__PURE__ */ e.jsxs(Z, { onFinish: o, size: "large", children: [
-      /* @__PURE__ */ e.jsx(Z.Item, { name: "username", rules: [{ required: !0, message: "请输入用户名" }], children: /* @__PURE__ */ e.jsx(le, { prefix: /* @__PURE__ */ e.jsx(ve, {}), placeholder: "用户名" }) }),
-      /* @__PURE__ */ e.jsx(Z.Item, { name: "password", rules: [{ required: !0, message: "请输入密码" }], children: /* @__PURE__ */ e.jsx(le.Password, { prefix: /* @__PURE__ */ e.jsx(Te, {}), placeholder: "密码" }) }),
+      /* @__PURE__ */ e.jsx(Z.Item, { name: "username", rules: [{ required: !0, message: "请输入用户名" }], children: /* @__PURE__ */ e.jsx(le, { prefix: /* @__PURE__ */ e.jsx(Te, {}), placeholder: "用户名" }) }),
+      /* @__PURE__ */ e.jsx(Z.Item, { name: "password", rules: [{ required: !0, message: "请输入密码" }], children: /* @__PURE__ */ e.jsx(le.Password, { prefix: /* @__PURE__ */ e.jsx(Ee, {}), placeholder: "密码" }) }),
       /* @__PURE__ */ e.jsx(Z.Item, { style: { marginBottom: 8 }, children: /* @__PURE__ */ e.jsx(
-        ze,
+        Ge,
         {
           type: "primary",
           htmlType: "submit",
@@ -2145,42 +2145,45 @@ function xt() {
     ] })
   ] }) });
 }
-const gt = { title: "z-graph 图存储控制台", short: "z-graph" }, it = [
-  { key: "/z-graph/home", label: "首页", icon: /* @__PURE__ */ e.jsx(Ee, {}) },
-  { key: "/z-graph/dashboard", label: "总览", icon: /* @__PURE__ */ e.jsx(Ce, {}) },
-  { key: "/z-graph/graph", label: "图视图", icon: /* @__PURE__ */ e.jsx(Ae, {}) },
-  { key: "/z-graph/branches", label: "分支", icon: /* @__PURE__ */ e.jsx(we, {}) },
-  { key: "/z-graph/commits", label: "提交历史", icon: /* @__PURE__ */ e.jsx(ke, {}) },
-  { key: "/z-graph/query", label: "Cypher 查询", icon: /* @__PURE__ */ e.jsx(Ie, {}) },
+const ft = { title: "z-graph 图存储控制台", short: "z-graph" }, dt = [
+  { key: "/z-graph/home", label: "首页", icon: /* @__PURE__ */ e.jsx(Ce, {}) },
+  { key: "/z-graph/dashboard", label: "总览", icon: /* @__PURE__ */ e.jsx(Ae, {}) },
+  { key: "/z-graph/graph", label: "图视图", icon: /* @__PURE__ */ e.jsx(we, {}) },
+  { key: "/z-graph/branches", label: "分支", icon: /* @__PURE__ */ e.jsx(ke, {}) },
+  { key: "/z-graph/commits", label: "提交历史", icon: /* @__PURE__ */ e.jsx(Ie, {}) },
+  { key: "/z-graph/query", label: "Cypher 查询", icon: /* @__PURE__ */ e.jsx(Re, {}) },
   { key: "/z-graph/schema", label: "Schema", icon: /* @__PURE__ */ e.jsx(Le, {}) },
-  { key: "/z-graph/logs", label: "请求日志", icon: /* @__PURE__ */ e.jsx(Re, {}) },
-  { key: "/z-graph/api-docs", label: "API 文档", icon: /* @__PURE__ */ e.jsx(Oe, {}) }
-], yt = [
-  { path: "/z-graph/home", Component: lt },
+  { key: "/z-graph/logs", label: "请求日志", icon: /* @__PURE__ */ e.jsx(Oe, {}) },
+  { key: "/z-graph/api-docs", label: "API 文档", icon: /* @__PURE__ */ e.jsx(De, {}) },
+  { key: "/z-graph/docs", label: "组件文档", icon: /* @__PURE__ */ e.jsx(Me, {}) }
+], jt = [
+  { path: "/z-graph/home", Component: ct },
   // 旧版 console 页面（吃 src/console/styles.css）⇒ 必须走 withGraphConsole，
   // 否则那份样式表里的裸元素选择器会泄漏到主壳（详见 console/serverHook.jsx 注释）。
-  { path: "/z-graph/dashboard", Component: F(qe) },
-  { path: "/z-graph/graph", Component: F($e) },
-  { path: "/z-graph/branches", Component: F(Be) },
-  { path: "/z-graph/commits", Component: F(Fe) },
-  { path: "/z-graph/query", Component: F(Ye) },
-  { path: "/z-graph/schema", Component: F(Qe) },
-  { path: "/z-graph/logs", Component: F(nt) },
-  { path: "/z-graph/api-docs", Component: F(rt) },
+  { path: "/z-graph/dashboard", Component: F(Ue) },
+  { path: "/z-graph/graph", Component: F(Be) },
+  { path: "/z-graph/branches", Component: F(_e) },
+  { path: "/z-graph/commits", Component: F(Ke) },
+  { path: "/z-graph/query", Component: F(Qe) },
+  { path: "/z-graph/schema", Component: F(tt) },
+  { path: "/z-graph/logs", Component: F(at) },
+  { path: "/z-graph/api-docs", Component: F(ot) },
   // 新版页面（antd 实现）不吃 console 样式表 ⇒ 不加作用域
-  { path: "/z-graph/instance", Component: je(Se) },
+  { path: "/z-graph/instance", Component: je(ve) },
+  { path: "/z-graph/docs", Component: Ne },
   // catchall 放最后 —— 否则 `:rest*` 会先于具体路由匹配,导致 /z-graph/query
   // 全部跳进 GraphApp 的内层 /schema 路由(URL 变成 /z-graph/query/schema)。
-  { path: "/z-graph/:rest*", Component: Ne }
+  { path: "/z-graph/:rest*", Component: Se }
 ];
 export {
-  lt as HomePage,
-  xt as LoginPage,
+  Ne as ComponentDocPage,
+  ct as HomePage,
+  yt as LoginPage,
   W as api,
-  gt as appMeta,
-  bt as configureGraph,
-  it as menuItems,
-  yt as routes,
-  Ge as useGraphServer,
+  ft as appMeta,
+  St as configureGraph,
+  dt as menuItems,
+  jt as routes,
+  $e as useGraphServer,
   je as withGraphServer
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yuku123/z-graph-component",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "z-graph 可复用前端组件：图视图/分支/提交/Cypher 查询/Schema/日志（原 console 内化，lead 005 §9）",
   "type": "module",
   "main": "./dist/index.js",
@@ -14,11 +14,12 @@
     "dist"
   ],
   "scripts": {
-    "build": "vite build"
+    "build": "vite build && node scripts/check-css-scope.mjs",
+    "check:css-scope": "node scripts/check-css-scope.mjs"
   },
   "dependencies": {
-    "@yuku123/z-frontend-common": "^1.1.1",
     "@ant-design/pro-components": "^3.1.12-0",
+    "@yuku123/z-frontend-common": "^1.1.4",
     "axios": "^1.16.1"
   },
   "peerDependencies": {