@huyooo/ui 0.6.1 → 0.6.4

package/dist/FeedbackModal-BfDUEqAa.js

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