npm - w-component-vue - Versions diffs - 2.3.68 → 2.3.70 - Mend

w-component-vue 2.3.68 → 2.3.70

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1559) hide show

package/src/components/WSwitch.vue CHANGED Viewed

@@ -40,7 +40,7 @@
 <script>
 import isbol from 'wsemi/src/isbol.mjs'
 import replace from 'wsemi/src/replace.mjs'
-import color2hex from '../js/color2hex.mjs'
+import convertColor from '../js/convertColor.mjs'
 /**
@@ -202,12 +202,12 @@ export default {
         effTextColor: function() {
             let vo = this
-            return color2hex(vo.textColor)
+            return convertColor(vo.textColor)
         },
         effTextColorHover: function() {
             let vo = this
-            return color2hex(vo.textColorHover)
+            return convertColor(vo.textColorHover)
         },
         useTextColor: function() {
@@ -229,17 +229,17 @@ export default {
         effCheckedSwitchCircleColor: function() {
             let vo = this
-            return color2hex(vo.checkedSwitchCircleColor)
+            return convertColor(vo.checkedSwitchCircleColor)
         },
         effCheckedSwitchCircleColorHover: function() {
             let vo = this
-            return color2hex(vo.checkedSwitchCircleColorHover)
+            return convertColor(vo.checkedSwitchCircleColorHover)
         },
         effCheckedSwitchCircleColorDisabled: function() {
             let vo = this
-            return color2hex(vo.checkedSwitchCircleColorDisabled)
+            return convertColor(vo.checkedSwitchCircleColorDisabled)
         },
         useCheckedSwitchCircleColor: function() {
@@ -252,17 +252,17 @@ export default {
         effUncheckedSwitchCircleColor: function() {
             let vo = this
-            return color2hex(vo.uncheckedSwitchCircleColor)
+            return convertColor(vo.uncheckedSwitchCircleColor)
         },
         effUncheckedSwitchCircleColorHover: function() {
             let vo = this
-            return color2hex(vo.uncheckedSwitchCircleColorHover)
+            return convertColor(vo.uncheckedSwitchCircleColorHover)
         },
         effUncheckedSwitchCircleColorDisabled: function() {
             let vo = this
-            return color2hex(vo.uncheckedSwitchCircleColorDisabled)
+            return convertColor(vo.uncheckedSwitchCircleColorDisabled)
         },
         useUncheckedSwitchCircleColor: function() {
@@ -280,17 +280,17 @@ export default {
         effCheckedSwitchBarColor: function() {
             let vo = this
-            return color2hex(vo.checkedSwitchBarColor)
+            return convertColor(vo.checkedSwitchBarColor)
         },
         effCheckedSwitchBarColorHover: function() {
             let vo = this
-            return color2hex(vo.checkedSwitchBarColorHover)
+            return convertColor(vo.checkedSwitchBarColorHover)
         },
         effCheckedSwitchBarColorDisabled: function() {
             let vo = this
-            return color2hex(vo.checkedSwitchBarColorDisabled)
+            return convertColor(vo.checkedSwitchBarColorDisabled)
         },
         useCheckedSwitchBarColor: function() {
@@ -303,17 +303,17 @@ export default {
         effUncheckedSwitchBarColor: function() {
             let vo = this
-            return color2hex(vo.uncheckedSwitchBarColor)
+            return convertColor(vo.uncheckedSwitchBarColor)
         },
         effUncheckedSwitchBarColorHover: function() {
             let vo = this
-            return color2hex(vo.uncheckedSwitchBarColorHover)
+            return convertColor(vo.uncheckedSwitchBarColorHover)
         },
         effUncheckedSwitchBarColorDisabled: function() {
             let vo = this
-            return color2hex(vo.uncheckedSwitchBarColorDisabled)
+            return convertColor(vo.uncheckedSwitchBarColorDisabled)
         },
         useUncheckedSwitchBarColor: function() {

package/src/components/WTableDyn.vue CHANGED Viewed

@@ -253,7 +253,7 @@ import WButtonChip from './WButtonChip.vue'
 import WAggridVueDyn from './WAggridVueDyn.vue'
 import domResize from '../js/domResize.mjs'
 import parseSpace from '../js/parseSpace.mjs'
-import color2hex from '../js/color2hex.mjs'
+import convertColor from '../js/convertColor.mjs'
 /**
@@ -751,7 +751,7 @@ export default {
             let vo = this
-            return color2hex(vo.menuBackgroundColor)
+            return convertColor(vo.menuBackgroundColor)
         },
     },

package/src/components/WText.vue CHANGED Viewed

@@ -74,7 +74,7 @@ import WTextCore from './WTextCore.vue'
  * @vue-prop {Object} [paddingStyle={v:0,h:0}] 輸入內寬距離物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:0,h:0}
  * @vue-prop {Number} [borderRadius=30] 輸入框圓角度數字，單位為px，預設30
  * @vue-prop {Boolean} [shadow=false] 輸入是否為陰影模式，預設false
- * @vue-prop {String} [type='any'] 輸入文字框類型字串，預設'any'
+ * @vue-prop {String|Function} [type='any'] 輸入文字框類型字串，預設'any'
  * @vue-prop {String|Number} value 輸入文字框值
  * @vue-prop {String} [textFontSize='1rem'] 輸入文字大小字串，預設'1rem'
  * @vue-prop {String} [textColor='black'] 輸入文字顏色字串，預設'black'
@@ -135,7 +135,7 @@ export default {
             default: false,
         },
         type: {
-            type: String,
+            type: [String, Function],
             default: 'any',
         },
         value: {

package/src/components/WTextCore.vue CHANGED Viewed

@@ -23,11 +23,11 @@ import isnum from 'wsemi/src/isnum.mjs'
 import isestr from 'wsemi/src/isestr.mjs'
 import verifyValue from 'wsemi/src/verifyValue.mjs'
 import replace from 'wsemi/src/replace.mjs'
-import color2hex from '../js/color2hex.mjs'
+import convertColor from '../js/convertColor.mjs'
 /**
- * @vue-prop {String} [type='any'] 輸入文字框類型字串，預設'any'
+ * @vue-prop {String|Function} [type='any'] 輸入文字框類型字串，預設'any'
  * @vue-prop {String|Number} [value=''] 輸入文字框值字串或數字，預設''
  * @vue-prop {String} [textFontSize='1rem'] 輸入文字大小字串，預設'1rem'
  * @vue-prop {String} [textColor='black'] 輸入文字顏色字串，預設'black'
@@ -40,7 +40,7 @@ import color2hex from '../js/color2hex.mjs'
 export default {
     props: {
         type: {
-            type: String,
+            type: [String, Function],
             default: 'any',
         },
         value: {
@@ -128,7 +128,7 @@ export default {
             let vo = this
-            return color2hex(vo.textColor)
+            return convertColor(vo.textColor)
         },
     },

package/src/components/WTextSuggestCore.vue CHANGED Viewed

@@ -1,6 +1,6 @@
 <template>
     <WPopup
-        style="display:block;"
+        :displayType="'line'"
         :minWidth="minWidth"
         :maxWidth="maxWidth"
         :autoFitMinWidth="autoFitMinWidth"
@@ -22,7 +22,7 @@
                     <!-- 不能使用tabindex=0禁用駐點, 會導致點擊無法觸發windowMousedown與windowMouseup事件, 進而導致無法自動取消popup -->
                     <div
-                        :style="`width:100%; _height:${height}px; _line-height:${height}px; color:${useTextColor}; ${useTextFontSize} vertical-align:middle; white-space:nowrap; text-overflow:ellipsis; cursor:pointer; outline:none;`"
+                        :style="`width:100%; color:${useTextColor}; ${useTextFontSize} vertical-align:middle; white-space:nowrap; text-overflow:ellipsis; cursor:pointer; outline:none;`"
                         _tabindex="0"
                         @focus="focusText"
                         v-if="mode==='select'"
@@ -123,7 +123,7 @@ import size from 'lodash-es/size'
 import isobj from 'wsemi/src/isobj.mjs'
 import isbol from 'wsemi/src/isbol.mjs'
 import replace from 'wsemi/src/replace.mjs'
-import color2hex from '../js/color2hex.mjs'
+import convertColor from '../js/convertColor.mjs'
 import parseSpace from '../js/parseSpace.mjs'
 import WPopup from './WPopup.vue'
 import WTextCore from './WTextCore.vue'
@@ -366,7 +366,7 @@ export default {
             let vo = this
-            return color2hex(vo.textColor)
+            return convertColor(vo.textColor)
         },
         useItemBackgroundColor: function() {
@@ -374,7 +374,7 @@ export default {
             let vo = this
-            return color2hex(vo.itemBackgroundColor)
+            return convertColor(vo.itemBackgroundColor)
         },
         useItemBackgroundColorHover: function() {
@@ -382,7 +382,7 @@ export default {
             let vo = this
-            return color2hex(vo.itemBackgroundColorHover)
+            return convertColor(vo.itemBackgroundColorHover)
         },
         useItemTextFontSize: function() {
@@ -397,7 +397,7 @@ export default {
             let vo = this
-            return color2hex(vo.itemTextColor)
+            return convertColor(vo.itemTextColor)
         },
         useItemTextColorHover: function() {
@@ -405,7 +405,7 @@ export default {
             let vo = this
-            return color2hex(vo.itemTextColorHover)
+            return convertColor(vo.itemTextColorHover)
         },
         useItemPadding: function() {
@@ -427,7 +427,7 @@ export default {
             let vo = this
-            return color2hex(vo.expansionIconColor)
+            return convertColor(vo.expansionIconColor)
         },
         useRotateDeg: function() {

package/src/components/WTextareaCore.vue CHANGED Viewed

@@ -40,7 +40,7 @@ import isestr from 'wsemi/src/isestr.mjs'
 // import verifyValue from 'wsemi/src/verifyValue.mjs'
 import replace from 'wsemi/src/replace.mjs'
 import waitFun from 'wsemi/src/waitFun.mjs'
-import color2hex from '../js/color2hex.mjs'
+import convertColor from '../js/convertColor.mjs'
 /**
@@ -156,7 +156,7 @@ export default {
             let vo = this
-            return color2hex(vo.textColor)
+            return convertColor(vo.textColor)
         },
     },

package/src/components/WTimedayCore.vue CHANGED Viewed

@@ -45,7 +45,7 @@ import get from 'lodash-es/get'
 import isday from 'wsemi/src/isday.mjs'
 import cint from 'wsemi/src/cint.mjs'
 import replace from 'wsemi/src/replace.mjs'
-import color2hex from '../js/color2hex.mjs'
+import convertColor from '../js/convertColor.mjs'
 /**
@@ -147,7 +147,7 @@ export default {
             let vo = this
-            return color2hex(vo.textColor)
+            return convertColor(vo.textColor)
         },
     },

package/src/components/WTimedayRangeCore.vue CHANGED Viewed

@@ -37,7 +37,7 @@
 <script>
 import replace from 'wsemi/src/replace.mjs'
-import color2hex from '../js/color2hex.mjs'
+import convertColor from '../js/convertColor.mjs'
 import WTimedayCore from './WTimedayCore.vue'
@@ -109,7 +109,7 @@ export default {
             let vo = this
-            return color2hex(vo.textColor)
+            return convertColor(vo.textColor)
         },
     },

package/src/components/WTimeminuteRangeCore.vue CHANGED Viewed

@@ -52,7 +52,7 @@
 <script>
 import { mdiPlay } from '@mdi/js'
 import replace from 'wsemi/src/replace.mjs'
-import color2hex from '../js/color2hex.mjs'
+import convertColor from '../js/convertColor.mjs'
 import WTimeminuteCore from './WTimeminuteCore.vue'
@@ -159,7 +159,7 @@ export default {
             let vo = this
-            return color2hex(vo.textColor)
+            return convertColor(vo.textColor)
         },
     },

package/src/components/WTooltip.vue CHANGED Viewed

@@ -49,15 +49,15 @@ import isNumber from 'lodash-es/isNumber'
 import genID from 'wsemi/src/genID.mjs'
 import replace from 'wsemi/src/replace.mjs'
 import domIsClientXYIn from 'wsemi/src/domIsClientXYIn.mjs'
-import color2hex from '../js/color2hex.mjs'
+import convertColor from '../js/convertColor.mjs'
 import parseSpace from '../js/parseSpace.mjs'
 import domResize from '../js/domResize.mjs'
 import { createPopper } from '@popperjs/core/lib/popper-lite.js' //不用安裝@popperjs/core, 因wsemi安裝tippy.js內有依賴@popperjs/core
 import flip from '@popperjs/core/lib/modifiers/flip.js'
 import offset from '@popperjs/core/lib/modifiers/offset.js'
 import hide from '@popperjs/core/lib/modifiers/hide.js'
-//import preventOverflow from '@popperjs/core/lib/modifiers/preventOverflow.js'
-//import computeStyles from '@popperjs/core/lib/modifiers/computeStyles'
+import preventOverflow from '@popperjs/core/lib/modifiers/preventOverflow.js'
+import computeStyles from '@popperjs/core/lib/modifiers/computeStyles'
 //tootip與popup不共用已出現項目清單, 避免互相影響
@@ -368,6 +368,7 @@ export default {
         //console.log('beforeDestroy')
         let vo = this
         //window remove mousemove, mousedown, mouseup, scroll
         window.removeEventListener('mousemove', vo.windowMousemove, false)
         window.removeEventListener('mousedown', vo.windowMousedown, false)
@@ -462,7 +463,7 @@ export default {
             let vo = this
-            return color2hex(vo.textColor)
+            return convertColor(vo.textColor)
         },
         useBackgroundColor: function() {
@@ -470,7 +471,7 @@ export default {
             let vo = this
-            return color2hex(vo.backgroundColor)
+            return convertColor(vo.backgroundColor)
         },
         usePadding: function() {
@@ -567,45 +568,46 @@ export default {
                 strategy: 'fixed', //盡量使用'fixed'而不用'absolute', 否則位於多層dialog或多層drawer內popup顯示會異常
                 placement: vo.placement,
                 modifiers: [
-                    // preventOverflow,
-                    // computeStyles,
-                    // {
-                    //     name: 'computeStyles',
-                    //     options: {
-                    //         gpuAcceleration: false, //預設true, 可關閉GPU加速
-                    //     },
-                    // },
+                    preventOverflow,
+                    computeStyles,
+                    {
+                        name: 'computeStyles',
+                        options: {
+                            gpuAcceleration: false, //預設true, 可關閉GPU加速
+                        },
+                    },
                     flip,
                     {
                         name: 'flip',
                         options: {
-                            fallbackPlacements: ['bottom-start', 'bottom-end', 'top', 'top-start', 'top-end'],
+                            fallbackPlacements: ['bottom-start', 'bottom-end', 'top-start', 'top-end', 'top', 'right-start', 'right-end', 'right', 'left-start', 'left-end', 'left'],
                         },
                     },
                     offset,
                     {
                         name: 'offset',
                         options: {
-                            //offset: [0, 5], //因popperjs會自動調位置, 故得通過callback函數處理指定位置時的偏移量
-                            offset: ({ placement, reference, popper }) => {
-                                // console.log('offset', placement, reference, popper, vo.placementDist)
-                                // if (placement === 'bottom-start' || placement === 'bottom' || placement === 'bottom-end') {
-                                //     return [0, vo.placementDist]
-                                // }
-                                // else if (placement === 'top-start' || placement === 'top' || placement === 'top-end') {
-                                //     return [0, vo.placementDist]
-                                // }
-                                // else if (placement === 'left-start' || placement === 'left' || placement === 'left-end') {
-                                //     return [0, vo.placementDist]
-                                // }
-                                // else if (placement === 'right-start' || placement === 'right' || placement === 'right-end') {
-                                //     return [0, vo.placementDist]
-                                // }
-                                // else {
-                                //     return []
-                                // }
-                                return [0, vo.placementDist] //[Skidding, Distance]
-                            },
+                            offset: [0, vo.placementDist],
+                            //因popperjs會自動調位置, 故得通過callback函數處理指定位置時的偏移量
+                            // offset: ({ placement, reference, popper }) => {
+                            //     console.log('offset', placement, reference, popper, vo.placementDist)
+                            //     if (placement === 'bottom-start' || placement === 'bottom' || placement === 'bottom-end') {
+                            //         return [0, vo.placementDist]
+                            //     }
+                            //     else if (placement === 'top-start' || placement === 'top' || placement === 'top-end') {
+                            //         return [0, vo.placementDist]
+                            //     }
+                            //     else if (placement === 'left-start' || placement === 'left' || placement === 'left-end') {
+                            //         return [0, vo.placementDist]
+                            //     }
+                            //     else if (placement === 'right-start' || placement === 'right' || placement === 'right-end') {
+                            //         return [0, vo.placementDist]
+                            //     }
+                            //     else {
+                            //         return []
+                            //     }
+                            //     // return [0, vo.placementDist] //[Skidding, Distance]
+                            // },
                         },
                     },
                     hide,

package/src/components/WTree.vue CHANGED Viewed

@@ -319,7 +319,7 @@ import debounce from 'wsemi/src/debounce.mjs'
 import flattenTreeWk from '../js/flattenTreeWk.wk.umd.js'
 import globalMemory from '../js/globalMemory.mjs'
 import parseSpace from '../js/parseSpace.mjs'
-import color2hex from '../js/color2hex.mjs'
+import convertColor from '../js/convertColor.mjs'
 import domDragDrop from '../js/domDragDrop.mjs'
 import domRipple from '../js/domRipple.mjs'
 import WDynamicList from './WDynamicList.vue'
@@ -1111,7 +1111,7 @@ export default {
             let vo = this
-            return color2hex(vo.itemTextColor)
+            return convertColor(vo.itemTextColor)
         },
         useItemBackgroundColor: function() {
@@ -1119,7 +1119,7 @@ export default {
             let vo = this
-            return color2hex(vo.itemBackgroundColor)
+            return convertColor(vo.itemBackgroundColor)
         },
         useItemTextColorHover: function() {
@@ -1127,7 +1127,7 @@ export default {
             let vo = this
-            return color2hex(vo.itemTextColorHover)
+            return convertColor(vo.itemTextColorHover)
         },
         useItemBackgroundColorHover: function() {
@@ -1135,7 +1135,7 @@ export default {
             let vo = this
-            return color2hex(vo.itemBackgroundColorHover)
+            return convertColor(vo.itemBackgroundColorHover)
         },
         useItemTextColorActive: function() {
@@ -1143,7 +1143,7 @@ export default {
             let vo = this
-            return color2hex(vo.itemTextColorActive)
+            return convertColor(vo.itemTextColorActive)
         },
         useItemBackgroundColorActive: function() {
@@ -1151,7 +1151,7 @@ export default {
             let vo = this
-            return color2hex(vo.itemBackgroundColorActive)
+            return convertColor(vo.itemBackgroundColorActive)
         },
         useDgTextDisabledColor: function() {
@@ -1159,7 +1159,7 @@ export default {
             let vo = this
-            return color2hex(vo.dgTextDisabledColor)
+            return convertColor(vo.dgTextDisabledColor)
         },
         useDgTextDisabledBackgroundColor: function() {
@@ -1167,7 +1167,7 @@ export default {
             let vo = this
-            return color2hex(vo.dgTextDisabledBackgroundColor)
+            return convertColor(vo.dgTextDisabledBackgroundColor)
         },
         useDgInsertLineColor: function() {
@@ -1175,7 +1175,7 @@ export default {
             let vo = this
-            return color2hex(vo.dgInsertLineColor)
+            return convertColor(vo.dgInsertLineColor)
         },
         useDgInsertBackgroundColor: function() {
@@ -1183,7 +1183,7 @@ export default {
             let vo = this
-            return color2hex(vo.dgInsertBackgroundColor)
+            return convertColor(vo.dgInsertBackgroundColor)
         },
         uesDgBelongBackgroundColor: function() {
@@ -1191,7 +1191,7 @@ export default {
             let vo = this
-            return color2hex(vo.dgBelongBackgroundColor)
+            return convertColor(vo.dgBelongBackgroundColor)
         },
         operateItems: function() {
@@ -1244,12 +1244,12 @@ export default {
         useEditorContentBackgroundColor: function() {
             let vo = this
-            return color2hex(vo.editorRenameContentBackgroundColor)
+            return convertColor(vo.editorRenameContentBackgroundColor)
         },
         useEditorFooterBackgroundColor: function() {
             let vo = this
-            return color2hex(vo.editorRenameFooterBackgroundColor)
+            return convertColor(vo.editorRenameFooterBackgroundColor)
         },
     },

package/src/components/WTreeIconCheckbox.vue CHANGED Viewed

@@ -50,7 +50,7 @@
 </template>
 <script>
-import color2hex from '../js/color2hex.mjs'
+import convertColor from '../js/convertColor.mjs'
 /**
@@ -122,12 +122,12 @@ export default {
             let vo = this
             if (vo.mode === 'checked') {
-                return color2hex(vo.checkedDisabledColor)
+                return convertColor(vo.checkedDisabledColor)
             }
             else if (vo.mode === 'unchecked') {
-                return color2hex(vo.uncheckedDisabledColor)
+                return convertColor(vo.uncheckedDisabledColor)
             }
-            return color2hex(vo.checkedPartiallyDisabledColor)
+            return convertColor(vo.checkedPartiallyDisabledColor)
         },
         useUncheckedColor: function() {
@@ -136,9 +136,9 @@ export default {
             let vo = this
             if (vo.editable) {
-                return color2hex(vo.uncheckedColor)
+                return convertColor(vo.uncheckedColor)
             }
-            return color2hex(vo.uncheckedDisabledColor)
+            return convertColor(vo.uncheckedDisabledColor)
         },
         useCheckedColor: function() {
@@ -147,9 +147,9 @@ export default {
             let vo = this
             if (vo.editable) {
-                return color2hex(vo.checkedColor)
+                return convertColor(vo.checkedColor)
             }
-            return color2hex(vo.checkedDisabledColor)
+            return convertColor(vo.checkedDisabledColor)
         },
         useCheckedPartiallyColor: function() {
@@ -158,9 +158,9 @@ export default {
             let vo = this
             if (vo.editable) {
-                return color2hex(vo.checkedPartiallyColor)
+                return convertColor(vo.checkedPartiallyColor)
             }
-            return color2hex(vo.checkedPartiallyDisabledColor)
+            return convertColor(vo.checkedPartiallyDisabledColor)
         },
     },

package/src/components/WTreeIconToggle.vue CHANGED Viewed

@@ -66,7 +66,7 @@
 <script>
 import get from 'lodash-es/get'
-import color2hex from '../js/color2hex.mjs'
+import convertColor from '../js/convertColor.mjs'
 /**
@@ -142,9 +142,9 @@ export default {
             let vo = this
             if (vo.editable) {
-                return color2hex(vo.iconColor)
+                return convertColor(vo.iconColor)
             }
-            return color2hex(vo.iconDisabledColor)
+            return convertColor(vo.iconDisabledColor)
         },
         useIconBackgroundColor: function() {
@@ -152,7 +152,7 @@ export default {
             let vo = this
-            return color2hex(vo.iconBackgroundColor)
+            return convertColor(vo.iconBackgroundColor)
         },
         useIconBackgroundColorHover: function() {
@@ -160,7 +160,7 @@ export default {
             let vo = this
-            return color2hex(vo.iconBackgroundColorHover)
+            return convertColor(vo.iconBackgroundColorHover)
         },
     },