cleek 2.4.11 → 2.4.14

package/dist/cleek.es.js

@@ -3386,11 +3386,11 @@ if (!w[NAMESPACE_IDENTIFIER].hooks)
 if (!w[NAMESPACE_IDENTIFIER].shims)
   w[NAMESPACE_IDENTIFIER].shims = [];
 var namespace = w[NAMESPACE_IDENTIFIER];
-var functions$1 = [];
+var functions = [];
 var listener = function listener2() {
   DOCUMENT.removeEventListener("DOMContentLoaded", listener2);
   loaded = 1;
-  functions$1.map(function(fn) {
+  functions.map(function(fn) {
     return fn();
   });
 };
@@ -3403,7 +3403,7 @@ if (IS_DOM) {
 function domready(fn) {
   if (!IS_DOM)
     return;
-  loaded ? setTimeout(fn, 0) : functions$1.push(fn);
+  loaded ? setTimeout(fn, 0) : functions.push(fn);
 }
 function toHtml(abstractNodes) {
   var tag = abstractNodes.tag, _abstractNodes$attrib = abstractNodes.attributes, attributes = _abstractNodes$attrib === void 0 ? {} : _abstractNodes$attrib, _abstractNodes$childr = abstractNodes.children, children = _abstractNodes$childr === void 0 ? [] : _abstractNodes$childr;
@@ -3759,12 +3759,12 @@ function registerPlugins(nextPlugins, _ref2) {
       }
     });
     if (plugin2.hooks) {
-      var hooks8 = plugin2.hooks();
-      Object.keys(hooks8).forEach(function(hook) {
+      var hooks9 = plugin2.hooks();
+      Object.keys(hooks9).forEach(function(hook) {
         if (!_hooks[hook]) {
           _hooks[hook] = [];
         }
-        _hooks[hook].push(hooks8[hook]);
+        _hooks[hook].push(hooks9[hook]);
       });
     }
     if (plugin2.provides) {
@@ -18790,7 +18790,7 @@ function render2(_ctx, _cache) {
 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 = {
+var hooks8 = {
   getCleekOptions(getCurrentInstance2) {
     return getCurrentInstance2().appContext.app.config.globalProperties.$cleekOptions;
   },
@@ -18943,9 +18943,9 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     const isColumnDisplayed = computed$2(() => {
       if (!props.col)
         return true;
-      return functions.isColumnDisplayed(props.col);
+      return hooks8.isColumnDisplayed(props.col);
     });
-    functions.preventUnusedError([
+    hooks8.preventUnusedError([
       isColumnDisplayed,
       computedStyle
     ]);
@@ -20814,14 +20814,14 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     });
     const computedClass = computed$2(() => {
       const list = [];
-      if (props.color && functions.isColorTemplateVariable(props.color)) {
+      if (props.color && hooks8.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)) {
+      if (props.color && !hooks8.isColorTemplateVariable(props.color)) {
         list.push({ color: props.color });
       }
       return list;
@@ -20829,7 +20829,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     function onClick2(event) {
       emits("click", event);
     }
-    functions.preventUnusedError([
+    hooks8.preventUnusedError([
       onClick2,
       computedStyle
     ]);
@@ -20913,7 +20913,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     });
     const computedClass = computed$2(() => {
       const list = [];
-      list.push(functions.getGroupClass(props, windowWidth.value));
+      list.push(hooks8.getGroupClass(props, windowWidth.value));
       const color = props.color || defaultColor;
       if (color !== defaultColor) {
         if (realButtonType.value === "filled") {
@@ -20926,7 +20926,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
       if (align === "center" || align === "right") {
         list.push(`ck-button__align--${props.align}`);
       }
-      const layout = functions.geRealLayout(props, cleekOptions2);
+      const layout = hooks8.geRealLayout(props, cleekOptions2);
       if (layout)
         list.push(layout);
       list.push(`type-${realButtonType.value}`);
@@ -20938,7 +20938,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
       const list = [];
       let isWidthDefined = false;
       if (props.widthBreaks) {
-        const width = functions.getWidthByWidthBreaks(props.widthBreaks, windowWidth.value);
+        const width = hooks8.getWidthByWidthBreaks(props.widthBreaks, windowWidth.value);
         if (width) {
           isWidthDefined = true;
           list.push({ width });
@@ -20952,9 +20952,9 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
       emits("click", event);
     }
     onMounted(() => {
-      cleekOptions2 = functions.getCleekOptions(getCurrentInstance);
+      cleekOptions2 = hooks8.getCleekOptions(getCurrentInstance);
     });
-    functions.preventUnusedError([
+    hooks8.preventUnusedError([
       onClick2,
       computedStyle,
       computedClass
@@ -21083,7 +21083,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
     const computedClassInput = computed$2(() => {
       const list = [];
-      list.push(functions.getGroupClass(props, windowWidth.value));
+      list.push(hooks8.getGroupClass(props, windowWidth.value));
       if (props.icon)
         list.push("has-icon-left");
       if (props.iconRight)
@@ -21092,20 +21092,22 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
         list.push(`align--${props.align}`);
       if (props.hideBorder)
         list.push("no-border");
-      const layout = functions.geRealLayout(props, cleekOptions2);
+      const layout = hooks8.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)) {
-        list.push(`ck-input--border-color__${props.borderColor}`);
+      const borderColor = hooks8.geRealBorderColor(props, cleekOptions2);
+      if (borderColor && hooks8.isColorTemplateVariable(borderColor)) {
+        list.push(`ck-component__border-color--${borderColor}`);
       }
       return list;
     });
     const computedStyleInput = computed$2(() => {
       const list = [];
-      if (props.borderColor && !functions.isColorTemplateVariable(props.borderColor)) {
-        list.push({ "border-color": props.borderColor });
+      const borderColor = hooks8.geRealBorderColor(props, cleekOptions2);
+      if (borderColor && !hooks8.isColorTemplateVariable(borderColor)) {
+        list.push({ "border-color": borderColor });
       }
       return list;
     });
@@ -21113,7 +21115,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       const list = [];
       list.push({ width: props.width });
       if (props.widthBreaks) {
-        const width = functions.getWidthByWidthBreaks(props.widthBreaks, windowWidth.value);
+        const width = hooks8.getWidthByWidthBreaks(props.widthBreaks, windowWidth.value);
         if (width)
           list.push({ width });
       }
@@ -21134,7 +21136,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
         }
       }, props.delayChangeTime || defaultDelayChangeTime);
     }
-    functions.preventUnusedError([
+    hooks8.preventUnusedError([
       computedStyle,
       computedClassInput,
       realLabelAlign,
@@ -21144,7 +21146,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       onClick2
     ]);
     onMounted(() => {
-      cleekOptions2 = functions.getCleekOptions(getCurrentInstance);
+      cleekOptions2 = hooks8.getCleekOptions(getCurrentInstance);
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
@@ -21196,7 +21198,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CkInput = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-2d610c78"]]);
+var CkInput = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-d0ed260a"]]);
 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({
@@ -21257,7 +21259,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
         emits("refreshList", false);
       }, 1e3);
     }
-    functions.preventUnusedError([
+    hooks8.preventUnusedError([
       searchGroupValue,
       checkRefresh
     ]);
@@ -21372,7 +21374,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
         return;
       updateCurrentPage(val);
     }
-    functions.preventUnusedError([
+    hooks8.preventUnusedError([
       validateInputNumber
     ]);
     return (_ctx, _cache) => {
@@ -22414,7 +22416,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
           list.push({
             name: col.name,
             title: col.title,
-            value: functions.isColumnDisplayed(col)
+            value: hooks8.isColumnDisplayed(col)
           });
         }
       });
@@ -22520,7 +22522,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       return newList;
     });
     const filteredColumnsList = computed$2(() => {
-      return columnsArray.value.filter(functions.isColumnDisplayed);
+      return columnsArray.value.filter(hooks8.isColumnDisplayed);
     });
     const searchLocal = computed$2({
       get() {
@@ -22561,7 +22563,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
         list.push("not-full-width");
       return list;
     });
-    functions.preventUnusedError([
+    hooks8.preventUnusedError([
       computedClassTable,
       defaultNoResultsText,
       isMobileVisible,
@@ -22720,7 +22722,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     const computedStyle = computed$2(() => {
       const list = [];
       if (props.widthBreaks) {
-        const width = functions.getWidthByWidthBreaks(props.widthBreaks, windowWidth.value);
+        const width = hooks8.getWidthByWidthBreaks(props.widthBreaks, windowWidth.value);
         if (width)
           list.push({ width });
       }
@@ -22783,7 +22785,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
         classList2.push("is-rounded");
       if (props.hasBorder) {
         classList2.push("ck-img__has-border");
-        if (functions.isColorTemplateVariable(realBorderColor.value)) {
+        if (hooks8.isColorTemplateVariable(realBorderColor.value)) {
           classList2.push(`ck-component__border-color--${realBorderColor.value}`);
         }
       }
@@ -22800,7 +22802,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       if (props.radius)
         styleList.push({ "border-radius": props.radius });
       if (props.hasBorder) {
-        if (!functions.isColorTemplateVariable(realBorderColor.value)) {
+        if (!hooks8.isColorTemplateVariable(realBorderColor.value)) {
           styleList.push({ "border-color": realBorderColor.value });
         }
       }
@@ -22833,10 +22835,10 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       return `${path}${src}`;
     }
     onMounted(() => {
-      $cleekOptions = functions.getCleekOptions(getCurrentInstance);
+      $cleekOptions = hooks8.getCleekOptions(getCurrentInstance);
       isMounted.value = true;
     });
-    functions.preventUnusedError([
+    hooks8.preventUnusedError([
       computedImgStyle,
       computedStyle,
       computedClass,
@@ -22961,10 +22963,10 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   emits: ["update:modelValue", "click", "change"],
   setup(__props, { expose, emit: emits }) {
     const props = __props;
-    let cleekOptions2;
     expose({
       setFocus
     });
+    let cleekOptions2;
     const defaultMinWidth = "180px";
     const defaultClearValue = "auto";
     const defaultReduceNameProp = "name";
@@ -22998,26 +23000,23 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     });
     const computedClassSelect = computed$2(() => {
       const list = [];
-      list.push(functions.getGroupClass(props, windowWidth.value));
-      const layout = functions.geRealLayout(props, cleekOptions2);
+      list.push(hooks8.getGroupClass(props, windowWidth.value));
+      const layout = hooks8.geRealLayout(props, cleekOptions2);
       if (layout)
         list.push(layout);
       if (isClearBtnVisible.value)
         list.push("clear-able");
-      const borderColor = functions.geRealBorderColor(props, cleekOptions2);
-      if (borderColor && functions.isColorTemplateVariable(borderColor)) {
-        list.push(`ck-input--border-color__${props.borderColor}`);
+      const borderColor = hooks8.geRealBorderColor(props, cleekOptions2);
+      if (borderColor && hooks8.isColorTemplateVariable(borderColor)) {
+        list.push(`ck-component__border-color--${borderColor}`);
       }
       return list;
     });
     const computedStyleSelect = computed$2(() => {
       const list = [];
-      const borderColor = functions.geRealBorderColor(props, cleekOptions2);
-      if (borderColor && functions.isColorTemplateVariable(borderColor)) {
-        list.push(`ck-input--border-color__${props.borderColor}`);
-      }
-      if (props.borderColor && !functions.isColorTemplateVariable(props.borderColor)) {
-        list.push({ "border-color": props.borderColor });
+      const borderColor = hooks8.geRealBorderColor(props, cleekOptions2);
+      if (borderColor && !hooks8.isColorTemplateVariable(borderColor)) {
+        list.push({ "border-color": borderColor });
       }
       return list;
     });
@@ -23025,7 +23024,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       const list = [];
       let isWidthDefined = false;
       if (props.widthBreaks) {
-        const width = functions.getWidthByWidthBreaks(props.widthBreaks, windowWidth.value);
+        const width = hooks8.getWidthByWidthBreaks(props.widthBreaks, windowWidth.value);
         if (width) {
           list.push({ width });
           isWidthDefined = true;
@@ -23100,9 +23099,9 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     function setFocus() {
     }
     onMounted(() => {
-      cleekOptions2 = functions.getCleekOptions(getCurrentInstance);
+      cleekOptions2 = hooks8.getCleekOptions(getCurrentInstance);
     });
-    functions.preventUnusedError([
+    hooks8.preventUnusedError([
       computedStyle,
       computedClassSelect,
       getOptionValue,
@@ -23153,7 +23152,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckSelect = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-cbfee918"]]);
+var ckSelect = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-f4a6925c"]]);
 var ckSidebar_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$5 = {
   key: 1,
@@ -23358,7 +23357,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     });
     const computedClass = computed$2(() => {
       const list = [];
-      list.push(functions.getGroupClass(props, windowWidth.value));
+      list.push(hooks8.getGroupClass(props, windowWidth.value));
       return list;
     });
     const computedItemStyle = computed$2(() => {
@@ -23375,7 +23374,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       }
       return defaultReduceFunction(option);
     }
-    functions.preventUnusedError([
+    hooks8.preventUnusedError([
       getOptionValue
     ]);
     return (_ctx, _cache) => {
@@ -23412,11 +23411,14 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: null,
     label: null,
-    labelAlign: null
+    labelAlign: null,
+    layout: null,
+    borderColor: null
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: emits }) {
     const props = __props;
+    let cleekOptions2;
     const value = computed$2({
       get() {
         return props.modelValue;
@@ -23425,6 +23427,30 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         emits("update:modelValue", val);
       }
     });
+    const computedClassTextarea = computed$2(() => {
+      const list = [];
+      const layout = hooks8.geRealLayout(props, cleekOptions2);
+      if (layout)
+        list.push(layout);
+      const borderColor = hooks8.geRealBorderColor(props, cleekOptions2);
+      console.log("textarea", borderColor);
+      console.log("cleekOptions", cleekOptions2);
+      if (borderColor && hooks8.isColorTemplateVariable(borderColor)) {
+        list.push(`ck-component__border-color--${borderColor}`);
+      }
+      return list;
+    });
+    const computedStyleTextarea = computed$2(() => {
+      const list = [];
+      const borderColor = hooks8.geRealBorderColor(props, cleekOptions2);
+      if (borderColor && !hooks8.isColorTemplateVariable(borderColor)) {
+        list.push({ "border-color": borderColor });
+      }
+      return list;
+    });
+    onMounted(() => {
+      cleekOptions2 = hooks8.getCleekOptions(getCurrentInstance);
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$2, [
         __props.label ? (openBlock(), createBlock(CkLabel, {
@@ -23437,15 +23463,17 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           _: 1
         }, 8, ["label-align"])) : createCommentVNode("", true),
         withDirectives(createElementVNode("textarea", {
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef$1(value) ? value.value = $event : null)
-        }, null, 512), [
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef$1(value) ? value.value = $event : null),
+          class: normalizeClass(unref$1(computedClassTextarea)),
+          style: normalizeStyle(unref$1(computedStyleTextarea))
+        }, null, 6), [
           [vModelText, unref$1(value)]
         ])
       ]);
     };
   }
 });
-var ckTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-373450fe"]]);
+var ckTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-c450e42e"]]);
 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" };