react-vant-nova 1.0.0-test

package/lib/datetime-picker/DatePicker.js

@@ -0,0 +1,262 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+  _react = function () {
+    return data;
+  };
+  return data;
+}
+function _tslib() {
+  const data = require("tslib");
+  _tslib = function () {
+    return data;
+  };
+  return data;
+}
+function _jsxRuntime() {
+  const data = require("react/jsx-runtime");
+  _jsxRuntime = function () {
+    return data;
+  };
+  return data;
+}
+var _picker = _interopRequireDefault(require("../picker"));
+var _utils = require("./utils");
+var _date = require("../utils/validate/date");
+var _utils2 = require("../utils");
+var _hooks = require("../hooks");
+var _useRefState = _interopRequireDefault(require("../hooks/use-ref-state"));
+var _getDefaultProps = require("../utils/get-default-props");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); }
+const DatePicker = (0, _react().forwardRef)((p, ref) => {
+  const props = (0, _getDefaultProps.mergeProps)(p, {
+    type: 'datetime',
+    placeholder: false,
+    minDate: DefaultMinDate,
+    maxDate: DefaultMaxDate,
+    formatter: (type, value) => value
+  });
+  const {
+      value,
+      defaultValue,
+      formatter,
+      columnsOrder,
+      type: datePickerType,
+      filter,
+      minDate,
+      maxDate
+    } = props,
+    pickerProps = (0, _tslib().__rest)(props, ["value", "defaultValue", "formatter", "columnsOrder", "type", "filter", "minDate", "maxDate"]);
+  const formatValue = date => {
+    if (!(0, _date.isDate)(date)) {
+      date = new Date();
+    }
+    date = Math.max(date, minDate.getTime());
+    date = Math.min(date, maxDate.getTime());
+    return new Date(date);
+  };
+  const [currentDate, setCurrentDate, currentDateRef] = (0, _useRefState.default)(() => formatValue(value || defaultValue));
+  const getBoundary = (type, value) => {
+    const boundary = props[`${type}Date`];
+    const year = boundary.getFullYear();
+    let month = 1;
+    let date = 1;
+    let hour = 0;
+    let minute = 0;
+    if (type === 'max') {
+      month = 12;
+      date = (0, _utils.getMonthEndDay)(value.getFullYear(), value.getMonth() + 1);
+      hour = 23;
+      minute = 59;
+    }
+    if (value.getFullYear() === year) {
+      month = boundary.getMonth() + 1;
+      if (value.getMonth() + 1 === month) {
+        date = boundary.getDate();
+        if (value.getDate() === date) {
+          hour = boundary.getHours();
+          if (value.getHours() === hour) {
+            minute = boundary.getMinutes();
+          }
+        }
+      }
+    }
+    return {
+      [`${type}Year`]: year,
+      [`${type}Month`]: month,
+      [`${type}Date`]: date,
+      [`${type}Hour`]: hour,
+      [`${type}Minute`]: minute
+    };
+  };
+  const originColumns = (0, _react().useMemo)(() => {
+    const {
+      maxYear,
+      maxDate,
+      maxMonth,
+      maxHour,
+      maxMinute
+    } = getBoundary('max', currentDateRef.current);
+    const {
+      minYear,
+      minDate,
+      minMonth,
+      minHour,
+      minMinute
+    } = getBoundary('min', currentDateRef.current);
+    let result = [{
+      type: 'year',
+      range: [minYear, maxYear]
+    }, {
+      type: 'month',
+      range: [minMonth, maxMonth]
+    }, {
+      type: 'day',
+      range: [minDate, maxDate]
+    }, {
+      type: 'hour',
+      range: [minHour, maxHour]
+    }, {
+      type: 'minute',
+      range: [minMinute, maxMinute]
+    }];
+    switch (datePickerType) {
+      case 'date':
+        result = result.slice(0, 3);
+        break;
+      case 'year-month':
+        result = result.slice(0, 2);
+        break;
+      case 'month-day':
+        result = result.slice(1, 3);
+        break;
+      case 'datehour':
+        result = result.slice(0, 4);
+        break;
+      default:
+        break;
+    }
+    if (columnsOrder) {
+      const columnsOrderArr = columnsOrder.concat(result.map(column => column.type));
+      result.sort((a, b) => columnsOrderArr.indexOf(a.type) - columnsOrderArr.indexOf(b.type));
+    }
+    return result.map(({
+      type,
+      range: rangeArr
+    }) => {
+      // 根据范围获取每列的值
+      let values = (0, _utils.times)(rangeArr[1] - rangeArr[0] + 1, index => {
+        return (0, _utils2.padZero)(rangeArr[0] + index);
+      });
+      if (filter) {
+        values = filter(type, values);
+      }
+      return {
+        type,
+        values
+      };
+    });
+  }, [columnsOrder, currentDateRef.current, minDate, maxDate]);
+  const columns = (0, _react().useMemo)(() => originColumns.map(column => column.values.map(value => formatter(column.type, value))), [originColumns, formatter]);
+  const pickerValue = (0, _react().useMemo)(() => {
+    const value = props.popup ? formatValue(currentDateRef.current) : currentDateRef.current;
+    const values = originColumns.map(column => {
+      switch (column.type) {
+        case 'year':
+          return formatter('year', `${value.getFullYear()}`);
+        case 'month':
+          return formatter('month', (0, _utils2.padZero)(value.getMonth() + 1));
+        case 'day':
+          return formatter('day', (0, _utils2.padZero)(value.getDate()));
+        case 'hour':
+          return formatter('hour', (0, _utils2.padZero)(value.getHours()));
+        case 'minute':
+          return formatter('minute', (0, _utils2.padZero)(value.getMinutes()));
+        default:
+          // no default
+          return '';
+      }
+    });
+    return values;
+  }, [props.value, currentDateRef.current, formatValue]);
+  const updateInnerValue = indexes => {
+    const {
+      type
+    } = props;
+    const getValue = datetimePickerColumnType => {
+      let index = 0;
+      originColumns.forEach((column, columnIndex) => {
+        if (datetimePickerColumnType === column.type) {
+          index = columnIndex;
+        }
+      });
+      const {
+        values
+      } = originColumns[index];
+      return (0, _utils.getTrueValue)(values[indexes[index]]);
+    };
+    let year = null;
+    let month = null;
+    let day = null;
+    if (type === 'month-day') {
+      year = (currentDate || minDate).getFullYear();
+      month = getValue('month');
+      day = getValue('day');
+    } else {
+      year = getValue('year');
+      month = getValue('month');
+      day = type === 'year-month' ? 1 : getValue('day');
+    }
+    const maxDay = (0, _utils.getMonthEndDay)(year, month);
+    day = day > maxDay ? maxDay : day;
+    let hour = 0;
+    let minute = 0;
+    if (type === 'datehour') {
+      hour = +getValue('hour');
+    }
+    if (type === 'datetime') {
+      hour = +getValue('hour');
+      minute = +getValue('minute');
+    }
+    return formatValue(new Date(year, month - 1, day, hour, minute));
+  };
+  const onChange = (val, values, indexes) => {
+    var _a;
+    const nextValue = updateInnerValue(indexes);
+    setCurrentDate(nextValue);
+    (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, nextValue);
+  };
+  const onConfirm = () => {
+    var _a;
+    (_a = props.onConfirm) === null || _a === void 0 ? void 0 : _a.call(props, currentDate);
+  };
+  (0, _hooks.useUpdateEffect)(() => {
+    const nextValue = formatValue(value);
+    if (nextValue && nextValue.valueOf() !== (currentDate === null || currentDate === void 0 ? void 0 : currentDate.valueOf())) {
+      setCurrentDate(nextValue);
+    }
+  }, [value, filter, minDate, maxDate]);
+  return (0, _jsxRuntime().jsx)(_picker.default, Object.assign({}, pickerProps, {
+    value: pickerValue,
+    ref: ref,
+    columns: columns,
+    onChange: onChange,
+    onConfirm: onConfirm,
+    onCancel: props.onCancel
+  }, {
+    children: (_, selectRows, actions) => {
+      var _a;
+      return (_a = props.children) === null || _a === void 0 ? void 0 : _a.call(props, value || defaultValue, selectRows, actions);
+    }
+  }));
+});
+const currentYear = new Date().getFullYear();
+const DefaultMinDate = new Date(currentYear - 10, 0, 1);
+const DefaultMaxDate = new Date(currentYear + 10, 11, 31);
+var _default = exports.default = DatePicker;

