antd-mobile 5.40.0 → 5.41.0-alpha.0

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

@@ -12232,6 +12232,7 @@ const Tabs$1 = (p) => {
   const props = mergeProps(defaultProps$S, p);
   const tabListContainerRef = useRef(null);
   const activeLineRef = useRef(null);
+  const tabRefs = useRef({});
   const keyToIndexRecord = {};
   let firstActiveKey = null;
   const panes = [];
@@ -12371,7 +12372,7 @@ const Tabs$1 = (p) => {
   });
   const {
     run: updateMask
-  } = useThrottleFn((immediate = false) => {
+  } = useThrottleFn((immediate) => {
     const container = tabListContainerRef.current;
     if (!container)
       return;
@@ -12398,6 +12399,35 @@ const Tabs$1 = (p) => {
   useIsomorphicLayoutEffect$3(() => {
     updateMask(true);
   }, []);
+  const handleKeyDown = (e2) => {
+    const keys2 = Object.keys(keyToIndexRecord);
+    const currentIndex = keyToIndexRecord[activeKey];
+    const isNext = isRTL2 ? e2.key === "ArrowLeft" : e2.key === "ArrowRight";
+    const isPrev = isRTL2 ? e2.key === "ArrowRight" : e2.key === "ArrowLeft";
+    const offsetDirection = isNext ? 1 : -1;
+    const findNextEnabledTab = (startIndex, direction) => {
+      const length = keys2.length;
+      for (let i2 = 0; i2 < length; i2++) {
+        const index2 = (startIndex + direction * (i2 + 1) + length) % length;
+        const key = keys2[index2];
+        const pane = panes.find((p2) => p2.key === key);
+        if (!(pane === null || pane === void 0 ? void 0 : pane.props.disabled))
+          return key;
+      }
+      return keys2[startIndex];
+    };
+    const currentKey = findNextEnabledTab(currentIndex, offsetDirection);
+    if (isNext || isPrev) {
+      e2.preventDefault();
+      setActiveKey(currentKey);
+    }
+  };
+  useEffect(() => {
+    var _a2;
+    if (activeKey && tabRefs.current[activeKey]) {
+      (_a2 = tabRefs.current[activeKey]) === null || _a2 === void 0 ? void 0 : _a2.focus();
+    }
+  }, [activeKey]);
   return withNativeProps(props, React__default.createElement("div", {
     className: classPrefix$15,
     style: {
@@ -12420,6 +12450,7 @@ const Tabs$1 = (p) => {
     ref: tabListContainerRef,
     scrollLeft,
     onScroll: updateMask,
+    onKeyDown: handleKeyDown,
     role: "tablist"
   }, React__default.createElement(animated.div, {
     ref: activeLineRef,
@@ -12434,6 +12465,10 @@ const Tabs$1 = (p) => {
       [`${classPrefix$15}-tab-wrapper-stretch`]: props.stretch
     })
   }, React__default.createElement("div", {
+    role: "tab",
+    "aria-selected": pane.key === activeKey,
+    tabIndex: pane.key === activeKey ? 0 : -1,
+    ref: (el) => tabRefs.current[pane.key] = el,
     onClick: () => {
       const {
         key
@@ -12448,9 +12483,7 @@ const Tabs$1 = (p) => {
     className: classNames(`${classPrefix$15}-tab`, {
       [`${classPrefix$15}-tab-active`]: pane.key === activeKey,
       [`${classPrefix$15}-tab-disabled`]: pane.props.disabled
-    }),
-    role: "tab",
-    "aria-selected": pane.key === activeKey
+    })
   }, pane.props.title)))))), panes.map((pane) => {
     if (pane.props.children === void 0) {
       return null;
@@ -13838,7 +13871,7 @@ function convertStringArrayToDate$1(value) {
   const yearString = (_a = value[0]) !== null && _a !== void 0 ? _a : "1900";
   const weekString = (_b = value[1]) !== null && _b !== void 0 ? _b : "1";
   const weekdayString = (_c = value[2]) !== null && _c !== void 0 ? _c : "1";
-  const day = dayjs(`${parseInt(yearString)}-01-01`).isoWeek(parseInt(weekString)).isoWeekday(parseInt(weekdayString)).hour(0).minute(0).second(0);
+  const day = dayjs(`${parseInt(yearString)}-01-04`).isoWeek(parseInt(weekString)).isoWeekday(parseInt(weekdayString)).hour(0).minute(0).second(0);
   return day.toDate();
 }
 const precisionLengthRecord = {
@@ -14565,13 +14598,21 @@ const Ellipsis = (p) => {
   const rootRef = React__default.useRef(null);
   const [expanded, setExpanded] = React__default.useState(defaultExpanded);
   const expandNode = expandText ? withStopPropagation(stopPropagationForActionButtons, React__default.createElement("a", {
-    onClick: () => {
+    onClick: (e2) => {
+      var _a;
       setExpanded(true);
+      (_a = props.onExpand) === null || _a === void 0 ? void 0 : _a.call(props, true, {
+        event: e2
+      });
     }
   }, expandText)) : null;
   const collapseNode = collapseText ? withStopPropagation(stopPropagationForActionButtons, React__default.createElement("a", {
-    onClick: () => {
+    onClick: (e2) => {
+      var _a;
       setExpanded(false);
+      (_a = props.onExpand) === null || _a === void 0 ? void 0 : _a.call(props, false, {
+        event: e2
+      });
     }
   }, collapseText)) : null;
   const [measureNodes, forceResize] = useMeasure(rootRef, content, rows, direction, expanded, expandNode, collapseNode);
@@ -26588,7 +26629,7 @@ const Swiper = forwardRef(staged_1((p, ref2) => {
         return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
           className: `${classPrefix$a}-slide-placeholder`,
           style: {
-            width: `${startIndex * 100}%`
+            [isVertical ? "height" : "width"]: `${startIndex * 100}%`
           }
         }), items);
       }
@@ -27459,7 +27500,10 @@ const index = attachPropertiesToComponent(TreeSelect, {
 });
 const classPrefix$2 = "adm-virtual-input";
 const defaultProps$2 = {
-  defaultValue: ""
+  defaultValue: "",
+  cursor: {
+    movable: false
+  }
 };
 const VirtualInput = forwardRef((props, ref2) => {
   const {
@@ -27472,6 +27516,13 @@ const VirtualInput = forwardRef((props, ref2) => {
   const contentRef = useRef(null);
   const [hasFocus, setHasFocus] = useState(false);
   const [caretPosition, setCaretPosition] = useState(value.length);
+  const keyboardDataRef = useRef({});
+  const touchDataRef = useRef();
+  const charRef = useRef(null);
+  const charWidthRef = useRef(0);
+  const caretRef = useRef(null);
+  const [isCaretDragging, setIsCaretDragging] = useState(false);
+  const touchMoveTimeoutRef = useRef();
   const clearIcon = mergeProp(React__default.createElement(CloseCircleFill, null), componentConfig.clearIcon, props.clearIcon);
   function scrollToEnd() {
     const root2 = rootRef.current;
@@ -27485,6 +27536,22 @@ const VirtualInput = forwardRef((props, ref2) => {
       return;
     content.scrollLeft = content.clientWidth;
   }
+  useEffect(() => {
+    if (charRef.current) {
+      charWidthRef.current = charRef.current.getBoundingClientRect().width;
+    }
+  }, [value]);
+  useEffect(() => {
+    if (value === keyboardDataRef.current.newValue) {
+      if (keyboardDataRef.current.mode === "input") {
+        setCaretPosition((c) => c + 1);
+      } else if (keyboardDataRef.current.mode === "delete") {
+        setCaretPosition((c) => c - 1);
+      }
+    } else {
+      setCaretPosition(value.length);
+    }
+  }, [value]);
   useIsomorphicLayoutEffect$3(() => {
     scrollToEnd();
   }, [value]);
@@ -27518,8 +27585,11 @@ const VirtualInput = forwardRef((props, ref2) => {
     onInput: (v) => {
       var _a, _b;
       const newValue = value.substring(0, caretPosition) + v + value.substring(caretPosition);
+      keyboardDataRef.current = {
+        newValue,
+        mode: "input"
+      };
       setValue(newValue);
-      setCaretPosition((c) => c + 1);
       (_b = (_a = keyboard.props).onInput) === null || _b === void 0 ? void 0 : _b.call(_a, v);
     },
     onDelete: () => {
@@ -27527,8 +27597,11 @@ const VirtualInput = forwardRef((props, ref2) => {
       if (caretPosition === 0)
         return;
       const newValue = value.substring(0, caretPosition - 1) + value.substring(caretPosition);
+      keyboardDataRef.current = {
+        newValue,
+        mode: "delete"
+      };
       setValue(newValue);
-      setCaretPosition(caretPosition - 1);
       (_b = (_a = keyboard.props).onDelete) === null || _b === void 0 ? void 0 : _b.call(_a);
     },
     visible: hasFocus,
@@ -27545,21 +27618,78 @@ const VirtualInput = forwardRef((props, ref2) => {
     getContainer: null
   });
   const setCaretPositionToEnd = () => {
-    setCaretPosition(value.length);
+    var _a, _b;
+    if (caretPosition !== value.length) {
+      setCaretPosition(value.length);
+      (_b = (_a = mergedProps.cursor) === null || _a === void 0 ? void 0 : _a.onMove) === null || _b === void 0 ? void 0 : _b.call(_a, value.length);
+    }
   };
   const changeCaretPosition = (index2) => (e2) => {
+    var _a, _b, _c;
+    if (mergedProps.disabled || !((_a = mergedProps.cursor) === null || _a === void 0 ? void 0 : _a.movable))
+      return;
     e2.stopPropagation();
     const rect = e2.target.getBoundingClientRect();
     const midX = rect.left + rect.width / 2;
     const clickX = e2.clientX;
     const isRight = clickX > midX;
-    setCaretPosition(isRight ? index2 + 1 : index2);
+    const newCaretPosition = isRight ? index2 + 1 : index2;
+    setCaretPosition(newCaretPosition);
+    (_c = (_b = mergedProps.cursor) === null || _b === void 0 ? void 0 : _b.onMove) === null || _c === void 0 ? void 0 : _c.call(_b, newCaretPosition);
+  };
+  const handleTouchStart = (e2) => {
+    var _a;
+    if (mergedProps.disabled || !((_a = mergedProps.cursor) === null || _a === void 0 ? void 0 : _a.movable))
+      return;
+    if (!caretRef.current)
+      return;
+    const touch = e2.touches[0];
+    const caretRect = caretRef.current.getBoundingClientRect();
+    const distance = Math.abs(touch.clientX - (caretRect.left + caretRect.width / 2));
+    if (distance < 20) {
+      touchDataRef.current = {
+        startX: touch.clientX,
+        startCaretPosition: caretPosition
+      };
+    } else {
+      touchDataRef.current = null;
+    }
+  };
+  const handleTouchMove = (e2) => {
+    var _a, _b, _c;
+    if (!touchDataRef.current || !((_a = mergedProps.cursor) === null || _a === void 0 ? void 0 : _a.movable))
+      return;
+    setIsCaretDragging(true);
+    const touch = e2.touches[0];
+    const deltaX = touch.clientX - touchDataRef.current.startX;
+    const charWidth = charWidthRef.current;
+    const moveChars = Math.round(deltaX / charWidth);
+    let newCaretPosition = touchDataRef.current.startCaretPosition + moveChars;
+    newCaretPosition = Math.max(0, Math.min(newCaretPosition, value.length));
+    setCaretPosition(newCaretPosition);
+    (_c = (_b = mergedProps.cursor) === null || _b === void 0 ? void 0 : _b.onMove) === null || _c === void 0 ? void 0 : _c.call(_b, newCaretPosition);
+    if (touchMoveTimeoutRef.current) {
+      clearTimeout(touchMoveTimeoutRef.current);
+    }
+    touchMoveTimeoutRef.current = setTimeout(() => {
+      setIsCaretDragging(false);
+      touchMoveTimeoutRef.current = null;
+    }, 500);
+  };
+  const handleTouchEnd = () => {
+    touchDataRef.current = null;
+    setIsCaretDragging(false);
+    if (touchMoveTimeoutRef.current) {
+      clearTimeout(touchMoveTimeoutRef.current);
+      touchMoveTimeoutRef.current = null;
+    }
   };
   const chars = (value + "").split("");
   return withNativeProps(mergedProps, React__default.createElement("div", {
     ref: rootRef,
     className: classNames(classPrefix$2, {
-      [`${classPrefix$2}-disabled`]: mergedProps.disabled
+      [`${classPrefix$2}-disabled`]: mergedProps.disabled,
+      [`${classPrefix$2}-caret-dragging`]: isCaretDragging
     }),
     tabIndex: mergedProps.disabled ? void 0 : 0,
     role: "textbox",
@@ -27571,13 +27701,18 @@ const VirtualInput = forwardRef((props, ref2) => {
     ref: contentRef,
     "aria-disabled": mergedProps.disabled,
     "aria-label": mergedProps.placeholder,
-    onClick: setCaretPositionToEnd
+    onClick: setCaretPositionToEnd,
+    onTouchStart: handleTouchStart,
+    onTouchMove: handleTouchMove,
+    onTouchEnd: handleTouchEnd
   }, chars.slice(0, caretPosition).map((i2, index2) => React__default.createElement("span", {
+    ref: index2 === 0 ? charRef : void 0,
     key: index2,
     onClick: changeCaretPosition(index2)
   }, i2)), React__default.createElement("div", {
     className: `${classPrefix$2}-caret-container`
   }, hasFocus && React__default.createElement("div", {
+    ref: caretRef,
     className: `${classPrefix$2}-caret`
   })), chars.slice(caretPosition).map((i2, index2) => React__default.createElement("span", {
     key: index2,
@@ -27588,7 +27723,6 @@ const VirtualInput = forwardRef((props, ref2) => {
       var _a;
       e2.stopPropagation();
       setValue("");
-      setCaretPosition(0);
       (_a = mergedProps.onClear) === null || _a === void 0 ? void 0 : _a.call(mergedProps);
     },
     role: "button",