@rc-component/picker 1.0.0

package/es/generate/dateFns.js

@@ -0,0 +1,163 @@
+import { addDays, addMonths, addYears, endOfMonth, format as formatDate, getDate as _getDate, getDay, getHours, getMinutes, getMonth as _getMonth, getSeconds, getWeek as _getWeek, getYear as _getYear, isAfter as _isAfter, isValid, parse as parseDate, setDate as _setDate, setHours, setMilliseconds, setMinutes, setMonth as _setMonth, setSeconds, setYear as _setYear, startOfWeek, getMilliseconds } from 'date-fns';
+import * as locales from 'date-fns/locale';
+var getLocale = function getLocale(locale) {
+  return locales[locale] || locales[locale.replace(/_/g, '')] || locales[locale.replace(/_.*$/g, '')];
+};
+var localeParse = function localeParse(format) {
+  return format.replace(/Y/g, 'y').replace(/D/g, 'd').replace(/gggg/, 'yyyy').replace(/g/g, 'G').replace(/([Ww])o/g, 'wo');
+};
+var _parse = function parse(text, format, locale) {
+  return parseDate(text, localeParse(format), new Date(), {
+    locale: getLocale(locale)
+  });
+};
+
+/**
+ * Check if the text is a valid date considering the format and locale
+ *
+ * This is a strict check, the date string must match the format exactly.
+ * Date-fns allows some flexibility in parsing dates, for example, it will parse "30/01/2" as "30/01/002".
+ * This behavior is not desirable in our case, so we need to check if the date string matches the format exactly.
+ *
+ * @param text the date string
+ * @param format the date format to use
+ * @param locale the locale to use
+ */
+var isStrictValidDate = function isStrictValidDate(text, format, locale) {
+  var date = _parse(text, format, locale);
+  if (!isValid(date)) {
+    return false;
+  }
+  var formattedDate = formatDate(date, format, {
+    locale: getLocale(locale)
+  });
+  return text === formattedDate;
+};
+var generateConfig = {
+  // get
+  getNow: function getNow() {
+    return new Date();
+  },
+  getFixedDate: function getFixedDate(string) {
+    return new Date(string);
+  },
+  getEndDate: function getEndDate(date) {
+    return endOfMonth(date);
+  },
+  getWeekDay: function getWeekDay(date) {
+    return getDay(date);
+  },
+  getYear: function getYear(date) {
+    return _getYear(date);
+  },
+  getMonth: function getMonth(date) {
+    return _getMonth(date);
+  },
+  getDate: function getDate(date) {
+    return _getDate(date);
+  },
+  getHour: function getHour(date) {
+    return getHours(date);
+  },
+  getMinute: function getMinute(date) {
+    return getMinutes(date);
+  },
+  getSecond: function getSecond(date) {
+    return getSeconds(date);
+  },
+  getMillisecond: function getMillisecond(date) {
+    return getMilliseconds(date);
+  },
+  // set
+  addYear: function addYear(date, diff) {
+    return addYears(date, diff);
+  },
+  addMonth: function addMonth(date, diff) {
+    return addMonths(date, diff);
+  },
+  addDate: function addDate(date, diff) {
+    return addDays(date, diff);
+  },
+  setYear: function setYear(date, year) {
+    return _setYear(date, year);
+  },
+  setMonth: function setMonth(date, month) {
+    return _setMonth(date, month);
+  },
+  setDate: function setDate(date, num) {
+    return _setDate(date, num);
+  },
+  setHour: function setHour(date, hour) {
+    return setHours(date, hour);
+  },
+  setMinute: function setMinute(date, minute) {
+    return setMinutes(date, minute);
+  },
+  setSecond: function setSecond(date, second) {
+    return setSeconds(date, second);
+  },
+  setMillisecond: function setMillisecond(date, millisecond) {
+    return setMilliseconds(date, millisecond);
+  },
+  // Compare
+  isAfter: function isAfter(date1, date2) {
+    return _isAfter(date1, date2);
+  },
+  isValidate: function isValidate(date) {
+    return isValid(date);
+  },
+  locale: {
+    getWeekFirstDay: function getWeekFirstDay(locale) {
+      var clone = getLocale(locale);
+      return clone.options.weekStartsOn;
+    },
+    getWeekFirstDate: function getWeekFirstDate(locale, date) {
+      return startOfWeek(date, {
+        locale: getLocale(locale)
+      });
+    },
+    getWeek: function getWeek(locale, date) {
+      return _getWeek(date, {
+        locale: getLocale(locale)
+      });
+    },
+    getShortWeekDays: function getShortWeekDays(locale) {
+      var clone = getLocale(locale);
+      return Array.from({
+        length: 7
+      }).map(function (_, i) {
+        return clone.localize.day(i, {
+          width: 'short'
+        });
+      });
+    },
+    getShortMonths: function getShortMonths(locale) {
+      var clone = getLocale(locale);
+      return Array.from({
+        length: 12
+      }).map(function (_, i) {
+        return clone.localize.month(i, {
+          width: 'abbreviated'
+        });
+      });
+    },
+    format: function format(locale, date, _format) {
+      if (!isValid(date)) {
+        return null;
+      }
+      return formatDate(date, localeParse(_format), {
+        locale: getLocale(locale)
+      });
+    },
+    parse: function parse(locale, text, formats) {
+      for (var i = 0; i < formats.length; i += 1) {
+        var format = localeParse(formats[i]);
+        if (isStrictValidDate(text, format, locale)) {
+          return _parse(text, format, locale);
+        }
+      }
+      return null;
+    }
+  }
+};
+export default generateConfig;

