@oneflowui/ui 0.4.2 → 0.4.4

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

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

package/dist/{FieldNumber-BjhfFhs6.js → components/field/FieldNumber.vue2.js}

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

package/dist/components/field/FieldPhone.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;
+}, HTMLInputElement>;
+export default _default;

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

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

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

@@ -0,0 +1,34 @@
+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({
+  __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 : "");
+    m(() => s(() => {
+      var e;
+      return (e = u.value) == null ? void 0 : e.focus();
+    }));
+    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, n) => v((d(), y("input", {
+      ref_key: "inputRef",
+      ref: u,
+      class: "of-field-input",
+      type: "tel",
+      "onUpdate:modelValue": n[0] || (n[0] = (a) => l.value = a),
+      placeholder: "输入电话号码",
+      onKeydown: f,
+      onBlur: n[1] || (n[1] = (a) => t("commit", l.value || null))
+    }, null, 544)), [
+      [k, l.value]
+    ]);
+  }
+});
+export {
+  b as default
+};

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

@@ -0,0 +1,15 @@
+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, {}, HTMLDivElement>;
+export default _default;

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

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

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

@@ -0,0 +1,40 @@
+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({
+  __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);
+    function f(i) {
+      const a = i.target;
+      t.value = Number(a.value);
+    }
+    function u() {
+      m("commit", t.value);
+    }
+    return (i, a) => (g(), v("div", x, [
+      o("div", h, [
+        o("div", {
+          class: "of-field-progress-fill",
+          style: _({ width: `${(t.value - l(s)) / (l(n) - l(s)) * 100}%` })
+        }, null, 4)
+      ]),
+      o("input", {
+        class: "of-field-progress-slider",
+        type: "range",
+        min: l(s),
+        max: l(n),
+        value: t.value,
+        onInput: f,
+        onChange: u
+      }, null, 40, b),
+      o("span", N, y(t.value) + "%", 1)
+    ]));
+  }
+});
+export {
+  C as default
+};

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

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

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

@@ -0,0 +1,31 @@
+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({
+  __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);
+    }
+    return (i, t) => (o(), r("div", {
+      class: "of-field-rating",
+      onKeydown: t[1] || (t[1] = _((e) => s("cancel"), ["escape"])),
+      tabindex: "0"
+    }, [
+      (o(!0), r(g, null, k(u(d), (e) => (o(), r("span", {
+        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))
+    ], 32));
+  }
+});
+export {
+  $ as default
+};

package/dist/components/field/FieldRelation.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/FieldRelation.vue.js

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

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

@@ -0,0 +1,67 @@
+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";
+const A = {
+  key: 0,
+  class: "of-field-relation-tags"
+}, B = ["onClick"], w = /* @__PURE__ */ x({
+  __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(
+      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(() => {
+      var e;
+      return (e = c.value) == null ? void 0 : e.focus();
+    }));
+    function g(e) {
+      if (p.value) {
+        const l = t.value.indexOf(e);
+        l >= 0 ? t.value.splice(l, 1) : t.value.push(e);
+      } else
+        t.value = [e], s();
+    }
+    function s() {
+      p.value ? a("commit", t.value.length > 0 ? t.value : null) : a("commit", t.value[0] ?? null);
+    }
+    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", {
+        ref_key: "inputRef",
+        ref: c,
+        class: "of-field-relation-search",
+        type: "text",
+        "onUpdate:modelValue": l[0] || (l[0] = (o) => v.value = o),
+        placeholder: "搜索关联记录...",
+        onFocus: l[1] || (l[1] = (o) => y.value = !0)
+      }, null, 544), [
+        [h, v.value]
+      ]),
+      t.value.length > 0 ? (r(), u("div", A, [
+        (r(!0), u(D, null, C(t.value, (o) => (r(), u("span", {
+          key: o,
+          class: "of-field-relation-tag"
+        }, [
+          E(M(o) + " ", 1),
+          f("button", {
+            type: "button",
+            class: "of-field-relation-tag-remove",
+            onClick: (F) => g(o)
+          }, " × ", 8, B)
+        ]))), 128))
+      ])) : T("", !0),
+      l[2] || (l[2] = f("div", { class: "of-field-relation-hint" }, "关联记录选择器（需由消费方通过 slot 提供数据源）", -1))
+    ], 32));
+  }
+});
+export {
+  w as default
+};

