dishui 0.0.64 → 0.0.65

package/dist/components/pro/Flow/panels/InspectorPanel.js

@@ -55,9 +55,9 @@ function Ue() {
   }) : null;
 }
 function Ce() {
-  const { currentCanvas: l, selection: c, setSelection: a, setDoc: o, currentCanvasId: f } = ie(), m = A(() => l.nodes.filter((p) => c.nodeIds.has(p.id)), [l.nodes, c.nodeIds]), t = A(() => l.edges.filter((p) => c.edgeIds.has(p.id)), [l.edges, c.edgeIds]), r = A(() => l.lines.filter((p) => c.lineIds.has(p.id)), [l.lines, c.lineIds]), N = m.length > 0 || t.length > 0 || r.length > 0, w = m.length === 1 && (m[0].type === "flowGroup" || m[0].type === "geometryGroup" || m[0].data.isGroup), z = m.length + r.length, T = (p = "flowGroup") => {
+  const { currentCanvas: l, selection: c, setSelection: a, setDoc: o, currentCanvasId: f } = ie(), m = A(() => l.nodes.filter((p) => c.nodeIds.has(p.id)), [l.nodes, c.nodeIds]), t = A(() => l.edges.filter((p) => c.edgeIds.has(p.id)), [l.edges, c.edgeIds]), r = A(() => l.lines.filter((p) => c.lineIds.has(p.id)), [l.lines, c.lineIds]), N = m.length > 0 || t.length > 0 || r.length > 0, v = m.length === 1 && (m[0].type === "flowGroup" || m[0].type === "geometryGroup" || m[0].data.isGroup), z = m.length + r.length, T = (p = "flowGroup") => {
     if (z < 2) return;
-    const v = 20;
+    const w = 20;
     let h = 1 / 0, i = 1 / 0, d = -1 / 0, u = -1 / 0;
     for (const S of m)
       h = Math.min(h, S.position.x), i = Math.min(i, S.position.y), d = Math.max(d, S.position.x + S.width), u = Math.max(u, S.position.y + S.height);
@@ -67,11 +67,11 @@ function Ce() {
       id: B,
       type: p,
       position: {
-        x: h - v,
-        y: i - v
+        x: h - w,
+        y: i - w
       },
-      width: d - h + v * 2,
-      height: u - i + v * 2,
+      width: d - h + 40,
+      height: u - i + 40,
       data: {
         ...te,
         label: M ? "Geo Group" : "Group",
@@ -107,10 +107,10 @@ function Ce() {
       lineIds: /* @__PURE__ */ new Set()
     });
   }, Y = () => {
-    const p = /* @__PURE__ */ new Set(), v = /* @__PURE__ */ new Set(), h = /* @__PURE__ */ new Set();
+    const p = /* @__PURE__ */ new Set(), w = /* @__PURE__ */ new Set(), h = /* @__PURE__ */ new Set();
     for (const i of m) (i.type === "flowGroup" || i.type === "geometryGroup" || i.data.isGroup) && p.add(i.id);
     if (p.size !== 0) {
-      for (const i of l.nodes) i.parentId && p.has(i.parentId) && v.add(i.id);
+      for (const i of l.nodes) i.parentId && p.has(i.parentId) && w.add(i.id);
       for (const i of l.lines) i.parentId && p.has(i.parentId) && h.add(i.id);
       o((i) => {
         const d = i.canvases[f];
@@ -120,7 +120,7 @@ function Ce() {
             ...i.canvases,
             [f]: {
               ...d,
-              nodes: d.nodes.filter((u) => !p.has(u.id)).map((u) => v.has(u.id) ? {
+              nodes: d.nodes.filter((u) => !p.has(u.id)).map((u) => w.has(u.id) ? {
                 ...u,
                 parentId: void 0
               } : u),
@@ -132,18 +132,18 @@ function Ce() {
           }
         } : i;
       }), a({
-        nodeIds: v,
+        nodeIds: w,
         edgeIds: /* @__PURE__ */ new Set(),
         lineIds: h
       });
     }
   }, P = (p) => {
-    const v = c.nodeIds;
-    v.size !== 0 && o((h) => {
+    const w = c.nodeIds;
+    w.size !== 0 && o((h) => {
       const i = h.canvases[f];
       if (!i) return h;
       const d = i.nodes.map((x) => x.zIndex ?? 0), u = d.length > 0 ? Math.max(...d) : 0, M = d.length > 0 ? Math.min(...d) : 0, B = i.nodes.map((x) => {
-        if (!v.has(x.id)) return x;
+        if (!w.has(x.id)) return x;
         const F = x.zIndex ?? 0;
         let C = F;
         return p === "front" ? C = u + 1 : p === "back" ? C = M - 1 : p === "up" ? C = F + 1 : p === "down" && (C = F - 1), {
@@ -163,12 +163,12 @@ function Ce() {
       };
     });
   }, L = (p) => {
-    const v = c.lineIds;
-    v.size !== 0 && o((h) => {
+    const w = c.lineIds;
+    w.size !== 0 && o((h) => {
       const i = h.canvases[f];
       if (!i) return h;
       const d = i.lines.map((x) => x.zIndex ?? 0), u = d.length > 0 ? Math.max(...d) : 0, M = d.length > 0 ? Math.min(...d) : 0, B = i.lines.map((x) => {
-        if (!v.has(x.id)) return x;
+        if (!w.has(x.id)) return x;
         const F = x.zIndex ?? 0;
         let C = F;
         return p === "front" ? C = u + 1 : p === "back" ? C = M - 1 : p === "up" ? C = F + 1 : p === "down" && (C = F - 1), {
@@ -187,9 +187,9 @@ function Ce() {
         }
       };
     });
-  }, k = (p, v, h) => {
-    X(p, { [v]: h });
-  }, X = (p, v) => {
+  }, k = (p, w, h) => {
+    X(p, { [w]: h });
+  }, X = (p, w) => {
     o((h) => {
       const i = h.canvases[f];
       return i ? {
@@ -202,14 +202,14 @@ function Ce() {
               ...d,
               data: {
                 ...d.data,
-                ...v
+                ...w
               }
             } : d)
           }
         }
       } : h;
     });
-  }, q = (p, v, h) => {
+  }, q = (p, w, h) => {
     o((i) => {
       const d = i.canvases[f];
       return d ? {
@@ -220,13 +220,13 @@ function Ce() {
             ...d,
             nodes: d.nodes.map((u) => u.id === p ? {
               ...u,
-              [v]: h
+              [w]: h
             } : u)
           }
         }
       } : i;
     });
-  }, Q = (p, v, h) => {
+  }, Q = (p, w, h) => {
     o((i) => {
       const d = i.canvases[f];
       return d ? {
@@ -239,14 +239,14 @@ function Ce() {
               ...u,
               data: {
                 ...u.data,
-                [v]: h
+                [w]: h
               }
             } : u)
           }
         }
       } : i;
     });
-  }, D = (p, v) => {
+  }, D = (p, w) => {
     o((h) => {
       const i = h.canvases[f];
       return i ? {
@@ -257,13 +257,13 @@ function Ce() {
             ...i,
             nodes: i.nodes.map((d) => d.id === p ? {
               ...d,
-              type: v
+              type: w
             } : d)
           }
         }
       } : h;
     });
-  }, U = (p, v) => {
+  }, U = (p, w) => {
     o((h) => {
       const i = h.canvases[f];
       return i ? {
@@ -274,13 +274,13 @@ function Ce() {
             ...i,
             edges: i.edges.map((d) => d.id === p ? {
               ...d,
-              type: v
+              type: w
             } : d)
           }
         }
       } : h;
     });
-  }, ee = (p, v, h) => {
+  }, ee = (p, w, h) => {
     o((i) => {
       const d = i.canvases[f];
       return d ? {
@@ -291,7 +291,7 @@ function Ce() {
             ...d,
             lines: d.lines.map((u) => u.id === p ? {
               ...u,
-              [v]: h
+              [w]: h
             } : u)
           }
         }
@@ -310,7 +310,7 @@ function Ce() {
     }),
     m.length === 1 && /* @__PURE__ */ e(Ie, {
       node: m[0],
-      isGroup: w,
+      isGroup: v,
       onUpdateData: k,
       onUpdateDataBatch: X,
       onUpdateDimension: q,
@@ -358,7 +358,7 @@ function Ce() {
         })
       ]
     }),
-    w && /* @__PURE__ */ s("div", {
+    v && /* @__PURE__ */ s("div", {
       className: "flow-inspector-section",
       children: [
         /* @__PURE__ */ e("div", {
@@ -493,7 +493,7 @@ function Ce() {
   ] });
 }
 function O({ value: l, onChange: c, kind: a, allowTransparent: o, customFallback: f = "#ffffff" }) {
-  const m = oe[a], t = ce(m) ?? "var(--color-base-content)", r = l ?? "", N = r.toLowerCase(), w = ne(r), z = r === "transparent", T = H.some((k) => k.value.toLowerCase() === N), Y = r === m, P = !!r && !w && !z && !T, L = P ? r : f;
+  const m = oe[a], t = ce(m) ?? "var(--color-base-content)", r = l ?? "", N = r.toLowerCase(), v = ne(r), z = r === "transparent", T = H.some((k) => k.value.toLowerCase() === N), Y = r === m, P = !!r && !v && !z && !T, L = P ? r : f;
   return /* @__PURE__ */ s("div", {
     className: "flow-color-field",
     children: [
@@ -510,7 +510,7 @@ function O({ value: l, onChange: c, kind: a, allowTransparent: o, customFallback
         type: "button",
         title: k.label,
         "aria-label": k.label,
-        className: `flow-color-swatch${!w && !z && N === k.value.toLowerCase() ? " is-active" : ""}`,
+        className: `flow-color-swatch${!v && !z && N === k.value.toLowerCase() ? " is-active" : ""}`,
         style: { background: k.value },
         onClick: () => c(k.value)
       }, k.value)),
@@ -536,8 +536,8 @@ function O({ value: l, onChange: c, kind: a, allowTransparent: o, customFallback
   });
 }
 function Se(l) {
-  const c = ue(l, re($(l)?.brandColor, "") || "#475569");
-  return c ? `data:image/svg+xml;utf8,${encodeURIComponent(c)}` : "";
+  const c = $(l), a = re(c?.brandColor, "") || "#475569", o = ue(l, a);
+  return o ? `data:image/svg+xml;utf8,${encodeURIComponent(o)}` : "";
 }
 function ke({ node: l, onUpdateData: c }) {
   const [a, o] = ze("lang"), f = A(() => we(a), [a]), m = l.data.titleIcon ?? "", t = l.data.titleIconSide ?? "left";
@@ -607,7 +607,7 @@ function ke({ node: l, onUpdateData: c }) {
           marginBottom: 6
         },
         children: f.map((r) => {
-          const N = Se(r.id), w = m === r.id;
+          const N = Se(r.id), v = m === r.id;
           return /* @__PURE__ */ e("button", {
             type: "button",
             title: r.label,
@@ -622,8 +622,8 @@ function ke({ node: l, onUpdateData: c }) {
               borderRadius: 4,
               cursor: "pointer",
               padding: 0,
-              border: w ? "1.5px solid var(--color-primary)" : "1px solid transparent",
-              background: w ? "color-mix(in oklch, var(--color-primary) 12%, transparent)" : "transparent"
+              border: v ? "1.5px solid var(--color-primary)" : "1px solid transparent",
+              background: v ? "color-mix(in oklch, var(--color-primary) 12%, transparent)" : "transparent"
             },
             children: N && /* @__PURE__ */ e("img", {
               src: N,
@@ -942,11 +942,11 @@ function Ie({ node: l, isGroup: c, onUpdateData: a, onUpdateDataBatch: o, onUpda
           })]
         }),
         he.has(l.type) && (() => {
-          const t = l.data.borderSides ?? {}, r = (w, z) => {
+          const t = l.data.borderSides ?? {}, r = (v, z) => {
             a(l.id, "borderSides", {
               ...l.data.borderSides ?? {},
-              [w]: {
-                ...l.data.borderSides?.[w] ?? {},
+              [v]: {
+                ...l.data.borderSides?.[v] ?? {},
                 ...z
               }
             });
@@ -986,8 +986,8 @@ function Ie({ node: l, isGroup: c, onUpdateData: a, onUpdateDataBatch: o, onUpda
                 })
               })]
             })]
-          }), de.map((w) => {
-            const z = t[w];
+          }), de.map((v) => {
+            const z = t[v];
             return /* @__PURE__ */ s("div", {
               style: {
                 display: "flex",
@@ -997,32 +997,32 @@ function Ie({ node: l, isGroup: c, onUpdateData: a, onUpdateDataBatch: o, onUpda
               },
               children: [
                 /* @__PURE__ */ e("span", {
-                  title: `独立设置${N[w]}边`,
+                  title: `独立设置${N[v]}边`,
                   style: {
                     fontSize: 10,
                     width: 40,
                     flexShrink: 0,
                     opacity: z ? 0.95 : 0.6
                   },
-                  children: N[w]
+                  children: N[v]
                 }),
                 /* @__PURE__ */ e("span", {
-                  title: `显示/隐藏 ${N[w]} 边`,
+                  title: `显示/隐藏 ${N[v]} 边`,
                   style: { display: "inline-flex" },
                   children: /* @__PURE__ */ e(W, {
                     size: "sm",
                     checked: z?.visible ?? !0,
-                    onChange: (T) => r(w, { visible: T })
+                    onChange: (T) => r(v, { visible: T })
                   })
                 }),
                 /* @__PURE__ */ e(O, {
                   value: z?.color ?? l.data.stroke,
                   kind: "stroke",
                   customFallback: "#334155",
-                  onChange: (T) => r(w, { color: T })
+                  onChange: (T) => r(v, { color: T })
                 }),
                 /* @__PURE__ */ e("span", {
-                  title: `${N[w]} 粗细`,
+                  title: `${N[v]} 粗细`,
                   style: {
                     display: "inline-flex",
                     width: 52
@@ -1031,11 +1031,11 @@ function Ie({ node: l, isGroup: c, onUpdateData: a, onUpdateDataBatch: o, onUpda
                     size: "xs",
                     type: "number",
                     value: String(z?.width ?? l.data.strokeWidth),
-                    onChange: (T) => r(w, { width: Math.max(0, Number(T.target.value) || 0) })
+                    onChange: (T) => r(v, { width: Math.max(0, Number(T.target.value) || 0) })
                   })
                 })
               ]
-            }, w);
+            }, v);
           })] });
         })(),
         l.type === "shapeSvg" && /* @__PURE__ */ s(E, { children: [
@@ -1460,7 +1460,7 @@ function Te({ node: l, onUpdateData: c }) {
             onChange: (t) => {
               const r = t.target.files?.[0];
               if (t.target.value = "", !r) return;
-              if (r.size > 10 * 1024 * 1024) {
+              if (r.size > 10485760) {
                 window.alert("本地模型不能超过 10 MiB，请改用模型链接。");
                 return;
               }
@@ -1469,10 +1469,10 @@ function Te({ node: l, onUpdateData: c }) {
                 window.alert("仅支持 STL、OBJ 和 3MF 模型。");
                 return;
               }
-              const w = new FileReader();
-              w.onload = () => {
-                typeof w.result == "string" && (c(l.id, "modelFormat", N), c(l.id, "mediaContent", w.result));
-              }, w.onerror = () => window.alert("读取本地模型失败。"), w.readAsDataURL(r);
+              const v = new FileReader();
+              v.onload = () => {
+                typeof v.result == "string" && (c(l.id, "modelFormat", N), c(l.id, "mediaContent", v.result));
+              }, v.onerror = () => window.alert("读取本地模型失败。"), v.readAsDataURL(r);
             }
           }),
           /* @__PURE__ */ e(g, {