cleek 2.6.103 → 2.6.104

package/dist/cleek.es.js

@@ -3541,7 +3541,8 @@ const cleekOptions = {
   },
   button: {
     type: "outlined",
-    layout: "base"
+    layout: "base",
+    backgroundColor: "transparent"
   },
   div: {
     gap: 0
@@ -82715,9 +82716,9 @@ function useWindowWidth() {
 }
 var ckButton_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$k = ["title", "aria-label", "disabled"];
+const defaultBackgroundColor = "transparent";
 const defaultButtonType = "outlined";
 const defaultColor$1 = "primary";
-const defaultBackgroundColor = "transparent";
 const defaultAlign = "left";
 const _sfc_main$o = defineComponent$2({
   __name: "ck-button",
@@ -82747,6 +82748,13 @@ const _sfc_main$o = defineComponent$2({
     const emits = __emit;
     const { windowWidth } = useWindowWidth();
     let cleekOptions2 = ref$1();
+    const realBackgroundColor = computed$3(() => {
+      if (props.backgroundColor)
+        return props.backgroundColor;
+      if (cleekOptions2.value)
+        return cleekOptions2.value.button.backgroundColor;
+      return defaultBackgroundColor;
+    });
     const realButtonType = computed$3(() => {
       if (props.type)
         return props.type;
@@ -82766,9 +82774,8 @@ const _sfc_main$o = defineComponent$2({
           list.push(`ck-component__border-color--${props.color}`);
         }
       }
-      const bgColor = props.backgroundColor || defaultBackgroundColor;
-      if (bgColor !== defaultBackgroundColor && hooks9.isColorTemplateVariable(bgColor)) {
-        list.push(`ck-component__bg-color--${bgColor}`);
+      if (realBackgroundColor.value !== defaultBackgroundColor && hooks9.isColorTemplateVariable(realBackgroundColor.value)) {
+        list.push(`ck-component__bg-color--${realBackgroundColor.value}`);
       }
       const align = props.align || defaultAlign;
       if (align === "center" || align === "right") {
@@ -82796,9 +82803,8 @@ const _sfc_main$o = defineComponent$2({
       }
       if (props.width && !isWidthDefined)
         list.push({ width: props.width });
-      const bgColor = props.backgroundColor || defaultBackgroundColor;
-      if (bgColor !== defaultBackgroundColor && !hooks9.isColorTemplateVariable(bgColor)) {
-        list.push({ "background-color": bgColor });
+      if (realBackgroundColor.value !== defaultBackgroundColor && !hooks9.isColorTemplateVariable(realBackgroundColor.value)) {
+        list.push({ "background-color": realBackgroundColor.value });
       }
       return list;
     });
@@ -82841,7 +82847,7 @@ const _sfc_main$o = defineComponent$2({
     };
   }
 });
-var CkButton = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-91767c62"]]);
+var CkButton = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-21005d90"]]);
 var ckLabel_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$j = ["for"];
 const defaultSize$2 = "m";