@freecallai/pro 0.0.4 → 0.0.5

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2021 Bytedance, Inc. and its affiliates.
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+MIT License
+
+Copyright (c) 2021 Bytedance, Inc. and its affiliates.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.

package/README.md

@@ -1,23 +1,23 @@
-# Fuker UI 业务组件
-
-`packages/web-vue-pro` 是与 `packages/web-vue` 平级的独立 workspace 包，包名为 `@freecallai/pro`。业务组件直接按名称放在 `components/` 下，各自维护源码、类型、样式、`TEMPLATE.md`、演示和测试。基础包 `@freecallai/ui` 不依赖此包。
-
-使用 pnpm 9.5.0 开发：
-
-```bash
-pnpm --filter @freecallai/pro docgen
-pnpm --filter @freecallai/pro build
-pnpm --filter @freecallai/pro test
-```
-
-第一个组件 `FkpRichText` 同时提供整包注册和 `@freecallai/pro/rich-text` 按需入口。组件使用 Tiptap 和独立的 `@freecallai/icons`；宿主需先加载 `@freecallai/ui/dist/arco.css`，再加载 `@freecallai/pro/style.css`。上传、鉴权、保存和 AI 操作仍由宿主注入或响应事件。当前包版本为 0.0.4，要求 UI ^0.0.3、Vue ^3.5.13，Icons 使用 0.0.2，发布状态见[发布指南](../../docs/fuker/RELEASE.md)。
-
-字体图标由独立的 [`@freecallai/icons`](../web-vue-icons/README.md) 包维护。富文本组件直接引用该包，字体样式包含在 `@freecallai/pro/style.css` 中。业务包目前不另设 Icon 导出或注册入口；其他场景可直接使用 `@freecallai/icons`。
-
-文档站从[快速上手](/ui/pro/start)进入；[组件开发](/ui/pro/development)放在“开发指南”，演示和公开 API 放在[业务富文本组件页](/ui/pro/rich-text)。富文本的设计与实施复核保留在组件源码目录。
-
-## 组件与场景
-
-业务组件提供 Filter、SearchableMultiSelect、FilterPeriod、FilterDateRange、Switcher、EditionInfo、Navigation、RichText 和 KnowledgeTypePicker。公开子入口为 `@freecallai/pro/filters`、`/switcher`、`/edition-info`、`/navigation`、`/rich-text`、`/knowledge-type-picker` 和 `/rich-text/legacy-converter`。
-
-Header、Sidebar、PageLayout 仅为使用业务组件和 UI 组合的文档场景，不导出独立组件或 `/layout` 入口。Navigation 的排序复用 `@freecallai/ui` 的 SortableList；宿主负责账号保存和页面跳转。未发布的旧 ProjectSwitcher / FilterSearch / FilterSelect 名称不保留兼容入口。
+# Fuker UI 业务组件
+
+`packages/web-vue-pro` 是与 `packages/web-vue` 平级的独立 workspace 包，包名为 `@freecallai/pro`。业务组件直接按名称放在 `components/` 下，各自维护源码、类型、样式、`TEMPLATE.md`、演示和测试。基础包 `@freecallai/ui` 不依赖此包。
+
+使用 pnpm 9.5.0 开发：
+
+```bash
+pnpm --filter @freecallai/pro docgen
+pnpm --filter @freecallai/pro build
+pnpm --filter @freecallai/pro test
+```
+
+第一个组件 `FkpRichText` 同时提供整包注册和 `@freecallai/pro/rich-text` 按需入口。组件使用 Tiptap 和独立的 `@freecallai/icons`；宿主需先加载 `@freecallai/ui/dist/arco.css`，再加载 `@freecallai/pro/style.css`。上传、鉴权、保存和 AI 操作仍由宿主注入或响应事件。当前包版本为 0.0.5，要求 UI ^0.0.4、Vue ^3.5.13，Icons 使用 0.0.3，发布状态见[发布指南](../../docs/fuker/RELEASE.md)。
+
+SVG 图标由独立的 [`@freecallai/icons`](../web-vue-icons/README.md) 包维护。富文本组件直接引用该包，图标布局样式包含在 `@freecallai/pro/style.css` 中。业务包目前不另设 Icon 导出或注册入口；其他场景可直接使用 `@freecallai/icons`。
+
+文档站从[快速上手](/ui/pro/start)进入；[组件开发](/ui/pro/development)放在“开发指南”，演示和公开 API 放在[知识富文本组件页](/ui/pro/rich-text)。知识富文本的转换协议、扩展说明及历史设计记录从[知识富文本文档索引](components/rich-text/docs/README.md)进入。
+
+## 组件与场景
+
+业务组件提供 Filter、SearchableMultiSelect、FilterPeriod、FilterDateRange、Switcher、EditionInfo、Navigation、RichText 和 KnowledgeTypePicker。公开子入口为 `@freecallai/pro/filters`、`/switcher`、`/edition-info`、`/navigation`、`/rich-text`、`/knowledge-type-picker` 和 `/rich-text/legacy-converter`。
+
+Header、Sidebar、PageLayout 仅为使用业务组件和 UI 组合的文档场景，不导出独立组件或 `/layout` 入口。Navigation 的排序复用 `@freecallai/ui` 的 SortableList；宿主负责账号保存和页面跳转。未发布的旧 ProjectSwitcher / FilterSearch / FilterSelect 名称不保留兼容入口。

