antd-mobile 5.25.1 → 5.27.0

package/cjs/components/date-picker/date-picker-utils.js

@@ -3,9 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.generateDatePickerColumns = exports.defaultRenderLabel = exports.convertStringArrayToDate = exports.convertDateToStringArray = void 0;
+exports.generateDatePickerColumns = exports.convertStringArrayToDate = exports.convertDateToStringArray = void 0;
 var dateUtils = _interopRequireWildcard(require("./date-picker-date-utils"));
 var weekUtils = _interopRequireWildcard(require("./date-picker-week-utils"));
+var _util = require("./util");
 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 precisionLengthRecord = {
@@ -27,6 +28,12 @@ const convertDateToStringArray = (date, precision) => {
 };
 exports.convertDateToStringArray = convertDateToStringArray;
 const convertStringArrayToDate = (value, precision) => {
+  // Special case for DATE_NOW
+  if ((value === null || value === void 0 ? void 0 : value[0]) === _util.TILL_NOW) {
+    const now = new Date();
+    now.tillNow = true;
+    return now;
+  }
   if (precision.includes('week')) {
     return weekUtils.convertStringArrayToDate(value);
   } else {
@@ -34,19 +41,11 @@ const convertStringArrayToDate = (value, precision) => {
   }
 };
 exports.convertStringArrayToDate = convertStringArrayToDate;
-const generateDatePickerColumns = (selected, min, max, precision, renderLabel, filter) => {
+const generateDatePickerColumns = (selected, min, max, precision, renderLabel, filter, tillNow) => {
   if (precision.startsWith('week')) {
     return weekUtils.generateDatePickerColumns(selected, min, max, precision, renderLabel, filter);
   } else {
-    return dateUtils.generateDatePickerColumns(selected, min, max, precision, renderLabel, filter);
-  }
-};
-exports.generateDatePickerColumns = generateDatePickerColumns;
-const defaultRenderLabel = (precision, data) => {
-  if (precision.includes('week')) {
-    return weekUtils.defaultRenderLabel(precision, data);
-  } else {
-    return dateUtils.defaultRenderLabel(precision, data);
+    return dateUtils.generateDatePickerColumns(selected, min, max, precision, renderLabel, filter, tillNow);
   }
 };
-exports.defaultRenderLabel = defaultRenderLabel;
+exports.generateDatePickerColumns = generateDatePickerColumns;

package/cjs/components/date-picker/date-picker-week-utils.d.ts

@@ -2,7 +2,6 @@ import { ReactNode } from 'react';
 import { PickerColumn } from '../picker';
 import type { DatePickerFilter } from './date-picker-utils';
 export declare type WeekPrecision = 'year' | 'week' | 'week-day';
-export declare function defaultRenderLabel(type: WeekPrecision, data: number): string;
 export declare function generateDatePickerColumns(selected: string[], min: Date, max: Date, precision: WeekPrecision, renderLabel: (type: WeekPrecision, data: number) => ReactNode, filter: DatePickerFilter | undefined): PickerColumn[];
 export declare function convertDateToStringArray(date: Date | undefined | null): string[];
 export declare function convertStringArrayToDate(value: (string | null | undefined)[]): Date;

package/cjs/components/date-picker/date-picker-week-utils.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.convertDateToStringArray = convertDateToStringArray;
 exports.convertStringArrayToDate = convertStringArrayToDate;
-exports.defaultRenderLabel = defaultRenderLabel;
 exports.generateDatePickerColumns = generateDatePickerColumns;
 var _dayjs = _interopRequireDefault(require("dayjs"));
 var _isoWeek = _interopRequireDefault(require("dayjs/plugin/isoWeek"));
@@ -20,9 +19,6 @@ const precisionRankRecord = {
   week: 1,
   'week-day': 2
 };
-function defaultRenderLabel(type, data) {
-  return data.toString();
-}
 function generateDatePickerColumns(selected, min, max, precision, renderLabel, filter) {
   const ret = [];
   const minYear = min.getFullYear();

package/cjs/components/date-picker/date-picker.d.ts

@@ -2,32 +2,36 @@ import React, { ReactNode } from 'react';
 import type { PickerProps, PickerRef, PickerActions } from '../picker';
 import { NativeProps } from '../../utils/native-props';
 import type { Precision, DatePickerFilter } from './date-picker-utils';
+import type { RenderLabel } from '../date-picker-view/date-picker-view';
+import type { PickerDate } from './util';
 export declare type DatePickerRef = PickerRef;
 export declare type DatePickerProps = Pick<PickerProps, 'onCancel' | 'onClose' | 'closeOnMaskClick' | 'visible' | 'confirmText' | 'cancelText' | 'getContainer' | 'loading' | 'loadingContent' | 'afterShow' | 'afterClose' | 'onClick' | 'title' | 'stopPropagation' | 'style' | 'mouseWheel' | 'forceRender' | 'destroyOnClose'> & {
-    value?: Date | null;
-    defaultValue?: Date | null;
-    onSelect?: (value: Date) => void;
-    onConfirm?: (value: Date) => void;
-    min?: Date;
-    max?: Date;
+    value?: PickerDate | null;
+    defaultValue?: PickerDate | null;
+    onSelect?: (value: PickerDate) => void;
+    onConfirm?: (value: PickerDate) => void;
+    min?: PickerDate;
+    max?: PickerDate;
     precision?: Precision;
-    children?: (value: Date | null, actions: PickerActions) => ReactNode;
-    renderLabel?: (type: Precision, data: number) => ReactNode;
+    children?: (value: PickerDate | null, actions: PickerActions) => ReactNode;
+    renderLabel?: RenderLabel;
     filter?: DatePickerFilter;
+    tillNow?: boolean;
 } & NativeProps;
 export declare const DatePicker: React.ForwardRefExoticComponent<Pick<PickerProps, "style" | "title" | "onClick" | "visible" | "destroyOnClose" | "forceRender" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation" | "onCancel" | "onClose" | "loading" | "closeOnMaskClick" | "cancelText" | "mouseWheel" | "loadingContent" | "confirmText"> & {
-    value?: Date | null | undefined;
-    defaultValue?: Date | null | undefined;
-    onSelect?: ((value: Date) => void) | undefined;
-    onConfirm?: ((value: Date) => void) | undefined;
-    min?: Date | undefined;
-    max?: Date | undefined;
+    value?: PickerDate | null | undefined;
+    defaultValue?: PickerDate | null | undefined;
+    onSelect?: ((value: PickerDate) => void) | undefined;
+    onConfirm?: ((value: PickerDate) => void) | undefined;
+    min?: PickerDate | undefined;
+    max?: PickerDate | undefined;
     precision?: Precision | undefined;
-    children?: ((value: Date | null, actions: PickerActions) => ReactNode) | undefined;
-    renderLabel?: ((type: Precision, data: number) => ReactNode) | undefined;
+    children?: ((value: PickerDate | null, actions: PickerActions) => ReactNode) | undefined;
+    renderLabel?: RenderLabel | undefined;
     filter?: Partial<Record<Precision, (val: number, extend: {
         date: Date;
     }) => boolean>> | undefined;
+    tillNow?: boolean | undefined;
 } & {
     className?: string | undefined;
     style?: (React.CSSProperties & Partial<Record<never, string>>) | undefined;

package/cjs/components/date-picker/date-picker.js

@@ -12,6 +12,8 @@ var _withDefaultProps = require("../../utils/with-default-props");
 var _usePropsValue = require("../../utils/use-props-value");
 var _datePickerUtils = require("./date-picker-utils");
 var _bound = require("../../utils/bound");
+var _useRenderLabel = _interopRequireDefault(require("../date-picker-view/useRenderLabel"));
+var _util = require("./util");
 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; }
@@ -20,11 +22,13 @@ const defaultProps = {
   min: new Date(new Date().setFullYear(thisYear - 10)),
   max: new Date(new Date().setFullYear(thisYear + 10)),
   precision: 'day',
-  renderLabel: _datePickerUtils.defaultRenderLabel,
   defaultValue: null
 };
 const DatePicker = (0, _react.forwardRef)((p, ref) => {
   const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  const {
+    renderLabel
+  } = props;
   const [value, setValue] = (0, _usePropsValue.usePropsValue)({
     value: props.value,
     defaultValue: props.defaultValue,
@@ -35,20 +39,25 @@ const DatePicker = (0, _react.forwardRef)((p, ref) => {
     }
   });
   const now = (0, _react.useMemo)(() => new Date(), []);
+  const mergedRenderLabel = (0, _useRenderLabel.default)(renderLabel);
   const pickerValue = (0, _react.useMemo)(() => {
     let date = value !== null && value !== void 0 ? value : now;
+    if (date.tillNow) {
+      return [_util.TILL_NOW];
+    }
     date = new Date((0, _bound.bound)(date.getTime(), props.min.getTime(), props.max.getTime()));
     return (0, _datePickerUtils.convertDateToStringArray)(date, props.precision);
   }, [value, props.precision, props.min, props.max]);
   const onConfirm = (0, _react.useCallback)(val => {
-    setValue((0, _datePickerUtils.convertStringArrayToDate)(val, props.precision), true);
+    const date = (0, _datePickerUtils.convertStringArrayToDate)(val, props.precision);
+    setValue(date, true);
   }, [setValue, props.precision]);
   const onSelect = (0, _ahooks.useMemoizedFn)(val => {
     var _a;
     const date = (0, _datePickerUtils.convertStringArrayToDate)(val, props.precision);
     (_a = props.onSelect) === null || _a === void 0 ? void 0 : _a.call(props, date);
   });
-  const columns = (0, _react.useCallback)(selected => (0, _datePickerUtils.generateDatePickerColumns)(selected, props.min, props.max, props.precision, props.renderLabel, props.filter), [props.min, props.max, props.precision, props.renderLabel]);
+  const columns = (0, _react.useCallback)(selected => (0, _datePickerUtils.generateDatePickerColumns)(selected, props.min, props.max, props.precision, mergedRenderLabel, props.filter, props.tillNow), [props.min, props.max, props.precision, mergedRenderLabel, props.tillNow]);
   return (0, _nativeProps.withNativeProps)(props, _react.default.createElement(_picker.default, {
     ref: ref,
     columns: columns,

package/cjs/components/date-picker/index.d.ts

@@ -1,26 +1,27 @@
-/// <reference types="react" />
 import './date-picker.less';
 import { prompt } from './prompt';
 export type { DatePickerProps, DatePickerRef } from './date-picker';
 export type { DatePickerFilter } from './date-picker-utils';
 declare const _default: import("react").ForwardRefExoticComponent<Pick<import("../picker").PickerProps, "style" | "title" | "onClick" | "visible" | "destroyOnClose" | "forceRender" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation" | "onCancel" | "onClose" | "loading" | "closeOnMaskClick" | "cancelText" | "mouseWheel" | "loadingContent" | "confirmText"> & {
-    value?: Date | null | undefined;
-    defaultValue?: Date | null | undefined;
-    onSelect?: ((value: Date) => void) | undefined;
-    onConfirm?: ((value: Date) => void) | undefined;
-    min?: Date | undefined;
-    max?: Date | undefined;
+    value?: import("./util").PickerDate | null | undefined;
+    defaultValue?: import("./util").PickerDate | null | undefined;
+    onSelect?: ((value: import("./util").PickerDate) => void) | undefined;
+    onConfirm?: ((value: import("./util").PickerDate) => void) | undefined;
+    min?: import("./util").PickerDate | undefined;
+    max?: import("./util").PickerDate | undefined;
     precision?: import("./date-picker-utils").Precision | undefined;
-    children?: ((value: Date | null, actions: import("../picker").PickerActions) => import("react").ReactNode) | undefined;
-    renderLabel?: ((type: import("./date-picker-utils").Precision, data: number) => import("react").ReactNode) | undefined;
+    children?: ((value: import("./util").PickerDate | null, actions: import("../picker").PickerActions) => import("react").ReactNode) | undefined;
+    renderLabel?: import("../date-picker-view/date-picker-view").RenderLabel | undefined;
     filter?: Partial<Record<import("./date-picker-utils").Precision, (val: number, extend: {
         date: Date;
     }) => boolean>> | undefined;
+    tillNow?: boolean | undefined;
 } & {
     className?: string | undefined;
     style?: (import("react").CSSProperties & Partial<Record<never, string>>) | undefined;
     tabIndex?: number | undefined;
 } & import("react").AriaAttributes & import("react").RefAttributes<import("../picker").PickerActions>> & {
     prompt: typeof prompt;
+    DATE_NOW: string;
 };
 export default _default;

package/cjs/components/date-picker/index.js

@@ -7,8 +7,10 @@ exports.default = void 0;
 require("./date-picker.css");
 var _attachPropertiesToComponent = require("../../utils/attach-properties-to-component");
 var _datePicker2 = require("./date-picker");
+var _util = require("./util");
 var _prompt = require("./prompt");
 var _default = (0, _attachPropertiesToComponent.attachPropertiesToComponent)(_datePicker2.DatePicker, {
-  prompt: _prompt.prompt
+  prompt: _prompt.prompt,
+  DATE_NOW: _util.TILL_NOW
 });
 exports.default = _default;

package/cjs/components/date-picker/prompt.d.ts

@@ -1,2 +1,3 @@
 import { DatePickerProps } from './date-picker';
-export declare function prompt(props: Omit<DatePickerProps, 'value' | 'visible' | 'children'>): Promise<Date | null>;
+import type { PickerDate } from './util';
+export declare function prompt(props: Omit<DatePickerProps, 'value' | 'visible' | 'children'>): Promise<PickerDate | null>;

package/cjs/components/date-picker/util.d.ts

@@ -0,0 +1,4 @@
+export declare const TILL_NOW = "TILL_NOW";
+export declare type PickerDate = Date & {
+    tillNow?: boolean;
+};

package/cjs/components/date-picker/util.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TILL_NOW = void 0;
+const TILL_NOW = 'TILL_NOW';
+exports.TILL_NOW = TILL_NOW;

package/cjs/components/date-picker-view/date-picker-view.d.ts

@@ -2,6 +2,7 @@ import { FC, ReactNode } from 'react';
 import type { PickerViewProps } from '../picker-view';
 import { NativeProps } from '../../utils/native-props';
 import type { Precision, DatePickerFilter } from '../date-picker/date-picker-utils';
+export declare type RenderLabel = (type: Precision | 'now', data: number) => ReactNode;
 export declare type DatePickerViewProps = Pick<PickerViewProps, 'style' | 'mouseWheel' | 'loading' | 'loadingContent'> & {
     value?: Date;
     defaultValue?: Date;
@@ -9,7 +10,7 @@ export declare type DatePickerViewProps = Pick<PickerViewProps, 'style' | 'mouse
     min?: Date;
     max?: Date;
     precision?: Precision;
-    renderLabel?: (type: Precision, data: number) => ReactNode;
+    renderLabel?: RenderLabel;
     filter?: DatePickerFilter;
 } & NativeProps;
 export declare const DatePickerView: FC<DatePickerViewProps>;

package/cjs/components/date-picker-view/date-picker-view.js

@@ -10,6 +10,7 @@ var _nativeProps = require("../../utils/native-props");
 var _withDefaultProps = require("../../utils/with-default-props");
 var _usePropsValue = require("../../utils/use-props-value");
 var _datePickerUtils = require("../date-picker/date-picker-utils");
+var _useRenderLabel = _interopRequireDefault(require("./useRenderLabel"));
 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; }
@@ -17,16 +18,19 @@ const thisYear = new Date().getFullYear();
 const defaultProps = {
   min: new Date(new Date().setFullYear(thisYear - 10)),
   max: new Date(new Date().setFullYear(thisYear + 10)),
-  precision: 'day',
-  renderLabel: _datePickerUtils.defaultRenderLabel
+  precision: 'day'
 };
 const DatePickerView = p => {
   var _a;
   const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  const {
+    renderLabel
+  } = props;
   const [value, setValue] = (0, _usePropsValue.usePropsValue)({
     value: props.value,
     defaultValue: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : null
   });
+  const mergedRenderLabel = (0, _useRenderLabel.default)(renderLabel);
   const pickerValue = (0, _react.useMemo)(() => (0, _datePickerUtils.convertDateToStringArray)(value, props.precision), [value, props.precision]);
   const onChange = (0, _react.useCallback)(val => {
     var _a;
@@ -37,7 +41,7 @@ const DatePickerView = p => {
     }
   }, [props.onChange, props.precision]);
   return (0, _nativeProps.withNativeProps)(props, _react.default.createElement(_pickerView.default, {
-    columns: selected => (0, _datePickerUtils.generateDatePickerColumns)(selected, props.min, props.max, props.precision, props.renderLabel, props.filter),
+    columns: selected => (0, _datePickerUtils.generateDatePickerColumns)(selected, props.min, props.max, props.precision, mergedRenderLabel, props.filter),
     loading: props.loading,
     loadingContent: props.loadingContent,
     value: pickerValue,

package/cjs/components/date-picker-view/useRenderLabel.d.ts

@@ -0,0 +1,2 @@
+import type { RenderLabel } from './date-picker-view';
+export default function useRenderLabel(renderLabel?: RenderLabel): RenderLabel;

package/cjs/components/date-picker-view/useRenderLabel.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useRenderLabel;
+var _react = require("react");
+var _configProvider = require("../config-provider");
+function useRenderLabel(renderLabel) {
+  const {
+    locale
+  } = (0, _configProvider.useConfig)();
+  return (0, _react.useCallback)((type, data) => {
+    if (renderLabel) {
+      return renderLabel(type, data);
+    }
+    // Default render
+    switch (type) {
+      case 'minute':
+      case 'second':
+      case 'hour':
+        return ('0' + data.toString()).slice(-2);
+      case 'now':
+        return locale.DatePicker.tillNow;
+      default:
+        return data.toString();
+    }
+  }, [renderLabel]);
+}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './dialog.less';
 import { show } from './show';
 import { alert } from './alert';

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './dropdown.less';
 export type { DropdownProps, DropdownRef } from './dropdown';
 export type { DropdownItemProps } from './item';

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

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const ErrorBlock: import("react").FC<import("./create-error-block").ErrorBlockProps>;

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

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

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

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

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

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

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

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

package/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/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/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/cjs/components/form/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 import { useWatch, useForm } from 'rc-field-form';
 export declare type FormLayout = 'vertical' | 'horizontal';

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

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

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

@@ -1,8 +1,15 @@
 .adm-image-uploader {
   --cell-size: 80px;
+  --gap: 12px;
+  ---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: 12px;
+  --gap: var(---gap);
+  --gap-horizontal: var(---gap-horizontal);
+  --gap-vertical: var(---gap-vertical);
 }
 .adm-image-uploader-cell {
   position: relative;
@@ -82,3 +89,10 @@
   height: 100%;
   border-radius: 4px;
 }
+.adm-image-uploader .adm-image-uploader-gap-measure {
+  position: absolute;
+  left: 0;
+  top: 0;
+  height: var(--gap-horizontal);
+  width: 0;
+}

package/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 {};