w-component-vue 2.1.80 → 2.1.83

package/src/components/WHighchartsVueDyn.vue

@@ -23,12 +23,12 @@ export default {
         pathItems: {
             type: Array,
             default: () => [
-                'https://cdn.jsdelivr.net/npm/highcharts@9.3.2/highcharts.js',
-                'https://cdn.jsdelivr.net/npm/highcharts@9.3.2/modules/stock.js', //因vue-highcharts初始化若無stock會無法註冊全域組件, 故若還會使用highstock vue組件, 得先於highcharts vue組件事先載入
-                'https://cdn.jsdelivr.net/npm/highcharts@9.3.2/modules/annotations.js',
-                'https://cdn.jsdelivr.net/npm/highcharts@9.3.2/modules/heatmap.js',
-                'https://cdn.jsdelivr.net/npm/highcharts@9.3.2/modules/boost.js',
-                'https://cdn.jsdelivr.net/npm/highcharts@9.3.2/modules/boost-canvas.js',
+                'https://cdn.jsdelivr.net/npm/highcharts@10.0.0/highcharts.js',
+                'https://cdn.jsdelivr.net/npm/highcharts@10.0.0/modules/stock.js', //因vue-highcharts初始化若無stock會無法註冊全域組件, 故若還會使用highstock vue組件, 得先於highcharts vue組件事先載入
+                'https://cdn.jsdelivr.net/npm/highcharts@10.0.0/modules/annotations.js',
+                'https://cdn.jsdelivr.net/npm/highcharts@10.0.0/modules/heatmap.js',
+                'https://cdn.jsdelivr.net/npm/highcharts@10.0.0/modules/boost.js',
+                'https://cdn.jsdelivr.net/npm/highcharts@10.0.0/modules/boost-canvas.js',
                 'https://cdn.jsdelivr.net/npm/vue-highcharts@0.1.0/dist/vue-highcharts.min.js', //for vue2
                 //'https://cdn.jsdelivr.net/npm/vue-highcharts@0.2.0/dist/vue-highcharts.min.js',
             ],

package/src/components/WHighstockVueDyn.vue

@@ -22,9 +22,9 @@ export default {
         pathItems: {
             type: Array,
             default: () => [
-                'https://cdn.jsdelivr.net/npm/highcharts@9.3.2/highcharts.js',
-                'https://cdn.jsdelivr.net/npm/highcharts@9.3.2/modules/stock.js',
-                'https://cdn.jsdelivr.net/npm/highcharts@9.3.2/modules/annotations.js',
+                'https://cdn.jsdelivr.net/npm/highcharts@10.0.0/highcharts.js',
+                'https://cdn.jsdelivr.net/npm/highcharts@10.0.0/modules/stock.js',
+                'https://cdn.jsdelivr.net/npm/highcharts@10.0.0/modules/annotations.js',
                 'https://cdn.jsdelivr.net/npm/vue-highcharts@0.1.0/dist/vue-highcharts.min.js', //for vue2
                 //'https://cdn.jsdelivr.net/npm/vue-highcharts@0.2.0/dist/vue-highcharts.min.js',
             ],

package/src/components/WImageCascadingDyn.vue

@@ -114,8 +114,8 @@ export default {
         pathItems: {
             type: Array,
             default: () => [ //預設值詳見 wsemi/src/domShowImagesDyn.mjs, 因此處有預載, 故所使用viewerjs的版本得相同
-                'https://cdn.jsdelivr.net/npm/viewerjs@1.10.2/dist/viewer.min.css',
-                'https://cdn.jsdelivr.net/npm/viewerjs@1.10.2/dist/viewer.min.js',
+                'https://cdn.jsdelivr.net/npm/viewerjs@1.10.5/dist/viewer.min.css',
+                'https://cdn.jsdelivr.net/npm/viewerjs@1.10.5/dist/viewer.min.js',
             ],
         },
         images: {

package/src/components/WImageViewerDyn.vue

@@ -49,8 +49,8 @@ export default {
         pathItems: {
             type: Array,
             default: () => [ //預設值詳見 wsemi/src/domShowImagesDyn.mjs, 因此處有預載, 故所使用viewerjs的版本得相同
-                'https://cdn.jsdelivr.net/npm/viewerjs@1.10.2/dist/viewer.min.css',
-                'https://cdn.jsdelivr.net/npm/viewerjs@1.10.2/dist/viewer.min.js',
+                'https://cdn.jsdelivr.net/npm/viewerjs@1.10.5/dist/viewer.min.css',
+                'https://cdn.jsdelivr.net/npm/viewerjs@1.10.5/dist/viewer.min.js',
             ],
         },
         images: {

package/src/components/WLeafletVueDyn.vue

@@ -102,7 +102,7 @@ export default {
         pathItems: {
             type: Array,
             default: () => [
-                'https://cdn.jsdelivr.net/npm/w-leaflet-vue@1.0.9/dist/w-leaflet-vue.umd.js',
+                'https://cdn.jsdelivr.net/npm/w-leaflet-vue@1.0.11/dist/w-leaflet-vue.umd.js',
             ],
         },
         opt: {

package/src/components/WListVertical.vue

@@ -245,9 +245,15 @@ export default {
                 footerHeight = eleFooter.offsetHeight
             }
 
-
             //listHeight
-            vo.listHeight = vo.panelHeight - headerHeight - footerHeight
+            let listHeight = vo.panelHeight - headerHeight - footerHeight
+            // console.log('vo.panelHeight', vo.panelHeight, 'headerHeight', headerHeight, 'footerHeight', footerHeight)
+            // console.log('listHeight',  listHeight)
+
+            //check
+            if (listHeight > 0 && vo.listHeight !== listHeight) {
+                vo.listHeight = listHeight
+            }
 
         },
 

package/src/components/WPanelScrollyCore.vue

@@ -36,6 +36,8 @@
                     :style="``"
                     v-dommutation
                     @dommutation="mutation"
+                    v-domvisible
+                    @domvisible="visible"
                 >
                     <slot></slot>
                 </div>
@@ -71,6 +73,7 @@ import waitFun from 'wsemi/src/waitFun.mjs'
 import debounce from 'wsemi/src/debounce.mjs'
 import domResize from '../js/domResize.mjs'
 import domMutation from '../js/domMutation.mjs'
+import domVisible from '../js/domVisible.mjs'
 
 
 /**
@@ -83,6 +86,7 @@ export default {
     directives: {
         domresize: domResize(),
         dommutation: domMutation(),
+        domvisible: domVisible(),
     },
     components: {
     },
@@ -217,8 +221,8 @@ export default {
             if (divContent) {
                 // console.log('resizeShell divContent.offsetHeight', divContent.offsetHeight)
 
-                //save
-                if (vo.contentHeight !== divContent.offsetHeight) {
+                //check, 若為隱藏則不偵測與更新
+                if (divContent.offsetHeight !== 0 && vo.contentHeight !== divContent.offsetHeight) {
                     // console.log('resizeShell 需更新contentHeight', divContent.offsetHeight, '<-', vo.contentHeight)
                     vo.contentHeight = divContent.offsetHeight
                 }
@@ -246,13 +250,11 @@ export default {
 
             //divContent
             let divContent = get(vo, '$refs.divContent')
-
-            //check
             if (divContent) {
                 // console.log('mutation divContent.offsetHeight', divContent.offsetHeight)
 
-                //save
-                if (vo.contentHeight !== divContent.offsetHeight) {
+                //check, 若為隱藏則不偵測與更新
+                if (divContent.offsetHeight !== 0 && vo.contentHeight !== divContent.offsetHeight) {
                     // console.log('mutation 需更新contentHeight', divContent.offsetHeight, '<-', vo.contentHeight)
                     vo.contentHeight = divContent.offsetHeight
                 }
@@ -267,6 +269,32 @@ export default {
 
         },
 
+        visible: function(v) {
+            // console.log('methods visible', v)
+
+            let vo = this
+
+            //divContent
+            let divContent = get(vo, '$refs.divContent')
+            if (divContent) {
+                // console.log('visible divContent.offsetHeight', divContent.offsetHeight)
+
+                //check, 若為隱藏則不偵測與更新
+                if (divContent.offsetHeight !== 0 && vo.contentHeight !== divContent.offsetHeight) {
+                    // console.log('visible 需更新contentHeight', divContent.offsetHeight, '<-', vo.contentHeight)
+                    vo.contentHeight = divContent.offsetHeight
+                }
+
+            }
+
+            //updateRatio
+            vo.updateRatio()
+
+            //emit
+            vo.triggerEvent('visible', { visible: v, from: 'content' })
+
+        },
+
         updateRatio: function() {
             // console.log('methods updateRatio')
 

package/src/components/WQuillVueDyn.vue

@@ -26,7 +26,7 @@ export default {
             default: () => [
                 'https://cdn.jsdelivr.net/npm/quill@1.3.7/dist/quill.min.js',
                 'https://cdn.jsdelivr.net/npm/quill@1.3.7/dist/quill.snow.min.css',
-                'https://cdn.jsdelivr.net/npm/w-quill-vue@2.0.1/dist/w-quill-vue.umd.js',
+                'https://cdn.jsdelivr.net/npm/w-quill-vue@2.0.2/dist/w-quill-vue.umd.js',
             ],
         },
         value: {

package/src/components/WTinymceVueDyn.vue

@@ -25,7 +25,7 @@ export default {
             type: Array,
             default: () => [
                 'https://cdn.jsdelivr.net/npm/tinymce@5.5.1/tinymce.min.js',
-                'https://cdn.jsdelivr.net/npm/w-tinymce-vue@2.0.1/dist/w-tinymce-vue.umd.js',
+                'https://cdn.jsdelivr.net/npm/w-tinymce-vue@2.0.2/dist/w-tinymce-vue.umd.js',
             ],
         },
         value: {

package/src/js/domVisible.mjs

@@ -0,0 +1,86 @@
+
+import domIsVisible from 'wsemi/src/domIsVisible.mjs'
+import genID from 'wsemi/src/genID.mjs'
+
+
+function domVisible() {
+    let kpDv = {}
+
+    function emit(vnode, name, data) {
+        let handlers = (vnode.data && vnode.data.on) || (vnode.componentOptions && vnode.componentOptions.listeners)
+        if (handlers && handlers[name]) {
+            handlers[name].fns(data)
+        }
+    }
+
+    function bind(el, binding, vnode) {
+        //console.log('bind', 'el', el, 'binding', binding, 'vnode', vnode)
+
+        //id
+        let id = `r${genID()}`
+        el.setAttribute('ev-visible', id)
+
+        //visible
+        let visible = false
+
+        //timer
+        let timer = setInterval(() => {
+
+            //domIsVisible
+            domIsVisible(el)
+                .then((v) => {
+
+                    //check
+                    if (visible === v) {
+                        return
+                    }
+
+                    //update
+                    visible = v
+
+                    //emit
+                    emit(vnode, 'domvisible', v)
+
+                })
+                .catch(() => {})
+
+        }, 20)
+
+        //save timer
+        kpDv[id] = timer
+
+    }
+
+    function unbind(el) {
+        //console.log('unbind', 'el', el)
+
+        //id
+        let id = el.getAttribute('ev-visible')
+
+        //remove attr
+        el.setAttribute('ev-visible', null)
+
+        //clear
+        if (kpDv[id]) {
+
+            //clear
+            clearInterval(kpDv[id])
+
+            //set null
+            kpDv[id] = null
+
+            //delete
+            delete kpDv[id]
+
+        }
+
+    }
+
+    return {
+        bind,
+        unbind,
+    }
+}
+
+
+export default domVisible

package/toolg/gDistApp.mjs

@@ -15,20 +15,20 @@ let opt = {
     <link href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.4/css/all.min.css" rel="stylesheet">
 
     <!-- mdi, 各組件使用mdi/js故不需引用 -->
-    <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, 各組件使用mdi/js故不需引用 -->
     <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/toolg/gExtractHtml.mjs

@@ -83,20 +83,20 @@ function writeHtml(v) {
         <link href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.4/css/all.min.css" rel="stylesheet">
     
         <!-- mdi, 各組件使用mdi/js會於轉單頁時改為mdi icon, 故需引用mdi/css -->
-        <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, 各組件使用mdi/js故不需引用 -->
         <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