Package Health Score

87 / 100

security
No known security issues
popularity
Influential project
maintenance
Healthy
community
Sustainable

Explore Similar Packages

Security

No known security issues

All security vulnerabilities belong to production dependencies of direct and indirect packages.

Security and license risk for significant versions

Version				Vulnerabilities	License Risk
3.31.0	\|	12/2024		0 C 0 H 0 M 0 L	0 H 0 M 0 L
3.30.0	\|	10/2024	Popular	0 C 0 H 0 M 0 L	0 H 0 M 0 L
2.3.3	\|	12/2021		0 C 0 H 0 M 0 L	0 H 0 M 0 L
1.5.0	\|	07/2021		0 C 0 H 0 M 0 L	0 H 0 M 0 L
1.4.3	\|	05/2021		0 C 0 H 0 M 0 L	0 H 0 M 0 L

License

MIT

Security Policy

Is your project affected by vulnerabilities?

Scan your projects for vulnerabilities. Fix quickly with automated fixes. Get started with Snyk for free.

Get started free

Popularity

Influential project

Weekly Downloads (1,236,257)

GitHub Stars: 222
Forks: 141
Contributors: 60

Direct Usage Popularity

The npm package rc-cascader receives a total of 1,236,257 downloads a week. As such, we scored rc-cascader popularity level to be Influential project.

Based on project statistics from the GitHub repository for the npm package rc-cascader, we found that it has been starred 222 times.

Downloads are calculated as moving averages for a period of the last 12 months, excluding weekends and known missing data points.

Community

Sustainable

Readme.md: Yes
Contributing.md: No
Code of Conduct: No
Contributors: 60
Funding: Yes

With more than 10 contributors for the rc-cascader repository, this is possibly a sign for a growing and inviting community.

We found a way for you to contribute to the project! Looks like rc-cascader is missing a Code of Conduct.

Embed Package Health Score Badge

Maintenance

Healthy

Commit Frequency

Open Issues: 28
Open PR: 32
Last Release: 19 days ago
Last Commit: 19 days ago

Further analysis of the maintenance status of rc-cascader based on released npm versions cadence, the repository activity, and other data points determined that its maintenance is Healthy.

We found that rc-cascader demonstrates a positive version release cadence with at least one new version released in the past 3 months.

As a healthy sign for on-going project maintenance, we found that the GitHub repository had at least 1 pull request or issue interacted with by the community.

Keep your project healthy

Check your package.json

Ensure all the packages you're using are healthy and well-maintained

Snyk Vulnerability Scanner

Get health score & security insights directly in your IDE

Package

Node.js Compatibility: not defined

Age: 9 years
Dependencies: 5 Direct
Versions: 172
Install Size: 180 kB
Dist-tags: 1
# of Files: 95
Maintainers: 5
TS Typings: No

rc-cascader has more than a single and default latest tag published for the npm package. This means, there may be other tags available for this package, such as next to indicate future releases, or stable to indicate stable releases.

Readme

rc-cascader

React Cascader Component.

Browser Support

IE / Edge	Firefox	Chrome	Safari	Electron
IE11, Edge	last 2 versions	last 2 versions	last 2 versions	last 2 versions

Screenshots

Example

https://cascader-react-component.vercel.app

Install

$ npm install rc-cascader --save

Usage

import React from 'react';
import Cascader from 'rc-cascader';

const options = [{
  'label': '福建',
  'value': 'fj',
  'children': [{
    'label': '福州',
    'value': 'fuzhou',
    'children': [{
      'label': '马尾',
      'value': 'mawei',
    }],
  }, {
    'label': '泉州',
    'value': 'quanzhou',
  }],
}, {
  'label': '浙江',
  'value': 'zj',
  'children': [{
    'label': '杭州',
    'value': 'hangzhou',
    'children': [{
      'label': '余杭',
      'value': 'yuhang',
    }],
  }],
}, {
  'label': '北京',
  'value': 'bj',
  'children': [{
    'label': '朝阳区',
    'value': 'chaoyang',
  }, {
    'label': '海淀区',
    'value': 'haidian',
  }],
}];

