@seakoi/native-ui 1.1.3 → 1.3.0

package/dist/commonjs/components/base/carousel/hooks/use-carousel-lifecycle.js

@@ -55,13 +55,17 @@ const useCarouselLifecycle = params => {
     if (slidePixels > 0) {
       setPositionImmediate(getBoundedPosition(extIndex * slidePixels));
     }
-  }, [defaultIndex, getExtIndexFromIndex, getBoundedPosition, setPositionImmediate, slidePixels, total, updateCurrent, reportIndexRef, extIndexRef]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [defaultIndex, getExtIndexFromIndex, getBoundedPosition, setPositionImmediate, slidePixels, total, updateCurrent
+  // refs 不需要在依赖数组中，它们的引用永远不变
+  ]);
 
   // 响应 slidePixels 变化
   (0, _react.useEffect)(() => {
     if (slidePixels <= 0) return;
     const extIndex = extIndexRef.current;
     setPositionImmediate(getBoundedPosition(extIndex * slidePixels));
-  }, [getBoundedPosition, setPositionImmediate, slidePixels, extIndexRef]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [getBoundedPosition, setPositionImmediate, slidePixels]);
 };
 exports.useCarouselLifecycle = useCarouselLifecycle;

package/dist/commonjs/components/base/carousel/hooks/use-carousel-pan-responder.js

@@ -7,7 +7,15 @@ exports.useCarouselPanResponder = void 0;
 var _lodashEs = require("lodash-es");
 var _react = require("react");
 var _reactNative = require("react-native");
