@crmchatreactcomponent/quick-messages 0.0.6 → 0.0.8

package/dist/index.es.js

@@ -1,54 +1,55 @@
-import { jsx as t, jsxs as m, Fragment as w } from "react/jsx-runtime";
-import { useContext as F, useMemo as S, useState as v, useEffect as D, createContext as j, useRef as _ } from "react";
-import { ConfigProvider as Me, theme as Ee, Popover as T, Space as C, message as Ge, Modal as I, Table as E, Empty as P, Button as b, Flex as G, Input as $, Popconfirm as $e, Menu as we, Alert as Le, ColorPicker as Ae, Tooltip as Ne } from "antd";
-import Oe, { EmojiStyle as Fe, Theme as L } from "emoji-picker-react";
-import { useTranslation as z, I18nextProvider as je } from "react-i18next";
-import y from "styled-components";
-import { DeleteOutlined as _e, EditOutlined as Te, PlusOutlined as Ie, SettingOutlined as Pe } from "@ant-design/icons";
-import { useLocalStorage as We } from "react-use";
-import Be from "color";
-import He from "i18next";
-function W() {
-  const { theme: e } = F(Me.ConfigContext);
-  return S(() => (e == null ? void 0 : e.algorithm) === Ee.darkAlgorithm, [e]);
-}
-const Ke = Fe.FACEBOOK, St = ({
+import { jsx as o, jsxs as h, Fragment as ee } from "react/jsx-runtime";
+import { useContext as me, useMemo as D, useState as $, useEffect as E, createContext as ve, useRef as xe } from "react";
+import { ConfigProvider as St, theme as jt, Popover as Ce, Space as C, message as $t, Modal as Te, Table as _, Button as T, Flex as z, Empty as Se, Input as U, Popconfirm as kt, Menu as At, Alert as wt, ColorPicker as Pt, Tooltip as Dt } from "antd";
+import Ot, { EmojiStyle as Mt, Theme as te } from "emoji-picker-react";
+import { useTranslation as I, I18nextProvider as Et } from "react-i18next";
+import { uniqBy as It } from "lodash-es";
+import k from "styled-components";
+import { DeleteOutlined as Nt, EditOutlined as Lt, PlusOutlined as Gt, SettingOutlined as Ht } from "@ant-design/icons";
+import { useLocalStorage as _t } from "react-use";
+import zt from "color";
+import Ft from "i18next";
+function je() {
+  const { theme: e } = me(St.ConfigContext);
+  return D(() => (e == null ? void 0 : e.algorithm) === jt.darkAlgorithm, [e]);
+}
+const Rt = Mt.FACEBOOK, Oo = ({
   children: e,
-  disabled: n = !1,
-  onSelect: a = () => {
+  disabled: t = !1,
+  onSelect: r = () => {
   },
-  onOpenChange: r = () => {
+  onOpenChange: n = () => {
   }
 }) => {
-  const [i, l] = v(!1), u = W();
-  D(() => {
-    r(i);
-  }, [i]);
-  function f(d) {
-    a(d.emoji), l(!1);
-  }
-  function c(d) {
-    n || l(d);
-  }
-  return /* @__PURE__ */ t(
-    T,
+  const [a, i] = $(!1), u = je();
+  E(() => {
+    n(a);
+  }, [a]);
+  function p(s) {
+    r(s.emoji), i(!1);
+  }
+  function c(s) {
+    t || i(s);
+  }
+  return /* @__PURE__ */ o(
+    Ce,
     {
       title: "",
-      open: i,
+      open: a,
       onOpenChange: c,
       overlayInnerStyle: {
         backgroundColor: "transparent",
         padding: 0
       },
       trigger: ["click"],
-      content: /* @__PURE__ */ t(C, { direction: "vertical", size: 12, children: /* @__PURE__ */ t(
-        Oe,
+      content: /* @__PURE__ */ o(C, { direction: "vertical", size: 12, children: /* @__PURE__ */ o(
+        Ot,
         {
           skinTonesDisabled: !0,
-          onEmojiClick: f,
-          emojiStyle: Ke,
+          onEmojiClick: p,
+          emojiStyle: Rt,
           lazyLoadEmojis: !1,
-          theme: u ? L.DARK : L.LIGHT
+          theme: u ? te.DARK : te.LIGHT
         }
       ) }),
       destroyTooltipOnHide: !0,
@@ -56,61 +57,635 @@ const Ke = Fe.FACEBOOK, St = ({
     }
   );
 };
-function Re() {
+function Bt() {
   return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
-    const n = Math.random() * 16 | 0;
-    return (e == "x" ? n : n & 3 | 8).toString(16);
+    const t = Math.random() * 16 | 0;
+    return (e == "x" ? t : t & 3 | 8).toString(16);
   });
 }
-function B(e, n) {
-  return e.length > n ? e.substring(0, n) + "…" : e;
+function $e(e, t) {
+  return e.length > t ? e.substring(0, t) + "…" : e;
 }
-const H = j(null);
-function Dt(e) {
-  const [n, a] = Ge.useMessage(), [r, i] = I.useModal();
-  return /* @__PURE__ */ m(
-    H.Provider,
+const ke = ve(null);
+function Mo(e) {
+  const [t, r] = $t.useMessage(), [n, a] = Te.useModal();
+  return /* @__PURE__ */ h(
+    ke.Provider,
     {
       value: {
-        messageApi: n,
-        modalApi: r
+        messageApi: t,
+        modalApi: n
       },
       children: [
+        r,
         a,
-        i,
         e.children
       ]
     }
   );
 }
-const qe = ({
+class Kt {
+  constructor() {
+    this.type = y.PLAIN;
+  }
+  toText(t) {
+    return t;
+  }
+  toHtml(t) {
+    return t;
+  }
+  parse(t) {
+    return t;
+  }
+}
+var Vt = typeof global == "object" && global && global.Object === Object && global, Ae = Vt, qt = typeof self == "object" && self && self.Object === Object && self, Ut = Ae || qt || Function("return this")(), w = Ut, Wt = w.Symbol, F = Wt, we = Object.prototype, Yt = we.hasOwnProperty, Jt = we.toString, N = F ? F.toStringTag : void 0;
+function Xt(e) {
+  var t = Yt.call(e, N), r = e[N];
+  try {
+    e[N] = void 0;
+    var n = !0;
+  } catch {
+  }
+  var a = Jt.call(e);
+  return n && (t ? e[N] = r : delete e[N]), a;
+}
+var Qt = Object.prototype, Zt = Qt.toString;
+function er(e) {
+  return Zt.call(e);
+}
+var tr = "[object Null]", rr = "[object Undefined]", re = F ? F.toStringTag : void 0;
+function O(e) {
+  return e == null ? e === void 0 ? rr : tr : re && re in Object(e) ? Xt(e) : er(e);
+}
+function G(e) {
+  return e != null && typeof e == "object";
+}
+var nr = Array.isArray, S = nr;
+function Pe(e) {
+  var t = typeof e;
+  return e != null && (t == "object" || t == "function");
+}
+var or = "[object AsyncFunction]", ar = "[object Function]", ir = "[object GeneratorFunction]", sr = "[object Proxy]";
+function De(e) {
+  if (!Pe(e))
+    return !1;
+  var t = O(e);
+  return t == ar || t == ir || t == or || t == sr;
+}
+var lr = w["__core-js_shared__"], B = lr, ne = function() {
+  var e = /[^.]+$/.exec(B && B.keys && B.keys.IE_PROTO || "");
+  return e ? "Symbol(src)_1." + e : "";
+}();
+function cr(e) {
+  return !!ne && ne in e;
+}
+var ur = Function.prototype, dr = ur.toString;
+function M(e) {
+  if (e != null) {
+    try {
+      return dr.call(e);
+    } catch {
+    }
+    try {
+      return e + "";
+    } catch {
+    }
+  }
+  return "";
+}
+var pr = /[\\^$.*+?()[\]{}|]/g, fr = /^\[object .+?Constructor\]$/, gr = Function.prototype, hr = Object.prototype, br = gr.toString, yr = hr.hasOwnProperty, mr = RegExp(
+  "^" + br.call(yr).replace(pr, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+);
+function vr(e) {
+  if (!Pe(e) || cr(e))
+    return !1;
+  var t = De(e) ? mr : fr;
+  return t.test(M(e));
+}
+function xr(e, t) {
+  return e == null ? void 0 : e[t];
+}
+function H(e, t) {
+  var r = xr(e, t);
+  return vr(r) ? r : void 0;
+}
+var Cr = H(w, "WeakMap"), W = Cr, Tr = 9007199254740991;
+function Oe(e) {
+  return typeof e == "number" && e > -1 && e % 1 == 0 && e <= Tr;
+}
+function Sr(e) {
+  return e != null && Oe(e.length) && !De(e);
+}
+var jr = Object.prototype;
+function Me(e) {
+  var t = e && e.constructor, r = typeof t == "function" && t.prototype || jr;
+  return e === r;
+}
+var $r = "[object Arguments]";
+function oe(e) {
+  return G(e) && O(e) == $r;
+}
+var Ee = Object.prototype, kr = Ee.hasOwnProperty, Ar = Ee.propertyIsEnumerable, wr = oe(/* @__PURE__ */ function() {
+  return arguments;
+}()) ? oe : function(e) {
+  return G(e) && kr.call(e, "callee") && !Ar.call(e, "callee");
+}, Pr = wr;
+function Dr() {
+  return !1;
+}
+var Ie = typeof exports == "object" && exports && !exports.nodeType && exports, ae = Ie && typeof module == "object" && module && !module.nodeType && module, Or = ae && ae.exports === Ie, ie = Or ? w.Buffer : void 0, Mr = ie ? ie.isBuffer : void 0, Er = Mr || Dr, Ir = Er, Nr = "[object Arguments]", Lr = "[object Array]", Gr = "[object Boolean]", Hr = "[object Date]", _r = "[object Error]", zr = "[object Function]", Fr = "[object Map]", Rr = "[object Number]", Br = "[object Object]", Kr = "[object RegExp]", Vr = "[object Set]", qr = "[object String]", Ur = "[object WeakMap]", Wr = "[object ArrayBuffer]", Yr = "[object DataView]", Jr = "[object Float32Array]", Xr = "[object Float64Array]", Qr = "[object Int8Array]", Zr = "[object Int16Array]", en = "[object Int32Array]", tn = "[object Uint8Array]", rn = "[object Uint8ClampedArray]", nn = "[object Uint16Array]", on = "[object Uint32Array]", g = {};
+g[Jr] = g[Xr] = g[Qr] = g[Zr] = g[en] = g[tn] = g[rn] = g[nn] = g[on] = !0;
+g[Nr] = g[Lr] = g[Wr] = g[Gr] = g[Yr] = g[Hr] = g[_r] = g[zr] = g[Fr] = g[Rr] = g[Br] = g[Kr] = g[Vr] = g[qr] = g[Ur] = !1;
+function an(e) {
+  return G(e) && Oe(e.length) && !!g[O(e)];
+}
+function sn(e) {
+  return function(t) {
+    return e(t);
+  };
+}
+var Ne = typeof exports == "object" && exports && !exports.nodeType && exports, L = Ne && typeof module == "object" && module && !module.nodeType && module, ln = L && L.exports === Ne, K = ln && Ae.process, cn = function() {
+  try {
+    var e = L && L.require && L.require("util").types;
+    return e || K && K.binding && K.binding("util");
+  } catch {
+  }
+}(), se = cn, le = se && se.isTypedArray, un = le ? sn(le) : an, dn = un;
+function Le(e, t) {
+  return function(r) {
+    return e(t(r));
+  };
+}
+var pn = Le(Object.keys, Object), fn = pn, gn = Object.prototype, hn = gn.hasOwnProperty;
+function bn(e) {
+  if (!Me(e))
+    return fn(e);
+  var t = [];
+  for (var r in Object(e))
+    hn.call(e, r) && r != "constructor" && t.push(r);
+  return t;
+}
+var yn = H(w, "Map"), Y = yn, mn = Le(Object.getPrototypeOf, Object), vn = mn, xn = "[object Object]", Cn = Function.prototype, Tn = Object.prototype, Ge = Cn.toString, Sn = Tn.hasOwnProperty, jn = Ge.call(Object);
+function J(e) {
+  if (!G(e) || O(e) != xn)
+    return !1;
+  var t = vn(e);
+  if (t === null)
+    return !0;
+  var r = Sn.call(t, "constructor") && t.constructor;
+  return typeof r == "function" && r instanceof r && Ge.call(r) == jn;
+}
+var $n = H(w, "DataView"), X = $n, kn = H(w, "Promise"), Q = kn, An = H(w, "Set"), Z = An, ce = "[object Map]", wn = "[object Object]", ue = "[object Promise]", de = "[object Set]", pe = "[object WeakMap]", fe = "[object DataView]", Pn = M(X), Dn = M(Y), On = M(Q), Mn = M(Z), En = M(W), P = O;
+(X && P(new X(new ArrayBuffer(1))) != fe || Y && P(new Y()) != ce || Q && P(Q.resolve()) != ue || Z && P(new Z()) != de || W && P(new W()) != pe) && (P = function(e) {
+  var t = O(e), r = t == wn ? e.constructor : void 0, n = r ? M(r) : "";
+  if (n)
+    switch (n) {
+      case Pn:
+        return fe;
+      case Dn:
+        return ce;
+      case On:
+        return ue;
+      case Mn:
+        return de;
+      case En:
+        return pe;
+    }
+  return t;
+});
+var In = P, Nn = "[object String]";
+function V(e) {
+  return typeof e == "string" || !S(e) && G(e) && O(e) == Nn;
+}
+var Ln = "[object Map]", Gn = "[object Set]", Hn = Object.prototype, _n = Hn.hasOwnProperty;
+function zn(e) {
+  if (e == null)
+    return !0;
+  if (Sr(e) && (S(e) || typeof e == "string" || typeof e.splice == "function" || Ir(e) || dn(e) || Pr(e)))
+    return !e.length;
+  var t = In(e);
+  if (t == Ln || t == Gn)
+    return !e.size;
+  if (Me(e))
+    return !bn(e).length;
+  for (var r in e)
+    if (_n.call(e, r))
+      return !1;
+  return !0;
+}
+function ge(e) {
+  return e.every((t) => S(t));
+}
+function R(e) {
+  return !!(!S(e) || e.length === 0 || S(e[0]) && e[0].length === 0);
+}
+function He(e) {
+  let t = "";
+  return Object.keys(e).map((r) => {
+    t += ` ${r}="${e[r].replace(/"/g, '\\"')}"`;
+  }), t;
+}
+class Fn {
+  constructor() {
+    this.type = y.IMAGE;
+  }
+  toText(t) {
+    var r;
+    return (r = t.title) != null ? r : "";
+  }
+  toHtml(t) {
+    var r;
+    return `<img src="${t.src}" alt="${t.title}" ${He(
+      (r = t.attrs) != null ? r : {}
+    )}>`;
+  }
+  parse(t) {
+    var r, n;
+    return t.title = (r = t.title) != null ? r : "", t.attrs = (n = t.attrs) != null ? n : {}, t;
+  }
+}
+class Rn {
+  constructor() {
+    this.type = y.HYPERLINK;
+  }
+  toText(t) {
+    var r;
+    return (r = t.title) != null ? r : "";
+  }
+  toHtml(t) {
+    return `<a href="${t.link}" target="_blank" ${He(
+      t.attrs
+    )}>${t.title}</a>`;
+  }
+  parse(t) {
+    var r, n;
+    return t.title = (r = t.title) != null ? r : "", t.attrs = (n = t.attrs) != null ? n : {}, t;
+  }
+}
+class Bn {
+  constructor() {
+    this.type = y.RICH_TEXT;
+  }
+  toText(t) {
+    return t.plain;
+  }
+  toHtml(t) {
+    return t.value;
+  }
+  parse(t) {
+    return t;
+  }
+}
+var y = /* @__PURE__ */ ((e) => (e.PLAIN = "gs-plain-text", e.IMAGE = "gs-image", e.HYPERLINK = "gs-hyperlink", e.RICH_TEXT = "gs-rich-text", e))(y || {});
+const Kn = [
+  new Kt(),
+  new Fn(),
+  new Rn(),
+  new Bn()
+];
+var j = /* @__PURE__ */ ((e) => (e.PLAIN = "text/plain", e.HTML = "text/html", e))(j || {});
+class Vn {
+  detectRule(t) {
+    return !!~t.indexOf("google-sheets-html-origin");
+  }
+  parser(t) {
+    const r = document.createElement("div");
+    return r.innerHTML = t, [...r.querySelector("table").querySelector("tbody").childNodes].map((a) => [...a.childNodes].map((i) => this.parseTd(i)));
+  }
+  getSheetsValue(t) {
+    try {
+      const r = JSON.parse(t);
+      return r[r[1]] ? r[r[1]].replaceAll("&nbsp;", " ") : "";
+    } catch {
+      return "";
+    }
+  }
+  parseTd(t) {
+    var r;
+    if (t.dataset.sheetsHyperlink)
+      return {
+        value: {
+          title: this.getSheetsValue(t.dataset.sheetsValue),
+          link: t.dataset.sheetsHyperlink
+        },
+        type: y.HYPERLINK
+      };
+    if (t.dataset.sheetsTextstyleruns)
+      return {
+        value: {
+          plain: this.getSheetsValue(t.dataset.sheetsValue),
+          value: t.innerHTML
+        },
+        type: y.RICH_TEXT
+      };
+    if (t.dataset.sheetsValue)
+      return {
+        value: t.innerHTML.replace(/\<br\>/g, `
+`).trim(),
+        type: y.PLAIN
+      };
+    if (t.querySelector("img")) {
+      const n = t.querySelector("img");
+      return {
+        value: {
+          src: n.src,
+          title: (r = n.title) != null ? r : ""
+        },
+        type: y.IMAGE
+      };
+    }
+    return {
+      value: t.innerText,
+      type: y.PLAIN
+    };
+  }
+}
+const q = [new Vn()];
+function qn(e) {
+  for (let t = 0; t < q.length; t++)
+    if (q[t].detectRule(e)) {
+      const r = q[t].parser(e);
+      if (!R(r))
+        return r;
+    }
+  return [];
+}
+class Un {
+  static parse(t) {
+    const r = document.createElement("div");
+    r.innerHTML = t;
+    const n = r.childNodes[0];
+    if (!n)
+      return !1;
+    if (n.dataset.sheetsHyperlink)
+      return {
+        value: {
+          link: n.dataset.sheetsHyperlink,
+          title: n.innerText
+        },
+        type: y.HYPERLINK
+      };
+    if (n.tagName === "A")
+      return {
+        value: {
+          link: n.getAttribute("href"),
+          title: n.innerText
+        },
+        type: y.HYPERLINK
+      };
+    const a = n.childNodes[0];
+    return a && n.childNodes.length === 1 && a.tagName === "IMG" ? {
+      value: {
+        link: a.getAttribute("src"),
+        title: a.title
+      },
+      type: y.IMAGE
+    } : n.tagName === "IMG" ? {
+      value: {
+        link: n.getAttribute("src"),
+        title: n.title
+      },
+      type: y.IMAGE
+    } : !1;
+  }
+}
+class Wn {
+  constructor() {
+    this.handles = {}, this.props = {}, this.evenHandles = {};
+  }
+  destroy() {
+    this.handles = {};
+  }
+  registerHandler(t) {
+    [...t, ...Kn].map((r) => {
+      this.handles[r.type] = r;
+    });
+  }
+  formatSetCopyData(t) {
+    return V(t) ? [
+      [
+        {
+          value: t,
+          payload: void 0,
+          type: this.handles[y.PLAIN].type
+        }
+      ]
+    ] : J(t) ? [[t]] : S(t) ? (ge(t) || (t = [
+      t.map((r) => V(r) ? {
+        value: r,
+        payload: "",
+        type: this.handles[y.PLAIN].type
+      } : r)
+    ]), t = t.map(
+      (r) => r.map((n) => V(n) ? {
+        value: n,
+        type: this.handles[y.PLAIN].type,
+        payload: ""
+      } : n)
+    ), t) : (console.error("unknown data type", t), []);
+  }
+  getTextData(t) {
+    let r = "";
+    return t.map((n, a) => {
+      n.map((i, u) => {
+        var p;
+        const { value: c, type: s, payload: b } = i;
+        r += ((p = this.handles[s]) != null ? p : this.handles[y.PLAIN]).toText(c, b), r += u < n.length - 1 ? "	" : "";
+      }), r += a < t.length - 1 ? `
+` : "";
+    }), r;
+  }
+  getHtmlData(t) {
+    var r;
+    let n = "";
+    if (t.length === 1 && t[0].length === 1) {
+      const { type: a, value: i, payload: u } = t[0][0];
+      return ((r = this.handles[a]) != null ? r : this.handles[y.PLAIN]).toHtml(i, u);
+    }
+    return t.map((a, i) => {
+      n += "<tr>", a.map((u, p) => {
+        var c;
+        const { value: s, type: b, payload: x } = u;
+        n += `<td>${((c = this.handles[b]) != null ? c : this.handles[y.PLAIN]).toHtml(s, x)}</td>`;
+      }), n += "</tr>";
+    }), `<table id="gs-clipboard-table"><tbody>${n}</tbody></table>`;
+  }
+  async formatClipboardData(t) {
+    const r = {
+      text: "",
+      html: "",
+      clipboardType: []
+    };
+    if (!t.types.includes(j.HTML)) {
+      const b = await (await t.getType(j.PLAIN)).text();
+      return r.text = b, r.html = b, r.clipboardType = [
+        [
+          {
+            value: b,
+            type: this.handles[y.PLAIN].type
+          }
+        ]
+      ], r;
+    }
+    const n = await t.getType(j.HTML), a = await t.getType(j.PLAIN), i = await n.text(), u = await a.text(), p = document.createElement("div");
+    p.innerHTML = i;
+    const c = p.querySelector(
+      "#original-data"
+    );
+    if (p.querySelector("#gs-clipboard-table") || c)
+      r.text = u, r.html = i, r.clipboardType = JSON.parse(
+        decodeURIComponent(c.dataset.data)
+      );
+    else if (p.querySelector("table")) {
+      r.text = u, r.html = i;
+      let s = [];
+      if (this.props.tableParsers.length > 0) {
+        for (let b = 0; b < this.props.tableParsers.length; b++)
+          if (this.props.tableParsers[b].detectRule(i)) {
+            const x = this.props.tableParsers[b].parser(i);
+            if (!R(x)) {
+              s = x;
+              break;
+            }
+          }
+      }
+      (zn(s) || R(s)) && (s = qn(i)), r.clipboardType = s;
+    } else {
+      let s = null;
+      this.props.unknownHtmlParser && (s = this.props.unknownHtmlParser(i)), s = s || Un.parse(i), s || (s = {
+        value: u,
+        type: this.handles[y.PLAIN].type
+      }), r.text = u, r.html = i, J(s) && (r.clipboardType = [[s]]), S(s) && (ge(s) ? r.clipboardType = s : r.clipboardType = [s]);
+    }
+    return r;
+  }
+  getClipboardTypeData(t) {
+    return t;
+  }
+  on(t, r) {
+    return S(this.evenHandles[t]) || (this.evenHandles[t] = []), this.evenHandles[t].push(r), () => {
+      this.evenHandles[t].splice(
+        this.evenHandles[t].indexOf(r),
+        1
+      );
+    };
+  }
+  trigger(t, ...r) {
+    if (S(this.evenHandles[t]))
+      for (let n = 0; n < this.evenHandles[t].length; n++) {
+        const a = this.evenHandles[t][n];
+        a(...r);
+      }
+  }
+}
+const Yn = {
+  handlers: [],
+  tableParsers: []
+};
+class Jn extends Wn {
+  constructor(t = {}) {
+    var r, n;
+    if (super(), (n = (r = window.navigator) == null ? void 0 : r.clipboard) != null && n.read)
+      this.props = Object.assign(Yn, t), this.registerHandler(this.props.handlers);
+    else
+      throw new Error("You browser didn't support clipboard api!");
+  }
+  async getDataFromClipboard() {
+    return new Promise((t, r) => {
+      window.navigator.clipboard.read().then(
+        async (n) => {
+          const a = n[0];
+          t(
+            this.transformClipboardData(await this.formatClipboardData(a))
+          );
+        },
+        (n) => r(n)
+      );
+    });
+  }
+  setCopy(t) {
+    return this.setCopyData(this.formatSetCopyData(t), !1);
+  }
+  formatCopyData(t) {
+    return this.setCopyData(this.formatSetCopyData(t), !0);
+  }
+  transformClipboardData(t) {
+    return R(t.clipboardType) || t.clipboardType.map((r) => {
+      S(r) ? r.map((n) => {
+        n.value = this.handles[n.type] ? this.handles[n.type].parse(n.value) : n.value;
+      }) : J(r) && (r.value = this.handles[r.type] ? this.handles[r.type].parse(r.value) : r.value);
+    }), t;
+  }
+  setCopyData(t, r = !1) {
+    const n = {
+      text: this.getTextData(t),
+      html: this.getHtmlData(t),
+      clipboardType: this.getClipboardTypeData(t)
+    };
+    if (r)
+      return n;
+    this.trigger("beforeCopy", n);
+    const a = [
+      new ClipboardItem({
+        [j.PLAIN]: new Blob([n.text], {
+          type: j.PLAIN
+        }),
+        [j.HTML]: new Blob(
+          [
+            n.html + `<div id="original-data" data-data="${encodeURIComponent(
+              JSON.stringify(n.clipboardType)
+            )}"></div>`
+          ],
+          {
+            type: j.HTML
+          }
+        )
+      })
+    ];
+    return window.navigator.clipboard.write(a).then(
+      () => this.trigger("copySucceeded", a),
+      (i) => this.trigger("copyFailed", i)
+    ), n;
+  }
+}
+const Xn = new Jn(), Qn = ({
   data: e = [],
-  onChange: n = () => {
+  onChange: t = () => {
   },
-  tableHeight: a = "460px",
-  limitation: r = {}
+  tableHeight: r = "460px",
+  limitation: n = {}
 }) => {
-  const { messageApi: i } = F(H), { title: l = 15, content: u = 2e3 } = r, { t: f } = z();
-  function c(g) {
-    const o = e.findIndex((s) => s.label === g.label);
-    e[o] = g, n([...e]);
+  const { messageApi: a } = me(ke), { title: i = 15, content: u = 2e3 } = n, { t: p } = I();
+  function c(l) {
+    const f = e.findIndex((d) => d.label === l.label);
+    e[f] = l, t([...e]);
   }
-  function d() {
-    const g = [
+  function s() {
+    const l = [
       {
         label: `#${e.length + 1}`,
         content: ""
       },
       ...e
     ];
-    n(g), i.success(f("createSuccessfully"));
+    t(l), a.success(p("createSuccessfully"));
+  }
+  function b(l) {
+    const f = e.filter((d) => d.label !== l);
+    t(f);
   }
-  function x(g) {
-    const o = e.filter((s) => s.label !== g);
-    n(o);
+  async function x() {
+    const d = [...(await Xn.getDataFromClipboard()).clipboardType.map((m) => {
+      var A, v;
+      return {
+        label: ((A = m == null ? void 0 : m[0]) == null ? void 0 : A.value) ?? "",
+        content: ((v = m == null ? void 0 : m[1]) == null ? void 0 : v.value) ?? ""
+      };
+    }).filter((m) => m.label && m.content), ...e];
+    t(It(d, "label"));
   }
-  return /* @__PURE__ */ m(
-    E,
+  return /* @__PURE__ */ h(
+    _,
     {
       bordered: !0,
       dataSource: e,
@@ -118,11 +693,11 @@ const qe = ({
       rowKey: "label",
       size: "small",
       scroll: {
-        y: a,
+        y: r,
         x: !0
       },
       locale: {
-        emptyText: () => /* @__PURE__ */ m(
+        emptyText: () => /* @__PURE__ */ h(
           C,
           {
             direction: "vertical",
@@ -133,40 +708,51 @@ const qe = ({
               padding: "62px 0px"
             },
             children: [
-              /* @__PURE__ */ t(P, {}),
-              /* @__PURE__ */ t(b, { type: "primary", onClick: d, children: f("create") })
+              /* @__PURE__ */ o(Se, {}),
+              /* @__PURE__ */ o(T, { type: "primary", onClick: s, children: p("create") })
             ]
           }
         )
       },
-      footer: () => /* @__PURE__ */ m(G, { style: { width: "100%" }, justify: "space-between", children: [
-        /* @__PURE__ */ t(C, { children: /* @__PURE__ */ t("div", {}) }),
-        /* @__PURE__ */ t(C, { children: /* @__PURE__ */ t(b, { type: "primary", onClick: d, children: f("create") }) })
+      footer: () => /* @__PURE__ */ h(z, { style: { width: "100%" }, justify: "space-between", children: [
+        /* @__PURE__ */ o(C, { children: /* @__PURE__ */ o("div", {}) }),
+        /* @__PURE__ */ h(C, { size: 12, children: [
+          /* @__PURE__ */ o(
+            T,
+            {
+              block: !0,
+              type: "text",
+              onClick: x,
+              children: p("importFromClipboard")
+            }
+          ),
+          /* @__PURE__ */ o(T, { type: "primary", onClick: s, children: p("create") })
+        ] })
       ] }),
       children: [
-        /* @__PURE__ */ t(
-          E.Column,
+        /* @__PURE__ */ o(
+          _.Column,
           {
-            title: f("titleFieldName"),
+            title: p("titleFieldName"),
             dataIndex: "label",
             width: 400,
-            render: (g, o) => /* @__PURE__ */ t(
-              A,
+            render: (l, f) => /* @__PURE__ */ o(
+              he,
               {
-                maxLength: l,
+                maxLength: i,
                 type: "input",
-                value: g,
-                onChange: (s) => {
-                  if (o.label !== s) {
-                    if (e.find((h) => h.label === s)) {
-                      i.error(f("cannotSavedMessageCuzLabelExisted"));
+                value: l,
+                onChange: (d) => {
+                  if (f.label !== d) {
+                    if (e.find((m) => m.label === d)) {
+                      a.error(p("cannotSavedMessageCuzLabelExisted"));
                       return;
                     }
-                    if (s.trim() === "") {
-                      i.error(f("cannotSavedMessageCuzLabelEmpty"));
+                    if (d.trim() === "") {
+                      a.error(p("cannotSavedMessageCuzLabelEmpty"));
                       return;
                     }
-                    o.label = s, c(o);
+                    f.label = d, c(f);
                   }
                 }
               }
@@ -174,44 +760,44 @@ const qe = ({
           },
           "label"
         ),
-        /* @__PURE__ */ t(
-          E.Column,
+        /* @__PURE__ */ o(
+          _.Column,
           {
-            title: f("content"),
+            title: p("content"),
             dataIndex: "content",
             width: 400,
-            render: (g, o) => /* @__PURE__ */ t(
-              A,
+            render: (l, f) => /* @__PURE__ */ o(
+              he,
               {
                 maxLength: u,
                 type: "textarea",
-                value: g,
-                onChange: (s) => {
-                  if (s.trim() === "") {
-                    i.error(f("cannotSavedMessageCuzContentEmpty"));
+                value: l,
+                onChange: (d) => {
+                  if (d.trim() === "") {
+                    a.error(p("cannotSavedMessageCuzContentEmpty"));
                     return;
                   }
-                  o.content = s, c(o);
+                  f.content = d, c(f);
                 }
               }
             )
           },
           "content"
         ),
-        /* @__PURE__ */ t(
-          E.Column,
+        /* @__PURE__ */ o(
+          _.Column,
           {
             title: "操作",
             dataIndex: "id",
             width: 120,
-            render: (g, o) => /* @__PURE__ */ t(C, { size: 4, children: /* @__PURE__ */ t(
-              b,
+            render: (l, f) => /* @__PURE__ */ o(C, { size: 4, children: /* @__PURE__ */ o(
+              T,
               {
                 size: "small",
                 type: "text",
                 danger: !0,
-                onClick: () => x(o.label),
-                children: f("delete")
+                onClick: () => b(f.label),
+                children: p("delete")
               }
             ) })
           },
@@ -220,7 +806,7 @@ const qe = ({
       ]
     }
   );
-}, Ue = y.div`
+}, Zn = k.div`
   border: 1px solid transparent;
   padding: 0 4px;
   margin: 0 -4px;
@@ -231,29 +817,29 @@ const qe = ({
     border-color: ${(e) => e.$isDark ? "#4d4848" : "#c0bbbb"};
   }
 `;
-function A(e) {
-  const [n, a] = v(!1), r = _(null), i = W();
-  D(() => {
-    n && r.current && (e.type === "input" ? r.current.select() : r.current.focus());
-  }, [n, e.type]);
-  function l() {
-    a(!0);
+function he(e) {
+  const [t, r] = $(!1), n = xe(null), a = je();
+  E(() => {
+    t && n.current && (e.type === "input" ? n.current.select() : n.current.focus());
+  }, [t, e.type]);
+  function i() {
+    r(!0);
   }
   function u(c) {
-    a(!1), e.onChange(c);
+    r(!1), e.onChange(c);
   }
-  function f(c) {
-    e.onChange(c), r.current.blur();
+  function p(c) {
+    e.onChange(c), n.current.blur();
   }
-  if (n) {
+  if (t) {
     if (e.type === "textarea")
-      return /* @__PURE__ */ t("div", { style: { paddingBottom: 18 }, children: /* @__PURE__ */ t(
-        $.TextArea,
+      return /* @__PURE__ */ o("div", { style: { paddingBottom: 18 }, children: /* @__PURE__ */ o(
+        U.TextArea,
         {
           showCount: !0,
           maxLength: e.maxLength,
           defaultValue: e.value,
-          ref: r,
+          ref: n,
           size: "small",
           style: { width: "100%" },
           autoSize: { minRows: 4, maxRows: 4 },
@@ -264,32 +850,32 @@ function A(e) {
                 return;
               {
                 c.preventDefault();
-                const d = c.target;
-                return f(d.value), !1;
+                const s = c.target;
+                return p(s.value), !1;
               }
             }
           }
         }
       ) });
     if (e.type === "input")
-      return /* @__PURE__ */ t(
-        $,
+      return /* @__PURE__ */ o(
+        U,
         {
           showCount: !0,
           maxLength: e.maxLength,
           defaultValue: e.value,
-          ref: r,
+          ref: n,
           size: "small",
           style: { width: "100%" },
           onBlur: (c) => u(c.target.value),
           onPressEnter: (c) => {
-            const d = c.target;
-            f(d.value);
+            const s = c.target;
+            p(s.value);
           }
         }
       );
   }
-  return /* @__PURE__ */ t(Ue, { onClick: l, $isDark: i, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ o(Zn, { onClick: i, $isDark: a, children: /* @__PURE__ */ o(
     "div",
     {
       style: { minHeight: 22 },
@@ -301,11 +887,11 @@ function A(e) {
     }
   ) });
 }
-const Qe = y.div``, Ve = y.div`
+const eo = k.div``, to = k.div`
   min-height: 380px;
-`, Ze = y.span`
+`, ro = k.span`
   font-size: 12px;
-`, Je = y.div`
+`, no = k.div`
   &:hover {
     .ant-btn {
       display: block;
@@ -314,53 +900,53 @@ const Qe = y.div``, Ve = y.div`
   .ant-btn {
     display: none;
   }
-`, Xe = y.div`
+`, oo = k.div`
   background-color: ${(e) => e.$color};
   width: 12px;
   height: 12px;
   border: 1px solid #fff;
   border-radius: 4px;
-`, Ye = ({
+`, ao = ({
   data: e = [],
-  onChange: n = () => {
+  onChange: t = () => {
   },
-  ...a
+  ...r
 }) => {
-  const [r, i] = v([]), { t: l } = z();
-  D(() => {
-    e.length > 0 && i([e[0].id]);
+  const [n, a] = $([]), { t: i } = I();
+  E(() => {
+    e.length > 0 && a([e[0].id]);
   }, []);
-  const u = S(() => e.map((o) => ({
-    key: o.id,
-    label: /* @__PURE__ */ t(Je, { children: /* @__PURE__ */ m(G, { justify: "space-between", align: "center", children: [
-      /* @__PURE__ */ m(C, { children: [
-        /* @__PURE__ */ t("span", { children: o.title }),
-        o.data.length ? /* @__PURE__ */ m(Ze, { children: [
+  const u = D(() => e.map((l) => ({
+    key: l.id,
+    label: /* @__PURE__ */ o(no, { children: /* @__PURE__ */ h(z, { justify: "space-between", align: "center", children: [
+      /* @__PURE__ */ h(C, { children: [
+        /* @__PURE__ */ o("span", { children: l.title }),
+        l.data.length ? /* @__PURE__ */ h(ro, { children: [
           "(",
-          o.data.length,
+          l.data.length,
           ")"
         ] }) : null
       ] }),
-      /* @__PURE__ */ m(C, { size: 8, children: [
-        /* @__PURE__ */ t(Xe, { $color: o.color }),
-        /* @__PURE__ */ t(
-          et,
+      /* @__PURE__ */ h(C, { size: 8, children: [
+        /* @__PURE__ */ o(oo, { $color: l.color }),
+        /* @__PURE__ */ o(
+          io,
           {
-            data: o,
-            onSaved: (s) => c(o.id, s)
+            data: l,
+            onSaved: (f) => c(l.id, f)
           }
         ),
-        /* @__PURE__ */ t(
-          $e,
+        /* @__PURE__ */ o(
+          kt,
           {
-            title: l("confirmDelete"),
-            onConfirm: () => d(o.id),
-            children: /* @__PURE__ */ t(
-              b,
+            title: i("confirmDelete"),
+            onConfirm: () => s(l.id),
+            children: /* @__PURE__ */ o(
+              T,
               {
                 danger: !0,
                 size: "small",
-                icon: /* @__PURE__ */ t(_e, {}),
+                icon: /* @__PURE__ */ o(Nt, {}),
                 type: "text"
               }
             )
@@ -368,216 +954,216 @@ const Qe = y.div``, Ve = y.div`
         )
       ] })
     ] }) })
-  })), [e]), f = S(() => {
-    const o = r[0];
-    if (o) {
-      const s = e.find((h) => h.id === o);
-      if (s)
-        return s.data;
+  })), [e]), p = D(() => {
+    const l = n[0];
+    if (l) {
+      const f = e.find((d) => d.id === l);
+      if (f)
+        return f.data;
     }
     return !1;
-  }, [r, e]);
-  function c(o, s) {
-    const h = [...e], k = h.findIndex((M) => M.id === o);
-    ~k && (h[k] = {
-      ...h[k],
-      ...s
-    }), n(h);
-  }
-  function d(o) {
-    const s = [...e].filter((h) => h.id !== o);
-    n(s);
-  }
-  function x(o) {
-    const s = [...e], h = r[0];
-    if (h) {
-      const k = s.find((M) => M.id === h);
-      k && (k.data = o);
+  }, [n, e]);
+  function c(l, f) {
+    const d = [...e], m = d.findIndex((A) => A.id === l);
+    ~m && (d[m] = {
+      ...d[m],
+      ...f
+    }), t(d);
+  }
+  function s(l) {
+    const f = [...e].filter((d) => d.id !== l);
+    t(f);
+  }
+  function b(l) {
+    const f = [...e], d = n[0];
+    if (d) {
+      const m = f.find((A) => A.id === d);
+      m && (m.data = l);
     }
-    n(s);
-  }
-  function g(o) {
-    const s = Re(), h = [...e];
-    h.push({
-      id: s,
-      color: o.color,
-      title: o.title,
+    t(f);
+  }
+  function x(l) {
+    const f = Bt(), d = [...e];
+    d.push({
+      id: f,
+      color: l.color,
+      title: l.title,
       data: []
-    }), n(h), i([s]);
-  }
-  return u.length === 0 ? /* @__PURE__ */ m(G, { vertical: !0, align: "center", gap: 8, children: [
-    /* @__PURE__ */ t(P, { description: l("noData") }),
-    /* @__PURE__ */ t(N, { onCreate: g })
-  ] }) : /* @__PURE__ */ t(Qe, { children: /* @__PURE__ */ m(G, { gap: 16, children: [
-    /* @__PURE__ */ m(C, { direction: "vertical", children: [
-      /* @__PURE__ */ t(Ve, { children: /* @__PURE__ */ t(
-        we,
+    }), t(d), a([f]);
+  }
+  return u.length === 0 ? /* @__PURE__ */ h(z, { vertical: !0, align: "center", gap: 8, children: [
+    /* @__PURE__ */ o(Se, { description: i("noData") }),
+    /* @__PURE__ */ o(be, { onCreate: x })
+  ] }) : /* @__PURE__ */ o(eo, { children: /* @__PURE__ */ h(z, { gap: 16, children: [
+    /* @__PURE__ */ h(C, { direction: "vertical", children: [
+      /* @__PURE__ */ o(to, { children: /* @__PURE__ */ o(
+        At,
         {
           items: u,
           style: { width: 300 },
-          selectedKeys: r,
-          onSelect: ({ key: o }) => {
-            i([o]);
+          selectedKeys: n,
+          onSelect: ({ key: l }) => {
+            a([l]);
           }
         }
       ) }),
-      /* @__PURE__ */ t(N, { onCreate: g, block: !0 })
+      /* @__PURE__ */ o(be, { onCreate: x, block: !0 })
     ] }),
-    f ? /* @__PURE__ */ t(
-      qe,
+    p ? /* @__PURE__ */ o(
+      Qn,
       {
-        data: f,
-        onChange: x,
-        ...a
+        data: p,
+        onChange: b,
+        ...r
       }
-    ) : /* @__PURE__ */ t(
-      Le,
+    ) : /* @__PURE__ */ o(
+      wt,
       {
         type: "info",
-        message: l("selectAGroupFirst"),
+        message: i("selectAGroupFirst"),
         style: { height: 60, minWidth: 400 }
       }
     )
   ] }) });
 };
-function et(e) {
-  const [n, a] = v({ title: "", color: "" });
-  return /* @__PURE__ */ t(
-    K,
+function io(e) {
+  const [t, r] = $({ title: "", color: "" });
+  return /* @__PURE__ */ o(
+    _e,
     {
       isEdit: !1,
       onCompleteChange: e.onSaved,
-      data: n,
-      onOpenChange: (r) => {
-        r && a(e.data);
+      data: t,
+      onOpenChange: (n) => {
+        n && r(e.data);
       },
-      onDataChange: (r) => a(r),
-      children: /* @__PURE__ */ t(b, { size: "small", icon: /* @__PURE__ */ t(Te, {}), type: "text" })
+      onDataChange: (n) => r(n),
+      children: /* @__PURE__ */ o(T, { size: "small", icon: /* @__PURE__ */ o(Lt, {}), type: "text" })
     }
   );
 }
-function N(e) {
-  const { t: n } = z(), a = {
+function be(e) {
+  const { t } = I(), r = {
     title: "",
     color: "#1677FF"
-  }, [r, i] = v({
-    ...a
+  }, [n, a] = $({
+    ...r
   });
-  return /* @__PURE__ */ t(
-    K,
+  return /* @__PURE__ */ o(
+    _e,
     {
       isEdit: !1,
       onCompleteChange: e.onCreate,
-      data: r,
-      onOpenChange: (l) => {
-        l && i({
-          ...a
+      data: n,
+      onOpenChange: (i) => {
+        i && a({
+          ...r
         });
       },
-      onDataChange: (l) => i(l),
-      children: /* @__PURE__ */ t(b, { block: !!e.block, icon: /* @__PURE__ */ t(Ie, {}), children: n("addNewGroup") })
+      onDataChange: (i) => a(i),
+      children: /* @__PURE__ */ o(T, { block: !!e.block, icon: /* @__PURE__ */ o(Gt, {}), children: t("addNewGroup") })
     }
   );
 }
-function K(e) {
-  const [n, a] = v(!1), [r, i] = v(""), l = _(null), { t: u } = z();
-  D(() => {
-    e.onOpenChange(n);
-  }, [n]), D(() => {
-    n ? (i(e.data.color), setTimeout(() => {
-      var d;
-      (d = l.current) == null || d.focus();
-    }, 300)) : i("");
+function _e(e) {
+  const [t, r] = $(!1), [n, a] = $(""), i = xe(null), { t: u } = I();
+  E(() => {
+    e.onOpenChange(t);
+  }, [t]), E(() => {
+    t ? (a(e.data.color), setTimeout(() => {
+      var s;
+      (s = i.current) == null || s.focus();
+    }, 300)) : a("");
   }, [e.data]);
-  function f() {
+  function p() {
     e.data.title.trim().length !== 0 && (e.onCompleteChange({
       title: e.data.title.trim(),
       color: e.data.color
-    }), a(!1));
+    }), r(!1));
   }
-  function c(d, x) {
+  function c(s, b) {
     e.onDataChange({
       ...e.data,
-      [d]: x
+      [s]: b
     });
   }
-  return /* @__PURE__ */ t(w, { children: /* @__PURE__ */ t(
-    T,
+  return /* @__PURE__ */ o(ee, { children: /* @__PURE__ */ o(
+    Ce,
     {
       title: e.isEdit ? u("editGroup") : u("createGroup"),
-      open: n,
-      onOpenChange: a,
+      open: t,
+      onOpenChange: r,
       trigger: ["click"],
-      content: /* @__PURE__ */ m(C, { direction: "vertical", size: 16, children: [
-        /* @__PURE__ */ m(C, { size: 16, children: [
-          /* @__PURE__ */ m("span", { children: [
+      content: /* @__PURE__ */ h(C, { direction: "vertical", size: 16, children: [
+        /* @__PURE__ */ h(C, { size: 16, children: [
+          /* @__PURE__ */ h("span", { children: [
             u("titleFieldName"),
             ":"
           ] }),
-          /* @__PURE__ */ t(
-            $,
+          /* @__PURE__ */ o(
+            U,
             {
-              ref: l,
+              ref: i,
               showCount: !0,
               maxLength: 20,
               value: e.data.title,
-              onChange: (d) => c("title", d.target.value)
+              onChange: (s) => c("title", s.target.value)
             }
           )
         ] }),
-        /* @__PURE__ */ m(C, { size: 16, children: [
-          /* @__PURE__ */ m("span", { children: [
+        /* @__PURE__ */ h(C, { size: 16, children: [
+          /* @__PURE__ */ h("span", { children: [
             u("colorFieldName"),
             ":"
           ] }),
-          r && /* @__PURE__ */ t(
-            Ae,
+          n && /* @__PURE__ */ o(
+            Pt,
             {
-              value: r,
-              onChange: (d) => i(`#${d.toHex()}`),
+              value: n,
+              onChange: (s) => a(`#${s.toHex()}`),
               showText: !0,
-              onChangeComplete: (d) => {
-                c("color", `#${d.toHex()}`);
+              onChangeComplete: (s) => {
+                c("color", `#${s.toHex()}`);
               }
             }
           )
         ] }),
-        /* @__PURE__ */ t(b, { block: !0, type: "primary", onClick: f, children: e.isEdit ? u("create") : u("save") })
+        /* @__PURE__ */ o(T, { block: !0, type: "primary", onClick: p, children: e.isEdit ? u("create") : u("save") })
       ] }),
       children: e.children
     }
   ) });
 }
-const tt = ({ open: e, onOpenChange: n = () => {
-}, children: a, ...r }) => {
-  const [i, l] = v(e), { t: u } = z();
-  return D(() => {
-    l(!!e);
-  }, [e]), /* @__PURE__ */ m(w, { children: [
-    /* @__PURE__ */ t(
-      I,
+const so = ({ open: e, onOpenChange: t = () => {
+}, children: r, ...n }) => {
+  const [a, i] = $(e), { t: u } = I();
+  return E(() => {
+    i(!!e);
+  }, [e]), /* @__PURE__ */ h(ee, { children: [
+    /* @__PURE__ */ o(
+      Te,
       {
         title: u("quickMessageConfigs"),
-        open: i,
+        open: a,
         onCancel: () => {
-          l(!1), n(!1);
+          i(!1), t(!1);
         },
         width: 980,
         footer: null,
-        children: /* @__PURE__ */ t(Ye, { ...r })
+        children: /* @__PURE__ */ o(ao, { ...n })
       }
     ),
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ o(
       "span",
       {
         onClick: () => {
-          l(!0), n(!0);
+          i(!0), t(!0);
         },
-        children: a
+        children: r
       }
     )
   ] });
-}, nt = y.div`
+}, lo = k.div`
   font-size: 14px;
   background: #dae5f8;
   padding: 0 4px;
@@ -595,60 +1181,60 @@ const tt = ({ open: e, onOpenChange: n = () => {
   &:active {
     background-color: #9dbcf3;
   }
-`, ot = y.div`
+`, co = k.div`
   min-height: 18px;
-`, zt = ({
+`, Eo = ({
   data: e = [],
-  onChange: n,
-  tableHeight: a,
-  limitation: r,
-  displayTitleMaxLength: i = 10,
-  displayMaxLength: l = 99,
+  onChange: t,
+  tableHeight: r,
+  limitation: n,
+  displayTitleMaxLength: a = 10,
+  displayMaxLength: i = 99,
   SlotContentPrefixSlot: u,
-  SlotContentSuffixSlot: f,
+  SlotContentSuffixSlot: p,
   onSelect: c = () => {
   }
 }) => {
-  const [d, x] = v(!1), [g, o] = We(
+  const [s, b] = $(!1), [x, l] = _t(
     "__activeGroupId",
     ""
-  ), { t: s } = z(), h = S(() => e.find((p) => p.id === g), [g, e]), k = S(() => h ? h.data : [], [h, e]), M = S(() => e.length === 0, [e]);
-  return /* @__PURE__ */ m(w, { children: [
-    M ? /* @__PURE__ */ t(
-      b,
+  ), { t: f } = I(), d = D(() => e.find((v) => v.id === x), [x, e]), m = D(() => d ? d.data : [], [d, e]), A = D(() => e.length === 0, [e]);
+  return /* @__PURE__ */ h(ee, { children: [
+    A ? /* @__PURE__ */ o(
+      T,
       {
         size: "small",
         type: "primary",
-        onClick: () => x(!0),
-        children: s("create")
+        onClick: () => b(!0),
+        children: f("create")
       }
-    ) : /* @__PURE__ */ m(C, { size: 2, direction: "vertical", children: [
-      /* @__PURE__ */ t(ot, { children: /* @__PURE__ */ t(C, { size: 8, children: k.slice(0, l).map((p) => /* @__PURE__ */ t(
-        Ne,
+    ) : /* @__PURE__ */ h(C, { size: 2, direction: "vertical", children: [
+      /* @__PURE__ */ o(co, { children: /* @__PURE__ */ o(C, { size: 8, children: m.slice(0, i).map((v) => /* @__PURE__ */ o(
+        Dt,
         {
-          title: p.label,
+          title: /* @__PURE__ */ o("span", { style: { fontSize: 12 }, children: v.label }),
           destroyTooltipOnHide: !0,
-          children: /* @__PURE__ */ m(
-            nt,
+          children: /* @__PURE__ */ h(
+            lo,
             {
-              onClick: (ze) => {
-                ze.target.closest("bdi") || c(p);
+              onClick: (Tt) => {
+                Tt.target.closest("bdi") || c(v);
               },
               children: [
-                u && /* @__PURE__ */ t("bdi", { children: /* @__PURE__ */ t(
+                u && /* @__PURE__ */ o("bdi", { children: /* @__PURE__ */ o(
                   u,
                   {
-                    group: h,
-                    message: p
+                    group: d,
+                    message: v
                   }
                 ) }),
-                B(p.label, i),
-                f && /* @__PURE__ */ m("bdi", { children: [
-                  /* @__PURE__ */ t(
-                    f,
+                $e(v.label, a),
+                p && /* @__PURE__ */ h("bdi", { children: [
+                  /* @__PURE__ */ o(
+                    p,
                     {
-                      group: h,
-                      message: p
+                      group: d,
+                      message: v
                     }
                   ),
                   " "
@@ -657,47 +1243,47 @@ const tt = ({ open: e, onOpenChange: n = () => {
             }
           )
         },
-        p.label
+        v.label
       )) }) }),
-      /* @__PURE__ */ m(C, { size: 8, children: [
-        e.slice(0, l).map((p) => /* @__PURE__ */ t(
-          it,
+      /* @__PURE__ */ h(C, { size: 8, children: [
+        e.slice(0, i).map((v) => /* @__PURE__ */ o(
+          po,
           {
-            data: p,
-            active: g === p.id,
-            displayTitleMaxLength: i,
+            data: v,
+            active: x === v.id,
+            displayTitleMaxLength: a,
             onClick: () => {
-              o(
-                g === p.id ? "" : p.id
+              l(
+                x === v.id ? "" : v.id
               );
             }
           },
-          p.id
+          v.id
         )),
-        /* @__PURE__ */ t(
-          b,
+        /* @__PURE__ */ o(
+          T,
           {
             size: "small",
             type: "text",
-            onClick: () => x(!0),
-            children: /* @__PURE__ */ t(Pe, {})
+            onClick: () => b(!0),
+            children: /* @__PURE__ */ o(Ht, {})
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ t(
-      tt,
+    /* @__PURE__ */ o(
+      so,
       {
-        open: d,
-        onOpenChange: x,
+        open: s,
+        onOpenChange: b,
         data: e,
-        onChange: n,
-        tableHeight: a,
-        limitation: r
+        onChange: t,
+        tableHeight: r,
+        limitation: n
       }
     )
   ] });
-}, rt = y.div`
+}, uo = k.div`
   background-color: ${(e) => e.$backgroundColor};
   color: ${(e) => e.$textColor};
   border: 1px solid transparent;
@@ -715,132 +1301,136 @@ const tt = ({ open: e, onOpenChange: n = () => {
     opacity: 0.6;
   }
 `;
-function it(e) {
-  const n = S(() => {
-    var l, u;
-    const a = Be(e.data.color), r = a.isDark(), i = r ? (l = a.lighten(0.2)) == null ? void 0 : l.hex() : (u = a.darken(0.15)) == null ? void 0 : u.hex();
+function po(e) {
+  const t = D(() => {
+    var i, u;
+    const r = zt(e.data.color), n = r.isDark(), a = n ? (i = r.lighten(0.2)) == null ? void 0 : i.hex() : (u = r.darken(0.15)) == null ? void 0 : u.hex();
     return {
-      $textColor: r ? "#fff" : "#333",
+      $textColor: n ? "#fff" : "#333",
       $backgroundColor: e.data.color,
-      $hoverColor: i
+      $hoverColor: a
     };
   }, [e.data.color]);
-  return /* @__PURE__ */ t(
-    rt,
+  return /* @__PURE__ */ o(
+    uo,
     {
-      ...n,
+      ...t,
       $active: e.active,
       "data-id": e.data.id,
       onClick: e.onClick,
       title: e.data.title,
-      children: B(e.data.title, e.displayTitleMaxLength)
+      children: $e(e.data.title, e.displayTitleMaxLength)
     }
   );
 }
 /*! This file was generated by vite-i18n-gen-resources-type check https://github.com/CRMChatReactComponent/vite-i18n-gen-resources-type. Please do not modify. */
-var R = /* @__PURE__ */ ((e) => (e.ZH_CN = "zh-CN", e.EN_US = "en-US", e))(R || {});
-const q = "Are you sure to delete it？", U = "No data available", Q = "Select a Group first", V = "Create a Group", Z = "Edit Group", J = "Create Group", X = "Title", Y = "Color", ee = "Save", te = "Create", ne = "Quick Messages Configs", oe = "Created Successfully", re = "Cannot be saved: title already existing", ie = "Cannot be saved: title is empty", ae = "Cannot be saved: content is empty", le = "Content", at = {
-  confirmDelete: q,
-  noData: U,
-  selectAGroupFirst: Q,
-  addNewGroup: V,
-  editGroup: Z,
-  createGroup: J,
-  titleFieldName: X,
-  colorFieldName: Y,
-  save: ee,
-  create: te,
-  quickMessageConfigs: ne,
-  createSuccessfully: oe,
-  cannotSavedMessageCuzLabelExisted: re,
-  cannotSavedMessageCuzLabelEmpty: ie,
-  cannotSavedMessageCuzContentEmpty: ae,
-  content: le,
-  delete: "Delete"
-}, lt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+var ze = /* @__PURE__ */ ((e) => (e.ZH_CN = "zh-CN", e.EN_US = "en-US", e))(ze || {});
+const Fe = "Are you sure to delete it？", Re = "No data available", Be = "Select a Group first", Ke = "Create a Group", Ve = "Edit Group", qe = "Create Group", Ue = "Title", We = "Color", Ye = "Save", Je = "Create", Xe = "Quick Messages Configs", Qe = "Created Successfully", Ze = "Cannot be saved: title already existing", et = "Cannot be saved: title is empty", tt = "Cannot be saved: content is empty", rt = "Content", nt = "Import from Clipboard", fo = {
+  confirmDelete: Fe,
+  noData: Re,
+  selectAGroupFirst: Be,
+  addNewGroup: Ke,
+  editGroup: Ve,
+  createGroup: qe,
+  titleFieldName: Ue,
+  colorFieldName: We,
+  save: Ye,
+  create: Je,
+  quickMessageConfigs: Xe,
+  createSuccessfully: Qe,
+  cannotSavedMessageCuzLabelExisted: Ze,
+  cannotSavedMessageCuzLabelEmpty: et,
+  cannotSavedMessageCuzContentEmpty: tt,
+  content: rt,
+  delete: "Delete",
+  importFromClipboard: nt
+}, go = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  addNewGroup: V,
-  cannotSavedMessageCuzContentEmpty: ae,
-  cannotSavedMessageCuzLabelEmpty: ie,
-  cannotSavedMessageCuzLabelExisted: re,
-  colorFieldName: Y,
-  confirmDelete: q,
-  content: le,
-  create: te,
-  createGroup: J,
-  createSuccessfully: oe,
-  default: at,
-  editGroup: Z,
-  noData: U,
-  quickMessageConfigs: ne,
-  save: ee,
-  selectAGroupFirst: Q,
-  titleFieldName: X
-}, Symbol.toStringTag, { value: "Module" })), ce = "确定删除吗？", se = "没有数据", de = "请在左侧选择一个分组", ue = "添加一个分组", fe = "编辑分组", he = "新建分组", me = "标题", ge = "颜色", pe = "保存", Ce = "创建", xe = "快捷消息配置", be = "创建成功", ve = "无法保存: 标题重复", ye = "无法保存: 标题不能为空", ke = "无法保存: 内容不能为空", Se = "内容", ct = {
-  confirmDelete: ce,
-  noData: se,
-  selectAGroupFirst: de,
-  addNewGroup: ue,
-  editGroup: fe,
-  createGroup: he,
-  titleFieldName: me,
-  colorFieldName: ge,
-  save: pe,
-  create: Ce,
-  quickMessageConfigs: xe,
-  createSuccessfully: be,
-  cannotSavedMessageCuzLabelExisted: ve,
-  cannotSavedMessageCuzLabelEmpty: ye,
-  cannotSavedMessageCuzContentEmpty: ke,
-  content: Se,
-  delete: "删除"
-}, st = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  addNewGroup: Ke,
+  cannotSavedMessageCuzContentEmpty: tt,
+  cannotSavedMessageCuzLabelEmpty: et,
+  cannotSavedMessageCuzLabelExisted: Ze,
+  colorFieldName: We,
+  confirmDelete: Fe,
+  content: rt,
+  create: Je,
+  createGroup: qe,
+  createSuccessfully: Qe,
+  default: fo,
+  editGroup: Ve,
+  importFromClipboard: nt,
+  noData: Re,
+  quickMessageConfigs: Xe,
+  save: Ye,
+  selectAGroupFirst: Be,
+  titleFieldName: Ue
+}, Symbol.toStringTag, { value: "Module" })), ot = "确定删除吗？", at = "没有数据", it = "请在左侧选择一个分组", st = "添加一个分组", lt = "编辑分组", ct = "新建分组", ut = "标题", dt = "颜色", pt = "保存", ft = "创建", gt = "快捷消息配置", ht = "创建成功", bt = "无法保存: 标题重复", yt = "无法保存: 标题不能为空", mt = "无法保存: 内容不能为空", vt = "内容", xt = "从剪切板导入", ho = {
+  confirmDelete: ot,
+  noData: at,
+  selectAGroupFirst: it,
+  addNewGroup: st,
+  editGroup: lt,
+  createGroup: ct,
+  titleFieldName: ut,
+  colorFieldName: dt,
+  save: pt,
+  create: ft,
+  quickMessageConfigs: gt,
+  createSuccessfully: ht,
+  cannotSavedMessageCuzLabelExisted: bt,
+  cannotSavedMessageCuzLabelEmpty: yt,
+  cannotSavedMessageCuzContentEmpty: mt,
+  content: vt,
+  delete: "删除",
+  importFromClipboard: xt
+}, bo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  addNewGroup: ue,
-  cannotSavedMessageCuzContentEmpty: ke,
-  cannotSavedMessageCuzLabelEmpty: ye,
-  cannotSavedMessageCuzLabelExisted: ve,
-  colorFieldName: ge,
-  confirmDelete: ce,
-  content: Se,
-  create: Ce,
-  createGroup: he,
-  createSuccessfully: be,
-  default: ct,
-  editGroup: fe,
-  noData: se,
-  quickMessageConfigs: xe,
-  save: pe,
-  selectAGroupFirst: de,
-  titleFieldName: me
-}, Symbol.toStringTag, { value: "Module" })), dt = /* @__PURE__ */ Object.assign({
-  "./locales/en-US/common.json": lt,
-  "./locales/zh-CN/common.json": st
-}), O = Object.entries(dt).reduce(
-  (e, n) => {
-    const [a, r] = n, i = a.match(/\/locales\/([\w-]+)\//), l = a.match(/\/([\w-_]+)\.json$/);
-    return l && i ? (e[i[1]] = e[i[1]] || {}, e[i[1]][l[1]] = r.default) : console.error(`无法解析文件名称 path:${a}`), e;
+  addNewGroup: st,
+  cannotSavedMessageCuzContentEmpty: mt,
+  cannotSavedMessageCuzLabelEmpty: yt,
+  cannotSavedMessageCuzLabelExisted: bt,
+  colorFieldName: dt,
+  confirmDelete: ot,
+  content: vt,
+  create: ft,
+  createGroup: ct,
+  createSuccessfully: ht,
+  default: ho,
+  editGroup: lt,
+  importFromClipboard: xt,
+  noData: at,
+  quickMessageConfigs: gt,
+  save: pt,
+  selectAGroupFirst: it,
+  titleFieldName: ut
+}, Symbol.toStringTag, { value: "Module" })), yo = /* @__PURE__ */ Object.assign({
+  "./locales/en-US/common.json": go,
+  "./locales/zh-CN/common.json": bo
+}), ye = Object.entries(yo).reduce(
+  (e, t) => {
+    const [r, n] = t, a = r.match(/\/locales\/([\w-]+)\//), i = r.match(/\/([\w-_]+)\.json$/);
+    return i && a ? (e[a[1]] = e[a[1]] || {}, e[a[1]][i[1]] = n.default) : console.error(`无法解析文件名称 path:${r}`), e;
   },
   {}
-), De = He.createInstance();
-De.init({
-  lng: R.ZH_CN,
+), Ct = Ft.createInstance();
+Ct.init({
+  lng: ze.ZH_CN,
   debug: !1,
-  ns: Object.keys(O),
-  resources: O
+  ns: Object.keys(ye),
+  resources: ye
 });
-const ut = j(null);
-function Mt(e) {
-  return /* @__PURE__ */ t(je, { i18n: De, defaultNS: "common", children: /* @__PURE__ */ t(ut.Provider, { value: {}, children: e.children }) });
+const mo = ve(null);
+function Io(e) {
+  return /* @__PURE__ */ o(Et, { i18n: e.i18n || Ct, defaultNS: "common", children: /* @__PURE__ */ o(mo.Provider, { value: {}, children: e.children }) });
 }
 export {
-  H as AntdApiContext,
-  Dt as AntdApiContextProviderCmp,
-  St as EmojiPickerWrapper,
-  ut as I18nContext,
-  Mt as I18nContextCmp,
-  Ye as MessageConfigsPanel,
-  tt as MessageConfigsPanelModalWrapper,
-  qe as MessagesEditTable,
-  zt as QuickMessages
+  ke as AntdApiContext,
+  Mo as AntdApiContextProviderCmp,
+  Oo as EmojiPickerWrapper,
+  mo as I18nContext,
+  Io as I18nContextCmp,
+  ao as MessageConfigsPanel,
+  so as MessageConfigsPanelModalWrapper,
+  Qn as MessagesEditTable,
+  Eo as QuickMessages
 };