w-component-vue 2.4.69 → 2.4.71

package/docs/module-WTextarea.html

@@ -681,7 +681,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.5</a> on Sun Jun 28 2026 13:46:17 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 4.0.5</a> on Mon Jul 06 2026 21:44:46 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTextareaCore.html

@@ -321,7 +321,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.5</a> on Sun Jun 28 2026 13:46:17 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 4.0.5</a> on Mon Jul 06 2026 21:44:46 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WThreejsVueDyn.html

@@ -249,7 +249,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.5</a> on Sun Jun 28 2026 13:46:17 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 4.0.5</a> on Mon Jul 06 2026 21:44:46 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTimeday.html

@@ -597,7 +597,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.5</a> on Sun Jun 28 2026 13:46:17 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 4.0.5</a> on Mon Jul 06 2026 21:44:46 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTimedayCore.html

@@ -381,7 +381,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.5</a> on Sun Jun 28 2026 13:46:17 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 4.0.5</a> on Mon Jul 06 2026 21:44:46 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTimedayRange.html

@@ -633,7 +633,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.5</a> on Sun Jun 28 2026 13:46:17 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 4.0.5</a> on Mon Jul 06 2026 21:44:46 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTimedayRangeCore.html

@@ -417,7 +417,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.5</a> on Sun Jun 28 2026 13:46:17 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 4.0.5</a> on Mon Jul 06 2026 21:44:46 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTimeminute.html

@@ -693,7 +693,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.5</a> on Sun Jun 28 2026 13:46:17 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 4.0.5</a> on Mon Jul 06 2026 21:44:46 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTimeminuteCore.html

@@ -477,7 +477,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.5</a> on Sun Jun 28 2026 13:46:17 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 4.0.5</a> on Mon Jul 06 2026 21:44:46 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTimeminuteRange.html

@@ -741,7 +741,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.5</a> on Sun Jun 28 2026 13:46:17 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 4.0.5</a> on Mon Jul 06 2026 21:44:46 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTimeminuteRangeCore.html

@@ -525,7 +525,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.5</a> on Sun Jun 28 2026 13:46:17 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 4.0.5</a> on Mon Jul 06 2026 21:44:46 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTinymceVueDyn.html

@@ -285,7 +285,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.5</a> on Sun Jun 28 2026 13:46:17 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 4.0.5</a> on Mon Jul 06 2026 21:44:46 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTooltip.html

@@ -501,7 +501,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.5</a> on Sun Jun 28 2026 13:46:17 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 4.0.5</a> on Mon Jul 06 2026 21:44:46 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTree.html

@@ -732,6 +732,12 @@
         <td><code>null</code></td>
         <td>No</td>
         <td>輸入針對teleport至body內之WDialog所給予之wtre屬性值字串，供查找使用，預設null</td>
+    </tr><tr>
+        <td><code>cmpZIndex</code></td>
+        <td>Number</td>
+        <td><code>3000</code></td>
+        <td>No</td>
+        <td>輸入控制選項popup彈窗使用z-index數字，供嵌於高z-index彈窗內時提高層級，預設3000</td>
     </tr><tr>
         <td><code>show</code></td>
         <td>Boolean</td>
@@ -1436,6 +1442,12 @@
         <td><code>null</code></td>
         <td>No</td>
         <td>輸入針對teleport至body內之WDialog所給予之wtre屬性值字串，供查找使用，預設null</td>
+    </tr><tr>
+        <td><code>cmpZIndex</code></td>
+        <td>Number</td>
+        <td><code>3000</code></td>
+        <td>No</td>
+        <td>輸入控制選項popup彈窗使用z-index數字，供嵌於高z-index彈窗內時提高層級，預設3000</td>
     </tr><tr>
         <td><code>show</code></td>
         <td>Boolean</td>
@@ -1557,7 +1569,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.5</a> on Sun Jun 28 2026 13:46:17 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 4.0.5</a> on Mon Jul 06 2026 21:44:46 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTreeIconCheckbox.html

@@ -333,7 +333,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.5</a> on Sun Jun 28 2026 13:46:17 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 4.0.5</a> on Mon Jul 06 2026 21:44:46 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTreeIconToggle.html

@@ -309,7 +309,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.5</a> on Sun Jun 28 2026 13:46:17 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 4.0.5</a> on Mon Jul 06 2026 21:44:46 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WVditorDyn.html

