├── docs
├── config.md
├── README.md
├── .vuepress
│ ├── dist
│ │ ├── vue.png
│ │ ├── assets
│ │ │ ├── img
│ │ │ │ └── search.83621669.svg
│ │ │ └── js
│ │ │ │ ├── 12.cfd514c6.js
│ │ │ │ ├── 10.162be495.js
│ │ │ │ ├── 8.9cbb4712.js
│ │ │ │ ├── 9.da614f8e.js
│ │ │ │ ├── 6.7484ea1b.js
│ │ │ │ ├── 7.cd56efaa.js
│ │ │ │ └── 5.55c064ea.js
│ │ └── 404.html
│ ├── enhanceApp.js
│ ├── public
│ │ └── vue.png
│ ├── styles
│ │ └── index.styl
│ ├── components
│ │ ├── Hero.vue
│ │ └── ExampleViewer.vue
│ └── config.js
├── plugins
│ └── README.md
└── guide
│ └── README.md
├── src
├── types
│ └── index.ts
├── assets
│ └── logo.png
├── shims-vue.d.ts
├── main.ts
├── shims-tsx.d.ts
├── interfaces
│ └── index.ts
└── components
│ ├── index.js
│ ├── Dashboard.vue
│ └── Dashboard.model.ts
├── .browserslistrc
├── examples
├── vuetify
│ ├── .browserslistrc
│ ├── vue.config.js
│ ├── babel.config.js
│ ├── public
│ │ ├── favicon.ico
│ │ └── index.html
│ ├── src
│ │ ├── assets
│ │ │ ├── logo.png
│ │ │ └── logo.svg
│ │ ├── views
│ │ │ ├── About.vue
│ │ │ ├── Home.vue
│ │ │ ├── ApexCharts.vue
│ │ │ ├── Echarts.vue
│ │ │ ├── Chartjs.vue
│ │ │ └── EpicSpinners.vue
│ │ ├── plugins
│ │ │ └── vuetify.js
│ │ ├── main.js
│ │ ├── App.vue
│ │ ├── store
│ │ │ ├── index.js
│ │ │ ├── apexChartsUtils.js
│ │ │ ├── epicSpinners.js
│ │ │ ├── eCharts.js
│ │ │ └── layouts.js
│ │ ├── components
│ │ │ ├── Master.vue
│ │ │ ├── NavBar.vue
│ │ │ ├── TextCentered.vue
│ │ │ └── HelloWorld.vue
│ │ └── router
│ │ │ └── index.js
│ ├── .gitignore
│ ├── .eslintrc.js
│ ├── README.md
│ └── package.json
└── bootstrap-vue
│ ├── .browserslistrc
│ ├── babel.config.js
│ ├── public
│ ├── favicon.ico
│ └── index.html
│ ├── src
│ ├── assets
│ │ └── logo.png
│ ├── main.js
│ ├── plugins
│ │ └── bootstrap-vue.js
│ └── components
│ │ ├── Master.vue
│ │ ├── TextCentered.vue
│ │ └── HelloWorld.vue
│ ├── .gitignore
│ ├── .eslintrc.js
│ ├── README.md
│ └── package.json
├── plugins
├── packages
│ ├── apexCharts
│ │ ├── .browserslistrc
│ │ ├── vue.config.js
│ │ ├── public
│ │ │ ├── favicon.ico
│ │ │ └── index.html
│ │ ├── src
│ │ │ ├── plugins
│ │ │ │ └── apexcharts.js
│ │ │ ├── main.js
│ │ │ └── components
│ │ │ │ ├── ApexChartDashItem.vue
│ │ │ │ └── index.js
│ │ ├── dist
│ │ │ └── demo.html
│ │ ├── .eslintrc.js
│ │ ├── LICENSE
│ │ ├── package.json
│ │ └── README.md
│ ├── basicItems
│ │ ├── .browserslistrc
│ │ ├── vue.config.js
│ │ ├── public
│ │ │ ├── favicon.ico
│ │ │ └── index.html
│ │ ├── dist
│ │ │ └── demo.html
│ │ ├── types
│ │ │ └── index.d.ts
│ │ ├── src
│ │ │ ├── main.js
│ │ │ ├── components
│ │ │ │ ├── itemMixin.js
│ │ │ │ ├── TextMiddleCenter.vue
│ │ │ │ ├── index.js
│ │ │ │ └── layoutExamples.js
│ │ │ └── App.vue
│ │ ├── .eslintrc.js
│ │ ├── LICENSE
│ │ └── package.json
│ ├── chartjs
│ │ ├── .browserslistrc
│ │ ├── vue.config.js
│ │ ├── public
│ │ │ ├── favicon.ico
│ │ │ └── index.html
│ │ ├── dist
│ │ │ └── demo.html
│ │ ├── src
│ │ │ ├── main.js
│ │ │ └── components
│ │ │ │ ├── barChart.js
│ │ │ │ ├── pieChart.js
│ │ │ │ ├── lineChart.js
│ │ │ │ ├── mixinComponent.js
│ │ │ │ ├── radarChart.js
│ │ │ │ ├── bubbleChart.js
│ │ │ │ ├── doughnutChart.js
│ │ │ │ ├── scatterChart.js
│ │ │ │ ├── polarAreaChart.js
│ │ │ │ ├── horizontalBarChart.js
│ │ │ │ ├── BarChart.vue
│ │ │ │ ├── PieChart.vue
│ │ │ │ ├── LineChart.vue
│ │ │ │ ├── RadarChart.vue
│ │ │ │ ├── BubbleChart.vue
│ │ │ │ ├── ScatterChart.vue
│ │ │ │ ├── DoughnutChart.vue
│ │ │ │ ├── PolarAreaChart.vue
│ │ │ │ ├── horizontalBarChart.vue
│ │ │ │ └── index.js
│ │ ├── .eslintrc.js
│ │ ├── CHANGELOG.md
│ │ ├── LICENSE
│ │ └── package.json
│ ├── echarts
│ │ ├── .browserslistrc
│ │ ├── public
│ │ │ ├── favicon.ico
│ │ │ └── index.html
│ │ ├── src
│ │ │ ├── assets
│ │ │ │ └── logo.png
│ │ │ ├── main.js
│ │ │ ├── components
│ │ │ │ ├── BarChart.vue
│ │ │ │ ├── MapChart.vue
│ │ │ │ ├── PieChart.vue
│ │ │ │ ├── LineChart.vue
│ │ │ │ ├── RadarChart.vue
│ │ │ │ ├── ScatterChart.vue
│ │ │ │ ├── EffectScatterChart.vue
│ │ │ │ ├── chartMixin.js
│ │ │ │ └── index.js
│ │ │ ├── plugins
│ │ │ │ └── echarts.js
│ │ │ └── App.vue
│ │ ├── vue.config.js
│ │ ├── dist
│ │ │ └── demo.html
│ │ ├── .eslintrc.js
│ │ ├── CHANGELOG.md
│ │ ├── LICENSE
│ │ ├── package.json
│ │ └── README.md
│ ├── epic-spinners
│ │ ├── .browserslistrc
│ │ ├── vue.config.js
│ │ ├── public
│ │ │ ├── favicon.ico
│ │ │ └── index.html
│ │ ├── src
│ │ │ ├── assets
│ │ │ │ └── logo.png
│ │ │ ├── main.js
│ │ │ ├── components
│ │ │ │ ├── AtomSpinner.vue
│ │ │ │ ├── OrbitSpinner.vue
│ │ │ │ ├── PixelSpinner.vue
│ │ │ │ ├── RadarSpinner.vue
│ │ │ │ ├── FlowerSpinner.vue
│ │ │ │ ├── SpringSpinner.vue
│ │ │ │ ├── SemipolarSpinner.vue
│ │ │ │ ├── HalfCircleSpinner.vue
│ │ │ │ ├── FingerprintSpinner.vue
│ │ │ │ ├── TrinityRingsSpinner.vue
│ │ │ │ ├── MixinComponent.js
│ │ │ │ ├── ScalingSquaresSpinner.vue
│ │ │ │ ├── BreedingRhombusSpinner.vue
│ │ │ │ ├── SwappingSquaresSpinner.vue
│ │ │ │ ├── FulfillingSquareSpinner.vue
│ │ │ │ ├── SelfBuildingSquareSpinner.vue
│ │ │ │ ├── IntersectingCirclesSpinner.vue
│ │ │ │ ├── FulfillingBouncingCircleSpinner.vue
│ │ │ │ ├── LoopingRhombusesSpinner.vue
│ │ │ │ ├── CirclesToRhombusesSpinner.vue
│ │ │ │ ├── HollowDotsSpinner.vue
│ │ │ │ ├── RandomSpinner.vue
│ │ │ │ └── index.js
│ │ │ └── App.vue
│ │ ├── dist
│ │ │ └── demo.html
│ │ ├── .eslintrc.js
│ │ ├── CHANGELOG.md
│ │ ├── LICENSE
│ │ ├── package.json
│ │ └── README.md
│ ├── fusioncharts
│ │ ├── .browserslistrc
│ │ ├── vue.config.js
│ │ ├── public
│ │ │ ├── favicon.ico
│ │ │ └── index.html
│ │ ├── dist
│ │ │ ├── demo.html
│ │ │ └── fusioncharts.umd.min.js
│ │ ├── src
│ │ │ ├── main.js
│ │ │ ├── plugins
│ │ │ │ └── fusioncharts.js
│ │ │ ├── components
│ │ │ │ ├── FusionChart.vue
│ │ │ │ └── index.js
│ │ │ └── App.vue
│ │ ├── .eslintrc.js
│ │ ├── CHANGELOG.md
│ │ ├── LICENSE
│ │ ├── package.json
│ │ └── README.md
│ └── common
│ │ └── dataItems.js
├── lerna.json
├── CHANGELOG.md
└── package.json
├── babel.config.js
├── public
├── favicon.ico
└── index.html
├── jest.config.js
├── vue.config.js
├── dist
└── demo.html
├── types
└── index.d.ts
├── .gitignore
├── tests
└── unit
│ ├── example.spec2.ts
│ └── LayoutModel.spec.ts
├── .eslintrc.js
├── tsconfig.json
├── LICENSE
├── package.json
├── CODE_OF_CONDUCT.md
└── README.md
/docs/config.md:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/types/index.ts:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/.browserslistrc:
--------------------------------------------------------------------------------
1 | > 1%
2 | last 2 versions
3 |
--------------------------------------------------------------------------------
/examples/vuetify/.browserslistrc:
--------------------------------------------------------------------------------
1 | > 1%
2 | last 2 versions
3 |
--------------------------------------------------------------------------------
/examples/bootstrap-vue/.browserslistrc:
--------------------------------------------------------------------------------
1 | > 1%
2 | last 2 versions
3 |
--------------------------------------------------------------------------------
/docs/README.md:
--------------------------------------------------------------------------------
1 | ---
2 | sidebar: false
3 | ---
4 |
5 |
6 |
--------------------------------------------------------------------------------
/plugins/packages/apexCharts/.browserslistrc:
--------------------------------------------------------------------------------
1 | > 1%
2 | last 2 versions
3 |
--------------------------------------------------------------------------------
/plugins/packages/basicItems/.browserslistrc:
--------------------------------------------------------------------------------
1 | > 1%
2 | last 2 versions
3 |
--------------------------------------------------------------------------------
/plugins/packages/chartjs/.browserslistrc:
--------------------------------------------------------------------------------
1 | > 1%
2 | last 2 versions
3 |
--------------------------------------------------------------------------------
/plugins/packages/echarts/.browserslistrc:
--------------------------------------------------------------------------------
1 | > 1%
2 | last 2 versions
3 |
--------------------------------------------------------------------------------
/plugins/packages/epic-spinners/.browserslistrc:
--------------------------------------------------------------------------------
1 | > 1%
2 | last 2 versions
3 |
--------------------------------------------------------------------------------
/plugins/packages/fusioncharts/.browserslistrc:
--------------------------------------------------------------------------------
1 | > 1%
2 | last 2 versions
3 |
--------------------------------------------------------------------------------
/babel.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | presets: ["@vue/cli-plugin-babel/preset"],
3 | };
4 |
--------------------------------------------------------------------------------
/plugins/packages/chartjs/vue.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | css: { extract: false }
3 | };
4 |
--------------------------------------------------------------------------------
/examples/vuetify/vue.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | transpileDependencies: ["vuetify"]
3 | };
4 |
--------------------------------------------------------------------------------
/plugins/packages/apexCharts/vue.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | css: { extract: false }
3 | };
4 |
--------------------------------------------------------------------------------
/plugins/packages/basicItems/vue.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | css: { extract: false }
3 | };
4 |
--------------------------------------------------------------------------------
/plugins/packages/fusioncharts/vue.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | css: { extract: false }
3 | };
4 |
--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bensladden/vue-responsive-dash/HEAD/public/favicon.ico
--------------------------------------------------------------------------------
/plugins/lerna.json:
--------------------------------------------------------------------------------
1 | {
2 | "packages": [
3 | "packages/*"
4 | ],
5 | "version": "0.1.3"
6 | }
7 |
--------------------------------------------------------------------------------
/plugins/packages/epic-spinners/vue.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | css: { extract: false }
3 | };
4 |
--------------------------------------------------------------------------------
/src/assets/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bensladden/vue-responsive-dash/HEAD/src/assets/logo.png
--------------------------------------------------------------------------------
/src/shims-vue.d.ts:
--------------------------------------------------------------------------------
1 | declare module "*.vue" {
2 | import Vue from "vue";
3 | export default Vue;
4 | }
5 |
--------------------------------------------------------------------------------
/examples/vuetify/babel.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | presets: ["@vue/cli-plugin-babel/preset"]
3 | };
4 |
--------------------------------------------------------------------------------
/examples/bootstrap-vue/babel.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | presets: ["@vue/cli-plugin-babel/preset"]
3 | };
4 |
--------------------------------------------------------------------------------
/jest.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | preset: "@vue/cli-plugin-unit-jest/presets/typescript-and-babel",
3 | };
4 |
--------------------------------------------------------------------------------
/docs/.vuepress/dist/vue.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bensladden/vue-responsive-dash/HEAD/docs/.vuepress/dist/vue.png
--------------------------------------------------------------------------------
/docs/.vuepress/enhanceApp.js:
--------------------------------------------------------------------------------
1 | export default ({ Vue }) => {
2 | Vue.prototype.$__VERSION__ = process.env.VERSION
3 | }
4 |
--------------------------------------------------------------------------------
/docs/.vuepress/public/vue.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bensladden/vue-responsive-dash/HEAD/docs/.vuepress/public/vue.png
--------------------------------------------------------------------------------
/docs/.vuepress/styles/index.styl:
--------------------------------------------------------------------------------
1 | div.theme-default-content:not(.custom) {
2 | max-width: 100%;
3 | padding 2rem 2.5rem
4 | }
--------------------------------------------------------------------------------
/examples/vuetify/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bensladden/vue-responsive-dash/HEAD/examples/vuetify/public/favicon.ico
--------------------------------------------------------------------------------
/examples/vuetify/src/assets/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bensladden/vue-responsive-dash/HEAD/examples/vuetify/src/assets/logo.png
--------------------------------------------------------------------------------
/vue.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | configureWebpack: {
3 | devtool: "source-map",
4 | },
5 | css: { extract: false },
6 | };
7 |
--------------------------------------------------------------------------------
/examples/bootstrap-vue/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bensladden/vue-responsive-dash/HEAD/examples/bootstrap-vue/public/favicon.ico
--------------------------------------------------------------------------------
/examples/vuetify/src/views/About.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
This is an about page
4 |
5 |
6 |
--------------------------------------------------------------------------------
/examples/bootstrap-vue/src/assets/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bensladden/vue-responsive-dash/HEAD/examples/bootstrap-vue/src/assets/logo.png
--------------------------------------------------------------------------------
/plugins/packages/chartjs/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bensladden/vue-responsive-dash/HEAD/plugins/packages/chartjs/public/favicon.ico
--------------------------------------------------------------------------------
/plugins/packages/echarts/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bensladden/vue-responsive-dash/HEAD/plugins/packages/echarts/public/favicon.ico
--------------------------------------------------------------------------------
/plugins/packages/apexCharts/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bensladden/vue-responsive-dash/HEAD/plugins/packages/apexCharts/public/favicon.ico
--------------------------------------------------------------------------------
/plugins/packages/basicItems/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bensladden/vue-responsive-dash/HEAD/plugins/packages/basicItems/public/favicon.ico
--------------------------------------------------------------------------------
/plugins/packages/echarts/src/assets/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bensladden/vue-responsive-dash/HEAD/plugins/packages/echarts/src/assets/logo.png
--------------------------------------------------------------------------------
/plugins/packages/echarts/vue.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | css: { extract: false },
3 | transpileDependencies: ["vue-echarts", "resize-detector"]
4 | };
5 |
--------------------------------------------------------------------------------
/plugins/packages/fusioncharts/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bensladden/vue-responsive-dash/HEAD/plugins/packages/fusioncharts/public/favicon.ico
--------------------------------------------------------------------------------
/plugins/packages/epic-spinners/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bensladden/vue-responsive-dash/HEAD/plugins/packages/epic-spinners/public/favicon.ico
--------------------------------------------------------------------------------
/plugins/packages/epic-spinners/src/assets/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bensladden/vue-responsive-dash/HEAD/plugins/packages/epic-spinners/src/assets/logo.png
--------------------------------------------------------------------------------
/plugins/packages/apexCharts/src/plugins/apexcharts.js:
--------------------------------------------------------------------------------
1 | import Vue from "vue";
2 | import VueApexCharts from "vue-apexcharts";
3 | Vue.component("apexchart", VueApexCharts);
4 |
--------------------------------------------------------------------------------
/src/main.ts:
--------------------------------------------------------------------------------
1 | import Vue from "vue";
2 | import App from "./App.vue";
3 | Vue.config.productionTip = false;
4 |
5 | new Vue({
6 | render: (h) => h(App),
7 | }).$mount("#app");
8 |
--------------------------------------------------------------------------------
/plugins/packages/chartjs/dist/demo.html:
--------------------------------------------------------------------------------
1 |
2 | chartjs demo
3 |
4 |
5 |
6 |
9 |
--------------------------------------------------------------------------------
/plugins/packages/echarts/dist/demo.html:
--------------------------------------------------------------------------------
1 |
2 | echarts demo
3 |
4 |
5 |
6 |
9 |
--------------------------------------------------------------------------------
/dist/demo.html:
--------------------------------------------------------------------------------
1 |
2 | vue-responsive-dash demo
3 |
4 |
5 |
6 |
9 |
--------------------------------------------------------------------------------
/plugins/packages/apexCharts/dist/demo.html:
--------------------------------------------------------------------------------
1 |
2 | apexcharts demo
3 |
4 |
5 |
6 |
9 |
--------------------------------------------------------------------------------
/plugins/packages/basicItems/dist/demo.html:
--------------------------------------------------------------------------------
1 |
2 | basic-items demo
3 |
4 |
5 |
6 |
9 |
--------------------------------------------------------------------------------
/plugins/packages/fusioncharts/dist/demo.html:
--------------------------------------------------------------------------------
1 |
2 | fusioncharts demo
3 |
4 |
5 |
6 |
9 |
--------------------------------------------------------------------------------
/plugins/packages/epic-spinners/dist/demo.html:
--------------------------------------------------------------------------------
1 |
2 | epic-spinners demo
3 |
4 |
5 |
6 |
9 |
--------------------------------------------------------------------------------
/examples/bootstrap-vue/src/main.js:
--------------------------------------------------------------------------------
1 | import Vue from "vue";
2 | import "./plugins/bootstrap-vue";
3 | import App from "./App.vue";
4 |
5 | Vue.config.productionTip = false;
6 |
7 | new Vue({
8 | render: h => h(App)
9 | }).$mount("#app");
10 |
--------------------------------------------------------------------------------
/plugins/packages/basicItems/types/index.d.ts:
--------------------------------------------------------------------------------
1 | declare module 'vue-responsive-dash/basic-items' {
2 | import { Component, } from 'vue'
3 |
4 | const TextMiddleCenter : Component
5 |
6 | export {
7 | TextMiddleCenter,
8 | }
9 | }
--------------------------------------------------------------------------------
/plugins/packages/chartjs/src/main.js:
--------------------------------------------------------------------------------
1 | import Vue from "vue";
2 | import App from "./App.vue";
3 |
4 | Vue.config.productionTip = false;
5 |
6 | new Vue({
7 | render: function(h) {
8 | return h(App);
9 | }
10 | }).$mount("#app");
11 |
--------------------------------------------------------------------------------
/examples/vuetify/src/plugins/vuetify.js:
--------------------------------------------------------------------------------
1 | import Vue from "vue";
2 | import Vuetify from "vuetify/lib";
3 | import { preset } from "vue-cli-plugin-vuetify-preset-reply/preset";
4 |
5 | Vue.use(Vuetify);
6 |
7 | export default new Vuetify({ preset });
8 |
--------------------------------------------------------------------------------
/plugins/packages/basicItems/src/main.js:
--------------------------------------------------------------------------------
1 | import Vue from "vue";
2 | import App from "./App.vue";
3 |
4 | Vue.config.productionTip = false;
5 |
6 | new Vue({
7 | render: function(h) {
8 | return h(App);
9 | }
10 | }).$mount("#app");
11 |
--------------------------------------------------------------------------------
/plugins/packages/epic-spinners/src/main.js:
--------------------------------------------------------------------------------
1 | import Vue from "vue";
2 | import App from "./App.vue";
3 |
4 | Vue.config.productionTip = false;
5 |
6 | new Vue({
7 | render: function(h) {
8 | return h(App);
9 | }
10 | }).$mount("#app");
11 |
--------------------------------------------------------------------------------
/examples/bootstrap-vue/src/plugins/bootstrap-vue.js:
--------------------------------------------------------------------------------
1 | import Vue from "vue";
2 |
3 | import BootstrapVue from "bootstrap-vue";
4 | import "bootstrap/dist/css/bootstrap.min.css";
5 | import "bootstrap-vue/dist/bootstrap-vue.css";
6 |
7 | Vue.use(BootstrapVue);
8 |
--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/search.83621669.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/plugins/packages/echarts/src/main.js:
--------------------------------------------------------------------------------
1 | import Vue from "vue";
2 | import App from "./App.vue";
3 | import "./plugins/echarts";
4 | Vue.config.productionTip = false;
5 |
6 | new Vue({
7 | render: function(h) {
8 | return h(App);
9 | }
10 | }).$mount("#app");
11 |
--------------------------------------------------------------------------------
/types/index.d.ts:
--------------------------------------------------------------------------------
1 | declare module "vue-responsive-dash" {
2 | import { Component } from "vue";
3 |
4 | const Dashboard: Component;
5 | const DashItem: Component;
6 | const DashLayout: Component;
7 |
8 | export { Dashboard, DashItem, DashLayout };
9 | }
10 |
--------------------------------------------------------------------------------
/plugins/packages/apexCharts/src/main.js:
--------------------------------------------------------------------------------
1 | import Vue from "vue";
2 | import App from "./App.vue";
3 | //import "./plugins/apexcharts";
4 |
5 | Vue.config.productionTip = false;
6 |
7 | new Vue({
8 | render: function (h) {
9 | return h(App);
10 | },
11 | }).$mount("#app");
12 |
--------------------------------------------------------------------------------
/plugins/packages/fusioncharts/src/main.js:
--------------------------------------------------------------------------------
1 | import Vue from "vue";
2 | import App from "./App.vue";
3 | import "./plugins/fusioncharts";
4 |
5 | Vue.config.productionTip = false;
6 |
7 | new Vue({
8 | render: function(h) {
9 | return h(App);
10 | }
11 | }).$mount("#app");
12 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | node_modules
3 |
4 | # local env files
5 | .env.local
6 | .env.*.local
7 |
8 | # Log files
9 | npm-debug.log*
10 | yarn-debug.log*
11 | yarn-error.log*
12 |
13 | # Editor directories and files
14 | .idea
15 | .vscode
16 | *.suo
17 | *.ntvs*
18 | *.njsproj
19 | *.sln
20 | *.sw?
21 |
--------------------------------------------------------------------------------
/examples/vuetify/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | node_modules
3 | /dist
4 |
5 | # local env files
6 | .env.local
7 | .env.*.local
8 |
9 | # Log files
10 | npm-debug.log*
11 | yarn-debug.log*
12 | yarn-error.log*
13 |
14 | # Editor directories and files
15 | .idea
16 | .vscode
17 | *.suo
18 | *.ntvs*
19 | *.njsproj
20 | *.sln
21 | *.sw?
22 |
--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/12.cfd514c6.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[12],{400:function(t,e,n){"use strict";n.r(e);var s=n(41),l=Object(s.a)({},(function(){var t=this.$createElement;return(this._self._c||t)("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}})}),[],!1,null,null,null);e.default=l.exports}}]);
--------------------------------------------------------------------------------
/examples/bootstrap-vue/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | node_modules
3 | /dist
4 |
5 | # local env files
6 | .env.local
7 | .env.*.local
8 |
9 | # Log files
10 | npm-debug.log*
11 | yarn-debug.log*
12 | yarn-error.log*
13 |
14 | # Editor directories and files
15 | .idea
16 | .vscode
17 | *.suo
18 | *.ntvs*
19 | *.njsproj
20 | *.sln
21 | *.sw?
22 |
--------------------------------------------------------------------------------
/plugins/packages/fusioncharts/src/plugins/fusioncharts.js:
--------------------------------------------------------------------------------
1 | import Vue from "vue";
2 | import VueFusionCharts from "vue-fusioncharts";
3 |
4 | // import FusionCharts modules and resolve dependency
5 | import FusionCharts from "fusioncharts";
6 | import Charts from "fusioncharts/fusioncharts.charts";
7 |
8 | Vue.use(VueFusionCharts, FusionCharts, Charts);
9 |
--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/10.162be495.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[10],{402:function(t,e,n){"use strict";n.r(e);var s=n(41),o=Object(s.a)({},(function(){var t=this.$createElement,e=this._self._c||t;return e("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[e("Hero")],1)}),[],!1,null,null,null);e.default=o.exports}}]);
--------------------------------------------------------------------------------
/examples/vuetify/src/main.js:
--------------------------------------------------------------------------------
1 | import Vue from "vue";
2 | import App from "./App.vue";
3 | import vuetify from "./plugins/vuetify";
4 | import store from "./store";
5 | import router from "./router";
6 |
7 | Vue.config.productionTip = false;
8 |
9 | new Vue({
10 | vuetify,
11 | store,
12 | router,
13 | render: h => h(App)
14 | }).$mount("#app");
15 |
--------------------------------------------------------------------------------
/plugins/CHANGELOG.md:
--------------------------------------------------------------------------------
1 | # Change Log
2 |
3 | All notable changes to this project will be documented in this file.
4 | See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5 |
6 | ## [0.1.3](https://github.com/bensladden/vue-responsive-dash/compare/v0.3.24...v0.1.3) (2020-03-29)
7 |
8 | **Note:** Version bump only for package @vue-responsive-dash/plugins
9 |
--------------------------------------------------------------------------------
/src/shims-tsx.d.ts:
--------------------------------------------------------------------------------
1 | import Vue, { VNode } from "vue";
2 |
3 | declare global {
4 | namespace JSX {
5 | // tslint:disable no-empty-interface
6 | interface Element extends VNode {}
7 | // tslint:disable no-empty-interface
8 | interface ElementClass extends Vue {}
9 | interface IntrinsicElements {
10 | [elem: string]: any;
11 | }
12 | }
13 | }
14 |
--------------------------------------------------------------------------------
/examples/vuetify/.eslintrc.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | root: true,
3 | env: {
4 | node: true
5 | },
6 | extends: ["plugin:vue/essential", "eslint:recommended", "@vue/prettier"],
7 | parserOptions: {
8 | parser: "babel-eslint"
9 | },
10 | rules: {
11 | "no-console": process.env.NODE_ENV === "production" ? "error" : "off",
12 | "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off"
13 | }
14 | };
15 |
--------------------------------------------------------------------------------
/examples/bootstrap-vue/.eslintrc.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | root: true,
3 | env: {
4 | node: true
5 | },
6 | extends: ["plugin:vue/essential", "eslint:recommended", "@vue/prettier"],
7 | parserOptions: {
8 | parser: "babel-eslint"
9 | },
10 | rules: {
11 | "no-console": process.env.NODE_ENV === "production" ? "error" : "off",
12 | "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off"
13 | }
14 | };
15 |
--------------------------------------------------------------------------------
/plugins/packages/apexCharts/.eslintrc.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | root: true,
3 | env: {
4 | node: true
5 | },
6 | extends: ["plugin:vue/essential", "eslint:recommended", "@vue/prettier"],
7 | parserOptions: {
8 | ecmaVersion: 2020
9 | },
10 | rules: {
11 | "no-console": process.env.NODE_ENV === "production" ? "error" : "off",
12 | "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off"
13 | }
14 | };
15 |
--------------------------------------------------------------------------------
/plugins/packages/basicItems/.eslintrc.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | root: true,
3 | env: {
4 | node: true
5 | },
6 | extends: ["plugin:vue/essential", "eslint:recommended", "@vue/prettier"],
7 | parserOptions: {
8 | ecmaVersion: 2020
9 | },
10 | rules: {
11 | "no-console": process.env.NODE_ENV === "production" ? "error" : "off",
12 | "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off"
13 | }
14 | };
15 |
--------------------------------------------------------------------------------
/plugins/packages/chartjs/.eslintrc.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | root: true,
3 | env: {
4 | node: true
5 | },
6 | extends: ["plugin:vue/essential", "eslint:recommended", "@vue/prettier"],
7 | parserOptions: {
8 | ecmaVersion: 2020
9 | },
10 | rules: {
11 | "no-console": process.env.NODE_ENV === "production" ? "error" : "off",
12 | "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off"
13 | }
14 | };
15 |
--------------------------------------------------------------------------------
/plugins/packages/echarts/.eslintrc.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | root: true,
3 | env: {
4 | node: true
5 | },
6 | extends: ["plugin:vue/essential", "eslint:recommended", "@vue/prettier"],
7 | parserOptions: {
8 | ecmaVersion: 2020
9 | },
10 | rules: {
11 | "no-console": process.env.NODE_ENV === "production" ? "error" : "off",
12 | "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off"
13 | }
14 | };
15 |
--------------------------------------------------------------------------------
/examples/vuetify/README.md:
--------------------------------------------------------------------------------
1 | # vuetify
2 |
3 | ## Project setup
4 | ```
5 | npm install
6 | ```
7 |
8 | ### Compiles and hot-reloads for development
9 | ```
10 | npm run serve
11 | ```
12 |
13 | ### Compiles and minifies for production
14 | ```
15 | npm run build
16 | ```
17 |
18 | ### Lints and fixes files
19 | ```
20 | npm run lint
21 | ```
22 |
23 | ### Customize configuration
24 | See [Configuration Reference](https://cli.vuejs.org/config/).
25 |
--------------------------------------------------------------------------------
/plugins/packages/chartjs/src/components/barChart.js:
--------------------------------------------------------------------------------
1 | import { Bar, mixins } from "vue-chartjs";
2 | const { reactiveProp } = mixins;
3 |
4 | export default {
5 | extends: Bar,
6 | mixins: [reactiveProp],
7 | props: ["options"],
8 | mounted() {
9 | // this.chartData is created in the mixin.
10 | // If you want to pass options please create a local options object
11 | this.renderChart(this.chartData, this.options);
12 | }
13 | };
14 |
--------------------------------------------------------------------------------
/plugins/packages/chartjs/src/components/pieChart.js:
--------------------------------------------------------------------------------
1 | import { Pie, mixins } from "vue-chartjs";
2 | const { reactiveProp } = mixins;
3 |
4 | export default {
5 | extends: Pie,
6 | mixins: [reactiveProp],
7 | props: ["options"],
8 | mounted() {
9 | // this.chartData is created in the mixin.
10 | // If you want to pass options please create a local options object
11 | this.renderChart(this.chartData, this.options);
12 | }
13 | };
14 |
--------------------------------------------------------------------------------
/plugins/packages/epic-spinners/.eslintrc.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | root: true,
3 | env: {
4 | node: true
5 | },
6 | extends: ["plugin:vue/essential", "eslint:recommended", "@vue/prettier"],
7 | parserOptions: {
8 | ecmaVersion: 2020
9 | },
10 | rules: {
11 | "no-console": process.env.NODE_ENV === "production" ? "error" : "off",
12 | "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off"
13 | }
14 | };
15 |
--------------------------------------------------------------------------------
/plugins/packages/fusioncharts/.eslintrc.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | root: true,
3 | env: {
4 | node: true
5 | },
6 | extends: ["plugin:vue/essential", "eslint:recommended", "@vue/prettier"],
7 | parserOptions: {
8 | ecmaVersion: 2020
9 | },
10 | rules: {
11 | "no-console": process.env.NODE_ENV === "production" ? "error" : "off",
12 | "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off"
13 | }
14 | };
15 |
--------------------------------------------------------------------------------
/tests/unit/example.spec2.ts:
--------------------------------------------------------------------------------
1 | // import { shallowMount } from "@vue/test-utils";
2 | // import HelloWorld from "@/components/HelloWorld.vue";
3 |
4 | // describe("HelloWorld.vue", () => {
5 | // it("renders props.msg when passed", () => {
6 | // const msg = "new message";
7 | // const wrapper = shallowMount(HelloWorld, {
8 | // propsData: { msg },
9 | // });
10 | // expect(wrapper.text()).toMatch(msg);
11 | // });
12 | // });
13 |
--------------------------------------------------------------------------------
/examples/vuetify/src/App.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
18 |
24 |
--------------------------------------------------------------------------------
/plugins/packages/basicItems/src/components/itemMixin.js:
--------------------------------------------------------------------------------
1 | export default {
2 | inject: ["$item"],
3 | computed: {
4 | item() {
5 | return this.$item();
6 | },
7 | width() {
8 | if (this.item) {
9 | return this.item.widthPx;
10 | }
11 | return 0;
12 | },
13 | height() {
14 | if (this.item) {
15 | return this.item.heightPx;
16 | }
17 | return 0;
18 | },
19 | },
20 | };
21 |
--------------------------------------------------------------------------------
/plugins/packages/chartjs/src/components/lineChart.js:
--------------------------------------------------------------------------------
1 | import { Line, mixins } from "vue-chartjs";
2 | const { reactiveProp } = mixins;
3 |
4 | export default {
5 | extends: Line,
6 | mixins: [reactiveProp],
7 | props: ["options"],
8 | mounted() {
9 | // this.chartData is created in the mixin.
10 | // If you want to pass options please create a local options object
11 | this.renderChart(this.chartData, this.options);
12 | }
13 | };
14 |
--------------------------------------------------------------------------------
/plugins/packages/chartjs/src/components/mixinComponent.js:
--------------------------------------------------------------------------------
1 | export default {
2 | inject: ["$item"],
3 | computed: {
4 | item() {
5 | return this.$item();
6 | },
7 | width() {
8 | if (this.item) {
9 | return this.item.widthPx;
10 | }
11 | return 0;
12 | },
13 | height() {
14 | if (this.item) {
15 | return this.item.heightPx;
16 | }
17 | return 0;
18 | }
19 | }
20 | };
21 |
--------------------------------------------------------------------------------
/plugins/packages/chartjs/src/components/radarChart.js:
--------------------------------------------------------------------------------
1 | import { Radar, mixins } from "vue-chartjs";
2 | const { reactiveProp } = mixins;
3 |
4 | export default {
5 | extends: Radar,
6 | mixins: [reactiveProp],
7 | props: ["options"],
8 | mounted() {
9 | // this.chartData is created in the mixin.
10 | // If you want to pass options please create a local options object
11 | this.renderChart(this.chartData, this.options);
12 | }
13 | };
14 |
--------------------------------------------------------------------------------
/examples/bootstrap-vue/README.md:
--------------------------------------------------------------------------------
1 | # bootstrap-vue
2 |
3 | ## Project setup
4 | ```
5 | npm install
6 | ```
7 |
8 | ### Compiles and hot-reloads for development
9 | ```
10 | npm run serve
11 | ```
12 |
13 | ### Compiles and minifies for production
14 | ```
15 | npm run build
16 | ```
17 |
18 | ### Lints and fixes files
19 | ```
20 | npm run lint
21 | ```
22 |
23 | ### Customize configuration
24 | See [Configuration Reference](https://cli.vuejs.org/config/).
25 |
--------------------------------------------------------------------------------
/plugins/packages/chartjs/src/components/bubbleChart.js:
--------------------------------------------------------------------------------
1 | import { Bubble, mixins } from "vue-chartjs";
2 | const { reactiveProp } = mixins;
3 |
4 | export default {
5 | extends: Bubble,
6 | mixins: [reactiveProp],
7 | props: ["options"],
8 | mounted() {
9 | // this.chartData is created in the mixin.
10 | // If you want to pass options please create a local options object
11 | this.renderChart(this.chartData, this.options);
12 | }
13 | };
14 |
--------------------------------------------------------------------------------
/plugins/packages/chartjs/src/components/doughnutChart.js:
--------------------------------------------------------------------------------
1 | import { Doughnut, mixins } from "vue-chartjs";
2 | const { reactiveProp } = mixins;
3 |
4 | export default {
5 | extends: Doughnut,
6 | mixins: [reactiveProp],
7 | props: ["options"],
8 | mounted() {
9 | // this.chartData is created in the mixin.
10 | // If you want to pass options please create a local options object
11 | this.renderChart(this.chartData, this.options);
12 | }
13 | };
14 |
--------------------------------------------------------------------------------
/plugins/packages/chartjs/src/components/scatterChart.js:
--------------------------------------------------------------------------------
1 | import { Scatter, mixins } from "vue-chartjs";
2 | const { reactiveProp } = mixins;
3 |
4 | export default {
5 | extends: Scatter,
6 | mixins: [reactiveProp],
7 | props: ["options"],
8 | mounted() {
9 | // this.chartData is created in the mixin.
10 | // If you want to pass options please create a local options object
11 | this.renderChart(this.chartData, this.options);
12 | }
13 | };
14 |
--------------------------------------------------------------------------------
/plugins/packages/chartjs/src/components/polarAreaChart.js:
--------------------------------------------------------------------------------
1 | import { PolarArea, mixins } from "vue-chartjs";
2 | const { reactiveProp } = mixins;
3 |
4 | export default {
5 | extends: PolarArea,
6 | mixins: [reactiveProp],
7 | props: ["options"],
8 | mounted() {
9 | // this.chartData is created in the mixin.
10 | // If you want to pass options please create a local options object
11 | this.renderChart(this.chartData, this.options);
12 | }
13 | };
14 |
--------------------------------------------------------------------------------
/plugins/packages/chartjs/src/components/horizontalBarChart.js:
--------------------------------------------------------------------------------
1 | import { HorizontalBar, mixins } from "vue-chartjs";
2 | const { reactiveProp } = mixins;
3 |
4 | export default {
5 | extends: HorizontalBar,
6 | mixins: [reactiveProp],
7 | props: ["options"],
8 | mounted() {
9 | // this.chartData is created in the mixin.
10 | // If you want to pass options please create a local options object
11 | this.renderChart(this.chartData, this.options);
12 | }
13 | };
14 |
--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/8.9cbb4712.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[8],{327:function(t,e,n){},379:function(t,e,n){"use strict";var i=n(327);n.n(i).a},403:function(t,e,n){"use strict";n.r(e);var i={functional:!0,props:{type:{type:String,default:"tip"},text:String,vertical:{type:String,default:"top"}},render:function(t,e){var n=e.props,i=e.slots;return t("span",{class:["badge",n.type],style:{verticalAlign:n.vertical}},n.text||i().default)}},r=(n(379),n(41)),a=Object(r.a)(i,void 0,void 0,!1,null,"15b7b770",null);e.default=a.exports}}]);
--------------------------------------------------------------------------------
/plugins/packages/echarts/src/components/BarChart.vue:
--------------------------------------------------------------------------------
1 |
2 |
12 |
13 |
14 |
21 |
--------------------------------------------------------------------------------
/plugins/packages/echarts/src/components/MapChart.vue:
--------------------------------------------------------------------------------
1 |
2 |
12 |
13 |
14 |
21 |
--------------------------------------------------------------------------------
/plugins/packages/echarts/src/components/PieChart.vue:
--------------------------------------------------------------------------------
1 |
2 |
12 |
13 |
14 |
21 |
--------------------------------------------------------------------------------
/examples/vuetify/src/store/index.js:
--------------------------------------------------------------------------------
1 | import Vue from "vue";
2 | import Vuex from "vuex";
3 | import layouts from "./layouts";
4 |
5 | import chartjs from "./chartjs";
6 | import eCharts from "./eCharts";
7 | import epicSpinners from "./epicSpinners";
8 | import apexCharts from "./apexCharts"
9 |
10 | Vue.use(Vuex);
11 |
12 | /* eslint-disable no-new */
13 | const store = new Vuex.Store({
14 | modules: {
15 | layouts,
16 | chartjs,
17 | eCharts,
18 | epicSpinners,
19 | apexCharts
20 | }
21 | });
22 |
23 | export default store;
24 |
--------------------------------------------------------------------------------
/plugins/packages/echarts/src/components/LineChart.vue:
--------------------------------------------------------------------------------
1 |
2 |
12 |
13 |
14 |
21 |
--------------------------------------------------------------------------------
/plugins/packages/echarts/src/components/RadarChart.vue:
--------------------------------------------------------------------------------
1 |
2 |
12 |
13 |
14 |
21 |
--------------------------------------------------------------------------------
/plugins/packages/echarts/src/components/ScatterChart.vue:
--------------------------------------------------------------------------------
1 |
2 |
12 |
13 |
14 |
21 |
--------------------------------------------------------------------------------
/examples/vuetify/src/assets/logo.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/plugins/packages/echarts/src/components/EffectScatterChart.vue:
--------------------------------------------------------------------------------
1 |
2 |
12 |
13 |
14 |
21 |
--------------------------------------------------------------------------------
/plugins/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "@vue-responsive-dash/plugins",
3 | "homepage": "https://vue-responsive-dash.netlify.com",
4 | "author": "Ben Sladden",
5 | "version": "0.1.0",
6 | "devDependencies": {
7 | "lerna": "^3.20.2"
8 | },
9 | "scripts": {
10 | "bootstrap": "lerna bootstrap --hoist",
11 | "clean": "lerna clean",
12 | "build:lib": "lerna run build:lib --stream",
13 | "lint": "lerna run lint",
14 | "version": "lerna version --conventional-commits",
15 | "publish" : "lerna publish --conventional-commits"
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/plugins/packages/chartjs/CHANGELOG.md:
--------------------------------------------------------------------------------
1 | # Change Log
2 |
3 | All notable changes to this project will be documented in this file.
4 | See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5 |
6 | ## [0.1.3](https://github.com/bensladden/vue-responsive-dash/compare/v0.3.24...v0.1.3) (2020-03-29)
7 |
8 | **Note:** Version bump only for package @vue-responsive-dash/chartjs
9 |
10 |
11 |
12 |
13 |
14 | ## [0.1.2](https://github.com/bensladden/vue-responsive-dash/compare/v0.3.15...v0.1.2) (2020-03-23)
15 |
16 | **Note:** Version bump only for package @vue-responsive-dash/chartjs
17 |
--------------------------------------------------------------------------------
/plugins/packages/echarts/CHANGELOG.md:
--------------------------------------------------------------------------------
1 | # Change Log
2 |
3 | All notable changes to this project will be documented in this file.
4 | See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5 |
6 | ## [0.1.3](https://github.com/bensladden/vue-responsive-dash/compare/v0.3.24...v0.1.3) (2020-03-29)
7 |
8 | **Note:** Version bump only for package @vue-responsive-dash/echarts
9 |
10 |
11 |
12 |
13 |
14 | ## [0.1.2](https://github.com/bensladden/vue-responsive-dash/compare/v0.3.15...v0.1.2) (2020-03-23)
15 |
16 | **Note:** Version bump only for package @vue-responsive-dash/echarts
17 |
--------------------------------------------------------------------------------
/plugins/packages/epic-spinners/CHANGELOG.md:
--------------------------------------------------------------------------------
1 | # Change Log
2 |
3 | All notable changes to this project will be documented in this file.
4 | See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5 |
6 | ## [0.1.3](https://github.com/bensladden/vue-responsive-dash/compare/v0.3.24...v0.1.3) (2020-03-29)
7 |
8 | **Note:** Version bump only for package @vue-responsive-dash/epic-spinners
9 |
10 |
11 |
12 |
13 |
14 | ## [0.1.2](https://github.com/bensladden/vue-responsive-dash/compare/v0.3.15...v0.1.2) (2020-03-23)
15 |
16 | **Note:** Version bump only for package @vue-responsive-dash/epic-spinners
17 |
--------------------------------------------------------------------------------
/plugins/packages/fusioncharts/CHANGELOG.md:
--------------------------------------------------------------------------------
1 | # Change Log
2 |
3 | All notable changes to this project will be documented in this file.
4 | See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5 |
6 | ## [0.1.3](https://github.com/bensladden/vue-responsive-dash/compare/v0.3.24...v0.1.3) (2020-03-29)
7 |
8 | **Note:** Version bump only for package @vue-responsive-dash/fusioncharts
9 |
10 |
11 |
12 |
13 |
14 | ## [0.1.2](https://github.com/bensladden/vue-responsive-dash/compare/v0.3.15...v0.1.2) (2020-03-23)
15 |
16 | **Note:** Version bump only for package @vue-responsive-dash/fusioncharts
17 |
--------------------------------------------------------------------------------
/examples/vuetify/src/components/Master.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
29 |
30 |
31 |
--------------------------------------------------------------------------------
/examples/vuetify/src/components/NavBar.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 | Vue Responsive Dash
4 |
5 | Basic
6 | Epic Spinners
7 | ApexCharts
8 | Chartjs
9 | Echarts
10 |
11 |
12 |
13 |
16 |
17 |
18 |
--------------------------------------------------------------------------------
/examples/bootstrap-vue/src/components/Master.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
29 |
30 |
31 |
--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | vue-responsive-dash
9 |
10 |
11 |
14 |
15 |
16 |
17 |
18 |
--------------------------------------------------------------------------------
/.eslintrc.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | root: true,
3 | env: {
4 | node: true,
5 | },
6 | extends: ["plugin:vue/essential", "@vue/prettier", "@vue/typescript"],
7 | rules: {
8 | "no-console": process.env.NODE_ENV === "production" ? "error" : "off",
9 | "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off",
10 | },
11 | parserOptions: {
12 | parser: "@typescript-eslint/parser",
13 | },
14 | overrides: [
15 | {
16 | files: [
17 | "**/__tests__/*.{j,t}s?(x)",
18 | "**/tests/unit/**/*.spec.{j,t}s?(x)",
19 | ],
20 | env: {
21 | jest: true,
22 | },
23 | },
24 | ],
25 | };
26 |
--------------------------------------------------------------------------------
/plugins/packages/epic-spinners/src/components/AtomSpinner.vue:
--------------------------------------------------------------------------------
1 |
2 |
12 |
13 |
14 |
26 |
--------------------------------------------------------------------------------
/plugins/packages/epic-spinners/src/components/OrbitSpinner.vue:
--------------------------------------------------------------------------------
1 |
2 |
12 |
13 |
14 |
26 |
--------------------------------------------------------------------------------
/plugins/packages/epic-spinners/src/components/PixelSpinner.vue:
--------------------------------------------------------------------------------
1 |
2 |
12 |
13 |
14 |
26 |
--------------------------------------------------------------------------------
/plugins/packages/epic-spinners/src/components/RadarSpinner.vue:
--------------------------------------------------------------------------------
1 |
2 |
12 |
13 |
14 |
26 |
--------------------------------------------------------------------------------
/plugins/packages/epic-spinners/src/components/FlowerSpinner.vue:
--------------------------------------------------------------------------------
1 |
2 |
12 |
13 |
14 |
26 |
--------------------------------------------------------------------------------
/plugins/packages/epic-spinners/src/components/SpringSpinner.vue:
--------------------------------------------------------------------------------
1 |
2 |
12 |
13 |
14 |
26 |
--------------------------------------------------------------------------------
/plugins/packages/epic-spinners/src/components/SemipolarSpinner.vue:
--------------------------------------------------------------------------------
1 |
2 |
12 |
13 |
14 |
26 |
--------------------------------------------------------------------------------
/plugins/packages/epic-spinners/src/components/HalfCircleSpinner.vue:
--------------------------------------------------------------------------------
1 |
2 |
12 |
13 |
14 |
26 |
--------------------------------------------------------------------------------
/plugins/packages/echarts/src/plugins/echarts.js:
--------------------------------------------------------------------------------
1 | // import ECharts modules manually to reduce bundle size
2 | import "echarts/lib/component/tooltip";
3 | import "echarts/lib/component/polar";
4 | import "echarts/lib/component/geo";
5 | import "echarts/lib/component/legend";
6 | import "echarts/lib/component/title";
7 | import "echarts/lib/component/visualMap";
8 | import "echarts/lib/component/dataset";
9 | import "echarts/map/js/world";
10 |
11 | // If you want to use ECharts extensions, just import the extension package and it will work
12 | // Taking ECharts-GL as an example:
13 | // You only need to install the package with `npm install --save echarts-gl` and import it as follows
14 | import "echarts-gl";
15 |
--------------------------------------------------------------------------------
/plugins/packages/epic-spinners/src/components/FingerprintSpinner.vue:
--------------------------------------------------------------------------------
1 |
2 |
12 |
13 |
14 |
26 |
--------------------------------------------------------------------------------
/plugins/packages/epic-spinners/src/components/TrinityRingsSpinner.vue:
--------------------------------------------------------------------------------
1 |
2 |
12 |
13 |
14 |
26 |
--------------------------------------------------------------------------------
/examples/bootstrap-vue/public/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | <%= htmlWebpackPlugin.options.title %>
9 |
10 |
11 |
14 |
15 |
16 |
17 |
18 |
--------------------------------------------------------------------------------
/plugins/packages/chartjs/public/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | <%= htmlWebpackPlugin.options.title %>
9 |
10 |
11 |
14 |
15 |
16 |
17 |
18 |
--------------------------------------------------------------------------------
/plugins/packages/echarts/public/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | <%= htmlWebpackPlugin.options.title %>
9 |
10 |
11 |
14 |
15 |
16 |
17 |
18 |
--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/9.da614f8e.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[9],{393:function(t,e,s){"use strict";s.r(e);var n=["There's nothing here.","How did we get here?","That's a Four-Oh-Four.","Looks like we've got some broken links."],o={methods:{getMsg:function(){return n[Math.floor(Math.random()*n.length)]}}},i=s(41),h=Object(i.a)(o,(function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"theme-container"},[e("div",{staticClass:"theme-default-content"},[e("h1",[this._v("404")]),this._v(" "),e("blockquote",[this._v(this._s(this.getMsg()))]),this._v(" "),e("RouterLink",{attrs:{to:"/"}},[this._v("\n Take me home.\n ")])],1)])}),[],!1,null,null,null);e.default=h.exports}}]);
--------------------------------------------------------------------------------
/plugins/packages/apexCharts/public/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | <%= htmlWebpackPlugin.options.title %>
9 |
10 |
11 |
14 |
15 |
16 |
17 |
18 |
--------------------------------------------------------------------------------
/plugins/packages/basicItems/public/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | <%= htmlWebpackPlugin.options.title %>
9 |
10 |
11 |
14 |
15 |
16 |
17 |
18 |
--------------------------------------------------------------------------------
/plugins/packages/epic-spinners/public/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | <%= htmlWebpackPlugin.options.title %>
9 |
10 |
11 |
14 |
15 |
16 |
17 |
18 |
--------------------------------------------------------------------------------
/plugins/packages/fusioncharts/public/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | <%= htmlWebpackPlugin.options.title %>
9 |
10 |
11 |
14 |
15 |
16 |
17 |
18 |
--------------------------------------------------------------------------------
/plugins/packages/echarts/src/components/chartMixin.js:
--------------------------------------------------------------------------------
1 | import ECharts from "vue-echarts";
2 | export default {
3 | components: { "v-chart": ECharts },
4 | props: {
5 | initOptions: Object,
6 | options: Object,
7 | theme: [String, Object],
8 | group: String,
9 | watchShallow: Boolean,
10 | manualUpdate: Boolean
11 | },
12 | inject: ["$item"],
13 | computed: {
14 | item() {
15 | return this.$item();
16 | },
17 | width() {
18 | if (this.item) {
19 | return this.item.widthPx;
20 | }
21 | return 0;
22 | },
23 | height() {
24 | if (this.item) {
25 | return this.item.heightPx;
26 | }
27 | return 0;
28 | }
29 | }
30 | };
31 |
--------------------------------------------------------------------------------
/plugins/packages/epic-spinners/src/components/MixinComponent.js:
--------------------------------------------------------------------------------
1 | export default {
2 | props: {
3 | animationDuration: {
4 | type: Number,
5 | default: 1000
6 | },
7 | size: {
8 | type: Number,
9 | default: 60
10 | },
11 | color: {
12 | type: String,
13 | default: "#fff"
14 | }
15 | },
16 | inject: ["$item"],
17 | computed: {
18 | item() {
19 | return this.$item();
20 | },
21 | width() {
22 | if (this.item) {
23 | return this.item.widthPx;
24 | }
25 | return 0;
26 | },
27 | height() {
28 | if (this.item) {
29 | return this.item.heightPx;
30 | }
31 | return 0;
32 | }
33 | }
34 | };
35 |
--------------------------------------------------------------------------------
/plugins/packages/epic-spinners/src/components/ScalingSquaresSpinner.vue:
--------------------------------------------------------------------------------
1 |
2 |
12 |
13 |
14 |
26 |
--------------------------------------------------------------------------------
/plugins/packages/epic-spinners/src/components/BreedingRhombusSpinner.vue:
--------------------------------------------------------------------------------
1 |
2 |
12 |
13 |
14 |
26 |
--------------------------------------------------------------------------------
/plugins/packages/epic-spinners/src/components/SwappingSquaresSpinner.vue:
--------------------------------------------------------------------------------
1 |
2 |
12 |
13 |
14 |
26 |
--------------------------------------------------------------------------------
/plugins/packages/epic-spinners/src/components/FulfillingSquareSpinner.vue:
--------------------------------------------------------------------------------
1 |
2 |
12 |
13 |
14 |
26 |
--------------------------------------------------------------------------------
/plugins/packages/epic-spinners/src/components/SelfBuildingSquareSpinner.vue:
--------------------------------------------------------------------------------
1 |
2 |
12 |
13 |
14 |
26 |
--------------------------------------------------------------------------------
/plugins/packages/epic-spinners/src/components/IntersectingCirclesSpinner.vue:
--------------------------------------------------------------------------------
1 |
2 |
12 |
13 |
14 |
26 |
--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/6.7484ea1b.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[6],{325:function(e,t,n){},377:function(e,t,n){"use strict";var o=n(325);n.n(o).a},395:function(e,t,n){"use strict";n.r(t);var o={data:function(){return{showCode:!0}}},i=(n(377),n(41)),s=Object(i.a)(o,(function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"exampleViewer-container"},[n("div",{staticClass:"exampleViewer-header"},[n("button",{on:{click:function(t){e.showCode=!0}}},[e._v("Show Code")]),e._v(" "),n("button",{on:{click:function(t){e.showCode=!1}}},[e._v("Show Result")])]),e._v(" "),n("div",{staticClass:"exampleViewer-body"},[!0!==e.showCode?n("div",[e._t("result")],2):n("div",[n("ClientOnly",[e._t("default")],2)],1)])])}),[],!1,null,null,null);t.default=s.exports}}]);
--------------------------------------------------------------------------------
/plugins/packages/epic-spinners/src/components/FulfillingBouncingCircleSpinner.vue:
--------------------------------------------------------------------------------
1 |
2 |
12 |
13 |
14 |
26 |
--------------------------------------------------------------------------------
/plugins/packages/fusioncharts/src/components/FusionChart.vue:
--------------------------------------------------------------------------------
1 |
2 |
9 |
10 |
11 |
12 |
35 |
36 |
37 |
--------------------------------------------------------------------------------
/src/interfaces/index.ts:
--------------------------------------------------------------------------------
1 | export interface Item {
2 | id: number | string;
3 | x: number;
4 | y: number;
5 | top?: number;
6 | left?: number;
7 | width: number;
8 | minWidth: number | boolean;
9 | maxWidth: number | boolean;
10 | widthPx?: number;
11 | height: number;
12 | minHeight: number | boolean;
13 | maxHeight: number | boolean;
14 | heightPx?: number;
15 | draggable?: boolean;
16 | resizable?: boolean;
17 | moved?: boolean;
18 | locked?: boolean;
19 | }
20 |
21 | export interface Breakpoint {
22 | name: string;
23 | numberOfCols: number;
24 | setpoint?: number;
25 | }
26 |
27 | export interface Margin {
28 | x: number;
29 | y: number;
30 | }
31 |
32 | export interface Subscription {
33 | id: number | string;
34 | unsubscribe: () => void;
35 | }
36 |
--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "target": "esnext",
4 | "module": "esnext",
5 | "strict": true,
6 | "jsx": "preserve",
7 | "importHelpers": true,
8 | "moduleResolution": "node",
9 | "esModuleInterop": true,
10 | "allowSyntheticDefaultImports": true,
11 | "sourceMap": true,
12 | "baseUrl": ".",
13 | "types": [
14 | "webpack-env",
15 | "jest"
16 | ],
17 | "paths": {
18 | "@/*": [
19 | "src/*"
20 | ]
21 | },
22 | "lib": [
23 | "esnext",
24 | "dom",
25 | "dom.iterable",
26 | "scripthost"
27 | ]
28 | },
29 | "include": [
30 | "src/**/*.ts",
31 | "src/**/*.tsx",
32 | "src/**/*.vue",
33 | "tests/**/*.ts",
34 | "tests/**/*.tsx"
35 | ],
36 | "exclude": [
37 | "node_modules"
38 | ]
39 | }
40 |
--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/7.cd56efaa.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[7],{326:function(t,e,i){},378:function(t,e,i){"use strict";var s=i(326);i.n(s).a},396:function(t,e,i){"use strict";i.r(e);var s={name:"Hero"},a=(i(378),i(41)),n=Object(a.a)(s,(function(){var t=this.$createElement,e=this._self._c||t;return e("div",[e("h1",{staticStyle:{"text-align":"center"}},[this._v("\n Vue-Responsive-Dash\n "),e("Badge",{attrs:{text:this.$__VERSION__,type:"tip",vertical:"middle"}})],1),this._v(" "),e("p",{staticStyle:{"text-align":"center"}},[this._v("A Responsive, Draggable & Resizable Dashboard (grid) made with vue and typescript")]),this._v(" "),e("ClientOnly",[e("Example")],1),this._v(" "),e("div",{staticClass:"box"},[e("router-link",{staticClass:"button",attrs:{to:"/guide/"}},[this._v("Get started")])],1)],1)}),[],!1,null,null,null);e.default=n.exports}}]);
--------------------------------------------------------------------------------
/plugins/packages/apexCharts/src/components/ApexChartDashItem.vue:
--------------------------------------------------------------------------------
1 |
2 |
9 |
10 |
11 |
38 |
39 |
40 |
--------------------------------------------------------------------------------
/plugins/packages/basicItems/src/components/TextMiddleCenter.vue:
--------------------------------------------------------------------------------
1 |
2 |
13 |
14 |
15 |
26 |
27 |
41 |
--------------------------------------------------------------------------------
/examples/vuetify/src/store/apexChartsUtils.js:
--------------------------------------------------------------------------------
1 | const generateData = function(baseval, count, yrange) {
2 | var i = 0;
3 | var series = [];
4 | while (i < count) {
5 | var x = Math.floor(Math.random() * (750 - 1 + 1)) + 1;
6 | var y =
7 | Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
8 | var z = Math.floor(Math.random() * (75 - 15 + 1)) + 15;
9 | series.push([x, y, z]);
10 | baseval += 86400000;
11 | i++;
12 | }
13 | return series;
14 | };
15 | const generateHeatData = function(count, yrange) {
16 | var i = 0;
17 | var series = [];
18 | while (i < count) {
19 | var x = (i + 1).toString();
20 | var y =
21 | Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
22 | series.push({
23 | x: x,
24 | y: y
25 | });
26 | i++;
27 | }
28 | return series;
29 | };
30 |
31 | export { generateData, generateHeatData };
32 |
--------------------------------------------------------------------------------
/plugins/packages/apexCharts/src/components/index.js:
--------------------------------------------------------------------------------
1 | import ApexChart from "./ApexChartDashItem.vue";
2 |
3 | const VueResponsiveDashApexcharts = {
4 | ApexChart,
5 | };
6 | // Declare install function executed by Vue.use()
7 | export function install(Vue) {
8 | if (install.installed) return;
9 | Object.keys(VueResponsiveDashApexcharts).forEach((name) => {
10 | Vue.component(name, VueResponsiveDashApexcharts[name]);
11 | });
12 | }
13 |
14 | // Create module definition for Vue.use()
15 | const plugin = {
16 | install,
17 | };
18 |
19 | // Auto-install when vue is found (eg. in browser via
37 |
--------------------------------------------------------------------------------
/plugins/packages/fusioncharts/src/components/index.js:
--------------------------------------------------------------------------------
1 | import FusionChart from "./FusionChart.vue";
2 |
3 | const VueResponsiveDashFusioncharts = {
4 | FusionChart,
5 | };
6 | // Declare install function executed by Vue.use()
7 | export function install(Vue) {
8 | if (install.installed) return;
9 | install.installed = true;
10 | Object.keys(VueResponsiveDashFusioncharts).forEach((name) => {
11 | Vue.component(name, VueResponsiveDashFusioncharts[name]);
12 | });
13 | }
14 |
15 | // Create module definition for Vue.use()
16 | const plugin = {
17 | install,
18 | };
19 |
20 | // Auto-install when vue is found (eg. in browser via
22 |
23 |
--------------------------------------------------------------------------------
/docs/.vuepress/components/ExampleViewer.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
39 | Open [http://localhost:8080](http://localhost:8080) to view it in the browser.
40 |
41 | The page will reload if you make edits.
42 | You will also see any lint errors in the console.
--------------------------------------------------------------------------------
/plugins/packages/chartjs/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "@vue-responsive-dash/chartjs",
3 | "version": "0.1.4",
4 | "homepage": "https://vue-responsive-dash.netlify.com",
5 | "author": "Ben Sladden",
6 | "main": "dist/chartjs.common.js",
7 | "unpkg": "dist/chartjs.umd.min.js",
8 | "files": [
9 | "dist",
10 | "src"
11 | ],
12 | "license": "MIT",
13 | "repository": {
14 | "type": "git",
15 | "url": "https://github.com/bensladden/vue-responsive-dash.git"
16 | },
17 | "scripts": {
18 | "serve": "vue-cli-service serve",
19 | "build": "vue-cli-service build",
20 | "build:lib": "rimraf dist && vue-cli-service build --target lib ./src/components/index.js",
21 | "lint": "vue-cli-service lint"
22 | },
23 | "dependencies": {
24 | "lodash": "^4.17.19",
25 | "vue-chartjs": "^3.5.0"
26 | },
27 | "peerDependencies": {
28 | "chart.js": "^2.9.3",
29 | "vue": "^2.6.11"
30 | },
31 | "devDependencies": {
32 | "@vue/cli-plugin-eslint": "~4.2.0",
33 | "@vue/cli-service": "~4.2.0",
34 | "@vue/eslint-config-prettier": "^6.0.0",
35 | "chart.js": "^2.9.3",
36 | "eslint": "^6.7.2",
37 | "eslint-plugin-prettier": "^3.1.1",
38 | "eslint-plugin-vue": "^6.1.2",
39 | "prettier": "^1.19.1",
40 | "rimraf": "^3.0.2",
41 | "vue": "^2.6.11",
42 | "vue-responsive-dash": "^0.4.3",
43 | "vue-template-compiler": "^2.6.11"
44 | }
45 | }
46 |
--------------------------------------------------------------------------------
/plugins/packages/echarts/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "@vue-responsive-dash/echarts",
3 | "version": "0.1.4",
4 | "homepage": "https://vue-responsive-dash.netlify.com",
5 | "author": "Ben Sladden",
6 | "main": "dist/echarts.common.js",
7 | "unpkg": "dist/echarts.umd.min.js",
8 | "files": [
9 | "dist",
10 | "src"
11 | ],
12 | "license": "MIT",
13 | "repository": {
14 | "type": "git",
15 | "url": "https://github.com/bensladden/vue-responsive-dash.git"
16 | },
17 | "scripts": {
18 | "serve": "vue-cli-service serve",
19 | "build": "vue-cli-service build",
20 | "build:lib": "rimraf dist && vue-cli-service build --target lib ./src/components/index.js",
21 | "lint": "vue-cli-service lint"
22 | },
23 | "dependencies": {
24 | "vue-echarts": "^5.0.0-beta.0"
25 | },
26 | "peerDependencies": {
27 | "echarts": "^4.8.0",
28 | "vue": "^2.6.11"
29 | },
30 | "devDependencies": {
31 | "@vue/cli-plugin-eslint": "~4.2.0",
32 | "@vue/cli-service": "~4.2.0",
33 | "@vue/eslint-config-prettier": "^6.0.0",
34 | "echarts": "^4.8.0",
35 | "echarts-gl": "^1.1.1",
36 | "eslint": "^6.7.2",
37 | "eslint-plugin-prettier": "^3.1.1",
38 | "eslint-plugin-vue": "^6.1.2",
39 | "prettier": "^1.19.1",
40 | "rimraf": "^3.0.2",
41 | "vue": "^2.6.11",
42 | "vue-responsive-dash": "^0.4.3",
43 | "vue-template-compiler": "^2.6.11"
44 | }
45 | }
46 |
--------------------------------------------------------------------------------
/plugins/packages/epic-spinners/src/App.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
9 |
14 |
19 | _|
20 |
21 |
22 |
23 |
24 |
25 |
26 |
46 |
47 |
57 |
--------------------------------------------------------------------------------
/plugins/packages/echarts/src/components/index.js:
--------------------------------------------------------------------------------
1 | import BarChart from "./BarChart.vue";
2 | import EffectScatterChart from "./EffectScatterChart.vue";
3 | import LineChart from "./LineChart.vue";
4 | import MapChart from "./MapChart.vue";
5 | import PieChart from "./PieChart.vue";
6 | import RadarChart from "./RadarChart.vue";
7 | import ScatterChart from "./ScatterChart.vue";
8 |
9 | const VueResponsiveDashECharts = {
10 | BarChart,
11 | EffectScatterChart,
12 | LineChart,
13 | MapChart,
14 | PieChart,
15 | RadarChart,
16 | ScatterChart,
17 | };
18 | // Declare install function executed by Vue.use()
19 | export function install(Vue) {
20 | if (install.installed) return;
21 | install.installed = true;
22 | Object.keys(VueResponsiveDashECharts).forEach((name) => {
23 | Vue.component(name, VueResponsiveDashECharts[name]);
24 | });
25 | }
26 |
27 | // Create module definition for Vue.use()
28 | const plugin = {
29 | install,
30 | };
31 |
32 | // Auto-install when vue is found (eg. in browser via
58 |
--------------------------------------------------------------------------------
/examples/vuetify/src/store/eCharts.js:
--------------------------------------------------------------------------------
1 | import {
2 | barData,
3 | pieData,
4 | polarData,
5 | scatterData,
6 | radarData,
7 | lineData
8 | } from "../assets/data";
9 |
10 | export default {
11 | namespaced: true,
12 | state: {
13 | barData,
14 | pieData,
15 | polarData,
16 | scatterData,
17 | radarData,
18 | lineData
19 | },
20 | getters: {
21 | getItems(state) {
22 | return [
23 | {
24 | id: "1",
25 | template: "BarChart",
26 | data: state.barData
27 | },
28 | {
29 | id: "2",
30 | template: "EffectScatterChart",
31 | data: state.scatterData
32 | },
33 | {
34 | id: "3",
35 | template: "LineChart",
36 | data: state.lineData
37 | },
38 | {
39 | id: "4",
40 | template: "MapChart",
41 | data: state.mapData
42 | },
43 | {
44 | id: "5",
45 | template: "PieChart",
46 | data: state.pieData
47 | },
48 | {
49 | id: "6",
50 | template: "RadarChart",
51 | data: state.radarData
52 | },
53 | {
54 | id: "7",
55 | template: "ScatterChart",
56 | data: state.scatterData
57 | },
58 | {
59 | id: "8",
60 | template: "RadarChart",
61 | data: state.polarData
62 | },
63 | {
64 | id: "9",
65 | template: "RadarChart",
66 | data: state.polarData
67 | }
68 | ];
69 | }
70 | },
71 | mutations: {},
72 | actions: {}
73 | };
74 |
--------------------------------------------------------------------------------
/examples/vuetify/src/views/ApexCharts.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
8 |
13 |
14 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
56 |
57 |
58 |
--------------------------------------------------------------------------------
/plugins/packages/chartjs/src/components/index.js:
--------------------------------------------------------------------------------
1 | import BarChart from "./BarChart.vue";
2 | import BubbleChart from "./BubbleChart.vue";
3 | import DoughnutChart from "./DoughnutChart.vue";
4 | import HorizontalBarChart from "./HorizontalBarChart.vue";
5 | import LineChart from "./LineChart.vue";
6 | import PieChart from "./PieChart.vue";
7 | import PolarAreaChart from "./PolarAreaChart.vue";
8 | import RadarChart from "./RadarChart.vue";
9 | import ScatterChart from "./ScatterChart.vue";
10 |
11 | const VueResponsiveDashChartJs = {
12 | BarChart,
13 | BubbleChart,
14 | DoughnutChart,
15 | HorizontalBarChart,
16 | LineChart,
17 | PieChart,
18 | PolarAreaChart,
19 | RadarChart,
20 | ScatterChart,
21 | };
22 |
23 | // Declare install function executed by Vue.use()
24 | export function install(Vue) {
25 | if (install.installed) return;
26 | install.installed = true;
27 | Object.keys(VueResponsiveDashChartJs).forEach((name) => {
28 | Vue.component(name, VueResponsiveDashChartJs[name]);
29 | });
30 | }
31 |
32 | // Create module definition for Vue.use()
33 | const plugin = {
34 | install,
35 | };
36 |
37 | // Auto-install when vue is found (eg. in browser via
18 |
19 |