@falcon-ui/falcon-ui 1.0.0

package/esm/components/dialog/index.mjs

@@ -0,0 +1,335 @@
+import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, getCurrentInstance, h, mergeProps, normalizeClass, normalizeStyle, openBlock, ref, renderSlot, resolveDynamicComponent, toDisplayString, unref, useAttrs, useSlots, withCtx, withKeys, withModifiers } from "vue";
+import { Close, FullScreen } from "@element-plus/icons-vue";
+import { ElButton, ElDialog, ElIcon } from "element-plus";
+var defaultNamespace = "fl";
+var statePrefix = "is-";
+var buildBemName = (namespace, block, blockSuffix = "", element = "", modifier = "") => {
+	let className = `${namespace}-${block}`;
+	if (blockSuffix) className += `-${blockSuffix}`;
+	if (element) className += `__${element}`;
+	if (modifier) className += `--${modifier}`;
+	return className;
+};
+const useNamespace = (block, namespace = defaultNamespace) => {
+	const b = (blockSuffix = "") => buildBemName(namespace, block, blockSuffix);
+	const e = (element) => element ? buildBemName(namespace, block, "", element) : "";
+	const m = (modifier) => modifier ? buildBemName(namespace, block, "", "", modifier) : "";
+	const be = (blockSuffix, element) => {
+		if (!blockSuffix || !element) return "";
+		return buildBemName(namespace, block, blockSuffix, element);
+	};
+	const em = (element, modifier) => {
+		if (!element || !modifier) return "";
+		return buildBemName(namespace, block, "", element, modifier);
+	};
+	const bm = (blockSuffix, modifier) => {
+		if (!blockSuffix || !modifier) return "";
+		return buildBemName(namespace, block, blockSuffix, "", modifier);
+	};
+	const bem = (blockSuffix, element, modifier) => {
+		if (!blockSuffix && !element && !modifier) return b();
+		return buildBemName(namespace, block, blockSuffix, element, modifier);
+	};
+	const is = (name, state = true) => state ? `${statePrefix}${name}` : "";
+	return {
+		namespace,
+		b,
+		e,
+		m,
+		be,
+		em,
+		bm,
+		bem,
+		is
+	};
+};
+const mergeComponentExpose = (vm, exposed, extras = {}) => {
+	if (!vm?.exposed || !exposed || typeof exposed !== "object" && typeof exposed !== "function") return;
+	Object.assign(vm.exposed, extras, exposed);
+};
+const invokeListener = (listener, ...args) => {
+	if (typeof listener === "function") {
+		listener(...args);
+		return;
+	}
+	if (!Array.isArray(listener)) return;
+	for (const item of listener) if (typeof item === "function") item(...args);
+};
+const withInstall = (component) => {
+	const installable = component;
+	installable.install = (app) => {
+		if (!component.name) return;
+		app.component(component.name, component);
+	};
+	return installable;
+};
+const useMergedAttrs = ({ attrs, block, listenerName, onListener }) => {
+	const className = useNamespace(block).b();
+	return { mergedAttrs: computed(() => {
+		const next = { ...attrs };
+		const originalListener = next[listenerName];
+		next.class = [className, next.class];
+		next[listenerName] = (...args) => {
+			onListener?.(...args);
+			invokeListener(originalListener, ...args);
+		};
+		return next;
+	}) };
+};
+const useMergedExpose = (extras) => {
+	const vm = getCurrentInstance();
+	const changeRef = (exposed) => {
+		mergeComponentExpose(vm, exposed, extras);
+	};
+	return { changeRef };
+};
+const FlButton = withInstall(/* @__PURE__ */ defineComponent({
+	name: "FlButton",
+	inheritAttrs: false,
+	__name: "button",
+	props: {
+		debugLabel: {
+			type: String,
+			default: ""
+		},
+		debugMode: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: { "debug-click": (payload) => typeof payload.label === "string" },
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const attrs = useAttrs();
+		const slots = useSlots();
+		const { changeRef } = useMergedExpose({ debugKind: "button" });
+		const { mergedAttrs } = useMergedAttrs({
+			attrs,
+			block: "button",
+			listenerName: "onClick",
+			onListener: () => {
+				if (props.debugMode) emit("debug-click", { label: props.debugLabel });
+			}
+		});
+		__expose({});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(h(unref(ElButton), {
+				...unref(mergedAttrs),
+				ref: unref(changeRef)
+			}, unref(slots))));
+		};
+	}
+}));
+const flDialogProps = {
+	bodyHeight: {
+		type: [Number, String],
+		default: void 0
+	},
+	cancelDisabled: {
+		type: Boolean,
+		default: false
+	},
+	cancelText: {
+		type: String,
+		default: "取消"
+	},
+	confirmDisabled: {
+		type: Boolean,
+		default: false
+	},
+	confirmText: {
+		type: String,
+		default: "确认"
+	},
+	modelValue: {
+		type: Boolean,
+		default: false
+	},
+	showFooter: {
+		type: Boolean,
+		default: true
+	}
+};
+const flDialogEmits = {
+	cancel: () => true,
+	confirm: () => true,
+	"update:modelValue": (value) => typeof value === "boolean"
+};
+var _hoisted_1 = ["onKeydown"];
+const FlDialog = withInstall(/* @__PURE__ */ defineComponent({
+	name: "FlDialog",
+	inheritAttrs: false,
+	__name: "dialog",
+	props: flDialogProps,
+	emits: flDialogEmits,
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const omitAttrKeys = new Set([
+			"align-center",
+			"alignCenter",
+			"body-class",
+			"bodyClass",
+			"class",
+			"destroy-on-close",
+			"destroyOnClose",
+			"draggable",
+			"footer-class",
+			"footerClass",
+			"fullscreen",
+			"header-class",
+			"headerClass",
+			"show-close",
+			"showClose",
+			"transition"
+		]);
+		const props = __props;
+		const emit = __emit;
+		const attrs = useAttrs();
+		const slots = useSlots();
+		const ns = useNamespace("dialog");
+		const isFullscreen = ref(false);
+		const normalizeClassName = (value) => {
+			if (!value) return "";
+			if (typeof value === "string") return value.split(" ").map((item) => item.trim()).filter(Boolean).join(" ");
+			if (Array.isArray(value)) return value.map((item) => normalizeClassName(item)).filter(Boolean).join(" ").trim();
+			return Object.entries(value).filter(([, enabled]) => enabled).map(([className]) => className).join(" ");
+		};
+		const mergeClassName = (...values) => values.map((item) => normalizeClassName(item)).filter(Boolean).join(" ").trim();
+		const getAttrValue = (kebabCaseName, camelCaseName = kebabCaseName) => attrs[kebabCaseName] ?? attrs[camelCaseName];
+		const resolveBooleanAttr = (value, fallback) => {
+			if (value === void 0) return fallback;
+			if (typeof value === "boolean") return value;
+			if (typeof value === "string") {
+				if (!value) return true;
+				return value !== "false";
+			}
+			return Boolean(value);
+		};
+		const closeDialog = () => {
+			emit("update:modelValue", false);
+		};
+		const toggleFullscreen = () => {
+			isFullscreen.value = !isFullscreen.value;
+		};
+		const handleCancel = () => {
+			emit("cancel");
+			closeDialog();
+		};
+		const handleConfirm = () => {
+			emit("confirm");
+			closeDialog();
+		};
+		const handleModelValueUpdate = (value) => {
+			emit("update:modelValue", value);
+			invokeListener(attrs["onUpdate:modelValue"], value);
+		};
+		const mergedClass = computed(() => mergeClassName(ns.b(), attrs.class));
+		const mergedHeaderClass = computed(() => mergeClassName(ns.e("header"), getAttrValue("header-class", "headerClass")));
+		const mergedBodyClass = computed(() => mergeClassName(ns.e("body"), getAttrValue("body-class", "bodyClass")));
+		const mergedFooterClass = computed(() => mergeClassName(ns.e("footer"), getAttrValue("footer-class", "footerClass")));
+		const bodyStyle = computed(() => {
+			if (isFullscreen.value) return;
+			if (props.bodyHeight === void 0 || props.bodyHeight === null || props.bodyHeight === "") return;
+			return {
+				height: typeof props.bodyHeight === "number" ? `${props.bodyHeight}px` : props.bodyHeight,
+				overflowY: "auto"
+			};
+		});
+		const resolvedTitle = computed(() => {
+			const title = attrs.title;
+			return typeof title === "string" ? title : "";
+		});
+		const resolvedAlignCenter = computed(() => resolveBooleanAttr(getAttrValue("align-center", "alignCenter"), true));
+		const resolvedDestroyOnClose = computed(() => resolveBooleanAttr(getAttrValue("destroy-on-close", "destroyOnClose"), true));
+		const resolvedDraggable = computed(() => resolveBooleanAttr(getAttrValue("draggable"), true));
+		const resolvedShowClose = computed(() => resolveBooleanAttr(getAttrValue("show-close", "showClose"), false));
+		const resolvedTransition = computed(() => {
+			const transition = getAttrValue("transition");
+			return typeof transition === "string" && transition ? transition : "fl-dialog-bounce";
+		});
+		const forwardedAttrs = computed(() => {
+			const next = {};
+			for (const [key, value] of Object.entries(attrs)) if (!omitAttrKeys.has(key)) next[key] = value;
+			return next;
+		});
+		const mergedAttrs = computed(() => ({
+			...forwardedAttrs.value,
+			alignCenter: resolvedAlignCenter.value,
+			bodyClass: mergedBodyClass.value,
+			class: mergedClass.value,
+			destroyOnClose: resolvedDestroyOnClose.value,
+			draggable: resolvedDraggable.value,
+			footerClass: mergedFooterClass.value,
+			fullscreen: isFullscreen.value,
+			headerClass: mergedHeaderClass.value,
+			modelValue: props.modelValue,
+			showClose: resolvedShowClose.value,
+			transition: resolvedTransition.value,
+			"onUpdate:modelValue": handleModelValueUpdate
+		}));
+		const headerContentClass = ns.e("header-content");
+		const headerTitleClass = ns.e("header-title");
+		const headerActionsClass = ns.e("header-actions");
+		const headerActionIconClass = ns.e("header-action-icon");
+		const bodyInnerClass = ns.e("body-inner");
+		const footerActionsClass = ns.e("footer-actions");
+		const { changeRef } = useMergedExpose({
+			closeDialog,
+			toggleFullscreen
+		});
+		__expose({});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(unref(ElDialog)), mergeProps(mergedAttrs.value, { ref: unref(changeRef) }), createSlots({
+				header: withCtx(() => [createElementVNode("div", { class: normalizeClass(unref(headerContentClass)) }, [createElementVNode("div", { class: normalizeClass(unref(headerTitleClass)) }, [unref(slots).header ? renderSlot(_ctx.$slots, "header", { key: 0 }) : unref(slots).title ? renderSlot(_ctx.$slots, "title", { key: 1 }) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [createTextVNode(toDisplayString(resolvedTitle.value), 1)], 64))], 2), createElementVNode("div", { class: normalizeClass(unref(headerActionsClass)) }, [createElementVNode("span", {
+					class: normalizeClass(unref(headerActionIconClass)),
+					"aria-label": "FullScreen",
+					role: "button",
+					tabindex: "0",
+					title: "FullScreen",
+					onClick: toggleFullscreen,
+					onKeydown: [withKeys(withModifiers(toggleFullscreen, ["prevent"]), ["enter"]), withKeys(withModifiers(toggleFullscreen, ["prevent"]), ["space"])]
+				}, [createVNode(unref(ElIcon), null, {
+					default: withCtx(() => [createVNode(unref(FullScreen))]),
+					_: 1
+				})], 42, _hoisted_1), createVNode(unref(FlButton), {
+					icon: unref(Close),
+					class: normalizeClass(unref(headerActionIconClass)),
+					"aria-label": "Close",
+					link: "",
+					title: "Close",
+					type: "primary",
+					onClick: closeDialog
+				}, null, 8, ["icon", "class"])], 2)], 2)]),
+				default: withCtx(() => [createElementVNode("div", {
+					class: normalizeClass(unref(bodyInnerClass)),
+					style: normalizeStyle(bodyStyle.value)
+				}, [renderSlot(_ctx.$slots, "default")], 6)]),
+				_: 2
+			}, [unref(slots).footer || props.showFooter ? {
+				name: "footer",
+				fn: withCtx(() => [unref(slots).footer ? renderSlot(_ctx.$slots, "footer", { key: 0 }) : (openBlock(), createElementBlock("div", {
+					key: 1,
+					class: normalizeClass(unref(footerActionsClass))
+				}, [createVNode(unref(FlButton), {
+					disabled: props.cancelDisabled,
+					onClick: handleCancel
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(props.cancelText), 1)]),
+					_: 1
+				}, 8, ["disabled"]), createVNode(unref(FlButton), {
+					disabled: props.confirmDisabled,
+					type: "primary",
+					onClick: handleConfirm
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(props.confirmText), 1)]),
+					_: 1
+				}, 8, ["disabled"])], 2))]),
+				key: "0"
+			} : void 0]), 1040);
+		};
+	}
+}));
+var dialog_default = FlDialog;
+export { FlDialog, dialog_default as default };
+
+//# sourceMappingURL=index.mjs.map

