react-native-system-ui 1.0.2 → 1.0.4

package/dist/es/components/config-provider/locale/zh-CN.js

@@ -1,106 +1 @@
-export const zhCN = {
-  name: '姓名',
-  tel: '电话',
-  save: '保存',
-  confirm: '确认',
-  cancel: '取消',
-  delete: '删除',
-  loading: '加载中...',
-  noCoupon: '暂无优惠券',
-  nameEmpty: '请填写姓名',
-  telInvalid: '请填写正确的电话',
-  vanCalendar: {
-    end: '结束',
-    start: '开始',
-    title: '日期选择',
-    confirm: '确定',
-    startEnd: '开始/结束',
-    weekdays: ['日', '一', '二', '三', '四', '五', '六'],
-    monthTitle: (year, month) => `${year}年${month}月`,
-    rangePrompt: maxRange => `最多选择 ${maxRange} 天`
-  },
-  vanPicker: {
-    select: '请选择'
-  },
-  vanContactCard: {
-    addText: '添加联系人'
-  },
-  vanContactList: {
-    addText: '新建联系人'
-  },
-  vanPagination: {
-    prev: '上一页',
-    next: '下一页'
-  },
-  vanPullRefresh: {
-    pulling: '下拉即可刷新...',
-    loosing: '释放即可刷新...',
-    loading: '加载中...'
-  },
-  vanSubmitBar: {
-    label: '合计：'
-  },
-  vanCoupon: {
-    unlimited: '无使用门槛',
-    discount: discount => `${discount}折`,
-    condition: condition => `满${condition}元可用`
-  },
-  vanCouponCell: {
-    title: '优惠券',
-    count: count => `${count}张可用`
-  },
-  vanCouponList: {
-    exchange: '兑换',
-    close: '不使用优惠券',
-    enable: '可用',
-    disabled: '不可用',
-    placeholder: '请输入优惠码'
-  },
-  vanAddressEdit: {
-    area: '地区',
-    postal: '邮政编码',
-    areaEmpty: '请选择地区',
-    addressEmpty: '请填写详细地址',
-    postalEmpty: '邮政编码不正确',
-    defaultAddress: '设为默认收货地址'
-  },
-  vanAddressEditDetail: {
-    label: '详细地址',
-    placeholder: '街道门牌信息'
-  },
-  vanAddressList: {
-    add: '新增地址'
-  },
-  vanForm: {
-    validationFailed: '表单验证未通过'
-  },
-  vanPopup: {
-    closeOverlay: '关闭弹层',
-    closeHint: '双击即可关闭弹层'
-  },
-  vanToast: {
-    closeHint: '双击关闭提示'
-  },
-  vanShareSheet: {
-    cancel: '取消'
-  },
-  vanNumberKeyboard: {
-    close: '完成'
-  },
-  vanNoticeBar: {
-    close: '关闭'
-  },
-  vanNavBar: {
-    back: '返回',
-    action: '操作'
-  },
-  vanImage: {
-    loading: '加载中…',
-    error: '加载失败'
-  },
-  vanCascader: {
-    placeholder: '请选择',
-    loading: '加载中...',
-    close: '关闭'
-  }
-};
+export const zhCN={name:"姓名",tel:"电话",save:"保存",confirm:"确认",cancel:"取消",delete:"删除",loading:"加载中...",noCoupon:"暂无优惠券",nameEmpty:"请填写姓名",telInvalid:"请填写正确的电话",vanCalendar:{end:"结束",start:"开始",title:"日期选择",confirm:"确定",startEnd:"开始/结束",weekdays:["日","一","二","三","四","五","六"],monthTitle:(a,e)=>`${a}年${e}月`,rangePrompt:a=>`最多选择 ${a} 天`},vanPicker:{select:"请选择"},vanContactCard:{addText:"添加联系人"},vanContactList:{addText:"新建联系人"},vanPagination:{prev:"上一页",next:"下一页"},vanPullRefresh:{pulling:"下拉即可刷新...",loosing:"释放即可刷新...",loading:"加载中..."},vanSubmitBar:{label:"合计："},vanCoupon:{unlimited:"无使用门槛",discount:a=>`${a}折`,condition:a=>`满${a}元可用`},vanCouponCell:{title:"优惠券",count:a=>`${a}张可用`},vanCouponList:{exchange:"兑换",close:"不使用优惠券",enable:"可用",disabled:"不可用",placeholder:"请输入优惠码"},vanAddressEdit:{area:"地区",postal:"邮政编码",areaEmpty:"请选择地区",addressEmpty:"请填写详细地址",postalEmpty:"邮政编码不正确",defaultAddress:"设为默认收货地址"},vanAddressEditDetail:{label:"详细地址",placeholder:"街道门牌信息"},vanAddressList:{add:"新增地址"},vanForm:{validationFailed:"表单验证未通过"},vanPopup:{closeOverlay:"关闭弹层",closeHint:"双击即可关闭弹层"},vanToast:{closeHint:"双击关闭提示"},vanShareSheet:{cancel:"取消"},vanNumberKeyboard:{close:"完成"},vanNoticeBar:{close:"关闭"},vanNavBar:{back:"返回",action:"操作"},vanImage:{loading:"加载中…",error:"加载失败"},vanCascader:{placeholder:"请选择",loading:"加载中...",close:"关闭"}};

