export default {
  methods: {
    openMessageSuccess(text, type) {
      const h = this.$createElement;
      const iconClass = `el-icon-${ type || 'success'}`;
      const customClass = `de-message-${ type || 'success'} de-message`;
      this.$message({
        message: h("p", null, [h("span", null, this.$t(text))]),
        iconClass,
        customClass,
      });
    },
    handlerConfirm(options,confirmButtonTextInfo) {
      let { title, content, type = 'danger', cb, confirmButtonText = confirmButtonTextInfo?confirmButtonTextInfo:this.$t('commons.delete'), showCancelButton = true, cancelButtonText = this.$t("commons.cancel"), cancelCb = () => {}, finallyCb = () => {} } = options;
      let text = content ? `<span>${ this.$t(title) }</span><br><span class="use-html">${ this.$t(content) }</span>` : this.$t(title);
      const dangerouslyUseHTMLString = Boolean(content);
      let customClass = `de-confirm de-confirm-fail ${ dangerouslyUseHTMLString && 'de-use-html'}`
      let confirmButtonClass = `de-confirm-${type}-btn de-confirm-btn`
      this.$confirm(
        text,
        "",
        {
          confirmButtonText,
          cancelButtonText,
          showCancelButton,
          cancelButtonClass: "de-confirm-btn de-confirm-plain-cancel",
          dangerouslyUseHTMLString,
          confirmButtonClass,
          customClass,
          iconClass: "el-icon-warning",
        }
      )
        .then(() => {
          cb();
        })
        .catch((action) => {
          cancelCb(action)
        })
        .finally(() => {
          finallyCb()
        });
    },
  },
};