@seakoi/native-ui 1.1.3 → 1.3.0

package/src/components/base/tag/tag.tsx

@@ -0,0 +1,50 @@
+import React, { use, useMemo } from 'react';
+import { Pressable } from 'react-native';
+
+import { Text } from '#components/base';
+
+import { useTagStyles } from './style';
+import { TagContext } from './tag-context';
+import { type TagProps } from './types';
+export const Tag: React.FC<TagProps> = ({
+  text,
+  variant = 'solid',
+  style,
+  theme = 'primary',
+  disabled: customDisabled,
+  size,
+  child,
+  textStyle,
+  onPress,
+}) => {
+  const context = use(TagContext);
+  const mergedDisabled = customDisabled ?? context.disabled ?? false;
+  const mergedSize = size ?? context.size ?? 'medium';
+  const styles = useTagStyles({ variant, themeColor: theme, mergedSize });
+  const tagStyle = useMemo(() => {
+    return [styles.tag, styles[variant], styles[mergedSize], style];
+  }, [mergedSize, style, variant, styles]);
+
+  const tagNode: React.ReactNode = (
+    <Pressable
+      style={tagStyle}
+      onPress={mergedDisabled ? undefined : onPress}
+      disabled={mergedDisabled}
+    >
+      {child ? (
+        child
+      ) : (
+        <Text
+          style={[
+            styles[`text-${variant}`],
+            styles[`font-${mergedSize}`],
+            textStyle,
+          ]}
+        >
+          {text}
+        </Text>
+      )}
+    </Pressable>
+  );
+  return tagNode;
+};

package/src/components/base/tag/types.ts

@@ -0,0 +1,71 @@
+import type { PropsWithChildren } from 'react';
+import type {
+  GestureResponderEvent,
+  StyleProp,
+  TextStyle,
+  ViewStyle,
+} from 'react-native';
+
+import type { AnyObject } from '#shared/utils/types';
+
+export interface TagProps {
+  /** 标签文本 */
+  text?: string;
+
+  /** 标签主题色 */
+  color?: string;
+
+  /** 结构形态 */
+  variant?: 'filled' | 'solid' | 'outlined';
+
+  /** 标签样式 */
+  style?: StyleProp<ViewStyle>;
+
+  /** 标签内容样式 */
+  textStyle?: StyleProp<TextStyle>;
+
+  /** 标签主题色 */
+  theme?: 'primary' | 'default' | 'danger';
+
+  /** 标签尺寸 */
+  size?: 'small' | 'medium' | 'large';
+
+  /** 标签是否可关闭 */
+  closable?: boolean;
+
+  /** 标签图标 */
+  icon?: React.ReactElement<AnyObject>;
+
+  /** 标签内容 */
+  child?: React.ReactNode;
+
+  /** 标签跳转链接 */
+  href?: string;
+
+  /** 标签是否禁用 */
+  disabled?: boolean;
+
+  /** 标签跳转链接目标 */
+  target?: '_blank' | '_self' | '_parent' | '_top';
+
+  /** 标签点击 事件 */
+  onPress?: (event: GestureResponderEvent) => void;
+}
+
+export interface TagGroupProps extends PropsWithChildren, TagContextValue {
+  /** 容器样式 */
+  style?: StyleProp<ViewStyle>;
+
+  /** 容器样式 */
+  gap?: number;
+
+  /** 容器样式 */
+  direction?: 'horizontal' | 'vertical';
+}
+
+export interface TagContextValue {
+  /** 按钮标签的尺寸 */
+  size?: 'small' | 'medium' | 'large';
+  /** 按钮标签的禁用状态 */
+  disabled?: boolean;
+}

package/src/native-provider/native-provider.tsx

@@ -1,7 +1,6 @@
 import React, { useMemo } from 'react';
-import { Platform } from 'react-native';
 
