orion-design 0.1.12 → 0.1.14

package/dist/components/Form/index.js

@@ -1,15 +1,15 @@
-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 { difference as Q, isEmpty as X, isString as D, isDate as Z } from "lodash-es";
+import { defineComponent as c, useTemplateRef as E, provide as U, reactive as T, toRef as z, openBlock as p, createBlock as b, unref as e, withCtx as d, createVNode as f, renderSlot as O, isRef as S, computed as q, createElementBlock as W, Fragment as C, renderList as R, createTextVNode as x, toDisplayString as _, watch as ee, ref as le, onMounted as ae, normalizeStyle as oe } from "vue";
+import { withInstall as re } from "../_util/vue/install.js";
+import { ElForm as te, ElRow as ne, ElCol as y, ElFormItem as V, ElInput as M, ElSelect as Y, ElOption as G, ElRadioGroup as de, ElRadio as ue, ElCheckboxGroup as ie, ElCheckbox as j, ElSwitch as se, dayjs as I, ElTimePicker as me, ElDatePicker as pe, ElDropdown as be } from "element-plus";
+import { formContextKey as fe } from "./Form.js";
+import k from "../../error/OrionError.js";
+import { useFormItemSpan as v, useFormItemRules as w, useFormItemStringModel as B, useFormItemDisabled as L, useFormItemCode as $, useFormItemMultiModel as P, useFormContext as A, useFormItemBooleanModel as N } from "./hooks/index.js";
+import { getSingleCodeContent as he, getMultiCodeContent as ce } from "./utils/index.js";
+import { S as ye } from "../../index-BbsXWo7C.js";
+import { lovContextKey as ve } from "./LovInput/LovInput.js";
 import { default as Ke } from "./LovInput/hooks/useLov.js";
