@huyooo/ui 0.4.4 → 0.4.7

package/dist/FeedbackFeedBackItem-DYUIzqYg.js

@@ -0,0 +1,526 @@
+import { defineComponent as f, createElementBlock as d, openBlock as c, normalizeStyle as w, normalizeClass as h, createElementVNode as a, computed as m, Fragment as U, renderList as P, toDisplayString as g, withDirectives as q, createVNode as b, unref as y, vShow as B, ref as N, createBlock as V, withCtx as j, renderSlot as M, onMounted as D, onBeforeUnmount as E, createCommentVNode as W } from "vue";
+import { _ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+/* empty css               */
+/* empty css               */
+import { Popover as O, Upload as T } from "@arco-design/web-vue";
+import { _ as x, g as F, i as L } from "./plugin-vue_export-helper-LjDO2Zua.js";
+/* empty css               */
+/* empty css               */
+/* empty css               */
+import { u as Z } from "./useUploadCos-DpOqkozy.js";
+import "./FeedbackFeedBackModal-DKgZZ8OR.js";
+import { Icon as A } from "@iconify/vue";
+const Y = f({
+  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 = F("icon"), o = m(() => [n, `${n}-down`, {
+      [`${n}-spin`]: e.spin
+    }]), r = m(() => {
+      const i = {};
+      return e.size && (i.fontSize = L(e.size) ? `${e.size}px` : e.size), e.rotate && (i.transform = `rotate(${e.rotate}deg)`), i;
+    });
+    return {
+      cls: o,
+      innerStyle: r,
+      onClick: (i) => {
+        t("click", i);
+      }
+    };
+  }
+}), H = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+function K(e, t, n, o, r, l) {
+  return c(), d("svg", {
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    stroke: "currentColor",
+    class: h(e.cls),
+    style: w(e.innerStyle),
+    "stroke-width": e.strokeWidth,
+    "stroke-linecap": e.strokeLinecap,
+    "stroke-linejoin": e.strokeLinejoin,
+    onClick: t[0] || (t[0] = (...i) => e.onClick && e.onClick(...i))
+  }, t[1] || (t[1] = [a("path", {
+    d: "M39.6 17.443 24.043 33 8.487 17.443"
+  }, null, -1)]), 14, H);
+}
+var C = /* @__PURE__ */ x(Y, [["render", K]]);
+const X = Object.assign(C, {
+  install: (e, t) => {
+    var n;
+    const o = (n = t == null ? void 0 : t.iconPrefix) != null ? n : "";
+    e.component(o + C.name, C);
+  }
+}), G = f({
+  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 = F("icon"), o = m(() => [n, `${n}-close`, {
+      [`${n}-spin`]: e.spin
+    }]), r = m(() => {
+      const i = {};
+      return e.size && (i.fontSize = L(e.size) ? `${e.size}px` : e.size), e.rotate && (i.transform = `rotate(${e.rotate}deg)`), i;
+    });
+    return {
+      cls: o,
+      innerStyle: r,
+      onClick: (i) => {
+        t("click", i);
+      }
+    };
+  }
+}), J = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+function Q(e, t, n, o, r, l) {
+  return c(), d("svg", {
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    stroke: "currentColor",
+    class: h(e.cls),
+    style: w(e.innerStyle),
+    "stroke-width": e.strokeWidth,
+    "stroke-linecap": e.strokeLinecap,
+    "stroke-linejoin": e.strokeLinejoin,
+    onClick: t[0] || (t[0] = (...i) => e.onClick && e.onClick(...i))
+  }, t[1] || (t[1] = [a("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, J);
+}
+var I = /* @__PURE__ */ x(G, [["render", Q]]);
+const ee = Object.assign(I, {
+  install: (e, t) => {
+    var n;
+    const o = (n = t == null ? void 0 : t.iconPrefix) != null ? n : "";
+    e.component(o + I.name, I);
+  }
+}), te = f({
+  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 = F("icon"), o = m(() => [n, `${n}-robot`, {
+      [`${n}-spin`]: e.spin
+    }]), r = m(() => {
+      const i = {};
+      return e.size && (i.fontSize = L(e.size) ? `${e.size}px` : e.size), e.rotate && (i.transform = `rotate(${e.rotate}deg)`), i;
+    });
+    return {
+      cls: o,
+      innerStyle: r,
+      onClick: (i) => {
+        t("click", i);
+      }
+    };
+  }
+}), ne = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+function oe(e, t, n, o, r, l) {
+  return c(), d("svg", {
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    stroke: "currentColor",
+    class: h(e.cls),
+    style: w(e.innerStyle),
+    "stroke-width": e.strokeWidth,
+    "stroke-linecap": e.strokeLinecap,
+    "stroke-linejoin": e.strokeLinejoin,
+    onClick: t[0] || (t[0] = (...i) => e.onClick && e.onClick(...i))
+  }, t[1] || (t[1] = [a("path", {
+    d: "M18 26h1v1h-1v-1ZM29 26h1v1h-1v-1Z",
+    fill: "currentColor",
+    stroke: "none"
+  }, null, -1), a("path", {
+    d: "M24 7v6m0-6h5m-5 0h-5M3 21v11m36 8H9V13h30v29m6-21v11m-27-6h1v1h-1v-1Zm11 0h1v1h-1v-1Z"
+  }, null, -1)]), 14, ne);
+}
+var z = /* @__PURE__ */ x(te, [["render", oe]]);
+const ie = Object.assign(z, {
+  install: (e, t) => {
+    var n;
+    const o = (n = t == null ? void 0 : t.iconPrefix) != null ? n : "";
+    e.component(o + z.name, z);
+  }
+}), re = {
+  style: {
+    "margin-bottom": "10px",
+    display: "flex",
+    gap: "10px"
+  }
+}, se = ["onClick"], ae = /* @__PURE__ */ f({
+  __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, o = t;
+    function r(l) {
+      l !== n.modelValue && (o("update:modelValue", l), o("change", l));
+    }
+    return (l, i) => (c(), d("div", re, [(c(!0), d(U, null, P(e.tabs, (p) => (c(), d("span", {
+      key: p.key,
+      class: h(["custom-tab", [{
+        active: e.modelValue === p.key
+      }]]),
+      onClick: (k) => r(p.key)
+    }, g(p.label), 11, se))), 128))]));
+  }
+}), Me = /* @__PURE__ */ _(ae, [["__scopeId", "data-v-4da22ce9"]]), le = /* @__PURE__ */ f({
+  __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 = m(() => ({
+      bottom: `${t.offsetY}px`,
+      right: `${t.offsetY}px`,
+      fontSize: `${t.iconSize}px`
+    }));
+    return (o, r) => (c(), d("div", {
+      class: h(["float-button", {
+        active: e.active
+      }]),
+      style: w(n.value)
+    }, [q(b(y(ie), {
+      name: "Feedback/Help",
+      filled: "",
+      size: 18
+    }, null, 512), [[B, !e.active]]), q(b(y(X), {
+      name: "Feedback/Close",
+      filled: "",
+      size: 18
+    }, null, 512), [[B, e.active]])], 6));
+  }
+}), ce = /* @__PURE__ */ _(le, [["__scopeId", "data-v-2f26b4bc"]]), ue = {
+  class: "card"
+}, de = {
+  class: "content"
+}, pe = {
+  class: "header"
+}, me = {
+  class: "title"
+}, fe = {
+  class: "description"
+}, ke = {
+  class: "body"
+}, ve = /* @__PURE__ */ f({
+  __name: "FeedbackFeedBack",
+  props: {
+    title: {
+      type: String,
+      required: !0
+    },
+    description: {
+      type: String,
+      required: !0
+    },
+    appId: {
+      type: String,
+      required: !0
+    },
+    prefixUrl: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(e, {
+    expose: t
+  }) {
+    const n = e, o = N(!1), r = m(() => ({
+      padding: 0,
+      marginTop: 0,
+      "border-radius": "14px",
+      background: "linear-gradient(#1672f3, #1672f3 100%, rgba(176, 209, 255, 0) 81%)",
+      backgroundSize: "100% 505px",
+      backgroundRepeat: "no-repeat",
+      border: "0px solid"
+    }));
+    function l() {
+      o.value = !0;
+    }
+    function i(k) {
+    }
+    function p() {
+      o.value = !1;
+    }
+    return t({
+      show: o
+    }), (k, s) => (c(), V(y(O), {
+      "popup-visible": o.value,
+      "onUpdate:popupVisible": s[0] || (s[0] = (u) => o.value = u),
+      trigger: "click",
+      "content-style": r.value,
+      "arrow-style": {
+        display: "none"
+      },
+      position: "tr",
+      onPopupVisibleChange: i
+    }, {
+      content: j(() => [a("div", ue, [a("div", de, [a("div", pe, [a("div", {
+        class: "headerCancel",
+        onClick: p
+      }, [b(y(ee))]), a("div", me, g(n.title), 1), a("div", fe, g(n.description), 1)]), a("div", ke, [M(k.$slots, "default", {}, void 0, !0)])])])]),
+      default: j(() => [b(ce, {
+        active: o.value,
+        onClick: l
+      }, null, 8, ["active"])]),
+      _: 3
+    }, 8, ["popup-visible", "content-style"]));
+  }
+}), De = /* @__PURE__ */ _(ve, [["__scopeId", "data-v-1a19fa2b"]]), be = {
+  class: "screenshots-upload"
+}, ye = /* @__PURE__ */ f({
+  __name: "FeedbackScreenshots",
+  props: {
+    appId: {
+      type: String,
+      required: !0
+    },
+    bucketId: {
+      type: String,
+      required: !0
+    },
+    baseURL: {
+      type: String,
+      required: !0
+    },
+    bucket: {
+      type: String,
+      required: !0
+    },
+    region: {
+      type: String,
+      required: !0
+    },
+    prefixUrl: {
+      type: String,
+      required: !0
+    },
+    urls: {
+      type: Array,
+      required: !0
+    }
+  },
+  emits: ["change"],
+  setup(e, {
+    emit: t
+  }) {
+    const n = e, o = t, r = N(null), l = m(() => n.urls.map((s) => ({
+      uid: s,
+      name: s.split("/").pop() || s,
+      url: s,
+      status: "done",
+      response: {
+        url: s
+      }
+    })));
+    function i(s) {
+      return new Promise((u, v) => {
+        const {
+          uploadFile: $
+        } = Z({
+          appId: n.appId,
+          bucketId: n.bucketId,
+          baseURL: n.baseURL,
+          bucket: n.bucket,
+          region: n.region
+        });
+        $({
+          file: s,
+          onFileFinish(S, Ie, R) {
+            u(R.Key);
+          },
+          onError(S) {
+            v(new Error("上传截图失败"));
+          }
+        });
+      });
+    }
+    async function p(s) {
+      const u = s.fileItem.file, v = await i(u);
+      o("change", {
+        key: v,
+        localUrl: URL.createObjectURL(u)
+      });
+    }
+    function k(s) {
+      var v;
+      const u = (v = s.clipboardData) == null ? void 0 : v.items;
+      if (u) {
+        for (const $ of u)
+          if ($.type.indexOf("image") !== -1) {
+            const S = $.getAsFile();
+            S && p({
+              fileItem: {
+                file: S
+              }
+            });
+          }
+      }
+    }
+    return D(() => {
+      window.addEventListener("paste", k);
+    }), E(() => {
+      window.removeEventListener("paste", k);
+    }), (s, u) => (c(), d("div", be, [b(y(T), {
+      ref_key: "uploadRef",
+      ref: r,
+      "list-type": "picture",
+      "file-list": l.value,
+      "show-upload-list": !0,
+      "show-file-list": !0,
+      "image-preview": !0,
+      accept: "image/*",
+      "custom-request": p
+    }, null, 8, ["file-list"])]));
+  }
+}), Ee = /* @__PURE__ */ _(ye, [["__scopeId", "data-v-6e05fe02"]]), ge = {
+  class: "operate-wrapper"
+}, he = {
+  class: "operate-item"
+}, _e = {
+  class: "icon"
+}, $e = {
+  class: "title"
+}, Se = {
+  class: "feedback-info"
+}, we = {
+  key: 0,
+  class: "feedback-count"
+}, Ce = /* @__PURE__ */ f({
+  __name: "FeedbackFeedBackItem",
+  props: {
+    title: {
+      type: String,
+      required: !0
+    },
+    icon: {
+      type: String,
+      required: !0
+    },
+    extra: {
+      type: String,
+      required: !1,
+      default: () => ""
+    }
+  },
+  setup(e) {
+    const t = e;
+    return (n, o) => (c(), d("div", ge, [a("div", he, [a("div", _e, [b(y(A), {
+      icon: t.icon
+    }, null, 8, ["icon"])]), a("p", $e, g(t.title), 1)]), a("div", Se, [e.extra ? (c(), d("span", we, g(e.extra), 1)) : W("", !0)])]));
+  }
+}), We = /* @__PURE__ */ _(Ce, [["__scopeId", "data-v-9f855d41"]]);
+export {
+  Me as F,
+  De as a,
+  We as b,
+  ce as c,
+  Ee as d
+};