cleek 2.8.0 → 2.8.1

package/dist/cleek.es.js

@@ -49630,6 +49630,15 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent$1({
         list.push(`align--${props.align}`);
       return list;
     });
+    const currentStepGroup = computed$3(() => {
+      if (props.maxStep === 1)
+        return "";
+      if (currentStep.value === 1)
+        return "left";
+      if (currentStep.value === props.maxStep)
+        return "right";
+      return "center";
+    });
     function goToPreviousStep() {
       if (currentStep.value <= 1)
         return;
@@ -49648,25 +49657,64 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent$1({
         createVNode$1(_component_ck_button, {
           group: "left",
           icon: "arrow-left",
+          type: unref$2(currentStep) === 1 ? "flat" : "",
           onClick: _cache[0] || (_cache[0] = ($event) => goToPreviousStep())
-        }),
-        (openBlock$1(true), createElementBlock$1(Fragment$1, null, renderList(__props.maxStep, (stepNumber) => {
-          return openBlock$1(), createBlock$1(_component_ck_button, {
-            group: "center",
-            type: unref$2(currentStep) === stepNumber ? "filled" : "outlined",
-            onClick: ($event) => currentStep.value = stepNumber
-          }, {
-            default: withCtx$1(() => [
-              createTextVNode$1(toDisplayString(stepNumber), 1)
-            ]),
-            _: 2
-          }, 1032, ["type", "onClick"]);
-        }), 256)),
+        }, null, 8, ["type"]),
+        unref$2(currentStep) - 2 >= 1 ? (openBlock$1(), createBlock$1(_component_ck_button, {
+          key: 0,
+          group: "center",
+          onClick: _cache[1] || (_cache[1] = ($event) => currentStep.value = unref$2(currentStep) - 2)
+        }, {
+          default: withCtx$1(() => [
+            createTextVNode$1(toDisplayString(unref$2(currentStep) - 2), 1)
+          ]),
+          _: 1
+        })) : createCommentVNode$1("", true),
+        unref$2(currentStep) - 1 >= 1 ? (openBlock$1(), createBlock$1(_component_ck_button, {
+          key: 1,
+          group: "center",
+          onClick: _cache[2] || (_cache[2] = ($event) => currentStep.value = unref$2(currentStep) - 1)
+        }, {
+          default: withCtx$1(() => [
+            createTextVNode$1(toDisplayString(unref$2(currentStep) - 1), 1)
+          ]),
+          _: 1
+        })) : createCommentVNode$1("", true),
+        createVNode$1(_component_ck_button, {
+          type: "filled",
+          group: unref$2(currentStepGroup)
+        }, {
+          default: withCtx$1(() => [
+            createTextVNode$1(toDisplayString(unref$2(currentStep)), 1)
+          ]),
+          _: 1
+        }, 8, ["group"]),
+        unref$2(currentStep) + 1 <= __props.maxStep ? (openBlock$1(), createBlock$1(_component_ck_button, {
+          key: 2,
+          group: "center",
+          onClick: _cache[3] || (_cache[3] = ($event) => currentStep.value = unref$2(currentStep) + 1)
+        }, {
+          default: withCtx$1(() => [
+            createTextVNode$1(toDisplayString(unref$2(currentStep) + 1), 1)
+          ]),
+          _: 1
+        })) : createCommentVNode$1("", true),
+        unref$2(currentStep) + 2 <= __props.maxStep ? (openBlock$1(), createBlock$1(_component_ck_button, {
+          key: 3,
+          group: "center",
+          onClick: _cache[4] || (_cache[4] = ($event) => currentStep.value = unref$2(currentStep) + 2)
+        }, {
+          default: withCtx$1(() => [
+            createTextVNode$1(toDisplayString(unref$2(currentStep) + 2), 1)
+          ]),
+          _: 1
+        })) : createCommentVNode$1("", true),
         createVNode$1(_component_ck_button, {
           group: "right",
           icon: "arrow-right",
-          onClick: _cache[1] || (_cache[1] = ($event) => goToNextStep())
-        })
+          type: unref$2(currentStep) === __props.maxStep ? "flat" : "",
+          onClick: _cache[5] || (_cache[5] = ($event) => goToNextStep())
+        }, null, 8, ["type"])
       ], 2);
     };
   }
@@ -59102,7 +59150,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-var ckSidebar = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-42bd9396"]]);
+var ckSidebar = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-9c00736c"]]);
 var ckSwitch_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _withScopeId$1 = (n) => (pushScopeId$1("data-v-7400e90e"), n = n(), popScopeId$1(), n);
 const _hoisted_1$5 = ["disabled"];