package/lib/datetime-picker/DatetimePicker.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { DateTimePickerProps } from './PropsType';
+declare const DateTimePicker: React.ForwardRefExoticComponent<DateTimePickerProps & React.RefAttributes<import("..").PickerPopupActions>>;
+export default DateTimePicker;
+export { DateTimePicker };
+export type { DateTimePickerProps } from './PropsType';

package/lib/datetime-picker/DatetimePicker.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.DateTimePicker = void 0;
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+  _react = function () {
+    return data;
+  };
+  return data;
+}
+function _jsxRuntime() {
+  const data = require("react/jsx-runtime");
+  _jsxRuntime = function () {
+    return data;
+  };
+  return data;
+}
+function _clsx() {
+  const data = _interopRequireDefault(require("clsx"));
+  _clsx = function () {
+    return data;
+  };
+  return data;
+}
+var _DatePicker = _interopRequireDefault(require("./DatePicker"));
+var _TimePicker = _interopRequireDefault(require("./TimePicker"));
+var _utils = require("../utils");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); }
+const [bem] = (0, _utils.createNamespace)('datetime-picker');
+const DateTimePicker = exports.DateTimePicker = (0, _react().forwardRef)((props, ref) => {
+  const isTimePicker = props.type === 'time';
+  if (isTimePicker) return (0, _jsxRuntime().jsx)(_TimePicker.default, Object.assign({
+    ref: ref,
+    className: (0, _clsx().default)(bem())
+  }, props));
+  return (0, _jsxRuntime().jsx)(_DatePicker.default, Object.assign({
+    ref: ref,
+    className: (0, _clsx().default)(bem())
+  }, props));
+});
+var _default = exports.default = DateTimePicker;

