npmpackage.info

Gathering detailed insights and metrics for vue-uiv

Other packages similar to vue-uiv

uiv

2.0.6

Bootstrap 3 components implemented by Vue.

vfg-fields-for-uiv

0.0.2

vue-form-generator custom fields for uiv without jquery dependency.

uiv-custom

0.21.4

Bootstrap 3 components implemented by Vue 2.

Gathering detailed insights and metrics for vue-uiv

vue-uiv - 0.21.5 | npmpackage.info

vue-uiv

Bootstrap 3 components implemented by Vue.js.

0.21.5

941

MIT

JavaScript

1.24 MB

2.5

Installations

npm install vue-uiv

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Min. Node Version

>= 4.0.0

Node Version

8.9.4

NPM Version

5.7.1 Score

76.1

Supply Chain

99.1

Quality

75.1

Maintenance

100

Vulnerability

100

License

Pull Requests

Open

14

Total

605

Closed

39

Merged

552

Issues

Open

5

Total

259

Closed

254

Releases

110

Release v2.0.6

v2.0.6

Updated on May 06, 2023

Release v1.4.3

v1.4.3

Updated on May 06, 2023

Release v2.0.5

v2.0.5

Updated on Jan 04, 2023

Release v2.0.4

v2.0.4

Updated on Sep 19, 2022

Release v2.0.3

v2.0.3

Updated on Jul 29, 2022

Release v2.0.2

v2.0.2

Updated on Jul 28, 2022

View All 110 releases

Languages

JavaScript

Vue

JavaScript (79.95%)

Vue (20.05%)

Developer

wxsms

Download Statistics

Total Downloads

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

MIT License

941 Stars

1,984 Commits

183 Forks

31 Watchers

18 Branches

47 Contributors

Updated on Feb 28, 2025

Maintainers

View All 47 Contributors

Package Meta Information

Latest Version

0.21.5

Package Id

vue-uiv@0.21.5

Unpacked Size

1.24 MB

Size

323.30 kB

File Count

NPM Version

5.7.1

Node Version

8.9.4

Total Downloads

Cumulative downloads

Total Downloads

NaN

Last Day

NaN

Compared to previous day

Last Week

NaN

Compared to previous week

Last Month

NaN

Compared to previous month

Last Year

NaN

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

vue-functional-data-merge

Dev Dependencies

autoprefixer axios babel-core babel-eslint babel-loader babel-plugin-external-helpers babel-plugin-istanbul babel-plugin-transform-object-assign babel-plugin-transform-runtime babel-preset-env babel-preset-stage-2 babel-runtime bootstrap chai chalk compression-webpack-plugin connect-history-api-fallback copy-webpack-plugin coveralls cross-env css-loader es6-promise eslint eslint-config-standard eslint-friendly-formatter eslint-loader eslint-plugin-html eslint-plugin-import eslint-plugin-node eslint-plugin-promise eslint-plugin-standard eventsource-polyfill express extract-text-webpack-plugin file-loader friendly-errors-webpack-plugin function-bind highlight.js html-webpack-plugin http-proxy-middleware inject-loader jquery karma karma-coverage-istanbul-reporter karma-mocha karma-phantomjs-launcher karma-sinon-chai karma-sourcemap-loader karma-spec-reporter karma-webpack less less-loader lodash markdown-it-anchor mocha mocha-lcov-reporter nprogress opn optimize-css-assets-webpack-plugin ora phantomjs-prebuilt prerender-spa-plugin rimraf rollup rollup-plugin-babel rollup-plugin-node-resolve rollup-plugin-vue semver sinon sinon-chai sitemap-webpack-plugin uglifyjs-webpack-plugin url-loader vue vue-analytics vue-i18n vue-loader vue-md-loader vue-router vue-style-loader vue-template-compiler webpack webpack-dev-middleware webpack-hot-middleware webpack-merge

Introduction

uiv is a Bootstrap 3 component lib implemented by Vue 2.

