@voicenter-team/voicenter-ui-plus 3.0.12 → 3.1.0

package/library/entity/components/Table/VcEntityListTable.vue.mjs

@@ -20,22 +20,26 @@ import _sfc_main$6 from "../../../components/VcButton/VcButton.vue.mjs";
 const _hoisted_1 = { class: "vc-entity-list-table__wrap relative" };
 const _hoisted_2 = { key: 0 };
 const _hoisted_3 = ["colspan"];
-const _hoisted_4 = { class: "w-full p-4 items-center flex flex-col" };
+const _hoisted_4 = { class: "w-full flex justify-center items-center" };
 const _hoisted_5 = { class: "text-default-text text-sm font-semibold" };
-const _hoisted_6 = { class: "flex-center px-2" };
-const _hoisted_7 = { class: "flex justify-between flex-wrap md:flex-nowrap gap-2" };
-const _hoisted_8 = { class: "left-header-actions flex items-center order-2 md:order-1 w-full md:w-auto" };
-const _hoisted_9 = {
+const _hoisted_6 = { key: 1 };
+const _hoisted_7 = ["colspan"];
+const _hoisted_8 = { class: "w-full p-4 items-center flex flex-col" };
+const _hoisted_9 = { class: "text-default-text text-sm font-semibold" };
+const _hoisted_10 = { class: "flex-center px-2" };
+const _hoisted_11 = { class: "flex justify-between flex-wrap md:flex-nowrap gap-2" };
+const _hoisted_12 = { class: "left-header-actions flex items-center order-2 md:order-1 w-full md:w-auto" };
+const _hoisted_13 = {
   key: 0,
   class: "md:mx-6 w-full md:w-60"
 };
-const _hoisted_10 = { class: "right-header-actions flex items-center flex-wrap md:flex-nowrap gap-2 order-1 md:order-2" };
-const _hoisted_11 = { class: "flex items-center justify-center gap-1" };
-const _hoisted_12 = {
+const _hoisted_14 = { class: "right-header-actions flex items-center flex-wrap md:flex-nowrap gap-2 order-1 md:order-2" };
+const _hoisted_15 = { class: "flex items-center justify-center gap-1" };
+const _hoisted_16 = {
   key: 1,
   class: "flex-center gap-1"
 };
-const _hoisted_13 = {
+const _hoisted_17 = {
   key: 0,
   class: "vc-entity-table-disabled-overflow"
 };
@@ -81,6 +85,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const searchModel = ref("");
     const searchInputRef = ref();
     const debouncedSearchModel = refDebounced(searchModel, 300);
+    const tableColumns = computed(() => props.columns);
     const usedSlots = computed(() => {
       return Object.keys(slots);
     });
@@ -233,7 +238,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(_sfc_main$1, mergeProps(unref(attrs), {
           options: dataSearched.value,
-          columns: props.columns,
+          columns: tableColumns.value,
           loading: !!unref(loading),
           "show-selection": isShowSelection.value,
           "show-actions-column": __props.showActionColumns,
@@ -251,38 +256,51 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           onHandleSelectionChange: handleSelectionChange
         }), createSlots({
           "empty-data": withCtx(() => {
-            var _a2;
+            var _a2, _b;
             return [
-              !unref(loading) ? (openBlock(), createElementBlock("tr", _hoisted_2, [
+              unref(loading) ? (openBlock(), createElementBlock("tr", _hoisted_2, [
                 createElementVNode("td", {
                   colspan: ((_a2 = props.columns) == null ? void 0 : _a2.length) + 1
                 }, [
                   createElementVNode("div", _hoisted_4, [
-                    createElementVNode("div", _hoisted_5, toDisplayString(__props.tableNoDataText || unref(tVU).t("voicenterUi.general.no.data")), 1),
-                    isRecycleBin.value ? (openBlock(), createBlock(_sfc_main$6, {
-                      key: 0,
-                      type: "borderless",
-                      icon: "vc-icon-exit-recycle-bin",
-                      "data-test-name": "exit-recycle-bit-button",
-                      onClick: recycleBinClickHandler
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(unref(tVU).t("voicenterUi.general.exitRecycleBin")), 1)
-                      ]),
-                      _: 1
-                    })) : unref(onCreateFunction) ? renderSlot(_ctx.$slots, "add-entity-button", {
-                      key: 1,
-                      entity: unref(entity)
-                    }, () => [
-                      createVNode(_sfc_main$7, {
-                        entity: unref(entity),
-                        "add-entity-label": __props.addEntityLabel,
-                        onClick: addNewClickHandler
-                      }, null, 8, ["entity", "add-entity-label"])
-                    ]) : createCommentVNode("", true)
+                    createElementVNode("span", _hoisted_5, toDisplayString(unref(tVU).t("voicenterUi.loader.loading")) + "...", 1)
                   ])
                 ], 8, _hoisted_3)
-              ])) : createCommentVNode("", true)
+              ])) : (openBlock(), createElementBlock("tr", _hoisted_6, [
+                createElementVNode("td", {
+                  colspan: ((_b = props.columns) == null ? void 0 : _b.length) + 1
+                }, [
+                  renderSlot(_ctx.$slots, "empty-data-slot", {
+                    recycleBin: isRecycleBin.value,
+                    entity: unref(entity)
+                  }, () => [
+                    createElementVNode("div", _hoisted_8, [
+                      createElementVNode("div", _hoisted_9, toDisplayString(__props.tableNoDataText || unref(tVU).t("voicenterUi.general.no.data")), 1),
+                      isRecycleBin.value ? (openBlock(), createBlock(_sfc_main$6, {
+                        key: 0,
+                        type: "borderless",
+                        icon: "vc-icon-exit-recycle-bin",
+                        "data-test-name": "exit-recycle-bit-button",
+                        onClick: recycleBinClickHandler
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(unref(tVU).t("voicenterUi.general.exitRecycleBin")), 1)
+                        ]),
+                        _: 1
+                      })) : unref(onCreateFunction) ? renderSlot(_ctx.$slots, "add-entity-button", {
+                        key: 1,
+                        entity: unref(entity)
+                      }, () => [
+                        createVNode(_sfc_main$7, {
+                          entity: unref(entity),
+                          "add-entity-label": __props.addEntityLabel,
+                          onClick: addNewClickHandler
+                        }, null, 8, ["entity", "add-entity-label"])
+                      ]) : createCommentVNode("", true)
+                    ])
+                  ])
+                ], 8, _hoisted_7)
+              ]))
             ];
           }),
           "header-filter": withCtx(() => [
@@ -290,7 +308,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           "checked-tooltip": withCtx(() => [
             renderSlot(_ctx.$slots, "checked-tooltip", {}, () => [
-              createElementVNode("div", _hoisted_6, [
+              createElementVNode("div", _hoisted_10, [
                 unref(onEntityTableDeleteSelectedFunction) && selectedItems.value.length ? (openBlock(), createBlock(_sfc_main$6, {
                   key: 0,
                   color: "destructive",
@@ -310,9 +328,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "header-actions": withCtx(() => {
             var _a2;
             return [
-              createElementVNode("div", _hoisted_7, [
-                createElementVNode("div", _hoisted_8, [
-                  ((_a2 = __props.searchKeys) == null ? void 0 : _a2.length) ? (openBlock(), createElementBlock("div", _hoisted_9, [
+              createElementVNode("div", _hoisted_11, [
+                createElementVNode("div", _hoisted_12, [
+                  ((_a2 = __props.searchKeys) == null ? void 0 : _a2.length) ? (openBlock(), createElementBlock("div", _hoisted_13, [
                     createVNode(_sfc_main$5, {
                       ref_key: "searchInputRef",
                       ref: searchInputRef,
@@ -325,7 +343,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     }, null, 8, ["modelValue", "placeholder"])
                   ])) : createCommentVNode("", true)
                 ]),
-                createElementVNode("div", _hoisted_10, [
+                createElementVNode("div", _hoisted_14, [
                   renderSlot(_ctx.$slots, "pre-header-actions"),
                   __props.showRecycleBinAction && unref(onRecycleBinToggleFunction) ? (openBlock(), createBlock(_sfc_main$6, {
                     key: 0,
@@ -354,7 +372,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ];
           }),
           "actions-column": withCtx(({ row, index }) => [
-            createElementVNode("div", _hoisted_11, [
+            createElementVNode("div", _hoisted_15, [
               isRecycleBin.value ? (openBlock(), createBlock(_sfc_main$2, {
                 key: 0,
                 "entity-data": row,
@@ -362,7 +380,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 disabled: !unref(onRestoreFunction),
                 "data-test-name": "restore-button",
                 onRestore: restoreClickHandler
-              }, null, 8, ["entity-data", "entity", "disabled"])) : (openBlock(), createElementBlock("div", _hoisted_12, [
+              }, null, 8, ["entity-data", "entity", "disabled"])) : (openBlock(), createElementBlock("div", _hoisted_16, [
                 renderSlot(_ctx.$slots, "pre-column-actions", {
                   row,
                   index
@@ -406,7 +424,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             };
           })
         ]), 1040, ["options", "columns", "loading", "show-selection", "show-actions-column", "is-server-data", "per-page-options", "external-paginate", "loader-type"]),
-        __props.disabled ? (openBlock(), createElementBlock("div", _hoisted_13)) : createCommentVNode("", true)
+        __props.disabled ? (openBlock(), createElementBlock("div", _hoisted_17)) : createCommentVNode("", true)
       ]);
     };
   }