@nocobase/plugin-client 0.11.1-alpha.5 → 0.12.0-alpha.2

package/dist/locale/antd/grid/index.js

@@ -0,0 +1,31 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Col", {
+  enumerable: true,
+  get: function () {
+    return _col.default;
+  }
+});
+Object.defineProperty(exports, "Row", {
+  enumerable: true,
+  get: function () {
+    return _row.default;
+  }
+});
+exports.default = void 0;
+var _col = _interopRequireDefault(require("./col"));
+var _useBreakpoint = _interopRequireDefault(require("./hooks/useBreakpoint"));
+var _row = _interopRequireDefault(require("./row"));
+// Do not export params
+function useBreakpoint() {
+  return (0, _useBreakpoint.default)();
+}
+var _default = {
+  useBreakpoint
+};
+exports.default = _default;

package/dist/locale/antd/grid/row.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import type { Breakpoint } from '../_util/responsiveObserver';
+declare const RowAligns: readonly ["top", "middle", "bottom", "stretch"];
+declare const RowJustify: readonly ["start", "end", "center", "space-around", "space-between", "space-evenly"];
+type Responsive = 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';
+type ResponsiveLike<T> = {
+    [key in Responsive]?: T;
+};
+export type Gutter = number | undefined | Partial<Record<Breakpoint, number>>;
+type ResponsiveAligns = ResponsiveLike<typeof RowAligns[number]>;
+type ResponsiveJustify = ResponsiveLike<typeof RowJustify[number]>;
+export interface RowProps extends React.HTMLAttributes<HTMLDivElement> {
+    gutter?: Gutter | [Gutter, Gutter];
+    align?: typeof RowAligns[number] | ResponsiveAligns;
+    justify?: typeof RowJustify[number] | ResponsiveJustify;
+    prefixCls?: string;
+    wrap?: boolean;
+}
+declare const Row: React.ForwardRefExoticComponent<RowProps & React.RefAttributes<HTMLDivElement>>;
+export default Row;

package/dist/locale/antd/grid/row.js

