cleek 2.1.2 → 2.1.3

package/dist/cleek.es.js

@@ -17,7 +17,61 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { defineComponent, computed as computed$2, watch, h, openBlock, createElementBlock, normalizeClass, unref as unref$1, createBlock, createCommentVNode, ref, onMounted, getCurrentInstance, renderSlot, mergeProps, withKeys, withModifiers, createElementVNode, pushScopeId, popScopeId, normalizeStyle, withCtx, createTextVNode, toDisplayString, withDirectives, isRef as isRef$1, vModelDynamic, createVNode, Fragment, renderList, vModelRadio, vModelSelect, vModelCheckbox, vModelText } from "vue";
+import { defineComponent, ref, openBlock, createElementBlock, createElementVNode, renderSlot, normalizeClass, createCommentVNode, computed as computed$2, watch, h, unref as unref$1, createBlock, onMounted, getCurrentInstance, mergeProps, withKeys, withModifiers, pushScopeId, popScopeId, normalizeStyle, withCtx, createTextVNode, toDisplayString, withDirectives, isRef as isRef$1, vModelDynamic, createVNode, Fragment, renderList, 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;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const _hoisted_1$j = { class: "ck-dropdown" };
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
+  props: {
+    triggerType: { type: String, default: "click" },
+    dark: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const isOpen = ref(false);
+    const popperRef = ref(null);
+    function openClose() {
+      if (isOpen.value)
+        return;
+      const closeListerner = (event) => {
+        if (popperRef.value != event.target)
+          isOpen.value = false;
+        window.removeEventListener("click", closeListerner);
+      };
+      setTimeout(() => {
+        window.addEventListener("click", closeListerner);
+      });
+      isOpen.value = true;
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$j, [
+        createElementVNode("div", {
+          class: "ck-dropdown__trigger",
+          onClick: _cache[0] || (_cache[0] = ($event) => openClose())
+        }, [
+          renderSlot(_ctx.$slots, "trigger", {}, void 0, true)
+        ]),
+        isOpen.value ? (openBlock(), createElementBlock("section", {
+          key: 0,
+          class: normalizeClass(["ck-dropdown__popper", { "ck-dropdown__popper--dark": __props.dark }]),
+          ref_key: "popperRef",
+          ref: popperRef
+        }, [
+          createElementVNode("div", {
+            class: normalizeClass(["ck-dropdown__popper--arrow", { "ck-dropdown__popper--arrow--dark": __props.dark }])
+          }, null, 2),
+          renderSlot(_ctx.$slots, "popper", {}, void 0, true)
+        ], 2)) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+var ckDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-64a91fb4"]]);
 var validators = {
   size: (type) => {
     return ["", "xs", "s", "m", "l", "xl"].includes(type);
@@ -11208,13 +11262,6 @@ defineComponent({
   }
 });
 var ckIcon_vue_vue_type_style_index_0_scoped_true_lang = "";
-var _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
 const _sfc_main$l = /* @__PURE__ */ defineComponent({
   props: {
     icon: { type: [String, Array], default: "" },
@@ -13314,7 +13361,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckTh = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-a6c5a34e"]]);
+var ckTh = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-c179a3c2"]]);
 const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   props: {
     col: { type: Object, required: true }
@@ -13369,7 +13416,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       return value;
     });
     const itemsPerPageIsVisible = computed$2(() => {
-      return !props.hideItemsPerPage && props.listLength;
+      return !props.hideItemsPerPage && props.listLength && props.currentPage;
     });
     const searchGroupValue = computed$2(() => {
       if (itemsPerPageIsVisible.value && props.hasColumnsManager) {
@@ -13423,7 +13470,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var TableHeaderItems = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-38244f67"]]);
+var TableHeaderItems = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-350be915"]]);
 var ckTable__pagination_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$4 = { class: "ck-table__pagination" };
 const _hoisted_2$2 = ["onClick"];
@@ -16482,6 +16529,7 @@ const unlockScroll = () => {
 var components = /* @__PURE__ */ Object.freeze({
   __proto__: null,
   [Symbol.toStringTag]: "Module",
+  ckDropdown,
   ckButton,
   ckCheckbox,
   ckChip,
@@ -16536,4 +16584,4 @@ const install = function installCleek(app, options) {
     app.component(componentName, component);
   });
 };
-export { events as EVENTS, mitt as EventBus, ckButton, ckCheckbox, ckChip, ckIcon, ckImg, ckInput, ckLabel, _sfc_main$e as ckPopup, ckRadio, ckSelect, ckSwitch, ckSwitchOptions, ckTable, ckTd, ckTextarea, ckTh, ckTooltip, ckTr, install as default, lockScroll, unlockScroll };
+export { events as EVENTS, mitt as EventBus, ckButton, ckCheckbox, ckChip, ckDropdown, ckIcon, ckImg, ckInput, ckLabel, _sfc_main$e as ckPopup, ckRadio, ckSelect, ckSwitch, ckSwitchOptions, ckTable, ckTd, ckTextarea, ckTh, ckTooltip, ckTr, install as default, lockScroll, unlockScroll };