antd-mobile 5.16.1 → 5.17.0

package/cjs/components/form/form.js

@@ -1,110 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Form = void 0;
-
-var _tslib = require("tslib");
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _list = _interopRequireDefault(require("../list"));
-
-var _rcFieldForm = _interopRequireDefault(require("rc-field-form"));
-
-var _context = require("./context");
-
-var _withDefaultProps = require("../../utils/with-default-props");
-
-var _header = require("./header");
-
-var _configProvider = require("../config-provider");
-
-var _merge = _interopRequireDefault(require("lodash/merge"));
-
-var _formArray = require("./form-array");
-
-var _traverseReactNode = require("../../utils/traverse-react-node");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const classPrefix = 'adm-form';
-const defaultProps = _context.defaultFormContext;
-const Form = (0, _react.forwardRef)((p, ref) => {
-  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
-  const {
-    className,
-    style,
-    hasFeedback,
-    children,
-    layout,
-    footer,
-    mode,
-    disabled,
-    requiredMarkStyle
-  } = props,
-        formProps = (0, _tslib.__rest)(props, ["className", "style", "hasFeedback", "children", "layout", "footer", "mode", "disabled", "requiredMarkStyle"]);
-  const {
-    locale
-  } = (0, _configProvider.useConfig)();
-  const validateMessages = (0, _react.useMemo)(() => (0, _merge.default)({}, locale.Form.defaultValidateMessages, formProps.validateMessages), [locale.Form.defaultValidateMessages, formProps.validateMessages]);
-  const lists = [];
-  let currentHeader = null;
-  let items = [];
-  let count = 0;
-
-  function collect() {
-    if (items.length === 0) return;
-    count += 1;
-    lists.push(_react.default.createElement(_list.default, {
-      header: currentHeader,
-      key: count,
-      mode: mode
-    }, items));
-    items = [];
-  }
-
-  (0, _traverseReactNode.traverseReactNode)(props.children, child => {
-    if (_react.default.isValidElement(child)) {
-      if (child.type === _header.Header) {
-        collect();
-        currentHeader = child.props.children;
-        return;
-      }
-
-      if (child.type === _formArray.FormArray) {
-        collect();
-        lists.push(child);
-        return;
-      }
-    }
-
-    items.push(child);
-  });
-  collect();
-  return _react.default.createElement(_rcFieldForm.default, Object.assign({
-    className: (0, _classnames.default)(classPrefix, className),
-    style: style,
-    ref: ref
-  }, formProps, {
-    validateMessages: validateMessages
-  }), _react.default.createElement(_context.FormContext.Provider, {
-    value: {
-      name: formProps.name,
-      hasFeedback,
-      layout,
-      requiredMarkStyle,
-      disabled: disabled
-    }
-  }, lists), footer && _react.default.createElement("div", {
-    className: `${classPrefix}-footer`
-  }, footer));
-});
-exports.Form = Form;

package/cjs/components/form/header.d.ts

@@ -1,4 +0,0 @@
-import { FC, ReactNode } from 'react';
-export declare const Header: FC<{
-    children?: ReactNode;
-}>;

package/cjs/components/form/header.js

@@ -1,10 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Header = void 0;
-
-const Header = () => null;
-
-exports.Header = Header;

package/cjs/components/form/index.css

