orion-design 0.1.30 → 0.1.31

package/dist/components/Form/index.js

@@ -1,71 +1,84 @@
-import { difference as oe, isEmpty as re, isDate as te, isString as A, isNumber as ne, toNumber as de } from "lodash-es";
-import { defineComponent as y, useTemplateRef as Y, provide as L, reactive as j, toRef as R, openBlock as p, createBlock as h, unref as e, withCtx as d, createVNode as f, renderSlot as $, isRef as q, useAttrs as H, computed as F, createElementBlock as D, Fragment as E, renderList as I, createTextVNode as ue, toDisplayString as se, watch as ie, ref as P, onMounted as pe, normalizeStyle as me } from "vue";
-import { withInstall as be } from "../_util/vue/install.js";
-import { ElForm as fe, ElRow as he, ElCol as g, ElFormItem as w, ElInput as O, ElSelect as K, ElOption as J, ElRadioGroup as ce, ElRadio as ye, ElCheckboxGroup as ge, ElCheckbox as Q, ElSwitch as ve, dayjs as G, ElTimePicker as we, ElDatePicker as Ve, ElDropdown as Se, ElInputNumber as qe } from "element-plus";
-import { formContextKey as Be } from "./Form.js";
-import W from "../../error/OrionError.js";
-import { useFormItemSpan as v, useFormItemRules as V, useFormItemStringModel as z, useFormItemDisabled as X, useFormItemCode as U, useFormItemMultiModel as Z, useFormContext as T, useFormItemBooleanModel as x } from "./hooks/index.js";
-import { getSingleCodeContent as Me, getMultiCodeContent as Ce } from "./utils/index.js";
-import { S as Fe } from "../../index-BbsXWo7C.js";
-import { g as Oe } from "../../index-C6P_0wAy.js";
-import { lovContextKey as ze } from "./LovInput/LovInput.js";
-import { default as dl } from "./LovInput/hooks/useLov.js";
-const We = /* @__PURE__ */ y({
-  name: "OForm",
-  inheritAttrs: !1,
+import { difference, isEmpty, isDate, isString, isNumber, toNumber } from "lodash-es";
+import { defineComponent, useTemplateRef, provide, reactive, toRef, openBlock, createBlock, unref, withCtx, createVNode, renderSlot, isRef, useAttrs, computed, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString, watch, ref, onMounted, normalizeStyle } from "vue";
+import { withInstall } from "../_util/vue/install.js";
+import { ElForm, ElRow, ElCol, ElFormItem, ElInput, ElSelect, ElOption, ElRadioGroup, ElRadio, ElCheckboxGroup, ElCheckbox, ElSwitch, dayjs, ElTimePicker, ElDatePicker, ElDropdown, ElInputNumber } from "element-plus";
+import { formContextKey } from "./Form.js";
+import OrionError from "../../error/OrionError.js";
+import { useFormItemSpan, useFormItemRules, useFormItemStringModel, useFormItemDisabled, useFormItemCode, useFormItemMultiModel, useFormContext, useFormItemBooleanModel } from "./hooks/index.js";
+import { getSingleCodeContent, getMultiCodeContent } from "./utils/index.js";
+import { S as Space } from "../../index-BOKLZnqH.js";
+import { g as search_default } from "../../index-DkwIULcN.js";
+import { lovContextKey } from "./LovInput/LovInput.js";
+import { default as default2 } from "./LovInput/hooks/useLov.js";
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
+  ...{ name: "OForm", inheritAttrs: false },
   __name: "Form",
   props: {
     rules: {},
     itemSpan: { default: 6 },
     itemLabelWidth: { default: "auto" },
-    disabled: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: false },
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(t, { expose: i, emit: u }) {
-    const o = u, l = (r, m) => {
-      if (!Object.keys(t.modelValue).includes(r))
-        throw new W(`modelValue中不存在[${r}]`);
-      o("update:modelValue", { ...t.modelValue, [r]: m });
-    }, a = (r) => {
-      const m = Object.keys(t.modelValue), c = Object.keys(r), S = oe(c, m);
-      if (!re(S))
-        throw new W(`modelValue中不存在[${S.join(",")}]`);
-      o("update:modelValue", { ...t.modelValue, ...r });
-    }, n = Y("form");
-    return i({
-      validate: async () => await n.value.validate()
-    }), L(
-      Be,
-      j({
-        modelValue: R(() => t.modelValue),
-        updateModelValue: l,
-        updateModelValueMulti: a,
-        rules: R(() => t.rules),
-        itemSpan: R(() => t.itemSpan),
-        disabled: R(() => t.disabled)
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const emit = __emit;
+    const updateModelValue = (name, value) => {
+      if (!Object.keys(__props.modelValue).includes(name)) {
+        throw new OrionError(`modelValue中不存在[${name}]`);
+      }
+      emit("update:modelValue", { ...__props.modelValue, [name]: value });
+    };
+    const updateModelValueMulti = (data) => {
+      const modelKeys = Object.keys(__props.modelValue);
+      const dataKeys = Object.keys(data);
+      const diff = difference(dataKeys, modelKeys);
+      if (!isEmpty(diff)) {
+        throw new OrionError(`modelValue中不存在[${diff.join(",")}]`);
+      }
+      emit("update:modelValue", { ...__props.modelValue, ...data });
+    };
+    const formRef = useTemplateRef("form");
+    const validate = async () => {
+      return await formRef.value.validate();
+    };
+    __expose({
+      validate
+    });
+    provide(
+      formContextKey,
+      reactive({
+        modelValue: toRef(() => __props.modelValue),
+        updateModelValue,
+        updateModelValueMulti,
+        rules: toRef(() => __props.rules),
+        itemSpan: toRef(() => __props.itemSpan),
+        disabled: toRef(() => __props.disabled)
       })
-    ), (r, m) => (p(), h(e(fe), {
-      ref: "form",
-      model: r.modelValue,
-      rules: r.rules,
-      "label-width": r.itemLabelWidth,
-      disabled: r.disabled
-    }, {
-      default: d(() => [
-        f(e(he), { gutter: 16 }, {
-          default: d(() => [
-            $(r.$slots, "default")
-          ]),
-          _: 3
-        })
-      ]),
-      _: 3
-    }, 8, ["model", "rules", "label-width", "disabled"]));
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElForm), {
+        ref: "form",
+        model: _ctx.modelValue,
+        rules: _ctx.rules,
+        "label-width": _ctx.itemLabelWidth,
+        disabled: _ctx.disabled
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(ElRow), { gutter: 16 }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default")
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      }, 8, ["model", "rules", "label-width", "disabled"]);
+    };
   }
-}), ke = /* @__PURE__ */ y({
-  name: "OFormString",
-  inheritAttrs: !1,
+});
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
+  ...{ name: "OFormString", inheritAttrs: false },
   __name: "StringInput",
   props: {
     name: {},
@@ -79,36 +92,40 @@ const We = /* @__PURE__ */ y({
     disabled: { type: Boolean },
     readonly: { type: Boolean }
   },
-  setup(t) {
-    const i = v(), u = V(), o = z();
-    return (l, a) => (p(), h(e(g), { span: e(i) }, {
-      default: d(() => [
-        f(e(w), {
-          prop: l.name,
-          label: l.label,
-          "label-width": l.labelWidth,
-          required: l.required,
-          rules: e(u)
-        }, {
-          default: d(() => [
-            f(e(O), {
-              modelValue: e(o),
-              "onUpdate:modelValue": a[0] || (a[0] = (n) => q(o) ? o.value = n : null),
-              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"])
-      ]),
-      _: 1
-    }, 8, ["span"]));
+  setup(__props) {
+    const normalizedSpan = useFormItemSpan();
+    const normalizedRules = useFormItemRules();
+    const elModel = useFormItemStringModel();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElCol), { span: unref(normalizedSpan) }, {
+        default: withCtx(() => [
+          createVNode(unref(ElFormItem), {
+            prop: _ctx.name,
+            label: _ctx.label,
+            "label-width": _ctx.labelWidth,
+            required: _ctx.required,
+            rules: unref(normalizedRules)
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(ElInput), {
+                modelValue: unref(elModel),
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(elModel) ? elModel.value = $event : null),
+                maxlength: _ctx.maxlength,
+                placeholder: _ctx.placeholder,
+                disabled: _ctx.disabled,
+                readonly: _ctx.readonly
+              }, null, 8, ["modelValue", "maxlength", "placeholder", "disabled", "readonly"])
+            ]),
+            _: 1
+          }, 8, ["prop", "label", "label-width", "required", "rules"])
+        ]),
+        _: 1
+      }, 8, ["span"]);
+    };
   }
-}), Re = /* @__PURE__ */ y({
-  name: "OFormPassword",
-  inheritAttrs: !1,
+});
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
+  ...{ name: "OFormPassword", inheritAttrs: false },
   __name: "PasswordInput",
   props: {
     name: {},
@@ -122,37 +139,41 @@ const We = /* @__PURE__ */ y({
     disabled: { type: Boolean },
     readonly: { type: Boolean }
   },
-  setup(t) {
-    const i = v(), u = V(), o = z();
-    return (l, a) => (p(), h(e(g), { span: e(i) }, {
-      default: d(() => [
-        f(e(w), {
-          prop: l.name,
-          label: l.label,
-          "label-width": l.labelWidth,
-          required: l.required,
-          rules: e(u)
-        }, {
-          default: d(() => [
-            f(e(O), {
-              modelValue: e(o),
-              "onUpdate:modelValue": a[0] || (a[0] = (n) => q(o) ? o.value = n : null),
-              maxlength: l.maxlength,
-              placeholder: l.placeholder,
-              disabled: l.disabled,
-              readonly: l.readonly,
-              type: "password"
-            }, null, 8, ["modelValue", "maxlength", "placeholder", "disabled", "readonly"])
-          ]),
-          _: 1
-        }, 8, ["prop", "label", "label-width", "required", "rules"])
-      ]),
-      _: 1
-    }, 8, ["span"]));
+  setup(__props) {
+    const normalizedSpan = useFormItemSpan();
+    const normalizedRules = useFormItemRules();
+    const elModel = useFormItemStringModel();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElCol), { span: unref(normalizedSpan) }, {
+        default: withCtx(() => [
+          createVNode(unref(ElFormItem), {
+            prop: _ctx.name,
+            label: _ctx.label,
+            "label-width": _ctx.labelWidth,
+            required: _ctx.required,
+            rules: unref(normalizedRules)
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(ElInput), {
+                modelValue: unref(elModel),
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(elModel) ? elModel.value = $event : null),
+                maxlength: _ctx.maxlength,
+                placeholder: _ctx.placeholder,
+                disabled: _ctx.disabled,
+                readonly: _ctx.readonly,
+                type: "password"
+              }, null, 8, ["modelValue", "maxlength", "placeholder", "disabled", "readonly"])
+            ]),
+            _: 1
+          }, 8, ["prop", "label", "label-width", "required", "rules"])
+        ]),
+        _: 1
+      }, 8, ["span"]);
+    };
   }
