tyh-ui2/es/textarea/src/index.js

The next generation ui component library of tyh-ui is based on vue3 Version, fully embrace vue3.

import { defineComponent as t, computed as d, openBlock as m, createElementBlock as p, createElementVNode as i, normalizeClass as c, unref as f, normalizeStyle as h } from "vue";
import { Props as b } from "./index2.js";
const v = { class: "tyh-textarea" }, y = ["rows", "autofocus", "value", "placeholder", "disabled", "name", "maxlength"], z = t({
  name: "TyhTextarea"
}), w = /* @__PURE__ */ t({
  ...z,
  props: b,
  emits: ["update:modelValue", "onfocus", "onblur"],
  setup(s, { emit: a }) {
    const l = s, n = (e) => a("update:modelValue", e.target.value), r = d(() => [
      "tyh-textarea-textarea",
      { "tyh-textarea-disabled": l.disabled }
    ]);
    return (e, o) => (m(), p("div", v, [
      i("textarea", {
        cols: "30",
        rows: e.rows,
        class: c(f(r)),
        autofocus: e.autofocus,
        value: e.modelValue,
        placeholder: e.placeholder,
        disabled: e.disabled,
        name: e.name,
        maxlength: e.max,
        style: h({ resize: e.resize }),
        onInput: n,
        onBlur: o[0] || (o[0] = (u) => a("onblur")),
        onFocus: o[1] || (o[1] = (u) => a("onfocus"))
      }, null, 46, y)
    ]));
  }
});
export {
  w as default
};