-var _constants = require("../constants.js");
+/**
+ * 手势识别最小移动距离（像素）
+ */
+const GESTURE_MIN_DISTANCE = 5;
+
+/**
+ * 速度投影系数（用于计算惯性滑动距离）
+ */
+const VELOCITY_PROJECTION_FACTOR = 2000;
 /**
  * 轮播图手势响应 Hook
  *
@@ -54,6 +62,26 @@ const useCarouselPanResponder = params => {
     getBoundedPosition,
     swipeToExtIndex
   } = params;
+
+  // 使用 ref 存储回调，减少 PanResponder 重建
+  const callbacksRef = (0, _react.useRef)({
+    setDragging,
+    setAnimating,
+    updateCurrent,
+    getIndexFromExtIndex,
+    getBoundedPosition,
+    swipeToExtIndex
+  });
+
+  // 更新回调 ref
+  callbacksRef.current = {
+    setDragging,
+    setAnimating,
+    updateCurrent,
+    getIndexFromExtIndex,
+    getBoundedPosition,
+    swipeToExtIndex
+  };
   return (0, _react.useMemo)(() => {
     if (!allowTouchMove) return null;
     if (total <= 1) return null;
@@ -62,13 +90,13 @@ const useCarouselPanResponder = params => {
     const axis = direction === 'horizontal' ? 'x' : 'y';
     const shouldSet = (_, gestureState) => {
       const primary = axis === 'x' ? gestureState.dx : gestureState.dy;
-      return Math.abs(primary) >= _constants.GESTURE_MIN_DISTANCE;
+      return Math.abs(primary) >= GESTURE_MIN_DISTANCE;
     };
     return _reactNative.PanResponder.create({
       onMoveShouldSetPanResponder: shouldSet,
       onPanResponderGrant: () => {
-        setDragging(true);
-        setAnimating(false);
+        callbacksRef.current.setDragging(true);
+        callbacksRef.current.setAnimating(false);
         position.current.stopAnimation();
         startPosition = positionValueRef.current;
       },
@@ -91,33 +119,33 @@ const useCarouselPanResponder = params => {
             startPosition -= totalPixels;
           }
         }
-        const bounded = getBoundedPosition(nextPosition);
+        const bounded = callbacksRef.current.getBoundedPosition(nextPosition);
         position.current.setValue(bounded);
         positionValueRef.current = bounded;
         const nextExtIndex = (0, _lodashEs.clamp)(Math.round(bounded / slidePixels), 0, extTotal - 1);
         extIndexRef.current = nextExtIndex;
-        updateCurrent(getIndexFromExtIndex(nextExtIndex));
+        callbacksRef.current.updateCurrent(callbacksRef.current.getIndexFromExtIndex(nextExtIndex));
       },
       onPanResponderRelease: (_evt, gestureState) => {
-        setDragging(false);
+        callbacksRef.current.setDragging(false);
         const velocity = axis === 'x' ? gestureState.vx : gestureState.vy;
         position.current.stopAnimation(value => {
           const baseIndex = value / slidePixels;
-          const projectedIndex = (value - velocity * _constants.VELOCITY_PROJECTION_FACTOR) / slidePixels;
+          const projectedIndex = (value - velocity * VELOCITY_PROJECTION_FACTOR) / slidePixels;
           const minAdj = Math.floor(baseIndex);
           const maxAdj = minAdj + 1;
           const rounded = Math.round(projectedIndex);
           const adjacent = (0, _lodashEs.clamp)(rounded, minAdj, maxAdj);
-          swipeToExtIndex(adjacent);
+          callbacksRef.current.swipeToExtIndex(adjacent);
         });
       },
       onPanResponderTerminate: () => {
-        setDragging(false);
-        swipeToExtIndex(extIndexRef.current);
+        callbacksRef.current.setDragging(false);
+        callbacksRef.current.swipeToExtIndex(extIndexRef.current);
       },
       onPanResponderTerminationRequest: () => false,
       onShouldBlockNativeResponder: () => blockNativeResponder
     });
-  }, [allowTouchMove, blockNativeResponder, clonesBefore, direction, extTotal, extIndexRef, getBoundedPosition, getIndexFromExtIndex, position, positionValueRef, setAnimating, setDragging, slidePixels, swipeToExtIndex, total, updateCurrent]);
+  }, [allowTouchMove, blockNativeResponder, clonesBefore, direction, extTotal, extIndexRef, position, positionValueRef, slidePixels, total]);
 };
 exports.useCarouselPanResponder = useCarouselPanResponder;

package/dist/commonjs/components/base/carousel/hooks/use-carousel-position.js

@@ -6,7 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.useCarouselPosition = void 0;
 var _react = require("react");
 var _reactNative = require("react-native");
-var _constants = require("../constants.js");
+/**
+ * 轮播图动画时长（毫秒）
+ */
+const CAROUSEL_ANIMATION_DURATION = 300;
+
 /**
  * 轮播图位置和动画控制 Hook
  *
@@ -30,7 +34,7 @@ const useCarouselPosition = () => {
     });
     _reactNative.Animated.timing(position.current, {
       toValue,
-      duration: _constants.CAROUSEL_ANIMATION_DURATION,
+      duration: CAROUSEL_ANIMATION_DURATION,
       easing: _reactNative.Easing.out(_reactNative.Easing.cubic),
       useNativeDriver: true
     }).start(({

package/dist/commonjs/components/base/carousel/index.js

@@ -19,18 +19,4 @@ Object.keys(_carousel).forEach(function (key) {
     }
   });
 });
-var _carouselItem = require("./carousel-item.js");
-Object.keys(_carouselItem).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _carouselItem[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _carouselItem[key];
-    }
-  });
-});
-const Carousel = exports.Carousel = Object.assign(_carousel.Carousel, {
-  Item: _carouselItem.CarouselItem
-});
+const Carousel = exports.Carousel = _carousel.Carousel;

package/dist/commonjs/components/base/carousel/style/index.js

@@ -20,6 +20,18 @@ const useCarouselStyles = exports.useCarouselStyles = (0, _index.createThemedSty
     flexGrow: 0,
     flexShrink: 0
   },
+  trackInnerHorizontal: {
+    flexDirection: 'row',
+    height: '100%',
+    flexGrow: 0,
+    flexShrink: 0
+  },
+  trackInnerVertical: {
+    flexDirection: 'column',
+    width: '100%',
+    flexGrow: 0,
+    flexShrink: 0
+  },
   slide: {
     flexGrow: 0,
     flexShrink: 0,

package/dist/commonjs/components/base/date-picker/date-picker.js

@@ -8,67 +8,79 @@ var _ahooks = require("ahooks");
 var _dayjs = _interopRequireDefault(require("dayjs"));
 var _react = _interopRequireWildcard(require("react"));
 var _index = require("./../index.js");
+var _index2 = require("./style/index.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const DatePicker = ({
   placeholder = '请选择日期',
-  disabled = false,
   formatter = 'YYYY/MM/DD',
-  style,
-  children,
   mode = 'Y-D',
-  title,
-  confirmText,
+  headerTitle,
+  confirmText = '确定',
   ...restProps
 }) => {
-  const [value, setValue] = (0, _ahooks.useControllableValue)(restProps, {
-    defaultValue: restProps.defaultValue
-  });
-  const [visible, setVisible] = (0, _react.useState)(false);
+  const [draftValue, setDraftValue] = (0, _react.useState)();
+  const styles = (0, _index2.useDatePickerStyles)();
+  const committedValueRef = (0, _react.useRef)(new Date());
+  const handleOpen = (0, _react.useCallback)(() => {
+    setDraftValue(committedValueRef.current);
+  }, []);
 
   /** 格式化显示文案 */
