import { inject as T, toRefs as Z, computed as b, ref as D, renderSlot as E, defineComponent as k, createVNode as c, mergeProps as g, h as me, createApp as ce, nextTick as ie, isVNode as te, Fragment as w, provide as se } from "vue";
import { h as s, d as M, a as h, b as de, c as ne, F as Y, e as fe, P as ge, A as ve, f as F, C as Ve, g as O, D as _, T as G, j as L, k as he, l as ye, R as be, m as Ae, S as Ce, n as ke, o as Te, p as Se, q as Ye, r as Pe, s as Ie } from "./vendor-BuMp2M9h.js";
import { X as J } from "./datetime-picker-BvBgc-bC.js";
import { u as z } from "./hooks-BDiJ55M7.js";
import { c as De, w as xe } from "./utils-BjwmJovq.js";
const S = {
  formValue: {
    type: Object
  },
  type: {
    type: String,
    required: !0
  },
  label: {
    type: String
  },
  name: {
    type: String,
    required: !0
  },
  options: {
    type: Array,
    default: () => []
  },
  required: {
    type: Boolean,
    default: !1
  },
  readonly: {
    type: Boolean,
    default: !1
  },
  popup: {
    type: Object,
    default: () => ({})
  },
  itemAttrs: {
    type: Object,
    default: () => ({})
  },
  orgAttrs: {
    type: Object,
    default: () => ({})
  },
  config: {
    type: Object,
    default: () => ({})
  },
  size: {
    type: String,
    default: "normal"
  }
}, $e = ["input", "picker", "cascader", "area", "radio", "checkbox", "date-picker", "time-picker", "datetime-picker", "date-range-picker", "time-range-picker", "datetime-range-picker", "switch", "rate", "slider", "stepper", "text", "html", "slot", "input-slot"], K = ["picker", "cascader", "area", "date-picker", "time-picker", "datetime-picker", "date-range-picker", "time-range-picker", "datetime-range-picker"], B = {
  change: ["rate", "switch", "stepper", "slider", "radio", "checkbox"],
  blur: ["input", "stepper"],
  focus: ["input", "stepper"],
  click: ["input", "switch"],
  confirm: [],
  cancel: [],
  "drag-end": ["slider"],
  "drag-start": ["slider"],
  plus: ["stepper"],
  minus: ["stepper"]
}, ee = ["submit", "failed"], Re = ["change", "blur", "focus", "click"], je = ["click-option", "change-option"], Me = ["change", "plus", "minus", "overlimit", "focus", "blur"], Ee = ["change", "drag-start", "drag-end"], He = ["confirm", "cancel", "click-option", "scroll-into"], we = ["click-tab", "close", "finish"], Oe = ["confirm", "cancel", "open", "opened", "closed", "click-overlay"], Ue = [...new Set(ee.concat(ee, Re, je, Me, Ee, Oe, He, we))], R = (e = "") => `请选择${e}`, qe = (e, n, u) => {
  const t = ["picker", "area", "cascader", "date-picker", "time-picker", "datetime-picker", "date-range-picker", "time-range-picker", "datetime-range-picker"].includes(e), a = ["input"].includes(e);
  if (t) return u || `请选择${n}`;
  if (a) return u || `请输入${n}`;
  if (u) return u;
}, Fe = (e, n = [], u) => {
  let t = [];
  const a = { required: !0, message: `${u}不能为空`, trigger: ["onBlur", "onChange", "onSubmit"] };
  if (n && h(n)) {
    const r = n.find((l) => s(l, "required"));
    e && !r && t.push(a), t = t.concat(n);
  }
  return t;
}, Be = (e) => K.includes(e) ? "arrow" : "", x = (e) => s(e, "slots") ? e.slots : {}, Ne = (e, n) => {
  const { onEvents: u } = T("x-form");
  let t = {};
  return B.change.includes(e) && (t.onChange = (...a) => u("change", n, ...a)), B.blur.includes(e) && (t.onBlur = (a) => u("blur", n, a)), B.focus.includes(e) && (t.onFocus = (a) => u("focus", n, a)), B.click.includes(e) && (t.onClick = (a) => u("click", n, a)), t;
};
function $(e, n = M()) {
  const u = {
    year: n.format("YYYY"),
    month: n.format("MM"),
    day: n.format("DD"),
    hour: n.format("HH"),
    minute: n.format("mm"),
    second: n.format("ss")
  };
  return e.map((t) => u[t]);
}
const P = (e) => {
  const { rules: n } = T("x-form"), { type: u, required: t, name: a, itemAttrs: r, label: l, config: o } = Z(e), m = b(() => {
    const v = s(r.value, "rules") && h(r.value.rules) ? r.value.rules : [], V = s(o.value, "rules") ? o.value.rules : [], y = s(n, a.value) ? n[a.value] : [];
    return Fe(t.value, [...v, ...V, ...y], l.value);
  }), i = b(() => {
    var V;
    let v = {
      placeholder: qe(u.value, l.value, (V = r.value) == null ? void 0 : V.placeholder),
      required: t.value,
      clearable: !!(e.type == "input" || K.includes(e.type)),
      ...r.value,
      label: l.value,
      name: a.value,
      rules: m.value
    };
    return s(o, "hiddenLabel") && de(o.value.hiddenLabel) && o.hiddenLabel && (v.class = "xform-hidden-label"), K.includes(e.type) && (v["right-icon"] = Be(e.type), v.readonly = !0), v;
  }), d = b(() => e.orgAttrs);
  return {
    baseAttrs: i,
    compAttrs: d
  };
}, I = (e) => {
  const { formSlots: n } = T("x-form"), { name: u, itemAttrs: t, label: a } = Z(e), r = D({}), l = (m) => {
    var i;
    return t.value && s(t.value, "slots") && s((i = t.value) == null ? void 0 : i.slots, m);
  }, o = (m, i) => {
    if (ne(t.value.slots[m]))
      return t.value.slots[m](i);
    throw new Error(`slots.${m} is not a function`);
  };
  return (a.value || s(n, `${u.value}.label`) || l("label")) && (r.value.label = () => s(n, `${u.value}.label`) ? E(n, `${u.value}.label`) : l("label") ? o("label") : a.value), (s(n, `${u.value}.left-icon`) || l("left-icon")) && (r.value["left-icon"] = () => s(n, `${u.value}.left-icon`) ? E(n, `${u.value}.left-icon`) : o("left-icon")), (s(n, `${u.value}.right-icon`) || l("right-icon")) && (r.value["right-icon"] = () => s(n, `${u.value}.right-icon`) ? E(n, `${u.value}.right-icon`) : o("right-icon")), (s(n, `${u.value}.error-message`) || l("error-message")) && (r.value["error-message"] = ({ message: m }) => s(n, `${u.value}.error-message`) ? E(n, `${u.value}.error-message`, { message: m }) : o("error-message", { message: m })), (s(n, `${u.value}.button`) || l("button")) && (r.value.button = () => s(n, `${u.value}.button`) ? E(n, `${u.value}.button`) : o("button")), (s(n, `${u.value}.extra`) || l("extra")) && (r.value.extra = () => s(n, `${u.value}.extra`) ? E(n, `${u.value}.extra`) : o("extra")), {
    itemSlots: r
  };
}, _e = /* @__PURE__ */ k({
  name: "IInput",
  props: S,
  setup(e) {
    const {
      itemSlots: n
    } = I(e), {
      baseAttrs: u
    } = P(e);
    return () => c(Y, g({
      modelValue: e.formValue[e.name],
      "onUpdate:modelValue": (t) => e.formValue[e.name] = t
    }, u.value, Ne(e.type, e.name)), n.value);
  }
}), j = (e) => {
  const { content: n, position: u } = e;
  let t = null;
  const a = D(!1), r = document.createElement("div");
  document.body.appendChild(r);
  const l = () => {
    a.value = !1;
  }, o = () => {
    t == null || t.unmount(), r.remove();
  }, m = k({
    setup() {
      return () => me(fe, {
        show: a.value,
        "onUpdate:show": (i) => {
          a.value = i;
        },
        round: !0,
        position: u || "bottom",
        onClose: l,
        onClosed: o
      }, {
        default: n
      });
    }
  });
  return t = ce(m), t.mount(r), ie(() => {
    a.value = !0;
  }), {
    onClose: l,
    onUnmount: o
  };
}, Ge = /* @__PURE__ */ k({
  props: S,
  setup(e) {
    const {
      itemSlots: n
    } = I(e), {
      baseAttrs: u
    } = P(e), {
      options: t
    } = z(e.options), {
      onEvents: a
    } = T("x-form"), r = b(() => t.value), l = b(() => {
      const m = e.formValue[e.name] && h(e.formValue[e.name]) ? e.formValue[e.name] : [];
      return r.value.filter((i) => m.includes(i.value)).map((i) => i.text).join("、");
    }), o = () => {
      const m = D(e.formValue[e.name] && h(e.formValue[e.name]) ? e.formValue[e.name] : []), {
        onClose: i
      } = j({
        content: c(ge, g({
          modelValue: m.value,
          "onUpdate:modelValue": (d) => m.value = d,
          title: R(e.label)
        }, e.orgAttrs, {
          columns: r.value,
          onConfirm: (...d) => {
            e.formValue[e.name] = m.value, i(), a("confirm", e.name, ...d);
          },
          onChange: (...d) => a("change", e.name, ...d),
          onCancel: () => {
            i(), a("cancel", e.name);
          },
          onClickOption: (...d) => a("click-option", e.name, ...d),
          onScrollInto: (...d) => a("scroll-into", e.name, ...d)
        }), {
          ...x(e.orgAttrs),
          default: () => s(x(e.orgAttrs), "default") ? x(e.orgAttrs).default() : void 0
        })
      });
    };
    return () => c(Y, g({
      modelValue: l.value,
      "onUpdate:modelValue": (m) => l.value = m
    }, u.value, {
      clearable: !0,
      onClickRightIcon: o,
      onClickInput: o
    }), n.value);
  }
}), Le = /* @__PURE__ */ k({
  name: "IArea",
  props: S,
  setup(e) {
    const {
      itemSlots: n
    } = I(e), {
      baseAttrs: u
    } = P(e), {
      onEvents: t
    } = T("x-form"), a = b(() => {
      const l = e.formValue[e.name];
      if (l) {
        let o = [];
        const m = ze(l), i = F.province_list[m];
        i && o.push(i);
        const d = Xe(l), v = F.city_list[d];
        v && o.push(v);
        const V = F.county_list[l];
        return V && o.push(V), o.join("/");
      }
      return l;
    }), r = () => {
      const l = D(e.formValue[e.name] || ""), {
        onClose: o
      } = j({
        content: c(ve, g({
          modelValue: l.value,
          "onUpdate:modelValue": (m) => l.value = m,
          title: R(e.label),
          areaList: F
        }, e.orgAttrs, {
          onConfirm: (...m) => {
            e.formValue[e.name] = l.value, o(), t("confirm", e.name, ...m);
          },
          onChange: (...m) => t("change", e.name, ...m),
          onCancel: () => {
            o(), t("cancel", e.name);
          }
        }), null)
      });
    };
    return () => c(Y, g({
      modelValue: a.value,
      "onUpdate:modelValue": (l) => a.value = l
    }, u.value, {
      clearable: !0,
      onClickRightIcon: r,
      onClickInput: r
    }), n.value);
  }
});
function ze(e) {
  return String(e).padStart(6, "0").substring(0, 2) + "0000";
}
function Xe(e) {
  return String(e).padStart(6, "0").substring(0, 4) + "00";
}
const We = /* @__PURE__ */ k({
  name: "ICascader",
  props: S,
  setup(e) {
    const {
      itemSlots: n
    } = I(e), {
      baseAttrs: u
    } = P(e), {
      options: t
    } = z(e.config.options), {
      onEvents: a
    } = T("x-form"), r = b(() => {
      const m = ae(t.value, e.formValue[e.name]);
      return m ? h(m) ? m.join("/") : e.formValue[`${e.name}Text`] : e.formValue[`${e.name}Text`];
    }), l = D(e.formValue[e.name] || ""), o = () => {
      const {
        onClose: m
      } = j({
        content: c(Ve, g({
          modelValue: l.value,
          "onUpdate:modelValue": (i) => l.value = i,
          title: R(e.label)
        }, e.orgAttrs, {
          options: t.value,
          onChange: (...i) => a("change", e.name, ...i),
          onFinish: (...i) => {
            e.formValue[e.name] = l.value, m(), a("finish", e.name, ...i);
          },
          onClose: () => {
            m(), a("close", e.name);
          },
          onClickTab: (...i) => a("click-tab", name, ...i)
        }), x(e.orgAttrs))
      });
    };
    return () => c(Y, g({
      modelValue: r.value,
      "onUpdate:modelValue": (m) => r.value = m
    }, u.value, {
      clearable: !0,
      onClickRightIcon: o,
      onClickInput: o
    }), {
      ...n.value
    });
  }
});
function ae(e, n, u = []) {
  for (const t of e) {
    const a = [...u, t.text];
    if (t.value === n)
      return a;
    if (t.children && t.children.length > 0) {
      const r = ae(t.children, n, a);
      if (r) return r;
    }
  }
  return null;
}
const Je = /* @__PURE__ */ k({
  props: S,
  setup(e, {}) {
    const {
      itemSlots: n
    } = I(e), {
      baseAttrs: u
    } = P(e), {
      onEvents: t
    } = T("x-form"), a = s(e.orgAttrs, "columnsType") && h(e.orgAttrs.columnsType) ? e.orgAttrs.columnsType : ["year", "month", "day"], r = $(a), l = b(() => {
      if (e.formValue[e.name]) {
        if (h(e.formValue[e.name]))
          return e.formValue[e.name];
        if (O(e.formValue[e.name])) {
          const d = M(e.formValue[e.name]);
          return $(a, d);
        } else
          return e.formValue[e.name];
      } else
        return r;
    }), o = D(l.value || r), m = b(() => e.formValue[e.name] && h(e.formValue[e.name]) ? e.formValue[e.name].join("-") : e.formValue[e.name]), i = () => {
      const {
        onClose: d
      } = j({
        content: c(_, g({
          modelValue: o.value,
          "onUpdate:modelValue": (v) => o.value = v,
          title: R(e.label)
        }, e.orgAttrs, {
          columnsType: a,
          onConfirm: (...v) => {
            e.formValue[e.name] = o.value, d(), t("confirm", e.name, ...v);
          },
          onChange: (...v) => t("change", e.name, ...v),
          onCancel: () => {
            d(), t("cancel", e.name);
          }
        }), {
          ...x(e.orgAttrs),
          default: () => s(x(e.orgAttrs), "default") ? x(e.orgAttrs).default() : void 0
        })
      });
    };
    return () => c(Y, g({
      modelValue: m.value,
      "onUpdate:modelValue": (d) => m.value = d
    }, u.value, {
      clearable: !0,
      onClickRightIcon: i,
      onClickInput: i
    }), n.value);
  }
}), Ke = /* @__PURE__ */ k({
  props: S,
  setup(e) {
    const {
      itemSlots: n
    } = I(e), {
      baseAttrs: u
    } = P(e), {
      onEvents: t
    } = T("x-form"), a = s(e.orgAttrs, "columnsType") && h(e.orgAttrs.columnsType) ? e.orgAttrs.columnsType : ["hour", "minute", "second"], r = $(a), l = b(() => e.formValue[e.name] ? h(e.formValue[e.name]) ? e.formValue[e.name] : O(e.formValue[e.name]) ? e.formValue[e.name].split(":") : r : r), o = b(() => e.formValue[e.name] && h(e.formValue[e.name]) ? e.formValue[e.name].join(":") : e.formValue[e.name]), m = () => {
      const i = D(l.value || r), {
        onClose: d
      } = j({
        content: c(G, g({
          modelValue: i.value,
          "onUpdate:modelValue": (v) => i.value = v,
          title: R(e.label)
        }, e.orgAttrs, {
          columnsType: a,
          onConfirm: (...v) => {
            e.formValue[e.name] = i.value, d(), t("confirm", e.name, ...v);
          },
          onChange: (...v) => t("change", e.name, ...v),
          onCancel: () => {
            d(), t("cancel", e.name);
          }
        }), {
          ...x(e.orgAttrs),
          default: () => s(x(e.orgAttrs), "default") ? x(e.orgAttrs).default : void 0
        })
      });
    };
    return () => c(Y, g({
      modelValue: o.value,
      "onUpdate:modelValue": (i) => o.value = i
    }, u.value, {
      clearable: !0,
      onClickRightIcon: m,
      onClickInput: m
    }), n.value);
  }
});
function U(e) {
  return typeof e != "string" ? !1 : /^\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01])( (0\d|1\d|2[0-3])(:[0-5]\d)?(:[0-5]\d)?)?$/.test(e);
}
function X(e) {
  return Array.isArray(e) ? e.every((n) => U(n)) : !1;
}
function N(e) {
  if (!Array.isArray(e) || e.length !== 2) return !1;
  const [n, u] = e;
  if (!Array.isArray(n) || n.length !== 3 || !(typeof n[0] == "string" && /^\d{4}$/.test(n[0]) && typeof n[1] == "string" && /^(0[1-9]|1[0-2])$/.test(n[1]) && typeof n[2] == "string" && /^(0[1-9]|[12]\d|3[01])$/.test(n[2])) || !Array.isArray(u) || u.length > 3) return !1;
  const a = [
    /^(0\d|1\d|2[0-3])$/,
    // HH
    /^[0-5]\d$/,
    // mm
    /^[0-5]\d$/
    // ss
  ];
  return u.every(
    (r, l) => typeof r == "string" && a[l].test(r)
  );
}
function q(e) {
  if (!Array.isArray(e) || e.length < 3 || e.length > 6) return !1;
  const [n, u, t] = e;
  if (!(typeof n == "string" && /^\d{4}$/.test(n) && typeof u == "string" && /^(0[1-9]|1[0-2])$/.test(u) && typeof t == "string" && /^(0[1-9]|[12]\d|3[01])$/.test(t))) return !1;
  const r = e.slice(3), l = [
    /^(0\d|1\d|2[0-3])$/,
    // HH
    /^[0-5]\d$/,
    // mm
    /^[0-5]\d$/
    // ss
  ];
  return r.every(
    (o, m) => typeof o == "string" && l[m].test(o)
  );
}
function W(e) {
  return Array.isArray(e) ? e.every((n) => q(n)) : !1;
}
function Qe(e) {
  return U(e) || N(e) || q(e);
}
function Q(e) {
  const n = /^(\d{4})-(\d{2})-(\d{2})(?: (\d{2})(?::(\d{2})(?::(\d{2}))?)?)?$/, u = e.match(n);
  if (!u)
    throw new Error("Invalid date-time format. Expected YYYY-MM-DD[ HH[:mm[:ss]]]");
  return u.slice(1).filter((t) => t !== void 0);
}
function le(e) {
  const [n, u, t, a, r, l] = e;
  let o = `${n}-${u}-${t}`;
  return a !== void 0 && (o += ` ${a}`, r !== void 0 && (o += `:${r}`, l !== void 0 && (o += `:${l}`))), o;
}
const Ze = /* @__PURE__ */ k({
  name: "IDateTimePicker",
  props: S,
  setup(e) {
    const {
      itemSlots: n
    } = I(e), {
      baseAttrs: u
    } = P(e), {
      onEvents: t
    } = T("x-form"), a = b(() => {
      if (e.formValue[e.name]) {
        if (U(e.formValue[e.name]))
          return e.formValue[e.name];
        if (N(e.formValue[e.name]))
          return e.formValue[e.name][0].join("-") + "  " + e.formValue[e.name][1].join(":");
        if (q(e.formValue[e.name]))
          return le(e.formValue[e.name]);
        throw new Error(`${e.name} 默认值 格式不正确，时间格式只能是： 'YYYY-MM-DD HH:mm:ss' or [['YYYY', 'MM', 'DD'], ['HH', 'mm', 'ss']] or ['YYYY', 'MM', 'DD', 'HH', 'mm', 'ss']`);
      }
      return e.formValue[e.name];
    }), r = () => {
      if (e.formValue[e.name] && !Qe(e.formValue[e.name]))
        throw new Error(`${e.name} 默认值 格式不正确，时间格式只能是: 'YYYY-MM-DD HH:mm:ss' or [['YYYY', 'MM', 'DD'], ['HH', 'mm', 'ss']] or ['YYYY', 'MM', 'DD', 'HH', 'mm', 'ss']`);
      let m = s(e.orgAttrs, "showType") && ["group", "single"].includes(e.orgAttrs.showType) ? e.orgAttrs.showType : "group";
      console.log("curShowType :>> ", m), m === "group" ? l() : o();
    }, l = () => {
      const m = s(e.orgAttrs, "startProps") ? s(e.orgAttrs.startProps, "columnsType") ? e.orgAttrs.startProps.columnsType : ["year", "month", "day"] : ["year", "month", "day"], i = s(e.orgAttrs, "endProps") ? s(e.orgAttrs.endProps, "columnsType") ? e.orgAttrs.endProps.columnsType : ["hour", "minute", "second"] : ["hour", "minute", "second"], d = b(() => {
        let C = Object.assign({}, e.orgAttrs);
        return s(e.orgAttrs, "startProps") && Object.assign(C, e.orgAttrs.startProps), C;
      }), v = b(() => {
        let C = Object.assign({}, e.orgAttrs);
        return s(e.orgAttrs, "endProps") && Object.assign(C, e.orgAttrs.endProps), C;
      }), [V, y] = M().format("YYYY-MM-DD HH:mm:ss").split(" "), A = D({
        date: V.split("-").slice(0, m.length),
        time: y.split(":").slice(0, i.length)
      });
      if (e.formValue[e.name]) {
        if (U(e.formValue[e.name])) {
          const [C, H] = e.formValue[e.name].split(" ");
          A.value.date = C.split("-"), A.value.time = H ? C.split(":") : [];
        }
        if (N(e.formValue[e.name])) {
          const [C, H] = e.formValue[e.name];
          A.value.date = C, A.value.time = H;
        }
        q(e.formValue[e.name]) && (A.value.date = e.formValue[e.name].slice(0, 3), A.value.time = e.formValue[e.name].slice(3));
      }
      console.log("dateTimeValue.value :>> ", A.value);
      const {
        onClose: f
      } = j({
        content: c(L, g({
          title: R(e.label)
        }, e.orgAttrs, {
          tabs: ["选择日期", "选择时间"],
          onConfirm: (...C) => {
            e.formValue[e.name] = A.value, f(), t("confirm", e.name, ...C);
          },
          onChange: (...C) => t("change", e.name, ...C),
          onCancel: () => {
            f(), t("cancel", e.name);
          }
        }), {
          default: () => [c(_, g({
            modelValue: A.value.date,
            "onUpdate:modelValue": (C) => A.value.date = C,
            columnsType: m
          }, d.value), null), c(G, g({
            modelValue: A.value.time,
            "onUpdate:modelValue": (C) => A.value.time = C,
            columnsType: i
          }, v.value), null)]
        })
      });
    }, o = () => {
      const m = s(e.orgAttrs, "columnsType") && h(e.orgAttrs.columnsType) ? e.orgAttrs.columnsType : ["year", "month", "day", "hour", "minute", "second"], i = $(m), d = D(i);
      e.formValue[e.name] && (U(e.formValue[e.name]) && (d.value = Q(e.formValue[e.name])), N(e.formValue[e.name]) && (d.value = e.formValue[e.name].flat()), q(e.formValue[e.name]) && (d.value = e.formValue[e.name]));
      const v = j({
        content: c(J, g({
          modelValue: d.value,
          "onUpdate:modelValue": (V) => d.value = V,
          title: R(e.label)
        }, e.orgAttrs, {
          columnsType: m,
          onConfirm: (...V) => {
            e.formValue[e.name] = d.value, v.onClose(), t("confirm", e.name, ...V);
          },
          onChange: (...V) => t("change", e.name, ...V),
          onCancel: () => {
            v.onClose(), t("cancel", e.name);
          }
        }), null)
      });
    };
    return () => c(Y, g({
      modelValue: a.value,
      "onUpdate:modelValue": (m) => a.value = m
    }, u.value, {
      clearable: !0,
      onClickRightIcon: r,
      onClickInput: r
    }), n.value);
  }
}), pe = /* @__PURE__ */ k({
  name: "IDateRangePicker",
  props: S,
  setup(e) {
    const {
      itemSlots: n
    } = I(e), {
      baseAttrs: u
    } = P(e), {
      onEvents: t
    } = T("x-form"), a = b(() => e.formValue[e.name] && h(e.formValue[e.name]) ? e.formValue[e.name].map((l) => h(l) ? l.join("-") : l).join(" 至 ") : e.formValue[e.name]), r = () => {
      const l = s(e.orgAttrs, "columnsType") && h(e.orgAttrs.columnsType) ? e.orgAttrs.columnsType : ["year", "month", "day"], o = $(l), m = b(() => {
        let f = Object.assign({}, e.orgAttrs);
        return s(e.orgAttrs, "startProps") && Object.assign(f, e.orgAttrs.startProps), f;
      }), i = b(() => {
        let f = Object.assign({}, e.orgAttrs);
        return s(e.orgAttrs, "endProps") && Object.assign(f, e.orgAttrs.endProps), f;
      }), d = b(() => {
        if (e.formValue[e.name] && h(e.formValue[e.name]) && e.formValue[e.name].length > 0) {
          if (!e.formValue[e.name][0])
            return o;
          const f = e.formValue[e.name][0];
          return h(f) ? f : O(f) ? $(l, M(f)) : o;
        } else
          return o;
      }), v = b(() => {
        if (e.formValue[e.name] && h(e.formValue[e.name]) && e.formValue[e.name].length > 1) {
          if (!e.formValue[e.name][1])
            return o;
          const f = e.formValue[e.name][1];
          return h(f) ? f : O(f) ? $(l, M(f)) : o;
        } else
          return o;
      }), V = D({
        start: d.value,
        end: v.value
      }), y = e.orgAttrs, {
        onClose: A
      } = j({
        content: c(L, g({
          title: R(e.label)
        }, y, {
          tabs: s(y, "tabs") ? y.tabs : ["开始日期", "结束日期"],
          onConfirm: (...f) => {
            e.formValue[e.name] = [V.value.start, V.value.end], A(), t("confirm", e.name, ...f);
          },
          onChange: (...f) => t("change", e.name, ...f),
          onCancel: () => {
            A(), t("cancel", e.name);
          }
        }), {
          default: () => [c(_, g({
            modelValue: V.value.start,
            "onUpdate:modelValue": (f) => V.value.start = f
          }, m.value, {
            columnsType: l
          }), null), c(_, g({
            modelValue: V.value.end,
            "onUpdate:modelValue": (f) => V.value.end = f
          }, i.value, {
            columnsType: l
          }), null)]
        })
      });
    };
    return () => c(Y, g({
      modelValue: a.value,
      "onUpdate:modelValue": (l) => a.value = l
    }, u.value, {
      clearable: !0,
      onClickRightIcon: r,
      onClickInput: r
    }), n.value);
  }
}), et = /* @__PURE__ */ k({
  name: "ITimeRangePicker",
  props: S,
  setup(e) {
    const {
      itemSlots: n
    } = I(e), {
      baseAttrs: u
    } = P(e), {
      onEvents: t
    } = T("x-form"), a = b(() => e.formValue[e.name] && h(e.formValue[e.name]) ? e.formValue[e.name].map((l) => h(l) ? l.join(":") : l).join(" 至 ") : e.formValue[e.name]), r = () => {
      const l = s(e.orgAttrs, "columnsType") && h(e.orgAttrs.columnsType) ? e.orgAttrs.columnsType : ["hour", "minute", "second"], o = $(l), m = b(() => {
        if (e.formValue[e.name] && h(e.formValue[e.name]) && e.formValue[e.name].length > 0) {
          if (!e.formValue[e.name][0])
            return o;
          const f = e.formValue[e.name][0];
          return h(f) ? f : O(f) ? $(l, M(`${M().format("YYYY-MM-DD")} ${f}`)) : o;
        } else
          return o;
      }), i = b(() => {
        if (e.formValue[e.name] && h(e.formValue[e.name]) && e.formValue[e.name].length > 1) {
          if (!e.formValue[e.name][1])
            return o;
          const f = e.formValue[e.name][1];
          return h(f) ? f : O(f) ? $(l, M(`${M().format("YYYY-MM-DD")} ${f}`)) : o;
        } else
          return o;
      }), d = D({
        start: m.value,
        end: i.value
      }), v = e.orgAttrs, V = b(() => {
        let f = Object.assign({}, e.orgAttrs);
        return s(e.orgAttrs, "startProps") && Object.assign(f, e.orgAttrs.startProps), f;
      }), y = b(() => {
        let f = Object.assign({}, e.orgAttrs);
        return s(e.orgAttrs, "endProps") && Object.assign(f, e.orgAttrs.endProps), f;
      }), {
        onClose: A
      } = j({
        content: c(L, g({
          title: R(e.label)
        }, e.orgAttrs, {
          tabs: s(v, "tabs") ? v.tabs : ["开始时间", "结束时间"],
          onConfirm: (...f) => {
            e.formValue[e.name] = [d.value.start, d.value.end], A(), t("confirm", e.name, ...f);
          },
          onChange: (...f) => t("change", e.name, ...f),
          onCancel: () => {
            A(), t("cancel", e.name);
          }
        }), {
          default: () => [c(G, g({
            modelValue: d.value.start,
            "onUpdate:modelValue": (f) => d.value.start = f
          }, V.value, {
            columnsType: l
          }), null), c(G, g({
            modelValue: d.value.end,
            "onUpdate:modelValue": (f) => d.value.end = f
          }, y.value, {
            columnsType: l
          }), null)]
        })
      });
    };
    return () => c(Y, g({
      modelValue: a.value,
      "onUpdate:modelValue": (l) => a.value = l
    }, u.value, {
      clearable: !0,
      onClickRightIcon: r,
      onClickInput: r
    }), n.value);
  }
}), tt = /* @__PURE__ */ k({
  name: "IDatetimeRangePicker",
  props: S,
  setup(e, {}) {
    const {
      itemSlots: n
    } = I(e), {
      baseAttrs: u
    } = P(e), {
      onEvents: t
    } = T("x-form"), a = b(() => {
      if (e.formValue[e.name] && h(e.formValue[e.name])) {
        if (X(e.formValue[e.name]))
          return e.formValue[e.name].join(" 至 ");
        if (W(e.formValue[e.name]))
          return e.formValue[e.name].map((l) => le(l)).join(" 至 ");
        throw new Error(`${e.name} 默认值 格式不正确，时间格式只能是：["YYYY-MM-DD HH:mm:ss","YYYY-MM-DD HH:mm:ss"] 或 [ [ "YYYY", "MM", "DD", "HH", "mm", "ss" ], [ "YYYY", "MM", "DD", "HH", "mm", "ss" ] ]`);
      }
      return e.formValue[e.name];
    }), r = () => {
      const l = s(e.orgAttrs, "columnsType") && h(e.orgAttrs.columnsType) ? e.orgAttrs.columnsType : ["year", "month", "day", "hour", "minute", "second"], o = $(l);
      if (e.formValue[e.name] && !(X(e.formValue[e.name]) || W(e.formValue[e.name])))
        throw new Error(`${e.name} 默认值 格式不正确，时间格式只能是：["YYYY-MM-DD HH:mm:ss","YYYY-MM-DD HH:mm:ss"] 或 [ [ "YYYY", "MM", "DD", "HH", "mm", "ss" ], [ "YYYY", "MM", "DD", "HH", "mm", "ss" ] ]`);
      const m = D({
        start: o,
        end: o
      });
      e.formValue[e.name] && (X(e.formValue[e.name]) && (m.value.start = Q(e.formValue[e.name][0]), m.value.end = Q(e.formValue[e.name][1])), W(e.formValue[e.name]) && (m.value.start = e.formValue[e.name][0], m.value.end = e.formValue[e.name][1]));
      const i = e.orgAttrs, d = b(() => {
        let y = Object.assign({}, e.orgAttrs);
        return s(e.orgAttrs, "startProps") && Object.assign(y, e.orgAttrs.startProps), y;
      }), v = b(() => {
        let y = Object.assign({}, e.orgAttrs);
        return s(e.orgAttrs, "endProps") && Object.assign(y, e.orgAttrs.endProps), y;
      }), {
        onClose: V
      } = j({
        content: c(L, g({
          title: R(e.label)
        }, i, {
          tabs: s(i, "tabs") ? i.tabs : ["开始时间", "结束时间"],
          onConfirm: (...y) => {
            e.formValue[e.name] = [m.value.start, m.value.end], V(), t("confirm", e.name, ...y);
          },
          onChange: (...y) => t("change", e.name, ...y),
          onCancel: () => {
            V(), t("cancel", e.name);
          }
        }), {
          default: () => [c(J, g({
            modelValue: m.value.start,
            "onUpdate:modelValue": (y) => m.value.start = y
          }, d.value, {
            columnsType: l
          }), null), c(J, g({
            modelValue: m.value.end,
            "onUpdate:modelValue": (y) => m.value.end = y
          }, v.value, {
            columnsType: l
          }), null)]
        })
      });
    };
    return () => c(Y, g({
      modelValue: a.value,
      "onUpdate:modelValue": (l) => a.value = l
    }, u.value, {
      clearable: !0,
      onClickRightIcon: r,
      onClickInput: r
    }), n.value);
  }
}), nt = /* @__PURE__ */ k({
  name: "ICheckbox",
  props: S,
  setup(e) {
    const {
      itemSlots: n
    } = I(e), {
      baseAttrs: u
    } = P(e), {
      onEvents: t
    } = T("x-form"), {
      options: a
    } = z(e.options);
    return () => c(Y, u.value, {
      ...n.value,
      input: () => c(he, g({
        modelValue: e.formValue[e.name],
        "onUpdate:modelValue": (r) => e.formValue[e.name] = r
      }, e.orgAttrs, {
        class: {
          "readonly-checkbox": e.readonly
        },
        disabled: e.readonly || s(e.orgAttrs, "disabled") && !!e.orgAttrs.disabled,
        onChange: (...r) => t("change", e.name, ...r)
      }), {
        default: () => {
          var r;
          return [(r = a.value) == null ? void 0 : r.map((l) => c(ye, g({
            key: l.value
          }, l.attrs, {
            name: l.value,
            onClick: (...o) => {
              t("click-option", e.name, ...o);
            },
            onChange: (...o) => {
              t("change-option", e.name, ...o);
            }
          }), {
            default: () => [l.text]
          }))];
        }
      })
    });
  }
});
function at(e) {
  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !te(e);
}
const lt = /* @__PURE__ */ k({
  name: "IRadio",
  props: S,
  setup(e) {
    const {
      itemSlots: n
    } = I(e), {
      baseAttrs: u
    } = P(e), {
      onEvents: t
    } = T("x-form"), {
      options: a
    } = z(e.options), r = () => {
      var l;
      return (l = a.value) == null ? void 0 : l.map((o) => c(Ae, g({
        key: o.value
      }, o.attrs, {
        name: o.value,
        onClick: (...m) => {
          t("click-option", e.name, ...m);
        }
      }), {
        default: () => [o.text]
      }));
    };
    return () => c(Y, u.value, {
      ...n.value,
      input: () => {
        let l;
        return c(be, g({
          modelValue: e.formValue[e.name],
          "onUpdate:modelValue": (o) => e.formValue[e.name] = o
        }, e.orgAttrs, {
          class: {
            "readonly-radio": e.readonly
          },
          disabled: e.readonly || s(e.orgAttrs, "disabled") && !!e.orgAttrs.disabled,
          onChange: (...o) => t("change", e.name, ...o)
        }), at(l = r()) ? l : {
          default: () => [l]
        });
      }
    });
  }
}), ut = /* @__PURE__ */ k({
  name: "ISwitch",
  props: S,
  setup(e) {
    const {
      itemSlots: n
    } = I(e), {
      baseAttrs: u
    } = P(e), {
      onEvents: t
    } = T("x-form"), a = x(e.orgAttrs);
    return () => c(Y, u.value, {
      ...n.value,
      input: () => c(Ce, g({
        modelValue: e.formValue[e.name],
        "onUpdate:modelValue": (r) => e.formValue[e.name] = r
      }, e.orgAttrs, {
        class: {
          "readonly-switch": e.readonly
        },
        disabled: e.readonly || s(e.orgAttrs, "disabled") && !!e.orgAttrs.disabled,
        onChange: (...r) => t("change", e.name, ...r),
        onClick: (...r) => t("click", e.name, ...r)
      }), {
        node: () => s(a, "node") ? a.node() : void 0,
        background: () => s(a, "background") ? a.background() : void 0
      })
    });
  }
}), rt = /* @__PURE__ */ k({
  name: "IRate",
  props: S,
  setup(e) {
    const {
      itemSlots: n
    } = I(e), {
      baseAttrs: u
    } = P(e), {
      onEvents: t
    } = T("x-form");
    return () => c(Y, u.value, {
      ...n.value,
      input: () => c(ke, g({
        modelValue: e.formValue[e.name],
        "onUpdate:modelValue": (a) => e.formValue[e.name] = a
      }, e.orgAttrs, {
        readonly: e.readonly || s(e.orgAttrs, "readonly") && !!e.orgAttrs.readonly,
        onChange: (...a) => t("change", e.name, ...a)
      }), null)
    });
  }
}), ot = /* @__PURE__ */ k({
  name: "ISlider",
  props: S,
  setup(e) {
    const {
      itemSlots: n
    } = I(e), {
      baseAttrs: u
    } = P(e), {
      onEvents: t
    } = T("x-form"), a = x(e.orgAttrs);
    return () => c(Y, u.value, {
      ...n.value,
      input: () => c(Te, g({
        modelValue: e.formValue[e.name],
        "onUpdate:modelValue": (r) => e.formValue[e.name] = r
      }, e.orgAttrs, {
        class: {
          "readonly-slider": e.readonly
        },
        disabled: e.readonly || s(e.orgAttrs, "disabled") && !!e.orgAttrs.disabled,
        onDragStart: (...r) => {
          t("drag-start", e.name, ...r);
        },
        onDragEnd: (...r) => {
          t("drag-end", e.name, ...r);
        },
        onChange: (...r) => t("change", e.name, ...r)
      }), {
        // button: () => has(compSlots, 'button') ? compSlots.button() : undefined,
        "left-button": () => s(a, "left-button") ? a["left-button"]() : void 0,
        "right-button": () => s(a, "right-button") ? a["right-button"]() : void 0
      })
    });
  }
}), mt = /* @__PURE__ */ k({
  name: "IStepper",
  props: S,
  setup(e) {
    const {
      itemSlots: n
    } = I(e), {
      baseAttrs: u
    } = P(e), {
      onEvents: t
    } = T("x-form");
    return () => c(Y, u.value, {
      ...n.value,
      input: () => c(Se, g({
        modelValue: e.formValue[e.name],
        "onUpdate:modelValue": (a) => e.formValue[e.name] = a
      }, e.orgAttrs, {
        class: {
          "readonly-stepper": e.readonly
        },
        disabled: e.readonly || s(e.orgAttrs, "disabled") && !!e.orgAttrs.disabled,
        onChange: (...a) => t("change", e.name, ...a),
        onFocus: (...a) => t("focus", e.name, ...a),
        onBlur: (...a) => t("blur", e.name, ...a),
        onPlus: (...a) => {
          t("plus", e.name, ...a);
        },
        onMinus: (...a) => {
          t("minus", e.name, ...a);
        },
        onOverlimit: (...a) => {
          t("overlimit", e.name, ...a);
        }
      }), null)
    });
  }
}), ct = /* @__PURE__ */ k({
  name: "IText",
  props: S,
  setup(e) {
    const {
      itemSlots: n
    } = I(e), {
      baseAttrs: u
    } = P(e);
    return () => c(Y, u.value, {
      ...n.value,
      input: () => c(w, null, [e.formValue[e.name]])
    });
  }
}), it = /* @__PURE__ */ k({
  name: "IHtml",
  props: S,
  setup(e) {
    const {
      itemSlots: n
    } = I(e), {
      baseAttrs: u
    } = P(e);
    return () => c(Y, u.value, {
      ...n.value,
      input: () => c("div", g({
        innerHTML: e.formValue[e.name]
      }, e.orgAttrs), null)
    });
  }
}), st = /* @__PURE__ */ k({
  name: "IInputSlot",
  props: S,
  setup(e) {
    const {
      itemSlots: n
    } = I(e), {
      baseAttrs: u
    } = P(e), {
      formSlots: t
    } = T("x-form");
    return () => c(Y, g({
      modelValue: e.formValue[e.name],
      "onUpdate:modelValue": (a) => e.formValue[e.name] = a
    }, u.value), {
      ...n.value,
      input: () => c(w, null, [s(t, e.name) ? E(t, e.name) : c(w, null, null)])
    });
  }
}), dt = /* @__PURE__ */ k({
  props: S,
  setup(e, {}) {
    const {
      formSlots: n
    } = T("x-form"), u = {
      input: () => c(_e, e, null),
      picker: () => c(Ge, e, null),
      radio: () => c(lt, e, null),
      checkbox: () => c(nt, e, null),
      switch: () => c(ut, e, null),
      rate: () => c(rt, e, null),
      slider: () => c(ot, e, null),
      stepper: () => c(mt, e, null),
      area: () => c(Le, e, null),
      cascader: () => c(We, e, null),
      /* 暂不支持异步加载 */
      "date-picker": () => c(Je, e, null),
      "date-range-picker": () => c(pe, e, null),
      "time-picker": () => c(Ke, e, null),
      "time-range-picker": () => c(et, e, null),
      "datetime-picker": () => c(Ze, e, null),
      "datetime-range-picker": () => c(tt, e, null),
      text: () => c(ct, e, null),
      html: () => c(it, e, null),
      "input-slot": () => c(st, e, null),
      slot: () => c(w, null, [s(n, e.name) ? E(n, e.name) : c(w, null, null)])
      // 'calendar': () => <ICalendar {...props} />,
    };
    return () => c(w, null, [u[e.type]()]);
  }
});
function ft(e) {
  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !te(e);
}
const [gt] = De("form"), vt = Object.assign({}, Ye, {
  model: {
    type: Object,
    required: !0,
    default: () => ({})
  },
  items: {
    type: Array,
    required: !0,
    default: () => []
  },
  rules: {
    type: Object,
    default: () => ({})
  },
  inset: {
    type: Boolean,
    default: !1
  },
  size: {
    type: String,
    default: "normal"
  }
}), Vt = /* @__PURE__ */ k({
  name: gt,
  props: vt,
  emits: Ue,
  setup(e, {
    slots: n,
    attrs: u,
    emit: t,
    expose: a
  }) {
    const r = D(), l = (...i) => t("submit", ...i), o = (...i) => t("failed", ...i);
    se("x-form", {
      formSlots: n,
      rules: e.rules,
      onEvents: (i, ...d) => {
        t(i, ...d);
      }
    }), a({
      submit: () => r.value.submit(),
      getValues: () => r.value.getValues(),
      validate: async (i) => {
        var d;
        return await ((d = r.value) == null ? void 0 : d.validate(i));
      },
      resetValidation: (i) => r.value.resetValidation(i),
      getValidationStatus: () => r.value.getValidationStatus(),
      scrollToField: (i, d) => r.value.scrollToField(i, d)
    });
    const m = (i) => {
      const {
        itemProps: d,
        name: v
      } = i, V = s(e.rules, v) ? !!e.rules[v].find((f) => s(f, "required") && f.required) : !1, y = s(i, "required") ? !!i.required : !1;
      return (d && s(d, "required") ? !!d.required : !1) || y || V || !!e.required;
    };
    return {
      formRef: r,
      ...Z(e),
      attrs: u,
      getRequired: m,
      onSubmit: l,
      onFailed: o
    };
  },
  render() {
    let e;
    const {
      formRef: n,
      items: u,
      model: t,
      size: a,
      rules: r,
      required: l,
      readonly: o,
      onSubmit: m,
      onFailed: i,
      attrs: d,
      inset: v,
      getRequired: V,
      ...y
    } = this;
    return c(Pe, g({
      ref: "formRef",
      onSubmit: m,
      onFailed: i,
      required: l,
      readonly: o
    }, y, d), {
      default: () => [c(Ie, {
        inset: v
      }, ft(e = u.map((A, f) => {
        const {
          vif: C,
          type: H,
          name: p,
          label: ue,
          itemProps: re,
          popup: oe
        } = A;
        if (!$e.includes(H))
          throw new Error(`${H} 类型组件暂不支持`);
        return (s(A, "vif") ? ne(C) ? C(t) : C : !0) ? c(dt, {
          key: p + f,
          formValue: t,
          type: H,
          name: p,
          label: ue,
          options: A.options,
          config: A,
          required: V(A),
          readonly: o,
          popup: oe,
          itemAttrs: re,
          size: a,
          orgAttrs: A.attrs
        }, null) : null;
      })) ? e : {
        default: () => [e]
      })]
    });
  }
}), Tt = xe(Vt);
export {
  Tt as X
};