sard 1.0.0 → 1.0.2

package/components/datetime-range-picker-popout/datetime-range-picker-popout.d.ts

@@ -0,0 +1,54 @@
+import { type DatetimeRangePickerPopoutProps, type DatetimeRangePickerPopoutSlots } from './common';
+type __VLS_Slots = DatetimeRangePickerPopoutSlots;
+declare const __VLS_base: import("vue").DefineComponent<DatetimeRangePickerPopoutProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    change: (date: (string | Date)[] | undefined) => any;
+    "before-enter": (el: Element) => any;
+    enter: (el: Element) => any;
+    "after-enter": (el: Element) => any;
+    "enter-cancelled": (el: Element) => any;
+    "before-leave": (el: Element) => any;
+    leave: (el: Element) => any;
+    "after-leave": (el: Element) => any;
+    "leave-cancelled": (el: Element) => any;
+    "visible-hook": (name: import("../index.ts").MotionHookName, el: Element) => any;
+    "update:visible": (visible: boolean) => any;
+    "update:modelValue": (date: (string | Date)[] | undefined) => any;
+    confirm: () => any;
+}, string, import("vue").PublicProps, Readonly<DatetimeRangePickerPopoutProps> & Readonly<{
+    onChange?: ((date: (string | Date)[] | undefined) => any) | undefined;
+    "onBefore-enter"?: ((el: Element) => any) | undefined;
+    onEnter?: ((el: Element) => any) | undefined;
+    "onAfter-enter"?: ((el: Element) => any) | undefined;
+    "onEnter-cancelled"?: ((el: Element) => any) | undefined;
+    "onBefore-leave"?: ((el: Element) => any) | undefined;
+    onLeave?: ((el: Element) => any) | undefined;
+    "onAfter-leave"?: ((el: Element) => any) | undefined;
+    "onLeave-cancelled"?: ((el: Element) => any) | undefined;
+    "onVisible-hook"?: ((name: import("../index.ts").MotionHookName, el: Element) => any) | undefined;
+    "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((date: (string | Date)[] | undefined) => any) | undefined;
+    onConfirm?: (() => any) | undefined;
+}>, {
+    filter: (letter: import("../index.ts").DatetimeLetter, value: number, date: Date, index: number) => boolean;
+    title: string;
+    min: Date | string;
+    max: Date | string;
+    type: string;
+    visible: boolean;
+    modelValue: (Date | string)[];
+    formatter: (letter: import("../index.ts").DatetimeLetter, option: import("../index.ts").DatetimeColumnOption, date: Date, index: number) => string | void | undefined;
+    valueFormat: string;
+    showConfirm: boolean;
+    calendar: "solar" | "lunar";
+    validateEvent: boolean;
+    resettable: boolean;
+    tabs: string[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/datetime-range-picker-popout/datetime-range-picker-popout.js

@@ -0,0 +1,128 @@
+import { toDate } from "../../utils/date.js";
+import { isEmptyBinding } from "../../utils/utils.js";
+import popout_default from "../popout/popout.js";
+import { getMaxDate, getMinDate, normalizeRangeValue } from "../datetime-picker/common.js";
+import { omitFormPopoutProps, useFormPopout } from "../popout/useFormPopout.js";
+import datetime_range_picker_default from "../datetime-range-picker/datetime-range-picker.js";
+import { defaultDatetimeRangePickerPopoutProps } from "./common.js";
+import { computed, createBlock, createVNode, defineComponent, isRef, mergeDefaults, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+//#region packages/sard/components/datetime-range-picker-popout/datetime-range-picker-popout.vue
+var datetime_range_picker_popout_default = /*@__PURE__*/ defineComponent({
+	__name: "datetime-range-picker-popout",
+	props: /*@__PURE__*/ mergeDefaults({
+		visible: {
+			type: Boolean,
+			required: false
+		},
+		title: {
+			type: String,
+			required: false
+		},
+		resettable: {
+			type: Boolean,
+			required: false
+		},
+		validateEvent: {
+			type: Boolean,
+			required: false
+		},
+		showConfirm: {
+			type: Boolean,
+			required: false
+		},
+		modelValue: {
+			type: Array,
+			required: false
+		},
+		tabs: {
+			type: Array,
+			required: false
+		},
+		type: {
+			type: String,
+			required: false
+		},
+		calendar: {
+			type: String,
+			required: false
+		},
+		min: {
+			type: [Date, String],
+			required: false
+		},
+		max: {
+			type: [Date, String],
+			required: false
+		},
+		filter: {
+			type: Function,
+			required: false
+		},
+		formatter: {
+			type: Function,
+			required: false
+		},
+		valueFormat: {
+			type: String,
+			required: false
+		}
+	}, defaultDatetimeRangePickerPopoutProps),
+	emits: [
+		"update:visible",
+		"update:modelValue",
+		"change",
+		"confirm",
+		"before-enter",
+		"enter",
+		"after-enter",
+		"enter-cancelled",
+		"before-leave",
+		"leave",
+		"after-leave",
+		"leave-cancelled",
+		"visible-hook"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const omittedProps = omitFormPopoutProps(props);
+		const minDate = computed(() => toDate(props.min || getMinDate(), props.valueFormat));
+		const maxDate = computed(() => {
+			const maxDate = toDate(props.max || getMaxDate(), props.valueFormat);
+			return maxDate < minDate.value ? new Date(minDate.value) : maxDate;
+		});
+		const { innerVisible, innerValue, draftValue, onChange, onConfirm, onVisibleHook } = useFormPopout(props, emit, { onConfirmBefore() {
+			if (!draftValue.value || Array.isArray(draftValue.value) && draftValue.value.filter(Boolean).length < 2) draftValue.value = normalizeRangeValue(minDate.value, maxDate.value, draftValue.value, props.valueFormat);
+		} });
+		const onEnter = () => {
+			if (!isEmptyBinding(innerValue.value) && draftValue.value !== innerValue.value) draftValue.value = innerValue.value;
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(popout_default, {
+				visible: unref(innerVisible),
+				"onUpdate:visible": _cache[0] || (_cache[0] = ($event) => isRef(innerVisible) ? innerVisible.value = $event : null),
+				title: __props.title,
+				onConfirm: unref(onConfirm),
+				onEnter,
+				onVisibleHook: unref(onVisibleHook)
+			}, {
+				default: withCtx(() => [createVNode(datetime_range_picker_default, mergeProps(unref(omittedProps), {
+					"model-value": unref(draftValue),
+					onChange: unref(onChange)
+				}), {
+					header: withCtx(() => [renderSlot(_ctx.$slots, "header")]),
+					footer: withCtx(() => [renderSlot(_ctx.$slots, "footer")]),
+					_: 3
+				}, 16, ["model-value", "onChange"])]),
+				_: 3
+			}, 8, [
+				"visible",
+				"title",
+				"onConfirm",
+				"onVisibleHook"
+			]);
+		};
+	}
+});
+//#endregion
+export { datetime_range_picker_popout_default as default };

package/components/datetime-range-picker-popout/index.d.ts

@@ -0,0 +1,5 @@
+import { type EnhancedComponent } from '../../utils';
+import _DatetimeRangePickerPopout from './datetime-range-picker-popout.vue';
+export declare const DatetimeRangePickerPopout: EnhancedComponent<typeof _DatetimeRangePickerPopout>;
+export default DatetimeRangePickerPopout;
+export type { DatetimeRangePickerPopoutProps, DatetimeRangePickerPopoutSlots, DatetimeRangePickerPopoutEmits, DatetimeRangePickerPopoutExpose, } from './common';

package/components/datetime-range-picker-popout/index.js

@@ -0,0 +1,6 @@
+import { enhanceComponent } from "../../utils/component.js";
+import datetime_range_picker_popout_default from "./datetime-range-picker-popout.js";
+//#region packages/sard/components/datetime-range-picker-popout/index.ts
+const DatetimeRangePickerPopout = enhanceComponent(datetime_range_picker_popout_default);
+//#endregion
+export { DatetimeRangePickerPopout, DatetimeRangePickerPopout as default };

package/components/descriptions/common.d.ts

@@ -0,0 +1,39 @@
+import { type InjectionKey } from 'vue';
+import { type DefaultProps } from '../config';
+export type DescriptionsAlign = 'start' | 'center' | 'end';
+export interface DescriptionsProps {
+    bordered?: boolean;
+    colon?: boolean;
+    columns?: number;
+    labelWidth?: string;
+    labelAlign?: DescriptionsAlign;
+}
+export declare const defaultDescriptionsProps: DefaultProps<DescriptionsProps>;
+export interface DescriptionsSlots {
+    default?(props: Record<string, never>): any;
+}
+export interface DescriptionsEmits {
+}
+export interface DescriptionsContext {
+    bordered?: boolean;
+    colon?: boolean;
+    labelWidth?: string;
+    labelAlign?: DescriptionsAlign;
+}
+export declare const descriptionsContextKey: InjectionKey<DescriptionsContext>;
+export interface DescriptionsItemProps {
+    label?: string;
+    colspan?: number;
+    rowspan?: number;
+    labelWidth?: string;
+    labelAlign?: DescriptionsAlign;
+    /** @internal set by Descriptions for last item in incomplete rows */
+    contentColspan?: number;
+}
+export declare const defaultDescriptionsItemProps: DefaultProps<DescriptionsItemProps>;
+export interface DescriptionsItemSlots {
+    default?(props: Record<string, never>): any;
+    label?(props: Record<string, never>): any;
+}
+export interface DescriptionsItemEmits {
+}

package/components/descriptions/common.js

@@ -0,0 +1,12 @@
+//#region packages/sard/components/descriptions/common.ts
+const defaultDescriptionsProps = {
+	columns: 1,
+	colon: false
+};
+const descriptionsContextKey = Symbol("descriptionsContext");
+const defaultDescriptionsItemProps = {
+	colspan: 1,
+	rowspan: 1
+};
+//#endregion
+export { defaultDescriptionsItemProps, defaultDescriptionsProps, descriptionsContextKey };

package/components/descriptions/descriptions-item.d.ts

@@ -0,0 +1,18 @@
+import { type DescriptionsItemProps, type DescriptionsItemSlots } from './common';
+type __VLS_Slots = DescriptionsItemSlots;
+declare const __VLS_base: import("vue").DefineComponent<DescriptionsItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DescriptionsItemProps> & Readonly<{}>, {
+    label: string;
+    colspan: number;
+    labelWidth: string;
+    labelAlign: import("./common").DescriptionsAlign;
+    rowspan: number;
+    contentColspan: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/descriptions/descriptions-item.js

@@ -0,0 +1,76 @@
+import { createBem } from "../../utils/bem.js";
+import { defaultDescriptionsItemProps, descriptionsContextKey } from "./common.js";
+import { Fragment, computed, createElementBlock, createElementVNode, createTextVNode, defineComponent, inject, mergeDefaults, normalizeClass, normalizeStyle, openBlock, renderSlot, toDisplayString } from "vue";
+//#region packages/sard/components/descriptions/descriptions-item.vue
+const _hoisted_1 = ["rowspan"];
+const _hoisted_2 = ["colspan", "rowspan"];
+var descriptions_item_default = /*@__PURE__*/ defineComponent({
+	__name: "descriptions-item",
+	props: /*@__PURE__*/ mergeDefaults({
+		label: {
+			type: String,
+			required: false
+		},
+		colspan: {
+			type: Number,
+			required: false
+		},
+		rowspan: {
+			type: Number,
+			required: false
+		},
+		labelWidth: {
+			type: String,
+			required: false
+		},
+		labelAlign: {
+			type: String,
+			required: false
+		},
+		contentColspan: {
+			type: Number,
+			required: false
+		}
+	}, defaultDescriptionsItemProps),
+	setup(__props) {
+		const props = __props;
+		const bem = createBem("descriptions");
+		const context = inject(descriptionsContextKey);
+		if (!context) throw new Error("DescriptionsItem must be included in Descriptions.");
+		const colspan = computed(() => props.colspan ?? 1);
+		const rowspan = computed(() => props.rowspan ?? 1);
+		const contentColspan = computed(() => props.contentColspan ?? colspan.value * 2 - 1);
+		const effectiveLabelWidth = computed(() => props.labelWidth ?? context.labelWidth);
+		const effectiveLabelAlign = computed(() => props.labelAlign ?? context.labelAlign);
+		const labelStyle = computed(() => {
+			const style = {};
+			if (effectiveLabelWidth.value) style.width = effectiveLabelWidth.value;
+			if (effectiveLabelAlign.value) style.textAlign = effectiveLabelAlign.value;
+			return Object.keys(style).length ? style : void 0;
+		});
+		const labelCellClass = computed(() => {
+			return [
+				bem.e("item-label"),
+				bem.is("bordered", context.bordered),
+				bem.has("colon", context.colon)
+			];
+		});
+		const contentCellClass = computed(() => {
+			return [bem.e("item-content"), bem.is("bordered", context.bordered)];
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createElementVNode("td", {
+				class: normalizeClass(labelCellClass.value),
+				colspan: "1",
+				rowspan: rowspan.value,
+				style: normalizeStyle(labelStyle.value)
+			}, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(__props.label), 1)])], 14, _hoisted_1), createElementVNode("td", {
+				class: normalizeClass(contentCellClass.value),
+				colspan: contentColspan.value,
+				rowspan: rowspan.value
+			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_2)], 64);
+		};
+	}
+});
+//#endregion
+export { descriptions_item_default as default };

