orion-design 0.1.9 → 0.1.12

package/dist/components/Form/index.js

@@ -1,14 +1,17 @@
-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({
+import { difference as J, isEmpty as Q, isString as A, isDate as X } from "lodash-es";
+import { defineComponent as c, useTemplateRef as $, provide as I, reactive as U, toRef as F, openBlock as p, createBlock as b, unref as e, withCtx as d, createVNode as f, renderSlot as k, isRef as S, computed as q, createElementBlock as O, Fragment as W, renderList as C, createTextVNode as Z, toDisplayString as x, watch as _, ref as ee, onMounted as le, normalizeStyle as ae } from "vue";
+import { withInstall as oe } from "../_util/vue/install.js";
+import { ElForm as re, ElRow as te, ElCol as y, ElFormItem as V, ElInput as B, ElSelect as T, ElOption as Y, ElRadioGroup as ne, ElRadio as de, ElCheckboxGroup as ue, ElCheckbox as G, ElSwitch as ie, dayjs as E, ElTimePicker as se, ElDatePicker as me, ElDropdown as pe } from "element-plus";
+import { formContextKey as be } from "./Form.js";
+import z from "../../error/OrionError.js";
+import { useFormItemSpan as v, useFormItemRules as g, useFormItemStringModel as M, useFormItemDisabled as j, useFormItemCode as R, useFormItemMultiModel as L, useFormContext as D, useFormItemBooleanModel as P } from "./hooks/index.js";
+import { getSingleCodeContent as fe, getMultiCodeContent as he } from "./utils/index.js";
+import { S as ce } from "../../index-BbsXWo7C.js";
+import { lovContextKey as ye } from "./LovInput/LovInput.js";
+import { default as Ke } from "./LovInput/hooks/useLov.js";
+const ve = /* @__PURE__ */ c({
   name: "OForm",
+  inheritAttrs: !1,
   __name: "Form",
   props: {
     rules: {},
@@ -18,32 +21,40 @@ const me = /* @__PURE__ */ h({
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(o, { expose: m, emit: i }) {
-    const a = i, l = (d, f) => {
-      a("update:modelValue", { ...o.modelValue, [d]: f });
-    }, n = $("form");
+  setup(o, { expose: m, emit: s }) {
+    const a = s, l = (i, r) => {
+      if (!Object.keys(o.modelValue).includes(i))
+        throw new z(`modelValue中不存在[${i}]`);
+      a("update:modelValue", { ...o.modelValue, [i]: r });
+    }, n = (i) => {
+      const r = Object.keys(o.modelValue), h = Object.keys(i), w = J(h, r);
+      if (!Q(w))
+        throw new z(`modelValue中不存在[${w.join(",")}]`);
+      a("update:modelValue", { ...o.modelValue, ...i });
+    }, u = $("form");
     return m({
-      validate: async () => await n.value.validate()
-    }), L(
-      te,
-      N({
-        modelValue: B(() => o.modelValue),
+      validate: async () => await u.value.validate()
+    }), I(
+      be,
+      U({
+        modelValue: F(() => o.modelValue),
         updateModelValue: l,
-        rules: B(() => o.rules),
-        itemSpan: B(() => o.itemSpan),
-        disabled: B(() => o.disabled)
+        updateModelValueMulti: n,
+        rules: F(() => o.rules),
+        itemSpan: F(() => o.itemSpan),
+        disabled: F(() => o.disabled)
       })
-    ), (d, f) => (s(), p(e(_), {
+    ), (i, r) => (p(), b(e(re), {
       ref: "form",
-      model: d.modelValue,
-      rules: d.rules,
-      "label-width": d.itemLabelWidth,
-      disabled: d.disabled
+      model: i.modelValue,
+      rules: i.rules,
+      "label-width": i.itemLabelWidth,
+      disabled: i.disabled
     }, {
-      default: u(() => [
-        b(e(ee), { gutter: 16 }, {
-          default: u(() => [
-            C(d.$slots, "default")
+      default: d(() => [
+        f(e(te), { gutter: 16 }, {
+          default: d(() => [
+            k(i.$slots, "default")
           ]),
           _: 3
         })
@@ -51,9 +62,9 @@ const me = /* @__PURE__ */ h({
       _: 3
     }, 8, ["model", "rules", "label-width", "disabled"]));
   }
-}), pe = /* @__PURE__ */ h({
+}), Ve = /* @__PURE__ */ c({
   name: "OFormString",
-  extendOptions: { trigger: "blur" },
+  inheritAttrs: !1,
   __name: "StringInput",
   props: {
     name: {},
@@ -68,20 +79,20 @@ const me = /* @__PURE__ */ h({
     readonly: { type: Boolean }
   },
   setup(o) {
-    const m = v(), i = V(), a = O();
-    return (l, n) => (s(), p(e(c), { span: e(m) }, {
-      default: u(() => [
-        b(e(g), {
+    const m = v(), s = g(), a = M();
+    return (l, n) => (p(), b(e(y), { span: e(m) }, {
+      default: d(() => [
+        f(e(V), {
           prop: l.name,
           label: l.label,
           "label-width": l.labelWidth,
           required: l.required,
-          rules: e(i)
+          rules: e(s)
         }, {
-          default: u(() => [
-            b(e(q), {
+          default: d(() => [
+            f(e(B), {
               modelValue: e(a),
-              "onUpdate:modelValue": n[0] || (n[0] = (t) => w(a) ? a.value = t : null),
+              "onUpdate:modelValue": n[0] || (n[0] = (u) => S(a) ? a.value = u : null),
               maxlength: l.maxlength,
               placeholder: l.placeholder,
               disabled: l.disabled,
@@ -94,9 +105,9 @@ const me = /* @__PURE__ */ h({
       _: 1
     }, 8, ["span"]));
   }
-}), be = /* @__PURE__ */ h({
+}), we = /* @__PURE__ */ c({
   name: "OFormPassword",
-  extendOptions: { trigger: "blur" },
+  inheritAttrs: !1,
   __name: "PasswordInput",
   props: {
     name: {},
@@ -111,20 +122,20 @@ const me = /* @__PURE__ */ h({
     readonly: { type: Boolean }
   },
   setup(o) {
-    const m = v(), i = V(), a = O();
-    return (l, n) => (s(), p(e(c), { span: e(m) }, {
-      default: u(() => [
-        b(e(g), {
+    const m = v(), s = g(), a = M();
+    return (l, n) => (p(), b(e(y), { span: e(m) }, {
+      default: d(() => [
+        f(e(V), {
           prop: l.name,
           label: l.label,
           "label-width": l.labelWidth,
           required: l.required,
-          rules: e(i)
+          rules: e(s)
         }, {
-          default: u(() => [
-            b(e(q), {
+          default: d(() => [
+            f(e(B), {
               modelValue: e(a),
-              "onUpdate:modelValue": n[0] || (n[0] = (t) => w(a) ? a.value = t : null),
+              "onUpdate:modelValue": n[0] || (n[0] = (u) => S(a) ? a.value = u : null),
               maxlength: l.maxlength,
               placeholder: l.placeholder,
               disabled: l.disabled,
@@ -138,9 +149,9 @@ const me = /* @__PURE__ */ h({
       _: 1
     }, 8, ["span"]));
   }
-}), fe = /* @__PURE__ */ h({
+}), ge = /* @__PURE__ */ c({
   name: "OFormTextarea",
-  extendOptions: { trigger: "blur" },
+  inheritAttrs: !1,
   __name: "Textarea",
   props: {
     name: {},
@@ -156,20 +167,20 @@ const me = /* @__PURE__ */ h({
     rows: {}
   },
   setup(o) {
-    const m = v(), i = V(), a = O();
-    return (l, n) => (s(), p(e(c), { span: e(m) }, {
-      default: u(() => [
-        b(e(g), {
+    const m = v(), s = g(), a = M();
+    return (l, n) => (p(), b(e(y), { span: e(m) }, {
+      default: d(() => [
+        f(e(V), {
           prop: l.name,
           label: l.label,
           "label-width": l.labelWidth,
           required: l.required,
-          rules: e(i)
+          rules: e(s)
         }, {
-          default: u(() => [
-            b(e(q), {
+          default: d(() => [
+            f(e(B), {
               modelValue: e(a),
-              "onUpdate:modelValue": n[0] || (n[0] = (t) => w(a) ? a.value = t : null),
+              "onUpdate:modelValue": n[0] || (n[0] = (u) => S(a) ? a.value = u : null),
               maxlength: l.maxlength,
               placeholder: l.placeholder,
               disabled: l.disabled,
@@ -185,9 +196,9 @@ const me = /* @__PURE__ */ h({
       _: 1
     }, 8, ["span"]));
   }
-}), he = /* @__PURE__ */ h({
+}), Se = /* @__PURE__ */ c({
   name: "OFormSingleselect",
-  extendOptions: {},
+  inheritAttrs: !1,
   __name: "SingleSelect",
   props: {
     name: {},
@@ -203,33 +214,33 @@ const me = /* @__PURE__ */ h({
     filterable: { type: Boolean }
   },
   setup(o) {
-    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)
+    const m = v(), s = g(), a = j(), l = R(), n = M(), u = q(() => fe(l.value, n.value));
+    return (t, i) => (p(), b(e(y), { span: e(m) }, {
+      default: d(() => [
+        f(e(V), {
+          prop: t.name,
+          label: t.label,
+          "label-width": t.labelWidth,
+          required: t.required,
+          rules: e(s)
         }, {
-          default: u(() => [
-            e(a) ? (s(), p(e(q), {
+          default: d(() => [
+            e(a) ? (p(), b(e(B), {
               key: 0,
-              "model-value": t.value,
-              placeholder: d.placeholder,
+              "model-value": u.value,
+              placeholder: t.placeholder,
               disabled: !0,
               readonly: !0
-            }, null, 8, ["model-value", "placeholder"])) : (s(), p(e(E), {
+            }, null, 8, ["model-value", "placeholder"])) : (p(), b(e(T), {
               key: 1,
               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
+              "onUpdate:modelValue": i[0] || (i[0] = (r) => S(n) ? n.value = r : null),
+              placeholder: t.placeholder,
+              clearable: t.clearable,
+              filterable: t.filterable
             }, {
-              default: u(() => [
-                (s(!0), F(z, null, M(e(l), (r) => (s(), p(e(U), {
+              default: d(() => [
+                (p(!0), O(W, null, C(e(l), (r) => (p(), b(e(Y), {
                   key: r.value,
                   label: r.content,
                   value: r.value
@@ -244,9 +255,9 @@ const me = /* @__PURE__ */ h({
       _: 1
     }, 8, ["span"]));
   }
-}), ye = /* @__PURE__ */ h({
+}), qe = /* @__PURE__ */ c({
   name: "OFormMultiselect",
-  extendOptions: {},
+  inheritAttrs: !1,
   __name: "MultiSelect",
   props: {
     name: {},
@@ -260,37 +271,35 @@ const me = /* @__PURE__ */ h({
     code: {}
   },
   setup(o) {
-    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)
+    const m = v(), s = g(), a = j(), l = R(), n = L(), u = D(), t = q(() => he(l.value, u.modelValue[o.name]));
+    return (i, r) => (p(), b(e(y), { span: e(m) }, {
+      default: d(() => [
+        f(e(V), {
+          prop: i.name,
+          label: i.label,
+          "label-width": i.labelWidth,
+          required: i.required,
+          rules: e(s)
         }, {
-          default: u(() => [
-            e(a) ? (s(), p(e(q), {
+          default: d(() => [
+            e(a) ? (p(), b(e(B), {
               key: 0,
-              "model-value": d.value,
-              placeholder: f.placeholder,
+              "model-value": t.value,
+              placeholder: i.placeholder,
               disabled: !0,
               readonly: !0
-            }, null, 8, ["model-value", "placeholder"])) : (s(), p(e(E), {
+            }, null, 8, ["model-value", "placeholder"])) : (p(), b(e(T), {
               key: 1,
               modelValue: e(n),
-              "onUpdate:modelValue": r[0] || (r[0] = (y) => w(n) ? n.value = y : null),
-              placeholder: f.placeholder,
+              "onUpdate:modelValue": r[0] || (r[0] = (h) => S(n) ? n.value = h : null),
+              placeholder: i.placeholder,
               multiple: ""
             }, {
-              default: u(() => [
-                (s(!0), F(z, null, M(e(l), (y) => (s(), p(e(U), {
-                  key: y.value,
-                  label: y.content,
-                  value: y.value
+              default: d(() => [
+                (p(!0), O(W, null, C(e(l), (h) => (p(), b(e(Y), {
+                  key: h.value,
+                  label: h.content,
+                  value: h.value
                 }, null, 8, ["label", "value"]))), 128))
               ]),
               _: 1
@@ -302,9 +311,9 @@ const me = /* @__PURE__ */ h({
       _: 1
     }, 8, ["span"]));
   }
-}), ce = /* @__PURE__ */ h({
+}), Be = /* @__PURE__ */ c({
   name: "OFormRadiogroup",
-  extendOptions: {},
+  inheritAttrs: !1,
   __name: "RadioGroup",
   props: {
     name: {},
@@ -317,29 +326,29 @@ const me = /* @__PURE__ */ h({
     code: {}
   },
   setup(o) {
-    const m = v(), i = V(), a = W(), l = O();
-    return (n, t) => (s(), p(e(c), { span: e(m) }, {
-      default: u(() => [
-        b(e(g), {
+    const m = v(), s = g(), a = R(), l = M();
+    return (n, u) => (p(), b(e(y), { span: e(m) }, {
+      default: d(() => [
+        f(e(V), {
           prop: n.name,
           label: n.label,
           "label-width": n.labelWidth,
           required: n.required,
-          rules: e(i)
+          rules: e(s)
         }, {
-          default: u(() => [
-            b(e(le), {
+          default: d(() => [
+            f(e(ne), {
               modelValue: e(l),
-              "onUpdate:modelValue": t[0] || (t[0] = (d) => w(l) ? l.value = d : null),
+              "onUpdate:modelValue": u[0] || (u[0] = (t) => S(l) ? l.value = t : null),
               disabled: n.disabled
             }, {
-              default: u(() => [
-                (s(!0), F(z, null, M(e(a), (d) => (s(), p(e(ae), {
-                  key: d.value,
-                  value: d.value
+              default: d(() => [
+                (p(!0), O(W, null, C(e(a), (t) => (p(), b(e(de), {
+                  key: t.value,
+                  value: t.value
                 }, {
-                  default: u(() => [
-                    A(K(d.content), 1)
+                  default: d(() => [
+                    Z(x(t.content), 1)
                   ]),
                   _: 2
                 }, 1032, ["value"]))), 128))
@@ -353,9 +362,9 @@ const me = /* @__PURE__ */ h({
       _: 1
     }, 8, ["span"]));
   }
-}), ve = /* @__PURE__ */ h({
+}), Me = /* @__PURE__ */ c({
   name: "OFormCheckboxgroup",
-  extendOptions: {},
+  inheritAttrs: !1,
   __name: "CheckboxGroup",
   props: {
     name: {},
@@ -368,27 +377,27 @@ const me = /* @__PURE__ */ h({
     code: {}
   },
   setup(o) {
-    const m = v(), i = V(), a = W(), l = G();
-    return (n, t) => (s(), p(e(c), { span: e(m) }, {
-      default: u(() => [
-        b(e(g), {
+    const m = v(), s = g(), a = R(), l = L();
+    return (n, u) => (p(), b(e(y), { span: e(m) }, {
+      default: d(() => [
+        f(e(V), {
           prop: n.name,
           label: n.label,
           "label-width": n.labelWidth,
           required: n.required,
-          rules: e(i)
+          rules: e(s)
         }, {
-          default: u(() => [
-            b(e(oe), {
+          default: d(() => [
+            f(e(ue), {
               modelValue: e(l),
-              "onUpdate:modelValue": t[0] || (t[0] = (d) => w(l) ? l.value = d : null),
+              "onUpdate:modelValue": u[0] || (u[0] = (t) => S(l) ? l.value = t : null),
               disabled: n.disabled
             }, {
-              default: u(() => [
-                (s(!0), F(z, null, M(e(a), (d) => (s(), p(e(T), {
-                  key: d.value,
-                  label: d.content,
-                  value: d.value
+              default: d(() => [
+                (p(!0), O(W, null, C(e(a), (t) => (p(), b(e(G), {
+                  key: t.value,
+                  label: t.content,
+                  value: t.value
                 }, null, 8, ["label", "value"]))), 128))
               ]),
               _: 1
@@ -400,9 +409,9 @@ const me = /* @__PURE__ */ h({
       _: 1
     }, 8, ["span"]));
   }
-}), ge = /* @__PURE__ */ h({
+}), Fe = /* @__PURE__ */ c({
   name: "OFormCheckbox",
-  extendOptions: {},
+  inheritAttrs: !1,
   __name: "Checkbox",
   props: {
     name: {},
@@ -413,19 +422,19 @@ const me = /* @__PURE__ */ h({
     disabled: { type: Boolean }
   },
   setup(o) {
-    const m = v(), i = I();
-    return (a, l) => (s(), p(e(c), { span: e(m) }, {
-      default: u(() => [
-        b(e(g), {
+    const m = v(), s = P();
+    return (a, l) => (p(), b(e(y), { span: e(m) }, {
+      default: d(() => [
+        f(e(V), {
           prop: a.name,
           label: a.label,
           "label-width": a.labelWidth,
           rules: a.rules
         }, {
-          default: u(() => [
-            b(e(T), {
-              modelValue: e(i),
-              "onUpdate:modelValue": l[0] || (l[0] = (n) => w(i) ? i.value = n : null),
+          default: d(() => [
+            f(e(G), {
+              modelValue: e(s),
+              "onUpdate:modelValue": l[0] || (l[0] = (n) => S(s) ? s.value = n : null),
               disabled: a.disabled
             }, null, 8, ["modelValue", "disabled"])
           ]),
@@ -435,9 +444,9 @@ const me = /* @__PURE__ */ h({
       _: 1
     }, 8, ["span"]));
   }
-}), Ve = /* @__PURE__ */ h({
+}), ze = /* @__PURE__ */ c({
   name: "OFormSwitch",
-  extendOptions: {},
+  inheritAttrs: !1,
   __name: "Switch",
   props: {
     name: {},
@@ -448,19 +457,19 @@ const me = /* @__PURE__ */ h({
     disabled: { type: Boolean }
   },
   setup(o) {
-    const m = v(), i = I();
-    return (a, l) => (s(), p(e(c), { span: e(m) }, {
-      default: u(() => [
-        b(e(g), {
+    const m = v(), s = P();
+    return (a, l) => (p(), b(e(y), { span: e(m) }, {
+      default: d(() => [
+        f(e(V), {
           prop: a.name,
           label: a.label,
           "label-width": a.labelWidth,
           rules: a.rules
         }, {
-          default: u(() => [
-            b(e(re), {
-              modelValue: e(i),
-              "onUpdate:modelValue": l[0] || (l[0] = (n) => w(i) ? i.value = n : null),
+          default: d(() => [
+            f(e(ie), {
+              modelValue: e(s),
+              "onUpdate:modelValue": l[0] || (l[0] = (n) => S(s) ? s.value = n : null),
               disabled: a.disabled
             }, null, 8, ["modelValue", "disabled"])
           ]),
@@ -470,9 +479,9 @@ const me = /* @__PURE__ */ h({
       _: 1
     }, 8, ["span"]));
   }
-}), we = /* @__PURE__ */ h({
+}), ke = /* @__PURE__ */ c({
   name: "OFormDate",
-  extendOptions: { trigger: "blur" },
+  inheritAttrs: !1,
   __name: "DateInput",
   props: {
     name: {},
@@ -491,50 +500,48 @@ const me = /* @__PURE__ */ h({
     sourceFormat: {}
   },
   setup(o) {
-    const m = v(), i = V(), a = S(
-      () => o.format.startsWith("H") || o.format.startsWith("h") || o.format.startsWith("m") || o.format.startsWith("s")
-    ), l = S(() => o.sourceFormat ? o.sourceFormat : a.value ? "HH:mm:ss" : "YYYY-MM-DD"), n = S(() => {
+    const m = v(), s = g(), a = q(() => o.format.startsWith("H") || o.format.startsWith("h") || o.format.startsWith("m") || o.format.startsWith("s")), l = q(() => o.sourceFormat ? o.sourceFormat : a.value ? "HH:mm:ss" : "YYYY-MM-DD"), n = q(() => {
       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))
+    }), u = D(), t = q(() => {
+      const r = u.modelValue[o.name];
+      if (A(r))
         return "string";
-      if (j(r))
+      if (X(r))
         return "date";
-      throw new D("日期输入框的值只能为字符串或日期类型");
-    }), f = S({
+      throw new z("日期输入框的值只能为字符串或日期类型");
+    }), i = q({
       get: () => {
-        const r = t.modelValue[o.name];
+        const r = u.modelValue[o.name];
         if (r) {
-          if (d.value == "date")
+          if (t.value == "date")
             return r;
           {
-            const y = R(r, l.value, !0);
-            if (!y.isValid())
-              throw new D(`日期输入框的值无效，不符合${l.value}格式`);
-            return y.toDate();
+            const h = E(r, l.value, !0);
+            if (!h.isValid())
+              throw new z(`日期输入框的值无效，不符合${l.value}格式`);
+            return h.toDate();
           }
         }
       },
       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, "");
+        t.value == "date" ? r ? u.updateModelValue(o.name, r) : u.updateModelValue(o.name, void 0) : r ? u.updateModelValue(o.name, E(r).format(l.value)) : u.updateModelValue(o.name, "");
       }
     });
-    return (r, y) => (s(), p(e(c), { span: e(m) }, {
-      default: u(() => [
-        b(e(g), {
+    return (r, h) => (p(), b(e(y), { span: e(m) }, {
+      default: d(() => [
+        f(e(V), {
           prop: r.name,
           label: r.label,
           "label-width": r.labelWidth,
           required: r.required,
-          rules: e(i)
+          rules: e(s)
         }, {
-          default: u(() => [
-            a.value ? (s(), p(e(ne), {
+          default: d(() => [
+            a.value ? (p(), b(e(se), {
               key: 0,
-              modelValue: f.value,
-              "onUpdate:modelValue": y[0] || (y[0] = (k) => f.value = k),
+              modelValue: i.value,
+              "onUpdate:modelValue": h[0] || (h[0] = (w) => i.value = w),
               placeholder: r.placeholder,
               disabled: r.disabled,
               readonly: r.readonly,
@@ -543,10 +550,10 @@ const me = /* @__PURE__ */ h({
               format: l.value,
               "arrow-control": "",
               style: { width: "100%" }
-            }, null, 8, ["modelValue", "placeholder", "disabled", "readonly", "editable", "clearable", "format"])) : (s(), p(e(de), {
+            }, null, 8, ["modelValue", "placeholder", "disabled", "readonly", "editable", "clearable", "format"])) : (p(), b(e(me), {
               key: 1,
-              modelValue: f.value,
-              "onUpdate:modelValue": y[1] || (y[1] = (k) => f.value = k),
+              modelValue: i.value,
+              "onUpdate:modelValue": h[1] || (h[1] = (w) => i.value = w),
               placeholder: r.placeholder,
               disabled: r.disabled,
               readonly: r.readonly,
@@ -563,9 +570,9 @@ const me = /* @__PURE__ */ h({
       _: 1
     }, 8, ["span"]));
   }
-}), Se = /* @__PURE__ */ h({
+}), Oe = /* @__PURE__ */ c({
   name: "OFormFile",
-  extendOptions: {},
+  inheritAttrs: !1,
   __name: "FileInput",
   props: {
     name: {},
@@ -577,31 +584,31 @@ const me = /* @__PURE__ */ h({
     disabled: { type: Boolean }
   },
   setup(o) {
-    const m = v(), i = V(), a = O();
-    J(a, () => {
+    const m = v(), s = g(), a = M();
+    _(a, () => {
       a.value || (l.value = "");
     });
-    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];
+    const l = ee(""), n = $("inputRef");
+    return le(() => {
+      n.value.input.onchange = (u) => {
+        var t;
+        a.value = (t = u == null ? void 0 : u.target) == null ? void 0 : t.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)
+    }), (u, t) => (p(), b(e(y), { span: e(m) }, {
+      default: d(() => [
+        f(e(V), {
+          prop: u.name,
+          label: u.label,
+          "label-width": u.labelWidth,
+          required: u.required,
+          rules: e(s)
         }, {
-          default: u(() => [
-            b(e(q), {
+          default: d(() => [
+            f(e(B), {
               ref: "inputRef",
               modelValue: l.value,
-              "onUpdate:modelValue": d[0] || (d[0] = (f) => l.value = f),
-              disabled: t.disabled,
+              "onUpdate:modelValue": t[0] || (t[0] = (i) => l.value = i),
+              disabled: u.disabled,
               type: "file",
               "validate-event": !1
             }, null, 8, ["modelValue", "disabled"])
@@ -612,8 +619,9 @@ const me = /* @__PURE__ */ h({
       _: 1
     }, 8, ["span"]));
   }
-}), qe = /* @__PURE__ */ h({
+}), We = /* @__PURE__ */ c({
   name: "OFormButtongroup",
+  inheritAttrs: !1,
   __name: "ButtonGroup",
   props: {
     span: {},
@@ -621,20 +629,20 @@ const me = /* @__PURE__ */ h({
     align: { default: "right" }
   },
   setup(o) {
-    const m = S(() => ({
+    const m = q(() => ({
       textAlign: o.align
-    })), i = v();
-    return (a, l) => (s(), p(e(c), {
-      span: e(i),
-      style: Z(m.value)
+    })), s = v();
+    return (a, l) => (p(), b(e(y), {
+      span: e(s),
+      style: ae(m.value)
     }, {
-      default: u(() => [
-        b(e(se), {
+      default: d(() => [
+        f(e(ce), {
           gutter: a.gutter,
           style: { "margin-bottom": "18px" }
         }, {
-          default: u(() => [
-            C(a.$slots, "default")
+          default: d(() => [
+            k(a.$slots, "default")
           ]),
           _: 3
         }, 8, ["gutter"])
@@ -642,9 +650,9 @@ const me = /* @__PURE__ */ h({
       _: 3
     }, 8, ["span", "style"]));
   }
-}), Oe = /* @__PURE__ */ h({
+}), Ce = /* @__PURE__ */ c({
   name: "OFormDiy",
-  extendOptions: {},
+  inheritAttrs: !1,
   __name: "DiyItem",
   props: {
     name: {},
@@ -655,18 +663,91 @@ const me = /* @__PURE__ */ h({
     rules: {}
   },
   setup(o) {
-    const m = v(), i = V();
-    return (a, l) => (s(), p(e(c), { span: e(m) }, {
-      default: u(() => [
-        b(e(g), {
+    const m = v(), s = g();
+    return (a, l) => (p(), b(e(y), { span: e(m) }, {
+      default: d(() => [
+        f(e(V), {
           prop: a.name,
           label: a.label,
           "label-width": a.labelWidth,
           required: a.required,
-          rules: e(i)
+          rules: e(s)
         }, {
-          default: u(() => [
-            C(a.$slots, "default")
+          default: d(() => [
+            k(a.$slots, "default")
+          ]),
+          _: 3
+        }, 8, ["prop", "label", "label-width", "required", "rules"])
+      ]),
+      _: 3
+    }, 8, ["span"]));
+  }
+}), Re = /* @__PURE__ */ c({
+  name: "OFormLov",
+  inheritAttrs: !1,
+  __name: "LovInput",
+  props: {
+    name: {},
+    label: {},
+    span: {},
+    labelWidth: {},
+    required: { type: Boolean },
+    rules: {},
+    maxlength: {},
+    placeholder: {},
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    fillMapping: { type: [String, Function] }
+  },
+  setup(o) {
+    const m = v(), s = g(), a = M(), l = D(), n = $("dropdown");
+    return I(
+      ye,
+      U({
+        lovValue: a,
+        backfill: (t) => {
+          var i;
+          if ((i = n.value) == null || i.handleClose(), console.log(t), A(o.fillMapping)) {
+            const r = {}, h = o.fillMapping.split(",");
+            for (let w = 0; w < h.length; w++) {
+              const H = h[w].split(":")[0].trim(), K = h[w].split(":")[1].trim(), N = t[K];
+              r[H] = N;
+            }
+            l.updateModelValueMulti(r);
+          } else
+            o.fillMapping && o.fillMapping(t);
+        }
+      })
+    ), (t, i) => (p(), b(e(y), { span: e(m) }, {
+      default: d(() => [
+        f(e(V), {
+          prop: t.name,
+          label: t.label,
+          "label-width": t.labelWidth,
+          required: t.required,
+          rules: e(s)
+        }, {
+          default: d(() => [
+            f(e(pe), {
+              ref: "dropdown",
+              trigger: "click",
+              style: { width: "100%" }
+            }, {
+              dropdown: d(() => [
+                k(t.$slots, "default")
+              ]),
+              default: d(() => [
+                f(e(B), {
+                  modelValue: e(a),
+                  "onUpdate:modelValue": i[0] || (i[0] = (r) => S(a) ? a.value = r : null),
+                  maxlength: t.maxlength,
+                  placeholder: t.placeholder,
+                  disabled: t.disabled,
+                  readonly: t.readonly
+                }, null, 8, ["modelValue", "maxlength", "placeholder", "disabled", "readonly"])
+              ]),
+              _: 3
+            }, 512)
           ]),
           _: 3
         }, 8, ["prop", "label", "label-width", "required", "rules"])
@@ -674,23 +755,26 @@ const me = /* @__PURE__ */ h({
       _: 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
+}), Le = oe(ve, {
+  StringInput: Ve,
+  PasswordInput: we,
+  Textarea: ge,
+  SingleSelect: Se,
+  MultiSelect: qe,
+  RadioGroup: Be,
+  CheckboxGroup: Me,
+  Checkbox: Fe,
+  Switch: ze,
+  DateInput: ke,
+  FileInput: Oe,
+  ButtonGroup: We,
+  DiyItem: Ce,
+  LovInput: Re
 });
 export {
-  $e as default,
-  te as formContextKey
+  Le as default,
+  be as formContextKey,
+  ye as lovContextKey,
+  Ke as useLov
 };
 //# sourceMappingURL=index.js.map