primevue 3.12.1 → 3.12.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/column/Column.d.ts +15 -3
- package/config/PrimeVue.d.ts +8 -0
- package/confirmationservice/ConfirmationService.d.ts +8 -1
- package/confirmpopup/ConfirmPopup.vue +1 -1
- package/confirmpopup/confirmpopup.cjs.js +1 -1
- package/confirmpopup/confirmpopup.cjs.min.js +1 -1
- package/confirmpopup/confirmpopup.esm.js +1 -1
- package/confirmpopup/confirmpopup.esm.min.js +1 -1
- package/confirmpopup/confirmpopup.js +1 -1
- package/confirmpopup/confirmpopup.min.js +1 -1
- package/core/core.js +18 -2
- package/core/core.min.js +3 -3
- package/datatable/BodyCell.vue +11 -2
- package/datatable/DataTable.vue +7 -4
- package/datatable/RowCheckbox.vue +1 -1
- package/datatable/TableBody.vue +7 -1
- package/datatable/datatable.cjs.js +31 -10
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.esm.js +31 -10
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +31 -10
- package/datatable/datatable.min.js +1 -1
- package/deferredcontent/DeferredContent.vue +2 -2
- package/deferredcontent/deferredcontent.cjs.js +2 -2
- package/deferredcontent/deferredcontent.cjs.min.js +1 -1
- package/deferredcontent/deferredcontent.esm.js +2 -2
- package/deferredcontent/deferredcontent.esm.min.js +1 -1
- package/deferredcontent/deferredcontent.js +2 -2
- package/deferredcontent/deferredcontent.min.js +1 -1
- package/fileupload/FileUpload.vue +1 -0
- package/fileupload/fileupload.cjs.js +1 -0
- package/fileupload/fileupload.cjs.min.js +1 -1
- package/fileupload/fileupload.esm.js +1 -0
- package/fileupload/fileupload.esm.min.js +1 -1
- package/fileupload/fileupload.js +1 -0
- package/fileupload/fileupload.min.js +1 -1
- package/inputswitch/InputSwitch.d.ts +1 -1
- package/menu/Menu.vue +1 -1
- package/menu/menu.cjs.js +1 -1
- package/menu/menu.cjs.min.js +1 -1
- package/menu/menu.esm.js +1 -1
- package/menu/menu.esm.min.js +1 -1
- package/menu/menu.js +1 -1
- package/menu/menu.min.js +1 -1
- package/multiselect/MultiSelect.vue +8 -5
- package/multiselect/multiselect.cjs.js +8 -5
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.esm.js +8 -5
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +8 -5
- package/multiselect/multiselect.min.js +1 -1
- package/package.json +1 -1
- package/slider/Slider.vue +10 -2
- package/slider/slider.cjs.js +9 -1
- package/slider/slider.cjs.min.js +1 -1
- package/slider/slider.esm.js +9 -1
- package/slider/slider.esm.min.js +1 -1
- package/slider/slider.js +9 -1
- package/slider/slider.min.js +1 -1
- package/tieredmenu/TieredMenu.vue +1 -1
- package/tieredmenu/tieredmenu.cjs.js +1 -1
- package/tieredmenu/tieredmenu.cjs.min.js +1 -1
- package/tieredmenu/tieredmenu.esm.js +1 -1
- package/tieredmenu/tieredmenu.esm.min.js +1 -1
- package/tieredmenu/tieredmenu.js +1 -1
- package/tieredmenu/tieredmenu.min.js +1 -1
- package/tooltip/tooltip.cjs.js +16 -0
- package/tooltip/tooltip.cjs.min.js +1 -1
- package/tooltip/tooltip.esm.js +16 -0
- package/tooltip/tooltip.esm.min.js +1 -1
- package/tooltip/tooltip.js +16 -0
- package/tooltip/tooltip.min.js +1 -1
- package/web-types.json +1 -1
|
@@ -10,7 +10,7 @@ export default {
|
|
|
10
10
|
emits: ['load'],
|
|
11
11
|
data() {
|
|
12
12
|
return {
|
|
13
|
-
|
|
13
|
+
loaded: false
|
|
14
14
|
}
|
|
15
15
|
},
|
|
16
16
|
mounted() {
|
|
@@ -53,7 +53,7 @@ export default {
|
|
|
53
53
|
return (winHeight >= rect.top);
|
|
54
54
|
}
|
|
55
55
|
},
|
|
56
|
-
load() {
|
|
56
|
+
load(event) {
|
|
57
57
|
this.loaded = true;
|
|
58
58
|
this.$emit('load', event);
|
|
59
59
|
}
|
|
@@ -7,7 +7,7 @@ var script = {
|
|
|
7
7
|
emits: ['load'],
|
|
8
8
|
data() {
|
|
9
9
|
return {
|
|
10
|
-
|
|
10
|
+
loaded: false
|
|
11
11
|
}
|
|
12
12
|
},
|
|
13
13
|
mounted() {
|
|
@@ -50,7 +50,7 @@ var script = {
|
|
|
50
50
|
return (winHeight >= rect.top);
|
|
51
51
|
}
|
|
52
52
|
},
|
|
53
|
-
load() {
|
|
53
|
+
load(event) {
|
|
54
54
|
this.loaded = true;
|
|
55
55
|
this.$emit('load', event);
|
|
56
56
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("vue"),t={name:"DeferredContent",emits:["load"],data:()=>({loaded:!1}),mounted(){this.loaded||(this.shouldLoad()?this.load():this.bindScrollListener())},beforeUnmount(){this.unbindScrollListener()},methods:{bindScrollListener(){this.documentScrollListener=()=>{this.shouldLoad()&&(this.load(),this.unbindScrollListener())},window.addEventListener("scroll",this.documentScrollListener)},unbindScrollListener(){this.documentScrollListener&&(window.removeEventListener("scroll",this.documentScrollListener),this.documentScrollListener=null)},shouldLoad(){if(this.loaded)return!1;{const e=this.$refs.container.getBoundingClientRect();return document.documentElement.clientHeight>=e.top}},load(){this.loaded=!0,this.$emit("load",
|
|
1
|
+
"use strict";var e=require("vue"),t={name:"DeferredContent",emits:["load"],data:()=>({loaded:!1}),mounted(){this.loaded||(this.shouldLoad()?this.load():this.bindScrollListener())},beforeUnmount(){this.unbindScrollListener()},methods:{bindScrollListener(){this.documentScrollListener=()=>{this.shouldLoad()&&(this.load(),this.unbindScrollListener())},window.addEventListener("scroll",this.documentScrollListener)},unbindScrollListener(){this.documentScrollListener&&(window.removeEventListener("scroll",this.documentScrollListener),this.documentScrollListener=null)},shouldLoad(){if(this.loaded)return!1;{const e=this.$refs.container.getBoundingClientRect();return document.documentElement.clientHeight>=e.top}},load(e){this.loaded=!0,this.$emit("load",e)}}};const o={ref:"container"};t.render=function(t,n,i,r,d,l){return e.openBlock(),e.createBlock("div",o,[d.loaded?e.renderSlot(t.$slots,"default",{key:0}):e.createCommentVNode("",!0)],512)},module.exports=t;
|
|
@@ -5,7 +5,7 @@ var script = {
|
|
|
5
5
|
emits: ['load'],
|
|
6
6
|
data() {
|
|
7
7
|
return {
|
|
8
|
-
|
|
8
|
+
loaded: false
|
|
9
9
|
}
|
|
10
10
|
},
|
|
11
11
|
mounted() {
|
|
@@ -48,7 +48,7 @@ var script = {
|
|
|
48
48
|
return (winHeight >= rect.top);
|
|
49
49
|
}
|
|
50
50
|
},
|
|
51
|
-
load() {
|
|
51
|
+
load(event) {
|
|
52
52
|
this.loaded = true;
|
|
53
53
|
this.$emit('load', event);
|
|
54
54
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{openBlock as e,createBlock as t,renderSlot as n,createCommentVNode as o}from"vue";var i={name:"DeferredContent",emits:["load"],data:()=>({loaded:!1}),mounted(){this.loaded||(this.shouldLoad()?this.load():this.bindScrollListener())},beforeUnmount(){this.unbindScrollListener()},methods:{bindScrollListener(){this.documentScrollListener=()=>{this.shouldLoad()&&(this.load(),this.unbindScrollListener())},window.addEventListener("scroll",this.documentScrollListener)},unbindScrollListener(){this.documentScrollListener&&(window.removeEventListener("scroll",this.documentScrollListener),this.documentScrollListener=null)},shouldLoad(){if(this.loaded)return!1;{const e=this.$refs.container.getBoundingClientRect();return document.documentElement.clientHeight>=e.top}},load(){this.loaded=!0,this.$emit("load",
|
|
1
|
+
import{openBlock as e,createBlock as t,renderSlot as n,createCommentVNode as o}from"vue";var i={name:"DeferredContent",emits:["load"],data:()=>({loaded:!1}),mounted(){this.loaded||(this.shouldLoad()?this.load():this.bindScrollListener())},beforeUnmount(){this.unbindScrollListener()},methods:{bindScrollListener(){this.documentScrollListener=()=>{this.shouldLoad()&&(this.load(),this.unbindScrollListener())},window.addEventListener("scroll",this.documentScrollListener)},unbindScrollListener(){this.documentScrollListener&&(window.removeEventListener("scroll",this.documentScrollListener),this.documentScrollListener=null)},shouldLoad(){if(this.loaded)return!1;{const e=this.$refs.container.getBoundingClientRect();return document.documentElement.clientHeight>=e.top}},load(e){this.loaded=!0,this.$emit("load",e)}}};const d={ref:"container"};i.render=function(i,l,r,s,c,u){return e(),t("div",d,[c.loaded?n(i.$slots,"default",{key:0}):o("",!0)],512)};export default i;
|
|
@@ -7,7 +7,7 @@ this.primevue.deferredcontent = (function (vue) {
|
|
|
7
7
|
emits: ['load'],
|
|
8
8
|
data() {
|
|
9
9
|
return {
|
|
10
|
-
|
|
10
|
+
loaded: false
|
|
11
11
|
}
|
|
12
12
|
},
|
|
13
13
|
mounted() {
|
|
@@ -50,7 +50,7 @@ this.primevue.deferredcontent = (function (vue) {
|
|
|
50
50
|
return (winHeight >= rect.top);
|
|
51
51
|
}
|
|
52
52
|
},
|
|
53
|
-
load() {
|
|
53
|
+
load(event) {
|
|
54
54
|
this.loaded = true;
|
|
55
55
|
this.$emit('load', event);
|
|
56
56
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primevue=this.primevue||{},this.primevue.deferredcontent=function(e){"use strict";var t={name:"DeferredContent",emits:["load"],data:()=>({loaded:!1}),mounted(){this.loaded||(this.shouldLoad()?this.load():this.bindScrollListener())},beforeUnmount(){this.unbindScrollListener()},methods:{bindScrollListener(){this.documentScrollListener=()=>{this.shouldLoad()&&(this.load(),this.unbindScrollListener())},window.addEventListener("scroll",this.documentScrollListener)},unbindScrollListener(){this.documentScrollListener&&(window.removeEventListener("scroll",this.documentScrollListener),this.documentScrollListener=null)},shouldLoad(){if(this.loaded)return!1;{const e=this.$refs.container.getBoundingClientRect();return document.documentElement.clientHeight>=e.top}},load(){this.loaded=!0,this.$emit("load",
|
|
1
|
+
this.primevue=this.primevue||{},this.primevue.deferredcontent=function(e){"use strict";var t={name:"DeferredContent",emits:["load"],data:()=>({loaded:!1}),mounted(){this.loaded||(this.shouldLoad()?this.load():this.bindScrollListener())},beforeUnmount(){this.unbindScrollListener()},methods:{bindScrollListener(){this.documentScrollListener=()=>{this.shouldLoad()&&(this.load(),this.unbindScrollListener())},window.addEventListener("scroll",this.documentScrollListener)},unbindScrollListener(){this.documentScrollListener&&(window.removeEventListener("scroll",this.documentScrollListener),this.documentScrollListener=null)},shouldLoad(){if(this.loaded)return!1;{const e=this.$refs.container.getBoundingClientRect();return document.documentElement.clientHeight>=e.top}},load(e){this.loaded=!0,this.$emit("load",e)}}};const n={ref:"container"};return t.render=function(t,o,i,r,d,l){return e.openBlock(),e.createBlock("div",n,[d.loaded?e.renderSlot(t.$slots,"default",{key:0}):e.createCommentVNode("",!0)],512)},t}(Vue);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("primevue/button"),t=require("primevue/progressbar"),i=require("primevue/message"),l=require("primevue/utils"),s=require("primevue/ripple"),o=require("vue");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(e),r=a(t),p=a(i),d=a(s),c={name:"FileUpload",emits:["select","uploader","before-upload","progress","upload","error","before-send","clear","remove"],props:{name:{type:String,default:null},url:{type:String,default:null},mode:{type:String,default:"advanced"},multiple:{type:Boolean,default:!1},accept:{type:String,default:null},disabled:{type:Boolean,default:!1},auto:{type:Boolean,default:!1},maxFileSize:{type:Number,default:null},invalidFileSizeMessage:{type:String,default:"{0}: Invalid file size, file size should be smaller than {1}."},invalidFileTypeMessage:{type:String,default:"{0}: Invalid file type, allowed file types: {1}."},fileLimit:{type:Number,default:null},invalidFileLimitMessage:{type:String,default:"Maximum number of files exceeded, limit is {0} at most."},withCredentials:{type:Boolean,default:!1},previewWidth:{type:Number,default:50},chooseLabel:{type:String,default:null},uploadLabel:{type:String,default:null},cancelLabel:{type:String,default:null},customUpload:{type:Boolean,default:!1},showUploadButton:{type:Boolean,default:!0},showCancelButton:{type:Boolean,default:!0},style:null,class:null},duplicateIEEvent:!1,data:()=>({uploadedFileCount:0,files:[],messages:[],focused:!1,progress:null}),methods:{onFileSelect(e){if("drop"!==e.type&&this.isIE11()&&this.duplicateIEEvent)return void(this.duplicateIEEvent=!1);this.messages=[],this.files=this.files||[];let t=e.dataTransfer?e.dataTransfer.files:e.target.files;for(let e of t)this.isFileSelected(e)||this.validate(e)&&(this.isImage(e)&&(e.objectURL=window.URL.createObjectURL(e)),this.files.push(e));this.$emit("select",{originalEvent:e,files:this.files}),this.fileLimit&&this.checkFileLimit(),this.auto&&this.hasFiles&&!this.isFileLimitExceeded()&&this.upload(),"drop"!==e.type&&this.isIE11()?this.clearIEInput():this.clearInputElement()},choose(){this.$refs.fileInput.click()},upload(){if(this.customUpload)this.fileLimit&&(this.uploadedFileCount+=this.files.length),this.$emit("uploader",{files:this.files});else{let e=new XMLHttpRequest,t=new FormData;this.$emit("before-upload",{xhr:e,formData:t});for(let e of this.files)t.append(this.name,e,e.name);e.upload.addEventListener("progress",(e=>{e.lengthComputable&&(this.progress=Math.round(100*e.loaded/e.total)),this.$emit("progress",{originalEvent:e,progress:this.progress})})),e.onreadystatechange=()=>{4===e.readyState&&(this.progress=0,e.status>=200&&e.status<300?(this.fileLimit&&(this.uploadedFileCount+=this.files.length),this.$emit("upload",{xhr:e,files:this.files})):this.$emit("error",{xhr:e,files:this.files}),this.clear())},e.open("POST",this.url,!0),this.$emit("before-send",{xhr:e,formData:t}),e.withCredentials=this.withCredentials,e.send(t)}},clear(){this.files=[],this.messages=null,this.$emit("clear"),this.isAdvanced&&this.clearInputElement()},onFocus(){this.focused=!0},onBlur(){this.focused=!1},isFileSelected(e){if(this.files&&this.files.length)for(let t of this.files)if(t.name+t.type+t.size===e.name+e.type+e.size)return!0;return!1},isIE11:()=>!!window.MSInputMethodContext&&!!document.documentMode,validate(e){return this.accept&&!this.isFileTypeValid(e)?(this.messages.push(this.invalidFileTypeMessage.replace("{0}",e.name).replace("{1}",this.accept)),!1):!(this.maxFileSize&&e.size>this.maxFileSize)||(this.messages.push(this.invalidFileSizeMessage.replace("{0}",e.name).replace("{1}",this.formatSize(this.maxFileSize))),!1)},isFileTypeValid(e){let t=this.accept.split(",").map((e=>e.trim()));for(let i of t){if(this.isWildcard(i)?this.getTypeClass(e.type)===this.getTypeClass(i):e.type==i||this.getFileExtension(e).toLowerCase()===i.toLowerCase())return!0}return!1},getTypeClass:e=>e.substring(0,e.indexOf("/")),isWildcard:e=>-1!==e.indexOf("*"),getFileExtension:e=>"."+e.name.split(".").pop(),isImage:e=>/^image\//.test(e.type),onDragEnter(e){this.disabled||(e.stopPropagation(),e.preventDefault())},onDragOver(e){this.disabled||(l.DomHandler.addClass(this.$refs.content,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault())},onDragLeave(){this.disabled||l.DomHandler.removeClass(this.$refs.content,"p-fileupload-highlight")},onDrop(e){if(!this.disabled){l.DomHandler.removeClass(this.$refs.content,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault();const t=e.dataTransfer?e.dataTransfer.files:e.target.files;(this.multiple||t&&1===t.length)&&this.onFileSelect(e)}},onBasicUploaderClick(){this.hasFiles?this.upload():this.$refs.fileInput.click()},remove(e){this.clearInputElement();let t=this.files.splice(e,1)[0];this.files=[...this.files],this.$emit("remove",{file:t,files:this.files})},clearInputElement(){this.$refs.fileInput.value=""},clearIEInput(){this.$refs.fileInput&&(this.duplicateIEEvent=!0,this.$refs.fileInput.value="")},formatSize(e){if(0===e)return"0 B";let t=Math.floor(Math.log(e)/Math.log(1e3));return parseFloat((e/Math.pow(1e3,t)).toFixed(3))+" "+["B","KB","MB","GB","TB","PB","EB","ZB","YB"][t]},isFileLimitExceeded(){return this.fileLimit&&this.fileLimit<=this.files.length+this.uploadedFileCount&&this.focused&&(this.focused=!1),this.fileLimit&&this.fileLimit<this.files.length+this.uploadedFileCount},checkFileLimit(){this.isFileLimitExceeded()&&this.messages.push(this.invalidFileLimitMessage.replace("{0}",this.fileLimit.toString()))},onMessageClose(){this.messages=null}},computed:{isAdvanced(){return"advanced"===this.mode},isBasic(){return"basic"===this.mode},advancedChooseButtonClass(){return["p-button p-component p-fileupload-choose",this.class,{"p-disabled":this.disabled,"p-focus":this.focused}]},basicChooseButtonClass(){return["p-button p-component p-fileupload-choose",this.class,{"p-fileupload-choose-selected":this.hasFiles,"p-disabled":this.disabled,"p-focus":this.focused}]},basicChooseButtonIconClass(){return["p-button-icon p-button-icon-left pi",{"pi-plus":!this.hasFiles||this.auto,"pi-upload":this.hasFiles&&!this.auto}]},basicChooseButtonLabel(){return this.auto?this.chooseButtonLabel:this.hasFiles?this.files.map((e=>e.name)).join(", "):this.chooseButtonLabel},hasFiles(){return this.files&&this.files.length>0},chooseDisabled(){return this.disabled||this.fileLimit&&this.fileLimit<=this.files.length+this.uploadedFileCount},uploadDisabled(){return this.disabled||!this.hasFiles||this.fileLimit&&this.fileLimit<this.files.length},cancelDisabled(){return this.disabled||!this.hasFiles},chooseButtonLabel(){return this.chooseLabel||this.$primevue.config.locale.choose},uploadButtonLabel(){return this.uploadLabel||this.$primevue.config.locale.upload},cancelButtonLabel(){return this.cancelLabel||this.$primevue.config.locale.cancel}},components:{FileUploadButton:n.default,FileUploadProgressBar:r.default,FileUploadMessage:p.default},directives:{ripple:d.default}};const u={key:0,class:"p-fileupload p-fileupload-advanced p-component"},h={class:"p-fileupload-buttonbar"},f=o.createVNode("span",{class:"p-button-icon p-button-icon-left pi pi-fw pi-plus"},null,-1),m={class:"p-button-label"},g={key:1,class:"p-fileupload-files"},b={class:"p-fileupload-filename"},v={key:2,class:"p-fileupload-empty"},y={key:1,class:"p-fileupload p-fileupload-basic p-component"},B={class:"p-button-label"};!function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var l=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===i&&l.firstChild?l.insertBefore(s,l.firstChild):l.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e))}}("\n.p-fileupload-content {\n position: relative;\n}\n.p-fileupload-row {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n.p-fileupload-row > div {\n -webkit-box-flex: 1;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n width: 25%;\n}\n.p-fileupload-row > div:last-child {\n text-align: right;\n}\n.p-fileupload-content .p-progressbar {\n width: 100%;\n position: absolute;\n top: 0;\n left: 0;\n}\n.p-button.p-fileupload-choose {\n position: relative;\n overflow: hidden;\n}\n.p-button.p-fileupload-choose input[type=file] {\n display: none;\n}\n.p-fileupload-choose.p-fileupload-choose-selected input[type=file] {\n display: none;\n}\n.p-fileupload-filename {\n word-break: break-all;\n}\n.p-fluid .p-fileupload .p-button {\n width: auto;\n}\n"),c.render=function(e,t,i,l,s,a){const n=o.resolveComponent("FileUploadButton"),r=o.resolveComponent("FileUploadProgressBar"),p=o.resolveComponent("FileUploadMessage"),d=o.resolveDirective("ripple");return a.isAdvanced?(o.openBlock(),o.createBlock("div",u,[o.createVNode("div",h,[o.withDirectives(o.createVNode("span",{class:a.advancedChooseButtonClass,style:i.style,onClick:t[2]||(t[2]=(...e)=>a.choose&&a.choose(...e)),onKeydown:t[3]||(t[3]=o.withKeys(((...e)=>a.choose&&a.choose(...e)),["enter"])),onFocus:t[4]||(t[4]=(...e)=>a.onFocus&&a.onFocus(...e)),onBlur:t[5]||(t[5]=(...e)=>a.onBlur&&a.onBlur(...e)),tabindex:"0"},[o.createVNode("input",{ref:"fileInput",type:"file",onChange:t[1]||(t[1]=(...e)=>a.onFileSelect&&a.onFileSelect(...e)),multiple:i.multiple,accept:i.accept,disabled:a.chooseDisabled},null,40,["multiple","accept","disabled"]),f,o.createVNode("span",m,o.toDisplayString(a.chooseButtonLabel),1)],38),[[d]]),i.showUploadButton?(o.openBlock(),o.createBlock(n,{key:0,label:a.uploadButtonLabel,icon:"pi pi-upload",onClick:a.upload,disabled:a.uploadDisabled},null,8,["label","onClick","disabled"])):o.createCommentVNode("",!0),i.showCancelButton?(o.openBlock(),o.createBlock(n,{key:1,label:a.cancelButtonLabel,icon:"pi pi-times",onClick:a.clear,disabled:a.cancelDisabled},null,8,["label","onClick","disabled"])):o.createCommentVNode("",!0)]),o.createVNode("div",{ref:"content",class:"p-fileupload-content",onDragenter:t[6]||(t[6]=(...e)=>a.onDragEnter&&a.onDragEnter(...e)),onDragover:t[7]||(t[7]=(...e)=>a.onDragOver&&a.onDragOver(...e)),onDragleave:t[8]||(t[8]=(...e)=>a.onDragLeave&&a.onDragLeave(...e)),onDrop:t[9]||(t[9]=(...e)=>a.onDrop&&a.onDrop(...e))},[a.hasFiles?(o.openBlock(),o.createBlock(r,{key:0,value:s.progress},null,8,["value"])):o.createCommentVNode("",!0),(o.openBlock(!0),o.createBlock(o.Fragment,null,o.renderList(s.messages,(e=>(o.openBlock(),o.createBlock(p,{severity:"error",key:e,onClose:a.onMessageClose},{default:o.withCtx((()=>[o.createTextVNode(o.toDisplayString(e),1)])),_:2},1032,["onClose"])))),128)),a.hasFiles?(o.openBlock(),o.createBlock("div",g,[(o.openBlock(!0),o.createBlock(o.Fragment,null,o.renderList(s.files,((e,t)=>(o.openBlock(),o.createBlock("div",{class:"p-fileupload-row",key:e.name+e.type+e.size},[o.createVNode("div",null,[a.isImage(e)?(o.openBlock(),o.createBlock("img",{key:0,role:"presentation",alt:e.name,src:e.objectURL,width:i.previewWidth},null,8,["alt","src","width"])):o.createCommentVNode("",!0)]),o.createVNode("div",b,o.toDisplayString(e.name),1),o.createVNode("div",null,o.toDisplayString(a.formatSize(e.size)),1),o.createVNode("div",null,[o.createVNode(n,{type:"button",icon:"pi pi-times",onClick:e=>a.remove(t)},null,8,["onClick"])])])))),128))])):o.createCommentVNode("",!0),e.$slots.empty&&!a.hasFiles?(o.openBlock(),o.createBlock("div",v,[o.renderSlot(e.$slots,"empty")])):o.createCommentVNode("",!0)],544)])):a.isBasic?(o.openBlock(),o.createBlock("div",y,[(o.openBlock(!0),o.createBlock(o.Fragment,null,o.renderList(s.messages,(e=>(o.openBlock(),o.createBlock(p,{severity:"error",key:e,onClose:a.onMessageClose},{default:o.withCtx((()=>[o.createTextVNode(o.toDisplayString(e),1)])),_:2},1032,["onClose"])))),128)),o.withDirectives(o.createVNode("span",{class:a.basicChooseButtonClass,style:i.style,onMouseup:t[13]||(t[13]=(...e)=>a.onBasicUploaderClick&&a.onBasicUploaderClick(...e)),onKeydown:t[14]||(t[14]=o.withKeys(((...e)=>a.choose&&a.choose(...e)),["enter"])),onFocus:t[15]||(t[15]=(...e)=>a.onFocus&&a.onFocus(...e)),onBlur:t[16]||(t[16]=(...e)=>a.onBlur&&a.onBlur(...e)),tabindex:"0"},[o.createVNode("span",{class:a.basicChooseButtonIconClass},null,2),o.createVNode("span",B,o.toDisplayString(a.basicChooseButtonLabel),1),a.hasFiles?o.createCommentVNode("",!0):(o.openBlock(),o.createBlock("input",{key:0,ref:"fileInput",type:"file",accept:i.accept,disabled:i.disabled,multiple:i.multiple,onChange:t[10]||(t[10]=(...e)=>a.onFileSelect&&a.onFileSelect(...e)),onFocus:t[11]||(t[11]=(...e)=>a.onFocus&&a.onFocus(...e)),onBlur:t[12]||(t[12]=(...e)=>a.onBlur&&a.onBlur(...e))},null,40,["accept","disabled","multiple"]))],38),[[d]])])):o.createCommentVNode("",!0)},module.exports=c;
|
|
1
|
+
"use strict";var e=require("primevue/button"),t=require("primevue/progressbar"),i=require("primevue/message"),l=require("primevue/utils"),s=require("primevue/ripple"),o=require("vue");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(e),r=a(t),p=a(i),d=a(s),c={name:"FileUpload",emits:["select","uploader","before-upload","progress","upload","error","before-send","clear","remove"],props:{name:{type:String,default:null},url:{type:String,default:null},mode:{type:String,default:"advanced"},multiple:{type:Boolean,default:!1},accept:{type:String,default:null},disabled:{type:Boolean,default:!1},auto:{type:Boolean,default:!1},maxFileSize:{type:Number,default:null},invalidFileSizeMessage:{type:String,default:"{0}: Invalid file size, file size should be smaller than {1}."},invalidFileTypeMessage:{type:String,default:"{0}: Invalid file type, allowed file types: {1}."},fileLimit:{type:Number,default:null},invalidFileLimitMessage:{type:String,default:"Maximum number of files exceeded, limit is {0} at most."},withCredentials:{type:Boolean,default:!1},previewWidth:{type:Number,default:50},chooseLabel:{type:String,default:null},uploadLabel:{type:String,default:null},cancelLabel:{type:String,default:null},customUpload:{type:Boolean,default:!1},showUploadButton:{type:Boolean,default:!0},showCancelButton:{type:Boolean,default:!0},style:null,class:null},duplicateIEEvent:!1,data:()=>({uploadedFileCount:0,files:[],messages:[],focused:!1,progress:null}),methods:{onFileSelect(e){if("drop"!==e.type&&this.isIE11()&&this.duplicateIEEvent)return void(this.duplicateIEEvent=!1);this.messages=[],this.files=this.files||[];let t=e.dataTransfer?e.dataTransfer.files:e.target.files;for(let e of t)this.isFileSelected(e)||this.validate(e)&&(this.isImage(e)&&(e.objectURL=window.URL.createObjectURL(e)),this.files.push(e));this.$emit("select",{originalEvent:e,files:this.files}),this.fileLimit&&this.checkFileLimit(),this.auto&&this.hasFiles&&!this.isFileLimitExceeded()&&this.upload(),"drop"!==e.type&&this.isIE11()?this.clearIEInput():this.clearInputElement()},choose(){this.$refs.fileInput.click()},upload(){if(this.customUpload)this.fileLimit&&(this.uploadedFileCount+=this.files.length),this.$emit("uploader",{files:this.files}),this.clear();else{let e=new XMLHttpRequest,t=new FormData;this.$emit("before-upload",{xhr:e,formData:t});for(let e of this.files)t.append(this.name,e,e.name);e.upload.addEventListener("progress",(e=>{e.lengthComputable&&(this.progress=Math.round(100*e.loaded/e.total)),this.$emit("progress",{originalEvent:e,progress:this.progress})})),e.onreadystatechange=()=>{4===e.readyState&&(this.progress=0,e.status>=200&&e.status<300?(this.fileLimit&&(this.uploadedFileCount+=this.files.length),this.$emit("upload",{xhr:e,files:this.files})):this.$emit("error",{xhr:e,files:this.files}),this.clear())},e.open("POST",this.url,!0),this.$emit("before-send",{xhr:e,formData:t}),e.withCredentials=this.withCredentials,e.send(t)}},clear(){this.files=[],this.messages=null,this.$emit("clear"),this.isAdvanced&&this.clearInputElement()},onFocus(){this.focused=!0},onBlur(){this.focused=!1},isFileSelected(e){if(this.files&&this.files.length)for(let t of this.files)if(t.name+t.type+t.size===e.name+e.type+e.size)return!0;return!1},isIE11:()=>!!window.MSInputMethodContext&&!!document.documentMode,validate(e){return this.accept&&!this.isFileTypeValid(e)?(this.messages.push(this.invalidFileTypeMessage.replace("{0}",e.name).replace("{1}",this.accept)),!1):!(this.maxFileSize&&e.size>this.maxFileSize)||(this.messages.push(this.invalidFileSizeMessage.replace("{0}",e.name).replace("{1}",this.formatSize(this.maxFileSize))),!1)},isFileTypeValid(e){let t=this.accept.split(",").map((e=>e.trim()));for(let i of t){if(this.isWildcard(i)?this.getTypeClass(e.type)===this.getTypeClass(i):e.type==i||this.getFileExtension(e).toLowerCase()===i.toLowerCase())return!0}return!1},getTypeClass:e=>e.substring(0,e.indexOf("/")),isWildcard:e=>-1!==e.indexOf("*"),getFileExtension:e=>"."+e.name.split(".").pop(),isImage:e=>/^image\//.test(e.type),onDragEnter(e){this.disabled||(e.stopPropagation(),e.preventDefault())},onDragOver(e){this.disabled||(l.DomHandler.addClass(this.$refs.content,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault())},onDragLeave(){this.disabled||l.DomHandler.removeClass(this.$refs.content,"p-fileupload-highlight")},onDrop(e){if(!this.disabled){l.DomHandler.removeClass(this.$refs.content,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault();const t=e.dataTransfer?e.dataTransfer.files:e.target.files;(this.multiple||t&&1===t.length)&&this.onFileSelect(e)}},onBasicUploaderClick(){this.hasFiles?this.upload():this.$refs.fileInput.click()},remove(e){this.clearInputElement();let t=this.files.splice(e,1)[0];this.files=[...this.files],this.$emit("remove",{file:t,files:this.files})},clearInputElement(){this.$refs.fileInput.value=""},clearIEInput(){this.$refs.fileInput&&(this.duplicateIEEvent=!0,this.$refs.fileInput.value="")},formatSize(e){if(0===e)return"0 B";let t=Math.floor(Math.log(e)/Math.log(1e3));return parseFloat((e/Math.pow(1e3,t)).toFixed(3))+" "+["B","KB","MB","GB","TB","PB","EB","ZB","YB"][t]},isFileLimitExceeded(){return this.fileLimit&&this.fileLimit<=this.files.length+this.uploadedFileCount&&this.focused&&(this.focused=!1),this.fileLimit&&this.fileLimit<this.files.length+this.uploadedFileCount},checkFileLimit(){this.isFileLimitExceeded()&&this.messages.push(this.invalidFileLimitMessage.replace("{0}",this.fileLimit.toString()))},onMessageClose(){this.messages=null}},computed:{isAdvanced(){return"advanced"===this.mode},isBasic(){return"basic"===this.mode},advancedChooseButtonClass(){return["p-button p-component p-fileupload-choose",this.class,{"p-disabled":this.disabled,"p-focus":this.focused}]},basicChooseButtonClass(){return["p-button p-component p-fileupload-choose",this.class,{"p-fileupload-choose-selected":this.hasFiles,"p-disabled":this.disabled,"p-focus":this.focused}]},basicChooseButtonIconClass(){return["p-button-icon p-button-icon-left pi",{"pi-plus":!this.hasFiles||this.auto,"pi-upload":this.hasFiles&&!this.auto}]},basicChooseButtonLabel(){return this.auto?this.chooseButtonLabel:this.hasFiles?this.files.map((e=>e.name)).join(", "):this.chooseButtonLabel},hasFiles(){return this.files&&this.files.length>0},chooseDisabled(){return this.disabled||this.fileLimit&&this.fileLimit<=this.files.length+this.uploadedFileCount},uploadDisabled(){return this.disabled||!this.hasFiles||this.fileLimit&&this.fileLimit<this.files.length},cancelDisabled(){return this.disabled||!this.hasFiles},chooseButtonLabel(){return this.chooseLabel||this.$primevue.config.locale.choose},uploadButtonLabel(){return this.uploadLabel||this.$primevue.config.locale.upload},cancelButtonLabel(){return this.cancelLabel||this.$primevue.config.locale.cancel}},components:{FileUploadButton:n.default,FileUploadProgressBar:r.default,FileUploadMessage:p.default},directives:{ripple:d.default}};const u={key:0,class:"p-fileupload p-fileupload-advanced p-component"},h={class:"p-fileupload-buttonbar"},f=o.createVNode("span",{class:"p-button-icon p-button-icon-left pi pi-fw pi-plus"},null,-1),m={class:"p-button-label"},g={key:1,class:"p-fileupload-files"},b={class:"p-fileupload-filename"},v={key:2,class:"p-fileupload-empty"},y={key:1,class:"p-fileupload p-fileupload-basic p-component"},B={class:"p-button-label"};!function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var l=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===i&&l.firstChild?l.insertBefore(s,l.firstChild):l.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e))}}("\n.p-fileupload-content {\n position: relative;\n}\n.p-fileupload-row {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n.p-fileupload-row > div {\n -webkit-box-flex: 1;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n width: 25%;\n}\n.p-fileupload-row > div:last-child {\n text-align: right;\n}\n.p-fileupload-content .p-progressbar {\n width: 100%;\n position: absolute;\n top: 0;\n left: 0;\n}\n.p-button.p-fileupload-choose {\n position: relative;\n overflow: hidden;\n}\n.p-button.p-fileupload-choose input[type=file] {\n display: none;\n}\n.p-fileupload-choose.p-fileupload-choose-selected input[type=file] {\n display: none;\n}\n.p-fileupload-filename {\n word-break: break-all;\n}\n.p-fluid .p-fileupload .p-button {\n width: auto;\n}\n"),c.render=function(e,t,i,l,s,a){const n=o.resolveComponent("FileUploadButton"),r=o.resolveComponent("FileUploadProgressBar"),p=o.resolveComponent("FileUploadMessage"),d=o.resolveDirective("ripple");return a.isAdvanced?(o.openBlock(),o.createBlock("div",u,[o.createVNode("div",h,[o.withDirectives(o.createVNode("span",{class:a.advancedChooseButtonClass,style:i.style,onClick:t[2]||(t[2]=(...e)=>a.choose&&a.choose(...e)),onKeydown:t[3]||(t[3]=o.withKeys(((...e)=>a.choose&&a.choose(...e)),["enter"])),onFocus:t[4]||(t[4]=(...e)=>a.onFocus&&a.onFocus(...e)),onBlur:t[5]||(t[5]=(...e)=>a.onBlur&&a.onBlur(...e)),tabindex:"0"},[o.createVNode("input",{ref:"fileInput",type:"file",onChange:t[1]||(t[1]=(...e)=>a.onFileSelect&&a.onFileSelect(...e)),multiple:i.multiple,accept:i.accept,disabled:a.chooseDisabled},null,40,["multiple","accept","disabled"]),f,o.createVNode("span",m,o.toDisplayString(a.chooseButtonLabel),1)],38),[[d]]),i.showUploadButton?(o.openBlock(),o.createBlock(n,{key:0,label:a.uploadButtonLabel,icon:"pi pi-upload",onClick:a.upload,disabled:a.uploadDisabled},null,8,["label","onClick","disabled"])):o.createCommentVNode("",!0),i.showCancelButton?(o.openBlock(),o.createBlock(n,{key:1,label:a.cancelButtonLabel,icon:"pi pi-times",onClick:a.clear,disabled:a.cancelDisabled},null,8,["label","onClick","disabled"])):o.createCommentVNode("",!0)]),o.createVNode("div",{ref:"content",class:"p-fileupload-content",onDragenter:t[6]||(t[6]=(...e)=>a.onDragEnter&&a.onDragEnter(...e)),onDragover:t[7]||(t[7]=(...e)=>a.onDragOver&&a.onDragOver(...e)),onDragleave:t[8]||(t[8]=(...e)=>a.onDragLeave&&a.onDragLeave(...e)),onDrop:t[9]||(t[9]=(...e)=>a.onDrop&&a.onDrop(...e))},[a.hasFiles?(o.openBlock(),o.createBlock(r,{key:0,value:s.progress},null,8,["value"])):o.createCommentVNode("",!0),(o.openBlock(!0),o.createBlock(o.Fragment,null,o.renderList(s.messages,(e=>(o.openBlock(),o.createBlock(p,{severity:"error",key:e,onClose:a.onMessageClose},{default:o.withCtx((()=>[o.createTextVNode(o.toDisplayString(e),1)])),_:2},1032,["onClose"])))),128)),a.hasFiles?(o.openBlock(),o.createBlock("div",g,[(o.openBlock(!0),o.createBlock(o.Fragment,null,o.renderList(s.files,((e,t)=>(o.openBlock(),o.createBlock("div",{class:"p-fileupload-row",key:e.name+e.type+e.size},[o.createVNode("div",null,[a.isImage(e)?(o.openBlock(),o.createBlock("img",{key:0,role:"presentation",alt:e.name,src:e.objectURL,width:i.previewWidth},null,8,["alt","src","width"])):o.createCommentVNode("",!0)]),o.createVNode("div",b,o.toDisplayString(e.name),1),o.createVNode("div",null,o.toDisplayString(a.formatSize(e.size)),1),o.createVNode("div",null,[o.createVNode(n,{type:"button",icon:"pi pi-times",onClick:e=>a.remove(t)},null,8,["onClick"])])])))),128))])):o.createCommentVNode("",!0),e.$slots.empty&&!a.hasFiles?(o.openBlock(),o.createBlock("div",v,[o.renderSlot(e.$slots,"empty")])):o.createCommentVNode("",!0)],544)])):a.isBasic?(o.openBlock(),o.createBlock("div",y,[(o.openBlock(!0),o.createBlock(o.Fragment,null,o.renderList(s.messages,(e=>(o.openBlock(),o.createBlock(p,{severity:"error",key:e,onClose:a.onMessageClose},{default:o.withCtx((()=>[o.createTextVNode(o.toDisplayString(e),1)])),_:2},1032,["onClose"])))),128)),o.withDirectives(o.createVNode("span",{class:a.basicChooseButtonClass,style:i.style,onMouseup:t[13]||(t[13]=(...e)=>a.onBasicUploaderClick&&a.onBasicUploaderClick(...e)),onKeydown:t[14]||(t[14]=o.withKeys(((...e)=>a.choose&&a.choose(...e)),["enter"])),onFocus:t[15]||(t[15]=(...e)=>a.onFocus&&a.onFocus(...e)),onBlur:t[16]||(t[16]=(...e)=>a.onBlur&&a.onBlur(...e)),tabindex:"0"},[o.createVNode("span",{class:a.basicChooseButtonIconClass},null,2),o.createVNode("span",B,o.toDisplayString(a.basicChooseButtonLabel),1),a.hasFiles?o.createCommentVNode("",!0):(o.openBlock(),o.createBlock("input",{key:0,ref:"fileInput",type:"file",accept:i.accept,disabled:i.disabled,multiple:i.multiple,onChange:t[10]||(t[10]=(...e)=>a.onFileSelect&&a.onFileSelect(...e)),onFocus:t[11]||(t[11]=(...e)=>a.onFocus&&a.onFocus(...e)),onBlur:t[12]||(t[12]=(...e)=>a.onBlur&&a.onBlur(...e))},null,40,["accept","disabled","multiple"]))],38),[[d]])])):o.createCommentVNode("",!0)},module.exports=c;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"primevue/button";import t from"primevue/progressbar";import i from"primevue/message";import{DomHandler as l}from"primevue/utils";import s from"primevue/ripple";import{resolveComponent as o,resolveDirective as a,openBlock as n,createBlock as p,createVNode as r,withDirectives as d,withKeys as u,toDisplayString as h,createCommentVNode as c,Fragment as f,renderList as m,withCtx as g,createTextVNode as b,renderSlot as v}from"vue";var y={name:"FileUpload",emits:["select","uploader","before-upload","progress","upload","error","before-send","clear","remove"],props:{name:{type:String,default:null},url:{type:String,default:null},mode:{type:String,default:"advanced"},multiple:{type:Boolean,default:!1},accept:{type:String,default:null},disabled:{type:Boolean,default:!1},auto:{type:Boolean,default:!1},maxFileSize:{type:Number,default:null},invalidFileSizeMessage:{type:String,default:"{0}: Invalid file size, file size should be smaller than {1}."},invalidFileTypeMessage:{type:String,default:"{0}: Invalid file type, allowed file types: {1}."},fileLimit:{type:Number,default:null},invalidFileLimitMessage:{type:String,default:"Maximum number of files exceeded, limit is {0} at most."},withCredentials:{type:Boolean,default:!1},previewWidth:{type:Number,default:50},chooseLabel:{type:String,default:null},uploadLabel:{type:String,default:null},cancelLabel:{type:String,default:null},customUpload:{type:Boolean,default:!1},showUploadButton:{type:Boolean,default:!0},showCancelButton:{type:Boolean,default:!0},style:null,class:null},duplicateIEEvent:!1,data:()=>({uploadedFileCount:0,files:[],messages:[],focused:!1,progress:null}),methods:{onFileSelect(e){if("drop"!==e.type&&this.isIE11()&&this.duplicateIEEvent)return void(this.duplicateIEEvent=!1);this.messages=[],this.files=this.files||[];let t=e.dataTransfer?e.dataTransfer.files:e.target.files;for(let e of t)this.isFileSelected(e)||this.validate(e)&&(this.isImage(e)&&(e.objectURL=window.URL.createObjectURL(e)),this.files.push(e));this.$emit("select",{originalEvent:e,files:this.files}),this.fileLimit&&this.checkFileLimit(),this.auto&&this.hasFiles&&!this.isFileLimitExceeded()&&this.upload(),"drop"!==e.type&&this.isIE11()?this.clearIEInput():this.clearInputElement()},choose(){this.$refs.fileInput.click()},upload(){if(this.customUpload)this.fileLimit&&(this.uploadedFileCount+=this.files.length),this.$emit("uploader",{files:this.files});else{let e=new XMLHttpRequest,t=new FormData;this.$emit("before-upload",{xhr:e,formData:t});for(let e of this.files)t.append(this.name,e,e.name);e.upload.addEventListener("progress",(e=>{e.lengthComputable&&(this.progress=Math.round(100*e.loaded/e.total)),this.$emit("progress",{originalEvent:e,progress:this.progress})})),e.onreadystatechange=()=>{4===e.readyState&&(this.progress=0,e.status>=200&&e.status<300?(this.fileLimit&&(this.uploadedFileCount+=this.files.length),this.$emit("upload",{xhr:e,files:this.files})):this.$emit("error",{xhr:e,files:this.files}),this.clear())},e.open("POST",this.url,!0),this.$emit("before-send",{xhr:e,formData:t}),e.withCredentials=this.withCredentials,e.send(t)}},clear(){this.files=[],this.messages=null,this.$emit("clear"),this.isAdvanced&&this.clearInputElement()},onFocus(){this.focused=!0},onBlur(){this.focused=!1},isFileSelected(e){if(this.files&&this.files.length)for(let t of this.files)if(t.name+t.type+t.size===e.name+e.type+e.size)return!0;return!1},isIE11:()=>!!window.MSInputMethodContext&&!!document.documentMode,validate(e){return this.accept&&!this.isFileTypeValid(e)?(this.messages.push(this.invalidFileTypeMessage.replace("{0}",e.name).replace("{1}",this.accept)),!1):!(this.maxFileSize&&e.size>this.maxFileSize)||(this.messages.push(this.invalidFileSizeMessage.replace("{0}",e.name).replace("{1}",this.formatSize(this.maxFileSize))),!1)},isFileTypeValid(e){let t=this.accept.split(",").map((e=>e.trim()));for(let i of t){if(this.isWildcard(i)?this.getTypeClass(e.type)===this.getTypeClass(i):e.type==i||this.getFileExtension(e).toLowerCase()===i.toLowerCase())return!0}return!1},getTypeClass:e=>e.substring(0,e.indexOf("/")),isWildcard:e=>-1!==e.indexOf("*"),getFileExtension:e=>"."+e.name.split(".").pop(),isImage:e=>/^image\//.test(e.type),onDragEnter(e){this.disabled||(e.stopPropagation(),e.preventDefault())},onDragOver(e){this.disabled||(l.addClass(this.$refs.content,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault())},onDragLeave(){this.disabled||l.removeClass(this.$refs.content,"p-fileupload-highlight")},onDrop(e){if(!this.disabled){l.removeClass(this.$refs.content,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault();const t=e.dataTransfer?e.dataTransfer.files:e.target.files;(this.multiple||t&&1===t.length)&&this.onFileSelect(e)}},onBasicUploaderClick(){this.hasFiles?this.upload():this.$refs.fileInput.click()},remove(e){this.clearInputElement();let t=this.files.splice(e,1)[0];this.files=[...this.files],this.$emit("remove",{file:t,files:this.files})},clearInputElement(){this.$refs.fileInput.value=""},clearIEInput(){this.$refs.fileInput&&(this.duplicateIEEvent=!0,this.$refs.fileInput.value="")},formatSize(e){if(0===e)return"0 B";let t=Math.floor(Math.log(e)/Math.log(1e3));return parseFloat((e/Math.pow(1e3,t)).toFixed(3))+" "+["B","KB","MB","GB","TB","PB","EB","ZB","YB"][t]},isFileLimitExceeded(){return this.fileLimit&&this.fileLimit<=this.files.length+this.uploadedFileCount&&this.focused&&(this.focused=!1),this.fileLimit&&this.fileLimit<this.files.length+this.uploadedFileCount},checkFileLimit(){this.isFileLimitExceeded()&&this.messages.push(this.invalidFileLimitMessage.replace("{0}",this.fileLimit.toString()))},onMessageClose(){this.messages=null}},computed:{isAdvanced(){return"advanced"===this.mode},isBasic(){return"basic"===this.mode},advancedChooseButtonClass(){return["p-button p-component p-fileupload-choose",this.class,{"p-disabled":this.disabled,"p-focus":this.focused}]},basicChooseButtonClass(){return["p-button p-component p-fileupload-choose",this.class,{"p-fileupload-choose-selected":this.hasFiles,"p-disabled":this.disabled,"p-focus":this.focused}]},basicChooseButtonIconClass(){return["p-button-icon p-button-icon-left pi",{"pi-plus":!this.hasFiles||this.auto,"pi-upload":this.hasFiles&&!this.auto}]},basicChooseButtonLabel(){return this.auto?this.chooseButtonLabel:this.hasFiles?this.files.map((e=>e.name)).join(", "):this.chooseButtonLabel},hasFiles(){return this.files&&this.files.length>0},chooseDisabled(){return this.disabled||this.fileLimit&&this.fileLimit<=this.files.length+this.uploadedFileCount},uploadDisabled(){return this.disabled||!this.hasFiles||this.fileLimit&&this.fileLimit<this.files.length},cancelDisabled(){return this.disabled||!this.hasFiles},chooseButtonLabel(){return this.chooseLabel||this.$primevue.config.locale.choose},uploadButtonLabel(){return this.uploadLabel||this.$primevue.config.locale.upload},cancelButtonLabel(){return this.cancelLabel||this.$primevue.config.locale.cancel}},components:{FileUploadButton:e,FileUploadProgressBar:t,FileUploadMessage:i},directives:{ripple:s}};const F={key:0,class:"p-fileupload p-fileupload-advanced p-component"},B={class:"p-fileupload-buttonbar"},C=r("span",{class:"p-button-icon p-button-icon-left pi pi-fw pi-plus"},null,-1),L={class:"p-button-label"},w={key:1,class:"p-fileupload-files"},x={class:"p-fileupload-filename"},S={key:2,class:"p-fileupload-empty"},k={key:1,class:"p-fileupload p-fileupload-basic p-component"},E={class:"p-button-label"};!function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var l=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===i&&l.firstChild?l.insertBefore(s,l.firstChild):l.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e))}}("\n.p-fileupload-content {\n position: relative;\n}\n.p-fileupload-row {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n.p-fileupload-row > div {\n -webkit-box-flex: 1;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n width: 25%;\n}\n.p-fileupload-row > div:last-child {\n text-align: right;\n}\n.p-fileupload-content .p-progressbar {\n width: 100%;\n position: absolute;\n top: 0;\n left: 0;\n}\n.p-button.p-fileupload-choose {\n position: relative;\n overflow: hidden;\n}\n.p-button.p-fileupload-choose input[type=file] {\n display: none;\n}\n.p-fileupload-choose.p-fileupload-choose-selected input[type=file] {\n display: none;\n}\n.p-fileupload-filename {\n word-break: break-all;\n}\n.p-fluid .p-fileupload .p-button {\n width: auto;\n}\n"),y.render=function(e,t,i,l,s,y){const I=o("FileUploadButton"),D=o("FileUploadProgressBar"),M=o("FileUploadMessage"),$=a("ripple");return y.isAdvanced?(n(),p("div",F,[r("div",B,[d(r("span",{class:y.advancedChooseButtonClass,style:i.style,onClick:t[2]||(t[2]=(...e)=>y.choose&&y.choose(...e)),onKeydown:t[3]||(t[3]=u(((...e)=>y.choose&&y.choose(...e)),["enter"])),onFocus:t[4]||(t[4]=(...e)=>y.onFocus&&y.onFocus(...e)),onBlur:t[5]||(t[5]=(...e)=>y.onBlur&&y.onBlur(...e)),tabindex:"0"},[r("input",{ref:"fileInput",type:"file",onChange:t[1]||(t[1]=(...e)=>y.onFileSelect&&y.onFileSelect(...e)),multiple:i.multiple,accept:i.accept,disabled:y.chooseDisabled},null,40,["multiple","accept","disabled"]),C,r("span",L,h(y.chooseButtonLabel),1)],38),[[$]]),i.showUploadButton?(n(),p(I,{key:0,label:y.uploadButtonLabel,icon:"pi pi-upload",onClick:y.upload,disabled:y.uploadDisabled},null,8,["label","onClick","disabled"])):c("",!0),i.showCancelButton?(n(),p(I,{key:1,label:y.cancelButtonLabel,icon:"pi pi-times",onClick:y.clear,disabled:y.cancelDisabled},null,8,["label","onClick","disabled"])):c("",!0)]),r("div",{ref:"content",class:"p-fileupload-content",onDragenter:t[6]||(t[6]=(...e)=>y.onDragEnter&&y.onDragEnter(...e)),onDragover:t[7]||(t[7]=(...e)=>y.onDragOver&&y.onDragOver(...e)),onDragleave:t[8]||(t[8]=(...e)=>y.onDragLeave&&y.onDragLeave(...e)),onDrop:t[9]||(t[9]=(...e)=>y.onDrop&&y.onDrop(...e))},[y.hasFiles?(n(),p(D,{key:0,value:s.progress},null,8,["value"])):c("",!0),(n(!0),p(f,null,m(s.messages,(e=>(n(),p(M,{severity:"error",key:e,onClose:y.onMessageClose},{default:g((()=>[b(h(e),1)])),_:2},1032,["onClose"])))),128)),y.hasFiles?(n(),p("div",w,[(n(!0),p(f,null,m(s.files,((e,t)=>(n(),p("div",{class:"p-fileupload-row",key:e.name+e.type+e.size},[r("div",null,[y.isImage(e)?(n(),p("img",{key:0,role:"presentation",alt:e.name,src:e.objectURL,width:i.previewWidth},null,8,["alt","src","width"])):c("",!0)]),r("div",x,h(e.name),1),r("div",null,h(y.formatSize(e.size)),1),r("div",null,[r(I,{type:"button",icon:"pi pi-times",onClick:e=>y.remove(t)},null,8,["onClick"])])])))),128))])):c("",!0),e.$slots.empty&&!y.hasFiles?(n(),p("div",S,[v(e.$slots,"empty")])):c("",!0)],544)])):y.isBasic?(n(),p("div",k,[(n(!0),p(f,null,m(s.messages,(e=>(n(),p(M,{severity:"error",key:e,onClose:y.onMessageClose},{default:g((()=>[b(h(e),1)])),_:2},1032,["onClose"])))),128)),d(r("span",{class:y.basicChooseButtonClass,style:i.style,onMouseup:t[13]||(t[13]=(...e)=>y.onBasicUploaderClick&&y.onBasicUploaderClick(...e)),onKeydown:t[14]||(t[14]=u(((...e)=>y.choose&&y.choose(...e)),["enter"])),onFocus:t[15]||(t[15]=(...e)=>y.onFocus&&y.onFocus(...e)),onBlur:t[16]||(t[16]=(...e)=>y.onBlur&&y.onBlur(...e)),tabindex:"0"},[r("span",{class:y.basicChooseButtonIconClass},null,2),r("span",E,h(y.basicChooseButtonLabel),1),y.hasFiles?c("",!0):(n(),p("input",{key:0,ref:"fileInput",type:"file",accept:i.accept,disabled:i.disabled,multiple:i.multiple,onChange:t[10]||(t[10]=(...e)=>y.onFileSelect&&y.onFileSelect(...e)),onFocus:t[11]||(t[11]=(...e)=>y.onFocus&&y.onFocus(...e)),onBlur:t[12]||(t[12]=(...e)=>y.onBlur&&y.onBlur(...e))},null,40,["accept","disabled","multiple"]))],38),[[$]])])):c("",!0)};export default y;
|
|
1
|
+
import e from"primevue/button";import t from"primevue/progressbar";import i from"primevue/message";import{DomHandler as l}from"primevue/utils";import s from"primevue/ripple";import{resolveComponent as o,resolveDirective as a,openBlock as n,createBlock as p,createVNode as r,withDirectives as d,withKeys as u,toDisplayString as h,createCommentVNode as c,Fragment as f,renderList as m,withCtx as g,createTextVNode as b,renderSlot as v}from"vue";var y={name:"FileUpload",emits:["select","uploader","before-upload","progress","upload","error","before-send","clear","remove"],props:{name:{type:String,default:null},url:{type:String,default:null},mode:{type:String,default:"advanced"},multiple:{type:Boolean,default:!1},accept:{type:String,default:null},disabled:{type:Boolean,default:!1},auto:{type:Boolean,default:!1},maxFileSize:{type:Number,default:null},invalidFileSizeMessage:{type:String,default:"{0}: Invalid file size, file size should be smaller than {1}."},invalidFileTypeMessage:{type:String,default:"{0}: Invalid file type, allowed file types: {1}."},fileLimit:{type:Number,default:null},invalidFileLimitMessage:{type:String,default:"Maximum number of files exceeded, limit is {0} at most."},withCredentials:{type:Boolean,default:!1},previewWidth:{type:Number,default:50},chooseLabel:{type:String,default:null},uploadLabel:{type:String,default:null},cancelLabel:{type:String,default:null},customUpload:{type:Boolean,default:!1},showUploadButton:{type:Boolean,default:!0},showCancelButton:{type:Boolean,default:!0},style:null,class:null},duplicateIEEvent:!1,data:()=>({uploadedFileCount:0,files:[],messages:[],focused:!1,progress:null}),methods:{onFileSelect(e){if("drop"!==e.type&&this.isIE11()&&this.duplicateIEEvent)return void(this.duplicateIEEvent=!1);this.messages=[],this.files=this.files||[];let t=e.dataTransfer?e.dataTransfer.files:e.target.files;for(let e of t)this.isFileSelected(e)||this.validate(e)&&(this.isImage(e)&&(e.objectURL=window.URL.createObjectURL(e)),this.files.push(e));this.$emit("select",{originalEvent:e,files:this.files}),this.fileLimit&&this.checkFileLimit(),this.auto&&this.hasFiles&&!this.isFileLimitExceeded()&&this.upload(),"drop"!==e.type&&this.isIE11()?this.clearIEInput():this.clearInputElement()},choose(){this.$refs.fileInput.click()},upload(){if(this.customUpload)this.fileLimit&&(this.uploadedFileCount+=this.files.length),this.$emit("uploader",{files:this.files}),this.clear();else{let e=new XMLHttpRequest,t=new FormData;this.$emit("before-upload",{xhr:e,formData:t});for(let e of this.files)t.append(this.name,e,e.name);e.upload.addEventListener("progress",(e=>{e.lengthComputable&&(this.progress=Math.round(100*e.loaded/e.total)),this.$emit("progress",{originalEvent:e,progress:this.progress})})),e.onreadystatechange=()=>{4===e.readyState&&(this.progress=0,e.status>=200&&e.status<300?(this.fileLimit&&(this.uploadedFileCount+=this.files.length),this.$emit("upload",{xhr:e,files:this.files})):this.$emit("error",{xhr:e,files:this.files}),this.clear())},e.open("POST",this.url,!0),this.$emit("before-send",{xhr:e,formData:t}),e.withCredentials=this.withCredentials,e.send(t)}},clear(){this.files=[],this.messages=null,this.$emit("clear"),this.isAdvanced&&this.clearInputElement()},onFocus(){this.focused=!0},onBlur(){this.focused=!1},isFileSelected(e){if(this.files&&this.files.length)for(let t of this.files)if(t.name+t.type+t.size===e.name+e.type+e.size)return!0;return!1},isIE11:()=>!!window.MSInputMethodContext&&!!document.documentMode,validate(e){return this.accept&&!this.isFileTypeValid(e)?(this.messages.push(this.invalidFileTypeMessage.replace("{0}",e.name).replace("{1}",this.accept)),!1):!(this.maxFileSize&&e.size>this.maxFileSize)||(this.messages.push(this.invalidFileSizeMessage.replace("{0}",e.name).replace("{1}",this.formatSize(this.maxFileSize))),!1)},isFileTypeValid(e){let t=this.accept.split(",").map((e=>e.trim()));for(let i of t){if(this.isWildcard(i)?this.getTypeClass(e.type)===this.getTypeClass(i):e.type==i||this.getFileExtension(e).toLowerCase()===i.toLowerCase())return!0}return!1},getTypeClass:e=>e.substring(0,e.indexOf("/")),isWildcard:e=>-1!==e.indexOf("*"),getFileExtension:e=>"."+e.name.split(".").pop(),isImage:e=>/^image\//.test(e.type),onDragEnter(e){this.disabled||(e.stopPropagation(),e.preventDefault())},onDragOver(e){this.disabled||(l.addClass(this.$refs.content,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault())},onDragLeave(){this.disabled||l.removeClass(this.$refs.content,"p-fileupload-highlight")},onDrop(e){if(!this.disabled){l.removeClass(this.$refs.content,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault();const t=e.dataTransfer?e.dataTransfer.files:e.target.files;(this.multiple||t&&1===t.length)&&this.onFileSelect(e)}},onBasicUploaderClick(){this.hasFiles?this.upload():this.$refs.fileInput.click()},remove(e){this.clearInputElement();let t=this.files.splice(e,1)[0];this.files=[...this.files],this.$emit("remove",{file:t,files:this.files})},clearInputElement(){this.$refs.fileInput.value=""},clearIEInput(){this.$refs.fileInput&&(this.duplicateIEEvent=!0,this.$refs.fileInput.value="")},formatSize(e){if(0===e)return"0 B";let t=Math.floor(Math.log(e)/Math.log(1e3));return parseFloat((e/Math.pow(1e3,t)).toFixed(3))+" "+["B","KB","MB","GB","TB","PB","EB","ZB","YB"][t]},isFileLimitExceeded(){return this.fileLimit&&this.fileLimit<=this.files.length+this.uploadedFileCount&&this.focused&&(this.focused=!1),this.fileLimit&&this.fileLimit<this.files.length+this.uploadedFileCount},checkFileLimit(){this.isFileLimitExceeded()&&this.messages.push(this.invalidFileLimitMessage.replace("{0}",this.fileLimit.toString()))},onMessageClose(){this.messages=null}},computed:{isAdvanced(){return"advanced"===this.mode},isBasic(){return"basic"===this.mode},advancedChooseButtonClass(){return["p-button p-component p-fileupload-choose",this.class,{"p-disabled":this.disabled,"p-focus":this.focused}]},basicChooseButtonClass(){return["p-button p-component p-fileupload-choose",this.class,{"p-fileupload-choose-selected":this.hasFiles,"p-disabled":this.disabled,"p-focus":this.focused}]},basicChooseButtonIconClass(){return["p-button-icon p-button-icon-left pi",{"pi-plus":!this.hasFiles||this.auto,"pi-upload":this.hasFiles&&!this.auto}]},basicChooseButtonLabel(){return this.auto?this.chooseButtonLabel:this.hasFiles?this.files.map((e=>e.name)).join(", "):this.chooseButtonLabel},hasFiles(){return this.files&&this.files.length>0},chooseDisabled(){return this.disabled||this.fileLimit&&this.fileLimit<=this.files.length+this.uploadedFileCount},uploadDisabled(){return this.disabled||!this.hasFiles||this.fileLimit&&this.fileLimit<this.files.length},cancelDisabled(){return this.disabled||!this.hasFiles},chooseButtonLabel(){return this.chooseLabel||this.$primevue.config.locale.choose},uploadButtonLabel(){return this.uploadLabel||this.$primevue.config.locale.upload},cancelButtonLabel(){return this.cancelLabel||this.$primevue.config.locale.cancel}},components:{FileUploadButton:e,FileUploadProgressBar:t,FileUploadMessage:i},directives:{ripple:s}};const F={key:0,class:"p-fileupload p-fileupload-advanced p-component"},B={class:"p-fileupload-buttonbar"},C=r("span",{class:"p-button-icon p-button-icon-left pi pi-fw pi-plus"},null,-1),L={class:"p-button-label"},w={key:1,class:"p-fileupload-files"},x={class:"p-fileupload-filename"},S={key:2,class:"p-fileupload-empty"},k={key:1,class:"p-fileupload p-fileupload-basic p-component"},E={class:"p-button-label"};!function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var l=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===i&&l.firstChild?l.insertBefore(s,l.firstChild):l.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e))}}("\n.p-fileupload-content {\n position: relative;\n}\n.p-fileupload-row {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n.p-fileupload-row > div {\n -webkit-box-flex: 1;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n width: 25%;\n}\n.p-fileupload-row > div:last-child {\n text-align: right;\n}\n.p-fileupload-content .p-progressbar {\n width: 100%;\n position: absolute;\n top: 0;\n left: 0;\n}\n.p-button.p-fileupload-choose {\n position: relative;\n overflow: hidden;\n}\n.p-button.p-fileupload-choose input[type=file] {\n display: none;\n}\n.p-fileupload-choose.p-fileupload-choose-selected input[type=file] {\n display: none;\n}\n.p-fileupload-filename {\n word-break: break-all;\n}\n.p-fluid .p-fileupload .p-button {\n width: auto;\n}\n"),y.render=function(e,t,i,l,s,y){const I=o("FileUploadButton"),D=o("FileUploadProgressBar"),M=o("FileUploadMessage"),$=a("ripple");return y.isAdvanced?(n(),p("div",F,[r("div",B,[d(r("span",{class:y.advancedChooseButtonClass,style:i.style,onClick:t[2]||(t[2]=(...e)=>y.choose&&y.choose(...e)),onKeydown:t[3]||(t[3]=u(((...e)=>y.choose&&y.choose(...e)),["enter"])),onFocus:t[4]||(t[4]=(...e)=>y.onFocus&&y.onFocus(...e)),onBlur:t[5]||(t[5]=(...e)=>y.onBlur&&y.onBlur(...e)),tabindex:"0"},[r("input",{ref:"fileInput",type:"file",onChange:t[1]||(t[1]=(...e)=>y.onFileSelect&&y.onFileSelect(...e)),multiple:i.multiple,accept:i.accept,disabled:y.chooseDisabled},null,40,["multiple","accept","disabled"]),C,r("span",L,h(y.chooseButtonLabel),1)],38),[[$]]),i.showUploadButton?(n(),p(I,{key:0,label:y.uploadButtonLabel,icon:"pi pi-upload",onClick:y.upload,disabled:y.uploadDisabled},null,8,["label","onClick","disabled"])):c("",!0),i.showCancelButton?(n(),p(I,{key:1,label:y.cancelButtonLabel,icon:"pi pi-times",onClick:y.clear,disabled:y.cancelDisabled},null,8,["label","onClick","disabled"])):c("",!0)]),r("div",{ref:"content",class:"p-fileupload-content",onDragenter:t[6]||(t[6]=(...e)=>y.onDragEnter&&y.onDragEnter(...e)),onDragover:t[7]||(t[7]=(...e)=>y.onDragOver&&y.onDragOver(...e)),onDragleave:t[8]||(t[8]=(...e)=>y.onDragLeave&&y.onDragLeave(...e)),onDrop:t[9]||(t[9]=(...e)=>y.onDrop&&y.onDrop(...e))},[y.hasFiles?(n(),p(D,{key:0,value:s.progress},null,8,["value"])):c("",!0),(n(!0),p(f,null,m(s.messages,(e=>(n(),p(M,{severity:"error",key:e,onClose:y.onMessageClose},{default:g((()=>[b(h(e),1)])),_:2},1032,["onClose"])))),128)),y.hasFiles?(n(),p("div",w,[(n(!0),p(f,null,m(s.files,((e,t)=>(n(),p("div",{class:"p-fileupload-row",key:e.name+e.type+e.size},[r("div",null,[y.isImage(e)?(n(),p("img",{key:0,role:"presentation",alt:e.name,src:e.objectURL,width:i.previewWidth},null,8,["alt","src","width"])):c("",!0)]),r("div",x,h(e.name),1),r("div",null,h(y.formatSize(e.size)),1),r("div",null,[r(I,{type:"button",icon:"pi pi-times",onClick:e=>y.remove(t)},null,8,["onClick"])])])))),128))])):c("",!0),e.$slots.empty&&!y.hasFiles?(n(),p("div",S,[v(e.$slots,"empty")])):c("",!0)],544)])):y.isBasic?(n(),p("div",k,[(n(!0),p(f,null,m(s.messages,(e=>(n(),p(M,{severity:"error",key:e,onClose:y.onMessageClose},{default:g((()=>[b(h(e),1)])),_:2},1032,["onClose"])))),128)),d(r("span",{class:y.basicChooseButtonClass,style:i.style,onMouseup:t[13]||(t[13]=(...e)=>y.onBasicUploaderClick&&y.onBasicUploaderClick(...e)),onKeydown:t[14]||(t[14]=u(((...e)=>y.choose&&y.choose(...e)),["enter"])),onFocus:t[15]||(t[15]=(...e)=>y.onFocus&&y.onFocus(...e)),onBlur:t[16]||(t[16]=(...e)=>y.onBlur&&y.onBlur(...e)),tabindex:"0"},[r("span",{class:y.basicChooseButtonIconClass},null,2),r("span",E,h(y.basicChooseButtonLabel),1),y.hasFiles?c("",!0):(n(),p("input",{key:0,ref:"fileInput",type:"file",accept:i.accept,disabled:i.disabled,multiple:i.multiple,onChange:t[10]||(t[10]=(...e)=>y.onFileSelect&&y.onFileSelect(...e)),onFocus:t[11]||(t[11]=(...e)=>y.onFocus&&y.onFocus(...e)),onBlur:t[12]||(t[12]=(...e)=>y.onBlur&&y.onBlur(...e))},null,40,["accept","disabled","multiple"]))],38),[[$]])])):c("",!0)};export default y;
|
package/fileupload/fileupload.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primevue=this.primevue||{},this.primevue.fileupload=function(e,t,i,l,s,o){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(e),r=a(t),p=a(i),d=a(s),c={name:"FileUpload",emits:["select","uploader","before-upload","progress","upload","error","before-send","clear","remove"],props:{name:{type:String,default:null},url:{type:String,default:null},mode:{type:String,default:"advanced"},multiple:{type:Boolean,default:!1},accept:{type:String,default:null},disabled:{type:Boolean,default:!1},auto:{type:Boolean,default:!1},maxFileSize:{type:Number,default:null},invalidFileSizeMessage:{type:String,default:"{0}: Invalid file size, file size should be smaller than {1}."},invalidFileTypeMessage:{type:String,default:"{0}: Invalid file type, allowed file types: {1}."},fileLimit:{type:Number,default:null},invalidFileLimitMessage:{type:String,default:"Maximum number of files exceeded, limit is {0} at most."},withCredentials:{type:Boolean,default:!1},previewWidth:{type:Number,default:50},chooseLabel:{type:String,default:null},uploadLabel:{type:String,default:null},cancelLabel:{type:String,default:null},customUpload:{type:Boolean,default:!1},showUploadButton:{type:Boolean,default:!0},showCancelButton:{type:Boolean,default:!0},style:null,class:null},duplicateIEEvent:!1,data:()=>({uploadedFileCount:0,files:[],messages:[],focused:!1,progress:null}),methods:{onFileSelect(e){if("drop"!==e.type&&this.isIE11()&&this.duplicateIEEvent)return void(this.duplicateIEEvent=!1);this.messages=[],this.files=this.files||[];let t=e.dataTransfer?e.dataTransfer.files:e.target.files;for(let e of t)this.isFileSelected(e)||this.validate(e)&&(this.isImage(e)&&(e.objectURL=window.URL.createObjectURL(e)),this.files.push(e));this.$emit("select",{originalEvent:e,files:this.files}),this.fileLimit&&this.checkFileLimit(),this.auto&&this.hasFiles&&!this.isFileLimitExceeded()&&this.upload(),"drop"!==e.type&&this.isIE11()?this.clearIEInput():this.clearInputElement()},choose(){this.$refs.fileInput.click()},upload(){if(this.customUpload)this.fileLimit&&(this.uploadedFileCount+=this.files.length),this.$emit("uploader",{files:this.files});else{let e=new XMLHttpRequest,t=new FormData;this.$emit("before-upload",{xhr:e,formData:t});for(let e of this.files)t.append(this.name,e,e.name);e.upload.addEventListener("progress",(e=>{e.lengthComputable&&(this.progress=Math.round(100*e.loaded/e.total)),this.$emit("progress",{originalEvent:e,progress:this.progress})})),e.onreadystatechange=()=>{4===e.readyState&&(this.progress=0,e.status>=200&&e.status<300?(this.fileLimit&&(this.uploadedFileCount+=this.files.length),this.$emit("upload",{xhr:e,files:this.files})):this.$emit("error",{xhr:e,files:this.files}),this.clear())},e.open("POST",this.url,!0),this.$emit("before-send",{xhr:e,formData:t}),e.withCredentials=this.withCredentials,e.send(t)}},clear(){this.files=[],this.messages=null,this.$emit("clear"),this.isAdvanced&&this.clearInputElement()},onFocus(){this.focused=!0},onBlur(){this.focused=!1},isFileSelected(e){if(this.files&&this.files.length)for(let t of this.files)if(t.name+t.type+t.size===e.name+e.type+e.size)return!0;return!1},isIE11:()=>!!window.MSInputMethodContext&&!!document.documentMode,validate(e){return this.accept&&!this.isFileTypeValid(e)?(this.messages.push(this.invalidFileTypeMessage.replace("{0}",e.name).replace("{1}",this.accept)),!1):!(this.maxFileSize&&e.size>this.maxFileSize)||(this.messages.push(this.invalidFileSizeMessage.replace("{0}",e.name).replace("{1}",this.formatSize(this.maxFileSize))),!1)},isFileTypeValid(e){let t=this.accept.split(",").map((e=>e.trim()));for(let i of t){if(this.isWildcard(i)?this.getTypeClass(e.type)===this.getTypeClass(i):e.type==i||this.getFileExtension(e).toLowerCase()===i.toLowerCase())return!0}return!1},getTypeClass:e=>e.substring(0,e.indexOf("/")),isWildcard:e=>-1!==e.indexOf("*"),getFileExtension:e=>"."+e.name.split(".").pop(),isImage:e=>/^image\//.test(e.type),onDragEnter(e){this.disabled||(e.stopPropagation(),e.preventDefault())},onDragOver(e){this.disabled||(l.DomHandler.addClass(this.$refs.content,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault())},onDragLeave(){this.disabled||l.DomHandler.removeClass(this.$refs.content,"p-fileupload-highlight")},onDrop(e){if(!this.disabled){l.DomHandler.removeClass(this.$refs.content,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault();const t=e.dataTransfer?e.dataTransfer.files:e.target.files;(this.multiple||t&&1===t.length)&&this.onFileSelect(e)}},onBasicUploaderClick(){this.hasFiles?this.upload():this.$refs.fileInput.click()},remove(e){this.clearInputElement();let t=this.files.splice(e,1)[0];this.files=[...this.files],this.$emit("remove",{file:t,files:this.files})},clearInputElement(){this.$refs.fileInput.value=""},clearIEInput(){this.$refs.fileInput&&(this.duplicateIEEvent=!0,this.$refs.fileInput.value="")},formatSize(e){if(0===e)return"0 B";let t=Math.floor(Math.log(e)/Math.log(1e3));return parseFloat((e/Math.pow(1e3,t)).toFixed(3))+" "+["B","KB","MB","GB","TB","PB","EB","ZB","YB"][t]},isFileLimitExceeded(){return this.fileLimit&&this.fileLimit<=this.files.length+this.uploadedFileCount&&this.focused&&(this.focused=!1),this.fileLimit&&this.fileLimit<this.files.length+this.uploadedFileCount},checkFileLimit(){this.isFileLimitExceeded()&&this.messages.push(this.invalidFileLimitMessage.replace("{0}",this.fileLimit.toString()))},onMessageClose(){this.messages=null}},computed:{isAdvanced(){return"advanced"===this.mode},isBasic(){return"basic"===this.mode},advancedChooseButtonClass(){return["p-button p-component p-fileupload-choose",this.class,{"p-disabled":this.disabled,"p-focus":this.focused}]},basicChooseButtonClass(){return["p-button p-component p-fileupload-choose",this.class,{"p-fileupload-choose-selected":this.hasFiles,"p-disabled":this.disabled,"p-focus":this.focused}]},basicChooseButtonIconClass(){return["p-button-icon p-button-icon-left pi",{"pi-plus":!this.hasFiles||this.auto,"pi-upload":this.hasFiles&&!this.auto}]},basicChooseButtonLabel(){return this.auto?this.chooseButtonLabel:this.hasFiles?this.files.map((e=>e.name)).join(", "):this.chooseButtonLabel},hasFiles(){return this.files&&this.files.length>0},chooseDisabled(){return this.disabled||this.fileLimit&&this.fileLimit<=this.files.length+this.uploadedFileCount},uploadDisabled(){return this.disabled||!this.hasFiles||this.fileLimit&&this.fileLimit<this.files.length},cancelDisabled(){return this.disabled||!this.hasFiles},chooseButtonLabel(){return this.chooseLabel||this.$primevue.config.locale.choose},uploadButtonLabel(){return this.uploadLabel||this.$primevue.config.locale.upload},cancelButtonLabel(){return this.cancelLabel||this.$primevue.config.locale.cancel}},components:{FileUploadButton:n.default,FileUploadProgressBar:r.default,FileUploadMessage:p.default},directives:{ripple:d.default}};const u={key:0,class:"p-fileupload p-fileupload-advanced p-component"},h={class:"p-fileupload-buttonbar"},f=o.createVNode("span",{class:"p-button-icon p-button-icon-left pi pi-fw pi-plus"},null,-1),m={class:"p-button-label"},g={key:1,class:"p-fileupload-files"},b={class:"p-fileupload-filename"},v={key:2,class:"p-fileupload-empty"},y={key:1,class:"p-fileupload p-fileupload-basic p-component"},B={class:"p-button-label"};return function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var l=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===i&&l.firstChild?l.insertBefore(s,l.firstChild):l.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e))}}("\n.p-fileupload-content {\n position: relative;\n}\n.p-fileupload-row {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n.p-fileupload-row > div {\n -webkit-box-flex: 1;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n width: 25%;\n}\n.p-fileupload-row > div:last-child {\n text-align: right;\n}\n.p-fileupload-content .p-progressbar {\n width: 100%;\n position: absolute;\n top: 0;\n left: 0;\n}\n.p-button.p-fileupload-choose {\n position: relative;\n overflow: hidden;\n}\n.p-button.p-fileupload-choose input[type=file] {\n display: none;\n}\n.p-fileupload-choose.p-fileupload-choose-selected input[type=file] {\n display: none;\n}\n.p-fileupload-filename {\n word-break: break-all;\n}\n.p-fluid .p-fileupload .p-button {\n width: auto;\n}\n"),c.render=function(e,t,i,l,s,a){const n=o.resolveComponent("FileUploadButton"),r=o.resolveComponent("FileUploadProgressBar"),p=o.resolveComponent("FileUploadMessage"),d=o.resolveDirective("ripple");return a.isAdvanced?(o.openBlock(),o.createBlock("div",u,[o.createVNode("div",h,[o.withDirectives(o.createVNode("span",{class:a.advancedChooseButtonClass,style:i.style,onClick:t[2]||(t[2]=(...e)=>a.choose&&a.choose(...e)),onKeydown:t[3]||(t[3]=o.withKeys(((...e)=>a.choose&&a.choose(...e)),["enter"])),onFocus:t[4]||(t[4]=(...e)=>a.onFocus&&a.onFocus(...e)),onBlur:t[5]||(t[5]=(...e)=>a.onBlur&&a.onBlur(...e)),tabindex:"0"},[o.createVNode("input",{ref:"fileInput",type:"file",onChange:t[1]||(t[1]=(...e)=>a.onFileSelect&&a.onFileSelect(...e)),multiple:i.multiple,accept:i.accept,disabled:a.chooseDisabled},null,40,["multiple","accept","disabled"]),f,o.createVNode("span",m,o.toDisplayString(a.chooseButtonLabel),1)],38),[[d]]),i.showUploadButton?(o.openBlock(),o.createBlock(n,{key:0,label:a.uploadButtonLabel,icon:"pi pi-upload",onClick:a.upload,disabled:a.uploadDisabled},null,8,["label","onClick","disabled"])):o.createCommentVNode("",!0),i.showCancelButton?(o.openBlock(),o.createBlock(n,{key:1,label:a.cancelButtonLabel,icon:"pi pi-times",onClick:a.clear,disabled:a.cancelDisabled},null,8,["label","onClick","disabled"])):o.createCommentVNode("",!0)]),o.createVNode("div",{ref:"content",class:"p-fileupload-content",onDragenter:t[6]||(t[6]=(...e)=>a.onDragEnter&&a.onDragEnter(...e)),onDragover:t[7]||(t[7]=(...e)=>a.onDragOver&&a.onDragOver(...e)),onDragleave:t[8]||(t[8]=(...e)=>a.onDragLeave&&a.onDragLeave(...e)),onDrop:t[9]||(t[9]=(...e)=>a.onDrop&&a.onDrop(...e))},[a.hasFiles?(o.openBlock(),o.createBlock(r,{key:0,value:s.progress},null,8,["value"])):o.createCommentVNode("",!0),(o.openBlock(!0),o.createBlock(o.Fragment,null,o.renderList(s.messages,(e=>(o.openBlock(),o.createBlock(p,{severity:"error",key:e,onClose:a.onMessageClose},{default:o.withCtx((()=>[o.createTextVNode(o.toDisplayString(e),1)])),_:2},1032,["onClose"])))),128)),a.hasFiles?(o.openBlock(),o.createBlock("div",g,[(o.openBlock(!0),o.createBlock(o.Fragment,null,o.renderList(s.files,((e,t)=>(o.openBlock(),o.createBlock("div",{class:"p-fileupload-row",key:e.name+e.type+e.size},[o.createVNode("div",null,[a.isImage(e)?(o.openBlock(),o.createBlock("img",{key:0,role:"presentation",alt:e.name,src:e.objectURL,width:i.previewWidth},null,8,["alt","src","width"])):o.createCommentVNode("",!0)]),o.createVNode("div",b,o.toDisplayString(e.name),1),o.createVNode("div",null,o.toDisplayString(a.formatSize(e.size)),1),o.createVNode("div",null,[o.createVNode(n,{type:"button",icon:"pi pi-times",onClick:e=>a.remove(t)},null,8,["onClick"])])])))),128))])):o.createCommentVNode("",!0),e.$slots.empty&&!a.hasFiles?(o.openBlock(),o.createBlock("div",v,[o.renderSlot(e.$slots,"empty")])):o.createCommentVNode("",!0)],544)])):a.isBasic?(o.openBlock(),o.createBlock("div",y,[(o.openBlock(!0),o.createBlock(o.Fragment,null,o.renderList(s.messages,(e=>(o.openBlock(),o.createBlock(p,{severity:"error",key:e,onClose:a.onMessageClose},{default:o.withCtx((()=>[o.createTextVNode(o.toDisplayString(e),1)])),_:2},1032,["onClose"])))),128)),o.withDirectives(o.createVNode("span",{class:a.basicChooseButtonClass,style:i.style,onMouseup:t[13]||(t[13]=(...e)=>a.onBasicUploaderClick&&a.onBasicUploaderClick(...e)),onKeydown:t[14]||(t[14]=o.withKeys(((...e)=>a.choose&&a.choose(...e)),["enter"])),onFocus:t[15]||(t[15]=(...e)=>a.onFocus&&a.onFocus(...e)),onBlur:t[16]||(t[16]=(...e)=>a.onBlur&&a.onBlur(...e)),tabindex:"0"},[o.createVNode("span",{class:a.basicChooseButtonIconClass},null,2),o.createVNode("span",B,o.toDisplayString(a.basicChooseButtonLabel),1),a.hasFiles?o.createCommentVNode("",!0):(o.openBlock(),o.createBlock("input",{key:0,ref:"fileInput",type:"file",accept:i.accept,disabled:i.disabled,multiple:i.multiple,onChange:t[10]||(t[10]=(...e)=>a.onFileSelect&&a.onFileSelect(...e)),onFocus:t[11]||(t[11]=(...e)=>a.onFocus&&a.onFocus(...e)),onBlur:t[12]||(t[12]=(...e)=>a.onBlur&&a.onBlur(...e))},null,40,["accept","disabled","multiple"]))],38),[[d]])])):o.createCommentVNode("",!0)},c}(primevue.button,primevue.progressbar,primevue.message,primevue.utils,primevue.ripple,Vue);
|
|
1
|
+
this.primevue=this.primevue||{},this.primevue.fileupload=function(e,t,i,l,s,o){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(e),r=a(t),p=a(i),d=a(s),c={name:"FileUpload",emits:["select","uploader","before-upload","progress","upload","error","before-send","clear","remove"],props:{name:{type:String,default:null},url:{type:String,default:null},mode:{type:String,default:"advanced"},multiple:{type:Boolean,default:!1},accept:{type:String,default:null},disabled:{type:Boolean,default:!1},auto:{type:Boolean,default:!1},maxFileSize:{type:Number,default:null},invalidFileSizeMessage:{type:String,default:"{0}: Invalid file size, file size should be smaller than {1}."},invalidFileTypeMessage:{type:String,default:"{0}: Invalid file type, allowed file types: {1}."},fileLimit:{type:Number,default:null},invalidFileLimitMessage:{type:String,default:"Maximum number of files exceeded, limit is {0} at most."},withCredentials:{type:Boolean,default:!1},previewWidth:{type:Number,default:50},chooseLabel:{type:String,default:null},uploadLabel:{type:String,default:null},cancelLabel:{type:String,default:null},customUpload:{type:Boolean,default:!1},showUploadButton:{type:Boolean,default:!0},showCancelButton:{type:Boolean,default:!0},style:null,class:null},duplicateIEEvent:!1,data:()=>({uploadedFileCount:0,files:[],messages:[],focused:!1,progress:null}),methods:{onFileSelect(e){if("drop"!==e.type&&this.isIE11()&&this.duplicateIEEvent)return void(this.duplicateIEEvent=!1);this.messages=[],this.files=this.files||[];let t=e.dataTransfer?e.dataTransfer.files:e.target.files;for(let e of t)this.isFileSelected(e)||this.validate(e)&&(this.isImage(e)&&(e.objectURL=window.URL.createObjectURL(e)),this.files.push(e));this.$emit("select",{originalEvent:e,files:this.files}),this.fileLimit&&this.checkFileLimit(),this.auto&&this.hasFiles&&!this.isFileLimitExceeded()&&this.upload(),"drop"!==e.type&&this.isIE11()?this.clearIEInput():this.clearInputElement()},choose(){this.$refs.fileInput.click()},upload(){if(this.customUpload)this.fileLimit&&(this.uploadedFileCount+=this.files.length),this.$emit("uploader",{files:this.files}),this.clear();else{let e=new XMLHttpRequest,t=new FormData;this.$emit("before-upload",{xhr:e,formData:t});for(let e of this.files)t.append(this.name,e,e.name);e.upload.addEventListener("progress",(e=>{e.lengthComputable&&(this.progress=Math.round(100*e.loaded/e.total)),this.$emit("progress",{originalEvent:e,progress:this.progress})})),e.onreadystatechange=()=>{4===e.readyState&&(this.progress=0,e.status>=200&&e.status<300?(this.fileLimit&&(this.uploadedFileCount+=this.files.length),this.$emit("upload",{xhr:e,files:this.files})):this.$emit("error",{xhr:e,files:this.files}),this.clear())},e.open("POST",this.url,!0),this.$emit("before-send",{xhr:e,formData:t}),e.withCredentials=this.withCredentials,e.send(t)}},clear(){this.files=[],this.messages=null,this.$emit("clear"),this.isAdvanced&&this.clearInputElement()},onFocus(){this.focused=!0},onBlur(){this.focused=!1},isFileSelected(e){if(this.files&&this.files.length)for(let t of this.files)if(t.name+t.type+t.size===e.name+e.type+e.size)return!0;return!1},isIE11:()=>!!window.MSInputMethodContext&&!!document.documentMode,validate(e){return this.accept&&!this.isFileTypeValid(e)?(this.messages.push(this.invalidFileTypeMessage.replace("{0}",e.name).replace("{1}",this.accept)),!1):!(this.maxFileSize&&e.size>this.maxFileSize)||(this.messages.push(this.invalidFileSizeMessage.replace("{0}",e.name).replace("{1}",this.formatSize(this.maxFileSize))),!1)},isFileTypeValid(e){let t=this.accept.split(",").map((e=>e.trim()));for(let i of t){if(this.isWildcard(i)?this.getTypeClass(e.type)===this.getTypeClass(i):e.type==i||this.getFileExtension(e).toLowerCase()===i.toLowerCase())return!0}return!1},getTypeClass:e=>e.substring(0,e.indexOf("/")),isWildcard:e=>-1!==e.indexOf("*"),getFileExtension:e=>"."+e.name.split(".").pop(),isImage:e=>/^image\//.test(e.type),onDragEnter(e){this.disabled||(e.stopPropagation(),e.preventDefault())},onDragOver(e){this.disabled||(l.DomHandler.addClass(this.$refs.content,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault())},onDragLeave(){this.disabled||l.DomHandler.removeClass(this.$refs.content,"p-fileupload-highlight")},onDrop(e){if(!this.disabled){l.DomHandler.removeClass(this.$refs.content,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault();const t=e.dataTransfer?e.dataTransfer.files:e.target.files;(this.multiple||t&&1===t.length)&&this.onFileSelect(e)}},onBasicUploaderClick(){this.hasFiles?this.upload():this.$refs.fileInput.click()},remove(e){this.clearInputElement();let t=this.files.splice(e,1)[0];this.files=[...this.files],this.$emit("remove",{file:t,files:this.files})},clearInputElement(){this.$refs.fileInput.value=""},clearIEInput(){this.$refs.fileInput&&(this.duplicateIEEvent=!0,this.$refs.fileInput.value="")},formatSize(e){if(0===e)return"0 B";let t=Math.floor(Math.log(e)/Math.log(1e3));return parseFloat((e/Math.pow(1e3,t)).toFixed(3))+" "+["B","KB","MB","GB","TB","PB","EB","ZB","YB"][t]},isFileLimitExceeded(){return this.fileLimit&&this.fileLimit<=this.files.length+this.uploadedFileCount&&this.focused&&(this.focused=!1),this.fileLimit&&this.fileLimit<this.files.length+this.uploadedFileCount},checkFileLimit(){this.isFileLimitExceeded()&&this.messages.push(this.invalidFileLimitMessage.replace("{0}",this.fileLimit.toString()))},onMessageClose(){this.messages=null}},computed:{isAdvanced(){return"advanced"===this.mode},isBasic(){return"basic"===this.mode},advancedChooseButtonClass(){return["p-button p-component p-fileupload-choose",this.class,{"p-disabled":this.disabled,"p-focus":this.focused}]},basicChooseButtonClass(){return["p-button p-component p-fileupload-choose",this.class,{"p-fileupload-choose-selected":this.hasFiles,"p-disabled":this.disabled,"p-focus":this.focused}]},basicChooseButtonIconClass(){return["p-button-icon p-button-icon-left pi",{"pi-plus":!this.hasFiles||this.auto,"pi-upload":this.hasFiles&&!this.auto}]},basicChooseButtonLabel(){return this.auto?this.chooseButtonLabel:this.hasFiles?this.files.map((e=>e.name)).join(", "):this.chooseButtonLabel},hasFiles(){return this.files&&this.files.length>0},chooseDisabled(){return this.disabled||this.fileLimit&&this.fileLimit<=this.files.length+this.uploadedFileCount},uploadDisabled(){return this.disabled||!this.hasFiles||this.fileLimit&&this.fileLimit<this.files.length},cancelDisabled(){return this.disabled||!this.hasFiles},chooseButtonLabel(){return this.chooseLabel||this.$primevue.config.locale.choose},uploadButtonLabel(){return this.uploadLabel||this.$primevue.config.locale.upload},cancelButtonLabel(){return this.cancelLabel||this.$primevue.config.locale.cancel}},components:{FileUploadButton:n.default,FileUploadProgressBar:r.default,FileUploadMessage:p.default},directives:{ripple:d.default}};const u={key:0,class:"p-fileupload p-fileupload-advanced p-component"},h={class:"p-fileupload-buttonbar"},f=o.createVNode("span",{class:"p-button-icon p-button-icon-left pi pi-fw pi-plus"},null,-1),m={class:"p-button-label"},g={key:1,class:"p-fileupload-files"},b={class:"p-fileupload-filename"},v={key:2,class:"p-fileupload-empty"},y={key:1,class:"p-fileupload p-fileupload-basic p-component"},B={class:"p-button-label"};return function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var l=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===i&&l.firstChild?l.insertBefore(s,l.firstChild):l.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e))}}("\n.p-fileupload-content {\n position: relative;\n}\n.p-fileupload-row {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n.p-fileupload-row > div {\n -webkit-box-flex: 1;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n width: 25%;\n}\n.p-fileupload-row > div:last-child {\n text-align: right;\n}\n.p-fileupload-content .p-progressbar {\n width: 100%;\n position: absolute;\n top: 0;\n left: 0;\n}\n.p-button.p-fileupload-choose {\n position: relative;\n overflow: hidden;\n}\n.p-button.p-fileupload-choose input[type=file] {\n display: none;\n}\n.p-fileupload-choose.p-fileupload-choose-selected input[type=file] {\n display: none;\n}\n.p-fileupload-filename {\n word-break: break-all;\n}\n.p-fluid .p-fileupload .p-button {\n width: auto;\n}\n"),c.render=function(e,t,i,l,s,a){const n=o.resolveComponent("FileUploadButton"),r=o.resolveComponent("FileUploadProgressBar"),p=o.resolveComponent("FileUploadMessage"),d=o.resolveDirective("ripple");return a.isAdvanced?(o.openBlock(),o.createBlock("div",u,[o.createVNode("div",h,[o.withDirectives(o.createVNode("span",{class:a.advancedChooseButtonClass,style:i.style,onClick:t[2]||(t[2]=(...e)=>a.choose&&a.choose(...e)),onKeydown:t[3]||(t[3]=o.withKeys(((...e)=>a.choose&&a.choose(...e)),["enter"])),onFocus:t[4]||(t[4]=(...e)=>a.onFocus&&a.onFocus(...e)),onBlur:t[5]||(t[5]=(...e)=>a.onBlur&&a.onBlur(...e)),tabindex:"0"},[o.createVNode("input",{ref:"fileInput",type:"file",onChange:t[1]||(t[1]=(...e)=>a.onFileSelect&&a.onFileSelect(...e)),multiple:i.multiple,accept:i.accept,disabled:a.chooseDisabled},null,40,["multiple","accept","disabled"]),f,o.createVNode("span",m,o.toDisplayString(a.chooseButtonLabel),1)],38),[[d]]),i.showUploadButton?(o.openBlock(),o.createBlock(n,{key:0,label:a.uploadButtonLabel,icon:"pi pi-upload",onClick:a.upload,disabled:a.uploadDisabled},null,8,["label","onClick","disabled"])):o.createCommentVNode("",!0),i.showCancelButton?(o.openBlock(),o.createBlock(n,{key:1,label:a.cancelButtonLabel,icon:"pi pi-times",onClick:a.clear,disabled:a.cancelDisabled},null,8,["label","onClick","disabled"])):o.createCommentVNode("",!0)]),o.createVNode("div",{ref:"content",class:"p-fileupload-content",onDragenter:t[6]||(t[6]=(...e)=>a.onDragEnter&&a.onDragEnter(...e)),onDragover:t[7]||(t[7]=(...e)=>a.onDragOver&&a.onDragOver(...e)),onDragleave:t[8]||(t[8]=(...e)=>a.onDragLeave&&a.onDragLeave(...e)),onDrop:t[9]||(t[9]=(...e)=>a.onDrop&&a.onDrop(...e))},[a.hasFiles?(o.openBlock(),o.createBlock(r,{key:0,value:s.progress},null,8,["value"])):o.createCommentVNode("",!0),(o.openBlock(!0),o.createBlock(o.Fragment,null,o.renderList(s.messages,(e=>(o.openBlock(),o.createBlock(p,{severity:"error",key:e,onClose:a.onMessageClose},{default:o.withCtx((()=>[o.createTextVNode(o.toDisplayString(e),1)])),_:2},1032,["onClose"])))),128)),a.hasFiles?(o.openBlock(),o.createBlock("div",g,[(o.openBlock(!0),o.createBlock(o.Fragment,null,o.renderList(s.files,((e,t)=>(o.openBlock(),o.createBlock("div",{class:"p-fileupload-row",key:e.name+e.type+e.size},[o.createVNode("div",null,[a.isImage(e)?(o.openBlock(),o.createBlock("img",{key:0,role:"presentation",alt:e.name,src:e.objectURL,width:i.previewWidth},null,8,["alt","src","width"])):o.createCommentVNode("",!0)]),o.createVNode("div",b,o.toDisplayString(e.name),1),o.createVNode("div",null,o.toDisplayString(a.formatSize(e.size)),1),o.createVNode("div",null,[o.createVNode(n,{type:"button",icon:"pi pi-times",onClick:e=>a.remove(t)},null,8,["onClick"])])])))),128))])):o.createCommentVNode("",!0),e.$slots.empty&&!a.hasFiles?(o.openBlock(),o.createBlock("div",v,[o.renderSlot(e.$slots,"empty")])):o.createCommentVNode("",!0)],544)])):a.isBasic?(o.openBlock(),o.createBlock("div",y,[(o.openBlock(!0),o.createBlock(o.Fragment,null,o.renderList(s.messages,(e=>(o.openBlock(),o.createBlock(p,{severity:"error",key:e,onClose:a.onMessageClose},{default:o.withCtx((()=>[o.createTextVNode(o.toDisplayString(e),1)])),_:2},1032,["onClose"])))),128)),o.withDirectives(o.createVNode("span",{class:a.basicChooseButtonClass,style:i.style,onMouseup:t[13]||(t[13]=(...e)=>a.onBasicUploaderClick&&a.onBasicUploaderClick(...e)),onKeydown:t[14]||(t[14]=o.withKeys(((...e)=>a.choose&&a.choose(...e)),["enter"])),onFocus:t[15]||(t[15]=(...e)=>a.onFocus&&a.onFocus(...e)),onBlur:t[16]||(t[16]=(...e)=>a.onBlur&&a.onBlur(...e)),tabindex:"0"},[o.createVNode("span",{class:a.basicChooseButtonIconClass},null,2),o.createVNode("span",B,o.toDisplayString(a.basicChooseButtonLabel),1),a.hasFiles?o.createCommentVNode("",!0):(o.openBlock(),o.createBlock("input",{key:0,ref:"fileInput",type:"file",accept:i.accept,disabled:i.disabled,multiple:i.multiple,onChange:t[10]||(t[10]=(...e)=>a.onFileSelect&&a.onFileSelect(...e)),onFocus:t[11]||(t[11]=(...e)=>a.onFocus&&a.onFocus(...e)),onBlur:t[12]||(t[12]=(...e)=>a.onBlur&&a.onBlur(...e))},null,40,["accept","disabled","multiple"]))],38),[[d]])])):o.createCommentVNode("",!0)},c}(primevue.button,primevue.progressbar,primevue.message,primevue.utils,primevue.ripple,Vue);
|
package/menu/Menu.vue
CHANGED
package/menu/menu.cjs.js
CHANGED
package/menu/menu.cjs.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("primevue/utils"),t=require("primevue/overlayeventbus"),i=require("primevue/ripple"),n=require("vue");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=l(t),r={name:"Menuitem",inheritAttrs:!1,emits:["click"],props:{item:null,template:null,exact:null},methods:{onClick(e,t){this.$emit("click",{originalEvent:e,item:this.item,navigate:t})},linkClass(e,t){return["p-menuitem-link",{"p-disabled":this.disabled(e),"router-link-active":t&&t.isActive,"router-link-active-exact":this.exact&&t&&t.isExactActive}]},visible(){return"function"==typeof this.item.visible?this.item.visible():!1!==this.item.visible},disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled,label(){return"function"==typeof this.item.label?this.item.label():this.item.label}},computed:{containerClass(){return["p-menuitem",this.item.class]}},directives:{ripple:l(i).default}};const o={class:"p-menuitem-text"},a={class:"p-menuitem-text"};r.render=function(e,t,i,l,s,r){const c=n.resolveComponent("router-link"),d=n.resolveDirective("ripple");return r.visible()?(n.openBlock(),n.createBlock("li",{key:0,class:r.containerClass,role:"none",style:i.item.style},[i.template?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(i.template),{key:1,item:i.item},null,8,["item"])):(n.openBlock(),n.createBlock(n.Fragment,{key:0},[i.item.to&&!r.disabled(i.item)?(n.openBlock(),n.createBlock(c,{key:0,to:i.item.to,custom:""},{default:n.withCtx((({navigate:e,href:t,isActive:l,isExactActive:s})=>[n.withDirectives(n.createVNode("a",{href:t,onClick:t=>r.onClick(t,e),class:r.linkClass(i.item,{isActive:l,isExactActive:s}),role:"menuitem"},[n.createVNode("span",{class:["p-menuitem-icon",i.item.icon]},null,2),n.createVNode("span",o,n.toDisplayString(r.label()),1)],10,["href","onClick"]),[[d]])])),_:1},8,["to"])):n.withDirectives((n.openBlock(),n.createBlock("a",{key:1,href:i.item.url,class:r.linkClass(i.item),onClick:t[1]||(t[1]=(...e)=>r.onClick&&r.onClick(...e)),target:i.item.target,role:"menuitem",tabindex:r.disabled(i.item)?null:"0"},[n.createVNode("span",{class:["p-menuitem-icon",i.item.icon]},null,2),n.createVNode("span",a,n.toDisplayString(r.label()),1)],10,["href","target","tabindex"])),[[d]])],64))],6)):n.createCommentVNode("",!0)};var c={name:"Menu",emits:["show","hide"],inheritAttrs:!1,props:{popup:{type:Boolean,default:!1},model:{type:Array,default:null},appendTo:{type:String,default:"body"},autoZIndex:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},exact:{type:Boolean,default:!0}},data:()=>({overlayVisible:!1}),target:null,outsideClickListener:null,scrollHandler:null,resizeListener:null,container:null,beforeUnmount(){this.unbindResizeListener(),this.unbindOutsideClickListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.target=null,this.container&&this.autoZIndex&&e.ZIndexUtils.clear(this.container),this.container=null},methods:{itemClick(e){const t=e.item;t.disabled||(t.command&&t.command(e),t.to&&e.navigate&&e.navigate(e.originalEvent),this.hide())},toggle(e){this.overlayVisible?this.hide():this.show(e)},show(e){this.overlayVisible=!0,this.target=e.currentTarget},hide(){this.overlayVisible=!1,this.target=null},onEnter(t){this.alignOverlay(),this.bindOutsideClickListener(),this.bindResizeListener(),this.bindScrollListener(),this.autoZIndex&&e.ZIndexUtils.set("menu",t,this.baseZIndex+this.$primevue.config.zIndex.menu),this.$emit("show")},onLeave(){this.unbindOutsideClickListener(),this.unbindResizeListener(),this.unbindScrollListener(),this.$emit("hide")},onAfterLeave(t){this.autoZIndex&&e.ZIndexUtils.clear(t)},alignOverlay(){e.DomHandler.absolutePosition(this.container,this.target),this.container.style.minWidth=e.DomHandler.getOuterWidth(this.target)+"px"},bindOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=e=>{this.overlayVisible&&this.container&&!this.container.contains(e.target)&&!this.isTargetClicked(e)&&this.hide()},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},bindScrollListener(){this.scrollHandler||(this.scrollHandler=new e.ConnectedOverlayScrollHandler(this.target,(()=>{this.overlayVisible&&this.hide()}))),this.scrollHandler.bindScrollListener()},unbindScrollListener(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()},bindResizeListener(){this.resizeListener||(this.resizeListener=()=>{this.overlayVisible&&this.hide()},window.addEventListener("resize",this.resizeListener))},unbindResizeListener(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},isTargetClicked(){return this.target&&(this.target===
|
|
1
|
+
"use strict";var e=require("primevue/utils"),t=require("primevue/overlayeventbus"),i=require("primevue/ripple"),n=require("vue");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=l(t),r={name:"Menuitem",inheritAttrs:!1,emits:["click"],props:{item:null,template:null,exact:null},methods:{onClick(e,t){this.$emit("click",{originalEvent:e,item:this.item,navigate:t})},linkClass(e,t){return["p-menuitem-link",{"p-disabled":this.disabled(e),"router-link-active":t&&t.isActive,"router-link-active-exact":this.exact&&t&&t.isExactActive}]},visible(){return"function"==typeof this.item.visible?this.item.visible():!1!==this.item.visible},disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled,label(){return"function"==typeof this.item.label?this.item.label():this.item.label}},computed:{containerClass(){return["p-menuitem",this.item.class]}},directives:{ripple:l(i).default}};const o={class:"p-menuitem-text"},a={class:"p-menuitem-text"};r.render=function(e,t,i,l,s,r){const c=n.resolveComponent("router-link"),d=n.resolveDirective("ripple");return r.visible()?(n.openBlock(),n.createBlock("li",{key:0,class:r.containerClass,role:"none",style:i.item.style},[i.template?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(i.template),{key:1,item:i.item},null,8,["item"])):(n.openBlock(),n.createBlock(n.Fragment,{key:0},[i.item.to&&!r.disabled(i.item)?(n.openBlock(),n.createBlock(c,{key:0,to:i.item.to,custom:""},{default:n.withCtx((({navigate:e,href:t,isActive:l,isExactActive:s})=>[n.withDirectives(n.createVNode("a",{href:t,onClick:t=>r.onClick(t,e),class:r.linkClass(i.item,{isActive:l,isExactActive:s}),role:"menuitem"},[n.createVNode("span",{class:["p-menuitem-icon",i.item.icon]},null,2),n.createVNode("span",o,n.toDisplayString(r.label()),1)],10,["href","onClick"]),[[d]])])),_:1},8,["to"])):n.withDirectives((n.openBlock(),n.createBlock("a",{key:1,href:i.item.url,class:r.linkClass(i.item),onClick:t[1]||(t[1]=(...e)=>r.onClick&&r.onClick(...e)),target:i.item.target,role:"menuitem",tabindex:r.disabled(i.item)?null:"0"},[n.createVNode("span",{class:["p-menuitem-icon",i.item.icon]},null,2),n.createVNode("span",a,n.toDisplayString(r.label()),1)],10,["href","target","tabindex"])),[[d]])],64))],6)):n.createCommentVNode("",!0)};var c={name:"Menu",emits:["show","hide"],inheritAttrs:!1,props:{popup:{type:Boolean,default:!1},model:{type:Array,default:null},appendTo:{type:String,default:"body"},autoZIndex:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},exact:{type:Boolean,default:!0}},data:()=>({overlayVisible:!1}),target:null,outsideClickListener:null,scrollHandler:null,resizeListener:null,container:null,beforeUnmount(){this.unbindResizeListener(),this.unbindOutsideClickListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.target=null,this.container&&this.autoZIndex&&e.ZIndexUtils.clear(this.container),this.container=null},methods:{itemClick(e){const t=e.item;t.disabled||(t.command&&t.command(e),t.to&&e.navigate&&e.navigate(e.originalEvent),this.hide())},toggle(e){this.overlayVisible?this.hide():this.show(e)},show(e){this.overlayVisible=!0,this.target=e.currentTarget},hide(){this.overlayVisible=!1,this.target=null},onEnter(t){this.alignOverlay(),this.bindOutsideClickListener(),this.bindResizeListener(),this.bindScrollListener(),this.autoZIndex&&e.ZIndexUtils.set("menu",t,this.baseZIndex+this.$primevue.config.zIndex.menu),this.$emit("show")},onLeave(){this.unbindOutsideClickListener(),this.unbindResizeListener(),this.unbindScrollListener(),this.$emit("hide")},onAfterLeave(t){this.autoZIndex&&e.ZIndexUtils.clear(t)},alignOverlay(){e.DomHandler.absolutePosition(this.container,this.target),this.container.style.minWidth=e.DomHandler.getOuterWidth(this.target)+"px"},bindOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=e=>{this.overlayVisible&&this.container&&!this.container.contains(e.target)&&!this.isTargetClicked(e)&&this.hide()},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},bindScrollListener(){this.scrollHandler||(this.scrollHandler=new e.ConnectedOverlayScrollHandler(this.target,(()=>{this.overlayVisible&&this.hide()}))),this.scrollHandler.bindScrollListener()},unbindScrollListener(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()},bindResizeListener(){this.resizeListener||(this.resizeListener=()=>{this.overlayVisible&&this.hide()},window.addEventListener("resize",this.resizeListener))},unbindResizeListener(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},isTargetClicked(e){return this.target&&(this.target===e.target||this.target.contains(e.target))},visible:e=>"function"==typeof e.visible?e.visible():!1!==e.visible,label:e=>"function"==typeof e.label?e.label():e.label,containerRef(e){this.container=e},onOverlayClick(e){s.default.emit("overlay-click",{originalEvent:e,target:this.target})}},computed:{containerClass(){return["p-menu p-component",{"p-menu-overlay":this.popup,"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]}},components:{Menuitem:r}};const d={class:"p-menu-list p-reset",role:"menu"},u={key:0,class:"p-submenu-header"};!function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===i&&n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}("\n.p-menu-overlay {\n position: absolute;\n top: 0;\n left: 0;\n}\n.p-menu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n.p-menu .p-menuitem-link {\n cursor: pointer;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n}\n.p-menu .p-menuitem-text {\n line-height: 1;\n}\n"),c.render=function(e,t,i,l,s,r){const o=n.resolveComponent("Menuitem");return n.openBlock(),n.createBlock(n.Teleport,{to:i.appendTo,disabled:!i.popup},[n.createVNode(n.Transition,{name:"p-connected-overlay",onEnter:r.onEnter,onLeave:r.onLeave,onAfterLeave:r.onAfterLeave},{default:n.withCtx((()=>[!i.popup||s.overlayVisible?(n.openBlock(),n.createBlock("div",n.mergeProps({key:0,ref:r.containerRef,class:r.containerClass},e.$attrs,{onClick:t[1]||(t[1]=(...e)=>r.onOverlayClick&&r.onOverlayClick(...e))}),[n.createVNode("ul",d,[(n.openBlock(!0),n.createBlock(n.Fragment,null,n.renderList(i.model,((t,l)=>(n.openBlock(),n.createBlock(n.Fragment,{key:r.label(t)+l.toString()},[t.items&&r.visible(t)&&!t.separator?(n.openBlock(),n.createBlock(n.Fragment,{key:0},[t.items?(n.openBlock(),n.createBlock("li",u,[n.renderSlot(e.$slots,"item",{item:t},(()=>[n.createTextVNode(n.toDisplayString(r.label(t)),1)]))])):n.createCommentVNode("",!0),(n.openBlock(!0),n.createBlock(n.Fragment,null,n.renderList(t.items,((t,s)=>(n.openBlock(),n.createBlock(n.Fragment,{key:t.label+l+s},[r.visible(t)&&!t.separator?(n.openBlock(),n.createBlock(o,{key:0,item:t,onClick:r.itemClick,template:e.$slots.item,exact:i.exact},null,8,["item","onClick","template","exact"])):r.visible(t)&&t.separator?(n.openBlock(),n.createBlock("li",{class:["p-menu-separator",t.class],style:t.style,key:"separator"+l+s,role:"separator"},null,6)):n.createCommentVNode("",!0)],64)))),128))],64)):r.visible(t)&&t.separator?(n.openBlock(),n.createBlock("li",{class:["p-menu-separator",t.class],style:t.style,key:"separator"+l.toString(),role:"separator"},null,6)):(n.openBlock(),n.createBlock(o,{key:r.label(t)+l.toString(),item:t,onClick:r.itemClick,template:e.$slots.item,exact:i.exact},null,8,["item","onClick","template","exact"]))],64)))),128))])],16)):n.createCommentVNode("",!0)])),_:3},8,["onEnter","onLeave","onAfterLeave"])],8,["to","disabled"])},module.exports=c;
|
package/menu/menu.esm.js
CHANGED
package/menu/menu.esm.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{ZIndexUtils as e,DomHandler as t,ConnectedOverlayScrollHandler as i}from"primevue/utils";import n from"primevue/overlayeventbus";import l from"primevue/ripple";import{resolveComponent as s,resolveDirective as r,openBlock as a,createBlock as o,Fragment as c,withCtx as d,withDirectives as u,createVNode as m,toDisplayString as p,resolveDynamicComponent as h,createCommentVNode as b,Teleport as v,Transition as y,mergeProps as k,renderList as f,renderSlot as g,createTextVNode as C}from"vue";var L={name:"Menuitem",inheritAttrs:!1,emits:["click"],props:{item:null,template:null,exact:null},methods:{onClick(e,t){this.$emit("click",{originalEvent:e,item:this.item,navigate:t})},linkClass(e,t){return["p-menuitem-link",{"p-disabled":this.disabled(e),"router-link-active":t&&t.isActive,"router-link-active-exact":this.exact&&t&&t.isExactActive}]},visible(){return"function"==typeof this.item.visible?this.item.visible():!1!==this.item.visible},disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled,label(){return"function"==typeof this.item.label?this.item.label():this.item.label}},computed:{containerClass(){return["p-menuitem",this.item.class]}},directives:{ripple:l}};const x={class:"p-menuitem-text"},E={class:"p-menuitem-text"};L.render=function(e,t,i,n,l,v){const y=s("router-link"),k=r("ripple");return v.visible()?(a(),o("li",{key:0,class:v.containerClass,role:"none",style:i.item.style},[i.template?(a(),o(h(i.template),{key:1,item:i.item},null,8,["item"])):(a(),o(c,{key:0},[i.item.to&&!v.disabled(i.item)?(a(),o(y,{key:0,to:i.item.to,custom:""},{default:d((({navigate:e,href:t,isActive:n,isExactActive:l})=>[u(m("a",{href:t,onClick:t=>v.onClick(t,e),class:v.linkClass(i.item,{isActive:n,isExactActive:l}),role:"menuitem"},[m("span",{class:["p-menuitem-icon",i.item.icon]},null,2),m("span",x,p(v.label()),1)],10,["href","onClick"]),[[k]])])),_:1},8,["to"])):u((a(),o("a",{key:1,href:i.item.url,class:v.linkClass(i.item),onClick:t[1]||(t[1]=(...e)=>v.onClick&&v.onClick(...e)),target:i.item.target,role:"menuitem",tabindex:v.disabled(i.item)?null:"0"},[m("span",{class:["p-menuitem-icon",i.item.icon]},null,2),m("span",E,p(v.label()),1)],10,["href","target","tabindex"])),[[k]])],64))],6)):b("",!0)};var z={name:"Menu",emits:["show","hide"],inheritAttrs:!1,props:{popup:{type:Boolean,default:!1},model:{type:Array,default:null},appendTo:{type:String,default:"body"},autoZIndex:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},exact:{type:Boolean,default:!0}},data:()=>({overlayVisible:!1}),target:null,outsideClickListener:null,scrollHandler:null,resizeListener:null,container:null,beforeUnmount(){this.unbindResizeListener(),this.unbindOutsideClickListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.target=null,this.container&&this.autoZIndex&&e.clear(this.container),this.container=null},methods:{itemClick(e){const t=e.item;t.disabled||(t.command&&t.command(e),t.to&&e.navigate&&e.navigate(e.originalEvent),this.hide())},toggle(e){this.overlayVisible?this.hide():this.show(e)},show(e){this.overlayVisible=!0,this.target=e.currentTarget},hide(){this.overlayVisible=!1,this.target=null},onEnter(t){this.alignOverlay(),this.bindOutsideClickListener(),this.bindResizeListener(),this.bindScrollListener(),this.autoZIndex&&e.set("menu",t,this.baseZIndex+this.$primevue.config.zIndex.menu),this.$emit("show")},onLeave(){this.unbindOutsideClickListener(),this.unbindResizeListener(),this.unbindScrollListener(),this.$emit("hide")},onAfterLeave(t){this.autoZIndex&&e.clear(t)},alignOverlay(){t.absolutePosition(this.container,this.target),this.container.style.minWidth=t.getOuterWidth(this.target)+"px"},bindOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=e=>{this.overlayVisible&&this.container&&!this.container.contains(e.target)&&!this.isTargetClicked(e)&&this.hide()},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},bindScrollListener(){this.scrollHandler||(this.scrollHandler=new i(this.target,(()=>{this.overlayVisible&&this.hide()}))),this.scrollHandler.bindScrollListener()},unbindScrollListener(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()},bindResizeListener(){this.resizeListener||(this.resizeListener=()=>{this.overlayVisible&&this.hide()},window.addEventListener("resize",this.resizeListener))},unbindResizeListener(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},isTargetClicked(){return this.target&&(this.target===
|
|
1
|
+
import{ZIndexUtils as e,DomHandler as t,ConnectedOverlayScrollHandler as i}from"primevue/utils";import n from"primevue/overlayeventbus";import l from"primevue/ripple";import{resolveComponent as s,resolveDirective as r,openBlock as a,createBlock as o,Fragment as c,withCtx as d,withDirectives as u,createVNode as m,toDisplayString as p,resolveDynamicComponent as h,createCommentVNode as b,Teleport as v,Transition as y,mergeProps as k,renderList as f,renderSlot as g,createTextVNode as C}from"vue";var L={name:"Menuitem",inheritAttrs:!1,emits:["click"],props:{item:null,template:null,exact:null},methods:{onClick(e,t){this.$emit("click",{originalEvent:e,item:this.item,navigate:t})},linkClass(e,t){return["p-menuitem-link",{"p-disabled":this.disabled(e),"router-link-active":t&&t.isActive,"router-link-active-exact":this.exact&&t&&t.isExactActive}]},visible(){return"function"==typeof this.item.visible?this.item.visible():!1!==this.item.visible},disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled,label(){return"function"==typeof this.item.label?this.item.label():this.item.label}},computed:{containerClass(){return["p-menuitem",this.item.class]}},directives:{ripple:l}};const x={class:"p-menuitem-text"},E={class:"p-menuitem-text"};L.render=function(e,t,i,n,l,v){const y=s("router-link"),k=r("ripple");return v.visible()?(a(),o("li",{key:0,class:v.containerClass,role:"none",style:i.item.style},[i.template?(a(),o(h(i.template),{key:1,item:i.item},null,8,["item"])):(a(),o(c,{key:0},[i.item.to&&!v.disabled(i.item)?(a(),o(y,{key:0,to:i.item.to,custom:""},{default:d((({navigate:e,href:t,isActive:n,isExactActive:l})=>[u(m("a",{href:t,onClick:t=>v.onClick(t,e),class:v.linkClass(i.item,{isActive:n,isExactActive:l}),role:"menuitem"},[m("span",{class:["p-menuitem-icon",i.item.icon]},null,2),m("span",x,p(v.label()),1)],10,["href","onClick"]),[[k]])])),_:1},8,["to"])):u((a(),o("a",{key:1,href:i.item.url,class:v.linkClass(i.item),onClick:t[1]||(t[1]=(...e)=>v.onClick&&v.onClick(...e)),target:i.item.target,role:"menuitem",tabindex:v.disabled(i.item)?null:"0"},[m("span",{class:["p-menuitem-icon",i.item.icon]},null,2),m("span",E,p(v.label()),1)],10,["href","target","tabindex"])),[[k]])],64))],6)):b("",!0)};var z={name:"Menu",emits:["show","hide"],inheritAttrs:!1,props:{popup:{type:Boolean,default:!1},model:{type:Array,default:null},appendTo:{type:String,default:"body"},autoZIndex:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},exact:{type:Boolean,default:!0}},data:()=>({overlayVisible:!1}),target:null,outsideClickListener:null,scrollHandler:null,resizeListener:null,container:null,beforeUnmount(){this.unbindResizeListener(),this.unbindOutsideClickListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.target=null,this.container&&this.autoZIndex&&e.clear(this.container),this.container=null},methods:{itemClick(e){const t=e.item;t.disabled||(t.command&&t.command(e),t.to&&e.navigate&&e.navigate(e.originalEvent),this.hide())},toggle(e){this.overlayVisible?this.hide():this.show(e)},show(e){this.overlayVisible=!0,this.target=e.currentTarget},hide(){this.overlayVisible=!1,this.target=null},onEnter(t){this.alignOverlay(),this.bindOutsideClickListener(),this.bindResizeListener(),this.bindScrollListener(),this.autoZIndex&&e.set("menu",t,this.baseZIndex+this.$primevue.config.zIndex.menu),this.$emit("show")},onLeave(){this.unbindOutsideClickListener(),this.unbindResizeListener(),this.unbindScrollListener(),this.$emit("hide")},onAfterLeave(t){this.autoZIndex&&e.clear(t)},alignOverlay(){t.absolutePosition(this.container,this.target),this.container.style.minWidth=t.getOuterWidth(this.target)+"px"},bindOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=e=>{this.overlayVisible&&this.container&&!this.container.contains(e.target)&&!this.isTargetClicked(e)&&this.hide()},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},bindScrollListener(){this.scrollHandler||(this.scrollHandler=new i(this.target,(()=>{this.overlayVisible&&this.hide()}))),this.scrollHandler.bindScrollListener()},unbindScrollListener(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()},bindResizeListener(){this.resizeListener||(this.resizeListener=()=>{this.overlayVisible&&this.hide()},window.addEventListener("resize",this.resizeListener))},unbindResizeListener(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},isTargetClicked(e){return this.target&&(this.target===e.target||this.target.contains(e.target))},visible:e=>"function"==typeof e.visible?e.visible():!1!==e.visible,label:e=>"function"==typeof e.label?e.label():e.label,containerRef(e){this.container=e},onOverlayClick(e){n.emit("overlay-click",{originalEvent:e,target:this.target})}},computed:{containerClass(){return["p-menu p-component",{"p-menu-overlay":this.popup,"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]}},components:{Menuitem:L}};const A={class:"p-menu-list p-reset",role:"menu"},S={key:0,class:"p-submenu-header"};!function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===i&&n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}("\n.p-menu-overlay {\n position: absolute;\n top: 0;\n left: 0;\n}\n.p-menu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n.p-menu .p-menuitem-link {\n cursor: pointer;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n}\n.p-menu .p-menuitem-text {\n line-height: 1;\n}\n"),z.render=function(e,t,i,n,l,r){const u=s("Menuitem");return a(),o(v,{to:i.appendTo,disabled:!i.popup},[m(y,{name:"p-connected-overlay",onEnter:r.onEnter,onLeave:r.onLeave,onAfterLeave:r.onAfterLeave},{default:d((()=>[!i.popup||l.overlayVisible?(a(),o("div",k({key:0,ref:r.containerRef,class:r.containerClass},e.$attrs,{onClick:t[1]||(t[1]=(...e)=>r.onOverlayClick&&r.onOverlayClick(...e))}),[m("ul",A,[(a(!0),o(c,null,f(i.model,((t,n)=>(a(),o(c,{key:r.label(t)+n.toString()},[t.items&&r.visible(t)&&!t.separator?(a(),o(c,{key:0},[t.items?(a(),o("li",S,[g(e.$slots,"item",{item:t},(()=>[C(p(r.label(t)),1)]))])):b("",!0),(a(!0),o(c,null,f(t.items,((t,l)=>(a(),o(c,{key:t.label+n+l},[r.visible(t)&&!t.separator?(a(),o(u,{key:0,item:t,onClick:r.itemClick,template:e.$slots.item,exact:i.exact},null,8,["item","onClick","template","exact"])):r.visible(t)&&t.separator?(a(),o("li",{class:["p-menu-separator",t.class],style:t.style,key:"separator"+n+l,role:"separator"},null,6)):b("",!0)],64)))),128))],64)):r.visible(t)&&t.separator?(a(),o("li",{class:["p-menu-separator",t.class],style:t.style,key:"separator"+n.toString(),role:"separator"},null,6)):(a(),o(u,{key:r.label(t)+n.toString(),item:t,onClick:r.itemClick,template:e.$slots.item,exact:i.exact},null,8,["item","onClick","template","exact"]))],64)))),128))])],16)):b("",!0)])),_:3},8,["onEnter","onLeave","onAfterLeave"])],8,["to","disabled"])};export default z;
|
package/menu/menu.js
CHANGED
|
@@ -278,7 +278,7 @@ this.primevue.menu = (function (utils, OverlayEventBus, Ripple, vue) {
|
|
|
278
278
|
this.resizeListener = null;
|
|
279
279
|
}
|
|
280
280
|
},
|
|
281
|
-
isTargetClicked() {
|
|
281
|
+
isTargetClicked(event) {
|
|
282
282
|
return this.target && (this.target === event.target || this.target.contains(event.target));
|
|
283
283
|
},
|
|
284
284
|
visible(item) {
|
package/menu/menu.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primevue=this.primevue||{},this.primevue.menu=function(e,t,i,n){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=l(t),r={name:"Menuitem",inheritAttrs:!1,emits:["click"],props:{item:null,template:null,exact:null},methods:{onClick(e,t){this.$emit("click",{originalEvent:e,item:this.item,navigate:t})},linkClass(e,t){return["p-menuitem-link",{"p-disabled":this.disabled(e),"router-link-active":t&&t.isActive,"router-link-active-exact":this.exact&&t&&t.isExactActive}]},visible(){return"function"==typeof this.item.visible?this.item.visible():!1!==this.item.visible},disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled,label(){return"function"==typeof this.item.label?this.item.label():this.item.label}},computed:{containerClass(){return["p-menuitem",this.item.class]}},directives:{ripple:l(i).default}};const o={class:"p-menuitem-text"},a={class:"p-menuitem-text"};r.render=function(e,t,i,l,s,r){const c=n.resolveComponent("router-link"),d=n.resolveDirective("ripple");return r.visible()?(n.openBlock(),n.createBlock("li",{key:0,class:r.containerClass,role:"none",style:i.item.style},[i.template?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(i.template),{key:1,item:i.item},null,8,["item"])):(n.openBlock(),n.createBlock(n.Fragment,{key:0},[i.item.to&&!r.disabled(i.item)?(n.openBlock(),n.createBlock(c,{key:0,to:i.item.to,custom:""},{default:n.withCtx((({navigate:e,href:t,isActive:l,isExactActive:s})=>[n.withDirectives(n.createVNode("a",{href:t,onClick:t=>r.onClick(t,e),class:r.linkClass(i.item,{isActive:l,isExactActive:s}),role:"menuitem"},[n.createVNode("span",{class:["p-menuitem-icon",i.item.icon]},null,2),n.createVNode("span",o,n.toDisplayString(r.label()),1)],10,["href","onClick"]),[[d]])])),_:1},8,["to"])):n.withDirectives((n.openBlock(),n.createBlock("a",{key:1,href:i.item.url,class:r.linkClass(i.item),onClick:t[1]||(t[1]=(...e)=>r.onClick&&r.onClick(...e)),target:i.item.target,role:"menuitem",tabindex:r.disabled(i.item)?null:"0"},[n.createVNode("span",{class:["p-menuitem-icon",i.item.icon]},null,2),n.createVNode("span",a,n.toDisplayString(r.label()),1)],10,["href","target","tabindex"])),[[d]])],64))],6)):n.createCommentVNode("",!0)};var c={name:"Menu",emits:["show","hide"],inheritAttrs:!1,props:{popup:{type:Boolean,default:!1},model:{type:Array,default:null},appendTo:{type:String,default:"body"},autoZIndex:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},exact:{type:Boolean,default:!0}},data:()=>({overlayVisible:!1}),target:null,outsideClickListener:null,scrollHandler:null,resizeListener:null,container:null,beforeUnmount(){this.unbindResizeListener(),this.unbindOutsideClickListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.target=null,this.container&&this.autoZIndex&&e.ZIndexUtils.clear(this.container),this.container=null},methods:{itemClick(e){const t=e.item;t.disabled||(t.command&&t.command(e),t.to&&e.navigate&&e.navigate(e.originalEvent),this.hide())},toggle(e){this.overlayVisible?this.hide():this.show(e)},show(e){this.overlayVisible=!0,this.target=e.currentTarget},hide(){this.overlayVisible=!1,this.target=null},onEnter(t){this.alignOverlay(),this.bindOutsideClickListener(),this.bindResizeListener(),this.bindScrollListener(),this.autoZIndex&&e.ZIndexUtils.set("menu",t,this.baseZIndex+this.$primevue.config.zIndex.menu),this.$emit("show")},onLeave(){this.unbindOutsideClickListener(),this.unbindResizeListener(),this.unbindScrollListener(),this.$emit("hide")},onAfterLeave(t){this.autoZIndex&&e.ZIndexUtils.clear(t)},alignOverlay(){e.DomHandler.absolutePosition(this.container,this.target),this.container.style.minWidth=e.DomHandler.getOuterWidth(this.target)+"px"},bindOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=e=>{this.overlayVisible&&this.container&&!this.container.contains(e.target)&&!this.isTargetClicked(e)&&this.hide()},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},bindScrollListener(){this.scrollHandler||(this.scrollHandler=new e.ConnectedOverlayScrollHandler(this.target,(()=>{this.overlayVisible&&this.hide()}))),this.scrollHandler.bindScrollListener()},unbindScrollListener(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()},bindResizeListener(){this.resizeListener||(this.resizeListener=()=>{this.overlayVisible&&this.hide()},window.addEventListener("resize",this.resizeListener))},unbindResizeListener(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},isTargetClicked(){return this.target&&(this.target===
|
|
1
|
+
this.primevue=this.primevue||{},this.primevue.menu=function(e,t,i,n){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=l(t),r={name:"Menuitem",inheritAttrs:!1,emits:["click"],props:{item:null,template:null,exact:null},methods:{onClick(e,t){this.$emit("click",{originalEvent:e,item:this.item,navigate:t})},linkClass(e,t){return["p-menuitem-link",{"p-disabled":this.disabled(e),"router-link-active":t&&t.isActive,"router-link-active-exact":this.exact&&t&&t.isExactActive}]},visible(){return"function"==typeof this.item.visible?this.item.visible():!1!==this.item.visible},disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled,label(){return"function"==typeof this.item.label?this.item.label():this.item.label}},computed:{containerClass(){return["p-menuitem",this.item.class]}},directives:{ripple:l(i).default}};const o={class:"p-menuitem-text"},a={class:"p-menuitem-text"};r.render=function(e,t,i,l,s,r){const c=n.resolveComponent("router-link"),d=n.resolveDirective("ripple");return r.visible()?(n.openBlock(),n.createBlock("li",{key:0,class:r.containerClass,role:"none",style:i.item.style},[i.template?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(i.template),{key:1,item:i.item},null,8,["item"])):(n.openBlock(),n.createBlock(n.Fragment,{key:0},[i.item.to&&!r.disabled(i.item)?(n.openBlock(),n.createBlock(c,{key:0,to:i.item.to,custom:""},{default:n.withCtx((({navigate:e,href:t,isActive:l,isExactActive:s})=>[n.withDirectives(n.createVNode("a",{href:t,onClick:t=>r.onClick(t,e),class:r.linkClass(i.item,{isActive:l,isExactActive:s}),role:"menuitem"},[n.createVNode("span",{class:["p-menuitem-icon",i.item.icon]},null,2),n.createVNode("span",o,n.toDisplayString(r.label()),1)],10,["href","onClick"]),[[d]])])),_:1},8,["to"])):n.withDirectives((n.openBlock(),n.createBlock("a",{key:1,href:i.item.url,class:r.linkClass(i.item),onClick:t[1]||(t[1]=(...e)=>r.onClick&&r.onClick(...e)),target:i.item.target,role:"menuitem",tabindex:r.disabled(i.item)?null:"0"},[n.createVNode("span",{class:["p-menuitem-icon",i.item.icon]},null,2),n.createVNode("span",a,n.toDisplayString(r.label()),1)],10,["href","target","tabindex"])),[[d]])],64))],6)):n.createCommentVNode("",!0)};var c={name:"Menu",emits:["show","hide"],inheritAttrs:!1,props:{popup:{type:Boolean,default:!1},model:{type:Array,default:null},appendTo:{type:String,default:"body"},autoZIndex:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},exact:{type:Boolean,default:!0}},data:()=>({overlayVisible:!1}),target:null,outsideClickListener:null,scrollHandler:null,resizeListener:null,container:null,beforeUnmount(){this.unbindResizeListener(),this.unbindOutsideClickListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.target=null,this.container&&this.autoZIndex&&e.ZIndexUtils.clear(this.container),this.container=null},methods:{itemClick(e){const t=e.item;t.disabled||(t.command&&t.command(e),t.to&&e.navigate&&e.navigate(e.originalEvent),this.hide())},toggle(e){this.overlayVisible?this.hide():this.show(e)},show(e){this.overlayVisible=!0,this.target=e.currentTarget},hide(){this.overlayVisible=!1,this.target=null},onEnter(t){this.alignOverlay(),this.bindOutsideClickListener(),this.bindResizeListener(),this.bindScrollListener(),this.autoZIndex&&e.ZIndexUtils.set("menu",t,this.baseZIndex+this.$primevue.config.zIndex.menu),this.$emit("show")},onLeave(){this.unbindOutsideClickListener(),this.unbindResizeListener(),this.unbindScrollListener(),this.$emit("hide")},onAfterLeave(t){this.autoZIndex&&e.ZIndexUtils.clear(t)},alignOverlay(){e.DomHandler.absolutePosition(this.container,this.target),this.container.style.minWidth=e.DomHandler.getOuterWidth(this.target)+"px"},bindOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=e=>{this.overlayVisible&&this.container&&!this.container.contains(e.target)&&!this.isTargetClicked(e)&&this.hide()},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},bindScrollListener(){this.scrollHandler||(this.scrollHandler=new e.ConnectedOverlayScrollHandler(this.target,(()=>{this.overlayVisible&&this.hide()}))),this.scrollHandler.bindScrollListener()},unbindScrollListener(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()},bindResizeListener(){this.resizeListener||(this.resizeListener=()=>{this.overlayVisible&&this.hide()},window.addEventListener("resize",this.resizeListener))},unbindResizeListener(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},isTargetClicked(e){return this.target&&(this.target===e.target||this.target.contains(e.target))},visible:e=>"function"==typeof e.visible?e.visible():!1!==e.visible,label:e=>"function"==typeof e.label?e.label():e.label,containerRef(e){this.container=e},onOverlayClick(e){s.default.emit("overlay-click",{originalEvent:e,target:this.target})}},computed:{containerClass(){return["p-menu p-component",{"p-menu-overlay":this.popup,"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]}},components:{Menuitem:r}};const d={class:"p-menu-list p-reset",role:"menu"},m={key:0,class:"p-submenu-header"};return function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===i&&n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}("\n.p-menu-overlay {\n position: absolute;\n top: 0;\n left: 0;\n}\n.p-menu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n.p-menu .p-menuitem-link {\n cursor: pointer;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n}\n.p-menu .p-menuitem-text {\n line-height: 1;\n}\n"),c.render=function(e,t,i,l,s,r){const o=n.resolveComponent("Menuitem");return n.openBlock(),n.createBlock(n.Teleport,{to:i.appendTo,disabled:!i.popup},[n.createVNode(n.Transition,{name:"p-connected-overlay",onEnter:r.onEnter,onLeave:r.onLeave,onAfterLeave:r.onAfterLeave},{default:n.withCtx((()=>[!i.popup||s.overlayVisible?(n.openBlock(),n.createBlock("div",n.mergeProps({key:0,ref:r.containerRef,class:r.containerClass},e.$attrs,{onClick:t[1]||(t[1]=(...e)=>r.onOverlayClick&&r.onOverlayClick(...e))}),[n.createVNode("ul",d,[(n.openBlock(!0),n.createBlock(n.Fragment,null,n.renderList(i.model,((t,l)=>(n.openBlock(),n.createBlock(n.Fragment,{key:r.label(t)+l.toString()},[t.items&&r.visible(t)&&!t.separator?(n.openBlock(),n.createBlock(n.Fragment,{key:0},[t.items?(n.openBlock(),n.createBlock("li",m,[n.renderSlot(e.$slots,"item",{item:t},(()=>[n.createTextVNode(n.toDisplayString(r.label(t)),1)]))])):n.createCommentVNode("",!0),(n.openBlock(!0),n.createBlock(n.Fragment,null,n.renderList(t.items,((t,s)=>(n.openBlock(),n.createBlock(n.Fragment,{key:t.label+l+s},[r.visible(t)&&!t.separator?(n.openBlock(),n.createBlock(o,{key:0,item:t,onClick:r.itemClick,template:e.$slots.item,exact:i.exact},null,8,["item","onClick","template","exact"])):r.visible(t)&&t.separator?(n.openBlock(),n.createBlock("li",{class:["p-menu-separator",t.class],style:t.style,key:"separator"+l+s,role:"separator"},null,6)):n.createCommentVNode("",!0)],64)))),128))],64)):r.visible(t)&&t.separator?(n.openBlock(),n.createBlock("li",{class:["p-menu-separator",t.class],style:t.style,key:"separator"+l.toString(),role:"separator"},null,6)):(n.openBlock(),n.createBlock(o,{key:r.label(t)+l.toString(),item:t,onClick:r.itemClick,template:e.$slots.item,exact:i.exact},null,8,["item","onClick","template","exact"]))],64)))),128))])],16)):n.createCommentVNode("",!0)])),_:3},8,["onEnter","onLeave","onAfterLeave"])],8,["to","disabled"])},c}(primevue.utils,primevue.overlayeventbus,primevue.ripple,Vue);
|
|
@@ -333,8 +333,7 @@ export default {
|
|
|
333
333
|
}
|
|
334
334
|
break;
|
|
335
335
|
|
|
336
|
-
//
|
|
337
|
-
case 13:
|
|
336
|
+
//escape
|
|
338
337
|
case 27:
|
|
339
338
|
if (this.overlayVisible) {
|
|
340
339
|
this.hide();
|
|
@@ -561,7 +560,11 @@ export default {
|
|
|
561
560
|
else if (this.visibleOptions) {
|
|
562
561
|
if (this.optionGroupLabel) {
|
|
563
562
|
value = [];
|
|
564
|
-
this.visibleOptions.forEach(optionGroup =>
|
|
563
|
+
this.visibleOptions.forEach(optionGroup => {
|
|
564
|
+
for (let option of this.getOptionGroupChildren(optionGroup)) {
|
|
565
|
+
value.push(this.getOptionValue(option));
|
|
566
|
+
}
|
|
567
|
+
});
|
|
565
568
|
}
|
|
566
569
|
else {
|
|
567
570
|
value = this.visibleOptions.map(option => this.getOptionValue(option));
|
|
@@ -598,7 +601,7 @@ export default {
|
|
|
598
601
|
}
|
|
599
602
|
},
|
|
600
603
|
computed: {
|
|
601
|
-
|
|
604
|
+
visibleOptions() {
|
|
602
605
|
if (this.filterValue) {
|
|
603
606
|
if (this.optionGroupLabel) {
|
|
604
607
|
let filteredGroups = [];
|
|
@@ -611,7 +614,7 @@ export default {
|
|
|
611
614
|
return filteredGroups
|
|
612
615
|
}
|
|
613
616
|
else {
|
|
614
|
-
return FilterService.filter(this.options, this.searchFields, this.filterValue,
|
|
617
|
+
return FilterService.filter(this.options, this.searchFields, this.filterValue, this.filterMatchMode, this.filterLocale);
|
|
615
618
|
}
|
|
616
619
|
}
|
|
617
620
|
else {
|