package/dist/FkpKnowledgeTypePicker.vue_vue_type_script_setup_true_lang--MPtqZY_.js

@@ -0,0 +1,193 @@
+import { defineComponent as H, ref as K, computed as J, watch as S, onMounted as Q, onBeforeUnmount as X, openBlock as m, createElementBlock as g, withKeys as Y, withModifiers as Z, normalizeClass as $, createVNode as l, unref as f, withCtx as L, Fragment as A, createElementVNode as i, toDisplayString as h, Transition as x, renderList as ee, createCommentVNode as te, renderSlot as ne } from "vue";
+import { Button as I } from "@freecallai/ui";
+import { IconPlusCircle as oe } from "@freecallai/ui/es/icon/index.js";
+import B from "@freecallai/icons";
+import { a as re } from "./types-PvYB5e85.js";
+const ae = ["onKeydown"], ie = {
+  key: 0,
+  class: "fkp-type-popup",
+  "aria-hidden": "false"
+}, se = {
+  class: "fkp-menu fkp-type-menu",
+  "aria-label": "选择知识类型"
+}, le = { class: "fkp-type-option-copy" }, me = /* @__PURE__ */ H({
+  name: "FkpKnowledgeTypePicker",
+  __name: "FkpKnowledgeTypePicker",
+  props: {
+    currentType: { default: "normal" },
+    mode: { default: "add" },
+    trigger: { default: "button" },
+    buttonLabel: { default: "添加知识" },
+    disabled: { type: Boolean, default: !1 },
+    open: { type: [Boolean, null], default: null },
+    ariaKeyshortcuts: {}
+  },
+  emits: ["update:open", "select", "create"],
+  setup(F, { emit: O }) {
+    const s = F, y = O, k = K(), C = K(!1), n = J(() => s.open ?? C.value);
+    let o = !1, v;
+    const W = ["normal", "reasoning", "agent"], E = {
+      normal: "常规知识",
+      reasoning: "推理知识",
+      agent: "Agent 知识"
+    }, q = {
+      normal: "填写可直接用于回复顾客的知识内容，命中后 AI 将参考内容生成回复。",
+      reasoning: "填写不同情况的判断条件和处理规则，命中后 AI 将先判断，再按对应规则回复。",
+      agent: "引用已配置的自定义 Agent，命中后 AI 将按照该 Agent 的提示词和步骤执行。"
+    }, T = {
+      normal: "regular",
+      reasoning: "thinking",
+      agent: "rte-agent"
+    };
+    function a() {
+      v && clearTimeout(v), v = void 0;
+    }
+    function u(e, t) {
+      s.open === null && (C.value = e), y("update:open", e, t);
+    }
+    function N() {
+      a(), !(s.disabled || n.value) && (o = !1, u(!0, "hover"));
+    }
+    function V() {
+      if (a(), !s.disabled) {
+        if (n.value && !o) {
+          o = !0, y("update:open", !0, "click");
+          return;
+        }
+        o = !n.value, u(o, "click");
+      }
+    }
+    function D() {
+      !n.value || o || (a(), v = setTimeout(() => {
+        o || u(!1, "leave");
+      }, 180));
+    }
+    function _(e) {
+      a(), o = !1, u(!1, "select"), y("select", e), s.mode === "add" && y("create", { type: e, scene: re(e), position: "start" });
+    }
+    function M(e) {
+      var t;
+      !n.value || (t = k.value) != null && t.contains(e.target) || (o = !1, a(), u(!1, "outside"));
+    }
+    function R() {
+      var e, t;
+      n.value && (o = !1, a(), u(!1, "escape"), (t = (e = k.value) == null ? void 0 : e.querySelector(".fkp-type-button")) == null || t.focus());
+    }
+    function U(e) {
+      e.setAttribute("aria-hidden", "false"), e.removeAttribute("inert");
+    }
+    function j(e) {
+      e.setAttribute("aria-hidden", "true"), e.setAttribute("inert", "");
+    }
+    function c() {
+      const e = k.value, t = e == null ? void 0 : e.querySelector(".fkp-type-popup");
+      if (!e || !t || !n.value || !t.offsetWidth) return;
+      const r = t.offsetWidth, p = e.getBoundingClientRect(), G = s.trigger === "button" ? p.right - r : p.left, P = Math.max(
+        16,
+        Math.min(G, window.innerWidth - r - 16)
+      ), d = t.querySelector(".fkp-type-menu-arrow"), b = ((d == null ? void 0 : d.offsetWidth) || 14) / 2, z = Math.max(
+        12,
+        Math.min(
+          p.left + p.width / 2 - P - b,
+          r - 12 - b * 2
+        )
+      );
+      t.style.left = `${P - p.left}px`, t.style.right = "auto", t.style.transformOrigin = `${z + b}px 0`, d && (d.style.left = `${z}px`, d.style.right = "auto");
+    }
+    function w(e) {
+      document.removeEventListener("click", M), window.removeEventListener("resize", c), window.removeEventListener("scroll", c, !0), e && (document.addEventListener("click", M), window.addEventListener("resize", c), window.addEventListener("scroll", c, !0), c());
+    }
+    return S(
+      () => s.open,
+      (e) => {
+        e === !1 && (o = !1, a());
+      }
+    ), S(n, w, { flush: "post" }), Q(() => {
+      w(n.value);
+    }), X(() => {
+      a(), w(!1);
+    }), (e, t) => (m(), g("div", {
+      ref_key: "root",
+      ref: k,
+      class: $(["fkp-knowledge-type-picker", [`is-${e.currentType}`, { "is-add-button": e.trigger === "button" }]]),
+      onMouseenter: a,
+      onMouseleave: D,
+      onKeydown: Y(Z(R, ["stop", "prevent"]), ["esc"])
+    }, [
+      l(f(I), {
+        class: "fkp-type-button",
+        type: e.trigger === "button" ? "primary" : "text",
+        "data-fkp-menu-trigger": "type",
+        disabled: e.disabled,
+        "aria-label": e.mode === "add" ? "添加知识场景" : "选择知识类型",
+        "aria-expanded": n.value,
+        "aria-keyshortcuts": e.ariaKeyshortcuts,
+        onMouseenter: N,
+        onClick: V
+      }, {
+        default: L(() => [
+          e.trigger === "button" ? (m(), g(A, { key: 0 }, [
+            l(f(oe)),
+            i("strong", null, h(e.buttonLabel), 1)
+          ], 64)) : (m(), g(A, { key: 1 }, [
+            l(f(B), {
+              name: T[e.currentType],
+              size: 16
+            }, null, 8, ["name"]),
+            i("strong", null, h(E[e.currentType]), 1),
+            l(f(B), {
+              name: "arrow-down",
+              size: 12
+            })
+          ], 64))
+        ]),
+        _: 1
+      }, 8, ["type", "disabled", "aria-label", "aria-expanded", "aria-keyshortcuts"]),
+      l(x, {
+        name: "zoom-in-fade-out",
+        onBeforeEnter: U,
+        onBeforeLeave: j
+      }, {
+        default: L(() => [
+          n.value ? (m(), g("div", ie, [
+            t[1] || (t[1] = i("span", {
+              class: "fkp-type-menu-arrow",
+              "aria-hidden": "true"
+            }, null, -1)),
+            i("div", se, [
+              t[0] || (t[0] = i("strong", { class: "fkp-type-menu-title" }, "选择要添加的知识类型：", -1)),
+              (m(), g(A, null, ee(W, (r) => l(f(I), {
+                key: r,
+                class: "fkp-type-option",
+                type: "text",
+                "aria-pressed": e.mode === "switch" ? e.currentType === r : void 0,
+                onClick: (p) => _(r)
+              }, {
+                default: L(() => [
+                  i("span", {
+                    class: $(["fkp-type-option-icon", `is-${r}`])
+                  }, [
+                    l(f(B), {
+                      name: T[r],
+                      size: 16
+                    }, null, 8, ["name"])
+                  ], 2),
+                  i("span", le, [
+                    i("strong", null, h(E[r]), 1),
+                    i("span", null, h(q[r]), 1)
+                  ])
+                ]),
+                _: 2
+              }, 1032, ["aria-pressed", "onClick"])), 64))
+            ])
+          ])) : te("", !0)
+        ]),
+        _: 1
+      }),
+      ne(e.$slots, "default")
+    ], 42, ae));
+  }
+});
+export {
+  me as _
+};