انتقل إلى المحتوى

pivotick v3.0.0


محورية / GraphUI / تلميح

واجهة: Tooltip ​

محدد في: interfaces/GraphUI.ts:1044

خصائص ​

allowPinning? ​

optional allowPinning: boolean

محدد في: interfaces/GraphUI.ts:1054


edgeHeaderMap ​

edgeHeaderMap: Partial<HeaderMapEntry<Edge>>

محدد في: interfaces/GraphUI.ts:1081


edgePropertiesMap() ​

edgePropertiesMap: (edge, ctx) => PropertyEntry[] | Promise<PropertyEntry[]>

محدد في: interfaces/GraphUI.ts:1085

قد يكون async — تعرض قائمة الخصائص عنصرًا نائبًا حتى يتم حله.

المعلمات ​

edge ​

Edge

ctx ​

RenderContext

المرتجعات ​

PropertyEntry[] | Promise<PropertyEntry[]>


enabled? ​

optional enabled: boolean | TooltipKinds | (element, kind) => boolean

محدد في: interfaces/GraphUI.ts:1053

التي تحوم تظهر تلميح الأداة.

  • true / false : الكل أو لا شيء.
  • { nodes, edges, groups }: لكل نوع. المفتاح المفقود هو true، لذا { edges: false } يعني كل شيء ما عدا الحواف.
  • (element, kind) => boolean: يُسأل عند كل تحوم. الشخص الذي يرمي يعتبر false.

الافتراضي ​

ts
true

nodeHeaderMap ​

nodeHeaderMap: Partial<HeaderMapEntry<Node>>

محدد في: interfaces/GraphUI.ts:1080


nodePropertiesMap() ​

nodePropertiesMap: (node, ctx) => PropertyEntry[] | Promise<PropertyEntry[]>

محدد في: interfaces/GraphUI.ts:1083

قد يكون async — تعرض قائمة الخصائص عنصرًا نائبًا حتى يتم حله.

المعلمات ​

node ​

Node

ctx ​

RenderContext

المرتجعات ​

PropertyEntry[] | Promise<PropertyEntry[]>


render? ​

optional render: string | HTMLElement | (element, ctx) => RenderResult

محدد في: interfaces/GraphUI.ts:1094

عارض مخصص لتلميح الأدوات. سيتجاوز هذا المحتوى تلميح الأداة الافتراضي

الافتراضي ​

ts
undefined

مثال ​

ts
(element) => `element id: ${element.id}`

ملاحظات ​

يتم عرض string الذي تم إرجاعه كنص عادي؛ قم بإرجاع HTMLElement لتقديم HTML. قد يكون async، بنفس شروط Tooltip.renderNodeExtra.


renderEdgeExtra()? ​

optional renderEdgeExtra: (edge, ctx) => RenderResult

محدد في: interfaces/GraphUI.ts:1070

عارض مخصص لتلميحات أدوات الحافة. تتم إضافة هذا المحتوى بعد تلميح الأداة الافتراضي.

قد يكون async، بنفس شروط Tooltip.renderNodeExtra.

المعلمات ​

edge ​

Edge

ctx ​

RenderContext

المرتجعات ​

RenderResult

الافتراضي ​

ts
undefined

renderGroupExtra()? ​

optional renderGroupExtra: (group, ctx) => RenderResult

محدد في: interfaces/GraphUI.ts:1079

عارض مخصص لتلميح أدوات المجموعة، تم إنشاؤه بواسطة UI.simplify. أضيفت بعده الأعضاء والعقد التي ترتبط بها. تتخطى المجموعة render وrenderNodeExtra، والتي تتعلق ببيانات عقدة واحدة.

قد يكون async، بنفس شروط Tooltip.renderNodeExtra.

المعلمات ​

group ​

GroupInfo

ctx ​

RenderContext

المرتجعات ​

RenderResult

الافتراضي ​

ts
undefined

renderNodeExtra()? ​

optional renderNodeExtra: (node, ctx) => RenderResult

محدد في: interfaces/GraphUI.ts:1063

عارض مخصص لتلميحات أدوات العقدة. تتم إضافة هذا المحتوى بعد تلميح الأداة الافتراضي.

قد يكون async — يعرض تلميح الأداة عنصرًا نائبًا، ثم يقوم بتبديل المحتوى و يعيد نفسه. يؤدي تحريك عقدة أخرى أولاً إلى إسقاط النتيجة القديمة وإحباطها ctx.signal.

المعلمات ​

node ​

Node

ctx ​

RenderContext

المرتجعات ​

RenderResult

الافتراضي ​

ts
undefined

setPosition()? ​

optional setPosition: (tooltip, hoveredBCR, canvasBbox) => void

محدد في: interfaces/GraphUI.ts:1095

المعلمات ​

tooltip ​

HTMLElement

hoveredBCR ​

DOMRect

canvasBbox ​

DOMRect

المرتجعات ​

void