aliyun / alibabacloud-console-components

Intro

File size measurements show the distribution of size of files.
Files are classified in four categories based on their size (lines of code): 1-100 (very small files), 101-200 (small files), 201-500 (medium size files), 501-1000 (long files), 1001+(very long files).
It is a good practice to keep files small. Long files may become "bloaters", code that have increased to such gargantuan proportions that they are hard to work with.

Learn more...

File Size Overall

There are 352 files with 12,793 lines of code.

0 very long files (0 lines of code)
0 long files (0 lines of code)
4 medium size files (1,199 lines of codeclsfd_ftr_w_mp_ins)
28 small files (3,552 lines of code)
320 very small files (8,042 lines of code)

Legend:

1001+

501-1000

201-500

101-200

1-100

explore: grouped by folders | grouped by size | sunburst | 3D view

File Size per Extension

1001+

501-1000

201-500

101-200

1-100

File Size per Logical Decomposition

primary

1001+

501-1000

201-500

101-200

1-100

Longest Files (Top 50)

File	# lines	# units
index.tsx in packages/rc-components/rc-search/src/ComplexSearch	411	1
RoutableMenu.tsx in packages/rc-components/rc-console-menu/src	326	2
index.tsx in packages/rc-components/rc-table/src/layout	260	-
style.ts in packages/rc-components/rc-search/src	202	-
index.tsx in packages/rc-components/rc-table/src/selection	179	1
withIntersectionFixed.tsx in packages/rc-components/rc-table/src/action-bar	178	-
actions.tsx in packages/rc-components/rc-actions/src	177	4
FakeBrowser.tsx in packages/misc/fake-browser/src	172	-
Provider.tsx in packages/rc-components/rc-table/src/selection	169	-
Truncate.tsx in packages/rc-components/rc-truncate/src	148	-
gatsby-config.js in site	137	1
Menu.tsx in packages/rc-components/rc-console-menu/src/styles	136	1
index.tsx in packages/rc-components/rc-slide-panel/src/SlidePanelGroup	131	1
utils.ts in packages/rc-components/rc-search/src	126	-
with-items-declaration.tsx in packages/rc-components/rc-console-menu/stories	125	-
dynamic-doc-config.js in site	119	-
define-css-var.ts in packages/misc/css-var-utils/src	118	7
withAppLayout.tsx in packages/rc-components/rc-table/stories	116	-
withFixedHeader.tsx in packages/rc-components/rc-table/stories	115	2
select.tsx in packages/rc-components/rc-select-list/src	114	-
basic.tsx in packages/rc-components/rc-page/stories	113	-
styles.tsx in packages/rc-components/rc-select-list/src	112	-
index.tsx in packages/rc-components/rc-components-pro/src/RegionGuidance	110	-
utils.tsx in packages/rc-components/rc-actions/src	110	6
Nav.ts in packages/rc-components/rc-app-layout/src/styles	109	-
withCustomPagination.tsx in packages/rc-components/rc-table/stories	108	-
ConsoleMenu.tsx in packages/rc-components/rc-console-menu/src	107	-
index.tsx in packages/rc-components/rc-search/src/searchTagList	107	-
basic.tsx in packages/rc-components/rc-table/stories	106	2
with-menu.tsx in packages/rc-components/rc-page/stories	104	-
withPaginationProps.tsx in packages/rc-components/rc-table/stories	103	-
fetchFusionDoc.ts in site/src/buildtime/fetchFusionDocFromGithub	103	5
withOperation.tsx in packages/rc-components/rc-table/stories	100	-
list.tsx in packages/rc-components/rc-select-list/src	98	-
withCustomSearch.tsx in packages/rc-components/rc-table/stories	95	-
index.tsx in packages/rc-components/rc-slide-panel/src/SlidePanelItem	93	-
withSearch.tsx in packages/rc-components/rc-table/stories	92	-
style.ts in packages/rc-components/rc-slide-panel/src/SlidePanelGroup	90	1
TruncateByWidth.tsx in packages/rc-components/rc-truncate/src	88	-
SlidePanel.tsx in packages/rc-components/rc-slide-panel/src	86	1
index.tsx in packages/rc-components/rc-components-pro/src/UnsubscribeDialog	86	-
withSelection.tsx in packages/rc-components/rc-table/stories	84	-
style.tsx in packages/rc-components/rc-slide-panel/src/SlidePanelItem	83	-
withPrimaryOperation.tsx in packages/rc-components/rc-table/stories	82	-
showConfirmDialog.tsx in packages/rc-components/rc-confirm/src	79	-
Header.tsx in packages/rc-components/rc-page/src/styles	76	-
RcAnnouncement.tsx in packages/rc-components/rc-announcement/src	76	-
Header.tsx in packages/rc-components/rc-console-menu/src	74	-
renderFooter.tsx in packages/rc-components/rc-slide-panel/src/SlidePanelItem	73	-
index.stories.tsx in packages/rc-components/rc-page/stories	71	-

