@huyooo/ui 0.11.2 → 0.11.6

package/dist/FeedbackModal-Dzl0Alp7.js

@@ -0,0 +1,1050 @@
+/* empty css               */
+/* empty css               */
+import { U as Fe } from "./index-D3Kp6R4z.js";
+import { defineComponent as B, computed as E, openBlock as r, createElementBlock as h, normalizeStyle as P, normalizeClass as ce, createElementVNode as z, createBlock as _, unref as a, withCtx as o, createVNode as f, createCommentVNode as $, Fragment as q, createTextVNode as S, toDisplayString as R, ref as b, onUnmounted as $e, h as te, renderList as Q, nextTick as O } from "vue";
+import { Space as de, Image as pe, Avatar as fe, Descriptions as Le, DescriptionsItem as H, Tag as T, Spin as Be, Button as me, Form as ze, FormItem as N, Input as Ve, Select as ae, Option as le, Textarea as qe, Message as De, Breadcrumb as Ee, BreadcrumbItem as se, Modal as Me } from "@arco-design/web-vue";
+import { M as Oe } from "./Menu-Cy2ZPeaz.js";
+/* empty css               */
+/* empty css               */
+/* empty css               */
+/* empty css               */
+import { o as V, g as Te } from "./apiClients-KFp-rs-C.js";
+/* empty css               */
+/* empty css               */
+/* empty css               */
+import { u as je } from "./useUploadCos-keDKcs0j.js";
+import { _ as M } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { M as Ae } from "./MessageList-Bo6YCfRO.js";
+import { f as j } from "./index-D56hUMeD.js";
+import { Bubble as ve, Prompts as Ne, Sender as Pe } from "ant-design-x-vue";
+import { C as ye } from "./Clipboard-ChMNfcO5.js";
+import { Icon as We } from "@iconify/vue";
+import { _ as ge, g as be, i as ke } from "./plugin-vue_export-helper-LjDO2Zua.js";
+const Ke = B({
+  name: "IconExclamationCircle",
+  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 l = be("icon"), n = E(() => [l, `${l}-exclamation-circle`, {
+      [`${l}-spin`]: e.spin
+    }]), s = E(() => {
+      const i = {};
+      return e.size && (i.fontSize = ke(e.size) ? `${e.size}px` : e.size), e.rotate && (i.transform = `rotate(${e.rotate}deg)`), i;
+    });
+    return {
+      cls: n,
+      innerStyle: s,
+      onClick: (i) => {
+        t("click", i);
+      }
+    };
+  }
+}), He = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+function Ze(e, t, l, n, s, c) {
+  return r(), h("svg", {
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    stroke: "currentColor",
+    class: ce(e.cls),
+    style: P(e.innerStyle),
+    "stroke-width": e.strokeWidth,
+    "stroke-linecap": e.strokeLinecap,
+    "stroke-linejoin": e.strokeLinejoin,
+    onClick: t[0] || (t[0] = (...i) => e.onClick && e.onClick(...i))
+  }, t[1] || (t[1] = [z("path", {
+    d: "M24 28V14m0 16v4M6 24c0-9.941 8.059-18 18-18s18 8.059 18 18-8.059 18-18 18S6 33.941 6 24Z"
+  }, null, -1)]), 14, He);
+}
+var Z = /* @__PURE__ */ ge(Ke, [["render", Ze]]);
+const ne = Object.assign(Z, {
+  install: (e, t) => {
+    var l;
+    const n = (l = t == null ? void 0 : t.iconPrefix) != null ? l : "";
+    e.component(n + Z.name, Z);
+  }
+}), Ge = B({
+  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 l = be("icon"), n = E(() => [l, `${l}-link`, {
+      [`${l}-spin`]: e.spin
+    }]), s = E(() => {
+      const i = {};
+      return e.size && (i.fontSize = ke(e.size) ? `${e.size}px` : e.size), e.rotate && (i.transform = `rotate(${e.rotate}deg)`), i;
+    });
+    return {
+      cls: n,
+      innerStyle: s,
+      onClick: (i) => {
+        t("click", i);
+      }
+    };
+  }
+}), Je = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+function Qe(e, t, l, n, s, c) {
+  return r(), h("svg", {
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    stroke: "currentColor",
+    class: ce(e.cls),
+    style: P(e.innerStyle),
+    "stroke-width": e.strokeWidth,
+    "stroke-linecap": e.strokeLinecap,
+    "stroke-linejoin": e.strokeLinejoin,
+    onClick: t[0] || (t[0] = (...i) => e.onClick && e.onClick(...i))
+  }, t[1] || (t[1] = [z("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, Je);
+}
+var G = /* @__PURE__ */ ge(Ge, [["render", Qe]]);
+const Xe = Object.assign(G, {
+  install: (e, t) => {
+    var l;
+    const n = (l = t == null ? void 0 : t.iconPrefix) != null ? l : "";
+    e.component(n + G.name, G);
+  }
+}), Ye = /* @__PURE__ */ B({
+  __name: "FeedbackRefresh",
+  setup(e) {
+    return (t, l) => (r(), _(a(We), {
+      class: "icon",
+      icon: "mingcute:refresh-2-line"
+    }));
+  }
+}), et = /* @__PURE__ */ M(Ye, [["__scopeId", "data-v-64bb6fc2"]]), tt = ["src"], at = {
+  key: 1
+}, lt = /* @__PURE__ */ B({
+  __name: "FeedbackBubbleEnd",
+  props: {
+    value: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    type: {
+      type: String,
+      default: "text",
+      validator: (e) => ["text", "image"].includes(e)
+    },
+    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 l = e, n = t;
+    function s(m) {
+      return m.startsWith("http://") || m.startsWith("https://") || m.startsWith("data:");
+    }
+    const c = E(() => {
+      const m = l.avatarUrl.trim();
+      return s(m) ? m : "";
+    });
+    function i() {
+      n("refresh");
+    }
+    return (m, v) => (r(), _(a(ve), {
+      placement: "end",
+      style: P(l.bubbleStyle),
+      styles: {
+        content: {
+          padding: l.type === "image" ? "0px" : void 0
+        }
+      }
+    }, {
+      avatar: o(() => [f(a(fe), null, {
+        default: o(() => [c.value ? (r(), h("img", {
+          key: 0,
+          alt: "avatar",
+          src: c.value
+        }, null, 8, tt)) : (r(), h("span", at, R(l.avatarText), 1))]),
+        _: 1
+      })]),
+      message: o(() => [l.type === "text" ? (r(), h(q, {
+        key: 0
+      }, [S(R(l.value), 1)], 64)) : l.type === "image" ? (r(), _(a(pe), {
+        key: 1,
+        width: "100",
+        src: l.value,
+        "show-loader": ""
+      }, null, 8, ["src"])) : $("", !0)]),
+      footer: o(() => [f(a(de), null, {
+        default: o(() => [l.showClipboard && l.type === "text" ? (r(), _(ye, {
+          key: 0,
+          value: e.value
+        }, null, 8, ["value"])) : $("", !0), l.showRefresh ? (r(), _(et, {
+          key: 1,
+          onClick: i
+        })) : $("", !0)]),
+        _: 1
+      })]),
+      _: 1
+    }, 8, ["style", "styles"]));
+  }
+}), re = /* @__PURE__ */ M(lt, [["__scopeId", "data-v-f21e82f8"]]), st = ["src"], nt = {
+  key: 1
+}, rt = /* @__PURE__ */ B({
+  __name: "FeedbackBubbleStart",
+  props: {
+    value: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    type: {
+      type: String,
+      default: "text",
+      validator: (e) => ["text", "image"].includes(e)
+    },
+    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 l(s) {
+      return s.startsWith("http://") || s.startsWith("https://") || s.startsWith("data:");
+    }
+    const n = E(() => {
+      const s = t.avatarUrl.trim();
+      return l(s) ? s : "";
+    });
+    return (s, c) => (r(), _(a(ve), {
+      placement: "start",
+      style: P(t.bubbleStyle),
+      styles: {
+        content: {
+          padding: t.type === "image" ? "0px" : void 0
+        }
+      }
+    }, {
+      avatar: o(() => [f(a(fe), null, {
+        default: o(() => [n.value ? (r(), h("img", {
+          key: 0,
+          alt: "avatar",
+          src: n.value
+        }, null, 8, st)) : (r(), h("span", nt, R(t.avatarText), 1))]),
+        _: 1
+      })]),
+      message: o(() => [t.type === "text" ? (r(), h(q, {
+        key: 0
+      }, [S(R(t.value), 1)], 64)) : t.type === "image" ? (r(), _(a(pe), {
+        key: 1,
+        width: "100",
+        src: t.value,
+        "show-loader": ""
+      }, null, 8, ["src"])) : $("", !0)]),
+      footer: o(() => [f(a(de), null, {
+        default: o(() => [t.showClipboard && t.type === "text" ? (r(), _(ye, {
+          key: 0,
+          value: t.value
+        }, null, 8, ["value"])) : $("", !0)]),
+        _: 1
+      })]),
+      _: 1
+    }, 8, ["style", "styles"]));
+  }
+}), oe = /* @__PURE__ */ M(rt, [["__scopeId", "data-v-edaf59de"]]), C = [];
+for (let e = 0; e < 256; ++e)
+  C.push((e + 256).toString(16).slice(1));
+function ot(e, t = 0) {
+  return (C[e[t + 0]] + C[e[t + 1]] + C[e[t + 2]] + C[e[t + 3]] + "-" + C[e[t + 4]] + C[e[t + 5]] + "-" + C[e[t + 6]] + C[e[t + 7]] + "-" + C[e[t + 8]] + C[e[t + 9]] + "-" + C[e[t + 10]] + C[e[t + 11]] + C[e[t + 12]] + C[e[t + 13]] + C[e[t + 14]] + C[e[t + 15]]).toLowerCase();
+}
+let J;
+const it = new Uint8Array(16);
+function ut() {
+  if (!J) {
+    if (typeof crypto > "u" || !crypto.getRandomValues)
+      throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
+    J = crypto.getRandomValues.bind(crypto);
+  }
+  return J(it);
+}
+const ct = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), ie = {
+  randomUUID: ct
+};
+function ue(e, t, l) {
+  var s;
+  if (ie.randomUUID && !e)
+    return ie.randomUUID();
+  e = e || {};
+  const n = e.random ?? ((s = e.rng) == null ? void 0 : s.call(e)) ?? ut();
+  if (n.length < 16)
+    throw new Error("Random bytes length must be >= 16");
+  return n[6] = n[6] & 15 | 64, n[8] = n[8] & 63 | 128, ot(n);
+}
+function dt(e, t = {}) {
+  const {
+    interval: l = 2e3,
+    immediate: n = !1,
+    autoStart: s = !1
+  } = t, c = b(!1);
+  let i = null;
+  async function m() {
+    try {
+      await e();
+    } catch (F) {
+      console.error("轮询回调执行失败:", F);
+    }
+  }
+  function v() {
+    if (c.value) {
+      console.warn("轮询已在运行中");
+      return;
+    }
+    c.value = !0, n && m(), i = setInterval(m, l);
+  }
+  function p() {
+    i && (clearInterval(i), i = null), c.value = !1;
+  }
+  function U() {
+    p(), v();
+  }
+  return s && v(), $e(() => {
+    p();
+  }), {
+    isPolling: c,
+    start: v,
+    stop: p,
+    restart: U
+  };
+}
+const X = [{
+  key: "bugReports",
+  label: "问题报告"
+}, {
+  key: "featureSuggestions",
+  label: "功能建议"
+}, {
+  key: "technicalSupportRequests",
+  label: "技术支持请求"
+}, {
+  key: "generalOpinions",
+  label: "一般意见"
+}], _e = [{
+  key: "urgent",
+  label: "紧急"
+}, {
+  key: "high",
+  label: "高"
+}, {
+  key: "normal",
+  label: "普通"
+}, {
+  key: "low",
+  label: "低"
+}], he = [{
+  key: "newFeedback",
+  label: "新反馈"
+}, {
+  key: "inProgress",
+  label: "处理中"
+}, {
+  key: "pending",
+  label: "待处理"
+}, {
+  key: "resolved",
+  label: "已解决"
+}, {
+  key: "closed",
+  label: "已关闭"
+}], pt = {
+  class: "FeedBackDetails"
+}, ft = {
+  class: "content"
+}, mt = {
+  key: 1,
+  class: "Bubbles"
+}, vt = {
+  class: "sender-container"
+}, yt = /* @__PURE__ */ B({
+  __name: "FeedbackDetails",
+  props: {
+    id: {
+      type: String,
+      required: !0,
+      default: () => ""
+    },
+    senderRole: {
+      type: String,
+      required: !0,
+      validator: (e) => ["user", "support"].includes(e)
+    }
+  },
+  setup(e) {
+    const t = {
+      color: "var(--huyooo-accent-primary)"
+    };
+    function l(u) {
+      return u === "inProgress" ? "orangered" : u === "pending" ? "gold" : u === "resolved" ? "green" : u === "closed" ? "gray" : "arcoblue";
+    }
+    const n = b(""), s = b(!1), c = [{
+      key: "1",
+      label: "如何补充更多信息",
+      description: "请详细描述您的问题或需求，以便我们更好地为您服务。",
+      disabled: !0,
+      icon: te(ne, {
+        style: t
+      })
+    }, {
+      key: "3",
+      label: "如何补充附件",
+      description: "如有相关附件（如日志、截图等），请一并上传以便加快处理速度。",
+      disabled: !0,
+      icon: te(ne, {
+        style: t
+      })
+    }], i = b(null), m = b(null), v = () => {
+      var u;
+      (u = i.value) == null || u.focus({
+        cursor: "end"
+      }), O(() => {
+        m.value && (m.value.scrollTop = m.value.scrollHeight);
+      });
+    }, p = e;
+    function U() {
+    }
+    const F = b(!1), w = b([]), x = b(void 0);
+    function y(u) {
+      var g;
+      return String(((g = u.senderInfo) == null ? void 0 : g.avatarUrl) || "");
+    }
+    function I(u) {
+      var d;
+      const g = String(((d = u.senderInfo) == null ? void 0 : d.nickname) || "").trim();
+      return g ? g.slice(0, 1).toUpperCase() : u.senderRole === "support" ? "S" : "U";
+    }
+    const k = b({
+      id: void 0,
+      title: "",
+      description: "",
+      type: "bugReports",
+      status: "newFeedback",
+      reply: "",
+      createAt: ""
+    }), L = () => {
+      const {
+        uploadFile: u
+      } = je(), g = document.createElement("input");
+      g.type = "file", g.accept = "image/*", g.style.display = "none", document.body.append(g), g.addEventListener("change", async (d) => {
+        var ee;
+        const Y = (ee = d.target.files) == null ? void 0 : ee[0];
+        if (Y) {
+          s.value = !0;
+          try {
+            u({
+              bucketId: Te.feedbackBucketId,
+              file: Y,
+              onFileFinish(Ie, Ut, Re) {
+                const K = {
+                  messageId: ue(),
+                  senderRole: p.senderRole,
+                  type: "image",
+                  key: Re.Key
+                }, Ue = {
+                  id: p.id,
+                  message: {
+                    type: K.type,
+                    key: K.key,
+                    senderRole: K.senderRole
+                  }
+                };
+                (async () => {
+                  const {
+                    data: A
+                  } = await V.feedbackCenter.update.messages.post(Ue);
+                  A ? (w.value.push(A.message), typeof A.message.seq == "number" && (x.value = A.message.seq), O(() => {
+                    v();
+                  }), s.value = !1, p.senderRole === "support" && k.value.status === "newFeedback" && W()) : s.value = !1;
+                })();
+              },
+              onError(Ie) {
+                s.value = !1;
+              }
+            });
+          } catch {
+            s.value = !1;
+          }
+        }
+        g.remove();
+      }), g.click();
+    };
+    async function Ce(u) {
+      s.value = !0, ue();
+      const g = {
+        senderRole: p.senderRole,
+        type: "text",
+        content: u
+      }, d = {
+        id: p.id,
+        message: {
+          type: g.type,
+          content: g.content,
+          senderRole: g.senderRole
+        }
+      }, {
+        data: D
+      } = await V.feedbackCenter.update.messages.post(d);
+      s.value = !1, D && (w.value.push(D.message), typeof D.message.seq == "number" && (x.value = D.message.seq), O(() => {
+        v();
+      }), n.value = "", p.senderRole === "support" && k.value.status === "newFeedback" && W());
+    }
+    function we() {
+      Ce(n.value);
+    }
+    async function W() {
+      F.value = !0;
+      const {
+        data: u
+      } = await V.feedbackCenter.findOne.post({
+        id: p.id
+      });
+      F.value = !1, u && (k.value = u, u.messages && u.messages.length > 0 && (w.value = u.messages, x.value = u.messages.at(-1).seq));
+    }
+    async function Se() {
+      const {
+        data: u
+      } = await V.messages.list.incremental.post({
+        id: p.id,
+        lastSeq: x.value
+      });
+      u && u.messages && u.messages.length > 0 && (w.value.push(...u.messages), x.value = u.messages.at(-1).seq, O(() => {
+        v();
+      }));
+    }
+    async function xe() {
+      F.value = !0;
+      const {
+        data: u
+      } = await V.messages.list.post({
+        id: p.id
+      });
+      F.value = !1, u && u.messages && u.messages.length > 0 && (w.value.push(...u.messages), x.value = u.messages.at(-1).seq, O(() => {
+        v();
+      }));
+    }
+    return dt(Se, {
+      interval: 2e3,
+      autoStart: !0
+    }), W(), xe(), (u, g) => (r(), h("div", pt, [z("div", {
+      ref_key: "scrollableContentRef",
+      ref: m,
+      class: "scrollable-content"
+    }, [f(a(Le), {
+      title: "基本信息"
+    }, {
+      title: o(() => [...g[1] || (g[1] = [z("div", {
+        class: "title"
+      }, "基本信息", -1)])]),
+      default: o(() => [f(a(H), {
+        label: "标题:",
+        span: 3
+      }, {
+        default: o(() => [S(R(k.value.title), 1)]),
+        _: 1
+      }), f(a(H), {
+        label: "反馈类型:",
+        span: 1
+      }, {
+        default: o(() => [f(a(T), {
+          color: "arcoblue"
+        }, {
+          default: o(() => {
+            var d;
+            return [S(R((d = a(j)(a(X), k.value.type)) == null ? void 0 : d.label), 1)];
+          }),
+          _: 1
+        })]),
+        _: 1
+      }), f(a(H), {
+        label: "状态:",
+        span: 1
+      }, {
+        default: o(() => [f(a(T), {
+          color: l(k.value.status)
+        }, {
+          default: o(() => {
+            var d;
+            return [S(R((d = a(j)(a(he), k.value.status)) == null ? void 0 : d.label), 1)];
+          }),
+          _: 1
+        }, 8, ["color"])]),
+        _: 1
+      })]),
+      _: 1
+    }), z("div", ft, [g[2] || (g[2] = z("div", {
+      class: "title"
+    }, "沟通记录", -1)), f(a(Be), {
+      class: "messageContent",
+      loading: F.value
+    }, {
+      default: o(() => [w.value.length == 0 ? (r(), _(a(Ne), {
+        key: 0,
+        title: "☕️ 温馨提示!",
+        items: c,
+        wrap: "",
+        vertical: !1,
+        onOnItemClick: U
+      })) : (r(), h("div", mt, [(r(!0), h(q, null, Q(w.value, (d, D) => (r(), h(q, {
+        key: D
+      }, [d.type === "text" ? (r(), h(q, {
+        key: 0
+      }, [d.senderRole !== p.senderRole ? (r(), _(oe, {
+        key: 0,
+        value: d.content,
+        type: d.type,
+        "avatar-url": y(d),
+        "avatar-text": I(d)
+      }, null, 8, ["value", "type", "avatar-url", "avatar-text"])) : (r(), _(re, {
+        key: 1,
+        value: d.content,
+        "avatar-url": y(d),
+        "avatar-text": I(d),
+        type: d.type
+      }, null, 8, ["value", "avatar-url", "avatar-text", "type"]))], 64)) : (r(), h(q, {
+        key: 1
+      }, [d.senderRole !== p.senderRole ? (r(), _(oe, {
+        key: 0,
+        type: d.type,
+        value: d.url,
+        "avatar-url": y(d),
+        "avatar-text": I(d)
+      }, null, 8, ["type", "value", "avatar-url", "avatar-text"])) : (r(), _(re, {
+        key: 1,
+        type: d.type,
+        value: d.url,
+        "avatar-url": y(d),
+        "avatar-text": I(d)
+      }, null, 8, ["type", "value", "avatar-url", "avatar-text"]))], 64))], 64))), 128))]))]),
+      _: 1
+    }, 8, ["loading"])])], 512), z("div", vt, [f(a(Pe), {
+      ref_key: "senderRef",
+      ref: i,
+      value: n.value,
+      "onUpdate:value": g[0] || (g[0] = (d) => n.value = d),
+      placeholder: "请输入你要咨询的问题?",
+      loading: s.value,
+      "allow-speech": !1,
+      "read-only": s.value,
+      onSubmit: we
+    }, {
+      prefix: o(() => [f(a(me), {
+        type: "text",
+        class: "IconLink",
+        onClick: L
+      }, {
+        icon: o(() => [f(a(Xe))]),
+        _: 1
+      })]),
+      _: 1
+    }, 8, ["value", "loading", "read-only"])])]));
+  }
+}), gt = /* @__PURE__ */ M(yt, [["__scopeId", "data-v-e7eb30bd"]]), bt = {
+  class: "FeedBackFrom"
+}, kt = /* @__PURE__ */ B({
+  __name: "FeedbackForm",
+  emits: ["confirm"],
+  setup(e, {
+    emit: t
+  }) {
+    const l = t, n = b(), s = b(!1), c = b({
+      id: void 0,
+      title: "",
+      type: "bugReports",
+      priority: "normal",
+      description: "",
+      screenshots: []
+    });
+    b([]);
+    async function i() {
+      if (!await n.value.validate()) {
+        s.value = !0;
+        const {
+          error: v
+        } = await V.feedbackCenter.create.post({
+          title: c.value.title,
+          type: c.value.type,
+          priority: c.value.priority,
+          description: c.value.description
+          // screenshots 字段暂不支持，后续可能需要通过消息发送
+        });
+        s.value = !1, v || (De.success("新建反馈成功"), l("confirm"));
+      }
+    }
+    return (m, v) => (r(), h("div", bt, [f(a(ze), {
+      ref_key: "formRef",
+      ref: n,
+      model: c.value,
+      "auto-label-width": "",
+      layout: "vertical"
+    }, {
+      default: o(() => [f(a(N), {
+        field: "title",
+        label: "标题",
+        rules: [{
+          required: !0,
+          message: "请输入标题"
+        }]
+      }, {
+        default: o(() => [f(a(Ve), {
+          modelValue: c.value.title,
+          "onUpdate:modelValue": v[0] || (v[0] = (p) => c.value.title = p),
+          placeholder: "请输入标题"
+        }, null, 8, ["modelValue"])]),
+        _: 1
+      }), f(a(N), {
+        field: "type",
+        label: "反馈类型",
+        rules: [{
+          required: !0,
+          message: "请选择反馈类型"
+        }]
+      }, {
+        default: o(() => [f(a(ae), {
+          modelValue: c.value.type,
+          "onUpdate:modelValue": v[1] || (v[1] = (p) => c.value.type = p),
+          placeholder: "请选择反馈类型"
+        }, {
+          default: o(() => [(r(!0), h(q, null, Q(a(X), (p, U) => (r(), _(a(le), {
+            key: U,
+            value: p.key
+          }, {
+            default: o(() => [S(R(p.label), 1)]),
+            _: 2
+          }, 1032, ["value"]))), 128))]),
+          _: 1
+        }, 8, ["modelValue"])]),
+        _: 1
+      }), f(a(N), {
+        field: "priority",
+        label: "优先级",
+        rules: [{
+          required: !0,
+          message: "请选择优先级"
+        }]
+      }, {
+        default: o(() => [f(a(ae), {
+          modelValue: c.value.priority,
+          "onUpdate:modelValue": v[2] || (v[2] = (p) => c.value.priority = p),
+          placeholder: "请选择优先级"
+        }, {
+          default: o(() => [(r(!0), h(q, null, Q(a(_e), (p, U) => (r(), _(a(le), {
+            key: U,
+            value: p.key
+          }, {
+            default: o(() => [S(R(p.label), 1)]),
+            _: 2
+          }, 1032, ["value"]))), 128))]),
+          _: 1
+        }, 8, ["modelValue"])]),
+        _: 1
+      }), f(a(N), {
+        field: "description",
+        label: "问题描述",
+        rules: [{
+          required: !0,
+          message: "请输入问题描述"
+        }]
+      }, {
+        default: o(() => [f(a(qe), {
+          modelValue: c.value.description,
+          "onUpdate:modelValue": v[3] || (v[3] = (p) => c.value.description = p),
+          placeholder: "请输入问题描述",
+          "allow-clear": "",
+          "auto-size": {
+            minRows: 5
+          }
+        }, null, 8, ["modelValue"])]),
+        _: 1
+      }), $("", !0), f(a(me), {
+        loading: s.value,
+        type: "primary",
+        onClick: i
+      }, {
+        default: o(() => [...v[4] || (v[4] = [S(" 提交 ", -1)])]),
+        _: 1
+      }, 8, ["loading"])]),
+      _: 1
+    }, 8, ["model"])]));
+  }
+}), _t = /* @__PURE__ */ M(kt, [["__scopeId", "data-v-bb436f35"]]), ht = {
+  class: "message-panel"
+}, Ct = /* @__PURE__ */ B({
+  __name: "FeedbackList",
+  emits: ["toDetail"],
+  setup(e, {
+    emit: t
+  }) {
+    const l = b(!0), n = b([]), s = b(!1), c = b(!1), i = b(""), m = b({
+      total: 0,
+      current: 1,
+      pageSize: 10
+    });
+    function v() {
+      l.value = !0;
+    }
+    function p(y) {
+      i.value = y.id, l.value = !1;
+    }
+    function U(y) {
+      return y === "inProgress" ? "orangered" : y === "pending" ? "gold" : y === "resolved" ? "green" : y === "closed" ? "gray" : "arcoblue";
+    }
+    function F(y) {
+      return y === "urgent" ? "red" : y === "high" ? "orangered" : y === "low" ? "gray" : "blue";
+    }
+    async function w() {
+      s.value = !0;
+      const {
+        data: y
+      } = await V.feedbackCenter.own.post({
+        current: m.value.current,
+        pageSize: m.value.pageSize
+      });
+      if (s.value = !1, y) {
+        const I = y, k = I.items || [];
+        n.value = k, m.value.total = I.count || 0, c.value = k.length < m.value.pageSize;
+      }
+    }
+    async function x() {
+      if (s.value || c.value) return;
+      m.value.current += 1, s.value = !0;
+      const {
+        data: y
+      } = await V.feedbackCenter.own.post({
+        current: m.value.current,
+        pageSize: m.value.pageSize
+      });
+      if (s.value = !1, y) {
+        const k = y.items || [];
+        n.value = [...n.value, ...k], c.value = k.length < m.value.pageSize;
+      }
+    }
+    return w(), (y, I) => (r(), h("div", ht, [l.value ? $("", !0) : (r(), _(a(Ee), {
+      key: 0,
+      class: "message-panel__breadcrumb"
+    }, {
+      default: o(() => [f(a(se), {
+        onClick: v
+      }, {
+        default: o(() => [...I[0] || (I[0] = [S("我的反馈", -1)])]),
+        _: 1
+      }), f(a(se), null, {
+        default: o(() => [...I[1] || (I[1] = [S("反馈详情", -1)])]),
+        _: 1
+      })]),
+      _: 1
+    })), l.value ? (r(), _(Ae, {
+      key: 1,
+      "message-list": n.value,
+      loading: s.value,
+      finished: c.value,
+      "show-view-button": !1,
+      onItemClick: p,
+      onLoadMore: x
+    }, {
+      tags: o(({
+        item: k
+      }) => [f(a(T), {
+        color: "arcoblue",
+        size: "small"
+      }, {
+        default: o(() => {
+          var L;
+          return [S(R((L = a(j)(a(X), k.type)) == null ? void 0 : L.label), 1)];
+        }),
+        _: 2
+      }, 1024), f(a(T), {
+        color: F(k.priority),
+        size: "small"
+      }, {
+        default: o(() => {
+          var L;
+          return [S(R(((L = a(j)(a(_e), k.priority)) == null ? void 0 : L.label) || "普通"), 1)];
+        }),
+        _: 2
+      }, 1032, ["color"]), f(a(T), {
+        color: U(k.status),
+        size: "small"
+      }, {
+        default: o(() => {
+          var L;
+          return [S(R((L = a(j)(a(he), k.status)) == null ? void 0 : L.label), 1)];
+        }),
+        _: 2
+      }, 1032, ["color"])]),
+      description: o(({
+        item: k
+      }) => [S(R(k.description || "暂无描述"), 1)]),
+      _: 1
+    }, 8, ["message-list", "loading", "finished"])) : (r(), _(gt, {
+      key: 2,
+      id: i.value,
+      "sender-role": "user"
+    }, null, 8, ["id"]))]));
+  }
+}), wt = /* @__PURE__ */ M(Ct, [["__scopeId", "data-v-71d4ad7f"]]), St = {
+  key: 0,
+  class: "content"
+}, xt = {
+  class: "left"
+}, It = {
+  key: 1,
+  class: "right"
+}, Rt = /* @__PURE__ */ B({
+  __name: "FeedbackModal",
+  emits: ["confirm", "cancel"],
+  setup(e, {
+    expose: t,
+    emit: l
+  }) {
+    const n = b(!1), s = l;
+    function c() {
+      s("cancel");
+    }
+    const i = b(["FeedbackList"]), m = b([{
+      name: "我的反馈",
+      path: "FeedbackList",
+      meta: {
+        icon: "mingcute:cube-3d-fill"
+      }
+    }, {
+      name: "新建反馈",
+      path: "CreateFeedback",
+      meta: {
+        icon: "mingcute:cube-3d-fill"
+      }
+    }]), v = E(() => i.value.length !== 0 ? i.value[0] : "");
+    function p() {
+      i.value = ["FeedbackList"];
+    }
+    function U(w) {
+      i.value = [w.path];
+    }
+    function F(w) {
+      n.value = w;
+    }
+    return t({
+      setData: F
+    }), (w, x) => (r(), _(a(Me), {
+      visible: n.value,
+      "onUpdate:visible": x[1] || (x[1] = (y) => n.value = y),
+      loading: !1,
+      "body-class": "AppMessagebodyClass",
+      "mask-closable": !1,
+      footer: !1,
+      width: a(Fe),
+      title: "用户反馈",
+      "hide-title": !1,
+      onCancel: c
+    }, {
+      default: o(() => [n.value ? (r(), h("div", St, [z("div", xt, [f(Oe, {
+        "selected-keys": i.value,
+        "onUpdate:selectedKeys": x[0] || (x[0] = (y) => i.value = y),
+        menus: m.value,
+        onChange: U
+      }, null, 8, ["selected-keys", "menus"])]), v.value === "FeedbackList" ? (r(), _(wt, {
+        key: 0
+      })) : $("", !0), v.value === "CreateFeedback" ? (r(), h("div", It, [v.value === "CreateFeedback" ? (r(), _(_t, {
+        key: 0,
+        onConfirm: p
+      })) : $("", !0)])) : $("", !0)])) : $("", !0)]),
+      _: 1
+    }, 8, ["visible", "width"]));
+  }
+}), Xt = /* @__PURE__ */ M(Rt, [["__scopeId", "data-v-2a74b1d4"]]);
+export {
+  re as B,
+  gt as F,
+  et as R,
+  oe as a,
+  _t as b,
+  wt as c,
+  Xt as d
+};