From b723103cdcfa1ab856b1cab9a3cc29b733e94f2b Mon Sep 17 00:00:00 2001 From: sws <1141121512@qq.com> Date: Tue, 27 Aug 2024 17:19:07 +0800 Subject: [PATCH 1/6] =?UTF-8?q?1.=E4=BB=A3=E7=A0=81=E6=B5=8B=E8=AF=95?= =?UTF-8?q?=E4=BC=98=E5=8C=96=20sws=202024-08-27?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/common/upload/index.vue | 4 +- src/components/model-article-list/index.vue | 8 +++- .../model-article-list-content.vue | 47 ++++++++++++++++--- .../model-article-list-setting.vue | 9 +++- .../model-article-list-styles.vue | 29 ++++++++++-- src/components/model-hot-zone/index.vue | 6 +-- .../components/main/default/article-list.ts | 12 ++--- .../components/main/default/article-tabs.ts | 12 ++--- src/layout/components/main/index.vue | 1 - src/utils/index.ts | 10 +++- 10 files changed, 104 insertions(+), 34 deletions(-) diff --git a/src/components/common/upload/index.vue b/src/components/common/upload/index.vue index 1a322fd1..1dcb345a 100644 --- a/src/components/common/upload/index.vue +++ b/src/components/common/upload/index.vue @@ -297,9 +297,7 @@ watch( get_tree(); // 获取附件列表 get_attachment_list(); - - icon_value.value = ''; - temp_icon_value.value = ''; + icon_index.value = -1; } } diff --git a/src/components/model-article-list/index.vue b/src/components/model-article-list/index.vue index 7b07e080..a272395d 100644 --- a/src/components/model-article-list/index.vue +++ b/src/components/model-article-list/index.vue @@ -14,7 +14,12 @@
{{ !isEmpty(item.new_title) ? item.new_title : item.data.title }}
{{ field_show.includes('0') ? (!is_obj_empty(item.data) ? item.data.add_time : '2020-06-05 15:20') : '' }}
- {{ item.data.access_count ? item.data.access_count : '16' }} +
+ +
+ {{ item.data.access_count ? item.data.access_count : '16' }} +
+
@@ -89,7 +94,6 @@ const default_data_list: ArticleList = { watch( props.value, (newVal, oldValue) => { - console.log(newVal); const new_content = newVal?.content; const new_style = newVal?.style; // 内容 diff --git a/src/components/model-article-list/model-article-list-content.vue b/src/components/model-article-list/model-article-list-content.vue index 1ec5f00a..4e5355cf 100644 --- a/src/components/model-article-list/model-article-list-content.vue +++ b/src/components/model-article-list/model-article-list-content.vue @@ -70,8 +70,26 @@ const props = defineProps({ type: Object, default: () => ({}), }, + styles: { + type: Object, + default: () => ({}), + }, + defaultConfig: { + type: Object, + default: () => ({ + // 图片不同风格下的圆角 + img_radius_0: 4, + img_radius_1: 0, + }), + }, }); -const form = reactive(props.value); +// 默认值 +const state = reactive({ + form: props.value, + data: props.styles, +}); +// 如果需要解构，确保使用toRefs +const { form, data } = toRefs(state); const base_list = reactive({ theme_list: [ { name: '单列展示', value: '0' }, @@ -121,17 +139,34 @@ const init = () => { }; const theme_change = (val: any) => { if (val == '3' || val == '4') { - form.field_show = ['1']; + form.value.field_show = ['1']; } else { - form.field_show = ['0', '1']; + form.value.field_show = ['0', '1']; + } + if (val == '0') { + if (data.value.img_radius.radius == props.defaultConfig.img_radius_0 || (data.value.img_radius.radius_bottom_left == props.defaultConfig.img_radius_1 && data.value.img_radius.radius_bottom_right == props.defaultConfig.img_radius_1 && data.value.img_radius.radius_top_left == props.defaultConfig.img_radius_1 && data.value.img_radius.radius_top_right == props.defaultConfig.img_radius_1)) { + data.value.img_radius.radius = props.defaultConfig.img_radius_0; + data.value.img_radius.radius_bottom_left = props.defaultConfig.img_radius_0; + data.value.img_radius.radius_bottom_right = props.defaultConfig.img_radius_0; + data.value.img_radius.radius_top_left = props.defaultConfig.img_radius_0; + data.value.img_radius.radius_top_right = props.defaultConfig.img_radius_0; + } + } else { + if (data.value.img_radius.radius == props.defaultConfig.img_radius_0 || (data.value.img_radius.radius_bottom_left == props.defaultConfig.img_radius_1 && data.value.img_radius.radius_bottom_right == props.defaultConfig.img_radius_1 && data.value.img_radius.radius_top_left == props.defaultConfig.img_radius_1 && data.value.img_radius.radius_top_right == props.defaultConfig.img_radius_1)) { + data.value.img_radius.radius = props.defaultConfig.img_radius_1; + data.value.img_radius.radius_bottom_left = props.defaultConfig.img_radius_1; + data.value.img_radius.radius_bottom_right = props.defaultConfig.img_radius_1; + data.value.img_radius.radius_top_left = props.defaultConfig.img_radius_1; + data.value.img_radius.radius_top_right = props.defaultConfig.img_radius_1; + } } }; const data_list_remove = (index: number) => { - form.data_list.splice(index, 1); + form.value.data_list.splice(index, 1); }; const data_list_sort = (item: any) => { - form.data_list = item; + form.value.data_list = item; }; const add = () => { url_value_dialog_visible.value = true; @@ -140,7 +175,7 @@ const add = () => { const url_value_dialog_visible = ref(false); const url_value_dialog_call_back = (item: any[]) => { item.forEach((child: any) => { - form.data_list.push({ + form.value.data_list.push({ id: get_math(), new_title: '', new_cover: [], diff --git a/src/components/model-article-list/model-article-list-setting.vue b/src/components/model-article-list/model-article-list-setting.vue index 89fa7f1b..31d02562 100644 --- a/src/components/model-article-list/model-article-list-setting.vue +++ b/src/components/model-article-list/model-article-list-setting.vue @@ -1,10 +1,10 @@ @@ -19,4 +19,9 @@ const props = defineProps({ default: () => ({}), }, }); +const data_config = reactive({ + // 图片不同风格下的圆角 + img_radius_0: 4, + img_radius_1: 0, +}); diff --git a/src/components/model-article-list/model-article-list-styles.vue b/src/components/model-article-list/model-article-list-styles.vue index 4b9edab6..8fca22bb 100644 --- a/src/components/model-article-list/model-article-list-styles.vue +++ b/src/components/model-article-list/model-article-list-styles.vue @@ -57,6 +57,14 @@ const props = defineProps({ type: Object, default: () => ({}), }, + defaultConfig: { + type: Object, + default: () => ({ + // 图片不同风格下的圆角 + img_radius_0: 4, + img_radius_1: 0, + }), + }, }); // 默认值 const state = reactive({ @@ -66,11 +74,24 @@ const state = reactive({ // 如果需要解构，确保使用toRefs const { form, data } = toRefs(state); const theme = computed(() => data.value.theme); +if (theme.value == '0') { + if (form.value.img_radius.radius == props.defaultConfig.img_radius_0 || (form.value.img_radius.radius_bottom_left == props.defaultConfig.img_radius_1 && form.value.img_radius.radius_bottom_right == props.defaultConfig.img_radius_1 && form.value.img_radius.radius_top_left == props.defaultConfig.img_radius_1 && form.value.img_radius.radius_top_right == props.defaultConfig.img_radius_1)) { + form.value.img_radius.radius = props.defaultConfig.img_radius_0; + form.value.img_radius.radius_bottom_left = props.defaultConfig.img_radius_0; + form.value.img_radius.radius_bottom_right = props.defaultConfig.img_radius_0; + form.value.img_radius.radius_top_left = props.defaultConfig.img_radius_0; + form.value.img_radius.radius_top_right = props.defaultConfig.img_radius_0; + } +} else { + if (form.value.img_radius.radius == props.defaultConfig.img_radius_0 || (form.value.img_radius.radius_bottom_left == props.defaultConfig.img_radius_1 && form.value.img_radius.radius_bottom_right == props.defaultConfig.img_radius_1 && form.value.img_radius.radius_top_left == props.defaultConfig.img_radius_1 && form.value.img_radius.radius_top_right == props.defaultConfig.img_radius_1)) { + form.value.img_radius.radius = props.defaultConfig.img_radius_1; + form.value.img_radius.radius_bottom_left = props.defaultConfig.img_radius_1; + form.value.img_radius.radius_bottom_right = props.defaultConfig.img_radius_1; + form.value.img_radius.radius_top_left = props.defaultConfig.img_radius_1; + form.value.img_radius.radius_top_right = props.defaultConfig.img_radius_1; + } +} const emit = defineEmits(['update:value']); -const font_weight = reactive([ - { name: '加粗', value: '500' }, - { name: '正常', value: '400' }, -]); const common_style_update = (value: any) => { form.value.common_style = value; }; diff --git a/src/components/model-hot-zone/index.vue b/src/components/model-hot-zone/index.vue index d7854301..84520d61 100644 --- a/src/components/model-hot-zone/index.vue +++ b/src/components/model-hot-zone/index.vue @@ -73,10 +73,10 @@ const rect_style = computed(() => { .hot { min-height: 1rem; .hot_box { - background: rgba(42, 148, 255, 0.25); - border: 1px dashed #8ec6ff; + background: rgba(42, 148, 255, 0.15); + border: 1px dashed rgba(142, 198, 255, 0.5); position: absolute; - opacity: 0.6; + opacity: 0.4; } } diff --git a/src/layout/components/main/default/article-list.ts b/src/layout/components/main/default/article-list.ts index 4f05bd79..6fe317c6 100644 --- a/src/layout/components/main/default/article-list.ts +++ b/src/layout/components/main/default/article-list.ts @@ -42,7 +42,7 @@ interface DefaultArticleList { } const defaultArticleList: DefaultArticleList = { content: { - theme: '1', + theme: '0', data_type: '0', category: [], data_list: [], @@ -73,11 +73,11 @@ const defaultArticleList: DefaultArticleList = { }, // 图片圆角 img_radius: { - radius: 0, - radius_top_left: 0, - radius_top_right: 0, - radius_bottom_left: 0, - radius_bottom_right: 0, + radius: 4, + radius_top_left: 4, + radius_top_right: 4, + radius_bottom_left: 4, + radius_bottom_right: 4, }, // 内间距 padding: { diff --git a/src/layout/components/main/default/article-tabs.ts b/src/layout/components/main/default/article-tabs.ts index ed4c8c72..7abd8ec5 100644 --- a/src/layout/components/main/default/article-tabs.ts +++ b/src/layout/components/main/default/article-tabs.ts @@ -99,11 +99,11 @@ const defaultArticleTabs: DefaultArticleTabs = { }, // 图片圆角 img_radius: { - radius: 0, - radius_top_left: 0, - radius_top_right: 0, - radius_bottom_left: 0, - radius_bottom_right: 0, + radius: 4, + radius_top_left: 4, + radius_top_right: 4, + radius_bottom_left: 4, + radius_bottom_right: 4, }, // 内间距 padding: { @@ -117,7 +117,7 @@ const defaultArticleTabs: DefaultArticleTabs = { article_spacing: 10, // 文章间距 article_width: 155, // 文章宽度 article_height: 155, // 文章宽度 - common_style: { ...defaultCommon, padding:10, padding_top:10, padding_left: 10, padding_right: 10, padding_bottom: 10 }, + common_style: { ...defaultCommon, padding: 10, padding_top: 10, padding_left: 10, padding_right: 10, padding_bottom: 10 }, }, }; diff --git a/src/layout/components/main/index.vue b/src/layout/components/main/index.vue index 4dd92d44..b1cbbb79 100644 --- a/src/layout/components/main/index.vue +++ b/src/layout/components/main/index.vue @@ -172,7 +172,6 @@ watch( () => props.diyData, (newValue) => { diy_data.value = newValue; - console.log(newValue); } ); // 监听 diff --git a/src/utils/index.ts b/src/utils/index.ts index feb8ee67..1e9fa4e5 100644 --- a/src/utils/index.ts +++ b/src/utils/index.ts @@ -315,7 +315,15 @@ export const tabs_style = (color: string, style: string | number | boolean | und return color; } }; -// 在线地址 +/** + * 获取在线资源URL的异步函数 + * 该函数根据当前环境变量的配置选择不同的方式来获取资源URL + * 如果环境变量VITE_APP_BASE_API被设置为'/dev-api'，则从本地开发环境中导入临时数据 + * 否则，从cookie中获取资源主机地址 + * 这种设计允许开发者在不同的环境中灵活切换资源URL的来源，以适应不同的开发和生产需求 + * + * @returns {Promise} 返回一个Promise，解析为包含资源URL的字符串 + */ export const online_url = async () => { if (import.meta.env.VITE_APP_BASE_API == '/dev-api') { let temp_value = await import('../../temp.d'); From 3cde0af661df78931d2c763e0ed6a85ac50f3e4b Mon Sep 17 00:00:00 2001 From: sws <1141121512@qq.com> Date: Tue, 27 Aug 2024 17:24:20 +0800 Subject: [PATCH 2/6] =?UTF-8?q?1.=E6=96=87=E7=AB=A0=E9=A3=8E=E6=A0=BC?= =?UTF-8?q?=E5=88=87=E6=8D=A2=E5=9B=BE=E7=89=87=E5=9C=86=E8=A7=92=E4=BC=98?= =?UTF-8?q?=E5=8C=96=20sws=202024-08-27?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../model-article-tabs-content.vue | 29 +++++++++++++++++-- .../model-article-tabs-setting.vue | 9 ++++-- .../model-article-tabs-styles.vue | 25 ++++++++++++++++ .../components/main/default/article-list.ts | 2 +- .../components/main/default/article-tabs.ts | 2 +- 5 files changed, 61 insertions(+), 6 deletions(-) diff --git a/src/components/model-article-tabs/model-article-tabs-content.vue b/src/components/model-article-tabs/model-article-tabs-content.vue index 43b4343c..19fde939 100644 --- a/src/components/model-article-tabs/model-article-tabs-content.vue +++ b/src/components/model-article-tabs/model-article-tabs-content.vue @@ -96,7 +96,15 @@ const props = defineProps({ tabStyle: { type: Object, default: () => ({}), - } + }, + defaultConfig: { + type: Object, + default: () => ({ + // 图片不同风格下的圆角 + img_radius_0: 4, + img_radius_1: 0, + }), + }, }); const form = reactive(props.value); const base_list = reactive({ @@ -158,6 +166,23 @@ const article_theme_change = (val: any) => { } else { form.field_show = ['0', '1']; } + if (val == '0') { + if (styles.img_radius.radius == props.defaultConfig.img_radius_0 || (styles.img_radius.radius_bottom_left == props.defaultConfig.img_radius_1 && styles.img_radius.radius_bottom_right == props.defaultConfig.img_radius_1 && styles.img_radius.radius_top_left == props.defaultConfig.img_radius_1 && styles.img_radius.radius_top_right == props.defaultConfig.img_radius_1)) { + styles.img_radius.radius = props.defaultConfig.img_radius_0; + styles.img_radius.radius_bottom_left = props.defaultConfig.img_radius_0; + styles.img_radius.radius_bottom_right = props.defaultConfig.img_radius_0; + styles.img_radius.radius_top_left = props.defaultConfig.img_radius_0; + styles.img_radius.radius_top_right = props.defaultConfig.img_radius_0; + } + } else { + if (styles.img_radius.radius == props.defaultConfig.img_radius_0 || (styles.img_radius.radius_bottom_left == props.defaultConfig.img_radius_1 && styles.img_radius.radius_bottom_right == props.defaultConfig.img_radius_1 && styles.img_radius.radius_top_left == props.defaultConfig.img_radius_1 && styles.img_radius.radius_top_right == props.defaultConfig.img_radius_1)) { + styles.img_radius.radius = props.defaultConfig.img_radius_1; + styles.img_radius.radius_bottom_left = props.defaultConfig.img_radius_1; + styles.img_radius.radius_bottom_right = props.defaultConfig.img_radius_1; + styles.img_radius.radius_top_left = props.defaultConfig.img_radius_1; + styles.img_radius.radius_top_right = props.defaultConfig.img_radius_1; + } + } }; // 开启关闭链接 @@ -216,7 +241,7 @@ const url_value_dialog_call_back = (item: any[]) => { }; const styles = reactive(props.tabStyle); -const tabs_theme_change = (val: string | number | boolean | undefined):void => { +const tabs_theme_change = (val: string | number | boolean | undefined): void => { styles.tabs_color_checked = tabs_style(styles.tabs_color_checked, val); }; diff --git a/src/components/model-article-tabs/model-article-tabs-setting.vue b/src/components/model-article-tabs/model-article-tabs-setting.vue index 4a3db026..95475382 100644 --- a/src/components/model-article-tabs/model-article-tabs-setting.vue +++ b/src/components/model-article-tabs/model-article-tabs-setting.vue @@ -1,10 +1,10 @@ @@ -19,4 +19,9 @@ const props = defineProps({ default: () => ({}), }, }); +const data_config = reactive({ + // 图片不同风格下的圆角 + img_radius_0: 4, + img_radius_1: 0, +}); diff --git a/src/components/model-article-tabs/model-article-tabs-styles.vue b/src/components/model-article-tabs/model-article-tabs-styles.vue index f4dc5fd9..2ae8a3e4 100644 --- a/src/components/model-article-tabs/model-article-tabs-styles.vue +++ b/src/components/model-article-tabs/model-article-tabs-styles.vue @@ -67,6 +67,14 @@ const props = defineProps({ type: Object, default: () => ({}), }, + defaultConfig: { + type: Object, + default: () => ({ + // 图片不同风格下的圆角 + img_radius_0: 4, + img_radius_1: 0, + }), + }, }); // 默认值 const state = reactive({ @@ -76,6 +84,23 @@ const state = reactive({ // 如果需要解构，确保使用toRefs const { form, data } = toRefs(state); const theme = computed(() => data.value.theme); +if (theme.value == '0') { + if (form.value.img_radius.radius == props.defaultConfig.img_radius_0 || (form.value.img_radius.radius_bottom_left == props.defaultConfig.img_radius_1 && form.value.img_radius.radius_bottom_right == props.defaultConfig.img_radius_1 && form.value.img_radius.radius_top_left == props.defaultConfig.img_radius_1 && form.value.img_radius.radius_top_right == props.defaultConfig.img_radius_1)) { + form.value.img_radius.radius = props.defaultConfig.img_radius_0; + form.value.img_radius.radius_bottom_left = props.defaultConfig.img_radius_0; + form.value.img_radius.radius_bottom_right = props.defaultConfig.img_radius_0; + form.value.img_radius.radius_top_left = props.defaultConfig.img_radius_0; + form.value.img_radius.radius_top_right = props.defaultConfig.img_radius_0; + } +} else { + if (form.value.img_radius.radius == props.defaultConfig.img_radius_0 || (form.value.img_radius.radius_bottom_left == props.defaultConfig.img_radius_1 && form.value.img_radius.radius_bottom_right == props.defaultConfig.img_radius_1 && form.value.img_radius.radius_top_left == props.defaultConfig.img_radius_1 && form.value.img_radius.radius_top_right == props.defaultConfig.img_radius_1)) { + form.value.img_radius.radius = props.defaultConfig.img_radius_1; + form.value.img_radius.radius_bottom_left = props.defaultConfig.img_radius_1; + form.value.img_radius.radius_bottom_right = props.defaultConfig.img_radius_1; + form.value.img_radius.radius_top_left = props.defaultConfig.img_radius_1; + form.value.img_radius.radius_top_right = props.defaultConfig.img_radius_1; + } +} const font_weight = reactive([ { name: '加粗', value: '500' }, { name: '正常', value: '400' }, diff --git a/src/layout/components/main/default/article-list.ts b/src/layout/components/main/default/article-list.ts index 6fe317c6..bf2b84ee 100644 --- a/src/layout/components/main/default/article-list.ts +++ b/src/layout/components/main/default/article-list.ts @@ -71,7 +71,7 @@ const defaultArticleList: DefaultArticleList = { radius_bottom_left: 8, radius_bottom_right: 8, }, - // 图片圆角 + // 图片圆角 ---- 除了风格一圆角是4，其他都是0 img_radius: { radius: 4, radius_top_left: 4, diff --git a/src/layout/components/main/default/article-tabs.ts b/src/layout/components/main/default/article-tabs.ts index 7abd8ec5..af5d236c 100644 --- a/src/layout/components/main/default/article-tabs.ts +++ b/src/layout/components/main/default/article-tabs.ts @@ -97,7 +97,7 @@ const defaultArticleTabs: DefaultArticleTabs = { radius_bottom_left: 8, radius_bottom_right: 8, }, - // 图片圆角 + // 图片圆角 ---- 除了风格一圆角是4，其他都是0 img_radius: { radius: 4, radius_top_left: 4, From c375957af86cf9e39106d91901b191a81b149222 Mon Sep 17 00:00:00 2001 From: sws <1141121512@qq.com> Date: Tue, 27 Aug 2024 17:56:43 +0800 Subject: [PATCH 3/6] =?UTF-8?q?1.=E5=95=86=E5=93=81=E9=A3=8E=E6=A0=BC?= =?UTF-8?q?=E5=88=87=E6=8D=A2=E5=9B=BE=E7=89=87=E5=9C=86=E8=A7=92=E4=BC=98?= =?UTF-8?q?=E5=8C=96=20sws=202024-08-27?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../model-shop-list-content.vue | 32 ++++++++- .../model-shop-list-setting.vue | 9 ++- .../model-shop-list-styles.vue | 64 +++++++++--------- .../model-shop-tabs-content.vue | 29 +++++++- .../model-shop-tabs-setting.vue | 9 ++- .../model-shop-tabs-styles.vue | 66 +++++++++---------- 6 files changed, 132 insertions(+), 77 deletions(-) diff --git a/src/components/model-shop-list/model-shop-list-content.vue b/src/components/model-shop-list/model-shop-list-content.vue index 0fcab93d..0a668695 100644 --- a/src/components/model-shop-list/model-shop-list-content.vue +++ b/src/components/model-shop-list/model-shop-list-content.vue @@ -67,12 +67,25 @@ const props = defineProps({ type: Object, default: () => ({}), }, + styles: { + type: Object, + default: () => ({}), + }, + defaultConfig: { + type: Object, + default: () => ({ + // 图片不同风格下的圆角 + img_radius_0: 4, + img_radius_1: 0, + }), + }, }); const state = reactive({ form: props.value, + data: props.styles, }); // 如果需要解构，确保使用toRefs -const { form } = toRefs(state); +const { form, data } = toRefs(state); const base_list = reactive({ product_style_list: [ @@ -155,6 +168,23 @@ const change_style = (val: any): void => { if (['3', '4', '5'].includes(val) && ['0', '1'].includes(form.value.shop_type)) { form.value.shop_type = '2'; } + if (['0', '4'].includes(val)) { + if (data.value.shop_img_radius.radius == props.defaultConfig.img_radius_0 || (data.value.shop_img_radius.radius_bottom_left == props.defaultConfig.img_radius_1 && data.value.shop_img_radius.radius_bottom_right == props.defaultConfig.img_radius_1 && data.value.shop_img_radius.radius_top_left == props.defaultConfig.img_radius_1 && data.value.shop_img_radius.radius_top_right == props.defaultConfig.img_radius_1)) { + data.value.shop_img_radius.radius = props.defaultConfig.img_radius_0; + data.value.shop_img_radius.radius_bottom_left = props.defaultConfig.img_radius_0; + data.value.shop_img_radius.radius_bottom_right = props.defaultConfig.img_radius_0; + data.value.shop_img_radius.radius_top_left = props.defaultConfig.img_radius_0; + data.value.shop_img_radius.radius_top_right = props.defaultConfig.img_radius_0; + } + } else { + if (data.value.shop_img_radius.radius == props.defaultConfig.img_radius_0 || (data.value.shop_img_radius.radius_bottom_left == props.defaultConfig.img_radius_1 && data.value.shop_img_radius.radius_bottom_right == props.defaultConfig.img_radius_1 && data.value.shop_img_radius.radius_top_left == props.defaultConfig.img_radius_1 && data.value.shop_img_radius.radius_top_right == props.defaultConfig.img_radius_1)) { + data.value.shop_img_radius.radius = props.defaultConfig.img_radius_1; + data.value.shop_img_radius.radius_bottom_left = props.defaultConfig.img_radius_1; + data.value.shop_img_radius.radius_bottom_right = props.defaultConfig.img_radius_1; + data.value.shop_img_radius.radius_top_left = props.defaultConfig.img_radius_1; + data.value.shop_img_radius.radius_top_right = props.defaultConfig.img_radius_1; + } + } };