Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

vue-blockui

Package Overview
Dependencies
Maintainers
1
Versions
11
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

vue-blockui - npm Package Compare versions

Comparing version 1.1.3 to 1.1.4

0

.eslintrc.js

@@ -0,0 +0,0 @@ module.exports = {

0

.postcssrc.js

@@ -0,0 +0,0 @@ // https://github.com/michael-ciniawsky/postcss-load-config

0

config/webpack.config.base.js

@@ -0,0 +0,0 @@ var webpack = require('webpack')

0

config/webpack.config.browser.js

@@ -0,0 +0,0 @@ var webpack = require('webpack')

0

config/webpack.config.common.js

@@ -0,0 +0,0 @@ var webpack = require('webpack')

0

config/webpack.config.dev.js

@@ -0,0 +0,0 @@ var merge = require('webpack-merge')

2

dist/vue-blockui.browser.js

@@ -1,1 +0,1 @@

!function(root,factory){"object"==typeof exports&&"object"==typeof module?module.exports=factory():"function"==typeof define&&define.amd?define([],factory):"object"==typeof exports?exports.BlockUI=factory():root.BlockUI=factory()}(this,function(){return function(modules){function __webpack_require__(moduleId){if(installedModules[moduleId])return installedModules[moduleId].exports;var module=installedModules[moduleId]={i:moduleId,l:!1,exports:{}};return modules[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.l=!0,module.exports}var installedModules={};return __webpack_require__.m=modules,__webpack_require__.c=installedModules,__webpack_require__.i=function(value){return value},__webpack_require__.d=function(exports,name,getter){__webpack_require__.o(exports,name)||Object.defineProperty(exports,name,{configurable:!1,enumerable:!0,get:getter})},__webpack_require__.n=function(module){var getter=module&&module.__esModule?function(){return module.default}:function(){return module};return __webpack_require__.d(getter,"a",getter),getter},__webpack_require__.o=function(object,property){return Object.prototype.hasOwnProperty.call(object,property)},__webpack_require__.p="",__webpack_require__(__webpack_require__.s=2)}([function(module,exports){var g,_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj};g=function(){return this}();try{g=g||Function("return this")()||(0,eval)("this")}catch(e){"object"===("undefined"==typeof window?"undefined":_typeof(window))&&(g=window)}module.exports=g},function(module,exports,__webpack_require__){__webpack_require__(4);var Component=__webpack_require__(5)(__webpack_require__(3),__webpack_require__(6),"data-v-3605d0f6",null);module.exports=Component.exports},function(module,__webpack_exports__,__webpack_require__){"use strict";Object.defineProperty(__webpack_exports__,"__esModule",{value:!0}),function(global){function install(Vue){Vue.component("BlockUI",__WEBPACK_IMPORTED_MODULE_0__components_BlockUI_vue___default.a)}__webpack_exports__.install=install;var __WEBPACK_IMPORTED_MODULE_0__components_BlockUI_vue__=__webpack_require__(1),__WEBPACK_IMPORTED_MODULE_0__components_BlockUI_vue___default=__webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__components_BlockUI_vue__);__webpack_require__.d(__webpack_exports__,"BlockUI",function(){return __WEBPACK_IMPORTED_MODULE_0__components_BlockUI_vue___default.a});var plugin={version:"1.1.3",install:install};__webpack_exports__.default=plugin;var GlobalVue=null;"undefined"!=typeof window?GlobalVue=window.Vue:void 0!==global&&(GlobalVue=global.Vue),GlobalVue&&GlobalVue.use(plugin)}.call(__webpack_exports__,__webpack_require__(0))},function(module,__webpack_exports__,__webpack_require__){"use strict";Object.defineProperty(__webpack_exports__,"__esModule",{value:!0}),__webpack_exports__.default={name:"BlockUI",props:["message","url"]}},function(module,exports){},function(module,exports){module.exports=function(rawScriptExports,compiledTemplate,scopeId,cssModules){var esModule,scriptExports=rawScriptExports=rawScriptExports||{},type=typeof rawScriptExports.default;"object"!==type&&"function"!==type||(esModule=rawScriptExports,scriptExports=rawScriptExports.default);var options="function"==typeof scriptExports?scriptExports.options:scriptExports;if(compiledTemplate&&(options.render=compiledTemplate.render,options.staticRenderFns=compiledTemplate.staticRenderFns),scopeId&&(options._scopeId=scopeId),cssModules){var computed=options.computed||(options.computed={});Object.keys(cssModules).forEach(function(key){var module=cssModules[key];computed[key]=function(){return module}})}return{esModule:esModule,exports:scriptExports,options:options}}},function(module,exports){module.exports={render:function(){var _vm=this,_h=_vm.$createElement,_c=_vm._self._c||_h;return _c("div",{staticClass:"loading-container"},[_c("div",{staticClass:"loading-backdrop"}),_vm._v(" "),_c("div",{staticClass:"loading"},[_vm.url?_c("img",{attrs:{src:_vm.url}}):_vm._e(),_vm._v(" "),_c("div",[_vm._v(_vm._s(_vm.message))])])])},staticRenderFns:[]}}])});
!function(root,factory){"object"==typeof exports&&"object"==typeof module?module.exports=factory():"function"==typeof define&&define.amd?define([],factory):"object"==typeof exports?exports.BlockUI=factory():root.BlockUI=factory()}(this,function(){return function(modules){function __webpack_require__(moduleId){if(installedModules[moduleId])return installedModules[moduleId].exports;var module=installedModules[moduleId]={i:moduleId,l:!1,exports:{}};return modules[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.l=!0,module.exports}var installedModules={};return __webpack_require__.m=modules,__webpack_require__.c=installedModules,__webpack_require__.i=function(value){return value},__webpack_require__.d=function(exports,name,getter){__webpack_require__.o(exports,name)||Object.defineProperty(exports,name,{configurable:!1,enumerable:!0,get:getter})},__webpack_require__.n=function(module){var getter=module&&module.__esModule?function(){return module.default}:function(){return module};return __webpack_require__.d(getter,"a",getter),getter},__webpack_require__.o=function(object,property){return Object.prototype.hasOwnProperty.call(object,property)},__webpack_require__.p="",__webpack_require__(__webpack_require__.s=2)}([function(module,exports){var g,_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj};g=function(){return this}();try{g=g||Function("return this")()||(0,eval)("this")}catch(e){"object"===("undefined"==typeof window?"undefined":_typeof(window))&&(g=window)}module.exports=g},function(module,exports,__webpack_require__){__webpack_require__(4);var Component=__webpack_require__(5)(__webpack_require__(3),__webpack_require__(6),"data-v-3605d0f6",null);module.exports=Component.exports},function(module,__webpack_exports__,__webpack_require__){"use strict";Object.defineProperty(__webpack_exports__,"__esModule",{value:!0}),function(global){function install(Vue){Vue.component("BlockUI",__WEBPACK_IMPORTED_MODULE_0__components_BlockUI_vue___default.a)}__webpack_exports__.install=install;var __WEBPACK_IMPORTED_MODULE_0__components_BlockUI_vue__=__webpack_require__(1),__WEBPACK_IMPORTED_MODULE_0__components_BlockUI_vue___default=__webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__components_BlockUI_vue__);__webpack_require__.d(__webpack_exports__,"BlockUI",function(){return __WEBPACK_IMPORTED_MODULE_0__components_BlockUI_vue___default.a});var plugin={version:"1.1.4",install:install};__webpack_exports__.default=plugin;var GlobalVue=null;"undefined"!=typeof window?GlobalVue=window.Vue:void 0!==global&&(GlobalVue=global.Vue),GlobalVue&&GlobalVue.use(plugin)}.call(__webpack_exports__,__webpack_require__(0))},function(module,__webpack_exports__,__webpack_require__){"use strict";Object.defineProperty(__webpack_exports__,"__esModule",{value:!0}),__webpack_exports__.default={name:"BlockUI",props:["message","url"]}},function(module,exports){},function(module,exports){module.exports=function(rawScriptExports,compiledTemplate,scopeId,cssModules){var esModule,scriptExports=rawScriptExports=rawScriptExports||{},type=typeof rawScriptExports.default;"object"!==type&&"function"!==type||(esModule=rawScriptExports,scriptExports=rawScriptExports.default);var options="function"==typeof scriptExports?scriptExports.options:scriptExports;if(compiledTemplate&&(options.render=compiledTemplate.render,options.staticRenderFns=compiledTemplate.staticRenderFns),scopeId&&(options._scopeId=scopeId),cssModules){var computed=options.computed||(options.computed={});Object.keys(cssModules).forEach(function(key){var module=cssModules[key];computed[key]=function(){return module}})}return{esModule:esModule,exports:scriptExports,options:options}}},function(module,exports){module.exports={render:function(){var _vm=this,_h=_vm.$createElement,_c=_vm._self._c||_h;return _c("div",{staticClass:"loading-container"},[_c("div",{staticClass:"loading-backdrop"}),_vm._v(" "),_c("div",{staticClass:"loading"},[_vm.url?_c("img",{attrs:{src:_vm.url}}):_vm._e(),_vm._v(" "),_c("div",[_vm._v(_vm._s(_vm.message))])])])},staticRenderFns:[]}}])});

