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`		پنل کنارش را جمع می‌کند، یا برمی‌گرداند.