From 067ebb5f4580f31ddb3b60779d2904e200bdbd40 Mon Sep 17 00:00:00 2001
From: chuntung <ho@chuntung.com>
Date: Thu, 28 Nov 2024 15:21:06 +0800
Subject: [PATCH] support custom image preview soruce

---
 client/packages/lowcoder/src/comps/comps/imageComp.tsx | 6 +++++-
 client/packages/lowcoder/src/i18n/locales/en.ts        | 3 ++-
 client/packages/lowcoder/src/i18n/locales/zh.ts        | 1 +
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/client/packages/lowcoder/src/comps/comps/imageComp.tsx b/client/packages/lowcoder/src/comps/comps/imageComp.tsx
index aa0b4cc88..9e777fede 100644
--- a/client/packages/lowcoder/src/comps/comps/imageComp.tsx
+++ b/client/packages/lowcoder/src/comps/comps/imageComp.tsx
@@ -151,7 +151,7 @@ const ContainerImg = (props: RecordConstructorToView<typeof childrenMap>) => {
               src={props.src.value}
               referrerPolicy="same-origin"
               draggable={false}
-              preview={props.supportPreview}
+              preview={props.supportPreview ? {src: props.previewSrc || props.src.value } : false}
               fallback={DEFAULT_IMG_URL}
               onClick={() => props.onEvent("click")}
             />
@@ -170,6 +170,7 @@ const childrenMap = {
   animationStyle: styleControl(AnimationStyle , 'animationStyle'),
   autoHeight: withDefault(AutoHeightControl, "fixed"),
   supportPreview: BoolControl,
+  previewSrc: StringControl,
   restrictPaddingOnRotation:withDefault(StringControl, 'image')
 };
 
@@ -193,6 +194,9 @@ let ImageBasicComp = new UICompBuilder(childrenMap, (props) => {
               label: trans("image.supportPreview"),
               tooltip: trans("image.supportPreviewTip"),
             })}
+            {children.supportPreview.getView() && children.previewSrc.propertyView({
+               label: trans("image.previewSrc")
+            })}
           </Section>
         )}
 
diff --git a/client/packages/lowcoder/src/i18n/locales/en.ts b/client/packages/lowcoder/src/i18n/locales/en.ts
index a4672903e..481b531b0 100644
--- a/client/packages/lowcoder/src/i18n/locales/en.ts
+++ b/client/packages/lowcoder/src/i18n/locales/en.ts
@@ -2039,7 +2039,8 @@ export const en = {
     "src": "Image Source",
     "srcDesc": "The Image Source. Can be an URL, Path or Base64 String. for Example: data:image/png;base64, AAA... CCC",
     "supportPreview": "Support Click Preview (zoom)",
-    "supportPreviewTip": "Effective When the Image Source is Valid"
+    "supportPreviewTip": "Effective When the Image Source is Valid",
+    "previewSrc": "Image Preview Source"
   },
   "progress": {
     "value": "Value",
diff --git a/client/packages/lowcoder/src/i18n/locales/zh.ts b/client/packages/lowcoder/src/i18n/locales/zh.ts
index 69c2808fd..7a98b5183 100644
--- a/client/packages/lowcoder/src/i18n/locales/zh.ts
+++ b/client/packages/lowcoder/src/i18n/locales/zh.ts
@@ -1563,6 +1563,7 @@ export const zh: typeof en = {
         srcDesc: "图片链接地址",
         supportPreview: "支持点击预览",
         supportPreviewTip: "仅在图片链接有效时生效",
+        previewSrc: "图片预览链接"
     },
         progress: {
         ...en.progress,