iov-design 2.15.45 → 2.15.46

package/lib/iov-design.common.js

@@ -1275,6 +1275,7 @@ var componentvue_type_template_id_60140e62_render = function() {
                 ? _c(
                     "div",
                     {
+                      ref: "body",
                       staticClass: "el-dialog__body",
                       class:
                         _vm.type === "form"
@@ -1288,7 +1289,7 @@ var componentvue_type_template_id_60140e62_render = function() {
               _vm.$slots.footer
                 ? _c(
                     "div",
-                    { staticClass: "el-dialog__footer" },
+                    { ref: "footer", staticClass: "el-dialog__footer" },
                     [_vm._t("footer")],
                     2
                   )
@@ -1424,7 +1425,7 @@ var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
 
     top: {
       type: String,
-      default: '15vh'
+      default: '50%'
     },
     beforeClose: Function,
     center: {
@@ -1473,7 +1474,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;
         }
@@ -1513,10 +1514,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
+      });
     }
   },
 
@@ -1534,6 +1577,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&
@@ -31208,7 +31254,7 @@ var mainvue_type_template_id_455b9f60_render = function() {
           ]),
           _vm.showClose
             ? _c("i", {
-                staticClass: "el-message__closeBtn el-icon-close",
+                staticClass: "el-message__closeBtn iov-icon-close",
                 on: { click: _vm.close }
               })
             : _vm._e()
