w-component-vue 2.3.69 → 2.3.70

package/src/components/WPanelAvatar.vue

@@ -78,7 +78,7 @@
 
 <script>
 import { mdiForest } from '@mdi/js'
-import color2hex from '../js/color2hex.mjs'
+import convertColor from '../js/convertColor.mjs'
 import domResize from '../js/domResize.mjs'
 import WIcon from './WIcon.vue'
 
@@ -241,7 +241,7 @@ export default {
 
             let vo = this
 
-            return color2hex(vo.avatarIconColor)
+            return convertColor(vo.avatarIconColor)
         },
 
         useAvatarBorderColor: function() {
@@ -249,7 +249,7 @@ export default {
 
             let vo = this
 
-            return color2hex(vo.avatarBorderColor)
+            return convertColor(vo.avatarBorderColor)
         },
 
         useAvatarBackgroundColor: function() {
@@ -257,7 +257,7 @@ export default {
 
             let vo = this
 
-            return color2hex(vo.avatarBackgroundColor)
+            return convertColor(vo.avatarBackgroundColor)
         },
 
         useHeaderVerticalAlign: function() {
@@ -285,7 +285,7 @@ export default {
 
             let vo = this
 
-            return color2hex(vo.headerTextColor)
+            return convertColor(vo.headerTextColor)
         },
 
         useSubHeaderTextColor: function() {
@@ -293,7 +293,7 @@ export default {
 
             let vo = this
 
-            return color2hex(vo.subHeaderTextColor)
+            return convertColor(vo.subHeaderTextColor)
         },
 
         useSepLineColor: function() {
@@ -301,7 +301,7 @@ export default {
 
             let vo = this
 
-            return color2hex(vo.sepLineColor)
+            return convertColor(vo.sepLineColor)
         },
 
         useContentBackgroundColor: function() {
@@ -309,7 +309,7 @@ export default {
 
             let vo = this
 
-            return color2hex(vo.contentBackgroundColor)
+            return convertColor(vo.contentBackgroundColor)
         },
 
     },

package/src/components/WPanelBulge.vue

@@ -44,7 +44,7 @@
 
 <script>
 import isnum from 'wsemi/src/isnum.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'
 
@@ -138,7 +138,7 @@ export default {
 
             let vo = this
 
-            return color2hex(vo.headerTextColor)
+            return convertColor(vo.headerTextColor)
         },
 
         useHeaderBackgroundColor: function() {
@@ -146,7 +146,7 @@ export default {
 
             let vo = this
 
-            return color2hex(vo.headerBackgroundColor)
+            return convertColor(vo.headerBackgroundColor)
         },
 
         useContentBackgroundColor: function() {
@@ -154,7 +154,7 @@ export default {
 
             let vo = this
 
-            return color2hex(vo.contentBackgroundColor)
+            return convertColor(vo.contentBackgroundColor)
         },
 
         useContentPadding: function() {

package/src/components/WPanelDivideHorizontal.vue

@@ -44,7 +44,7 @@
 import isNumber from 'lodash-es/isNumber'
 import domDragBarAndScroll from 'wsemi/src/domDragBarAndScroll.mjs'
 import domResize from '../js/domResize.mjs'
-import color2hex from '../js/color2hex.mjs'
+import convertColor from '../js/convertColor.mjs'
 
 
 /**
@@ -170,11 +170,11 @@ export default {
         },
 
         useBarColor: function() {
-            return color2hex(this.barColor)
+            return convertColor(this.barColor)
         },
 
         useBarBorderColor: function() {
-            return color2hex(this.barBorderColor)
+            return convertColor(this.barBorderColor)
         },
 
     },

package/src/components/WPanelDivideVertical.vue

@@ -44,7 +44,7 @@
 import isNumber from 'lodash-es/isNumber'
 import domDragBarAndScroll from 'wsemi/src/domDragBarAndScroll.mjs'
 import domResize from '../js/domResize.mjs'
-import color2hex from '../js/color2hex.mjs'
+import convertColor from '../js/convertColor.mjs'
 
 
 /**
@@ -170,11 +170,11 @@ export default {
         },
 
         useBarColor: function() {
-            return color2hex(this.barColor)
+            return convertColor(this.barColor)
         },
 
         useBarBorderColor: function() {
-            return color2hex(this.barBorderColor)
+            return convertColor(this.barBorderColor)
         },
 
     },

package/src/components/WPanelLabelItem.vue

@@ -118,7 +118,7 @@
 <script>
 import isnum from 'wsemi/src/isnum.mjs'
 import cdbl from 'wsemi/src/cdbl.mjs'
-import color2hex from '../js/color2hex.mjs'
+import convertColor from '../js/convertColor.mjs'
 
 
 /**
@@ -230,7 +230,7 @@ export default {
 
             let vo = this
 
-            return color2hex(vo.labelColor)
+            return convertColor(vo.labelColor)
         },
 
     },

package/src/components/WPanelStripe.vue

@@ -21,7 +21,7 @@
 </template>
 
 <script>
-import color2hex from '../js/color2hex.mjs'
+import convertColor from '../js/convertColor.mjs'
 
 
 /**
@@ -83,7 +83,7 @@ export default {
             let vo = this
 
             let s = {}
-            s['background-color'] = color2hex(vo.contentBackgroundColor)
+            s['background-color'] = convertColor(vo.contentBackgroundColor)
             s['border-radius'] = `${vo.borderRadius}px`
 
             return s
@@ -97,7 +97,7 @@ export default {
             let s = {}
             s['padding'] = `${vo.padding}px`
             s['border-bottom'] = '1px solid #ddd'
-            s['background-color'] = color2hex(vo.headerBackgroundColor)
+            s['background-color'] = convertColor(vo.headerBackgroundColor)
             s['border-radius'] = `${vo.borderRadius}px ${vo.borderRadius}px 0 0`
             s['display'] = 'flex'
             s['justify-content'] = 'flex-start'
@@ -133,7 +133,7 @@ export default {
             let s = {}
             s['padding'] = `${vo.padding}px`
             s['border-top'] = '1px solid #ddd'
-            s['background-color'] = color2hex(vo.footerBackgroundColor)
+            s['background-color'] = convertColor(vo.footerBackgroundColor)
             s['border-radius'] = `0 0 ${vo.borderRadius}px ${vo.borderRadius}px`
 
             return s

package/src/components/WPopupEditText.vue

@@ -77,7 +77,7 @@
 <script>
 import { mdiSquareEditOutline, mdiCheckboxMarkedCircle } from '@mdi/js'
 import replace from 'wsemi/src/replace.mjs'
-import color2hex from '../js/color2hex.mjs'
+import convertColor from '../js/convertColor.mjs'
 import WPopup from './WPopup.vue'
 import WText from './WText.vue'
 import WButtonChip from './WButtonChip.vue'
@@ -244,22 +244,22 @@ export default {
 
         useTitleColor: function() {
             let vo = this
-            return color2hex(vo.titleColor)
+            return convertColor(vo.titleColor)
         },
 
         useHeaderBackgroundColor: function() {
             let vo = this
-            return color2hex(vo.headerBackgroundColor)
+            return convertColor(vo.headerBackgroundColor)
         },
 
         useContentBackgroundColor: function() {
             let vo = this
-            return color2hex(vo.contentBackgroundColor)
+            return convertColor(vo.contentBackgroundColor)
         },
 
         useFooterBackgroundColor: function() {
             let vo = this
-            return color2hex(vo.footerBackgroundColor)
+            return convertColor(vo.footerBackgroundColor)
         },
 
     },

package/src/components/WProgressBar.vue

@@ -54,7 +54,7 @@ import { mdiCheck, mdiOrbitVariant } from '@mdi/js'
 import isestr from 'wsemi/src/isestr.mjs'
 import dig from 'wsemi/src/dig.mjs'
 import replace from 'wsemi/src/replace.mjs'
-import color2hex from '../js/color2hex.mjs'
+import convertColor from '../js/convertColor.mjs'
 import WIcon from './WIcon.vue'
 
 
@@ -249,32 +249,32 @@ export default {
 
         useProgColor: function() {
             let vo = this
-            return color2hex(vo.progColor)
+            return convertColor(vo.progColor)
         },
 
         useProgBackgroundColor: function() {
             let vo = this
-            return color2hex(vo.progBackgroundColor)
+            return convertColor(vo.progBackgroundColor)
         },
 
         useTitleTextColor: function() {
             let vo = this
-            return color2hex(vo.titleTextColor)
+            return convertColor(vo.titleTextColor)
         },
 
         useIconWaitingColor: function() {
             let vo = this
-            return color2hex(vo.iconWaitingColor)
+            return convertColor(vo.iconWaitingColor)
         },
 
         useIconFinishColor: function() {
             let vo = this
-            return color2hex(vo.iconFinishColor)
+            return convertColor(vo.iconFinishColor)
         },
 
         useValueTextColor: function() {
             let vo = this
-            return color2hex(vo.valueTextColor)
+            return convertColor(vo.valueTextColor)
         },
 
         useValueTextFontSize: function() {

package/src/components/WProgressCircle.vue

@@ -74,7 +74,7 @@
 
 <script>
 import isestr from 'wsemi/src/isestr.mjs'
-import color2hex from '../js/color2hex.mjs'
+import convertColor from '../js/convertColor.mjs'
 import WTooltip from './WTooltip.vue'
 
 
@@ -251,17 +251,17 @@ export default {
 
         useColor: function() {
             let vo = this
-            return color2hex(vo.color)
+            return convertColor(vo.color)
         },
 
         useTrackColor: function() {
             let vo = this
-            return color2hex(vo.trackColor)
+            return convertColor(vo.trackColor)
         },
 
         useTextColor: function() {
             let vo = this
-            return color2hex(vo.textColor)
+            return convertColor(vo.textColor)
         },
 
         hasTooltop: function() {

package/src/components/WSegmentsVertical.vue

@@ -161,7 +161,7 @@ import replace from 'wsemi/src/replace.mjs'
 import WPopup from './WPopup.vue'
 import parseSpace from '../js/parseSpace.mjs'
 import parseDirection from '../js/parseDirection.mjs'
-import color2hex from '../js/color2hex.mjs'
+import convertColor from '../js/convertColor.mjs'
 
 
 /**
@@ -703,22 +703,22 @@ export default {
 
         useTitleColor: function() {
             let vo = this
-            return color2hex(vo.titleColor)
+            return convertColor(vo.titleColor)
         },
 
         useAxisColor: function() {
             let vo = this
-            return color2hex(vo.axisColor)
+            return convertColor(vo.axisColor)
         },
 
         useTickColor: function() {
             let vo = this
-            return color2hex(vo.tickColor)
+            return convertColor(vo.tickColor)
         },
 
         useTickLabelColor: function() {
             let vo = this
-            return color2hex(vo.tickLabelColor)
+            return convertColor(vo.tickLabelColor)
         },
 
         useSegmentCursor: function() {
@@ -769,12 +769,12 @@ export default {
 
         useTextColor: function() {
             let vo = this
-            return color2hex(vo.textColor)
+            return convertColor(vo.textColor)
         },
 
         useTextBackgroundColor: function() {
             let vo = this
-            return color2hex(vo.textBackgroundColor)
+            return convertColor(vo.textBackgroundColor)
         },
 
         useTextCursor: function() {
@@ -829,8 +829,8 @@ export default {
         getSegmentBackgroundColor: function(k) {
             let vo = this
 
-            //color2hex
-            let c = color2hex(vo.segmentBackgroundColor)
+            //convertColor
+            let c = convertColor(vo.segmentBackgroundColor)
 
             //check
             if (isfun(vo.funSegmentBackgroundColor)) {
@@ -872,8 +872,8 @@ export default {
             //cv
             let cv = (color) => {
 
-                //color2hex
-                let c = color2hex(color)
+                //convertColor
+                let c = convertColor(color)
 
                 //check
                 if (isfun(vo.funSegmentBorderColor)) {

package/src/components/WShellBottomLine.vue

@@ -26,7 +26,7 @@
 </template>
 
 <script>
-import color2hex from '../js/color2hex.mjs'
+import convertColor from '../js/convertColor.mjs'
 
 
 /**
@@ -107,9 +107,9 @@ export default {
             let vo = this
 
             if (vo.hoverTrans) {
-                return color2hex(vo.borderColorHover)
+                return convertColor(vo.borderColorHover)
             }
-            return color2hex(vo.borderColor)
+            return convertColor(vo.borderColor)
         },
 
         useBorderColorFocus: function() {
@@ -117,7 +117,7 @@ export default {
 
             let vo = this
 
-            return color2hex(vo.borderColorFocus)
+            return convertColor(vo.borderColorFocus)
         },
 
     },

package/src/components/WShellEllipse.vue

@@ -114,7 +114,7 @@
 
 <script>
 import isestr from 'wsemi/src/isestr.mjs'
-import color2hex from '../js/color2hex.mjs'
+import convertColor from '../js/convertColor.mjs'
 import parseSpace from '../js/parseSpace.mjs'
 import WIcon from './WIcon.vue'
 import WTooltip from './WTooltip.vue'
@@ -333,14 +333,14 @@ export default {
 
             let s = {}
             if (vo.focusedTrans) {
-                s['background-color'] = color2hex(vo.backgroundColorFocus)
+                s['background-color'] = convertColor(vo.backgroundColorFocus)
                 return s
             }
             if (vo.hoveredTrans) {
-                s['background-color'] = color2hex(vo.backgroundColorHover)
+                s['background-color'] = convertColor(vo.backgroundColorHover)
                 return s
             }
-            s['background-color'] = color2hex(vo.backgroundColor)
+            s['background-color'] = convertColor(vo.backgroundColor)
             return s
         },
 
@@ -351,14 +351,14 @@ export default {
 
             let s = {}
             if (vo.focusedTrans) {
-                s['border'] = `${vo.borderWidth}px solid ${color2hex(vo.borderColorFocus)}`
+                s['border'] = `${vo.borderWidth}px solid ${convertColor(vo.borderColorFocus)}`
                 return s
             }
             if (vo.hoveredTrans) {
-                s['border'] = `${vo.borderWidth}px solid ${color2hex(vo.borderColorHover)}`
+                s['border'] = `${vo.borderWidth}px solid ${convertColor(vo.borderColorHover)}`
                 return s
             }
-            s['border'] = `${vo.borderWidth}px solid ${color2hex(vo.borderColor)}`
+            s['border'] = `${vo.borderWidth}px solid ${convertColor(vo.borderColor)}`
             return s
         },
 
@@ -380,12 +380,12 @@ export default {
             let vo = this
 
             if (vo.hoveredTrans) {
-                return color2hex(vo.leftIconColorHover)
+                return convertColor(vo.leftIconColorHover)
             }
             else if (vo.focusedTrans) {
-                return color2hex(vo.leftIconColorFocus)
+                return convertColor(vo.leftIconColorFocus)
             }
-            return color2hex(vo.leftIconColor)
+            return convertColor(vo.leftIconColor)
         },
 
         useRightIconColor: function() {
@@ -394,12 +394,12 @@ export default {
             let vo = this
 
             if (vo.hoveredTrans) {
-                return color2hex(vo.rightIconColorHover)
+                return convertColor(vo.rightIconColorHover)
             }
             else if (vo.focusedTrans) {
-                return color2hex(vo.rightIconColorFocus)
+                return convertColor(vo.rightIconColorFocus)
             }
-            return color2hex(vo.rightIconColor)
+            return convertColor(vo.rightIconColor)
         },
 
         useTitleColor: function() {
@@ -408,7 +408,7 @@ export default {
             let vo = this
 
             let s = {}
-            s['color'] = color2hex(vo.titleColor)
+            s['color'] = convertColor(vo.titleColor)
             return s
         },
 

package/src/components/WSlider.vue

@@ -86,7 +86,7 @@ import cdbl from 'wsemi/src/cdbl.mjs'
 import replace from 'wsemi/src/replace.mjs'
 import domDragBarAndScroll from 'wsemi/src/domDragBarAndScroll.mjs'
 import domResize from '../js/domResize.mjs'
-import color2hex from '../js/color2hex.mjs'
+import convertColor from '../js/convertColor.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'
@@ -342,12 +342,12 @@ export default {
 
         effProgColor: function() {
             let vo = this
-            return color2hex(vo.progColor)
+            return convertColor(vo.progColor)
         },
 
         effProgColorDisabled: function() {
             let vo = this
-            return color2hex(vo.progColorDisabled)
+            return convertColor(vo.progColorDisabled)
         },
 
         useProgColor: function() {
@@ -360,12 +360,12 @@ export default {
 
         effProgBackgroundColor: function() {
             let vo = this
-            return color2hex(vo.progBackgroundColor)
+            return convertColor(vo.progBackgroundColor)
         },
 
         effProgBackgroundColorDisabled: function() {
             let vo = this
-            return color2hex(vo.progBackgroundColorDisabled)
+            return convertColor(vo.progBackgroundColorDisabled)
         },
 
         useProgBackgroundColor: function() {
@@ -378,17 +378,17 @@ export default {
 
         effSliderBackgroundColor: function() {
             let vo = this
-            return color2hex(vo.sliderBackgroundColor)
+            return convertColor(vo.sliderBackgroundColor)
         },
 
         effSliderBackgroundColorHover: function() {
             let vo = this
-            return color2hex(vo.sliderBackgroundColorHover)
+            return convertColor(vo.sliderBackgroundColorHover)
         },
 
         effSliderBackgroundColorDisabled: function() {
             let vo = this
-            return color2hex(vo.sliderBackgroundColorDisabled)
+            return convertColor(vo.sliderBackgroundColorDisabled)
         },
 
         useSliderBackgroundColor: function() {
@@ -425,7 +425,7 @@ export default {
 
             let vo = this
 
-            return color2hex(vo.tooltipTextColor)
+            return convertColor(vo.tooltipTextColor)
         },
 
         useTooltipBackgroundColor: function() {
@@ -433,7 +433,7 @@ export default {
 
             let vo = this
 
-            return color2hex(vo.tooltipBackgroundColor)
+            return convertColor(vo.tooltipBackgroundColor)
         },
 
         valueDig: function() {