@artesa/fullcalendar-vue - npm Package Compare versions

Comparing version 5.13.5 to 5.13.6

dist/FullCalendar.d.ts

@@ -12,3 +12,3 @@ import { Calendar } from '@fullcalendar/core';
     };
-}, {}, import("vue").Data, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").Data, import("vue").Data, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     options: {
@@ -15,0 +15,0 @@ type: ObjectConstructor;

dist/FullCalendar.js

@@ -5,3 +5,3 @@ import { Calendar } from '@fullcalendar/core';
 import { wrapVDomGenerator, createVueContentTypePlugin } from './custom-content-type';
-import { defineComponent, getCurrentInstance, onBeforeUnmount, onBeforeUpdate, onMounted, ref, watch, h } from 'vue';
+import { defineComponent, getCurrentInstance, onBeforeUnmount, onBeforeUpdate, onMounted, ref, watch } from 'vue';
 export default defineComponent({
@@ -15,2 +15,8 @@ name: 'FullCalendar',
     },
+    render(createElement) {
+        return createElement('div', {
+            // when renderId is changed, Vue will trigger a real-DOM async rerender, calling beforeUpdate/updated
+            attrs: { 'data-fc-render-id': this.renderId }
+        });
+    },
     setup(props, { expose }) {
@@ -70,9 +76,5 @@ const renderId = ref(0);
         expose(exposed);
-        return () => h('div', {
-            attrs: {
-                'data-fc-render-id': renderId.value,
-            }
-        });
+        return exposed;
     }
 });
 //# sourceMappingURL=FullCalendar.js.map

dist/main.cjs.js

@@ -116,2 +116,8 @@ 'use strict';
     },
+    render(createElement) {
+        return createElement('div', {
+            // when renderId is changed, Vue will trigger a real-DOM async rerender, calling beforeUpdate/updated
+            attrs: { 'data-fc-render-id': this.renderId }
+        });
+    },
     setup(props, { expose }) {
@@ -171,7 +177,3 @@ const renderId = Vue.ref(0);
         expose(exposed);
-        return () => Vue.h('div', {
-            attrs: {
-                'data-fc-render-id': renderId.value,
-            }
-        });
+        return exposed;
     }
@@ -178,0 +180,0 @@ });

dist/main.global.js

@@ -112,2 +112,8 @@ var FullCalendarVue = (function (exports, core, Vue) {
         },
+        render(createElement) {
+            return createElement('div', {
+                // when renderId is changed, Vue will trigger a real-DOM async rerender, calling beforeUpdate/updated
+                attrs: { 'data-fc-render-id': this.renderId }
+            });
+        },
         setup(props, { expose }) {
@@ -167,7 +173,3 @@ const renderId = Vue.ref(0);
             expose(exposed);
-            return () => Vue.h('div', {
-                attrs: {
-                    'data-fc-render-id': renderId.value,
-                }
-            });
+            return exposed;
         }
@@ -174,0 +176,0 @@ });

dist/main.global.min.js

