w-component-vue 2.4.55 → 2.4.56

package/docs/module-WTimeminute.html

@@ -282,6 +282,18 @@
         <td><code>'Select a date'</code></td>
         <td>No</td>
         <td>輸入尚未輸入日期之顯示文字字串，預設'Select a date'</td>
+    </tr><tr>
+        <td><code>labelContentForDay</code></td>
+        <td>String</td>
+        <td><code>null</code></td>
+        <td>No</td>
+        <td>輸入針對日期彈窗teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null</td>
+    </tr><tr>
+        <td><code>labelContentForMinute</code></td>
+        <td>String</td>
+        <td><code>null</code></td>
+        <td>No</td>
+        <td>輸入針對時分彈窗teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null</td>
     </tr><tr>
         <td><code>editable</code></td>
         <td>Boolean</td>
@@ -542,6 +554,18 @@
         <td><code>'Select a date'</code></td>
         <td>No</td>
         <td>輸入尚未輸入日期之顯示文字字串，預設'Select a date'</td>
+    </tr><tr>
+        <td><code>labelContentForDay</code></td>
+        <td>String</td>
+        <td><code>null</code></td>
+        <td>No</td>
+        <td>輸入針對日期彈窗teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null</td>
+    </tr><tr>
+        <td><code>labelContentForMinute</code></td>
+        <td>String</td>
+        <td><code>null</code></td>
+        <td>No</td>
+        <td>輸入針對時分彈窗teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null</td>
     </tr><tr>
         <td><code>editable</code></td>
         <td>Boolean</td>
@@ -669,7 +693,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.5</a> on Sun Apr 19 2026 21:46:39 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 Sun May 17 2026 21:22:39 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTimeminuteCore.html

@@ -180,6 +180,18 @@
         <td><code>'Select a date'</code></td>
         <td>No</td>
         <td>輸入尚未輸入日期之顯示文字字串，預設'Select a date'</td>
+    </tr><tr>
+        <td><code>labelContentForDay</code></td>
+        <td>String</td>
+        <td><code>null</code></td>
+        <td>No</td>
+        <td>輸入針對日期彈窗teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null</td>
+    </tr><tr>
+        <td><code>labelContentForMinute</code></td>
+        <td>String</td>
+        <td><code>null</code></td>
+        <td>No</td>
+        <td>輸入針對時分彈窗teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null</td>
     </tr><tr>
         <td><code>editable</code></td>
         <td>Boolean</td>
@@ -332,6 +344,18 @@
         <td><code>'Select a date'</code></td>
         <td>No</td>
         <td>輸入尚未輸入日期之顯示文字字串，預設'Select a date'</td>
+    </tr><tr>
+        <td><code>labelContentForDay</code></td>
+        <td>String</td>
+        <td><code>null</code></td>
+        <td>No</td>
+        <td>輸入針對日期彈窗teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null</td>
+    </tr><tr>
+        <td><code>labelContentForMinute</code></td>
+        <td>String</td>
+        <td><code>null</code></td>
+        <td>No</td>
+        <td>輸入針對時分彈窗teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null</td>
     </tr><tr>
         <td><code>editable</code></td>
         <td>Boolean</td>
@@ -453,7 +477,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.5</a> on Sun Apr 19 2026 21:46:39 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 Sun May 17 2026 21:22:39 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTimeminuteRange.html

@@ -294,6 +294,30 @@
         <td><code>'Select a date'</code></td>
         <td>No</td>
         <td>輸入尚未輸入日期之顯示文字字串，預設'Select a date'</td>
