@oneflowui/ui 0.4.2 → 0.4.4

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

@@ -0,0 +1,69 @@
+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 = {
+  key: 0,
+  class: "of-field-attachment-list"
+}, N = { class: "of-field-attachment-name" }, x = ["onClick"], E = /* @__PURE__ */ _({
+  __name: "FieldAttachment",
+  props: {
+    value: { type: [String, Number, Boolean, Array, null] },
+    field: {}
+  },
+  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] : []
+    ), u = m(null);
+    function v() {
+      var e;
+      (e = u.value) == null || e.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(e) {
+      t.value.splice(e, 1), c("commit", t.value.length > 0 ? [...t.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,
+          class: "of-field-attachment-item"
+        }, [
+          i("span", N, C(r), 1),
+          i("button", {
+            type: "button",
+            class: "of-field-attachment-remove",
+            onClick: (f) => h(l)
+          }, "×", 8, x)
+        ]))), 128))
+      ])) : A("", !0),
+      i("button", {
+        type: "button",
+        class: "of-field-attachment-add",
+        onClick: v
+      }, "+ 添加附件"),
+      i("input", {
+        ref_key: "fileInputRef",
+        ref: u,
+        type: "file",
+        multiple: "",
+        style: { display: "none" },
+        onChange: y
+      }, null, 544)
+    ], 32));
+  }
+});
+export {
+  E as default
+};

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