@@ -1,90 +0,0 @@
-.adm-form {
-  --border-inner: solid 1px var(--adm-color-border);
-  --border-top: solid 1px var(--adm-color-border);
-  --border-bottom: solid 1px var(--adm-color-border);
-  ---border-inner: var(--border-inner);
-  ---border-top: var(--border-top);
-  ---border-bottom: var(--border-bottom);
-}
-.adm-form .adm-list.adm-list {
-  --padding-left: 16px;
-  --padding-right: 12px;
-  --border-inner: var(---border-inner);
-  --border-top: var(---border-top);
-  --border-bottom: var(---border-bottom);
-}
-.adm-form .adm-form-footer {
-  padding: 20px 12px;
-}
-.adm-form-list-operation {
-  text-align: center;
-  color: #1677ff;
-}
-.adm-form-item + .adm-form-item {
-  border-top: none;
-}
-.adm-form-item-label {
-  display: block;
-  height: 100%;
-  line-height: 1.5;
-  box-sizing: border-box;
-  position: relative;
-  color: var(--adm-color-text-secondary);
-}
-.adm-form-item-label .adm-form-item-required-asterisk {
-  position: absolute;
-  left: -0.6em;
-  top: 0;
-  font-family: SimSun, sans-serif;
-  color: var(--adm-color-danger);
-  user-select: none;
-}
-.adm-form-item-label .adm-form-item-required-text {
-  margin-left: 4px;
-  color: var(--adm-color-weak);
-}
-.adm-form-item-label-help {
-  margin-left: 4px;
-  cursor: pointer;
-}
-.adm-form-item-child {
-  display: flex;
-}
-.adm-form-item-child-position-normal {
-  justify-content: normal;
-}
-.adm-form-item-child-position-normal > * {
-  flex: auto;
-}
-.adm-form-item-child-position-right {
-  justify-content: flex-end;
-}
-.adm-form-item-child-position-right > * {
-  flex: none;
-}
-.adm-form-item-feedback-error {
-  color: var(--adm-color-danger);
-  margin-top: 4px;
-}
-.adm-form-item-feedback-warning {
-  color: var(--adm-color-warning);
-  margin-top: 4px;
-}
-.adm-form-item.adm-form-item-hidden {
-  display: none;
-}
-.adm-form-item.adm-form-item-horizontal.adm-list-item {
-  --align-items: stretch;
-  --prefix-width: 6.8em;
-}
-.adm-form-item.adm-form-item-horizontal .adm-list-item-content-prefix {
-  padding-top: 12px;
-  padding-bottom: 12px;
-}
-.adm-form-item.adm-form-item-horizontal .adm-list-item-content-extra {
-  align-self: center;
-}
-.adm-form-item.adm-form-item-vertical .adm-form-item-label {
-  font-size: var(--adm-font-size-7);
-  margin-bottom: 4px;
-}

package/cjs/components/form/index.d.ts

@@ -1,27 +0,0 @@
-/// <reference types="react" />
-import './index.less';
-import { useWatch, useForm } from 'rc-field-form';
-export declare type FormLayout = 'vertical' | 'horizontal';
-export type { FormProps, FormInstance } from './form';
-export type { FormItemProps } from './form-item';
-export type { FormSubscribeProps } from './form-subscribe';
-export type { ValidateMessages, FieldData, NamePath, } from 'rc-field-form/es/interface';
-export type { FormArrayField, FormArrayOperation, FormArrayProps, } from './form-array';
-declare const _default: import("react").ForwardRefExoticComponent<Pick<import("rc-field-form").FormProps<any>, "children" | "form" | "name" | "initialValues" | "preserve" | "validateMessages" | "validateTrigger" | "onFieldsChange" | "onFinish" | "onFinishFailed" | "onValuesChange"> & {
-    className?: string | undefined;
-    style?: (import("react").CSSProperties & Partial<Record<"--border-bottom" | "--border-inner" | "--border-top", string>>) | undefined;
-    tabIndex?: number | undefined;
-} & import("react").AriaAttributes & Partial<import("./context").FormContextType> & {
-    footer?: import("react").ReactNode;
-    mode?: "default" | "card" | undefined;
-} & import("react").RefAttributes<import("./form").FormInstance>> & {
-    Item: import("react").FC<import("./form-item").FormItemProps>;
-    Subscribe: import("react").FC<import("./form-subscribe").FormSubscribeProps>;
-    Header: import("react").FC<{
-        children?: import("react").ReactNode;
-    }>;
-    Array: import("react").FC<import("./form-array").FormArrayProps>;
-    useForm: typeof useForm;
-    useWatch: typeof useWatch;
-};
-export default _default;

package/cjs/components/form/index.js

@@ -1,33 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("./index.css");
-
-var _form = require("./form");
-
-var _attachPropertiesToComponent = require("../../utils/attach-properties-to-component");
-
-var _formItem = require("./form-item");
-
-var _header = require("./header");
-
-var _rcFieldForm = require("rc-field-form");
-
-var _formSubscribe = require("./form-subscribe");
-
-var _formArray = require("./form-array");
-
-var _default = (0, _attachPropertiesToComponent.attachPropertiesToComponent)(_form.Form, {
-  Item: _formItem.FormItem,
-  Subscribe: _formSubscribe.FormSubscribe,
-  Header: _header.Header,
-  Array: _formArray.FormArray,
-  useForm: _rcFieldForm.useForm,
-  useWatch: _rcFieldForm.useWatch
-});
-
-exports.default = _default;

package/cjs/components/form/utils.d.ts

@@ -1,2 +0,0 @@
-export declare function toArray<T>(candidate?: T | T[] | false): T[];
-export declare function isSafeSetRefComponent(component: any): boolean;

