@huyooo/ui 1.0.7 → 2.0.0

package/dist/FeedbackModal.vue_vue_type_script_setup_true_lang-DpOmbAg-.js

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