@rainbow-oh/yee-c 0.4.4 → 0.5.0

package/dist/cjs/Form/interface.d.ts

@@ -103,7 +103,7 @@ export interface FormInstance<Values = any> {
     /**
      * Submit form
      */
-    submit: () => ValidateMessage[];
+    submit: () => Promise<ValidateMessage[]>;
     /**
      * Get all field values
      */
@@ -127,7 +127,7 @@ export interface FormInstance<Values = any> {
     /**
      * Validate field
      */
-    validateField: (name: Name, trigger?: 'onChange' | 'onBlur') => ValidateMessage[];
+    validateField: (name: Name, trigger?: 'onChange' | 'onBlur') => Promise<ValidateMessage[]>;
     /**
      * Get callback functions
      */
@@ -139,7 +139,7 @@ export interface FormInstance<Values = any> {
     /**
      * Validate fields and get error messages
      */
-    validateFields: (names?: Name[], trigger?: TRIGGER) => ValidateMessage[];
+    validateFields: (names?: Name[], trigger?: TRIGGER) => Promise<ValidateMessage[]>;
     /**
      * Initialize form - mainly used to set initial values and callbacks
      */
@@ -214,9 +214,12 @@ export type Rule = {
      */
     message?: string;
     /**
-     * Custom validation function, returns true for pass, false or throw for fail
+     * Custom validation function. Supports sync and async:
+     *  - sync:  return true/undefined to pass, return false or throw to fail
+     *  - async: return a Promise (resolve to pass, reject/throw to fail)
+     * When throwing/rejecting with an Error, its message overrides rule.message.
      */
-    validator?: (value: unknown) => boolean;
+    validator?: (value: unknown) => boolean | void | Promise<boolean | void>;
     /**
      * Validation trigger timing
      */
@@ -314,7 +317,7 @@ export type FormListField<T = any> = {
     value: T;
 };
 export type FormListOperation = {
-    add: (defaultValue?: any, insertIndex?: number) => void;
+    add: (defaultValue?: any, insertIndex?: number) => void | Promise<void>;
     remove: (index: number | number[]) => void;
     move: (from: number, to: number) => void;
 };
@@ -357,6 +360,6 @@ export type FieldGroupProps = {
     className?: string;
 };
 export interface GroupEntity {
-    validate: (force: boolean) => ValidateMessage[];
+    validate: (force: boolean) => Promise<ValidateMessage[]>;
     reset: () => void;
 }

package/dist/cjs/Form/style/index.less

@@ -56,5 +56,20 @@
         color: var(--yee-error-color);
       }
     }
+
+    // 表单校验态：在此重定义控件读取的 border / box-shadow 变量，
+    // 后代里的 Input / Selector / InputNumber / TextArea 等通过 CSS 变量继承自动变色，
+    // 无需在每个组件里重复 .yee-form-item-error 块，也不存在 specificity / !important 问题。
+    &&-error {
+      --yee-input-border-color: var(--yee-error-color);
+      --yee-input-hover-border-color: var(--yee-error-color-hover);
+      --yee-input-focus-bs-color: var(--yee-error-color-border);
+    }
+
+    &&-warning {
+      --yee-input-border-color: var(--yee-warning-color);
+      --yee-input-hover-border-color: var(--yee-warning-color-hover);
+      --yee-input-focus-bs-color: var(--yee-warning-color-border);
+    }
   }
 }

package/dist/cjs/Form/utils/validate.d.ts

