nubomed-ui 2.0.23 → 2.0.25

package/nubomed-ui.umd.js

@@ -62879,6 +62879,283 @@ var index = (function () {
 /* harmony default export */ __webpack_exports__["default"] = (index);
 
 
+/***/ }),
+
+/***/ 5977:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": function() { return /* binding */ NBDialog; }
+});
+
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/NBDialog/src/index.vue?vue&type=template&id=06a176b0&scoped=true
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('el-dialog', {
+    attrs: {
+      "visible": _vm.visible,
+      "show-close": _vm.showClose,
+      "close-on-click-modal": false,
+      "close-on-press-escape": false,
+      "center": _vm.center,
+      "dialog-center": _vm.dialogCenter,
+      "type": _vm.size,
+      "title": _vm.$slots['title-right'] ? '' : _vm.title,
+      "custom-class": _vm.dialogCustomClass,
+      "before-close": _vm.handleClose,
+      "append-to-body": "",
+      "destroy-on-close": ""
+    },
+    on: {
+      "closed": _vm.closedDialog
+    }
+  }, [_c('template', {
+    slot: "title"
+  }, [_vm._t("title"), _vm.$slots['title-right'] ? _c('div', {
+    staticClass: "el-dialog__header--has-form"
+  }, [_c('span', {
+    staticClass: "el-dialog__title"
+  }, [_vm._v(_vm._s(_vm.title))]), _c('div', {
+    staticClass: "el-dialog__right"
+  }, [_vm._t("title-right")], 2)]) : _vm._e()], 2), _vm._t("default"), _c('template', {
+    slot: "footer"
+  }, [_vm._t("footer", function () {
+    return [_vm.showCancelButton ? _c('el-button', {
+      on: {
+        "click": _vm.handleCancel
+      }
+    }, [_vm._v(_vm._s(_vm.cancelButtonText)), _vm.cancelButtonTime > -1 ? [_vm._v("(" + _vm._s(_vm.cancelAutoTime) + "S)")] : _vm._e()], 2) : _vm._e(), _vm.showConfirmButton ? _c('el-button', {
+      attrs: {
+        "type": "primary",
+        "plain": _vm.confirmButtonPlain
+      },
+      on: {
+        "click": _vm.handleConfirm
+      }
+    }, [_vm._v(_vm._s(_vm.confirmButtonText)), _vm.confirmButtonTime > -1 ? [_vm._v("(" + _vm._s(_vm.confirmAutoTime) + "S)")] : _vm._e()], 2) : _vm._e()];
+  })], 2)], 2);
+};
+var staticRenderFns = [];
+
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/NBDialog/src/index.vue?vue&type=script&lang=js
+/* harmony default export */ var srcvue_type_script_lang_js = ({
+  name: 'NBDialog',
+  // 使用v-model即可
+  model: {
+    prop: 'visible',
+    event: 'update'
+  },
+  props: {
+    // 是否显示弹框
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    // 大小：'' 表示自定义尺寸 / small / medium / large
+    size: {
+      type: String,
+      default: '',
+      validator(value) {
+        return ['', 'small', 'medium', 'large'].includes(value);
+      }
+    },
+    // 弹框标题
+    title: {
+      type: String,
+      default: ''
+    },
+    // 是否显示关闭按钮
+    showClose: {
+      type: Boolean,
+      default: false
+    },
+    // 是否居中显示
+    center: {
+      type: Boolean,
+      default: false
+    },
+    // 弹框是否居中
+    dialogCenter: {
+      type: Boolean,
+      default: true
+    },
+    // 自定义样式
+    customClass: {
+      type: String,
+      default: ''
+    },
+    // 是否显示取消按钮
+    showCancelButton: {
+      type: Boolean,
+      default: true
+    },
+    // 取消按钮的文本内容，默认取消
+    cancelButtonText: {
+      type: String,
+      default: ''
+    },
+    // 取消按钮倒计时时间
+    cancelButtonTime: {
+      type: Number,
+      default: -1
+    },
+    // 是否显示确定按钮
+    showConfirmButton: {
+      type: Boolean,
+      default: true
+    },
+    // 确定按钮的文本内容，默认确定
+    confirmButtonText: {
+      type: String,
+      default: ''
+    },
+    // 确定按钮倒计时时间
+    confirmButtonTime: {
+      type: Number,
+      default: -1
+    },
+    // 内容是表单
+    form: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      cancelAutoTimer: null,
+      cancelAutoTime: this.cancelButtonTime,
+      confirmAutoTimer: null,
+      confirmAutoTime: this.confirmButtonTime
+    };
+  },
+  computed: {
+    // 如果只显示确定按钮，那么确定按钮plain显示镂空
+    confirmButtonPlain() {
+      if (!this.showCancelButton && this.showConfirmButton) {
+        return true;
+      }
+      return false;
+    },
+    // 如果只显示确定按钮，那么确定按钮文字默认显示知道了
+    confirmButtonDefaultText() {
+      // if (!this.showCancelButton && this.showConfirmButton && !this.confirmButtonText) {
+      //   return this.$t('nbUI.known')
+      // }
+      // return this.confirmButtonText || this.$t('nbUI.confirm')
+      return '';
+    },
+    // 表单自定义样式
+    dialogCustomClass() {
+      let cls = 'nb-dialog';
+      if (this.form) {
+        cls += ` nb-form-dialog`;
+      }
+      if (this.customClass) {
+        cls += this.customClass;
+      }
+      return cls;
+    }
+  },
+  watch: {
+    visible(val) {
+      if (val && this.cancelButtonTime > -1) {
+        this.startCancelButtonAutoTimer();
+      }
+      if (val && this.confirmButtonTime > -1) {
+        this.startConfirmButtonAutoTimer();
+      }
+    }
+  },
+  beforeDestroy() {
+    clearInterval(this.cancelAutoTimer);
+    clearInterval(this.confirmAutoTimer);
+  },
+  methods: {
+    startCancelButtonAutoTimer() {
+      clearInterval(this.cancelAutoTimer);
+      this.cancelAutoTime = this.cancelButtonTime;
+      this.cancelAutoTimer = setInterval(() => {
+        this.cancelAutoTime--;
+        if (this.cancelAutoTime <= 0) {
+          clearInterval(this.cancelAutoTimer);
+          this.handleCancel();
+        }
+      }, 1000);
+    },
+    startConfirmButtonAutoTimer() {
+      clearInterval(this.confirmAutoTimer);
+      this.confirmAutoTime = this.confirmButtonTime;
+      this.confirmAutoTimer = setInterval(() => {
+        this.confirmAutoTime--;
+        if (this.confirmAutoTime <= 0) {
+          clearInterval(this.confirmAutoTimer);
+          this.handleConfirm();
+        }
+      }, 1000);
+    },
+    // 取消
+    handleCancel() {
+      if (!this.$listeners['cancel']) {
+        this.$emit('update', false);
+      }
+      this.$emit('cancel');
+    },
+    // 确定
+    handleConfirm() {
+      if (!this.$listeners['confirm']) {
+        this.$emit('update', false);
+      }
+      this.$emit('confirm');
+    },
+    // 点击右上角关闭按钮
+    handleClose() {
+      this.$emit('update', false);
+    },
+    // 关闭弹框
+    closedDialog() {
+      clearInterval(this.cancelAutoTimer);
+      clearInterval(this.confirmAutoTimer);
+      this.$emit('closed');
+    }
+  }
+});
+;// ./packages/components/NBDialog/src/index.vue?vue&type=script&lang=js
+ /* harmony default export */ var NBDialog_srcvue_type_script_lang_js = (srcvue_type_script_lang_js); 
+// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(1656);
+;// ./packages/components/NBDialog/src/index.vue
+
+
+
+
+
+/* normalize component */
+;
+var component = (0,componentNormalizer/* default */.A)(
+  NBDialog_srcvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "06a176b0",
+  null
+  
+)
+
+/* harmony default export */ var src = (component.exports);
+;// ./packages/components/NBDialog/index.js
+
+src.install = function (Vue) {
+  Vue.component(src.name, src);
+};
+/* harmony default export */ var NBDialog = (src);
+
 /***/ }),
 
 /***/ 6102:
