nubomed-ui 2.0.43 → 2.0.44

package/nubomed-ui.common.js

@@ -296,6 +296,90 @@ module.exports = function (i) {
 
 /***/ }),
 
+/***/ 3250:
+/***/ (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 */ NBBadge; }
+});
+
+;// ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/NBBadge/src/index.vue?vue&type=template&id=a2f7b152
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.value > 0)?_c('span',{staticClass:"nb-badge",class:("nb-badge--" + _vm.type)},[_vm._v(_vm._s(_vm.value > _vm.max ? (_vm.max + "+") : _vm.value))]):_vm._e()}
+var staticRenderFns = []
+
+
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/NBBadge/src/index.vue?vue&type=script&lang=js
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ var srcvue_type_script_lang_js = ({
+  name: 'NBBadge',
+  props: {
+    // 类型，success/info/warning/danger，默认主题色状态
+    value: {
+      type: [String, Number],
+      default: ''
+    },
+    // 尺寸，large-大标签（高度36），默认小标签（高度32）
+    max: {
+      type: Number,
+      default: null
+    },
+    // 类型 primary / success / warning / danger / info
+    type: {
+      type: String,
+      default: 'danger'
+    }
+  }
+});
+;// ./packages/components/NBBadge/src/index.vue?vue&type=script&lang=js
+ /* harmony default export */ var NBBadge_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/NBBadge/src/index.vue
+
+
+
+
+
+/* normalize component */
+;
+var component = (0,componentNormalizer/* default */.A)(
+  NBBadge_srcvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var src = (component.exports);
+;// ./packages/components/NBBadge/index.js
+
+src.install = function (Vue) {
+  Vue.component(src.name, src);
+};
+/* harmony default export */ var NBBadge = (src);
+
+/***/ }),
+
 /***/ 9070:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
@@ -676,7 +760,7 @@ src.install = function (Vue) {
 
 /***/ }),
 
-/***/ 1221:
+/***/ 1001:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -688,14 +772,84 @@ __webpack_require__.d(__webpack_exports__, {
   "default": function() { return /* binding */ NBHeader; }
 });
 
-;// ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/NBHeader/src/index.vue?vue&type=template&id=e09e670c&scoped=true
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"nb-header"},[(_vm.back)?_c('div',{staticClass:"nb-header__back",on:{"click":function($event){$event.stopPropagation();return _vm.handleBack.apply(null, arguments)}}},[_c('NBIcon',{attrs:{"icon":"back"}}),_c('span',{staticClass:"nb-header__back__text"},[_vm._v(_vm._s(_vm.backText))])],1):_vm._e(),_c('div',{staticClass:"nb-header__left"},[_vm._t("left")],2),(_vm.tabs.length)?_c('ul',{staticClass:"nb-header__tabs"},_vm._l((_vm.tabs),function(item,index){return _c('li',{key:index,staticClass:"nb-header__tab",class:_vm.tabsItemClass(item, index),on:{"click":function($event){$event.stopPropagation();return _vm.handleChangeTab(item, index)}}},[_c('div',{staticClass:"nb-header__tab__text"},[_c('span',[_c('el-badge',{attrs:{"value":item[_vm.tabProps.badge],"hidden":!item[_vm.tabProps.badge],"max":99}},[_vm._v(_vm._s(item[_vm.tabProps.text]))])],1)])])}),0):_vm._e(),(_vm.title)?_c('div',{staticClass:"nb-header__title"},[_vm._v(_vm._s(_vm.title))]):_vm._e(),(_vm.$slots.title)?_c('div',{staticClass:"nb-header__title"},[_vm._t("title")],2):_vm._e(),_c('div',{staticClass:"nb-header__right"},[_vm._t("right")],2),(_vm.logout)?_c('div',{staticClass:"nb-header__logout",on:{"click":function($event){$event.stopPropagation();return _vm.handleLogout.apply(null, arguments)}}},[_c('NBIcon',{attrs:{"icon":"logout"}}),_c('span',{staticClass:"nb-header__logout__text"},[_vm._v(_vm._s(_vm.logoutText)),(_vm.logoutTime > -1)?[_vm._v("("+_vm._s(_vm.logoutTime)+"S)")]:_vm._e()],2)],1):_vm._e()])}
+;// ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/NBHeader/src/index.vue?vue&type=template&id=8de13f1a&scoped=true
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"nb-header"},[(_vm.back)?_c('div',{staticClass:"nb-header__back",on:{"click":function($event){$event.stopPropagation();return _vm.handleBack.apply(null, arguments)}}},[_c('NBIcon',{attrs:{"icon":"back"}}),_c('span',{staticClass:"nb-header__back__text"},[_vm._v(_vm._s(_vm.backText))])],1):_vm._e(),_c('div',{staticClass:"nb-header__left"},[_vm._t("left")],2),(_vm.tabs.length)?_c('ul',{ref:"refNBHeaderTabs",staticClass:"nb-header__tabs"},_vm._l((_vm.tabs),function(item,index){return _c('li',{key:index,staticClass:"nb-header__tab",class:_vm.tabsItemClass(item, index),on:{"click":function($event){$event.stopPropagation();return _vm.handleChangeTab(item, index)}}},[_c('div',{staticClass:"nb-header__tab__text"},[_c('span',{domProps:{"innerHTML":_vm._s(item[_vm.tabProps.text])}})]),_c('NBBadge',{attrs:{"value":item[_vm.tabProps.badge],"max":99}})],1)}),0):_vm._e(),(_vm.title)?_c('div',{staticClass:"nb-header__title"},[_vm._v(_vm._s(_vm.title))]):_vm._e(),(_vm.$slots.title)?_c('div',{staticClass:"nb-header__title"},[_vm._t("title")],2):_vm._e(),_c('div',{ref:"refNBHeaderRight",staticClass:"nb-header__right"},[_vm._t("right")],2),(_vm.logout)?_c('div',{staticClass:"nb-header__logout",on:{"click":function($event){$event.stopPropagation();return _vm.handleLogout.apply(null, arguments)}}},[_c('NBIcon',{attrs:{"icon":"logout"}}),_c('span',{staticClass:"nb-header__logout__text"},[_vm._v(_vm._s(_vm.logoutText)),(_vm.logoutTime > -1)?[_vm._v("("+_vm._s(_vm.logoutTime)+"S)")]:_vm._e()],2)],1):_vm._e()])}
 var staticRenderFns = []
 
 
