Commit 7606108d67fd9db41b4e4af380dd37f802d41466
Merge branch 'main_dev' of http://git.yunteng.com/yunteng/thingskit-front into fix/DEFECT-1362
Showing
4 changed files
with
17 additions
and
14 deletions
... | ... | @@ -3,18 +3,20 @@ |
3 | 3 | import IconData from '/@/components/Icon/data/iconfont.data'; |
4 | 4 | import { SvgIcon } from '/@/components/Icon'; |
5 | 5 | import { computed } from '@vue/reactivity'; |
6 | - import { onMounted, unref } from 'vue'; | |
6 | + import { onMounted } from 'vue'; | |
7 | 7 | |
8 | - const props = defineProps<{ | |
9 | - value?: string; | |
10 | - color?: string; | |
11 | - }>(); | |
8 | + const props = withDefaults( | |
9 | + defineProps<{ | |
10 | + value?: string; | |
11 | + color?: string; | |
12 | + }>(), | |
13 | + { | |
14 | + value: 'shuiwen', | |
15 | + } | |
16 | + ); | |
12 | 17 | const emit = defineEmits(['update:value']); |
13 | 18 | const iconList = IconData.icons; |
14 | 19 | const [register, { openDrawer, closeDrawer }] = useDrawer(); |
15 | - const getIcon = computed(() => { | |
16 | - return props.value || 'shuiwen'; | |
17 | - }); | |
18 | 20 | |
19 | 21 | const getColor = computed(() => { |
20 | 22 | return props.color || '#377DFF'; |
... | ... | @@ -30,14 +32,13 @@ |
30 | 32 | }; |
31 | 33 | |
32 | 34 | onMounted(() => { |
33 | - emit('update:value', unref(getIcon)); | |
35 | + emit('update:value', props.value); | |
34 | 36 | }); |
35 | 37 | </script> |
36 | 38 | |
37 | 39 | <template> |
38 | 40 | <SvgIcon |
39 | - :name="getIcon" | |
40 | - :icon="getIcon" | |
41 | + :name="value" | |
41 | 42 | prefix="iconfont" |
42 | 43 | class="cursor-pointer !w-6 !h-6" |
43 | 44 | :style="{ color: getColor }" | ... | ... |
... | ... | @@ -21,7 +21,7 @@ export const getVideoTypeByUrl = (url: string) => { |
21 | 21 | const type = VideoPlayerType[ext]; |
22 | 22 | return type ? type : VideoPlayerType.webm; |
23 | 23 | } catch (error) { |
24 | - console.error(error); | |
24 | + console.error(`url: '${url}' is invalid!`); | |
25 | 25 | return VideoPlayerType.webm; |
26 | 26 | } |
27 | 27 | }; | ... | ... |
... | ... | @@ -68,16 +68,17 @@ export const usePlatform = async () => { |
68 | 68 | .vben-login::before{ |
69 | 69 | background-image:url("${background || lightThemeBgImage}"); |
70 | 70 | position:absolute; |
71 | + background-size: ${background ? '100%' : 'auto'} 100% !important; | |
71 | 72 | margin-left: ${background ? 0 : '-48%'} !important; |
72 | 73 | } |
73 | 74 | html[data-theme='dark'] .vben-login::before{ |
74 | 75 | background-image:url("${background || darkThemeBgImage}"); |
75 | 76 | position:absolute; |
77 | + background-size: ${background ? '100%' : 'auto'} 100% !important; | |
76 | 78 | margin-left: ${background ? 0 : '-48%'} !important; |
77 | 79 | } |
78 | 80 | `; |
79 | 81 | |
80 | - console.log(styleEl); | |
81 | 82 | document.head.appendChild(styleEl); |
82 | 83 | }; |
83 | 84 | ... | ... |
... | ... | @@ -105,7 +105,8 @@ |
105 | 105 | if (activeKey === TabKeyEnum.VISUAL) { |
106 | 106 | dataSource.value = (dataSourceFormEl.value?.getFormValues() as DataSourceType[]) || []; |
107 | 107 | } |
108 | - currentRecord.value = basicInfoFromEl.value?.getFormValues() || {}; | |
108 | + const value = basicInfoFromEl.value?.getFormValues() || {}; | |
109 | + currentRecord.value = { ...unref(currentRecord), ...value }; | |
109 | 110 | }; |
110 | 111 | |
111 | 112 | const handleNewRecord = () => { | ... | ... |