koishi-plugin-chatluna-affinity 0.3.0-beta.2 → 0.3.0-beta.4

package/client/AffinityDetailsLoader.vue

@@ -1,16 +1,20 @@
 <!--
   好感度详情加载器
-  根据当前插件名称决定是否显示导航组件
+  根据当前插件名称决定是否显示共享导航组件
 -->
 <template>
-    <AffinityNav v-if="isOwn" />
+    <SharedNav v-if="isOwn" :sections="navSections" />
 </template>
 
 <script setup lang="ts">
-import { ComputedRef, inject, computed } from 'vue'
-import AffinityNav from './components/AffinityNav.vue'
-import { PLUGIN_NAME } from './constants'
+import { ComputedRef, computed, inject } from 'vue'
+import { SharedNav } from 'shared-nav'
+import { NAV_SECTIONS, PLUGIN_CANDIDATE_NAMES } from './constants'
 
 const pluginName = inject<ComputedRef<string>>('plugin:name')
-const isOwn = computed(() => pluginName?.value === PLUGIN_NAME)
+const navSections = NAV_SECTIONS
+const isOwn = computed(() => {
+    const name = pluginName?.value || ''
+    return PLUGIN_CANDIDATE_NAMES.includes(name)
+})
 </script>

package/client/constants.ts

@@ -1,26 +1,11 @@
 /**
  * 前端常量定义
- * 包含导航、工具、变量的配置映射
+ * 包含导航分组与插件候选名称
  */
 
-export interface NavSection {
-  title: string;
-  key: string;
-}
+import type { SharedNavSection } from "shared-nav";
 