2

dist/vue-blockui.common.js

@@ -1,1 +0,1 @@

module.exports=function(modules){function __webpack_require__(moduleId){if(installedModules[moduleId])return installedModules[moduleId].exports;var module=installedModules[moduleId]={i:moduleId,l:!1,exports:{}};return modules[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.l=!0,module.exports}var installedModules={};return __webpack_require__.m=modules,__webpack_require__.c=installedModules,__webpack_require__.i=function(value){return value},__webpack_require__.d=function(exports,name,getter){__webpack_require__.o(exports,name)||Object.defineProperty(exports,name,{configurable:!1,enumerable:!0,get:getter})},__webpack_require__.n=function(module){var getter=module&&module.__esModule?function(){return module.default}:function(){return module};return __webpack_require__.d(getter,"a",getter),getter},__webpack_require__.o=function(object,property){return Object.prototype.hasOwnProperty.call(object,property)},__webpack_require__.p="",__webpack_require__(__webpack_require__.s=1)}([function(module,exports,__webpack_require__){__webpack_require__(3);var Component=__webpack_require__(4)(__webpack_require__(2),__webpack_require__(5),"data-v-3605d0f6",null);module.exports=Component.exports},function(module,__webpack_exports__,__webpack_require__){"use strict";function install(Vue){Vue.component("BlockUI",__WEBPACK_IMPORTED_MODULE_0__components_BlockUI_vue___default.a)}Object.defineProperty(__webpack_exports__,"__esModule",{value:!0}),__webpack_exports__.install=install;var __WEBPACK_IMPORTED_MODULE_0__components_BlockUI_vue__=__webpack_require__(0),__WEBPACK_IMPORTED_MODULE_0__components_BlockUI_vue___default=__webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__components_BlockUI_vue__);__webpack_require__.d(__webpack_exports__,"BlockUI",function(){return __WEBPACK_IMPORTED_MODULE_0__components_BlockUI_vue___default.a});var plugin={version:"1.1.3",install:install};__webpack_exports__.default=plugin;var GlobalVue=null;"undefined"!=typeof window?GlobalVue=window.Vue:"undefined"!=typeof global&&(GlobalVue=global.Vue),GlobalVue&&GlobalVue.use(plugin)},function(module,__webpack_exports__,__webpack_require__){"use strict";Object.defineProperty(__webpack_exports__,"__esModule",{value:!0}),__webpack_exports__.default={name:"BlockUI",props:["message","url"]}},function(module,exports){},function(module,exports){module.exports=function(rawScriptExports,compiledTemplate,scopeId,cssModules){var esModule,scriptExports=rawScriptExports=rawScriptExports||{},type=typeof rawScriptExports.default;"object"!==type&&"function"!==type||(esModule=rawScriptExports,scriptExports=rawScriptExports.default);var options="function"==typeof scriptExports?scriptExports.options:scriptExports;if(compiledTemplate&&(options.render=compiledTemplate.render,options.staticRenderFns=compiledTemplate.staticRenderFns),scopeId&&(options._scopeId=scopeId),cssModules){var computed=options.computed||(options.computed={});Object.keys(cssModules).forEach(function(key){var module=cssModules[key];computed[key]=function(){return module}})}return{esModule:esModule,exports:scriptExports,options:options}}},function(module,exports){module.exports={render:function(){var _vm=this,_h=_vm.$createElement,_c=_vm._self._c||_h;return _c("div",{staticClass:"loading-container"},[_c("div",{staticClass:"loading-backdrop"}),_vm._v(" "),_c("div",{staticClass:"loading"},[_vm.url?_c("img",{attrs:{src:_vm.url}}):_vm._e(),_vm._v(" "),_c("div",[_vm._v(_vm._s(_vm.message))])])])},staticRenderFns:[]}}]);
module.exports=function(modules){function __webpack_require__(moduleId){if(installedModules[moduleId])return installedModules[moduleId].exports;var module=installedModules[moduleId]={i:moduleId,l:!1,exports:{}};return modules[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.l=!0,module.exports}var installedModules={};return __webpack_require__.m=modules,__webpack_require__.c=installedModules,__webpack_require__.i=function(value){return value},__webpack_require__.d=function(exports,name,getter){__webpack_require__.o(exports,name)||Object.defineProperty(exports,name,{configurable:!1,enumerable:!0,get:getter})},__webpack_require__.n=function(module){var getter=module&&module.__esModule?function(){return module.default}:function(){return module};return __webpack_require__.d(getter,"a",getter),getter},__webpack_require__.o=function(object,property){return Object.prototype.hasOwnProperty.call(object,property)},__webpack_require__.p="",__webpack_require__(__webpack_require__.s=1)}([function(module,exports,__webpack_require__){__webpack_require__(3);var Component=__webpack_require__(4)(__webpack_require__(2),__webpack_require__(5),"data-v-3605d0f6",null);module.exports=Component.exports},function(module,__webpack_exports__,__webpack_require__){"use strict";function install(Vue){Vue.component("BlockUI",__WEBPACK_IMPORTED_MODULE_0__components_BlockUI_vue___default.a)}Object.defineProperty(__webpack_exports__,"__esModule",{value:!0}),__webpack_exports__.install=install;var __WEBPACK_IMPORTED_MODULE_0__components_BlockUI_vue__=__webpack_require__(0),__WEBPACK_IMPORTED_MODULE_0__components_BlockUI_vue___default=__webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__components_BlockUI_vue__);__webpack_require__.d(__webpack_exports__,"BlockUI",function(){return __WEBPACK_IMPORTED_MODULE_0__components_BlockUI_vue___default.a});var plugin={version:"1.1.4",install:install};__webpack_exports__.default=plugin;var GlobalVue=null;"undefined"!=typeof window?GlobalVue=window.Vue:"undefined"!=typeof global&&(GlobalVue=global.Vue),GlobalVue&&GlobalVue.use(plugin)},function(module,__webpack_exports__,__webpack_require__){"use strict";Object.defineProperty(__webpack_exports__,"__esModule",{value:!0}),__webpack_exports__.default={name:"BlockUI",props:["message","url"]}},function(module,exports){},function(module,exports){module.exports=function(rawScriptExports,compiledTemplate,scopeId,cssModules){var esModule,scriptExports=rawScriptExports=rawScriptExports||{},type=typeof rawScriptExports.default;"object"!==type&&"function"!==type||(esModule=rawScriptExports,scriptExports=rawScriptExports.default);var options="function"==typeof scriptExports?scriptExports.options:scriptExports;if(compiledTemplate&&(options.render=compiledTemplate.render,options.staticRenderFns=compiledTemplate.staticRenderFns),scopeId&&(options._scopeId=scopeId),cssModules){var computed=options.computed||(options.computed={});Object.keys(cssModules).forEach(function(key){var module=cssModules[key];computed[key]=function(){return module}})}return{esModule:esModule,exports:scriptExports,options:options}}},function(module,exports){module.exports={render:function(){var _vm=this,_h=_vm.$createElement,_c=_vm._self._c||_h;return _c("div",{staticClass:"loading-container"},[_c("div",{staticClass:"loading-backdrop"}),_vm._v(" "),_c("div",{staticClass:"loading"},[_vm.url?_c("img",{attrs:{src:_vm.url}}):_vm._e(),_vm._v(" "),_c("div",[_vm._v(_vm._s(_vm.message))])])])},staticRenderFns:[]}}]);

