cleek 2.4.8 → 2.4.11

package/dist/cleek.es.js

@@ -2896,14 +2896,13 @@ const cleekOptions = {
   },
   button: {
     type: "outlined",
-    rounded: false
+    layout: "base"
   },
   img: {
     basePath: ""
   },
   styles: {
-    type: "outlined",
-    rounded: false,
+    layout: "base",
     borderColor: "#dae1e7"
   }
 };
@@ -18792,15 +18791,6 @@ var ckTr_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$o = {};
 var CkTr = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", render2], ["__scopeId", "data-v-519cf874"]]);
 var functions = {
-  getBorderColorValue(propBorderColor, cleekOptions2) {
-    var _a;
-    if (typeof propBorderColor !== "undefined")
-      return propBorderColor;
-    if (typeof ((_a = cleekOptions2 == null ? void 0 : cleekOptions2.styles) == null ? void 0 : _a.borderColor) !== "undefined") {
-      return cleekOptions2.styles.borderColor;
-    }
-    return "";
-  },
   getCleekOptions(getCurrentInstance2) {
     return getCurrentInstance2().appContext.app.config.globalProperties.$cleekOptions;
   },
@@ -18817,13 +18807,21 @@ var functions = {
       classList2.push(`ck-component__group-vertical--${groupVertical}`);
     return classList2;
   },
-  getRoundedValue(propIsRounded, cleekOptionsIsRounded) {
-    console.log("propIsRounded", propIsRounded);
-    if (typeof propIsRounded !== "undefined")
-      return propIsRounded;
-    if (typeof cleekOptionsIsRounded !== "undefined")
-      return cleekOptionsIsRounded;
-    return false;
+  geRealBorderColor(props, cleekOptions2) {
+    var _a;
+    if (props.borderColor)
+      return props.borderColor;
+    if ((_a = cleekOptions2 == null ? void 0 : cleekOptions2.styles) == null ? void 0 : _a.borderColor)
+      return cleekOptions2.styles.borderColor;
+    return "";
+  },
+  geRealLayout(props, cleekOptions2) {
+    var _a;
+    if (props.layout)
+      return props.layout;
+    if ((_a = cleekOptions2 == null ? void 0 : cleekOptions2.styles) == null ? void 0 : _a.layout)
+      return cleekOptions2.styles.layout;
+    return "";
   },
   getWidthByWidthBreaks(widthBreaks, windowWidth) {
     if (widthBreaks) {
@@ -20888,7 +20886,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     align: null,
     size: null,
     width: null,
-    rounded: { type: Boolean },
+    layout: null,
     icon: null,
     iconRight: null,
     iconPack: null,
@@ -20914,7 +20912,6 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
       return defaultButtonType;
     });
     const computedClass = computed$2(() => {
-      var _a, _b;
       const list = [];
       list.push(functions.getGroupClass(props, windowWidth.value));
       const color = props.color || defaultColor;
@@ -20929,11 +20926,9 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
       if (align === "center" || align === "right") {
         list.push(`ck-button__align--${props.align}`);
       }
-      if ((_a = cleekOptions2 == null ? void 0 : cleekOptions2.styles) == null ? void 0 : _a.rounded) {
-        console.log("AHORA SI");
-      }
-      if (functions.getRoundedValue(props.rounded, (_b = cleekOptions2 == null ? void 0 : cleekOptions2.styles) == null ? void 0 : _b.rounded))
-        list.push("rounded");
+      const layout = functions.geRealLayout(props, cleekOptions2);
+      if (layout)
+        list.push(layout);
       list.push(`type-${realButtonType.value}`);
       if (props.size)
         list.push(`ck-button-size__${props.size}`);
@@ -20991,7 +20986,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CkButton = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-6faa59d2"]]);
+var CkButton = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-591130bc"]]);
 var ckLabel_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$h = ["for"];
 const _sfc_main$i = /* @__PURE__ */ defineComponent({
@@ -21044,7 +21039,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     hideBorder: { type: Boolean },
     width: null,
     align: null,
-    rounded: { type: Boolean },
+    layout: null,
     borderColor: null,
     autoSelect: { type: Boolean },
     delayChangeTime: null
@@ -21087,7 +21082,6 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       emits("change", event);
     };
     const computedClassInput = computed$2(() => {
-      var _a;
       const list = [];
       list.push(functions.getGroupClass(props, windowWidth.value));
       if (props.icon)
@@ -21098,8 +21092,9 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
         list.push(`align--${props.align}`);
       if (props.hideBorder)
         list.push("no-border");
-      if (functions.getRoundedValue(props.rounded, (_a = cleekOptions2 == null ? void 0 : cleekOptions2.styles) == null ? void 0 : _a.rounded))
-        list.push("rounded");
+      const layout = functions.geRealLayout(props, cleekOptions2);
+      if (layout)
+        list.push(layout);
       if (props.size)
         list.push(`ck-input-size__${props.size}`);
       if (props.borderColor && functions.isColorTemplateVariable(props.borderColor)) {
@@ -21201,7 +21196,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CkInput = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-302d09e9"]]);
+var CkInput = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-2d610c78"]]);
 var ckTable__headerItems_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$f = { class: "ck-table__header-items" };
 const _sfc_main$g = /* @__PURE__ */ defineComponent({
@@ -22953,7 +22948,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     searchable: { type: [Boolean, String] },
     minWidth: null,
     noBorder: { type: Boolean },
-    rounded: { type: Boolean },
+    layout: null,
     borderColor: null,
     bgTransparent: { type: Boolean },
     disabled: { type: Boolean },
@@ -23002,14 +22997,14 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       return true;
     });
     const computedClassSelect = computed$2(() => {
-      var _a;
       const list = [];
       list.push(functions.getGroupClass(props, windowWidth.value));
-      if (functions.getRoundedValue(props.rounded, (_a = cleekOptions2 == null ? void 0 : cleekOptions2.styles) == null ? void 0 : _a.rounded))
-        list.push("rounded");
+      const layout = functions.geRealLayout(props, cleekOptions2);
+      if (layout)
+        list.push(layout);
       if (isClearBtnVisible.value)
         list.push("clear-able");
-      const borderColor = functions.getBorderColorValue(props.borderColor, cleekOptions2);
+      const borderColor = functions.geRealBorderColor(props, cleekOptions2);
       if (borderColor && functions.isColorTemplateVariable(borderColor)) {
         list.push(`ck-input--border-color__${props.borderColor}`);
       }
@@ -23017,7 +23012,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     });
     const computedStyleSelect = computed$2(() => {
       const list = [];
-      const borderColor = functions.getBorderColorValue(props.borderColor, cleekOptions2);
+      const borderColor = functions.geRealBorderColor(props, cleekOptions2);
       if (borderColor && functions.isColorTemplateVariable(borderColor)) {
         list.push(`ck-input--border-color__${props.borderColor}`);
       }
@@ -23158,7 +23153,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckSelect = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-41b41172"]]);
+var ckSelect = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-cbfee918"]]);
 var ckSidebar_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$5 = {
   key: 1,
@@ -23662,7 +23657,6 @@ function getCleekOptions(userOptions) {
     }
   }
   setRootColors(options.colors);
-  console.log("finalOptions", options);
   return options;
 }
 const install = function installCleek(app, options) {