@kdcloudjs/kdesign 1.0.2

package/es/date-picker/style/mixin.less

@@ -0,0 +1,85 @@
+.input-wrapper() {
+  display: inline-flex;
+  border: 1px solid @strong-border-color;
+  border-radius: @radius-size;
+  box-sizing: border-box;
+  background-color: @date-background-color;
+  &-borderless {
+    border: 0;
+  }
+  &-underline {
+    border: none;
+    border-bottom: 1px solid @input-color;
+    border-radius: 0;
+    padding-left: 0;
+  }
+  &-disabled {
+    background-color: @disabled-contain-bg !important;
+    border-color: @strong-border-color !important;
+    color: @disabled-color !important;
+    cursor: not-allowed !important;
+    input {
+      cursor: not-allowed !important;
+    }
+  }
+  &-underline&-disabled,
+  &-borderless&-disabled {
+    background-color: @date-background-color;
+    border-color: @strong-border-color;
+  }
+
+  &-focused {
+    box-shadow: none;
+    outline: none;
+    border-color: @theme-color;
+  }
+
+  &:hover {
+    border-color: @theme-color;
+  }
+
+  &:not(&-disabled) input:focus {
+    color: @date-focus-color;
+  }
+}
+
+.input() {
+  width: 100%;
+  min-width: 0;
+  color: @date-font-color;
+  &::-webkit-input-placeholder {
+    color: @date-placeholder-color;
+  }
+  &::-moz-input-placeholder {
+    color: @date-placeholder-color;
+  }
+  &::-ms-input-placeholder {
+    color: @date-placeholder-color;
+  }
+  &:focus {
+    box-shadow: none;
+    outline: none;
+    border-color: @theme-color;
+  }
+}
+
+.input-size(@height, @fonSize, @padding-vertical, @padding-horizontal) {
+  height: @height;
+  line-height: @height - (@padding-vertical * 2) - (@input-border-width * 2);
+  font-size: @fonSize;
+  padding: @padding-vertical @padding-horizontal;
+}
+
+.today-after(@background) {
+  position: relative;
+  &::after {
+    position: absolute;
+    width: 6px;
+    height: 6px;
+    border-radius: 6px;
+    background: @background;
+    content: '';
+    bottom: 0;
+    left: calc(50% - 3px);
+  }
+}

package/es/date-picker/utils/date-fns.d.ts

