cleek 2.7.20 → 2.8.1

package/dist/cleek.es.js

@@ -3799,7 +3799,8 @@ const cleekOptions = {
   button: {
     type: "outlined",
     layout: "base",
-    backgroundColor: "transparent"
+    backgroundColor: "transparent",
+    textColor: ""
   },
   div: {
     gap: 0
@@ -47383,6 +47384,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent$1({
     isLoading: { type: Boolean },
     type: null,
     color: null,
+    textColor: null,
     backgroundColor: null,
     align: null,
     size: null,
@@ -47420,6 +47422,13 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent$1({
         return cleekOptions2.value.button.backgroundColor;
       return defaultBackgroundColor;
     });
+    const realTextColor = computed$3(() => {
+      if (props.textColor)
+        return props.textColor;
+      if (cleekOptions2.value && !props.type)
+        return cleekOptions2.value.button.textColor;
+      return "";
+    });
     const computedClass = computed$3(() => {
       var _a;
       const list = [];
@@ -47435,6 +47444,9 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent$1({
       if (realBackgroundColor.value !== defaultBackgroundColor && hooks9.isColorTemplateVariable(realBackgroundColor.value)) {
         list.push(`ck-component__bg-color--${realBackgroundColor.value}`);
       }
+      if (realTextColor.value && hooks9.isColorTemplateVariable(realTextColor.value)) {
+        list.push(`ck-component__color--${realTextColor.value}`);
+      }
       const align = props.align || defaultAlign;
       if (align === "center" || align === "right") {
         list.push(`ck-button__align--${props.align}`);
@@ -47450,7 +47462,6 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent$1({
       return list;
     });
     const computedStyle = computed$3(() => {
-      var _a, _b;
       const list = [];
       let isWidthDefined = false;
       if (props.widthBreaks) {
@@ -47460,12 +47471,13 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent$1({
           list.push({ width });
         }
       }
+      if (realTextColor.value && !hooks9.isColorTemplateVariable(realTextColor.value)) {
+        list.push({ color: realTextColor.value });
+      }
       if (props.width && !isWidthDefined)
         list.push({ width: props.width });
       if (realBackgroundColor.value !== defaultBackgroundColor && !hooks9.isColorTemplateVariable(realBackgroundColor.value)) {
         list.push({ "background-color": realBackgroundColor.value });
-      } else if ((_a = cleekOptions2.value) == null ? void 0 : _a.darkMode) {
-        list.push({ "background-color": (_b = cleekOptions2.value) == null ? void 0 : _b.darkModeColorItems });
       }
       return list;
     });
@@ -47508,7 +47520,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-var CkButton = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-269ef4f6"]]);
+var CkButton = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-302a41b5"]]);
 var ckLabel_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$j = ["for"];
 const _sfc_main$o = /* @__PURE__ */ defineComponent$1({
@@ -49618,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;
@@ -49636,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);
     };
   }
@@ -59090,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"];