-}), Ae = /* @__PURE__ */ y({
-  name: "OFormTextarea",
-  inheritAttrs: !1,
+});
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
+  ...{ name: "OFormTextarea", inheritAttrs: false },
   __name: "Textarea",
   props: {
     name: {},
@@ -167,39 +188,43 @@ const We = /* @__PURE__ */ y({
     readonly: { type: Boolean },
     rows: {}
   },
-  setup(t) {
-    const i = v(), u = V(), o = z();
-    return (l, a) => (p(), h(e(g), { span: e(i) }, {
-      default: d(() => [
-        f(e(w), {
-          prop: l.name,
-          label: l.label,
-          "label-width": l.labelWidth,
-          required: l.required,
-          rules: e(u)
-        }, {
-          default: d(() => [
-            f(e(O), {
-              modelValue: e(o),
-              "onUpdate:modelValue": a[0] || (a[0] = (n) => q(o) ? o.value = n : null),
-              maxlength: l.maxlength,
-              placeholder: l.placeholder,
-              disabled: l.disabled,
-              readonly: l.readonly,
-              type: "textarea",
-              rows: l.rows,
-              resize: "none"
-            }, null, 8, ["modelValue", "maxlength", "placeholder", "disabled", "readonly", "rows"])
-          ]),
-          _: 1
-        }, 8, ["prop", "label", "label-width", "required", "rules"])
-      ]),
-      _: 1
-    }, 8, ["span"]));
+  setup(__props) {
+    const normalizedSpan = useFormItemSpan();
+    const normalizedRules = useFormItemRules();
+    const elModel = useFormItemStringModel();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElCol), { span: unref(normalizedSpan) }, {
+        default: withCtx(() => [
+          createVNode(unref(ElFormItem), {
+            prop: _ctx.name,
+            label: _ctx.label,
+            "label-width": _ctx.labelWidth,
+            required: _ctx.required,
+            rules: unref(normalizedRules)
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(ElInput), {
+                modelValue: unref(elModel),
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(elModel) ? elModel.value = $event : null),
+                maxlength: _ctx.maxlength,
+                placeholder: _ctx.placeholder,
+                disabled: _ctx.disabled,
+                readonly: _ctx.readonly,
+                type: "textarea",
+                rows: _ctx.rows,
+                resize: "none"
+              }, null, 8, ["modelValue", "maxlength", "placeholder", "disabled", "readonly", "rows"])
+            ]),
+            _: 1
+          }, 8, ["prop", "label", "label-width", "required", "rules"])
+        ]),
+        _: 1
+      }, 8, ["span"]);
+    };
   }
