cleek 1.8.5 → 1.8.6

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, computed, watch, h, resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, createCommentVNode, renderSlot, mergeProps, withKeys, withModifiers, createElementVNode, pushScopeId, popScopeId, normalizeStyle, withCtx, createTextVNode, toDisplayString, withDirectives, isRef, unref, vModelDynamic, createVNode, Fragment, renderList, vModelRadio, ref, vModelText, vModelCheckbox } from "vue";
+import { defineComponent, computed, watch, h, resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, createCommentVNode, renderSlot, mergeProps, withKeys, withModifiers, createElementVNode, pushScopeId, popScopeId, normalizeStyle, withCtx, createTextVNode, toDisplayString, withDirectives, isRef, unref, vModelDynamic, createVNode, Fragment, renderList, vModelRadio, ref, vModelSelect, vModelCheckbox, vModelText } from "vue";
 var validators = {
   size: (type) => {
     return ["", "xs", "s", "m", "l", "xl"].includes(type);
@@ -11360,8 +11360,8 @@ const _sfc_main$i = {
 var ckButton = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", render$d], ["__scopeId", "data-v-dfa2f586"]]);
 const _withScopeId$2 = (n) => (pushScopeId("data-v-64a6608c"), n = n(), popScopeId(), n);
 const _hoisted_1$f = ["disabled", "checked"];
-const _hoisted_2$8 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("div", { class: "ck-checkbox__element" }, null, -1));
-const _hoisted_3$6 = {
+const _hoisted_2$7 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("div", { class: "ck-checkbox__element" }, null, -1));
+const _hoisted_3$5 = {
   key: 0,
   class: "c-Checkbox__label"
 };
@@ -11385,8 +11385,8 @@ function render$c(_ctx, _cache, $props, $setup, $data, $options) {
         $options.onChange($event);
       })
     }, null, 40, _hoisted_1$f),
-    _hoisted_2$8,
-    _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_3$6, [
+    _hoisted_2$7,
+    _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_3$5, [
       renderSlot(_ctx.$slots, "default", {}, void 0, true)
     ])) : createCommentVNode("", true)
   ], 16);
