cleek 2.4.56 → 2.4.60

package/dist/cleek.es.js

@@ -29,7 +29,7 @@ var __objRest = (source2, exclude) => {
     }
   return target;
 };
-import { watch, reactive, pushScopeId, popScopeId, defineComponent, nextTick as nextTick$1, openBlock, createBlock, withScopeId, resolveComponent, createElementBlock, normalizeClass, normalizeStyle, withKeys, createElementVNode, Fragment, renderSlot, createCommentVNode, mergeProps, withCtx, createVNode, ref, createApp, h, toDisplayString, computed as computed$2, onMounted, getCurrentInstance, unref as unref$1, createTextVNode, onBeforeUnmount, withDirectives, isRef as isRef$1, vModelDynamic, renderList, vModelText, withModifiers, Teleport, vModelRadio, vModelSelect, vModelCheckbox } from "vue";
+import { watch, reactive, pushScopeId, popScopeId, defineComponent, nextTick as nextTick$1, openBlock, createBlock, withScopeId, resolveComponent, createElementBlock, normalizeClass, normalizeStyle, withKeys, createElementVNode, Fragment, renderSlot, createCommentVNode, mergeProps, withCtx, createVNode, ref, createApp, h, toDisplayString, computed as computed$2, onMounted, getCurrentInstance, unref as unref$1, createTextVNode, onBeforeUnmount, withDirectives, isRef as isRef$1, vModelText, vModelDynamic, renderList, withModifiers, Teleport, vModelRadio, vModelSelect, vModelCheckbox } from "vue";
 function getDevtoolsGlobalHook() {
   return getTarget().__VUE_DEVTOOLS_GLOBAL_HOOK__;
 }
@@ -3520,7 +3520,7 @@ const _sfc_main$s = defineComponent({
   }
 });
 const _hoisted_1$m = ["innerHTML"];
-const _hoisted_2$c = ["textContent"];
+const _hoisted_2$d = ["textContent"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_PopperContent = resolveComponent("PopperContent");
   const _component_Popper = resolveComponent("Popper");
@@ -3566,7 +3566,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           }, null, 8, _hoisted_1$m)) : (openBlock(), createElementBlock("div", {
             key: 1,
             textContent: toDisplayString(_ctx.finalContent)
-          }, null, 8, _hoisted_2$c))
+          }, null, 8, _hoisted_2$d))
         ]),
         _: 2
       }, 1032, ["class", "popper-id", "theme", "shown", "mounted", "skip-transition", "auto-hide", "handle-resize", "classes", "result", "onHide", "onResize"])
@@ -21919,7 +21919,8 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
 });
 var CkLabel = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-a4566770"]]);
 var ckInput_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$g = ["autocomplete", "type", "placeholder", "disabled"];
+const _hoisted_1$g = ["autocomplete", "placeholder", "disabled"];
+const _hoisted_2$c = ["autocomplete", "type", "placeholder", "disabled"];
 const _sfc_main$i = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: null,
@@ -21947,7 +21948,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     autoSelect: { type: Boolean },
     delayChangeTime: null
   },
-  emits: ["update:modelValue", "click", "input", "change", "delayChange"],
+  emits: ["update:modelValue", "click", "input", "change", "focus", "blur", "delayChange"],
   setup(__props, { expose, emit: emits }) {
     const props = __props;
     expose({ setFocus, setSelect });
@@ -21955,6 +21956,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     const defaultType = "text";
     const defaultDelayChangeTime = 300;
     const realInput = ref(null);
+    const isShowingPassword = ref(false);
     const { windowWidth } = useWindowWidth();
     const value = computed$2({
       get() {
@@ -22082,24 +22084,52 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
           icon: __props.icon,
           "icon-pack": __props.iconPack
         }, null, 8, ["icon", "icon-pack"])) : createCommentVNode("", true),
-        withDirectives(createElementVNode("input", {
+        isShowingPassword.value ? withDirectives((openBlock(), createElementBlock("input", {
+          key: 2,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef$1(value) ? value.value = $event : null),
           ref_key: "realInput",
           ref: realInput,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef$1(value) ? value.value = $event : null),
+          type: "text",
           autocomplete: __props.autocomplete ? "on" : "off",
-          type: __props.type || defaultType,
           placeholder: __props.placeholder,
           class: normalizeClass(unref$1(computedClassInput)),
           style: normalizeStyle(unref$1(computedStyleInput)),
           disabled: __props.disabled,
           onChange: _cache[1] || (_cache[1] = ($event) => onChange2($event)),
           onInput: _cache[2] || (_cache[2] = ($event) => onInput($event)),
-          onClick: _cache[3] || (_cache[3] = ($event) => onClick2($event))
-        }, null, 46, _hoisted_1$g), [
+          onClick: _cache[3] || (_cache[3] = ($event) => onClick2($event)),
+          onFocus: _cache[4] || (_cache[4] = ($event) => emits("focus", $event)),
+          onBlur: _cache[5] || (_cache[5] = ($event) => emits("blur", $event))
+        }, null, 46, _hoisted_1$g)), [
+          [vModelText, unref$1(value)]
+        ]) : withDirectives((openBlock(), createElementBlock("input", {
+          key: 3,
+          "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => isRef$1(value) ? value.value = $event : null),
+          ref_key: "realInput",
+          ref: realInput,
+          autocomplete: __props.autocomplete ? "on" : "off",
+          type: __props.type || defaultType,
+          placeholder: __props.placeholder,
+          class: normalizeClass(unref$1(computedClassInput)),
+          style: normalizeStyle(unref$1(computedStyleInput)),
+          disabled: __props.disabled,
+          onChange: _cache[7] || (_cache[7] = ($event) => onChange2($event)),
+          onInput: _cache[8] || (_cache[8] = ($event) => onInput($event)),
+          onClick: _cache[9] || (_cache[9] = ($event) => onClick2($event))
+        }, null, 46, _hoisted_2$c)), [
           [vModelDynamic, unref$1(value)]
         ]),
-        __props.iconRight ? (openBlock(), createBlock(CkIcon, {
-          key: 2,
+        __props.type === "password" ? (openBlock(), createElementBlock("div", {
+          key: 4,
+          class: "show-password",
+          onClick: _cache[10] || (_cache[10] = ($event) => isShowingPassword.value = !isShowingPassword.value)
+        }, [
+          createVNode(CkIcon, {
+            icon: isShowingPassword.value ? "eye-slash" : "eye"
+          }, null, 8, ["icon"])
+        ])) : createCommentVNode("", true),
+        __props.iconRight && __props.type !== "password" ? (openBlock(), createBlock(CkIcon, {
+          key: 5,
           class: "ck-input__icon-right",
           color: "lightgrey",
           icon: __props.iconRight,
@@ -22109,7 +22139,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CkInput = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-bd6a630e"]]);
+var CkInput = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-b4c899d2"]]);
 var ckTable__headerItems_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$h = /* @__PURE__ */ defineComponent({
   props: {
@@ -23743,7 +23773,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckTable = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-b3f534b4"]]);
+var ckTable = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-6d9f4aad"]]);
 var ckChip_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$a = ["color"];
 const _sfc_main$b = /* @__PURE__ */ defineComponent({