vue-flexmonster
Advanced tools
Comparing version 1.0.0-beta4 to 1.0.0-beta5
/*! | ||
* vue-flexmonster v1.0.0-beta4 | ||
* vue-flexmonster v1.0.0-beta5 | ||
* (c) Flexmonster <help@flexmonster.com> | ||
@@ -31,2 +31,3 @@ * Released under the MIT License. | ||
var script = { | ||
name: "Pivot", | ||
props: { | ||
@@ -182,3 +183,3 @@ afterchartdraw: Function, | ||
var __vue_scope_id__ = "data-v-0bdac373"; | ||
var __vue_scope_id__ = "data-v-3d6e2fe2"; | ||
/* module identifier */ | ||
@@ -185,0 +186,0 @@ |
{ | ||
"name": "vue-flexmonster", | ||
"version": "1.0.0-beta4", | ||
"description": "Flexmonster Pivot Table & Charts with VueJS", | ||
"version": "1.0.0-beta5", | ||
"description": "VueJS Module for Flexmonster Pivot Table & Charts", | ||
"main": "./dist/index.js", | ||
"module": "./dist/index.esm.min.js", | ||
"unpkg": "./dist/index.umd.min.js", | ||
"jsdelivr": "./dist/index.umd.min.js", | ||
"scripts": { | ||
@@ -56,3 +59,4 @@ "dev": "vue serve Pivot.vue", | ||
"url": "https://flexmonster.com/forum/" | ||
} | ||
}, | ||
"homepage": "https://flexmonster.com/" | ||
} |
@@ -1,2 +0,95 @@ | ||
# vue-flexmonster | ||
Flexmonster Pivot Table & Charts Integration with VueJS | ||
# Vue module for Flexmonster Pivot Table & Charts | ||
[](https://flexmonster.com) | ||
This repository holds the source code for using [Flexmonster Pivot](https://www.flexmonster.com/) in [Vue](https://vuejs.org/) applications. | ||
* [Getting started](#getting-started) | ||
* [Usage](#usage) | ||
* [License](#license) | ||
* [Support & feedback](#support-feedback) | ||
## <a name="getting-started"></a>Getting Started ## | ||
If you don’t have Vue app, you can create it by running in the console: | ||
```bash | ||
vue create my-app | ||
cd my-app | ||
``` | ||
Add Flexmonster Vue module by running in the console: | ||
```bash | ||
npm i vue-flexmonster --save | ||
``` | ||
## <a name="usage"></a>Usage ## | ||
The Flexmonster Vue module can be used as a plugin or locally. | ||
<a name="usage-plugin"></a>1) Use Flexmonster Vue module as a Vue plugin | ||
1.1) Add the following lines to the main.js file: | ||
```bash | ||
import Pivot from "vue-flexmonster"; | ||
import 'flexmonster/flexmonster.css'; | ||
Vue.use(Pivot); | ||
``` | ||
<a name="usage-locally"></a>2) Register Flexmonster Vue module locally: | ||
2.1) Import `vue-flexmonster` in App.js: | ||
```bash | ||
import {Pivot} from "vue-flexmonster"; | ||
import 'flexmonster/flexmonster.css'; | ||
``` | ||
2.2) Add the module to the `components` property in App.js: | ||
```bash | ||
export default { | ||
name: 'app', | ||
components: { | ||
Pivot | ||
} | ||
} | ||
``` | ||
<a name="usage-template"></a>After defining as a plugin or local component, use the module in `<template></template>` in App.js: | ||
```bash | ||
<template> | ||
<div id="app"> | ||
<Pivot | ||
ref="pivot" | ||
v-bind:report="https://cdn.flexmonster.com/reports/report.json" | ||
></Pivot> | ||
</div> | ||
</template> | ||
``` | ||
Run your application from the console: | ||
```bash | ||
npm run serve | ||
``` | ||
To see the result open your browser on `http://localhost:8080/`. | ||
## <a name="license"></a>License ## | ||
Here is [Flexmonster licensing page](https://www.flexmonster.com/pivot-table-editions-and-pricing/). We have a free 30-day trial! | ||
Flexmonster Vue module is released as an MIT-licensed add-on to Flexmonster Pivot. | ||
## <a name="support-feedback"></a>Support & feedback ## | ||
Please share your feedback or ask questions via [Flexmonster Forum](https://www.flexmonster.com/forum/). |
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Minified code
QualityThis package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.
Found 1 instance in 1 package
No bug tracker
MaintenancePackage does not have a linked bug tracker in package.json.
Found 1 instance in 1 package
No bug tracker
MaintenancePackage does not have a linked bug tracker in package.json.
Found 1 instance in 1 package
No website
QualityPackage does not have a website.
Found 1 instance in 1 package
108055
20
1237
96
3
1