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

pivotick v3.0.0


محورية / GraphUI / PropertiesPanel

واجهة: PropertiesPanel ​

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

يمثل تكوين لوحة الخصائص في الشريط الجانبي لواجهة مستخدم الرسم البياني

يحدد كيفية حساب وعرض خصائص العقد والحواف.

الافتراضي ​

ts
All key/value pairs from node.getData() or edge.getData()

خصائص ​

edgePropertiesMap() ​

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

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

دالة تحسب قائمة خصائص الحافة المراد عرضها.

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

المعلمات ​

edge ​

Edge

ctx ​

RenderContext

المرتجعات ​

PropertyEntry[] | Promise<PropertyEntry[]>

الافتراضي ​

ts
All key/value pairs from edge.getData()

enabled? ​

optional enabled: boolean

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

ما إذا كان الشريط الجانبي يعرض لوحة الخصائص على الإطلاق. false يزيلها و الفاصل، مع ترك الرأس ولوحة الجيران وأي لوحات إضافية.

الافتراضي ​

ts
true

nodePropertiesMap() ​

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

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

دالة تحسب قائمة خصائص العقدة المراد عرضها.

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

المعلمات ​

node ​

Node

ctx ​

RenderContext

المرتجعات ​

PropertyEntry[] | Promise<PropertyEntry[]>

الافتراضي ​

ts
All key/value pairs from node.getData()

render? ​

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

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

عارض مخصص للوحة الخاصية. سيتجاوز هذا المحتوى لوحة خصائص الشريط الجانبي الافتراضية.

الافتراضي ​

ts
undefined

أمثلة ​

ts
(element) => `element id: ${element.id}`
ts
// A custom view for a lone node, the aggregated table for everything else.
(element) => (element instanceof Node) ? viewFor(element) : undefined

ملاحظات ​

يتم عرض string الذي تم إرجاعه كنص عادي؛ قم بإرجاع HTMLElement لتقديم HTML. قد يكون async: تعرض الفتحة عنصرًا نائبًا حتى يتم حله ونتيجة لذلك يتم إسقاط الوصول بعد تحديد التحديد.

العودة (أو العزم على) undefined لإعادة التحديد إلى الوضع الافتراضي اللوحة: الصفوف nodePropertiesMap / edgePropertiesMap لواحد العنصر، الجدول المجمع لعدة. العودة null لعدم رسم أي شيء.