-  const displayText = (0, _react.useMemo)(() => {
-    if (!value) return '';
+  const _renderValue = (0, _ahooks.useMemoizedFn)(value => {
+    if (!value) return;
     if (typeof formatter === 'string') {
       return (0, _dayjs.default)(value).format(formatter);
     }
     return formatter(value);
-  }, [value, mode, formatter]);
-  const handleOpen = (0, _ahooks.useMemoizedFn)(() => {
-    setVisible(true);
-  });
-  const handleChange = (0, _ahooks.useMemoizedFn)(date => {
-    setValue(date);
-    setVisible(false);
-  });
-  const handleClose = (0, _ahooks.useMemoizedFn)(() => {
-    setVisible(false);
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.PickerTrigger, {
-      displayText: displayText,
+  const _headerTitle = (0, _react.useMemo)(() => {
+    if (headerTitle) {
+      return headerTitle;
+    }
+    switch (mode) {
+      case 'Y':
+        return '请选择年';
+      case 'Y-M':
+        return '请选择年月';
+      case 'Y-D':
+        return '请选择年月日';
+      default:
+        return '请选择日期';
+    }
+  }, [mode, headerTitle]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.Picker, {
+    ...restProps,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Picker.Field, {
       placeholder: placeholder,
-      disabled: disabled,
-      style: style,
-      onPress: handleOpen,
-      children: children
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Portal, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Modal, {
-        visible: visible,
-        position: "bottom",
-        safeAreaInsetBottom: true,
-        contentHeight: '50%',
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.DatePickerView, {
-          ...restProps,
-          mode: mode,
-          title: title,
-          confirmText: confirmText,
-          value: value,
-          onChange: handleChange,
-          onClose: handleClose
-        })
-      })
+      renderValue: _renderValue
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Picker.Content, {
+      headerTitle: _headerTitle,
+      onOpen: handleOpen,
+      children: ({
+        onChange,
+        value: contextValue
+      }) => {
+        // 同步 ref：始终保持最新的已提交值
+        committedValueRef.current = contextValue ?? new Date();
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.Flex, {
+          vertical: true,
+          align: "stretch",
+          style: styles.container,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.DatePickerView, {
+            mode: mode,
+            value: draftValue,
+            onChange: setDraftValue
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Button, {
+            text: confirmText,
+            size: "large",
+            onPress: () => {
+              onChange?.(draftValue);
+            }
+          })]
+        });
+      }
     })]
   });
 };

package/dist/commonjs/components/base/date-picker/date-range-picker.js

@@ -8,72 +8,164 @@ var _ahooks = require("ahooks");
 var _dayjs = _interopRequireDefault(require("dayjs"));
 var _react = _interopRequireWildcard(require("react"));
 var _index = require("./../index.js");