-}), $e = /* @__PURE__ */ y({
-  name: "OFormSingleselect",
-  inheritAttrs: !1,
+});
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
+  ...{ name: "OFormSingleselect", inheritAttrs: false },
   __name: "SingleSelect",
   props: {
     name: {},
@@ -214,52 +239,62 @@ const We = /* @__PURE__ */ y({
     clearable: { type: Boolean },
     filterable: { type: Boolean }
   },
-  setup(t) {
-    const i = H(), u = v(), o = V(), l = X(), a = U(), n = z(), s = F(() => Me(a.value, n.value));
-    return (r, m) => (p(), h(e(g), { span: e(u) }, {
-      default: d(() => [
-        f(e(w), {
-          prop: r.name,
-          label: r.label,
-          "label-width": r.labelWidth,
-          required: r.required,
-          rules: e(o)
-        }, {
-          default: d(() => [
-            e(l) ? (p(), h(e(O), {
-              key: 0,
-              "model-value": s.value,
-              placeholder: r.placeholder,
-              disabled: !0,
-              readonly: !0
-            }, null, 8, ["model-value", "placeholder"])) : (p(), h(e(K), {
-              key: 1,
-              modelValue: e(n),
-              "onUpdate:modelValue": m[0] || (m[0] = (c) => q(n) ? n.value = c : null),
-              placeholder: r.placeholder,
-              clearable: r.clearable,
-              filterable: r.filterable,
-              onChange: e(i).onChange
-            }, {
-              default: d(() => [
-                (p(!0), D(E, null, I(e(a), (c) => (p(), h(e(J), {
-                  key: c.value,
-                  label: c.content,
-                  value: c.value
-                }, null, 8, ["label", "value"]))), 128))
-              ]),
-              _: 1
-            }, 8, ["modelValue", "placeholder", "clearable", "filterable", "onChange"]))
-          ]),
-          _: 1
-        }, 8, ["prop", "label", "label-width", "required", "rules"])
-      ]),
-      _: 1
-    }, 8, ["span"]));
+  setup(__props) {
+    const attrs = useAttrs();
+    const normalizedSpan = useFormItemSpan();
+    const normalizedRules = useFormItemRules();
+    const normalizedDisabled = useFormItemDisabled();
+    const normalizedCode = useFormItemCode();
+    const elModel = useFormItemStringModel();
+    const content = computed(() => getSingleCodeContent(normalizedCode.value, elModel.value));
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElCol), { span: unref(normalizedSpan) }, {
+        default: withCtx(() => [
+          createVNode(unref(ElFormItem), {
+            prop: _ctx.name,
+            label: _ctx.label,
+            "label-width": _ctx.labelWidth,
+            required: _ctx.required,
+            rules: unref(normalizedRules)
+          }, {
+            default: withCtx(() => [
+              unref(normalizedDisabled) ? (openBlock(), createBlock(unref(ElInput), {
+                key: 0,
+                "model-value": content.value,
+                placeholder: _ctx.placeholder,
+                disabled: true,
+                readonly: true
+              }, null, 8, ["model-value", "placeholder"])) : (openBlock(), createBlock(unref(ElSelect), {
+                key: 1,
+                modelValue: unref(elModel),
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(elModel) ? elModel.value = $event : null),
+                placeholder: _ctx.placeholder,
+                clearable: _ctx.clearable,
+                filterable: _ctx.filterable,
+                onChange: unref(attrs).onChange
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(normalizedCode), (codeItem) => {
+                    return openBlock(), createBlock(unref(ElOption), {
+                      key: codeItem.value,
+                      label: codeItem.content,
+                      value: codeItem.value
+                    }, null, 8, ["label", "value"]);
+                  }), 128))
+                ]),
+                _: 1
+              }, 8, ["modelValue", "placeholder", "clearable", "filterable", "onChange"]))
+            ]),
+            _: 1
+          }, 8, ["prop", "label", "label-width", "required", "rules"])
+        ]),
+        _: 1
+      }, 8, ["span"]);
+    };
   }
-}), De = /* @__PURE__ */ y({
-  name: "OFormMultiselect",
-  inheritAttrs: !1,
+});
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
+  ...{ name: "OFormMultiselect", inheritAttrs: false },
   __name: "MultiSelect",
   props: {
     name: {},
@@ -274,53 +309,64 @@ const We = /* @__PURE__ */ y({
     collapseTags: { type: Boolean },
     collapseTagsTooltip: { type: Boolean }
   },
-  setup(t) {
-    const i = H(), u = v(), o = V(), l = X(), a = U(), n = Z(), s = T(), r = F(() => Ce(a.value, s.modelValue[t.name]));
-    return (m, c) => (p(), h(e(g), { span: e(u) }, {
-      default: d(() => [
-        f(e(w), {
-          prop: m.name,
-          label: m.label,
-          "label-width": m.labelWidth,
-          required: m.required,
-          rules: e(o)
-        }, {
-          default: d(() => [
-            e(l) ? (p(), h(e(O), {
-              key: 0,
-              "model-value": r.value,
-              placeholder: m.placeholder,
-              disabled: !0,
-              readonly: !0
-            }, null, 8, ["model-value", "placeholder"])) : (p(), h(e(K), {
-              key: 1,
-              modelValue: e(n),
-              "onUpdate:modelValue": c[0] || (c[0] = (S) => q(n) ? n.value = S : null),
-              placeholder: m.placeholder,
-              multiple: "",
-              "collapse-tags": m.collapseTags,
-              "collapse-tags-tooltip": m.collapseTagsTooltip,
-              onChange: e(i).onChange
-            }, {
-              default: d(() => [
-                (p(!0), D(E, null, I(e(a), (S) => (p(), h(e(J), {
-                  key: S.value,
-                  label: S.content,
-                  value: S.value
-                }, null, 8, ["label", "value"]))), 128))
-              ]),
-              _: 1
-            }, 8, ["modelValue", "placeholder", "collapse-tags", "collapse-tags-tooltip", "onChange"]))
-          ]),
-          _: 1
-        }, 8, ["prop", "label", "label-width", "required", "rules"])
-      ]),
-      _: 1
-    }, 8, ["span"]));
+  setup(__props) {
+    const attrs = useAttrs();
+    const normalizedSpan = useFormItemSpan();
+    const normalizedRules = useFormItemRules();
+    const normalizedDisabled = useFormItemDisabled();
+    const normalizedCode = useFormItemCode();
+    const elModel = useFormItemMultiModel();
+    const formContext = useFormContext();
+    const content = computed(() => getMultiCodeContent(normalizedCode.value, formContext.modelValue[__props.name]));
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElCol), { span: unref(normalizedSpan) }, {
+        default: withCtx(() => [
+          createVNode(unref(ElFormItem), {
+            prop: _ctx.name,
+            label: _ctx.label,
+            "label-width": _ctx.labelWidth,
+            required: _ctx.required,
+            rules: unref(normalizedRules)
+          }, {
+            default: withCtx(() => [
+              unref(normalizedDisabled) ? (openBlock(), createBlock(unref(ElInput), {
+                key: 0,
+                "model-value": content.value,
+                placeholder: _ctx.placeholder,
+                disabled: true,
+                readonly: true
+              }, null, 8, ["model-value", "placeholder"])) : (openBlock(), createBlock(unref(ElSelect), {
+                key: 1,
+                modelValue: unref(elModel),
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(elModel) ? elModel.value = $event : null),
+                placeholder: _ctx.placeholder,
+                multiple: "",
+                "collapse-tags": _ctx.collapseTags,
+                "collapse-tags-tooltip": _ctx.collapseTagsTooltip,
+                onChange: unref(attrs).onChange
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(normalizedCode), (codeItem) => {
+                    return openBlock(), createBlock(unref(ElOption), {
+                      key: codeItem.value,
+                      label: codeItem.content,
+                      value: codeItem.value
+                    }, null, 8, ["label", "value"]);
+                  }), 128))
+                ]),
+                _: 1
+              }, 8, ["modelValue", "placeholder", "collapse-tags", "collapse-tags-tooltip", "onChange"]))
+            ]),
+            _: 1
+          }, 8, ["prop", "label", "label-width", "required", "rules"])
+        ]),
+        _: 1
+      }, 8, ["span"]);
+    };
   }
