مرجع API لمكوّن المُقسِّم

الاستيراد

import-splitter.ts

import { NuiSplitter, NuiSplitterHandle, NuiSplitterPane } from '@needless-ui/angular/splitter';

لوحات بينها مقابض.

NuiSplitter: الخصائص
الاسم	النوع	القيمة الافتراضية	الوصف
`orientation`مُدخَل	`'horizontal' \| 'vertical'`	`'horizontal'`	جنبًا إلى جنب، أو بعضها فوق بعض.
`sizes`ثنائي الاتجاه	`number[]`	`shared evenly`	حصة كل لوحة بالنسبة المئوية، بالترتيب.
`storageKey`مُدخَل	`string`		يحفظ الأحجام في `localStorage` تحت هذا المفتاح.
`step`مُدخَل	`number`	`5`	المسافة التي تنقل بها مفاتيح الأسهم المقبض، بالنسبة المئوية. وضعفها مع Shift.
`move`دالة	`(index: number, delta: number) => void`		ينقل الحد الذي يلي لوحةً بنسبة مئوية.

لوحة. تُحدَّد أحجامها بالبكسل أو بوحدة rem أو بالنسبة المئوية.

NuiSplitterPane: الخصائص
الاسم	النوع	القيمة الافتراضية	الوصف
`defaultSize`مُدخَل	`string \| number (e.g. '240px', '30%')`		حجمها في البداية، حين لا توجد أحجام محفوظة لاستعادتها.
`min`مُدخَل	`string \| number`	`0`	أصغر حجم لها.
`max`مُدخَل	`string \| number`	`'100%'`	أكبر حجم لها.
`collapsible`مُدخَل	`boolean`	`false`	تنطوي إذا سُحبت إلى ما دون نصف حدها الأدنى، أو بمفتاح Enter.
`collapsedSize`مُدخَل	`string \| number`	`0`	حجمها وهي مطويّة، كشريط من الأيقونات.
`label`مُدخَل	`string`		يُسمّي المقبض الذي يغيّر حجمها.

المقبض الذي بين لوحتين.

NuiSplitterHandle: الخصائص
الاسم	النوع	القيمة الافتراضية	الوصف
`label`مُدخَل	`string`	`the pane's label`	يُسمّيه، إن لم تُسمِّه تسمية اللوحة.
`disabled`مُدخَل	`boolean`	`false`	لا يتحرك.
`toggle`دالة	`() => void`		يطوي اللوحة المجاورة له، أو يُعيدها.