first commit

frontend/node_modules/antd/es/image/index.js

@@ -0,0 +1,98 @@
+"use client";
+
+var __rest = this && this.__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;
+};
+import * as React from 'react';
+import EyeOutlined from "@ant-design/icons/es/icons/EyeOutlined";
+import classNames from 'classnames';
+import RcImage from 'rc-image';
+import { useZIndex } from '../_util/hooks';
+import { getTransitionName } from '../_util/motion';
+import { devUseWarning } from '../_util/warning';
+import { useComponentConfig } from '../config-provider/context';
+import useCSSVarCls from '../config-provider/hooks/useCSSVarCls';
+import { useLocale } from '../locale';
+import PreviewGroup, { icons } from './PreviewGroup';
+import useStyle from './style';
+const Image = props => {
+  const {
+      prefixCls: customizePrefixCls,
+      preview,
+      className,
+      rootClassName,
+      style,
+      fallback
+    } = props,
+    otherProps = __rest(props, ["prefixCls", "preview", "className", "rootClassName", "style", "fallback"]);
+  if (process.env.NODE_ENV !== 'production') {
+    const warning = devUseWarning('Image');
+    warning.deprecated(!(preview && typeof preview === 'object' && 'destroyOnClose' in preview), 'destroyOnClose', 'destroyOnHidden');
+  }
+  const {
+    getPrefixCls,
+    getPopupContainer: getContextPopupContainer,
+    className: contextClassName,
+    style: contextStyle,
+    preview: contextPreview,
+    fallback: contextFallback
+  } = useComponentConfig('image');
+  const [imageLocale] = useLocale('Image');
+  const prefixCls = getPrefixCls('image', customizePrefixCls);
+  const rootPrefixCls = getPrefixCls();
+  // Style
+  const rootCls = useCSSVarCls(prefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls, rootCls);
+  const mergedRootClassName = classNames(rootClassName, hashId, cssVarCls, rootCls);
+  const mergedClassName = classNames(className, hashId, contextClassName);
+  const [zIndex] = useZIndex('ImagePreview', typeof preview === 'object' ? preview.zIndex : undefined);
+  const mergedPreview = React.useMemo(() => {
+    if (preview === false) {
+      return preview;
+    }
+    const _preview = typeof preview === 'object' ? preview : {};
+    const {
+        getContainer,
+        closeIcon,
+        rootClassName,
+        destroyOnClose,
+        destroyOnHidden
+      } = _preview,
+      restPreviewProps = __rest(_preview, ["getContainer", "closeIcon", "rootClassName", "destroyOnClose", "destroyOnHidden"]);
+    return Object.assign(Object.assign({
+      mask: (/*#__PURE__*/React.createElement("div", {
+        className: `${prefixCls}-mask-info`
+      }, /*#__PURE__*/React.createElement(EyeOutlined, null), imageLocale === null || imageLocale === void 0 ? void 0 : imageLocale.preview)),
+      icons
+    }, restPreviewProps), {
+      // TODO: In the future, destroyOnClose in rc-image needs to be upgrade to destroyOnHidden
+      destroyOnClose: destroyOnHidden !== null && destroyOnHidden !== void 0 ? destroyOnHidden : destroyOnClose,
+      rootClassName: classNames(mergedRootClassName, rootClassName),
+      getContainer: getContainer !== null && getContainer !== void 0 ? getContainer : getContextPopupContainer,
+      transitionName: getTransitionName(rootPrefixCls, 'zoom', _preview.transitionName),
+      maskTransitionName: getTransitionName(rootPrefixCls, 'fade', _preview.maskTransitionName),
+      zIndex,
+      closeIcon: closeIcon !== null && closeIcon !== void 0 ? closeIcon : contextPreview === null || contextPreview === void 0 ? void 0 : contextPreview.closeIcon
+    });
+  }, [preview, imageLocale, contextPreview === null || contextPreview === void 0 ? void 0 : contextPreview.closeIcon]);
+  const mergedStyle = Object.assign(Object.assign({}, contextStyle), style);
+  const mergedFallback = fallback !== null && fallback !== void 0 ? fallback : contextFallback;
+  return wrapCSSVar(/*#__PURE__*/React.createElement(RcImage, Object.assign({
+    prefixCls: prefixCls,
+    preview: mergedPreview,
+    rootClassName: mergedRootClassName,
+    className: mergedClassName,
+    style: mergedStyle,
+    fallback: mergedFallback
+  }, otherProps)));
+};
+Image.PreviewGroup = PreviewGroup;
+if (process.env.NODE_ENV !== 'production') {
+  Image.displayName = 'Image';
+}
+export default Image;