@oniti/quasar-ui-vlank-collection-crud 3.7.55 → 3.7.57

package/dist/index.umd.js

@@ -1,5 +1,5 @@
 /*!
- * @oniti/quasar-ui-vlank-collection-crud v3.7.54
+ * @oniti/quasar-ui-vlank-collection-crud v3.7.56
  * (c) 2025 Oniti
  * Released under the MIT License.
  */
@@ -15,6 +15,10 @@
   var onitiSseClient__default = /*#__PURE__*/_interopDefaultLegacy(onitiSseClient);
   var Components__default = /*#__PURE__*/_interopDefaultLegacy(Components);
 
+  var _hoisted_1$4 = /*#__PURE__*/vue.createTextVNode("Suppression");
+  var _hoisted_2$4 = /*#__PURE__*/vue.createTextVNode("Confirmez vous la suppression ?");
+
+
   var script$5 = {
     __name: 'VlankDeleteModal',
     props: {
@@ -25,14 +29,16 @@
   },
     emits: ['close'],
     setup: function setup(__props, ref) {
-  var __emit = ref.emit;
+  var $emit = ref.emit;
+
+
+  var props = __props;
 
 
-  var $emit = __emit;
 
   var $collectionCrud = vue.inject('vlank-ccrud');
 
-  var props = __props;
+
 
   function onConfirmeDelete() {
     var obj;
@@ -66,8 +72,8 @@
     var _directive_close_popup = vue.resolveDirective("close-popup");
 
     return (vue.openBlock(), vue.createBlock(vue.unref(quasar.QDialog), vue.mergeProps({
-      modelValue: alertLocalDelete.value,
-      "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) { return ((alertLocalDelete).value = $event); })
+      modelValue: vue.unref(alertLocalDelete),
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) { return (vue.isRef(alertLocalDelete) ? (alertLocalDelete).value = $event : null); })
     }, props.props.modalDeleteOptions.dialog, {
       "transition-show": __props.isMobile ? 'slide-up' : 'fade',
       "transition-hide": __props.isMobile ? 'slide-down' : 'fade',
@@ -103,9 +109,9 @@
                         _: 1 /* STABLE */
                       }))
                     : (vue.openBlock(), vue.createBlock(vue.unref(quasar.QToolbarTitle), { key: 1 }, {
-                        default: vue.withCtx(function () { return _cache[1] || (_cache[1] = [
-                          vue.createTextVNode("Suppression")
-                        ]); }),
+                        default: vue.withCtx(function () { return [
+                          _hoisted_1$4
+                        ]; }),
                         _: 1 /* STABLE */
                       }))
                 ]; })
@@ -117,9 +123,9 @@
                 align: __props.isMobile ? 'center' : 'left',
                 style: {"padding":"30px"}
               }, {
-                default: vue.withCtx(function () { return _cache[2] || (_cache[2] = [
-                  vue.createTextVNode("Confirmez vous la suppression ?")
-                ]); }),
+                default: vue.withCtx(function () { return [
+                  _hoisted_2$4
+                ]; }),
                 _: 1 /* STABLE */
               }, 8 /* PROPS */, ["align"])
             ]; }),
@@ -156,6 +162,10 @@
 
   script$5.__file = "src/components/VlankDeleteModal.vue";
 