-}), Ee = /* @__PURE__ */ y({
-  name: "OFormRadiogroup",
-  inheritAttrs: !1,
+});
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  ...{ name: "OFormRadiogroup", inheritAttrs: false },
   __name: "RadioGroup",
   props: {
     name: {},
@@ -332,46 +378,53 @@ const We = /* @__PURE__ */ y({
     disabled: { type: Boolean },
     code: {}
   },
-  setup(t) {
-    const i = v(), u = V(), o = U(), l = z();
-    return (a, n) => (p(), h(e(g), { span: e(i) }, {
-      default: d(() => [
-        f(e(w), {
-          prop: a.name,
-          label: a.label,
-          "label-width": a.labelWidth,
-          required: a.required,
-          rules: e(u)
-        }, {
-          default: d(() => [
-            f(e(ce), {
-              modelValue: e(l),
-              "onUpdate:modelValue": n[0] || (n[0] = (s) => q(l) ? l.value = s : null),
-              disabled: a.disabled
-            }, {
-              default: d(() => [
-                (p(!0), D(E, null, I(e(o), (s) => (p(), h(e(ye), {
-                  key: s.value,
-                  value: s.value
-                }, {
-                  default: d(() => [
-                    ue(se(s.content), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["value"]))), 128))
-              ]),
-              _: 1
-            }, 8, ["modelValue", "disabled"])
-          ]),
-          _: 1
-        }, 8, ["prop", "label", "label-width", "required", "rules"])
-      ]),
-      _: 1
-    }, 8, ["span"]));
+  setup(__props) {
+    const normalizedSpan = useFormItemSpan();
+    const normalizedRules = useFormItemRules();
+    const normalizedCode = useFormItemCode();
+    const elModel = useFormItemStringModel();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElCol), { span: unref(normalizedSpan) }, {
+        default: withCtx(() => [
+          createVNode(unref(ElFormItem), {
+            prop: _ctx.name,
+            label: _ctx.label,
+            "label-width": _ctx.labelWidth,
+            required: _ctx.required,
+            rules: unref(normalizedRules)
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(ElRadioGroup), {
+                modelValue: unref(elModel),
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(elModel) ? elModel.value = $event : null),
+                disabled: _ctx.disabled
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(normalizedCode), (codeItem) => {
+                    return openBlock(), createBlock(unref(ElRadio), {
+                      key: codeItem.value,
+                      value: codeItem.value
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(codeItem.content), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["value"]);
+                  }), 128))
+                ]),
+                _: 1
+              }, 8, ["modelValue", "disabled"])
+            ]),
+            _: 1
+          }, 8, ["prop", "label", "label-width", "required", "rules"])
+        ]),
+        _: 1
+      }, 8, ["span"]);
+    };
   }
-}), Ie = /* @__PURE__ */ y({
-  name: "OFormCheckboxgroup",
-  inheritAttrs: !1,
+});
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  ...{ name: "OFormCheckboxgroup", inheritAttrs: false },
   __name: "CheckboxGroup",
   props: {
     name: {},
@@ -383,42 +436,49 @@ const We = /* @__PURE__ */ y({
     disabled: { type: Boolean },
     code: {}
   },
-  setup(t) {
-    const i = v(), u = V(), o = U(), l = Z();
-    return (a, n) => (p(), h(e(g), { span: e(i) }, {
-      default: d(() => [
-        f(e(w), {
-          prop: a.name,
-          label: a.label,
-          "label-width": a.labelWidth,
-          required: a.required,
-          rules: e(u)
-        }, {
-          default: d(() => [
-            f(e(ge), {
-              modelValue: e(l),
-              "onUpdate:modelValue": n[0] || (n[0] = (s) => q(l) ? l.value = s : null),
-              disabled: a.disabled
-            }, {
-              default: d(() => [
-                (p(!0), D(E, null, I(e(o), (s) => (p(), h(e(Q), {
-                  key: s.value,
-                  label: s.content,
-                  value: s.value
-                }, null, 8, ["label", "value"]))), 128))
-              ]),
-              _: 1
-            }, 8, ["modelValue", "disabled"])
-          ]),
-          _: 1
-        }, 8, ["prop", "label", "label-width", "required", "rules"])
-      ]),
-      _: 1
-    }, 8, ["span"]));
+  setup(__props) {
+    const normalizedSpan = useFormItemSpan();
+    const normalizedRules = useFormItemRules();
+    const normalizedCode = useFormItemCode();
+    const elModel = useFormItemMultiModel();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElCol), { span: unref(normalizedSpan) }, {
+        default: withCtx(() => [
+          createVNode(unref(ElFormItem), {
+            prop: _ctx.name,
+            label: _ctx.label,
+            "label-width": _ctx.labelWidth,
+            required: _ctx.required,
+            rules: unref(normalizedRules)
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(ElCheckboxGroup), {
+                modelValue: unref(elModel),
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(elModel) ? elModel.value = $event : null),
+                disabled: _ctx.disabled
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(normalizedCode), (codeItem) => {
+                    return openBlock(), createBlock(unref(ElCheckbox), {
+                      key: codeItem.value,
+                      label: codeItem.content,
+                      value: codeItem.value
+                    }, null, 8, ["label", "value"]);
+                  }), 128))
+                ]),
+                _: 1
+              }, 8, ["modelValue", "disabled"])
+            ]),
+            _: 1
+          }, 8, ["prop", "label", "label-width", "required", "rules"])
+        ]),
+        _: 1
+      }, 8, ["span"]);
+    };
   }
-}), Ue = /* @__PURE__ */ y({
-  name: "OFormCheckbox",
-  inheritAttrs: !1,
+});
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  ...{ name: "OFormCheckbox", inheritAttrs: false },
   __name: "Checkbox",
   props: {
     name: {},
@@ -428,32 +488,35 @@ const We = /* @__PURE__ */ y({
     rules: {},
     disabled: { type: Boolean }
   },
-  setup(t) {
-    const i = v(), u = x();
-    return (o, l) => (p(), h(e(g), { span: e(i) }, {
-      default: d(() => [
-        f(e(w), {
-          prop: o.name,
-          label: o.label,
-          "label-width": o.labelWidth,
-          rules: o.rules
-        }, {
-          default: d(() => [
-            f(e(Q), {
-              modelValue: e(u),
-              "onUpdate:modelValue": l[0] || (l[0] = (a) => q(u) ? u.value = a : null),
-              disabled: o.disabled
-            }, null, 8, ["modelValue", "disabled"])
-          ]),
-          _: 1
-        }, 8, ["prop", "label", "label-width", "rules"])
-      ]),
-      _: 1
-    }, 8, ["span"]));
+  setup(__props) {
+    const normalizedSpan = useFormItemSpan();
+    const elModel = useFormItemBooleanModel();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElCol), { span: unref(normalizedSpan) }, {
+        default: withCtx(() => [
+          createVNode(unref(ElFormItem), {
+            prop: _ctx.name,
+            label: _ctx.label,
+            "label-width": _ctx.labelWidth,
+            rules: _ctx.rules
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(ElCheckbox), {
+                modelValue: unref(elModel),
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(elModel) ? elModel.value = $event : null),
+                disabled: _ctx.disabled
+              }, null, 8, ["modelValue", "disabled"])
+            ]),
+            _: 1
+          }, 8, ["prop", "label", "label-width", "rules"])
+        ]),
+        _: 1
+      }, 8, ["span"]);
+    };
   }