@@ -1,3 +1,24 @@
-import { Rule } from '../interface';
-declare function validate(rule: Rule, value: unknown): boolean;
+import type { Rule } from '../interface';
+export interface ValidateResult {
+    passed: boolean;
+    message?: string;
+}
+/**
+ * Run a custom validator, dispatching between sync and async at runtime.
+ *
+ * Supports all of the following shapes (backwards compatible):
+ *  - sync `return true` / `return undefined` → pass
+ *  - sync `return false`                    → fail (use rule.message)
+ *  - sync `throw new Error(msg)`            → fail (use msg)
+ *  - async `return Promise.resolve()`       → pass
+ *  - async `return Promise.resolve(false)`  → fail (use rule.message)
+ *  - async `throw` / `return Promise.reject(new Error(msg))` → fail (use msg)
+ */
+export declare function runValidator(validator: NonNullable<Rule['validator']>, value: unknown): Promise<ValidateResult>;
+/**
+ * Validate a single rule against a value.
+ * Returns { passed, message? }. Sync rules short-circuit; the custom validator
+ * is awaited so async validators are supported.
+ */
+declare function validate(rule: Rule, value: unknown): Promise<ValidateResult>;
 export default validate;

package/dist/cjs/Form/utils/validate.js

@@ -15,11 +15,32 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
 
 // src/Form/utils/validate.ts
 var validate_exports = {};
 __export(validate_exports, {
-  default: () => validate_default
+  default: () => validate_default,
+  runValidator: () => runValidator
 });
 module.exports = __toCommonJS(validate_exports);
 function isEmpty(v) {
@@ -80,8 +101,8 @@ function verifyRuleOfRegexp(regexp, value) {
     return true;
   }
 }