package/es/generate/dayjs.d.ts

@@ -0,0 +1,4 @@
+import type { Dayjs } from 'dayjs';
+import type { GenerateConfig } from '.';
+declare const generateConfig: GenerateConfig<Dayjs>;
+export default generateConfig;

package/es/generate/dayjs.js

@@ -0,0 +1,233 @@
+import dayjs from 'dayjs';
+import weekday from 'dayjs/plugin/weekday';
+import localeData from 'dayjs/plugin/localeData';
+import weekOfYear from 'dayjs/plugin/weekOfYear';
+import weekYear from 'dayjs/plugin/weekYear';
+import advancedFormat from 'dayjs/plugin/advancedFormat';
+import customParseFormat from 'dayjs/plugin/customParseFormat';
+dayjs.extend(customParseFormat);
+dayjs.extend(advancedFormat);
+dayjs.extend(weekday);
+dayjs.extend(localeData);
+dayjs.extend(weekOfYear);
+dayjs.extend(weekYear);
+dayjs.extend(function (o, c) {
+  // todo support Wo (ISO week)
+  var proto = c.prototype;
+  var oldFormat = proto.format;
+  proto.format = function f(formatStr) {
+    var str = (formatStr || '').replace('Wo', 'wo');
+    return oldFormat.bind(this)(str);
+  };
+});
+var localeMap = {
+  // ar_EG:
+  // az_AZ:
+  // bg_BG:
+  bn_BD: 'bn-bd',
+  by_BY: 'be',
+  // ca_ES:
+  // cs_CZ:
+  // da_DK:
+  // de_DE:
+  // el_GR:
+  en_GB: 'en-gb',
+  en_US: 'en',
+  // es_ES:
+  // et_EE:
+  // fa_IR:
+  // fi_FI:
+  fr_BE: 'fr',
+  // todo: dayjs has no fr_BE locale, use fr at present
+  fr_CA: 'fr-ca',
+  // fr_FR:
+  // ga_IE:
+  // gl_ES:
+  // he_IL:
+  // hi_IN:
+  // hr_HR:
+  // hu_HU:
+  hy_AM: 'hy-am',
+  // id_ID:
+  // is_IS:
+  // it_IT:
+  // ja_JP:
+  // ka_GE:
+  // kk_KZ:
+  // km_KH:
+  kmr_IQ: 'ku',
+  // kn_IN:
+  // ko_KR:
+  // ku_IQ: // previous ku in antd
+  // lt_LT:
+  // lv_LV:
+  // mk_MK:
+  // ml_IN:
+  // mn_MN:
+  // ms_MY:
+  // nb_NO:
+  // ne_NP:
+  nl_BE: 'nl-be',
+  // nl_NL:
+  // pl_PL:
+  pt_BR: 'pt-br',
+  // pt_PT:
+  // ro_RO:
+  // ru_RU:
+  // sk_SK:
+  // sl_SI:
+  // sr_RS:
+  // sv_SE:
+  // ta_IN:
+  // th_TH:
+  // tr_TR:
+  // uk_UA:
+  // ur_PK:
+  // vi_VN:
+  zh_CN: 'zh-cn',
+  zh_HK: 'zh-hk',
+  zh_TW: 'zh-tw'
+};
+var parseLocale = function parseLocale(locale) {
+  var mapLocale = localeMap[locale];
+  return mapLocale || locale.split('_')[0];
+};
+
+/* istanbul ignore next */
+var parseNoMatchNotice = function parseNoMatchNotice() {
+  // zombieJ:
+  // When user typing, its always miss match format.
+  // This check is meaningless.
+  // https://github.com/ant-design/ant-design/issues/51839
+  // noteOnce(false, 'Not match any format. Please help to fire a issue about this.');
+};
+var generateConfig = {
+  // get
+  getNow: function getNow() {
+    var now = dayjs();
+    // https://github.com/ant-design/ant-design/discussions/50934
+    if (typeof now.tz === 'function') {
+      return now.tz(); // use default timezone
+    }
+    return now;
+  },
+  getFixedDate: function getFixedDate(string) {
+    return dayjs(string, ['YYYY-M-DD', 'YYYY-MM-DD']);
+  },
+  getEndDate: function getEndDate(date) {
+    return date.endOf('month');
+  },
+  getWeekDay: function getWeekDay(date) {
+    var clone = date.locale('en');
+    return clone.weekday() + clone.localeData().firstDayOfWeek();
+  },
+  getYear: function getYear(date) {
+    return date.year();
+  },
+  getMonth: function getMonth(date) {
+    return date.month();
+  },
+  getDate: function getDate(date) {
+    return date.date();
+  },
+  getHour: function getHour(date) {
+    return date.hour();
+  },
+  getMinute: function getMinute(date) {
+    return date.minute();
+  },
+  getSecond: function getSecond(date) {
+    return date.second();
+  },
+  getMillisecond: function getMillisecond(date) {
+    return date.millisecond();
+  },
+  // set
+  addYear: function addYear(date, diff) {
+    return date.add(diff, 'year');
+  },
+  addMonth: function addMonth(date, diff) {
+    return date.add(diff, 'month');
+  },
+  addDate: function addDate(date, diff) {
+    return date.add(diff, 'day');
+  },
+  setYear: function setYear(date, year) {
+    return date.year(year);
+  },
+  setMonth: function setMonth(date, month) {
+    return date.month(month);
+  },
+  setDate: function setDate(date, num) {
+    return date.date(num);
+  },
+  setHour: function setHour(date, hour) {
+    return date.hour(hour);
+  },
+  setMinute: function setMinute(date, minute) {
+    return date.minute(minute);
+  },
+  setSecond: function setSecond(date, second) {
+    return date.second(second);
+  },
+  setMillisecond: function setMillisecond(date, milliseconds) {
+    return date.millisecond(milliseconds);
+  },
+  // Compare
+  isAfter: function isAfter(date1, date2) {
+    return date1.isAfter(date2);
+  },
+  isValidate: function isValidate(date) {
+    return date.isValid();
+  },
+  locale: {
+    getWeekFirstDay: function getWeekFirstDay(locale) {
+      return dayjs().locale(parseLocale(locale)).localeData().firstDayOfWeek();
+    },
+    getWeekFirstDate: function getWeekFirstDate(locale, date) {
+      return date.locale(parseLocale(locale)).weekday(0);
+    },
+    getWeek: function getWeek(locale, date) {
+      return date.locale(parseLocale(locale)).week();
+    },
+    getShortWeekDays: function getShortWeekDays(locale) {
+      return dayjs().locale(parseLocale(locale)).localeData().weekdaysMin();
+    },
+    getShortMonths: function getShortMonths(locale) {
+      return dayjs().locale(parseLocale(locale)).localeData().monthsShort();
+    },
+    format: function format(locale, date, _format) {
+      return date.locale(parseLocale(locale)).format(_format);
+    },
+    parse: function parse(locale, text, formats) {
+      var localeStr = parseLocale(locale);
+      for (var i = 0; i < formats.length; i += 1) {
+        var format = formats[i];
+        var formatText = text;
+        if (format.includes('wo') || format.includes('Wo')) {
+          // parse Wo
+          var year = formatText.split('-')[0];
+          var weekStr = formatText.split('-')[1];
+          var firstWeek = dayjs(year, 'YYYY').startOf('year').locale(localeStr);
+          for (var j = 0; j <= 52; j += 1) {
+            var nextWeek = firstWeek.add(j, 'week');
+            if (nextWeek.format('Wo') === weekStr) {
+              return nextWeek;
+            }
+          }
+          parseNoMatchNotice();
+          return null;
+        }
+        var date = dayjs(formatText, format, true).locale(localeStr);
+        if (date.isValid()) {
+          return date;
+        }
+      }
+      if (text) {
+        parseNoMatchNotice();
+      }
+      return null;
+    }
+  }
+};
+export default generateConfig;

