vxe-pc-ui 4.6.36 → 4.6.37

package/lib/notice-bar/src/notice-bar.js

@@ -38,6 +38,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       slots,
       emit
     } = context;
+    const $xeTabs = (0, _vue.inject)('$xeTabs', null);
     const xID = _xeUtils.default.uniqueId();
     const {
       computeSize
@@ -56,6 +57,9 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       } = props;
       return `${content || ''}`;
     });
+    const computeTabsResizeFlag = (0, _vue.computed)(() => {
+      return $xeTabs ? $xeTabs.reactData.resizeFlag : null;
+    });
     const computeMaps = {};
     const $xeNoticeBar = {
       xID,
@@ -125,7 +129,9 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         class: 'vxe-notice-bar--suffix'
       }, suffixSlot({})) : (0, _ui.renderEmptyElement)($xeNoticeBar)]);
     };
-    $xeNoticeBar.renderVN = renderVN;
+    (0, _vue.watch)(computeTabsResizeFlag, () => {
+      updateAnimationStyle();
+    });
     (0, _vue.onMounted)(() => {
       _ui.globalEvents.on($xeNoticeBar, 'resize', updateAnimationStyle);
       updateAnimationStyle();
@@ -133,6 +139,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     (0, _vue.onBeforeUnmount)(() => {
       _ui.globalEvents.off($xeNoticeBar, 'resize');
     });
+    $xeNoticeBar.renderVN = renderVN;
     return $xeNoticeBar;
   },
   render() {

package/lib/notice-bar/src/notice-bar.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeNoticeBar",props:{duration:[String,Number],direction:{type:String,default:()=>(0,_ui.getConfig)().noticeBar.direction},speed:{type:String,default:()=>(0,_ui.getConfig)().noticeBar.speed},content:String,vertical:Boolean,loop:{type:Boolean},size:{type:String,default:()=>(0,_ui.getConfig)().noticeBar.size||(0,_ui.getConfig)().size}},emits:[],setup(l,e){const{slots:c,emit:r}=e;var t=_xeUtils.default.uniqueId();const v=(0,_ui.useSize)(l)["computeSize"],d=(0,_vue.ref)(),_=(0,_vue.ref)(),f=(0,_vue.reactive)({animationDuration:0}),i={refElem:d},p=(0,_vue.computed)(()=>{var e=l["content"];return""+(e||"")}),n={},m={xID:t,props:l,context:e,reactData:f,getRefMaps:()=>i,getComputeMaps:()=>n};const o=()=>{var t=l["speed"],i=_.value;if(i){let e=46;"fast"===t?e=118:"slow"===t&&(e=18),f.animationDuration=Math.ceil(i.scrollWidth/e)}};Object.assign(m,{dispatchEvent:(e,t,i)=>{r(e,(0,_ui.createEvent)(i,{$noticeBar:m},t))}},{});return m.renderVN=()=>{var{vertical:e,duration:t,direction:i}=l,r=f["animationDuration"],n=v.value,o=p.value,u=c.default,a=c.prefix,s=c.suffix;return(0,_vue.h)("div",{ref:d,class:["vxe-notice-bar","is--"+(e?"vertical":"horizontal"),"dir--"+(i||"left"),{["size--"+n]:n}]},[a?(0,_vue.h)("div",{class:"vxe-notice-bar--prefix"},a({})):(0,_ui.renderEmptyElement)(m),(0,_vue.h)("div",{class:"vxe-notice-bar--content"},[(0,_vue.h)("div",{ref:_,class:"vxe-notice-bar--inner"},[(0,_vue.h)("div",{class:"vxe-notice-bar--wrapper",style:{animationDuration:`${t?(0,_dom.toCssUnit)(t,"s"):r}s`}},u?u({}):o)])]),s?(0,_vue.h)("div",{class:"vxe-notice-bar--suffix"},s({})):(0,_ui.renderEmptyElement)(m)])},(0,_vue.onMounted)(()=>{_ui.globalEvents.on(m,"resize",o),o()}),(0,_vue.onBeforeUnmount)(()=>{_ui.globalEvents.off(m,"resize")}),m},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeNoticeBar",props:{duration:[String,Number],direction:{type:String,default:()=>(0,_ui.getConfig)().noticeBar.direction},speed:{type:String,default:()=>(0,_ui.getConfig)().noticeBar.speed},content:String,vertical:Boolean,loop:{type:Boolean},size:{type:String,default:()=>(0,_ui.getConfig)().noticeBar.size||(0,_ui.getConfig)().size}},emits:[],setup(l,e){const{slots:c,emit:r}=e,t=(0,_vue.inject)("$xeTabs",null);var i=_xeUtils.default.uniqueId();const v=(0,_ui.useSize)(l)["computeSize"],d=(0,_vue.ref)(),_=(0,_vue.ref)(),f=(0,_vue.reactive)({animationDuration:0}),n={refElem:d},p=(0,_vue.computed)(()=>{var e=l["content"];return""+(e||"")});var u=(0,_vue.computed)(()=>t?t.reactData.resizeFlag:null);const o={},m={xID:i,props:l,context:e,reactData:f,getRefMaps:()=>n,getComputeMaps:()=>o};const a=()=>{var t=l["speed"],i=_.value;if(i){let e=46;"fast"===t?e=118:"slow"===t&&(e=18),f.animationDuration=Math.ceil(i.scrollWidth/e)}};Object.assign(m,{dispatchEvent:(e,t,i)=>{r(e,(0,_ui.createEvent)(i,{$noticeBar:m},t))}},{});return(0,_vue.watch)(u,()=>{a()}),(0,_vue.onMounted)(()=>{_ui.globalEvents.on(m,"resize",a),a()}),(0,_vue.onBeforeUnmount)(()=>{_ui.globalEvents.off(m,"resize")}),m.renderVN=()=>{var{vertical:e,duration:t,direction:i}=l,r=f["animationDuration"],n=v.value,u=p.value,o=c.default,a=c.prefix,s=c.suffix;return(0,_vue.h)("div",{ref:d,class:["vxe-notice-bar","is--"+(e?"vertical":"horizontal"),"dir--"+(i||"left"),{["size--"+n]:n}]},[a?(0,_vue.h)("div",{class:"vxe-notice-bar--prefix"},a({})):(0,_ui.renderEmptyElement)(m),(0,_vue.h)("div",{class:"vxe-notice-bar--content"},[(0,_vue.h)("div",{ref:_,class:"vxe-notice-bar--inner"},[(0,_vue.h)("div",{class:"vxe-notice-bar--wrapper",style:{animationDuration:`${t?(0,_dom.toCssUnit)(t,"s"):r}s`}},o?o({}):u)])]),s?(0,_vue.h)("div",{class:"vxe-notice-bar--suffix"},s({})):(0,_ui.renderEmptyElement)(m)])},m},render(){return this.renderVN()}});