cleek 2.1.20 → 2.1.21

package/dist/cleek.es.js

@@ -17,7 +17,7 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { defineComponent, ref, openBlock, createElementBlock, createElementVNode, renderSlot, normalizeClass, createCommentVNode, computed as computed$2, normalizeStyle, unref as unref$1, watch, h, createBlock, Teleport, createVNode, createTextVNode, toDisplayString, withCtx, onMounted, getCurrentInstance, withDirectives, isRef as isRef$1, vModelDynamic, Fragment, renderList, mergeProps, withKeys, withModifiers, pushScopeId, popScopeId, vModelRadio, vModelSelect, vModelCheckbox, vModelText } from "vue";
+import { defineComponent, ref, openBlock, createElementBlock, createElementVNode, renderSlot, normalizeClass, createCommentVNode, computed as computed$2, normalizeStyle, unref as unref$1, watch, h, createBlock, Teleport, createVNode, createTextVNode, toDisplayString, withCtx, onMounted, getCurrentInstance, withDirectives, isRef as isRef$1, vModelDynamic, Fragment, renderList, mergeProps, withKeys, withModifiers, pushScopeId, popScopeId, nextTick as nextTick$1, onBeforeUnmount, vModelRadio, vModelSelect, vModelCheckbox, vModelText } from "vue";
 var ckDropdown_vue_vue_type_style_index_0_scoped_true_lang = "";
 var _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
@@ -13275,7 +13275,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     hideHeaderActions: { type: Boolean, default: false },
     showRefreshBtn: { type: Boolean, default: false },
     hideItemsPerPage: { type: Boolean, default: false },
-    notFullWidth: { type: Boolean, default: false }
+    notFullWidth: { type: Boolean, default: false },
+    mobileMaxWidth: { type: [Number, String], default: 800 }
   },
   emits: ["refreshList", "update:search", "update:currentPage"],
   setup(__props, { emit: emits }) {
@@ -13315,6 +13316,9 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
         emits("update:currentPage", val);
       }
     });
+    const isMobileVisible = computed$2(() => {
+      return realWindowWidth.value <= +props.mobileMaxWidth;
+    });
     function refreshList(pageChange = false) {
       emits("refreshList", pageChange);
     }
@@ -13325,6 +13329,19 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
         console.log("ERROR ck-table", "The columns list should be an object");
       }
     }
+    const realWindowWidth = ref(0);
+    function handleWindowResize(event) {
+      realWindowWidth.value = event.currentTarget.innerWidth;
+    }
+    onMounted(() => {
+      nextTick$1(() => {
+        window.addEventListener("resize", handleWindowResize);
+      });
+      realWindowWidth.value = window.innerWidth;
+    });
+    onBeforeUnmount(() => {
+      window.removeEventListener("resize", handleWindowResize);
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
         __props.hasColumnsManager && unref$1(columnsAreObj) ? (openBlock(), createBlock(TableColumnsManager, {
@@ -13357,7 +13374,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
             createElementVNode("table", {
               class: normalizeClass(["ck-table__table", { "not-full-width": __props.notFullWidth }])
             }, [
-              unref$1(filteredColumnsList).length ? (openBlock(), createElementBlock("thead", _hoisted_5, [
+              unref$1(filteredColumnsList).length && !(_ctx.$slots.mobile && unref$1(isMobileVisible)) ? (openBlock(), createElementBlock("thead", _hoisted_5, [
                 createVNode(ckTr, null, {
                   default: withCtx(() => [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(unref$1(filteredColumnsList), (col) => {
@@ -13371,7 +13388,9 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                 })
               ])) : createCommentVNode("", true),
               createElementVNode("tbody", null, [
-                renderSlot(_ctx.$slots, "default", {}, void 0, true)
+                renderSlot(_ctx.$slots, "default", {}, void 0, true),
+                !unref$1(isMobileVisible) ? renderSlot(_ctx.$slots, "desktop", { key: 0 }, void 0, true) : createCommentVNode("", true),
+                unref$1(isMobileVisible) ? renderSlot(_ctx.$slots, "mobile", { key: 1 }, void 0, true) : createCommentVNode("", true)
               ]),
               _ctx.$slots.footer ? (openBlock(), createElementBlock("tfoot", _hoisted_6, [
                 renderSlot(_ctx.$slots, "footer", {}, void 0, true)
@@ -13392,7 +13411,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckTable = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-160656a0"]]);
+var ckTable = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-6ea45185"]]);
 var ckTd_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   props: {