package/lib/datetime-picker/PropsType.d.ts

@@ -0,0 +1,49 @@
+import React from 'react';
+import { PickerColumnOption, PickerPopupActions, PickerProps } from '../picker/PropsType';
+export declare type DatetimePickerColumnType = 'year' | 'month' | 'day' | 'hour' | 'minute';
+export declare type DatetimePickerType = 'date' | 'time' | 'datetime' | 'datehour' | 'month-day' | 'year-month';
+export interface SharedProps extends Omit<PickerProps, 'value' | 'defaultValue' | 'onConfirm' | 'onChange' | 'columns' | 'children'> {
+    /** 时间类型 */
+    type?: DatetimePickerType;
+    /** 选项过滤函数	 */
+    filter?: (type: string, values: string[]) => string[];
+    /**
+     * 自定义列排序数组,
+     * 子项可选值为: year、month、day、hour、minute
+     */
+    columnsOrder?: string[];
+    /** 选项格式化函数	*/
+    formatter?: (type: string, value: string) => string;
+    onCancel?: () => void;
+}
+export interface DatePickerProps extends SharedProps {
+    value?: Date;
+    defaultValue?: Date;
+    /** 可选的最小时间，精确到分钟	 */
+    minDate?: Date;
+    /** 可选的最大时间，精确到分钟	 */
+    maxDate?: Date;
+    /** 当值变化时触发的事件	 */
+    onChange?: (value: Date) => void;
+    /** 点击完成按钮时触发的事件	 */
+    onConfirm?: (value: Date) => void;
+    children?: (val: Date, selectRows: PickerColumnOption[], actions: PickerPopupActions) => React.ReactNode;
+}
+export interface TimePickerProps extends SharedProps {
+    value?: string;
+    defaultValue?: string;
+    /** 可选的最小小时	 */
+    minHour?: number | string;
+    /** 可选的最大小时	 */
+    maxHour?: number | string;
+    /** 可选的最小分钟	 */
+    minMinute?: number | string;
+    /** 可选的最大分钟	 */
+    maxMinute?: number | string;
+    onChange?: (value: string) => void;
+    /** 点击完成按钮时触发的事件	 */
+    onConfirm?: (value: string) => void;
+    children?: (val: string, selectRows: PickerColumnOption[], actions: PickerPopupActions) => React.ReactNode;
+}
+export declare type DateTimePickerProps = DatePickerProps | TimePickerProps;
+export declare type DateTimePickerInstance = PickerPopupActions;

