w-echarts-vue 1.0.0

package/.editorconfig

@@ -0,0 +1,9 @@
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 4
+end_of_line = crlf
+insert_final_newline = true
+trim_trailing_whitespace = true

package/.eslintignore

@@ -0,0 +1,3 @@
+/build/
+/config/
+/dist/

package/.eslintrc.js

@@ -0,0 +1,55 @@
+module.exports = {
+    'env': {
+        'browser': true,
+        'es6': true,
+        'mocha': true
+    },
+    'extends': ['plugin:vue/base', 'plugin:vue/essential', 'standard'],
+    'plugins': [
+        'vue'
+    ],
+    'globals': {
+        'Atomics': 'readonly',
+        'SharedArrayBuffer': 'readonly'
+    },
+    'parser': 'vue-eslint-parser',
+    'parserOptions': {
+        'parser': '@babel/eslint-parser',
+        'ecmaVersion': 2019,
+        'sourceType': 'module',
+    },
+    'rules': {
+        'generator-star-spacing': 'off',
+        'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+        'indent': ['error', 4],
+        'no-console': 'off',
+        'comma-dangle': ['error', {
+            'arrays': 'ignore',
+            'objects': 'ignore',
+            'imports': 'never',
+            'exports': 'never',
+            'functions': 'ignore'
+        }],
+        'no-multiple-empty-lines': ['error', { 'max': 2, 'maxEOF': 2 }],
+        //'space-before-function-paren': ['error', { 'anonymous': 'always', 'named': 'never' }],
+        'space-before-function-paren': 'off',
+        'spaced-comment': 'off',
+        'brace-style': ['error', 'stroustrup'],
+        'padded-blocks': 'off',
+        'no-constant-condition': 'off',
+        'camelcase': 'off',
+        'no-new': 'off',
+        'prefer-const': 'off',
+        'quote-props': ['error', 'consistent'],
+        'dot-notation': 'off',
+        'standard/no-callback-literal': 'off',
+        'quotes': ['error', 'single', { 'allowTemplateLiterals': true }],
+        'prefer-promise-reject-errors': 'off',
+        'no-unused-vars': ['error', { 'args': 'none', 'ignoreRestSiblings': true, 'argsIgnorePattern': '^_' }],
+        'node/no-callback-literal': 'off',
+        'prefer-regex-literals': 'off',
+        'array-callback-return': 'off',
+        'no-unreachable-loop': 'off',
+        'vue/multi-word-component-names': 'off',
+    }
+}

package/.jsdoc