-import { Portal } from '#components/base';
+import { Portal, type PortalHostProps } from '#components/base';
 import { createTheme, type ThemeConfig } from '#shared/theme';
 
 import {
@@ -25,6 +24,7 @@ export interface NativeProviderProps {
   errorBoundary?: Omit<ErrorBoundaryProps, 'children'>;
   /** 导航配置 */
   navigators?: ConfigContextValue['navigators'];
+  portalHostProps: PortalHostProps;
 }
 
 export const NativeProvider: React.FC<NativeProviderProps> = ({
@@ -33,8 +33,8 @@ export const NativeProvider: React.FC<NativeProviderProps> = ({
   navigators,
   errorBoundary,
   request = null,
+  portalHostProps,
 }) => {
-  const isNative = Platform.OS !== 'web';
   const themeContextValue = useMemo(() => createTheme(theme), [theme]);
 
   return (
@@ -43,7 +43,7 @@ export const NativeProvider: React.FC<NativeProviderProps> = ({
         <RequestContext.Provider value={request}>
           <ThemeContext.Provider value={themeContextValue}>
             <ErrorBoundary {...errorBoundary}>
-              {isNative ? <Portal.Host>{children}</Portal.Host> : children}
+              <Portal.Host {...portalHostProps}>{children}</Portal.Host>
             </ErrorBoundary>
           </ThemeContext.Provider>
         </RequestContext.Provider>

package/src/shared/utils/index.ts

@@ -1,3 +1,4 @@
 export * from './element';
 export * from './error';
+export * from './object';
 export type * from './types';

package/src/shared/utils/object.ts

@@ -0,0 +1,37 @@
+import { isNil } from 'lodash-es';
+
+/**
+ * 浅比较两个对象是否相等
+ *
+ * 仅比较对象的第一层属性，使用严格相等（===）进行比较。
+ * 不会递归比较嵌套对象或数组的内容。
+ *
+ * @param a - 第一个对象
+ * @param b - 第二个对象
+ * @returns 如果两个对象的所有第一层属性都相等则返回 true，否则返回 false。如果 a/b 有一个非对象，则直接比较二者
+ *
+ * @example
+ * shallowEqual({ a: 1, b: 2 }, { a: 1, b: 2 }); // true
+ * shallowEqual({ a: 1 }, { a: 1, b: 2 }); // false
+ * shallowEqual({ a: { x: 1 } }, { a: { x: 1 } }); // false
+ * shallowEqual(null, null); // true
+ * shallowEqual(null, undefined); // false
+ * shallowEqual(1, 1); // true
+ * shallowEqual(1, '1'); // false
+ */
+export const shallowEqual = (a?: object, b?: object): boolean => {
+  if (isNil(a) || isNil(b)) {
+    return a === b;
+  }
+
+  if (typeof a !== 'object' || typeof b !== 'object') {
+    return a === b;
+  }
+
+  const aKeys = Object.keys(a);
+  const bKeys = Object.keys(b);
+
+  if (aKeys.length !== bKeys.length) return false;
+
+  return aKeys.every(key => a[key] === b[key]);
+};

package/dist/commonjs/components/base/carousel/carousel-item.js

@@ -1,45 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CarouselItem = void 0;
-var _reactNative = require("react-native");
-var _jsxRuntime = require("react/jsx-runtime");
-const FULL_SIZE_STYLE = {
-  height: '100%',
-  width: '100%'
-};
-
-/**
- * 轮播项组件
- *
- * 用于包裹轮播图中的每一项内容，自动填充父容器的宽高。
- *
- * @example
- * ```tsx
- * <Carousel>
- *   <Carousel.Item>
- *     <Image source={image1} />
- *   </Carousel.Item>
- *   <Carousel.Item>
- *     <Image source={image2} />
- *   </Carousel.Item>
- * </Carousel>
- * ```
- *
- * @param props - 组件属性
- * @param props.children - 轮播项内容
- * @param props.style - 容器样式
- * @returns 轮播项组件
- */
-const CarouselItem = ({
-  children,
-  style
-}) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: [FULL_SIZE_STYLE, style],
-    children: children
-  });
-};
-exports.CarouselItem = CarouselItem;

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

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.VELOCITY_PROJECTION_FACTOR = exports.RUBBERBAND_DAMPING = exports.GESTURE_MIN_DISTANCE = exports.CAROUSEL_ANIMATION_DURATION = void 0;
-/**
- * 轮播图动画时长（毫秒）
- */
-const CAROUSEL_ANIMATION_DURATION = exports.CAROUSEL_ANIMATION_DURATION = 300;
-
-/**
- * 橡皮筋效果阻尼系数
- */
-const RUBBERBAND_DAMPING = exports.RUBBERBAND_DAMPING = 0.35;
-
-/**
- * 手势识别最小移动距离（像素）
- */
-const GESTURE_MIN_DISTANCE = exports.GESTURE_MIN_DISTANCE = 5;
-
-/**
- * 速度投影系数（用于计算惯性滑动距离）
- */
-const VELOCITY_PROJECTION_FACTOR = exports.VELOCITY_PROJECTION_FACTOR = 2000;

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

@@ -1,63 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useCarouselIndicator = void 0;
-var _ahooks = require("ahooks");
-var _reactNative = require("react-native");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * 轮播图指示器渲染 Hook
- *
- * 负责渲染轮播图底部的指示器（小圆点），支持自定义指示器或使用默认样式。
- * 当轮播项总数小于等于 1 时，不显示指示器。
- *
- * @param params - Hook 参数配置
- * @param params.indicator - 指示器配置（false 表示不显示，函数表示自定义渲染）
- * @param params.indicatorProps - 指示器属性配置（颜色、样式）
- * @param params.total - 轮播项总数
- * @param params.current - 当前激活的索引
- * @param params.activeColor - 激活状态的指示器颜色
- * @param params.inactiveColor - 非激活状态的指示器颜色
- * @param params.styles - 指示器样式对象
- *
- * @returns Hook 返回值
- * @returns renderIndicator - 渲染指示器的方法，返回 ReactNode 或 null
- */
-const useCarouselIndicator = params => {
-  const {
-    indicator,
-    indicatorProps,
-    total,
-    current,
-    activeColor,
-    inactiveColor,
-    styles
-  } = params;
-  const renderIndicator = (0, _ahooks.useMemoizedFn)(() => {
-    if (indicator === false) return null;
-    if (total <= 1) return null;
-    if (typeof indicator === 'function') {
-      return indicator(total, current);
-    }
-    const dotActiveColor = indicatorProps?.color ?? activeColor;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: _reactNative.StyleSheet.flatten([styles.indicatorContainer, indicatorProps?.style]),
-      children: Array.from({
-        length: total
-      }, (_, i) => {
-        const isActive = i === current;
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: _reactNative.StyleSheet.flatten([styles.indicatorDot, {
-            backgroundColor: isActive ? dotActiveColor : inactiveColor
-          }, isActive && styles.indicatorDotActive])
-        }, i);
-      })
-    });
-  });
-  return {
-    renderIndicator
-  };
-};
-exports.useCarouselIndicator = useCarouselIndicator;

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