+var _index2 = require("../date-picker-view/style/index.js");
+var _utils = require("../date-picker-view/utils.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const DateRangePicker = ({
   placeholder = '请选择日期范围',
-  disabled = false,
   formatter = 'YYYY/MM/DD',
-  style,
   separator = ' ~ ',
-  children,
-  title,
-  confirmText,
-  resetText,
-  startText,
-  endText,
+  headerTitle,
+  startText = '请选择开始时间',
+  endText = '请选择结束时间',
+  confirmText = '确定',
+  resetText = '重置',
+  min,
+  max,
   ...restProps
 }) => {
-  const [value, setValue] = (0, _ahooks.useControllableValue)(restProps, {
-    defaultValue: restProps.defaultValue
-  });
-  const [visible, setVisible] = (0, _react.useState)(false);
-  const openModal = () => {
-    setVisible(true);
-  };
-  const closeModal = () => {
-    setVisible(false);
-  };
+  const styles = (0, _index2.useDateRangePickerStyles)();
+
+  /** 当前编辑的是 start 还是 end */
+  const [selected, setSelected] = (0, _react.useState)('start');
+
+  /**
+   * 草稿值：用户在弹窗内选择时的临时值
+   * - 弹窗打开时重置为已提交的值（通过 onOpen）
+   */
+  const [draft, setDraft] = (0, _react.useState)([]);
+
+  /**
+   * 追踪 Picker context 中的已提交值
+   * 非受控模式下 restProps.value 始终是 undefined，真正的值在 Picker context 内
+   */
+  const committedValueRef = (0, _react.useRef)(undefined);
+
+  /**
+   * 弹窗打开时，将草稿值重置为已提交的值
+   */
+  const handleOpen = (0, _react.useCallback)(() => {
+    if (committedValueRef.current) {
+      setDraft((0, _utils.sortRange)(committedValueRef.current));
+    } else {
+      setDraft([new Date(), undefined]);
+    }
+    setSelected('start');
+  }, []);
 
   /** 格式化显示文案 */
-  const displayText = (0, _react.useMemo)(() => {
-    if (!value) return '';
+  const _renderValue = (0, _ahooks.useMemoizedFn)(value => {
+    if (!value) return;
     if (typeof formatter === 'string') {
       return (0, _dayjs.default)(value[0]).format(formatter) + separator + (0, _dayjs.default)(value[1]).format(formatter);
     }
     return formatter(value);
-  }, [value, formatter, separator]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.PickerTrigger, {
-      displayText: displayText,
+  });
+
+  /** Picker 当前值 */
+  const pickerValue = (selected === 'start' ? draft[0] : draft[1]) ?? new Date();
+
+  /** Picker 可选范围 */
+  const minDate = (0, _react.useMemo)(() => {
+    return selected === 'end' ? draft[0] ?? min : min;
+  }, [selected, draft, min]);
+  const maxDate = (0, _react.useMemo)(() => {
+    return selected === 'start' ? draft[1] ?? max : max;
+  }, [selected, draft, max]);
+
+  /** Picker 改 draft */
+  const onChangePicker = (0, _react.useCallback)(date => {
+    setDraft(prev => {
+      const index = selected === 'start' ? 0 : 1;
+      if (prev[index]?.getTime() === date.getTime()) {
+        return prev;
+      }
+      const next = [prev[0], prev[1]];
+      next[index] = date;
+      return next;
+    });
+  }, [selected]);
+  const changeSelected = (0, _react.useCallback)(nextSelected => {
+    setSelected(nextSelected);
+    setDraft(prev => {
+      const next = [prev[0], prev[1]];
+      const index = nextSelected === 'start' ? 0 : 1;
+      next[index] ??= new Date();
+      return next;
+    });
+  }, []);
+
+  /** 重置 */
+  const onReset = (0, _react.useCallback)(() => {
+    setDraft([new Date(), undefined]);
+    setSelected('start');
+  }, []);
+
+  /** 是否可以确定 */
+  const canConfirm = Boolean(draft[0] && draft[1]);
+  const _startText = draft[0] && (0, _dayjs.default)(draft[0]).format(typeof formatter === 'string' ? formatter : 'YYYY/MM/DD') || startText;
+  const _endText = draft[1] && (0, _dayjs.default)(draft[1]).format(typeof formatter === 'string' ? formatter : 'YYYY/MM/DD') || endText;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.Picker, {
+    ...restProps,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Picker.Field, {
       placeholder: placeholder,
-      disabled: disabled,
-      style: style,
-      onPress: openModal,
-      children: children
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Portal, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Modal, {
-        visible: visible,
-        position: "bottom",
-        safeAreaInsetBottom: true,
-        contentHeight: 490,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.DateRangePickerView, {
-          ...restProps,
-          title: title,
-          confirmText: confirmText,
-          resetText: resetText,
-          startText: startText,
-          endText: endText,
-          value: value,
-          onChange: range => {
-            setValue(range);
-            closeModal();
-          },
-          onClose: closeModal,
-          formatter: formatter
-        })
-      })
+      renderValue: _renderValue
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Picker.Content, {
+      headerTitle: headerTitle,
+      contentHeight: 490,
+      onOpen: handleOpen,
+      children: ({
+        onChange,
+        value: contextValue
+      }) => {
+        // 同步 ref：始终保持最新的已提交值
+        committedValueRef.current = contextValue;
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.Flex, {
+          vertical: true,
+          align: "stretch",
+          style: styles.container,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.Flex, {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Button, {
+              variant: "outline",
+              theme: selected === 'start' ? 'primary' : 'default',
+              block: true,
+              text: _startText,
+              onPress: () => changeSelected('start')
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+              children: "\u2014"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Button, {
+              variant: "outline",
+              theme: selected === 'end' ? 'primary' : 'default',
+              block: true,
+              text: _endText,
+              onPress: () => changeSelected('end')
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.DatePickerView, {
+            value: pickerValue,
+            min: minDate,
+            max: maxDate,
+            onChange: onChangePicker
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.Button.Group, {
+            block: true,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Button, {
+              size: "large",
+              text: resetText,
+              theme: "secondary",
+              onPress: onReset
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Button, {
+              size: "large",
+              text: confirmText,
+              onPress: () => {
+                if (!draft[0] || !draft[1]) return;
+                onChange?.((0, _utils.sortRange)([draft[0], draft[1]]));
+              },
+              disabled: !canConfirm
+            })]
+          })]
+        });
+      }
     })]
   });
 };