package/dist/components/field/FieldRichText.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, {
+    editorRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

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

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

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

@@ -0,0 +1,65 @@
+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";
+const k = { class: "of-field-richtext" }, w = { class: "of-field-richtext-toolbar" }, T = /* @__PURE__ */ p({
+  __name: "FieldRichText",
+  props: {
+    value: { type: [String, Number, Boolean, Array, null] },
+    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 : "");
+    b(
+      () => x(() => {
+        o.value && (o.value.innerHTML = i.value, o.value.focus());
+      })
+    );
+    function m(t) {
+      var e;
+      t.key === "Escape" && (t.preventDefault(), l("cancel")), t.key === "Enter" && (t.ctrlKey || t.metaKey) && (t.preventDefault(), l("commit", ((e = o.value) == null ? void 0 : e.innerHTML) ?? i.value));
+    }
+    function v() {
+      var t;
+      l("commit", ((t = o.value) == null ? void 0 : t.innerHTML) ?? i.value);
+    }
+    function u(t) {
+      var e;
+      document.execCommand(t, !1), (e = o.value) == null || e.focus();
+    }
+    return (t, e) => (y(), M("div", k, [
+      n("div", w, [
+        n("button", {
+          type: "button",
+          class: "of-field-richtext-btn",
+          onMousedown: e[0] || (e[0] = r((f) => u("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"]))
+        }, [...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"]))
+        }, [...e[5] || (e[5] = [
+          n("u", null, "U", -1)
+        ])], 32)
+      ]),
+      n("div", {
+        ref_key: "editorRef",
+        ref: o,
+        class: "of-field-richtext-editor",
+        contenteditable: "true",
+        onKeydown: m,
+        onBlur: v
+      }, null, 544)
+    ]));
+  }
+});
+export {
+  T as default
+};

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

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

package/dist/{FieldSelect-B39Ad8VH.js → components/field/FieldSelect.vue2.js}

