naive-ui

TuSimple Vue-Based Frontend Component Library

Documentation

http://REMOVED/#/start

Repository

https://REMOVED/naive-ui/tree/develop

Develop Guidelines

Git Commit Message Style

You Must follow Angular Commit Format.

If you want see some example, see Angular Commits on Github.

Code Styles

Javascript Style

You Must follow Standard JS.

SCSS Style

Run npm run lint-style to echeck styles.

Check Both

Run npm run lint You MUST fix all lint warnings and errors before you push your branch.

Unit test

If you create a component, you MUST add unit test for it.

Run npm run test to test all components. Run npm run test-cov to test all components and see detailed test coverage report.

Want to see how component works

1. Run npm run build
2. Open http://localhost:8086/ in browser.

Want to add your own component

Explore by your self or ask lecong.zhang@tusimple.ai

Publish a new version

1. You MUST change your version according to semver
2. npm run release
3. You MAY publish documentation by running npm run release-doc

Installation & Usage

First install it.

npm install --save-dev naive-ui

Then add the following lines in you entry point js file.

...
import naiveUi from 'naive-ui'
import 'naive-ui/dist/lib/index.css

Vue.use(naiveUi)
...

Component Develop Status

Component	Unit Test
Alert	❌
Button	🆗
Checkbox	🆗
DatePicker	❌
GradientText	🆗
Icon	🆗
Input	🆗
Message	❌
Modal	❌
Notification	❌
Pagination	❌
Popup	❌
Select	🆗
Switch	❌
Tooltip	❌

Todo

1. Z-index management on Select & Tooltip & Modal(Low Priority)
2. Full featured table component(Medium Priority)
3. Form component(Medium Priority)
4. Complete unit test for all existing components(High Priority)