antd-mobile 5.25.0 → 5.26.0

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

@@ -7033,6 +7033,10 @@
     thin: 0.35,
     thick: 0.75
   };
+  const colorRecord$4 = {
+    black: "0, 0, 0",
+    white: "255, 255, 255"
+  };
   const defaultProps$13 = {
     visible: true,
     destroyOnClose: false,
@@ -7053,8 +7057,8 @@
     const background = React$1.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] = React$1.useState(props.visible);
     const unmountedRef = useUnmountedRef$1();
@@ -8619,11 +8623,17 @@
         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");
@@ -8633,7 +8643,9 @@
             [`${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)
@@ -14530,22 +14542,36 @@ Please add \`${key}Action\` when creating your handler.`);
   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 = React$1.useRef(null);
     const buttonRef = React$1.useRef(null);
+    const [innerValue, setInnerValue] = React$1.useState(props.offset === void 0 ? props.defaultOffset : props.offset);
+    React$1.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) {
@@ -14575,10 +14601,16 @@ Please add \`${key}Action\` when creating your handler.`);
           }
         }
       }
-      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
       });
@@ -19227,18 +19259,22 @@ Please add \`${key}Action\` when creating your handler.`);
       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({
@@ -19253,11 +19289,11 @@ Please add \`${key}Action\` when creating your handler.`);
     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,
@@ -19849,7 +19885,7 @@ Please add \`${key}Action\` when creating your handler.`);
   }
   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;
@@ -19885,7 +19921,8 @@ Please add \`${key}Action\` when creating your handler.`);
   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;
@@ -19994,7 +20031,8 @@ Please add \`${key}Action\` when creating your handler.`);
     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") {
@@ -20004,15 +20042,11 @@ Please add \`${key}Action\` when creating your handler.`);
   }
   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;
@@ -20141,32 +20175,6 @@ Please add \`${key}Action\` when creating your handler.`);
     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;
@@ -20182,31 +20190,32 @@ Please add \`${key}Action\` when creating your handler.`);
       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 {
@@ -20215,8 +20224,8 @@ Please add \`${key}Action\` when creating your handler.`);
       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);
@@ -20240,18 +20249,20 @@ Please add \`${key}Action\` when creating your handler.`);
     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)
         }
       };
     },
@@ -21304,6 +21315,7 @@ Please add \`${key}Action\` when creating your handler.`);
       url,
       file,
       deletable,
+      deleteIcon,
       onDelete,
       imageFit
     } = props;
@@ -21316,11 +21328,12 @@ Please add \`${key}Action\` when creating your handler.`);
       }
       return "";
     }, [url, file]);
-    React$1.useLayoutEffect(() => {
+    React$1.useEffect(() => {
       return () => {
-        URL.revokeObjectURL(src);
+        if (file)
+          URL.revokeObjectURL(src);
       };
-    }, [src]);
+    }, [src, file]);
     function renderLoading() {
       return props.status === "pending" && React__default.default.createElement("div", {
         className: `${classPrefix$G}-cell-mask`
@@ -21336,9 +21349,7 @@ Please add \`${key}Action\` when creating your handler.`);
       return deletable && React__default.default.createElement("span", {
         className: `${classPrefix$G}-cell-delete`,
         onClick: onDelete
-      }, React__default.default.createElement(CloseOutline, {
-        className: `${classPrefix$G}-cell-delete-icon`
-      }));
+      }, deleteIcon);
     }
     return React__default.default.createElement("div", {
       className: classNames(`${classPrefix$G}-cell`, props.status === "fail" && `${classPrefix$G}-cell-fail`)
@@ -21381,6 +21392,9 @@ Please add \`${key}Action\` when creating your handler.`);
   const defaultProps$y = {
     disableUpload: false,
     deletable: true,
+    deleteIcon: React__default.default.createElement(CloseOutline, {
+      className: `${classPrefix$E}-cell-delete-icon`
+    }),
     showUpload: true,
     multiple: false,
     maxCount: 0,
@@ -21395,8 +21409,26 @@ Please add \`${key}Action\` when creating your handler.`);
       locale
     } = useConfig();
     const props = mergeProps(defaultProps$y, p);
+    const {
+      columns
+    } = props;
     const [value, setValue2] = usePropsValue(props);
     const [tasks, setTasks] = React$1.useState([]);
+    const containerRef = React$1.useRef(null);
+    const containerSize = useSize(containerRef);
+    const gapMeasureRef = React$1.useRef(null);
+    const [cellSize, setCellSize] = React$1.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)
@@ -21522,6 +21554,7 @@ Please add \`${key}Action\` when creating your handler.`);
           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) {
@@ -21540,21 +21573,19 @@ Please add \`${key}Action\` when creating your handler.`);
         return renderItem ? renderItem(originNode, fileItem, value) : originNode;
       });
     };
