nubomed-ui 2.0.178 → 2.0.180

package/nubomed-ui.umd.js

@@ -4577,7 +4577,7 @@ src.install = function (Vue) {
 
 /***/ }),
 
-/***/ 4134:
+/***/ 4125:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -4589,8 +4589,8 @@ __webpack_require__.d(__webpack_exports__, {
   "default": function() { return /* binding */ NBInputFilter; }
 });
 
-;// ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./packages/components/NBInputFilter/src/index.vue?vue&type=template&id=07ebb246&scoped=true
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"loading",rawName:"v-loading",value:(_vm.loading),expression:"loading"}],staticClass:"nb-input-filter",class:[_vm.isFocus ? 'is-focus' : '', _vm.size]},[_c('el-input',{ref:"input",attrs:{"size":_vm.size,"clearable":_vm.clearable,"disabled":_vm.disabled,"placeholder":_vm.placeholder},on:{"input":_vm.onInput,"focus":_vm.onInputFocus,"blur":_vm.onInputBlur,"clear":_vm.onInputClear},model:{value:(_vm.inputValue),callback:function ($$v) {_vm.inputValue=$$v},expression:"inputValue"}}),_c('el-popover',{attrs:{"placement":"bottom-start","trigger":"manual","popper-class":("nb-select-filter-popover nb-select-filter-popover--" + _vm.size)},model:{value:(_vm.visible),callback:function ($$v) {_vm.visible=$$v},expression:"visible"}},[(_vm.isRemote)?_c('ul',{staticClass:"nb-select-filter-options"},[(_vm.options.length === 0)?_c('li',{staticClass:"null"},[_vm._v(_vm._s(_vm.t('nb.msg.noData')))]):_vm._e(),_vm._l((_vm.options),function(item,index){return _c('li',{key:index,class:_vm.optionClass(item),on:{"click":function($event){$event.stopPropagation();return _vm.onChecked(item)}}},[_vm._v(" "+_vm._s(item[_vm.optionProps.label])+" ")])})],2):_c('ul',{staticClass:"nb-select-filter-options"},[(_vm.showOptions.length === 0)?_c('li',{staticClass:"null"},[_vm._v(_vm._s(_vm.t('nb.msg.noData')))]):_vm._e(),_vm._l((_vm.showOptions),function(item,index){return _c('li',{key:index,class:_vm.optionClass(item),on:{"click":function($event){$event.stopPropagation();return _vm.onChecked(item)}}},[_vm._v(" "+_vm._s(item[_vm.optionProps.label])+" ")])})],2)])],1)}
+;// ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./packages/components/NBInputFilter/src/index.vue?vue&type=template&id=3067983c&scoped=true
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"loading",rawName:"v-loading",value:(_vm.loading),expression:"loading"}],staticClass:"nb-input-filter",class:[_vm.isFocus ? 'is-focus' : '', _vm.size]},[_c('el-input',{ref:"input",attrs:{"size":_vm.size,"clearable":_vm.clearable,"disabled":_vm.disabled,"placeholder":_vm.placeholder},on:{"input":_vm.onInput,"focus":_vm.onInputFocus,"blur":_vm.onInputBlur,"clear":_vm.onInputClear},model:{value:(_vm.inputValue),callback:function ($$v) {_vm.inputValue=$$v},expression:"inputValue"}}),_c('el-popover',{attrs:{"placement":"bottom-start","trigger":"manual","popper-class":("nb-select-filter-popover nb-select-filter-popover--" + _vm.size)},model:{value:(_vm.visible),callback:function ($$v) {_vm.visible=$$v},expression:"visible"}},[(_vm.isRemote)?_c('ul',{staticClass:"nb-select-filter-options"},[(_vm.options.length === 0)?_c('li',{staticClass:"null"},[_vm._v(_vm._s(_vm.emptyText))]):_vm._e(),_vm._l((_vm.options),function(item,index){return _c('li',{key:index,class:_vm.optionClass(item),on:{"click":function($event){$event.stopPropagation();return _vm.onChecked(item)}}},[_vm._v(" "+_vm._s(item[_vm.optionProps.label])+" ")])})],2):_c('ul',{staticClass:"nb-select-filter-options"},[(_vm.showOptions.length === 0)?_c('li',{staticClass:"null"},[_vm._v(_vm._s(_vm.emptyText))]):_vm._e(),_vm._l((_vm.showOptions),function(item,index){return _c('li',{key:index,class:_vm.optionClass(item),on:{"click":function($event){$event.stopPropagation();return _vm.onChecked(item)}}},[_vm._v(" "+_vm._s(item[_vm.optionProps.label])+" ")])})],2)])],1)}
 var staticRenderFns = []
 
 
@@ -4598,8 +4598,6 @@ var staticRenderFns = []
 var esnext_iterator_constructor = __webpack_require__(8992);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/esnext.iterator.filter.js
 var esnext_iterator_filter = __webpack_require__(4520);