+// EXTERNAL MODULE: ./node_modules/core-js/modules/esnext.iterator.constructor.js
+var esnext_iterator_constructor = __webpack_require__(8992);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/esnext.iterator.for-each.js
+var esnext_iterator_for_each = __webpack_require__(3949);
 // EXTERNAL MODULE: ./packages/components/NBIcon/index.js + 4 modules
 var NBIcon = __webpack_require__(79);
+// EXTERNAL MODULE: ./packages/components/NBBadge/index.js + 4 modules
+var NBBadge = __webpack_require__(3250);
+;// ./packages/utils/dom.js
+/*
+ * @Author: chenghuan.dong
+ * @Date: 2024-11-14 14:48:30
+ * @LastEditTime: 2024-11-14 14:50:14
+ * @LastEditors: chenghuan.dong
+ * @Description:
+ * @FilePath: \nubomed-ui\packages\utils\dom.js
+ */
+/* istanbul ignore next */
+function addClass(el, cls) {
+  if (!el) return;
+  var curClass = el.className;
+  var classes = (cls || '').split(' ');
+  for (var i = 0, j = classes.length; i < j; i++) {
+    var clsName = classes[i];
+    if (!clsName) continue;
+    if (el.classList) {
+      el.classList.add(clsName);
+    } else if (!hasClass(el, clsName)) {
+      curClass += ' ' + clsName;
+    }
+  }
+  if (!el.classList) {
+    el.setAttribute('class', curClass);
+  }
+}
+
+/* istanbul ignore next */
+function removeClass(el, cls) {
+  if (!el || !cls) return;
+  var classes = cls.split(' ');
+  var curClass = ' ' + el.className + ' ';
+  for (var i = 0, j = classes.length; i < j; i++) {
+    var clsName = classes[i];
+    if (!clsName) continue;
+    if (el.classList) {
+      el.classList.remove(clsName);
+    } else if (hasClass(el, clsName)) {
+      curClass = curClass.replace(' ' + clsName + ' ', ' ');
+    }
+  }
+  if (!el.classList) {
+    el.setAttribute('class', trim(curClass));
+  }
+}
+
+/* istanbul ignore next */
+function hasClass(el, cls) {
+  if (!el || !cls) return false;
+  if (cls.indexOf(' ') !== -1) throw new Error('className should not contain space.');
+  if (el.classList) {
+    return el.classList.contains(cls);
+  } else {
+    return (' ' + el.className + ' ').indexOf(' ' + cls + ' ') > -1;
+  }
+}
+
+/* istanbul ignore next */
+const trim = function (string) {
+  return (string || '').replace(/^[\s\uFEFF]+|[\s\uFEFF]+$/g, '');
+};
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/NBHeader/src/index.vue?vue&type=script&lang=js
+
+
 //
 //
 //
