iov-design 2.15.41 → 2.15.43

package/lib/iov-design.common.js

@@ -1252,17 +1252,19 @@ var componentvue_type_template_id_60140e62_render = function() {
                   ]),
                   _vm.showClose
                     ? _c(
-                        "button",
+                        "span",
                         {
                           staticClass: "el-dialog__headerbtn",
-                          attrs: { type: "button", "aria-label": "Close" },
-                          on: { click: _vm.handleClose }
+                          attrs: { "aria-label": "Close" }
                         },
                         [
-                          _c("i", {
-                            staticClass:
-                              "el-dialog__close el-icon el-icon-close"
-                          })
+                          _vm.showClose
+                            ? _c("i", {
+                                staticClass:
+                                  "el-dialog__close el-icon iov-icon-close",
+                                on: { click: _vm.handleClose }
+                              })
+                            : _vm._e()
                         ]
                       )
                     : _vm._e()
@@ -1272,7 +1274,13 @@ var componentvue_type_template_id_60140e62_render = function() {
               _vm.rendered
                 ? _c(
                     "div",
-                    { staticClass: "el-dialog__body" },
+                    {
+                      staticClass: "el-dialog__body",
+                      class:
+                        _vm.type === "form"
+                          ? "el-dialog__body--form"
+                          : "el-dialog__body--desc"
+                    },
                     [_vm._t("default")],
                     2
                   )
@@ -1349,7 +1357,6 @@ var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
 //
 //
 //
-//
 
 
 
@@ -1366,6 +1373,11 @@ var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
       default: ''
     },
 
