@gct-paas/core-web 0.1.4-dev.10 → 0.1.4-dev.12

package/es/modules/global-modal/src/BasicModal.vue.mjs

@@ -1,221 +1,5 @@
-import { defineComponent, useAttrs, ref, getCurrentInstance, computed, unref, toRef, watchEffect, watch, nextTick, openBlock, createBlock, mergeProps, createSlots, withCtx, renderSlot, createCommentVNode, createVNode } from 'vue';
-import Modal from './components/GlboalModal.mjs';
-import ModalWrapper from './components/ModalWrapper.vue.mjs';
-import _sfc_main$1 from './components/ModalClose.vue.mjs';
-import './components/ModalClose.css';/* empty css                            */
-import _sfc_main$2 from './components/ModalFooter.vue.mjs';
-import ModalHeader from './components/ModalHeader.vue.mjs';
-import { omit, isFunction } from 'lodash-es';
-import { basicProps } from './props.mjs';
-import { useFullScreen } from './hooks/useModalFullScreen.mjs';
-import { useNamespace, deepMerge } from '@gct-paas/core';
-
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "BasicModal",
-  props: basicProps,
-  emits: [
-    "visible-change",
-    "height-change",
-    "cancel",
-    "ok",
-    "register",
-    "update:visible"
-  ],
-  setup(__props, { emit: __emit }) {
-    const attrs = useAttrs();
-    const props = __props;
-    const emit = __emit;
-    const visibleRef = ref(false);
-    const propsRef = ref(null);
-    const modalWrapperRef = ref(null);
-    const ns = useNamespace("basic-modal");
-    const extHeightRef = ref(0);
-    const modalMethods = {
-      setModalProps,
-      emitVisible: void 0,
-      redoModalHeight: () => {
-        nextTick(() => {
-          if (unref(modalWrapperRef)) {
-            unref(modalWrapperRef).setModalHeight();
-          }
-        });
-      }
-    };
-    const instance = getCurrentInstance();
-    if (instance) {
-      emit("register", modalMethods, instance.uid);
-    }
-    const getMergeProps = computed(() => {
-      return {
-        ...props,
-        height: props.outHeight ? props.outHeight : props.height && props.height + 120,
-        ...unref(propsRef)
-      };
-    });
-    const { handleFullScreen, getWrapClassName, fullScreenRef } = useFullScreen({
-      wrapClassName: ref(`vben ${toRef(getMergeProps.value, "wrapClassName")}`)
-    });
-    const getProps = computed(() => {
-      const opt = {
-        ...unref(getMergeProps),
-        visible: unref(visibleRef),
-        okButtonProps: void 0,
-        cancelButtonProps: void 0,
-        title: void 0
-      };
-      return {
-        ...opt,
-        wrapClassName: unref(getWrapClassName)
-      };
-    });
-    const getBindValue = computed(() => {
-      const attr = {
-        ...attrs,
-        ...unref(getMergeProps),
-        visible: unref(visibleRef)
-      };
-      attr["wrapClassName"] = `${attr?.["wrapClassName"] || ""} ${unref(getWrapClassName)}`;
-      if (unref(fullScreenRef)) {
-        return omit(attr, ["height", "title"]);
-      }
-      return omit(attr, "title");
-    });
-    const getWrapperHeight = computed(() => {
-      if (unref(fullScreenRef)) return void 0;
-      return unref(getProps).height;
-    });
-    watchEffect(() => {
-      visibleRef.value = !!props.visible;
-      fullScreenRef.value = !!props.defaultFullscreen;
-    });
-    const resetState = () => {
-      fullScreenRef.value = props.defaultFullscreen;
-    };
-    watch(
-      () => unref(visibleRef),
-      (v) => {
-        emit("visible-change", v);
-        emit("update:visible", v);
-        instance && modalMethods.emitVisible?.(v, instance.uid);
-        nextTick(() => {
-          if (props.scrollTop && v && unref(modalWrapperRef)) {
-            unref(modalWrapperRef).scrollTop();
-          }
-        });
-        if (props.destroyOnClose && v === false) {
-          resetState();
-        }
-      },
-      {
-        immediate: false
-      }
-    );
-    async function handleCancel(e) {
-      e?.stopPropagation();
-      if (e.target?.classList?.contains(ns.b() + "-close--custom"))
-        return;
-      if (props.closeFunc && isFunction(props.closeFunc)) {
-        const isClose = await props.closeFunc();
-        visibleRef.value = !isClose;
-        return;
-      }
-      visibleRef.value = false;
-      emit("cancel", e);
-    }
-    function setModalProps(props2) {
-      const _props = unref(propsRef) || {};
-      propsRef.value = deepMerge(_props, props2);
-      if (Reflect.has(props2, "visible")) {
-        visibleRef.value = !!props2.visible;
-      }
-      if (Reflect.has(props2, "defaultFullscreen")) {
-        fullScreenRef.value = !!props2.defaultFullscreen;
-      }
-    }
-    function handleOk(e) {
-      emit("ok", e);
-    }
-    function handleHeightChange(height) {
-      emit("height-change", height);
-    }
-    function handleExtHeight(height) {
-      extHeightRef.value = height;
-    }
-    function handleTitleDbClick(e) {
-      if (!props.canFullscreen) return;
-      e.stopPropagation();
-      handleFullScreen(e);
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Modal), mergeProps(getBindValue.value, { onCancel: handleCancel }), createSlots({
-        default: withCtx(() => [
-          _ctx.$slots.closeIcon ? renderSlot(_ctx.$slots, "closeIcon", { key: 0 }) : createCommentVNode("", true),
-          _ctx.$slots.title ? renderSlot(_ctx.$slots, "title", { key: 1 }) : createCommentVNode("", true),
-          _ctx.$slots.footer ? renderSlot(_ctx.$slots, "footer", { key: 2 }) : createCommentVNode("", true),
-          createVNode(ModalWrapper, mergeProps(
-            {
-              ref_key: "modalWrapperRef",
-              ref: modalWrapperRef,
-              "use-wrapper": getProps.value.useWrapper,
-              "footer-offset": _ctx.wrapperFooterOffset,
-              "full-screen": unref(fullScreenRef),
-              loading: getProps.value.loading,
-              "loading-tip": getProps.value.loadingTip,
-              "min-height": getProps.value.minHeight,
-              height: getWrapperHeight.value,
-              visible: visibleRef.value,
-              "modal-footer-height": _ctx.footer !== void 0 && !_ctx.footer ? 0 : void 0
-            },
-            unref(omit)(getProps.value.wrapperProps, "visible", "height", "modalFooterHeight"),
-            {
-              onExtHeight: handleExtHeight,
-              onHeightChange: handleHeightChange
-            }
-          ), {
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "default")
-            ]),
-            _: 3
-          }, 16, ["use-wrapper", "footer-offset", "full-screen", "loading", "loading-tip", "min-height", "height", "visible", "modal-footer-height"])
-        ]),
-        _: 2
-      }, [
-        !_ctx.$slots.closeIcon ? {
-          name: "closeIcon",
-          fn: withCtx(() => [
-            createVNode(_sfc_main$1, {
-              "can-fullscreen": getProps.value.canFullscreen,
-              "full-screen": unref(fullScreenRef),
-              onCancel: handleCancel,
-              onFullscreen: unref(handleFullScreen)
-            }, null, 8, ["can-fullscreen", "full-screen", "onFullscreen"])
-          ]),
-          key: "0"
-        } : void 0,
-        !_ctx.$slots.title ? {
-          name: "title",
-          fn: withCtx(() => [
-            createVNode(ModalHeader, {
-              "help-message": getProps.value.helpMessage,
-              title: getMergeProps.value.title,
-              onDblclick: handleTitleDbClick
-            }, null, 8, ["help-message", "title"])
-          ]),
-          key: "1"
-        } : void 0,
-        !_ctx.$slots.footer ? {
-          name: "footer",
-          fn: withCtx(() => [
-            createVNode(_sfc_main$2, mergeProps(getBindValue.value, {
-              onOk: handleOk,
-              onCancel: handleCancel
-            }), null, 16)
-          ]),
-          key: "2"
-        } : void 0
-      ]), 1040);
-    };
-  }
-});
-
-export { _sfc_main as default };
+import BasicModal_vue_vue_type_script_setup_true_name_BasicModal_lang_default from "./BasicModal.vue_vue_type_script_setup_true_name_BasicModal_lang.mjs";
+//#region src/modules/global-modal/src/BasicModal.vue
+var BasicModal_default = BasicModal_vue_vue_type_script_setup_true_name_BasicModal_lang_default;
+//#endregion
+export { BasicModal_default as default };

