@huyooo/ui 0.10.3 → 0.10.7

package/dist/FeedbackModal-qAJLL3V3.js

@@ -0,0 +1,1535 @@
+/* empty css               */
+/* empty css               */
+import { defineComponent as I, computed as L, openBlock as i, createElementBlock as y, normalizeStyle as P, normalizeClass as O, createElementVNode as v, createBlock as C, unref as l, withCtx as c, createVNode as d, createCommentVNode as V, Fragment as j, createTextVNode as z, toDisplayString as F, withDirectives as ue, vShow as ce, ref as b, renderSlot as Ve, renderList as X, onUnmounted as je, h as de, nextTick as E, onMounted as Ne, onBeforeUnmount as Pe } from "vue";
+import { Space as _e, Image as he, Avatar as Ce, Popover as De, Descriptions as Me, DescriptionsItem as J, Tag as A, Spin as Oe, Button as le, Upload as Ee, Form as Ae, FormItem as Y, Input as Te, Select as pe, Option as fe, Textarea as We, Message as Ke, Breadcrumb as Ze, BreadcrumbItem as me, Modal as He } from "@arco-design/web-vue";
+import { _ as W, g as K, i as Z } from "./plugin-vue_export-helper-LjDO2Zua.js";
+import { _ as U } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+/* empty css               */
+/* empty css               */
+/* empty css               */
+/* empty css               */
+import { u as we } from "./useUploadCos-D6y0INvP.js";
+import { o as M, g as $e } from "./apiClients-ANEApCyY.js";
+import { Icon as Se } from "@iconify/vue";
+/* empty css               */
+import { M as Ye } from "./Menu-Cy2ZPeaz.js";
+/* empty css               */
+/* empty css               */
+/* empty css               */
+/* empty css               */
+/* empty css               */
+import "./cos-js-sdk-v5-BJ5AlBRu.js";
+/* empty css               */
+import { f as T } from "./index-D56hUMeD.js";
+import { C as Xe } from "./CustomTable-1W5byjgJ.js";
+import { Bubble as xe, Prompts as Ge, Sender as Je } from "ant-design-x-vue";
+/* empty css               */
+import { C as Ie } from "./Clipboard-CK_nROjb.js";
+const Qe = I({
+  name: "IconDown",
+  props: {
+    size: {
+      type: [Number, String]
+    },
+    strokeWidth: {
+      type: Number,
+      default: 4
+    },
+    strokeLinecap: {
+      type: String,
+      default: "butt",
+      validator: (e) => ["butt", "round", "square"].includes(e)
+    },
+    strokeLinejoin: {
+      type: String,
+      default: "miter",
+      validator: (e) => ["arcs", "bevel", "miter", "miter-clip", "round"].includes(e)
+    },
+    rotate: Number,
+    spin: Boolean
+  },
+  emits: {
+    click: (e) => !0
+  },
+  setup(e, {
+    emit: t
+  }) {
+    const n = K("icon"), s = L(() => [n, `${n}-down`, {
+      [`${n}-spin`]: e.spin
+    }]), o = L(() => {
+      const a = {};
+      return e.size && (a.fontSize = Z(e.size) ? `${e.size}px` : e.size), e.rotate && (a.transform = `rotate(${e.rotate}deg)`), a;
+    });
+    return {
+      cls: s,
+      innerStyle: o,
+      onClick: (a) => {
+        t("click", a);
+      }
+    };
+  }
+}), et = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+function tt(e, t, n, s, o, u) {
+  return i(), y("svg", {
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    stroke: "currentColor",
+    class: O(e.cls),
+    style: P(e.innerStyle),
+    "stroke-width": e.strokeWidth,
+    "stroke-linecap": e.strokeLinecap,
+    "stroke-linejoin": e.strokeLinejoin,
+    onClick: t[0] || (t[0] = (...a) => e.onClick && e.onClick(...a))
+  }, t[1] || (t[1] = [v("path", {
+    d: "M39.6 17.443 24.043 33 8.487 17.443"
+  }, null, -1)]), 14, et);
+}
+var Q = /* @__PURE__ */ W(Qe, [["render", tt]]);
+const nt = Object.assign(Q, {
+  install: (e, t) => {
+    var n;
+    const s = (n = t == null ? void 0 : t.iconPrefix) != null ? n : "";
+    e.component(s + Q.name, Q);
+  }
+}), at = I({
+  name: "IconClose",
+  props: {
+    size: {
+      type: [Number, String]
+    },
+    strokeWidth: {
+      type: Number,
+      default: 4
+    },
+    strokeLinecap: {
+      type: String,
+      default: "butt",
+      validator: (e) => ["butt", "round", "square"].includes(e)
+    },
+    strokeLinejoin: {
+      type: String,
+      default: "miter",
+      validator: (e) => ["arcs", "bevel", "miter", "miter-clip", "round"].includes(e)
+    },
+    rotate: Number,
+    spin: Boolean
+  },
+  emits: {
+    click: (e) => !0
+  },
+  setup(e, {
+    emit: t
+  }) {
+    const n = K("icon"), s = L(() => [n, `${n}-close`, {
+      [`${n}-spin`]: e.spin
+    }]), o = L(() => {
+      const a = {};
+      return e.size && (a.fontSize = Z(e.size) ? `${e.size}px` : e.size), e.rotate && (a.transform = `rotate(${e.rotate}deg)`), a;
+    });
+    return {
+      cls: s,
+      innerStyle: o,
+      onClick: (a) => {
+        t("click", a);
+      }
+    };
+  }
+}), st = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+function lt(e, t, n, s, o, u) {
+  return i(), y("svg", {
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    stroke: "currentColor",
+    class: O(e.cls),
+    style: P(e.innerStyle),
+    "stroke-width": e.strokeWidth,
+    "stroke-linecap": e.strokeLinecap,
+    "stroke-linejoin": e.strokeLinejoin,
+    onClick: t[0] || (t[0] = (...a) => e.onClick && e.onClick(...a))
+  }, t[1] || (t[1] = [v("path", {
+    d: "M9.857 9.858 24 24m0 0 14.142 14.142M24 24 38.142 9.858M24 24 9.857 38.142"
+  }, null, -1)]), 14, st);
+}
+var ee = /* @__PURE__ */ W(at, [["render", lt]]);
+const ot = Object.assign(ee, {
+  install: (e, t) => {
+    var n;
+    const s = (n = t == null ? void 0 : t.iconPrefix) != null ? n : "";
+    e.component(s + ee.name, ee);
+  }
+}), rt = I({
+  name: "IconExclamationCircle",
+  props: {
+    size: {
+      type: [Number, String]
+    },
+    strokeWidth: {
+      type: Number,
+      default: 4
+    },
+    strokeLinecap: {
+      type: String,
+      default: "butt",
+      validator: (e) => ["butt", "round", "square"].includes(e)
+    },
+    strokeLinejoin: {
+      type: String,
+      default: "miter",
+      validator: (e) => ["arcs", "bevel", "miter", "miter-clip", "round"].includes(e)
+    },
+    rotate: Number,
+    spin: Boolean
+  },
+  emits: {
+    click: (e) => !0
+  },
+  setup(e, {
+    emit: t
+  }) {
+    const n = K("icon"), s = L(() => [n, `${n}-exclamation-circle`, {
+      [`${n}-spin`]: e.spin
+    }]), o = L(() => {
+      const a = {};
+      return e.size && (a.fontSize = Z(e.size) ? `${e.size}px` : e.size), e.rotate && (a.transform = `rotate(${e.rotate}deg)`), a;
+    });
+    return {
+      cls: s,
+      innerStyle: o,
+      onClick: (a) => {
+        t("click", a);
+      }
+    };
+  }
+}), it = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+function ut(e, t, n, s, o, u) {
+  return i(), y("svg", {
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    stroke: "currentColor",
+    class: O(e.cls),
+    style: P(e.innerStyle),
+    "stroke-width": e.strokeWidth,
+    "stroke-linecap": e.strokeLinecap,
+    "stroke-linejoin": e.strokeLinejoin,
+    onClick: t[0] || (t[0] = (...a) => e.onClick && e.onClick(...a))
+  }, t[1] || (t[1] = [v("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, it);
+}
+var te = /* @__PURE__ */ W(rt, [["render", ut]]);
+const ve = Object.assign(te, {
+  install: (e, t) => {
+    var n;
+    const s = (n = t == null ? void 0 : t.iconPrefix) != null ? n : "";
+    e.component(s + te.name, te);
+  }
+}), ct = I({
+  name: "IconLink",
+  props: {
+    size: {
+      type: [Number, String]
+    },
+    strokeWidth: {
+      type: Number,
+      default: 4
+    },
+    strokeLinecap: {
+      type: String,
+      default: "butt",
+      validator: (e) => ["butt", "round", "square"].includes(e)
+    },
+    strokeLinejoin: {
+      type: String,
+      default: "miter",
+      validator: (e) => ["arcs", "bevel", "miter", "miter-clip", "round"].includes(e)
+    },
+    rotate: Number,
+    spin: Boolean
+  },
+  emits: {
+    click: (e) => !0
+  },
+  setup(e, {
+    emit: t
+  }) {
+    const n = K("icon"), s = L(() => [n, `${n}-link`, {
+      [`${n}-spin`]: e.spin
+    }]), o = L(() => {
+      const a = {};
+      return e.size && (a.fontSize = Z(e.size) ? `${e.size}px` : e.size), e.rotate && (a.transform = `rotate(${e.rotate}deg)`), a;
+    });
+    return {
+      cls: s,
+      innerStyle: o,
+      onClick: (a) => {
+        t("click", a);
+      }
+    };
+  }
+}), dt = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+function pt(e, t, n, s, o, u) {
+  return i(), y("svg", {
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    stroke: "currentColor",
+    class: O(e.cls),
+    style: P(e.innerStyle),
+    "stroke-width": e.strokeWidth,
+    "stroke-linecap": e.strokeLinecap,
+    "stroke-linejoin": e.strokeLinejoin,
+    onClick: t[0] || (t[0] = (...a) => e.onClick && e.onClick(...a))
+  }, t[1] || (t[1] = [v("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, dt);
+}
+var ne = /* @__PURE__ */ W(ct, [["render", pt]]);
+const ft = Object.assign(ne, {
+  install: (e, t) => {
+    var n;
+    const s = (n = t == null ? void 0 : t.iconPrefix) != null ? n : "";
+    e.component(s + ne.name, ne);
+  }
+}), mt = I({
+  name: "IconRobot",
+  props: {
+    size: {
+      type: [Number, String]
+    },
+    strokeWidth: {
+      type: Number,
+      default: 4
+    },
+    strokeLinecap: {
+      type: String,
+      default: "butt",
+      validator: (e) => ["butt", "round", "square"].includes(e)
+    },
+    strokeLinejoin: {
+      type: String,
+      default: "miter",
+      validator: (e) => ["arcs", "bevel", "miter", "miter-clip", "round"].includes(e)
+    },
+    rotate: Number,
+    spin: Boolean
+  },
+  emits: {
+    click: (e) => !0
+  },
+  setup(e, {
+    emit: t
+  }) {
+    const n = K("icon"), s = L(() => [n, `${n}-robot`, {
+      [`${n}-spin`]: e.spin
+    }]), o = L(() => {
+      const a = {};
+      return e.size && (a.fontSize = Z(e.size) ? `${e.size}px` : e.size), e.rotate && (a.transform = `rotate(${e.rotate}deg)`), a;
+    });
+    return {
+      cls: s,
+      innerStyle: o,
+      onClick: (a) => {
+        t("click", a);
+      }
+    };
+  }
+}), vt = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+function yt(e, t, n, s, o, u) {
+  return i(), y("svg", {
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    stroke: "currentColor",
+    class: O(e.cls),
+    style: P(e.innerStyle),
+    "stroke-width": e.strokeWidth,
+    "stroke-linecap": e.strokeLinecap,
+    "stroke-linejoin": e.strokeLinejoin,
+    onClick: t[0] || (t[0] = (...a) => e.onClick && e.onClick(...a))
+  }, t[1] || (t[1] = [v("path", {
+    d: "M18 26h1v1h-1v-1ZM29 26h1v1h-1v-1Z",
+    fill: "currentColor",
+    stroke: "none"
+  }, null, -1), v("path", {
+    d: "M24 7v6m0-6h5m-5 0h-5M3 21v11m36 8H9V13h30v29m6-21v11m-27-6h1v1h-1v-1Zm11 0h1v1h-1v-1Z"
+  }, null, -1)]), 14, vt);
+}
+var ae = /* @__PURE__ */ W(mt, [["render", yt]]);
+const kt = Object.assign(ae, {
+  install: (e, t) => {
+    var n;
+    const s = (n = t == null ? void 0 : t.iconPrefix) != null ? n : "";
+    e.component(s + ae.name, ae);
+  }
+}), gt = /* @__PURE__ */ I({
+  __name: "FeedbackRefresh",
+  setup(e) {
+    return (t, n) => (i(), C(l(Se), {
+      class: "icon",
+      icon: "mingcute:refresh-2-line"
+    }));
+  }
+}), bt = /* @__PURE__ */ U(gt, [["__scopeId", "data-v-64bb6fc2"]]), _t = ["src"], ht = /* @__PURE__ */ I({
+  __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: t
+  }) {
+    const n = e, s = t;
+    function o() {
+      s("refresh");
+    }
+    return (u, a) => (i(), C(l(xe), {
+      placement: "end",
+      style: P(n.bubbleStyle),
+      styles: {
+        content: {
+          padding: n.type === "image" ? "0px" : void 0
+        }
+      }
+    }, {
+      avatar: c(() => [d(l(Ce), null, {
+        default: c(() => [v("img", {
+          alt: "avatar",
+          src: n.avatarUrl
+        }, null, 8, _t)]),
+        _: 1
+      })]),
+      message: c(() => [n.type === "text" ? (i(), y(j, {
+        key: 0
+      }, [z(F(n.value), 1)], 64)) : n.type === "image" ? (i(), C(l(he), {
+        key: 1,
+        width: "100",
+        src: n.value,
+        "show-loader": ""
+      }, null, 8, ["src"])) : V("", !0)]),
+      footer: c(() => [d(l(_e), null, {
+        default: c(() => [n.showClipboard && n.type === "text" ? (i(), C(Ie, {
+          key: 0,
+          value: e.value
+        }, null, 8, ["value"])) : V("", !0), n.showRefresh ? (i(), C(bt, {
+          key: 1,
+          onClick: o
+        })) : V("", !0)]),
+        _: 1
+      })]),
+      _: 1
+    }, 8, ["style", "styles"]));
+  }
+}), ye = /* @__PURE__ */ U(ht, [["__scopeId", "data-v-2e1b7acf"]]), Ct = ["src"], wt = /* @__PURE__ */ I({
+  __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: t
+  }) {
+    const n = e;
+    return (s, o) => (i(), C(l(xe), {
+      placement: "start",
+      style: P(n.bubbleStyle),
+      styles: {
+        content: {
+          padding: n.type === "image" ? "0px" : void 0
+        }
+      }
+    }, {
+      avatar: c(() => [d(l(Ce), null, {
+        default: c(() => [v("img", {
+          alt: "avatar",
+          src: n.avatarUrl
+        }, null, 8, Ct)]),
+        _: 1
+      })]),
+      message: c(() => [n.type === "text" ? (i(), y(j, {
+        key: 0
+      }, [z(F(n.value), 1)], 64)) : n.type === "image" ? (i(), C(l(he), {
+        key: 1,
+        width: "100",
+        src: n.value,
+        "show-loader": ""
+      }, null, 8, ["src"])) : V("", !0)]),
+      footer: c(() => [d(l(_e), null, {
+        default: c(() => [n.showClipboard && n.type === "text" ? (i(), C(Ie, {
+          key: 0,
+          value: n.value
+        }, null, 8, ["value"])) : V("", !0)]),
+        _: 1
+      })]),
+      _: 1
+    }, 8, ["style", "styles"]));
+  }
+}), ke = /* @__PURE__ */ U(wt, [["__scopeId", "data-v-37150f19"]]), $t = /* @__PURE__ */ I({
+  __name: "FeedbackFloatButton",
+  props: {
+    active: {
+      type: Boolean,
+      required: !0,
+      default: !0
+    },
+    offsetX: {
+      type: Number,
+      default: 20
+    },
+    offsetY: {
+      type: Number,
+      default: 20
+    },
+    iconSize: {
+      type: Number,
+      default: 18
+    }
+  },
+  setup(e) {
+    const t = e, n = L(() => ({
+      bottom: `${t.offsetY}px`,
+      right: `${t.offsetY}px`,
+      fontSize: `${t.iconSize}px`
+    }));
+    return (s, o) => (i(), y("div", {
+      class: O(["float-button", {
+        active: e.active
+      }]),
+      style: P(n.value)
+    }, [ue(d(l(kt), {
+      name: "Feedback/Help",
+      filled: "",
+      size: 18
+    }, null, 512), [[ce, !e.active]]), ue(d(l(nt), {
+      name: "Feedback/Close",
+      filled: "",
+      size: 18
+    }, null, 512), [[ce, e.active]])], 6));
+  }
+}), St = /* @__PURE__ */ U($t, [["__scopeId", "data-v-f7b06b6d"]]), xt = {
+  class: "card"
+}, It = {
+  class: "content"
+}, Ft = {
+  class: "header"
+}, Rt = {
+  class: "title"
+}, zt = {
+  class: "description"
+}, Lt = {
+  class: "body"
+}, Bt = /* @__PURE__ */ I({
+  __name: "FeedbackContainer",
+  props: {
+    title: {
+      type: String,
+      required: !0
+    },
+    description: {
+      type: String,
+      required: !0
+    },
+    appId: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(e, {
+    expose: t
+  }) {
+    const n = e, s = b(!1), o = L(() => ({
+      padding: 0,
+      marginTop: 0,
+      "border-radius": "14px",
+      background: "var(--huyooo-feedback-panel-gradient)",
+      backgroundSize: "100% 505px",
+      backgroundRepeat: "no-repeat",
+      border: "0px solid"
+    }));
+    function u() {
+      s.value = !0;
+    }
+    function a(p) {
+    }
+    function k() {
+      s.value = !1;
+    }
+    return t({
+      show: s
+    }), (p, r) => (i(), C(l(De), {
+      "popup-visible": s.value,
+      "onUpdate:popupVisible": r[0] || (r[0] = (_) => s.value = _),
+      trigger: "click",
+      "content-style": o.value,
+      "arrow-style": {
+        display: "none"
+      },
+      position: "tr",
+      onPopupVisibleChange: a
+    }, {
+      content: c(() => [v("div", xt, [v("div", It, [v("div", Ft, [v("div", {
+        class: "headerCancel",
+        onClick: k
+      }, [d(l(ot))]), v("div", Rt, F(n.title), 1), v("div", zt, F(n.description), 1)]), v("div", Lt, [Ve(p.$slots, "default", {}, void 0, !0)])])])]),
+      default: c(() => [d(St, {
+        active: s.value,
+        onClick: u
+      }, null, 8, ["active"])]),
+      _: 3
+    }, 8, ["popup-visible", "content-style"]));
+  }
+}), An = /* @__PURE__ */ U(Bt, [["__scopeId", "data-v-99bf36fb"]]), Ut = {
+  style: {
+    "margin-bottom": "10px",
+    display: "flex",
+    gap: "10px"
+  }
+}, qt = ["onClick"], Vt = /* @__PURE__ */ I({
+  __name: "FeedbackCustomTabs",
+  props: {
+    modelValue: {
+      type: String,
+      default: "1"
+    },
+    tabs: {
+      type: Array,
+      default: () => [{
+        label: "未读消息",
+        key: "1"
+      }, {
+        label: "已读消息",
+        key: "2"
+      }]
+    }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, {
+    emit: t
+  }) {
+    const n = e, s = t;
+    function o(u) {
+      u !== n.modelValue && (s("update:modelValue", u), s("change", u));
+    }
+    return (u, a) => (i(), y("div", Ut, [(i(!0), y(j, null, X(e.tabs, (k) => (i(), y("span", {
+      key: k.key,
+      class: O(["custom-tab", [{
+        active: e.modelValue === k.key
+      }]]),
+      onClick: (p) => o(k.key)
+    }, F(k.label), 11, qt))), 128))]));
+  }
+}), Tn = /* @__PURE__ */ U(Vt, [["__scopeId", "data-v-c10f714b"]]), x = [];
+for (let e = 0; e < 256; ++e)
+  x.push((e + 256).toString(16).slice(1));
+function jt(e, t = 0) {
+  return (x[e[t + 0]] + x[e[t + 1]] + x[e[t + 2]] + x[e[t + 3]] + "-" + x[e[t + 4]] + x[e[t + 5]] + "-" + x[e[t + 6]] + x[e[t + 7]] + "-" + x[e[t + 8]] + x[e[t + 9]] + "-" + x[e[t + 10]] + x[e[t + 11]] + x[e[t + 12]] + x[e[t + 13]] + x[e[t + 14]] + x[e[t + 15]]).toLowerCase();
+}
+let se;
+const Nt = new Uint8Array(16);
+function Pt() {
+  if (!se) {
+    if (typeof crypto > "u" || !crypto.getRandomValues)
+      throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
+    se = crypto.getRandomValues.bind(crypto);
+  }
+  return se(Nt);
+}
+const Dt = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), ge = {
+  randomUUID: Dt
+};
+function be(e, t, n) {
+  var o;
+  if (ge.randomUUID && !e)
+    return ge.randomUUID();
+  e = e || {};
+  const s = e.random ?? ((o = e.rng) == null ? void 0 : o.call(e)) ?? Pt();
+  if (s.length < 16)
+    throw new Error("Random bytes length must be >= 16");
+  return s[6] = s[6] & 15 | 64, s[8] = s[8] & 63 | 128, jt(s);
+}
+function Mt(e, t = {}) {
+  const {
+    interval: n = 2e3,
+    immediate: s = !1,
+    autoStart: o = !1
+  } = t, u = b(!1);
+  let a = null;
+  async function k() {
+    try {
+      await e();
+    } catch (w) {
+      console.error("轮询回调执行失败:", w);
+    }
+  }
+  function p() {
+    if (u.value) {
+      console.warn("轮询已在运行中");
+      return;
+    }
+    u.value = !0, s && k(), a = setInterval(k, n);
+  }
+  function r() {
+    a && (clearInterval(a), a = null), u.value = !1;
+  }
+  function _() {
+    r(), p();
+  }
+  return o && p(), je(() => {
+    r();
+  }), {
+    isPolling: u,
+    start: p,
+    stop: r,
+    restart: _
+  };
+}
+const oe = [{
+  key: "bugReports",
+  label: "问题报告"
+}, {
+  key: "featureSuggestions",
+  label: "功能建议"
+}, {
+  key: "technicalSupportRequests",
+  label: "技术支持请求"
+}, {
+  key: "generalOpinions",
+  label: "一般意见"
+}], Fe = [{
+  key: "urgent",
+  label: "紧急"
+}, {
+  key: "high",
+  label: "高"
+}, {
+  key: "normal",
+  label: "普通"
+}, {
+  key: "low",
+  label: "低"
+}], Re = [{
+  key: "newFeedback",
+  label: "新反馈"
+}, {
+  key: "inProgress",
+  label: "处理中"
+}, {
+  key: "pending",
+  label: "待处理"
+}, {
+  key: "resolved",
+  label: "已解决"
+}, {
+  key: "closed",
+  label: "已关闭"
+}], Ot = {
+  class: "FeedBackDetails"
+}, Et = {
+  class: "content"
+}, At = {
+  key: 1,
+  class: "Bubbles"
+}, Tt = {
+  class: "sender-container"
+}, Wt = /* @__PURE__ */ I({
+  __name: "FeedbackDetails",
+  props: {
+    id: {
+      type: String,
+      required: !0,
+      default: () => ""
+    },
+    senderRole: {
+      type: String,
+      required: !0,
+      validator: (e) => ["user", "support"].includes(e)
+    }
+  },
+  setup(e) {
+    const t = {
+      color: "var(--huyooo-accent-primary)"
+    };
+    function n(f) {
+      return f === "inProgress" ? "orangered" : f === "pending" ? "gold" : f === "resolved" ? "green" : f === "closed" ? "gray" : "arcoblue";
+    }
+    const s = b(""), o = b(!1), u = [{
+      key: "1",
+      label: "如何补充更多信息",
+      description: "请详细描述您的问题或需求，以便我们更好地为您服务。",
+      disabled: !0,
+      icon: de(ve, {
+        style: t
+      })
+    }, {
+      key: "3",
+      label: "如何补充附件",
+      description: "如有相关附件（如日志、截图等），请一并上传以便加快处理速度。",
+      disabled: !0,
+      icon: de(ve, {
+        style: t
+      })
+    }], a = b(null), k = b(null), p = () => {
+      var f;
+      (f = a.value) == null || f.focus({
+        cursor: "end"
+      }), E(() => {
+        k.value && (k.value.scrollTop = k.value.scrollHeight);
+      });
+    }, r = e;
+    function _() {
+    }
+    const w = b(!1), h = b([]), $ = b(void 0), R = b({
+      id: void 0,
+      title: "",
+      description: "",
+      type: "bugReports",
+      status: "newFeedback",
+      reply: "",
+      createAt: ""
+    }), g = () => {
+      const {
+        uploadFile: f
+      } = we(), S = document.createElement("input");
+      S.type = "file", S.accept = "image/*", S.style.display = "none", document.body.append(S), S.addEventListener("change", async (m) => {
+        var ie;
+        const re = (ie = m.target.files) == null ? void 0 : ie[0];
+        if (re) {
+          o.value = !0;
+          try {
+            f({
+              bucketId: $e.feedbackBucketId,
+              file: re,
+              onFileFinish(Be, mn, Ue) {
+                const G = {
+                  messageId: be(),
+                  senderRole: r.senderRole,
+                  type: "image",
+                  key: Ue.Key
+                }, qe = {
+                  id: r.id,
+                  message: {
+                    type: G.type,
+                    key: G.key,
+                    senderRole: G.senderRole
+                  }
+                };
+                (async () => {
+                  const {
+                    data: H
+                  } = await M.feedbackCenter.update.messages.post(qe);
+                  H ? (h.value.push(H.message), typeof H.message.seq == "number" && ($.value = H.message.seq), E(() => {
+                    p();
+                  }), o.value = !1, r.senderRole === "support" && R.value.status === "newFeedback" && B()) : o.value = !1;
+                })();
+              },
+              onError(Be) {
+                o.value = !1;
+              }
+            });
+          } catch {
+            o.value = !1;
+          }
+        }
+        S.remove();
+      }), S.click();
+    };
+    async function N(f) {
+      o.value = !0, be();
+      const S = {
+        senderRole: r.senderRole,
+        type: "text",
+        content: f
+      }, m = {
+        id: r.id,
+        message: {
+          type: S.type,
+          content: S.content,
+          senderRole: S.senderRole
+        }
+      }, {
+        data: D
+      } = await M.feedbackCenter.update.messages.post(m);
+      o.value = !1, D && (h.value.push(D.message), typeof D.message.seq == "number" && ($.value = D.message.seq), E(() => {
+        p();
+      }), s.value = "", r.senderRole === "support" && R.value.status === "newFeedback" && B());
+    }
+    function q() {
+      N(s.value);
+    }
+    async function B() {
+      w.value = !0;
+      const {
+        data: f
+      } = await M.feedbackCenter.findOne.post({
+        id: r.id
+      });
+      w.value = !1, f && (R.value = f, f.messages && f.messages.length > 0 && (h.value = f.messages, $.value = f.messages.at(-1).seq));
+    }
+    async function ze() {
+      const {
+        data: f
+      } = await M.messages.list.incremental.post({
+        id: r.id,
+        lastSeq: $.value
+      });
+      f && f.messages && f.messages.length > 0 && (h.value.push(...f.messages), $.value = f.messages.at(-1).seq, E(() => {
+        p();
+      }));
+    }
+    async function Le() {
+      w.value = !0;
+      const {
+        data: f
+      } = await M.messages.list.post({
+        id: r.id
+      });
+      w.value = !1, f && f.messages && f.messages.length > 0 && (h.value.push(...f.messages), $.value = f.messages.at(-1).seq, E(() => {
+        p();
+      }));
+    }
+    return Mt(ze, {
+      interval: 2e3,
+      autoStart: !0
+    }), B(), Le(), (f, S) => (i(), y("div", Ot, [v("div", {
+      ref_key: "scrollableContentRef",
+      ref: k,
+      class: "scrollable-content"
+    }, [d(l(Me), {
+      title: "基本信息"
+    }, {
+      title: c(() => [...S[1] || (S[1] = [v("div", {
+        class: "title"
+      }, "基本信息", -1)])]),
+      default: c(() => [d(l(J), {
+        label: "标题:",
+        span: 3
+      }, {
+        default: c(() => [z(F(R.value.title), 1)]),
+        _: 1
+      }), d(l(J), {
+        label: "反馈类型:",
+        span: 1
+      }, {
+        default: c(() => [d(l(A), {
+          color: "arcoblue"
+        }, {
+          default: c(() => {
+            var m;
+            return [z(F((m = l(T)(l(oe), R.value.type)) == null ? void 0 : m.label), 1)];
+          }),
+          _: 1
+        })]),
+        _: 1
+      }), d(l(J), {
+        label: "状态:",
+        span: 1
+      }, {
+        default: c(() => [d(l(A), {
+          color: n(R.value.status)
+        }, {
+          default: c(() => {
+            var m;
+            return [z(F((m = l(T)(l(Re), R.value.status)) == null ? void 0 : m.label), 1)];
+          }),
+          _: 1
+        }, 8, ["color"])]),
+        _: 1
+      })]),
+      _: 1
+    }), v("div", Et, [S[2] || (S[2] = v("div", {
+      class: "title"
+    }, "沟通记录", -1)), d(l(Oe), {
+      class: "messageContent",
+      loading: w.value
+    }, {
+      default: c(() => [h.value.length == 0 ? (i(), C(l(Ge), {
+        key: 0,
+        title: "☕️ 温馨提示!",
+        items: u,
+        wrap: "",
+        vertical: !1,
+        onOnItemClick: _
+      })) : (i(), y("div", At, [(i(!0), y(j, null, X(h.value, (m, D) => (i(), y(j, {
+        key: D
+      }, [m.type === "text" ? (i(), y(j, {
+        key: 0
+      }, [m.senderRole !== r.senderRole ? (i(), C(ke, {
+        key: 0,
+        value: m.content,
+        type: m.type,
+        "avatar-url": m.senderInfo.avatarUrl
+      }, null, 8, ["value", "type", "avatar-url"])) : (i(), C(ye, {
+        key: 1,
+        value: m.content,
+        "avatar-url": m.senderInfo.avatarUrl,
+        type: m.type
+      }, null, 8, ["value", "avatar-url", "type"]))], 64)) : (i(), y(j, {
+        key: 1
+      }, [m.senderRole !== r.senderRole ? (i(), C(ke, {
+        key: 0,
+        type: m.type,
+        value: m.url,
+        "avatar-text": "S",
+        "avatar-url": m.senderInfo.avatarUrl
+      }, null, 8, ["type", "value", "avatar-url"])) : (i(), C(ye, {
+        key: 1,
+        type: m.type,
+        value: m.url,
+        "avatar-url": m.senderInfo.avatarUrl
+      }, null, 8, ["type", "value", "avatar-url"]))], 64))], 64))), 128))]))]),
+      _: 1
+    }, 8, ["loading"])])], 512), v("div", Tt, [d(l(Je), {
+      ref_key: "senderRef",
+      ref: a,
+      value: s.value,
+      "onUpdate:value": S[0] || (S[0] = (m) => s.value = m),
+      placeholder: "请输入你要咨询的问题?",
+      loading: o.value,
+      "allow-speech": !1,
+      "read-only": o.value,
+      onSubmit: q
+    }, {
+      prefix: c(() => [d(l(le), {
+        type: "text",
+        class: "IconLink",
+        onClick: g
+      }, {
+        icon: c(() => [d(l(ft))]),
+        _: 1
+      })]),
+      _: 1
+    }, 8, ["value", "loading", "read-only"])])]));
+  }
+}), Kt = /* @__PURE__ */ U(Wt, [["__scopeId", "data-v-de790d44"]]), Zt = {
+  class: "screenshots-upload"
+}, Ht = /* @__PURE__ */ I({
+  __name: "FeedbackScreenshots",
+  props: {
+    urls: {
+      type: Array,
+      required: !0
+    }
+  },
+  emits: ["change"],
+  setup(e, {
+    emit: t
+  }) {
+    const n = e, s = t, o = b(null), u = L(() => n.urls.map((r) => ({
+      uid: r,
+      name: r.split("/").pop() || r,
+      url: r,
+      status: "done",
+      response: {
+        url: r
+      }
+    })));
+    function a(r) {
+      return new Promise((_, w) => {
+        const {
+          uploadFile: h
+        } = we();
+        h({
+          bucketId: $e.feedbackBucketId,
+          file: r,
+          onFileFinish($, R, g) {
+            _(g.Key);
+          },
+          onError($) {
+            w(new Error("上传截图失败"));
+          }
+        });
+      });
+    }
+    async function k(r) {
+      const _ = r.fileItem.file, w = await a(_);
+      s("change", {
+        key: w,
+        localUrl: URL.createObjectURL(_)
+      });
+    }
+    function p(r) {
+      var w;
+      const _ = (w = r.clipboardData) == null ? void 0 : w.items;
+      if (_) {
+        for (const h of _)
+          if (h.type.indexOf("image") !== -1) {
+            const $ = h.getAsFile();
+            $ && k({
+              fileItem: {
+                file: $
+              }
+            });
+          }
+      }
+    }
+    return Ne(() => {
+      window.addEventListener("paste", p);
+    }), Pe(() => {
+      window.removeEventListener("paste", p);
+    }), (r, _) => (i(), y("div", Zt, [d(l(Ee), {
+      ref_key: "uploadRef",
+      ref: o,
+      "list-type": "picture",
+      "file-list": u.value,
+      "show-upload-list": !0,
+      "show-file-list": !0,
+      "image-preview": !0,
+      accept: "image/*",
+      "custom-request": k
+    }, null, 8, ["file-list"])]));
+  }
+}), Wn = /* @__PURE__ */ U(Ht, [["__scopeId", "data-v-8e764d8f"]]), Yt = {
+  class: "FeedBackFrom"
+}, Xt = /* @__PURE__ */ I({
+  __name: "FeedbackForm",
+  emits: ["confirm"],
+  setup(e, {
+    emit: t
+  }) {
+    const n = t, s = b(), o = b(!1), u = b({
+      id: void 0,
+      title: "",
+      type: "bugReports",
+      priority: "normal",
+      description: "",
+      screenshots: []
+    });
+    b([]);
+    async function a() {
+      if (!await s.value.validate()) {
+        o.value = !0;
+        const {
+          error: p
+        } = await M.feedbackCenter.create.post({
+          title: u.value.title,
+          type: u.value.type,
+          priority: u.value.priority,
+          description: u.value.description
+          // screenshots 字段暂不支持，后续可能需要通过消息发送
+        });
+        o.value = !1, p || (Ke.success("新建反馈成功"), n("confirm"));
+      }
+    }
+    return (k, p) => (i(), y("div", Yt, [d(l(Ae), {
+      ref_key: "formRef",
+      ref: s,
+      model: u.value,
+      "auto-label-width": "",
+      layout: "vertical"
+    }, {
+      default: c(() => [d(l(Y), {
+        field: "title",
+        label: "标题",
+        rules: [{
+          required: !0,
+          message: "请输入标题"
+        }]
+      }, {
+        default: c(() => [d(l(Te), {
+          modelValue: u.value.title,
+          "onUpdate:modelValue": p[0] || (p[0] = (r) => u.value.title = r),
+          placeholder: "请输入标题"
+        }, null, 8, ["modelValue"])]),
+        _: 1
+      }), d(l(Y), {
+        field: "type",
+        label: "反馈类型",
+        rules: [{
+          required: !0,
+          message: "请选择反馈类型"
+        }]
+      }, {
+        default: c(() => [d(l(pe), {
+          modelValue: u.value.type,
+          "onUpdate:modelValue": p[1] || (p[1] = (r) => u.value.type = r),
+          placeholder: "请选择反馈类型"
+        }, {
+          default: c(() => [(i(!0), y(j, null, X(l(oe), (r, _) => (i(), C(l(fe), {
+            key: _,
+            value: r.key
+          }, {
+            default: c(() => [z(F(r.label), 1)]),
+            _: 2
+          }, 1032, ["value"]))), 128))]),
+          _: 1
+        }, 8, ["modelValue"])]),
+        _: 1
+      }), d(l(Y), {
+        field: "priority",
+        label: "优先级",
+        rules: [{
+          required: !0,
+          message: "请选择优先级"
+        }]
+      }, {
+        default: c(() => [d(l(pe), {
+          modelValue: u.value.priority,
+          "onUpdate:modelValue": p[2] || (p[2] = (r) => u.value.priority = r),
+          placeholder: "请选择优先级"
+        }, {
+          default: c(() => [(i(!0), y(j, null, X(l(Fe), (r, _) => (i(), C(l(fe), {
+            key: _,
+            value: r.key
+          }, {
+            default: c(() => [z(F(r.label), 1)]),
+            _: 2
+          }, 1032, ["value"]))), 128))]),
+          _: 1
+        }, 8, ["modelValue"])]),
+        _: 1
+      }), d(l(Y), {
+        field: "description",
+        label: "问题描述",
+        rules: [{
+          required: !0,
+          message: "请输入问题描述"
+        }]
+      }, {
+        default: c(() => [d(l(We), {
+          modelValue: u.value.description,
+          "onUpdate:modelValue": p[3] || (p[3] = (r) => u.value.description = r),
+          placeholder: "请输入问题描述",
+          "allow-clear": "",
+          "auto-size": {
+            minRows: 5
+          }
+        }, null, 8, ["modelValue"])]),
+        _: 1
+      }), V("", !0), d(l(le), {
+        loading: o.value,
+        type: "primary",
+        onClick: a
+      }, {
+        default: c(() => [...p[4] || (p[4] = [z(" 提交 ", -1)])]),
+        _: 1
+      }, 8, ["loading"])]),
+      _: 1
+    }, 8, ["model"])]));
+  }
+}), Gt = /* @__PURE__ */ U(Xt, [["__scopeId", "data-v-bf24e737"]]), Jt = {
+  class: "operate-wrapper"
+}, Qt = {
+  class: "operate-item"
+}, en = {
+  class: "icon"
+}, tn = {
+  class: "title"
+}, nn = {
+  class: "feedback-info"
+}, an = {
+  key: 0,
+  class: "feedback-count"
+}, sn = /* @__PURE__ */ I({
+  __name: "FeedbackItem",
+  props: {
+    title: {
+      type: String,
+      required: !0
+    },
+    icon: {
+      type: String,
+      required: !0
+    },
+    extra: {
+      type: String,
+      required: !1,
+      default: () => ""
+    }
+  },
+  setup(e) {
+    const t = e;
+    return (n, s) => (i(), y("div", Jt, [v("div", Qt, [v("div", en, [d(l(Se), {
+      icon: t.icon
+    }, null, 8, ["icon"])]), v("p", tn, F(t.title), 1)]), v("div", nn, [e.extra ? (i(), y("span", an, F(e.extra), 1)) : V("", !0)])]));
+  }
+}), Kn = /* @__PURE__ */ U(sn, [["__scopeId", "data-v-28e45887"]]), ln = {
+  class: "messages"
+}, on = {
+  key: 1,
+  class: "list"
+}, rn = /* @__PURE__ */ I({
+  __name: "FeedbackList",
+  emits: ["toDetail"],
+  setup(e, {
+    emit: t
+  }) {
+    const n = b(!0), s = b([]), o = b(!1), u = b(""), a = b({
+      total: 0,
+      current: 1,
+      pageSize: 10
+    });
+    function k() {
+      n.value = !0;
+    }
+    function p(g) {
+      u.value = g.id, n.value = !1;
+    }
+    const r = [{
+      dataIndex: "title",
+      title: "标题",
+      minWidth: 120,
+      ellipsis: !0,
+      tooltip: !0
+    }, {
+      dataIndex: "type",
+      slotName: "type",
+      title: "类型",
+      width: 100
+    }, {
+      dataIndex: "priority",
+      slotName: "priority",
+      title: "优先级",
+      width: 80
+    }, {
+      dataIndex: "status",
+      slotName: "status",
+      title: "状态",
+      width: 90
+    }, {
+      dataIndex: "createAt",
+      title: "创建日期",
+      width: 160
+    }, {
+      dataIndex: "actions",
+      slotName: "actions",
+      title: "操作",
+      fixed: "right",
+      width: 80
+    }];
+    function _(g) {
+      return g === "inProgress" ? "orangered" : g === "pending" ? "gold" : g === "resolved" ? "green" : g === "closed" ? "gray" : "arcoblue";
+    }
+    function w(g) {
+      return g === "urgent" ? "red" : g === "high" ? "orangered" : g === "low" ? "gray" : "blue";
+    }
+    async function h() {
+      o.value = !0;
+      const {
+        data: g
+      } = await M.feedbackCenter.own.post({
+        current: a.value.current,
+        pageSize: a.value.pageSize
+      });
+      o.value = !1, g && (s.value = g.items, a.value.total = g.count);
+    }
+    const $ = (g) => {
+      a.value.current = g, h();
+    }, R = (g) => {
+      a.value.current = 1, a.value.pageSize = g, h();
+    };
+    return h(), (g, N) => (i(), y("div", ln, [n.value ? V("", !0) : (i(), C(l(Ze), {
+      key: 0,
+      style: {
+        "margin-bottom": "10px",
+        cursor: "pointer"
+      }
+    }, {
+      default: c(() => [d(l(me), {
+        style: {
+          padding: "0px"
+        },
+        onClick: k
+      }, {
+        default: c(() => [...N[0] || (N[0] = [z("我的反馈", -1)])]),
+        _: 1
+      }), d(l(me), {
+        style: {
+          padding: "0px"
+        }
+      }, {
+        default: c(() => [...N[1] || (N[1] = [z("反馈详情", -1)])]),
+        _: 1
+      })]),
+      _: 1
+    })), n.value ? (i(), y("div", on, [d(Xe, {
+      columns: r,
+      data: s.value,
+      loading: o.value,
+      pagination: a.value,
+      onPageChange: $,
+      onPageSizeChange: R
+    }, {
+      type: c(({
+        record: q
+      }) => [d(l(A), {
+        color: "arcoblue"
+      }, {
+        default: c(() => {
+          var B;
+          return [z(F((B = l(T)(l(oe), q.type)) == null ? void 0 : B.label), 1)];
+        }),
+        _: 2
+      }, 1024)]),
+      priority: c(({
+        record: q
+      }) => [d(l(A), {
+        color: w(q.priority)
+      }, {
+        default: c(() => {
+          var B;
+          return [z(F(((B = l(T)(l(Fe), q.priority)) == null ? void 0 : B.label) || "普通"), 1)];
+        }),
+        _: 2
+      }, 1032, ["color"])]),
+      status: c(({
+        record: q
+      }) => [d(l(A), {
+        color: _(q.status)
+      }, {
+        default: c(() => {
+          var B;
+          return [z(F((B = l(T)(l(Re), q.status)) == null ? void 0 : B.label), 1)];
+        }),
+        _: 2
+      }, 1032, ["color"])]),
+      actions: c(({
+        record: q
+      }) => [d(l(le), {
+        type: "text",
+        onClick: (B) => p(q)
+      }, {
+        default: c(() => [...N[2] || (N[2] = [z("查看", -1)])]),
+        _: 1
+      }, 8, ["onClick"])]),
+      _: 1
+    }, 8, ["data", "loading", "pagination"])])) : (i(), C(Kt, {
+      key: 2,
+      id: u.value,
+      "sender-role": "user"
+    }, null, 8, ["id"]))]));
+  }
+}), un = /* @__PURE__ */ U(rn, [["__scopeId", "data-v-5fb9e85f"]]), cn = {
+  key: 0,
+  class: "content"
+}, dn = {
+  class: "left"
+}, pn = {
+  class: "right"
+}, fn = /* @__PURE__ */ I({
+  __name: "FeedbackModal",
+  emits: ["confirm", "cancel"],
+  setup(e, {
+    expose: t,
+    emit: n
+  }) {
+    const s = b(!1), o = n;
+    function u() {
+      o("cancel");
+    }
+    const a = b(["FeedbackList"]), k = b([{
+      name: "我的反馈",
+      path: "FeedbackList",
+      meta: {
+        icon: "mingcute:cube-3d-fill"
+      }
+    }, {
+      name: "新建反馈",
+      path: "CreateFeedback",
+      meta: {
+        icon: "mingcute:cube-3d-fill"
+      }
+    }]), p = L(() => a.value.length !== 0 ? a.value[0] : "");
+    function r() {
+      a.value = ["FeedbackList"];
+    }
+    function _(h) {
+      a.value = [h.path];
+    }
+    function w(h) {
+      s.value = h;
+    }
+    return t({
+      setData: w
+    }), (h, $) => (i(), C(l(He), {
+      visible: s.value,
+      "onUpdate:visible": $[1] || ($[1] = (R) => s.value = R),
+      loading: !1,
+      "body-class": "AppMessagebodyClass",
+      "mask-closable": !1,
+      footer: !1,
+      width: "auto",
+      title: "用户反馈",
+      "hide-title": !1,
+      onCancel: u
+    }, {
+      default: c(() => [s.value ? (i(), y("div", cn, [v("div", dn, [d(Ye, {
+        "selected-keys": a.value,
+        "onUpdate:selectedKeys": $[0] || ($[0] = (R) => a.value = R),
+        menus: k.value,
+        onChange: _
+      }, null, 8, ["selected-keys", "menus"])]), v("div", pn, [p.value === "FeedbackList" ? (i(), C(un, {
+        key: 0
+      })) : V("", !0), p.value === "CreateFeedback" ? (i(), C(Gt, {
+        key: 1,
+        onConfirm: r
+      })) : V("", !0)])])) : V("", !0)]),
+      _: 1
+    }, 8, ["visible"]));
+  }
+}), Zn = /* @__PURE__ */ U(fn, [["__scopeId", "data-v-7ca0cfbf"]]);
+export {
+  ye as B,
+  An as F,
+  bt as R,
+  ke as a,
+  Tn as b,
+  Kt as c,
+  St as d,
+  Gt as e,
+  Kn as f,
+  un as g,
+  Zn as h,
+  Wn as i
+};