@dt-frames/ui 2.0.24 → 3.0.1

package/es/components/modal/index.js

@@ -1,39 +1,48 @@
-import { useApp, isFunction, isObject, error, useTimeoutFn, useSlots, getPopupContainer, useI18n, dispatchResize, isArray, deepMerge } from "@dt-frames/core";
-import { reactive, ref, getCurrentInstance, watchEffect, unref, nextTick, onUnmounted, toRaw, toRefs, useAttrs, createVNode, isVNode, defineComponent, computed, openBlock, createElementBlock, normalizeClass, Fragment, createBlock, withCtx, createElementVNode, createCommentVNode, renderSlot, watch, mergeProps, createSlots, createTextVNode, toDisplayString, renderList, normalizeProps, guardReactiveProps } from "vue";
+import { isProd, isObject, isFunction, error, useTimeoutFn, getPopupContainer, extendSlots, dispatchResize, useI18n, isArray, isBoolean, useAppStore, deepMerge } from "@dt-frames/core";
+import { reactive, ref, getCurrentInstance, unref, onUnmounted, watch, toRaw, watchEffect, toRefs, useAttrs, createVNode, isVNode, computed, defineComponent, openBlock, createElementBlock, normalizeClass, Fragment, createBlock, withCtx, createElementVNode, createCommentVNode, renderSlot, nextTick, mergeProps, createSlots, createTextVNode, toDisplayString, renderList, normalizeProps, guardReactiveProps } from "vue";
 import { Tooltip, Spin } from "ant-design-vue/es";
-import "ant-design-vue/es/spin/style";
 import { omit } from "lodash-es";
-import { Modal as Modal$1 } from "ant-design-vue";
-import "ant-design-vue/es/modal/style";
-import "ant-design-vue/es/tooltip/style";
+import { Modal } from "ant-design-vue";
 import { DtFormButtons } from "../form";
 const orgDialogProp = reactive({});
