orion-design 0.1.6 → 0.1.8

package/dist/components/Form/index.js

@@ -1,56 +1,59 @@
-import { isString as G, isDate as P } from "lodash-es";
-import { defineComponent as v, mergeModels as j, useModel as H, useTemplateRef as E, provide as I, openBlock as m, createBlock as f, unref as e, withCtx as t, createVNode as h, renderSlot as D, toRef as g, computed as B, createElementBlock as z, Fragment as F, renderList as k, createTextVNode as L, toDisplayString as N, ref as A, onMounted as K, normalizeStyle as J } from "vue";
-import { withInstall as Q } from "../_util/vue/install.js";
-import { ElForm as X, ElRow as Z, ElCol as c, ElFormItem as q, ElInput as C, ElSelect as $, ElOption as U, ElRadioGroup as x, ElRadio as _, ElCheckboxGroup as ee, ElCheckbox as T, ElSwitch as le, dayjs as O, ElTimePicker as ae, ElDatePicker as oe } from "element-plus";
-import { formContextKey as re } from "./Form.js";
-import { useFormSpan as y, useFormRules as S, useFormContext as w, useFormDisabled as Y, useFormCode as W } from "./hooks/useForm.js";
-import { getSingleCodeContent as ne, getMultiCodeContent as de } from "./utils/index.js";
-import R from "../../error/OrionError.js";
-import { S as te } from "../../index-BbsXWo7C.js";
-const ue = /* @__PURE__ */ v({
+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 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 se } from "../../index-BbsXWo7C.js";
+const me = /* @__PURE__ */ h({
   name: "OForm",
   __name: "Form",
-  props: /* @__PURE__ */ j({
+  props: {
     rules: {},
-    itemSpan: { default: 8 },
+    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 s = H(o, "modelValue"), u = E("formRef");
-    return p({
-      validate: async () => await u.value.validate()
-    }), I(re, {
-      model: s.value,
-      rules: o.rules,
-      itemSpan: o.itemSpan
-    }), (l, d) => (m(), f(e(X), {
-      ref_key: "formRef",
-      ref: u,
-      modelValue: s.value,
-      "onUpdate:modelValue": d[0] || (d[0] = (a) => s.value = a),
-      model: s.value,
-      rules: l.rules,
-      "label-width": o.itemLabelWidth,
-      disabled: l.disabled
+  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,
+      N({
+        modelValue: B(() => o.modelValue),
+        updateModelValue: l,
+        rules: B(() => o.rules),
+        itemSpan: B(() => o.itemSpan),
+        disabled: B(() => o.disabled)
+      })
+    ), (d, f) => (s(), p(e(_), {
+      ref: "form",
+      model: d.modelValue,
+      rules: d.rules,
+      "label-width": d.itemLabelWidth,
+      disabled: d.disabled
     }, {
-      default: t(() => [
-        h(e(Z), { gutter: 16 }, {
-          default: t(() => [
-            D(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"]));
   }
-}), ie = /* @__PURE__ */ v({
+}), pe = /* @__PURE__ */ h({
   name: "OFormString",
+  extendOptions: { trigger: "blur" },
   __name: "StringInput",
   props: {
     name: {},
@@ -65,20 +68,20 @@ const ue = /* @__PURE__ */ v({
     readonly: { type: Boolean }
   },
   setup(o) {
-    const p = y(), s = S(), u = w(), n = g(u.model, o.name);
-    return (l, d) => (m(), f(e(c), { span: e(p) }, {
-      default: t(() => [
-        h(e(q), {
+    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(s)
+          rules: e(i)
         }, {
-          default: t(() => [
-            h(e(C), {
-              modelValue: n.value,
-              "onUpdate:modelValue": d[0] || (d[0] = (a) => n.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,
@@ -91,8 +94,9 @@ const ue = /* @__PURE__ */ v({
       _: 1
     }, 8, ["span"]));
   }
-}), se = /* @__PURE__ */ v({
+}), be = /* @__PURE__ */ h({
   name: "OFormPassword",
+  extendOptions: { trigger: "blur" },
   __name: "PasswordInput",
   props: {
     name: {},
@@ -107,20 +111,20 @@ const ue = /* @__PURE__ */ v({
     readonly: { type: Boolean }
   },
   setup(o) {
-    const p = y(), s = S(), u = w(), n = g(u.model, o.name);
-    return (l, d) => (m(), f(e(c), { span: e(p) }, {
-      default: t(() => [
-        h(e(q), {
+    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(s)
+          rules: e(i)
         }, {
-          default: t(() => [
-            h(e(C), {
-              modelValue: n.value,
-              "onUpdate:modelValue": d[0] || (d[0] = (a) => n.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,
@@ -134,8 +138,9 @@ const ue = /* @__PURE__ */ v({
       _: 1
     }, 8, ["span"]));
   }
-}), me = /* @__PURE__ */ v({
+}), fe = /* @__PURE__ */ h({
   name: "OFormTextarea",
+  extendOptions: { trigger: "blur" },
   __name: "Textarea",
   props: {
     name: {},
@@ -151,20 +156,20 @@ const ue = /* @__PURE__ */ v({
     rows: {}
   },
   setup(o) {
-    const p = y(), s = S(), u = w(), n = g(u.model, o.name);
-    return (l, d) => (m(), f(e(c), { span: e(p) }, {
-      default: t(() => [
-        h(e(q), {
+    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(s)
+          rules: e(i)
         }, {
-          default: t(() => [
-            h(e(C), {
-              modelValue: n.value,
-              "onUpdate:modelValue": d[0] || (d[0] = (a) => n.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,
@@ -180,8 +185,9 @@ const ue = /* @__PURE__ */ v({
       _: 1
     }, 8, ["span"]));
   }
-}), pe = /* @__PURE__ */ v({
+}), he = /* @__PURE__ */ h({
   name: "OFormSingleselect",
+  extendOptions: {},
   __name: "SingleSelect",
   props: {
     name: {},
@@ -197,33 +203,33 @@ const ue = /* @__PURE__ */ v({
     filterable: { type: Boolean }
   },
   setup(o) {
-    const p = y(), s = S(), u = Y(), n = W(), l = B(() => ne(n.value, a.value)), d = w(), a = g(d.model, o.name);
-    return (i, b) => (m(), f(e(c), { span: e(p) }, {
-      default: t(() => [
-        h(e(q), {
-          prop: i.name,
-          label: i.label,
-          "label-width": i.labelWidth,
-          required: i.required,
-          rules: e(s)
+    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: t(() => [
-            e(u) ? (m(), f(e(C), {
+          default: u(() => [
+            e(a) ? (s(), p(e(q), {
               key: 0,
-              "model-value": l.value,
-              placeholder: i.placeholder,
+              "model-value": t.value,
+              placeholder: d.placeholder,
               disabled: !0,
               readonly: !0
-            }, null, 8, ["model-value", "placeholder"])) : (m(), f(e($), {
+            }, null, 8, ["model-value", "placeholder"])) : (s(), p(e(E), {
               key: 1,
-              modelValue: a.value,
-              "onUpdate:modelValue": b[0] || (b[0] = (r) => a.value = r),
-              placeholder: i.placeholder,
-              clearable: i.clearable,
-              filterable: i.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: t(() => [
-                (m(!0), z(F, null, k(e(n), (r) => (m(), f(e(U), {
+              default: u(() => [
+                (s(!0), F(z, null, M(e(l), (r) => (s(), p(e(U), {
                   key: r.value,
                   label: r.content,
                   value: r.value
@@ -238,8 +244,9 @@ const ue = /* @__PURE__ */ v({
       _: 1
     }, 8, ["span"]));
   }
-}), be = /* @__PURE__ */ v({
+}), ye = /* @__PURE__ */ h({
   name: "OFormMultiselect",
+  extendOptions: {},
   __name: "MultiSelect",
   props: {
     name: {},
@@ -253,40 +260,37 @@ const ue = /* @__PURE__ */ v({
     code: {}
   },
   setup(o) {
-    const p = y(), s = S(), u = Y(), n = W(), l = B(() => de(n.value, a.value)), d = w(), a = g(d.model, o.name), i = B({
-      get: () => a.value ? a.value.split(",") : [],
-      set: (b) => {
-        b ? a.value = b.join(",") : a.value = "";
-      }
-    });
-    return (b, r) => (m(), f(e(c), { span: e(p) }, {
-      default: t(() => [
-        h(e(q), {
-          prop: b.name,
-          label: b.label,
-          "label-width": b.labelWidth,
-          required: b.required,
-          rules: e(s)
+    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: t(() => [
-            e(u) ? (m(), f(e(C), {
+          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($), {
+            }, null, 8, ["model-value", "placeholder"])) : (s(), p(e(E), {
               key: 1,
-              modelValue: i.value,
-              "onUpdate:modelValue": r[0] || (r[0] = (V) => i.value = V),
-              placeholder: b.placeholder,
+              modelValue: e(n),
+              "onUpdate:modelValue": r[0] || (r[0] = (y) => w(n) ? n.value = y : null),
+              placeholder: f.placeholder,
               multiple: ""
             }, {
-              default: t(() => [
-                (m(!0), z(F, null, k(e(n), (V) => (m(), f(e(U), {
-                  key: V.value,
-                  label: V.content,
-                  value: V.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
@@ -298,8 +302,9 @@ const ue = /* @__PURE__ */ v({
       _: 1
     }, 8, ["span"]));
   }
-}), fe = /* @__PURE__ */ v({
+}), ce = /* @__PURE__ */ h({
   name: "OFormRadiogroup",
+  extendOptions: {},
   __name: "RadioGroup",
   props: {
     name: {},
@@ -312,29 +317,29 @@ const ue = /* @__PURE__ */ v({
     code: {}
   },
   setup(o) {
-    const p = y(), s = S(), u = W(), n = w(), l = g(n.model, o.name);
-    return (d, a) => (m(), f(e(c), { span: e(p) }, {
-      default: t(() => [
-        h(e(q), {
-          prop: d.name,
-          label: d.label,
-          "label-width": d.labelWidth,
-          required: d.required,
-          rules: e(s)
+    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: t(() => [
-            h(e(x), {
-              modelValue: l.value,
-              "onUpdate:modelValue": a[0] || (a[0] = (i) => l.value = i),
-              disabled: d.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: t(() => [
-                (m(!0), z(F, null, k(e(u), (i) => (m(), f(e(_), {
-                  key: i.value,
-                  value: i.value
+              default: u(() => [
+                (s(!0), F(z, null, M(e(a), (d) => (s(), p(e(ae), {
+                  key: d.value,
+                  value: d.value
                 }, {
-                  default: t(() => [
-                    L(N(i.content), 1)
+                  default: u(() => [
+                    A(K(d.content), 1)
                   ]),
                   _: 2
                 }, 1032, ["value"]))), 128))
@@ -348,8 +353,9 @@ const ue = /* @__PURE__ */ v({
       _: 1
     }, 8, ["span"]));
   }
-}), he = /* @__PURE__ */ v({
+}), ve = /* @__PURE__ */ h({
   name: "OFormCheckboxgroup",
+  extendOptions: {},
   __name: "CheckboxGroup",
   props: {
     name: {},
@@ -362,32 +368,27 @@ const ue = /* @__PURE__ */ v({
     code: {}
   },
   setup(o) {
-    const p = y(), s = S(), u = W(), n = w(), l = g(n.model, o.name), d = B({
-      get: () => l.value ? l.value.split(",") : [],
-      set: (a) => {
-        a ? l.value = a.join(",") : l.value = "";
-      }
-    });
-    return (a, i) => (m(), f(e(c), { span: e(p) }, {
-      default: t(() => [
-        h(e(q), {
-          prop: a.name,
-          label: a.label,
-          "label-width": a.labelWidth,
-          required: a.required,
-          rules: e(s)
+    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: t(() => [
-            h(e(ee), {
-              modelValue: d.value,
-              "onUpdate:modelValue": i[0] || (i[0] = (b) => d.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: t(() => [
-                (m(!0), z(F, null, k(e(u), (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
@@ -399,84 +400,79 @@ const ue = /* @__PURE__ */ v({
       _: 1
     }, 8, ["span"]));
   }
-}), ve = /* @__PURE__ */ v({
+}), ge = /* @__PURE__ */ h({
   name: "OFormCheckbox",
+  extendOptions: {},
   __name: "Checkbox",
   props: {
     name: {},
     label: {},
     span: {},
     labelWidth: {},
-    required: { type: Boolean },
     rules: {},
     disabled: { type: Boolean }
   },
   setup(o) {
-    const p = y(), s = S(), u = w(), n = g(u.model, o.name);
-    return (l, d) => (m(), f(e(c), { span: e(p) }, {
-      default: t(() => [
-        h(e(q), {
-          prop: l.name,
-          label: l.label,
-          "label-width": l.labelWidth,
-          required: l.required,
-          rules: e(s)
+    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: t(() => [
-            h(e(T), {
-              modelValue: n.value,
-              "onUpdate:modelValue": d[0] || (d[0] = (a) => n.value = a),
-              disabled: l.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
-        }, 8, ["prop", "label", "label-width", "required", "rules"])
+        }, 8, ["prop", "label", "label-width", "rules"])
       ]),
       _: 1
     }, 8, ["span"]));
   }
-}), ce = /* @__PURE__ */ v({
+}), Ve = /* @__PURE__ */ h({
   name: "OFormSwitch",
+  extendOptions: {},
   __name: "Switch",
   props: {
     name: {},
     label: {},
     span: {},
     labelWidth: {},
-    required: { type: Boolean },
     rules: {},
     disabled: { type: Boolean }
   },
   setup(o) {
-    const p = y(), s = S(), u = w(), n = g(u.model, o.name);
-    return (l, d) => (m(), f(e(c), { span: e(p) }, {
-      default: t(() => [
-        h(e(q), {
-          prop: l.name,
-          label: l.label,
-          "label-width": l.labelWidth,
-          required: l.required,
-          rules: e(s)
+    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: t(() => [
-            h(e(le), {
-              modelValue: n.value,
-              "onUpdate:modelValue": d[0] || (d[0] = (a) => n.value = a),
-              disabled: l.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
-        }, 8, ["prop", "label", "label-width", "required", "rules"])
+        }, 8, ["prop", "label", "label-width", "rules"])
       ]),
       _: 1
     }, 8, ["span"]));
   }
-}), ye = /* @__PURE__ */ v({
+}), we = /* @__PURE__ */ h({
   name: "OFormDate",
+  extendOptions: { trigger: "blur" },
   __name: "DateInput",
   props: {
     name: {},
@@ -495,66 +491,70 @@ const ue = /* @__PURE__ */ v({
     sourceFormat: {}
   },
   setup(o) {
-    const p = y(), s = S(), u = B(
+    const m = v(), i = V(), a = S(
       () => o.format.startsWith("H") || o.format.startsWith("h") || o.format.startsWith("m") || o.format.startsWith("s")
-    ), n = B(() => o.sourceFormat ? o.sourceFormat : u.value ? "HH:mm:ss" : "YYYY-MM-DD"), l = B(() => {
+    ), 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;
-    }), d = w(), a = g(d.model, o.name), i = B(() => {
-      if (G(a.value))
+    }), 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 R("日期输入框的值只能为字符串或日期类型");
-    }), b = B({
+      throw new D("日期输入框的值只能为字符串或日期类型");
+    }), f = S({
       get: () => {
-        if (a.value) {
-          if (i.value == "date")
-            return a.value;
+        const r = t.modelValue[o.name];
+        if (r) {
+          if (d.value == "date")
+            return r;
           {
-            const r = O(a.value, n.value, !0);
-            if (!r.isValid())
-              throw new R(`日期输入框的值无效，不符合${n.value}格式`);
-            return r.toDate();
+            const y = R(r, l.value, !0);
+            if (!y.isValid())
+              throw new D(`日期输入框的值无效，不符合${l.value}格式`);
+            return y.toDate();
           }
         }
       },
       set: (r) => {
-        i.value == "date" ? r ? a.value = r : a.value = void 0 : r ? a.value = O(r).format(n.value) : a.value = "";
+        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 (r, V) => (m(), f(e(c), { span: e(p) }, {
-      default: t(() => [
-        h(e(q), {
+    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(s)
+          rules: e(i)
         }, {
-          default: t(() => [
-            u.value ? (m(), f(e(ae), {
+          default: u(() => [
+            a.value ? (s(), p(e(ne), {
               key: 0,
-              modelValue: b.value,
-              "onUpdate:modelValue": V[0] || (V[0] = (M) => b.value = M),
+              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: n.value,
-              "arrow-control": ""
-            }, null, 8, ["modelValue", "placeholder", "disabled", "readonly", "editable", "clearable", "format"])) : (m(), f(e(oe), {
+              format: l.value,
+              "arrow-control": "",
+              style: { width: "100%" }
+            }, null, 8, ["modelValue", "placeholder", "disabled", "readonly", "editable", "clearable", "format"])) : (s(), p(e(de), {
               key: 1,
-              modelValue: b.value,
-              "onUpdate:modelValue": V[1] || (V[1] = (M) => b.value = M),
+              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: l.value,
-              format: n.value
+              type: n.value,
+              format: l.value,
+              style: { width: "100%" }
             }, null, 8, ["modelValue", "placeholder", "disabled", "readonly", "editable", "clearable", "type", "format"]))
           ]),
           _: 1
@@ -563,8 +563,9 @@ const ue = /* @__PURE__ */ v({
       _: 1
     }, 8, ["span"]));
   }
-}), ge = /* @__PURE__ */ v({
+}), Se = /* @__PURE__ */ h({
   name: "OFormFile",
+  extendOptions: {},
   __name: "FileInput",
   props: {
     name: {},
@@ -576,31 +577,33 @@ const ue = /* @__PURE__ */ v({
     disabled: { type: Boolean }
   },
   setup(o) {
-    const p = y(), s = S(), u = A(""), n = E("fileRef");
-    K(() => {
-      n.value.input.onchange = (a) => {
-        var i;
-        d.value = (i = a == null ? void 0 : a.target) == null ? void 0 : i.files[0];
-      };
+    const m = v(), i = V(), a = O();
+    J(a, () => {
+      a.value || (l.value = "");
     });
-    const l = w(), d = g(l.model, o.name);
-    return (a, i) => (m(), f(e(c), { span: e(p) }, {
-      default: t(() => [
-        h(e(q), {
-          prop: a.name,
-          label: a.label,
-          "label-width": a.labelWidth,
-          required: a.required,
-          rules: e(s)
+    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: t(() => [
-            h(e(C), {
-              ref_key: "fileRef",
-              ref: n,
-              modelValue: u.value,
-              "onUpdate:modelValue": i[0] || (i[0] = (b) => u.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
@@ -609,7 +612,7 @@ const ue = /* @__PURE__ */ v({
       _: 1
     }, 8, ["span"]));
   }
-}), qe = /* @__PURE__ */ v({
+}), qe = /* @__PURE__ */ h({
   name: "OFormButtongroup",
   __name: "ButtonGroup",
   props: {
@@ -618,20 +621,20 @@ const ue = /* @__PURE__ */ v({
     align: { default: "right" }
   },
   setup(o) {
-    const p = B(() => ({
+    const m = S(() => ({
       textAlign: o.align
-    })), s = y();
-    return (u, n) => (m(), f(e(c), {
-      span: e(s),
-      style: J(p.value)
+    })), i = v();
+    return (a, l) => (s(), p(e(c), {
+      span: e(i),
+      style: Z(m.value)
     }, {
-      default: t(() => [
-        h(e(te), {
-          gutter: u.gutter,
+      default: u(() => [
+        b(e(se), {
+          gutter: a.gutter,
           style: { "margin-bottom": "18px" }
         }, {
-          default: t(() => [
-            D(u.$slots, "default")
+          default: u(() => [
+            C(a.$slots, "default")
           ]),
           _: 3
         }, 8, ["gutter"])
@@ -639,22 +642,55 @@ const ue = /* @__PURE__ */ v({
       _: 3
     }, 8, ["span", "style"]));
   }
-}), Me = Q(ue, {
-  StringInput: ie,
-  PasswordInput: se,
-  Textarea: me,
-  SingleSelect: pe,
-  MultiSelect: be,
-  RadioGroup: fe,
-  CheckboxGroup: he,
-  Checkbox: ve,
-  Switch: ce,
-  DateInput: ye,
-  FileInput: ge,
-  ButtonGroup: qe
+}), Oe = /* @__PURE__ */ h({
+  name: "OFormDiy",
+  extendOptions: {},
+  __name: "DiyItem",
+  props: {
+    name: {},
+    label: {},
+    span: {},
+    labelWidth: {},
+    required: { type: Boolean },
+    rules: {}
+  },
+  setup(o) {
+    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: u(() => [
+            C(a.$slots, "default")
+          ]),
+          _: 3
+        }, 8, ["prop", "label", "label-width", "required", "rules"])
+      ]),
+      _: 3
+    }, 8, ["span"]));
+  }
+}), $e = x(me, {
+  StringInput: pe,
+  PasswordInput: be,
+  Textarea: fe,
+  SingleSelect: he,
+  MultiSelect: ye,
+  RadioGroup: ce,
+  CheckboxGroup: ve,
+  Checkbox: ge,
+  Switch: Ve,
+  DateInput: we,
+  FileInput: Se,
+  ButtonGroup: qe,
+  DiyItem: Oe
 });
 export {
-  Me as default,
-  re as formContextKey
+  $e as default,
+  te as formContextKey
 };
 //# sourceMappingURL=index.js.map