-// EXTERNAL MODULE: ./packages/mixins/index.js
-var mixins = __webpack_require__(869);
 // EXTERNAL MODULE: ./packages/utils/util.js
 var util = __webpack_require__(5594);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js??clonedRuleSet-80.use[1]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./packages/components/NBInputFilter/src/index.vue?vue&type=script&lang=js
@@ -4653,10 +4651,8 @@ var util = __webpack_require__(5594);
 //
 
 
-
 /* harmony default export */ var srcvue_type_script_lang_js = ({
   name: 'NBInputFilter',
-  mixins: [mixins/* default */.A],
   model: {
     prop: 'modelValue',
     event: 'input'
@@ -4686,6 +4682,11 @@ var util = __webpack_require__(5594);
         return {};
       }
     },
+    // 无数据时显示的文字
+    emptyText: {
+      type: String,
+      default: ''
+    },
     // 大小：不指定:400*72px | mini: 184*48px | small:240*56px | medium:280*64px | large: 480*80px
     size: {
       type: String,
@@ -4828,7 +4829,7 @@ var component = (0,componentNormalizer/* default */.A)(
   staticRenderFns,
   false,
   null,
-  "07ebb246",
+  "3067983c",
   null
   
 )
@@ -18989,7 +18990,7 @@ src.install = function (Vue) {
 
 /***/ }),
 
-/***/ 3663:
+/***/ 7108:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -19001,15 +19002,19 @@ __webpack_require__.d(__webpack_exports__, {
   "default": function() { return /* binding */ NBNoticeMarquee; }
 });
 
-;// ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./packages/components/NBNoticeMarquee/src/index.vue?vue&type=template&id=7642bdfe&scoped=true
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"nb-notice-marquee"},[_c('nb-icon',{attrs:{"icon":"voice-filled"}}),_c('div',{staticClass:"nb-notice-marquee__wrapper"},[_vm._t("default",[_c('div',{staticClass:"nb-notice-marquee__text",class:_vm.animationDuration === 0 ? 'hide-animation' : '',style:(("animation-duration: " + _vm.animationDuration + "s")),domProps:{"innerHTML":_vm._s(_vm.textHtml)},on:{"click":function($event){$event.stopPropagation();return _vm.onClick($event)}}})])],2)],1)}
+;// ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./packages/components/NBNoticeMarquee/src/index.vue?vue&type=template&id=80ce6306&scoped=true
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"nb-notice-marquee"},[_c('nb-icon',{attrs:{"icon":"voice-filled"}}),_c('div',{ref:"container",staticClass:"nb-notice-marquee__wrapper"},[_c('div',{ref:"content",staticClass:"nb-notice-marquee__text",style:(_vm.contentStyle),on:{"mouseenter":_vm.pauseScroll,"mouseleave":_vm.resumeScroll}},[_vm._l((_vm.list),function(item,index){return [_c('span',{key:index,staticClass:"nb-notice-marquee__item",on:{"click":function($event){$event.stopPropagation();return _vm.clickItem(item)}}},[_vm._v(" "+_vm._s(item.msg)+" ")])]}),(_vm.shouldScroll)?[_vm._l((_vm.list),function(item,index){return [_c('span',{key:index + '_copy',staticClass:"nb-notice-marquee__item",on:{"click":function($event){$event.stopPropagation();return _vm.clickItem(item)}}},[_vm._v(" "+_vm._s(item.msg)+" ")])]})]:_vm._e()],2)])],1)}
 var staticRenderFns = []
 
 
-// EXTERNAL MODULE: ./node_modules/core-js/modules/esnext.iterator.map.js
-var esnext_iterator_map = __webpack_require__(1454);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js??clonedRuleSet-80.use[1]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./packages/components/NBNoticeMarquee/src/index.vue?vue&type=script&lang=js
-
+//
+//
+//
+//
+//
+//
+//
 //
 //
 //
