cleek 2.3.25 → 2.3.26

package/dist/cleek.es.js

@@ -16323,6 +16323,76 @@ defineComponent({
     };
   }
 });
+var functions = {
+  getGroupClass({ group = "", groupVertical = "", lineBreak = "" } = {}) {
+    const classList2 = [];
+    if (group)
+      classList2.push(`ck-component__group--${group}`);
+    if (groupVertical)
+      classList2.push(`ck-component__group-vertical--${groupVertical}`);
+    if (lineBreak) {
+      if (lineBreak === "s") {
+        classList2.push(`ck-component__line-break--${lineBreak}`);
+      }
+    }
+    return classList2;
+  },
+  getGroupClassContainer({ lineBreak = "" } = "") {
+    const classList2 = [];
+    if (lineBreak) {
+      if (lineBreak === "s") {
+        classList2.push(`ck-component__line-break-container--${lineBreak}`);
+      }
+    }
+    return classList2;
+  },
+  getlineBreakStyleContainer({ lineBreak } = {}, windowWidth) {
+    if (windowWidth <= lineBreak) {
+      return [
+        { width: "100%" }
+      ];
+    }
+  },
+  getlineBreakStyle({ lineBreak } = {}, windowWidth) {
+    if (windowWidth <= lineBreak) {
+      return [
+        { width: "100%" },
+        { borderRadius: "4px !important" },
+        { border: "1px solid #DAE1E7 !important" }
+      ];
+    }
+  },
+  isColorTemplateVariable(color) {
+    if (color === "primary")
+      return true;
+    if (color === "secondary")
+      return true;
+    if (color === "success")
+      return true;
+    if (color === "warning")
+      return true;
+    if (color === "danger")
+      return true;
+    if (color === "dark")
+      return true;
+    if (color === "light")
+      return true;
+    return false;
+  },
+  isColumnDisplayed(column) {
+    if (column.isDisplayed === false)
+      return false;
+    if (column.unchangeable) {
+      if (column.isDisplayed === true)
+        return true;
+      return false;
+    }
+    return true;
+  },
+  getCleekOptions(getCurrentInstance2) {
+    return getCurrentInstance2().appContext.app.config.globalProperties.$cleekOptions;
+  }
+};
 var ckIcon_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$m = /* @__PURE__ */ defineComponent({
   props: {
@@ -16354,10 +16424,18 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
       return defaultPackage;
     });
     const computedClass = computed$2(() => {
-      const classList2 = [];
-      if (props.color)
-        classList2.push(`ck-component__color--${props.color}`);
-      return classList2;
+      const list = [];
+      if (props.color && functions.isColorTemplateVariable(props.color)) {
+        list.push(`ck-component__color--${props.color}`);
+      }
+      return list;
+    });
+    const computedStyle = computed$2(() => {
+      const list = [];
+      if (props.color && !functions.isColorTemplateVariable(props.color)) {
+        list.push({ color: props.color });
+      }
+      return list;
     });
     function onClick(event) {
       emits("click", event);
@@ -16365,6 +16443,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["ck-icon", unref$1(computedClass)]),
+        style: normalizeStyle(unref$1(computedStyle)),
         onClick: _cache[0] || (_cache[0] = ($event) => onClick($event))
       }, [
         unref$1(computediconPack) === "font-awesome" ? (openBlock(), createBlock(unref$1(FontAwesomeIcon), {
@@ -16380,11 +16459,11 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
           "fixed-width": __props.fixedWidth,
           "swap-opacity": __props.swapOpacity
         }, null, 8, ["icon", "size", "rotation", "flip", "pull", "spin", "pulse", "inverse", "fixed-width", "swap-opacity"])) : createCommentVNode("", true)
-      ], 2);
+      ], 6);
     };
   }
 });
-var ckIcon = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-25801d7b"]]);
+var ckIcon = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-ddf67f32"]]);
 var ckNotify_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$j = { class: "ck-notify__container" };
 const _hoisted_2$8 = { class: "ck-notify__title" };
@@ -16545,76 +16624,6 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var functions = {
-  getGroupClass({ group = "", groupVertical = "", lineBreak = "" } = {}) {
-    const classList2 = [];
-    if (group)
-      classList2.push(`ck-component__group--${group}`);
-    if (groupVertical)
-      classList2.push(`ck-component__group-vertical--${groupVertical}`);
-    if (lineBreak) {
-      if (lineBreak === "s") {
-        classList2.push(`ck-component__line-break--${lineBreak}`);
-      }
-    }
-    return classList2;
-  },
-  getGroupClassContainer({ lineBreak = "" } = "") {
-    const classList2 = [];
-    if (lineBreak) {
-      if (lineBreak === "s") {
-        classList2.push(`ck-component__line-break-container--${lineBreak}`);
-      }
-    }
-    return classList2;
-  },
-  getlineBreakStyleContainer({ lineBreak } = {}, windowWidth) {
-    if (windowWidth <= lineBreak) {
-      return [
-        { width: "100%" }
-      ];
-    }
-  },
-  getlineBreakStyle({ lineBreak } = {}, windowWidth) {
-    if (windowWidth <= lineBreak) {
-      return [
-        { width: "100%" },
-        { borderRadius: "4px !important" },
-        { border: "1px solid #DAE1E7 !important" }
-      ];
-    }
-  },
-  isColorTemplateVariable(color) {
-    if (color === "primary")
-      return true;
-    if (color === "secondary")
-      return true;
-    if (color === "success")
-      return true;
-    if (color === "warning")
-      return true;
-    if (color === "danger")
-      return true;
-    if (color === "dark")
-      return true;
-    if (color === "light")
-      return true;
-    return false;
-  },
-  isColumnDisplayed(column) {
-    if (column.isDisplayed === false)
-      return false;
-    if (column.unchangeable) {
-      if (column.isDisplayed === true)
-        return true;
-      return false;
-    }
-    return true;
-  },
-  getCleekOptions(getCurrentInstance2) {
-    return getCurrentInstance2().appContext.app.config.globalProperties.$cleekOptions;
-  }
-};
 function useWindowWidth() {
   const windowWidth = ref(0);
   function handleWindowResize(event) {