@seakoi/native-ui 1.1.3 → 1.2.0

package/src/components/base/date-picker-view/date-range-picker-view.tsx

@@ -1,191 +0,0 @@
-import dayjs from 'dayjs';
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
-
-import {
-  Button,
-  DateTimePicker,
-  Flex,
-  ModalHeader,
-  type ModalHeaderBaseProps,
-  Text,
-} from '#components/base';
-
-import { useDateRangePickerStyles } from './style';
-import type { DateTimePickerProps } from './types';
-import { sortRange } from './utils';
-
-export interface DateRangePickerViewProps
-  extends Omit<DateTimePickerProps, 'value' | 'defaultValue' | 'onChange'>,
-    ModalHeaderBaseProps {
-  /** 当前值（受控） */
-  value?: [Date, Date];
-  /** 默认值 (非受控) */
-  defaultValue?: [Date, Date];
-  /** 值变化时的回调 */
-  onChange?: (value: [Date, Date]) => void;
-  /** start 开始时间的占位文案 */
-  startText?: string;
-  /** end 结束时间的占位文案 */
-  endText?: string;
-  /** 确定按钮文案 */
-  confirmText?: string;
-  /** 重置按钮文案 */
-  resetText?: string;
-  /**
-   * 自定义格式化函数。
-   * 配置参考 https://day.js.org/docs/zh-CN/display/format
-   */
-  formatter: string | ((date: Date) => string);
-}
-
-type Selected = 'start' | 'end';
-
-export const DateRangePickerView: React.FC<DateRangePickerViewProps> = ({
-  onClose,
-  min,
-  max,
-  value,
-  defaultValue,
-  onChange,
-  title = '自定义日期',
-  startText = '请选择开始时间',
-  endText = '请选择结束时间',
-  confirmText = '确定',
-  resetText = '重置',
-  formatter,
-}) => {
-  const styles = useDateRangePickerStyles();
-
-  /** 当前编辑的是 start 还是 end */
-  const [selected, setSelected] = useState<Selected>('start');
-
-  /** 初始化 draft */
-  const [draft, setDraft] = useState<[Date?, Date?]>(() => {
-    if (value) return sortRange(value);
-    if (defaultValue) return sortRange(defaultValue);
-    return [new Date(), undefined];
-  });
-
-  const _startText =
-    (draft[0] &&
-      (typeof formatter === 'string'
-        ? dayjs(draft[0]).format(formatter)
-        : formatter(draft[0]))) ||
-    startText;
-  const _endText =
-    (draft[1] &&
-      (typeof formatter === 'string'
-        ? dayjs(draft[1]).format(formatter)
-        : formatter(draft[1]))) ||
-    endText;
-
-  /** Picker 当前值 */
-  const pickerValue = (selected === 'start' ? draft[0] : draft[1]) ?? new Date();
-
-  /** Picker 可选范围 - 优化依赖 */
-  const minDate = useMemo(() => {
-    return selected === 'end' ? (draft[0] ?? min) : min;
-  }, [selected, draft, min]);
-
-  const maxDate = useMemo(() => {
-    return selected === 'start' ? (draft[1] ?? max) : max;
-  }, [selected, draft, max]);
-
-  /** Picker 改 draft */
-  const onChangePicker = useCallback(
-    (date: Date) => {
-      setDraft(prev => {
-        const index = selected === 'start' ? 0 : 1;
-        // 如果日期相同，不更新
-        if (prev[index]?.getTime() === date.getTime()) {
-          return prev;
-        }
-        const next: [Date?, Date?] = [prev[0], prev[1]];
-        next[index] = date;
-        return next;
-      });
-    },
-    [selected],
-  );
-
-  const changeSelected = useCallback((nextSelected: Selected) => {
-    setSelected(nextSelected);
-    setDraft(prev => {
-      const next: [Date?, Date?] = [prev[0], prev[1]];
-      const index = nextSelected === 'start' ? 0 : 1;
-
-      next[index] ??= new Date();
-      return next;
-    });
-  }, []);
-
-  /** 重置 */
-  const onReset = useCallback(() => {
-    setDraft([new Date(), undefined]);
-    setSelected('start');
-  }, []);
-
-  /** 是否可以确定 */
-  const canConfirm = Boolean(draft[0] && draft[1]);
-
-  /** 确定：唯一对外出口 */
-  const onConfirm = useCallback(() => {
-    if (!draft[0] || !draft[1]) return;
-
-    // start > end 自动修正
-    onChange?.(sortRange([draft[0], draft[1]]));
-  }, [draft, onChange]);
-
-  // 受控模式：检测外部 value 变化
-  useEffect(() => {
-    if (value) {
-      const sorted = sortRange(value);
-
-      setDraft(sorted);
-    }
-  }, [value]);
-
-  return (
-    <Flex vertical align="stretch" style={styles.container}>
-      {/* Header */}
-      <ModalHeader title={title} onClose={onClose} />
-
-      <Flex>
-        <Button
-          variant="outline"
-          theme={selected === 'start' ? 'primary' : 'default'}
-          block
-          text={_startText}
-          onPress={() => changeSelected('start')}
-        />
-        <Text>—</Text>
-        <Button
-          variant="outline"
-          theme={selected === 'end' ? 'primary' : 'default'}
-          block
-          text={_endText}
-          onPress={() => changeSelected('end')}
-        />
-      </Flex>
-
-      {/* Picker */}
-      <DateTimePicker
-        value={pickerValue}
-        min={minDate}
-        max={maxDate}
-        onChange={onChangePicker}
-      />
-
-      {/* Footer */}
-      <Button.Group block>
-        <Button size="large" text={resetText} theme="secondary" onPress={onReset} />
-        <Button
-          size="large"
-          text={confirmText}
-          onPress={onConfirm}
-          disabled={!canConfirm}
-        />
-      </Button.Group>
-    </Flex>
-  );
-};

package/src/components/base/date-picker-view/date-time-picker.tsx

@@ -1,34 +0,0 @@
-import { useControllableValue } from 'ahooks';
-import { useMemo } from 'react';
-
-import { PickerView } from '#components/base';
-
-import { useDateTimePicker } from './hooks/use-date-time-picker';
-import type { DateTimePickerProps } from './types';
-
-export const DateTimePicker: React.FC<DateTimePickerProps> = ({
-  mode = 'Y-D',
-  min,
-  max,
-  ...restProps
-}) => {
-  // 确保有一个稳定的默认日期值
-  const defaultDate = useMemo(() => new Date(), []);
-
-  const [value, onChange] = useControllableValue(restProps, {
-    defaultValue: defaultDate,
-  });
-
-  // 确保 value 始终有值，避免 undefined 传递给 hook
-  const safeValue = value ?? defaultDate;
-
-  const [values, columns, onChangePicker] = useDateTimePicker({
-    mode,
-    value: safeValue,
-    onChange,
-    min,
-    max,
-  });
-
-  return <PickerView columns={columns} value={values} onChange={onChangePicker} />;
-};