@@ -64090,6 +64367,7 @@ webpackContext.id = 1603;
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
 var map = {
+	"./NBDialog/index.js": 5977,
 	"./NBEmpty/index.js": 6102,
 	"./NBHeader/index.js": 1678,
 	"./NBIcon/index.js": 1343,
@@ -66724,7 +67002,7 @@ var element_ui_common = __webpack_require__(1052);
 /*
  * @Author: chenghuan.dong
  * @Date: 2024-11-12 17:58:53
- * @LastEditTime: 2024-11-13 13:40:33
+ * @LastEditTime: 2024-11-13 14:24:41
  * @LastEditors: chenghuan.dong
  * @Description: 对应样式styles/element-ui/notification.scss
  * @FilePath: \nubomed-ui\packages\feedback\nb-notify.js
@@ -66733,7 +67011,6 @@ var element_ui_common = __webpack_require__(1052);
 
 
 external_commonjs_vue_commonjs2_vue_root_Vue_default().use(element_ui_common.Notification);
-const types = ['success', 'warning', 'error'];
 
 /**
  * @param {string} obj.type 图标类型, 可选值: success warning error
@@ -66762,6 +67039,7 @@ function nbNotify(obj) {
 }
 
 // 可直接通过$notify[type]的形式调用
+const types = ['success', 'warning', 'error'];
 types.forEach(type => {
   nbNotify[type] = obj => {
     if (typeof obj === 'string') {
@@ -66909,7 +67187,7 @@ const i18n = function (fn) {
 /*
  * @Author: chenghuan.dong
  * @Date: 2024-11-08 17:23:47
- * @LastEditTime: 2024-11-13 13:38:10
+ * @LastEditTime: 2024-11-13 14:19:30
  * @LastEditors: chenghuan.dong
  * @Description: 主index.js导出全部组件
  * @FilePath: \nubomed-ui\packages\index.js