@ebscn/ui 0.0.11 → 1.0.0-beta.0

package/cjs/components/checkbox/checkbox.js

@@ -0,0 +1,106 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ = require("../..");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _devLog = require("../../utils/dev-log");
+var _isDev = require("../../utils/is-dev");
+var _nativeProps = require("../../utils/native-props");
+var _usePropsValue = require("../../utils/use-props-value");
+var _withDefaultProps = require("../../utils/with-default-props");
+var _groupContext = require("./group-context");
+var _nativeInput = require("./native-input");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var classPrefix = "ebscn-checkbox";
+var defaultProps = {
+  defaultChecked: false,
+  indeterminate: false,
+  size: 'normal',
+  iconRight: false
+};
+var Checkbox = (0, _react.forwardRef)(function (p, ref) {
+  var _a;
+  var groupContext = (0, _react.useContext)(_groupContext.CheckboxGroupContext);
+  var props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  var _b = (0, _usePropsValue.usePropsValue)({
+      value: props.checked,
+      defaultValue: props.defaultChecked,
+      onChange: props.onChange
+    }),
+    checked = _b[0],
+    setChecked = _b[1];
+  var disabled = props.disabled;
+  var value = props.value;
+  if (groupContext && value !== undefined) {
+    if (_isDev.isDev) {
+      if (p.checked !== undefined) {
+        (0, _devLog.devWarning)('Checkbox', 'When used within `Checkbox.Group`, the `checked` prop of `Checkbox` will not work.');
+      }
+      if (p.defaultChecked !== undefined) {
+        (0, _devLog.devWarning)('Checkbox', 'When used within `Checkbox.Group`, the `defaultChecked` prop of `Checkbox` will not work.');
+      }
+    }
+    checked = groupContext.value.includes(value);
+    setChecked = function (checked) {
+      var _a;
+      if (checked) {
+        groupContext.check(value);
+      } else {
+        groupContext.uncheck(value);
+      }
+      (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, checked);
+    };
+    disabled = disabled || groupContext.disabled;
+  }
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      check: function () {
+        setChecked(true);
+      },
+      uncheck: function () {
+        setChecked(false);
+      },
+      toggle: function () {
+        setChecked(!checked);
+      }
+    };
+  });
+  var renderIcon = function () {
+    if (props.icon) {
+      return _react.default.createElement("div", {
+        className: "".concat(classPrefix, "-custom-icon")
+      }, props.icon(checked, props.indeterminate));
+    }
+    if (props.iconRight) {
+      return checked && _react.default.createElement("div", {
+        className: "".concat(classPrefix, "-icon ").concat(classPrefix, "-only-icon")
+      }, _react.default.createElement(_.CheckOnlyIcon, null));
+    }
+    return _react.default.createElement("div", {
+      className: "".concat(classPrefix, "-icon")
+    }, props.indeterminate ? _react.default.createElement(_.IndeterminateIcon, null) : checked ? _react.default.createElement(_.CheckIcon, null) : _react.default.createElement(_.UncheckIcon, null));
+  };
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("label", {
+    onClick: props.onClick,
+    className: (0, _classnames.default)(classPrefix, (_a = {}, _a["".concat(classPrefix, "-checked")] = checked && !props.indeterminate, _a["".concat(classPrefix, "-indeterminate")] = props.indeterminate, _a["".concat(classPrefix, "-disabled")] = disabled, _a["".concat(classPrefix, "-block")] = props.block, _a["".concat(classPrefix, "-small")] = props.size === 'small', _a["".concat(classPrefix, "-icon-right")] = props.iconRight, _a))
+  }, _react.default.createElement(_nativeInput.NativeInput, {
+    type: "checkbox",
+    checked: checked,
+    onChange: setChecked,
+    disabled: disabled,
+    id: props.id
+  }), props.iconRight ? _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-icon-right-input")
+  }, props.children && _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-content")
+  }, props.children), renderIcon()) : _react.default.createElement(_react.default.Fragment, null, renderIcon(), props.children && _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-content")
+  }, props.children))));
+});
+var _default = exports.default = Checkbox;

package/cjs/components/checkbox/group-context.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { CheckboxValue } from '.';
+export declare const CheckboxGroupContext: import("react").Context<{
+    value: CheckboxValue[];
+    disabled: boolean;
+    check: (val: CheckboxValue) => void;
+    uncheck: (val: CheckboxValue) => void;
+} | null>;

