orion-design 0.1.7 → 0.1.8

package/dist/components/Form/index.js

@@ -1,59 +1,57 @@
-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 { isString as H, isDate as j } from "lodash-es";
+import { defineComponent as h, useTemplateRef as $, provide as L, reactive as N, toRef as B, openBlock as s, createBlock as p, unref as e, withCtx as u, createVNode as b, renderSlot as C, isRef as w, computed as S, createElementBlock as F, Fragment as z, renderList as M, createTextVNode as A, toDisplayString as K, watch as J, ref as Q, onMounted as X, normalizeStyle as Z } from "vue";
+import { withInstall as x } from "../_util/vue/install.js";
+import { ElForm as _, ElRow as ee, ElCol as c, ElFormItem as g, ElInput as q, ElSelect as E, ElOption as U, ElRadioGroup as le, ElRadio as ae, ElCheckboxGroup as oe, ElCheckbox as T, ElSwitch as re, dayjs as R, ElTimePicker as ne, ElDatePicker as de } 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 { useFormSpan as v, useFormRules as V, useFormDirectModel as O, useFormDisabled as Y, useFormCode as W, useFormMultiModel as G, useFormContext as P, useFormBooleanModel as I } from "./hooks/useForm.js";
+import { getSingleCodeContent as ue, getMultiCodeContent as ie } from "./utils/index.js";
 import D from "../../error/OrionError.js";