package/es/generate/index.d.ts

@@ -0,0 +1,37 @@
+export type GenerateConfig<DateType> = {
+    getWeekDay: (value: DateType) => number;
+    getMillisecond: (value: DateType) => number;
+    getSecond: (value: DateType) => number;
+    getMinute: (value: DateType) => number;
+    getHour: (value: DateType) => number;
+    getDate: (value: DateType) => number;
+    getMonth: (value: DateType) => number;
+    getYear: (value: DateType) => number;
+    getNow: () => DateType;
+    getFixedDate: (fixed: string) => DateType;
+    getEndDate: (value: DateType) => DateType;
+    addYear: (value: DateType, diff: number) => DateType;
+    addMonth: (value: DateType, diff: number) => DateType;
+    addDate: (value: DateType, diff: number) => DateType;
+    setYear: (value: DateType, year: number) => DateType;
+    setMonth: (value: DateType, month: number) => DateType;
+    setDate: (value: DateType, date: number) => DateType;
+    setHour: (value: DateType, hour: number) => DateType;
+    setMinute: (value: DateType, minute: number) => DateType;
+    setSecond: (value: DateType, second: number) => DateType;
+    setMillisecond: (value: DateType, millisecond: number) => DateType;
+    isAfter: (date1: DateType, date2: DateType) => boolean;
+    isValidate: (date: DateType) => boolean;
+    locale: {
+        getWeekFirstDay: (locale: string) => number;
+        getWeekFirstDate: (locale: string, value: DateType) => DateType;
+        getWeek: (locale: string, value: DateType) => number;
+        format: (locale: string, date: DateType, format: string) => string;
+        /** Should only return validate date instance */
+        parse: (locale: string, text: string, formats: string[]) => DateType | null;
+        /** A proxy for getting locale with moment or other locale library */
+        getShortWeekDays?: (locale: string) => string[];
+        /** A proxy for getting locale with moment or other locale library */
+        getShortMonths?: (locale: string) => string[];
+    };
+};