package/dist/es/components/config-provider/tokens.js

@@ -1,5 +1 @@
-import { createComponentTokensHook } from '../../design-system';
-const createConfigProviderTokens = _foundations => {
-  return {};
-};
-export const useConfigProviderTokens = createComponentTokensHook('configProvider', createConfigProviderTokens);
+import{createComponentTokensHook}from"../../design-system";const createConfigProviderTokens=o=>({});export const useConfigProviderTokens=createComponentTokensHook("configProvider",createConfigProviderTokens);

package/dist/es/components/config-provider/useDirection.js

@@ -1,3 +1 @@
-import { useContext } from 'react';
-import { DirectionContext } from './DirectionContext';
-export const useDirection = () => useContext(DirectionContext);
+import{useContext}from"react";import{DirectionContext}from"./DirectionContext";export const useDirection=()=>useContext(DirectionContext);

package/dist/es/components/config-provider/useLocale.js

@@ -1,3 +1 @@
-import { useContext } from 'react';
-import { LocaleContext } from './LocaleContext';
-export const useLocale = () => useContext(LocaleContext);
+import{useContext}from"react";import{LocaleContext}from"./LocaleContext";export const useLocale=()=>useContext(LocaleContext);

package/dist/es/components/count-down/CountDown.js

@@ -1,69 +1 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { useCallback, useEffect, useImperativeHandle } from 'react';
-import { View } from 'react-native';
-import { useCountDown } from '../../hooks';
-import { formatDuration, isFunction, renderTextOrNode } from '../../utils';
-import { isText } from '../../utils/validate';
-import { useCountDownTokens } from './tokens';
-const CountDownImpl = (props, ref) => {
-  const {
-    tokensOverride,
-    autoStart: autoStartP,
-    millisecond: msP,
-    time: timeP,
-    format: fmtP,
-    children,
-    onChange,
-    onFinish,
-    style,
-    ...rest
-  } = props;
-  const tokens = useCountDownTokens(tokensOverride);
-  const autoStart = autoStartP ?? tokens.defaults.autoStart;
-  const millisecond = msP ?? tokens.defaults.millisecond;
-  const time = timeP ?? tokens.defaults.time;
-  const format = fmtP ?? tokens.defaults.format;
-  const normTime = Math.max(0, Number(time) || 0);
-  const {
-    start,
-    pause,
-    reset,
-    current
-  } = useCountDown({
-    time: normTime,
-    millisecond,
-    onChange,
-    onFinish
-  });
-  const resetTimer = useCallback(() => {
-    reset(normTime);
-    if (autoStart && normTime > 0) start();
-  }, [autoStart, normTime, reset, start]);
-  useEffect(() => {
-    resetTimer();
-    return () => {
-      pause();
-    };
-  }, [autoStart, normTime, pause, reset, start]);
-  useImperativeHandle(ref, () => ({
-    start,
-    pause,
-    reset: resetTimer
-  }));
-  const content = isFunction(children) ? children(current) : formatDuration(format, current);
-  const contentNode = renderTextOrNode(content, tokens.layout.text);
-  const accLabel = isText(content) ? String(content) : `${current.hours}h ${current.minutes}m ${current.seconds}s`;
-  return /*#__PURE__*/React.createElement(View, _extends({
-    accessibilityRole: "timer",
-    accessibilityLiveRegion: "polite",
-    accessibilityLabel: accLabel,
-    accessibilityValue: {
-      text: accLabel
-    },
-    style: style
-  }, rest), contentNode);
-};
-const CountDownForwardRef = /*#__PURE__*/React.forwardRef(CountDownImpl);
-CountDownForwardRef.displayName = 'CountDown';
-const CountDown = /*#__PURE__*/React.memo(CountDownForwardRef);
-export default CountDown;
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)({}).hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},_extends.apply(null,arguments)}import React,{useCallback,useEffect,useImperativeHandle}from"react";import{View}from"react-native";import{useCountDown}from"../../hooks";import{formatDuration,isFunction,renderTextOrNode}from"../../utils";import{isText}from"../../utils/validate";import{useCountDownTokens}from"./tokens";const CountDownImpl=(e,t)=>{const{tokensOverride:o,autoStart:n,millisecond:r,time:s,format:a,children:i,onChange:u,onFinish:l,style:c,...m}=e,d=useCountDownTokens(o),f=n??d.defaults.autoStart,w=r??d.defaults.millisecond,p=s??d.defaults.time,C=a??d.defaults.format,D=Math.max(0,Number(p)||0),{start:x,pause:b,reset:h,current:y}=useCountDown({time:D,millisecond:w,onChange:u,onFinish:l}),R=useCallback(()=>{h(D),f&&D>0&&x()},[f,D,h,x]);useEffect(()=>(R(),()=>{b()}),[f,D,b,h,x]),useImperativeHandle(t,()=>({start:x,pause:b,reset:R}));const v=isFunction(i)?i(y):formatDuration(C,y),g=renderTextOrNode(v,d.layout.text),k=isText(v)?String(v):`${y.hours}h ${y.minutes}m ${y.seconds}s`;return React.createElement(View,_extends({accessibilityRole:"timer",accessibilityLiveRegion:"polite",accessibilityLabel:k,accessibilityValue:{text:k},style:c},m),g)},CountDownForwardRef=React.forwardRef(CountDownImpl);CountDownForwardRef.displayName="CountDown";const CountDown=React.memo(CountDownForwardRef);export default CountDown;

