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

pivotick v3.0.0


محورية / GraphUI / ExtraPanel

واجهة: ExtraPanel ​

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

لوحة إضافية في الشريط الجانبي لواجهة مستخدم الرسم البياني.

يمكن أن يكون كل من title و render:

  • سلسلة أو HTMLElement للمحتوى الثابت، أو
  • دالة التحديد الحالي (a Node، Edge، مصفوفة من أي منهما للاختيار المتعدد، أو null عند عدم تحديد أي شيء) — يتم إعادة استدعائه في يتغير كل تحديد ما لم يكن ExtraPanel.reactive هو false.

أعلن عن اللوحات مقدمًا عبر UI.extraPanels، أو قم بتسجيلها في أي وقت حياة الرسم البياني باستخدام graph.UIManager.addPanel() (الذي يُرجع المتخلص).

مثال ​

ts
{
    id: 'description',
    title: 'Description',
    render: (element): HTMLElement => {
        const node = element instanceof Node ? element : null
        const div = document.createElement('div')
        div.textContent = node?.getData().description ?? 'Empty node description'
        return div
    },
}

ممتدة بواسطة ​

خصائص ​

alwaysVisible? ​

optional alwaysVisible: boolean

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

يجب أن تكون اللوحة مرئية دائمًا

الافتراضي ​

ts
false

id? ​

optional id: string

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

معرف ثابت، يستخدم لمعالجة اللوحة في removePanel / refreshPanel. يتم إنشاؤها تلقائيًا عند حذفها.


order? ​

optional order: number

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

عرض الترتيب في الشريط الجانبي، تصاعديًا. مشاركة اللوحات order الاحتفاظ بها أمر التسجيل الخاص بهم، لذلك يقرأ UI.extraPanels من الأعلى إلى الأسفل و يتم إلحاق لوحات وقت التشغيل بعدها.

الافتراضي ​

ts
0

reactive? ​

optional reactive: boolean

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

أعد حل title و render كلما تغير التحديد. تعيين false للوحة غالية البناء ولا تصف التحديد: يتم عرضه مرة واحدة فقط، وفقط refreshPanel() يعيد بناءه.

الافتراضي ​

ts
true

render ​

render: ExtraPanelContent

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

يتم عرض string كنص عادي؛ قم بتمرير HTMLElement لعرض HTML.


title? ​

optional title: ExtraPanelContent

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

صف رأس اللوحة. يتم عرض string كنص عادي؛ تمرير HTMLElement لتقديم HTML. احذفها (أو حلها فارغة) للوحة مع عدم وجود رأس على الإطلاق.