@tarojs/components-react 4.1.10-alpha.0 → 4.1.10-beta.12

package/dist/components/scroll-view/index.js

@@ -66,6 +66,9 @@ function ScrollView(props) {
   const _scrollTop = useRef(null);
   const _scrollLeft = useRef(null);
   const container = useRef(null);
+  const scrollEndTimerRef = useRef(null);
+  const isScrollingRef = useRef(false);
+  const isInitializedRef = useRef(false);
   const onTouchMove = e => {
     e.stopPropagation();
   };
@@ -83,25 +86,24 @@ function ScrollView(props) {
       const isAnimation = !!props.scrollWithAnimation;
       // Y 轴滚动
       if (props.scrollY && typeof props.scrollTop === 'number' && props.scrollTop !== _scrollTop.current) {
-        if (isInit) {
-          setTimeout(() => scrollVertical(container, _scrollTop, props.scrollTop, isAnimation), 10);
-        } else {
-          scrollVertical(container, _scrollTop, props.scrollTop, isAnimation);
-        }
+        setTimeout(() => scrollVertical(container, _scrollTop, props.scrollTop, isAnimation), 10);
       }
       // X 轴滚动
       if (props.scrollX && typeof props.scrollLeft === 'number' && props.scrollLeft !== _scrollLeft.current) {
-        if (isInit) {
-          setTimeout(() => scrollHorizontal(container, _scrollLeft, props.scrollLeft, isAnimation), 10);
-        } else {
-          scrollHorizontal(container, _scrollLeft, props.scrollLeft, isAnimation);
-        }
+        setTimeout(() => scrollHorizontal(container, _scrollLeft, props.scrollLeft, isAnimation), 10);
       }
     }
   };
   useEffect(() => {
     handleScroll(props, true);
+    isInitializedRef.current = true;
   }, []);
+  // 监听 scrollTop、scrollLeft、scrollIntoView 的变化（排除初始化）
+  useEffect(() => {
+    if (isInitializedRef.current && container.current) {
+      handleScroll(props, false);
+    }
+  }, [props.scrollTop, props.scrollLeft, props.scrollIntoView]);
   const {
     className,
     style = {},
@@ -163,12 +165,54 @@ function ScrollView(props) {
         scrollWidth
       }
     });
+    // 处理滚动开始
+    if (!isScrollingRef.current) {
+      isScrollingRef.current = true;
+      if (props.onScrollStart) {
+        props.onScrollStart(e);
+      }
+    }
+    // 清除滚动结束定时器
+    if (scrollEndTimerRef.current) {
+      clearTimeout(scrollEndTimerRef.current);
+      scrollEndTimerRef.current = null;
+    }
+    // 设置滚动结束定时器（150ms 无滚动事件后触发）
+    if (props.onScrollEnd) {
+      scrollEndTimerRef.current = setTimeout(() => {
+        var _a;
+        if (isScrollingRef.current) {
+          isScrollingRef.current = false;
+          (_a = props.onScrollEnd) === null || _a === void 0 ? void 0 : _a.call(props, e);
+        }
+        scrollEndTimerRef.current = null;
+      }, 150);
+    }
     upperAndLowerThrottle(e);
     onScroll && onScroll(e);
   };
   const _onTouchMove = e => {
     isFunction(props.onTouchMove) ? props.onTouchMove(e) : onTouchMove(e);
   };