@@ -1,1 +0,1 @@
-var FullCalendarVue=function(e,n,t){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(t);const u={headerToolbar:!0,footerToolbar:!0,events:!0,eventSources:!0,resources:!0};function a(e){return"object"==typeof e&&(Array.isArray(e)?e=Array.prototype.slice.call(e):e&&(e={...e})),e}function s(e){return function(n){return{vue:e(n)}}}function c(e){return n.createPlugin({contentTypeHandlers:{vue:()=>function(e){let n,t;return{render:function(r,u){if(n!==r&&(n&&t&&t.$destroy(),n=r),t)t.content=u;else{t=function(e,n){return new o.default({parent:n,data:{content:e},render(e){let{content:n}=this;return 1===n.length?n[0]:e("span",{},n)}})}(u,e);let n=document.createElement("span");r.appendChild(n),t.$mount(n)}},destroy:function(){t&&t.$destroy()}}}(e)}})}var i=t.defineComponent({name:"FullCalendar",props:{options:{type:Object,default:()=>({})}},setup(e,{expose:r}){const o=t.ref(0),i=t.getCurrentInstance(),l=i&&i.proxy;if(!l)return{};function d(e){return e=e||{},{...(l&&l.$options).scopedSlotOptions,...e,plugins:(e.plugins||[]).concat([c(l)])}}function p(){return(l&&l.$options).calendar}t.onMounted(()=>{let t=l.$options;t.scopedSlotOptions=function(e,n){const t={};for(const r in e)e.hasOwnProperty(r)&&(t[r]=n(e[r],r));return t}(l.$scopedSlots,s);const r=new n.Calendar(l.$el,d(e.options));t.calendar=r,r.render()}),t.onBeforeUpdate(()=>p().resumeRendering()),t.onBeforeUnmount(()=>p().destroy()),t.watch(()=>e.options,e=>{let n=p();n.pauseRendering(),n.resetOptions(d(e)),o.value++},{deep:!0});for(const n in u)t.watch(()=>e.options[n],e=>{if(void 0!==e){let t=p();t.pauseRendering(),t.resetOptions({[n]:a(e)},!0),o.value++}});return r({getApi:p,renderId:o}),()=>t.h("div",{attrs:{"data-fc-render-id":o.value}})}});return e.default=i,Object.keys(n).forEach((function(t){"default"===t||e.hasOwnProperty(t)||Object.defineProperty(e,t,{enumerable:!0,get:function(){return n[t]}})})),Object.defineProperty(e,"__esModule",{value:!0}),e}({},FullCalendar,Vue);
+var FullCalendarVue=function(e,n,t){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(t);const u={headerToolbar:!0,footerToolbar:!0,events:!0,eventSources:!0,resources:!0};function s(e){return"object"==typeof e&&(Array.isArray(e)?e=Array.prototype.slice.call(e):e&&(e={...e})),e}function a(e){return function(n){return{vue:e(n)}}}function c(e){return n.createPlugin({contentTypeHandlers:{vue:()=>function(e){let n,t;return{render:function(r,u){if(n!==r&&(n&&t&&t.$destroy(),n=r),t)t.content=u;else{t=function(e,n){return new o.default({parent:n,data:{content:e},render(e){let{content:n}=this;return 1===n.length?n[0]:e("span",{},n)}})}(u,e);let n=document.createElement("span");r.appendChild(n),t.$mount(n)}},destroy:function(){t&&t.$destroy()}}}(e)}})}var i=t.defineComponent({name:"FullCalendar",props:{options:{type:Object,default:()=>({})}},render(e){return e("div",{attrs:{"data-fc-render-id":this.renderId}})},setup(e,{expose:r}){const o=t.ref(0),i=t.getCurrentInstance(),d=i&&i.proxy;if(!d)return{};function l(e){return e=e||{},{...(d&&d.$options).scopedSlotOptions,...e,plugins:(e.plugins||[]).concat([c(d)])}}function p(){return(d&&d.$options).calendar}t.onMounted(()=>{let t=d.$options;t.scopedSlotOptions=function(e,n){const t={};for(const r in e)e.hasOwnProperty(r)&&(t[r]=n(e[r],r));return t}(d.$scopedSlots,a);const r=new n.Calendar(d.$el,l(e.options));t.calendar=r,r.render()}),t.onBeforeUpdate(()=>p().resumeRendering()),t.onBeforeUnmount(()=>p().destroy()),t.watch(()=>e.options,e=>{let n=p();n.pauseRendering(),n.resetOptions(l(e)),o.value++},{deep:!0});for(const n in u)t.watch(()=>e.options[n],e=>{if(void 0!==e){let t=p();t.pauseRendering(),t.resetOptions({[n]:s(e)},!0),o.value++}});const f={getApi:p,renderId:o};return r(f),f}});return e.default=i,Object.keys(n).forEach((function(t){"default"===t||e.hasOwnProperty(t)||Object.defineProperty(e,t,{enumerable:!0,get:function(){return n[t]}})})),Object.defineProperty(e,"__esModule",{value:!0}),e}({},FullCalendar,Vue);

package.json

 {
   "name": "@artesa/fullcalendar-vue",
-  "version": "5.13.5",
+  "version": "5.13.6",
   "title": "FullCalendar Vue 2 Component",
@@ -5,0 +5,0 @@ "description": "An official FullCalendar component for Vue 2",

src/FullCalendar.ts

@@ -20,2 +20,8 @@ import { Calendar } from '@fullcalendar/core';
   },
+  render(createElement) {
+    return createElement('div', {
+      // when renderId is changed, Vue will trigger a real-DOM async rerender, calling beforeUpdate/updated
+      attrs: { 'data-fc-render-id': this.renderId }
+    })
+  },
   setup(props, { expose }) {
@@ -88,8 +94,4 @@ const renderId = ref(0);
 
-    return () => h('div', {
-      attrs: {
-        'data-fc-render-id': renderId.value,
-      }
-    })
+    return exposed;
   }
 });

No alert changes

Improved metrics

Total package byte prevSize

36132

1.91%

Lines of code

742

1.09%

No dependency changes