@@ -0,0 +1,86 @@
+import isDate from 'date-fns/isDate';
+import addMinutes from 'date-fns/addMinutes';
+import addHours from 'date-fns/addHours';
+import addDays from 'date-fns/addDays';
+import addWeeks from 'date-fns/addWeeks';
+import addMonths from 'date-fns/addMonths';
+import addYears from 'date-fns/addYears';
+import subMinutes from 'date-fns/subMinutes';
+import subHours from 'date-fns/subHours';
+import subDays from 'date-fns/subDays';
+import subWeeks from 'date-fns/subWeeks';
+import subMonths from 'date-fns/subMonths';
+import subYears from 'date-fns/subYears';
+import getSeconds from 'date-fns/getSeconds';
+import getMinutes from 'date-fns/getMinutes';
+import getHours from 'date-fns/getHours';
+import getDay from 'date-fns/getDay';
+import getDate from 'date-fns/getDate';
+import getMonth from 'date-fns/getMonth';
+import getQuarter from 'date-fns/getQuarter';
+import getYear from 'date-fns/getYear';
+import getTime from 'date-fns/getTime';
+import setMinutes from 'date-fns/setMinutes';
+import setHours from 'date-fns/setHours';
+import setMonth from 'date-fns/setMonth';
+import setQuarter from 'date-fns/setQuarter';
+import setYear from 'date-fns/setYear';
+import isAfter from 'date-fns/isAfter';
+import isBefore from 'date-fns/isBefore';
+import { DateFormat, DateType } from '../interface';
+export declare const DEFAULT_YEAR_ITEM_NUMBER = 12;
+export declare const localeParse: (format: string) => string;
+export declare function isNullEqual<T>(value1: T, value2: T): boolean | undefined;
+/**
+ * @description 接受一个参数（若没有，返回当前），返回一个Date
+ *
+ * @export
+ * @param {DateType} value
+ * @returns
+ */
+export declare function newDate<DateType extends Date | string | number>(value?: DateType): Date | null;
+export declare function parseDate(value: string, dateFormat: DateFormat): Date | null;
+export { isDate };
+export declare function isValid(date: DateType): boolean;
+export declare function formatDate(date: DateType, _format: DateFormat, _locale?: string): string | null;
+export declare function setTime(date: DateType, { hour, minute, second }: {
+    hour?: number | undefined;
+    minute?: number | undefined;
+    second?: number | undefined;
+}): Date;
+export { setMinutes, setHours, setMonth, setQuarter, setYear };
+export { getSeconds, getMinutes, getHours, getMonth, getQuarter, getYear, getDay, getDate, getTime };
+export declare function getWeek(date: DateType): number;
+export declare function getStartOfDay(date: DateType): Date;
+export declare function getStartOfWeek(date: DateType): Date;
+export declare function getStartOfMonth(date: DateType): Date;
+export declare function getStartOfYear(date: DateType): Date;
+export declare function getStartOfQuarter(date: DateType): Date;
+export declare function getEndOfWeek(date: DateType): Date;
+export { addMinutes, addDays, addWeeks, addMonths, addYears, addHours };
+export { subMinutes, subHours, subDays, subWeeks, subMonths, subYears };
+export { isBefore, isAfter };
+export declare function isSameYear(date1: DateType | null, date2: DateType | null): boolean;
+export declare function isSameMonth(date1: DateType | null, date2: DateType | null): boolean;
+export declare function isSameQuarter(date1: DateType | null, date2: DateType | null): boolean;
+export declare function isSameDay(date1: DateType | null, date2: DateType | null): boolean;
+export declare function isEqual(date1: DateType | null, date2: DateType | null): boolean;
+export declare function getFormattedWeekdayInLocale(date: DateType, formatFunc: (a: any) => void, locale: string): void;
+export declare function getWeekdayMinInLocale(date: DateType, locale?: string): string | null;
+export declare function getWeekdayShortInLocale(date: DateType, locale?: string): string | null;
+export declare function getMonthInLocale(month: number, locale: string): string | null;
+export declare function getMonthShortInLocale(month: number, locale: string): string | null;
+export declare function getQuarterShortInLocale(quarter: number, locale: string): string | null;
+/**
+ * @description 根据传入时间，展示年份数自动生成年份范围
+ *
+ * @export
+ * @param {DateType} date
+ * @param { number} yearItemNumber
+ * @returns
+ */
+export declare function getYearsPeriod(date: DateType, yearItemNumber: number): {
+    startPeriod: number;
+    endPeriod: number;
+};
+export declare function getLowerBoundTime(hour: number, minute: number, second: number, hourStep: number, minuteStep: number, secondStep: number): [number, number, number];

package/es/date-picker/utils/date-fns.js