-}), Te = /* @__PURE__ */ y({
-  name: "OFormSwitch",
-  inheritAttrs: !1,
+});
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  ...{ name: "OFormSwitch", inheritAttrs: false },
   __name: "Switch",
   props: {
     name: {},
@@ -463,32 +526,35 @@ const We = /* @__PURE__ */ y({
     rules: {},
     disabled: { type: Boolean }
   },
-  setup(t) {
-    const i = v(), u = x();
-    return (o, l) => (p(), h(e(g), { span: e(i) }, {
-      default: d(() => [
-        f(e(w), {
-          prop: o.name,
-          label: o.label,
-          "label-width": o.labelWidth,
-          rules: o.rules
-        }, {
-          default: d(() => [
-            f(e(ve), {
-              modelValue: e(u),
-              "onUpdate:modelValue": l[0] || (l[0] = (a) => q(u) ? u.value = a : null),
-              disabled: o.disabled
-            }, null, 8, ["modelValue", "disabled"])
-          ]),
-          _: 1
-        }, 8, ["prop", "label", "label-width", "rules"])
-      ]),
-      _: 1
-    }, 8, ["span"]));
+  setup(__props) {
+    const normalizedSpan = useFormItemSpan();
+    const elModel = useFormItemBooleanModel();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElCol), { span: unref(normalizedSpan) }, {
+        default: withCtx(() => [
+          createVNode(unref(ElFormItem), {
+            prop: _ctx.name,
+            label: _ctx.label,
+            "label-width": _ctx.labelWidth,
+            rules: _ctx.rules
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(ElSwitch), {
+                modelValue: unref(elModel),
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(elModel) ? elModel.value = $event : null),
+                disabled: _ctx.disabled
+              }, null, 8, ["modelValue", "disabled"])
+            ]),
+            _: 1
+          }, 8, ["prop", "label", "label-width", "rules"])
+        ]),
+        _: 1
+      }, 8, ["span"]);
+    };
   }