@@ -0,0 +1,164 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var React = _interopRequireWildcard(require("react"));
+var _configProvider = require("../config-provider");
+var _useFlexGapSupport = _interopRequireDefault(require("../_util/hooks/useFlexGapSupport"));
+var _responsiveObserver = _interopRequireWildcard(require("../_util/responsiveObserver"));
+var _RowContext = _interopRequireDefault(require("./RowContext"));
+var _style = require("./style");
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+const RowAligns = ['top', 'middle', 'bottom', 'stretch'];
+const RowJustify = ['start', 'end', 'center', 'space-around', 'space-between', 'space-evenly'];
+function useMergePropByScreen(oriProp, screen) {
+  const [prop, setProp] = React.useState(typeof oriProp === 'string' ? oriProp : '');
+  const calcMergeAlignOrJustify = () => {
+    if (typeof oriProp === 'string') {
+      setProp(oriProp);
+    }
+    if (typeof oriProp !== 'object') {
+      return;
+    }
+    for (let i = 0; i < _responsiveObserver.responsiveArray.length; i++) {
+      const breakpoint = _responsiveObserver.responsiveArray[i];
+      // if do not match, do nothing
+      if (!screen[breakpoint]) continue;
+      const curVal = oriProp[breakpoint];
+      if (curVal !== undefined) {
+        setProp(curVal);
+        return;
+      }
+    }
+  };
+  React.useEffect(() => {
+    calcMergeAlignOrJustify();
+  }, [JSON.stringify(oriProp), screen]);
+  return prop;
+}
+const Row = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+      prefixCls: customizePrefixCls,
+      justify,
+      align,
+      className,
+      style,
+      children,
+      gutter = 0,
+      wrap
+    } = props,
+    others = __rest(props, ["prefixCls", "justify", "align", "className", "style", "children", "gutter", "wrap"]);
+  const {
+    getPrefixCls,
+    direction
+  } = React.useContext(_configProvider.ConfigContext);
+  const [screens, setScreens] = React.useState({
+    xs: true,
+    sm: true,
+    md: true,
+    lg: true,
+    xl: true,
+    xxl: true
+  });
+  // to save screens info when responsiveObserve callback had been call
+  const [curScreens, setCurScreens] = React.useState({
+    xs: false,
+    sm: false,
+    md: false,
+    lg: false,
+    xl: false,
+    xxl: false
+  });
+  // ================================== calc responsive data ==================================
+  const mergeAlign = useMergePropByScreen(align, curScreens);
+  const mergeJustify = useMergePropByScreen(justify, curScreens);
+  const supportFlexGap = (0, _useFlexGapSupport.default)();
+  const gutterRef = React.useRef(gutter);
+  const responsiveObserver = (0, _responsiveObserver.default)();
+  // ================================== Effect ==================================
+  React.useEffect(() => {
+    const token = responsiveObserver.subscribe(screen => {
+      setCurScreens(screen);
+      const currentGutter = gutterRef.current || 0;
+      if (!Array.isArray(currentGutter) && typeof currentGutter === 'object' || Array.isArray(currentGutter) && (typeof currentGutter[0] === 'object' || typeof currentGutter[1] === 'object')) {
+        setScreens(screen);
+      }
+    });
+    return () => responsiveObserver.unsubscribe(token);
+  }, []);
+  // ================================== Render ==================================
+  const getGutter = () => {
+    const results = [undefined, undefined];
+    const normalizedGutter = Array.isArray(gutter) ? gutter : [gutter, undefined];
+    normalizedGutter.forEach((g, index) => {
+      if (typeof g === 'object') {
+        for (let i = 0; i < _responsiveObserver.responsiveArray.length; i++) {
+          const breakpoint = _responsiveObserver.responsiveArray[i];
+          if (screens[breakpoint] && g[breakpoint] !== undefined) {
+            results[index] = g[breakpoint];
+            break;
+          }
+        }
+      } else {
+        results[index] = g;
+      }
+    });
+    return results;
+  };
+  const prefixCls = getPrefixCls('row', customizePrefixCls);
+  const [wrapSSR, hashId] = (0, _style.useRowStyle)(prefixCls);
+  const gutters = getGutter();
+  const classes = (0, _classnames.default)(prefixCls, {
+    [`${prefixCls}-no-wrap`]: wrap === false,
+    [`${prefixCls}-${mergeJustify}`]: mergeJustify,
+    [`${prefixCls}-${mergeAlign}`]: mergeAlign,
+    [`${prefixCls}-rtl`]: direction === 'rtl'
+  }, className, hashId);
+  // Add gutter related style
+  const rowStyle = {};
+  const horizontalGutter = gutters[0] != null && gutters[0] > 0 ? gutters[0] / -2 : undefined;
+  const verticalGutter = gutters[1] != null && gutters[1] > 0 ? gutters[1] / -2 : undefined;
+  if (horizontalGutter) {
+    rowStyle.marginLeft = horizontalGutter;
+    rowStyle.marginRight = horizontalGutter;
+  }
+  if (supportFlexGap) {
+    // Set gap direct if flex gap support
+    [, rowStyle.rowGap] = gutters;
+  } else if (verticalGutter) {
+    rowStyle.marginTop = verticalGutter;
+    rowStyle.marginBottom = verticalGutter;
+  }
+  // "gutters" is a new array in each rendering phase, it'll make 'React.useMemo' effectless.
+  // So we deconstruct "gutters" variable here.
+  const [gutterH, gutterV] = gutters;
+  const rowContext = React.useMemo(() => ({
+    gutter: [gutterH, gutterV],
+    wrap,
+    supportFlexGap
+  }), [gutterH, gutterV, wrap, supportFlexGap]);
+  return wrapSSR( /*#__PURE__*/React.createElement(_RowContext.default.Provider, {
+    value: rowContext
+  }, /*#__PURE__*/React.createElement("div", Object.assign({}, others, {
+    className: classes,
+    style: Object.assign(Object.assign({}, rowStyle), style),
+    ref: ref
+  }), children)));
+});
+if (process.env.NODE_ENV !== 'production') {
+  Row.displayName = 'Row';
+}
+var _default = Row;
+exports.default = _default;

