@xfe-repo/web-components 1.8.6 → 1.8.7

package/dist/index.d.mts

@@ -691,6 +691,15 @@ declare const ModalGroup: FunctionComponent<OSSImageGroupProps>;
 declare const PreviewGroup: typeof Image.PreviewGroup;
 interface OSSImageProps extends ImageProps {
     resizeWidth?: number;
+    resizeHeight?: number;
+    /** 缩放模式
+     * lfit（默认值）：等比缩放至指定宽高区域内最大图形。
+     * fill：等比缩放至覆盖指定宽高区域并居中裁剪。
+     * mfit：等比缩放至覆盖指定宽高区域。
+     * pad：等比缩放至指定宽高内最大图形并填充颜色至指定尺寸。
+     * fixed：固定宽高，强制缩放。
+     * https://help.aliyun.com/zh/oss/user-guide/resize-images-4#fb97a01efc5o6 */
+    resizeMode?: 'lfit' | 'mfit' | 'fill' | 'pad' | 'fixed';
     clearDefault?: boolean;
 }
 declare const OSSImage: MemoExoticComponent<FunctionComponent<OSSImageProps>> & {

package/dist/index.d.ts

@@ -691,6 +691,15 @@ declare const ModalGroup: FunctionComponent<OSSImageGroupProps>;
 declare const PreviewGroup: typeof Image.PreviewGroup;
 interface OSSImageProps extends ImageProps {
     resizeWidth?: number;
+    resizeHeight?: number;
+    /** 缩放模式
+     * lfit（默认值）：等比缩放至指定宽高区域内最大图形。
+     * fill：等比缩放至覆盖指定宽高区域并居中裁剪。
+     * mfit：等比缩放至覆盖指定宽高区域。
+     * pad：等比缩放至指定宽高内最大图形并填充颜色至指定尺寸。
+     * fixed：固定宽高，强制缩放。
+     * https://help.aliyun.com/zh/oss/user-guide/resize-images-4#fb97a01efc5o6 */
+    resizeMode?: 'lfit' | 'mfit' | 'fill' | 'pad' | 'fixed';
     clearDefault?: boolean;
 }
 declare const OSSImage: MemoExoticComponent<FunctionComponent<OSSImageProps>> & {

package/dist/index.js

@@ -3072,9 +3072,11 @@ var import_jsx_runtime20 = require("react/jsx-runtime");
 var PreviewGroup = import_antd16.Image.PreviewGroup;
 var fallback = "https://imgs.eshetang.com/product/default-product-1608019533274.png";
 var _OSSImage = (0, import_react24.memo)(function(props) {
-    var _props_src = props.src, src = _props_src === void 0 ? "" : _props_src, _props_resizeWidth = props.resizeWidth, resizeWidth = _props_resizeWidth === void 0 ? 750 : _props_resizeWidth, preview = props.preview, clearDefault = props.clearDefault, params = _object_without_properties(props, [
+    var _props_src = props.src, src = _props_src === void 0 ? "" : _props_src, tmp = props.resizeWidth, width = tmp === void 0 ? 750 : tmp, height = props.resizeHeight, mode = props.resizeMode, preview = props.preview, clearDefault = props.clearDefault, params = _object_without_properties(props, [
         "src",
         "resizeWidth",
+        "resizeHeight",
+        "resizeMode",
         "preview",
         "clearDefault"
     ]);
@@ -3095,7 +3097,9 @@ var _OSSImage = (0, import_react24.memo)(function(props) {
     };
     return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_antd16.Image, _object_spread_props(_object_spread({}, params), {
         src: (0, import_tools2.resizeAliYun)(src, {
-            width: resizeWidth
+            width: width,
+            height: height,
+            mode: mode
         }),
         preview: resizePreview(),
         fallback: clearDefault ? void 0 : fallback,

package/dist/index.mjs

@@ -2790,9 +2790,11 @@ import { jsx as jsx20 } from "react/jsx-runtime";
 var PreviewGroup = Image2.PreviewGroup;
 var fallback = "https://imgs.eshetang.com/product/default-product-1608019533274.png";
 var _OSSImage = memo16(function(props) {
-    var _props_src = props.src, src = _props_src === void 0 ? "" : _props_src, _props_resizeWidth = props.resizeWidth, resizeWidth = _props_resizeWidth === void 0 ? 750 : _props_resizeWidth, preview = props.preview, clearDefault = props.clearDefault, params = _object_without_properties(props, [
+    var _props_src = props.src, src = _props_src === void 0 ? "" : _props_src, tmp = props.resizeWidth, width = tmp === void 0 ? 750 : tmp, height = props.resizeHeight, mode = props.resizeMode, preview = props.preview, clearDefault = props.clearDefault, params = _object_without_properties(props, [
         "src",
         "resizeWidth",
+        "resizeHeight",
+        "resizeMode",
         "preview",
         "clearDefault"
     ]);
@@ -2813,7 +2815,9 @@ var _OSSImage = memo16(function(props) {
     };
     return /* @__PURE__ */ jsx20(Image2, _object_spread_props(_object_spread({}, params), {
         src: resizeAliYun(src, {
-            width: resizeWidth
+            width: width,
+            height: height,
+            mode: mode
         }),
         preview: resizePreview(),
         fallback: clearDefault ? void 0 : fallback,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xfe-repo/web-components",
-  "version": "1.8.6",
+  "version": "1.8.7",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
   "sideEffects": [
@@ -64,9 +64,9 @@
     "react-use": "^17.5.1",
     "swr": "^2.2.5",
     "@xfe-repo/web-micro": "1.7.0",
-    "@xfe-repo/web-service": "1.6.0",
     "@xfe-repo/web-router": "1.6.1",
-    "@xfe-repo/web-utils": "1.6.1"
+    "@xfe-repo/web-service": "1.6.0",
+    "@xfe-repo/web-utils": "1.6.2"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"