package/components/descriptions/descriptions.d.ts

@@ -0,0 +1,17 @@
+import { type DescriptionsProps, type DescriptionsSlots } from './common';
+type __VLS_Slots = DescriptionsSlots;
+declare const __VLS_base: import("vue").DefineComponent<DescriptionsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DescriptionsProps> & Readonly<{}>, {
+    columns: number;
+    labelWidth: string;
+    labelAlign: import("./common").DescriptionsAlign;
+    bordered: boolean;
+    colon: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/descriptions/descriptions.js

@@ -0,0 +1,102 @@
+import { createBem } from "../../utils/bem.js";
+import { flatVNode } from "../../utils/vnode.js";
+import { defaultDescriptionsProps, descriptionsContextKey } from "./common.js";
+import { Fragment, cloneVNode, computed, createBlock, createElementBlock, createElementVNode, defineComponent, mergeDefaults, normalizeClass, openBlock, provide, reactive, renderList, resolveDynamicComponent, toRef, useSlots } from "vue";
+//#region packages/sard/components/descriptions/descriptions.vue
+var descriptions_default = /*@__PURE__*/ defineComponent({
+	__name: "descriptions",
+	props: /*@__PURE__*/ mergeDefaults({
+		bordered: {
+			type: Boolean,
+			required: false
+		},
+		colon: {
+			type: Boolean,
+			required: false
+		},
+		columns: {
+			type: Number,
+			required: false
+		},
+		labelWidth: {
+			type: String,
+			required: false
+		},
+		labelAlign: {
+			type: String,
+			required: false
+		}
+	}, defaultDescriptionsProps),
+	setup(__props) {
+		const props = __props;
+		const bem = createBem("descriptions");
+		provide(descriptionsContextKey, reactive({
+			bordered: toRef(() => props.bordered),
+			colon: toRef(() => props.colon),
+			labelWidth: toRef(() => props.labelWidth),
+			labelAlign: toRef(() => props.labelAlign)
+		}));
+		const slots = useSlots();
+		const columns = computed(() => props.columns ?? 1);
+		const rows = computed(() => {
+			if (!slots.default) return [];
+			const children = flatVNode(slots.default());
+			const result = [];
+			let temp = [];
+			let count = columns.value;
+			const rowspanTemp = [];
+			children.forEach((node, index) => {
+				const nodeColspan = node.props?.colspan ?? 1;
+				const nodeRowspan = node.props?.rowspan ?? 1;
+				let rowNo = result.length;
+				rowspanTemp[rowNo] ||= 0;
+				if (nodeRowspan > 1) for (let i = 1; i < nodeRowspan; i++) {
+					rowspanTemp[rowNo + i] ||= 0;
+					rowspanTemp[rowNo + i]++;
+				}
+				while (rowspanTemp[rowNo] > 0) {
+					count -= rowspanTemp[rowNo];
+					rowspanTemp[rowNo] = 0;
+					if (count <= 0) {
+						result.push(temp);
+						temp = [];
+						count = columns.value;
+						rowNo++;
+					}
+				}
+				if (index === children.length - 1) {
+					temp.push(cloneVNode(node, { contentColspan: nodeColspan < count ? count * 2 - 1 : void 0 }));
+					result.push(temp);
+					return;
+				}
+				if (nodeColspan < count) {
+					count -= nodeColspan;
+					temp.push(node);
+				} else {
+					const span = Math.min(nodeColspan, count);
+					temp.push(cloneVNode(node, { contentColspan: span === nodeColspan ? void 0 : span * 2 - 1 }));
+					result.push(temp);
+					count = columns.value;
+					temp = [];
+				}
+			});
+			return result;
+		});
+		const descriptionsClass = computed(() => {
+			return [
+				bem.b(),
+				bem.is("bordered", props.bordered),
+				bem.has("colon", props.colon)
+			];
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("table", { class: normalizeClass(descriptionsClass.value) }, [createElementVNode("tbody", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(rows.value, (row, rowIndex) => {
+				return openBlock(), createElementBlock("tr", { key: rowIndex }, [(openBlock(true), createElementBlock(Fragment, null, renderList(row, (child, colIndex) => {
+					return openBlock(), createBlock(resolveDynamicComponent(child), { key: colIndex });
+				}), 128))]);
+			}), 128))])], 2);
+		};
+	}
+});
+//#endregion
+export { descriptions_default as default };

