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

package/dist/index.umd.js

@@ -1,24 +1,20 @@
 /*!
- * @oniti/quasar-ui-vlank-collection-crud v3.7.56
+ * @oniti/quasar-ui-vlank-collection-crud v3.7.53
  * (c) 2025 Oniti
  * Released under the MIT License.
  */
 
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('vue'), require('quasar'), require('@oniti/oniti-helpers'), require('oniti-sse-client'), require('axios-oniti'), require('vuex'), require('vue-router'), require('vlank-collection-crud-forms')) :
-  typeof define === 'function' && define.amd ? define(['vue', 'quasar', '@oniti/oniti-helpers', 'oniti-sse-client', 'axios-oniti', 'vuex', 'vue-router', 'vlank-collection-crud-forms'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.global = factory(global.Vue, global.Quasar, global.onitiHelpers, global.onitiSseClient, global.axiosOniti, global.vuex, global.vueRouter, global.Components));
-})(this, (function (vue, quasar, onitiHelpers, onitiSseClient, axiosOniti, vuex, vueRouter, Components) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('vue'), require('quasar'), require('@oniti/oniti-helpers'), require('oniti-sse-client'), require('vuex'), require('vue-router'), require('vlank-collection-crud-forms')) :
+  typeof define === 'function' && define.amd ? define(['vue', 'quasar', '@oniti/oniti-helpers', 'oniti-sse-client', 'vuex', 'vue-router', 'vlank-collection-crud-forms'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.global = factory(global.Vue, global.Quasar, global.onitiHelpers, global.onitiSseClient, global.vuex, global.vueRouter, global.Components));
+})(this, (function (vue, quasar, onitiHelpers, onitiSseClient, vuex, vueRouter, Components) { 'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
   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: {
@@ -29,16 +25,14 @@
   },
     emits: ['close'],
     setup: function setup(__props, ref) {
-  var $emit = ref.emit;
-
-
-  var props = __props;
+  var __emit = ref.emit;
 
 
+  var $emit = __emit;
 
   var $collectionCrud = vue.inject('vlank-ccrud');
 
-
+  var props = __props;
 
   function onConfirmeDelete() {
     var obj;
@@ -72,8 +66,8 @@
     var _directive_close_popup = vue.resolveDirective("close-popup");
 
     return (vue.openBlock(), vue.createBlock(vue.unref(quasar.QDialog), vue.mergeProps({
-      modelValue: vue.unref(alertLocalDelete),
-      "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) { return (vue.isRef(alertLocalDelete) ? (alertLocalDelete).value = $event : null); })
+      modelValue: alertLocalDelete.value,
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) { return ((alertLocalDelete).value = $event); })
     }, props.props.modalDeleteOptions.dialog, {
       "transition-show": __props.isMobile ? 'slide-up' : 'fade',
       "transition-hide": __props.isMobile ? 'slide-down' : 'fade',
@@ -109,9 +103,9 @@
                         _: 1 /* STABLE */
                       }))
                     : (vue.openBlock(), vue.createBlock(vue.unref(quasar.QToolbarTitle), { key: 1 }, {
-                        default: vue.withCtx(function () { return [
-                          _hoisted_1$4
-                        ]; }),
+                        default: vue.withCtx(function () { return _cache[1] || (_cache[1] = [
+                          vue.createTextVNode("Suppression")
+                        ]); }),
                         _: 1 /* STABLE */
                       }))
                 ]; })
@@ -123,9 +117,9 @@
                 align: __props.isMobile ? 'center' : 'left',
                 style: {"padding":"30px"}
               }, {
-                default: vue.withCtx(function () { return [
-                  _hoisted_2$4
-                ]; }),
+                default: vue.withCtx(function () { return _cache[2] || (_cache[2] = [
+                  vue.createTextVNode("Confirmez vous la suppression ?")
+                ]); }),
                 _: 1 /* STABLE */
               }, 8 /* PROPS */, ["align"])
             ]; }),
@@ -162,10 +156,6 @@
 
   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: {
@@ -182,14 +172,12 @@
   },
     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');
