npm - dishui - Versions diffs - 0.0.46 → 0.0.48 - Mend

dishui 0.0.46 → 0.0.48

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (115) hide show

package/dist/components/pro/Flow/panels/FlowPanelGroup.js CHANGED Viewed

@@ -1,38 +1,41 @@
-import W from "../../../Button/index.js";
-import { useDraggablePanel as C } from "../hooks/useDraggablePanel.js";
-import { useResizablePanel as P } from "../hooks/useResizablePanel.js";
-import { useCallback as x, useEffect as z, useRef as R, useState as $ } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-function B({ tabs: l, defaultTab: m, className: u, resizeEdge: r, defaultWidth: w, style: v, onDetach: s, onAttach: d, isDetached: i }) {
-  const [c, f] = $(m ?? l[0]?.id), { panelStyle: N, handleProps: p } = C(), { panelWidth: b, resizeHandleProps: g } = P(r, w), h = R(null), k = x((e) => {
-    const t = h.current;
-    t && (t.scrollWidth <= t.clientWidth || e.deltaY !== 0 && (t.scrollLeft += e.deltaY, e.preventDefault()));
-  }, []);
-  if (z(() => {
+import P from "../../../Button/index.js";
+import { useDraggablePanel as W } from "../hooks/useDraggablePanel.js";
+import { useResizablePanel as x } from "../hooks/useResizablePanel.js";
+import { useEffect as u, useRef as z, useState as R } from "react";
+import { jsx as a, jsxs as i } from "react/jsx-runtime";
+function T({ tabs: l, defaultTab: w, className: v, resizeEdge: s, defaultWidth: N, style: b, onDetach: o, onAttach: d, isDetached: t }) {
+  const [c, f] = R(w ?? l[0]?.id), { panelStyle: g, handleProps: p } = W(), { panelWidth: k, resizeHandleProps: C } = x(s, N), h = z(null);
+  if (u(() => {
+    const e = h.current;
+    if (!e) return;
+    const m = (r) => {
+      e.scrollWidth <= e.clientWidth || r.deltaY !== 0 && (e.scrollLeft += r.deltaY, r.preventDefault());
+    };
+    return e.addEventListener("wheel", m, { passive: !1 }), () => e.removeEventListener("wheel", m);
+  }, [l.length > 1]), u(() => {
     l.length > 0 && !l.find((e) => e.id === c) && f(l[0].id);
   }, [l, c]), l.length === 0) return null;
   const n = l.find((e) => e.id === c) ?? l[0];
-  return /* @__PURE__ */ o("div", {
-    className: `${u ?? "flow-palette"}${i ? " flow-panel--detached" : " flow-panel--docked"}`,
+  return /* @__PURE__ */ i("div", {
+    className: `${v ?? "flow-palette"}${t ? " flow-panel--detached" : " flow-panel--docked"}`,
     "data-flow-panel": !0,
     style: {
-      ...v,
-      ...i ? N : void 0,
-      width: b
+      ...b,
+      ...t ? g : void 0,
+      width: k
     },
     children: [
       /* @__PURE__ */ a("div", {
-        className: `flow-panel-resize-handle flow-panel-resize-handle--${r}`,
-        ...g
+        className: `flow-panel-resize-handle flow-panel-resize-handle--${s}`,
+        ...C
       }),
-      l.length > 1 ? /* @__PURE__ */ o("div", {
+      l.length > 1 ? /* @__PURE__ */ i("div", {
         className: "flow-panel-tabs-row",
-        ...i ? p : {},
+        ...t ? p : {},
         children: [/* @__PURE__ */ a("div", {
           className: "flow-panel-tabs",
           ref: h,
-          onWheel: k,
-          children: l.map((e) => /* @__PURE__ */ o(W, {
+          children: l.map((e) => /* @__PURE__ */ i(P, {
             variant: "ghost",
             size: "xs",
             className: `flow-panel-tab${e.id === n.id ? " flow-panel-tab--active" : ""}`,
@@ -42,27 +45,36 @@ function B({ tabs: l, defaultTab: m, className: u, resizeEdge: r, defaultWidth:
               children: e.icon
             }), e.label]
           }, e.id))
-        }), s && /* @__PURE__ */ a("button", {
+        }), o && /* @__PURE__ */ a("button", {
           className: "flow-panel-detach-btn",
           title: "Detach tab",
-          onClick: () => s(n.id),
+          onClick: () => o(n.id),
           children: "⬈"
         })]
-      }) : /* @__PURE__ */ o("div", {
+      }) : /* @__PURE__ */ i("div", {
         className: "flow-panel-header-single",
-        ...i ? p : {},
-        children: [/* @__PURE__ */ o("span", {
-          className: "flow-panel-header-label",
-          children: [n.icon && /* @__PURE__ */ a("span", {
-            className: "flow-panel-tab-icon",
-            children: n.icon
-          }), n.label]
-        }), i && d && /* @__PURE__ */ a("button", {
-          className: "flow-panel-detach-btn",
-          title: "Attach back",
-          onClick: () => d(n.id),
-          children: "⬋"
-        })]
+        ...t ? p : {},
+        children: [
+          /* @__PURE__ */ i("span", {
+            className: "flow-panel-header-label",
+            children: [n.icon && /* @__PURE__ */ a("span", {
+              className: "flow-panel-tab-icon",
+              children: n.icon
+            }), n.label]
+          }),
+          t && d && /* @__PURE__ */ a("button", {
+            className: "flow-panel-detach-btn",
+            title: "Attach back",
+            onClick: () => d(n.id),
+            children: "⮋"
+          }),
+          !t && o && /* @__PURE__ */ a("button", {
+            className: "flow-panel-detach-btn",
+            title: "Detach tab",
+            onClick: () => o(n.id),
+            children: "⮈"
+          })
+        ]
       }),
       /* @__PURE__ */ a("div", {
         className: "flow-palette-content",
@@ -72,7 +84,7 @@ function B({ tabs: l, defaultTab: m, className: u, resizeEdge: r, defaultWidth:
   });
 }
 export {
-  B as default
+  T as default
 };
 //# sourceMappingURL=FlowPanelGroup.js.map

package/dist/components/pro/Flow/panels/FlowPanelGroup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FlowPanelGroup.js","names":[],"sources":["../../../../../src/components/pro/Flow/panels/FlowPanelGroup.tsx"],"sourcesContent":["import React, { useState, ~~useCallback,~~ useEffect, useRef } from 'react';\nimport Button from '../../../Button';\nimport { useDraggablePanel } from '../hooks/useDraggablePanel';\nimport { useResizablePanel, type ResizeEdge } from '../hooks/useResizablePanel';\n\nexport interface PanelTab {\n id: string;\n label: string;\n icon?: React.ReactNode;\n content: React.ReactNode;\n}\n\ninterface FlowPanelGroupProps {\n tabs: PanelTab[];\n defaultTab?: string;\n className?: string;\n resizeEdge: ResizeEdge;\n defaultWidth: number;\n style?: React.CSSProperties;\n onDetach?: (tabId: string) => void;\n onAttach?: (tabId: string) => void;\n /** If true, show attach button instead of detach */\n isDetached?: boolean;\n}\n\nexport default function FlowPanelGroup({\n tabs,\n defaultTab,\n className,\n resizeEdge,\n defaultWidth,\n style,\n onDetach,\n onAttach,\n isDetached,\n}: FlowPanelGroupProps) {\n const [activeTab, setActiveTab] = useState(defaultTab ?? tabs[0]?.id);\n const { panelStyle, handleProps } = useDraggablePanel();\n const { panelWidth, resizeHandleProps } = useResizablePanel(resizeEdge, defaultWidth);\n const tabsScrollRef = useRef<HTMLDivElement>(null);\n\n // Translate vertical wheel scrolling into horizontal tab scrolling, so the\n // overflowing tabs are reachable with a normal mouse wheel / trackpad.\n ~~const~~ ~~onTabsWheel~~ = ~~useCallback((e~~: React~~.WheelEvent<HTMLDivElement>~~) => {\n const el = tabsScrollRef.current;\n if (!el) return;\n if (el.scrollWidth <= el.clientWidth) return;\n if (e.deltaY !== 0) {\n el.scrollLeft += e.deltaY;\n e.preventDefault();\n }\n }, []);\n\n useEffect(() => {\n if (tabs.length > 0 && !tabs.find(t => t.id === activeTab)) {\n setActiveTab(tabs[0].id);\n }\n }, [tabs, activeTab]);\n\n if (tabs.length === 0) return null;\n\n const current = tabs.find(t => t.id === activeTab) ?? tabs[0];\n\n return (\n <div\n className={`${className ?? 'flow-palette'}${isDetached ? ' flow-panel--detached' : ' flow-panel--docked'}`}\n data-flow-panel\n style={{ ...style, ...(isDetached ? panelStyle : undefined), width: panelWidth }}\n >\n <div\n className={`flow-panel-resize-handle flow-panel-resize-handle--${resizeEdge}`}\n {...resizeHandleProps}\n />\n {tabs.length > 1 ? (\n <div className=\"flow-panel-tabs-row\" {...(isDetached ? handleProps : {})}>\n <div className=\"flow-panel-tabs\" ref={tabsScrollRef} ~~onWheel={onTabsWheel}~~>\n {tabs.map(tab => (\n <Button\n key={tab.id}\n variant=\"ghost\"\n size=\"xs\"\n className={`flow-panel-tab${tab.id === current.id ? ' flow-panel-tab--active' : ''}`}\n onClick={() => setActiveTab(tab.id)}\n >\n {tab.icon && <span className=\"flow-panel-tab-icon\">{tab.icon}</span>}\n {tab.label}\n </Button>\n ))}\n </div>\n {onDetach && (\n <button\n className=\"flow-panel-detach-btn\"\n title=\"Detach tab\"\n onClick={() => onDetach(current.id)}\n >⬈</button>\n )}\n </div>\n ) : (\n <div className=\"flow-panel-header-single\" {...(isDetached ? handleProps : {})}>\n <span className=\"flow-panel-header-label\">\n {current.icon && <span className=\"flow-panel-tab-icon\">{current.icon}</span>}\n {current.label}\n </span>\n {isDetached && onAttach && (\n <button\n className=\"flow-panel-detach-btn\"\n title=\"Attach back\"\n onClick={() => onAttach(current.id)}\n ~~>⬋</~~button>\n )}\n </div>\n )}\n <div className=\"flow-palette-content\">\n {current.content}\n </div>\n </div>\n );\n}\n"],"mappings":";;;;;AAyBA,SAAwB,EAAe,EACrC,MAAA,GACA,YAAA,GACA,WAAA,GACA,YAAA,GACA,cAAA,GACA,OAAA,GACA,UAAA,GACA,UAAA,GACA,YAAA,EAAA,GACsB;AACtB,QAAM,CAAC,GAAW,CAAA,IAAgB,EAAS,KAAc,EAAK,CAAA,GAAI,EAAE,GAC9D,EAAE,YAAA,GAAY,aAAA,EAAA,IAAgB,EAAkB,GAChD,EAAE,YAAA,GAAY,mBAAA,EAAA,IAAsB,EAAkB,GAAY,CAAY,GAC9E,IAAgB,EAAuB,IAAI,~~GAI3C~~,~~IAAc,~~EAAA,~~CAAa,MAAwC~~;~~AACvE~~,UAAM,IAAK,EAAc;AACzB,~~IAAK~~,~~MACD~~,EAAG,eAAe,EAAG,eACrB,EAAE,WAAW,MACf,EAAG,cAAc,EAAE,QACnB,EAAE,eAAe;AAAA,~~EAErB~~,~~GAAG~~,CAAC,~~CAAC~~;~~AAQL~~,~~MANA~~,EAAA,MAAgB;AACd,IAAI,EAAK,SAAS,KAAK,CAAC,EAAK,KAAA,CAAK,MAAK,EAAE,OAAO,CAAS,KACvD,EAAa,EAAK,CAAA,EAAG,EAAE;AAAA,EAE3B,GAAG,CAAC,GAAM,CAAS,CAAC,GAEhB,EAAK,WAAW,EAAG,QAAO;AAE9B,QAAM,IAAU,EAAK,KAAA,CAAK,MAAK,EAAE,OAAO,CAAS,KAAK,EAAK,CAAA;AAE3D,SACE,gBAAA,EAAC,OAAD;AAAA,IACE,WAAW,GAAG,KAAa,cAAA,GAAiB,IAAa,0BAA0B,qBAAA;AAAA,IACnF,mBAAA;AAAA,IACA,OAAO;AAAA,MAAE,GAAG;AAAA,MAAO,GAAI,IAAa,IAAa;AAAA,MAAY,OAAO;AAAA,IAAW;AAAA,cAHjF;AAAA,MAKE,gBAAA,EAAC,OAAD;AAAA,QACE,WAAW,sDAAsD,CAAA;AAAA,QACjE,GAAI;AAAA,MACL,CAAA;AAAA,MACA,EAAK,SAAS,IACb,gBAAA,EAAC,OAAD;AAAA,QAAK,WAAU;AAAA,QAAsB,GAAK,IAAa,IAAc,CAAC;AAAA,kBAAtE,CACE,gBAAA,EAAC,OAAD;AAAA,UAAK,WAAU;AAAA,UAAkB,KAAK;AAAA,~~UAAe~~,~~SAAS;AAAA,oBAC3D,~~EAAK,IAAA,CAAI,MACR,gBAAA,EAAC,GAAD;AAAA,YAEE,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,WAAW,iBAAiB,EAAI,OAAO,EAAQ,KAAK,4BAA4B,EAAA;AAAA,YAChF,SAAA,MAAe,EAAa,EAAI,EAAE;AAAA,sBALpC,CAOG,EAAI,QAAQ,gBAAA,EAAC,QAAD;AAAA,cAAM,WAAU;AAAA,wBAAuB,EAAI;AAAA,YAAW,CAAA,GAClE,EAAI,KACC;AAAA,aARD,EAAI,EAQH,CACT;AAAA,QACE,CAAA,GACJ,KACC,gBAAA,EAAC,UAAD;AAAA,UACE,WAAU;AAAA,UACV,OAAM;AAAA,UACN,SAAA,MAAe,EAAS,EAAQ,EAAE;AAAA,oBACnC;AAAA,QAAS,CAAA,CAET;AAAA,WAEL,gBAAA,EAAC,OAAD;AAAA,QAAK,WAAU;AAAA,QAA2B,GAAK,IAAa,IAAc,CAAC;AAAA,kBAA3E,~~CACE~~,gBAAA,EAAC,QAAD;AAAA,~~UAAM~~,WAAU;AAAA,~~oBAAhB~~,CACG,EAAQ,QAAQ,gBAAA,EAAC,QAAD;AAAA,~~YAAM~~,WAAU;AAAA,~~sBAAuB~~,EAAQ;AAAA,~~UAAW~~,CAAA,GAC1E,EAAQ,KACL;AAAA,~~YACL,~~KAAc,KACb,gBAAA,EAAC,UAAD;AAAA,~~UACE~~,WAAU;AAAA,~~UACV~~,OAAM;AAAA,~~UACN~~,SAAA,MAAe,EAAS,EAAQ,EAAE;AAAA,~~oBACnC~~;AAAA,~~QAAS~~,CAAA,~~CAET~~;AAAA;MAEP,gBAAA,EAAC,OAAD;AAAA,QAAK,WAAU;AAAA,kBACZ,EAAQ;AAAA,MACN,CAAA;AAAA,IACF;AAAA;AAET"}
1	+ {"version":3,"file":"FlowPanelGroup.js","names":[],"sources":["../../../../../src/components/pro/Flow/panels/FlowPanelGroup.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react';\nimport Button from '../../../Button';\nimport { useDraggablePanel } from '../hooks/useDraggablePanel';\nimport { useResizablePanel, type ResizeEdge } from '../hooks/useResizablePanel';\n\nexport interface PanelTab {\n id: string;\n label: string;\n icon?: React.ReactNode;\n content: React.ReactNode;\n}\n\ninterface FlowPanelGroupProps {\n tabs: PanelTab[];\n defaultTab?: string;\n className?: string;\n resizeEdge: ResizeEdge;\n defaultWidth: number;\n style?: React.CSSProperties;\n onDetach?: (tabId: string) => void;\n onAttach?: (tabId: string) => void;\n /** If true, show attach button instead of detach */\n isDetached?: boolean;\n}\n\nexport default function FlowPanelGroup({\n tabs,\n defaultTab,\n className,\n resizeEdge,\n defaultWidth,\n style,\n onDetach,\n onAttach,\n isDetached,\n}: FlowPanelGroupProps) {\n const [activeTab, setActiveTab] = useState(defaultTab ?? tabs[0]?.id);\n const { panelStyle, handleProps } = useDraggablePanel();\n const { panelWidth, resizeHandleProps } = useResizablePanel(resizeEdge, defaultWidth);\n const tabsScrollRef = useRef<HTMLDivElement>(null);\n\n const showTabs = tabs.length > 1;\n\n // Translate vertical wheel scrolling into horizontal tab scrolling, so the\n // overflowing tabs are reachable with a normal mouse wheel / trackpad.\n // Attached natively with { passive: false }: React's delegated onWheel is\n // passive at the root, so preventDefault() there is ignored and logs\n // \"Unable to preventDefault inside passive event listener invocation\".\n useEffect(() => {\n const el = tabsScrollRef.current;\n if (!el) return;\n const onWheel = (e: WheelEvent) => {\n if (el.scrollWidth <= el.clientWidth) return;\n if (e.deltaY !== 0) {\n el.scrollLeft += e.deltaY;\n e.preventDefault();\n }\n };\n el.addEventListener('wheel', onWheel, { passive: false });\n return () => el.removeEventListener('wheel', onWheel);\n }, [showTabs]);\n\n useEffect(() => {\n if (tabs.length > 0 && !tabs.find(t => t.id === activeTab)) {\n setActiveTab(tabs[0].id);\n }\n }, [tabs, activeTab]);\n\n if (tabs.length === 0) return null;\n\n const current = tabs.find(t => t.id === activeTab) ?? tabs[0];\n\n return (\n <div\n className={`${className ?? 'flow-palette'}${isDetached ? ' flow-panel--detached' : ' flow-panel--docked'}`}\n data-flow-panel\n style={{ ...style, ...(isDetached ? panelStyle : undefined), width: panelWidth }}\n >\n <div\n className={`flow-panel-resize-handle flow-panel-resize-handle--${resizeEdge}`}\n {...resizeHandleProps}\n />\n {tabs.length > 1 ? (\n <div className=\"flow-panel-tabs-row\" {...(isDetached ? handleProps : {})}>\n <div className=\"flow-panel-tabs\" ref={tabsScrollRef}>\n {tabs.map(tab => (\n <Button\n key={tab.id}\n variant=\"ghost\"\n size=\"xs\"\n className={`flow-panel-tab${tab.id === current.id ? ' flow-panel-tab--active' : ''}`}\n onClick={() => setActiveTab(tab.id)}\n >\n {tab.icon && <span className=\"flow-panel-tab-icon\">{tab.icon}</span>}\n {tab.label}\n </Button>\n ))}\n </div>\n {onDetach && (\n <button\n className=\"flow-panel-detach-btn\"\n title=\"Detach tab\"\n onClick={() => onDetach(current.id)}\n >⬈</button>\n )}\n </div>\n ) : (\n <div className=\"flow-panel-header-single\" {...(isDetached ? handleProps : {})}>\n <span className=\"flow-panel-header-label\">\n {current.icon && <span className=\"flow-panel-tab-icon\">{current.icon}</span>}\n {current.label}\n </span>\n {isDetached && onAttach && (\n <button\n className=\"flow-panel-detach-btn\"\n title=\"Attach back\"\n onClick={() => onAttach(current.id)}\n >⮋</button>\n )}\n {!isDetached && onDetach && (\n <button\n className=\"flow-panel-detach-btn\"\n title=\"Detach tab\"\n onClick={() => onDetach(current.id)}\n >⮈</button>\n )}\n </div>\n )}\n <div className=\"flow-palette-content\">\n {current.content}\n </div>\n </div>\n );\n}\n"],"mappings":"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"}

package/dist/components/pro/Flow/panels/FlowToolbar.d.ts CHANGED Viewed

@@ -1,4 +1,6 @@
 import React from 'react';
+/** Compact zoom / view controls floated over the bottom-left of the canvas. */
+export declare function FlowZoomControls(): React.JSX.Element;
 export interface FlowToolbarProps {
     onBack?: () => void;
     onUndo?: () => void;
@@ -9,6 +11,8 @@ export interface FlowToolbarProps {
     onGeoGroup?: () => void;
     onUngroup?: () => void;
     onExportPNG?: () => void | Promise<void>;
+    /** Export anchors as a PDF slideshow from the built-in toolbar. */
+    onExportPDF?: () => void | Promise<void>;
     onPublish?: () => void;
 }
-export default function FlowToolbar({ onBack, onUndo, onRedo, canUndo, canRedo, onGroup, onGeoGroup, onUngroup, onExportPNG, onPublish }: FlowToolbarProps): React.JSX.Element;
+export default function FlowToolbar({ onBack, onUndo, onRedo, canUndo, canRedo, onGroup, onGeoGroup, onUngroup, onExportPNG, onExportPDF, onPublish }: FlowToolbarProps): React.JSX.Element;