@yorkjs/hive-ui 2.1.1 → 2.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yorkjs/hive-ui",
-  "version": "2.1.1",
+  "version": "2.1.2",
   "description": "Hive UI - Taro React component library",
   "main": "src/index.ts",
   "module": "src/index.ts",

package/src/components/RemoteImage/index.tsx

@@ -12,6 +12,7 @@ export interface IRemoteImageProps extends Omit<ImageProps, 'src'> {
   height?: number
   /** 是否不进行裁剪（等比缩放） */
   noCrop?: boolean
+  imagePixelRatio?: number
   /** 图片质量 1-100 */
   quality?: string | number
   /** 自定义样式类 */
@@ -25,6 +26,7 @@ const RemoteImage: React.FC<IRemoteImageProps> = (props) => {
     height = 50,
     noCrop = false,
     quality,
+    imagePixelRatio,
     mode = 'aspectFill',
     className,
     ...restProps
@@ -37,9 +39,9 @@ const RemoteImage: React.FC<IRemoteImageProps> = (props) => {
       height,
       noCrop,
       quality,
+      imagePixelRatio
     })
   }, [url, width, height, noCrop, quality])
-  console.log("🚀 ~ RemoteImage ~ responsiveSrc:", responsiveSrc)
 
   const containerStyle: React.CSSProperties = {
     width: width ? `${width}px` : 'auto',

package/src/util/function.ts

@@ -87,7 +87,7 @@ function isResponsiveImage(uri: string) {
     && (uri.indexOf('clouddn') > 0 || uri.indexOf('img.finstao.com') > 0)
 }
 
-const imagePixelRatio = Math.min(2, pixelRatio || 2)
+const DEFAULT_IMAGE_PIXEL_RATIO = Math.max(2, pixelRatio || 2)
 
 export interface IWatermarkOptions {
   text?: string
@@ -102,6 +102,7 @@ export interface IGetResponsiveImageOptions {
   height?: number
   noCrop?: boolean
   quality?: string | number
+  imagePixelRatio?: number
   supportWebp?: boolean
 }
 
@@ -115,6 +116,7 @@ export default function getResponsiveImage(options: IGetResponsiveImageOptions):
     height,
     noCrop,
     quality,
+    imagePixelRatio: customPixelRatio
   } = options
 
   if (!url) return ''
@@ -124,15 +126,17 @@ export default function getResponsiveImage(options: IGetResponsiveImageOptions):
     return url
   }
 
+  const ratio = customPixelRatio || DEFAULT_IMAGE_PIXEL_RATIO
+
   const suffix: string[] = []
 
   if (typeof width === 'number') {
-    const w = Math.floor(width * imagePixelRatio)
+    const w = Math.floor(width * ratio)
     suffix.push('w', w.toString())
   }
 
   if (typeof height === 'number') {
-    const h = Math.floor(height * imagePixelRatio)
+    const h = Math.floor(height * ratio)
     suffix.push('h', h.toString())
   }