-const cbTransfer = reactive({});
-const dataTransfer = reactive({});
+const cbTransfer = {};
+const dataTransfer = {};
+const cbFun = {};
 function useModalOut() {
   const modal = ref(null);
   const loaded = ref(true);
   const uid = ref(null);
-  const { isProd } = useApp();
-  function register(modalMethod, uuid) {
+  const open = ref(false);
+  function register(modalMethod, uuid, isOpen) {
     if (!getCurrentInstance()) {
       throw new Error("useModal\u53EA\u80FD\u5728setup()\u6216\u8005\u51FD\u6570\u4E2D\u4F7F\u7528");
     }
     uid.value = uuid;
+    if (unref(loaded) && modalMethod === unref(modal))
+      return;
+    modal.value = modalMethod;
+    loaded.value = true;
     onUnmounted(() => {
-      if (unref(isProd)) {
+      if (isProd()) {
         modal.value = null;
         loaded.value = false;
-        dataTransfer[unref(uid)] = null;
-        orgDialogProp[unref(uid)] = null;
-        cbTransfer[unref(uid)] = (res) => {
-        };
+        delete dataTransfer[unref(uid)];
+        delete orgDialogProp[unref(uid)];
+        delete cbTransfer[unref(uid)];
       }
     });
-    if (unref(loaded) && modalMethod === unref(modal))
-      return;
-    modal.value = modalMethod;
-    loaded.value = true;
+    watch(
+      () => unref(isOpen),
+      (v) => {
+        if (v === false) {
+          setTimeout(() => {
+            open.value = v;
+          }, 250);
+        } else {
+          open.value = v;
+        }
+      }
+    );
   }
   const getInstance = () => {
     const instance = unref(modal);
@@ -50,32 +59,38 @@ function useModalOut() {
       getInstance()?.redoModalHeight?.();
     },
     openModal: (params, afterClose) => {
-      const id = unref(uid);
-      dataTransfer[id] = isObject(params) ? { ...toRaw(params) } : params;
-      getInstance()?.setModalProps({
-        footer: [],
-        defaultFullscreen: false,
-        ...orgDialogProp[id],
-        visible: true
-      });
-      cbTransfer[id] = (res) => {
-        if (afterClose && isFunction(afterClose)) {
-          afterClose(res);
+      open.value = true;
+      let uidWatch = watch(
+        () => unref(uid),
+        (v) => {
+          if (v) {
+            const id = unref(uid);
+            cbFun[id]?.(isObject(params) ? { ...toRaw(params) } : params);
+            getInstance()?.setModalProps({
+              footer: [],
+              defaultFullscreen: false,
+              ...orgDialogProp[id],
+              open: true
+            });
+            cbTransfer[id] = (res) => {
+              if (afterClose && isFunction(afterClose)) {
+                afterClose(res);
+              }
+            };
+            uidWatch();
+          }
         }
-      };
+      );
     },
     closeModal: () => {
-      getInstance()?.setModalProps({ visible: false });
+      getInstance()?.setModalProps({ open: false });
     }
   };
-  return [register, methods];
+  return [register, methods, open];
 }
 function useModal(props, setModalData) {
   const modalInstanceRef = ref(null);
-  const currentInstance = getCurrentInstance();
   const uidRef = ref(null);
-  const isFirstRegister = ref(true);
-  const { isProd } = useApp();
   const getInstance = () => {
     const instance = unref(modalInstanceRef);
     if (!instance) {
@@ -84,43 +99,23 @@ function useModal(props, setModalData) {
     return instance;
   };
   const register = (modalInstance, uuid) => {
-    if (unref(isProd)) {
-      modalInstanceRef.value = null;
-    }
     uidRef.value = uuid;
     modalInstanceRef.value = modalInstance;
-    currentInstance?.emit("register", modalInstance, uuid);
+    cbFun[uuid] = setModalData;
     orgDialogProp[uuid] = toRaw(props);
     modalInstance.setModalProps(props);
   };
-  watchEffect(() => {
-    if (!unref(uidRef))
-      return;
-    const data = dataTransfer[unref(uidRef)];
-    if (!setModalData || !isFunction(setModalData))
-      return;
-    nextTick(() => {
-      if (unref(isFirstRegister)) {
-        isFirstRegister.value = false;
-        return;
-      }
-      setModalData(data ?? {});
-      if (!data)
-        return;
-      if (props?.title && isFunction(props?.title)) {
-        let title = props.title(data);
-        methods.setModalProps({ title });
-      }
-    });
-  });
   const methods = {
     setLoading: (loading = true) => {
       getInstance()?.setModalProps({ loading });
     },
+    getModalProps: () => {
+      return getInstance()?.getModalProps();
+    },
     closeModal: (rsp) => {
       if (cbTransfer[unref(uidRef)])
         cbTransfer[unref(uidRef)](rsp);
-      getInstance()?.setModalProps({ visible: false });
+      getInstance()?.setModalProps({ open: false });
     },
     setModalProps: (props2) => {
       getInstance()?.setModalProps(props2);
@@ -132,77 +127,6 @@ function useModal(props, setModalData) {
   };
   return [register, methods];
 }
-const basicProps = {
-  t: {
-    type: String
-  },
-  visible: {
-    type: Boolean
-  },
-  closable: {
-    type: Boolean,
-    default: true
-  },
-  destroyOnClose: {
-    type: Boolean
-  },
-  scrollTop: {
-    type: Boolean,
-    default: true
-  },
-  height: { type: Number },
-  minHeight: { type: Number },
-  width: { type: [String, Number] },
-  draggable: {
-    type: Boolean,
-    default: true
-  },
-  defaultFullscreen: {
-    type: Boolean
-  },
-  canFullscreen: {
-    type: Boolean,
-    default: true
-  },
-  title: {
-    type: String
-  },
-  loading: { type: Boolean, default: false },
-  loadingTip: { type: String, default: "\u52A0\u8F7D\u4E2D..." },
-  useWrapper: {
-    type: Boolean,
-    default: true
-  },
-  wrapClassName: { type: String },
-  zIndex: { type: Number },
-  centered: { type: Boolean },
-  showOkBtn: {
-    type: Boolean,
-    default: true
-  },
-  showCancelBtn: {
-    type: Boolean,
-    default: true
-  },
-  okText: {
-    type: String
-  },
-  cancelText: {
-    type: String
-  },
-  mask: { type: Boolean, default: true },
-  maskClosable: { type: Boolean, default: true },
-  keyboard: { type: Boolean, default: true },
-  maskStyle: Object,
-  footer: {
-    type: Object
-  },
-  bodyStyle: Object,
-  wrapperProps: Object,
-  getContainer: Function,
-  closeFunc: Function,
-  afterClose: Function
-};
 function useDragMove(context) {
   const getStyle = (dom, attr) => {
     return getComputedStyle(dom)[attr];
@@ -269,14 +193,14 @@ function useDragMove(context) {
       const display = getStyle(wrap, "display");
       const draggable = wrap.getAttribute("data-drag");
       if (display !== "none") {
-        if (draggable === null || unref(context.destroyOnClose)) {
+        if (draggable === null) {
           drag(wrap);
         }
       }
     }
   };
   watchEffect(() => {
-    if (!unref(context.visible) || !unref(context.draggable)) {
+    if (!unref(context.open) || !unref(context.draggable)) {
       return;
     }
     useTimeoutFn(() => {
@@ -284,6 +208,71 @@ function useDragMove(context) {
     }, 30);
   });
 }
+const basicProps = {
+  t: {
+    type: String
+  },
+  open: {
+    type: Boolean,
+    default: true
+  },
+  closable: {
+    type: Boolean,
+    default: true
+  },
+  scrollTop: {
+    type: Boolean,
+    default: true
+  },
+  height: { type: Number },
+  minHeight: { type: Number },
+  width: { type: [String, Number] },
+  draggable: {
+    type: Boolean,
+    default: true
+  },
+  defaultFullscreen: {
+    type: Boolean
+  },
+  canFullscreen: {
+    type: Boolean,
+    default: true
+  },
+  title: {
+    type: String
+  },
+  loading: { type: Boolean, default: false },
+  loadingTip: { type: String, default: "\u52A0\u8F7D\u4E2D..." },
+  wrapClassName: { type: String },
+  zIndex: { type: Number },
+  centered: { type: Boolean },
+  showOkBtn: {
+    type: Boolean,
+    default: true
+  },
+  showCancelBtn: {
+    type: Boolean,
+    default: true
+  },
+  okText: {
+    type: String
+  },
+  cancelText: {
+    type: String
+  },
+  mask: { type: Boolean, default: true },
+  maskClosable: { type: Boolean, default: true },
+  keyboard: { type: Boolean, default: true },
+  maskStyle: Object,
+  footer: {
+    type: Object
+  },
+  bodyStyle: Object,
+  wrapperProps: Object,
+  getContainer: Function,
+  closeFunc: Function,
+  afterClose: Function
+};
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
@@ -297,19 +286,14 @@ const _sfc_main$3 = {
     emit
   }) {
     const {
-      visible,
-      draggable,
-      destroyOnClose
+      open,
+      draggable
     } = toRefs(props);
     const attrs = useAttrs();
     useDragMove({
-      visible,
-      destroyOnClose,
+      open,
       draggable
     });
-    const {
-      extendSlots
-    } = useSlots();
     const onCancel = (e) => emit("cancel", e);
     return () => {
       let _slot;
@@ -321,22 +305,32 @@ const _sfc_main$3 = {
         centered: true,
         getContainer: getPopupContainer()
       };
-      if (!propsData?.visible)
+      if (!propsData?.open)
         return null;
-      return createVNode(Modal$1, propsData, _isSlot(_slot = extendSlots(slots)) ? _slot : {
+      return createVNode(Modal, propsData, _isSlot(_slot = extendSlots(slots)) ? _slot : {
         default: () => [_slot]
       });
     };
   }
 };
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
+function useFullScreen(wrapClassName) {
+  const fullScreenRef = ref(false);
+  const getWrapClassName = computed(() => {
+    const clsName = unref(wrapClassName) || "";
+    const cls = unref(fullScreenRef) ? `fullscreen-modal ${clsName} ` : unref(clsName);
+    return `dt-modal overflow-hidden ${cls}`;
+  });
+  function toggleFullScreen(e) {
+    e && e.stopPropagation();
+    fullScreenRef.value = !unref(fullScreenRef);
+    dispatchResize();
   }
-  return target;
-};
-const Modal = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/modal/src/components/Modal.vue"]]);
+  return {
+    fullScreenRef,
+    getWrapClassName,
+    toggleFullScreen
+  };
+}
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "CloseIcon",
   props: {
@@ -367,7 +361,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_ATooltip = Tooltip;
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["flex h-14 items-center justify-center", unref(getClass)])
+        class: normalizeClass(["flex items-center justify-center", unref(getClass)])
       }, [
         __props.canFullscreen ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
           __props.fullScreen ? (openBlock(), createBlock(_component_ATooltip, {
@@ -377,7 +371,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           }, {
             default: withCtx(() => [
               createElementVNode("i", {
-                class: "i ic:baseline-fullscreen-exit hover:font-bold inline-block w-10 h-14 pr-4",
+                class: "i ic:baseline-fullscreen-exit hover:font-bold inline-block w-10 pr-4",
                 onClick: handleFullScreen
               })
             ]),
@@ -389,22 +383,22 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           }, {
             default: withCtx(() => [
               createElementVNode("i", {
-                class: "i ic:baseline-fullscreen hover:font-bold inline-block h-14 w-10 pr-4",
+                class: "i ic:baseline-fullscreen hover:font-bold inline-block w-10 pr-4",
                 onClick: handleFullScreen
               })
             ]),
             _: 1
           }, 8, ["title"]))
-        ], 64)) : createCommentVNode("v-if", true),
+        ], 64)) : createCommentVNode("", true),
         createElementVNode("i", {
-          class: "i mdi:close h-14 w-10 pr-4",
+          class: "i mdi:close w-10",
           onClick: handleCancel
         })
       ], 2);
     };
   }
 });
