w-component-vue 2.4.70 → 2.4.71

package/docs/module-WTextSuggestCore.html

@@ -621,7 +621,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 19:10:07 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-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 19:10:07 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 19:10:07 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 19:10:07 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 19:10:07 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 19:10:07 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 19:10:07 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 19:10:07 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 19:10:07 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 19:10:07 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 19:10:07 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 19:10:07 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 19:10:07 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 19:10:07 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 19:10:07 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 19:10:07 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 19:10:07 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 19:10:07 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.70",
+  "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,6 +7,7 @@
         :placementDistY="popupPlacementDist"
         :editable="editable"
         :labelContent="labelContent"
+        :cmpZIndex="cmpZIndex"
         v-model="show"
         :changeValue="changeValue"
         :changeType="changeType"
@@ -289,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 {
@@ -564,6 +566,10 @@ export default {
             type: String,
             default: null,
         },
+        cmpZIndex: {
+            type: Number,
+            default: 3000,
+        },
         editable: {
             type: Boolean,
             default: true,

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,

package/src/components/WVditorDyn.vue

@@ -271,6 +271,7 @@ export default {
         return {
 
             loading: true,
+            disposal: false,
 
             mmkey: genID(), //beforeMount內無法變更data, mounted內會晚於computed, 故優先放於data生成
             // mmkey: (() => {
@@ -321,12 +322,20 @@ export default {
             let Vditor = window['Vditor']
             // console.log('Vditor', Vditor)
 
-            //wait divVditor, 因loading=false之後才能開始顯示divVditor, 故須等待divVditor是否出現
+            //wait divVditor, 因loading=false之後才能開始顯示divVditor, 故須等待divVditor是否出現, 組件銷毀時divVditor已被移除, 亦須解除等待
             await waitFun(() => {
+                if (vo.disposal) {
+                    return true
+                }
                 let ele = get(vo, '$refs.divVditor')
                 return isEle(ele)
             })
 
+            //check, 組件已銷毀(如彈窗於編輯器初始化完成前被關閉)時跳出, 避免於銷毀後建立Vditor實例
+            if (vo.disposal) {
+                return
+            }
+
             //divVditor
             let divVditor = vo.$refs.divVditor
             // console.log('divVditor', divVditor)
@@ -335,15 +344,23 @@ export default {
             vo.contentEditor = new Vditor(divVditor, vo.useSettings)
             // console.log('contentEditor', vo.contentEditor)
 
-            //wait contentEditor, 因new Vditor後會需一小段時間初始化, 故須等待vditor來判斷vditor是否初始化完成
+            //wait contentEditor, 因new Vditor後會需一小段時間初始化, 故須等待vditor來判斷vditor是否初始化完成, 組件銷毀時contentEditor會被設null, 亦須解除等待
             await waitFun(() => {
                 // let getCurrentMode = get(vo, 'contentEditor.getCurrentMode') //因contentEditor.getCurrentMode是原型已為function, 故無法用此做判斷
                 // return isfun(getCurrentMode)
+                if (vo.disposal) {
+                    return true
+                }
                 let v = get(vo, 'contentEditor.vditor')
                 return iseobj(v)
             })
             // console.log(`vo.contentEditor.getCurrentMode()`, vo.contentEditor.getCurrentMode())
 
+            //check, 組件已銷毀(如彈窗於編輯器初始化完成前被關閉)時跳出, 避免呼叫contentEditor.setValue報錯
+            if (vo.disposal) {
+                return
+            }
+
             //loading, 組件不依照loading顯隱, loading為依賴、組件完成載入、組件初始化後才改為false
             vo.loading = false
 
@@ -395,6 +412,9 @@ export default {
 
         let vo = this
 
+        //disposal, 供背景async流程(mounted core、relaEditable core)偵測解除等待, 不可用contentEditor===null判別已銷毀, 因contentEditor初始即null無法區分尚未建立與已銷毀
+        vo.disposal = true
+
         //destroy
         if (vo.contentEditor) {
             vo.contentEditor.destroy()
@@ -598,11 +618,16 @@ export default {
 
             async function core() {
 
-                //wait
+                //wait, 組件銷毀時loading不會再變false, 亦須解除等待
                 await waitFun(() => {
-                    return !vo.loading
+                    return !vo.loading || vo.disposal
                 })
 
+                //check, 組件已銷毀(如彈窗於編輯器初始化完成前被關閉)時跳出, 避免呼叫contentEditor.enable報錯
+                if (vo.contentEditor === null || vo.disposal) {
+                    return
+                }
+
                 //editable
                 if (vo.editable) {
                     vo.contentEditor.enable()