Splitter API · Needless UI

ಇಂಪೋರ್ಟ್

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`		ಪಕ್ಕದ ಫಲಕವನ್ನು ಮಡಚುತ್ತದೆ, ಅಥವಾ ಮರಳಿ ತರುತ್ತದೆ.