antd-mobile 5.25.0 → 5.26.0

package/2x/bundle/antd-mobile.es.development.js

@@ -7011,6 +7011,10 @@ const opacityRecord = {
   thin: 0.35,
   thick: 0.75
 };
+const colorRecord$4 = {
+  black: "0, 0, 0",
+  white: "255, 255, 255"
+};
 const defaultProps$13 = {
   visible: true,
   destroyOnClose: false,
@@ -7031,8 +7035,8 @@ const Mask$1 = (p) => {
   const background = useMemo(() => {
     var _a;
     const opacity2 = (_a = opacityRecord[props.opacity]) !== null && _a !== void 0 ? _a : props.opacity;
-    const rgb2 = props.color === "white" ? "255, 255, 255" : "0, 0, 0";
-    return `rgba(${rgb2}, ${opacity2})`;
+    const rgb2 = colorRecord$4[props.color];
+    return rgb2 ? `rgba(${rgb2}, ${opacity2})` : props.color;
   }, [props.color, props.opacity]);
   const [active, setActive] = useState(props.visible);
   const unmountedRef = useUnmountedRef$1();
@@ -8597,11 +8601,17 @@ const Calendar$1 = 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");
@@ -8611,7 +8621,9 @@ const Calendar$1 = forwardRef((p, ref) => {
           [`${classPrefix$1b}-cell-today`]: d.isSame(today, "day"),
           [`${classPrefix$1b}-cell-selected`]: isSelect,
           [`${classPrefix$1b}-cell-selected-begin`]: isBegin,
-          [`${classPrefix$1b}-cell-selected-end`]: isEnd
+          [`${classPrefix$1b}-cell-selected-end`]: isEnd,
+          [`${classPrefix$1b}-cell-selected-row-begin`]: isSelectRowBegin,
+          [`${classPrefix$1b}-cell-selected-row-end`]: isSelectRowEnd
         }),
         onClick: () => {
           if (!props.selectionMode)
@@ -14508,22 +14520,36 @@ const ErrorBlock = ErrorBlock$1;
 const floatingBubble = "";
 const classPrefix$P = `adm-floating-bubble`;
 const defaultProps$E = {
-  axis: "y"
+  axis: "y",
+  defaultOffset: {
+    x: 0,
+    y: 0
+  }
 };
 const FloatingBubble$1 = (p) => {
   const props = mergeProps(defaultProps$E, p);
   const boundaryRef = useRef(null);
   const buttonRef = useRef(null);
+  const [innerValue, setInnerValue] = useState(props.offset === void 0 ? props.defaultOffset : props.offset);
+  useEffect(() => {
+    if (props.offset === void 0)
+      return;
+    api.start({
+      x: props.offset.x,
+      y: props.offset.y
+    });
+  }, [props.offset]);
   const [{
     x,
     y,
     opacity
   }, api] = useSpring(() => ({
-    x: 0,
-    y: 0,
+    x: innerValue.x,
+    y: innerValue.y,
     opacity: 1
   }));
   const bind = useDrag((state) => {
+    var _a;
     let nextX = state.offset[0];
     let nextY = state.offset[1];
     if (state.last && props.magnetic) {
@@ -14553,10 +14579,16 @@ const FloatingBubble$1 = (p) => {
         }
       }
     }
-    api.start({
+    const nextOffest = {
       x: nextX,
       y: nextY
-    });
+    };
+    if (props.offset === void 0) {
+      api.start(nextOffest);
+    } else {
+      setInnerValue(nextOffest);
+    }
+    (_a = props.onOffsetChange) === null || _a === void 0 ? void 0 : _a.call(props, nextOffest);
     api.start({
       opacity: state.active ? 0.8 : 1
     });
@@ -19205,18 +19237,22 @@ const computePosition$1 = async (reference, floating, config2) => {
     middleware = [],
     platform: platform2
   } = config2;
+  const validMiddleware = middleware.filter(Boolean);
   const rtl = await (platform2.isRTL == null ? void 0 : platform2.isRTL(floating));
   {
     if (platform2 == null) {
       console.error(["Floating UI: `platform` property was not passed to config. If you", "want to use Floating UI on the web, install @floating-ui/dom", "instead of the /core package. Otherwise, you can create your own", "`platform`: https://floating-ui.com/docs/platform"].join(" "));
     }
-    if (middleware.filter((_ref) => {
+    if (validMiddleware.filter((_ref) => {
       let {
         name
       } = _ref;
       return name === "autoPlacement" || name === "flip";
     }).length > 1) {
-      throw new Error(["Floating UI: duplicate `flip` and/or `autoPlacement`", "middleware detected. This will lead to an infinite loop. Ensure only", "one of either has been passed to the `middleware` array."].join(" "));
+      throw new Error(["Floating UI: duplicate `flip` and/or `autoPlacement` middleware", "detected. This will lead to an infinite loop. Ensure only one of", "either has been passed to the `middleware` array."].join(" "));
+    }
+    if (!reference || !floating) {
+      console.error(["Floating UI: The reference and/or floating element was not defined", "when `computePosition()` was called. Ensure that both elements have", "been created and can be measured."].join(" "));
     }
   }
   let rects = await platform2.getElementRects({
@@ -19231,11 +19267,11 @@ const computePosition$1 = async (reference, floating, config2) => {
   let statefulPlacement = placement;
   let middlewareData = {};
   let resetCount = 0;
-  for (let i = 0; i < middleware.length; i++) {
+  for (let i = 0; i < validMiddleware.length; i++) {
     const {
       name,
       fn
-    } = middleware[i];
+    } = validMiddleware[i];
     const {
       x: nextX,
       y: nextY,
@@ -19827,7 +19863,7 @@ function getNodeName(node) {
 }
 function getUAString() {
   const uaData = navigator.userAgentData;
-  if (uaData != null && uaData.brands) {
+  if (uaData && Array.isArray(uaData.brands)) {
     return uaData.brands.map((item) => item.brand + "/" + item.version).join(" ");
   }
   return navigator.userAgent;
@@ -19863,7 +19899,8 @@ function isTableElement(element) {
 function isContainingBlock(element) {
   const isFirefox = /firefox/i.test(getUAString());
   const css = getComputedStyle(element);
-  return css.transform !== "none" || css.perspective !== "none" || isFirefox && css.willChange === "filter" || isFirefox && (css.filter ? css.filter !== "none" : false) || ["transform", "perspective"].some((value) => css.willChange.includes(value)) || ["paint", "layout", "strict", "content"].some(
+  const backdropFilter = css.backdropFilter || css.WebkitBackdropFilter;
+  return css.transform !== "none" || css.perspective !== "none" || (backdropFilter ? backdropFilter !== "none" : false) || isFirefox && css.willChange === "filter" || isFirefox && (css.filter ? css.filter !== "none" : false) || ["transform", "perspective"].some((value) => css.willChange.includes(value)) || ["paint", "layout", "strict", "content"].some(
     (value) => {
       const contain = css.contain;
       return contain != null ? contain.includes(value) : false;
@@ -19972,7 +20009,8 @@ function getParentNode(node) {
   if (getNodeName(node) === "html") {
     return node;
   }
-  return node.assignedSlot || node.parentNode || (isShadowRoot(node) ? node.host : null) || getDocumentElement(node);
+  const result2 = node.assignedSlot || node.parentNode || (isShadowRoot(node) ? node.host : null) || getDocumentElement(node);
+  return isShadowRoot(result2) ? result2.host : result2;
 }
 function getTrueOffsetParent(element) {
   if (!isHTMLElement(element) || getComputedStyle(element).position === "fixed") {
@@ -19982,15 +20020,11 @@ function getTrueOffsetParent(element) {
 }
 function getContainingBlock(element) {
   let currentNode = getParentNode(element);
-  if (isShadowRoot(currentNode)) {
-    currentNode = currentNode.host;
-  }
   while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {
     if (isContainingBlock(currentNode)) {
       return currentNode;
     } else {
-      const parent = currentNode.parentNode;
-      currentNode = isShadowRoot(parent) ? parent.host : parent;
+      currentNode = getParentNode(currentNode);
     }
   }
   return null;
@@ -20119,32 +20153,6 @@ function getOverflowAncestors(node, list2) {
   const updatedList = list2.concat(target);
   return isBody ? updatedList : updatedList.concat(getOverflowAncestors(target));
 }
-function contains(parent, child) {
-  const rootNode = child.getRootNode == null ? void 0 : child.getRootNode();
-  if (parent.contains(child)) {
-    return true;
-  } else if (rootNode && isShadowRoot(rootNode)) {
-    let next = child;
-    do {
-      if (next && parent === next) {
-        return true;
-      }
-      next = next.parentNode || next.host;
-    } while (next);
-  }
-  return false;
-}
-function getNearestParentCapableOfEscapingClipping(element, clippingAncestors) {
-  let currentNode = element;
-  while (currentNode && !isLastTraversableNode(currentNode) && !clippingAncestors.includes(currentNode)) {
-    if (isElement(currentNode) && ["absolute", "fixed"].includes(getComputedStyle(currentNode).position)) {
-      break;
-    }
-    const parentNode = getParentNode(currentNode);
-    currentNode = isShadowRoot(parentNode) ? parentNode.host : parentNode;
-  }
-  return currentNode;
-}
 function getInnerBoundingClientRect(element, strategy) {
   const clientRect = getBoundingClientRect(element, false, strategy === "fixed");
   const top = clientRect.top + element.clientTop;
@@ -20160,31 +20168,32 @@ function getInnerBoundingClientRect(element, strategy) {
     height: element.clientHeight
   };
 }
-function getClientRectFromClippingAncestor(element, clippingParent, strategy) {
-  if (clippingParent === "viewport") {
+function getClientRectFromClippingAncestor(element, clippingAncestor, strategy) {
+  if (clippingAncestor === "viewport") {
     return rectToClientRect(getViewportRect(element, strategy));
   }
-  if (isElement(clippingParent)) {
-    return getInnerBoundingClientRect(clippingParent, strategy);
+  if (isElement(clippingAncestor)) {
+    return getInnerBoundingClientRect(clippingAncestor, strategy);
   }
   return rectToClientRect(getDocumentRect(getDocumentElement(element)));
 }
-function getClippingAncestors(element) {
-  const clippingAncestors = getOverflowAncestors(element);
-  const nearestEscapableParent = getNearestParentCapableOfEscapingClipping(element, clippingAncestors);
-  let clipperElement = null;
-  if (nearestEscapableParent && isHTMLElement(nearestEscapableParent)) {
-    const offsetParent = getOffsetParent(nearestEscapableParent);
-    if (isOverflowElement(nearestEscapableParent)) {
-      clipperElement = nearestEscapableParent;
-    } else if (isHTMLElement(offsetParent)) {
-      clipperElement = offsetParent;
+function getClippingElementAncestors(element) {
+  let result2 = getOverflowAncestors(element).filter((el) => isElement(el) && getNodeName(el) !== "body");
+  let currentContainingBlockComputedStyle = null;
+  const elementIsFixed = getComputedStyle(element).position === "fixed";
+  let currentNode = elementIsFixed ? getParentNode(element) : element;
+  while (isElement(currentNode) && !isLastTraversableNode(currentNode)) {
+    const computedStyle = getComputedStyle(currentNode);
+    const containingBlock = isContainingBlock(currentNode);
+    const shouldDropCurrentNode = elementIsFixed ? !containingBlock && !currentContainingBlockComputedStyle : !containingBlock && computedStyle.position === "static" && !!currentContainingBlockComputedStyle && ["absolute", "fixed"].includes(currentContainingBlockComputedStyle.position);
+    if (shouldDropCurrentNode) {
+      result2 = result2.filter((ancestor) => ancestor !== currentNode);
+    } else {
+      currentContainingBlockComputedStyle = computedStyle;
     }
+    currentNode = getParentNode(currentNode);
   }
-  if (!isElement(clipperElement)) {
-    return [];
-  }
-  return clippingAncestors.filter((clippingAncestors2) => clipperElement && isElement(clippingAncestors2) && contains(clippingAncestors2, clipperElement) && getNodeName(clippingAncestors2) !== "body");
+  return result2;
 }
 function getClippingRect(_ref) {
   let {
@@ -20193,8 +20202,8 @@ function getClippingRect(_ref) {
     rootBoundary,
     strategy
   } = _ref;
-  const mainClippingAncestors = boundary === "clippingAncestors" ? getClippingAncestors(element) : [].concat(boundary);
-  const clippingAncestors = [...mainClippingAncestors, rootBoundary];
+  const elementClippingAncestors = boundary === "clippingAncestors" ? getClippingElementAncestors(element) : [].concat(boundary);
+  const clippingAncestors = [...elementClippingAncestors, rootBoundary];
   const firstClippingAncestor = clippingAncestors[0];
   const clippingRect = clippingAncestors.reduce((accRect, clippingAncestor) => {
     const rect = getClientRectFromClippingAncestor(element, clippingAncestor, strategy);
@@ -20218,18 +20227,20 @@ const platform = {
   getDimensions,
   getOffsetParent,
   getDocumentElement,
-  getElementRects: (_ref) => {
+  async getElementRects(_ref) {
     let {
       reference,
       floating,
       strategy
     } = _ref;
+    const getOffsetParentFn = this.getOffsetParent || getOffsetParent;
+    const getDimensionsFn = this.getDimensions;
     return {
-      reference: getRectRelativeToOffsetParent(reference, getOffsetParent(floating), strategy),
+      reference: getRectRelativeToOffsetParent(reference, await getOffsetParentFn(floating), strategy),
       floating: {
-        ...getDimensions(floating),
         x: 0,
-        y: 0
+        y: 0,
+        ...await getDimensionsFn(floating)
       }
     };
   },
@@ -21282,6 +21293,7 @@ const PreviewItem = (props) => {
     url: url2,
     file,
     deletable,
+    deleteIcon,
     onDelete,
     imageFit
   } = props;
@@ -21294,11 +21306,12 @@ const PreviewItem = (props) => {
     }
     return "";
   }, [url2, file]);
-  useLayoutEffect(() => {
+  useEffect(() => {
     return () => {
-      URL.revokeObjectURL(src);
+      if (file)
+        URL.revokeObjectURL(src);
     };
-  }, [src]);
+  }, [src, file]);
   function renderLoading() {
     return props.status === "pending" && React__default.createElement("div", {
       className: `${classPrefix$G}-cell-mask`
@@ -21314,9 +21327,7 @@ const PreviewItem = (props) => {
     return deletable && React__default.createElement("span", {
       className: `${classPrefix$G}-cell-delete`,
       onClick: onDelete
-    }, React__default.createElement(CloseOutline, {
-      className: `${classPrefix$G}-cell-delete-icon`
-    }));
+    }, deleteIcon);
   }
   return React__default.createElement("div", {
     className: classNames(`${classPrefix$G}-cell`, props.status === "fail" && `${classPrefix$G}-cell-fail`)
@@ -21359,6 +21370,9 @@ const classPrefix$E = `adm-image-uploader`;
 const defaultProps$y = {
   disableUpload: false,
   deletable: true,
+  deleteIcon: React__default.createElement(CloseOutline, {
+    className: `${classPrefix$E}-cell-delete-icon`
+  }),
   showUpload: true,
   multiple: false,
   maxCount: 0,
@@ -21373,8 +21387,26 @@ const ImageUploader$1 = (p) => {
     locale
   } = useConfig();
   const props = mergeProps(defaultProps$y, p);
+  const {
+    columns
+  } = props;
   const [value, setValue2] = usePropsValue(props);
   const [tasks, setTasks] = useState([]);
+  const containerRef = useRef(null);
+  const containerSize = useSize(containerRef);
+  const gapMeasureRef = useRef(null);
+  const [cellSize, setCellSize] = useState(80);
+  useIsomorphicLayoutEffect$2(() => {
+    const gapMeasure = gapMeasureRef.current;
+    if (columns && containerSize && gapMeasure) {
+      const width = containerSize.width;
+      const gap = measureCSSLength(window.getComputedStyle(gapMeasure).getPropertyValue("height"));
+      setCellSize((width - gap * (columns - 1)) / columns);
+    }
+  }, [containerSize === null || containerSize === void 0 ? void 0 : containerSize.width]);
+  const style = {
+    "--cell-size": cellSize + "px"
+  };
   useIsomorphicLayoutEffect$2(() => {
     setTasks((prev) => prev.filter((task) => {
       if (task.url === void 0)
@@ -21500,6 +21532,7 @@ const ImageUploader$1 = (p) => {
         key: (_a = fileItem.key) !== null && _a !== void 0 ? _a : index2,
         url: (_b = fileItem.thumbnailUrl) !== null && _b !== void 0 ? _b : fileItem.url,
         deletable: props.deletable,
+        deleteIcon: props.deleteIcon,
         imageFit: props.imageFit,
         onClick: () => {
           if (props.preview) {
@@ -21518,21 +21551,19 @@ const ImageUploader$1 = (p) => {
       return renderItem ? renderItem(originNode, fileItem, value) : originNode;
     });
   };
-  return withNativeProps(props, React__default.createElement("div", {
-    className: classPrefix$E
-  }, React__default.createElement(Space, {
-    className: `${classPrefix$E}-space`,
-    wrap: true,
-    block: true
-  }, renderImages(), finalTasks.map((task) => {
+  const contentNode = React__default.createElement(React__default.Fragment, null, renderImages(), tasks.map((task) => {
+    if (!props.showFailed && task.status === "fail") {
+      return null;
+    }
     return React__default.createElement(PreviewItem$1, {
       key: task.id,
       file: task.file,
       deletable: task.status !== "pending",
+      deleteIcon: props.deleteIcon,
       status: task.status,
       imageFit: props.imageFit,
       onDelete: () => {
-        setTasks((prev) => prev.filter((x) => x.id !== task.id));
+        setTasks(tasks.filter((x) => x.id !== task.id));
       }
     });
   }), showUpload && React__default.createElement("div", {
@@ -21551,7 +21582,22 @@ const ImageUploader$1 = (p) => {
     className: `${classPrefix$E}-input`,
     onChange,
     "aria-hidden": true
-  })))));
+  })));
+  return withNativeProps(props, React__default.createElement("div", {
+    className: classPrefix$E,
+    ref: containerRef
+  }, columns ? React__default.createElement(Grid, {
+    className: `${classPrefix$E}-grid`,
+    columns,
+    style
+  }, React__default.createElement("div", {
+    className: `${classPrefix$E}-gap-measure`,
+    ref: gapMeasureRef
+  }), contentNode.props.children) : React__default.createElement(Space, {
+    className: `${classPrefix$E}-space`,
+    wrap: true,
+    block: true
+  }, contentNode.props.children)));
 };
 const imageUploader = "";
 const ImageUploader = ImageUploader$1;
@@ -22265,6 +22311,7 @@ const defaultProps$r = {
   color: "default",
   delay: 2e3,
   speed: 50,
+  wrap: false,
   icon: React__default.createElement(SoundOutline, null)
 };
 const NoticeBar$1 = memo((p) => {
@@ -22276,7 +22323,7 @@ const NoticeBar$1 = memo((p) => {
   const delayLockRef = useRef(true);
   const animatingRef = useRef(false);
   function start2() {
-    if (delayLockRef.current)
+    if (delayLockRef.current || props.wrap)
       return;
     const container = containerRef.current;
     const text = textRef.current;
@@ -22319,7 +22366,9 @@ const NoticeBar$1 = memo((p) => {
   if (!visible)
     return null;
   return withNativeProps(props, React__default.createElement("div", {
-    className: classNames(classPrefix$x, `${classPrefix$x}-${props.color}`)
+    className: classNames(classPrefix$x, `${classPrefix$x}-${props.color}`, {
+      [`${classPrefix$x}-wrap`]: props.wrap
+    })
   }, props.icon && React__default.createElement("span", {
     className: `${classPrefix$x}-left`
   }, props.icon), React__default.createElement("span", {
@@ -24344,36 +24393,44 @@ const Stepper$1 = (p) => {
     step,
     max: max2,
     min: min2,
-    inputReadOnly
+    inputReadOnly,
+    digits,
+    formatter,
+    parser
   } = props;
   const {
     locale
   } = useConfig();
+  const parseValue = (text) => {
+    if (text === "")
+      return null;
+    return parser ? parser(text) : parseFloat(text);
+  };
+  const formatValue = (value2) => {
+    if (value2 === null)
+      return "";
+    if (formatter) {
+      return formatter(value2);
+    } else if (digits !== void 0) {
+      return value2.toFixed(digits);
+    } else {
+      return value2.toString();
+    }
+  };
   const [value, setValue2] = usePropsValue(props);
-  const [inputValue, setInputValue] = useState(() => convertValueToText(value, props.digits));
+  const [inputValue, setInputValue] = useState(() => formatValue(value));
   function setValueWithCheck(v) {
     if (isNaN(v))
       return;
     let target = bound(v, props.min, props.max);
-    if (props.digits !== void 0) {
-      target = parseFloat(target.toFixed(props.digits));
+    if (digits !== void 0) {
+      target = parseFloat(target.toFixed(digits));
     }
     setValue2(target);
   }
-  const [hasFocus, setHasFocus] = useState(false);
-  useEffect(() => {
-    if (!hasFocus) {
-      setInputValue(convertValueToText(value, props.digits));
-    }
-  }, [hasFocus]);
-  useEffect(() => {
-    if (!hasFocus) {
-      setInputValue(convertValueToText(value, props.digits));
-    }
-  }, [value, props.digits]);
   const handleInputChange = (v) => {
     setInputValue(v);
-    const value2 = convertTextToValue(v);
+    const value2 = parseValue(v);
     if (value2 === null) {
       if (props.allowEmpty) {
         setValue2(null);
@@ -24384,6 +24441,25 @@ const Stepper$1 = (p) => {
       setValueWithCheck(value2);
     }
   };
+  const [focused, setFocused] = useState(false);
+  const inputRef = React__default.useRef(null);
+  function triggerFocus(nextFocus) {
+    setFocused(nextFocus);
+    if (nextFocus) {
+      setInputValue(typeof value === "number" ? String(value) : "");
+    }
+  }
+  useEffect(() => {
+    var _a, _b, _c;
+    if (focused) {
+      (_c = (_b = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.nativeElement) === null || _b === void 0 ? void 0 : _b.select) === null || _c === void 0 ? void 0 : _c.call(_b);
+    }
+  }, [focused]);
+  useEffect(() => {
+    if (!focused) {
+      setInputValue(formatValue(value));
+    }
+  }, [focused, value, digits]);
   const handleMinus = () => {
     setValueWithCheck(Big(value !== null && value !== void 0 ? value : 0).minus(step).toNumber());
   };
@@ -24412,7 +24488,7 @@ const Stepper$1 = (p) => {
   };
   return withNativeProps(props, React__default.createElement("div", {
     className: classNames(classPrefix$e, {
-      [`${classPrefix$e}-active`]: hasFocus
+      [`${classPrefix$e}-active`]: focused
     })
   }, React__default.createElement(Button, {
     className: `${classPrefix$e}-minus`,
@@ -24425,10 +24501,11 @@ const Stepper$1 = (p) => {
   }, React__default.createElement(MinusOutline, null)), React__default.createElement("div", {
     className: `${classPrefix$e}-middle`
   }, React__default.createElement(Input, {
+    ref: inputRef,
     className: `${classPrefix$e}-input`,
     onFocus: (e) => {
       var _a;
-      setHasFocus(true);
+      triggerFocus(true);
       (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, e);
     },
     value: inputValue,
@@ -24438,7 +24515,7 @@ const Stepper$1 = (p) => {
     disabled,
     onBlur: (e) => {
       var _a;
-      setHasFocus(false);
+      triggerFocus(false);
       (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e);
     },
     readOnly: inputReadOnly,
@@ -24457,20 +24534,6 @@ const Stepper$1 = (p) => {
     "aria-label": locale.Stepper.increase
   }, React__default.createElement(AddOutline, null))));
 };
-function convertValueToText(value, digits) {
-  if (value === null)
-    return "";
-  if (digits !== void 0) {
-    return value.toFixed(digits);
-  } else {
-    return value.toString();
-  }
-}
-function convertTextToValue(text) {
-  if (text === "")
-    return null;
-  return parseFloat(text);
-}
 const Stepper = Stepper$1;
 const steps = "";
 const classPrefix$d = `adm-step`;
@@ -25952,7 +26015,11 @@ const WaterMark$1 = (p) => {
         const markSize = Number(fontSize) * ratio;
         ctx2.font = `${fontStyle} normal ${fontWeight} ${markSize}px/${markHeight}px ${fontFamily}`;
         ctx2.fillStyle = fontColor;
-        ctx2.fillText(content, 0, 0);
+        if (Array.isArray(content)) {
+          content.forEach((item, index2) => ctx2.fillText(item, 0, index2 * markSize));
+        } else {
+          ctx2.fillText(content, 0, 0);
+        }
         ctx2.restore();
         setBase64Url(canvas.toDataURL());
       }