@dt-frames/ui 2.0.10 → 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.d.ts

@@ -1,3 +1,4 @@
 import { useModal, useModalOut } from './src/hooks/useModal';
 import { default as DtModal } from "./src/index";
-export { DtModal, useModalOut, useModal };
+import { basicProps } from './src/props';
+export { basicProps, DtModal, useModalOut, useModal };