iov-design 2.15.45 → 2.15.46

package/lib/dialog.js

@@ -291,6 +291,7 @@ var render = function() {
                 ? _c(
                     "div",
                     {
+                      ref: "body",
                       staticClass: "el-dialog__body",
                       class:
                         _vm.type === "form"
@@ -304,7 +305,7 @@ var render = function() {
               _vm.$slots.footer
                 ? _c(
                     "div",
-                    { staticClass: "el-dialog__footer" },
+                    { ref: "footer", staticClass: "el-dialog__footer" },
                     [_vm._t("footer")],
                     2
                   )
@@ -440,7 +441,7 @@ var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
 
     top: {
       type: String,
-      default: '15vh'
+      default: '50%'
     },
     beforeClose: Function,
     center: {
@@ -489,7 +490,7 @@ var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
     style: function style() {
       var style = {};
       if (!this.fullscreen) {
-        style.marginTop = this.top;
+        style.top = this.top;
         if (this.width) {
           style.width = this.width;
         }
@@ -529,10 +530,52 @@ var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
       this.broadcast('ElDropdownMenu', 'updatePopper');
     },
     afterEnter: function afterEnter() {
+      this.onDialogOpened();
       this.$emit('opened');
     },
     afterLeave: function afterLeave() {
       this.$emit('closed');
+    },
+    onDialogOpened: function onDialogOpened() {
+      var _this2 = this;
+
+      this.$nextTick(function () {
+        _this2.checkOverflow();
+        _this2.observeContentChanges();
+      });
+    },
+
+
+    // 检查内容是否超过body高度
+    checkOverflow: function checkOverflow() {
+      var body = this.$refs.body;
+      var footer = this.$refs.footer;
+      if (!body || !footer) return;
+      if (body.scrollHeight > body.clientHeight) {
+        footer.classList.add('el-dialog__footer--shadow');
+      } else {
+        footer.classList.remove('el-dialog__footer--shadow');
+      }
+    },
+
+    // 监听节点变化
+    observeContentChanges: function observeContentChanges() {
+      var _this3 = this;
+
+      var body = this.$refs.body;
+      if (!body) return;
+      if (this._mutationObserver) {
+        this._mutationObserver.disconnect();
+      }
+      this._mutationObserver = new MutationObserver(function () {
+        _this3.checkOverflow();
+      });
+      // 监听子节点及文本节点的内容变化
+      this._mutationObserver.observe(body, {
+        childList: true,
+        subtree: true,
+        characterData: true
+      });
     }
   },
 
@@ -550,6 +593,9 @@ var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
     if (this.appendToBody && this.$el && this.$el.parentNode) {
       this.$el.parentNode.removeChild(this.$el);
     }
+    if (this._mutationObserver) {
+      this._mutationObserver.disconnect();
+    }
   }
 });
 // CONCATENATED MODULE: ./packages/dialog/src/component.vue?vue&type=script&lang=js&

package/lib/empty.js

@@ -296,7 +296,10 @@ var IMG = {
       type: Number,
       default: 1
     },
-    imageSize: Number,
+    imageSize: {
+      type: Number,
+      default: 140
+    },
     description: {
       type: String,
       default: ''