vxe-pc-ui 3.15.4 → 3.15.6

package/lib/pulldown/src/pulldown.js

@@ -31,7 +31,9 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
      */
     trigger: {
       type: String,
-      default: (0, _ui.getConfig)().pulldown.trigger
+      default: function _default() {
+        return (0, _ui.getConfig)().pulldown.trigger;
+      }
     },
     /**
      * 已废弃，请使用 popupConfig.zIndex
@@ -47,7 +49,9 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     options: Array,
     className: {
       type: [String, Function],
-      default: (0, _ui.getConfig)().pulldown.className
+      default: function _default() {
+        return (0, _ui.getConfig)().pulldown.className;
+      }
     },
     /**
      * 已废弃，请使用 popupConfig.className
@@ -58,7 +62,9 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     popupConfig: Object,
     destroyOnClose: {
       type: Boolean,
-      default: (0, _ui.getConfig)().pulldown.destroyOnClose
+      default: function _default() {
+        return (0, _ui.getConfig)().pulldown.destroyOnClose;
+      }
     },
     transfer: {
       type: Boolean,

package/lib/pulldown/src/pulldown.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _defineProperty(e,t,n){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0===n)return("string"===t?String:Number)(e);n=n.call(e,t||"default");if("object"!=_typeof(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxePulldown",model:{prop:"value",event:"modelValue"},mixins:[_ui.globalMixins.sizeMixin,_ui.globalMixins.permissionMixin],props:{value:Boolean,disabled:Boolean,placement:String,trigger:{type:String,default:(0,_ui.getConfig)().pulldown.trigger},zIndex:Number,size:{type:String,default:function(){return(0,_ui.getConfig)().pulldown.size||(0,_ui.getConfig)().size}},options:Array,className:{type:[String,Function],default:(0,_ui.getConfig)().pulldown.className},popupClassName:[String,Function],showPopupShadow:Boolean,popupConfig:Object,destroyOnClose:{type:Boolean,default:(0,_ui.getConfig)().pulldown.destroyOnClose},transfer:{type:Boolean,default:null}},inject:{$xeModal:{default:null},$xeDrawer:{default:null},$xeTable:{default:null},$xeForm:{default:null}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{initialized:!1,panelIndex:0,panelStyle:{},panelPlacement:null,visiblePanel:!1,isAniVisible:!1,isActivated:!1},internalData:{hpTimeout:void 0}}},computed:Object.assign(Object.assign({},{}),{computeBtnTransfer:function(){var e=this,t=e.$xeModal,n=e.$xeDrawer,i=e.$xeTable,l=e.$xeForm,a=e.transfer,e=e.computePopupOpts;if(_xeUtils.default.isBoolean(e.transfer))return e.transfer;if(null===a){e=(0,_ui.getConfig)().pulldown.transfer;if(_xeUtils.default.isBoolean(e))return e;if(i||t||n||l)return!0}return a},computePopupOpts:function(){return Object.assign({},(0,_ui.getConfig)().pulldown.popupConfig,this.popupConfig)}}),methods:{dispatchEvent:function(e,t,n){this.$emit(e,(0,_ui.createEvent)(n,{$pulldown:this},t))},emitModel:function(e){var t=this,n=t._events;n&&n.modelValue?t.$emit("modelValue",e):t.$emit("model-value",e)},updateZindex:function(){var e=this,t=e.reactData,e=e.computePopupOpts.zIndex||e.zIndex;e?t.panelIndex=_xeUtils.default.toNumber(e):t.panelIndex<(0,_utils.getLastZIndex)()&&(t.panelIndex=(0,_utils.nextZIndex)())},isPanelVisible:function(){return this.reactData.visiblePanel},updatePlacement:function(){function e(){var e=(0,_dom.updatePanelPlacement)(a,o,{placement:u.placement||i,defaultPlacement:u.defaultPlacement,teleportTo:r}),t=Object.assign(e.style,{zIndex:l});n.panelStyle=t,n.panelPlacement=e.placement}var t=this,n=t.reactData,i=t.placement,l=n.panelIndex,a=t.$refs.refPulldownContent,o=t.$refs.refPulldownPanel,r=t.computeBtnTransfer,u=t.computePopupOpts;return e(),t.$nextTick().then(e)},showPanel:function(){var t=this,n=t,i=t.reactData,l=t.internalData,e=t.computeBtnTransfer,a=t.$refs.refPulldownPanel;return i.initialized||(i.initialized=!0,e&&a&&document.body.appendChild(a)),new Promise(function(e){n.disabled?t.$nextTick(function(){e()}):(l.hpTimeout&&clearTimeout(l.hpTimeout),i.isActivated=!0,i.isAniVisible=!0,setTimeout(function(){i.visiblePanel=!0,t.emitModel(!0),t.updatePlacement(),setTimeout(function(){e(t.updatePlacement())},40)},10),t.updateZindex(),t.dispatchEvent("visible-change",{visible:!0},null))})},hidePanel:function(){return this.hideOptionPanel()},hideOptionPanel:function(){var t=this,n=t.reactData,i=t.internalData;return n.visiblePanel=!1,t.dispatchEvent("visible-change",{visible:!1},null),t.emitModel(!1),new Promise(function(e){n.isAniVisible?i.hpTimeout=setTimeout(function(){n.isAniVisible=!1,t.$nextTick(function(){e()})},350):t.$nextTick(function(){e()})})},togglePanel:function(){return this.reactData.visiblePanel?this.hideOptionPanel():this.showPanel()},handleOptionEvent:function(e,t){var n=this.reactData;t.disabled||(n.visiblePanel&&(this.hideOptionPanel(),this.dispatchEvent("hide-panel",{},e)),this.dispatchEvent("option-click",{option:t},e))},clickTargetEvent:function(e){var t=this,n=t.reactData;"click"===(t.trigger||t.computePopupOpts.trigger)&&(n.visiblePanel?(t.hideOptionPanel(),t.dispatchEvent("hide-panel",{},e)):(t.showPanel(),t.dispatchEvent("show-panel",{},e))),t.dispatchEvent("click",{$pulldown:t},e)},handleGlobalMousewheelEvent:function(e){var t=this,n=t.reactData,i=t.trigger,n=n.visiblePanel,i=i||t.computePopupOpts.trigger,l=t.$refs.refPulldownPanel;t.disabled||n&&((0,_dom.getEventTargetNode)(e,l).flag?t.updatePlacement():"manual"!==i&&(t.hideOptionPanel(),t.dispatchEvent("hide-panel",{},e)))},handleGlobalMousedownEvent:function(e){var t=this,n=t.reactData,i=t.trigger,l=n.visiblePanel,i=i||t.computePopupOpts.trigger,a=t.$refs.refElem,o=t.$refs.refPulldownPanel;t.disabled||(n.isActivated=(0,_dom.getEventTargetNode)(e,a).flag||(0,_dom.getEventTargetNode)(e,o).flag,l&&!n.isActivated&&"manual"!==i&&(t.hideOptionPanel(),t.dispatchEvent("hide-panel",{},e)))},handleGlobalBlurEvent:function(e){var t=this,n=t.reactData,i=t.trigger,l=n.visiblePanel,a=n.isActivated,i=i||t.computePopupOpts.trigger;l&&"manual"!==i&&(t.hideOptionPanel(),t.dispatchEvent("hide-panel",{},e)),a&&(n.isActivated=!1)},handleGlobalResizeEvent:function(){this.reactData.visiblePanel&&this.updatePlacement()},renderDefaultPanel:function(e,t){var n=this,i=n.$scopedSlots.option;return e("div",{class:"vxe-pulldown--panel-list"},t?t.map(function(t){return e("div",{class:"vxe-pulldown--panel-item",on:{click:function(e){n.handleOptionEvent(e,t)}}},i?i({$pulldown:n,option:t}):"".concat(t.label||""))}):[])},renderVN:function(e){var t=this,n=t.$scopedSlots,i=t.reactData,l=t.className,a=t.options,o=t.showPopupShadow,r=t.destroyOnClose,u=t.disabled,s=i.initialized,d=i.isActivated,p=i.isAniVisible,c=i.visiblePanel,f=i.panelStyle,i=i.panelPlacement,v=t.computeBtnTransfer,m=t.computeSize,h=n.default,P=n.header,b=n.footer,n=n.dropdown,g=t.computePopupOpts.className||t.popupClassName;return e("div",{ref:"refElem",class:["vxe-pulldown",l?_xeUtils.default.isFunction(l)?l({$pulldown:t}):l:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(m),m),"is--visible",c),"is--disabled",u),"is--active",d)]},[e("div",{ref:"refPulldownContent",class:"vxe-pulldown--content",on:{click:t.clickTargetEvent}},h?h({$pulldown:t}):[]),e("div",{ref:"refPulldownPanel",class:["vxe-table--ignore-clear vxe-pulldown--panel",g?_xeUtils.default.isFunction(g)?g({$pulldown:t}):g:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(m),m),"is--transfer",v),"ani--leave",p),"ani--enter",c)],attrs:{placement:i},style:f},s?[e("div",{class:["vxe-pulldown--panel-wrapper",{"is--shadow":o}]},s&&(!r||c||p)?[P?e("div",{class:"vxe-pulldown--panel-header"},P({$pulldown:t})):(0,_ui.renderEmptyElement)(t),e("div",{class:"vxe-pulldown--panel-body"},n?n({$pulldown:t}):[t.renderDefaultPanel(e,a)]),b?e("div",{class:"vxe-pulldown--panel-footer"},b({$pulldown:t})):(0,_ui.renderEmptyElement)(t)]:[])]:[])])}},watch:{value:function(e){this.reactData.isActivated=!!e,e?this.showPanel():this.hideOptionPanel()}},created:function(){var e=this;e.value&&e.showPanel(),_ui.globalEvents.on(e,"mousewheel",e.handleGlobalMousewheelEvent),_ui.globalEvents.on(e,"mousedown",e.handleGlobalMousedownEvent),_ui.globalEvents.on(e,"blur",e.handleGlobalBlurEvent),_ui.globalEvents.on(e,"resize",e.handleGlobalResizeEvent)},beforeDestroy:function(){var e=this,t=e.$refs.refPulldownPanel;t&&t.parentNode&&t.parentNode.removeChild(t),_ui.globalEvents.off(e,"mousewheel"),_ui.globalEvents.off(e,"mousedown"),_ui.globalEvents.off(e,"blur"),_ui.globalEvents.off(e,"resize")},render:function(e){return this.renderVN(e)}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _defineProperty(e,t,n){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0===n)return("string"===t?String:Number)(e);n=n.call(e,t||"default");if("object"!=_typeof(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxePulldown",model:{prop:"value",event:"modelValue"},mixins:[_ui.globalMixins.sizeMixin,_ui.globalMixins.permissionMixin],props:{value:Boolean,disabled:Boolean,placement:String,trigger:{type:String,default:function(){return(0,_ui.getConfig)().pulldown.trigger}},zIndex:Number,size:{type:String,default:function(){return(0,_ui.getConfig)().pulldown.size||(0,_ui.getConfig)().size}},options:Array,className:{type:[String,Function],default:function(){return(0,_ui.getConfig)().pulldown.className}},popupClassName:[String,Function],showPopupShadow:Boolean,popupConfig:Object,destroyOnClose:{type:Boolean,default:function(){return(0,_ui.getConfig)().pulldown.destroyOnClose}},transfer:{type:Boolean,default:null}},inject:{$xeModal:{default:null},$xeDrawer:{default:null},$xeTable:{default:null},$xeForm:{default:null}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{initialized:!1,panelIndex:0,panelStyle:{},panelPlacement:null,visiblePanel:!1,isAniVisible:!1,isActivated:!1},internalData:{hpTimeout:void 0}}},computed:Object.assign(Object.assign({},{}),{computeBtnTransfer:function(){var e=this,t=e.$xeModal,n=e.$xeDrawer,i=e.$xeTable,l=e.$xeForm,a=e.transfer,e=e.computePopupOpts;if(_xeUtils.default.isBoolean(e.transfer))return e.transfer;if(null===a){e=(0,_ui.getConfig)().pulldown.transfer;if(_xeUtils.default.isBoolean(e))return e;if(i||t||n||l)return!0}return a},computePopupOpts:function(){return Object.assign({},(0,_ui.getConfig)().pulldown.popupConfig,this.popupConfig)}}),methods:{dispatchEvent:function(e,t,n){this.$emit(e,(0,_ui.createEvent)(n,{$pulldown:this},t))},emitModel:function(e){var t=this,n=t._events;n&&n.modelValue?t.$emit("modelValue",e):t.$emit("model-value",e)},updateZindex:function(){var e=this,t=e.reactData,e=e.computePopupOpts.zIndex||e.zIndex;e?t.panelIndex=_xeUtils.default.toNumber(e):t.panelIndex<(0,_utils.getLastZIndex)()&&(t.panelIndex=(0,_utils.nextZIndex)())},isPanelVisible:function(){return this.reactData.visiblePanel},updatePlacement:function(){function e(){var e=(0,_dom.updatePanelPlacement)(a,o,{placement:u.placement||i,defaultPlacement:u.defaultPlacement,teleportTo:r}),t=Object.assign(e.style,{zIndex:l});n.panelStyle=t,n.panelPlacement=e.placement}var t=this,n=t.reactData,i=t.placement,l=n.panelIndex,a=t.$refs.refPulldownContent,o=t.$refs.refPulldownPanel,r=t.computeBtnTransfer,u=t.computePopupOpts;return e(),t.$nextTick().then(e)},showPanel:function(){var t=this,n=t,i=t.reactData,l=t.internalData,e=t.computeBtnTransfer,a=t.$refs.refPulldownPanel;return i.initialized||(i.initialized=!0,e&&a&&document.body.appendChild(a)),new Promise(function(e){n.disabled?t.$nextTick(function(){e()}):(l.hpTimeout&&clearTimeout(l.hpTimeout),i.isActivated=!0,i.isAniVisible=!0,setTimeout(function(){i.visiblePanel=!0,t.emitModel(!0),t.updatePlacement(),setTimeout(function(){e(t.updatePlacement())},40)},10),t.updateZindex(),t.dispatchEvent("visible-change",{visible:!0},null))})},hidePanel:function(){return this.hideOptionPanel()},hideOptionPanel:function(){var t=this,n=t.reactData,i=t.internalData;return n.visiblePanel=!1,t.dispatchEvent("visible-change",{visible:!1},null),t.emitModel(!1),new Promise(function(e){n.isAniVisible?i.hpTimeout=setTimeout(function(){n.isAniVisible=!1,t.$nextTick(function(){e()})},350):t.$nextTick(function(){e()})})},togglePanel:function(){return this.reactData.visiblePanel?this.hideOptionPanel():this.showPanel()},handleOptionEvent:function(e,t){var n=this.reactData;t.disabled||(n.visiblePanel&&(this.hideOptionPanel(),this.dispatchEvent("hide-panel",{},e)),this.dispatchEvent("option-click",{option:t},e))},clickTargetEvent:function(e){var t=this,n=t.reactData;"click"===(t.trigger||t.computePopupOpts.trigger)&&(n.visiblePanel?(t.hideOptionPanel(),t.dispatchEvent("hide-panel",{},e)):(t.showPanel(),t.dispatchEvent("show-panel",{},e))),t.dispatchEvent("click",{$pulldown:t},e)},handleGlobalMousewheelEvent:function(e){var t=this,n=t.reactData,i=t.trigger,n=n.visiblePanel,i=i||t.computePopupOpts.trigger,l=t.$refs.refPulldownPanel;t.disabled||n&&((0,_dom.getEventTargetNode)(e,l).flag?t.updatePlacement():"manual"!==i&&(t.hideOptionPanel(),t.dispatchEvent("hide-panel",{},e)))},handleGlobalMousedownEvent:function(e){var t=this,n=t.reactData,i=t.trigger,l=n.visiblePanel,i=i||t.computePopupOpts.trigger,a=t.$refs.refElem,o=t.$refs.refPulldownPanel;t.disabled||(n.isActivated=(0,_dom.getEventTargetNode)(e,a).flag||(0,_dom.getEventTargetNode)(e,o).flag,l&&!n.isActivated&&"manual"!==i&&(t.hideOptionPanel(),t.dispatchEvent("hide-panel",{},e)))},handleGlobalBlurEvent:function(e){var t=this,n=t.reactData,i=t.trigger,l=n.visiblePanel,a=n.isActivated,i=i||t.computePopupOpts.trigger;l&&"manual"!==i&&(t.hideOptionPanel(),t.dispatchEvent("hide-panel",{},e)),a&&(n.isActivated=!1)},handleGlobalResizeEvent:function(){this.reactData.visiblePanel&&this.updatePlacement()},renderDefaultPanel:function(e,t){var n=this,i=n.$scopedSlots.option;return e("div",{class:"vxe-pulldown--panel-list"},t?t.map(function(t){return e("div",{class:"vxe-pulldown--panel-item",on:{click:function(e){n.handleOptionEvent(e,t)}}},i?i({$pulldown:n,option:t}):"".concat(t.label||""))}):[])},renderVN:function(e){var t=this,n=t.$scopedSlots,i=t.reactData,l=t.className,a=t.options,o=t.showPopupShadow,r=t.destroyOnClose,u=t.disabled,s=i.initialized,d=i.isActivated,p=i.isAniVisible,c=i.visiblePanel,f=i.panelStyle,i=i.panelPlacement,v=t.computeBtnTransfer,m=t.computeSize,h=n.default,P=n.header,b=n.footer,n=n.dropdown,g=t.computePopupOpts.className||t.popupClassName;return e("div",{ref:"refElem",class:["vxe-pulldown",l?_xeUtils.default.isFunction(l)?l({$pulldown:t}):l:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(m),m),"is--visible",c),"is--disabled",u),"is--active",d)]},[e("div",{ref:"refPulldownContent",class:"vxe-pulldown--content",on:{click:t.clickTargetEvent}},h?h({$pulldown:t}):[]),e("div",{ref:"refPulldownPanel",class:["vxe-table--ignore-clear vxe-pulldown--panel",g?_xeUtils.default.isFunction(g)?g({$pulldown:t}):g:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(m),m),"is--transfer",v),"ani--leave",p),"ani--enter",c)],attrs:{placement:i},style:f},s?[e("div",{class:["vxe-pulldown--panel-wrapper",{"is--shadow":o}]},s&&(!r||c||p)?[P?e("div",{class:"vxe-pulldown--panel-header"},P({$pulldown:t})):(0,_ui.renderEmptyElement)(t),e("div",{class:"vxe-pulldown--panel-body"},n?n({$pulldown:t}):[t.renderDefaultPanel(e,a)]),b?e("div",{class:"vxe-pulldown--panel-footer"},b({$pulldown:t})):(0,_ui.renderEmptyElement)(t)]:[])]:[])])}},watch:{value:function(e){this.reactData.isActivated=!!e,e?this.showPanel():this.hideOptionPanel()}},created:function(){var e=this;e.value&&e.showPanel(),_ui.globalEvents.on(e,"mousewheel",e.handleGlobalMousewheelEvent),_ui.globalEvents.on(e,"mousedown",e.handleGlobalMousedownEvent),_ui.globalEvents.on(e,"blur",e.handleGlobalBlurEvent),_ui.globalEvents.on(e,"resize",e.handleGlobalResizeEvent)},beforeDestroy:function(){var e=this,t=e.$refs.refPulldownPanel;t&&t.parentNode&&t.parentNode.removeChild(t),_ui.globalEvents.off(e,"mousewheel"),_ui.globalEvents.off(e,"mousedown"),_ui.globalEvents.off(e,"blur"),_ui.globalEvents.off(e,"resize")},render:function(e){return this.renderVN(e)}});