+  var _hoisted_1$3 = /*#__PURE__*/vue.createTextVNode("Création");
+  var _hoisted_2$3 = /*#__PURE__*/vue.createTextVNode("Modification");
+
+
   var script$4 = {
     __name: 'VlankEditModal',
     props: {
@@ -172,12 +182,14 @@
   },
     emits: ['close'],
     setup: function setup(__props, ref$1) {
-  var __emit = ref$1.emit;
+  var $emit = ref$1.emit;
 
 
   var props = __props;
 
-  var $emit = __emit;
+
+
+
   var slots = vue.useSlots();
 
   var $collectionCrud = vue.inject('vlank-ccrud');
@@ -270,8 +282,8 @@
 
     return (vue.openBlock(), vue.createBlock(vue.unref(quasar.QDialog), vue.mergeProps({
       class: { 'mobile-modal': __props.isMobile },
-      modelValue: editModalLocal.value,
-      "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) { return ((editModalLocal).value = $event); })
+      modelValue: vue.unref(editModalLocal),
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) { return (vue.isRef(editModalLocal) ? (editModalLocal).value = $event : null); })
     }, props.modalEditOptions.dialog, {
       "transition-show": __props.isMobile ? 'slide-left' : 'fade',
       "transition-hide": __props.isMobile ? 'slide-right' : 'fade',
@@ -311,9 +323,9 @@
                       })),
                   (!props.localDetail.uuid)
                     ? (vue.openBlock(), vue.createBlock(vue.unref(quasar.QToolbarTitle), { key: 2 }, {
-                        default: vue.withCtx(function () { return _cache[1] || (_cache[1] = [
-                          vue.createTextVNode("Création")
-                        ]); }),
+                        default: vue.withCtx(function () { return [
+                          _hoisted_1$3
+                        ]; }),
                         _: 1 /* STABLE */
                       }))
                     : (
@@ -329,13 +341,13 @@
                           _: 1 /* STABLE */
                         }, 8 /* PROPS */, ["class"]))
                       : (vue.openBlock(), vue.createBlock(vue.unref(quasar.QToolbarTitle), { key: 4 }, {
-                          default: vue.withCtx(function () { return _cache[2] || (_cache[2] = [
-                            vue.createTextVNode("Modification")
-                          ]); }),
+                          default: vue.withCtx(function () { return [
+                            _hoisted_2$3
+                          ]; }),
                           _: 1 /* STABLE */
                         }))
                 ]; }),
-                (__props.isMobile && !hasCustomModalActions.value && props.modalEditOptions.showBtn.valid)
+                (__props.isMobile && !vue.unref(hasCustomModalActions) && props.modalEditOptions.showBtn.valid)
                   ? (vue.openBlock(), vue.createBlock(vue.unref(quasar.QBtn), {
                       key: 0,
                       flat: "",
@@ -393,7 +405,7 @@
                       close: close,
                       data: props.localDetail
                     }),
-                    (!hasCustomModalActions.value && props.modalEditOptions.showBtn.cancel)
+                    (!vue.unref(hasCustomModalActions) && props.modalEditOptions.showBtn.cancel)
                       ? vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(quasar.QBtn), {
                           key: 0,
                           flat: "",
@@ -403,7 +415,7 @@
                           [_directive_close_popup]
                         ])
                       : vue.createCommentVNode("v-if", true),