Files With Most Units (Top 41)

File	# lines	# units
define-css-var.ts in packages/misc/css-var-utils/src	118	7
utils.tsx in packages/rc-components/rc-actions/src	110	6
index.ts in site/src/buildtime/fetchFusionDocFromGithub	62	5
fetchFusionDoc.ts in site/src/buildtime/fetchFusionDocFromGithub	103	5
eventEmitter.ts in packages/rc-components/rc-console-menu/src	22	4
actions.tsx in packages/rc-components/rc-actions/src	177	4
utils.tsx in packages/rc-components/rc-console-menu/src	26	3
useCssVar.ts in packages/rc-components/rc-search/src	30	3
useCssVar.ts in packages/rc-components/rc-components-pro/src/utils	29	3
remarkPlugin.ts in site/src/buildtime/legacyImportDemoInstruction	59	3
codemod.js in scripts	52	2
gen-css-var.js in packages/rc-components/rc-console-menu/scripts	25	2
ItemDescriptor.tsx in packages/rc-components/rc-console-menu/src	54	2
RoutableMenu.tsx in packages/rc-components/rc-console-menu/src	326	2
withFixedHeader.tsx in packages/rc-components/rc-table/stories	115	2
basic.tsx in packages/rc-components/rc-table/stories	106	2
utils.tsx in packages/rc-components/rc-truncate/src	66	2
gen-css-var.js in packages/rc-components/rc-app-layout/scripts	25	2
Context.ts in packages/rc-components/rc-data-fields/src	3	1
utils.ts in packages/rc-components/rc-time-picker-tz/src	10	1
Menu.tsx in packages/rc-components/rc-console-menu/src/styles	136	1
usePanelStack.tsx in packages/rc-components/rc-slide-panel/src	56	1
SlidePanel.tsx in packages/rc-components/rc-slide-panel/src	86	1
style.ts in packages/rc-components/rc-slide-panel/src/SlidePanelGroup	90	1
index.tsx in packages/rc-components/rc-slide-panel/src/SlidePanelGroup	131	1
renderHeader.tsx in packages/rc-components/rc-slide-panel/src/SlidePanelItem	42	1
withProvider.tsx in packages/rc-components/rc-table/src/selection	19	1
index.tsx in packages/rc-components/rc-table/src/selection	179	1
renderColumns.tsx in packages/rc-components/rc-table/src	45	1
demoWrapper.tsx in packages/rc-components/rc-table/config	10	1
ConfirmDialog.tsx in packages/rc-components/rc-confirm/src	51	1
Confirm.tsx in packages/rc-components/rc-confirm/src	43	1
LoggerProvider.tsx in packages/rc-components/rc-search/src/provider	33	1
index.tsx in packages/rc-components/rc-search/src/ComplexSearch	411	1
SWrapper.tsx in packages/rc-components/rc-announcement/src/styles	31	1
SMessage.tsx in packages/rc-components/rc-announcement/src/styles	55	1
LoggerProvider.tsx in packages/rc-components/rc-components-pro/src/Provider	27	1
withWindConfig.tsx in packages/misc/internal-helpers/src	22	1
gatsby-config.js in site	137	1
embedAPIFromFusion.ts in site/src/buildtime/linkInstructions	48	1
getBaseComponentList.ts in site/src/buildtime	12	1

Files With Long Lines (Top 11)

There are 11 files with lines longer than 120 characters. In total, there are 17 long lines.

File	# lines	# units	# long lines
index.tsx in packages/rc-components/rc-components-pro/src/RegionGuidance	110	-	3
FakeBrowser.tsx in packages/misc/fake-browser/src	172	-	3
codemod.js in scripts	52	2	2
style.ts in packages/rc-components/rc-search/src	202	-	2
long-title.tsx in packages/rc-components/rc-page/stories	67	-	1
RoutableMenu.tsx in packages/rc-components/rc-console-menu/src	326	2	1
SlidePanel.tsx in packages/rc-components/rc-slide-panel/src	86	1	1
PureTag.tsx in packages/rc-components/rc-search/src/searchTagList	44	-	1
index.tsx in packages/rc-components/rc-search/src/searchTagList	107	-	1
message.ts in packages/rc-components/rc-components-pro/src	31	-	1
actions.tsx in packages/rc-components/rc-actions/src	177	4	1