@qn-pandora/pandora-component 4.1.7 → 4.3.0

package/CHANGELOG.json

@@ -2,24 +2,41 @@
   "name": "@qn-pandora/pandora-component",
   "entries": [
     {
-      "version": "4.1.7",
-      "tag": "@qn-pandora/pandora-component_v4.1.7",
-      "date": "Tue, 29 Aug 2023 06:22:20 GMT",
+      "version": "4.3.0",
+      "tag": "@qn-pandora/pandora-component_v4.3.0",
+      "date": "Tue, 24 Oct 2023 08:06:30 GMT",
       "comments": {
-        "patch": [
+        "minor": [
           {
-            "comment": "2023-08-29发包"
+            "comment": "2023-10-24发包"
           }
         ],
         "dependency": [
           {
-            "comment": "Updating dependency \"@qn-pandora/pandora-component-icons\" from `^3.1.6` to `^3.1.7`"
+            "comment": "Updating dependency \"@qn-pandora/pandora-component-icons\" from `^3.2.0` to `^3.3.0`"
           },
           {
-            "comment": "Updating dependency \"@qn-pandora/app-sdk\" from `^3.1.6` to `^3.1.7`"
+            "comment": "Updating dependency \"@qn-pandora/app-sdk\" from `^3.2.0` to `^3.3.0`"
+          }
+        ]
+      }
+    },
+    {
+      "version": "4.2.0",
+      "tag": "@qn-pandora/pandora-component_v4.2.0",
+      "date": "Mon, 25 Sep 2023 07:36:39 GMT",
+      "comments": {
+        "minor": [
+          {
+            "comment": "2023-09-25发包"
+          }
+        ],
+        "dependency": [
+          {
+            "comment": "Updating dependency \"@qn-pandora/pandora-component-icons\" from `^3.1.6` to `^3.2.0`"
           },
           {
-            "comment": "Updating dependency \"@qn-pandora/pandora-tools\" from `^2.0.15` to `^2.0.16`"
+            "comment": "Updating dependency \"@qn-pandora/app-sdk\" from `^3.1.6` to `^3.2.0`"
           }
         ]
       }

package/CHANGELOG.md

@@ -1,13 +1,20 @@
 # Change Log - @qn-pandora/pandora-component
 
-This log was last generated on Tue, 29 Aug 2023 06:22:20 GMT and should not be manually modified.
+This log was last generated on Tue, 24 Oct 2023 08:06:30 GMT and should not be manually modified.
 
-## 4.1.7
-Tue, 29 Aug 2023 06:22:20 GMT
+## 4.3.0
+Tue, 24 Oct 2023 08:06:30 GMT
 
-### Patches
+### Minor changes
+
+- 2023-10-24发包
+
+## 4.2.0
+Mon, 25 Sep 2023 07:36:39 GMT
+
+### Minor changes
 
-- 2023-08-29发包
+- 2023-09-25发包
 
 ## 4.1.6
 Fri, 25 Aug 2023 10:29:46 GMT

package/es/components/DateTimePicker/Base/index.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import * as moment from 'moment';
 import { ICompositedTime } from './relativeTimePicker';
-import { EPresetMode, IPreset, RangePreset, IRelativeTime, IQuarterTime, IBaseProps, TimeType } from '../constants';
+import { EPresetMode, IPreset, RangePreset, IRelativeTime, IQuarterTime, IBaseProps, TimeType, IRelativeTimeUnit } from '../constants';
 declare enum RelativeInvalid {
     Valid = 0,
     From = 1,
@@ -51,6 +51,11 @@ export default class Base extends React.Component<IBaseProps, any> {
     getYears(): number[];
     constructor(props: IBaseProps);
     UNSAFE_componentWillReceiveProps(nextProps: IBaseProps): void;
+    getRelativeMap(relativeTimeUnits: IRelativeTimeUnit[]): IKeyValues<{
+        text: string;
+        value: string;
+        time: (num: number) => moment.Moment;
+    }>;
     isRelativeTimeValidFunc(from: ICompositedTime, to: ICompositedTime): boolean;
     getAllPresetItems(): JSX.Element[];
     handlePresetClick(preset: IPreset): void;

package/es/components/DateTimePicker/Base/index.js

@@ -50,7 +50,7 @@ import Selector from '../../Selector';
 import NameLimiter from '../../NameLimiter';
 import RelativeTimePicker from './relativeTimePicker';
 import Time from '../time';
-import { defaultPresets, EPresetMode, relativeMap, RangePreset, rangePresetOptions, TimeType, RelativeUnitValue } from '../constants';
+import { defaultPresets, EPresetMode, RangePreset, rangePresetOptions, TimeType, RelativeUnitValue, RELATIVE_TIME_UNITS } from '../constants';
 import { Quarters } from './constants';
 var Panel = Collapse.Panel;
 var RelativeInvalid;
@@ -71,17 +71,22 @@ export var RELATIVE_DEFAULT_VALUE = {
 var Base = /** @class */ (function (_super) {
     __extends(Base, _super);
     function Base(props) {
+        var _a, _b, _c, _d;
         var _this = _super.call(this, props) || this;
         _this.range = [undefined, undefined];
         _this.rangePreset = RangePreset.BetweenTime;
         _this.relative = {
             from: {
-                num: RELATIVE_DEFAULT_VALUE.FROM_NUM,
-                unit: RELATIVE_DEFAULT_VALUE.FROM_UNIT
+                num: ((_a = _this.props.defaultRelativeValue) === null || _a === void 0 ? void 0 : _a.from.num) ||
+                    RELATIVE_DEFAULT_VALUE.FROM_NUM,
+                unit: ((_b = _this.props.defaultRelativeValue) === null || _b === void 0 ? void 0 : _b.from.unit) ||
+                    RELATIVE_DEFAULT_VALUE.FROM_UNIT
             },
             to: {
-                num: RELATIVE_DEFAULT_VALUE.TO_NUM,
-                unit: RELATIVE_DEFAULT_VALUE.TO_UNIT
+                num: ((_c = _this.props.defaultRelativeValue) === null || _c === void 0 ? void 0 : _c.to.num) ||
+                    RELATIVE_DEFAULT_VALUE.TO_NUM,
+                unit: ((_d = _this.props.defaultRelativeValue) === null || _d === void 0 ? void 0 : _d.to.unit) ||
+                    RELATIVE_DEFAULT_VALUE.TO_UNIT
             }
         };
         _this.relativeTimeInValid = RelativeInvalid.Valid;
@@ -233,9 +238,21 @@ var Base = /** @class */ (function (_super) {
             }
         }
     };
+    Base.prototype.getRelativeMap = function (relativeTimeUnits) {
+        var res = {};
+        relativeTimeUnits.forEach(function (relative) {
+            res[relative.value] = relative;
+        });
+        return res;
+    };
     Base.prototype.isRelativeTimeValidFunc = function (from, to) {
-        var fromDate = relativeMap[from.unit].time(from.num).valueOf();
-        var toDate = relativeMap[to.unit].time(to.num).valueOf();
+        var _a = this.props, relativeTimeUnits = _a.relativeTimeUnits, relativeStartTimeUnits = _a.relativeStartTimeUnits, relativeEndTimeUnits = _a.relativeEndTimeUnits;
+        var start = relativeStartTimeUnits || relativeTimeUnits || RELATIVE_TIME_UNITS;
+        var end = relativeEndTimeUnits || relativeTimeUnits || RELATIVE_TIME_UNITS;
+        var startRelativeMap = this.getRelativeMap(start);
+        var endRelativeMap = this.getRelativeMap(end);
+        var fromDate = startRelativeMap["" + from.unit].time(from.num).valueOf();
+        var toDate = endRelativeMap["" + to.unit].time(to.num).valueOf();
         return fromDate < toDate;
     };
     Base.prototype.getAllPresetItems = function () {
@@ -262,14 +279,14 @@ var Base = /** @class */ (function (_super) {
         }
     };
     Base.prototype.handlePickerOk = function () {
-        var onChange = this.props.onChange;
+        var _a = this.props, onChange = _a.onChange, showTime = _a.showTime;
         if (onChange) {
             var start = this.range[0];
             var end = this.range[1];
             onChange(new Time({
                 // 赋值时将毫秒数清零
-                start: start === null || start === void 0 ? void 0 : start.milliseconds(0),
-                end: end === null || end === void 0 ? void 0 : end.milliseconds(0),
+                start: showTime === false ? start === null || start === void 0 ? void 0 : start.startOf('day') : start === null || start === void 0 ? void 0 : start.milliseconds(0),
+                end: showTime === false ? end === null || end === void 0 ? void 0 : end.startOf('day') : end === null || end === void 0 ? void 0 : end.milliseconds(0),
                 rangePreset: this.rangePreset
             }));
         }
@@ -328,22 +345,26 @@ var Base = /** @class */ (function (_super) {
     };
     Base.prototype.renderRelativeContent = function () {
         var _a;
+        var _b, _c, _d, _e;
         var locale = this.context.locale;
-        var fromNum = _.get(this.relative, 'from.num', RELATIVE_DEFAULT_VALUE.FROM_NUM);
-        var fromUnit = _.get(this.relative, 'from.unit', RELATIVE_DEFAULT_VALUE.FROM_UNIT);
-        var toNum = _.get(this.relative, 'to.num', RELATIVE_DEFAULT_VALUE.TO_NUM);
-        var toUnit = _.get(this.relative, 'to.unit', RELATIVE_DEFAULT_VALUE.TO_UNIT);
+        var fromNum = _.get(this.relative, 'from.num', ((_b = this.props.defaultRelativeValue) === null || _b === void 0 ? void 0 : _b.from.num) ||
+            RELATIVE_DEFAULT_VALUE.FROM_NUM);
+        var fromUnit = _.get(this.relative, 'from.unit', ((_c = this.props.defaultRelativeValue) === null || _c === void 0 ? void 0 : _c.from.unit) ||
+            RELATIVE_DEFAULT_VALUE.FROM_UNIT);
+        var toNum = _.get(this.relative, 'to.num', ((_d = this.props.defaultRelativeValue) === null || _d === void 0 ? void 0 : _d.to.num) || RELATIVE_DEFAULT_VALUE.TO_NUM);
+        var toUnit = _.get(this.relative, 'to.unit', ((_e = this.props.defaultRelativeValue) === null || _e === void 0 ? void 0 : _e.to.unit) || RELATIVE_DEFAULT_VALUE.TO_UNIT);
+        var _f = this.props, relativeStartTimeUnits = _f.relativeStartTimeUnits, relativeEndTimeUnits = _f.relativeEndTimeUnits, relativeTimeUnits = _f.relativeTimeUnits;
         if (!this.isRangePicker()) {
             return (React.createElement("div", { className: SDK_PREFIX + "-datetime-pick-content" },
                 React.createElement("div", { className: SDK_PREFIX + "-datetime-pick-relative-container" },
-                    React.createElement(RelativeTimePicker, { className: SDK_PREFIX + "-datetime-pick-relative", num: fromNum, unit: fromUnit, onChange: this.handleRetiveTimeFromChange, relativeTimeUnits: this.props.relativeTimeUnits }),
+                    React.createElement(RelativeTimePicker, { className: SDK_PREFIX + "-datetime-pick-relative", num: fromNum, unit: fromUnit, onChange: this.handleRetiveTimeFromChange, relativeTimeUnits: relativeStartTimeUnits || relativeTimeUnits }),
                     React.createElement(Button, { disabled: !this.isRelativeTimeValid, className: SDK_PREFIX + "-datetime-pick-relative-confirm", onClick: this.handleRelativeChange }, formatString(DateTimeLocale.confirm, locale)))));
         }
         return (React.createElement("div", { className: SDK_PREFIX + "-datetime-pick-content" },
             React.createElement("div", { className: SDK_PREFIX + "-datetime-pick-relative-container" },
-                React.createElement(RelativeTimePicker, { className: SDK_PREFIX + "-datetime-pick-relative-timepicker", num: fromNum, unit: fromUnit, onChange: this.handleRetiveTimeFromChange, relativeTimeUnits: this.props.relativeTimeUnits, withoutNow: true }),
+                React.createElement(RelativeTimePicker, { className: SDK_PREFIX + "-datetime-pick-relative-timepicker", num: fromNum, unit: fromUnit, onChange: this.handleRetiveTimeFromChange, relativeTimeUnits: relativeStartTimeUnits || relativeTimeUnits, withoutNow: true }),
                 React.createElement("span", { className: SDK_PREFIX + "-datetime-pick-relative-container-to" }, formatString(DateTimeLocale.to, locale)),
-                React.createElement(RelativeTimePicker, { className: SDK_PREFIX + "-datetime-pick-relative-timepicker", num: toNum, unit: toUnit, onChange: this.handleRetiveTimeToChange, relativeTimeUnits: this.props.relativeTimeUnits })),
+                React.createElement(RelativeTimePicker, { className: SDK_PREFIX + "-datetime-pick-relative-timepicker", num: toNum, unit: toUnit, onChange: this.handleRetiveTimeToChange, relativeTimeUnits: relativeEndTimeUnits || relativeTimeUnits })),
             React.createElement("div", { className: classnames(SDK_PREFIX + "-datetime-pick-relative-footer", (_a = {},
                     _a[SDK_PREFIX + "-datetime-pick-relative-footer-witNow"] = toUnit === RelativeUnitValue.NowStatic,
                     _a)) },
@@ -521,6 +542,12 @@ var Base = /** @class */ (function (_super) {
         __metadata("design:paramtypes", [Object]),
         __metadata("design:returntype", void 0)
     ], Base.prototype, "setRelative", null);
+    __decorate([
+        bind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Array]),
+        __metadata("design:returntype", void 0)
+    ], Base.prototype, "getRelativeMap", null);
     __decorate([
         bind,
         __metadata("design:type", Function),

package/es/components/DateTimePicker/Base/relativeTimePicker.js

@@ -14,14 +14,14 @@ var __extends = (this && this.__extends) || (function () {
 import * as React from 'react';
 import { InputNumber } from 'antd';
 import { ConfigContext } from 'antd/es/config-provider';
-import { isNil } from 'lodash';
+import { isNil, find } from 'lodash';
 import classnames from 'classnames';
 import { formatString } from '../../../utils/language';
 import { SDK_PREFIX } from '../../../constants/style';
 import { DateTimeLocale } from '../../../constants/language/datetime/type';
 import { toFormatTime } from '../../../utils/time';
 import Selector from '../../Selector';
-import { relativeTimeUnits, RelativeUnitValue } from '../constants';
+import { RELATIVE_TIME_UNITS, RelativeUnitValue } from '../constants';
 var RetiveTimePicker = /** @class */ (function (_super) {
     __extends(RetiveTimePicker, _super);
     function RetiveTimePicker() {
@@ -60,16 +60,19 @@ var RetiveTimePicker = /** @class */ (function (_super) {
             return _this.containerRef.current || document.body;
         };
         _this.shouldShowInput = function () {
-            var unit = _this.props.unit;
-            return (unit !== RelativeUnitValue.Now && unit !== RelativeUnitValue.NowStatic);
+            var _a;
+            var _b = _this.props, unit = _b.unit, relativeTimeUnits = _b.relativeTimeUnits;
+            return (unit !== RelativeUnitValue.Now &&
+                unit !== RelativeUnitValue.NowStatic &&
+                ((_a = find(relativeTimeUnits || RELATIVE_TIME_UNITS, function (item) { return item.value === unit; })) === null || _a === void 0 ? void 0 : _a.static) !== true);
         };
         return _this;
     }
     RetiveTimePicker.prototype.render = function () {
-        var _a = this.props, num = _a.num, unit = _a.unit, className = _a.className, withoutNow = _a.withoutNow;
+        var _a = this.props, num = _a.num, unit = _a.unit, className = _a.className, withoutNow = _a.withoutNow, relativeTimeUnits = _a.relativeTimeUnits;
         var locale = this.context.locale;
-        var options = this.props.relativeTimeUnits ||
-            relativeTimeUnits.map(function (option) {
+        var options = relativeTimeUnits ||
+            RELATIVE_TIME_UNITS.map(function (option) {
                 return {
                     text: formatString(option.text, locale),
                     value: option.value,

package/es/components/DateTimePicker/constants.d.ts

@@ -32,6 +32,28 @@ export interface IPreset {
 export interface IRelativeTimeUnit {
     text: string;
     value: string;
+    /**
+     * 是否是一个能完整表达的静态时间，例如昨天、前天、上个月，不需要用户再额外输入数字
+     *
+     * 例:
+     * 像两天前，或者几天前，需要用户输入一个数字来确定具体的时间，就是不完整时间。
+     * {
+        text: '天前',
+        value: 'day',
+        static: false,
+        time: (num: number) => moment().startOf('day').subtract(num, 'days')
+      }
+     *
+  
+     * 像 昨天、前天、上个月，不需要用户再额外输入数字。
+     * {
+        text: '昨天',
+        value: 'yesterday',
+        static: true,
+        time: (_: number) => moment().startOf('day').subtract(1, 'days')
+      }
+     */
+    static?: boolean;
     time: (num: number) => moment.Moment;
 }
 export declare const defaultPresets: IPreset[];
@@ -55,10 +77,32 @@ export declare enum RelativeUnitValue {
     Quarter = "Q",
     Year = "y"
 }
-export declare const relativeTimeUnits: IRelativeTimeUnit[];
+export declare const RELATIVE_TIME_UNITS: IRelativeTimeUnit[];
 export declare const relativeTimeUnitsWithoutNowStatic: {
     text: string;
     value: string;
+    /**
+     * 是否是一个能完整表达的静态时间，例如昨天、前天、上个月，不需要用户再额外输入数字
+     *
+     * 例:
+     * 像两天前，或者几天前，需要用户输入一个数字来确定具体的时间，就是不完整时间。
+     * {
+        text: '天前',
+        value: 'day',
+        static: false,
+        time: (num: number) => moment().startOf('day').subtract(num, 'days')
+      }
+     *
+  
+     * 像 昨天、前天、上个月，不需要用户再额外输入数字。
+     * {
+        text: '昨天',
+        value: 'yesterday',
+        static: true,
+        time: (_: number) => moment().startOf('day').subtract(1, 'days')
+      }
+     */
+    static?: boolean | undefined;
     time: (num: number) => moment.Moment;
 }[];
 export declare const relativeMap: IKeyValues<{
@@ -114,6 +158,14 @@ export interface IBaseProps {
      * 预设
      */
     presets?: IPreset[];
+    /**
+     * 自定义相对时间单位(开始)
+     */
+    relativeStartTimeUnits?: IRelativeTimeUnit[];
+    /**
+     * 自定义相对时间单位(结束)
+     */
+    relativeEndTimeUnits?: IRelativeTimeUnit[];
     /**
      * 自定义相对时间单位
      */
@@ -196,6 +248,10 @@ export interface IBaseProps {
      * 语言
      */
     locale?: string;
+    /**
+     * 默认的相对时间
+     */
+    defaultRelativeValue?: IRelativeTime;
 }
 export interface ITimeRange {
     relative?: IRelativeTime;

package/es/components/DateTimePicker/constants.js

@@ -242,7 +242,7 @@ export var RelativeUnitValue;
     RelativeUnitValue["Quarter"] = "Q";
     RelativeUnitValue["Year"] = "y";
 })(RelativeUnitValue || (RelativeUnitValue = {}));
-export var relativeTimeUnits = [
+export var RELATIVE_TIME_UNITS = [
     {
         text: DateTimeLocale.relative.now,
         value: RelativeUnitValue.Now,
@@ -294,15 +294,13 @@ export var relativeTimeUnits = [
         time: function (num) { return moment().subtract(num, 'years'); }
     }
 ];
-export var relativeTimeUnitsWithoutNowStatic = relativeTimeUnits
-    .filter(function (item) { return item.value !== RelativeUnitValue.NowStatic; })
-    .map(function (item) {
+export var relativeTimeUnitsWithoutNowStatic = RELATIVE_TIME_UNITS.filter(function (item) { return item.value !== RelativeUnitValue.NowStatic; }).map(function (item) {
     return item.value === RelativeUnitValue.Now
         ? __assign(__assign({}, item), { text: DateTimeLocale.relative.now_text }) : __assign({}, item);
 });
 export var relativeMap = (function () {
     var res = {};
-    relativeTimeUnits.forEach(function (relative) {
+    RELATIVE_TIME_UNITS.forEach(function (relative) {
         res[relative.value] = relative;
     });
     return res;

package/es/components/DateTimePicker/time.js

@@ -2,7 +2,7 @@ import moment from 'moment';
 import { isEmpty, isEqual } from 'lodash';
 import zhCN from 'antd/es/locale-provider/zh_CN';
 import { toFormatTime } from '../../utils/time';
-import { defaultPresets, relativeTimeUnits, RelativeUnitValue, RangePreset, QuartersMap } from './constants';
+import { defaultPresets, RELATIVE_TIME_UNITS, RelativeUnitValue, RangePreset, QuartersMap } from './constants';
 import { formatString } from '../../utils/language';
 import { DateTimeLocale } from '../../constants/language/datetime/type';
 var Time = /** @class */ (function () {
@@ -34,7 +34,7 @@ var Time = /** @class */ (function () {
         this.isPointPicker = options.isPointPicker;
         this.quarterTime = time.quarterTime;
         this.presetMap = this.getPresetMap(isEmpty(options.presets) ? defaultPresets : options.presets);
-        this.relativeMap = this.getRelativeMap(isEmpty(options.relatives) ? relativeTimeUnits : options.relatives);
+        this.relativeMap = this.getRelativeMap(isEmpty(options.relatives) ? RELATIVE_TIME_UNITS : options.relatives);
     }
     Time.toMoment = function (time) {
         try {

package/es/components/DateTimePicker/transform.d.ts

@@ -4,7 +4,11 @@ export declare function transformToTime(time: ITimeRange): ITime;
 export declare function transformToTimeRange(time: ITime): ITimeRange;
 export declare function getTimeShiftUnit(time: string): TimeShiftUnit.Second | TimeShiftUnit;
 export declare function getRelativeTime(timeShift: string, time: moment.Moment): moment.Moment | undefined;
-export declare function calcFullTime(time?: ITimeRange): {
+export declare function calcFullTime(time?: ITimeRange, options?: {
+    presets?: any;
+    relatives?: any;
+    isPointPicker?: boolean;
+}): {
     start: number | undefined;
     end: number | undefined;
 } | undefined;

package/es/components/DateTimePicker/transform.js

@@ -59,12 +59,13 @@ export function getRelativeTime(timeShift, time) {
         return moment(time).subtract(timeShiftValue, timeShiftUnit);
     }
 }
-export function calcFullTime(time) {
+export function calcFullTime(time, options) {
+    if (options === void 0) { options = {}; }
     if (!time) {
         return;
     }
     var timeShift = time.timeShift;
-    var _a = new Time(transformToTime(time)).toDate(), start = _a.start, end = _a.end;
+    var _a = new Time(transformToTime(time), options).toDate(), start = _a.start, end = _a.end;
     var relativeStart = timeShift && start ? getRelativeTime(timeShift, start) : start;
     var relativeEnd = timeShift && end ? getRelativeTime(timeShift, end) : end;
     return {

package/es/components/Drawer/index.d.ts

@@ -57,27 +57,39 @@ export declare type IDrawerProps = Overwrite<DrawerProps, {
      * 是否允许拖拽
      */
     canDrag?: boolean;
+    /**
+     * 关闭按钮显示的位置，默认left
+     */
     closeIconPlacement?: 'left' | 'right';
     /**
      * 无遮罩时点击空白处中的哪些元素不关闭
      */
     nonCloseSelector?: string;
     size?: 'small' | 'default' | 'large';
+    /**
+     * 是否显示全屏按钮
+     */
+    showFullScreen?: boolean;
+    onScreenFullChange?: (showFullScreen: boolean) => void;
 }>;
 export declare class Drawer extends React.Component<React.PropsWithChildren<IDrawerProps>, any> {
     drawerId: string;
     isResizing: boolean;
     realWidth: React.ReactText;
+    isFullscreen: boolean;
     throttleMouseMove: import("lodash").DebouncedFunc<(e: any) => void>;
     get closable(): boolean | undefined;
-    get extra(): {} | null | undefined;
+    get extra(): JSX.Element;
     setIsResizing(isResizing?: boolean): void;
     setRealWidth(realWidth: string | number): void;
+    setIsFullscreen(isFullscreen: boolean): void;
+    handleFull(): void;
     onMouseDown(): void;
     onMouseUp(): void;
     onMouseMove(e: any): void;
     onMouseClick(e: MouseEvent): void;
     initWidth(width?: string | number, size?: string): React.ReactText;
+    handleClose(e: EventType | null): void;
     componentDidMount(): void;
     UNSAFE_componentWillUpdate(nextProps: Readonly<React.PropsWithChildren<IDrawerProps>>): void;
     componentWillUnmount(): void;
@@ -136,12 +148,20 @@ declare const _default: (props: {
      * 是否允许拖拽
      */
     canDrag?: boolean | undefined;
+    /**
+     * 关闭按钮显示的位置，默认left
+     */
     closeIconPlacement?: import("antd/es/collapse/Collapse").ExpandIconPosition;
     /**
      * 无遮罩时点击空白处中的哪些元素不关闭
      */
     nonCloseSelector?: string | undefined;
     size?: "small" | "default" | "large" | undefined;
+    /**
+     * 是否显示全屏按钮
+     */
+    showFullScreen?: boolean | undefined;
+    onScreenFullChange?: ((showFullScreen: boolean) => void) | undefined;
 } & Pick<DrawerProps, "style" | "autoFocus" | "prefixCls" | "footer" | "extra" | "bodyStyle" | "forceRender" | "keyboard" | "destroyOnClose" | "closeIcon" | "drawerStyle" | "headerStyle" | "contentWrapperStyle" | "push" | "handler" | "footerStyle" | "level" | "levelMove"> & {
     children?: React.ReactNode;
 } & {