package/dist/es/components/count-down/index.js

@@ -1,3 +1 @@
-import CountDown from './CountDown';
-export default CountDown;
-export { CountDown };
+import CountDown from"./CountDown";export default CountDown;export{CountDown};

package/dist/es/components/count-down/tokens.js

@@ -1,27 +1 @@
-import { createComponentTokensHook } from '../../design-system';
-export const createCountDownTokens = foundations => {
-  const {
-    palette,
-    fontSize,
-    typography
-  } = foundations;
-  const size = fontSize.sm;
-  return {
-    defaults: {
-      autoStart: true,
-      millisecond: false,
-      time: 0,
-      format: 'HH:mm:ss'
-    },
-    layout: {
-      text: {
-        color: palette.default[800],
-        fontSize: size,
-        lineHeight: 20,
-        fontFamily: typography.fontFamily,
-        fontWeight: typography.weight.regular
-      }
-    }
-  };
-};
-export const useCountDownTokens = createComponentTokensHook('countDown', createCountDownTokens);
+import{createComponentTokensHook}from"../../design-system";export const createCountDownTokens=o=>{const{palette:t,fontSize:e,typography:n}=o,s=e.sm;return{defaults:{autoStart:!0,millisecond:!1,time:0,format:"HH:mm:ss"},layout:{text:{color:t.default[800],fontSize:s,lineHeight:20,fontFamily:n.fontFamily,fontWeight:n.weight.regular}}}};export const useCountDownTokens=createComponentTokensHook("countDown",createCountDownTokens);

package/dist/es/components/datetime-picker/DatetimePicker.js

