@oneflowui/ui 0.5.5 → 0.5.7

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

@@ -1,8 +1,12 @@
-import { defineComponent as _, ref as m, openBlock as a, createElementBlock as o, Fragment as k, renderList as b, createElementVNode as i, toDisplayString as C, createCommentVNode as A } from "vue";
-const F = {
+import { defineComponent as g, ref as m, openBlock as a, createElementBlock as o, Fragment as _, renderList as k, createElementVNode as i, toDisplayString as b, createCommentVNode as C } from "vue";
+const A = {
+  class: "of-field-attachment",
+  role: "group",
+  "aria-label": "附件编辑器"
+}, F = {
   key: 0,
   class: "of-field-attachment-list"
-}, N = { class: "of-field-attachment-name" }, x = ["onClick"], E = /* @__PURE__ */ _({
+}, N = { class: "of-field-attachment-name" }, B = ["onClick"], E = /* @__PURE__ */ g({
   __name: "FieldAttachment",
   props: {
     value: { type: [String, Number, Boolean, Array, null] },
@@ -10,44 +14,37 @@ const F = {
   },
   emits: ["commit", "cancel", "tabNext"],
   setup(p, { emit: d }) {
-    const n = p, c = d, t = m(
-      Array.isArray(n.value) ? n.value.filter((e) => typeof e == "string") : typeof n.value == "string" && n.value ? [n.value] : []
+    const l = p, s = d, e = m(
+      Array.isArray(l.value) ? l.value.filter((t) => typeof t == "string") : typeof l.value == "string" && l.value ? [l.value] : []
     ), u = m(null);
     function v() {
-      var e;
-      (e = u.value) == null || e.click();
+      var t;
+      (t = u.value) == null || t.click();
     }
-    function y(e) {
-      var l;
-      const s = e.target;
-      if (!((l = s.files) != null && l.length)) return;
-      const r = Array.from(s.files).map((f) => f.name);
-      t.value = [...t.value, ...r], c("commit", t.value.length > 0 ? t.value : null);
+    function h(t) {
+      var n;
+      const r = t.target;
+      if (!((n = r.files) != null && n.length)) return;
+      const c = Array.from(r.files).map((f) => f.name);
+      e.value = [...e.value, ...c], s("commit", e.value.length > 0 ? e.value : null);
     }
-    function h(e) {
-      t.value.splice(e, 1), c("commit", t.value.length > 0 ? [...t.value] : null);
+    function y(t) {
+      e.value.splice(t, 1), s("commit", e.value.length > 0 ? [...e.value] : null);
     }
-    function g(e) {
-      e.key === "Escape" && (e.preventDefault(), c("cancel"));
-    }
-    return (e, s) => (a(), o("div", {
-      class: "of-field-attachment",
-      tabindex: "0",
-      onKeydown: g
-    }, [
-      t.value.length > 0 ? (a(), o("div", F, [
-        (a(!0), o(k, null, b(t.value, (r, l) => (a(), o("div", {
-          key: l,
+    return (t, r) => (a(), o("div", A, [
+      e.value.length > 0 ? (a(), o("div", F, [
+        (a(!0), o(_, null, k(e.value, (c, n) => (a(), o("div", {
+          key: n,
           class: "of-field-attachment-item"
         }, [
-          i("span", N, C(r), 1),
+          i("span", N, b(c), 1),
           i("button", {
             type: "button",
             class: "of-field-attachment-remove",
-            onClick: (f) => h(l)
-          }, "×", 8, x)
+            onClick: (f) => y(n)
+          }, " × ", 8, B)
         ]))), 128))
-      ])) : A("", !0),
+      ])) : C("", !0),
       i("button", {
         type: "button",
         class: "of-field-attachment-add",
@@ -58,10 +55,11 @@ const F = {
         ref: u,
         type: "file",
         multiple: "",
+        "aria-label": "选择附件",
         style: { display: "none" },
-        onChange: y
+        onChange: h
       }, null, 544)
-    ], 32));
+    ]));
   }
 });
 export {

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

@@ -1,7 +1,7 @@
 import o from "./FieldAutoNumber.vue2.js";
 /* empty css                     */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-17556fd1"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-82b70c99"]]);
 export {
-  f as default
+  p as default
 };

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