package/dist/locale/antd/grid/style/index.d.ts

@@ -0,0 +1,2 @@
+export declare const useRowStyle: (prefixCls: string) => import("../../theme/interface").UseComponentStyleResult;
+export declare const useColStyle: (prefixCls: string) => import("../../theme/interface").UseComponentStyleResult;

package/dist/locale/antd/grid/style/index.js

@@ -0,0 +1,147 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useRowStyle = exports.useColStyle = void 0;
+var _internal = require("../../theme/internal");
+// ============================== Row-Shared ==============================
+const genGridRowStyle = token => {
+  const {
+    componentCls
+  } = token;
+  return {
+    // Grid system
+    [componentCls]: {
+      display: 'flex',
+      flexFlow: 'row wrap',
+      minWidth: 0,
+      '&::before, &::after': {
+        display: 'flex'
+      },
+      '&-no-wrap': {
+        flexWrap: 'nowrap'
+      },
+      // The origin of the X-axis
+      '&-start': {
+        justifyContent: 'flex-start'
+      },
+      // The center of the X-axis
+      '&-center': {
+        justifyContent: 'center'
+      },
+      // The opposite of the X-axis
+      '&-end': {
+        justifyContent: 'flex-end'
+      },
+      '&-space-between': {
+        justifyContent: 'space-between'
+      },
+      '&-space-around': {
+        justifyContent: 'space-around'
+      },
+      '&-space-evenly': {
+        justifyContent: 'space-evenly'
+      },
+      // Align at the top
+      '&-top': {
+        alignItems: 'flex-start'
+      },
+      // Align at the center
+      '&-middle': {
+        alignItems: 'center'
+      },
+      '&-bottom': {
+        alignItems: 'flex-end'
+      }
+    }
+  };
+};
+// ============================== Col-Shared ==============================
+const genGridColStyle = token => {
+  const {
+    componentCls
+  } = token;
+  return {
+    // Grid system
+    [componentCls]: {
+      position: 'relative',
+      maxWidth: '100%',
+      // Prevent columns from collapsing when empty
+      minHeight: 1
+    }
+  };
+};
+const genLoopGridColumnsStyle = (token, sizeCls) => {
+  const {
+    componentCls,
+    gridColumns
+  } = token;
+  const gridColumnsStyle = {};
+  for (let i = gridColumns; i >= 0; i--) {
+    if (i === 0) {
+      gridColumnsStyle[`${componentCls}${sizeCls}-${i}`] = {
+        display: 'none'
+      };
+      gridColumnsStyle[`${componentCls}-push-${i}`] = {
+        insetInlineStart: 'auto'
+      };
+      gridColumnsStyle[`${componentCls}-pull-${i}`] = {
+        insetInlineEnd: 'auto'
+      };
+      gridColumnsStyle[`${componentCls}${sizeCls}-push-${i}`] = {
+        insetInlineStart: 'auto'
+      };
+      gridColumnsStyle[`${componentCls}${sizeCls}-pull-${i}`] = {
+        insetInlineEnd: 'auto'
+      };
+      gridColumnsStyle[`${componentCls}${sizeCls}-offset-${i}`] = {
+        marginInlineStart: 0
+      };
+      gridColumnsStyle[`${componentCls}${sizeCls}-order-${i}`] = {
+        order: 0
+      };
+    } else {
+      gridColumnsStyle[`${componentCls}${sizeCls}-${i}`] = {
+        display: 'block',
+        flex: `0 0 ${i / gridColumns * 100}%`,
+        maxWidth: `${i / gridColumns * 100}%`
+      };
+      gridColumnsStyle[`${componentCls}${sizeCls}-push-${i}`] = {
+        insetInlineStart: `${i / gridColumns * 100}%`
+      };
+      gridColumnsStyle[`${componentCls}${sizeCls}-pull-${i}`] = {
+        insetInlineEnd: `${i / gridColumns * 100}%`
+      };
+      gridColumnsStyle[`${componentCls}${sizeCls}-offset-${i}`] = {
+        marginInlineStart: `${i / gridColumns * 100}%`
+      };
+      gridColumnsStyle[`${componentCls}${sizeCls}-order-${i}`] = {
+        order: i
+      };
+    }
+  }
+  return gridColumnsStyle;
+};
+const genGridStyle = (token, sizeCls) => genLoopGridColumnsStyle(token, sizeCls);
+const genGridMediaStyle = (token, screenSize, sizeCls) => ({
+  [`@media (min-width: ${screenSize}px)`]: Object.assign({}, genGridStyle(token, sizeCls))
+});
+// ============================== Export ==============================
+const useRowStyle = (0, _internal.genComponentStyleHook)('Grid', token => [genGridRowStyle(token)]);
+exports.useRowStyle = useRowStyle;
+const useColStyle = (0, _internal.genComponentStyleHook)('Grid', token => {
+  const gridToken = (0, _internal.mergeToken)(token, {
+    gridColumns: 24 // Row is divided into 24 parts in Grid
+  });
+
+  const gridMediaSizesMap = {
+    '-sm': gridToken.screenSMMin,
+    '-md': gridToken.screenMDMin,
+    '-lg': gridToken.screenLGMin,
+    '-xl': gridToken.screenXLMin,
+    '-xxl': gridToken.screenXXLMin
+  };
+  return [genGridColStyle(gridToken), genGridStyle(gridToken, ''), genGridStyle(gridToken, '-xs'), Object.keys(gridMediaSizesMap).map(key => genGridMediaStyle(gridToken, gridMediaSizesMap[key], key)).reduce((pre, cur) => Object.assign(Object.assign({}, pre), cur), {})];
+});
+exports.useColStyle = useColStyle;