Lightweight
- All components ~20KB Gziped.
- Dependencies only Vue & Bootstrap CSS.
- No extra CSS.
- Individually import supported.
IE 9+ & modern browsers supported.
SSR (server-side rendering) supported.
All env supported:
- UMD build uiv.min.js can be used in all environments (including browser)
- ES Module build uiv.esm.js is for modern bundlers like webpack 2 or rollup
- CommonJS build uiv.common.js is for older bundlers like browserify or webpack 1.

Documentation

To check out live examples and docs, visit https://uiv.wxsm.space.

Install

If you are using module bundlers such as Webpack, you can directly include package into your project via:

NPM:

1$ npm install uiv --save

or Yarn:

1$ yarn add uiv

Then register uiv components and directives all at once in your app's entry:

1// main.js
2import 'bootstrap/dist/css/bootstrap.min.css'
3
4import Vue from 'vue'
5import * as uiv from 'uiv'
6
7Vue.use(uiv)

That's it. Happy coding!

No Conflict

All components & directives will be installed with no prefix by default, you can add any prefix to them to avoid conflicts with other libs if needed.

For example:

1Vue.use(uiv, {prefix: 'uiv'})

Results in:

Components such as <alert> becomes <uiv-alert>
Directives such as v-tooltip becomes v-uiv-tooltip
Global methods such as $alert becomes $uiv_alert

Import Individually

If you don't want all of the components for some reason (e.g. to save the bundle size), you can also import them individually.

Example

1import { Alert } from 'uiv'
2
3new Vue({
4  components: {
5    Alert
6  }
7})

Browsers

You can load & install uiv package directly in browsers. For example:

1<!-- Remember to import Vue and Bootstrap CSS file before this! -->
2<script src="//unpkg.com/uiv"></script>

This will simply load the latest version of uiv.min.js into your page. For detail usages (e.g. load specify version, IMPORTANT in production mode) and different CDN providers, you can visit:

Complete Usage Example

1<!-- index.html -->
2<html>
3<head>
4  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
5  <script type="text/javascript" src="//vuejs.org/js/vue.min.js"></script>
6  <script type="text/javascript" src="//unpkg.com/uiv/dist/uiv.min.js"></script>
7</head>
8<body>
9<div id="app">
10  <tabs>
11    <tab>Tab content 1.</tab>
12    <tab>Tab content 2.</tab>
13  </tabs>
14</div>
15<script>
16  // No need to install uiv, we already do this for you after script loaded.
17  new Vue().$mount('#app')
18</script>
19</body>
20</html>

This will create a working Tabs component on your page.

Browser Compatibility

All browsers supported by Vue 2 and Bootstrap 3 CSS are suppose to be also supported by this lib (IE8 and below are not supported).

Changelog

Detailed changes for each release are documented in the release notes.

Contribute

Welcome and thanks to use and contribute to this project. Your support is very important.

If you found any problem / bug during the use of uiv, or have any suggustion that can make this lib better, please create an issue.

Pull requests are also welcome! However, before you started working on a PR, it is highly recommend to create an issue with your idea first, so people can know what's going to happen and avoid duplicated work.

Build Setup

1# install dependencies
2npm install
3
4# serve demos & docs with hot reload at localhost:8080
5npm run dev
6
7# build dist
8npm run dist
9
10# build document
11npm run build
12
13# run all tests
14npm test

License

MIT

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

License

Determines if the project has defined a license.

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

SAST

Determines if the project uses static code analysis.

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

Reason

dependency not pinned by hash detected -- score normalized to 0