@@ -357,7 +357,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.5</a> on Sun Jun 28 2026 13:46:17 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 4.0.5</a> on Mon Jul 06 2026 21:44:46 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "w-component-vue",
-  "version": "2.4.69",
+  "version": "2.4.71",
   "main": "dist/w-component-vue.umd.js",
   "dependencies": {
     "@mdi/js": "^7.4.47",
     "lodash-es": "^4.18.1",
-    "wsemi": "^1.8.62"
+    "wsemi": "^1.8.63"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "^5.0.8",
@@ -22,7 +22,7 @@
     "pixelmatch": "^7.2.0",
     "pngjs": "^7.0.0",
     "vue": "^2.6.14",
-    "w-package-tools": "^1.1.9",
+    "w-package-tools": "^1.1.10",
     "w-screenctl": "^1.0.3"
   },
   "scripts": {

package/src/components/WColorSelect.vue

@@ -7,11 +7,13 @@
         :placementDistY="popupPlacementDist"
         :editable="editable"
         :labelContent="labelContent"
+        :cmpZIndex="cmpZIndex"
         v-model="show"
         :changeValue="changeValue"
         :changeType="changeType"
         v-domresize
         @domresize="resize"
+        @placement-change="onPlacementChange"
     >
 
         <template v-slot:trigger>
@@ -44,7 +46,7 @@
 
             <div
                 ref="ct"
-                :style="`background:${usePanelBackgroundColor}; ${usePanelOverflow}`"
+                :style="`background:${usePanelBackgroundColor}; ${usePanelOverflowAndHeight}`"
                 v-domresize
                 @domresize="resizeContent"
             >
@@ -288,6 +290,7 @@ import WIcon from './WIcon.vue'
  * @vue-prop {String} [btnBackgroundColorActive='rgb(236,236,236)'] 輸入主動模式時確認按鈕之背景顏色字串，預設'rgb(236,236,236)'
  * @vue-prop {Boolean} [btnShadow=true] 輸入確認按鈕之是否顯示陰影布林值，預設true
  * @vue-prop {String} [labelContent=null] 輸入針對teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null
+ * @vue-prop {Number} [cmpZIndex=3000] 輸入彈窗使用z-index數字，供嵌於高z-index彈窗內時提高層級，預設3000
  * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true
  */
 export default {
@@ -563,6 +566,10 @@ export default {
             type: String,
             default: null,
         },
+        cmpZIndex: {
+            type: Number,
+            default: 3000,
+        },
         editable: {
             type: Boolean,
             default: true,
@@ -579,18 +586,38 @@ export default {
             loadingEyeDropper: false,
 
             layoutType: 'horizontal',
-            layoutOverflowY: false,
-            layoutMinY: 300,
-            layoutMaxY: 300,
+            layoutShowScrollY: false,
+            layoutMinHeight: 300,
+            layoutMaxHeight: 300,
 
             selectPanelHeight: 0,
             selectInputHeight: 0,
 
             valueOri: null,
             valueNew: null,
+            popperPlacement: null,
 
         }
     },
+    watch: {
+
+        show: function(b) {
+            let vo = this
+            if (b) {
+                //以最小高度顯示時, 讓Popper.js先決定方向
+                vo.popperPlacement = null
+                vo.layoutShowScrollY = true
+                vo.layoutMaxHeight = vo.layoutMinHeight
+                // 等 Popper.js 定位完成後重算可用空間
+                vo.$nextTick(() => {
+                    vo.$nextTick(() => {
+                        vo.adjustMaxHeight()
+                    })
+                })
+            }
+        },
+
+    },
     computed: {
 
         changeValue: function() {
@@ -638,11 +665,11 @@ export default {
             return convertColor(vo.borderColor)
         },
 
-        usePanelOverflow: function() {
+        usePanelOverflowAndHeight: function() {
             let vo = this
-            let of = `overflow-y:auto; min-height:${vo.layoutMinY}px;`
-            if (vo.layoutOverflowY) {
-                of += `max-height:${vo.layoutMaxY}px;`
+            let of = `overflow-y:auto; min-height:${vo.layoutMinHeight}px;`
+            if (vo.layoutShowScrollY) {
+                of += `max-height:${vo.layoutMaxHeight}px;`
             }
             return of
         },
@@ -681,29 +708,80 @@ export default {
                 return
             }
 
-            // let w = get(msg, 'snew.windowWidth', 0)
-            let h = get(msg, 'snew.windowHeight', 0)
+            //adjustMaxHeight
+            vo.adjustMaxHeight()
+
+        },
+
+        onPlacementChange: function(placement) {
+            let vo = this
+            vo.popperPlacement = placement
+            vo.adjustMaxHeight()
+        },
+
+        adjustMaxHeight: function() {
+            let vo = this
+
+            //check
+            if (!vo.show) {
+                return
+            }
 
             try {
 
                 //ct
                 let ct = vo.$refs.ct
-                // console.log('vo.$refs.ct', vo.$refs.ct)
+                if (!ct) {
+                    return
+                }
+
+                //windowHeight
+                let h = window.innerHeight
+
+                //placement
+                let placement = vo.popperPlacement
+
+                //Popper.js尚未定位完成, 保持初始限制高度
+                if (!placement) {
+                    return
+                }
 
                 //rt
                 let rt = domGetBoudRect(ct)
-                // console.log('rt', rt)
 
                 //hc, 實際內容高度
                 let hc = ct.scrollHeight
 
-                //layoutOverflowY
-                vo.layoutOverflowY = (rt.top + hc) > h
-                // console.log('layoutOverflowY', vo.layoutOverflowY)
+                //根據方向計算可用空間
+                let margin = 30
+                let hca
+                if (placement.startsWith('top')) {
+                    //彈窗在上方, 底部對齊觸發元素往上延伸
+                    hca = rt.bottom - margin
+                }
+                else {
+                    //預設彈窗在下方, 頂部對齊觸發元素下方往下延伸
+                    hca = h - rt.top - margin
+                }
+
+                //layoutShowScrollYNew
+                let layoutShowScrollYNew = hc > hca
+
+                //layoutMaxHeightNew
+                let layoutMaxHeightNew = Math.max(hca, vo.layoutMinHeight)
+
+                //check, 避免微小的數值抖動導致迴圈
+                if (layoutShowScrollYNew === vo.layoutShowScrollY && Math.abs(layoutMaxHeightNew - vo.layoutMaxHeight) < 2) {
+                    return
+                }
+
+                //layoutShowScrollY
+                vo.layoutShowScrollY = layoutShowScrollYNew
+                // console.log('layoutShowScrollY', vo.layoutShowScrollY)
 
-                //layoutMaxY
-                vo.layoutMaxY = Math.max(h - rt.top - 30, vo.layoutMinY) //30是概估與底部的留白距離
-                // console.log('layoutMaxY', vo.layoutMaxY)
+                //layoutMaxHeight
+                vo.layoutMaxHeight = layoutMaxHeightNew
+                // console.log('layoutMaxHeight', vo.layoutMaxHeight)
 
             }
             catch (err) {}

package/src/components/WDialog.vue

@@ -38,6 +38,7 @@
                         background:${useOverlayColor};
                     `"
                     tabindex="0"
+                    @mousedown="mousedownOverlay"
                     @click="clickOutside"
                 >
 
@@ -500,7 +501,9 @@ export default {
 
             footerHeight: 0,
 
+            mousedownOutside: false,
             resizeMsgTemp: null,
+
         }
     },
     computed: {
@@ -859,11 +862,39 @@ export default {
 
         },
 
+        mousedownOverlay: function(ev) {
+            // console.log('methods mousedownOverlay', ev)
+
+            let vo = this
+
+            //記錄滑鼠按下當下是否位於彈窗區之外, 供clickOutside判別
+            //why: 於彈窗內按下、拖曳至彈窗外才放開(如拖曳滑桿/選取文字)時, 瀏覽器click事件之target為按下與放開兩元素之共同祖先(即overlay),
+            //     單靠click之target/座標檢測會誤判為點擊外部而觸發modal提示動畫, 故須以mousedown當下位置為準
+            let b = false
+            try {
+                b = vo.$refs.divPanel.contains(ev.target)
+            }
+            catch (err) {}
+            if (!b) {
+                try {
+                    b = domIsClientXYIn(ev.clientX, ev.clientY, vo.$refs.divPanel)
+                }
+                catch (err) {}
+            }
+            vo.mousedownOutside = !b
+
+        },
+
         clickOutside: function(ev) {
             // console.log('methods clickOutside', ev)
 
             let vo = this
 
+            //check, 滑鼠須於彈窗外按下才可能為點擊外部(於彈窗內按下拖曳至外部放開者不觸發)
+            if (vo.mousedownOutside !== true) {
+                return
+            }
+
             //偵測點擊為彈窗區之外
             let b = false
             try {

package/src/components/WPopupEditText.vue

@@ -4,6 +4,7 @@
         :isolated="true"
         _minWidth="minWidthForPopup"
         :labelContent="labelContent"
+        :cmpZIndex="cmpZIndex"
         @show="evShow"
         @hide="evHide"
     >
@@ -113,6 +114,7 @@ import WIcon from './WIcon.vue'
  * @vue-prop {Number} [minWidthForValue=30] 輸入數據value展示時最小寬度數字，單位為px，預設30
  * @vue-prop {Number} [minWidthForPopup=300] 輸入彈窗最小寬度數字，單位為px，預設300
  * @vue-prop {String} [labelContent=null] 輸入針對teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null
+ * @vue-prop {Number} [cmpZIndex=3000] 輸入彈窗使用z-index數字，供嵌於高z-index彈窗內時提高層級，預設3000
  */
 export default {
     components: {
@@ -230,6 +232,10 @@ export default {
             type: String,
             default: null,
         },
+        cmpZIndex: {
+            type: Number,
+            default: 3000,
+        },
     },
     data: function() {
         return {

package/src/components/WSegmentsVertical.vue

@@ -80,6 +80,7 @@
                                             <WPopup
                                                 :isolated="true"
                                                 :labelContent="labelContentForText"
+                                                :cmpZIndex="cmpZIndex"
                                             >
 
                                                 <template v-slot:trigger>
@@ -223,6 +224,7 @@ import convertColor from '../js/convertColor.mjs'
  * @vue-prop {Boolean} [textCanClick=false] 輸入項目文字是否可點擊布林值，預設false
  * @vue-prop {Boolean} [segmentCanClick=false] 輸入區塊是否可點擊布林值，預設false
  * @vue-prop {String} [labelContentForText=null] 輸入針對項目文字之popup彈窗teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null
+ * @vue-prop {Number} [cmpZIndex=3000] 輸入彈窗使用z-index數字，供嵌於高z-index彈窗內時提高層級，預設3000
  */
 export default {
     components: {
@@ -396,6 +398,10 @@ export default {
             type: String,
             default: null,
         },
+        cmpZIndex: {
+            type: Number,
+            default: 3000,
+        },
     },
     data: function() {
         return {

package/src/components/WTableDyn.vue

@@ -98,6 +98,7 @@
                             <WPopup
                                 v-model="showPickUploadMode"
                                 :labelContent="labelContentForUpload"
+                                :cmpZIndex="cmpZIndex"
                             >
 
                                 <template v-slot:trigger>
@@ -358,6 +359,7 @@ import convertColor from '../js/convertColor.mjs'
  * @vue-prop {Object} [opt.optForUploadData={}] 輸入呼叫組件uploadData上傳檔案時用的設定物件，物件可給予鍵值：pathItems代表調用wsemi的getDataFromExcelFileU8ArrDyn所傳入的xlsx的來源網址陣列，beforeUpload代表上傳前的處理數據函數，parseSheetInd代表提取Excel檔案的第幾個sheet整數(預設為0)，optForUploadData預設{}
  * @vue-prop {Function} [opt.modifyDataWhenSave=undefined] 輸入當儲存時修改儲存數據事件，輸入rows，輸出rows，預設為undefined
  * @vue-prop {Boolean} [opt.checkNoDataWhenSave=false] 輸入當儲存時是否檢核無數據布林值，預設false
+ * @vue-prop {Number} [cmpZIndex=3000] 輸入彈窗使用z-index數字，供嵌於高z-index彈窗內時提高層級，預設3000
  */
 export default {
     directives: {
@@ -565,6 +567,10 @@ export default {
             type: String,
             default: null,
         },
+        cmpZIndex: {
+            type: Number,
+            default: 3000,
+        },
         opt: {
             type: Object,
             default: null,

package/src/components/WTree.vue

@@ -139,6 +139,7 @@
                                 :isolated="true"
                                 :displayType="'line'"
                                 :labelContent="labelPanelForOperate"
+                                :cmpZIndex="cmpZIndex"
                                 @show="operateDisplayEvent('show')"
                                 @hide="operateDisplayEvent('hide')"
                             >
@@ -453,6 +454,7 @@ let gm = globalMemory()
  * @vue-prop {String} [editorRenameSaveBtnBackgroundColorHover='grey lighten-3'] 輸入變更文字彈窗之滑鼠移入時儲存按鈕背景顏色字串，預設'grey lighten-3'
  * @vue-prop {String} [labelPanelForOperate=null] 輸入針對控制選項之popup彈窗teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null
  * @vue-prop {String} [labelDialogForEditor=null] 輸入針對teleport至body內之WDialog所給予之wtre屬性值字串，供查找使用，預設null
+ * @vue-prop {Number} [cmpZIndex=3000] 輸入控制選項popup彈窗使用z-index數字，供嵌於高z-index彈窗內時提高層級，預設3000
  * @vue-prop {Boolean} [show=true] 輸入是否為顯示模式布林值，預設true，供組件嵌入popup時, 因先初始化但尚未顯示不需渲染, 可給予show=false避免無限偵測與重算高度問題
  */
 export default {
@@ -928,6 +930,10 @@ export default {
             type: String,
             default: null,
         },
+        cmpZIndex: {
+            type: Number,
+            default: 3000,
+        },
         show: {
             type: Boolean,
             default: true,