@@ -1,305 +1 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import Picker from '../picker';
-import { Popup } from '../popup/Popup';
-import { useControllableValue } from '../../hooks';
-import { clamp, getMonthEndDay, getTrueValue, isValidDate, padZero, times, isString } from '../../utils';
-import { useDatetimePickerTokens } from './tokens';
-const currentYear = new Date().getFullYear();
-const DEFAULT_YEAR_RANGE_OFFSET = 10;
-const DEFAULT_MIN_DATE = new Date(currentYear - DEFAULT_YEAR_RANGE_OFFSET, 0, 1);
-const DEFAULT_MAX_DATE = new Date(currentYear + DEFAULT_YEAR_RANGE_OFFSET, 11, 31);
-const DatetimePickerImpl = props => {
-  const tokens = useDatetimePickerTokens();
-  const [popupVisible, setPopupVisible] = useControllableValue(props, {
-    defaultValue: false,
-    valuePropName: 'popupVisible',
-    defaultValuePropName: 'defaultPopupVisible',
-    trigger: 'onPopupVisibleChange'
-  });
-  const handleClose = useCallback(() => setPopupVisible(false), [setPopupVisible]);
-  const renderPopup = useCallback((node, popup, popupProps) => !popup ? node : /*#__PURE__*/React.createElement(Popup, _extends({
-    visible: popupVisible,
-    onClose: handleClose,
-    placement: tokens.defaults.popupPlacement,
-    round: tokens.defaults.popupRound,
-    safeAreaInsetBottom: tokens.defaults.popupSafeAreaInsetBottom
-  }, popupProps), node), [handleClose, popupVisible, tokens.defaults.popupPlacement, tokens.defaults.popupRound, tokens.defaults.popupSafeAreaInsetBottom]);
-  const {
-    popup,
-    popupVisible: _popupVisible,
-    defaultPopupVisible: _defaultPopupVisible,
-    popupProps,
-    onPopupVisibleChange: _onPopupVisibleChange,
-    onConfirm,
-    onCancel,
-    ...pickerProps
-  } = props;
-  const onConfirmRef = useRef(onConfirm);
-  const onCancelRef = useRef(onCancel);
-  onConfirmRef.current = onConfirm;
-  onCancelRef.current = onCancel;
-  const handleConfirm = useCallback(value => {
-    onConfirmRef.current?.(value);
-    if (popup) handleClose();
-  }, [handleClose, popup]);
-  const handleCancel = useCallback(() => {
-    onCancelRef.current?.();
-    if (popup) handleClose();
-  }, [handleClose, popup]);
-  const pickerNode = props.type === 'time' ? /*#__PURE__*/React.createElement(TimePicker, _extends({}, pickerProps, {
-    onConfirm: handleConfirm,
-    onCancel: handleCancel
-  })) : /*#__PURE__*/React.createElement(DatePicker, _extends({}, pickerProps, {
-    onConfirm: handleConfirm,
-    onCancel: handleCancel
-  }));
-  return renderPopup(pickerNode, popup, popupProps);
-};
-const DatePicker = props => {
-  const {
-    type = 'datetime',
-    minDate = DEFAULT_MIN_DATE,
-    maxDate = DEFAULT_MAX_DATE,
-    formatter = (_type, value) => value,
-    filter,
-    columnsOrder,
-    interactionMode = 'freeze',
-    value,
-    defaultValue,
-    onChange,
-    onConfirm,
-    ...pickerProps
-  } = props;
-  const formatValue = useCallback(dateValue => {
-    const fb = isValidDate(dateValue) ? dateValue : new Date();
-    const date = new Date(clamp(fb.getTime(), minDate.getTime(), maxDate.getTime()));
-    if (type === 'year-month') {
-      date.setDate(1);
-      date.setHours(0, 0, 0, 0);
-    } else if (type === 'date' || type === 'month-day') {
-      date.setHours(0, 0, 0, 0);
-    } else if (type === 'datehour') {
-      date.setMinutes(0, 0, 0);
-    }
-    ;
-    return date;
-  }, [maxDate, minDate, type]);
-  const [currentDate, setCurrentDate] = useState(() => formatValue(value ?? defaultValue));
-  useEffect(() => {
-    setCurrentDate(prev => value && isValidDate(value) ? formatValue(value) : formatValue(prev));
-  }, [formatValue, value]);
-  const {
-    originColumns,
-    columns,
-    pickerValue
-  } = useMemo(() => {
-    const getBoundary = (boundaryType, date) => {
-      const boundaryDate = boundaryType === 'min' ? minDate : maxDate;
-      const boundary = {
-        year: boundaryDate.getFullYear(),
-        month: boundaryType === 'min' ? 1 : 12,
-        day: boundaryType === 'min' ? 1 : getMonthEndDay(date.getFullYear(), date.getMonth() + 1),
-        hour: boundaryType === 'min' ? 0 : 23,
-        minute: boundaryType === 'min' ? 0 : 59
-      };
-      if (date.getFullYear() === boundary.year) {
-        boundary.month = boundaryDate.getMonth() + 1;
-        if (date.getMonth() + 1 === boundary.month) {
-          boundary.day = boundaryDate.getDate();
-          if (date.getDate() === boundary.day) {
-            boundary.hour = boundaryDate.getHours();
-            if (date.getHours() === boundary.hour) boundary.minute = boundaryDate.getMinutes();
-          }
-        }
-      }
-      return boundary;
-    };
-    const maxBoundary = getBoundary('max', currentDate),
-      minBoundary = getBoundary('min', currentDate);
-    const baseColumns = [{
-      type: 'year',
-      range: [minBoundary.year, maxBoundary.year]
-    }, {
-      type: 'month',
-      range: [minBoundary.month, maxBoundary.month]
-    }, {
-      type: 'day',
-      range: [minBoundary.day, maxBoundary.day]
-    }, {
-      type: 'hour',
-      range: [minBoundary.hour, maxBoundary.hour]
-    }, {
-      type: 'minute',
-      range: [minBoundary.minute, maxBoundary.minute]
-    }];
-    let result = baseColumns;
-    switch (type) {
-      case 'date':
-        result = baseColumns.slice(0, 3);
-        break;
-      case 'year-month':
-        result = baseColumns.slice(0, 2);
-        break;
-      case 'month-day':
-        result = baseColumns.slice(1, 3);
-        break;
-      case 'datehour':
-        result = baseColumns.slice(0, 4);
-        break;
-      default:
-        break;
-    }
-    if (columnsOrder?.length) {
-      const order = columnsOrder.concat(result.map(col => col.type));
-      result = [...result].sort((a, b) => order.indexOf(a.type) - order.indexOf(b.type));
-    }
-    const originColumns = result.map(column => {
-      let values = times(column.range[1] - column.range[0] + 1, index => column.type === 'year' ? String(column.range[0] + index) : padZero(column.range[0] + index));
-      if (filter) values = filter(column.type, values);
-      return {
-        type: column.type,
-        values
-      };
-    });
-    const columns = originColumns.map(column => column.values.map(value => ({
-      label: formatter(column.type, value),
-      value
-    })));
-    const pickerValue = originColumns.map(column => {
-      switch (column.type) {
-        case 'year':
-          return String(currentDate.getFullYear());
-        case 'month':
-          return padZero(currentDate.getMonth() + 1);
-        case 'day':
-          return padZero(currentDate.getDate());
-        case 'hour':
-          return padZero(currentDate.getHours());
-        case 'minute':
-          return padZero(currentDate.getMinutes());
-        default:
-          return column.values[0] ?? '';
-      }
-    });
-    return {
-      originColumns,
-      columns,
-      pickerValue
-    };
-  }, [columnsOrder, currentDate, filter, formatter, maxDate, minDate, type]);
-  const buildDateFromValues = useCallback(values => {
-    const getValue = columnType => {
-      const index = originColumns.findIndex(column => column.type === columnType);
-      return index === -1 ? undefined : getTrueValue(values[index] ?? originColumns[index].values[0]);
-    };
-    let year = currentDate.getFullYear(),
-      month = currentDate.getMonth() + 1,
-      day = currentDate.getDate();
-    if (type === 'month-day') {
-      month = getValue('month') || month;
-      day = getValue('day') || day;
-    } else {
-      year = getValue('year') || year;
-      month = getValue('month') || month;
-      day = type === 'year-month' ? 1 : getValue('day') || day;
-    }
-    day = Math.min(day, getMonthEndDay(year, month));
-    let hour = 0,
-      minute = 0;
-    if (type === 'datehour' || type === 'datetime') hour = getValue('hour') || 0;
-    if (type === 'datetime') minute = getValue('minute') || 0;
-    return formatValue(new Date(year, month - 1, day, hour, minute));
-  }, [currentDate, formatValue, originColumns, type]);
-  const onChangeRef = useRef(onChange);
-  const onConfirmRef = useRef(onConfirm);
-  onChangeRef.current = onChange;
-  onConfirmRef.current = onConfirm;
-  const handleChange = useCallback(values => {
-    const next = buildDateFromValues(values.map(String));
-    setCurrentDate(next);
-    onChangeRef.current?.(next);
-  }, [buildDateFromValues]);
-  const curDateRef = useRef(currentDate);
-  curDateRef.current = currentDate;
-  const handleConfirm = useCallback(() => onConfirmRef.current?.(curDateRef.current), []);
-  return /*#__PURE__*/React.createElement(Picker, _extends({}, pickerProps, {
-    columns: columns,
-    interactionMode: interactionMode,
-    value: pickerValue,
-    onChange: handleChange,
-    onConfirm: handleConfirm
-  }));
-};
-const TimePicker = props => {
-  const {
-    type: _type,
-    formatter = (_type, value) => value,
-    filter,
-    columnsOrder: _columnsOrder,
-    minHour = 0,
-    maxHour = 23,
-    minMinute = 0,
-    maxMinute = 59,
-    interactionMode = 'freeze',
-    value,
-    defaultValue,
-    onChange,
-    onConfirm,
-    ...pickerProps
-  } = props;
-  const timeRef = useRef('');
-  const formatTime = useCallback(timeValue => {
-    const [hour = 0, minute = 0] = (timeValue ?? '').split(':').map(num => parseInt(num, 10));
-    return `${padZero(clamp(Number.isNaN(hour) ? minHour : hour, minHour, maxHour))}:${padZero(clamp(Number.isNaN(minute) ? minMinute : minute, minMinute, maxMinute))}`;
-  }, [maxHour, maxMinute, minHour, minMinute]);
-  const [currentTime, setCurrentTime] = useState(() => {
-    const init = formatTime(value ?? defaultValue);
-    timeRef.current = init;
-    return init;
-  });
-  useEffect(() => {
-    const next = isString(value) ? formatTime(value) : formatTime(timeRef.current);
-    if (next !== timeRef.current) {
-      timeRef.current = next;
-      setCurrentTime(next);
-    }
-  }, [formatTime, value]);
-  const [hourValues, minuteValues] = useMemo(() => {
-    let h = times(maxHour - minHour + 1, i => padZero(minHour + i));
-    let m = times(maxMinute - minMinute + 1, i => padZero(minMinute + i));
-    if (filter) {
-      h = filter('hour', h);
-      m = filter('minute', m);
-    }
-    ;
-    return [h, m];
-  }, [filter, maxHour, maxMinute, minHour, minMinute]);
-  const columns = useMemo(() => [hourValues.map(v => ({
-    label: formatter('hour', v),
-    value: v
-  })), minuteValues.map(v => ({
-    label: formatter('minute', v),
-    value: v
-  }))], [formatter, hourValues, minuteValues]);
-  const onChangeRef = useRef(onChange);
-  const onConfirmRef = useRef(onConfirm);
-  onChangeRef.current = onChange;
-  onConfirmRef.current = onConfirm;
-  const handleChange = useCallback(values => {
-    const next = `${String(values[0] ?? hourValues[0])}:${String(values[1] ?? minuteValues[0])}`;
-    timeRef.current = next;
-    setCurrentTime(next);
-    onChangeRef.current?.(next);
-  }, [hourValues, minuteValues]);
-  const handleConfirm = useCallback(() => onConfirmRef.current?.(timeRef.current), []);
-  return /*#__PURE__*/React.createElement(Picker, _extends({}, pickerProps, {
-    columns: columns,
-    interactionMode: interactionMode,
-    value: currentTime.split(':'),
-    onChange: handleChange,
-    onConfirm: handleConfirm
-  }));
-};
-const DatetimePicker = /*#__PURE__*/React.memo(DatetimePickerImpl);
-export default DatetimePicker;
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}import React,{useCallback,useEffect,useMemo,useRef,useState}from"react";import Picker from"../picker";import{Popup}from"../popup/Popup";import{useControllableValue}from"../../hooks";import{clamp,getMonthEndDay,getTrueValue,isValidDate,padZero,times,isString}from"../../utils";import{useDatetimePickerTokens}from"./tokens";const currentYear=(new Date).getFullYear(),DEFAULT_YEAR_RANGE_OFFSET=10,DEFAULT_MIN_DATE=new Date(currentYear-10,0,1),DEFAULT_MAX_DATE=new Date(currentYear+10,11,31),DatetimePickerImpl=e=>{const t=useDatetimePickerTokens(),[r,a]=useControllableValue(e,{defaultValue:!1,valuePropName:"popupVisible",defaultValuePropName:"defaultPopupVisible",trigger:"onPopupVisibleChange"}),n=useCallback(()=>a(!1),[a]),u=useCallback((e,a,u)=>a?React.createElement(Popup,_extends({visible:r,onClose:n,placement:t.defaults.popupPlacement,round:t.defaults.popupRound,safeAreaInsetBottom:t.defaults.popupSafeAreaInsetBottom},u),e):e,[n,r,t.defaults.popupPlacement,t.defaults.popupRound,t.defaults.popupSafeAreaInsetBottom]),{popup:o,popupVisible:s,defaultPopupVisible:l,popupProps:i,onPopupVisibleChange:c,onConfirm:m,onCancel:p,...d}=e,f=useRef(m),g=useRef(p);f.current=m,g.current=p;const h=useCallback(e=>{f.current?.(e),o&&n()},[n,o]),y=useCallback(()=>{g.current?.(),o&&n()},[n,o]);return u("time"===e.type?React.createElement(TimePicker,_extends({},d,{onConfirm:h,onCancel:y})):React.createElement(DatePicker,_extends({},d,{onConfirm:h,onCancel:y})),o,i)},DatePicker=e=>{const{type:t="datetime",minDate:r=DEFAULT_MIN_DATE,maxDate:a=DEFAULT_MAX_DATE,formatter:n=(e,t)=>t,filter:u,columnsOrder:o,interactionMode:s="freeze",value:l,defaultValue:i,onChange:c,onConfirm:m,...p}=e,d=useCallback(e=>{const n=isValidDate(e)?e:new Date,u=new Date(clamp(n.getTime(),r.getTime(),a.getTime()));return"year-month"===t?(u.setDate(1),u.setHours(0,0,0,0)):"date"===t||"month-day"===t?u.setHours(0,0,0,0):"datehour"===t&&u.setMinutes(0,0,0),u},[a,r,t]),[f,g]=useState(()=>d(l??i));useEffect(()=>{g(e=>l&&isValidDate(l)?d(l):d(e))},[d,l]);const{originColumns:h,columns:y,pickerValue:D}=useMemo(()=>{const e=(e,t)=>{const n="min"===e?r:a,u={year:n.getFullYear(),month:"min"===e?1:12,day:"min"===e?1:getMonthEndDay(t.getFullYear(),t.getMonth()+1),hour:"min"===e?0:23,minute:"min"===e?0:59};return t.getFullYear()===u.year&&(u.month=n.getMonth()+1,t.getMonth()+1===u.month&&(u.day=n.getDate(),t.getDate()===u.day&&(u.hour=n.getHours(),t.getHours()===u.hour&&(u.minute=n.getMinutes())))),u},s=e("max",f),l=e("min",f),i=[{type:"year",range:[l.year,s.year]},{type:"month",range:[l.month,s.month]},{type:"day",range:[l.day,s.day]},{type:"hour",range:[l.hour,s.hour]},{type:"minute",range:[l.minute,s.minute]}];let c=i;switch(t){case"date":c=i.slice(0,3);break;case"year-month":c=i.slice(0,2);break;case"month-day":c=i.slice(1,3);break;case"datehour":c=i.slice(0,4)}if(o?.length){const e=o.concat(c.map(e=>e.type));c=[...c].sort((t,r)=>e.indexOf(t.type)-e.indexOf(r.type))}const m=c.map(e=>{let t=times(e.range[1]-e.range[0]+1,t=>"year"===e.type?String(e.range[0]+t):padZero(e.range[0]+t));return u&&(t=u(e.type,t)),{type:e.type,values:t}}),p=m.map(e=>e.values.map(t=>({label:n(e.type,t),value:t}))),d=m.map(e=>{switch(e.type){case"year":return String(f.getFullYear());case"month":return padZero(f.getMonth()+1);case"day":return padZero(f.getDate());case"hour":return padZero(f.getHours());case"minute":return padZero(f.getMinutes());default:return e.values[0]??""}});return{originColumns:m,columns:p,pickerValue:d}},[o,f,u,n,a,r,t]),k=useCallback(e=>{const r=t=>{const r=h.findIndex(e=>e.type===t);return-1===r?void 0:getTrueValue(e[r]??h[r].values[0])};let a=f.getFullYear(),n=f.getMonth()+1,u=f.getDate();"month-day"===t?(n=r("month")||n,u=r("day")||u):(a=r("year")||a,n=r("month")||n,u="year-month"===t?1:r("day")||u),u=Math.min(u,getMonthEndDay(a,n));let o=0,s=0;return"datehour"!==t&&"datetime"!==t||(o=r("hour")||0),"datetime"===t&&(s=r("minute")||0),d(new Date(a,n-1,u,o,s))},[f,d,h,t]),C=useRef(c),b=useRef(m);C.current=c,b.current=m;const M=useCallback(e=>{const t=k(e.map(String));g(t),C.current?.(t)},[k]),P=useRef(f);P.current=f;const E=useCallback(()=>b.current?.(P.current),[]);return React.createElement(Picker,_extends({},p,{columns:y,interactionMode:s,value:D,onChange:M,onConfirm:E}))},TimePicker=e=>{const{type:t,formatter:r=(e,t)=>t,filter:a,columnsOrder:n,minHour:u=0,maxHour:o=23,minMinute:s=0,maxMinute:l=59,interactionMode:i="freeze",value:c,defaultValue:m,onChange:p,onConfirm:d,...f}=e,g=useRef(""),h=useCallback(e=>{const[t=0,r=0]=(e??"").split(":").map(e=>parseInt(e,10));return`${padZero(clamp(Number.isNaN(t)?u:t,u,o))}:${padZero(clamp(Number.isNaN(r)?s:r,s,l))}`},[o,l,u,s]),[y,D]=useState(()=>{const e=h(c??m);return g.current=e,e});useEffect(()=>{const e=isString(c)?h(c):h(g.current);e!==g.current&&(g.current=e,D(e))},[h,c]);const[k,C]=useMemo(()=>{let e=times(o-u+1,e=>padZero(u+e)),t=times(l-s+1,e=>padZero(s+e));return a&&(e=a("hour",e),t=a("minute",t)),[e,t]},[a,o,l,u,s]),b=useMemo(()=>[k.map(e=>({label:r("hour",e),value:e})),C.map(e=>({label:r("minute",e),value:e}))],[r,k,C]),M=useRef(p),P=useRef(d);M.current=p,P.current=d;const E=useCallback(e=>{const t=`${String(e[0]??k[0])}:${String(e[1]??C[0])}`;g.current=t,D(t),M.current?.(t)},[k,C]),R=useCallback(()=>P.current?.(g.current),[]);return React.createElement(Picker,_extends({},f,{columns:b,interactionMode:i,value:y.split(":"),onChange:E,onConfirm:R}))},DatetimePicker=React.memo(DatetimePickerImpl);export default DatetimePicker;