-export interface ToolItem {
-  name: string;
-  enableKey: string;
-  enabled: boolean;
-}
-
-export interface VariableItem {
-  name: string;
-  key: string;
-  enabled: boolean;
-}
-
-export const NAV_SECTIONS: NavSection[] = [
+export const NAV_SECTIONS: SharedNavSection[] = [
   { title: "好感度设置", key: "affinity" },
   { title: "黑名单设置", key: "blacklist" },
   { title: "关系设置", key: "relationship" },
@@ -29,37 +14,5 @@ export const NAV_SECTIONS: NavSection[] = [
   { title: "其他设置", key: "otherSettings" },
 ];
 
-export const TITLE_TO_KEY: Record<string, string> = {
-  好感度设置: "affinity",
-  黑名单设置: "blacklist",
-  关系设置: "relationship",
-  变量设置: "variables",
-  "XML 工具设置": "xmlTools",
-  其他设置: "otherSettings",
-};
-
-export const KEY_TO_TITLE: Record<string, string> = {
-  affinity: "好感度设置",
-  blacklist: "黑名单设置",
-  relationship: "关系设置",
-  variables: "变量设置",
-  xmlTools: "XML 工具设置",
-  otherSettings: "其他设置",
-};
-
-export const VARIABLE_CONFIG: Record<
-  string,
-  { section: string; searchKey: string | string[] }
-> = {
-  affinity: { section: "变量设置", searchKey: "affinityVariableName" },
-  relationshipLevel: {
-    section: "变量设置",
-    searchKey: "relationshipLevelVariableName",
-  },
-  blacklistList: {
-    section: "变量设置",
-    searchKey: "blacklistListVariableName",
-  },
-};
-
 export const PLUGIN_NAME = "koishi-plugin-chatluna-affinity";
+export const PLUGIN_CANDIDATE_NAMES = [PLUGIN_NAME, "chatluna-affinity"];

package/dist/index.js

@@ -1,226 +1,262 @@
-import { openBlock as p, createElementBlock as f, createElementVNode as _, defineComponent as k, Fragment as C, renderList as D, normalizeClass as m, toDisplayString as X, reactive as N, computed as $, onUnmounted as x, ref as L, onMounted as Y, normalizeStyle as z, unref as y, createVNode as w, withModifiers as S, inject as I, createBlock as R, createCommentVNode as A } from "vue";
-const v = (c, e) => {
-  const t = c.__vccOpts || c;
-  for (const [n, l] of e)
-    t[n] = l;
-  return t;
-}, B = {}, O = {
+import { openBlock as m, createElementBlock as _, createElementVNode as v, defineComponent as $, Fragment as R, renderList as E, normalizeClass as y, toDisplayString as z, reactive as I, computed as w, onUnmounted as N, ref as T, onMounted as A, normalizeStyle as B, unref as k, createVNode as x, withModifiers as D, inject as K, createBlock as X, createCommentVNode as O } from "vue";
+const M = (s, o) => {
+  const r = s.__vccOpts || s;
+  for (const [c, t] of o)
+    r[c] = t;
+  return r;
+}, V = {}, Y = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg",
   width: "20",
   height: "20"
 };
-function K(c, e) {
-  return p(), f("svg", O, [...e[0] || (e[0] = [
-    _("path", {
+function P(s, o) {
+  return m(), _("svg", Y, [...o[0] || (o[0] = [
+    v("path", {
       d: "M288 224c0-35.3 28.7-64 64-64s64 28.7 64 64-28.7 64-64 64-64-28.7-64-64zm320 0c0-35.3 28.7-64 64-64s64 28.7 64 64-28.7 64-64 64-64-28.7-64-64zM288 512c0-35.3 28.7-64 64-64s64 28.7 64 64-28.7 64-64 64-64-28.7-64-64zm320 0c0-35.3 28.7-64 64-64s64 28.7 64 64-28.7 64-64 64-64-28.7-64-64zM352 864c-35.3 0-64-28.7-64-64s28.7-64 64-64 64 28.7 64 64-28.7 64-64 64zm320 0c-35.3 0-64-28.7-64-64s28.7-64 64-64 64 28.7 64 64-28.7 64-64 64z",
       fill: "currentColor"
     }, null, -1)
   ])]);
 }
-const V = /* @__PURE__ */ v(B, [["render", K]]), q = {}, W = {
+const q = /* @__PURE__ */ M(V, [["render", P]]), U = {}, W = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg",
   width: "20",
   height: "20"
 };
-function j(c, e) {
-  return p(), f("svg", W, [...e[0] || (e[0] = [
-    _("path", {
+function j(s, o) {
+  return m(), _("svg", W, [...o[0] || (o[0] = [
+    v("path", {
       d: "M831.872 340.864 512 652.672 192.128 340.864a30.592 30.592 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.592 30.592 0 0 0-42.752 0z",
       fill: "currentColor"
     }, null, -1)
   ])]);
 }
-const P = /* @__PURE__ */ v(q, [["render", j]]), U = ["onClick"], F = /* @__PURE__ */ k({
+const G = /* @__PURE__ */ M(U, [["render", j]]), F = ["onClick"], H = /* @__PURE__ */ $({
   __name: "NavSection",
   props: {
     sections: {},
     activeKey: {}
   },
   emits: ["select"],
-  setup(c) {
-    return (e, t) => (p(!0), f(C, null, D(c.sections, (n) => (p(), f("div", {
-      key: n.key,
-      class: m([e.$style.item, c.activeKey === n.key ? e.$style.active : ""]),
-      onClick: (l) => e.$emit("select", n)
-    }, X(n.title), 11, U))), 128));
+  setup(s) {
+    return (o, r) => (m(!0), _(R, null, E(s.sections, (c) => (m(), _("div", {
+      key: c.key,
+      class: y([o.$style.item, s.activeKey === c.key ? o.$style.active : ""]),
+      onClick: (t) => o.$emit("select", c)
+    }, z(c.title), 11, F))), 128));
   }
-}), G = "_item_1m2kp_1", H = "_active_1m2kp_16", J = {
-  item: G,
-  active: H
-}, Q = {
-  $style: J
-}, Z = /* @__PURE__ */ v(F, [["__cssModules", Q]]);
-function tt(c = 100, e = 20) {
-  const t = N({
+}), J = "_item_1m2kp_1", Q = "_active_1m2kp_16", Z = {
+  item: J,
+  active: Q
+}, tt = {
+  $style: Z
+}, et = /* @__PURE__ */ M(H, [["__cssModules", tt]]);
+function L(s) {
+  return s instanceof TouchEvent ? {
+    x: s.touches[0].clientX,
+    y: s.touches[0].clientY
+  } : {
+    x: s.clientX,
+    y: s.clientY
+  };
+}
+function ot(s = {}) {
+  const {
+    initialTop: o = 100,
+    initialRight: r = 20,
+    boundarySelector: c = ".plugin-view"
+  } = s, t = I({
     isDragging: !1,
-    top: c,
-    right: e,
+    top: o,
+    right: r,
     startTop: 0,
     startRight: 0,
     startX: 0,
     startY: 0,
     width: 0,
     height: 0
-  }), n = $(() => ({
-    top: t.top + "px",
-    right: t.right + "px"
-  })), l = (s) => {
-    var E;
-    if (!t.isDragging) return;
-    const a = s instanceof TouchEvent ? s.touches[0].clientX : s.clientX, o = s instanceof TouchEvent ? s.touches[0].clientY : s.clientY;
-    let i = t.startTop + (o - t.startY), u = t.startRight - (a - t.startX);
-    const r = (E = document.querySelector(".plugin-view")) == null ? void 0 : E.getBoundingClientRect();
-    let h = 0, M = window.innerHeight - t.height, T = 0, b = window.innerWidth - t.width;
-    r && (h = r.top, M = r.bottom - t.height, T = window.innerWidth - r.right, b = window.innerWidth - r.left - t.width), t.top = Math.max(h, Math.min(M, i)), t.right = Math.max(T, Math.min(b, u));
-  }, g = (s, a) => {
-    const o = s instanceof TouchEvent ? s.touches[0].clientX : s.clientX, i = s instanceof TouchEvent ? s.touches[0].clientY : s.clientY, r = s.target.closest(`.${a}`), h = r == null ? void 0 : r.getBoundingClientRect();
-    h && (t.width = h.width, t.height = h.height), t.startTop = t.top, t.startRight = t.right, t.startX = o, t.startY = i, t.isDragging = !0;
-  }, d = () => {
+  }), g = w(() => ({
+    top: `${t.top}px`,
+    right: `${t.right}px`
+  })), i = (d) => {
+    var C;
+    if (!t.isDragging)
+      return;
+    const a = L(d), l = t.startTop + (a.y - t.startY), e = t.startRight - (a.x - t.startX), n = (C = document.querySelector(c)) == null ? void 0 : C.getBoundingClientRect();
+    let h = 0, f = window.innerHeight - t.height, S = 0, b = window.innerWidth - t.width;
+    n && (h = n.top, f = n.bottom - t.height, S = window.innerWidth - n.right, b = window.innerWidth - n.left - t.width), t.top = Math.max(h, Math.min(f, l)), t.right = Math.max(S, Math.min(b, e));
+  }, p = (d, a) => {
+    const l = L(d), e = a == null ? void 0 : a.getBoundingClientRect();
+    e && (t.width = e.width, t.height = e.height), t.startTop = t.top, t.startRight = t.right, t.startX = l.x, t.startY = l.y, t.isDragging = !0;
+  }, u = () => {
     t.isDragging = !1;
   };
-  return window.addEventListener("mousemove", l), window.addEventListener("mouseup", d), window.addEventListener("touchmove", l), window.addEventListener("touchend", d), x(() => {
-    window.removeEventListener("mousemove", l), window.removeEventListener("mouseup", d), window.removeEventListener("touchmove", l), window.removeEventListener("touchend", d);
+  return window.addEventListener("mousemove", i), window.addEventListener("mouseup", u), window.addEventListener("touchmove", i), window.addEventListener("touchend", u), N(() => {
+    window.removeEventListener("mousemove", i), window.removeEventListener("mouseup", u), window.removeEventListener("touchmove", i), window.removeEventListener("touchend", u);
   }), {
-    state: t,
-    position: n,
-    startDrag: g,
-    endDrag: d
+    position: g,
+    startDrag: p
   };
 }
-function et(c, e = {}) {
-  const t = L("");
-  let n = null;
-  const l = /* @__PURE__ */ new Map(), g = () => {
-    n && (n.disconnect(), l.clear()), n = new IntersectionObserver(
-      (a) => {
-        for (const o of a)
-          if (o.isIntersecting) {
-            const i = l.get(o.target);
-            i && (t.value = i);
-          }
+function nt(s) {
+  const {
+    titleToKeyMap: o,
+    headerSelector: r = ".k-schema-header",
+    rootMargin: c = "-20% 0px -60% 0px",
+    threshold: t = 0
+  } = s, g = T("");
+  let i = null;
+  const p = /* @__PURE__ */ new Map(), u = () => {
+    i == null || i.disconnect(), p.clear(), i = new IntersectionObserver(
+      (l) => {
+        for (const e of l) {
+          if (!e.isIntersecting)
+            continue;
+          const n = p.get(e.target);
+          n && (g.value = n);
+        }
       },
       {
         root: null,
-        rootMargin: e.rootMargin || "-20% 0px -60% 0px",
-        threshold: e.threshold || 0
+        rootMargin: c,
+        threshold: t
       }
-    ), document.querySelectorAll(".k-schema-header").forEach((a) => {
-      const o = a.textContent || "";
-      for (const [i, u] of Object.entries(c))
-        if (o.includes(i)) {
-          n == null || n.observe(a), l.set(a, u);
+    ), document.querySelectorAll(r).forEach((l) => {
+      const e = l.textContent || "";
+      for (const [n, h] of Object.entries(o))
+        if (e.includes(n)) {
+          i == null || i.observe(l), p.set(l, h);
           break;
         }
     });
   }, d = () => {
-    setTimeout(g, 500);
+    setTimeout(u, 500);
   };
-  return Y(() => {
-    d();
-  }), x(() => {
-    n == null || n.disconnect();
+  return A(d), N(() => {
+    i == null || i.disconnect();
   }), {
-    activeSection: t,
+    activeSection: g,
     refresh: d
   };
 }
-const ot = [
-  { title: "好感度设置", key: "affinity" },
-  { title: "黑名单设置", key: "blacklist" },
-  { title: "关系设置", key: "relationship" },
-  { title: "变量设置", key: "variables" },
-  { title: "XML 工具设置", key: "xmlTools" },
-  { title: "其他设置", key: "otherSettings" }
-], nt = {
-  好感度设置: "affinity",
-  黑名单设置: "blacklist",
-  关系设置: "relationship",
-  变量设置: "variables",
-  "XML 工具设置": "xmlTools",
-  其他设置: "otherSettings"
-}, st = {
-  affinity: "好感度设置",
-  blacklist: "黑名单设置",
-  relationship: "关系设置",
-  variables: "变量设置",
-  xmlTools: "XML 工具设置",
-  otherSettings: "其他设置"
-}, it = "koishi-plugin-chatluna-affinity", ct = /* @__PURE__ */ k({
-  __name: "AffinityNav",
-  setup(c) {
-    const e = L(!1), t = (o) => {
-      o.stopPropagation(), e.value = !e.value;
-    }, { position: n, startDrag: l } = tt(100, 20), g = (o) => {
-      l(o, "container");
-    }, d = ot, { activeSection: s } = et(nt), a = (o) => {
-      s.value = o.key;
-      const i = document.querySelectorAll(".k-schema-header");
-      for (let u = 0; u < i.length; u++) {
-        const r = i[u];
-        if ((r.textContent || "").includes(st[o.key])) {
-          r.scrollIntoView({ behavior: "smooth", block: "start" });
+const st = /* @__PURE__ */ $({
+  __name: "SharedNav",
+  props: {
+    sections: {},
+    headerSelector: { default: ".k-schema-header" },
+    boundarySelector: { default: ".plugin-view" },
+    initialTop: { default: 100 },
+    initialRight: { default: 20 },
+    rootMargin: { default: "-20% 0px -60% 0px" },
+    threshold: { default: 0 }
+  },
+  setup(s) {
+    const o = s, r = T(!1), c = T(null), t = w(
+      () => o.sections.reduce(
+        (e, n) => (e[n.matchText ?? n.title] = n.key, e),
+        {}
+      )
+    ), g = w(
+      () => o.sections.reduce(
+        (e, n) => (e[n.key] = n.matchText ?? n.title, e),
+        {}
+      )
+    ), i = (e) => {
+      e.stopPropagation(), r.value = !r.value;
+    }, { position: p, startDrag: u } = ot({
+      initialTop: o.initialTop,
+      initialRight: o.initialRight,
+      boundarySelector: o.boundarySelector
+    }), d = (e) => {
+      u(e, c.value);
+    }, { activeSection: a } = nt({
+      titleToKeyMap: t.value,
+      headerSelector: o.headerSelector,
+      rootMargin: o.rootMargin,
+      threshold: o.threshold
+    }), l = (e) => {
+      a.value = e.key;
+      const n = document.querySelectorAll(o.headerSelector);
+      for (let h = 0; h < n.length; h += 1) {
+        const f = n[h];
+        if ((f.textContent || "").includes(g.value[e.key])) {
+          f.scrollIntoView({ behavior: "smooth", block: "start" });
           return;
         }
       }
     };
-    return (o, i) => (p(), f("div", {
-      class: m([o.$style.container, e.value ? o.$style.collapsed : ""]),
-      style: z(y(n))
+    return (e, n) => (m(), _("div", {
+      ref_key: "containerRef",
+      ref: c,
+      class: y([e.$style.container, r.value ? e.$style.collapsed : ""]),
+      style: B(k(p))
     }, [
-      _("div", {
-        class: m(o.$style.header),
-        onMousedown: g,
-        onTouchstart: g
+      v("div", {
+        class: y(e.$style.header),
+        onMousedown: d,
+        onTouchstart: d
       }, [
-        w(V, {
-          class: m(o.$style.move)
+        x(q, {
+          class: y(e.$style.move)
         }, null, 8, ["class"]),
-        _("div", {
-          class: m(o.$style.toggle),
-          onClick: t,
-          onMousedown: i[0] || (i[0] = S(() => {
+        v("div", {
+          class: y(e.$style.toggle),
+          onClick: i,
+          onMousedown: n[0] || (n[0] = D(() => {
           }, ["stop"])),
-          onTouchstart: i[1] || (i[1] = S(() => {
+          onTouchstart: n[1] || (n[1] = D(() => {
           }, ["stop"]))
         }, [
-          w(P)
+          x(G)
         ], 34)
       ], 34),
-      _("div", {
-        class: m(o.$style.body)
+      v("div", {
+        class: y(e.$style.body)
       }, [
-        w(Z, {
-          sections: y(d),
-          "active-key": y(s),
-          onSelect: a
+        x(et, {
+          sections: s.sections,
+          "active-key": k(a),
+          onSelect: l
         }, null, 8, ["sections", "active-key"])
       ], 2)
     ], 6));
   }
-}), lt = "_container_pbgsl_2", rt = "_header_pbgsl_21", at = "_move_pbgsl_36", dt = "_toggle_pbgsl_45", ut = "_body_pbgsl_56", ht = "_collapsed_pbgsl_67", gt = {
-  container: lt,
-  header: rt,
-  move: at,
-  toggle: dt,
-  body: ut,
-  collapsed: ht
-}, mt = {
-  $style: gt
-}, pt = /* @__PURE__ */ v(ct, [["__cssModules", mt]]), _t = /* @__PURE__ */ k({
+}), it = "_container_pbgsl_2", ct = "_header_pbgsl_21", rt = "_move_pbgsl_36", lt = "_toggle_pbgsl_45", at = "_body_pbgsl_56", dt = "_collapsed_pbgsl_67", ut = {
+  container: it,
+  header: ct,
+  move: rt,
+  toggle: lt,
+  body: at,
+  collapsed: dt
+}, ht = {
+  $style: ut
+}, gt = /* @__PURE__ */ M(st, [["__cssModules", ht]]), pt = [
+  { title: "好感度设置", key: "affinity" },
+  { title: "黑名单设置", key: "blacklist" },
+  { title: "关系设置", key: "relationship" },
+  { title: "变量设置", key: "variables" },
+  { title: "XML 工具设置", key: "xmlTools" },
+  { title: "其他设置", key: "otherSettings" }
+], yt = "koishi-plugin-chatluna-affinity", mt = [yt, "chatluna-affinity"], ft = /* @__PURE__ */ $({
   __name: "AffinityDetailsLoader",
-  setup(c) {
-    const e = I("plugin:name"), t = $(() => (e == null ? void 0 : e.value) === it);
-    return (n, l) => t.value ? (p(), R(pt, { key: 0 })) : A("", !0);
+  setup(s) {
+    const o = K("plugin:name"), r = pt, c = w(() => {
+      const t = (o == null ? void 0 : o.value) || "";
+      return mt.includes(t);
+    });
+    return (t, g) => c.value ? (m(), X(k(gt), {
+      key: 0,
+      sections: k(r)
+    }, null, 8, ["sections"])) : O("", !0);
   }
-}), vt = (c) => {
-  c.slot({
+}), _t = (s) => {
+  s.slot({
     type: "plugin-details",
-    component: _t,
+    component: ft,
     order: -999
   });
 };
 export {
-  vt as default
+  _t as default
 };