+    type: {
+      type: String,
+      default: 'form'
+    },
+
     modal: {
       type: Boolean,
       default: true
@@ -22546,13 +22558,16 @@ var mainvue_type_template_id_6b29b012_render = function() {
           "div",
           {
             staticClass: "el-message-box",
-            class: [_vm.customClass, _vm.center && "el-message-box--center"]
+            class: [
+              _vm.customClass,
+              _vm.showTitleIcon && "el-message-box--title-icon"
+            ]
           },
           [
             _vm.title !== null
               ? _c("div", { staticClass: "el-message-box__header" }, [
                   _c("div", { staticClass: "el-message-box__title" }, [
-                    _vm.icon && _vm.center
+                    _vm.icon && _vm.showTitleIcon
                       ? _c("div", {
                           class: ["el-message-box__status", _vm.icon]
                         })
@@ -22561,7 +22576,7 @@ var mainvue_type_template_id_6b29b012_render = function() {
                   ]),
                   _vm.showClose
                     ? _c(
-                        "button",
+                        "span",
                         {
                           staticClass: "el-message-box__headerbtn",
                           attrs: { type: "button", "aria-label": "Close" },
@@ -22596,96 +22611,104 @@ var mainvue_type_template_id_6b29b012_render = function() {
                         },
                         [
                           _c("i", {
-                            staticClass: "el-message-box__close el-icon-close"
+                            staticClass: "el-message-box__close iov-icon-close"
                           })
                         ]
                       )
                     : _vm._e()
                 ])
               : _vm._e(),
-            _c("div", { staticClass: "el-message-box__content" }, [
-              _c("div", { staticClass: "el-message-box__container" }, [
-                _vm.icon && !_vm.center && _vm.message !== ""
-                  ? _c("div", { class: ["el-message-box__status", _vm.icon] })
-                  : _vm._e(),
-                _vm.message !== ""
-                  ? _c(
-                      "div",
-                      { staticClass: "el-message-box__message" },
-                      [
-                        _vm._t("default", [
-                          !_vm.dangerouslyUseHTMLString
-                            ? _c("p", [_vm._v(_vm._s(_vm.message))])
-                            : _c("p", {
-                                domProps: { innerHTML: _vm._s(_vm.message) }
-                              })
-                        ])
-                      ],
-                      2
-                    )
-                  : _vm._e()
-              ]),
-              _c(
-                "div",
-                {
-                  directives: [
-                    {
-                      name: "show",
-                      rawName: "v-show",
-                      value: _vm.showInput,
-                      expression: "showInput"
-                    }
-                  ],
-                  staticClass: "el-message-box__input"
-                },
-                [
-                  _c("el-input", {
-                    ref: "input",
-                    attrs: {
-                      type: _vm.inputType,
-                      placeholder: _vm.inputPlaceholder
-                    },
-                    nativeOn: {
-                      keydown: function($event) {
-                        if (
-                          !("button" in $event) &&
-                          _vm._k(
-                            $event.keyCode,
-                            "enter",
-                            13,
-                            $event.key,
-                            "Enter"
-                          )
-                        ) {
-                          return null
-                        }
-                        return _vm.handleInputEnter($event)
-                      }
-                    },
-                    model: {
-                      value: _vm.inputValue,
-                      callback: function($$v) {
-                        _vm.inputValue = $$v
-                      },
-                      expression: "inputValue"
-                    }
-                  }),
+            _vm.message !== ""
+              ? _c("div", { staticClass: "el-message-box__content" }, [
+                  _c("div", { staticClass: "el-message-box__container" }, [
+                    _vm.icon && !_vm.showTitleIcon && _vm.message !== ""
+                      ? _c("div", {
+                          class: ["el-message-box__status", _vm.icon]
+                        })
+                      : _vm._e(),
+                    _vm.message !== ""
+                      ? _c(
+                          "div",
+                          {
+                            staticClass: "el-message-box__message",
+                            class: [!_vm.icon && "no-type"]
+                          },
+                          [
+                            _vm._t("default", [
+                              !_vm.dangerouslyUseHTMLString
+                                ? _c("p", [_vm._v(_vm._s(_vm.message))])
+                                : _c("p", {
+                                    domProps: { innerHTML: _vm._s(_vm.message) }
+                                  })
+                            ])
+                          ],
+                          2
+                        )
+                      : _vm._e()
+                  ]),
                   _c(
                     "div",
                     {
-                      staticClass: "el-message-box__errormsg",
-                      style: {
-                        visibility: !!_vm.editorErrorMessage
-                          ? "visible"
-                          : "hidden"
-                      }
+                      directives: [
+                        {
+                          name: "show",
+                          rawName: "v-show",
+                          value: _vm.showInput,
+                          expression: "showInput"
+                        }
+                      ],
+                      staticClass: "el-message-box__input"
                     },
-                    [_vm._v(_vm._s(_vm.editorErrorMessage))]
+                    [
+                      _c("el-input", {
+                        ref: "input",
+                        attrs: {
+                          size: "small",
+                          type: _vm.inputType,
+                          placeholder: _vm.inputPlaceholder
+                        },
+                        nativeOn: {
+                          keydown: function($event) {
+                            if (
+                              !("button" in $event) &&
+                              _vm._k(
+                                $event.keyCode,
+                                "enter",
+                                13,
+                                $event.key,
+                                "Enter"
+                              )
+                            ) {
+                              return null
+                            }
+                            return _vm.handleInputEnter($event)
+                          }
+                        },
+                        model: {
+                          value: _vm.inputValue,
+                          callback: function($$v) {
+                            _vm.inputValue = $$v
+                          },
+                          expression: "inputValue"
+                        }
+                      }),
+                      _c(
+                        "div",
+                        {
+                          staticClass: "el-message-box__errormsg",
+                          style: {
+                            visibility: !!_vm.editorErrorMessage
+                              ? "visible"
+                              : "hidden"
+                          }
+                        },
+                        [_vm._v(_vm._s(_vm.editorErrorMessage))]
+                      )
+                    ],
+                    1
                   )
-                ],
-                1
-              )
-            ]),
+                ])
+              : _vm._e(),
             _c(
               "div",
               { staticClass: "el-message-box__btns" },
@@ -22891,6 +22914,7 @@ var aria_dialog_default = /*#__PURE__*/__webpack_require__.n(aria_dialog_);
 //
 //
 //
+//
 
 
 
@@ -22903,9 +22927,9 @@ var aria_dialog_default = /*#__PURE__*/__webpack_require__.n(aria_dialog_);
 var messageBox = void 0;
 var typeMap = {
   success: 'success',
-  info: 'info',
+  info: 'explain',
   warning: 'warning',
-  error: 'error'
+  error: 'fail'
 };
 
 /* harmony default export */ var message_box_src_mainvue_type_script_lang_js_ = ({
@@ -22931,7 +22955,7 @@ var typeMap = {
     closeOnHashChange: {
       default: true
     },
-    center: {
+    showTitleIcon: {
       default: false,
       type: Boolean
     },
@@ -22951,7 +22975,7 @@ var typeMap = {
       var type = this.type,
           iconClass = this.iconClass;
 
-      return iconClass || (type && typeMap[type] ? 'el-icon-' + typeMap[type] : '');
+      return iconClass || (type && typeMap[type] ? 'iov-icon-fill-' + typeMap[type] : '');
     },
     confirmButtonClasses: function confirmButtonClasses() {
       return 'el-button--primary ' + this.confirmButtonClass;
@@ -23208,7 +23232,7 @@ var main_defaults = {
   customClass: '',
   beforeClose: null,
   dangerouslyUseHTMLString: false,
-  center: false,
+  showTitleIcon: false,
   roundButton: true,
   distinguishCancelAndClose: false
 };
@@ -44009,7 +44033,7 @@ if (typeof window !== 'undefined' && window.Vue) {
 }
 
 /* harmony default export */ var src_0 = __webpack_exports__["default"] = ({
-  version: '2.15.41',
+  version: '2.15.43',
   locale: lib_locale_default.a.use,
   i18n: lib_locale_default.a.i18n,
   install: src_install,

package/lib/message-box.js

@@ -293,13 +293,16 @@ var render = function() {
           "div",
           {
             staticClass: "el-message-box",
-            class: [_vm.customClass, _vm.center && "el-message-box--center"]
+            class: [
+              _vm.customClass,
+              _vm.showTitleIcon && "el-message-box--title-icon"
+            ]
           },
           [
             _vm.title !== null
               ? _c("div", { staticClass: "el-message-box__header" }, [
                   _c("div", { staticClass: "el-message-box__title" }, [
-                    _vm.icon && _vm.center
+                    _vm.icon && _vm.showTitleIcon
                       ? _c("div", {
                           class: ["el-message-box__status", _vm.icon]
                         })
@@ -308,7 +311,7 @@ var render = function() {
                   ]),
                   _vm.showClose
                     ? _c(
-                        "button",
+                        "span",
                         {
                           staticClass: "el-message-box__headerbtn",
                           attrs: { type: "button", "aria-label": "Close" },
@@ -343,96 +346,104 @@ var render = function() {
                         },
                         [
                           _c("i", {
-                            staticClass: "el-message-box__close el-icon-close"
+                            staticClass: "el-message-box__close iov-icon-close"
                           })
                         ]
                       )
                     : _vm._e()
                 ])
               : _vm._e(),
-            _c("div", { staticClass: "el-message-box__content" }, [
-              _c("div", { staticClass: "el-message-box__container" }, [
-                _vm.icon && !_vm.center && _vm.message !== ""
-                  ? _c("div", { class: ["el-message-box__status", _vm.icon] })
-                  : _vm._e(),
-                _vm.message !== ""
-                  ? _c(
-                      "div",
-                      { staticClass: "el-message-box__message" },
-                      [
-                        _vm._t("default", [
-                          !_vm.dangerouslyUseHTMLString
-                            ? _c("p", [_vm._v(_vm._s(_vm.message))])
-                            : _c("p", {
-                                domProps: { innerHTML: _vm._s(_vm.message) }
-                              })
-                        ])
-                      ],
-                      2
-                    )
-                  : _vm._e()
-              ]),
-              _c(
-                "div",
-                {
-                  directives: [
-                    {
-                      name: "show",
-                      rawName: "v-show",
-                      value: _vm.showInput,
-                      expression: "showInput"
-                    }
-                  ],
-                  staticClass: "el-message-box__input"
-                },
-                [
-                  _c("el-input", {
-                    ref: "input",
-                    attrs: {
-                      type: _vm.inputType,
-                      placeholder: _vm.inputPlaceholder
-                    },
-                    nativeOn: {
-                      keydown: function($event) {
-                        if (
-                          !("button" in $event) &&
-                          _vm._k(
-                            $event.keyCode,
-                            "enter",
-                            13,
-                            $event.key,
-                            "Enter"
-                          )
-                        ) {
-                          return null
-                        }
-                        return _vm.handleInputEnter($event)
-                      }
-                    },
-                    model: {
-                      value: _vm.inputValue,
-                      callback: function($$v) {
-                        _vm.inputValue = $$v
-                      },
-                      expression: "inputValue"
-                    }
-                  }),
+            _vm.message !== ""
+              ? _c("div", { staticClass: "el-message-box__content" }, [
+                  _c("div", { staticClass: "el-message-box__container" }, [
+                    _vm.icon && !_vm.showTitleIcon && _vm.message !== ""
+                      ? _c("div", {
+                          class: ["el-message-box__status", _vm.icon]
+                        })
+                      : _vm._e(),
+                    _vm.message !== ""
+                      ? _c(
+                          "div",
+                          {
+                            staticClass: "el-message-box__message",
+                            class: [!_vm.icon && "no-type"]
+                          },
+                          [
+                            _vm._t("default", [
+                              !_vm.dangerouslyUseHTMLString
+                                ? _c("p", [_vm._v(_vm._s(_vm.message))])
+                                : _c("p", {
+                                    domProps: { innerHTML: _vm._s(_vm.message) }
+                                  })
+                            ])
+                          ],
+                          2
+                        )
+                      : _vm._e()
+                  ]),
                   _c(
                     "div",
                     {
-                      staticClass: "el-message-box__errormsg",
-                      style: {
-                        visibility: !!_vm.editorErrorMessage
-                          ? "visible"
-                          : "hidden"
-                      }
+                      directives: [
+                        {
+                          name: "show",
+                          rawName: "v-show",
+                          value: _vm.showInput,
+                          expression: "showInput"
+                        }
+                      ],
+                      staticClass: "el-message-box__input"
                     },
-                    [_vm._v(_vm._s(_vm.editorErrorMessage))]
+                    [
+                      _c("el-input", {
+                        ref: "input",
+                        attrs: {
+                          size: "small",
+                          type: _vm.inputType,
+                          placeholder: _vm.inputPlaceholder
+                        },
+                        nativeOn: {
+                          keydown: function($event) {
+                            if (
+                              !("button" in $event) &&
+                              _vm._k(
+                                $event.keyCode,
+                                "enter",
+                                13,
+                                $event.key,
+                                "Enter"
+                              )
+                            ) {
+                              return null
+                            }
+                            return _vm.handleInputEnter($event)
+                          }
+                        },
+                        model: {
+                          value: _vm.inputValue,
+                          callback: function($$v) {
+                            _vm.inputValue = $$v
+                          },
+                          expression: "inputValue"
+                        }
+                      }),
+                      _c(
+                        "div",
+                        {
+                          staticClass: "el-message-box__errormsg",
+                          style: {
+                            visibility: !!_vm.editorErrorMessage
+                              ? "visible"
+                              : "hidden"
+                          }
+                        },
+                        [_vm._v(_vm._s(_vm.editorErrorMessage))]
+                      )
+                    ],
+                    1
                   )
-                ],
-                1
-              )
-            ]),
+                ])
+              : _vm._e(),
             _c(
               "div",
               { staticClass: "el-message-box__btns" },
@@ -656,6 +667,7 @@ var aria_dialog_default = /*#__PURE__*/__webpack_require__.n(aria_dialog_);
 //
 //
 //
+//
 
 
 
@@ -668,9 +680,9 @@ var aria_dialog_default = /*#__PURE__*/__webpack_require__.n(aria_dialog_);
 var messageBox = void 0;
 var typeMap = {
   success: 'success',
-  info: 'info',
+  info: 'explain',
   warning: 'warning',
-  error: 'error'
+  error: 'fail'
 };
 
 /* harmony default export */ var mainvue_type_script_lang_js_ = ({
@@ -696,7 +708,7 @@ var typeMap = {
     closeOnHashChange: {
       default: true
     },
-    center: {
+    showTitleIcon: {
       default: false,
       type: Boolean
     },
@@ -716,7 +728,7 @@ var typeMap = {
       var type = this.type,
           iconClass = this.iconClass;
 
-      return iconClass || (type && typeMap[type] ? 'el-icon-' + typeMap[type] : '');
+      return iconClass || (type && typeMap[type] ? 'iov-icon-fill-' + typeMap[type] : '');
     },
     confirmButtonClasses: function confirmButtonClasses() {
       return 'el-button--primary ' + this.confirmButtonClass;
@@ -980,7 +992,7 @@ var defaults = {
   customClass: '',
   beforeClose: null,
   dangerouslyUseHTMLString: false,
-  center: false,
+  showTitleIcon: false,
   roundButton: true,
   distinguishCancelAndClose: false
 };