cleek 2.4.7 → 2.4.10

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,16 +18807,19 @@ var functions = {
       classList2.push(`ck-component__group-vertical--${groupVertical}`);
     return classList2;
   },
-  getRoundedValue(propIsRounded, cleekOptions2) {
-    var _a;
-    console.log("propIsRounded", propIsRounded);
-    if (typeof propIsRounded !== "undefined")
-      return propIsRounded;
-    if (typeof ((_a = cleekOptions2 == null ? void 0 : cleekOptions2.styles) == null ? void 0 : _a.rounded) !== "undefined") {
-      console.log("cleekOptions.styles.rounded", cleekOptions2.styles.rounded);
-      return cleekOptions2.styles.rounded;
-    }
-    return false;
+  geRealBorderColor(props, cleekOptions2) {
+    if (props.borderColor)
+      return props.borderColor;
+    if (cleekOptions2.styles.borderColor)
+      return cleekOptions2.styles.borderColor;
+    return "";
+  },
+  geRealLayout(props, cleekOptions2) {
+    if (props.layout)
+      return props.layout;
+    if (cleekOptions2.styles.layout)
+      return cleekOptions2.styles.layout;
+    return "";
   },
   getWidthByWidthBreaks(widthBreaks, windowWidth) {
     if (widthBreaks) {
@@ -20891,7 +20884,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     align: null,
     size: null,
     width: null,
-    rounded: { type: Boolean },
+    layout: null,
     icon: null,
     iconRight: null,
     iconPack: null,
@@ -20931,8 +20924,9 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
       if (align === "center" || align === "right") {
         list.push(`ck-button__align--${props.align}`);
       }
-      if (functions.getRoundedValue(props.rounded, cleekOptions2))
-        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}`);
@@ -20990,7 +20984,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CkButton = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-39c8f698"]]);
+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({
@@ -21043,7 +21037,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
@@ -21096,8 +21090,9 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
         list.push(`align--${props.align}`);
       if (props.hideBorder)
         list.push("no-border");
-      if (functions.getRoundedValue(props.rounded, cleekOptions2))
-        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)) {
@@ -21199,7 +21194,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CkInput = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-076ee92e"]]);
+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({
@@ -22951,7 +22946,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,11 +22997,12 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     const computedClassSelect = computed$2(() => {
       const list = [];
       list.push(functions.getGroupClass(props, windowWidth.value));
-      if (functions.getRoundedValue(props.rounded, cleekOptions2))
-        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}`);
       }
@@ -23014,7 +23010,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}`);
       }
@@ -23155,7 +23151,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckSelect = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-67207918"]]);
+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,
@@ -23659,7 +23655,6 @@ function getCleekOptions(userOptions) {
     }
   }
   setRootColors(options.colors);
-  console.log("finalOptions", options);
   return options;
 }
 const install = function installCleek(app, options) {