@freecallai/pro 0.0.3 → 0.0.5

package/dist/ToolForm-DA-EFBhw.js

@@ -0,0 +1,196 @@
+import { defineComponent as T, ref as w, watch as q, openBlock as l, createElementBlock as o, createElementVNode as v, Fragment as f, renderList as S, normalizeClass as _, createTextVNode as c, toDisplayString as s, createCommentVNode as b, createVNode as g, unref as u, withCtx as k, createBlock as x, normalizeStyle as B } from "vue";
+import { RadioGroup as F, Radio as E, Checkbox as P, Switch as W, Textarea as z, Input as R, Button as I } from "@freecallai/ui";
+import { c as j } from "./FkpRichText.vue_vue_type_script_setup_true_lang-bw74hFS9.js";
+const D = { class: "fkp-tool-form" }, G = { class: "fkp-tool-form-fields" }, O = { key: 0 }, A = { class: "fkp-visually-hidden" }, H = {
+  key: 1,
+  class: "fkp-tool-form-checkbox"
+}, J = { key: 0 }, K = {
+  key: 3,
+  class: "fkp-tool-form-unit"
+}, M = {
+  key: 0,
+  class: "fkp-tool-form-error",
+  role: "alert"
+}, Q = { class: "fkp-tool-form-actions" }, Z = /* @__PURE__ */ T({
+  __name: "ToolForm",
+  props: {
+    definition: {},
+    initialParams: {},
+    submitLabel: {}
+  },
+  emits: ["submit", "cancel"],
+  setup(V, { emit: $ }) {
+    const d = V, C = $, n = w({}), i = w("");
+    q(
+      () => [d.definition, d.initialParams],
+      () => {
+        n.value = Object.fromEntries(
+          d.definition.fields.map((t) => [
+            t.id,
+            j(t, d.initialParams)
+          ])
+        ), i.value = "";
+      },
+      { immediate: !0 }
+    );
+    function h(t) {
+      return t.visibleWhen ? n.value[t.visibleWhen.fieldId] === t.visibleWhen.equals : !0;
+    }
+    function L(t, r) {
+      n.value[t.id] = t.maxLength === void 0 ? r : r.slice(0, t.maxLength);
+    }
+    function N(t) {
+      var e;
+      const r = {};
+      for (const a of d.definition.fields) {
+        if (!h(a)) continue;
+        const y = n.value[a.id];
+        if (a.kind === "switch" || a.kind === "checkbox") {
+          if (a.required && y !== !0) {
+            i.value = `请选择${a.label}`;
+            return;
+          }
+          r[a.id] = y === !0;
+          continue;
+        }
+        const m = String(y ?? "").trim();
+        if (a.required && !m) {
+          i.value = `请填写${a.label}`;
+          return;
+        }
+        if (a.maxLength !== void 0 && [...m].length > a.maxLength) {
+          i.value = `${a.label}不能超过${a.maxLength}字`;
+          return;
+        }
+        if (a.kind === "radio" && !((e = a.options) != null && e.some((p) => p.value === m))) {
+          i.value = `请选择${a.label}`;
+          return;
+        }
+        if (a.kind === "number" && m) {
+          const p = Number(m);
+          if (!Number.isFinite(p) || a.min !== void 0 && p < a.min || a.max !== void 0 && p > a.max) {
+            i.value = `${a.label}数值无效`;
+            return;
+          }
+        }
+        r[a.id] = m;
+      }
+      i.value = "", C("submit", r, t.currentTarget);
+    }
+    return (t, r) => (l(), o("div", D, [
+      v("div", G, [
+        (l(!0), o(f, null, S(t.definition.fields, (e) => (l(), o(f, {
+          key: e.id
+        }, [
+          h(e) && e.kind === "radio" ? (l(), o("fieldset", {
+            key: 0,
+            class: _(["fkp-tool-form-field fkp-tool-form-choice", { "fkp-tool-form-flags": e.appearance === "flag" }])
+          }, [
+            v("legend", null, [
+              c(s(e.label), 1),
+              e.required ? (l(), o("b", O, "*")) : b("", !0)
+            ]),
+            g(u(F), {
+              "model-value": String(n.value[e.id] ?? ""),
+              onChange: (a) => n.value[e.id] = String(a)
+            }, {
+              default: k(() => [
+                (l(!0), o(f, null, S(e.options || [], (a) => (l(), x(u(E), {
+                  key: a.value,
+                  value: a.value,
+                  "aria-label": a.label
+                }, {
+                  default: k(() => [
+                    e.appearance === "flag" && a.color ? (l(), o("span", {
+                      key: 0,
+                      class: "fkp-tool-form-flag",
+                      style: B({ "--fkp-flag-color": a.color })
+                    }, [
+                      v("span", A, s(a.label), 1)
+                    ], 4)) : (l(), o(f, { key: 1 }, [
+                      c(s(a.label), 1)
+                    ], 64))
+                  ]),
+                  _: 2
+                }, 1032, ["value", "aria-label"]))), 128))
+              ]),
+              _: 2
+            }, 1032, ["model-value", "onChange"])
+          ], 2)) : h(e) && e.kind === "checkbox" ? (l(), o("div", H, [
+            g(u(P), {
+              "model-value": n.value[e.id] === !0,
+              onChange: (a) => n.value[e.id] = a === !0
+            }, {
+              default: k(() => [
+                c(s(e.label), 1)
+              ]),
+              _: 2
+            }, 1032, ["model-value", "onChange"])
+          ])) : h(e) ? (l(), o("label", {
+            key: 2,
+            class: _(["fkp-tool-form-field", {
+              "fkp-tool-form-field--no-label": e.hideLabel,
+              "fkp-tool-form-field--amount": t.definition.toolId === "small_payment" && e.id === "amount"
+            }])
+          }, [
+            v("span", {
+              class: _({ "fkp-visually-hidden": e.hideLabel })
+            }, [
+              c(s(e.label), 1),
+              e.required ? (l(), o("b", J, "*")) : b("", !0)
+            ], 2),
+            e.kind === "switch" ? (l(), x(u(W), {
+              key: 0,
+              "model-value": n.value[e.id] === !0,
+              "aria-label": e.label,
+              onChange: (a) => n.value[e.id] = a === !0
+            }, null, 8, ["model-value", "aria-label", "onChange"])) : e.kind === "textarea" ? (l(), x(u(z), {
+              key: 1,
+              "model-value": String(n.value[e.id] ?? ""),
+              placeholder: e.placeholder,
+              "max-length": e.maxLength,
+              "show-word-limit": !!e.maxLength,
+              "textarea-attrs": { "aria-label": e.label, rows: 4 },
+              onInput: (a) => L(e, String(a))
+            }, null, 8, ["model-value", "placeholder", "max-length", "show-word-limit", "textarea-attrs", "onInput"])) : (l(), x(u(R), {
+              key: 2,
+              "model-value": String(n.value[e.id] ?? ""),
+              placeholder: e.placeholder,
+              "input-attrs": {
+                type: e.kind === "number" ? "number" : "text",
+                "aria-label": e.label,
+                min: e.min,
+                max: e.max
+              },
+              onInput: (a) => L(e, String(a))
+            }, null, 8, ["model-value", "placeholder", "input-attrs", "onInput"])),
+            t.definition.toolId === "small_payment" && e.id === "amount" ? (l(), o("span", K, "元")) : b("", !0)
+          ], 2)) : b("", !0)
+        ], 64))), 128)),
+        i.value ? (l(), o("p", M, s(i.value), 1)) : b("", !0)
+      ]),
+      v("div", Q, [
+        g(u(I), {
+          onClick: r[0] || (r[0] = (e) => C("cancel"))
+        }, {
+          default: k(() => r[1] || (r[1] = [
+            c("取消")
+          ])),
+          _: 1
+        }),
+        g(u(I), {
+          type: "primary",
+          onClick: N
+        }, {
+          default: k(() => [
+            c(s(t.submitLabel), 1)
+          ]),
+          _: 1
+        })
+      ])
+    ]));
+  }
+});
+export {
+  Z as default
+};