@cyberpunk-vue/components 1.13.6 → 1.13.7

package/dist/date-picker/src/date-picker.vue.d.ts

@@ -1,345 +1,145 @@
+import { DatePickerDayCell, DatePickerViewMode, DatePickerValue } from './date-picker';
+import { Dayjs } from './date-utils';
+declare function setViewDate(date: Dayjs): void;
+declare function goToday(): void;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
-        prefix?(_: {}): any;
-        suffix?(_: {}): any;
-        cell?(_: {
-            cell: import('./date-picker').PickerCell;
+        header?(_: {
+            selected: Date | undefined;
+            viewDate: Date;
         }): any;
-        footer?(_: {
-            confirm: (false & (() => void)) | (true & (() => void));
-            cancel: () => void;
-            clear: (event?: MouseEvent) => void;
+        day?(_: {
+            cell: DatePickerDayCell;
+        }): any;
+        actions?(_: {
+            today: typeof goToday;
         }): any;
     };
     refs: {};
-    rootEl: HTMLDivElement;
+    rootEl: HTMLElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     readonly modelValue: {
-        readonly type: import('vue').PropType<import('./date-picker').PickerModelValue>;
+        readonly type: import('vue').PropType<DatePickerValue>;
         readonly default: null;
     };
-    readonly type: {
-        readonly type: import('vue').PropType<import('./date-picker').PickerType>;
-        readonly default: "date";
-    };
-    readonly format: {
-        readonly type: StringConstructor;
-        readonly default: "";
-    };
     readonly valueFormat: {
         readonly type: StringConstructor;
         readonly default: "";
     };
-    readonly placeholder: {
-        readonly type: StringConstructor;
-        readonly default: "";
-    };
-    readonly startPlaceholder: {
+    readonly title: {
         readonly type: StringConstructor;
-        readonly default: "开始";
-    };
-    readonly endPlaceholder: {
-        readonly type: StringConstructor;
-        readonly default: "结束";
-    };
-    readonly rangeSeparator: {
-        readonly type: StringConstructor;
-        readonly default: " - ";
-    };
-    readonly disabled: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly readonly: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
+        readonly default: "选择日期";
     };
-    readonly editable: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly clearable: {
+    readonly showAdjacentMonths: {
         readonly type: BooleanConstructor;
         readonly default: true;
     };
-    readonly confirm: {
-        readonly type: import('vue').PropType<boolean | undefined>;
-        readonly default: undefined;
-    };
-    readonly size: {
-        readonly type: import('vue').PropType<import('./date-picker').PickerSize>;
-        readonly default: "md";
-    };
-    readonly shape: {
-        readonly type: import('vue').PropType<import('./date-picker').PickerShape>;
-        readonly default: "clip";
-    };
-    readonly variant: {
-        readonly type: import('vue').PropType<import('./date-picker').PickerVariant>;
-        readonly default: "outline";
-    };
-    readonly color: {
-        readonly type: StringConstructor;
-        readonly default: "";
-    };
-    readonly inactiveColor: {
-        readonly type: StringConstructor;
-        readonly default: "";
-    };
-    readonly placeholderColor: {
-        readonly type: StringConstructor;
-        readonly default: "";
-    };
-    readonly width: {
-        readonly type: import('vue').PropType<string | number>;
-        readonly default: "";
+    readonly viewMode: {
+        readonly type: import('vue').PropType<DatePickerViewMode>;
+        readonly default: "day";
     };
-    readonly placement: {
-        readonly type: import('vue').PropType<import('@floating-ui/dom').Placement>;
-        readonly default: "bottom-start";
-    };
-    readonly teleportTo: {
-        readonly type: import('vue').PropType<string | HTMLElement>;
-        readonly default: "body";
-    };
-    readonly disabledDate: {
-        readonly type: import('vue').PropType<(date: Date) => boolean>;
-        readonly default: undefined;
-    };
-    readonly disabledHours: {
-        readonly type: import('vue').PropType<import('./date-picker').DisabledTimeResolver>;
+    readonly defaultValue: {
+        readonly type: import('vue').PropType<Exclude<DatePickerValue, null | undefined>>;
         readonly default: undefined;
     };
-    readonly disabledMinutes: {
-        readonly type: import('vue').PropType<import('./date-picker').DisabledTimeResolver>;
+    readonly min: {
+        readonly type: import('vue').PropType<Exclude<DatePickerValue, null | undefined>>;
         readonly default: undefined;
     };
-    readonly disabledSeconds: {
-        readonly type: import('vue').PropType<import('./date-picker').DisabledTimeResolver>;
+    readonly max: {
+        readonly type: import('vue').PropType<Exclude<DatePickerValue, null | undefined>>;
         readonly default: undefined;
     };
-    readonly hourStep: {
-        readonly type: NumberConstructor;
-        readonly default: 1;
-    };
-    readonly minuteStep: {
-        readonly type: NumberConstructor;
-        readonly default: 1;
-    };
-    readonly secondStep: {
-        readonly type: NumberConstructor;
-        readonly default: 1;
-    };
-    readonly showSeconds: {
-        readonly type: BooleanConstructor;
-        readonly default: true;
-    };
-    readonly shortcuts: {
-        readonly type: import('vue').PropType<import('./date-picker').PickerShortcut[]>;
-        readonly default: () => never[];
-    };
-    readonly defaultValue: {
-        readonly type: import('vue').PropType<import('./date-picker').PickerValueItem>;
+    readonly disabledDate: {
+        readonly type: import('vue').PropType<(date: Date) => boolean>;
         readonly default: undefined;
     };
-    readonly defaultTime: {
-        readonly type: import('vue').PropType<string | [string, string]>;
-        readonly default: undefined;
+    readonly color: {
+        readonly type: StringConstructor;
+        readonly default: "";
     };
-    readonly unlinkPanels: {
+    readonly disabled: {
         readonly type: BooleanConstructor;
         readonly default: false;
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    clear: () => void;
-    blur: (event?: FocusEvent | undefined) => void;
-    change: (_value: import('./date-picker').PickerModelValue) => void;
-    "update:modelValue": (_value: import('./date-picker').PickerModelValue) => void;
-    focus: (event?: FocusEvent | undefined) => void;
-    visibleChange: (visible: boolean) => void;
+}>, {
+    /** @description 跳转并选中今天 */
+    goToday: typeof goToday;
+    /** @description 设置当前展示年月 */
+    setViewDate: typeof setViewDate;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (_value: DatePickerValue) => void;
+    "update:modelValue": (_value: DatePickerValue) => void;
+    "update:month": (month: number) => void;
+    "update:year": (year: number) => void;
+    "update:viewMode": (mode: DatePickerViewMode) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     readonly modelValue: {
-        readonly type: import('vue').PropType<import('./date-picker').PickerModelValue>;
+        readonly type: import('vue').PropType<DatePickerValue>;
         readonly default: null;
     };
-    readonly type: {
-        readonly type: import('vue').PropType<import('./date-picker').PickerType>;
-        readonly default: "date";
-    };
-    readonly format: {
-        readonly type: StringConstructor;
-        readonly default: "";
-    };
     readonly valueFormat: {
         readonly type: StringConstructor;
         readonly default: "";
     };
-    readonly placeholder: {
-        readonly type: StringConstructor;
-        readonly default: "";
-    };
-    readonly startPlaceholder: {
+    readonly title: {
         readonly type: StringConstructor;
-        readonly default: "开始";
-    };
-    readonly endPlaceholder: {
-        readonly type: StringConstructor;
-        readonly default: "结束";
-    };
-    readonly rangeSeparator: {
-        readonly type: StringConstructor;
-        readonly default: " - ";
-    };
-    readonly disabled: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly readonly: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
+        readonly default: "选择日期";
     };
-    readonly editable: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly clearable: {
+    readonly showAdjacentMonths: {
         readonly type: BooleanConstructor;
         readonly default: true;
     };
-    readonly confirm: {
-        readonly type: import('vue').PropType<boolean | undefined>;
-        readonly default: undefined;
-    };
-    readonly size: {
-        readonly type: import('vue').PropType<import('./date-picker').PickerSize>;
-        readonly default: "md";
-    };
-    readonly shape: {
-        readonly type: import('vue').PropType<import('./date-picker').PickerShape>;
-        readonly default: "clip";
-    };
-    readonly variant: {
-        readonly type: import('vue').PropType<import('./date-picker').PickerVariant>;
-        readonly default: "outline";
-    };
-    readonly color: {
-        readonly type: StringConstructor;
-        readonly default: "";
-    };
-    readonly inactiveColor: {
-        readonly type: StringConstructor;
-        readonly default: "";
-    };
-    readonly placeholderColor: {
-        readonly type: StringConstructor;
-        readonly default: "";
-    };
-    readonly width: {
-        readonly type: import('vue').PropType<string | number>;
-        readonly default: "";
+    readonly viewMode: {
+        readonly type: import('vue').PropType<DatePickerViewMode>;
+        readonly default: "day";
     };
-    readonly placement: {
-        readonly type: import('vue').PropType<import('@floating-ui/dom').Placement>;
-        readonly default: "bottom-start";
-    };
-    readonly teleportTo: {
-        readonly type: import('vue').PropType<string | HTMLElement>;
-        readonly default: "body";
-    };
-    readonly disabledDate: {
-        readonly type: import('vue').PropType<(date: Date) => boolean>;
-        readonly default: undefined;
-    };
-    readonly disabledHours: {
-        readonly type: import('vue').PropType<import('./date-picker').DisabledTimeResolver>;
+    readonly defaultValue: {
+        readonly type: import('vue').PropType<Exclude<DatePickerValue, null | undefined>>;
         readonly default: undefined;
     };
-    readonly disabledMinutes: {
-        readonly type: import('vue').PropType<import('./date-picker').DisabledTimeResolver>;
+    readonly min: {
+        readonly type: import('vue').PropType<Exclude<DatePickerValue, null | undefined>>;
         readonly default: undefined;
     };
-    readonly disabledSeconds: {
-        readonly type: import('vue').PropType<import('./date-picker').DisabledTimeResolver>;
+    readonly max: {
+        readonly type: import('vue').PropType<Exclude<DatePickerValue, null | undefined>>;
         readonly default: undefined;
     };
-    readonly hourStep: {
-        readonly type: NumberConstructor;
-        readonly default: 1;
-    };
-    readonly minuteStep: {
-        readonly type: NumberConstructor;
-        readonly default: 1;
-    };
-    readonly secondStep: {
-        readonly type: NumberConstructor;
-        readonly default: 1;
-    };
-    readonly showSeconds: {
-        readonly type: BooleanConstructor;
-        readonly default: true;
-    };
-    readonly shortcuts: {
-        readonly type: import('vue').PropType<import('./date-picker').PickerShortcut[]>;
-        readonly default: () => never[];
-    };
-    readonly defaultValue: {
-        readonly type: import('vue').PropType<import('./date-picker').PickerValueItem>;
+    readonly disabledDate: {
+        readonly type: import('vue').PropType<(date: Date) => boolean>;
         readonly default: undefined;
     };
-    readonly defaultTime: {
-        readonly type: import('vue').PropType<string | [string, string]>;
-        readonly default: undefined;
+    readonly color: {
+        readonly type: StringConstructor;
+        readonly default: "";
     };
-    readonly unlinkPanels: {
+    readonly disabled: {
         readonly type: BooleanConstructor;
         readonly default: false;
     };
 }>> & Readonly<{
-    onClear?: (() => any) | undefined;
-    onBlur?: ((event?: FocusEvent | undefined) => any) | undefined;
-    onChange?: ((_value: import('./date-picker').PickerModelValue) => any) | undefined;
-    "onUpdate:modelValue"?: ((_value: import('./date-picker').PickerModelValue) => any) | undefined;
-    onFocus?: ((event?: FocusEvent | undefined) => any) | undefined;
-    onVisibleChange?: ((visible: boolean) => any) | undefined;
+    onChange?: ((_value: DatePickerValue) => any) | undefined;
+    "onUpdate:modelValue"?: ((_value: DatePickerValue) => any) | undefined;
+    "onUpdate:month"?: ((month: number) => any) | undefined;
+    "onUpdate:year"?: ((year: number) => any) | undefined;
+    "onUpdate:viewMode"?: ((mode: DatePickerViewMode) => any) | undefined;
 }>, {
-    readonly size: import('@cyberpunk-vue/hooks').Size;
-    readonly width: string | number;
-    readonly format: string;
-    readonly type: import('./date-picker').PickerType;
     readonly color: string;
-    readonly variant: import('./date-picker').PickerVariant;
     readonly disabled: boolean;
-    readonly shape: import('./date-picker').PickerShape;
-    readonly placeholder: string;
-    readonly modelValue: import('./date-picker').PickerModelValue;
-    readonly readonly: boolean;
-    readonly clearable: boolean;
-    readonly placeholderColor: string;
-    readonly inactiveColor: string;
-    readonly teleportTo: string | HTMLElement;
-    readonly placement: import('@floating-ui/dom').Placement;
-    readonly confirm: boolean | undefined;
+    readonly title: string;
+    readonly modelValue: DatePickerValue;
+    readonly min: string | number | Date;
+    readonly max: string | number | Date;
     readonly valueFormat: string;
-    readonly startPlaceholder: string;
-    readonly endPlaceholder: string;
-    readonly rangeSeparator: string;
-    readonly editable: boolean;
+    readonly showAdjacentMonths: boolean;
+    readonly viewMode: DatePickerViewMode;
+    readonly defaultValue: string | number | Date;
     readonly disabledDate: (date: Date) => boolean;
-    readonly disabledHours: import('./date-picker').DisabledTimeResolver;
-    readonly disabledMinutes: import('./date-picker').DisabledTimeResolver;
-    readonly disabledSeconds: import('./date-picker').DisabledTimeResolver;
-    readonly hourStep: number;
-    readonly minuteStep: number;
-    readonly secondStep: number;
-    readonly showSeconds: boolean;
-    readonly shortcuts: import('./date-picker').PickerShortcut[];
-    readonly defaultValue: import('./date-picker').PickerValueItem;
-    readonly defaultTime: string | [string, string];
-    readonly unlinkPanels: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/date-picker/src/picker.d.ts

@@ -1 +1 @@
-export * from './date-picker';
+export * from './date-picker-select';

package/dist/date-picker/src/select-instance.d.ts

@@ -0,0 +1,2 @@
+import { default as DatePickerSelect } from './date-picker-select.vue';
+export type DatePickerSelectInstance = InstanceType<typeof DatePickerSelect> & unknown;

package/dist/date-time-picker/index.d.ts

@@ -174,11 +174,12 @@ export declare const CpDateTimePicker: import('../utils').SFCWithInstall<{
         readonly placement: import('@floating-ui/dom').Placement;
         readonly confirm: boolean | undefined;
         readonly valueFormat: string;
+        readonly defaultValue: import('../date-picker/src/picker').PickerValueItem;
+        readonly disabledDate: (date: Date) => boolean;
         readonly startPlaceholder: string;
         readonly endPlaceholder: string;
         readonly rangeSeparator: string;
         readonly editable: boolean;
-        readonly disabledDate: (date: Date) => boolean;
         readonly disabledHours: import('../date-picker/src/picker').DisabledTimeResolver;
         readonly disabledMinutes: import('../date-picker/src/picker').DisabledTimeResolver;
         readonly disabledSeconds: import('../date-picker/src/picker').DisabledTimeResolver;
@@ -187,7 +188,6 @@ export declare const CpDateTimePicker: import('../utils').SFCWithInstall<{
         readonly secondStep: number;
         readonly showSeconds: boolean;
         readonly shortcuts: import('../date-picker/src/picker').PickerShortcut[];
-        readonly defaultValue: import('../date-picker/src/picker').PickerValueItem;
         readonly defaultTime: string | [string, string];
         readonly unlinkPanels: boolean;
     }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
@@ -360,11 +360,12 @@ export declare const CpDateTimePicker: import('../utils').SFCWithInstall<{
         readonly placement: import('@floating-ui/dom').Placement;
         readonly confirm: boolean | undefined;
         readonly valueFormat: string;
+        readonly defaultValue: import('../date-picker/src/picker').PickerValueItem;
+        readonly disabledDate: (date: Date) => boolean;
         readonly startPlaceholder: string;
         readonly endPlaceholder: string;
         readonly rangeSeparator: string;
         readonly editable: boolean;
-        readonly disabledDate: (date: Date) => boolean;
         readonly disabledHours: import('../date-picker/src/picker').DisabledTimeResolver;
         readonly disabledMinutes: import('../date-picker/src/picker').DisabledTimeResolver;
         readonly disabledSeconds: import('../date-picker/src/picker').DisabledTimeResolver;
@@ -373,7 +374,6 @@ export declare const CpDateTimePicker: import('../utils').SFCWithInstall<{
         readonly secondStep: number;
         readonly showSeconds: boolean;
         readonly shortcuts: import('../date-picker/src/picker').PickerShortcut[];
-        readonly defaultValue: import('../date-picker/src/picker').PickerValueItem;
         readonly defaultTime: string | [string, string];
         readonly unlinkPanels: boolean;
     }>;
@@ -550,11 +550,12 @@ export declare const CpDateTimePicker: import('../utils').SFCWithInstall<{
     readonly placement: import('@floating-ui/dom').Placement;
     readonly confirm: boolean | undefined;
     readonly valueFormat: string;
+    readonly defaultValue: import('../date-picker/src/picker').PickerValueItem;
+    readonly disabledDate: (date: Date) => boolean;
     readonly startPlaceholder: string;
     readonly endPlaceholder: string;
     readonly rangeSeparator: string;
     readonly editable: boolean;
-    readonly disabledDate: (date: Date) => boolean;
     readonly disabledHours: import('../date-picker/src/picker').DisabledTimeResolver;
     readonly disabledMinutes: import('../date-picker/src/picker').DisabledTimeResolver;
     readonly disabledSeconds: import('../date-picker/src/picker').DisabledTimeResolver;
@@ -563,7 +564,6 @@ export declare const CpDateTimePicker: import('../utils').SFCWithInstall<{
     readonly secondStep: number;
     readonly showSeconds: boolean;
     readonly shortcuts: import('../date-picker/src/picker').PickerShortcut[];
-    readonly defaultValue: import('../date-picker/src/picker').PickerValueItem;
     readonly defaultTime: string | [string, string];
     readonly unlinkPanels: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {

package/dist/date-time-picker/src/date-time-picker.vue.d.ts

@@ -323,11 +323,12 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     readonly placement: import('@floating-ui/dom').Placement;
     readonly confirm: boolean | undefined;
     readonly valueFormat: string;
+    readonly defaultValue: import('..').PickerValueItem;
+    readonly disabledDate: (date: Date) => boolean;
     readonly startPlaceholder: string;
     readonly endPlaceholder: string;
     readonly rangeSeparator: string;
     readonly editable: boolean;
-    readonly disabledDate: (date: Date) => boolean;
     readonly disabledHours: import('..').DisabledTimeResolver;
     readonly disabledMinutes: import('..').DisabledTimeResolver;
     readonly disabledSeconds: import('..').DisabledTimeResolver;
@@ -336,7 +337,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     readonly secondStep: number;
     readonly showSeconds: boolean;
     readonly shortcuts: import('..').PickerShortcut[];
-    readonly defaultValue: import('..').PickerValueItem;
     readonly defaultTime: string | [string, string];
     readonly unlinkPanels: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;

package/dist/dialog/index.d.ts

@@ -43,6 +43,10 @@ export declare const CpDialog: import('../utils').SFCWithInstall<{
             type: BooleanConstructor;
             default: boolean;
         };
+        fullscreenInset: {
+            type: import('vue').PropType<import('.').DialogFullscreenInset>;
+            default: undefined;
+        };
         modal: {
             type: BooleanConstructor;
             default: boolean;
@@ -279,6 +283,7 @@ export declare const CpDialog: import('../utils').SFCWithInstall<{
         draggable: boolean;
         closeOnEscape: boolean;
         fullscreen: boolean;
+        fullscreenInset: import('.').DialogFullscreenInset;
         modal: boolean;
         appendToBody: boolean;
         closeOnClickModal: boolean;
@@ -330,6 +335,10 @@ export declare const CpDialog: import('../utils').SFCWithInstall<{
             type: BooleanConstructor;
             default: boolean;
         };
+        fullscreenInset: {
+            type: import('vue').PropType<import('.').DialogFullscreenInset>;
+            default: undefined;
+        };
         modal: {
             type: BooleanConstructor;
             default: boolean;
@@ -558,6 +567,7 @@ export declare const CpDialog: import('../utils').SFCWithInstall<{
         draggable: boolean;
         closeOnEscape: boolean;
         fullscreen: boolean;
+        fullscreenInset: import('.').DialogFullscreenInset;
         modal: boolean;
         appendToBody: boolean;
         closeOnClickModal: boolean;
@@ -603,6 +613,10 @@ export declare const CpDialog: import('../utils').SFCWithInstall<{
         type: BooleanConstructor;
         default: boolean;
     };
+    fullscreenInset: {
+        type: import('vue').PropType<import('.').DialogFullscreenInset>;
+        default: undefined;
+    };
     modal: {
         type: BooleanConstructor;
         default: boolean;
@@ -839,6 +853,7 @@ export declare const CpDialog: import('../utils').SFCWithInstall<{
     draggable: boolean;
     closeOnEscape: boolean;
     fullscreen: boolean;
+    fullscreenInset: import('.').DialogFullscreenInset;
     modal: boolean;
     appendToBody: boolean;
     closeOnClickModal: boolean;

package/dist/dialog/src/dialog.d.ts

@@ -25,6 +25,11 @@ export type DialogShape = 'clip' | 'no-clip' | 'round';
  */
 export type DialogType = 'default' | 'primary' | 'success' | 'warning' | 'error' | 'info';
 export type DialogCustomClass = string | Record<string, boolean> | Array<string | Record<string, boolean>>;
+export type DialogFullscreenInsetValue = string | number;
+/**
+ * 全屏模式下对话框相对视口的安全边距
+ */
+export type DialogFullscreenInset = DialogFullscreenInsetValue | Partial<Record<'top' | 'right' | 'bottom' | 'left', DialogFullscreenInsetValue>>;
 /**
  * CpDialog Props 定义
  *
@@ -39,6 +44,16 @@ export type DialogCustomClass = string | Record<string, boolean> | Array<string
  *     <CpButton type="primary" @click="visible = false">确认</CpButton>
  *   </template>
  * </CpDialog>
+ *
+ * <CpDialog
+ *   v-model="visible"
+ *   title="全屏安全边距"
+ *   fullscreen
+ *   :fullscreen-inset="{ top: '64px', right: '24px', bottom: '32px', left: '24px' }"
+ *   :body-style="{ padding: '24px 32px' }"
+ * >
+ *   <p>为固定顶栏、底栏或设备安全区预留空间。</p>
+ * </CpDialog>
  * ```
  *
  * @slots
@@ -93,6 +108,15 @@ export declare const dialogProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * 全屏模式下对话框相对视口的安全边距
+     * 数字则为 px，字符串可以是任意 CSS 长度；对象可分别控制 top/right/bottom/left
+     * @default undefined
+     */
+    fullscreenInset: {
+        type: PropType<DialogFullscreenInset>;
+        default: undefined;
+    };
     /**
      * 是否显示遮罩
      * @default true

package/dist/dialog/src/dialog.vue.d.ts

@@ -41,6 +41,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: BooleanConstructor;
         default: boolean;
     };
+    fullscreenInset: {
+        type: import('vue').PropType<import('./dialog').DialogFullscreenInset>;
+        default: undefined;
+    };
     modal: {
         type: BooleanConstructor;
         default: boolean;
@@ -261,6 +265,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: BooleanConstructor;
         default: boolean;
     };
+    fullscreenInset: {
+        type: import('vue').PropType<import('./dialog').DialogFullscreenInset>;
+        default: undefined;
+    };
     modal: {
         type: BooleanConstructor;
         default: boolean;
@@ -485,6 +493,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     draggable: boolean;
     closeOnEscape: boolean;
     fullscreen: boolean;
+    fullscreenInset: import('./dialog').DialogFullscreenInset;
     modal: boolean;
     appendToBody: boolean;
     closeOnClickModal: boolean;