@@ -1,95 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useCarouselSlides = void 0;
-var _ahooks = require("ahooks");
-var _lodashEs = require("lodash-es");
-var _react = require("react");
-var _reactNative = require("react-native");
-var _utils = require("../utils.js");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * 轮播图滑块渲染 Hook
- *
- * 负责渲染轮播图的滑块内容，支持静态子组件和 render prop 两种方式。
- * 实现虚拟渲染优化，仅渲染可见范围内的滑块，并处理循环播放时的克隆逻辑。
- * 为虚拟渲染添加前后占位空间，确保滚动位置正确。
- *
- * @param params - Hook 参数配置
- * @param params.children - 轮播项内容（静态子组件或 render prop 函数）
- * @param params.total - 轮播项总数
- * @param params.virtualRange - 虚拟渲染范围（start、end、isVirtual）
- * @param params.loopEnabled - 是否启用循环播放
- * @param params.clonesBefore - 循环播放时前置克隆节点数量
- * @param params.slideWrapperStyle - 滑块包装器样式
- * @param params.spacerStyles - 虚拟渲染占位空间样式
- * @param params.slideStyles - 滑块样式对象
- *
- * @returns Hook 返回值
- * @returns staticSlides - 静态滑块数组（仅在非 render prop 模式下有值）
- * @returns renderSlides - 渲染滑块的方法，返回 ReactNode 或 null
- */
-const useCarouselSlides = params => {
-  const {
-    children,
-    total,
-    virtualRange,
-    loopEnabled,
-    clonesBefore,
-    slideWrapperStyle,
-    spacerStyles,
-    slideStyles
-  } = params;
-  const staticSlides = (0, _react.useMemo)(() => {
-    if ((0, _utils.isRenderPropChildren)(children)) return [];
-    return (0, _utils.normalizeChildren)(children, total);
-  }, [children, total]);
-  const getIndexFromExtIndex = (0, _ahooks.useMemoizedFn)(extIndex => {
-    if (!loopEnabled) return (0, _lodashEs.clamp)(extIndex, 0, total - 1);
-    if (extIndex < clonesBefore) {
-      return ((extIndex - clonesBefore) % total + total) % total;
-    }
-    if (extIndex >= clonesBefore + total) {
-      return (extIndex - clonesBefore - total) % total;
-    }
-    return extIndex - clonesBefore;
-  });
-  const renderSlides = (0, _ahooks.useMemoizedFn)(() => {
-    if (!virtualRange) return null;
-    const {
-      start,
-      end,
-      isVirtual
-    } = virtualRange;
-    const getElementForExtIndex = extIndex => {
-      const logicalIndex = loopEnabled ? getIndexFromExtIndex(extIndex) : (0, _lodashEs.clamp)(extIndex, 0, total - 1);
-      if ((0, _utils.isRenderPropChildren)(children)) return children(logicalIndex);
-      return staticSlides[logicalIndex];
-    };
-    const slideElements = [];
-    for (let extIndex = start; extIndex <= end; extIndex += 1) {
-      const element = getElementForExtIndex(extIndex);
-      if (!element) continue;
-      slideElements.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [slideStyles.slide, slideWrapperStyle],
-        children: element
-      }, extIndex));
-    }
-    const leadSpacer = isVirtual && spacerStyles && spacerStyles.leadingSize > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: spacerStyles.leading
-    }) : null;
-    const trailSpacer = isVirtual && spacerStyles && spacerStyles.trailingSize > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: spacerStyles.trailing
-    }) : null;
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [leadSpacer, slideElements, trailSpacer]
-    });
-  });
-  return {
-    staticSlides,
-    renderSlides
-  };
-};
-exports.useCarouselSlides = useCarouselSlides;

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

