فئة مجموعة الأدوات
فئة لصندوق الأدوات. تنشئ عناصر DOM لمربع الأدوات.
Signature:
export declare class Toolbox extends DeleteArea implements IAutoHideable, IKeyboardAccessible, IStyleable, IToolbox
للامتداد: DeleteArea
ينفّذ ما يلي: IAutoHideable وIKeyboardAccessible وIStyleable وIToolbox
الشركات المصنِّعة
الشركة المصنِّعة | مفاتيح التعديل | الوصف |
---|---|---|
(دالة الإنشاء)(مساحة العمل) | تنشئ هذه الدالة مثيلاً جديدًا من الفئة Toolbox . |
أماكن إقامة
الموقع | مفاتيح التعديل | Type | الوصف |
---|---|---|---|
boundEvents_ | protected |
browserEvents.Data[] | مصفوفة معلومات الاحتفاظ اللازمة لإلغاء ربط معالِجات الأحداث. يُستخدم للتخلص منها. على سبيل المثال: [[عقدة، اسم، وظيفة]، [عقدة، اسم، فانك]]. |
contentMap_ | protected |
{ [key: string]: IToolboxItem; } | |
contents_ | protected |
IToolboxItem[] | قائمة العناصر في مربع الأدوات. |
contentsDiv_ | protected |
HTMLDivElement | فارغ | تمثّل هذه السمة حاوية HTML لمحتويات صندوق الأدوات. |
height_ | protected |
الرقم | ارتفاع صندوق الأدوات. |
HtmlDiv | HTMLDivElement | فارغ | تمثّل هذه السمة حاوية HTML لمربّع الأدوات. | |
المعرِّف | سلسلة | المعرّف الفريد لهذا المكوّن الذي يُستخدَم للتسجيل في ComponentManager. | |
isVisible_ | protected |
boolean | ما إذا كان "مربع الأدوات" مرئيًا أم لا. |
previouslySelectedItem_ | protected |
ISelectableToolboxItem | قيمة فارغة | العنصر الذي تم اختياره سابقًا. |
RTL | boolean | ||
selectedItem_ | protected |
ISelectableToolboxItem | قيمة فارغة | العنصر المحدَّد حاليًا |
toolboxDef_ | protected |
toolbox.ToolboxInfo | |
toolboxPosition | toolbox.Position | ||
width_ | protected |
الرقم | عرض صندوق الأدوات. |
workspace_ |
|
WorkspaceSvg | مساحة العمل التي يوجد بها مجموعة الأدوات هذه. |
الطُرق
الطريقة | مفاتيح التعديل | الوصف |
---|---|---|
addToolboxItem_(toolboxItem) | protected |
إضافة عنصر إلى مربع الأدوات. |
attachEvents_(container, contentContainer) | protected |
إضافة أدوات معالجة الأحداث إلى قسم حاوية مجموعة الأدوات |
autoHide(onlyClosePopups) | لإخفاء المكوِّن. تم الاتصال به في WorkspaceSvg.hideChaff. | |
clearSelection() | يؤدي هذا الإجراء إلى إلغاء إبراز أي عنصر تم اختياره سابقًا. | |
createContainer_() | protected |
تنشئ هذه الدالة حاوية div لصندوق الأدوات. |
createContentsContainer_() | protected |
تنشئ الحاوية لكلّ المحتويات في صندوق الأدوات. |
createDom_(workspace) | protected |
ينشئ نموذج العناصر في المستند (DOM) لصندوق الأدوات. |
createFlyout_() | protected |
تنشئ القائمة المنبثقة بناءً على تخطيط مربع الأدوات. |
deselectItem_(item) | protected |
إلغاء اختيار العنصر المحدّد ووضع علامة عليه بأنّه غير محدّد وتعديل حالة ARIA |
disposition() | للتخلص من صندوق الأدوات هذا. | |
getClientRect() | لعرض مستطيل حدود مساحة السحب المستهدفة بوحدات البكسل بالنسبة إلى إطار العرض. | |
getFlyout() | الحصول على القائمة المنبثقة لصندوق الأدوات | |
getHeight() | الحصول على ارتفاع صندوق الأدوات. | |
getPreviouslySelectedItem() | الحصول على العنصر الذي تم اختياره سابقًا | |
getSelectedItem() | الحصول على العنصر المحدد. | |
getToolboxItemById(id) | يحصل على عنصر مربع الأدوات بالمعرف المحدد. | |
getToolboxItems() | يحصل على العناصر في صندوق الأدوات. | |
getWidth() | للحصول على عرض صندوق الأدوات. | |
getWorkspace() | الحصول على مساحة العمل لصندوق الأدوات. | |
init() | تهيئة صندوق الأدوات | |
isHorizontal() | تحدد ما إذا كان صندوق الأدوات أفقيًا أم لا. | |
onClick_(e) | protected |
تتعامل مع أحداث النقر التي تحدث عند النقر على مجموعة الأدوات أو عناصر مجموعة الأدوات. |
onDragEnter(_dragElement) | تتم معالجتها عند دخول مؤشر به كتلة أو فقاعة تفسيرية إلى هدف السحب هذا. | |
onDragExit(_dragElement) | تتم معالجتها عند خروج مؤشر ما بين كتلة أو فقاعة تفسيرية من هدف السحب هذا. | |
onDrop(_dragElement) | الأسماء المعرِّفة عند إسقاط كتلة أو فقاعة على هذا المكوِّن. يجب عدم معالجة الحذف هنا. | |
onKeyDown_(e) | protected |
معالجة الأحداث الرئيسية لصندوق الأدوات |
onShortcut(_shortcut) | لمعالجة اختصار لوحة المفاتيح المحدد. | |
position() | يضع مربّع الأدوات استنادًا إلى ما إذا كان صندوق أدوات أفقيًا وما إذا كانت مساحة العمل بتنسيق rtl. | |
refreshSelection() | يعدّل محتوى القائمة المنبثقة بدون إغلاقها. يجب استخدامها استجابةً لتغيير في إحدى الفئات الديناميكية، مثل المتغيرات أو الإجراءات. | |
renderContents_(toolboxDef) | protected |
لإضافة جميع عناصر صندوق الأدوات إلى صندوق الأدوات. |
selectItem_(oldItem, newItem) | protected |
اختيار العنصر المحدّد ووضع علامة عليه وتعديل حالة ARIA |
selectItemByPosition(position) | لاختيار عنصر مربع الأدوات حسب موضعه في قائمة عناصر صندوق الأدوات. | |
setSelectedItem(newItem) | لتعيين العنصر المحدد على أنه محدد. No-op إذا كان العنصر غير قابل للاختيار. | |
setVisible(isVisible) | لإظهار أو إخفاء صندوق الأدوات. | |
shouldDeselectItem_(oldItem, newItem) | protected |
تحديد ما إذا كان يجب إلغاء اختيار العنصر القديم أم لا. |
shouldSelectItem_(oldItem, newItem) | protected |
تحديد ما إذا كان يجب اختيار العنصر الجديد أم لا. |
updateCursorDeleteStyle_(addStyle) | protected |
لإضافة نمط CSS للمؤشر فوق مربع الأدوات أو إزالته استنادًا إلى ما إذا كان من المتوقع حذف القالب أو الفقاعة فوقه في حالة إسقاطه (باستخدام خاصية this.wouldDelete_ الداخلية). |
updateFlyout_(oldItem, newItem) | protected |
لتحديد ما إذا كنت تريد إخفاء القائمة المنبثقة أو عرضها بناءً على العنصر الذي تم اختياره. |
updateWouldDelete_(wouldDelete) | protected |
تُحدّث حالة willDelete_ الداخلية. |
wouldDelete(element, _couldConnect) | تعرض ما إذا كان سيتم حذف المربّع أو الفقاعة التفسيرية المقدَّمة إذا تم إسقاطها في هذه المنطقة. يجب أن تتحقق هذه الطريقة مما إذا كان العنصر قابلاً للحذف ويتم استدعاؤه دائمًا قبل onDragEnter/onDragOver/onDragExit. |