package/components/descriptions/index.css

@@ -0,0 +1 @@
+:root{--s-descriptions-label-color:var(--s-text-color-tertiary);--s-descriptions-label-font-size:var(--s-font-size);--s-descriptions-label-bg:var(--s-fill-color-fourth);--s-descriptions-content-color:var(--s-text-color-primary);--s-descriptions-content-font-size:var(--s-font-size);--s-descriptions-item-padding-y:var(--s-size-xs);--s-descriptions-item-padding-x:var(--s-size-sm);--s-descriptions-border-color:var(--s-border-color)}.s-descriptions{width:100%;table-layout:fixed;border-collapse:collapse}.s-descriptions__item-label{padding-bottom:var(--s-descriptions-item-padding-y);padding-inline-end:var(--s-descriptions-item-padding-x);color:var(--s-descriptions-label-color);font-size:var(--s-descriptions-label-font-size);word-break:break-word}.s-descriptions__item-label:is(.is-bordered){padding:var(--s-descriptions-item-padding-y) var(--s-descriptions-item-padding-x);border:var(--s-border-width) solid var(--s-descriptions-border-color);background:var(--s-descriptions-label-bg)}.s-descriptions__item-label:is(.has-colon)::after{content:":"}.s-descriptions__item-content{padding-bottom:var(--s-descriptions-item-padding-y)}.s-descriptions__item-content:not(:last-child){padding-inline-end:var(--s-descriptions-item-padding-x)}.s-descriptions__item-content{color:var(--s-descriptions-content-color);font-size:var(--s-descriptions-content-font-size);word-break:break-word}.s-descriptions__item-content:is(.is-bordered){padding:var(--s-descriptions-item-padding-y) var(--s-descriptions-item-padding-x);border:var(--s-border-width) solid var(--s-descriptions-border-color)}.s-descriptions tr:last-child .s-descriptions__item-label:not(.is-bordered),.s-descriptions tr:last-child .s-descriptions__item-content:not(.is-bordered){padding-bottom:0}

