w-component-vue 2.1.80 → 2.1.83

package/docs/vuetifyColor.mjs.html

@@ -27,7 +27,7 @@
 
 <nav >
     
-    <h2><a href="index.html">Home</a></h2><h3>Modules</h3><ul><li><a href="module-WAggridVueDyn.html">WAggridVueDyn</a></li><li><a href="module-WBadge.html">WBadge</a></li><li><a href="module-WButtonChip.html">WButtonChip</a></li><li><a href="module-WButtonCircle.html">WButtonCircle</a></li><li><a href="module-WCheckbox.html">WCheckbox</a></li><li><a href="module-WCkeditorVueDyn.html">WCkeditorVueDyn</a></li><li><a href="module-WConfirm.html">WConfirm</a></li><li><a href="module-WDialog.html">WDialog</a></li><li><a href="module-WDrawer.html">WDrawer</a></li><li><a href="module-WDropfiles.html">WDropfiles</a></li><li><a href="module-WDynamicList.html">WDynamicList</a></li><li><a href="module-WEchartsVueDyn.html">WEchartsVueDyn</a></li><li><a href="module-WGroupCheck.html">WGroupCheck</a></li><li><a href="module-WGroupDragdrop.html">WGroupDragdrop</a></li><li><a href="module-WGroupRadio.html">WGroupRadio</a></li><li><a href="module-WGroupTags.html">WGroupTags</a></li><li><a href="module-WHighchartsBitmapDyn.html">WHighchartsBitmapDyn</a></li><li><a href="module-WHighchartsVueDyn.html">WHighchartsVueDyn</a></li><li><a href="module-WHighstockVueDyn.html">WHighstockVueDyn</a></li><li><a href="module-WIcon.html">WIcon</a></li><li><a href="module-WIconLoading.html">WIconLoading</a></li><li><a href="module-WIconSvg.html">WIconSvg</a></li><li><a href="module-WImageCascadingDyn.html">WImageCascadingDyn</a></li><li><a href="module-WImageViewerDyn.html">WImageViewerDyn</a></li><li><a href="module-WJsonView.html">WJsonView</a></li><li><a href="module-WLeafletVueDyn.html">WLeafletVueDyn</a></li><li><a href="module-WListVertical.html">WListVertical</a></li><li><a href="module-WListVerticalItem.html">WListVerticalItem</a></li><li><a href="module-WPanelBulge.html">WPanelBulge</a></li><li><a href="module-WPanelChart.html">WPanelChart</a></li><li><a href="module-WPanelDivideHorizontal.html">WPanelDivideHorizontal</a></li><li><a href="module-WPanelDivideVertical.html">WPanelDivideVertical</a></li><li><a href="module-WPanelScrolly.html">WPanelScrolly</a></li><li><a href="module-WPanelScrollyCore.html">WPanelScrollyCore</a></li><li><a href="module-WPanelStripe.html">WPanelStripe</a></li><li><a href="module-WPopup.html">WPopup</a></li><li><a href="module-WPopupEditText.html">WPopupEditText</a></li><li><a href="module-WProgressBar.html">WProgressBar</a></li><li><a href="module-WProgressCircle.html">WProgressCircle</a></li><li><a href="module-WQuillVueDyn.html">WQuillVueDyn</a></li><li><a href="module-WShellBottomLine.html">WShellBottomLine</a></li><li><a href="module-WShellEllipse.html">WShellEllipse</a></li><li><a href="module-WShellMaterial.html">WShellMaterial</a></li><li><a href="module-WSwitch.html">WSwitch</a></li><li><a href="module-WTableDyn.html">WTableDyn</a></li><li><a href="module-WText.html">WText</a></li><li><a href="module-WTextarea.html">WTextarea</a></li><li><a href="module-WTextCore.html">WTextCore</a></li><li><a href="module-WTextInt.html">WTextInt</a></li><li><a href="module-WTextIntCore.html">WTextIntCore</a></li><li><a href="module-WTextSelect.html">WTextSelect</a></li><li><a href="module-WTextSuggest.html">WTextSuggest</a></li><li><a href="module-WTextSuggestCore.html">WTextSuggestCore</a></li><li><a href="module-WTimeday.html">WTimeday</a></li><li><a href="module-WTimedayCore.html">WTimedayCore</a></li><li><a href="module-WTimedayRange.html">WTimedayRange</a></li><li><a href="module-WTimedayRangeCore.html">WTimedayRangeCore</a></li><li><a href="module-WTimeminute.html">WTimeminute</a></li><li><a href="module-WTimeminuteCore.html">WTimeminuteCore</a></li><li><a href="module-WTimeminuteRange.html">WTimeminuteRange</a></li><li><a href="module-WTimeminuteRangeCore.html">WTimeminuteRangeCore</a></li><li><a href="module-WTinymceVueDyn.html">WTinymceVueDyn</a></li><li><a href="module-WTree.html">WTree</a></li><li><a href="module-WTreeIconCheckbox.html">WTreeIconCheckbox</a></li><li><a href="module-WTreeIconToggle.html">WTreeIconToggle</a></li></ul><h3>Global</h3><ul><li><a href="global.html#binarySearch">binarySearch</a></li><li><a href="global.html#color2hex">color2hex</a></li><li><a href="global.html#getHCDataGrouping">getHCDataGrouping</a></li><li><a href="global.html#getHCDateFmt">getHCDateFmt</a></li><li><a href="global.html#getHCGlobal">getHCGlobal</a></li><li><a href="global.html#getHCMarker">getHCMarker</a></li><li><a href="global.html#getHCUnits">getHCUnits</a></li><li><a href="global.html#iniHCMarkers">iniHCMarkers</a></li></ul>
+    <h2><a href="index.html">Home</a></h2><h3>Modules</h3><ul><li><a href="module-WAggridVueDyn.html">WAggridVueDyn</a></li><li><a href="module-WBadge.html">WBadge</a></li><li><a href="module-WButtonChip.html">WButtonChip</a></li><li><a href="module-WButtonCircle.html">WButtonCircle</a></li><li><a href="module-WCheckbox.html">WCheckbox</a></li><li><a href="module-WCkeditorVueDyn.html">WCkeditorVueDyn</a></li><li><a href="module-WConfirm.html">WConfirm</a></li><li><a href="module-WDialog.html">WDialog</a></li><li><a href="module-WDrawer.html">WDrawer</a></li><li><a href="module-WDropfiles.html">WDropfiles</a></li><li><a href="module-WDynamicList.html">WDynamicList</a></li><li><a href="module-WEchartsVueDyn.html">WEchartsVueDyn</a></li><li><a href="module-WGroupCheck.html">WGroupCheck</a></li><li><a href="module-WGroupDragdrop.html">WGroupDragdrop</a></li><li><a href="module-WGroupRadio.html">WGroupRadio</a></li><li><a href="module-WGroupTags.html">WGroupTags</a></li><li><a href="module-WHighchartsVueDyn.html">WHighchartsVueDyn</a></li><li><a href="module-WHighstockVueDyn.html">WHighstockVueDyn</a></li><li><a href="module-WIcon.html">WIcon</a></li><li><a href="module-WIconLoading.html">WIconLoading</a></li><li><a href="module-WIconSvg.html">WIconSvg</a></li><li><a href="module-WImageCascadingDyn.html">WImageCascadingDyn</a></li><li><a href="module-WImageViewerDyn.html">WImageViewerDyn</a></li><li><a href="module-WJsonView.html">WJsonView</a></li><li><a href="module-WLeafletVueDyn.html">WLeafletVueDyn</a></li><li><a href="module-WListVertical.html">WListVertical</a></li><li><a href="module-WListVerticalItem.html">WListVerticalItem</a></li><li><a href="module-WPanelBulge.html">WPanelBulge</a></li><li><a href="module-WPanelDivideHorizontal.html">WPanelDivideHorizontal</a></li><li><a href="module-WPanelDivideVertical.html">WPanelDivideVertical</a></li><li><a href="module-WPanelScrolly.html">WPanelScrolly</a></li><li><a href="module-WPanelScrollyCore.html">WPanelScrollyCore</a></li><li><a href="module-WPanelStripe.html">WPanelStripe</a></li><li><a href="module-WPopup.html">WPopup</a></li><li><a href="module-WPopupEditText.html">WPopupEditText</a></li><li><a href="module-WProgressBar.html">WProgressBar</a></li><li><a href="module-WProgressCircle.html">WProgressCircle</a></li><li><a href="module-WQuillVueDyn.html">WQuillVueDyn</a></li><li><a href="module-WShellBottomLine.html">WShellBottomLine</a></li><li><a href="module-WShellEllipse.html">WShellEllipse</a></li><li><a href="module-WShellMaterial.html">WShellMaterial</a></li><li><a href="module-WSwitch.html">WSwitch</a></li><li><a href="module-WTableDyn.html">WTableDyn</a></li><li><a href="module-WText.html">WText</a></li><li><a href="module-WTextarea.html">WTextarea</a></li><li><a href="module-WTextCore.html">WTextCore</a></li><li><a href="module-WTextInt.html">WTextInt</a></li><li><a href="module-WTextIntCore.html">WTextIntCore</a></li><li><a href="module-WTextSelect.html">WTextSelect</a></li><li><a href="module-WTextSuggest.html">WTextSuggest</a></li><li><a href="module-WTextSuggestCore.html">WTextSuggestCore</a></li><li><a href="module-WTimeday.html">WTimeday</a></li><li><a href="module-WTimedayCore.html">WTimedayCore</a></li><li><a href="module-WTimedayRange.html">WTimedayRange</a></li><li><a href="module-WTimedayRangeCore.html">WTimedayRangeCore</a></li><li><a href="module-WTimeminute.html">WTimeminute</a></li><li><a href="module-WTimeminuteCore.html">WTimeminuteCore</a></li><li><a href="module-WTimeminuteRange.html">WTimeminuteRange</a></li><li><a href="module-WTimeminuteRangeCore.html">WTimeminuteRangeCore</a></li><li><a href="module-WTinymceVueDyn.html">WTinymceVueDyn</a></li><li><a href="module-WTree.html">WTree</a></li><li><a href="module-WTreeIconCheckbox.html">WTreeIconCheckbox</a></li><li><a href="module-WTreeIconToggle.html">WTreeIconToggle</a></li></ul><h3>Global</h3><ul><li><a href="global.html#binarySearch">binarySearch</a></li><li><a href="global.html#color2hex">color2hex</a></li><li><a href="global.html#getHCDataGrouping">getHCDataGrouping</a></li><li><a href="global.html#getHCDateFmt">getHCDateFmt</a></li><li><a href="global.html#getHCGlobal">getHCGlobal</a></li><li><a href="global.html#getHCMarker">getHCMarker</a></li><li><a href="global.html#getHCUnits">getHCUnits</a></li><li><a href="global.html#iniHCMarkers">iniHCMarkers</a></li></ul>
 </nav>
 
 <div id="main">
