cleek 2.4.45 → 2.4.48

package/dist/cleek.es.js

@@ -21045,12 +21045,14 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     group: null,
     groupVertical: null,
     widthBreaks: null,
+    fontSize: null,
     size: null,
     hideBorder: { type: Boolean },
     width: null,
     align: null,
     layout: null,
     borderColor: null,
+    capitalize: { type: Boolean },
     autoSelect: { type: Boolean },
     delayChangeTime: null
   },
@@ -21068,6 +21070,8 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
         return props.modelValue;
       },
       set(val) {
+        if (props.capitalize)
+          val = qmStr.capitalize(`${val}`);
         emits("update:modelValue", val);
         checkSearchTime(val);
       }
@@ -21210,7 +21214,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CkInput = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-4a21992c"]]);
+var CkInput = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-6a13dddb"]]);
 var ckTable__headerItems_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$g = /* @__PURE__ */ defineComponent({
   props: {
@@ -23631,24 +23635,37 @@ const _hoisted_2$2 = ["placeholder", "disabled"];
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: null,
-    label: null,
-    labelAlign: null,
+    disabled: { type: Boolean },
+    placeholder: null,
+    resize: { type: [Boolean, String] },
     layout: null,
     borderColor: null,
-    placeholder: null,
-    disabled: { type: Boolean },
-    preventResize: { type: Boolean },
-    resize: null
+    align: null,
+    group: null,
+    groupVertical: null,
+    borderRadius: null,
+    fontSize: null,
+    textColor: null,
+    width: null,
+    height: null,
+    capitalize: { type: Boolean },
+    autoSelect: { type: Boolean },
+    label: null,
+    labelAlign: null
   },
-  emits: ["update:modelValue"],
+  emits: ["update:modelValue", "input", "change", "click"],
   setup(__props, { emit: emits }) {
     const props = __props;
     let cleekOptions2 = ref();
-    const value = computed$2({
+    const refTextarea = ref(null);
+    const { windowWidth } = useWindowWidth();
+    const inputValue = computed$2({
       get() {
         return props.modelValue;
       },
       set(val) {
+        if (props.capitalize)
+          val = qmStr.capitalize(val);
         emits("update:modelValue", val);
       }
     });
@@ -23662,6 +23679,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       if (borderColor && hooks8.isColorTemplateVariable(borderColor)) {
         list.push(`ck-component__border-color--${borderColor}`);
       }
+      list.push(hooks8.getGroupClass(props, windowWidth.value));
       return list;
     });
     const computedStyleTextarea = computed$2(() => {
@@ -23671,10 +23689,35 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       if (borderColor && !hooks8.isColorTemplateVariable(borderColor)) {
         list.push({ "border-color": borderColor });
       }
-      if (props.resize)
-        list.push({ resize: props.resize || "both" });
+      if (props.align)
+        list.push(`align--${props.align}`);
+      if (props.fontSize)
+        list.push({ "font-size": props.fontSize });
+      if (props.borderRadius)
+        list.push({ "border-radius": props.borderRadius });
+      if (props.textColor)
+        list.push({ "color": props.textColor });
+      if (props.width)
+        list.push({ "width": props.width });
+      if (props.height)
+        list.push({ "height": props.height });
+      const resize = props.resize ? props.resize : "none";
+      if (resize)
+        list.push({ resize: resize || "both" });
       return list;
     });
+    const onClick2 = (event) => {
+      var _a;
+      if (props.autoSelect)
+        (_a = refTextarea.value) == null ? void 0 : _a.select();
+      emits("click", event);
+    };
+    const onInput = (event) => {
+      emits("input", event);
+    };
+    const onChange2 = (event) => {
+      emits("change", event);
+    };
     onMounted(() => {
       cleekOptions2.value = hooks8.getCleekOptions(getCurrentInstance);
     });
@@ -23690,19 +23733,24 @@ 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),
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef$1(inputValue) ? inputValue.value = $event : null),
+          ref_key: "refTextarea",
+          ref: refTextarea,
           placeholder: __props.placeholder,
           disabled: __props.disabled,
           class: normalizeClass(unref$1(computedClassTextarea)),
-          style: normalizeStyle(unref$1(computedStyleTextarea))
-        }, null, 14, _hoisted_2$2), [
-          [vModelText, unref$1(value)]
+          style: normalizeStyle(unref$1(computedStyleTextarea)),
+          onClick: _cache[1] || (_cache[1] = ($event) => onClick2($event)),
+          onInput: _cache[2] || (_cache[2] = ($event) => onInput($event)),
+          onChange: _cache[3] || (_cache[3] = ($event) => onChange2($event))
+        }, null, 46, _hoisted_2$2), [
+          [vModelText, unref$1(inputValue)]
         ])
       ]);
     };
   }
 });
-var ckTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-6f36045c"]]);
+var ckTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-032f62d5"]]);
 var CkConfirm_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _withScopeId = (n) => (pushScopeId("data-v-314de9fc"), n = n(), popScopeId(), n);
 const _hoisted_1$1 = { class: "ck-confirm--background" };