package/esm/components/dialog/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../packages/utils/src/bem.ts","../../../../../packages/utils/src/component.ts","../../../../../packages/utils/src/install.ts","../../../../../packages/hooks/src/use-component.ts","../../../../../packages/components/button/src/button.ts","../../../../../packages/components/button/src/button.vue","../../../../../packages/components/button/src/button.vue","../../../../../packages/components/button/index.ts","../../../../../packages/components/dialog/src/dialog.ts","../../../../../packages/components/dialog/src/dialog.vue","../../../../../packages/components/dialog/src/dialog.vue","../../../../../packages/components/dialog/index.ts"],"sourcesContent":["const defaultNamespace = 'fl'\r\nconst statePrefix = 'is-'\r\n\r\nconst buildBemName = (\r\n  namespace: string,\r\n  block: string,\r\n  blockSuffix = '',\r\n  element = '',\r\n  modifier = ''\r\n) => {\r\n  let className = `${namespace}-${block}`\r\n\r\n  if (blockSuffix) {\r\n    className += `-${blockSuffix}`\r\n  }\r\n\r\n  if (element) {\r\n    className += `__${element}`\r\n  }\r\n\r\n  if (modifier) {\r\n    className += `--${modifier}`\r\n  }\r\n\r\n  return className\r\n}\r\n\r\nexport const useNamespace = (block: string, namespace = defaultNamespace) => {\r\n  const b = (blockSuffix = '') => buildBemName(namespace, block, blockSuffix)\r\n\r\n  const e = (element?: string) => (element ? buildBemName(namespace, block, '', element) : '')\r\n\r\n  const m = (modifier?: string) =>\r\n    modifier ? buildBemName(namespace, block, '', '', modifier) : ''\r\n\r\n  const be = (blockSuffix?: string, element?: string) => {\r\n    if (!blockSuffix || !element) {\r\n      return ''\r\n    }\r\n\r\n    return buildBemName(namespace, block, blockSuffix, element)\r\n  }\r\n\r\n  const em = (element?: string, modifier?: string) => {\r\n    if (!element || !modifier) {\r\n      return ''\r\n    }\r\n\r\n    return buildBemName(namespace, block, '', element, modifier)\r\n  }\r\n\r\n  const bm = (blockSuffix?: string, modifier?: string) => {\r\n    if (!blockSuffix || !modifier) {\r\n      return ''\r\n    }\r\n\r\n    return buildBemName(namespace, block, blockSuffix, '', modifier)\r\n  }\r\n\r\n  const bem = (blockSuffix?: string, element?: string, modifier?: string) => {\r\n    if (!blockSuffix && !element && !modifier) {\r\n      return b()\r\n    }\r\n\r\n    return buildBemName(namespace, block, blockSuffix, element, modifier)\r\n  }\r\n\r\n  const is = (name: string, state = true) => (state ? `${statePrefix}${name}` : '')\r\n\r\n  return {\r\n    namespace,\r\n    b,\r\n    e,\r\n    m,\r\n    be,\r\n    em,\r\n    bm,\r\n    bem,\r\n    is\r\n  }\r\n}\r\n","type ExposedTarget = {\r\n  exposed?: Record<string, unknown> | null\r\n} | null\r\n\r\nexport const mergeComponentExpose = (\r\n  vm: ExposedTarget,\r\n  exposed: unknown,\r\n  extras: Record<string, unknown> = {}\r\n) => {\r\n  if (!vm?.exposed || !exposed || (typeof exposed !== 'object' && typeof exposed !== 'function')) {\r\n    return\r\n  }\r\n\r\n  Object.assign(vm.exposed, extras, exposed)\r\n}\r\n\r\nexport const invokeListener = (listener: unknown, ...args: unknown[]) => {\r\n  if (typeof listener === 'function') {\r\n    listener(...args)\r\n    return\r\n  }\r\n\r\n  if (!Array.isArray(listener)) {\r\n    return\r\n  }\r\n\r\n  for (const item of listener) {\r\n    if (typeof item === 'function') {\r\n      item(...args)\r\n    }\r\n  }\r\n}\r\n","import type { App, Plugin } from 'vue'\r\n\r\nexport type SFCWithInstall<T> = T & Plugin\r\n\r\nexport const withInstall = <T extends { name?: string }>(component: T): SFCWithInstall<T> => {\r\n  const installable = component as SFCWithInstall<T>\r\n\r\n  installable.install = (app: App) => {\r\n    if (!component.name) {\r\n      return\r\n    }\r\n\r\n    app.component(component.name, component as unknown as object)\r\n  }\r\n\r\n  return installable\r\n}\r\n","import { computed, getCurrentInstance } from 'vue'\r\nimport { invokeListener, mergeComponentExpose, useNamespace } from '@falcon-ui/utils'\r\n\r\ntype UseMergedAttrsOptions = {\r\n  attrs: Record<string, unknown>\r\n  block: string\r\n  listenerName: string\r\n  onListener?: (...args: unknown[]) => void\r\n}\r\n\r\nexport const useMergedAttrs = ({\r\n  attrs,\r\n  block,\r\n  listenerName,\r\n  onListener\r\n}: UseMergedAttrsOptions) => {\r\n  const ns = useNamespace(block)\r\n  const className = ns.b()\r\n\r\n  const mergedAttrs = computed(() => {\r\n    const next = { ...attrs }\r\n    const originalListener = next[listenerName]\r\n    next.class = [className, next.class]\r\n\r\n    next[listenerName] = (...args: unknown[]) => {\r\n      onListener?.(...args)\r\n      invokeListener(originalListener, ...args)\r\n    }\r\n\r\n    return next\r\n  })\r\n\r\n  return {\r\n    mergedAttrs\r\n  }\r\n}\r\n\r\nexport const useMergedExpose = <TExpose extends Record<string, unknown>>(extras: TExpose) => {\r\n  const vm = getCurrentInstance()\r\n\r\n  const changeRef = (exposed: unknown) => {\r\n    mergeComponentExpose(vm, exposed, extras)\r\n  }\r\n\r\n  return {\r\n    changeRef\r\n  }\r\n}\r\n","import type { ExtractPublicPropTypes } from 'vue'\r\n\r\nexport const flButtonProps = {\r\n  /**\r\n   * 调试事件标签，在开启调试模式后会随 `debug-click` 一起抛出。\r\n   */\r\n  debugLabel: {\r\n    type: String,\r\n    default: ''\r\n  },\r\n  /**\r\n   * 是否开启调试点击事件，开启后每次点击都会触发 `debug-click`。\r\n   */\r\n  debugMode: {\r\n    type: Boolean,\r\n    default: false\r\n  }\r\n} as const\r\n\r\nexport interface FlButtonDebugPayload {\r\n  /**\r\n   * 用于标识当前按钮实例的业务标签。\r\n   */\r\n  label: string\r\n}\r\n\r\nexport const flButtonEmits = {\r\n  /**\r\n   * 开启调试模式后，在按钮点击时触发。\r\n   */\r\n  'debug-click': (payload: FlButtonDebugPayload) => typeof payload.label === 'string'\r\n} as const\r\n\r\nexport type FlButtonProps = ExtractPublicPropTypes<typeof flButtonProps>\r\nexport type FlButtonEmits = typeof flButtonEmits\r\n\r\nexport type ButtonProps = FlButtonProps\r\nexport type ButtonEmits = FlButtonEmits\r\n","<template>\r\n  <component :is=\"h(ElButton, { ...mergedAttrs, ref: changeRef }, slots)\" />\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElButton } from 'element-plus'\r\nimport type { ComponentInstance } from 'vue'\r\nimport { h, useAttrs, useSlots } from 'vue'\r\nimport { useMergedAttrs, useMergedExpose } from '@falcon-ui/hooks'\r\nimport { flButtonEmits, flButtonProps } from './button'\r\n\r\ndefineOptions({\r\n  name: 'FlButton',\r\n  inheritAttrs: false\r\n})\r\n\r\nconst props = defineProps(flButtonProps)\r\nconst emit = defineEmits(flButtonEmits)\r\nconst attrs = useAttrs()\r\nconst slots = useSlots()\r\n\r\nconst _myExpose = {\r\n  /**\r\n   * 标记该暴露值来源于 FlButton，便于调试识别。\r\n   */\r\n  debugKind: 'button'\r\n}\r\n\r\nconst { changeRef } = useMergedExpose(_myExpose)\r\nconst { mergedAttrs } = useMergedAttrs({\r\n  attrs: attrs as Record<string, unknown>,\r\n  block: 'button',\r\n  listenerName: 'onClick',\r\n  onListener: () => {\r\n    if (props.debugMode) {\r\n      emit('debug-click', {\r\n        label: props.debugLabel\r\n      })\r\n    }\r\n  }\r\n})\r\n\r\ndefineExpose({} as ComponentInstance<typeof ElButton> & typeof _myExpose)\r\n</script>\r\n","<template>\r\n  <component :is=\"h(ElButton, { ...mergedAttrs, ref: changeRef }, slots)\" />\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElButton } from 'element-plus'\r\nimport type { ComponentInstance } from 'vue'\r\nimport { h, useAttrs, useSlots } from 'vue'\r\nimport { useMergedAttrs, useMergedExpose } from '@falcon-ui/hooks'\r\nimport { flButtonEmits, flButtonProps } from './button'\r\n\r\ndefineOptions({\r\n  name: 'FlButton',\r\n  inheritAttrs: false\r\n})\r\n\r\nconst props = defineProps(flButtonProps)\r\nconst emit = defineEmits(flButtonEmits)\r\nconst attrs = useAttrs()\r\nconst slots = useSlots()\r\n\r\nconst _myExpose = {\r\n  /**\r\n   * 标记该暴露值来源于 FlButton，便于调试识别。\r\n   */\r\n  debugKind: 'button'\r\n}\r\n\r\nconst { changeRef } = useMergedExpose(_myExpose)\r\nconst { mergedAttrs } = useMergedAttrs({\r\n  attrs: attrs as Record<string, unknown>,\r\n  block: 'button',\r\n  listenerName: 'onClick',\r\n  onListener: () => {\r\n    if (props.debugMode) {\r\n      emit('debug-click', {\r\n        label: props.debugLabel\r\n      })\r\n    }\r\n  }\r\n})\r\n\r\ndefineExpose({} as ComponentInstance<typeof ElButton> & typeof _myExpose)\r\n</script>\r\n","import Button from './src/button.vue'\r\nimport { withInstall } from '@falcon-ui/utils'\r\n\r\nexport const FlButton = withInstall(Button)\r\n\r\nexport default FlButton\r\n\r\nexport type { ButtonEmits, ButtonProps, FlButtonEmits, FlButtonProps } from './src/button'\r\n","import type { ExtractPublicPropTypes } from 'vue'\r\n\r\nexport const flDialogProps = {\r\n  /**\r\n   * 对话框主体区域固定高度，传入数字时按像素处理。\r\n   */\r\n  bodyHeight: {\r\n    type: [Number, String] as [NumberConstructor, StringConstructor],\r\n    default: undefined\r\n  },\r\n  /**\r\n   * 是否禁用默认页脚中的取消按钮。\r\n   */\r\n  cancelDisabled: {\r\n    type: Boolean,\r\n    default: false\r\n  },\r\n  /**\r\n   * 默认页脚取消按钮文案。\r\n   */\r\n  cancelText: {\r\n    type: String,\r\n    default: '取消'\r\n  },\r\n  /**\r\n   * 是否禁用默认页脚中的确认按钮。\r\n   */\r\n  confirmDisabled: {\r\n    type: Boolean,\r\n    default: false\r\n  },\r\n  /**\r\n   * 默认页脚确认按钮文案。\r\n   */\r\n  confirmText: {\r\n    type: String,\r\n    default: '确认'\r\n  },\r\n  /**\r\n   * 通过 v-model 控制对话框显示状态。\r\n   */\r\n  modelValue: {\r\n    type: Boolean,\r\n    default: false\r\n  },\r\n  /**\r\n   * 是否渲染默认页脚操作区。\r\n   */\r\n  showFooter: {\r\n    type: Boolean,\r\n    default: true\r\n  }\r\n} as const\r\n\r\nexport const flDialogEmits = {\r\n  /**\r\n   * 点击默认取消动作时触发。\r\n   */\r\n  cancel: () => true,\r\n  /**\r\n   * 点击默认确认动作时触发。\r\n   */\r\n  confirm: () => true,\r\n  /**\r\n   * 对话框显示状态变更时触发。\r\n   */\r\n  'update:modelValue': (value: boolean) => typeof value === 'boolean'\r\n} as const\r\n\r\nexport type FlDialogProps = ExtractPublicPropTypes<typeof flDialogProps>\r\nexport type FlDialogEmits = typeof flDialogEmits\r\n\r\nexport type DialogProps = FlDialogProps\r\nexport type DialogEmits = FlDialogEmits\r\n","<template>\r\n  <component :is=\"ElDialog\" v-bind=\"mergedAttrs\" :ref=\"changeRef\">\r\n    <template #header>\r\n      <div :class=\"headerContentClass\">\r\n        <div :class=\"headerTitleClass\">\r\n          <slot v-if=\"slots.header\" name=\"header\" />\r\n          <slot v-else-if=\"slots.title\" name=\"title\" />\r\n          <template v-else>{{ resolvedTitle }}</template>\r\n        </div>\r\n        <div :class=\"headerActionsClass\">\r\n          <span\r\n            :class=\"headerActionIconClass\"\r\n            aria-label=\"FullScreen\"\r\n            role=\"button\"\r\n            tabindex=\"0\"\r\n            title=\"FullScreen\"\r\n            @click=\"toggleFullscreen\"\r\n            @keydown.enter.prevent=\"toggleFullscreen\"\r\n            @keydown.space.prevent=\"toggleFullscreen\">\r\n            <ElIcon>\r\n              <FullScreen />\r\n            </ElIcon>\r\n          </span>\r\n          <FlButton\r\n            :icon=\"Close\"\r\n            :class=\"headerActionIconClass\"\r\n            aria-label=\"Close\"\r\n            link\r\n            title=\"Close\"\r\n            type=\"primary\"\r\n            @click=\"closeDialog\" />\r\n        </div>\r\n      </div>\r\n    </template>\r\n\r\n    <div :class=\"bodyInnerClass\" :style=\"bodyStyle\">\r\n      <slot />\r\n    </div>\r\n\r\n    <template v-if=\"slots.footer || props.showFooter\" #footer>\r\n      <slot v-if=\"slots.footer\" name=\"footer\" />\r\n      <div v-else :class=\"footerActionsClass\">\r\n        <fl-button :disabled=\"props.cancelDisabled\" @click=\"handleCancel\">\r\n          {{ props.cancelText }}\r\n        </fl-button>\r\n        <fl-button :disabled=\"props.confirmDisabled\" type=\"primary\" @click=\"handleConfirm\">\r\n          {{ props.confirmText }}\r\n        </fl-button>\r\n      </div>\r\n    </template>\r\n  </component>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { Close, FullScreen } from '@element-plus/icons-vue'\r\nimport { ElDialog, ElIcon } from 'element-plus'\r\nimport type { ComponentInstance, CSSProperties } from 'vue'\r\nimport { computed, ref, useAttrs, useSlots } from 'vue'\r\nimport { useMergedExpose } from '@falcon-ui/hooks'\r\nimport { invokeListener, useNamespace } from '@falcon-ui/utils'\r\nimport { FlButton } from '../../button'\r\nimport { flDialogEmits, flDialogProps } from './dialog'\r\n\r\ndefineOptions({\r\n  name: 'FlDialog',\r\n  inheritAttrs: false\r\n})\r\n\r\ntype ClassValue = string | Record<string, boolean> | ClassValue[] | null | undefined\r\n\r\nconst omitAttrKeys = new Set([\r\n  'align-center',\r\n  'alignCenter',\r\n  'body-class',\r\n  'bodyClass',\r\n  'class',\r\n  'destroy-on-close',\r\n  'destroyOnClose',\r\n  'draggable',\r\n  'footer-class',\r\n  'footerClass',\r\n  'fullscreen',\r\n  'header-class',\r\n  'headerClass',\r\n  'show-close',\r\n  'showClose',\r\n  'transition'\r\n])\r\n\r\nconst props = defineProps(flDialogProps)\r\nconst emit = defineEmits(flDialogEmits)\r\nconst attrs = useAttrs()\r\nconst slots = useSlots()\r\nconst ns = useNamespace('dialog')\r\nconst isFullscreen = ref(false)\r\n\r\nconst normalizeClassName = (value: ClassValue): string => {\r\n  if (!value) {\r\n    return ''\r\n  }\r\n\r\n  if (typeof value === 'string') {\r\n    return value\r\n      .split(' ')\r\n      .map((item) => item.trim())\r\n      .filter(Boolean)\r\n      .join(' ')\r\n  }\r\n\r\n  if (Array.isArray(value)) {\r\n    return value\r\n      .map((item) => normalizeClassName(item))\r\n      .filter(Boolean)\r\n      .join(' ')\r\n      .trim()\r\n  }\r\n\r\n  return Object.entries(value)\r\n    .filter(([, enabled]) => enabled)\r\n    .map(([className]) => className)\r\n    .join(' ')\r\n}\r\n\r\nconst mergeClassName = (...values: ClassValue[]): string =>\r\n  values\r\n    .map((item) => normalizeClassName(item))\r\n    .filter(Boolean)\r\n    .join(' ')\r\n    .trim()\r\n\r\nconst getAttrValue = (kebabCaseName: string, camelCaseName = kebabCaseName): unknown =>\r\n  attrs[kebabCaseName] ?? attrs[camelCaseName]\r\n\r\nconst resolveBooleanAttr = (value: unknown, fallback: boolean): boolean => {\r\n  if (value === undefined) {\r\n    return fallback\r\n  }\r\n\r\n  if (typeof value === 'boolean') {\r\n    return value\r\n  }\r\n\r\n  if (typeof value === 'string') {\r\n    if (!value) {\r\n      return true\r\n    }\r\n\r\n    return value !== 'false'\r\n  }\r\n\r\n  return Boolean(value)\r\n}\r\n\r\n/**\r\n * 通过同步 `modelValue=false` 关闭当前对话框。\r\n */\r\nconst closeDialog = () => {\r\n  emit('update:modelValue', false)\r\n}\r\n\r\n/**\r\n * 切换当前对话框的全屏状态。\r\n */\r\nconst toggleFullscreen = () => {\r\n  isFullscreen.value = !isFullscreen.value\r\n}\r\n\r\nconst handleCancel = () => {\r\n  emit('cancel')\r\n  closeDialog()\r\n}\r\n\r\nconst handleConfirm = () => {\r\n  emit('confirm')\r\n  closeDialog()\r\n}\r\n\r\nconst handleModelValueUpdate = (value: boolean) => {\r\n  emit('update:modelValue', value)\r\n  invokeListener(attrs['onUpdate:modelValue'], value)\r\n}\r\n\r\nconst mergedClass = computed(() => mergeClassName(ns.b(), attrs.class as ClassValue))\r\nconst mergedHeaderClass = computed(() =>\r\n  mergeClassName(ns.e('header'), getAttrValue('header-class', 'headerClass') as ClassValue)\r\n)\r\nconst mergedBodyClass = computed(() =>\r\n  mergeClassName(ns.e('body'), getAttrValue('body-class', 'bodyClass') as ClassValue)\r\n)\r\nconst mergedFooterClass = computed(() =>\r\n  mergeClassName(ns.e('footer'), getAttrValue('footer-class', 'footerClass') as ClassValue)\r\n)\r\n\r\nconst bodyStyle = computed<CSSProperties | undefined>(() => {\r\n  if (isFullscreen.value) {\r\n    return undefined\r\n  }\r\n\r\n  if (props.bodyHeight === undefined || props.bodyHeight === null || props.bodyHeight === '') {\r\n    return undefined\r\n  }\r\n\r\n  const height = typeof props.bodyHeight === 'number' ? `${props.bodyHeight}px` : props.bodyHeight\r\n  return {\r\n    height,\r\n    overflowY: 'auto'\r\n  }\r\n})\r\n\r\nconst resolvedTitle = computed(() => {\r\n  const title = attrs.title\r\n  return typeof title === 'string' ? title : ''\r\n})\r\n\r\nconst resolvedAlignCenter = computed(() =>\r\n  resolveBooleanAttr(getAttrValue('align-center', 'alignCenter'), true)\r\n)\r\nconst resolvedDestroyOnClose = computed(() =>\r\n  resolveBooleanAttr(getAttrValue('destroy-on-close', 'destroyOnClose'), true)\r\n)\r\nconst resolvedDraggable = computed(() => resolveBooleanAttr(getAttrValue('draggable'), true))\r\nconst resolvedShowClose = computed(() =>\r\n  resolveBooleanAttr(getAttrValue('show-close', 'showClose'), false)\r\n)\r\nconst resolvedTransition = computed(() => {\r\n  const transition = getAttrValue('transition')\r\n  return typeof transition === 'string' && transition ? transition : 'fl-dialog-bounce'\r\n})\r\n\r\nconst forwardedAttrs = computed(() => {\r\n  const next: Record<string, unknown> = {}\r\n\r\n  for (const [key, value] of Object.entries(attrs)) {\r\n    if (!omitAttrKeys.has(key)) {\r\n      next[key] = value\r\n    }\r\n  }\r\n\r\n  return next\r\n})\r\n\r\nconst mergedAttrs = computed(() => ({\r\n  ...forwardedAttrs.value,\r\n  alignCenter: resolvedAlignCenter.value,\r\n  bodyClass: mergedBodyClass.value,\r\n  class: mergedClass.value,\r\n  destroyOnClose: resolvedDestroyOnClose.value,\r\n  draggable: resolvedDraggable.value,\r\n  footerClass: mergedFooterClass.value,\r\n  fullscreen: isFullscreen.value,\r\n  headerClass: mergedHeaderClass.value,\r\n  modelValue: props.modelValue,\r\n  showClose: resolvedShowClose.value,\r\n  transition: resolvedTransition.value,\r\n  'onUpdate:modelValue': handleModelValueUpdate\r\n}))\r\n\r\nconst headerContentClass = ns.e('header-content')\r\nconst headerTitleClass = ns.e('header-title')\r\nconst headerActionsClass = ns.e('header-actions')\r\nconst headerActionIconClass = ns.e('header-action-icon')\r\nconst bodyInnerClass = ns.e('body-inner')\r\nconst footerActionsClass = ns.e('footer-actions')\r\n\r\nconst _myExpose = {\r\n  /**\r\n   * 以编程方式关闭当前对话框。\r\n   */\r\n  closeDialog,\r\n  /**\r\n   * 以编程方式切换对话框全屏模式。\r\n   */\r\n  toggleFullscreen\r\n}\r\n\r\nconst { changeRef } = useMergedExpose(_myExpose)\r\n\r\ndefineExpose({} as ComponentInstance<typeof ElDialog> & typeof _myExpose)\r\n</script>\r\n","<template>\r\n  <component :is=\"ElDialog\" v-bind=\"mergedAttrs\" :ref=\"changeRef\">\r\n    <template #header>\r\n      <div :class=\"headerContentClass\">\r\n        <div :class=\"headerTitleClass\">\r\n          <slot v-if=\"slots.header\" name=\"header\" />\r\n          <slot v-else-if=\"slots.title\" name=\"title\" />\r\n          <template v-else>{{ resolvedTitle }}</template>\r\n        </div>\r\n        <div :class=\"headerActionsClass\">\r\n          <span\r\n            :class=\"headerActionIconClass\"\r\n            aria-label=\"FullScreen\"\r\n            role=\"button\"\r\n            tabindex=\"0\"\r\n            title=\"FullScreen\"\r\n            @click=\"toggleFullscreen\"\r\n            @keydown.enter.prevent=\"toggleFullscreen\"\r\n            @keydown.space.prevent=\"toggleFullscreen\">\r\n            <ElIcon>\r\n              <FullScreen />\r\n            </ElIcon>\r\n          </span>\r\n          <FlButton\r\n            :icon=\"Close\"\r\n            :class=\"headerActionIconClass\"\r\n            aria-label=\"Close\"\r\n            link\r\n            title=\"Close\"\r\n            type=\"primary\"\r\n            @click=\"closeDialog\" />\r\n        </div>\r\n      </div>\r\n    </template>\r\n\r\n    <div :class=\"bodyInnerClass\" :style=\"bodyStyle\">\r\n      <slot />\r\n    </div>\r\n\r\n    <template v-if=\"slots.footer || props.showFooter\" #footer>\r\n      <slot v-if=\"slots.footer\" name=\"footer\" />\r\n      <div v-else :class=\"footerActionsClass\">\r\n        <fl-button :disabled=\"props.cancelDisabled\" @click=\"handleCancel\">\r\n          {{ props.cancelText }}\r\n        </fl-button>\r\n        <fl-button :disabled=\"props.confirmDisabled\" type=\"primary\" @click=\"handleConfirm\">\r\n          {{ props.confirmText }}\r\n        </fl-button>\r\n      </div>\r\n    </template>\r\n  </component>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { Close, FullScreen } from '@element-plus/icons-vue'\r\nimport { ElDialog, ElIcon } from 'element-plus'\r\nimport type { ComponentInstance, CSSProperties } from 'vue'\r\nimport { computed, ref, useAttrs, useSlots } from 'vue'\r\nimport { useMergedExpose } from '@falcon-ui/hooks'\r\nimport { invokeListener, useNamespace } from '@falcon-ui/utils'\r\nimport { FlButton } from '../../button'\r\nimport { flDialogEmits, flDialogProps } from './dialog'\r\n\r\ndefineOptions({\r\n  name: 'FlDialog',\r\n  inheritAttrs: false\r\n})\r\n\r\ntype ClassValue = string | Record<string, boolean> | ClassValue[] | null | undefined\r\n\r\nconst omitAttrKeys = new Set([\r\n  'align-center',\r\n  'alignCenter',\r\n  'body-class',\r\n  'bodyClass',\r\n  'class',\r\n  'destroy-on-close',\r\n  'destroyOnClose',\r\n  'draggable',\r\n  'footer-class',\r\n  'footerClass',\r\n  'fullscreen',\r\n  'header-class',\r\n  'headerClass',\r\n  'show-close',\r\n  'showClose',\r\n  'transition'\r\n])\r\n\r\nconst props = defineProps(flDialogProps)\r\nconst emit = defineEmits(flDialogEmits)\r\nconst attrs = useAttrs()\r\nconst slots = useSlots()\r\nconst ns = useNamespace('dialog')\r\nconst isFullscreen = ref(false)\r\n\r\nconst normalizeClassName = (value: ClassValue): string => {\r\n  if (!value) {\r\n    return ''\r\n  }\r\n\r\n  if (typeof value === 'string') {\r\n    return value\r\n      .split(' ')\r\n      .map((item) => item.trim())\r\n      .filter(Boolean)\r\n      .join(' ')\r\n  }\r\n\r\n  if (Array.isArray(value)) {\r\n    return value\r\n      .map((item) => normalizeClassName(item))\r\n      .filter(Boolean)\r\n      .join(' ')\r\n      .trim()\r\n  }\r\n\r\n  return Object.entries(value)\r\n    .filter(([, enabled]) => enabled)\r\n    .map(([className]) => className)\r\n    .join(' ')\r\n}\r\n\r\nconst mergeClassName = (...values: ClassValue[]): string =>\r\n  values\r\n    .map((item) => normalizeClassName(item))\r\n    .filter(Boolean)\r\n    .join(' ')\r\n    .trim()\r\n\r\nconst getAttrValue = (kebabCaseName: string, camelCaseName = kebabCaseName): unknown =>\r\n  attrs[kebabCaseName] ?? attrs[camelCaseName]\r\n\r\nconst resolveBooleanAttr = (value: unknown, fallback: boolean): boolean => {\r\n  if (value === undefined) {\r\n    return fallback\r\n  }\r\n\r\n  if (typeof value === 'boolean') {\r\n    return value\r\n  }\r\n\r\n  if (typeof value === 'string') {\r\n    if (!value) {\r\n      return true\r\n    }\r\n\r\n    return value !== 'false'\r\n  }\r\n\r\n  return Boolean(value)\r\n}\r\n\r\n/**\r\n * 通过同步 `modelValue=false` 关闭当前对话框。\r\n */\r\nconst closeDialog = () => {\r\n  emit('update:modelValue', false)\r\n}\r\n\r\n/**\r\n * 切换当前对话框的全屏状态。\r\n */\r\nconst toggleFullscreen = () => {\r\n  isFullscreen.value = !isFullscreen.value\r\n}\r\n\r\nconst handleCancel = () => {\r\n  emit('cancel')\r\n  closeDialog()\r\n}\r\n\r\nconst handleConfirm = () => {\r\n  emit('confirm')\r\n  closeDialog()\r\n}\r\n\r\nconst handleModelValueUpdate = (value: boolean) => {\r\n  emit('update:modelValue', value)\r\n  invokeListener(attrs['onUpdate:modelValue'], value)\r\n}\r\n\r\nconst mergedClass = computed(() => mergeClassName(ns.b(), attrs.class as ClassValue))\r\nconst mergedHeaderClass = computed(() =>\r\n  mergeClassName(ns.e('header'), getAttrValue('header-class', 'headerClass') as ClassValue)\r\n)\r\nconst mergedBodyClass = computed(() =>\r\n  mergeClassName(ns.e('body'), getAttrValue('body-class', 'bodyClass') as ClassValue)\r\n)\r\nconst mergedFooterClass = computed(() =>\r\n  mergeClassName(ns.e('footer'), getAttrValue('footer-class', 'footerClass') as ClassValue)\r\n)\r\n\r\nconst bodyStyle = computed<CSSProperties | undefined>(() => {\r\n  if (isFullscreen.value) {\r\n    return undefined\r\n  }\r\n\r\n  if (props.bodyHeight === undefined || props.bodyHeight === null || props.bodyHeight === '') {\r\n    return undefined\r\n  }\r\n\r\n  const height = typeof props.bodyHeight === 'number' ? `${props.bodyHeight}px` : props.bodyHeight\r\n  return {\r\n    height,\r\n    overflowY: 'auto'\r\n  }\r\n})\r\n\r\nconst resolvedTitle = computed(() => {\r\n  const title = attrs.title\r\n  return typeof title === 'string' ? title : ''\r\n})\r\n\r\nconst resolvedAlignCenter = computed(() =>\r\n  resolveBooleanAttr(getAttrValue('align-center', 'alignCenter'), true)\r\n)\r\nconst resolvedDestroyOnClose = computed(() =>\r\n  resolveBooleanAttr(getAttrValue('destroy-on-close', 'destroyOnClose'), true)\r\n)\r\nconst resolvedDraggable = computed(() => resolveBooleanAttr(getAttrValue('draggable'), true))\r\nconst resolvedShowClose = computed(() =>\r\n  resolveBooleanAttr(getAttrValue('show-close', 'showClose'), false)\r\n)\r\nconst resolvedTransition = computed(() => {\r\n  const transition = getAttrValue('transition')\r\n  return typeof transition === 'string' && transition ? transition : 'fl-dialog-bounce'\r\n})\r\n\r\nconst forwardedAttrs = computed(() => {\r\n  const next: Record<string, unknown> = {}\r\n\r\n  for (const [key, value] of Object.entries(attrs)) {\r\n    if (!omitAttrKeys.has(key)) {\r\n      next[key] = value\r\n    }\r\n  }\r\n\r\n  return next\r\n})\r\n\r\nconst mergedAttrs = computed(() => ({\r\n  ...forwardedAttrs.value,\r\n  alignCenter: resolvedAlignCenter.value,\r\n  bodyClass: mergedBodyClass.value,\r\n  class: mergedClass.value,\r\n  destroyOnClose: resolvedDestroyOnClose.value,\r\n  draggable: resolvedDraggable.value,\r\n  footerClass: mergedFooterClass.value,\r\n  fullscreen: isFullscreen.value,\r\n  headerClass: mergedHeaderClass.value,\r\n  modelValue: props.modelValue,\r\n  showClose: resolvedShowClose.value,\r\n  transition: resolvedTransition.value,\r\n  'onUpdate:modelValue': handleModelValueUpdate\r\n}))\r\n\r\nconst headerContentClass = ns.e('header-content')\r\nconst headerTitleClass = ns.e('header-title')\r\nconst headerActionsClass = ns.e('header-actions')\r\nconst headerActionIconClass = ns.e('header-action-icon')\r\nconst bodyInnerClass = ns.e('body-inner')\r\nconst footerActionsClass = ns.e('footer-actions')\r\n\r\nconst _myExpose = {\r\n  /**\r\n   * 以编程方式关闭当前对话框。\r\n   */\r\n  closeDialog,\r\n  /**\r\n   * 以编程方式切换对话框全屏模式。\r\n   */\r\n  toggleFullscreen\r\n}\r\n\r\nconst { changeRef } = useMergedExpose(_myExpose)\r\n\r\ndefineExpose({} as ComponentInstance<typeof ElDialog> & typeof _myExpose)\r\n</script>\r\n","import Dialog from './src/dialog.vue'\r\nimport { withInstall } from '@falcon-ui/utils'\r\n\r\nexport const FlDialog = withInstall(Dialog)\r\n\r\nexport default FlDialog\r\n\r\nexport type { DialogEmits, DialogProps, FlDialogEmits, FlDialogProps } from './src/dialog'\r\n"],"mappings":"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"}

