"use strict";
const common_vendor = require("../../common/vendor.js");
const components_hsInput_reducer = require("./reducer.js");
if (!Array) {
  const _easycom_uni_icons2 = common_vendor.resolveComponent("uni-icons");
  _easycom_uni_icons2();
}
const _easycom_uni_icons = () => "../../uni_modules/uni-icons/components/uni-icons/uni-icons.js";
if (!Math) {
  _easycom_uni_icons();
}
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
  __name: "hs-input",
  props: components_hsInput_reducer.wlInputProps,
  emits: [
    "update:valueModel",
    "input",
    "blur",
    "bindconfirm",
    "onClose"
  ],
  setup(__props, { emit }) {
    const props = __props;
    const valueModel = common_vendor.ref("");
    common_vendor.watch(
      () => props.valueModel,
      (val) => {
        valueModel.value = val;
        handleChange(val);
      }
    );
    common_vendor.onMounted(() => {
      valueModel.value = props.valueModel;
      handleChange(props.valueModel);
    });
    const onChange = (e) => {
      const target = e.target;
      let value = target.value;
      handleChange(value);
    };
    const handleChange = (value) => {
      emit("update:valueModel", value);
      emit("input", value);
    };
    const onBlur = () => {
      emit("blur", props.valueModel);
    };
    const onConfirm = (e) => {
      const target = e.target;
      let value = target.value;
      emit("bindconfirm", value);
    };
    const emptyInput = () => {
      valueModel.value = "";
      onChange({ target: { value: "" } });
    };
    return (_ctx, _cache) => {
      return common_vendor.e({
        a: common_vendor.n(props.classInputName),
        b: common_vendor.o([($event) => valueModel.value = $event.detail.value, onChange]),
        c: props.placeholderStyle,
        d: (props == null ? void 0 : props.width) || "300rpx",
        e: props == null ? void 0 : props.textAlign,
        f: common_vendor.o(onChange),
        g: (props == null ? void 0 : props.placeholder) || "请输入",
        h: (props == null ? void 0 : props.maxLength) || 255,
        i: (props == null ? void 0 : props.type) || "text",
        j: common_vendor.o(onBlur),
        k: common_vendor.o(onConfirm),
        l: props == null ? void 0 : props.disabled,
        m: props == null ? void 0 : props.confirmType,
        n: (props == null ? void 0 : props.password) || false,
        o: valueModel.value,
        p: valueModel.value.length
      }, valueModel.value.length ? {
        q: common_vendor.o(emptyInput),
        r: common_vendor.p({
          type: "closeempty",
          color: "#999999",
          size: "12"
        })
      } : {}, {
        s: _ctx.suffix
      }, _ctx.suffix ? {
        t: common_vendor.t(_ctx.suffix)
      } : {}, {
        v: common_vendor.n(props.className)
      });
    };
  }
});
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__file", "/Users/zsq/Sources/github/2025property-pay/pay-employee/src/components/hs-input/hs-input.vue"]]);
wx.createComponent(Component);