cleek 2.6.84 → 2.6.86

package/dist/cleek.es.js

@@ -81854,179 +81854,6 @@ const _sfc_main$u = defineComponent$2({
   }
 });
 var ckNavbar = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-66dc4f95"]]);
-const _hoisted_1$l = { class: "ck-tr" };
-function render3(_ctx, _cache) {
-  return openBlock$2(), createElementBlock$2("tr", _hoisted_1$l, [
-    renderSlot$2(_ctx.$slots, "default", {}, void 0, true)
-  ]);
-}
-var ckTr_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$t = {};
-var CkTr = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", render3], ["__scopeId", "data-v-519cf874"]]);
-var ckTd_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$s = defineComponent$2({
-  __name: "ck-td",
-  props: {
-    col: {},
-    nowrap: { type: Boolean },
-    block: { type: Boolean },
-    overflowAuto: { type: Boolean },
-    align: {},
-    verticalAlign: {},
-    fixedWidth: {},
-    autoWidth: { type: Boolean },
-    minWidth: {},
-    maxWidth: {},
-    maxHeight: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const computedTdClass = computed$3(() => {
-      var _a, _b, _c;
-      const list = [];
-      if (props.autoWidth || ((_a = props.col) == null ? void 0 : _a.autoWidth))
-        list.push("auto-width");
-      if (props.overflowAuto || ((_b = props.col) == null ? void 0 : _b.overflowAuto))
-        list.push("overflow-auto");
-      const verticalAlign = props.verticalAlign || ((_c = props.col) == null ? void 0 : _c.verticalAlign);
-      if (verticalAlign)
-        list.push(`vertical-align--${verticalAlign}`);
-      return list;
-    });
-    const computedSpanClass = computed$3(() => {
-      var _a, _b, _c;
-      const list = [];
-      const align = props.align || ((_a = props.col) == null ? void 0 : _a.align);
-      if (align) {
-        if (align === "center")
-          list.push("align-center");
-        if (align === "right")
-          list.push("align-right");
-      }
-      if (props.block || ((_b = props.col) == null ? void 0 : _b.block))
-        list.push("block");
-      if (props.nowrap || ((_c = props.col) == null ? void 0 : _c.nowrap))
-        list.push("no-wrap-text");
-      return list;
-    });
-    const computedStyle = computed$3(() => {
-      var _a, _b, _c, _d, _e2, _f, _g, _h, _i;
-      const list = {};
-      let minWidth;
-      if (props.minWidth || ((_a = props.col) == null ? void 0 : _a.minWidth))
-        minWidth = props.minWidth || ((_b = props.col) == null ? void 0 : _b.minWidth);
-      if (props.fixedWidth || ((_c = props.col) == null ? void 0 : _c.fixedWidth))
-        minWidth = props.fixedWidth || ((_d = props.col) == null ? void 0 : _d.fixedWidth);
-      if (minWidth)
-        list.minWidth = minWidth;
-      let maxWidth;
-      if (props.maxWidth || ((_e2 = props.col) == null ? void 0 : _e2.maxWidth))
-        maxWidth = props.maxWidth || ((_f = props.col) == null ? void 0 : _f.maxWidth);
-      if (props.fixedWidth || ((_g = props.col) == null ? void 0 : _g.fixedWidth))
-        maxWidth = props.fixedWidth || ((_h = props.col) == null ? void 0 : _h.fixedWidth);
-      if (maxWidth)
-        list.maxWidth = maxWidth;
-      if (props.maxHeight || ((_i = props.col) == null ? void 0 : _i.maxHeight))
-        list.maxHeight = props.maxHeight;
-      return list;
-    });
-    const isColumnDisplayed = computed$3(() => {
-      if (!props.col)
-        return true;
-      return hooks9.isColumnDisplayed(props.col);
-    });
-    hooks9.preventUnusedError([
-      isColumnDisplayed,
-      computedStyle
-    ]);
-    return (_ctx, _cache) => {
-      return isColumnDisplayed.value ? (openBlock$2(), createElementBlock$2("td", {
-        key: 0,
-        class: normalizeClass$2(["ck-td", computedTdClass.value])
-      }, [
-        createElementVNode("span", {
-          class: normalizeClass$2(computedSpanClass.value),
-          style: normalizeStyle$2(computedStyle.value)
-        }, [
-          renderSlot$2(_ctx.$slots, "default", {}, void 0, true)
-        ], 6)
-      ], 2)) : createCommentVNode$2("", true);
-    };
-  }
-});
-var CkTd = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-577d1eef"]]);
-var ckTh_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$k = { class: "ck-th" };
-const defaultAlign$1 = "left";
-const _sfc_main$r = defineComponent$2({
-  __name: "ck-th",
-  props: {
-    align: {},
-    minWidth: {},
-    textColor: {},
-    backgroundColor: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const computedSpanClass = computed$3(() => {
-      const list = [];
-      list.push(`align-${props.align || defaultAlign$1}`);
-      if (props.textColor && hooks9.isColorTemplateVariable(props.textColor)) {
-        list.push(`ck-component__color--${props.textColor}`);
-      }
-      if (props.backgroundColor && hooks9.isColorTemplateVariable(props.backgroundColor)) {
-        list.push(`ck-component__bg-color--${props.backgroundColor}`);
-      }
-      return list;
-    });
-    const computedStyle = computed$3(() => {
-      const list = [];
-      if (props.minWidth)
-        list.push({ "min-width": props.minWidth });
-      if (props.textColor && !hooks9.isColorTemplateVariable(props.textColor)) {
-        list.push({ color: props.textColor || "white" });
-      }
-      if (props.backgroundColor && !hooks9.isColorTemplateVariable(props.backgroundColor)) {
-        list.push({ backgroundColor: props.backgroundColor });
-      }
-      return list;
-    });
-    return (_ctx, _cache) => {
-      return openBlock$2(), createElementBlock$2("th", _hoisted_1$k, [
-        createElementVNode("span", {
-          class: normalizeClass$2(computedSpanClass.value),
-          style: normalizeStyle$2(computedStyle.value)
-        }, [
-          renderSlot$2(_ctx.$slots, "default", {}, void 0, true)
-        ], 6)
-      ]);
-    };
-  }
-});
-var CkTh = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-49d9cc74"]]);
-const _sfc_main$q = defineComponent$2({
-  __name: "ck-table__title",
-  props: {
-    col: {},
-    textColor: {},
-    backgroundColor: {}
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock$2(), createBlock$2(CkTh, {
-        align: _ctx.col.align,
-        "min-width": _ctx.col.minWidth,
-        textColor: _ctx.textColor,
-        backgroundColor: _ctx.backgroundColor
-      }, {
-        default: withCtx$2(() => [
-          createTextVNode$2(toDisplayString$1(_ctx.col.title), 1)
-        ]),
-        _: 1
-      }, 8, ["align", "min-width", "textColor", "backgroundColor"]);
-    };
-  }
-});
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -82568,7 +82395,7 @@ defineComponent$2({
   }
 });
 var ckIcon_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$p = defineComponent$2({
+const _sfc_main$t = defineComponent$2({
   __name: "ck-icon",
   props: {
     icon: {},
@@ -82630,7 +82457,180 @@ const _sfc_main$p = defineComponent$2({
     };
   }
 });
-var CkIcon = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-4ea1c4ac"]]);
+var CkIcon = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-4ea1c4ac"]]);
+const _hoisted_1$l = { class: "ck-tr" };
+function render3(_ctx, _cache) {
+  return openBlock$2(), createElementBlock$2("tr", _hoisted_1$l, [
+    renderSlot$2(_ctx.$slots, "default", {}, void 0, true)
+  ]);
+}
+var ckTr_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _sfc_main$s = {};
+var CkTr = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", render3], ["__scopeId", "data-v-519cf874"]]);
+var ckTd_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _sfc_main$r = defineComponent$2({
+  __name: "ck-td",
+  props: {
+    col: {},
+    nowrap: { type: Boolean },
+    block: { type: Boolean },
+    overflowAuto: { type: Boolean },
+    align: {},
+    verticalAlign: {},
+    fixedWidth: {},
+    autoWidth: { type: Boolean },
+    minWidth: {},
+    maxWidth: {},
+    maxHeight: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const computedTdClass = computed$3(() => {
+      var _a, _b, _c;
+      const list = [];
+      if (props.autoWidth || ((_a = props.col) == null ? void 0 : _a.autoWidth))
+        list.push("auto-width");
+      if (props.overflowAuto || ((_b = props.col) == null ? void 0 : _b.overflowAuto))
+        list.push("overflow-auto");
+      const verticalAlign = props.verticalAlign || ((_c = props.col) == null ? void 0 : _c.verticalAlign);
+      if (verticalAlign)
+        list.push(`vertical-align--${verticalAlign}`);
+      return list;
+    });
+    const computedSpanClass = computed$3(() => {
+      var _a, _b, _c;
+      const list = [];
+      const align = props.align || ((_a = props.col) == null ? void 0 : _a.align);
+      if (align) {
+        if (align === "center")
+          list.push("align-center");
+        if (align === "right")
+          list.push("align-right");
+      }
+      if (props.block || ((_b = props.col) == null ? void 0 : _b.block))
+        list.push("block");
+      if (props.nowrap || ((_c = props.col) == null ? void 0 : _c.nowrap))
+        list.push("no-wrap-text");
+      return list;
+    });
+    const computedStyle = computed$3(() => {
+      var _a, _b, _c, _d, _e2, _f, _g, _h, _i;
+      const list = {};
+      let minWidth;
+      if (props.minWidth || ((_a = props.col) == null ? void 0 : _a.minWidth))
+        minWidth = props.minWidth || ((_b = props.col) == null ? void 0 : _b.minWidth);
+      if (props.fixedWidth || ((_c = props.col) == null ? void 0 : _c.fixedWidth))
+        minWidth = props.fixedWidth || ((_d = props.col) == null ? void 0 : _d.fixedWidth);
+      if (minWidth)
+        list.minWidth = minWidth;
+      let maxWidth;
+      if (props.maxWidth || ((_e2 = props.col) == null ? void 0 : _e2.maxWidth))
+        maxWidth = props.maxWidth || ((_f = props.col) == null ? void 0 : _f.maxWidth);
+      if (props.fixedWidth || ((_g = props.col) == null ? void 0 : _g.fixedWidth))
+        maxWidth = props.fixedWidth || ((_h = props.col) == null ? void 0 : _h.fixedWidth);
+      if (maxWidth)
+        list.maxWidth = maxWidth;
+      if (props.maxHeight || ((_i = props.col) == null ? void 0 : _i.maxHeight))
+        list.maxHeight = props.maxHeight;
+      return list;
+    });
+    const isColumnDisplayed = computed$3(() => {
+      if (!props.col)
+        return true;
+      return hooks9.isColumnDisplayed(props.col);
+    });
+    hooks9.preventUnusedError([
+      isColumnDisplayed,
+      computedStyle
+    ]);
+    return (_ctx, _cache) => {
+      return isColumnDisplayed.value ? (openBlock$2(), createElementBlock$2("td", {
+        key: 0,
+        class: normalizeClass$2(["ck-td", computedTdClass.value])
+      }, [
+        createElementVNode("span", {
+          class: normalizeClass$2(computedSpanClass.value),
+          style: normalizeStyle$2(computedStyle.value)
+        }, [
+          renderSlot$2(_ctx.$slots, "default", {}, void 0, true)
+        ], 6)
+      ], 2)) : createCommentVNode$2("", true);
+    };
+  }
+});
+var CkTd = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-577d1eef"]]);
+var ckTh_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _hoisted_1$k = { class: "ck-th" };
+const defaultAlign$1 = "left";
+const _sfc_main$q = defineComponent$2({
+  __name: "ck-th",
+  props: {
+    align: {},
+    minWidth: {},
+    textColor: {},
+    backgroundColor: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const computedSpanClass = computed$3(() => {
+      const list = [];
+      list.push(`align-${props.align || defaultAlign$1}`);
+      if (props.textColor && hooks9.isColorTemplateVariable(props.textColor)) {
+        list.push(`ck-component__color--${props.textColor}`);
+      }
+      if (props.backgroundColor && hooks9.isColorTemplateVariable(props.backgroundColor)) {
+        list.push(`ck-component__bg-color--${props.backgroundColor}`);
+      }
+      return list;
+    });
+    const computedStyle = computed$3(() => {
+      const list = [];
+      if (props.minWidth)
+        list.push({ "min-width": props.minWidth });
+      if (props.textColor && !hooks9.isColorTemplateVariable(props.textColor)) {
+        list.push({ color: props.textColor || "white" });
+      }
+      if (props.backgroundColor && !hooks9.isColorTemplateVariable(props.backgroundColor)) {
+        list.push({ backgroundColor: props.backgroundColor });
+      }
+      return list;
+    });
+    return (_ctx, _cache) => {
+      return openBlock$2(), createElementBlock$2("th", _hoisted_1$k, [
+        createElementVNode("span", {
+          class: normalizeClass$2(computedSpanClass.value),
+          style: normalizeStyle$2(computedStyle.value)
+        }, [
+          renderSlot$2(_ctx.$slots, "default", {}, void 0, true)
+        ], 6)
+      ]);
+    };
+  }
+});
+var CkTh = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-49d9cc74"]]);
+const _sfc_main$p = defineComponent$2({
+  __name: "ck-table__title",
+  props: {
+    col: {},
+    textColor: {},
+    backgroundColor: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock$2(), createBlock$2(CkTh, {
+        align: _ctx.col.align,
+        "min-width": _ctx.col.minWidth,
+        textColor: _ctx.textColor,
+        backgroundColor: _ctx.backgroundColor
+      }, {
+        default: withCtx$2(() => [
+          createTextVNode$2(toDisplayString$1(_ctx.col.title), 1)
+        ]),
+        _: 1
+      }, 8, ["align", "min-width", "textColor", "backgroundColor"]);
+    };
+  }
+});
 function useWindowWidth() {
   const windowWidth = ref$1(0);
   function handleWindowResize(event) {
@@ -84126,7 +84126,7 @@ const _sfc_main$g = defineComponent$2({
       TableColumnsManager,
       TablePagination,
       TableHeaderItems,
-      _sfc_main$q
+      _sfc_main$p
     ]);
     return (_ctx, _cache) => {
       return openBlock$2(), createElementBlock$2(Fragment$2, null, [
@@ -84169,7 +84169,7 @@ const _sfc_main$g = defineComponent$2({
                 createVNode$2(CkTr, { class: "header-row" }, {
                   default: withCtx$2(() => [
                     (openBlock$2(true), createElementBlock$2(Fragment$2, null, renderList$1(filteredColumnsList.value, (col) => {
-                      return openBlock$2(), createBlock$2(_sfc_main$q, {
+                      return openBlock$2(), createBlock$2(_sfc_main$p, {
                         key: col.title,
                         col,
                         textColor: realHeaderTextColor.value,
@@ -84191,7 +84191,12 @@ const _sfc_main$g = defineComponent$2({
                       align: "center"
                     }, {
                       default: withCtx$2(() => [
-                        createTextVNode$2(toDisplayString$1(_ctx.loadingText || defaultLoadingText.value), 1)
+                        createVNode$2(CkIcon, {
+                          class: "mr-2",
+                          icon: "spinner",
+                          spin: ""
+                        }),
+                        createTextVNode$2(toDisplayString$1(_ctx.loadingText || defaultLoadingText.value) + "...", 1)
                       ]),
                       _: 1
                     })
@@ -84236,7 +84241,7 @@ const _sfc_main$g = defineComponent$2({
     };
   }
 });
-var ckTable = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-5e2d3406"]]);
+var ckTable = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-4f3d6b64"]]);
 var ckPagination_vue_vue_type_style_index_0_lang = "";
 const _sfc_main$f = defineComponent$2({
   __name: "ck-pagination",