cleek 2.3.50 → 2.3.51

package/dist/cleek.es.js

@@ -19002,7 +19002,7 @@ const _hoisted_1$4 = ["disabled"];
 const _hoisted_2$2 = ["value"];
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   props: {
-    modelValue: { default: null, type: [Boolean, Number, Object, Array, String] },
+    modelValue: { default: null },
     prop: { type: String, default: void 0 },
     reduceValueProp: { type: String, default: "id" },
     reduceNameProp: { type: String, default: "name" },
@@ -19053,9 +19053,18 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       });
       return list;
     });
+    const isClearBtnVisible = computed$2(() => {
+      if (props.notClearable)
+        return false;
+      if (valueIsDefault.value)
+        return false;
+      return true;
+    });
     const computedClassSelect = computed$2(() => {
       const list = [];
       list.push(functions.getGroupClass(props, windowWidth.value));
+      if (isClearBtnVisible.value)
+        list.push("clear-able");
       return list;
     });
     const computedStyle = computed$2(() => {
@@ -19082,12 +19091,16 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       return props.searchable;
     });
     const realClearValue = computed$2(() => {
+      if (props.clearValue !== "auto")
+        return props.clearValue;
       switch (typeof props.modelValue) {
         case "number":
           return 0;
         case "string":
           return "";
         case "object":
+          if (!props.modelValue)
+            return null;
           if (props.modelValue.constructor === Array)
             return [];
           return {};
@@ -19095,7 +19108,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           return null;
       }
     });
-    computed$2(() => {
+    const valueIsDefault = computed$2(() => {
+      if (props.clearValue !== "auto")
+        return value.value === props.clearValue;
       switch (typeof props.modelValue) {
         case "number":
           return props.modelValue === 0;
@@ -19139,8 +19154,15 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         class: "ck-select",
         style: normalizeStyle(unref$1(computedStyle))
       }, [
-        __props.label ? (openBlock(), createBlock(ckLabel, {
+        unref$1(isClearBtnVisible) ? (openBlock(), createElementBlock("div", {
           key: 0,
+          class: "ck-select__clear-btn",
+          onClick: _cache[0] || (_cache[0] = ($event) => value.value = unref$1(realClearValue))
+        }, [
+          createVNode(ckIcon, { icon: "times" })
+        ])) : createCommentVNode("", true),
+        __props.label ? (openBlock(), createBlock(ckLabel, {
+          key: 1,
           align: __props.labelAlign,
           for: "ck-input"
         }, {
@@ -19150,11 +19172,11 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           _: 1
         }, 8, ["align"])) : createCommentVNode("", true),
         withDirectives(createElementVNode("select", {
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef$1(value) ? value.value = $event : null),
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef$1(value) ? value.value = $event : null),
           class: normalizeClass(unref$1(computedClassSelect)),
           disabled: __props.disabled,
-          onClick: _cache[1] || (_cache[1] = ($event) => onClick($event)),
-          onChange: _cache[2] || (_cache[2] = ($event) => onChange2($event))
+          onClick: _cache[2] || (_cache[2] = ($event) => onClick($event)),
+          onChange: _cache[3] || (_cache[3] = ($event) => onChange2($event))
         }, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref$1(filteredOptions), (option) => {
             return openBlock(), createElementBlock("option", {
@@ -19169,7 +19191,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckSelect = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-7c5ab996"]]);
+var ckSelect = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-bf9787dc"]]);
 var ckSwitch_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _withScopeId = (n) => (pushScopeId("data-v-7e2f20c4"), n = n(), popScopeId(), n);
 const _hoisted_1$3 = ["disabled"];