@@ -0,0 +1,297 @@
+import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
+import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
+import isDate from 'date-fns/isDate';
+import isValidDate from 'date-fns/isValid';
+import format from 'date-fns/format';
+import addMinutes from 'date-fns/addMinutes';
+import addHours from 'date-fns/addHours';
+import addDays from 'date-fns/addDays';
+import addWeeks from 'date-fns/addWeeks';
+import addMonths from 'date-fns/addMonths';
+import addYears from 'date-fns/addYears';
+import subMinutes from 'date-fns/subMinutes';
+import subHours from 'date-fns/subHours';
+import subDays from 'date-fns/subDays';
+import subWeeks from 'date-fns/subWeeks';
+import subMonths from 'date-fns/subMonths';
+import subYears from 'date-fns/subYears';
+import getSeconds from 'date-fns/getSeconds';
+import getMinutes from 'date-fns/getMinutes';
+import getHours from 'date-fns/getHours';
+import getDay from 'date-fns/getDay';
+import getDate from 'date-fns/getDate';
+import dfgetWeek from 'date-fns/getWeek';
+import getMonth from 'date-fns/getMonth';
+import getQuarter from 'date-fns/getQuarter';
+import getYear from 'date-fns/getYear';
+import getTime from 'date-fns/getTime';
+import setSeconds from 'date-fns/setSeconds';
+import setMinutes from 'date-fns/setMinutes';
+import setHours from 'date-fns/setHours';
+import setMonth from 'date-fns/setMonth';
+import setQuarter from 'date-fns/setQuarter';
+import setYear from 'date-fns/setYear';
+import startOfDay from 'date-fns/startOfDay';
+import startOfWeek from 'date-fns/startOfWeek';
+import startOfMonth from 'date-fns/startOfMonth';
+import startOfQuarter from 'date-fns/startOfQuarter';
+import startOfYear from 'date-fns/startOfYear';
+import endOfWeek from 'date-fns/endOfWeek';
+import dfIsEqual from 'date-fns/isEqual';
+import dfIsSameDay from 'date-fns/isSameDay';
+import dfIsSameMonth from 'date-fns/isSameMonth';
+import dfIsSameYear from 'date-fns/isSameYear';
+import dfIsSameQuarter from 'date-fns/isSameQuarter';
+import isAfter from 'date-fns/isAfter';
+import isBefore from 'date-fns/isBefore';
+import toDate from 'date-fns/toDate';
+import parse from 'date-fns/parse';
+import parseISO from 'date-fns/parseISO';
+export var DEFAULT_YEAR_ITEM_NUMBER = 12; // ** Date Constructors **
+
+function parseWeek(text) {
+  // parse Wo
+  // 只处理 yyyy-wo 格式
+  var matchText = text.match(/[-\d]+/g); // 存在后缀
+
+  if (!matchText || matchText[0] !== text) {
+    return null;
+  }
+
+  var year = matchText.join('').split('-')[0];
+  var weekStr = matchText.join('').split('-')[1];
+
+  if (year && weekStr) {
+    var firstDate = startOfYear(new Date(year));
+
+    for (var j = 0; j <= 52; j += 1) {
+      var nextWeek = addWeeks(firstDate, j);
+      var nextWeekStr = format(nextWeek, 'w');
+
+      if (nextWeekStr === weekStr) {
+        return nextWeek;
+      }
+    }
+  }
+
+  return null;
+}
+
+export 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');
+};
+export function isNullEqual(value1, value2) {
+  if (!value1 && !value2) {
+    return true;
+  }
+
+  if (!value1 || !value2) {
+    return false;
+  }
+
+  return undefined;
+}
+/**
+ * @description 接受一个参数（若没有，返回当前），返回一个Date
+ *
+ * @export
+ * @param {DateType} value
+ * @returns
+ */
+
+export function newDate(value) {
+  var d = value ? typeof value === 'string' || value instanceof String ? parseISO(value) : toDate(value) : new Date();
+  return isValid(d) ? d : null;
+}
+export function parseDate(value, dateFormat) {
+  var parsedDate = null;
+  var strictParsingValueMatch = true;
+
+  if (_includesInstanceProperty(dateFormat).call(dateFormat, 'wo')) {
+    return parseWeek(value);
+  }
+
+  parsedDate = parse(value, dateFormat, new Date());
+
+  if (!isValid(parsedDate)) {
+    if (value.length > 0) {
+      parsedDate = parse(value, _sliceInstanceProperty(dateFormat).call(dateFormat, 0, value.length), new Date());
+    }
+
+    if (!isValid(parsedDate)) {
+      parsedDate = new Date(value);
+    }
+  }
+
+  return isValid(parsedDate) && strictParsingValueMatch ? parsedDate : null;
+} // ** Date "Reflection" **
+
+export { isDate };
+export function isValid(date) {
+  // 1000 年以后为有效值
+  return isValidDate(date) && isAfter(date, new Date('1/1/1000'));
+} // ** Date Formatting **
+
+export function formatDate(date, _format, _locale) {
+  if (!isValid(date)) {
+    return null;
+  } // if (typeof _format === 'function') {
+  //   return _format(date)
+  // }
+
+
+  return format(date, localeParse(_format));
+} // ** Date Setters **
+
+export function setTime(date, _ref) {
+  var _ref$hour = _ref.hour,
+      hour = _ref$hour === void 0 ? 0 : _ref$hour,
+      _ref$minute = _ref.minute,
+      minute = _ref$minute === void 0 ? 0 : _ref$minute,
+      _ref$second = _ref.second,
+      second = _ref$second === void 0 ? 0 : _ref$second;
+  return setHours(setMinutes(setSeconds(date, second), minute), hour);
+}
+export { setMinutes, setHours, setMonth, setQuarter, setYear }; // ** Date Getters **
+
+export { getSeconds, getMinutes, getHours, getMonth, getQuarter, getYear, getDay, getDate, getTime };
+export function getWeek(date) {
+  return dfgetWeek(date);
+} // *** Start of ***
+
+export function getStartOfDay(date) {
+  return startOfDay(date);
+}
+export function getStartOfWeek(date) {
+  return startOfWeek(date); // return startOfWeek(date)
+}
+export function getStartOfMonth(date) {
+  return startOfMonth(date);
+}
+export function getStartOfYear(date) {
+  return startOfYear(date);
+}
+export function getStartOfQuarter(date) {
+  return startOfQuarter(date);
+} // *** End of ***
+
+export function getEndOfWeek(date) {
+  return endOfWeek(date);
+} // ** Date Math **
+// *** Addition ***
+
+export { addMinutes, addDays, addWeeks, addMonths, addYears, addHours }; // *** Subtraction ***
+
+export { subMinutes, subHours, subDays, subWeeks, subMonths, subYears }; // ** Date Comparison **
+
+export { isBefore, isAfter };
+export function isSameYear(date1, date2) {
+  var equal = isNullEqual(date1, date2);
+
+  if (typeof equal === 'boolean') {
+    return equal;
+  }
+
+  if (date1 && date2) {
+    return dfIsSameYear(date1, date2);
+  } else {
+    return !date1 && !date2;
+  }
+}
+export function isSameMonth(date1, date2) {
+  var equal = isNullEqual(date1, date2);
+
+  if (typeof equal === 'boolean') {
+    return equal;
+  }
+
+  if (date1 && date2) {
+    return dfIsSameMonth(date1, date2);
+  } else {
+    return !date1 && !date2;
+  }
+}
+export function isSameQuarter(date1, date2) {
+  var equal = isNullEqual(date1, date2);
+
+  if (typeof equal === 'boolean') {
+    return equal;
+  }
+
+  if (date1 && date2) {
+    return dfIsSameQuarter(date1, date2);
+  } else {
+    return !date1 && !date2;
+  }
+}
+export function isSameDay(date1, date2) {
+  var equal = isNullEqual(date1, date2);
+
+  if (typeof equal === 'boolean') {
+    return equal;
+  }
+
+  if (date1 && date2) {
+    return dfIsSameDay(date1, date2);
+  } else {
+    return !date1 && !date2;
+  }
+}
+export function isEqual(date1, date2) {
+  if (date1 && date2) {
+    return dfIsEqual(date1, date2);
+  } else {
+    return !date1 && !date2;
+  }
+}
+export function getFormattedWeekdayInLocale(date, formatFunc, locale) {
+  return formatFunc(formatDate(date, 'EEEE', locale));
+}
+export function getWeekdayMinInLocale(date, locale) {
+  return formatDate(date, 'EEEEEE', locale);
+}
+export function getWeekdayShortInLocale(date, locale) {
+  return formatDate(date, 'EEE', locale);
+}
+export function getMonthInLocale(month, locale) {
+  return formatDate(setMonth(newDate(), month), 'LLLL', locale);
+}
+export function getMonthShortInLocale(month, locale) {
+  return formatDate(setMonth(newDate(), month), 'LLL', locale);
+}
+export function getQuarterShortInLocale(quarter, locale) {
+  return formatDate(setQuarter(newDate(), quarter), 'QQQ', locale);
+}
+/**
+ * @description 根据传入时间，展示年份数自动生成年份范围
+ *
+ * @export
+ * @param {DateType} date
+ * @param { number} yearItemNumber
+ * @returns
+ */
+
+export function getYearsPeriod(date, yearItemNumber) {
+  var endPeriod = Math.ceil(getYear(date) / yearItemNumber) * yearItemNumber;
+  var startPeriod = endPeriod - (yearItemNumber - 1);
+  return {
+    startPeriod: startPeriod,
+    endPeriod: endPeriod
+  };
+}
+export function getLowerBoundTime(hour, minute, second, hourStep, minuteStep, secondStep) {
+  var lowerBoundHour = Math.floor(hour / hourStep) * hourStep;
+
+  if (lowerBoundHour < hour) {
+    return [lowerBoundHour, 60 - minuteStep, 60 - secondStep];
+  }
+
+  var lowerBoundMinute = Math.floor(minute / minuteStep) * minuteStep;
+
+  if (lowerBoundMinute < minute) {
+    return [lowerBoundHour, lowerBoundMinute, 60 - secondStep];
+  }
+
+  var lowerBoundSecond = Math.floor(second / secondStep) * secondStep;
+  return [lowerBoundHour, lowerBoundMinute, lowerBoundSecond];
+}