package/dist/commonjs/components/base/date-picker/style/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDatePickerStyles = void 0;
+var _index = require("../../../../native-provider/index.js");
+const useDatePickerStyles = exports.useDatePickerStyles = (0, _index.createThemedStyles)(theme => ({
+  container: {
+    backgroundColor: theme.palette.white,
+    padding: 16,
+    rowGap: 16,
+    flex: 1
+  }
+}));

package/dist/commonjs/components/base/date-picker-view/date-picker-view.js

@@ -7,67 +7,33 @@ exports.DatePickerView = void 0;
 var _ahooks = require("ahooks");
 var _react = require("react");
 var _index = require("./../index.js");
-var _index2 = require("./style/index.js");
+var _useDateTimePicker = require("./hooks/use-date-time-picker.js");
 var _jsxRuntime = require("react/jsx-runtime");
 const DatePickerView = ({
   mode = 'Y-D',
-  onChange,
-  onClose,
-  title,
-  confirmText = '确定',
+  min,
+  max,
   ...restProps
 }) => {
-  const styles = (0, _index2.useDatePickerStyles)();
-
-  // 内部状态用于管理滚动时的临时值
-  const [localValue, setLocalValue] = (0, _react.useState)(restProps.value ?? restProps.defaultValue ?? new Date());
-  const lastValueRef = (0, _react.useRef)(restProps.value);
-  if (restProps.value !== undefined && restProps.value !== lastValueRef.current) {
-    lastValueRef.current = restProps.value;
-    setLocalValue(restProps.value);
-  }
-  const _title = (0, _react.useMemo)(() => {
-    if (title) {
-      return title;
-    }
-    switch (mode) {
-      case 'Y':
-        return '请选择年';
-      case 'Y-M':
-        return '请选择年月';
-      case 'Y-D':
-        return '请选择年月日';
-      default:
-        return '请选择日期';
-    }
-  }, [mode, title]);
-
-  // 滚动时只更新内部状态，不触发外部 onChange
-  const onChangePicker = (0, _ahooks.useMemoizedFn)(value => {
-    setLocalValue(value);
+  // 确保有一个稳定的默认日期值
+  const defaultDate = (0, _react.useMemo)(() => new Date(), []);
+  const [value, onChange] = (0, _ahooks.useControllableValue)(restProps, {
+    defaultValue: defaultDate
   });
 
-  // 只在点击确定按钮时才调用外部 onChange
-  const onConfirm = (0, _ahooks.useMemoizedFn)(() => {
-    onChange?.(localValue);
+  // 确保 value 始终有值，避免 undefined 传递给 hook
+  const safeValue = value ?? defaultDate;
+  const [values, columns, onChangePicker] = (0, _useDateTimePicker.useDateTimePicker)({
+    mode,
+    value: safeValue,
+    onChange,
+    min,
+    max
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.Flex, {
-    vertical: true,
-    align: "stretch",
-    style: styles.container,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ModalHeader, {
-      title: _title,
-      onClose: onClose
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.DateTimePicker, {
-      ...restProps,
-      mode: mode,
-      value: localValue,
-      onChange: onChangePicker
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Button, {
-      text: confirmText,
-      size: "large",
-      onPress: onConfirm
-    })]
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.PickerView, {
+    columns: columns,
+    value: values,
+    onChange: onChangePicker
   });
 };
 exports.DatePickerView = DatePickerView;

package/dist/commonjs/components/base/date-picker-view/index.js

@@ -13,26 +13,4 @@ Object.keys(_datePickerView).forEach(function (key) {
       return _datePickerView[key];
     }
   });
-});
-var _dateRangePickerView = require("./date-range-picker-view.js");
-Object.keys(_dateRangePickerView).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _dateRangePickerView[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _dateRangePickerView[key];
-    }
-  });
-});
-var _dateTimePicker = require("./date-time-picker.js");
-Object.keys(_dateTimePicker).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _dateTimePicker[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _dateTimePicker[key];
-    }
-  });
 });