package/cjs/components/form/utils.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.isSafeSetRefComponent = isSafeSetRefComponent;
-exports.toArray = toArray;
-
-var _reactIs = require("react-is");
-
-function toArray(candidate) {
-  if (candidate === undefined || candidate === false) return [];
-  return Array.isArray(candidate) ? candidate : [candidate];
-} // eslint-disable-next-line @typescript-eslint/ban-types
-
-
-function shouldConstruct(Component) {
-  const prototype = Component.prototype;
-  return !!(prototype && prototype.isReactComponent);
-} // https://github.com/facebook/react/blob/ce13860281f833de8a3296b7a3dad9caced102e9/packages/react-reconciler/src/ReactFiber.new.js#L225
-
-
-function isSimpleFunctionComponent(type) {
-  return typeof type === 'function' && !shouldConstruct(type) && type.defaultProps === undefined;
-}
-
-function isSafeSetRefComponent(component) {
-  if ((0, _reactIs.isFragment)(component)) return false;
-  if ((0, _reactIs.isMemo)(component)) return isSafeSetRefComponent(component.type);
-  return !isSimpleFunctionComponent(component.type);
-}

package/cjs/components/grid/grid.css

@@ -1,14 +0,0 @@
-.adm-grid {
-  --gap: 0;
-  --gap-horizontal: var(--gap);
-  --gap-vertical: var(--gap);
-  display: grid;
-  grid-gap: 10px;
-  column-gap: var(--gap-horizontal);
-  row-gap: var(--gap-vertical);
-  grid-template-columns: repeat(var(--columns), minmax(0, 1fr));
-  align-items: stretch;
-}
-.adm-grid-item {
-  grid-column-end: span var(--item-span);
-}

package/cjs/components/grid/grid.d.ts

@@ -1,14 +0,0 @@
-import React, { FC } from 'react';
-import { NativeProps } from '../../utils/native-props';
-export declare type GridProps = {
-    columns: number;
-    gap?: number | string | [number | string, number | string];
-    children?: React.ReactNode;
-} & NativeProps<'--gap' | '--gap-vertical' | '--gap-horizontal'>;
-export declare const Grid: FC<GridProps>;
-export declare type GridItemProps = {
-    span?: number;
-    onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
-    children?: React.ReactNode;
-} & NativeProps;
-export declare const GridItem: FC<GridItemProps>;

package/cjs/components/grid/grid.js

@@ -1,59 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.GridItem = exports.Grid = void 0;
-
-var _withDefaultProps = require("../../utils/with-default-props");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _nativeProps = require("../../utils/native-props");
-
-var _toCssLength = require("../../utils/to-css-length");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const classPrefix = `adm-grid`;
-
-const Grid = props => {
-  const style = {
-    '--columns': props.columns.toString()
-  };
-  const {
-    gap
-  } = props;
-
-  if (gap !== undefined) {
-    if (Array.isArray(gap)) {
-      style['--gap-horizontal'] = (0, _toCssLength.toCSSLength)(gap[0]);
-      style['--gap-vertical'] = (0, _toCssLength.toCSSLength)(gap[1]);
-    } else {
-      style['--gap'] = (0, _toCssLength.toCSSLength)(gap);
-    }
-  }
-
-  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
-    className: classPrefix,
-    style: style
-  }, props.children));
-};
-
-exports.Grid = Grid;
-
-const GridItem = p => {
-  const props = (0, _withDefaultProps.mergeProps)({
-    span: 1
-  }, p);
-  const itemStyle = {
-    '--item-span': props.span
-  };
-  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
-    className: `${classPrefix}-item`,
-    style: itemStyle,
-    onClick: props.onClick
-  }, props.children));
-};
-
-exports.GridItem = GridItem;

package/cjs/components/grid/index.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import './grid.less';
-export type { GridProps, GridItemProps } from './grid';
-declare const _default: import("react").FC<import("./grid").GridProps> & {
-    Item: import("react").FC<import("./grid").GridItemProps>;
-};
-export default _default;

package/cjs/components/grid/index.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("./grid.css");
-
-var _attachPropertiesToComponent = require("../../utils/attach-properties-to-component");
-
-var _grid2 = require("./grid");
-
-var _default = (0, _attachPropertiesToComponent.attachPropertiesToComponent)(_grid2.Grid, {
-  Item: _grid2.GridItem
-});
-
-exports.default = _default;

package/cjs/components/image/broken-image-icon.d.ts

@@ -1 +0,0 @@
-export declare const BrokenImageIcon: () => JSX.Element;