@@ -31254,9 +31300,9 @@ mainvue_type_template_id_455b9f60_render._withStripped = true
 
 var src_mainvue_type_script_lang_js_typeMap = {
   success: 'success',
-  info: 'info',
+  info: 'explain',
   warning: 'warning',
-  error: 'error'
+  error: 'fail'
 };
 
 /* harmony default export */ var message_src_mainvue_type_script_lang_js_ = ({
@@ -31271,7 +31317,7 @@ var src_mainvue_type_script_lang_js_typeMap = {
       onClose: null,
       showClose: false,
       closed: false,
-      verticalOffset: 20,
+      verticalOffset: 46,
       timer: null,
       dangerouslyUseHTMLString: false,
       center: false
@@ -31281,7 +31327,7 @@ var src_mainvue_type_script_lang_js_typeMap = {
 
   computed: {
     typeClass: function typeClass() {
-      return this.type && !this.iconClass ? 'el-message__icon el-icon-' + src_mainvue_type_script_lang_js_typeMap[this.type] : '';
+      return this.type && !this.iconClass ? 'el-message__icon iov-icon-fill-' + src_mainvue_type_script_lang_js_typeMap[this.type] : '';
     },
     positionStyle: function positionStyle() {
       return {
@@ -31406,7 +31452,7 @@ var main_Message = function Message(options) {
   }
   message_src_main_instance.$mount();
   document.body.appendChild(message_src_main_instance.$el);
-  var verticalOffset = options.offset || 20;
+  var verticalOffset = options.offset || 46;
   main_instances.forEach(function (item) {
     verticalOffset += item.$el.offsetHeight + 16;
   });
@@ -43091,7 +43137,10 @@ var IMG = {
       type: Number,
       default: 1
     },
-    imageSize: Number,
+    imageSize: {
+      type: Number,
+      default: 140
+    },
     description: {
       type: String,
       default: ''
@@ -44050,7 +44099,7 @@ if (typeof window !== 'undefined' && window.Vue) {
 }
 
 /* harmony default export */ var src_0 = __webpack_exports__["default"] = ({
-  version: '2.15.45',
+  version: '2.15.46',
   locale: lib_locale_default.a.use,
   i18n: lib_locale_default.a.i18n,
   install: src_install,

package/lib/message.js

@@ -270,7 +270,7 @@ var render = function() {
           ]),
           _vm.showClose
             ? _c("i", {
-                staticClass: "el-message__closeBtn el-icon-close",
+                staticClass: "el-message__closeBtn iov-icon-close",
                 on: { click: _vm.close }
               })
             : _vm._e()
@@ -316,9 +316,9 @@ render._withStripped = true
 
 var typeMap = {
   success: 'success',
-  info: 'info',
+  info: 'explain',
   warning: 'warning',
-  error: 'error'
+  error: 'fail'
 };
 
 /* harmony default export */ var mainvue_type_script_lang_js_ = ({
@@ -333,7 +333,7 @@ var typeMap = {
       onClose: null,
       showClose: false,
       closed: false,
-      verticalOffset: 20,
+      verticalOffset: 46,
       timer: null,
       dangerouslyUseHTMLString: false,
       center: false
@@ -343,7 +343,7 @@ var typeMap = {
 
   computed: {
     typeClass: function typeClass() {
-      return this.type && !this.iconClass ? 'el-message__icon el-icon-' + typeMap[this.type] : '';
+      return this.type && !this.iconClass ? 'el-message__icon iov-icon-fill-' + typeMap[this.type] : '';
     },
     positionStyle: function positionStyle() {
       return {
@@ -477,7 +477,7 @@ var main_Message = function Message(options) {
   }
   instance.$mount();
   document.body.appendChild(instance.$el);
-  var verticalOffset = options.offset || 20;
+  var verticalOffset = options.offset || 46;
   instances.forEach(function (item) {
     verticalOffset += item.$el.offsetHeight + 16;
   });

package/lib/theme-chalk/alert.css

@@ -1 +1 @@
-.el-alert{width:100%;padding:11px 12px;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;position:relative;background-color:#FFF;overflow:hidden;opacity:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:opacity .2s;transition:opacity .2s}.el-alert.is-light .el-alert__closebtn{color:#ABAFB5}.el-alert.is-light .el-alert__closebtn:hover{color:#494B53}.el-alert.is-dark .el-alert__closebtn,.el-alert.is-dark .el-alert__description{color:#FFF}.el-alert.is-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-alert--success.is-light{background-color:#EFF9F3;border:1px solid #B8F0C7;color:#212026}.el-alert--success.is-light .el-alert__icon{color:#23B25D}.el-alert--success.is-dark{background-color:#23B25D;color:#FFF}.el-alert--info.is-light{background-color:#F0F4FD;border:1px solid #E6ECFE;color:#212026}.el-alert--info.is-light .el-alert__icon{color:#3F57FF}.el-alert--info.is-dark{background-color:#3F57FF;color:#FFF}.el-alert--warning.is-light{background-color:#FFF7E8;border:1px solid #FFE4BA;color:#212026}.el-alert--warning.is-light .el-alert__icon{color:#FF7D00}.el-alert--warning.is-dark{background-color:#FF7D00;color:#FFF}.el-alert--error.is-light{background-color:#FFF1F1;border:1px solid #FDCDC5;color:#212026}.el-alert--error.is-light .el-alert__icon{color:#F53F3F}.el-alert--error.is-dark{background-color:#F53F3F;color:#FFF}.el-alert__content{display:table-cell}.el-alert__icon{margin-right:8px;font-size:16px;width:16px}.el-alert__icon.is-big{font-size:28px;width:28px}.el-alert__title{font-size:12px}.el-alert__title.is-bold{font-weight:500}.el-alert .el-alert__description{font-size:12px;margin:5px 0 0;color:#212026;font-weight:400}.el-alert__closebtn{font-size:14px;opacity:1;position:absolute;top:12px;right:12px;cursor:pointer}.el-alert__closebtn.is-customed{font-style:normal;font-size:12px;top:11px}.el-alert-fade-enter,.el-alert-fade-leave-active{opacity:0}
+.el-alert{width:100%;padding:11px 12px;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;position:relative;background-color:#fff;overflow:hidden;opacity:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:opacity .2s;transition:opacity .2s}.el-alert.is-light .el-alert__closebtn{color:#ABAFB5}.el-alert.is-light .el-alert__closebtn:hover{color:#494B53}.el-alert.is-dark .el-alert__closebtn,.el-alert.is-dark .el-alert__description{color:#fff}.el-alert.is-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-alert--success.is-light{background-color:#EFF9F3;border:1px solid #B8F0C7;color:#212026}.el-alert--success.is-light .el-alert__icon{color:#23B25D}.el-alert--success.is-dark{background-color:#23B25D;color:#fff}.el-alert--info.is-light{background-color:#F0F4FD;border:1px solid #E6ECFE;color:#212026}.el-alert--info.is-light .el-alert__icon{color:#3F57FF}.el-alert--info.is-dark{background-color:#3F57FF;color:#fff}.el-alert--warning.is-light{background-color:#FFF7E8;border:1px solid #FFE4BA;color:#212026}.el-alert--warning.is-light .el-alert__icon{color:#FF7D00}.el-alert--warning.is-dark{background-color:#FF7D00;color:#fff}.el-alert--error.is-light{background-color:#FFF1F1;border:1px solid #FDCDC5;color:#212026}.el-alert--error.is-light .el-alert__icon{color:#F53F3F}.el-alert--error.is-dark{background-color:#F53F3F;color:#fff}.el-alert__content{display:table-cell}.el-alert__icon{margin-right:8px;font-size:16px;width:16px}.el-alert__icon.is-big{font-size:16px;width:16px;-ms-flex-item-align:start;align-self:flex-start}.el-alert__title{font-size:12px;line-height:16px;display:block}.el-alert__title.is-bold{font-weight:500}.el-alert .el-alert__description{font-size:12px;margin:4px 0 0;color:#212026;font-weight:400}.el-alert__closebtn{font-size:14px;opacity:1;position:absolute;top:12px;right:12px;cursor:pointer}.el-alert__closebtn.is-customed{font-style:normal;font-size:12px;top:11px}.el-alert-fade-enter,.el-alert-fade-leave-active{opacity:0}

package/lib/theme-chalk/dialog.css

@@ -1 +1 @@
-.v-modal-enter{-webkit-animation:v-modal-in .2s ease;animation:v-modal-in .2s ease}.v-modal-leave{-webkit-animation:v-modal-out .2s ease forwards;animation:v-modal-out .2s ease forwards}@-webkit-keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-in{0%{opacity:0}}@-webkit-keyframes v-modal-out{100%{opacity:0}}@keyframes v-modal-out{100%{opacity:0}}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.5;background:#000}.el-popup-parent--hidden{overflow:hidden}.el-dialog{position:relative;margin:0 auto 50px;background:#fff;border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;width:50%}.el-dialog.is-fullscreen{width:100%;margin-top:0;margin-bottom:0;height:100%;overflow:auto}.el-dialog__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;margin:0}.el-dialog__header{padding:16px 24px;position:relative;border-bottom:1px solid #EDEFF3}.el-dialog__headerbtn{position:absolute;top:50%;right:20px;padding:4px;cursor:pointer;font-size:0;margin-top:-12px;-webkit-transition:all ease .3s;transition:all ease .3s;border-radius:4px}.el-dialog__headerbtn .el-dialog__close{font-size:16px;color:#777D87}.el-dialog__headerbtn:focus,.el-dialog__headerbtn:hover{background:#F6F7F8}.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close{color:#494B53}.el-dialog__title{line-height:1;font-size:16px;color:#212026}.el-dialog__body{padding:16px 24px 0;color:#212026;font-size:13px;word-break:break-all;max-height:503px;overflow-y:auto}.el-dialog__body.el-dialog__body--desc{padding-bottom:20px}.el-dialog__footer{padding:16px 24px 20px 0;text-align:right;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:0}.el-dialog--center{text-align:center}.el-dialog--center .el-dialog__body{text-align:initial}.el-dialog--center .el-dialog__footer{text-align:inherit}.dialog-fade-enter-active{-webkit-animation:dialog-fade-in .3s;animation:dialog-fade-in .3s}.dialog-fade-leave-active{-webkit-animation:dialog-fade-out .3s;animation:dialog-fade-out .3s}@-webkit-keyframes dialog-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes dialog-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes dialog-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes dialog-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}
+.v-modal-enter{-webkit-animation:v-modal-in .2s ease;animation:v-modal-in .2s ease}.v-modal-leave{-webkit-animation:v-modal-out .2s ease forwards;animation:v-modal-out .2s ease forwards}@-webkit-keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-in{0%{opacity:0}}@-webkit-keyframes v-modal-out{100%{opacity:0}}@keyframes v-modal-out{100%{opacity:0}}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.5;background:#000}.el-popup-parent--hidden{overflow:hidden}.el-dialog{position:relative;margin:0 auto 50px;background:#fff;border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;width:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.el-dialog.is-fullscreen{width:100%;top:0;margin-bottom:0;height:100%;overflow:auto;-webkit-transform:none;transform:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.el-dialog.is-fullscreen .el-dialog__body{-webkit-box-flex:1;-ms-flex:1;flex:1;max-height:none}.el-dialog__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;margin:0}.el-dialog__header{padding:16px 24px;position:relative;border-bottom:1px solid #EDEFF3}.el-dialog__headerbtn{position:absolute;top:50%;right:20px;padding:4px;cursor:pointer;font-size:0;margin-top:-12px;-webkit-transition:all ease .3s;transition:all ease .3s;border-radius:4px}.el-dialog__headerbtn .el-dialog__close{font-size:16px;color:#777D87}.el-dialog__headerbtn:focus,.el-dialog__headerbtn:hover{background:#F6F7F8}.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close{color:#494B53}.el-dialog__title{line-height:1;font-size:16px;color:#212026}.el-dialog__body{padding:16px 24px 0;color:#212026;font-size:13px;word-break:break-all;max-height:503px;overflow-y:auto}.el-dialog__body.el-dialog__body--desc{padding-bottom:20px}.el-dialog__footer{padding:16px 24px 20px;text-align:right;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:0}.el-dialog__footer.el-dialog__footer--shadow{-webkit-box-shadow:0 0 12px 0 rgba(196,198,207,.21);box-shadow:0 0 12px 0 rgba(196,198,207,.21)}.el-dialog--center .el-dialog__body{text-align:left}.el-dialog--center .el-dialog__footer{text-align:center}.dialog-fade-enter-active{-webkit-animation:dialog-fade-in .3s;animation:dialog-fade-in .3s}.dialog-fade-leave-active{-webkit-animation:dialog-fade-out .3s;animation:dialog-fade-out .3s}@-webkit-keyframes dialog-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes dialog-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes dialog-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes dialog-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}