@@ -1,63 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.normalizeChildren = exports.isRenderPropChildren = exports.getDefaultTotal = exports.getBoundaryIndexRange = void 0;
-var _react = require("react");
-const isRenderPropChildren = children => {
-  return typeof children === 'function';
-};
-exports.isRenderPropChildren = isRenderPropChildren;
-const normalizeChildren = (children, total) => {
-  if (!children) return [];
-  if (isRenderPropChildren(children)) {
-    return Array.from({
-      length: total
-    }, (_, i) => children(i));
-  }
-  return _react.Children.toArray(children);
-};
-exports.normalizeChildren = normalizeChildren;
-const getDefaultTotal = children => {
-  if (!children) return 0;
-  if (isRenderPropChildren(children)) return 0;
-  return Array.isArray(children) ? children.length : 1;
-};
-
-/**
- * 计算轮播边界索引范围
- *
- * @param params - 参数配置
- * @param params.total - 轮播项总数
- * @param params.slideSize - 单个滑块所占百分比 (0-100)
- * @param params.trackOffset - 轨道偏移百分比 (0-100)
- * @param params.stuckAtBoundary - 是否在边界处卡住
- * @returns 边界索引范围 { min, max }
- */
-exports.getDefaultTotal = getDefaultTotal;
-const getBoundaryIndexRange = params => {
-  const {
-    total,
-    slideSize,
-    trackOffset,
-    stuckAtBoundary
-  } = params;
-  if (total <= 0) return {
-    min: 0,
-    max: 0
-  };
-  if (!stuckAtBoundary) return {
-    min: 0,
-    max: total - 1
-  };
-  const slideRatio = slideSize / 100;
-  const offsetRatio = trackOffset / 100;
-  const min = 0 + offsetRatio / (slideRatio || 1);
-  const max = total - 1 - (1 - slideRatio - offsetRatio) / (slideRatio || 1);
-  return {
-    min,
-    max
-  };
-};
-exports.getBoundaryIndexRange = getBoundaryIndexRange;

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