package/cjs/components/image/broken-image-icon.js

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BrokenImageIcon = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const BrokenImageIcon = () => _react.default.createElement("svg", {
-  viewBox: '0 0 48 48',
-  xmlns: 'http://www.w3.org/2000/svg'
-}, _react.default.createElement("path", {
-  d: 'M19.233 6.233 17.42 9.08l-10.817.001a.665.665 0 0 0-.647.562l-.007.096V34.9l5.989-8.707a2.373 2.373 0 0 1 1.801-1.005 2.415 2.415 0 0 1 1.807.625l.126.127 4.182 4.525 2.267-3.292 5.461 7.841-4.065 7.375H6.604c-1.86 0-3.382-1.47-3.482-3.317l-.005-.192V9.744c0-1.872 1.461-3.405 3.296-3.505l.19-.005h12.63Zm22.163 0c1.86 0 3.382 1.472 3.482 3.314l.005.192v29.14a3.507 3.507 0 0 1-3.3 3.505l-.191.006H27.789l3.63-6.587.06-.119a1.87 1.87 0 0 0-.163-1.853l-6.928-9.949 3.047-4.422a2.374 2.374 0 0 1 1.96-1.01 2.4 2.4 0 0 1 1.86.87l.106.14L42.05 34.89V9.74a.664.664 0 0 0-.654-.658H21.855l1.812-2.848h17.73Zm-28.305 5.611c.794 0 1.52.298 2.07.788l-.843 1.325-.067.114a1.87 1.87 0 0 0 .11 1.959l.848 1.217c-.556.515-1.3.83-2.118.83a3.122 3.122 0 0 1-3.117-3.116 3.119 3.119 0 0 1 3.117-3.117Z',
-  fill: '#DBDBDB',
-  fillRule: 'nonzero'
-}));
-
-exports.BrokenImageIcon = BrokenImageIcon;

package/cjs/components/image/image-icon.d.ts

@@ -1 +0,0 @@
-export declare const ImageIcon: () => JSX.Element;

package/cjs/components/image/image-icon.js

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ImageIcon = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const ImageIcon = () => _react.default.createElement("svg", {
-  viewBox: '0 0 48 48',
-  xmlns: 'http://www.w3.org/2000/svg'
-}, _react.default.createElement("path", {
-  d: 'M41.396 6.234c1.923 0 3.487 1.574 3.487 3.505v29.14c0 1.937-1.568 3.51-3.491 3.51H6.604c-1.923 0-3.487-1.573-3.487-3.51V9.745c0-1.936 1.564-3.51 3.487-3.51Zm0 2.847H6.604c-.355 0-.654.3-.654.658V34.9l5.989-8.707a2.373 2.373 0 0 1 1.801-1.005 2.405 2.405 0 0 1 1.933.752l4.182 4.525 7.58-11.005a2.374 2.374 0 0 1 1.96-1.01c.79 0 1.532.38 1.966 1.01L42.05 34.89V9.74a.664.664 0 0 0-.654-.658Zm-28.305 2.763a3.119 3.119 0 0 1 3.117 3.117 3.119 3.119 0 0 1-3.117 3.117 3.122 3.122 0 0 1-3.117-3.117 3.119 3.119 0 0 1 3.117-3.117Z',
-  fill: '#DBDBDB',
-  fillRule: 'nonzero'
-}));
-
-exports.ImageIcon = ImageIcon;

package/cjs/components/image/image.css

@@ -1,28 +0,0 @@
-.adm-image {
-  --width: var(--adm-image-width, auto);
-  --height: var(--adm-image-height, auto);
-  width: var(--width);
-  height: var(--height);
-  display: block;
-  overflow: hidden;
-}
-.adm-image-img {
-  width: 100%;
-  height: 100%;
-}
-.adm-image-tip {
-  position: relative;
-  background-color: var(--adm-color-box);
-  height: 100%;
-  min-height: 24px;
-  min-width: 24px;
-}
-.adm-image-tip > svg {
-  width: 24px;
-  height: 24px;
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-  color: var(--adm-color-weak);
-}

package/cjs/components/image/image.d.ts

@@ -1,17 +0,0 @@
-import React, { ReactNode } from 'react';
-import { NativeProps } from '../../utils/native-props';
-export declare type ImageProps = {
-    src?: string;
-    alt?: string;
-    width?: number | string;
-    height?: number | string;
-    fit?: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
-    placeholder?: ReactNode;
-    fallback?: ReactNode;
-    lazy?: boolean;
-    draggable?: boolean;
-    onClick?: (event: React.MouseEvent<HTMLImageElement, Event>) => void;
-    onError?: (event: React.SyntheticEvent<HTMLImageElement, Event>) => void;
-    onLoad?: (event: React.SyntheticEvent<HTMLImageElement, Event>) => void;
-} & NativeProps<'--width' | '--height'> & Pick<React.ImgHTMLAttributes<HTMLImageElement>, 'crossOrigin' | 'decoding' | 'loading' | 'referrerPolicy' | 'sizes' | 'srcSet' | 'useMap'>;
-export declare const Image: React.FC<ImageProps>;