package/lib/datetime-picker/PropsType.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/lib/datetime-picker/TimePicker.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TimePickerProps } from './PropsType';
+declare const TimePicker: React.ForwardRefExoticComponent<TimePickerProps & React.RefAttributes<import("../picker").PickerPopupActions>>;
+export default TimePicker;

package/lib/datetime-picker/TimePicker.js

@@ -0,0 +1,129 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+  _react = function () {
+    return data;
+  };
+  return data;
+}
+function _tslib() {
+  const data = require("tslib");
+  _tslib = function () {
+    return data;
+  };
+  return data;
+}
+function _jsxRuntime() {
+  const data = require("react/jsx-runtime");
+  _jsxRuntime = function () {
+    return data;
+  };
+  return data;
+}
+var _picker = _interopRequireDefault(require("../picker"));
+var _utils = require("./utils");
+var _utils2 = require("../utils");
+var _hooks = require("../hooks");
+var _getDefaultProps = require("../utils/get-default-props");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); }
+const TimePicker = (0, _react().forwardRef)((p, ref) => {
+  const props = (0, _getDefaultProps.mergeProps)(p, {
+    minHour: 0,
+    maxHour: 23,
+    minMinute: 0,
+    maxMinute: 59,
+    placeholder: false,
+    defaultValue: '',
+    formatter: (type, value) => value
+  });
+  const {
+      value,
+      defaultValue,
+      formatter,
+      filter,
+      minHour,
+      maxHour,
+      minMinute,
+      maxMinute
+    } = props,
+    pickerProps = (0, _tslib().__rest)(props, ["value", "defaultValue", "formatter", "filter", "minHour", "maxHour", "minMinute", "maxMinute"]);
+  const formatValue = str => {
+    if (!str) {
+      str = `${(0, _utils2.padZero)(minHour)}:${(0, _utils2.padZero)(minMinute)}`;
+    }
+    let [hour, minute] = str.split(':');
+    hour = (0, _utils2.padZero)((0, _utils2.range)(hour, +minHour, +maxHour));
+    minute = (0, _utils2.padZero)((0, _utils2.range)(minute, +minMinute, +maxMinute));
+    return `${hour}:${minute}`;
+  };
+  const [currentDate, setCurrentDate] = (0, _react().useState)(() => formatValue(value === undefined ? defaultValue : value));
+  const ranges = (0, _react().useMemo)(() => [{
+    type: 'hour',
+    range: [+minHour, +maxHour]
+  }, {
+    type: 'minute',
+    range: [+minMinute, +maxMinute]
+  }], [minHour, maxHour, minMinute, maxMinute]);
+  const originColumns = (0, _react().useMemo)(() => ranges.map(({
+    type,
+    range: rangeArr
+  }) => {
+    let values = (0, _utils.times)(rangeArr[1] - rangeArr[0] + 1, index => (0, _utils2.padZero)(rangeArr[0] + index));
+    if (filter) {
+      values = filter(type, values);
+    }
+    return {
+      type,
+      values
+    };
+  }), [ranges]);
+  const columns = (0, _react().useMemo)(() => originColumns.map(column => column.values.map(value => formatter(column.type, value))), [originColumns]);
+  const pickerValue = (0, _react().useMemo)(() => {
+    const pair = (props.popup ? formatValue(props.value) : currentDate).split(':');
+    return [formatter('hour', pair[0]), formatter('minute', pair[1])];
+  }, [props.value, currentDate, formatValue]);
+  const onConfirm = () => {
+    var _a;
+    (_a = props.onConfirm) === null || _a === void 0 ? void 0 : _a.call(props, currentDate);
+  };
+  const onCancel = () => {
+    var _a;
+    (_a = props.onCancel) === null || _a === void 0 ? void 0 : _a.call(props);
+  };
+  const onChange = val => {
+    var _a;
+    const nextValue = formatValue(val.join(':'));
+    setCurrentDate(nextValue);
+    (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, nextValue);
+  };
+  (0, _hooks.useUpdateEffect)(() => {
+    const nextValue = formatValue(currentDate);
+    setCurrentDate(nextValue);
+  }, [filter, minHour, maxHour, minMinute, maxMinute]);
+  (0, _hooks.useUpdateEffect)(() => {
+    const nextValue = formatValue(value);
+    if (nextValue !== currentDate) {
+      setCurrentDate(nextValue);
+    }
+  }, [value]);
+  return (0, _jsxRuntime().jsx)(_picker.default, Object.assign({}, pickerProps, {
+    ref: ref,
+    columns: columns,
+    value: pickerValue,
+    onChange: onChange,
+    onConfirm: onConfirm,
+    onCancel: onCancel
+  }, {
+    children: (_, selectRows, actions) => {
+      var _a;
+      return (_a = props.children) === null || _a === void 0 ? void 0 : _a.call(props, value, selectRows, actions);
+    }
+  }));
+});
+var _default = exports.default = TimePicker;

