antd-mobile 5.25.0 → 5.26.0

package/2x/bundle/css-vars-patch.css

@@ -0,0 +1,399 @@
+@supports not (color: var(--adm-color-text)) {
+  .adm-button {
+    color: #333333;
+    background-color: #ffffff;
+    font-size: 34px;
+    border-width: 2px;
+    border-style: solid;
+    border-color: #eeeeee;
+    border-radius: 8px;
+  }
+
+  .adm-button::before {
+    transform: translate(-2px, -2px);
+    border: 2px solid #000;
+    border-radius: 8px;
+  }
+
+  .adm-button-default.adm-button-fill-outline {
+    background-color: transparent;
+    border-color: #333333;
+  }
+
+  .adm-button-default.adm-button-fill-none {
+    background-color: transparent;
+    border-width: 0;
+  }
+
+  .adm-button:not(.adm-button-default) {
+    color: #ffffff;
+  }
+
+  .adm-button:not(.adm-button-default).adm-button-fill-outline {
+    background-color: transparent;
+  }
+
+  .adm-button:not(.adm-button-default).adm-button-fill-none {
+    background-color: transparent;
+    border-width: 0;
+  }
+
+  .adm-button-primary {
+    background-color: #1677ff;
+    border-color: #1677ff;
+  }
+
+  .adm-button-primary.adm-button-fill-outline,
+  .adm-button-primary.adm-button-fill-none {
+    color: #1677ff;
+  }
+
+  .adm-button-success {
+    background-color: #00b578;
+    border-color: #00b578;
+  }
+
+  .adm-button-success.adm-button-fill-outline,
+  .adm-button-success.adm-button-fill-none {
+    color: #00b578;
+  }
+
+  .adm-button-danger {
+    background-color: #00b578;
+    border-color: #00b578;
+  }
+
+  .adm-button-danger.adm-button-fill-outline,
+  .adm-button-danger.adm-button-fill-none {
+    color: #00b578;
+  }
+
+  .adm-button-warning {
+    background-color: #ff8f1f;
+    border-color: #ff8f1f;
+  }
+
+  .adm-button-warning.adm-button-fill-outline,
+  .adm-button-warning.adm-button-fill-none {
+    color: #ff8f1f;
+  }
+
+  .adm-button.adm-button-mini {
+    font-size: 26px;
+  }
+
+  .adm-button.adm-button-small {
+    padding-top: 6px;
+    padding-bottom: 6px;
+    font-size: 30px;
+  }
+
+  .adm-button.adm-button-large {
+    padding-top: 22px;
+    padding-bottom: 22px;
+    font-size: 36px;
+  }
+
+  .adm-button.adm-button-shape-rounded {
+    border-radius: 2000px;
+  }
+
+  .adm-button.adm-button-shape-rounded::before {
+    border-radius: 2000px;
+  }
+
+  .adm-button.adm-button-shape-rectangular {
+    border-radius: 0;
+  }
+
+  .adm-center-popup {
+    z-index: 1000;
+  }
+
+  .adm-center-popup-wrap {
+    min-width: 560px;
+    max-width: 75vw;
+  }
+
+  .adm-center-popup-body {
+    background-color: #ffffff;
+    border-radius: 16px;
+  }
+
+  .adm-error-block-image {
+    height: 200px;
+    width: auto;
+  }
+
+  .adm-error-block-description {
+    font-size: var(--adm-font-size-4);
+  }
+
+  .adm-error-block-description-title {
+    font-size: var(--adm-font-size-7);
+  }
+
+  .adm-error-block-full-page {
+    padding-top: calc(50vh - 400px);
+  }
+
+  .adm-error-block-full-page .adm-error-block-image {
+    height: 400px;
+    width: auto;
+  }
+
+  .adm-error-block-full-page .adm-error-block-description {
+    font-size: var(--adm-font-size-main);
+  }
+
+  .adm-error-block-full-page .adm-error-block-description-title {
+    color: #333333;
+  }
+
+  .adm-image {
+    width: auto;
+    height: auto;
+  }
+
+  .adm-image-tip {
+    background-color: #f5f5f5;
+  }
+
+  .adm-image-tip > svg {
+    color: #999999;
+  }
+
+  .adm-mask {
+    z-index: 1000;
+  }
+
+  .adm-modal-body {
+    font-size: 28px;
+  }
+
+  .adm-modal-title {
+    font-size: 36px;
+  }
+
+  .adm-modal-content {
+    font-size: 30px;
+    color: #333333;
+  }
+
+  .adm-modal-close {
+    color: #999999;
+    font-size: 36px;
+  }
+
+  .adm-modal-footer.adm-space.adm-space-vertical > .adm-space-item.adm-space-item {
+    margin-bottom: 40px;
+  }
+
+  .adm-modal-footer.adm-space.adm-space-vertical > .adm-space-item.adm-space-item:last-child {
+    margin-bottom: 0;
+  }
+
+  .adm-modal-footer .adm-modal-button {
+    font-size: 36px;
+  }
+
+  .adm-page-indicator-dot {
+    width: 6px;
+    height: 6px;
+    border-radius: 2px;
+    background: rgba(0, 0, 0, 0.2);
+  }
+
+  .adm-page-indicator-dot-active {
+    border-radius: 2px;
+    background: #1677ff;
+  }
+
+  .adm-page-indicator-color-white .adm-page-indicator-dot-active.adm-page-indicator-dot-active {
+    background: #ffffff;
+  }
+
+  .adm-page-indicator-horizontal .adm-page-indicator-dot {
+    margin-right: 6px;
+  }
+
+  .adm-page-indicator-horizontal .adm-page-indicator-dot-active {
+    width: 26px;
+  }
+
+  .adm-page-indicator-vertical .adm-page-indicator-dot {
+    margin-bottom: 6px;
+  }
+
+  .adm-page-indicator-vertical .adm-page-indicator-dot-active {
+    height: 26px;
+  }
+
+  .adm-popover-menu.adm-popover .adm-popover-inner-content {
+    padding: 0 !important;
+  }
+
+  .adm-popover-menu-item-text {
+    border-top: solid 2px #eeeeee;
+  }
+
+  .adm-popover-menu-item:active:not(.adm-popover-menu-item-disabled) {
+    background-color: #eeeeee;
+  }
+
+  .adm-popover-menu-item:active:not(.adm-popover-menu-item-disabled)::after {
+    border-bottom: solid 2px #eeeeee;
+  }
+
+  .adm-popover.adm-popover-dark.adm-popover-menu.adm-popover-menu .adm-popover-menu-item-text {
+    border-color: #333333;
+  }
+
+  .adm-popover.adm-popover-dark.adm-popover-menu.adm-popover-menu .adm-popover-menu-item:active:not(.adm-popover-menu-item-disabled) {
+    background-color: #333333;
+  }
+
+  .adm-popover.adm-popover-dark.adm-popover-menu.adm-popover-menu .adm-popover-menu-item:active:not(.adm-popover-menu-item-disabled)::after {
+    border-color: #333333;
+  }
+
+  .adm-popover.adm-popover-dark.adm-popover-menu.adm-popover-menu .adm-popover-inner.adm-popover-inner.adm-popover-inner {
+    background-color: rgba(0, 0, 0, 0.9);
+  }
+
+  .adm-popover {
+    z-index: 1030;
+  }
+
+  .adm-popover.adm-popover-dark {
+    color: #ffffff;
+  }
+
+  .adm-popover.adm-popover-dark .adm-popover-inner {
+    background-color: rgba(0, 0, 0, 0.75);
+  }
+
+  .adm-popover-inner {
+    background-color: #ffffff;
+    font-size: 30px;
+  }
+
+  .adm-popover-inner-content {
+    padding: 16px 24px;
+  }
+
+  .adm-popover-arrow {
+    display: none !important;
+  }
+
+  .adm-scroll-mask-left {
+    background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0));
+  }
+
+  .adm-scroll-mask-right {
+    background: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0));
+  }
+
+  .adm-space-vertical > .adm-space-item {
+    margin-bottom: 16px;
+  }
+
+  .adm-space-horizontal > .adm-space-item {
+    margin-right: 16px;
+  }
+
+  .adm-space-horizontal.adm-space-wrap {
+    flex-wrap: wrap;
+    margin-bottom: -16px;
+  }
+
+  .adm-space-horizontal.adm-space-wrap > .adm-space-item {
+    padding-bottom: 16px;
+  }
+
+  .adm-spin-loading {
+    width: 64px;
+    height: 64px;
+  }
+
+  .adm-spin-loading-svg {
+    width: 100%;
+    height: 100%;
+    animation: adm-spin-loading-rotate 0.8s infinite linear;
+  }
+
+  .adm-spin-loading-svg > .adm-spin-loading-fill {
+    stroke: #999999;
+  }
+
+  .adm-swiper {
+    display: block;
+    width: 100%;
+    height: auto;
+    border-radius: 0;
+  }
+
+  .adm-swiper-track {
+    padding: 0;
+  }
+
+  .adm-swiper-horizontal .adm-swiper-track {
+    transform: translateX(0%);
+  }
+
+  .adm-swiper-horizontal .adm-swiper-track-inner {
+    width: 100%;
+  }
+
+  .adm-swiper-vertical .adm-swiper-track {
+    transform: translateY(0%);
+  }
+
+  .adm-swiper-vertical .adm-swiper-track-inner {
+    height: 100%;
+  }
+
+  .adm-tabs-header {
+    border-bottom: solid 2px #eeeeee;
+  }
+
+  .adm-tabs-tab {
+    font-size: 34px;
+  }
+
+  .adm-tabs-tab-active {
+    color: #1677ff;
+  }
+
+  .adm-tabs-tab-line {
+    height: 4px;
+    background: #1677ff;
+    border-radius: 4px;
+  }
+
+  .adm-tabs-content {
+    padding: 24px;
+  }
+
+  .adm-tabs-header-mask-left {
+    background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0));
+  }
+
+  .adm-tabs-header-mask-right {
+    background: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0));
+  }
+
+  .adm-toast-mask .adm-toast-main {
+    font-size: 30px;
+  }
+
+  .adm-toast-loading.adm-toast-loading {
+    width: 96px;
+    height: 96px;
+    margin: 0 auto 16px;
+  }
+
+  .adm-toast-loading.adm-toast-loading .adm-spin-loading-fill {
+    stroke: #ffffff;
+  }
+}

