cleek 2.4.24 → 2.4.27

package/dist/cleek.es.js

@@ -29,7 +29,7 @@ var __objRest = (source2, exclude) => {
     }
   return target;
 };
-import { pushScopeId, popScopeId, defineComponent, nextTick as nextTick$1, openBlock, createBlock, withScopeId, resolveComponent, createElementBlock, normalizeClass, normalizeStyle, withKeys, createElementVNode, Fragment, renderSlot, createCommentVNode, mergeProps, withCtx, createVNode, ref, createApp, h, toDisplayString, computed as computed$2, unref as unref$1, createTextVNode, watch, onMounted, onBeforeUnmount, getCurrentInstance, withDirectives, isRef as isRef$1, vModelDynamic, renderList, withModifiers, vModelRadio, vModelSelect, vModelCheckbox, vModelText, Teleport } from "vue";
+import { pushScopeId, popScopeId, defineComponent, nextTick as nextTick$1, openBlock, createBlock, withScopeId, resolveComponent, createElementBlock, normalizeClass, normalizeStyle, withKeys, createElementVNode, Fragment, renderSlot, createCommentVNode, mergeProps, withCtx, createVNode, ref, createApp, h, toDisplayString, computed as computed$2, onMounted, getCurrentInstance, unref as unref$1, createTextVNode, watch, onBeforeUnmount, withDirectives, isRef as isRef$1, vModelDynamic, renderList, withModifiers, vModelRadio, vModelSelect, vModelCheckbox, vModelText, Teleport } from "vue";
 function getBasePlacement(placement) {
   return placement.split("-")[0];
 }
@@ -2339,10 +2339,10 @@ const _hoisted_2$1$1 = {
   class: "v-popper__inner"
 };
 const _hoisted_3$8 = /* @__PURE__ */ createElementVNode("div", { class: "v-popper__arrow-outer" }, null, -1);
-const _hoisted_4$6 = /* @__PURE__ */ createElementVNode("div", { class: "v-popper__arrow-inner" }, null, -1);
+const _hoisted_4$7 = /* @__PURE__ */ createElementVNode("div", { class: "v-popper__arrow-inner" }, null, -1);
 const _hoisted_5$3 = [
   _hoisted_3$8,
-  _hoisted_4$6
+  _hoisted_4$7
 ];
 function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ResizeObserver = resolveComponent("ResizeObserver");
@@ -18684,6 +18684,80 @@ var _iconsCache = {
   faZhihu
 };
 var style = "";
+var hooks8 = {
+  getCleekOptions(getCurrentInstance2) {
+    return getCurrentInstance2().appContext.app.config.globalProperties.$cleekOptions;
+  },
+  getGroupClass({
+    group,
+    groupVertical,
+    widthBreaks = []
+  } = {}, windowWidth) {
+    const componentWidth = this.getWidthByWidthBreaks(widthBreaks, windowWidth);
+    const classList2 = [];
+    if (group && componentWidth !== "100%")
+      classList2.push(`ck-component__group--${group}`);
+    if (groupVertical)
+      classList2.push(`ck-component__group-vertical--${groupVertical}`);
+    return classList2;
+  },
+  getWidthByWidthBreaks(widthBreaks, windowWidth) {
+    if (widthBreaks) {
+      let realWidthBreaks = [...widthBreaks];
+      if (realWidthBreaks.length === 2 && typeof realWidthBreaks[0] === "number" && typeof realWidthBreaks[1] === "string") {
+        realWidthBreaks = [realWidthBreaks];
+      }
+      if (realWidthBreaks.length) {
+        const first = realWidthBreaks[0];
+        if (first[0] !== 0) {
+          realWidthBreaks.unshift([0, "100%"]);
+        }
+      }
+      let finalWidth = "";
+      realWidthBreaks.forEach((widthBreak) => {
+        const [windowBreak, width] = widthBreak;
+        if ((windowWidth || 0) >= windowBreak) {
+          finalWidth = width;
+        }
+      });
+      return finalWidth;
+    }
+  },
+  isColorTemplateVariable(color) {
+    if (color === "primary")
+      return true;
+    if (color === "secondary")
+      return true;
+    if (color === "success")
+      return true;
+    if (color === "warning")
+      return true;
+    if (color === "danger")
+      return true;
+    if (color === "dark")
+      return true;
+    if (color === "light")
+      return true;
+    return false;
+  },
+  isColumnDisplayed(column) {
+    if (column.isDisplayed === false)
+      return false;
+    if (column.unchangeable) {
+      if (column.isDisplayed === true)
+        return true;
+      return false;
+    }
+    return true;
+  },
+  preventUnusedError(functions2) {
+    if (Math.random() === 1) {
+      functions2.forEach((func) => {
+        console.log(func);
+      });
+    }
+  }
+};
 var ckDropdown_vue_vue_type_style_index_0_scoped_true_lang = "";
 var _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
