cleek 2.4.15 → 2.4.18

package/dist/cleek.es.js

@@ -2901,6 +2901,11 @@ const cleekOptions = {
   img: {
     basePath: ""
   },
+  popup: {
+    textColor: "",
+    headerAlign: "",
+    headerColor: ""
+  },
   styles: {
     layout: "base",
     borderColor: "#dae1e7"
@@ -18807,22 +18812,6 @@ var hooks8 = {
       classList2.push(`ck-component__group-vertical--${groupVertical}`);
     return classList2;
   },
-  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) {
       let realWidthBreaks = [...widthBreaks];
@@ -20903,15 +20892,16 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     const defaultButtonType = "outlined";
     const defaultColor = "primary";
     const defaultAlign = "left";
-    let cleekOptions2;
+    let cleekOptions2 = ref();
     const realButtonType = computed$2(() => {
       if (props.type)
         return props.type;
-      if (cleekOptions2)
-        return cleekOptions2.button.type;
+      if (cleekOptions2.value)
+        return cleekOptions2.value.button.type;
       return defaultButtonType;
     });
     const computedClass = computed$2(() => {
+      var _a;
       const list = [];
       list.push(hooks8.getGroupClass(props, windowWidth.value));
       const color = props.color || defaultColor;
@@ -20926,7 +20916,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
       if (align === "center" || align === "right") {
         list.push(`ck-button__align--${props.align}`);
       }
-      const layout = hooks8.geRealLayout(props, cleekOptions2);
+      const layout = props.layout || ((_a = cleekOptions2.value) == null ? void 0 : _a.styles.layout);
       if (layout)
         list.push(layout);
       list.push(`type-${realButtonType.value}`);
@@ -20952,7 +20942,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
       emits("click", event);
     }
     onMounted(() => {
-      cleekOptions2 = hooks8.getCleekOptions(getCurrentInstance);
+      cleekOptions2.value = hooks8.getCleekOptions(getCurrentInstance);
     });
     hooks8.preventUnusedError([
       onClick2,
@@ -20986,7 +20976,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CkButton = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-591130bc"]]);
+var CkButton = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-177f5b94"]]);
 var ckLabel_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$h = ["for"];
 const _sfc_main$i = /* @__PURE__ */ defineComponent({
@@ -21048,7 +21038,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
   setup(__props, { expose, emit: emits }) {
     const props = __props;
     expose({ setFocus, setSelect });
-    let cleekOptions2;
+    let cleekOptions2 = ref();
     const defaultType = "text";
     const defaultDelayChangeTime = 300;
     const realInput = ref(null);
@@ -21082,6 +21072,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       emits("change", event);
     };
     const computedClassInput = computed$2(() => {
+      var _a, _b;
       const list = [];
       list.push(hooks8.getGroupClass(props, windowWidth.value));
       if (props.icon)
@@ -21092,20 +21083,21 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
         list.push(`align--${props.align}`);
       if (props.hideBorder)
         list.push("no-border");
-      const layout = hooks8.geRealLayout(props, cleekOptions2);
+      const layout = props.layout || ((_a = cleekOptions2.value) == null ? void 0 : _a.styles.layout);
       if (layout)
         list.push(layout);
       if (props.size)
         list.push(`ck-input-size__${props.size}`);
-      const borderColor = hooks8.geRealBorderColor(props, cleekOptions2);
+      const borderColor = props.borderColor || ((_b = cleekOptions2.value) == null ? void 0 : _b.styles.borderColor);
       if (borderColor && hooks8.isColorTemplateVariable(borderColor)) {
         list.push(`ck-component__border-color--${borderColor}`);
       }
       return list;
     });
     const computedStyleInput = computed$2(() => {
+      var _a;
       const list = [];
-      const borderColor = hooks8.geRealBorderColor(props, cleekOptions2);
+      const borderColor = props.borderColor || ((_a = cleekOptions2.value) == null ? void 0 : _a.styles.borderColor);
       if (borderColor && !hooks8.isColorTemplateVariable(borderColor)) {
         list.push({ "border-color": borderColor });
       }
@@ -21146,7 +21138,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       onClick2
     ]);
     onMounted(() => {
-      cleekOptions2 = hooks8.getCleekOptions(getCurrentInstance);
+      cleekOptions2.value = hooks8.getCleekOptions(getCurrentInstance);
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
@@ -21198,7 +21190,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CkInput = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-d0ed260a"]]);
+var CkInput = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-110a76c1"]]);
 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({
@@ -22267,22 +22259,21 @@ const _hoisted_1$c = {
   class: "ck-popup"
 };
 const _hoisted_2$8 = /* @__PURE__ */ createElementVNode("div", { class: "blackout" }, null, -1);
-const _hoisted_3$5 = { class: "ck-popup__slot-header" };
-const _hoisted_4$5 = {
+const _hoisted_3$5 = {
   key: 0,
   class: "ck-popup__title"
 };
-const _hoisted_5$2 = { class: "ck-popup__slot-body" };
-const _hoisted_6$2 = {
+const _hoisted_4$5 = { class: "ck-popup__slot-body" };
+const _hoisted_5$2 = {
   key: 0,
   class: "ck-popup__slot-footer"
 };
-const _hoisted_7 = {
+const _hoisted_6$2 = {
   key: 0,
   class: "ck-popup-slot-footer__confirm-buttons"
 };
-const _hoisted_8 = /* @__PURE__ */ createTextVNode("Cancelar");
-const _hoisted_9 = /* @__PURE__ */ createTextVNode("Aceptar");
+const _hoisted_7 = /* @__PURE__ */ createTextVNode("Cancelar");
+const _hoisted_8 = /* @__PURE__ */ createTextVNode("Aceptar");
 const _sfc_main$d = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: { type: Boolean },
@@ -22293,11 +22284,16 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     notCloseByBg: { type: Boolean },
     preventCloseOnCancel: { type: Boolean },
     width: null,
-    maxWidth: null
+    maxWidth: null,
+    layout: null,
+    textColor: null,
+    headerColor: null,
+    headerAlign: null
   },
   emits: ["update:modelValue", "cancel", "accept"],
   setup(__props, { emit: emits }) {
     const props = __props;
+    let cleekOptions2 = ref();
     const isActive = computed$2({
       get() {
         return props.modelValue;
@@ -22306,12 +22302,51 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
         emits("update:modelValue", val);
       }
     });
+    const computedClassContent = computed$2(() => {
+      var _a, _b;
+      const list = [];
+      const layout = props.layout || ((_a = cleekOptions2.value) == null ? void 0 : _a.styles.layout);
+      if (layout)
+        list.push(layout);
+      const textColor = props.textColor || ((_b = cleekOptions2.value) == null ? void 0 : _b.popup.textColor);
+      if (textColor && hooks8.isColorTemplateVariable(textColor)) {
+        list.push(`ck-component__color--${textColor}`);
+      }
+      return list;
+    });
     const computedStyleContent = computed$2(() => {
+      var _a;
       const list = [];
       if (props.maxWidth)
         list.push({ maxWidth: props.maxWidth });
       if (props.width)
         list.push({ width: props.width });
+      const textColor = props.textColor || ((_a = cleekOptions2.value) == null ? void 0 : _a.popup.textColor);
+      if (textColor && !hooks8.isColorTemplateVariable(textColor)) {
+        list.push(`ck-component__color--${textColor}`);
+        list.push({ color: textColor });
+      }
+      return list;
+    });
+    const computedStyleHeader = computed$2(() => {
+      var _a;
+      const list = [];
+      const headerColor = props.headerColor || ((_a = cleekOptions2.value) == null ? void 0 : _a.popup.headerColor);
+      if (headerColor && !hooks8.isColorTemplateVariable(headerColor)) {
+        list.push({ backgroundColor: headerColor });
+      }
+      return list;
+    });
+    const computedClassHeader = computed$2(() => {
+      var _a, _b;
+      const list = [];
+      const headerAlign = props.headerAlign || ((_a = cleekOptions2.value) == null ? void 0 : _a.popup.headerAlign);
+      if (headerAlign)
+        list.push(`header-align--${headerAlign}`);
+      const headerColor = props.headerColor || ((_b = cleekOptions2.value) == null ? void 0 : _b.popup.headerColor);
+      if (headerColor && hooks8.isColorTemplateVariable(headerColor)) {
+        list.push(`ck-component__bg-color--${headerColor}`);
+      }
       return list;
     });
     function onCancel() {
@@ -22327,6 +22362,9 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
         return;
       isActive.value = false;
     }
+    onMounted(() => {
+      cleekOptions2.value = hooks8.getCleekOptions(getCurrentInstance);
+    });
     return (_ctx, _cache) => {
       return unref$1(isActive) ? (openBlock(), createElementBlock("div", _hoisted_1$c, [
         _hoisted_2$8,
@@ -22335,27 +22373,30 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
           onClick: _cache[4] || (_cache[4] = ($event) => onBgClick())
         }, [
           createElementVNode("div", {
-            class: "ck-popup__content",
+            class: normalizeClass(["ck-popup__content", unref$1(computedClassContent)]),
             onClick: _cache[3] || (_cache[3] = withModifiers(() => {
             }, ["stop"])),
             style: normalizeStyle(unref$1(computedStyleContent))
           }, [
-            createElementVNode("div", _hoisted_3$5, [
-              __props.title ? (openBlock(), createElementBlock("h3", _hoisted_4$5, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+            createElementVNode("div", {
+              class: normalizeClass(["ck-popup__slot-header", unref$1(computedClassHeader)]),
+              style: normalizeStyle(unref$1(computedStyleHeader))
+            }, [
+              __props.title ? (openBlock(), createElementBlock("h3", _hoisted_3$5, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
               renderSlot(_ctx.$slots, "header"),
               !(__props.notCloseBtn || __props.notClose) ? (openBlock(), createBlock(CkIcon, {
                 key: 1,
-                class: "close",
+                class: "icon-close",
                 icon: "times",
                 onClick: _cache[0] || (_cache[0] = ($event) => isActive.value = false)
               })) : createCommentVNode("", true)
-            ]),
-            createElementVNode("div", _hoisted_5$2, [
+            ], 6),
+            createElementVNode("div", _hoisted_4$5, [
               renderSlot(_ctx.$slots, "default")
             ]),
-            _ctx.$slots.footer || __props.confirmButtons ? (openBlock(), createElementBlock("div", _hoisted_6$2, [
+            _ctx.$slots.footer || __props.confirmButtons ? (openBlock(), createElementBlock("div", _hoisted_5$2, [
               renderSlot(_ctx.$slots, "footer"),
-              __props.confirmButtons ? (openBlock(), createElementBlock("div", _hoisted_7, [
+              __props.confirmButtons ? (openBlock(), createElementBlock("div", _hoisted_6$2, [
                 createVNode(CkButton, {
                   class: "cancel-button",
                   onClick: _cache[1] || (_cache[1] = ($event) => onCancel()),
@@ -22363,7 +22404,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                   type: "flat"
                 }, {
                   default: withCtx(() => [
-                    _hoisted_8
+                    _hoisted_7
                   ]),
                   _: 1
                 }),
@@ -22371,13 +22412,13 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                   onClick: _cache[2] || (_cache[2] = ($event) => onAccept())
                 }, {
                   default: withCtx(() => [
-                    _hoisted_9
+                    _hoisted_8
                   ]),
                   _: 1
                 })
               ])) : createCommentVNode("", true)
             ])) : createCommentVNode("", true)
-          ], 4)
+          ], 6)
         ])
       ])) : createCommentVNode("", true);
     };
@@ -22764,7 +22805,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    let $cleekOptions;
+    let cleekOptions2 = ref();
     const altNeeded = ref(false);
     const isMounted = ref(false);
     const isFullPath = computed$2(() => {
@@ -22828,14 +22869,12 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
         ;
     }
     function getImg(src) {
-      let path = "";
-      if ($cleekOptions) {
-        path = $cleekOptions.img.basePath;
-      }
+      var _a;
+      let path = ((_a = cleekOptions2.value) == null ? void 0 : _a.img.basePath) || "";
       return `${path}${src}`;
     }
     onMounted(() => {
-      $cleekOptions = hooks8.getCleekOptions(getCurrentInstance);
+      cleekOptions2.value = hooks8.getCleekOptions(getCurrentInstance);
       isMounted.value = true;
     });
     hooks8.preventUnusedError([
@@ -22860,7 +22899,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckImg = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-4d100c3a"]]);
+var ckImg = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-7cd9662b"]]);
 var ckRadio_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _withScopeId$2 = (n) => (pushScopeId("data-v-2e09b238"), n = n(), popScopeId(), n);
 const _hoisted_1$7 = ["onKeyup"];
@@ -22966,7 +23005,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     expose({
       setFocus
     });
-    let cleekOptions2;
+    let cleekOptions2 = ref();
     const defaultMinWidth = "180px";
     const defaultClearValue = "auto";
     const defaultReduceNameProp = "name";
@@ -22999,22 +23038,24 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       return true;
     });
     const computedClassSelect = computed$2(() => {
+      var _a, _b;
       const list = [];
       list.push(hooks8.getGroupClass(props, windowWidth.value));
-      const layout = hooks8.geRealLayout(props, cleekOptions2);
+      const layout = props.layout || ((_a = cleekOptions2.value) == null ? void 0 : _a.styles.layout);
       if (layout)
         list.push(layout);
       if (isClearBtnVisible.value)
         list.push("clear-able");
-      const borderColor = hooks8.geRealBorderColor(props, cleekOptions2);
+      const borderColor = props.borderColor || ((_b = cleekOptions2.value) == null ? void 0 : _b.styles.borderColor);
       if (borderColor && hooks8.isColorTemplateVariable(borderColor)) {
         list.push(`ck-component__border-color--${borderColor}`);
       }
       return list;
     });
     const computedStyleSelect = computed$2(() => {
+      var _a;
       const list = [];
-      const borderColor = hooks8.geRealBorderColor(props, cleekOptions2);
+      const borderColor = props.borderColor || ((_a = cleekOptions2.value) == null ? void 0 : _a.styles.borderColor);
       if (borderColor && !hooks8.isColorTemplateVariable(borderColor)) {
         list.push({ "border-color": borderColor });
       }
@@ -23099,7 +23140,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     function setFocus() {
     }
     onMounted(() => {
-      cleekOptions2 = hooks8.getCleekOptions(getCurrentInstance);
+      cleekOptions2.value = hooks8.getCleekOptions(getCurrentInstance);
     });
     hooks8.preventUnusedError([
       computedStyle,
@@ -23152,7 +23193,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckSelect = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-f4a6925c"]]);
+var ckSelect = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-6e28e1de"]]);
 var ckSidebar_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$5 = {
   key: 1,
@@ -23418,7 +23459,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   emits: ["update:modelValue"],
   setup(__props, { emit: emits }) {
     const props = __props;
-    let cleekOptions2;
+    let cleekOptions2 = ref();
     const value = computed$2({
       get() {
         return props.modelValue;
@@ -23430,28 +23471,26 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const computedClassTextarea = computed$2(() => {
       var _a, _b;
       const list = [];
-      const layout = props.layout || ((_a = cleekOptions2 == null ? void 0 : cleekOptions2.styles) == null ? void 0 : _a.layout);
+      const layout = props.layout || ((_a = cleekOptions2.value) == null ? void 0 : _a.styles.layout);
       if (layout)
         list.push(layout);
-      const borderColor = props.borderColor || ((_b = cleekOptions2 == null ? void 0 : cleekOptions2.styles) == null ? void 0 : _b.borderColor);
-      console.log("textarea", borderColor);
-      console.log("cleekOptions", cleekOptions2);
+      const borderColor = props.borderColor || ((_b = cleekOptions2.value) == null ? void 0 : _b.styles.borderColor);
       if (borderColor && hooks8.isColorTemplateVariable(borderColor)) {
         list.push(`ck-component__border-color--${borderColor}`);
       }
       return list;
     });
     const computedStyleTextarea = computed$2(() => {
-      var _a;
+      var _a, _b;
       const list = [];
-      const borderColor = props.borderColor || ((_a = cleekOptions2 == null ? void 0 : cleekOptions2.styles) == null ? void 0 : _a.borderColor);
+      const borderColor = props.borderColor || ((_b = (_a = cleekOptions2.value) == null ? void 0 : _a.styles) == null ? void 0 : _b.borderColor);
       if (borderColor && !hooks8.isColorTemplateVariable(borderColor)) {
         list.push({ "border-color": borderColor });
       }
       return list;
     });
     onMounted(() => {
-      cleekOptions2 = hooks8.getCleekOptions(getCurrentInstance);
+      cleekOptions2.value = hooks8.getCleekOptions(getCurrentInstance);
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$2, [
@@ -23475,7 +23514,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-056dba2e"]]);
+var ckTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-67887c28"]]);
 var CkConfirm_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _withScopeId = (n) => (pushScopeId("data-v-bc51fc7a"), n = n(), popScopeId(), n);
 const _hoisted_1$1 = { class: "ck-confirm--background" };