package/es/generate/index.js

@@ -0,0 +1 @@
+export {};

package/es/generate/luxon.d.ts

@@ -0,0 +1,4 @@
+import { DateTime } from 'luxon';
+import type { GenerateConfig } from '.';
+declare const generateConfig: GenerateConfig<DateTime>;
+export default generateConfig;

package/es/generate/luxon.js

@@ -0,0 +1,197 @@
+import { DateTime, Info } from 'luxon';
+var weekDayFormatMap = {
+  zh_CN: 'narrow',
+  zh_TW: 'narrow'
+};
+var weekDayLengthMap = {
+  en_US: 2,
+  en_GB: 2
+};
+
+/**
+ * Normalizes part of a moment format string that should
+ * not be escaped to a luxon compatible format string.
+ *
+ * @param part string
+ * @returns string
+ */
+var normalizeFormatPart = function normalizeFormatPart(part) {
+  return part.replace(/Y/g, 'y').replace(/D/g, 'd').replace(/gg/g, 'kk').replace(/Q/g, 'q').replace(/([Ww])o/g, 'WW').replace(/A/g, 'a');
+};
+
+/**
+ * Normalizes a moment compatible format string to a luxon compatible format string
+ *
+ * @param format string
+ * @returns string
+ */
+var normalizeFormat = function normalizeFormat(format) {
+  return format
+  // moment escapes strings contained in brackets
+  .split(/[[\]]/).map(function (part, index) {
+    var shouldEscape = index % 2 > 0;
+    return shouldEscape ? part : normalizeFormatPart(part);
+  })
+  // luxon escapes strings contained in single quotes
+  .join("'");
+};
+
+/**
+ * Normalizes language tags used to luxon compatible
+ * language tags by replacing underscores with hyphen-minus.
+ *
+ * @param locale string
+ * @returns string
+ */
+var normalizeLocale = function normalizeLocale(locale) {
+  return locale.replace(/_/g, '-');
+};
+var generateConfig = {
+  // get
+  getNow: function getNow() {
+    /**
+     * The current time that can respond to tz settings is required. like `dayjs().tz()`.
+     * @see: https://github.com/ant-design/ant-design/issues/51282
+     *       https://github.com/react-component/picker/pull/878
+     */
+    return DateTime.now();
+  },
+  getFixedDate: function getFixedDate(string) {
+    return DateTime.fromFormat(string, 'yyyy-MM-dd');
+  },
+  getEndDate: function getEndDate(date) {
+    return date.endOf('month');
+  },
+  getWeekDay: function getWeekDay(date) {
+    return date.weekday;
+  },
+  getYear: function getYear(date) {
+    return date.year;
+  },
+  getMonth: function getMonth(date) {
+    return date.month - 1;
+  },
+  // getMonth should return 0-11, luxon month returns 1-12
+  getDate: function getDate(date) {
+    return date.day;
+  },
+  getHour: function getHour(date) {
+    return date.hour;
+  },
+  getMinute: function getMinute(date) {
+    return date.minute;
+  },
+  getSecond: function getSecond(date) {
+    return date.second;
+  },
+  getMillisecond: function getMillisecond(date) {
+    return date.millisecond;
+  },
+  // set
+  addYear: function addYear(date, diff) {
+    return date.plus({
+      year: diff
+    });
+  },
+  addMonth: function addMonth(date, diff) {
+    return date.plus({
+      month: diff
+    });
+  },
+  addDate: function addDate(date, diff) {
+    return date.plus({
+      day: diff
+    });
+  },
+  setYear: function setYear(date, year) {
+    return date.set({
+      year: year
+    });
+  },
+  setMonth: function setMonth(date, month) {
+    return date.set({
+      month: month + 1
+    });
+  },
+  // setMonth month argument is 0-11, luxon months are 1-12
+  setDate: function setDate(date, day) {
+    return date.set({
+      day: day
+    });
+  },
+  setHour: function setHour(date, hour) {
+    return date.set({
+      hour: hour
+    });
+  },
+  setMinute: function setMinute(date, minute) {
+    return date.set({
+      minute: minute
+    });
+  },
+  setSecond: function setSecond(date, second) {
+    return date.set({
+      second: second
+    });
+  },
+  setMillisecond: function setMillisecond(date, milliseconds) {
+    return date.set({
+      millisecond: milliseconds
+    });
+  },
+  // Compare
+  isAfter: function isAfter(date1, date2) {
+    return date1 > date2;
+  },
+  isValidate: function isValidate(date) {
+    return date.isValid;
+  },
+  locale: {
+    getWeekFirstDate: function getWeekFirstDate(locale, date) {
+      return date.setLocale(normalizeLocale(locale)).startOf('week');
+    },
+    getWeekFirstDay: function getWeekFirstDay(locale) {
+      return DateTime.local().setLocale(normalizeLocale(locale)).startOf('week').weekday;
+    },
+    getWeek: function getWeek(locale, date) {
+      return date.setLocale(normalizeLocale(locale)).weekNumber;
+    },
+    getShortWeekDays: function getShortWeekDays(locale) {
+      var weekdays = Info.weekdays(weekDayFormatMap[locale] || 'short', {
+        locale: normalizeLocale(locale)
+      });
+      var shifted = weekdays.map(function (weekday) {
+        return weekday.slice(0, weekDayLengthMap[locale]);
+      });
+
+      // getShortWeekDays should return weekday labels starting from Sunday.
+      // luxon returns them starting from Monday, so we have to shift the results.
+      shifted.unshift(shifted.pop());
+      return shifted;
+    },
+    getShortMonths: function getShortMonths(locale) {
+      return Info.months('short', {
+        locale: normalizeLocale(locale)
+      });
+    },
+    format: function format(locale, date, _format) {
+      if (!date || !date.isValid) {
+        return null;
+      }
+      return date.setLocale(normalizeLocale(locale)).toFormat(normalizeFormat(_format));
+    },
+    parse: function parse(locale, text, formats) {
+      for (var i = 0; i < formats.length; i += 1) {
+        var normalizedFormat = normalizeFormat(formats[i]);
+        var date = DateTime.fromFormat(text, normalizedFormat, {
+          locale: normalizeLocale(locale)
+        });
+        if (date.isValid) {
+          return date;
+        }
+      }
+      return null;
+    }
+  }
+};
+export default generateConfig;

package/es/generate/moment.d.ts

@@ -0,0 +1,4 @@
+import type { Moment } from 'moment';
+import type { GenerateConfig } from '.';
+declare const generateConfig: GenerateConfig<Moment>;
+export default generateConfig;