package/es/modules/global-modal/src/BasicModal.vue_vue_type_script_setup_true_name_BasicModal_lang.mjs

@@ -0,0 +1,201 @@
+import { basicProps } from "./props.mjs";
+import GlboalModal_default from "./components/GlboalModal.mjs";
+import ModalWrapper_default from "./components/ModalWrapper.vue.mjs";
+import ModalClose_default from "./components/ModalClose.vue.mjs";
+import ModalFooter_default from "./components/ModalFooter.vue.mjs";
+import ModalHeader_default from "./components/ModalHeader.vue.mjs";
+import { useFullScreen } from "./hooks/useModalFullScreen.mjs";
+import { computed, createBlock, createCommentVNode, createSlots, createVNode, defineComponent, getCurrentInstance, mergeProps, nextTick, openBlock, ref, renderSlot, toRef, unref, useAttrs, watch, watchEffect, withCtx } from "vue";
+import { isFunction, omit } from "lodash-es";
+import { deepMerge, useNamespace } from "@gct-paas/core";
+//#region src/modules/global-modal/src/BasicModal.vue?vue&type=script&setup=true&name=BasicModal&lang.ts
+var BasicModal_vue_vue_type_script_setup_true_name_BasicModal_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "BasicModal",
+	props: basicProps,
+	emits: [
+		"visible-change",
+		"height-change",
+		"cancel",
+		"ok",
+		"register",
+		"update:visible"
+	],
+	setup(__props, { emit: __emit }) {
+		const attrs = useAttrs();
+		const props = __props;
+		const emit = __emit;
+		const visibleRef = ref(false);
+		const propsRef = ref(null);
+		const modalWrapperRef = ref(null);
+		const ns = useNamespace("basic-modal");
+		const extHeightRef = ref(0);
+		const modalMethods = {
+			setModalProps,
+			emitVisible: void 0,
+			redoModalHeight: () => {
+				nextTick(() => {
+					if (unref(modalWrapperRef)) unref(modalWrapperRef).setModalHeight();
+				});
+			}
+		};
+		const instance = getCurrentInstance();
+		if (instance) emit("register", modalMethods, instance.uid);
+		const getMergeProps = computed(() => {
+			return {
+				...props,
+				height: props.outHeight ? props.outHeight : props.height && props.height + 120,
+				...unref(propsRef)
+			};
+		});
+		const { handleFullScreen, getWrapClassName, fullScreenRef } = useFullScreen({
+			modalWrapperRef,
+			extHeightRef,
+			wrapClassName: ref(`vben ${toRef(getMergeProps.value, "wrapClassName")}`)
+		});
+		const getProps = computed(() => {
+			return {
+				...unref(getMergeProps),
+				visible: unref(visibleRef),
+				okButtonProps: void 0,
+				cancelButtonProps: void 0,
+				title: void 0,
+				wrapClassName: unref(getWrapClassName)
+			};
+		});
+		const getBindValue = computed(() => {
+			const attr = {
+				...attrs,
+				...unref(getMergeProps),
+				visible: unref(visibleRef)
+			};
+			attr["wrapClassName"] = `${attr?.["wrapClassName"] || ""} ${unref(getWrapClassName)}`;
+			if (unref(fullScreenRef)) return omit(attr, ["height", "title"]);
+			return omit(attr, "title");
+		});
+		const getWrapperHeight = computed(() => {
+			if (unref(fullScreenRef)) return void 0;
+			return unref(getProps).height;
+		});
+		watchEffect(() => {
+			visibleRef.value = !!props.visible;
+			fullScreenRef.value = !!props.defaultFullscreen;
+		});
+		const resetState = () => {
+			fullScreenRef.value = props.defaultFullscreen;
+		};
+		watch(() => unref(visibleRef), (v) => {
+			emit("visible-change", v);
+			emit("update:visible", v);
+			instance && modalMethods.emitVisible?.(v, instance.uid);
+			nextTick(() => {
+				if (props.scrollTop && v && unref(modalWrapperRef)) unref(modalWrapperRef).scrollTop();
+			});
+			if (props.destroyOnClose && v === false) resetState();
+		}, { immediate: false });
+		async function handleCancel(e) {
+			e?.stopPropagation();
+			if (e.target?.classList?.contains(ns.b() + "-close--custom")) return;
+			if (props.closeFunc && isFunction(props.closeFunc)) {
+				visibleRef.value = !await props.closeFunc();
+				return;
+			}
+			visibleRef.value = false;
+			emit("cancel", e);
+		}
+		/**
+		* @description: 设置modal参数
+		*/
+		function setModalProps(props) {
+			propsRef.value = deepMerge(unref(propsRef) || {}, props);
+			if (Reflect.has(props, "visible")) visibleRef.value = !!props.visible;
+			if (Reflect.has(props, "defaultFullscreen")) fullScreenRef.value = !!props.defaultFullscreen;
+		}
+		function handleOk(e) {
+			emit("ok", e);
+		}
+		function handleHeightChange(height) {
+			emit("height-change", height);
+		}
+		function handleExtHeight(height) {
+			extHeightRef.value = height;
+		}
+		function handleTitleDbClick(e) {
+			if (!props.canFullscreen) return;
+			e.stopPropagation();
+			handleFullScreen(e);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(GlboalModal_default), mergeProps(getBindValue.value, { onCancel: handleCancel }), createSlots({
+				default: withCtx(() => [
+					_ctx.$slots.closeIcon ? renderSlot(_ctx.$slots, "closeIcon", { key: 0 }) : createCommentVNode("", true),
+					_ctx.$slots.title ? renderSlot(_ctx.$slots, "title", { key: 1 }) : createCommentVNode("", true),
+					_ctx.$slots.footer ? renderSlot(_ctx.$slots, "footer", { key: 2 }) : createCommentVNode("", true),
+					createVNode(ModalWrapper_default, mergeProps({
+						ref_key: "modalWrapperRef",
+						ref: modalWrapperRef,
+						"use-wrapper": getProps.value.useWrapper,
+						"footer-offset": _ctx.wrapperFooterOffset,
+						"full-screen": unref(fullScreenRef),
+						loading: getProps.value.loading,
+						"loading-tip": getProps.value.loadingTip,
+						"min-height": getProps.value.minHeight,
+						height: getWrapperHeight.value,
+						visible: visibleRef.value,
+						"modal-footer-height": _ctx.footer !== void 0 && !_ctx.footer ? 0 : void 0
+					}, unref(omit)(getProps.value.wrapperProps, "visible", "height", "modalFooterHeight"), {
+						onExtHeight: handleExtHeight,
+						onHeightChange: handleHeightChange
+					}), {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+						_: 3
+					}, 16, [
+						"use-wrapper",
+						"footer-offset",
+						"full-screen",
+						"loading",
+						"loading-tip",
+						"min-height",
+						"height",
+						"visible",
+						"modal-footer-height"
+					])
+				]),
+				_: 2
+			}, [
+				!_ctx.$slots.closeIcon ? {
+					name: "closeIcon",
+					fn: withCtx(() => [createVNode(ModalClose_default, {
+						"can-fullscreen": getProps.value.canFullscreen,
+						"full-screen": unref(fullScreenRef),
+						onCancel: handleCancel,
+						onFullscreen: unref(handleFullScreen)
+					}, null, 8, [
+						"can-fullscreen",
+						"full-screen",
+						"onFullscreen"
+					])]),
+					key: "0"
+				} : void 0,
+				!_ctx.$slots.title ? {
+					name: "title",
+					fn: withCtx(() => [createVNode(ModalHeader_default, {
+						"help-message": getProps.value.helpMessage,
+						title: getMergeProps.value.title,
+						onDblclick: handleTitleDbClick
+					}, null, 8, ["help-message", "title"])]),
+					key: "1"
+				} : void 0,
+				!_ctx.$slots.footer ? {
+					name: "footer",
+					fn: withCtx(() => [createVNode(ModalFooter_default, mergeProps(getBindValue.value, {
+						onOk: handleOk,
+						onCancel: handleCancel
+					}), null, 16)]),
+					key: "2"
+				} : void 0
+			]), 1040);
+		};
+	}
+});
+//#endregion
+export { BasicModal_vue_vue_type_script_setup_true_name_BasicModal_lang_default as default };