+    </tr><tr>
+        <td><code>labelContentForDayFrom</code></td>
+        <td>String</td>
+        <td><code>null</code></td>
+        <td>No</td>
+        <td>輸入針對起始日期彈窗teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null</td>
+    </tr><tr>
+        <td><code>labelContentForDayTo</code></td>
+        <td>String</td>
+        <td><code>null</code></td>
+        <td>No</td>
+        <td>輸入針對結束日期彈窗teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null</td>
+    </tr><tr>
+        <td><code>labelContentForMinuteFrom</code></td>
+        <td>String</td>
+        <td><code>null</code></td>
+        <td>No</td>
+        <td>輸入針對起始時分彈窗teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null</td>
+    </tr><tr>
+        <td><code>labelContentForMinuteTo</code></td>
+        <td>String</td>
+        <td><code>null</code></td>
+        <td>No</td>
+        <td>輸入針對結束時分彈窗teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null</td>
     </tr><tr>
         <td><code>editable</code></td>
         <td>Boolean</td>
@@ -566,6 +590,30 @@
         <td><code>'Select a date'</code></td>
         <td>No</td>
         <td>輸入尚未輸入日期之顯示文字字串，預設'Select a date'</td>
+    </tr><tr>
+        <td><code>labelContentForDayFrom</code></td>
+        <td>String</td>
+        <td><code>null</code></td>
+        <td>No</td>
+        <td>輸入針對起始日期彈窗teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null</td>
+    </tr><tr>
+        <td><code>labelContentForDayTo</code></td>
+        <td>String</td>
+        <td><code>null</code></td>
+        <td>No</td>
+        <td>輸入針對結束日期彈窗teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null</td>
+    </tr><tr>
+        <td><code>labelContentForMinuteFrom</code></td>
+        <td>String</td>
+        <td><code>null</code></td>
+        <td>No</td>
+        <td>輸入針對起始時分彈窗teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null</td>
+    </tr><tr>
+        <td><code>labelContentForMinuteTo</code></td>
+        <td>String</td>
+        <td><code>null</code></td>
+        <td>No</td>
+        <td>輸入針對結束時分彈窗teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null</td>
     </tr><tr>
         <td><code>editable</code></td>
         <td>Boolean</td>
@@ -693,7 +741,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.5</a> on Sun Apr 19 2026 21:46:39 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 Sun May 17 2026 21:22:39 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTimeminuteRangeCore.html

@@ -192,6 +192,30 @@
         <td><code>'Select a date'</code></td>
         <td>No</td>
         <td>輸入尚未輸入日期之顯示文字字串，預設'Select a date'</td>
+    </tr><tr>
+        <td><code>labelContentForDayFrom</code></td>
+        <td>String</td>
+        <td><code>null</code></td>
+        <td>No</td>
+        <td>輸入針對起始日期彈窗teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null</td>
+    </tr><tr>
+        <td><code>labelContentForDayTo</code></td>
+        <td>String</td>
+        <td><code>null</code></td>
+        <td>No</td>
+        <td>輸入針對結束日期彈窗teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null</td>
+    </tr><tr>
+        <td><code>labelContentForMinuteFrom</code></td>
+        <td>String</td>
+        <td><code>null</code></td>
+        <td>No</td>
+        <td>輸入針對起始時分彈窗teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null</td>
+    </tr><tr>
+        <td><code>labelContentForMinuteTo</code></td>
+        <td>String</td>
+        <td><code>null</code></td>
+        <td>No</td>
+        <td>輸入針對結束時分彈窗teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null</td>
     </tr><tr>
         <td><code>editable</code></td>
         <td>Boolean</td>
@@ -356,6 +380,30 @@
         <td><code>'Select a date'</code></td>
         <td>No</td>
         <td>輸入尚未輸入日期之顯示文字字串，預設'Select a date'</td>