@@ -0,0 +1,7 @@
+import { CellValue, FieldDef } from '../table/FieldCell.vue';
+type __VLS_Props = {
+    value?: CellValue;
+    field: FieldDef;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+export default _default;

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

@@ -0,0 +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"]]);
+export {
+  f as default
+};

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

@@ -0,0 +1,15 @@
+import { defineComponent as r, openBlock as l, createElementBlock as i, toDisplayString as a, unref as p } from "vue";
+const u = { class: "of-field-auto-number" }, d = /* @__PURE__ */ r({
+  __name: "FieldAutoNumber",
+  props: {
+    value: { type: [String, Number, Boolean, Array, null] },
+    field: {}
+  },
+  setup(n) {
+    const e = n, t = e.field.type === "auto_number" && "prefix" in e.field ? e.field.prefix ?? "" : "", o = e.value != null ? `${t}${e.value}` : "";
+    return (s, f) => (l(), i("span", u, a(p(o)), 1));
+  }
+});
+export {
+  d as default
+};

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

@@ -0,0 +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"]]);
+export {
+  p as default
+};

package/dist/{FieldCheckbox-CV3QtQ4Y.js → components/field/FieldCheckbox.vue2.js}

@@ -1,5 +1,4 @@
-import { defineComponent as s, computed as f, openBlock as p, createElementBlock as r, withModifiers as d, createElementVNode as m, toDisplayString as _ } from "vue";
-import { _ as u } from "./index-DQph5iTq.js";
+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({
   __name: "FieldCheckbox",
   props: {
@@ -7,24 +6,24 @@ const k = { class: "of-field-checkbox__icon" }, x = /* @__PURE__ */ s({
     field: {}
   },
   emits: ["commit", "cancel", "tabNext"],
-  setup(n, { emit: a }) {
-    const i = n, t = a, o = f(() => !!i.value);
+  setup(n, { emit: i }) {
+    const a = n, t = i, o = f(() => !!a.value);
     function c() {
       t("commit", !o.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"));
     }
-    return (e, v) => (p(), r("div", {
+    return (e, _) => (p(), r("div", {
       class: "of-field-checkbox",
       tabindex: "0",
-      onClick: d(c, ["stop"]),
+      onClick: m(c, ["stop"]),
       onKeydown: l
     }, [
-      m("span", k, _(o.value ? "☑" : "☐"), 1)
+      d("span", k, u(o.value ? "☑" : "☐"), 1)
     ], 32));
   }
-}), y = /* @__PURE__ */ u(x, [["__scopeId", "data-v-85298790"]]);
+});
 export {
-  y as default
+  x as default
 };

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

@@ -0,0 +1,7 @@
+import { CellValue, FieldDef } from '../table/FieldCell.vue';
+type __VLS_Props = {
+    value?: CellValue;
+    field: FieldDef;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +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"]]);
+export {
+  e as default
+};

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

@@ -0,0 +1,24 @@
+import { defineComponent as i, unref as t, openBlock as a, createElementBlock as s, createElementVNode as r, toDisplayString as n } from "vue";
+const p = {
+  key: 0,
+  class: "of-field-creator"
+}, d = { class: "of-field-creator-avatar" }, f = { class: "of-field-creator-name" }, _ = {
+  key: 1,
+  class: "of-field-creator-empty"
+}, h = /* @__PURE__ */ i({
+  __name: "FieldCreator",
+  props: {
+    value: { type: [String, Number, Boolean, Array, null] },
+    field: {}
+  },
+  setup(c) {
+    const o = c, e = typeof o.value == "string" ? o.value : "", l = e.charAt(0).toUpperCase();
+    return (m, u) => t(e) ? (a(), s("div", p, [
+      r("span", d, n(t(l)), 1),
+      r("span", f, n(t(e)), 1)
+    ])) : (a(), s("span", _, "—"));
+  }
+});
+export {
+  h as default
+};

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

@@ -0,0 +1,17 @@
+import { CellValue, FieldDef } from '../table/FieldCell.vue';
+type __VLS_Props = {
+    value?: CellValue;
+    field: FieldDef;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    cancel: () => any;
+    commit: (value: CellValue) => any;
+    tabNext: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCancel?: (() => any) | undefined;
+    onCommit?: ((value: CellValue) => any) | undefined;
+    onTabNext?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    inputRef: HTMLInputElement;
+}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +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"]]);
+export {
+  m as default
+};

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

@@ -0,0 +1,42 @@
+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({
+  __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" ? "¥" : "$";
+    y(() => v(() => {
+      var e;
+      return (e = u.value) == null ? void 0 : e.focus();
+    }));
+    function r() {
+      if (o.value === "") return null;
+      const e = o.value.replace(/[^0-9.-]/g, ""), t = Number(e);
+      return Number.isNaN(t) ? null : t;
+    }
+    function d(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", {
+        ref_key: "inputRef",
+        ref: u,
+        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), [
+        [C, o.value]
+      ])
+    ]));
+  }
+});
+export {
+  E as default
+};

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

@@ -0,0 +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"]]);
+export {
+  m as default
+};

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

@@ -0,0 +1,36 @@
+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({
+  __name: "FieldDate",
+  props: {
+    value: { type: [String, Number, Boolean, Array, null] },
+    field: {}
+  },
+  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(() => {
+      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"));
+    }
+    return (e, l) => v((d(), k("input", {
+      ref_key: "inputRef",
+      ref: o,
+      "onUpdate:modelValue": l[0] || (l[0] = (u) => n.value = u),
+      class: "of-field-input",
+      type: "date",
+      onKeydown: f,
+      onBlur: l[1] || (l[1] = (u) => t("commit", n.value || null))
+    }, null, 544)), [
+      [y, n.value]
+    ]);
+  }
+});
+export {
+  b as default
+};

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

@@ -0,0 +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"]]);
+export {
+  a as default
+};

package/dist/{FieldDatetime-B52GfWrK.js → components/field/FieldDatetime.vue2.js}

@@ -1,34 +1,33 @@
-import { defineComponent as p, ref as i, onMounted as f, nextTick as s, withDirectives as d, openBlock as v, createElementBlock as y, vModelText as _ } from "vue";
-import { _ as k } from "./index-DQph5iTq.js";
-const x = /* @__PURE__ */ p({
+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({
   __name: "FieldDatetime",
   props: {
     value: { type: [String, Number, Boolean, Array, null] },
     field: {}
   },
   emits: ["commit", "cancel", "tabNext"],
-  setup(u, { emit: r }) {
-    const m = u, t = r, o = i(null), n = i(String(m.value ?? ""));
-    f(() => s(() => {
+  setup(a, { emit: r }) {
+    const m = a, t = r, o = i(null), n = i(String(m.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"));
     }
-    return (e, l) => d((v(), y("input", {
+    return (e, l) => v((d(), y("input", {
       ref_key: "inputRef",
       ref: o,
-      "onUpdate:modelValue": l[0] || (l[0] = (a) => n.value = a),
+      "onUpdate:modelValue": l[0] || (l[0] = (u) => n.value = u),
       class: "of-field-input",
       type: "datetime-local",
       onKeydown: c,
-      onBlur: l[1] || (l[1] = (a) => t("commit", n.value || null))
+      onBlur: l[1] || (l[1] = (u) => t("commit", n.value || null))
     }, null, 544)), [
-      [_, n.value]
+      [k, n.value]
     ]);
   }
-}), B = /* @__PURE__ */ k(x, [["__scopeId", "data-v-80796d5b"]]);
+});
 export {
-  B as default
+  D as default
 };

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

@@ -0,0 +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"]]);
+export {
+  i as default
+};

package/dist/{FieldEmail-UREMoue-.js → components/field/FieldEmail.vue2.js}

@@ -1,19 +1,18 @@
-import { defineComponent as c, ref as i, onMounted as f, nextTick as s, withDirectives as v, openBlock as d, createElementBlock as y, vModelText as _ } from "vue";
-import { _ as k } from "./index-DQph5iTq.js";
-const x = /* @__PURE__ */ c({
+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({
   __name: "FieldEmail",
   props: {
     value: { type: [String, Number, Boolean, Array, null] },
     field: {}
   },
   emits: ["commit", "cancel", "tabNext"],
-  setup(u, { emit: r }) {
-    const m = u, t = r, o = i(null), n = i(String(m.value ?? ""));
-    f(() => s(() => {
+  setup(a, { emit: r }) {
+    const m = a, t = r, o = u(null), n = u(String(m.value ?? ""));
+    c(() => s(() => {
       var e;
       return (e = o.value) == null ? void 0 : e.focus();
     }));
-    function p(e) {
+    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"));
     }
     return (e, l) => v((d(), y("input", {
@@ -21,14 +20,14 @@ const x = /* @__PURE__ */ c({
       ref: o,
       class: "of-field-input",
       type: "email",
-      "onUpdate:modelValue": l[0] || (l[0] = (a) => n.value = a),
-      onKeydown: p,
-      onBlur: l[1] || (l[1] = (a) => t("commit", n.value))
+      "onUpdate:modelValue": l[0] || (l[0] = (i) => n.value = i),
+      onKeydown: f,
+      onBlur: l[1] || (l[1] = (i) => t("commit", n.value))
     }, null, 544)), [
-      [_, n.value]
+      [k, n.value]
     ]);
   }
-}), B = /* @__PURE__ */ k(x, [["__scopeId", "data-v-57da6247"]]);
+});
 export {
-  B as default
+  b as default
 };

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

@@ -0,0 +1,13 @@
+type __VLS_Props = {
+    /** markdown 原文 */
+    content: string;
+    /** 最大显示行数，默认 2 */
+    maxLines?: number;
+    /** 是否展开显示完整内容 */
+    expanded?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    expanded: boolean;
+    maxLines: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +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"]]);
+export {
+  i as default
+};

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

@@ -0,0 +1,37 @@
+import { defineComponent as p, computed as a, openBlock as t, createElementBlock as r, normalizeClass as m, normalizeStyle as f, toDisplayString as u, createCommentVNode as g } from "vue";
+import { useMarkdown as w } from "../../composables/useMarkdown.js";
+const v = ["innerHTML"], k = {
+  key: 2,
+  class: "of-field-md-preview__more"
+}, M = /* @__PURE__ */ p({
+  __name: "FieldMarkdownPreview",
+  props: {
+    content: {},
+    maxLines: { default: 2 },
+    expanded: { type: Boolean, default: !1 }
+  },
+  setup(n) {
+    const e = n, { renderMarkdown: o } = w(), c = a(() => e.content ? i(e.content) : "—"), d = a(() => e.content ? o(e.content) : ""), s = a(() => e.content ? e.content.length > 100 || e.content.includes(`
+`) : !1);
+    function i(l) {
+      return l.replace(/^#{1,6}\s+/gm, "").replace(/\*{1,3}(.*?)\*{1,3}/g, "$1").replace(/_{1,3}(.*?)_{1,3}/g, "$1").replace(/```[\s\S]*?```/g, "[代码]").replace(/`([^`]+)`/g, "$1").replace(/\[([^\]]+)\]\([^)]+\)/g, "$1").replace(/!\[([^\]]*)\]\([^)]+\)/g, "[图片]").replace(/^[\s]*[-*+]\s+/gm, "").replace(/^[\s]*\d+\.\s+/gm, "").replace(/^>\s+/gm, "").replace(/^---+$/gm, "").replace(/\n{2,}/g, " — ").replace(/\n/g, " ").trim();
+    }
+    return (l, x) => (t(), r("div", {
+      class: m(["of-field-md-preview", { "of-field-md-preview--expanded": n.expanded }])
+    }, [
+      n.expanded ? (t(), r("div", {
+        key: 1,
+        class: "of-field-md-preview__full of-markdown",
+        innerHTML: d.value
+      }, null, 8, v)) : (t(), r("span", {
+        key: 0,
+        class: "of-field-md-preview__text",
+        style: f({ "-webkit-line-clamp": n.maxLines })
+      }, u(c.value), 5)),
+      !n.expanded && s.value ? (t(), r("span", k, "...")) : g("", !0)
+    ], 2));
+  }
+});
+export {
+  M as default
+};

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

@@ -0,0 +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"]]);
+export {
+  i as default
+};

package/dist/{FieldMultiSelect-Dlay1Fop.js → components/field/FieldMultiSelect.vue2.js}

@@ -1,29 +1,28 @@
-import { defineComponent as $, ref as r, computed as M, onMounted as z, nextTick as F, onBeforeUnmount as O, watch as T, openBlock as l, createElementBlock as i, Fragment as A, renderList as L, normalizeStyle as w, toDisplayString as k, createBlock as I, Teleport as P, withModifiers as m, normalizeClass as U, createElementVNode as p, createCommentVNode as V } from "vue";
-import { _ as K } from "./index-DQph5iTq.js";
-const W = {
+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 = {
   key: 0,
   class: "of-field-multiselect__chips"
-}, j = {
+}, W = {
   key: 1,
   class: "of-field-multiselect__placeholder"
-}, q = ["onMouseenter", "onClick"], G = ["checked"], H = { key: 1 }, J = { class: "of-field-multiselect__actions" }, Q = /* @__PURE__ */ $({
+}, j = ["onMouseenter", "onClick"], q = ["checked"], G = { key: 1 }, H = { class: "of-field-multiselect__actions" }, Q = /* @__PURE__ */ $({
   __name: "FieldMultiSelect",
   props: {
     value: { type: [String, Number, Boolean, Array, null] },
     field: {}
   },
   emits: ["commit", "cancel", "tabNext"],
-  setup(S, { emit: B }) {
-    const d = S, _ = B, s = r(null), b = r(null), h = r({ top: "0px", left: "0px", width: "0px" }), f = r(!0), v = M(() => d.field.options ?? []), o = r([]), a = r(0), x = M(() => {
+  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));
     });
     function g() {
       o.value = Array.isArray(d.value) ? d.value.filter((e) => typeof e == "string") : [];
     }
-    function u() {
-      if (!s.value) return;
-      const e = s.value.getBoundingClientRect();
+    function s() {
+      if (!u.value) return;
+      const e = u.value.getBoundingClientRect();
       h.value = {
         top: `${e.bottom}px`,
         left: `${e.left}px`,
@@ -45,16 +44,16 @@ const W = {
     }
     function N(e) {
       if (e.key === "ArrowDown") {
-        e.preventDefault(), a.value = Math.min(a.value + 1, Math.max(v.value.length - 1, 0));
+        e.preventDefault(), r.value = Math.min(r.value + 1, Math.max(v.value.length - 1, 0));
         return;
       }
       if (e.key === "ArrowUp") {
-        e.preventDefault(), a.value = Math.max(a.value - 1, 0);
+        e.preventDefault(), r.value = Math.max(r.value - 1, 0);
         return;
       }
       if (e.key === " " || e.key === "Enter") {
         e.preventDefault();
-        const n = v.value[a.value];
+        const n = v.value[r.value];
         n && C(n.value);
         return;
       }
@@ -67,35 +66,35 @@ const W = {
     function E(e) {
       var t, c;
       const n = e.target;
-      n && ((t = s.value) != null && t.contains(n) || (c = b.value) != null && c.contains(n) || y());
+      n && ((t = u.value) != null && t.contains(n) || (c = b.value) != null && c.contains(n) || y());
     }
     return z(() => {
-      g(), F(() => {
+      g(), O(() => {
         var e;
-        u(), (e = s.value) == null || e.focus();
-      }), window.addEventListener("resize", u), window.addEventListener("scroll", u, !0), window.addEventListener("mousedown", E, !0);
-    }), O(() => {
-      window.removeEventListener("resize", u), window.removeEventListener("scroll", u, !0), window.removeEventListener("mousedown", E, !0);
-    }), T(
+        s(), (e = u.value) == null || e.focus();
+      }), window.addEventListener("resize", s), window.addEventListener("scroll", s, !0), window.addEventListener("mousedown", E, !0);
+    }), T(() => {
+      window.removeEventListener("resize", s), window.removeEventListener("scroll", s, !0), window.removeEventListener("mousedown", E, !0);
+    }), F(
       () => d.value,
       () => {
         g();
       }
     ), (e, n) => (l(), i("div", {
       ref_key: "triggerRef",
-      ref: s,
+      ref: u,
       class: "of-field-multiselect",
       tabindex: "0",
       onKeydown: N
     }, [
-      x.value.length ? (l(), i("div", W, [
+      x.value.length ? (l(), i("div", K, [
         (l(!0), i(A, null, L(x.value, (t) => (l(), i("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", j, "—")),
-      (l(), I(P, { to: "body" }, [
+      ])) : (l(), i("span", W, "—")),
+      (l(), P(U, { to: "body" }, [
         f.value ? (l(), i("div", {
           key: 0,
           ref_key: "dropdownRef",
@@ -105,8 +104,8 @@ const W = {
         }, [
           (l(!0), i(A, null, L(v.value, (t, c) => (l(), i("div", {
             key: t.value,
-            class: U(["of-field-multiselect__option", { active: c === a.value, selected: o.value.includes(t.value) }]),
-            onMouseenter: (R) => a.value = c,
+            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"])
           }, [
             p("input", {
@@ -116,14 +115,14 @@ const W = {
               checked: o.value.includes(t.value),
               onChange: n[0] || (n[0] = m(() => {
               }, ["prevent"]))
-            }, null, 40, G),
+            }, null, 40, q),
             t.color ? (l(), i("span", {
               key: 0,
               class: "of-field-multiselect__badge",
               style: w({ background: t.color })
-            }, k(t.label), 5)) : (l(), i("span", H, k(t.label), 1))
-          ], 42, q))), 128)),
-          p("div", J, [
+            }, k(t.label), 5)) : (l(), i("span", G, k(t.label), 1))
+          ], 42, j))), 128)),
+          p("div", H, [
             p("button", {
               class: "of-field-multiselect__btn",
               type: "button",
@@ -135,11 +134,11 @@ const W = {
               onClick: m(y, ["stop"])
             }, " 完成 ")
           ])
-        ], 4)) : V("", !0)
+        ], 4)) : I("", !0)
       ]))
     ], 544));
   }
-}), Z = /* @__PURE__ */ K(Q, [["__scopeId", "data-v-ca07bc35"]]);
+});
 export {
-  Z as default
+  Q as default
 };