orion-design 0.1.49 → 0.1.52

package/dist/components/Form/index.js

@@ -1,11 +1,11 @@
-import { difference as he, isEmpty as ce, isDate as ye, isString as L, isNumber as ve, toNumber as ge, isArray as we, pick as Ve } from "lodash-es";
-import { defineComponent as v, useTemplateRef as A, provide as x, reactive as _, toRef as G, openBlock as m, createBlock as c, unref as e, withCtx as r, createVNode as b, renderSlot as S, useSlots as ae, isRef as k, createSlots as oe, useAttrs as K, computed as O, createElementBlock as E, Fragment as U, renderList as N, createTextVNode as ne, toDisplayString as te, watch as re, ref as z, onMounted as de, normalizeStyle as Ce, resolveComponent as Se, createElementVNode as Be, createCommentVNode as qe } from "vue";
+import { difference as ce, isEmpty as he, isDate as ye, isString as L, isNumber as ve, toNumber as ge, isArray as we, pick as Ve } from "lodash-es";
+import { defineComponent as v, useTemplateRef as A, provide as x, reactive as _, toRef as G, openBlock as m, createBlock as h, unref as e, withCtx as r, createVNode as c, renderSlot as S, useSlots as ae, isRef as k, createSlots as oe, useAttrs as K, computed as O, createElementBlock as E, Fragment as U, renderList as N, createTextVNode as ne, toDisplayString as te, watch as re, ref as z, onMounted as de, normalizeStyle as Ce, resolveComponent as Se, createElementVNode as Be, createCommentVNode as qe } from "vue";
 import { withInstall as Me } from "../_util/vue/install.js";
-import { ElForm as ke, ElRow as Oe, ElCol as g, ElFormItem as C, ElInput as W, ElSelect as se, ElOption as ie, ElRadioGroup as Fe, ElRadio as ze, ElCheckboxGroup as We, ElCheckbox as ue, ElSwitch as Re, dayjs as le, ElTimePicker as $e, ElDatePicker as Ae, ElDropdown as pe, ElInputNumber as Ee, ElTag as De } from "element-plus";
-import { formContextKey as Ie } from "./Form.js";
+import { ElForm as ke, ElRow as Oe, ElCol as w, ElFormItem as C, ElInput as W, ElSelect as se, ElOption as ie, ElRadioGroup as Fe, ElRadio as ze, ElCheckboxGroup as We, ElCheckbox as ue, ElSwitch as Re, dayjs as le, ElTimePicker as $e, ElDatePicker as Ae, ElDropdown as pe, ElInputNumber as Ee, ElTag as De } from "element-plus";
+import { formContextKey as Te } from "./Form.js";
 import D from "../../error/OrionError.js";
-import { useFormItemSpan as w, useFormItemRules as B, useFormItemStringModel as $, useFormItemDisabled as me, useFormItemCode as H, useFormItemMultiModel as fe, useFormContext as P, useFormItemBooleanModel as be } from "./hooks/index.js";
-import { getSingleCodeContent as Te, getMultiCodeContent as Ue } from "./utils/index.js";
+import { useFormItemSpan as V, useFormItemRules as B, useFormItemStringModel as $, useFormItemDisabled as me, useFormItemCode as H, useFormItemMultiModel as fe, useFormContext as P, useFormItemBooleanModel as be } from "./hooks/index.js";
+import { getSingleCodeContent as Ie, getMultiCodeContent as Ue } from "./utils/index.js";
 import { S as Ne } from "../../index-BbsXWo7C.js";
 import { g as Pe, h as Ye, j as je } from "../../index-Bm0F5NQQ.js";
 import { lovContextKey as Ge } from "./LovInput/LovInput.js";
