n20-common-lib 1.3.46 → 1.3.49

package/nstc-g6/components/NstcDialog/NstcDialog.vue

@@ -1,185 +1,185 @@
-<template>
-  <el-dialog
-      class="Nstc-dialog"
-      v-drag
-      :visible.sync="dialogVisible"
-      v-bind="$attrs"
-      :center="center"
-      :show-close="showClose"
-      :custom-class="customClass"
-      :append-to-body="toBody"
-      :close-on-click-modal="closeOnClickModal"
-      :close-on-press-escape="closeOnPressEscape"
-      :before-close="()=>{handleClose()}"
-      v-on="$listeners"
-  >
-    <template slot="title">
-      <span class="el-dialog__title">{{ title }}</span>
-      <button class="el-dialog__headerbtn" @click="handleClose">
-        <i class="el-dialog__close el-icon-close"></i>
-      </button>
-    </template>
-    <slot></slot>
-
-    <slot name="after"></slot>
-    <div
-        v-if="showFooter"
-        slot="footer"
-        class="dialog-footer"
-    >
-      <el-button
-          v-if="footerHandlers.confirm"
-          type="primary"
-          :disabled="footerHandlers.confirm.disabled || confirmDisabledFlag"
-          :class="footerHandlers.confirm.className"
-          @click="handleConfirm"
-      >
-        {{ footerHandlers.confirm.text || '确认' }}
-      </el-button>
-      <el-button
-          v-if="footerHandlers.cancel"
-          plain
-          :class="footerHandlers.cancel.className"
-          @click="handleClose"
-      >
-        {{ footerHandlers.cancel.text || '取消' }}
-      </el-button>
-    </div>
-  </el-dialog>
-</template>
-
-<script>
-export default {
-  name: 'NstcDialog',
-  props: {
-    value: {
-      type: Boolean,
-      default: false
-    },
-
-    title: {
-      type: String,
-      default: ''
-    },
-
-    center: {
-      type: Boolean,
-      default: false
-    },
-
-    footerHandlers: {
-      type: Object,
-      default:  () => {
-        return {
-          confirm: {
-            text: '', //this.$t('common_w_0002')
-            className: '',
-            disabled: false
-          },
-          cancel: {
-            text: '', // this.t('common_w_0003')
-            className: '',
-            disabled: false
-          }
-        }
-      },
-
-    },
-    toBody: {
-      type: Boolean,
-      default: true
-    },
-    customClass: {
-      type: String,
-      default: ''
-    },
-
-    showFooter: {
-      type: Boolean,
-      default: true
-    },
-
-    showClose: {
-      type: Boolean,
-      default: false
-    },
-
-    /** 是否在点击确认按钮后关闭弹窗 */
-    closeAfterConfirm: {
-      type: Boolean,
-      default: true
-    },
-
-    /** 是否在点击确认按钮后立即关闭弹窗 */
-    immediateCloseAfterHandler: {
-      type: Boolean,
-      default: false
-    },
-
-    closeOnClickModal: {
-      type: Boolean,
-      default: false
-    },
-
-    closeOnPressEscape: {
-      type: Boolean,
-      default: false
-    },
-
-    confirmDisabledFlag: {
-      type: Boolean,
-      default: false
-    }
-  },
-  computed: {
-    dialogVisible: {
-      get() {
-        return this.value
-      },
-      set(val) {
-        this.$emit('input', val)
-      }
-    }
-  },
-  methods: {
-    handleConfirm() {
-      this.handleListeners('confirm')
-    },
-
-    handleClose() {
-      this.handleListeners('cancel')
-    },
-
-    async handleListeners(type) {
-      this.loading = true
-      try {
-        const listener = this.$listeners[type]
-        const closeAfterListener = this.closeAfterConfirm || type === 'cancel'
-
-        if (this.immediateCloseAfterHandler) {
-          if (closeAfterListener) {
-            this.dialogVisible = false
-          }
-
-          listener && await listener()
-        } else {
-          listener && await listener()
-
-          if (closeAfterListener) {
-            this.dialogVisible = false
-          }
-        }
-      } catch (err) {
-        console.error(err)
-
-        err && err.type === 'VALIDATE_ERROR' && this.$message({
-          type: 'warning',
-          message: err.msg
-        })
-      } finally {
-        this.loading = false
-      }
-    }
-  }
-}
+<template>
+  <el-dialog
+      class="Nstc-dialog"
+      v-drag
+      :visible.sync="dialogVisible"
+      v-bind="$attrs"
+      :center="center"
+      :show-close="showClose"
+      :custom-class="customClass"
+      :append-to-body="toBody"
+      :close-on-click-modal="closeOnClickModal"
+      :close-on-press-escape="closeOnPressEscape"
+      :before-close="()=>{handleClose()}"
+      v-on="$listeners"
+  >
+    <template slot="title">
+      <span class="el-dialog__title">{{ title }}</span>
+      <button class="el-dialog__headerbtn" @click="handleClose">
+        <i class="el-dialog__close el-icon-close"></i>
+      </button>
+    </template>
+    <slot></slot>
+
+    <slot name="after"></slot>
+    <div
+        v-if="showFooter"
+        slot="footer"
+        class="dialog-footer"
+    >
+      <el-button
+          v-if="footerHandlers.confirm"
+          type="primary"
+          :disabled="footerHandlers.confirm.disabled || confirmDisabledFlag"
+          :class="footerHandlers.confirm.className"
+          @click="handleConfirm"
+      >
+        {{ footerHandlers.confirm.text || '确认' }}
+      </el-button>
+      <el-button
+          v-if="footerHandlers.cancel"
+          plain
+          :class="footerHandlers.cancel.className"
+          @click="handleClose"
+      >
+        {{ footerHandlers.cancel.text || '取消' }}
+      </el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  name: 'NstcDialog',
+  props: {
+    value: {
+      type: Boolean,
+      default: false
+    },
+
+    title: {
+      type: String,
+      default: ''
+    },
+
+    center: {
+      type: Boolean,
+      default: false
+    },
+
+    footerHandlers: {
+      type: Object,
+      default:  () => {
+        return {
+          confirm: {
+            text: '', //this.$t('common_w_0002')
+            className: '',
+            disabled: false
+          },
+          cancel: {
+            text: '', // this.t('common_w_0003')
+            className: '',
+            disabled: false
+          }
+        }
+      },
+
+    },
+    toBody: {
+      type: Boolean,
+      default: true
+    },
+    customClass: {
+      type: String,
+      default: ''
+    },
+
+    showFooter: {
+      type: Boolean,
+      default: true
+    },
+
+    showClose: {
+      type: Boolean,
+      default: false
+    },
+
+    /** 是否在点击确认按钮后关闭弹窗 */
+    closeAfterConfirm: {
+      type: Boolean,
+      default: true
+    },
+
+    /** 是否在点击确认按钮后立即关闭弹窗 */
+    immediateCloseAfterHandler: {
+      type: Boolean,
+      default: false
+    },
+
+    closeOnClickModal: {
+      type: Boolean,
+      default: false
+    },
+
+    closeOnPressEscape: {
+      type: Boolean,
+      default: false
+    },
+
+    confirmDisabledFlag: {
+      type: Boolean,
+      default: false
+    }
+  },
+  computed: {
+    dialogVisible: {
+      get() {
+        return this.value
+      },
+      set(val) {
+        this.$emit('input', val)
+      }
+    }
+  },
+  methods: {
+    handleConfirm() {
+      this.handleListeners('confirm')
+    },
+
+    handleClose() {
+      this.handleListeners('cancel')
+    },
+
+    async handleListeners(type) {
+      this.loading = true
+      try {
+        const listener = this.$listeners[type]
+        const closeAfterListener = this.closeAfterConfirm || type === 'cancel'
+
+        if (this.immediateCloseAfterHandler) {
+          if (closeAfterListener) {
+            this.dialogVisible = false
+          }
+
+          listener && await listener()
+        } else {
+          listener && await listener()
+
+          if (closeAfterListener) {
+            this.dialogVisible = false
+          }
+        }
+      } catch (err) {
+        console.error(err)
+
+        err && err.type === 'VALIDATE_ERROR' && this.$message({
+          type: 'warning',
+          message: err.msg
+        })
+      } finally {
+        this.loading = false
+      }
+    }
+  }
+}
 </script>