-const CloseIcon = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/modal/src/components/CloseIcon.vue"]]);
+const _hoisted_1 = { class: "flex w-auto gap-3 justify-end items-center" };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "ModalFooter",
   props: {
@@ -423,8 +417,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const props = __props;
     const { t } = useI18n("UI");
     const buttonList = computed(() => {
-      if (props.buttons && props.buttons.length)
+      if (isArray(props.buttons) && props.buttons && props.buttons?.length)
         return props.buttons;
+      if (isBoolean(props.buttons) && !props.buttons)
+        return [];
       let buttonActions = [
         { t: "\u5173\u95ED", label: props.cancelText || t("CLOSE"), preIcon: "mdi:close", flag: "CANCEL" },
         { t: "\u4FDD\u5B58", label: props.okText || t("SAVE"), preIcon: "mdi:content-save", auth: "edit", type: "primary", flag: "OK" }
@@ -446,7 +442,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       }
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
+      return openBlock(), createElementBlock("div", _hoisted_1, [
         renderSlot(_ctx.$slots, "appendFooter"),
         createVNode(unref(DtFormButtons), {
           mode: "dialog",
@@ -454,36 +450,17 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           authPrefix: __props.authPrefix,
           onHandleMethod: _cache[0] || (_cache[0] = ($event) => handleMethod($event))
         }, null, 8, ["buttonList", "authPrefix"])
-      ], 64);
+      ]);
     };
   }
 });