@@ -282,8 +270,8 @@
 
     return (vue.openBlock(), vue.createBlock(vue.unref(quasar.QDialog), vue.mergeProps({
       class: { 'mobile-modal': __props.isMobile },
-      modelValue: vue.unref(editModalLocal),
-      "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) { return (vue.isRef(editModalLocal) ? (editModalLocal).value = $event : null); })
+      modelValue: editModalLocal.value,
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) { return ((editModalLocal).value = $event); })
     }, props.modalEditOptions.dialog, {
       "transition-show": __props.isMobile ? 'slide-left' : 'fade',
       "transition-hide": __props.isMobile ? 'slide-right' : 'fade',
@@ -323,9 +311,9 @@
                       })),
                   (!props.localDetail.uuid)
                     ? (vue.openBlock(), vue.createBlock(vue.unref(quasar.QToolbarTitle), { key: 2 }, {
-                        default: vue.withCtx(function () { return [
-                          _hoisted_1$3
-                        ]; }),
+                        default: vue.withCtx(function () { return _cache[1] || (_cache[1] = [
+                          vue.createTextVNode("Création")
+                        ]); }),
                         _: 1 /* STABLE */
                       }))
                     : (
@@ -341,13 +329,13 @@
                           _: 1 /* STABLE */
                         }, 8 /* PROPS */, ["class"]))
                       : (vue.openBlock(), vue.createBlock(vue.unref(quasar.QToolbarTitle), { key: 4 }, {
-                          default: vue.withCtx(function () { return [
-                            _hoisted_2$3
-                          ]; }),
+                          default: vue.withCtx(function () { return _cache[2] || (_cache[2] = [
+                            vue.createTextVNode("Modification")
+                          ]); }),
                           _: 1 /* STABLE */
                         }))
                 ]; }),
-                (__props.isMobile && !vue.unref(hasCustomModalActions) && props.modalEditOptions.showBtn.valid)
+                (__props.isMobile && !hasCustomModalActions.value && props.modalEditOptions.showBtn.valid)
                   ? (vue.openBlock(), vue.createBlock(vue.unref(quasar.QBtn), {
                       key: 0,
                       flat: "",
@@ -405,7 +393,7 @@
                       close: close,
                       data: props.localDetail
                     }),
-                    (!vue.unref(hasCustomModalActions) && props.modalEditOptions.showBtn.cancel)
+                    (!hasCustomModalActions.value && props.modalEditOptions.showBtn.cancel)
                       ? vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(quasar.QBtn), {
                           key: 0,
                           flat: "",
@@ -415,7 +403,7 @@
                           [_directive_close_popup]
                         ])
                       : vue.createCommentVNode("v-if", true),