+    </tr><tr>
+        <td><code>labelContentForDayFrom</code></td>
+        <td>String</td>
+        <td><code>null</code></td>
+        <td>No</td>
+        <td>輸入針對起始日期彈窗teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null</td>
+    </tr><tr>
+        <td><code>labelContentForDayTo</code></td>
+        <td>String</td>
+        <td><code>null</code></td>
+        <td>No</td>
+        <td>輸入針對結束日期彈窗teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null</td>
+    </tr><tr>
+        <td><code>labelContentForMinuteFrom</code></td>
+        <td>String</td>
+        <td><code>null</code></td>
+        <td>No</td>
+        <td>輸入針對起始時分彈窗teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null</td>
+    </tr><tr>
+        <td><code>labelContentForMinuteTo</code></td>
+        <td>String</td>
+        <td><code>null</code></td>
+        <td>No</td>
+        <td>輸入針對結束時分彈窗teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null</td>
     </tr><tr>
         <td><code>editable</code></td>
         <td>Boolean</td>
@@ -477,7 +525,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.5</a> on Sun Apr 19 2026 21:46:39 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 Sun May 17 2026 21:22:39 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 Apr 19 2026 21:46:39 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 Sun May 17 2026 21:22:39 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTooltip.html

@@ -198,6 +198,12 @@
         <td><code>200</code></td>
         <td>No</td>
         <td>輸入提示窗或彈窗淡入出現時間數字，單位為ms，預設200</td>
+    </tr><tr>
+        <td><code>labelContent</code></td>
+        <td>String</td>
+        <td><code>null</code></td>
+        <td>No</td>
+        <td>輸入針對teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null</td>
     </tr><tr>
         <td><code>editable</code></td>
         <td>Boolean</td>
@@ -368,6 +374,12 @@
         <td><code>200</code></td>
         <td>No</td>
         <td>輸入提示窗或彈窗淡入出現時間數字，單位為ms，預設200</td>
+    </tr><tr>
+        <td><code>labelContent</code></td>
+        <td>String</td>
+        <td><code>null</code></td>
+        <td>No</td>
+        <td>輸入針對teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null</td>
     </tr><tr>
         <td><code>editable</code></td>
         <td>Boolean</td>
@@ -489,7 +501,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.5</a> on Sun Apr 19 2026 21:46:39 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 Sun May 17 2026 21:22:39 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTree.html

@@ -720,6 +720,18 @@
         <td><code>'grey lighten-3'</code></td>
         <td>No</td>
         <td>輸入變更文字彈窗之滑鼠移入時儲存按鈕背景顏色字串，預設'grey lighten-3'</td>
+    </tr><tr>
+        <td><code>labelPanelForOperate</code></td>
+        <td>String</td>
+        <td><code>null</code></td>
+        <td>No</td>
+        <td>輸入針對控制選項之popup彈窗teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null</td>
+    </tr><tr>
+        <td><code>labelDialogForEditor</code></td>
+        <td>String</td>
+        <td><code>null</code></td>
+        <td>No</td>
+        <td>輸入針對teleport至body內之WDialog所給予之wtre屬性值字串，供查找使用，預設null</td>
     </tr><tr>
         <td><code>show</code></td>
         <td>Boolean</td>
@@ -1412,6 +1424,18 @@
         <td><code>'grey lighten-3'</code></td>
         <td>No</td>
         <td>輸入變更文字彈窗之滑鼠移入時儲存按鈕背景顏色字串，預設'grey lighten-3'</td>
+    </tr><tr>
+        <td><code>labelPanelForOperate</code></td>
+        <td>String</td>
+        <td><code>null</code></td>
+        <td>No</td>
+        <td>輸入針對控制選項之popup彈窗teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null</td>
+    </tr><tr>
+        <td><code>labelDialogForEditor</code></td>
+        <td>String</td>
+        <td><code>null</code></td>
+        <td>No</td>
+        <td>輸入針對teleport至body內之WDialog所給予之wtre屬性值字串，供查找使用，預設null</td>
     </tr><tr>
         <td><code>show</code></td>
         <td>Boolean</td>
