From 3a291d969b60d49bdfa198381aa75bb726194e32 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=94=D0=BC=D0=B8=D1=82=D1=80=D0=B8=D0=B9=20=D0=9C=D0=B0?=
=?UTF-8?q?=D0=BB=D1=8E=D0=B3=D0=B8=D0=BD?= <d.malygin@iqdev.digital>
Date: Mon, 3 Feb 2025 14:08:17 +0500
Subject: [PATCH] fix: build
---
src/components/ColorPicker/ColorPicker.vue | 22 +++++++++++-----------
1 file changed, 11 insertions(+), 11 deletions(-)
diff --git a/src/components/ColorPicker/ColorPicker.vue b/src/components/ColorPicker/ColorPicker.vue
index c492514..ee6b412 100644
--- a/src/components/ColorPicker/ColorPicker.vue
+++ b/src/components/ColorPicker/ColorPicker.vue
@@ -16,11 +16,11 @@ const size = computed(() => {
if (size === 'large') return '40px';
if (size === 'huge') return '60px';
return '15px';
-});
-const borderWidth = computed(() => (props.size === 'small' ? '2px' : '3px'));
+}) as Ref<string>;
+const borderWidth = computed(() => (props.size === 'small' ? '2px' : '3px')) as Ref<string>;
const borderRadius = computed(() => `calc(${size.value} * 0.3)`);
-function wc_hex_is_light(color) {
+function wc_hex_is_light(color: string | undefined) {
if (!color) return true;
const hex = color.replace('#', '');
const c_r = parseInt(hex.substring(0, 2), 16);
@@ -31,13 +31,13 @@ function wc_hex_is_light(color) {
}
const color = computed(() =>
- props.buttonProps.textColor
- ? convertThemeToColor(props.buttonProps.textColor, props.buttonProps.darknessTextColor)
+ props.buttonProps?.textColor
+ ? convertThemeToColor(props.buttonProps.textColor, props.buttonProps?.darknessTextColor)
: props.sameButtonColor
? !wc_hex_is_light(value?.value)
? 'white'
: 'black'
- : convertThemeToTextColor(props.buttonProps.theme ?? 'white', props.buttonProps.darknessTheme),
+ : convertThemeToTextColor(props.buttonProps?.theme ?? 'white', props.buttonProps?.darknessTheme),
);
const textSize = computed(() => {
switch (props.size) {
@@ -51,7 +51,7 @@ const textSize = computed(() => {
return '16px';
});
const buttonPadding = computed(() => {
- if (props.buttonProps.padding) return props.buttonProps.padding;
+ if (props.buttonProps?.padding) return props.buttonProps?.padding;
switch (props.size) {
case 'small':
return '0.5rem';
@@ -81,8 +81,8 @@ const buttonPadding = computed(() => {
:class="[
'text',
{
- bold: buttonProps?.textStyle === 'bold',
- italic: buttonProps?.textStyle === 'italic',
+ bold: buttonProps && buttonProps?.textStyle === 'bold',
+ italic: buttonProps && buttonProps?.textStyle === 'italic',
},
]"
>{{ buttonProps?.label ?? 'Button' }}</label
@@ -94,8 +94,8 @@ const buttonPadding = computed(() => {
v-model="value"
:disabled="disabled"
:class="{
- noVisible: buttonProps,
- disabled,
+ noVisible: !!buttonProps,
+ disabled: disabled,
}"
/>
</div>
--
GitLab