package/es/modules/global-modal/src/components/GlboalModal.d.ts

@@ -228,24 +228,24 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onCancel?: ((...args: any[]) => any) | undefined;
 }>, {
     visible: boolean;
-    scrollTop: boolean;
+    mask: boolean;
+    loading: boolean;
     draggable: boolean;
+    scrollTop: boolean;
+    confirmLoading: boolean;
+    closable: boolean;
     centered: boolean;
-    cancelText: string;
     okText: string;
+    okType: import('ant-design-vue/es/button').ButtonType;
+    cancelText: string;
+    maskClosable: boolean;
+    destroyOnClose: boolean;
+    keyboard: boolean;
     defaultFullscreen: boolean;
     canFullscreen: boolean;
     wrapperFooterOffset: number;
     useWrapper: boolean;
-    loading: boolean;
     showCancelBtn: boolean;
     showOkBtn: boolean;
-    closable: boolean;
-    confirmLoading: boolean;
-    destroyOnClose: boolean;
-    mask: boolean;
-    maskClosable: boolean;
-    keyboard: boolean;
-    okType: import('ant-design-vue/es/button').ButtonType;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/modules/global-modal/src/components/GlboalModal.mjs

@@ -1,40 +1,31 @@
-import { Modal as Modal$1 } from 'ant-design-vue';
-import { defineComponent, toRefs, h } from 'vue';
-import { basicProps } from '../props.mjs';
-import { useModalDragMove } from '../hooks/useModalDrag.mjs';
-
-const Modal = /* @__PURE__ */ defineComponent({
-  name: 'GlobalModal',
-  inheritAttrs: false,
-  props: basicProps,
-  emits: ['cancel'],
-  setup(props, {
-    slots,
-    emit,
-    attrs
-  }) {
-    const {
-      visible,
-      draggable,
-      destroyOnClose
-    } = toRefs(props);
-    useModalDragMove({
-      visible,
-      destroyOnClose,
-      draggable
-    });
-    const onCancel = e => {
-      emit('cancel', e);
-    };
-    return () => {
-      const propsData = {
-        ...attrs,
-        ...props,
-        onCancel
-      };
-      return h(Modal$1, propsData, slots);
-    };
-  }
+import { basicProps } from "../props.mjs";
+import { useModalDragMove } from "../hooks/useModalDrag.mjs";
+import { defineComponent, h, toRefs } from "vue";
+import { Modal } from "ant-design-vue";
+//#region src/modules/global-modal/src/components/GlboalModal.tsx
+var GlboalModal_default = /* @__PURE__ */ defineComponent({
+	name: "GlobalModal",
+	inheritAttrs: false,
+	props: basicProps,
+	emits: ["cancel"],
+	setup(props, { slots, emit, attrs }) {
+		const { visible, draggable, destroyOnClose } = toRefs(props);
+		useModalDragMove({
+			visible,
+			destroyOnClose,
+			draggable
+		});
+		const onCancel = (e) => {
+			emit("cancel", e);
+		};
+		return () => {
+			return h(Modal, {
+				...attrs,
+				...props,
+				onCancel
+			}, slots);
+		};
+	}
 });
-
-export { Modal as default };
+//#endregion
+export { GlboalModal_default as default };

package/es/modules/global-modal/src/components/ModalClose.vue.mjs

@@ -1,79 +1,6 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, Fragment, createBlock, unref, withCtx, createVNode, createCommentVNode } from 'vue';
-import { FullscreenExitOutlined, FullscreenOutlined, CloseOutlined } from '@ant-design/icons-vue';
-import { Tooltip } from 'ant-design-vue';
-import { useNamespace, t } from '@gct-paas/core';
-
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ModalClose",
-  props: {
-    canFullscreen: { type: Boolean, default: true },
-    fullScreen: { type: Boolean }
-  },
-  emits: ["cancel", "fullscreen"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const ns = useNamespace("basic-modal-close");
-    const getClass = computed(() => {
-      return [
-        ns.b(),
-        `${ns.b()}--custom`,
-        {
-          [`${ns.b()}--can-full`]: props.canFullscreen
-        }
-      ];
-    });
-    function handleCancel(e) {
-      emit("cancel", e);
-    }
-    function handleFullScreen(e) {
-      e?.stopPropagation();
-      e?.preventDefault();
-      emit("fullscreen");
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(getClass.value)
-      }, [
-        __props.canFullscreen ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-          __props.fullScreen ? (openBlock(), createBlock(unref(Tooltip), {
-            key: 0,
-            title: unref(t)("sys.component.modal.restore"),
-            placement: "bottom"
-          }, {
-            default: withCtx(() => [
-              createVNode(unref(FullscreenExitOutlined), {
-                role: "full",
-                onClick: handleFullScreen
-              })
-            ]),
-            _: 1
-          }, 8, ["title"])) : (openBlock(), createBlock(unref(Tooltip), {
-            key: 1,
-            title: unref(t)("sys.component.modal.maximize"),
-            placement: "bottom"
-          }, {
-            default: withCtx(() => [
-              createVNode(unref(FullscreenOutlined), {
-                role: "close",
-                onClick: handleFullScreen
-              })
-            ]),
-            _: 1
-          }, 8, ["title"]))
-        ], 64)) : createCommentVNode("", true),
-        createVNode(unref(Tooltip), {
-          title: unref(t)("sys.component.modal.close"),
-          placement: "bottom"
-        }, {
-          default: withCtx(() => [
-            createVNode(unref(CloseOutlined), { onClick: handleCancel })
-          ]),
-          _: 1
-        }, 8, ["title"])
-      ], 2);
-    };
-  }
-});
-
-export { _sfc_main as default };
+import ModalClose_vue_vue_type_script_setup_true_name_ModalClose_lang_default from "./ModalClose.vue_vue_type_script_setup_true_name_ModalClose_lang.mjs";
+import './ModalClose.vue_vue_type_style_index_0_lang.css';/* empty css                                                 */
+//#region src/modules/global-modal/src/components/ModalClose.vue
+var ModalClose_default = ModalClose_vue_vue_type_script_setup_true_name_ModalClose_lang_default;
+//#endregion
+export { ModalClose_default as default };