@@ -1533,7 +1557,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.5</a> on Sun Apr 19 2026 21:46:39 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 Sun May 17 2026 21:22:39 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 Apr 19 2026 21:46:39 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 Sun May 17 2026 21:22:39 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 Apr 19 2026 21:46:39 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 Sun May 17 2026 21:22:39 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 Apr 19 2026 21:46:39 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 Sun May 17 2026 21:22:39 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.55",
+  "version": "2.4.56",
   "main": "dist/w-component-vue.umd.js",
   "dependencies": {
     "@mdi/js": "^7.4.47",
     "lodash-es": "^4.18.1",
-    "wsemi": "^1.8.47"
+    "wsemi": "^1.8.52"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "^5.0.8",
@@ -19,7 +19,6 @@
     "eslint-plugin-n": "^16.6.2",
     "eslint-plugin-promise": "^6.1.1",
     "eslint-plugin-vue": "^9.10.0",
-    "playwright": "^1.59.1",
     "vue": "^2.6.14",
     "w-package-tools": "^1.1.5"
   },

package/src/components/WColorSelect.vue

@@ -6,6 +6,7 @@
         :autoFitMaxWidth="false"
         :placementDistY="popupPlacementDist"
         :editable="editable"
+        :labelContent="labelContent"
         v-model="show"
         :changeValue="changeValue"
         :changeType="changeType"