package/es/date-picker/utils/get-extra-footer.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { PanelMode } from '../interface';
+export default function getExtraFooter(prefixCls: string, mode: PanelMode, renderExtraFooter?: (mode: PanelMode) => React.ReactNode): JSX.Element | null;

package/es/date-picker/utils/get-extra-footer.js

@@ -0,0 +1,10 @@
+import * as React from 'react';
+export default function getExtraFooter(prefixCls, mode, renderExtraFooter) {
+  if (!renderExtraFooter) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-footer-extra")
+  }, renderExtraFooter(mode));
+}

package/es/date-picker/utils/get-ranges.d.ts

@@ -0,0 +1,13 @@
+import { Components, RangeList, InnerLocale } from '../interface';
+export interface RangesProps {
+    prefixCls: string;
+    rangeList?: RangeList;
+    components?: Components;
+    needConfirmButton: boolean;
+    onNow?: null | (() => void) | false;
+    onOk?: null | (() => void) | false;
+    okDisabled?: boolean;
+    showNow?: boolean;
+    locale: InnerLocale;
+}
+export default function getRanges({ prefixCls, rangeList, components, needConfirmButton, onNow, onOk, okDisabled, showNow, locale, }: RangesProps): JSX.Element | null;

package/es/date-picker/utils/get-ranges.js