React.render(
  
    ...
  
, container);

API

props

name	type	default	description
autoClearSearchValue	boolean	true	Whether the current search will be cleared on selecting an item. Only applies when checkable
options	Object		The data options of cascade
value	Array		selected value
defaultValue	Array		initial selected value
onChange	Function(value, selectedOptions)		callback when finishing cascader select
changeOnSelect	Boolean	false	change value on each selection
loadData	Function(selectedOptions)		callback when click any option, use for loading more options
expandTrigger	String	'click'	expand current item when click or hover
open	Boolean		visibility of popup overlay
onDropdownVisibleChange	Function(visible)		callback when popup overlay's visibility changed
transitionName	String		transition className like "slide-up"
prefixCls	String	rc-cascader	prefix className of popup overlay
dropdownClassName	String		additional className of popup overlay
popupPlacement	String	bottomLeft	use preset popup align config from builtinPlacements：bottomRight topRight bottomLeft topLeft
getPopupContainer	function(trigger:Node):Node	() => document.body	container which popup select menu rendered into
dropdownMenuColumnStyle	Object		style object for each cascader pop menu
fieldNames	Object	{ label: 'label', value: 'value', children: 'children' }	custom field name for label and value and children
expandIcon	ReactNode	>	specific the default expand icon
loadingIcon	ReactNode	>	specific the default loading icon
hidePopupOnSelect	Boolean	>true	hide popup on select

option

name	type	description
label	String	option text to display
value	String	option value as react key
disabled	Boolean	disabled option
children	Array	children options

Development

$ npm install
$ npm start

Test Case

$ npm test

Coverage

$ npm run coverage

License

rc-cascader is released under the MIT license.

rc-cascader dependencies

@babel/runtime classnames rc-select rc-tree rc-util

FAQs

What is rc-cascader?

cascade select ui component for react. Visit Snyk Advisor to see a full health score report for rc-cascader, including popularity, security, maintenance & community analysis.

Is rc-cascader popular?

The npm package rc-cascader receives a total of 1,236,257 weekly downloads. As such, rc-cascader popularity was classified as an influential project. Visit the popularity section on Snyk Advisor to see the full health analysis.

Is rc-cascader well maintained?

We found that rc-cascader demonstrated a healthy version release cadence and project activity. It has a community of 60 open source contributors collaborating on the project. See the full package health analysis to learn more about the package maintenance status.

Is rc-cascader safe to use?

The npm package rc-cascader was scanned for known vulnerabilities and missing license, and no issues were found. Thus the package was deemed as safe to use. See the full health analysis review.

Last updated on 21 December-2024, at 01:18 (UTC).

Build a secure application checklist

Select a recommended open source package

Minimize your risk by selecting secure & well maintained open source packages

DONE

Scan your app for vulnerabilities

Scan your application to find vulnerabilities in your: source code, open source dependencies, containers and configuration files

SCAN NOW

Fix identified vulnerabilities

Easily fix your code by leveraging automatically generated PRs

AUTO FIX

Monitor for new issues

New vulnerabilities are discovered every day. Get notified if your application is affected

MONITOR APP

Package Health Score

Explore Similar Packages

Security and license risk for significant versions

Is your project affected by vulnerabilities?

Weekly Downloads (1,236,257)

Direct Usage Popularity

Embed Package Health Score Badge

Commit Frequency

Keep your project healthy

Check your package.json

Snyk Vulnerability Scanner

Readme

rc-cascader

Browser Support

Screenshots

Example

Install

Usage

API

props

option

Development

Test Case

Coverage

License

rc-cascader dependencies

rc-cascader development dependencies

FAQs

What is rc-cascader?

Is rc-cascader popular?

Is rc-cascader well maintained?

Is rc-cascader safe to use?

Build a secure application checklist

Select a recommended open source package

Scan your app for vulnerabilities

Source Code

Open Source

Container

Config

Fix identified vulnerabilities

Monitor for new issues