@@ -11557,7 +11557,7 @@ const _sfc_main$f = {
 var ckLabel = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", render$a], ["__scopeId", "data-v-4b8b9ab4"]]);
 var ckInput_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$c = { class: "ck-input" };
-const _hoisted_2$7 = ["type", "placeholder", "id", "disabled"];
+const _hoisted_2$6 = ["type", "placeholder", "id", "disabled"];
 const _sfc_main$e = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: {},
@@ -11644,7 +11644,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
           disabled: __props.disabled,
           onChange: _cache[1] || (_cache[1] = ($event) => onChange($event)),
           onClick: _cache[2] || (_cache[2] = ($event) => onClick($event))
-        }, null, 46, _hoisted_2$7), [
+        }, null, 46, _hoisted_2$6), [
           [vModelDynamic, unref(value)]
         ]),
         __props.iconRight ? (openBlock(), createBlock(ckIcon, {
@@ -11664,9 +11664,9 @@ const _hoisted_1$b = {
   key: 0,
   class: "ck-popup"
 };
-const _hoisted_2$6 = /* @__PURE__ */ createElementVNode("div", { class: "blackout" }, null, -1);
-const _hoisted_3$5 = { class: "ck-popup__slot-header" };
-const _hoisted_4$3 = {
+const _hoisted_2$5 = /* @__PURE__ */ createElementVNode("div", { class: "blackout" }, null, -1);
+const _hoisted_3$4 = { class: "ck-popup__slot-header" };
+const _hoisted_4$2 = {
   key: 0,
   class: "ck-popup__title"
 };
@@ -11721,7 +11721,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
   setup(__props) {
     return (_ctx, _cache) => {
       return _ctx.value ? (openBlock(), createElementBlock("div", _hoisted_1$b, [
-        _hoisted_2$6,
+        _hoisted_2$5,
         createElementVNode("div", {
           class: "popup-container",
           onClick: _cache[4] || (_cache[4] = ($event) => _ctx.onBgClick())
@@ -11731,8 +11731,8 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
             onClick: _cache[3] || (_cache[3] = withModifiers(() => {
             }, ["stop"]))
           }, [
-            createElementVNode("div", _hoisted_3$5, [
-              __props.title ? (openBlock(), createElementBlock("h3", _hoisted_4$3, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+            createElementVNode("div", _hoisted_3$4, [
+              __props.title ? (openBlock(), createElementBlock("h3", _hoisted_4$2, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
               renderSlot(_ctx.$slots, "header", { class: "ml-3" }),
               !__props.notCloseBtn ? (openBlock(), createBlock(ckIcon, {
                 key: 1,
@@ -11775,9 +11775,9 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
 }));
 const _withScopeId$1 = (n) => (pushScopeId("data-v-73a891e8"), n = n(), popScopeId(), n);
 const _hoisted_1$a = ["onKeyup"];
-const _hoisted_2$5 = ["name", "value", "disabled"];
-const _hoisted_3$4 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("div", { class: "c-Radio__element" }, null, -1));
-const _hoisted_4$2 = {
+const _hoisted_2$4 = ["name", "value", "disabled"];
+const _hoisted_3$3 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("div", { class: "c-Radio__element" }, null, -1));
+const _hoisted_4$1 = {
   key: 0,
   class: "c-Radio__label"
 };
@@ -11802,11 +11802,11 @@ function render$9(_ctx, _cache, $props, $setup, $data, $options) {
         name: $props.name,
         value: item.value,
         disabled: $props.disabled
-      }, null, 8, _hoisted_2$5), [
+      }, null, 8, _hoisted_2$4), [
         [vModelRadio, $options.value]
       ]),
-      _hoisted_3$4,
-      item.label ? (openBlock(), createElementBlock("span", _hoisted_4$2, toDisplayString(item.label), 1)) : createCommentVNode("", true)
+      _hoisted_3$3,
+      item.label ? (openBlock(), createElementBlock("span", _hoisted_4$1, toDisplayString(item.label), 1)) : createCommentVNode("", true)
     ], 16, _hoisted_1$a);
   }), 128);
 }
@@ -11881,14 +11881,7 @@ const qmStr = {
   }
 };
 var ckSelect_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$9 = {
-  class: "ck-select",
-  action: "/action_page.php",
-  method: "get"
-};
-const _hoisted_2$4 = ["id", "placeholder"];
-const _hoisted_3$3 = { id: "ck-select__list" };
-const _hoisted_4$1 = ["onClick", "value"];
+const _hoisted_1$9 = ["value"];
 const _sfc_main$b = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: { default: null, type: [Boolean, Number, Object, Array] },
@@ -11915,7 +11908,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: emits }) {
     const props = __props;
     const search = ref("");
-    const lastSelectedValue = ref(null);
+    ref(null);
     const value = computed({
       get() {
         return props.modelValue;
@@ -11926,7 +11919,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
         emits("update:modelValue", val);
       }
     });
-    computed(() => {
+    const filteredOptions = computed(() => {
       const list = props.options.filter((option) => {
         const name = getOptionName(option);
         return qmStr.checkContainsStr(name, search.value);
@@ -11935,10 +11928,10 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     });
     const computedClass = computed(() => {
       const classList2 = [];
-      classList2.push(functions$1.getGroupClass(this));
+      classList2.push(functions$1.getGroupClass(props));
       return classList2;
     });
-    computed(() => {
+    const computedStyle = computed(() => {
       const list = [];
       if (props.minWidth)
         list.push({ "min-width": props.minWidth });
@@ -11983,28 +11976,6 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
           return props.modelValue === null;
       }
     });
-    const onBlur = (event) => {
-      const isValid = checkOptionsIsValid(event.target.value);
-      if (!isValid)
-        event.target.value = lastSelectedValue.value;
-      lastSelectedValue.value = null;
-    };
-    const onFocus = (event) => {
-      console.log("event", event);
-      lastSelectedValue.value = search.value;
-      search.value = "";
-    };
-    const onChangeOption = (event) => {
-      console.log("option", search.value);
-      const selected = props.options.find((i) => getOptionName(i) === search.value);
-      value.value = getOptionKey(selected);
-      event.target.blur();
-    };
-    const checkOptionsIsValid = (optionName) => {
-      if (!optionName)
-        return;
-      return props.options.some((i) => getOptionName(i) === optionName);
-    };
     const getOptionKey = (option) => {
       return realReduceFunction(option);
     };
@@ -12019,45 +11990,28 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       return props.reduceFunction(option);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("form", _hoisted_1$9, [
-        __props.label ? (openBlock(), createBlock(ckLabel, {
-          key: 0,
-          align: __props.labelAlign,
-          for: "ck-select"
-        }, {
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(__props.label), 1)
-          ]),
-          _: 1
-        }, 8, ["align"])) : createCommentVNode("", true),
-        withDirectives(createElementVNode("input", {
-          autocomplete: "off",
-          list: "ck-select__list",
-          name: "ck-select",
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => search.value = $event),
-          id: __props.label ? "ck-select" : "",
-          placeholder: lastSelectedValue.value,
-          class: normalizeClass(unref(computedClass)),
-          onFocus: _cache[1] || (_cache[1] = ($event) => onFocus($event)),
-          onBlur: _cache[2] || (_cache[2] = ($event) => onBlur($event)),
-          onChange: _cache[3] || (_cache[3] = ($event) => onChangeOption($event))
-        }, null, 42, _hoisted_2$4), [
-          [vModelText, search.value]
-        ]),
-        createElementVNode("datalist", _hoisted_3$3, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
+      return openBlock(), createElementBlock("div", {
+        class: "ck-select",
+        style: normalizeStyle(unref(computedStyle))
+      }, [
+        withDirectives(createElementVNode("select", {
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(value) ? value.value = $event : null),
+          class: normalizeClass(unref(computedClass))
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(filteredOptions), (option) => {
             return openBlock(), createElementBlock("option", {
-              onClick: ($event) => _ctx.onClickOption(option),
-              key: getOptionKey(option),
-              value: getOptionName(option)
-            }, null, 8, _hoisted_4$1);
+              value: getOptionKey(option),
+              key: option
+            }, toDisplayString(getOptionName(option)), 9, _hoisted_1$9);
           }), 128))
+        ], 2), [
+          [vModelSelect, unref(value)]
         ])
-      ]);
+      ], 4);
     };
   }
 });
-var ckSelect = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-748b30c8"]]);
+var ckSelect = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-02ca0bce"]]);
 const _withScopeId = (n) => (pushScopeId("data-v-5251135b"), n = n(), popScopeId(), n);
 const _hoisted_1$8 = ["disabled"];
 const _hoisted_2$3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "ck-switch__slider" }, null, -1));