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

pivotick v3.0.0


محورية / GraphUI / RailModeDefinition

واجهة: RailModeDefinition ​

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

وضع مسجل على حاجز الوضع - الباب الذي يبنيه المتكامل بنفسه استكشاف أو إثراء الوضع من خلال.

يتم عرض الأوضاع المسجلة تحت الفاصل، بعد الأوضاع الأربعة المضمنة، مرتبة حسب الطلب. قم بتسجيل واحد في أي وقت في حياة الرسم البياني باستخدام graph.UIManager.addRailMode()، أو من البرنامج المساعد install عبر ctx.addRailMode(). إما إرجاع المتخلص.

يمتلك الوضع 'pointer' لوحة الأدوات السياقية: فهو يعلن عن أدوات، وقد أضف أي شيء آخر من خلال render. يوفر الوضع 'flyout' بدلاً من ذلك أ flyout المصنع الذي تفتح لوحته أثناء تنشيط الوضع.

مثال ​

js
const dispose = graph.UIManager.addRailMode({
    id: 'explore', label: 'Explore', icon: compassSvg, shortcut: 'E',
    tools: [{ id: 'expand', label: 'Expand', icon: plusSvg, kind: 'action', run: () => … }],
})

خصائص ​

defaultTool? ​

optional defaultTool: string | null

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

الأداة التي يرتكز عليها هذا الوضع عندما لا يكون هناك أي شيء مسلح.

الافتراضي ​

ts
null

flyout()? ​

optional flyout: (ui) => Flyout

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

إنشاء لوحة منبثقة لهذا الوضع. مطلوب لـ kind: 'flyout' وتم تجاهله خلاف ذلك. يتم تثبيت اللوحة في الفتحة المنبثقة ويتم هدمها باستخدام الوضع؛ يجب أن يساوي mode الخاص بالفئة الفرعية id الخاص بهذا التعريف.

المعلمات ​

ui ​

UIManager

المرتجعات ​

Flyout


icon ​

icon: string

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

خيط SVG، محقون بـ innerHTML و غير معقم — يجب أن يكون موثوق به. CSS أحجامها إلى 20 بكسل على السكة.


id ​

id: string

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

الهوية المستقرة: ما يحمله المتجر، وdata-mode الموجود على زر السكة.


keepPanelOpen? ​

optional keepPanelOpen: boolean

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

أبقِ اللوحة مفتوحة عند تفعيل إحدى أدوات هذا الوضع. تسليح بشكل طبيعي لطي اللوحة بحيث تكون اللوحة القماشية واضحة - صحيح بالنسبة لـ Select's Lasso، وخاطئ بالنسبة لـ a الوضع الذي تكون لوحته ** هي مساحة العمل والتي توضح أدواتها فقط كيفية إطعامها.

الافتراضي ​

ts
false

kind? ​

optional kind: "pointer" | "flyout"

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

'pointer' الأوضاع تمتلك لوحة الأدوات؛ 'flyout' الأوضاع تفتح تراكب الإعدادات و ليس لديهم أدوات.

الافتراضي ​

ts
'pointer'

label ​

label: string

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

تم استخدام ملصق زر السكة حرفيًا.


onEnter()? ​

optional onEnter: () => void

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

يتم الاتصال به عندما يصبح الوضع نشطًا.

المرتجعات ​

void


onExit()? ​

optional onExit: () => void

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

يتم الاتصال به عند ترك الوضع، وعندما يتم إلغاء تسجيله أثناء النشاط. نزع السلاح مهما كان الوضع المسلح هنا. لم يتم استدعاؤه لتفكيك واجهة المستخدم - استخدم أدوات التخلص الخاصة بك البرنامج المساعد يتتبع بالفعل لذلك.

المرتجعات ​

void


order? ​

optional order: number

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

عرض الترتيب بين الأوضاع المسجلة، تصاعديًا. الطلبات المتساوية تحافظ على التسجيل النظام. لا يؤثر على الأوضاع المضمنة، والتي تأتي دائمًا في المقام الأول.

الافتراضي ​

ts
0

panelOpen? ​

optional panelOpen: boolean

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

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

الافتراضي ​

ts
true

panelResizable? ​

optional panelResizable: boolean

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

اسمح للمحلل بسحب لوحة هذا الوضع إلى نطاق أوسع أو أضيق من حافتها اليمنى.

متوقف بشكل افتراضي: تحتوي لوحة صفوف الأيقونات على عرض يمين واحد، والمقبض الموجود عليها هو السيطرة مع عدم القيام بأي شيء. الوضع الذي تكون لوحته هي مساحة العمل — نموذج، أو قائمة، مجموعة من النتائج - هو المكان الذي يستحق فيه الاختيار العرض. يتم تذكر العرض لكل وضع للجلسة ولا يستمر، لذلك تبدأ عملية إعادة التحميل من panelWidth مرة أخرى.

الافتراضي ​

ts
false

panelWidth? ​

optional panelWidth: number

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

مدى اتساع لوحة أدوات هذا الوضع بالبكسل. العرض المدمج يناسب صفًا من أيقونة + تسمية؛ الوضع الذي تحتوي فتحة render فيه على نموذج أو قائمة تحتاج إلى المزيد.

الافتراضي ​

ts
216

render()? ​

optional render: () => HTMLElement

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

محتوى اللوحة الإضافية، مُلحق أسفل صفوف الأداة — شريط تمرير، ومربع بحث، أي شيء لا تستطيع الصفوف التعبير عنه. يتم إعادة الاستدعاء عند إعادة بناء اللوحة.

المرتجعات ​

HTMLElement


shortcut? ​

optional shortcut: string

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

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


tools? ​

optional tools: RailTool[] | () => RailTool[]

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

أدوات الوضع، كصفوف في اللوحة الخاصة به. تمرير دالة عندما تعتمد المجموعة عليها التحديد أو البيانات الحالية؛ تتم إعادة قراءته في كل عرض.