orion-design 0.1.5 → 0.1.7

package/dist/components/Form/index.js

@@ -1,14 +1,18 @@
-import { withInstall as B } from "../../utils/vue/install.js";
-import { defineComponent as p, mergeModels as S, useModel as F, useTemplateRef as R, provide as C, openBlock as b, createBlock as f, unref as a, withCtx as t, createVNode as m, renderSlot as W, computed as i, toRef as y } from "vue";
-import { ElForm as c, ElRow as z, ElCol as h, ElFormItem as v, ElInput as w } from "element-plus";
-import { formContextKey as I } from "./Form.js";
-import { useFormSpan as g, useFormRules as V, useFormContext as q } from "./hooks/useForm.js";
-const M = /* @__PURE__ */ p({
+import { isString as G, isDate as P } from "lodash-es";
+import { defineComponent as y, mergeModels as j, useModel as I, useTemplateRef as $, provide as H, reactive as L, toRef as v, openBlock as m, createBlock as f, unref as e, withCtx as d, createVNode as h, renderSlot as M, computed as O, createElementBlock as C, Fragment as z, renderList as F, createTextVNode as N, toDisplayString as A, ref as K, onMounted as J, normalizeStyle as Q } from "vue";
+import { withInstall as X } from "../_util/vue/install.js";
+import { ElForm as Z, ElRow as x, ElCol as c, ElFormItem as w, ElInput as B, ElSelect as E, ElOption as U, ElRadioGroup as _, ElRadio as ee, ElCheckboxGroup as le, ElCheckbox as T, ElSwitch as ae, dayjs as R, ElTimePicker as oe, ElDatePicker as re } from "element-plus";
+import { formContextKey as te } from "./Form.js";
+import { useFormSpan as g, useFormRules as V, useFormContext as S, useFormDisabled as Y, useFormCode as W } from "./hooks/useForm.js";
+import { getSingleCodeContent as ne, getMultiCodeContent as de } from "./utils/index.js";
+import D from "../../error/OrionError.js";
+import { S as ue } from "../../index-BbsXWo7C.js";
+const ie = /* @__PURE__ */ y({
   name: "OForm",
   __name: "Form",
-  props: /* @__PURE__ */ S({
+  props: /* @__PURE__ */ j({
     rules: {},
-    itemSpan: { default: 8 },
+    itemSpan: { default: 6 },
     itemLabelWidth: { default: "auto" },
     disabled: { type: Boolean, default: !1 }
   }, {
@@ -16,28 +20,32 @@ const M = /* @__PURE__ */ p({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(o, { expose: u }) {
-    const r = F(o, "modelValue"), n = R("formRef");
-    return u({
-      validate: async () => await n.value.validate()
-    }), C(I, {
-      model: r.value,
-      rules: o.rules,
-      itemSpan: o.itemSpan
-    }), (e, l) => (b(), f(a(c), {
+  setup(o, { expose: p }) {
+    const i = I(o, "modelValue"), t = $("formRef");
+    return p({
+      validate: async () => await t.value.validate()
+    }), H(
+      te,
+      L({
+        model: i.value,
+        rules: v(() => o.rules),
+        itemSpan: v(() => o.itemSpan),
+        disabled: v(() => o.disabled)
+      })
+    ), (l, u) => (m(), f(e(Z), {
       ref_key: "formRef",
-      ref: n,
-      modelValue: r.value,
-      "onUpdate:modelValue": l[0] || (l[0] = (s) => r.value = s),
-      model: r.value,
-      rules: e.rules,
-      "label-width": o.itemLabelWidth,
-      disabled: e.disabled
+      ref: t,
+      modelValue: i.value,
+      "onUpdate:modelValue": u[0] || (u[0] = (a) => i.value = a),
+      model: i.value,
+      rules: l.rules,
+      "label-width": l.itemLabelWidth,
+      disabled: l.disabled
     }, {
-      default: t(() => [
-        m(a(z), { gutter: 16 }, {
-          default: t(() => [
-            W(e.$slots, "default")
+      default: d(() => [
+        h(e(x), { gutter: 16 }, {
+          default: d(() => [
+            M(l.$slots, "default")
           ]),
           _: 3
         })
@@ -45,8 +53,9 @@ const M = /* @__PURE__ */ p({
       _: 3
     }, 8, ["modelValue", "model", "rules", "label-width", "disabled"]));
   }
-}), E = /* @__PURE__ */ p({
+}), se = /* @__PURE__ */ y({
   name: "OFormString",
+  extendOptions: { trigger: "blur" },
   __name: "StringInput",
   props: {
     name: {},
@@ -58,30 +67,28 @@ const M = /* @__PURE__ */ p({
     maxlength: {},
     placeholder: {},
     disabled: { type: Boolean },
-    readonly: { type: Boolean },
-    style: {}
+    readonly: { type: Boolean }
   },
   setup(o) {
-    const u = i(() => g()), r = i(() => V()), n = q(), d = y(n.model, o.name);
-    return (e, l) => (b(), f(a(h), { span: u.value }, {
-      default: t(() => [
-        m(a(v), {
-          prop: e.name,
-          label: e.label,
-          "label-width": e.labelWidth,
-          required: e.required,
-          rules: r.value
+    const p = g(), i = V(), t = S(), r = v(t.model, o.name);
+    return (l, u) => (m(), f(e(c), { span: e(p) }, {
+      default: d(() => [
+        h(e(w), {
+          prop: l.name,
+          label: l.label,
+          "label-width": l.labelWidth,
+          required: l.required,
+          rules: e(i)
         }, {
-          default: t(() => [
-            m(a(w), {
-              modelValue: d.value,
-              "onUpdate:modelValue": l[0] || (l[0] = (s) => d.value = s),
-              maxlength: e.maxlength,
-              placeholder: e.placeholder,
-              disabled: e.disabled,
-              readonly: e.readonly,
-              "input-style": e.style
-            }, null, 8, ["modelValue", "maxlength", "placeholder", "disabled", "readonly", "input-style"])
+          default: d(() => [
+            h(e(B), {
+              modelValue: r.value,
+              "onUpdate:modelValue": u[0] || (u[0] = (a) => r.value = a),
+              maxlength: l.maxlength,
+              placeholder: l.placeholder,
+              disabled: l.disabled,
+              readonly: l.readonly
+            }, null, 8, ["modelValue", "maxlength", "placeholder", "disabled", "readonly"])
           ]),
           _: 1
         }, 8, ["prop", "label", "label-width", "required", "rules"])
@@ -89,8 +96,9 @@ const M = /* @__PURE__ */ p({
       _: 1
     }, 8, ["span"]));
   }
-}), O = /* @__PURE__ */ p({
+}), me = /* @__PURE__ */ y({
   name: "OFormPassword",
+  extendOptions: { trigger: "blur" },
   __name: "PasswordInput",
   props: {
     name: {},
@@ -102,31 +110,29 @@ const M = /* @__PURE__ */ p({
     maxlength: {},
     placeholder: {},
     disabled: { type: Boolean },
-    readonly: { type: Boolean },
-    style: {}
+    readonly: { type: Boolean }
   },
   setup(o) {
-    const u = i(() => g()), r = i(() => V()), n = q(), d = y(n.model, o.name);
-    return (e, l) => (b(), f(a(h), { span: u.value }, {
-      default: t(() => [
-        m(a(v), {
-          prop: e.name,
-          label: e.label,
-          "label-width": e.labelWidth,
-          required: e.required,
-          rules: r.value
+    const p = g(), i = V(), t = S(), r = v(t.model, o.name);
+    return (l, u) => (m(), f(e(c), { span: e(p) }, {
+      default: d(() => [
+        h(e(w), {
+          prop: l.name,
+          label: l.label,
+          "label-width": l.labelWidth,
+          required: l.required,
+          rules: e(i)
         }, {
-          default: t(() => [
-            m(a(w), {
-              modelValue: d.value,
-              "onUpdate:modelValue": l[0] || (l[0] = (s) => d.value = s),
-              maxlength: e.maxlength,
-              placeholder: e.placeholder,
-              disabled: e.disabled,
-              readonly: e.readonly,
-              "input-style": e.style,
+          default: d(() => [
+            h(e(B), {
+              modelValue: r.value,
+              "onUpdate:modelValue": u[0] || (u[0] = (a) => r.value = a),
+              maxlength: l.maxlength,
+              placeholder: l.placeholder,
+              disabled: l.disabled,
+              readonly: l.readonly,
               type: "password"
-            }, null, 8, ["modelValue", "maxlength", "placeholder", "disabled", "readonly", "input-style"])
+            }, null, 8, ["modelValue", "maxlength", "placeholder", "disabled", "readonly"])
           ]),
           _: 1
         }, 8, ["prop", "label", "label-width", "required", "rules"])
@@ -134,8 +140,9 @@ const M = /* @__PURE__ */ p({
       _: 1
     }, 8, ["span"]));
   }
-}), T = /* @__PURE__ */ p({
+}), pe = /* @__PURE__ */ y({
   name: "OFormTextarea",
+  extendOptions: { trigger: "blur" },
   __name: "Textarea",
   props: {
     name: {},
@@ -148,33 +155,202 @@ const M = /* @__PURE__ */ p({
     placeholder: {},
     disabled: { type: Boolean },
     readonly: { type: Boolean },
-    style: {},
     rows: {}
   },
   setup(o) {
-    const u = i(() => g()), r = i(() => V()), n = q(), d = y(n.model, o.name);
-    return (e, l) => (b(), f(a(h), { span: u.value }, {
-      default: t(() => [
-        m(a(v), {
-          prop: e.name,
-          label: e.label,
-          "label-width": e.labelWidth,
-          required: e.required,
-          rules: r.value
+    const p = g(), i = V(), t = S(), r = v(t.model, o.name);
+    return (l, u) => (m(), f(e(c), { span: e(p) }, {
+      default: d(() => [
+        h(e(w), {
+          prop: l.name,
+          label: l.label,
+          "label-width": l.labelWidth,
+          required: l.required,
+          rules: e(i)
         }, {
-          default: t(() => [
-            m(a(w), {
-              modelValue: d.value,
-              "onUpdate:modelValue": l[0] || (l[0] = (s) => d.value = s),
-              maxlength: e.maxlength,
-              placeholder: e.placeholder,
-              disabled: e.disabled,
-              readonly: e.readonly,
-              "input-style": e.style,
+          default: d(() => [
+            h(e(B), {
+              modelValue: r.value,
+              "onUpdate:modelValue": u[0] || (u[0] = (a) => r.value = a),
+              maxlength: l.maxlength,
+              placeholder: l.placeholder,
+              disabled: l.disabled,
+              readonly: l.readonly,
               type: "textarea",
-              rows: e.rows,
+              rows: l.rows,
               resize: "none"
-            }, null, 8, ["modelValue", "maxlength", "placeholder", "disabled", "readonly", "input-style", "rows"])
+            }, null, 8, ["modelValue", "maxlength", "placeholder", "disabled", "readonly", "rows"])
+          ]),
+          _: 1
+        }, 8, ["prop", "label", "label-width", "required", "rules"])
+      ]),
+      _: 1
+    }, 8, ["span"]));
+  }
+}), be = /* @__PURE__ */ y({
+  name: "OFormSingleselect",
+  extendOptions: {},
+  __name: "SingleSelect",
+  props: {
+    name: {},
+    label: {},
+    span: {},
+    labelWidth: {},
+    required: { type: Boolean },
+    rules: {},
+    placeholder: {},
+    disabled: { type: Boolean },
+    code: {},
+    clearable: { type: Boolean },
+    filterable: { type: Boolean }
+  },
+  setup(o) {
+    const p = g(), i = V(), t = Y(), r = W(), l = O(() => ne(r.value, a.value)), u = S(), a = v(u.model, o.name);
+    return (s, b) => (m(), f(e(c), { span: e(p) }, {
+      default: d(() => [
+        h(e(w), {
+          prop: s.name,
+          label: s.label,
+          "label-width": s.labelWidth,
+          required: s.required,
+          rules: e(i)
+        }, {
+          default: d(() => [
+            e(t) ? (m(), f(e(B), {
+              key: 0,
+              "model-value": l.value,
+              placeholder: s.placeholder,
+              disabled: !0,
+              readonly: !0
+            }, null, 8, ["model-value", "placeholder"])) : (m(), f(e(E), {
+              key: 1,
+              modelValue: a.value,
+              "onUpdate:modelValue": b[0] || (b[0] = (n) => a.value = n),
+              placeholder: s.placeholder,
+              clearable: s.clearable,
+              filterable: s.filterable
+            }, {
+              default: d(() => [
+                (m(!0), C(z, null, F(e(r), (n) => (m(), f(e(U), {
+                  key: n.value,
+                  label: n.content,
+                  value: n.value
+                }, null, 8, ["label", "value"]))), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue", "placeholder", "clearable", "filterable"]))
+          ]),
+          _: 1
+        }, 8, ["prop", "label", "label-width", "required", "rules"])
+      ]),
+      _: 1
+    }, 8, ["span"]));
+  }
+}), fe = /* @__PURE__ */ y({
+  name: "OFormMultiselect",
+  extendOptions: {},
+  __name: "MultiSelect",
+  props: {
+    name: {},
+    label: {},
+    span: {},
+    labelWidth: {},
+    required: { type: Boolean },
+    rules: {},
+    placeholder: {},
+    disabled: { type: Boolean },
+    code: {}
+  },
+  setup(o) {
+    const p = g(), i = V(), t = Y(), r = W(), l = O(() => de(r.value, a.value)), u = S(), a = v(u.model, o.name), s = O({
+      get: () => a.value ? a.value.split(",") : [],
+      set: (b) => {
+        b ? a.value = b.join(",") : a.value = "";
+      }
+    });
+    return (b, n) => (m(), f(e(c), { span: e(p) }, {
+      default: d(() => [
+        h(e(w), {
+          prop: b.name,
+          label: b.label,
+          "label-width": b.labelWidth,
+          required: b.required,
+          rules: e(i)
+        }, {
+          default: d(() => [
+            e(t) ? (m(), f(e(B), {
+              key: 0,
+              "model-value": l.value,
+              placeholder: b.placeholder,
+              disabled: !0,
+              readonly: !0
+            }, null, 8, ["model-value", "placeholder"])) : (m(), f(e(E), {
+              key: 1,
+              modelValue: s.value,
+              "onUpdate:modelValue": n[0] || (n[0] = (q) => s.value = q),
+              placeholder: b.placeholder,
+              multiple: ""
+            }, {
+              default: d(() => [
+                (m(!0), C(z, null, F(e(r), (q) => (m(), f(e(U), {
+                  key: q.value,
+                  label: q.content,
+                  value: q.value
+                }, null, 8, ["label", "value"]))), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue", "placeholder"]))
+          ]),
+          _: 1
+        }, 8, ["prop", "label", "label-width", "required", "rules"])
+      ]),
+      _: 1
+    }, 8, ["span"]));
+  }
+}), he = /* @__PURE__ */ y({
+  name: "OFormRadiogroup",
+  extendOptions: {},
+  __name: "RadioGroup",
+  props: {
+    name: {},
+    label: {},
+    span: {},
+    labelWidth: {},
+    required: { type: Boolean },
+    rules: {},
+    disabled: { type: Boolean },
+    code: {}
+  },
+  setup(o) {
+    const p = g(), i = V(), t = W(), r = S(), l = v(r.model, o.name);
+    return (u, a) => (m(), f(e(c), { span: e(p) }, {
+      default: d(() => [
+        h(e(w), {
+          prop: u.name,
+          label: u.label,
+          "label-width": u.labelWidth,
+          required: u.required,
+          rules: e(i)
+        }, {
+          default: d(() => [
+            h(e(_), {
+              modelValue: l.value,
+              "onUpdate:modelValue": a[0] || (a[0] = (s) => l.value = s),
+              disabled: u.disabled
+            }, {
+              default: d(() => [
+                (m(!0), C(z, null, F(e(t), (s) => (m(), f(e(ee), {
+                  key: s.value,
+                  value: s.value
+                }, {
+                  default: d(() => [
+                    N(A(s.content), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["value"]))), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue", "disabled"])
           ]),
           _: 1
         }, 8, ["prop", "label", "label-width", "required", "rules"])
@@ -182,13 +358,349 @@ const M = /* @__PURE__ */ p({
       _: 1
     }, 8, ["span"]));
   }
-}), K = B(M, {
-  StringInput: E,
-  PasswordInput: O,
-  Textarea: T
+}), ve = /* @__PURE__ */ y({
+  name: "OFormCheckboxgroup",
+  extendOptions: {},
+  __name: "CheckboxGroup",
+  props: {
+    name: {},
+    label: {},
+    span: {},
+    labelWidth: {},
+    required: { type: Boolean },
+    rules: {},
+    disabled: { type: Boolean },
+    code: {}
+  },
+  setup(o) {
+    const p = g(), i = V(), t = W(), r = S(), l = v(r.model, o.name), u = O({
+      get: () => l.value ? l.value.split(",") : [],
+      set: (a) => {
+        a ? l.value = a.join(",") : l.value = "";
+      }
+    });
+    return (a, s) => (m(), f(e(c), { span: e(p) }, {
+      default: d(() => [
+        h(e(w), {
+          prop: a.name,
+          label: a.label,
+          "label-width": a.labelWidth,
+          required: a.required,
+          rules: e(i)
+        }, {
+          default: d(() => [
+            h(e(le), {
+              modelValue: u.value,
+              "onUpdate:modelValue": s[0] || (s[0] = (b) => u.value = b),
+              disabled: a.disabled
+            }, {
+              default: d(() => [
+                (m(!0), C(z, null, F(e(t), (b) => (m(), f(e(T), {
+                  key: b.value,
+                  label: b.content,
+                  value: b.value
+                }, null, 8, ["label", "value"]))), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue", "disabled"])
+          ]),
+          _: 1
+        }, 8, ["prop", "label", "label-width", "required", "rules"])
+      ]),
+      _: 1
+    }, 8, ["span"]));
+  }
+}), ye = /* @__PURE__ */ y({
+  name: "OFormCheckbox",
+  extendOptions: {},
+  __name: "Checkbox",
+  props: {
+    name: {},
+    label: {},
+    span: {},
+    labelWidth: {},
+    rules: {},
+    disabled: { type: Boolean }
+  },
+  setup(o) {
+    const p = g(), i = S(), t = v(i.model, o.name);
+    return (r, l) => (m(), f(e(c), { span: e(p) }, {
+      default: d(() => [
+        h(e(w), {
+          prop: r.name,
+          label: r.label,
+          "label-width": r.labelWidth,
+          rules: r.rules
+        }, {
+          default: d(() => [
+            h(e(T), {
+              modelValue: t.value,
+              "onUpdate:modelValue": l[0] || (l[0] = (u) => t.value = u),
+              disabled: r.disabled,
+              "true-value": "1",
+              "false-value": "0"
+            }, null, 8, ["modelValue", "disabled"])
+          ]),
+          _: 1
+        }, 8, ["prop", "label", "label-width", "rules"])
+      ]),
+      _: 1
+    }, 8, ["span"]));
+  }
+}), ce = /* @__PURE__ */ y({
+  name: "OFormSwitch",
+  extendOptions: {},
+  __name: "Switch",
+  props: {
+    name: {},
+    label: {},
+    span: {},
+    labelWidth: {},
+    rules: {},
+    disabled: { type: Boolean }
+  },
+  setup(o) {
+    const p = g(), i = S(), t = v(i.model, o.name);
+    return (r, l) => (m(), f(e(c), { span: e(p) }, {
+      default: d(() => [
+        h(e(w), {
+          prop: r.name,
+          label: r.label,
+          "label-width": r.labelWidth,
+          rules: r.rules
+        }, {
+          default: d(() => [
+            h(e(ae), {
+              modelValue: t.value,
+              "onUpdate:modelValue": l[0] || (l[0] = (u) => t.value = u),
+              disabled: r.disabled,
+              "active-value": "1",
+              "inactive-value": "0"
+            }, null, 8, ["modelValue", "disabled"])
+          ]),
+          _: 1
+        }, 8, ["prop", "label", "label-width", "rules"])
+      ]),
+      _: 1
+    }, 8, ["span"]));
+  }
+}), ge = /* @__PURE__ */ y({
+  name: "OFormDate",
+  extendOptions: { trigger: "blur" },
+  __name: "DateInput",
+  props: {
+    name: {},
+    label: {},
+    span: {},
+    labelWidth: {},
+    required: { type: Boolean },
+    rules: {},
+    maxlength: {},
+    placeholder: {},
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    editable: { type: Boolean },
+    clearable: { type: Boolean },
+    format: { default: "YYYY-MM-DD" },
+    sourceFormat: {}
+  },
+  setup(o) {
+    const p = g(), i = V(), t = O(
+      () => o.format.startsWith("H") || o.format.startsWith("h") || o.format.startsWith("m") || o.format.startsWith("s")
+    ), r = O(() => o.sourceFormat ? o.sourceFormat : t.value ? "HH:mm:ss" : "YYYY-MM-DD"), l = O(() => {
+      let n = "date";
+      return (o.format.indexOf("y") > -1 || o.format.indexOf("Y") > -1) && (n = "year"), o.format.indexOf("M") > -1 && (n = "month"), (o.format.indexOf("d") > -1 || o.format.indexOf("D") > -1) && (n = "date"), (o.format.indexOf("H") > -1 || o.format.indexOf("h") > -1 || o.format.indexOf("k") > -1 || o.format.indexOf("m") > -1 || o.format.indexOf("s") > -1 || o.format.indexOf("S") > -1) && (n = "datetime"), n;
+    }), u = S(), a = v(u.model, o.name), s = O(() => {
+      if (G(a.value))
+        return "string";
+      if (P(a.value))
+        return "date";
+      throw new D("日期输入框的值只能为字符串或日期类型");
+    }), b = O({
+      get: () => {
+        if (a.value) {
+          if (s.value == "date")
+            return a.value;
+          {
+            const n = R(a.value, r.value, !0);
+            if (!n.isValid())
+              throw new D(`日期输入框的值无效，不符合${r.value}格式`);
+            return n.toDate();
+          }
+        }
+      },
+      set: (n) => {
+        s.value == "date" ? n ? a.value = n : a.value = void 0 : n ? a.value = R(n).format(r.value) : a.value = "";
+      }
+    });
+    return (n, q) => (m(), f(e(c), { span: e(p) }, {
+      default: d(() => [
+        h(e(w), {
+          prop: n.name,
+          label: n.label,
+          "label-width": n.labelWidth,
+          required: n.required,
+          rules: e(i)
+        }, {
+          default: d(() => [
+            t.value ? (m(), f(e(oe), {
+              key: 0,
+              modelValue: b.value,
+              "onUpdate:modelValue": q[0] || (q[0] = (k) => b.value = k),
+              placeholder: n.placeholder,
+              disabled: n.disabled,
+              readonly: n.readonly,
+              editable: n.editable,
+              clearable: n.clearable,
+              format: r.value,
+              "arrow-control": "",
+              style: { width: "100%" }
+            }, null, 8, ["modelValue", "placeholder", "disabled", "readonly", "editable", "clearable", "format"])) : (m(), f(e(re), {
+              key: 1,
+              modelValue: b.value,
+              "onUpdate:modelValue": q[1] || (q[1] = (k) => b.value = k),
+              placeholder: n.placeholder,
+              disabled: n.disabled,
+              readonly: n.readonly,
+              editable: n.editable,
+              clearable: n.clearable,
+              type: l.value,
+              format: r.value,
+              style: { width: "100%" }
+            }, null, 8, ["modelValue", "placeholder", "disabled", "readonly", "editable", "clearable", "type", "format"]))
+          ]),
+          _: 1
+        }, 8, ["prop", "label", "label-width", "required", "rules"])
+      ]),
+      _: 1
+    }, 8, ["span"]));
+  }
+}), we = /* @__PURE__ */ y({
+  name: "OFormFile",
+  extendOptions: {},
+  __name: "FileInput",
+  props: {
+    name: {},
+    label: {},
+    span: {},
+    labelWidth: {},
+    required: { type: Boolean },
+    rules: {},
+    disabled: { type: Boolean }
+  },
+  setup(o) {
+    const p = g(), i = V(), t = K(""), r = $("fileRef");
+    J(() => {
+      r.value.input.onchange = (a) => {
+        var s;
+        u.value = (s = a == null ? void 0 : a.target) == null ? void 0 : s.files[0];
+      };
+    });
+    const l = S(), u = v(l.model, o.name);
+    return (a, s) => (m(), f(e(c), { span: e(p) }, {
+      default: d(() => [
+        h(e(w), {
+          prop: a.name,
+          label: a.label,
+          "label-width": a.labelWidth,
+          required: a.required,
+          rules: e(i)
+        }, {
+          default: d(() => [
+            h(e(B), {
+              ref_key: "fileRef",
+              ref: r,
+              modelValue: t.value,
+              "onUpdate:modelValue": s[0] || (s[0] = (b) => t.value = b),
+              disabled: a.disabled,
+              type: "file"
+            }, null, 8, ["modelValue", "disabled"])
+          ]),
+          _: 1
+        }, 8, ["prop", "label", "label-width", "required", "rules"])
+      ]),
+      _: 1
+    }, 8, ["span"]));
+  }
+}), Se = /* @__PURE__ */ y({
+  name: "OFormButtongroup",
+  __name: "ButtonGroup",
+  props: {
+    span: {},
+    gutter: { type: [Boolean, String] },
+    align: { default: "right" }
+  },
+  setup(o) {
+    const p = O(() => ({
+      textAlign: o.align
+    })), i = g();
+    return (t, r) => (m(), f(e(c), {
+      span: e(i),
+      style: Q(p.value)
+    }, {
+      default: d(() => [
+        h(e(ue), {
+          gutter: t.gutter,
+          style: { "margin-bottom": "18px" }
+        }, {
+          default: d(() => [
+            M(t.$slots, "default")
+          ]),
+          _: 3
+        }, 8, ["gutter"])
+      ]),
+      _: 3
+    }, 8, ["span", "style"]));
+  }
+}), qe = /* @__PURE__ */ y({
+  name: "OFormDiy",
+  extendOptions: {},
+  __name: "DiyItem",
+  props: {
+    name: {},
+    label: {},
+    span: {},
+    labelWidth: {},
+    required: { type: Boolean },
+    rules: {}
+  },
+  setup(o) {
+    const p = g(), i = V();
+    return (t, r) => (m(), f(e(c), { span: e(p) }, {
+      default: d(() => [
+        h(e(w), {
+          prop: t.name,
+          label: t.label,
+          "label-width": t.labelWidth,
+          required: t.required,
+          rules: e(i)
+        }, {
+          default: d(() => [
+            M(t.$slots, "default")
+          ]),
+          _: 3
+        }, 8, ["prop", "label", "label-width", "required", "rules"])
+      ]),
+      _: 3
+    }, 8, ["span"]));
+  }
+}), Re = X(ie, {
+  StringInput: se,
+  PasswordInput: me,
+  Textarea: pe,
+  SingleSelect: be,
+  MultiSelect: fe,
+  RadioGroup: he,
+  CheckboxGroup: ve,
+  Checkbox: ye,
+  Switch: ce,
+  DateInput: ge,
+  FileInput: we,
+  ButtonGroup: Se,
+  DiyItem: qe
 });
 export {
-  K as default,
-  I as formContextKey
+  Re as default,
+  te as formContextKey
 };
 //# sourceMappingURL=index.js.map