yk-element-components/chooseTime/index.mjs

import { defineComponent as S, ref as u, watch as o, resolveComponent as g, openBlock as h, createElementBlock as T, createElementVNode as y, createVNode as p, mergeProps as f, unref as r, isRef as c } from "vue";
const E = { style: { display: "flex" } }, F = { style: { "margin-right": "20px" } }, V = /* @__PURE__ */ S({
  __name: "index",
  props: {
    startPlaceholder: {
      type: String,
      default: "\u8BF7\u9009\u62E9\u5F00\u59CB\u65F6\u95F4"
    },
    endPlaceholder: {
      type: String,
      default: "\u8BF7\u9009\u62E9\u7ED3\u675F\u65F6\u95F4"
    },
    startTimeStart: {
      type: String,
      default: "08:00"
    },
    startStep: {
      type: String,
      default: "00:30"
    },
    startTimeEnd: {
      type: String,
      default: "24:00"
    },
    endTimeStart: {
      type: String,
      default: "08:00"
    },
    endStep: {
      type: String,
      default: "00:30"
    },
    endTimeEnd: {
      type: String,
      default: "24:00"
    }
  },
  emits: ["startChange", "endChange"],
  setup(e, { emit: s }) {
    let l = u(""), a = u(""), i = u(!0);
    return o(
      () => l.value,
      (t) => {
        t === "" ? (a.value = "", i.value = !0) : (i.value = !1, s("startChange", t));
      }
    ), o(
      () => a.value,
      (t) => {
        t !== "" && s("endChange", {
          startTime: l.value,
          endTime: t
        });
      }
    ), (t, d) => {
      const m = g("el-time-select");
      return h(), T("div", E, [
        y("div", F, [
          p(m, f({
            modelValue: r(l),
            "onUpdate:modelValue": d[0] || (d[0] = (n) => c(l) ? l.value = n : l = n),
            placeholder: e.startPlaceholder,
            start: e.startTimeStart,
            step: e.startStep,
            end: e.startTimeEnd
          }, t.$attrs.startOptions), null, 16, ["modelValue", "placeholder", "start", "step", "end"])
        ]),
        p(m, f({
          modelValue: r(a),
          "onUpdate:modelValue": d[1] || (d[1] = (n) => c(a) ? a.value = n : a = n),
          "min-time": r(l),
          placeholder: e.endPlaceholder,
          start: e.endTimeStart,
          step: e.endStep,
          end: e.endTimeEnd,
          disabled: r(i)
        }, t.$attrs.endOptions), null, 16, ["modelValue", "min-time", "placeholder", "start", "step", "end", "disabled"])
      ]);
    };
  }
}), C = {
  install(e) {
    e.component("yk-choose-time", V);
  }
};
export {
  C as default
};