+  const _onTouchStart = e => {
+    if (isFunction(props.onTouchStart)) {
+      props.onTouchStart(e);
+    }
+  };
+  const _onTouchEnd = e => {
+    if (isFunction(props.onTouchEnd)) {
+      props.onTouchEnd(e);
+    }
+  };
+  // 清理定时器
+  useEffect(() => {
+    return () => {
+      if (scrollEndTimerRef.current) {
+        clearTimeout(scrollEndTimerRef.current);
+        scrollEndTimerRef.current = null;
+      }
+    };
+  }, []);
   return /*#__PURE__*/jsx("div", {
     ref: e => {
       if (e) {
@@ -180,6 +224,8 @@ function ScrollView(props) {
     className: cls,
     onScroll: _onScroll,
     onTouchMove: _onTouchMove,
+    onTouchStart: _onTouchStart,
+    onTouchEnd: _onTouchEnd,
     children: props.children
   });
 }

package/dist/components/scroll-view/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/scroll-view/index.tsx"],"sourcesContent":["import './style/index.scss'\n\nimport { isFunction } from '@tarojs/shared'\nimport classNames from 'classnames'\n\nimport { createForwardRefComponent, throttle } from '../../utils'\nimport { useEffect, useRef } from '../../utils/hooks'\n\nimport type React from 'react'\n\nfunction easeOutScroll (from = 0, to = 0, callback) {\n  if (from === to || typeof from !== 'number') {\n    return\n  }\n  const change = to - from\n  const dur = 500\n  const sTime = +new Date()\n  function linear (t, b, c, d) {\n    return (c * t) / d + b\n  }\n  const isLarger = to >= from\n\n  function step () {\n    from = linear(+new Date() - sTime, from, change, dur)\n    if ((isLarger && from >= to) || (!isLarger && to >= from)) {\n      callback(to)\n      return\n    }\n    callback(from)\n    requestAnimationFrame(step)\n  }\n  step()\n}\n\nfunction scrollIntoView (id = '', isHorizontal = false, animated = true, scrollIntoViewAlignment?: ScrollLogicalPosition) {\n  document.querySelector(`#${id}`)?.scrollIntoView({\n    behavior: animated ? 'smooth' : 'auto',\n    block: !isHorizontal ? (scrollIntoViewAlignment || 'center') : 'center',\n    inline: isHorizontal ? (scrollIntoViewAlignment || 'start') : 'start'\n  })\n}\n\nfunction scrollVertical (container, scrollTop, top, isAnimation) {\n  if (isAnimation) {\n    easeOutScroll(scrollTop.current, top, pos => {\n      if (container.current) container.current.scrollTop = pos\n    })\n  } else {\n    if (container.current) container.current.scrollTop = top\n  }\n  scrollTop.current = top\n}\n\nfunction scrollHorizontal (container, scrollLeft, left, isAnimation) {\n  if (isAnimation) {\n    easeOutScroll(scrollLeft.current, left, pos => {\n      if (container.current) container.current.scrollLeft = pos\n    })\n  } else {\n    if (container.current) container.current.scrollLeft = left\n  }\n  scrollLeft.current = left\n}\n\ninterface IProps extends React.HTMLAttributes<HTMLDivElement> {\n  scrollX: boolean\n  scrollY: boolean\n  upperThreshold: number\n  lowerThreshold: number\n  scrollTop: number\n  scrollLeft: number\n  scrollIntoView?: string\n  scrollIntoViewAlignment?: ScrollLogicalPosition\n  scrollWithAnimation: boolean\n  enableBackToTop?: boolean\n  forwardedRef?: React.MutableRefObject<HTMLDivElement>\n  onScrollToUpper: (e: React.SyntheticEvent<HTMLDivElement, Event>) => void\n  onScrollToLower: (e: React.SyntheticEvent<HTMLDivElement, Event>) => void\n  onScroll: (e: React.SyntheticEvent<HTMLDivElement, Event>) => void\n  onTouchMove: (e: React.SyntheticEvent<HTMLDivElement, Event>) => void\n  showScrollbar?: boolean // 新增参数，默认true\n  enhanced?: boolean // 新增参数，默认false\n}\n\nfunction ScrollView (props: IProps) {\n  const _scrollTop = useRef<any>(null)\n  const _scrollLeft = useRef<any>(null)\n  const container = useRef<any>(null)\n  const onTouchMove = (e) => {\n    e.stopPropagation()\n  }\n\n  const handleScroll = (props: IProps, isInit = false) => {\n    // scrollIntoView\n    if (\n      props.scrollIntoView &&\n      typeof props.scrollIntoView === 'string' &&\n      document &&\n      document.querySelector &&\n      document.querySelector(`#${props.scrollIntoView}`)\n    ) {\n      const isHorizontal = props.scrollX && !props.scrollY\n      if (isInit) {\n        setTimeout(() => scrollIntoView(props.scrollIntoView, props.scrollWithAnimation, isHorizontal, props.scrollIntoViewAlignment), 500)\n      } else {\n        scrollIntoView(props.scrollIntoView, props.scrollWithAnimation, isHorizontal, props.scrollIntoViewAlignment)\n      }\n    } else {\n      const isAnimation = !!props.scrollWithAnimation\n      // Y 轴滚动\n      if (props.scrollY && typeof props.scrollTop === 'number' && props.scrollTop !== _scrollTop.current) {\n        if (isInit) {\n          setTimeout(() => scrollVertical(container, _scrollTop, props.scrollTop, isAnimation), 10)\n        } else {\n          scrollVertical(container, _scrollTop, props.scrollTop, isAnimation)\n        }\n      }\n      // X 轴滚动\n      if (props.scrollX && typeof props.scrollLeft === 'number' && props.scrollLeft !== _scrollLeft.current) {\n        if (isInit) {\n          setTimeout(() => scrollHorizontal(container, _scrollLeft, props.scrollLeft, isAnimation), 10)\n        } else {\n          scrollHorizontal(container, _scrollLeft, props.scrollLeft, isAnimation)\n        }\n      }\n    }\n  }\n\n  useEffect(() => {\n    handleScroll(props, true)\n  }, [])\n\n  const {\n    className,\n    style = {},\n    onScroll,\n    onScrollToUpper,\n    onScrollToLower,\n    scrollX,\n    scrollY,\n    showScrollbar = true, // 默认显示滚动条\n    enhanced = false // 默认不增强\n  } = props\n  let { upperThreshold = 50, lowerThreshold = 50 } = props\n  const cls = classNames(\n    'taro-scroll',\n    {\n      'taro-scroll-view__scroll-x': scrollX,\n      'taro-scroll-view__scroll-y': scrollY,\n      'taro-scroll--hidebar': enhanced === true && showScrollbar === false,\n      'taro-scroll--enhanced': enhanced === true\n    },\n    className\n  )\n  upperThreshold = Number(upperThreshold)\n  lowerThreshold = Number(lowerThreshold)\n  const upperAndLower = e => {\n    if (!container.current) return\n    const { offsetWidth, offsetHeight, scrollLeft, scrollTop, scrollHeight, scrollWidth } = container.current\n    if (\n      onScrollToLower &&\n      ((props.scrollY && offsetHeight + scrollTop + lowerThreshold >= scrollHeight) ||\n        (props.scrollX && offsetWidth + scrollLeft + lowerThreshold >= scrollWidth))\n    ) {\n      onScrollToLower(e)\n    }\n    if (\n      onScrollToUpper &&\n      ((props.scrollY && scrollTop <= upperThreshold) || (props.scrollX && scrollLeft <= upperThreshold))\n    ) {\n      onScrollToUpper(e)\n    }\n  }\n  const upperAndLowerThrottle = throttle(upperAndLower, 200)\n  const _onScroll = e => {\n    const { scrollLeft, scrollTop, scrollHeight, scrollWidth } = container.current\n    _scrollLeft.current = scrollLeft\n    _scrollTop.current = scrollTop\n    Object.defineProperty(e, 'detail', {\n      enumerable: true,\n      writable: true,\n      value: {\n        scrollLeft,\n        scrollTop,\n        scrollHeight,\n        scrollWidth\n      }\n    })\n    upperAndLowerThrottle(e)\n    onScroll && onScroll(e)\n  }\n  const _onTouchMove = e => {\n    isFunction(props.onTouchMove) ? props.onTouchMove(e) : onTouchMove(e)\n  }\n  return (\n    <div\n      ref={e => {\n        if (e) {\n          container.current = e\n          if (props.forwardedRef) props.forwardedRef.current = e\n        }\n      }}\n      style={style}\n      className={cls}\n      onScroll={_onScroll}\n      onTouchMove={_onTouchMove}\n    >\n      {props.children}\n    </div>\n  )\n}\n\nexport default createForwardRefComponent(ScrollView)\n"],"names":["easeOutScroll","from","arguments","length","undefined","to","callback","change","dur","sTime","Date","linear","t","b","c","d","isLarger","step","requestAnimationFrame","scrollIntoView","id","isHorizontal","animated","scrollIntoViewAlignment","_a","document","querySelector","behavior","block","inline","scrollVertical","container","scrollTop","top","isAnimation","current","pos","scrollHorizontal","scrollLeft","left","ScrollView","props","_scrollTop","useRef","_scrollLeft","onTouchMove","e","stopPropagation","handleScroll","isInit","scrollX","scrollY","setTimeout","scrollWithAnimation","useEffect","className","style","onScroll","onScrollToUpper","onScrollToLower","showScrollbar","enhanced","upperThreshold","lowerThreshold","cls","classNames","Number","upperAndLower","offsetWidth","offsetHeight","scrollHeight","scrollWidth","upperAndLowerThrottle","throttle","_onScroll","Object","defineProperty","enumerable","writable","value","_onTouchMove","isFunction","_jsx","ref","forwardedRef","children","createForwardRefComponent"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/scroll-view/index.tsx"],"sourcesContent":["import './style/index.scss'\n\nimport { isFunction } from '@tarojs/shared'\nimport classNames from 'classnames'\n\nimport { createForwardRefComponent, throttle } from '../../utils'\nimport { useEffect, useRef } from '../../utils/hooks'\n\nimport type React from 'react'\n\nfunction easeOutScroll (from = 0, to = 0, callback) {\n  if (from === to || typeof from !== 'number') {\n    return\n  }\n  const change = to - from\n  const dur = 500\n  const sTime = +new Date()\n  function linear (t, b, c, d) {\n    return (c * t) / d + b\n  }\n  const isLarger = to >= from\n\n  function step () {\n    from = linear(+new Date() - sTime, from, change, dur)\n    if ((isLarger && from >= to) || (!isLarger && to >= from)) {\n      callback(to)\n      return\n    }\n    callback(from)\n    requestAnimationFrame(step)\n  }\n  step()\n}\n\nfunction scrollIntoView (id = '', isHorizontal = false, animated = true, scrollIntoViewAlignment?: ScrollLogicalPosition) {\n  document.querySelector(`#${id}`)?.scrollIntoView({\n    behavior: animated ? 'smooth' : 'auto',\n    block: !isHorizontal ? (scrollIntoViewAlignment || 'center') : 'center',\n    inline: isHorizontal ? (scrollIntoViewAlignment || 'start') : 'start'\n  })\n}\n\nfunction scrollVertical (container, scrollTop, top, isAnimation) {\n  if (isAnimation) {\n    easeOutScroll(scrollTop.current, top, pos => {\n      if (container.current) container.current.scrollTop = pos\n    })\n  } else {\n    if (container.current) container.current.scrollTop = top\n  }\n  scrollTop.current = top\n}\n\nfunction scrollHorizontal (container, scrollLeft, left, isAnimation) {\n  if (isAnimation) {\n    easeOutScroll(scrollLeft.current, left, pos => {\n      if (container.current) container.current.scrollLeft = pos\n    })\n  } else {\n    if (container.current) container.current.scrollLeft = left\n  }\n  scrollLeft.current = left\n}\n\ninterface IProps extends React.HTMLAttributes<HTMLDivElement> {\n  scrollX: boolean\n  scrollY: boolean\n  upperThreshold: number\n  lowerThreshold: number\n  scrollTop: number\n  scrollLeft: number\n  scrollIntoView?: string\n  scrollIntoViewAlignment?: ScrollLogicalPosition\n  scrollWithAnimation: boolean\n  enableBackToTop?: boolean\n  forwardedRef?: React.MutableRefObject<HTMLDivElement>\n  onScrollToUpper: (e: React.SyntheticEvent<HTMLDivElement, Event>) => void\n  onScrollToLower: (e: React.SyntheticEvent<HTMLDivElement, Event>) => void\n  onScroll: (e: React.SyntheticEvent<HTMLDivElement, Event>) => void\n  onScrollStart?: (e: React.SyntheticEvent<HTMLDivElement, Event>) => void\n  onScrollEnd?: (e: React.SyntheticEvent<HTMLDivElement, Event>) => void\n  onTouchMove: (e: React.SyntheticEvent<HTMLDivElement, Event>) => void\n  onTouchStart?: (e: React.SyntheticEvent<HTMLDivElement, Event>) => void\n  onTouchEnd?: (e: React.SyntheticEvent<HTMLDivElement, Event>) => void\n  showScrollbar?: boolean // 新增参数，默认true\n  enhanced?: boolean // 新增参数，默认false\n}\n\nfunction ScrollView (props: IProps) {\n  const _scrollTop = useRef<any>(null)\n  const _scrollLeft = useRef<any>(null)\n  const container = useRef<any>(null)\n  const scrollEndTimerRef = useRef<NodeJS.Timeout | null>(null)\n  const isScrollingRef = useRef<boolean>(false)\n  const isInitializedRef = useRef<boolean>(false)\n  const onTouchMove = (e) => {\n    e.stopPropagation()\n  }\n\n  const handleScroll = (props: IProps, isInit = false) => {\n    // scrollIntoView\n    if (\n      props.scrollIntoView &&\n      typeof props.scrollIntoView === 'string' &&\n      document &&\n      document.querySelector &&\n      document.querySelector(`#${props.scrollIntoView}`)\n    ) {\n      const isHorizontal = props.scrollX && !props.scrollY\n      if (isInit) {\n        setTimeout(() => scrollIntoView(props.scrollIntoView, props.scrollWithAnimation, isHorizontal, props.scrollIntoViewAlignment), 500)\n      } else {\n        scrollIntoView(props.scrollIntoView, props.scrollWithAnimation, isHorizontal, props.scrollIntoViewAlignment)\n      }\n    } else {\n      const isAnimation = !!props.scrollWithAnimation\n      // Y 轴滚动\n      if (props.scrollY && typeof props.scrollTop === 'number' && props.scrollTop !== _scrollTop.current) {\n        setTimeout(() => scrollVertical(container, _scrollTop, props.scrollTop, isAnimation), 10)\n      }\n      // X 轴滚动\n      if (props.scrollX && typeof props.scrollLeft === 'number' && props.scrollLeft !== _scrollLeft.current) {\n        setTimeout(() => scrollHorizontal(container, _scrollLeft, props.scrollLeft, isAnimation), 10)\n      }\n    }\n  }\n\n  useEffect(() => {\n    handleScroll(props, true)\n    isInitializedRef.current = true\n  }, [])\n\n  // 监听 scrollTop、scrollLeft、scrollIntoView 的变化（排除初始化）\n  useEffect(() => {\n    if (isInitializedRef.current && container.current) {\n      handleScroll(props, false)\n    }\n  }, [props.scrollTop, props.scrollLeft, props.scrollIntoView])\n\n  const {\n    className,\n    style = {},\n    onScroll,\n    onScrollToUpper,\n    onScrollToLower,\n    scrollX,\n    scrollY,\n    showScrollbar = true, // 默认显示滚动条\n    enhanced = false // 默认不增强\n  } = props\n  let { upperThreshold = 50, lowerThreshold = 50 } = props\n  const cls = classNames(\n    'taro-scroll',\n    {\n      'taro-scroll-view__scroll-x': scrollX,\n      'taro-scroll-view__scroll-y': scrollY,\n      'taro-scroll--hidebar': enhanced === true && showScrollbar === false,\n      'taro-scroll--enhanced': enhanced === true\n    },\n    className\n  )\n  upperThreshold = Number(upperThreshold)\n  lowerThreshold = Number(lowerThreshold)\n  const upperAndLower = e => {\n    if (!container.current) return\n    const { offsetWidth, offsetHeight, scrollLeft, scrollTop, scrollHeight, scrollWidth } = container.current\n    if (\n      onScrollToLower &&\n      ((props.scrollY && offsetHeight + scrollTop + lowerThreshold >= scrollHeight) ||\n        (props.scrollX && offsetWidth + scrollLeft + lowerThreshold >= scrollWidth))\n    ) {\n      onScrollToLower(e)\n    }\n    if (\n      onScrollToUpper &&\n      ((props.scrollY && scrollTop <= upperThreshold) || (props.scrollX && scrollLeft <= upperThreshold))\n    ) {\n      onScrollToUpper(e)\n    }\n  }\n  const upperAndLowerThrottle = throttle(upperAndLower, 200)\n  const _onScroll = e => {\n    const { scrollLeft, scrollTop, scrollHeight, scrollWidth } = container.current\n    _scrollLeft.current = scrollLeft\n    _scrollTop.current = scrollTop\n    Object.defineProperty(e, 'detail', {\n      enumerable: true,\n      writable: true,\n      value: {\n        scrollLeft,\n        scrollTop,\n        scrollHeight,\n        scrollWidth\n      }\n    })\n\n    // 处理滚动开始\n    if (!isScrollingRef.current) {\n      isScrollingRef.current = true\n      if (props.onScrollStart) {\n        props.onScrollStart(e)\n      }\n    }\n\n    // 清除滚动结束定时器\n    if (scrollEndTimerRef.current) {\n      clearTimeout(scrollEndTimerRef.current)\n      scrollEndTimerRef.current = null\n    }\n\n    // 设置滚动结束定时器（150ms 无滚动事件后触发）\n    if (props.onScrollEnd) {\n      scrollEndTimerRef.current = setTimeout(() => {\n        if (isScrollingRef.current) {\n          isScrollingRef.current = false\n          props.onScrollEnd?.(e)\n        }\n        scrollEndTimerRef.current = null\n      }, 150)\n    }\n\n    upperAndLowerThrottle(e)\n    onScroll && onScroll(e)\n  }\n  const _onTouchMove = e => {\n    isFunction(props.onTouchMove) ? props.onTouchMove(e) : onTouchMove(e)\n  }\n  const _onTouchStart = e => {\n    if (isFunction(props.onTouchStart)) {\n      props.onTouchStart(e)\n    }\n  }\n  const _onTouchEnd = e => {\n    if (isFunction(props.onTouchEnd)) {\n      props.onTouchEnd(e)\n    }\n  }\n  // 清理定时器\n  useEffect(() => {\n    return () => {\n      if (scrollEndTimerRef.current) {\n        clearTimeout(scrollEndTimerRef.current)\n        scrollEndTimerRef.current = null\n      }\n    }\n  }, [])\n\n  return (\n    <div\n      ref={e => {\n        if (e) {\n          container.current = e\n          if (props.forwardedRef) props.forwardedRef.current = e\n        }\n      }}\n      style={style}\n      className={cls}\n      onScroll={_onScroll}\n      onTouchMove={_onTouchMove}\n      onTouchStart={_onTouchStart}\n      onTouchEnd={_onTouchEnd}\n    >\n      {props.children}\n    </div>\n  )\n}\n\nexport default createForwardRefComponent(ScrollView)\n"],"names":["easeOutScroll","from","arguments","length","undefined","to","callback","change","dur","sTime","Date","linear","t","b","c","d","isLarger","step","requestAnimationFrame","scrollIntoView","id","isHorizontal","animated","scrollIntoViewAlignment","_a","document","querySelector","behavior","block","inline","scrollVertical","container","scrollTop","top","isAnimation","current","pos","scrollHorizontal","scrollLeft","left","ScrollView","props","_scrollTop","useRef","_scrollLeft","scrollEndTimerRef","isScrollingRef","isInitializedRef","onTouchMove","e","stopPropagation","handleScroll","isInit","scrollX","scrollY","setTimeout","scrollWithAnimation","useEffect","className","style","onScroll","onScrollToUpper","onScrollToLower","showScrollbar","enhanced","upperThreshold","lowerThreshold","cls","classNames","Number","upperAndLower","offsetWidth","offsetHeight","scrollHeight","scrollWidth","upperAndLowerThrottle","throttle","_onScroll","Object","defineProperty","enumerable","writable","value","onScrollStart","clearTimeout","onScrollEnd","call","_onTouchMove","isFunction","_onTouchStart","onTouchStart","_onTouchEnd","onTouchEnd","_jsx","ref","forwardedRef","children","createForwardRefComponent"],"mappings":"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"}

package/dist/original/components/input/index.js

@@ -19,6 +19,12 @@ function getTrueType(type, confirmType, password) {
 function fixControlledValue(value) {
   return value !== null && value !== void 0 ? value : '';
 }
+/**
+ * 谷歌浏览器： compositionstart -> onChange -> compositionend
+ * 其他浏览器： compositionstart -> compositionend -> onChange
+ * 普通按键 (A-Z): handleInput -> setState(compositionValue) -> UI 更新。
+ * 空格选词 (中文输入法): compositionend -> triggerValueChange(外部回调) -> onInputExecuted = true -> 紧随其后的 handleInput 被拦截退出。
+ */
 class Input extends React__default.Component {
   constructor(props) {
     super(props);
@@ -34,6 +40,9 @@ class Input extends React__default.Component {
         }
       }
     };
+    this.state = {
+      compositionValue: undefined
+    };
     this.handleInput = this.handleInput.bind(this);
     this.handlePaste = this.handlePaste.bind(this);
     this.handleFocus = this.handleFocus.bind(this);
@@ -42,7 +51,8 @@ class Input extends React__default.Component {
     this.handleComposition = this.handleComposition.bind(this);
     this.handleBeforeInput = this.handleBeforeInput.bind(this);
     this.isOnComposition = false;
-    this.onInputExcuted = false;
+    // onInputExecuted 标记用于防止某些浏览器的事件重复触发
+    this.onInputExecuted = false;
   }
   componentDidMount() {
     var _a, _b;
@@ -67,8 +77,10 @@ class Input extends React__default.Component {
   UNSAFE_componentWillReceiveProps(nextProps) {
     if (!this.props.focus && nextProps.focus && this.inputRef) this.inputRef.focus();
   }
-  handleInput(e) {
-    e.stopPropagation();
+  /**
+   * 处理 maxLength 逻辑并调用 props.onInput
+   */
+  triggerValueChange(value, e) {
     const {
       type,
       maxlength = 140,
@@ -76,22 +88,24 @@ class Input extends React__default.Component {
       password = false,
       onInput
     } = this.props;
-    if (!this.isOnComposition && !this.onInputExcuted) {
-      let {
-        value
-      } = e.target;
-      const inputType = getTrueType(type, confirmType, password);
-      this.onInputExcuted = true;
-      /* 修复 number 类型 maxLength 无效 */
-      if (inputType === 'number' && value && maxlength <= value.length) {
-        value = value.substring(0, maxlength);
-        e.target.value = value;
+    let finalValue = value;
+    const inputType = getTrueType(type, confirmType, password);
+    /* 修复 number 类型 maxLength 无效 */
+    if (inputType === 'number' && finalValue && maxlength <= finalValue.length) {
+      finalValue = finalValue.substring(0, maxlength);
+      // 如果被截断了，需要同步回 DOM
+      if (e.target && e.target.value !== finalValue) {
+        e.target.value = finalValue;
       }
+    }
+    // 只有当值确实改变，或者需要强制触发时才调用
+    if (typeof onInput === 'function') {
       Object.defineProperty(e, 'detail', {
         value: {
-          value,
-          cursor: value.length
-        }
+          value: finalValue,
+          cursor: finalValue.length
+        },
+        configurable: true
       });
       // // 修复 IOS 光标跳转问题
       // if (!(['number', 'file'].indexOf(inputType) >= 0)) {
@@ -103,8 +117,37 @@ class Input extends React__default.Component {
       //     }
       //   )
       // }
-      typeof onInput === 'function' && onInput(e);
-      this.onInputExcuted = false;
+      onInput(e);
+    }
+  }
+  handleInput(e) {
+    e.stopPropagation();
+    // 如果是 compositionend 刚刚触发过的，这里消费掉标记并退出，防止双重触发
+    // 适配其他浏览器的 compositionend -> onChange 顺序
+    if (this.onInputExecuted) {
+      this.onInputExecuted = false;
+      return;
+    }
+    const newValue = e.target.value;
+    if (this.isOnComposition) {
+      // Case 1: 正在拼写中文（compositionstart 已触发但 compositionend 未触发）
+      // 只更新组件内部 State，让 Input 显示拼音，不触发外部 onChange
+      // 适配谷歌浏览器的 compositionstart -> onChange -> compositionend 顺序
+      this.setState({
+        compositionValue: newValue
+      });
+    } else {
+      // Case 2: 普通输入 (英文、数字、或中文选词后)
+      // 标记执行，防止重复
+      this.onInputExecuted = true;
+      // 清理中间状态
+      if (this.state.compositionValue !== undefined) {
+        this.setState({
+          compositionValue: undefined
+        });
+      }
+      this.triggerValueChange(newValue, e);
+      this.onInputExecuted = false;
     }
   }
   handlePaste(e) {
@@ -112,7 +155,7 @@ class Input extends React__default.Component {
     const {
       onPaste
     } = this.props;
-    this.onInputExcuted = false;
+    this.onInputExecuted = false;
     Object.defineProperty(e, 'detail', {
       value: {
         value: e.target.value
@@ -125,7 +168,7 @@ class Input extends React__default.Component {
     const {
       onFocus
     } = this.props;
-    this.onInputExcuted = false;
+    this.onInputExecuted = false;
     Object.defineProperty(e, 'detail', {
       value: {
         value: e.target.value
@@ -155,7 +198,7 @@ class Input extends React__default.Component {
       value
     } = e.target;
     const keyCode = e.keyCode || e.code;
-    this.onInputExcuted = false;
+    this.onInputExecuted = false;
     if (typeof onKeyDown === 'function') {
       Object.defineProperty(e, 'detail', {
         value: {
@@ -178,11 +221,27 @@ class Input extends React__default.Component {
   handleComposition(e) {
     e.stopPropagation();
     if (!(e.target instanceof HTMLInputElement)) return;
-    if (e.type === 'compositionend') {
-      this.isOnComposition = false;
-      this.handleInput(e);
-    } else {
+    if (e.type === 'compositionstart') {
+      // 开始输入中文，标记进入拼音输入状态
+      this.isOnComposition = true;
+    } else if (e.type === 'compositionupdate') {
+      // 拼音输入过程中，保持标记并更新显示
       this.isOnComposition = true;
+      // 必须在这里触发 setState 才能让输入框里的拼音实时更新
+      this.handleInput(e);
+    } else if (e.type === 'compositionend') {
+      // 中文选词结束，退出拼音输入状态
+      this.isOnComposition = false;
+      // 立即获取最终值
+      const newValue = e.target.value;
+      // 清空中间状态
+      this.setState({
+        compositionValue: undefined
+      });
+      // 设置标记，防止后续的 handleInput 重复触发（适配其他浏览器）
+      this.onInputExecuted = true;
+      // 强制触发一次 value change，确保父组件收到最终汉字
+      this.triggerValueChange(newValue, e);
     }
   }
   render() {
@@ -197,11 +256,14 @@ class Input extends React__default.Component {
       name,
       value
     } = this.props;
+    const {
+      compositionValue
+    } = this.state;
     const cls = classNames('taro-input-core', 'weui-input', className);
-    const otherProps = omit(this.props, ['forwardedRef', 'className', 'placeholder', 'disabled', 'password', 'type', 'maxlength', 'confirmType', 'focus', 'name']);
-    if ('value' in this.props) {
-      otherProps.value = fixControlledValue(value);
-    }
+    const otherProps = omit(this.props, ['forwardedRef', 'className', 'placeholder', 'disabled', 'password', 'type', 'maxlength', 'confirmType', 'focus', 'name', 'onInput']);
+    // 如果有 compositionValue (正在输入拼音)，则显示 compositionValue
+    // 否则显示 props 传进来的受控 value
+    const displayValue = compositionValue !== undefined ? compositionValue : fixControlledValue(value);
     return /*#__PURE__*/jsx("input", {
       ref: input => {
         if (this.props.forwardedRef) {
@@ -216,12 +278,14 @@ class Input extends React__default.Component {
       disabled: disabled,
       maxLength: maxlength,
       name: name,
+      value: displayValue,
       onInput: this.handleInput,
       onPaste: this.handlePaste,
       onFocus: this.handleFocus,
       onBlur: this.handleBlur,
       onKeyDown: this.handleKeyDown,
       onCompositionStart: this.handleComposition,
+      onCompositionUpdate: this.handleComposition,
       onCompositionEnd: this.handleComposition,
       onBeforeInput: this.handleBeforeInput
     });

package/dist/original/components/input/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/input/index.tsx"],"sourcesContent":["import './style/index.scss'\n\nimport classNames from 'classnames'\nimport React from 'react'\n\nimport { createForwardRefComponent, omit } from '../../utils'\n\nfunction getTrueType (type: string | undefined, confirmType: string, password: boolean) {\n  if (confirmType === 'search') type = 'search'\n  if (password) type = 'password'\n  if (typeof type === 'undefined') {\n    return 'text'\n  }\n  if (!type) {\n    throw new Error('unexpected type')\n  }\n  if (type === 'digit') type = 'number'\n\n  return type\n}\n\nfunction fixControlledValue (value) {\n  return value ?? ''\n}\n\ninterface IProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {\n  password?: boolean\n  disabled?: boolean\n  maxlength?: number\n  placeholder?: string\n  value?: string\n  focus?: boolean\n  confirmType?: string\n  name?: string\n  type?: string\n  onConfirm?: (e) => void\n  forwardedRef?: React.MutableRefObject<HTMLInputElement>\n}\n\nclass Input extends React.Component<IProps, null> {\n  constructor (props) {\n    super(props)\n    this.handleInput = this.handleInput.bind(this)\n    this.handlePaste = this.handlePaste.bind(this)\n    this.handleFocus = this.handleFocus.bind(this)\n    this.handleBlur = this.handleBlur.bind(this)\n    this.handleKeyDown = this.handleKeyDown.bind(this)\n    this.handleComposition = this.handleComposition.bind(this)\n    this.handleBeforeInput = this.handleBeforeInput.bind(this)\n    this.isOnComposition = false\n    this.onInputExcuted = false\n  }\n\n  inputRef: HTMLInputElement\n  isOnComposition: boolean\n  onInputExcuted: boolean\n\n  componentDidMount () {\n    // 修复无法选择文件\n    if (this.props.type === 'file') {\n      this.inputRef?.addEventListener('change', this.handleInput)\n    } else {\n      this.inputRef?.addEventListener('textInput', this.handleBeforeInput)\n    }\n\n    // 处理初始化是否 focus\n    if (this.props.focus && this.inputRef) this.inputRef.focus()\n  }\n\n  componentWillUnmount () {\n    // 修复无法选择文件\n    if (this.props.type === 'file') {\n      this.inputRef.removeEventListener('change', this.handleInput)\n    } else {\n      this.inputRef?.removeEventListener('textInput', this.handleBeforeInput)\n    }\n  }\n\n  UNSAFE_componentWillReceiveProps (nextProps: Readonly<IProps>) {\n    if (!this.props.focus && nextProps.focus && this.inputRef) this.inputRef.focus()\n  }\n\n  handleInput (e) {\n    e.stopPropagation()\n    const {\n      type,\n      maxlength = 140,\n      confirmType = 'done',\n      password = false,\n      onInput\n    } = this.props\n\n    if (!this.isOnComposition && !this.onInputExcuted) {\n      let { value } = e.target\n      const inputType = getTrueType(type, confirmType, password)\n      this.onInputExcuted = true\n      /* 修复 number 类型 maxLength 无效 */\n      if (inputType === 'number' && value && maxlength <= value.length) {\n        value = value.substring(0, maxlength)\n        e.target.value = value\n      }\n\n      Object.defineProperty(e, 'detail', {\n        value: { value, cursor: value.length }\n      })\n      // // 修复 IOS 光标跳转问题\n      // if (!(['number', 'file'].indexOf(inputType) >= 0)) {\n      //   const pos = e.target.selectionEnd\n      //   setTimeout(\n      //     () => {\n      //       e.target.selectionStart = pos\n      //       e.target.selectionEnd = pos\n      //     }\n      //   )\n      // }\n\n      typeof onInput === 'function' && onInput(e)\n      this.onInputExcuted = false\n    }\n  }\n\n  handlePaste (e) {\n    e.stopPropagation()\n    const { onPaste } = this.props\n    this.onInputExcuted = false\n    Object.defineProperty(e, 'detail', {\n      value: {\n        value: e.target.value\n      }\n    })\n    typeof onPaste === 'function' && onPaste(e)\n  }\n\n  handleFocus (e) {\n    e.stopPropagation()\n    const { onFocus } = this.props\n    this.onInputExcuted = false\n    Object.defineProperty(e, 'detail', {\n      value: {\n        value: e.target.value\n      }\n    })\n    onFocus && onFocus(e)\n  }\n\n  handleBlur (e) {\n    e.stopPropagation()\n    const { onBlur } = this.props\n    Object.defineProperty(e, 'detail', {\n      value: {\n        value: e.target.value\n      }\n    })\n    onBlur && onBlur(e)\n  }\n\n  handleKeyDown (e) {\n    e.stopPropagation()\n    const { onConfirm, onKeyDown } = this.props\n    const { value } = e.target\n    const keyCode = e.keyCode || e.code\n    this.onInputExcuted = false\n\n    if (typeof onKeyDown === 'function') {\n      Object.defineProperty(e, 'detail', {\n        value: {\n          value,\n          cursor: value.length,\n          keyCode\n        }\n      })\n      onKeyDown(e)\n    }\n\n    if (e.keyCode === 13 && typeof onConfirm === 'function') {\n      Object.defineProperty(e, 'detail', {\n        value: {\n          value\n        }\n      })\n      onConfirm(e)\n    }\n  }\n\n  handleComposition (e) {\n    e.stopPropagation()\n    if (!(e.target instanceof HTMLInputElement)) return\n\n    if (e.type === 'compositionend') {\n      this.isOnComposition = false\n      this.handleInput(e)\n    } else {\n      this.isOnComposition = true\n    }\n  }\n\n  handleBeforeInput = (e) => {\n    if (!e.data) return\n    const isNumber = e.data && /[0-9]/.test(e.data)\n    if (this.props.type === 'number' && !isNumber) {\n      e.preventDefault()\n    }\n    if (this.props.type === 'digit' && !isNumber) {\n      if (e.data !== '.' || (e.data === '.' && e.target.value.indexOf('.') > -1)) {\n        e.preventDefault()\n      }\n    }\n  }\n\n  render () {\n    const {\n      className = '',\n      placeholder,\n      type,\n      password = false,\n      disabled = false,\n      maxlength = 140,\n      confirmType = 'done',\n      name,\n      value\n    } = this.props\n    const cls = classNames('taro-input-core', 'weui-input', className)\n\n    const otherProps = omit(this.props, [\n      'forwardedRef',\n      'className',\n      'placeholder',\n      'disabled',\n      'password',\n      'type',\n      'maxlength',\n      'confirmType',\n      'focus',\n      'name'\n    ])\n\n    if ('value' in this.props) {\n      otherProps.value = fixControlledValue(value)\n    }\n\n    return (\n      <input\n        ref={(input: HTMLInputElement) => {\n          if (this.props.forwardedRef) {\n            this.props.forwardedRef.current = input\n          }\n          this.inputRef = input\n        }}\n        {...otherProps}\n        className={cls}\n        type={getTrueType(type, confirmType, password)}\n        placeholder={placeholder}\n        disabled={disabled}\n        maxLength={maxlength}\n        name={name}\n        onInput={this.handleInput}\n        onPaste={this.handlePaste}\n        onFocus={this.handleFocus}\n        onBlur={this.handleBlur}\n        onKeyDown={this.handleKeyDown}\n        onCompositionStart={this.handleComposition}\n        onCompositionEnd={this.handleComposition}\n        onBeforeInput={this.handleBeforeInput}\n      />\n    )\n  }\n}\n\nexport default createForwardRefComponent(Input)\n"],"names":["getTrueType","type","confirmType","password","Error","fixControlledValue","value","Input","React","Component","constructor","props","handleBeforeInput","e","data","isNumber","test","preventDefault","target","indexOf","handleInput","bind","handlePaste","handleFocus","handleBlur","handleKeyDown","handleComposition","isOnComposition","onInputExcuted","componentDidMount","_a","inputRef","addEventListener","_b","focus","componentWillUnmount","removeEventListener","UNSAFE_componentWillReceiveProps","nextProps","stopPropagation","maxlength","onInput","inputType","length","substring","Object","defineProperty","cursor","onPaste","onFocus","onBlur","onConfirm","onKeyDown","keyCode","code","HTMLInputElement","render","className","placeholder","disabled","name","cls","classNames","otherProps","omit","_jsx","ref","input","forwardedRef","current","maxLength","onCompositionStart","onCompositionEnd","onBeforeInput","createForwardRefComponent"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/input/index.tsx"],"sourcesContent":["import './style/index.scss'\n\nimport classNames from 'classnames'\nimport React from 'react'\n\nimport { createForwardRefComponent, omit } from '../../utils'\n\nfunction getTrueType (type: string | undefined, confirmType: string, password: boolean) {\n  if (confirmType === 'search') type = 'search'\n  if (password) type = 'password'\n  if (typeof type === 'undefined') {\n    return 'text'\n  }\n  if (!type) {\n    throw new Error('unexpected type')\n  }\n  if (type === 'digit') type = 'number'\n\n  return type\n}\n\nfunction fixControlledValue (value) {\n  return value ?? ''\n}\n\ninterface IProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {\n  password?: boolean\n  disabled?: boolean\n  maxlength?: number\n  placeholder?: string\n  value?: string\n  focus?: boolean\n  confirmType?: string\n  name?: string\n  type?: string\n  onConfirm?: (e) => void\n  forwardedRef?: React.MutableRefObject<HTMLInputElement>\n}\n\ninterface IState {\n  compositionValue?: string\n}\n\n\n/**\n * 谷歌浏览器： compositionstart -> onChange -> compositionend\n * 其他浏览器： compositionstart -> compositionend -> onChange\n * 普通按键 (A-Z): handleInput -> setState(compositionValue) -> UI 更新。\n * 空格选词 (中文输入法): compositionend -> triggerValueChange(外部回调) -> onInputExecuted = true -> 紧随其后的 handleInput 被拦截退出。\n */\n\nclass Input extends React.Component<IProps, IState> {\n  constructor (props) {\n    super(props)\n    this.state = {\n      compositionValue: undefined\n    }\n\n    this.handleInput = this.handleInput.bind(this)\n    this.handlePaste = this.handlePaste.bind(this)\n    this.handleFocus = this.handleFocus.bind(this)\n    this.handleBlur = this.handleBlur.bind(this)\n    this.handleKeyDown = this.handleKeyDown.bind(this)\n    this.handleComposition = this.handleComposition.bind(this)\n    this.handleBeforeInput = this.handleBeforeInput.bind(this)\n    this.isOnComposition = false\n    // onInputExecuted 标记用于防止某些浏览器的事件重复触发\n    this.onInputExecuted = false\n  }\n\n  inputRef: HTMLInputElement\n  isOnComposition: boolean\n  onInputExecuted: boolean\n\n  componentDidMount () {\n    // 修复无法选择文件\n    if (this.props.type === 'file') {\n      this.inputRef?.addEventListener('change', this.handleInput)\n    } else {\n      this.inputRef?.addEventListener('textInput', this.handleBeforeInput)\n    }\n\n    // 处理初始化是否 focus\n    if (this.props.focus && this.inputRef) this.inputRef.focus()\n  }\n\n  componentWillUnmount () {\n    // 修复无法选择文件\n    if (this.props.type === 'file') {\n      this.inputRef.removeEventListener('change', this.handleInput)\n    } else {\n      this.inputRef?.removeEventListener('textInput', this.handleBeforeInput)\n    }\n  }\n\n  UNSAFE_componentWillReceiveProps (nextProps: Readonly<IProps>) {\n    if (!this.props.focus && nextProps.focus && this.inputRef) this.inputRef.focus()\n  }\n\n  /**\n   * 处理 maxLength 逻辑并调用 props.onInput\n   */\n  triggerValueChange (value: string, e: any) {\n    const {\n      type,\n      maxlength = 140,\n      confirmType = 'done',\n      password = false,\n      onInput\n    } = this.props\n\n    let finalValue = value\n    const inputType = getTrueType(type, confirmType, password)\n\n    /* 修复 number 类型 maxLength 无效 */\n    if (inputType === 'number' && finalValue && maxlength <= finalValue.length) {\n      finalValue = finalValue.substring(0, maxlength)\n      // 如果被截断了，需要同步回 DOM\n      if (e.target && e.target.value !== finalValue) {\n        e.target.value = finalValue\n      }\n    }\n\n    // 只有当值确实改变，或者需要强制触发时才调用\n    if (typeof onInput === 'function') {\n      Object.defineProperty(e, 'detail', {\n        value: { value: finalValue, cursor: finalValue.length },\n        configurable: true\n      })\n      // // 修复 IOS 光标跳转问题\n      // if (!(['number', 'file'].indexOf(inputType) >= 0)) {\n      //   const pos = e.target.selectionEnd\n      //   setTimeout(\n      //     () => {\n      //       e.target.selectionStart = pos\n      //       e.target.selectionEnd = pos\n      //     }\n      //   )\n      // }\n      onInput(e)\n    }\n  }\n\n  handleInput (e) {\n    e.stopPropagation()\n    // 如果是 compositionend 刚刚触发过的，这里消费掉标记并退出，防止双重触发\n    // 适配其他浏览器的 compositionend -> onChange 顺序\n    if (this.onInputExecuted) {\n      this.onInputExecuted = false\n      return\n    }\n\n    const newValue = e.target.value\n\n    if (this.isOnComposition) {\n      // Case 1: 正在拼写中文（compositionstart 已触发但 compositionend 未触发）\n      // 只更新组件内部 State，让 Input 显示拼音，不触发外部 onChange\n      // 适配谷歌浏览器的 compositionstart -> onChange -> compositionend 顺序\n      this.setState({ compositionValue: newValue })\n    } else {\n      // Case 2: 普通输入 (英文、数字、或中文选词后)\n      // 标记执行，防止重复\n      this.onInputExecuted = true\n\n      // 清理中间状态\n      if (this.state.compositionValue !== undefined) {\n        this.setState({ compositionValue: undefined })\n      }\n\n      this.triggerValueChange(newValue, e)\n      this.onInputExecuted = false\n    }\n  }\n\n  handlePaste (e) {\n    e.stopPropagation()\n    const { onPaste } = this.props\n    this.onInputExecuted = false\n    Object.defineProperty(e, 'detail', {\n      value: {\n        value: e.target.value\n      }\n    })\n    typeof onPaste === 'function' && onPaste(e)\n  }\n\n  handleFocus (e) {\n    e.stopPropagation()\n    const { onFocus } = this.props\n    this.onInputExecuted = false\n    Object.defineProperty(e, 'detail', {\n      value: {\n        value: e.target.value\n      }\n    })\n    onFocus && onFocus(e)\n  }\n\n  handleBlur (e) {\n    e.stopPropagation()\n    const { onBlur } = this.props\n    Object.defineProperty(e, 'detail', {\n      value: {\n        value: e.target.value\n      }\n    })\n    onBlur && onBlur(e)\n  }\n\n  handleKeyDown (e) {\n    e.stopPropagation()\n    const { onConfirm, onKeyDown } = this.props\n    const { value } = e.target\n    const keyCode = e.keyCode || e.code\n    this.onInputExecuted = false\n\n    if (typeof onKeyDown === 'function') {\n      Object.defineProperty(e, 'detail', {\n        value: {\n          value,\n          cursor: value.length,\n          keyCode\n        }\n      })\n      onKeyDown(e)\n    }\n\n    if (e.keyCode === 13 && typeof onConfirm === 'function') {\n      Object.defineProperty(e, 'detail', {\n        value: {\n          value\n        }\n      })\n      onConfirm(e)\n    }\n  }\n\n  handleComposition (e) {\n    e.stopPropagation()\n    if (!(e.target instanceof HTMLInputElement)) return\n\n    if (e.type === 'compositionstart') {\n      // 开始输入中文，标记进入拼音输入状态\n      this.isOnComposition = true\n    } else if (e.type === 'compositionupdate') {\n      // 拼音输入过程中，保持标记并更新显示\n      this.isOnComposition = true\n      // 必须在这里触发 setState 才能让输入框里的拼音实时更新\n      this.handleInput(e)\n    } else if (e.type === 'compositionend') {\n      // 中文选词结束，退出拼音输入状态\n      this.isOnComposition = false\n      // 立即获取最终值\n      const newValue = e.target.value\n\n      // 清空中间状态\n      this.setState({ compositionValue: undefined })\n\n      // 设置标记，防止后续的 handleInput 重复触发（适配其他浏览器）\n      this.onInputExecuted = true\n\n      // 强制触发一次 value change，确保父组件收到最终汉字\n      this.triggerValueChange(newValue, e)\n    }\n  }\n\n  handleBeforeInput = (e) => {\n    if (!e.data) return\n    const isNumber = e.data && /[0-9]/.test(e.data)\n    if (this.props.type === 'number' && !isNumber) {\n      e.preventDefault()\n    }\n    if (this.props.type === 'digit' && !isNumber) {\n      if (e.data !== '.' || (e.data === '.' && e.target.value.indexOf('.') > -1)) {\n        e.preventDefault()\n      }\n    }\n  }\n\n  render () {\n    const {\n      className = '',\n      placeholder,\n      type,\n      password = false,\n      disabled = false,\n      maxlength = 140,\n      confirmType = 'done',\n      name,\n      value\n    } = this.props\n\n    const { compositionValue } = this.state\n\n    const cls = classNames('taro-input-core', 'weui-input', className)\n\n    const otherProps = omit(this.props, [\n      'forwardedRef',\n      'className',\n      'placeholder',\n      'disabled',\n      'password',\n      'type',\n      'maxlength',\n      'confirmType',\n      'focus',\n      'name',\n      'onInput'\n    ])\n\n    // 如果有 compositionValue (正在输入拼音)，则显示 compositionValue\n    // 否则显示 props 传进来的受控 value\n    const displayValue = compositionValue !== undefined\n      ? compositionValue\n      : fixControlledValue(value)\n\n    return (\n      <input\n        ref={(input: HTMLInputElement) => {\n          if (this.props.forwardedRef) {\n            this.props.forwardedRef.current = input\n          }\n          this.inputRef = input\n        }}\n        {...otherProps}\n        className={cls}\n        type={getTrueType(type, confirmType, password)}\n        placeholder={placeholder}\n        disabled={disabled}\n        maxLength={maxlength}\n        name={name}\n        value={displayValue}\n        onInput={this.handleInput}\n        onPaste={this.handlePaste}\n        onFocus={this.handleFocus}\n        onBlur={this.handleBlur}\n        onKeyDown={this.handleKeyDown}\n        onCompositionStart={this.handleComposition}\n        onCompositionUpdate={this.handleComposition}\n        onCompositionEnd={this.handleComposition}\n        onBeforeInput={this.handleBeforeInput}\n      />\n    )\n  }\n}\n\nexport default createForwardRefComponent(Input)\n"],"names":["getTrueType","type","confirmType","password","Error","fixControlledValue","value","Input","React","Component","constructor","props","handleBeforeInput","e","data","isNumber","test","preventDefault","target","indexOf","state","compositionValue","undefined","handleInput","bind","handlePaste","handleFocus","handleBlur","handleKeyDown","handleComposition","isOnComposition","onInputExecuted","componentDidMount","_a","inputRef","addEventListener","_b","focus","componentWillUnmount","removeEventListener","UNSAFE_componentWillReceiveProps","nextProps","triggerValueChange","maxlength","onInput","finalValue","inputType","length","substring","Object","defineProperty","cursor","configurable","stopPropagation","newValue","setState","onPaste","onFocus","onBlur","onConfirm","onKeyDown","keyCode","code","HTMLInputElement","render","className","placeholder","disabled","name","cls","classNames","otherProps","omit","displayValue","_jsx","ref","input","forwardedRef","current","maxLength","onCompositionStart","onCompositionUpdate","onCompositionEnd","onBeforeInput","createForwardRefComponent"],"mappings":"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"}

package/dist/original/components/picker/picker-group.js

@@ -14,6 +14,12 @@ const getIndicatorStyle = lineColor => {
 };
 // 辅助函数：获取系统信息的 lengthScaleRatio 并设置 targetScrollTop
 const setTargetScrollTopWithScale = (setTargetScrollTop, baseValue, randomOffset) => {
+  // H5 和 weapp 不参与放大计算，直接使用 baseValue
+  if (process.env.TARO_ENV === 'h5' || process.env.TARO_ENV === 'weapp') {
+    const finalValue = randomOffset !== undefined ? baseValue + randomOffset : baseValue;
+    setTargetScrollTop(finalValue);
+    return;
+  }
   Taro.getSystemInfo({
     success: res => {
       let lengthScaleRatio = res === null || res === void 0 ? void 0 : res.lengthScaleRatio;
@@ -108,6 +114,7 @@ function PickerGroupBasic(props) {
         columnId,
         index: newIndex
       });
+      isCenterTimerId.current = null;
     }, 100);
   };
   // 滚动处理 - 在滚动时计算索引然后更新选中项样式
@@ -235,6 +242,7 @@ function PickerGroupTime(props) {
         const randomOffset = Math.random() * 0.001;
         setTargetScrollTopWithScale(setTargetScrollTop, baseValue, randomOffset);
       }
+      isCenterTimerId.current = null;
     }, 100);
   };
   // 滚动处理
@@ -362,6 +370,7 @@ function PickerGroupDate(props) {
         const numericValue = parseInt(valueText.replace(/[^0-9]/g, ''));
         updateDay(isNaN(numericValue) ? 0 : numericValue, parseInt(columnId));
       }
+      isCenterTimerId.current = null;
     }, 100);
   };
   // 滚动处理