package/esm/components/dialog/src/dialog.mjs

@@ -0,0 +1,38 @@
+const flDialogProps = {
+	bodyHeight: {
+		type: [Number, String],
+		default: void 0
+	},
+	cancelDisabled: {
+		type: Boolean,
+		default: false
+	},
+	cancelText: {
+		type: String,
+		default: "取消"
+	},
+	confirmDisabled: {
+		type: Boolean,
+		default: false
+	},
+	confirmText: {
+		type: String,
+		default: "确认"
+	},
+	modelValue: {
+		type: Boolean,
+		default: false
+	},
+	showFooter: {
+		type: Boolean,
+		default: true
+	}
+};
+const flDialogEmits = {
+	cancel: () => true,
+	confirm: () => true,
+	"update:modelValue": (value) => typeof value === "boolean"
+};
+export { flDialogEmits, flDialogProps };
+
+//# sourceMappingURL=dialog.mjs.map

package/esm/components/dialog/src/dialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.mjs","names":[],"sources":["../../../../../../packages/components/dialog/src/dialog.ts"],"sourcesContent":["import type { ExtractPublicPropTypes } from 'vue'\r\n\r\nexport const flDialogProps = {\r\n  /**\r\n   * 对话框主体区域固定高度，传入数字时按像素处理。\r\n   */\r\n  bodyHeight: {\r\n    type: [Number, String] as [NumberConstructor, StringConstructor],\r\n    default: undefined\r\n  },\r\n  /**\r\n   * 是否禁用默认页脚中的取消按钮。\r\n   */\r\n  cancelDisabled: {\r\n    type: Boolean,\r\n    default: false\r\n  },\r\n  /**\r\n   * 默认页脚取消按钮文案。\r\n   */\r\n  cancelText: {\r\n    type: String,\r\n    default: '取消'\r\n  },\r\n  /**\r\n   * 是否禁用默认页脚中的确认按钮。\r\n   */\r\n  confirmDisabled: {\r\n    type: Boolean,\r\n    default: false\r\n  },\r\n  /**\r\n   * 默认页脚确认按钮文案。\r\n   */\r\n  confirmText: {\r\n    type: String,\r\n    default: '确认'\r\n  },\r\n  /**\r\n   * 通过 v-model 控制对话框显示状态。\r\n   */\r\n  modelValue: {\r\n    type: Boolean,\r\n    default: false\r\n  },\r\n  /**\r\n   * 是否渲染默认页脚操作区。\r\n   */\r\n  showFooter: {\r\n    type: Boolean,\r\n    default: true\r\n  }\r\n} as const\r\n\r\nexport const flDialogEmits = {\r\n  /**\r\n   * 点击默认取消动作时触发。\r\n   */\r\n  cancel: () => true,\r\n  /**\r\n   * 点击默认确认动作时触发。\r\n   */\r\n  confirm: () => true,\r\n  /**\r\n   * 对话框显示状态变更时触发。\r\n   */\r\n  'update:modelValue': (value: boolean) => typeof value === 'boolean'\r\n} as const\r\n\r\nexport type FlDialogProps = ExtractPublicPropTypes<typeof flDialogProps>\r\nexport type FlDialogEmits = typeof flDialogEmits\r\n\r\nexport type DialogProps = FlDialogProps\r\nexport type DialogEmits = FlDialogEmits\r\n"],"mappings":"AAEA,MAAa,gBAAgB;CAI3B,YAAY;EACV,MAAM,CAAC,QAAQ,OAAO;EACtB,SAAS,KAAA;EACV;CAID,gBAAgB;EACd,MAAM;EACN,SAAS;EACV;CAID,YAAY;EACV,MAAM;EACN,SAAS;EACV;CAID,iBAAiB;EACf,MAAM;EACN,SAAS;EACV;CAID,aAAa;EACX,MAAM;EACN,SAAS;EACV;CAID,YAAY;EACV,MAAM;EACN,SAAS;EACV;CAID,YAAY;EACV,MAAM;EACN,SAAS;EACV;CACF;AAED,MAAa,gBAAgB;CAI3B,cAAc;CAId,eAAe;CAIf,sBAAsB,UAAmB,OAAO,UAAU;CAC3D"}