@@ -19039,71 +19044,123 @@ var esnext_iterator_map = __webpack_require__(1454);
 /* harmony default export */ var srcvue_type_script_lang_js = ({
   name: 'NBNoticeMarquee',
   props: {
-    // 显示的文本
-    text: {
-      type: String,
-      default: ''
-    },
-    // 消息列表
-    // path 消息中心路径
-    // msg 消息内容
+    // 消息列表: path 消息中心路径，msg 消息内容
     list: {
       type: Array,
       default: () => {
         return [];
       }
     },
+    // 鼠标移入是否需要暂停
+    needPause: {
+      type: Boolean,
+      default: false
+    },
     // 每一帧滚动距离
-    split: {
+    scrollSpeed: {
       type: Number,
-      default: 4.5
+      default: 50,
+      // 像素/秒
+      validator: value => value > 0
     }
   },
   data() {
     return {
-      animationDuration: 0
+      shouldScroll: false,
+      contentWidth: 0,
+      containerWidth: 0,
+      animationDuration: 0,
+      isPaused: false
     };
   },
   computed: {
     len() {
       return this.list.length;
     },
-    textHtml() {
-      return this.text || this.list.map(v => {
-        return `<span path="${v.path}">${v.msg}</span>`;
-      }).join(' ');
+    contentStyle() {
+      if (!this.shouldScroll) return {};
+      return {
+        animation: `scroll ${this.animationDuration}s linear infinite`,
+        animationPlayState: this.isPaused ? 'paused' : 'running'
+      };
     }
   },
   watch: {
     len() {
       // 计算动画时间
-      this.calcAnimationDuration();
+      this.checkScroll();
     }
   },
   mounted() {
     // 计算动画时间
-    this.calcAnimationDuration();
+    this.checkScroll();
+    window.addEventListener('resize', this.handleResize);
+  },
+  beforeDestroy() {
+    this.cancelAnimationFrame();
+    window.removeEventListener('resize', this.handleResize);
   },
   methods: {
+    clickItem(item) {
+      this.$emit('click-menu', item.path, item);
+    },
     // 计算动画时间
-    calcAnimationDuration() {
+    checkScroll() {
       this.$nextTick(() => {
-        if (document.querySelector('.nb-notice-marquee__wrapper') && document.querySelector('.nb-notice-marquee__wrapper .nb-notice-marquee__text')) {
-          const wrapWidth = document.querySelector('.nb-notice-marquee__wrapper').offsetWidth;
-          const msgWidth = document.querySelector('.nb-notice-marquee__wrapper .nb-notice-marquee__text').offsetWidth;
-          // 如果当前文字溢出则开启滚动
-          if (wrapWidth < msgWidth) {
-            // 溢出
-            this.animationDuration = this.list.length * this.split;
-          } else {
-            this.animationDuration = 0;
-          }
+        this.containerWidth = this.$refs.container.offsetWidth; // 容器宽度
+        this.contentWidth = this.$refs.content.scrollWidth / (this.shouldScroll ? 2 : 1); // 滚动内容宽度
+
+        // 当前文字溢出则开启滚动
+        this.shouldScroll = this.contentWidth > this.containerWidth;
+        if (this.shouldScroll) {
+          this.animationDuration = this.contentWidth / this.scrollSpeed;
+          this.addAnimationStyle();
         }
       });
     },
-    onClick(e) {
-      const path = e && e.target && e.target.getAttribute('path');
-      this.$emit('click-menu', path, e);
+    addAnimationStyle() {
+      // 移除旧的样式
+      const oldStyle = document.getElementById('news-scroller-style');
+      if (oldStyle) oldStyle.remove();
+
+      // 添加新的样式
+      const style = document.createElement('style');
+      style.id = 'news-scroller-style';
+      style.innerHTML = `
+        @keyframes scroll {
+          0% { transform: translateX(0); }
+          100% { transform: translateX(-${this.contentWidth}px); }
+        }
+      `;
+      document.head.appendChild(style);
+    },
+    // 暂停滚动
+    pauseScroll() {
+      if (this.shouldScroll && this.needPause) {
+        this.isPaused = true;
+      }
+    },
+    // 恢复滚动
+    resumeScroll() {
+      if (this.shouldScroll && this.needPause) {
+        this.isPaused = false;
+      }
+    },
+    // 处理窗口大小变化
+    handleResize() {
+      // 1. 先取消之前未执行的动画帧
+      this.cancelAnimationFrame();
+      // 2. 请求新的动画帧
+      this.requestId = requestAnimationFrame(() => {
+        // 3. 在浏览器准备好绘制下一帧时执行检测
+        this.checkScroll();
+      });
+    },
+    // 取消动画帧
+    cancelAnimationFrame() {
+      if (this.requestId) {
+        cancelAnimationFrame(this.requestId);
+      }
     }
   }
 });
@@ -19125,7 +19182,7 @@ var component = (0,componentNormalizer/* default */.A)(
   staticRenderFns,
   false,
   null,
-  "7642bdfe",
+  "80ce6306",
   null
   
 )
@@ -23695,7 +23752,7 @@ var map = {
 	"./NBGroupListItem/index.js": 8696,
 	"./NBHeader/index.js": 8140,
 	"./NBIcon/index.js": 4865,
-	"./NBInputFilter/index.js": 4134,
+	"./NBInputFilter/index.js": 4125,
 	"./NBInputGroup/index.js": 38,
 	"./NBInputNumber/index.js": 7698,
 	"./NBInputTime/index.js": 640,
@@ -23708,7 +23765,7 @@ var map = {
 	"./NBMessageDialog/index.js": 2133,
 	"./NBNameSpecCard/index.js": 7245,
 	"./NBNameToggleCard/index.js": 7764,
-	"./NBNoticeMarquee/index.js": 3663,
+	"./NBNoticeMarquee/index.js": 7108,
 	"./NBOutFooterDialog/index.js": 7056,
 	"./NBPagination/index.js": 8863,
 	"./NBPatientCard/index.js": 3874,
@@ -26699,7 +26756,7 @@ 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);
 ;// ./package.json
-var package_namespaceObject = {"rE":"2.0.178"};
+var package_namespaceObject = {"rE":"2.0.180"};
 ;// ./packages/utils/convert.js
 /**
  * 将大驼峰（camelCase）字符串转换为小写且带有空格分隔的形式（kebab-case）