-                    (!vue.unref(hasCustomModalActions) && props.modalEditOptions.showBtn.valid)
+                    (!hasCustomModalActions.value && props.modalEditOptions.showBtn.valid)
                       ? (vue.openBlock(), vue.createBlock(vue.unref(quasar.QBtn), {
                           key: 1,
                           flat: "",
@@ -482,16 +470,14 @@
   },
     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({
@@ -557,7 +543,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(vue.unref(getValue)) + " ", 1 /* TEXT */),
+      vue.createTextVNode(" " + vue.toDisplayString(getValue.value) + " ", 1 /* TEXT */),
       vue.createVNode(vue.unref(quasar.QPopupEdit), {
         modelValue: localValue.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) { return ((localValue).value = $event); }),
@@ -630,9 +616,6 @@
       },
       propsLibelleTitle: null,
       customCreateButtonText: null,
-      exportOptions: {
-        enabled: false,
-      },
     };
 
     /**
@@ -702,10 +685,6 @@
       var rightName = getRightName("create");
       return props.value.showBtnCreate && (!rightName || $auth.check(rightName));
     });
-    var showBtnExport = vue.computed(function () {
-      // TODO: check a specific 'export' right?
-      return props.value.exportOptions && props.value.exportOptions.enabled;
-    });
     var editOnTable = vue.computed(function () {
       return props.value.editMode === "table" && showBtnEdit.value;
     });
@@ -718,7 +697,6 @@
       showBtnEditPage: showBtnEditPage,
       showBtnEditModal: showBtnEditModal,
       showBtnCreatePage: showBtnCreatePage,
-      showBtnExport: showBtnExport,
       editOnTable: editOnTable,
     };
   }
@@ -1308,78 +1286,6 @@
       }
   }
 
-  function useExportData(props, pagination, filter) {
-    var $collectionCrud = vue.inject('vlank-ccrud');
-    var $q = quasar.useQuasar();
-
-    function showDlFailure() {
-      $q.notify({
-        message: 'Téléchargement impossible',
-        color: 'negative',
-        icon: 'warning'
-      });
-    }
-
-    function doExport() {
-      var exportParams = {
-        'primaryFieldSearch': $collectionCrud.getRouteParameterName(props.value.collection),
-        'sortBy': pagination.value.sortBy,
-        'descending': pagination.value.descending,
-        '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");
-
-      axiosOniti.axiosClient
-        .get(url, {
-          params: exportParams,
-          responseType: 'blob',
-        })
-        .then(function (response) {
-          var contentDisposition = response.headers['content-disposition'];
-          if (!contentDisposition) {
-            showDlFailure();
-            console.error('No Content-Disposition header found (see exposed_headers in config/cors.php)');
-            return
-          }
-
-          var parts = contentDisposition.split('filename=');
-          if (parts.length !== 2) {
-            showDlFailure();
-            console.error('Invalid content-disposition header (missing filename)');
-            return
-          }
-
-          var filename = parts[1];
-          var mime = response.data.type;
-
-          var status = quasar.exportFile(
-            filename,
-            response.data,
-            mime
-          );
-
-          if (status !== true) {
-            showDlFailure();
-          }
-        })
-        .catch(function () {
-          showDlFailure();
-        });
-    }
-
-    return {
-      doExport: doExport
-    }
-  }
-
   var _hoisted_1$2 = { class: "col" };
   var _hoisted_2$2 = { key: 1 };
   var _hoisted_3$2 = { key: 2 };
@@ -1457,7 +1363,6 @@
       type: Function,
       default: null
     },
-    exportOptions: Object,
   },
     emits: [
     "detailChange",
@@ -1467,14 +1372,12 @@
     "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);
 
@@ -1516,7 +1419,6 @@
   var showBtnEditPage = ref$3.showBtnEditPage;
   var showBtnEditModal = ref$3.showBtnEditModal;
   var showBtnCreatePage = ref$3.showBtnCreatePage;
-  var showBtnExport = ref$3.showBtnExport;
   var editOnTable = ref$3.editOnTable;
 
   var ref$4 = useTable(props, $slots, showBtnEdit, showBtnDelete);
@@ -1551,6 +1453,8 @@
   var getList = ref$6.getList;
   var asyncRequest = ref$6.asyncRequest;
 
+  var safeRows = vue.computed(function () { return rows.value || []; });
+
   var ref$7 = useHandlers(props, $emit, getList, localDetail, alertDelete, editModal);
   var onClickDelete = ref$7.onClickDelete;
   var onClickAdd = ref$7.onClickAdd;
@@ -1663,15 +1567,11 @@
     filter.value = "";
   }
 
-  var ref$9 = useExportData(props, pagination, filter);
-  var doExport = ref$9.doExport;
-
-
   return function (_ctx, _cache) {
     return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [
       vue.createVNode(vue.unref(quasar.QTable), vue.mergeProps({
         flat: "",
-        rows: vue.unref(rows)
+        rows: safeRows.value
       }, vue.unref(table), {
         filter: filter.value,
         onRequest: vue.unref(asyncRequest),
@@ -1700,7 +1600,7 @@
                     "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) { return ((filter).value = $event); }),
                     placeholder: "Recherche",
                     outlined: "",
-                    rounded: vue.unref(isMobile),
+                    rounded: isMobile.value,
                     style: {"width":"180px"}
                   }, {
                     append: vue.withCtx(function () { return [
@@ -1721,26 +1621,9 @@
                     _: 1 /* STABLE */
                   }, 8 /* PROPS */, ["modelValue", "rounded"]))
                 : vue.createCommentVNode("v-if", true),
