@dt-frames/ui 2.0.11 → 2.0.12

package/es/components/iframe/index.d.ts

@@ -0,0 +1,2 @@
+import DtIframe from "./src/index";
+export { DtIframe };

package/es/components/iframe/index.js

@@ -0,0 +1,72 @@
+import { Spin } from "ant-design-vue/es";
+import "ant-design-vue/es/spin/style";
+import { defineComponent, ref, unref, watch, openBlock, createElementBlock, createVNode, withCtx, createElementVNode } from "vue";
+import { windowResizeFn, dispatchResize } from "@dt-frames/core";
+const _hoisted_1 = { class: "iframe-page" };
+const _hoisted_2 = ["src"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    showLoading: {
+      type: Boolean,
+      default: true
+    },
+    src: {
+      type: String
+    },
+    exeReduce: {
+      type: Number,
+      default: 78
+    },
+    postMsg: null
+  },
+  setup(__props) {
+    const props = __props;
+    const loading = ref(true);
+    const frameRef = ref();
+    windowResizeFn(calcHeight, 150, { immediate: true });
+    function calcHeight() {
+      const iframe = unref(frameRef);
+      if (!iframe) {
+        return;
+      }
+      const clientHeight = document.documentElement.clientHeight - props.exeReduce;
+      iframe.style.height = `${clientHeight}px`;
+    }
+    watch(
+      () => props.exeReduce,
+      (v) => {
+        calcHeight();
+        dispatchResize();
+      }
+    );
+    function afterLoaded() {
+      loading.value = false;
+      calcHeight();
+      dispatchResize();
+    }
+    return (_ctx, _cache) => {
+      const _component_ASpin = Spin;
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_component_ASpin, {
+          spinning: loading.value,
+          size: "large"
+        }, {
+          default: withCtx(() => [
+            createElementVNode("iframe", {
+              src: __props.src,
+              class: "iframe-page__main",
+              ref_key: "frameRef",
+              ref: frameRef,
+              onLoad: _cache[0] || (_cache[0] = ($event) => afterLoaded())
+            }, null, 40, _hoisted_2)
+          ]),
+          _: 1
+        }, 8, ["spinning"])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as DtIframe
+};

package/es/components/iframe/index.less

@@ -0,0 +1,29 @@
+.iframe-page{
+    height: 100%;
+    .ant-spin-nested-loading {
+        position: relative;
+        height: 100%;
+  
+        .ant-spin-container {
+            width: 100%;
+            height: 100%;
+        }
+    }
+  
+    &__mask {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+    }
+  
+    &__main {
+        width: 100%;
+        height: 100%;
+        overflow: hidden;
+        background-color: #fff;
+        border: 0;
+        box-sizing: border-box;
+    }
+}

package/es/components/iframe/src/index.d.ts

@@ -0,0 +1,38 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    showLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    src: {
+        type: StringConstructor;
+    };
+    exeReduce: {
+        type: NumberConstructor;
+        default: number;
+    };
+    postMsg: any;
+}, {
+    props: any;
+    loading: import("vue").Ref<boolean>;
+    frameRef: import("vue").Ref<any>;
+    calcHeight: () => void;
+    afterLoaded: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    showLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    src: {
+        type: StringConstructor;
+    };
+    exeReduce: {
+        type: NumberConstructor;
+        default: number;
+    };
+    postMsg: any;
+}>>, {
+    showLoading: boolean;
+    exeReduce: number;
+    postMsg: any;
+}>;
+export default _sfc_main;

package/es/components/modal/index.js

@@ -1,4 +1,4 @@
-import { useApp, isFunction, isObject, error, useTimeoutFn, useSlots, useI18n, windowResizeFn, dispatchResize, isArray, deepMerge } from "@dt-frames/core";
+import { useApp, isFunction, isObject, error, useTimeoutFn, useSlots, getPopupContainer, useI18n, windowResizeFn, 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, onMounted, watch, normalizeStyle, renderSlot, mergeProps, createSlots, createTextVNode, toDisplayString, renderList, normalizeProps, guardReactiveProps } from "vue";
 import { Tooltip, Spin } from "ant-design-vue/es";
 import "ant-design-vue/es/spin/style";
