bkui-vue 0.0.1-beta.73 → 0.0.1-beta.74

package/dist/index.esm.js

@@ -9618,8 +9618,8 @@ var Component$q = defineComponent({
 const BkCollapse = withInstall(Component$q);
 const propsMixin$1 = {
   isShow: PropTypes.bool.def(false),
-  width: PropTypes.string.def("50%") || PropTypes.number,
-  height: PropTypes.string.def("50%") || PropTypes.number,
+  width: PropTypes.oneOfType([String, Number]).def("50%"),
+  height: PropTypes.oneOfType([String, Number]).def("50%"),
   customClass: PropTypes.string || PropTypes.array,
   scrollable: PropTypes.bool.def(true),
   showMask: PropTypes.bool.def(true),
@@ -9632,12 +9632,13 @@ const propsMixin$1 = {
   draggable: PropTypes.bool.def(true),
   quickClose: PropTypes.bool.def(true),
   transfer: PropTypes.bool.def(false),
-  title: PropTypes.string.def("Header"),
   maxHeight: PropTypes.string,
   direction: PropTypes.string,
   animateType: PropTypes.string.def("slide"),
   renderDirective: PropTypes.commonType(["show", "if"], "renderDirective").def("show"),
-  beforeClose: PropTypes.custom(() => true)
+  beforeClose: PropTypes.custom(() => true),
+  dialogType: PropTypes.commonType(["show", "operation", "confirm", "process"], "dialogType").def("operation"),
+  multiInstance: PropTypes.bool.def(true)
 };
 var Component$p = defineComponent({
   name: "Modal",
@@ -9706,7 +9707,7 @@ var Component$p = defineComponent({
     } : {};
     const bodyClass = `bk-modal-body ${this.animateType === "slide" ? this.direction : ""}`;
     return createVNode("div", {
-      "class": ["bk-modal-wrapper", this.size, this.customClass, this.fullscreen ? "bk-model-fullscreen" : ""],
+      "class": ["bk-modal-wrapper", this.customClass],
       "style": this.compStyle
     }, [withDirectives(createVNode("div", {
       "class": "bk-modal-outside",
@@ -9722,8 +9723,8 @@ var Component$p = defineComponent({
           "class": "bk-modal-header"
         }, [(_c = (_b = (_a = this.$slots).header) == null ? void 0 : _b.call(_a)) != null ? _c : ""]), createVNode("div", {
           "class": "bk-modal-content",
-          "style": __spreadValues({}, maxHeight)
-        }, [(_f = (_e = (_d = this.$slots).default) == null ? void 0 : _e.call(_d)) != null ? _f : ""]), createVNode("div", {
+          "style": [this.dialogType === "show" ? "height: calc(100% - 74px);margin-bottom: 0px" : "", __spreadValues({}, maxHeight)]
+        }, [(_f = (_e = (_d = this.$slots).default) == null ? void 0 : _e.call(_d)) != null ? _f : ""]), this.dialogType === "show" ? "" : createVNode("div", {
           "class": "bk-modal-footer"
         }, [(_i = (_h = (_g = this.$slots).footer) == null ? void 0 : _h.call(_g)) != null ? _i : ""])]) : ""];
       }
@@ -9780,12 +9781,14 @@ var Component$o = defineComponent({
     });
     watch(() => props.isShow, (val) => {
       if (!val) {
-        data2.moveStyle = {
-          top: "50%",
-          left: "50%"
-        };
-        data2.positionX = 0;
-        data2.positionY = 0;
+        setTimeout(() => {
+          data2.moveStyle = {
+            top: "50%",
+            left: "50%"
+          };
+          data2.positionX = 0;
+          data2.positionY = 0;
+        }, 1e3);
       }
     });
     const handleClose = () => {
@@ -9813,6 +9816,9 @@ var Component$o = defineComponent({
       if (props.fullscreen) {
         return false;
       }
+      if (!props.draggable) {
+        return false;
+      }
       const odiv = e.target;
       const parentHeight = e.currentTarget.parentNode.parentNode.offsetHeight;
       const parentWidth = e.currentTarget.parentNode.parentNode.offsetWidth;
@@ -9863,11 +9869,11 @@ var Component$o = defineComponent({
   render() {
     const dialogSlot = {
       header: () => {
-        var _a, _b, _c;
+        var _a, _b, _c, _d, _e, _f;
         return [createVNode("div", {
           "class": ["bk-dialog-tool", this.fullscreen || !this.draggable ? "" : "move", this.draggable ? "content-dragging" : ""],
           "onMousedown": this.moveHandler
-        }, [createVNode("span", {
+        }, [(_c = (_b = (_a = this.$slots).tools) == null ? void 0 : _b.call(_a)) != null ? _c : "", createVNode("span", {
           "class": ["bk-dialog-close", this.closeIcon ? "" : "close-icon"],
           "onClick": this.handleClose
         }, [createTextVNode("+")])]), createVNode("div", {
@@ -9875,7 +9881,7 @@ var Component$o = defineComponent({
         }, [createVNode("span", {
           "class": "bk-dialog-title",
           "style": `text-align: ${this.headerAlign}`
-        }, [(_c = (_b = (_a = this.$slots).header) == null ? void 0 : _b.call(_a)) != null ? _c : this.title])])];
+        }, [(_f = (_e = (_d = this.$slots).header) == null ? void 0 : _e.call(_d)) != null ? _f : this.title])])];
       },
       default: () => {
         var _a, _b, _c;
@@ -9927,7 +9933,7 @@ var Component$o = defineComponent({
         })]) : ""]);
       }
     };
-    const className = `bk-dialog-wrapper ${this.scrollable ? "scroll-able" : ""}`;
+    const className = `bk-dialog-wrapper ${this.scrollable ? "scroll-able" : ""} ${this.multiInstance ? "multi-instance" : ""}`;
     return createVNode(BkModal, mergeProps(this.$props, {
       "class": [className, this.fullscreen ? "bk-model-fullscreen" : this.size],
       "style": this.data.moveStyle
@@ -12110,6 +12116,10 @@ var Component$d = defineComponent({
     BkButton
   },
   props: __spreadProps(__spreadValues({}, sliderPops), {
+    title: {
+      type: String,
+      default: ""
+    },
     direction: {
       type: String,
       default: "right",
@@ -16283,7 +16293,7 @@ const menuProps = {
     type: Boolean,
     default: false
   },
-  OpenedKeys: {
+  openedKeys: {
     type: Array
   },
   mode: {
@@ -16309,7 +16319,7 @@ var Component$6 = defineComponent({
     const mode = computed(() => props.mode);
     const collapse2 = ref(props.collapse);
     const oldOpenKeys = ref([]);
-    watch(() => props.OpenedKeys, (keys = openedKeys.value) => {
+    watch(() => props.openedKeys, (keys = openedKeys.value) => {
       openedKeys.value = keys;
     }, {
       immediate: true