0

index.js
export { default } from './dist/vue-blockui.common'
export * from './dist/vue-blockui.common'
import './dist/vue-blockui.css'

2

package.json
{
"name": "vue-blockui",
"description": "BlockUI for vue 2, similiar to jquery blockUI, can be used for loading screen.",
"version": "1.1.3",
"version": "1.1.4",
"author": {

@@ -6,0 +6,0 @@ "name": "jeff",

92

README.md

@@ -20,3 +20,3 @@ # vue-blockui

## Default import (Recommended)
## Use Component

@@ -32,38 +32,9 @@ Install all the components:

Use specific components:
```javascript
import Vue from 'vue'
import { Test } from 'vue-blockui'
**
⚠️ If You see some errors during webpack compilation, you might be missing the right configuration for loading css in your <b>webpack.config.js</b>.
**
Vue.component('test', Test)
Under "rules", you should have below configuration:
```
## Distribution import
Install all the components:
```javascript
import Vue from 'vue'
import 'vue-blockui/dist/vue-blockui.css'
import BlockUI from 'vue-blockui/dist/vue-blockui.common'
Vue.use(BlockUI)
```
Use specific components:
```javascript
import Vue from 'vue'
import 'vue-blockui/dist/vue-blockui.css'
import { Test } from 'vue-blockui/dist/vue-blockui.common'
Vue.component('test', Test)
```
**⚠️ You may have to setup your bundler to embed the css file in your page.**
If you are using distribution import, You might have to include below configurations in your webpack config if you see errors related to css loading.
```
{

@@ -75,3 +46,3 @@ test: /\.css$/,

* Be aware that you might to install style-loader and css-loader through npm install if they are not there in your package.json.
* Be aware that you should have configured style-loader and css-loader in your package.json to support above rule.

@@ -82,49 +53,7 @@ ```

## Browser
```html
<link rel="stylesheet" href="vue-blockui/dist/vue-blockui.css"/>
**⚠️ You might need to configure your bundler to support `.vue` files.** More info [in the official documentation](https://vuejs.org/v2/guide/single-file-components.html).
<script src="vue.js"></script>
<script src="vue-blockui/dist/vue-blockui.browser.js"></script>
```
I would recommend you to create your VUE project using vue-cli, then it should included vue-loader in webpack by default.
The plugin should be auto-installed. If not, you can install it manually with the instructions below.
Install all the components:
```javascript
Vue.use(BlockUI)
```
Use specific components:
```javascript
Vue.component('test', BlockUI.Test)
```
## Source import
Install all the components:
```javascript
import Vue from 'vue'
import BlockUI from 'vue-blockui/src'
Vue.use(BlockUI)
```
Use specific components:
```javascript
import Vue from 'vue'
import { Test } from 'vue-blockui/src'
Vue.component('test', Test)
```
**⚠️ You need to configure your bundler to compile `.vue` files.** More info [in the official documentation](https://vuejs.org/v2/guide/single-file-components.html).
I would recommend you to create your VUE project using vue-cli, then it should included vue-loader in webpack.
# Usage

@@ -135,3 +64,3 @@

| message | Message to be shown in loading screen |
| url | <b>Optional Field</b>, image including svg/gif/png/jpg etc, you can use any animated/static image supported by img tag. |
| url | <b>Optional Field</b>, image including svg/gif/png/jpg etc, you can use any animated/static image supported by img tag. Please be aware that you'd better import the image resource then use it instead of directly using relative image path. Example can be found in this document|

@@ -177,2 +106,5 @@ Then, you can combine with <b>v-if</b>/<b>v-show</b> to show or hide the BlockUI.

# Plugin Development

@@ -179,0 +111,0 @@

0

src/index.js

@@ -0,0 +0,0 @@ import BlockUI from './components/BlockUI.vue'

.babelrc

Sorry, the diff of this file is not supported yet

.editorconfig

Sorry, the diff of this file is not supported yet

.eslintignore

Sorry, the diff of this file is not supported yet

.npmignore

Sorry, the diff of this file is not supported yet

src/components/BlockUI.vue

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc