aliyun / alibabacloud-console-base

Intro

Unit size measurements show the distribution of size of units of code (methods, functions...).
Units are classified in four categories based on their size (lines of code): 1-20 (small units), 20-50 (medium size units), 51-100 (long units), 101+ (very long units).
You should aim at keeping units small (< 20 lines). Long units may become "bloaters", code that have increased to such gargantuan proportions that they are hard to work with.

Learn more...

Unit Size Overall

There are 1,853 units with 21,147 lines of code in units (30.2% of code).

7 very long units (1,196 lines of code)
25 long units (1,668 lines of code)
179 medium size units (5,114 lines of code)
478 small units (6,574 lines of code)
1,164 very small units (6,595 lines of code)

Legend:

101+

51-100

21-50

11-20

1-10

Unit Size per Extension

101+

51-100

21-50

11-20

1-10

Unit Size per Logical Component

primary logical decomposition

101+

51-100

21-50

11-20

1-10

Alternative Visuals

3D view of all units

Longest Units

Top 50 longest units

Unit	# lines	McCabe index	# params
export default function createThemeGlobalStyle() in packages-theme/console-base-theme/src/util/create-theme-global-style.ts	319	1	3
export default function createConstColorButton() in packages-theme/console-base-theme-color/src/util/create-const-color-button.ts	196	1	3
export default function DemoDefault() in packages-rc/console-base-rc-attention-seeker/stories/demo-default/index.tsx	180	3	0
parse() in packages-rc/rc-codemirror/src/addon/lint/json/util/parser.ts	141	35	1
export default function NewMainRiskContent() in packages-fetcher/console-fetcher-risk-prompt/src/rc-container/new-main-risk-content/index.tsx	129	14	0
export default async function openDialog() in packages-fetcher/console-fetcher-risk-prompt/src/risk-prompt/open-dialog/index.tsx	126	15	6
export default function DemoSpecial() in packages-fetcher/fetcher-interceptor-cache-local/stories/demo-default/index.tsx	105	1	0
export default function DemoDefault() in packages-rc/console-base-rc-alert/stories/demo-default/index.tsx	100	1	0
export default async function handleRiskPromptDialogSubmit() in packages-fetcher/console-fetcher-risk-prompt/src/util/handle-risk-prompt-dialog-submit/index.ts	95	8	4
export default function DemoDefault() in packages-fetcher/fetcher-interceptor-merger/stories/demo-default/index.tsx	91	1	0
export default async function getPartialDialogDataBasedOnRiskInfo() in packages-fetcher/console-fetcher-risk-prompt/src/risk-prompt/open-dialog/get-partial-dialog-data-based-on-risk-info/index.ts	84	8	1
export default function Demo() in packages-rc/rc-markdown/stories/_demo/index.tsx	81	4	2
function convertRiskResponse() in packages-fetcher/console-fetcher-risk-prompt/src/util/convert-risk-response/index.ts	80	4	4
export default function DemoDefault() in packages-rc/console-base-rc-button/stories/demo-default/index.tsx	74	1	0
export default async function getRiskPromptVerifyResult() in packages-fetcher/console-fetcher-risk-prompt/src/util/handle-risk-prompt-dialog-submit/get-risk-prompt-verify-result/index.ts	69	12	4
export default function transferGetVerificationInfoToAuthResponseToData() in packages-fetcher/console-fetcher-risk-data/src/api/get-verification-info-to-auth/transfer-get-verification-info-to-auth-response-to-data.ts	66	9	1
export default function useModelProps() in packages-rc/console-base-rc-button/src/model/hook/_use-model-props.ts	65	4	0
export default function VerifyCodeInput() in packages-fetcher/console-fetcher-risk-prompt/src/rc/verify-code-input/index.tsx	63	4	7
performAction() in packages-rc/rc-codemirror/src/addon/lint/json/util/parser.ts	61	16	6
export default function TheRnd() in packages-rc/console-base-rc-micro-browser/src/ui/rc-container/rnd/index.tsx	61	3	1
export default function createInterceptorResponseRejected() in packages-fetcher/console-fetcher-interceptor-res-risk/src/util/create-interceptor-response-rejected.ts	61	10	1
export default function DemoDefault() in packages-rc/console-base-rc-micro-browser/stories/demo-default/index.tsx	60	1	0
export default function DemoDefault() in packages-rc/console-base-rc-dialog/stories/demo-alt/index.tsx	60	1	0
export default function jsonp() in packages-fetcher/fetcher-jsonp/src/util/jsonp.ts	59	10	2
export default function useMouseHover() in packages-hook/react-hook-mouse-hover/src/hook/use-mouse-hover.ts	59	8	8
export default function useAuthFormHandleInputChange() in packages-fetcher/console-fetcher-risk-prompt/src/hooks/use-auth-form-handle-input-change.ts	58	6	2
export default function MessageContent() in packages-fetcher/console-fetcher-risk-prompt/src/rc/message/message-content.tsx	57	5	6
function CodeMirror() in packages-rc/rc-codemirror/src/rc/codemirror/index.tsx	55	7	9
export default function useDropStyle() in packages-rc/console-base-rc-dropdown/src/model/hook/use-drop-style.ts	53	11	0
export default function DemoDefault() in packages-fetcher/console-fetcher-interceptor-fecs/stories/demo-default/index.tsx	53	1	0
export default function DemoDefault() in packages-hook/react-hook-mouse-hover/stories/demo-default/index.tsx	52	6	0
function computeTipStyle() in packages-rc/console-base-rc-beacon/src/rc/the-tip/index.tsx	51	9	2
export default async function proxy() in packages-error-prompt/console-base-error-prompt-proxy/src/util/proxy.ts	50	8	3
export default function useModelProps() in packages-rc/console-base-rc-tooltip/src/model/hook/_use-model-props.ts	49	4	0
export default async function getSubValidators() in packages-fetcher/console-fetcher-risk-prompt/src/risk-prompt/open-dialog/get-partial-dialog-data-based-on-risk-info/get-sub-validators.ts	49	7	2
export default function usePropsForInputElement() in packages-rc/console-base-rc-input/src/model/hook/use-props-for-input-element.ts	48	1	0
export default function useGenerateCodeButtonProps() in packages-fetcher/console-fetcher-risk-prompt/src/hooks/use-generate-code-button-props.ts	48	3	1
export default function SoloPane() in packages-demo/demo-rc-elements/src/rc/solo-pane/index.tsx	47	2	3
export default function DemoFormControl() in packages-demo/demo-rc-elements/stories/demo-form-control/index.tsx	47	1	0
export default function DemoDefault() in packages-rc/console-base-rc-aside-nav/stories/demo-default/index.tsx	46	2	0
export default function fetcherDemoInterceptorMockSystemUrls() in packages-fetcher/fetcher-demo-helpers/src/helper/fetcher-demo-interceptor-mock-system-urls.ts	46	11	1
export default function Knobs() in packages-rc/console-base-rc-input/stories/knobs/index.tsx	44	1	1
export default function DemoDefault() in packages/cookie/stories/demo-default/index.tsx	44	2	0
export default async function sendVerifyCode() in packages-fetcher/console-fetcher-risk-prompt/src/util/send-verify-code.ts	44	8	2
export default function DemoNoTrigger() in packages-rc/console-base-rc-tooltip/stories/demo-default/index.tsx	43	3	0
export default function Loading() in packages-rc/console-base-rc-loading/src/rc/loading/index.tsx	41	6	6
export default async function dataVerifyMpk() in packages-fetcher/console-fetcher-risk-data/src/api/verify-mpk/index.ts	41	3	1
export default function PrePromise() in packages-demo/demo-rc-elements/src/rc/pre-promise/index.tsx	40	5	1
export default function html() in packages-rc/rc-markdown/stories/demo-extension-variables/extension-variables/html.ts	39	2	1
export default async function dataSendCode() in packages-fetcher/console-fetcher-risk-data/src/api/send-code/index.ts	39	3	1