@@ -1,145 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DateRangePickerView = void 0;
-var _dayjs = _interopRequireDefault(require("dayjs"));
-var _react = _interopRequireWildcard(require("react"));
-var _index = require("./../index.js");
-var _index2 = require("./style/index.js");
-var _utils = require("./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 DateRangePickerView = ({
-  onClose,
-  min,
-  max,
-  value,
-  defaultValue,
-  onChange,
-  title = '自定义日期',
-  startText = '请选择开始时间',
-  endText = '请选择结束时间',
-  confirmText = '确定',
-  resetText = '重置',
-  formatter
-}) => {
-  const styles = (0, _index2.useDateRangePickerStyles)();
-
-  /** 当前编辑的是 start 还是 end */
-  const [selected, setSelected] = (0, _react.useState)('start');
-
-  /** 初始化 draft */
-  const [draft, setDraft] = (0, _react.useState)(() => {
-    if (value) return (0, _utils.sortRange)(value);
-    if (defaultValue) return (0, _utils.sortRange)(defaultValue);
-    return [new Date(), undefined];
-  });
-  const _startText = draft[0] && (typeof formatter === 'string' ? (0, _dayjs.default)(draft[0]).format(formatter) : formatter(draft[0])) || startText;
-  const _endText = draft[1] && (typeof formatter === 'string' ? (0, _dayjs.default)(draft[1]).format(formatter) : formatter(draft[1])) || endText;
-
-  /** 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 onConfirm = (0, _react.useCallback)(() => {
-    if (!draft[0] || !draft[1]) return;
-
-    // start > end 自动修正
-    onChange?.((0, _utils.sortRange)([draft[0], draft[1]]));
-  }, [draft, onChange]);
-
-  // 受控模式：检测外部 value 变化
-  (0, _react.useEffect)(() => {
-    if (value) {
-      const sorted = (0, _utils.sortRange)(value);
-      setDraft(sorted);
-    }
-  }, [value]);
-  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.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.DateTimePicker, {
-      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: onConfirm,
-        disabled: !canConfirm
-      })]
-    })]
-  });
-};
-exports.DateRangePickerView = DateRangePickerView;

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

@@ -1,39 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DateTimePicker = void 0;
-var _ahooks = require("ahooks");
-var _react = require("react");
-var _index = require("./../index.js");
-var _useDateTimePicker = require("./hooks/use-date-time-picker.js");
-var _jsxRuntime = require("react/jsx-runtime");
-const DateTimePicker = ({
-  mode = 'Y-D',
-  min,
-  max,
-  ...restProps
-}) => {
-  // 确保有一个稳定的默认日期值
-  const defaultDate = (0, _react.useMemo)(() => new Date(), []);
-  const [value, onChange] = (0, _ahooks.useControllableValue)(restProps, {
-    defaultValue: defaultDate
-  });
-
-  // 确保 value 始终有值，避免 undefined 传递给 hook
-  const safeValue = value ?? defaultDate;
-  const [values, columns, onChangePicker] = (0, _useDateTimePicker.useDateTimePicker)({
-    mode,
-    value: safeValue,
-    onChange,
-    min,
-    max
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.PickerView, {
-    columns: columns,
-    value: values,
-    onChange: onChangePicker
-  });
-};
-exports.DateTimePicker = DateTimePicker;