@huyooo/ui 0.4.4 → 0.4.6

package/dist/FeedbackFeedBackModal-DXJjUF4M.js

@@ -0,0 +1,1203 @@
+/* empty css               */
+/* empty css               */
+/* empty css               */
+import { defineComponent as q, createElementBlock as _, openBlock as i, normalizeStyle as M, normalizeClass as ne, createElementVNode as F, computed as V, ref as m, createBlock as y, unref as l, withCtx as s, createVNode as c, createCommentVNode as $, Fragment as A, createTextVNode as w, toDisplayString as R, h as X, onUnmounted as $e, renderList as ie, nextTick as E } from "vue";
+import { Message as oe, Space as ue, Image as ce, Avatar as de, Descriptions as Fe, DescriptionsItem as K, Tag as j, Spin as pe, Button as G, Form as qe, FormItem as H, Input as Ue, Select as Le, Option as Be, Textarea as Re, Breadcrumb as ze, BreadcrumbItem as ee, Modal as Ae, Drawer as Ne } from "@arco-design/web-vue";
+import { M as Oe } from "./Menu-2SePYCYT.js";
+/* empty css               */
+/* empty css               */
+/* empty css               */
+/* empty css               */
+/* empty css               */
+import { api as D } from "@huyooo/api";
+/* empty css               */
+/* empty css               */
+import "cos-js-sdk-v5";
+import { v4 as te } from "uuid";
+import { _ as N } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+/* empty css               */
+import { f as P, C as De } from "./CustomTable-Qav4d3j4.js";
+import { useIntersectionObserver as Ee } from "@vueuse/core";
+import { Bubble as fe, Prompts as Ve, Sender as je } from "ant-design-x-vue";
+import { u as Pe } from "./useUploadCos-DZK5oasq.js";
+import { Icon as me } from "@iconify/vue";
+import Me from "vue-clipboard3";
+import { _ as ve, g as ge, i as ye } from "./plugin-vue_export-helper-LjDO2Zua.js";
+const We = q({
+  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"), r = V(() => [t, `${t}-exclamation-circle`, {
+      [`${t}-spin`]: e.spin
+    }]), d = V(() => {
+      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: r,
+      innerStyle: d,
+      onClick: (n) => {
+        a("click", n);
+      }
+    };
+  }
+}), Te = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+function Ke(e, a, t, r, d, f) {
+  return i(), _("svg", {
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    stroke: "currentColor",
+    class: ne(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] = [F("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 r = (t = a == null ? void 0 : a.iconPrefix) != null ? t : "";
+    e.component(r + Y.name, Y);
+  }
+}), He = q({
+  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"), r = V(() => [t, `${t}-link`, {
+      [`${t}-spin`]: e.spin
+    }]), d = V(() => {
+      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: r,
+      innerStyle: d,
+      onClick: (n) => {
+        a("click", n);
+      }
+    };
+  }
+}), Ye = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+function Ze(e, a, t, r, d, f) {
+  return i(), _("svg", {
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    stroke: "currentColor",
+    class: ne(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] = [F("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 r = (t = a == null ? void 0 : a.iconPrefix) != null ? t : "";
+    e.component(r + Z.name, Z);
+  }
+}), Je = /* @__PURE__ */ q({
+  __name: "FeedbackClipboard",
+  props: {
+    value: {
+      type: String,
+      required: !0
+    },
+    message: {
+      type: String,
+      required: !1,
+      default: () => ""
+    }
+  },
+  setup(e) {
+    const a = e, t = m(!1), {
+      toClipboard: r
+    } = Me();
+    async function d() {
+      try {
+        await r(a.value), oe.success(a.message || "复制成功"), t.value = !0;
+      } catch (f) {
+        console.error(f);
+      }
+    }
+    return (f, n) => (i(), y(l(me), {
+      class: "icon",
+      icon: "mingcute:copy-2-line",
+      onClick: d
+    }));
+  }
+}), ke = /* @__PURE__ */ N(Je, [["__scopeId", "data-v-fd869964"]]), Qe = /* @__PURE__ */ q({
+  __name: "FeedbackRefresh",
+  setup(e) {
+    return (a, t) => (i(), y(l(me), {
+      class: "icon",
+      icon: "mingcute:refresh-2-line"
+    }));
+  }
+}), Xe = /* @__PURE__ */ N(Qe, [["__scopeId", "data-v-a03acfef"]]), et = ["src"], ae = /* @__PURE__ */ q({
+  __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, r = a;
+    function d() {
+      r("refresh");
+    }
+    return (f, n) => (i(), y(l(fe), {
+      placement: "end",
+      style: M(t.bubbleStyle),
+      styles: {
+        content: {
+          padding: t.type === "image" ? "0px" : void 0
+        }
+      }
+    }, {
+      avatar: s(() => [c(l(de), null, {
+        default: s(() => [F("img", {
+          alt: "avatar",
+          src: t.avatarUrl
+        }, null, 8, et)]),
+        _: 1
+      })]),
+      message: s(() => [t.type === "text" ? (i(), _(A, {
+        key: 0
+      }, [w(R(t.value), 1)], 64)) : t.type === "image" ? (i(), y(l(ce), {
+        key: 1,
+        width: "100",
+        src: t.value,
+        "show-loader": ""
+      }, null, 8, ["src"])) : $("", !0)]),
+      footer: s(() => [c(l(ue), null, {
+        default: s(() => [t.showClipboard && t.type === "text" ? (i(), y(ke, {
+          key: 0,
+          value: e.value
+        }, null, 8, ["value"])) : $("", !0), t.showRefresh ? (i(), y(Xe, {
+          key: 1,
+          onClick: d
+        })) : $("", !0)]),
+        _: 1
+      })]),
+      _: 1
+    }, 8, ["style", "styles"]));
+  }
+}), tt = ["src"], re = /* @__PURE__ */ q({
+  __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 (r, d) => (i(), y(l(fe), {
+      placement: "start",
+      style: M(t.bubbleStyle),
+      styles: {
+        content: {
+          padding: t.type === "image" ? "0px" : void 0
+        }
+      }
+    }, {
+      avatar: s(() => [c(l(de), null, {
+        default: s(() => [F("img", {
+          alt: "avatar",
+          src: t.avatarUrl
+        }, null, 8, tt)]),
+        _: 1
+      })]),
+      message: s(() => [t.type === "text" ? (i(), _(A, {
+        key: 0
+      }, [w(R(t.value), 1)], 64)) : t.type === "image" ? (i(), y(l(ce), {
+        key: 1,
+        width: "100",
+        src: t.value,
+        "show-loader": ""
+      }, null, 8, ["src"])) : $("", !0)]),
+      footer: s(() => [c(l(ue), null, {
+        default: s(() => [t.showClipboard && t.type === "text" ? (i(), y(ke, {
+          key: 0,
+          value: t.value
+        }, null, 8, ["value"])) : $("", !0)]),
+        _: 1
+      })]),
+      _: 1
+    }, 8, ["style", "styles"]));
+  }
+});
+function lt(e, a) {
+  return D({
+    url: `${e}/restfulApi/feedbackCenter/create`,
+    method: "post",
+    data: a
+  });
+}
+function at(e, a) {
+  return D({
+    url: `${e}/restfulApi/feedbackCenter/findOne`,
+    method: "post",
+    data: a
+  });
+}
+function rt(e, a) {
+  return D({
+    url: `${e}/restfulApi/feedbackCenter/own`,
+    method: "post",
+    data: a
+  });
+}
+function se(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 nt(e, a) {
+  return D({
+    url: `${e}/restfulApi/messages/list`,
+    method: "post",
+    data: a
+  });
+}
+const J = [{
+  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"
+}, ot = {
+  class: "content"
+}, ut = {
+  key: 1,
+  class: "Bubbles"
+}, ct = /* @__PURE__ */ q({
+  __name: "FeedbackFeedBackDetails",
+  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(o) {
+      return o === "inProgress" ? "orangered" : o === "done" ? "green" : "arcoblue";
+    }
+    const t = m(""), r = m(!1), d = [{
+      key: "1",
+      label: "如何补充更多信息",
+      description: "请详细描述您的问题或需求，以便我们更好地为您服务。",
+      disabled: !0,
+      icon: X(le, {
+        style: {
+          color: "#722ED1"
+        }
+      })
+    }, {
+      key: "3",
+      label: "如何补充附件",
+      description: "如有相关附件（如日志、截图等），请一并上传以便加快处理速度。",
+      disabled: !0,
+      icon: X(le, {
+        style: {
+          color: "#722ED1"
+        }
+      })
+    }], f = m(null);
+    function n(o) {
+      for (; o; ) {
+        const u = window.getComputedStyle(o).overflowY;
+        if ((u === "auto" || u === "scroll") && o.scrollHeight > o.clientHeight)
+          return o;
+        o = o.parentElement;
+      }
+      return null;
+    }
+    const h = () => {
+      var o;
+      (o = f.value) == null || o.focus({
+        cursor: "end"
+      }), E(() => {
+        var z;
+        const b = (z = f.value) == null ? void 0 : z.$el, u = n(b || null);
+        u && u.scrollTo({
+          top: u.scrollHeight,
+          behavior: "smooth"
+        });
+      });
+    }, p = e;
+    function x() {
+    }
+    const g = m(!1), S = m([]), U = m(void 0);
+    let L = null;
+    const B = m({
+      id: void 0,
+      title: "",
+      description: "",
+      type: "bugReports",
+      status: "done",
+      reply: "",
+      createAt: ""
+    }), I = () => {
+      const {
+        uploadFile: o
+      } = Pe({
+        appId: p.appId,
+        bucketId: p.bucketId,
+        baseURL: p.prefixUrl,
+        bucket: p.bucket,
+        region: p.region
+      }), b = document.createElement("input");
+      b.type = "file", b.accept = "image/*", b.style.display = "none", document.body.append(b), b.addEventListener("change", async (u) => {
+        var Q;
+        const O = (Q = u.target.files) == null ? void 0 : Q[0];
+        if (O) {
+          r.value = !0;
+          try {
+            o({
+              file: O,
+              onFileFinish(W, $t, Se) {
+                const Ie = {
+                  messageId: te(),
+                  senderRole: p.senderRole,
+                  type: "image",
+                  key: Se.Key
+                }, we = {
+                  id: p.id,
+                  message: Ie
+                };
+                se(p.prefixUrl, we).then(({
+                  data: T
+                }) => {
+                  S.value.push(T.message), typeof T.message.seq == "number" && (U.value = T.message.seq), E(() => {
+                    h();
+                  }), r.value = !1;
+                }).catch(() => {
+                  r.value = !1;
+                });
+              },
+              onError(W) {
+                console.error("上传图片失败"), r.value = !1;
+              }
+            });
+          } catch (W) {
+            console.error("上传图片失败", W), r.value = !1;
+          }
+        }
+        b.remove();
+      }), b.click();
+    };
+    function v(o) {
+      r.value = !0;
+      const u = {
+        messageId: te(),
+        senderRole: p.senderRole,
+        type: "text",
+        content: o
+      }, z = {
+        id: p.id,
+        message: u
+      };
+      se(p.prefixUrl, z).then(({
+        data: O
+      }) => {
+        r.value = !1, S.value.push(O.message), typeof O.message.seq == "number" && (U.value = O.message.seq), E(() => {
+          h();
+        }), t.value = "";
+      }).catch(() => {
+        r.value = !1;
+      });
+    }
+    function k() {
+      v(t.value);
+    }
+    function C() {
+      g.value = !0, at(p.prefixUrl, {
+        id: p.id
+      }).then(async ({
+        data: o
+      }) => {
+        g.value = !1, B.value = o, o.messages && o.messages.length > 0 && (S.value = o.messages, U.value = o.messages.at(-1).seq);
+      }).catch(() => {
+        g.value = !1;
+      });
+    }
+    function _e() {
+      st(p.prefixUrl, {
+        id: p.id,
+        lastSeq: U.value
+      }).then(async ({
+        data: o
+      }) => {
+        o && o.messages && o.messages.length > 0 && (S.value.push(...o.messages), U.value = o.messages.at(-1).seq, E(() => {
+          h();
+        }));
+      }).catch(() => {
+      });
+    }
+    function he() {
+      g.value = !0, nt(p.prefixUrl, {
+        id: p.id
+      }).then(async ({
+        data: o
+      }) => {
+        g.value = !1, o && o.messages && o.messages.length > 0 && (S.value.push(...o.messages), U.value = o.messages.at(-1).seq, E(() => {
+          h();
+        }));
+      }).catch(() => {
+        g.value = !1;
+      });
+    }
+    function xe() {
+      L || (L = setInterval(() => {
+        _e();
+      }, 2e3));
+    }
+    function Ce() {
+      L && (clearInterval(L), L = null);
+    }
+    return $e(() => {
+      Ce();
+    }), xe(), C(), he(), (o, b) => (i(), _("div", it, [c(l(Fe), {
+      title: "基本信息"
+    }, {
+      title: s(() => b[1] || (b[1] = [F("div", {
+        class: "title"
+      }, "沟通记录", -1)])),
+      default: s(() => [c(l(K), {
+        label: "标题:",
+        span: 3
+      }, {
+        default: s(() => [w(R(B.value.title), 1)]),
+        _: 1
+      }), c(l(K), {
+        label: "反馈类型:",
+        span: 1
+      }, {
+        default: s(() => [c(l(j), {
+          color: "arcoblue"
+        }, {
+          default: s(() => {
+            var u;
+            return [w(R((u = l(P)(l(J), B.value.type)) == null ? void 0 : u.label), 1)];
+          }),
+          _: 1
+        })]),
+        _: 1
+      }), c(l(K), {
+        label: "状态:",
+        span: 1
+      }, {
+        default: s(() => [c(l(j), {
+          color: a(B.value.status)
+        }, {
+          default: s(() => {
+            var u;
+            return [w(R((u = l(P)(l(be), B.value.status)) == null ? void 0 : u.label), 1)];
+          }),
+          _: 1
+        }, 8, ["color"])]),
+        _: 1
+      })]),
+      _: 1
+    }), F("div", ot, [b[2] || (b[2] = F("div", {
+      class: "title"
+    }, "沟通记录", -1)), c(l(pe), {
+      class: "messageContent",
+      loading: g.value
+    }, {
+      default: s(() => [S.value.length == 0 ? (i(), y(l(Ve), {
+        key: 0,
+        title: "☕️ 温馨提示!",
+        items: d,
+        wrap: "",
+        vertical: !1,
+        onOnItemClick: x
+      })) : (i(), _("div", ut, [(i(!0), _(A, null, ie(S.value, (u, z) => (i(), _(A, {
+        key: z
+      }, [u.type === "text" ? (i(), _(A, {
+        key: 0
+      }, [u.senderRole !== p.senderRole ? (i(), y(re, {
+        key: 0,
+        value: u.content,
+        type: u.type,
+        "avatar-url": u.senderInfo.avatarUrl
+      }, null, 8, ["value", "type", "avatar-url"])) : (i(), y(ae, {
+        key: 1,
+        value: u.content,
+        "avatar-url": u.senderInfo.avatarUrl,
+        type: u.type
+      }, null, 8, ["value", "avatar-url", "type"]))], 64)) : (i(), _(A, {
+        key: 1
+      }, [u.senderRole !== p.senderRole ? (i(), y(re, {
+        key: 0,
+        type: u.type,
+        value: u.url,
+        "avatar-text": "S",
+        "avatar-url": u.senderInfo.avatarUrl
+      }, null, 8, ["type", "value", "avatar-url"])) : (i(), y(ae, {
+        key: 1,
+        type: u.type,
+        value: u.url,
+        "avatar-url": u.senderInfo.avatarUrl
+      }, null, 8, ["type", "value", "avatar-url"]))], 64))], 64))), 128))])), c(l(je), {
+        ref_key: "senderRef",
+        ref: f,
+        value: t.value,
+        "onUpdate:value": b[0] || (b[0] = (u) => t.value = u),
+        placeholder: "请输入你要咨询的问题?",
+        loading: r.value,
+        "allow-speech": !1,
+        "read-only": r.value,
+        onSubmit: k
+      }, {
+        prefix: s(() => [c(l(G), {
+          type: "text",
+          class: "IconLink",
+          onClick: I
+        }, {
+          icon: s(() => [c(l(Ge))]),
+          _: 1
+        })]),
+        _: 1
+      }, 8, ["value", "loading", "read-only"])]),
+      _: 1
+    }, 8, ["loading"])])]));
+  }
+}), dt = /* @__PURE__ */ N(ct, [["__scopeId", "data-v-9a5ae17c"]]), pt = {
+  class: "FeedBackFrom"
+}, ft = /* @__PURE__ */ q({
+  __name: "FeedbackFeedBackFrom",
+  props: {
+    appId: {
+      type: String,
+      required: !0
+    },
+    prefixUrl: {
+      type: String,
+      required: !0
+    }
+  },
+  emits: ["confirm"],
+  setup(e, {
+    emit: a
+  }) {
+    const t = a, r = m(), d = m(!1), f = e, n = m({
+      id: void 0,
+      title: "",
+      type: "bugReports",
+      description: "",
+      screenshots: []
+    });
+    m([]), f.appId;
+    function h() {
+      r.value.validate().then((p) => {
+        if (!p) {
+          d.value = !0, console.log("create");
+          const x = {
+            title: n.value.title,
+            type: n.value.type,
+            description: n.value.description,
+            screenshots: n.value.screenshots
+          };
+          lt(f.prefixUrl, x).then(() => {
+            d.value = !1, oe.success("新建反馈成功"), t("confirm");
+          }).catch(() => {
+            d.value = !1;
+          });
+        }
+      });
+    }
+    return (p, x) => (i(), _("div", pt, [c(l(qe), {
+      ref_key: "formRef",
+      ref: r,
+      model: n.value,
+      "auto-label-width": "",
+      layout: "vertical"
+    }, {
+      default: s(() => [c(l(H), {
+        field: "title",
+        label: "标题",
+        rules: [{
+          required: !0,
+          message: "请输入标题"
+        }]
+      }, {
+        default: s(() => [c(l(Ue), {
+          modelValue: n.value.title,
+          "onUpdate:modelValue": x[0] || (x[0] = (g) => n.value.title = g),
+          placeholder: "请输入标题"
+        }, null, 8, ["modelValue"])]),
+        _: 1
+      }), c(l(H), {
+        field: "type",
+        label: "反馈类型",
+        rules: [{
+          required: !0,
+          message: "请选择反馈类型"
+        }]
+      }, {
+        default: s(() => [c(l(Le), {
+          modelValue: n.value.type,
+          "onUpdate:modelValue": x[1] || (x[1] = (g) => n.value.type = g),
+          placeholder: "请选择反馈类型"
+        }, {
+          default: s(() => [(i(!0), _(A, null, ie(l(J), (g, S) => (i(), y(l(Be), {
+            key: S,
+            value: g.key
+          }, {
+            default: s(() => [w(R(g.label), 1)]),
+            _: 2
+          }, 1032, ["value"]))), 128))]),
+          _: 1
+        }, 8, ["modelValue"])]),
+        _: 1
+      }), c(l(H), {
+        field: "description",
+        label: "问题描述",
+        rules: [{
+          required: !0,
+          message: "请输入问题描述"
+        }]
+      }, {
+        default: s(() => [c(l(Re), {
+          modelValue: n.value.description,
+          "onUpdate:modelValue": x[2] || (x[2] = (g) => n.value.description = g),
+          placeholder: "请输入问题描述",
+          "allow-clear": "",
+          "auto-size": {
+            minRows: 5
+          }
+        }, null, 8, ["modelValue"])]),
+        _: 1
+      }), $("", !0), c(l(G), {
+        loading: d.value,
+        type: "primary",
+        onClick: h
+      }, {
+        default: s(() => x[3] || (x[3] = [w(" 提交 ")])),
+        _: 1,
+        __: [3]
+      }, 8, ["loading"])]),
+      _: 1
+    }, 8, ["model"])]));
+  }
+}), mt = /* @__PURE__ */ N(ft, [["__scopeId", "data-v-5716aca2"]]), vt = {
+  key: 0,
+  class: "loading"
+}, gt = {
+  key: 1,
+  class: "none"
+}, yt = /* @__PURE__ */ q({
+  __name: "InfiniteLoading",
+  props: {
+    loading: {
+      type: Boolean,
+      default: () => !1
+    },
+    finished: {
+      type: Boolean,
+      default: () => !1
+    }
+  },
+  emits: ["infinite"],
+  setup(e, {
+    emit: a
+  }) {
+    const t = e, r = a, d = m(null);
+    return Ee(d, ([{
+      isIntersecting: f
+    }]) => {
+      f && // 当loading和finished的值都为false时，就通知父组件调用方法继续向后台请求数据
+      !t.loading && !t.finished && (console.log(f, "isIntersecting"), r("infinite"));
+    }, {
+      threshold: 0
+    }), (f, n) => (i(), _("div", {
+      ref_key: "container",
+      ref: d,
+      class: "infinite-loading"
+    }, [e.loading ? (i(), _("div", vt, [c(l(pe), {
+      tip: "数据加载中..."
+    })])) : $("", !0), e.finished ? (i(), _("div", gt, [$("", !0)])) : $("", !0)], 512));
+  }
+}), kt = /* @__PURE__ */ N(yt, [["__scopeId", "data-v-c415f923"]]), bt = {
+  class: "messages"
+}, _t = {
+  key: 1,
+  class: "list"
+}, ht = /* @__PURE__ */ q({
+  __name: "FeedbackFeedBackList",
+  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, r = m(!0), d = m([]), f = m(!1), n = m(!1), h = m(""), p = m({
+      total: 0,
+      current: 1,
+      pageSize: 10
+    });
+    function x() {
+      r.value = !0;
+    }
+    function g(I) {
+      console.log(I, "record"), h.value = I.id, r.value = !1;
+    }
+    const S = [{
+      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 U(I) {
+      return I === "inProgress" ? "orangered" : I === "done" ? "green" : "arcoblue";
+    }
+    function L() {
+      f.value = !0, rt(t.prefixUrl, {
+        current: p.value.current,
+        pageSize: p.value.pageSize
+      }).then(async ({
+        data: I
+      }) => {
+        f.value = !1, I.items.forEach((v) => {
+          const k = {
+            id: v.id,
+            title: v.title,
+            description: v.description,
+            reply: v.reply,
+            type: v.type,
+            status: v.status,
+            createAt: v.createAt
+          };
+          d.value.push(k);
+        }), p.value.total = I.count, p.value.current++, I.items.length === 0 && (n.value = !0);
+      }).catch(() => {
+        f.value = !1;
+      });
+    }
+    function B() {
+      L();
+    }
+    return (I, v) => (i(), _("div", bt, [r.value ? $("", !0) : (i(), y(l(ze), {
+      key: 0,
+      style: {
+        "margin-bottom": "10px",
+        cursor: "pointer"
+      }
+    }, {
+      default: s(() => [c(l(ee), {
+        style: {
+          padding: "0px"
+        },
+        onClick: x
+      }, {
+        default: s(() => v[0] || (v[0] = [w("我的反馈")])),
+        _: 1,
+        __: [0]
+      }), c(l(ee), {
+        style: {
+          padding: "0px"
+        }
+      }, {
+        default: s(() => v[1] || (v[1] = [w("反馈详情")])),
+        _: 1,
+        __: [1]
+      })]),
+      _: 1
+    })), r.value ? (i(), _("div", _t, [c(De, {
+      columns: S,
+      data: d.value,
+      loading: f.value,
+      pagination: null
+    }, {
+      type: s(({
+        record: k
+      }) => [c(l(j), {
+        color: "arcoblue"
+      }, {
+        default: s(() => {
+          var C;
+          return [w(R((C = l(P)(l(J), k.type)) == null ? void 0 : C.label), 1)];
+        }),
+        _: 2
+      }, 1024)]),
+      status: s(({
+        record: k
+      }) => [c(l(j), {
+        color: U(k.status)
+      }, {
+        default: s(() => {
+          var C;
+          return [w(R((C = l(P)(l(be), k.status)) == null ? void 0 : C.label), 1)];
+        }),
+        _: 2
+      }, 1032, ["color"])]),
+      actions: s(({
+        record: k
+      }) => [c(l(G), {
+        type: "text",
+        onClick: (C) => g(k)
+      }, {
+        default: s(() => v[2] || (v[2] = [w("查看")])),
+        _: 2,
+        __: [2]
+      }, 1032, ["onClick"])]),
+      _: 1
+    }, 8, ["data", "loading"]), c(kt, {
+      loading: f.value,
+      finished: n.value,
+      onInfinite: B
+    }, null, 8, ["loading", "finished"])])) : (i(), y(dt, {
+      key: 2,
+      id: h.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"]))]));
+  }
+}), xt = /* @__PURE__ */ N(ht, [["__scopeId", "data-v-44e93219"]]), Ct = {
+  class: "content"
+}, St = {
+  class: "left"
+}, It = {
+  class: "right"
+}, wt = /* @__PURE__ */ q({
+  __name: "FeedbackFeedBackModal",
+  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 r = m(!1), d = e, f = t;
+    function n() {
+      f("cancel");
+    }
+    const h = m(["FeedbackList"]), p = m(["功能变更"]), x = m([{
+      name: "我的反馈",
+      path: "FeedbackList",
+      meta: {
+        icon: "mingcute:cube-3d-fill"
+      }
+    }, {
+      name: "新建反馈",
+      path: "CreateFeedback",
+      meta: {
+        icon: "mingcute:cube-3d-fill"
+      }
+    }]), g = m(!1), S = V(() => h.value.length !== 0 ? h.value[0] : "");
+    function U() {
+      h.value = ["FeedbackList"];
+    }
+    function L() {
+      g.value = !1;
+    }
+    function B(v, k) {
+      const C = v.path;
+      console.log(C, k, "lokokoko"), h.value = [C], p.value = v.name;
+    }
+    function I(v) {
+      r.value = v;
+    }
+    return a({
+      setData: I
+    }), (v, k) => (i(), y(l(Ae), {
+      visible: r.value,
+      "onUpdate:visible": k[1] || (k[1] = (C) => r.value = C),
+      loading: !1,
+      "body-class": "AppMessagebodyClass",
+      "mask-closable": !1,
+      footer: !1,
+      width: "auto",
+      title: "用户反馈",
+      "hide-title": !1,
+      onCancel: n
+    }, {
+      default: s(() => [F("div", Ct, [F("div", St, [c(Oe, {
+        "selected-keys": h.value,
+        "onUpdate:selectedKeys": k[0] || (k[0] = (C) => h.value = C),
+        menus: x.value,
+        onChange: B
+      }, null, 8, ["selected-keys", "menus"])]), F("div", It, [S.value === "FeedbackList" ? (i(), y(xt, {
+        key: 0,
+        "app-id": d.appId,
+        "prefix-url": d.prefixUrl,
+        "bucket-id": d.bucketId,
+        bucket: d.bucket,
+        region: d.region
+      }, null, 8, ["app-id", "prefix-url", "bucket-id", "bucket", "region"])) : $("", !0), S.value === "CreateFeedback" ? (i(), y(mt, {
+        key: 1,
+        "app-id": d.appId,
+        "prefix-url": d.prefixUrl,
+        onConfirm: U
+      }, null, 8, ["app-id", "prefix-url"])) : $("", !0)])]), c(l(Ne), {
+        width: 400,
+        visible: g.value,
+        "unmount-on-close": "",
+        footer: !1,
+        title: `${p.value}详情`,
+        onCancel: L
+      }, {
+        default: s(() => k[2] || (k[2] = [F("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"]));
+  }
+}), el = /* @__PURE__ */ N(wt, [["__scopeId", "data-v-ea23d687"]]);
+export {
+  ke as C,
+  dt as F,
+  kt as I,
+  Xe as R,
+  ae as _,
+  re as a,
+  mt as b,
+  xt as c,
+  el as d
+};