-const ModalFooter = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/modal/src/components/ModalFooter.vue"]]);
-function useFullScreen(wrapClassName) {
-  const fullScreenRef = ref(false);
-  const getWrapClassName = computed(() => {
-    const clsName = unref(wrapClassName) || "";
-    const cls = unref(fullScreenRef) ? `fullscreen-modal ${clsName} ` : unref(clsName);
-    return `dt-modal ${cls}`;
-  });
-  function toggleFullScreen(e) {
-    e && e.stopPropagation();
-    fullScreenRef.value = !unref(fullScreenRef);
-    dispatchResize();
-  }
-  return {
-    fullScreenRef,
-    getWrapClassName,
-    toggleFullScreen
-  };
-}
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: basicProps,
-  emits: ["visible-change", "cancel", "save", "register", "toggle-fullscreen", "update:visible"],
-  setup(__props, { emit: emits }) {
+  emits: ["open-change", "cancel", "save", "register", "toggle-fullscreen", "update:open"],
+  setup(__props, { expose: __expose, emit: emits }) {
     const props = __props;
-    const visibleRef = ref(false);
+    const openRef = ref(false);
     const propsRef = ref();
     const modalWrapperRef = ref(null);
     const { getWrapClassName, toggleFullScreen, fullScreenRef } = useFullScreen(computed(() => unref(propsRef)?.wrapClassName));
@@ -497,13 +474,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ...unref(propsRef)
       };
     });
