cleek 2.4.24 → 2.4.25

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];
 }
@@ -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-6bb2e656"]]);
 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: {