@kdcloudjs/kdesign 1.7.70 → 1.8.0

package/lib/date-picker/calendar.d.ts

@@ -1,13 +1,14 @@
 /// <reference types="react" />
-import { DateType, PickerMode, SharedTimeProps } from './interface';
+import { PickerMode, SharedTimeProps } from './interface';
 import { RangeShowTimeObject } from './range-picker';
+import { DisabledDataProps } from './date-picker';
 export interface CalendarProps {
     picker: PickerMode;
     useWeekdaysShort?: boolean;
     showWeekNumber?: boolean;
     showWeeksTitle?: boolean;
     showTime?: boolean | SharedTimeProps | RangeShowTimeObject;
-    disabledDate?: (date: DateType) => boolean;
+    disabledDate?: DisabledDataProps;
 }
 declare function Calendar(props: CalendarProps): JSX.Element;
 export default Calendar;

package/lib/date-picker/date-panel.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { DateRender, PanelMode, CellRender, OnPanelChange, PickerMode, SharedTimeProps, DateType, DisabledTime, InnerLocale, Components } from './interface';
+import { DisabledDataProps } from './date-picker';
 export interface PickerPanelSharedProps {
     prefixCls?: string;
     className?: string;
@@ -20,7 +21,7 @@ export interface PickerPanelSharedProps {
     useWeekdaysShort?: boolean;
     showWeekNumber?: boolean;
     showWeeksTitle?: boolean;
-    disabledDate?: (date: DateType) => boolean;
+    disabledDate?: DisabledDataProps;
     dateRender?: DateRender;
     monthCellRender?: CellRender;
     renderExtraFooter?: (mode: PanelMode) => React.ReactNode;

package/lib/date-picker/date-picker.d.ts

@@ -59,6 +59,10 @@ export interface PickerTimeProps extends PickerSharedProps, Omit<OmitPanelProps<
 }
 export declare type PickerProps = PickerBaseProps | PickerDateProps | PickerTimeProps;
 export declare type IInnerPicker = undefined | 'year' | 'month';
+export declare type DisabledDataProps = (date: DateType, info?: {
+    panelType?: 'month' | 'quarter' | 'year';
+    range?: 'start' | 'end';
+}) => boolean;
 export declare const mergeDateLocale: (globalLocale: InnerLocale, locale?: {}) => InnerLocale;
 declare const DatePicker: React.ForwardRefExoticComponent<(Partial<PickerBaseProps> & React.RefAttributes<unknown>) | (Partial<PickerDateProps> & React.RefAttributes<unknown>) | (Partial<PickerTimeProps> & React.RefAttributes<unknown>)>;
 export default DatePicker;

package/lib/date-picker/hooks/use-range-disabled.d.ts

@@ -1,7 +1,8 @@
 import { RangeValue, PickerMode, DateType } from '../interface';
+import { DisabledDataProps } from '../date-picker';
 export default function useRangeDisabled({ picker, selectedValue, disabledDate, disabled, }: {
     picker: PickerMode;
     selectedValue: RangeValue;
-    disabledDate?: (date: DateType) => boolean;
+    disabledDate?: DisabledDataProps;
     disabled: [boolean, boolean];
-}, disabledStart: boolean, disabledEnd: boolean): ((date: DateType) => boolean)[];
+}, disabledStart: boolean, disabledEnd: boolean): ((date: DateType, info?: any) => boolean)[];

package/lib/date-picker/hooks/use-range-disabled.js

