vft 0.0.415 → 0.0.416

package/es/components/md-code-demo/md-code-demo.js

@@ -1,4 +1,4 @@
-import { VftIcon as j } from "../icon/index.js";
+import { VftIcon as g } from "../icon/index.js";
 import { vLoading as C } from "../loading/directive.js";
 import "@vft/utils";
 import "@vueuse/core";
@@ -11,7 +11,7 @@ import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import { getCode as N, getReactCode as w, getVueCode as x, getNormalCode as D } from "./code-demo/code.js";
 import { loadNormal as E, loadVue as M, loadReact as R } from "./code-demo/loadScript.js";
-import { atou as g, injectCSS as k, injectScript as J } from "./utils.js";
+import { atou as y, injectCSS as k, injectScript as J } from "./utils.js";
 const O = 800, G = L({
   name: "VftMdCodeDemo",
   props: {
@@ -61,18 +61,18 @@ const O = 800, G = L({
       required: !0
     }
   },
-  setup(a, { slots: y }) {
+  setup(a, { slots: b }) {
     const n = l(!1), m = l(), f = l(), d = l("0"), s = l(!1), u = i(
-      () => JSON.parse(a.config ? g(a.config) : "{}")
+      () => JSON.parse(a.config ? y(a.config) : "{}")
     ), o = i(() => {
-      const r = JSON.parse(g(a.code));
+      const r = JSON.parse(y(a.code));
       return N(r);
     }), e = i(
       () => a.type === "react" ? w(o.value, u.value) : a.type === "vue" ? x(o.value, u.value) : D(o.value, u.value)
     ), h = i(() => e.value.isLegal), c = (r = !1) => {
       const p = m.value.attachShadow({ mode: "open" }), v = document.createElement("div");
       v.classList.add("code-demo-app"), p.appendChild(v), h.value ? (r && (v.innerHTML = e.value.html), k(p, e.value), J(a.id, p, e.value), d.value = "0") : d.value = "auto", s.value = !0;
-    }, b = () => {
+    }, j = () => {
       switch (a.type) {
         case "react":
           return R(e.value).then(() => c());
@@ -84,7 +84,7 @@ const O = 800, G = L({
     };
     return S(() => {
       setTimeout(() => {
-        b();
+        j();
       }, O);
     }), () => _(
       t("div", { class: "vft-md-code-demo", id: a.id }, [
@@ -152,7 +152,7 @@ const O = 800, G = L({
                       "aria-label": "JSFiddle",
                       "data-balloon-pos": "up"
                     },
-                    t(j, {
+                    t(g, {
                       icon: "icon-jsfiddle",
                       class: "jsfiddle-button"
                     })
@@ -196,7 +196,7 @@ const O = 800, G = L({
                       "aria-label": "Codepen",
                       "data-balloon-pos": "up"
                     },
-                    t(Icon, {
+                    t(g, {
                       icon: "icon-codepen",
                       class: "codepen-button"
                     })
@@ -225,7 +225,7 @@ const O = 800, G = L({
               ref: f,
               class: "code-demo-codes"
             },
-            y.default?.()
+            b.default?.()
           )
         )
       ]),

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

@@ -18,6 +18,12 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
         zIndex: {
             type: import("vue").PropType<number>;
         };
+        overflow: {
+            type: import("vue").PropType<boolean>;
+        };
+        transition: {
+            type: import("vue").PropType<string | import("vue").TransitionProps>;
+        };
         fullscreen: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -37,6 +43,9 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
         loading: {
             type: import("vue").PropType<boolean>;
         };
+        appendTo: {
+            type: import("vue").PropType<string | HTMLElement>;
+        };
         showClose: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -45,13 +54,6 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string>;
             default: string;
         };
-        alignCenter: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        closeIcon: {
-            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
-        };
         appendToBody: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -83,6 +85,9 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<number>;
             default: number;
         };
+        modalPenetrable: {
+            type: import("vue").PropType<boolean>;
+        };
         modalClass: {
             type: import("vue").PropType<string>;
         };
@@ -90,6 +95,22 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        alignCenter: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        closeIcon: {
+            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
+        };
+        headerClass: {
+            type: import("vue").PropType<string>;
+        };
+        bodyClass: {
+            type: import("vue").PropType<string>;
+        };
+        footerClass: {
+            type: import("vue").PropType<string>;
+        };
         showSubmitButton: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -126,7 +147,6 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
         closeOnPressEscape: boolean;
         showClose: boolean;
         customClass: string;
-        alignCenter: boolean;
         appendToBody: boolean;
         destroyOnClose: boolean;
         closeOnClickModal: boolean;
@@ -135,6 +155,7 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
         openDelay: number;
         closeDelay: number;
         trapFocus: boolean;
+        alignCenter: boolean;
         showSubmitButton: boolean;
         showActionButtonGroup: boolean;
         showCancelButton: boolean;
@@ -163,6 +184,12 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
         zIndex: {
             type: import("vue").PropType<number>;
         };
+        overflow: {
+            type: import("vue").PropType<boolean>;
+        };
+        transition: {
+            type: import("vue").PropType<string | import("vue").TransitionProps>;
+        };
         fullscreen: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -182,6 +209,9 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
         loading: {
             type: import("vue").PropType<boolean>;
         };
+        appendTo: {
+            type: import("vue").PropType<string | HTMLElement>;
+        };
         showClose: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -190,13 +220,6 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string>;
             default: string;
         };
-        alignCenter: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        closeIcon: {
-            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
-        };
         appendToBody: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -228,6 +251,9 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<number>;
             default: number;
         };
+        modalPenetrable: {
+            type: import("vue").PropType<boolean>;
+        };
         modalClass: {
             type: import("vue").PropType<string>;
         };
@@ -235,6 +261,22 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        alignCenter: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        closeIcon: {
+            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
+        };
+        headerClass: {
+            type: import("vue").PropType<string>;
+        };
+        bodyClass: {
+            type: import("vue").PropType<string>;
+        };
+        footerClass: {
+            type: import("vue").PropType<string>;
+        };
         showSubmitButton: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -271,7 +313,6 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
         closeOnPressEscape: boolean;
         showClose: boolean;
         customClass: string;
-        alignCenter: boolean;
         appendToBody: boolean;
         destroyOnClose: boolean;
         closeOnClickModal: boolean;
@@ -280,6 +321,7 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
         openDelay: number;
         closeDelay: number;
         trapFocus: boolean;
+        alignCenter: boolean;
         showSubmitButton: boolean;
         showActionButtonGroup: boolean;
         showCancelButton: boolean;
@@ -305,6 +347,12 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
     zIndex: {
         type: import("vue").PropType<number>;
     };
+    overflow: {
+        type: import("vue").PropType<boolean>;
+    };
+    transition: {
+        type: import("vue").PropType<string | import("vue").TransitionProps>;
+    };
     fullscreen: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -324,6 +372,9 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
     loading: {
         type: import("vue").PropType<boolean>;
     };
+    appendTo: {
+        type: import("vue").PropType<string | HTMLElement>;
+    };
     showClose: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -332,13 +383,6 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<string>;
         default: string;
     };
-    alignCenter: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    closeIcon: {
-        type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
-    };
     appendToBody: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -370,6 +414,9 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<number>;
         default: number;
     };
+    modalPenetrable: {
+        type: import("vue").PropType<boolean>;
+    };
     modalClass: {
         type: import("vue").PropType<string>;
     };
@@ -377,6 +424,22 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    alignCenter: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    closeIcon: {
+        type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
+    };
+    headerClass: {
+        type: import("vue").PropType<string>;
+    };
+    bodyClass: {
+        type: import("vue").PropType<string>;
+    };
+    footerClass: {
+        type: import("vue").PropType<string>;
+    };
     showSubmitButton: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -413,7 +476,6 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
     closeOnPressEscape: boolean;
     showClose: boolean;
     customClass: string;
-    alignCenter: boolean;
     appendToBody: boolean;
     destroyOnClose: boolean;
     closeOnClickModal: boolean;
@@ -422,6 +484,7 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
     openDelay: number;
     closeDelay: number;
     trapFocus: boolean;
+    alignCenter: boolean;
     showSubmitButton: boolean;
     showActionButtonGroup: boolean;
     showCancelButton: boolean;

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

@@ -60,7 +60,6 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     closeOnPressEscape: boolean;
     showClose: boolean;
     customClass: string;
-    alignCenter: boolean;
     appendToBody: boolean;
     destroyOnClose: boolean;
     closeOnClickModal: boolean;
@@ -69,6 +68,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     openDelay: number;
     closeDelay: number;
     trapFocus: boolean;
+    alignCenter: boolean;
     showSubmitButton: boolean;
     showActionButtonGroup: boolean;
     showCancelButton: boolean;

package/es/components/modal/modal.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as O, useAttrs as M, ref as c, getCurrentInstance as F, computed as u, unref as o, watchEffect as P, watch as R, nextTick as r, createBlock as m, openBlock as B, mergeProps as S, createSlots as _, withCtx as b, renderSlot as A, createCommentVNode as T } from "vue";
+import { defineComponent as O, useAttrs as M, ref as c, getCurrentInstance as F, computed as u, unref as o, watchEffect as P, watch as R, nextTick as r, createBlock as m, openBlock as B, mergeProps as S, createSlots as T, withCtx as b, renderSlot as _, createCommentVNode as A } from "vue";
 import { deepMerge as D, isFunction as G } from "@vft/utils";
 import { VftDialog as I } from "../dialog/index.js";
 import $ from "./modal-footer-action.vue2.js";
@@ -10,6 +10,7 @@ const N = /* @__PURE__ */ O({
     confirmLoading: { type: Boolean },
     loading: { type: Boolean },
     appendToBody: { type: Boolean, default: !1 },
+    appendTo: {},
     beforeClose: {},
     destroyOnClose: { type: Boolean, default: !1 },
     closeOnClickModal: { type: Boolean, default: !0 },
@@ -19,11 +20,14 @@ const N = /* @__PURE__ */ O({
     openDelay: { default: 0 },
     closeDelay: { default: 0 },
     top: {},
+    modalPenetrable: { type: Boolean },
     modelValue: { type: Boolean, default: !1 },
     modalClass: {},
     width: {},
     zIndex: {},
     trapFocus: { type: Boolean, default: !1 },
+    overflow: { type: Boolean },
+    transition: {},
     center: { type: Boolean, default: !1 },
     alignCenter: { type: Boolean, default: !1 },
     closeIcon: {},
@@ -32,6 +36,9 @@ const N = /* @__PURE__ */ O({
     fullscreen: { type: Boolean, default: !1 },
     showClose: { type: Boolean, default: !0 },
     title: { default: "" },
+    headerClass: {},
+    bodyClass: {},
+    footerClass: {},
     showSubmitButton: { type: Boolean, default: !0 },
     showCancelButton: { type: Boolean, default: !0 },
     submitButtonOptions: {},
@@ -47,7 +54,7 @@ const N = /* @__PURE__ */ O({
     submit: []
   },
   setup(y, { emit: h }) {
-    const t = y, n = h, g = M(), i = c(null), l = c(!1), a = c(null), f = {
+    const t = y, n = h, C = M(), i = c(null), l = c(!1), a = c(null), d = {
       setModalProps: V,
       emitVisible: void 0,
       redoModalHeight: () => {
@@ -56,13 +63,13 @@ const N = /* @__PURE__ */ O({
         });
       }
     }, s = F();
-    s && n("register", f, s.uid);
-    const w = u(() => ({
+    s && n("register", d, s.uid);
+    const g = u(() => ({
       ...t,
       ...o(i)
-    })), C = u(() => ({
-      ...g,
-      ...o(w),
+    })), w = u(() => ({
+      ...C,
+      ...o(g),
       modelValue: o(l)
     }));
     P(() => {
@@ -71,7 +78,7 @@ const N = /* @__PURE__ */ O({
       () => o(l),
       (e) => {
         n("visible-change", e), n("update:modelValue", e), s && r(() => {
-          f.emitVisible(e, s.uid);
+          d.emitVisible(e, s.uid);
         }), r(() => {
           t.scrollTop && e && o(a) && o(a).scrollTop();
         });
@@ -80,7 +87,7 @@ const N = /* @__PURE__ */ O({
         immediate: !1
       }
     );
-    async function d(e) {
+    async function f(e) {
       if (e?.stopPropagation(), t.closeFunc && G(t.closeFunc)) {
         const p = await t.closeFunc();
         l.value = !p;
@@ -91,16 +98,16 @@ const N = /* @__PURE__ */ O({
     function V(e) {
       i.value = D(o(i) || {}, e), Reflect.has(e, "modelValue") && (l.value = !!e.modelValue);
     }
-    const k = u(() => ({
-      onClick: (e) => d(e),
+    const v = u(() => ({
+      onClick: (e) => f(e),
       ...t.cancelButtonOptions
-    })), v = u(() => ({
+    })), k = u(() => ({
       onClick: () => n("submit"),
       ...t.submitButtonOptions
     }));
-    return (e, p) => (B(), m(o(I), S(C.value, { onClose: d }), _({
+    return (e, p) => (B(), m(o(I), S(w.value, { onClose: f }), T({
       default: b(() => [
-        A(e.$slots, "default")
+        _(e.$slots, "default")
       ]),
       _: 2
     }, [
@@ -111,9 +118,9 @@ const N = /* @__PURE__ */ O({
             key: 0,
             "show-cancel-button": e.showCancelButton,
             "show-submit-button": e.showSubmitButton,
-            "cancel-button-options": k.value,
-            "submit-button-options": v.value
-          }, null, 8, ["show-cancel-button", "show-submit-button", "cancel-button-options", "submit-button-options"])) : T("", !0)
+            "cancel-button-options": v.value,
+            "submit-button-options": k.value
+          }, null, 8, ["show-cancel-button", "show-submit-button", "cancel-button-options", "submit-button-options"])) : A("", !0)
         ]),
         key: "0"
       } : void 0