-              (vue.unref(showBtnExport))
-                ? (vue.openBlock(), vue.createBlock(vue.unref(quasar.QBtn), {
-                    key: 1,
-                    onClick: vue.unref(doExport),
-                    color: "primary",
-                    icon:  __props.exportOptions.icon ? __props.exportOptions.icon : 'mdi-file-download',
-                    flat: __props.exportOptions.flat !== undefined ? __props.exportOptions.flat : true,
-                    label: __props.exportOptions.label ? __props.exportOptions.label : null,
-                    style: {"margin-left":"1em"},
-                    square: ""
-                  }, {
-                    default: vue.withCtx(function () { return [
-                      vue.renderSlot(_ctx.$slots, "export-btn-tooltip")
-                    ]; }),
-                    _: 3 /* FORWARDED */
-                  }, 8 /* PROPS */, ["onClick", "icon", "flat", "label"]))
-                : vue.createCommentVNode("v-if", true),
               (vue.unref(showBtnCreatePage))
                 ? (vue.openBlock(), vue.createBlock(vue.unref(quasar.QBtn), {
-                    key: 2,
+                    key: 1,
                     type: "a",
                     to: { name: vue.unref(collectionCreateNamedRoute) },
                     label: vue.unref(customCreateButtonText) ? vue.unref(customCreateButtonText) : null,
@@ -1756,7 +1639,7 @@
                   }, 8 /* PROPS */, ["to", "label"]))
                 : (vue.unref(showBtnCreate))
                   ? (vue.openBlock(), vue.createBlock(vue.unref(quasar.QBtn), {
-                      key: 3,
+                      key: 2,
                       label: vue.unref(customCreateButtonText) ? vue.unref(customCreateButtonText) : null,
                       icon: "add",
                       color: "primary",
@@ -1797,7 +1680,7 @@
                   color: "primary",
                   icon: "edit",
                   flat: "",
-                  round: vue.unref(isMobile)
+                  round: isMobile.value
                 }, null, 8 /* PROPS */, ["onClick", "round"]))
               : (vue.unref(showBtnEditPage) && __props.displayActionCallback(props.row, 'edit'))
                 ? (vue.openBlock(), vue.createBlock(vue.unref(quasar.QBtn), {
@@ -1807,7 +1690,7 @@
                     color: "primary",
                     icon: "edit",
                     flat: "",
-                    round: vue.unref(isMobile)
+                    round: isMobile.value
                   }, null, 8 /* PROPS */, ["to", "round"]))
                 : vue.createCommentVNode("v-if", true),
             (!__props.editablePage && vue.unref(showBtnEditPage) && __props.displayActionCallback(props.row, 'show'))
@@ -1827,7 +1710,7 @@
                   color: "negative",
                   icon: "delete",
                   flat: "",
-                  round: vue.unref(isMobile)
+                  round: isMobile.value
                 }, null, 8 /* PROPS */, ["onClick", "round"]))
               : vue.createCommentVNode("v-if", true),
             vue.renderSlot(_ctx.$slots, "row-action-after-controllers", {
@@ -1838,13 +1721,14 @@
     }),
         _: 2 /* DYNAMIC */
       }, [
-        (vue.unref(isMobile))
+        (isMobile.value)
           ? {
               name: "header",
-              fn: vue.withCtx(function (props) { return []; })
+              fn: vue.withCtx(function (props) { return []; }),
+              key: "0"
             }
           : undefined,
-        (vue.unref(isMobile))
+        (isMobile.value)
           ? {
               name: "body",
               fn: vue.withCtx(function (props) { return [
@@ -1876,8 +1760,8 @@
                                   data: props.row,
                                   class: "body-cell-mobile"
                                 })
-                              : (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 */))
+                              : (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.openBlock(), vue.createElementBlock("span", _hoisted_3$2, vue.toDisplayString(props.cols[0].value), 1 /* TEXT */))
                           ]; }),
                           _: 2 /* DYNAMIC */
@@ -1910,7 +1794,8 @@
                           }, function () { return [
                             vue.createVNode(vue.unref(quasar.QIcon), { name: "mdi-pencil" })
                           ]; })
-                        ]; })
+                        ]; }),
+                        key: "0"
                       }
                     : undefined,
                   (vue.unref(showBtnDelete))