package/dist/locale/antd/icon/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Icon: React.FC;
+export default Icon;

package/dist/locale/antd/icon/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _warning = _interopRequireDefault(require("../_util/warning"));
+const Icon = () => {
+  if (process.env.NODE_ENV !== 'production') {
+    process.env.NODE_ENV !== "production" ? (0, _warning.default)(false, 'Icon', 'Empty Icon') : void 0;
+  }
+  return null;
+};
+var _default = Icon;
+exports.default = _default;

package/dist/locale/antd/image/PreviewGroup.d.ts

@@ -0,0 +1,15 @@
+import type { GroupConsumerProps } from 'rc-image/lib/PreviewGroup';
+import * as React from 'react';
+export declare const icons: {
+    rotateLeft: React.JSX.Element;
+    rotateRight: React.JSX.Element;
+    zoomIn: React.JSX.Element;
+    zoomOut: React.JSX.Element;
+    close: React.JSX.Element;
+    left: React.JSX.Element;
+    right: React.JSX.Element;
+    flipX: React.JSX.Element;
+    flipY: React.JSX.Element;
+};
+declare const InternalPreviewGroup: React.FC<GroupConsumerProps>;
+export default InternalPreviewGroup;

package/dist/locale/antd/image/PreviewGroup.js

@@ -0,0 +1,81 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.icons = exports.default = void 0;
+var _CloseOutlined = _interopRequireDefault(require("@ant-design/icons/CloseOutlined"));
+var _LeftOutlined = _interopRequireDefault(require("@ant-design/icons/LeftOutlined"));
+var _RightOutlined = _interopRequireDefault(require("@ant-design/icons/RightOutlined"));
+var _RotateLeftOutlined = _interopRequireDefault(require("@ant-design/icons/RotateLeftOutlined"));
+var _RotateRightOutlined = _interopRequireDefault(require("@ant-design/icons/RotateRightOutlined"));
+var _SwapOutlined = _interopRequireDefault(require("@ant-design/icons/SwapOutlined"));
+var _ZoomInOutlined = _interopRequireDefault(require("@ant-design/icons/ZoomInOutlined"));
+var _ZoomOutOutlined = _interopRequireDefault(require("@ant-design/icons/ZoomOutOutlined"));
+var _rcImage = _interopRequireDefault(require("rc-image"));
+var React = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _configProvider = require("../config-provider");
+var _motion = require("../_util/motion");
+var _style = _interopRequireDefault(require("./style"));
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+// CSSINJS
+
+const icons = {
+  rotateLeft: /*#__PURE__*/React.createElement(_RotateLeftOutlined.default, null),
+  rotateRight: /*#__PURE__*/React.createElement(_RotateRightOutlined.default, null),
+  zoomIn: /*#__PURE__*/React.createElement(_ZoomInOutlined.default, null),
+  zoomOut: /*#__PURE__*/React.createElement(_ZoomOutOutlined.default, null),
+  close: /*#__PURE__*/React.createElement(_CloseOutlined.default, null),
+  left: /*#__PURE__*/React.createElement(_LeftOutlined.default, null),
+  right: /*#__PURE__*/React.createElement(_RightOutlined.default, null),
+  flipX: /*#__PURE__*/React.createElement(_SwapOutlined.default, null),
+  flipY: /*#__PURE__*/React.createElement(_SwapOutlined.default, {
+    rotate: 90
+  })
+};
+exports.icons = icons;
+const InternalPreviewGroup = _a => {
+  var {
+      previewPrefixCls: customizePrefixCls,
+      preview
+    } = _a,
+    props = __rest(_a, ["previewPrefixCls", "preview"]);
+  const {
+    getPrefixCls
+  } = React.useContext(_configProvider.ConfigContext);
+  const prefixCls = getPrefixCls('image', customizePrefixCls);
+  const previewPrefixCls = `${prefixCls}-preview`;
+  const rootPrefixCls = getPrefixCls();
+  const [wrapSSR, hashId] = (0, _style.default)(prefixCls);
+  const mergedPreview = React.useMemo(() => {
+    var _a;
+    if (preview === false) {
+      return preview;
+    }
+    const _preview = typeof preview === 'object' ? preview : {};
+    const mergedRootClassName = (0, _classnames.default)(hashId, (_a = _preview.rootClassName) !== null && _a !== void 0 ? _a : '');
+    return Object.assign(Object.assign({}, _preview), {
+      transitionName: (0, _motion.getTransitionName)(rootPrefixCls, 'zoom', _preview.transitionName),
+      maskTransitionName: (0, _motion.getTransitionName)(rootPrefixCls, 'fade', _preview.maskTransitionName),
+      rootClassName: mergedRootClassName
+    });
+  }, [preview]);
+  return wrapSSR( /*#__PURE__*/React.createElement(_rcImage.default.PreviewGroup, Object.assign({
+    preview: mergedPreview,
+    previewPrefixCls: previewPrefixCls,
+    icons: icons
+  }, props)));
+};
+var _default = InternalPreviewGroup;
+exports.default = _default;

