@huyooo/ui 0.4.23 → 0.4.24

package/dist/FeedbackModal-CMmvJOi1.js

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