package/dist/es/components/datetime-picker/index.js

@@ -1,2 +1 @@
-import DatetimePicker from './DatetimePicker';
-export default DatetimePicker;
+import DatetimePicker from"./DatetimePicker";export default DatetimePicker;

package/dist/es/components/datetime-picker/tokens.js

@@ -1,16 +1 @@
-import { createComponentTokensHook } from '../../design-system';
-const createDatetimePickerTokens = _foundations => ({
-  defaults: {
-    yearRangeOffset: 10,
-    dateInteractionMode: 'freeze',
-    timeInteractionMode: 'freeze',
-    minHour: 0,
-    maxHour: 23,
-    minMinute: 0,
-    maxMinute: 59,
-    popupPlacement: 'bottom',
-    popupRound: true,
-    popupSafeAreaInsetBottom: true
-  }
-});
-export const useDatetimePickerTokens = createComponentTokensHook('datetimePicker', createDatetimePickerTokens);
+import{createComponentTokensHook}from"../../design-system";const createDatetimePickerTokens=e=>({defaults:{yearRangeOffset:10,dateInteractionMode:"freeze",timeInteractionMode:"freeze",minHour:0,maxHour:23,minMinute:0,maxMinute:59,popupPlacement:"bottom",popupRound:!0,popupSafeAreaInsetBottom:!0}});export const useDatetimePickerTokens=createComponentTokensHook("datetimePicker",createDatetimePickerTokens);