@@ -0,0 +1,25 @@
+{
+    "tags": {
+        "allowUnknownTags": true
+    },
+    "source": {
+        "include": ["src/"],
+        "includePattern": ".+\\.(js(doc|x)?|mjs|vue)$",
+        "excludePattern": "(node_modules/|docs)"
+    },
+    "plugins": [
+        "plugins/markdown",
+        "node_modules/jsdoc-vuejs"
+    ],
+    "opts": {
+        "template": "node_modules/docdash",
+        "encoding": "utf8",
+        "destination": "docs/",
+        "recurse": true,
+        "verbose": true
+    },
+    "templates": {
+        "cleverLinks": false,
+        "monospaceLinks": false
+    }
+}

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 semisphere(yu-da, lyu 呂昱達)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,130 @@
+# w-echarts-vue
+A vue component for echarts.
+
+![language](https://img.shields.io/badge/language-JavaScript-orange.svg) 
+[![language](https://img.shields.io/badge/vue-2.x-brightgreen.svg)](https://github.com/vuejs/vue) 
+[![npm version](http://img.shields.io/npm/v/w-echarts-vue.svg?style=flat)](https://npmjs.org/package/w-echarts-vue) 
+[![license](https://img.shields.io/npm/l/w-echarts-vue.svg?style=flat)](https://npmjs.org/package/w-echarts-vue) 
+[![npm download](https://img.shields.io/npm/dt/w-echarts-vue.svg)](https://npmjs.org/package/w-echarts-vue) 
+[![npm download](https://img.shields.io/npm/dm/w-echarts-vue.svg)](https://npmjs.org/package/w-echarts-vue)
+[![jsdelivr download](https://img.shields.io/jsdelivr/npm/hm/w-echarts-vue.svg)](https://www.jsdelivr.com/package/npm/w-echarts-vue)
+
+Echarts(full build) and echarts-gl(3D charts) are bundled in this package, no need to load them from cdn.
+
+## Documentation
+To view documentation or get support, visit [docs](https://yuda-lyu.github.io/w-echarts-vue/global.html).
+
+## Example
+To view some examples for more understanding, visit examples:
+
+> **all components:** [web](//yuda-lyu.github.io/w-echarts-vue/examples/app.html) [[source code](https://github.com/yuda-lyu/w-echarts-vue/blob/master/docs/examples/app.html)]
+
+## Installation
+
+### Using npm(ES6 module):
+```alias
+npm i w-echarts-vue
+```
+Import component(UMD module):
+```alias
+//choose component
+<w-echarts-vue
+    ...
+></w-echarts-vue>
+
+//import
+import WEchartsVue from 'w-echarts-vue'
+
+//component
+Vue.component('w-echarts-vue',WEchartsVue)
+```
+Import component(source code):
+```alias
+//choose component
+<w-echarts-vue
+    ...
+></w-echarts-vue>
+
+//import
+import WEchartsVue from 'w-echarts-vue/src/components/WEchartsVue.vue'
+
+//component
+Vue.component('w-echarts-vue',WEchartsVue)
+//or
+export default {
+    components: {
+        WEchartsVue,
+        //or
+        'w-echarts-vue': WEchartsVue,
+    },
+    ...
+}
+```
+
+### In a browser(UMD module):
+
+Add script for vue.
+```alias
+<script src="https://cdn.jsdelivr.net/npm/vue@2.x/dist/vue.min.js"></script>
+```
+
+Add script for w-echarts-vue.
+```alias
+<script src="https://cdn.jsdelivr.net/npm/w-echarts-vue@1.0.0/dist/w-echarts-vue.umd.js"></script>
+```
+
+Directly use:
+```alias
+//app and component
+<div id="app">
+    <w-echarts-vue
+        ...
+    ></w-echarts-vue>
+</div>
+
+//component
+Vue.component('w-echarts-vue', window['w-echarts-vue'])
+
+//new
+new Vue({
+    el: '#app',
+    data: {
+        ...
+    }
+})
+```
+
+## Components
+
+| component | tag | description |
+| --- | --- | --- |
+| WEchartsVue | `w-echarts-vue` | Echarts chart, use `options` for [echarts settings](https://echarts.apache.org/examples/en/index.html) |
+
+The component has no default height, remember to give it a size:
+```alias
+<w-echarts-vue
+    style="width:620px; height:300px;"
+    :options="options"
+></w-echarts-vue>
+```
+
+All echarts events(`click`, `legendselectchanged`, `datazoom`, `finished`...) are forwarded:
+```alias
+<w-echarts-vue
+    :options="options"
+    @click="ev=>{console.log('click',ev)}"
+    @finished="()=>{console.log('finished')}"
+></w-echarts-vue>
+```
+
+Use `getChart` for accessing the inner chart instance:
+```alias
+//template
+<w-echarts-vue
+    ref="ec"
+    :options="options"
+></w-echarts-vue>
+
+//chart, an instance of echarts.ECharts, returns null before initialization
+let chart = this.$refs.ec.getChart()
+```

package/SECURITY.md

@@ -0,0 +1,5 @@
+# Security Policy
+
+## Reporting a Vulnerability
+
+Please report security issues to `firsemisphere@gmail.com`

package/babel.config.js

@@ -0,0 +1,16 @@
+module.exports = {
+    'presets': [
+        ['@babel/preset-env', {
+            'useBuiltIns': 'entry',
+            'corejs': 3
+        }]
+    ],
+    'plugins': [
+        '@babel/plugin-transform-runtime',
+        '@babel/plugin-proposal-export-default-from',
+        // '@babel/plugin-syntax-import-assertions', //已被棄用
+        // '@babel/plugin-proposal-nullish-coalescing-operator', //browser與nodejs已支援
+        // '@babel/plugin-proposal-object-rest-spread', //browser與nodejs已支援
+        // '@babel/plugin-proposal-optional-chaining', //browser與nodejs已支援
+    ]
+}