@@ -747,13 +901,15 @@ var NBIcon = __webpack_require__(79);
 //
 //
 //
-//
+
+
 
 
 /* harmony default export */ var srcvue_type_script_lang_js = ({
   name: 'NBHeader',
   components: {
-    NBIcon: NBIcon["default"]
+    NBIcon: NBIcon["default"],
+    NBBadge: NBBadge["default"]
   },
   props: {
     // 是否显示返回
@@ -819,7 +975,28 @@ var NBIcon = __webpack_require__(79);
   data() {
     return {};
   },
-  computed: {},
+  mounted() {
+    // 缩小tab的字体
+    if (this.$refs.refNBHeaderTabs) {
+      const tabs = this.$refs.refNBHeaderTabs.querySelectorAll('.nb-header__tab');
+      tabs.forEach(x => {
+        const el = x.querySelector('.nb-header__tab__text>span');
+        if (el) {
+          addClass(x.querySelector('.nb-header__tab__text'), `nb-header__tab__text--${parseInt(el.clientHeight / 42)}`);
+        }
+      });
+    }
+
+    // 缩小右侧按钮大小
+    if (this.$refs.refNBHeaderRight && this.$refs.refNBHeaderTabs) {
+      const rightButton = this.$refs.refNBHeaderRight.querySelectorAll('.nb-header__btn');
+      rightButton.forEach(x => {
+        if (x && x.clientWidth > 220) {
+          addClass(x, 'nb-header__btn--small');
+        }
+      });
+    }
+  },
   methods: {
     // 返回
     handleBack() {
@@ -870,7 +1047,7 @@ var component = (0,componentNormalizer/* default */.A)(
   staticRenderFns,
   false,
   null,
-  "e09e670c",
+  "8de13f1a",
   null
   
 )
@@ -2150,10 +2327,11 @@ webpackContext.id = 1603;
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
 var map = {
+	"./NBBadge/index.js": 3250,
 	"./NBCheckboxGroup/index.js": 9070,
 	"./NBEmpty/index.js": 4400,
 	"./NBFullscreenDialog/index.js": 4531,
-	"./NBHeader/index.js": 1221,
+	"./NBHeader/index.js": 1001,
 	"./NBIcon/index.js": 79,
 	"./NBOutFooterDialog/index.js": 5592,
 	"./NBPagination/index.js": 8369,
@@ -5161,7 +5339,7 @@ var iconfont = __webpack_require__(1970);
 /*
  * @Author: chenghuan.dong
  * @Date: 2024-11-08 17:23:47
- * @LastEditTime: 2024-11-14 17:24:27
+ * @LastEditTime: 2024-11-15 16:12:39
  * @LastEditors: chenghuan.dong
  * @Description: 主index.js导出全部组件
  * @FilePath: \nubomed-ui\packages\index.js
@@ -5189,7 +5367,7 @@ const install = function (Vue, options = {}) {
   if (install.installed) return;
   components.forEach(component => {
     const name = 'nb-' + camelToKebab(component.name.slice(2));
-    const installNames = ['nb-icon', 'nb-tag', 'nb-empty', 'nb-radio-group', 'nb-checkbox-group', 'nb-header', 'nb-summary-bar', 'nb-header', 'nb-tabs', 'nb-pagination', 'nb-progress', 'nb-fullscreen-dialog', 'nb-out-footer-dialog'];
+    const installNames = ['nb-icon', 'nb-tag', 'nb-badge', 'nb-empty', 'nb-radio-group', 'nb-checkbox-group', 'nb-header', 'nb-summary-bar', 'nb-header', 'nb-tabs', 'nb-pagination', 'nb-progress', 'nb-fullscreen-dialog', 'nb-out-footer-dialog'];
     if (installNames.includes(name)) {
       console.log('%c' + '√ ' + name, 'color: #00A572;');
     } else {