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`		ਨਾਲ ਵਾਲੇ ਪੈਨਲ ਨੂੰ ਸਮੇਟਦਾ ਹੈ, ਜਾਂ ਵਾਪਸ ਲਿਆਉਂਦਾ ਹੈ।