@@ -0,0 +1,64 @@
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
+import React from 'react';
+import classnames from 'classnames';
+export default function getRanges(_ref) {
+  var prefixCls = _ref.prefixCls,
+      _ref$rangeList = _ref.rangeList,
+      rangeList = _ref$rangeList === void 0 ? [] : _ref$rangeList,
+      _ref$components = _ref.components,
+      components = _ref$components === void 0 ? {} : _ref$components,
+      needConfirmButton = _ref.needConfirmButton,
+      onNow = _ref.onNow,
+      onOk = _ref.onOk,
+      okDisabled = _ref.okDisabled,
+      showNow = _ref.showNow,
+      locale = _ref.locale;
+  var presetNode;
+  var okNode;
+
+  if (rangeList.length) {
+    var Item = components.rangeItem || 'span';
+    presetNode = /*#__PURE__*/React.createElement(React.Fragment, null, _mapInstanceProperty(rangeList).call(rangeList, function (_ref2) {
+      var label = _ref2.label,
+          onClick = _ref2.onClick,
+          onMouseEnter = _ref2.onMouseEnter,
+          onMouseLeave = _ref2.onMouseLeave;
+      return /*#__PURE__*/React.createElement("li", {
+        key: label,
+        className: "".concat(prefixCls, "-preset")
+      }, /*#__PURE__*/React.createElement(Item, {
+        onClick: onClick,
+        onMouseEnter: onMouseEnter,
+        onMouseLeave: onMouseLeave
+      }, label));
+    }));
+  }
+
+  if (needConfirmButton) {
+    var Button = components.button || 'div';
+
+    if (onNow && !presetNode && showNow !== false) {
+      presetNode = /*#__PURE__*/React.createElement("li", {
+        className: "".concat(prefixCls, "-now")
+      }, /*#__PURE__*/React.createElement("span", {
+        className: "".concat(prefixCls, "-now-btn"),
+        onClick: onNow
+      }, locale.now));
+    }
+
+    okNode = needConfirmButton && /*#__PURE__*/React.createElement("li", {
+      className: "".concat(prefixCls, "-ok")
+    }, /*#__PURE__*/React.createElement(Button, {
+      onClick: onOk,
+      className: classnames("".concat(prefixCls, "-ok-btn"), okDisabled && "".concat(prefixCls, "-btn-disabled"))
+    }, locale.confrim));
+  }
+
+  if (!presetNode && !okNode) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement("ul", {
+    className: "".concat(prefixCls, "-btns")
+  }, presetNode, okNode);
+}