@@ -30,15 +30,15 @@ const Ke = /* @__PURE__ */ v({
         throw new D(`modelValue中不存在[${a}]`);
       d("update:modelValue", { ...o.modelValue, [a]: p });
     }, n = (a) => {
-      const p = Object.keys(o.modelValue), y = Object.keys(a), q = he(y, p);
-      if (!ce(q))
+      const p = Object.keys(o.modelValue), y = Object.keys(a), q = ce(y, p);
+      if (!he(q))
         throw new D(`modelValue中不存在[${q.join(",")}]`);
       d("update:modelValue", { ...o.modelValue, ...a });
     }, l = A("form");
     return i({
       validate: async () => await l.value.validate()
     }), x(
-      Ie,
+      Te,
       _({
         modelValue: G(() => o.modelValue),
         updateModelValue: t,
@@ -47,7 +47,7 @@ const Ke = /* @__PURE__ */ v({
         itemSpan: G(() => o.itemSpan),
         disabled: G(() => o.disabled)
       })
-    ), (a, p) => (m(), c(e(ke), {
+    ), (a, p) => (m(), h(e(ke), {
       ref: "form",
       model: a.modelValue,
       rules: a.rules,
@@ -56,7 +56,7 @@ const Ke = /* @__PURE__ */ v({
       class: "orion-form"
     }, {
       default: r(() => [
-        b(e(Oe), { gutter: 16 }, {
+        c(e(Oe), { gutter: 16 }, {
           default: r(() => [
             S(a.$slots, "default")
           ]),
@@ -83,10 +83,10 @@ const Ke = /* @__PURE__ */ v({
     readonly: { type: Boolean }
   },
   setup(o) {
-    const i = ae(), f = w(), d = B(), t = $();
-    return (n, l) => (m(), c(e(g), { span: e(f) }, {
+    const i = ae(), f = V(), d = B(), t = $();
+    return (n, l) => (m(), h(e(w), { span: e(f) }, {
       default: r(() => [
-        b(e(C), {
+        c(e(C), {
           prop: n.name,
           label: n.label,
           "label-width": n.labelWidth,
@@ -94,7 +94,7 @@ const Ke = /* @__PURE__ */ v({
           rules: e(d)
         }, {
           default: r(() => [
-            b(e(W), {
+            c(e(W), {
               modelValue: e(t),
               "onUpdate:modelValue": l[0] || (l[0] = (s) => k(t) ? t.value = s : null),
               maxlength: n.maxlength,
@@ -155,10 +155,10 @@ const Ke = /* @__PURE__ */ v({
     readonly: { type: Boolean }
   },
   setup(o) {
-    const i = w(), f = B(), d = $();
-    return (t, n) => (m(), c(e(g), { span: e(i) }, {
+    const i = V(), f = B(), d = $();
+    return (t, n) => (m(), h(e(w), { span: e(i) }, {
       default: r(() => [
-        b(e(C), {
+        c(e(C), {
           prop: t.name,
           label: t.label,
           "label-width": t.labelWidth,
@@ -166,7 +166,7 @@ const Ke = /* @__PURE__ */ v({
           rules: e(f)
         }, {
           default: r(() => [
-            b(e(W), {
+            c(e(W), {
               modelValue: e(d),
               "onUpdate:modelValue": n[0] || (n[0] = (l) => k(d) ? d.value = l : null),
               maxlength: t.maxlength,
@@ -200,10 +200,10 @@ const Ke = /* @__PURE__ */ v({
     rows: {}
   },
   setup(o) {
-    const i = w(), f = B(), d = $();
-    return (t, n) => (m(), c(e(g), { span: e(i) }, {
+    const i = V(), f = B(), d = $();
+    return (t, n) => (m(), h(e(w), { span: e(i) }, {
       default: r(() => [
-        b(e(C), {
+        c(e(C), {
           prop: t.name,
           label: t.label,
           "label-width": t.labelWidth,
@@ -211,7 +211,7 @@ const Ke = /* @__PURE__ */ v({
           rules: e(f)
         }, {
           default: r(() => [
-            b(e(W), {
+            c(e(W), {
               modelValue: e(d),
               "onUpdate:modelValue": n[0] || (n[0] = (l) => k(d) ? d.value = l : null),
               maxlength: t.maxlength,
@@ -247,10 +247,10 @@ const Ke = /* @__PURE__ */ v({
     filterable: { type: Boolean }
   },
   setup(o) {
-    const i = K(), f = w(), d = B(), t = me(), n = H(), l = $(), s = O(() => Te(n.value, l.value));
-    return (a, p) => (m(), c(e(g), { span: e(f) }, {
+    const i = K(), f = V(), d = B(), t = me(), n = H(), l = $(), s = O(() => Ie(n.value, l.value));
+    return (a, p) => (m(), h(e(w), { span: e(f) }, {
       default: r(() => [
-        b(e(C), {
+        c(e(C), {
           prop: a.name,
           label: a.label,
           "label-width": a.labelWidth,
@@ -258,13 +258,13 @@ const Ke = /* @__PURE__ */ v({
           rules: e(d)
         }, {
           default: r(() => [
-            e(t) ? (m(), c(e(W), {
+            e(t) ? (m(), h(e(W), {
               key: 0,
               "model-value": s.value,
               placeholder: a.placeholder,
               disabled: !0,
               readonly: !0
-            }, null, 8, ["model-value", "placeholder"])) : (m(), c(e(se), {
+            }, null, 8, ["model-value", "placeholder"])) : (m(), h(e(se), {
               key: 1,
               modelValue: e(l),
               "onUpdate:modelValue": p[0] || (p[0] = (y) => k(l) ? l.value = y : null),
@@ -274,7 +274,7 @@ const Ke = /* @__PURE__ */ v({
               onChange: e(i).onChange
             }, {
               default: r(() => [
-                (m(!0), E(U, null, N(e(n), (y) => (m(), c(e(ie), {
+                (m(!0), E(U, null, N(e(n), (y) => (m(), h(e(ie), {
                   key: y.value,
                   label: y.content,
                   value: y.value
@@ -307,10 +307,10 @@ const Ke = /* @__PURE__ */ v({
     collapseTagsTooltip: { type: Boolean }
   },
   setup(o) {
-    const i = K(), f = w(), d = B(), t = me(), n = H(), l = fe(), s = P(), a = O(() => Ue(n.value, s.modelValue[o.name]));
-    return (p, y) => (m(), c(e(g), { span: e(f) }, {
+    const i = K(), f = V(), d = B(), t = me(), n = H(), l = fe(), s = P(), a = O(() => Ue(n.value, s.modelValue[o.name]));
+    return (p, y) => (m(), h(e(w), { span: e(f) }, {
       default: r(() => [
-        b(e(C), {
+        c(e(C), {
           prop: p.name,
           label: p.label,
           "label-width": p.labelWidth,
@@ -318,13 +318,13 @@ const Ke = /* @__PURE__ */ v({
           rules: e(d)
         }, {
           default: r(() => [
-            e(t) ? (m(), c(e(W), {
+            e(t) ? (m(), h(e(W), {
               key: 0,
               "model-value": a.value,
               placeholder: p.placeholder,
               disabled: !0,
               readonly: !0
-            }, null, 8, ["model-value", "placeholder"])) : (m(), c(e(se), {
+            }, null, 8, ["model-value", "placeholder"])) : (m(), h(e(se), {
               key: 1,
               modelValue: e(l),
               "onUpdate:modelValue": y[0] || (y[0] = (q) => k(l) ? l.value = q : null),
@@ -335,7 +335,7 @@ const Ke = /* @__PURE__ */ v({
               onChange: e(i).onChange
             }, {
               default: r(() => [
-                (m(!0), E(U, null, N(e(n), (q) => (m(), c(e(ie), {
+                (m(!0), E(U, null, N(e(n), (q) => (m(), h(e(ie), {
                   key: q.value,
                   label: q.content,
                   value: q.value
@@ -365,10 +365,10 @@ const Ke = /* @__PURE__ */ v({
     code: {}
   },
   setup(o) {
-    const i = K(), f = w(), d = B(), t = H(), n = $();
-    return (l, s) => (m(), c(e(g), { span: e(f) }, {
+    const i = K(), f = V(), d = B(), t = H(), n = $();
+    return (l, s) => (m(), h(e(w), { span: e(f) }, {
       default: r(() => [
-        b(e(C), {
+        c(e(C), {
           prop: l.name,
           label: l.label,
           "label-width": l.labelWidth,
@@ -376,14 +376,14 @@ const Ke = /* @__PURE__ */ v({
           rules: e(d)
         }, {
           default: r(() => [
-            b(e(Fe), {
+            c(e(Fe), {
               modelValue: e(n),
               "onUpdate:modelValue": s[0] || (s[0] = (a) => k(n) ? n.value = a : null),
               disabled: l.disabled,
               onChange: e(i).onChange
             }, {
               default: r(() => [
-                (m(!0), E(U, null, N(e(t), (a) => (m(), c(e(ze), {
+                (m(!0), E(U, null, N(e(t), (a) => (m(), h(e(ze), {
                   key: a.value,
                   value: a.value
                 }, {
@@ -417,10 +417,10 @@ const Ke = /* @__PURE__ */ v({
     code: {}
   },
   setup(o) {
-    const i = K(), f = w(), d = B(), t = H(), n = fe();
-    return (l, s) => (m(), c(e(g), { span: e(f) }, {
+    const i = K(), f = V(), d = B(), t = H(), n = fe();
+    return (l, s) => (m(), h(e(w), { span: e(f) }, {
       default: r(() => [
-        b(e(C), {
+        c(e(C), {
           prop: l.name,
           label: l.label,
           "label-width": l.labelWidth,
@@ -428,14 +428,14 @@ const Ke = /* @__PURE__ */ v({
           rules: e(d)
         }, {
           default: r(() => [
-            b(e(We), {
+            c(e(We), {
               modelValue: e(n),
               "onUpdate:modelValue": s[0] || (s[0] = (a) => k(n) ? n.value = a : null),
               disabled: l.disabled,
               onChange: e(i).onChange
             }, {
               default: r(() => [
-                (m(!0), E(U, null, N(e(t), (a) => (m(), c(e(ue), {
+                (m(!0), E(U, null, N(e(t), (a) => (m(), h(e(ue), {
                   key: a.value,
                   label: a.content,
                   value: a.value
@@ -466,17 +466,17 @@ const Ke = /* @__PURE__ */ v({
   setup(o, { emit: i }) {
     const f = i, d = (l) => {
       f("change", l ? "1" : "0");
-    }, t = w(), n = be();
-    return (l, s) => (m(), c(e(g), { span: e(t) }, {
+    }, t = V(), n = be();
+    return (l, s) => (m(), h(e(w), { span: e(t) }, {
       default: r(() => [
-        b(e(C), {
+        c(e(C), {
           prop: l.name,
           label: l.label,
           "label-width": l.labelWidth,
           rules: l.rules
         }, {
           default: r(() => [
-            b(e(ue), {
+            c(e(ue), {
               modelValue: e(n),
               "onUpdate:modelValue": s[0] || (s[0] = (a) => k(n) ? n.value = a : null),
               disabled: l.disabled,
@@ -505,17 +505,17 @@ const Ke = /* @__PURE__ */ v({
   setup(o, { emit: i }) {
     const f = i, d = (l) => {
       f("change", l ? "1" : "0");
-    }, t = w(), n = be();
-    return (l, s) => (m(), c(e(g), { span: e(t) }, {
+    }, t = V(), n = be();
+    return (l, s) => (m(), h(e(w), { span: e(t) }, {
       default: r(() => [
-        b(e(C), {
+        c(e(C), {
           prop: l.name,
           label: l.label,
           "label-width": l.labelWidth,
           rules: l.rules
         }, {
           default: r(() => [
-            b(e(Re), {
+            c(e(Re), {
               modelValue: e(n),
               "onUpdate:modelValue": s[0] || (s[0] = (a) => k(n) ? n.value = a : null),
               disabled: l.disabled,
@@ -549,7 +549,7 @@ const Ke = /* @__PURE__ */ v({
     sourceFormat: {}
   },
   setup(o) {
-    const i = w(), f = B(), d = O(() => o.format.startsWith("H") || o.format.startsWith("h") || o.format.startsWith("m") || o.format.startsWith("s")), t = O(() => o.sourceFormat ? o.sourceFormat : d.value ? "HH:mm:ss" : "YYYY-MM-DD"), n = O(() => {
+    const i = V(), f = B(), d = O(() => o.format.startsWith("H") || o.format.startsWith("h") || o.format.startsWith("m") || o.format.startsWith("s")), t = O(() => o.sourceFormat ? o.sourceFormat : d.value ? "HH:mm:ss" : "YYYY-MM-DD"), n = O(() => {
       let a = "date";
       return (o.format.indexOf("y") > -1 || o.format.indexOf("Y") > -1) && (a = "year"), o.format.indexOf("M") > -1 && (a = "month"), (o.format.indexOf("d") > -1 || o.format.indexOf("D") > -1) && (a = "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) && (a = "datetime"), a;
     }), l = P(), s = O({
@@ -571,9 +571,9 @@ const Ke = /* @__PURE__ */ v({
         o.sourceFormat ? a ? l.updateModelValue(o.name, le(a).format(t.value)) : l.updateModelValue(o.name, "") : a ? l.updateModelValue(o.name, a) : l.updateModelValue(o.name, void 0);
       }
     });
-    return (a, p) => (m(), c(e(g), { span: e(i) }, {
+    return (a, p) => (m(), h(e(w), { span: e(i) }, {
       default: r(() => [
-        b(e(C), {
+        c(e(C), {
           prop: a.name,
           label: a.label,
           "label-width": a.labelWidth,
@@ -581,7 +581,7 @@ const Ke = /* @__PURE__ */ v({
           rules: e(f)
         }, {
           default: r(() => [
-            d.value ? (m(), c(e($e), {
+            d.value ? (m(), h(e($e), {
               key: 0,
               modelValue: s.value,
               "onUpdate:modelValue": p[0] || (p[0] = (y) => s.value = y),
@@ -593,7 +593,7 @@ const Ke = /* @__PURE__ */ v({
               format: t.value,
               "arrow-control": "",
               style: { width: "100%" }
-            }, null, 8, ["modelValue", "placeholder", "disabled", "readonly", "editable", "clearable", "format"])) : (m(), c(e(Ae), {
+            }, null, 8, ["modelValue", "placeholder", "disabled", "readonly", "editable", "clearable", "format"])) : (m(), h(e(Ae), {
               key: 1,
               modelValue: s.value,
               "onUpdate:modelValue": p[1] || (p[1] = (y) => s.value = y),
@@ -627,7 +627,7 @@ const Ke = /* @__PURE__ */ v({
     disabled: { type: Boolean }
   },
   setup(o) {
-    const i = w(), f = B(), d = $();
+    const i = V(), f = B(), d = $();
     re(d, () => {
       d.value || (t.value = "");
     });
@@ -637,9 +637,9 @@ const Ke = /* @__PURE__ */ v({
         var s;
         d.value = (s = l == null ? void 0 : l.target) == null ? void 0 : s.files[0];
       }, t.value = "";
-    }), (l, s) => (m(), c(e(g), { span: e(i) }, {
+    }), (l, s) => (m(), h(e(w), { span: e(i) }, {
       default: r(() => [
-        b(e(C), {
+        c(e(C), {
           prop: l.name,
           label: l.label,
           "label-width": l.labelWidth,
@@ -647,7 +647,7 @@ const Ke = /* @__PURE__ */ v({
           rules: e(f)
         }, {
           default: r(() => [
-            b(e(W), {
+            c(e(W), {
               ref: "inputRef",
               modelValue: t.value,
               "onUpdate:modelValue": s[0] || (s[0] = (a) => t.value = a),
@@ -674,13 +674,13 @@ const Ke = /* @__PURE__ */ v({
   setup(o) {
     const i = O(() => ({
       textAlign: o.align
-    })), f = w();
-    return (d, t) => (m(), c(e(g), {
+    })), f = V();
+    return (d, t) => (m(), h(e(w), {
       span: e(f),
       style: Ce(i.value)
     }, {
       default: r(() => [
-        b(e(Ne), {
+        c(e(Ne), {
           gutter: d.gutter,
           style: { "margin-bottom": "var(--orion-form-validation-message-height)" }
         }, {
@@ -706,10 +706,10 @@ const Ke = /* @__PURE__ */ v({
     rules: {}
   },
   setup(o) {
-    const i = w(), f = B();
-    return (d, t) => (m(), c(e(g), { span: e(i) }, {
+    const i = V(), f = B();
+    return (d, t) => (m(), h(e(w), { span: e(i) }, {
       default: r(() => [
-        b(e(C), {
+        c(e(C), {
           prop: d.name,
           label: d.label,
           "label-width": d.labelWidth,
@@ -743,77 +743,76 @@ const Ke = /* @__PURE__ */ v({
     fillMapping: { type: [String, Function] }
   },
   setup(o) {
-    const i = w(), f = B(), d = $(), t = P(), n = z(!1), l = (h) => {
-      n.value = h;
+    const i = V(), f = B(), d = $(), t = P(), n = z(!1), l = (b) => {
+      n.value = b;
     }, s = z(!1), a = () => {
-      s.value || (s.value = !0), n.value || I.value.handleOpen();
+      s.value || (s.value = !0), n.value || T.value.handleOpen();
     };
     let p;
-    const y = (h) => {
-      p = h;
-    }, q = (h) => {
-      ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "Enter", "Space"].indexOf(h.code) > -1 && (n.value && p && p(h.code), h.stopPropagation()), ["ArrowUp", "ArrowDown"].indexOf(h.code) > -1 && !n.value && I.value.handleOpen();
-    }, J = A("input"), Y = async (h) => {
-      n.value && J.value.focus();
+    const y = (b) => {
+      p = b;
+    }, q = (b) => {
+      ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "Enter", "Space"].indexOf(b.code) > -1 && (n.value && p && p(b.code), b.stopPropagation()), ["ArrowUp", "ArrowDown"].indexOf(b.code) > -1 && !n.value && T.value.handleOpen();
+    }, J = A("input"), Y = async (b) => {
+      n.value && J.value.focus(), !(b.relatedTarget && b.relatedTarget.closest(".el-popper")) && Q();
     }, Q = () => {
       if (s.value && L(o.fillMapping)) {
-        const h = {}, V = o.fillMapping.split(",");
-        for (let M = 0; M < V.length; M++) {
-          const F = V[M].split(":")[0].trim();
-          h[F] = void 0;
+        const b = {}, g = o.fillMapping.split(",");
+        for (let M = 0; M < g.length; M++) {
+          const F = g[M].split(":")[0].trim();
+          b[F] = void 0;
         }
-        t.updateModelValueMulti(h);
+        t.updateModelValueMulti(b);
       }
-    }, I = A("dropdown");
+    }, T = A("dropdown");
     return x(
       Ge,
       _({
         lovValue: d,
-        backfill: (h) => {
-          if (I.value.handleClose(), L(o.fillMapping)) {
-            const V = {}, M = o.fillMapping.split(",");
+        backfill: (b) => {
+          if (T.value.handleClose(), L(o.fillMapping)) {
+            const g = {}, M = o.fillMapping.split(",");
             for (let F = 0; F < M.length; F++) {
-              const R = M[F].split(":")[0].trim(), X = M[F].split(":")[1].trim(), u = h[X];
-              V[R] = u;
+              const R = M[F].split(":")[0].trim(), X = M[F].split(":")[1].trim(), u = b[X];
+              g[R] = u;
             }
-            t.updateModelValueMulti(V);
+            t.updateModelValueMulti(g);
           } else
-            o.fillMapping && o.fillMapping(h);
+            o.fillMapping && o.fillMapping(b);
           s.value && (s.value = !1);
         },
         registerKeydownHandler: y
       })
-    ), (h, V) => (m(), c(e(g), { span: e(i) }, {
+    ), (b, g) => (m(), h(e(w), { span: e(i) }, {
       default: r(() => [
-        b(e(C), {
-          prop: h.name,
-          label: h.label,
-          "label-width": h.labelWidth,
-          required: h.required,
+        c(e(C), {
+          prop: b.name,
+          label: b.label,
+          "label-width": b.labelWidth,
+          required: b.required,
           rules: e(f)
         }, {
           default: r(() => [
-            b(e(pe), {
+            c(e(pe), {
               ref: "dropdown",
               trigger: "click",
               onVisibleChange: l,
               style: { width: "100%" }
             }, {
               dropdown: r(() => [
-                S(h.$slots, "default")
+                S(b.$slots, "default")
               ]),
               default: r(() => [
-                b(e(W), {
+                c(e(W), {
                   ref: "input",
                   modelValue: e(d),
-                  "onUpdate:modelValue": V[0] || (V[0] = (M) => k(d) ? d.value = M : null),
-                  maxlength: h.maxlength,
-                  placeholder: h.placeholder,
-                  disabled: h.disabled,
-                  readonly: h.readonly,
+                  "onUpdate:modelValue": g[0] || (g[0] = (M) => k(d) ? d.value = M : null),
+                  maxlength: b.maxlength,
+                  placeholder: b.placeholder,
+                  disabled: b.disabled,
+                  readonly: b.readonly,
                   onInput: a,
                   onKeydown: q,
-                  onChange: Q,
                   onBlur: Y,
                   "suffix-icon": e(Pe)
                 }, null, 8, ["modelValue", "maxlength", "placeholder", "disabled", "readonly", "suffix-icon"])
@@ -850,7 +849,7 @@ const Ke = /* @__PURE__ */ v({
     controlsPosition: {}
   },
   setup(o) {
-    const i = ae(), f = w(), d = B(), t = P(), n = O({
+    const i = ae(), f = V(), d = B(), t = P(), n = O({
       get: () => {
         const l = t.modelValue[o.name];
         if (l) {
@@ -865,9 +864,9 @@ const Ke = /* @__PURE__ */ v({
         l ? t.updateModelValue(o.name, l) : t.updateModelValue(o.name, void 0);
       }
     });
-    return (l, s) => (m(), c(e(g), { span: e(f) }, {
+    return (l, s) => (m(), h(e(w), { span: e(f) }, {
       default: r(() => [
-        b(e(C), {
+        c(e(C), {
           prop: l.name,
           label: l.label,
           "label-width": l.labelWidth,
@@ -875,7 +874,7 @@ const Ke = /* @__PURE__ */ v({
           rules: e(d)
         }, {
           default: r(() => [
-            b(e(Ee), {
+            c(e(Ee), {
               modelValue: n.value,
               "onUpdate:modelValue": s[0] || (s[0] = (a) => n.value = a),
               placeholder: l.placeholder,
@@ -949,7 +948,7 @@ const Ke = /* @__PURE__ */ v({
   },
   emits: ["change"],
   setup(o, { emit: i }) {
-    const f = i, d = w(), t = B(), n = z(""), l = z(!1), s = P(), a = O({
+    const f = i, d = V(), t = B(), n = z(""), l = z(!1), s = P(), a = O({
       get: () => {
         const u = s.modelValue[o.name];
         if (u) {
@@ -963,24 +962,24 @@ const Ke = /* @__PURE__ */ v({
       }
     }), p = z([]);
     de(async () => {
-      R && (p.value = await R(a.value), p.value && (h.value = p.value.map((u) => o.tag(u))));
+      R && (p.value = await R(a.value), p.value && (b.value = p.value.map((u) => o.tag(u))));
     }), re(a, async () => {
-      l.value ? R && (p.value = await R(a.value), p.value && (h.value = p.value.map((u) => o.tag(u)))) : l.value = !0;
+      l.value ? R && (p.value = await R(a.value), p.value && (b.value = p.value.map((u) => o.tag(u)))) : l.value = !0;
     });
     const y = z(!1), q = (u) => {
       y.value = u;
     }, J = () => {
-      y.value || V.value.handleOpen();
+      y.value || g.value.handleOpen();
     }, Y = A("input"), Q = () => {
       Y.value.focus();
-    }, I = (u) => {
-      y.value ? ["Enter", "Escape"].indexOf(u.code) > -1 ? V.value.handleClose() : u.code == "ArrowDown" ? u.stopPropagation() : u.code == "Tab" && (y.value = !1, V.value.handleClose()) : ["ArrowUp", "ArrowDown"].indexOf(u.code) > -1 && (V.value.handleOpen(), u.stopPropagation());
+    }, T = (u) => {
+      y.value ? ["Enter", "Escape"].indexOf(u.code) > -1 ? g.value.handleClose() : u.code == "ArrowDown" ? u.stopPropagation() : u.code == "Tab" && (y.value = !1, g.value.handleClose()) : ["ArrowUp", "ArrowDown"].indexOf(u.code) > -1 && (g.value.handleOpen(), u.stopPropagation());
     }, ee = async (u) => {
       y.value ? Y.value.focus() : n.value = "";
-    }, h = z([]), V = A("dropdown"), M = (u, j) => {
-      a.value = u.map((T) => Ve(T, o.pick)), h.value = u.map((T) => o.tag(T)), j && (n.value = ""), f("change", u);
+    }, b = z([]), g = A("dropdown"), M = (u, j) => {
+      a.value = u.map((I) => Ve(I, o.pick)), b.value = u.map((I) => o.tag(I)), j && (n.value = ""), f("change", u);
     }, F = () => {
-      V.value.handleClose();
+      g.value.handleClose();
     };
     let R;
     const X = (u) => {
@@ -997,10 +996,10 @@ const Ke = /* @__PURE__ */ v({
         registerRowCompletionProvider: X
       })
     ), (u, j) => {
-      const T = Se("o-space");
-      return m(), c(e(g), { span: e(d) }, {
+      const I = Se("o-space");
+      return m(), h(e(w), { span: e(d) }, {
         default: r(() => [
-          b(e(C), {
+          c(e(C), {
             prop: u.name,
             label: u.label,
             "label-width": u.labelWidth,
@@ -1008,7 +1007,7 @@ const Ke = /* @__PURE__ */ v({
             rules: e(t)
           }, {
             default: r(() => [
-              b(e(pe), {
+              c(e(pe), {
                 ref: "dropdown",
                 trigger: "click",
                 onVisibleChange: q,
@@ -1022,7 +1021,7 @@ const Ke = /* @__PURE__ */ v({
                     onFocus: Q,
                     style: { position: "relative", width: "100%", height: "100%" }
                   }, [
-                    b(e(W), {
+                    c(e(W), {
                       ref: "input",
                       modelValue: n.value,
                       "onUpdate:modelValue": j[0] || (j[0] = (Z) => n.value = Z),
@@ -1031,14 +1030,14 @@ const Ke = /* @__PURE__ */ v({
                       disabled: u.disabled,
                       readonly: u.readonly,
                       onInput: J,
-                      onKeydown: I,
+                      onKeydown: T,
                       onBlur: ee,
                       "suffix-icon": y.value ? e(Ye) : e(je)
                     }, null, 8, ["modelValue", "maxlength", "placeholder", "disabled", "readonly", "suffix-icon"]),
                     y.value ? qe("", !0) : (m(), E("div", sl, [
-                      b(T, null, {
+                      c(I, null, {
                         default: r(() => [
-                          (m(!0), E(U, null, N(h.value, (Z) => (m(), c(e(De), { type: "info" }, {
+                          (m(!0), E(U, null, N(b.value, (Z) => (m(), h(e(De), { type: "info" }, {
                             default: r(() => [
                               ne(te(Z), 1)
                             ]),
@@ -1080,7 +1079,7 @@ const Ke = /* @__PURE__ */ v({
 });
 export {
   Cl as default,
-  Ie as formContextKey,
+  Te as formContextKey,
   Ge as lovContextKey,
   Le as tableSelectContext,
   ql as useLov,