tk-eui-plus/chooseTime/index.js

import { defineComponent as g, ref as o, watch as p, resolveComponent as S, openBlock as y, createElementBlock as v, createElementVNode as c, createVNode as f, mergeProps as T, unref as i, isRef as h } from "vue";
const x = { style: { display: "flex" } }, C = { style: { "margin-right": "20px" } }, V = /* @__PURE__ */ g({
  __name: "index",
  props: {
    //开始时间的占位符
    startPlaceholder: {
      type: String,
      default: "请选择开始时间"
    },
    //开始时间的开始选择
    startTimeStart: {
      type: String,
      default: "08:00"
    },
    //开始时间的选择间隔
    startTimeStep: {
      type: String,
      default: "00:30"
    },
    //开始时间的结束选择
    startTimeEnd: {
      type: String,
      default: "24:00"
    },
    //结束时间的占位符
    endPlaceholder: {
      type: String,
      default: "请选择结束时间"
    },
    //结束时间的开始选择
    endTimeStart: {
      type: String,
      default: "08:00"
    },
    //结束时间的选择间隔
    endTimeStep: {
      type: String,
      default: "00:30"
    },
    //结束时间的结束选择
    endTimeEnd: {
      type: String,
      default: "24:00"
    }
  },
  emits: ["startChange", "endChange"],
  setup(e, { emit: s }) {
    let a = s, l = o(""), n = o(""), m = o(!0);
    return p(
      () => l.value,
      (t) => {
        !t || t === "" ? (n.value = "", m.value = !0) : (m.value = !1, a("startChange", t));
      }
    ), p(
      () => n.value,
      (t) => {
        (!t || t !== "") && a("endChange", {
          startTime: l.value || "",
          endTime: t || ""
        });
      }
    ), (t, r) => {
      const u = S("el-time-select");
      return y(), v("div", x, [
        c("div", C, [
          f(u, T({
            modelValue: i(l),
            "onUpdate:modelValue": r[0] || (r[0] = (d) => h(l) ? l.value = d : l = d),
            style: { "min-width": "170px" },
            "max-time": i(n),
            placeholder: e.startPlaceholder,
            start: e.startTimeStart,
            step: e.startTimeStep,
            end: e.startTimeEnd
          }, t.$attrs.startOptions), null, 16, ["modelValue", "max-time", "placeholder", "start", "step", "end"])
        ]),
        c("div", null, [
          f(u, T({
            style: { "min-width": "170px" },
            modelValue: i(n),
            "onUpdate:modelValue": r[1] || (r[1] = (d) => h(n) ? n.value = d : n = d),
            "min-time": i(l),
            placeholder: e.endPlaceholder,
            start: e.endTimeStart,
            step: e.endTimeStep,
            end: e.endTimeEnd,
            disabled: i(m)
          }, t.$attrs.endOptions), null, 16, ["modelValue", "min-time", "placeholder", "start", "step", "end", "disabled"])
        ])
      ]);
    };
  }
}), E = (e, s) => {
  const a = e.__vccOpts || e;
  for (const [l, n] of s)
    a[l] = n;
  return a;
}, k = /* @__PURE__ */ E(V, [["__scopeId", "data-v-e534e694"]]), b = {
  install(e) {
    e.component("tkChooseTime", k);
  }
};
export {
  b as default
};