+    const { appConf } = useAppStore();
     const getBindValue = computed(() => {
+      const bodyStyle = unref(getMergeProps)?.bodyStyle ?? {
+        padding: "24px"
+      };
       const bindValue = {
         ...unref(getMergeProps),
         ...unref(propsRef),
-        visible: unref(visibleRef),
-        wrapClassName: unref(getWrapClassName)
+        open: unref(openRef),
+        wrapClassName: unref(getWrapClassName),
+        bodyStyle
       };
+      bindValue.width = bindValue.width ?? appConf.ui.modal.width;
       let omitArr = unref(fullScreenRef) ? ["height", "title"] : ["title"];
       if (isArray(unref(propsRef)?.footer)) {
         omitArr.push("footer");
@@ -511,6 +494,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return omit(bindValue, omitArr);
     });
     const modalMethods = {
+      getModalProps,
       setModalProps,
       redoModalHeight: () => {
         nextTick(() => {
@@ -522,17 +506,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const instance = getCurrentInstance();
     if (instance) {
-      emits("register", modalMethods, instance.uid);
+      emits("register", modalMethods, instance.uid, openRef);
     }
     function setModalProps(props2) {
       propsRef.value = deepMerge(unref(propsRef) || {}, props2);
-      if (Reflect.has(props2, "visible")) {
-        visibleRef.value = !!props2.visible;
+      if (Reflect.has(props2, "open")) {
+        openRef.value = !!props2.open;
       }
       if (Reflect.has(props2, "defaultFullscreen")) {
         fullScreenRef.value = !!props2.defaultFullscreen;
       }
     }
+    function getModalProps() {
+      return unref(getBindValue);
+    }
     function handleSave() {
       emits("save");
     }
@@ -543,7 +530,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           return;
         if (props.closeFunc && isFunction(props.closeFunc)) {
           const isClose = await props.closeFunc();
-          visibleRef.value = !isClose;
+          openRef.value = !isClose;
           return;
         }
       }
@@ -551,12 +538,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (afterClose && isFunction(afterClose)) {
         afterClose();
       }
-      visibleRef.value = false;
+      openRef.value = false;
       emits("cancel", e);
     }
-    watch(() => unref(visibleRef), (v) => {
-      emits("visible-change", v);
-      emits("update:visible", v);
+    watch(() => unref(openRef), (v) => {
+      emits("open-change", v);
+      emits("update:open", v);
       nextTick(() => {
         if (props.scrollTop && v && unref(modalWrapperRef)) {
           unref(modalWrapperRef).$el.scrollTop = 0;
@@ -565,9 +552,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }, {
       immediate: false
     });
+    __expose({
+      getBindValue
+    });
     return (_ctx, _cache) => {
       const _component_ASpin = Spin;
-      return openBlock(), createBlock(Modal, mergeProps(unref(getBindValue), { onCancel: handleCancel }), createSlots({
+      return openBlock(), createBlock(_sfc_main$3, mergeProps(unref(getBindValue), { onCancel: handleCancel }), createSlots({
         default: withCtx(() => [
           createVNode(_component_ASpin, {
             spinning: unref(getBindValue).loading,
@@ -584,7 +574,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         !_ctx.$slots.closeIcon ? {
           name: "closeIcon",
           fn: withCtx(() => [
-            createVNode(CloseIcon, {
+            createVNode(_sfc_main$2, {
               canFullscreen: unref(getBindValue).canFullscreen,
               fullScreen: unref(fullScreenRef),
               onCancel: handleCancel,
@@ -603,9 +593,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         !_ctx.$slots.footer ? {
           name: "footer",
           fn: withCtx(() => [
-            createVNode(ModalFooter, {
+            createVNode(_sfc_main$1, {
               authPrefix: unref(getBindValue).authPrefix,
-              buttons: propsRef.value?.footer,
+              buttons: unref(propsRef)?.footer,
               showSave: unref(getBindValue).showOkBtn,
               showCancel: unref(getBindValue).showCancelBtn,
               okText: unref(getBindValue).okText,
@@ -637,9 +627,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/modal/src/index.vue"]]);
 export {
-  index as DtModal,
+  _sfc_main as DtModal,
+  _sfc_main$1 as ModalFooter,
   basicProps,
   useModal,
   useModalOut

package/es/components/modal/src/components/CloseIcon.d.ts

@@ -1,4 +1,4 @@
-declare const _sfc_main: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<{
     canFullscreen: {
         type: BooleanConstructor;
         default: boolean;
@@ -6,23 +6,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     fullScreen: {
         type: BooleanConstructor;
     };
-}, {
-    t: {
-        (key: string): string;
-        (key: string, locale: string): string;
-        (key: string, locale: string, list: unknown[]): string;
-        (key: string, locale: string, named: Record<string, unknown>): string;
-        (key: string, list: unknown[]): string;
-        (key: string, named: Record<string, unknown>): string;
-    };
-    props: any;
-    emit: (event: "cancel" | "fullscreen", ...args: any[]) => void;
-    getClass: import("vue").ComputedRef<(string | {
-        "dt-basic-modal-close--can-full": boolean;
-    })[]>;
-    handleCancel: (e: Event) => void;
-    handleFullScreen: (e: Event) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "fullscreen")[], "cancel" | "fullscreen", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "fullscreen")[], "cancel" | "fullscreen", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     canFullscreen: {
         type: BooleanConstructor;
         default: boolean;
@@ -36,5 +20,5 @@ declare const _sfc_main: import("vue").DefineComponent<{
 }, {
     canFullscreen: boolean;
     fullScreen: boolean;
-}>;
-export default _sfc_main;
+}, {}>;
+export default _default;