package/2x/bundle/style.css

@@ -2360,10 +2360,17 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
 
 .adm-image-uploader {
   --cell-size: 160px;
+  --gap: 24px;
+  ---gap: var(--gap);
+  ---gap-horizontal: var(--gap-horizontal, var(--gap));
+  ---gap-vertical: var(--gap-vertical, var(--gap));
 }
 
+.adm-image-uploader-grid,
 .adm-image-uploader-space {
-  --gap: 24px;
+  --gap: var(---gap);
+  --gap-horizontal: var(---gap-horizontal);
+  --gap-vertical: var(---gap-vertical);
 }
 
 .adm-image-uploader-cell {
@@ -2456,6 +2463,14 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
   border-radius: 8px;
 }
 
+.adm-image-uploader .adm-image-uploader-gap-measure {
+  position: absolute;
+  left: 0;
+  top: 0;
+  height: var(--gap-horizontal);
+  width: 0;
+}
+
 .adm-index-bar {
   --color: var(--adm-color-text);
   overflow: hidden;
@@ -2915,11 +2930,10 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
   --text-color: var(--adm-color-white);
   --font-size: var(--adm-font-size-7);
   --icon-font-size: var(--adm-font-size-10);
-  --height: 76px;
+  --height: 80px;
   height: var(--height);
   box-sizing: border-box;
   font-size: var(--font-size);
-  line-height: var(--height);
   padding: 0 24px;
   display: flex;
   align-items: center;
@@ -2957,7 +2971,6 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
   flex-shrink: 0;
   margin-right: 16px;
   font-size: var(--icon-font-size);
-  line-height: var(--height);
 }
 
 .adm-notice-bar .adm-notice-bar-content {
@@ -2972,10 +2985,13 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
 .adm-notice-bar .adm-notice-bar-content .adm-notice-bar-content-inner {
   width: auto;
   transition-timing-function: linear;
-  position: absolute;
   white-space: nowrap;
 }
 
+.adm-notice-bar-wrap.adm-notice-bar .adm-notice-bar-content .adm-notice-bar-content-inner {
+  white-space: normal;
+}
+
 .adm-notice-bar .adm-notice-bar-right {
   flex-shrink: 0;
   margin-left: 24px;
@@ -2994,6 +3010,14 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
   font-size: var(--adm-font-size-10);
 }
 
+.adm-notice-bar-wrap {
+  height: auto;
+  align-items: flex-start;
+  padding-top: 16px;
+  padding-bottom: 16px;
+  line-height: 44px;
+}
+
 .adm-number-keyboard-main {
   display: flex;
   flex-wrap: wrap;

package/2x/cjs/components/calendar/calendar.js

@@ -131,11 +131,17 @@ const Calendar = (0, _react.forwardRef)((p, ref) => {
       let isSelect = false;
       let isBegin = false;
       let isEnd = false;
+      let isSelectRowBegin = false;
+      let isSelectRowEnd = false;
       if (dateRange) {
         const [begin, end] = dateRange;
         isBegin = d.isSame(begin, 'day');
         isEnd = d.isSame(end, 'day');
         isSelect = isBegin || isEnd || d.isAfter(begin, 'day') && d.isBefore(end, 'day');
+        if (isSelect) {
+          isSelectRowBegin = (cells.length % 7 === 0 || d.isSame(d.startOf('month'), 'day')) && !isBegin;
+          isSelectRowEnd = (cells.length % 7 === 6 || d.isSame(d.endOf('month'), 'day')) && !isEnd;
+        }
       }
       const inThisMonth = d.month() === current.month();
       const disabled = props.shouldDisableDate ? props.shouldDisableDate(d.toDate()) : maxDay && d.isAfter(maxDay, 'day') || minDay && d.isBefore(minDay, 'day');
@@ -145,7 +151,9 @@ const Calendar = (0, _react.forwardRef)((p, ref) => {
           [`${classPrefix}-cell-today`]: d.isSame(today, 'day'),
           [`${classPrefix}-cell-selected`]: isSelect,
           [`${classPrefix}-cell-selected-begin`]: isBegin,
-          [`${classPrefix}-cell-selected-end`]: isEnd
+          [`${classPrefix}-cell-selected-end`]: isEnd,
+          [`${classPrefix}-cell-selected-row-begin`]: isSelectRowBegin,
+          [`${classPrefix}-cell-selected-row-end`]: isSelectRowEnd
         }),
         onClick: () => {
           if (!props.selectionMode) return;

package/2x/cjs/components/floating-bubble/floating-bubble.d.ts

@@ -1,9 +1,17 @@
 import React, { FC } from 'react';
 import { NativeProps } from '../../utils/native-props';
+declare type Offset = {
+    x: number;
+    y: number;
+};
 export declare type FloatingBubbleProps = {
     onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
     axis?: 'x' | 'y' | 'xy' | 'lock';
     magnetic?: 'x' | 'y';
     children?: React.ReactNode;
+    offset?: Offset;
+    defaultOffset?: Offset;
+    onOffsetChange?: (offset: Offset) => void;
 } & NativeProps<'--initial-position-left' | '--initial-position-right' | '--initial-position-top' | '--initial-position-bottom' | '--z-index' | '--edge-distance' | '--size' | '--border-radius' | '--background'>;
 export declare const FloatingBubble: FC<FloatingBubbleProps>;
+export {};

package/2x/cjs/components/floating-bubble/floating-bubble.js

@@ -13,12 +13,24 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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-floating-bubble`;
 const defaultProps = {
-  axis: 'y'
+  axis: 'y',
+  defaultOffset: {
+    x: 0,
+    y: 0
+  }
 };
 const FloatingBubble = p => {
   const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
   const boundaryRef = (0, _react.useRef)(null);
   const buttonRef = (0, _react.useRef)(null);
+  const [innerValue, setInnerValue] = (0, _react.useState)(props.offset === undefined ? props.defaultOffset : props.offset);
+  (0, _react.useEffect)(() => {
+    if (props.offset === undefined) return;
+    api.start({
+      x: props.offset.x,
+      y: props.offset.y
+    });
+  }, [props.offset]);
   /**
    * memoize the `to` function
    * inside a component that renders frequently
@@ -29,11 +41,12 @@ const FloatingBubble = p => {
     y,
     opacity
   }, api] = (0, _web.useSpring)(() => ({
-    x: 0,
-    y: 0,
+    x: innerValue.x,
+    y: innerValue.y,
     opacity: 1
   }));
   const bind = (0, _react2.useDrag)(state => {
+    var _a;
     let nextX = state.offset[0];
     let nextY = state.offset[1];
     if (state.last && props.magnetic) {
@@ -62,10 +75,17 @@ const FloatingBubble = p => {
         }
       }
     }
-    api.start({
+    const nextOffest = {
       x: nextX,
       y: nextY
-    });
+    };
+    if (props.offset === undefined) {
+      // Uncontrolled mode
+      api.start(nextOffest);
+    } else {
+      setInnerValue(nextOffest);
+    }
+    (_a = props.onOffsetChange) === null || _a === void 0 ? void 0 : _a.call(props, nextOffest);
     // active status
     api.start({
       opacity: state.active ? 0.8 : 1

package/2x/cjs/components/form/form.d.ts

@@ -3,7 +3,7 @@ import { NativeProps } from '../../utils/native-props';
 import { ListProps } from '../list';
 import type { FormProps as RcFormProps, FormInstance as RCFormInstance } from 'rc-field-form';
 import { FormContextType } from './context';
-export declare type FormInstance = Pick<RCFormInstance, 'getFieldValue' | 'getFieldsValue' | 'getFieldError' | 'getFieldsError' | 'isFieldTouched' | 'isFieldsTouched' | 'resetFields' | 'setFields' | 'setFieldsValue' | 'submit' | 'validateFields'>;
+export declare type FormInstance = Pick<RCFormInstance, 'getFieldValue' | 'getFieldsValue' | 'getFieldError' | 'getFieldsError' | 'isFieldTouched' | 'isFieldsTouched' | 'resetFields' | 'setFields' | 'setFieldValue' | 'setFieldsValue' | 'submit' | 'validateFields'>;
 export declare type FormProps = Pick<RcFormProps, 'form' | 'initialValues' | 'name' | 'preserve' | 'validateMessages' | 'validateTrigger' | 'onFieldsChange' | 'onFinish' | 'onFinishFailed' | 'onValuesChange' | 'children'> & NativeProps<'--border-inner' | '--border-top' | '--border-bottom' | '--prefix-width'> & Partial<FormContextType> & {
     footer?: ReactNode;
     mode?: ListProps['mode'];

package/2x/cjs/components/image-uploader/image-uploader.css

@@ -1,9 +1,16 @@
 .adm-image-uploader {
   --cell-size: 160px;
+  --gap: 24px;
+  ---gap: var(--gap);
+  ---gap-horizontal: var(--gap-horizontal, var(--gap));
+  ---gap-vertical: var(--gap-vertical, var(--gap));
 }
 
+.adm-image-uploader-grid,
 .adm-image-uploader-space {
-  --gap: 24px;
+  --gap: var(---gap);
+  --gap-horizontal: var(---gap-horizontal);
+  --gap-vertical: var(---gap-vertical);
 }
 
 .adm-image-uploader-cell {
@@ -94,4 +101,12 @@
   width: 100%;
   height: 100%;
   border-radius: 8px;
+}
+
+.adm-image-uploader .adm-image-uploader-gap-measure {
+  position: absolute;
+  left: 0;
+  top: 0;
+  height: var(--gap-horizontal);
+  width: 0;
 }

package/2x/cjs/components/image-uploader/image-uploader.d.ts

@@ -1,6 +1,7 @@
 import React, { FC, InputHTMLAttributes } from 'react';
 import { NativeProps } from '../../utils/native-props';
 import type { ImageProps } from '../image';
+import { GridProps } from '../grid';
 export declare type TaskStatus = 'pending' | 'fail' | 'success';
 export interface ImageUploadItem {
     key?: string | number;
@@ -18,6 +19,7 @@ export declare type UploadTask = Pick<Task, 'id' | 'status'>;
 export declare type ImageUploaderProps = {
     defaultValue?: ImageUploadItem[];
     value?: ImageUploadItem[];
+    columns?: GridProps['columns'];
     onChange?: (items: ImageUploadItem[]) => void;
     onUploadQueueChange?: (tasks: UploadTask[]) => void;
     accept?: string;
@@ -27,6 +29,7 @@ export declare type ImageUploaderProps = {
     disableUpload?: boolean;
     showUpload?: boolean;
     deletable?: boolean;
+    deleteIcon?: React.ReactNode;
     capture?: InputHTMLAttributes<unknown>['capture'];
     onPreview?: (index: number, item: ImageUploadItem) => void;
     beforeUpload?: (file: File, files: File[]) => Promise<File | null> | File | null;
@@ -37,6 +40,6 @@ export declare type ImageUploaderProps = {
     imageFit?: ImageProps['fit'];
     children?: React.ReactNode;
     renderItem?: (originNode: React.ReactElement, file: ImageUploadItem, fileList: ImageUploadItem[]) => React.ReactNode;
-} & NativeProps<'--cell-size'>;
+} & NativeProps<'--cell-size' | '--gap' | '--gap-vertical' | '--gap-horizontal'>;
 export declare const ImageUploader: FC<ImageUploaderProps>;
 export {};