cleek 2.7.5 → 2.7.7

package/dist/cleek.es.js

@@ -82908,6 +82908,8 @@ var ckInput_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$i = ["autocomplete", "placeholder", "disabled"];
 const _hoisted_2$c = ["autocomplete", "type", "placeholder", "disabled"];
 const defaultType = "text";
+const plusMinusButtonsDefaultWithInput = "120px";
+const plusMinusButtonsDefaultAlign = "center";
 const defaultDelayChangeTime$1 = 300;
 const _sfc_main$n = defineComponent$2({
   __name: "ck-input",
@@ -82917,6 +82919,9 @@ const _sfc_main$n = defineComponent$2({
     autocomplete: { type: Boolean },
     disabled: { type: Boolean },
     placeholder: {},
+    plusMinusButtons: { type: Boolean },
+    min: {},
+    max: {},
     label: {},
     labelAlign: {},
     icon: {},
@@ -82957,6 +82962,10 @@ const _sfc_main$n = defineComponent$2({
           val = qmStr.capitalize(`${val}`);
         if (props.justInteger)
           val = parseInt(`${+val}`);
+        if (props.min && +val < +props.min)
+          val = +props.min;
+        if (props.max && +val > +props.max)
+          val = +props.max;
         emits("update:modelValue", val);
         checkSearchTime(val);
       }
@@ -82966,6 +82975,8 @@ const _sfc_main$n = defineComponent$2({
         return props.labelAlign;
       if (props.align)
         return props.align;
+      if (props.plusMinusButtons)
+        return plusMinusButtonsDefaultAlign;
       return "left";
     });
     const onClick = (event) => {
@@ -82988,8 +82999,11 @@ const _sfc_main$n = defineComponent$2({
         list.push("has-icon-left");
       if (props.iconRight)
         list.push("has-icon-right");
-      if (props.align)
-        list.push(`align--${props.align}`);
+      let align = props.align;
+      if (props.plusMinusButtons)
+        align = plusMinusButtonsDefaultAlign;
+      if (align)
+        list.push(`align--${align}`);
       if (props.hideBorder)
         list.push("no-border");
       const layout = props.layout || ((_a = cleekOptions2.value) == null ? void 0 : _a.styles.layout);
@@ -83033,11 +83047,17 @@ const _sfc_main$n = defineComponent$2({
     });
     const computedStyle = computed$3(() => {
       const list = [];
-      list.push({ width: props.width });
+      let width = "";
+      if (props.width)
+        width = props.width;
+      if (props.plusMinusButtons)
+        width = plusMinusButtonsDefaultWithInput;
+      if (width)
+        list.push({ width });
       if (props.widthBreaks) {
-        const width = hooks9.getWidthByWidthBreaks(props.widthBreaks, windowWidth.value);
-        if (width)
-          list.push({ width });
+        const width2 = hooks9.getWidthByWidthBreaks(props.widthBreaks, windowWidth.value);
+        if (width2)
+          list.push({ width: width2 });
       }
       return list;
     });
@@ -83063,6 +83083,7 @@ const _sfc_main$n = defineComponent$2({
     });
     return (_ctx, _cache) => {
       var _a;
+      const _component_ck_button = resolveComponent$2("ck-button");
       return openBlock$2(), createElementBlock$2("div", {
         class: "ck-input",
         style: normalizeStyle$2(computedStyle.value)
@@ -83083,11 +83104,21 @@ const _sfc_main$n = defineComponent$2({
           class: "ck-input__icon-left",
           color: _ctx.iconColor ? _ctx.iconColor : "lightgrey",
           icon: _ctx.icon,
-          "icon-pack": _ctx.iconPack
+          "icon-pack": _ctx.iconPack,
+          size: "s"
         }, null, 8, ["color", "icon", "icon-pack"])) : createCommentVNode$2("", true),
-        isShowingPassword.value ? withDirectives$1((openBlock$2(), createElementBlock$2("input", {
+        _ctx.plusMinusButtons ? (openBlock$2(), createBlock$2(_component_ck_button, {
           key: 2,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
+          size: "s",
+          icon: "minus",
+          group: "left",
+          type: "filled",
+          class: "ck-input-plus-minus-buttons",
+          onClick: _cache[0] || (_cache[0] = ($event) => value.value = +value.value - 1)
+        })) : createCommentVNode$2("", true),
+        isShowingPassword.value ? withDirectives$1((openBlock$2(), createElementBlock$2("input", {
+          key: 3,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => value.value = $event),
           ref_key: "realInput",
           ref: realInput,
           type: "text",
@@ -83096,16 +83127,16 @@ const _sfc_main$n = defineComponent$2({
           class: normalizeClass$2(computedClassInput.value),
           style: normalizeStyle$2(computedStyleInput.value),
           disabled: _ctx.disabled,
-          onChange: _cache[1] || (_cache[1] = ($event) => onChange2($event)),
-          onInput: _cache[2] || (_cache[2] = ($event) => onInput($event)),
-          onClick: _cache[3] || (_cache[3] = ($event) => onClick($event)),
-          onFocus: _cache[4] || (_cache[4] = ($event) => emits("focus", $event)),
-          onBlur: _cache[5] || (_cache[5] = ($event) => emits("blur", $event))
+          onChange: _cache[2] || (_cache[2] = ($event) => onChange2($event)),
+          onInput: _cache[3] || (_cache[3] = ($event) => onInput($event)),
+          onClick: _cache[4] || (_cache[4] = ($event) => onClick($event)),
+          onFocus: _cache[5] || (_cache[5] = ($event) => emits("focus", $event)),
+          onBlur: _cache[6] || (_cache[6] = ($event) => emits("blur", $event))
         }, null, 46, _hoisted_1$i)), [
           [vModelText, value.value]
         ]) : withDirectives$1((openBlock$2(), createElementBlock$2("input", {
-          key: 3,
-          "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => value.value = $event),
+          key: 4,
+          "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => value.value = $event),
           ref_key: "realInput",
           ref: realInput,
           autocomplete: _ctx.autocomplete ? "on" : "off",
@@ -83114,35 +83145,44 @@ const _sfc_main$n = defineComponent$2({
           class: normalizeClass$2(computedClassInput.value),
           style: normalizeStyle$2(computedStyleInput.value),
           disabled: _ctx.disabled,
-          onChange: _cache[7] || (_cache[7] = ($event) => onChange2($event)),
-          onInput: _cache[8] || (_cache[8] = ($event) => onInput($event)),
-          onClick: _cache[9] || (_cache[9] = ($event) => onClick($event)),
-          onFocus: _cache[10] || (_cache[10] = ($event) => emits("focus", $event)),
-          onBlur: _cache[11] || (_cache[11] = ($event) => emits("blur", $event))
+          onChange: _cache[8] || (_cache[8] = ($event) => onChange2($event)),
+          onInput: _cache[9] || (_cache[9] = ($event) => onInput($event)),
+          onClick: _cache[10] || (_cache[10] = ($event) => onClick($event)),
+          onFocus: _cache[11] || (_cache[11] = ($event) => emits("focus", $event)),
+          onBlur: _cache[12] || (_cache[12] = ($event) => emits("blur", $event))
         }, null, 46, _hoisted_2$c)), [
           [vModelDynamic, value.value]
         ]),
         _ctx.type === "password" ? (openBlock$2(), createElementBlock$2("div", {
-          key: 4,
+          key: 5,
           class: normalizeClass$2(["show-password", _ctx.layout || ((_a = unref$3(cleekOptions2)) == null ? void 0 : _a.styles.layout)]),
-          onClick: _cache[12] || (_cache[12] = ($event) => isShowingPassword.value = !isShowingPassword.value)
+          onClick: _cache[13] || (_cache[13] = ($event) => isShowingPassword.value = !isShowingPassword.value)
         }, [
           createVNode$2(CkIcon, {
             icon: isShowingPassword.value ? "eye-slash" : "eye"
           }, null, 8, ["icon"])
         ], 2)) : createCommentVNode$2("", true),
         _ctx.iconRight && _ctx.type !== "password" ? (openBlock$2(), createBlock$2(CkIcon, {
-          key: 5,
+          key: 6,
           class: "ck-input__icon-right",
           color: _ctx.iconColor ? _ctx.iconColor : "lightgrey",
           icon: _ctx.iconRight,
           "icon-pack": _ctx.iconPack
-        }, null, 8, ["color", "icon", "icon-pack"])) : createCommentVNode$2("", true)
+        }, null, 8, ["color", "icon", "icon-pack"])) : createCommentVNode$2("", true),
+        _ctx.plusMinusButtons ? (openBlock$2(), createBlock$2(_component_ck_button, {
+          key: 7,
+          size: "s",
+          icon: "plus",
+          group: "right",
+          type: "filled",
+          class: "ck-input-plus-minus-buttons",
+          onClick: _cache[14] || (_cache[14] = ($event) => value.value = +value.value + 1)
+        })) : createCommentVNode$2("", true)
       ], 4);
     };
   }
 });
-var CkInput = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-4fa8d186"]]);
+var CkInput = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-b58d67ca"]]);
 var ckTable__headerItems_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$m = defineComponent$2({
   __name: "ck-table__header-items",