@huyooo/ui 1.0.7 → 2.0.1

package/dist/FeedbackModal.vue_vue_type_script_setup_true_lang-C1hPqnNT.js

@@ -0,0 +1,1531 @@
+/* empty css               */
+/* empty css               */
+import { U as st } from "./userMenuModal-D-nDaYqM.js";
+import { defineComponent as W, useModel as nt, openBlock as s, createBlock as T, Teleport as lt, createElementBlock as u, withKeys as rt, createElementVNode as k, toDisplayString as $, withModifiers as Q, createCommentVNode as P, mergeModels as it, ref as b, computed as I, Fragment as M, renderList as G, createVNode as f, unref as a, normalizeStyle as le, withCtx as v, createTextVNode as E, normalizeClass as fe, onBeforeUnmount as ot, onUnmounted as ut, watch as ke, readonly as ct, nextTick as ie } from "vue";
+import { ImagePreviewGroup as we, Avatar as ve, Space as pe, Descriptions as dt, DescriptionsItem as oe, Tag as ae, Spin as ft, Empty as vt, Button as _e, Message as se, Form as pt, FormItem as ee, Input as mt, Select as Ae, Option as Re, Textarea as gt, Breadcrumb as bt, BreadcrumbItem as Pe, Modal as kt } from "@arco-design/web-vue";
+import { M as yt } from "./Menu-uCexrsKP.js";
+/* empty css               */
+import { C as me } from "./index-BhVwozr0.js";
+/* empty css               */
+/* empty css               */
+import { g as H } from "./apiClients-CR-hEwog.js";
+/* empty css               */
+import { h as _t, u as Me } from "./runtime-DMCyhVcI.js";
+import { _ as Y } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { r as ht, m as Be, a as wt, M as Ct } from "./MessageList-HSiKkUoD.js";
+import { f as ne } from "./index-D56hUMeD.js";
+import { Bubble as Le, Sender as St } from "ant-design-x-vue";
+import { u as xt } from "./useAuthkitUsersProfile-DdUAENic.js";
+import { u as Ut } from "./useUserMenu-ClPBlvaM.js";
+/* empty css               */
+import { Icon as $t } from "@iconify/vue";
+import { _ as It, g as Ft, i as At } from "./plugin-vue_export-helper-LjDO2Zua.js";
+const Rt = {
+  class: "video-preview__header"
+}, Pt = {
+  class: "video-preview__title"
+}, Bt = {
+  class: "video-preview__stage"
+}, Tt = ["src"], Mt = /* @__PURE__ */ W({
+  __name: "VideoPreview",
+  props: /* @__PURE__ */ it({
+    src: {
+      type: String,
+      default: ""
+    },
+    title: {
+      type: String,
+      default: ""
+    }
+  }, {
+    visible: {
+      type: Boolean,
+      default: !1
+    },
+    visibleModifiers: {}
+  }),
+  emits: ["update:visible"],
+  setup(e) {
+    const t = nt(e, "visible"), r = e;
+    function o() {
+      t.value = !1;
+    }
+    return (d, p) => (s(), T(lt, {
+      to: "body"
+    }, [t.value ? (s(), u("div", {
+      key: 0,
+      class: "video-preview",
+      tabindex: "0",
+      onClick: o,
+      onKeydown: rt(o, ["esc"])
+    }, [k("div", Rt, [k("div", Pt, $(r.title), 1), k("button", {
+      type: "button",
+      class: "video-preview__close",
+      onClick: Q(o, ["stop"])
+    }, " × ")]), k("div", Bt, [r.src ? (s(), u("video", {
+      key: 0,
+      class: "video-preview__video",
+      src: r.src,
+      controls: "",
+      autoplay: "",
+      onClick: p[0] || (p[0] = Q(() => {
+      }, ["stop"]))
+    }, null, 8, Tt)) : P("", !0)])], 32)) : P("", !0)]));
+  }
+}), Ce = /* @__PURE__ */ Y(Mt, [["__scopeId", "data-v-3f517bc8"]]), Lt = {
+  key: 0,
+  class: "message-attachments"
+}, Vt = ["title", "onClick"], Et = ["src", "alt"], Dt = ["title", "onClick"], qt = ["src"], Ot = ["href", "title"], zt = {
+  class: "message-attachment-main"
+}, Nt = {
+  class: "message-attachment-name"
+}, jt = {
+  class: "message-attachment-meta"
+}, Wt = /* @__PURE__ */ W({
+  __name: "FeedbackMessageAttachments",
+  props: {
+    attachments: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(e) {
+    const t = e, r = b(!1), o = b(0), d = b(!1), p = b(""), y = b(""), w = I(() => t.attachments.filter((m) => m.kind === "image")), C = I(() => t.attachments.filter((m) => m.kind === "video")), x = I(() => t.attachments.filter((m) => m.kind === "file")), B = I(() => w.value.map((m) => m.url || ""));
+    function _(m) {
+      o.value = m, r.value = !0;
+    }
+    function A(m) {
+      p.value = m.url || "", y.value = m.name, d.value = !0;
+    }
+    function D(m) {
+      return m < 1024 ? `${m} B` : m < 1024 * 1024 ? `${(m / 1024).toFixed(1)} KB` : m < 1024 * 1024 * 1024 ? `${(m / 1024 / 1024).toFixed(1)} MB` : `${(m / 1024 / 1024 / 1024).toFixed(1)} GB`;
+    }
+    return (m, U) => (s(), u(M, null, [t.attachments.length > 0 ? (s(), u("div", Lt, [(s(!0), u(M, null, G(w.value, (l, F) => (s(), u("button", {
+      key: l.key,
+      type: "button",
+      class: "message-media message-media--image",
+      title: l.name,
+      onClick: (L) => _(F)
+    }, [k("img", {
+      src: l.url,
+      alt: l.name,
+      class: "message-media__content"
+    }, null, 8, Et)], 8, Vt))), 128)), (s(!0), u(M, null, G(C.value, (l) => (s(), u("button", {
+      key: l.key,
+      type: "button",
+      class: "message-media message-media--video",
+      title: l.name,
+      onClick: (F) => A(l)
+    }, [k("video", {
+      class: "message-media__content",
+      src: l.url,
+      muted: "",
+      preload: "metadata"
+    }, null, 8, qt), U[3] || (U[3] = k("span", {
+      class: "message-video-play"
+    }, "播放", -1))], 8, Dt))), 128)), (s(!0), u(M, null, G(x.value, (l) => (s(), u("a", {
+      key: l.key,
+      class: "message-file",
+      href: l.url,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      title: l.name
+    }, [U[4] || (U[4] = k("span", {
+      class: "message-file-icon"
+    }, "FILE", -1)), k("span", zt, [k("span", Nt, $(l.name), 1), k("span", jt, $(D(l.size)), 1)])], 8, Ot))), 128))])) : P("", !0), f(a(we), {
+      "src-list": B.value,
+      visible: r.value,
+      "onUpdate:visible": U[0] || (U[0] = (l) => r.value = l),
+      current: o.value,
+      "onUpdate:current": U[1] || (U[1] = (l) => o.value = l)
+    }, null, 8, ["src-list", "visible", "current"]), f(Ce, {
+      visible: d.value,
+      "onUpdate:visible": U[2] || (U[2] = (l) => d.value = l),
+      title: y.value,
+      src: p.value
+    }, null, 8, ["visible", "title", "src"])], 64));
+  }
+}), Ve = /* @__PURE__ */ Y(Wt, [["__scopeId", "data-v-49a094a3"]]), Kt = /* @__PURE__ */ W({
+  __name: "FeedbackRefresh",
+  setup(e) {
+    return (t, r) => (s(), T(a($t), {
+      class: "icon",
+      icon: "mingcute:refresh-2-line"
+    }));
+  }
+}), Te = /* @__PURE__ */ Y(Kt, [["__scopeId", "data-v-64bb6fc2"]]), Ht = ["src"], Gt = {
+  key: 1
+}, Xt = {
+  class: "feedback-message-body"
+}, Yt = {
+  key: 0,
+  class: "feedback-text-bubble"
+}, Jt = {
+  key: 1,
+  class: "feedback-bubble-stack feedback-bubble-stack--end"
+}, Zt = ["src"], Qt = {
+  key: 1
+}, ea = /* @__PURE__ */ W({
+  __name: "FeedbackBubbleEnd",
+  props: {
+    text: {
+      type: String,
+      default: ""
+    },
+    attachments: {
+      type: Array,
+      default: () => []
+    },
+    avatarUrl: {
+      type: String,
+      default: ""
+    },
+    avatarText: {
+      type: String,
+      default: "U"
+    },
+    bubbleStyle: {
+      type: Object,
+      default: () => ({
+        paddingLeft: "52px"
+      })
+    },
+    showRefresh: {
+      type: Boolean,
+      default: !1
+    },
+    showClipboard: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["refresh"],
+  setup(e, {
+    emit: t
+  }) {
+    const r = e, o = t;
+    function d(C) {
+      return C.startsWith("http://") || C.startsWith("https://") || C.startsWith("data:");
+    }
+    const p = I(() => {
+      const C = r.avatarUrl.trim();
+      return d(C) ? C : "";
+    }), y = I(() => r.attachments.length > 0);
+    function w() {
+      o("refresh");
+    }
+    return (C, x) => y.value ? (s(), u("div", {
+      key: 0,
+      class: "feedback-message-group feedback-message-group--end",
+      style: le(r.bubbleStyle)
+    }, [f(a(ve), {
+      class: "feedback-message-avatar"
+    }, {
+      default: v(() => [p.value ? (s(), u("img", {
+        key: 0,
+        alt: "avatar",
+        src: p.value
+      }, null, 8, Ht)) : (s(), u("span", Gt, $(r.avatarText), 1))]),
+      _: 1
+    }), k("div", Xt, [r.text ? (s(), u("div", Yt, $(r.text), 1)) : P("", !0), r.showClipboard || r.showRefresh ? (s(), T(a(pe), {
+      key: 1,
+      class: "feedback-message-footer"
+    }, {
+      default: v(() => [r.showClipboard ? (s(), T(me, {
+        key: 0,
+        value: r.text
+      }, null, 8, ["value"])) : P("", !0), r.showRefresh ? (s(), T(Te, {
+        key: 1,
+        onClick: w
+      })) : P("", !0)]),
+      _: 1
+    })) : P("", !0), f(Ve, {
+      attachments: r.attachments
+    }, null, 8, ["attachments"])])], 4)) : (s(), u("div", Jt, [f(a(Le), {
+      placement: "end",
+      style: le(r.bubbleStyle)
+    }, {
+      avatar: v(() => [f(a(ve), null, {
+        default: v(() => [p.value ? (s(), u("img", {
+          key: 0,
+          alt: "avatar",
+          src: p.value
+        }, null, 8, Zt)) : (s(), u("span", Qt, $(r.avatarText), 1))]),
+        _: 1
+      })]),
+      message: v(() => [r.text ? (s(), u(M, {
+        key: 0
+      }, [E($(r.text), 1)], 64)) : P("", !0)]),
+      footer: v(() => [f(a(pe), null, {
+        default: v(() => [r.showClipboard && r.text ? (s(), T(me, {
+          key: 0,
+          value: r.text
+        }, null, 8, ["value"])) : P("", !0), r.showRefresh ? (s(), T(Te, {
+          key: 1,
+          onClick: w
+        })) : P("", !0)]),
+        _: 1
+      })]),
+      _: 1
+    }, 8, ["style"])]));
+  }
+}), ta = /* @__PURE__ */ Y(ea, [["__scopeId", "data-v-ed8f32cc"]]), aa = ["src"], sa = {
+  key: 1
+}, na = {
+  class: "feedback-message-body"
+}, la = {
+  key: 0,
+  class: "feedback-text-bubble"
+}, ra = {
+  key: 1,
+  class: "feedback-bubble-stack feedback-bubble-stack--start"
+}, ia = ["src"], oa = {
+  key: 1
+}, ua = /* @__PURE__ */ W({
+  __name: "FeedbackBubbleStart",
+  props: {
+    text: {
+      type: String,
+      default: ""
+    },
+    attachments: {
+      type: Array,
+      default: () => []
+    },
+    avatarUrl: {
+      type: String,
+      default: ""
+    },
+    avatarText: {
+      type: String,
+      default: "U"
+    },
+    bubbleStyle: {
+      type: Object,
+      default: () => ({
+        paddingRight: "52px"
+      })
+    },
+    showClipboard: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(e) {
+    const t = e;
+    function r(p) {
+      return p.startsWith("http://") || p.startsWith("https://") || p.startsWith("data:");
+    }
+    const o = I(() => {
+      const p = t.avatarUrl.trim();
+      return r(p) ? p : "";
+    }), d = I(() => t.attachments.length > 0);
+    return (p, y) => d.value ? (s(), u("div", {
+      key: 0,
+      class: "feedback-message-group feedback-message-group--start",
+      style: le(t.bubbleStyle)
+    }, [f(a(ve), {
+      class: "feedback-message-avatar"
+    }, {
+      default: v(() => [o.value ? (s(), u("img", {
+        key: 0,
+        alt: "avatar",
+        src: o.value
+      }, null, 8, aa)) : (s(), u("span", sa, $(t.avatarText), 1))]),
+      _: 1
+    }), k("div", na, [t.text ? (s(), u("div", la, $(t.text), 1)) : P("", !0), t.showClipboard ? (s(), T(a(pe), {
+      key: 1,
+      class: "feedback-message-footer"
+    }, {
+      default: v(() => [f(me, {
+        value: t.text
+      }, null, 8, ["value"])]),
+      _: 1
+    })) : P("", !0), f(Ve, {
+      attachments: t.attachments
+    }, null, 8, ["attachments"])])], 4)) : (s(), u("div", ra, [f(a(Le), {
+      placement: "start",
+      style: le(t.bubbleStyle)
+    }, {
+      avatar: v(() => [f(a(ve), null, {
+        default: v(() => [o.value ? (s(), u("img", {
+          key: 0,
+          alt: "avatar",
+          src: o.value
+        }, null, 8, ia)) : (s(), u("span", oa, $(t.avatarText), 1))]),
+        _: 1
+      })]),
+      message: v(() => [t.text ? (s(), u(M, {
+        key: 0
+      }, [E($(t.text), 1)], 64)) : P("", !0)]),
+      footer: v(() => [f(a(pe), null, {
+        default: v(() => [t.showClipboard && t.text ? (s(), T(me, {
+          key: 0,
+          value: t.text
+        }, null, 8, ["value"])) : P("", !0)]),
+        _: 1
+      })]),
+      _: 1
+    }, 8, ["style"])]));
+  }
+}), ca = /* @__PURE__ */ Y(ua, [["__scopeId", "data-v-a88b5650"]]), da = W({
+  name: "IconLink",
+  props: {
+    size: {
+      type: [Number, String]
+    },
+    strokeWidth: {
+      type: Number,
+      default: 4
+    },
+    strokeLinecap: {
+      type: String,
+      default: "butt",
+      validator: (e) => ["butt", "round", "square"].includes(e)
+    },
+    strokeLinejoin: {
+      type: String,
+      default: "miter",
+      validator: (e) => ["arcs", "bevel", "miter", "miter-clip", "round"].includes(e)
+    },
+    rotate: Number,
+    spin: Boolean
+  },
+  emits: {
+    click: (e) => !0
+  },
+  setup(e, {
+    emit: t
+  }) {
+    const r = Ft("icon"), o = I(() => [r, `${r}-link`, {
+      [`${r}-spin`]: e.spin
+    }]), d = I(() => {
+      const y = {};
+      return e.size && (y.fontSize = At(e.size) ? `${e.size}px` : e.size), e.rotate && (y.transform = `rotate(${e.rotate}deg)`), y;
+    });
+    return {
+      cls: o,
+      innerStyle: d,
+      onClick: (y) => {
+        t("click", y);
+      }
+    };
+  }
+}), fa = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+function va(e, t, r, o, d, p) {
+  return s(), u("svg", {
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    stroke: "currentColor",
+    class: fe(e.cls),
+    style: le(e.innerStyle),
+    "stroke-width": e.strokeWidth,
+    "stroke-linecap": e.strokeLinecap,
+    "stroke-linejoin": e.strokeLinejoin,
+    onClick: t[0] || (t[0] = (...y) => e.onClick && e.onClick(...y))
+  }, t[1] || (t[1] = [k("path", {
+    d: "m14.1 25.414-4.95 4.95a6 6 0 0 0 8.486 8.485l8.485-8.485a6 6 0 0 0 0-8.485m7.779.707 4.95-4.95a6 6 0 1 0-8.486-8.485l-8.485 8.485a6 6 0 0 0 0 8.485"
+  }, null, -1)]), 14, fa);
+}
+var ye = /* @__PURE__ */ It(da, [["render", va]]);
+const pa = Object.assign(ye, {
+  install: (e, t) => {
+    var r;
+    const o = (r = t == null ? void 0 : t.iconPrefix) != null ? r : "";
+    e.component(o + ye.name, ye);
+  }
+}), Ee = [".jpg", ".jpeg", ".png", ".gif", ".webp", ".mp4", ".webm", ".mov", ".pdf", ".doc", ".docx", ".xls", ".xlsx", ".ppt", ".pptx", ".txt", ".md", ".csv", ".json", ".zip"], De = Ee.join(","), ma = /* @__PURE__ */ new Set(["image/jpeg", "image/png", "image/gif", "image/webp"]), ga = /* @__PURE__ */ new Set(["video/mp4", "video/webm", "video/quicktime"]);
+function ba(e) {
+  const t = e.lastIndexOf(".");
+  return t < 0 ? "" : e.slice(t).toLowerCase();
+}
+function ka(e) {
+  return Ee.includes(ba(e.name));
+}
+function qe(e, t = e.type) {
+  return ma.has(t) ? "image" : ga.has(t) ? "video" : "file";
+}
+const ue = 9;
+function ya(e) {
+  const t = qe(e);
+  return {
+    id: `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,
+    file: e,
+    kind: t,
+    previewUrl: t === "image" || t === "video" ? URL.createObjectURL(e) : void 0
+  };
+}
+function Oe(e) {
+  const t = b([]), r = I(() => t.value.length > 0), o = I(() => t.value.filter((_) => _.kind === "image" && !!_.previewUrl)), d = I(() => t.value.filter((_) => _.kind === "video" && !!_.previewUrl)), p = I(() => t.value.filter((_) => _.kind === "file"));
+  function y(_) {
+    e == null || e(_);
+  }
+  function w(_) {
+    _.previewUrl && URL.revokeObjectURL(_.previewUrl);
+  }
+  function C(_) {
+    if (_.length === 0) return;
+    const A = _.filter(ka);
+    if (_.length - A.length > 0 && y("仅支持常见图片、浏览器可预览视频、文档、文本、CSV、JSON 和 ZIP 文件"), A.length === 0) return;
+    const m = ue - t.value.length;
+    if (m <= 0) {
+      y(`最多只能添加 ${ue} 个附件`);
+      return;
+    }
+    const U = A.slice(0, m);
+    A.length > m && y(`最多只能添加 ${ue} 个附件，已跳过多余文件`), t.value.push(...U.map(ya));
+  }
+  function x(_) {
+    const A = t.value[_];
+    A && (w(A), t.value.splice(_, 1));
+  }
+  function B() {
+    t.value.forEach(w), t.value = [];
+  }
+  return ot(() => {
+    B();
+  }), {
+    items: t,
+    imageItems: o,
+    videoItems: d,
+    fileItems: p,
+    hasAttachments: r,
+    addFiles: C,
+    removeAt: x,
+    clear: B,
+    maxAttachments: ue
+  };
+}
+async function _a(e, t, r) {
+  const {
+    data: o,
+    error: d
+  } = await e.upload({
+    file: t,
+    bucketId: r
+  });
+  return {
+    data: (o == null ? void 0 : o.key) ?? null,
+    error: d
+  };
+}
+async function ze(e, t, r) {
+  const o = [];
+  for (const d of t) {
+    const p = await _a(e, d, r);
+    if (p.error || !p.data)
+      return {
+        data: null,
+        error: p.error ?? new Error("上传反馈附件失败")
+      };
+    const y = _t(d);
+    o.push({
+      key: p.data,
+      name: d.name,
+      size: d.size,
+      mimeType: y,
+      kind: qe(d, y)
+    });
+  }
+  return {
+    data: o,
+    error: null
+  };
+}
+function ha(e, t = {}) {
+  const {
+    interval: r = 2e3,
+    immediate: o = !1,
+    autoStart: d = !1
+  } = t, p = b(!1);
+  let y = null;
+  async function w() {
+    try {
+      await e();
+    } catch (_) {
+      console.error("轮询回调执行失败:", _);
+    }
+  }
+  function C() {
+    if (p.value) {
+      console.warn("轮询已在运行中");
+      return;
+    }
+    p.value = !0, o && w(), y = setInterval(w, r);
+  }
+  function x() {
+    y && (clearInterval(y), y = null), p.value = !1;
+  }
+  function B() {
+    x(), C();
+  }
+  return d && C(), ut(() => {
+    x();
+  }), {
+    isPolling: p,
+    start: C,
+    stop: x,
+    restart: B
+  };
+}
+const ge = b(0);
+let te = null, de = null, he = !1;
+function wa() {
+  ge.value = 0;
+}
+async function Ca() {
+  const {
+    data: e,
+    error: t
+  } = await H().ones.feedbackCenter.unreadReplyCount.post({});
+  return t ? null : typeof (e == null ? void 0 : e.count) == "number" ? e.count : 0;
+}
+async function Z() {
+  return te || (te = (async () => {
+    await wt();
+    const e = await Ca();
+    e !== null && (ge.value = e);
+  })().finally(() => {
+    te = null;
+  }), te);
+}
+function Sa() {
+  he || (he = !0, de = setInterval(() => {
+    Z();
+  }, 6e4));
+}
+function xa() {
+  de && (clearInterval(de), de = null), he = !1;
+}
+function Is() {
+  const {
+    isLoggedIn: e
+  } = xt(), {
+    isOpen: t,
+    messagesTrigger: r,
+    feedbackTrigger: o
+  } = Ut();
+  return ke(e, (d) => {
+    if (d) {
+      Z(), Sa();
+      return;
+    }
+    ht(), wa(), xa();
+  }, {
+    immediate: !0
+  }), ke(t, (d) => {
+    d && e.value && Z();
+  }), ke([r, o], () => {
+    e.value && window.setTimeout(() => {
+      Z();
+    }, 1500);
+  }), {
+    messageUnreadCount: Be,
+    feedbackUnreadCount: ct(ge),
+    hasMessageBadge: I(() => Be.value > 0),
+    hasFeedbackBadge: I(() => ge.value > 0),
+    refreshUserMenuBadgeCounts: Z
+  };
+}
+const Se = [{
+  key: "bugReports",
+  label: "问题报告"
+}, {
+  key: "featureSuggestions",
+  label: "功能建议"
+}, {
+  key: "technicalSupportRequests",
+  label: "技术支持请求"
+}, {
+  key: "generalOpinions",
+  label: "一般意见"
+}], Ne = [{
+  key: "urgent",
+  label: "紧急"
+}, {
+  key: "high",
+  label: "高"
+}, {
+  key: "normal",
+  label: "普通"
+}, {
+  key: "low",
+  label: "低"
+}], je = [{
+  key: "newFeedback",
+  label: "新反馈"
+}, {
+  key: "inProgress",
+  label: "处理中"
+}, {
+  key: "pending",
+  label: "待处理"
+}, {
+  key: "resolved",
+  label: "已解决"
+}, {
+  key: "closed",
+  label: "已关闭"
+}];
+function Ua(e) {
+  return e ? e.startsWith("http://") || e.startsWith("https://") || e.startsWith("data:") : !1;
+}
+function ce(e) {
+  const t = (e.attachments ?? []).filter((r) => Ua(r.url));
+  return {
+    text: e.content ?? "",
+    attachments: t
+  };
+}
+const $a = {
+  class: "FeedBackDetails"
+}, Ia = {
+  class: "scrollable-content__inner"
+}, Fa = {
+  class: "content"
+}, Aa = {
+  class: "empty-title"
+}, Ra = {
+  class: "empty-tips"
+}, Pa = {
+  key: 1,
+  class: "Bubbles"
+}, Ba = {
+  class: "sender-container"
+}, Ta = {
+  key: 0,
+  class: "attachments-preview"
+}, Ma = ["onClick"], La = ["src"], Va = ["src"], Ea = {
+  class: "attachment-file-name"
+}, Da = ["onClick"], qa = ["accept"], Oa = /* @__PURE__ */ W({
+  __name: "FeedbackDetails",
+  props: {
+    id: {
+      type: String,
+      required: !0,
+      default: () => ""
+    },
+    senderRole: {
+      type: String,
+      required: !0,
+      validator: (e) => ["user", "support"].includes(e)
+    },
+    appId: {
+      type: String,
+      required: !1,
+      default: ""
+    }
+  },
+  setup(e) {
+    const t = St;
+    function r(i) {
+      return i === "inProgress" ? "orangered" : i === "pending" ? "gold" : i === "resolved" ? "green" : i === "closed" ? "gray" : "arcoblue";
+    }
+    const o = b(""), d = b(!1), {
+      config: p,
+      upload: y
+    } = Me(), w = b(null), C = b(null), x = b(null), B = b(!1), _ = b(!1), A = b(0), D = b(!1), m = b(""), U = b(""), l = Oe((i) => {
+      se.warning(i);
+    }), F = I(() => l.imageItems.value.map((i) => i.previewUrl || "")), L = I(() => o.value.trim().length > 0 || l.hasAttachments.value), R = () => {
+      var i;
+      (i = w.value) == null || i.focus({
+        cursor: "end"
+      }), ie(() => {
+        C.value && (C.value.scrollTop = C.value.scrollHeight);
+      });
+    }, V = e;
+    function S() {
+      return V.appId ? {
+        headers: {
+          "app-id": V.appId
+        }
+      } : void 0;
+    }
+    const h = I(() => V.senderRole === "support" ? "暂无沟通记录" : "还没有消息"), g = I(() => V.senderRole === "support" ? ["可在下方输入框回复用户", "支持发送文字、图片和文件附件"] : ["请尽量详细描述问题或需求", "可上传多张图片或文件附件，支持与文字一起发送"]), j = I(() => V.senderRole === "support" ? "输入回复内容，Enter 发送" : "补充问题描述或追问，Enter 发送"), K = b(!1), N = b([]), re = b(void 0);
+    function We(i, c) {
+      const n = "seq" in i && typeof i.seq == "number" ? i.seq : c;
+      return `${i.senderRole}-${n}-${c}`;
+    }
+    function xe(i) {
+      var c;
+      return String(((c = i.senderInfo) == null ? void 0 : c.avatarUrl) || "");
+    }
+    function Ue(i) {
+      var n;
+      const c = String(((n = i.senderInfo) == null ? void 0 : n.nickname) || "").trim();
+      return c ? c.slice(0, 1).toUpperCase() : i.senderRole === "support" ? "S" : "U";
+    }
+    const X = b({
+      id: void 0,
+      title: "",
+      description: "",
+      type: "bugReports",
+      status: "newFeedback",
+      reply: "",
+      createAt: ""
+    });
+    function Ke() {
+      var i;
+      (i = x.value) == null || i.click();
+    }
+    function He(i) {
+      const c = i.target, n = c.files;
+      n != null && n.length && l.addFiles(Array.from(n)), c.value = "";
+    }
+    function Ge(i) {
+      if (i.kind === "image" && i.previewUrl) {
+        const c = l.imageItems.value.findIndex((n) => n.id === i.id);
+        if (c < 0) return;
+        A.value = c, _.value = !0;
+        return;
+      }
+      i.kind === "video" && i.previewUrl && (m.value = i.previewUrl, U.value = i.file.name, D.value = !0);
+    }
+    function Xe(i) {
+      var q;
+      const c = (q = i.clipboardData) == null ? void 0 : q.items;
+      if (!c) return;
+      const n = [];
+      for (const z of c)
+        if (z.type.startsWith("image/")) {
+          const O = z.getAsFile();
+          O && n.push(O);
+        }
+      n.length > 0 && (i.preventDefault(), l.addFiles(n));
+    }
+    function Ye(i) {
+      var c;
+      (c = i.dataTransfer) != null && c.types.includes("Files") && (B.value = !0);
+    }
+    function Je() {
+      B.value = !1;
+    }
+    function Ze(i) {
+      var n;
+      B.value = !1;
+      const c = (n = i.dataTransfer) == null ? void 0 : n.files;
+      c && l.addFiles(Array.from(c));
+    }
+    async function Qe() {
+      V.senderRole === "support" && X.value.status === "newFeedback" && await $e();
+    }
+    async function et() {
+      var Fe;
+      const i = o.value, c = l.items.value.map((J) => J.file);
+      if (!i.trim() && c.length === 0)
+        return;
+      d.value = !0;
+      let n = [];
+      if (c.length > 0) {
+        const J = await ze(y, c, p.feedbackBucketId);
+        if (J.error || !J.data) {
+          d.value = !1, se.error(((Fe = J.error) == null ? void 0 : Fe.message) || "上传反馈附件失败");
+          return;
+        }
+        n = J.data;
+      }
+      const q = i.trim(), {
+        data: z,
+        error: O
+      } = await H().ones.feedbackCenter.update.messages.post({
+        id: V.id,
+        message: {
+          type: "text",
+          content: q,
+          attachments: n,
+          senderRole: V.senderRole
+        }
+      }, S());
+      if (d.value = !1, O || !z)
+        return;
+      const be = z;
+      N.value.push(be.message), typeof be.message.seq == "number" && (re.value = be.message.seq), o.value = "", l.clear(), ie(() => {
+        R();
+      }), await Qe();
+    }
+    async function $e() {
+      K.value = !0;
+      const {
+        data: i,
+        error: c
+      } = await H().ones.feedbackCenter.findOne.post({
+        id: V.id
+      }, S());
+      if (K.value = !1, c || !i)
+        return;
+      const n = i;
+      X.value = n;
+    }
+    async function Ie() {
+      if (V.senderRole !== "user")
+        return;
+      const {
+        error: i
+      } = await H().ones.feedbackCenter.markRead.post({
+        id: V.id
+      }, S());
+      i || Z();
+    }
+    async function tt() {
+      var q;
+      const {
+        data: i,
+        error: c
+      } = await H().ones.messages.list.incremental.post({
+        id: V.id,
+        lastSeq: re.value
+      }, S());
+      if (c || !i)
+        return;
+      const n = i;
+      if ((q = n.messages) != null && q.length) {
+        const z = n.messages;
+        N.value.push(...z);
+        const O = z.at(-1);
+        O && "seq" in O && typeof O.seq == "number" && (re.value = O.seq), ie(() => {
+          R();
+        }), await Ie();
+      }
+    }
+    async function at() {
+      var q;
+      K.value = !0;
+      const {
+        data: i,
+        error: c
+      } = await H().ones.messages.list.post({
+        id: V.id
+      }, S());
+      if (K.value = !1, c || !i)
+        return;
+      const n = i;
+      if ((q = n.messages) != null && q.length) {
+        const z = n.messages;
+        N.value = z;
+        const O = z.at(-1);
+        O && "seq" in O && typeof O.seq == "number" && (re.value = O.seq), ie(() => {
+          R();
+        });
+      }
+      await Ie();
+    }
+    return ha(tt, {
+      interval: 2e3,
+      autoStart: !0
+    }), $e(), at(), (i, c) => (s(), u("div", $a, [k("div", {
+      ref_key: "scrollableContentRef",
+      ref: C,
+      class: "scrollable-content"
+    }, [k("div", Ia, [f(a(dt), {
+      title: "基本信息"
+    }, {
+      title: v(() => [...c[4] || (c[4] = [k("div", {
+        class: "title"
+      }, "基本信息", -1)])]),
+      default: v(() => [f(a(oe), {
+        label: "标题:",
+        span: 3
+      }, {
+        default: v(() => [E($(X.value.title), 1)]),
+        _: 1
+      }), f(a(oe), {
+        label: "问题描述:",
+        span: 3
+      }, {
+        default: v(() => [E($(X.value.description || "-"), 1)]),
+        _: 1
+      }), f(a(oe), {
+        label: "反馈类型:",
+        span: 1
+      }, {
+        default: v(() => [f(a(ae), {
+          color: "arcoblue"
+        }, {
+          default: v(() => {
+            var n;
+            return [E($((n = a(ne)(a(Se), X.value.type)) == null ? void 0 : n.label), 1)];
+          }),
+          _: 1
+        })]),
+        _: 1
+      }), f(a(oe), {
+        label: "状态:",
+        span: 1
+      }, {
+        default: v(() => [f(a(ae), {
+          color: r(X.value.status)
+        }, {
+          default: v(() => {
+            var n;
+            return [E($((n = a(ne)(a(je), X.value.status)) == null ? void 0 : n.label), 1)];
+          }),
+          _: 1
+        }, 8, ["color"])]),
+        _: 1
+      })]),
+      _: 1
+    }), k("div", Fa, [c[5] || (c[5] = k("div", {
+      class: "title"
+    }, "沟通记录", -1)), f(a(ft), {
+      class: "messageContent",
+      loading: K.value
+    }, {
+      default: v(() => [N.value.length === 0 ? (s(), T(a(vt), {
+        key: 0,
+        class: "message-empty"
+      }, {
+        description: v(() => [k("div", Aa, $(h.value), 1), k("ul", Ra, [(s(!0), u(M, null, G(g.value, (n) => (s(), u("li", {
+          key: n
+        }, $(n), 1))), 128))])]),
+        _: 1
+      })) : (s(), u("div", Pa, [(s(!0), u(M, null, G(N.value, (n, q) => (s(), u(M, {
+        key: We(n, q)
+      }, [n.senderRole !== V.senderRole ? (s(), T(ca, {
+        key: 0,
+        text: a(ce)(n).text,
+        attachments: a(ce)(n).attachments,
+        "avatar-url": xe(n),
+        "avatar-text": Ue(n)
+      }, null, 8, ["text", "attachments", "avatar-url", "avatar-text"])) : (s(), T(ta, {
+        key: 1,
+        text: a(ce)(n).text,
+        attachments: a(ce)(n).attachments,
+        "avatar-url": xe(n),
+        "avatar-text": Ue(n)
+      }, null, 8, ["text", "attachments", "avatar-url", "avatar-text"]))], 64))), 128))]))]),
+      _: 1
+    }, 8, ["loading"])])])], 512), k("div", Ba, [k("div", {
+      class: fe(["sender-panel", {
+        "is-drag-over": B.value
+      }]),
+      onDragover: Q(Ye, ["prevent"]),
+      onDragleave: Je,
+      onDrop: Q(Ze, ["prevent"]),
+      onPaste: Xe
+    }, [a(l).hasAttachments.value ? (s(), u("div", Ta, [(s(!0), u(M, null, G(a(l).items.value, (n, q) => (s(), u("div", {
+      key: n.id,
+      class: fe(["attachment-preview-item", {
+        "is-image": n.kind === "image",
+        "is-video": n.kind === "video"
+      }]),
+      onClick: (z) => Ge(n)
+    }, [n.kind === "image" && n.previewUrl ? (s(), u("img", {
+      key: 0,
+      src: n.previewUrl,
+      alt: "预览",
+      class: "attachment-thumbnail"
+    }, null, 8, La)) : n.kind === "video" && n.previewUrl ? (s(), u(M, {
+      key: 1
+    }, [k("video", {
+      class: "attachment-thumbnail",
+      src: n.previewUrl,
+      muted: "",
+      preload: "metadata"
+    }, null, 8, Va), c[6] || (c[6] = k("span", {
+      class: "attachment-video-play"
+    }, "播放", -1))], 64)) : (s(), u(M, {
+      key: 2
+    }, [c[7] || (c[7] = k("span", {
+      class: "attachment-file-icon"
+    }, "FILE", -1)), k("span", Ea, $(n.file.name), 1)], 64)), k("button", {
+      type: "button",
+      class: "attachment-remove-btn",
+      title: "移除附件",
+      onClick: Q((z) => a(l).removeAt(q), ["stop"])
+    }, " × ", 8, Da)], 10, Ma))), 128))])) : P("", !0), f(a(we), {
+      "src-list": F.value,
+      visible: _.value,
+      "onUpdate:visible": c[0] || (c[0] = (n) => _.value = n),
+      current: A.value,
+      "onUpdate:current": c[1] || (c[1] = (n) => A.value = n)
+    }, null, 8, ["src-list", "visible", "current"]), f(Ce, {
+      visible: D.value,
+      "onUpdate:visible": c[2] || (c[2] = (n) => D.value = n),
+      title: U.value,
+      src: m.value
+    }, null, 8, ["visible", "title", "src"]), f(a(t), {
+      ref_key: "senderRef",
+      ref: w,
+      value: o.value,
+      "onUpdate:value": c[3] || (c[3] = (n) => o.value = n),
+      placeholder: j.value,
+      loading: d.value,
+      "allow-speech": !1,
+      "read-only": d.value,
+      "send-disabled": !L.value,
+      onSubmit: et
+    }, {
+      prefix: v(() => [f(a(_e), {
+        type: "text",
+        class: "IconLink",
+        disabled: d.value,
+        onClick: Ke
+      }, {
+        icon: v(() => [f(a(pa))]),
+        _: 1
+      }, 8, ["disabled"])]),
+      _: 1
+    }, 8, ["value", "placeholder", "loading", "read-only", "send-disabled"]), k("input", {
+      ref_key: "fileInputRef",
+      ref: x,
+      type: "file",
+      accept: a(De),
+      multiple: "",
+      class: "hidden-file-input",
+      onChange: He
+    }, null, 40, qa)], 34)])]));
+  }
+}), za = /* @__PURE__ */ Y(Oa, [["__scopeId", "data-v-b2018498"]]), Na = {
+  class: "FeedBackFrom"
+}, ja = {
+  class: "feedback-attachments-field"
+}, Wa = {
+  key: 0,
+  class: "attachments-preview"
+}, Ka = ["onClick"], Ha = ["src"], Ga = ["src"], Xa = {
+  class: "attachment-file-name"
+}, Ya = ["onClick"], Ja = ["accept"], Za = /* @__PURE__ */ W({
+  __name: "FeedbackForm",
+  emits: ["confirm"],
+  setup(e, {
+    emit: t
+  }) {
+    const r = t, o = b(), d = b(!1), {
+      config: p,
+      upload: y
+    } = Me(), w = b({
+      id: void 0,
+      title: "",
+      type: "bugReports",
+      priority: "normal",
+      description: ""
+    }), C = b(null), x = b(!1), B = b(0), _ = b(!1), A = b(""), D = b(""), m = Oe((S) => {
+      se.warning(S);
+    }), U = I(() => m.imageItems.value.map((S) => S.previewUrl || ""));
+    function l() {
+      var S;
+      (S = C.value) == null || S.click();
+    }
+    function F(S) {
+      const h = S.target, g = h.files;
+      g != null && g.length && m.addFiles(Array.from(g)), h.value = "";
+    }
+    function L(S) {
+      if (S.kind === "image" && S.previewUrl) {
+        const h = m.imageItems.value.findIndex((g) => g.id === S.id);
+        if (h < 0) return;
+        B.value = h, x.value = !0;
+        return;
+      }
+      S.kind === "video" && S.previewUrl && (A.value = S.previewUrl, D.value = S.file.name, _.value = !0);
+    }
+    function R() {
+      var S, h;
+      w.value = {
+        id: void 0,
+        title: "",
+        type: "bugReports",
+        priority: "normal",
+        description: ""
+      }, m.clear(), (h = (S = o.value) == null ? void 0 : S.resetFields) == null || h.call(S);
+    }
+    async function V() {
+      var h;
+      if (!await o.value.validate()) {
+        d.value = !0;
+        const g = m.items.value.map((N) => N.file);
+        let j = [];
+        if (g.length > 0) {
+          const N = await ze(y, g, p.feedbackBucketId);
+          if (N.error || !N.data) {
+            d.value = !1, se.error(((h = N.error) == null ? void 0 : h.message) || "上传反馈附件失败");
+            return;
+          }
+          j = N.data;
+        }
+        const {
+          error: K
+        } = await H().ones.feedbackCenter.create.post({
+          title: w.value.title,
+          type: w.value.type,
+          priority: w.value.priority,
+          description: w.value.description,
+          attachments: j
+        });
+        d.value = !1, K || (se.success("新建反馈成功"), R(), r("confirm"));
+      }
+    }
+    return (S, h) => (s(), u("div", Na, [f(a(pt), {
+      ref_key: "formRef",
+      ref: o,
+      model: w.value,
+      "auto-label-width": "",
+      layout: "vertical"
+    }, {
+      default: v(() => [f(a(ee), {
+        field: "title",
+        label: "标题",
+        rules: [{
+          required: !0,
+          message: "请输入标题"
+        }]
+      }, {
+        default: v(() => [f(a(mt), {
+          modelValue: w.value.title,
+          "onUpdate:modelValue": h[0] || (h[0] = (g) => w.value.title = g),
+          placeholder: "请输入标题"
+        }, null, 8, ["modelValue"])]),
+        _: 1
+      }), f(a(ee), {
+        field: "type",
+        label: "反馈类型",
+        rules: [{
+          required: !0,
+          message: "请选择反馈类型"
+        }]
+      }, {
+        default: v(() => [f(a(Ae), {
+          modelValue: w.value.type,
+          "onUpdate:modelValue": h[1] || (h[1] = (g) => w.value.type = g),
+          placeholder: "请选择反馈类型"
+        }, {
+          default: v(() => [(s(!0), u(M, null, G(a(Se), (g, j) => (s(), T(a(Re), {
+            key: j,
+            value: g.key
+          }, {
+            default: v(() => [E($(g.label), 1)]),
+            _: 2
+          }, 1032, ["value"]))), 128))]),
+          _: 1
+        }, 8, ["modelValue"])]),
+        _: 1
+      }), f(a(ee), {
+        field: "priority",
+        label: "优先级",
+        rules: [{
+          required: !0,
+          message: "请选择优先级"
+        }]
+      }, {
+        default: v(() => [f(a(Ae), {
+          modelValue: w.value.priority,
+          "onUpdate:modelValue": h[2] || (h[2] = (g) => w.value.priority = g),
+          placeholder: "请选择优先级"
+        }, {
+          default: v(() => [(s(!0), u(M, null, G(a(Ne), (g, j) => (s(), T(a(Re), {
+            key: j,
+            value: g.key
+          }, {
+            default: v(() => [E($(g.label), 1)]),
+            _: 2
+          }, 1032, ["value"]))), 128))]),
+          _: 1
+        }, 8, ["modelValue"])]),
+        _: 1
+      }), f(a(ee), {
+        field: "description",
+        label: "问题描述",
+        rules: [{
+          required: !0,
+          message: "请输入问题描述"
+        }]
+      }, {
+        default: v(() => [f(a(gt), {
+          modelValue: w.value.description,
+          "onUpdate:modelValue": h[3] || (h[3] = (g) => w.value.description = g),
+          placeholder: "请输入问题描述",
+          "allow-clear": "",
+          "auto-size": {
+            minRows: 5
+          }
+        }, null, 8, ["modelValue"])]),
+        _: 1
+      }), f(a(ee), {
+        field: "attachments",
+        label: "附件"
+      }, {
+        default: v(() => [k("div", ja, [f(a(_e), {
+          type: "outline",
+          disabled: d.value,
+          onClick: l
+        }, {
+          default: v(() => [...h[7] || (h[7] = [E(" 添加图片、视频或文件 ", -1)])]),
+          _: 1
+        }, 8, ["disabled"]), a(m).hasAttachments.value ? (s(), u("div", Wa, [(s(!0), u(M, null, G(a(m).items.value, (g, j) => (s(), u("div", {
+          key: g.id,
+          class: fe(["attachment-preview-item", {
+            "is-image": g.kind === "image",
+            "is-video": g.kind === "video"
+          }]),
+          onClick: (K) => L(g)
+        }, [g.kind === "image" && g.previewUrl ? (s(), u("img", {
+          key: 0,
+          src: g.previewUrl,
+          alt: "预览",
+          class: "attachment-thumbnail"
+        }, null, 8, Ha)) : g.kind === "video" && g.previewUrl ? (s(), u(M, {
+          key: 1
+        }, [k("video", {
+          class: "attachment-thumbnail",
+          src: g.previewUrl,
+          muted: "",
+          preload: "metadata"
+        }, null, 8, Ga), h[8] || (h[8] = k("span", {
+          class: "attachment-video-play"
+        }, "播放", -1))], 64)) : (s(), u(M, {
+          key: 2
+        }, [h[9] || (h[9] = k("span", {
+          class: "attachment-file-icon"
+        }, "FILE", -1)), k("span", Xa, $(g.file.name), 1)], 64)), k("button", {
+          type: "button",
+          class: "attachment-remove-btn",
+          title: "移除附件",
+          onClick: Q((K) => a(m).removeAt(j), ["stop"])
+        }, " × ", 8, Ya)], 10, Ka))), 128))])) : P("", !0), f(a(we), {
+          "src-list": U.value,
+          visible: x.value,
+          "onUpdate:visible": h[4] || (h[4] = (g) => x.value = g),
+          current: B.value,
+          "onUpdate:current": h[5] || (h[5] = (g) => B.value = g)
+        }, null, 8, ["src-list", "visible", "current"]), f(Ce, {
+          visible: _.value,
+          "onUpdate:visible": h[6] || (h[6] = (g) => _.value = g),
+          title: D.value,
+          src: A.value
+        }, null, 8, ["visible", "title", "src"]), k("input", {
+          ref_key: "fileInputRef",
+          ref: C,
+          type: "file",
+          accept: a(De),
+          multiple: "",
+          class: "hidden-file-input",
+          onChange: F
+        }, null, 40, Ja)])]),
+        _: 1
+      }), f(a(_e), {
+        loading: d.value,
+        type: "primary",
+        onClick: V
+      }, {
+        default: v(() => [...h[10] || (h[10] = [E(" 提交 ", -1)])]),
+        _: 1
+      }, 8, ["loading"])]),
+      _: 1
+    }, 8, ["model"])]));
+  }
+}), Qa = /* @__PURE__ */ Y(Za, [["__scopeId", "data-v-3d6cfadb"]]), es = {
+  class: "message-panel"
+}, ts = {
+  key: 2,
+  class: "message-panel__detail"
+}, as = /* @__PURE__ */ W({
+  __name: "FeedbackList",
+  emits: ["toDetail"],
+  setup(e, {
+    expose: t,
+    emit: r
+  }) {
+    const o = b(!0), d = b([]), p = b(!1), y = b(!1), w = b(""), C = b({
+      total: 0,
+      current: 1,
+      pageSize: 10
+    });
+    function x() {
+      o.value = !0, C.value.current = 1, m();
+    }
+    function B(l) {
+      w.value = l.id, o.value = !1;
+    }
+    function _(l) {
+      return l === "inProgress" ? "orangered" : l === "pending" ? "gold" : l === "resolved" ? "green" : l === "closed" ? "gray" : "arcoblue";
+    }
+    function A(l) {
+      return l === "urgent" ? "red" : l === "high" ? "orangered" : l === "low" ? "gray" : "blue";
+    }
+    function D(l) {
+      return l.map((F) => ({
+        ...F,
+        read: F.read ?? !0
+      }));
+    }
+    async function m() {
+      p.value = !0;
+      const {
+        data: l,
+        error: F
+      } = await H().ones.feedbackCenter.own.post({
+        current: C.value.current,
+        pageSize: C.value.pageSize
+      });
+      if (p.value = !1, !F && l) {
+        const L = l, R = D(L.items || []);
+        d.value = R, C.value.total = L.count || 0, y.value = R.length < C.value.pageSize;
+      }
+    }
+    async function U() {
+      if (p.value || y.value) return;
+      C.value.current += 1, p.value = !0;
+      const {
+        data: l,
+        error: F
+      } = await H().ones.feedbackCenter.own.post({
+        current: C.value.current,
+        pageSize: C.value.pageSize
+      });
+      if (p.value = !1, !F && l) {
+        const R = D(l.items || []);
+        d.value = [...d.value, ...R], y.value = R.length < C.value.pageSize;
+      }
+    }
+    return m(), t({
+      refresh: m
+    }), (l, F) => (s(), u("div", es, [o.value ? P("", !0) : (s(), T(a(bt), {
+      key: 0,
+      class: "message-panel__breadcrumb"
+    }, {
+      default: v(() => [f(a(Pe), {
+        onClick: x
+      }, {
+        default: v(() => [...F[0] || (F[0] = [E("我的反馈", -1)])]),
+        _: 1
+      }), f(a(Pe), null, {
+        default: v(() => [...F[1] || (F[1] = [E("反馈详情", -1)])]),
+        _: 1
+      })]),
+      _: 1
+    })), o.value ? (s(), T(Ct, {
+      key: 1,
+      "message-list": d.value,
+      loading: p.value,
+      finished: y.value,
+      "show-read-status": !0,
+      "show-view-button": !1,
+      "empty-description": "暂无反馈",
+      onItemClick: B,
+      onLoadMore: U
+    }, {
+      tags: v(({
+        item: L
+      }) => [f(a(ae), {
+        color: "arcoblue",
+        size: "small"
+      }, {
+        default: v(() => {
+          var R;
+          return [E($((R = a(ne)(a(Se), L.type)) == null ? void 0 : R.label), 1)];
+        }),
+        _: 2
+      }, 1024), f(a(ae), {
+        color: A(L.priority),
+        size: "small"
+      }, {
+        default: v(() => {
+          var R;
+          return [E($(((R = a(ne)(a(Ne), L.priority)) == null ? void 0 : R.label) || "普通"), 1)];
+        }),
+        _: 2
+      }, 1032, ["color"]), f(a(ae), {
+        color: _(L.status),
+        size: "small"
+      }, {
+        default: v(() => {
+          var R;
+          return [E($((R = a(ne)(a(je), L.status)) == null ? void 0 : R.label), 1)];
+        }),
+        _: 2
+      }, 1032, ["color"])]),
+      description: v(({
+        item: L
+      }) => [E($(L.description || "暂无描述"), 1)]),
+      _: 1
+    }, 8, ["message-list", "loading", "finished"])) : (s(), u("div", ts, [f(za, {
+      id: w.value,
+      "sender-role": "user",
+      class: "feedback-details-panel"
+    }, null, 8, ["id"])]))]));
+  }
+}), ss = {
+  key: 0,
+  class: "user-menu-modal-content"
+}, ns = {
+  class: "left"
+}, ls = {
+  key: 1,
+  class: "user-menu-modal-form"
+}, Fs = /* @__PURE__ */ W({
+  __name: "FeedbackModal",
+  emits: ["confirm", "cancel"],
+  setup(e, {
+    expose: t,
+    emit: r
+  }) {
+    const o = b(!1), d = b(Symbol("feedback-list")), p = b(Symbol("feedback-form")), y = r;
+    function w() {
+      x.value = ["FeedbackList"], d.value = Symbol("feedback-list"), p.value = Symbol("feedback-form");
+    }
+    function C() {
+      w(), y("cancel");
+    }
+    const x = b(["FeedbackList"]), B = b([{
+      name: "我的反馈",
+      path: "FeedbackList",
+      meta: {
+        icon: "mingcute:cube-3d-fill"
+      }
+    }, {
+      name: "新建反馈",
+      path: "CreateFeedback",
+      meta: {
+        icon: "mingcute:cube-3d-fill"
+      }
+    }]), _ = I(() => x.value.length !== 0 ? x.value[0] : "");
+    function A() {
+      x.value = ["FeedbackList"], d.value = Symbol("feedback-list");
+    }
+    function D(U) {
+      x.value = [U.path];
+    }
+    function m(U) {
+      o.value = U, U && w();
+    }
+    return t({
+      setData: m
+    }), (U, l) => (s(), T(a(kt), {
+      visible: o.value,
+      "onUpdate:visible": l[1] || (l[1] = (F) => o.value = F),
+      loading: !1,
+      "body-class": "AppMessagebodyClass",
+      "mask-closable": !1,
+      footer: !1,
+      width: a(st),
+      title: "系统反馈",
+      "hide-title": !1,
+      onCancel: C
+    }, {
+      default: v(() => [o.value ? (s(), u("div", ss, [k("div", ns, [f(yt, {
+        "selected-keys": x.value,
+        "onUpdate:selectedKeys": l[0] || (l[0] = (F) => x.value = F),
+        menus: B.value,
+        onChange: D
+      }, null, 8, ["selected-keys", "menus"])]), _.value === "FeedbackList" ? (s(), T(as, {
+        key: d.value
+      })) : P("", !0), _.value === "CreateFeedback" ? (s(), u("div", ls, [(s(), T(Qa, {
+        key: p.value,
+        onConfirm: A
+      }))])) : P("", !0)])) : P("", !0)]),
+      _: 1
+    }, 8, ["visible", "width"]));
+  }
+});
+export {
+  ta as B,
+  za as F,
+  Te as R,
+  Ce as V,
+  as as _,
+  ca as a,
+  Qa as b,
+  Fs as c,
+  Is as u
+};