bkui-vue 1.0.3-beta.23 → 1.0.3-beta.24

package/dist/index.esm.js

@@ -1406,7 +1406,7 @@ const OM = (e) => {
   return (t = document.fullscreenElement) != null && t.shadowRoot ? document.fullscreenElement.shadowRoot.contains(e) : (n = document.fullscreenElement) == null ? void 0 : n.contains(e);
 }, kl = (e) => {
   var t, n;
-  if (la(e) && OM(e))
+  if (console.log("getFullscreenRoot", document.fullscreenElement ?? document.body), la(e) && OM(e))
     return e;
   if (typeof e == "string") {
     const i = document.body.querySelector(e);
@@ -7951,6 +7951,7 @@ const f2 = /* @__PURE__ */ Le({
   multiInstance: v.bool.def(!0),
   // info-box
   infoType: v.theme(),
+  bodyClass: v.string || v.array,
   left: v.string,
   top: v.string
 }, cE = /* @__PURE__ */ Le({
@@ -8073,7 +8074,7 @@ const f2 = /* @__PURE__ */ Le({
         zIndex: this.compStyle.zIndex
       }
     }, null) : "", f("div", {
-      class: [e("modal-wrapper"), this.extCls ?? "", this.size, this.fullscreen ? "fullscreen" : ""],
+      class: [e("modal-wrapper"), this.extCls ?? "", this.bodyClass ?? "", this.size, this.fullscreen ? "fullscreen" : ""],
       style: [this.compStyle, this.fullscreen ? this.fullscreenStyle : ""]
     }, [f(ma, {
       name: this.animateType
@@ -8219,11 +8220,11 @@ const hE = /* @__PURE__ */ Le({
       }, null)
     })[this.infoType], t = {
       header: () => {
-        var i, s, r, o;
+        var s, r, o, u;
         return [f("div", {
           class: [this.resolveClassName("dialog-tool"), this.fullscreen || !this.draggable ? "" : "move", this.draggable ? "content-dragging" : ""],
           onMousedown: this.moveHandler
-        }, [((s = (i = this.$slots).tools) == null ? void 0 : s.call(i)) ?? ""]), f("div", {
+        }, [((r = (s = this.$slots).tools) == null ? void 0 : r.call(s)) ?? ""]), f("div", {
           class: this.resolveClassName("dialog-header")
         }, [f("div", {
           class: this.resolveClassName("header-icon")
@@ -8232,18 +8233,18 @@ const hE = /* @__PURE__ */ Le({
         }, null)]), f("span", {
           class: this.resolveClassName("dialog-title"),
           style: `text-align: ${this.headerAlign}`
-        }, [((o = (r = this.$slots).header) == null ? void 0 : o.call(r)) ?? this.title])])];
+        }, [((u = (o = this.$slots).header) == null ? void 0 : u.call(o)) ?? this.title])])];
       },
       default: () => {
-        var i, s;
-        return ((s = (i = this.$slots).default) == null ? void 0 : s.call(i)) ?? "default";
+        var s, r;
+        return ((r = (s = this.$slots).default) == null ? void 0 : r.call(s)) ?? "default";
       },
       footer: () => {
-        var i, s, r, o, u, d;
+        var s, r, o, u, d, c;
         return f("div", {
           class: this.resolveClassName("dialog-footer"),
           style: `text-align: ${this.footerAlign}`
-        }, [this.dialogType === "process" ? ((s = (i = this.$slots).footer) == null ? void 0 : s.call(i)) ?? f(gt, null, [this.current === 1 ? "" : f(cn, {
+        }, [this.dialogType === "process" ? ((r = (s = this.$slots).footer) == null ? void 0 : r.call(s)) ?? f(gt, null, [this.current === 1 ? "" : f(cn, {
           class: this.resolveClassName("dialog-perv"),
           onClick: this.handlePrevStep
         }, {
@@ -8265,7 +8266,7 @@ const hE = /* @__PURE__ */ Le({
           disabled: this.isLoading
         }, {
           default: () => [this.localCancelText]
-        })]) : "", this.dialogType === "operation" ? ((o = (r = this.$slots).footer) == null ? void 0 : o.call(r)) ?? f(gt, null, [f(cn, {
+        })]) : "", this.dialogType === "operation" ? ((u = (o = this.$slots).footer) == null ? void 0 : u.call(o)) ?? f(gt, null, [f(cn, {
           onClick: this.handleConfirm,
           theme: this.theme,
           loading: this.isLoading
@@ -8277,7 +8278,7 @@ const hE = /* @__PURE__ */ Le({
           disabled: this.isLoading
         }, {
           default: () => [this.localCancelText]
-        })]) : "", this.dialogType === "confirm" ? ((d = (u = this.$slots).footer) == null ? void 0 : d.call(u)) ?? f(gt, null, [f(cn, {
+        })]) : "", this.dialogType === "confirm" ? ((c = (d = this.$slots).footer) == null ? void 0 : c.call(d)) ?? f(gt, null, [f(cn, {
           onClick: this.handleConfirm,
           theme: this.theme,
           loading: this.isLoading
@@ -8289,9 +8290,10 @@ const hE = /* @__PURE__ */ Le({
       close: () => f(On, {
         onClick: this.handleClose
       }, null)
-    }, n = `${this.resolveClassName("dialog-wrapper ")} ${this.scrollable ? "scroll-able" : ""} ${this.multiInstance ? "multi-instance" : ""} ${this.hasFooter ? "has-footer" : "no-footer"}`;
+    }, n = this.resolveClassName("dialog-wrapper "), i = `${this.scrollable ? "scroll-able" : ""} ${this.multiInstance ? "multi-instance" : ""} ${this.hasFooter ? "has-footer" : "no-footer"}`;
     return f(td, Ne(this.$props, {
       class: n,
+      bodyClass: i,
       onClose: this.handleClose,
       isShow: this.isModalShow,
       left: this.data.moveStyle.left,
@@ -11890,7 +11892,7 @@ const C_ = /* @__PURE__ */ Le({
     return () => {
       const u = {
         header: () => {
-          var h;
+          var g;
           return f(gt, null, [f("div", {
             class: `${o("sideslider-header")}`
           }, [f("div", {
@@ -11900,19 +11902,21 @@ const C_ = /* @__PURE__ */ Le({
             }
           }, null), f("div", {
             class: `${o("sideslider-title")} ${e.direction}`
-          }, [((h = t.header) == null ? void 0 : h.call(t)) ?? e.title])])]);
+          }, [((g = t.header) == null ? void 0 : g.call(t)) ?? e.title])])]);
         },
         default: () => {
-          var h;
-          return ((h = t.default) == null ? void 0 : h.call(t)) ?? "Content";
+          var g;
+          return ((g = t.default) == null ? void 0 : g.call(t)) ?? "Content";
         },
         footer: () => t.footer ? f("div", {
           class: `${o("sideslider-footer")}`
         }, [t.footer()]) : null
-      }, d = `${o("sideslider-wrapper")} ${e.scrollable ? "scroll-able" : ""} ${e.extCls}`, c = t.footer ? "calc(100vh - 106px)" : "calc(100vh - 52px)";
+      }, d = o("sideslider-wrapper"), c = e.scrollable ? "scroll-able" : "", h = t.footer ? "calc(100vh - 106px)" : "calc(100vh - 52px)";
       return f(td, Ne(e, {
-        maxHeight: c,
         class: d,
+        maxHeight: h,
+        extCls: e.extCls,
+        bodyClass: c,
         onHidden: r,
         onShown: s,
         onClose: i