-const ve = /* @__PURE__ */ c({
+const Ve = /* @__PURE__ */ c({
   name: "OForm",
   inheritAttrs: !1,
   __name: "Form",
@@ -21,40 +21,40 @@ const ve = /* @__PURE__ */ c({
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  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");
+  setup(r, { expose: m, emit: i }) {
+    const a = i, l = (t, o) => {
+      if (!Object.keys(r.modelValue).includes(t))
+        throw new k(`modelValue中不存在[${t}]`);
+      a("update:modelValue", { ...r.modelValue, [t]: o });
+    }, n = (t) => {
+      const o = Object.keys(r.modelValue), h = Object.keys(t), g = Q(h, o);
+      if (!X(g))
+        throw new k(`modelValue中不存在[${g.join(",")}]`);
+      a("update:modelValue", { ...r.modelValue, ...t });
+    }, u = E("form");
     return m({
       validate: async () => await u.value.validate()
-    }), I(
-      be,
-      U({
-        modelValue: F(() => o.modelValue),
+    }), U(
+      fe,
+      T({
+        modelValue: z(() => r.modelValue),
         updateModelValue: l,
         updateModelValueMulti: n,
-        rules: F(() => o.rules),
-        itemSpan: F(() => o.itemSpan),
-        disabled: F(() => o.disabled)
+        rules: z(() => r.rules),
+        itemSpan: z(() => r.itemSpan),
+        disabled: z(() => r.disabled)
       })
-    ), (i, r) => (p(), b(e(re), {
+    ), (t, o) => (p(), b(e(te), {
       ref: "form",
-      model: i.modelValue,
-      rules: i.rules,
-      "label-width": i.itemLabelWidth,
-      disabled: i.disabled
+      model: t.modelValue,
+      rules: t.rules,
+      "label-width": t.itemLabelWidth,
+      disabled: t.disabled
     }, {
       default: d(() => [
-        f(e(te), { gutter: 16 }, {
+        f(e(ne), { gutter: 16 }, {
           default: d(() => [
-            k(i.$slots, "default")
+            O(t.$slots, "default")
           ]),
           _: 3
         })
@@ -62,7 +62,7 @@ const ve = /* @__PURE__ */ c({
       _: 3
     }, 8, ["model", "rules", "label-width", "disabled"]));
   }
-}), Ve = /* @__PURE__ */ c({
+}), ge = /* @__PURE__ */ c({
   name: "OFormString",
   inheritAttrs: !1,
   __name: "StringInput",
@@ -78,8 +78,8 @@ const ve = /* @__PURE__ */ c({
     disabled: { type: Boolean },
     readonly: { type: Boolean }
   },
-  setup(o) {
-    const m = v(), s = g(), a = M();
+  setup(r) {
+    const m = v(), i = w(), a = B();
     return (l, n) => (p(), b(e(y), { span: e(m) }, {
       default: d(() => [
         f(e(V), {
@@ -87,10 +87,10 @@ const ve = /* @__PURE__ */ c({
           label: l.label,
           "label-width": l.labelWidth,
           required: l.required,
-          rules: e(s)
+          rules: e(i)
         }, {
           default: d(() => [
-            f(e(B), {
+            f(e(M), {
               modelValue: e(a),
               "onUpdate:modelValue": n[0] || (n[0] = (u) => S(a) ? a.value = u : null),
               maxlength: l.maxlength,
@@ -121,8 +121,8 @@ const ve = /* @__PURE__ */ c({
     disabled: { type: Boolean },
     readonly: { type: Boolean }
   },
-  setup(o) {
-    const m = v(), s = g(), a = M();
+  setup(r) {
+    const m = v(), i = w(), a = B();
     return (l, n) => (p(), b(e(y), { span: e(m) }, {
       default: d(() => [
         f(e(V), {
@@ -130,10 +130,10 @@ const ve = /* @__PURE__ */ c({
           label: l.label,
           "label-width": l.labelWidth,
           required: l.required,
-          rules: e(s)
+          rules: e(i)
         }, {
           default: d(() => [
-            f(e(B), {
+            f(e(M), {
               modelValue: e(a),
               "onUpdate:modelValue": n[0] || (n[0] = (u) => S(a) ? a.value = u : null),
               maxlength: l.maxlength,
@@ -149,7 +149,7 @@ const ve = /* @__PURE__ */ c({
       _: 1
     }, 8, ["span"]));
   }
-}), ge = /* @__PURE__ */ c({
+}), Se = /* @__PURE__ */ c({
   name: "OFormTextarea",
   inheritAttrs: !1,
   __name: "Textarea",
@@ -166,8 +166,8 @@ const ve = /* @__PURE__ */ c({
     readonly: { type: Boolean },
     rows: {}
   },
-  setup(o) {
-    const m = v(), s = g(), a = M();
+  setup(r) {
+    const m = v(), i = w(), a = B();
     return (l, n) => (p(), b(e(y), { span: e(m) }, {
       default: d(() => [
         f(e(V), {
@@ -175,10 +175,10 @@ const ve = /* @__PURE__ */ c({
           label: l.label,
           "label-width": l.labelWidth,
           required: l.required,
-          rules: e(s)
+          rules: e(i)
         }, {
           default: d(() => [
-            f(e(B), {
+            f(e(M), {
               modelValue: e(a),
               "onUpdate:modelValue": n[0] || (n[0] = (u) => S(a) ? a.value = u : null),
               maxlength: l.maxlength,
@@ -196,7 +196,7 @@ const ve = /* @__PURE__ */ c({
       _: 1
     }, 8, ["span"]));
   }
-}), Se = /* @__PURE__ */ c({
+}), qe = /* @__PURE__ */ c({
   name: "OFormSingleselect",
   inheritAttrs: !1,
   __name: "SingleSelect",
@@ -213,37 +213,37 @@ const ve = /* @__PURE__ */ c({
     clearable: { type: Boolean },
     filterable: { type: Boolean }
   },
-  setup(o) {
-    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) }, {
+  setup(r) {
+    const m = v(), i = w(), a = L(), l = $(), n = B(), u = q(() => he(l.value, n.value));
+    return (s, t) => (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)
+          prop: s.name,
+          label: s.label,
+          "label-width": s.labelWidth,
+          required: s.required,
+          rules: e(i)
         }, {
           default: d(() => [
-            e(a) ? (p(), b(e(B), {
+            e(a) ? (p(), b(e(M), {
               key: 0,
               "model-value": u.value,
-              placeholder: t.placeholder,
+              placeholder: s.placeholder,
               disabled: !0,
               readonly: !0
-            }, null, 8, ["model-value", "placeholder"])) : (p(), b(e(T), {
+            }, null, 8, ["model-value", "placeholder"])) : (p(), b(e(Y), {
               key: 1,
               modelValue: e(n),
-              "onUpdate:modelValue": i[0] || (i[0] = (r) => S(n) ? n.value = r : null),
-              placeholder: t.placeholder,
-              clearable: t.clearable,
-              filterable: t.filterable
+              "onUpdate:modelValue": t[0] || (t[0] = (o) => S(n) ? n.value = o : null),
+              placeholder: s.placeholder,
+              clearable: s.clearable,
+              filterable: s.filterable
             }, {
               default: d(() => [
-                (p(!0), O(W, null, C(e(l), (r) => (p(), b(e(Y), {
-                  key: r.value,
-                  label: r.content,
-                  value: r.value
+                (p(!0), W(C, null, R(e(l), (o) => (p(), b(e(G), {
+                  key: o.value,
+                  label: o.content,
+                  value: o.value
                 }, null, 8, ["label", "value"]))), 128))
               ]),
               _: 1
@@ -255,7 +255,7 @@ const ve = /* @__PURE__ */ c({
       _: 1
     }, 8, ["span"]));
   }
-}), qe = /* @__PURE__ */ c({
+}), Me = /* @__PURE__ */ c({
   name: "OFormMultiselect",
   inheritAttrs: !1,
   __name: "MultiSelect",
@@ -270,33 +270,33 @@ const ve = /* @__PURE__ */ c({
     disabled: { type: Boolean },
     code: {}
   },
-  setup(o) {
-    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) }, {
+  setup(r) {
+    const m = v(), i = w(), a = L(), l = $(), n = P(), u = A(), s = q(() => ce(l.value, u.modelValue[r.name]));
+    return (t, o) => (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)
+          prop: t.name,
+          label: t.label,
+          "label-width": t.labelWidth,
+          required: t.required,
+          rules: e(i)
         }, {
           default: d(() => [
-            e(a) ? (p(), b(e(B), {
+            e(a) ? (p(), b(e(M), {
               key: 0,
-              "model-value": t.value,
-              placeholder: i.placeholder,
+              "model-value": s.value,
+              placeholder: t.placeholder,
               disabled: !0,
               readonly: !0
-            }, null, 8, ["model-value", "placeholder"])) : (p(), b(e(T), {
+            }, null, 8, ["model-value", "placeholder"])) : (p(), b(e(Y), {
               key: 1,
               modelValue: e(n),
-              "onUpdate:modelValue": r[0] || (r[0] = (h) => S(n) ? n.value = h : null),
-              placeholder: i.placeholder,
+              "onUpdate:modelValue": o[0] || (o[0] = (h) => S(n) ? n.value = h : null),
+              placeholder: t.placeholder,
               multiple: ""
             }, {
               default: d(() => [
-                (p(!0), O(W, null, C(e(l), (h) => (p(), b(e(Y), {
+                (p(!0), W(C, null, R(e(l), (h) => (p(), b(e(G), {
                   key: h.value,
                   label: h.content,
                   value: h.value
@@ -325,8 +325,8 @@ const ve = /* @__PURE__ */ c({
     disabled: { type: Boolean },
     code: {}
   },
-  setup(o) {
-    const m = v(), s = g(), a = R(), l = M();
+  setup(r) {
+    const m = v(), i = w(), a = $(), l = B();
     return (n, u) => (p(), b(e(y), { span: e(m) }, {
       default: d(() => [
         f(e(V), {
@@ -334,21 +334,21 @@ const ve = /* @__PURE__ */ c({
           label: n.label,
           "label-width": n.labelWidth,
           required: n.required,
-          rules: e(s)
+          rules: e(i)
         }, {
           default: d(() => [
-            f(e(ne), {
+            f(e(de), {
               modelValue: e(l),
-              "onUpdate:modelValue": u[0] || (u[0] = (t) => S(l) ? l.value = t : null),
+              "onUpdate:modelValue": u[0] || (u[0] = (s) => S(l) ? l.value = s : null),
               disabled: n.disabled
             }, {
               default: d(() => [
-                (p(!0), O(W, null, C(e(a), (t) => (p(), b(e(de), {
-                  key: t.value,
-                  value: t.value
+                (p(!0), W(C, null, R(e(a), (s) => (p(), b(e(ue), {
+                  key: s.value,
+                  value: s.value
                 }, {
                   default: d(() => [
-                    Z(x(t.content), 1)
+                    x(_(s.content), 1)
                   ]),
                   _: 2
                 }, 1032, ["value"]))), 128))
@@ -362,7 +362,7 @@ const ve = /* @__PURE__ */ c({
       _: 1
     }, 8, ["span"]));
   }
-}), Me = /* @__PURE__ */ c({
+}), Fe = /* @__PURE__ */ c({
   name: "OFormCheckboxgroup",
   inheritAttrs: !1,
   __name: "CheckboxGroup",
@@ -376,8 +376,8 @@ const ve = /* @__PURE__ */ c({
     disabled: { type: Boolean },
     code: {}
   },
-  setup(o) {
-    const m = v(), s = g(), a = R(), l = L();
+  setup(r) {
+    const m = v(), i = w(), a = $(), l = P();
     return (n, u) => (p(), b(e(y), { span: e(m) }, {
       default: d(() => [
         f(e(V), {
@@ -385,19 +385,19 @@ const ve = /* @__PURE__ */ c({
           label: n.label,
           "label-width": n.labelWidth,
           required: n.required,
-          rules: e(s)
+          rules: e(i)
         }, {
           default: d(() => [
-            f(e(ue), {
+            f(e(ie), {
               modelValue: e(l),
-              "onUpdate:modelValue": u[0] || (u[0] = (t) => S(l) ? l.value = t : null),
+              "onUpdate:modelValue": u[0] || (u[0] = (s) => S(l) ? l.value = s : null),
               disabled: n.disabled
             }, {
               default: d(() => [
-                (p(!0), O(W, null, C(e(a), (t) => (p(), b(e(G), {
-                  key: t.value,
-                  label: t.content,
-                  value: t.value
+                (p(!0), W(C, null, R(e(a), (s) => (p(), b(e(j), {
+                  key: s.value,
+                  label: s.content,
+                  value: s.value
                 }, null, 8, ["label", "value"]))), 128))
               ]),
               _: 1
@@ -409,7 +409,7 @@ const ve = /* @__PURE__ */ c({
       _: 1
     }, 8, ["span"]));
   }
-}), Fe = /* @__PURE__ */ c({
+}), ze = /* @__PURE__ */ c({
   name: "OFormCheckbox",
   inheritAttrs: !1,
   __name: "Checkbox",
@@ -421,8 +421,8 @@ const ve = /* @__PURE__ */ c({
     rules: {},
     disabled: { type: Boolean }
   },
-  setup(o) {
-    const m = v(), s = P();
+  setup(r) {
+    const m = v(), i = N();
     return (a, l) => (p(), b(e(y), { span: e(m) }, {
       default: d(() => [
         f(e(V), {
@@ -432,9 +432,9 @@ const ve = /* @__PURE__ */ c({
           rules: a.rules
         }, {
           default: d(() => [
-            f(e(G), {
-              modelValue: e(s),
-              "onUpdate:modelValue": l[0] || (l[0] = (n) => S(s) ? s.value = n : null),
+            f(e(j), {
+              modelValue: e(i),
+              "onUpdate:modelValue": l[0] || (l[0] = (n) => S(i) ? i.value = n : null),
               disabled: a.disabled
             }, null, 8, ["modelValue", "disabled"])
           ]),
@@ -444,7 +444,7 @@ const ve = /* @__PURE__ */ c({
       _: 1
     }, 8, ["span"]));
   }
-}), ze = /* @__PURE__ */ c({
+}), ke = /* @__PURE__ */ c({
   name: "OFormSwitch",
   inheritAttrs: !1,
   __name: "Switch",
@@ -456,8 +456,8 @@ const ve = /* @__PURE__ */ c({
     rules: {},
     disabled: { type: Boolean }
   },
-  setup(o) {
-    const m = v(), s = P();
+  setup(r) {
+    const m = v(), i = N();
     return (a, l) => (p(), b(e(y), { span: e(m) }, {
       default: d(() => [
         f(e(V), {
@@ -467,9 +467,9 @@ const ve = /* @__PURE__ */ c({
           rules: a.rules
         }, {
           default: d(() => [
-            f(e(ie), {
-              modelValue: e(s),
-              "onUpdate:modelValue": l[0] || (l[0] = (n) => S(s) ? s.value = n : null),
+            f(e(se), {
+              modelValue: e(i),
+              "onUpdate:modelValue": l[0] || (l[0] = (n) => S(i) ? i.value = n : null),
               disabled: a.disabled
             }, null, 8, ["modelValue", "disabled"])
           ]),
@@ -479,7 +479,7 @@ const ve = /* @__PURE__ */ c({
       _: 1
     }, 8, ["span"]));
   }
-}), ke = /* @__PURE__ */ c({
+}), Oe = /* @__PURE__ */ c({
   name: "OFormDate",
   inheritAttrs: !1,
   __name: "DateInput",
@@ -499,66 +499,66 @@ const ve = /* @__PURE__ */ c({
     format: { default: "YYYY-MM-DD" },
     sourceFormat: {}
   },
-  setup(o) {
-    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;
-    }), u = D(), t = q(() => {
-      const r = u.modelValue[o.name];
-      if (A(r))
+  setup(r) {
+    const m = v(), i = w(), a = q(() => r.format.startsWith("H") || r.format.startsWith("h") || r.format.startsWith("m") || r.format.startsWith("s")), l = q(() => r.sourceFormat ? r.sourceFormat : a.value ? "HH:mm:ss" : "YYYY-MM-DD"), n = q(() => {
+      let o = "date";
+      return (r.format.indexOf("y") > -1 || r.format.indexOf("Y") > -1) && (o = "year"), r.format.indexOf("M") > -1 && (o = "month"), (r.format.indexOf("d") > -1 || r.format.indexOf("D") > -1) && (o = "date"), (r.format.indexOf("H") > -1 || r.format.indexOf("h") > -1 || r.format.indexOf("k") > -1 || r.format.indexOf("m") > -1 || r.format.indexOf("s") > -1 || r.format.indexOf("S") > -1) && (o = "datetime"), o;
+    }), u = A(), s = q(() => {
+      const o = u.modelValue[r.name];
+      if (D(o))
         return "string";
-      if (X(r))
+      if (Z(o))
         return "date";
-      throw new z("日期输入框的值只能为字符串或日期类型");
-    }), i = q({
+      throw new k("日期输入框的值只能为字符串或日期类型");
+    }), t = q({
       get: () => {
-        const r = u.modelValue[o.name];
-        if (r) {
-          if (t.value == "date")
-            return r;
+        const o = u.modelValue[r.name];
+        if (o) {
+          if (s.value == "date")
+            return o;
           {
-            const h = E(r, l.value, !0);
+            const h = I(o, l.value, !0);
             if (!h.isValid())
-              throw new z(`日期输入框的值无效，不符合${l.value}格式`);
+              throw new k(`日期输入框的值无效，不符合${l.value}格式`);
             return h.toDate();
           }
         }
       },
-      set: (r) => {
-        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, "");
+      set: (o) => {
+        s.value == "date" ? o ? u.updateModelValue(r.name, o) : u.updateModelValue(r.name, void 0) : o ? u.updateModelValue(r.name, I(o).format(l.value)) : u.updateModelValue(r.name, "");
       }
     });
-    return (r, h) => (p(), b(e(y), { span: e(m) }, {
+    return (o, 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(s)
+          prop: o.name,
+          label: o.label,
+          "label-width": o.labelWidth,
+          required: o.required,
+          rules: e(i)
         }, {
           default: d(() => [
-            a.value ? (p(), b(e(se), {
+            a.value ? (p(), b(e(me), {
               key: 0,
-              modelValue: i.value,
-              "onUpdate:modelValue": h[0] || (h[0] = (w) => i.value = w),
-              placeholder: r.placeholder,
-              disabled: r.disabled,
-              readonly: r.readonly,
-              editable: r.editable,
-              clearable: r.clearable,
+              modelValue: t.value,
+              "onUpdate:modelValue": h[0] || (h[0] = (g) => t.value = g),
+              placeholder: o.placeholder,
+              disabled: o.disabled,
+              readonly: o.readonly,
+              editable: o.editable,
+              clearable: o.clearable,
               format: l.value,
               "arrow-control": "",
               style: { width: "100%" }
-            }, null, 8, ["modelValue", "placeholder", "disabled", "readonly", "editable", "clearable", "format"])) : (p(), b(e(me), {
+            }, null, 8, ["modelValue", "placeholder", "disabled", "readonly", "editable", "clearable", "format"])) : (p(), b(e(pe), {
               key: 1,
-              modelValue: i.value,
-              "onUpdate:modelValue": h[1] || (h[1] = (w) => i.value = w),
-              placeholder: r.placeholder,
-              disabled: r.disabled,
-              readonly: r.readonly,
-              editable: r.editable,
-              clearable: r.clearable,
+              modelValue: t.value,
+              "onUpdate:modelValue": h[1] || (h[1] = (g) => t.value = g),
+              placeholder: o.placeholder,
+              disabled: o.disabled,
+              readonly: o.readonly,
+              editable: o.editable,
+              clearable: o.clearable,
               type: n.value,
               format: l.value,
               style: { width: "100%" }
@@ -570,7 +570,7 @@ const ve = /* @__PURE__ */ c({
       _: 1
     }, 8, ["span"]));
   }
-}), Oe = /* @__PURE__ */ c({
+}), We = /* @__PURE__ */ c({
   name: "OFormFile",
   inheritAttrs: !1,
   __name: "FileInput",
@@ -583,31 +583,31 @@ const ve = /* @__PURE__ */ c({
     rules: {},
     disabled: { type: Boolean }
   },
-  setup(o) {
-    const m = v(), s = g(), a = M();
-    _(a, () => {
+  setup(r) {
+    const m = v(), i = w(), a = B();
+    ee(a, () => {
       a.value || (l.value = "");
     });
-    const l = ee(""), n = $("inputRef");
-    return le(() => {
+    const l = le(""), n = E("inputRef");
+    return ae(() => {
       n.value.input.onchange = (u) => {
-        var t;
-        a.value = (t = u == null ? void 0 : u.target) == null ? void 0 : t.files[0];
+        var s;
+        a.value = (s = u == null ? void 0 : u.target) == null ? void 0 : s.files[0];
       }, l.value = "";
-    }), (u, t) => (p(), b(e(y), { span: e(m) }, {
+    }), (u, s) => (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)
+          rules: e(i)
         }, {
           default: d(() => [
-            f(e(B), {
+            f(e(M), {
               ref: "inputRef",
               modelValue: l.value,
-              "onUpdate:modelValue": t[0] || (t[0] = (i) => l.value = i),
+              "onUpdate:modelValue": s[0] || (s[0] = (t) => l.value = t),
               disabled: u.disabled,
               type: "file",
               "validate-event": !1
@@ -619,7 +619,7 @@ const ve = /* @__PURE__ */ c({
       _: 1
     }, 8, ["span"]));
   }
-}), We = /* @__PURE__ */ c({
+}), Ce = /* @__PURE__ */ c({
   name: "OFormButtongroup",
   inheritAttrs: !1,
   __name: "ButtonGroup",
@@ -628,21 +628,21 @@ const ve = /* @__PURE__ */ c({
     gutter: { type: [Boolean, String] },
     align: { default: "right" }
   },
-  setup(o) {
+  setup(r) {
     const m = q(() => ({
-      textAlign: o.align
-    })), s = v();
+      textAlign: r.align
+    })), i = v();
     return (a, l) => (p(), b(e(y), {
-      span: e(s),
-      style: ae(m.value)
+      span: e(i),
+      style: oe(m.value)
     }, {
       default: d(() => [
-        f(e(ce), {
+        f(e(ye), {
           gutter: a.gutter,
           style: { "margin-bottom": "18px" }
         }, {
           default: d(() => [
-            k(a.$slots, "default")
+            O(a.$slots, "default")
           ]),
           _: 3
         }, 8, ["gutter"])
@@ -650,7 +650,7 @@ const ve = /* @__PURE__ */ c({
       _: 3
     }, 8, ["span", "style"]));
   }
-}), Ce = /* @__PURE__ */ c({
+}), Re = /* @__PURE__ */ c({
   name: "OFormDiy",
   inheritAttrs: !1,
   __name: "DiyItem",
@@ -662,8 +662,8 @@ const ve = /* @__PURE__ */ c({
     required: { type: Boolean },
     rules: {}
   },
-  setup(o) {
-    const m = v(), s = g();
+  setup(r) {
+    const m = v(), i = w();
     return (a, l) => (p(), b(e(y), { span: e(m) }, {
       default: d(() => [
         f(e(V), {
@@ -671,10 +671,10 @@ const ve = /* @__PURE__ */ c({
           label: a.label,
           "label-width": a.labelWidth,
           required: a.required,
-          rules: e(s)
+          rules: e(i)
         }, {
           default: d(() => [
-            k(a.$slots, "default")
+            O(a.$slots, "default")
           ]),
           _: 3
         }, 8, ["prop", "label", "label-width", "required", "rules"])
@@ -682,7 +682,7 @@ const ve = /* @__PURE__ */ c({
       _: 3
     }, 8, ["span"]));
   }
-}), Re = /* @__PURE__ */ c({
+}), $e = /* @__PURE__ */ c({
   name: "OFormLov",
   inheritAttrs: !1,
   __name: "LovInput",
@@ -699,51 +699,61 @@ const ve = /* @__PURE__ */ c({
     readonly: { type: Boolean },
     fillMapping: { type: [String, Function] }
   },
-  setup(o) {
-    const m = v(), s = g(), a = M(), l = D(), n = $("dropdown");
-    return I(
-      ye,
-      U({
+  setup(r) {
+    const m = v(), i = w(), a = B(), l = A(), n = () => {
+      if (D(r.fillMapping)) {
+        const t = {}, o = r.fillMapping.split(",");
+        for (let h = 0; h < o.length; h++) {
+          const g = o[h].split(":")[0].trim();
+          t[g] = void 0;
+        }
+        l.updateModelValueMulti(t);
+      }
+    }, u = E("dropdown");
+    return U(
+      ve,
+      T({
         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;
+          var o;
+          if ((o = u.value) == null || o.handleClose(), D(r.fillMapping)) {
+            const h = {}, g = r.fillMapping.split(",");
+            for (let F = 0; F < g.length; F++) {
+              const H = g[F].split(":")[0].trim(), K = g[F].split(":")[1].trim(), J = t[K];
+              h[H] = J;
             }
-            l.updateModelValueMulti(r);
+            l.updateModelValueMulti(h);
           } else
-            o.fillMapping && o.fillMapping(t);
+            r.fillMapping && r.fillMapping(t);
         }
       })
-    ), (t, i) => (p(), b(e(y), { span: e(m) }, {
+    ), (t, o) => (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)
+          rules: e(i)
         }, {
           default: d(() => [
-            f(e(pe), {
+            f(e(be), {
               ref: "dropdown",
               trigger: "click",
               style: { width: "100%" }
             }, {
               dropdown: d(() => [
-                k(t.$slots, "default")
+                O(t.$slots, "default")
               ]),
               default: d(() => [
-                f(e(B), {
+                f(e(M), {
                   modelValue: e(a),
-                  "onUpdate:modelValue": i[0] || (i[0] = (r) => S(a) ? a.value = r : null),
+                  "onUpdate:modelValue": o[0] || (o[0] = (h) => S(a) ? a.value = h : null),
                   maxlength: t.maxlength,
                   placeholder: t.placeholder,
                   disabled: t.disabled,
-                  readonly: t.readonly
+                  readonly: t.readonly,
+                  onChange: n
                 }, null, 8, ["modelValue", "maxlength", "placeholder", "disabled", "readonly"])
               ]),
               _: 3
@@ -755,26 +765,26 @@ const ve = /* @__PURE__ */ c({
       _: 3
     }, 8, ["span"]));
   }
-}), Le = oe(ve, {
-  StringInput: Ve,
+}), Pe = re(Ve, {
+  StringInput: ge,
   PasswordInput: we,
-  Textarea: ge,
-  SingleSelect: Se,
-  MultiSelect: qe,
+  Textarea: Se,
+  SingleSelect: qe,
+  MultiSelect: Me,
   RadioGroup: Be,
-  CheckboxGroup: Me,
-  Checkbox: Fe,
-  Switch: ze,
-  DateInput: ke,
-  FileInput: Oe,
-  ButtonGroup: We,
-  DiyItem: Ce,
-  LovInput: Re
+  CheckboxGroup: Fe,
+  Checkbox: ze,
+  Switch: ke,
+  DateInput: Oe,
+  FileInput: We,
+  ButtonGroup: Ce,
+  DiyItem: Re,
+  LovInput: $e
 });
 export {
-  Le as default,
-  be as formContextKey,
-  ye as lovContextKey,
+  Pe as default,
+  fe as formContextKey,
+  ve as lovContextKey,
   Ke as useLov
 };
 //# sourceMappingURL=index.js.map