@@ -98,7 +98,7 @@ function useModal(props, setModalData) {
     if (!setModalData || !isFunction(setModalData))
       return;
     nextTick(() => {
-      setModalData(data);
+      setModalData(data ?? {});
       if (!data)
         return;
       if (props?.title && isFunction(props?.title)) {
@@ -311,7 +311,8 @@ const _sfc_main$4 = {
         ...unref(attrs),
         ...props,
         destroyOnClose: true,
-        onCancel
+        onCancel,
+        getContainer: getPopupContainer()
       };
       if (!propsData?.visible)
         return null;
@@ -566,13 +567,17 @@ function useFullScreen(wrapClassName) {
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: basicProps,
-  emits: ["visible-change", "height-change", "cancel", "save", "register", "update:visible"],
+  emits: ["visible-change", "height-change", "cancel", "save", "register", "toggle-fullscreen", "update:visible"],
   setup(__props, { emit: emits }) {
     const props = __props;
     const visibleRef = ref(false);
     const propsRef = ref();
     const modalWrapperRef = ref(null);
     const { getWrapClassName, toggleFullScreen, fullScreenRef } = useFullScreen(computed(() => unref(propsRef)?.wrapClassName));
+    function handleFullscreen(e) {
+      toggleFullScreen(e);
+      emits("toggle-fullscreen", unref(fullScreenRef));
+    }
     const getMergeProps = computed(() => {
       return {
         ...props,
@@ -698,8 +703,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               canFullscreen: unref(getBindValue).canFullscreen,
               fullScreen: unref(fullScreenRef),
               onCancel: handleCancel,
-              onFullscreen: unref(toggleFullScreen)
-            }, null, 8, ["canFullscreen", "fullScreen", "onFullscreen"])
+              onFullscreen: handleFullscreen
+            }, null, 8, ["canFullscreen", "fullScreen"])
           ]),
           key: "0"
         } : void 0,

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

@@ -100,7 +100,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     afterClose: FunctionConstructor;
 }, {
     props: any;
-    emits: (event: "visible-change" | "height-change" | "cancel" | "save" | "register" | "update:visible", ...args: any[]) => void;
+    emits: (event: "visible-change" | "height-change" | "cancel" | "save" | "register" | "toggle-fullscreen" | "update:visible", ...args: any[]) => void;
     visibleRef: import("vue").Ref<boolean>;
     propsRef: import("vue").Ref<Partial<ExtractPropTypes<{
         t: {
@@ -204,6 +204,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     getWrapClassName: import("vue").ComputedRef<string>;
     toggleFullScreen: (e: Event) => void;
     fullScreenRef: import("vue").Ref<boolean>;
+    handleFullscreen: (e: Event) => void;
     getMergeProps: import("vue").ComputedRef<any>;
     getBindValue: import("vue").ComputedRef<any>;
     getWrapperHeight: import("vue").ComputedRef<any>;
@@ -492,7 +493,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         showSave: boolean;
         showCancel: boolean;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("visible-change" | "height-change" | "cancel" | "save" | "register" | "update:visible")[], "visible-change" | "height-change" | "cancel" | "save" | "register" | "update:visible", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("visible-change" | "height-change" | "cancel" | "save" | "register" | "toggle-fullscreen" | "update:visible")[], "visible-change" | "height-change" | "cancel" | "save" | "register" | "toggle-fullscreen" | "update:visible", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     t: {
         type: StringConstructor;
     };
@@ -595,6 +596,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     onCancel?: (...args: any[]) => any;
     onSave?: (...args: any[]) => any;
     onRegister?: (...args: any[]) => any;
+    "onToggle-fullscreen"?: (...args: any[]) => any;
     "onUpdate:visible"?: (...args: any[]) => any;
 }, {
     visible: boolean;