package/components/descriptions/index.d.ts

@@ -0,0 +1,7 @@
+import { type EnhancedComponent } from '../../utils';
+import _Descriptions from './descriptions.vue';
+import _DescriptionsItem from './descriptions-item.vue';
+export declare const Descriptions: EnhancedComponent<typeof _Descriptions>;
+export declare const DescriptionsItem: EnhancedComponent<typeof _DescriptionsItem>;
+export default Descriptions;
+export type { DescriptionsProps, DescriptionsSlots, DescriptionsEmits, DescriptionsItemProps, DescriptionsItemSlots, DescriptionsItemEmits, DescriptionsContext, } from './common';

package/components/descriptions/index.js

@@ -0,0 +1,8 @@
+import { enhanceComponent } from "../../utils/component.js";
+import descriptions_default from "./descriptions.js";
+import descriptions_item_default from "./descriptions-item.js";
+//#region packages/sard/components/descriptions/index.ts
+const Descriptions = enhanceComponent(descriptions_default);
+const DescriptionsItem = enhanceComponent(descriptions_item_default);
+//#endregion
+export { Descriptions, Descriptions as default, DescriptionsItem };

package/components/dialog/common.d.ts

@@ -0,0 +1,35 @@
+import { type DefaultProps } from '../config';
+import { type ButtonProps } from '../button';
+import type { MotionEmits } from '../motion';
+export type DialogBeforeClose = (type: 'close' | 'cancel' | 'confirm', loading: {
+    readonly cancel: boolean;
+    readonly confirm: boolean;
+    readonly close: boolean;
+}) => any;
+export interface DialogProps {
+    visible?: boolean;
+    title?: string;
+    message?: string;
+    headed?: boolean;
+    buttonType?: 'round' | 'text';
+    showCancel?: boolean;
+    cancelText?: string;
+    showConfirm?: boolean;
+    confirmText?: string;
+    overlayClosable?: boolean;
+    beforeClose?: DialogBeforeClose;
+    cancelProps?: ButtonProps;
+    confirmProps?: ButtonProps;
+}
+export declare const defaultDialogProps: DefaultProps<DialogProps>;
+export interface DialogSlots {
+    default?(props: Record<string, never>): any;
+}
+export interface DialogEmits extends MotionEmits {
+    (e: 'update:visible', visible: boolean): void;
+    (e: 'close'): void;
+    (e: 'cancel'): void;
+    (e: 'confirm'): void;
+}
+export interface DialogExpose {
+}

