Merge pull request #1353 from chuntungho/feature/image-preview-source

support custom image preview soruce

Author: FalkWolsky

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>
         )}
 

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",

client/packages/lowcoder/src/i18n/locales/zh.ts

@@ -1563,6 +1563,7 @@ export const zh: typeof en = {
         srcDesc: "图片链接地址",
         supportPreview: "支持点击预览",
         supportPreviewTip: "仅在图片链接有效时生效",
+        previewSrc: "图片预览链接"
     },
         progress: {
         ...en.progress,