package/dist/locale/antd/image/index.d.ts

@@ -0,0 +1,9 @@
+import { type ImageProps } from 'rc-image';
+import * as React from 'react';
+import PreviewGroup from './PreviewGroup';
+export interface CompositionImage<P> extends React.FC<P> {
+    PreviewGroup: typeof PreviewGroup;
+}
+declare const Image: CompositionImage<ImageProps>;
+export { ImageProps };
+export default Image;

package/dist/locale/antd/image/index.js

@@ -0,0 +1,86 @@
+"use strict";
+'use client';
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _EyeOutlined = _interopRequireDefault(require("@ant-design/icons/EyeOutlined"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _rcImage = _interopRequireDefault(require("rc-image"));
+var React = _interopRequireWildcard(require("react"));
+var _motion = require("../_util/motion");
+var _configProvider = require("../config-provider");
+var _en_US = _interopRequireDefault(require("../locale/en_US"));
+var _PreviewGroup = _interopRequireWildcard(require("./PreviewGroup"));
+var _style = _interopRequireDefault(require("./style"));
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+// CSSINJS
+
+const Image = props => {
+  const {
+      prefixCls: customizePrefixCls,
+      preview,
+      className,
+      rootClassName,
+      style
+    } = props,
+    otherProps = __rest(props, ["prefixCls", "preview", "className", "rootClassName", "style"]);
+  const {
+    getPrefixCls,
+    locale: contextLocale = _en_US.default,
+    getPopupContainer: getContextPopupContainer,
+    image
+  } = React.useContext(_configProvider.ConfigContext);
+  const prefixCls = getPrefixCls('image', customizePrefixCls);
+  const rootPrefixCls = getPrefixCls();
+  const imageLocale = contextLocale.Image || _en_US.default.Image;
+  // Style
+  const [wrapSSR, hashId] = (0, _style.default)(prefixCls);
+  const mergedRootClassName = (0, _classnames.default)(rootClassName, hashId);
+  const mergedClassName = (0, _classnames.default)(className, hashId, image === null || image === void 0 ? void 0 : image.className);
+  const mergedPreview = React.useMemo(() => {
+    if (preview === false) {
+      return preview;
+    }
+    const _preview = typeof preview === 'object' ? preview : {};
+    const {
+        getContainer
+      } = _preview,
+      restPreviewProps = __rest(_preview, ["getContainer"]);
+    return Object.assign(Object.assign({
+      mask: /*#__PURE__*/React.createElement("div", {
+        className: `${prefixCls}-mask-info`
+      }, /*#__PURE__*/React.createElement(_EyeOutlined.default, null), imageLocale === null || imageLocale === void 0 ? void 0 : imageLocale.preview),
+      icons: _PreviewGroup.icons
+    }, restPreviewProps), {
+      getContainer: getContainer || getContextPopupContainer,
+      transitionName: (0, _motion.getTransitionName)(rootPrefixCls, 'zoom', _preview.transitionName),
+      maskTransitionName: (0, _motion.getTransitionName)(rootPrefixCls, 'fade', _preview.maskTransitionName)
+    });
+  }, [preview, imageLocale]);
+  const mergedStyle = Object.assign(Object.assign({}, image === null || image === void 0 ? void 0 : image.style), style);
+  return wrapSSR( /*#__PURE__*/React.createElement(_rcImage.default, Object.assign({
+    prefixCls: prefixCls,
+    preview: mergedPreview,
+    rootClassName: mergedRootClassName,
+    className: mergedClassName,
+    style: mergedStyle
+  }, otherProps)));
+};
+Image.PreviewGroup = _PreviewGroup.default;
+if (process.env.NODE_ENV !== 'production') {
+  Image.displayName = 'Image';
+}
+var _default = Image;
+exports.default = _default;

package/dist/locale/antd/image/style/index.d.ts

@@ -0,0 +1,37 @@
+import type { CSSObject } from '@ant-design/cssinjs';
+import type { FullToken, GenerateStyle } from '../../theme/internal';
+export interface ComponentToken {
+    /**
+     * @desc 预览浮层 z-index
+     * @descEN z-index of preview popup
+     */
+    zIndexPopup: number;
+    /**
+     * @desc 预览操作图标大小
+     * @descEN Size of preview operation icon
+     */
+    previewOperationSize: number;
+    /**
+     * @desc 预览操作图标颜色
+     * @descEN Color of preview operation icon
+     */
+    previewOperationColor: string;
+    /**
+     * @desc 预览操作图标禁用颜色
+     * @descEN Disabled color of preview operation icon
+     */
+    previewOperationColorDisabled: string;
+}
+export interface ImageToken extends FullToken<'Image'> {
+    previewCls: string;
+    modalMaskBg: string;
+    imagePreviewSwitchSize: number;
+}
+export type PositionType = 'static' | 'relative' | 'fixed' | 'absolute' | 'sticky' | undefined;
+export declare const genBoxStyle: (position?: PositionType) => CSSObject;
+export declare const genImageMaskStyle: (token: ImageToken) => CSSObject;
+export declare const genPreviewOperationsStyle: (token: ImageToken) => CSSObject;
+export declare const genPreviewSwitchStyle: (token: ImageToken) => CSSObject;
+export declare const genImagePreviewStyle: GenerateStyle<ImageToken>;
+declare const _default: (prefixCls: string) => import("../../theme/interface").UseComponentStyleResult;
+export default _default;