package/components/dialog/common.js

@@ -0,0 +1,10 @@
+//#region packages/sard/components/dialog/common.ts
+const defaultDialogProps = {
+	headed: true,
+	buttonType: "round",
+	showCancel: true,
+	showConfirm: true,
+	overlayClosable: true
+};
+//#endregion
+export { defaultDialogProps };

package/components/dialog/dialog.d.ts

@@ -0,0 +1,55 @@
+import { type DialogProps, type DialogSlots } from './common';
+import { type ButtonProps } from '../button';
+import type { MotionHookName } from '../motion/common';
+type __VLS_Slots = DialogSlots;
+declare const __VLS_base: import("vue").DefineComponent<DialogProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    cancel: () => any;
+    close: () => any;
+    "before-enter": (el: Element) => any;
+    enter: (el: Element) => any;
+    "after-enter": (el: Element) => any;
+    "enter-cancelled": (el: Element) => any;
+    "before-leave": (el: Element) => any;
+    leave: (el: Element) => any;
+    "after-leave": (el: Element) => any;
+    "leave-cancelled": (el: Element) => any;
+    "visible-hook": (name: MotionHookName, el: Element) => any;
+    "update:visible": (visible: boolean) => any;
+    confirm: () => any;
+}, string, import("vue").PublicProps, Readonly<DialogProps> & Readonly<{
+    onCancel?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
+    "onBefore-enter"?: ((el: Element) => any) | undefined;
+    onEnter?: ((el: Element) => any) | undefined;
+    "onAfter-enter"?: ((el: Element) => any) | undefined;
+    "onEnter-cancelled"?: ((el: Element) => any) | undefined;
+    "onBefore-leave"?: ((el: Element) => any) | undefined;
+    onLeave?: ((el: Element) => any) | undefined;
+    "onAfter-leave"?: ((el: Element) => any) | undefined;
+    "onLeave-cancelled"?: ((el: Element) => any) | undefined;
+    "onVisible-hook"?: ((name: MotionHookName, el: Element) => any) | undefined;
+    "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+    onConfirm?: (() => any) | undefined;
+}>, {
+    title: string;
+    visible: boolean;
+    overlayClosable: boolean;
+    message: string;
+    showCancel: boolean;
+    beforeClose: import("./common").DialogBeforeClose;
+    cancelText: string;
+    showConfirm: boolean;
+    confirmText: string;
+    headed: boolean;
+    buttonType: "round" | "text";
+    cancelProps: ButtonProps;
+    confirmProps: ButtonProps;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};