@ditari/bsui 1.0.19 → 1.0.20

package/dist/cjs/components/modal/Modal.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("@vueuse/core"),s=require("ant-design-vue"),v=require("../theme/index.cjs.js"),f=`${v.prefixName}-modal`,m=e.defineComponent({name:"DModal",props:{title:{type:String,default:""},visible:{type:Boolean,default:()=>!1},width:{type:Number,default:()=>800}},emits:["update:visible"],setup(u,{slots:t,emit:r}){const l=e.ref(!0),n=e.ref(0);e.watchEffect(()=>{l.value=u.visible});const i=e.ref(void 0);o.useResizeObserver(document.body,()=>{const{height:a}=o.useWindowSize();n.value=a.value<200?a.value:a.value-200,i.value={"max-height":n.value+"px"}});const d=()=>t.footer?t.footer&&(t==null?void 0:t.footer()):null,c=()=>{r("update:visible",l.value)};return()=>e.createVNode(e.Fragment,null,[e.createVNode(s.Modal,{visible:l.value,"onUpdate:visible":a=>l.value=a,title:u.title,centered:!0,"mask-closable":!1,wrapClassName:f,width:u.width,footer:d(),onCancel:c},{default:()=>e.createVNode("div",{class:["content"],style:i.value},[t.default&&t.default(n.value)])})])}});exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("@vueuse/core"),s=require("ant-design-vue"),v=require("../theme/index.cjs.js"),f=`${v.prefixName}-modal`,m=e.defineComponent({name:"DModal",props:{title:{type:String,default:""},visible:{type:Boolean,default:()=>!1},width:{type:Number,default:()=>800}},emits:["update:visible"],setup(u,{slots:t,emit:r}){const l=e.ref(!0),n=e.ref(0);e.watchEffect(()=>{l.value=u.visible,document.body.style.width=""});const i=e.ref(void 0);o.useResizeObserver(document.body,()=>{const{height:a}=o.useWindowSize();n.value=a.value<200?a.value:a.value-200,i.value={"max-height":n.value+"px"}});const d=()=>t.footer?t.footer&&(t==null?void 0:t.footer()):null,c=()=>{r("update:visible",l.value)};return()=>e.createVNode(e.Fragment,null,[e.createVNode(s.Modal,{visible:l.value,"onUpdate:visible":a=>l.value=a,title:u.title,centered:!0,"mask-closable":!1,wrapClassName:f,width:u.width,footer:d(),onCancel:c},{default:()=>e.createVNode("div",{class:["content"],style:i.value},[t.default&&t.default(n.value)])})])}});exports.default=m;

package/dist/esm/components/modal/Modal.esm.js

@@ -1,8 +1,8 @@
-import { defineComponent as m, ref as i, watchEffect as v, createVNode as n, Fragment as c } from "vue";
+import { defineComponent as m, ref as i, watchEffect as c, createVNode as n, Fragment as v } from "vue";
 import { useResizeObserver as s, useWindowSize as p } from "@vueuse/core";
 import { Modal as b } from "ant-design-vue";
 import { prefixName as h } from "../theme/index.esm.js";
-const w = `${h}-modal`, N = /* @__PURE__ */ m({
+const y = `${h}-modal`, N = /* @__PURE__ */ m({
   name: "DModal",
   props: {
     title: {
@@ -21,11 +21,11 @@ const w = `${h}-modal`, N = /* @__PURE__ */ m({
   emits: ["update:visible"],
   setup(l, {
     slots: e,
-    emit: r
+    emit: d
   }) {
     const a = i(!0), o = i(0);
-    v(() => {
-      a.value = l.visible;
+    c(() => {
+      a.value = l.visible, document.body.style.width = "";
     });
     const u = i(void 0);
     s(document.body, () => {
@@ -36,18 +36,18 @@ const w = `${h}-modal`, N = /* @__PURE__ */ m({
         "max-height": o.value + "px"
       };
     });
-    const d = () => e.footer ? e.footer && (e == null ? void 0 : e.footer()) : null, f = () => {
-      r("update:visible", a.value);
+    const r = () => e.footer ? e.footer && (e == null ? void 0 : e.footer()) : null, f = () => {
+      d("update:visible", a.value);
     };
-    return () => n(c, null, [n(b, {
+    return () => n(v, null, [n(b, {
       visible: a.value,
       "onUpdate:visible": (t) => a.value = t,
       title: l.title,
       centered: !0,
       "mask-closable": !1,
-      wrapClassName: w,
+      wrapClassName: y,
       width: l.width,
-      footer: d(),
+      footer: r(),
       onCancel: f
     }, {
       default: () => n("div", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ditari/bsui",
-  "version": "1.0.19",
+  "version": "1.0.20",
   "files": [
     "dist/**",
     "src"

package/src/components/modal/Modal.tsx

@@ -28,6 +28,8 @@ export default defineComponent({
     const maxHeight = ref(0);
     watchEffect(() => {
       modalVisible.value = props.visible;
+      // modal显示的时候 会自动添加宽度 禁止掉
+      document.body.style.width = "";
     });
 
     const contentStyle = ref<any>(undefined);