w-plot-vue 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (172) hide show
  1. package/.editorconfig +9 -0
  2. package/.eslintignore +3 -0
  3. package/.eslintrc.js +55 -0
  4. package/.jsdoc +25 -0
  5. package/LICENSE +21 -0
  6. package/README.md +89 -0
  7. package/SECURITY.md +5 -0
  8. package/babel.config.js +15 -0
  9. package/dist/w-geo-vue.umd.js +7 -0
  10. package/dist/w-geo-vue.umd.js.map +1 -0
  11. package/docs/examples/app.html +65 -0
  12. package/docs/examples/app.umd.js +7 -0
  13. package/docs/examples/app.umd.js.map +1 -0
  14. package/docs/examples/w-bar_horizontal_multi-set(color).html +492 -0
  15. package/docs/examples/w-bar_horizontal_multi-set(color, gradient).html +492 -0
  16. package/docs/examples/w-bar_horizontal_multi-set(series color).html +492 -0
  17. package/docs/examples/w-bar_horizontal_multi-set(series color, gradient).html +492 -0
  18. package/docs/examples/w-bar_horizontal_multi-set.html +492 -0
  19. package/docs/examples/w-bar_horizontal_multi-set__barDisplay(stackNormal).html +495 -0
  20. package/docs/examples/w-bar_horizontal_multi-set__barDisplay(stackPercent).html +496 -0
  21. package/docs/examples/w-bar_horizontal_multi-set__hide legned.html +492 -0
  22. package/docs/examples/w-bar_horizontal_multi-set__show labels.html +492 -0
  23. package/docs/examples/w-bar_horizontal_multi-set_barKpColor(gradient).html +508 -0
  24. package/docs/examples/w-bar_horizontal_multi-set_barKpColor.html +506 -0
  25. package/docs/examples/w-bar_horizontal_multi-set_barWidthRatio.html +493 -0
  26. package/docs/examples/w-bar_horizontal_multi-set_barWidthRatio_barGroupWidthRatio.html +498 -0
  27. package/docs/examples/w-bar_horizontal_one-set(color).html +490 -0
  28. package/docs/examples/w-bar_horizontal_one-set(color, gradient).html +490 -0
  29. package/docs/examples/w-bar_horizontal_one-set.html +490 -0
  30. package/docs/examples/w-bar_horizontal_one-set_barColor(gradient).html +491 -0
  31. package/docs/examples/w-bar_horizontal_one-set_barColor.html +491 -0
  32. package/docs/examples/w-bar_horizontal_one-set_barKpColor(gradient).html +500 -0
  33. package/docs/examples/w-bar_horizontal_one-set_barKpColor.html +498 -0
  34. package/docs/examples/w-bar_horizontal_one-set_barWidthRatio.html +491 -0
  35. package/docs/examples/w-bar_horizontal_one-set_barWidthRatio_barGroupWidthRatio.html +496 -0
  36. package/docs/examples/w-bar_horizontal_one-set_hide labels.html +491 -0
  37. package/docs/examples/w-bar_horizontal_one-set_marginLeft_marginRight.html +495 -0
  38. package/docs/examples/w-bar_horizontal_one-set_show legned.html +491 -0
  39. package/docs/examples/w-bar_multi-set(color).html +489 -0
  40. package/docs/examples/w-bar_multi-set(color, gradient).html +489 -0
  41. package/docs/examples/w-bar_multi-set(series color).html +489 -0
  42. package/docs/examples/w-bar_multi-set(series color, gradient).html +489 -0
  43. package/docs/examples/w-bar_multi-set.html +489 -0
  44. package/docs/examples/w-bar_multi-set__barDisplay(stackNormal).html +490 -0
  45. package/docs/examples/w-bar_multi-set__barDisplay(stackNormal)_.html +492 -0
  46. package/docs/examples/w-bar_multi-set__barDisplay(stackPercent).html +491 -0
  47. package/docs/examples/w-bar_multi-set__hide legned.html +489 -0
  48. package/docs/examples/w-bar_multi-set__show labels.html +489 -0
  49. package/docs/examples/w-bar_multi-set_barKpColor(gradient).html +503 -0
  50. package/docs/examples/w-bar_multi-set_barKpColor.html +503 -0
  51. package/docs/examples/w-bar_multi-set_barWidthRatio.html +490 -0
  52. package/docs/examples/w-bar_multi-set_barWidthRatio_barGroupWidthRatio_barBorderRadius.html +495 -0
  53. package/docs/examples/w-bar_one-set(color).html +487 -0
  54. package/docs/examples/w-bar_one-set(color, gradient).html +487 -0
  55. package/docs/examples/w-bar_one-set.html +487 -0
  56. package/docs/examples/w-bar_one-set_barColor(gradient).html +488 -0
  57. package/docs/examples/w-bar_one-set_barColor.html +488 -0
  58. package/docs/examples/w-bar_one-set_barKpColor(gradient).html +495 -0
  59. package/docs/examples/w-bar_one-set_barKpColor.html +495 -0
  60. package/docs/examples/w-bar_one-set_barWidthRatio.html +488 -0
  61. package/docs/examples/w-bar_one-set_barWidthRatio_barGroupWidthRatio_barBorderRadius.html +493 -0
  62. package/docs/examples/w-bar_one-set_hide labels.html +488 -0
  63. package/docs/examples/w-bar_one-set_marginLeft_marginRight_marginTop.html +493 -0
  64. package/docs/examples/w-bar_one-set_show legned.html +488 -0
  65. package/docs/examples/w-pie_one-set(color).html +251 -0
  66. package/docs/examples/w-pie_one-set(color, gradient).html +251 -0
  67. package/docs/examples/w-pie_one-set.html +251 -0
  68. package/docs/examples/w-pie_one-set_hide labels.html +252 -0
  69. package/docs/examples/w-pie_one-set_hide legned.html +252 -0
  70. package/docs/examples/w-pie_one-set_marginLeft_marginRight_marginTop.html +257 -0
  71. package/docs/examples/w-pie_one-set_pieBorderRadius.html +252 -0
  72. package/docs/examples/w-pie_one-set_pieBorderWidth_pieBorderRadius.html +253 -0
  73. package/docs/examples/w-pie_one-set_pieKpColor(gradient).html +259 -0
  74. package/docs/examples/w-pie_one-set_pieKpColor.html +259 -0
  75. package/docs/examples/w-pie_one-set_pieThicknessRatio.html +252 -0
  76. package/docs/examples/w-plot_default.html +174 -0
  77. package/docs/examples/w-rose_multi-set(color).html +489 -0
  78. package/docs/examples/w-rose_multi-set(color, gradient).html +489 -0
  79. package/docs/examples/w-rose_multi-set(series color).html +489 -0
  80. package/docs/examples/w-rose_multi-set(series color, gradient).html +489 -0
  81. package/docs/examples/w-rose_multi-set.html +489 -0
  82. package/docs/examples/w-rose_multi-set__hide legned.html +489 -0
  83. package/docs/examples/w-rose_multi-set__show labels.html +489 -0
  84. package/docs/examples/w-rose_multi-set_roseBorderWidth.html +490 -0
  85. package/docs/examples/w-rose_multi-set_roseKpColor(gradient).html +503 -0
  86. package/docs/examples/w-rose_multi-set_roseKpColor.html +503 -0
  87. package/docs/examples/w-rose_multi-set_roseWidthRatio.html +490 -0
  88. package/docs/examples/w-rose_one-set(color).html +487 -0
  89. package/docs/examples/w-rose_one-set(color, gradient).html +487 -0
  90. package/docs/examples/w-rose_one-set.html +487 -0
  91. package/docs/examples/w-rose_one-set_marginLeft_marginRight_marginTop.html +493 -0
  92. package/docs/examples/w-rose_one-set_roseBorderWidth.html +488 -0
  93. package/docs/examples/w-rose_one-set_roseKpColor(gradient).html +495 -0
  94. package/docs/examples/w-rose_one-set_roseKpColor.html +495 -0
  95. package/docs/examples/w-rose_one-set_roseShowLabels.html +488 -0
  96. package/docs/examples/w-rose_one-set_roseWidthRatio.html +488 -0
  97. package/docs/examples/w-rose_one-set_showLegend.html +488 -0
  98. package/docs/examples/w-rose_one-set_showLegend_legendPosition.html +489 -0
  99. package/docs/fonts/Montserrat/Montserrat-Bold.eot +0 -0
  100. package/docs/fonts/Montserrat/Montserrat-Bold.ttf +0 -0
  101. package/docs/fonts/Montserrat/Montserrat-Bold.woff +0 -0
  102. package/docs/fonts/Montserrat/Montserrat-Bold.woff2 +0 -0
  103. package/docs/fonts/Montserrat/Montserrat-Regular.eot +0 -0
  104. package/docs/fonts/Montserrat/Montserrat-Regular.ttf +0 -0
  105. package/docs/fonts/Montserrat/Montserrat-Regular.woff +0 -0
  106. package/docs/fonts/Montserrat/Montserrat-Regular.woff2 +0 -0
  107. package/docs/fonts/Source-Sans-Pro/sourcesanspro-light-webfont.eot +0 -0
  108. package/docs/fonts/Source-Sans-Pro/sourcesanspro-light-webfont.svg +978 -0
  109. package/docs/fonts/Source-Sans-Pro/sourcesanspro-light-webfont.ttf +0 -0
  110. package/docs/fonts/Source-Sans-Pro/sourcesanspro-light-webfont.woff +0 -0
  111. package/docs/fonts/Source-Sans-Pro/sourcesanspro-light-webfont.woff2 +0 -0
  112. package/docs/fonts/Source-Sans-Pro/sourcesanspro-regular-webfont.eot +0 -0
  113. package/docs/fonts/Source-Sans-Pro/sourcesanspro-regular-webfont.svg +1049 -0
  114. package/docs/fonts/Source-Sans-Pro/sourcesanspro-regular-webfont.ttf +0 -0
  115. package/docs/fonts/Source-Sans-Pro/sourcesanspro-regular-webfont.woff +0 -0
  116. package/docs/fonts/Source-Sans-Pro/sourcesanspro-regular-webfont.woff2 +0 -0
  117. package/docs/getDefAxis.mjs.html +157 -0
  118. package/docs/getDefChart.mjs.html +123 -0
  119. package/docs/getDefLegend.mjs.html +115 -0
  120. package/docs/getDefOpt.mjs.html +137 -0
  121. package/docs/global.html +1088 -0
  122. package/docs/index.html +84 -0
  123. package/docs/module-WBar.html +216 -0
  124. package/docs/module-WPie.html +216 -0
  125. package/docs/module-WPlot.html +216 -0
  126. package/docs/module-WRose.html +216 -0
  127. package/docs/scripts/collapse.js +39 -0
  128. package/docs/scripts/commonNav.js +28 -0
  129. package/docs/scripts/linenumber.js +25 -0
  130. package/docs/scripts/nav.js +12 -0
  131. package/docs/scripts/polyfill.js +4 -0
  132. package/docs/scripts/prettify/Apache-License-2.0.txt +202 -0
  133. package/docs/scripts/prettify/lang-css.js +2 -0
  134. package/docs/scripts/prettify/prettify.js +28 -0
  135. package/docs/scripts/search.js +99 -0
  136. package/docs/setLegendLoc.mjs.html +176 -0
  137. package/docs/styles/jsdoc.css +776 -0
  138. package/docs/styles/prettify.css +80 -0
  139. package/g.mjs +0 -0
  140. package/package.json +68 -0
  141. package/public/index.html +38 -0
  142. package/src/App.vue +118 -0
  143. package/src/AppZoneWBar.vue +1454 -0
  144. package/src/AppZoneWPie.vue +324 -0
  145. package/src/AppZoneWPlot.vue +78 -0
  146. package/src/AppZoneWRose.vue +735 -0
  147. package/src/components/WBar.vue +107 -0
  148. package/src/components/WGeoVue.vue +18 -0
  149. package/src/components/WPie.vue +107 -0
  150. package/src/components/WPlot.vue +86 -0
  151. package/src/components/WRose.vue +107 -0
  152. package/src/components/demolink.vue +105 -0
  153. package/src/js/genBarOpt.mjs +303 -0
  154. package/src/js/genPieOpt.mjs +233 -0
  155. package/src/js/genRoseOpt.mjs +297 -0
  156. package/src/js/getDefAxis.mjs +85 -0
  157. package/src/js/getDefChart.mjs +51 -0
  158. package/src/js/getDefLegend.mjs +43 -0
  159. package/src/js/getDefOpt.mjs +65 -0
  160. package/src/js/setLegendLoc.mjs +104 -0
  161. package/src/main.js +8 -0
  162. package/test/all.test.mjs +10 -0
  163. package/toolg/addVersion.mjs +4 -0
  164. package/toolg/cleanFolder.mjs +4 -0
  165. package/toolg/cvCasename.mjs +43 -0
  166. package/toolg/gDistApp.mjs +38 -0
  167. package/toolg/gDistRollupComps.mjs +21 -0
  168. package/toolg/gDocExams.mjs +47 -0
  169. package/toolg/gExtractHtml.mjs +263 -0
  170. package/toolg/gMergeComps.mjs +75 -0
  171. package/toolg/modifyReadme.mjs +4 -0
  172. package/vue.config.js +21 -0
