@oneflowui/ui 0.5.6 → 0.5.8

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

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

@@ -1,4 +1,4 @@
-import { defineComponent as p, ref as d, onMounted as b, nextTick as x, openBlock as y, createElementBlock as M, createElementVNode as n, withModifiers as r } from "vue";
+import { defineComponent as p, ref as a, onMounted as b, nextTick as x, openBlock as y, createElementBlock as M, createElementVNode as n, withModifiers as u } from "vue";
 const k = { class: "of-field-richtext" }, w = { class: "of-field-richtext-toolbar" }, T = /* @__PURE__ */ p({
   __name: "FieldRichText",
   props: {
@@ -6,8 +6,8 @@ const k = { class: "of-field-richtext" }, w = { class: "of-field-richtext-toolba
     field: {}
   },
   emits: ["commit", "cancel", "tabNext"],
-  setup(a, { emit: c }) {
-    const s = a, l = c, o = d(null), i = d(typeof s.value == "string" ? s.value : "");
+  setup(d, { emit: c }) {
+    const s = d, l = c, o = a(null), i = a(typeof s.value == "string" ? s.value : "");
     b(
       () => x(() => {
         o.value && (o.value.innerHTML = i.value, o.value.focus());
@@ -21,7 +21,7 @@ const k = { class: "of-field-richtext" }, w = { class: "of-field-richtext-toolba
       var t;
       l("commit", ((t = o.value) == null ? void 0 : t.innerHTML) ?? i.value);
     }
-    function u(t) {
+    function r(t) {
       var e;
       document.execCommand(t, !1), (e = o.value) == null || e.focus();
     }
@@ -30,21 +30,21 @@ const k = { class: "of-field-richtext" }, w = { class: "of-field-richtext-toolba
         n("button", {
           type: "button",
           class: "of-field-richtext-btn",
-          onMousedown: e[0] || (e[0] = r((f) => u("bold"), ["prevent"]))
+          onMousedown: e[0] || (e[0] = u((f) => r("bold"), ["prevent"]))
         }, [...e[3] || (e[3] = [
           n("strong", null, "B", -1)
         ])], 32),
         n("button", {
           type: "button",
           class: "of-field-richtext-btn",
-          onMousedown: e[1] || (e[1] = r((f) => u("italic"), ["prevent"]))
+          onMousedown: e[1] || (e[1] = u((f) => r("italic"), ["prevent"]))
         }, [...e[4] || (e[4] = [
           n("em", null, "I", -1)
         ])], 32),
         n("button", {
           type: "button",
           class: "of-field-richtext-btn",
-          onMousedown: e[2] || (e[2] = r((f) => u("underline"), ["prevent"]))
+          onMousedown: e[2] || (e[2] = u((f) => r("underline"), ["prevent"]))
         }, [...e[5] || (e[5] = [
           n("u", null, "U", -1)
         ])], 32)
@@ -54,6 +54,9 @@ const k = { class: "of-field-richtext" }, w = { class: "of-field-richtext-toolba
         ref: o,
         class: "of-field-richtext-editor",
         contenteditable: "true",
+        role: "textbox",
+        "aria-multiline": "true",
+        tabindex: "0",
         onKeydown: m,
         onBlur: v
       }, null, 544)

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

@@ -1,7 +1,7 @@
 import o from "./FieldSelect.vue2.js";
 /* empty css                 */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-602f7b18"]]);
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-31d8cba6"]]);
 export {
-  m as default
+  c as default
 };