package/es/date-picker/utils/index.d.ts

@@ -0,0 +1,28 @@
+import { DateFormat, DateType, InnerLocale, PanelMode, PickerMode, SharedTimeProps, TimeUnit } from '../interface';
+export declare function toArray<T>(val: T | T[]): T[];
+export declare function getValue<T>(values: null | undefined | (T | null)[], index: number): T | null;
+declare type UpdateValue<T> = (prev: T) => T;
+export declare function updateValues<T, R = [T | null, T | null] | null>(values: [T | null, T | null] | null, value: T | UpdateValue<T>, index: number): R;
+export declare function getClosingViewDate(viewDate: DateType, picker: PickerMode, offset?: number, yearItemNumber?: number): DateType;
+export declare function getDefaultFormat(format: DateFormat | undefined, picker: PickerMode | undefined, showTime?: boolean | SharedTimeProps | (Omit<SharedTimeProps, 'defaultValue'> & {
+    defaultValue?: DateType[];
+}), use12Hours?: boolean): string;
+export declare function getPlaceholder(picker: PickerMode | undefined, locale: InnerLocale, customizePlaceholder?: string): string;
+export declare function getRangePlaceholder(picker: PickerMode | undefined, locale: InnerLocale, customizePlaceholder?: [string, string]): [string, string];
+export declare function elementsContains(elements: (HTMLElement | undefined | null)[], target: HTMLElement): boolean;
+export declare function getInputSize(picker: PickerMode | undefined, format: DateFormat): number;
+export declare function getDataOrAriaProps(props: any): any;
+export declare function getTimeProps(props: {
+    format?: string;
+    picker?: PickerMode;
+} & SharedTimeProps): SharedTimeProps | {
+    showTime: SharedTimeProps;
+};
+export declare function leftPad(str: string | number, length: number, fill?: string): string;
+export declare function isVisible(element: HTMLElement | SVGGraphicsElement): boolean;
+export declare function waitElementReady(element: HTMLElement, callback: () => void): () => void;
+export declare function scrollTo(element: HTMLElement, to: number, duration: number): void;
+export declare const PickerModeMap: Record<PickerMode, ((next: PanelMode) => PanelMode) | null>;
+export declare const getInternalNextMode: (nextMode: PanelMode, picker: PickerMode) => PanelMode;
+export declare const generateUnits: (start: number, end: number, step: number, disabledUnits: number[] | undefined) => TimeUnit[];
+export {};