@@ -35,7 +35,8 @@ function useRangeDisabled(_ref, disabledStart, disabledEnd) {
     return year * 10 + quarter;
   }
   var disabledStartDate = React.useCallback(function (date) {
-    if (disabledDate && disabledDate(date)) {
+    var info = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
+    if (disabledDate && disabledDate(date, info)) {
       return true;
     }
     if (disabled[1] && endDate) {
@@ -58,7 +59,8 @@ function useRangeDisabled(_ref, disabledStart, disabledEnd) {
   // eslint-disable-next-line react-hooks/exhaustive-deps
   [disabledDate, disabled[1], endDate, disabledStart]);
   var disabledEndDate = React.useCallback(function (date) {
-    if (disabledDate && disabledDate(date)) {
+    var info = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
+    if (disabledDate && disabledDate(date, info)) {
       return true;
     }
     if (disabled[0] && startDate) {

package/lib/date-picker/interface.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { BorderType, InputSiteType } from '../input/input';
+import { DisabledDataProps } from './date-picker';
 export declare type WeekTitleType = [string, string, string, string, string, string, string];
 export declare type MonthTitleType = [string, string, string, string, string, string, string, string, string, string, string, string];
 export interface Locale {
@@ -77,7 +78,7 @@ export interface PanelSharedProps {
     value?: NullableDateType;
     defaultPickerValue?: DateType;
     locale: InnerLocale;
-    disabledDate?: (date: DateType) => boolean;
+    disabledDate?: DisabledDataProps;
     prevIcon?: React.ReactNode;
     nextIcon?: React.ReactNode;
     superPrevIcon?: React.ReactNode;

package/lib/date-picker/panel/month/month.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import { DateType } from '../../interface';
+import { DisabledDataProps } from '../../date-picker';
 export interface MonthProps {
     showFullMonth?: boolean;
-    disabledDate?(date: DateType): boolean;
+    disabledDate?: DisabledDataProps;
 }
 declare function Month(props: MonthProps): JSX.Element;
 export default Month;

package/lib/date-picker/panel/month/month.js

@@ -35,6 +35,10 @@ function Month(props) {
     setInnerPicker = context.setInnerPicker,
     cellRender = context.cellRender,
     range = context.range;
+  var disabledInfo = {
+    panelType: 'month',
+    range: range
+  };
   var disabledDate = props.disabledDate;
   var _dateValue;
   if (panelPosition) {
@@ -91,7 +95,7 @@ function Month(props) {
   });
   var handleClick = function handleClick(date) {
     if (innerPicker === undefined) {
-      if (!(disabledDate && disabledDate(date))) {
+      if (!(disabledDate && disabledDate(date, disabledInfo))) {
         onSelect(date, 'mouse');
       }
     } else {
@@ -115,7 +119,7 @@ function Month(props) {
             return handleClick(month);
           },
           onMouseEnter: function onMouseEnter() {
-            if (onDateMouseEnter && !(disabledDate && disabledDate(month))) {
+            if (onDateMouseEnter && !(disabledDate && disabledDate(month, disabledInfo))) {
               onDateMouseEnter(month);
             }
           },
@@ -125,7 +129,7 @@ function Month(props) {
             }
           }
         };
-        var monthItemCls = (0, _classnames3.default)("".concat(prefixCls, "-month-item"), (0, _defineProperty2.default)({}, "".concat(prefixCls, "-month-item-disabled"), disabledDate && disabledDate(month)), getRangeCls(month));
+        var monthItemCls = (0, _classnames3.default)("".concat(prefixCls, "-month-item"), (0, _defineProperty2.default)({}, "".concat(prefixCls, "-month-item-disabled"), disabledDate && disabledDate(month, disabledInfo)), getRangeCls(month));
         var originNode = /*#__PURE__*/_react.default.createElement("span", {
           className: getMonthClassNames(m)
         }, "".concat(locale.monthTitle[m]));

package/lib/date-picker/panel/quarter/quarter.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { DateType } from '../../interface';
+import { DisabledDataProps } from '../../date-picker';
 interface QuarterProps {
-    disabledDate?: (date: DateType) => boolean;
+    disabledDate?: DisabledDataProps;
 }
 declare function Quarter(props: QuarterProps): JSX.Element;
 export default Quarter;

package/lib/date-picker/panel/quarter/quarter.js

@@ -32,6 +32,10 @@ function Quarter(props) {
     hoverRangedValue = context.hoverRangedValue,
     cellRender = context.cellRender,
     range = context.range;
+  var disabledInfo = {
+    panelType: 'quarter',
+    range: range
+  };
   var disabledDate = props.disabledDate;
   var _dateValue;
   if (panelPosition) {
@@ -87,7 +91,7 @@ function Quarter(props) {
     }
   });
   var handleClick = function handleClick(date) {
-    if (!(disabledDate && disabledDate(date))) {
+    if (!(disabledDate && disabledDate(date, disabledInfo))) {
       onSelect(date, 'mouse');
     }
   };
@@ -99,7 +103,7 @@ function Quarter(props) {
           return handleClick(quarter);
         },
         onMouseEnter: function onMouseEnter() {
-          if (onDateMouseEnter && !(disabledDate && disabledDate(quarter))) {
+          if (onDateMouseEnter && !(disabledDate && disabledDate(quarter, disabledInfo))) {
             onDateMouseEnter(quarter);
           }
         },
@@ -109,7 +113,7 @@ function Quarter(props) {
           }
         }
       };
-      var quarterCls = (0, _classnames3.default)("".concat(prefixCls, "-quarter-item"), (0, _defineProperty2.default)({}, "".concat(prefixCls, "-quarter-item-disabled"), disabledDate && disabledDate(quarter)), getRangeCls(quarter));
+      var quarterCls = (0, _classnames3.default)("".concat(prefixCls, "-quarter-item"), (0, _defineProperty2.default)({}, "".concat(prefixCls, "-quarter-item-disabled"), disabledDate && disabledDate(quarter, disabledInfo)), getRangeCls(quarter));
       var originNode = /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
         className: getQuarterClassNames(i + 1)
       }, _props), n);

package/lib/date-picker/panel/week/week.d.ts

@@ -1,11 +1,12 @@
 /// <reference types="react" />
 import { DateType, PickerMode } from '../../interface';
+import { DisabledDataProps } from '../../date-picker';
 export interface WeekProps {
     day: DateType;
     picker: PickerMode;
     showWeekNumber?: boolean;
     showTime?: boolean;
-    disabledDate?: (date: DateType) => boolean;
+    disabledDate?: DisabledDataProps;
 }
 declare function Week(props: WeekProps): JSX.Element;
 export default Week;

package/lib/date-picker/panel/year/year.d.ts

@@ -1,10 +1,11 @@
 /// <reference types="react" />
 import { DateType, PickerMode } from '../../interface';
+import { DisabledDataProps } from '../../date-picker';
 export interface YearProps {
     yearItemNumber: number;
     minDate?: DateType;
     maxDate?: DateType;
-    disabledDate?: (date: DateType) => boolean;
+    disabledDate?: DisabledDataProps;
     picker?: PickerMode;
 }
 declare function Year(props: YearProps): JSX.Element;

package/lib/date-picker/panel/year/year.js

@@ -33,6 +33,10 @@ function Year(props) {
     setInnerPicker = context.setInnerPicker,
     cellRender = context.cellRender,
     range = context.range;
+  var disabledInfo = {
+    panelType: 'year',
+    range: range
+  };
   var yearItemNumber = props.yearItemNumber,
     disabledDate = props.disabledDate,
     _props$picker = props.picker,
@@ -92,7 +96,7 @@ function Year(props) {
   });
   var handleClick = function handleClick(date) {
     if (innerPicker === undefined) {
-      if (!(disabledDate && disabledDate(date))) {
+      if (!(disabledDate && disabledDate(date, disabledInfo))) {
         onSelect(date, 'mouse');
       }
     } else {
@@ -118,7 +122,7 @@ function Year(props) {
           return handleClick(year);
         },
         onMouseEnter: function onMouseEnter() {
-          if (onDateMouseEnter && !(disabledDate && disabledDate(year))) {
+          if (onDateMouseEnter && !(disabledDate && disabledDate(year, disabledInfo))) {
             onDateMouseEnter(year);
           }
         },
@@ -132,7 +136,7 @@ function Year(props) {
         className: getYearClassNames(y)
       }, y);
       yearsList.push( /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-        className: (0, _classnames3.default)("".concat(prefixCls, "-year-item"), (0, _defineProperty2.default)({}, "".concat(prefixCls, "-year-item-disabled"), disabledDate && disabledDate(year)), getRangeCls(year)),
+        className: (0, _classnames3.default)("".concat(prefixCls, "-year-item"), (0, _defineProperty2.default)({}, "".concat(prefixCls, "-year-item-disabled"), disabledDate && disabledDate(year, disabledInfo)), getRangeCls(year)),
         key: y
       }, _props), typeof cellRender === 'function' ? cellRender(y, {
         originNode: originNode,

package/lib/date-picker/range-picker.js

@@ -477,7 +477,9 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
     prefixCls: datePickerPrefixCls,
     components: components,
     needConfirmButton: needConfirmButton,
-    okDisabled: !(0, _utils2.getValue)(selectedValue, mergedActivePickerIndex) || !!(selectedValue && selectedValue[mergedActivePickerIndex] && disabledDate && disabledDate(selectedValue[mergedActivePickerIndex])),
+    okDisabled: !(0, _utils2.getValue)(selectedValue, mergedActivePickerIndex) || !!(selectedValue && selectedValue[mergedActivePickerIndex] && disabledDate && disabledDate(selectedValue[mergedActivePickerIndex], {
+      range: mergedActivePickerIndex === 0 ? 'start' : 'end'
+    })),
     locale: datePickerLang,
     // rangeList,
     onOk: function onOk() {

package/lib/date-picker/single/input-date.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { DateType, InputCommonProps, OutInputCommonProps } from '../interface';
+import { DisabledDataProps } from '../date-picker';
 export interface InputDateProps extends OutInputCommonProps, InputCommonProps {
     inputRef: React.RefObject<HTMLInputElement>;
     text: string;
@@ -8,7 +9,7 @@ export interface InputDateProps extends OutInputCommonProps, InputCommonProps {
     disabled?: boolean;
     hoverValue?: string;
     placeholder?: string;
-    disabledDate?: (currentDate: DateType) => boolean;
+    disabledDate?: DisabledDataProps;
     resetText: () => void;
     setSelectedValue: (date: DateType | null) => void;
     triggerTextChange: (value: string) => void;

package/lib/popper/index.d.ts

@@ -0,0 +1,54 @@
+import React from 'react';
+export declare const Placements: ["top", "left", "right", "bottom", "topLeft", "topRight", "bottomLeft", "bottomRight", "leftTop", "leftBottom", "rightTop", "rightBottom"];
+export declare type PlacementType = typeof Placements[number];
+export declare const Triggers: ["hover", "focus", "click", "contextMenu"];
+export declare type TriggerType = typeof Triggers[number];
+export declare type RenderFunction = () => React.ReactNode;
+export declare type PopperProps = {
+    gap?: number;
+    arrow?: boolean;
+    visible?: boolean;
+    prefixCls?: string;
+    arrowSize?: number;
+    disabled?: boolean;
+    arrowOffset?: number;
+    scrollHidden?: boolean;
+    mouseEnterDelay?: number;
+    mouseLeaveDelay?: number;
+    defaultVisible?: boolean;
+    autoPlacement?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    popperClassName?: string;
+    popperStyle?: React.CSSProperties;
+    placement?: PlacementType;
+    tip?: any;
+    trigger?: TriggerType | Array<TriggerType>;
+    clickToClose?: boolean;
+    onTrigger?: (trigger: TriggerType) => void;
+    onVisibleChange?: (visible: boolean) => void;
+    getTriggerElement?: (locatorNode: HTMLElement) => HTMLElement;
+    getPopupContainer?: (locatorNode: HTMLElement) => HTMLElement;
+    onTransitionEnd?: (e: React.TransitionEvent) => void;
+    onAnimationEnd?: (e: React.AnimationEvent) => void;
+    children?: React.ReactNode;
+};
+export interface TriggerContextProps {
+    registerSubPopup: (id: string, node: any) => void;
+}
+export declare const popperPlacementMap: {
+    top: string;
+    left: string;
+    right: string;
+    bottom: string;
+    topLeft: string;
+    topRight: string;
+    bottomLeft: string;
+    bottomRight: string;
+    leftTop: string;
+    leftBottom: string;
+    rightTop: string;
+    rightBottom: string;
+};
+export declare const Popper: React.ForwardRefExoticComponent<PopperProps & React.RefAttributes<unknown>>;
+export default Popper;