cleek 2.3.48 → 2.3.51

package/dist/cleek.es.js

@@ -16859,7 +16859,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckLabel = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-400ea765"]]);
+var ckLabel = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-4a9527c9"]]);
 var ckInput_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$e = ["autocomplete", "type", "placeholder", "disabled"];
 const _sfc_main$f = /* @__PURE__ */ defineComponent({
@@ -18008,7 +18008,7 @@ const computed = (getterOrOptions, debugOptions) => {
   return computed$1(getterOrOptions, debugOptions, isInSSRComponentSetup);
 };
 var ckCheckbox_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _withScopeId$2 = (n) => (pushScopeId("data-v-132565da"), n = n(), popScopeId(), n);
+const _withScopeId$2 = (n) => (pushScopeId("data-v-79b1a82b"), n = n(), popScopeId(), n);
 const _hoisted_1$b = ["disabled", "checked"];
 const _hoisted_2$7 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("div", { class: "ck-checkbox__element" }, null, -1));
 const _hoisted_3$4 = {
@@ -18072,7 +18072,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-132565da"]]);
+var ckCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-79b1a82b"]]);
 var ckPopup_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1$a = {
   key: 0,
@@ -18104,6 +18104,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     notCloseBtn: { type: Boolean, default: false },
     notCloseByBg: { type: Boolean, default: false },
     preventCloseOnCancel: { type: Boolean, default: false },
+    width: { type: String, default: void 0 },
     maxWidth: { type: String, default: void 0 }
   },
   emits: ["update:modelValue", "cancel", "accept"],
@@ -18121,6 +18122,8 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       const list = [];
       if (props.maxWidth)
         list.push({ maxWidth: props.maxWidth });
+      if (props.width)
+        list.push({ width: props.width });
       return list;
     });
     function onCancel() {
@@ -18999,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" },
@@ -19050,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(() => {
@@ -19079,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 {};
@@ -19092,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;
@@ -19136,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"
         }, {
@@ -19147,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", {
@@ -19166,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"];