@@ -286,6 +287,7 @@ import WIcon from './WIcon.vue'
  * @vue-prop {String} [btnBackgroundColorHover='rgb(236,236,236)'] 輸入滑鼠移入時確認按鈕之背景顏色字串，預設'rgb(236,236,236)'
  * @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 {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true
  */
 export default {
@@ -557,6 +559,10 @@ export default {
             type: Boolean,
             default: true,
         },
+        labelContent: {
+            type: String,
+            default: null,
+        },
         editable: {
             type: Boolean,
             default: true,

package/src/components/WExplorer.vue

@@ -116,6 +116,8 @@
                         :editorRenameSaveBtnIconRippleColor="editorRenameSaveBtnIconRippleColor"
                         :editorRenameSaveBtnBackgroundColor="editorRenameSaveBtnBackgroundColor"
                         :editorRenameSaveBtnBackgroundColorHover="editorRenameSaveBtnBackgroundColorHover"
+                        :labelPanelForOperate="labelPanelForOperate"
+                        :labelDialogForEditor="labelDialogForEditor"
                         @click-operate-item="clickOperateItem"
                         @update:data="changeData"
                         @change-item="changeItem"
@@ -584,6 +586,8 @@ import WButtonCircle from './WButtonCircle.vue'
  * @vue-prop {String} [editorRenameSaveBtnIconRippleColor='rgba(200,200,200,0.4)'] 輸入變更文字彈窗之儲存按鈕ripple效果顏色字串，預設'rgba(200,200,200,0.4)'
  * @vue-prop {String} [editorRenameSaveBtnBackgroundColor='white'] 輸入變更文字彈窗之儲存按鈕背景顏色字串，預設'white'
  * @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
  */
 export default {
     directives: {
@@ -1165,6 +1169,14 @@ export default {
             type: String,
             default: 'grey lighten-3',
         },
+        labelPanelForOperate: {
+            type: String,
+            default: null,
+        },
+        labelDialogForEditor: {
+            type: String,
+            default: null,
+        },
     },
     data: function() {
         return {

package/src/components/WGroupTags.vue

@@ -158,6 +158,7 @@
                         :items="suggests"
                         :placeholder="placeholder"
                         :noResultsText="noResultsText"
+                        :labelContent="labelContentForInputText"
                         v-model="userInput"
                         @enter="clickAddBtn"
                         @click-right="clickAddBtn"
@@ -277,6 +278,7 @@ import domDragDrop from '../js/domDragDrop.mjs'
  * @vue-prop {Boolean} [addWhenInputByOutside=false] 輸入當指定或自動使用input並新增時，是否強制使用click-add事件進行新增處理布林值，預設false
  * @vue-prop {Boolean} [closeWithInterceptor=false] 輸入是否通過攔截器來決定是否進行關閉布林值，此處之攔截器係用promise來控制，當使用者點擊關閉時可先行確認或提示。當closeWithInterceptor=true時，於click-close事件所接收物件資訊中的pm，使用pm.resolve()則代表確定關閉，反之pm.reject()則取消關閉事件，預設false
  * @vue-prop {Boolean} [draggable=true] 輸入是否可拖曳模式布林值，預設true
+ * @vue-prop {String} [labelContentForInputText=null] 輸入針對輸入框下拉選單彈窗teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null
  * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true
  * @vue-prop {Boolean} [editableClose=true] 輸入editable=true時是否顯示關閉按鈕布林值，預設true
  * @vue-prop {Boolean} [editableInput=true] 輸入editable=true時是否使用預設的slot input布林值，預設true
@@ -592,6 +594,10 @@ export default {
             type: Boolean,
             default: true,
         },
+        labelContentForInputText: {
+            type: String,
+            default: null,
+        },
         editable: {
             type: Boolean,
             default: true,

package/src/components/WPopup.vue

@@ -42,6 +42,7 @@ import WTooltip from './WTooltip.vue'
  * @vue-prop {Boolean} [shadow=true] 輸入彈窗是否顯示陰影布林值，預設true
  * @vue-prop {String} [shadowStyle=''] 輸入彈窗陰影顏色字串，預設值詳見props
  * @vue-prop {Number} [transitionTime=200] 輸入彈窗淡入出現時間數字，單位為ms，預設200
+ * @vue-prop {String} [labelContent=null] 輸入針對teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null
  * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true
  */
 export default {
@@ -134,6 +135,10 @@ export default {
             type: Number,
             default: 200,
         },
+        labelContent: {
+            type: String,
+            default: null,
+        },
         editable: {
             type: Boolean,
             default: true,

package/src/components/WPopupEditText.vue

@@ -3,6 +3,7 @@
     <WPopup
         :isolated="true"
         _minWidth="minWidthForPopup"
+        :labelContent="labelContent"
         @show="evShow"
         @hide="evHide"
     >
@@ -111,6 +112,7 @@ import WIcon from './WIcon.vue'
  * @vue-prop {String} [footerBackgroundColor='grey lighten-5'] 輸入下方區背景顏色字串，預設'grey lighten-5'
  * @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
  */
 export default {
     components: {
@@ -224,6 +226,10 @@ export default {
             type: Number,
             default: 300,
         },
+        labelContent: {
+            type: String,
+            default: null,
+        },
     },
     data: function() {
         return {

package/src/components/WSegmentsVertical.vue

@@ -79,6 +79,7 @@
 
                                             <WPopup
                                                 :isolated="true"
+                                                :labelContent="labelContentForText"
                                             >
 
                                                 <template v-slot:trigger>
@@ -221,6 +222,7 @@ import convertColor from '../js/convertColor.mjs'
  * @vue-prop {Number} [textShift=null] 輸入項目文字區與左側軸距離數字，單位為px，若給null則自動使用值為1+segmentSize/2+paddingStyle.left，預設null
  * @vue-prop {Boolean} [textCanClick=false] 輸入項目文字是否可點擊布林值，預設false
  * @vue-prop {Boolean} [segmentCanClick=false] 輸入區塊是否可點擊布林值，預設false
+ * @vue-prop {String} [labelContentForText=null] 輸入針對項目文字之popup彈窗teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null
  */
 export default {
     components: {
@@ -390,6 +392,10 @@ export default {
             type: Boolean,
             default: false,
         },
+        labelContentForText: {
+            type: String,
+            default: null,
+        },
     },
     data: function() {
         return {

package/src/components/WTableDyn.vue

@@ -97,6 +97,7 @@
 
                             <WPopup
                                 v-model="showPickUploadMode"
+                                :labelContent="labelContentForUpload"
                             >
 
                                 <template v-slot:trigger>
@@ -308,6 +309,7 @@ import convertColor from '../js/convertColor.mjs'
  * @vue-prop {String} [uploadModeTitle='Choose mode of upload:'] 輸入選擇上傳模式彈窗標題字串，預設'Choose mode of upload:'
  * @vue-prop {String} [uploadModeTextForReplace='Replace'] 輸入取代上傳模式文字字串，預設'Replace'
  * @vue-prop {String} [uploadModeTextForAppend='Append'] 輸入插入於最後上傳模式文字字串，預設'Append'
+ * @vue-prop {String} [labelContentForUpload=null] 輸入針對上傳模式之popup彈窗teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null
  * @vue-event {Array} save 指調用組件的method，無輸入，會回傳當前的name、description、rows所構成的物件
  * @vue-prop {Object} [opt={}] 輸入w-aggrid-vue設定物件，預設{}
  * @vue-prop {Array} opt.keys 輸入資料各欄位keys
@@ -559,6 +561,10 @@ export default {
             type: String,
             default: 'Append',
         },
+        labelContentForUpload: {
+            type: String,
+            default: null,
+        },
         opt: {
             type: Object,
             default: null,

package/src/components/WTextSelect.vue

@@ -60,6 +60,7 @@
                     :autoFitMaxWidth="autoFitMaxWidth"
                     :placementDistY="useDistY"
                     :defItemHeight="defItemHeight"
+                    :labelContent="labelContent"
                     :editable="editable"
                     :focused="focusedTrans"
                     :showPanel="showPanelTrans"
@@ -154,6 +155,7 @@ import WTextSuggestCore from './WTextSuggestCore.vue'
  * @vue-prop {Boolean} [autoFitMinWidth=true] 輸入是否使用驅動區寬度作為內容區之最小寬度布林值，預設true
  * @vue-prop {Boolean} [autoFitMaxWidth=true] 輸入是否使用驅動區寬度作為內容區之最大寬度布林值，預設true
  * @vue-prop {Number} [defItemHeight=43] 輸入按需顯示時各項目預設高度值數字，給越準或給大部分項目的高度則渲染速度越快，單位為px，預設43
+ * @vue-prop {String} [labelContent=null] 輸入針對teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null
  * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true
  * @vue-prop {Boolean} [focused=false] 輸入是否為取得焦點狀態布林值，預設false
  */
@@ -348,6 +350,10 @@ export default {
             type: Number,
             default: 43,
         },
+        labelContent: {
+            type: String,
+            default: null,
+        },
         editable: {
             type: Boolean,
             default: true,

package/src/components/WTextSuggest.vue

@@ -65,6 +65,7 @@
                     :searchingText="searchingText"
                     :placementDistY="useDistY"
                     :defItemHeight="defItemHeight"
+                    :labelContent="labelContent"
                     :editable="editable"
                     :focused="focusedTrans"
                     :showPanel="showPanelTrans"
@@ -152,6 +153,7 @@ import WTextSuggestCore from './WTextSuggestCore.vue'
  * @vue-prop {String} [noResultsText='No results'] 輸入無過濾結果字串，預設'No results'
  * @vue-prop {String} [searchingText='Searching...'] 輸入搜索中字串，預設'Searching...'
  * @vue-prop {Number} [defItemHeight=43] 輸入按需顯示時各項目預設高度值數字，給越準或給大部分項目的高度則渲染速度越快，單位為px，預設43
+ * @vue-prop {String} [labelContent=null] 輸入針對teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null
  * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true
  * @vue-prop {Boolean} [focused=false] 輸入是否為取得焦點狀態布林值，預設false
  * @vue-prop {Boolean} [showPanel=false] 輸入是否顯示清單布林值，預設false
@@ -363,6 +365,10 @@ export default {
             type: Number,
             default: 43,
         },
+        labelContent: {
+            type: String,
+            default: null,
+        },
         editable: {
             type: Boolean,
             default: true,