package/cjs/components/checkbox/group-context.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CheckboxGroupContext = void 0;
+var _react = require("react");
+var CheckboxGroupContext = exports.CheckboxGroupContext = (0, _react.createContext)(null);

package/cjs/components/checkbox/group.d.ts

@@ -0,0 +1,10 @@
+import type { FC, ReactNode } from 'react';
+import { CheckboxValue } from '.';
+export interface CheckboxGroupProps {
+    value?: CheckboxValue[];
+    onChange?: (val: CheckboxValue[]) => void;
+    defaultValue?: CheckboxValue[];
+    disabled?: boolean;
+    children?: ReactNode;
+}
+export declare const Group: FC<CheckboxGroupProps>;

package/cjs/components/checkbox/group.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Group = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _withDefaultProps = require("../../utils/with-default-props");
+var _groupContext = require("./group-context");
+var _usePropsValue = require("../../utils/use-props-value");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var __spreadArray = void 0 && (void 0).__spreadArray || function (to, from, pack) {
+  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+    if (ar || !(i in from)) {
+      if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+      ar[i] = from[i];
+    }
+  }
+  return to.concat(ar || Array.prototype.slice.call(from));
+};
+var defaultProps = {
+  disabled: false,
+  defaultValue: []
+};
+var Group = function (p) {
+  var props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  var _a = (0, _usePropsValue.usePropsValue)(props),
+    value = _a[0],
+    setValue = _a[1];
+  return _react.default.createElement(_groupContext.CheckboxGroupContext.Provider
+  // TODO: 性能优化
+  , {
+    // TODO: 性能优化
+    value: {
+      value: value,
+      disabled: props.disabled,
+      check: function (v) {
+        setValue(__spreadArray(__spreadArray([], value, true), [v], false));
+      },
+      uncheck: function (v) {
+        setValue(value.filter(function (item) {
+          return item !== v;
+        }));
+      }
+    }
+  }, props.children);
+};
+exports.Group = Group;

package/cjs/components/checkbox/index.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import './checkbox.less';
+export type { CheckboxValue, CheckboxProps, CheckboxRef } from './checkbox';
+export type { CheckboxGroupProps } from './group';
+declare const _default: import("react").ForwardRefExoticComponent<{
+    checked?: boolean | undefined;
+    defaultChecked?: boolean | undefined;
+    disabled?: boolean | undefined;
+    onChange?: ((checked: boolean) => void) | undefined;
+    value?: import("./checkbox").CheckboxValue | undefined;
+    indeterminate?: boolean | undefined;
+    block?: boolean | undefined;
+    id?: string | undefined;
+    icon?: ((checked: boolean, indeterminate: boolean) => import("react").ReactNode) | undefined;
+    children?: import("react").ReactNode;
+    onClick?: ((event: import("react").MouseEvent<HTMLLabelElement, MouseEvent>) => void) | undefined;
+    size?: "small" | "normal" | undefined;
+    iconRight?: boolean | undefined;
+} & {
+    className?: string | undefined;
+    style?: (import("react").CSSProperties & Partial<Record<"--icon-size" | "--font-size" | "--gap", string>>) | undefined;
+    tabIndex?: number | undefined;
+} & import("react").AriaAttributes & import("react").RefAttributes<import("./checkbox").CheckboxRef>> & {
+    Group: import("react").FC<import("./group").CheckboxGroupProps>;
+};
+export default _default;