Details

Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/main.yaml:11: update your workflow using https://app.stepsecurity.io/secureworkflow/uiv-lib/uiv/main.yaml/dev?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/main.yaml:12: update your workflow using https://app.stepsecurity.io/secureworkflow/uiv-lib/uiv/main.yaml/dev?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/main.yaml:16: update your workflow using https://app.stepsecurity.io/secureworkflow/uiv-lib/uiv/main.yaml/dev?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/main.yaml:25: update your workflow using https://app.stepsecurity.io/secureworkflow/uiv-lib/uiv/main.yaml/dev?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/main.yaml:26: update your workflow using https://app.stepsecurity.io/secureworkflow/uiv-lib/uiv/main.yaml/dev?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/main.yaml:30: update your workflow using https://app.stepsecurity.io/secureworkflow/uiv-lib/uiv/main.yaml/dev?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/main.yaml:37: update your workflow using https://app.stepsecurity.io/secureworkflow/uiv-lib/uiv/main.yaml/dev?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/main.yaml:44: update your workflow using https://app.stepsecurity.io/secureworkflow/uiv-lib/uiv/main.yaml/dev?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/main.yaml:45: update your workflow using https://app.stepsecurity.io/secureworkflow/uiv-lib/uiv/main.yaml/dev?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/main.yaml:49: update your workflow using https://app.stepsecurity.io/secureworkflow/uiv-lib/uiv/main.yaml/dev?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/main.yaml:58: update your workflow using https://app.stepsecurity.io/secureworkflow/uiv-lib/uiv/main.yaml/dev?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/main.yaml:59: update your workflow using https://app.stepsecurity.io/secureworkflow/uiv-lib/uiv/main.yaml/dev?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/main.yaml:63: update your workflow using https://app.stepsecurity.io/secureworkflow/uiv-lib/uiv/main.yaml/dev?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/publish_doc.yml:12: update your workflow using https://app.stepsecurity.io/secureworkflow/uiv-lib/uiv/publish_doc.yml/dev?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/publish_doc.yml:16: update your workflow using https://app.stepsecurity.io/secureworkflow/uiv-lib/uiv/publish_doc.yml/dev?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/publish_doc.yml:20: update your workflow using https://app.stepsecurity.io/secureworkflow/uiv-lib/uiv/publish_doc.yml/dev?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/publish_doc.yml:27: update your workflow using https://app.stepsecurity.io/secureworkflow/uiv-lib/uiv/publish_doc.yml/dev?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/publish_github.yaml:12: update your workflow using https://app.stepsecurity.io/secureworkflow/uiv-lib/uiv/publish_github.yaml/dev?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/publish_github.yaml:13: update your workflow using https://app.stepsecurity.io/secureworkflow/uiv-lib/uiv/publish_github.yaml/dev?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/publish_github.yaml:18: update your workflow using https://app.stepsecurity.io/secureworkflow/uiv-lib/uiv/publish_github.yaml/dev?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/publish_github.yaml:23: update your workflow using https://app.stepsecurity.io/secureworkflow/uiv-lib/uiv/publish_github.yaml/dev?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/publish_npm.yaml:12: update your workflow using https://app.stepsecurity.io/secureworkflow/uiv-lib/uiv/publish_npm.yaml/dev?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/publish_npm.yaml:13: update your workflow using https://app.stepsecurity.io/secureworkflow/uiv-lib/uiv/publish_npm.yaml/dev?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/publish_npm.yaml:17: update your workflow using https://app.stepsecurity.io/secureworkflow/uiv-lib/uiv/publish_npm.yaml/dev?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/publish_release.yaml:12: update your workflow using https://app.stepsecurity.io/secureworkflow/uiv-lib/uiv/publish_release.yaml/dev?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/publish_release.yaml:16: update your workflow using https://app.stepsecurity.io/secureworkflow/uiv-lib/uiv/publish_release.yaml/dev?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/publish_release.yaml:20: update your workflow using https://app.stepsecurity.io/secureworkflow/uiv-lib/uiv/publish_release.yaml/dev?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/publish_release.yaml:27: update your workflow using https://app.stepsecurity.io/secureworkflow/uiv-lib/uiv/publish_release.yaml/dev?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/publish_release.yaml:35: update your workflow using https://app.stepsecurity.io/secureworkflow/uiv-lib/uiv/publish_release.yaml/dev?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/publish_release.yaml:47: update your workflow using https://app.stepsecurity.io/secureworkflow/uiv-lib/uiv/publish_release.yaml/dev?enable=pin
Info: 0 out of 18 GitHub-owned GitHubAction dependencies pinned
Info: 0 out of 12 third-party GitHubAction dependencies pinned

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Signed-Releases

Determines if the project cryptographically signs release artifacts.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

2.5

/10

Last Scanned on 2025-06-30

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More