primevue 3.36.0 → 3.37.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 +50 -20
- package/animate/Animate.d.ts +87 -0
- package/animate/animate.cjs.js +71 -0
- package/animate/animate.cjs.min.js +1 -0
- package/animate/animate.esm.js +65 -0
- package/animate/animate.esm.min.js +1 -0
- package/animate/animate.js +72 -0
- package/animate/animate.min.js +1 -0
- package/animate/package.json +6 -0
- package/animate/style/AnimateStyle.d.ts +3 -0
- package/animate/style/animatestyle.cjs.js +5 -0
- package/animate/style/animatestyle.cjs.min.js +1 -0
- package/animate/style/animatestyle.esm.js +3 -0
- package/animate/style/animatestyle.esm.min.js +1 -0
- package/animate/style/animatestyle.js +10 -0
- package/animate/style/animatestyle.min.js +1 -0
- package/animate/style/package.json +6 -0
- package/calendar/Calendar.vue +2 -2
- package/calendar/calendar.cjs.js +43 -42
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.esm.js +43 -42
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +43 -42
- package/calendar/calendar.min.js +1 -1
- package/config/PrimeVue.d.ts +2 -0
- package/config/config.cjs.js +15 -13
- package/config/config.cjs.min.js +1 -1
- package/config/config.esm.js +15 -13
- package/config/config.esm.min.js +1 -1
- package/config/config.js +15 -13
- package/config/config.min.js +1 -1
- package/contextmenu/ContextMenu.d.ts +5 -0
- package/contextmenu/ContextMenuSub.vue +1 -0
- package/contextmenu/contextmenu.cjs.js +1 -0
- package/contextmenu/contextmenu.cjs.min.js +1 -1
- package/contextmenu/contextmenu.esm.js +1 -0
- package/contextmenu/contextmenu.esm.min.js +1 -1
- package/contextmenu/contextmenu.js +1 -0
- package/contextmenu/contextmenu.min.js +1 -1
- package/core/core.js +447 -392
- package/core/core.min.js +9 -7
- package/megamenu/MegaMenu.d.ts +5 -0
- package/megamenu/MegaMenuSub.vue +2 -1
- package/megamenu/megamenu.cjs.js +2 -1
- package/megamenu/megamenu.cjs.min.js +1 -1
- package/megamenu/megamenu.esm.js +2 -1
- package/megamenu/megamenu.esm.min.js +1 -1
- package/megamenu/megamenu.js +2 -1
- package/megamenu/megamenu.min.js +1 -1
- package/menu/Menu.d.ts +5 -0
- package/menu/Menu.vue +1 -1
- package/menu/Menuitem.vue +2 -1
- package/menu/menu.cjs.js +3 -2
- package/menu/menu.cjs.min.js +1 -1
- package/menu/menu.esm.js +3 -2
- package/menu/menu.esm.min.js +1 -1
- package/menu/menu.js +3 -2
- package/menu/menu.min.js +1 -1
- package/menubar/Menubar.d.ts +5 -0
- package/menubar/MenubarSub.vue +1 -0
- package/menubar/menubar.cjs.js +1 -0
- package/menubar/menubar.cjs.min.js +1 -1
- package/menubar/menubar.esm.js +1 -0
- package/menubar/menubar.esm.min.js +1 -1
- package/menubar/menubar.js +1 -0
- package/menubar/menubar.min.js +1 -1
- package/multiselect/MultiSelect.vue +4 -3
- package/multiselect/multiselect.cjs.js +4 -3
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.esm.js +4 -3
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +4 -3
- package/multiselect/multiselect.min.js +1 -1
- package/overlaypanel/BaseOverlayPanel.vue +4 -0
- package/overlaypanel/OverlayPanel.d.ts +5 -0
- package/overlaypanel/OverlayPanel.vue +22 -0
- package/overlaypanel/overlaypanel.cjs.js +25 -0
- package/overlaypanel/overlaypanel.cjs.min.js +1 -1
- package/overlaypanel/overlaypanel.esm.js +25 -0
- package/overlaypanel/overlaypanel.esm.min.js +1 -1
- package/overlaypanel/overlaypanel.js +25 -0
- package/overlaypanel/overlaypanel.min.js +1 -1
- package/package.json +17 -3
- package/panelmenu/PanelMenu.d.ts +13 -0
- package/panelmenu/PanelMenu.vue +20 -2
- package/panelmenu/PanelMenuSub.vue +2 -1
- package/panelmenu/panelmenu.cjs.js +20 -5
- package/panelmenu/panelmenu.cjs.min.js +1 -1
- package/panelmenu/panelmenu.esm.js +20 -5
- package/panelmenu/panelmenu.esm.min.js +1 -1
- package/panelmenu/panelmenu.js +21 -6
- package/panelmenu/panelmenu.min.js +1 -1
- package/passthrough/tailwind/index.cjs.js +397 -371
- package/passthrough/tailwind/index.cjs.min.js +1 -1
- package/passthrough/tailwind/index.esm.js +397 -371
- package/passthrough/tailwind/index.esm.min.js +1 -1
- package/passthrough/tailwind/index.js +397 -371
- package/passthrough/tailwind/index.min.js +1 -1
- package/picklist/PickList.vue +2 -2
- package/picklist/picklist.cjs.js +2 -2
- package/picklist/picklist.cjs.min.js +1 -1
- package/picklist/picklist.esm.js +2 -2
- package/picklist/picklist.esm.min.js +1 -1
- package/picklist/picklist.js +2 -2
- package/picklist/picklist.min.js +1 -1
- package/resources/themes/arya-blue/theme.css +2 -2
- package/resources/themes/arya-green/theme.css +2 -2
- package/resources/themes/arya-orange/theme.css +2 -2
- package/resources/themes/arya-purple/theme.css +2 -2
- package/resources/themes/bootstrap4-dark-blue/theme.css +2 -2
- package/resources/themes/bootstrap4-dark-purple/theme.css +2 -2
- package/resources/themes/bootstrap4-light-blue/theme.css +2 -2
- package/resources/themes/bootstrap4-light-purple/theme.css +2 -2
- package/resources/themes/fluent-light/theme.css +2 -2
- package/resources/themes/lara-dark-blue/theme.css +587 -575
- package/resources/themes/lara-dark-indigo/theme.css +587 -575
- package/resources/themes/lara-dark-purple/theme.css +587 -575
- package/resources/themes/lara-dark-teal/theme.css +662 -650
- package/resources/themes/lara-light-blue/theme.css +629 -625
- package/resources/themes/lara-light-indigo/theme.css +629 -625
- package/resources/themes/lara-light-purple/theme.css +629 -625
- package/resources/themes/lara-light-teal/theme.css +879 -875
- package/resources/themes/luna-amber/theme.css +2 -2
- package/resources/themes/luna-blue/theme.css +2 -2
- package/resources/themes/luna-green/theme.css +2 -2
- package/resources/themes/luna-pink/theme.css +2 -2
- package/resources/themes/md-dark-deeppurple/theme.css +2 -2
- package/resources/themes/md-dark-indigo/theme.css +2 -2
- package/resources/themes/md-light-deeppurple/theme.css +2 -2
- package/resources/themes/md-light-indigo/theme.css +2 -2
- package/resources/themes/mdc-dark-deeppurple/theme.css +2 -2
- package/resources/themes/mdc-dark-indigo/theme.css +2 -2
- package/resources/themes/mdc-light-deeppurple/theme.css +2 -2
- package/resources/themes/mdc-light-indigo/theme.css +2 -2
- package/resources/themes/mira/theme.css +2 -2
- package/resources/themes/nano/theme.css +2 -2
- package/resources/themes/nova/theme.css +2 -2
- package/resources/themes/nova-accent/theme.css +2 -2
- package/resources/themes/nova-alt/theme.css +2 -2
- package/resources/themes/nova-vue/theme.css +2 -2
- package/resources/themes/rhea/theme.css +2 -2
- package/resources/themes/saga-blue/theme.css +2 -2
- package/resources/themes/saga-green/theme.css +2 -2
- package/resources/themes/saga-orange/theme.css +2 -2
- package/resources/themes/saga-purple/theme.css +2 -2
- package/resources/themes/soho-dark/theme.css +2 -2
- package/resources/themes/soho-light/theme.css +2 -2
- package/resources/themes/tailwind-light/theme.css +2 -2
- package/resources/themes/vela-blue/theme.css +2 -2
- package/resources/themes/vela-green/theme.css +2 -2
- package/resources/themes/vela-orange/theme.css +2 -2
- package/resources/themes/vela-purple/theme.css +2 -2
- package/resources/themes/viva-dark/theme.css +2 -2
- package/resources/themes/viva-light/theme.css +2 -2
- package/selectbutton/BaseSelectButton.vue +1 -1
- package/selectbutton/SelectButton.d.ts +2 -2
- package/selectbutton/SelectButton.vue +1 -1
- 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 +2 -2
- package/slider/slider.cjs.js +1 -1
- package/slider/slider.cjs.min.js +1 -1
- package/slider/slider.esm.js +1 -1
- package/slider/slider.esm.min.js +1 -1
- package/slider/slider.js +1 -1
- package/slider/slider.min.js +1 -1
- package/splitbutton/SplitButton.vue +4 -1
- package/splitbutton/splitbutton.cjs.js +3 -1
- package/splitbutton/splitbutton.cjs.min.js +1 -1
- package/splitbutton/splitbutton.esm.js +3 -1
- package/splitbutton/splitbutton.esm.min.js +1 -1
- package/splitbutton/splitbutton.js +3 -1
- package/splitbutton/splitbutton.min.js +1 -1
- package/styleclass/StyleClass.d.ts +6 -6
- package/tieredmenu/TieredMenu.d.ts +5 -0
- package/tieredmenu/TieredMenuSub.vue +2 -1
- package/tieredmenu/tieredmenu.cjs.js +2 -1
- package/tieredmenu/tieredmenu.cjs.min.js +1 -1
- package/tieredmenu/tieredmenu.esm.js +2 -1
- package/tieredmenu/tieredmenu.esm.min.js +1 -1
- package/tieredmenu/tieredmenu.js +2 -1
- package/tieredmenu/tieredmenu.min.js +1 -1
- package/tooltip/Tooltip.d.ts +6 -1
- package/tooltip/style/tooltipstyle.cjs.js +1 -1
- package/tooltip/style/tooltipstyle.cjs.min.js +1 -1
- package/tooltip/style/tooltipstyle.esm.js +1 -1
- package/tooltip/style/tooltipstyle.esm.min.js +1 -1
- package/tooltip/style/tooltipstyle.js +1 -1
- package/tooltip/style/tooltipstyle.min.js +1 -1
- package/tooltip/tooltip.cjs.js +15 -1
- package/tooltip/tooltip.cjs.min.js +1 -1
- package/tooltip/tooltip.esm.js +15 -1
- package/tooltip/tooltip.esm.min.js +1 -1
- package/tooltip/tooltip.js +15 -1
- package/tooltip/tooltip.min.js +1 -1
- package/tree/Tree.d.ts +6 -1
- package/tree/Tree.vue +1 -1
- package/tree/tree.cjs.js +1 -1
- package/tree/tree.cjs.min.js +1 -1
- package/tree/tree.esm.js +1 -1
- package/tree/tree.esm.min.js +1 -1
- package/tree/tree.js +1 -1
- package/tree/tree.min.js +1 -1
- package/treetable/TreeTable.d.ts +0 -18
- package/utils/utils.cjs.js +2 -2
- package/utils/utils.esm.js +2 -2
- package/utils/utils.js +2 -2
- package/vetur-attributes.json +4 -0
- package/vetur-tags.json +1 -0
- package/web-types.json +11 -1
package/README.md
CHANGED
|
@@ -14,11 +14,14 @@ PrimeVue is a rich set of open source UI Components for Vue. See [PrimeVue homep
|
|
|
14
14
|
PrimeVue is available at [npm](https://www.npmjs.com/package/primevue).
|
|
15
15
|
|
|
16
16
|
```
|
|
17
|
-
|
|
17
|
+
# Using npm
|
|
18
18
|
npm install primevue
|
|
19
19
|
|
|
20
|
-
|
|
20
|
+
# Using yarn
|
|
21
21
|
yarn add primevue
|
|
22
|
+
|
|
23
|
+
# Using pnpm
|
|
24
|
+
pnpm add nuxt-primevue
|
|
22
25
|
```
|
|
23
26
|
|
|
24
27
|
## Plugin
|
|
@@ -43,7 +46,7 @@ Styled mode is based on pre-skinned components with opinionated themes like Mate
|
|
|
43
46
|
|
|
44
47
|
```javascript
|
|
45
48
|
// theme
|
|
46
|
-
import 'primevue/resources/themes/lara-light-
|
|
49
|
+
import 'primevue/resources/themes/lara-light-teal/theme.css';
|
|
47
50
|
```
|
|
48
51
|
|
|
49
52
|
**Unstyled Mode**
|
|
@@ -71,7 +74,7 @@ app.component('Button', Button);
|
|
|
71
74
|
|
|
72
75
|
## Prop Cases
|
|
73
76
|
|
|
74
|
-
Component prop names are described as camel case throughout the documentation however
|
|
77
|
+
Component prop names are described as camel case throughout the documentation however kebab-case is also fully supported. Events on the other hand should always be kebab-case.
|
|
75
78
|
|
|
76
79
|
```vue
|
|
77
80
|
<Dialog :showHeader="false"></Dialog>
|
|
@@ -83,37 +86,64 @@ Component prop names are described as camel case throughout the documentation ho
|
|
|
83
86
|
|
|
84
87
|
## Nuxt Integration
|
|
85
88
|
|
|
86
|
-
|
|
89
|
+
The [nuxt-primevue](https://www.npmjs.com/package/nuxt-primevue) package is the official module by PrimeTek.
|
|
90
|
+
|
|
91
|
+
```
|
|
92
|
+
# Using npm
|
|
93
|
+
npm install --save-dev nuxt-primevue
|
|
94
|
+
|
|
95
|
+
# Using yarn
|
|
96
|
+
yarn add --dev nuxt-primevue
|
|
87
97
|
|
|
88
|
-
|
|
98
|
+
# Using pnpm
|
|
99
|
+
pnpm add -D nuxt-primevue
|
|
100
|
+
```
|
|
89
101
|
|
|
90
|
-
|
|
102
|
+
The module is enabled by adding `nuxt-primevue` to the modules option. Configuration values are defined with the `primevue` property.
|
|
91
103
|
|
|
92
104
|
```javascript
|
|
93
105
|
export default defineNuxtConfig({
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
106
|
+
modules: ['nuxt-primevue'],
|
|
107
|
+
primevue: {
|
|
108
|
+
/* Options */
|
|
97
109
|
}
|
|
98
110
|
});
|
|
99
111
|
```
|
|
100
112
|
|
|
101
|
-
|
|
113
|
+
Whether to install the PrimeVue plugin, defaults to true. Disable this option if you prefer to configure PrimeVue manually e.g. with a Nuxt plugin.
|
|
114
|
+
|
|
115
|
+
```javascript
|
|
116
|
+
primevue: {
|
|
117
|
+
usePrimeVue: true;
|
|
118
|
+
}
|
|
119
|
+
```
|
|
102
120
|
|
|
103
|
-
|
|
121
|
+
The names of the components, directives and composables to import and register are provided using the include property. When the value is ignored or set using the \* alias, all of the components, directives and composables are registered respectively.
|
|
104
122
|
|
|
105
123
|
```javascript
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
124
|
+
primevue: {
|
|
125
|
+
components: {
|
|
126
|
+
include: ['Button', 'DataTable']
|
|
127
|
+
},
|
|
128
|
+
directives: {
|
|
129
|
+
include: ['Ripple', 'Tooltip']
|
|
130
|
+
},
|
|
131
|
+
composables: {
|
|
132
|
+
include: ['useStyle']
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
```
|
|
109
136
|
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
137
|
+
In styled mode, the theme can be defined at Nuxt configuration with the css property. Note that this only applies to styled mode, in unstyled mode a theme file is not required as styling is done externally.
|
|
138
|
+
|
|
139
|
+
```javascript
|
|
140
|
+
export default defineNuxtConfig({
|
|
141
|
+
css: ['primevue/resources/themes/lara-dark-teal/theme.css']
|
|
114
142
|
});
|
|
115
143
|
```
|
|
116
144
|
|
|
145
|
+
For detailed [information](https://primevue.org/nuxt)
|
|
146
|
+
|
|
117
147
|
## Example
|
|
118
148
|
|
|
119
149
|
We've created various samples for the popular options in the Vue ecosystem. Visit the [primevue-examples](https://github.com/primefaces/primevue-examples) repository for the samples.
|
|
@@ -126,7 +156,7 @@ We've created various samples for the popular options in the Vue ecosystem. Visi
|
|
|
126
156
|
|
|
127
157
|
### Nuxt
|
|
128
158
|
|
|
129
|
-
<a href="https://github.com/primefaces/primevue-examples/tree/main/
|
|
159
|
+
<a href="https://github.com/primefaces/primevue-examples/tree/main/nuxt-quickstart">
|
|
130
160
|
<img src="https://primefaces.org/cdn/primevue/images/logos/nuxt.svg" alt="nuxt" width="112" height="112">
|
|
131
161
|
</a>
|
|
132
162
|
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
/**
|
|
2
|
+
*
|
|
3
|
+
* Animate manages PrimeFlex CSS classes declaratively to during enter/leave animations on scroll or on page load.
|
|
4
|
+
*
|
|
5
|
+
* [Live Demo](https://primevue.org/animate)
|
|
6
|
+
*
|
|
7
|
+
* @module animate
|
|
8
|
+
*/
|
|
9
|
+
import { DirectiveBinding, ObjectDirective } from 'vue';
|
|
10
|
+
import { DirectiveHooks } from '../basedirective/BaseDirective';
|
|
11
|
+
import { PassThroughOptions } from '../passthrough';
|
|
12
|
+
import { PassThrough } from '../ts-helpers';
|
|
13
|
+
|
|
14
|
+
/**
|
|
15
|
+
* Defines options of Animate.
|
|
16
|
+
*/
|
|
17
|
+
export interface AnimateOptions {
|
|
18
|
+
/**
|
|
19
|
+
* Animate scroll to add when item begins to get displayed.
|
|
20
|
+
*/
|
|
21
|
+
enterClass?: string | undefined;
|
|
22
|
+
/**
|
|
23
|
+
* Animate scroll to add when item begins to get hidden.
|
|
24
|
+
*/
|
|
25
|
+
leaveClass?: string | undefined;
|
|
26
|
+
/**
|
|
27
|
+
* Used to pass attributes to DOM elements inside the component.
|
|
28
|
+
* @type {AnimateDirectivePassThroughOptions}
|
|
29
|
+
*/
|
|
30
|
+
pt?: PassThrough<AnimateDirectivePassThroughOptions>;
|
|
31
|
+
/**
|
|
32
|
+
* Used to configure passthrough(pt) options of the component.
|
|
33
|
+
* @type {PassThroughOptions}
|
|
34
|
+
*/
|
|
35
|
+
ptOptions?: PassThroughOptions;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
/**
|
|
39
|
+
* Custom passthrough(pt) directive options.
|
|
40
|
+
*/
|
|
41
|
+
export interface AnimateDirectivePassThroughOptions {
|
|
42
|
+
/**
|
|
43
|
+
* Used to manage all lifecycle hooks
|
|
44
|
+
* @see {@link BaseDirective.DirectiveHooks}
|
|
45
|
+
*/
|
|
46
|
+
hooks?: DirectiveHooks;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
/**
|
|
50
|
+
* Defines modifiers of Animate.
|
|
51
|
+
*/
|
|
52
|
+
export interface AnimateDirectiveModifiers {
|
|
53
|
+
/**
|
|
54
|
+
* Whether the animation will be repeated
|
|
55
|
+
* @defaultValue true
|
|
56
|
+
*/
|
|
57
|
+
once?: boolean | undefined;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
/**
|
|
61
|
+
* Binding of Animate directive.
|
|
62
|
+
*/
|
|
63
|
+
export interface AnimateDirectiveBinding extends Omit<DirectiveBinding, 'modifiers' | 'value'> {
|
|
64
|
+
/**
|
|
65
|
+
* Value of the Animate.
|
|
66
|
+
*/
|
|
67
|
+
value?: AnimateOptions | undefined;
|
|
68
|
+
/**
|
|
69
|
+
* Modifiers of the tooltip.
|
|
70
|
+
* @type {AnimateDirectiveModifiers}
|
|
71
|
+
*/
|
|
72
|
+
modifiers?: AnimateDirectiveModifiers | undefined;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
/**
|
|
76
|
+
* **PrimeVue - Animate**
|
|
77
|
+
*
|
|
78
|
+
* _Animate manages PrimeFlex CSS classes declaratively to during enter/leave animations on scroll or on page load._
|
|
79
|
+
*
|
|
80
|
+
* [Live Demo](https://www.primevue.org/animate/)
|
|
81
|
+
* --- ---
|
|
82
|
+
* 
|
|
83
|
+
*
|
|
84
|
+
*/
|
|
85
|
+
declare const Animate: ObjectDirective;
|
|
86
|
+
|
|
87
|
+
export default Animate;
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var utils = require('primevue/utils');
|
|
4
|
+
var BaseDirective = require('primevue/basedirective');
|
|
5
|
+
|
|
6
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
7
|
+
|
|
8
|
+
var BaseDirective__default = /*#__PURE__*/_interopDefaultLegacy(BaseDirective);
|
|
9
|
+
|
|
10
|
+
var BaseAnimate = BaseDirective__default["default"].extend({});
|
|
11
|
+
|
|
12
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
13
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
14
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
15
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
16
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
17
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
18
|
+
var Animate = BaseAnimate.extend('animate', {
|
|
19
|
+
mounted: function mounted(el, binding) {
|
|
20
|
+
el.setAttribute('data-pd-animate', true);
|
|
21
|
+
!this.isUnstyled() && utils.DomHandler.addClass(el, 'p-animate');
|
|
22
|
+
this.bindIntersectionObserver(el, binding);
|
|
23
|
+
},
|
|
24
|
+
unmounted: function unmounted(el) {
|
|
25
|
+
this.unbindIntersectionObserver(el);
|
|
26
|
+
clearTimeout(this.timeout);
|
|
27
|
+
},
|
|
28
|
+
timeout: null,
|
|
29
|
+
observer: null,
|
|
30
|
+
methods: {
|
|
31
|
+
bindIntersectionObserver: function bindIntersectionObserver(el, binding) {
|
|
32
|
+
var _this = this;
|
|
33
|
+
var options = {
|
|
34
|
+
root: null,
|
|
35
|
+
rootMargin: '0px',
|
|
36
|
+
threshold: 1.0
|
|
37
|
+
};
|
|
38
|
+
this.observer = new IntersectionObserver(function (element) {
|
|
39
|
+
return _this.isVisible(element, el, binding);
|
|
40
|
+
}, options);
|
|
41
|
+
this.observer.observe(el);
|
|
42
|
+
},
|
|
43
|
+
isVisible: function isVisible(target, el, binding) {
|
|
44
|
+
var _target = _slicedToArray(target, 1),
|
|
45
|
+
intersectionObserverEntry = _target[0];
|
|
46
|
+
intersectionObserverEntry.isIntersecting ? this.enter(el, binding) : this.leave(el, binding);
|
|
47
|
+
},
|
|
48
|
+
enter: function enter(el, binding) {
|
|
49
|
+
el.style.visibility = 'visible';
|
|
50
|
+
utils.DomHandler.addMultipleClasses(el, binding.value.enterClass);
|
|
51
|
+
binding.modifiers.once && this.unbindIntersectionObserver(el);
|
|
52
|
+
},
|
|
53
|
+
leave: function leave(el, binding) {
|
|
54
|
+
utils.DomHandler.removeClass(el, binding.value.enterClass);
|
|
55
|
+
if (binding.value.leaveClass) {
|
|
56
|
+
utils.DomHandler.addMultipleClasses(el, binding.value.leaveClass);
|
|
57
|
+
}
|
|
58
|
+
var animationDuration = el.style.animationDuration || 500;
|
|
59
|
+
this.timeout = setTimeout(function () {
|
|
60
|
+
el.style.visibility = 'hidden';
|
|
61
|
+
}, animationDuration);
|
|
62
|
+
},
|
|
63
|
+
unbindIntersectionObserver: function unbindIntersectionObserver(el) {
|
|
64
|
+
if (this.observer) {
|
|
65
|
+
this.observer.unobserve(el);
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
});
|
|
70
|
+
|
|
71
|
+
module.exports = Animate;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("primevue/utils");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function r(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function n(e,t){if(e){if("string"==typeof e)return i(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?i(e,t):void 0}}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function s(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,i,s,o,l=[],a=!0,u=!1;try{if(s=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;a=!1}else for(;!(a=(n=s.call(r)).done)&&(l.push(n.value),l.length!==t);a=!0);}catch(e){u=!0,i=e}finally{try{if(!a&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(u)throw i}}return l}}function o(e){if(Array.isArray(e))return e}var l=t(require("primevue/basedirective")).default.extend({}).extend("animate",{mounted:function(t,r){t.setAttribute("data-pd-animate",!0),!this.isUnstyled()&&e.DomHandler.addClass(t,"p-animate"),this.bindIntersectionObserver(t,r)},unmounted:function(e){this.unbindIntersectionObserver(e),clearTimeout(this.timeout)},timeout:null,observer:null,methods:{bindIntersectionObserver:function(e,t){var r=this;this.observer=new IntersectionObserver((function(n){return r.isVisible(n,e,t)}),{root:null,rootMargin:"0px",threshold:1}),this.observer.observe(e)},isVisible:function(e,t,i){var l,a;(a=1,o(l=e)||s(l,a)||n(l,a)||r())[0].isIntersecting?this.enter(t,i):this.leave(t,i)},enter:function(t,r){t.style.visibility="visible",e.DomHandler.addMultipleClasses(t,r.value.enterClass),r.modifiers.once&&this.unbindIntersectionObserver(t)},leave:function(t,r){e.DomHandler.removeClass(t,r.value.enterClass),r.value.leaveClass&&e.DomHandler.addMultipleClasses(t,r.value.leaveClass),this.timeout=setTimeout((function(){t.style.visibility="hidden"}),t.style.animationDuration||500)},unbindIntersectionObserver:function(e){this.observer&&this.observer.unobserve(e)}}});module.exports=l;
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { DomHandler } from 'primevue/utils';
|
|
2
|
+
import BaseDirective from 'primevue/basedirective';
|
|
3
|
+
|
|
4
|
+
var BaseAnimate = BaseDirective.extend({});
|
|
5
|
+
|
|
6
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
7
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
8
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
9
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
10
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
11
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
12
|
+
var Animate = BaseAnimate.extend('animate', {
|
|
13
|
+
mounted: function mounted(el, binding) {
|
|
14
|
+
el.setAttribute('data-pd-animate', true);
|
|
15
|
+
!this.isUnstyled() && DomHandler.addClass(el, 'p-animate');
|
|
16
|
+
this.bindIntersectionObserver(el, binding);
|
|
17
|
+
},
|
|
18
|
+
unmounted: function unmounted(el) {
|
|
19
|
+
this.unbindIntersectionObserver(el);
|
|
20
|
+
clearTimeout(this.timeout);
|
|
21
|
+
},
|
|
22
|
+
timeout: null,
|
|
23
|
+
observer: null,
|
|
24
|
+
methods: {
|
|
25
|
+
bindIntersectionObserver: function bindIntersectionObserver(el, binding) {
|
|
26
|
+
var _this = this;
|
|
27
|
+
var options = {
|
|
28
|
+
root: null,
|
|
29
|
+
rootMargin: '0px',
|
|
30
|
+
threshold: 1.0
|
|
31
|
+
};
|
|
32
|
+
this.observer = new IntersectionObserver(function (element) {
|
|
33
|
+
return _this.isVisible(element, el, binding);
|
|
34
|
+
}, options);
|
|
35
|
+
this.observer.observe(el);
|
|
36
|
+
},
|
|
37
|
+
isVisible: function isVisible(target, el, binding) {
|
|
38
|
+
var _target = _slicedToArray(target, 1),
|
|
39
|
+
intersectionObserverEntry = _target[0];
|
|
40
|
+
intersectionObserverEntry.isIntersecting ? this.enter(el, binding) : this.leave(el, binding);
|
|
41
|
+
},
|
|
42
|
+
enter: function enter(el, binding) {
|
|
43
|
+
el.style.visibility = 'visible';
|
|
44
|
+
DomHandler.addMultipleClasses(el, binding.value.enterClass);
|
|
45
|
+
binding.modifiers.once && this.unbindIntersectionObserver(el);
|
|
46
|
+
},
|
|
47
|
+
leave: function leave(el, binding) {
|
|
48
|
+
DomHandler.removeClass(el, binding.value.enterClass);
|
|
49
|
+
if (binding.value.leaveClass) {
|
|
50
|
+
DomHandler.addMultipleClasses(el, binding.value.leaveClass);
|
|
51
|
+
}
|
|
52
|
+
var animationDuration = el.style.animationDuration || 500;
|
|
53
|
+
this.timeout = setTimeout(function () {
|
|
54
|
+
el.style.visibility = 'hidden';
|
|
55
|
+
}, animationDuration);
|
|
56
|
+
},
|
|
57
|
+
unbindIntersectionObserver: function unbindIntersectionObserver(el) {
|
|
58
|
+
if (this.observer) {
|
|
59
|
+
this.observer.unobserve(el);
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
});
|
|
64
|
+
|
|
65
|
+
export { Animate as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{DomHandler as e}from"primevue/utils";import t from"primevue/basedirective";function r(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function n(e,t){if(e){if("string"==typeof e)return i(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?i(e,t):void 0}}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function s(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,i,s,o,l=[],a=!0,u=!1;try{if(s=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;a=!1}else for(;!(a=(n=s.call(r)).done)&&(l.push(n.value),l.length!==t);a=!0);}catch(e){u=!0,i=e}finally{try{if(!a&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(u)throw i}}return l}}function o(e){if(Array.isArray(e))return e}var l=t.extend({}).extend("animate",{mounted:function(t,r){t.setAttribute("data-pd-animate",!0),!this.isUnstyled()&&e.addClass(t,"p-animate"),this.bindIntersectionObserver(t,r)},unmounted:function(e){this.unbindIntersectionObserver(e),clearTimeout(this.timeout)},timeout:null,observer:null,methods:{bindIntersectionObserver:function(e,t){var r=this;this.observer=new IntersectionObserver((function(n){return r.isVisible(n,e,t)}),{root:null,rootMargin:"0px",threshold:1}),this.observer.observe(e)},isVisible:function(e,t,i){var l,a;(a=1,o(l=e)||s(l,a)||n(l,a)||r())[0].isIntersecting?this.enter(t,i):this.leave(t,i)},enter:function(t,r){t.style.visibility="visible",e.addMultipleClasses(t,r.value.enterClass),r.modifiers.once&&this.unbindIntersectionObserver(t)},leave:function(t,r){e.removeClass(t,r.value.enterClass),r.value.leaveClass&&e.addMultipleClasses(t,r.value.leaveClass),this.timeout=setTimeout((function(){t.style.visibility="hidden"}),t.style.animationDuration||500)},unbindIntersectionObserver:function(e){this.observer&&this.observer.unobserve(e)}}});export{l as default};
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
this.primevue = this.primevue || {};
|
|
2
|
+
this.primevue.animate = (function (utils, BaseDirective) {
|
|
3
|
+
'use strict';
|
|
4
|
+
|
|
5
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
6
|
+
|
|
7
|
+
var BaseDirective__default = /*#__PURE__*/_interopDefaultLegacy(BaseDirective);
|
|
8
|
+
|
|
9
|
+
var BaseAnimate = BaseDirective__default["default"].extend({});
|
|
10
|
+
|
|
11
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
12
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
13
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
14
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
15
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
16
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
17
|
+
var Animate = BaseAnimate.extend('animate', {
|
|
18
|
+
mounted: function mounted(el, binding) {
|
|
19
|
+
el.setAttribute('data-pd-animate', true);
|
|
20
|
+
!this.isUnstyled() && utils.DomHandler.addClass(el, 'p-animate');
|
|
21
|
+
this.bindIntersectionObserver(el, binding);
|
|
22
|
+
},
|
|
23
|
+
unmounted: function unmounted(el) {
|
|
24
|
+
this.unbindIntersectionObserver(el);
|
|
25
|
+
clearTimeout(this.timeout);
|
|
26
|
+
},
|
|
27
|
+
timeout: null,
|
|
28
|
+
observer: null,
|
|
29
|
+
methods: {
|
|
30
|
+
bindIntersectionObserver: function bindIntersectionObserver(el, binding) {
|
|
31
|
+
var _this = this;
|
|
32
|
+
var options = {
|
|
33
|
+
root: null,
|
|
34
|
+
rootMargin: '0px',
|
|
35
|
+
threshold: 1.0
|
|
36
|
+
};
|
|
37
|
+
this.observer = new IntersectionObserver(function (element) {
|
|
38
|
+
return _this.isVisible(element, el, binding);
|
|
39
|
+
}, options);
|
|
40
|
+
this.observer.observe(el);
|
|
41
|
+
},
|
|
42
|
+
isVisible: function isVisible(target, el, binding) {
|
|
43
|
+
var _target = _slicedToArray(target, 1),
|
|
44
|
+
intersectionObserverEntry = _target[0];
|
|
45
|
+
intersectionObserverEntry.isIntersecting ? this.enter(el, binding) : this.leave(el, binding);
|
|
46
|
+
},
|
|
47
|
+
enter: function enter(el, binding) {
|
|
48
|
+
el.style.visibility = 'visible';
|
|
49
|
+
utils.DomHandler.addMultipleClasses(el, binding.value.enterClass);
|
|
50
|
+
binding.modifiers.once && this.unbindIntersectionObserver(el);
|
|
51
|
+
},
|
|
52
|
+
leave: function leave(el, binding) {
|
|
53
|
+
utils.DomHandler.removeClass(el, binding.value.enterClass);
|
|
54
|
+
if (binding.value.leaveClass) {
|
|
55
|
+
utils.DomHandler.addMultipleClasses(el, binding.value.leaveClass);
|
|
56
|
+
}
|
|
57
|
+
var animationDuration = el.style.animationDuration || 500;
|
|
58
|
+
this.timeout = setTimeout(function () {
|
|
59
|
+
el.style.visibility = 'hidden';
|
|
60
|
+
}, animationDuration);
|
|
61
|
+
},
|
|
62
|
+
unbindIntersectionObserver: function unbindIntersectionObserver(el) {
|
|
63
|
+
if (this.observer) {
|
|
64
|
+
this.observer.unobserve(el);
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
});
|
|
69
|
+
|
|
70
|
+
return Animate;
|
|
71
|
+
|
|
72
|
+
})(primevue.utils, primevue.basedirective);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
this.primevue=this.primevue||{},this.primevue.animate=function(e,t){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function r(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function i(e,t){if(e){if("string"==typeof e)return s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,t):void 0}}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function o(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,s,o,l=[],a=!0,u=!1;try{if(s=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;a=!1}else for(;!(a=(r=s.call(n)).done)&&(l.push(r.value),l.length!==t);a=!0);}catch(e){u=!0,i=e}finally{try{if(!a&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw i}}return l}}function l(e){if(Array.isArray(e))return e}return n(primevue.basedirective).default.extend({}).extend("animate",{mounted:function(t,n){t.setAttribute("data-pd-animate",!0),!this.isUnstyled()&&e.DomHandler.addClass(t,"p-animate"),this.bindIntersectionObserver(t,n)},unmounted:function(e){this.unbindIntersectionObserver(e),clearTimeout(this.timeout)},timeout:null,observer:null,methods:{bindIntersectionObserver:function(e,t){var n=this;this.observer=new IntersectionObserver((function(r){return n.isVisible(r,e,t)}),{root:null,rootMargin:"0px",threshold:1}),this.observer.observe(e)},isVisible:function(e,t,n){var s,a;(a=1,l(s=e)||o(s,a)||i(s,a)||r())[0].isIntersecting?this.enter(t,n):this.leave(t,n)},enter:function(t,n){t.style.visibility="visible",e.DomHandler.addMultipleClasses(t,n.value.enterClass),n.modifiers.once&&this.unbindIntersectionObserver(t)},leave:function(t,n){e.DomHandler.removeClass(t,n.value.enterClass),n.value.leaveClass&&e.DomHandler.addMultipleClasses(t,n.value.leaveClass),this.timeout=setTimeout((function(){t.style.visibility="hidden"}),t.style.animationDuration||500)},unbindIntersectionObserver:function(e){this.observer&&this.observer.unobserve(e)}}})}(primevue.utils);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";module.exports={};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var a={};export{a as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
this.primevue=this.primevue||{},this.primevue.animate=this.primevue.animate||{},this.primevue.animate.style=function(){"use strict";return{}}();
|
package/calendar/Calendar.vue
CHANGED
|
@@ -675,9 +675,9 @@ export default {
|
|
|
675
675
|
let value = this.isRangeSelection() ? this.modelValue[0] : this.modelValue;
|
|
676
676
|
|
|
677
677
|
if (this.isMultipleSelection()) {
|
|
678
|
-
return value.some((currentValue) => currentValue.getMonth() === month && currentValue.getFullYear() === currentYear);
|
|
678
|
+
return value.some((currentValue) => currentValue.getMonth() === month && currentValue.getFullYear() === this.currentYear);
|
|
679
679
|
} else {
|
|
680
|
-
return value.getMonth() === month && value.getFullYear() === currentYear;
|
|
680
|
+
return value.getMonth() === month && value.getFullYear() === this.currentYear;
|
|
681
681
|
}
|
|
682
682
|
}
|
|
683
683
|
|