@cyberpunk-vue/components 1.13.5 → 1.13.7

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

@@ -0,0 +1,179 @@
+import { ExtractPropTypes } from 'vue';
+/**
+ * CpDateTimePicker 组件 Props 定义
+ *
+ * @description 赛博朋克风格日期时间选择器，支持日期与时间组合选择以及日期时间范围选择。
+ *
+ * @example
+ * ```vue
+ * <CpDateTimePicker v-model="value" value-format="YYYY-MM-DD HH:mm:ss" />
+ * <CpDateTimePicker v-model="range" type="datetimerange" />
+ * ```
+ *
+ * @slots
+ * - `prefix` - 触发器前缀内容
+ * - `suffix` - 触发器后缀内容
+ * - `cell` - 自定义日期单元格内容
+ * - `footer` - 自定义面板底部操作区
+ *
+ * @exposes
+ * - `open` - 打开选择器浮层
+ * - `close` - 关闭选择器浮层
+ * - `toggle` - 切换选择器浮层
+ * - `focus` - 聚焦触发器
+ * - `blur` - 失焦触发器
+ * @category 表单组件
+ * @displayName CpDateTimePicker 日期时间选择器
+ */
+export declare const dateTimePickerProps: {
+    /**
+     * 日期时间选择器类型
+     * @default 'datetime'
+     */
+    readonly type: {
+        readonly default: "datetime";
+        readonly type: import('vue').PropType<import('../../date-picker/src/picker').PickerType>;
+    };
+    readonly modelValue: {
+        readonly type: import('vue').PropType<import('../../date-picker/src/picker').PickerModelValue>;
+        readonly default: null;
+    };
+    readonly format: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly valueFormat: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly placeholder: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly startPlaceholder: {
+        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 editable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly clearable: {
+        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/src/picker').PickerSize>;
+        readonly default: "md";
+    };
+    readonly shape: {
+        readonly type: import('vue').PropType<import('../../date-picker/src/picker').PickerShape>;
+        readonly default: "clip";
+    };
+    readonly variant: {
+        readonly type: import('vue').PropType<import('../../date-picker/src/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 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/src/picker').DisabledTimeResolver>;
+        readonly default: undefined;
+    };
+    readonly disabledMinutes: {
+        readonly type: import('vue').PropType<import('../../date-picker/src/picker').DisabledTimeResolver>;
+        readonly default: undefined;
+    };
+    readonly disabledSeconds: {
+        readonly type: import('vue').PropType<import('../../date-picker/src/picker').DisabledTimeResolver>;
+        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/src/picker').PickerShortcut[]>;
+        readonly default: () => never[];
+    };
+    readonly defaultValue: {
+        readonly type: import('vue').PropType<import('../../date-picker/src/picker').PickerValueItem>;
+        readonly default: undefined;
+    };
+    readonly defaultTime: {
+        readonly type: import('vue').PropType<string | [string, string]>;
+        readonly default: undefined;
+    };
+    readonly unlinkPanels: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+};
+export type DateTimePickerProps = ExtractPropTypes<typeof dateTimePickerProps>;
+export declare const dateTimePickerEmits: {
+    'update:modelValue': (_value: import('../../date-picker/src/picker').PickerModelValue) => boolean;
+    change: (_value: import('../../date-picker/src/picker').PickerModelValue) => boolean;
+    clear: () => boolean;
+    focus: (event?: FocusEvent) => boolean;
+    blur: (event?: FocusEvent) => boolean;
+    visibleChange: (visible: boolean) => boolean;
+};
+export type DateTimePickerEmits = typeof dateTimePickerEmits;

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

@@ -0,0 +1,349 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        prefix?(_: {}): any;
+        suffix?(_: {}): any;
+        cell?(_: {
+            cell: import('..').PickerCell;
+        }): any;
+        footer?(_: {
+            confirm: (false & (() => void)) | (true & (() => void));
+            cancel: () => void;
+            clear: (event?: MouseEvent) => void;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    readonly type: {
+        readonly default: "datetime";
+        readonly type: import('vue').PropType<import('..').PickerType>;
+    };
+    readonly modelValue: {
+        readonly type: import('vue').PropType<import('..').PickerModelValue>;
+        readonly default: null;
+    };
+    readonly format: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly valueFormat: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly placeholder: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly startPlaceholder: {
+        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 editable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly clearable: {
+        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('..').PickerSize>;
+        readonly default: "md";
+    };
+    readonly shape: {
+        readonly type: import('vue').PropType<import('..').PickerShape>;
+        readonly default: "clip";
+    };
+    readonly variant: {
+        readonly type: import('vue').PropType<import('..').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 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('..').DisabledTimeResolver>;
+        readonly default: undefined;
+    };
+    readonly disabledMinutes: {
+        readonly type: import('vue').PropType<import('..').DisabledTimeResolver>;
+        readonly default: undefined;
+    };
+    readonly disabledSeconds: {
+        readonly type: import('vue').PropType<import('..').DisabledTimeResolver>;
+        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('..').PickerShortcut[]>;
+        readonly default: () => never[];
+    };
+    readonly defaultValue: {
+        readonly type: import('vue').PropType<import('..').PickerValueItem>;
+        readonly default: undefined;
+    };
+    readonly defaultTime: {
+        readonly type: import('vue').PropType<string | [string, string]>;
+        readonly default: undefined;
+    };
+    readonly unlinkPanels: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    clear: () => void;
+    blur: (event?: FocusEvent | undefined) => void;
+    change: (_value: import('..').PickerModelValue) => void;
+    "update:modelValue": (_value: import('..').PickerModelValue) => void;
+    focus: (event?: FocusEvent | undefined) => void;
+    visibleChange: (visible: boolean) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    readonly type: {
+        readonly default: "datetime";
+        readonly type: import('vue').PropType<import('..').PickerType>;
+    };
+    readonly modelValue: {
+        readonly type: import('vue').PropType<import('..').PickerModelValue>;
+        readonly default: null;
+    };
+    readonly format: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly valueFormat: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly placeholder: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly startPlaceholder: {
+        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 editable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly clearable: {
+        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('..').PickerSize>;
+        readonly default: "md";
+    };
+    readonly shape: {
+        readonly type: import('vue').PropType<import('..').PickerShape>;
+        readonly default: "clip";
+    };
+    readonly variant: {
+        readonly type: import('vue').PropType<import('..').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 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('..').DisabledTimeResolver>;
+        readonly default: undefined;
+    };
+    readonly disabledMinutes: {
+        readonly type: import('vue').PropType<import('..').DisabledTimeResolver>;
+        readonly default: undefined;
+    };
+    readonly disabledSeconds: {
+        readonly type: import('vue').PropType<import('..').DisabledTimeResolver>;
+        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('..').PickerShortcut[]>;
+        readonly default: () => never[];
+    };
+    readonly defaultValue: {
+        readonly type: import('vue').PropType<import('..').PickerValueItem>;
+        readonly default: undefined;
+    };
+    readonly defaultTime: {
+        readonly type: import('vue').PropType<string | [string, string]>;
+        readonly default: undefined;
+    };
+    readonly unlinkPanels: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>> & Readonly<{
+    onClear?: (() => any) | undefined;
+    onBlur?: ((event?: FocusEvent | undefined) => any) | undefined;
+    onChange?: ((_value: import('..').PickerModelValue) => any) | undefined;
+    "onUpdate:modelValue"?: ((_value: import('..').PickerModelValue) => any) | undefined;
+    onFocus?: ((event?: FocusEvent | undefined) => any) | undefined;
+    onVisibleChange?: ((visible: boolean) => any) | undefined;
+}>, {
+    readonly size: import('@cyberpunk-vue/hooks').Size;
+    readonly width: string | number;
+    readonly format: string;
+    readonly type: import('..').PickerType;
+    readonly color: string;
+    readonly variant: import('..').PickerVariant;
+    readonly disabled: boolean;
+    readonly shape: import('..').PickerShape;
+    readonly placeholder: string;
+    readonly modelValue: import('..').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 valueFormat: string;
+    readonly defaultValue: import('..').PickerValueItem;
+    readonly disabledDate: (date: Date) => boolean;
+    readonly startPlaceholder: string;
+    readonly endPlaceholder: string;
+    readonly rangeSeparator: string;
+    readonly editable: boolean;
+    readonly disabledHours: import('..').DisabledTimeResolver;
+    readonly disabledMinutes: import('..').DisabledTimeResolver;
+    readonly disabledSeconds: import('..').DisabledTimeResolver;
+    readonly hourStep: number;
+    readonly minuteStep: number;
+    readonly secondStep: number;
+    readonly showSeconds: boolean;
+    readonly shortcuts: import('..').PickerShortcut[];
+    readonly defaultTime: string | [string, string];
+    readonly unlinkPanels: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

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;