w-component-vue 2.4.55 → 2.4.57

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,

package/src/components/WTextSuggestCore.vue

@@ -7,6 +7,7 @@
         :autoFitMaxWidth="autoFitMaxWidth"
         :placementDistX="placementDistX"
         :placementDistY="placementDistY"
+        :labelContent="labelContent"
         :editable="editable"
         :value="showPanelTrans"
         @input="(v)=>{updateShowPanel(v,'WPopup')}"
@@ -162,6 +163,7 @@ import WIcon from './WIcon.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
@@ -295,6 +297,10 @@ export default {
             type: Number,
             default: 43,
         },
+        labelContent: {
+            type: String,
+            default: null,
+        },
         editable: {
             type: Boolean,
             default: true,

package/src/components/WTimeday.vue

@@ -40,6 +40,7 @@
                 :placementDistX="placementDistX"
                 :placementDistY="placementDistY"
                 :textEmpty="textEmpty"
+                :labelContent="labelContentForDay"
                 :editable="editable"
                 @update:focused="changeFocused"
                 @input="(v)=>{$emit('input', v)}"
@@ -85,6 +86,7 @@ import WTimedayCore from './WTimedayCore.vue'
  * @vue-prop {Number} [placementDistX=0] 輸入日期彈窗之水平向右平移數字，單位為px，預設0
  * @vue-prop {Number} [placementDistY=7] 輸入日期彈窗之垂直向下平移數字，單位為px，預設7
  * @vue-prop {String} [textEmpty='Select a date'] 輸入尚未輸入日期之顯示文字字串，預設'Select a date'
+ * @vue-prop {String} [labelContentForDay=null] 輸入針對日期彈窗teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null
  * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true
  * @vue-prop {Boolean} [focused=false] 輸入是否為取得焦點狀態，預設false
  */
@@ -211,6 +213,10 @@ export default {
             type: String,
             default: 'Select a date',
         },
+        labelContentForDay: {
+            type: String,
+            default: null,
+        },
         editable: {
             type: Boolean,
             default: true,

package/src/components/WTimedayCore.vue

@@ -3,6 +3,7 @@
         :displayType="'line'"
         :placementDistX="placementDistX"
         :placementDistY="placementDistY"
+        :labelContent="labelContent"
         :editable="editable"
         :value="showPanelTrans"
         @input="(v)=>{updateShowPanel(v,'WPopup')}"
@@ -121,6 +122,7 @@ import WPopup from './WPopup.vue'
  * @vue-prop {Function} [funRenderYear=null] 輸入渲染年份之函數，傳入年數值回傳顯示字串，預設null，未給時回傳'{年}y'
  * @vue-prop {Function} [funRenderMonth=null] 輸入渲染月份之函數，傳入月數值回傳顯示字串，預設null，未給時回傳'{月}m'
  * @vue-prop {Function} [funRenderDayOfWeek=null] 輸入渲染星期幾之函數，傳入星期幾數值(0=日)回傳顯示字串，預設null，未給時回傳對應英文縮寫
+ * @vue-prop {String} [labelContent=null] 輸入針對teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null
  * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true
  */
 export default {
@@ -172,6 +174,10 @@ export default {
             type: Function,
             default: null,
         },
+        labelContent: {
+            type: String,
+            default: null,
+        },
         editable: {
             type: Boolean,
             default: true,

package/src/components/WTimedayRange.vue

@@ -42,6 +42,8 @@
                 :placementDistX="placementDistX"
                 :placementDistY="placementDistY"
                 :textEmpty="textEmpty"
+                :labelContentForDayFrom="labelContentForDayFrom"
+                :labelContentForDayTo="labelContentForDayTo"
                 :editable="editable"
                 @update:focused="changeFocused"
                 @update:dayStart="(v)=>{$emit('update:dayStart', v)}"
@@ -90,6 +92,8 @@ import WTimedayRangeCore from './WTimedayRangeCore.vue'
  * @vue-prop {Number} [placementDistX=0] 輸入日期彈窗之水平向右平移數字，單位為px，預設0
  * @vue-prop {Number} [placementDistY=7] 輸入日期彈窗之垂直向下平移數字，單位為px，預設7
  * @vue-prop {String} [textEmpty='Select a date'] 輸入尚未輸入日期之顯示文字字串，預設'Select a date'
+ * @vue-prop {String} [labelContentForDayFrom=null] 輸入針對起始日期彈窗teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null
+ * @vue-prop {String} [labelContentForDayTo=null] 輸入針對結束日期彈窗teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null
  * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true
  * @vue-prop {Boolean} [focused=false] 輸入是否為取得焦點狀態，預設false
  */
@@ -224,6 +228,14 @@ export default {
             type: String,
             default: 'Select a date',
         },
+        labelContentForDayFrom: {
+            type: String,
+            default: null,
+        },
+        labelContentForDayTo: {
+            type: String,
+            default: null,
+        },
         editable: {
             type: Boolean,
             default: true,

package/src/components/WTimedayRangeCore.vue

@@ -15,6 +15,7 @@
                 :placementDistX="placementDistX"
                 :placementDistY="placementDistY"
                 :textEmpty="textEmpty"
+                :labelContent="labelContentForDayFrom"
                 :editable="editable"
                 :value="dayStart"
                 @update:focused="(v)=>{focused_start=v;changeFocused()}"
@@ -37,6 +38,7 @@
                 :placementDistX="placementDistX"
                 :placementDistY="placementDistY"
                 :textEmpty="textEmpty"
+                :labelContent="labelContentForDayTo"
                 :editable="editable"
                 :value="dayEnd"
                 @update:focused="(v)=>{focused_end=v;changeFocused()}"
@@ -67,6 +69,8 @@ import WTimedayCore from './WTimedayCore.vue'
  * @vue-prop {Number} [placementDistX=0] 輸入日期彈窗之水平向右平移數字，單位為px，預設0
  * @vue-prop {Number} [placementDistY=7] 輸入日期彈窗之垂直向下平移數字，單位為px，預設7
  * @vue-prop {String} [textEmpty='Select a date'] 輸入尚未輸入日期之顯示文字字串，預設'Select a date'
+ * @vue-prop {String} [labelContentForDayFrom=null] 輸入針對起始日期彈窗teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null
+ * @vue-prop {String} [labelContentForDayTo=null] 輸入針對結束日期彈窗teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null
  * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true
  */
 export default {
@@ -126,6 +130,14 @@ export default {
             type: String,
             default: 'Select a date',
         },
+        labelContentForDayFrom: {
+            type: String,
+            default: null,
+        },
+        labelContentForDayTo: {
+            type: String,
+            default: null,
+        },
         editable: {
             type: Boolean,
             default: true,

package/src/components/WTimeminute.vue

@@ -46,6 +46,8 @@
                 :placementDistX="placementDistX"
                 :placementDistY="placementDistY"
                 :textEmpty="textEmpty"
+                :labelContentForDay="labelContentForDay"
+                :labelContentForMinute="labelContentForMinute"
                 :editable="editable"
                 :value="value"
                 @update:focused="changeFocused"
@@ -99,6 +101,8 @@ import WTimeminuteCore from './WTimeminuteCore.vue'
  * @vue-prop {Number} [placementDistX=0] 輸入日期彈窗之水平向右平移數字，單位為px，預設0
  * @vue-prop {Number} [placementDistY=7] 輸入日期彈窗之垂直向下平移數字，單位為px，預設7
  * @vue-prop {String} [textEmpty='Select a date'] 輸入尚未輸入日期之顯示文字字串，預設'Select a date'
+ * @vue-prop {String} [labelContentForDay=null] 輸入針對日期彈窗teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null
+ * @vue-prop {String} [labelContentForMinute=null] 輸入針對時分彈窗teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null
  * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true
  * @vue-prop {Boolean} [focused=false] 輸入是否為取得焦點狀態，預設false
  */
@@ -253,6 +257,14 @@ export default {
             type: String,
             default: 'Select a date',
         },
+        labelContentForDay: {
+            type: String,
+            default: null,
+        },
+        labelContentForMinute: {
+            type: String,
+            default: null,
+        },
         editable: {
             type: Boolean,
             default: true,

package/src/components/WTimeminuteCore.vue

@@ -19,6 +19,7 @@
                 :placementDistX="placementDistX"
                 :placementDistY="placementDistY"
                 :textEmpty="textEmpty"
+                :labelContent="labelContentForDay"
                 :editable="editable"
                 :value="valueDay"
                 @update:focused="(v)=>{focusedDay=v;changeFocused()}"
@@ -37,6 +38,7 @@
                     :expansionIcon="expansionIcon"
                     :expansionIconSize="expansionIconSize"
                     :expansionIconColor="expansionIconColor"
+                    :labelContent="labelContentForMinute"
                     :editable="editable"
                     :items="getUseMinutes"
                     :value="valueTime"
@@ -87,6 +89,8 @@ import WTextSuggestCore from './WTextSuggestCore.vue'
  * @vue-prop {Number} [placementDistX=0] 輸入日期彈窗之水平向右平移數字，單位為px，預設0
  * @vue-prop {Number} [placementDistY=7] 輸入日期彈窗之垂直向下平移數字，單位為px，預設7
  * @vue-prop {String} [textEmpty='Select a date'] 輸入尚未輸入日期之顯示文字字串，預設'Select a date'
+ * @vue-prop {String} [labelContentForDay=null] 輸入針對日期彈窗teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null
+ * @vue-prop {String} [labelContentForMinute=null] 輸入針對時分彈窗teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null
  * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true
  */
 export default {
@@ -167,6 +171,14 @@ export default {
             type: String,
             default: 'Select a date',
         },
+        labelContentForDay: {
+            type: String,
+            default: null,
+        },
+        labelContentForMinute: {
+            type: String,
+            default: null,
+        },
         editable: {
             type: Boolean,
             default: true,

package/src/components/WTimeminuteRange.vue

@@ -49,6 +49,10 @@
                 :placementDistX="placementDistX"
                 :placementDistY="placementDistY"
                 :textEmpty="textEmpty"
+                :labelContentForDayFrom="labelContentForDayFrom"
+                :labelContentForDayTo="labelContentForDayTo"
+                :labelContentForMinuteFrom="labelContentForMinuteFrom"
+                :labelContentForMinuteTo="labelContentForMinuteTo"
                 :editable="editable"
                 @update:focused="changeFocused"
                 @update:minuteEnd="(v)=>{$emit('update:minuteEnd', v)}"
@@ -104,6 +108,10 @@ import WTimeminuteRangeCore from './WTimeminuteRangeCore.vue'
  * @vue-prop {Number} [placementDistX=0] 輸入日期彈窗之水平向右平移數字，單位為px，預設0
  * @vue-prop {Number} [placementDistY=7] 輸入日期彈窗之垂直向下平移數字，單位為px，預設7
  * @vue-prop {String} [textEmpty='Select a date'] 輸入尚未輸入日期之顯示文字字串，預設'Select a date'
+ * @vue-prop {String} [labelContentForDayFrom=null] 輸入針對起始日期彈窗teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null
+ * @vue-prop {String} [labelContentForDayTo=null] 輸入針對結束日期彈窗teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null
+ * @vue-prop {String} [labelContentForMinuteFrom=null] 輸入針對起始時分彈窗teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null
+ * @vue-prop {String} [labelContentForMinuteTo=null] 輸入針對結束時分彈窗teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null
  * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true
  * @vue-prop {Boolean} [focused=false] 輸入是否為取得焦點狀態，預設false
  */
@@ -266,6 +274,22 @@ export default {
             type: String,
             default: 'Select a date',
         },
+        labelContentForDayFrom: {
+            type: String,
+            default: null,
+        },
+        labelContentForDayTo: {
+            type: String,
+            default: null,
+        },
+        labelContentForMinuteFrom: {
+            type: String,
+            default: null,
+        },
+        labelContentForMinuteTo: {
+            type: String,
+            default: null,
+        },
         editable: {
             type: Boolean,
             default: true,

package/src/components/WTimeminuteRangeCore.vue

@@ -22,6 +22,8 @@
                 :placementDistX="placementDistX"
                 :placementDistY="placementDistY"
                 :textEmpty="textEmpty"
+                :labelContentForDay="labelContentForDayFrom"
+                :labelContentForMinute="labelContentForMinuteFrom"
                 :editable="editable"
                 :value="minuteStart"
                 @update:focused="(v)=>{focused_start=v;changeFocused()}"
@@ -51,6 +53,8 @@
                 :placementDistX="placementDistX"
                 :placementDistY="placementDistY"
                 :textEmpty="textEmpty"
+                :labelContentForDay="labelContentForDayTo"
+                :labelContentForMinute="labelContentForMinuteTo"
                 :editable="editable"
                 :value="minuteEnd"
                 @update:focused="(v)=>{focused_end=v;changeFocused()}"
@@ -89,6 +93,10 @@ import WTimeminuteCore from './WTimeminuteCore.vue'
  * @vue-prop {Number} [placementDistX=0] 輸入日期彈窗之水平向右平移數字，單位為px，預設0
  * @vue-prop {Number} [placementDistY=7] 輸入日期彈窗之垂直向下平移數字，單位為px，預設7
  * @vue-prop {String} [textEmpty='Select a date'] 輸入尚未輸入日期之顯示文字字串，預設'Select a date'
+ * @vue-prop {String} [labelContentForDayFrom=null] 輸入針對起始日期彈窗teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null
+ * @vue-prop {String} [labelContentForDayTo=null] 輸入針對結束日期彈窗teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null
+ * @vue-prop {String} [labelContentForMinuteFrom=null] 輸入針對起始時分彈窗teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null
+ * @vue-prop {String} [labelContentForMinuteTo=null] 輸入針對結束時分彈窗teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null
  * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true
  */
 export default {
@@ -176,6 +184,22 @@ export default {
             type: String,
             default: 'Select a date',
         },
+        labelContentForDayFrom: {
+            type: String,
+            default: null,
+        },
+        labelContentForDayTo: {
+            type: String,
+            default: null,
+        },
+        labelContentForMinuteFrom: {
+            type: String,
+            default: null,
+        },
+        labelContentForMinuteTo: {
+            type: String,
+            default: null,
+        },
         editable: {
             type: Boolean,
             default: true,

package/src/components/WTooltip.vue

@@ -24,6 +24,7 @@
                 ref="divContent"
                 class="WPopperFix"
                 :style="`z-index:${cmpZIndex};`"
+                :wtlp="labelContent"
                 v-show="valueTrans"
                 v-domresize
                 @domresize="updatePopper"
@@ -96,6 +97,7 @@ function funRemoveTrigger(mode, mmkey) {
  * @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 {
@@ -195,6 +197,10 @@ export default {
             type: Number,
             default: 200,
         },
+        labelContent: {
+            type: String,
+            default: null,
+        },
         editable: {
             type: Boolean,
             default: true,

package/src/components/WTree.vue

@@ -138,6 +138,7 @@
                             <WPopup
                                 :isolated="true"
                                 :displayType="'line'"
+                                :labelContent="labelPanelForOperate"
                                 @show="operateDisplayEvent('show')"
                                 @hide="operateDisplayEvent('hide')"
                             >
@@ -214,6 +215,7 @@
 
         <Teleport to="body">
             <WDialog
+                :wtre="labelDialogForEditor"
                 :show.sync="editorShow"
                 :minWidth="300"
                 :maxWidth="300"
@@ -449,6 +451,8 @@ let gm = globalMemory()
  * @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
  * @vue-prop {Boolean} [show=true] 輸入是否為顯示模式布林值，預設true，供組件嵌入popup時, 因先初始化但尚未顯示不需渲染, 可給予show=false避免無限偵測與重算高度問題
  */
 export default {
@@ -916,6 +920,14 @@ export default {
             type: String,
             default: 'grey lighten-3',
         },
+        labelPanelForOperate: {
+            type: String,
+            default: null,
+        },
+        labelDialogForEditor: {
+            type: String,
+            default: null,
+        },
         show: {
             type: Boolean,
             default: true,