@@ -144,7 +144,7 @@ export default color2hex
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.7</a> on Sun Mar 06 2022 12:41:28 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Sat Apr 09 2022 21:36:45 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "w-component-vue",
-  "version": "2.1.80",
+  "version": "2.1.83",
   "author": "yuda-lyu(semisphere)",
   "scripts": {
     "serve": "vue-cli-service serve",
@@ -11,22 +11,32 @@
   },
   "main": "dist/w-component-vue.umd.js",
   "dependencies": {
-    "@mdi/js": "^6.5.95",
+    "@mdi/js": "^6.6.96",
+    "@vue/composition-api": "^1.4.9",
     "lodash": "^4.17.21",
-    "vue-cli-plugin-vuetify": "^2.4.0",
-    "vuetify": "^2.5.1",
-    "vuetify-loader": "^1.7.2",
-    "wsemi": "^1.6.46"
+    "wsemi": "^1.6.54"
   },
   "devDependencies": {
+    "eslint": "^7.26.0",
+    "eslint-config-standard": "^16.0.2",
+    "eslint-friendly-formatter": "^4.0.1",
+    "eslint-loader": "^4.0.2",
+    "eslint-plugin-import": "^2.22.1",
+    "eslint-plugin-node": "^11.1.0",
+    "eslint-plugin-promise": "^5.1.0",
+    "eslint-plugin-standard": "^4.1.0",
+    "eslint-plugin-vue": "^7.9.0",
     "@vue/cli-plugin-babel": "^4.5.13",
     "@vue/cli-plugin-eslint": "^4.5.13",
     "@vue/cli-service": "^4.5.13",
     "cheerio": "^1.0.0-rc.10",
     "sass": "^1.34.0",
     "sass-loader": "^10.1.1",
-    "vue": "^2.6.12",
-    "w-package-tools": "^1.0.61"
+    "vue": "^2.6.14",
+    "vue-cli-plugin-vuetify": "^2.4.8",
+    "vuetify": "^2.6.4",
+    "vuetify-loader": "^1.7.3",
+    "w-package-tools": "^1.0.65"
   },
   "eslintConfig": {
     "root": true,

package/public/index.html

@@ -12,20 +12,20 @@
         <link href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.4/css/all.min.css" rel="stylesheet">
 
         <!-- mdi font -->
-        <link _href="https://cdn.jsdelivr.net/npm/@mdi/font@6.5.95/css/materialdesignicons.min.css" rel="stylesheet">
+        <link _href="https://cdn.jsdelivr.net/npm/@mdi/font@6.6.96/css/materialdesignicons.min.css" rel="stylesheet">
 
         <!-- google font -->
         <link _href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet">
         <link _href="https://fonts.googleapis.com/css?family=Material+Icons" rel="stylesheet">
 
         <!-- data -->
-        <script src="https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/data/dataAAPL.js"></script>
-        <script src="https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/data/dataUSD2EUR.js"></script>
-        <script src="https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/data/dataTemperature.js"></script>
-        <script src="https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/data/dataHousePriceArea.js"></script>
-        <script src="https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/data/dataFlare.js"></script>
-        <script src="https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/data/dataRain.js"></script>
-        <script src="https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/data/dataRainClip.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/w-demores@1.0.18/res/data/dataAAPL.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/w-demores@1.0.18/res/data/dataUSD2EUR.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/w-demores@1.0.18/res/data/dataTemperature.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/w-demores@1.0.18/res/data/dataHousePriceArea.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/w-demores@1.0.18/res/data/dataFlare.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/w-demores@1.0.18/res/data/dataRain.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/w-demores@1.0.18/res/data/dataRainClip.js"></script>
         <script>
             //save in window
             window.dataAAPL=dataAAPL

package/src/App.vue

@@ -278,11 +278,6 @@
             ></AppZoneWHighchartsVueDyn>
 
 
-            <AppZoneWHighchartsBitmapDyn
-                v-if="useCmpName==='WHighchartsBitmapDyn'"
-            ></AppZoneWHighchartsBitmapDyn>
-
-
             <AppZoneWHighstockVueDyn
                 v-if="useCmpName==='WHighstockVueDyn'"
             ></AppZoneWHighstockVueDyn>
@@ -293,11 +288,6 @@
             ></AppZoneWEchartsVueDyn>
 
 
-            <AppZoneWPanelChart
-                v-if="useCmpName==='WPanelChart'"
-            ></AppZoneWPanelChart>
-
-
             <AppZoneWAggridVueDyn
                 v-if="useCmpName==='WAggridVueDyn'"
             ></AppZoneWAggridVueDyn>
@@ -389,10 +379,8 @@ import AppZoneWDynamicList from './AppZoneWDynamicList.vue'
 import AppZoneWJsonView from './AppZoneWJsonView.vue'
 import AppZoneWTree from './AppZoneWTree.vue'
 import AppZoneWHighchartsVueDyn from './AppZoneWHighchartsVueDyn.vue'
-import AppZoneWHighchartsBitmapDyn from './AppZoneWHighchartsBitmapDyn.vue'
 import AppZoneWHighstockVueDyn from './AppZoneWHighstockVueDyn.vue'
 import AppZoneWEchartsVueDyn from './AppZoneWEchartsVueDyn.vue'
-import AppZoneWPanelChart from './AppZoneWPanelChart.vue'
 import AppZoneWAggridVueDyn from './AppZoneWAggridVueDyn.vue'
 import AppZoneWTableDyn from './AppZoneWTableDyn.vue'
 import AppZoneWImageViewerDyn from './AppZoneWImageViewerDyn.vue'
@@ -444,10 +432,8 @@ export default {
         AppZoneWJsonView,
         AppZoneWTree,
         AppZoneWHighchartsVueDyn,
-        AppZoneWHighchartsBitmapDyn,
         AppZoneWHighstockVueDyn,
         AppZoneWEchartsVueDyn,
-        AppZoneWPanelChart,
         AppZoneWAggridVueDyn,
         AppZoneWTableDyn,
         AppZoneWImageViewerDyn,
@@ -558,10 +544,8 @@ export default {
                             name: 'plot',
                             cmps: [
                                 { name: 'WHighchartsVueDyn' },
-                                { name: 'WHighchartsBitmapDyn' },
                                 { name: 'WHighstockVueDyn' },
                                 { name: 'WEchartsVueDyn' },
-                                { name: 'WPanelChart' },
                             ],
                         },
                         {

package/src/AppZoneWDrawer.vue

@@ -401,52 +401,64 @@ export default {
                 'title': 'Article Title',
                 'content': 'Here is an article content, texts are from Vuetify. There are three ways in which you can install Vuetify. The first (and recommended) way is to utilize the vuetify-loader or what we call automatic A-la-carte. This will ensure that your application only uses the features and styles from Vuetify that are needed, significantly reducing your application\'s compiled size. Keep in mind, when importing from vuetify/lib, the necessary styles are automatically imported for you.',
                 'listItems': [
+
                     {
-                        text: 'Interpreting',
-                        icon: 'fas fa-american-sign-language-interpreting',
-                    },
-                    {
-                        text: 'Search',
-                        icon: 'fas fa-search',
-                    },
-                    {
-                        text: 'Binoculars',
+                        text: '宜蘭測站',
                         icon: 'fas fa-binoculars',
                     },
                     {
-                        text: 'Building',
-                        icon: 'fa-regular fa-building',
-                    },
-                    {
-                        text: 'Tachometer-alt',
-                        icon: 'fas fa-tachometer-alt',
+                        text: '台南測站A',
+                        icon: 'fas fa-binoculars',
                     },
                     {
-                        text: 'Chess-king',
-                        icon: 'fas fa-chess-king',
+                        text: '台南測站B',
+                        icon: 'fas fa-binoculars',
                     },
 
-
-                    {
-                        text: 'Calendar',
-                        icon: 'fas fa-calendar-alt',
-                    },
-                    {
-                        text: 'chart',
-                        icon: 'fas fa-chart-bar',
-                    },
-                    {
-                        text: 'Cloud-meatball',
-                        icon: 'fas fa-cloud-meatball',
-                    },
-                    {
-                        text: 'Cubes',
-                        icon: 'fas fa-cubes',
-                    },
-                    {
-                        text: 'Dungeon',
-                        icon: 'fas fa-dungeon',
-                    },
+                    // {
+                    //     text: 'Interpreting',
+                    //     icon: 'fas fa-american-sign-language-interpreting',
+                    // },
+                    // {
+                    //     text: 'Search',
+                    //     icon: 'fas fa-search',
+                    // },
+                    // {
+                    //     text: 'Binoculars',
+                    //     icon: 'fas fa-binoculars',
+                    // },
+                    // {
+                    //     text: 'Building',
+                    //     icon: 'fa-regular fa-building',
+                    // },
+                    // {
+                    //     text: 'Tachometer-alt',
+                    //     icon: 'fas fa-tachometer-alt',
+                    // },
+                    // {
+                    //     text: 'Chess-king',
+                    //     icon: 'fas fa-chess-king',
+                    // },
+                    // {
+                    //     text: 'Calendar',
+                    //     icon: 'fas fa-calendar-alt',
+                    // },
+                    // {
+                    //     text: 'chart',
+                    //     icon: 'fas fa-chart-bar',
+                    // },
+                    // {
+                    //     text: 'Cloud-meatball',
+                    //     icon: 'fas fa-cloud-meatball',
+                    // },
+                    // {
+                    //     text: 'Cubes',
+                    //     icon: 'fas fa-cubes',
+                    // },
+                    // {
+                    //     text: 'Dungeon',
+                    //     icon: 'fas fa-dungeon',
+                    // },
                 ],
                 'listPkgs': [
                     {

package/src/AppZoneWImageCascadingDyn.vue

@@ -109,21 +109,21 @@ export default {
             'WImageCascadingDyn': {
                 'opt1': {
                     images: [
-                        'https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/food/001.jpg',
-                        'https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/food/002.jpg',
-                        'https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/food/003.jpg',
-                        'https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/food/004.jpg',
-                        'https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/food/005.jpg',
-                        'https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/food/006.jpg',
-                        'https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/food/007.jpg',
-                        'https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/food/008.jpg',
-                        'https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/food/009.jpg',
-                        'https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/food/010.jpg',
-                        'https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/food/011.jpg',
-                        'https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/food/012.jpg',
-                        'https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/food/013.jpg',
-                        'https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/food/014.jpg',
-                        'https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/food/015.jpg',
+                        'https://cdn.jsdelivr.net/npm/w-demores@1.0.18/res/img/food/001.jpg',
+                        'https://cdn.jsdelivr.net/npm/w-demores@1.0.18/res/img/food/002.jpg',
+                        'https://cdn.jsdelivr.net/npm/w-demores@1.0.18/res/img/food/003.jpg',
+                        'https://cdn.jsdelivr.net/npm/w-demores@1.0.18/res/img/food/004.jpg',
+                        'https://cdn.jsdelivr.net/npm/w-demores@1.0.18/res/img/food/005.jpg',
+                        'https://cdn.jsdelivr.net/npm/w-demores@1.0.18/res/img/food/006.jpg',
+                        'https://cdn.jsdelivr.net/npm/w-demores@1.0.18/res/img/food/007.jpg',
+                        'https://cdn.jsdelivr.net/npm/w-demores@1.0.18/res/img/food/008.jpg',
+                        'https://cdn.jsdelivr.net/npm/w-demores@1.0.18/res/img/food/009.jpg',
+                        'https://cdn.jsdelivr.net/npm/w-demores@1.0.18/res/img/food/010.jpg',
+                        'https://cdn.jsdelivr.net/npm/w-demores@1.0.18/res/img/food/011.jpg',
+                        'https://cdn.jsdelivr.net/npm/w-demores@1.0.18/res/img/food/012.jpg',
+                        'https://cdn.jsdelivr.net/npm/w-demores@1.0.18/res/img/food/013.jpg',
+                        'https://cdn.jsdelivr.net/npm/w-demores@1.0.18/res/img/food/014.jpg',
+                        'https://cdn.jsdelivr.net/npm/w-demores@1.0.18/res/img/food/015.jpg',
                     ],
                     imageStyle: { },
                     opt: {},

package/src/AppZoneWImageViewerDyn.vue

@@ -70,10 +70,10 @@ export default {
             'WImageViewerDyn': {
                 'opt1': {
                     images: [
-                        'https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/view/001.jpg',
-                        'https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/view/002.jpg',
-                        'https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/view/003.jpg',
-                        'https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/view/004.jpg',
+                        'https://cdn.jsdelivr.net/npm/w-demores@1.0.18/res/img/view/001.jpg',
+                        'https://cdn.jsdelivr.net/npm/w-demores@1.0.18/res/img/view/002.jpg',
+                        'https://cdn.jsdelivr.net/npm/w-demores@1.0.18/res/img/view/003.jpg',
+                        'https://cdn.jsdelivr.net/npm/w-demores@1.0.18/res/img/view/004.jpg',
                     ],
                     imageStyle: {
                         maxWidth: '300px',
@@ -83,10 +83,10 @@ export default {
                 },
                 'opt2': {
                     images: [
-                        'https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/view/005.jpg',
-                        'https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/view/006.jpg',
-                        'https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/view/007.jpg',
-                        'https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/view/008.jpg',
+                        'https://cdn.jsdelivr.net/npm/w-demores@1.0.18/res/img/view/005.jpg',
+                        'https://cdn.jsdelivr.net/npm/w-demores@1.0.18/res/img/view/006.jpg',
+                        'https://cdn.jsdelivr.net/npm/w-demores@1.0.18/res/img/view/007.jpg',
+                        'https://cdn.jsdelivr.net/npm/w-demores@1.0.18/res/img/view/008.jpg',
                     ],
                     imageStyle: {
                         maxWidth: '300px',

package/src/AppZoneWPanelDivideHorizontal.vue

@@ -145,12 +145,12 @@
                     >
                         <template v-slot:left="props">
                             <div :style="'position:relative; height:'.concat(props.height, 'px; overflow:hidden;')">
-                                <img style="position:absolute; top:0; left:0; width:800px; height:600px; user-select:none; user-drag:none;" src="https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/view/001.jpg" />
+                                <img style="position:absolute; top:0; left:0; width:800px; height:600px; user-select:none; user-drag:none;" src="https://cdn.jsdelivr.net/npm/w-demores@1.0.18/res/img/view/001.jpg" />
                             </div>
                         </template>
                         <template v-slot:right="props">
                             <div :style="'position:relative; height:'.concat(props.height, 'px; overflow:hidden;')">
-                                <img style="position:absolute; top:0; right:0; width:800px; height:600px; user-select:none; user-drag:none;" src="https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/view/001-gray.jpg" />
+                                <img style="position:absolute; top:0; right:0; width:800px; height:600px; user-select:none; user-drag:none;" src="https://cdn.jsdelivr.net/npm/w-demores@1.0.18/res/img/view/001-gray.jpg" />
                             </div>
                         </template>
                     </w-panel-divide-horizontal>
@@ -173,12 +173,12 @@
                     >
                         <template v-slot:left="props">
                             <div :style="'position:relative; height:'.concat(props.height, 'px; overflow:hidden;')">
-                                <img style="position:absolute; top:0; left:0; width:800px; height:600px; user-select:none; user-drag:none;" src="https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/view/001.jpg" />
+                                <img style="position:absolute; top:0; left:0; width:800px; height:600px; user-select:none; user-drag:none;" src="https://cdn.jsdelivr.net/npm/w-demores@1.0.18/res/img/view/001.jpg" />
                             </div>
                         </template>
                         <template v-slot:right="props">
                             <div :style="'position:relative; height:'.concat(props.height, 'px; overflow:hidden;')">
-                                <img style="position:absolute; top:0; right:0; width:800px; height:600px; user-select:none; user-drag:none;" src="https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/view/001-gray.jpg" />
+                                <img style="position:absolute; top:0; right:0; width:800px; height:600px; user-select:none; user-drag:none;" src="https://cdn.jsdelivr.net/npm/w-demores@1.0.18/res/img/view/001-gray.jpg" />
                             </div>
                         </template>
                     </w-panel-divide-horizontal>

package/src/AppZoneWPanelDivideVertical.vue

@@ -145,12 +145,12 @@
                     >
                         <template v-slot:top="props">
                             <div :style="'position:relative; height:'.concat(props.height, 'px; overflow:hidden;')">
-                                <img style="position:absolute; top:0; left:0; width:800px; height:600px; user-select:none; user-drag:none;" src="https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/view/001.jpg" />
+                                <img style="position:absolute; top:0; left:0; width:800px; height:600px; user-select:none; user-drag:none;" src="https://cdn.jsdelivr.net/npm/w-demores@1.0.18/res/img/view/001.jpg" />
                             </div>
                         </template>
                         <template v-slot:bottom="props">
                             <div :style="'position:relative; height:'.concat(props.height, 'px; overflow:hidden;')">
-                                <img style="position:absolute; bottom:-200px; left:0; width:800px; height:600px; user-select:none; user-drag:none;" src="https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/view/001-gray.jpg" />
+                                <img style="position:absolute; bottom:-200px; left:0; width:800px; height:600px; user-select:none; user-drag:none;" src="https://cdn.jsdelivr.net/npm/w-demores@1.0.18/res/img/view/001-gray.jpg" />
                             </div>
                         </template>
                     </w-panel-divide-vertical>
@@ -173,12 +173,12 @@
                     >
                         <template v-slot:top="props">
                             <div :style="'position:relative; height:'.concat(props.height, 'px; overflow:hidden;')">
-                                <img style="position:absolute; top:0; left:0; width:800px; height:600px; user-select:none; user-drag:none;" src="https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/view/001.jpg" />
+                                <img style="position:absolute; top:0; left:0; width:800px; height:600px; user-select:none; user-drag:none;" src="https://cdn.jsdelivr.net/npm/w-demores@1.0.18/res/img/view/001.jpg" />
                             </div>
                         </template>
                         <template v-slot:bottom="props">
                             <div :style="'position:relative; height:'.concat(props.height, 'px; overflow:hidden;')">
-                                <img style="position:absolute; bottom:-200px; left:0; width:800px; height:600px; user-select:none; user-drag:none;" src="https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/view/001-gray.jpg" />
+                                <img style="position:absolute; bottom:-200px; left:0; width:800px; height:600px; user-select:none; user-drag:none;" src="https://cdn.jsdelivr.net/npm/w-demores@1.0.18/res/img/view/001-gray.jpg" />
                             </div>
                         </template>
                     </w-panel-divide-vertical>

package/src/AppZoneWPanelScrolly.vue

@@ -35,6 +35,7 @@
                     @scroll-infor="(msg)=>{getEvents('scroll-infor',msg)}"
                     @resize="(msg)=>{getEvents('resize',msg)}"
                     @mutation="(msg)=>{getEvents('mutation',msg)}"
+                    @visible="(msg)=>{getEvents('visible',msg)}"
                     @update:scrollTop="(msg)=>{getEvents('update:scrollTop',msg)}"
                 >
                     <table :style="WPanelScrolly.tableStyle"><tbody><tr><td :style="WPanelScrolly.tdStyle">11</td><td :style="WPanelScrolly.tdStyle">12</td><td :style="WPanelScrolly.tdStyle">13</td><td :style="WPanelScrolly.tdStyle">14</td></tr><tr><td :style="WPanelScrolly.tdStyle">21</td><td :style="WPanelScrolly.tdStyle">22</td><td :style="WPanelScrolly.tdStyle">23</td><td :style="WPanelScrolly.tdStyle">24</td></tr><tr><td :style="WPanelScrolly.tdStyle">31</td><td :style="WPanelScrolly.tdStyle">32</td><td :style="WPanelScrolly.tdStyle">33</td><td :style="WPanelScrolly.tdStyle">34</td></tr><tr><td :style="WPanelScrolly.tdStyle">41</td><td :style="WPanelScrolly.tdStyle">42</td><td :style="WPanelScrolly.tdStyle">43</td><td :style="WPanelScrolly.tdStyle">44</td></tr><tr><td :style="WPanelScrolly.tdStyle">51</td><td :style="WPanelScrolly.tdStyle">52</td><td :style="WPanelScrolly.tdStyle">53</td><td :style="WPanelScrolly.tdStyle">54</td></tr></tbody></table>

package/src/components/WAggridVueDyn.vue

@@ -76,10 +76,10 @@ export default {
         pathItems: {
             type: Array,
             default: () => [
-                'https://cdn.jsdelivr.net/npm/ag-grid-community@25.3.0/dist/ag-grid-community.min.noStyle.js',
-                'https://cdn.jsdelivr.net/npm/ag-grid-vue@25.3.0/dist/ag-grid-vue.umd.min.js', //於es5內載入時, AgGridVue會出現在window['ag-grid-vue'].AgGridVue
-                'https://cdn.jsdelivr.net/npm/w-aggrid-vue@2.0.23/dist/w-aggrid-vue.umd.js',
-                'https://cdn.jsdelivr.net/npm/xlsx@0.17.4/dist/xlsx.full.min.js', //download與upload會使用, 一併預載
+                'https://cdn.jsdelivr.net/npm/ag-grid-community@27.1.0/dist/ag-grid-community.min.noStyle.js',
+                'https://cdn.jsdelivr.net/npm/ag-grid-vue@27.1.0/dist/ag-grid-vue.umd.min.js', //於es5內載入時, AgGridVue會出現在window['ag-grid-vue'].AgGridVue
+                'https://cdn.jsdelivr.net/npm/w-aggrid-vue@2.0.28/dist/w-aggrid-vue.umd.js',
+                'https://cdn.jsdelivr.net/npm/xlsx@0.18.5/dist/xlsx.full.min.js', //download與upload會使用, 一併預載
             ],
         },
         opt: {

package/src/components/WCkeditorVueDyn.vue

@@ -24,9 +24,8 @@ export default {
         pathItems: {
             type: Array,
             default: () => [
-                'https://cdn.jsdelivr.net/npm/w-ckeditor-vue@1.0.24/dist/ckeditor.js',
-                'https://cdn.jsdelivr.net/npm/w-ckeditor-vue@1.0.24/dist/w-ckeditor-vue.umd.js',
-                // 'https://cdn.jsdelivr.net/npm/w-ckeditor-vue@2.0.1/dist/w-ckeditor-vue.umd.js', //因依賴問題暫時不使用2.0.1
+                'https://cdn.jsdelivr.net/npm/w-ckeditor-vue@2.0.2/dist/ckeditor.js',
+                'https://cdn.jsdelivr.net/npm/w-ckeditor-vue@2.0.2/dist/w-ckeditor-vue.umd.js',
             ],
         },
         value: {

package/src/components/WComponentVue.vue

@@ -16,7 +16,6 @@ import WGroupCheck from './WGroupCheck.vue'
 import WGroupDragdrop from './WGroupDragdrop.vue'
 import WGroupRadio from './WGroupRadio.vue'
 import WGroupTags from './WGroupTags.vue'
-import WHighchartsBitmapDyn from './WHighchartsBitmapDyn.vue'
 import WHighchartsVueDyn from './WHighchartsVueDyn.vue'
 import WHighstockVueDyn from './WHighstockVueDyn.vue'
 import WIcon from './WIcon.vue'
@@ -29,7 +28,6 @@ import WLeafletVueDyn from './WLeafletVueDyn.vue'
 import WListVertical from './WListVertical.vue'
 import WListVerticalItem from './WListVerticalItem.vue'
 import WPanelBulge from './WPanelBulge.vue'
-import WPanelChart from './WPanelChart.vue'
 import WPanelDivideHorizontal from './WPanelDivideHorizontal.vue'
 import WPanelDivideVertical from './WPanelDivideVertical.vue'
 import WPanelScale from './WPanelScale.vue'
@@ -86,7 +84,6 @@ let WComponentVue = {
         Vue.component('w-group-dragdrop', WGroupDragdrop)
         Vue.component('w-group-radio', WGroupRadio)
         Vue.component('w-group-tags', WGroupTags)
-        Vue.component('w-highcharts-bitmap-dyn', WHighchartsBitmapDyn)
         Vue.component('w-highcharts-vue-dyn', WHighchartsVueDyn)
         Vue.component('w-highstock-vue-dyn', WHighstockVueDyn)
         Vue.component('w-icon', WIcon)
@@ -99,7 +96,6 @@ let WComponentVue = {
         Vue.component('w-list-vertical', WListVertical)
         Vue.component('w-list-vertical-item', WListVerticalItem)
         Vue.component('w-panel-bulge', WPanelBulge)
-        Vue.component('w-panel-chart', WPanelChart)
         Vue.component('w-panel-divide-horizontal', WPanelDivideHorizontal)
         Vue.component('w-panel-divide-vertical', WPanelDivideVertical)
         Vue.component('w-panel-scale', WPanelScale)

package/src/components/WDrawer.vue

@@ -42,14 +42,14 @@
             <div
                 :style="`position:${effOverlayPosition}; ${effDrawerDetectLoction} top:0px; right:0px; bottom:0px; z-index:${effDrawerZIndex+1}; width:${effDrawerDetectWidth}; height:100%; overflow:hidden;`"
                 @click="(ev)=>{ckToggle(ev,false)}"
-                v-if="showOverlay2Detect"
+                v-show="showOverlay2Detect"
             >
 
                 <!-- drawer平移層 -->
                 <div
-                    class="ts"
+                    _class="ts"
                     :style="`height:100%; display:flex; justify-content:${ isAtLeft ? 'start' : 'end' };`"
-                    v-if="showOverlay4Translate"
+                    _v-show="showOverlay4Translate"
                 >
 
                     <div
@@ -138,7 +138,7 @@ export default {
             // effOverlay3Shadow: false,
 
             timerOverlay4Translate: null,
-            showOverlay4Translate: false,
+            // showOverlay4Translate: false,
             effOverlay4Translate: false,
 
         }
@@ -279,7 +279,7 @@ export default {
 
             let sec
 
-            //fsm
+            //check
             if (value) {
                 // vo.fsmShowOverlay.showOverlay()
                 // vo.fsmShowStateOverlay.showOverlay()
@@ -302,7 +302,7 @@ export default {
 
                 // showOverlay4Translate: false,
                 // effOverlay4Translate: false,
-                vo.showOverlay4Translate = true
+                // vo.showOverlay4Translate = true
                 vo.timerOverlay4Translate = setTimeout(() => {
                     vo.effOverlay4Translate = true
                 }, sec)
@@ -335,9 +335,9 @@ export default {
                 // showOverlay4Translate: false,
                 // effOverlay4Translate: false,
                 vo.effOverlay4Translate = false
-                vo.timerOverlay4Translate = setTimeout(() => {
-                    vo.showOverlay4Translate = false
-                }, sec)
+                // vo.timerOverlay4Translate = setTimeout(() => {
+                //     vo.showOverlay4Translate = false
+                // }, sec)
 
             }
 

package/src/components/WEchartsVueDyn.vue

@@ -7,6 +7,7 @@
 import importResources from 'wsemi/src/importResources.mjs'
 import WIconLoading from './WIconLoading.vue'
 import getVue from '../js/getVue.mjs'
+// import VueCompositionAPI from '@vue/composition-api'
 
 
 /**
@@ -22,13 +23,16 @@ export default {
         pathItems: {
             type: Array,
             default: () => [
-                // 'https://cdn.jsdelivr.net/npm/echarts@4.9.0/dist/echarts-en.min.js',
-                // 'https://cdn.jsdelivr.net/npm/echarts-gl@1.1.1/dist/echarts-gl.min.js',
-                // 'https://cdn.jsdelivr.net/npm/vue-echarts@4.1.0/dist/vue-echarts.min.js',
                 'https://cdn.jsdelivr.net/npm/echarts@5.1.2/dist/echarts.min.js',
                 'https://cdn.jsdelivr.net/npm/echarts@5.1.2/i18n/langEN.js',
                 'https://cdn.jsdelivr.net/npm/echarts-gl@2.0.5/dist/echarts-gl.min.js',
                 'https://cdn.jsdelivr.net/npm/vue-echarts@4.1.0/dist/vue-echarts.min.js',
+                //vue-echarts 6版使用vue2 composition api, 仍有問題
+                // 'https://cdn.jsdelivr.net/npm/@vue/composition-api@1.4.3/dist/vue-composition-api.min.js',
+                // 'https://cdn.jsdelivr.net/npm/echarts@5.2.2/dist/echarts.min.js',
+                // 'https://cdn.jsdelivr.net/npm/echarts@5.2.2/i18n/langEN.js',
+                // 'https://cdn.jsdelivr.net/npm/echarts-gl@2.0.9/dist/echarts-gl.min.js',
+                // 'https://cdn.jsdelivr.net/npm/vue-echarts@6.0.2/dist/index.umd.min.js',
             ],
         },
         options: {
@@ -59,10 +63,11 @@ export default {
                     }
 
                     //use
-                    getVue().component('vueechart', cmp)
+                    // getVue().use(VueCompositionAPI)
+                    getVue().component('v-chart', cmp)
 
                 }
-                vo.cmpName = 'vueechart'
+                vo.cmpName = 'v-chart'
             })
 
     },