cleek 2.3.11 → 2.3.14

package/dist/cleek.es.js

@@ -11393,6 +11393,9 @@ var validators = {
   align: (type) => {
     return ["left", "center", "right"].includes(type);
   },
+  verticalAlign: (type) => {
+    return ["top", "center", "bottom"].includes(type);
+  },
   buttonType: (type) => {
     return ["filled", "outlined", "flat"].includes(type);
   },
@@ -13336,7 +13339,8 @@ var App;
   }
   App2.OtherClass = OtherClass;
 })(App || (App = {}));
-var ckTable_vue_vue_type_style_index_0_scoped_true_lang = "";
+var ckTable_vue_vue_type_style_index_0_lang = "";
+var ckTable_vue_vue_type_style_index_1_scoped_true_lang = "";
 const _hoisted_1$8 = { class: "ck-table" };
 const _hoisted_2$3 = {
   key: 0,
@@ -13362,6 +13366,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     showRefreshBtn: { type: Boolean, default: false },
     hideItemsPerPage: { type: Boolean, default: false },
     notFullWidth: { type: Boolean, default: false },
+    cellPadding: { type: String, "m": void 0 },
     mobileMaxWidth: { type: [Number, String], default: 800 }
   },
   emits: ["refreshList", "update:search", "update:currentPage"],
@@ -13374,15 +13379,24 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     });
     const columnsAreObj = computed$2(() => !qmObj2.isArray(props.columns));
     const columnsArray = computed$2(() => {
-      if (!columnsAreObj.value)
-        return props.columns;
-      const arr = Object.values(props.columns);
-      const keys = Object.keys(props.columns);
-      arr.forEach((col, index) => {
-        const key = keys[index];
-        col.name = key;
+      if (columnsAreObj.value) {
+        const arr = Object.values(props.columns);
+        const keys = Object.keys(props.columns);
+        arr.forEach((col, index) => {
+          const key = keys[index];
+          col.name = key;
+        });
+        return arr;
+      }
+      const newList = [];
+      props.columns.forEach((col) => {
+        if (typeof col === "string") {
+          newList.push({ title: col });
+        } else {
+          newList.push(col);
+        }
       });
-      return arr;
+      return newList;
     });
     const filteredColumnsList = computed$2(() => {
       return columnsArray.value.filter(functions.isColumnDisplayed);
@@ -13416,6 +13430,14 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
         console.log("ERROR ck-table", "The columns list should be an object");
       }
     }
+    const computedClassTable = computed$2(() => {
+      const list = [];
+      if (props.cellPadding)
+        list.push(`table__cell-padding--${props.cellPadding}`);
+      if (props.notFullWidth)
+        list.push("not-full-width");
+      return list;
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
         __props.hasColumnsManager && unref$1(columnsAreObj) ? (openBlock(), createBlock(TableColumnsManager, {
@@ -13446,7 +13468,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
           ])) : createCommentVNode("", true),
           createElementVNode("div", _hoisted_4$2, [
             createElementVNode("table", {
-              class: normalizeClass(["ck-table__table", { "not-full-width": __props.notFullWidth }])
+              class: normalizeClass(["ck-table__table", unref$1(computedClassTable)])
             }, [
               unref$1(filteredColumnsList).length && !(_ctx.$slots.mobile && unref$1(isMobileVisible)) ? (openBlock(), createElementBlock("thead", _hoisted_5, [
                 createVNode(ckTr, null, {
@@ -13485,7 +13507,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckTable = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-79775e25"]]);
+var ckTable = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-236cfb7e"]]);
 var ckTd_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   props: {
@@ -13495,6 +13517,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     autoWidth: { type: Boolean, default: false },
     overflowAuto: { type: Boolean, default: false },
     align: { type: String, default: void 0, validator: validators.align },
+    verticalAlign: { type: String, default: void 0, validator: validators.verticalAlign },
     fixedWidth: { type: String, default: "" },
     minWidth: { type: String, default: "" },
     maxWidth: { type: String, default: "" },
@@ -13503,10 +13526,14 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const computedTdClass = computed$2(() => {
-      return {
-        "auto-width": props.autoWidth,
-        "overflow-auto": props.overflowAuto
-      };
+      const list = [];
+      if (props.autoWidth)
+        list.push("auto-width");
+      if (props.overflowAuto)
+        list.push("overflow-auto");
+      if (props.verticalAlign)
+        list.push(`vertical-align--${props.verticalAlign}`);
+      return list;
     });
     const computedSpanClass = computed$2(() => {
       const list = [];
@@ -13561,7 +13588,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckTd = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-4eae6064"]]);
+var ckTd = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-4077488a"]]);
 var ckChip_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$7 = ["color"];
 const _sfc_main$7 = /* @__PURE__ */ defineComponent({