z-components/es/src/form/input/input.vue.mjs

import { defineComponent as i, computed as r, openBlock as f, createElementBlock as c, createVNode as V, unref as _ } from "vue";
import { ElInput as b } from "element-plus";
import "element-plus/theme-chalk/src/base.css";
import "element-plus/theme-chalk/src/input.css";
const v = { class: "gie-input" }, g = /* @__PURE__ */ i({
  name: "ZtInput",
  __name: "input",
  props: {
    modelValue: { default: "" },
    disabled: { type: Boolean, default: !1 }
  },
  emits: ["update:modelValue"],
  setup(a, { expose: n, emit: d }) {
    const t = a, p = d, o = r({
      get: () => t.modelValue,
      set: (e) => {
        p("update:modelValue", e);
      }
    }), l = ref();
    function s() {
      var e;
      (e = l.value) == null || e.focus();
    }
    return n({
      focus: s
    }), (e, u) => (f(), c("div", v, [
      V(_(b), {
        ref_key: "inputRef",
        ref: l,
        modelValue: o.value,
        "onUpdate:modelValue": u[0] || (u[0] = (m) => o.value = m),
        disabled: t.disabled,
        type: "text"
      }, null, 8, ["modelValue", "disabled"])
    ]));
  }
});
export {
  g as default
};