package/es/modules/global-modal/src/components/ModalClose.vue_vue_type_script_setup_true_name_ModalClose_lang.mjs

@@ -0,0 +1,67 @@
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, normalizeClass, openBlock, unref, withCtx } from "vue";
+import { t, useNamespace } from "@gct-paas/core";
+import { Tooltip } from "ant-design-vue";
+import { CloseOutlined, FullscreenExitOutlined, FullscreenOutlined } from "@ant-design/icons-vue";
+//#region src/modules/global-modal/src/components/ModalClose.vue?vue&type=script&setup=true&name=ModalClose&lang.ts
+var ModalClose_vue_vue_type_script_setup_true_name_ModalClose_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ModalClose",
+	props: {
+		canFullscreen: {
+			type: Boolean,
+			default: true
+		},
+		fullScreen: { type: Boolean }
+	},
+	emits: ["cancel", "fullscreen"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const ns = useNamespace("basic-modal-close");
+		const getClass = computed(() => {
+			return [
+				ns.b(),
+				`${ns.b()}--custom`,
+				{ [`${ns.b()}--can-full`]: props.canFullscreen }
+			];
+		});
+		function handleCancel(e) {
+			emit("cancel", e);
+		}
+		function handleFullScreen(e) {
+			e?.stopPropagation();
+			e?.preventDefault();
+			emit("fullscreen");
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(getClass.value) }, [__props.canFullscreen ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [__props.fullScreen ? (openBlock(), createBlock(unref(Tooltip), {
+				key: 0,
+				title: unref(t)("sys.component.modal.restore"),
+				placement: "bottom"
+			}, {
+				default: withCtx(() => [createVNode(unref(FullscreenExitOutlined), {
+					role: "full",
+					onClick: handleFullScreen
+				})]),
+				_: 1
+			}, 8, ["title"])) : (openBlock(), createBlock(unref(Tooltip), {
+				key: 1,
+				title: unref(t)("sys.component.modal.maximize"),
+				placement: "bottom"
+			}, {
+				default: withCtx(() => [createVNode(unref(FullscreenOutlined), {
+					role: "close",
+					onClick: handleFullScreen
+				})]),
+				_: 1
+			}, 8, ["title"]))], 64)) : createCommentVNode("", true), createVNode(unref(Tooltip), {
+				title: unref(t)("sys.component.modal.close"),
+				placement: "bottom"
+			}, {
+				default: withCtx(() => [createVNode(unref(CloseOutlined), { onClick: handleCancel })]),
+				_: 1
+			}, 8, ["title"])], 2);
+		};
+	}
+});
+//#endregion
+export { ModalClose_vue_vue_type_script_setup_true_name_ModalClose_lang_default as default };