@oneflowui/ui 0.5.6 → 0.5.8

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

@@ -1,7 +1,7 @@
 import o from "./FieldCheckbox.vue2.js";
 /* empty css                   */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-85298790"]]);
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9a1ca06f"]]);
 export {
-  p as default
+  e as default
 };

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

@@ -1,27 +1,29 @@
-import { defineComponent as s, computed as f, openBlock as p, createElementBlock as r, withModifiers as m, createElementVNode as d, toDisplayString as u } from "vue";
-const k = { class: "of-field-checkbox__icon" }, x = /* @__PURE__ */ s({
+import { defineComponent as s, computed as r, openBlock as f, createElementBlock as d, withModifiers as p, createElementVNode as m, toDisplayString as u } from "vue";
+const k = ["aria-checked"], _ = { class: "of-field-checkbox__icon" }, x = /* @__PURE__ */ s({
   __name: "FieldCheckbox",
   props: {
     value: {},
     field: {}
   },
   emits: ["commit", "cancel", "tabNext"],
-  setup(n, { emit: i }) {
-    const a = n, t = i, o = f(() => !!a.value);
-    function c() {
-      t("commit", !o.value);
+  setup(n, { emit: a }) {
+    const i = n, t = a, c = r(() => !!i.value);
+    function o() {
+      t("commit", !c.value);
     }
     function l(e) {
-      (e.key === "Enter" || e.key === " ") && (e.preventDefault(), c()), e.key === "Escape" && (e.preventDefault(), t("cancel")), e.key === "Tab" && (e.preventDefault(), t("tabNext"));
+      (e.key === "Enter" || e.key === " ") && (e.preventDefault(), o()), e.key === "Escape" && (e.preventDefault(), t("cancel")), e.key === "Tab" && (e.preventDefault(), t("tabNext"));
     }
-    return (e, _) => (p(), r("div", {
+    return (e, h) => (f(), d("div", {
       class: "of-field-checkbox",
+      role: "checkbox",
+      "aria-checked": c.value,
       tabindex: "0",
-      onClick: m(c, ["stop"]),
+      onClick: p(o, ["stop"]),
       onKeydown: l
     }, [
-      d("span", k, u(o.value ? "☑" : "☐"), 1)
-    ], 32));
+      m("span", _, u(c.value ? "☑" : "☐"), 1)
+    ], 40, k));
   }
 });
 export {

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

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

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

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

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

@@ -1,13 +1,13 @@
-import { defineComponent as p, ref as c, onMounted as y, nextTick as v, openBlock as N, createElementBlock as b, createElementVNode as a, toDisplayString as k, unref as x, withDirectives as _, vModelText as C } from "vue";
-const D = { class: "of-field-currency" }, g = { class: "of-field-currency-symbol" }, E = /* @__PURE__ */ p({
+import { defineComponent as p, ref as a, onMounted as y, nextTick as v, openBlock as b, createElementBlock as N, createElementVNode as s, toDisplayString as k, unref as x, withDirectives as _, vModelText as C } from "vue";
+const D = { class: "of-field-currency" }, g = { class: "of-field-currency-symbol" }, B = ["aria-label"], S = /* @__PURE__ */ p({
   __name: "FieldCurrency",
   props: {
     value: { type: [String, Number, Boolean, Array, null] },
     field: {}
   },
   emits: ["commit", "cancel", "tabNext"],
-  setup(s, { emit: f }) {
-    const n = s, l = f, u = c(null), o = c(n.value === null || n.value === void 0 ? "" : String(n.value)), m = n.field.type === "currency" && "currencyCode" in n.field && n.field.currencyCode === "CNY" ? "¥" : "$";
+  setup(i, { emit: f }) {
+    const n = i, l = f, u = a(null), o = a(n.value === null || n.value === void 0 ? "" : String(n.value)), d = n.field.type === "currency" && "currencyCode" in n.field && n.field.currencyCode === "CNY" ? "¥" : "$";
     y(() => v(() => {
       var e;
       return (e = u.value) == null ? void 0 : e.focus();
@@ -17,26 +17,27 @@ const D = { class: "of-field-currency" }, g = { class: "of-field-currency-symbol
       const e = o.value.replace(/[^0-9.-]/g, ""), t = Number(e);
       return Number.isNaN(t) ? null : t;
     }
-    function d(e) {
+    function m(e) {
       e.key === "Enter" && (e.preventDefault(), l("commit", r())), e.key === "Escape" && (e.preventDefault(), l("cancel")), e.key === "Tab" && (e.preventDefault(), l("commit", r()), l("tabNext"));
     }
-    return (e, t) => (N(), b("div", D, [
-      a("span", g, k(x(m)), 1),
-      _(a("input", {
+    return (e, t) => (b(), N("div", D, [
+      s("span", g, k(x(d)), 1),
+      _(s("input", {
         ref_key: "inputRef",
         ref: u,
+        "onUpdate:modelValue": t[0] || (t[0] = (c) => o.value = c),
+        inputmode: "decimal",
         class: "of-field-input",
         type: "text",
-        inputmode: "decimal",
-        "onUpdate:modelValue": t[0] || (t[0] = (i) => o.value = i),
-        onKeydown: d,
-        onBlur: t[1] || (t[1] = (i) => l("commit", r()))
-      }, null, 544), [
+        "aria-label": i.field.label,
+        onKeydown: m,
+        onBlur: t[1] || (t[1] = (c) => l("commit", r()))
+      }, null, 40, B), [
         [C, o.value]
       ])
     ]));
   }
 });
 export {
-  E as default
+  S as default
 };

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

@@ -1,7 +1,7 @@
 import o from "./FieldDate.vue2.js";
 /* empty css               */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-53830361"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-29e2d8b1"]]);
 export {
   m as default
 };

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

@@ -1,6 +1,5 @@
-import { defineComponent as m, ref as i, onMounted as c, nextTick as s, withDirectives as v, openBlock as d, createElementBlock as k, vModelText as y } from "vue";
-import { useBreakpoint as x } from "../../composables/useBreakpoint.js";
-const b = /* @__PURE__ */ m({
+import { defineComponent as m, ref as u, onMounted as p, nextTick as s, withDirectives as v, openBlock as d, createElementBlock as y, vModelText as b } from "vue";
+const k = ["aria-label"], D = /* @__PURE__ */ m({
   __name: "FieldDate",
   props: {
     value: { type: [String, Number, Boolean, Array, null] },
@@ -8,29 +7,28 @@ const b = /* @__PURE__ */ m({
   },
   emits: ["commit", "cancel", "tabNext"],
   setup(a, { emit: r }) {
-    const p = a, t = r;
-    x();
-    const o = i(null), n = i(String(p.value ?? ""));
-    c(() => s(() => {
+    const f = a, t = r, o = u(null), l = u(String(f.value ?? ""));
+    p(() => s(() => {
       var e;
       return (e = o.value) == null ? void 0 : e.focus();
     }));
-    function f(e) {
-      e.key === "Enter" && (e.preventDefault(), t("commit", n.value || null)), e.key === "Escape" && (e.preventDefault(), t("cancel")), e.key === "Tab" && (e.preventDefault(), t("commit", n.value || null), t("tabNext"));
+    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, l) => v((d(), k("input", {
+    return (e, n) => v((d(), y("input", {
       ref_key: "inputRef",
       ref: o,
-      "onUpdate:modelValue": l[0] || (l[0] = (u) => n.value = u),
+      "onUpdate:modelValue": n[0] || (n[0] = (i) => l.value = i),
       class: "of-field-input",
       type: "date",
-      onKeydown: f,
-      onBlur: l[1] || (l[1] = (u) => t("commit", n.value || null))
-    }, null, 544)), [
-      [y, n.value]
+      "aria-label": a.field.label,
+      onKeydown: c,
+      onBlur: n[1] || (n[1] = (i) => t("commit", l.value || null))
+    }, null, 40, k)), [
+      [b, l.value]
     ]);
   }
 });
 export {
-  b as default
+  D as default
 };

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

@@ -1,7 +1,7 @@
 import t from "./FieldDatetime.vue2.js";
 /* empty css                   */
 import o from "../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ o(t, [["__scopeId", "data-v-86258ef1"]]);
+const a = /* @__PURE__ */ o(t, [["__scopeId", "data-v-61bebf31"]]);
 export {
   a as default
 };

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

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

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

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

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

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

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

@@ -1,7 +1,7 @@
 import o from "./FieldMarkdownPreview.vue2.js";
 /* empty css                          */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const i = /* @__PURE__ */ r(o, [["__scopeId", "data-v-767b8c61"]]);
+const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-f0714bc5"]]);
 export {
-  i as default
+  f as default
 };

package/dist/components/field/FieldMultiSelect.vue.d.ts

@@ -12,7 +12,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     onCommit?: ((value: CellValue) => any) | undefined;
     onTabNext?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    triggerRef: HTMLDivElement;
+    triggerRef: HTMLButtonElement;
     dropdownRef: HTMLDivElement;
-}, HTMLDivElement>;
+}, HTMLButtonElement>;
 export default _default;

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

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

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
 };