cleek 2.3.27 → 2.3.31

package/dist/cleek.es.js

@@ -17,7 +17,7 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { defineComponent, ref, openBlock, createElementBlock, createElementVNode, renderSlot, normalizeClass, createCommentVNode, computed as computed$2, normalizeStyle, unref as unref$1, watch, h, createBlock, Teleport, createVNode, createTextVNode, toDisplayString, withCtx, onMounted, nextTick as nextTick$1, onBeforeUnmount, getCurrentInstance, withDirectives, isRef as isRef$1, vModelDynamic, Fragment, renderList, mergeProps, withKeys, withModifiers, pushScopeId, popScopeId, vModelRadio, vModelSelect, vModelCheckbox, vModelText } from "vue";
+import { defineComponent, ref, computed as computed$2, openBlock, createElementBlock, normalizeClass, unref as unref$1, createElementVNode, renderSlot, createCommentVNode, normalizeStyle, watch, h, createBlock, Teleport, createVNode, createTextVNode, toDisplayString, withCtx, onMounted, nextTick as nextTick$1, onBeforeUnmount, getCurrentInstance, withDirectives, isRef as isRef$1, vModelDynamic, Fragment, renderList, mergeProps, withKeys, withModifiers, pushScopeId, popScopeId, vModelRadio, vModelSelect, vModelCheckbox, vModelText } from "vue";
 var defaultCleekOptions = {
   colors: {
     primary: "#559933",
@@ -38,15 +38,23 @@ var _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _hoisted_1$k = { class: "ck-dropdown" };
+const _hoisted_1$k = { class: "ck-dropdown__popper-container" };
 const _sfc_main$o = /* @__PURE__ */ defineComponent({
   props: {
     triggerType: { type: String, default: "click" },
-    dark: { type: Boolean, default: false }
+    dark: { type: Boolean, default: false },
+    align: { type: String, default: void 0 }
   },
   setup(__props) {
+    const props = __props;
     const isOpen = ref(false);
     const popperRef = ref(null);
+    const computedClass = computed$2(() => {
+      const list = [];
+      if (props.align)
+        list.push(`align-${props.align}`);
+      return list;
+    });
     function openClose() {
       if (isOpen.value)
         return;
@@ -61,29 +69,33 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
       isOpen.value = true;
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$k, [
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["ck-dropdown", unref$1(computedClass)])
+      }, [
         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)
-      ]);
+        createElementVNode("div", _hoisted_1$k, [
+          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)
+        ])
+      ], 2);
     };
   }
 });
-var ckDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-64a91fb4"]]);
+var ckDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-2120e680"]]);
 var ckNavbar_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$n = /* @__PURE__ */ defineComponent({
   props: {