package/lib/datetime-picker/index.d.ts

@@ -0,0 +1,3 @@
+import DatetimePicker from './DatetimePicker';
+export { DatetimePicker };
+export type { DateTimePickerProps, DatetimePickerType, DateTimePickerInstance, } from './PropsType';

package/lib/datetime-picker/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DatetimePicker", {
+  enumerable: true,
+  get: function () {
+    return _DatetimePicker.default;
+  }
+});
+var _DatetimePicker = _interopRequireDefault(require("./DatetimePicker"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/lib/datetime-picker/utils.d.ts

@@ -0,0 +1,5 @@
+export declare function times(n: number, iteratee: (index: number) => string): unknown[];
+export declare function getTrueValue(value: string | undefined): string | number;
+export declare function getMonthEndDay(year: number, month: number): number;
+export declare function addDays(date: Date, days: number): Date;
+export declare function getDayNumber(date: Date): number;

package/lib/datetime-picker/utils.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.addDays = addDays;
+exports.getDayNumber = getDayNumber;
+exports.getMonthEndDay = getMonthEndDay;
+exports.getTrueValue = getTrueValue;
+exports.times = times;
+var _number = require("../utils/validate/number");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/* eslint-disable no-plusplus */
+
+function times(n, iteratee) {
+  let index = -1;
+  const result = Array(n);
+  while (++index < n) {
+    result[index] = iteratee(index);
+  }
+  return result;
+}
+function getTrueValue(value) {
+  if (!value) {
+    return 0;
+  }
+  while ((0, _number.isNaN)(parseInt(value, 10))) {
+    if (value.length > 1) {
+      value = value.slice(1);
+    } else {
+      return 0;
+    }
+  }
+  return parseInt(value, 10);
+}
+function getMonthEndDay(year, month) {
+  return 32 - new Date(year, month - 1, 32).getDate();
+}
+function addDays(date, days) {
+  date = new Date(date.valueOf());
+  date.setDate(date.getDate() + days);
+  return date;
+}
+function getDayNumber(date) {
+  const newDate = new Date(date.getTime() + 8 * 60 * 60 * 1000);
+  return newDate.getTime() - newDate.getTime() % (24 * 60 * 60 * 1000);
+}

package/lib/dialog/Dialog.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { DialogProps, DialogStatic } from './PropsType';
+declare const _default: React.FC<DialogProps> & DialogStatic;
+export default _default;