-import { S as ue } from "../../index-BbsXWo7C.js";
-const ie = /* @__PURE__ */ y({
+import { S as se } from "../../index-BbsXWo7C.js";
+const me = /* @__PURE__ */ h({
   name: "OForm",
   __name: "Form",
-  props: /* @__PURE__ */ j({
+  props: {
     rules: {},
     itemSpan: { default: 6 },
     itemLabelWidth: { default: "auto" },
-    disabled: { type: Boolean, default: !1 }
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
+    disabled: { type: Boolean, default: !1 },
+    modelValue: {}
+  },
   emits: ["update:modelValue"],
-  setup(o, { expose: p }) {
-    const i = I(o, "modelValue"), t = $("formRef");
-    return p({
-      validate: async () => await t.value.validate()
-    }), H(
+  setup(o, { expose: m, emit: i }) {
+    const a = i, l = (d, f) => {
+      a("update:modelValue", { ...o.modelValue, [d]: f });
+    }, n = $("form");
+    return m({
+      validate: async () => await n.value.validate()
+    }), L(
       te,
-      L({
-        model: i.value,
-        rules: v(() => o.rules),
-        itemSpan: v(() => o.itemSpan),
-        disabled: v(() => o.disabled)
+      N({
+        modelValue: B(() => o.modelValue),
+        updateModelValue: l,
+        rules: B(() => o.rules),
+        itemSpan: B(() => o.itemSpan),
+        disabled: B(() => o.disabled)
       })
-    ), (l, u) => (m(), f(e(Z), {
-      ref_key: "formRef",
-      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
+    ), (d, f) => (s(), p(e(_), {
+      ref: "form",
+      model: d.modelValue,
+      rules: d.rules,
+      "label-width": d.itemLabelWidth,
+      disabled: d.disabled
     }, {
-      default: d(() => [
-        h(e(x), { gutter: 16 }, {
-          default: d(() => [
-            M(l.$slots, "default")
+      default: u(() => [
+        b(e(ee), { gutter: 16 }, {
+          default: u(() => [
+            C(d.$slots, "default")
           ]),
           _: 3
         })
       ]),
       _: 3
-    }, 8, ["modelValue", "model", "rules", "label-width", "disabled"]));
+    }, 8, ["model", "rules", "label-width", "disabled"]));
   }
-}), se = /* @__PURE__ */ y({
+}), pe = /* @__PURE__ */ h({
   name: "OFormString",
   extendOptions: { trigger: "blur" },
   __name: "StringInput",
@@ -70,20 +68,20 @@ const ie = /* @__PURE__ */ y({
     readonly: { type: Boolean }
   },
   setup(o) {
-    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), {
+    const m = v(), i = V(), a = O();
+    return (l, n) => (s(), p(e(c), { span: e(m) }, {
+      default: u(() => [
+        b(e(g), {
           prop: l.name,
           label: l.label,
           "label-width": l.labelWidth,
           required: l.required,
           rules: e(i)
         }, {
-          default: d(() => [
-            h(e(B), {
-              modelValue: r.value,
-              "onUpdate:modelValue": u[0] || (u[0] = (a) => r.value = a),
+          default: u(() => [
+            b(e(q), {
+              modelValue: e(a),
+              "onUpdate:modelValue": n[0] || (n[0] = (t) => w(a) ? a.value = t : null),
               maxlength: l.maxlength,
               placeholder: l.placeholder,
               disabled: l.disabled,
@@ -96,7 +94,7 @@ const ie = /* @__PURE__ */ y({
       _: 1
     }, 8, ["span"]));
   }
-}), me = /* @__PURE__ */ y({
+}), be = /* @__PURE__ */ h({
   name: "OFormPassword",
   extendOptions: { trigger: "blur" },
   __name: "PasswordInput",
@@ -113,20 +111,20 @@ const ie = /* @__PURE__ */ y({
     readonly: { type: Boolean }
   },
   setup(o) {
-    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), {
+    const m = v(), i = V(), a = O();
+    return (l, n) => (s(), p(e(c), { span: e(m) }, {
+      default: u(() => [
+        b(e(g), {
           prop: l.name,
           label: l.label,
           "label-width": l.labelWidth,
           required: l.required,
           rules: e(i)
         }, {
-          default: d(() => [
-            h(e(B), {
-              modelValue: r.value,
-              "onUpdate:modelValue": u[0] || (u[0] = (a) => r.value = a),
+          default: u(() => [
+            b(e(q), {
+              modelValue: e(a),
+              "onUpdate:modelValue": n[0] || (n[0] = (t) => w(a) ? a.value = t : null),
               maxlength: l.maxlength,
               placeholder: l.placeholder,
               disabled: l.disabled,
@@ -140,7 +138,7 @@ const ie = /* @__PURE__ */ y({
       _: 1
     }, 8, ["span"]));
   }
-}), pe = /* @__PURE__ */ y({
+}), fe = /* @__PURE__ */ h({
   name: "OFormTextarea",
   extendOptions: { trigger: "blur" },
   __name: "Textarea",
@@ -158,20 +156,20 @@ const ie = /* @__PURE__ */ y({
     rows: {}
   },
   setup(o) {
-    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), {
+    const m = v(), i = V(), a = O();
+    return (l, n) => (s(), p(e(c), { span: e(m) }, {
+      default: u(() => [
+        b(e(g), {
           prop: l.name,
           label: l.label,
           "label-width": l.labelWidth,
           required: l.required,
           rules: e(i)
         }, {
-          default: d(() => [
-            h(e(B), {
-              modelValue: r.value,
-              "onUpdate:modelValue": u[0] || (u[0] = (a) => r.value = a),
+          default: u(() => [
+            b(e(q), {
+              modelValue: e(a),
+              "onUpdate:modelValue": n[0] || (n[0] = (t) => w(a) ? a.value = t : null),
               maxlength: l.maxlength,
               placeholder: l.placeholder,
               disabled: l.disabled,
@@ -187,7 +185,7 @@ const ie = /* @__PURE__ */ y({
       _: 1
     }, 8, ["span"]));
   }
-}), be = /* @__PURE__ */ y({
+}), he = /* @__PURE__ */ h({
   name: "OFormSingleselect",
   extendOptions: {},
   __name: "SingleSelect",
@@ -205,36 +203,36 @@ const ie = /* @__PURE__ */ y({
     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,
+    const m = v(), i = V(), a = Y(), l = W(), n = O(), t = S(() => ue(l.value, n.value));
+    return (d, f) => (s(), p(e(c), { span: e(m) }, {
+      default: u(() => [
+        b(e(g), {
+          prop: d.name,
+          label: d.label,
+          "label-width": d.labelWidth,
+          required: d.required,
           rules: e(i)
         }, {
-          default: d(() => [
-            e(t) ? (m(), f(e(B), {
+          default: u(() => [
+            e(a) ? (s(), p(e(q), {
               key: 0,
-              "model-value": l.value,
-              placeholder: s.placeholder,
+              "model-value": t.value,
+              placeholder: d.placeholder,
               disabled: !0,
               readonly: !0
-            }, null, 8, ["model-value", "placeholder"])) : (m(), f(e(E), {
+            }, null, 8, ["model-value", "placeholder"])) : (s(), p(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
+              modelValue: e(n),
+              "onUpdate:modelValue": f[0] || (f[0] = (r) => w(n) ? n.value = r : null),
+              placeholder: d.placeholder,
+              clearable: d.clearable,
+              filterable: d.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
+              default: u(() => [
+                (s(!0), F(z, null, M(e(l), (r) => (s(), p(e(U), {
+                  key: r.value,
+                  label: r.content,
+                  value: r.value
                 }, null, 8, ["label", "value"]))), 128))
               ]),
               _: 1
@@ -246,7 +244,7 @@ const ie = /* @__PURE__ */ y({
       _: 1
     }, 8, ["span"]));
   }
-}), fe = /* @__PURE__ */ y({
+}), ye = /* @__PURE__ */ h({
   name: "OFormMultiselect",
   extendOptions: {},
   __name: "MultiSelect",
@@ -262,40 +260,37 @@ const ie = /* @__PURE__ */ y({
     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,
+    const m = v(), i = V(), a = Y(), l = W(), n = G(), t = P(), d = S(
+      () => ie(l.value, t.modelValue[o.name])
+    );
+    return (f, r) => (s(), p(e(c), { span: e(m) }, {
+      default: u(() => [
+        b(e(g), {
+          prop: f.name,
+          label: f.label,
+          "label-width": f.labelWidth,
+          required: f.required,
           rules: e(i)
         }, {
-          default: d(() => [
-            e(t) ? (m(), f(e(B), {
+          default: u(() => [
+            e(a) ? (s(), p(e(q), {
               key: 0,
-              "model-value": l.value,
-              placeholder: b.placeholder,
+              "model-value": d.value,
+              placeholder: f.placeholder,
               disabled: !0,
               readonly: !0
-            }, null, 8, ["model-value", "placeholder"])) : (m(), f(e(E), {
+            }, null, 8, ["model-value", "placeholder"])) : (s(), p(e(E), {
               key: 1,
-              modelValue: s.value,
-              "onUpdate:modelValue": n[0] || (n[0] = (q) => s.value = q),
-              placeholder: b.placeholder,
+              modelValue: e(n),
+              "onUpdate:modelValue": r[0] || (r[0] = (y) => w(n) ? n.value = y : null),
+              placeholder: f.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
+              default: u(() => [
+                (s(!0), F(z, null, M(e(l), (y) => (s(), p(e(U), {
+                  key: y.value,
+                  label: y.content,
+                  value: y.value
                 }, null, 8, ["label", "value"]))), 128))
               ]),
               _: 1
@@ -307,7 +302,7 @@ const ie = /* @__PURE__ */ y({
       _: 1
     }, 8, ["span"]));
   }
-}), he = /* @__PURE__ */ y({
+}), ce = /* @__PURE__ */ h({
   name: "OFormRadiogroup",
   extendOptions: {},
   __name: "RadioGroup",
@@ -322,29 +317,29 @@ const ie = /* @__PURE__ */ y({
     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,
+    const m = v(), i = V(), a = W(), l = O();
+    return (n, t) => (s(), p(e(c), { span: e(m) }, {
+      default: u(() => [
+        b(e(g), {
+          prop: n.name,
+          label: n.label,
+          "label-width": n.labelWidth,
+          required: n.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: u(() => [
+            b(e(le), {
+              modelValue: e(l),
+              "onUpdate:modelValue": t[0] || (t[0] = (d) => w(l) ? l.value = d : null),
+              disabled: n.disabled
             }, {
-              default: d(() => [
-                (m(!0), C(z, null, F(e(t), (s) => (m(), f(e(ee), {
-                  key: s.value,
-                  value: s.value
+              default: u(() => [
+                (s(!0), F(z, null, M(e(a), (d) => (s(), p(e(ae), {
+                  key: d.value,
+                  value: d.value
                 }, {
-                  default: d(() => [
-                    N(A(s.content), 1)
+                  default: u(() => [
+                    A(K(d.content), 1)
                   ]),
                   _: 2
                 }, 1032, ["value"]))), 128))
@@ -358,7 +353,7 @@ const ie = /* @__PURE__ */ y({
       _: 1
     }, 8, ["span"]));
   }
-}), ve = /* @__PURE__ */ y({
+}), ve = /* @__PURE__ */ h({
   name: "OFormCheckboxgroup",
   extendOptions: {},
   __name: "CheckboxGroup",
@@ -373,32 +368,27 @@ const ie = /* @__PURE__ */ y({
     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,
+    const m = v(), i = V(), a = W(), l = G();
+    return (n, t) => (s(), p(e(c), { span: e(m) }, {
+      default: u(() => [
+        b(e(g), {
+          prop: n.name,
+          label: n.label,
+          "label-width": n.labelWidth,
+          required: n.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: u(() => [
+            b(e(oe), {
+              modelValue: e(l),
+              "onUpdate:modelValue": t[0] || (t[0] = (d) => w(l) ? l.value = d : null),
+              disabled: n.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
+              default: u(() => [
+                (s(!0), F(z, null, M(e(a), (d) => (s(), p(e(T), {
+                  key: d.value,
+                  label: d.content,
+                  value: d.value
                 }, null, 8, ["label", "value"]))), 128))
               ]),
               _: 1
@@ -410,7 +400,7 @@ const ie = /* @__PURE__ */ y({
       _: 1
     }, 8, ["span"]));
   }
-}), ye = /* @__PURE__ */ y({
+}), ge = /* @__PURE__ */ h({
   name: "OFormCheckbox",
   extendOptions: {},
   __name: "Checkbox",
@@ -423,22 +413,20 @@ const ie = /* @__PURE__ */ y({
     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
+    const m = v(), i = I();
+    return (a, l) => (s(), p(e(c), { span: e(m) }, {
+      default: u(() => [
+        b(e(g), {
+          prop: a.name,
+          label: a.label,
+          "label-width": a.labelWidth,
+          rules: a.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"
+          default: u(() => [
+            b(e(T), {
+              modelValue: e(i),
+              "onUpdate:modelValue": l[0] || (l[0] = (n) => w(i) ? i.value = n : null),
+              disabled: a.disabled
             }, null, 8, ["modelValue", "disabled"])
           ]),
           _: 1
@@ -447,7 +435,7 @@ const ie = /* @__PURE__ */ y({
       _: 1
     }, 8, ["span"]));
   }
-}), ce = /* @__PURE__ */ y({
+}), Ve = /* @__PURE__ */ h({
   name: "OFormSwitch",
   extendOptions: {},
   __name: "Switch",
@@ -460,22 +448,20 @@ const ie = /* @__PURE__ */ y({
     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
+    const m = v(), i = I();
+    return (a, l) => (s(), p(e(c), { span: e(m) }, {
+      default: u(() => [
+        b(e(g), {
+          prop: a.name,
+          label: a.label,
+          "label-width": a.labelWidth,
+          rules: a.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"
+          default: u(() => [
+            b(e(re), {
+              modelValue: e(i),
+              "onUpdate:modelValue": l[0] || (l[0] = (n) => w(i) ? i.value = n : null),
+              disabled: a.disabled
             }, null, 8, ["modelValue", "disabled"])
           ]),
           _: 1
@@ -484,7 +470,7 @@ const ie = /* @__PURE__ */ y({
       _: 1
     }, 8, ["span"]));
   }
-}), ge = /* @__PURE__ */ y({
+}), we = /* @__PURE__ */ h({
   name: "OFormDate",
   extendOptions: { trigger: "blur" },
   __name: "DateInput",
@@ -505,67 +491,69 @@ const ie = /* @__PURE__ */ y({
     sourceFormat: {}
   },
   setup(o) {
-    const p = g(), i = V(), t = O(
+    const m = v(), i = V(), a = S(
       () => 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))
+    ), l = S(() => o.sourceFormat ? o.sourceFormat : a.value ? "HH:mm:ss" : "YYYY-MM-DD"), n = S(() => {
+      let r = "date";
+      return (o.format.indexOf("y") > -1 || o.format.indexOf("Y") > -1) && (r = "year"), o.format.indexOf("M") > -1 && (r = "month"), (o.format.indexOf("d") > -1 || o.format.indexOf("D") > -1) && (r = "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) && (r = "datetime"), r;
+    }), t = P(), d = S(() => {
+      const r = t.modelValue[o.name];
+      if (H(r))
         return "string";
-      if (P(a.value))
+      if (j(r))
         return "date";
       throw new D("日期输入框的值只能为字符串或日期类型");
-    }), b = O({
+    }), f = S({
       get: () => {
-        if (a.value) {
-          if (s.value == "date")
-            return a.value;
+        const r = t.modelValue[o.name];
+        if (r) {
+          if (d.value == "date")
+            return r;
           {
-            const n = R(a.value, r.value, !0);
-            if (!n.isValid())
-              throw new D(`日期输入框的值无效，不符合${r.value}格式`);
-            return n.toDate();
+            const y = R(r, l.value, !0);
+            if (!y.isValid())
+              throw new D(`日期输入框的值无效，不符合${l.value}格式`);
+            return y.toDate();
           }
         }
       },
-      set: (n) => {
-        s.value == "date" ? n ? a.value = n : a.value = void 0 : n ? a.value = R(n).format(r.value) : a.value = "";
+      set: (r) => {
+        d.value == "date" ? r ? t.updateModelValue(o.name, r) : t.updateModelValue(o.name, void 0) : r ? t.updateModelValue(o.name, R(r).format(l.value)) : t.updateModelValue(o.name, "");
       }
     });
-    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,
+    return (r, y) => (s(), p(e(c), { span: e(m) }, {
+      default: u(() => [
+        b(e(g), {
+          prop: r.name,
+          label: r.label,
+          "label-width": r.labelWidth,
+          required: r.required,
           rules: e(i)
         }, {
-          default: d(() => [
-            t.value ? (m(), f(e(oe), {
+          default: u(() => [
+            a.value ? (s(), p(e(ne), {
               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,
+              modelValue: f.value,
+              "onUpdate:modelValue": y[0] || (y[0] = (k) => f.value = k),
+              placeholder: r.placeholder,
+              disabled: r.disabled,
+              readonly: r.readonly,
+              editable: r.editable,
+              clearable: r.clearable,
+              format: l.value,
               "arrow-control": "",
               style: { width: "100%" }
-            }, null, 8, ["modelValue", "placeholder", "disabled", "readonly", "editable", "clearable", "format"])) : (m(), f(e(re), {
+            }, null, 8, ["modelValue", "placeholder", "disabled", "readonly", "editable", "clearable", "format"])) : (s(), p(e(de), {
               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,
+              modelValue: f.value,
+              "onUpdate:modelValue": y[1] || (y[1] = (k) => f.value = k),
+              placeholder: r.placeholder,
+              disabled: r.disabled,
+              readonly: r.readonly,
+              editable: r.editable,
+              clearable: r.clearable,
+              type: n.value,
+              format: l.value,
               style: { width: "100%" }
             }, null, 8, ["modelValue", "placeholder", "disabled", "readonly", "editable", "clearable", "type", "format"]))
           ]),
@@ -575,7 +563,7 @@ const ie = /* @__PURE__ */ y({
       _: 1
     }, 8, ["span"]));
   }
-}), we = /* @__PURE__ */ y({
+}), Se = /* @__PURE__ */ h({
   name: "OFormFile",
   extendOptions: {},
   __name: "FileInput",
@@ -589,31 +577,33 @@ const ie = /* @__PURE__ */ y({
     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 m = v(), i = V(), a = O();
+    J(a, () => {
+      a.value || (l.value = "");
     });
-    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,
+    const l = Q(""), n = $("inputRef");
+    return X(() => {
+      n.value.input.onchange = (t) => {
+        var d;
+        a.value = (d = t == null ? void 0 : t.target) == null ? void 0 : d.files[0];
+      }, l.value = "";
+    }), (t, d) => (s(), p(e(c), { span: e(m) }, {
+      default: u(() => [
+        b(e(g), {
+          prop: t.name,
+          label: t.label,
+          "label-width": t.labelWidth,
+          required: t.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"
+          default: u(() => [
+            b(e(q), {
+              ref: "inputRef",
+              modelValue: l.value,
+              "onUpdate:modelValue": d[0] || (d[0] = (f) => l.value = f),
+              disabled: t.disabled,
+              type: "file",
+              "validate-event": !1
             }, null, 8, ["modelValue", "disabled"])
           ]),
           _: 1
@@ -622,7 +612,7 @@ const ie = /* @__PURE__ */ y({
       _: 1
     }, 8, ["span"]));
   }
-}), Se = /* @__PURE__ */ y({
+}), qe = /* @__PURE__ */ h({
   name: "OFormButtongroup",
   __name: "ButtonGroup",
   props: {
@@ -631,20 +621,20 @@ const ie = /* @__PURE__ */ y({
     align: { default: "right" }
   },
   setup(o) {
-    const p = O(() => ({
+    const m = S(() => ({
       textAlign: o.align
-    })), i = g();
-    return (t, r) => (m(), f(e(c), {
+    })), i = v();
+    return (a, l) => (s(), p(e(c), {
       span: e(i),
-      style: Q(p.value)
+      style: Z(m.value)
     }, {
-      default: d(() => [
-        h(e(ue), {
-          gutter: t.gutter,
+      default: u(() => [
+        b(e(se), {
+          gutter: a.gutter,
           style: { "margin-bottom": "18px" }
         }, {
-          default: d(() => [
-            M(t.$slots, "default")
+          default: u(() => [
+            C(a.$slots, "default")
           ]),
           _: 3
         }, 8, ["gutter"])
@@ -652,7 +642,7 @@ const ie = /* @__PURE__ */ y({
       _: 3
     }, 8, ["span", "style"]));
   }
-}), qe = /* @__PURE__ */ y({
+}), Oe = /* @__PURE__ */ h({
   name: "OFormDiy",
   extendOptions: {},
   __name: "DiyItem",
@@ -665,18 +655,18 @@ const ie = /* @__PURE__ */ y({
     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,
+    const m = v(), i = V();
+    return (a, l) => (s(), p(e(c), { span: e(m) }, {
+      default: u(() => [
+        b(e(g), {
+          prop: a.name,
+          label: a.label,
+          "label-width": a.labelWidth,
+          required: a.required,
           rules: e(i)
         }, {
-          default: d(() => [
-            M(t.$slots, "default")
+          default: u(() => [
+            C(a.$slots, "default")
           ]),
           _: 3
         }, 8, ["prop", "label", "label-width", "required", "rules"])
@@ -684,23 +674,23 @@ const ie = /* @__PURE__ */ y({
       _: 3
     }, 8, ["span"]));
   }
-}), Re = X(ie, {
-  StringInput: se,
-  PasswordInput: me,
-  Textarea: pe,
-  SingleSelect: be,
-  MultiSelect: fe,
-  RadioGroup: he,
+}), $e = x(me, {
+  StringInput: pe,
+  PasswordInput: be,
+  Textarea: fe,
+  SingleSelect: he,
+  MultiSelect: ye,
+  RadioGroup: ce,
   CheckboxGroup: ve,
-  Checkbox: ye,
-  Switch: ce,
-  DateInput: ge,
-  FileInput: we,
-  ButtonGroup: Se,
-  DiyItem: qe
+  Checkbox: ge,
+  Switch: Ve,
+  DateInput: we,
+  FileInput: Se,
+  ButtonGroup: qe,
+  DiyItem: Oe
 });
 export {
-  Re as default,
+  $e as default,
   te as formContextKey
 };
 //# sourceMappingURL=index.js.map