-                    (!hasCustomModalActions.value && props.modalEditOptions.showBtn.valid)
+                    (!vue.unref(hasCustomModalActions) && props.modalEditOptions.showBtn.valid)
                       ? (vue.openBlock(), vue.createBlock(vue.unref(quasar.QBtn), {
                           key: 1,
                           flat: "",
@@ -470,14 +482,16 @@
   },
     emits: ['update', 'onEditCellHandler', 'onClickTabHandler'],
     setup: function setup(__props, ref$1) {
-  var __emit = ref$1.emit;
+  var $emit = ref$1.emit;
 
 
   var props = __props;
 
+
+
   var localDetail = vue.ref(Object.assign({}, props.data));
   var $collectionCrud = vue.inject('vlank-ccrud');
-  var $emit = __emit;
+
 
 
   var getRawValue = vue.computed({
@@ -543,7 +557,7 @@
         : (props.colOptions.type === 'boolean')
           ? vue.renderSlot(_ctx.$slots, getScopedSlotName('boolean-uncheck', props.colOptions.name), { key: 1 })
           : vue.createCommentVNode("v-if", true),
-      vue.createTextVNode(" " + vue.toDisplayString(getValue.value) + " ", 1 /* TEXT */),
+      vue.createTextVNode(" " + vue.toDisplayString(vue.unref(getValue)) + " ", 1 /* TEXT */),
       vue.createVNode(vue.unref(quasar.QPopupEdit), {
         modelValue: localValue.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) { return ((localValue).value = $event); }),
@@ -1294,7 +1308,7 @@
       }
   }
 
-  function useExportCSV(props, pagination, filter) {
+  function useExportData(props, pagination, filter) {
     var $collectionCrud = vue.inject('vlank-ccrud');
     var $q = quasar.useQuasar();
 
@@ -1314,6 +1328,12 @@
         'filter': filter.value,
       };
 
+      if (props.value.extraRequestParams && props.value.extraRequestParams.index) {
+        for (var key in props.value.extraRequestParams.index) {
+          exportParams[key] = props.value.extraRequestParams.index[key];
+        }
+      }
+
       var options = props.value.exportOptions;
       var url = (options && options.url) ? options.url : ("/" + (props.value.collection) + "/export");
 
@@ -1447,12 +1467,14 @@
     "onEditCellHandler"
   ],
     setup: function setup(__props, ref$1) {
-  var __emit = ref$1.emit;
+  var $emit = ref$1.emit;
 
 
   var $attrs = __props;
 
-  var $emit = __emit;
+
+
+
 
   var ccrudTable = vue.ref(null);
 
@@ -1641,7 +1663,7 @@
     filter.value = "";
   }
 
-  var ref$9 = useExportCSV(props, pagination, filter);
+  var ref$9 = useExportData(props, pagination, filter);
   var doExport = ref$9.doExport;
 
 
@@ -1678,7 +1700,7 @@
                     "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) { return ((filter).value = $event); }),
                     placeholder: "Recherche",
                     outlined: "",
-                    rounded: isMobile.value,
+                    rounded: vue.unref(isMobile),
                     style: {"width":"180px"}
                   }, {
                     append: vue.withCtx(function () { return [
@@ -1775,7 +1797,7 @@
                   color: "primary",
                   icon: "edit",
                   flat: "",
-                  round: isMobile.value
+                  round: vue.unref(isMobile)
                 }, null, 8 /* PROPS */, ["onClick", "round"]))
               : (vue.unref(showBtnEditPage) && __props.displayActionCallback(props.row, 'edit'))
                 ? (vue.openBlock(), vue.createBlock(vue.unref(quasar.QBtn), {
@@ -1785,7 +1807,7 @@
                     color: "primary",
                     icon: "edit",
                     flat: "",
-                    round: isMobile.value
+                    round: vue.unref(isMobile)
                   }, null, 8 /* PROPS */, ["to", "round"]))
                 : vue.createCommentVNode("v-if", true),
             (!__props.editablePage && vue.unref(showBtnEditPage) && __props.displayActionCallback(props.row, 'show'))
@@ -1805,7 +1827,7 @@
                   color: "negative",
                   icon: "delete",
                   flat: "",
-                  round: isMobile.value
+                  round: vue.unref(isMobile)
                 }, null, 8 /* PROPS */, ["onClick", "round"]))
               : vue.createCommentVNode("v-if", true),
             vue.renderSlot(_ctx.$slots, "row-action-after-controllers", {
@@ -1816,14 +1838,13 @@
     }),
         _: 2 /* DYNAMIC */
       }, [
-        (isMobile.value)
+        (vue.unref(isMobile))
           ? {
               name: "header",
-              fn: vue.withCtx(function (props) { return []; }),
-              key: "0"
+              fn: vue.withCtx(function (props) { return []; })
             }
           : undefined,
-        (isMobile.value)
+        (vue.unref(isMobile))
           ? {
               name: "body",
               fn: vue.withCtx(function (props) { return [
@@ -1855,8 +1876,8 @@
                                   data: props.row,
                                   class: "body-cell-mobile"
                                 })
-                              : (mobileColumn.value)
-                                ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$2, vue.toDisplayString(props.cols.filter(function (col) { return col.name === mobileColumn.value.name; })[0].value), 1 /* TEXT */))
+                              : (vue.unref(mobileColumn))
+                                ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$2, vue.toDisplayString(props.cols.filter(function (col) { return col.name === vue.unref(mobileColumn).name; })[0].value), 1 /* TEXT */))
                                 : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$2, vue.toDisplayString(props.cols[0].value), 1 /* TEXT */))
                           ]; }),
                           _: 2 /* DYNAMIC */
@@ -1889,8 +1910,7 @@
                           }, function () { return [
                             vue.createVNode(vue.unref(quasar.QIcon), { name: "mdi-pencil" })
                           ]; })
-                        ]; }),
-                        key: "0"
+                        ]; })
                       }
                     : undefined,
                   (vue.unref(showBtnDelete))
