cleek 2.4.4 → 2.4.5

package/dist/cleek.es.js

@@ -2889,16 +2889,22 @@ const plugin = {
   install: install$1,
   options: config$2
 };
-var defaultCleekOptions = {
+const cleekOptions = {
   colors: {
     primary: "#559933",
     secondary: "#559933"
   },
   button: {
-    type: "outlined"
+    type: "outlined",
+    rounded: false
   },
   img: {
     basePath: ""
+  },
+  styles: {
+    type: "outlined",
+    rounded: false,
+    borderColor: "#dae1e7"
   }
 };
 /*!
@@ -18802,6 +18808,18 @@ var functions = {
       classList2.push(`ck-component__group-vertical--${groupVertical}`);
     return classList2;
   },
+  getRoundedValue(propIsRounded, cleekOptions2) {
+    var _a, _b;
+    if (typeof propIsRounded !== "undefined")
+      return propIsRounded;
+    if (typeof ((_a = cleekOptions2 == null ? void 0 : cleekOptions2.styles) == null ? void 0 : _a.rounded) !== "undefined") {
+      return cleekOptions2.styles.rounded;
+    }
+    if (typeof ((_b = cleekOptions2 == null ? void 0 : cleekOptions2.button) == null ? void 0 : _b.rounded) !== "undefined") {
+      return cleekOptions2.button.rounded;
+    }
+    return false;
+  },
   getWidthByWidthBreaks(widthBreaks, windowWidth) {
     if (widthBreaks) {
       let realWidthBreaks = [...widthBreaks];
@@ -20882,15 +20900,12 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     const defaultButtonType = "outlined";
     const defaultColor = "primary";
     const defaultAlign = "left";
-    let $cleekOptions;
-    const isMounted = ref(false);
+    let cleekOptions2;
     const realButtonType = computed$2(() => {
       if (props.type)
         return props.type;
-      if (isMounted.value) {
-        if ($cleekOptions)
-          return $cleekOptions.button.type;
-      }
+      if (cleekOptions2)
+        return cleekOptions2.button.type;
       return defaultButtonType;
     });
     const computedClass = computed$2(() => {
@@ -20908,9 +20923,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
       if (align === "center" || align === "right") {
         list.push(`ck-button__align--${props.align}`);
       }
-      if (props.rounded)
-        console.log("rounded");
-      if (props.rounded)
+      if (functions.getRoundedValue(props.rounded, cleekOptions2))
         list.push("rounded");
       list.push(`type-${realButtonType.value}`);
       if (props.size)
@@ -20935,8 +20948,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
       emits("click", event);
     }
     onMounted(() => {
-      $cleekOptions = functions.getCleekOptions(getCurrentInstance);
-      isMounted.value = true;
+      cleekOptions2 = functions.getCleekOptions(getCurrentInstance);
     });
     functions.preventUnusedError([
       onClick2,
@@ -20970,7 +20982,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CkButton = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-debd87be"]]);
+var CkButton = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-39c8f698"]]);
 var ckLabel_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$h = ["for"];
 const _sfc_main$i = /* @__PURE__ */ defineComponent({
@@ -21024,6 +21036,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     width: null,
     align: null,
     rounded: { type: Boolean },
+    borderColor: null,
     autoSelect: { type: Boolean },
     delayChangeTime: null
   },
@@ -21031,6 +21044,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
   setup(__props, { expose, emit: emits }) {
     const props = __props;
     expose({ setFocus, setSelect });
+    let cleekOptions2;
     const defaultType = "text";
     const defaultDelayChangeTime = 300;
     const realInput = ref(null);
@@ -21074,10 +21088,20 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
         list.push(`align--${props.align}`);
       if (props.hideBorder)
         list.push("no-border");
-      if (props.rounded)
+      if (functions.getRoundedValue(props.rounded, cleekOptions2))
         list.push("rounded");
       if (props.size)
         list.push(`ck-input-size__${props.size}`);
+      if (props.borderColor && functions.isColorTemplateVariable(props.borderColor)) {
+        list.push(`ck-input--border-color__${props.borderColor}`);
+      }
+      return list;
+    });
+    const computedStyleInput = computed$2(() => {
+      const list = [];
+      if (props.borderColor && !functions.isColorTemplateVariable(props.borderColor)) {
+        list.push({ "border-color": props.borderColor });
+      }
       return list;
     });
     const computedStyle = computed$2(() => {
@@ -21114,6 +21138,9 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       onInput,
       onClick2
     ]);
+    onMounted(() => {
+      cleekOptions2 = functions.getCleekOptions(getCurrentInstance);
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: "ck-input",
@@ -21145,11 +21172,12 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
           type: __props.type || defaultType,
           placeholder: __props.placeholder,
           class: normalizeClass(unref$1(computedClassInput)),
+          style: normalizeStyle(unref$1(computedStyleInput)),
           disabled: __props.disabled,
           onChange: _cache[1] || (_cache[1] = ($event) => onChange2($event)),
           onInput: _cache[2] || (_cache[2] = ($event) => onInput($event)),
           onClick: _cache[3] || (_cache[3] = ($event) => onClick2($event))
-        }, null, 42, _hoisted_1$g), [
+        }, null, 46, _hoisted_1$g), [
           [vModelDynamic, unref$1(value)]
         ]),
         __props.iconRight ? (openBlock(), createBlock(CkIcon, {
@@ -21163,7 +21191,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CkInput = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-30f54a2c"]]);
+var CkInput = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-076ee92e"]]);
 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({
@@ -22419,7 +22447,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var TableColumnsManager = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-2d6fd542"]]);
+var TableColumnsManager = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-31e8c81c"]]);
 var ckTable_vue_vue_type_style_index_0_lang = "";
 var ckTable_vue_vue_type_style_index_1_scoped_true_lang = "";
 const _hoisted_1$a = { class: "ck-table" };
@@ -22915,6 +22943,8 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     searchable: { type: [Boolean, String] },
     minWidth: null,
     noBorder: { type: Boolean },
+    rounded: { type: Boolean },
+    borderColor: null,
     bgTransparent: { type: Boolean },
     disabled: { type: Boolean },
     group: null,
@@ -22926,6 +22956,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   emits: ["update:modelValue", "click", "change"],
   setup(__props, { expose, emit: emits }) {
     const props = __props;
+    let cleekOptions2;
     expose({
       setFocus
     });
@@ -22963,8 +22994,20 @@ 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");
       if (isClearBtnVisible.value)
         list.push("clear-able");
+      if (props.borderColor && functions.isColorTemplateVariable(props.borderColor)) {
+        list.push(`ck-input--border-color__${props.borderColor}`);
+      }
+      return list;
+    });
+    const computedStyleSelect = computed$2(() => {
+      const list = [];
+      if (props.borderColor && !functions.isColorTemplateVariable(props.borderColor)) {
+        list.push({ "border-color": props.borderColor });
+      }
       return list;
     });
     const computedStyle = computed$2(() => {
@@ -23045,6 +23088,9 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     }
     function setFocus() {
     }
+    onMounted(() => {
+      cleekOptions2 = functions.getCleekOptions(getCurrentInstance);
+    });
     functions.preventUnusedError([
       computedStyle,
       computedClassSelect,
@@ -23078,6 +23124,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         withDirectives(createElementVNode("select", {
           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef$1(value) ? value.value = $event : null),
           class: normalizeClass(unref$1(computedClassSelect)),
+          style: normalizeStyle(unref$1(computedStyleSelect)),
           disabled: __props.disabled,
           onClick: _cache[2] || (_cache[2] = ($event) => onClick2($event)),
           onChange: _cache[3] || (_cache[3] = ($event) => onChange2($event))
@@ -23088,14 +23135,14 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
               key: option
             }, toDisplayString(getOptionName(option)), 9, _hoisted_2$4);
           }), 128))
-        ], 42, _hoisted_1$6), [
+        ], 46, _hoisted_1$6), [
           [vModelSelect, unref$1(value)]
         ])
       ], 4);
     };
   }
 });
-var ckSelect = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-37612997"]]);
+var ckSelect = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-1a65447e"]]);
 var ckSidebar_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$5 = {
   key: 1,
@@ -23588,8 +23635,8 @@ function setRootColors(colors) {
   }
 }
 function getCleekOptions(userOptions) {
-  const options = defaultCleekOptions;
-  for (const category in defaultCleekOptions) {
+  const options = cleekOptions;
+  for (const category in cleekOptions) {
     if (userOptions[category]) {
       for (const key in userOptions[category]) {
         const value = userOptions[category][key];