primevue 3.24.0 → 3.26.0
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/README.md +64 -176
- package/api/Api.d.ts +284 -292
- package/autocomplete/AutoComplete.d.ts +5 -5
- package/autocomplete/AutoComplete.vue +5 -5
- package/autocomplete/autocomplete.cjs.js +5 -5
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.esm.js +5 -5
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +5 -5
- package/autocomplete/autocomplete.min.js +1 -1
- package/blockui/BlockUI.d.ts +2 -0
- package/calendar/Calendar.d.ts +4 -4
- package/calendar/Calendar.vue +71 -17
- package/calendar/calendar.cjs.js +58 -20
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.esm.js +58 -20
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +58 -20
- package/calendar/calendar.min.js +1 -1
- package/cascadeselect/CascadeSelect.d.ts +4 -4
- package/cascadeselect/CascadeSelect.vue +4 -4
- package/cascadeselect/cascadeselect.cjs.js +4 -4
- package/cascadeselect/cascadeselect.cjs.min.js +1 -1
- package/cascadeselect/cascadeselect.esm.js +4 -4
- package/cascadeselect/cascadeselect.esm.min.js +1 -1
- package/cascadeselect/cascadeselect.js +4 -4
- package/cascadeselect/cascadeselect.min.js +1 -1
- package/checkbox/Checkbox.d.ts +2 -2
- package/checkbox/Checkbox.vue +2 -2
- package/checkbox/checkbox.cjs.js +2 -2
- package/checkbox/checkbox.cjs.min.js +1 -1
- package/checkbox/checkbox.esm.js +2 -2
- package/checkbox/checkbox.esm.min.js +1 -1
- package/checkbox/checkbox.js +2 -2
- package/checkbox/checkbox.min.js +1 -1
- package/chips/Chips.d.ts +4 -3
- package/chips/Chips.vue +2 -2
- package/chips/chips.cjs.js +2 -2
- package/chips/chips.cjs.min.js +1 -1
- package/chips/chips.esm.js +2 -2
- package/chips/chips.esm.min.js +1 -1
- package/chips/chips.js +2 -2
- package/chips/chips.min.js +1 -1
- package/column/Column.d.ts +9 -0
- package/confirmationoptions/ConfirmationOptions.d.ts +1 -0
- package/confirmdialog/ConfirmDialog.d.ts +5 -0
- package/confirmdialog/ConfirmDialog.vue +17 -1
- package/confirmdialog/confirmdialog.cjs.js +7 -2
- package/confirmdialog/confirmdialog.cjs.min.js +1 -1
- package/confirmdialog/confirmdialog.esm.js +7 -2
- package/confirmdialog/confirmdialog.esm.min.js +1 -1
- package/confirmdialog/confirmdialog.js +7 -2
- package/confirmdialog/confirmdialog.min.js +1 -1
- package/confirmpopup/ConfirmPopup.vue +3 -0
- package/confirmpopup/confirmpopup.cjs.js +3 -0
- package/confirmpopup/confirmpopup.cjs.min.js +1 -1
- package/confirmpopup/confirmpopup.esm.js +3 -0
- package/confirmpopup/confirmpopup.esm.min.js +1 -1
- package/confirmpopup/confirmpopup.js +3 -0
- package/confirmpopup/confirmpopup.min.js +1 -1
- package/core/core.js +22 -15
- package/core/core.min.js +4 -4
- package/datatable/DataTable.d.ts +9 -9
- package/datatable/FooterCell.vue +2 -2
- package/datatable/TableBody.vue +6 -1
- package/datatable/datatable.cjs.js +8 -3
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.esm.js +8 -3
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +8 -3
- package/datatable/datatable.min.js +1 -1
- package/dialog/Dialog.vue +24 -7
- package/dialog/dialog.cjs.js +14 -7
- package/dialog/dialog.cjs.min.js +1 -1
- package/dialog/dialog.esm.js +14 -7
- package/dialog/dialog.esm.min.js +1 -1
- package/dialog/dialog.js +14 -7
- package/dialog/dialog.min.js +1 -1
- package/dropdown/Dropdown.d.ts +10 -4
- package/dropdown/Dropdown.vue +5 -5
- package/dropdown/dropdown.cjs.js +5 -5
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.esm.js +5 -5
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +5 -5
- package/dropdown/dropdown.min.js +1 -1
- package/dynamicdialog/DynamicDialog.vue +1 -1
- package/dynamicdialog/dynamicdialog.cjs.js +1 -1
- package/dynamicdialog/dynamicdialog.cjs.min.js +1 -1
- package/dynamicdialog/dynamicdialog.esm.js +2 -2
- package/dynamicdialog/dynamicdialog.esm.min.js +1 -1
- package/dynamicdialog/dynamicdialog.js +1 -1
- package/dynamicdialog/dynamicdialog.min.js +1 -1
- package/editor/Editor.d.ts +1 -0
- package/inplace/Inplace.vue +5 -1
- package/inplace/inplace.cjs.js +10 -2
- package/inplace/inplace.cjs.min.js +1 -1
- package/inplace/inplace.esm.js +10 -3
- package/inplace/inplace.esm.min.js +1 -1
- package/inplace/inplace.js +11 -4
- package/inplace/inplace.min.js +1 -1
- package/inputmask/InputMask.vue +59 -49
- package/inputmask/inputmask.cjs.js +59 -49
- package/inputmask/inputmask.cjs.min.js +1 -1
- package/inputmask/inputmask.esm.js +59 -49
- package/inputmask/inputmask.esm.min.js +1 -1
- package/inputmask/inputmask.js +59 -49
- package/inputmask/inputmask.min.js +1 -1
- package/inputnumber/InputNumber.d.ts +2 -2
- package/inputnumber/InputNumber.vue +2 -2
- package/inputnumber/inputnumber.cjs.js +2 -2
- package/inputnumber/inputnumber.cjs.min.js +1 -1
- package/inputnumber/inputnumber.esm.js +2 -2
- package/inputnumber/inputnumber.esm.min.js +1 -1
- package/inputnumber/inputnumber.js +2 -2
- package/inputnumber/inputnumber.min.js +1 -1
- package/inputswitch/InputSwitch.d.ts +3 -2
- package/inputswitch/InputSwitch.vue +2 -2
- package/inputswitch/inputswitch.cjs.js +2 -2
- package/inputswitch/inputswitch.cjs.min.js +1 -1
- package/inputswitch/inputswitch.esm.js +2 -2
- package/inputswitch/inputswitch.esm.min.js +1 -1
- package/inputswitch/inputswitch.js +2 -2
- package/inputswitch/inputswitch.min.js +1 -1
- package/menuitem/MenuItem.d.ts +1 -1
- package/organizationchart/OrganizationChart.d.ts +3 -2
- package/package.json +1 -1
- package/panel/Panel.d.ts +4 -2
- package/password/Password.d.ts +4 -4
- package/password/Password.vue +4 -4
- package/password/password.cjs.js +4 -4
- package/password/password.cjs.min.js +1 -1
- package/password/password.esm.js +4 -4
- package/password/password.esm.min.js +1 -1
- package/password/password.js +4 -4
- package/password/password.min.js +1 -1
- package/portal/Portal.d.ts +1 -0
- package/radiobutton/RadioButton.d.ts +3 -2
- package/radiobutton/RadioButton.vue +2 -2
- package/radiobutton/radiobutton.cjs.js +2 -2
- package/radiobutton/radiobutton.cjs.min.js +1 -1
- package/radiobutton/radiobutton.esm.js +2 -2
- package/radiobutton/radiobutton.esm.min.js +1 -1
- package/radiobutton/radiobutton.js +2 -2
- package/radiobutton/radiobutton.min.js +1 -1
- package/row/Row.d.ts +1 -1
- package/selectbutton/SelectButton.d.ts +1 -1
- package/selectbutton/SelectButton.vue +2 -2
- package/selectbutton/selectbutton.cjs.js +2 -2
- package/selectbutton/selectbutton.cjs.min.js +1 -1
- package/selectbutton/selectbutton.esm.js +2 -2
- package/selectbutton/selectbutton.esm.min.js +1 -1
- package/selectbutton/selectbutton.js +2 -2
- package/selectbutton/selectbutton.min.js +1 -1
- package/slider/Slider.vue +3 -14
- package/slider/slider.cjs.js +3 -14
- package/slider/slider.cjs.min.js +1 -1
- package/slider/slider.esm.js +3 -14
- package/slider/slider.esm.min.js +1 -1
- package/slider/slider.js +3 -14
- package/slider/slider.min.js +1 -1
- package/splitbutton/SplitButton.vue +4 -2
- package/splitbutton/splitbutton.cjs.js +6 -4
- package/splitbutton/splitbutton.cjs.min.js +1 -1
- package/splitbutton/splitbutton.esm.js +6 -4
- package/splitbutton/splitbutton.esm.min.js +1 -1
- package/splitbutton/splitbutton.js +6 -4
- package/splitbutton/splitbutton.min.js +1 -1
- package/textarea/Textarea.d.ts +1 -0
- package/tieredmenu/TieredMenu.d.ts +2 -0
- package/toast/Toast.d.ts +0 -1
- package/togglebutton/ToggleButton.d.ts +2 -2
- package/togglebutton/ToggleButton.vue +2 -2
- package/togglebutton/togglebutton.cjs.js +2 -2
- package/togglebutton/togglebutton.cjs.min.js +1 -1
- package/togglebutton/togglebutton.esm.js +2 -2
- package/togglebutton/togglebutton.esm.min.js +1 -1
- package/togglebutton/togglebutton.js +2 -2
- package/togglebutton/togglebutton.min.js +1 -1
- package/tooltip/tooltip.cjs.js +1 -1
- package/tooltip/tooltip.cjs.min.js +1 -1
- package/tooltip/tooltip.esm.js +1 -1
- package/tooltip/tooltip.esm.min.js +1 -1
- package/tooltip/tooltip.js +1 -1
- package/tooltip/tooltip.min.js +1 -1
- package/tree/Tree.d.ts +3 -0
- package/treeselect/TreeSelect.d.ts +2 -2
- package/treeselect/TreeSelect.vue +3 -3
- package/treeselect/treeselect.cjs.js +3 -3
- package/treeselect/treeselect.cjs.min.js +1 -1
- package/treeselect/treeselect.esm.js +3 -3
- package/treeselect/treeselect.esm.min.js +1 -1
- package/treeselect/treeselect.js +3 -3
- package/treeselect/treeselect.min.js +1 -1
- package/treetable/TreeTable.d.ts +2 -0
- package/treetable/TreeTable.vue +3 -3
- package/treetable/treetable.cjs.js +3 -3
- package/treetable/treetable.cjs.min.js +1 -1
- package/treetable/treetable.esm.js +3 -3
- package/treetable/treetable.esm.min.js +1 -1
- package/treetable/treetable.js +3 -3
- package/treetable/treetable.min.js +1 -1
- package/tristatecheckbox/TriStateCheckbox.vue +1 -1
- package/tristatecheckbox/tristatecheckbox.cjs.js +1 -1
- package/tristatecheckbox/tristatecheckbox.cjs.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.esm.js +1 -1
- package/tristatecheckbox/tristatecheckbox.esm.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.js +1 -1
- package/tristatecheckbox/tristatecheckbox.min.js +1 -1
- package/vetur-attributes.json +32 -28
- package/vetur-tags.json +2 -1
- package/web-types.json +40 -30
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"primevue/dialog";import t from"primevue/dynamicdialogeventbus";import{UniqueComponentId as n}from"primevue/utils";import{resolveComponent as o,openBlock as i,createElementBlock as s,Fragment as a,renderList as l,createBlock as r,mergeProps as p,createSlots as c,withCtx as m,resolveDynamicComponent as d}from"vue";var
|
|
1
|
+
import e from"primevue/dialog";import t from"primevue/dynamicdialogeventbus";import{UniqueComponentId as n}from"primevue/utils";import{resolveComponent as o,openBlock as i,createElementBlock as s,Fragment as a,renderList as l,createBlock as r,mergeProps as p,createSlots as c,withCtx as m,resolveDynamicComponent as d,normalizeProps as u,guardReactiveProps as f}from"vue";var h={name:"DynamicDialog",inheritAttrs:!1,data:()=>({instanceMap:{}}),openListener:null,closeListener:null,currentInstance:null,mounted(){this.openListener=({instance:e})=>{const t=n()+"_dynamic_dialog";e.visible=!0,e.key=t,this.instanceMap[t]=e},this.closeListener=({instance:e,params:t})=>{const n=e.key,o=this.instanceMap[n];o&&(o.visible=!1,o.options.onClose&&o.options.onClose({data:t,type:"config-close"}),this.currentInstance=o)},t.on("open",this.openListener),t.on("close",this.closeListener)},beforeUnmount(){t.off("open",this.openListener),t.off("close",this.closeListener)},methods:{onDialogHide(e){!this.currentInstance&&e.options.onClose&&e.options.onClose({type:"dialog-close"})},onDialogAfterHide(){this.currentInstance&&delete this.currentInstance,this.currentInstance=null},getTemplateItems:e=>Array.isArray(e)?e:[e]},components:{DDialog:e}};h.render=function(e,t,n,h,v,g){const y=o("DDialog");return i(!0),s(a,null,l(v.instanceMap,((e,t)=>(i(),r(y,p({key:t,visible:e.visible,"onUpdate:visible":t=>e.visible=t,_instance:e},e.options.props,{onHide:t=>g.onDialogHide(e),onAfterHide:g.onDialogAfterHide}),c({default:m((()=>[(i(),r(d(e.content),u(f(e.options.emits)),null,16))])),_:2},[e.options.templates&&e.options.templates.header?{name:"header",fn:m((()=>[(i(!0),s(a,null,l(g.getTemplateItems(e.options.templates.header),((e,t)=>(i(),r(d(e),{key:t+"_header"})))),128))])),key:"0"}:void 0,e.options.templates&&e.options.templates.footer?{name:"footer",fn:m((()=>[(i(!0),s(a,null,l(g.getTemplateItems(e.options.templates.footer),((e,t)=>(i(),r(d(e),{key:t+"_footer"})))),128))])),key:"1"}:void 0]),1040,["visible","onUpdate:visible","_instance","onHide","onAfterHide"])))),128)};export{h as default};
|
|
@@ -77,7 +77,7 @@ this.primevue.dynamicdialog = (function (Dialog, DynamicDialogEventBus, utils, v
|
|
|
77
77
|
onAfterHide: $options.onDialogAfterHide
|
|
78
78
|
}), vue.createSlots({
|
|
79
79
|
default: vue.withCtx(() => [
|
|
80
|
-
(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(instance.content)))
|
|
80
|
+
(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(instance.content), vue.normalizeProps(vue.guardReactiveProps(instance.options.emits)), null, 16))
|
|
81
81
|
]),
|
|
82
82
|
_: 2
|
|
83
83
|
}, [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primevue=this.primevue||{},this.primevue.dynamicdialog=function(e,t,n,o){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=i(e),l=i(t),a={name:"DynamicDialog",inheritAttrs:!1,data:()=>({instanceMap:{}}),openListener:null,closeListener:null,currentInstance:null,mounted(){this.openListener=({instance:e})=>{const t=n.UniqueComponentId()+"_dynamic_dialog";e.visible=!0,e.key=t,this.instanceMap[t]=e},this.closeListener=({instance:e,params:t})=>{const n=e.key,o=this.instanceMap[n];o&&(o.visible=!1,o.options.onClose&&o.options.onClose({data:t,type:"config-close"}),this.currentInstance=o)},l.default.on("open",this.openListener),l.default.on("close",this.closeListener)},beforeUnmount(){l.default.off("open",this.openListener),l.default.off("close",this.closeListener)},methods:{onDialogHide(e){!this.currentInstance&&e.options.onClose&&e.options.onClose({type:"dialog-close"})},onDialogAfterHide(){this.currentInstance&&delete this.currentInstance,this.currentInstance=null},getTemplateItems:e=>Array.isArray(e)?e:[e]},components:{DDialog:s.default}};return a.render=function(e,t,n,i,s,l){const a=o.resolveComponent("DDialog");return o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(s.instanceMap,((e,t)=>(o.openBlock(),o.createBlock(a,o.mergeProps({key:t,visible:e.visible,"onUpdate:visible":t=>e.visible=t,_instance:e},e.options.props,{onHide:t=>l.onDialogHide(e),onAfterHide:l.onDialogAfterHide}),o.createSlots({default:o.withCtx((()=>[(o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.content)))])),_:2},[e.options.templates&&e.options.templates.header?{name:"header",fn:o.withCtx((()=>[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(l.getTemplateItems(e.options.templates.header),((e,t)=>(o.openBlock(),o.createBlock(o.resolveDynamicComponent(e),{key:t+"_header"})))),128))])),key:"0"}:void 0,e.options.templates&&e.options.templates.footer?{name:"footer",fn:o.withCtx((()=>[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(l.getTemplateItems(e.options.templates.footer),((e,t)=>(o.openBlock(),o.createBlock(o.resolveDynamicComponent(e),{key:t+"_footer"})))),128))])),key:"1"}:void 0]),1040,["visible","onUpdate:visible","_instance","onHide","onAfterHide"])))),128)},a}(primevue.dialog,primevue.dynamicdialogeventbus,primevue.utils,Vue);
|
|
1
|
+
this.primevue=this.primevue||{},this.primevue.dynamicdialog=function(e,t,n,o){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=i(e),l=i(t),a={name:"DynamicDialog",inheritAttrs:!1,data:()=>({instanceMap:{}}),openListener:null,closeListener:null,currentInstance:null,mounted(){this.openListener=({instance:e})=>{const t=n.UniqueComponentId()+"_dynamic_dialog";e.visible=!0,e.key=t,this.instanceMap[t]=e},this.closeListener=({instance:e,params:t})=>{const n=e.key,o=this.instanceMap[n];o&&(o.visible=!1,o.options.onClose&&o.options.onClose({data:t,type:"config-close"}),this.currentInstance=o)},l.default.on("open",this.openListener),l.default.on("close",this.closeListener)},beforeUnmount(){l.default.off("open",this.openListener),l.default.off("close",this.closeListener)},methods:{onDialogHide(e){!this.currentInstance&&e.options.onClose&&e.options.onClose({type:"dialog-close"})},onDialogAfterHide(){this.currentInstance&&delete this.currentInstance,this.currentInstance=null},getTemplateItems:e=>Array.isArray(e)?e:[e]},components:{DDialog:s.default}};return a.render=function(e,t,n,i,s,l){const a=o.resolveComponent("DDialog");return o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(s.instanceMap,((e,t)=>(o.openBlock(),o.createBlock(a,o.mergeProps({key:t,visible:e.visible,"onUpdate:visible":t=>e.visible=t,_instance:e},e.options.props,{onHide:t=>l.onDialogHide(e),onAfterHide:l.onDialogAfterHide}),o.createSlots({default:o.withCtx((()=>[(o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.content),o.normalizeProps(o.guardReactiveProps(e.options.emits)),null,16))])),_:2},[e.options.templates&&e.options.templates.header?{name:"header",fn:o.withCtx((()=>[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(l.getTemplateItems(e.options.templates.header),((e,t)=>(o.openBlock(),o.createBlock(o.resolveDynamicComponent(e),{key:t+"_header"})))),128))])),key:"0"}:void 0,e.options.templates&&e.options.templates.footer?{name:"footer",fn:o.withCtx((()=>[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(l.getTemplateItems(e.options.templates.footer),((e,t)=>(o.openBlock(),o.createBlock(o.resolveDynamicComponent(e),{key:t+"_footer"})))),128))])),key:"1"}:void 0]),1040,["visible","onUpdate:visible","_instance","onHide","onAfterHide"])))),128)},a}(primevue.dialog,primevue.dynamicdialogeventbus,primevue.utils,Vue);
|
package/editor/Editor.d.ts
CHANGED
package/inplace/Inplace.vue
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<div :class="containerClass" aria-live="polite">
|
|
2
|
+
<div v-focustrap :class="containerClass" aria-live="polite">
|
|
3
3
|
<div v-if="!d_active" ref="display" :class="displayClass" :tabindex="$attrs.tabindex || '0'" role="button" @click="open" @keydown.enter="open" v-bind="displayProps">
|
|
4
4
|
<slot name="display"></slot>
|
|
5
5
|
</div>
|
|
@@ -12,6 +12,7 @@
|
|
|
12
12
|
|
|
13
13
|
<script>
|
|
14
14
|
import Button from 'primevue/button';
|
|
15
|
+
import FocusTrap from 'primevue/focustrap';
|
|
15
16
|
|
|
16
17
|
export default {
|
|
17
18
|
name: 'Inplace',
|
|
@@ -84,6 +85,9 @@ export default {
|
|
|
84
85
|
},
|
|
85
86
|
components: {
|
|
86
87
|
IPButton: Button
|
|
88
|
+
},
|
|
89
|
+
directives: {
|
|
90
|
+
focustrap: FocusTrap
|
|
87
91
|
}
|
|
88
92
|
};
|
|
89
93
|
</script>
|
package/inplace/inplace.cjs.js
CHANGED
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var Button = require('primevue/button');
|
|
4
|
+
var FocusTrap = require('primevue/focustrap');
|
|
4
5
|
var vue = require('vue');
|
|
5
6
|
|
|
6
7
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
7
8
|
|
|
8
9
|
var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
|
|
10
|
+
var FocusTrap__default = /*#__PURE__*/_interopDefaultLegacy(FocusTrap);
|
|
9
11
|
|
|
10
12
|
var script = {
|
|
11
13
|
name: 'Inplace',
|
|
@@ -78,6 +80,9 @@ var script = {
|
|
|
78
80
|
},
|
|
79
81
|
components: {
|
|
80
82
|
IPButton: Button__default["default"]
|
|
83
|
+
},
|
|
84
|
+
directives: {
|
|
85
|
+
focustrap: FocusTrap__default["default"]
|
|
81
86
|
}
|
|
82
87
|
};
|
|
83
88
|
|
|
@@ -89,8 +94,9 @@ const _hoisted_2 = {
|
|
|
89
94
|
|
|
90
95
|
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
91
96
|
const _component_IPButton = vue.resolveComponent("IPButton");
|
|
97
|
+
const _directive_focustrap = vue.resolveDirective("focustrap");
|
|
92
98
|
|
|
93
|
-
return (vue.openBlock(), vue.createElementBlock("div", {
|
|
99
|
+
return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
|
|
94
100
|
class: vue.normalizeClass($options.containerClass),
|
|
95
101
|
"aria-live": "polite"
|
|
96
102
|
}, [
|
|
@@ -117,7 +123,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
117
123
|
}, $props.closeButtonProps), null, 16, ["icon", "aria-label", "onClick"]))
|
|
118
124
|
: vue.createCommentVNode("", true)
|
|
119
125
|
]))
|
|
120
|
-
], 2))
|
|
126
|
+
], 2)), [
|
|
127
|
+
[_directive_focustrap]
|
|
128
|
+
])
|
|
121
129
|
}
|
|
122
130
|
|
|
123
131
|
function styleInject(css, ref) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("primevue/button"),t=require("vue");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var
|
|
1
|
+
"use strict";var e=require("primevue/button"),t=require("primevue/focustrap"),l=require("vue");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=n(e),a=n(t),o={name:"Inplace",emits:["open","close","update:active"],props:{closable:{type:Boolean,default:!1},active:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},closeIcon:{type:String,default:"pi pi-times"},displayProps:{type:null,default:null},closeButtonProps:{type:null,default:null}},data(){return{d_active:this.active}},watch:{active(e){this.d_active=e}},methods:{open(e){this.disabled||(this.$emit("open",e),this.d_active=!0,this.$emit("update:active",!0))},close(e){this.$emit("close",e),this.d_active=!1,this.$emit("update:active",!1),setTimeout((()=>{this.$refs.display.focus()}),0)}},computed:{containerClass(){return["p-inplace p-component",{"p-inplace-closable":this.closable}]},displayClass(){return["p-inplace-display",{"p-disabled":this.disabled}]},closeAriaLabel(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.close:void 0}},components:{IPButton:i.default},directives:{focustrap:a.default}};const s=["tabindex"],c={key:1,class:"p-inplace-content"};!function(e,t){void 0===t&&(t={});var l=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===l&&n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}("\n.p-inplace .p-inplace-display {\n display: inline;\n cursor: pointer;\n}\n.p-inplace .p-inplace-content {\n display: inline;\n}\n.p-fluid .p-inplace.p-inplace-closable .p-inplace-content {\n display: flex;\n}\n.p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {\n flex: 1 1 auto;\n width: 1%;\n}\n"),o.render=function(e,t,n,i,a,o){const p=l.resolveComponent("IPButton"),r=l.resolveDirective("focustrap");return l.withDirectives((l.openBlock(),l.createElementBlock("div",{class:l.normalizeClass(o.containerClass),"aria-live":"polite"},[a.d_active?(l.openBlock(),l.createElementBlock("div",c,[l.renderSlot(e.$slots,"content"),n.closable?(l.openBlock(),l.createBlock(p,l.mergeProps({key:0,icon:n.closeIcon,"aria-label":o.closeAriaLabel,onClick:o.close},n.closeButtonProps),null,16,["icon","aria-label","onClick"])):l.createCommentVNode("",!0)])):(l.openBlock(),l.createElementBlock("div",l.mergeProps({key:0,ref:"display",class:o.displayClass,tabindex:e.$attrs.tabindex||"0",role:"button",onClick:t[0]||(t[0]=(...e)=>o.open&&o.open(...e)),onKeydown:t[1]||(t[1]=l.withKeys(((...e)=>o.open&&o.open(...e)),["enter"]))},n.displayProps),[l.renderSlot(e.$slots,"display")],16,s))],2)),[[r]])},module.exports=o;
|
package/inplace/inplace.esm.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import Button from 'primevue/button';
|
|
2
|
-
import
|
|
2
|
+
import FocusTrap from 'primevue/focustrap';
|
|
3
|
+
import { resolveComponent, resolveDirective, withDirectives, openBlock, createElementBlock, normalizeClass, mergeProps, withKeys, renderSlot, createBlock, createCommentVNode } from 'vue';
|
|
3
4
|
|
|
4
5
|
var script = {
|
|
5
6
|
name: 'Inplace',
|
|
@@ -72,6 +73,9 @@ var script = {
|
|
|
72
73
|
},
|
|
73
74
|
components: {
|
|
74
75
|
IPButton: Button
|
|
76
|
+
},
|
|
77
|
+
directives: {
|
|
78
|
+
focustrap: FocusTrap
|
|
75
79
|
}
|
|
76
80
|
};
|
|
77
81
|
|
|
@@ -83,8 +87,9 @@ const _hoisted_2 = {
|
|
|
83
87
|
|
|
84
88
|
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
85
89
|
const _component_IPButton = resolveComponent("IPButton");
|
|
90
|
+
const _directive_focustrap = resolveDirective("focustrap");
|
|
86
91
|
|
|
87
|
-
return (openBlock(), createElementBlock("div", {
|
|
92
|
+
return withDirectives((openBlock(), createElementBlock("div", {
|
|
88
93
|
class: normalizeClass($options.containerClass),
|
|
89
94
|
"aria-live": "polite"
|
|
90
95
|
}, [
|
|
@@ -111,7 +116,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
111
116
|
}, $props.closeButtonProps), null, 16, ["icon", "aria-label", "onClick"]))
|
|
112
117
|
: createCommentVNode("", true)
|
|
113
118
|
]))
|
|
114
|
-
], 2))
|
|
119
|
+
], 2)), [
|
|
120
|
+
[_directive_focustrap]
|
|
121
|
+
])
|
|
115
122
|
}
|
|
116
123
|
|
|
117
124
|
function styleInject(css, ref) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"primevue/button";import{resolveComponent as
|
|
1
|
+
import e from"primevue/button";import t from"primevue/focustrap";import{resolveComponent as i,resolveDirective as n,withDirectives as l,openBlock as a,createElementBlock as o,normalizeClass as s,mergeProps as p,withKeys as c,renderSlot as d,createBlock as r,createCommentVNode as u}from"vue";var f={name:"Inplace",emits:["open","close","update:active"],props:{closable:{type:Boolean,default:!1},active:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},closeIcon:{type:String,default:"pi pi-times"},displayProps:{type:null,default:null},closeButtonProps:{type:null,default:null}},data(){return{d_active:this.active}},watch:{active(e){this.d_active=e}},methods:{open(e){this.disabled||(this.$emit("open",e),this.d_active=!0,this.$emit("update:active",!0))},close(e){this.$emit("close",e),this.d_active=!1,this.$emit("update:active",!1),setTimeout((()=>{this.$refs.display.focus()}),0)}},computed:{containerClass(){return["p-inplace p-component",{"p-inplace-closable":this.closable}]},displayClass(){return["p-inplace-display",{"p-disabled":this.disabled}]},closeAriaLabel(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.close:void 0}},components:{IPButton:e},directives:{focustrap:t}};const m=["tabindex"],y={key:1,class:"p-inplace-content"};!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-inplace .p-inplace-display {\n display: inline;\n cursor: pointer;\n}\n.p-inplace .p-inplace-content {\n display: inline;\n}\n.p-fluid .p-inplace.p-inplace-closable .p-inplace-content {\n display: flex;\n}\n.p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {\n flex: 1 1 auto;\n width: 1%;\n}\n"),f.render=function(e,t,f,v,h,b){const C=i("IPButton"),x=n("focustrap");return l((a(),o("div",{class:s(b.containerClass),"aria-live":"polite"},[h.d_active?(a(),o("div",y,[d(e.$slots,"content"),f.closable?(a(),r(C,p({key:0,icon:f.closeIcon,"aria-label":b.closeAriaLabel,onClick:b.close},f.closeButtonProps),null,16,["icon","aria-label","onClick"])):u("",!0)])):(a(),o("div",p({key:0,ref:"display",class:b.displayClass,tabindex:e.$attrs.tabindex||"0",role:"button",onClick:t[0]||(t[0]=(...e)=>b.open&&b.open(...e)),onKeydown:t[1]||(t[1]=c(((...e)=>b.open&&b.open(...e)),["enter"]))},f.displayProps),[d(e.$slots,"display")],16,m))],2)),[[x]])};export{f as default};
|
package/inplace/inplace.js
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
this.primevue = this.primevue || {};
|
|
2
|
-
this.primevue.inplace = (function (Button, vue) {
|
|
2
|
+
this.primevue.inplace = (function (Button, FocusTrap, vue) {
|
|
3
3
|
'use strict';
|
|
4
4
|
|
|
5
5
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
6
6
|
|
|
7
7
|
var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
|
|
8
|
+
var FocusTrap__default = /*#__PURE__*/_interopDefaultLegacy(FocusTrap);
|
|
8
9
|
|
|
9
10
|
var script = {
|
|
10
11
|
name: 'Inplace',
|
|
@@ -77,6 +78,9 @@ this.primevue.inplace = (function (Button, vue) {
|
|
|
77
78
|
},
|
|
78
79
|
components: {
|
|
79
80
|
IPButton: Button__default["default"]
|
|
81
|
+
},
|
|
82
|
+
directives: {
|
|
83
|
+
focustrap: FocusTrap__default["default"]
|
|
80
84
|
}
|
|
81
85
|
};
|
|
82
86
|
|
|
@@ -88,8 +92,9 @@ this.primevue.inplace = (function (Button, vue) {
|
|
|
88
92
|
|
|
89
93
|
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
90
94
|
const _component_IPButton = vue.resolveComponent("IPButton");
|
|
95
|
+
const _directive_focustrap = vue.resolveDirective("focustrap");
|
|
91
96
|
|
|
92
|
-
return (vue.openBlock(), vue.createElementBlock("div", {
|
|
97
|
+
return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
|
|
93
98
|
class: vue.normalizeClass($options.containerClass),
|
|
94
99
|
"aria-live": "polite"
|
|
95
100
|
}, [
|
|
@@ -116,7 +121,9 @@ this.primevue.inplace = (function (Button, vue) {
|
|
|
116
121
|
}, $props.closeButtonProps), null, 16, ["icon", "aria-label", "onClick"]))
|
|
117
122
|
: vue.createCommentVNode("", true)
|
|
118
123
|
]))
|
|
119
|
-
], 2))
|
|
124
|
+
], 2)), [
|
|
125
|
+
[_directive_focustrap]
|
|
126
|
+
])
|
|
120
127
|
}
|
|
121
128
|
|
|
122
129
|
function styleInject(css, ref) {
|
|
@@ -153,4 +160,4 @@ this.primevue.inplace = (function (Button, vue) {
|
|
|
153
160
|
|
|
154
161
|
return script;
|
|
155
162
|
|
|
156
|
-
})(primevue.button, Vue);
|
|
163
|
+
})(primevue.button, primevue.focustrap, Vue);
|
package/inplace/inplace.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primevue=this.primevue||{},this.primevue.inplace=function(e,t){"use strict";function
|
|
1
|
+
this.primevue=this.primevue||{},this.primevue.inplace=function(e,t,n){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=i(e),a=i(t),o={name:"Inplace",emits:["open","close","update:active"],props:{closable:{type:Boolean,default:!1},active:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},closeIcon:{type:String,default:"pi pi-times"},displayProps:{type:null,default:null},closeButtonProps:{type:null,default:null}},data(){return{d_active:this.active}},watch:{active(e){this.d_active=e}},methods:{open(e){this.disabled||(this.$emit("open",e),this.d_active=!0,this.$emit("update:active",!0))},close(e){this.$emit("close",e),this.d_active=!1,this.$emit("update:active",!1),setTimeout((()=>{this.$refs.display.focus()}),0)}},computed:{containerClass(){return["p-inplace p-component",{"p-inplace-closable":this.closable}]},displayClass(){return["p-inplace-display",{"p-disabled":this.disabled}]},closeAriaLabel(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.close:void 0}},components:{IPButton:l.default},directives:{focustrap:a.default}};const s=["tabindex"],c={key:1,class:"p-inplace-content"};return function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===n&&i.firstChild?i.insertBefore(l,i.firstChild):i.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}("\n.p-inplace .p-inplace-display {\n display: inline;\n cursor: pointer;\n}\n.p-inplace .p-inplace-content {\n display: inline;\n}\n.p-fluid .p-inplace.p-inplace-closable .p-inplace-content {\n display: flex;\n}\n.p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {\n flex: 1 1 auto;\n width: 1%;\n}\n"),o.render=function(e,t,i,l,a,o){const p=n.resolveComponent("IPButton"),r=n.resolveDirective("focustrap");return n.withDirectives((n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(o.containerClass),"aria-live":"polite"},[a.d_active?(n.openBlock(),n.createElementBlock("div",c,[n.renderSlot(e.$slots,"content"),i.closable?(n.openBlock(),n.createBlock(p,n.mergeProps({key:0,icon:i.closeIcon,"aria-label":o.closeAriaLabel,onClick:o.close},i.closeButtonProps),null,16,["icon","aria-label","onClick"])):n.createCommentVNode("",!0)])):(n.openBlock(),n.createElementBlock("div",n.mergeProps({key:0,ref:"display",class:o.displayClass,tabindex:e.$attrs.tabindex||"0",role:"button",onClick:t[0]||(t[0]=(...e)=>o.open&&o.open(...e)),onKeydown:t[1]||(t[1]=n.withKeys(((...e)=>o.open&&o.open(...e)),["enter"]))},i.displayProps),[n.renderSlot(e.$slots,"display")],16,s))],2)),[[r]])},o}(primevue.button,primevue.focustrap,Vue);
|
package/inputmask/InputMask.vue
CHANGED
|
@@ -31,57 +31,15 @@ export default {
|
|
|
31
31
|
default: false
|
|
32
32
|
}
|
|
33
33
|
},
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
this.firstNonMaskPos = null;
|
|
39
|
-
this.defs = {
|
|
40
|
-
9: '[0-9]',
|
|
41
|
-
a: '[A-Za-z]',
|
|
42
|
-
'*': '[A-Za-z0-9]'
|
|
43
|
-
};
|
|
44
|
-
|
|
45
|
-
let ua = DomHandler.getUserAgent();
|
|
46
|
-
|
|
47
|
-
this.androidChrome = /chrome/i.test(ua) && /android/i.test(ua);
|
|
48
|
-
|
|
49
|
-
let maskTokens = this.mask.split('');
|
|
50
|
-
|
|
51
|
-
for (let i = 0; i < maskTokens.length; i++) {
|
|
52
|
-
let c = maskTokens[i];
|
|
53
|
-
|
|
54
|
-
if (c === '?') {
|
|
55
|
-
this.len--;
|
|
56
|
-
this.partialPosition = i;
|
|
57
|
-
} else if (this.defs[c]) {
|
|
58
|
-
this.tests.push(new RegExp(this.defs[c]));
|
|
59
|
-
|
|
60
|
-
if (this.firstNonMaskPos === null) {
|
|
61
|
-
this.firstNonMaskPos = this.tests.length - 1;
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
if (i < this.partialPosition) {
|
|
65
|
-
this.lastRequiredNonMaskPos = this.tests.length - 1;
|
|
66
|
-
}
|
|
67
|
-
} else {
|
|
68
|
-
this.tests.push(null);
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
this.buffer = [];
|
|
73
|
-
|
|
74
|
-
for (let i = 0; i < maskTokens.length; i++) {
|
|
75
|
-
let c = maskTokens[i];
|
|
76
|
-
|
|
77
|
-
if (c !== '?') {
|
|
78
|
-
if (this.defs[c]) this.buffer.push(this.getPlaceholder(i));
|
|
79
|
-
else this.buffer.push(c);
|
|
34
|
+
watch: {
|
|
35
|
+
mask(newMask, oldMask) {
|
|
36
|
+
if (oldMask !== newMask) {
|
|
37
|
+
this.initMask();
|
|
80
38
|
}
|
|
81
39
|
}
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
this.
|
|
40
|
+
},
|
|
41
|
+
mounted() {
|
|
42
|
+
this.initMask();
|
|
85
43
|
},
|
|
86
44
|
updated() {
|
|
87
45
|
if (this.isValueUpdated()) {
|
|
@@ -500,6 +458,58 @@ export default {
|
|
|
500
458
|
this.focusText = this.$el.value;
|
|
501
459
|
}
|
|
502
460
|
},
|
|
461
|
+
initMask() {
|
|
462
|
+
this.tests = [];
|
|
463
|
+
this.partialPosition = this.mask.length;
|
|
464
|
+
this.len = this.mask.length;
|
|
465
|
+
this.firstNonMaskPos = null;
|
|
466
|
+
this.defs = {
|
|
467
|
+
9: '[0-9]',
|
|
468
|
+
a: '[A-Za-z]',
|
|
469
|
+
'*': '[A-Za-z0-9]'
|
|
470
|
+
};
|
|
471
|
+
|
|
472
|
+
let ua = DomHandler.getUserAgent();
|
|
473
|
+
|
|
474
|
+
this.androidChrome = /chrome/i.test(ua) && /android/i.test(ua);
|
|
475
|
+
|
|
476
|
+
let maskTokens = this.mask.split('');
|
|
477
|
+
|
|
478
|
+
for (let i = 0; i < maskTokens.length; i++) {
|
|
479
|
+
let c = maskTokens[i];
|
|
480
|
+
|
|
481
|
+
if (c === '?') {
|
|
482
|
+
this.len--;
|
|
483
|
+
this.partialPosition = i;
|
|
484
|
+
} else if (this.defs[c]) {
|
|
485
|
+
this.tests.push(new RegExp(this.defs[c]));
|
|
486
|
+
|
|
487
|
+
if (this.firstNonMaskPos === null) {
|
|
488
|
+
this.firstNonMaskPos = this.tests.length - 1;
|
|
489
|
+
}
|
|
490
|
+
|
|
491
|
+
if (i < this.partialPosition) {
|
|
492
|
+
this.lastRequiredNonMaskPos = this.tests.length - 1;
|
|
493
|
+
}
|
|
494
|
+
} else {
|
|
495
|
+
this.tests.push(null);
|
|
496
|
+
}
|
|
497
|
+
}
|
|
498
|
+
|
|
499
|
+
this.buffer = [];
|
|
500
|
+
|
|
501
|
+
for (let i = 0; i < maskTokens.length; i++) {
|
|
502
|
+
let c = maskTokens[i];
|
|
503
|
+
|
|
504
|
+
if (c !== '?') {
|
|
505
|
+
if (this.defs[c]) this.buffer.push(this.getPlaceholder(i));
|
|
506
|
+
else this.buffer.push(c);
|
|
507
|
+
}
|
|
508
|
+
}
|
|
509
|
+
|
|
510
|
+
this.defaultBuffer = this.buffer.join('');
|
|
511
|
+
this.updateValue(false);
|
|
512
|
+
},
|
|
503
513
|
isValueUpdated() {
|
|
504
514
|
return this.unmask ? this.modelValue != this.getUnmaskedValue() : this.defaultBuffer !== this.$el.value && this.$el.value !== this.modelValue;
|
|
505
515
|
}
|
|
@@ -29,57 +29,15 @@ var script = {
|
|
|
29
29
|
default: false
|
|
30
30
|
}
|
|
31
31
|
},
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
this.firstNonMaskPos = null;
|
|
37
|
-
this.defs = {
|
|
38
|
-
9: '[0-9]',
|
|
39
|
-
a: '[A-Za-z]',
|
|
40
|
-
'*': '[A-Za-z0-9]'
|
|
41
|
-
};
|
|
42
|
-
|
|
43
|
-
let ua = utils.DomHandler.getUserAgent();
|
|
44
|
-
|
|
45
|
-
this.androidChrome = /chrome/i.test(ua) && /android/i.test(ua);
|
|
46
|
-
|
|
47
|
-
let maskTokens = this.mask.split('');
|
|
48
|
-
|
|
49
|
-
for (let i = 0; i < maskTokens.length; i++) {
|
|
50
|
-
let c = maskTokens[i];
|
|
51
|
-
|
|
52
|
-
if (c === '?') {
|
|
53
|
-
this.len--;
|
|
54
|
-
this.partialPosition = i;
|
|
55
|
-
} else if (this.defs[c]) {
|
|
56
|
-
this.tests.push(new RegExp(this.defs[c]));
|
|
57
|
-
|
|
58
|
-
if (this.firstNonMaskPos === null) {
|
|
59
|
-
this.firstNonMaskPos = this.tests.length - 1;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
if (i < this.partialPosition) {
|
|
63
|
-
this.lastRequiredNonMaskPos = this.tests.length - 1;
|
|
64
|
-
}
|
|
65
|
-
} else {
|
|
66
|
-
this.tests.push(null);
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
this.buffer = [];
|
|
71
|
-
|
|
72
|
-
for (let i = 0; i < maskTokens.length; i++) {
|
|
73
|
-
let c = maskTokens[i];
|
|
74
|
-
|
|
75
|
-
if (c !== '?') {
|
|
76
|
-
if (this.defs[c]) this.buffer.push(this.getPlaceholder(i));
|
|
77
|
-
else this.buffer.push(c);
|
|
32
|
+
watch: {
|
|
33
|
+
mask(newMask, oldMask) {
|
|
34
|
+
if (oldMask !== newMask) {
|
|
35
|
+
this.initMask();
|
|
78
36
|
}
|
|
79
37
|
}
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
this.
|
|
38
|
+
},
|
|
39
|
+
mounted() {
|
|
40
|
+
this.initMask();
|
|
83
41
|
},
|
|
84
42
|
updated() {
|
|
85
43
|
if (this.isValueUpdated()) {
|
|
@@ -498,6 +456,58 @@ var script = {
|
|
|
498
456
|
this.focusText = this.$el.value;
|
|
499
457
|
}
|
|
500
458
|
},
|
|
459
|
+
initMask() {
|
|
460
|
+
this.tests = [];
|
|
461
|
+
this.partialPosition = this.mask.length;
|
|
462
|
+
this.len = this.mask.length;
|
|
463
|
+
this.firstNonMaskPos = null;
|
|
464
|
+
this.defs = {
|
|
465
|
+
9: '[0-9]',
|
|
466
|
+
a: '[A-Za-z]',
|
|
467
|
+
'*': '[A-Za-z0-9]'
|
|
468
|
+
};
|
|
469
|
+
|
|
470
|
+
let ua = utils.DomHandler.getUserAgent();
|
|
471
|
+
|
|
472
|
+
this.androidChrome = /chrome/i.test(ua) && /android/i.test(ua);
|
|
473
|
+
|
|
474
|
+
let maskTokens = this.mask.split('');
|
|
475
|
+
|
|
476
|
+
for (let i = 0; i < maskTokens.length; i++) {
|
|
477
|
+
let c = maskTokens[i];
|
|
478
|
+
|
|
479
|
+
if (c === '?') {
|
|
480
|
+
this.len--;
|
|
481
|
+
this.partialPosition = i;
|
|
482
|
+
} else if (this.defs[c]) {
|
|
483
|
+
this.tests.push(new RegExp(this.defs[c]));
|
|
484
|
+
|
|
485
|
+
if (this.firstNonMaskPos === null) {
|
|
486
|
+
this.firstNonMaskPos = this.tests.length - 1;
|
|
487
|
+
}
|
|
488
|
+
|
|
489
|
+
if (i < this.partialPosition) {
|
|
490
|
+
this.lastRequiredNonMaskPos = this.tests.length - 1;
|
|
491
|
+
}
|
|
492
|
+
} else {
|
|
493
|
+
this.tests.push(null);
|
|
494
|
+
}
|
|
495
|
+
}
|
|
496
|
+
|
|
497
|
+
this.buffer = [];
|
|
498
|
+
|
|
499
|
+
for (let i = 0; i < maskTokens.length; i++) {
|
|
500
|
+
let c = maskTokens[i];
|
|
501
|
+
|
|
502
|
+
if (c !== '?') {
|
|
503
|
+
if (this.defs[c]) this.buffer.push(this.getPlaceholder(i));
|
|
504
|
+
else this.buffer.push(c);
|
|
505
|
+
}
|
|
506
|
+
}
|
|
507
|
+
|
|
508
|
+
this.defaultBuffer = this.buffer.join('');
|
|
509
|
+
this.updateValue(false);
|
|
510
|
+
},
|
|
501
511
|
isValueUpdated() {
|
|
502
512
|
return this.unmask ? this.modelValue != this.getUnmaskedValue() : this.defaultBuffer !== this.$el.value && this.$el.value !== this.modelValue;
|
|
503
513
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("primevue/utils"),t=require("vue"),s={name:"InputMask",emits:["update:modelValue","focus","blur","keydown","complete","keypress","paste"],props:{modelValue:null,slotChar:{type:String,default:"_"},mask:{type:String,default:null},autoClear:{type:Boolean,default:!0},unmask:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1}},
|
|
1
|
+
"use strict";var e=require("primevue/utils"),t=require("vue"),s={name:"InputMask",emits:["update:modelValue","focus","blur","keydown","complete","keypress","paste"],props:{modelValue:null,slotChar:{type:String,default:"_"},mask:{type:String,default:null},autoClear:{type:Boolean,default:!0},unmask:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1}},watch:{mask(e,t){t!==e&&this.initMask()}},mounted(){this.initMask()},updated(){this.isValueUpdated()&&this.updateValue()},methods:{onInput(e){this.androidChrome?this.handleAndroidInput(e):this.handleInputChange(e),this.$emit("update:modelValue",e.target.value)},onFocus(e){if(this.readonly)return;let t;this.focus=!0,clearTimeout(this.caretTimeoutId),this.focusText=this.$el.value,t=this.checkVal(),this.caretTimeoutId=setTimeout((()=>{this.$el===document.activeElement&&(this.writeBuffer(),t===this.mask.replace("?","").length?this.caret(0,t):this.caret(t))}),10),this.$emit("focus",e)},onBlur(e){if(this.focus=!1,this.checkVal(),this.updateModel(e),this.$el.value!==this.focusText){let e=document.createEvent("HTMLEvents");e.initEvent("change",!0,!1),this.$el.dispatchEvent(e)}this.$emit("blur",e)},onKeyDown(t){if(this.readonly)return;let s,i,h,l=t.which||t.keyCode,a=/iphone/i.test(e.DomHandler.getUserAgent());this.oldVal=this.$el.value,8===l||46===l||a&&127===l?(s=this.caret(),i=s.begin,h=s.end,h-i==0&&(i=46!==l?this.seekPrev(i):h=this.seekNext(i-1),h=46===l?this.seekNext(h):h),this.clearBuffer(i,h),this.shiftL(i,h-1),this.updateModel(t),t.preventDefault()):13===l?(this.$el.blur(),this.updateModel(t)):27===l&&(this.$el.value=this.focusText,this.caret(0,this.checkVal()),this.updateModel(t),t.preventDefault()),this.$emit("keydown",t)},onKeyPress(t){if(!this.readonly){var s,i,h,l,a=t.which||t.keyCode,n=this.caret();if(!(t.ctrlKey||t.altKey||t.metaKey||a<32)){if(a&&13!==a){if(n.end-n.begin!=0&&(this.clearBuffer(n.begin,n.end),this.shiftL(n.begin,n.end-1)),(s=this.seekNext(n.begin-1))<this.len&&(i=String.fromCharCode(a),this.tests[s].test(i))){if(this.shiftR(s),this.buffer[s]=i,this.writeBuffer(),h=this.seekNext(s),/android/i.test(e.DomHandler.getUserAgent())){setTimeout((()=>{this.caret(h)}),0)}else this.caret(h);n.begin<=this.lastRequiredNonMaskPos&&(l=this.isCompleted())}t.preventDefault()}this.updateModel(t),l&&this.$emit("complete",t),this.$emit("keypress",t)}}},onPaste(e){this.handleInputChange(e),this.$emit("paste",e)},caret(e,t){let s,i,h;if(this.$el.offsetParent&&this.$el===document.activeElement)return"number"!=typeof e?(this.$el.setSelectionRange?(i=this.$el.selectionStart,h=this.$el.selectionEnd):document.selection&&document.selection.createRange&&(s=document.selection.createRange(),i=0-s.duplicate().moveStart("character",-1e5),h=i+s.text.length),{begin:i,end:h}):(i=e,h="number"==typeof t?t:i,void(this.$el.setSelectionRange?this.$el.setSelectionRange(i,h):this.$el.createTextRange&&(s=this.$el.createTextRange(),s.collapse(!0),s.moveEnd("character",h),s.moveStart("character",i),s.select())))},isCompleted(){for(let e=this.firstNonMaskPos;e<=this.lastRequiredNonMaskPos;e++)if(this.tests[e]&&this.buffer[e]===this.getPlaceholder(e))return!1;return!0},getPlaceholder(e){return e<this.slotChar.length?this.slotChar.charAt(e):this.slotChar.charAt(0)},seekNext(e){for(;++e<this.len&&!this.tests[e];);return e},seekPrev(e){for(;--e>=0&&!this.tests[e];);return e},shiftL(e,t){let s,i;if(!(e<0)){for(s=e,i=this.seekNext(t);s<this.len;s++)if(this.tests[s]){if(!(i<this.len&&this.tests[s].test(this.buffer[i])))break;this.buffer[s]=this.buffer[i],this.buffer[i]=this.getPlaceholder(i),i=this.seekNext(i)}this.writeBuffer(),this.caret(Math.max(this.firstNonMaskPos,e))}},shiftR(e){let t,s,i,h;for(t=e,s=this.getPlaceholder(e);t<this.len;t++)if(this.tests[t]){if(i=this.seekNext(t),h=this.buffer[t],this.buffer[t]=s,!(i<this.len&&this.tests[i].test(h)))break;s=h}},handleAndroidInput(e){var t=this.$el.value,s=this.caret();if(this.oldVal&&this.oldVal.length&&this.oldVal.length>t.length){for(this.checkVal(!0);s.begin>0&&!this.tests[s.begin-1];)s.begin--;if(0===s.begin)for(;s.begin<this.firstNonMaskPos&&!this.tests[s.begin];)s.begin++;this.caret(s.begin,s.begin)}else{for(this.checkVal(!0);s.begin<this.len&&!this.tests[s.begin];)s.begin++;this.caret(s.begin,s.begin)}this.isCompleted()&&this.$emit("complete",e)},clearBuffer(e,t){let s;for(s=e;s<t&&s<this.len;s++)this.tests[s]&&(this.buffer[s]=this.getPlaceholder(s))},writeBuffer(){this.$el.value=this.buffer.join("")},checkVal(e){this.isValueChecked=!0;let t,s,i,h=this.$el.value,l=-1;for(t=0,i=0;t<this.len;t++)if(this.tests[t]){for(this.buffer[t]=this.getPlaceholder(t);i++<h.length;)if(s=h.charAt(i-1),this.tests[t].test(s)){this.buffer[t]=s,l=t;break}if(i>h.length){this.clearBuffer(t+1,this.len);break}}else this.buffer[t]===h.charAt(i)&&i++,t<this.partialPosition&&(l=t);return e?this.writeBuffer():l+1<this.partialPosition?this.autoClear||this.buffer.join("")===this.defaultBuffer?(this.$el.value&&(this.$el.value=""),this.clearBuffer(0,this.len)):this.writeBuffer():(this.writeBuffer(),this.$el.value=this.$el.value.substring(0,l+1)),this.partialPosition?t:this.firstNonMaskPos},handleInputChange(e){if(!this.readonly){var t=this.checkVal(!0);this.caret(t),this.updateModel(e),this.isCompleted()&&this.$emit("complete",e)}},getUnmaskedValue(){let e=[];for(let t=0;t<this.buffer.length;t++){let s=this.buffer[t];this.tests[t]&&s!==this.getPlaceholder(t)&&e.push(s)}return e.join("")},updateModel(e){let t=this.unmask?this.getUnmaskedValue():e.target.value;this.$emit("update:modelValue",this.defaultBuffer!==t?t:"")},updateValue(e=!0){this.$el&&(null==this.modelValue?(this.$el.value="",e&&this.$emit("update:modelValue","")):(this.$el.value=this.modelValue,this.checkVal(),setTimeout((()=>{if(this.$el&&(this.writeBuffer(),this.checkVal(),e)){let e=this.unmask?this.getUnmaskedValue():this.$el.value;this.$emit("update:modelValue",this.defaultBuffer!==e?e:"")}}),10)),this.focusText=this.$el.value)},initMask(){this.tests=[],this.partialPosition=this.mask.length,this.len=this.mask.length,this.firstNonMaskPos=null,this.defs={9:"[0-9]",a:"[A-Za-z]","*":"[A-Za-z0-9]"};let t=e.DomHandler.getUserAgent();this.androidChrome=/chrome/i.test(t)&&/android/i.test(t);let s=this.mask.split("");for(let e=0;e<s.length;e++){let t=s[e];"?"===t?(this.len--,this.partialPosition=e):this.defs[t]?(this.tests.push(new RegExp(this.defs[t])),null===this.firstNonMaskPos&&(this.firstNonMaskPos=this.tests.length-1),e<this.partialPosition&&(this.lastRequiredNonMaskPos=this.tests.length-1)):this.tests.push(null)}this.buffer=[];for(let e=0;e<s.length;e++){let t=s[e];"?"!==t&&(this.defs[t]?this.buffer.push(this.getPlaceholder(e)):this.buffer.push(t))}this.defaultBuffer=this.buffer.join(""),this.updateValue(!1)},isValueUpdated(){return this.unmask?this.modelValue!=this.getUnmaskedValue():this.defaultBuffer!==this.$el.value&&this.$el.value!==this.modelValue}},computed:{filled(){return null!=this.modelValue&&this.modelValue.toString().length>0},inputClass(){return["p-inputmask p-inputtext p-component",{"p-filled":this.filled}]}}};const i=["readonly"];s.render=function(e,s,h,l,a,n){return t.openBlock(),t.createElementBlock("input",{class:t.normalizeClass(n.inputClass),readonly:h.readonly,onInput:s[0]||(s[0]=(...e)=>n.onInput&&n.onInput(...e)),onFocus:s[1]||(s[1]=(...e)=>n.onFocus&&n.onFocus(...e)),onBlur:s[2]||(s[2]=(...e)=>n.onBlur&&n.onBlur(...e)),onKeydown:s[3]||(s[3]=(...e)=>n.onKeyDown&&n.onKeyDown(...e)),onKeypress:s[4]||(s[4]=(...e)=>n.onKeyPress&&n.onKeyPress(...e)),onPaste:s[5]||(s[5]=(...e)=>n.onPaste&&n.onPaste(...e))},null,42,i)},module.exports=s;
|