@@ -0,0 +1,80 @@
1
+ .pln {
2
+ color: #ddd;
3
+ }
4
+
5
+ /* string content */
6
+ .str {
7
+ color: #61ce3c;
8
+ }
9
+
10
+ /* a keyword */
11
+ .kwd {
12
+ color: #fbde2d;
13
+ }
14
+
15
+ /* a comment */
16
+ .com {
17
+ color: #aeaeae;
18
+ }
19
+
20
+ /* a type name */
21
+ .typ {
22
+ color: #8da6ce;
23
+ }
24
+
25
+ /* a literal value */
26
+ .lit {
27
+ color: #fbde2d;
28
+ }
29
+
30
+ /* punctuation */
31
+ .pun {
32
+ color: #ddd;
33
+ }
34
+
35
+ /* lisp open bracket */
36
+ .opn {
37
+ color: #000000;
38
+ }
39
+
40
+ /* lisp close bracket */
41
+ .clo {
42
+ color: #000000;
43
+ }
44
+
45
+ /* a markup tag name */
46
+ .tag {
47
+ color: #8da6ce;
48
+ }
49
+
50
+ /* a markup attribute name */
51
+ .atn {
52
+ color: #fbde2d;
53
+ }
54
+
55
+ /* a markup attribute value */
56
+ .atv {
57
+ color: #ddd;
58
+ }
59
+
60
+ /* a declaration */
61
+ .dec {
62
+ color: #EF5050;
63
+ }
64
+
65
+ /* a variable name */
66
+ .var {
67
+ color: #c82829;
68
+ }
69
+
70
+ /* a function name */
71
+ .fun {
72
+ color: #4271ae;
73
+ }
74
+
75
+ /* Specify class=linenums on a pre to get line numbering */
76
+ ol.linenums {
77
+ margin-top: 0;
78
+ margin-bottom: 0;
79
+ padding-bottom: 2px;
80
+ }
package/g.mjs ADDED
File without changes
package/package.json ADDED
@@ -0,0 +1,68 @@
1
+ {
2
+ "name": "w-plot-vue",
3
+ "version": "1.0.0",
4
+ "main": "dist/w-plot-vue.umd.js",
5
+ "dependencies": {
6
+ "@mdi/js": "^7.2.96",
7
+ "lodash-es": "^4.17.21",
8
+ "w-component-vue": "^2.3.63",
9
+ "wsemi": "^1.7.40"
10
+ },
11
+ "devDependencies": {
12
+ "@vue/cli-plugin-babel": "^5.0.8",
13
+ "@vue/cli-plugin-eslint": "^5.0.8",
14
+ "@vue/cli-service": "^5.0.8",
15
+ "cheerio": "^1.0.0-rc.12",
16
+ "eslint": "^8.37.0",
17
+ "eslint-config-standard": "^17.0.0",
18
+ "eslint-friendly-formatter": "^4.0.1",
19
+ "eslint-plugin-import": "^2.27.5",
20
+ "eslint-plugin-node": "^11.1.0",
21
+ "eslint-plugin-promise": "^6.1.1",
22
+ "eslint-plugin-standard": "^4.1.0",
23
+ "eslint-plugin-vue": "^9.10.0",
24
+ "vue": "^2.6.14",
25
+ "w-package-tools": "^1.0.71"
26
+ },
27
+ "scripts": {
28
+ "serve": "vue-cli-service serve",
29
+ "build": "vue-cli-service build",
30
+ "test": "mocha --parallel --timeout 60000 --experimental-modules --es-module-specifier-resolution=node",
31
+ "lint": "vue-cli-service lint",
32
+ "deploy": "gh-pages -d docs"
33
+ },
34
+ "eslintConfig": {
35
+ "root": true,
36
+ "env": {
37
+ "node": true
38
+ },
39
+ "extends": [
40
+ "plugin:vue/essential",
41
+ "eslint:recommended"
42
+ ],
43
+ "rules": {},
44
+ "parserOptions": {
45
+ "parser": "babel-eslint"
46
+ }
47
+ },
48
+ "postcss": {
49
+ "plugins": {
50
+ "autoprefixer": {}
51
+ }
52
+ },
53
+ "browserslist": [
54
+ "> 1%",
55
+ "last 2 versions"
56
+ ],
57
+ "repository": {
58
+ "type": "git",
59
+ "url": "git+https://github.com/yuda-lyu/w-plot-vue.git"
60
+ },
61
+ "keywords": [
62
+ "component",
63
+ "vue",
64
+ "geo"
65
+ ],
66
+ "author": "yuda-lyu(semisphere)",
67
+ "license": "MIT"
68
+ }
@@ -0,0 +1,38 @@
1
+ <!DOCTYPE html>
2
+ <html xmlns="http://www.w3.org/1999/xhtml" lang="zh-tw">
3
+ <head>
4
+ <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
6
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
7
+ <title>w-plot-vue</title>
8
+
9
+ <!-- @vue-cli動添加@babel/polyfill與vue -->
10
+
11
+ <!-- fontawesome -->
12
+ <link href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.4.2/css/all.min.css" rel="stylesheet">
13
+
14
+ <!-- mdi font -->
15
+ <link _href="https://cdn.jsdelivr.net/npm/@mdi/font@7.2.96/css/materialdesignicons.min.css" rel="stylesheet">
16
+
17
+ <!-- google font -->
18
+ <link _href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet">
19
+ <link _href="https://fonts.googleapis.com/css?family=Material+Icons" rel="stylesheet">
20
+
21
+ <!-- data -->
22
+ <script src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataAAPL.js"></script>
23
+ <script src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataUSD2EUR.js"></script>
24
+ <script src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataTemperature.js"></script>
25
+ <script src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataHousePriceArea.js"></script>
26
+ <script src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataFlare.js"></script>
27
+ <script src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataRain.js"></script>
28
+ <script src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataRainClip.js"></script>
29
+
30
+ </head>
31
+ <body style="font-family:'Microsoft JhengHei','Avenir','Helvetica'; padding:0px; margin:0px;">
32
+ <noscript>
33
+ <strong>We're sorry but w-plot-vue doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
34
+ </noscript>
35
+ <div id="app"></div>
36
+ <!-- built files will be auto injected -->
37
+ </body>
38
+ </html>
package/src/App.vue ADDED
@@ -0,0 +1,118 @@
1
+ <template>
2
+ <div style="">
3
+
4
+
5
+ <template v-if="!isNarrow">
6
+ <a href="https://github.com/yuda-lyu/w-plot-vue" class="github-corner" style="position:fixed; top:0; right:0; border:0; z-index:10000;" aria-label="View source on GitHub" target="_blank" rel="noreferrer noopener">
7
+ <svg width="80" height="80" viewBox="0 0 250 250" style="fill:rgba(0,0,0,0.25); color:#fff; position: absolute; top: 0; border: 0; right: 0;" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg>
8
+ </a>
9
+ </template>
10
+
11
+
12
+ <div style="background:#f5f5f5;">
13
+ <div style="width:calc( 100vw - 20px ); overflow-x:auto;">
14
+ <WListHorizontal
15
+ :items="cmps"
16
+ :itemActive.sync="cmpPick"
17
+ :itemBackgroundColor="'transparent'"
18
+ :itemBackgroundColorHover="'transparent'"
19
+ :itemBackgroundColorActive="'transparent'"
20
+ >
21
+ <template v-slot:item="props">
22
+ <div style="display:flex; align-items:center;">
23
+ {{kebabCase(props.item)}}
24
+ </div>
25
+ </template>
26
+ </WListHorizontal>
27
+ </div>
28
+ </div>
29
+
30
+
31
+ <div style="padding:20px;">
32
+
33
+ <AppZoneWPlot v-if="cmpPick==='WPlot'"></AppZoneWPlot>
34
+
35
+ <AppZoneWBar v-if="cmpPick==='WBar'"></AppZoneWBar>
36
+
37
+ <AppZoneWPie v-if="cmpPick==='WPie'"></AppZoneWPie>
38
+
39
+ <AppZoneWRose v-if="cmpPick==='WRose'"></AppZoneWRose>
40
+
41
+ </div>
42
+
43
+
44
+ </div>
45
+ </template>
46
+
47
+ <script>
48
+ // import { mdiCheckCircle, mdiCheckboxBlankCircleOutline } from '@mdi/js'
49
+ // import get from 'lodash-es/get'
50
+ import kebabCase from 'lodash-es/kebabCase'
51
+ // import each from 'lodash-es/each'
52
+ // import urlParse from 'wsemi/src/urlParse.mjs'
53
+ import WListHorizontal from 'w-component-vue/src/components/WListHorizontal.vue'
54
+ import AppZoneWPlot from './AppZoneWPlot.vue'
55
+ import AppZoneWBar from './AppZoneWBar.vue'
56
+ import AppZoneWPie from './AppZoneWPie.vue'
57
+ import AppZoneWRose from './AppZoneWRose.vue'
58
+
59
+
60
+ export default {
61
+ components: {
62
+ WListHorizontal,
63
+ AppZoneWPlot,
64
+ AppZoneWBar,
65
+ AppZoneWPie,
66
+ AppZoneWRose,
67
+ },
68
+ data: function() {
69
+ return {
70
+ // get,
71
+ kebabCase,
72
+
73
+ // mdiCheckCircle,
74
+ // mdiCheckboxBlankCircleOutline,
75
+
76
+ cmps: [
77
+ 'WPlot',
78
+ 'WBar',
79
+ 'WPie',
80
+ 'WRose',
81
+ ],
82
+
83
+ cmpPick: 'WPlot',
84
+
85
+ }
86
+ },
87
+ mounted: function() {
88
+ let vo = this
89
+ },
90
+ computed: {
91
+
92
+ isNarrow: function() {
93
+ return window.innerWidth < 1000
94
+ },
95
+
96
+ },
97
+ methods: {
98
+ },
99
+ }
100
+ </script>
101
+
102
+ <style>
103
+ .head1 {
104
+ margin: 0px;
105
+ padding: 0px 0px 10px 0px;
106
+ font-size: 2.5rem;
107
+ }
108
+ .bk {
109
+ vertical-align: top;
110
+ padding: 10px 0px 60px 0px;
111
+ }
112
+ @media screen and (min-width:1000px){ /* 寬版 */
113
+ .bk {
114
+ display: inline-block;
115
+ margin: 0px 80px 0px 0px;
116
+ }
117
+ }
118
+ </style>