package/cjs/components/checkbox/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("./checkbox.css");
+var _attachPropertiesToComponent = require("../../utils/attach-properties-to-component");
+var _group = require("./group");
+var _checkbox2 = _interopRequireDefault(require("./checkbox"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = exports.default = (0, _attachPropertiesToComponent.attachPropertiesToComponent)(_checkbox2.default, {
+  Group: _group.Group
+});

package/cjs/components/checkbox/native-input.d.ts

@@ -0,0 +1,10 @@
+import type { FC } from 'react';
+interface Props {
+    type: 'checkbox' | 'radio';
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    disabled?: boolean;
+    id?: string;
+}
+export declare const NativeInput: FC<Props>;
+export {};

package/cjs/components/checkbox/native-input.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NativeInput = void 0;
+var _ahooks = require("ahooks");
+var _react = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var NativeInput = function (props) {
+  var inputRef = (0, _react.useRef)(null);
+  var handleClick = (0, _ahooks.useMemoizedFn)(function (e) {
+    e.stopPropagation();
+    e.stopImmediatePropagation();
+    var latestChecked = e.target.checked;
+    if (latestChecked === props.checked) return;
+    props.onChange(latestChecked);
+  });
+  (0, _react.useEffect)(function () {
+    if (props.disabled) return;
+    if (!inputRef.current) return;
+    var input = inputRef.current;
+    input.addEventListener('click', handleClick);
+    return function () {
+      input.removeEventListener('click', handleClick);
+    };
+  }, [props.disabled, props.onChange]);
+  return _react.default.createElement("input", {
+    ref: inputRef,
+    type: props.type,
+    checked: props.checked,
+    onChange: function () {},
+    disabled: props.disabled,
+    id: props.id
+  });
+};
+exports.NativeInput = NativeInput;

package/cjs/components/date-picker/date-picker-date-utils.d.ts

@@ -0,0 +1,7 @@
+import { PickerColumn } from '../picker';
+import type { DatePickerFilter } from './date-picker-utils';
+import { RenderLabel } from '../date-picker-view/date-picker-view';
+export type DatePrecision = 'year' | 'month' | 'day' | 'hour' | 'minute' | 'second';
+export declare function generateDatePickerColumns(selected: string[], min: Date, max: Date, precision: DatePrecision, renderLabel: RenderLabel, filter: DatePickerFilter | undefined, tillNow?: boolean): PickerColumn[];
+export declare function convertDateToStringArray(date: Date | undefined | null): string[];
+export declare function convertStringArrayToDate<T extends string | number | null | undefined>(value: T[]): Date;

package/cjs/components/date-picker/date-picker-date-utils.js

@@ -0,0 +1,178 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.convertDateToStringArray = convertDateToStringArray;
+exports.convertStringArrayToDate = convertStringArrayToDate;
+exports.generateDatePickerColumns = generateDatePickerColumns;
+var _dayjs = _interopRequireDefault(require("dayjs"));
+var _isoWeek = _interopRequireDefault(require("dayjs/plugin/isoWeek"));
+var _isoWeeksInYear = _interopRequireDefault(require("dayjs/plugin/isoWeeksInYear"));
+var _isLeapYear = _interopRequireDefault(require("dayjs/plugin/isLeapYear"));
+var _util = require("./util");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var __spreadArray = void 0 && (void 0).__spreadArray || function (to, from, pack) {
+  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+    if (ar || !(i in from)) {
+      if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+      ar[i] = from[i];
+    }
+  }
+  return to.concat(ar || Array.prototype.slice.call(from));
+};
+_dayjs.default.extend(_isoWeek.default);
+_dayjs.default.extend(_isoWeeksInYear.default);
+_dayjs.default.extend(_isLeapYear.default);
+var precisionRankRecord = {
+  year: 0,
+  month: 1,
+  day: 2,
+  hour: 3,
+  minute: 4,
+  second: 5
+};
+function generateDatePickerColumns(selected, min, max, precision, renderLabel, filter, tillNow) {
+  var ret = [];
+  var minYear = min.getFullYear();
+  var minMonth = min.getMonth() + 1;
+  var minDay = min.getDate();
+  var minHour = min.getHours();
+  var minMinute = min.getMinutes();
+  var minSecond = min.getSeconds();
+  var maxYear = max.getFullYear();
+  var maxMonth = max.getMonth() + 1;
+  var maxDay = max.getDate();
+  var maxHour = max.getHours();
+  var maxMinute = max.getMinutes();
+  var maxSecond = max.getSeconds();
+  var rank = precisionRankRecord[precision];
+  var selectedYear = parseInt(selected[0]);
+  var firstDayInSelectedMonth = (0, _dayjs.default)(convertStringArrayToDate([selected[0], selected[1], '1']));
+  var selectedMonth = parseInt(selected[1]);
+  var selectedDay = parseInt(selected[2]);
+  var selectedHour = parseInt(selected[3]);
+  var selectedMinute = parseInt(selected[4]);
+  var isInMinYear = selectedYear === minYear;
+  var isInMaxYear = selectedYear === maxYear;
+  var isInMinMonth = isInMinYear && selectedMonth === minMonth;
+  var isInMaxMonth = isInMaxYear && selectedMonth === maxMonth;
+  var isInMinDay = isInMinMonth && selectedDay === minDay;
+  var isInMaxDay = isInMaxMonth && selectedDay === maxDay;
+  var isInMinHour = isInMinDay && selectedHour === minHour;
+  var isInMaxHour = isInMaxDay && selectedHour === maxHour;
+  var isInMinMinute = isInMinHour && selectedMinute === minMinute;
+  var isInMaxMinute = isInMaxHour && selectedMinute === maxMinute;
+  var generateColumn = function (from, to, precision) {
+    var column = [];
+    for (var i = from; i <= to; i++) {
+      column.push(i);
+    }
+    var prefix = selected.slice(0, precisionRankRecord[precision]);
+    var currentFilter = filter === null || filter === void 0 ? void 0 : filter[precision];
+    if (currentFilter && typeof currentFilter === 'function') {
+      column = column.filter(function (i) {
+        return currentFilter(i, {
+          get date() {
+            var stringArray = __spreadArray(__spreadArray([], prefix, true), [i.toString()], false);
+            return convertStringArrayToDate(stringArray);
+          }
+        });
+      });
+    }
+    return column;
+  };
+  if (rank >= precisionRankRecord.year) {
+    var lower = minYear;
+    var upper = maxYear;
+    var years = generateColumn(lower, upper, 'year');
+    ret.push(years.map(function (v) {
+      return {
+        label: renderLabel('year', v),
+        value: v.toString()
+      };
+    }));
+  }
+  if (rank >= precisionRankRecord.month) {
+    var lower = isInMinYear ? minMonth : 1;
+    var upper = isInMaxYear ? maxMonth : 12;
+    var months = generateColumn(lower, upper, 'month');
+    ret.push(months.map(function (v) {
+      return {
+        label: renderLabel('month', v),
+        value: v.toString()
+      };
+    }));
+  }
+  if (rank >= precisionRankRecord.day) {
+    var lower = isInMinMonth ? minDay : 1;
+    var upper = isInMaxMonth ? maxDay : firstDayInSelectedMonth.daysInMonth();
+    var days = generateColumn(lower, upper, 'day');
+    ret.push(days.map(function (v) {
+      return {
+        label: renderLabel('day', v),
+        value: v.toString()
+      };
+    }));
+  }
+  if (rank >= precisionRankRecord.hour) {
+    var lower = isInMinDay ? minHour : 0;
+    var upper = isInMaxDay ? maxHour : 23;
+    var hours = generateColumn(lower, upper, 'hour');
+    ret.push(hours.map(function (v) {
+      return {
+        label: renderLabel('hour', v),
+        value: v.toString()
+      };
+    }));
+  }
+  if (rank >= precisionRankRecord.minute) {
+    var lower = isInMinHour ? minMinute : 0;
+    var upper = isInMaxHour ? maxMinute : 59;
+    var minutes = generateColumn(lower, upper, 'minute');
+    ret.push(minutes.map(function (v) {
+      return {
+        label: renderLabel('minute', v),
+        value: v.toString()
+      };
+    }));
+  }
+  if (rank >= precisionRankRecord.second) {
+    var lower = isInMinMinute ? minSecond : 0;
+    var upper = isInMaxMinute ? maxSecond : 59;
+    var seconds = generateColumn(lower, upper, 'second');
+    ret.push(seconds.map(function (v) {
+      return {
+        label: renderLabel('second', v),
+        value: v.toString()
+      };
+    }));
+  }
+  // Till Now
+  if (tillNow) {
+    ret[0].push({
+      label: renderLabel('now', null),
+      value: _util.TILL_NOW
+    });
+    if (_util.TILL_NOW === (selected === null || selected === void 0 ? void 0 : selected[0])) {
+      for (var i = 1; i < ret.length; i += 1) {
+        ret[i] = [];
+      }
+    }
+  }
+  return ret;
+}
+function convertDateToStringArray(date) {
+  if (!date) return [];
+  return [date.getFullYear().toString(), (date.getMonth() + 1).toString(), date.getDate().toString(), date.getHours().toString(), date.getMinutes().toString(), date.getSeconds().toString()];
+}
+function convertStringArrayToDate(value) {
+  var _a, _b, _c, _d, _e, _f;
+  var yearString = (_a = value[0]) !== null && _a !== void 0 ? _a : '1900';
+  var monthString = (_b = value[1]) !== null && _b !== void 0 ? _b : '1';
+  var dateString = (_c = value[2]) !== null && _c !== void 0 ? _c : '1';
+  var hourString = (_d = value[3]) !== null && _d !== void 0 ? _d : '0';
+  var minuteString = (_e = value[4]) !== null && _e !== void 0 ? _e : '0';
+  var secondString = (_f = value[5]) !== null && _f !== void 0 ? _f : '0';
+  return new Date(parseInt(yearString), parseInt(monthString) - 1, parseInt(dateString), parseInt(hourString), parseInt(minuteString), parseInt(secondString));
+}

package/cjs/components/date-picker/date-picker-utils.d.ts

@@ -0,0 +1,10 @@
+import type { DatePrecision } from './date-picker-date-utils';
+import type { WeekPrecision } from './date-picker-week-utils';
+import { RenderLabel } from '../date-picker-view/date-picker-view';
+export type Precision = DatePrecision | WeekPrecision;
+export type DatePickerFilter = Partial<Record<Precision, (val: number, extend: {
+    date: Date;
+}) => boolean>>;
+export declare const convertDateToStringArray: (date: Date | undefined | null, precision: Precision) => string[];
+export declare const convertStringArrayToDate: <T extends string | number | null | undefined>(value: T[], precision: Precision) => Date;
+export declare const generateDatePickerColumns: (selected: string[], min: Date, max: Date, precision: Precision, renderLabel: RenderLabel, filter: DatePickerFilter | undefined, tillNow?: boolean) => import("../picker-view").PickerColumn[];

package/cjs/components/date-picker/date-picker-utils.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateDatePickerColumns = exports.convertStringArrayToDate = exports.convertDateToStringArray = void 0;
+var dateUtils = _interopRequireWildcard(require("./date-picker-date-utils"));
+var weekUtils = _interopRequireWildcard(require("./date-picker-week-utils"));
+var _util = require("./util");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var precisionLengthRecord = {
+  year: 1,
+  month: 2,
+  day: 3,
+  hour: 4,
+  minute: 5,
+  second: 6
+};
+var convertDateToStringArray = function (date, precision) {
+  if (precision.includes('week')) {
+    return weekUtils.convertDateToStringArray(date);
+  } else {
+    var datePrecision = precision;
+    var stringArray = dateUtils.convertDateToStringArray(date);
+    return stringArray.slice(0, precisionLengthRecord[datePrecision]);
+  }
+};
+exports.convertDateToStringArray = convertDateToStringArray;
+var convertStringArrayToDate = function (value, precision) {
+  // Special case for DATE_NOW
+  if ((value === null || value === void 0 ? void 0 : value[0]) === _util.TILL_NOW) {
+    var now = new Date();
+    now.tillNow = true;
+    return now;
+  }
+  if (precision.includes('week')) {
+    return weekUtils.convertStringArrayToDate(value);
+  } else {
+    return dateUtils.convertStringArrayToDate(value);
+  }
+};
+exports.convertStringArrayToDate = convertStringArrayToDate;
+var generateDatePickerColumns = function (selected, min, max, precision, renderLabel, filter, tillNow) {
+  if (precision.startsWith('week')) {
+    return weekUtils.generateDatePickerColumns(selected, min, max, precision, renderLabel, filter);
+  } else {
+    return dateUtils.generateDatePickerColumns(selected, min, max, precision, renderLabel, filter, tillNow);
+  }
+};
+exports.generateDatePickerColumns = generateDatePickerColumns;

package/cjs/components/date-picker/date-picker-week-utils.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+import { PickerColumn } from '../picker';
+import type { DatePickerFilter } from './date-picker-utils';
+export type WeekPrecision = 'year' | 'week' | 'week-day';
+export declare function generateDatePickerColumns(selected: string[], min: Date, max: Date, precision: WeekPrecision, renderLabel: (type: WeekPrecision, data: number) => ReactNode, filter: DatePickerFilter | undefined): PickerColumn[];
+export declare function convertDateToStringArray(date: Date | undefined | null): string[];
+export declare function convertStringArrayToDate<T extends string | number | null | undefined>(value: T[]): Date;

package/cjs/components/date-picker/date-picker-week-utils.js

@@ -0,0 +1,115 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.convertDateToStringArray = convertDateToStringArray;
+exports.convertStringArrayToDate = convertStringArrayToDate;
+exports.generateDatePickerColumns = generateDatePickerColumns;
+var _dayjs = _interopRequireDefault(require("dayjs"));
+var _isoWeek = _interopRequireDefault(require("dayjs/plugin/isoWeek"));
+var _isoWeeksInYear = _interopRequireDefault(require("dayjs/plugin/isoWeeksInYear"));
+var _isLeapYear = _interopRequireDefault(require("dayjs/plugin/isLeapYear"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var __spreadArray = void 0 && (void 0).__spreadArray || function (to, from, pack) {
+  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+    if (ar || !(i in from)) {
+      if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+      ar[i] = from[i];
+    }
+  }
+  return to.concat(ar || Array.prototype.slice.call(from));
+};
+_dayjs.default.extend(_isoWeek.default);
+_dayjs.default.extend(_isoWeeksInYear.default);
+_dayjs.default.extend(_isLeapYear.default);
+var precisionRankRecord = {
+  year: 0,
+  week: 1,
+  'week-day': 2
+};
+function generateDatePickerColumns(selected, min, max, precision, renderLabel, filter) {
+  var ret = [];
+  var minYear = min.getFullYear();
+  var maxYear = max.getFullYear();
+  var rank = precisionRankRecord[precision];
+  var selectedYear = parseInt(selected[0]);
+  var isInMinYear = selectedYear === minYear;
+  var isInMaxYear = selectedYear === maxYear;
+  var minDay = (0, _dayjs.default)(min);
+  var maxDay = (0, _dayjs.default)(max);
+  var minWeek = minDay.isoWeek();
+  var maxWeek = maxDay.isoWeek();
+  var minWeekday = minDay.isoWeekday();
+  var maxWeekday = maxDay.isoWeekday();
+  var selectedWeek = parseInt(selected[1]);
+  var isInMinWeek = isInMinYear && selectedWeek === minWeek;
+  var isInMaxWeek = isInMaxYear && selectedWeek === maxWeek;
+  var selectedYearWeeks = (0, _dayjs.default)("".concat(selectedYear, "-01-01")).isoWeeksInYear();
+  var generateColumn = function (from, to, precision) {
+    var column = [];
+    for (var i = from; i <= to; i++) {
+      column.push(i);
+    }
+    var prefix = selected.slice(0, precisionRankRecord[precision]);
+    var currentFilter = filter === null || filter === void 0 ? void 0 : filter[precision];
+    if (currentFilter && typeof currentFilter === 'function') {
+      column = column.filter(function (i) {
+        return currentFilter(i, {
+          get date() {
+            var stringArray = __spreadArray(__spreadArray([], prefix, true), [i.toString()], false);
+            return convertStringArrayToDate(stringArray);
+          }
+        });
+      });
+    }
+    return column;
+  };
+  if (rank >= precisionRankRecord.year) {
+    var lower = minYear;
+    var upper = maxYear;
+    var years = generateColumn(lower, upper, 'year');
+    ret.push(years.map(function (v) {
+      return {
+        label: renderLabel('year', v),
+        value: v.toString()
+      };
+    }));
+  }
+  if (rank >= precisionRankRecord.week) {
+    var lower = isInMinYear ? minWeek : 1;
+    var upper = isInMaxYear ? maxWeek : selectedYearWeeks;
+    var weeks = generateColumn(lower, upper, 'week');
+    ret.push(weeks.map(function (v) {
+      return {
+        label: renderLabel('week', v),
+        value: v.toString()
+      };
+    }));
+  }
+  if (rank >= precisionRankRecord['week-day']) {
+    var lower = isInMinWeek ? minWeekday : 1;
+    var upper = isInMaxWeek ? maxWeekday : 7;
+    var weeks = generateColumn(lower, upper, 'week-day');
+    ret.push(weeks.map(function (v) {
+      return {
+        label: renderLabel('week-day', v),
+        value: v.toString()
+      };
+    }));
+  }
+  return ret;
+}
+function convertDateToStringArray(date) {
+  if (!date) return [];
+  var day = (0, _dayjs.default)(date);
+  return [day.isoWeekYear().toString(), day.isoWeek().toString(), day.isoWeekday().toString()];
+}
+function convertStringArrayToDate(value) {
+  var _a, _b, _c;
+  var yearString = (_a = value[0]) !== null && _a !== void 0 ? _a : '1900';
+  var weekString = (_b = value[1]) !== null && _b !== void 0 ? _b : '1';
+  var weekdayString = (_c = value[2]) !== null && _c !== void 0 ? _c : '1';
+  var day = (0, _dayjs.default)().year(parseInt(yearString)).isoWeek(parseInt(weekString)).isoWeekday(parseInt(weekdayString)).hour(0).minute(0).second(0);
+  return day.toDate();
+}