@@ -1898,13 +1918,11 @@
                         name: "right",
                         fn: vue.withCtx(function () { return [
                           vue.createVNode(vue.unref(quasar.QIcon), { name: "mdi-delete" })
-                        ]; }),
-                        key: "1"
+                        ]; })
                       }
                     : undefined
                 ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["onLeft", "onRight"])
-              ]; }),
-              key: "1"
+              ]; })
             }
           : undefined,
         vue.renderList(vue.unref(customFields), function (options) {
@@ -1990,7 +2008,7 @@
         props: vue.unref(props),
         alertDelete: alertDelete.value,
         onClose: vue.unref(onCloseDeleteModal),
-        isMobile: isMobile.value
+        isMobile: vue.unref(isMobile)
       }, vue.createSlots({ _: 2 /* DYNAMIC */ }, [
         vue.renderList(vue.unref($slots), function (_, slot) {
           return {
@@ -2010,7 +2028,7 @@
       vue.createVNode(script$4, vue.mergeProps({ localDetail: localDetail.value }, vue.unref(props), {
         editModal: editModal.value,
         onClose: vue.unref(onCloseEditModal),
-        isMobile: isMobile.value,
+        isMobile: vue.unref(isMobile),
         closeModalAfterValidation: __props.closeModalAfterValidation,
         propsLibelleTitle: __props.propsLibelleTitle
       }), vue.createSlots({ _: 2 /* DYNAMIC */ }, [
@@ -2019,7 +2037,7 @@
             name: slot,
             fn: vue.withCtx(function (scope) { return [
               (vue.openBlock(), vue.createElementBlock("div", {
-                class: vue.normalizeClass(isMobile.value ? 'mobile-content modal-content' : 'modal-content'),
+                class: vue.normalizeClass(vue.unref(isMobile) ? 'mobile-content modal-content' : 'modal-content'),
                 key: slot
               }, [
                 vue.renderSlot(_ctx.$slots, slot, vue.normalizeProps(vue.guardReactiveProps(scope)))
@@ -2073,7 +2091,7 @@
     emits: [
     "collectionCrudUpdateLocalDetail" ],
     setup: function setup(__props, ref$1) {
-  var __emit = ref$1.emit;
+  var $emit = ref$1.emit;
 
 
   var route = vueRouter.useRoute();
@@ -2086,10 +2104,11 @@
     onClickBack(route, router);
   }
 
-  var $emit = __emit;
+
 
   var localDetail = vue.ref(null);
   var containerMode = vue.ref(route.meta.containerMode);
+  var showValidationBtn = vue.ref(route.meta.showValidationBtn);
   var extraRequestParams = vue.ref({});
   var propsLibelleTitle = vue.ref(route.meta.propsLibelleTitle);
   var customTitle = vue.ref(null);
@@ -2257,29 +2276,32 @@
                   color: "primary",
                   icon: "arrow_back"
                 }),
-                vue.createElementVNode("h2", null, vue.toDisplayString(getTitle.value), 1 /* TEXT */)
+                vue.createElementVNode("h2", null, vue.toDisplayString(vue.unref(getTitle)), 1 /* TEXT */)
               ]),
               (!containerMode.value && editablePage.value)
                 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$1, [
-                    vue.createVNode(vue.unref(quasar.QBtn), {
-                      icon: getSubmitBtn.value.icon,
-                      onClick: onClickSubmit,
-                      disable: !isLocalDetailUpdated.value,
-                      color: isLocalDetailUpdated.value ? 'primary' : 'grey-5',
-                      loading: submitLoading.value
-                    }, {
-                      default: vue.withCtx(function () { return [
-                        vue.createTextVNode(vue.toDisplayString(getSubmitBtn.value.label), 1 /* TEXT */)
-                      ]; }),
-                      _: 1 /* STABLE */
-                    }, 8 /* PROPS */, ["icon", "disable", "color", "loading"])
+                    (showValidationBtn.value)
+                      ? (vue.openBlock(), vue.createBlock(vue.unref(quasar.QBtn), {
+                          key: 0,
+                          icon: vue.unref(getSubmitBtn).icon,
+                          onClick: onClickSubmit,
+                          disable: !isLocalDetailUpdated.value,
+                          color: isLocalDetailUpdated.value ? 'primary' : 'grey-5',
+                          loading: submitLoading.value
+                        }, {
+                          default: vue.withCtx(function () { return [
+                            vue.createTextVNode(vue.toDisplayString(vue.unref(getSubmitBtn).label), 1 /* TEXT */)
+                          ]; }),
+                          _: 1 /* STABLE */
+                        }, 8 /* PROPS */, ["icon", "disable", "color", "loading"]))
+                      : vue.createCommentVNode("v-if", true)
                   ]))
                 : vue.createCommentVNode("v-if", true)
             ]))
           : vue.createCommentVNode("v-if", true),
         (localDetail.value)
           ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$1, [
-              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(Components__default["default"])[formComponent.value]), {
+              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(Components__default["default"])[vue.unref(formComponent)]), {
                 data: localDetail.value,
                 submitedData: submitedData.value,
                 key: localDetail.value[vue.unref(route_parameter_name)],
@@ -2288,7 +2310,7 @@
                 onCustomSubmitBtn: onCustomSubmitBtn,
                 onUpdateData: updateData,
                 onEditablePage: onEditablePage
-              }, null, 40 /* PROPS, NEED_HYDRATION */, ["data", "submitedData"]))
+              }, null, 40 /* PROPS, HYDRATE_EVENTS */, ["data", "submitedData"]))
             ]))
           : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$1, [
               vue.createVNode(vue.unref(quasar.QSpinner), {
@@ -2331,7 +2353,7 @@
     emits: [
     "collectionCrudUpdateLocalDetail" ],
     setup: function setup(__props, ref$1) {
-  var __emit = ref$1.emit;
+  var $emit = ref$1.emit;
 
 
   var route = vueRouter.useRoute();
@@ -2343,7 +2365,7 @@
   }
 
 
-  var $emit = __emit;
+
 
   var localDetail = vue.ref(null);
   var containerMode = vue.ref(route.meta.containerMode);
@@ -2444,18 +2466,18 @@
                   color: "primary",
                   icon: "arrow_back"
                 }),
-                vue.createElementVNode("h2", null, vue.toDisplayString(getTitle.value), 1 /* TEXT */)
+                vue.createElementVNode("h2", null, vue.toDisplayString(vue.unref(getTitle)), 1 /* TEXT */)
               ]),
               (!containerMode.value)
                 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
                     vue.createVNode(vue.unref(quasar.QBtn), {
                       color: "primary",
-                      icon: getSubmitBtn.value.icon,
+                      icon: vue.unref(getSubmitBtn).icon,
                       onClick: onClickSubmit,
                       loading: submitLoading.value
                     }, {
                       default: vue.withCtx(function () { return [
-                        vue.createTextVNode(vue.toDisplayString(getSubmitBtn.value.label), 1 /* TEXT */)
+                        vue.createTextVNode(vue.toDisplayString(vue.unref(getSubmitBtn).label), 1 /* TEXT */)
                       ]; }),
                       _: 1 /* STABLE */
                     }, 8 /* PROPS */, ["icon", "loading"])
@@ -2465,13 +2487,13 @@
           : vue.createCommentVNode("v-if", true),
         (localDetail.value)
           ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
-              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(Components__default["default"])[formComponent.value]), {
+              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(Components__default["default"])[vue.unref(formComponent)]), {
                 data: localDetail.value,
                 submitedData: submitedData.value,
                 onExtraRequestParams: onExtraRequestParams,
                 onCustomSubmitBtn: onCustomSubmitBtn,
                 onUpdateData: updateData
-              }, null, 40 /* PROPS, NEED_HYDRATION */, ["data", "submitedData"]))
+              }, null, 40 /* PROPS, HYDRATE_EVENTS */, ["data", "submitedData"]))
             ]))
           : (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
               vue.createVNode(vue.unref(quasar.QSpinner), {
@@ -2493,7 +2515,7 @@
   script.__scopeId = "data-v-29e3989a";
   script.__file = "src/components/VlankCreatePage.vue";
 
-  var version = '3.7.54';
+  var version = '3.7.56';
 
   function install (app) {
     app.component(script$2.name, script$2);