-function verifyMain(rule, value) {
-  const { min, max, minLength, maxLength, regexp, validator } = rule;
+function verifySyncRules(rule, value) {
+  const { min, max, minLength, maxLength, regexp } = rule;
   if (typeof min !== "undefined" && !verifyRuleOfMin(min, value)) {
     return false;
   }
@@ -97,15 +118,43 @@ function verifyMain(rule, value) {
   if (regexp instanceof RegExp && !verifyRuleOfRegexp(regexp, value)) {
     return false;
   }
-  if (typeof validator === "function" && !validator(value)) {
-    return false;
-  }
   return true;
 }
+function runValidator(validator, value) {
+  return __async(this, null, function* () {
+    try {
+      const res = validator(value);
+      if (res instanceof Promise) {
+        const resolved = yield res;
+        if (resolved === false) {
+          return { passed: false };
+        }
+        return { passed: true };
+      }
+      if (res === false) {
+        return { passed: false };
+      }
+      return { passed: true };
+    } catch (e) {
+      return {
+        passed: false,
+        message: e instanceof Error ? e.message : String(e)
+      };
+    }
+  });
+}
 function validate(rule, value) {
-  if (rule.required && isEmpty(value)) {
-    return false;
-  }
-  return verifyMain(rule, value);
+  return __async(this, null, function* () {
+    if (rule.required && isEmpty(value)) {
+      return { passed: false };
+    }
+    if (!verifySyncRules(rule, value)) {
+      return { passed: false };
+    }
+    if (typeof rule.validator === "function") {
+      return runValidator(rule.validator, value);
+    }
+    return { passed: true };
+  });
 }
 var validate_default = validate;

package/dist/cjs/Input/style/index.less

@@ -110,20 +110,3 @@ input[type='number']::-webkit-outer-spin-button {
 input::placeholder {
   color: var(--yee-placeholder-color);
 }
-
-// form error status
-.yee-form-item-error {
-  @{pls} {
-    border-color: var(--yee-error-color);
-
-    &:hover {
-      border-color: var(--yee-error-color-hover);
-    }
-  }
-}
-
-.yee-form-item-warning {
-  @{pls} {
-    border-color: var(--yee-warning-color);
-  }
-}

package/dist/cjs/InputNumber/style/index.less

@@ -185,32 +185,3 @@
     padding-right: 0;
   }
 }
-
-// Form error status
-.yee-form-item-error {
-  @{pls} {
-    border-color: var(--yee-error-color);
-
-    &:not(@{pls}-disabled):hover {
-      border-color: var(--yee-error-color);
-    }
-
-    &-focused {
-      box-shadow: 0 0 0 2px var(--yee-input-content-error-focus-bs-color);
-    }
-  }
-}
-
-.yee-form-item-warning {
-  @{pls} {
-    border-color: var(--yee-warning-color);
-
-    &:not(@{pls}-disabled):hover {
-      border-color: var(--yee-warning-color);
-    }
-
-    &-focused {
-      box-shadow: 0 0 0 2px var(--yee-input-content-warning-focus-bs-color);
-    }
-  }
-}

package/dist/cjs/PickerPanel/interface.d.ts

@@ -1,8 +1,11 @@
 /// <reference types="react" />
 import { Dayjs } from 'dayjs';
+import type { usePanelConfigs } from './configs/locale-adapter';
 export type PickerType = 'date' | 'week' | 'month' | 'quarter' | 'year' | 'decade' | 'datetime' | 'time';
 export type SemanticType = 'prevIcon' | 'nextIcon' | 'superPrevIcon' | 'superNextIcon' | 'footer';
 export type UnitType = 'day' | 'hour' | 'minute' | 'second';
+/** Hour/minute/second granularity used by the time sub-panels. */
+export type TimeUnit = 'hour' | 'minute' | 'second';
 interface HeaderProps {
     showPrevIcon?: boolean;
     showNextIcon?: boolean;
@@ -103,14 +106,53 @@ export interface PickerPanelProps extends HeaderProps {
     /**
      * Hover range dates [start date, end date]
      */
-    hoverRange?: Array<Dayjs | null>;
+    hoverRange?: Array<Dayjs | null | undefined>;
     /**
      * Selected range dates [start date, end date]
      */
-    selectedRange?: Array<Dayjs | null>;
+    selectedRange?: Array<Dayjs | null | undefined>;
     /**
      * Disabled date function
      */
     disabledDate?: (current: Dayjs) => boolean;
 }
+/**
+ * Locale/config bag produced by `usePanelConfigs`, shared by every panel.
+ */
+export type PanelConfigs = ReturnType<typeof usePanelConfigs>;
+/**
+ * The `panelProps` bag shared by all date-picking panels, headers and bodies.
+ *
+ * Standalone (does not extend `PickerPanelProps`) so each panel only declares
+ * the fields it actually reads while still receiving the full bag via
+ * `{...props}` spreads (JSX spreads do not trigger excess-property checks).
+ */
+export interface PanelSharedProps {
+    prefixCls?: string;
+    picker?: PickerType;
+    offset?: {
+        year?: number;
+        month?: number;
+        day?: number;
+    };
+    viewDate: Dayjs;
+    selectedDate?: Dayjs;
+    panelConfigs: PanelConfigs;
+    handleMouseChange?: (date: Dayjs | '') => void;
+    onViewDateChange: (date: Dayjs) => void;
+    onPanelChange: (view: PickerType) => void;
+    onSelect?: (date: Dayjs) => void;
+    offsetYear?: number;
+    /** Never set in `panelProps`, so always `undefined` at runtime. */
+    nowDate?: Dayjs;
+    weekStart?: number;
+    showHeader?: boolean;
+    cellRender?: (date: Dayjs, panel: PickerType) => React.ReactNode;
+    prefixColumn?: (currentDate: Dayjs) => React.ReactNode;
+    getRowClassName?: (currentDate: Dayjs) => string;
+    hoverRange?: Array<Dayjs | null | undefined>;
+    selectedRange?: Array<Dayjs | null | undefined>;
+    maxDate?: Dayjs;
+    minDate?: Dayjs;
+}
 export {};

package/dist/cjs/PickerPanel/panels/DatePanel/DateBody.d.ts

@@ -1,3 +1,4 @@
 import React from 'react';
-declare function DateBody(props: any): React.JSX.Element;
+import type { PanelSharedProps } from '../../interface';
+declare function DateBody(props: PanelSharedProps): React.JSX.Element;
 export default DateBody;

package/dist/cjs/PickerPanel/panels/DatePanel/DateHeader.d.ts

@@ -1,2 +1,3 @@
 import React from 'react';
-export default function DateHeader(props: any): React.JSX.Element;
+import type { PanelSharedProps } from '../../interface';
+export default function DateHeader(props: PanelSharedProps): React.JSX.Element;

package/dist/cjs/PickerPanel/panels/DatePanel/DateHeader.js

@@ -74,7 +74,7 @@ function DateHeader(props) {
   let year = import_pickerUtils.default.getYear(viewDate);
   const month = import_pickerUtils.default.getMonth(viewDate);
   if (offset == null ? void 0 : offset.year) {
-    year = year + parseInt(offset.year);
+    year = year + offset.year;
   }
   const onSuperPrevClick = (0, import_useEvent.default)(() => {
     const newViewDate = import_pickerUtils.default.addYear(viewDate, -1);

package/dist/cjs/PickerPanel/panels/DatePanel/index.d.ts

@@ -1,2 +1,3 @@
 import React from 'react';
-export default function DatePanel(props: any): React.JSX.Element;
+import type { PanelSharedProps } from '../../interface';
+export default function DatePanel(props: PanelSharedProps): React.JSX.Element;

package/dist/cjs/PickerPanel/panels/DateTimePanel/index.d.ts

@@ -1,3 +1,9 @@
+import { Dayjs } from 'dayjs';
 import * as React from 'react';
-declare function DateTimePanel(props: any): React.JSX.Element;
+import type { PickerType, PanelSharedProps } from '../../interface';
+interface DateTimePanelProps extends Omit<PanelSharedProps, 'onSelect'> {
+    onSelect?: (panel: PickerType, date: Dayjs) => void;
+    showTime?: boolean;
+}
+declare function DateTimePanel(props: DateTimePanelProps): React.JSX.Element;
 export default DateTimePanel;

package/dist/cjs/PickerPanel/panels/DateTimePanel/index.js

@@ -21,6 +21,18 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -53,18 +65,20 @@ var React = __toESM(require("react"));
 var import_DatePanel = __toESM(require("../DatePanel"));
 var import_TimePanel = __toESM(require("../TimePanel"));
 function DateTimePanel(props) {
-  const { prefixCls = "yee-picker", onSelect, showTime } = props;
+  var _b;
+  const _a = props, { onSelect, showTime } = _a, rest = __objRest(_a, ["onSelect", "showTime"]);
+  const prefixCls = (_b = rest.prefixCls) != null ? _b : "yee-picker";
   const handleSelect = (type, date) => {
-    onSelect(type, date);
+    onSelect == null ? void 0 : onSelect(type, date);
   };
   return /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-datetime-panel` }, /* @__PURE__ */ React.createElement(
     import_DatePanel.default,
-    __spreadProps(__spreadValues({}, props), {
+    __spreadProps(__spreadValues({}, rest), {
       onSelect: (date) => handleSelect("date", date)
     })
   ), showTime ? /* @__PURE__ */ React.createElement(
     import_TimePanel.default,
-    __spreadProps(__spreadValues({}, props), {
+    __spreadProps(__spreadValues({}, rest), {
       onSelect: (date) => handleSelect("datetimetime", date),
       showHeader: true
     })

package/dist/cjs/PickerPanel/panels/DecadePanel/DecadeBody.d.ts

@@ -1,3 +1,4 @@
 import * as React from 'react';
-declare function DecadeBody(props: any): React.JSX.Element;
+import type { PanelSharedProps } from '../../interface';
+declare function DecadeBody(props: PanelSharedProps): React.JSX.Element;
 export default DecadeBody;

package/dist/cjs/PickerPanel/panels/DecadePanel/DecadeBody.js

@@ -55,7 +55,7 @@ var import_useEvent = __toESM(require("../../../hooks/useEvent"));
 var import_pickerUtils = __toESM(require("../../utils/pickerUtils"));
 var import_PanelBody = __toESM(require("../PanelBody"));
 function DecadeBody(props) {
-  const { prefixCls, viewDate, offsetYear } = props;
+  const { prefixCls, viewDate, offsetYear = 0 } = props;
   const baseDate = import_pickerUtils.default.getBaseDate("decade", viewDate);
   const getCellDate = (0, import_useEvent.default)((baseDate2, offset) => {
     return import_pickerUtils.default.addYear(baseDate2, offset * 10);

package/dist/cjs/PickerPanel/panels/DecadePanel/DecadeHeader.d.ts

@@ -1,2 +1,3 @@
 import * as React from 'react';
-export default function DecadeHeader(props: any): React.JSX.Element;
+import type { PanelSharedProps } from '../../interface';
+export default function DecadeHeader(props: PanelSharedProps): React.JSX.Element;

package/dist/cjs/PickerPanel/panels/DecadePanel/DecadeHeader.js

@@ -54,7 +54,7 @@ var import_useEvent = __toESM(require("../../../hooks/useEvent"));
 var import_pickerUtils = __toESM(require("../../utils/pickerUtils"));
 var import_Header = __toESM(require("../Header"));
 function DecadeHeader(props) {
-  const { viewDate, offsetYear, onViewDateChange } = props;
+  const { viewDate, offsetYear = 0, onViewDateChange } = props;
   const onSuperPrevClick = (0, import_useEvent.default)(() => {
     onViewDateChange(import_pickerUtils.default.addYear(viewDate, -100));
   });

package/dist/cjs/PickerPanel/panels/DecadePanel/index.d.ts

@@ -1,2 +1,3 @@
 import * as React from 'react';
-export default function DecadePanel(props: any): React.JSX.Element;
+import type { PanelSharedProps } from '../../interface';
+export default function DecadePanel(props: PanelSharedProps): React.JSX.Element;

package/dist/cjs/PickerPanel/panels/DecadePanel/index.js

@@ -56,7 +56,7 @@ function DecadePanel(props) {
   const { prefixCls, offset } = props;
   let offsetYear = 0;
   if (offset == null ? void 0 : offset.year) {
-    offsetYear = parseInt(offset.year);
+    offsetYear = offset.year;
   }
   return /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-decade-panel` }, /* @__PURE__ */ React.createElement(import_DecadeHeader.default, __spreadProps(__spreadValues({}, props), { offsetYear })), /* @__PURE__ */ React.createElement(import_DecadeBody.default, __spreadProps(__spreadValues({}, props), { offsetYear })));
 }

package/dist/cjs/PickerPanel/panels/Header.d.ts

@@ -1,2 +1,14 @@
 import React from 'react';
-export default function Header(props: any): React.JSX.Element;
+export interface PanelHeaderProps {
+    prefixCls?: string;
+    onPrevClick?: () => void;
+    onSuperPrevClick?: () => void;
+    onNextClick?: () => void;
+    onSuperNextClick?: () => void;
+    showPrevIcon?: boolean;
+    showNextIcon?: boolean;
+    showSuperPrevIcon?: boolean;
+    showSuperNextIcon?: boolean;
+    children?: React.ReactNode;
+}
+export default function Header(props: PanelHeaderProps): React.JSX.Element;

package/dist/cjs/PickerPanel/panels/MonthPanel/MonthBody.d.ts

@@ -1,3 +1,4 @@
 import * as React from 'react';
-declare function MonthBody(props: any): React.JSX.Element;
+import type { PanelSharedProps } from '../../interface';
+declare function MonthBody(props: PanelSharedProps): React.JSX.Element;
 export default MonthBody;

package/dist/cjs/PickerPanel/panels/MonthPanel/MonthHeader.d.ts

@@ -1,2 +1,3 @@
 import * as React from 'react';
-export default function MonthHeader(props: any): React.JSX.Element;
+import type { PanelSharedProps } from '../../interface';
+export default function MonthHeader(props: PanelSharedProps): React.JSX.Element;

package/dist/cjs/PickerPanel/panels/MonthPanel/MonthHeader.js

@@ -55,7 +55,7 @@ var import_useEvent = __toESM(require("../../../hooks/useEvent"));
 var import_pickerUtils = __toESM(require("../../utils/pickerUtils"));
 var import_Header = __toESM(require("../Header"));
 function MonthHeader(props) {
-  const { prefixCls, viewDate, offsetYear, onViewDateChange, onPanelChange } = props;
+  const { prefixCls, viewDate, offsetYear = 0, onViewDateChange, onPanelChange } = props;
   const year = import_pickerUtils.default.getYear(viewDate) + offsetYear;
   const onSuperPrevClick = (0, import_useEvent.default)(() => {
     const newViewDate = import_pickerUtils.default.addYear(viewDate, -1);

package/dist/cjs/PickerPanel/panels/MonthPanel/index.d.ts

@@ -1,2 +1,3 @@
 import * as React from 'react';
-export default function DecadePanel(props: any): React.JSX.Element;
+import type { PanelSharedProps } from '../../interface';
+export default function DecadePanel(props: PanelSharedProps): React.JSX.Element;

package/dist/cjs/PickerPanel/panels/MonthPanel/index.js

@@ -56,7 +56,7 @@ function DecadePanel(props) {
   const { prefixCls, offset, showHeader = true } = props;
   let offsetYear = 0;
   if (offset == null ? void 0 : offset.year) {
-    offsetYear = parseInt(offset.year);
+    offsetYear = offset.year;
   }
   return /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-month-panel` }, showHeader ? /* @__PURE__ */ React.createElement(import_MonthHeader.default, __spreadProps(__spreadValues({}, props), { offsetYear })) : null, /* @__PURE__ */ React.createElement(import_MonthBody.default, __spreadValues({}, props)));
 }

package/dist/cjs/PickerPanel/panels/PanelBody.d.ts

@@ -1,3 +1,23 @@
+import { Dayjs } from 'dayjs';
 import * as React from 'react';
-declare function PanelBody(props: any): React.JSX.Element;
+import type { PickerType } from '../interface';
+export interface PanelBodyProps {
+    prefixCls?: string;
+    picker?: PickerType;
+    rowCount: number;
+    colCount: number;
+    baseDate?: Dayjs | number;
+    onSelect?: (date: Dayjs) => void;
+    handleMouseChange?: (date: Dayjs | '') => void;
+    headerCells?: React.ReactNode;
+    getCellNode?: (currentDate: Dayjs) => React.ReactNode;
+    getCellDate: (baseDate: Dayjs, offset: number) => Dayjs;
+    getCellText: (currentDate: Dayjs) => number | string;
+    getCellTitle?: (currentDate: Dayjs) => string;
+    getCellClassName?: (currentDate: Dayjs) => string;
+    prefixColumn?: (currentDate: Dayjs) => React.ReactNode;
+    getRowClassName?: (currentDate: Dayjs) => string;
+    cellRender?: (date: Dayjs, panel: PickerType) => React.ReactNode;
+}
+declare function PanelBody(props: PanelBodyProps): React.JSX.Element;
 export default PanelBody;

package/dist/cjs/PickerPanel/panels/PanelBody.js

@@ -84,8 +84,8 @@ function PanelBody(props) {
             className: (0, import_clsx.default)(
               cellPrefixCls,
               {
-                [`${cellPrefixCls}-start`]: getCellText(currentDate) === 1 || picker === "year" && getCellText(currentDate) % 10 === 0,
-                [`${cellPrefixCls}-end`]: getCellText(currentDate) === import_pickerUtils.default.getDate(currentDate.endOf("month")) || picker === "year" && getCellText(currentDate) % 10 === 9
+                [`${cellPrefixCls}-start`]: getCellText(currentDate) === 1 || picker === "year" && Number(getCellText(currentDate)) % 10 === 0,
+                [`${cellPrefixCls}-end`]: getCellText(currentDate) === import_pickerUtils.default.getDate(currentDate.endOf("month")) || picker === "year" && Number(getCellText(currentDate)) % 10 === 9
               },
               cls
             ),
@@ -105,7 +105,7 @@ function PanelBody(props) {
               handleMouseChange == null ? void 0 : handleMouseChange("");
             }
           },
-          getCellNode ? getCellNode(currentDate) : /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-cell-inner` }, /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-cell-value` }, getCellText(currentDate)), cellRender ? /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-cell-content` }, cellRender(currentDate, { mode: picker })) : null)
+          getCellNode ? getCellNode(currentDate) : /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-cell-inner` }, /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-cell-value` }, getCellText(currentDate)), cellRender ? /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-cell-content` }, cellRender(currentDate, picker)) : null)
         )
       );
     }

package/dist/cjs/PickerPanel/panels/QuarterPanel/QuarterBody.d.ts

@@ -1,3 +1,4 @@
 import React from 'react';
-declare function QuarterBody(props: any): React.JSX.Element;
+import type { PanelSharedProps } from '../../interface';
+declare function QuarterBody(props: PanelSharedProps): React.JSX.Element;
 export default QuarterBody;

package/dist/cjs/PickerPanel/panels/QuarterPanel/QuarterHeader.d.ts

@@ -1,2 +1,3 @@
 import * as React from 'react';
-export default function QuarterHeader(props: any): React.JSX.Element;
+import type { PanelSharedProps } from '../../interface';
+export default function QuarterHeader(props: PanelSharedProps): React.JSX.Element;

package/dist/cjs/PickerPanel/panels/QuarterPanel/index.d.ts

@@ -1,2 +1,3 @@
 import * as React from 'react';
-export default function DecadePanel(props: any): React.JSX.Element;
+import type { PanelSharedProps } from '../../interface';
+export default function DecadePanel(props: PanelSharedProps): React.JSX.Element;

package/dist/cjs/PickerPanel/panels/RangePanel/index.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
-declare function RangePanel(props: any): React.JSX.Element;
+import type { RangePanelProps } from './interface';
+declare function RangePanel(props: RangePanelProps): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof RangePanel>;
 export default _default;

package/dist/cjs/PickerPanel/panels/RangePanel/index.js

@@ -85,7 +85,7 @@ function RangePanel(props) {
       value: startValue,
       pickerView: startViewDate,
       onChange,
-      onPanelChange: (viewDate) => onPanelChange(viewDate, "start"),
+      onPanelChange: (viewDate) => onPanelChange == null ? void 0 : onPanelChange(viewDate, "start"),
       onCellMouse,
       hoverRange,
       selectedRange,
@@ -102,7 +102,7 @@ function RangePanel(props) {
       value: endValue,
       pickerView: endViewDate,
       onChange,
-      onPanelChange: (viewDate) => onPanelChange(viewDate, "end"),
+      onPanelChange: (viewDate) => onPanelChange == null ? void 0 : onPanelChange(viewDate, "end"),
       onCellMouse,
       hoverRange,
       selectedRange,

package/dist/cjs/PickerPanel/panels/RangePanel/interface.d.ts

@@ -5,17 +5,17 @@ export type PickerType = 'date' | 'datetime' | 'month' | 'year' | 'decade' | 'qu
 export interface RangePanelProps {
     prefixCls?: string;
     panel?: 'start' | 'end';
-    value?: Array<Dayjs | string | undefined>;
-    viewDate?: string;
+    value: Array<Dayjs | undefined>;
+    pickerView: [Dayjs, Dayjs];
     picker?: PickerType;
     mode?: PickerMode;
     format?: string;
     saveFormat?: string;
     onChange?: (date: Dayjs, panel: string) => void;
-    onPanelChange?: (dates: Dayjs[]) => void;
+    onPanelChange?: (date: Dayjs, type?: 'start' | 'end') => void;
     onCellMouse?: (date: Dayjs | string) => void;
-    hoverRange?: Array<Dayjs | null>;
-    selectedRange?: Array<Dayjs | null>;
+    hoverRange?: Array<Dayjs | null | undefined>;
+    selectedRange?: Array<Dayjs | null | undefined>;
     disabledDate?: (current: Dayjs, type: 'start' | 'end') => boolean;
     showNextIcon?: boolean;
     showSuperNextIcon?: boolean;