@dt-frames/ui 2.0.24 → 3.0.1

package/es/components/icons/src/{svg-icon.d.ts → SvgIcon.d.ts}

@@ -1,5 +1,5 @@
-declare const _sfc_main: import("vue").DefineComponent<{
-    iconClass: {
+declare const _default: import("vue").DefineComponent<{
+    name: {
         type: StringConstructor;
         required: true;
     };
@@ -9,18 +9,13 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
     color: {
         type: StringConstructor;
-        default: string;
     };
     size: {
         type: NumberConstructor;
         default: number;
     };
-}, {
-    isSvgIcon: import("vue").ComputedRef<boolean>;
-    iconName: import("vue").ComputedRef<string>;
-    clsName: import("vue").ComputedRef<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    iconClass: {
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    name: {
         type: StringConstructor;
         required: true;
     };
@@ -30,15 +25,13 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
     color: {
         type: StringConstructor;
-        default: string;
     };
     size: {
         type: NumberConstructor;
         default: number;
     };
 }>>, {
-    className: string | unknown[];
-    color: string;
     size: number;
-}>;
-export default _sfc_main;
+    className: string | unknown[];
+}, {}>;
+export default _default;

package/es/components/icons/src/index.scss

@@ -0,0 +1,3 @@
+.svg-icon {
+    outline: none;
+}

package/es/components/iframe/index.js

@@ -1,9 +1,7 @@
 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"];
+import { defineComponent, ref, watch, openBlock, createBlock, unref, withCtx, createElementVNode } from "vue";
+import { dispatchResize, windowResize } from "@dt-frames/core";
+const _hoisted_1 = ["src"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
@@ -14,24 +12,28 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     src: {
       type: String
     },
+    height: {
+      type: String
+    },
     exeReduce: {
       type: Number,
       default: 78
     },
-    postMsg: null
+    receiveMsg: {
+      type: Function
+    }
   },
-  setup(__props) {
+  setup(__props, { expose: __expose }) {
     const props = __props;
+    const frameRef = ref(null);
     const loading = ref(true);
-    const frameRef = ref();
-    windowResizeFn(calcHeight, 150, { immediate: true });
     function calcHeight() {
-      const iframe = unref(frameRef);
-      if (!iframe) {
+      const iframe2 = unref(frameRef);
+      if (!iframe2) {
         return;
       }
       const clientHeight = document.documentElement.clientHeight - props.exeReduce;
-      iframe.style.height = `${clientHeight}px`;
+      iframe2.style.height = `${clientHeight}px`;
     }
     watch(
       () => props.exeReduce,
@@ -40,30 +42,39 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         dispatchResize();
       }
     );
+    const iframe = ref(null);
     function afterLoaded() {
       loading.value = false;
+      if (props.height) {
+        unref(frameRef).style.height = `${props.height}px`;
+      } else {
+        windowResize(calcHeight, 150, { immediate: true });
+      }
       calcHeight();
       dispatchResize();
     }
+    window.addEventListener("message", function(event) {
+    }, false);
+    __expose({
+      iframe
+    });
     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"])
-      ]);
+      return openBlock(), createBlock(_component_ASpin, {
+        spinning: unref(loading),
+        class: "dt-iframe h-full"
+      }, {
+        default: withCtx(() => [
+          createElementVNode("iframe", {
+            src: __props.src,
+            class: "dt-iframe__main",
+            ref_key: "frameRef",
+            ref: frameRef,
+            onLoad: _cache[0] || (_cache[0] = ($event) => afterLoaded())
+          }, null, 40, _hoisted_1)
+        ]),
+        _: 1
+      }, 8, ["spinning"]);
     };
   }
 });

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

@@ -1,4 +1,4 @@
-declare const _sfc_main: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<{
     showLoading: {
         type: BooleanConstructor;
         default: boolean;
@@ -6,17 +6,18 @@ declare const _sfc_main: import("vue").DefineComponent<{
     src: {
         type: StringConstructor;
     };
+    height: {
+        type: globalThis.PropType<string | number>;
+    };
     exeReduce: {
         type: NumberConstructor;
         default: number;
     };
-    postMsg: any;
+    receiveMsg: {
+        type: globalThis.PropType<(msg: string) => void>;
+    };
 }, {
-    props: any;
-    loading: import("vue").Ref<boolean>;
-    frameRef: import("vue").Ref<any>;
-    calcHeight: () => void;
-    afterLoaded: () => void;
+    iframe: any;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     showLoading: {
         type: BooleanConstructor;
@@ -25,14 +26,18 @@ declare const _sfc_main: import("vue").DefineComponent<{
     src: {
         type: StringConstructor;
     };
+    height: {
+        type: globalThis.PropType<string | number>;
+    };
     exeReduce: {
         type: NumberConstructor;
         default: number;
     };
-    postMsg: any;
+    receiveMsg: {
+        type: globalThis.PropType<(msg: string) => void>;
+    };
 }>>, {
     showLoading: boolean;
     exeReduce: number;
-    postMsg: any;
-}>;
-export default _sfc_main;
+}, {}>;
+export default _default;

package/es/components/iframe/src/index.scss

@@ -0,0 +1,20 @@
+.dt-iframe{
+    .ant-spin-nested-loading {
+        @apply relative h-full;
+  
+        .ant-spin-container {
+            @apply w-full h-full;
+        }
+    }
+  
+    &__mask {
+        @apply absolute top-0 left-0 w-full h-full;
+    }
+  
+    &__main {
+        @apply w-full h-full overflow-hidden bg-white;
+
+        border: 0;
+        box-sizing: border-box;
+    }
+}

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

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