-    return withNativeProps(props, React__default.default.createElement("div", {
-      className: classPrefix$E
-    }, React__default.default.createElement(Space, {
-      className: `${classPrefix$E}-space`,
-      wrap: true,
-      block: true
-    }, renderImages(), finalTasks.map((task) => {
+    const contentNode = React__default.default.createElement(React__default.default.Fragment, null, renderImages(), tasks.map((task) => {
+      if (!props.showFailed && task.status === "fail") {
+        return null;
+      }
       return React__default.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.default.createElement("div", {
@@ -21573,7 +21604,22 @@ Please add \`${key}Action\` when creating your handler.`);
       className: `${classPrefix$E}-input`,
       onChange,
       "aria-hidden": true
-    })))));
+    })));
+    return withNativeProps(props, React__default.default.createElement("div", {
+      className: classPrefix$E,
+      ref: containerRef
+    }, columns ? React__default.default.createElement(Grid, {
+      className: `${classPrefix$E}-grid`,
+      columns,
+      style
+    }, React__default.default.createElement("div", {
+      className: `${classPrefix$E}-gap-measure`,
+      ref: gapMeasureRef
+    }), contentNode.props.children) : React__default.default.createElement(Space, {
+      className: `${classPrefix$E}-space`,
+      wrap: true,
+      block: true
+    }, contentNode.props.children)));
   };
   const imageUploader = "";
   const ImageUploader = ImageUploader$1;
@@ -22287,6 +22333,7 @@ Please add \`${key}Action\` when creating your handler.`);
     color: "default",
     delay: 2e3,
     speed: 50,
+    wrap: false,
     icon: React__default.default.createElement(SoundOutline, null)
   };
   const NoticeBar$1 = React$1.memo((p) => {
@@ -22298,7 +22345,7 @@ Please add \`${key}Action\` when creating your handler.`);
     const delayLockRef = React$1.useRef(true);
     const animatingRef = React$1.useRef(false);
     function start2() {
-      if (delayLockRef.current)
+      if (delayLockRef.current || props.wrap)
         return;
       const container = containerRef.current;
       const text = textRef.current;
@@ -22341,7 +22388,9 @@ Please add \`${key}Action\` when creating your handler.`);
     if (!visible)
       return null;
     return withNativeProps(props, React__default.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.default.createElement("span", {
       className: `${classPrefix$x}-left`
     }, props.icon), React__default.default.createElement("span", {
@@ -24366,36 +24415,44 @@ Please add \`${key}Action\` when creating your handler.`);
       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] = React$1.useState(() => convertValueToText(value, props.digits));
+    const [inputValue, setInputValue] = React$1.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] = React$1.useState(false);
-    React$1.useEffect(() => {
-      if (!hasFocus) {
-        setInputValue(convertValueToText(value, props.digits));
-      }
-    }, [hasFocus]);
-    React$1.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);
@@ -24406,6 +24463,25 @@ Please add \`${key}Action\` when creating your handler.`);
         setValueWithCheck(value2);
       }
     };
+    const [focused, setFocused] = React$1.useState(false);
+    const inputRef = React__default.default.useRef(null);
+    function triggerFocus(nextFocus) {
+      setFocused(nextFocus);
+      if (nextFocus) {
+        setInputValue(typeof value === "number" ? String(value) : "");
+      }
+    }
+    React$1.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]);
+    React$1.useEffect(() => {
+      if (!focused) {
+        setInputValue(formatValue(value));
+      }
+    }, [focused, value, digits]);
     const handleMinus = () => {
       setValueWithCheck(Big(value !== null && value !== void 0 ? value : 0).minus(step).toNumber());
     };
@@ -24434,7 +24510,7 @@ Please add \`${key}Action\` when creating your handler.`);
     };
     return withNativeProps(props, React__default.default.createElement("div", {
       className: classNames(classPrefix$e, {
-        [`${classPrefix$e}-active`]: hasFocus
+        [`${classPrefix$e}-active`]: focused
       })
     }, React__default.default.createElement(Button, {
       className: `${classPrefix$e}-minus`,
@@ -24447,10 +24523,11 @@ Please add \`${key}Action\` when creating your handler.`);
     }, React__default.default.createElement(MinusOutline, null)), React__default.default.createElement("div", {
       className: `${classPrefix$e}-middle`
     }, React__default.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,
@@ -24460,7 +24537,7 @@ Please add \`${key}Action\` when creating your handler.`);
       disabled,
       onBlur: (e) => {
         var _a;
-        setHasFocus(false);
+        triggerFocus(false);
         (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e);
       },
       readOnly: inputReadOnly,
@@ -24479,20 +24556,6 @@ Please add \`${key}Action\` when creating your handler.`);
       "aria-label": locale.Stepper.increase
     }, React__default.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`;
@@ -25974,7 +26037,11 @@ Please add \`${key}Action\` when creating your handler.`);
           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());
         }