-}), Ne = /* @__PURE__ */ y({
-  name: "OFormDate",
-  inheritAttrs: !1,
+});
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  ...{ name: "OFormDate", inheritAttrs: false },
   __name: "DateInput",
   props: {
     name: {},
@@ -501,79 +567,123 @@ const We = /* @__PURE__ */ y({
     placeholder: {},
     disabled: { type: Boolean },
     readonly: { type: Boolean },
-    editable: { type: Boolean, default: !0 },
-    clearable: { type: Boolean, default: !0 },
+    editable: { type: Boolean, default: true },
+    clearable: { type: Boolean, default: true },
     format: { default: "YYYY-MM-DD" },
     sourceFormat: {}
   },
-  setup(t) {
-    const i = v(), u = V(), o = F(() => t.format.startsWith("H") || t.format.startsWith("h") || t.format.startsWith("m") || t.format.startsWith("s")), l = F(() => t.sourceFormat ? t.sourceFormat : o.value ? "HH:mm:ss" : "YYYY-MM-DD"), a = F(() => {
-      let r = "date";
-      return (t.format.indexOf("y") > -1 || t.format.indexOf("Y") > -1) && (r = "year"), t.format.indexOf("M") > -1 && (r = "month"), (t.format.indexOf("d") > -1 || t.format.indexOf("D") > -1) && (r = "date"), (t.format.indexOf("H") > -1 || t.format.indexOf("h") > -1 || t.format.indexOf("k") > -1 || t.format.indexOf("m") > -1 || t.format.indexOf("s") > -1 || t.format.indexOf("S") > -1) && (r = "datetime"), r;
-    }), n = T(), s = F({
+  setup(__props) {
+    const normalizedSpan = useFormItemSpan();
+    const normalizedRules = useFormItemRules();
+    const isTimePicker = computed(() => __props.format.startsWith("H") || __props.format.startsWith("h") || __props.format.startsWith("m") || __props.format.startsWith("s"));
+    const normalizedSourceFormat = computed(() => {
+      if (__props.sourceFormat) {
+        return __props.sourceFormat;
+      }
+      if (isTimePicker.value) {
+        return "HH:mm:ss";
+      } else {
+        return "YYYY-MM-DD";
+      }
+    });
+    const dateType = computed(() => {
+      let picker = "date";
+      if (__props.format.indexOf("y") > -1 || __props.format.indexOf("Y") > -1) {
+        picker = "year";
+      }
+      if (__props.format.indexOf("M") > -1) {
+        picker = "month";
+      }
+      if (__props.format.indexOf("d") > -1 || __props.format.indexOf("D") > -1) {
+        picker = "date";
+      }
+      if (__props.format.indexOf("H") > -1 || __props.format.indexOf("h") > -1 || __props.format.indexOf("k") > -1 || __props.format.indexOf("m") > -1 || __props.format.indexOf("s") > -1 || __props.format.indexOf("S") > -1) {
+        picker = "datetime";
+      }
+      return picker;
+    });
+    const formContext = useFormContext();
+    const elModel = computed({
       get: () => {
-        const r = n.modelValue[t.name];
-        if (r) {
-          if (te(r))
-            return r;
-          if (A(r)) {
-            const m = G(r, l.value, !0);
-            if (!m.isValid())
-              throw new W(`日期输入框的值无效，不符合${l.value}格式`);
-            return m.toDate();
-          } else
-            throw new W("日期输入框的值只能为字符串或日期类型");
+        const value = formContext.modelValue[__props.name];
+        if (!value) {
+          return void 0;
+        }
+        if (isDate(value)) {
+          return value;
+        } else if (isString(value)) {
+          const dayjsObj = dayjs(value, normalizedSourceFormat.value, true);
+          if (!dayjsObj.isValid()) {
+            throw new OrionError(`日期输入框的值无效，不符合${normalizedSourceFormat.value}格式`);
+          }
+          return dayjsObj.toDate();
+        } else {
+          throw new OrionError("日期输入框的值只能为字符串或日期类型");
         }
       },
-      set: (r) => {
-        t.sourceFormat ? r ? n.updateModelValue(t.name, G(r).format(l.value)) : n.updateModelValue(t.name, "") : r ? n.updateModelValue(t.name, r) : n.updateModelValue(t.name, void 0);
+      set: (newValue) => {
+        if (__props.sourceFormat) {
+          if (!newValue) {
+            formContext.updateModelValue(__props.name, "");
+          } else {
+            formContext.updateModelValue(__props.name, dayjs(newValue).format(normalizedSourceFormat.value));
+          }
+        } else {
+          if (!newValue) {
+            formContext.updateModelValue(__props.name, void 0);
+          } else {
+            formContext.updateModelValue(__props.name, newValue);
+          }
+        }
       }
     });
-    return (r, m) => (p(), h(e(g), { span: e(i) }, {
-      default: d(() => [
-        f(e(w), {
-          prop: r.name,
-          label: r.label,
-          "label-width": r.labelWidth,
-          required: r.required,
-          rules: e(u)
-        }, {
-          default: d(() => [
-            o.value ? (p(), h(e(we), {
-              key: 0,
-              modelValue: s.value,
-              "onUpdate:modelValue": m[0] || (m[0] = (c) => s.value = c),
-              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"])) : (p(), h(e(Ve), {
-              key: 1,
-              modelValue: s.value,
-              "onUpdate:modelValue": m[1] || (m[1] = (c) => s.value = c),
-              placeholder: r.placeholder,
-              disabled: r.disabled,
-              readonly: r.readonly,
-              editable: r.editable,
-              clearable: r.clearable,
-              type: a.value,
-              format: l.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"]));
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElCol), { span: unref(normalizedSpan) }, {
+        default: withCtx(() => [
+          createVNode(unref(ElFormItem), {
+            prop: _ctx.name,
+            label: _ctx.label,
+            "label-width": _ctx.labelWidth,
+            required: _ctx.required,
+            rules: unref(normalizedRules)
+          }, {
+            default: withCtx(() => [
+              isTimePicker.value ? (openBlock(), createBlock(unref(ElTimePicker), {
+                key: 0,
+                modelValue: elModel.value,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => elModel.value = $event),
+                placeholder: _ctx.placeholder,
+                disabled: _ctx.disabled,
+                readonly: _ctx.readonly,
+                editable: _ctx.editable,
+                clearable: _ctx.clearable,
+                format: normalizedSourceFormat.value,
+                "arrow-control": "",
+                style: { "width": "100%" }
+              }, null, 8, ["modelValue", "placeholder", "disabled", "readonly", "editable", "clearable", "format"])) : (openBlock(), createBlock(unref(ElDatePicker), {
+                key: 1,
+                modelValue: elModel.value,
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => elModel.value = $event),
+                placeholder: _ctx.placeholder,
+                disabled: _ctx.disabled,
+                readonly: _ctx.readonly,
+                editable: _ctx.editable,
+                clearable: _ctx.clearable,
+                type: dateType.value,
+                format: normalizedSourceFormat.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"]);
+    };
   }
-}), Pe = /* @__PURE__ */ y({
-  name: "OFormFile",
-  inheritAttrs: !1,
+});
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  ...{ name: "OFormFile", inheritAttrs: false },
   __name: "FileInput",
   props: {
     name: {},
@@ -584,76 +694,90 @@ const We = /* @__PURE__ */ y({
     rules: {},
     disabled: { type: Boolean }
   },
-  setup(t) {
-    const i = v(), u = V(), o = z();
-    ie(o, () => {
-      o.value || (l.value = "");
+  setup(__props) {
+    const normalizedSpan = useFormItemSpan();
+    const normalizedRules = useFormItemRules();
+    const elModel = useFormItemStringModel();
+    watch(elModel, () => {
+      if (!elModel.value) {
+        file.value = "";
+      }
     });
-    const l = P(""), a = Y("inputRef");
-    return pe(() => {
-      a.value.input.onchange = (n) => {
-        var s;
-        o.value = (s = n == null ? void 0 : n.target) == null ? void 0 : s.files[0];
-      }, l.value = "";
-    }), (n, s) => (p(), h(e(g), { span: e(i) }, {
-      default: d(() => [
-        f(e(w), {
-          prop: n.name,
-          label: n.label,
-          "label-width": n.labelWidth,
-          required: n.required,
-          rules: e(u)
-        }, {
-          default: d(() => [
-            f(e(O), {
-              ref: "inputRef",
-              modelValue: l.value,
-              "onUpdate:modelValue": s[0] || (s[0] = (r) => l.value = r),
-              disabled: n.disabled,
-              type: "file",
-              "validate-event": !1
-            }, null, 8, ["modelValue", "disabled"])
-          ]),
-          _: 1
-        }, 8, ["prop", "label", "label-width", "required", "rules"])
-      ]),
-      _: 1
-    }, 8, ["span"]));
+    const file = ref("");
+    const fileRef = useTemplateRef("inputRef");
+    onMounted(() => {
+      fileRef.value.input.onchange = (event) => {
+        var _a;
+        elModel.value = (_a = event == null ? void 0 : event.target) == null ? void 0 : _a.files[0];
+      };
+      file.value = "";
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElCol), { span: unref(normalizedSpan) }, {
+        default: withCtx(() => [
+          createVNode(unref(ElFormItem), {
+            prop: _ctx.name,
+            label: _ctx.label,
+            "label-width": _ctx.labelWidth,
+            required: _ctx.required,
+            rules: unref(normalizedRules)
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(ElInput), {
+                ref: "inputRef",
+                modelValue: file.value,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => file.value = $event),
+                disabled: _ctx.disabled,
+                type: "file",
+                "validate-event": false
+              }, null, 8, ["modelValue", "disabled"])
+            ]),
+            _: 1
+          }, 8, ["prop", "label", "label-width", "required", "rules"])
+        ]),
+        _: 1
+      }, 8, ["span"]);
+    };
   }
-}), Ye = /* @__PURE__ */ y({
-  name: "OFormButtongroup",
-  inheritAttrs: !1,
+});
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  ...{ name: "OFormButtongroup", inheritAttrs: false },
   __name: "ButtonGroup",
   props: {
     span: {},
     gutter: { type: [Boolean, String] },
     align: { default: "right" }
   },
-  setup(t) {
-    const i = F(() => ({
-      textAlign: t.align
-    })), u = v();
-    return (o, l) => (p(), h(e(g), {
-      span: e(u),
-      style: me(i.value)
-    }, {
-      default: d(() => [
-        f(e(Fe), {
-          gutter: o.gutter,
-          style: { "margin-bottom": "18px" }
-        }, {
-          default: d(() => [
-            $(o.$slots, "default")
-          ]),
-          _: 3
-        }, 8, ["gutter"])
-      ]),
-      _: 3
-    }, 8, ["span", "style"]));
+  setup(__props) {
+    const style = computed(() => {
+      return {
+        textAlign: __props.align
+      };
+    });
+    const normalizedSpan = useFormItemSpan();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElCol), {
+        span: unref(normalizedSpan),
+        style: normalizeStyle(style.value)
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(Space), {
+            gutter: _ctx.gutter,
+            style: { "margin-bottom": "18px" }
+          }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default")
+            ]),
+            _: 3
+          }, 8, ["gutter"])
+        ]),
+        _: 3
+      }, 8, ["span", "style"]);
+    };
   }
-}), Ge = /* @__PURE__ */ y({
-  name: "OFormDiy",
-  inheritAttrs: !1,
+});
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  ...{ name: "OFormDiy", inheritAttrs: false },
   __name: "DiyItem",
   props: {
     name: {},
@@ -663,29 +787,32 @@ const We = /* @__PURE__ */ y({
     required: { type: Boolean },
     rules: {}
   },
-  setup(t) {
-    const i = v(), u = V();
-    return (o, l) => (p(), h(e(g), { span: e(i) }, {
-      default: d(() => [
-        f(e(w), {
-          prop: o.name,
-          label: o.label,
-          "label-width": o.labelWidth,
-          required: o.required,
-          rules: e(u)
-        }, {
-          default: d(() => [
-            $(o.$slots, "default")
-          ]),
-          _: 3
-        }, 8, ["prop", "label", "label-width", "required", "rules"])
-      ]),
-      _: 3
-    }, 8, ["span"]));
+  setup(__props) {
+    const normalizedSpan = useFormItemSpan();
+    const normalizedRules = useFormItemRules();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElCol), { span: unref(normalizedSpan) }, {
+        default: withCtx(() => [
+          createVNode(unref(ElFormItem), {
+            prop: _ctx.name,
+            label: _ctx.label,
+            "label-width": _ctx.labelWidth,
+            required: _ctx.required,
+            rules: unref(normalizedRules)
+          }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default")
+            ]),
+            _: 3
+          }, 8, ["prop", "label", "label-width", "required", "rules"])
+        ]),
+        _: 3
+      }, 8, ["span"]);
+    };
   }
-}), Le = /* @__PURE__ */ y({
-  name: "OFormLov",
-  inheritAttrs: !1,
+});
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...{ name: "OFormLov", inheritAttrs: false },
   __name: "LovInput",
   props: {
     name: {},
@@ -700,93 +827,133 @@ const We = /* @__PURE__ */ y({
     readonly: { type: Boolean },
     fillMapping: { type: [String, Function] }
   },
-  setup(t) {
-    const i = v(), u = V(), o = z(), l = T(), a = P(!1), n = (b) => {
-      a.value = b;
-    }, s = P(!1), r = () => {
-      var b;
-      s.value || (s.value = !0), a.value || (b = N.value) == null || b.handleOpen();
+  setup(__props) {
+    const normalizedSpan = useFormItemSpan();
+    const normalizedRules = useFormItemRules();
+    const elModel = useFormItemStringModel();
+    const formContext = useFormContext();
+    const visible = ref(false);
+    const onVisibleChange = (val) => {
+      visible.value = val;
+    };
+    const changed = ref(false);
+    const onInput = () => {
+      var _a;
+      if (!changed.value) {
+        changed.value = true;
+      }
+      if (!visible.value) {
+        (_a = dropdownRef.value) == null ? void 0 : _a.handleOpen();
+      }
+    };
+    let keydownHandler;
+    const registerKeydownHandler = (handler) => {
+      keydownHandler = handler;
     };
-    let m;
-    const c = (b) => {
-      m = b;
-    }, S = (b) => {
-      var C;
-      ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "Enter", "Space"].indexOf(b.code) > -1 && (a.value && m && m(b.code), b.stopPropagation()), ["ArrowUp", "ArrowDown"].indexOf(b.code) > -1 && !a.value && ((C = N.value) == null || C.handleOpen());
-    }, _ = () => {
-      if (s.value && A(t.fillMapping)) {
-        const b = {}, B = t.fillMapping.split(",");
-        for (let M = 0; M < B.length; M++) {
-          const C = B[M].split(":")[0].trim();
-          b[C] = void 0;
+    const onKeydown = (e) => {
+      var _a;
+      const fallthroughCodes = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "Enter", "Space"];
+      if (fallthroughCodes.indexOf(e.code) > -1) {
+        if (visible.value) {
+          keydownHandler && keydownHandler(e.code);
         }
-        l.updateModelValueMulti(b);
+        e.stopPropagation();
       }
-    }, N = Y("dropdown");
-    return L(
-      ze,
-      j({
-        lovValue: o,
-        backfill: (b) => {
-          var B;
-          if ((B = N.value) == null || B.handleClose(), A(t.fillMapping)) {
-            const M = {}, C = t.fillMapping.split(",");
-            for (let k = 0; k < C.length; k++) {
-              const ee = C[k].split(":")[0].trim(), le = C[k].split(":")[1].trim(), ae = b[le];
-              M[ee] = ae;
-            }
-            l.updateModelValueMulti(M);
-          } else
-            t.fillMapping && t.fillMapping(b);
-          s.value && (s.value = !1);
-        },
-        registerKeydownHandler: c
+      const triggerCodes = ["ArrowUp", "ArrowDown"];
+      if (triggerCodes.indexOf(e.code) > -1 && !visible.value) {
+        (_a = dropdownRef.value) == null ? void 0 : _a.handleOpen();
+      }
+    };
+    const onChange = () => {
+      if (!changed.value) {
+        return;
+      }
+      if (isString(__props.fillMapping)) {
+        const data = {};
+        const pairs = __props.fillMapping.split(",");
+        for (let i = 0; i < pairs.length; i++) {
+          const dstName = pairs[i].split(":")[0].trim();
+          data[dstName] = void 0;
+        }
+        formContext.updateModelValueMulti(data);
+      }
+    };
+    const dropdownRef = useTemplateRef("dropdown");
+    const backfill = (params) => {
+      var _a;
+      (_a = dropdownRef.value) == null ? void 0 : _a.handleClose();
+      if (isString(__props.fillMapping)) {
+        const data = {};
+        const pairs = __props.fillMapping.split(",");
+        for (let i = 0; i < pairs.length; i++) {
+          const dstName = pairs[i].split(":")[0].trim();
+          const srcName = pairs[i].split(":")[1].trim();
+          const srcValue = params[srcName];
+          data[dstName] = srcValue;
+        }
+        formContext.updateModelValueMulti(data);
+      } else {
+        __props.fillMapping && __props.fillMapping(params);
+      }
+      if (changed.value) {
+        changed.value = false;
+      }
+    };
+    provide(
+      lovContextKey,
+      reactive({
+        lovValue: elModel,
+        backfill,
+        registerKeydownHandler
       })
-    ), (b, B) => (p(), h(e(g), { span: e(i) }, {
-      default: d(() => [
-        f(e(w), {
-          prop: b.name,
-          label: b.label,
-          "label-width": b.labelWidth,
-          required: b.required,
-          rules: e(u)
-        }, {
-          default: d(() => [
-            f(e(Se), {
-              ref: "dropdown",
-              trigger: "click",
-              onVisibleChange: n,
-              style: { width: "100%" }
-            }, {
-              dropdown: d(() => [
-                $(b.$slots, "default")
-              ]),
-              default: d(() => [
-                f(e(O), {
-                  modelValue: e(o),
-                  "onUpdate:modelValue": B[0] || (B[0] = (M) => q(o) ? o.value = M : null),
-                  maxlength: b.maxlength,
-                  placeholder: b.placeholder,
-                  disabled: b.disabled,
-                  readonly: b.readonly,
-                  onInput: r,
-                  onKeydown: S,
-                  onChange: _,
-                  "suffix-icon": e(Oe)
-                }, null, 8, ["modelValue", "maxlength", "placeholder", "disabled", "readonly", "suffix-icon"])
-              ]),
-              _: 3
-            }, 512)
-          ]),
-          _: 3
-        }, 8, ["prop", "label", "label-width", "required", "rules"])
-      ]),
-      _: 3
-    }, 8, ["span"]));
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElCol), { span: unref(normalizedSpan) }, {
+        default: withCtx(() => [
+          createVNode(unref(ElFormItem), {
+            prop: _ctx.name,
+            label: _ctx.label,
+            "label-width": _ctx.labelWidth,
+            required: _ctx.required,
+            rules: unref(normalizedRules)
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(ElDropdown), {
+                ref: "dropdown",
+                trigger: "click",
+                onVisibleChange,
+                style: { "width": "100%" }
+              }, {
+                dropdown: withCtx(() => [
+                  renderSlot(_ctx.$slots, "default")
+                ]),
+                default: withCtx(() => [
+                  createVNode(unref(ElInput), {
+                    modelValue: unref(elModel),
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(elModel) ? elModel.value = $event : null),
+                    maxlength: _ctx.maxlength,
+                    placeholder: _ctx.placeholder,
+                    disabled: _ctx.disabled,
+                    readonly: _ctx.readonly,
+                    onInput,
+                    onKeydown,
+                    onChange,
+                    "suffix-icon": unref(search_default)
+                  }, null, 8, ["modelValue", "maxlength", "placeholder", "disabled", "readonly", "suffix-icon"])
+                ]),
+                _: 3
+              }, 512)
+            ]),
+            _: 3
+          }, 8, ["prop", "label", "label-width", "required", "rules"])
+        ]),
+        _: 3
+      }, 8, ["span"]);
+    };
   }
-}), je = /* @__PURE__ */ y({
-  name: "OFormNumber",
-  inheritAttrs: !1,
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "OFormNumber", inheritAttrs: false },
   __name: "NumberInput",
   props: {
     name: {},
@@ -803,78 +970,91 @@ const We = /* @__PURE__ */ y({
     step: {},
     stepStrictly: { type: Boolean },
     precision: {},
-    controls: { type: Boolean, default: !0 },
+    controls: { type: Boolean, default: true },
     controlsPosition: {}
   },
-  setup(t) {
-    const i = v(), u = V(), o = T(), l = F({
+  setup(__props) {
+    const normalizedSpan = useFormItemSpan();
+    const normalizedRules = useFormItemRules();
+    const formContext = useFormContext();
+    const elModel = computed({
       get: () => {
-        const a = o.modelValue[t.name];
-        if (a) {
-          if (ne(a))
-            return a;
-          if (A(a))
-            return de(a);
-          throw new W("数字输入框的值只能为字符串或数字类型");
+        const value = formContext.modelValue[__props.name];
+        if (!value) {
+          return void 0;
+        }
+        if (isNumber(value)) {
+          return value;
+        } else if (isString(value)) {
+          return toNumber(value);
+        } else {
+          throw new OrionError("数字输入框的值只能为字符串或数字类型");
         }
       },
-      set: (a) => {
-        a ? o.updateModelValue(t.name, a) : o.updateModelValue(t.name, void 0);
+      set: (newValue) => {
+        if (!newValue) {
+          formContext.updateModelValue(__props.name, void 0);
+        } else {
+          formContext.updateModelValue(__props.name, newValue);
+        }
       }
     });
-    return (a, n) => (p(), h(e(g), { span: e(i) }, {
-      default: d(() => [
-        f(e(w), {
-          prop: a.name,
-          label: a.label,
-          "label-width": a.labelWidth,
-          required: a.required,
-          rules: e(u)
-        }, {
-          default: d(() => [
-            f(e(qe), {
-              modelValue: l.value,
-              "onUpdate:modelValue": n[0] || (n[0] = (s) => l.value = s),
-              placeholder: a.placeholder,
-              disabled: a.disabled,
-              readonly: a.readonly,
-              min: a.min,
-              max: a.max,
-              step: a.step,
-              "step-strictly": a.stepStrictly,
-              precision: a.precision,
-              controls: a.controls,
-              "controls-position": a.controlsPosition,
-              style: { width: "100%" }
-            }, null, 8, ["modelValue", "placeholder", "disabled", "readonly", "min", "max", "step", "step-strictly", "precision", "controls", "controls-position"])
-          ]),
-          _: 1
-        }, 8, ["prop", "label", "label-width", "required", "rules"])
-      ]),
-      _: 1
-    }, 8, ["span"]));
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElCol), { span: unref(normalizedSpan) }, {
+        default: withCtx(() => [
+          createVNode(unref(ElFormItem), {
+            prop: _ctx.name,
+            label: _ctx.label,
+            "label-width": _ctx.labelWidth,
+            required: _ctx.required,
+            rules: unref(normalizedRules)
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(ElInputNumber), {
+                modelValue: elModel.value,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => elModel.value = $event),
+                placeholder: _ctx.placeholder,
+                disabled: _ctx.disabled,
+                readonly: _ctx.readonly,
+                min: _ctx.min,
+                max: _ctx.max,
+                step: _ctx.step,
+                "step-strictly": _ctx.stepStrictly,
+                precision: _ctx.precision,
+                controls: _ctx.controls,
+                "controls-position": _ctx.controlsPosition,
+                style: { "width": "100%" }
+              }, null, 8, ["modelValue", "placeholder", "disabled", "readonly", "min", "max", "step", "step-strictly", "precision", "controls", "controls-position"])
+            ]),
+            _: 1
+          }, 8, ["prop", "label", "label-width", "required", "rules"])
+        ]),
+        _: 1
+      }, 8, ["span"]);
+    };
   }
-}), rl = be(We, {
-  StringInput: ke,
-  PasswordInput: Re,
-  Textarea: Ae,
-  SingleSelect: $e,
-  MultiSelect: De,
-  RadioGroup: Ee,
-  CheckboxGroup: Ie,
-  Checkbox: Ue,
-  Switch: Te,
-  DateInput: Ne,
-  FileInput: Pe,
-  ButtonGroup: Ye,
-  DiyItem: Ge,
-  LovInput: Le,
-  NumberInput: je
+});
+const index = withInstall(_sfc_main$f, {
+  StringInput: _sfc_main$e,
+  PasswordInput: _sfc_main$d,
+  Textarea: _sfc_main$c,
+  SingleSelect: _sfc_main$b,
+  MultiSelect: _sfc_main$a,
+  RadioGroup: _sfc_main$9,
+  CheckboxGroup: _sfc_main$8,
+  Checkbox: _sfc_main$7,
+  Switch: _sfc_main$6,
+  DateInput: _sfc_main$5,
+  FileInput: _sfc_main$4,
+  ButtonGroup: _sfc_main$3,
+  DiyItem: _sfc_main$2,
+  LovInput: _sfc_main$1,
+  NumberInput: _sfc_main
 });
 export {
-  rl as default,
-  Be as formContextKey,
-  ze as lovContextKey,
-  dl as useLov
+  index as default,
+  formContextKey,
+  lovContextKey,
+  default2 as useLov
 };
 //# sourceMappingURL=index.js.map