package/cjs/components/image/image.js

@@ -1,118 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Image = void 0;
-
-var _withDefaultProps = require("../../utils/with-default-props");
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _nativeProps = require("../../utils/native-props");
-
-var _stagedComponents = require("staged-components");
-
-var _toCssLength = require("../../utils/to-css-length");
-
-var _lazyDetector = require("./lazy-detector");
-
-var _useIsomorphicUpdateLayoutEffect = require("../../utils/use-isomorphic-update-layout-effect");
-
-var _imageIcon = require("./image-icon");
-
-var _brokenImageIcon = require("./broken-image-icon");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const classPrefix = `adm-image`;
-const defaultProps = {
-  fit: 'fill',
-  placeholder: _react.default.createElement("div", {
-    className: `${classPrefix}-tip`
-  }, _react.default.createElement(_imageIcon.ImageIcon, null)),
-  fallback: _react.default.createElement("div", {
-    className: `${classPrefix}-tip`
-  }, _react.default.createElement(_brokenImageIcon.BrokenImageIcon, null)),
-  lazy: false,
-  draggable: false
-};
-const Image = (0, _stagedComponents.staged)(p => {
-  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
-  const [loaded, setLoaded] = (0, _react.useState)(false);
-  const [failed, setFailed] = (0, _react.useState)(false);
-  const ref = (0, _react.useRef)(null);
-  let src = props.src;
-  let srcSet = props.srcSet;
-  const [initialized, setInitialized] = (0, _react.useState)(!props.lazy);
-  src = initialized ? props.src : undefined;
-  srcSet = initialized ? props.srcSet : undefined;
-  (0, _useIsomorphicUpdateLayoutEffect.useIsomorphicUpdateLayoutEffect)(() => {
-    setLoaded(false);
-    setFailed(false);
-  }, [src]);
-
-  function renderInner() {
-    if (failed) {
-      return _react.default.createElement(_react.default.Fragment, null, props.fallback);
-    }
-
-    const img = _react.default.createElement("img", {
-      className: `${classPrefix}-img`,
-      src: src,
-      alt: props.alt,
-      onClick: props.onClick,
-      onLoad: e => {
-        var _a;
-
-        setLoaded(true);
-        (_a = props.onLoad) === null || _a === void 0 ? void 0 : _a.call(props, e);
-      },
-      onError: e => {
-        var _a;
-
-        setFailed(true);
-        (_a = props.onError) === null || _a === void 0 ? void 0 : _a.call(props, e);
-      },
-      style: {
-        objectFit: props.fit,
-        display: loaded ? 'block' : 'none'
-      },
-      crossOrigin: props.crossOrigin,
-      decoding: props.decoding,
-      loading: props.loading,
-      referrerPolicy: props.referrerPolicy,
-      sizes: props.sizes,
-      srcSet: srcSet,
-      useMap: props.useMap,
-      draggable: props.draggable
-    });
-
-    return _react.default.createElement(_react.default.Fragment, null, !loaded && props.placeholder, img);
-  }
-
-  const style = {};
-
-  if (props.width) {
-    style['--width'] = (0, _toCssLength.toCSSLength)(props.width);
-    style['width'] = (0, _toCssLength.toCSSLength)(props.width);
-  }
-
-  if (props.height) {
-    style['--height'] = (0, _toCssLength.toCSSLength)(props.height);
-    style['height'] = (0, _toCssLength.toCSSLength)(props.height);
-  }
-
-  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
-    ref: ref,
-    className: classPrefix,
-    style: style
-  }, props.lazy && !initialized && _react.default.createElement(_lazyDetector.LazyDetector, {
-    onActive: () => {
-      setInitialized(true);
-    }
-  }), renderInner()));
-});
-exports.Image = Image;

package/cjs/components/image/image.patch.css

@@ -1,10 +0,0 @@
-.adm-image {
-  width: auto;
-  height: auto;
-}
-.adm-image-tip {
-  background-color: #f5f5f5;
-}
-.adm-image-tip > svg {
-  color: #999999;
-}

package/cjs/components/image/index.d.ts

@@ -1,4 +0,0 @@
-import './image.less';
-import { Image } from './image';
-export type { ImageProps } from './image';
-export default Image;