n20-common-lib 1.2.41 → 1.2.42

package/src/components/NstcG6Components/NstcDialog/NstcDialog.vue

@@ -1,185 +0,0 @@
-<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>