w-component-vue 2.4.61 → 2.4.62

package/docs/module-WProgressCircle.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 Thu Jun 18 2026 06:23:04 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 Thu Jun 18 2026 15:58:28 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WQuillVueDyn.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 Thu Jun 18 2026 06:23:04 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 Thu Jun 18 2026 15:58:28 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WSegmentsVertical.html

@@ -705,7 +705,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.5</a> on Thu Jun 18 2026 06:23:04 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 Thu Jun 18 2026 15:58:28 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WShellBottomLine.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 Thu Jun 18 2026 06:23:04 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 Thu Jun 18 2026 15:58:28 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WShellEllipse.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 Thu Jun 18 2026 06:23:04 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 Thu Jun 18 2026 15:58:28 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WSlider.html

@@ -489,7 +489,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.5</a> on Thu Jun 18 2026 06:23:04 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 Thu Jun 18 2026 15:58:28 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WSwitch.html

@@ -453,7 +453,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.5</a> on Thu Jun 18 2026 06:23:04 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 Thu Jun 18 2026 15:58:28 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTableDyn.html

@@ -1325,7 +1325,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.5</a> on Thu Jun 18 2026 06:23:04 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 Thu Jun 18 2026 15:58:28 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WText.html

@@ -705,7 +705,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.5</a> on Thu Jun 18 2026 06:23:04 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 Thu Jun 18 2026 15:58:28 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTextCore.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 Thu Jun 18 2026 06:23:04 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 Thu Jun 18 2026 15:58:28 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTextInt.html

@@ -585,7 +585,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.5</a> on Thu Jun 18 2026 06:23:04 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 Thu Jun 18 2026 15:58:28 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTextIntCore.html

@@ -393,7 +393,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.5</a> on Thu Jun 18 2026 06:23:04 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 Thu Jun 18 2026 15:58:28 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTextSelect.html

@@ -777,7 +777,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.5</a> on Thu Jun 18 2026 06:23:04 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 Thu Jun 18 2026 15:58:28 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTextSuggest.html

@@ -837,7 +837,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.5</a> on Thu Jun 18 2026 06:23:04 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 Thu Jun 18 2026 15:58:28 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

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 Thu Jun 18 2026 06:23:04 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 Thu Jun 18 2026 15:58:28 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 Thu Jun 18 2026 06:23:04 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 Thu Jun 18 2026 15:58:28 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 Thu Jun 18 2026 06:23:04 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 Thu Jun 18 2026 15:58:28 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 Thu Jun 18 2026 06:23:04 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 Thu Jun 18 2026 15:58:28 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 Thu Jun 18 2026 06:23:04 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 Thu Jun 18 2026 15:58:28 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 Thu Jun 18 2026 06:23:04 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 Thu Jun 18 2026 15:58:28 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 Thu Jun 18 2026 06:23:04 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 Thu Jun 18 2026 15:58:28 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 Thu Jun 18 2026 06:23:04 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 Thu Jun 18 2026 15:58:28 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 Thu Jun 18 2026 06:23:04 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 Thu Jun 18 2026 15:58:28 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 Thu Jun 18 2026 06:23:04 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 Thu Jun 18 2026 15:58:28 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 Thu Jun 18 2026 06:23:04 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 Thu Jun 18 2026 15:58:28 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 Thu Jun 18 2026 06:23:04 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 Thu Jun 18 2026 15:58:28 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 Thu Jun 18 2026 06:23:04 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 Thu Jun 18 2026 15:58:28 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 Thu Jun 18 2026 06:23:04 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 Thu Jun 18 2026 15:58:28 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTree.html