@@ -18696,10 +18770,12 @@ const _hoisted_1$l = { class: "ck-dropdown__popper-container" };
 const _sfc_main$q = /* @__PURE__ */ defineComponent({
   props: {
     dark: { type: Boolean },
-    align: null
+    align: null,
+    layout: null
   },
   setup(__props) {
     const props = __props;
+    let cleekOptions2 = ref();
     const isOpen = ref(false);
     const popperRef = ref(null);
     const computedClass = computed$2(() => {
@@ -18708,6 +18784,16 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
         list.push(`align-${props.align}`);
       return list;
     });
+    const computedClassPopper = computed$2(() => {
+      var _a;
+      const list = [];
+      if (props.dark)
+        list.push("ck-dropdown__popper--dark");
+      const layout = props.layout || ((_a = cleekOptions2.value) == null ? void 0 : _a.styles.layout);
+      if (layout)
+        list.push(`layout--${layout}`);
+      return list;
+    });
     function openClose() {
       if (isOpen.value)
         return;
@@ -18721,6 +18807,9 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
       });
       isOpen.value = true;
     }
+    onMounted(() => {
+      cleekOptions2.value = hooks8.getCleekOptions(getCurrentInstance);
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["ck-dropdown", unref$1(computedClass)])
@@ -18734,7 +18823,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
         createElementVNode("div", _hoisted_1$l, [
           isOpen.value ? (openBlock(), createElementBlock("section", {
             key: 0,
-            class: normalizeClass(["ck-dropdown__popper", { "ck-dropdown__popper--dark": __props.dark }]),
+            class: normalizeClass(["ck-dropdown__popper", unref$1(computedClassPopper)]),
             ref_key: "popperRef",
             ref: popperRef
           }, [
@@ -18748,7 +18837,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-ba11ff8e"]]);
+var ckDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-53ec1f50"]]);
 var ckNavbar_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$p = /* @__PURE__ */ defineComponent({
   props: {
@@ -18797,80 +18886,6 @@ function render2(_ctx, _cache) {
 var ckTr_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$o = {};
 var CkTr = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", render2], ["__scopeId", "data-v-519cf874"]]);
-var hooks8 = {
-  getCleekOptions(getCurrentInstance2) {
-    return getCurrentInstance2().appContext.app.config.globalProperties.$cleekOptions;
-  },
-  getGroupClass({
-    group,
-    groupVertical,
-    widthBreaks = []
-  } = {}, windowWidth) {
-    const componentWidth = this.getWidthByWidthBreaks(widthBreaks, windowWidth);
-    const classList2 = [];
-    if (group && componentWidth !== "100%")
-      classList2.push(`ck-component__group--${group}`);
-    if (groupVertical)
-      classList2.push(`ck-component__group-vertical--${groupVertical}`);
-    return classList2;
-  },
-  getWidthByWidthBreaks(widthBreaks, windowWidth) {
-    if (widthBreaks) {
-      let realWidthBreaks = [...widthBreaks];
-      if (realWidthBreaks.length === 2 && typeof realWidthBreaks[0] === "number" && typeof realWidthBreaks[1] === "string") {
-        realWidthBreaks = [realWidthBreaks];
-      }
-      if (realWidthBreaks.length) {
-        const first = realWidthBreaks[0];
-        if (first[0] !== 0) {
-          realWidthBreaks.unshift([0, "100%"]);
-        }
-      }
-      let finalWidth = "";
-      realWidthBreaks.forEach((widthBreak) => {
-        const [windowBreak, width] = widthBreak;
-        if ((windowWidth || 0) >= windowBreak) {
-          finalWidth = width;
-        }
-      });
-      return finalWidth;
-    }
-  },
-  isColorTemplateVariable(color) {
-    if (color === "primary")
-      return true;
-    if (color === "secondary")
-      return true;
-    if (color === "success")
-      return true;
-    if (color === "warning")
-      return true;
-    if (color === "danger")
-      return true;
-    if (color === "dark")
-      return true;
-    if (color === "light")
-      return true;
-    return false;
-  },
-  isColumnDisplayed(column) {
-    if (column.isDisplayed === false)
-      return false;
-    if (column.unchangeable) {
-      if (column.isDisplayed === true)
-        return true;
-      return false;
-    }
-    return true;
-  },
-  preventUnusedError(functions2) {
-    if (Math.random() === 1) {
-      functions2.forEach((func) => {
-        console.log(func);
-      });
-    }
-  }
-};
 var ckTd_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$n = /* @__PURE__ */ defineComponent({
   props: {
@@ -21302,8 +21317,9 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
 var TableHeaderItems = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-76d9dde9"]]);
 var ckTable__pagination_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$e = { class: "ck-table__pagination" };
-const _hoisted_2$a = ["onClick"];
+const _hoisted_2$a = { class: "ck-table__pagination--numbers-container" };
 const _hoisted_3$7 = ["onClick"];
+const _hoisted_4$6 = ["onClick"];
 const _sfc_main$f = /* @__PURE__ */ defineComponent({
   props: {
     currentPage: null,
@@ -21380,7 +21396,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return __props.currentPage && unref$1(totalPages) > 1 ? (openBlock(), createElementBlock("div", {
         key: 0,
-        class: normalizeClass(["ck-table__pagination-container", `pagination-align--${__props.align}`])
+        class: normalizeClass(["ck-table__pagination-container", `pagination-align--${__props.align || "center"}`])
       }, [
         createElementVNode("div", _hoisted_1$e, [
           unref$1(hasArrowLeft) ? (openBlock(), createElementBlock("div", {
@@ -21390,28 +21406,30 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
           }, [
             createVNode(CkIcon, { icon: "arrow-left" })
           ])) : createCommentVNode("", true),
-          (openBlock(true), createElementBlock(Fragment, null, renderList(unref$1(listLeft), (num) => {
-            return openBlock(), createElementBlock("div", {
-              class: "ck-table__pagination-item pagination-item__left",
-              onClick: ($event) => updateCurrentPage(num)
-            }, toDisplayString(num), 9, _hoisted_2$a);
-          }), 256)),
-          createVNode(CkInput, {
-            class: "ck-table__pagination-input",
-            autoSelect: "",
-            type: "number",
-            width: "50px",
-            align: "center",
-            modelValue: unref$1(currentPageLocal2),
-            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef$1(currentPageLocal2) ? currentPageLocal2.value = $event : null),
-            onChange: _cache[2] || (_cache[2] = ($event) => validateInputNumber($event.target.value))
-          }, null, 8, ["modelValue"]),
-          (openBlock(true), createElementBlock(Fragment, null, renderList(unref$1(listRight), (num) => {
-            return openBlock(), createElementBlock("div", {
-              class: "ck-table__pagination-item pagination-item__right",
-              onClick: ($event) => updateCurrentPage(num)
-            }, toDisplayString(num), 9, _hoisted_3$7);
-          }), 256)),
+          createElementVNode("div", _hoisted_2$a, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref$1(listLeft), (num) => {
+              return openBlock(), createElementBlock("div", {
+                class: "ck-table__pagination-item pagination-item__left",
+                onClick: ($event) => updateCurrentPage(num)
+              }, toDisplayString(num), 9, _hoisted_3$7);
+            }), 256)),
+            createVNode(CkInput, {
+              class: "ck-table__pagination-input",
+              autoSelect: "",
+              type: "number",
+              width: "50px",
+              align: "center",
+              modelValue: unref$1(currentPageLocal2),
+              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef$1(currentPageLocal2) ? currentPageLocal2.value = $event : null),
+              onChange: _cache[2] || (_cache[2] = ($event) => validateInputNumber($event.target.value))
+            }, null, 8, ["modelValue"]),
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref$1(listRight), (num) => {
+              return openBlock(), createElementBlock("div", {
+                class: "ck-table__pagination-item pagination-item__right",
+                onClick: ($event) => updateCurrentPage(num)
+              }, toDisplayString(num), 9, _hoisted_4$6);
+            }), 256))
+          ]),
           unref$1(hasArrowRight) ? (openBlock(), createElementBlock("div", {
             key: 1,
             class: "ck-table__pagination--arrow-right",
@@ -21424,7 +21442,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var TablePagination = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-b8a184d6"]]);
+var TablePagination = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-11bbd8e0"]]);
 const EMPTY_OBJ = {};
 const NOOP = () => {
 };