@@ -1,24 +1,24 @@
-import { defineComponent as N, ref as f, computed as x, onMounted as R, nextTick as V, onBeforeUnmount as z, watch as A, openBlock as l, createElementBlock as a, normalizeStyle as b, toDisplayString as w, createBlock as I, Teleport as F, createElementVNode as T, withModifiers as C, normalizeClass as L, Fragment as O, renderList as P, createCommentVNode as U } from "vue";
-import { _ as K } from "./index-DQph5iTq.js";
-const W = {
+import { defineComponent as V, ref as f, computed as b, onMounted as z, nextTick as A, onBeforeUnmount as I, watch as T, openBlock as l, createElementBlock as a, normalizeStyle as x, toDisplayString as _, createBlock as F, Teleport as O, unref as B, normalizeClass as h, createElementVNode as P, withModifiers as L, Fragment as U, renderList as K, createCommentVNode as W } from "vue";
+import { useBreakpoint as j } from "../../composables/useBreakpoint.js";
+const q = {
   key: 1,
   class: "of-field-select__display"
-}, j = ["onMouseenter", "onClick"], q = { key: 1 }, G = /* @__PURE__ */ N({
+}, G = ["onMouseenter", "onClick"], H = { key: 1 }, X = /* @__PURE__ */ V({
   __name: "FieldSelect",
   props: {
     value: { type: [String, Number, Boolean, Array, null] },
     field: {}
   },
   emits: ["commit", "cancel", "tabNext"],
-  setup(M, { emit: B }) {
-    const s = M, y = B, i = f(null), h = f(null), E = f({ top: "0px", left: "0px", width: "0px" }), p = f(!0), r = x(() => s.field.options ?? []), c = x(() => {
-      const e = typeof s.value == "string" ? s.value : null;
+  setup($, { emit: N }) {
+    const { isMobile: E } = j(), i = $, y = N, s = f(null), D = f(null), C = f({ top: "0px", left: "0px", width: "0px" }), p = f(!0), r = b(() => i.field.options ?? []), c = b(() => {
+      const e = typeof i.value == "string" ? i.value : null;
       return r.value.findIndex((t) => t.value === e);
     }), n = f(0);
     function d() {
-      if (!i.value) return;
-      const e = i.value.getBoundingClientRect();
-      E.value = {
+      if (!s.value) return;
+      const e = s.value.getBoundingClientRect();
+      C.value = {
         top: `${e.bottom}px`,
         left: `${e.left}px`,
         width: `${Math.max(e.width, 160)}px`
@@ -30,7 +30,7 @@ const W = {
     function k() {
       p.value && (p.value = !1, y("cancel"));
     }
-    function S(e) {
+    function R(e) {
       var t, o;
       if (!r.value.length) {
         e.key === "Escape" && (e.preventDefault(), k());
@@ -54,69 +54,69 @@ const W = {
       }
       e.key === "Tab" && (e.preventDefault(), m(((o = r.value[n.value]) == null ? void 0 : o.value) ?? null), y("tabNext"));
     }
-    function D(e) {
+    function M(e) {
       var o, v;
       const t = e.target;
-      t && ((o = i.value) != null && o.contains(t) || (v = h.value) != null && v.contains(t) || k());
+      t && ((o = s.value) != null && o.contains(t) || (v = D.value) != null && v.contains(t) || k());
     }
-    R(() => {
-      n.value = c.value >= 0 ? c.value : 0, V(() => {
+    z(() => {
+      n.value = c.value >= 0 ? c.value : 0, A(() => {
         var e;
-        d(), (e = i.value) == null || e.focus();
-      }), window.addEventListener("resize", d), window.addEventListener("scroll", d, !0), window.addEventListener("mousedown", D, !0);
-    }), z(() => {
-      window.removeEventListener("resize", d), window.removeEventListener("scroll", d, !0), window.removeEventListener("mousedown", D, !0);
-    }), A(c, (e) => {
+        d(), (e = s.value) == null || e.focus();
+      }), window.addEventListener("resize", d), window.addEventListener("scroll", d, !0), window.addEventListener("mousedown", M, !0);
+    }), I(() => {
+      window.removeEventListener("resize", d), window.removeEventListener("scroll", d, !0), window.removeEventListener("mousedown", M, !0);
+    }), T(c, (e) => {
       e >= 0 && (n.value = e);
     });
-    const _ = x(() => {
-      const e = typeof s.value == "string" ? s.value : null;
+    const w = b(() => {
+      const e = typeof i.value == "string" ? i.value : null;
       return r.value.find((t) => t.value === e);
     });
     return (e, t) => {
       var o, v;
       return l(), a("div", {
         ref_key: "triggerRef",
-        ref: i,
+        ref: s,
         class: "of-field-select",
         tabindex: "0",
-        onKeydown: S
+        onKeydown: R
       }, [
-        (o = _.value) != null && o.color ? (l(), a("span", {
+        (o = w.value) != null && o.color ? (l(), a("span", {
           key: 0,
           class: "of-field-select__badge",
-          style: b({ background: _.value.color })
-        }, w(_.value.label), 5)) : (l(), a("span", W, w(((v = _.value) == null ? void 0 : v.label) ?? "—"), 1)),
-        (l(), I(F, { to: "body" }, [
+          style: x({ background: w.value.color })
+        }, _(w.value.label), 5)) : (l(), a("span", q, _(((v = w.value) == null ? void 0 : v.label) ?? "—"), 1)),
+        (l(), F(O, { to: "body" }, [
           p.value ? (l(), a("div", {
             key: 0,
             ref_key: "dropdownRef",
-            ref: h,
-            class: "of-field-select__dropdown",
-            style: b(E.value)
+            ref: D,
+            class: h(["of-field-select__dropdown", { "of-field-select__dropdown--sheet": B(E) }]),
+            style: x(B(E) ? {} : C.value)
           }, [
-            T("div", {
-              class: L(["of-field-select__option of-field-select__option--clear", { active: n.value === -1, selected: c.value === -1 }]),
-              onClick: t[0] || (t[0] = C((u) => m(null), ["stop"]))
+            P("div", {
+              class: h(["of-field-select__option of-field-select__option--clear", { active: n.value === -1, selected: c.value === -1 }]),
+              onClick: t[0] || (t[0] = L((u) => m(null), ["stop"]))
             }, " — ", 2),
-            (l(!0), a(O, null, P(r.value, (u, g) => (l(), a("div", {
+            (l(!0), a(U, null, K(r.value, (u, g) => (l(), a("div", {
               key: u.value,
-              class: L(["of-field-select__option", { active: g === n.value, selected: g === c.value }]),
-              onMouseenter: ($) => n.value = g,
-              onClick: C(($) => m(u.value), ["stop"])
+              class: h(["of-field-select__option", { active: g === n.value, selected: g === c.value }]),
+              onMouseenter: (S) => n.value = g,
+              onClick: L((S) => m(u.value), ["stop"])
             }, [
               u.color ? (l(), a("span", {
                 key: 0,
                 class: "of-field-select__badge",
-                style: b({ background: u.color })
-              }, w(u.label), 5)) : (l(), a("span", q, w(u.label), 1))
-            ], 42, j))), 128))
-          ], 4)) : U("", !0)
+                style: x({ background: u.color })
+              }, _(u.label), 5)) : (l(), a("span", H, _(u.label), 1))
+            ], 42, G))), 128))
+          ], 6)) : W("", !0)
         ]))
       ], 544);
     };
   }
-}), Q = /* @__PURE__ */ K(G, [["__scopeId", "data-v-a280810a"]]);
+});
 export {
-  Q as default
+  X as default
 };

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

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

package/dist/{FieldText-Ry7f72Ug.js → components/field/FieldText.vue2.js}

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

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

@@ -0,0 +1,7 @@
+import o from "./FieldUrl.vue2.js";
+/* empty css              */
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-8d4527db"]]);
+export {
+  p as default
+};