@@ -1557,7 +1557,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.5</a> on Thu Jun 18 2026 06:23:04 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 Thu Jun 18 2026 15:58:28 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 Thu Jun 18 2026 06:23:04 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 Thu Jun 18 2026 15:58:28 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 Thu Jun 18 2026 06:23:05 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 Thu Jun 18 2026 15:58:28 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 Thu Jun 18 2026 06:23:05 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 Thu Jun 18 2026 15:58:28 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.61",
+  "version": "2.4.62",
   "main": "dist/w-component-vue.umd.js",
   "dependencies": {
     "@mdi/js": "^7.4.47",
     "lodash-es": "^4.18.1",
-    "wsemi": "^1.8.59"
+    "wsemi": "^1.8.60"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "^5.0.8",
@@ -20,6 +20,7 @@
     "eslint-plugin-promise": "^6.1.1",
     "eslint-plugin-vue": "^9.10.0",
     "vue": "^2.6.14",
+    "w-screenctl": "^1.0.3",
     "w-package-tools": "^1.1.9"
   },
   "scripts": {

package/src/components/WDrawer.vue

@@ -68,6 +68,8 @@
                         ref="divDrawer"
                         :class="`ts ${useDrawerClassShadow}`"
                         :style="`${useNoTransStyle} width:${useDrawerWidthTrans}px; height:100%; transform:translateX(${useDrawerTranslateX}%);`"
+                        v-domstable
+                        @domstable="getStableDrawer"
                     >
 
                         <div
@@ -119,13 +121,16 @@
 <script>
 import get from 'lodash-es/get.js'
 import isNumber from 'lodash-es/isNumber.js'
+import genID from 'wsemi/src/genID.mjs'
 import isnum from 'wsemi/src/isnum.mjs'
 import isfun from 'wsemi/src/isfun.mjs'
 import cdbl from 'wsemi/src/cdbl.mjs'
 import domIsClientXYIn from 'wsemi/src/domIsClientXYIn.mjs'
 import domGetWindowSize from 'wsemi/src/domGetWindowSize.mjs'
 import domDragBarAndScroll from 'wsemi/src/domDragBarAndScroll.mjs'
+import waitFun from 'wsemi/src/waitFun.mjs'
 import domResize from '../js/domResize.mjs'
+import domStable from '../js/domStable.mjs'
 import convertColor from '../js/convertColor.mjs'
 
 
@@ -153,6 +158,7 @@ import convertColor from '../js/convertColor.mjs'
 export default {
     directives: {
         domresize: domResize(),
+        domstable: domStable(),
     },
     props: {
         value: {
@@ -249,6 +255,8 @@ export default {
             drawerWidthTrans: 200,
             afloatTrans: false,
 
+            drawerStable: true,
+
             timerAni1Basic: null,
             showAni1Basic: false,
             effAni1Basic: false,
@@ -268,7 +276,8 @@ export default {
             timerAni5DragDrawerBar: null,
             showAni5DragDrawerBar: false,
 
-            timerAniStateSettle: null,
+            timerAni6State: null,
+            tagStateNow: '',
 
         }
     },
@@ -614,7 +623,14 @@ export default {
             clearTimeout(vo.timerAni3Shadow)
             clearTimeout(vo.timerAni4Translate)
             clearTimeout(vo.timerAni5DragDrawerBar)
-            clearTimeout(vo.timerAniStateSettle)
+            clearTimeout(vo.timerAni6State)
+
+            //切換即標記為未穩定, 待divDrawer(及子樹)動畫真正結束(directive偵測)後才翻true; 避免waitFun讀到殘留true而過早落定(不位移時由waitFun逾時.catch強制落定兜底, 不會卡死)
+            vo.drawerStable = false
+
+            //此次切換的tag(genID唯一值), 供下方延遲落定的waitFun回呼比對, 避免快速切換時舊的waitFun誤落定
+            let tagStateNew = genID()
+            vo.tagStateNow = tagStateNew
 
             let sec
 
@@ -651,13 +667,23 @@ export default {
                     vo.effAni4Translate = true
                 }, sec)
 
+                // showAni5DragDrawerBar: false,
+                // vo.showAni5DragDrawerBar = true
                 vo.timerAni5DragDrawerBar = setTimeout(() => {
                     vo.showAni5DragDrawerBar = true
                 }, 300)
 
-                vo.timerAniStateSettle = setTimeout(() => {
-                    vo.state = 'opened'
-                }, 350) //對齊過場: translate延遲sec(20ms)後跑transition(0.3s), 落定約320ms, 留少量buffer
+                //延遲過場時長(300ms)後以waitFun輪詢drawerStable(attemptNum=6 timeInterval=50, 約300ms): 偵測到穩定即落定opened; 逾時.catch強制落定(涵蓋不位移等directive不emit情境, 避免卡死); tagStateNew比對避免快速切換時舊回呼誤落定
+                vo.timerAni6State = setTimeout(() => {
+                    let settle = () => {
+                        if (vo.tagStateNow === tagStateNew) {
+                            vo.state = 'opened'
+                        }
+                    }
+                    waitFun(() => vo.drawerStable === true, { attemptNum: 6, timeInterval: 50 })
+                        .then(settle)
+                        .catch(settle)
+                }, 300)
 
             }
             else {
@@ -696,16 +722,35 @@ export default {
                 //     vo.showAni4Translate = false
                 // }, sec)
 
+                // showAni5DragDrawerBar: false,
                 vo.showAni5DragDrawerBar = false
 
-                vo.timerAniStateSettle = setTimeout(() => {
-                    vo.state = 'hidden'
-                }, 350) //對齊過場: translate立刻跑transition(0.3s), 落定約300ms, 留少量buffer
+                //延遲過場時長(300ms)後以waitFun輪詢drawerStable(attemptNum=6 timeInterval=50, 約300ms): 偵測到穩定即落定hidden; 逾時.catch強制落定(涵蓋不位移等directive不emit情境, 避免卡死); tagStateNew比對避免快速切換時舊回呼誤落定
+                vo.timerAni6State = setTimeout(() => {
+                    let settle = () => {
+                        if (vo.tagStateNow === tagStateNew) {
+                            vo.state = 'hidden'
+                        }
+                    }
+                    waitFun(() => vo.drawerStable === true, { attemptNum: 6, timeInterval: 50 })
+                        .then(settle)
+                        .catch(settle)
+                }, 300)
 
             }
 
         },
 
+        getStableDrawer: function(b) {
+            // console.log('methods getStableDrawer', b)
+
+            let vo = this
+
+            //更新drawerStable: divDrawer(及子樹)動畫是否已穩定, 由v-domstable(domStable directive)偵測後回呼; 落定state改由toggleValue內的waitFun輪詢此值處理
+            vo.drawerStable = b
+
+        },
+
         getPanelBounding: function() {
             // console.log('methods getPanelBounding')
 

package/src/js/domResize.mjs

@@ -1,6 +1,5 @@
-
-import domDetect from 'wsemi/src/domDetect.mjs'
 import genID from 'wsemi/src/genID.mjs'
+import domDetect from 'wsemi/src/domDetect.mjs'
 
 
 function domResize() {

package/src/js/domRipple.mjs

@@ -1,10 +1,10 @@
-import get from 'lodash-es/get.js'
+import get from 'lodash-es/get.js'
 import isestr from 'wsemi/src/isestr.mjs'
 import isnum from 'wsemi/src/isnum.mjs'
 import iseobj from 'wsemi/src/iseobj.mjs'
 import cdbl from 'wsemi/src/cdbl.mjs'
 import genID from 'wsemi/src/genID.mjs'
-import rp from 'wsemi/src/domRipple.mjs'
+import _domRipple from 'wsemi/src/domRipple.mjs'
 import convertColor from './convertColor.mjs'
 
 
@@ -78,7 +78,7 @@ function domRipple(opt = {}) {
             // console.log('binding.value', binding.value)
 
             //domRipple
-            rp(e.currentTarget, e, { color, timeDuration })
+            _domRipple(e.currentTarget, e, { color, timeDuration })
 
         }
 

package/src/js/domStable.mjs

@@ -0,0 +1,70 @@
+import genID from 'wsemi/src/genID.mjs'
+import domIsStable from 'wsemi/src/domIsStable.mjs'
+
+
+function domStable() {
+    let kpEv = {}
+
+    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-stable', id)
+
+        //domIsStable, event模式持續偵測, 穩定狀態轉變時emit('domstable', bool)
+        let ev = domIsStable(el, { mode: 'event' })
+        ev.on('stable', (b) => {
+            // console.log('domstable', b)
+
+            //emit
+            emit(vnode, 'domstable', b)
+
+        })
+        ev.create()
+
+        //save ev
+        kpEv[id] = ev
+
+    }
+
+    function unbind(el) {
+        //console.log('unbind', 'el', el)
+
+        //id
+        let id = el.getAttribute('ev-stable')
+
+        //remove attr
+        el.setAttribute('ev-stable', null)
+
+        //clear
+        if (kpEv[id]) {
+
+            //dispose
+            kpEv[id].dispose()
+
+            //set null
+            kpEv[id] = null
+
+            //delete
+            delete kpEv[id]
+
+        }
+
+    }
+
+    return {
+        bind,
+        unbind,
+    }
+}
+
+
+export default domStable

package/src/js/domVisible.mjs

@@ -1,6 +1,5 @@
-
-import domIsVisible from 'wsemi/src/domIsVisible.mjs'
 import genID from 'wsemi/src/genID.mjs'
+import domIsVisible from 'wsemi/src/domIsVisible.mjs'
 
 
 function domVisible() {

package/tmp/probe.mjs

@@ -0,0 +1,5 @@
+import def from 'w-screenctl'
+import * as ns from 'w-screenctl'
+console.log('typeof default:', typeof def)
+console.log('default keys:', def && typeof def === 'object' ? Object.keys(def) : 'n/a')
+console.log('namespace keys:', Object.keys(ns))

package/tmp/screenctl.log

@@ -0,0 +1,2 @@
+running at http://0.0.0.0:7000 (platform=win32)
+w-screenctl started at http://localhost:7000

package/tmp/screenctl.pid

@@ -0,0 +1 @@
+787