antd-mobile 5.12.0 → 5.12.3

package/bundle/antd-mobile.cjs.js

@@ -1489,11 +1489,11 @@ function useConfig() {
   return (_a = React$1.useContext(ConfigContext)) !== null && _a !== void 0 ? _a : getDefaultConfig();
 }
 var actionSheet = "";
-function attachPropertiesToComponent(component, properties) {
+function attachPropertiesToComponent(component, properties2) {
   const ret = component;
-  for (const key in properties) {
-    if (properties.hasOwnProperty(key)) {
-      ret[key] = properties[key];
+  for (const key in properties2) {
+    if (properties2.hasOwnProperty(key)) {
+      ret[key] = properties2[key];
     }
   }
   return ret;
@@ -1626,7 +1626,7 @@ function getScrollParent(el2, root2 = defaultRoot) {
     const {
       overflowY
     } = window.getComputedStyle(node);
-    if (overflowStylePatterns.includes(overflowY)) {
+    if (overflowStylePatterns.includes(overflowY) && node.scrollHeight > node.clientHeight) {
       return node;
     }
     node = node.parentNode;
@@ -9165,17 +9165,27 @@ const {
 let createRoot;
 try {
   const mainVersion = Number((version || "").split(".")[0]);
-  if (mainVersion >= 18) {
-    createRoot = require("react-dom/client").createRoot;
+  if (mainVersion >= 18 && fullClone.createRoot) {
+    createRoot = fullClone.createRoot;
   }
 } catch (e) {
 }
+function toggleWarning(skip) {
+  const {
+    __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED
+  } = fullClone;
+  if (__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED && typeof __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED === "object") {
+    __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.usingClientEntryPoint = skip;
+  }
+}
 const MARK = "__antd_mobile_root__";
 function legacyRender(node, container) {
   reactRender(node, container);
 }
 function concurrentRender(node, container) {
+  toggleWarning(true);
   const root2 = container[MARK] || createRoot(container);
+  toggleWarning(false);
   root2.render(node);
   container[MARK] = root2;
 }
@@ -9427,9 +9437,10 @@ const Badge$1 = (props) => {
     className: `${classPrefix$18}-wrap`
   }, children, element) : element;
 };
-var Badge = attachPropertiesToComponent(Badge$1, {
+const properties = {
   dot
-});
+};
+var Badge = attachPropertiesToComponent(Badge$1, properties);
 var calendar = "";
 const ArrowLeft = () => {
   return React__default["default"].createElement("svg", {
@@ -9651,10 +9662,10 @@ const Calendar = React$1.forwardRef((p2, ref) => {
         isSelect = isBegin || isEnd || d.isAfter(begin, "day") && d.isBefore(end, "day");
       }
       const inThisMonth = d.month() === current.month();
-      const disabled = !inThisMonth || maxDay && d.isAfter(maxDay, "day") || minDay && d.isBefore(minDay, "day");
+      const disabled = maxDay && d.isAfter(maxDay, "day") || minDay && d.isBefore(minDay, "day");
       cells.push(React__default["default"].createElement("div", {
         key: d.valueOf(),
-        className: classNames__default["default"](`${classPrefix$17}-cell`, disabled && `${classPrefix$17}-cell-disabled`, inThisMonth && {
+        className: classNames__default["default"](`${classPrefix$17}-cell`, (disabled || !inThisMonth) && `${classPrefix$17}-cell-disabled`, inThisMonth && {
           [`${classPrefix$17}-cell-today`]: d.isSame(today, "day"),
           [`${classPrefix$17}-cell-selected`]: isSelect,
           [`${classPrefix$17}-cell-selected-begin`]: isBegin,
@@ -14913,9 +14924,6 @@ const ImageUploader = (p2) => {
   } = useConfig();
   const props = mergeProps(defaultProps$t, p2);
   const [value, setValue] = usePropsValue(props);
-  const updateValue = ahooks.useMemoizedFn((updater) => {
-    setValue(updater(value));
-  });
   const [tasks, setTasks] = React$1.useState([]);
   ahooks.useIsomorphicLayoutEffect(() => {
     setTasks((prev) => prev.filter((task) => {
@@ -14987,7 +14995,7 @@ const ImageUploader = (p2) => {
               return task;
             });
           });
-          updateValue((prev) => {
+          setValue((prev) => {
             const newVal = Object.assign({}, result2);
             return [...prev, newVal];
           });
@@ -16552,20 +16560,14 @@ const SearchBar = React$1.forwardRef((p2, ref) => {
     }
   }));
   const renderCancelButton = () => {
-    let isShowCancel = false;
+    let isShowCancel;
     if (typeof props.showCancelButton === "function") {
       isShowCancel = props.showCancelButton(hasFocus, value);
     } else {
       isShowCancel = props.showCancelButton && hasFocus;
     }
     return isShowCancel && React__default["default"].createElement("div", {
-      className: `${classPrefix$i}-suffix`,
-      onMouseDown: (e) => {
-        e.preventDefault();
-      },
-      onTouchStart: (e) => {
-        e.preventDefault();
-      }
+      className: `${classPrefix$i}-suffix`
     }, React__default["default"].createElement(Button, {
       fill: "none",
       className: `${classPrefix$i}-cancel-button`,

package/bundle/antd-mobile.es.js

@@ -1479,11 +1479,11 @@ function useConfig() {
   return (_a = useContext(ConfigContext)) !== null && _a !== void 0 ? _a : getDefaultConfig();
 }
 var actionSheet = "";
-function attachPropertiesToComponent(component, properties) {
+function attachPropertiesToComponent(component, properties2) {
   const ret = component;
-  for (const key in properties) {
-    if (properties.hasOwnProperty(key)) {
-      ret[key] = properties[key];
+  for (const key in properties2) {
+    if (properties2.hasOwnProperty(key)) {
+      ret[key] = properties2[key];
     }
   }
   return ret;
@@ -1616,7 +1616,7 @@ function getScrollParent(el2, root2 = defaultRoot) {
     const {
       overflowY
     } = window.getComputedStyle(node);
-    if (overflowStylePatterns.includes(overflowY)) {
+    if (overflowStylePatterns.includes(overflowY) && node.scrollHeight > node.clientHeight) {
       return node;
     }
     node = node.parentNode;
@@ -9155,17 +9155,27 @@ const {
 let createRoot;
 try {
   const mainVersion = Number((version || "").split(".")[0]);
-  if (mainVersion >= 18) {
-    createRoot = require("react-dom/client").createRoot;
+  if (mainVersion >= 18 && fullClone.createRoot) {
+    createRoot = fullClone.createRoot;
   }
 } catch (e) {
 }
+function toggleWarning(skip) {
+  const {
+    __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED
+  } = fullClone;
+  if (__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED && typeof __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED === "object") {
+    __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.usingClientEntryPoint = skip;
+  }
+}
 const MARK = "__antd_mobile_root__";
 function legacyRender(node, container) {
   reactRender(node, container);
 }
 function concurrentRender(node, container) {
+  toggleWarning(true);
   const root2 = container[MARK] || createRoot(container);
+  toggleWarning(false);
   root2.render(node);
   container[MARK] = root2;
 }
@@ -9417,9 +9427,10 @@ const Badge$1 = (props) => {
     className: `${classPrefix$18}-wrap`
   }, children, element) : element;
 };
-var Badge = attachPropertiesToComponent(Badge$1, {
+const properties = {
   dot
-});
+};
+var Badge = attachPropertiesToComponent(Badge$1, properties);
 var calendar = "";
 const ArrowLeft = () => {
   return React$1.createElement("svg", {
@@ -9641,10 +9652,10 @@ const Calendar = forwardRef((p2, ref) => {
         isSelect = isBegin || isEnd || d.isAfter(begin, "day") && d.isBefore(end, "day");
       }
       const inThisMonth = d.month() === current.month();
-      const disabled = !inThisMonth || maxDay && d.isAfter(maxDay, "day") || minDay && d.isBefore(minDay, "day");
+      const disabled = maxDay && d.isAfter(maxDay, "day") || minDay && d.isBefore(minDay, "day");
       cells.push(React$1.createElement("div", {
         key: d.valueOf(),
-        className: classNames(`${classPrefix$17}-cell`, disabled && `${classPrefix$17}-cell-disabled`, inThisMonth && {
+        className: classNames(`${classPrefix$17}-cell`, (disabled || !inThisMonth) && `${classPrefix$17}-cell-disabled`, inThisMonth && {
           [`${classPrefix$17}-cell-today`]: d.isSame(today, "day"),
           [`${classPrefix$17}-cell-selected`]: isSelect,
           [`${classPrefix$17}-cell-selected-begin`]: isBegin,
@@ -14903,9 +14914,6 @@ const ImageUploader = (p2) => {
   } = useConfig();
   const props = mergeProps(defaultProps$t, p2);
   const [value, setValue] = usePropsValue(props);
-  const updateValue = useMemoizedFn((updater) => {
-    setValue(updater(value));
-  });
   const [tasks, setTasks] = useState([]);
   useIsomorphicLayoutEffect(() => {
     setTasks((prev) => prev.filter((task) => {
@@ -14977,7 +14985,7 @@ const ImageUploader = (p2) => {
               return task;
             });
           });
-          updateValue((prev) => {
+          setValue((prev) => {
             const newVal = Object.assign({}, result2);
             return [...prev, newVal];
           });
@@ -16542,20 +16550,14 @@ const SearchBar = forwardRef((p2, ref) => {
     }
   }));
   const renderCancelButton = () => {
-    let isShowCancel = false;
+    let isShowCancel;
     if (typeof props.showCancelButton === "function") {
       isShowCancel = props.showCancelButton(hasFocus, value);
     } else {
       isShowCancel = props.showCancelButton && hasFocus;
     }
     return isShowCancel && React$1.createElement("div", {
-      className: `${classPrefix$i}-suffix`,
-      onMouseDown: (e) => {
-        e.preventDefault();
-      },
-      onTouchStart: (e) => {
-        e.preventDefault();
-      }
+      className: `${classPrefix$i}-suffix`
     }, React$1.createElement(Button, {
       fill: "none",
       className: `${classPrefix$i}-cancel-button`,

package/bundle/style.css

@@ -757,6 +757,8 @@ div.adm-px-tester {
   --content-padding: 12px;
   --active-line-height: 2px;
   --active-line-border-radius: var(--active-line-height);
+  --active-line-color: var(--adm-color-primary);
+  --active-title-color: var(--adm-color-primary);
   position: relative;
   min-width: 0;
 }
@@ -792,7 +794,7 @@ div.adm-px-tester {
   cursor: pointer;
 }
 .adm-tabs-tab-active {
-  color: var(--adm-color-primary);
+  color: var(--active-title-color);
 }
 .adm-tabs-tab-disabled {
   opacity: 0.5;
@@ -802,8 +804,7 @@ div.adm-px-tester {
   position: absolute;
   bottom: 0;
   height: var(--active-line-height);
-  color: var(--adm-color-primary);
-  background: var(--adm-color-primary);
+  background: var(--active-line-color);
   border-radius: var(--active-line-border-radius);
 }
 .adm-tabs-content {
@@ -1270,7 +1271,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
 .adm-dropdown-item .adm-dropdown-item-title-arrow {
   color: var(--adm-color-light);
   font-size: 9px;
-  transform: rotate(0deg) translateY(-1px);
+  transform: rotate(0deg) translateY(1px);
   transition: all ease 0.2s;
 }
 .adm-dropdown-item .adm-dropdown-item-title-arrow-active {

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

@@ -1,7 +1,9 @@
 /// <reference types="react" />
 import './badge.less';
+import { dot } from './badge';
 export type { BadgeProps } from './badge';
-declare const _default: import("react").FC<import("./badge").BadgeProps> & {
-    dot: symbol;
+declare type Properties = {
+    dot: typeof dot;
 };
+declare const _default: import("react").FC<import("./badge").BadgeProps> & Properties;
 export default _default;

package/cjs/components/badge/index.js

@@ -11,8 +11,10 @@ var _badge2 = require("./badge");
 
 var _attachPropertiesToComponent = require("../../utils/attach-properties-to-component");
 
-var _default = (0, _attachPropertiesToComponent.attachPropertiesToComponent)(_badge2.Badge, {
+const properties = {
   dot: _badge2.dot
-});
+};
+
+var _default = (0, _attachPropertiesToComponent.attachPropertiesToComponent)(_badge2.Badge, properties);
 
 exports.default = _default;

package/cjs/components/calendar/calendar.js

@@ -153,10 +153,10 @@ const Calendar = (0, _react.forwardRef)((p, ref) => {
       }
 
       const inThisMonth = d.month() === current.month();
-      const disabled = !inThisMonth || maxDay && d.isAfter(maxDay, 'day') || minDay && d.isBefore(minDay, 'day');
+      const disabled = maxDay && d.isAfter(maxDay, 'day') || minDay && d.isBefore(minDay, 'day');
       cells.push(_react.default.createElement("div", {
         key: d.valueOf(),
-        className: (0, _classnames.default)(`${classPrefix}-cell`, disabled && `${classPrefix}-cell-disabled`, inThisMonth && {
+        className: (0, _classnames.default)(`${classPrefix}-cell`, (disabled || !inThisMonth) && `${classPrefix}-cell-disabled`, inThisMonth && {
           [`${classPrefix}-cell-today`]: d.isSame(today, 'day'),
           [`${classPrefix}-cell-selected`]: isSelect,
           [`${classPrefix}-cell-selected-begin`]: isBegin,

package/cjs/components/dialog/dialog.d.ts

@@ -1,4 +1,5 @@
 import React, { FC, ReactNode } from 'react';
+import type { MaskProps } from '../mask';
 import { Action } from './dialog-action-button';
 import { GetContainer } from '../../utils/render-to-container';
 import { PropagationEvent } from '../../utils/with-stop-propagation';
@@ -19,7 +20,7 @@ export declare type DialogProps = {
     getContainer?: GetContainer;
     bodyStyle?: React.CSSProperties;
     bodyClassName?: string;
-    maskStyle?: React.CSSProperties;
+    maskStyle?: MaskProps['style'];
     maskClassName?: string;
     stopPropagation?: PropagationEvent[];
     disableBodyScroll?: boolean;

package/cjs/components/dropdown/dropdown.css

@@ -32,7 +32,7 @@
 .adm-dropdown-item .adm-dropdown-item-title-arrow {
   color: var(--adm-color-light);
   font-size: 9px;
-  transform: rotate(0deg) translateY(-1px);
+  transform: rotate(0deg) translateY(1px);
   transition: all ease 0.2s;
 }
 .adm-dropdown-item .adm-dropdown-item-title-arrow-active {

package/cjs/components/error-block/images/busy.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const busyImage: JSX.Element;

package/cjs/components/error-block/images/default.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const defaultImage: JSX.Element;

package/cjs/components/error-block/images/disconnected.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const disconnectedImage: JSX.Element;

package/cjs/components/error-block/images/empty.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const emptyImage: JSX.Element;

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

@@ -1,7 +1,7 @@
 import React, { ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type ImageProps = {
-    src: string;
+    src?: string;
     alt?: string;
     width?: number | string;
     height?: number | string;

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

@@ -53,9 +53,6 @@ const ImageUploader = p => {
   } = (0, _configProvider.useConfig)();
   const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
   const [value, setValue] = (0, _usePropsValue.usePropsValue)(props);
-  const updateValue = (0, _ahooks.useMemoizedFn)(updater => {
-    setValue(updater(value));
-  });
   const [tasks, setTasks] = (0, _react.useState)([]);
   (0, _ahooks.useIsomorphicLayoutEffect)(() => {
     setTasks(prev => prev.filter(task => {
@@ -134,7 +131,7 @@ const ImageUploader = p => {
               return task;
             });
           });
-          updateValue(prev => {
+          setValue(prev => {
             const newVal = Object.assign({}, result);
             return [...prev, newVal];
           });

package/cjs/components/modal/modal.d.ts

@@ -1,4 +1,5 @@
 import React, { FC, ReactNode } from 'react';
+import type { MaskProps } from '../mask';
 import { Action } from './modal-action-button';
 import { GetContainer } from '../../utils/render-to-container';
 import { PropagationEvent } from '../../utils/with-stop-propagation';
@@ -19,7 +20,7 @@ export declare type ModalProps = {
     getContainer?: GetContainer;
     bodyStyle?: React.CSSProperties;
     bodyClassName?: string;
-    maskStyle?: React.CSSProperties;
+    maskStyle?: MaskProps['style'];
     maskClassName?: string;
     stopPropagation?: PropagationEvent[];
     showCloseButton?: boolean;

package/cjs/components/popup/popup.d.ts

@@ -1,5 +1,6 @@
 import React, { FC } from 'react';
 import { NativeProps } from '../../utils/native-props';
+import type { MaskProps } from '../mask';
 import { GetContainer } from '../../utils/render-to-container';
 import { PropagationEvent } from '../../utils/with-stop-propagation';
 export declare type PopupProps = {
@@ -15,7 +16,7 @@ export declare type PopupProps = {
     bodyClassName?: string;
     bodyStyle?: React.CSSProperties;
     maskClassName?: string;
-    maskStyle?: React.CSSProperties;
+    maskStyle?: MaskProps['style'];
     onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
     stopPropagation?: PropagationEvent[];
     children?: React.ReactNode;

package/cjs/components/search-bar/search-bar.js

@@ -74,7 +74,7 @@ const SearchBar = (0, _react.forwardRef)((p, ref) => {
   }));
 
   const renderCancelButton = () => {
-    let isShowCancel = false;
+    let isShowCancel;
 
     if (typeof props.showCancelButton === 'function') {
       isShowCancel = props.showCancelButton(hasFocus, value);
@@ -83,13 +83,7 @@ const SearchBar = (0, _react.forwardRef)((p, ref) => {
     }
 
     return isShowCancel && _react.default.createElement("div", {
-      className: `${classPrefix}-suffix`,
-      onMouseDown: e => {
-        e.preventDefault();
-      },
-      onTouchStart: e => {
-        e.preventDefault();
-      }
+      className: `${classPrefix}-suffix`
     }, _react.default.createElement(_button.default, {
       fill: 'none',
       className: `${classPrefix}-cancel-button`,

package/cjs/components/tabs/tabs.css

@@ -3,6 +3,8 @@
   --content-padding: 12px;
   --active-line-height: 2px;
   --active-line-border-radius: var(--active-line-height);
+  --active-line-color: var(--adm-color-primary);
+  --active-title-color: var(--adm-color-primary);
   position: relative;
   min-width: 0;
 }
@@ -38,7 +40,7 @@
   cursor: pointer;
 }
 .adm-tabs-tab-active {
-  color: var(--adm-color-primary);
+  color: var(--active-title-color);
 }
 .adm-tabs-tab-disabled {
   opacity: 0.5;
@@ -48,8 +50,7 @@
   position: absolute;
   bottom: 0;
   height: var(--active-line-height);
-  color: var(--adm-color-primary);
-  background: var(--adm-color-primary);
+  background: var(--active-line-color);
   border-radius: var(--active-line-border-radius);
 }
 .adm-tabs-content {

package/cjs/components/tabs/tabs.d.ts

@@ -15,5 +15,5 @@ export declare type TabsProps = {
     stretch?: boolean;
     onChange?: (key: string) => void;
     children?: React.ReactNode;
-} & NativeProps<'--fixed-active-line-width' | '--active-line-height' | '--active-line-border-radius' | '--title-font-size' | '--content-padding'>;
+} & NativeProps<'--fixed-active-line-width' | '--active-line-height' | '--active-line-border-radius' | '--title-font-size' | '--content-padding' | '--active-title-color' | '--active-line-color'>;
 export declare const Tabs: FC<TabsProps>;

package/cjs/components/toast/toast.d.ts

@@ -1,9 +1,10 @@
 import React, { ReactNode } from 'react';
+import type { MaskProps } from '../mask';
 import { PropagationEvent } from '../../utils/with-stop-propagation';
 import { GetContainer } from '../../utils/render-to-container';
 export interface ToastProps {
     afterClose?: () => void;
-    maskStyle?: React.CSSProperties;
+    maskStyle?: MaskProps['style'];
     maskClassName?: string;
     maskClickable?: boolean;
     content?: ReactNode;

package/cjs/utils/get-scroll-parent.js

@@ -27,7 +27,7 @@ function getScrollParent(el, root = defaultRoot) {
       overflowY
     } = window.getComputedStyle(node);
 
-    if (overflowStylePatterns.includes(overflowY)) {
+    if (overflowStylePatterns.includes(overflowY) && node.scrollHeight > node.clientHeight) {
       return node;
     }
 

package/cjs/utils/render.js

@@ -26,13 +26,23 @@ let createRoot;
 try {
   const mainVersion = Number((version || '').split('.')[0]);
 
-  if (mainVersion >= 18) {
+  if (mainVersion >= 18 && fullClone.createRoot) {
     // eslint-disable-next-line @typescript-eslint/no-var-requires
-    createRoot = require('react-dom/client').createRoot;
+    createRoot = fullClone.createRoot;
   }
 } catch (e) {// Do nothing;
 }
 
+function toggleWarning(skip) {
+  const {
+    __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED
+  } = fullClone;
+
+  if (__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED && typeof __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED === 'object') {
+    __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.usingClientEntryPoint = skip;
+  }
+}
+
 const MARK = '__antd_mobile_root__';
 
 function legacyRender(node, container) {
@@ -40,7 +50,9 @@ function legacyRender(node, container) {
 }
 
 function concurrentRender(node, container) {
+  toggleWarning(true);
   const root = container[MARK] || createRoot(container);
+  toggleWarning(false);
   root.render(node);
   container[MARK] = root;
 }

package/es/components/badge/index.d.ts

@@ -1,7 +1,9 @@
 /// <reference types="react" />
 import './badge.less';
+import { dot } from './badge';
 export type { BadgeProps } from './badge';
-declare const _default: import("react").FC<import("./badge").BadgeProps> & {
-    dot: symbol;
+declare type Properties = {
+    dot: typeof dot;
 };
+declare const _default: import("react").FC<import("./badge").BadgeProps> & Properties;
 export default _default;

package/es/components/badge/index.js

@@ -1,6 +1,7 @@
 import "./badge.css";
 import { Badge, dot } from './badge';
 import { attachPropertiesToComponent } from '../../utils/attach-properties-to-component';
-export default attachPropertiesToComponent(Badge, {
+const properties = {
   dot
-});
+};
+export default attachPropertiesToComponent(Badge, properties);

package/es/components/calendar/calendar.js

@@ -125,10 +125,10 @@ export const Calendar = forwardRef((p, ref) => {
       }
 
       const inThisMonth = d.month() === current.month();
-      const disabled = !inThisMonth || maxDay && d.isAfter(maxDay, 'day') || minDay && d.isBefore(minDay, 'day');
+      const disabled = maxDay && d.isAfter(maxDay, 'day') || minDay && d.isBefore(minDay, 'day');
       cells.push(React.createElement("div", {
         key: d.valueOf(),
-        className: classNames(`${classPrefix}-cell`, disabled && `${classPrefix}-cell-disabled`, inThisMonth && {
+        className: classNames(`${classPrefix}-cell`, (disabled || !inThisMonth) && `${classPrefix}-cell-disabled`, inThisMonth && {
           [`${classPrefix}-cell-today`]: d.isSame(today, 'day'),
           [`${classPrefix}-cell-selected`]: isSelect,
           [`${classPrefix}-cell-selected-begin`]: isBegin,

package/es/components/dialog/dialog.d.ts

@@ -1,4 +1,5 @@
 import React, { FC, ReactNode } from 'react';
+import type { MaskProps } from '../mask';
 import { Action } from './dialog-action-button';
 import { GetContainer } from '../../utils/render-to-container';
 import { PropagationEvent } from '../../utils/with-stop-propagation';
@@ -19,7 +20,7 @@ export declare type DialogProps = {
     getContainer?: GetContainer;
     bodyStyle?: React.CSSProperties;
     bodyClassName?: string;
-    maskStyle?: React.CSSProperties;
+    maskStyle?: MaskProps['style'];
     maskClassName?: string;
     stopPropagation?: PropagationEvent[];
     disableBodyScroll?: boolean;

package/es/components/dropdown/dropdown.css

@@ -32,7 +32,7 @@
 .adm-dropdown-item .adm-dropdown-item-title-arrow {
   color: var(--adm-color-light);
   font-size: 9px;
-  transform: rotate(0deg) translateY(-1px);
+  transform: rotate(0deg) translateY(1px);
   transition: all ease 0.2s;
 }
 .adm-dropdown-item .adm-dropdown-item-title-arrow-active {

package/es/components/error-block/images/busy.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const busyImage: JSX.Element;

package/es/components/error-block/images/default.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const defaultImage: JSX.Element;

package/es/components/error-block/images/disconnected.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const disconnectedImage: JSX.Element;

package/es/components/error-block/images/empty.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const emptyImage: JSX.Element;

package/es/components/image/image.d.ts

@@ -1,7 +1,7 @@
 import React, { ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type ImageProps = {
-    src: string;
+    src?: string;
     alt?: string;
     width?: number | string;
     height?: number | string;