@@ -1918,11 +1803,13 @@
                         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) {
@@ -2008,7 +1895,7 @@
         props: vue.unref(props),
         alertDelete: alertDelete.value,
         onClose: vue.unref(onCloseDeleteModal),
-        isMobile: vue.unref(isMobile)
+        isMobile: isMobile.value
       }, vue.createSlots({ _: 2 /* DYNAMIC */ }, [
         vue.renderList(vue.unref($slots), function (_, slot) {
           return {
@@ -2028,7 +1915,7 @@
       vue.createVNode(script$4, vue.mergeProps({ localDetail: localDetail.value }, vue.unref(props), {
         editModal: editModal.value,
         onClose: vue.unref(onCloseEditModal),
-        isMobile: vue.unref(isMobile),
+        isMobile: isMobile.value,
         closeModalAfterValidation: __props.closeModalAfterValidation,
         propsLibelleTitle: __props.propsLibelleTitle
       }), vue.createSlots({ _: 2 /* DYNAMIC */ }, [
@@ -2037,7 +1924,7 @@
             name: slot,
             fn: vue.withCtx(function (scope) { return [
               (vue.openBlock(), vue.createElementBlock("div", {
-                class: vue.normalizeClass(vue.unref(isMobile) ? 'mobile-content modal-content' : 'modal-content'),
+                class: vue.normalizeClass(isMobile.value ? 'mobile-content modal-content' : 'modal-content'),
                 key: slot
               }, [
                 vue.renderSlot(_ctx.$slots, slot, vue.normalizeProps(vue.guardReactiveProps(scope)))
@@ -2091,7 +1978,7 @@
     emits: [
     "collectionCrudUpdateLocalDetail" ],
     setup: function setup(__props, ref$1) {
-  var $emit = ref$1.emit;
+  var __emit = ref$1.emit;
 
 
   var route = vueRouter.useRoute();
@@ -2104,11 +1991,10 @@
     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);
@@ -2276,32 +2162,29 @@
                   color: "primary",
                   icon: "arrow_back"
                 }),
-                vue.createElementVNode("h2", null, vue.toDisplayString(vue.unref(getTitle)), 1 /* TEXT */)
+                vue.createElementVNode("h2", null, vue.toDisplayString(getTitle.value), 1 /* TEXT */)
               ]),
               (!containerMode.value && editablePage.value)
                 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$1, [
-                    (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.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"])
                   ]))
                 : 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"])[vue.unref(formComponent)]), {
+              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(Components__default["default"])[formComponent.value]), {
                 data: localDetail.value,
                 submitedData: submitedData.value,
                 key: localDetail.value[vue.unref(route_parameter_name)],
@@ -2310,7 +2193,7 @@
                 onCustomSubmitBtn: onCustomSubmitBtn,
                 onUpdateData: updateData,
                 onEditablePage: onEditablePage
-              }, null, 40 /* PROPS, HYDRATE_EVENTS */, ["data", "submitedData"]))
+              }, null, 40 /* PROPS, NEED_HYDRATION */, ["data", "submitedData"]))
             ]))
           : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$1, [
               vue.createVNode(vue.unref(quasar.QSpinner), {
@@ -2353,7 +2236,7 @@
     emits: [
     "collectionCrudUpdateLocalDetail" ],
     setup: function setup(__props, ref$1) {
-  var $emit = ref$1.emit;
+  var __emit = ref$1.emit;
 
 
   var route = vueRouter.useRoute();
@@ -2365,7 +2248,7 @@
   }
 
 
-
+  var $emit = __emit;
 
   var localDetail = vue.ref(null);
   var containerMode = vue.ref(route.meta.containerMode);
@@ -2466,18 +2349,18 @@
                   color: "primary",
                   icon: "arrow_back"
                 }),
-                vue.createElementVNode("h2", null, vue.toDisplayString(vue.unref(getTitle)), 1 /* TEXT */)
+                vue.createElementVNode("h2", null, vue.toDisplayString(getTitle.value), 1 /* TEXT */)
               ]),
               (!containerMode.value)
                 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
                     vue.createVNode(vue.unref(quasar.QBtn), {
                       color: "primary",
-                      icon: vue.unref(getSubmitBtn).icon,
+                      icon: getSubmitBtn.value.icon,
                       onClick: onClickSubmit,
                       loading: submitLoading.value
                     }, {
                       default: vue.withCtx(function () { return [
-                        vue.createTextVNode(vue.toDisplayString(vue.unref(getSubmitBtn).label), 1 /* TEXT */)
+                        vue.createTextVNode(vue.toDisplayString(getSubmitBtn.value.label), 1 /* TEXT */)
                       ]; }),
                       _: 1 /* STABLE */
                     }, 8 /* PROPS */, ["icon", "loading"])
@@ -2487,13 +2370,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"])[vue.unref(formComponent)]), {
+              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(Components__default["default"])[formComponent.value]), {
                 data: localDetail.value,
                 submitedData: submitedData.value,
                 onExtraRequestParams: onExtraRequestParams,
                 onCustomSubmitBtn: onCustomSubmitBtn,
                 onUpdateData: updateData
-              }, null, 40 /* PROPS, HYDRATE_EVENTS */, ["data", "submitedData"]))
+              }, null, 40 /* PROPS, NEED_HYDRATION */, ["data", "submitedData"]))
             ]))
           : (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
               vue.createVNode(vue.unref(quasar.QSpinner), {
@@ -2515,7 +2398,7 @@
   script.__scopeId = "data-v-29e3989a";
   script.__file = "src/components/VlankCreatePage.vue";
 
-  var version = '3.7.56';
+  var version = '3.7.53';
 
   function install (app) {
     app.component(script$2.name, script$2);