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`		పక్కనున్న పేన్‌ను ముడుస్తుంది, లేదా తిరిగి తెస్తుంది.