Merge branch 'ww' into 'main_dev'

fix(background): 修复背景图片在预览模式下引用路径不正确

See merge request yunteng/thingskit-view!38

(cherry picked from commit e45d77c3)

4b2f2e04 fix(background): 修复背景图片在预览模式下引用路径不正确

@@ -177,6 +177,7 @@ const rangeStyle = computed(() => {
     // : { background: `url(${backgroundImage}) no-repeat center center / cover !important` }
     // : { background: `url(${backgroundImage}) no-repeat center center / cover !important` }
     // THINGS_KIT 路径转换，同步生产环境与开发环境的保存的静态资源文件路径不一致
     // THINGS_KIT 路径转换，同步生产环境与开发环境的保存的静态资源文件路径不一致
     : { background: `url(${getBackgroundImagePath(backgroundImage!)}) no-repeat center center / cover !important` }
     : { background: `url(${getBackgroundImagePath(backgroundImage!)}) no-repeat center center / cover !important` }
+    console.log(getBackgroundImagePath(backgroundImage!))
   return {
   return {
     ...computedBackground,
     ...computedBackground,
     width: 'inherit',
     width: 'inherit',

 import { PickCreateComponentType } from '@/packages/index.d'
 import { PickCreateComponentType } from '@/packages/index.d'
 import { EditCanvasConfigType } from '@/store/modules/chartEditStore/chartEditStore.d'
 import { EditCanvasConfigType } from '@/store/modules/chartEditStore/chartEditStore.d'
+/// THINGS_KIT 修改背景图片
+import { useBackgroundSelect } from '@/utils/external/useBackgroundImageSelect'
 
 
 type AttrType = PickCreateComponentType<'attr'>
 type AttrType = PickCreateComponentType<'attr'>
 type StatusType = PickCreateComponentType<'status'>
 type StatusType = PickCreateComponentType<'status'>
@@ -41,13 +43,15 @@ export const getPreviewConfigStyle = (previewConfig: PreviewConfig) => {
   return previewStyle
   return previewStyle
 }
 }
 
 
+// THINGS_KIT 修改背景图片
+const { getBackgroundImagePath } = useBackgroundSelect()
 // 全局样式
 // 全局样式
 export const getEditCanvasConfigStyle = (canvas: EditCanvasConfigType) => {
 export const getEditCanvasConfigStyle = (canvas: EditCanvasConfigType) => {
   // 背景
   // 背景
   const computedBackground = canvas.selectColor
   const computedBackground = canvas.selectColor
     ? { background: canvas.background }
     ? { background: canvas.background }
     : {
     : {
-        background: `url(${canvas.backgroundImage}) center center / cover no-repeat !important`
+        background: `url(${getBackgroundImagePath(canvas.backgroundImage as unknown as string)}) center center / cover no-repeat !important`
       }
       }
   return {
   return {
     position: 'relative' as const,
     position: 'relative' as const,