API của Bộ chia ngăn

Import

import-splitter.ts

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

Các ngăn với tay nắm ở giữa.

NuiSplitter: Thuộc tính
Tên	Kiểu	Mặc định	Mô tả
`orientation`Input	`'horizontal' \| 'vertical'`	`'horizontal'`	Nằm cạnh nhau, hoặc xếp chồng.
`sizes`Hai chiều	`number[]`	`shared evenly`	Phần của mỗi ngăn, tính bằng phần trăm, theo thứ tự.
`storageKey`Input	`string`		Lưu kích thước trong `localStorage` dưới khóa này.
`step`Input	`number`	`5`	Mức phím mũi tên di chuyển tay nắm, tính bằng phần trăm. Gấp đôi khi giữ Shift.
`move`Phương thức	`(index: number, delta: number) => void`		Dời ranh giới phía sau một ngăn theo một tỷ lệ phần trăm.

Một ngăn. Kích thước của nó nhận pixel, rem hoặc phần trăm.

NuiSplitterPane: Thuộc tính
Tên	Kiểu	Mặc định	Mô tả
`defaultSize`Input	`string \| number (e.g. '240px', '30%')`		Kích thước ban đầu, khi không có kích thước nào để khôi phục.
`min`Input	`string \| number`	`0`	Kích thước nhỏ nhất.
`max`Input	`string \| number`	`'100%'`	Kích thước lớn nhất.
`collapsible`Input	`boolean`	`false`	Ngăn thu gọn được: khi bị kéo nhỏ hơn một nửa mức tối thiểu, hoặc bằng Enter.
`collapsedSize`Input	`string \| number`	`0`	Kích thước khi thu gọn, chẳng hạn một dải biểu tượng.
`label`Input	`string`		Đặt tên cho tay nắm đổi kích thước của ngăn.

Tay nắm giữa hai ngăn.

NuiSplitterHandle: Thuộc tính
Tên	Kiểu	Mặc định	Mô tả
`label`Input	`string`	`the pane's label`	Đặt tên cho tay nắm, khi label của ngăn không làm việc đó.
`disabled`Input	`boolean`	`false`	Tay nắm không di chuyển được.
`toggle`Phương thức	`() => void`		Thu gọn ngăn bên cạnh, hoặc mở lại ngăn đó.