@oneflowui/ui 0.5.6 → 0.5.7

package/dist/components/field/FieldMultiSelect.vue2.js

@@ -1,137 +1,142 @@
-import { defineComponent as $, ref as a, computed as M, onMounted as z, nextTick as O, onBeforeUnmount as T, watch as F, openBlock as l, createElementBlock as i, Fragment as A, renderList as L, normalizeStyle as w, toDisplayString as k, createBlock as P, Teleport as U, withModifiers as m, normalizeClass as V, createElementVNode as p, createCommentVNode as I } from "vue";
-const K = {
+import { defineComponent as F, ref as r, computed as $, onMounted as K, nextTick as O, onBeforeUnmount as T, watch as P, openBlock as l, createElementBlock as a, Fragment as A, renderList as L, normalizeStyle as b, toDisplayString as h, createBlock as U, Teleport as V, withKeys as B, withModifiers as d, normalizeClass as S, createElementVNode as y, createCommentVNode as I } from "vue";
+const W = {
   key: 0,
   class: "of-field-multiselect__chips"
-}, W = {
+}, j = {
   key: 1,
   class: "of-field-multiselect__placeholder"
-}, j = ["onMouseenter", "onClick"], q = ["checked"], G = { key: 1 }, H = { class: "of-field-multiselect__actions" }, Q = /* @__PURE__ */ $({
+}, q = ["aria-checked", "onMouseenter", "onClick", "onFocusin", "onKeydown"], G = { key: 1 }, H = { class: "of-field-multiselect__actions" }, Q = /* @__PURE__ */ F({
   __name: "FieldMultiSelect",
   props: {
     value: { type: [String, Number, Boolean, Array, null] },
     field: {}
   },
   emits: ["commit", "cancel", "tabNext"],
-  setup(B, { emit: S }) {
-    const d = B, _ = S, u = a(null), b = a(null), h = a({ top: "0px", left: "0px", width: "0px" }), f = a(!0), v = M(() => d.field.options ?? []), o = a([]), r = a(0), x = M(() => {
-      const e = new Set(o.value);
-      return v.value.filter((n) => e.has(n.value));
+  setup(N, { emit: R }) {
+    const f = N, w = R, s = r(null), x = r(null), g = r({ top: "0px", left: "0px", width: "0px" }), v = r(!0), m = $(() => f.field.options ?? []), n = r([]), i = r(0), C = $(() => {
+      const e = new Set(n.value);
+      return m.value.filter((o) => e.has(o.value));
     });
-    function g() {
-      o.value = Array.isArray(d.value) ? d.value.filter((e) => typeof e == "string") : [];
+    function D() {
+      n.value = Array.isArray(f.value) ? f.value.filter((e) => typeof e == "string") : [];
     }
-    function s() {
-      if (!u.value) return;
-      const e = u.value.getBoundingClientRect();
-      h.value = {
+    function c() {
+      if (!s.value) return;
+      const e = s.value.getBoundingClientRect();
+      g.value = {
         top: `${e.bottom}px`,
         left: `${e.left}px`,
         width: `${Math.max(e.width, 220)}px`
       };
     }
-    function C(e) {
-      if (o.value.indexOf(e) >= 0) {
-        o.value = o.value.filter((t) => t !== e);
+    function p(e) {
+      if (n.value.indexOf(e) >= 0) {
+        n.value = n.value.filter((t) => t !== e);
         return;
       }
-      o.value = [...o.value, e];
+      n.value = [...n.value, e];
     }
-    function y() {
-      f.value = !1, _("commit", [...o.value]);
+    function k() {
+      v.value = !1, w("commit", [...n.value]);
     }
-    function D() {
-      f.value && (f.value = !1, _("cancel"));
+    function E() {
+      v.value && (v.value = !1, w("cancel"));
     }
-    function N(e) {
+    function z(e) {
       if (e.key === "ArrowDown") {
-        e.preventDefault(), r.value = Math.min(r.value + 1, Math.max(v.value.length - 1, 0));
+        e.preventDefault(), i.value = Math.min(i.value + 1, Math.max(m.value.length - 1, 0));
         return;
       }
       if (e.key === "ArrowUp") {
-        e.preventDefault(), r.value = Math.max(r.value - 1, 0);
+        e.preventDefault(), i.value = Math.max(i.value - 1, 0);
         return;
       }
       if (e.key === " " || e.key === "Enter") {
         e.preventDefault();
-        const n = v.value[r.value];
-        n && C(n.value);
+        const o = m.value[i.value];
+        o && p(o.value);
         return;
       }
       if (e.key === "Escape") {
-        e.preventDefault(), D();
+        e.preventDefault(), E();
         return;
       }
-      e.key === "Tab" && (e.preventDefault(), y(), _("tabNext"));
+      e.key === "Tab" && (e.preventDefault(), k(), w("tabNext"));
     }
-    function E(e) {
-      var t, c;
-      const n = e.target;
-      n && ((t = u.value) != null && t.contains(n) || (c = b.value) != null && c.contains(n) || y());
+    function M(e) {
+      var t, u;
+      const o = e.target;
+      o && ((t = s.value) != null && t.contains(o) || (u = x.value) != null && u.contains(o) || k());
     }
-    return z(() => {
-      g(), O(() => {
+    return K(() => {
+      D(), O(() => {
         var e;
-        s(), (e = u.value) == null || e.focus();
-      }), window.addEventListener("resize", s), window.addEventListener("scroll", s, !0), window.addEventListener("mousedown", E, !0);
+        c(), (e = s.value) == null || e.focus();
+      }), window.addEventListener("resize", c), window.addEventListener("scroll", c, !0), window.addEventListener("mousedown", M, !0);
     }), T(() => {
-      window.removeEventListener("resize", s), window.removeEventListener("scroll", s, !0), window.removeEventListener("mousedown", E, !0);
-    }), F(
-      () => d.value,
+      window.removeEventListener("resize", c), window.removeEventListener("scroll", c, !0), window.removeEventListener("mousedown", M, !0);
+    }), P(
+      () => f.value,
       () => {
-        g();
+        D();
       }
-    ), (e, n) => (l(), i("div", {
+    ), (e, o) => (l(), a("button", {
       ref_key: "triggerRef",
-      ref: u,
+      ref: s,
+      type: "button",
       class: "of-field-multiselect",
-      tabindex: "0",
-      onKeydown: N
+      "aria-label": "多选字段编辑器",
+      onKeydown: z
     }, [
-      x.value.length ? (l(), i("div", K, [
-        (l(!0), i(A, null, L(x.value, (t) => (l(), i("span", {
+      C.value.length ? (l(), a("div", W, [
+        (l(!0), a(A, null, L(C.value, (t) => (l(), a("span", {
           key: t.value,
           class: "of-field-multiselect__badge",
-          style: w(t.color ? { background: t.color } : void 0)
-        }, k(t.label), 5))), 128))
-      ])) : (l(), i("span", W, "—")),
-      (l(), P(U, { to: "body" }, [
-        f.value ? (l(), i("div", {
+          style: b(t.color ? { background: t.color } : void 0)
+        }, h(t.label), 5))), 128))
+      ])) : (l(), a("span", j, "—")),
+      (l(), U(V, { to: "body" }, [
+        v.value ? (l(), a("div", {
           key: 0,
           ref_key: "dropdownRef",
-          ref: b,
+          ref: x,
           class: "of-field-multiselect__dropdown",
-          style: w(h.value)
+          style: b(g.value)
         }, [
-          (l(!0), i(A, null, L(v.value, (t, c) => (l(), i("div", {
+          (l(!0), a(A, null, L(m.value, (t, u) => (l(), a("button", {
             key: t.value,
-            class: V(["of-field-multiselect__option", { active: c === r.value, selected: o.value.includes(t.value) }]),
-            onMouseenter: (R) => r.value = c,
-            onClick: m((R) => C(t.value), ["stop"])
+            type: "button",
+            class: S(["of-field-multiselect__option", { active: u === i.value, selected: n.value.includes(t.value) }]),
+            role: "checkbox",
+            "aria-checked": n.value.includes(t.value),
+            onMouseenter: (_) => i.value = u,
+            onClick: d((_) => p(t.value), ["stop"]),
+            onFocusin: (_) => i.value = u,
+            onKeydown: [
+              B(d((_) => p(t.value), ["prevent"]), ["enter"]),
+              B(d((_) => p(t.value), ["prevent"]), ["space"])
+            ]
           }, [
-            p("input", {
-              class: "of-field-multiselect__checkbox",
-              type: "checkbox",
-              tabindex: "-1",
-              checked: o.value.includes(t.value),
-              onChange: n[0] || (n[0] = m(() => {
-              }, ["prevent"]))
-            }, null, 40, q),
-            t.color ? (l(), i("span", {
+            y("span", {
+              class: S(["of-field-multiselect__checkbox", { "of-field-multiselect__checkbox--checked": n.value.includes(t.value) }]),
+              "aria-hidden": "true"
+            }, null, 2),
+            t.color ? (l(), a("span", {
               key: 0,
               class: "of-field-multiselect__badge",
-              style: w({ background: t.color })
-            }, k(t.label), 5)) : (l(), i("span", G, k(t.label), 1))
-          ], 42, j))), 128)),
-          p("div", H, [
-            p("button", {
+              style: b({ background: t.color })
+            }, h(t.label), 5)) : (l(), a("span", G, h(t.label), 1))
+          ], 42, q))), 128)),
+          y("div", H, [
+            y("button", {
               class: "of-field-multiselect__btn",
               type: "button",
-              onClick: m(D, ["stop"])
+              onClick: d(E, ["stop"])
             }, " 取消 "),
-            p("button", {
+            y("button", {
               class: "of-field-multiselect__btn of-field-multiselect__btn--primary",
               type: "button",
-              onClick: m(y, ["stop"])
+              onClick: d(k, ["stop"])
             }, " 完成 ")
           ])
         ], 4)) : I("", !0)

package/dist/components/field/FieldNumber.vue.js

@@ -1,7 +1,7 @@
 import o from "./FieldNumber.vue2.js";
 /* empty css                 */
-import e from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ e(o, [["__scopeId", "data-v-a09e5dea"]]);
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-95878be2"]]);
 export {
-  m as default
+  p as default
 };

package/dist/components/field/FieldNumber.vue2.js

@@ -1,42 +1,43 @@
-import { defineComponent as s, ref as f, onMounted as v, nextTick as d, withDirectives as N, openBlock as b, createElementBlock as y, vModelText as k } from "vue";
-const x = /* @__PURE__ */ s({
+import { defineComponent as p, ref as m, onMounted as v, nextTick as d, withDirectives as b, openBlock as N, createElementBlock as y, vModelText as k } from "vue";
+const D = ["aria-label"], w = /* @__PURE__ */ p({
   __name: "FieldNumber",
   props: {
     value: { type: [String, Number, Boolean, Array, null] },
     field: {}
   },
   emits: ["commit", "cancel", "tabNext"],
-  setup(m, { emit: c }) {
-    const o = m, u = c, a = f(null), t = f(o.value === null || o.value === void 0 ? "" : String(o.value));
+  setup(r, { emit: c }) {
+    const a = r, l = c, i = m(null), t = m(a.value === null || a.value === void 0 ? "" : String(a.value));
     v(() => d(() => {
       var e;
-      return (e = a.value) == null ? void 0 : e.focus();
+      return (e = i.value) == null ? void 0 : e.focus();
     }));
-    function r() {
+    function o() {
       if (t.value === "") return null;
       const e = Number(t.value);
       return Number.isNaN(e) ? null : e;
     }
-    function i(e) {
-      const n = t.value === "" ? 0 : Number(t.value), l = Number.isNaN(n) ? 0 : n;
-      t.value = String(l + e);
+    function f(e) {
+      const n = t.value === "" ? 0 : Number(t.value), u = Number.isNaN(n) ? 0 : n;
+      t.value = String(u + e);
     }
-    function p(e) {
-      e.key === "ArrowUp" && (e.preventDefault(), i(1)), e.key === "ArrowDown" && (e.preventDefault(), i(-1)), e.key === "Enter" && (e.preventDefault(), u("commit", r())), e.key === "Escape" && (e.preventDefault(), u("cancel")), e.key === "Tab" && (e.preventDefault(), u("commit", r()), u("tabNext"));
+    function s(e) {
+      e.key === "ArrowUp" && (e.preventDefault(), f(1)), e.key === "ArrowDown" && (e.preventDefault(), f(-1)), e.key === "Enter" && (e.preventDefault(), l("commit", o())), e.key === "Escape" && (e.preventDefault(), l("cancel")), e.key === "Tab" && (e.preventDefault(), l("commit", o()), l("tabNext"));
     }
-    return (e, n) => N((b(), y("input", {
+    return (e, n) => b((N(), y("input", {
       ref_key: "inputRef",
-      ref: a,
+      ref: i,
+      "onUpdate:modelValue": n[0] || (n[0] = (u) => t.value = u),
       class: "of-field-input",
       type: "number",
-      "onUpdate:modelValue": n[0] || (n[0] = (l) => t.value = l),
-      onKeydown: p,
-      onBlur: n[1] || (n[1] = (l) => u("commit", r()))
-    }, null, 544)), [
+      "aria-label": r.field.label,
+      onKeydown: s,
+      onBlur: n[1] || (n[1] = (u) => l("commit", o()))
+    }, null, 40, D)), [
       [k, t.value]
     ]);
   }
 });
 export {
-  x as default
+  w as default
 };

package/dist/components/field/FieldPhone.vue.js

@@ -1,7 +1,7 @@
 import o from "./FieldPhone.vue2.js";
 /* empty css                */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-16fe679a"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6c2ab802"]]);
 export {
-  f as default
+  m as default
 };

package/dist/components/field/FieldPhone.vue2.js

@@ -1,34 +1,35 @@
-import { defineComponent as c, ref as i, onMounted as m, nextTick as s, withDirectives as v, openBlock as d, createElementBlock as y, vModelText as k } from "vue";
-const b = /* @__PURE__ */ c({
+import { defineComponent as p, ref as r, onMounted as m, nextTick as s, withDirectives as v, openBlock as d, createElementBlock as y, vModelText as b } from "vue";
+const k = ["aria-label"], B = /* @__PURE__ */ p({
   __name: "FieldPhone",
   props: {
     value: { type: [String, Number, Boolean, Array, null] },
     field: {}
   },
   emits: ["commit", "cancel", "tabNext"],
-  setup(r, { emit: p }) {
-    const o = r, t = p, u = i(null), l = i(typeof o.value == "string" ? o.value : "");
+  setup(o, { emit: f }) {
+    const a = o, t = f, u = r(null), l = r(typeof a.value == "string" ? a.value : "");
     m(() => s(() => {
       var e;
       return (e = u.value) == null ? void 0 : e.focus();
     }));
-    function f(e) {
+    function c(e) {
       e.key === "Enter" && (e.preventDefault(), t("commit", l.value || null)), e.key === "Escape" && (e.preventDefault(), t("cancel")), e.key === "Tab" && (e.preventDefault(), t("commit", l.value || null), t("tabNext"));
     }
     return (e, n) => v((d(), y("input", {
       ref_key: "inputRef",
       ref: u,
+      "onUpdate:modelValue": n[0] || (n[0] = (i) => l.value = i),
       class: "of-field-input",
       type: "tel",
-      "onUpdate:modelValue": n[0] || (n[0] = (a) => l.value = a),
+      "aria-label": o.field.label,
       placeholder: "输入电话号码",
-      onKeydown: f,
-      onBlur: n[1] || (n[1] = (a) => t("commit", l.value || null))
-    }, null, 544)), [
-      [k, l.value]
+      onKeydown: c,
+      onBlur: n[1] || (n[1] = (i) => t("commit", l.value || null))
+    }, null, 40, k)), [
+      [b, l.value]
     ]);
   }
 });
 export {
-  b as default
+  B as default
 };

package/dist/components/field/FieldProgress.vue.js

@@ -1,7 +1,7 @@
 import o from "./FieldProgress.vue2.js";
 /* empty css                   */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-a4750422"]]);
+const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-35c4fb4c"]]);
 export {
   e as default
 };

package/dist/components/field/FieldProgress.vue2.js

@@ -1,37 +1,38 @@
-import { defineComponent as d, ref as p, openBlock as g, createElementBlock as v, createElementVNode as o, normalizeStyle as _, unref as l, toDisplayString as y } from "vue";
-const x = { class: "of-field-progress" }, h = { class: "of-field-progress-bar" }, b = ["min", "max", "value"], N = { class: "of-field-progress-label" }, C = /* @__PURE__ */ d({
+import { defineComponent as u, ref as p, openBlock as g, createElementBlock as v, createElementVNode as o, normalizeStyle as _, unref as t, toDisplayString as b } from "vue";
+const y = { class: "of-field-progress" }, x = { class: "of-field-progress-bar" }, h = ["min", "max", "value", "aria-label"], N = { class: "of-field-progress-label" }, C = /* @__PURE__ */ u({
   __name: "FieldProgress",
   props: {
     value: { type: [String, Number, Boolean, Array, null] },
     field: {}
   },
   emits: ["commit", "cancel", "tabNext"],
-  setup(r, { emit: c }) {
-    const e = r, m = c, s = e.field.type === "progress" && "min" in e.field ? e.field.min ?? 0 : 0, n = e.field.type === "progress" && "max" in e.field ? e.field.max ?? 100 : 100, t = p(typeof e.value == "number" ? e.value : 0);
+  setup(s, { emit: c }) {
+    const e = s, m = c, n = e.field.type === "progress" && "min" in e.field ? e.field.min ?? 0 : 0, a = e.field.type === "progress" && "max" in e.field ? e.field.max ?? 100 : 100, l = p(typeof e.value == "number" ? e.value : 0);
     function f(i) {
-      const a = i.target;
-      t.value = Number(a.value);
+      const r = i.target;
+      l.value = Number(r.value);
     }
-    function u() {
-      m("commit", t.value);
+    function d() {
+      m("commit", l.value);
     }
-    return (i, a) => (g(), v("div", x, [
-      o("div", h, [
+    return (i, r) => (g(), v("div", y, [
+      o("div", x, [
         o("div", {
           class: "of-field-progress-fill",
-          style: _({ width: `${(t.value - l(s)) / (l(n) - l(s)) * 100}%` })
+          style: _({ width: `${(l.value - t(n)) / (t(a) - t(n)) * 100}%` })
         }, null, 4)
       ]),
       o("input", {
         class: "of-field-progress-slider",
         type: "range",
-        min: l(s),
-        max: l(n),
-        value: t.value,
+        min: t(n),
+        max: t(a),
+        value: l.value,
+        "aria-label": s.field.label,
         onInput: f,
-        onChange: u
-      }, null, 40, b),
-      o("span", N, y(t.value) + "%", 1)
+        onChange: d
+      }, null, 40, h),
+      o("span", N, b(l.value) + "%", 1)
     ]));
   }
 });

package/dist/components/field/FieldRating.vue.js

@@ -1,7 +1,7 @@
 import o from "./FieldRating.vue2.js";
 /* empty css                 */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-58a68101"]]);
+const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-40f59bfd"]]);
 export {
-  m as default
+  i as default
 };

package/dist/components/field/FieldRating.vue2.js

@@ -1,31 +1,37 @@
-import { defineComponent as v, ref as x, openBlock as o, createElementBlock as r, withKeys as _, Fragment as g, renderList as k, unref as u, withModifiers as y, normalizeClass as b } from "vue";
-const C = ["onMouseenter", "onClick"], $ = /* @__PURE__ */ v({
+import { defineComponent as p, ref as b, openBlock as l, createElementBlock as r, withKeys as x, Fragment as $, renderList as g, unref as u, withModifiers as y, normalizeClass as k } from "vue";
+const B = ["aria-label", "onMouseenter", "onFocus", "onClick"], F = /* @__PURE__ */ p({
   __name: "FieldRating",
   props: {
     value: { type: [String, Number, Boolean, Array, null] },
     field: {}
   },
   emits: ["commit", "cancel", "tabNext"],
-  setup(c, { emit: m }) {
-    const l = c, s = m, n = x(0), d = l.field.max ?? 5, f = Number(l.value ?? 0);
-    function p(i) {
-      s("commit", i);
+  setup(m, { emit: c }) {
+    const a = m, i = c, n = b(0), d = a.field.max ?? 5, v = Number(a.value ?? 0);
+    function f(s) {
+      i("commit", s);
     }
-    return (i, t) => (o(), r("div", {
+    return (s, t) => (l(), r("div", {
       class: "of-field-rating",
-      onKeydown: t[1] || (t[1] = _((e) => s("cancel"), ["escape"])),
-      tabindex: "0"
+      tabindex: "0",
+      role: "radiogroup",
+      "aria-label": "评分",
+      onKeydown: t[2] || (t[2] = x((e) => i("cancel"), ["escape"]))
     }, [
-      (o(!0), r(g, null, k(u(d), (e) => (o(), r("span", {
+      (l(!0), r($, null, g(u(d), (e) => (l(), r("button", {
         key: e,
-        class: b(["of-field-rating__star", { filled: e <= (n.value || u(f)) }]),
-        onMouseenter: (a) => n.value = e,
-        onMouseleave: t[0] || (t[0] = (a) => n.value = 0),
-        onClick: y((a) => p(e), ["stop"])
-      }, "★", 42, C))), 128))
+        class: k(["of-field-rating__star", { filled: e <= (n.value || u(v)) }]),
+        type: "button",
+        "aria-label": `评分 ${e} 星`,
+        onMouseenter: (o) => n.value = e,
+        onMouseleave: t[0] || (t[0] = (o) => n.value = 0),
+        onFocus: (o) => n.value = e,
+        onBlur: t[1] || (t[1] = (o) => n.value = 0),
+        onClick: y((o) => f(e), ["stop"])
+      }, " ★ ", 42, B))), 128))
     ], 32));
   }
 });
 export {
-  $ as default
+  F as default
 };

package/dist/components/field/FieldRelation.vue.js

@@ -1,7 +1,7 @@
 import o from "./FieldRelation.vue2.js";
 /* empty css                   */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-7af66606"]]);
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-30a94df6"]]);
 export {
   f as default
 };

package/dist/components/field/FieldRelation.vue2.js

@@ -1,21 +1,25 @@
-import { defineComponent as x, ref as i, computed as _, onMounted as b, nextTick as N, openBlock as r, createElementBlock as u, withDirectives as V, createElementVNode as f, vModelText as h, Fragment as D, renderList as C, createTextVNode as E, toDisplayString as M, createCommentVNode as T } from "vue";
+import { defineComponent as b, ref as i, computed as x, onMounted as _, nextTick as h, openBlock as r, createElementBlock as u, withDirectives as N, createElementVNode as f, vModelText as V, Fragment as D, renderList as C, createTextVNode as E, toDisplayString as M, createCommentVNode as T } from "vue";
 const A = {
+  class: "of-field-relation",
+  role: "group",
+  "aria-label": "关联记录选择器"
+}, B = ["aria-label"], F = {
   key: 0,
   class: "of-field-relation-tags"
-}, B = ["onClick"], w = /* @__PURE__ */ x({
+}, R = ["onClick"], S = /* @__PURE__ */ b({
   __name: "FieldRelation",
   props: {
     value: { type: [String, Number, Boolean, Array, null] },
     field: {}
   },
   emits: ["commit", "cancel", "tabNext"],
-  setup(m, { emit: d }) {
-    const n = m, a = d, c = i(null), v = i(""), y = i(!1), t = i(
+  setup(c, { emit: m }) {
+    const n = c, a = m, v = i(null), d = i(""), y = i(!1), t = i(
       Array.isArray(n.value) ? n.value.filter((e) => typeof e == "string") : typeof n.value == "string" && n.value ? [n.value] : []
-    ), p = _(() => n.field.type !== "relation" ? !1 : n.field.relationMode === "many_to_many");
-    b(() => N(() => {
+    ), p = x(() => n.field.type !== "relation" ? !1 : n.field.relationMode === "many_to_many");
+    _(() => h(() => {
       var e;
-      return (e = c.value) == null ? void 0 : e.focus();
+      return (e = v.value) == null ? void 0 : e.focus();
     }));
     function g(e) {
       if (p.value) {
@@ -30,22 +34,21 @@ const A = {
     function k(e) {
       e.key === "Escape" && (e.preventDefault(), a("cancel")), e.key === "Enter" && (e.preventDefault(), s()), e.key === "Tab" && (e.preventDefault(), s(), a("tabNext"));
     }
-    return (e, l) => (r(), u("div", {
-      class: "of-field-relation",
-      onKeydown: k
-    }, [
-      V(f("input", {
+    return (e, l) => (r(), u("div", A, [
+      N(f("input", {
         ref_key: "inputRef",
-        ref: c,
+        ref: v,
+        "onUpdate:modelValue": l[0] || (l[0] = (o) => d.value = o),
         class: "of-field-relation-search",
         type: "text",
-        "onUpdate:modelValue": l[0] || (l[0] = (o) => v.value = o),
+        "aria-label": c.field.label,
         placeholder: "搜索关联记录...",
-        onFocus: l[1] || (l[1] = (o) => y.value = !0)
-      }, null, 544), [
-        [h, v.value]
+        onFocus: l[1] || (l[1] = (o) => y.value = !0),
+        onKeydown: k
+      }, null, 40, B), [
+        [V, d.value]
       ]),
-      t.value.length > 0 ? (r(), u("div", A, [
+      t.value.length > 0 ? (r(), u("div", F, [
         (r(!0), u(D, null, C(t.value, (o) => (r(), u("span", {
           key: o,
           class: "of-field-relation-tag"
@@ -54,14 +57,14 @@ const A = {
           f("button", {
             type: "button",
             class: "of-field-relation-tag-remove",
-            onClick: (F) => g(o)
-          }, " × ", 8, B)
+            onClick: (w) => g(o)
+          }, " × ", 8, R)
         ]))), 128))
       ])) : T("", !0),
       l[2] || (l[2] = f("div", { class: "of-field-relation-hint" }, "关联记录选择器（需由消费方通过 slot 提供数据源）", -1))
-    ], 32));
+    ]));
   }
 });
 export {
-  w as default
+  S as default
 };

package/dist/components/field/FieldRichText.vue.js

@@ -1,7 +1,7 @@
 import o from "./FieldRichText.vue2.js";
 /* empty css                   */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b9f87e2f"]]);
+const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-062bed7a"]]);
 export {
   i as default
 };